web-component-gallery 0.1.56 → 0.1.59

package/dist/amap.umd.js

@@ -8670,7 +8670,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue_
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../modal/index.jsx */ \"./plugins/lib/modal/index.jsx\");\n/* harmony import */ var _events_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./events.js */ \"./plugins/lib/iframe/events.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/iframe/index.less\");\n\n\n\n\nconst IframeContainerProps = {\n  activeKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string,\n  checkedKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('name'),\n  linkurlKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('linkUrl'),\n  operatesArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n  componentsArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n  postMessage: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object\n};\nconst IframeContainer = {\n  name: 'IframeComp',\n  props: IframeContainerProps,\n  data() {\n    return {\n      modalComponents: {}\n    };\n  },\n  render(h, content) {\n    const {\n      $props,\n      modalComponents\n    } = this;\n    const {\n      activeKey,\n      checkedKey,\n      componentsArr\n    } = $props;\n    const IframeComponents = componentsArr.map(componentItem => {\n      const isActive = activeKey === componentItem[checkedKey];\n      return this.getIframeComponent(componentItem, isActive);\n    });\n    const modalKeys = Object.keys(modalComponents);\n    return h(\"div\", {\n      \"class\": \"ant-pro-grid-content-page\"\n    }, [IframeComponents, modalKeys.length && modalKeys.map(modalKey => {\n      return h(_modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n        \"props\": {\n          ...{\n            ...modalComponents[modalKey],\n            cancelHandle: () => this.closeModalHandle(modalKey)\n          }\n        }\n      }, [this.getIframeComponent(modalComponents[modalKey], true)]);\n    })]);\n  },\n  watch: {\n    activeKey(newVal) {\n      this.modalComponents = {};\n    },\n    activeKeyAndParams: {\n      handler(newVal, oldVal) {\n        this.postCompMessage();\n      },\n      deep: true\n    }\n  },\n  computed: {\n    activeKeyAndParams() {\n      const {\n        activeKey,\n        postMessage\n      } = this;\n      return {\n        activeKey,\n        postMessage\n      };\n    }\n  },\n  mounted() {\n    this.postCompMessage();\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalOpen', ({\n      name,\n      params\n    }) => {\n      const activeModal = this.switchModalHandle(name, params);\n      activeModal && this.$set(this.modalComponents, name, {\n        mode: params.mode,\n        visible: true,\n        ...activeModal\n      });\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalClose', ({\n      name,\n      params\n    }) => {\n      this.closeModalHandle(name);\n      params && this.postCompMessage(params);\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalGoBack', ({\n      name,\n      params\n    }, closeModal) => {\n      this.closeModalHandle(closeModal);\n      this.switchModalHandle(name, params);\n    });\n  },\n  methods: {\n    postCompMessage(data = {}) {\n      const {\n        componentsArr,\n        activeKey,\n        postMessage\n      } = this;\n      componentsArr.length && this.postIframeMessage(componentsArr, {\n        type: 'refreshPage',\n        activeKey,\n        data\n      });\n    },\n    closeModalHandle(name) {\n      this.modalComponents[name].visible = false;\n      delete this.modalComponents[name];\n    },\n    switchModalHandle(name, data) {\n      const {\n        operatesArr,\n        checkedKey\n      } = this;\n      const activeModal = operatesArr.find(operatesItem => operatesItem[checkedKey] === name);\n      activeModal && this.postIframeMessage(operatesArr, {\n        type: 'refreshModal',\n        activeKey: name,\n        data\n      });\n      return activeModal;\n    },\n    postIframeMessage(components, iframeConfig) {\n      const {\n        type,\n        activeKey,\n        data = {}\n      } = iframeConfig;\n      this.$nextTick(() => {\n        const {\n          checkedKey,\n          linkurlKey,\n          postMessage\n        } = this;\n        const refKey = components.find(componentsItem => activeKey === componentsItem[checkedKey])[linkurlKey];\n        const timer = setTimeout(() => {\n          const iframe = this.$refs[refKey];\n          const iframeWin = this.$refs[refKey]?.contentWindow;\n          iframe.onload = function () {\n            iframeWin.postMessage({\n              type,\n              params: {\n                routeQuery: postMessage,\n                data,\n                name: activeKey\n              }\n            }, '*');\n          };\n          iframeWin && iframeWin.postMessage({\n            type,\n            params: {\n              routeQuery: postMessage,\n              data,\n              name: activeKey\n            }\n          }, '*');\n          clearTimeout(timer);\n        }, 60);\n      });\n    },\n    getIframeComponent(componentItem, isActive) {\n      const h = this.$createElement;\n      const {\n        linkurlKey,\n        checkedKey\n      } = this;\n      return h(\"iframe\", {\n        \"attrs\": {\n          \"width\": \"100%\",\n          \"height\": \"100%\",\n          \"src\": componentItem[linkurlKey]\n        },\n        \"ref\": componentItem[linkurlKey],\n        \"key\": componentItem[checkedKey],\n        \"style\": {\n          border: 'none',\n          display: isActive ? 'block' : 'none'\n        }\n      });\n    }\n  }\n};\nIframeContainer.install = function (Vue) {\n  Vue.component('IframeComponent', IframeContainer);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (IframeContainer);\n\n//# sourceURL=webpack://mui/./plugins/lib/iframe/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../modal/index.jsx */ \"./plugins/lib/modal/index.jsx\");\n/* harmony import */ var _events_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./events.js */ \"./plugins/lib/iframe/events.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/iframe/index.less\");\n\n\n\n\nconst IframeContainerProps = {\n  activeKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string,\n  checkedKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('name'),\n  linkurlKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('linkUrl'),\n  operatesArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n  componentsArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n  postMessage: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object\n};\nconst IframeContainer = {\n  name: 'IframeComp',\n  props: IframeContainerProps,\n  data() {\n    return {\n      modalComponents: {}\n    };\n  },\n  render(h, content) {\n    const {\n      $props,\n      modalComponents\n    } = this;\n    const {\n      activeKey,\n      checkedKey,\n      componentsArr\n    } = $props;\n    const IframeComponents = componentsArr.map(componentItem => {\n      const isActive = activeKey === componentItem[checkedKey];\n      return this.getIframeComponent(componentItem, isActive);\n    });\n    const modalKeys = Object.keys(modalComponents);\n    const ModalOperates = modalKeys.map(modalKey => {\n      return h(_modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n        \"props\": {\n          ...{\n            ...modalComponents[modalKey],\n            cancelHandle: () => this.closeModalHandle(modalKey)\n          }\n        }\n      }, [this.getIframeComponent(modalComponents[modalKey], true)]);\n    });\n    return h(\"div\", {\n      \"class\": \"ant-pro-grid-content-page\"\n    }, [IframeComponents, ModalOperates]);\n  },\n  watch: {\n    activeKey(newVal) {\n      this.modalComponents = {};\n    },\n    activeKeyAndParams: {\n      handler(newVal, oldVal) {\n        this.postCompMessage();\n      },\n      deep: true\n    }\n  },\n  computed: {\n    activeKeyAndParams() {\n      const {\n        activeKey,\n        postMessage,\n        componentsArr\n      } = this;\n      return {\n        activeKey,\n        postMessage,\n        componentsArr\n      };\n    }\n  },\n  created() {\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalOpen', ({\n      name,\n      params\n    }) => {\n      const activeModal = this.switchModalHandle(name, params);\n      activeModal && this.$set(this.modalComponents, name, {\n        mode: params.mode,\n        visible: true,\n        ...activeModal\n      });\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalClose', ({\n      name,\n      params\n    }) => {\n      this.closeModalHandle(name);\n      params && this.postCompMessage(params);\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalGoBack', ({\n      name,\n      params\n    }, closeModal) => {\n      this.closeModalHandle(closeModal);\n      this.switchModalHandle(name, params);\n    });\n  },\n  mounted() {\n    this.postCompMessage();\n  },\n  methods: {\n    postCompMessage(data = {}) {\n      const {\n        componentsArr,\n        activeKey,\n        postMessage\n      } = this;\n      componentsArr.length && this.postIframeMessage(componentsArr, {\n        type: 'refreshPage',\n        activeKey,\n        data\n      });\n    },\n    closeModalHandle(name) {\n      this.modalComponents[name].visible = false;\n      delete this.modalComponents[name];\n    },\n    switchModalHandle(name, data) {\n      const {\n        operatesArr,\n        checkedKey\n      } = this;\n      const activeModal = operatesArr.find(operatesItem => operatesItem[checkedKey] === name);\n      activeModal && this.postIframeMessage(operatesArr, {\n        type: 'refreshModal',\n        activeKey: name,\n        data\n      });\n      return activeModal;\n    },\n    postIframeMessage(components, iframeConfig) {\n      const {\n        type,\n        activeKey,\n        data = {}\n      } = iframeConfig;\n      this.$nextTick(() => {\n        const {\n          checkedKey,\n          linkurlKey,\n          postMessage\n        } = this;\n        const refKey = components.find(componentsItem => activeKey === componentsItem[checkedKey])[linkurlKey];\n        const timer = setTimeout(() => {\n          const iframe = this.$refs[refKey];\n          const iframeWin = this.$refs[refKey]?.contentWindow;\n          iframe.onload = function () {\n            iframeWin.postMessage({\n              type,\n              params: {\n                routeQuery: postMessage,\n                data,\n                name: activeKey\n              }\n            }, '*');\n          };\n          iframeWin && iframeWin.postMessage({\n            type,\n            params: {\n              routeQuery: postMessage,\n              data,\n              name: activeKey\n            }\n          }, '*');\n          clearTimeout(timer);\n        }, 60);\n      });\n    },\n    getIframeComponent(componentItem, isActive) {\n      const h = this.$createElement;\n      const {\n        linkurlKey,\n        checkedKey\n      } = this;\n      return h(\"iframe\", {\n        \"attrs\": {\n          \"width\": \"100%\",\n          \"height\": \"100%\",\n          \"src\": componentItem[linkurlKey]\n        },\n        \"ref\": componentItem[linkurlKey],\n        \"key\": componentItem[checkedKey],\n        \"style\": {\n          border: 'none',\n          display: isActive ? 'block' : 'none'\n        }\n      });\n    }\n  }\n};\nIframeContainer.install = function (Vue) {\n  Vue.prototype.$IframeBus = _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"];\n  Vue.component('IframePage', IframeContainer);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (IframeContainer);\n\n//# sourceURL=webpack://mui/./plugins/lib/iframe/index.jsx?");
 
 /***/ }),
 
