web-component-gallery 1.1.8 → 1.1.10

package/dist/amap.umd.js

@@ -8868,7 +8868,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      componentAdd: true,\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    componentsArr: {\n      handler(newVal, oldVal) {\n        this.componentAdd = newVal.length > oldVal.length;\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.componentAdd = true, 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.componentAdd = false, this.postCompMessage(params));\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalGoBack', ({\n      name,\n      params\n    }, closeModal) => {\n      this.componentAdd = false;\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 isModal = refKey.includes('?type=modal');\n        const iframeRef = () => {\n          const iframe = this.$refs[refKey];\n          const iframeWin = this.$refs[refKey]?.contentWindow;\n          this.componentAdd ? iframe.onload = function () {\n            iframeWin.postMessage({\n              type,\n              params: {\n                routeQuery: postMessage,\n                data,\n                name: activeKey\n              }\n            }, '*');\n          } : iframeWin.postMessage({\n            type,\n            params: {\n              routeQuery: postMessage,\n              data,\n              name: activeKey\n            }\n          }, '*');\n        };\n        if (isModal) {\n          const timer = setTimeout(() => {\n            iframeRef();\n            clearTimeout(timer);\n          }, 0);\n          return;\n        }\n        iframeRef();\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?");
+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      componentAdd: true,\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    componentsArr: {\n      handler(newVal, oldVal) {\n        this.componentAdd = newVal.length > oldVal.length;\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.componentAdd = true, 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.componentAdd = false, this.postCompMessage(params));\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalGoBack', ({\n      name,\n      params\n    }, closeModal) => {\n      this.componentAdd = false;\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 {\n        ...activeModal,\n        ...(data.attrs ?? {})\n      };\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 isModal = refKey.includes('?type=modal');\n        const iframeRef = () => {\n          const iframe = this.$refs[refKey];\n          const iframeWin = this.$refs[refKey]?.contentWindow;\n          this.componentAdd ? iframe.onload = function () {\n            iframeWin.postMessage({\n              type,\n              params: {\n                routeQuery: postMessage,\n                data,\n                name: activeKey\n              }\n            }, '*');\n          } : iframeWin.postMessage({\n            type,\n            params: {\n              routeQuery: postMessage,\n              data,\n              name: activeKey\n            }\n          }, '*');\n        };\n        if (isModal) {\n          const timer = setTimeout(() => {\n            iframeRef();\n            clearTimeout(timer);\n          }, 0);\n          return;\n        }\n        iframeRef();\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?");
 
 /***/ }),
 
@@ -9033,7 +9033,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (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_1__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es/modal */ \"./node_modules/ant-design-vue/es/modal/index.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/modal/index.less\");\n\n\n\nconst ModalProps = {\n  mode: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('small'),\n  title: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('标题'),\n  visible: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].bool.def(false),\n  cancelHandle: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].func\n};\nconst ModalComp = {\n  name: 'ModalComp',\n  props: ModalProps,\n  functional: true,\n  render(h, content) {\n    const {\n      props,\n      children\n    } = content;\n    const attrs = {\n      width: null,\n      footer: null,\n      keyboard: false,\n      maskClosable: false\n    };\n    return h(ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      \"props\": {\n        ...props\n      },\n      \"attrs\": {\n        ...attrs,\n        \"wrapClassName\": `AntModal__${props.mode}`\n      },\n      \"on\": {\n        ...{\n          cancel: props.cancelHandle\n        }\n      }\n    }, [children]);\n  },\n  mounted() {},\n  methods: {}\n};\nModalComp.install = function (Vue) {\n  Vue.component('ModalComp', ModalComp);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ModalComp);\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es/modal */ \"./node_modules/ant-design-vue/es/modal/index.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/modal/index.less\");\n\n\n\nconst ModalProps = {\n  mode: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('small'),\n  title: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('标题'),\n  visible: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].bool.def(false),\n  cancelHandle: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].func,\n  attrs: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].object.def({})\n};\nconst ModalComp = {\n  name: 'ModalComp',\n  props: ModalProps,\n  functional: true,\n  render(h, content) {\n    const {\n      props,\n      children\n    } = content;\n    const attrs = Object.assign({\n      width: null,\n      footer: null,\n      keyboard: false,\n      maskClosable: false\n    }, props.attrs);\n    delete props.attrs;\n    props.mode == 'screen' && delete props.title;\n    return h(ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      \"props\": {\n        ...props\n      },\n      \"attrs\": {\n        ...attrs,\n        \"wrapClassName\": `AntModal__${props.mode}`\n      },\n      \"on\": {\n        ...{\n          cancel: props.cancelHandle\n        }\n      }\n    }, [children]);\n  },\n  mounted() {},\n  methods: {}\n};\nModalComp.install = function (Vue) {\n  Vue.component('ModalComp', ModalComp);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ModalComp);\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.jsx?");
 
 /***/ }),
 
