ai.touchui-vue 1.33.3 → 1.34.1

package/lib/org.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 344);
+/******/ 	return __webpack_require__(__webpack_require__.s = 341);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -193,665 +193,197 @@ function normalizeComponent(
 /***/ }),
 
 /***/ 100:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_style_loader_dist_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_orgItem_vue_vue_type_style_index_0_id_3547cd49_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(21);
-/* harmony import */ var _node_modules_style_loader_dist_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_orgItem_vue_vue_type_style_index_0_id_3547cd49_prod_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_orgItem_vue_vue_type_style_index_0_id_3547cd49_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
-/***/ }),
-
-/***/ 101:
 /***/ (function(module, exports, __webpack_require__) {
 
-exports = module.exports = __webpack_require__(7)(false);
+exports = module.exports = __webpack_require__(11)(false);
 // Module
 exports.push([module.i, "\n.chosen { border:1px solid #f60;}\n.ghost { opacity:0.2;}\n", ""]);
 
 
 /***/ }),
 
-/***/ 21:
+/***/ 11:
 /***/ (function(module, exports, __webpack_require__) {
 
-var content = __webpack_require__(101);
+"use strict";
 
-if (typeof content === 'string') {
-  content = [[module.i, content, '']];
-}
 
-var options = {}
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+// eslint-disable-next-line func-names
+module.exports = function (useSourceMap) {
+  var list = []; // return the list of modules as css string
 
-options.insert = "head";
-options.singleton = false;
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = cssWithMappingToString(item, useSourceMap);
 
-var update = __webpack_require__(8)(content, options);
+      if (item[2]) {
+        return "@media ".concat(item[2], "{").concat(content, "}");
+      }
 
-if (content.locals) {
-  module.exports = content.locals;
-}
+      return content;
+    }).join('');
+  }; // import a list of modules into the list
+  // eslint-disable-next-line func-names
 
 
-/***/ }),
+  list.i = function (modules, mediaQuery) {
+    if (typeof modules === 'string') {
+      // eslint-disable-next-line no-param-reassign
+      modules = [[null, modules, '']];
+    }
 
-/***/ 344:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+    var alreadyImportedModules = {};
 
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
+    for (var i = 0; i < this.length; i++) {
+      // eslint-disable-next-line prefer-destructuring
+      var id = this[i][0];
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/org/src/org.vue?vue&type=template&id=05fbba22
-var render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c("div", { staticClass: "to-org", class: _vm.setClass }, [
-    _c(
-      "ul",
-      { staticClass: "to-orgList" },
-      [
-        _c("to-org-item", {
-          attrs: {
-            data: _vm.iData,
-            "children-text": _vm.childrenText,
-            "label-text": _vm.labelText,
-            "value-text": _vm.valueText,
-          },
-          scopedSlots: _vm._u(
-            [
-              {
-                key: "default",
-                fn: function (scope) {
-                  return [
-                    _vm._t("default", null, {
-                      item: scope.item,
-                      index: scope.index,
-                      org: scope.org,
-                    }),
-                  ]
-                },
-              },
-            ],
-            null,
-            true
-          ),
-        }),
-      ],
-      1
-    ),
-  ])
-}
-var staticRenderFns = []
-render._withStripped = true
+      if (id != null) {
+        alreadyImportedModules[id] = true;
+      }
+    }
 
+    for (var _i = 0; _i < modules.length; _i++) {
+      var item = modules[_i]; // skip already imported module
+      // this implementation is not 100% perfect for weird media query combinations
+      // when a module is imported multiple times with different media queries.
+      // I hope this will never occur (Hey this way we have smaller bundles)
 
-// CONCATENATED MODULE: ./packages/org/src/org.vue?vue&type=template&id=05fbba22
+      if (item[0] == null || !alreadyImportedModules[item[0]]) {
+        if (mediaQuery && !item[2]) {
+          item[2] = mediaQuery;
+        } else if (mediaQuery) {
+          item[2] = "(".concat(item[2], ") and (").concat(mediaQuery, ")");
+        }
 
-// EXTERNAL MODULE: external "vue"
-var external_vue_ = __webpack_require__(4);
-var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
+        list.push(item);
+      }
+    }
+  };
 
