{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///index.js","webpack:///webpack/bootstrap 46543120efbcc2d8cc0c","webpack:///./src/main.js","webpack:///./src/components/org-tree/index.js","webpack:///./src/components/org-tree/org-tree.vue","webpack:///./node_modules/vue-loader/lib/component-normalizer.js","webpack:///src/components/org-tree/org-tree.vue","webpack:///./src/components/org-tree/node.js","webpack:///./src/components/org-tree/org-tree.vue?29c4"],"names":["root","factory","exports","module","define","amd","this","modules","__webpack_require__","moduleId","installedModules","i","l","call","m","c","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","__webpack_exports__","value","__WEBPACK_IMPORTED_MODULE_0__components_org_tree__","install","Vue","installed","component","__WEBPACK_IMPORTED_MODULE_0__org_tree_vue__","window","use","injectStyle","ssrContext","__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_org_tree_vue__","__WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_510aaa77_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_org_tree_vue__","normalizeComponent","__vue_styles__","Component","rawScriptExports","compiledTemplate","functionalTemplate","injectStyles","scopeId","moduleIdentifier","esModule","scriptExports","type","default","options","render","staticRenderFns","_compiled","functional","_scopeId","hook","context","$vnode","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","existing","beforeCreate","_injectStyles","h","concat","__WEBPACK_IMPORTED_MODULE_0__node__","data","dragState","dragg","drop","components","OrgTreeNode","props","required","label","expand","children","horizontal","Boolean","selectedKey","String","collapsable","renderContent","Function","labelWidth","Number","labelClassName","selectedClassName","methods","onDragStart","event","dataTransfer","setData","e","drag","onDragOver","preventDefault","onDrop","$emit","createListener","handler","execute","cb","_len","arguments","length","args","Array","_key","className","target","indexOf","apply","isArray","_iteratorNormalCompletion","_didIteratorError","_iteratorError","undefined","_step","_iterator","Symbol","iterator","next","done","err","return","renderNode","cls","childNodes","isLeaf","push","renderLabel","renderChildren","domProps","join","renderBtn","_ref","listeners","expandHandler","on","click","clickHandler","EVENTS","CLICK","mouseOutHandler","MOUSEOUT","mouseOverHandler","MOUSEOVER","dragStartHandler","DRAGSTART","dragOverHandler","DRAGOVER","dropHander","DROP","vnode","draggable","dragstart","dragover","style","width","mouseout","mouseover","list","map","item","prop","_vm","_h","$createElement","_c","_self","staticClass","class","attrs","label-width","render-content","label-class-name","selected-class-name","selected-key","on-expand","on-node-focus","on-node-click","on-node-mouseover","on-node-mouseout","on-node-drag-start","on-node-drag-over","on-node-drop","esExports"],"mappings":"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","file":"index.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"vue2-org-tree\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"vue2-org-tree\"] = factory();\n\telse\n\t\troot[\"vue2-org-tree\"] = factory();\n})(this, function() {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"vue2-org-tree\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"vue2-org-tree\"] = factory();\n\telse\n\t\troot[\"vue2-org-tree\"] = factory();\n})(this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\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/******/\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// 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 = \"dist\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 0);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_org_tree__ = __webpack_require__(1);\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (__WEBPACK_IMPORTED_MODULE_0__components_org_tree__[\"a\" /* default */]);\n\n/***/ }),\n/* 1 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* unused harmony export install */\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__org_tree_vue__ = __webpack_require__(2);\n\n\nfunction install(Vue) {\n  if (install.installed) {\n    return;\n  }\n\n  install.installed = true;\n\n  Vue.component(__WEBPACK_IMPORTED_MODULE_0__org_tree_vue__[\"a\" /* default */].name, __WEBPACK_IMPORTED_MODULE_0__org_tree_vue__[\"a\" /* default */]);\n}\n\n__WEBPACK_IMPORTED_MODULE_0__org_tree_vue__[\"a\" /* default */].install = install;\n\nif (typeof window !== 'undefined' && window.Vue) {\n  window.Vue.use(__WEBPACK_IMPORTED_MODULE_0__org_tree_vue__[\"a\" /* default */]);\n}\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (__WEBPACK_IMPORTED_MODULE_0__org_tree_vue__[\"a\" /* default */]);\n\n/***/ }),\n/* 2 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_org_tree_vue__ = __webpack_require__(5);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_510aaa77_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_org_tree_vue__ = __webpack_require__(7);\nfunction injectStyle (ssrContext) {\n  __webpack_require__(3)\n}\nvar normalizeComponent = __webpack_require__(4)\n/* script */\n\n/* template */\n\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_org_tree_vue__[\"a\" /* default */],\n  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_510aaa77_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_org_tree_vue__[\"a\" /* default */],\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (Component.exports);\n\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports) {\n\n/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file.\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nmodule.exports = function normalizeComponent (\n  rawScriptExports,\n  compiledTemplate,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier /* server only */\n) {\n  var esModule\n  var scriptExports = rawScriptExports = rawScriptExports || {}\n\n  // ES6 modules interop\n  var type = typeof rawScriptExports.default\n  if (type === 'object' || type === 'function') {\n    esModule = rawScriptExports\n    scriptExports = rawScriptExports.default\n  }\n\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (compiledTemplate) {\n    options.render = compiledTemplate.render\n    options.staticRenderFns = compiledTemplate.staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = injectStyles\n  }\n\n  if (hook) {\n    var functional = options.functional\n    var existing = functional\n      ? options.render\n      : options.beforeCreate\n\n    if (!functional) {\n      // inject component registration as beforeCreate hook\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    } else {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functioal component in vue file\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return existing(h, context)\n      }\n    }\n  }\n\n  return {\n    esModule: esModule,\n    exports: scriptExports,\n    options: options\n  }\n}\n\n\n/***/ }),\n/* 5 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__node__ = __webpack_require__(6);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"a\"] = ({\n  name: \"Vue2OrgTree\",\n  data: function data() {\n    return {\n      dragState: {\n        dragg: null,\n        drop: null\n      }\n    };\n  },\n\n  components: {\n    OrgTreeNode: {\n      render: __WEBPACK_IMPORTED_MODULE_0__node__[\"a\" /* default */],\n      functional: true\n    }\n  },\n  props: {\n    data: {\n      type: Object,\n      required: true\n    },\n    props: {\n      type: Object,\n      default: function _default() {\n        return {\n          label: \"label\",\n          expand: \"expand\",\n          children: \"children\"\n        };\n      }\n    },\n    horizontal: Boolean,\n    selectedKey: String,\n    collapsable: Boolean,\n    renderContent: Function,\n    labelWidth: [String, Number],\n    labelClassName: [Function, String],\n    selectedClassName: [Function, String]\n  },\n  methods: {\n    onDragStart: function onDragStart(event, data) {\n      var dragState = this.dragState;\n      try {\n        event.dataTransfer.setData(\"text/plain\", \"\");\n      } catch (e) {}\n      dragState.drag = data;\n    },\n    onDragOver: function onDragOver(event, data) {\n      event.preventDefault();\n    },\n    onDrop: function onDrop(event, data) {\n      event.preventDefault();\n      var dragState = this.dragState;\n      var drag = dragState.drag;\n      dragState.drop = data;\n      this.$emit(\"on-node-drop\", event, drag, data);\n    }\n  }\n});\n\n/***/ }),\n/* 6 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* unused harmony export renderNode */\n/* unused harmony export renderBtn */\n/* unused harmony export renderLabel */\n/* unused harmony export renderChildren */\n/* unused harmony export render */\nvar EVENTS = {\n  CLICK: 'on-node-click',\n  MOUSEOUT: 'on-node-mouseout',\n  MOUSEOVER: 'on-node-mouseover',\n  DRAGSTART: 'on-node-drag-start',\n  DRAGOVER: 'on-node-drag-over',\n  DROP: 'on-node-drop'\n};\n\nfunction createListener(handler, data) {\n  var execute = function execute(cb, e) {\n    for (var _len = arguments.length, args = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\n      args[_key - 2] = arguments[_key];\n    }\n\n    if (typeof cb === 'function') {\n      // fixed bug #48, #73\n      var className = e.target && e.target.className;\n      if (typeof className === 'string' && className.indexOf('org-tree-node-btn') > -1) return;\n\n      cb.apply(null, [e].concat(args));\n    }\n  };\n\n  return function (e) {\n    if (Array.isArray(handler)) {\n      var _iteratorNormalCompletion = true;\n      var _didIteratorError = false;\n      var _iteratorError = undefined;\n\n      try {\n        for (var _iterator = handler[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n          var cb = _step.value;\n\n          execute(cb, e, data);\n        }\n      } catch (err) {\n        _didIteratorError = true;\n        _iteratorError = err;\n      } finally {\n        try {\n          if (!_iteratorNormalCompletion && _iterator.return) {\n            _iterator.return();\n          }\n        } finally {\n          if (_didIteratorError) {\n            throw _iteratorError;\n          }\n        }\n      }\n    } else {\n      execute(handler, e, data);\n    }\n  };\n}\n\n// 判断是否叶子节点\nvar isLeaf = function isLeaf(data, prop) {\n  return !(Array.isArray(data[prop]) && data[prop].length > 0);\n};\n\n// 创建 node 节点\nfunction renderNode(h, data, context) {\n  var props = context.props;\n\n  var cls = ['org-tree-node'];\n  var childNodes = [];\n  var children = data[props.props.children];\n\n  if (isLeaf(data, props.props.children)) {\n    cls.push('is-leaf');\n  } else if (props.collapsable && !data[props.props.expand]) {\n    cls.push('collapsed');\n  }\n\n  childNodes.push(renderLabel(h, data, context));\n\n  if (!props.collapsable || data[props.props.expand]) {\n    childNodes.push(renderChildren(h, children, context));\n  }\n\n  return h('div', {\n    domProps: {\n      className: cls.join(' ')\n    }\n  }, childNodes);\n}\n\n// 创建展开折叠按钮\nfunction renderBtn(h, data, _ref) {\n  var props = _ref.props,\n      listeners = _ref.listeners;\n\n  var expandHandler = listeners['on-expand'];\n\n  var cls = ['org-tree-node-btn'];\n\n  if (data[props.props.expand]) {\n    cls.push('expanded');\n  }\n\n  return h('span', {\n    domProps: {\n      className: cls.join(' ')\n    },\n    on: {\n      click: function click(e) {\n        return expandHandler && expandHandler(e, data);\n      }\n    }\n  });\n}\n\n// 创建 label 节点\nfunction renderLabel(h, data, context) {\n  var props = context.props,\n      listeners = context.listeners;\n\n  var label = data[props.props.label];\n  var renderContent = props.renderContent;\n\n  // event handlers\n  var clickHandler = listeners[EVENTS.CLICK];\n  var mouseOutHandler = listeners[EVENTS.MOUSEOUT];\n  var mouseOverHandler = listeners[EVENTS.MOUSEOVER];\n  var dragStartHandler = listeners[EVENTS.DRAGSTART];\n  var dragOverHandler = listeners[EVENTS.DRAGOVER];\n  var dropHander = listeners[EVENTS.DROP];\n\n  var childNodes = [];\n  if (typeof renderContent === 'function') {\n    var vnode = renderContent(h, data);\n\n    vnode && childNodes.push(vnode);\n  } else {\n    childNodes.push(label);\n  }\n\n  if (props.collapsable && !isLeaf(data, props.props.children)) {\n    childNodes.push(renderBtn(h, data, context));\n  }\n\n  var cls = ['org-tree-node-label-inner'];\n  var labelWidth = props.labelWidth,\n      labelClassName = props.labelClassName,\n      selectedClassName = props.selectedClassName,\n      selectedKey = props.selectedKey;\n\n\n  if (typeof labelWidth === 'number') {\n    labelWidth += 'px';\n  }\n\n  if (typeof labelClassName === 'function') {\n    labelClassName = labelClassName(data);\n  }\n\n  labelClassName && cls.push(labelClassName);\n\n  // add selected class and key from props\n  if (typeof selectedClassName === 'function') {\n    selectedClassName = selectedClassName(data);\n  }\n\n  selectedClassName && selectedKey && data[selectedKey] && cls.push(selectedClassName);\n\n  return h('div', {\n    domProps: {\n      className: 'org-tree-node-label',\n      draggable: true\n    },\n    on: {\n      'dragstart': createListener(dragStartHandler, data),\n      'dragover': createListener(dragOverHandler, data),\n      'drop': createListener(dropHander, data)\n    }\n  }, [h('div', {\n    domProps: {\n      className: cls.join(' ')\n    },\n    style: { width: labelWidth },\n    on: {\n      'click': createListener(clickHandler, data),\n      'mouseout': createListener(mouseOutHandler, data),\n      'mouseover': createListener(mouseOverHandler, data)\n    }\n  }, childNodes)]);\n}\n\n// 创建 node 子节点\nfunction renderChildren(h, list, context) {\n  if (Array.isArray(list) && list.length) {\n    var children = list.map(function (item) {\n      return renderNode(h, item, context);\n    });\n\n    return h('div', {\n      domProps: {\n        className: 'org-tree-node-children'\n      }\n    }, children);\n  }\n  return '';\n}\n\nfunction render(h, context) {\n  var props = context.props;\n\n\n  return renderNode(h, props.data, context);\n}\n\n/* harmony default export */ __webpack_exports__[\"a\"] = (render);\n\n/***/ }),\n/* 7 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"org-tree-container\"},[_c('div',{staticClass:\"org-tree\",class:{horizontal: _vm.horizontal, collapsable: _vm.collapsable}},[_c('org-tree-node',{attrs:{\"data\":_vm.data,\"props\":_vm.props,\"horizontal\":_vm.horizontal,\"label-width\":_vm.labelWidth,\"collapsable\":_vm.collapsable,\"render-content\":_vm.renderContent,\"label-class-name\":_vm.labelClassName,\"selected-class-name\":_vm.selectedClassName,\"selected-key\":_vm.selectedKey},on:{\"on-expand\":function (e, data) { return _vm.$emit('on-expand', e, data); },\"on-node-focus\":function (e, data) { return _vm.$emit('on-node-focus', e, data); },\"on-node-click\":function (e, data) { return _vm.$emit('on-node-click', e, data); },\"on-node-mouseover\":function (e, data) { return _vm.$emit('on-node-mouseover', e, data); },\"on-node-mouseout\":function (e, data) { return _vm.$emit('on-node-mouseout', e, data); },\"on-node-drag-start\":function (e, data) { return _vm.onDragStart(e, data); },\"on-node-drag-over\":function (e, data) { return _vm.onDragOver(e, data); },\"on-node-drop\":function (e, data) { return _vm.onDrop(e, data); }}})],1)])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\n/* harmony default export */ __webpack_exports__[\"a\"] = (esExports);\n\n/***/ })\n/******/ ]);\n});\n\n\n// WEBPACK FOOTER //\n// index.js"," \t// The module cache\n \tvar installedModules = {};\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\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// 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 = \"dist\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 46543120efbcc2d8cc0c","import Vue2OrgTree from './components/org-tree'\r\n\r\nexport default Vue2OrgTree\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js","import OrgTree from './org-tree.vue'\r\n\r\nexport function install (Vue) {\r\n  if (install.installed) {\r\n    return\r\n  }\r\n\r\n  install.installed = true\r\n\r\n  Vue.component(OrgTree.name, OrgTree)\r\n}\r\n\r\nOrgTree.install = install\r\n\r\nif (typeof window !== 'undefined' && window.Vue) {\r\n  window.Vue.use(OrgTree)\r\n}\r\n\r\nexport default OrgTree\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/org-tree/index.js","function injectStyle (ssrContext) {\n  require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-510aaa77\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!postcss-loader!less-loader?{}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./org-tree.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./org-tree.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-510aaa77\\\",\\\"hasScoped\\\":false,\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./org-tree.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/org-tree/org-tree.vue\n// module id = 2\n// module chunks = 0","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file.\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nmodule.exports = function normalizeComponent (\n  rawScriptExports,\n  compiledTemplate,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier /* server only */\n) {\n  var esModule\n  var scriptExports = rawScriptExports = rawScriptExports || {}\n\n  // ES6 modules interop\n  var type = typeof rawScriptExports.default\n  if (type === 'object' || type === 'function') {\n    esModule = rawScriptExports\n    scriptExports = rawScriptExports.default\n  }\n\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (compiledTemplate) {\n    options.render = compiledTemplate.render\n    options.staticRenderFns = compiledTemplate.staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = injectStyles\n  }\n\n  if (hook) {\n    var functional = options.functional\n    var existing = functional\n      ? options.render\n      : options.beforeCreate\n\n    if (!functional) {\n      // inject component registration as beforeCreate hook\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    } else {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functioal component in vue file\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return existing(h, context)\n      }\n    }\n  }\n\n  return {\n    esModule: esModule,\n    exports: scriptExports,\n    options: options\n  }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/component-normalizer.js\n// module id = 4\n// module chunks = 0","<template>\r\n  <div class=\"org-tree-container\">\r\n    <div class=\"org-tree\" :class=\"{horizontal, collapsable}\">\r\n      <org-tree-node\r\n        :data=\"data\"\r\n        :props=\"props\"\r\n        :horizontal=\"horizontal\"\r\n        :label-width=\"labelWidth\"\r\n        :collapsable=\"collapsable\"\r\n        :render-content=\"renderContent\"\r\n        :label-class-name=\"labelClassName\"\r\n        :selected-class-name=\"selectedClassName\"\r\n        :selected-key=\"selectedKey\"\r\n        @on-expand=\"(e, data) => $emit('on-expand', e, data)\"\r\n        @on-node-focus=\"(e, data) => $emit('on-node-focus', e, data)\"\r\n        @on-node-click=\"(e, data) => $emit('on-node-click', e, data)\"\r\n        @on-node-mouseover=\"(e, data) => $emit('on-node-mouseover', e, data)\"\r\n        @on-node-mouseout=\"(e, data) => $emit('on-node-mouseout', e, data)\"\r\n        @on-node-drag-start=\"(e, data) => onDragStart(e, data)\"\r\n        @on-node-drag-over=\"(e, data) => onDragOver(e, data)\"\r\n        @on-node-drop=\"(e, data) => onDrop(e, data)\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n\r\n\r\n<script>\r\nimport render from \"./node\";\r\n\r\nexport default {\r\n  name: \"Vue2OrgTree\",\r\n  data() {\r\n    return {\r\n      dragState: {\r\n        dragg: null,\r\n        drop: null,\r\n      },\r\n    };\r\n  },\r\n  components: {\r\n    OrgTreeNode: {\r\n      render,\r\n      functional: true,\r\n    },\r\n  },\r\n  props: {\r\n    data: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n    props: {\r\n      type: Object,\r\n      default: () => ({\r\n        label: \"label\",\r\n        expand: \"expand\",\r\n        children: \"children\",\r\n      }),\r\n    },\r\n    horizontal: Boolean,\r\n    selectedKey: String,\r\n    collapsable: Boolean,\r\n    renderContent: Function,\r\n    labelWidth: [String, Number],\r\n    labelClassName: [Function, String],\r\n    selectedClassName: [Function, String],\r\n  },\r\n  methods: {\r\n    onDragStart(event, data) {\r\n      let dragState = this.dragState;\r\n      try {\r\n        event.dataTransfer.setData(\"text/plain\", \"\");\r\n      } catch (e) {}\r\n      dragState.drag = data;\r\n    },\r\n    onDragOver(event, data) {\r\n      event.preventDefault();\r\n    },\r\n    onDrop(event, data) {\r\n      event.preventDefault();\r\n      let dragState = this.dragState;\r\n      let drag = dragState.drag;\r\n      dragState.drop = data;\r\n      this.$emit(\"on-node-drop\", event, drag, data);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\">\r\n@import \"../../styles/org-tree\";\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/components/org-tree/org-tree.vue","const EVENTS = {\r\n  CLICK: 'on-node-click',\r\n  MOUSEOUT: 'on-node-mouseout',\r\n  MOUSEOVER: 'on-node-mouseover',\r\n  DRAGSTART: 'on-node-drag-start',\r\n  DRAGOVER: 'on-node-drag-over',\r\n  DROP: 'on-node-drop'\r\n}\r\n\r\nfunction createListener (handler, data) {\r\n  const execute = (cb, e, ...args) => {\r\n    if (typeof cb === 'function') {\r\n      // fixed bug #48, #73\r\n      const className = e.target && e.target.className\r\n      if (typeof className === 'string' && className.indexOf('org-tree-node-btn') > -1) return\r\n\r\n      cb.apply(null, [e, ...args])\r\n    }\r\n  }\r\n\r\n  return function (e) {\r\n    if (Array.isArray(handler)) {\r\n      for (const cb of handler) {\r\n        execute(cb, e, data)\r\n      }\r\n    } else {\r\n      execute(handler, e, data)\r\n    }\r\n  }\r\n}\r\n\r\n// 判断是否叶子节点\r\nconst isLeaf = (data, prop) => {\r\n  return !(Array.isArray(data[prop]) && data[prop].length > 0)\r\n}\r\n\r\n// 创建 node 节点\r\nexport function renderNode(h, data, context) {\r\n  const { props } = context\r\n  const cls = ['org-tree-node']\r\n  const childNodes = []\r\n  const children = data[props.props.children]\r\n\r\n  if (isLeaf(data, props.props.children)) {\r\n    cls.push('is-leaf')\r\n  } else if (props.collapsable && !data[props.props.expand]) {\r\n    cls.push('collapsed')\r\n  }\r\n\r\n  childNodes.push(renderLabel(h, data, context))\r\n\r\n  if (!props.collapsable || data[props.props.expand]) {\r\n    childNodes.push(renderChildren(h, children, context))\r\n  }\r\n\r\n  return h('div', {\r\n    domProps: {\r\n      className: cls.join(' ')\r\n    }\r\n  }, childNodes)\r\n}\r\n\r\n// 创建展开折叠按钮\r\nexport function renderBtn(h, data, { props, listeners }) {\r\n  const expandHandler = listeners['on-expand']\r\n\r\n  let cls = ['org-tree-node-btn']\r\n\r\n  if (data[props.props.expand]) {\r\n    cls.push('expanded')\r\n  }\r\n\r\n  return h('span', {\r\n    domProps: {\r\n      className: cls.join(' ')\r\n    },\r\n    on: {\r\n      click: (e) => expandHandler && expandHandler(e, data)\r\n    }\r\n  })\r\n}\r\n\r\n// 创建 label 节点\r\nexport function renderLabel(h, data, context) {\r\n  const { props, listeners } = context\r\n  const label = data[props.props.label]\r\n  const renderContent = props.renderContent\r\n\r\n  // event handlers\r\n  const clickHandler = listeners[EVENTS.CLICK]\r\n  const mouseOutHandler = listeners[EVENTS.MOUSEOUT]\r\n  const mouseOverHandler = listeners[EVENTS.MOUSEOVER]\r\n  const dragStartHandler = listeners[EVENTS.DRAGSTART];\r\n  const dragOverHandler = listeners[EVENTS.DRAGOVER];\r\n  const dropHander = listeners[EVENTS.DROP];\r\n\r\n  const childNodes = []\r\n  if (typeof renderContent === 'function') {\r\n    let vnode = renderContent(h, data)\r\n\r\n    vnode && childNodes.push(vnode)\r\n  } else {\r\n    childNodes.push(label)\r\n  }\r\n\r\n  if (props.collapsable && !isLeaf(data, props.props.children)) {\r\n    childNodes.push(renderBtn(h, data, context))\r\n  }\r\n\r\n  const cls = ['org-tree-node-label-inner']\r\n  let { labelWidth, labelClassName, selectedClassName, selectedKey } = props\r\n\r\n  if (typeof labelWidth === 'number') {\r\n    labelWidth += 'px'\r\n  }\r\n\r\n  if (typeof labelClassName === 'function') {\r\n    labelClassName = labelClassName(data)\r\n  }\r\n\r\n  labelClassName && cls.push(labelClassName)\r\n\r\n  // add selected class and key from props\r\n  if (typeof selectedClassName === 'function') {\r\n    selectedClassName = selectedClassName(data)\r\n  }\r\n\r\n  selectedClassName && selectedKey && data[selectedKey] && cls.push(selectedClassName)\r\n\r\n  return h('div', {\r\n    domProps: {\r\n      className: 'org-tree-node-label',\r\n      draggable: true,\r\n    },\r\n    on: {\r\n      'dragstart': createListener(dragStartHandler, data),\r\n      'dragover': createListener(dragOverHandler, data),\r\n      'drop': createListener(dropHander, data)\r\n    }\r\n  }, [h('div', {\r\n    domProps: {\r\n      className: cls.join(' ')\r\n    },\r\n    style: { width: labelWidth },\r\n    on: {\r\n      'click': createListener(clickHandler, data),\r\n      'mouseout': createListener(mouseOutHandler, data),\r\n      'mouseover': createListener(mouseOverHandler, data),\r\n    }\r\n  }, childNodes)])\r\n}\r\n\r\n// 创建 node 子节点\r\nexport function renderChildren(h, list, context) {\r\n  if (Array.isArray(list) && list.length) {\r\n    const children = list.map(item => {\r\n      return renderNode(h, item, context)\r\n    })\r\n\r\n    return h('div', {\r\n      domProps: {\r\n        className: 'org-tree-node-children'\r\n      }\r\n    }, children)\r\n  }\r\n  return ''\r\n}\r\n\r\nexport function render(h, context) {\r\n  const { props } = context\r\n\r\n  return renderNode(h, props.data, context)\r\n}\r\n\r\nexport default render\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/org-tree/node.js","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"org-tree-container\"},[_c('div',{staticClass:\"org-tree\",class:{horizontal: _vm.horizontal, collapsable: _vm.collapsable}},[_c('org-tree-node',{attrs:{\"data\":_vm.data,\"props\":_vm.props,\"horizontal\":_vm.horizontal,\"label-width\":_vm.labelWidth,\"collapsable\":_vm.collapsable,\"render-content\":_vm.renderContent,\"label-class-name\":_vm.labelClassName,\"selected-class-name\":_vm.selectedClassName,\"selected-key\":_vm.selectedKey},on:{\"on-expand\":function (e, data) { return _vm.$emit('on-expand', e, data); },\"on-node-focus\":function (e, data) { return _vm.$emit('on-node-focus', e, data); },\"on-node-click\":function (e, data) { return _vm.$emit('on-node-click', e, data); },\"on-node-mouseover\":function (e, data) { return _vm.$emit('on-node-mouseover', e, data); },\"on-node-mouseout\":function (e, data) { return _vm.$emit('on-node-mouseout', e, data); },\"on-node-drag-start\":function (e, data) { return _vm.onDragStart(e, data); },\"on-node-drag-over\":function (e, data) { return _vm.onDragOver(e, data); },\"on-node-drop\":function (e, data) { return _vm.onDrop(e, data); }}})],1)])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-510aaa77\",\"hasScoped\":false,\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/org-tree/org-tree.vue\n// module id = 7\n// module chunks = 0"],"sourceRoot":""}