web-component-gallery 1.2.28 → 1.2.30

package/dist/amap.umd.js

@@ -8527,7 +8527,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"FormModel\", {\n    ref: \"searchForm\",\n    staticClass: \"WebComponentFormSearch\",\n    attrs: {\n      model: _vm.form,\n      layout: \"inline\"\n    },\n    on: {\n      submit: _vm.handleSearch\n    }\n  }, [_vm._l(_vm.copyFormSetting.slice(0, _vm.count), function (node, i) {\n    return [!node.hidden ? _c(\"FormModelItem\", {\n      key: i,\n      style: _vm.getFormWidth(node, _vm.matchMediaSize),\n      attrs: {\n        prop: node.model,\n        label: node.label\n      }\n    }, [_c(\"RenderComp\", _vm._g(_vm._b({\n      attrs: {\n        component: node.is || \"Input\"\n      },\n      model: {\n        value: _vm.form[node.model],\n        callback: function ($$v) {\n          _vm.$set(_vm.form, node.model, $$v);\n        },\n        expression: \"form[node.model]\"\n      }\n    }, \"RenderComp\", node.attrs, false), node.event))], 1) : _vm._e()];\n  }), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"WebComponentFormSearch__Actions\"\n  }, [_c(\"Button\", {\n    attrs: {\n      type: \"primary\",\n      \"html-type\": \"submit\"\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.primary))]), _vm._v(\" \"), _c(\"Button\", {\n    style: {\n      marginLeft: \"8px\"\n    },\n    on: {\n      click: _vm.handleReset\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.cancel))]), _vm._v(\" \"), _vm.copyFormSetting.length > this.matchMediaSize - 1 ? _c(\"a\", {\n    staticStyle: {\n      \"margin-left\": \"8px\"\n    },\n    on: {\n      click: function ($event) {\n        _vm.advanced = !_vm.advanced;\n      }\n    }\n  }, [_vm._v(\"\\n      \" + _vm._s(_vm.advanced ? \"收起\" : \"展开\") + \"\\n      \"), _c(\"Icon\", {\n    attrs: {\n      type: _vm.advanced ? \"up\" : \"down\"\n    }\n  })], 1) : _vm._e()], 1)], 2);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"FormModel\", {\n    ref: \"searchForm\",\n    staticClass: \"WebComponentFormSearch\",\n    attrs: {\n      model: _vm.form,\n      layout: \"inline\"\n    },\n    on: {\n      submit: _vm.handleSearch\n    }\n  }, [_vm._l(_vm.copyFormSetting.slice(0, _vm.count), function (node, i) {\n    return !node.hidden ? [_c(\"FormModelItem\", {\n      key: i,\n      style: _vm.getFormWidth(node, _vm.matchMediaSize),\n      attrs: {\n        prop: node.model,\n        label: node.label\n      }\n    }, [_c(\"RenderComp\", _vm._g(_vm._b({\n      attrs: {\n        component: node.is || \"Input\"\n      },\n      model: {\n        value: _vm.form[node.model],\n        callback: function ($$v) {\n          _vm.$set(_vm.form, node.model, $$v);\n        },\n        expression: \"form[node.model]\"\n      }\n    }, \"RenderComp\", node.attrs, false), node.event))], 1)] : _vm._e();\n  }), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"WebComponentFormSearch__Actions\"\n  }, [_c(\"Button\", {\n    attrs: {\n      type: \"primary\",\n      \"html-type\": \"submit\"\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.primary))]), _vm._v(\" \"), _c(\"Button\", {\n    style: {\n      marginLeft: \"8px\"\n    },\n    on: {\n      click: _vm.handleReset\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.cancel))]), _vm._v(\" \"), _vm.copyFormSetting.length > this.matchMediaSize - 1 ? _c(\"a\", {\n    staticStyle: {\n      \"margin-left\": \"8px\"\n    },\n    on: {\n      click: function ($event) {\n        _vm.advanced = !_vm.advanced;\n      }\n    }\n  }, [_vm._v(\"\\n      \" + _vm._s(_vm.advanced ? \"收起\" : \"展开\") + \"\\n      \"), _c(\"Icon\", {\n    attrs: {\n      type: _vm.advanced ? \"up\" : \"down\"\n    }\n  })], 1) : _vm._e()], 1)], 2);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -8989,7 +8989,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _utils_Tree__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/dropdown/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var _style_Directory_less__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style/Directory.less */ \"./plugins/lib/tree/style/Directory.less\");\n/* harmony import */ var _svgIcon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../svgIcon */ \"./plugins/lib/svgIcon/index.js\");\n\n\n\n\n\n\n\n\n\n\n/* 明天来了做一下@快捷指向 */\n\nconst TreeNode = ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"].TreeNode;\nconst DirectoryTree = ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"].DirectoryTree;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  name: 'DirectoryTreeMenu',\n  props: {\n    treeData: {\n      type: Array,\n      default: () => []\n    },\n    treeExpandKeys: {\n      type: Array,\n      default: () => []\n    },\n    treePlus: {\n      type: Boolean,\n      default: true\n    },\n    treeActions: {\n      type: Array,\n      default: () => []\n    },\n    /** 是否只显示父级一层操作 */\n    treeActionsParent: {\n      type: Boolean,\n      default: false\n    },\n    treeActionsPlus: {\n      type: Boolean,\n      default: true\n    },\n    replaceFields: {\n      type: Object,\n      default: () => ({\n        children: 'children',\n        key: 'id',\n        title: 'title'\n      })\n    }\n  },\n  data() {\n    return {\n      NodeCheckedKeys: [],\n      NodeSelectedKeys: [],\n      NodeExpandKeys: [],\n      NodeKey: [],\n      NodeActions: null,\n      MenuDropdown: false,\n      NodeActionsStyle: {}\n    };\n  },\n  mounted() {\n    this.onInitTree();\n  },\n  watch: {\n    treeData(newValue, oldValue) {\n      this.onInitTree(!oldValue.length);\n    },\n    treeExpandKeys(newValue) {\n      this.NodeExpandKeys = newValue;\n    }\n  },\n  methods: {\n    TreeNodeRender(node, nodeIndex, parentNode) {\n      const h = this.$createElement;\n      const {\n        replaceFields,\n        NodeActions,\n        treeActions,\n        NodeActionsStyle,\n        NodeExpandKeys,\n        NodeKey,\n        treeActionsPlus,\n        createTreeNode,\n        handleMouseLeave,\n        handleOperateClick,\n        handlePlusClick\n      } = this;\n      const key = node[replaceFields.key];\n      const treeActionsParent = this.treeActionsParent ? !parentNode : true;\n      return h(TreeNode, {\n        \"key\": key,\n        \"class\": \"DirectoryTreeMenu__Node\",\n        \"scopedSlots\": {\n          title: props => {\n            return h(\"div\", {\n              \"class\": \"__Title\"\n            }, [node.type != 'input' ? h(\"span\", [node[replaceFields.title]]) : h(ant_design_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n              \"attrs\": {\n                \"placeholder\": \"请输入节点名称\",\n                \"default-value\": node[replaceFields.title]\n              },\n              \"on\": {\n                ...{\n                  blur: ({\n                    target\n                  }) => createTreeNode(target, node),\n                  pressEnter: event => event.target.blur(event, true)\n                }\n              },\n              \"ref\": \"inputNodeRef\"\n            }), NodeActions && NodeKey.includes(props.eventKey) && treeActionsParent && node.type != 'input' && h(\"div\", {\n              \"ref\": \"TreeMenuActions\",\n              \"class\": \"DirectoryTreeMenu__Actions\",\n              \"on\": {\n                ...{\n                  mouseenter: event => event.stopPropagation()\n                }\n              }\n            }, [h(ant_design_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n              \"attrs\": {\n                \"trigger\": ['click'],\n                \"overlayClassName\": \"DirectoryTreeMenu__Dropdown\"\n              }\n            }, [h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n              \"class\": \"ActionsIcons\",\n              \"attrs\": {\n                \"icon-class\": \"tree-more\"\n              },\n              \"on\": {\n                ...{\n                  click: e => e.preventDefault()\n                }\n              }\n            }), h(\"div\", {\n              \"slot\": \"overlay\",\n              \"class\": \"DirectoryTreeMenu__Dropdown__Menu\"\n            }, [treeActions.map((handle, i) => {\n              return h(\"span\", {\n                \"key\": i,\n                \"on\": {\n                  ...{\n                    // this.$emit('handleOperateClick', handle, NodeActions)\n                    click: () => handleOperateClick(handle, {\n                      ...node,\n                      nodeIndex\n                    }, parentNode)\n                  }\n                }\n              }, [h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n                \"attrs\": {\n                  \"icon-class\": handle.svg\n                }\n              }), \" \", handle.text]);\n            })])]), treeActionsPlus && h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n              \"class\": \"ActionsIcons\",\n              \"attrs\": {\n                \"icon-class\": \"tree-plus\"\n              },\n              \"on\": {\n                ...{\n                  click: () => handlePlusClick()\n                }\n              }\n            })])]);\n          }\n        }\n      }, [node[replaceFields.children] && node[replaceFields.children].length && node[replaceFields.children].map((childNode, childNodeIndex) => this.TreeNodeRender(childNode, childNodeIndex, node))]);\n    },\n    appendTreeNode() {\n      this.treeData.push({\n        type: 'input',\n        append: true,\n        [this.replaceFields.key]: new Date().getTime()\n      });\n      this.$nextTick(() => this.$refs.inputNodeRef.focus());\n    },\n    createTreeNode({\n      value\n    }, node) {\n      this.$set(node, 'type', 'text');\n      this.$emit(`handlePlus${node.append ? 'Add' : 'Update'}`, value, node.append ? node.parentOrgId : node[this.replaceFields.key]);\n      const parentNodes = node.parentOrgId ? this.findItemById(this.treeData, node.parentOrgId)[this.replaceFields.children] : this.treeData;\n      if (node.append) {\n        const i = parentNodes.findIndex(child => child[this.replaceFields.key] == node[this.replaceFields.key]);\n        parentNodes.splice(i, 1);\n      }\n    },\n    handleOperateClick(handle, node, parentNode) {\n      const key = node[this.replaceFields.key];\n      let that = this;\n      switch (handle.type) {\n        case 'update':\n          const updateNode = this.findItemById(this.treeData, key);\n          this.$set(updateNode, 'type', 'input');\n          this.$nextTick(() => this.$refs.inputNodeRef.focus());\n          break;\n        case 'copy':\n          // 明天来了优化一下\n          const cloneNode = parentNode ? parentNode[this.replaceFields.children] : this.treeData;\n          cloneNode.splice(node.nodeIndex + 1, 0, {\n            type: 'input',\n            append: true,\n            parentOrgId: parentNode ? parentNode[this.replaceFields.key] : null,\n            [this.replaceFields.key]: new Date().getTime(),\n            [this.replaceFields.title]: node[this.replaceFields.title]\n          });\n          this.$nextTick(() => this.$refs.inputNodeRef.focus());\n          break;\n        case 'delete':\n          this.$confirm({\n            title: '确定要删除当前节点吗?',\n            okText: '确定',\n            cancelText: '取消',\n            onOk() {\n              that.$emit('handleDeleteClick', node);\n              console.log('OK');\n            },\n            onCancel() {\n              console.log('Cancel');\n            }\n          });\n          break;\n        default:\n          this.$emit('handleOperateClick', handle, node);\n          break;\n      }\n    },\n    handlePlusClick() {\n      const node = this.findItemById(this.treeData, this.NodeActions.id);\n      const childNode = node[this.replaceFields.children] ?? [];\n      childNode.push({\n        type: 'input',\n        append: true,\n        parentOrgId: this.NodeActions.id,\n        [this.replaceFields.key]: new Date().getTime()\n      });\n      this.NodeExpandKeys.push(this.NodeActions.id);\n      node[this.replaceFields.children] = childNode;\n      this.$nextTick(() => this.$refs.inputNodeRef.focus());\n    },\n    findItemById(treeData, id) {\n      for (let i = 0; i < treeData.length; i++) {\n        if (treeData[i][this.replaceFields.key] === id) return treeData[i];\n        let childNode = treeData[i][this.replaceFields.children];\n        if (childNode && childNode.length > 0) {\n          const foundItem = this.findItemById(treeData[i][this.replaceFields.children], id);\n          if (foundItem) return foundItem;\n        }\n      }\n    },\n    onInitTree(treeExpend = true) {\n      this.treeData && (this.NodeSelectedKeys = [this.treeData.at(0)?.[this.replaceFields.key]]);\n      this.NodeExpandKeys = this.treeExpandKeys.length && this.treeExpandKeys || treeExpend && (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_4__.getTreeKey)(this.treeData, true, this.replaceFields) || [];\n    },\n    onCheck(keys, {}) {\n      this.NodeCheckedKeys = keys;\n      this.$emit('onCheck', keys);\n    },\n    onSelect(keys, {\n      nativeEvent,\n      node\n    }) {\n      this.NodeSelectedKeys = keys;\n      this.NodeKey = [].concat(this.NodeSelectedKeys);\n      this.$emit('onSelect', keys);\n    },\n    onExpand(expandedKeys, {\n      expanded,\n      node\n    }) {\n      this.NodeExpandKeys = [].concat(expandedKeys);\n      console.log(expandedKeys, expanded, node, 'Trigger Expand');\n    },\n    getIcon(props) {\n      const h = this.$createElement;\n      const {\n        isLeaf,\n        expanded\n      } = props;\n      if (isLeaf) {\n        return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n          \"attrs\": {\n            \"type\": \"home\"\n          }\n        });\n      }\n      return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        \"attrs\": {\n          \"type\": expanded ? 'folder-open' : 'folder'\n        }\n      });\n    },\n    handleMouseEnter({\n      event,\n      node\n    }) {\n      this.NodeActions = {\n        id: node._props.eventKey,\n        title: node._props.title,\n        parentOrgId: node.$parent.eventKey || null\n      };\n      // this.MenuDropdown = false \n      this.NodeKey = [].concat(this.NodeSelectedKeys);\n      this.NodeKey.push(node.eventKey);\n      // console.log(node, 'handleMouseEnter')\n      // 是否加个参数 判断是否处于打开状态\n    },\n    handleMouseLeave({\n      event,\n      node\n    }) {\n      if (this.NodeKey.includes(node.eventKey) && this.NodeSelectedKeys != node.eventKey) {\n        const i = this.NodeKey.findIndex(key => key == node.eventKey);\n        this.NodeKey.splice(i, 1);\n      }\n      // this.NodeKey = []\n    },\n    onDragEnter(node) {\n      console.log(node, '--onDragEnter');\n      // expandedKeys 需要受控时设置\n      // this.expandedKeys = info.expandedKeys\n    },\n    onDrop(info) {\n      const dragKey = info.dragNode.eventKey;\n      const dropPos = info.node.pos.split(\"-\");\n      // 拖动的位置\n      const dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1]);\n      const node = info.node; //目标节点\n      const dragNode = info.dragNode; // 拖动节点\n      const dropKey = node.eventKey;\n      console.log(dragNode, node, '--dropToGap');\n      if (dragNode.$parent?.eventKey !== node.$parent?.eventKey || !info.dropToGap) {\n        // 阻止跨父级拖拽\n        this.$message.warning(\"只能在同级排序\");\n        return false;\n      }\n      const {\n        key,\n        children\n      } = this.replaceFields;\n      const loop = (data, eventKey, callback) => {\n        data.forEach((node, i, array) => {\n          if (node[key] === eventKey) {\n            return callback(node, i, array);\n          }\n          if (node[children]) {\n            return loop(node[children], eventKey, callback);\n          }\n        });\n      };\n      const data = [...this.treeData];\n      let dragObj;\n      let dragObjIndex;\n      loop(data, dragKey, (node, i, array) => {\n        dragObj = node;\n        dragObjIndex = i;\n      });\n      let dropIndex;\n      loop(data, dropKey, (node, i, array) => {\n        dropIndex = i;\n        console.log(node, i, dragObj, dragObjIndex, '--i');\n      });\n      this.$emit('onDrop', {\n        [key]: dragObj[key],\n        originalIndex: dragObjIndex,\n        presentIndex: dropPosition === -1 ? dropIndex : dropIndex + 1\n      });\n    }\n  },\n  render() {\n    const h = arguments[0];\n    const {\n      $attrs,\n      treePlus,\n      treeData,\n      NodeCheckedKeys,\n      NodeSelectedKeys,\n      NodeExpandKeys,\n      onCheck,\n      onSelect,\n      onExpand,\n      handleMouseEnter,\n      handleMouseLeave,\n      onDragEnter,\n      onDrop,\n      TreeNodeRender,\n      appendTreeNode,\n      replaceFields\n    } = this;\n    return h(\"div\", {\n      \"class\": \"DirectoryTreeMenu\"\n    }, [$attrs.menuTitle && h(\"div\", {\n      \"class\": \"treeDirectory\"\n    }, [h(\"span\", [$attrs.menuTitle || '目录']), treePlus && h(ant_design_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n      \"attrs\": {\n        \"icon\": \"plus\",\n        \"size\": \"small\"\n      },\n      \"on\": {\n        ...{\n          click: appendTreeNode\n        }\n      }\n    })]), h(DirectoryTree, {\n      \"attrs\": {\n        \"draggable\": true,\n        \"default-expand-all\": true,\n        \"checkedKeys\": NodeCheckedKeys,\n        \"selectedKeys\": NodeSelectedKeys,\n        \"expandedKeys\": NodeExpandKeys,\n        \"expandAction\": \"dblclick\",\n        ...$attrs,\n        \"tree-node-filter-prop\": \"title\"\n      },\n      \"class\": \"DirectoryTreeMenu__Tree\",\n      \"on\": {\n        ...{\n          check: onCheck,\n          select: onSelect,\n          expand: onExpand,\n          mouseenter: handleMouseEnter,\n          mouseleave: handleMouseLeave,\n          dragenter: onDragEnter,\n          drop: onDrop\n        }\n      }\n    }, [treeData.map((node, nodeIndex) => TreeNodeRender(node, nodeIndex))])]);\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Directory.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _utils_Tree__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/dropdown/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var _style_Directory_less__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style/Directory.less */ \"./plugins/lib/tree/style/Directory.less\");\n/* harmony import */ var _svgIcon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../svgIcon */ \"./plugins/lib/svgIcon/index.js\");\n\n\n\n\n\n\n\n\n\n\n/* 明天来了做一下@快捷指向 */\n\nconst TreeNode = ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"].TreeNode;\nconst DirectoryTree = ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"].DirectoryTree;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  name: 'DirectoryTreeMenu',\n  props: {\n    treeData: {\n      type: Array,\n      default: () => []\n    },\n    treeExpandKeys: {\n      type: Array,\n      default: () => []\n    },\n    treePlus: {\n      type: Boolean,\n      default: true\n    },\n    treeActions: {\n      type: Array,\n      default: () => []\n    },\n    /** 是否只显示父级一层操作 */\n    treeActionsParent: {\n      type: Boolean,\n      default: false\n    },\n    treeActionsPlus: {\n      type: Boolean,\n      default: true\n    },\n    replaceFields: {\n      type: Object,\n      default: () => ({\n        children: 'children',\n        key: 'id',\n        title: 'title'\n      })\n    }\n  },\n  data() {\n    return {\n      NodeCheckedKeys: [],\n      NodeSelectedKeys: [],\n      NodeExpandKeys: [],\n      NodeKey: [],\n      NodeActions: null,\n      MenuDropdown: false,\n      NodeActionsStyle: {}\n    };\n  },\n  mounted() {\n    this.onInitTree();\n    // this.NodeExpandKeys = ( this.treeExpandKeys.length && this.treeExpandKeys ) || ( treeExpend && getTreeKey(this.treeData, true, this.replaceFields) ) || []\n  },\n  watch: {\n    treeData(newValue, oldValue) {\n      this.onInitTree(!oldValue.length);\n    },\n    treeExpandKeys: {\n      handler(newValue) {\n        this.NodeExpandKeys = newValue;\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    TreeNodeRender(node, nodeIndex, parentNode) {\n      const h = this.$createElement;\n      const {\n        replaceFields,\n        NodeActions,\n        treeActions,\n        NodeActionsStyle,\n        NodeExpandKeys,\n        NodeKey,\n        treeActionsPlus,\n        createTreeNode,\n        handleMouseLeave,\n        handleOperateClick,\n        handlePlusClick\n      } = this;\n      const key = node[replaceFields.key];\n      const treeActionsParent = this.treeActionsParent ? !parentNode : true;\n      return h(TreeNode, {\n        \"key\": key,\n        \"class\": \"DirectoryTreeMenu__Node\",\n        \"scopedSlots\": {\n          title: props => {\n            return h(\"div\", {\n              \"class\": \"__Title\"\n            }, [node.type != 'input' ? h(\"span\", [node[replaceFields.title]]) : h(ant_design_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n              \"attrs\": {\n                \"placeholder\": \"请输入节点名称\",\n                \"default-value\": node[replaceFields.title]\n              },\n              \"on\": {\n                ...{\n                  blur: ({\n                    target\n                  }) => createTreeNode(target, node),\n                  pressEnter: event => event.target.blur(event, true)\n                }\n              },\n              \"ref\": \"inputNodeRef\"\n            }), NodeActions && NodeKey.includes(props.eventKey) && treeActionsParent && node.type != 'input' && h(\"div\", {\n              \"ref\": \"TreeMenuActions\",\n              \"class\": \"DirectoryTreeMenu__Actions\",\n              \"on\": {\n                ...{\n                  mouseenter: event => event.stopPropagation()\n                }\n              }\n            }, [h(ant_design_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n              \"attrs\": {\n                \"trigger\": ['click'],\n                \"overlayClassName\": \"DirectoryTreeMenu__Dropdown\"\n              }\n            }, [h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n              \"class\": \"ActionsIcons\",\n              \"attrs\": {\n                \"icon-class\": \"tree-more\"\n              },\n              \"on\": {\n                ...{\n                  click: e => e.preventDefault()\n                }\n              }\n            }), h(\"div\", {\n              \"slot\": \"overlay\",\n              \"class\": \"DirectoryTreeMenu__Dropdown__Menu\"\n            }, [treeActions.map((handle, i) => {\n              return h(\"span\", {\n                \"key\": i,\n                \"on\": {\n                  ...{\n                    // this.$emit('handleOperateClick', handle, NodeActions)\n                    click: () => handleOperateClick(handle, {\n                      ...node,\n                      nodeIndex\n                    }, parentNode)\n                  }\n                }\n              }, [h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n                \"attrs\": {\n                  \"icon-class\": handle.svg\n                }\n              }), \" \", handle.text]);\n            })])]), treeActionsPlus && h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n              \"class\": \"ActionsIcons\",\n              \"attrs\": {\n                \"icon-class\": \"tree-plus\"\n              },\n              \"on\": {\n                ...{\n                  click: () => handlePlusClick()\n                }\n              }\n            })])]);\n          }\n        }\n      }, [node[replaceFields.children] && node[replaceFields.children].length && node[replaceFields.children].map((childNode, childNodeIndex) => this.TreeNodeRender(childNode, childNodeIndex, node))]);\n    },\n    appendTreeNode() {\n      this.treeData.push({\n        type: 'input',\n        append: true,\n        [this.replaceFields.key]: new Date().getTime()\n      });\n      this.$nextTick(() => this.$refs.inputNodeRef.focus());\n    },\n    createTreeNode({\n      value\n    }, node) {\n      this.$set(node, 'type', 'text');\n      this.$emit(`handlePlus${node.append ? 'Add' : 'Update'}`, value, node.append ? node.parentOrgId : node[this.replaceFields.key]);\n      const parentNodes = node.parentOrgId ? this.findItemById(this.treeData, node.parentOrgId)[this.replaceFields.children] : this.treeData;\n      if (node.append) {\n        const i = parentNodes.findIndex(child => child[this.replaceFields.key] == node[this.replaceFields.key]);\n        parentNodes.splice(i, 1);\n      }\n    },\n    handleOperateClick(handle, node, parentNode) {\n      const key = node[this.replaceFields.key];\n      let that = this;\n      switch (handle.type) {\n        case 'update':\n          const updateNode = this.findItemById(this.treeData, key);\n          this.$set(updateNode, 'type', 'input');\n          this.$nextTick(() => this.$refs.inputNodeRef.focus());\n          break;\n        case 'copy':\n          // 明天来了优化一下\n          const cloneNode = parentNode ? parentNode[this.replaceFields.children] : this.treeData;\n          cloneNode.splice(node.nodeIndex + 1, 0, {\n            type: 'input',\n            append: true,\n            parentOrgId: parentNode ? parentNode[this.replaceFields.key] : null,\n            [this.replaceFields.key]: new Date().getTime(),\n            [this.replaceFields.title]: node[this.replaceFields.title]\n          });\n          this.$nextTick(() => this.$refs.inputNodeRef.focus());\n          break;\n        case 'delete':\n          this.$confirm({\n            title: '确定要删除当前节点吗?',\n            okText: '确定',\n            cancelText: '取消',\n            onOk() {\n              that.$emit('handleDeleteClick', node);\n              console.log('OK');\n            },\n            onCancel() {\n              console.log('Cancel');\n            }\n          });\n          break;\n        default:\n          this.$emit('handleOperateClick', handle, node);\n          break;\n      }\n    },\n    handlePlusClick() {\n      const node = this.findItemById(this.treeData, this.NodeActions.id);\n      const childNode = node[this.replaceFields.children] ?? [];\n      childNode.push({\n        type: 'input',\n        append: true,\n        parentOrgId: this.NodeActions.id,\n        [this.replaceFields.key]: new Date().getTime()\n      });\n      this.NodeExpandKeys.push(this.NodeActions.id);\n      node[this.replaceFields.children] = childNode;\n      this.$nextTick(() => this.$refs.inputNodeRef.focus());\n    },\n    findItemById(treeData, id) {\n      for (let i = 0; i < treeData.length; i++) {\n        if (treeData[i][this.replaceFields.key] === id) return treeData[i];\n        let childNode = treeData[i][this.replaceFields.children];\n        if (childNode && childNode.length > 0) {\n          const foundItem = this.findItemById(treeData[i][this.replaceFields.children], id);\n          if (foundItem) return foundItem;\n        }\n      }\n    },\n    onInitTree(treeExpend = true) {\n      this.treeData && (this.NodeSelectedKeys = [this.treeData.at(0)?.[this.replaceFields.key]]);\n      // this.NodeExpandKeys = ( this.treeExpandKeys.length && this.treeExpandKeys ) || ( treeExpend && getTreeKey(this.treeData, true, this.replaceFields) ) || []\n    },\n    onCheck(keys, {}) {\n      this.NodeCheckedKeys = keys;\n      this.$emit('onCheck', keys);\n    },\n    onSelect(keys, {\n      nativeEvent,\n      node\n    }) {\n      this.NodeSelectedKeys = keys;\n      this.NodeKey = [].concat(this.NodeSelectedKeys);\n      this.$emit('onSelect', keys);\n    },\n    onExpand(expandedKeys, {\n      expanded,\n      node\n    }) {\n      this.NodeExpandKeys = [].concat(expandedKeys);\n      console.log(expandedKeys, expanded, node, 'Trigger Expand');\n    },\n    getIcon(props) {\n      const h = this.$createElement;\n      const {\n        isLeaf,\n        expanded\n      } = props;\n      if (isLeaf) {\n        return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n          \"attrs\": {\n            \"type\": \"home\"\n          }\n        });\n      }\n      return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        \"attrs\": {\n          \"type\": expanded ? 'folder-open' : 'folder'\n        }\n      });\n    },\n    handleMouseEnter({\n      event,\n      node\n    }) {\n      this.NodeActions = {\n        id: node._props.eventKey,\n        title: node._props.title,\n        parentOrgId: node.$parent.eventKey || null\n      };\n      // this.MenuDropdown = false \n      this.NodeKey = [].concat(this.NodeSelectedKeys);\n      this.NodeKey.push(node.eventKey);\n      // console.log(node, 'handleMouseEnter')\n      // 是否加个参数 判断是否处于打开状态\n    },\n    handleMouseLeave({\n      event,\n      node\n    }) {\n      if (this.NodeKey.includes(node.eventKey) && this.NodeSelectedKeys != node.eventKey) {\n        const i = this.NodeKey.findIndex(key => key == node.eventKey);\n        this.NodeKey.splice(i, 1);\n      }\n      // this.NodeKey = []\n    },\n    onDragEnter(node) {\n      console.log(node, '--onDragEnter');\n      // expandedKeys 需要受控时设置\n      // this.expandedKeys = info.expandedKeys\n    },\n    onDrop(info) {\n      const dragKey = info.dragNode.eventKey;\n      const dropPos = info.node.pos.split(\"-\");\n      // 拖动的位置\n      const dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1]);\n      const node = info.node; //目标节点\n      const dragNode = info.dragNode; // 拖动节点\n      const dropKey = node.eventKey;\n      console.log(dragNode, node, '--dropToGap');\n      if (dragNode.$parent?.eventKey !== node.$parent?.eventKey || !info.dropToGap) {\n        // 阻止跨父级拖拽\n        this.$message.warning(\"只能在同级排序\");\n        return false;\n      }\n      const {\n        key,\n        children\n      } = this.replaceFields;\n      const loop = (data, eventKey, callback) => {\n        data.forEach((node, i, array) => {\n          if (node[key] === eventKey) {\n            return callback(node, i, array);\n          }\n          if (node[children]) {\n            return loop(node[children], eventKey, callback);\n          }\n        });\n      };\n      const data = [...this.treeData];\n      let dragObj;\n      let dragObjIndex;\n      loop(data, dragKey, (node, i, array) => {\n        dragObj = node;\n        dragObjIndex = i;\n      });\n      let dropIndex;\n      loop(data, dropKey, (node, i, array) => {\n        dropIndex = i;\n        console.log(node, i, dragObj, dragObjIndex, '--i');\n      });\n      this.$emit('onDrop', {\n        [key]: dragObj[key],\n        originalIndex: dragObjIndex,\n        presentIndex: dropPosition === -1 ? dropIndex : dropIndex + 1\n      });\n    }\n  },\n  render() {\n    const h = arguments[0];\n    const {\n      $attrs,\n      treePlus,\n      treeData,\n      NodeCheckedKeys,\n      NodeSelectedKeys,\n      NodeExpandKeys,\n      onCheck,\n      onSelect,\n      onExpand,\n      handleMouseEnter,\n      handleMouseLeave,\n      onDragEnter,\n      onDrop,\n      TreeNodeRender,\n      appendTreeNode,\n      replaceFields\n    } = this;\n    return h(\"div\", {\n      \"class\": \"DirectoryTreeMenu\"\n    }, [$attrs.menuTitle && h(\"div\", {\n      \"class\": \"treeDirectory\"\n    }, [h(\"span\", [$attrs.menuTitle || '目录']), treePlus && h(ant_design_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n      \"attrs\": {\n        \"icon\": \"plus\",\n        \"size\": \"small\"\n      },\n      \"on\": {\n        ...{\n          click: appendTreeNode\n        }\n      }\n    })]), h(DirectoryTree, {\n      \"attrs\": {\n        \"draggable\": true,\n        \"default-expand-all\": true,\n        \"checkedKeys\": NodeCheckedKeys,\n        \"selectedKeys\": NodeSelectedKeys,\n        \"expandedKeys\": NodeExpandKeys,\n        \"expandAction\": \"dblclick\",\n        ...$attrs,\n        \"tree-node-filter-prop\": \"title\"\n      },\n      \"class\": \"DirectoryTreeMenu__Tree\",\n      \"on\": {\n        ...{\n          check: onCheck,\n          select: onSelect,\n          expand: onExpand,\n          mouseenter: handleMouseEnter,\n          mouseleave: handleMouseLeave,\n          dragenter: onDragEnter,\n          drop: onDrop\n        }\n      }\n    }, [treeData.map((node, nodeIndex) => TreeNodeRender(node, nodeIndex))])]);\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Directory.js?");
 
 /***/ }),
 
