{"id":13535936,"url":"https://github.com/weibangtuo/vue-tree","last_synced_at":"2025-04-02T02:31:46.438Z","repository":{"id":43608631,"uuid":"71475132","full_name":"weibangtuo/vue-tree","owner":"weibangtuo","description":"A tree component","archived":false,"fork":false,"pushed_at":"2017-04-26T03:14:06.000Z","size":6,"stargazers_count":82,"open_issues_count":1,"forks_count":23,"subscribers_count":12,"default_branch":"master","last_synced_at":"2024-08-02T09:24:03.492Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://weibangtuo.github.io/vue-tree/demo/demo-vue2.html","language":"JavaScript","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/weibangtuo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-10-20T15:08:21.000Z","updated_at":"2023-10-11T19:02:01.000Z","dependencies_parsed_at":"2022-08-19T01:31:05.505Z","dependency_job_id":null,"html_url":"https://github.com/weibangtuo/vue-tree","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weibangtuo%2Fvue-tree","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weibangtuo%2Fvue-tree/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weibangtuo%2Fvue-tree/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/weibangtuo%2Fvue-tree/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/weibangtuo","download_url":"https://codeload.github.com/weibangtuo/vue-tree/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":222791943,"owners_count":17038320,"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":[],"created_at":"2024-08-01T09:00:32.344Z","updated_at":"2024-11-03T00:31:37.671Z","avatar_url":"https://github.com/weibangtuo.png","language":"JavaScript","funding_links":[],"categories":["UI组件","Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)"],"sub_categories":["Libraries \u0026 Plugins"],"readme":"# Vue Tree View Component\n\n  Support `Vue.js` 2.0+\n\n## Usage\n\nAdd the following required resources.\n\n```html\n\u003clink rel=\"stylesheet\" href=\"[You Path]font-awesome/4.+/css/font-awesome.min.css\"\u003e\n\u003clink rel=\"stylesheet\" href=\"src/tree.vue.css\"\u003e\n\n\u003cscript src=\"[You Path]vue.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"src/tree.vue.js\"\u003e\u003c/script\u003e\n```\n\nAdd the component in your vue view.\n\n```html\n\u003cdiv id=\"app\"\u003e\n    \u003cvue-tree :option=\"option\"\u003e\u003c/vue-tree\u003e\n\u003c/div\u003e\n\u003cscript\u003e\n    new Vue({\n        el: '#app',\n        data: {\n            option: {\n                root: { //Root Node, see Node Options\n                    name: 'Root Node',\n                    isParent: true,\n                    isOpen: true,\n                    children: []\n                }\n            }\n        }\n\u003c/script\u003e\n```\n\n## Node Options\n\n  `[opt]` means optional property.\n\n```javascript\n{\n  name: 'Node Name',\n  title: 'Node Tag title attr',\n  isParent: true, // Requested for parent node\n  isOpen: false, // [opt] Control node to fold or unfold\n  icon: 'fa fa-folder', //[opt] Icon class name\n  openedIcon: 'fa fa-folder-open', // [opt] For parent. Show when isOpen == true, show icon if it's null or empty \n  closedIcon: 'fa fa-folder', // [opt] For parent. Show when isOpen != true, show icon if it's null or empty \n  children: [], // Requested for parent node\n  buttons: [ // [opt]\n    {\n      title: 'icon button tag title attr', //[opt]\n      icon: 'fa fa-edit',\n      click: function (node) { //[opt]\n          //\n      }\n    }\n    //...\n  ],\n  showLoading: false, // [opt] For parent, when `node.showLoading \u0026\u0026 node._loading` and node is opened then show loading icon\n  onOpened: function (node) {}, // [opt]\n  onClosed: function (node) {} // [opt]\n}\n```\n\n\n\n\n## License\n\nCopyright (c) 2016 weibangtuo. Under MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweibangtuo%2Fvue-tree","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fweibangtuo%2Fvue-tree","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweibangtuo%2Fvue-tree/lists"}