@@ -8945,7 +8945,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _ind
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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 _utils_Tree__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/dropdown/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var _style_Directory_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style/Directory.less */ \"./plugins/lib/tree/style/Directory.less\");\n\n\n\n\n\n\n/* 明天来了做一下@快捷指向 */\n\nconst TreeNode = ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"].TreeNode;\nconst DirectoryTree = ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"].DirectoryTree;\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'DirectoryTreeMenu',\n  props: {\n    treeData: {\n      type: Array,\n      default: () => []\n    },\n    treePlus: {\n      type: Boolean,\n      default: true\n    },\n    treeActions: {\n      type: Array,\n      default: () => []\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      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  },\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      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_4__[\"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 && Boolean(treeActions.length) && NodeKey.includes(props.eventKey) && 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_5__[\"default\"], {\n              \"attrs\": {\n                \"trigger\": ['click'],\n                \"overlayClassName\": \"DirectoryTreeMenu__Dropdown\"\n              }\n            }, [h(\"svg-icon\", {\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(\"svg-icon\", {\n                \"attrs\": {\n                  \"icon-class\": handle.svg\n                }\n              }), \" \", handle.text]);\n            })])]), treeActionsPlus && h(\"svg-icon\", {\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          console.log(cloneNode, '--cloneNode');\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          console.log(parentNode, '--props');\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);\n          break;\n      }\n      console.log(handle, '--handle');\n    },\n    handlePlusClick() {\n      const node = this.findItemById(this.treeData, this.NodeActions.id);\n      console.log(node, this.NodeActions, '--NodeActions');\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      console.log(node, '--NodeActions');\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      treeExpend && (this.NodeExpandKeys = (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_1__.getTreeKey)(this.treeData, true, this.replaceFields));\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_6__[\"default\"], {\n          \"attrs\": {\n            \"type\": \"home\"\n          }\n        });\n      }\n      return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_6__[\"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      NodeSelectedKeys,\n      NodeExpandKeys,\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    }, [h(\"div\", {\n      \"class\": \"treeDirectory\"\n    }, [h(\"span\", [$attrs.menuTitle || '目录']), treePlus && h(ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"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        \"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          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 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 _utils_Tree__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/dropdown/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var _style_Directory_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style/Directory.less */ \"./plugins/lib/tree/style/Directory.less\");\n\n\n\n\n\n\n/* 明天来了做一下@快捷指向 */\n\nconst TreeNode = ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"].TreeNode;\nconst DirectoryTree = ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"].DirectoryTree;\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'DirectoryTreeMenu',\n  props: {\n    treeData: {\n      type: Array,\n      default: () => []\n    },\n    treePlus: {\n      type: Boolean,\n      default: true\n    },\n    treeActions: {\n      type: Array,\n      default: () => []\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      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  },\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      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_4__[\"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 && Boolean(treeActions.length) && NodeKey.includes(props.eventKey) && 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_5__[\"default\"], {\n              \"attrs\": {\n                \"trigger\": ['click'],\n                \"overlayClassName\": \"DirectoryTreeMenu__Dropdown\"\n              }\n            }, [h(\"svg-icon\", {\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(\"svg-icon\", {\n                \"attrs\": {\n                  \"icon-class\": handle.svg\n                }\n              }), \" \", handle.text]);\n            })])]), treeActionsPlus && h(\"svg-icon\", {\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      console.log(node, this.NodeActions, '--NodeActions');\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      console.log(node, '--NodeActions');\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      treeExpend && (this.NodeExpandKeys = (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_1__.getTreeKey)(this.treeData, true, this.replaceFields));\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_6__[\"default\"], {\n          \"attrs\": {\n            \"type\": \"home\"\n          }\n        });\n      }\n      return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_6__[\"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      NodeSelectedKeys,\n      NodeExpandKeys,\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    }, [h(\"div\", {\n      \"class\": \"treeDirectory\"\n    }, [h(\"span\", [$attrs.menuTitle || '目录']), treePlus && h(ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"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        \"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          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/dist/index.umd.js

