├── static
└── .gitkeep
├── config
├── prod.env.js
├── dev.env.js
└── index.js
├── .DS_Store
├── src
├── .DS_Store
├── images
│ ├── .DS_Store
│ └── ztree
│ │ ├── node.png
│ │ ├── root.png
│ │ ├── line_conn.gif
│ │ ├── loading.gif
│ │ ├── zTreeStandard.gif
│ │ └── zTreeStandard.png
├── App.vue
├── router
│ └── index.js
├── main.js
├── views
│ └── main.vue
└── components
│ └── vue-ztree.vue
├── vue-ztree-2.0.png
├── .gitignore
├── dist
└── static
│ ├── img
│ └── zTreeStandard.92717ba.png
│ ├── js
│ ├── manifest.1c47118ef0bc59dca092.js
│ ├── manifest.1c47118ef0bc59dca092.js.map
│ ├── app.5499b5727043ffa2e542.js
│ └── app.5499b5727043ffa2e542.js.map
│ └── css
│ ├── app.5032fb79c1ce781536e893155737ed91.css.map
│ └── app.5032fb79c1ce781536e893155737ed91.css
├── index.html
├── package.json
└── README.md
/static/.gitkeep:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/config/prod.env.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | NODE_ENV: '"production"'
3 | }
4 |
--------------------------------------------------------------------------------
/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/calamus0427/vue-ztree-2.0/master/.DS_Store
--------------------------------------------------------------------------------
/src/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/calamus0427/vue-ztree-2.0/master/src/.DS_Store
--------------------------------------------------------------------------------
/vue-ztree-2.0.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/calamus0427/vue-ztree-2.0/master/vue-ztree-2.0.png
--------------------------------------------------------------------------------
/src/images/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/calamus0427/vue-ztree-2.0/master/src/images/.DS_Store
--------------------------------------------------------------------------------
/src/images/ztree/node.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/calamus0427/vue-ztree-2.0/master/src/images/ztree/node.png
--------------------------------------------------------------------------------
/src/images/ztree/root.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/calamus0427/vue-ztree-2.0/master/src/images/ztree/root.png
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # 忽略 node_module 文件
2 | node_modules
3 | # 忽略 mac 特殊文件
4 | .DS_Store
5 | # 忽略es6文件
6 | .babelrc
7 |
8 |
--------------------------------------------------------------------------------
/src/images/ztree/line_conn.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/calamus0427/vue-ztree-2.0/master/src/images/ztree/line_conn.gif
--------------------------------------------------------------------------------
/src/images/ztree/loading.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/calamus0427/vue-ztree-2.0/master/src/images/ztree/loading.gif
--------------------------------------------------------------------------------
/src/images/ztree/zTreeStandard.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/calamus0427/vue-ztree-2.0/master/src/images/ztree/zTreeStandard.gif
--------------------------------------------------------------------------------
/src/images/ztree/zTreeStandard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/calamus0427/vue-ztree-2.0/master/src/images/ztree/zTreeStandard.png
--------------------------------------------------------------------------------
/dist/static/img/zTreeStandard.92717ba.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/calamus0427/vue-ztree-2.0/master/dist/static/img/zTreeStandard.92717ba.png
--------------------------------------------------------------------------------
/config/dev.env.js:
--------------------------------------------------------------------------------
1 | var merge = require('webpack-merge')
2 | var prodEnv = require('./prod.env')
3 |
4 | module.exports = merge(prodEnv, {
5 | NODE_ENV: '"development"'
6 | })
7 |
--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
12 |
--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Router from 'vue-router'
3 | import Main from '../views/Main'
4 |
5 | Vue.use(Router)
6 |
7 | export default new Router({
8 | routes: [
9 | {
10 | path: '/',
11 | name: 'Hello Ztree',
12 | component: Main
13 | }
14 | ]
15 | })
16 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Hello-Ztree-2.0
6 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | // The Vue build version to load with the `import` command
2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
3 | import Vue from 'vue'
4 | import App from './App'
5 | import router from './router'
6 |
7 | Vue.config.productionTip = false
8 |
9 | /* eslint-disable no-new */
10 | new Vue({
11 | el: '#app',
12 | router,
13 | template: '',
14 | components: { App }
15 | })
16 |
--------------------------------------------------------------------------------
/dist/static/js/manifest.1c47118ef0bc59dca092.js:
--------------------------------------------------------------------------------
1 | !function(e){function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var r=window.webpackJsonp;window.webpackJsonp=function(t,c,i){for(var u,a,f,s=0,l=[];s",
6 | "private": true,
7 | "scripts": {
8 | "dev": "node build/dev-server.js",
9 | "start": "node build/dev-server.js",
10 | "build": "node build/build.js"
11 | },
12 | "dependencies": {
13 | "chalk": "^1.1.3",
14 | "vue": "^2.2.6",
15 | "vue-router": "^2.3.1"
16 | },
17 | "devDependencies": {
18 | "autoprefixer": "^6.7.2",
19 | "babel-core": "^6.22.1",
20 | "babel-loader": "^6.2.10",
21 | "babel-plugin-transform-runtime": "^6.22.0",
22 | "babel-preset-env": "^1.3.2",
23 | "babel-preset-stage-2": "^6.22.0",
24 | "babel-register": "^6.22.0",
25 | "chalk": "^1.1.3",
26 | "connect-history-api-fallback": "^1.3.0",
27 | "copy-webpack-plugin": "^4.0.1",
28 | "css-loader": "^0.28.0",
29 | "eventsource-polyfill": "^0.9.6",
30 | "express": "^4.14.1",
31 | "extract-text-webpack-plugin": "^2.0.0",
32 | "file-loader": "^0.11.1",
33 | "friendly-errors-webpack-plugin": "^1.1.3",
34 | "html-webpack-inline-source-plugin": "0.0.8",
35 | "html-webpack-plugin": "^2.28.0",
36 | "http-proxy-middleware": "^0.17.3",
37 | "opn": "^4.0.2",
38 | "optimize-css-assets-webpack-plugin": "^1.3.0",
39 | "ora": "^1.2.0",
40 | "rimraf": "^2.6.0",
41 | "semver": "^5.3.0",
42 | "shelljs": "^0.7.6",
43 | "url-loader": "^0.5.8",
44 | "vue-loader": "^11.3.4",
45 | "vue-style-loader": "^2.0.5",
46 | "vue-template-compiler": "^2.2.6",
47 | "webpack": "^2.3.3",
48 | "webpack-bundle-analyzer": "^2.2.1",
49 | "webpack-dev-middleware": "^1.10.0",
50 | "webpack-hot-middleware": "^2.18.0",
51 | "webpack-merge": "^4.1.0"
52 | },
53 | "engines": {
54 | "node": ">= 4.0.0",
55 | "npm": ">= 3.0.0"
56 | },
57 | "browserslist": [
58 | "> 1%",
59 | "last 2 versions",
60 | "not ie <= 8"
61 | ]
62 | }
63 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # vue-ztree-2.0
2 |
3 | [vue-ztree-2 演示预览地址](https://lisiyizu.github.io/vue-ztree-2)
4 |
5 | ### Vue小伙伴交流群: 590688906
6 |
7 | 
8 |
9 | 通过以下demo来实现
10 |
11 | ### app.vue代码如下
12 |
13 | ```html
14 |
15 |
16 |
{{ msg }}
17 |
18 |
19 |
20 |
21 |
22 |
23 |
125 |
126 |
129 |
130 | ```
131 |
132 | ###vue-ztree/初始化参数
133 |
134 |
135 |
136 | | 参数 |
137 | 类型 |
138 | 默认值 |
139 | 描述 |
140 |
141 |
142 | | list |
143 | Array |
144 | - |
145 | 树的结构数据源 |
146 |
147 |
148 | | func |
149 | Function |
150 | - |
151 | 点击节点事件 |
152 |
153 |
154 | | contextmenu |
155 | Function |
156 | - |
157 | 右击节点事件 |
158 |
159 |
160 | | expand |
161 | Function |
162 | - |
163 | 点击展开/收起的方法(一般在异步加载的时候使用, 非异步加载传null) |
164 |
165 |
166 | | is-open |
167 | Bealoon |
168 | true |
169 | 是否展开树 |
170 |
171 |
172 |
173 |
174 |
175 | ## Build Setup
176 |
177 | ``` bash
178 | # install dependencies
179 | npm install
180 |
181 | # serve with hot reload at localhost:8080
182 | npm run dev
183 |
184 | # build for production with minification
185 | npm run build
186 | ```
187 |
188 | For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
189 |
--------------------------------------------------------------------------------
/dist/static/css/app.5032fb79c1ce781536e893155737ed91.css.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["webpack:///./src/views/Main.vue","webpack:///./src/components/vue-ztree.vue"],"names":[],"mappings":"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","file":"static/css/app.5032fb79c1ce781536e893155737ed91.css","sourcesContent":["\nbody {font-family: Helvetica, sans-serif;\n}\n.iconClassRoot {\n width:15px;\n height:15px;\n display: inline-block;\n background: url(\"../images/ztree/root.png\") no-repeat center/100% auto;\n}\n.iconClassNode {\n width:15px;\n height:15px;\n display: inline-block;\n background: url(\"../images/ztree/node.png\") no-repeat center/100% auto;\n}\n.operate{\n display: flex;\n}\n.operate ul>li{\n\n float:left;\n margin:10px 10px;\n list-style-type: none;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/views/Main.vue","\ndiv.ztree_content_wrap {height:380px;\n}\ndiv.ztree_content_wrap div.left{float: left;width: 100%;\n}\ndiv.zTreeDemoBackground {width:100%;height:500px;text-align:left;\n}\n.expendIcon {\n\t\tbackground-position: -74px -36px;\n\t\tline-height: 0;\n\t margin: 0;\n\t width: 16px;\n\t height: 16px;\n\t display: inline-block;\n\t vertical-align: middle;\n\t border: 0 none;\n\t cursor: pointer;\n\t outline: none;\n\t position: absolute;\n\t top:4px;\n\t background-color: transparent;\n\t background-repeat: no-repeat;\n\t background-attachment: scroll;\n\t background-image: url(\"../images/ztree/zTreeStandard.png\");\n}\nul.ztree {border:1px solid #ddd;background: #ffffff;width:100%;height:auto;overflow-y:scroll;overflow-x:auto;\n}\n.ztree * {padding:0; margin:0; font-size:15px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif\n}\n.ztree {margin:0; padding:5px; color:#333 ;\n}\n.ztree li{position: relative; padding:0; margin:0; list-style:none; line-height:24px; text-align:left; white-space:nowrap; outline:0\n}\n.ztree li ul{ margin:0; padding:0 0 0 18px\n}\n.ztree li ul.line{ background:url('../images/ztree/line_conn.gif') 0 0 repeat-y;\n}\n.ztree li a {padding:1px 3px 0 5px; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;\n\t\ttext-decoration:none; vertical-align:top; display: inline-block\n}\n.ztree li a:hover {text-decoration:underline;color:blue;\n}\n.ztree li a.curSelectedNode {padding-top:0px; background-color:#191d22; color:#fff; height:24px; border:1px #191d22 solid; opacity:0.8;\n}\n.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;\n}\n.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;\n\t\topacity:0.8; filter:alpha(opacity=80)\n}\n.ztree li a.tmpTargetNode_prev {\n}\n.ztree li a.tmpTargetNode_next {\n}\n.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;\n\t\tfont-size:12px; border:1px #7EC4CC solid; *border:0px\n}\n.ztree li span {line-height:16px; margin-right:2px; top: 3px; display: inline-block;\n}\n.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;\n\t\tborder:0 none; cursor: pointer;outline:none;\n\t\tbackground-color:transparent; background-repeat:no-repeat; background-attachment: scroll;\n\t\tbackground-image:url(\"../images/ztree/zTreeStandard.png\"); *background-image:url(\"../images/ztree/zTreeStandard.gif\")\n}\n.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto\n}\n.ztree li span.button.chk.checkbox_false_full {background-position:0 0\n}\n.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px\n}\n.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px\n}\n.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px\n}\n.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px\n}\n.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0\n}\n.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px\n}\n.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px\n}\n.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px\n}\n.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px\n}\n.ztree li span.button.chk.radio_false_full {background-position:-28px 0\n}\n.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px\n}\n.ztree li span.button.chk.radio_false_part {background-position:-28px -28px\n}\n.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px\n}\n.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px\n}\n.ztree li span.button.chk.radio_true_full {background-position:-42px 0\n}\n.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px\n}\n.ztree li span.button.chk.radio_true_part {background-position:-42px -28px\n}\n.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px\n}\n.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px\n}\n.ztree li span.button.switch {width:18px; height:18px\n}\n.ztree li span.button.root_open{background-position:-92px -54px\n}\n.ztree li span.button.root_close{background-position:-74px -54px\n}\n.ztree li span.button.roots_open{background-position:-92px 0\n}\n.ztree li span.button.roots_close{background-position:-74px 0\n}\n.ztree li span.button.center_open{background-position:-92px -18px\n}\n.ztree li span.button.center_close{background-position:-74px -18px\n}\n.ztree li span.button.bottom_open{background-position:-92px -36px\n}\n.ztree li span.button.bottom_close{background-position:-74px -36px\n}\n.ztree li span.button.noline_open{background-position:-92px -72px\n}\n.ztree li span.button.noline_close{background-position:-74px -72px\n}\n.ztree li span.button.root_docu{ background:none;\n}\n.ztree li span.button.roots_docu{background-position:-56px 0\n}\n.ztree li span.button.center_docu{background-position:-56px -18px\n}\n.ztree li span.button.bottom_docu{background-position:-56px -36px\n}\n.ztree li span.button.noline_docu{ background:none;\n}\n.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle\n}\n.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle\n}\n.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle\n}\n.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle\n}\n.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle\n}\n\n\t/*.ztree li span.button.ico_loading{margin-right:2px; background:url('../images/ztree/loading.gif') no-repeat scroll 0 0 transparent; \n\t vertical-align:top; *vertical-align:middle}*/\nul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)\n}\nspan.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;\n\t\tbackground-color:white; background-repeat:no-repeat; background-attachment: scroll;\n\t\tbackground-position:-110px -80px; background-image:url(\"../images/ztree/zTreeStandard.png\"); *background-image:url(\"../images/ztree/zTreeStandard.gif\")\n}\nul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; \n\t background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)\n}\n.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute\n}\n.loadSyncNode {\n\t\twidth: 16px;\n height: 16px;\n position: relative;\n display: inline-block;\n\t\tbackground-image:url(\"data:image/gif;base64,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\")\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/vue-ztree.vue"],"sourceRoot":""}
--------------------------------------------------------------------------------
/src/views/main.vue:
--------------------------------------------------------------------------------
1 |
25 |
26 |
27 |
28 |
Hello Ztree(非异步)
29 |
37 |
38 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
Hello Ztree(异步加载)
53 |
54 |
55 |
56 |
57 |
58 |
59 |
Hello Ztree(右击事件)
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
408 |
--------------------------------------------------------------------------------
/dist/static/js/manifest.1c47118ef0bc59dca092.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["webpack:///static/js/manifest.1c47118ef0bc59dca092.js","webpack:///webpack/bootstrap e256442184ef6cf078d8"],"names":["modules","__webpack_require__","moduleId","installedModules","exports","module","i","l","call","parentJsonpFunction","window","chunkIds","moreModules","executeModules","chunkId","result","resolves","length","installedChunks","push","Object","prototype","hasOwnProperty","shift","s","2","e","onScriptComplete","script","onerror","onload","clearTimeout","timeout","chunk","Error","undefined","installedChunkData","Promise","resolve","promise","reject","head","document","getElementsByTagName","createElement","type","charset","async","nc","setAttribute","src","p","0","1","setTimeout","appendChild","m","c","value","d","name","getter","o","defineProperty","configurable","enumerable","get","n","__esModule","object","property","oe","err","console","error"],"mappings":"CAAS,SAAUA,GCuCnB,QAAAC,GAAAC,GAGA,GAAAC,EAAAD,GACA,MAAAC,GAAAD,GAAAE,OAGA,IAAAC,GAAAF,EAAAD,IACAI,EAAAJ,EACAK,GAAA,EACAH,WAUA,OANAJ,GAAAE,GAAAM,KAAAH,EAAAD,QAAAC,IAAAD,QAAAH,GAGAI,EAAAE,GAAA,EAGAF,EAAAD,QA1DA,GAAAK,GAAAC,OAAA,YACAA,QAAA,sBAAAC,EAAAC,EAAAC,GAIA,IADA,GAAAX,GAAAY,EAAAC,EAAAT,EAAA,EAAAU,KACQV,EAAAK,EAAAM,OAAoBX,IAC5BQ,EAAAH,EAAAL,GACAY,EAAAJ,IACAE,EAAAG,KAAAD,EAAAJ,GAAA,IAEAI,EAAAJ,GAAA,CAEA,KAAAZ,IAAAU,GACAQ,OAAAC,UAAAC,eAAAd,KAAAI,EAAAV,KACAF,EAAAE,GAAAU,EAAAV,GAIA,KADAO,KAAAE,EAAAC,EAAAC,GACAG,EAAAC,QACAD,EAAAO,SAEA,IAAAV,EACA,IAAAP,EAAA,EAAYA,EAAAO,EAAAI,OAA2BX,IACvCS,EAAAd,IAAAuB,EAAAX,EAAAP,GAGA,OAAAS,GAIA,IAAAZ,MAGAe,GACAO,EAAA,EA6BAxB,GAAAyB,EAAA,SAAAZ,GA+BA,QAAAa,KAEAC,EAAAC,QAAAD,EAAAE,OAAA,KACAC,aAAAC,EACA,IAAAC,GAAAf,EAAAJ,EACA,KAAAmB,IACAA,GACAA,EAAA,MAAAC,OAAA,iBAAApB,EAAA,aAEAI,EAAAJ,OAAAqB,IAvCA,GAAAC,GAAAlB,EAAAJ,EACA,QAAAsB,EACA,UAAAC,SAAA,SAAAC,GAA0CA,KAI1C,IAAAF,EACA,MAAAA,GAAA,EAIA,IAAAG,GAAA,GAAAF,SAAA,SAAAC,EAAAE,GACAJ,EAAAlB,EAAAJ,IAAAwB,EAAAE,IAEAJ,GAAA,GAAAG,CAGA,IAAAE,GAAAC,SAAAC,qBAAA,WACAf,EAAAc,SAAAE,cAAA,SACAhB,GAAAiB,KAAA,kBACAjB,EAAAkB,QAAA,QACAlB,EAAAmB,OAAA,EACAnB,EAAAI,QAAA,KAEA/B,EAAA+C,IACApB,EAAAqB,aAAA,QAAAhD,EAAA+C,IAEApB,EAAAsB,IAAAjD,EAAAkD,EAAA,aAAArC,EAAA,KAAwEsC,EAAA,uBAAAC,EAAA,wBAAsDvC,GAAA,KAC9H,IAAAkB,GAAAsB,WAAA3B,EAAA,KAgBA,OAfAC,GAAAC,QAAAD,EAAAE,OAAAH,EAaAc,EAAAc,YAAA3B,GAEAW,GAIAtC,EAAAuD,EAAAxD,EAGAC,EAAAwD,EAAAtD,EAGAF,EAAAK,EAAA,SAAAoD,GAA2C,MAAAA,IAG3CzD,EAAA0D,EAAA,SAAAvD,EAAAwD,EAAAC,GACA5D,EAAA6D,EAAA1D,EAAAwD,IACAxC,OAAA2C,eAAA3D,EAAAwD,GACAI,cAAA,EACAC,YAAA,EACAC,IAAAL,KAMA5D,EAAAkE,EAAA,SAAA9D,GACA,GAAAwD,GAAAxD,KAAA+D,WACA,WAA2B,MAAA/D,GAAA,SAC3B,WAAiC,MAAAA,GAEjC,OADAJ,GAAA0D,EAAAE,EAAA,IAAAA,GACAA,GAIA5D,EAAA6D,EAAA,SAAAO,EAAAC,GAAsD,MAAAlD,QAAAC,UAAAC,eAAAd,KAAA6D,EAAAC,IAGtDrE,EAAAkD,EAAA,IAGAlD,EAAAsE,GAAA,SAAAC,GAA8D,KAApBC,SAAAC,MAAAF,GAAoBA","file":"static/js/manifest.1c47118ef0bc59dca092.js","sourcesContent":["/******/ (function(modules) { // webpackBootstrap\n/******/ \t// install a JSONP callback for chunk loading\n/******/ \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n/******/ \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n/******/ \t\t// add \"moreModules\" to the modules object,\n/******/ \t\t// then flag all \"chunkIds\" as loaded and fire callback\n/******/ \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n/******/ \t\tfor(;i < chunkIds.length; i++) {\n/******/ \t\t\tchunkId = chunkIds[i];\n/******/ \t\t\tif(installedChunks[chunkId]) {\n/******/ \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n/******/ \t\t\t}\n/******/ \t\t\tinstalledChunks[chunkId] = 0;\n/******/ \t\t}\n/******/ \t\tfor(moduleId in moreModules) {\n/******/ \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n/******/ \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n/******/ \t\t\t}\n/******/ \t\t}\n/******/ \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n/******/ \t\twhile(resolves.length) {\n/******/ \t\t\tresolves.shift()();\n/******/ \t\t}\n/******/ \t\tif(executeModules) {\n/******/ \t\t\tfor(i=0; i < executeModules.length; i++) {\n/******/ \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n/******/ \t\t\t}\n/******/ \t\t}\n/******/ \t\treturn result;\n/******/ \t};\n/******/\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// objects to store loaded and loading chunks\n/******/ \tvar installedChunks = {\n/******/ \t\t2: 0\n/******/ \t};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/ \t// This file contains only the entry chunk.\n/******/ \t// The chunk loading function for additional chunks\n/******/ \t__webpack_require__.e = function requireEnsure(chunkId) {\n/******/ \t\tvar installedChunkData = installedChunks[chunkId];\n/******/ \t\tif(installedChunkData === 0) {\n/******/ \t\t\treturn new Promise(function(resolve) { resolve(); });\n/******/ \t\t}\n/******/\n/******/ \t\t// a Promise means \"currently loading\".\n/******/ \t\tif(installedChunkData) {\n/******/ \t\t\treturn installedChunkData[2];\n/******/ \t\t}\n/******/\n/******/ \t\t// setup Promise in chunk cache\n/******/ \t\tvar promise = new Promise(function(resolve, reject) {\n/******/ \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n/******/ \t\t});\n/******/ \t\tinstalledChunkData[2] = promise;\n/******/\n/******/ \t\t// start chunk loading\n/******/ \t\tvar head = document.getElementsByTagName('head')[0];\n/******/ \t\tvar script = document.createElement('script');\n/******/ \t\tscript.type = 'text/javascript';\n/******/ \t\tscript.charset = 'utf-8';\n/******/ \t\tscript.async = true;\n/******/ \t\tscript.timeout = 120000;\n/******/\n/******/ \t\tif (__webpack_require__.nc) {\n/******/ \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n/******/ \t\t}\n/******/ \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"0\":\"5499b5727043ffa2e542\",\"1\":\"0bc9ddd2e8211b82bb9f\"}[chunkId] + \".js\";\n/******/ \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n/******/ \t\tscript.onerror = script.onload = onScriptComplete;\n/******/ \t\tfunction onScriptComplete() {\n/******/ \t\t\t// avoid mem leaks in IE.\n/******/ \t\t\tscript.onerror = script.onload = null;\n/******/ \t\t\tclearTimeout(timeout);\n/******/ \t\t\tvar chunk = installedChunks[chunkId];\n/******/ \t\t\tif(chunk !== 0) {\n/******/ \t\t\t\tif(chunk) {\n/******/ \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n/******/ \t\t\t\t}\n/******/ \t\t\t\tinstalledChunks[chunkId] = undefined;\n/******/ \t\t\t}\n/******/ \t\t};\n/******/ \t\thead.appendChild(script);\n/******/\n/******/ \t\treturn promise;\n/******/ \t};\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// identity function for calling harmony imports with the correct context\n/******/ \t__webpack_require__.i = function(value) { return value; };\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"/\";\n/******/\n/******/ \t// on error function for async loading\n/******/ \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n/******/ })\n/************************************************************************/\n/******/ ([]);\n\n\n// WEBPACK FOOTER //\n// static/js/manifest.1c47118ef0bc59dca092.js"," \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId) {\n \t\tvar installedChunkData = installedChunks[chunkId];\n \t\tif(installedChunkData === 0) {\n \t\t\treturn new Promise(function(resolve) { resolve(); });\n \t\t}\n\n \t\t// a Promise means \"currently loading\".\n \t\tif(installedChunkData) {\n \t\t\treturn installedChunkData[2];\n \t\t}\n\n \t\t// setup Promise in chunk cache\n \t\tvar promise = new Promise(function(resolve, reject) {\n \t\t\tinstalledChunkData = installedChunks[chunkId] = [resolve, reject];\n \t\t});\n \t\tinstalledChunkData[2] = promise;\n\n \t\t// start chunk loading\n \t\tvar head = document.getElementsByTagName('head')[0];\n \t\tvar script = document.createElement('script');\n \t\tscript.type = 'text/javascript';\n \t\tscript.charset = 'utf-8';\n \t\tscript.async = true;\n \t\tscript.timeout = 120000;\n\n \t\tif (__webpack_require__.nc) {\n \t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n \t\t}\n \t\tscript.src = __webpack_require__.p + \"static/js/\" + chunkId + \".\" + {\"0\":\"5499b5727043ffa2e542\",\"1\":\"0bc9ddd2e8211b82bb9f\"}[chunkId] + \".js\";\n \t\tvar timeout = setTimeout(onScriptComplete, 120000);\n \t\tscript.onerror = script.onload = onScriptComplete;\n \t\tfunction onScriptComplete() {\n \t\t\t// avoid mem leaks in IE.\n \t\t\tscript.onerror = script.onload = null;\n \t\t\tclearTimeout(timeout);\n \t\t\tvar chunk = installedChunks[chunkId];\n \t\t\tif(chunk !== 0) {\n \t\t\t\tif(chunk) {\n \t\t\t\t\tchunk[1](new Error('Loading chunk ' + chunkId + ' failed.'));\n \t\t\t\t}\n \t\t\t\tinstalledChunks[chunkId] = undefined;\n \t\t\t}\n \t\t};\n \t\thead.appendChild(script);\n\n \t\treturn promise;\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap e256442184ef6cf078d8"],"sourceRoot":""}
--------------------------------------------------------------------------------
/src/components/vue-ztree.vue:
--------------------------------------------------------------------------------
1 |
117 |
118 |
119 |
120 |
127 |
128 |
129 |
--------------------------------------------------------------------------------
/dist/static/css/app.5032fb79c1ce781536e893155737ed91.css:
--------------------------------------------------------------------------------
1 | body{font-family:Helvetica,sans-serif}.iconClassRoot{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA2klEQVQ4T2NkoBAwoutXqfjvwPCX4f+dbsaDxJgNNuDPTuEARgZG/TXPogOe/5A2OHnuHsNpoekb73QyBhAyBGLADpH/yAqLZnxhuCi1iOEZbyiG/v//GQrvdDFOgElgNeDBy78MTKy893h5OT6hm8DC+OcPL8unL6n9n3/O3/nTA6sBhJwNkncu+8hw8NJvxlEDhnQYCAe/Zfj49T8kGheU8d6/9+yvAjHxD1Jz8d4fhhuP//64+fgvJzwzFQWxhf/8zShJjCHsrP+f9637tRKkFiM3EmMAshoAaLx+ESWKXj8AAAAASUVORK5CYII=) no-repeat 50%/100% auto}.iconClassNode,.iconClassRoot{width:15px;height:15px;display:inline-block}.iconClassNode{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABTUlEQVQ4T2NkoBAwgvQHFJwX0FRhW8HCzKTPxMTIx/CfgQ3d3HuPPjPxcLJ8ExJiffXrJ8OU7iKdfpAasAHVM64vc7aWjcTlmCfPvzCI8DAxqMnzgpXcuv/py5Rld2y3TbO+ADYgven8Lm4eFjZWFkYLVmYmdn4eVhSzfv76y+BnLwEWu//0K4OIMCfDyh0Pp04qM8wBGwADXfNvPpAQZpeP9ZXHGTKXb39kePPxN8PqnY8XTq8xSsBqgLWhCMOpy+8wDOHmZGZQkOYmbIC7tQTDy7c/cLqCoAuCXGTAfkUHXBzMDF+//yHsAgMNAYYrtz9idYGOKj9hAygORFV5XoZNB56CXaCrws8Q6SUHdw1RsUCxCygyQEdVQP7F6294s5i5vijDlGW3MBNSad+lE0ZaQtycHKx/8Jnw5v13zqMX35bMbzDegpISycnZAOBaxRFghtspAAAAAElFTkSuQmCC) no-repeat 50%/100% auto}.operate{display:flex}.operate ul>li{float:left;margin:10px;list-style-type:none}div.ztree_content_wrap{height:380px}div.ztree_content_wrap div.left{float:left;width:100%}div.zTreeDemoBackground{width:100%;height:500px;text-align:left}.expendIcon{background-position:-74px -36px;line-height:0;margin:0;width:16px;height:16px;display:inline-block;vertical-align:middle;border:0 none;cursor:pointer;outline:none;position:absolute;top:4px;background-color:transparent;background-repeat:no-repeat;background-attachment:scroll;background-image:url(/static/img/zTreeStandard.92717ba.png)}ul.ztree{border:1px solid #ddd;background:#fff;width:100%;height:auto;overflow-y:scroll;overflow-x:auto}.ztree *{padding:0;margin:0;font-size:15px;font-family:Verdana,Arial,Helvetica,AppleGothic,sans-serif}.ztree{margin:0;padding:5px;color:#333}.ztree li{position:relative;padding:0;margin:0;list-style:none;line-height:24px;text-align:left;white-space:nowrap;outline:0}.ztree li ul{margin:0;padding:0 0 0 18px}.ztree li ul.line{background:url(data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7) 0 0 repeat-y}.ztree li a{padding:1px 3px 0 5px;margin:0;cursor:pointer;height:17px;color:#333;background-color:transparent;text-decoration:none;vertical-align:top;display:inline-block}.ztree li a:hover{text-decoration:underline;color:blue}.ztree li a.curSelectedNode{padding-top:0;background-color:#191d22;color:#fff;height:24px;border:1px solid #191d22;opacity:.8}.ztree li a.curSelectedNode_Edit{padding-top:0;background-color:#ffe6b0;color:#000;height:16px;border:1px solid #ffb951;opacity:.8}.ztree li a.tmpTargetNode_inner{padding-top:0;background-color:#316ac5;color:#fff;height:16px;border:1px solid #316ac5;opacity:.8;filter:alpha(opacity=80)}.ztree li a input.rename{height:14px;width:80px;padding:0;margin:0;font-size:12px;border:1px solid #7ec4cc;*border:0}.ztree li span{line-height:16px;margin-right:2px;top:3px;display:inline-block}.ztree li span.button{line-height:0;margin:0;width:16px;height:16px;display:inline-block;vertical-align:middle;border:0 none;cursor:pointer;outline:none;background-color:transparent;background-repeat:no-repeat;background-attachment:scroll;background-image:url(/static/img/zTreeStandard.92717ba.png);*background-image:url(data:image/gif;base64,R0lGODlhsgBhAOZ/AKC8z3DK/jpkiMvHvEyr5tnW0dJpHqWko+Wri/z8+4XZZGK78JCPjnPPUPfrlbfH1vT08refX/rCVNTRyvO6SczMyvqncuuJT/LffsCujKjo/+Ph3F6CovnMrCGgIezs6tPq/2qzSrm5t/i3O+/OB6b2ic6oSfzem/eaYf3YiPz1qzma0PXqUpfZ/niYtey9A+zp46rT6vLsEN7c17DUrm2t2Gl3b/Lt3OTk4fvmuU/FQpLh/4DX/1ikz1u4Mub0//vKZ/Dw7vfvc+/RiOTEdJTucvDu6maGpPzhrfj498Llwv/7t/LrL6u1vKDSnneDhZvJlNyTanbA7d+4YIbI8Pnuw/rxzu3DYZ6dnPrAmefXQd/MMPy3hMLZ//rz2XSQq3J5qOnYcrjgp+ft8qawpfDYmOzjp7a1roWYqsR3TOjLgnOOoaKsu8u5O/b6/+yFM9TOogAAAEOh1ubn6LaeEejo5eTq74y0e/vReO7z7ayrq+bm5eahAhxRgP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wUmlnaHRzOk1hcmtlZD0iRmFsc2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0EzQUU0MUNDOURDMTFFMThBNTJDMUNEQTJFMkJDQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0EzQUU0MUJDOURDMTFFMThBNTJDMUNEQTJFMkJDQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTMyBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InV1aWQ6QTEwODdEMTg1RTRERTExMTkxRDdDQTBCREI3NzQ5OTEiIHN0UmVmOmRvY3VtZW50SUQ9InV1aWQ6NEJCQkE1MjM0NzRERTExMTlFOEVCMDE5MjYzRTg5Q0QiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAB/ACwAAAAAsgBhAAAH/4B9goOEg3+FiIJ/i39jABx9HABjjJWOkJKUlZucnZ6foKGio6SloX0zqTMbGzh1H0FBfYeqq62vsbOLD31HTTNNR30Pm7y+wMLEpsvMzZ0JWVFpBlFZCZ8JYg0+Pg1i154JZRR8fBRl4IyoqayusEEQs+u27rHxuxxN7a8PHMp//fTd+tDvn7ODpHIMWcgwB6gOaSxk6dAhCwIDHTqJ8aGghMcSCnyI6VSGzwsZTJjIeMGnTKV1+95BuAdzYBAPM2eN6SOwXhBelHb2xPWzjyaESEGpWcK0aRkrnrKkmZjFgNWJUzdt/Mi1hMhNJWXI8ONnbNmW6ugRnZlE3ioce/9wecDZ9g+AIzHtQfgCwC7eVjR0OPkwk2/Sw56WNmWqQo1jx0gWJcCYxYIBsn4MZJGaLoEPj0WK6GgQ2qOPznzEyrC62oBYPuD65IUHIUld2Rs8yJ1re1Y+m7ST9PvzG0dgHR6g1B6O8IGL59BdGCwWHfr0RURUaN/OXTuRRdEqcyFrgXwWFFkYiekYugjZ9iBHLhpyUixr1iuHLJLtk22SBPK0MtdNvP3nVn+1JUHTDDjMocODBd6DkAt+JKCgETBs4MInFFoIAYYadpJddyR+90c1XFhQnh8rWsBFNIyQFloDOpBFY2hONMDICCSoZlVmrslAwgj7IWhbAgAe4sr/XEwemWQ+ayWYwHBQfuAEk1D8x9xBLngYR4YzbOhJlxeCKeYmRDig5ppsqmniVCq2GKdEaTDymQIKYIYZnl4xkhoJgFolKKAy8LFflE76Ic9uHiQ6y10ySZmAYZAG8QEUyeWBpGETXhjHBjMUcCYnLpQJqqidTNHmqg5MsYhmKMRK1gVWxVqVnUXgqSdZeBbhg59CBmoACVYBSoKhh0SaqKLJ2tPofwmQpdMwwUELVCPU+ofktZ5U8Ie34H67iQsQxGGuuRNsGG4l5J6LrrriLqIqq2y6+kcaXMSKAln7+nEBClzUuUgIeDZgsI0G4xnCjsYSO2yxgBJ5iF7LMtsH/8XQYqZLQZI+cMQ/HDvp8XXMuABiHAVMMMCo44IYqsosL2ICBjTXbDPNJiyCQBQWXHABWZf5a0EUCDACRQMKGNwAwkg3AAUjXLxAwgsvWFW1AVK/wMV+1SKppzxdR6sxI7x88QAED3wxTDF9mI222iRX4q0oLoAZh8orcwhmygPkzcnMNwee8x9zGIAACj5j9u9FczBSB0cGj0Zjwj7UwcgefEx99ebH7rFfIoUcAjohljwSySSdXHL6UUi5cCrefnfi+st9x14J4IHbPLgbCKSxs88+85xGBkkwkgQUkNMoeUhZGs9F5lRHLzUfXBSP2PWizB2Kc9VJ9wn31ZGshv8J5JdvPvlqMAJBBtRYgID7URiQAQSbQHBHN3gW7AMUQdRvgUnSY4kF8qCO0RnCgIZYhB9Ul4l0MIKBqMOeBJ0BgQpEYBoGSEMEJkA/TlTwDiHgRgjuwMFOQGACKHhDOd4QhRKqwwpVyAESTpCCFOABD0AAgjxgKEMa2hCHOiRbH56QgTJk4AlrqwQviGhEJMaNEdojRRRHMcXDuOEDoSrADMbghk8kAYsF0OIHrNeJL2ZxA0Yg435iOMMa3jCHEpAHG334RiDEER9noCMeImADkHEgj27cYx8nSMhCErIPMpyNBO6ISCTkxQOLnFYeT4CEGyABhxEwCrYmWclLAiH/k6zbRBVDMUpQlBIhCYhBDVawghrEwIGbSOUqW/lKhPRhhsCBQCQPMUO47GaXAHjCCU5wg2IW04426Eswh2kcwXwAmX0xJFIUwpCFOOQTMViBFFqgAQ20QAoriEEnsrnNbn4znAfpAw0RJAEKyIOGuoEFk9rpmwykIAfGLGYZJBABDhDHnkg4TnL22c9PnLJbyzjoHxSzmKd4IgZy6OYOCEDRbspBnJWAqER3wFGLYpQZfaghoijgzkPUcEBNIqk8hpCCfBpTpYdg6Q0ehBwP3ACm0kQIQ5vSmMeoITJ/SMAKNLADHhAAMwTYgQZW0JmhFpUAPIhqUpcKS1KEFA/K/0oCBUYgDxsyqUBbrSceKpnPcRSUAxkY65XmAgWz+hOhplAoJxQ6IhJxx0QxkEJReUAWvvqBBzuQwkfzute/GvWvgf2oKfpwQ4wlYARcPURjm/QfyD7qCTd0qQRGkEy7YBarmIJCHjbb2ZwepK529c4iatACHgQgAGSBrR8CwIMW1IARrHUtbANw1NnW9rYgxWHYLCtZIMDjWUgi7k4ikMMy3GCfIwAltpgLBOdCV7pw3V73vOcJ8EVnOlYoQzXHu5AyOMBEK2jBa2W73te2YAWMSO96Z4sZ98IXpHBcJEkhS9w+5LedW+XvxmwQAf1ulY8gI7CBozvI1lXIVDFjRP+HIAwWFSzmwkwZQqsWkd4FeJgsC6Coh98b3xZ4eAF+QDGIF0Bi/C6ynfwV8CHsqN8YE3cXfSAwBfiYRCHqmMdPXIRc/0CmcpmJQx5yGcuqUIbUbucEQ7BXD6hwYhCvmAo9YMSUq/zhFC8Ay81AoCLErItFQDCUZn6EAI4QwaSU6kOfClWEF/Fml6GqEglIE73WNAV7AWABUqAoWXpLACksIJp2AbSgKXrUQh/atJA2pbjCNcV2uStdkx5XuS4Nr7mVIQx7dtPg5rACKgt60F9eQeMWQWpTM1rEVFB1mMUsOgSW7ghrnoQfOHFmxJgsQyiDGYfsLOxN3GAKubNZGAb/lwQAyMHVsJYDAMjY7GeHmNFflrYaS9EHLHj7298+wAHkAe5vk+Hc4yabANbAhgo04QsCmM4D1t3ud8eblKOoG6ju1rc5E3lveIvwFM5HcBOY6A8QWGUNpMBwKSi8g+pTeMMd3kqIL6Pb5fa2uNONcXCTQQkgJ8PGOMAGEZzh5AMIhh9LfvIzpPxjbn5d7fw9O771+zAndAErWekCF9YvXTtfQc8tfvGMY2HjHMfCucmgdJB7QAkib4QASq6HjetBBE0QQFCmLgIagFwJNMC61g06Cu9a53vbDbIpvriBMM5gjF78QNvFuO2ilxvpHP94yJ3+9KgDYA0iqDrSr44G/2UC3uuBcQLYRVD4SDv+8ZzouMbxLo+PP53vfZ/FEdhwBryL+wzB+MPmzwB2CEFBCaA/AtnjmtBQUKEGbKhBDQAgezD0Lxza4IY3qsoIWbLSlbznNrg9n3clzMX4x4f6LAQwgM57Xg8VEMAfmE96mh4f+tKHfCmoQBYLKcgOYGDD7bXCEa6ERD6bICc3vQlOxdr96MSvPPKZFPJ0+8L5eNdD6O+vhLUmRwn6p3rZJUWtBwoAIDZk4QYgAAYEwAahtBVewQ0+EAJegX6LoFFExVFKpQEX5QwYR3ziJn/zV3/pBgBfEHiex3jKdIJeF1qL13jaRwpSgIBuoIBgcIMDgP9nn1EC7qEnptFURGVUUWVUSsVUYQZ/IEhuend5ZLBxs2AHAtAE+Cdu+jd2UCiFXgdyNFCFaAZFBVgKCgUACegGP1CGXdAFYCAClbAePNiD7VEE8cEIhBVVfgBVfAVYghVmIOiEhyBuegd1SDcLfvAAa9AEgacHegB6ZnMNg1iIZ4CIifhuDxB8McgJNZAANViGZQgCC6iGMfKGZCGBOKIjq9VarzVou/VberiHHLdxS0d5CjRvaNAEKYcG8ZYOgygAs1iLtyhprPeLSEaGmsiJnVgJd6IresInv8Jh6nWKsTVbAdBiF0drZMYIC2Q6DbQJ14gJk0CJlUgqwriJxJj/hsaYK8iYP72yjH/QYV2WYl4mjd+YU0Nmds/xRPTIXeOiiT9AjCCAhp44MAWzNH6gNEijAAuzCFvWZR/mYWAGUtRIawp0ZlXVa4cxYR+SITT3YBcZIqQyjJzYBf1IjkbTNAIpgU3zNIvwZ4HWaItmaIi2WDzURj+UQzs0RzW0EGoQRDhGRENwRD22kxnQk06Eb3TjJUc2Jkl2lJvwBeJIjGcIBmdQCY+TNAKJGUhTOYzQatf2aqm2ahdnkzNpR3LUQzf5dUQwcnmEk0CQAQ0GEH8EZUOQk2ypdvnmKadCc6YiZ50ABvvolP3oj5VwPMkzOVfZPItQbdBGANk2bWEm/0N3dwC7hEhmcG5NZ3xKcAWSdAJlYAYFAAdqcAXStRN5BAdfBwegqUkIRWnxImGbdi6Yti6s6S5302mMcIO2eZtgwHz1cz8FqT/8Uz8S13AP54EzNHziFplm8HVL+HSY6VmaaXMTQARX0FnLpIWCoQSmWVpccjJ8Q3PEZjuMgAMDIALkWZ7kOQA44EEVAEIiREJEtwg5F3RDl040FG4bR0+HkJyXN4LNiVZlUAYqcwYiMABwMAURoHr+qQRiYHpKYKACyCV2E3B6I3PgeRBmNAFaZAd1Zzxy53Zwl041NHkbB1N9UAbIN4KXuVJDUADNh4gDOgUl1QcLoQTW93QwWv9mzlBzsENzFFqh8QiieICEIxpZJTp/yXcFkYVWQwAH4+miBXpWQdl/WNKgBdUcaYd23UMyFQCJXBoKvkdLlPilwGdLN0R8/TUEmBdyxBVMeKAGKnOeMEqdmEWaLggHFKCdP9oJerArfoCI2KRN63dO7neBgGpO7ZdOOGSmRNqmTld/ytUHEUAERMCkBWqgffAB2JIBV0CaIPekF5Onn7Cnu7KnejBOEZWBHcWB7oeBGriBHRhm/7VfMuZfQEAEX4ekMgYQBHYFfQajCEY2u9qrO9aWoMoJoqonolqqeOZUQ2iHRQiEeyWEgEVVsPpiARZj8kBjV7CtNlZmvPBjNjD/DLvmYxEwrOJarJ5wrJjBpcp6gXo1hHzlrHnortF6VEOYWLNma9X4QKbDZmMwrpUQBGrmrwCLrpugrnzarn+QW7x1agRAW7aFW6bIW7H1WqposBh7GHsqNgiYAL3jO8zojHpiXyU2XxVLssxQOyq7sjnIsi5bCW1XAQNQAQWwAZ0QszNbsxlrrBWCJD6bBL1DEQLDjnw6Yve1jibWjifGYkdrCgNQC7PRslALHDn4Bx+QMgySADgwAxiKqYtwtROQtVvbtTvLCHtqG2gLtGlQEb2DkFS2tCv2ZVnmtnDrZQw5t8vwtOyQS1K7t67wCkYAAVUbRjiwKzgQRoxAuIaL/7hl+wdnqyAzEbQWMTwpqWiMVocU5ZKMoJKvhrmO9pKloLezMRN9uw8w8AEDAA85uAETULh8igMTYLOs67qGG7tIcY/2eKU8OxOWIrm9EwUdpJWvBmuyxmqltpXYFmte6bRqoSyl6wqn2ze1kYNaxKeYESp/UL1+EASHOwEwQBbYOyEaCSIZmZQcebAJYCk4MAV0MAWTmwYQh5jIu5jU5myJSb/NMACjmyAtCyoDsAfRK71JkIMVQLuvCy6uiwNyNwETQBY4MGSgUGRfAio0Z75hoqcPlgR0oAJ0YAJpEAUHAJytNHHDWQkJN8LCWXHOoL9G8h/9uwF9g7rSCwEJ0P+yCMinNfwHAyA2NVsAMtt9VcsldqmXY5KXd7YJA8CldLAEZUAHaXAAQaw+QLdz8+lBU8xzPpeyLYwkLYsD4qmyM8HF32LAhovAZMHAMtvAfvDArdOa75Jp7OLGswnHf5AEc8AKGxABdEAHEVAAGlpGHUp3cTd3b7ehoYsoGdOydfAKtRPG0UK9M2C94FsA2RvJfgADKuO9k9w63FlssvOd/tYMCVAFVeCNhDQAWeU1ftCysGAEQTAAjkwWq9u61gu7skvLr2u7ExKhNzcmANfLndABRcMICJAeoFAFWqAFVeClqvR7tXQQqRs2mNGyehHLsrwIiqsnh0vJ2FwAZLz/zTFHO8BMKj0aYRAQBVFwAcMcBRAxzM8QBkKAAWFAiepnqOi0wtI8zTqcz9dstViLA1rLtQXgtf4ctgA9tgOdFLiLpeHTCQhwARNxAfGDAEjQAW/gzpuQBFugHVtgyKyqgR61wi67sjo80ioLsz6cszbLCThLsytdtkmQBRfABTTdARdgAScwETY9zAkAQ6RsBlqgHVpgBqRcBVYADkIVhNI6rUbYuE49Ch2gGRYQKy+yGTSdA1ZgAPRjBVuQzMksBGAtBF6tBVsAFX8wh3Roh3g4qE/d1pVQAJqRL7ESJzWNAsD7BzewBQ6gAg4A1izAAmC91w6wBTdQirolWw8L/7HA5daMHZhYYAAqMtcq8iIogACFXcdw0AbwLAR/3dkOEAZtAAfWI18mC43R2LSNndqPPdWS/SIG8NJ1PAARoAUskBJM8NdaEAEDQEbsqLRGm9rAjXAMcNP/0tooYACXzQgT0Aa1bdss0AYTsAkJqZAn1pDB7dZGkM498wbFjQIqUhFpoEbI3NmdrcybwLmLxmiae91uvQFvcB5vwN3erS9cgAQGcE1BhQGAzQJbsAX7PQQOJLzD25Xs7dYfkAbe7TOsnS8uos4Q5wVawNltEAERwNxi7QWBab/zSwXaVuCEtNDdpbsJUABpcNOxkkHowQXqvAle0N8RIAJG8AEiEP8B/Y3hJhycDFfCHi5BFkm+HDK+GMkIbjADJZ4vIkDkiBMFyS0ZLArbMzAABVBV8UnFWbzj1yPBSkkqFjwqCTAHDGABGZG9U2HIVUWJbOehhmzlrTPER0wqRhzKpZAAqWDKah5pluaaNCfHmJYUM8AADDADdZ6nv7YBweajdAbKnxBrVCAKCZCIj0jngS5N+jYD/Gbo/0ah/rYCP1BqoZAEDBBGDJDmkW5aOjpzHFLOjBBrQXeqnI5nW6tFFcAAFRDrFRAqWTvqjgfinaDrKwAC3fTrHfVslYADfo4Ffi6gJlfsfp6euH7dQwWv8LpUi74IG/AEIuDDJoeIAkqzIvC9BLDd7I29AjvQXu3FAyBwtEkgAgwAxXoAbnowAAfAACIg6uBetr29tAGwA9oUmAPwBAzQ7sWuBwzwBLtd78H97EMYAEZbA+85AU8g8H7+708Q3QYf3LMUdFTAAyrMCX1+AMP35xUf3BAg0Bg6VHLA8M8gAgfwiP6eiAcgApAe8o2r45vwAVjQef7+BE+w8lhA0DIv8nXwnlk58AxwBh9gBOru78v785GeBAVw5JUwA9dO70zv4WVe9Vj/eIEAADs=)}.ztree li span.button.chk{width:13px;height:13px;margin:0 3px 0 0;cursor:auto}.ztree li span.button.chk.checkbox_false_full{background-position:0 0}.ztree li span.button.chk.checkbox_false_full_focus{background-position:0 -14px}.ztree li span.button.chk.checkbox_false_part{background-position:0 -28px}.ztree li span.button.chk.checkbox_false_part_focus{background-position:0 -42px}.ztree li span.button.chk.checkbox_false_disable{background-position:0 -56px}.ztree li span.button.chk.checkbox_true_full{background-position:-14px 0}.ztree li span.button.chk.checkbox_true_full_focus{background-position:-14px -14px}.ztree li span.button.chk.checkbox_true_part{background-position:-14px -28px}.ztree li span.button.chk.checkbox_true_part_focus{background-position:-14px -42px}.ztree li span.button.chk.checkbox_true_disable{background-position:-14px -56px}.ztree li span.button.chk.radio_false_full{background-position:-28px 0}.ztree li span.button.chk.radio_false_full_focus{background-position:-28px -14px}.ztree li span.button.chk.radio_false_part{background-position:-28px -28px}.ztree li span.button.chk.radio_false_part_focus{background-position:-28px -42px}.ztree li span.button.chk.radio_false_disable{background-position:-28px -56px}.ztree li span.button.chk.radio_true_full{background-position:-42px 0}.ztree li span.button.chk.radio_true_full_focus{background-position:-42px -14px}.ztree li span.button.chk.radio_true_part{background-position:-42px -28px}.ztree li span.button.chk.radio_true_part_focus{background-position:-42px -42px}.ztree li span.button.chk.radio_true_disable{background-position:-42px -56px}.ztree li span.button.switch{width:18px;height:18px}.ztree li span.button.root_open{background-position:-92px -54px}.ztree li span.button.root_close{background-position:-74px -54px}.ztree li span.button.roots_open{background-position:-92px 0}.ztree li span.button.roots_close{background-position:-74px 0}.ztree li span.button.center_open{background-position:-92px -18px}.ztree li span.button.center_close{background-position:-74px -18px}.ztree li span.button.bottom_open{background-position:-92px -36px}.ztree li span.button.bottom_close{background-position:-74px -36px}.ztree li span.button.noline_open{background-position:-92px -72px}.ztree li span.button.noline_close{background-position:-74px -72px}.ztree li span.button.root_docu{background:none}.ztree li span.button.roots_docu{background-position:-56px 0}.ztree li span.button.center_docu{background-position:-56px -18px}.ztree li span.button.bottom_docu{background-position:-56px -36px}.ztree li span.button.noline_docu{background:none}.ztree li span.button.ico_open{margin-right:2px;background-position:-110px -16px;vertical-align:top;*vertical-align:middle}.ztree li span.button.ico_close{margin-right:2px;background-position:-110px 0;vertical-align:top;*vertical-align:middle}.ztree li span.button.ico_docu{background-position:-110px -32px}.ztree li span.button.edit,.ztree li span.button.ico_docu{margin-right:2px;vertical-align:top;*vertical-align:middle}.ztree li span.button.edit{background-position:-110px -48px}.ztree li span.button.remove{margin-right:2px;background-position:-110px -64px;vertical-align:top;*vertical-align:middle}ul.tmpTargetzTree{background-color:#ffe6b0;opacity:.8;filter:alpha(opacity=80)}span.tmpzTreeMove_arrow{width:16px;height:16px;display:inline-block;padding:0;margin:2px 0 0 1px;border:0 none;position:absolute;background-color:#fff;background-repeat:no-repeat;background-attachment:scroll;background-position:-110px -80px;background-image:url(/static/img/zTreeStandard.92717ba.png);*background-image:url(data:image/gif;base64,R0lGODlhsgBhAOZ/AKC8z3DK/jpkiMvHvEyr5tnW0dJpHqWko+Wri/z8+4XZZGK78JCPjnPPUPfrlbfH1vT08refX/rCVNTRyvO6SczMyvqncuuJT/LffsCujKjo/+Ph3F6CovnMrCGgIezs6tPq/2qzSrm5t/i3O+/OB6b2ic6oSfzem/eaYf3YiPz1qzma0PXqUpfZ/niYtey9A+zp46rT6vLsEN7c17DUrm2t2Gl3b/Lt3OTk4fvmuU/FQpLh/4DX/1ikz1u4Mub0//vKZ/Dw7vfvc+/RiOTEdJTucvDu6maGpPzhrfj498Llwv/7t/LrL6u1vKDSnneDhZvJlNyTanbA7d+4YIbI8Pnuw/rxzu3DYZ6dnPrAmefXQd/MMPy3hMLZ//rz2XSQq3J5qOnYcrjgp+ft8qawpfDYmOzjp7a1roWYqsR3TOjLgnOOoaKsu8u5O/b6/+yFM9TOogAAAEOh1ubn6LaeEejo5eTq74y0e/vReO7z7ayrq+bm5eahAhxRgP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wUmlnaHRzOk1hcmtlZD0iRmFsc2UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0EzQUU0MUNDOURDMTFFMThBNTJDMUNEQTJFMkJDQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0EzQUU0MUJDOURDMTFFMThBNTJDMUNEQTJFMkJDQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTMyBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InV1aWQ6QTEwODdEMTg1RTRERTExMTkxRDdDQTBCREI3NzQ5OTEiIHN0UmVmOmRvY3VtZW50SUQ9InV1aWQ6NEJCQkE1MjM0NzRERTExMTlFOEVCMDE5MjYzRTg5Q0QiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAB/ACwAAAAAsgBhAAAH/4B9goOEg3+FiIJ/i39jABx9HABjjJWOkJKUlZucnZ6foKGio6SloX0zqTMbGzh1H0FBfYeqq62vsbOLD31HTTNNR30Pm7y+wMLEpsvMzZ0JWVFpBlFZCZ8JYg0+Pg1i154JZRR8fBRl4IyoqayusEEQs+u27rHxuxxN7a8PHMp//fTd+tDvn7ODpHIMWcgwB6gOaSxk6dAhCwIDHTqJ8aGghMcSCnyI6VSGzwsZTJjIeMGnTKV1+95BuAdzYBAPM2eN6SOwXhBelHb2xPWzjyaESEGpWcK0aRkrnrKkmZjFgNWJUzdt/Mi1hMhNJWXI8ONnbNmW6ugRnZlE3ioce/9wecDZ9g+AIzHtQfgCwC7eVjR0OPkwk2/Sw56WNmWqQo1jx0gWJcCYxYIBsn4MZJGaLoEPj0WK6GgQ2qOPznzEyrC62oBYPuD65IUHIUld2Rs8yJ1re1Y+m7ST9PvzG0dgHR6g1B6O8IGL59BdGCwWHfr0RURUaN/OXTuRRdEqcyFrgXwWFFkYiekYugjZ9iBHLhpyUixr1iuHLJLtk22SBPK0MtdNvP3nVn+1JUHTDDjMocODBd6DkAt+JKCgETBs4MInFFoIAYYadpJddyR+90c1XFhQnh8rWsBFNIyQFloDOpBFY2hONMDICCSoZlVmrslAwgj7IWhbAgAe4sr/XEwemWQ+ayWYwHBQfuAEk1D8x9xBLngYR4YzbOhJlxeCKeYmRDig5ppsqmniVCq2GKdEaTDymQIKYIYZnl4xkhoJgFolKKAy8LFflE76Ic9uHiQ6y10ySZmAYZAG8QEUyeWBpGETXhjHBjMUcCYnLpQJqqidTNHmqg5MsYhmKMRK1gVWxVqVnUXgqSdZeBbhg59CBmoACVYBSoKhh0SaqKLJ2tPofwmQpdMwwUELVCPU+ofktZ5U8Ie34H67iQsQxGGuuRNsGG4l5J6LrrriLqIqq2y6+kcaXMSKAln7+nEBClzUuUgIeDZgsI0G4xnCjsYSO2yxgBJ5iF7LMtsH/8XQYqZLQZI+cMQ/HDvp8XXMuABiHAVMMMCo44IYqsosL2ICBjTXbDPNJiyCQBQWXHABWZf5a0EUCDACRQMKGNwAwkg3AAUjXLxAwgsvWFW1AVK/wMV+1SKppzxdR6sxI7x88QAED3wxTDF9mI222iRX4q0oLoAZh8orcwhmygPkzcnMNwee8x9zGIAACj5j9u9FczBSB0cGj0Zjwj7UwcgefEx99ebH7rFfIoUcAjohljwSySSdXHL6UUi5cCrefnfi+st9x14J4IHbPLgbCKSxs88+85xGBkkwkgQUkNMoeUhZGs9F5lRHLzUfXBSP2PWizB2Kc9VJ9wn31ZGshv8J5JdvPvlqMAJBBtRYgID7URiQAQSbQHBHN3gW7AMUQdRvgUnSY4kF8qCO0RnCgIZYhB9Ul4l0MIKBqMOeBJ0BgQpEYBoGSEMEJkA/TlTwDiHgRgjuwMFOQGACKHhDOd4QhRKqwwpVyAESTpCCFOABD0AAgjxgKEMa2hCHOiRbH56QgTJk4AlrqwQviGhEJMaNEdojRRRHMcXDuOEDoSrADMbghk8kAYsF0OIHrNeJL2ZxA0Yg435iOMMa3jCHEpAHG334RiDEER9noCMeImADkHEgj27cYx8nSMhCErIPMpyNBO6ISCTkxQOLnFYeT4CEGyABhxEwCrYmWclLAiH/k6zbRBVDMUpQlBIhCYhBDVawghrEwIGbSOUqW/lKhPRhhsCBQCQPMUO47GaXAHjCCU5wg2IW04426Eswh2kcwXwAmX0xJFIUwpCFOOQTMViBFFqgAQ20QAoriEEnsrnNbn4znAfpAw0RJAEKyIOGuoEFk9rpmwykIAfGLGYZJBABDhDHnkg4TnL22c9PnLJbyzjoHxSzmKd4IgZy6OYOCEDRbspBnJWAqER3wFGLYpQZfaghoijgzkPUcEBNIqk8hpCCfBpTpYdg6Q0ehBwP3ACm0kQIQ5vSmMeoITJ/SMAKNLADHhAAMwTYgQZW0JmhFpUAPIhqUpcKS1KEFA/K/0oCBUYgDxsyqUBbrSceKpnPcRSUAxkY65XmAgWz+hOhplAoJxQ6IhJxx0QxkEJReUAWvvqBBzuQwkfzute/GvWvgf2oKfpwQ4wlYARcPURjm/QfyD7qCTd0qQRGkEy7YBarmIJCHjbb2ZwepK529c4iatACHgQgAGSBrR8CwIMW1IARrHUtbANw1NnW9rYgxWHYLCtZIMDjWUgi7k4ikMMy3GCfIwAltpgLBOdCV7pw3V73vOcJ8EVnOlYoQzXHu5AyOMBEK2jBa2W73te2YAWMSO96Z4sZ98IXpHBcJEkhS9w+5LedW+XvxmwQAf1ulY8gI7CBozvI1lXIVDFjRP+HIAwWFSzmwkwZQqsWkd4FeJgsC6Coh98b3xZ4eAF+QDGIF0Bi/C6ynfwV8CHsqN8YE3cXfSAwBfiYRCHqmMdPXIRc/0CmcpmJQx5yGcuqUIbUbucEQ7BXD6hwYhCvmAo9YMSUq/zhFC8Ay81AoCLErItFQDCUZn6EAI4QwaSU6kOfClWEF/Fml6GqEglIE73WNAV7AWABUqAoWXpLACksIJp2AbSgKXrUQh/atJA2pbjCNcV2uStdkx5XuS4Nr7mVIQx7dtPg5rACKgt60F9eQeMWQWpTM1rEVFB1mMUsOgSW7ghrnoQfOHFmxJgsQyiDGYfsLOxN3GAKubNZGAb/lwQAyMHVsJYDAMjY7GeHmNFflrYaS9EHLHj7298+wAHkAe5vk+Hc4yabANbAhgo04QsCmM4D1t3ud8eblKOoG6ju1rc5E3lveIvwFM5HcBOY6A8QWGUNpMBwKSi8g+pTeMMd3kqIL6Pb5fa2uNONcXCTQQkgJ8PGOMAGEZzh5AMIhh9LfvIzpPxjbn5d7fw9O771+zAndAErWekCF9YvXTtfQc8tfvGMY2HjHMfCucmgdJB7QAkib4QASq6HjetBBE0QQFCmLgIagFwJNMC61g06Cu9a53vbDbIpvriBMM5gjF78QNvFuO2ilxvpHP94yJ3+9KgDYA0iqDrSr44G/2UC3uuBcQLYRVD4SDv+8ZzouMbxLo+PP53vfZ/FEdhwBryL+wzB+MPmzwB2CEFBCaA/AtnjmtBQUKEGbKhBDQAgezD0Lxza4IY3qsoIWbLSlbznNrg9n3clzMX4x4f6LAQwgM57Xg8VEMAfmE96mh4f+tKHfCmoQBYLKcgOYGDD7bXCEa6ERD6bICc3vQlOxdr96MSvPPKZFPJ0+8L5eNdD6O+vhLUmRwn6p3rZJUWtBwoAIDZk4QYgAAYEwAahtBVewQ0+EAJegX6LoFFExVFKpQEX5QwYR3ziJn/zV3/pBgBfEHiex3jKdIJeF1qL13jaRwpSgIBuoIBgcIMDgP9nn1EC7qEnptFURGVUUWVUSsVUYQZ/IEhuend5ZLBxs2AHAtAE+Cdu+jd2UCiFXgdyNFCFaAZFBVgKCgUACegGP1CGXdAFYCAClbAePNiD7VEE8cEIhBVVfgBVfAVYghVmIOiEhyBuegd1SDcLfvAAa9AEgacHegB6ZnMNg1iIZ4CIifhuDxB8McgJNZAANViGZQgCC6iGMfKGZCGBOKIjq9VarzVou/VberiHHLdxS0d5CjRvaNAEKYcG8ZYOgygAs1iLtyhprPeLSEaGmsiJnVgJd6IresInv8Jh6nWKsTVbAdBiF0drZMYIC2Q6DbQJ14gJk0CJlUgqwriJxJj/hsaYK8iYP72yjH/QYV2WYl4mjd+YU0Nmds/xRPTIXeOiiT9AjCCAhp44MAWzNH6gNEijAAuzCFvWZR/mYWAGUtRIawp0ZlXVa4cxYR+SITT3YBcZIqQyjJzYBf1IjkbTNAIpgU3zNIvwZ4HWaItmaIi2WDzURj+UQzs0RzW0EGoQRDhGRENwRD22kxnQk06Eb3TjJUc2Jkl2lJvwBeJIjGcIBmdQCY+TNAKJGUhTOYzQatf2aqm2ahdnkzNpR3LUQzf5dUQwcnmEk0CQAQ0GEH8EZUOQk2ypdvnmKadCc6YiZ50ABvvolP3oj5VwPMkzOVfZPItQbdBGANk2bWEm/0N3dwC7hEhmcG5NZ3xKcAWSdAJlYAYFAAdqcAXStRN5BAdfBwegqUkIRWnxImGbdi6Yti6s6S5302mMcIO2eZtgwHz1cz8FqT/8Uz8S13AP54EzNHziFplm8HVL+HSY6VmaaXMTQARX0FnLpIWCoQSmWVpccjJ8Q3PEZjuMgAMDIALkWZ7kOQA44EEVAEIiREJEtwg5F3RDl040FG4bR0+HkJyXN4LNiVZlUAYqcwYiMABwMAURoHr+qQRiYHpKYKACyCV2E3B6I3PgeRBmNAFaZAd1Zzxy53Zwl041NHkbB1N9UAbIN4KXuVJDUADNh4gDOgUl1QcLoQTW93QwWv9mzlBzsENzFFqh8QiieICEIxpZJTp/yXcFkYVWQwAH4+miBXpWQdl/WNKgBdUcaYd23UMyFQCJXBoKvkdLlPilwGdLN0R8/TUEmBdyxBVMeKAGKnOeMEqdmEWaLggHFKCdP9oJerArfoCI2KRN63dO7neBgGpO7ZdOOGSmRNqmTld/ytUHEUAERMCkBWqgffAB2JIBV0CaIPekF5Onn7Cnu7KnejBOEZWBHcWB7oeBGriBHRhm/7VfMuZfQEAEX4ekMgYQBHYFfQajCEY2u9qrO9aWoMoJoqonolqqeOZUQ2iHRQiEeyWEgEVVsPpiARZj8kBjV7CtNlZmvPBjNjD/DLvmYxEwrOJarJ5wrJjBpcp6gXo1hHzlrHnortF6VEOYWLNma9X4QKbDZmMwrpUQBGrmrwCLrpugrnzarn+QW7x1agRAW7aFW6bIW7H1WqposBh7GHsqNgiYAL3jO8zojHpiXyU2XxVLssxQOyq7sjnIsi5bCW1XAQNQAQWwAZ0QszNbsxlrrBWCJD6bBL1DEQLDjnw6Yve1jibWjifGYkdrCgNQC7PRslALHDn4Bx+QMgySADgwAxiKqYtwtROQtVvbtTvLCHtqG2gLtGlQEb2DkFS2tCv2ZVnmtnDrZQw5t8vwtOyQS1K7t67wCkYAAVUbRjiwKzgQRoxAuIaL/7hl+wdnqyAzEbQWMTwpqWiMVocU5ZKMoJKvhrmO9pKloLezMRN9uw8w8AEDAA85uAETULh8igMTYLOs67qGG7tIcY/2eKU8OxOWIrm9EwUdpJWvBmuyxmqltpXYFmte6bRqoSyl6wqn2ze1kYNaxKeYESp/UL1+EASHOwEwQBbYOyEaCSIZmZQcebAJYCk4MAV0MAWTmwYQh5jIu5jU5myJSb/NMACjmyAtCyoDsAfRK71JkIMVQLuvCy6uiwNyNwETQBY4MGSgUGRfAio0Z75hoqcPlgR0oAJ0YAJpEAUHAJytNHHDWQkJN8LCWXHOoL9G8h/9uwF9g7rSCwEJ0P+yCMinNfwHAyA2NVsAMtt9VcsldqmXY5KXd7YJA8CldLAEZUAHaXAAQaw+QLdz8+lBU8xzPpeyLYwkLYsD4qmyM8HF32LAhovAZMHAMtvAfvDArdOa75Jp7OLGswnHf5AEc8AKGxABdEAHEVAAGlpGHUp3cTd3b7ehoYsoGdOydfAKtRPG0UK9M2C94FsA2RvJfgADKuO9k9w63FlssvOd/tYMCVAFVeCNhDQAWeU1ftCysGAEQTAAjkwWq9u61gu7skvLr2u7ExKhNzcmANfLndABRcMICJAeoFAFWqAFVeClqvR7tXQQqRs2mNGyehHLsrwIiqsnh0vJ2FwAZLz/zTFHO8BMKj0aYRAQBVFwAcMcBRAxzM8QBkKAAWFAiepnqOi0wtI8zTqcz9dstViLA1rLtQXgtf4ctgA9tgOdFLiLpeHTCQhwARNxAfGDAEjQAW/gzpuQBFugHVtgyKyqgR61wi67sjo80ioLsz6cszbLCThLsytdtkmQBRfABTTdARdgAScwETY9zAkAQ6RsBlqgHVpgBqRcBVYADkIVhNI6rUbYuE49Ch2gGRYQKy+yGTSdA1ZgAPRjBVuQzMksBGAtBF6tBVsAFX8wh3Roh3g4qE/d1pVQAJqRL7ESJzWNAsD7BzewBQ6gAg4A1izAAmC91w6wBTdQirolWw8L/7HA5daMHZhYYAAqMtcq8iIogACFXcdw0AbwLAR/3dkOEAZtAAfWI18mC43R2LSNndqPPdWS/SIG8NJ1PAARoAUskBJM8NdaEAEDQEbsqLRGm9rAjXAMcNP/0tooYACXzQgT0Aa1bdss0AYTsAkJqZAn1pDB7dZGkM498wbFjQIqUhFpoEbI3NmdrcybwLmLxmiae91uvQFvcB5vwN3erS9cgAQGcE1BhQGAzQJbsAX7PQQOJLzD25Xs7dYfkAbe7TOsnS8uos4Q5wVawNltEAERwNxi7QWBab/zSwXaVuCEtNDdpbsJUABpcNOxkkHowQXqvAle0N8RIAJG8AEiEP8B/Y3hJhycDFfCHi5BFkm+HDK+GMkIbjADJZ4vIkDkiBMFyS0ZLArbMzAABVBV8UnFWbzj1yPBSkkqFjwqCTAHDGABGZG9U2HIVUWJbOehhmzlrTPER0wqRhzKpZAAqWDKah5pluaaNCfHmJYUM8AADDADdZ6nv7YBweajdAbKnxBrVCAKCZCIj0jngS5N+jYD/Gbo/0ah/rYCP1BqoZAEDBBGDJDmkW5aOjpzHFLOjBBrQXeqnI5nW6tFFcAAFRDrFRAqWTvqjgfinaDrKwAC3fTrHfVslYADfo4Ffi6gJlfsfp6euH7dQwWv8LpUi74IG/AEIuDDJoeIAkqzIvC9BLDd7I29AjvQXu3FAyBwtEkgAgwAxXoAbnowAAfAACIg6uBetr29tAGwA9oUmAPwBAzQ7sWuBwzwBLtd78H97EMYAEZbA+85AU8g8H7+708Q3QYf3LMUdFTAAyrMCX1+AMP35xUf3BAg0Bg6VHLA8M8gAgfwiP6eiAcgApAe8o2r45vwAVjQef7+BE+w8lhA0DIv8nXwnlk58AxwBh9gBOru78v785GeBAVw5JUwA9dO70zv4WVe9Vj/eIEAADs=)}ul.ztree.zTreeDragUL{margin:0;padding:0;width:auto;height:auto;overflow:hidden;border:1px dotted #00b83f;opacity:.8;filter:alpha(opacity=80)}.zTreeMask,ul.ztree.zTreeDragUL{position:absolute;background-color:#cfcfcf}.zTreeMask{z-index:10000;opacity:0;filter:alpha(opacity=0)}.loadSyncNode{width:16px;height:16px;position:relative;display:inline-block;background-image:url("data:image/gif;base64,R0lGODlhEAAQAMQAAP///+7u7t3d3bu7u6qqqpmZmYiIiHd3d2ZmZlVVVURERDMzMyIiIhEREQARAAAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAQACwAAAAAEAAQAAAFdyAkQgGJJOWoQgIjBM8jkKsoPEzgyMGsCjPDw7ADpkQBxRDmSCRetpRA6Rj4kFBkgLC4IlUGhbNQIwXOYYWCXDufzYPDMaoKGBoKb886OjAKdgZAAgQkfCwzAgsDBAUCgl8jAQkHEAVkAoA1AgczlyIDczUDA2UhACH5BAUHABAALAAAAAAPABAAAAVjICSO0IGIATkqIiMKDaGKC8Q49jPMYsE0hQdrlABCGgvT45FKiRKQhWA0mPKGPAgBcTjsspBCAoH4gl+FmXNEUEBVAYHToJAVZK/XWoQQDAgBZioHaX8igigFKYYQVlkCjiMhACH5BAUHABAALAAAAAAQAA8AAAVgICSOUGGQqIiIChMESyo6CdQGdRqUENESI8FAdFgAFwqDISYwPB4CVSMnEhSej+FogNhtHyfRQFmIol5owmEta/fcKITB6y4choMBmk7yGgSAEAJ8JAVDgQFmKUCCZnwhACH5BAUHABAALAAAAAAQABAAAAViICSOYkGe4hFAiSImAwotB+si6Co2QxvjAYHIgBAqDoWCK2Bq6A40iA4yYMggNZKwGFgVCAQZotFwwJIF4QnxaC9IsZNgLtAJDKbraJCGzPVSIgEDXVNXA0JdgH6ChoCKKCEAIfkEBQcAEAAsAAAAABAADgAABUkgJI7QcZComIjPw6bs2kINLB5uW9Bo0gyQx8LkKgVHiccKVdyRlqjFSAApOKOtR810StVeU9RAmLqOxi0qRG3LptikAVQEh4UAACH5BAUHABAALAAAAAAQABAAAAVxICSO0DCQKBQQonGIh5AGB2sYkMHIqYAIN0EDRxoQZIaC6bAoMRSiwMAwCIwCggRkwRMJWKSAomBVCc5lUiGRUBjO6FSBwWggwijBooDCdiFfIlBRAlYBZQ0PWRANaSkED1oQYHgjDA8nM3kPfCmejiEAIfkEBQcAEAAsAAAAABAAEAAABWAgJI6QIJCoOIhFwabsSbiFAotGMEMKgZoB3cBUQIgURpFgmEI0EqjACYXwiYJBGAGBgGIDWsVicbiNEgSsGbKCIMCwA4IBCRgXt8bDACkvYQF6U1OADg8mDlaACQtwJCEAIfkEBQcAEAAsAAABABAADwAABV4gJEKCOAwiMa4Q2qIDwq4wiriBmItCCREHUsIwCgh2q8MiyEKODK7ZbHCoqqSjWGKI1d2kRp+RAWGyHg+DQUEmKliGx4HBKECIMwG61AgssAQPKA19EAxRKz4QCVIhACH5BAUHABAALAAAAAAQABAAAAVjICSOUBCQqHhCgiAOKyqcLVvEZOC2geGiK5NpQBAZCilgAYFMogo/J0lgqEpHgoO2+GIMUL6p4vFojhQNg8rxWLgYBQJCASkwEKLC17hYFJtRIwwBfRAJDk4ObwsidEkrWkkhACH5BAUHABAALAAAAQAQAA8AAAVcICSOUGAGAqmKpjis6vmuqSrUxQyPhDEEtpUOgmgYETCCcrB4OBWwQsGHEhQatVFhB/mNAojFVsQgBhgKpSHRTRxEhGwhoRg0CCXYAkKHHPZCZRAKUERZMAYGMCEAIfkEBQcAEAAsAAABABAADwAABV0gJI4kFJToGAilwKLCST6PUcrB8A70844CXenwILRkIoYyBRk4BQlHo3FIOQmvAEGBMpYSop/IgPBCFpCqIuEsIESHgkgoJxwQAjSzwb1DClwwgQhgAVVMIgVyKCEAIfkECQcAEAAsAAAAABAAEAAABWQgJI5kSQ6NYK7Dw6xr8hCw+ELC85hCIAq3Am0U6JUKjkHJNzIsFAqDqShQHRhY6bKqgvgGCZOSFDhAUiWCYQwJSxGHKqGAE/5EqIHBjOgyRQELCBB7EAQHfySDhGYQdDWGQyUhADs=")}
--------------------------------------------------------------------------------
/dist/static/js/app.5499b5727043ffa2e542.js:
--------------------------------------------------------------------------------
1 | webpackJsonp([0],[
2 | /* 0 */,
3 | /* 1 */,
4 | /* 2 */,
5 | /* 3 */
6 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
7 |
8 | "use strict";
9 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(0);
10 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_vue_router__ = __webpack_require__(19);
11 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__views_Main__ = __webpack_require__(15);
12 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__views_Main___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__views_Main__);
13 |
14 |
15 |
16 |
17 | __WEBPACK_IMPORTED_MODULE_0_vue__["a" /* default */].use(__WEBPACK_IMPORTED_MODULE_1_vue_router__["a" /* default */]);
18 |
19 | /* harmony default export */ __webpack_exports__["a"] = (new __WEBPACK_IMPORTED_MODULE_1_vue_router__["a" /* default */]({
20 | routes: [{
21 | path: '/',
22 | name: 'Hello Ztree',
23 | component: __WEBPACK_IMPORTED_MODULE_2__views_Main___default.a
24 | }]
25 | }));
26 |
27 | /***/ }),
28 | /* 4 */
29 | /***/ (function(module, exports, __webpack_require__) {
30 |
31 | var Component = __webpack_require__(1)(
32 | /* script */
33 | __webpack_require__(5),
34 | /* template */
35 | __webpack_require__(17),
36 | /* scopeId */
37 | null,
38 | /* cssModules */
39 | null
40 | )
41 |
42 | module.exports = Component.exports
43 |
44 |
45 | /***/ }),
46 | /* 5 */
47 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
48 |
49 | "use strict";
50 | Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
51 | //
52 | //
53 | //
54 | //
55 | //
56 | //
57 |
58 | /* harmony default export */ __webpack_exports__["default"] = ({
59 | name: 'app'
60 | });
61 |
62 | /***/ }),
63 | /* 6 */
64 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
65 |
66 | "use strict";
67 | Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
68 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(0);
69 | //
70 | //
71 | //
72 | //
73 | //
74 | //
75 | //
76 | //
77 | //
78 | //
79 | //
80 | //
81 | //
82 | //
83 | //
84 | //
85 | //
86 | //
87 | //
88 | //
89 | //
90 | //
91 | //
92 | //
93 | //
94 | //
95 | //
96 | //
97 | //
98 | //
99 | //
100 | //
101 | //
102 | //
103 | //
104 | //
105 | //
106 | //
107 | //
108 | //
109 | //
110 | //
111 | //
112 | //
113 | //
114 | //
115 | //
116 | //
117 | //
118 | //
119 | //
120 | //
121 | //
122 | //
123 | //
124 | //
125 | //
126 | //
127 | //
128 | //
129 | //
130 | //
131 | //
132 | //
133 | //
134 | //
135 | //
136 | //
137 | //
138 | //
139 | //
140 | //
141 | //
142 | //
143 | //
144 | //
145 | //
146 | //
147 | //
148 | //
149 | //
150 | //
151 | //
152 | //
153 | //
154 | //
155 | //
156 | //
157 | //
158 | //
159 | //
160 | //
161 | //
162 | //
163 | //
164 | //
165 | //
166 | //
167 | //
168 | //
169 | //
170 | //
171 | //
172 | //
173 | //
174 | //
175 | //
176 | //
177 | //
178 | //
179 | //
180 | //
181 | //
182 | //
183 | //
184 | //
185 | //
186 | //
187 | //
188 | //
189 | //
190 | //
191 | //
192 | //
193 | //
194 | //
195 | //
196 | //
197 |
198 |
199 | /* harmony default export */ __webpack_exports__["default"] = ({
200 | data() {
201 | return {
202 | treeDataSource: []
203 | };
204 | },
205 | props: {
206 | // 树数据
207 | list: {
208 | type: Array,
209 | twoWay: true
210 | },
211 | // 点击节点回调
212 | func: {
213 | type: Function,
214 | default: null
215 | },
216 | // 点击展开回调
217 | expand: {
218 | type: Function,
219 | default: null
220 | },
221 | // 右击事件
222 | contextmenu: {
223 | type: Function,
224 | default: function () {
225 | console.log("defalt click contextmenu");
226 | }
227 | },
228 | // 是否展开
229 | isOpen: {
230 | type: Boolean,
231 | twoWay: true,
232 | default: false
233 | }
234 | },
235 | watch: {
236 | 'list': {
237 | handler: function () {
238 | this.initTreeData();
239 | },
240 | deep: true
241 | }
242 | },
243 | methods: {
244 | initTreeData() {
245 | var tempList = JSON.parse(JSON.stringify(this.list));
246 |
247 | // 递归操作,增加删除一些属性。比如: 展开/收起
248 | var recurrenceFunc = data => {
249 | data.forEach(m => {
250 | if (!m.hasOwnProperty("clickNode")) {
251 | m.clickNode = m.hasOwnProperty("clickNode") ? m.clickNode : false;
252 | }
253 |
254 | m.children = m.children || [];
255 |
256 | if (!m.hasOwnProperty("isFolder")) {
257 | m.isFolder = m.hasOwnProperty("open") ? m.open : this.isOpen;
258 | }
259 |
260 | if (!m.hasOwnProperty("isExpand")) {
261 | m.isExpand = m.hasOwnProperty("open") ? m.open : this.isOpen;
262 | }
263 |
264 | m.loadNode = 0;
265 |
266 | recurrenceFunc(m.children);
267 | });
268 | };
269 |
270 | recurrenceFunc(tempList);
271 |
272 | this.treeDataSource = tempList;
273 | }
274 | },
275 | components: {
276 | // 组件
277 | ztreeItem: {
278 | name: 'ztreeItem',
279 | props: {
280 | model: {
281 | type: Object,
282 | twoWay: true
283 | },
284 | num: {
285 | type: Number,
286 | twoWay: true
287 | },
288 | nodes: {
289 | type: Number,
290 | twoWay: true,
291 | default: 0
292 | },
293 | trees: {
294 | type: Array,
295 | twoWay: true,
296 | default: []
297 | },
298 | root: {
299 | type: String,
300 | twoWay: true
301 | },
302 | callback: {
303 | type: Function
304 | },
305 | expandfunc: {
306 | type: Function
307 | },
308 | cxtmenufunc: {
309 | type: Function
310 | }
311 | },
312 | methods: {
313 | Func(m) {
314 | // 查找点击的子节点
315 | var recurFunc = (data, list) => {
316 | data.forEach(i => {
317 | if (i.id == m.id) {
318 | i.clickNode = true;
319 |
320 | if (typeof this.callback == "function") {
321 | this.callback.call(null, m, list, this.trees);
322 | }
323 | } else {
324 | i.clickNode = false;
325 | }
326 |
327 | if (i.children) {
328 | recurFunc(i.children, i);
329 | }
330 | });
331 | };
332 |
333 | recurFunc(this.trees, this.trees);
334 | },
335 | open(m) {
336 | //
337 | m.isExpand = !m.isExpand;
338 |
339 | if (typeof this.expandfunc == "function" && m.isExpand) {
340 | if (m.loadNode != 2) {
341 | //
342 | this.expandfunc.call(null, m);
343 | } else {
344 | m.isFolder = !m.isFolder;
345 | }
346 | } else {
347 | m.isFolder = !m.isFolder;
348 | }
349 | }
350 | },
351 | computed: {
352 | // 给(根 和 子树)赋值不同的样式
353 | rootClass() {
354 | var strRootClass = '';
355 |
356 | // 根判断
357 | if (this.root == '0') {
358 | this.model.children = this.model.children || [];
359 | strRootClass = this.num == 0 && this.model.children.length == 0 ? "roots_docu" : this.nodes == 1 || this.num == 0 && this.nodes != this.num + 1 ? "root_" : this.nodes == this.num + 1 ? "bottom_" : "center_";
360 |
361 | // 子树判断
362 | } else if (this.root == '1') {
363 | this.model.children = this.model.children || [];
364 | strRootClass = this.nodes > 1 && this.model.children.length > 0 && this.nodes != this.num + 1 ? "center_" : this.num == 0 && this.nodes > 1 || this.nodes != this.num + 1 ? "center_docu" : this.nodes == 1 && this.num != 0 || this.nodes == this.num + 1 && this.model.children.length > 0 ? "bottom_" : "bottom_docu";
365 | }
366 |
367 | return strRootClass;
368 | },
369 | // 是否有儿子节点
370 | isChildren() {
371 | return this.num + 1 != this.nodes;
372 | },
373 | // 展开/收起
374 | prefixClass() {
375 | var returnChar = "";
376 | if (this.rootClass.indexOf("docu") == -1) {
377 | if (this.model.isFolder) {
378 | returnChar = "open";
379 | } else {
380 | returnChar = 'close';
381 | }
382 | }
383 |
384 | if (this.model.children.length == 0 && this.rootClass.indexOf("docu") == -1) {
385 | returnChar = 'docu';
386 | }
387 |
388 | return returnChar;
389 | },
390 | liClassVal() {
391 | return "level" + this.num;
392 | },
393 | spanClassVal() {
394 | return "button level" + this.num + " switch " + this.rootClass + this.prefixClass;
395 | },
396 | aClassVal() {
397 | return this.model.clickNode ? "level" + this.num + ' curSelectedNode' : "level" + this.num;
398 | },
399 | ulClassVal() {
400 | return this.isChildren && this.model.children.length > 0 ? "level" + this.num + ' line' : "level" + this.num;
401 | }
402 | },
403 | template: `
404 |
405 |
406 |
407 |
408 | {{model.name}}
409 |
410 |
413 | `
414 | }
415 | },
416 | update() {
417 | this.initTreeData();
418 | },
419 | mounted() {
420 | __WEBPACK_IMPORTED_MODULE_0_vue__["a" /* default */].nextTick(() => {
421 | this.initTreeData();
422 | });
423 | }
424 | });
425 |
426 | /***/ }),
427 | /* 7 */
428 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
429 |
430 | "use strict";
431 | Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
432 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_vue_ztree_vue__ = __webpack_require__(14);
433 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_vue_ztree_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__components_vue_ztree_vue__);
434 | //
435 | //
436 | //
437 | //
438 | //
439 | //
440 | //
441 | //
442 | //
443 | //
444 | //
445 | //
446 | //
447 | //
448 | //
449 | //
450 | //
451 | //
452 | //
453 | //
454 | //
455 | //
456 | //
457 | //
458 | //
459 | //
460 | //
461 | //
462 | //
463 | //
464 | //
465 | //
466 | //
467 | //
468 | //
469 | //
470 | //
471 | //
472 | //
473 | //
474 | //
475 | //
476 | //
477 | //
478 | //
479 | //
480 | //
481 | //
482 | //
483 | //
484 | //
485 | //
486 | //
487 | //
488 | //
489 | //
490 | //
491 | //
492 | //
493 | //
494 | //
495 | //
496 | //
497 | //
498 | //
499 | //
500 |
501 |
502 | /* harmony default export */ __webpack_exports__["default"] = ({
503 | data() {
504 | return {
505 | msg: 'Hello Vue-Ztree-2.0!',
506 | ztreeDataSource: [],
507 | dataList: [],
508 | treeDeepCopy: [],
509 | parentNodeModel: [], //当前点击节点父亲对象
510 | nodeModel: null, // 当前点击节点对象
511 | ztreeDataSourceList: [{
512 | id: 880,
513 | name: "娱乐",
514 | iconClass: "iconClassRoot",
515 | open: true,
516 | children: [{
517 | id: 881,
518 | name: "游戏",
519 | iconClass: "iconClassNode"
520 | }, {
521 | id: 882,
522 | name: "电影",
523 | clickNode: true,
524 | iconClass: "iconClassNode"
525 | }, {
526 | id: 883,
527 | name: "新闻",
528 | iconClass: "iconClassNode"
529 | }]
530 | }, {
531 | id: 990,
532 | name: "BAT",
533 | iconClass: "iconClassRoot",
534 | open: false,
535 | children: [{
536 | id: 991,
537 | name: "马化腾",
538 | iconClass: "iconClassNode"
539 | }, {
540 | id: 992,
541 | name: "李彦宏",
542 | iconClass: "iconClassNode"
543 | }, {
544 | id: 993,
545 | name: "马云",
546 | iconClass: "iconClassNode"
547 | }]
548 | }],
549 | ztreeDataSourceSync: [{
550 | id: 220,
551 | name: "娱乐",
552 | children: [{
553 | id: 881,
554 | name: "游戏"
555 | }]
556 | }]
557 | };
558 | },
559 | methods: {
560 | navigateClick: function (index, item) {
561 | // 递归
562 | var recurFunc = (data, list) => {
563 | data.forEach(i => {
564 | if (i.id == item.id) {
565 | i.clickNode = true;
566 | this.nodeModel = i;
567 | this.parentNodeModel = data;
568 | } else {
569 | i.clickNode = false;
570 | }
571 |
572 | if (i.children) {
573 | recurFunc(i.children, i);
574 | }
575 | });
576 | };
577 | recurFunc(this.treeDeepCopy, this.treeDeepCopy);
578 |
579 | // 导航
580 | var self = this;
581 | for (var i = 0; i < self.dataList.length; i++) {
582 | if (index == i) {
583 | self.dataList[i].clickNode = true;
584 | } else {
585 | self.dataList[i].clickNode = false;
586 | }
587 | }
588 | self.dataList.splice(index + 1, self.dataList.length - (index + 1));
589 |
590 | this.ztreeDataSource = this.treeDeepCopy;
591 | },
592 | // 新增节点
593 | addNode: function () {
594 | if (this.nodeModel) {
595 | this.nodeModel.children.push({
596 | id: +new Date(),
597 | name: "动态新增节点哦~",
598 | path: "",
599 | clickNode: false,
600 | isFolder: false,
601 | isExpand: false,
602 | loadNode: 0,
603 | children: []
604 | });
605 | this.nodeModel.isFolder = true;
606 | } else {
607 | console.log("请先选中节点");
608 | }
609 | },
610 | // 删除节点
611 | delNode: function () {
612 | if (this.nodeModel) {
613 | if (this.parentNodeModel.hasOwnProperty("children")) {
614 | this.parentNodeModel.children.splice(this.parentNodeModel.children.indexOf(this.nodeModel), 1);
615 | } else if (this.parentNodeModel instanceof Array) {
616 | // 第一级根节点处理
617 | this.parentNodeModel.splice(this.parentNodeModel.indexOf(this.nodeModel), 1);
618 | }
619 | this.nodeModel = null;
620 | } else {
621 | console.log("请先选中节点");
622 | }
623 | },
624 | // 节点上移
625 | up: function () {
626 | if (!this.nodeModel) console.log("请先选中节点");
627 |
628 | if (this.parentNodeModel.hasOwnProperty("children")) {
629 | var index = this.parentNodeModel.children.indexOf(this.nodeModel);
630 | if (index - 1 >= 0) {
631 | var model = this.parentNodeModel.children.splice(this.parentNodeModel.children.indexOf(this.nodeModel), 1);
632 | this.parentNodeModel.children.splice(index - 1, 0, model[0]);
633 | }
634 | } else if (this.parentNodeModel instanceof Array) {
635 | // 第一级根节点处理
636 | var index = this.parentNodeModel.indexOf(this.nodeModel);
637 | if (index - 1 >= 0) {
638 | var model = this.parentNodeModel.splice(this.parentNodeModel.indexOf(this.nodeModel), 1);
639 | this.parentNodeModel.splice(index - 1, 0, model[0]);
640 | }
641 | }
642 | },
643 | // 节点下移
644 | down: function () {
645 | if (!this.nodeModel) console.log("请先选中节点");
646 |
647 | if (this.parentNodeModel.hasOwnProperty("children")) {
648 | var index = this.parentNodeModel.children.indexOf(this.nodeModel);
649 | if (index + 1 <= this.parentNodeModel.children.length) {
650 | var model = this.parentNodeModel.children.splice(this.parentNodeModel.children.indexOf(this.nodeModel), 1);
651 | this.parentNodeModel.children.splice(index + 1, 0, model[0]);
652 | }
653 | } else if (this.parentNodeModel instanceof Array) {
654 | // 第一级根节点处理
655 | var index = this.parentNodeModel.indexOf(this.nodeModel);
656 | if (index + 1 <= this.parentNodeModel.length) {
657 | var model = this.parentNodeModel.splice(this.parentNodeModel.indexOf(this.nodeModel), 1);
658 | this.parentNodeModel.splice(index + 1, 0, model[0]);
659 | }
660 | }
661 | },
662 | findById: function (data, parentId) {
663 | var vm = this;
664 |
665 | for (var i = 0; i < data.length; i++) {
666 | if (parentId == data[i].id) {
667 | console.log(data[i]);
668 | vm.dataList.push(data[i]);
669 | vm.findById(vm.ztreeDataSource, data[i].parentId);
670 | return data[i];
671 | }
672 |
673 | if (data[i].hasOwnProperty('children')) {
674 | vm.findById(data[i].children, parentId);
675 | }
676 | }
677 | },
678 | // 点击节点
679 | nodeClick: function (m, parent, trees) {
680 | this.treeDeepCopy = trees;
681 | this.nodeModel = m; // 当前点击节点对象
682 | this.parentNodeModel = parent; //当前点击节点父亲对象
683 |
684 | console.log(m);
685 | console.log(parent);
686 |
687 | // 导航菜单
688 | this.dataList = [];
689 | this.findById(this.ztreeDataSource, m.parentId);
690 | this.dataList = this.dataList.reverse();
691 | this.dataList.push(m);
692 | },
693 | // 右击事件
694 | contextmenuClick: function (m) {
695 | console.log(m);
696 | console.log(event.target);
697 | console.log("触发了自定义的contextmenuClick事件");
698 | alert("触发了自定义");
699 | },
700 | // 点击展开收起
701 | expandClick: function (m) {
702 | console.log(JSON.parse(JSON.stringify(m)));
703 | // 点击异步加载
704 | if (m.isExpand) {
705 | // 动态加载子节点, 模拟ajax请求数据
706 | // 请注意 id 不能重复哦。
707 | if (m.hasOwnProperty("children")) {
708 |
709 | m.loadNode = 1; // 正在加载节点
710 |
711 | setTimeout(() => {
712 |
713 | m.loadNode = 2; // 节点加载完毕
714 |
715 | m.isFolder = !m.isFolder;
716 |
717 | m.children.push({
718 | id: +new Date(),
719 | name: "动态加载节点1",
720 | path: "",
721 | clickNode: false,
722 | isFolder: false,
723 | isExpand: false,
724 | loadNode: 0,
725 | children: [{
726 | id: +new Date() + 1,
727 | name: "动态加载末节点",
728 | path: "",
729 | clickNode: false,
730 | isExpand: false,
731 | isFolder: false,
732 | loadNode: 0
733 | }]
734 | });
735 | }, 1000);
736 | }
737 | }
738 | }
739 | },
740 | components: {
741 | vueZtree: __WEBPACK_IMPORTED_MODULE_0__components_vue_ztree_vue___default.a
742 | },
743 | mounted() {
744 | // 异步获取数据操作
745 | setTimeout(() => {
746 | this.ztreeDataSource = [{
747 | id: 220,
748 | parentId: 0,
749 | name: "游戏1",
750 | children: [{
751 | id: 221,
752 | parentId: 220,
753 | name: "游戏2",
754 | path: "",
755 | children: [{
756 | id: 222,
757 | parentId: 221,
758 | name: "游戏3",
759 | path: "",
760 | children: [{
761 | id: 223,
762 | parentId: 222,
763 | name: "游戏4",
764 | path: "",
765 | children: [{
766 | id: 224,
767 | parentId: 223,
768 | name: "游戏5",
769 | path: "",
770 | children: [{
771 | id: 225,
772 | parentId: 224,
773 | name: "游戏6",
774 | path: "",
775 | children: [{
776 | id: 226,
777 | parentId: 224,
778 | name: "游戏末节点",
779 | path: ""
780 | }]
781 | }]
782 | }]
783 | }]
784 | }]
785 | }],
786 | path: "http://www.baidu.com"
787 | }, {
788 | id: 1,
789 | parentId: 0,
790 | name: "音乐",
791 | children: [],
792 | path: "http://www.baidu.com"
793 | }, {
794 | id: 2,
795 | parentId: 0,
796 | name: "视频",
797 | children: [{
798 | id: 3,
799 | parentId: 2,
800 | name: "电影",
801 | children: [{
802 | id: 4,
803 | parentId: 3,
804 | name: "国产电影",
805 | path: ""
806 | }, {
807 | id: 5,
808 | parentId: 3,
809 | name: "好莱坞电影",
810 | path: ""
811 | }, {
812 | id: 6,
813 | parentId: 3,
814 | name: "小语种电影",
815 | path: ""
816 | }]
817 | }, {
818 | id: 7,
819 | parentId: 2,
820 | name: "短片",
821 | children: [{
822 | id: 9,
823 | parentId: 7,
824 | name: "电视剧",
825 | path: ""
826 | }, {
827 | id: 10,
828 | parentId: 7,
829 | name: "短片",
830 | path: ""
831 | }]
832 | }],
833 | path: ""
834 | }];
835 | }, 1000);
836 | }
837 | });
838 |
839 | /***/ }),
840 | /* 8 */
841 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
842 |
843 | "use strict";
844 | Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
845 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(0);
846 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__App__ = __webpack_require__(4);
847 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__App___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__App__);
848 | /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__router__ = __webpack_require__(3);
849 | // The Vue build version to load with the `import` command
850 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
851 |
852 |
853 |
854 |
855 | __WEBPACK_IMPORTED_MODULE_0_vue__["a" /* default */].config.productionTip = false;
856 |
857 | /* eslint-disable no-new */
858 | new __WEBPACK_IMPORTED_MODULE_0_vue__["a" /* default */]({
859 | el: '#app',
860 | router: __WEBPACK_IMPORTED_MODULE_2__router__["a" /* default */],
861 | template: '',
862 | components: { App: __WEBPACK_IMPORTED_MODULE_1__App___default.a }
863 | });
864 |
865 | /***/ }),
866 | /* 9 */
867 | /***/ (function(module, exports) {
868 |
869 | // removed by extract-text-webpack-plugin
870 |
871 | /***/ }),
872 | /* 10 */
873 | /***/ (function(module, exports) {
874 |
875 | // removed by extract-text-webpack-plugin
876 |
877 | /***/ }),
878 | /* 11 */,
879 | /* 12 */,
880 | /* 13 */,
881 | /* 14 */
882 | /***/ (function(module, exports, __webpack_require__) {
883 |
884 |
885 | /* styles */
886 | __webpack_require__(9)
887 |
888 | var Component = __webpack_require__(1)(
889 | /* script */
890 | __webpack_require__(6),
891 | /* template */
892 | __webpack_require__(16),
893 | /* scopeId */
894 | null,
895 | /* cssModules */
896 | null
897 | )
898 |
899 | module.exports = Component.exports
900 |
901 |
902 | /***/ }),
903 | /* 15 */
904 | /***/ (function(module, exports, __webpack_require__) {
905 |
906 |
907 | /* styles */
908 | __webpack_require__(10)
909 |
910 | var Component = __webpack_require__(1)(
911 | /* script */
912 | __webpack_require__(7),
913 | /* template */
914 | __webpack_require__(18),
915 | /* scopeId */
916 | null,
917 | /* cssModules */
918 | null
919 | )
920 |
921 | module.exports = Component.exports
922 |
923 |
924 | /***/ }),
925 | /* 16 */
926 | /***/ (function(module, exports) {
927 |
928 | module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
929 | return (_vm.treeDataSource.length > 0) ? _c('div', {
930 | staticClass: "ztree_content_wrap"
931 | }, [_c('div', {
932 | staticClass: "zTreeDemoBackground left"
933 | }, [_c('ul', {
934 | staticClass: "ztree"
935 | }, _vm._l((_vm.treeDataSource), function(m, i) {
936 | return _c('ztree-item', {
937 | key: i,
938 | attrs: {
939 | "model": m,
940 | "num": i,
941 | "root": "0",
942 | "nodes": _vm.treeDataSource.length,
943 | "callback": _vm.func,
944 | "expandfunc": _vm.expand,
945 | "cxtmenufunc": _vm.contextmenu,
946 | "trees": _vm.treeDataSource
947 | },
948 | on: {
949 | "update:model": function($event) {
950 | m = $event
951 | },
952 | "update:num": function($event) {
953 | i = $event
954 | },
955 | "update:nodes": function($event) {
956 | _vm.$set(_vm.treeDataSource, "length", $event)
957 | },
958 | "update:trees": function($event) {
959 | _vm.treeDataSource = $event
960 | }
961 | }
962 | })
963 | }))])]) : _vm._e()
964 | },staticRenderFns: []}
965 |
966 | /***/ }),
967 | /* 17 */
968 | /***/ (function(module, exports) {
969 |
970 | module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
971 | return _c('div', {
972 | attrs: {
973 | "id": "app"
974 | }
975 | }, [_c('router-view')], 1)
976 | },staticRenderFns: []}
977 |
978 | /***/ }),
979 | /* 18 */
980 | /***/ (function(module, exports) {
981 |
982 | module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
983 | return _c('div', {
984 | staticStyle: {
985 | "display": "flex",
986 | "flex": "3"
987 | }
988 | }, [_c('div', {
989 | staticStyle: {
990 | "flex": "1"
991 | }
992 | }, [_c('h1', [_vm._v("Hello Ztree(非异步)")]), _vm._v(" "), _c('div', {
993 | staticClass: "operate"
994 | }, [_c('ul', [_c('li', [_c('a', {
995 | attrs: {
996 | "href": "javascript:void(0)"
997 | },
998 | on: {
999 | "click": _vm.up
1000 | }
1001 | }, [_vm._v("节点上移")])]), _vm._v(" "), _c('li', [_c('a', {
1002 | attrs: {
1003 | "href": "javascript:void(0)"
1004 | },
1005 | on: {
1006 | "click": _vm.down
1007 | }
1008 | }, [_vm._v("节点下移")])]), _vm._v(" "), _c('li', [_c('a', {
1009 | attrs: {
1010 | "href": "javascript:void(0)"
1011 | },
1012 | on: {
1013 | "click": _vm.delNode
1014 | }
1015 | }, [_vm._v("删除节点")])]), _vm._v(" "), _c('li', [_c('a', {
1016 | attrs: {
1017 | "href": "javascript:void(0)"
1018 | },
1019 | on: {
1020 | "click": _vm.addNode
1021 | }
1022 | }, [_vm._v("新增节点")])])])]), _vm._v(" "), _c('div', {
1023 | staticClass: "operate"
1024 | }, [_c('dl', {
1025 | staticClass: "breadcrumb"
1026 | }, [_vm._m(0), _vm._v(" "), _vm._l((_vm.dataList), function(item, index) {
1027 | return _c('li', {
1028 | on: {
1029 | "click": function($event) {
1030 | _vm.navigateClick(index, item)
1031 | }
1032 | }
1033 | }, [_vm._l((index), function(item) {
1034 | return _c('span', {
1035 | staticStyle: {
1036 | "margin-left": "10px"
1037 | },
1038 | attrs: {
1039 | "href": ""
1040 | }
1041 | })
1042 | }), _c('a', {
1043 | attrs: {
1044 | "href": "javascript:void(0)"
1045 | }
1046 | }, [_vm._v(_vm._s(item.name) + "(点击导航)")])], 2)
1047 | })], 2)]), _vm._v(" "), (_vm.ztreeDataSource.length > 0) ? _c('div', {
1048 | staticStyle: {
1049 | "width": "280px"
1050 | }
1051 | }, [_c('vue-ztree', {
1052 | attrs: {
1053 | "list": _vm.ztreeDataSource,
1054 | "func": _vm.nodeClick,
1055 | "is-open": false
1056 | },
1057 | on: {
1058 | "update:list": function($event) {
1059 | _vm.ztreeDataSource = $event
1060 | }
1061 | }
1062 | })], 1) : _vm._e()]), _vm._v(" "), _c('div', {
1063 | staticStyle: {
1064 | "flex": "1"
1065 | }
1066 | }, [_c('h1', [_vm._v("Hello Ztree(异步加载)")]), _vm._v(" "), (_vm.ztreeDataSourceSync.length > 0) ? _c('div', {
1067 | staticStyle: {
1068 | "width": "280px"
1069 | }
1070 | }, [_c('vue-ztree', {
1071 | attrs: {
1072 | "list": _vm.ztreeDataSourceSync,
1073 | "expand": _vm.expandClick,
1074 | "is-open": false
1075 | },
1076 | on: {
1077 | "update:list": function($event) {
1078 | _vm.ztreeDataSourceSync = $event
1079 | }
1080 | }
1081 | })], 1) : _vm._e()]), _vm._v(" "), _c('div', {
1082 | staticStyle: {
1083 | "flex": "1"
1084 | }
1085 | }, [_c('h1', [_vm._v("Hello Ztree(右击事件)")]), _vm._v(" "), (_vm.ztreeDataSourceList.length > 0) ? _c('div', {
1086 | staticStyle: {
1087 | "width": "280px"
1088 | }
1089 | }, [_c('vue-ztree', {
1090 | attrs: {
1091 | "list": _vm.ztreeDataSourceList,
1092 | "contextmenu": _vm.contextmenuClick,
1093 | "is-open": true
1094 | },
1095 | on: {
1096 | "update:list": function($event) {
1097 | _vm.ztreeDataSourceList = $event
1098 | }
1099 | }
1100 | })], 1) : _vm._e()])])
1101 | },staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
1102 | return _c('li', [_c('b', {
1103 | staticStyle: {
1104 | "color": "red"
1105 | }
1106 | }, [_vm._v("导航点击树联动(注意:需要设置parentId)")])])
1107 | }]}
1108 |
1109 | /***/ })
1110 | ],[8]);
1111 | //# sourceMappingURL=app.5499b5727043ffa2e542.js.map
--------------------------------------------------------------------------------
/dist/static/js/app.5499b5727043ffa2e542.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["webpack:///./src/router/index.js","webpack:///./src/App.vue","webpack:///App.vue","webpack:///vue-ztree.vue","webpack:///Main.vue","webpack:///./src/main.js","webpack:///./src/components/vue-ztree.vue?28f5","webpack:///./src/views/Main.vue?55a4","webpack:///./src/components/vue-ztree.vue?d6d0","webpack:///./src/views/Main.vue?284c","webpack:///./src/components/vue-ztree.vue?a66d","webpack:///./src/App.vue?5c4a","webpack:///./src/views/Main.vue?0144"],"names":["Vue","use","routes","path","name","component","Main","config","productionTip","el","router","template","components"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;;AAEA,oDAAAA,CAAIC,GAAJ,CAAQ,2DAAR;;AAEA,yDAAe,IAAI,2DAAJ,CAAW;AACxBC,UAAQ,CACN;AACEC,UAAM,GADR;AAEEC,UAAM,aAFR;AAGEC,eAAW,mDAAAC;AAHb,GADM;AADgB,CAAX,CAAf,E;;;;;;ACNA;AACA;AACA;AACA;AACA,wBAAgG;AAChG;AACA;AACA;AACA;AACA;;AAEA;;;;;;;;;;;;;;;;ACJA;QAEA;AADA,G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACyHA;AACA;SAEA;;sBAGA;AAFA;AAGA;;AAEA;;YAEA;cAEA;AAHA;AAIA;;YAEA;eAEA;AAHA;AAIA;;YAEA;eAEA;AAHA;AAIA;;YAEA;2BACA;oBACA;AAEA;AALA;AAMA;;YAEA;cACA;eAGA;AALA;AAxBA;;;2BAgCA;aACA;AACA;YAGA;AANA;AADA;;mBASA;oDAEA;;AACA;mCACA;0BACA;8CACA;wEACA;AAEA;;qCAEA;;6CACA;kEACA;AAEA;;6CACA;kEACA;AAEA;;uBAEA;;2BAGA;AACA;AAEA;;qBAEA;;4BACA;AAEA;AAjCA;;AAmCA;;YAEA;;;gBAGA;kBAEA;AAHA;;gBAKA;kBAEA;AAHA;;gBAKA;kBACA;mBAEA;AAJA;;gBAMA;kBACA;mBAEA;AAJA;;gBAMA;kBAEA;AAHA;;gBAMA;AAFA;;gBAKA;AAFA;;gBAMA;AAHA;AA7BA;;gBAkCA;AACA;0CACA;8BACA;gCACA;8BAEA;;wDACA;yDACA;AACA;qBACA;8BACA;AAEA;;8BACA;sCACA;AACA;AACA;AAEA;;qCACA;AACA;gBACA;AACA;0BAEA;;kEACA;iCACA;AACA;yCACA;mBACA;8BACA;AACA;iBACA;4BACA;AACA;AAEA;AAtCA;;AAwCA;oBACA;6BAEA;;AACA;gCACA;yDACA;0JACA,uDAEA;;AACA;uCACA;yDACA;wGACA,IACA,4EACA,+HACA;AAEA;;iBACA;AACA;AACA;qBACA;sCACA;AACA;AACA;sBACA;2BACA;oDACA;qCACA;2BACA;mBACA;2BACA;AACA;AAEA;;uFACA;yBACA;AAEA;;iBACA;AACA;qBACA;gCACA;AACA;uBACA;gFACA;AACA;oBACA;iGACA;AACA;qBACA;mHACA;AAEA;AAvDA;AAwDA,gBAaA;;;;;;;;;;;AA/IA;AAFA;WAkJA;SACA;AACA;YACA;wEACA;WACA;AACA;AACA;AAvOA,G;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChEA;AACA;UAEA;;cAEA;0BACA;mBACA;uBACA;8BACA;0BACA;;gBAEA;kBACA;uBACA;kBACA;;mBAEA;qBACA;0BACA;AAHA;mBAKA;qBACA;0BACA;0BACA;AAJA;mBAMA;qBACA;0BAEA;AAJA;AAdA;gBAoBA;kBACA;uBACA;kBACA;;mBAEA;qBACA;0BACA;AAHA;mBAKA;qBACA;0BACA;AAHA;mBAKA;qBACA;0BAGA;AALA;AAbA;;gBAoBA;kBACA;;mBAEA;qBAIA;AALA;AAHA;AA7CA;AAsDA;;4CAEA;AACA;yCACA;8BACA;oCACA;gCACA;mCACA;yCACA;sBACA;gCACA;AAEA;;+BACA;wCACA;AACA;AACA;AACA;2CAGA;;AACA;oBACA;wDACA;4BACA;4CACA;mBACA;4CACA;AACA;AACA;yEAEA;;qCACA;AACA;AACA;2BACA;6BACA;;wBAEA;qBACA;qBACA;0BACA;yBACA;yBACA;yBACA;yBAEA;AATA;sCAUA;gBACA;wBACA;AACA;AACA;AACA;2BACA;6BACA;iEACA;2GACA;8DACA;AACA;yFACA;AACA;6BACA;gBACA;wBACA;AACA;AACA;AACA;sBACA;0CAEA;;8DACA;mEACA;gCACA;uHACA;wEACA;AACA;2DACA;AACA;0DACA;gCACA;qGACA;+DACA;AACA;AACA;AACA;AACA;wBACA;0CAEA;;8DACA;mEACA;mEACA;uHACA;wEACA;AACA;2DACA;AACA;0DACA;0DACA;qGACA;+DACA;AACA;AACA;AACA;0CACA;kBAEA;;+CACA;wCACA;gCACA;qCACA;uDACA;2BACA;AAEA;;oDACA;6CACA;AAEA;AACA;AACA;AACA;;6BAEA;4BADA,CAEA;wCAEA;;qBACA;qBAEA;;AACA;yBACA;+CACA;uCACA;4BACA;AACA;AACA;qCACA;qBACA;2BACA;qBACA;eACA;AACA;AACA;gCACA;+CACA;AACA;yBACA;AACA;AACA;;;8BAEA,CAEA;;gCAEA;;kCAEA;;kCAEA;;;8BAEA;2BACA;2BACA;gCACA;+BACA;+BACA;+BACA;;0CAEA;8BACA;8BACA;mCACA;kCACA;kCACA;kCAGA;AATA;AARA;kBAkBA;AACA;AACA;AAEA;AAtLA;;AAyLA;AAFA;aAGA;AACA;uBACA;;gBAEA;sBACA;kBACA;;mBAEA;yBACA;qBACA;qBACA;;sBAEA;4BACA;wBACA;wBACA;;yBAEA;+BACA;2BACA;2BACA;;4BAEA;kCACA;8BACA;8BACA;;+BAEA;qCACA;iCACA;iCACA;;kCAEA;wCACA;oCACA;oCAOA;AAVA;AALA;AALA;AALA;AALA;AALA;kBAoCA;AAxCA;gBA0CA;sBACA;kBACA;sBACA;kBACA;AALA;gBAOA;sBACA;kBACA;;mBAEA;yBACA;qBACA;;sBAEA;4BACA;wBACA;wBACA;AAJA;sBAMA;4BACA;wBACA;wBACA;AAJA;sBAMA;4BACA;wBACA;wBAEA;AALA;AAdA;mBAqBA;yBACA;qBACA;;sBAEA;4BACA;wBACA;wBACA;AAJA;sBAMA;4BACA;wBACA;wBAGA;AANA;AATA;kBAiBA;AAzCA;SA0CA;AACA;AAhVA,G;;;;;;;;;;;ACrEA;AAAA;AACA;AACA;AACA;AACA;;AAEA,oDAAAN,CAAIO,MAAJ,CAAWC,aAAX,GAA2B,KAA3B;;AAEA;AACA,IAAI,oDAAJ,CAAQ;AACNC,MAAI,MADE;AAENC,EAAA,gEAFM;AAGNC,YAAU,QAHJ;AAINC,cAAY,EAAE,iDAAF;AAJN,CAAR,E;;;;;;ACTA,yC;;;;;;ACAA,yC;;;;;;;;;;ACCA;AACA,qBAAkS;;AAElS;AACA;AACA;AACA;AACA,wBAAmG;AACnG;AACA;AACA;AACA;AACA;;AAEA;;;;;;;;ACdA;AACA,sBAAkS;;AAElS;AACA;AACA;AACA;AACA,wBAAmG;AACnG;AACA;AACA;AACA;AACA;;AAEA;;;;;;;ACfA,gBAAgB,mBAAmB,aAAa,0BAA0B;AAC1E;AACA;AACA,GAAG;AACH;AACA,GAAG;AACH;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA,SAAS;AACT;AACA;AACA,SAAS;AACT;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH,CAAC,qB;;;;;;ACpCD,gBAAgB,mBAAmB,aAAa,0BAA0B;AAC1E;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC,qB;;;;;;ACND,gBAAgB,mBAAmB,aAAa,0BAA0B;AAC1E;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,GAAG;AACH;AACA,GAAG;AACH;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,GAAG;AACH;AACA,GAAG;AACH;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA,OAAO;AACP,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL,GAAG;AACH;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC,+BAA+B,aAAa,0BAA0B;AACvE;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC,E","file":"static/js/app.5499b5727043ffa2e542.js","sourcesContent":["import Vue from 'vue'\nimport Router from 'vue-router'\nimport Main from '../views/Main'\n\nVue.use(Router)\n\nexport default new Router({\n routes: [\n {\n path: '/',\n name: 'Hello Ztree',\n component: Main\n }\n ]\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/router/index.js","var Component = require(\"!../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"),\n /* template */\n require(\"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-78666de1\\\"}!../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/App.vue\n// module id = 4\n// module chunks = 0","\n \n \n
\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// App.vue?1cda4806","\n\n\n\t\n\t\n\n\n\n\n\n// WEBPACK FOOTER //\n// vue-ztree.vue?732c7eba","\n\n \n
\n
Hello Ztree(非异步)
\n
\n\n
\n
\n \n
\n
\n\n
\n
Hello Ztree(异步加载)
\n
\n \n
\n
\n\n
\n
Hello Ztree(右击事件)
\n
\n \n
\n
\n
\n\n\n\n\n\n\n// WEBPACK FOOTER //\n// Main.vue?512da509","// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport Vue from 'vue'\nimport App from './App'\nimport router from './router'\n\nVue.config.productionTip = false\n\n/* eslint-disable no-new */\nnew Vue({\n el: '#app',\n router,\n template: '',\n components: { App }\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"omit\":1,\"remove\":true}!./~/vue-style-loader!./~/css-loader?{\"minimize\":true,\"sourceMap\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-39e79a28\",\"scoped\":false,\"hasInlineConfig\":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/vue-ztree.vue\n// module id = 9\n// module chunks = 0","// removed by extract-text-webpack-plugin\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/extract-text-webpack-plugin/loader.js?{\"omit\":1,\"remove\":true}!./~/vue-style-loader!./~/css-loader?{\"minimize\":true,\"sourceMap\":true}!./~/vue-loader/lib/style-compiler?{\"id\":\"data-v-d8b1f0ac\",\"scoped\":false,\"hasInlineConfig\":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/views/Main.vue\n// module id = 10\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-39e79a28\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./vue-ztree.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./vue-ztree.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-39e79a28\\\"}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./vue-ztree.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/vue-ztree.vue\n// module id = 14\n// module chunks = 0","\n/* styles */\nrequire(\"!!../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"minimize\\\":true,\\\"sourceMap\\\":true}!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"id\\\":\\\"data-v-d8b1f0ac\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Main.vue\")\n\nvar Component = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Main.vue\"),\n /* template */\n require(\"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-d8b1f0ac\\\"}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Main.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/views/Main.vue\n// module id = 15\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return (_vm.treeDataSource.length > 0) ? _c('div', {\n staticClass: \"ztree_content_wrap\"\n }, [_c('div', {\n staticClass: \"zTreeDemoBackground left\"\n }, [_c('ul', {\n staticClass: \"ztree\"\n }, _vm._l((_vm.treeDataSource), function(m, i) {\n return _c('ztree-item', {\n key: i,\n attrs: {\n \"model\": m,\n \"num\": i,\n \"root\": \"0\",\n \"nodes\": _vm.treeDataSource.length,\n \"callback\": _vm.func,\n \"expandfunc\": _vm.expand,\n \"cxtmenufunc\": _vm.contextmenu,\n \"trees\": _vm.treeDataSource\n },\n on: {\n \"update:model\": function($event) {\n m = $event\n },\n \"update:num\": function($event) {\n i = $event\n },\n \"update:nodes\": function($event) {\n _vm.$set(_vm.treeDataSource, \"length\", $event)\n },\n \"update:trees\": function($event) {\n _vm.treeDataSource = $event\n }\n }\n })\n }))])]) : _vm._e()\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-39e79a28\"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/vue-ztree.vue\n// module id = 16\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"app\"\n }\n }, [_c('router-view')], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-78666de1\"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue\n// module id = 17\n// module chunks = 0","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticStyle: {\n \"display\": \"flex\",\n \"flex\": \"3\"\n }\n }, [_c('div', {\n staticStyle: {\n \"flex\": \"1\"\n }\n }, [_c('h1', [_vm._v(\"Hello Ztree(非异步)\")]), _vm._v(\" \"), _c('div', {\n staticClass: \"operate\"\n }, [_c('ul', [_c('li', [_c('a', {\n attrs: {\n \"href\": \"javascript:void(0)\"\n },\n on: {\n \"click\": _vm.up\n }\n }, [_vm._v(\"节点上移\")])]), _vm._v(\" \"), _c('li', [_c('a', {\n attrs: {\n \"href\": \"javascript:void(0)\"\n },\n on: {\n \"click\": _vm.down\n }\n }, [_vm._v(\"节点下移\")])]), _vm._v(\" \"), _c('li', [_c('a', {\n attrs: {\n \"href\": \"javascript:void(0)\"\n },\n on: {\n \"click\": _vm.delNode\n }\n }, [_vm._v(\"删除节点\")])]), _vm._v(\" \"), _c('li', [_c('a', {\n attrs: {\n \"href\": \"javascript:void(0)\"\n },\n on: {\n \"click\": _vm.addNode\n }\n }, [_vm._v(\"新增节点\")])])])]), _vm._v(\" \"), _c('div', {\n staticClass: \"operate\"\n }, [_c('dl', {\n staticClass: \"breadcrumb\"\n }, [_vm._m(0), _vm._v(\" \"), _vm._l((_vm.dataList), function(item, index) {\n return _c('li', {\n on: {\n \"click\": function($event) {\n _vm.navigateClick(index, item)\n }\n }\n }, [_vm._l((index), function(item) {\n return _c('span', {\n staticStyle: {\n \"margin-left\": \"10px\"\n },\n attrs: {\n \"href\": \"\"\n }\n })\n }), _c('a', {\n attrs: {\n \"href\": \"javascript:void(0)\"\n }\n }, [_vm._v(_vm._s(item.name) + \"(点击导航)\")])], 2)\n })], 2)]), _vm._v(\" \"), (_vm.ztreeDataSource.length > 0) ? _c('div', {\n staticStyle: {\n \"width\": \"280px\"\n }\n }, [_c('vue-ztree', {\n attrs: {\n \"list\": _vm.ztreeDataSource,\n \"func\": _vm.nodeClick,\n \"is-open\": false\n },\n on: {\n \"update:list\": function($event) {\n _vm.ztreeDataSource = $event\n }\n }\n })], 1) : _vm._e()]), _vm._v(\" \"), _c('div', {\n staticStyle: {\n \"flex\": \"1\"\n }\n }, [_c('h1', [_vm._v(\"Hello Ztree(异步加载)\")]), _vm._v(\" \"), (_vm.ztreeDataSourceSync.length > 0) ? _c('div', {\n staticStyle: {\n \"width\": \"280px\"\n }\n }, [_c('vue-ztree', {\n attrs: {\n \"list\": _vm.ztreeDataSourceSync,\n \"expand\": _vm.expandClick,\n \"is-open\": false\n },\n on: {\n \"update:list\": function($event) {\n _vm.ztreeDataSourceSync = $event\n }\n }\n })], 1) : _vm._e()]), _vm._v(\" \"), _c('div', {\n staticStyle: {\n \"flex\": \"1\"\n }\n }, [_c('h1', [_vm._v(\"Hello Ztree(右击事件)\")]), _vm._v(\" \"), (_vm.ztreeDataSourceList.length > 0) ? _c('div', {\n staticStyle: {\n \"width\": \"280px\"\n }\n }, [_c('vue-ztree', {\n attrs: {\n \"list\": _vm.ztreeDataSourceList,\n \"contextmenu\": _vm.contextmenuClick,\n \"is-open\": true\n },\n on: {\n \"update:list\": function($event) {\n _vm.ztreeDataSourceList = $event\n }\n }\n })], 1) : _vm._e()])])\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('li', [_c('b', {\n staticStyle: {\n \"color\": \"red\"\n }\n }, [_vm._v(\"导航点击树联动(注意:需要设置parentId)\")])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler?{\"id\":\"data-v-d8b1f0ac\"}!./~/vue-loader/lib/selector.js?type=template&index=0!./src/views/Main.vue\n// module id = 18\n// module chunks = 0"],"sourceRoot":""}
--------------------------------------------------------------------------------