{"id":28026880,"url":"https://github.com/tinywisp/twtree","last_synced_at":"2025-05-11T06:23:12.567Z","repository":{"id":40423737,"uuid":"249005605","full_name":"TinyWisp/twtree","owner":"TinyWisp","description":"a highly customizable tree component for vue 2","archived":false,"fork":false,"pushed_at":"2023-08-27T15:39:26.000Z","size":7981,"stargazers_count":40,"open_issues_count":3,"forks_count":15,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-07T17:44:49.198Z","etag":null,"topics":["checkbox","contextmenu","draggable","javascript","tree","vue","vue-tree"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TinyWisp.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-03-21T15:34:31.000Z","updated_at":"2024-06-14T14:35:55.000Z","dependencies_parsed_at":"2024-01-15T09:09:46.461Z","dependency_job_id":"992898ee-64ba-4ca2-b5f1-d1a81e44d424","html_url":"https://github.com/TinyWisp/twtree","commit_stats":{"total_commits":124,"total_committers":2,"mean_commits":62.0,"dds":"0.048387096774193505","last_synced_commit":"ef75591e46e37f3d6193e9ae095f112ad6b9dce4"},"previous_names":[],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TinyWisp%2Ftwtree","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TinyWisp%2Ftwtree/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TinyWisp%2Ftwtree/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TinyWisp%2Ftwtree/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TinyWisp","download_url":"https://codeload.github.com/TinyWisp/twtree/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253524957,"owners_count":21922002,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["checkbox","contextmenu","draggable","javascript","tree","vue","vue-tree"],"created_at":"2025-05-11T06:23:09.795Z","updated_at":"2025-05-11T06:23:12.561Z","avatar_url":"https://github.com/TinyWisp.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TWTree\n[![GitHub](https://img.shields.io/github/license/tinywisp/twtree)](https://github.com/TinyWisp/twtree/blob/master/LICENSE)\n[![npm](https://img.shields.io/npm/v/twtree)](https://www.npmjs.com/package/twtree)\n[![codecov](https://codecov.io/gh/TinyWisp/twtree/branch/master/graph/badge.svg)](https://codecov.io/gh/TinyWisp/twtree)\n![Travis (.org)](https://img.shields.io/travis/TinyWisp/twtree)\n\n 基于vue的树形组件。\n\n* [主要特色](#主要特色)\n* [开始使用](#开始使用)\n* [文档](https://github.com/TinyWisp/twtree/wiki/%E6%96%87%E6%A1%A3)\n* [示例](https://tinywisp.github.io/twtree/#/zh/)\n* [开源协议](#开源协议)\n* [vue 3](#vue3)\n\nA highly customizable tree component for vue.\n* [Features](#features)\n* [Getting Started](#getting-started)\n* [Document](https://github.com/TinyWisp/twtree/wiki/Document)\n* [Demos](https://tinywisp.github.io/twtree/#/en/)\n* [License](#license)\n* [vue 3](#vue-3)\n\n## 主要特色\n *  支持复选框\n *  可异步加载\n *  拖放操作\n *  右键菜单\n *  按钮\n *  自定义外观\n *  触屏支持\n\n## 文档\n *  [文档](https://github.com/TinyWisp/twtree/wiki/%E6%96%87%E6%A1%A3)\n\n## 开始使用\n\n npm\n ```\n   npm install twtree --save\n ```\n\n 引入\n ```\n   import TWTree from 'twtree'\n ```\n\n 示例\n ```javascript\n\u003ctemplate\u003e\n  \u003cdiv id=\"app\"\u003e\n    \u003cTWTree :tree=\"tree\" ref=\"tree\" class=\"tree\" /\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\nimport TWTree from 'twtree'\n\nexport default {\n  name: 'App',\n  components: {\n    TWTree\n  },\n  data() {\n    return {\n      tree: [\n        {\n          id: 1,\n          title: 'ROOT',\n          hasChild: true,\n          children: [\n            {\n              id: 2,\n              title: 'child 1',\n            },\n            {\n              id: 3,\n              title: 'child 2',\n              hasChild: true,\n              children: [\n                {\n                  id: 4,\n                  title: 'child 2-1'\n                },\n                {\n                  id: 5,\n                  title: 'child 2-2'\n                },\n                {\n                  id: 6,\n                  title: 'child 2-3'\n                }\n              ],\n            },\n            {\n              id: 7,\n              title: 'child 3'\n            },\n            {\n              id: 8,\n              title: 'child 4'\n            }\n          ]\n        }\n      ]\n    }\n  }\n}\n\u003c/script\u003e\n\n\u003cstyle scoped\u003e\n.tree {\n  width: 200px;\n  height: 300px;\n}\n\u003c/style\u003e\n\n ```\n\n## 示例\n *  [示例](https://tinywisp.gitee.io/twtree/)\n\n## 开源协议\n * MIT\n * 无论个人还是公司，都可以免费自由使用\n\n## vue3\n * [点击此处](https://github.com/TinyWisp/vue-tree)查看对vue3的支持\n\n\n ---\n\n## Features\n *  checkbox\n *  async loading\n *  drag and drop\n *  context menu\n *  button\n *  customizable appearance\n *  touch support\n\n## Getting Started\n\n npm\n ```\n   npm install twtree --save\n ```\n\n import the library\n ```\n   import TWTree from 'twtree'\n ```\n\n usage\n ```javascript\n\u003ctemplate\u003e\n  \u003cdiv id=\"app\"\u003e\n    \u003cTWTree :tree=\"tree\" ref=\"tree\" class=\"tree\" /\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\nimport TWTree from 'twtree'\n\nexport default {\n  name: 'App',\n  components: {\n    TWTree\n  },\n  data() {\n    return {\n      tree: [\n        {\n          id: 1,\n          title: 'ROOT',\n          hasChild: true,\n          children: [\n            {\n              id: 2,\n              title: 'child 1',\n            },\n            {\n              id: 3,\n              title: 'child 2',\n              hasChild: true,\n              children: [\n                {\n                  id: 4,\n                  title: 'child 2-1'\n                },\n                {\n                  id: 5,\n                  title: 'child 2-2'\n                },\n                {\n                  id: 6,\n                  title: 'child 2-3'\n                }\n              ],\n            },\n            {\n              id: 7,\n              title: 'child 3'\n            },\n            {\n              id: 8,\n              title: 'child 4'\n            }\n          ]\n        }\n      ]\n    }\n  }\n}\n\u003c/script\u003e\n\n\u003cstyle scoped\u003e\n.tree {\n  width: 200px;\n  height: 300px;\n}\n\u003c/style\u003e\n\n ```\n\n## Document\n *  [Document](https://github.com/TinyWisp/twtree/wiki/Document)\n\n## Demos\n *  [Demos](https://tinywisp.github.io/twtree/)\n\n## License\n * MIT\n * it is free for commercial use.\n\n## vue 3\n * [click here](https://github.com/TinyWisp/vue-tree) for vue3 support\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftinywisp%2Ftwtree","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftinywisp%2Ftwtree","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftinywisp%2Ftwtree/lists"}