@@ -9340,7 +9340,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n.AntModal__small .ant-modal {\\n  width: 712px;\\n  height: 640px;\\n}\\n.AntModal__middle .ant-modal {\\n  width: 1104px;\\n  height: 848px;\\n}\\n.AntModal__large .ant-modal {\\n  width: 1600px;\\n  height: 848px;\\n}\\n.AntModal__max .ant-modal {\\n  width: 100%;\\n  height: 100%;\\n  top: 0;\\n}\\n.ant-modal-content {\\n  display: flex;\\n  flex-direction: column;\\n  height: 100%;\\n}\\n.ant-modal-body {\\n  flex: 1;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n.AntModal__small .ant-modal {\\n  width: 712px;\\n  height: 640px;\\n}\\n.AntModal__middle .ant-modal {\\n  width: 1104px;\\n  height: 848px;\\n}\\n.AntModal__large .ant-modal {\\n  width: 1600px;\\n  height: 848px;\\n}\\n.AntModal__max .ant-modal {\\n  width: 100%;\\n  height: 100%;\\n  top: 0;\\n}\\n.AntModal__screen .ant-modal {\\n  width: 100%;\\n  height: 100%;\\n  top: 0;\\n}\\n.AntModal__screen .ant-modal-body {\\n  padding: 0;\\n}\\n.ant-modal-content {\\n  display: flex;\\n  flex-direction: column;\\n  height: 100%;\\n}\\n.ant-modal-body {\\n  flex: 1;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D");
 
 /***/ }),
 

package/dist/index.umd.js

@@ -8868,7 +8868,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      componentAdd: true,\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    componentsArr: {\n      handler(newVal, oldVal) {\n        this.componentAdd = newVal.length > oldVal.length;\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.componentAdd = true, 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.componentAdd = false, this.postCompMessage(params));\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalGoBack', ({\n      name,\n      params\n    }, closeModal) => {\n      this.componentAdd = false;\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 isModal = refKey.includes('?type=modal');\n        const iframeRef = () => {\n          const iframe = this.$refs[refKey];\n          const iframeWin = this.$refs[refKey]?.contentWindow;\n          this.componentAdd ? iframe.onload = function () {\n            iframeWin.postMessage({\n              type,\n              params: {\n                routeQuery: postMessage,\n                data,\n                name: activeKey\n              }\n            }, '*');\n          } : iframeWin.postMessage({\n            type,\n            params: {\n              routeQuery: postMessage,\n              data,\n              name: activeKey\n            }\n          }, '*');\n        };\n        if (isModal) {\n          const timer = setTimeout(() => {\n            iframeRef();\n            clearTimeout(timer);\n          }, 0);\n          return;\n        }\n        iframeRef();\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?");
+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      componentAdd: true,\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    componentsArr: {\n      handler(newVal, oldVal) {\n        this.componentAdd = newVal.length > oldVal.length;\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.componentAdd = true, 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.componentAdd = false, this.postCompMessage(params));\n    });\n    _events_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"].$on('modalGoBack', ({\n      name,\n      params\n    }, closeModal) => {\n      this.componentAdd = false;\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 {\n        ...activeModal,\n        ...(data.attrs ?? {})\n      };\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 isModal = refKey.includes('?type=modal');\n        const iframeRef = () => {\n          const iframe = this.$refs[refKey];\n          const iframeWin = this.$refs[refKey]?.contentWindow;\n          this.componentAdd ? iframe.onload = function () {\n            iframeWin.postMessage({\n              type,\n              params: {\n                routeQuery: postMessage,\n                data,\n                name: activeKey\n              }\n            }, '*');\n          } : iframeWin.postMessage({\n            type,\n            params: {\n              routeQuery: postMessage,\n              data,\n              name: activeKey\n            }\n          }, '*');\n        };\n        if (isModal) {\n          const timer = setTimeout(() => {\n            iframeRef();\n            clearTimeout(timer);\n          }, 0);\n          return;\n        }\n        iframeRef();\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?");
 
 /***/ }),
 