-// CONCATENATED MODULE: ./src/utils/uuid.js
-/* harmony default export */ var uuid = (function () {
-	var s = [];
-	var hexDigits = '0123456789abcdef';
-	for (var i = 0; i < 36; i++) {
-		s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
-	}
-	s[14] = '4'; // bits 12-15 of the time_hi_and_version field to 0010
-	s[19] = hexDigits.substr(s[19] & 0x3 | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
-	s[8] = s[13] = s[18] = s[23] = '-';
-	var uuid = s.join('');
-	return uuid;
-});
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/org/src/orgItem.vue?vue&type=template&id=3547cd49
-var orgItemvue_type_template_id_3547cd49_render = function () {
-  var _vm = this
-  var _h = _vm.$createElement
-  var _c = _vm._self._c || _h
-  return _c(
-    "li",
-    {
-      staticClass: "to-orgItem",
-      attrs: {
-        id: _vm.org.id + "_" + _vm.data.value,
-        "data-value": _vm.data.value,
-      },
-    },
-    [
-      _c(
-        "div",
-        { staticClass: "to-orgNode" },
-        [
-          _vm._t("default", [_vm._v(_vm._s(_vm.data[_vm.labelText]))], {
-            item: _vm.data,
-            index: _vm.index,
-            org: _vm.org,
-          }),
-        ],
-        2
-      ),
-      _vm.data[_vm.childrenText] && _vm.data[_vm.childrenText].length > 0
-        ? _c("div", {
-            staticClass: "to-orgLine",
-            class: {
-              "to-orgLastLevelLine": _vm.data.level + 1 === _vm.org.deep,
-            },
-          })
-        : _vm._e(),
-      _c(
-        "ul",
-        {
-          staticClass: "to-orgList",
-          class: {
-            "to-orgLastLevel": _vm.data.level + 1 === _vm.org.deep,
-            "to-orgEmpty":
-              _vm.data[_vm.childrenText] &&
-              _vm.data[_vm.childrenText].length === 0,
-          },
-        },
-        [
-          _c(
-            "draggable",
-            {
-              attrs: {
-                "data-value": _vm.data.value,
-                group: "group",
-                "chosen-class": "to-orgDrag-chosen",
-                "ghost-class": "to-orgDrag-ghost",
-                disabled: !_vm.org.dragable,
-              },
-              on: { add: _vm.org.dragAdd, start: _vm.org.dragStart },
-              model: {
-                value: _vm.data[_vm.childrenText],
-                callback: function ($$v) {
-                  _vm.$set(_vm.data, _vm.childrenText, $$v)
-                },
-                expression: "data[childrenText]",
-              },
-            },
-            _vm._l(_vm.data[_vm.childrenText], function (item, dataIndex) {
-              return _c("to-org-item", {
-                key: dataIndex,
-                attrs: {
-                  "children-text": _vm.childrenText,
-                  "label-text": _vm.labelText,
-                  "value-text": _vm.valueText,
-                  data: item,
-                  index: dataIndex,
-                },
-                scopedSlots: _vm._u(
-                  [
-                    {
-                      key: "default",
-                      fn: function (scope) {
-                        return [
-                          _vm._t("default", null, {
-                            item: scope.item,
-                            index: scope.index,
-                            org: scope.org,
-                          }),
-                        ]
-                      },
-                    },
-                  ],
-                  null,
-                  true
-                ),
-              })
-            }),
-            1
-          ),
-        ],
-        1
-      ),
-    ]
-  )
-}
-var orgItemvue_type_template_id_3547cd49_staticRenderFns = []
-orgItemvue_type_template_id_3547cd49_render._withStripped = true
+  return list;
+};
 
+function cssWithMappingToString(item, useSourceMap) {
+  var content = item[1] || ''; // eslint-disable-next-line prefer-destructuring
 
-// CONCATENATED MODULE: ./packages/org/src/orgItem.vue?vue&type=template&id=3547cd49
+  var cssMapping = item[3];
 
-// EXTERNAL MODULE: external "vuedraggable"
-var external_vuedraggable_ = __webpack_require__(93);
-var external_vuedraggable_default = /*#__PURE__*/__webpack_require__.n(external_vuedraggable_);
-
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/org/src/orgItem.vue?vue&type=script&lang=js
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+  if (!cssMapping) {
+    return content;
+  }
 
+  if (useSourceMap && typeof btoa === 'function') {
+    var sourceMapping = toComment(cssMapping);
+    var sourceURLs = cssMapping.sources.map(function (source) {
+      return "/*# sourceURL=".concat(cssMapping.sourceRoot).concat(source, " */");
+    });
+    return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
+  }
 
-/* harmony default export */ var orgItemvue_type_script_lang_js = ({
-	name: 'ToOrgItem',
-	components: {
-		draggable: external_vuedraggable_default.a
-	},
-	componentName: 'ToOrgItem',
-	inject: ['org'],
-	props: {
-		valueText: {
-			type: String,
-			default: 'value'
-		},
-		labelText: {
-			type: String,
-			default: 'label'
-		},
-		childrenText: {
-			type: String,
-			default: 'children'
-		},
-		data: {
-			type: Object,
-			default: function _default() {}
-		},
-		index: {
-			type: Number,
-			default: 0
-		}
-	}
-});
-// CONCATENATED MODULE: ./packages/org/src/orgItem.vue?vue&type=script&lang=js
- /* harmony default export */ var src_orgItemvue_type_script_lang_js = (orgItemvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./packages/org/src/orgItem.vue?vue&type=style&index=0&id=3547cd49&prod&lang=css
-var orgItemvue_type_style_index_0_id_3547cd49_prod_lang_css = __webpack_require__(100);
+  return [content].join('\n');
+} // Adapted from convert-source-map (MIT)
 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
 
-// CONCATENATED MODULE: ./packages/org/src/orgItem.vue
+function toComment(sourceMap) {
+  // eslint-disable-next-line no-undef
+  var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
+  var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
+  return "/*# ".concat(data, " */");
+}
 
+/***/ }),
 