@@ -8670,7 +8670,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue_
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../modal/index.jsx */ \"./plugins/lib/modal/index.jsx\");\n/* harmony import */ var _events_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./events.js */ \"./plugins/lib/iframe/events.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/iframe/index.less\");\n\n\n\n\nconst IframeContainerProps = {\n  activeKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string,\n  checkedKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('name'),\n  linkurlKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('linkUrl'),\n  operatesArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n  componentsArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n  postMessage: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object\n};\nconst IframeContainer = {\n  name: 'IframeComp',\n  props: IframeContainerProps,\n  data() {\n    return {\n      modalComponents: {}\n    };\n  },\n  render(h, content) {\n    const {\n      $props,\n      modalComponents\n    } = this;\n    const {\n      activeKey,\n      checkedKey,\n      componentsArr\n    } = $props;\n    const IframeComponents = componentsArr.map(componentItem => {\n      const isActive = activeKey === componentItem[checkedKey];\n      return this.getIframeComponent(componentItem, isActive);\n    });\n    const modalKeys = Object.keys(modalComponents);\n    return h(\"div\", {\n      \"class\": \"ant-pro-grid-content-page\"\n    }, [IframeComponents, modalKeys.length && modalKeys.map(modalKey => {\n      return h(_modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n        \"props\": {\n          ...{\n            ...modalComponents[modalKey],\n            cancelHandle: () => this.closeModalHandle(modalKey)\n          }\n        }\n      }, [this.getIframeComponent(modalComponents[modalKey], true)]);\n    })]);\n  },\n  watch: {\n    activeKey(newVal) {\n      this.modalComponents = {};\n    },\n    activeKeyAndParams: {\n      handler(newVal, oldVal) {\n        this.postCompMessage();\n      },\n      deep: true\n    }\n  },\n  computed: {\n    activeKeyAndParams() {\n      const {\n        activeKey,\n        postMessage\n      } = this;\n      return {\n        activeKey,\n        postMessage\n      };\n    }\n  },\n  mounted() {\n    this.postCompMessage();\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalOpen', ({\n      name,\n      params\n    }) => {\n      const activeModal = this.switchModalHandle(name, params);\n      activeModal && this.$set(this.modalComponents, name, {\n        mode: params.mode,\n        visible: true,\n        ...activeModal\n      });\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalClose', ({\n      name,\n      params\n    }) => {\n      this.closeModalHandle(name);\n      params && this.postCompMessage(params);\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalGoBack', ({\n      name,\n      params\n    }, closeModal) => {\n      this.closeModalHandle(closeModal);\n      this.switchModalHandle(name, params);\n    });\n  },\n  methods: {\n    postCompMessage(data = {}) {\n      const {\n        componentsArr,\n        activeKey,\n        postMessage\n      } = this;\n      componentsArr.length && this.postIframeMessage(componentsArr, {\n        type: 'refreshPage',\n        activeKey,\n        data\n      });\n    },\n    closeModalHandle(name) {\n      this.modalComponents[name].visible = false;\n      delete this.modalComponents[name];\n    },\n    switchModalHandle(name, data) {\n      const {\n        operatesArr,\n        checkedKey\n      } = this;\n      const activeModal = operatesArr.find(operatesItem => operatesItem[checkedKey] === name);\n      activeModal && this.postIframeMessage(operatesArr, {\n        type: 'refreshModal',\n        activeKey: name,\n        data\n      });\n      return activeModal;\n    },\n    postIframeMessage(components, iframeConfig) {\n      const {\n        type,\n        activeKey,\n        data = {}\n      } = iframeConfig;\n      this.$nextTick(() => {\n        const {\n          checkedKey,\n          linkurlKey,\n          postMessage\n        } = this;\n        const refKey = components.find(componentsItem => activeKey === componentsItem[checkedKey])[linkurlKey];\n        const timer = setTimeout(() => {\n          const iframe = this.$refs[refKey];\n          const iframeWin = this.$refs[refKey]?.contentWindow;\n          iframe.onload = function () {\n            iframeWin.postMessage({\n              type,\n              params: {\n                routeQuery: postMessage,\n                data,\n                name: activeKey\n              }\n            }, '*');\n          };\n          iframeWin && iframeWin.postMessage({\n            type,\n            params: {\n              routeQuery: postMessage,\n              data,\n              name: activeKey\n            }\n          }, '*');\n          clearTimeout(timer);\n        }, 60);\n      });\n    },\n    getIframeComponent(componentItem, isActive) {\n      const h = this.$createElement;\n      const {\n        linkurlKey,\n        checkedKey\n      } = this;\n      return h(\"iframe\", {\n        \"attrs\": {\n          \"width\": \"100%\",\n          \"height\": \"100%\",\n          \"src\": componentItem[linkurlKey]\n        },\n        \"ref\": componentItem[linkurlKey],\n        \"key\": componentItem[checkedKey],\n        \"style\": {\n          border: 'none',\n          display: isActive ? 'block' : 'none'\n        }\n      });\n    }\n  }\n};\nIframeContainer.install = function (Vue) {\n  Vue.component('IframeComponent', IframeContainer);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (IframeContainer);\n\n//# sourceURL=webpack://mui/./plugins/lib/iframe/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../modal/index.jsx */ \"./plugins/lib/modal/index.jsx\");\n/* harmony import */ var _events_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./events.js */ \"./plugins/lib/iframe/events.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/iframe/index.less\");\n\n\n\n\nconst IframeContainerProps = {\n  activeKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string,\n  checkedKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('name'),\n  linkurlKey: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string.def('linkUrl'),\n  operatesArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n  componentsArr: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array,\n  postMessage: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object\n};\nconst IframeContainer = {\n  name: 'IframeComp',\n  props: IframeContainerProps,\n  data() {\n    return {\n      modalComponents: {}\n    };\n  },\n  render(h, content) {\n    const {\n      $props,\n      modalComponents\n    } = this;\n    const {\n      activeKey,\n      checkedKey,\n      componentsArr\n    } = $props;\n    const IframeComponents = componentsArr.map(componentItem => {\n      const isActive = activeKey === componentItem[checkedKey];\n      return this.getIframeComponent(componentItem, isActive);\n    });\n    const modalKeys = Object.keys(modalComponents);\n    const ModalOperates = modalKeys.map(modalKey => {\n      return h(_modal_index_jsx__WEBPACK_IMPORTED_MODULE_0__[\"default\"], {\n        \"props\": {\n          ...{\n            ...modalComponents[modalKey],\n            cancelHandle: () => this.closeModalHandle(modalKey)\n          }\n        }\n      }, [this.getIframeComponent(modalComponents[modalKey], true)]);\n    });\n    return h(\"div\", {\n      \"class\": \"ant-pro-grid-content-page\"\n    }, [IframeComponents, ModalOperates]);\n  },\n  watch: {\n    activeKey(newVal) {\n      this.modalComponents = {};\n    },\n    activeKeyAndParams: {\n      handler(newVal, oldVal) {\n        this.postCompMessage();\n      },\n      deep: true\n    }\n  },\n  computed: {\n    activeKeyAndParams() {\n      const {\n        activeKey,\n        postMessage,\n        componentsArr\n      } = this;\n      return {\n        activeKey,\n        postMessage,\n        componentsArr\n      };\n    }\n  },\n  created() {\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalOpen', ({\n      name,\n      params\n    }) => {\n      const activeModal = this.switchModalHandle(name, params);\n      activeModal && this.$set(this.modalComponents, name, {\n        mode: params.mode,\n        visible: true,\n        ...activeModal\n      });\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalClose', ({\n      name,\n      params\n    }) => {\n      this.closeModalHandle(name);\n      params && this.postCompMessage(params);\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalGoBack', ({\n      name,\n      params\n    }, closeModal) => {\n      this.closeModalHandle(closeModal);\n      this.switchModalHandle(name, params);\n    });\n  },\n  mounted() {\n    this.postCompMessage();\n  },\n  methods: {\n    postCompMessage(data = {}) {\n      const {\n        componentsArr,\n        activeKey,\n        postMessage\n      } = this;\n      componentsArr.length && this.postIframeMessage(componentsArr, {\n        type: 'refreshPage',\n        activeKey,\n        data\n      });\n    },\n    closeModalHandle(name) {\n      this.modalComponents[name].visible = false;\n      delete this.modalComponents[name];\n    },\n    switchModalHandle(name, data) {\n      const {\n        operatesArr,\n        checkedKey\n      } = this;\n      const activeModal = operatesArr.find(operatesItem => operatesItem[checkedKey] === name);\n      activeModal && this.postIframeMessage(operatesArr, {\n        type: 'refreshModal',\n        activeKey: name,\n        data\n      });\n      return activeModal;\n    },\n    postIframeMessage(components, iframeConfig) {\n      const {\n        type,\n        activeKey,\n        data = {}\n      } = iframeConfig;\n      this.$nextTick(() => {\n        const {\n          checkedKey,\n          linkurlKey,\n          postMessage\n        } = this;\n        const refKey = components.find(componentsItem => activeKey === componentsItem[checkedKey])[linkurlKey];\n        const timer = setTimeout(() => {\n          const iframe = this.$refs[refKey];\n          const iframeWin = this.$refs[refKey]?.contentWindow;\n          iframe.onload = function () {\n            iframeWin.postMessage({\n              type,\n              params: {\n                routeQuery: postMessage,\n                data,\n                name: activeKey\n              }\n            }, '*');\n          };\n          iframeWin && iframeWin.postMessage({\n            type,\n            params: {\n              routeQuery: postMessage,\n              data,\n              name: activeKey\n            }\n          }, '*');\n          clearTimeout(timer);\n        }, 60);\n      });\n    },\n    getIframeComponent(componentItem, isActive) {\n      const h = this.$createElement;\n      const {\n        linkurlKey,\n        checkedKey\n      } = this;\n      return h(\"iframe\", {\n        \"attrs\": {\n          \"width\": \"100%\",\n          \"height\": \"100%\",\n          \"src\": componentItem[linkurlKey]\n        },\n        \"ref\": componentItem[linkurlKey],\n        \"key\": componentItem[checkedKey],\n        \"style\": {\n          border: 'none',\n          display: isActive ? 'block' : 'none'\n        }\n      });\n    }\n  }\n};\nIframeContainer.install = function (Vue) {\n  Vue.prototype.$IframeBus = _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"];\n  Vue.component('IframePage', IframeContainer);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (IframeContainer);\n\n//# sourceURL=webpack://mui/./plugins/lib/iframe/index.jsx?");
 
 /***/ }),
 