@@ -9033,7 +9033,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (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_1__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es/modal */ \"./node_modules/ant-design-vue/es/modal/index.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/modal/index.less\");\n\n\n\nconst ModalProps = {\n  mode: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('small'),\n  title: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('标题'),\n  visible: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].bool.def(false),\n  cancelHandle: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].func\n};\nconst ModalComp = {\n  name: 'ModalComp',\n  props: ModalProps,\n  functional: true,\n  render(h, content) {\n    const {\n      props,\n      children\n    } = content;\n    const attrs = {\n      width: null,\n      footer: null,\n      keyboard: false,\n      maskClosable: false\n    };\n    return h(ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      \"props\": {\n        ...props\n      },\n      \"attrs\": {\n        ...attrs,\n        \"wrapClassName\": `AntModal__${props.mode}`\n      },\n      \"on\": {\n        ...{\n          cancel: props.cancelHandle\n        }\n      }\n    }, [children]);\n  },\n  mounted() {},\n  methods: {}\n};\nModalComp.install = function (Vue) {\n  Vue.component('ModalComp', ModalComp);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ModalComp);\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ant-design-vue/es/modal */ \"./node_modules/ant-design-vue/es/modal/index.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/modal/index.less\");\n\n\n\nconst ModalProps = {\n  mode: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('small'),\n  title: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].string.def('标题'),\n  visible: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].bool.def(false),\n  cancelHandle: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].func,\n  attrs: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_1__[\"default\"].object.def({})\n};\nconst ModalComp = {\n  name: 'ModalComp',\n  props: ModalProps,\n  functional: true,\n  render(h, content) {\n    const {\n      props,\n      children\n    } = content;\n    const attrs = Object.assign({\n      width: null,\n      footer: null,\n      keyboard: false,\n      maskClosable: false\n    }, props.attrs);\n    delete props.attrs;\n    props.mode == 'screen' && delete props.title;\n    return h(ant_design_vue_es_modal__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n      \"props\": {\n        ...props\n      },\n      \"attrs\": {\n        ...attrs,\n        \"wrapClassName\": `AntModal__${props.mode}`\n      },\n      \"on\": {\n        ...{\n          cancel: props.cancelHandle\n        }\n      }\n    }, [children]);\n  },\n  mounted() {},\n  methods: {}\n};\nModalComp.install = function (Vue) {\n  Vue.component('ModalComp', ModalComp);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ModalComp);\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.jsx?");
 
 /***/ }),
 