+/***/ 12:
+/***/ (function(module, exports, __webpack_require__) {
 
+"use strict";
 
 
+var stylesInDom = {};
 
-/* normalize component */
+var isOldIE = function isOldIE() {
+  var memo;
+  return function memorize() {
+    if (typeof memo === 'undefined') {
+      // Test for IE <= 9 as proposed by Browserhacks
+      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
+      // Tests for existence of standard globals is to allow style-loader
+      // to operate correctly into non-standard environments
+      // @see https://github.com/webpack-contrib/style-loader/issues/177
+      memo = Boolean(window && document && document.all && !window.atob);
+    }
 
-var component = Object(componentNormalizer["a" /* default */])(
-  src_orgItemvue_type_script_lang_js,
-  orgItemvue_type_template_id_3547cd49_render,
-  orgItemvue_type_template_id_3547cd49_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
+    return memo;
+  };
+}();
 
-/* harmony default export */ var orgItem = (component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/org/src/org.vue?vue&type=script&lang=js
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+var getTarget = function getTarget() {
+  var memo = {};
+  return function memorize(target) {
+    if (typeof memo[target] === 'undefined') {
+      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
 
+      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
+        try {
+          // This will throw an exception if access to iframe is blocked
+          // due to cross-origin restrictions
+          styleTarget = styleTarget.contentDocument.head;
+        } catch (e) {
+          // istanbul ignore next
+          styleTarget = null;
+        }
+      }
 
+      memo[target] = styleTarget;
+    }
 
+    return memo[target];
+  };
+}();
 
-external_vue_default.a.component('ToOrgItem', orgItem);
-/* harmony default export */ var orgvue_type_script_lang_js = ({
-	name: 'ToOrg',
-	componentName: 'ToOrg',
-	provide: function provide() {
-		return {
-			org: this
-		};
-	},
+function listToStyles(list, options) {
+  var styles = [];
+  var newStyles = {};
 
-	props: {
-		dragable: Boolean,
-		valueText: {
-			type: String,
-			default: 'value'
-		},
-		labelText: {
-			type: String,
-			default: 'label'
-		},
-		childrenText: {
-			type: String,
-			default: 'children'
-		},
-		leafMode: {
-			type: String,
-			default: ''
-		},
-		data: {
-			type: Object,
-			default: function _default() {}
-		}
-	},
-	data: function data() {
-		return {
-			from: '',
-			id: 'org_' + uuid(),
-			iData: {},
-			deeps: [],
-			deep: 0
-		};
-	},
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    var id = options.base ? item[0] + options.base : item[0];
+    var css = item[1];
+    var media = item[2];
+    var sourceMap = item[3];
+    var part = {
+      css: css,
+      media: media,
+      sourceMap: sourceMap
+    };
 
-	computed: {
-		setClass: function setClass() {
-			var arr = [];
-			if (this.leafMode) {
-				arr.push('to-org-leaf-mode-' + this.leafMode);
-			}
-			if (this.dragable) {
-				arr.push('to-org-dragable');
-			}
-			return arr;
-		}
-	},
-	watch: {
-		data: {
-			handler: function handler() {
-				this.initData(this.data);
-			},
+    if (!newStyles[id]) {
+      styles.push(newStyles[id] = {
+        id: id,
+        parts: [part]
+      });
+    } else {
+      newStyles[id].parts.push(part);
+    }
+  }
 
-			immediate: true,
-			deep: true
-		}
-	},
-	methods: {
-		initData: function initData(data) {
-			var self = this;
-			this.iData = JSON.parse(JSON.stringify(data));
-			this.iData.level = 0;
-			function set(arr) {
-				var i = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  return styles;
+}
 
-				arr.map(function (item) {
-					item.level = i;
-					if (item[self.childrenText] && item[self.childrenText].length > 0) {
-						self.deeps.push(i + 1);
-						set(item[self.childrenText], i + 1);
-					} else {
-						item[self.childrenText] = [];
-					}
-				});
-			}
-			if (this.iData[self.childrenText]) {
-				set(this.iData[self.childrenText]);
-			}
-			this.deep = this.deeps.sort()[this.deeps.length - 1];
-		},
-		dragStart: function dragStart(e) {
-			this.from = document.getElementById(e.clone.id).parentNode.dataset.value;
-		},
-		dragAdd: function dragAdd(e) {
-			var _this = this;
+function addStylesToDom(styles, options) {
+  for (var i = 0; i < styles.length; i++) {
+    var item = styles[i];
+    var domStyle = stylesInDom[item.id];
+    var j = 0;
 
-			this.initData(this.iData);
-
-			// vuedraggable bug：
-			// 从左往右拖动到同级节点之下，因为 DOM 发生变化导致判断错误，form/to 的值都不正确了，因此通过获取当前节点 id，向上寻找 parentNode 的方式来获取 from/to
-			this.$nextTick(function () {
-				_this.$emit('drag', _this.from, document.getElementById(e.clone.id).parentNode.dataset.value, e.clone.dataset.value);
-			});
-		}
-	}
-});
-// CONCATENATED MODULE: ./packages/org/src/org.vue?vue&type=script&lang=js
- /* harmony default export */ var src_orgvue_type_script_lang_js = (orgvue_type_script_lang_js); 
-// CONCATENATED MODULE: ./packages/org/src/org.vue
-
-
-
-
-
-/* normalize component */
-
-var org_component = Object(componentNormalizer["a" /* default */])(
-  src_orgvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var org = (org_component.exports);
-// CONCATENATED MODULE: ./packages/org/index.js
-
-
-/* istanbul ignore next */
-org.install = function (Vue) {
-	Vue.component(org.name, org);
-};
-
-/* harmony default export */ var packages_org = __webpack_exports__["default"] = (org);
-
-/***/ }),
-
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("vue");
-
-/***/ }),
-
-/***/ 7:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-*/
-// css base code, injected by the css-loader
-// eslint-disable-next-line func-names
-module.exports = function (useSourceMap) {
-  var list = []; // return the list of modules as css string
-
-  list.toString = function toString() {
-    return this.map(function (item) {
-      var content = cssWithMappingToString(item, useSourceMap);
-
-      if (item[2]) {
-        return "@media ".concat(item[2], "{").concat(content, "}");
-      }
-
-      return content;
-    }).join('');
-  }; // import a list of modules into the list
-  // eslint-disable-next-line func-names
-
-
-  list.i = function (modules, mediaQuery) {
-    if (typeof modules === 'string') {
-      // eslint-disable-next-line no-param-reassign
-      modules = [[null, modules, '']];
-    }
-
-    var alreadyImportedModules = {};
-
-    for (var i = 0; i < this.length; i++) {
-      // eslint-disable-next-line prefer-destructuring
-      var id = this[i][0];
-
-      if (id != null) {
-        alreadyImportedModules[id] = true;
-      }
-    }
-
-    for (var _i = 0; _i < modules.length; _i++) {
-      var item = modules[_i]; // skip already imported module
-      // this implementation is not 100% perfect for weird media query combinations
-      // when a module is imported multiple times with different media queries.
-      // I hope this will never occur (Hey this way we have smaller bundles)
-
-      if (item[0] == null || !alreadyImportedModules[item[0]]) {
-        if (mediaQuery && !item[2]) {
-          item[2] = mediaQuery;
-        } else if (mediaQuery) {
-          item[2] = "(".concat(item[2], ") and (").concat(mediaQuery, ")");
-        }
-
-        list.push(item);
-      }
-    }
-  };
-
-  return list;
-};
-
-function cssWithMappingToString(item, useSourceMap) {
-  var content = item[1] || ''; // eslint-disable-next-line prefer-destructuring
-
-  var cssMapping = item[3];
-
-  if (!cssMapping) {
-    return content;
-  }
-
-  if (useSourceMap && typeof btoa === 'function') {
-    var sourceMapping = toComment(cssMapping);
-    var sourceURLs = cssMapping.sources.map(function (source) {
-      return "/*# sourceURL=".concat(cssMapping.sourceRoot).concat(source, " */");
-    });
-    return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
-  }
-
-  return [content].join('\n');
-} // Adapted from convert-source-map (MIT)
-
-
-function toComment(sourceMap) {
-  // eslint-disable-next-line no-undef
-  var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
-  var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
-  return "/*# ".concat(data, " */");
-}
-
-/***/ }),
-
-/***/ 8:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var stylesInDom = {};
-
-var isOldIE = function isOldIE() {
-  var memo;
-  return function memorize() {
-    if (typeof memo === 'undefined') {
-      // Test for IE <= 9 as proposed by Browserhacks
-      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
-      // Tests for existence of standard globals is to allow style-loader
-      // to operate correctly into non-standard environments
-      // @see https://github.com/webpack-contrib/style-loader/issues/177
-      memo = Boolean(window && document && document.all && !window.atob);
-    }
-
-    return memo;
-  };
-}();
-
-var getTarget = function getTarget() {
-  var memo = {};
-  return function memorize(target) {
-    if (typeof memo[target] === 'undefined') {
-      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
-
-      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
-        try {
-          // This will throw an exception if access to iframe is blocked
-          // due to cross-origin restrictions
-          styleTarget = styleTarget.contentDocument.head;
-        } catch (e) {
-          // istanbul ignore next
-          styleTarget = null;
-        }
-      }
-
-      memo[target] = styleTarget;
-    }
-
-    return memo[target];
-  };
-}();
-
-function listToStyles(list, options) {
-  var styles = [];
-  var newStyles = {};
-
-  for (var i = 0; i < list.length; i++) {
-    var item = list[i];
-    var id = options.base ? item[0] + options.base : item[0];
-    var css = item[1];
-    var media = item[2];
-    var sourceMap = item[3];
-    var part = {
-      css: css,
-      media: media,
-      sourceMap: sourceMap
-    };
-
-    if (!newStyles[id]) {
-      styles.push(newStyles[id] = {
-        id: id,
-        parts: [part]
-      });
-    } else {
-      newStyles[id].parts.push(part);
-    }
-  }
-
-  return styles;
-}
-
-function addStylesToDom(styles, options) {
-  for (var i = 0; i < styles.length; i++) {
-    var item = styles[i];
-    var domStyle = stylesInDom[item.id];
-    var j = 0;
-
-    if (domStyle) {
-      domStyle.refs++;
+    if (domStyle) {
+      domStyle.refs++;
 
       for (; j < domStyle.parts.length; j++) {
         domStyle.parts[j](item.parts[j]);
@@ -936,131 +468,599 @@ function applyToSingletonTag(style, index, remove, obj) {
     var cssNode = document.createTextNode(css);
     var childNodes = style.childNodes;
 
-    if (childNodes[index]) {
-      style.removeChild(childNodes[index]);
-    }
+    if (childNodes[index]) {
+      style.removeChild(childNodes[index]);
+    }
+
+    if (childNodes.length) {
+      style.insertBefore(cssNode, childNodes[index]);
+    } else {
+      style.appendChild(cssNode);
+    }
+  }
+}
+
+function applyToTag(style, options, obj) {
+  var css = obj.css;
+  var media = obj.media;
+  var sourceMap = obj.sourceMap;
+
+  if (media) {
+    style.setAttribute('media', media);
+  }
+
+  if (sourceMap && btoa) {
+    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
+  } // For old IE
+
+  /* istanbul ignore if  */
+
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    while (style.firstChild) {
+      style.removeChild(style.firstChild);
+    }
+
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var singleton = null;
+var singletonCounter = 0;
+
+function addStyle(obj, options) {
+  var style;
+  var update;
+  var remove;
+
+  if (options.singleton) {
+    var styleIndex = singletonCounter++;
+    style = singleton || (singleton = insertStyleElement(options));
+    update = applyToSingletonTag.bind(null, style, styleIndex, false);
+    remove = applyToSingletonTag.bind(null, style, styleIndex, true);
+  } else {
+    style = insertStyleElement(options);
+    update = applyToTag.bind(null, style, options);
+
+    remove = function remove() {
+      removeStyleElement(style);
+    };
+  }
+
+  update(obj);
+  return function updateStyle(newObj) {
+    if (newObj) {
+      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
+        return;
+      }
+
+      update(obj = newObj);
+    } else {
+      remove();
+    }
+  };
+}
+
+module.exports = function (list, options) {
+  options = options || {};
+  options.attributes = typeof options.attributes === 'object' ? options.attributes : {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
+  // tags it will allow on a page
+
+  if (!options.singleton && typeof options.singleton !== 'boolean') {
+    options.singleton = isOldIE();
+  }
+
+  var styles = listToStyles(list, options);
+  addStylesToDom(styles, options);
+  return function update(newList) {
+    var mayRemove = [];
+
+    for (var i = 0; i < styles.length; i++) {
+      var item = styles[i];
+      var domStyle = stylesInDom[item.id];
+
+      if (domStyle) {
+        domStyle.refs--;
+        mayRemove.push(domStyle);
+      }
+    }
+
+    if (newList) {
+      var newStyles = listToStyles(newList, options);
+      addStylesToDom(newStyles, options);
+    }
+
+    for (var _i = 0; _i < mayRemove.length; _i++) {
+      var _domStyle = mayRemove[_i];
+
+      if (_domStyle.refs === 0) {
+        for (var j = 0; j < _domStyle.parts.length; j++) {
+          _domStyle.parts[j]();
+        }
+
+        delete stylesInDom[_domStyle.id];
+      }
+    }
+  };
+};
+
+/***/ }),
+
+/***/ 21:
+/***/ (function(module, exports, __webpack_require__) {
+
+var content = __webpack_require__(100);
+
+if (typeof content === 'string') {
+  content = [[module.i, content, '']];
+}
+
+var options = {}
+
+options.insert = "head";
+options.singleton = false;
+
+var update = __webpack_require__(12)(content, options);
+
+if (content.locals) {
+  module.exports = content.locals;
+}
+
+
+/***/ }),
+
+/***/ 341:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/org/src/org.vue?vue&type=template&id=05fbba22
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", { staticClass: "to-org", class: _vm.setClass }, [
+    _c(
+      "ul",
+      { staticClass: "to-orgList" },
+      [
+        _c("to-org-item", {
+          attrs: {
+            data: _vm.iData,
+            "children-text": _vm.childrenText,
+            "label-text": _vm.labelText,
+            "value-text": _vm.valueText,
+          },
+          scopedSlots: _vm._u(
+            [
+              {
+                key: "default",
+                fn: function (scope) {
+                  return [
+                    _vm._t("default", null, {
+                      item: scope.item,
+                      index: scope.index,
+                      org: scope.org,
+                    }),
+                  ]
+                },
+              },
+            ],
+            null,
+            true
+          ),
+        }),
+      ],
+      1
+    ),
+  ])
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/org/src/org.vue?vue&type=template&id=05fbba22
+
+// EXTERNAL MODULE: external "vue"
+var external_vue_ = __webpack_require__(4);
+var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
+
+// CONCATENATED MODULE: ./src/utils/uuid.js
+/* harmony default export */ var uuid = (function () {
+	var s = [];
+	var hexDigits = '0123456789abcdef';
+	for (var i = 0; i < 36; i++) {
+		s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
+	}
+	s[14] = '4'; // bits 12-15 of the time_hi_and_version field to 0010
+	s[19] = hexDigits.substr(s[19] & 0x3 | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
+	s[8] = s[13] = s[18] = s[23] = '-';
+	var uuid = s.join('');
+	return uuid;
+});
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/org/src/orgItem.vue?vue&type=template&id=3547cd49
+var orgItemvue_type_template_id_3547cd49_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "li",
+    {
+      staticClass: "to-orgItem",
+      attrs: {
+        id: _vm.org.id + "_" + _vm.data.value,
+        "data-value": _vm.data.value,
+      },
+    },
+    [
+      _c(
+        "div",
+        { staticClass: "to-orgNode" },
+        [
+          _vm._t("default", [_vm._v(_vm._s(_vm.data[_vm.labelText]))], {
+            item: _vm.data,
+            index: _vm.index,
+            org: _vm.org,
+          }),
+        ],
+        2
+      ),
+      _vm.data[_vm.childrenText] && _vm.data[_vm.childrenText].length > 0
+        ? _c("div", {
+            staticClass: "to-orgLine",
+            class: {
+              "to-orgLastLevelLine": _vm.data.level + 1 === _vm.org.deep,
+            },
+          })
+        : _vm._e(),
+      _c(
+        "ul",
+        {
+          staticClass: "to-orgList",
+          class: {
+            "to-orgLastLevel": _vm.data.level + 1 === _vm.org.deep,
+            "to-orgEmpty":
+              _vm.data[_vm.childrenText] &&
+              _vm.data[_vm.childrenText].length === 0,
+          },
+        },
+        [
+          _c(
+            "draggable",
+            {
+              attrs: {
+                "data-value": _vm.data.value,
+                group: "group",
+                "chosen-class": "to-orgDrag-chosen",
+                "ghost-class": "to-orgDrag-ghost",
+                disabled: !_vm.org.dragable,
+              },
+              on: { add: _vm.org.dragAdd, start: _vm.org.dragStart },
+              model: {
+                value: _vm.data[_vm.childrenText],
+                callback: function ($$v) {
+                  _vm.$set(_vm.data, _vm.childrenText, $$v)
+                },
+                expression: "data[childrenText]",
+              },
+            },
+            _vm._l(_vm.data[_vm.childrenText], function (item, dataIndex) {
+              return _c("to-org-item", {
+                key: dataIndex,
+                attrs: {
+                  "children-text": _vm.childrenText,
+                  "label-text": _vm.labelText,
+                  "value-text": _vm.valueText,
+                  data: item,
+                  index: dataIndex,
+                },
+                scopedSlots: _vm._u(
+                  [
+                    {
+                      key: "default",
+                      fn: function (scope) {
+                        return [
+                          _vm._t("default", null, {
+                            item: scope.item,
+                            index: scope.index,
+                            org: scope.org,
+                          }),
+                        ]
+                      },
+                    },
+                  ],
+                  null,
+                  true
+                ),
+              })
+            }),
+            1
+          ),
+        ],
+        1
+      ),
+    ]
+  )
+}
+var orgItemvue_type_template_id_3547cd49_staticRenderFns = []
+orgItemvue_type_template_id_3547cd49_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/org/src/orgItem.vue?vue&type=template&id=3547cd49
+
+// EXTERNAL MODULE: external "vuedraggable"
+var external_vuedraggable_ = __webpack_require__(92);
+var external_vuedraggable_default = /*#__PURE__*/__webpack_require__.n(external_vuedraggable_);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/org/src/orgItem.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var orgItemvue_type_script_lang_js = ({
+	name: 'ToOrgItem',
+	components: {
+		draggable: external_vuedraggable_default.a
+	},
+	componentName: 'ToOrgItem',
+	inject: ['org'],
+	props: {
+		valueText: {
+			type: String,
+			default: 'value'
+		},
+		labelText: {
+			type: String,
+			default: 'label'
+		},
+		childrenText: {
+			type: String,
+			default: 'children'
+		},
+		data: {
+			type: Object,
+			default: function _default() {}
+		},
+		index: {
+			type: Number,
+			default: 0
+		}
+	}
+});
+// CONCATENATED MODULE: ./packages/org/src/orgItem.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_orgItemvue_type_script_lang_js = (orgItemvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./packages/org/src/orgItem.vue?vue&type=style&index=0&id=3547cd49&prod&lang=css
+var orgItemvue_type_style_index_0_id_3547cd49_prod_lang_css = __webpack_require__(99);
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./packages/org/src/orgItem.vue
+
 