@@ -8945,7 +8945,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _ind
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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 _utils_Tree__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/dropdown/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var _style_Directory_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style/Directory.less */ \"./plugins/lib/tree/style/Directory.less\");\n\n\n\n\n\n\n/* 明天来了做一下@快捷指向 */\n\nconst TreeNode = ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"].TreeNode;\nconst DirectoryTree = ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"].DirectoryTree;\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'DirectoryTreeMenu',\n  props: {\n    treeData: {\n      type: Array,\n      default: () => []\n    },\n    treePlus: {\n      type: Boolean,\n      default: true\n    },\n    treeActions: {\n      type: Array,\n      default: () => []\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      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  },\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      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_4__[\"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 && Boolean(treeActions.length) && NodeKey.includes(props.eventKey) && 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_5__[\"default\"], {\n              \"attrs\": {\n                \"trigger\": ['click'],\n                \"overlayClassName\": \"DirectoryTreeMenu__Dropdown\"\n              }\n            }, [h(\"svg-icon\", {\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(\"svg-icon\", {\n                \"attrs\": {\n                  \"icon-class\": handle.svg\n                }\n              }), \" \", handle.text]);\n            })])]), treeActionsPlus && h(\"svg-icon\", {\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          console.log(cloneNode, '--cloneNode');\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          console.log(parentNode, '--props');\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);\n          break;\n      }\n      console.log(handle, '--handle');\n    },\n    handlePlusClick() {\n      const node = this.findItemById(this.treeData, this.NodeActions.id);\n      console.log(node, this.NodeActions, '--NodeActions');\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      console.log(node, '--NodeActions');\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      treeExpend && (this.NodeExpandKeys = (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_1__.getTreeKey)(this.treeData, true, this.replaceFields));\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_6__[\"default\"], {\n          \"attrs\": {\n            \"type\": \"home\"\n          }\n        });\n      }\n      return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_6__[\"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      NodeSelectedKeys,\n      NodeExpandKeys,\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    }, [h(\"div\", {\n      \"class\": \"treeDirectory\"\n    }, [h(\"span\", [$attrs.menuTitle || '目录']), treePlus && h(ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"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        \"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          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 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 _utils_Tree__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/dropdown/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var _style_Directory_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style/Directory.less */ \"./plugins/lib/tree/style/Directory.less\");\n\n\n\n\n\n\n/* 明天来了做一下@快捷指向 */\n\nconst TreeNode = ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"].TreeNode;\nconst DirectoryTree = ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"].DirectoryTree;\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'DirectoryTreeMenu',\n  props: {\n    treeData: {\n      type: Array,\n      default: () => []\n    },\n    treePlus: {\n      type: Boolean,\n      default: true\n    },\n    treeActions: {\n      type: Array,\n      default: () => []\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      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  },\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      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_4__[\"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 && Boolean(treeActions.length) && NodeKey.includes(props.eventKey) && 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_5__[\"default\"], {\n              \"attrs\": {\n                \"trigger\": ['click'],\n                \"overlayClassName\": \"DirectoryTreeMenu__Dropdown\"\n              }\n            }, [h(\"svg-icon\", {\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(\"svg-icon\", {\n                \"attrs\": {\n                  \"icon-class\": handle.svg\n                }\n              }), \" \", handle.text]);\n            })])]), treeActionsPlus && h(\"svg-icon\", {\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      console.log(node, this.NodeActions, '--NodeActions');\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      console.log(node, '--NodeActions');\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      treeExpend && (this.NodeExpandKeys = (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_1__.getTreeKey)(this.treeData, true, this.replaceFields));\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_6__[\"default\"], {\n          \"attrs\": {\n            \"type\": \"home\"\n          }\n        });\n      }\n      return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_6__[\"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      NodeSelectedKeys,\n      NodeExpandKeys,\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    }, [h(\"div\", {\n      \"class\": \"treeDirectory\"\n    }, [h(\"span\", [$attrs.menuTitle || '目录']), treePlus && h(ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"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        \"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          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/dist/tree.umd.js