@@ -9241,7 +9241,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n.TAntdTags[data-v-8ed8b9b6] {\\n  width: 100%;\\n  height: auto;\\n  cursor: pointer;\\n  min-height: 32px;\\n}\\n.TAntdTags[data-v-8ed8b9b6] .ant-tag {\\n  cursor: pointer;\\n  display: inline-flex;\\n  align-items: center;\\n}\\n.TAntdTags[data-v-8ed8b9b6] .ant-tag span {\\n  display: inline-block;\\n  max-width: 100px;\\n  overflow-x: hidden;\\n  text-overflow: -o-ellipsis-lastline;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: -webkit-box;\\n  -webkit-line-clamp: 1;\\n  line-clamp: 1;\\n  -webkit-box-orient: vertical;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ATagsInput.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n.TAntdTags[data-v-8ed8b9b6] {\\n  width: 100%;\\n  height: auto;\\n  cursor: pointer;\\n}\\n.TAntdTags[data-v-8ed8b9b6] .ant-tag {\\n  cursor: pointer;\\n  display: inline-flex;\\n  align-items: center;\\n}\\n.TAntdTags[data-v-8ed8b9b6] .ant-tag span {\\n  display: inline-block;\\n  max-width: 100px;\\n  overflow-x: hidden;\\n  text-overflow: -o-ellipsis-lastline;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: -webkit-box;\\n  -webkit-line-clamp: 1;\\n  line-clamp: 1;\\n  -webkit-box-orient: vertical;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ATagsInput.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 

package/dist/form.umd.js

@@ -7308,7 +7308,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"FormModel\", {\n    ref: \"searchForm\",\n    staticClass: \"WebComponentFormSearch\",\n    attrs: {\n      model: _vm.form,\n      layout: \"inline\"\n    },\n    on: {\n      submit: _vm.handleSearch\n    }\n  }, [_vm._l(_vm.copyFormSetting.slice(0, _vm.count), function (node, i) {\n    return [!node.hidden ? _c(\"FormModelItem\", {\n      key: i,\n      style: _vm.getFormWidth(node, _vm.matchMediaSize),\n      attrs: {\n        prop: node.model,\n        label: node.label\n      }\n    }, [_c(\"RenderComp\", _vm._g(_vm._b({\n      attrs: {\n        component: node.is || \"Input\"\n      },\n      model: {\n        value: _vm.form[node.model],\n        callback: function ($$v) {\n          _vm.$set(_vm.form, node.model, $$v);\n        },\n        expression: \"form[node.model]\"\n      }\n    }, \"RenderComp\", node.attrs, false), node.event))], 1) : _vm._e()];\n  }), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"WebComponentFormSearch__Actions\"\n  }, [_c(\"Button\", {\n    attrs: {\n      type: \"primary\",\n      \"html-type\": \"submit\"\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.primary))]), _vm._v(\" \"), _c(\"Button\", {\n    style: {\n      marginLeft: \"8px\"\n    },\n    on: {\n      click: _vm.handleReset\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.cancel))]), _vm._v(\" \"), _vm.copyFormSetting.length > this.matchMediaSize - 1 ? _c(\"a\", {\n    staticStyle: {\n      \"margin-left\": \"8px\"\n    },\n    on: {\n      click: function ($event) {\n        _vm.advanced = !_vm.advanced;\n      }\n    }\n  }, [_vm._v(\"\\n      \" + _vm._s(_vm.advanced ? \"收起\" : \"展开\") + \"\\n      \"), _c(\"Icon\", {\n    attrs: {\n      type: _vm.advanced ? \"up\" : \"down\"\n    }\n  })], 1) : _vm._e()], 1)], 2);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"FormModel\", {\n    ref: \"searchForm\",\n    staticClass: \"WebComponentFormSearch\",\n    attrs: {\n      model: _vm.form,\n      layout: \"inline\"\n    },\n    on: {\n      submit: _vm.handleSearch\n    }\n  }, [_vm._l(_vm.copyFormSetting.slice(0, _vm.count), function (node, i) {\n    return !node.hidden ? [_c(\"FormModelItem\", {\n      key: i,\n      style: _vm.getFormWidth(node, _vm.matchMediaSize),\n      attrs: {\n        prop: node.model,\n        label: node.label\n      }\n    }, [_c(\"RenderComp\", _vm._g(_vm._b({\n      attrs: {\n        component: node.is || \"Input\"\n      },\n      model: {\n        value: _vm.form[node.model],\n        callback: function ($$v) {\n          _vm.$set(_vm.form, node.model, $$v);\n        },\n        expression: \"form[node.model]\"\n      }\n    }, \"RenderComp\", node.attrs, false), node.event))], 1)] : _vm._e();\n  }), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"WebComponentFormSearch__Actions\"\n  }, [_c(\"Button\", {\n    attrs: {\n      type: \"primary\",\n      \"html-type\": \"submit\"\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.primary))]), _vm._v(\" \"), _c(\"Button\", {\n    style: {\n      marginLeft: \"8px\"\n    },\n    on: {\n      click: _vm.handleReset\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.cancel))]), _vm._v(\" \"), _vm.copyFormSetting.length > this.matchMediaSize - 1 ? _c(\"a\", {\n    staticStyle: {\n      \"margin-left\": \"8px\"\n    },\n    on: {\n      click: function ($event) {\n        _vm.advanced = !_vm.advanced;\n      }\n    }\n  }, [_vm._v(\"\\n      \" + _vm._s(_vm.advanced ? \"收起\" : \"展开\") + \"\\n      \"), _c(\"Icon\", {\n    attrs: {\n      type: _vm.advanced ? \"up\" : \"down\"\n    }\n  })], 1) : _vm._e()], 1)], 2);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -7550,7 +7550,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n.TAntdTags[data-v-8ed8b9b6] {\\n  width: 100%;\\n  height: auto;\\n  cursor: pointer;\\n  min-height: 32px;\\n}\\n.TAntdTags[data-v-8ed8b9b6] .ant-tag {\\n  cursor: pointer;\\n  display: inline-flex;\\n  align-items: center;\\n}\\n.TAntdTags[data-v-8ed8b9b6] .ant-tag span {\\n  display: inline-block;\\n  max-width: 100px;\\n  overflow-x: hidden;\\n  text-overflow: -o-ellipsis-lastline;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: -webkit-box;\\n  -webkit-line-clamp: 1;\\n  line-clamp: 1;\\n  -webkit-box-orient: vertical;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ATagsInput.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n.TAntdTags[data-v-8ed8b9b6] {\\n  width: 100%;\\n  height: auto;\\n  cursor: pointer;\\n}\\n.TAntdTags[data-v-8ed8b9b6] .ant-tag {\\n  cursor: pointer;\\n  display: inline-flex;\\n  align-items: center;\\n}\\n.TAntdTags[data-v-8ed8b9b6] .ant-tag span {\\n  display: inline-block;\\n  max-width: 100px;\\n  overflow-x: hidden;\\n  text-overflow: -o-ellipsis-lastline;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: -webkit-box;\\n  -webkit-line-clamp: 1;\\n  line-clamp: 1;\\n  -webkit-box-orient: vertical;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ATagsInput.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 

package/dist/index.umd.js

@@ -8527,7 +8527,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"FormModel\", {\n    ref: \"searchForm\",\n    staticClass: \"WebComponentFormSearch\",\n    attrs: {\n      model: _vm.form,\n      layout: \"inline\"\n    },\n    on: {\n      submit: _vm.handleSearch\n    }\n  }, [_vm._l(_vm.copyFormSetting.slice(0, _vm.count), function (node, i) {\n    return [!node.hidden ? _c(\"FormModelItem\", {\n      key: i,\n      style: _vm.getFormWidth(node, _vm.matchMediaSize),\n      attrs: {\n        prop: node.model,\n        label: node.label\n      }\n    }, [_c(\"RenderComp\", _vm._g(_vm._b({\n      attrs: {\n        component: node.is || \"Input\"\n      },\n      model: {\n        value: _vm.form[node.model],\n        callback: function ($$v) {\n          _vm.$set(_vm.form, node.model, $$v);\n        },\n        expression: \"form[node.model]\"\n      }\n    }, \"RenderComp\", node.attrs, false), node.event))], 1) : _vm._e()];\n  }), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"WebComponentFormSearch__Actions\"\n  }, [_c(\"Button\", {\n    attrs: {\n      type: \"primary\",\n      \"html-type\": \"submit\"\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.primary))]), _vm._v(\" \"), _c(\"Button\", {\n    style: {\n      marginLeft: \"8px\"\n    },\n    on: {\n      click: _vm.handleReset\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.cancel))]), _vm._v(\" \"), _vm.copyFormSetting.length > this.matchMediaSize - 1 ? _c(\"a\", {\n    staticStyle: {\n      \"margin-left\": \"8px\"\n    },\n    on: {\n      click: function ($event) {\n        _vm.advanced = !_vm.advanced;\n      }\n    }\n  }, [_vm._v(\"\\n      \" + _vm._s(_vm.advanced ? \"收起\" : \"展开\") + \"\\n      \"), _c(\"Icon\", {\n    attrs: {\n      type: _vm.advanced ? \"up\" : \"down\"\n    }\n  })], 1) : _vm._e()], 1)], 2);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"FormModel\", {\n    ref: \"searchForm\",\n    staticClass: \"WebComponentFormSearch\",\n    attrs: {\n      model: _vm.form,\n      layout: \"inline\"\n    },\n    on: {\n      submit: _vm.handleSearch\n    }\n  }, [_vm._l(_vm.copyFormSetting.slice(0, _vm.count), function (node, i) {\n    return !node.hidden ? [_c(\"FormModelItem\", {\n      key: i,\n      style: _vm.getFormWidth(node, _vm.matchMediaSize),\n      attrs: {\n        prop: node.model,\n        label: node.label\n      }\n    }, [_c(\"RenderComp\", _vm._g(_vm._b({\n      attrs: {\n        component: node.is || \"Input\"\n      },\n      model: {\n        value: _vm.form[node.model],\n        callback: function ($$v) {\n          _vm.$set(_vm.form, node.model, $$v);\n        },\n        expression: \"form[node.model]\"\n      }\n    }, \"RenderComp\", node.attrs, false), node.event))], 1)] : _vm._e();\n  }), _vm._v(\" \"), _c(\"div\", {\n    staticClass: \"WebComponentFormSearch__Actions\"\n  }, [_c(\"Button\", {\n    attrs: {\n      type: \"primary\",\n      \"html-type\": \"submit\"\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.primary))]), _vm._v(\" \"), _c(\"Button\", {\n    style: {\n      marginLeft: \"8px\"\n    },\n    on: {\n      click: _vm.handleReset\n    }\n  }, [_vm._v(_vm._s(_vm.actionsText.cancel))]), _vm._v(\" \"), _vm.copyFormSetting.length > this.matchMediaSize - 1 ? _c(\"a\", {\n    staticStyle: {\n      \"margin-left\": \"8px\"\n    },\n    on: {\n      click: function ($event) {\n        _vm.advanced = !_vm.advanced;\n      }\n    }\n  }, [_vm._v(\"\\n      \" + _vm._s(_vm.advanced ? \"收起\" : \"展开\") + \"\\n      \"), _c(\"Icon\", {\n    attrs: {\n      type: _vm.advanced ? \"up\" : \"down\"\n    }\n  })], 1) : _vm._e()], 1)], 2);\n};\nvar staticRenderFns = [];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/Search.vue?./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -8989,7 +8989,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _utils_Tree__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/dropdown/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var _style_Directory_less__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style/Directory.less */ \"./plugins/lib/tree/style/Directory.less\");\n/* harmony import */ var _svgIcon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../svgIcon */ \"./plugins/lib/svgIcon/index.js\");\n\n\n\n\n\n\n\n\n\n\n/* 明天来了做一下@快捷指向 */\n\nconst TreeNode = ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"].TreeNode;\nconst DirectoryTree = ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"].DirectoryTree;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  name: 'DirectoryTreeMenu',\n  props: {\n    treeData: {\n      type: Array,\n      default: () => []\n    },\n    treeExpandKeys: {\n      type: Array,\n      default: () => []\n    },\n    treePlus: {\n      type: Boolean,\n      default: true\n    },\n    treeActions: {\n      type: Array,\n      default: () => []\n    },\n    /** 是否只显示父级一层操作 */\n    treeActionsParent: {\n      type: Boolean,\n      default: false\n    },\n    treeActionsPlus: {\n      type: Boolean,\n      default: true\n    },\n    replaceFields: {\n      type: Object,\n      default: () => ({\n        children: 'children',\n        key: 'id',\n        title: 'title'\n      })\n    }\n  },\n  data() {\n    return {\n      NodeCheckedKeys: [],\n      NodeSelectedKeys: [],\n      NodeExpandKeys: [],\n      NodeKey: [],\n      NodeActions: null,\n      MenuDropdown: false,\n      NodeActionsStyle: {}\n    };\n  },\n  mounted() {\n    this.onInitTree();\n  },\n  watch: {\n    treeData(newValue, oldValue) {\n      this.onInitTree(!oldValue.length);\n    },\n    treeExpandKeys(newValue) {\n      this.NodeExpandKeys = newValue;\n    }\n  },\n  methods: {\n    TreeNodeRender(node, nodeIndex, parentNode) {\n      const h = this.$createElement;\n      const {\n        replaceFields,\n        NodeActions,\n        treeActions,\n        NodeActionsStyle,\n        NodeExpandKeys,\n        NodeKey,\n        treeActionsPlus,\n        createTreeNode,\n        handleMouseLeave,\n        handleOperateClick,\n        handlePlusClick\n      } = this;\n      const key = node[replaceFields.key];\n      const treeActionsParent = this.treeActionsParent ? !parentNode : true;\n      return h(TreeNode, {\n        \"key\": key,\n        \"class\": \"DirectoryTreeMenu__Node\",\n        \"scopedSlots\": {\n          title: props => {\n            return h(\"div\", {\n              \"class\": \"__Title\"\n            }, [node.type != 'input' ? h(\"span\", [node[replaceFields.title]]) : h(ant_design_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n              \"attrs\": {\n                \"placeholder\": \"请输入节点名称\",\n                \"default-value\": node[replaceFields.title]\n              },\n              \"on\": {\n                ...{\n                  blur: ({\n                    target\n                  }) => createTreeNode(target, node),\n                  pressEnter: event => event.target.blur(event, true)\n                }\n              },\n              \"ref\": \"inputNodeRef\"\n            }), NodeActions && NodeKey.includes(props.eventKey) && treeActionsParent && node.type != 'input' && h(\"div\", {\n              \"ref\": \"TreeMenuActions\",\n              \"class\": \"DirectoryTreeMenu__Actions\",\n              \"on\": {\n                ...{\n                  mouseenter: event => event.stopPropagation()\n                }\n              }\n            }, [h(ant_design_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n              \"attrs\": {\n                \"trigger\": ['click'],\n                \"overlayClassName\": \"DirectoryTreeMenu__Dropdown\"\n              }\n            }, [h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n              \"class\": \"ActionsIcons\",\n              \"attrs\": {\n                \"icon-class\": \"tree-more\"\n              },\n              \"on\": {\n                ...{\n                  click: e => e.preventDefault()\n                }\n              }\n            }), h(\"div\", {\n              \"slot\": \"overlay\",\n              \"class\": \"DirectoryTreeMenu__Dropdown__Menu\"\n            }, [treeActions.map((handle, i) => {\n              return h(\"span\", {\n                \"key\": i,\n                \"on\": {\n                  ...{\n                    // this.$emit('handleOperateClick', handle, NodeActions)\n                    click: () => handleOperateClick(handle, {\n                      ...node,\n                      nodeIndex\n                    }, parentNode)\n                  }\n                }\n              }, [h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n                \"attrs\": {\n                  \"icon-class\": handle.svg\n                }\n              }), \" \", handle.text]);\n            })])]), treeActionsPlus && h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n              \"class\": \"ActionsIcons\",\n              \"attrs\": {\n                \"icon-class\": \"tree-plus\"\n              },\n              \"on\": {\n                ...{\n                  click: () => handlePlusClick()\n                }\n              }\n            })])]);\n          }\n        }\n      }, [node[replaceFields.children] && node[replaceFields.children].length && node[replaceFields.children].map((childNode, childNodeIndex) => this.TreeNodeRender(childNode, childNodeIndex, node))]);\n    },\n    appendTreeNode() {\n      this.treeData.push({\n        type: 'input',\n        append: true,\n        [this.replaceFields.key]: new Date().getTime()\n      });\n      this.$nextTick(() => this.$refs.inputNodeRef.focus());\n    },\n    createTreeNode({\n      value\n    }, node) {\n      this.$set(node, 'type', 'text');\n      this.$emit(`handlePlus${node.append ? 'Add' : 'Update'}`, value, node.append ? node.parentOrgId : node[this.replaceFields.key]);\n      const parentNodes = node.parentOrgId ? this.findItemById(this.treeData, node.parentOrgId)[this.replaceFields.children] : this.treeData;\n      if (node.append) {\n        const i = parentNodes.findIndex(child => child[this.replaceFields.key] == node[this.replaceFields.key]);\n        parentNodes.splice(i, 1);\n      }\n    },\n    handleOperateClick(handle, node, parentNode) {\n      const key = node[this.replaceFields.key];\n      let that = this;\n      switch (handle.type) {\n        case 'update':\n          const updateNode = this.findItemById(this.treeData, key);\n          this.$set(updateNode, 'type', 'input');\n          this.$nextTick(() => this.$refs.inputNodeRef.focus());\n          break;\n        case 'copy':\n          // 明天来了优化一下\n          const cloneNode = parentNode ? parentNode[this.replaceFields.children] : this.treeData;\n          cloneNode.splice(node.nodeIndex + 1, 0, {\n            type: 'input',\n            append: true,\n            parentOrgId: parentNode ? parentNode[this.replaceFields.key] : null,\n            [this.replaceFields.key]: new Date().getTime(),\n            [this.replaceFields.title]: node[this.replaceFields.title]\n          });\n          this.$nextTick(() => this.$refs.inputNodeRef.focus());\n          break;\n        case 'delete':\n          this.$confirm({\n            title: '确定要删除当前节点吗?',\n            okText: '确定',\n            cancelText: '取消',\n            onOk() {\n              that.$emit('handleDeleteClick', node);\n              console.log('OK');\n            },\n            onCancel() {\n              console.log('Cancel');\n            }\n          });\n          break;\n        default:\n          this.$emit('handleOperateClick', handle, node);\n          break;\n      }\n    },\n    handlePlusClick() {\n      const node = this.findItemById(this.treeData, this.NodeActions.id);\n      const childNode = node[this.replaceFields.children] ?? [];\n      childNode.push({\n        type: 'input',\n        append: true,\n        parentOrgId: this.NodeActions.id,\n        [this.replaceFields.key]: new Date().getTime()\n      });\n      this.NodeExpandKeys.push(this.NodeActions.id);\n      node[this.replaceFields.children] = childNode;\n      this.$nextTick(() => this.$refs.inputNodeRef.focus());\n    },\n    findItemById(treeData, id) {\n      for (let i = 0; i < treeData.length; i++) {\n        if (treeData[i][this.replaceFields.key] === id) return treeData[i];\n        let childNode = treeData[i][this.replaceFields.children];\n        if (childNode && childNode.length > 0) {\n          const foundItem = this.findItemById(treeData[i][this.replaceFields.children], id);\n          if (foundItem) return foundItem;\n        }\n      }\n    },\n    onInitTree(treeExpend = true) {\n      this.treeData && (this.NodeSelectedKeys = [this.treeData.at(0)?.[this.replaceFields.key]]);\n      this.NodeExpandKeys = this.treeExpandKeys.length && this.treeExpandKeys || treeExpend && (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_4__.getTreeKey)(this.treeData, true, this.replaceFields) || [];\n    },\n    onCheck(keys, {}) {\n      this.NodeCheckedKeys = keys;\n      this.$emit('onCheck', keys);\n    },\n    onSelect(keys, {\n      nativeEvent,\n      node\n    }) {\n      this.NodeSelectedKeys = keys;\n      this.NodeKey = [].concat(this.NodeSelectedKeys);\n      this.$emit('onSelect', keys);\n    },\n    onExpand(expandedKeys, {\n      expanded,\n      node\n    }) {\n      this.NodeExpandKeys = [].concat(expandedKeys);\n      console.log(expandedKeys, expanded, node, 'Trigger Expand');\n    },\n    getIcon(props) {\n      const h = this.$createElement;\n      const {\n        isLeaf,\n        expanded\n      } = props;\n      if (isLeaf) {\n        return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n          \"attrs\": {\n            \"type\": \"home\"\n          }\n        });\n      }\n      return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        \"attrs\": {\n          \"type\": expanded ? 'folder-open' : 'folder'\n        }\n      });\n    },\n    handleMouseEnter({\n      event,\n      node\n    }) {\n      this.NodeActions = {\n        id: node._props.eventKey,\n        title: node._props.title,\n        parentOrgId: node.$parent.eventKey || null\n      };\n      // this.MenuDropdown = false \n      this.NodeKey = [].concat(this.NodeSelectedKeys);\n      this.NodeKey.push(node.eventKey);\n      // console.log(node, 'handleMouseEnter')\n      // 是否加个参数 判断是否处于打开状态\n    },\n    handleMouseLeave({\n      event,\n      node\n    }) {\n      if (this.NodeKey.includes(node.eventKey) && this.NodeSelectedKeys != node.eventKey) {\n        const i = this.NodeKey.findIndex(key => key == node.eventKey);\n        this.NodeKey.splice(i, 1);\n      }\n      // this.NodeKey = []\n    },\n    onDragEnter(node) {\n      console.log(node, '--onDragEnter');\n      // expandedKeys 需要受控时设置\n      // this.expandedKeys = info.expandedKeys\n    },\n    onDrop(info) {\n      const dragKey = info.dragNode.eventKey;\n      const dropPos = info.node.pos.split(\"-\");\n      // 拖动的位置\n      const dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1]);\n      const node = info.node; //目标节点\n      const dragNode = info.dragNode; // 拖动节点\n      const dropKey = node.eventKey;\n      console.log(dragNode, node, '--dropToGap');\n      if (dragNode.$parent?.eventKey !== node.$parent?.eventKey || !info.dropToGap) {\n        // 阻止跨父级拖拽\n        this.$message.warning(\"只能在同级排序\");\n        return false;\n      }\n      const {\n        key,\n        children\n      } = this.replaceFields;\n      const loop = (data, eventKey, callback) => {\n        data.forEach((node, i, array) => {\n          if (node[key] === eventKey) {\n            return callback(node, i, array);\n          }\n          if (node[children]) {\n            return loop(node[children], eventKey, callback);\n          }\n        });\n      };\n      const data = [...this.treeData];\n      let dragObj;\n      let dragObjIndex;\n      loop(data, dragKey, (node, i, array) => {\n        dragObj = node;\n        dragObjIndex = i;\n      });\n      let dropIndex;\n      loop(data, dropKey, (node, i, array) => {\n        dropIndex = i;\n        console.log(node, i, dragObj, dragObjIndex, '--i');\n      });\n      this.$emit('onDrop', {\n        [key]: dragObj[key],\n        originalIndex: dragObjIndex,\n        presentIndex: dropPosition === -1 ? dropIndex : dropIndex + 1\n      });\n    }\n  },\n  render() {\n    const h = arguments[0];\n    const {\n      $attrs,\n      treePlus,\n      treeData,\n      NodeCheckedKeys,\n      NodeSelectedKeys,\n      NodeExpandKeys,\n      onCheck,\n      onSelect,\n      onExpand,\n      handleMouseEnter,\n      handleMouseLeave,\n      onDragEnter,\n      onDrop,\n      TreeNodeRender,\n      appendTreeNode,\n      replaceFields\n    } = this;\n    return h(\"div\", {\n      \"class\": \"DirectoryTreeMenu\"\n    }, [$attrs.menuTitle && h(\"div\", {\n      \"class\": \"treeDirectory\"\n    }, [h(\"span\", [$attrs.menuTitle || '目录']), treePlus && h(ant_design_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n      \"attrs\": {\n        \"icon\": \"plus\",\n        \"size\": \"small\"\n      },\n      \"on\": {\n        ...{\n          click: appendTreeNode\n        }\n      }\n    })]), h(DirectoryTree, {\n      \"attrs\": {\n        \"draggable\": true,\n        \"default-expand-all\": true,\n        \"checkedKeys\": NodeCheckedKeys,\n        \"selectedKeys\": NodeSelectedKeys,\n        \"expandedKeys\": NodeExpandKeys,\n        \"expandAction\": \"dblclick\",\n        ...$attrs,\n        \"tree-node-filter-prop\": \"title\"\n      },\n      \"class\": \"DirectoryTreeMenu__Tree\",\n      \"on\": {\n        ...{\n          check: onCheck,\n          select: onSelect,\n          expand: onExpand,\n          mouseenter: handleMouseEnter,\n          mouseleave: handleMouseLeave,\n          dragenter: onDragEnter,\n          drop: onDrop\n        }\n      }\n    }, [treeData.map((node, nodeIndex) => TreeNodeRender(node, nodeIndex))])]);\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Directory.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _utils_Tree__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/dropdown/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var _style_Directory_less__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style/Directory.less */ \"./plugins/lib/tree/style/Directory.less\");\n/* harmony import */ var _svgIcon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../svgIcon */ \"./plugins/lib/svgIcon/index.js\");\n\n\n\n\n\n\n\n\n\n\n/* 明天来了做一下@快捷指向 */\n\nconst TreeNode = ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"].TreeNode;\nconst DirectoryTree = ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"].DirectoryTree;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  name: 'DirectoryTreeMenu',\n  props: {\n    treeData: {\n      type: Array,\n      default: () => []\n    },\n    treeExpandKeys: {\n      type: Array,\n      default: () => []\n    },\n    treePlus: {\n      type: Boolean,\n      default: true\n    },\n    treeActions: {\n      type: Array,\n      default: () => []\n    },\n    /** 是否只显示父级一层操作 */\n    treeActionsParent: {\n      type: Boolean,\n      default: false\n    },\n    treeActionsPlus: {\n      type: Boolean,\n      default: true\n    },\n    replaceFields: {\n      type: Object,\n      default: () => ({\n        children: 'children',\n        key: 'id',\n        title: 'title'\n      })\n    }\n  },\n  data() {\n    return {\n      NodeCheckedKeys: [],\n      NodeSelectedKeys: [],\n      NodeExpandKeys: [],\n      NodeKey: [],\n      NodeActions: null,\n      MenuDropdown: false,\n      NodeActionsStyle: {}\n    };\n  },\n  mounted() {\n    this.onInitTree();\n    // this.NodeExpandKeys = ( this.treeExpandKeys.length && this.treeExpandKeys ) || ( treeExpend && getTreeKey(this.treeData, true, this.replaceFields) ) || []\n  },\n  watch: {\n    treeData(newValue, oldValue) {\n      this.onInitTree(!oldValue.length);\n    },\n    treeExpandKeys: {\n      handler(newValue) {\n        this.NodeExpandKeys = newValue;\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    TreeNodeRender(node, nodeIndex, parentNode) {\n      const h = this.$createElement;\n      const {\n        replaceFields,\n        NodeActions,\n        treeActions,\n        NodeActionsStyle,\n        NodeExpandKeys,\n        NodeKey,\n        treeActionsPlus,\n        createTreeNode,\n        handleMouseLeave,\n        handleOperateClick,\n        handlePlusClick\n      } = this;\n      const key = node[replaceFields.key];\n      const treeActionsParent = this.treeActionsParent ? !parentNode : true;\n      return h(TreeNode, {\n        \"key\": key,\n        \"class\": \"DirectoryTreeMenu__Node\",\n        \"scopedSlots\": {\n          title: props => {\n            return h(\"div\", {\n              \"class\": \"__Title\"\n            }, [node.type != 'input' ? h(\"span\", [node[replaceFields.title]]) : h(ant_design_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n              \"attrs\": {\n                \"placeholder\": \"请输入节点名称\",\n                \"default-value\": node[replaceFields.title]\n              },\n              \"on\": {\n                ...{\n                  blur: ({\n                    target\n                  }) => createTreeNode(target, node),\n                  pressEnter: event => event.target.blur(event, true)\n                }\n              },\n              \"ref\": \"inputNodeRef\"\n            }), NodeActions && NodeKey.includes(props.eventKey) && treeActionsParent && node.type != 'input' && h(\"div\", {\n              \"ref\": \"TreeMenuActions\",\n              \"class\": \"DirectoryTreeMenu__Actions\",\n              \"on\": {\n                ...{\n                  mouseenter: event => event.stopPropagation()\n                }\n              }\n            }, [h(ant_design_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n              \"attrs\": {\n                \"trigger\": ['click'],\n                \"overlayClassName\": \"DirectoryTreeMenu__Dropdown\"\n              }\n            }, [h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n              \"class\": \"ActionsIcons\",\n              \"attrs\": {\n                \"icon-class\": \"tree-more\"\n              },\n              \"on\": {\n                ...{\n                  click: e => e.preventDefault()\n                }\n              }\n            }), h(\"div\", {\n              \"slot\": \"overlay\",\n              \"class\": \"DirectoryTreeMenu__Dropdown__Menu\"\n            }, [treeActions.map((handle, i) => {\n              return h(\"span\", {\n                \"key\": i,\n                \"on\": {\n                  ...{\n                    // this.$emit('handleOperateClick', handle, NodeActions)\n                    click: () => handleOperateClick(handle, {\n                      ...node,\n                      nodeIndex\n                    }, parentNode)\n                  }\n                }\n              }, [h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n                \"attrs\": {\n                  \"icon-class\": handle.svg\n                }\n              }), \" \", handle.text]);\n            })])]), treeActionsPlus && h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n              \"class\": \"ActionsIcons\",\n              \"attrs\": {\n                \"icon-class\": \"tree-plus\"\n              },\n              \"on\": {\n                ...{\n                  click: () => handlePlusClick()\n                }\n              }\n            })])]);\n          }\n        }\n      }, [node[replaceFields.children] && node[replaceFields.children].length && node[replaceFields.children].map((childNode, childNodeIndex) => this.TreeNodeRender(childNode, childNodeIndex, node))]);\n    },\n    appendTreeNode() {\n      this.treeData.push({\n        type: 'input',\n        append: true,\n        [this.replaceFields.key]: new Date().getTime()\n      });\n      this.$nextTick(() => this.$refs.inputNodeRef.focus());\n    },\n    createTreeNode({\n      value\n    }, node) {\n      this.$set(node, 'type', 'text');\n      this.$emit(`handlePlus${node.append ? 'Add' : 'Update'}`, value, node.append ? node.parentOrgId : node[this.replaceFields.key]);\n      const parentNodes = node.parentOrgId ? this.findItemById(this.treeData, node.parentOrgId)[this.replaceFields.children] : this.treeData;\n      if (node.append) {\n        const i = parentNodes.findIndex(child => child[this.replaceFields.key] == node[this.replaceFields.key]);\n        parentNodes.splice(i, 1);\n      }\n    },\n    handleOperateClick(handle, node, parentNode) {\n      const key = node[this.replaceFields.key];\n      let that = this;\n      switch (handle.type) {\n        case 'update':\n          const updateNode = this.findItemById(this.treeData, key);\n          this.$set(updateNode, 'type', 'input');\n          this.$nextTick(() => this.$refs.inputNodeRef.focus());\n          break;\n        case 'copy':\n          // 明天来了优化一下\n          const cloneNode = parentNode ? parentNode[this.replaceFields.children] : this.treeData;\n          cloneNode.splice(node.nodeIndex + 1, 0, {\n            type: 'input',\n            append: true,\n            parentOrgId: parentNode ? parentNode[this.replaceFields.key] : null,\n            [this.replaceFields.key]: new Date().getTime(),\n            [this.replaceFields.title]: node[this.replaceFields.title]\n          });\n          this.$nextTick(() => this.$refs.inputNodeRef.focus());\n          break;\n        case 'delete':\n          this.$confirm({\n            title: '确定要删除当前节点吗?',\n            okText: '确定',\n            cancelText: '取消',\n            onOk() {\n              that.$emit('handleDeleteClick', node);\n              console.log('OK');\n            },\n            onCancel() {\n              console.log('Cancel');\n            }\n          });\n          break;\n        default:\n          this.$emit('handleOperateClick', handle, node);\n          break;\n      }\n    },\n    handlePlusClick() {\n      const node = this.findItemById(this.treeData, this.NodeActions.id);\n      const childNode = node[this.replaceFields.children] ?? [];\n      childNode.push({\n        type: 'input',\n        append: true,\n        parentOrgId: this.NodeActions.id,\n        [this.replaceFields.key]: new Date().getTime()\n      });\n      this.NodeExpandKeys.push(this.NodeActions.id);\n      node[this.replaceFields.children] = childNode;\n      this.$nextTick(() => this.$refs.inputNodeRef.focus());\n    },\n    findItemById(treeData, id) {\n      for (let i = 0; i < treeData.length; i++) {\n        if (treeData[i][this.replaceFields.key] === id) return treeData[i];\n        let childNode = treeData[i][this.replaceFields.children];\n        if (childNode && childNode.length > 0) {\n          const foundItem = this.findItemById(treeData[i][this.replaceFields.children], id);\n          if (foundItem) return foundItem;\n        }\n      }\n    },\n    onInitTree(treeExpend = true) {\n      this.treeData && (this.NodeSelectedKeys = [this.treeData.at(0)?.[this.replaceFields.key]]);\n      // this.NodeExpandKeys = ( this.treeExpandKeys.length && this.treeExpandKeys ) || ( treeExpend && getTreeKey(this.treeData, true, this.replaceFields) ) || []\n    },\n    onCheck(keys, {}) {\n      this.NodeCheckedKeys = keys;\n      this.$emit('onCheck', keys);\n    },\n    onSelect(keys, {\n      nativeEvent,\n      node\n    }) {\n      this.NodeSelectedKeys = keys;\n      this.NodeKey = [].concat(this.NodeSelectedKeys);\n      this.$emit('onSelect', keys);\n    },\n    onExpand(expandedKeys, {\n      expanded,\n      node\n    }) {\n      this.NodeExpandKeys = [].concat(expandedKeys);\n      console.log(expandedKeys, expanded, node, 'Trigger Expand');\n    },\n    getIcon(props) {\n      const h = this.$createElement;\n      const {\n        isLeaf,\n        expanded\n      } = props;\n      if (isLeaf) {\n        return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n          \"attrs\": {\n            \"type\": \"home\"\n          }\n        });\n      }\n      return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        \"attrs\": {\n          \"type\": expanded ? 'folder-open' : 'folder'\n        }\n      });\n    },\n    handleMouseEnter({\n      event,\n      node\n    }) {\n      this.NodeActions = {\n        id: node._props.eventKey,\n        title: node._props.title,\n        parentOrgId: node.$parent.eventKey || null\n      };\n      // this.MenuDropdown = false \n      this.NodeKey = [].concat(this.NodeSelectedKeys);\n      this.NodeKey.push(node.eventKey);\n      // console.log(node, 'handleMouseEnter')\n      // 是否加个参数 判断是否处于打开状态\n    },\n    handleMouseLeave({\n      event,\n      node\n    }) {\n      if (this.NodeKey.includes(node.eventKey) && this.NodeSelectedKeys != node.eventKey) {\n        const i = this.NodeKey.findIndex(key => key == node.eventKey);\n        this.NodeKey.splice(i, 1);\n      }\n      // this.NodeKey = []\n    },\n    onDragEnter(node) {\n      console.log(node, '--onDragEnter');\n      // expandedKeys 需要受控时设置\n      // this.expandedKeys = info.expandedKeys\n    },\n    onDrop(info) {\n      const dragKey = info.dragNode.eventKey;\n      const dropPos = info.node.pos.split(\"-\");\n      // 拖动的位置\n      const dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1]);\n      const node = info.node; //目标节点\n      const dragNode = info.dragNode; // 拖动节点\n      const dropKey = node.eventKey;\n      console.log(dragNode, node, '--dropToGap');\n      if (dragNode.$parent?.eventKey !== node.$parent?.eventKey || !info.dropToGap) {\n        // 阻止跨父级拖拽\n        this.$message.warning(\"只能在同级排序\");\n        return false;\n      }\n      const {\n        key,\n        children\n      } = this.replaceFields;\n      const loop = (data, eventKey, callback) => {\n        data.forEach((node, i, array) => {\n          if (node[key] === eventKey) {\n            return callback(node, i, array);\n          }\n          if (node[children]) {\n            return loop(node[children], eventKey, callback);\n          }\n        });\n      };\n      const data = [...this.treeData];\n      let dragObj;\n      let dragObjIndex;\n      loop(data, dragKey, (node, i, array) => {\n        dragObj = node;\n        dragObjIndex = i;\n      });\n      let dropIndex;\n      loop(data, dropKey, (node, i, array) => {\n        dropIndex = i;\n        console.log(node, i, dragObj, dragObjIndex, '--i');\n      });\n      this.$emit('onDrop', {\n        [key]: dragObj[key],\n        originalIndex: dragObjIndex,\n        presentIndex: dropPosition === -1 ? dropIndex : dropIndex + 1\n      });\n    }\n  },\n  render() {\n    const h = arguments[0];\n    const {\n      $attrs,\n      treePlus,\n      treeData,\n      NodeCheckedKeys,\n      NodeSelectedKeys,\n      NodeExpandKeys,\n      onCheck,\n      onSelect,\n      onExpand,\n      handleMouseEnter,\n      handleMouseLeave,\n      onDragEnter,\n      onDrop,\n      TreeNodeRender,\n      appendTreeNode,\n      replaceFields\n    } = this;\n    return h(\"div\", {\n      \"class\": \"DirectoryTreeMenu\"\n    }, [$attrs.menuTitle && h(\"div\", {\n      \"class\": \"treeDirectory\"\n    }, [h(\"span\", [$attrs.menuTitle || '目录']), treePlus && h(ant_design_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n      \"attrs\": {\n        \"icon\": \"plus\",\n        \"size\": \"small\"\n      },\n      \"on\": {\n        ...{\n          click: appendTreeNode\n        }\n      }\n    })]), h(DirectoryTree, {\n      \"attrs\": {\n        \"draggable\": true,\n        \"default-expand-all\": true,\n        \"checkedKeys\": NodeCheckedKeys,\n        \"selectedKeys\": NodeSelectedKeys,\n        \"expandedKeys\": NodeExpandKeys,\n        \"expandAction\": \"dblclick\",\n        ...$attrs,\n        \"tree-node-filter-prop\": \"title\"\n      },\n      \"class\": \"DirectoryTreeMenu__Tree\",\n      \"on\": {\n        ...{\n          check: onCheck,\n          select: onSelect,\n          expand: onExpand,\n          mouseenter: handleMouseEnter,\n          mouseleave: handleMouseLeave,\n          dragenter: onDragEnter,\n          drop: onDrop\n        }\n      }\n    }, [treeData.map((node, nodeIndex) => TreeNodeRender(node, nodeIndex))])]);\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Directory.js?");
 
 /***/ }),
 
