tree.js 62 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138
  1. module.exports =
  2. /******/ (function(modules) { // webpackBootstrap
  3. /******/ // The module cache
  4. /******/ var installedModules = {};
  5. /******/
  6. /******/ // The require function
  7. /******/ function __webpack_require__(moduleId) {
  8. /******/
  9. /******/ // Check if module is in cache
  10. /******/ if(installedModules[moduleId]) {
  11. /******/ return installedModules[moduleId].exports;
  12. /******/ }
  13. /******/ // Create a new module (and put it into the cache)
  14. /******/ var module = installedModules[moduleId] = {
  15. /******/ i: moduleId,
  16. /******/ l: false,
  17. /******/ exports: {}
  18. /******/ };
  19. /******/
  20. /******/ // Execute the module function
  21. /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
  22. /******/
  23. /******/ // Flag the module as loaded
  24. /******/ module.l = true;
  25. /******/
  26. /******/ // Return the exports of the module
  27. /******/ return module.exports;
  28. /******/ }
  29. /******/
  30. /******/
  31. /******/ // expose the modules object (__webpack_modules__)
  32. /******/ __webpack_require__.m = modules;
  33. /******/
  34. /******/ // expose the module cache
  35. /******/ __webpack_require__.c = installedModules;
  36. /******/
  37. /******/ // define getter function for harmony exports
  38. /******/ __webpack_require__.d = function(exports, name, getter) {
  39. /******/ if(!__webpack_require__.o(exports, name)) {
  40. /******/ Object.defineProperty(exports, name, {
  41. /******/ configurable: false,
  42. /******/ enumerable: true,
  43. /******/ get: getter
  44. /******/ });
  45. /******/ }
  46. /******/ };
  47. /******/
  48. /******/ // getDefaultExport function for compatibility with non-harmony modules
  49. /******/ __webpack_require__.n = function(module) {
  50. /******/ var getter = module && module.__esModule ?
  51. /******/ function getDefault() { return module['default']; } :
  52. /******/ function getModuleExports() { return module; };
  53. /******/ __webpack_require__.d(getter, 'a', getter);
  54. /******/ return getter;
  55. /******/ };
  56. /******/
  57. /******/ // Object.prototype.hasOwnProperty.call
  58. /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
  59. /******/
  60. /******/ // __webpack_public_path__
  61. /******/ __webpack_require__.p = "/dist/";
  62. /******/
  63. /******/ // Load entry module and return exports
  64. /******/ return __webpack_require__(__webpack_require__.s = 247);
  65. /******/ })
  66. /************************************************************************/
  67. /******/ ({
  68. /***/ 0:
  69. /***/ (function(module, exports) {
  70. /* globals __VUE_SSR_CONTEXT__ */
  71. // IMPORTANT: Do NOT use ES2015 features in this file.
  72. // This module is a runtime utility for cleaner component module output and will
  73. // be included in the final webpack user bundle.
  74. module.exports = function normalizeComponent (
  75. rawScriptExports,
  76. compiledTemplate,
  77. functionalTemplate,
  78. injectStyles,
  79. scopeId,
  80. moduleIdentifier /* server only */
  81. ) {
  82. var esModule
  83. var scriptExports = rawScriptExports = rawScriptExports || {}
  84. // ES6 modules interop
  85. var type = typeof rawScriptExports.default
  86. if (type === 'object' || type === 'function') {
  87. esModule = rawScriptExports
  88. scriptExports = rawScriptExports.default
  89. }
  90. // Vue.extend constructor export interop
  91. var options = typeof scriptExports === 'function'
  92. ? scriptExports.options
  93. : scriptExports
  94. // render functions
  95. if (compiledTemplate) {
  96. options.render = compiledTemplate.render
  97. options.staticRenderFns = compiledTemplate.staticRenderFns
  98. options._compiled = true
  99. }
  100. // functional template
  101. if (functionalTemplate) {
  102. options.functional = true
  103. }
  104. // scopedId
  105. if (scopeId) {
  106. options._scopeId = scopeId
  107. }
  108. var hook
  109. if (moduleIdentifier) { // server build
  110. hook = function (context) {
  111. // 2.3 injection
  112. context =
  113. context || // cached call
  114. (this.$vnode && this.$vnode.ssrContext) || // stateful
  115. (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
  116. // 2.2 with runInNewContext: true
  117. if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
  118. context = __VUE_SSR_CONTEXT__
  119. }
  120. // inject component styles
  121. if (injectStyles) {
  122. injectStyles.call(this, context)
  123. }
  124. // register component module identifier for async chunk inferrence
  125. if (context && context._registeredComponents) {
  126. context._registeredComponents.add(moduleIdentifier)
  127. }
  128. }
  129. // used by ssr in case component is cached and beforeCreate
  130. // never gets called
  131. options._ssrRegister = hook
  132. } else if (injectStyles) {
  133. hook = injectStyles
  134. }
  135. if (hook) {
  136. var functional = options.functional
  137. var existing = functional
  138. ? options.render
  139. : options.beforeCreate
  140. if (!functional) {
  141. // inject component registration as beforeCreate hook
  142. options.beforeCreate = existing
  143. ? [].concat(existing, hook)
  144. : [hook]
  145. } else {
  146. // for template-only hot-reload because in that case the render fn doesn't
  147. // go through the normalizer
  148. options._injectStyles = hook
  149. // register for functioal component in vue file
  150. options.render = function renderWithStyleInjection (h, context) {
  151. hook.call(context)
  152. return existing(h, context)
  153. }
  154. }
  155. }
  156. return {
  157. esModule: esModule,
  158. exports: scriptExports,
  159. options: options
  160. }
  161. }
  162. /***/ }),
  163. /***/ 1:
  164. /***/ (function(module, exports) {
  165. module.exports = require("element-ui/lib/mixins/emitter");
  166. /***/ }),
  167. /***/ 12:
  168. /***/ (function(module, exports) {
  169. module.exports = require("element-ui/lib/locale");
  170. /***/ }),
  171. /***/ 16:
  172. /***/ (function(module, exports) {
  173. module.exports = require("element-ui/lib/checkbox");
  174. /***/ }),
  175. /***/ 21:
  176. /***/ (function(module, exports) {
  177. module.exports = require("element-ui/lib/transitions/collapse-transition");
  178. /***/ }),
  179. /***/ 247:
  180. /***/ (function(module, exports, __webpack_require__) {
  181. "use strict";
  182. exports.__esModule = true;
  183. var _tree = __webpack_require__(248);
  184. var _tree2 = _interopRequireDefault(_tree);
  185. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  186. /* istanbul ignore next */
  187. _tree2.default.install = function (Vue) {
  188. Vue.component(_tree2.default.name, _tree2.default);
  189. };
  190. exports.default = _tree2.default;
  191. /***/ }),
  192. /***/ 248:
  193. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  194. "use strict";
  195. Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
  196. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tree_vue__ = __webpack_require__(249);
  197. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tree_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tree_vue__);
  198. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_a385d82e_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_tree_vue__ = __webpack_require__(255);
  199. var normalizeComponent = __webpack_require__(0)
  200. /* script */
  201. /* template */
  202. /* template functional */
  203. var __vue_template_functional__ = false
  204. /* styles */
  205. var __vue_styles__ = null
  206. /* scopeId */
  207. var __vue_scopeId__ = null
  208. /* moduleIdentifier (server only) */
  209. var __vue_module_identifier__ = null
  210. var Component = normalizeComponent(
  211. __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tree_vue___default.a,
  212. __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_a385d82e_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_tree_vue__["a" /* default */],
  213. __vue_template_functional__,
  214. __vue_styles__,
  215. __vue_scopeId__,
  216. __vue_module_identifier__
  217. )
  218. /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
  219. /***/ }),
  220. /***/ 249:
  221. /***/ (function(module, exports, __webpack_require__) {
  222. "use strict";
  223. exports.__esModule = true;
  224. var _treeStore = __webpack_require__(250);
  225. var _treeStore2 = _interopRequireDefault(_treeStore);
  226. var _util = __webpack_require__(33);
  227. var _treeNode = __webpack_require__(252);
  228. var _treeNode2 = _interopRequireDefault(_treeNode);
  229. var _locale = __webpack_require__(12);
  230. var _emitter = __webpack_require__(1);
  231. var _emitter2 = _interopRequireDefault(_emitter);
  232. var _dom = __webpack_require__(3);
  233. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  234. //
  235. //
  236. //
  237. //
  238. //
  239. //
  240. //
  241. //
  242. //
  243. //
  244. //
  245. //
  246. //
  247. //
  248. //
  249. //
  250. //
  251. //
  252. //
  253. //
  254. //
  255. //
  256. //
  257. //
  258. //
  259. //
  260. //
  261. //
  262. //
  263. //
  264. //
  265. exports.default = {
  266. name: 'ElTree',
  267. mixins: [_emitter2.default],
  268. components: {
  269. ElTreeNode: _treeNode2.default
  270. },
  271. data: function data() {
  272. return {
  273. store: null,
  274. root: null,
  275. currentNode: null,
  276. treeItems: null,
  277. checkboxItems: [],
  278. dragState: {
  279. showDropIndicator: false,
  280. draggingNode: null,
  281. dropNode: null,
  282. allowDrop: true
  283. }
  284. };
  285. },
  286. props: {
  287. data: {
  288. type: Array
  289. },
  290. emptyText: {
  291. type: String,
  292. default: function _default() {
  293. return (0, _locale.t)('el.tree.emptyText');
  294. }
  295. },
  296. renderAfterExpand: {
  297. type: Boolean,
  298. default: true
  299. },
  300. nodeKey: String,
  301. checkStrictly: Boolean,
  302. defaultExpandAll: Boolean,
  303. expandOnClickNode: {
  304. type: Boolean,
  305. default: true
  306. },
  307. checkOnClickNode: Boolean,
  308. checkDescendants: {
  309. type: Boolean,
  310. default: false
  311. },
  312. autoExpandParent: {
  313. type: Boolean,
  314. default: true
  315. },
  316. defaultCheckedKeys: Array,
  317. defaultExpandedKeys: Array,
  318. currentNodeKey: [String, Number],
  319. renderContent: Function,
  320. showCheckbox: {
  321. type: Boolean,
  322. default: false
  323. },
  324. draggable: {
  325. type: Boolean,
  326. default: false
  327. },
  328. allowDrag: Function,
  329. allowDrop: Function,
  330. props: {
  331. default: function _default() {
  332. return {
  333. children: 'children',
  334. label: 'label',
  335. disabled: 'disabled'
  336. };
  337. }
  338. },
  339. lazy: {
  340. type: Boolean,
  341. default: false
  342. },
  343. highlightCurrent: Boolean,
  344. load: Function,
  345. filterNodeMethod: Function,
  346. accordion: Boolean,
  347. indent: {
  348. type: Number,
  349. default: 18
  350. },
  351. iconClass: String
  352. },
  353. computed: {
  354. children: {
  355. set: function set(value) {
  356. this.data = value;
  357. },
  358. get: function get() {
  359. return this.data;
  360. }
  361. },
  362. treeItemArray: function treeItemArray() {
  363. return Array.prototype.slice.call(this.treeItems);
  364. },
  365. isEmpty: function isEmpty() {
  366. var childNodes = this.root.childNodes;
  367. return !childNodes || childNodes.length === 0 || childNodes.every(function (_ref) {
  368. var visible = _ref.visible;
  369. return !visible;
  370. });
  371. }
  372. },
  373. watch: {
  374. defaultCheckedKeys: function defaultCheckedKeys(newVal) {
  375. this.store.setDefaultCheckedKey(newVal);
  376. },
  377. defaultExpandedKeys: function defaultExpandedKeys(newVal) {
  378. this.store.defaultExpandedKeys = newVal;
  379. this.store.setDefaultExpandedKeys(newVal);
  380. },
  381. data: function data(newVal) {
  382. this.store.setData(newVal);
  383. },
  384. checkboxItems: function checkboxItems(val) {
  385. Array.prototype.forEach.call(val, function (checkbox) {
  386. checkbox.setAttribute('tabindex', -1);
  387. });
  388. },
  389. checkStrictly: function checkStrictly(newVal) {
  390. this.store.checkStrictly = newVal;
  391. }
  392. },
  393. methods: {
  394. filter: function filter(value) {
  395. if (!this.filterNodeMethod) throw new Error('[Tree] filterNodeMethod is required when filter');
  396. this.store.filter(value);
  397. },
  398. getNodeKey: function getNodeKey(node) {
  399. return (0, _util.getNodeKey)(this.nodeKey, node.data);
  400. },
  401. getNodePath: function getNodePath(data) {
  402. if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in getNodePath');
  403. var node = this.store.getNode(data);
  404. if (!node) return [];
  405. var path = [node.data];
  406. var parent = node.parent;
  407. while (parent && parent !== this.root) {
  408. path.push(parent.data);
  409. parent = parent.parent;
  410. }
  411. return path.reverse();
  412. },
  413. getCheckedNodes: function getCheckedNodes(leafOnly, includeHalfChecked) {
  414. return this.store.getCheckedNodes(leafOnly, includeHalfChecked);
  415. },
  416. getCheckedKeys: function getCheckedKeys(leafOnly) {
  417. return this.store.getCheckedKeys(leafOnly);
  418. },
  419. getCurrentNode: function getCurrentNode() {
  420. var currentNode = this.store.getCurrentNode();
  421. return currentNode ? currentNode.data : null;
  422. },
  423. getCurrentKey: function getCurrentKey() {
  424. if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in getCurrentKey');
  425. var currentNode = this.getCurrentNode();
  426. return currentNode ? currentNode[this.nodeKey] : null;
  427. },
  428. setCheckedNodes: function setCheckedNodes(nodes, leafOnly) {
  429. if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedNodes');
  430. this.store.setCheckedNodes(nodes, leafOnly);
  431. },
  432. setCheckedKeys: function setCheckedKeys(keys, leafOnly) {
  433. if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCheckedKeys');
  434. this.store.setCheckedKeys(keys, leafOnly);
  435. },
  436. setChecked: function setChecked(data, checked, deep) {
  437. this.store.setChecked(data, checked, deep);
  438. },
  439. getHalfCheckedNodes: function getHalfCheckedNodes() {
  440. return this.store.getHalfCheckedNodes();
  441. },
  442. getHalfCheckedKeys: function getHalfCheckedKeys() {
  443. return this.store.getHalfCheckedKeys();
  444. },
  445. setCurrentNode: function setCurrentNode(node) {
  446. if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentNode');
  447. this.store.setUserCurrentNode(node);
  448. },
  449. setCurrentKey: function setCurrentKey(key) {
  450. if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in setCurrentKey');
  451. this.store.setCurrentNodeKey(key);
  452. },
  453. getNode: function getNode(data) {
  454. return this.store.getNode(data);
  455. },
  456. remove: function remove(data) {
  457. this.store.remove(data);
  458. },
  459. append: function append(data, parentNode) {
  460. this.store.append(data, parentNode);
  461. },
  462. insertBefore: function insertBefore(data, refNode) {
  463. this.store.insertBefore(data, refNode);
  464. },
  465. insertAfter: function insertAfter(data, refNode) {
  466. this.store.insertAfter(data, refNode);
  467. },
  468. handleNodeExpand: function handleNodeExpand(nodeData, node, instance) {
  469. this.broadcast('ElTreeNode', 'tree-node-expand', node);
  470. this.$emit('node-expand', nodeData, node, instance);
  471. },
  472. updateKeyChildren: function updateKeyChildren(key, data) {
  473. if (!this.nodeKey) throw new Error('[Tree] nodeKey is required in updateKeyChild');
  474. this.store.updateChildren(key, data);
  475. },
  476. initTabIndex: function initTabIndex() {
  477. this.treeItems = this.$el.querySelectorAll('.is-focusable[role=treeitem]');
  478. this.checkboxItems = this.$el.querySelectorAll('input[type=checkbox]');
  479. var checkedItem = this.$el.querySelectorAll('.is-checked[role=treeitem]');
  480. if (checkedItem.length) {
  481. checkedItem[0].setAttribute('tabindex', 0);
  482. return;
  483. }
  484. this.treeItems[0] && this.treeItems[0].setAttribute('tabindex', 0);
  485. },
  486. handleKeydown: function handleKeydown(ev) {
  487. var currentItem = ev.target;
  488. if (currentItem.className.indexOf('el-tree-node') === -1) return;
  489. var keyCode = ev.keyCode;
  490. this.treeItems = this.$el.querySelectorAll('.is-focusable[role=treeitem]');
  491. var currentIndex = this.treeItemArray.indexOf(currentItem);
  492. var nextIndex = void 0;
  493. if ([38, 40].indexOf(keyCode) > -1) {
  494. // up、down
  495. ev.preventDefault();
  496. if (keyCode === 38) {
  497. // up
  498. nextIndex = currentIndex !== 0 ? currentIndex - 1 : 0;
  499. } else {
  500. nextIndex = currentIndex < this.treeItemArray.length - 1 ? currentIndex + 1 : 0;
  501. }
  502. this.treeItemArray[nextIndex].focus(); // 选中
  503. }
  504. if ([37, 39].indexOf(keyCode) > -1) {
  505. // left、right 展开
  506. ev.preventDefault();
  507. currentItem.click(); // 选中
  508. }
  509. var hasInput = currentItem.querySelector('[type="checkbox"]');
  510. if ([13, 32].indexOf(keyCode) > -1 && hasInput) {
  511. // space enter选中checkbox
  512. ev.preventDefault();
  513. hasInput.click();
  514. }
  515. }
  516. },
  517. created: function created() {
  518. var _this = this;
  519. this.isTree = true;
  520. this.store = new _treeStore2.default({
  521. key: this.nodeKey,
  522. data: this.data,
  523. lazy: this.lazy,
  524. props: this.props,
  525. load: this.load,
  526. currentNodeKey: this.currentNodeKey,
  527. checkStrictly: this.checkStrictly,
  528. checkDescendants: this.checkDescendants,
  529. defaultCheckedKeys: this.defaultCheckedKeys,
  530. defaultExpandedKeys: this.defaultExpandedKeys,
  531. autoExpandParent: this.autoExpandParent,
  532. defaultExpandAll: this.defaultExpandAll,
  533. filterNodeMethod: this.filterNodeMethod
  534. });
  535. this.root = this.store.root;
  536. var dragState = this.dragState;
  537. this.$on('tree-node-drag-start', function (event, treeNode) {
  538. if (typeof _this.allowDrag === 'function' && !_this.allowDrag(treeNode.node)) {
  539. event.preventDefault();
  540. return false;
  541. }
  542. event.dataTransfer.effectAllowed = 'move';
  543. // wrap in try catch to address IE's error when first param is 'text/plain'
  544. try {
  545. // setData is required for draggable to work in FireFox
  546. // the content has to be '' so dragging a node out of the tree won't open a new tab in FireFox
  547. event.dataTransfer.setData('text/plain', '');
  548. } catch (e) {}
  549. dragState.draggingNode = treeNode;
  550. _this.$emit('node-drag-start', treeNode.node, event);
  551. });
  552. this.$on('tree-node-drag-over', function (event, treeNode) {
  553. var dropNode = (0, _util.findNearestComponent)(event.target, 'ElTreeNode');
  554. var oldDropNode = dragState.dropNode;
  555. if (oldDropNode && oldDropNode !== dropNode) {
  556. (0, _dom.removeClass)(oldDropNode.$el, 'is-drop-inner');
  557. }
  558. var draggingNode = dragState.draggingNode;
  559. if (!draggingNode || !dropNode) return;
  560. var dropPrev = true;
  561. var dropInner = true;
  562. var dropNext = true;
  563. var userAllowDropInner = true;
  564. if (typeof _this.allowDrop === 'function') {
  565. dropPrev = _this.allowDrop(draggingNode.node, dropNode.node, 'prev');
  566. userAllowDropInner = dropInner = _this.allowDrop(draggingNode.node, dropNode.node, 'inner');
  567. dropNext = _this.allowDrop(draggingNode.node, dropNode.node, 'next');
  568. }
  569. event.dataTransfer.dropEffect = dropInner ? 'move' : 'none';
  570. if ((dropPrev || dropInner || dropNext) && oldDropNode !== dropNode) {
  571. if (oldDropNode) {
  572. _this.$emit('node-drag-leave', draggingNode.node, oldDropNode.node, event);
  573. }
  574. _this.$emit('node-drag-enter', draggingNode.node, dropNode.node, event);
  575. }
  576. if (dropPrev || dropInner || dropNext) {
  577. dragState.dropNode = dropNode;
  578. }
  579. if (dropNode.node.nextSibling === draggingNode.node) {
  580. dropNext = false;
  581. }
  582. if (dropNode.node.previousSibling === draggingNode.node) {
  583. dropPrev = false;
  584. }
  585. if (dropNode.node.contains(draggingNode.node, false)) {
  586. dropInner = false;
  587. }
  588. if (draggingNode.node === dropNode.node || draggingNode.node.contains(dropNode.node)) {
  589. dropPrev = false;
  590. dropInner = false;
  591. dropNext = false;
  592. }
  593. var targetPosition = dropNode.$el.getBoundingClientRect();
  594. var treePosition = _this.$el.getBoundingClientRect();
  595. var dropType = void 0;
  596. var prevPercent = dropPrev ? dropInner ? 0.25 : dropNext ? 0.45 : 1 : -1;
  597. var nextPercent = dropNext ? dropInner ? 0.75 : dropPrev ? 0.55 : 0 : 1;
  598. var indicatorTop = -9999;
  599. var distance = event.clientY - targetPosition.top;
  600. if (distance < targetPosition.height * prevPercent) {
  601. dropType = 'before';
  602. } else if (distance > targetPosition.height * nextPercent) {
  603. dropType = 'after';
  604. } else if (dropInner) {
  605. dropType = 'inner';
  606. } else {
  607. dropType = 'none';
  608. }
  609. var iconPosition = dropNode.$el.querySelector('.el-tree-node__expand-icon').getBoundingClientRect();
  610. var dropIndicator = _this.$refs.dropIndicator;
  611. if (dropType === 'before') {
  612. indicatorTop = iconPosition.top - treePosition.top;
  613. } else if (dropType === 'after') {
  614. indicatorTop = iconPosition.bottom - treePosition.top;
  615. }
  616. dropIndicator.style.top = indicatorTop + 'px';
  617. dropIndicator.style.left = iconPosition.right - treePosition.left + 'px';
  618. if (dropType === 'inner') {
  619. (0, _dom.addClass)(dropNode.$el, 'is-drop-inner');
  620. } else {
  621. (0, _dom.removeClass)(dropNode.$el, 'is-drop-inner');
  622. }
  623. dragState.showDropIndicator = dropType === 'before' || dropType === 'after';
  624. dragState.allowDrop = dragState.showDropIndicator || userAllowDropInner;
  625. dragState.dropType = dropType;
  626. _this.$emit('node-drag-over', draggingNode.node, dropNode.node, event);
  627. });
  628. this.$on('tree-node-drag-end', function (event) {
  629. var draggingNode = dragState.draggingNode,
  630. dropType = dragState.dropType,
  631. dropNode = dragState.dropNode;
  632. event.preventDefault();
  633. event.dataTransfer.dropEffect = 'move';
  634. if (draggingNode && dropNode) {
  635. var draggingNodeCopy = { data: draggingNode.node.data };
  636. if (dropType !== 'none') {
  637. draggingNode.node.remove();
  638. }
  639. if (dropType === 'before') {
  640. dropNode.node.parent.insertBefore(draggingNodeCopy, dropNode.node);
  641. } else if (dropType === 'after') {
  642. dropNode.node.parent.insertAfter(draggingNodeCopy, dropNode.node);
  643. } else if (dropType === 'inner') {
  644. dropNode.node.insertChild(draggingNodeCopy);
  645. }
  646. if (dropType !== 'none') {
  647. _this.store.registerNode(draggingNodeCopy);
  648. }
  649. (0, _dom.removeClass)(dropNode.$el, 'is-drop-inner');
  650. _this.$emit('node-drag-end', draggingNode.node, dropNode.node, dropType, event);
  651. if (dropType !== 'none') {
  652. _this.$emit('node-drop', draggingNode.node, dropNode.node, dropType, event);
  653. }
  654. }
  655. if (draggingNode && !dropNode) {
  656. _this.$emit('node-drag-end', draggingNode.node, null, dropType, event);
  657. }
  658. dragState.showDropIndicator = false;
  659. dragState.draggingNode = null;
  660. dragState.dropNode = null;
  661. dragState.allowDrop = true;
  662. });
  663. },
  664. mounted: function mounted() {
  665. this.initTabIndex();
  666. this.$el.addEventListener('keydown', this.handleKeydown);
  667. },
  668. updated: function updated() {
  669. this.treeItems = this.$el.querySelectorAll('[role=treeitem]');
  670. this.checkboxItems = this.$el.querySelectorAll('input[type=checkbox]');
  671. }
  672. };
  673. /***/ }),
  674. /***/ 250:
  675. /***/ (function(module, exports, __webpack_require__) {
  676. "use strict";
  677. exports.__esModule = true;
  678. var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
  679. var _node = __webpack_require__(251);
  680. var _node2 = _interopRequireDefault(_node);
  681. var _util = __webpack_require__(33);
  682. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  683. function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
  684. var TreeStore = function () {
  685. function TreeStore(options) {
  686. var _this = this;
  687. _classCallCheck(this, TreeStore);
  688. this.currentNode = null;
  689. this.currentNodeKey = null;
  690. for (var option in options) {
  691. if (options.hasOwnProperty(option)) {
  692. this[option] = options[option];
  693. }
  694. }
  695. this.nodesMap = {};
  696. this.root = new _node2.default({
  697. data: this.data,
  698. store: this
  699. });
  700. if (this.lazy && this.load) {
  701. var loadFn = this.load;
  702. loadFn(this.root, function (data) {
  703. _this.root.doCreateChildren(data);
  704. _this._initDefaultCheckedNodes();
  705. });
  706. } else {
  707. this._initDefaultCheckedNodes();
  708. }
  709. }
  710. TreeStore.prototype.filter = function filter(value) {
  711. var filterNodeMethod = this.filterNodeMethod;
  712. var lazy = this.lazy;
  713. var traverse = function traverse(node) {
  714. var childNodes = node.root ? node.root.childNodes : node.childNodes;
  715. childNodes.forEach(function (child) {
  716. child.visible = filterNodeMethod.call(child, value, child.data, child);
  717. traverse(child);
  718. });
  719. if (!node.visible && childNodes.length) {
  720. var allHidden = true;
  721. childNodes.forEach(function (child) {
  722. if (child.visible) allHidden = false;
  723. });
  724. if (node.root) {
  725. node.root.visible = allHidden === false;
  726. } else {
  727. node.visible = allHidden === false;
  728. }
  729. }
  730. if (!value) return;
  731. if (node.visible && !node.isLeaf && !lazy) node.expand();
  732. };
  733. traverse(this);
  734. };
  735. TreeStore.prototype.setData = function setData(newVal) {
  736. var instanceChanged = newVal !== this.root.data;
  737. if (instanceChanged) {
  738. this.root.setData(newVal);
  739. this._initDefaultCheckedNodes();
  740. } else {
  741. this.root.updateChildren();
  742. }
  743. };
  744. TreeStore.prototype.getNode = function getNode(data) {
  745. if (data instanceof _node2.default) return data;
  746. var key = (typeof data === 'undefined' ? 'undefined' : _typeof(data)) !== 'object' ? data : (0, _util.getNodeKey)(this.key, data);
  747. return this.nodesMap[key] || null;
  748. };
  749. TreeStore.prototype.insertBefore = function insertBefore(data, refData) {
  750. var refNode = this.getNode(refData);
  751. refNode.parent.insertBefore({ data: data }, refNode);
  752. };
  753. TreeStore.prototype.insertAfter = function insertAfter(data, refData) {
  754. var refNode = this.getNode(refData);
  755. refNode.parent.insertAfter({ data: data }, refNode);
  756. };
  757. TreeStore.prototype.remove = function remove(data) {
  758. var node = this.getNode(data);
  759. if (node && node.parent) {
  760. node.parent.removeChild(node);
  761. }
  762. };
  763. TreeStore.prototype.append = function append(data, parentData) {
  764. var parentNode = parentData ? this.getNode(parentData) : this.root;
  765. if (parentNode) {
  766. parentNode.insertChild({ data: data });
  767. }
  768. };
  769. TreeStore.prototype._initDefaultCheckedNodes = function _initDefaultCheckedNodes() {
  770. var _this2 = this;
  771. var defaultCheckedKeys = this.defaultCheckedKeys || [];
  772. var nodesMap = this.nodesMap;
  773. defaultCheckedKeys.forEach(function (checkedKey) {
  774. var node = nodesMap[checkedKey];
  775. if (node) {
  776. node.setChecked(true, !_this2.checkStrictly);
  777. }
  778. });
  779. };
  780. TreeStore.prototype._initDefaultCheckedNode = function _initDefaultCheckedNode(node) {
  781. var defaultCheckedKeys = this.defaultCheckedKeys || [];
  782. if (defaultCheckedKeys.indexOf(node.key) !== -1) {
  783. node.setChecked(true, !this.checkStrictly);
  784. }
  785. };
  786. TreeStore.prototype.setDefaultCheckedKey = function setDefaultCheckedKey(newVal) {
  787. if (newVal !== this.defaultCheckedKeys) {
  788. this.defaultCheckedKeys = newVal;
  789. this._initDefaultCheckedNodes();
  790. }
  791. };
  792. TreeStore.prototype.registerNode = function registerNode(node) {
  793. var key = this.key;
  794. if (!key || !node || !node.data) return;
  795. var nodeKey = node.key;
  796. if (nodeKey !== undefined) this.nodesMap[node.key] = node;
  797. };
  798. TreeStore.prototype.deregisterNode = function deregisterNode(node) {
  799. var _this3 = this;
  800. var key = this.key;
  801. if (!key || !node || !node.data) return;
  802. node.childNodes.forEach(function (child) {
  803. _this3.deregisterNode(child);
  804. });
  805. delete this.nodesMap[node.key];
  806. };
  807. TreeStore.prototype.getCheckedNodes = function getCheckedNodes() {
  808. var leafOnly = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
  809. var includeHalfChecked = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
  810. var checkedNodes = [];
  811. var traverse = function traverse(node) {
  812. var childNodes = node.root ? node.root.childNodes : node.childNodes;
  813. childNodes.forEach(function (child) {
  814. if ((child.checked || includeHalfChecked && child.indeterminate) && (!leafOnly || leafOnly && child.isLeaf)) {
  815. checkedNodes.push(child.data);
  816. }
  817. traverse(child);
  818. });
  819. };
  820. traverse(this);
  821. return checkedNodes;
  822. };
  823. TreeStore.prototype.getCheckedKeys = function getCheckedKeys() {
  824. var _this4 = this;
  825. var leafOnly = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
  826. return this.getCheckedNodes(leafOnly).map(function (data) {
  827. return (data || {})[_this4.key];
  828. });
  829. };
  830. TreeStore.prototype.getHalfCheckedNodes = function getHalfCheckedNodes() {
  831. var nodes = [];
  832. var traverse = function traverse(node) {
  833. var childNodes = node.root ? node.root.childNodes : node.childNodes;
  834. childNodes.forEach(function (child) {
  835. if (child.indeterminate) {
  836. nodes.push(child.data);
  837. }
  838. traverse(child);
  839. });
  840. };
  841. traverse(this);
  842. return nodes;
  843. };
  844. TreeStore.prototype.getHalfCheckedKeys = function getHalfCheckedKeys() {
  845. var _this5 = this;
  846. return this.getHalfCheckedNodes().map(function (data) {
  847. return (data || {})[_this5.key];
  848. });
  849. };
  850. TreeStore.prototype._getAllNodes = function _getAllNodes() {
  851. var allNodes = [];
  852. var nodesMap = this.nodesMap;
  853. for (var nodeKey in nodesMap) {
  854. if (nodesMap.hasOwnProperty(nodeKey)) {
  855. allNodes.push(nodesMap[nodeKey]);
  856. }
  857. }
  858. return allNodes;
  859. };
  860. TreeStore.prototype.updateChildren = function updateChildren(key, data) {
  861. var node = this.nodesMap[key];
  862. if (!node) return;
  863. var childNodes = node.childNodes;
  864. for (var i = childNodes.length - 1; i >= 0; i--) {
  865. var child = childNodes[i];
  866. this.remove(child.data);
  867. }
  868. for (var _i = 0, j = data.length; _i < j; _i++) {
  869. var _child = data[_i];
  870. this.append(_child, node.data);
  871. }
  872. };
  873. TreeStore.prototype._setCheckedKeys = function _setCheckedKeys(key) {
  874. var leafOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
  875. var checkedKeys = arguments[2];
  876. var allNodes = this._getAllNodes().sort(function (a, b) {
  877. return b.level - a.level;
  878. });
  879. var cache = Object.create(null);
  880. var keys = Object.keys(checkedKeys);
  881. allNodes.forEach(function (node) {
  882. return node.setChecked(false, false);
  883. });
  884. for (var i = 0, j = allNodes.length; i < j; i++) {
  885. var node = allNodes[i];
  886. var nodeKey = node.data[key].toString();
  887. var checked = keys.indexOf(nodeKey) > -1;
  888. if (!checked) {
  889. if (node.checked && !cache[nodeKey]) {
  890. node.setChecked(false, false);
  891. }
  892. continue;
  893. }
  894. var parent = node.parent;
  895. while (parent && parent.level > 0) {
  896. cache[parent.data[key]] = true;
  897. parent = parent.parent;
  898. }
  899. if (node.isLeaf || this.checkStrictly) {
  900. node.setChecked(true, false);
  901. continue;
  902. }
  903. node.setChecked(true, true);
  904. if (leafOnly) {
  905. (function () {
  906. node.setChecked(false, false);
  907. var traverse = function traverse(node) {
  908. var childNodes = node.childNodes;
  909. childNodes.forEach(function (child) {
  910. if (!child.isLeaf) {
  911. child.setChecked(false, false);
  912. }
  913. traverse(child);
  914. });
  915. };
  916. traverse(node);
  917. })();
  918. }
  919. }
  920. };
  921. TreeStore.prototype.setCheckedNodes = function setCheckedNodes(array) {
  922. var leafOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
  923. var key = this.key;
  924. var checkedKeys = {};
  925. array.forEach(function (item) {
  926. checkedKeys[(item || {})[key]] = true;
  927. });
  928. this._setCheckedKeys(key, leafOnly, checkedKeys);
  929. };
  930. TreeStore.prototype.setCheckedKeys = function setCheckedKeys(keys) {
  931. var leafOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
  932. this.defaultCheckedKeys = keys;
  933. var key = this.key;
  934. var checkedKeys = {};
  935. keys.forEach(function (key) {
  936. checkedKeys[key] = true;
  937. });
  938. this._setCheckedKeys(key, leafOnly, checkedKeys);
  939. };
  940. TreeStore.prototype.setDefaultExpandedKeys = function setDefaultExpandedKeys(keys) {
  941. var _this6 = this;
  942. keys = keys || [];
  943. this.defaultExpandedKeys = keys;
  944. keys.forEach(function (key) {
  945. var node = _this6.getNode(key);
  946. if (node) node.expand(null, _this6.autoExpandParent);
  947. });
  948. };
  949. TreeStore.prototype.setChecked = function setChecked(data, checked, deep) {
  950. var node = this.getNode(data);
  951. if (node) {
  952. node.setChecked(!!checked, deep);
  953. }
  954. };
  955. TreeStore.prototype.getCurrentNode = function getCurrentNode() {
  956. return this.currentNode;
  957. };
  958. TreeStore.prototype.setCurrentNode = function setCurrentNode(node) {
  959. this.currentNode = node;
  960. };
  961. TreeStore.prototype.setUserCurrentNode = function setUserCurrentNode(node) {
  962. var key = node[this.key];
  963. var currNode = this.nodesMap[key];
  964. this.setCurrentNode(currNode);
  965. };
  966. TreeStore.prototype.setCurrentNodeKey = function setCurrentNodeKey(key) {
  967. if (key === null) {
  968. this.currentNode = null;
  969. return;
  970. }
  971. var node = this.getNode(key);
  972. if (node) {
  973. this.currentNode = node;
  974. }
  975. };
  976. return TreeStore;
  977. }();
  978. exports.default = TreeStore;
  979. ;
  980. /***/ }),
  981. /***/ 251:
  982. /***/ (function(module, exports, __webpack_require__) {
  983. "use strict";
  984. exports.__esModule = true;
  985. exports.getChildState = undefined;
  986. var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
  987. var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
  988. var _merge = __webpack_require__(9);
  989. var _merge2 = _interopRequireDefault(_merge);
  990. var _util = __webpack_require__(33);
  991. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  992. function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
  993. var getChildState = exports.getChildState = function getChildState(node) {
  994. var all = true;
  995. var none = true;
  996. var allWithoutDisable = true;
  997. for (var i = 0, j = node.length; i < j; i++) {
  998. var n = node[i];
  999. if (n.checked !== true || n.indeterminate) {
  1000. all = false;
  1001. if (!n.disabled) {
  1002. allWithoutDisable = false;
  1003. }
  1004. }
  1005. if (n.checked !== false || n.indeterminate) {
  1006. none = false;
  1007. }
  1008. }
  1009. return { all: all, none: none, allWithoutDisable: allWithoutDisable, half: !all && !none };
  1010. };
  1011. var reInitChecked = function reInitChecked(node) {
  1012. if (node.childNodes.length === 0) return;
  1013. var _getChildState = getChildState(node.childNodes),
  1014. all = _getChildState.all,
  1015. none = _getChildState.none,
  1016. half = _getChildState.half;
  1017. if (all) {
  1018. node.checked = true;
  1019. node.indeterminate = false;
  1020. } else if (half) {
  1021. node.checked = false;
  1022. node.indeterminate = true;
  1023. } else if (none) {
  1024. node.checked = false;
  1025. node.indeterminate = false;
  1026. }
  1027. var parent = node.parent;
  1028. if (!parent || parent.level === 0) return;
  1029. if (!node.store.checkStrictly) {
  1030. reInitChecked(parent);
  1031. }
  1032. };
  1033. var getPropertyFromData = function getPropertyFromData(node, prop) {
  1034. var props = node.store.props;
  1035. var data = node.data || {};
  1036. var config = props[prop];
  1037. if (typeof config === 'function') {
  1038. return config(data, node);
  1039. } else if (typeof config === 'string') {
  1040. return data[config];
  1041. } else if (typeof config === 'undefined') {
  1042. var dataProp = data[prop];
  1043. return dataProp === undefined ? '' : dataProp;
  1044. }
  1045. };
  1046. var nodeIdSeed = 0;
  1047. var Node = function () {
  1048. function Node(options) {
  1049. _classCallCheck(this, Node);
  1050. this.id = nodeIdSeed++;
  1051. this.text = null;
  1052. this.checked = false;
  1053. this.indeterminate = false;
  1054. this.data = null;
  1055. this.expanded = false;
  1056. this.parent = null;
  1057. this.visible = true;
  1058. for (var name in options) {
  1059. if (options.hasOwnProperty(name)) {
  1060. this[name] = options[name];
  1061. }
  1062. }
  1063. // internal
  1064. this.level = 0;
  1065. this.loaded = false;
  1066. this.childNodes = [];
  1067. this.loading = false;
  1068. if (this.parent) {
  1069. this.level = this.parent.level + 1;
  1070. }
  1071. var store = this.store;
  1072. if (!store) {
  1073. throw new Error('[Node]store is required!');
  1074. }
  1075. store.registerNode(this);
  1076. var props = store.props;
  1077. if (props && typeof props.isLeaf !== 'undefined') {
  1078. var isLeaf = getPropertyFromData(this, 'isLeaf');
  1079. if (typeof isLeaf === 'boolean') {
  1080. this.isLeafByUser = isLeaf;
  1081. }
  1082. }
  1083. if (store.lazy !== true && this.data) {
  1084. this.setData(this.data);
  1085. if (store.defaultExpandAll) {
  1086. this.expanded = true;
  1087. }
  1088. } else if (this.level > 0 && store.lazy && store.defaultExpandAll) {
  1089. this.expand();
  1090. }
  1091. if (!Array.isArray(this.data)) {
  1092. (0, _util.markNodeData)(this, this.data);
  1093. }
  1094. if (!this.data) return;
  1095. var defaultExpandedKeys = store.defaultExpandedKeys;
  1096. var key = store.key;
  1097. if (key && defaultExpandedKeys && defaultExpandedKeys.indexOf(this.key) !== -1) {
  1098. this.expand(null, store.autoExpandParent);
  1099. }
  1100. if (key && store.currentNodeKey !== undefined && this.key === store.currentNodeKey) {
  1101. store.currentNode = this;
  1102. }
  1103. if (store.lazy) {
  1104. store._initDefaultCheckedNode(this);
  1105. }
  1106. this.updateLeafState();
  1107. }
  1108. Node.prototype.setData = function setData(data) {
  1109. if (!Array.isArray(data)) {
  1110. (0, _util.markNodeData)(this, data);
  1111. }
  1112. this.data = data;
  1113. this.childNodes = [];
  1114. var children = void 0;
  1115. if (this.level === 0 && this.data instanceof Array) {
  1116. children = this.data;
  1117. } else {
  1118. children = getPropertyFromData(this, 'children') || [];
  1119. }
  1120. for (var i = 0, j = children.length; i < j; i++) {
  1121. this.insertChild({ data: children[i] });
  1122. }
  1123. };
  1124. Node.prototype.contains = function contains(target) {
  1125. var deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
  1126. var walk = function walk(parent) {
  1127. var children = parent.childNodes || [];
  1128. var result = false;
  1129. for (var i = 0, j = children.length; i < j; i++) {
  1130. var child = children[i];
  1131. if (child === target || deep && walk(child)) {
  1132. result = true;
  1133. break;
  1134. }
  1135. }
  1136. return result;
  1137. };
  1138. return walk(this);
  1139. };
  1140. Node.prototype.remove = function remove() {
  1141. var parent = this.parent;
  1142. if (parent) {
  1143. parent.removeChild(this);
  1144. }
  1145. };
  1146. Node.prototype.insertChild = function insertChild(child, index, batch) {
  1147. if (!child) throw new Error('insertChild error: child is required.');
  1148. if (!(child instanceof Node)) {
  1149. if (!batch) {
  1150. var children = this.getChildren(true);
  1151. if (children.indexOf(child.data) === -1) {
  1152. if (typeof index === 'undefined' || index < 0) {
  1153. children.push(child.data);
  1154. } else {
  1155. children.splice(index, 0, child.data);
  1156. }
  1157. }
  1158. }
  1159. (0, _merge2.default)(child, {
  1160. parent: this,
  1161. store: this.store
  1162. });
  1163. child = new Node(child);
  1164. }
  1165. child.level = this.level + 1;
  1166. if (typeof index === 'undefined' || index < 0) {
  1167. this.childNodes.push(child);
  1168. } else {
  1169. this.childNodes.splice(index, 0, child);
  1170. }
  1171. this.updateLeafState();
  1172. };
  1173. Node.prototype.insertBefore = function insertBefore(child, ref) {
  1174. var index = void 0;
  1175. if (ref) {
  1176. index = this.childNodes.indexOf(ref);
  1177. }
  1178. this.insertChild(child, index);
  1179. };
  1180. Node.prototype.insertAfter = function insertAfter(child, ref) {
  1181. var index = void 0;
  1182. if (ref) {
  1183. index = this.childNodes.indexOf(ref);
  1184. if (index !== -1) index += 1;
  1185. }
  1186. this.insertChild(child, index);
  1187. };
  1188. Node.prototype.removeChild = function removeChild(child) {
  1189. var children = this.getChildren() || [];
  1190. var dataIndex = children.indexOf(child.data);
  1191. if (dataIndex > -1) {
  1192. children.splice(dataIndex, 1);
  1193. }
  1194. var index = this.childNodes.indexOf(child);
  1195. if (index > -1) {
  1196. this.store && this.store.deregisterNode(child);
  1197. child.parent = null;
  1198. this.childNodes.splice(index, 1);
  1199. }
  1200. this.updateLeafState();
  1201. };
  1202. Node.prototype.removeChildByData = function removeChildByData(data) {
  1203. var targetNode = null;
  1204. for (var i = 0; i < this.childNodes.length; i++) {
  1205. if (this.childNodes[i].data === data) {
  1206. targetNode = this.childNodes[i];
  1207. break;
  1208. }
  1209. }
  1210. if (targetNode) {
  1211. this.removeChild(targetNode);
  1212. }
  1213. };
  1214. Node.prototype.expand = function expand(callback, expandParent) {
  1215. var _this = this;
  1216. var done = function done() {
  1217. if (expandParent) {
  1218. var parent = _this.parent;
  1219. while (parent.level > 0) {
  1220. parent.expanded = true;
  1221. parent = parent.parent;
  1222. }
  1223. }
  1224. _this.expanded = true;
  1225. if (callback) callback();
  1226. };
  1227. if (this.shouldLoadData()) {
  1228. this.loadData(function (data) {
  1229. if (data instanceof Array) {
  1230. if (_this.checked) {
  1231. _this.setChecked(true, true);
  1232. } else if (!_this.store.checkStrictly) {
  1233. reInitChecked(_this);
  1234. }
  1235. done();
  1236. }
  1237. });
  1238. } else {
  1239. done();
  1240. }
  1241. };
  1242. Node.prototype.doCreateChildren = function doCreateChildren(array) {
  1243. var _this2 = this;
  1244. var defaultProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
  1245. array.forEach(function (item) {
  1246. _this2.insertChild((0, _merge2.default)({ data: item }, defaultProps), undefined, true);
  1247. });
  1248. };
  1249. Node.prototype.collapse = function collapse() {
  1250. this.expanded = false;
  1251. };
  1252. Node.prototype.shouldLoadData = function shouldLoadData() {
  1253. return this.store.lazy === true && this.store.load && !this.loaded;
  1254. };
  1255. Node.prototype.updateLeafState = function updateLeafState() {
  1256. if (this.store.lazy === true && this.loaded !== true && typeof this.isLeafByUser !== 'undefined') {
  1257. this.isLeaf = this.isLeafByUser;
  1258. return;
  1259. }
  1260. var childNodes = this.childNodes;
  1261. if (!this.store.lazy || this.store.lazy === true && this.loaded === true) {
  1262. this.isLeaf = !childNodes || childNodes.length === 0;
  1263. return;
  1264. }
  1265. this.isLeaf = false;
  1266. };
  1267. Node.prototype.setChecked = function setChecked(value, deep, recursion, passValue) {
  1268. var _this3 = this;
  1269. this.indeterminate = value === 'half';
  1270. this.checked = value === true;
  1271. if (this.store.checkStrictly) return;
  1272. if (!(this.shouldLoadData() && !this.store.checkDescendants)) {
  1273. var _ret = function () {
  1274. var _getChildState2 = getChildState(_this3.childNodes),
  1275. all = _getChildState2.all,
  1276. allWithoutDisable = _getChildState2.allWithoutDisable;
  1277. if (!_this3.isLeaf && !all && allWithoutDisable) {
  1278. _this3.checked = false;
  1279. value = false;
  1280. }
  1281. var handleDescendants = function handleDescendants() {
  1282. if (deep) {
  1283. var childNodes = _this3.childNodes;
  1284. for (var i = 0, j = childNodes.length; i < j; i++) {
  1285. var child = childNodes[i];
  1286. passValue = passValue || value !== false;
  1287. var isCheck = child.disabled ? child.checked : passValue;
  1288. child.setChecked(isCheck, deep, true, passValue);
  1289. }
  1290. var _getChildState3 = getChildState(childNodes),
  1291. half = _getChildState3.half,
  1292. _all = _getChildState3.all;
  1293. if (!_all) {
  1294. _this3.checked = _all;
  1295. _this3.indeterminate = half;
  1296. }
  1297. }
  1298. };
  1299. if (_this3.shouldLoadData()) {
  1300. // Only work on lazy load data.
  1301. _this3.loadData(function () {
  1302. handleDescendants();
  1303. reInitChecked(_this3);
  1304. }, {
  1305. checked: value !== false
  1306. });
  1307. return {
  1308. v: void 0
  1309. };
  1310. } else {
  1311. handleDescendants();
  1312. }
  1313. }();
  1314. if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === "object") return _ret.v;
  1315. }
  1316. var parent = this.parent;
  1317. if (!parent || parent.level === 0) return;
  1318. if (!recursion) {
  1319. reInitChecked(parent);
  1320. }
  1321. };
  1322. Node.prototype.getChildren = function getChildren() {
  1323. var forceInit = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
  1324. // this is data
  1325. if (this.level === 0) return this.data;
  1326. var data = this.data;
  1327. if (!data) return null;
  1328. var props = this.store.props;
  1329. var children = 'children';
  1330. if (props) {
  1331. children = props.children || 'children';
  1332. }
  1333. if (data[children] === undefined) {
  1334. data[children] = null;
  1335. }
  1336. if (forceInit && !data[children]) {
  1337. data[children] = [];
  1338. }
  1339. return data[children];
  1340. };
  1341. Node.prototype.updateChildren = function updateChildren() {
  1342. var _this4 = this;
  1343. var newData = this.getChildren() || [];
  1344. var oldData = this.childNodes.map(function (node) {
  1345. return node.data;
  1346. });
  1347. var newDataMap = {};
  1348. var newNodes = [];
  1349. newData.forEach(function (item, index) {
  1350. if (item[_util.NODE_KEY]) {
  1351. newDataMap[item[_util.NODE_KEY]] = { index: index, data: item };
  1352. } else {
  1353. newNodes.push({ index: index, data: item });
  1354. }
  1355. });
  1356. if (!this.store.lazy) {
  1357. oldData.forEach(function (item) {
  1358. if (!newDataMap[item[_util.NODE_KEY]]) _this4.removeChildByData(item);
  1359. });
  1360. }
  1361. newNodes.forEach(function (_ref) {
  1362. var index = _ref.index,
  1363. data = _ref.data;
  1364. _this4.insertChild({ data: data }, index);
  1365. });
  1366. this.updateLeafState();
  1367. };
  1368. Node.prototype.loadData = function loadData(callback) {
  1369. var _this5 = this;
  1370. var defaultProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
  1371. if (this.store.lazy === true && this.store.load && !this.loaded && (!this.loading || Object.keys(defaultProps).length)) {
  1372. this.loading = true;
  1373. var resolve = function resolve(children) {
  1374. _this5.loaded = true;
  1375. _this5.loading = false;
  1376. _this5.childNodes = [];
  1377. _this5.doCreateChildren(children, defaultProps);
  1378. _this5.updateLeafState();
  1379. reInitChecked(_this5);
  1380. if (callback) {
  1381. callback.call(_this5, children);
  1382. }
  1383. };
  1384. this.store.load(this, resolve);
  1385. } else {
  1386. if (callback) {
  1387. callback.call(this);
  1388. }
  1389. }
  1390. };
  1391. _createClass(Node, [{
  1392. key: 'label',
  1393. get: function get() {
  1394. return getPropertyFromData(this, 'label');
  1395. }
  1396. }, {
  1397. key: 'key',
  1398. get: function get() {
  1399. var nodeKey = this.store.key;
  1400. if (this.data) return this.data[nodeKey];
  1401. return null;
  1402. }
  1403. }, {
  1404. key: 'disabled',
  1405. get: function get() {
  1406. return getPropertyFromData(this, 'disabled');
  1407. }
  1408. }, {
  1409. key: 'nextSibling',
  1410. get: function get() {
  1411. var parent = this.parent;
  1412. if (parent) {
  1413. var index = parent.childNodes.indexOf(this);
  1414. if (index > -1) {
  1415. return parent.childNodes[index + 1];
  1416. }
  1417. }
  1418. return null;
  1419. }
  1420. }, {
  1421. key: 'previousSibling',
  1422. get: function get() {
  1423. var parent = this.parent;
  1424. if (parent) {
  1425. var index = parent.childNodes.indexOf(this);
  1426. if (index > -1) {
  1427. return index > 0 ? parent.childNodes[index - 1] : null;
  1428. }
  1429. }
  1430. return null;
  1431. }
  1432. }]);
  1433. return Node;
  1434. }();
  1435. exports.default = Node;
  1436. /***/ }),
  1437. /***/ 252:
  1438. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  1439. "use strict";
  1440. Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
  1441. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tree_node_vue__ = __webpack_require__(253);
  1442. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tree_node_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tree_node_vue__);
  1443. /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_c66447d4_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_tree_node_vue__ = __webpack_require__(254);
  1444. var normalizeComponent = __webpack_require__(0)
  1445. /* script */
  1446. /* template */
  1447. /* template functional */
  1448. var __vue_template_functional__ = false
  1449. /* styles */
  1450. var __vue_styles__ = null
  1451. /* scopeId */
  1452. var __vue_scopeId__ = null
  1453. /* moduleIdentifier (server only) */
  1454. var __vue_module_identifier__ = null
  1455. var Component = normalizeComponent(
  1456. __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_tree_node_vue___default.a,
  1457. __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_c66447d4_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_tree_node_vue__["a" /* default */],
  1458. __vue_template_functional__,
  1459. __vue_styles__,
  1460. __vue_scopeId__,
  1461. __vue_module_identifier__
  1462. )
  1463. /* harmony default export */ __webpack_exports__["default"] = (Component.exports);
  1464. /***/ }),
  1465. /***/ 253:
  1466. /***/ (function(module, exports, __webpack_require__) {
  1467. "use strict";
  1468. exports.__esModule = true;
  1469. var _collapseTransition = __webpack_require__(21);
  1470. var _collapseTransition2 = _interopRequireDefault(_collapseTransition);
  1471. var _checkbox = __webpack_require__(16);
  1472. var _checkbox2 = _interopRequireDefault(_checkbox);
  1473. var _emitter = __webpack_require__(1);
  1474. var _emitter2 = _interopRequireDefault(_emitter);
  1475. var _util = __webpack_require__(33);
  1476. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  1477. //
  1478. //
  1479. //
  1480. //
  1481. //
  1482. //
  1483. //
  1484. //
  1485. //
  1486. //
  1487. //
  1488. //
  1489. //
  1490. //
  1491. //
  1492. //
  1493. //
  1494. //
  1495. //
  1496. //
  1497. //
  1498. //
  1499. //
  1500. //
  1501. //
  1502. //
  1503. //
  1504. //
  1505. //
  1506. //
  1507. //
  1508. //
  1509. //
  1510. //
  1511. //
  1512. //
  1513. //
  1514. //
  1515. //
  1516. //
  1517. //
  1518. //
  1519. //
  1520. //
  1521. //
  1522. //
  1523. //
  1524. //
  1525. //
  1526. //
  1527. //
  1528. //
  1529. //
  1530. //
  1531. //
  1532. //
  1533. //
  1534. //
  1535. //
  1536. //
  1537. //
  1538. //
  1539. //
  1540. //
  1541. //
  1542. //
  1543. //
  1544. //
  1545. //
  1546. //
  1547. //
  1548. //
  1549. exports.default = {
  1550. name: 'ElTreeNode',
  1551. componentName: 'ElTreeNode',
  1552. mixins: [_emitter2.default],
  1553. props: {
  1554. node: {
  1555. default: function _default() {
  1556. return {};
  1557. }
  1558. },
  1559. props: {},
  1560. renderContent: Function,
  1561. renderAfterExpand: {
  1562. type: Boolean,
  1563. default: true
  1564. }
  1565. },
  1566. components: {
  1567. ElCollapseTransition: _collapseTransition2.default,
  1568. ElCheckbox: _checkbox2.default,
  1569. NodeContent: {
  1570. props: {
  1571. node: {
  1572. required: true
  1573. }
  1574. },
  1575. render: function render(h) {
  1576. var parent = this.$parent;
  1577. var tree = parent.tree;
  1578. var node = this.node;
  1579. var data = node.data,
  1580. store = node.store;
  1581. return parent.renderContent ? parent.renderContent.call(parent._renderProxy, h, { _self: tree.$vnode.context, node: node, data: data, store: store }) : tree.$scopedSlots.default ? tree.$scopedSlots.default({ node: node, data: data }) : h(
  1582. 'span',
  1583. { 'class': 'el-tree-node__label' },
  1584. [node.label]
  1585. );
  1586. }
  1587. }
  1588. },
  1589. data: function data() {
  1590. return {
  1591. tree: null,
  1592. expanded: false,
  1593. childNodeRendered: false,
  1594. showCheckbox: false,
  1595. oldChecked: null,
  1596. oldIndeterminate: null
  1597. };
  1598. },
  1599. watch: {
  1600. 'node.indeterminate': function nodeIndeterminate(val) {
  1601. this.handleSelectChange(this.node.checked, val);
  1602. },
  1603. 'node.checked': function nodeChecked(val) {
  1604. this.handleSelectChange(val, this.node.indeterminate);
  1605. },
  1606. 'node.expanded': function nodeExpanded(val) {
  1607. var _this = this;
  1608. this.$nextTick(function () {
  1609. return _this.expanded = val;
  1610. });
  1611. if (val) {
  1612. this.childNodeRendered = true;
  1613. }
  1614. }
  1615. },
  1616. methods: {
  1617. getNodeKey: function getNodeKey(node) {
  1618. return (0, _util.getNodeKey)(this.tree.nodeKey, node.data);
  1619. },
  1620. handleSelectChange: function handleSelectChange(checked, indeterminate) {
  1621. if (this.oldChecked !== checked && this.oldIndeterminate !== indeterminate) {
  1622. this.tree.$emit('check-change', this.node.data, checked, indeterminate);
  1623. }
  1624. this.oldChecked = checked;
  1625. this.indeterminate = indeterminate;
  1626. },
  1627. handleClick: function handleClick() {
  1628. var store = this.tree.store;
  1629. store.setCurrentNode(this.node);
  1630. this.tree.$emit('current-change', store.currentNode ? store.currentNode.data : null, store.currentNode);
  1631. this.tree.currentNode = this;
  1632. if (this.tree.expandOnClickNode) {
  1633. this.handleExpandIconClick();
  1634. }
  1635. if (this.tree.checkOnClickNode && !this.node.disabled) {
  1636. this.handleCheckChange(null, {
  1637. target: { checked: !this.node.checked }
  1638. });
  1639. }
  1640. this.tree.$emit('node-click', this.node.data, this.node, this);
  1641. },
  1642. handleContextMenu: function handleContextMenu(event) {
  1643. if (this.tree._events['node-contextmenu'] && this.tree._events['node-contextmenu'].length > 0) {
  1644. event.stopPropagation();
  1645. event.preventDefault();
  1646. }
  1647. this.tree.$emit('node-contextmenu', event, this.node.data, this.node, this);
  1648. },
  1649. handleExpandIconClick: function handleExpandIconClick() {
  1650. if (this.node.isLeaf) return;
  1651. if (this.expanded) {
  1652. this.tree.$emit('node-collapse', this.node.data, this.node, this);
  1653. this.node.collapse();
  1654. } else {
  1655. this.node.expand();
  1656. this.$emit('node-expand', this.node.data, this.node, this);
  1657. }
  1658. },
  1659. handleCheckChange: function handleCheckChange(value, ev) {
  1660. var _this2 = this;
  1661. this.node.setChecked(ev.target.checked, !this.tree.checkStrictly);
  1662. this.$nextTick(function () {
  1663. var store = _this2.tree.store;
  1664. _this2.tree.$emit('check', _this2.node.data, {
  1665. checkedNodes: store.getCheckedNodes(),
  1666. checkedKeys: store.getCheckedKeys(),
  1667. halfCheckedNodes: store.getHalfCheckedNodes(),
  1668. halfCheckedKeys: store.getHalfCheckedKeys()
  1669. });
  1670. });
  1671. },
  1672. handleChildNodeExpand: function handleChildNodeExpand(nodeData, node, instance) {
  1673. this.broadcast('ElTreeNode', 'tree-node-expand', node);
  1674. this.tree.$emit('node-expand', nodeData, node, instance);
  1675. },
  1676. handleDragStart: function handleDragStart(event) {
  1677. if (!this.tree.draggable) return;
  1678. this.tree.$emit('tree-node-drag-start', event, this);
  1679. },
  1680. handleDragOver: function handleDragOver(event) {
  1681. if (!this.tree.draggable) return;
  1682. this.tree.$emit('tree-node-drag-over', event, this);
  1683. event.preventDefault();
  1684. },
  1685. handleDrop: function handleDrop(event) {
  1686. event.preventDefault();
  1687. },
  1688. handleDragEnd: function handleDragEnd(event) {
  1689. if (!this.tree.draggable) return;
  1690. this.tree.$emit('tree-node-drag-end', event, this);
  1691. }
  1692. },
  1693. created: function created() {
  1694. var _this3 = this;
  1695. var parent = this.$parent;
  1696. if (parent.isTree) {
  1697. this.tree = parent;
  1698. } else {
  1699. this.tree = parent.tree;
  1700. }
  1701. var tree = this.tree;
  1702. if (!tree) {
  1703. console.warn('Can not find node\'s tree.');
  1704. }
  1705. var props = tree.props || {};
  1706. var childrenKey = props['children'] || 'children';
  1707. this.$watch('node.data.' + childrenKey, function () {
  1708. _this3.node.updateChildren();
  1709. });
  1710. this.showCheckbox = tree.showCheckbox;
  1711. if (this.node.expanded) {
  1712. this.expanded = true;
  1713. this.childNodeRendered = true;
  1714. }
  1715. if (this.tree.accordion) {
  1716. this.$on('tree-node-expand', function (node) {
  1717. if (_this3.node !== node) {
  1718. _this3.node.collapse();
  1719. }
  1720. });
  1721. }
  1722. }
  1723. };
  1724. /***/ }),
  1725. /***/ 254:
  1726. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  1727. "use strict";
  1728. var render = function () {
  1729. var this$1 = this;
  1730. var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.node.visible),expression:"node.visible"}],ref:"node",staticClass:"el-tree-node",class:{
  1731. 'is-expanded': _vm.expanded,
  1732. 'is-current': _vm.tree.store.currentNode === _vm.node,
  1733. 'is-hidden': !_vm.node.visible,
  1734. 'is-focusable': !_vm.node.disabled,
  1735. 'is-checked': !_vm.node.disabled && _vm.node.checked
  1736. },attrs:{"role":"treeitem","tabindex":"-1","aria-expanded":_vm.expanded,"aria-disabled":_vm.node.disabled,"aria-checked":_vm.node.checked,"draggable":_vm.tree.draggable},on:{"click":function($event){$event.stopPropagation();_vm.handleClick($event)},"contextmenu":function ($event) { return this$1.handleContextMenu($event); },"dragstart":function($event){$event.stopPropagation();_vm.handleDragStart($event)},"dragover":function($event){$event.stopPropagation();_vm.handleDragOver($event)},"dragend":function($event){$event.stopPropagation();_vm.handleDragEnd($event)},"drop":function($event){$event.stopPropagation();_vm.handleDrop($event)}}},[_c('div',{staticClass:"el-tree-node__content",style:({ 'padding-left': (_vm.node.level - 1) * _vm.tree.indent + 'px' })},[_c('span',{class:[
  1737. { 'is-leaf': _vm.node.isLeaf, expanded: !_vm.node.isLeaf && _vm.expanded },
  1738. 'el-tree-node__expand-icon',
  1739. _vm.tree.iconClass ? _vm.tree.iconClass : 'el-icon-caret-right'
  1740. ],on:{"click":function($event){$event.stopPropagation();_vm.handleExpandIconClick($event)}}}),(_vm.showCheckbox)?_c('el-checkbox',{attrs:{"indeterminate":_vm.node.indeterminate,"disabled":!!_vm.node.disabled},on:{"change":_vm.handleCheckChange},nativeOn:{"click":function($event){$event.stopPropagation();}},model:{value:(_vm.node.checked),callback:function ($$v) {_vm.$set(_vm.node, "checked", $$v)},expression:"node.checked"}}):_vm._e(),(_vm.node.loading)?_c('span',{staticClass:"el-tree-node__loading-icon el-icon-loading"}):_vm._e(),_c('node-content',{attrs:{"node":_vm.node}})],1),_c('el-collapse-transition',[(!_vm.renderAfterExpand || _vm.childNodeRendered)?_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.expanded),expression:"expanded"}],staticClass:"el-tree-node__children",attrs:{"role":"group","aria-expanded":_vm.expanded}},_vm._l((_vm.node.childNodes),function(child){return _c('el-tree-node',{key:_vm.getNodeKey(child),attrs:{"render-content":_vm.renderContent,"render-after-expand":_vm.renderAfterExpand,"node":child},on:{"node-expand":_vm.handleChildNodeExpand}})})):_vm._e()])],1)}
  1741. var staticRenderFns = []
  1742. var esExports = { render: render, staticRenderFns: staticRenderFns }
  1743. /* harmony default export */ __webpack_exports__["a"] = (esExports);
  1744. /***/ }),
  1745. /***/ 255:
  1746. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  1747. "use strict";
  1748. var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"el-tree",class:{
  1749. 'el-tree--highlight-current': _vm.highlightCurrent,
  1750. 'is-dragging': !!_vm.dragState.draggingNode,
  1751. 'is-drop-not-allow': !_vm.dragState.allowDrop,
  1752. 'is-drop-inner': _vm.dragState.dropType === 'inner'
  1753. },attrs:{"role":"tree"}},[_vm._l((_vm.root.childNodes),function(child){return _c('el-tree-node',{key:_vm.getNodeKey(child),attrs:{"node":child,"props":_vm.props,"render-after-expand":_vm.renderAfterExpand,"render-content":_vm.renderContent},on:{"node-expand":_vm.handleNodeExpand}})}),(_vm.isEmpty)?_c('div',{staticClass:"el-tree__empty-block"},[_c('span',{staticClass:"el-tree__empty-text"},[_vm._v(_vm._s(_vm.emptyText))])]):_vm._e(),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.dragState.showDropIndicator),expression:"dragState.showDropIndicator"}],ref:"dropIndicator",staticClass:"el-tree__drop-indicator"})],2)}
  1754. var staticRenderFns = []
  1755. var esExports = { render: render, staticRenderFns: staticRenderFns }
  1756. /* harmony default export */ __webpack_exports__["a"] = (esExports);
  1757. /***/ }),
  1758. /***/ 3:
  1759. /***/ (function(module, exports) {
  1760. module.exports = require("element-ui/lib/utils/dom");
  1761. /***/ }),
  1762. /***/ 33:
  1763. /***/ (function(module, exports, __webpack_require__) {
  1764. "use strict";
  1765. exports.__esModule = true;
  1766. var NODE_KEY = exports.NODE_KEY = '$treeNodeId';
  1767. var markNodeData = exports.markNodeData = function markNodeData(node, data) {
  1768. if (!data || data[NODE_KEY]) return;
  1769. Object.defineProperty(data, NODE_KEY, {
  1770. value: node.id,
  1771. enumerable: false,
  1772. configurable: false,
  1773. writable: false
  1774. });
  1775. };
  1776. var getNodeKey = exports.getNodeKey = function getNodeKey(key, data) {
  1777. if (!key) return data[NODE_KEY];
  1778. return data[key];
  1779. };
  1780. var findNearestComponent = exports.findNearestComponent = function findNearestComponent(element, componentName) {
  1781. var target = element;
  1782. while (target && target.tagName !== 'BODY') {
  1783. if (target.__vue__ && target.__vue__.$options.name === componentName) {
  1784. return target.__vue__;
  1785. }
  1786. target = target.parentNode;
  1787. }
  1788. return null;
  1789. };
  1790. /***/ }),
  1791. /***/ 9:
  1792. /***/ (function(module, exports) {
  1793. module.exports = require("element-ui/lib/utils/merge");
  1794. /***/ })
  1795. /******/ });