@@ -3346,7 +3346,7 @@ eval("/**\n * Copyright (c) 2014-present, Facebook, Inc.\n *\n * This source cod
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\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 _utils_Tree__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/dropdown/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var _style_Directory_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style/Directory.less */ \"./plugins/lib/tree/style/Directory.less\");\n\n\n\n\n\n\n/* 明天来了做一下@快捷指向 */\n\nconst TreeNode = ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"].TreeNode;\nconst DirectoryTree = ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"].DirectoryTree;\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'DirectoryTreeMenu',\n  props: {\n    treeData: {\n      type: Array,\n      default: () => []\n    },\n    treePlus: {\n      type: Boolean,\n      default: true\n    },\n    treeActions: {\n      type: Array,\n      default: () => []\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      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  },\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      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_4__[\"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 && Boolean(treeActions.length) && NodeKey.includes(props.eventKey) && 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_5__[\"default\"], {\n              \"attrs\": {\n                \"trigger\": ['click'],\n                \"overlayClassName\": \"DirectoryTreeMenu__Dropdown\"\n              }\n            }, [h(\"svg-icon\", {\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(\"svg-icon\", {\n                \"attrs\": {\n                  \"icon-class\": handle.svg\n                }\n              }), \" \", handle.text]);\n            })])]), treeActionsPlus && h(\"svg-icon\", {\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          console.log(cloneNode, '--cloneNode');\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          console.log(parentNode, '--props');\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);\n          break;\n      }\n      console.log(handle, '--handle');\n    },\n    handlePlusClick() {\n      const node = this.findItemById(this.treeData, this.NodeActions.id);\n      console.log(node, this.NodeActions, '--NodeActions');\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      console.log(node, '--NodeActions');\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      treeExpend && (this.NodeExpandKeys = (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_1__.getTreeKey)(this.treeData, true, this.replaceFields));\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_6__[\"default\"], {\n          \"attrs\": {\n            \"type\": \"home\"\n          }\n        });\n      }\n      return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_6__[\"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      NodeSelectedKeys,\n      NodeExpandKeys,\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    }, [h(\"div\", {\n      \"class\": \"treeDirectory\"\n    }, [h(\"span\", [$attrs.menuTitle || '目录']), treePlus && h(ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"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        \"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          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 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 _utils_Tree__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/Tree */ \"./plugins/utils/Tree.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/tree/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/input/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/dropdown/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/icon/index.js\");\n/* harmony import */ var ant_design_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ant-design-vue */ \"./node_modules/ant-design-vue/es/button/index.js\");\n/* harmony import */ var _style_Directory_less__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style/Directory.less */ \"./plugins/lib/tree/style/Directory.less\");\n\n\n\n\n\n\n/* 明天来了做一下@快捷指向 */\n\nconst TreeNode = ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"].TreeNode;\nconst DirectoryTree = ant_design_vue__WEBPACK_IMPORTED_MODULE_3__[\"default\"].DirectoryTree;\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: 'DirectoryTreeMenu',\n  props: {\n    treeData: {\n      type: Array,\n      default: () => []\n    },\n    treePlus: {\n      type: Boolean,\n      default: true\n    },\n    treeActions: {\n      type: Array,\n      default: () => []\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      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  },\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      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_4__[\"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 && Boolean(treeActions.length) && NodeKey.includes(props.eventKey) && 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_5__[\"default\"], {\n              \"attrs\": {\n                \"trigger\": ['click'],\n                \"overlayClassName\": \"DirectoryTreeMenu__Dropdown\"\n              }\n            }, [h(\"svg-icon\", {\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(\"svg-icon\", {\n                \"attrs\": {\n                  \"icon-class\": handle.svg\n                }\n              }), \" \", handle.text]);\n            })])]), treeActionsPlus && h(\"svg-icon\", {\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      console.log(node, this.NodeActions, '--NodeActions');\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      console.log(node, '--NodeActions');\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      treeExpend && (this.NodeExpandKeys = (0,_utils_Tree__WEBPACK_IMPORTED_MODULE_1__.getTreeKey)(this.treeData, true, this.replaceFields));\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_6__[\"default\"], {\n          \"attrs\": {\n            \"type\": \"home\"\n          }\n        });\n      }\n      return h(ant_design_vue__WEBPACK_IMPORTED_MODULE_6__[\"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      NodeSelectedKeys,\n      NodeExpandKeys,\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    }, [h(\"div\", {\n      \"class\": \"treeDirectory\"\n    }, [h(\"span\", [$attrs.menuTitle || '目录']), treePlus && h(ant_design_vue__WEBPACK_IMPORTED_MODULE_7__[\"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        \"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          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/iframe/index.jsx

@@ -31,28 +31,28 @@ const IframeContainer = {
     const IframeComponents = componentsArr.map(componentItem => {
       const isActive = activeKey === componentItem[checkedKey]
       return this.getIframeComponent( componentItem, isActive )
-    })
+    }) 
 
     const modalKeys = Object.keys(modalComponents)
 