@@ -9241,7 +9241,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n.TAntdTags[data-v-8ed8b9b6] {\\n  width: 100%;\\n  height: auto;\\n  cursor: pointer;\\n  min-height: 32px;\\n}\\n.TAntdTags[data-v-8ed8b9b6] .ant-tag {\\n  cursor: pointer;\\n  display: inline-flex;\\n  align-items: center;\\n}\\n.TAntdTags[data-v-8ed8b9b6] .ant-tag span {\\n  display: inline-block;\\n  max-width: 100px;\\n  overflow-x: hidden;\\n  text-overflow: -o-ellipsis-lastline;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: -webkit-box;\\n  -webkit-line-clamp: 1;\\n  line-clamp: 1;\\n  -webkit-box-orient: vertical;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ATagsInput.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n.TAntdTags[data-v-8ed8b9b6] {\\n  width: 100%;\\n  height: auto;\\n  cursor: pointer;\\n}\\n.TAntdTags[data-v-8ed8b9b6] .ant-tag {\\n  cursor: pointer;\\n  display: inline-flex;\\n  align-items: center;\\n}\\n.TAntdTags[data-v-8ed8b9b6] .ant-tag span {\\n  display: inline-block;\\n  max-width: 100px;\\n  overflow-x: hidden;\\n  text-overflow: -o-ellipsis-lastline;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: -webkit-box;\\n  -webkit-line-clamp: 1;\\n  line-clamp: 1;\\n  -webkit-box-orient: vertical;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/form/components/ATagsInput.vue?./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 

package/dist/tree.umd.js

@@ -3379,7 +3379,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _utils_Tree__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/dropdown/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var _style_Directory_less__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style/Directory.less */ \"./plugins/lib/tree/style/Directory.less\");\n/* harmony import */ var _svgIcon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../svgIcon */ \"./plugins/lib/svgIcon/index.js\");\n\n\n\n\n\n\n\n\n\n\n/* 明天来了做一下@快捷指向 */\n\nconst TreeNode = ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"].TreeNode;\nconst DirectoryTree = ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"].DirectoryTree;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  name: 'DirectoryTreeMenu',\n  props: {\n    treeData: {\n      type: Array,\n      default: () => []\n    },\n    treeExpandKeys: {\n      type: Array,\n      default: () => []\n    },\n    treePlus: {\n      type: Boolean,\n      default: true\n    },\n    treeActions: {\n      type: Array,\n      default: () => []\n    },\n    /** 是否只显示父级一层操作 */\n    treeActionsParent: {\n      type: Boolean,\n      default: false\n    },\n    treeActionsPlus: {\n      type: Boolean,\n      default: true\n    },\n    replaceFields: {\n      type: Object,\n      default: () => ({\n        children: 'children',\n        key: 'id',\n        title: 'title'\n      })\n    }\n  },\n  data() {\n    return {\n      NodeCheckedKeys: [],\n      NodeSelectedKeys: [],\n      NodeExpandKeys: [],\n      NodeKey: [],\n      NodeActions: null,\n      MenuDropdown: false,\n      NodeActionsStyle: {}\n    };\n  },\n  mounted() {\n    this.onInitTree();\n  },\n  watch: {\n    treeData(newValue, oldValue) {\n      this.onInitTree(!oldValue.length);\n    },\n    treeExpandKeys(newValue) {\n      this.NodeExpandKeys = newValue;\n    }\n  },\n  methods: {\n    TreeNodeRender(node, nodeIndex, parentNode) {\n      const h = this.$createElement;\n      const {\n        replaceFields,\n        NodeActions,\n        treeActions,\n        NodeActionsStyle,\n        NodeExpandKeys,\n        NodeKey,\n        treeActionsPlus,\n        createTreeNode,\n        handleMouseLeave,\n        handleOperateClick,\n        handlePlusClick\n      } = this;\n      const key = node[replaceFields.key];\n      const treeActionsParent = this.treeActionsParent ? !parentNode : true;\n      return h(TreeNode, {\n        \"key\": key,\n        \"class\": \"DirectoryTreeMenu__Node\",\n        \"scopedSlots\": {\n          title: props => {\n            return h(\"div\", {\n              \"class\": \"__Title\"\n            }, [node.type != 'input' ? h(\"span\", [node[replaceFields.title]]) : h(ant_design_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n              \"attrs\": {\n                \"placeholder\": \"请输入节点名称\",\n                \"default-value\": node[replaceFields.title]\n              },\n              \"on\": {\n                ...{\n                  blur: ({\n                    target\n                  }) => createTreeNode(target, node),\n                  pressEnter: event => event.target.blur(event, true)\n                }\n              },\n              \"ref\": \"inputNodeRef\"\n            }), NodeActions && NodeKey.includes(props.eventKey) && treeActionsParent && node.type != 'input' && h(\"div\", {\n              \"ref\": \"TreeMenuActions\",\n              \"class\": \"DirectoryTreeMenu__Actions\",\n              \"on\": {\n                ...{\n                  mouseenter: event => event.stopPropagation()\n                }\n              }\n            }, [h(ant_design_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n              \"attrs\": {\n                \"trigger\": ['click'],\n                \"overlayClassName\": \"DirectoryTreeMenu__Dropdown\"\n              }\n            }, [h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n              \"class\": \"ActionsIcons\",\n              \"attrs\": {\n                \"icon-class\": \"tree-more\"\n              },\n              \"on\": {\n                ...{\n                  click: e => e.preventDefault()\n                }\n              }\n            }), h(\"div\", {\n              \"slot\": \"overlay\",\n              \"class\": \"DirectoryTreeMenu__Dropdown__Menu\"\n            }, [treeActions.map((handle, i) => {\n              return h(\"span\", {\n                \"key\": i,\n                \"on\": {\n                  ...{\n                    // this.$emit('handleOperateClick', handle, NodeActions)\n                    click: () => handleOperateClick(handle, {\n                      ...node,\n                      nodeIndex\n                    }, parentNode)\n                  }\n                }\n              }, [h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n                \"attrs\": {\n                  \"icon-class\": handle.svg\n                }\n              }), \" \", handle.text]);\n            })])]), treeActionsPlus && h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n              \"class\": \"ActionsIcons\",\n              \"attrs\": {\n                \"icon-class\": \"tree-plus\"\n              },\n              \"on\": {\n                ...{\n                  click: () => handlePlusClick()\n                }\n              }\n            })])]);\n          }\n        }\n      }, [node[replaceFields.children] && node[replaceFields.children].length && node[replaceFields.children].map((childNode, childNodeIndex) => this.TreeNodeRender(childNode, childNodeIndex, node))]);\n    },\n    appendTreeNode() {\n      this.treeData.push({\n        type: 'input',\n        append: true,\n        [this.replaceFields.key]: new Date().getTime()\n      });\n      this.$nextTick(() => this.$refs.inputNodeRef.focus());\n    },\n    createTreeNode({\n      value\n    }, node) {\n      this.$set(node, 'type', 'text');\n      this.$emit(`handlePlus${node.append ? 'Add' : 'Update'}`, value, node.append ? node.parentOrgId : node[this.replaceFields.key]);\n      const parentNodes = node.parentOrgId ? this.findItemById(this.treeData, node.parentOrgId)[this.replaceFields.children] : this.treeData;\n      if (node.append) {\n        const i = parentNodes.findIndex(child => child[this.replaceFields.key] == node[this.replaceFields.key]);\n        parentNodes.splice(i, 1);\n      }\n    },\n    handleOperateClick(handle, node, parentNode) {\n      const key = node[this.replaceFields.key];\n      let that = this;\n      switch (handle.type) {\n        case 'update':\n          const updateNode = this.findItemById(this.treeData, key);\n          this.$set(updateNode, 'type', 'input');\n          this.$nextTick(() => this.$refs.inputNodeRef.focus());\n          break;\n        case 'copy':\n          // 明天来了优化一下\n          const cloneNode = parentNode ? parentNode[this.replaceFields.children] : this.treeData;\n          cloneNode.splice(node.nodeIndex + 1, 0, {\n            type: 'input',\n            append: true,\n            parentOrgId: parentNode ? parentNode[this.replaceFields.key] : null,\n            [this.replaceFields.key]: new Date().getTime(),\n            [this.replaceFields.title]: node[this.replaceFields.title]\n          });\n          this.$nextTick(() => this.$refs.inputNodeRef.focus());\n          break;\n        case 'delete':\n          this.$confirm({\n            title: '确定要删除当前节点吗?',\n            okText: '确定',\n            cancelText: '取消',\n            onOk() {\n              that.$emit('handleDeleteClick', node);\n              console.log('OK');\n            },\n            onCancel() {\n              console.log('Cancel');\n            }\n          });\n          break;\n        default:\n          this.$emit('handleOperateClick', handle, node);\n          break;\n      }\n    },\n    handlePlusClick() {\n      const node = this.findItemById(this.treeData, this.NodeActions.id);\n      const childNode = node[this.replaceFields.children] ?? [];\n      childNode.push({\n        type: 'input',\n        append: true,\n        parentOrgId: this.NodeActions.id,\n        [this.replaceFields.key]: new Date().getTime()\n      });\n      this.NodeExpandKeys.push(this.NodeActions.id);\n      node[this.replaceFields.children] = childNode;\n      this.$nextTick(() => this.$refs.inputNodeRef.focus());\n    },\n    findItemById(treeData, id) {\n      for (let i = 0; i < treeData.length; i++) {\n        if (treeData[i][this.replaceFields.key] === id) return treeData[i];\n        let childNode = treeData[i][this.replaceFields.children];\n        if (childNode && childNode.length > 0) {\n          const foundItem = this.findItemById(treeData[i][this.replaceFields.children], id);\n          if (foundItem) return foundItem;\n        }\n      }\n    },\n    onInitTree(treeExpend = true) {\n      this.treeData && (this.NodeSelectedKeys = [this.treeData.at(0)?.[this.replaceFields.key]]);\n      this.NodeExpandKeys = this.treeExpandKeys.length && this.treeExpandKeys || treeExpend && (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_4__.getTreeKey)(this.treeData, true, this.replaceFields) || [];\n    },\n    onCheck(keys, {}) {\n      this.NodeCheckedKeys = keys;\n      this.$emit('onCheck', keys);\n    },\n    onSelect(keys, {\n      nativeEvent,\n      node\n    }) {\n      this.NodeSelectedKeys = keys;\n      this.NodeKey = [].concat(this.NodeSelectedKeys);\n      this.$emit('onSelect', keys);\n    },\n    onExpand(expandedKeys, {\n      expanded,\n      node\n    }) {\n      this.NodeExpandKeys = [].concat(expandedKeys);\n      console.log(expandedKeys, expanded, node, 'Trigger Expand');\n    },\n    getIcon(props) {\n      const h = this.$createElement;\n      const {\n        isLeaf,\n        expanded\n      } = props;\n      if (isLeaf) {\n        return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n          \"attrs\": {\n            \"type\": \"home\"\n          }\n        });\n      }\n      return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        \"attrs\": {\n          \"type\": expanded ? 'folder-open' : 'folder'\n        }\n      });\n    },\n    handleMouseEnter({\n      event,\n      node\n    }) {\n      this.NodeActions = {\n        id: node._props.eventKey,\n        title: node._props.title,\n        parentOrgId: node.$parent.eventKey || null\n      };\n      // this.MenuDropdown = false \n      this.NodeKey = [].concat(this.NodeSelectedKeys);\n      this.NodeKey.push(node.eventKey);\n      // console.log(node, 'handleMouseEnter')\n      // 是否加个参数 判断是否处于打开状态\n    },\n    handleMouseLeave({\n      event,\n      node\n    }) {\n      if (this.NodeKey.includes(node.eventKey) && this.NodeSelectedKeys != node.eventKey) {\n        const i = this.NodeKey.findIndex(key => key == node.eventKey);\n        this.NodeKey.splice(i, 1);\n      }\n      // this.NodeKey = []\n    },\n    onDragEnter(node) {\n      console.log(node, '--onDragEnter');\n      // expandedKeys 需要受控时设置\n      // this.expandedKeys = info.expandedKeys\n    },\n    onDrop(info) {\n      const dragKey = info.dragNode.eventKey;\n      const dropPos = info.node.pos.split(\"-\");\n      // 拖动的位置\n      const dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1]);\n      const node = info.node; //目标节点\n      const dragNode = info.dragNode; // 拖动节点\n      const dropKey = node.eventKey;\n      console.log(dragNode, node, '--dropToGap');\n      if (dragNode.$parent?.eventKey !== node.$parent?.eventKey || !info.dropToGap) {\n        // 阻止跨父级拖拽\n        this.$message.warning(\"只能在同级排序\");\n        return false;\n      }\n      const {\n        key,\n        children\n      } = this.replaceFields;\n      const loop = (data, eventKey, callback) => {\n        data.forEach((node, i, array) => {\n          if (node[key] === eventKey) {\n            return callback(node, i, array);\n          }\n          if (node[children]) {\n            return loop(node[children], eventKey, callback);\n          }\n        });\n      };\n      const data = [...this.treeData];\n      let dragObj;\n      let dragObjIndex;\n      loop(data, dragKey, (node, i, array) => {\n        dragObj = node;\n        dragObjIndex = i;\n      });\n      let dropIndex;\n      loop(data, dropKey, (node, i, array) => {\n        dropIndex = i;\n        console.log(node, i, dragObj, dragObjIndex, '--i');\n      });\n      this.$emit('onDrop', {\n        [key]: dragObj[key],\n        originalIndex: dragObjIndex,\n        presentIndex: dropPosition === -1 ? dropIndex : dropIndex + 1\n      });\n    }\n  },\n  render() {\n    const h = arguments[0];\n    const {\n      $attrs,\n      treePlus,\n      treeData,\n      NodeCheckedKeys,\n      NodeSelectedKeys,\n      NodeExpandKeys,\n      onCheck,\n      onSelect,\n      onExpand,\n      handleMouseEnter,\n      handleMouseLeave,\n      onDragEnter,\n      onDrop,\n      TreeNodeRender,\n      appendTreeNode,\n      replaceFields\n    } = this;\n    return h(\"div\", {\n      \"class\": \"DirectoryTreeMenu\"\n    }, [$attrs.menuTitle && h(\"div\", {\n      \"class\": \"treeDirectory\"\n    }, [h(\"span\", [$attrs.menuTitle || '目录']), treePlus && h(ant_design_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n      \"attrs\": {\n        \"icon\": \"plus\",\n        \"size\": \"small\"\n      },\n      \"on\": {\n        ...{\n          click: appendTreeNode\n        }\n      }\n    })]), h(DirectoryTree, {\n      \"attrs\": {\n        \"draggable\": true,\n        \"default-expand-all\": true,\n        \"checkedKeys\": NodeCheckedKeys,\n        \"selectedKeys\": NodeSelectedKeys,\n        \"expandedKeys\": NodeExpandKeys,\n        \"expandAction\": \"dblclick\",\n        ...$attrs,\n        \"tree-node-filter-prop\": \"title\"\n      },\n      \"class\": \"DirectoryTreeMenu__Tree\",\n      \"on\": {\n        ...{\n          check: onCheck,\n          select: onSelect,\n          expand: onExpand,\n          mouseenter: handleMouseEnter,\n          mouseleave: handleMouseLeave,\n          dragenter: onDragEnter,\n          drop: onDrop\n        }\n      }\n    }, [treeData.map((node, nodeIndex) => TreeNodeRender(node, nodeIndex))])]);\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Directory.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.iterator.constructor.js */ \"./node_modules/core-js/modules/es.iterator.constructor.js\");\n/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.iterator.for-each.js */ \"./node_modules/core-js/modules/es.iterator.for-each.js\");\n/* harmony import */ var core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.iterator.map.js */ \"./node_modules/core-js/modules/es.iterator.map.js\");\n/* harmony import */ var core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _utils_Tree__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/dropdown/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var _style_Directory_less__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./style/Directory.less */ \"./plugins/lib/tree/style/Directory.less\");\n/* harmony import */ var _svgIcon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../svgIcon */ \"./plugins/lib/svgIcon/index.js\");\n\n\n\n\n\n\n\n\n\n\n/* 明天来了做一下@快捷指向 */\n\nconst TreeNode = ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"].TreeNode;\nconst DirectoryTree = ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"].DirectoryTree;\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  name: 'DirectoryTreeMenu',\n  props: {\n    treeData: {\n      type: Array,\n      default: () => []\n    },\n    treeExpandKeys: {\n      type: Array,\n      default: () => []\n    },\n    treePlus: {\n      type: Boolean,\n      default: true\n    },\n    treeActions: {\n      type: Array,\n      default: () => []\n    },\n    /** 是否只显示父级一层操作 */\n    treeActionsParent: {\n      type: Boolean,\n      default: false\n    },\n    treeActionsPlus: {\n      type: Boolean,\n      default: true\n    },\n    replaceFields: {\n      type: Object,\n      default: () => ({\n        children: 'children',\n        key: 'id',\n        title: 'title'\n      })\n    }\n  },\n  data() {\n    return {\n      NodeCheckedKeys: [],\n      NodeSelectedKeys: [],\n      NodeExpandKeys: [],\n      NodeKey: [],\n      NodeActions: null,\n      MenuDropdown: false,\n      NodeActionsStyle: {}\n    };\n  },\n  mounted() {\n    this.onInitTree();\n    // this.NodeExpandKeys = ( this.treeExpandKeys.length && this.treeExpandKeys ) || ( treeExpend && getTreeKey(this.treeData, true, this.replaceFields) ) || []\n  },\n  watch: {\n    treeData(newValue, oldValue) {\n      this.onInitTree(!oldValue.length);\n    },\n    treeExpandKeys: {\n      handler(newValue) {\n        this.NodeExpandKeys = newValue;\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    TreeNodeRender(node, nodeIndex, parentNode) {\n      const h = this.$createElement;\n      const {\n        replaceFields,\n        NodeActions,\n        treeActions,\n        NodeActionsStyle,\n        NodeExpandKeys,\n        NodeKey,\n        treeActionsPlus,\n        createTreeNode,\n        handleMouseLeave,\n        handleOperateClick,\n        handlePlusClick\n      } = this;\n      const key = node[replaceFields.key];\n      const treeActionsParent = this.treeActionsParent ? !parentNode : true;\n      return h(TreeNode, {\n        \"key\": key,\n        \"class\": \"DirectoryTreeMenu__Node\",\n        \"scopedSlots\": {\n          title: props => {\n            return h(\"div\", {\n              \"class\": \"__Title\"\n            }, [node.type != 'input' ? h(\"span\", [node[replaceFields.title]]) : h(ant_design_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n              \"attrs\": {\n                \"placeholder\": \"请输入节点名称\",\n                \"default-value\": node[replaceFields.title]\n              },\n              \"on\": {\n                ...{\n                  blur: ({\n                    target\n                  }) => createTreeNode(target, node),\n                  pressEnter: event => event.target.blur(event, true)\n                }\n              },\n              \"ref\": \"inputNodeRef\"\n            }), NodeActions && NodeKey.includes(props.eventKey) && treeActionsParent && node.type != 'input' && h(\"div\", {\n              \"ref\": \"TreeMenuActions\",\n              \"class\": \"DirectoryTreeMenu__Actions\",\n              \"on\": {\n                ...{\n                  mouseenter: event => event.stopPropagation()\n                }\n              }\n            }, [h(ant_design_vue__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n              \"attrs\": {\n                \"trigger\": ['click'],\n                \"overlayClassName\": \"DirectoryTreeMenu__Dropdown\"\n              }\n            }, [h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n              \"class\": \"ActionsIcons\",\n              \"attrs\": {\n                \"icon-class\": \"tree-more\"\n              },\n              \"on\": {\n                ...{\n                  click: e => e.preventDefault()\n                }\n              }\n            }), h(\"div\", {\n              \"slot\": \"overlay\",\n              \"class\": \"DirectoryTreeMenu__Dropdown__Menu\"\n            }, [treeActions.map((handle, i) => {\n              return h(\"span\", {\n                \"key\": i,\n                \"on\": {\n                  ...{\n                    // this.$emit('handleOperateClick', handle, NodeActions)\n                    click: () => handleOperateClick(handle, {\n                      ...node,\n                      nodeIndex\n                    }, parentNode)\n                  }\n                }\n              }, [h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n                \"attrs\": {\n                  \"icon-class\": handle.svg\n                }\n              }), \" \", handle.text]);\n            })])]), treeActionsPlus && h(_svgIcon__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n              \"class\": \"ActionsIcons\",\n              \"attrs\": {\n                \"icon-class\": \"tree-plus\"\n              },\n              \"on\": {\n                ...{\n                  click: () => handlePlusClick()\n                }\n              }\n            })])]);\n          }\n        }\n      }, [node[replaceFields.children] && node[replaceFields.children].length && node[replaceFields.children].map((childNode, childNodeIndex) => this.TreeNodeRender(childNode, childNodeIndex, node))]);\n    },\n    appendTreeNode() {\n      this.treeData.push({\n        type: 'input',\n        append: true,\n        [this.replaceFields.key]: new Date().getTime()\n      });\n      this.$nextTick(() => this.$refs.inputNodeRef.focus());\n    },\n    createTreeNode({\n      value\n    }, node) {\n      this.$set(node, 'type', 'text');\n      this.$emit(`handlePlus${node.append ? 'Add' : 'Update'}`, value, node.append ? node.parentOrgId : node[this.replaceFields.key]);\n      const parentNodes = node.parentOrgId ? this.findItemById(this.treeData, node.parentOrgId)[this.replaceFields.children] : this.treeData;\n      if (node.append) {\n        const i = parentNodes.findIndex(child => child[this.replaceFields.key] == node[this.replaceFields.key]);\n        parentNodes.splice(i, 1);\n      }\n    },\n    handleOperateClick(handle, node, parentNode) {\n      const key = node[this.replaceFields.key];\n      let that = this;\n      switch (handle.type) {\n        case 'update':\n          const updateNode = this.findItemById(this.treeData, key);\n          this.$set(updateNode, 'type', 'input');\n          this.$nextTick(() => this.$refs.inputNodeRef.focus());\n          break;\n        case 'copy':\n          // 明天来了优化一下\n          const cloneNode = parentNode ? parentNode[this.replaceFields.children] : this.treeData;\n          cloneNode.splice(node.nodeIndex + 1, 0, {\n            type: 'input',\n            append: true,\n            parentOrgId: parentNode ? parentNode[this.replaceFields.key] : null,\n            [this.replaceFields.key]: new Date().getTime(),\n            [this.replaceFields.title]: node[this.replaceFields.title]\n          });\n          this.$nextTick(() => this.$refs.inputNodeRef.focus());\n          break;\n        case 'delete':\n          this.$confirm({\n            title: '确定要删除当前节点吗?',\n            okText: '确定',\n            cancelText: '取消',\n            onOk() {\n              that.$emit('handleDeleteClick', node);\n              console.log('OK');\n            },\n            onCancel() {\n              console.log('Cancel');\n            }\n          });\n          break;\n        default:\n          this.$emit('handleOperateClick', handle, node);\n          break;\n      }\n    },\n    handlePlusClick() {\n      const node = this.findItemById(this.treeData, this.NodeActions.id);\n      const childNode = node[this.replaceFields.children] ?? [];\n      childNode.push({\n        type: 'input',\n        append: true,\n        parentOrgId: this.NodeActions.id,\n        [this.replaceFields.key]: new Date().getTime()\n      });\n      this.NodeExpandKeys.push(this.NodeActions.id);\n      node[this.replaceFields.children] = childNode;\n      this.$nextTick(() => this.$refs.inputNodeRef.focus());\n    },\n    findItemById(treeData, id) {\n      for (let i = 0; i < treeData.length; i++) {\n        if (treeData[i][this.replaceFields.key] === id) return treeData[i];\n        let childNode = treeData[i][this.replaceFields.children];\n        if (childNode && childNode.length > 0) {\n          const foundItem = this.findItemById(treeData[i][this.replaceFields.children], id);\n          if (foundItem) return foundItem;\n        }\n      }\n    },\n    onInitTree(treeExpend = true) {\n      this.treeData && (this.NodeSelectedKeys = [this.treeData.at(0)?.[this.replaceFields.key]]);\n      // this.NodeExpandKeys = ( this.treeExpandKeys.length && this.treeExpandKeys ) || ( treeExpend && getTreeKey(this.treeData, true, this.replaceFields) ) || []\n    },\n    onCheck(keys, {}) {\n      this.NodeCheckedKeys = keys;\n      this.$emit('onCheck', keys);\n    },\n    onSelect(keys, {\n      nativeEvent,\n      node\n    }) {\n      this.NodeSelectedKeys = keys;\n      this.NodeKey = [].concat(this.NodeSelectedKeys);\n      this.$emit('onSelect', keys);\n    },\n    onExpand(expandedKeys, {\n      expanded,\n      node\n    }) {\n      this.NodeExpandKeys = [].concat(expandedKeys);\n      console.log(expandedKeys, expanded, node, 'Trigger Expand');\n    },\n    getIcon(props) {\n      const h = this.$createElement;\n      const {\n        isLeaf,\n        expanded\n      } = props;\n      if (isLeaf) {\n        return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n          \"attrs\": {\n            \"type\": \"home\"\n          }\n        });\n      }\n      return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n        \"attrs\": {\n          \"type\": expanded ? 'folder-open' : 'folder'\n        }\n      });\n    },\n    handleMouseEnter({\n      event,\n      node\n    }) {\n      this.NodeActions = {\n        id: node._props.eventKey,\n        title: node._props.title,\n        parentOrgId: node.$parent.eventKey || null\n      };\n      // this.MenuDropdown = false \n      this.NodeKey = [].concat(this.NodeSelectedKeys);\n      this.NodeKey.push(node.eventKey);\n      // console.log(node, 'handleMouseEnter')\n      // 是否加个参数 判断是否处于打开状态\n    },\n    handleMouseLeave({\n      event,\n      node\n    }) {\n      if (this.NodeKey.includes(node.eventKey) && this.NodeSelectedKeys != node.eventKey) {\n        const i = this.NodeKey.findIndex(key => key == node.eventKey);\n        this.NodeKey.splice(i, 1);\n      }\n      // this.NodeKey = []\n    },\n    onDragEnter(node) {\n      console.log(node, '--onDragEnter');\n      // expandedKeys 需要受控时设置\n      // this.expandedKeys = info.expandedKeys\n    },\n    onDrop(info) {\n      const dragKey = info.dragNode.eventKey;\n      const dropPos = info.node.pos.split(\"-\");\n      // 拖动的位置\n      const dropPosition = info.dropPosition - Number(dropPos[dropPos.length - 1]);\n      const node = info.node; //目标节点\n      const dragNode = info.dragNode; // 拖动节点\n      const dropKey = node.eventKey;\n      console.log(dragNode, node, '--dropToGap');\n      if (dragNode.$parent?.eventKey !== node.$parent?.eventKey || !info.dropToGap) {\n        // 阻止跨父级拖拽\n        this.$message.warning(\"只能在同级排序\");\n        return false;\n      }\n      const {\n        key,\n        children\n      } = this.replaceFields;\n      const loop = (data, eventKey, callback) => {\n        data.forEach((node, i, array) => {\n          if (node[key] === eventKey) {\n            return callback(node, i, array);\n          }\n          if (node[children]) {\n            return loop(node[children], eventKey, callback);\n          }\n        });\n      };\n      const data = [...this.treeData];\n      let dragObj;\n      let dragObjIndex;\n      loop(data, dragKey, (node, i, array) => {\n        dragObj = node;\n        dragObjIndex = i;\n      });\n      let dropIndex;\n      loop(data, dropKey, (node, i, array) => {\n        dropIndex = i;\n        console.log(node, i, dragObj, dragObjIndex, '--i');\n      });\n      this.$emit('onDrop', {\n        [key]: dragObj[key],\n        originalIndex: dragObjIndex,\n        presentIndex: dropPosition === -1 ? dropIndex : dropIndex + 1\n      });\n    }\n  },\n  render() {\n    const h = arguments[0];\n    const {\n      $attrs,\n      treePlus,\n      treeData,\n      NodeCheckedKeys,\n      NodeSelectedKeys,\n      NodeExpandKeys,\n      onCheck,\n      onSelect,\n      onExpand,\n      handleMouseEnter,\n      handleMouseLeave,\n      onDragEnter,\n      onDrop,\n      TreeNodeRender,\n      appendTreeNode,\n      replaceFields\n    } = this;\n    return h(\"div\", {\n      \"class\": \"DirectoryTreeMenu\"\n    }, [$attrs.menuTitle && h(\"div\", {\n      \"class\": \"treeDirectory\"\n    }, [h(\"span\", [$attrs.menuTitle || '目录']), treePlus && h(ant_design_vue__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n      \"attrs\": {\n        \"icon\": \"plus\",\n        \"size\": \"small\"\n      },\n      \"on\": {\n        ...{\n          click: appendTreeNode\n        }\n      }\n    })]), h(DirectoryTree, {\n      \"attrs\": {\n        \"draggable\": true,\n        \"default-expand-all\": true,\n        \"checkedKeys\": NodeCheckedKeys,\n        \"selectedKeys\": NodeSelectedKeys,\n        \"expandedKeys\": NodeExpandKeys,\n        \"expandAction\": \"dblclick\",\n        ...$attrs,\n        \"tree-node-filter-prop\": \"title\"\n      },\n      \"class\": \"DirectoryTreeMenu__Tree\",\n      \"on\": {\n        ...{\n          check: onCheck,\n          select: onSelect,\n          expand: onExpand,\n          mouseenter: handleMouseEnter,\n          mouseleave: handleMouseLeave,\n          dragenter: onDragEnter,\n          drop: onDrop\n        }\n      }\n    }, [treeData.map((node, nodeIndex) => TreeNodeRender(node, nodeIndex))])]);\n  }\n});\n\n//# sourceURL=webpack://mui/./plugins/lib/tree/Directory.js?");
 
 /***/ }),
 