-    if (childNodes.length) {
-      style.insertBefore(cssNode, childNodes[index]);
-    } else {
-      style.appendChild(cssNode);
-    }
-  }
-}
 
-function applyToTag(style, options, obj) {
-  var css = obj.css;
-  var media = obj.media;
-  var sourceMap = obj.sourceMap;
 
-  if (media) {
-    style.setAttribute('media', media);
-  }
 
-  if (sourceMap && btoa) {
-    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
-  } // For old IE
 
-  /* istanbul ignore if  */
+/* normalize component */
 
+var component = Object(componentNormalizer["a" /* default */])(
+  src_orgItemvue_type_script_lang_js,
+  orgItemvue_type_template_id_3547cd49_render,
+  orgItemvue_type_template_id_3547cd49_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
 
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    while (style.firstChild) {
-      style.removeChild(style.firstChild);
-    }
+/* harmony default export */ var orgItem = (component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/org/src/org.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
-    style.appendChild(document.createTextNode(css));
-  }
-}
 
-var singleton = null;
-var singletonCounter = 0;
 
-function addStyle(obj, options) {
-  var style;
-  var update;
-  var remove;
 
-  if (options.singleton) {
-    var styleIndex = singletonCounter++;
-    style = singleton || (singleton = insertStyleElement(options));
-    update = applyToSingletonTag.bind(null, style, styleIndex, false);
-    remove = applyToSingletonTag.bind(null, style, styleIndex, true);
-  } else {
-    style = insertStyleElement(options);
-    update = applyToTag.bind(null, style, options);
+external_vue_default.a.component('ToOrgItem', orgItem);
+/* harmony default export */ var orgvue_type_script_lang_js = ({
+	name: 'ToOrg',
+	componentName: 'ToOrg',
+	provide: function provide() {
+		return {
+			org: this
+		};
+	},
 
-    remove = function remove() {
-      removeStyleElement(style);
-    };
-  }
+	props: {
+		dragable: Boolean,
+		valueText: {
+			type: String,
+			default: 'value'
+		},
+		labelText: {
+			type: String,
+			default: 'label'
+		},
+		childrenText: {
+			type: String,
+			default: 'children'
+		},
+		leafMode: {
+			type: String,
+			default: ''
+		},
+		data: {
+			type: Object,
+			default: function _default() {}
+		}
+	},
+	data: function data() {
+		return {
+			from: '',
+			id: 'org_' + uuid(),
+			iData: {},
+			deeps: [],
+			deep: 0
+		};
+	},
 
-  update(obj);
-  return function updateStyle(newObj) {
-    if (newObj) {
-      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
-        return;
-      }
+	computed: {
+		setClass: function setClass() {
+			var arr = [];
+			if (this.leafMode) {
+				arr.push('to-org-leaf-mode-' + this.leafMode);
+			}
+			if (this.dragable) {
+				arr.push('to-org-dragable');
+			}
+			return arr;
+		}
+	},
+	watch: {
+		data: {
+			handler: function handler() {
+				this.initData(this.data);
+			},
 
-      update(obj = newObj);
-    } else {
-      remove();
-    }
-  };
-}
+			immediate: true,
+			deep: true
+		}
+	},
+	methods: {
+		initData: function initData(data) {
+			var self = this;
+			this.iData = JSON.parse(JSON.stringify(data));
+			this.iData.level = 0;
+			function set(arr) {
+				var i = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
 
-module.exports = function (list, options) {
-  options = options || {};
-  options.attributes = typeof options.attributes === 'object' ? options.attributes : {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
-  // tags it will allow on a page
+				arr.map(function (item) {
+					item.level = i;
+					if (item[self.childrenText] && item[self.childrenText].length > 0) {
+						self.deeps.push(i + 1);
+						set(item[self.childrenText], i + 1);
+					} else {
+						item[self.childrenText] = [];
+					}
+				});
+			}
+			if (this.iData[self.childrenText]) {
+				set(this.iData[self.childrenText]);
+			}
+			this.deep = this.deeps.sort()[this.deeps.length - 1];
+		},
+		dragStart: function dragStart(e) {
+			this.from = document.getElementById(e.clone.id).parentNode.dataset.value;
+		},
+		dragAdd: function dragAdd(e) {
+			var _this = this;
 
-  if (!options.singleton && typeof options.singleton !== 'boolean') {
-    options.singleton = isOldIE();
-  }
+			this.initData(this.iData);
 
-  var styles = listToStyles(list, options);
-  addStylesToDom(styles, options);
-  return function update(newList) {
-    var mayRemove = [];
+			// vuedraggable bug：
+			// 从左往右拖动到同级节点之下，因为 DOM 发生变化导致判断错误，form/to 的值都不正确了，因此通过获取当前节点 id，向上寻找 parentNode 的方式来获取 from/to
+			this.$nextTick(function () {
+				_this.$emit('drag', _this.from, document.getElementById(e.clone.id).parentNode.dataset.value, e.clone.dataset.value);
+			});
+		}
+	}
+});
+// CONCATENATED MODULE: ./packages/org/src/org.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_orgvue_type_script_lang_js = (orgvue_type_script_lang_js); 
+// CONCATENATED MODULE: ./packages/org/src/org.vue
 
-    for (var i = 0; i < styles.length; i++) {
-      var item = styles[i];
-      var domStyle = stylesInDom[item.id];
 
-      if (domStyle) {
-        domStyle.refs--;
-        mayRemove.push(domStyle);
-      }
-    }
 
-    if (newList) {
-      var newStyles = listToStyles(newList, options);
-      addStylesToDom(newStyles, options);
-    }
 
-    for (var _i = 0; _i < mayRemove.length; _i++) {
-      var _domStyle = mayRemove[_i];
 
-      if (_domStyle.refs === 0) {
-        for (var j = 0; j < _domStyle.parts.length; j++) {
-          _domStyle.parts[j]();
-        }
+/* normalize component */
 
-        delete stylesInDom[_domStyle.id];
-      }
-    }
-  };
+var org_component = Object(componentNormalizer["a" /* default */])(
+  src_orgvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var org = (org_component.exports);
+// CONCATENATED MODULE: ./packages/org/index.js
+
+
+/* istanbul ignore next */
+org.install = function (Vue) {
+	Vue.component(org.name, org);
 };
 
+/* harmony default export */ var packages_org = __webpack_exports__["default"] = (org);
+
+/***/ }),
+
+/***/ 4:
+/***/ (function(module, exports) {
+
+module.exports = require("vue");
+
 /***/ }),
 
-/***/ 93:
+/***/ 92:
 /***/ (function(module, exports) {
 
 module.exports = require("vuedraggable");
 
+/***/ }),
+
+/***/ 99:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_style_loader_dist_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_orgItem_vue_vue_type_style_index_0_id_3547cd49_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(21);
+/* harmony import */ var _node_modules_style_loader_dist_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_orgItem_vue_vue_type_style_index_0_id_3547cd49_prod_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_orgItem_vue_vue_type_style_index_0_id_3547cd49_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ })
 
 /******/ });