+    const ModalOperates = modalKeys.map(modalKey => { 
+      return (
+        <Modal
+          {...{ 
+            props: { 
+              ...modalComponents[modalKey],
+              cancelHandle: () => this.closeModalHandle(modalKey)
+            }
+          }}>
+          { this.getIframeComponent(modalComponents[modalKey], true) }
+        </Modal> 
+      )
+    })
+
     return (
       <div class="ant-pro-grid-content-page">
         {IframeComponents}
-        {
-          modalKeys.length && modalKeys.map(modalKey => {
-            return (
-              <Modal
-                {...{ 
-                  props: { 
-                    ...modalComponents[modalKey],
-                    cancelHandle: () => this.closeModalHandle(modalKey)
-                  }
-                }}>
-                { this.getIframeComponent(modalComponents[modalKey], true) }
-              </Modal> 
-            )
-          })
-        }
+        {ModalOperates} 
       </div> 
     )
 
@@ -70,15 +70,15 @@ const IframeContainer = {
   },
   computed: {
     activeKeyAndParams() {
-      const {activeKey, postMessage} = this
+      const {activeKey, postMessage, componentsArr} = this
       return {
         activeKey,
-        postMessage
+        postMessage,
+        componentsArr
       }
     }
   },
-  mounted() {
-    this.postCompMessage()
+  created() { 
     IframeEvent.$on('modalOpen', ({ name, params }) => {
       const activeModal = this.switchModalHandle(name, params)
       activeModal && this.$set(
@@ -87,7 +87,7 @@ const IframeContainer = {
         visible: true,
         ...activeModal
       })
-    })
+    }) 
     IframeEvent.$on('modalClose', ({ name, params }) => {
       this.closeModalHandle(name)
       params && this.postCompMessage(params) 
@@ -97,6 +97,9 @@ const IframeContainer = {
       this.switchModalHandle(name, params)
     }) 
   },