@@ -9340,7 +9340,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _nod
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n.AntModal__small .ant-modal {\\n  width: 712px;\\n  height: 640px;\\n}\\n.AntModal__middle .ant-modal {\\n  width: 1104px;\\n  height: 848px;\\n}\\n.AntModal__large .ant-modal {\\n  width: 1600px;\\n  height: 848px;\\n}\\n.AntModal__max .ant-modal {\\n  width: 100%;\\n  height: 100%;\\n  top: 0;\\n}\\n.ant-modal-content {\\n  display: flex;\\n  flex-direction: column;\\n  height: 100%;\\n}\\n.ant-modal-body {\\n  flex: 1;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* 布局（ 纯为了不想多写一行 */\\n/* 正方体盒子 */\\n/* 滚动条样式 */\\n/* 文字换行省略（默认1行）*/\\n/* flex布局 */\\n/* flex排版方式 */\\n.AntModal__small .ant-modal {\\n  width: 712px;\\n  height: 640px;\\n}\\n.AntModal__middle .ant-modal {\\n  width: 1104px;\\n  height: 848px;\\n}\\n.AntModal__large .ant-modal {\\n  width: 1600px;\\n  height: 848px;\\n}\\n.AntModal__max .ant-modal {\\n  width: 100%;\\n  height: 100%;\\n  top: 0;\\n}\\n.AntModal__screen .ant-modal {\\n  width: 100%;\\n  height: 100%;\\n  top: 0;\\n}\\n.AntModal__screen .ant-modal-body {\\n  padding: 0;\\n}\\n.ant-modal-content {\\n  display: flex;\\n  flex-direction: column;\\n  height: 100%;\\n}\\n.ant-modal-body {\\n  flex: 1;\\n}\\n\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://mui/./plugins/lib/modal/index.less?./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-2.use%5B2%5D");
 
 /***/ }),
 

package/lib/iframe/index.jsx