package/lib/form/Search.vue

@@ -1,13 +1,12 @@
 <template>
   <FormModel :model="form" ref="searchForm" layout="inline" @submit="handleSearch" class="WebComponentFormSearch">
 
-    <template v-for="(node, i) in copyFormSetting.slice(0, count)">
+    <template v-for="(node, i) in copyFormSetting.slice(0, count)" v-if="!node.hidden">
       <FormModelItem
         :key="i"
         :prop="node.model"
         :label="node.label"
         :style="getFormWidth(node, matchMediaSize)"
-        v-if="!node.hidden"
       >
         <RenderComp
           v-on="node.event"

package/lib/form/components/ATagsInput.vue

@@ -75,8 +75,7 @@ export default {
 .TAntdTags {
   width: 100%;
   height: auto;
-  cursor: pointer; 
-  min-height: 32px;
+  cursor: pointer;
 
   :deep(.ant-tag) {
     cursor: pointer;

package/lib/tree/Directory.js

@@ -60,13 +60,17 @@ export default {
   },
   mounted() {
     this.onInitTree()
+    // this.NodeExpandKeys = ( this.treeExpandKeys.length && this.treeExpandKeys ) || ( treeExpend && getTreeKey(this.treeData, true, this.replaceFields) ) || []
   },
   watch: {
     treeData(newValue, oldValue) {
       this.onInitTree( !oldValue.length ) 
     },
-    treeExpandKeys(newValue) {
-      this.NodeExpandKeys = newValue
+    treeExpandKeys: {
+      handler(newValue) {
+        this.NodeExpandKeys = newValue
+      },
+      immediate: true
     }
   },
   methods: {
@@ -263,7 +267,7 @@ export default {
     },
     onInitTree(treeExpend = true) {
       this.treeData && (this.NodeSelectedKeys = [this.treeData.at(0)?.[this.replaceFields.key]])
-      this.NodeExpandKeys = ( this.treeExpandKeys.length && this.treeExpandKeys ) || ( treeExpend && getTreeKey(this.treeData, true, this.replaceFields) ) || []
+      // this.NodeExpandKeys = ( this.treeExpandKeys.length && this.treeExpandKeys ) || ( treeExpend && getTreeKey(this.treeData, true, this.replaceFields) ) || []
     },
     onCheck(keys, {}) {
       this.NodeCheckedKeys = keys

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-component-gallery",
-  "version": "1.2.28",
+  "version": "1.2.30",
   "description": "基于Vue2的Web Components组件库",
   "main": "dist/index.umd.js",
   "files": [
@@ -20,7 +20,8 @@
   },
   "peerDependencies": {
     "vue": "^2.6.14",
-    "ant-design-vue": "1.7.8"
+    "ant-design-vue": "1.7.8",
+    "@amap/amap-jsapi-loader": "^1.0.1"
   },
   "dependencies": {
     "dompurify": "^3.2.4",

package/plugins/lib/form/Search.vue

@@ -1,13 +1,12 @@
 <template>
   <FormModel :model="form" ref="searchForm" layout="inline" @submit="handleSearch" class="WebComponentFormSearch">
 
-    <template v-for="(node, i) in copyFormSetting.slice(0, count)">
+    <template v-for="(node, i) in copyFormSetting.slice(0, count)" v-if="!node.hidden">
       <FormModelItem
         :key="i"
         :prop="node.model"
         :label="node.label"
         :style="getFormWidth(node, matchMediaSize)"
-        v-if="!node.hidden"
       >
         <RenderComp
           v-on="node.event"

package/plugins/lib/form/components/ATagsInput.vue

@@ -75,8 +75,7 @@ export default {
 .TAntdTags {
   width: 100%;
   height: auto;
-  cursor: pointer; 
-  min-height: 32px;
+  cursor: pointer;
 
   :deep(.ant-tag) {
     cursor: pointer;

package/plugins/lib/tree/Directory.js

@@ -60,13 +60,17 @@ export default {
   },
   mounted() {
     this.onInitTree()
+    // this.NodeExpandKeys = ( this.treeExpandKeys.length && this.treeExpandKeys ) || ( treeExpend && getTreeKey(this.treeData, true, this.replaceFields) ) || []
   },
   watch: {
     treeData(newValue, oldValue) {
       this.onInitTree( !oldValue.length ) 
     },
-    treeExpandKeys(newValue) {
-      this.NodeExpandKeys = newValue
+    treeExpandKeys: {
+      handler(newValue) {
+        this.NodeExpandKeys = newValue
+      },
+      immediate: true
     }
   },
   methods: {
@@ -263,7 +267,7 @@ export default {
     },
     onInitTree(treeExpend = true) {
       this.treeData && (this.NodeSelectedKeys = [this.treeData.at(0)?.[this.replaceFields.key]])
-      this.NodeExpandKeys = ( this.treeExpandKeys.length && this.treeExpandKeys ) || ( treeExpend && getTreeKey(this.treeData, true, this.replaceFields) ) || []
+      // this.NodeExpandKeys = ( this.treeExpandKeys.length && this.treeExpandKeys ) || ( treeExpend && getTreeKey(this.treeData, true, this.replaceFields) ) || []
     },
     onCheck(keys, {}) {
       this.NodeCheckedKeys = keys

package/plugins/utils/Rem.js

@@ -0,0 +1,24 @@
+// /** 行内px转rem自定义指令 */
+const handler = (el, binding) => {
+    /** 与postcss-pxtorem内rootValue配置一致 */
+    const rootValue = 14
+    
+    const convert = (value) => {
+      if (typeof value === 'string' && value.includes('px')) {
+        return `${parseFloat(value) / rootValue}rem`
+      }
+      return value
+    }
+  
+    if (binding.value) {
+      Object.entries(binding.value).forEach(([key, val]) => {
+        el.style[key] = convert(val)
+      })
+    }
+}
+
+export default { 
+  inserted: handler,
+  update: handler,
+  componentUpdated: handler
+}

package/utils/Rem.js

@@ -0,0 +1,24 @@
+// /** 行内px转rem自定义指令 */
+const handler = (el, binding) => {
+    /** 与postcss-pxtorem内rootValue配置一致 */
+    const rootValue = 14
+    
+    const convert = (value) => {
+      if (typeof value === 'string' && value.includes('px')) {
+        return `${parseFloat(value) / rootValue}rem`
+      }
+      return value
+    }
+  
+    if (binding.value) {
+      Object.entries(binding.value).forEach(([key, val]) => {
+        el.style[key] = convert(val)
+      })
+    }
+}
+
+export default { 
+  inserted: handler,
+  update: handler,
+  componentUpdated: handler
+}