+  mounted() {
+    this.postCompMessage()
+  },
   methods: {
     postCompMessage(data = {}) {
       const { componentsArr, activeKey, postMessage } = this
@@ -157,7 +160,8 @@ const IframeContainer = {
 }
 
 IframeContainer.install = function (Vue) {
-  Vue.component('IframeComponent', IframeContainer)
+  Vue.prototype.$IframeBus = IframeEvent
+  Vue.component('IframePage', IframeContainer)
 }
 
 export default IframeContainer

package/lib/layout/Header.jsx

@@ -25,7 +25,7 @@ const rightContentRenderFun = (h, props) => {
       return null
     }
     return isFun(headerRightRender) && headerRightRender(h) || headerRightRender
-} 
+}
 
 const renderContent = (h, props, baseCls, cdProps) => {
     const { menus } = props
@@ -91,9 +91,9 @@ const HeaderView = {
               {titleDom}
               {renderContent(h, this.$props, `${baseCls}-right`, cdProps)}
             </div>
-          ) : <div> 
+          ) : <div>
             {titleDom}
-            {rightContentRenderFun(h, cdProps)} 
+            {rightContentRenderFun(h, cdProps)}
           </div>
         }
     </div>

package/lib/tree/Directory.js

@@ -194,7 +194,6 @@ export default {
         case 'copy':
           // 明天来了优化一下
           const cloneNode = parentNode ? parentNode[this.replaceFields.children] : this.treeData
-          console.log(cloneNode, '--cloneNode')
           cloneNode.splice(node.nodeIndex + 1, 0, {
             type: 'input',
             append: true,
@@ -203,7 +202,6 @@ export default {
             [this.replaceFields.title]: node[this.replaceFields.title]
           })
           this.$nextTick(() => this.$refs.inputNodeRef.focus())
-          console.log(parentNode, '--props')
           break
         case 'delete':
           this.$confirm({
@@ -220,10 +218,9 @@ export default {
           })
           break
         default:
-          this.$emit('handleOperateClick', handle)
+          this.$emit('handleOperateClick', handle, node)
           break
       }
-      console.log(handle, '--handle')
     }, 
     handlePlusClick() {
       const node = this.findItemById(this.treeData, this.NodeActions.id)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-component-gallery",
-  "version": "0.1.56",
+  "version": "0.1.59",
   "description": "vue-library-ui组件库",
   "main": "dist/index.umd.js",
   "files": [
@@ -26,7 +26,6 @@
     "style-resources-loader": "^1.5.0",
     "vue": "^2.6.14",
     "vue-cli-plugin-style-resources-loader": "^0.1.5",
-    "vue-router": "3.5.1",
     "vuex": "^3.6.2",
     "vuex-persistedstate": "^4.1.0"
   },

package/plugins/lib/iframe/index.jsx

@@ -31,28 +31,28 @@ const IframeContainer = {
     const IframeComponents = componentsArr.map(componentItem => {
       const isActive = activeKey === componentItem[checkedKey]
       return this.getIframeComponent( componentItem, isActive )
-    })
+    }) 
 
     const modalKeys = Object.keys(modalComponents)
 
+    const ModalOperates = modalKeys.map(modalKey => { 
+      return (
+        <Modal
+          {...{ 
+            props: { 
+              ...modalComponents[modalKey],
+              cancelHandle: () => this.closeModalHandle(modalKey)
+            }
+          }}>
+          { this.getIframeComponent(modalComponents[modalKey], true) }
+        </Modal> 
+      )
+    })
+
     return (
       <div class="ant-pro-grid-content-page">
         {IframeComponents}
-        {
-          modalKeys.length && modalKeys.map(modalKey => {
-            return (
-              <Modal
-                {...{ 
-                  props: { 
-                    ...modalComponents[modalKey],
-                    cancelHandle: () => this.closeModalHandle(modalKey)
-                  }
-                }}>
-                { this.getIframeComponent(modalComponents[modalKey], true) }
-              </Modal> 
-            )
-          })
-        }
+        {ModalOperates} 
       </div> 
     )
 
@@ -70,15 +70,15 @@ const IframeContainer = {
   },
   computed: {
     activeKeyAndParams() {
-      const {activeKey, postMessage} = this
+      const {activeKey, postMessage, componentsArr} = this
       return {
         activeKey,
-        postMessage
+        postMessage,
+        componentsArr
       }
     }
   },
-  mounted() {
-    this.postCompMessage()
+  created() { 
     IframeEvent.$on('modalOpen', ({ name, params }) => {
       const activeModal = this.switchModalHandle(name, params)
       activeModal && this.$set(
@@ -87,7 +87,7 @@ const IframeContainer = {
         visible: true,
         ...activeModal
       })
-    })
+    }) 
     IframeEvent.$on('modalClose', ({ name, params }) => {
       this.closeModalHandle(name)
       params && this.postCompMessage(params) 
@@ -97,6 +97,9 @@ const IframeContainer = {
       this.switchModalHandle(name, params)
     }) 
   },
+  mounted() {
+    this.postCompMessage()
+  },
   methods: {
     postCompMessage(data = {}) {
       const { componentsArr, activeKey, postMessage } = this
@@ -157,7 +160,8 @@ const IframeContainer = {
 }
 
 IframeContainer.install = function (Vue) {
-  Vue.component('IframeComponent', IframeContainer)
+  Vue.prototype.$IframeBus = IframeEvent
+  Vue.component('IframePage', IframeContainer)
 }
 
 export default IframeContainer

package/plugins/lib/layout/Header.jsx

@@ -25,7 +25,7 @@ const rightContentRenderFun = (h, props) => {
       return null
     }
     return isFun(headerRightRender) && headerRightRender(h) || headerRightRender
-} 
+}
 
 const renderContent = (h, props, baseCls, cdProps) => {
     const { menus } = props
@@ -91,9 +91,9 @@ const HeaderView = {
               {titleDom}
               {renderContent(h, this.$props, `${baseCls}-right`, cdProps)}
             </div>
-          ) : <div> 
+          ) : <div>
             {titleDom}
-            {rightContentRenderFun(h, cdProps)} 
+            {rightContentRenderFun(h, cdProps)}
           </div>
         }
     </div>