@@ -90,7 +90,7 @@ const IframeContainer = {
           mode: params.mode,
           visible: true,
           ...activeModal
-        })
+        }) 
       )
     }) 
     IframeEvent.$on('modalClose', ({ name, params }) => {
@@ -131,7 +131,7 @@ const IframeContainer = {
         activeKey: name,
         data
       })
-      return activeModal
+      return {...activeModal, ...(data.attrs ?? {})}
     },
     postIframeMessage(components, iframeConfig) {
       const { type, activeKey, data = {} } = iframeConfig

package/lib/modal/index.css

@@ -1 +1 @@
-.AntModal__small .ant-modal{width:712px;height:640px}.AntModal__middle .ant-modal{width:1104px;height:848px}.AntModal__large .ant-modal{width:1600px;height:848px}.AntModal__max .ant-modal{width:100%;height:100%;top:0}.ant-modal-content{display:flex;flex-direction:column;height:100%}.ant-modal-body{flex:1}
+.AntModal__small .ant-modal{width:712px;height:640px}.AntModal__middle .ant-modal{width:1104px;height:848px}.AntModal__large .ant-modal{width:1600px;height:848px}.AntModal__max .ant-modal,.AntModal__screen .ant-modal{width:100%;height:100%;top:0}.AntModal__screen .ant-modal-body{padding:0}.ant-modal-content{display:flex;flex-direction:column;height:100%}.ant-modal-body{flex:1}

package/lib/modal/index.jsx

@@ -7,7 +7,8 @@ const ModalProps = {
   mode: PropTypes.string.def('small'),
   title: PropTypes.string.def('标题'),
   visible: PropTypes.bool.def(false),
-  cancelHandle: PropTypes.func
+  cancelHandle: PropTypes.func,
+  attrs: PropTypes.object.def({})
 } 
 
 const ModalComp = {
@@ -18,12 +19,16 @@ const ModalComp = {
 
     const { props, children } = content
 
-    const attrs = {
-        width: null,
-        footer: null,
-        keyboard: false,
-        maskClosable: false
-    }
+    const attrs = Object.assign({
+      width: null,
+      footer: null,
+      keyboard: false,
+      maskClosable: false
+    }, props.attrs)
+
+    delete props.attrs
+
+    props.mode == 'screen' && delete props.title
 
     return (
       <Modal 

package/lib/modal/index.less

@@ -25,6 +25,17 @@
     }
 }
 
+.AntModal__screen {
+    .ant-modal {
+       .layout( 100%, 100% );
+       top: 0;
+
+       &-body {
+           padding: 0;
+       }
+    }
+}
+
 .ant-modal {
     &-content {
         display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-component-gallery",
-  "version": "1.1.8",
+  "version": "1.1.10",
   "description": "vue-library-ui组件库",
   "main": "dist/index.umd.js",
   "files": [

package/plugins/lib/iframe/index.jsx

@@ -90,7 +90,7 @@ const IframeContainer = {
           mode: params.mode,
           visible: true,
           ...activeModal
-        })
+        }) 
       )
     }) 
     IframeEvent.$on('modalClose', ({ name, params }) => {
@@ -131,7 +131,7 @@ const IframeContainer = {
         activeKey: name,
         data
       })
-      return activeModal
+      return {...activeModal, ...(data.attrs ?? {})}
     },
     postIframeMessage(components, iframeConfig) {
       const { type, activeKey, data = {} } = iframeConfig

package/plugins/lib/modal/index.jsx

@@ -7,7 +7,8 @@ const ModalProps = {
   mode: PropTypes.string.def('small'),
   title: PropTypes.string.def('标题'),
   visible: PropTypes.bool.def(false),
-  cancelHandle: PropTypes.func
+  cancelHandle: PropTypes.func,
+  attrs: PropTypes.object.def({})
 } 
 
 const ModalComp = {
@@ -18,12 +19,16 @@ const ModalComp = {
 
     const { props, children } = content
 
-    const attrs = {
-        width: null,
-        footer: null,
-        keyboard: false,
-        maskClosable: false
-    }
+    const attrs = Object.assign({
+      width: null,
+      footer: null,
+      keyboard: false,
+      maskClosable: false
+    }, props.attrs)
+
+    delete props.attrs
+
+    props.mode == 'screen' && delete props.title
 
     return (
       <Modal 

package/plugins/lib/modal/index.less

@@ -25,6 +25,17 @@
     }
 }
 
+.AntModal__screen {
+    .ant-modal {
+       .layout( 100%, 100% );
+       top: 0;
+
+       &-body {
+           padding: 0;
+       }
+    }
+}
+
 .ant-modal {
     &-content {
         display: flex;

package/plugins/method/Theme.js

@@ -0,0 +1,44 @@
+import {toggleTheme} from "@zougt/theme-css-extract-webpack-plugin/dist/toggleTheme"
+
+import message from 'ant-design-vue/es/message'
+
+export default {
+    install(Vue) { 
+        Vue.prototype.$setTheme = function(theme) {
+            /** 判断是否属于内嵌项目 */
+            if(window.parent !== window) {
+                return
+            }
+            ToggleTheme(theme)
+        }
+
+        /** 切换当前主题 */
+        function ToggleTheme(scopeName) {
+            /** 获取初始配置项 */
+            // env.themeConfig 来源 vue.config.js define (webpack的DefinePlugin)
+            const themeConfig = env.themeConfig
+            /** 切换主题loading */
+            const hideMessage = message.loading('正在切换主题！', 0)
+            /** 主题配置
+             *  @scopeName 名称
+             *  @multipleScopeVars 主题项
+             *  @extract 是否提取
+             *  @publicPath 资源输出路径
+             *  @outputDir 提取的 css 文件存放目录
+             */
+            toggleTheme({ 
+              scopeName,
+              multipleScopeVars: themeConfig.multipleScopeVars,
+              extract: themeConfig.extract,
+              publicPath: themeConfig.publicPath,
+              outputDir: themeConfig.extractCssOutputDir
+            })
+            const loadingTimer=setTimeout(() => {
+              hideMessage()
+              clearTimeout(loadingTimer)
+            }, 10)
+            Vue.prototype.$store.commit('SET_THEME',scopeName)
+        }
+
+    }
+}

package/plugins/store/project.js

@@ -29,7 +29,7 @@ const mutations = {
     SET_THEME(state, projectTheme) {
        state.projectTheme = projectTheme
        storage[storageMode].set('projectTheme', projectTheme)
-       window.dispatchEvent(new CustomEvent('handleThemeLoad', {detail: projectTheme}))
+
     },
     SET_CONFIG(state, projectConfig) {
        state.projectConfig = projectConfig