package/plugins/lib/tree/Directory.js

@@ -194,7 +194,6 @@ export default {
         case 'copy':
           // 明天来了优化一下
           const cloneNode = parentNode ? parentNode[this.replaceFields.children] : this.treeData
-          console.log(cloneNode, '--cloneNode')
           cloneNode.splice(node.nodeIndex + 1, 0, {
             type: 'input',
             append: true,
@@ -203,7 +202,6 @@ export default {
             [this.replaceFields.title]: node[this.replaceFields.title]
           })
           this.$nextTick(() => this.$refs.inputNodeRef.focus())
-          console.log(parentNode, '--props')
           break
         case 'delete':
           this.$confirm({
@@ -220,10 +218,9 @@ export default {
           })
           break
         default:
-          this.$emit('handleOperateClick', handle)
+          this.$emit('handleOperateClick', handle, node)
           break
       }
-      console.log(handle, '--handle')
     }, 
     handlePlusClick() {
       const node = this.findItemById(this.treeData, this.NodeActions.id)

package/plugins/utils/autoFlexible.js

@@ -0,0 +1,30 @@
+import 'amfe-flexible' 
+
+export function autoFlexible(designWidth = 1920) {
+    // designWidth 设计稿的宽度基准
+    // 动态调整根字体大小的函数
+    const updateRootFontSize = () => {
+      const baseSize = 14 // 基准字体大小
+      const minFontSize = 12 // 最小字体大小
+      const maxFontSize = 16 // 最大字体大小 
+      const clientWidth = document.documentElement.clientWidth // 当前窗口的宽度
+      const scale = clientWidth / designWidth // 计算当前窗口宽度与设计稿宽度的比例
+      let newSize = baseSize * scale
+     
+      // 限制字体大小在最小和最大范围内
+      if (newSize < minFontSize) {
+        newSize = minFontSize
+      } else if (newSize > maxFontSize) {
+        newSize = maxFontSize
+      }
+     
+      // 设置根元素的字体大小
+      document.documentElement.style.fontSize = `${newSize}px`
+    }
+    
+    // 监听窗口大小变化，并动态调整字体大小
+    window.addEventListener('resize', () => updateRootFontSize(designWidth))
+    
+    // 初始化时立即设置一次字体大小
+    updateRootFontSize(designWidth)
+}

package/utils/AutoFlexible.js

@@ -0,0 +1,30 @@
+import 'amfe-flexible' 
+
+export function autoFlexible(designWidth = 1920) {
+    // designWidth 设计稿的宽度基准
+    // 动态调整根字体大小的函数
+    const updateRootFontSize = () => {
+      const baseSize = 14 // 基准字体大小
+      const minFontSize = 12 // 最小字体大小
+      const maxFontSize = 16 // 最大字体大小 
+      const clientWidth = document.documentElement.clientWidth // 当前窗口的宽度
+      const scale = clientWidth / designWidth // 计算当前窗口宽度与设计稿宽度的比例
+      let newSize = baseSize * scale
+     
+      // 限制字体大小在最小和最大范围内
+      if (newSize < minFontSize) {
+        newSize = minFontSize
+      } else if (newSize > maxFontSize) {
+        newSize = maxFontSize
+      }
+     
+      // 设置根元素的字体大小
+      document.documentElement.style.fontSize = `${newSize}px`
+    }
+    
+    // 监听窗口大小变化，并动态调整字体大小
+    window.addEventListener('resize', () => updateRootFontSize(designWidth))
+    
+    // 初始化时立即设置一次字体大小
+    updateRootFontSize(designWidth)
+}

package/utils/Postcss.js

@@ -0,0 +1,9 @@
+module.exports.postcss = {
+  rootValue: 14, // 基准字体大小，通常是 16 或 37.5
+  propList: ['*'], // 需要转换的属性，* 表示全部属性都转换
+  unitPrecision: 5, // 允许 REM 单位增长到的十进制数
+  selectorBlackList: [], // 忽略转换的选择器
+  replace: true, // 替换包含 `px` 的规则，而不是添加替换后的副本
+  mediaQuery: false, // 不允许在媒体查询中转换 `px`
+  minPixelValue: 0 // 设置要替换的最小像素值
+}

package/utils/Storage.js

@@ -0,0 +1,73 @@
+import Cookies from 'js-cookie'
+
+const local = {
+
+    set(key, value) {
+        localStorage.setItem(key, value)
+    },
+    
+    setJson( key, value ){
+        localStorage.setItem(key, JSON.stringify( value ))
+    },
+    
+    get( key ){
+        return localStorage.getItem(key)
+    },
+    
+    getJson( key ){
+        
+        const content = localStorage.getItem( key )
+        
+        if( !content ) return null
+        
+        return JSON.parse( content )
+    },
+    
+    remove( key ){
+        localStorage.removeItem(key)
+    },
+    
+    clear(){
+        localStorage.clear()
+    }
+}
+
+const cookies = {
+
+  set(key, value) {
+      Cookies.set(key, value)
+  },
+  
+  setJson( key, value ){
+      Cookies.set(key, JSON.stringify( value ))
+  },
+  
+  get( key ){
+      return Cookies.get(key)
+  },
+  
+  getJson( key ){
+      
+      const content = Cookies.get( key )
+      
+      if( !content ) return null
+      
+      return JSON.parse( content )
+  },
+  
+  remove( key ){
+      Cookies.remove(key)
+  },
+  
+  clear(){
+      const cookies = Cookies.get()
+      for (const cookieName in cookies) {
+          if (cookies.hasOwnProperty(cookieName)) Cookies.remove(cookieName)
+      }
+  }
+}
+
+export default {
+    local,
+    cookies
+}