@idooel/components 0.0.1-beta.22 → 0.0.1-beta.24

package/dist/@idooel/components.esm.js

@@ -413,11 +413,11 @@ __vue_render__$s._withStripped = true;
   /* style */
   const __vue_inject_styles__$s = function (inject) {
     if (!inject) return
-    inject("data-v-c04139c8_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"index.vue"}, media: undefined });
+    inject("data-v-2dfc23ac_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"index.vue"}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$s = "data-v-c04139c8";
+  const __vue_scope_id__$s = "data-v-2dfc23ac";
   /* module identifier */
   const __vue_module_identifier__$s = undefined;
   /* functional template */
@@ -559,11 +559,11 @@ __vue_render__$r._withStripped = true;
   /* style */
   const __vue_inject_styles__$r = function (inject) {
     if (!inject) return
-    inject("data-v-1fbed5ac_0", { source: "\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":";;AAEA,oCAAoC","file":"index.vue"}, media: undefined });
+    inject("data-v-ccfe5f1e_0", { source: "\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":";;AAEA,oCAAoC","file":"index.vue"}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$r = "data-v-1fbed5ac";
+  const __vue_scope_id__$r = "data-v-ccfe5f1e";
   /* module identifier */
   const __vue_module_identifier__$r = undefined;
   /* functional template */
@@ -1428,11 +1428,11 @@ __vue_render__$q._withStripped = true;
   /* style */
   const __vue_inject_styles__$q = function (inject) {
     if (!inject) return
-    inject("data-v-5e9f9cdc_0", { source: ".g-table__action[data-v-5e9f9cdc] {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item[data-v-5e9f9cdc] {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item[data-v-5e9f9cdc]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/table/src/action.vue","action.vue"],"names":[],"mappings":"AAsHA;EACA,aAAA;EACA,mBAAA;ACrHA;ADsHA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACpHA;ADqHA;EACA,cAAA;ACnHA;;AAEA,qCAAqC","file":"action.vue","sourcesContent":["<template>\n  <div class=\"g-table__action\">\n    <div class=\"table-action__item\" v-for=\"(item, idx) in execOperationExpression(dataSource)\" :key=\"idx\">\n      <template v-if=\"item.type == 'text'\">\n        <span @click=\"handleClickText(item)\">{{ item.label }}</span>\n      </template>\n      <template v-else-if=\"item.type == 'dropdown'\">\n        <a-dropdown>\n          <a-menu slot=\"overlay\" @click=\"handleDropdownClick\">\n            <a-menu-item :key=\"`${item.key || ''}${menuKeyDelimiter}${opt.value || ''}`\" v-for=\"opt in execOperationExpression(item.optionList)\">\n              <template v-if=\"opt.type == 'confirm'\">\n                <a-popconfirm :title=\"opt.message\" @confirm=\"handleClickConfirm(opt)\">\n                  {{ opt.label }}\n                </a-popconfirm>\n              </template>\n              <template v-else>\n                {{ opt.label }}\n              </template>\n            </a-menu-item>\n          </a-menu>\n         <span>{{ item.label }}</span>\n        </a-dropdown>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { v5 as uuidv5 } from 'uuid'\nimport { type, route } from '@idooel/shared'\nimport { parse } from '@idooel/expression'\nconst MENU_KEY_NAMESPACE = 'f7b3b8b0-1b7b-11ec-9621-0242ac130002'\nexport default {\n  props: {\n    record: {\n      type: Object\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    }\n  },\n  inject: {\n    requestTreeData: {\n      default: void 0\n    },\n    requestTableData: {\n      default: void 0\n    }\n  },\n  computed: {\n    menuKeyDelimiter () {\n      return uuidv5('_', MENU_KEY_NAMESPACE)\n    },\n    builtInMethods () {\n      return { \n        requestTreeData: this.requestTreeData, \n        requestTableData: this.requestTableData \n      }\n    }\n  },\n  methods: {\n    execOperationExpression (dataSource = []) {\n      const ret = dataSource.map(item => {\n        const { show } = item\n        if (type.isUndefined(show)) {\n          return item\n        } else if (type.isBool(show)) {\n          if (show) return item\n        } else if (type.isStr(show)) {\n          const parseRet = parse(show, { \n            ...this.record, \n            _route: route.searchToQueryParams(window.location.search) \n          })\n          if (parseRet) return item\n        }\n      }).filter(item => item)\n      return ret\n    },\n    handleClickConfirm (props) {\n      //TODO generate event by special rule\n      const { eventName, value } = props\n      this.$emit(eventName, { \n        key: value, \n        record: this.record,\n        builtInMethods: this.builtInMethods \n      })\n    },\n    handleDropdownClick (props) {\n      const { key } = props\n      const [parent, child] = key.split(this.menuKeyDelimiter)\n      if (!parent || !child) {\n        throw new Error('key is required')\n      }\n      const currentDropdown = this.dataSource.find(item => item.key === parent)\n      const currentClickTarget = currentDropdown.optionList.find(item => item.value === child)\n      const { eventName, type } = currentClickTarget\n      //TODO generate event by special rule\n      if (type === 'confirm') return\n      this.$emit(eventName, { \n        key: child, \n        record: this.record, \n        builtInMethods: this.builtInMethods \n      })\n    },\n    handleClickText (props) {\n      const { eventName, key } = props\n      this.$emit(eventName, { \n        key, \n        record: this.record, \n        builtInMethods: this.builtInMethods \n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__action {\n  display: flex;\n  flex-direction: row;\n  .table-action__item {\n    font-size: 14px;\n    color: #409EFF;\n    margin-left: 16px;\n    cursor: pointer;\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>",".g-table__action {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */"]}, media: undefined });
+    inject("data-v-572820bc_0", { source: ".g-table__action[data-v-572820bc] {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item[data-v-572820bc] {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item[data-v-572820bc]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\table\\src\\action.vue","action.vue"],"names":[],"mappings":"AAsHA;EACA,aAAA;EACA,mBAAA;ACrHA;ADsHA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACpHA;ADqHA;EACA,cAAA;ACnHA;;AAEA,qCAAqC","file":"action.vue","sourcesContent":["<template>\r\n  <div class=\"g-table__action\">\r\n    <div class=\"table-action__item\" v-for=\"(item, idx) in execOperationExpression(dataSource)\" :key=\"idx\">\r\n      <template v-if=\"item.type == 'text'\">\r\n        <span @click=\"handleClickText(item)\">{{ item.label }}</span>\r\n      </template>\r\n      <template v-else-if=\"item.type == 'dropdown'\">\r\n        <a-dropdown>\r\n          <a-menu slot=\"overlay\" @click=\"handleDropdownClick\">\r\n            <a-menu-item :key=\"`${item.key || ''}${menuKeyDelimiter}${opt.value || ''}`\" v-for=\"opt in execOperationExpression(item.optionList)\">\r\n              <template v-if=\"opt.type == 'confirm'\">\r\n                <a-popconfirm :title=\"opt.message\" @confirm=\"handleClickConfirm(opt)\">\r\n                  {{ opt.label }}\r\n                </a-popconfirm>\r\n              </template>\r\n              <template v-else>\r\n                {{ opt.label }}\r\n              </template>\r\n            </a-menu-item>\r\n          </a-menu>\r\n         <span>{{ item.label }}</span>\r\n        </a-dropdown>\r\n      </template>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { v5 as uuidv5 } from 'uuid'\r\nimport { type, route } from '@idooel/shared'\r\nimport { parse } from '@idooel/expression'\r\nconst MENU_KEY_NAMESPACE = 'f7b3b8b0-1b7b-11ec-9621-0242ac130002'\r\nexport default {\r\n  props: {\r\n    record: {\r\n      type: Object\r\n    },\r\n    dataSource: {\r\n      type: Array,\r\n      default: () => []\r\n    }\r\n  },\r\n  inject: {\r\n    requestTreeData: {\r\n      default: void 0\r\n    },\r\n    requestTableData: {\r\n      default: void 0\r\n    }\r\n  },\r\n  computed: {\r\n    menuKeyDelimiter () {\r\n      return uuidv5('_', MENU_KEY_NAMESPACE)\r\n    },\r\n    builtInMethods () {\r\n      return { \r\n        requestTreeData: this.requestTreeData, \r\n        requestTableData: this.requestTableData \r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    execOperationExpression (dataSource = []) {\r\n      const ret = dataSource.map(item => {\r\n        const { show } = item\r\n        if (type.isUndefined(show)) {\r\n          return item\r\n        } else if (type.isBool(show)) {\r\n          if (show) return item\r\n        } else if (type.isStr(show)) {\r\n          const parseRet = parse(show, { \r\n            ...this.record, \r\n            _route: route.searchToQueryParams(window.location.search) \r\n          })\r\n          if (parseRet) return item\r\n        }\r\n      }).filter(item => item)\r\n      return ret\r\n    },\r\n    handleClickConfirm (props) {\r\n      //TODO generate event by special rule\r\n      const { eventName, value } = props\r\n      this.$emit(eventName, { \r\n        key: value, \r\n        record: this.record,\r\n        builtInMethods: this.builtInMethods \r\n      })\r\n    },\r\n    handleDropdownClick (props) {\r\n      const { key } = props\r\n      const [parent, child] = key.split(this.menuKeyDelimiter)\r\n      if (!parent || !child) {\r\n        throw new Error('key is required')\r\n      }\r\n      const currentDropdown = this.dataSource.find(item => item.key === parent)\r\n      const currentClickTarget = currentDropdown.optionList.find(item => item.value === child)\r\n      const { eventName, type } = currentClickTarget\r\n      //TODO generate event by special rule\r\n      if (type === 'confirm') return\r\n      this.$emit(eventName, { \r\n        key: child, \r\n        record: this.record, \r\n        builtInMethods: this.builtInMethods \r\n      })\r\n    },\r\n    handleClickText (props) {\r\n      const { eventName, key } = props\r\n      this.$emit(eventName, { \r\n        key, \r\n        record: this.record, \r\n        builtInMethods: this.builtInMethods \r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.g-table__action {\r\n  display: flex;\r\n  flex-direction: row;\r\n  .table-action__item {\r\n    font-size: 14px;\r\n    color: #409EFF;\r\n    margin-left: 16px;\r\n    cursor: pointer;\r\n    &:first-child {\r\n      margin-left: 0;\r\n    }\r\n  }\r\n}\r\n</style>",".g-table__action {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$q = "data-v-5e9f9cdc";
+  const __vue_scope_id__$q = "data-v-572820bc";
   /* module identifier */
   const __vue_module_identifier__$q = undefined;
   /* functional template */
@@ -1571,11 +1571,11 @@ __vue_render__$p._withStripped = true;
   /* style */
   const __vue_inject_styles__$p = function (inject) {
     if (!inject) return
-    inject("data-v-70a1f03f_0", { source: ".g-table__wrapper[data-v-70a1f03f] {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper[data-v-70a1f03f]  .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-70a1f03f]  .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper[data-v-70a1f03f]  .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper[data-v-70a1f03f]  .ant-table-wrapper .ant-table-body {\n  border-top-width: calc(var(--idooel-border-width) * 1px);\n  border-top-style: solid;\n  border-top-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-70a1f03f]  .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-70a1f03f]  .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-70a1f03f]  .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-70a1f03f]  .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper[data-v-70a1f03f]  .ant-table-wrapper .ant-table-fixed-right {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-70a1f03f]  .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-color: var(--idooel-border-color);\n  border-bottom-style: solid;\n}\n.g-table__wrapper[data-v-70a1f03f]  .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper .g-table__pagination[data-v-70a1f03f] {\n  /* margin-top: 8px; */\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/table/src/index.vue","index.vue"],"names":[],"mappings":"AA4EA;EAgEA,aAAA;EACA,kBAAA;AC1IA;AD2EA;EACA,oDAAA;EACA,mBAAA;EACA,wCAAA;ACzEA;AD4EA;EACA,iDAAA;AC1EA;AD+EA;EACA,+CAAA;EACA,2DAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;AC7EA;ADiFA;EACA,wDAAA;EACA,uBAAA;EACA,4CAAA;AC/EA;ADiFA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;AC/EA;ADgFA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;AC9EA;ADgFA;EACA,0DAAA;EACA,yBAAA;EACA,8CAAA;AC9EA;ADgFA;EACA,0DAAA;EACA,8CAAA;EACA,yBAAA;AC9EA;ADiFA;EAMA,2DAAA;EACA,0BAAA;EACA,+CAAA;ACpFA;AD6EA;EACA,2DAAA;EACA,+CAAA;EACA,0BAAA;AC3EA;ADgFA;EACA,yDAAA;EACA,wBAAA;EACA,6CAAA;AC9EA;ADsFA;EACA,qBAAA;EACA,aAAA;EACA,mBAAA;EACA,oBAAA;EACA,oDAAA;EACA,wCAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;ACpFA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"g-table__wrapper\">\n    <a-table\n      :pagination=\"false\"\n      :loading=\"loading\"\n      :columns=\"columns\"\n      :row-class-name=\"setRowClassName\"\n      :data-source=\"dataSource\"\n      :scroll=\"{ x: 1500, y: 500 }\">\n      <template slot=\"action\" slot-scope=\"record\">\n        <Actions v-on=\"$listeners\" :data-source=\"actions\" :record=\"record\"></Actions>\n      </template>\n    </a-table>\n    <div class=\"g-table__pagination\">\n      <a-pagination\n        :show-total=\"total => `共 ${total} 条数据`\"\n        show-size-changer \n        show-quick-jumper\n        :pageSize=\"pageSize\"\n        :pageSizeOptions=\"pageSizeOptions\"\n        @change=\"onChangePagination\" \n        :total=\"total\">\n      </a-pagination>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Actions from './action.vue'\nexport default {\n  name: 'ele-table',\n  components: {\n    Actions\n  },\n  props: {\n    actions: {\n      type: Array,\n      default: () => []\n    },\n    total: {\n      type: Number,\n      default: 0\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    columns: {\n      type: Array,\n      default: () => []\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    },\n    pageSize: {\n      type: Number,\n      default: 10\n    },\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '20', '30', '40']\n    }\n  },\n  methods: {\n    setRowClassName (record, idx) {\n      return idx % 2 === 0 ? 'g-table__row--even' : 'g-table__row--odd'\n    },\n    onChangePagination (page, pagrSize) {\n      this.$emit('change-page', page, pagrSize)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__wrapper {\n  ::v-deep .ant-table-wrapper {\n    .ant-table {\n      border-width: calc(var(--idooel-border-width) * 1px);\n      border-style: solid;\n      border-color: var(--idooel-border-color);\n    }\n    .ant-table-header {\n      .ant-table-fixed {\n        /* border-bottom: 2px solid #53a8ff !important; */\n      }\n    }\n    .ant-table-tbody {\n      tr {\n        td {\n          border-color: var(--idooel-column-border-color);\n          border-width: calc(var(--idooel-column-border-width) * 1px);;\n          border-style: solid;\n          border-top: unset;\n          border-left: unset;\n        }\n      }\n    }\n    .ant-table-body {\n      border-top-width: calc(var(--idooel-border-width) * 1px);\n      border-top-style: solid;\n      border-top-color: var(--idooel-border-color);\n    }\n    .ant-table-fixed-left {\n      border-bottom-width: calc(var(--idooel-border-width) * 1px);\n      border-bottom-style: solid;\n      border-bottom-color: var(--idooel-border-color);\n      .ant-table-header {\n        border-bottom-width: calc(var(--idooel-border-width) * 1px);\n        border-bottom-style: solid;\n        border-bottom-color: var(--idooel-border-color);\n      }\n      .ant-table-body-inner {\n        border-right-width: calc(var(--idooel-border-width) * 1px);\n        border-right-style: solid;\n        border-right-color: var(--idooel-border-color);\n      }\n      .ant-table-fixed {\n        border-right-width: calc(var(--idooel-border-width) * 1px);\n        border-right-color: var(--idooel-border-color);\n        border-right-style: solid;\n      }\n    }\n    .ant-table-fixed-right {\n      .ant-table-header {\n        border-bottom-width: calc(var(--idooel-border-width) * 1px);\n        border-bottom-color: var(--idooel-border-color);\n        border-bottom-style: solid;\n      }\n      border-bottom-width: calc(var(--idooel-border-width) * 1px);\n      border-bottom-style: solid;\n      border-bottom-color: var(--idooel-border-color);\n      .ant-table-fixed {\n        border-left-width: calc(var(--idooel-border-width) * 1px);\n        border-left-style: solid;\n        border-left-color: var(--idooel-border-color);\n      }\n    }\n  }\n  padding: 16px;\n  padding-top: unset;\n  .g-table__row--even {}\n  .g-table__row--odd {}\n  .g-table__pagination {\n    /* margin-top: 8px; */\n    display: flex;\n    flex-direction: row;\n    justify-content: end;\n    border-width: calc(var(--idooel-border-width) * 1px);\n    border-color: var(--idooel-border-color);\n    border-style: solid;\n    border-top: unset;\n    padding-top: 8px;\n    padding-bottom: 8px;\n  }\n}\n</style>",".g-table__wrapper {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-body {\n  border-top-width: calc(var(--idooel-border-width) * 1px);\n  border-top-style: solid;\n  border-top-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-color: var(--idooel-border-color);\n  border-bottom-style: solid;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper .g-table__pagination {\n  /* margin-top: 8px; */\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-6f3faf52_0", { source: ".g-table__wrapper[data-v-6f3faf52] {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-body {\n  border-top-width: calc(var(--idooel-border-width) * 1px);\n  border-top-style: solid;\n  border-top-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-right {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-color: var(--idooel-border-color);\n  border-bottom-style: solid;\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper .g-table__pagination[data-v-6f3faf52] {\n  /* margin-top: 8px; */\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\table\\src\\index.vue","index.vue"],"names":[],"mappings":"AA4EA;EAgEA,aAAA;EACA,kBAAA;AC1IA;AD2EA;EACA,oDAAA;EACA,mBAAA;EACA,wCAAA;ACzEA;AD4EA;EACA,iDAAA;AC1EA;AD+EA;EACA,+CAAA;EACA,2DAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;AC7EA;ADiFA;EACA,wDAAA;EACA,uBAAA;EACA,4CAAA;AC/EA;ADiFA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;AC/EA;ADgFA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;AC9EA;ADgFA;EACA,0DAAA;EACA,yBAAA;EACA,8CAAA;AC9EA;ADgFA;EACA,0DAAA;EACA,8CAAA;EACA,yBAAA;AC9EA;ADiFA;EAMA,2DAAA;EACA,0BAAA;EACA,+CAAA;ACpFA;AD6EA;EACA,2DAAA;EACA,+CAAA;EACA,0BAAA;AC3EA;ADgFA;EACA,yDAAA;EACA,wBAAA;EACA,6CAAA;AC9EA;ADsFA;EACA,qBAAA;EACA,aAAA;EACA,mBAAA;EACA,oBAAA;EACA,oDAAA;EACA,wCAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;ACpFA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"g-table__wrapper\">\r\n    <a-table\r\n      :pagination=\"false\"\r\n      :loading=\"loading\"\r\n      :columns=\"columns\"\r\n      :row-class-name=\"setRowClassName\"\r\n      :data-source=\"dataSource\"\r\n      :scroll=\"{ x: 1500, y: 500 }\">\r\n      <template slot=\"action\" slot-scope=\"record\">\r\n        <Actions v-on=\"$listeners\" :data-source=\"actions\" :record=\"record\"></Actions>\r\n      </template>\r\n    </a-table>\r\n    <div class=\"g-table__pagination\">\r\n      <a-pagination\r\n        :show-total=\"total => `共 ${total} 条数据`\"\r\n        show-size-changer \r\n        show-quick-jumper\r\n        :pageSize=\"pageSize\"\r\n        :pageSizeOptions=\"pageSizeOptions\"\r\n        @change=\"onChangePagination\" \r\n        :total=\"total\">\r\n      </a-pagination>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Actions from './action.vue'\r\nexport default {\r\n  name: 'ele-table',\r\n  components: {\r\n    Actions\r\n  },\r\n  props: {\r\n    actions: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    total: {\r\n      type: Number,\r\n      default: 0\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    columns: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    dataSource: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    pageSize: {\r\n      type: Number,\r\n      default: 10\r\n    },\r\n    pageSizeOptions: {\r\n      type: Array,\r\n      default: () => ['10', '20', '30', '40']\r\n    }\r\n  },\r\n  methods: {\r\n    setRowClassName (record, idx) {\r\n      return idx % 2 === 0 ? 'g-table__row--even' : 'g-table__row--odd'\r\n    },\r\n    onChangePagination (page, pagrSize) {\r\n      this.$emit('change-page', page, pagrSize)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.g-table__wrapper {\r\n  ::v-deep .ant-table-wrapper {\r\n    .ant-table {\r\n      border-width: calc(var(--idooel-border-width) * 1px);\r\n      border-style: solid;\r\n      border-color: var(--idooel-border-color);\r\n    }\r\n    .ant-table-header {\r\n      .ant-table-fixed {\r\n        /* border-bottom: 2px solid #53a8ff !important; */\r\n      }\r\n    }\r\n    .ant-table-tbody {\r\n      tr {\r\n        td {\r\n          border-color: var(--idooel-column-border-color);\r\n          border-width: calc(var(--idooel-column-border-width) * 1px);;\r\n          border-style: solid;\r\n          border-top: unset;\r\n          border-left: unset;\r\n        }\r\n      }\r\n    }\r\n    .ant-table-body {\r\n      border-top-width: calc(var(--idooel-border-width) * 1px);\r\n      border-top-style: solid;\r\n      border-top-color: var(--idooel-border-color);\r\n    }\r\n    .ant-table-fixed-left {\r\n      border-bottom-width: calc(var(--idooel-border-width) * 1px);\r\n      border-bottom-style: solid;\r\n      border-bottom-color: var(--idooel-border-color);\r\n      .ant-table-header {\r\n        border-bottom-width: calc(var(--idooel-border-width) * 1px);\r\n        border-bottom-style: solid;\r\n        border-bottom-color: var(--idooel-border-color);\r\n      }\r\n      .ant-table-body-inner {\r\n        border-right-width: calc(var(--idooel-border-width) * 1px);\r\n        border-right-style: solid;\r\n        border-right-color: var(--idooel-border-color);\r\n      }\r\n      .ant-table-fixed {\r\n        border-right-width: calc(var(--idooel-border-width) * 1px);\r\n        border-right-color: var(--idooel-border-color);\r\n        border-right-style: solid;\r\n      }\r\n    }\r\n    .ant-table-fixed-right {\r\n      .ant-table-header {\r\n        border-bottom-width: calc(var(--idooel-border-width) * 1px);\r\n        border-bottom-color: var(--idooel-border-color);\r\n        border-bottom-style: solid;\r\n      }\r\n      border-bottom-width: calc(var(--idooel-border-width) * 1px);\r\n      border-bottom-style: solid;\r\n      border-bottom-color: var(--idooel-border-color);\r\n      .ant-table-fixed {\r\n        border-left-width: calc(var(--idooel-border-width) * 1px);\r\n        border-left-style: solid;\r\n        border-left-color: var(--idooel-border-color);\r\n      }\r\n    }\r\n  }\r\n  padding: 16px;\r\n  padding-top: unset;\r\n  .g-table__row--even {}\r\n  .g-table__row--odd {}\r\n  .g-table__pagination {\r\n    /* margin-top: 8px; */\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: end;\r\n    border-width: calc(var(--idooel-border-width) * 1px);\r\n    border-color: var(--idooel-border-color);\r\n    border-style: solid;\r\n    border-top: unset;\r\n    padding-top: 8px;\r\n    padding-bottom: 8px;\r\n  }\r\n}\r\n</style>",".g-table__wrapper {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-body {\n  border-top-width: calc(var(--idooel-border-width) * 1px);\n  border-top-style: solid;\n  border-top-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-color: var(--idooel-border-color);\n  border-bottom-style: solid;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper .g-table__pagination {\n  /* margin-top: 8px; */\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$p = "data-v-70a1f03f";
+  const __vue_scope_id__$p = "data-v-6f3faf52";
   /* module identifier */
   const __vue_module_identifier__$p = undefined;
   /* functional template */
@@ -1754,11 +1754,11 @@ __vue_render__$o._withStripped = true;
   /* style */
   const __vue_inject_styles__$o = function (inject) {
     if (!inject) return
-    inject("data-v-0cdfa85c_0", { source: ".g-tree__wrapper[data-v-0cdfa85c] {\n  overflow: hidden;\n}\n.g-tree__wrapper[data-v-0cdfa85c]  .ant-tree .ant-tree-node-content-wrapper {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.g-tree__wrapper[data-v-0cdfa85c]  .ant-tree .ant-tree-node-selected {\n  color: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/tree/src/index.vue","index.vue"],"names":[],"mappings":"AAwFA;EACA,gBAAA;ACvFA;ADyFA;EACA,uBAAA;EACA,gBAAA;EACA,mBAAA;ACvFA;ADyFA;EACA,WAAA;ACvFA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"g-tree__wrapper\">\n    <a-tree\n      v-if=\"innerTreeData.length\"\n      :tree-data=\"innerTreeData\"\n      @select=\"selectTreeNode\"\n      :replaceFields=\"replaceFields\"\n      :default-expanded-keys=\"defaultExpandedKeys\"\n      :default-selected-keys=\"defaultSelectedKeys\"\n      blockNode \n      :show-icon=\"showIcon\">\n      <template #title=\"{ title }\">\n        <span :title=\"title\" class=\"tree-node__title\">\n          {{ title }}\n        </span>\n      </template>\n      <template slot=\"custom\" slot-scope=\"{ scopedSlots }\">\n        <a-icon :type=\"scopedSlots.iconName\"></a-icon>\n      </template>\n    </a-tree>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ele-tree',\n  props: {\n    treeData: {\n      type: Array,\n      default: () => []\n    },\n    replaceFields: {\n      type: Object,\n      default: () => ({\n        title: 'title',\n        key: 'id',\n        children: 'children'\n      })\n    },\n    defaultExpandedKeys: {\n      type: Array\n    },\n    defaultSelectedKeys: {\n      type: Array\n    },\n    showIcon: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data () {\n    return {}\n  },\n  computed: {\n    innerTreeData () {\n      return this.treeData\n      // return [\n      //   {\n      //     title: 'parent 1',\n      //     key: 1,\n      //     scopedSlots: {\n      //       icon: 'custom',\n      //       iconName: 'smile-o'\n      //     },\n      //     children: [\n      //       {\n      //         title: '2',\n      //         key: 2,\n      //         scopedSlots: {\n      //           icon: 'custom',\n      //           iconName: 'frown-o'\n      //         }\n      //       }\n      //     ]\n      //   }\n      // ]\n    }\n  },\n  methods: {\n    refreshTreeStatus (props = {}) {},\n    selectTreeNode (selectedKeys, e) {\n      this.$emit('select', selectedKeys, e)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-tree__wrapper {\n  overflow: hidden;\n  ::v-deep .ant-tree {\n    .ant-tree-node-content-wrapper {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n    }\n    .ant-tree-node-selected {\n      color: #fff;\n    }\n  }\n}\n</style>",".g-tree__wrapper {\n  overflow: hidden;\n}\n.g-tree__wrapper ::v-deep .ant-tree .ant-tree-node-content-wrapper {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.g-tree__wrapper ::v-deep .ant-tree .ant-tree-node-selected {\n  color: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-cc99bbf0_0", { source: ".g-tree__wrapper[data-v-cc99bbf0] {\n  overflow: hidden;\n}\n.g-tree__wrapper[data-v-cc99bbf0]  .ant-tree .ant-tree-node-content-wrapper {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.g-tree__wrapper[data-v-cc99bbf0]  .ant-tree .ant-tree-node-selected {\n  color: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\tree\\src\\index.vue","index.vue"],"names":[],"mappings":"AAwFA;EACA,gBAAA;ACvFA;ADyFA;EACA,uBAAA;EACA,gBAAA;EACA,mBAAA;ACvFA;ADyFA;EACA,WAAA;ACvFA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"g-tree__wrapper\">\r\n    <a-tree\r\n      v-if=\"innerTreeData.length\"\r\n      :tree-data=\"innerTreeData\"\r\n      @select=\"selectTreeNode\"\r\n      :replaceFields=\"replaceFields\"\r\n      :default-expanded-keys=\"defaultExpandedKeys\"\r\n      :default-selected-keys=\"defaultSelectedKeys\"\r\n      blockNode \r\n      :show-icon=\"showIcon\">\r\n      <template #title=\"{ title }\">\r\n        <span :title=\"title\" class=\"tree-node__title\">\r\n          {{ title }}\r\n        </span>\r\n      </template>\r\n      <template slot=\"custom\" slot-scope=\"{ scopedSlots }\">\r\n        <a-icon :type=\"scopedSlots.iconName\"></a-icon>\r\n      </template>\r\n    </a-tree>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ele-tree',\r\n  props: {\r\n    treeData: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    replaceFields: {\r\n      type: Object,\r\n      default: () => ({\r\n        title: 'title',\r\n        key: 'id',\r\n        children: 'children'\r\n      })\r\n    },\r\n    defaultExpandedKeys: {\r\n      type: Array\r\n    },\r\n    defaultSelectedKeys: {\r\n      type: Array\r\n    },\r\n    showIcon: {\r\n      type: Boolean,\r\n      default: true\r\n    }\r\n  },\r\n  data () {\r\n    return {}\r\n  },\r\n  computed: {\r\n    innerTreeData () {\r\n      return this.treeData\r\n      // return [\r\n      //   {\r\n      //     title: 'parent 1',\r\n      //     key: 1,\r\n      //     scopedSlots: {\r\n      //       icon: 'custom',\r\n      //       iconName: 'smile-o'\r\n      //     },\r\n      //     children: [\r\n      //       {\r\n      //         title: '2',\r\n      //         key: 2,\r\n      //         scopedSlots: {\r\n      //           icon: 'custom',\r\n      //           iconName: 'frown-o'\r\n      //         }\r\n      //       }\r\n      //     ]\r\n      //   }\r\n      // ]\r\n    }\r\n  },\r\n  methods: {\r\n    refreshTreeStatus (props = {}) {},\r\n    selectTreeNode (selectedKeys, e) {\r\n      this.$emit('select', selectedKeys, e)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.g-tree__wrapper {\r\n  overflow: hidden;\r\n  ::v-deep .ant-tree {\r\n    .ant-tree-node-content-wrapper {\r\n      text-overflow: ellipsis;\r\n      overflow: hidden;\r\n      white-space: nowrap;\r\n    }\r\n    .ant-tree-node-selected {\r\n      color: #fff;\r\n    }\r\n  }\r\n}\r\n</style>",".g-tree__wrapper {\n  overflow: hidden;\n}\n.g-tree__wrapper ::v-deep .ant-tree .ant-tree-node-content-wrapper {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.g-tree__wrapper ::v-deep .ant-tree .ant-tree-node-selected {\n  color: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$o = "data-v-0cdfa85c";
+  const __vue_scope_id__$o = "data-v-cc99bbf0";
   /* module identifier */
   const __vue_module_identifier__$o = undefined;
   /* functional template */
@@ -1820,11 +1820,11 @@ __vue_render__$n._withStripped = true;
   /* style */
   const __vue_inject_styles__$n = function (inject) {
     if (!inject) return
-    inject("data-v-07e596bf_0", { source: ".g-search__label[data-v-07e596bf] {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.g-search__label .label__title[data-v-07e596bf], .g-search__label .label__suffix[data-v-07e596bf] {\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.88);\n  white-space: nowrap;\n}\n.g-search__label .label__suffix[data-v-07e596bf] {\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=label.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/composite-components/search-area/src/label.vue","label.vue"],"names":[],"mappings":"AAkBA;EACA,iBAAA;EACA,gBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;ACjBA;ADkBA;EACA,eAAA;EACA,0BAAA;EACA,mBAAA;AChBA;ADkBA;EACA,gBAAA;AChBA;;AAEA,oCAAoC","file":"label.vue","sourcesContent":["<template>\n  <div class=\"g-search__label\">\n    <span class=\"label__title\">{{ label }}</span>\n    <span class=\"label__suffix\">：</span>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    label: {\n      type: String\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-search__label {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  .label__title, .label__suffix {\n    font-size: 14px;\n    color: rgba(0, 0, 0, 0.88);\n    white-space: nowrap;\n  }\n  .label__suffix {\n    margin-left: 4px;\n  }\n}\n</style>",".g-search__label {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.g-search__label .label__title, .g-search__label .label__suffix {\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.88);\n  white-space: nowrap;\n}\n.g-search__label .label__suffix {\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=label.vue.map */"]}, media: undefined });
+    inject("data-v-40e71716_0", { source: ".g-search__label[data-v-40e71716] {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.g-search__label .label__title[data-v-40e71716], .g-search__label .label__suffix[data-v-40e71716] {\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.88);\n  white-space: nowrap;\n}\n.g-search__label .label__suffix[data-v-40e71716] {\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=label.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\composite-components\\search-area\\src\\label.vue","label.vue"],"names":[],"mappings":"AAkBA;EACA,iBAAA;EACA,gBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;ACjBA;ADkBA;EACA,eAAA;EACA,0BAAA;EACA,mBAAA;AChBA;ADkBA;EACA,gBAAA;AChBA;;AAEA,oCAAoC","file":"label.vue","sourcesContent":["<template>\r\n  <div class=\"g-search__label\">\r\n    <span class=\"label__title\">{{ label }}</span>\r\n    <span class=\"label__suffix\">：</span>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    label: {\r\n      type: String\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.g-search__label {\r\n  /* width: 69px; */\r\n  flex-basis: 69px;\r\n  height: 32px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  .label__title, .label__suffix {\r\n    font-size: 14px;\r\n    color: rgba(0, 0, 0, 0.88);\r\n    white-space: nowrap;\r\n  }\r\n  .label__suffix {\r\n    margin-left: 4px;\r\n  }\r\n}\r\n</style>",".g-search__label {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.g-search__label .label__title, .g-search__label .label__suffix {\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.88);\n  white-space: nowrap;\n}\n.g-search__label .label__suffix {\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=label.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$n = "data-v-07e596bf";
+  const __vue_scope_id__$n = "data-v-40e71716";
   /* module identifier */
   const __vue_module_identifier__$n = undefined;
   /* functional template */
@@ -2172,11 +2172,11 @@ __vue_render__$m._withStripped = true;
   /* style */
   const __vue_inject_styles__$m = function (inject) {
     if (!inject) return
-    inject("data-v-276237e6_0", { source: ".search-area__wrapper[data-v-276237e6] {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper[data-v-276237e6]  .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item[data-v-276237e6] {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action[data-v-276237e6] {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse[data-v-276237e6] {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text[data-v-276237e6] {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon[data-v-276237e6] {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/composite-components/search-area/src/index.vue","index.vue"],"names":[],"mappings":"AA4LA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;AC3LA;AD6LA;EACA,YAAA;AC3LA;AD8LA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;AC5LA;AD6LA;EACA,oBAAA;AC3LA;AD6LA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;EACA,kCAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;AC3LA;AD4LA;EACA,eAAA;AC1LA;AD4LA;EACA,eAAA;EACA,gBAAA;AC1LA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"search-area__wrapper\">\n    <a-row :gutter=\"gutter\">\n      <template v-for=\"(item, idx) in innerDataSource\">\n        <a-col v-if=\"item._show\" :span=\"item.span || span\" :key=\"idx\">\n          <div v-if=\"item.type == '_action'\" class=\"search-area__item search-area--action\">\n            <ele-button icon=\"search\" type=\"primary\" @click=\"handleClickSearch\">查询</ele-button>\n            <ele-button style=\"margin-left:8px;\" icon=\"reload\" @click=\"handleClickReset\">重置</ele-button>\n            <div class=\"expand-collapse\" @click=\"handleClickExpandCollapse\">\n              <span class=\"expand-collapse__text\">{{ isExpand ? '收起' : '展开' }}</span>\n              <span class=\"expand-collapse__icon\">\n                <a-icon v-if=\"isExpand\" type=\"up\" />\n                <a-icon v-else type=\"down\" />\n              </span>\n            </div>\n          </div>\n          <div v-else class=\"search-area__item\">\n            <template v-if=\"item.type == 'Input'\">\n              <Label :label=\"item.label\"></Label>\n              <ele-input v-model=\"item._value\"></ele-input>\n            </template>\n            <template v-else-if=\"item.type == 'Select'\">\n              <Label :label=\"item.label\"></Label>\n              <ele-select v-model=\"item._value\" :data-source=\"item.optionList\"></ele-select>\n            </template>\n            <template v-else-if=\"item.type == 'DatePicker'\">\n              <Label :label=\"item.label\"></Label>\n              <ele-date v-model=\"item._value\" :format=\"item.format\"></ele-date>\n            </template>\n            <template v-else-if=\"item.type == 'ele-date-range'\">\n              <Label :label=\"item.label\"></Label>\n              <ele-date-range v-model=\"item._value\" :format=\"item.format\" :show-time=\"item.showTime\"></ele-date-range>\n            </template>\n          </div>\n        </a-col>\n      </template>\n    </a-row>\n  </div>\n</template>\n\n<script>\nimport EleInput from '../../../input/src/index.vue'\nimport EleSelect from '../../../select/src/index.vue'\nimport ELeButton from '../../../button/src/index.vue'\nimport EleDate from '../../../date/src/index.vue'\nimport Label from './label.vue'\nimport moment from 'moment'\nimport { parse } from '@idooel/expression'\nexport default {\n  name: 'ele-search-area',\n  components: {\n    EleInput,\n    EleSelect,\n    ELeButton,\n    Label,\n    EleDate\n  },\n  props: {\n    gutter: {\n      type: [Number, Array, Object],\n      default: () => ([\n        16, 8\n      ])\n    },\n    span: {\n      type: Number,\n      default: 8\n    },\n    dataSource: {\n      type: Array,\n      required: true\n    }\n  },\n  data() {\n    return {\n      isExpand: false\n    }\n  },\n  computed: {\n    cuttingFormula () {\n      return (24 / this.span - 1)\n    },\n    buildDataSource () {\n      return this.controlDisplayByFormula(this.mapDefaultValueToValue())\n    },\n    innerDataSource () {\n      return [ ...this.buildDataSource, { type: '_action', _show: true }]\n    }\n  },\n  created() {},\n  methods: {\n    controlDisplayByFormula (dataSource = []) {\n      if (this.isExpand) {\n        dataSource.forEach(item => {\n          this.$set(item, '_show', true)\n        })\n      } else {\n        dataSource.forEach((item, idx) => {\n          if (idx < this.cuttingFormula) {\n            this.$set(item, '_show', true)\n          } else {\n            this.$set(item, '_show', false)\n          }\n        })\n      }\n      return dataSource\n    },\n    buildDefaultValue (arg) {\n      if (!arg || arg.charAt(0) !== '_') return arg\n      return parse(arg, {\n        _route: this.$route.query\n      })\n    },\n    mapDefaultValueToValue () {\n      this.dataSource.forEach(props => {\n        this.$set(props, '_show', this.isExpand)\n        if (props.defaultValue) {\n          this.$set(props, '_value', this.buildDefaultValue(props.defaultValue))\n        }\n      })\n      return this.dataSource\n    },\n    handleClickExpandCollapse () {\n      this.isExpand = !this.isExpand\n    },\n    handleClickSearch () {\n      const querys = this.extractValues()\n      this.$emit('search', querys)\n    },\n    buildMapto (mapTo = [], dataSource) {\n      const [ startField, endField ] = mapTo\n      const [ startValue, endValue ] = dataSource || [null, null]\n      return {\n        [startField]: startValue,\n        [endField]: endValue\n      }\n    },\n    extractValues () {\n      let ret = {}\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\n        switch (item.type) {\n          case 'DatePicker':\n            ret[item.name] = typeof item._value == 'undefined' ? undefined : moment(item._value).format(item.format)\n            break\n          case 'ele-date-range':\n            Object.assign(ret, this.buildMapto(item.mapTo, item._value))\n            break\n          default:\n            ret[item.name] = item._value\n            break\n        }\n      })\n      return ret\n    },\n    handleClickReset () {\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\n        const { defaultValue } = item\n        switch (item.type) {\n          case 'Select':\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', null)\n            break\n          case 'DatePicker':\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', undefined)\n            break\n          case 'ele-date-picker':\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', [])\n            break\n          default:\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\n            !defaultValue && this.$set(item, '_value', null)\n            break\n        }\n      })\n      //TODO defaultValue\n      const querys = this.extractValues()\n      this.$emit('search', querys)\n    },\n    onChangeSelect (value, props) {\n      this.$set(props, '_value', value)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n  ::v-deep .ant-col {\n    &:last-child {\n      float: right;\n    }\n  }\n  .search-area__item {\n    height: 32px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    &.search-area--action {\n      justify-content: end;\n    }\n    .expand-collapse {\n      margin-left: 8px;\n      height: 32px;\n      padding: 4px 16px;\n      color: var(--idooel-primary-color);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      .expand-collapse__text {\n        font-size: 14px;\n      }\n      .expand-collapse__icon {\n        font-size: 16px;\n        margin-left: 8px;\n      }\n    }\n  }\n}\n</style>",".search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper ::v-deep .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-4cecf96f_0", { source: ".search-area__wrapper[data-v-4cecf96f] {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper[data-v-4cecf96f]  .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item[data-v-4cecf96f] {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action[data-v-4cecf96f] {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse[data-v-4cecf96f] {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text[data-v-4cecf96f] {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon[data-v-4cecf96f] {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\composite-components\\search-area\\src\\index.vue","index.vue"],"names":[],"mappings":"AA4LA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;AC3LA;AD6LA;EACA,YAAA;AC3LA;AD8LA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;AC5LA;AD6LA;EACA,oBAAA;AC3LA;AD6LA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;EACA,kCAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;AC3LA;AD4LA;EACA,eAAA;AC1LA;AD4LA;EACA,eAAA;EACA,gBAAA;AC1LA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"search-area__wrapper\">\r\n    <a-row :gutter=\"gutter\">\r\n      <template v-for=\"(item, idx) in innerDataSource\">\r\n        <a-col v-if=\"item._show\" :span=\"item.span || span\" :key=\"idx\">\r\n          <div v-if=\"item.type == '_action'\" class=\"search-area__item search-area--action\">\r\n            <ele-button icon=\"search\" type=\"primary\" @click=\"handleClickSearch\">查询</ele-button>\r\n            <ele-button style=\"margin-left:8px;\" icon=\"reload\" @click=\"handleClickReset\">重置</ele-button>\r\n            <div class=\"expand-collapse\" @click=\"handleClickExpandCollapse\">\r\n              <span class=\"expand-collapse__text\">{{ isExpand ? '收起' : '展开' }}</span>\r\n              <span class=\"expand-collapse__icon\">\r\n                <a-icon v-if=\"isExpand\" type=\"up\" />\r\n                <a-icon v-else type=\"down\" />\r\n              </span>\r\n            </div>\r\n          </div>\r\n          <div v-else class=\"search-area__item\">\r\n            <template v-if=\"item.type == 'Input'\">\r\n              <Label :label=\"item.label\"></Label>\r\n              <ele-input v-model=\"item._value\"></ele-input>\r\n            </template>\r\n            <template v-else-if=\"item.type == 'Select'\">\r\n              <Label :label=\"item.label\"></Label>\r\n              <ele-select v-model=\"item._value\" :data-source=\"item.optionList\"></ele-select>\r\n            </template>\r\n            <template v-else-if=\"item.type == 'DatePicker'\">\r\n              <Label :label=\"item.label\"></Label>\r\n              <ele-date v-model=\"item._value\" :format=\"item.format\"></ele-date>\r\n            </template>\r\n            <template v-else-if=\"item.type == 'ele-date-range'\">\r\n              <Label :label=\"item.label\"></Label>\r\n              <ele-date-range v-model=\"item._value\" :format=\"item.format\" :show-time=\"item.showTime\"></ele-date-range>\r\n            </template>\r\n          </div>\r\n        </a-col>\r\n      </template>\r\n    </a-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport EleInput from '../../../input/src/index.vue'\r\nimport EleSelect from '../../../select/src/index.vue'\r\nimport ELeButton from '../../../button/src/index.vue'\r\nimport EleDate from '../../../date/src/index.vue'\r\nimport Label from './label.vue'\r\nimport moment from 'moment'\r\nimport { parse } from '@idooel/expression'\r\nexport default {\r\n  name: 'ele-search-area',\r\n  components: {\r\n    EleInput,\r\n    EleSelect,\r\n    ELeButton,\r\n    Label,\r\n    EleDate\r\n  },\r\n  props: {\r\n    gutter: {\r\n      type: [Number, Array, Object],\r\n      default: () => ([\r\n        16, 8\r\n      ])\r\n    },\r\n    span: {\r\n      type: Number,\r\n      default: 8\r\n    },\r\n    dataSource: {\r\n      type: Array,\r\n      required: true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      isExpand: false\r\n    }\r\n  },\r\n  computed: {\r\n    cuttingFormula () {\r\n      return (24 / this.span - 1)\r\n    },\r\n    buildDataSource () {\r\n      return this.controlDisplayByFormula(this.mapDefaultValueToValue())\r\n    },\r\n    innerDataSource () {\r\n      return [ ...this.buildDataSource, { type: '_action', _show: true }]\r\n    }\r\n  },\r\n  created() {},\r\n  methods: {\r\n    controlDisplayByFormula (dataSource = []) {\r\n      if (this.isExpand) {\r\n        dataSource.forEach(item => {\r\n          this.$set(item, '_show', true)\r\n        })\r\n      } else {\r\n        dataSource.forEach((item, idx) => {\r\n          if (idx < this.cuttingFormula) {\r\n            this.$set(item, '_show', true)\r\n          } else {\r\n            this.$set(item, '_show', false)\r\n          }\r\n        })\r\n      }\r\n      return dataSource\r\n    },\r\n    buildDefaultValue (arg) {\r\n      if (!arg || arg.charAt(0) !== '_') return arg\r\n      return parse(arg, {\r\n        _route: this.$route.query\r\n      })\r\n    },\r\n    mapDefaultValueToValue () {\r\n      this.dataSource.forEach(props => {\r\n        this.$set(props, '_show', this.isExpand)\r\n        if (props.defaultValue) {\r\n          this.$set(props, '_value', this.buildDefaultValue(props.defaultValue))\r\n        }\r\n      })\r\n      return this.dataSource\r\n    },\r\n    handleClickExpandCollapse () {\r\n      this.isExpand = !this.isExpand\r\n    },\r\n    handleClickSearch () {\r\n      const querys = this.extractValues()\r\n      this.$emit('search', querys)\r\n    },\r\n    buildMapto (mapTo = [], dataSource) {\r\n      const [ startField, endField ] = mapTo\r\n      const [ startValue, endValue ] = dataSource || [null, null]\r\n      return {\r\n        [startField]: startValue,\r\n        [endField]: endValue\r\n      }\r\n    },\r\n    extractValues () {\r\n      let ret = {}\r\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\r\n        switch (item.type) {\r\n          case 'DatePicker':\r\n            ret[item.name] = typeof item._value == 'undefined' ? undefined : moment(item._value).format(item.format)\r\n            break\r\n          case 'ele-date-range':\r\n            Object.assign(ret, this.buildMapto(item.mapTo, item._value))\r\n            break\r\n          default:\r\n            ret[item.name] = item._value\r\n            break\r\n        }\r\n      })\r\n      return ret\r\n    },\r\n    handleClickReset () {\r\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\r\n        const { defaultValue } = item\r\n        switch (item.type) {\r\n          case 'Select':\r\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\r\n            !defaultValue && this.$set(item, '_value', null)\r\n            break\r\n          case 'DatePicker':\r\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\r\n            !defaultValue && this.$set(item, '_value', undefined)\r\n            break\r\n          case 'ele-date-picker':\r\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\r\n            !defaultValue && this.$set(item, '_value', [])\r\n            break\r\n          default:\r\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\r\n            !defaultValue && this.$set(item, '_value', null)\r\n            break\r\n        }\r\n      })\r\n      //TODO defaultValue\r\n      const querys = this.extractValues()\r\n      this.$emit('search', querys)\r\n    },\r\n    onChangeSelect (value, props) {\r\n      this.$set(props, '_value', value)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.search-area__wrapper {\r\n  padding-top: 16px;\r\n  padding-left: 16px;\r\n  padding-right: 16px;\r\n  ::v-deep .ant-col {\r\n    &:last-child {\r\n      float: right;\r\n    }\r\n  }\r\n  .search-area__item {\r\n    height: 32px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    &.search-area--action {\r\n      justify-content: end;\r\n    }\r\n    .expand-collapse {\r\n      margin-left: 8px;\r\n      height: 32px;\r\n      padding: 4px 16px;\r\n      color: var(--idooel-primary-color);\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      .expand-collapse__text {\r\n        font-size: 14px;\r\n      }\r\n      .expand-collapse__icon {\r\n        font-size: 16px;\r\n        margin-left: 8px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>",".search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper ::v-deep .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$m = "data-v-276237e6";
+  const __vue_scope_id__$m = "data-v-4cecf96f";
   /* module identifier */
   const __vue_module_identifier__$m = undefined;
   /* functional template */
@@ -2265,11 +2265,11 @@ __vue_render__$l._withStripped = true;
   /* style */
   const __vue_inject_styles__$l = function (inject) {
     if (!inject) return
-    inject("data-v-7ad453d7_0", { source: ".button-group__wrapper[data-v-7ad453d7] {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn[data-v-7ad453d7] {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn[data-v-7ad453d7]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/composite-components/button-group/src/index.vue","index.vue"],"names":[],"mappings":"AA0CA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;ACzCA;AD0CA;EACA,gBAAA;ACxCA;ADyCA;EACA,cAAA;ACvCA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"button-group__wrapper\">\n    <template v-for=\"(item, idx) in dataSource\" >\n      <ele-button\n        v-if=\"isBool(item._show) ? item._show : true\"\n        :type=\"item.type\"\n        :icon=\"item.icon\"\n        :mode=\"item.mode\"\n        :data-source=\"item.optionList\"\n        :event-name=\"item.eventName\"\n        :record=\"item\"\n        v-on=\"$listeners\"\n        :key=\"idx\">\n        {{ item.label }}\n      </ele-button>\n    </template>\n  </div>\n</template>\n\n<script>\nimport EleButton from '../../../button/src/index.vue'\nimport { type } from '@idooel/shared'\nexport default {\n  name: 'ele-button-group',\n  components: {\n    EleButton\n  },\n  props: {\n    dataSource: {\n      type: Array,\n      default: () => []\n    }\n  },\n  methods: {\n    isBool (arg) {\n      return type.isBool(arg)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n  .ant-btn {\n    margin-left: 8px;\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>",".button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-5766fa00_0", { source: ".button-group__wrapper[data-v-5766fa00] {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn[data-v-5766fa00] {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn[data-v-5766fa00]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\composite-components\\button-group\\src\\index.vue","index.vue"],"names":[],"mappings":"AA0CA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;ACzCA;AD0CA;EACA,gBAAA;ACxCA;ADyCA;EACA,cAAA;ACvCA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"button-group__wrapper\">\r\n    <template v-for=\"(item, idx) in dataSource\" >\r\n      <ele-button\r\n        v-if=\"isBool(item._show) ? item._show : true\"\r\n        :type=\"item.type\"\r\n        :icon=\"item.icon\"\r\n        :mode=\"item.mode\"\r\n        :data-source=\"item.optionList\"\r\n        :event-name=\"item.eventName\"\r\n        :record=\"item\"\r\n        v-on=\"$listeners\"\r\n        :key=\"idx\">\r\n        {{ item.label }}\r\n      </ele-button>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport EleButton from '../../../button/src/index.vue'\r\nimport { type } from '@idooel/shared'\r\nexport default {\r\n  name: 'ele-button-group',\r\n  components: {\r\n    EleButton\r\n  },\r\n  props: {\r\n    dataSource: {\r\n      type: Array,\r\n      default: () => []\r\n    }\r\n  },\r\n  methods: {\r\n    isBool (arg) {\r\n      return type.isBool(arg)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.button-group__wrapper {\r\n  display: flex;\r\n  padding-left: 16px;\r\n  padding-right: 16px;\r\n  .ant-btn {\r\n    margin-left: 8px;\r\n    &:first-child {\r\n      margin-left: 0;\r\n    }\r\n  }\r\n}\r\n</style>",".button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$l = "data-v-7ad453d7";
+  const __vue_scope_id__$l = "data-v-5766fa00";
   /* module identifier */
   const __vue_module_identifier__$l = undefined;
   /* functional template */
@@ -2668,11 +2668,11 @@ __vue_render__$k._withStripped = true;
   /* style */
   const __vue_inject_styles__$k = function (inject) {
     if (!inject) return
-    inject("data-v-3541b780_0", { source: ".ele.model__tree-table[data-v-3541b780] {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.ele.model__tree-table .model__tree-table--container .model__tree--wrapper[data-v-3541b780] {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.ele.model__tree-table .model__table--container[data-v-3541b780] {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper[data-v-3541b780] {\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/tree-table-model/src/index.vue","index.vue"],"names":[],"mappings":"AAgSA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;AC/RA;ADiSA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;AC/RA;ADkSA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;AChSA;ADiSA;EACA,gBAAA;AC/RA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <section class=\"ele model__tree-table\">\n    <section class=\"model__tree-table--container\" v-if=\"showTree\">\n      <div class=\"model__tree--title\"></div>\n      <section :ref=\"modelTreeWrapper\" class=\"model__tree--wrapper\">\n        <ele-tree \n          :tree-data=\"treeData\"\n          :defaultExpandedKeys=\"defaultExpandedKeys\"\n          :defaultSelectedKeys=\"defaultSelectedKeys\"\n          @select=\"selectTreeNode\"\n          :replace-fields=\"treeMeta.replaceFields || replaceFields\">\n        </ele-tree>\n      </section>\n    </section>\n    <section class=\"model__table--container\">\n      <div class=\"model__table--title\"></div>\n      <section :ref=\"modelTableWrapper\" class=\"model__table--wrapper\">\n        <ele-search-area :ref=\"searchArea\" @search=\"onSearch\" :data-source=\"searchMeta.elements\"></ele-search-area>\n        <ele-button-group v-on=\"$listeners\" :ref=\"buttonGroup\" @click=\"handleClickButtonGroup\" style=\"margin-top: 16px\" :data-source=\"getButtonGroupElements\"></ele-button-group>\n        <ele-table\n          v-on=\"$listeners\"\n          :loading=\"loading\" \n          :columns=\"columns\"\n          :total=\"total\"\n          :actions=\"actions\"\n          :pageSize=\"pageSize\"\n          :pageSizeOptions=\"pageSizeOptions\"\n          :data-source=\"tableData\"\n          @change-page=\"onChangePage\" \n          style=\"margin-top: 8px;\"\n        ></ele-table>\n      </section>\n    </section>\n  </section>\n</template>\n\n<script>\nimport EleTree from '../../tree/src/index.vue'\nimport EleTable from '../../table/src/index.vue'\nimport EleSearchArea from '../../composite-components/search-area/src/index.vue'\nimport EleButtonGroup from '../../composite-components/button-group/src/index.vue'\nimport { type, net } from '@idooel/shared'\nimport { v4 as uuidv4 } from 'uuid'\nexport default {\n  name: 'ele-tree-table-model',\n  components: {\n    EleTree,\n    EleTable,\n    EleSearchArea,\n    EleButtonGroup\n  },\n  props: {\n    treeMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    searchMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    buttonGroupMeta: {\n      typeof: Object,\n      default: () => ({})\n    },\n    tableMeta: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  provide () {\n    return {\n      requestTreeData: this.requestTreeData,\n      requestTableData: this.requestTableData\n    }\n  },\n  data () {\n    return {\n      treeData: [],\n      tableData: [],\n      defaultExpandedKeys: [],\n      defaultSelectedKeys: [],\n      replaceFields: {\n        title: 'title',\n        children: 'children',\n        key: 'id'\n      },\n      loading: false,\n      total: 0,\n      tableQuerys: {},\n      resizeObserverModelTableWrapper: null,\n      modelTableWrapperHeight: 0,\n      currentTreeNodeData: {}\n    }\n  },\n  computed: {\n    showTree () {\n      return !!Object.keys(this.treeMeta).length\n    },\n    buttonGroup () {\n      return uuidv4()\n    },\n    searchArea () {\n      return uuidv4()\n    },\n    modelTreeWrapper () {\n      return uuidv4()\n    },\n    modelTableWrapper () {\n      return uuidv4()\n    },\n    actions () {\n      const { operations } = this.tableMeta\n      return operations.elements\n    },\n    pageSize () {\n      const { page = {} } = this.tableMeta\n      return page.pageSize || 10\n    },\n    pageSizeOptions () {\n      const { page = {} } = this.tableMeta\n      return page.pageSizeOptions || ['10', '20', '30', '40']\n    },\n    columns () {\n      const { columns, operations } = this.tableMeta\n      if (type.get(columns) === 'array') {\n        const columnsOptions = columns.map(item => {\n          if (item.render) {\n            return {\n              title: item.title,\n              dataIndex: item.dataIndex,\n              width: item.width,\n              align: item.align,\n              fixed: item.fixed,\n              customRender: (text, record, index) => {\n                const { $createElement } = this\n                return item.render.call(this, { h: $createElement, ctx: this }, typeof text == 'string' ? text : text[item.dataIndex], record, index)\n              }\n            }\n          }\n          return {\n            title: item.title,\n            dataIndex: item.dataIndex,\n            width: item.width,\n            align: item.align,\n            fixed: item.fixed\n          }\n        })\n        if (operations) {\n          return [\n            ...columnsOptions,\n            {\n              title: '操作',\n              width: operations.width,\n              key: 'action',\n              fixed: 'right',\n              scopedSlots: { customRender: 'action' }\n            }\n          ]\n        }\n        return columnsOptions\n      } else {\n        console.error('Error: columns is invalid, please check it')\n        return []\n      }\n    },\n    getButtonGroupElements () {\n      const { elements } = this.buttonGroupMeta\n      if (type.get(elements) === 'function') {\n        return elements.call(this)\n      } else if (type.get(elements) === 'array') {\n        return elements\n      } else {\n        return []\n      }\n    }\n  },\n  async created () {\n    if (this.showTree) {\n      this.treeData = await this.requestTreeData()\n      const [defaultTreeNode = {}] = this.treeData\n      this.defaultExpandedKeys = [defaultTreeNode[this.replaceFields.key]]\n      this.defaultSelectedKeys = [defaultTreeNode[this.replaceFields.key]]\n      this.currentTreeNodeData = defaultTreeNode\n    }\n    const { fieldMap } = this.tableMeta\n    this.tableData = await this.requestTableData(this.execTableFieldMap(fieldMap, this.currentTreeNodeData))\n  },\n  methods: {\n    handleClickButtonGroup (props) {\n      const { eventName } = props\n      this.$emit(eventName, { currentTreeNode: this.currentTreeNodeData })\n    },\n    watchViewPort () {\n      const modelTableWrapper = this.$refs[this.modelTableWrapper]\n      console.log(modelTableWrapper.getBoundingClientRect())\n      const { top } = modelTableWrapper.getBoundingClientRect()\n      this.$refs[this.modelTreeWrapper].style.height = `calc(100vh - ${top}px)`\n    },\n    async onSearch (props) {\n      this.tableQuerys = Object.assign(this.tableQuerys, props)\n      this.tableData = await this.requestTableData()\n    },\n    execTableFieldMap (fieldMap = {}, props) {\n      let ret = {}\n      const keys = Object.keys(fieldMap)\n      keys.forEach(key => {\n        const field = fieldMap[key]\n        ret[field] = props[key]\n      })\n      return ret\n    },\n    async selectTreeNode (selectedKeys, e) {\n      const { fieldMap } = this.tableMeta\n      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef\n      const execFieldMapRet = this.execTableFieldMap(fieldMap, e.node.$vnode.data.props.dataRef)\n      this.tableData = await this.requestTableData(execFieldMapRet)\n    },\n    async requestTreeData () {\n      const { url, requestType } = this.treeMeta\n      const ret = await net.get(\n        url\n      ).then(resp => {\n        const { data } = resp || {}\n        return data\n      })\n      return ret\n    },\n    async onChangePage (page, pageSize) {\n      this.tableData = await this.requestTableData({ currentPage: page, pageSize })\n    },\n    async requestTableData (props = {}) {\n      const { url, requestType, page = {} } = this.tableMeta\n      const { pageSize = 10 } = page\n      this.tableQuerys = Object.assign(this.tableQuerys, { currentPage: 1, pageSize }, props)\n      const ret = await net.get(\n        url,\n        this.tableQuerys\n      ).then(resp => {\n        const { data = [], count } = resp || {}\n        this.total = count\n        return data.map(item => {\n          return {\n            key: uuidv4(),\n            ...item\n          }\n        })\n      })\n      return ret\n    },\n    refreshTreeStatus (props = {}) {},\n    refreshTableStatus (props = {}) {},\n    getModelTableWrapperHeight () {},\n    setModelTreeWrapperHeight (height) {\n      this.$refs[this.modelTreeWrapper].style.height = height\n    },\n    setModelTableWrapperHeight () {\n      const { top } = this.$refs[this.modelTableWrapper].getBoundingClientRect()\n      const height = `calc(100vh - ${top}px)`\n      this.$refs[this.modelTableWrapper].style.height = height\n      this.setModelTreeWrapperHeight(height)\n    },\n    getSearchAreaHeight () {\n      return this.$refs[this.searchArea].$el.clientHeight\n    },\n    getButtonGroupHeight () {\n      return this.$refs[this.buttonGroup].$el.clientHeight\n    }\n  },\n  mounted () {\n    //TODO\n    // this.setModelTableWrapperHeight()\n    // this.resizeObserverModelTableWrapper = new ResizeObserver(entries => {\n    //   for (let entry of entries) {\n    //     this.modelTableWrapperHeight = entry.contentRect.height\n    //     console.log('this.modelTableWrapperHeight:', this.modelTableWrapperHeight)\n    //     console.log('getSearchAreaHeight', this.getSearchAreaHeight())\n    //     console.log('getButtonGroupHeight', this.getButtonGroupHeight())\n    //     const tableHeight = this.modelTableWrapperHeight - this.getSearchAreaHeight() - this.getButtonGroupHeight()\n    //     console.log('tableHeight', tableHeight)\n    //   }\n    // })\n    // this.resizeObserverModelTableWrapper.observe(this.$refs[this.modelTableWrapper])\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ele {\n  &.model__tree-table {\n    background: transparent;                                                                                                                                                                                                                 \n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    .model__tree-table--container {\n      .model__tree--wrapper {\n        width: 240px;\n        background: #fff;\n        flex-shrink: 0;\n        padding: 16px;\n        box-sizing: border-box;\n        margin-right: 16px;\n        overflow-y: auto;\n      }\n    }\n    .model__table--container {\n      width: 100%;\n      min-width: 0;\n      background: #fff;\n      .model__table--wrapper {\n        background: #fff;\n      }\n    }\n  }\n}\n</style>",".ele.model__tree-table {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.ele.model__tree-table .model__tree-table--container .model__tree--wrapper {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.ele.model__tree-table .model__table--container {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper {\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-fe2ee33e_0", { source: ".ele.model__tree-table[data-v-fe2ee33e] {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.ele.model__tree-table .model__tree-table--container .model__tree--wrapper[data-v-fe2ee33e] {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.ele.model__tree-table .model__table--container[data-v-fe2ee33e] {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper[data-v-fe2ee33e] {\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\tree-table-model\\src\\index.vue","index.vue"],"names":[],"mappings":"AAgSA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;AC/RA;ADiSA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;AC/RA;ADkSA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;AChSA;ADiSA;EACA,gBAAA;AC/RA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <section class=\"ele model__tree-table\">\r\n    <section class=\"model__tree-table--container\" v-if=\"showTree\">\r\n      <div class=\"model__tree--title\"></div>\r\n      <section :ref=\"modelTreeWrapper\" class=\"model__tree--wrapper\">\r\n        <ele-tree \r\n          :tree-data=\"treeData\"\r\n          :defaultExpandedKeys=\"defaultExpandedKeys\"\r\n          :defaultSelectedKeys=\"defaultSelectedKeys\"\r\n          @select=\"selectTreeNode\"\r\n          :replace-fields=\"treeMeta.replaceFields || replaceFields\">\r\n        </ele-tree>\r\n      </section>\r\n    </section>\r\n    <section class=\"model__table--container\">\r\n      <div class=\"model__table--title\"></div>\r\n      <section :ref=\"modelTableWrapper\" class=\"model__table--wrapper\">\r\n        <ele-search-area :ref=\"searchArea\" @search=\"onSearch\" :data-source=\"searchMeta.elements\"></ele-search-area>\r\n        <ele-button-group v-on=\"$listeners\" :ref=\"buttonGroup\" @click=\"handleClickButtonGroup\" style=\"margin-top: 16px\" :data-source=\"getButtonGroupElements\"></ele-button-group>\r\n        <ele-table\r\n          v-on=\"$listeners\"\r\n          :loading=\"loading\" \r\n          :columns=\"columns\"\r\n          :total=\"total\"\r\n          :actions=\"actions\"\r\n          :pageSize=\"pageSize\"\r\n          :pageSizeOptions=\"pageSizeOptions\"\r\n          :data-source=\"tableData\"\r\n          @change-page=\"onChangePage\" \r\n          style=\"margin-top: 8px;\"\r\n        ></ele-table>\r\n      </section>\r\n    </section>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport EleTree from '../../tree/src/index.vue'\r\nimport EleTable from '../../table/src/index.vue'\r\nimport EleSearchArea from '../../composite-components/search-area/src/index.vue'\r\nimport EleButtonGroup from '../../composite-components/button-group/src/index.vue'\r\nimport { type, net } from '@idooel/shared'\r\nimport { v4 as uuidv4 } from 'uuid'\r\nexport default {\r\n  name: 'ele-tree-table-model',\r\n  components: {\r\n    EleTree,\r\n    EleTable,\r\n    EleSearchArea,\r\n    EleButtonGroup\r\n  },\r\n  props: {\r\n    treeMeta: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    searchMeta: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    buttonGroupMeta: {\r\n      typeof: Object,\r\n      default: () => ({})\r\n    },\r\n    tableMeta: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  provide () {\r\n    return {\r\n      requestTreeData: this.requestTreeData,\r\n      requestTableData: this.requestTableData\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      treeData: [],\r\n      tableData: [],\r\n      defaultExpandedKeys: [],\r\n      defaultSelectedKeys: [],\r\n      replaceFields: {\r\n        title: 'title',\r\n        children: 'children',\r\n        key: 'id'\r\n      },\r\n      loading: false,\r\n      total: 0,\r\n      tableQuerys: {},\r\n      resizeObserverModelTableWrapper: null,\r\n      modelTableWrapperHeight: 0,\r\n      currentTreeNodeData: {}\r\n    }\r\n  },\r\n  computed: {\r\n    showTree () {\r\n      return !!Object.keys(this.treeMeta).length\r\n    },\r\n    buttonGroup () {\r\n      return uuidv4()\r\n    },\r\n    searchArea () {\r\n      return uuidv4()\r\n    },\r\n    modelTreeWrapper () {\r\n      return uuidv4()\r\n    },\r\n    modelTableWrapper () {\r\n      return uuidv4()\r\n    },\r\n    actions () {\r\n      const { operations } = this.tableMeta\r\n      return operations.elements\r\n    },\r\n    pageSize () {\r\n      const { page = {} } = this.tableMeta\r\n      return page.pageSize || 10\r\n    },\r\n    pageSizeOptions () {\r\n      const { page = {} } = this.tableMeta\r\n      return page.pageSizeOptions || ['10', '20', '30', '40']\r\n    },\r\n    columns () {\r\n      const { columns, operations } = this.tableMeta\r\n      if (type.get(columns) === 'array') {\r\n        const columnsOptions = columns.map(item => {\r\n          if (item.render) {\r\n            return {\r\n              title: item.title,\r\n              dataIndex: item.dataIndex,\r\n              width: item.width,\r\n              align: item.align,\r\n              fixed: item.fixed,\r\n              customRender: (text, record, index) => {\r\n                const { $createElement } = this\r\n                return item.render.call(this, { h: $createElement, ctx: this }, typeof text == 'string' ? text : text[item.dataIndex], record, index)\r\n              }\r\n            }\r\n          }\r\n          return {\r\n            title: item.title,\r\n            dataIndex: item.dataIndex,\r\n            width: item.width,\r\n            align: item.align,\r\n            fixed: item.fixed\r\n          }\r\n        })\r\n        if (operations) {\r\n          return [\r\n            ...columnsOptions,\r\n            {\r\n              title: '操作',\r\n              width: operations.width,\r\n              key: 'action',\r\n              fixed: 'right',\r\n              scopedSlots: { customRender: 'action' }\r\n            }\r\n          ]\r\n        }\r\n        return columnsOptions\r\n      } else {\r\n        console.error('Error: columns is invalid, please check it')\r\n        return []\r\n      }\r\n    },\r\n    getButtonGroupElements () {\r\n      const { elements } = this.buttonGroupMeta\r\n      if (type.get(elements) === 'function') {\r\n        return elements.call(this)\r\n      } else if (type.get(elements) === 'array') {\r\n        return elements\r\n      } else {\r\n        return []\r\n      }\r\n    }\r\n  },\r\n  async created () {\r\n    if (this.showTree) {\r\n      this.treeData = await this.requestTreeData()\r\n      const [defaultTreeNode = {}] = this.treeData\r\n      this.defaultExpandedKeys = [defaultTreeNode[this.replaceFields.key]]\r\n      this.defaultSelectedKeys = [defaultTreeNode[this.replaceFields.key]]\r\n      this.currentTreeNodeData = defaultTreeNode\r\n    }\r\n    const { fieldMap } = this.tableMeta\r\n    this.tableData = await this.requestTableData(this.execTableFieldMap(fieldMap, this.currentTreeNodeData))\r\n  },\r\n  methods: {\r\n    handleClickButtonGroup (props) {\r\n      const { eventName } = props\r\n      this.$emit(eventName, { currentTreeNode: this.currentTreeNodeData })\r\n    },\r\n    watchViewPort () {\r\n      const modelTableWrapper = this.$refs[this.modelTableWrapper]\r\n      console.log(modelTableWrapper.getBoundingClientRect())\r\n      const { top } = modelTableWrapper.getBoundingClientRect()\r\n      this.$refs[this.modelTreeWrapper].style.height = `calc(100vh - ${top}px)`\r\n    },\r\n    async onSearch (props) {\r\n      this.tableQuerys = Object.assign(this.tableQuerys, props)\r\n      this.tableData = await this.requestTableData()\r\n    },\r\n    execTableFieldMap (fieldMap = {}, props) {\r\n      let ret = {}\r\n      const keys = Object.keys(fieldMap)\r\n      keys.forEach(key => {\r\n        const field = fieldMap[key]\r\n        ret[field] = props[key]\r\n      })\r\n      return ret\r\n    },\r\n    async selectTreeNode (selectedKeys, e) {\r\n      const { fieldMap } = this.tableMeta\r\n      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef\r\n      const execFieldMapRet = this.execTableFieldMap(fieldMap, e.node.$vnode.data.props.dataRef)\r\n      this.tableData = await this.requestTableData(execFieldMapRet)\r\n    },\r\n    async requestTreeData () {\r\n      const { url, requestType } = this.treeMeta\r\n      const ret = await net.get(\r\n        url\r\n      ).then(resp => {\r\n        const { data } = resp || {}\r\n        return data\r\n      })\r\n      return ret\r\n    },\r\n    async onChangePage (page, pageSize) {\r\n      this.tableData = await this.requestTableData({ currentPage: page, pageSize })\r\n    },\r\n    async requestTableData (props = {}) {\r\n      const { url, requestType, page = {} } = this.tableMeta\r\n      const { pageSize = 10 } = page\r\n      this.tableQuerys = Object.assign(this.tableQuerys, { currentPage: 1, pageSize }, props)\r\n      const ret = await net.get(\r\n        url,\r\n        this.tableQuerys\r\n      ).then(resp => {\r\n        const { data = [], count } = resp || {}\r\n        this.total = count\r\n        return data.map(item => {\r\n          return {\r\n            key: uuidv4(),\r\n            ...item\r\n          }\r\n        })\r\n      })\r\n      return ret\r\n    },\r\n    refreshTreeStatus (props = {}) {},\r\n    refreshTableStatus (props = {}) {},\r\n    getModelTableWrapperHeight () {},\r\n    setModelTreeWrapperHeight (height) {\r\n      this.$refs[this.modelTreeWrapper].style.height = height\r\n    },\r\n    setModelTableWrapperHeight () {\r\n      const { top } = this.$refs[this.modelTableWrapper].getBoundingClientRect()\r\n      const height = `calc(100vh - ${top}px)`\r\n      this.$refs[this.modelTableWrapper].style.height = height\r\n      this.setModelTreeWrapperHeight(height)\r\n    },\r\n    getSearchAreaHeight () {\r\n      return this.$refs[this.searchArea].$el.clientHeight\r\n    },\r\n    getButtonGroupHeight () {\r\n      return this.$refs[this.buttonGroup].$el.clientHeight\r\n    }\r\n  },\r\n  mounted () {\r\n    //TODO\r\n    // this.setModelTableWrapperHeight()\r\n    // this.resizeObserverModelTableWrapper = new ResizeObserver(entries => {\r\n    //   for (let entry of entries) {\r\n    //     this.modelTableWrapperHeight = entry.contentRect.height\r\n    //     console.log('this.modelTableWrapperHeight:', this.modelTableWrapperHeight)\r\n    //     console.log('getSearchAreaHeight', this.getSearchAreaHeight())\r\n    //     console.log('getButtonGroupHeight', this.getButtonGroupHeight())\r\n    //     const tableHeight = this.modelTableWrapperHeight - this.getSearchAreaHeight() - this.getButtonGroupHeight()\r\n    //     console.log('tableHeight', tableHeight)\r\n    //   }\r\n    // })\r\n    // this.resizeObserverModelTableWrapper.observe(this.$refs[this.modelTableWrapper])\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ele {\r\n  &.model__tree-table {\r\n    background: transparent;                                                                                                                                                                                                                 \r\n    display: flex;\r\n    flex-direction: row;\r\n    width: 100%;\r\n    .model__tree-table--container {\r\n      .model__tree--wrapper {\r\n        width: 240px;\r\n        background: #fff;\r\n        flex-shrink: 0;\r\n        padding: 16px;\r\n        box-sizing: border-box;\r\n        margin-right: 16px;\r\n        overflow-y: auto;\r\n      }\r\n    }\r\n    .model__table--container {\r\n      width: 100%;\r\n      min-width: 0;\r\n      background: #fff;\r\n      .model__table--wrapper {\r\n        background: #fff;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>",".ele.model__tree-table {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.ele.model__tree-table .model__tree-table--container .model__tree--wrapper {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.ele.model__tree-table .model__table--container {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper {\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$k = "data-v-3541b780";
+  const __vue_scope_id__$k = "data-v-fe2ee33e";
   /* module identifier */
   const __vue_module_identifier__$k = undefined;
   /* functional template */
@@ -2776,11 +2776,11 @@ __vue_render__$j._withStripped = true;
   /* style */
   const __vue_inject_styles__$j = function (inject) {
     if (!inject) return
-    inject("data-v-27d78bca_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"index.vue"}, media: undefined });
+    inject("data-v-416114ba_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"index.vue"}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$j = "data-v-27d78bca";
+  const __vue_scope_id__$j = "data-v-416114ba";
   /* module identifier */
   const __vue_module_identifier__$j = undefined;
   /* functional template */
@@ -3262,11 +3262,11 @@ __vue_render__$h._withStripped = true;
   /* style */
   const __vue_inject_styles__$h = function (inject) {
     if (!inject) return
-    inject("data-v-5b271004_0", { source: "[data-v-5b271004] .ele-upload__inner {\n  opacity: 1 !important;\n  cursor: pointer;\n  border: 1px dashed var(--idooel-form-title-border-color);\n  background: var(--idooel-form-upload-bg-color) !important;\n  border-radius: var(--idooel-form-border-radius);\n}\n[data-v-5b271004] .ele-upload__inner:hover {\n  border-color: var(--idooel-form-upload-border-hover-color);\n}\n.ele-upload__wrapper[data-v-5b271004] {\n  width: 100%;\n}\n.ele-upload__wrapper .ele-upload__area[data-v-5b271004] {\n  padding: 16px;\n  width: 100%;\n  height: 80px;\n  display: flex;\n  flex-direction: row;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload[data-v-5b271004] {\n  font-size: 48px;\n  color: var(--idooel-primary-color);\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text[data-v-5b271004] {\n  margin-left: 16px;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text .ele-upload__message[data-v-5b271004] {\n  font-size: 16px;\n  color: var(--idoole-black-008);\n  text-align: left;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text .ele-upload__ext[data-v-5b271004] {\n  text-align: left;\n  font-size: 14px;\n  color: var(--idoole-black-06);\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item[data-v-5b271004] {\n  width: 100%;\n  margin-top: 8px;\n  padding: 8px 12px;\n  border-radius: var(--idooel-form-border-radius);\n  background: var(--idooel-form-upload-bg-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__name[data-v-5b271004] {\n  flex: 1;\n  text-align: left;\n  white-space: nowrap;\n  overflow: hidden;\n  font-size: 14px;\n  margin-left: 8px;\n  cursor: pointer;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__name .ele-file__inner[data-v-5b271004] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__delete[data-v-5b271004] {\n  margin-left: 8px;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__delete .ele-file__delete--icon[data-v-5b271004] {\n  margin-left: 8px;\n  cursor: pointer;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/upload/src/index.vue","index.vue"],"names":[],"mappings":"AAoRA;EACA,qBAAA;EACA,eAAA;EACA,wDAAA;EACA,yDAAA;EAIA,+CAAA;ACtRA;ADmRA;EACA,0DAAA;ACjRA;ADqRA;EACA,WAAA;AClRA;ADmRA;EACA,aAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;ACjRA;ADmRA;EACA,eAAA;EACA,kCAAA;ACjRA;ADoRA;EACA,iBAAA;AClRA;ADmRA;EACA,eAAA;EACA,8BAAA;EACA,gBAAA;ACjRA;ADmRA;EACA,gBAAA;EACA,eAAA;EACA,6BAAA;ACjRA;ADsRA;EACA,WAAA;EACA,eAAA;EACA,iBAAA;EACA,+CAAA;EACA,8CAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;ACpRA;ADsRA;EACA,OAAA;EACA,gBAAA;EACA,mBAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;ACpRA;ADqRA;EACA,gBAAA;EACA,uBAAA;ACnRA;ADsRA;EACA,gBAAA;ACpRA;ADqRA;EACA,gBAAA;EACA,eAAA;ACnRA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"ele-upload__wrapper\">\n    <FileUpload\n      class=\"ele-upload__inner\"\n      v-show=\"isShowUploadContainer\"\n      v-model=\"files\"\n      :ref=\"uploadRef\"\n      :drop=\"drop\"\n      :chunk-enabled=\"chunkEnabled\"\n      :chunk=\"chunkConfig\"\n      :accept=\"accept\"\n      :size=\"fileSizeLimit\"\n      :post-action=\"postAction\"\n      :multiple=\"multiple\"\n      :maximum=\"getMaximum\"\n      @input-file=\"onWatchInputFiles\"\n      @input=\"onWatchFiles\"\n      style=\"width: 100%;\">\n      <section class=\"ele-upload__area\">\n        <div class=\"ele-upload__area--icon\">\n          <ele-icon type=\"cloud-upload\"></ele-icon>\n        </div>\n        <div class=\"ele-upload__area--text\">\n          <div class=\"ele-upload__message\">单击或拖动文件到该区域以上传</div>\n          <div class=\"ele-upload__ext\">文件小于{{ size }}M</div>\n        </div>\n      </section>\n    </FileUpload>\n    <section class=\"ele-files__wrapper\">\n      <div class=\"ele-file__item\" v-for=\"(file, idx) in files\" :key=\"idx\">\n        <div class=\"ele-file__suffix--icon\">\n          <ele-icon type=\"icon-doc\"></ele-icon>\n        </div>\n        <div class=\"ele-file__name\">\n          <div class=\"ele-file__inner\" @click=\"handleClickDownload(file)\">{{ file.name }}</div>\n          <div v-if=\"!file.success\" class=\"ele-uplpad__progress\">\n            <a-progress :strokeWidth=\"2\" :percent=\"Number(file.progress)\" size=\"small\" />\n          </div>\n        </div>\n        <div class=\"ele-file__delete\" v-if=\"file.success || file.error\">\n          <span class=\"ele-file__size\">{{ (file.size / byteConversion).toFixed(2) }}M</span>\n          <span class=\"ele-file__delete--icon\" @click=\"handleClickDelete(file)\">\n            <ele-icon type=\"delete\"></ele-icon>\n          </span>\n        </div>\n      </div>\n    </section>\n  </div>\n</template>\n\n<script>\nimport FileUpload from 'vue-upload-component'\nimport { v4 as uuidv4 } from 'uuid'\nimport { route, net } from '@idooel/shared'\nimport EleIcon from '../../icon/src/index.vue'\nexport default {\n  name: 'ele-upload',\n  components: {\n    FileUpload,\n    EleIcon\n  },\n  model: {\n    prop: 'value',\n    event: 'change'\n  },\n  props: {\n    url: {\n      type: String,\n      default: '/zuul/api-file/workbench/file'\n    },\n    size: {\n      type: Number,\n      default: 100\n    },\n    accept: {\n      type: String\n    },\n    maximum: {\n      type: Number,\n      default: 10\n    },\n    multiple: {\n      type: Boolean,\n      default: false\n    },\n    drop: {\n      type: Boolean,\n      default: true\n    },\n    value: {\n      type: [String, Array]\n    },\n    querys: {\n      type: Object,\n      default: () => ({\n        _csrf: 'c81f993f-f044-45bb-b3af-2977d335042d',\n        _t: new Date().valueOf()\n      })\n    },\n    headers: {\n      type: Object,\n      default: () => ({})\n    },\n    byteConversion: {\n      type: Number,\n      default: 1024 * 1024\n    },\n    chunkEnabled: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data() {\n    return {\n      files: [],\n      saveToServerAsyncPageTimer: null\n    }\n  },\n  computed: {\n    getPayloads () {\n      return {\n        override: false\n      }\n    },\n    chunkConfig () {\n      const ret = route.toQueryString(this.querys)\n      return {\n        action: `${window.prefixPath}/zuul/api-file/workbench/file/temp/chunk/vue`,\n        headers: {\n          'X-XSRF-TOKEN': localStorage.getItem('token')\n        },\n        minSize: 3 * this.byteConversion,\n        maxActive: 3,\n        maxRetries: 5,\n        startBody: {\n          override: true,\n          path: '/cw'\n        },\n        uploadBody: {\n          override: true,\n          path: '/cw'\n        },\n        finishBody: {\n          override: true,\n          path: '/cw'\n        }\n      }\n    },\n    isFileUploadSuccessed () {\n      return this.files.every(file => file.success)\n    },\n    isShowUploadContainer () {\n      if (this.multiple) {\n        if (this.isFileUploadSuccessed && this.files.length >= this.maximum) {\n          return false\n        } else {\n          return true\n        }\n      } else {\n        if (this.isFileUploadSuccessed && this.files.length >= 1) {\n          return false\n        } else {\n          return true\n        }\n      }\n    },\n    getMaximum () {\n      return this.multiple ? this.maximum : 1\n    },\n    fileSizeLimit () {\n      return this.size * this.byteConversion\n    },\n    postAction () {\n      const ret = route.toQueryString(this.querys)\n      return `${window.prefixPath}${this.url}?${ret}`\n    },\n    uploadRef () {\n      return uuidv4()\n    },\n    fileSuffixIcon () {\n      return {\n        'doc': { name: 'icon-doc' },\n      }\n    },\n    fileIds () {\n      const fileIds = this.files.map(file => {\n        return file.response.data.fileID\n      })\n      return this.multiple ? fileIds : fileIds[0]\n    }\n  },\n  methods: {\n    handleClickDownload (file) {\n      console.log('download file', file)\n    },\n    handleClickDelete (file) {\n      this.$refs[this.uploadRef].remove(file)\n      this.$emit('change', this.fileIds)\n    },\n    onWatchFiles (files) {\n      this.files = files\n      if (this.isFileUploadSuccessed) {\n        this.$emit('change', this.fileIds)\n      }\n    },\n    async saveToServerAsyncPage (payloads = {}) {\n      net.post('zuul/api-file/workbench/file/temp/saveToServerAsyncPage', payloads, { \n        headers: {\n          'Content-Type': 'multipart/form-data'\n        }\n      }).then(resp =>{\n        const { data } = resp\n        if (data !== 'saveToServerAsyncPage') {\n          clearInterval(this.saveToServerAsyncPageTimer)\n        }\n      })\n      // const ret = await net.post({\n      //   url: 'zuul/api-file/workbench/file/temp/saveToServerAsyncPage',\n      //   method: 'POST',\n      //   data: { ...payloads }\n      // }).then(resp => {\n      //   const { data: { data, code, message } } = resp\n      //   if (code !== '2000') {\n      //     this.$Message.error(message)\n      //     return\n      //   }\n      //   if (data !== 'saveToServerAsyncPage') {\n      //     clearInterval(timer)\n      //     const { fileID, size } = data\n      //     this.$emit('on-success', { ...data, fileId: fileID })\n      //     this.$Message.success('同步成功')\n      //     return { fileId: fileID, size }\n      //   }\n      // })\n      // return ret\n    },\n    onWatchInputFiles (newFile, oldFile) {\n      if (newFile && !oldFile) {\n        // add file\n        console.log('add', newFile)\n      }\n      if (newFile && oldFile) {\n        // update file\n        console.log('update', newFile)\n        const { success, active, chunk, response } = newFile\n        if (chunk && success && !active) {\n          console.log('chunk end')\n          const { data: { file, type } } = response\n          const payloads = {\n            filePath: file.match(/\\/cw(.*)/)[0],\n            asyncID: uuidv4(),\n            isDeleteOrigin: false,\n            toImage: type === 'pdf' ? true : false,\n            unzip: type === 'zip' ? true : false,\n            _csrf: localStorage.getItem('token')\n          }\n          this.saveToServerAsyncPageTimer = setInterval(() => {\n            this.saveToServerAsyncPage(payloads)\n          }, 2000)\n        }\n      }\n      if (!newFile && oldFile) {\n        // delete file\n        console.log('delete')\n      }\n      if (Boolean(newFile) !== Boolean(oldFile) || oldFile.error !== newFile.error) {\n        if (!this.$refs[this.uploadRef].active) {\n          this.$refs[this.uploadRef].active = true\n        }\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n::v-deep .ele-upload__inner {\n  opacity: 1 !important;\n  cursor: pointer;\n  border: 1px dashed var(--idooel-form-title-border-color);\n  background: var(--idooel-form-upload-bg-color) !important;\n  &:hover {\n    border-color: var(--idooel-form-upload-border-hover-color);\n  }\n  border-radius: var(--idooel-form-border-radius);\n}\n.ele-upload__wrapper {\n  width: 100%;\n  .ele-upload__area {\n    padding: 16px;\n    width: 100%;\n    height: 80px;\n    display: flex;\n    flex-direction: row;\n    .ele-upload__area--icon {\n      .anticon-cloud-upload {\n        font-size: 48px;\n        color: var(--idooel-primary-color);\n      }\n    }\n    .ele-upload__area--text {\n      margin-left: 16px;\n      .ele-upload__message {\n        font-size: 16px;\n        color: var(--idoole-black-008);\n        text-align: left;\n      }\n      .ele-upload__ext {\n        text-align: left;\n        font-size: 14px;\n        color: var(--idoole-black-06);\n      }\n    }\n  }\n  .ele-files__wrapper {\n    .ele-file__item {\n      width: 100%;\n      margin-top: 8px;\n      padding: 8px 12px;\n      border-radius: var(--idooel-form-border-radius);\n      background: var(--idooel-form-upload-bg-color);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      .ele-file__suffix--icon {}\n      .ele-file__name {\n        flex: 1;\n        text-align: left;\n        white-space: nowrap;\n        overflow: hidden;\n        font-size: 14px;\n        margin-left: 8px;\n        cursor: pointer;\n        .ele-file__inner {\n          overflow: hidden;\n          text-overflow: ellipsis;\n        }\n      }\n      .ele-file__delete {\n        margin-left: 8px;\n        .ele-file__delete--icon {\n          margin-left: 8px;\n          cursor: pointer;\n        }\n      }\n    }\n  }\n}\n</style>","::v-deep .ele-upload__inner {\n  opacity: 1 !important;\n  cursor: pointer;\n  border: 1px dashed var(--idooel-form-title-border-color);\n  background: var(--idooel-form-upload-bg-color) !important;\n  border-radius: var(--idooel-form-border-radius);\n}\n::v-deep .ele-upload__inner:hover {\n  border-color: var(--idooel-form-upload-border-hover-color);\n}\n\n.ele-upload__wrapper {\n  width: 100%;\n}\n.ele-upload__wrapper .ele-upload__area {\n  padding: 16px;\n  width: 100%;\n  height: 80px;\n  display: flex;\n  flex-direction: row;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n  font-size: 48px;\n  color: var(--idooel-primary-color);\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text {\n  margin-left: 16px;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text .ele-upload__message {\n  font-size: 16px;\n  color: var(--idoole-black-008);\n  text-align: left;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n  text-align: left;\n  font-size: 14px;\n  color: var(--idoole-black-06);\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item {\n  width: 100%;\n  margin-top: 8px;\n  padding: 8px 12px;\n  border-radius: var(--idooel-form-border-radius);\n  background: var(--idooel-form-upload-bg-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__name {\n  flex: 1;\n  text-align: left;\n  white-space: nowrap;\n  overflow: hidden;\n  font-size: 14px;\n  margin-left: 8px;\n  cursor: pointer;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__name .ele-file__inner {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__delete {\n  margin-left: 8px;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__delete .ele-file__delete--icon {\n  margin-left: 8px;\n  cursor: pointer;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-7a628fc7_0", { source: "[data-v-7a628fc7] .ele-upload__inner {\n  opacity: 1 !important;\n  cursor: pointer;\n  border: 1px dashed var(--idooel-form-title-border-color);\n  background: var(--idooel-form-upload-bg-color) !important;\n  border-radius: var(--idooel-form-border-radius);\n}\n[data-v-7a628fc7] .ele-upload__inner:hover {\n  border-color: var(--idooel-form-upload-border-hover-color);\n}\n.ele-upload__wrapper[data-v-7a628fc7] {\n  width: 100%;\n}\n.ele-upload__wrapper .ele-upload__area[data-v-7a628fc7] {\n  padding: 16px;\n  width: 100%;\n  height: 80px;\n  display: flex;\n  flex-direction: row;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload[data-v-7a628fc7] {\n  font-size: 48px;\n  color: var(--idooel-primary-color);\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text[data-v-7a628fc7] {\n  margin-left: 16px;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text .ele-upload__message[data-v-7a628fc7] {\n  font-size: 16px;\n  color: var(--idoole-black-008);\n  text-align: left;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text .ele-upload__ext[data-v-7a628fc7] {\n  text-align: left;\n  font-size: 14px;\n  color: var(--idoole-black-06);\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item[data-v-7a628fc7] {\n  width: 100%;\n  margin-top: 8px;\n  padding: 8px 12px;\n  border-radius: var(--idooel-form-border-radius);\n  background: var(--idooel-form-upload-bg-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__name[data-v-7a628fc7] {\n  flex: 1;\n  text-align: left;\n  white-space: nowrap;\n  overflow: hidden;\n  font-size: 14px;\n  margin-left: 8px;\n  cursor: pointer;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__name .ele-file__inner[data-v-7a628fc7] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__delete[data-v-7a628fc7] {\n  margin-left: 8px;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__delete .ele-file__delete--icon[data-v-7a628fc7] {\n  margin-left: 8px;\n  cursor: pointer;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\upload\\src\\index.vue","index.vue"],"names":[],"mappings":"AAoRA;EACA,qBAAA;EACA,eAAA;EACA,wDAAA;EACA,yDAAA;EAIA,+CAAA;ACtRA;ADmRA;EACA,0DAAA;ACjRA;ADqRA;EACA,WAAA;AClRA;ADmRA;EACA,aAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;ACjRA;ADmRA;EACA,eAAA;EACA,kCAAA;ACjRA;ADoRA;EACA,iBAAA;AClRA;ADmRA;EACA,eAAA;EACA,8BAAA;EACA,gBAAA;ACjRA;ADmRA;EACA,gBAAA;EACA,eAAA;EACA,6BAAA;ACjRA;ADsRA;EACA,WAAA;EACA,eAAA;EACA,iBAAA;EACA,+CAAA;EACA,8CAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;ACpRA;ADsRA;EACA,OAAA;EACA,gBAAA;EACA,mBAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;ACpRA;ADqRA;EACA,gBAAA;EACA,uBAAA;ACnRA;ADsRA;EACA,gBAAA;ACpRA;ADqRA;EACA,gBAAA;EACA,eAAA;ACnRA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"ele-upload__wrapper\">\r\n    <FileUpload\r\n      class=\"ele-upload__inner\"\r\n      v-show=\"isShowUploadContainer\"\r\n      v-model=\"files\"\r\n      :ref=\"uploadRef\"\r\n      :drop=\"drop\"\r\n      :chunk-enabled=\"chunkEnabled\"\r\n      :chunk=\"chunkConfig\"\r\n      :accept=\"accept\"\r\n      :size=\"fileSizeLimit\"\r\n      :post-action=\"postAction\"\r\n      :multiple=\"multiple\"\r\n      :maximum=\"getMaximum\"\r\n      @input-file=\"onWatchInputFiles\"\r\n      @input=\"onWatchFiles\"\r\n      style=\"width: 100%;\">\r\n      <section class=\"ele-upload__area\">\r\n        <div class=\"ele-upload__area--icon\">\r\n          <ele-icon type=\"cloud-upload\"></ele-icon>\r\n        </div>\r\n        <div class=\"ele-upload__area--text\">\r\n          <div class=\"ele-upload__message\">单击或拖动文件到该区域以上传</div>\r\n          <div class=\"ele-upload__ext\">文件小于{{ size }}M</div>\r\n        </div>\r\n      </section>\r\n    </FileUpload>\r\n    <section class=\"ele-files__wrapper\">\r\n      <div class=\"ele-file__item\" v-for=\"(file, idx) in files\" :key=\"idx\">\r\n        <div class=\"ele-file__suffix--icon\">\r\n          <ele-icon type=\"icon-doc\"></ele-icon>\r\n        </div>\r\n        <div class=\"ele-file__name\">\r\n          <div class=\"ele-file__inner\" @click=\"handleClickDownload(file)\">{{ file.name }}</div>\r\n          <div v-if=\"!file.success\" class=\"ele-uplpad__progress\">\r\n            <a-progress :strokeWidth=\"2\" :percent=\"Number(file.progress)\" size=\"small\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"ele-file__delete\" v-if=\"file.success || file.error\">\r\n          <span class=\"ele-file__size\">{{ (file.size / byteConversion).toFixed(2) }}M</span>\r\n          <span class=\"ele-file__delete--icon\" @click=\"handleClickDelete(file)\">\r\n            <ele-icon type=\"delete\"></ele-icon>\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport FileUpload from 'vue-upload-component'\r\nimport { v4 as uuidv4 } from 'uuid'\r\nimport { route, net } from '@idooel/shared'\r\nimport EleIcon from '../../icon/src/index.vue'\r\nexport default {\r\n  name: 'ele-upload',\r\n  components: {\r\n    FileUpload,\r\n    EleIcon\r\n  },\r\n  model: {\r\n    prop: 'value',\r\n    event: 'change'\r\n  },\r\n  props: {\r\n    url: {\r\n      type: String,\r\n      default: '/zuul/api-file/workbench/file'\r\n    },\r\n    size: {\r\n      type: Number,\r\n      default: 100\r\n    },\r\n    accept: {\r\n      type: String\r\n    },\r\n    maximum: {\r\n      type: Number,\r\n      default: 10\r\n    },\r\n    multiple: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    drop: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    value: {\r\n      type: [String, Array]\r\n    },\r\n    querys: {\r\n      type: Object,\r\n      default: () => ({\r\n        _csrf: 'c81f993f-f044-45bb-b3af-2977d335042d',\r\n        _t: new Date().valueOf()\r\n      })\r\n    },\r\n    headers: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    byteConversion: {\r\n      type: Number,\r\n      default: 1024 * 1024\r\n    },\r\n    chunkEnabled: {\r\n      type: Boolean,\r\n      default: true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      files: [],\r\n      saveToServerAsyncPageTimer: null\r\n    }\r\n  },\r\n  computed: {\r\n    getPayloads () {\r\n      return {\r\n        override: false\r\n      }\r\n    },\r\n    chunkConfig () {\r\n      const ret = route.toQueryString(this.querys)\r\n      return {\r\n        action: `${window.prefixPath}/zuul/api-file/workbench/file/temp/chunk/vue`,\r\n        headers: {\r\n          'X-XSRF-TOKEN': localStorage.getItem('token')\r\n        },\r\n        minSize: 3 * this.byteConversion,\r\n        maxActive: 3,\r\n        maxRetries: 5,\r\n        startBody: {\r\n          override: true,\r\n          path: '/cw'\r\n        },\r\n        uploadBody: {\r\n          override: true,\r\n          path: '/cw'\r\n        },\r\n        finishBody: {\r\n          override: true,\r\n          path: '/cw'\r\n        }\r\n      }\r\n    },\r\n    isFileUploadSuccessed () {\r\n      return this.files.every(file => file.success)\r\n    },\r\n    isShowUploadContainer () {\r\n      if (this.multiple) {\r\n        if (this.isFileUploadSuccessed && this.files.length >= this.maximum) {\r\n          return false\r\n        } else {\r\n          return true\r\n        }\r\n      } else {\r\n        if (this.isFileUploadSuccessed && this.files.length >= 1) {\r\n          return false\r\n        } else {\r\n          return true\r\n        }\r\n      }\r\n    },\r\n    getMaximum () {\r\n      return this.multiple ? this.maximum : 1\r\n    },\r\n    fileSizeLimit () {\r\n      return this.size * this.byteConversion\r\n    },\r\n    postAction () {\r\n      const ret = route.toQueryString(this.querys)\r\n      return `${window.prefixPath}${this.url}?${ret}`\r\n    },\r\n    uploadRef () {\r\n      return uuidv4()\r\n    },\r\n    fileSuffixIcon () {\r\n      return {\r\n        'doc': { name: 'icon-doc' },\r\n      }\r\n    },\r\n    fileIds () {\r\n      const fileIds = this.files.map(file => {\r\n        return file.response.data.fileID\r\n      })\r\n      return this.multiple ? fileIds : fileIds[0]\r\n    }\r\n  },\r\n  methods: {\r\n    handleClickDownload (file) {\r\n      console.log('download file', file)\r\n    },\r\n    handleClickDelete (file) {\r\n      this.$refs[this.uploadRef].remove(file)\r\n      this.$emit('change', this.fileIds)\r\n    },\r\n    onWatchFiles (files) {\r\n      this.files = files\r\n      if (this.isFileUploadSuccessed) {\r\n        this.$emit('change', this.fileIds)\r\n      }\r\n    },\r\n    async saveToServerAsyncPage (payloads = {}) {\r\n      net.post('zuul/api-file/workbench/file/temp/saveToServerAsyncPage', payloads, { \r\n        headers: {\r\n          'Content-Type': 'multipart/form-data'\r\n        }\r\n      }).then(resp =>{\r\n        const { data } = resp\r\n        if (data !== 'saveToServerAsyncPage') {\r\n          clearInterval(this.saveToServerAsyncPageTimer)\r\n        }\r\n      })\r\n      // const ret = await net.post({\r\n      //   url: 'zuul/api-file/workbench/file/temp/saveToServerAsyncPage',\r\n      //   method: 'POST',\r\n      //   data: { ...payloads }\r\n      // }).then(resp => {\r\n      //   const { data: { data, code, message } } = resp\r\n      //   if (code !== '2000') {\r\n      //     this.$Message.error(message)\r\n      //     return\r\n      //   }\r\n      //   if (data !== 'saveToServerAsyncPage') {\r\n      //     clearInterval(timer)\r\n      //     const { fileID, size } = data\r\n      //     this.$emit('on-success', { ...data, fileId: fileID })\r\n      //     this.$Message.success('同步成功')\r\n      //     return { fileId: fileID, size }\r\n      //   }\r\n      // })\r\n      // return ret\r\n    },\r\n    onWatchInputFiles (newFile, oldFile) {\r\n      if (newFile && !oldFile) {\r\n        // add file\r\n        console.log('add', newFile)\r\n      }\r\n      if (newFile && oldFile) {\r\n        // update file\r\n        console.log('update', newFile)\r\n        const { success, active, chunk, response } = newFile\r\n        if (chunk && success && !active) {\r\n          console.log('chunk end')\r\n          const { data: { file, type } } = response\r\n          const payloads = {\r\n            filePath: file.match(/\\/cw(.*)/)[0],\r\n            asyncID: uuidv4(),\r\n            isDeleteOrigin: false,\r\n            toImage: type === 'pdf' ? true : false,\r\n            unzip: type === 'zip' ? true : false,\r\n            _csrf: localStorage.getItem('token')\r\n          }\r\n          this.saveToServerAsyncPageTimer = setInterval(() => {\r\n            this.saveToServerAsyncPage(payloads)\r\n          }, 2000)\r\n        }\r\n      }\r\n      if (!newFile && oldFile) {\r\n        // delete file\r\n        console.log('delete')\r\n      }\r\n      if (Boolean(newFile) !== Boolean(oldFile) || oldFile.error !== newFile.error) {\r\n        if (!this.$refs[this.uploadRef].active) {\r\n          this.$refs[this.uploadRef].active = true\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n::v-deep .ele-upload__inner {\r\n  opacity: 1 !important;\r\n  cursor: pointer;\r\n  border: 1px dashed var(--idooel-form-title-border-color);\r\n  background: var(--idooel-form-upload-bg-color) !important;\r\n  &:hover {\r\n    border-color: var(--idooel-form-upload-border-hover-color);\r\n  }\r\n  border-radius: var(--idooel-form-border-radius);\r\n}\r\n.ele-upload__wrapper {\r\n  width: 100%;\r\n  .ele-upload__area {\r\n    padding: 16px;\r\n    width: 100%;\r\n    height: 80px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    .ele-upload__area--icon {\r\n      .anticon-cloud-upload {\r\n        font-size: 48px;\r\n        color: var(--idooel-primary-color);\r\n      }\r\n    }\r\n    .ele-upload__area--text {\r\n      margin-left: 16px;\r\n      .ele-upload__message {\r\n        font-size: 16px;\r\n        color: var(--idoole-black-008);\r\n        text-align: left;\r\n      }\r\n      .ele-upload__ext {\r\n        text-align: left;\r\n        font-size: 14px;\r\n        color: var(--idoole-black-06);\r\n      }\r\n    }\r\n  }\r\n  .ele-files__wrapper {\r\n    .ele-file__item {\r\n      width: 100%;\r\n      margin-top: 8px;\r\n      padding: 8px 12px;\r\n      border-radius: var(--idooel-form-border-radius);\r\n      background: var(--idooel-form-upload-bg-color);\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      .ele-file__suffix--icon {}\r\n      .ele-file__name {\r\n        flex: 1;\r\n        text-align: left;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        font-size: 14px;\r\n        margin-left: 8px;\r\n        cursor: pointer;\r\n        .ele-file__inner {\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n        }\r\n      }\r\n      .ele-file__delete {\r\n        margin-left: 8px;\r\n        .ele-file__delete--icon {\r\n          margin-left: 8px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","::v-deep .ele-upload__inner {\n  opacity: 1 !important;\n  cursor: pointer;\n  border: 1px dashed var(--idooel-form-title-border-color);\n  background: var(--idooel-form-upload-bg-color) !important;\n  border-radius: var(--idooel-form-border-radius);\n}\n::v-deep .ele-upload__inner:hover {\n  border-color: var(--idooel-form-upload-border-hover-color);\n}\n\n.ele-upload__wrapper {\n  width: 100%;\n}\n.ele-upload__wrapper .ele-upload__area {\n  padding: 16px;\n  width: 100%;\n  height: 80px;\n  display: flex;\n  flex-direction: row;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n  font-size: 48px;\n  color: var(--idooel-primary-color);\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text {\n  margin-left: 16px;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text .ele-upload__message {\n  font-size: 16px;\n  color: var(--idoole-black-008);\n  text-align: left;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n  text-align: left;\n  font-size: 14px;\n  color: var(--idoole-black-06);\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item {\n  width: 100%;\n  margin-top: 8px;\n  padding: 8px 12px;\n  border-radius: var(--idooel-form-border-radius);\n  background: var(--idooel-form-upload-bg-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__name {\n  flex: 1;\n  text-align: left;\n  white-space: nowrap;\n  overflow: hidden;\n  font-size: 14px;\n  margin-left: 8px;\n  cursor: pointer;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__name .ele-file__inner {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__delete {\n  margin-left: 8px;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__delete .ele-file__delete--icon {\n  margin-left: 8px;\n  cursor: pointer;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$h = "data-v-5b271004";
+  const __vue_scope_id__$h = "data-v-7a628fc7";
   /* module identifier */
   const __vue_module_identifier__$h = undefined;
   /* functional template */
@@ -3425,11 +3425,11 @@ __vue_render__$g._withStripped = true;
   /* style */
   const __vue_inject_styles__$g = function (inject) {
     if (!inject) return
-    inject("data-v-611a11f1_0", { source: ".g-select-entity__wrapper[data-v-611a11f1] {\n  font-size: 14px;\n  line-height: 30px;\n  position: relative;\n  width: 100%;\n  display: flex;\n  color: var(--idoole-black-07);\n  border-radius: 4px;\n  border: 1px solid var(--idooel-form-title-border-color);\n}\n.g-select-entity__wrapper[data-v-611a11f1]:hover {\n  border-color: var(--idooel-primary-color);\n}\n.g-select-entity__wrapper .select-entity__input[data-v-611a11f1] {\n  padding: 0 11px;\n  background-color: #fff;\n  border-radius: 4px;\n  flex-grow: 1;\n  min-height: 30px;\n  text-align: left;\n}\n.g-select-entity__wrapper .select-entity__addon[data-v-611a11f1] {\n  padding: 0 11px;\n  color: var(--idoole-black-07);\n  background-color: var(--idoole-black-02);\n  border-left: 1px solid var(--idooel-form-title-border-color);\n  cursor: pointer;\n  min-height: 30px;\n  white-space: nowrap;\n}\n.has-error .g-select-entity__wrapper[data-v-611a11f1] {\n  border-color: var(--idooel-form-border-err-color);\n}\n.g-select-entity__disabled .select-entity__input[data-v-611a11f1] {\n  background-color: var(--idoole-black-02);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/select-entity/src/index.vue","index.vue"],"names":[],"mappings":"AA6EA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,WAAA;EACA,aAAA;EACA,6BAAA;EACA,kBAAA;EACA,uDAAA;AC5EA;AD6EA;EACA,yCAAA;AC3EA;AD6EA;EACA,eAAA;EACA,sBAAA;EACA,kBAAA;EACA,YAAA;EACA,gBAAA;EACA,gBAAA;AC3EA;AD6EA;EACA,eAAA;EACA,6BAAA;EACA,wCAAA;EACA,4DAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AC3EA;AD8EA;EACA,iDAAA;AC3EA;AD6EA;EACA,wCAAA;AC1EA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"g-select-entity__wrapper\" :class=\"disabled ? 'g-select-entity__disabled' : ''\">\n    <span class=\"select-entity__input\">\n      <a-tag\n        v-for=\"(item, inx) in getValueList()\"\n        :key=\"item.value\"\n        :closable=\"!disabled && !getIsMaxCount()\"\n        @close=\"onClose(...arguments, inx)\"\n      >\n        {{ item.label }}\n      </a-tag>\n      <a-tag v-if=\"getIsMaxCount()\">......</a-tag>\n    </span>\n    <span class=\"select-entity__addon\" @click=\"onChange\">{{ addonAfter }}</span>\n    <slot></slot>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ele-select-entity',\n  props: {\n    value: {\n      type: [Array, Object]\n    },\n    multiple: {\n      type: Boolean,\n      default: true\n    },\n    maxCount: {\n      type: Number,\n      default: 7\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    addonAfter: {\n      type: String,\n      default: '选择'\n    }\n  },\n  methods: {\n    getValueList () {\n      if (this.value) {\n        if (this.multiple) {\n          return this.getIsMaxCount() ? this.value.slice(0, this.maxCount) : this.value\n        }\n        return [this.value]\n      }\n      return []\n    },\n    getIsMaxCount () {\n      if (this.value && this.multiple) {\n        return this.value.length >= this.maxCount\n      }\n      return false\n    },\n    onChange () {\n      if (this.disabled) return\n      this.$emit('change', this.value)\n    },\n    onClose (e, inx) {\n      e = window.event || e\n      e.preventDefault()\n      if (!this.multiple) {\n        this.$emit('change', null)\n        return\n      }\n      this.value.splice(inx, 1)\n      this.$emit('change', this.value)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-select-entity__wrapper {\n  font-size: 14px;\n  line-height: 30px;\n  position: relative;\n  width: 100%;\n  display: flex;\n  color: var(--idoole-black-07);\n  border-radius: 4px;\n  border: 1px solid var(--idooel-form-title-border-color);\n  &:hover {\n    border-color: var(--idooel-primary-color);\n  }\n  .select-entity__input {\n    padding: 0 11px;\n    background-color: #fff;\n    border-radius: 4px;\n    flex-grow: 1;\n    min-height: 30px;\n    text-align: left;\n  }\n  .select-entity__addon {\n    padding: 0 11px;\n    color: var(--idoole-black-07);\n    background-color: var(--idoole-black-02);\n    border-left: 1px solid var(--idooel-form-title-border-color);\n    cursor: pointer;\n    min-height: 30px;\n    white-space: nowrap;\n  }\n}\n.has-error .g-select-entity__wrapper {\n  border-color: var(--idooel-form-border-err-color);\n}\n.g-select-entity__disabled .select-entity__input {\n  background-color: var(--idoole-black-02);\n}\n</style>",".g-select-entity__wrapper {\n  font-size: 14px;\n  line-height: 30px;\n  position: relative;\n  width: 100%;\n  display: flex;\n  color: var(--idoole-black-07);\n  border-radius: 4px;\n  border: 1px solid var(--idooel-form-title-border-color);\n}\n.g-select-entity__wrapper:hover {\n  border-color: var(--idooel-primary-color);\n}\n.g-select-entity__wrapper .select-entity__input {\n  padding: 0 11px;\n  background-color: #fff;\n  border-radius: 4px;\n  flex-grow: 1;\n  min-height: 30px;\n  text-align: left;\n}\n.g-select-entity__wrapper .select-entity__addon {\n  padding: 0 11px;\n  color: var(--idoole-black-07);\n  background-color: var(--idoole-black-02);\n  border-left: 1px solid var(--idooel-form-title-border-color);\n  cursor: pointer;\n  min-height: 30px;\n  white-space: nowrap;\n}\n\n.has-error .g-select-entity__wrapper {\n  border-color: var(--idooel-form-border-err-color);\n}\n\n.g-select-entity__disabled .select-entity__input {\n  background-color: var(--idoole-black-02);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-328544bb_0", { source: ".g-select-entity__wrapper[data-v-328544bb] {\n  font-size: 14px;\n  line-height: 30px;\n  position: relative;\n  width: 100%;\n  display: flex;\n  color: var(--idoole-black-07);\n  border-radius: 4px;\n  border: 1px solid var(--idooel-form-title-border-color);\n}\n.g-select-entity__wrapper[data-v-328544bb]:hover {\n  border-color: var(--idooel-primary-color);\n}\n.g-select-entity__wrapper .select-entity__input[data-v-328544bb] {\n  padding: 0 11px;\n  background-color: #fff;\n  border-radius: 4px;\n  flex-grow: 1;\n  min-height: 30px;\n  text-align: left;\n}\n.g-select-entity__wrapper .select-entity__addon[data-v-328544bb] {\n  padding: 0 11px;\n  color: var(--idoole-black-07);\n  background-color: var(--idoole-black-02);\n  border-left: 1px solid var(--idooel-form-title-border-color);\n  cursor: pointer;\n  min-height: 30px;\n  white-space: nowrap;\n}\n.has-error .g-select-entity__wrapper[data-v-328544bb] {\n  border-color: var(--idooel-form-border-err-color);\n}\n.g-select-entity__disabled .select-entity__input[data-v-328544bb] {\n  background-color: var(--idoole-black-02);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\select-entity\\src\\index.vue","index.vue"],"names":[],"mappings":"AA6EA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,WAAA;EACA,aAAA;EACA,6BAAA;EACA,kBAAA;EACA,uDAAA;AC5EA;AD6EA;EACA,yCAAA;AC3EA;AD6EA;EACA,eAAA;EACA,sBAAA;EACA,kBAAA;EACA,YAAA;EACA,gBAAA;EACA,gBAAA;AC3EA;AD6EA;EACA,eAAA;EACA,6BAAA;EACA,wCAAA;EACA,4DAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AC3EA;AD8EA;EACA,iDAAA;AC3EA;AD6EA;EACA,wCAAA;AC1EA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"g-select-entity__wrapper\" :class=\"disabled ? 'g-select-entity__disabled' : ''\">\r\n    <span class=\"select-entity__input\">\r\n      <a-tag\r\n        v-for=\"(item, inx) in getValueList()\"\r\n        :key=\"item.value\"\r\n        :closable=\"!disabled && !getIsMaxCount()\"\r\n        @close=\"onClose(...arguments, inx)\"\r\n      >\r\n        {{ item.label }}\r\n      </a-tag>\r\n      <a-tag v-if=\"getIsMaxCount()\">......</a-tag>\r\n    </span>\r\n    <span class=\"select-entity__addon\" @click=\"onChange\">{{ addonAfter }}</span>\r\n    <slot></slot>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ele-select-entity',\r\n  props: {\r\n    value: {\r\n      type: [Array, Object]\r\n    },\r\n    multiple: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    maxCount: {\r\n      type: Number,\r\n      default: 7\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    addonAfter: {\r\n      type: String,\r\n      default: '选择'\r\n    }\r\n  },\r\n  methods: {\r\n    getValueList () {\r\n      if (this.value) {\r\n        if (this.multiple) {\r\n          return this.getIsMaxCount() ? this.value.slice(0, this.maxCount) : this.value\r\n        }\r\n        return [this.value]\r\n      }\r\n      return []\r\n    },\r\n    getIsMaxCount () {\r\n      if (this.value && this.multiple) {\r\n        return this.value.length >= this.maxCount\r\n      }\r\n      return false\r\n    },\r\n    onChange () {\r\n      if (this.disabled) return\r\n      this.$emit('change', this.value)\r\n    },\r\n    onClose (e, inx) {\r\n      e = window.event || e\r\n      e.preventDefault()\r\n      if (!this.multiple) {\r\n        this.$emit('change', null)\r\n        return\r\n      }\r\n      this.value.splice(inx, 1)\r\n      this.$emit('change', this.value)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.g-select-entity__wrapper {\r\n  font-size: 14px;\r\n  line-height: 30px;\r\n  position: relative;\r\n  width: 100%;\r\n  display: flex;\r\n  color: var(--idoole-black-07);\r\n  border-radius: 4px;\r\n  border: 1px solid var(--idooel-form-title-border-color);\r\n  &:hover {\r\n    border-color: var(--idooel-primary-color);\r\n  }\r\n  .select-entity__input {\r\n    padding: 0 11px;\r\n    background-color: #fff;\r\n    border-radius: 4px;\r\n    flex-grow: 1;\r\n    min-height: 30px;\r\n    text-align: left;\r\n  }\r\n  .select-entity__addon {\r\n    padding: 0 11px;\r\n    color: var(--idoole-black-07);\r\n    background-color: var(--idoole-black-02);\r\n    border-left: 1px solid var(--idooel-form-title-border-color);\r\n    cursor: pointer;\r\n    min-height: 30px;\r\n    white-space: nowrap;\r\n  }\r\n}\r\n.has-error .g-select-entity__wrapper {\r\n  border-color: var(--idooel-form-border-err-color);\r\n}\r\n.g-select-entity__disabled .select-entity__input {\r\n  background-color: var(--idoole-black-02);\r\n}\r\n</style>",".g-select-entity__wrapper {\n  font-size: 14px;\n  line-height: 30px;\n  position: relative;\n  width: 100%;\n  display: flex;\n  color: var(--idoole-black-07);\n  border-radius: 4px;\n  border: 1px solid var(--idooel-form-title-border-color);\n}\n.g-select-entity__wrapper:hover {\n  border-color: var(--idooel-primary-color);\n}\n.g-select-entity__wrapper .select-entity__input {\n  padding: 0 11px;\n  background-color: #fff;\n  border-radius: 4px;\n  flex-grow: 1;\n  min-height: 30px;\n  text-align: left;\n}\n.g-select-entity__wrapper .select-entity__addon {\n  padding: 0 11px;\n  color: var(--idoole-black-07);\n  background-color: var(--idoole-black-02);\n  border-left: 1px solid var(--idooel-form-title-border-color);\n  cursor: pointer;\n  min-height: 30px;\n  white-space: nowrap;\n}\n\n.has-error .g-select-entity__wrapper {\n  border-color: var(--idooel-form-border-err-color);\n}\n\n.g-select-entity__disabled .select-entity__input {\n  background-color: var(--idoole-black-02);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$g = "data-v-611a11f1";
+  const __vue_scope_id__$g = "data-v-328544bb";
   /* module identifier */
   const __vue_module_identifier__$g = undefined;
   /* functional template */
@@ -3588,11 +3588,11 @@ __vue_render__$e._withStripped = true;
   /* style */
   const __vue_inject_styles__$e = function (inject) {
     if (!inject) return
-    inject("data-v-b24f06c0_0", { source: ".ant-checkbox-group[data-v-b24f06c0] {\n  text-align: left;\n  line-height: 32px;\n}\n.has-error .ant-checkbox-group[data-v-b24f06c0]  .ant-checkbox-wrapper {\n  color: var(--idooel-form-border-err-color);\n}\n.has-error .ant-checkbox-group[data-v-b24f06c0]  .ant-checkbox-inner {\n  border-color: var(--idooel-form-border-err-color);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/checkbox/src/index.vue","index.vue"],"names":[],"mappings":"AA6BA;EACA,gBAAA;EACA,iBAAA;AC5BA;ADgCA;EACA,0CAAA;AC7BA;AD+BA;EACA,iDAAA;AC7BA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <a-checkbox-group :options=\"dataSource\" :disabled=\"disabled\" :defaultValue=\"value\" @change=\"onChange\"></a-checkbox-group>\n</template>\n\n<script>\nexport default {\n  name: 'ele-checkbox',\n  props: {\n    value: {\n      type: Array\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    }\n  },\n  methods: {\n    onChange (value) {\n      this.$emit('change', value)\n      this.$emit('input', value)\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.ant-checkbox-group {\n  text-align: left;\n  line-height: 32px;\n}\n.has-error {\n  .ant-checkbox-group {\n    ::v-deep .ant-checkbox-wrapper {\n      color: var(--idooel-form-border-err-color);\n    }\n    ::v-deep .ant-checkbox-inner {\n      border-color: var(--idooel-form-border-err-color);\n    }\n  }\n}\n</style>",".ant-checkbox-group {\n  text-align: left;\n  line-height: 32px;\n}\n\n.has-error .ant-checkbox-group ::v-deep .ant-checkbox-wrapper {\n  color: var(--idooel-form-border-err-color);\n}\n.has-error .ant-checkbox-group ::v-deep .ant-checkbox-inner {\n  border-color: var(--idooel-form-border-err-color);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-63b1b120_0", { source: ".ant-checkbox-group[data-v-63b1b120] {\n  text-align: left;\n  line-height: 32px;\n}\n.has-error .ant-checkbox-group[data-v-63b1b120]  .ant-checkbox-wrapper {\n  color: var(--idooel-form-border-err-color);\n}\n.has-error .ant-checkbox-group[data-v-63b1b120]  .ant-checkbox-inner {\n  border-color: var(--idooel-form-border-err-color);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\checkbox\\src\\index.vue","index.vue"],"names":[],"mappings":"AA6BA;EACA,gBAAA;EACA,iBAAA;AC5BA;ADgCA;EACA,0CAAA;AC7BA;AD+BA;EACA,iDAAA;AC7BA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <a-checkbox-group :options=\"dataSource\" :disabled=\"disabled\" :defaultValue=\"value\" @change=\"onChange\"></a-checkbox-group>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ele-checkbox',\r\n  props: {\r\n    value: {\r\n      type: Array\r\n    },\r\n    dataSource: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  methods: {\r\n    onChange (value) {\r\n      this.$emit('change', value)\r\n      this.$emit('input', value)\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.ant-checkbox-group {\r\n  text-align: left;\r\n  line-height: 32px;\r\n}\r\n.has-error {\r\n  .ant-checkbox-group {\r\n    ::v-deep .ant-checkbox-wrapper {\r\n      color: var(--idooel-form-border-err-color);\r\n    }\r\n    ::v-deep .ant-checkbox-inner {\r\n      border-color: var(--idooel-form-border-err-color);\r\n    }\r\n  }\r\n}\r\n</style>",".ant-checkbox-group {\n  text-align: left;\n  line-height: 32px;\n}\n\n.has-error .ant-checkbox-group ::v-deep .ant-checkbox-wrapper {\n  color: var(--idooel-form-border-err-color);\n}\n.has-error .ant-checkbox-group ::v-deep .ant-checkbox-inner {\n  border-color: var(--idooel-form-border-err-color);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$e = "data-v-b24f06c0";
+  const __vue_scope_id__$e = "data-v-63b1b120";
   /* module identifier */
   const __vue_module_identifier__$e = undefined;
   /* functional template */
@@ -3680,11 +3680,11 @@ __vue_render__$d._withStripped = true;
   /* style */
   const __vue_inject_styles__$d = function (inject) {
     if (!inject) return
-    inject("data-v-ec29379c_0", { source: ".ant-radio-group[data-v-ec29379c] {\n  text-align: left;\n  line-height: 32px;\n}\n.has-error .ant-radio-group[data-v-ec29379c]  .ant-radio-wrapper {\n  color: var(--idooel-form-border-err-color);\n}\n.has-error .ant-radio-group[data-v-ec29379c]  .ant-radio-inner {\n  border-color: var(--idooel-form-border-err-color);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/radio/src/index.vue","index.vue"],"names":[],"mappings":"AAqCA;EACA,gBAAA;EACA,iBAAA;ACpCA;ADwCA;EACA,0CAAA;ACrCA;ADuCA;EACA,iDAAA;ACrCA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <a-radio-group :value=\"value\" @change=\"onChange\" :disabled=\"disabled\">\n    <a-radio v-for=\"item in dataSource\" :key=\"item.value\" :value=\"item.value\">\n      {{ item.label }}\n    </a-radio>\n  </a-radio-group>\n</template>\n\n<script>\nexport default {\n  name: 'ele-radio',\n  model: {\n    prop: 'value',\n    event: 'change'\n  },\n  props: {\n    value: {\n      type: [String, Array, Number]\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    }\n  },\n  methods: {\n    onChange (e) {\n      this.$emit('change', e.target.value)\n      this.$emit('input', e.target.value)\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.ant-radio-group {\n  text-align: left;\n  line-height: 32px;\n}\n.has-error {\n  .ant-radio-group {\n    ::v-deep .ant-radio-wrapper {\n      color: var(--idooel-form-border-err-color);\n    }\n    ::v-deep .ant-radio-inner {\n      border-color: var(--idooel-form-border-err-color);\n    }\n  }\n}\n</style>",".ant-radio-group {\n  text-align: left;\n  line-height: 32px;\n}\n\n.has-error .ant-radio-group ::v-deep .ant-radio-wrapper {\n  color: var(--idooel-form-border-err-color);\n}\n.has-error .ant-radio-group ::v-deep .ant-radio-inner {\n  border-color: var(--idooel-form-border-err-color);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-14b69fc8_0", { source: ".ant-radio-group[data-v-14b69fc8] {\n  text-align: left;\n  line-height: 32px;\n}\n.has-error .ant-radio-group[data-v-14b69fc8]  .ant-radio-wrapper {\n  color: var(--idooel-form-border-err-color);\n}\n.has-error .ant-radio-group[data-v-14b69fc8]  .ant-radio-inner {\n  border-color: var(--idooel-form-border-err-color);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\radio\\src\\index.vue","index.vue"],"names":[],"mappings":"AAqCA;EACA,gBAAA;EACA,iBAAA;ACpCA;ADwCA;EACA,0CAAA;ACrCA;ADuCA;EACA,iDAAA;ACrCA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <a-radio-group :value=\"value\" @change=\"onChange\" :disabled=\"disabled\">\r\n    <a-radio v-for=\"item in dataSource\" :key=\"item.value\" :value=\"item.value\">\r\n      {{ item.label }}\r\n    </a-radio>\r\n  </a-radio-group>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ele-radio',\r\n  model: {\r\n    prop: 'value',\r\n    event: 'change'\r\n  },\r\n  props: {\r\n    value: {\r\n      type: [String, Array, Number]\r\n    },\r\n    dataSource: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  methods: {\r\n    onChange (e) {\r\n      this.$emit('change', e.target.value)\r\n      this.$emit('input', e.target.value)\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.ant-radio-group {\r\n  text-align: left;\r\n  line-height: 32px;\r\n}\r\n.has-error {\r\n  .ant-radio-group {\r\n    ::v-deep .ant-radio-wrapper {\r\n      color: var(--idooel-form-border-err-color);\r\n    }\r\n    ::v-deep .ant-radio-inner {\r\n      border-color: var(--idooel-form-border-err-color);\r\n    }\r\n  }\r\n}\r\n</style>",".ant-radio-group {\n  text-align: left;\n  line-height: 32px;\n}\n\n.has-error .ant-radio-group ::v-deep .ant-radio-wrapper {\n  color: var(--idooel-form-border-err-color);\n}\n.has-error .ant-radio-group ::v-deep .ant-radio-inner {\n  border-color: var(--idooel-form-border-err-color);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$d = "data-v-ec29379c";
+  const __vue_scope_id__$d = "data-v-14b69fc8";
   /* module identifier */
   const __vue_module_identifier__$d = undefined;
   /* functional template */
@@ -3722,6 +3722,10 @@ var script$c = {
     EleRadio: __vue_component__$d
   },
   props: {
+    disabled: {
+      type: [Boolean, String],
+      default: '_routeMeta.disabled'
+    },
     formName: {
       type: [Number, String],
       default: 'coordinated'
@@ -3735,6 +3739,9 @@ var script$c = {
     return {};
   },
   computed: {
+    globalDisabled() {
+      return this.executeExpression(this.disabled);
+    },
     form() {
       return this.$form.createForm(this, {
         name: this.formName
@@ -3750,6 +3757,7 @@ var script$c = {
   methods: {
     evalDisabledExpression() {
       this.elements.forEach(ele => {
+        if (this.globalDisabled) return this.$set(ele, '_disabled', true);
         const {
           disabled
         } = ele;
@@ -3761,7 +3769,9 @@ var script$c = {
       if (type.isBool(expression)) return expression;
       if (type.isEmpty(expression)) return false;
       return parse(expression, {
-        ...this.getFieldsValue()
+        ...this.getFieldsValue(),
+        _route: this.$route.query,
+        _routeMeta: this.$route.meta
       });
     },
     onChange(value, props) {
@@ -4126,11 +4136,11 @@ __vue_render__$c._withStripped = true;
   /* style */
   const __vue_inject_styles__$c = function (inject) {
     if (!inject) return
-    inject("data-v-5c2df4d3_0", { source: ".ele__form--wrapper[data-v-5c2df4d3] {\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/form/src/index.vue","index.vue"],"names":[],"mappings":"AA+MA;EACA,gBAAA;AC9MA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"ele__form--wrapper\">\n    <a-form :form=\"form\" layout=\"vertical\" class=\"ant-advanced-search-form\">\n      <a-row :gutter=\"24\">\n        <a-col :span=\"ele.span\" v-for=\"ele in elements\" :key=\"ele.name\">\n          <template v-if=\"ele.type == 'Input'\">\n            <a-form-item :label=\"`${ele.label}：`\">\n              <ele-input \n                @change=\"onChange($event, ele)\" \n                :disabled=\"executeExpression(ele._disabled)\" \n                :max-length=\"ele.maxLength\" \n                v-decorator=\"[ele.name, { rules: ele.rules }]\" \n                style=\"width:100%;\">\n              </ele-input>\n            </a-form-item>\n          </template>\n          <template v-else-if=\"ele.type == 'Textarea'\">\n            <a-form-item :label=\"`${ele.label}：`\">\n              <ele-textarea \n                @change=\"onChange($event, ele)\"\n                :max-length=\"ele.maxLength\"\n                :autosize=\"ele.autosize\"\n                :disabled=\"executeExpression(ele._disabled)\"\n                :allow-clear=\"ele.allowClear\"\n                :placeholder=\"ele.placeholder\"\n                v-decorator=\"[ele.name, { rules: ele.rules }]\"\n                style=\"width:100%;\">\n              </ele-textarea>\n            </a-form-item>\n          </template>\n          <template v-else-if=\"ele.type == 'Select'\">\n            <a-form-item :label=\"`${ele.label}：`\">\n              <ele-select \n                :data-source=\"ele.optionList\" \n                :disabled=\"executeExpression(ele._disabled)\"\n                :multiple=\"ele.multiple\"\n                :mode=\"ele.mode\"\n                :code=\"ele.code\" \n                :params=\"ele.params\" \n                v-decorator=\"[ele.name, { rules: ele.rules }]\" \n                style=\"width:100%;\">\n              </ele-select>\n            </a-form-item>\n          </template>\n          <template v-else-if=\"ele.type == 'ele-upload'\">\n            <a-form-item :label=\"`${ele.label}：`\">\n              <ele-upload v-decorator=\"[ele.name, { rules: ele.rules }]\" style=\"width:100%;\"></ele-upload>\n            </a-form-item>\n          </template>\n          <template v-else-if=\"ele.type == 'ele-date-range'\">\n            <a-form-item :label=\"`${ele.label}：`\">\n              <ele-date-range \n              :disabled=\"executeExpression(ele._disabled)\" \n              v-decorator=\"[ele.name, { rules: ele.rules }]\" \n              style=\"width:100%;\">\n            </ele-date-range>\n            </a-form-item>\n          </template>\n          <template v-else-if=\"ele.type == 'SelectEntity'\">\n            <a-form-item :label=\"`${ele.label}：`\">\n              <ele-select-entity \n                v-decorator=\"[ele.name, { rules: ele.rules }]\" \n                style=\"width:100%;\">\n              </ele-select-entity>\n            </a-form-item>\n          </template>\n          <template v-else-if=\"ele.type == 'InputNumber'\">\n            <a-form-item :label=\"`${ele.label}：`\">\n              <ele-input-number \n                @change=\"onChange($event, ele)\" \n                :precision=\"ele.precision\" \n                :disabled=\"executeExpression(ele._disabled)\" \n                v-decorator=\"[ele.name, { rules: ele.rules }]\" \n                v-bind=\"ele.props\" \n                style=\"width:100%;\">\n              </ele-input-number>\n            </a-form-item>\n          </template>\n          <template v-else-if=\"ele.type == 'Checkbox'\">\n            <a-form-item :label=\"`${ele.label}：`\">\n              <ele-checkbox \n                :data-source=\"ele.optionList\" \n                :disabled=\"executeExpression(ele._disabled)\" \n                v-decorator=\"[ele.name, { rules: ele.rules }]\" \n                style=\"width:100%;\">\n              </ele-checkbox>\n            </a-form-item>\n          </template>\n          <template v-else-if=\"ele.type == 'Radio'\">\n            <a-form-item :label=\"`${ele.label}：`\">\n              <ele-radio \n                @change=\"onChange($event, ele)\" \n                :disabled=\"executeExpression(ele._disabled)\" \n                :data-source=\"ele.optionList\" \n                v-decorator=\"[ele.name, { rules: ele.rules }]\" \n                style=\"width:100%;\">\n              </ele-radio>\n            </a-form-item>\n          </template>\n        </a-col>\n      </a-row>\n    </a-form>\n  </div>\n</template>\n\n<script>\nimport EleSelect from '../../select/src/index.vue'\nimport EleInput from '../../input/src/index.vue'\nimport EleTextarea from '../../textarea/src/index.vue'\nimport EleUpload from '../../upload/src/index.vue'\nimport EleSelectEntity from '../../select-entity/src/index.vue'\nimport EleInputNumber from '../../input-number/src/index.vue'\nimport EleCheckbox from '../../checkbox/src/index.vue'\nimport EleRadio from '../../radio/src/index.vue'\nimport { parse } from '@idooel/expression'\nimport { type } from '@idooel/shared'\nexport default {\n  name: 'ele-form',\n  components: {\n    EleSelect,\n    EleInput,\n    EleTextarea,\n    EleUpload,\n    EleSelectEntity,\n    EleInputNumber,\n    EleCheckbox,\n    EleRadio\n  },\n  props: {\n    formName: {\n      type: [Number, String],\n      default: 'coordinated'\n    },\n    elements: {\n      type: Array,\n      default: () => []\n    }\n  },\n  data () {\n    return {}\n  },\n  computed: {\n    form () {\n      return this.$form.createForm(this, { name: this.formName })\n    },\n    exposedMethods () {\n      return {\n        setFieldsValue: this.setFieldsValue,\n        getFieldsValue: this.getFieldsValue\n      }\n    }\n  },\n  methods: {\n    evalDisabledExpression () {\n      this.elements.forEach(ele => {\n        const { disabled } = ele\n        const ret = this.executeExpression(disabled)\n        this.$set(ele, '_disabled', ret)\n      })\n    },\n    executeExpression (expression) {\n      if (type.isBool(expression)) return expression\n      if (type.isEmpty(expression)) return false\n      return parse(expression, { ...this.getFieldsValue() })\n    },\n    onChange (value, props) {\n      const { name } = props\n      this.setFieldsValue({ [name]: value })\n      this.evalDisabledExpression()\n      this.$emit('change', { value, props, exposed: { ...this.exposedMethods } })\n    },\n    collectDefaultValues () {\n      const ret = this.elements.reduce((ret, props) => {\n        const { name, defaultValue } = props\n        if (defaultValue) {\n          ret[name] = defaultValue\n        }\n        return ret\n      }, {})\n      return ret\n    },\n    setDefaultValues () {\n      const defaultValues = this.collectDefaultValues()\n      this.setFieldsValue(defaultValues)\n    },\n    validateFields () {\n      let ret = false\n      this.form.validateFields((error, values) => {\n        ret = !error\n      })\n      return ret\n    },\n    setFieldsValue (props = {}) {\n      this.form.setFieldsValue(props)\n    },\n    getFieldsValue () {\n      return this.form.getFieldsValue()\n    }\n  },\n  mounted() {\n    this.setDefaultValues()\n    this.evalDisabledExpression()\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ele__form--wrapper {\n  background: #fff;\n  .ant-form-item {\n  }\n}\n</style>",".ele__form--wrapper {\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-7dcee012_0", { source: ".ele__form--wrapper[data-v-7dcee012] {\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\form\\src\\index.vue","index.vue"],"names":[],"mappings":"AAuNA;EACA,gBAAA;ACtNA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"ele__form--wrapper\">\r\n    <a-form :form=\"form\" layout=\"vertical\" class=\"ant-advanced-search-form\">\r\n      <a-row :gutter=\"24\">\r\n        <a-col :span=\"ele.span\" v-for=\"ele in elements\" :key=\"ele.name\">\r\n          <template v-if=\"ele.type == 'Input'\">\r\n            <a-form-item :label=\"`${ele.label}：`\">\r\n              <ele-input \r\n                @change=\"onChange($event, ele)\" \r\n                :disabled=\"executeExpression(ele._disabled)\" \r\n                :max-length=\"ele.maxLength\" \r\n                v-decorator=\"[ele.name, { rules: ele.rules }]\" \r\n                style=\"width:100%;\">\r\n              </ele-input>\r\n            </a-form-item>\r\n          </template>\r\n          <template v-else-if=\"ele.type == 'Textarea'\">\r\n            <a-form-item :label=\"`${ele.label}：`\">\r\n              <ele-textarea \r\n                @change=\"onChange($event, ele)\"\r\n                :max-length=\"ele.maxLength\"\r\n                :autosize=\"ele.autosize\"\r\n                :disabled=\"executeExpression(ele._disabled)\"\r\n                :allow-clear=\"ele.allowClear\"\r\n                :placeholder=\"ele.placeholder\"\r\n                v-decorator=\"[ele.name, { rules: ele.rules }]\"\r\n                style=\"width:100%;\">\r\n              </ele-textarea>\r\n            </a-form-item>\r\n          </template>\r\n          <template v-else-if=\"ele.type == 'Select'\">\r\n            <a-form-item :label=\"`${ele.label}：`\">\r\n              <ele-select \r\n                :data-source=\"ele.optionList\" \r\n                :disabled=\"executeExpression(ele._disabled)\"\r\n                :multiple=\"ele.multiple\"\r\n                :mode=\"ele.mode\"\r\n                :code=\"ele.code\" \r\n                :params=\"ele.params\" \r\n                v-decorator=\"[ele.name, { rules: ele.rules }]\" \r\n                style=\"width:100%;\">\r\n              </ele-select>\r\n            </a-form-item>\r\n          </template>\r\n          <template v-else-if=\"ele.type == 'ele-upload'\">\r\n            <a-form-item :label=\"`${ele.label}：`\">\r\n              <ele-upload v-decorator=\"[ele.name, { rules: ele.rules }]\" style=\"width:100%;\"></ele-upload>\r\n            </a-form-item>\r\n          </template>\r\n          <template v-else-if=\"ele.type == 'ele-date-range'\">\r\n            <a-form-item :label=\"`${ele.label}：`\">\r\n              <ele-date-range \r\n              :disabled=\"executeExpression(ele._disabled)\" \r\n              v-decorator=\"[ele.name, { rules: ele.rules }]\" \r\n              style=\"width:100%;\">\r\n            </ele-date-range>\r\n            </a-form-item>\r\n          </template>\r\n          <template v-else-if=\"ele.type == 'SelectEntity'\">\r\n            <a-form-item :label=\"`${ele.label}：`\">\r\n              <ele-select-entity \r\n                v-decorator=\"[ele.name, { rules: ele.rules }]\" \r\n                style=\"width:100%;\">\r\n              </ele-select-entity>\r\n            </a-form-item>\r\n          </template>\r\n          <template v-else-if=\"ele.type == 'InputNumber'\">\r\n            <a-form-item :label=\"`${ele.label}：`\">\r\n              <ele-input-number \r\n                @change=\"onChange($event, ele)\" \r\n                :precision=\"ele.precision\" \r\n                :disabled=\"executeExpression(ele._disabled)\" \r\n                v-decorator=\"[ele.name, { rules: ele.rules }]\" \r\n                v-bind=\"ele.props\" \r\n                style=\"width:100%;\">\r\n              </ele-input-number>\r\n            </a-form-item>\r\n          </template>\r\n          <template v-else-if=\"ele.type == 'Checkbox'\">\r\n            <a-form-item :label=\"`${ele.label}：`\">\r\n              <ele-checkbox \r\n                :data-source=\"ele.optionList\" \r\n                :disabled=\"executeExpression(ele._disabled)\" \r\n                v-decorator=\"[ele.name, { rules: ele.rules }]\" \r\n                style=\"width:100%;\">\r\n              </ele-checkbox>\r\n            </a-form-item>\r\n          </template>\r\n          <template v-else-if=\"ele.type == 'Radio'\">\r\n            <a-form-item :label=\"`${ele.label}：`\">\r\n              <ele-radio \r\n                @change=\"onChange($event, ele)\" \r\n                :disabled=\"executeExpression(ele._disabled)\" \r\n                :data-source=\"ele.optionList\" \r\n                v-decorator=\"[ele.name, { rules: ele.rules }]\" \r\n                style=\"width:100%;\">\r\n              </ele-radio>\r\n            </a-form-item>\r\n          </template>\r\n        </a-col>\r\n      </a-row>\r\n    </a-form>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport EleSelect from '../../select/src/index.vue'\r\nimport EleInput from '../../input/src/index.vue'\r\nimport EleTextarea from '../../textarea/src/index.vue'\r\nimport EleUpload from '../../upload/src/index.vue'\r\nimport EleSelectEntity from '../../select-entity/src/index.vue'\r\nimport EleInputNumber from '../../input-number/src/index.vue'\r\nimport EleCheckbox from '../../checkbox/src/index.vue'\r\nimport EleRadio from '../../radio/src/index.vue'\r\nimport { parse } from '@idooel/expression'\r\nimport { type } from '@idooel/shared'\r\nexport default {\r\n  name: 'ele-form',\r\n  components: {\r\n    EleSelect,\r\n    EleInput,\r\n    EleTextarea,\r\n    EleUpload,\r\n    EleSelectEntity,\r\n    EleInputNumber,\r\n    EleCheckbox,\r\n    EleRadio\r\n  },\r\n  props: {\r\n    disabled: {\r\n      type: [Boolean, String],\r\n      default: '_routeMeta.disabled'\r\n    },\r\n    formName: {\r\n      type: [Number, String],\r\n      default: 'coordinated'\r\n    },\r\n    elements: {\r\n      type: Array,\r\n      default: () => []\r\n    }\r\n  },\r\n  data () {\r\n    return {}\r\n  },\r\n  computed: {\r\n    globalDisabled () {\r\n      return this.executeExpression(this.disabled)\r\n    },\r\n    form () {\r\n      return this.$form.createForm(this, { name: this.formName })\r\n    },\r\n    exposedMethods () {\r\n      return {\r\n        setFieldsValue: this.setFieldsValue,\r\n        getFieldsValue: this.getFieldsValue\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    evalDisabledExpression () {\r\n      this.elements.forEach(ele => {\r\n        if (this.globalDisabled) return this.$set(ele, '_disabled', true)\r\n        const { disabled } = ele\r\n        const ret = this.executeExpression(disabled)\r\n        this.$set(ele, '_disabled', ret)\r\n      })\r\n    },\r\n    executeExpression (expression) {\r\n      if (type.isBool(expression)) return expression\r\n      if (type.isEmpty(expression)) return false\r\n      return parse(expression, { ...this.getFieldsValue(), _route: this.$route.query, _routeMeta: this.$route.meta })\r\n    },\r\n    onChange (value, props) {\r\n      const { name } = props\r\n      this.setFieldsValue({ [name]: value })\r\n      this.evalDisabledExpression()\r\n      this.$emit('change', { value, props, exposed: { ...this.exposedMethods } })\r\n    },\r\n    collectDefaultValues () {\r\n      const ret = this.elements.reduce((ret, props) => {\r\n        const { name, defaultValue } = props\r\n        if (defaultValue) {\r\n          ret[name] = defaultValue\r\n        }\r\n        return ret\r\n      }, {})\r\n      return ret\r\n    },\r\n    setDefaultValues () {\r\n      const defaultValues = this.collectDefaultValues()\r\n      this.setFieldsValue(defaultValues)\r\n    },\r\n    validateFields () {\r\n      let ret = false\r\n      this.form.validateFields((error, values) => {\r\n        ret = !error\r\n      })\r\n      return ret\r\n    },\r\n    setFieldsValue (props = {}) {\r\n      this.form.setFieldsValue(props)\r\n    },\r\n    getFieldsValue () {\r\n      return this.form.getFieldsValue()\r\n    }\r\n  },\r\n  mounted() {\r\n    this.setDefaultValues()\r\n    this.evalDisabledExpression()\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ele__form--wrapper {\r\n  background: #fff;\r\n  .ant-form-item {\r\n  }\r\n}\r\n</style>",".ele__form--wrapper {\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$c = "data-v-5c2df4d3";
+  const __vue_scope_id__$c = "data-v-7dcee012";
   /* module identifier */
   const __vue_module_identifier__$c = undefined;
   /* functional template */
@@ -4162,6 +4172,12 @@ const BUILT_IN_EVENT_NAMES = {
   NEXT: 'next',
   PREVIOUS: 'previous'
 };
+const PAGE_STATUS = {
+  CREATE: 'create',
+  //TODO implement edit and view
+  EDIT: 'edit',
+  VIEW: 'view'
+};
 const RESERVE_EVENT_NAMES = {
   WATCH_FORM_STATUS: 'watch-form-status',
   INIT_FORM: 'init-form'
@@ -4225,6 +4241,9 @@ var script$b = {
     }
   },
   computed: {
+    routeMetaMode() {
+      return this.$route.meta.mode;
+    },
     readOnlyGroupMeta() {
       return this.groupMeta.call(this);
     },
@@ -4306,7 +4325,7 @@ var script$b = {
       });
     },
     async infoRequestTrigger() {
-      if (!this.infoRequest) return;
+      if (!this.infoRequest || this.routeMetaMode == PAGE_STATUS.CREATE) return;
       const {
         url,
         requestType,
@@ -4369,7 +4388,9 @@ var script$b = {
         this.innerGroupMeta.push(form);
       });
       const formGroupValues = data[this.fieldName];
-      this.setFieldsValue(formGroupValues);
+      this.$nextTick(() => {
+        this.setFieldsValue(formGroupValues);
+      });
     },
     async submitRequestTrigger(props = {}) {
       const {
@@ -4564,11 +4585,11 @@ __vue_render__$b._withStripped = true;
   /* style */
   const __vue_inject_styles__$b = function (inject) {
     if (!inject) return
-    inject("data-v-e56f039c_0", { source: ".ele.form-group-model__wrapper[data-v-e56f039c] {\n  background: unset;\n  padding-bottom: 80px;\n}\n.ele.form-group-model__wrapper .form-group-model__from[data-v-e56f039c] {\n  background: #fff;\n  margin-top: 16px;\n}\n.ele.form-group-model__wrapper .form-group-model__from[data-v-e56f039c]:first-child {\n  margin-top: unset;\n}\n.ele.form-group-model__wrapper .form-group-model__from .form-group-model__form--title[data-v-e56f039c] {\n  width: 100%;\n  height: 56px;\n  padding: 0 16px;\n  border-bottom: 1px solid;\n  border-color: var(--idooel-form-title-border-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.ele.form-group-model__wrapper .form-group-model__from .form-group-model__form--content[data-v-e56f039c] {\n  padding: 16px;\n}\n.ele.form-group-model__wrapper .form-group-model__form--footer[data-v-e56f039c] {\n  width: 100%;\n  height: 64px;\n  background: #fff;\n  position: fixed;\n  bottom: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/form-group-model/src/index.vue","index.vue"],"names":[],"mappings":"AA4OA;EACA,iBAAA;EACA,oBAAA;AC3OA;AD4OA;EACA,gBAAA;EACA,gBAAA;AC1OA;AD2OA;EACA,iBAAA;ACzOA;AD2OA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,wBAAA;EACA,mDAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;ACzOA;AD2OA;EACA,aAAA;ACzOA;AD4OA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,eAAA;EACA,SAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;AC1OA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"ele form-group-model__wrapper\">\n    <template v-for=\"(group, idx) in innerGroupMeta\">\n      <div \n        class=\"form-group-model__from\"\n        v-if=\"!group.isGenTpl\"\n        :key=\"group.key || idx\">\n        <div class=\"form-group-model__form--title\">\n          <div>{{ group.title }}</div>\n          <div class=\"form-group-model__form--buttons\">\n            <ele-button-group v-if=\"group.buttonGroupMeta\" v-on=\"assignAttrForEvents\" @delete=\"handleClickDelete($event, group, idx)\" :data-source=\"group.buttonGroupMeta.elements.call(this)\"></ele-button-group>\n          </div>\n        </div>\n        <div class=\"form-group-model__form--content\">\n          <ele-form @change=\"onChangeFormStatus($event, group.key || idx)\" :form-name=\"group.key || idx\" :ref=\"group.key || `${formRefBase}__${idx}`\" :elements=\"group.elements\"></ele-form>\n        </div>\n      </div>\n    </template>\n    <div v-if=\"showFooterMeta\" class=\"form-group-model__form--footer\">\n      <ele-button-group v-on=\"assignAttrForEvents\" :data-source=\"footerElements\"></ele-button-group>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Form from '../../form/src/index.vue'\nimport { BUILT_IN_EVENT_NAMES, RESERVE_EVENT_NAMES, parseFieldMap } from '../../utils'\nimport { v4 as uuidv4 } from 'uuid'\nimport { type, net } from '@idooel/shared'\nimport EleButtonGroup from '../../composite-components/button-group/src/index.vue'\nexport default {\n  name: 'ele-form-group-model',\n  components: {\n    [Form.name]: Form,\n    [EleButtonGroup.name]: EleButtonGroup\n  },\n  props: {\n    mode: {\n      type: String\n    },\n    fieldName: {\n      type: String,\n      default: 'formGroup'\n    },\n    groupMeta: {\n      type: Function,\n      default: () => []\n    },\n    footerMeta: {\n      type: Object,\n      default: () => {}\n    },\n    preRequest: {\n      type: Object,\n      default: () => {}\n    },\n    infoRequest: {\n      type: Object,\n      default: () => {}\n    },\n    submitRequest: {\n      type: Object,\n      default: () => {}\n    }\n  },\n  data () {\n    return {\n      increaseCount: 1,\n      innerGroupMeta: []\n    }\n  },\n  watch: {\n    readOnlyGroupMeta: {\n      handler (meta) {\n        this.innerGroupMeta = meta\n      },\n      immediate: true\n    }\n  },\n  computed: {\n    readOnlyGroupMeta () {\n      return this.groupMeta.call(this)\n    },\n    showFooterMeta () {\n      return !type.isEmpty(this.footerMeta)\n    },\n    formRefBase () {\n      return uuidv4()\n    },\n    footerElements () {\n      const { elements } = this.footerMeta\n      return elements.call(this)\n    },\n    assignAttrForEvents () {\n      const events = this.footerElements.reduce((ret, ele) => {\n        ret[ele.eventName] = (e) => {\n          this.$emit(ele.eventName || 'click', { ...e })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.SUBMIT]: this[BUILT_IN_EVENT_NAMES.SUBMIT],\n        [BUILT_IN_EVENT_NAMES.CANCEL]: this[BUILT_IN_EVENT_NAMES.CANCEL],\n        [BUILT_IN_EVENT_NAMES.INCREASE]: this[BUILT_IN_EVENT_NAMES.INCREASE]\n      }\n    },\n    getFormRefs () {\n      return this.innerGroupMeta.map((group, idx) => {\n        if (!group.isGenTpl) {\n          return this.$refs[group.key || `${this.formRefBase}__${idx}`]\n        }\n        return void 0\n      }).filter(item => !!item).flat()\n    },\n    formModels () {\n      if (this.mode === 'increase') {\n        //TODO increase mode to return formModels\n        return this.getFormRefs.map(form => {\n          return form.getFieldsValue()\n        })\n      } else {\n        return this.getFormRefs.map(form => {\n          const { $vnode: { data: { ref } } } = form\n          return {\n            key: ref,\n            value: form.getFieldsValue()\n          }\n        }).reduce((ret, props) => {\n          ret[props.key] = props.value\n          return ret\n        }, {})\n      }\n    }\n  },\n  methods: {\n    execFieldMap (fieldMap = {}, dataSource = {}) {\n      const ret = parseFieldMap(fieldMap, { _route: this.$route.query, ...dataSource})\n      return ret\n    },\n    onChangeFormStatus (props, key) {\n      this.$emit(RESERVE_EVENT_NAMES.WATCH_FORM_STATUS, { key, ...props })\n    },\n    async infoRequestTrigger () {\n      if (!this.infoRequest) return\n      const { url, requestType, params = {}, fieldMap = {}, headers = {} } = this.infoRequest\n      if (!url) return\n      net[requestType.toLowerCase()](url, { ...params, ...this.execFieldMap(fieldMap) }, { ...headers }).then(resp => {\n        const { data = {} } = resp\n        if (this.mode === 'increase') {\n          this.renderIncreaseForm(data)\n        }\n        this.$emit(RESERVE_EVENT_NAMES.INIT_FORM, { ...data })\n      })\n    },\n    async preRequestTrigger () {\n      if (!this.preRequest) return\n      const { url, requestType = 'GET', params = {}, fieldMap = {}, headers = {} } = this.preRequest\n      if (!url) return\n      net[requestType.toLowerCase()](url, { ...params, ...fieldMap }, { ...headers }).then(resp => {\n        const { data = {} } = resp\n        if (this.mode === 'increase') {\n          this.renderIncreaseForm(data)\n        }\n        this.$emit(RESERVE_EVENT_NAMES.INIT_FORM, { ...data })\n      })\n    },\n    renderIncreaseForm (data = {}) {\n      const formGroupValuesLength = data[this.fieldName].length\n      const genTplTarget = this.readOnlyGroupMeta.find(item => item.isGenTpl)\n      const notGenTplPoolLength = this.readOnlyGroupMeta.filter(item => !item.isGenTpl).length\n      const genNum = formGroupValuesLength - notGenTplPoolLength\n      new Array(genNum).fill().forEach(() => {\n        const form = this.genForm(genTplTarget)\n        this.innerGroupMeta.push(form)\n      })\n      const formGroupValues = data[this.fieldName]\n      this.setFieldsValue(formGroupValues)\n    },\n    async submitRequestTrigger (props = {}) {\n      const { url, requestType, headers = {}, params = {}, fieldMap = {} } = this.submitRequest\n      if (!url) return\n      const ret = await net[requestType.toLowerCase()](url, { ...params, ...this.execFieldMap(fieldMap, { ...this.formModels }), [this.fieldName]: this.formModels }, { headers }).then(resp => {\n        this.$emit(BUILT_IN_EVENT_NAMES.SUBMIT, { ...props, formModel: { ...this.formModels, ...resp.data || {} } })\n        return resp.data\n      })\n      return ret\n    },\n    setFieldsValue (data = []) {\n      this.getFormRefs.forEach((form, idx) => {\n        form.setFieldsValue(data[idx])\n      })\n    },\n    [BUILT_IN_EVENT_NAMES.SUBMIT] (props = {}) {\n      const status = this.getFormRefs.map(form => {\n        const status = form.validateFields()\n        return status\n      }).every(item => item)\n      if (status) {\n        return this.submitRequestTrigger(props)\n      } else {\n        return false\n      }\n    },\n    [BUILT_IN_EVENT_NAMES.CANCEL] (props = {}) {\n      this.$emit(BUILT_IN_EVENT_NAMES.CANCEL, { ...props })\n    },\n    genForm (base) {\n      const { elements, title, buttonGroupMeta } = base\n      return {\n        elements: JSON.parse(JSON.stringify(elements)),\n        buttonGroupMeta,\n        title: `${title}${this.increaseCount++}`,\n        _gen: true\n      }\n    },\n    handleClickDelete (props = {}, attr = {}, idx) {\n      this.innerGroupMeta.splice(idx, 1)\n      this.$emit(BUILT_IN_EVENT_NAMES.DELETE, { ...props })\n    },\n    [BUILT_IN_EVENT_NAMES.INCREASE] (props) {\n      const genTplTarget = this.readOnlyGroupMeta.find(item => item.isGenTpl)\n      const form = this.genForm(genTplTarget)\n      this.innerGroupMeta.push(form)\n    }\n  },\n  async mounted() {\n    await this.preRequestTrigger()\n    await this.infoRequestTrigger()\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ele {\n  &.form-group-model__wrapper {\n    background: unset;\n    padding-bottom: 80px;\n    .form-group-model__from {\n      background: #fff;\n      margin-top: 16px;\n      &:first-child {\n        margin-top: unset;\n      }\n      .form-group-model__form--title {\n        width: 100%;\n        height: 56px;\n        padding: 0 16px;\n        border-bottom: 1px solid;\n        border-color: var(--idooel-form-title-border-color);\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n      }\n      .form-group-model__form--content {\n        padding: 16px;\n      }\n    }\n    .form-group-model__form--footer {\n      width: 100%;\n      height: 64px;\n      background: #fff;\n      position: fixed;\n      bottom: 0;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: end;\n    }\n  }\n}\n</style>",".ele.form-group-model__wrapper {\n  background: unset;\n  padding-bottom: 80px;\n}\n.ele.form-group-model__wrapper .form-group-model__from {\n  background: #fff;\n  margin-top: 16px;\n}\n.ele.form-group-model__wrapper .form-group-model__from:first-child {\n  margin-top: unset;\n}\n.ele.form-group-model__wrapper .form-group-model__from .form-group-model__form--title {\n  width: 100%;\n  height: 56px;\n  padding: 0 16px;\n  border-bottom: 1px solid;\n  border-color: var(--idooel-form-title-border-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.ele.form-group-model__wrapper .form-group-model__from .form-group-model__form--content {\n  padding: 16px;\n}\n.ele.form-group-model__wrapper .form-group-model__form--footer {\n  width: 100%;\n  height: 64px;\n  background: #fff;\n  position: fixed;\n  bottom: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-ab264274_0", { source: ".ele.form-group-model__wrapper[data-v-ab264274] {\n  background: unset;\n  padding-bottom: 80px;\n}\n.ele.form-group-model__wrapper .form-group-model__from[data-v-ab264274] {\n  background: #fff;\n  margin-top: 16px;\n}\n.ele.form-group-model__wrapper .form-group-model__from[data-v-ab264274]:first-child {\n  margin-top: unset;\n}\n.ele.form-group-model__wrapper .form-group-model__from .form-group-model__form--title[data-v-ab264274] {\n  width: 100%;\n  height: 56px;\n  padding: 0 16px;\n  border-bottom: 1px solid;\n  border-color: var(--idooel-form-title-border-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.ele.form-group-model__wrapper .form-group-model__from .form-group-model__form--content[data-v-ab264274] {\n  padding: 16px;\n}\n.ele.form-group-model__wrapper .form-group-model__form--footer[data-v-ab264274] {\n  width: 100%;\n  height: 64px;\n  background: #fff;\n  position: fixed;\n  bottom: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\form-group-model\\src\\index.vue","index.vue"],"names":[],"mappings":"AAiPA;EACA,iBAAA;EACA,oBAAA;AChPA;ADiPA;EACA,gBAAA;EACA,gBAAA;AC/OA;ADgPA;EACA,iBAAA;AC9OA;ADgPA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,wBAAA;EACA,mDAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;AC9OA;ADgPA;EACA,aAAA;AC9OA;ADiPA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,eAAA;EACA,SAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;AC/OA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"ele form-group-model__wrapper\">\r\n    <template v-for=\"(group, idx) in innerGroupMeta\">\r\n      <div \r\n        class=\"form-group-model__from\"\r\n        v-if=\"!group.isGenTpl\"\r\n        :key=\"group.key || idx\">\r\n        <div class=\"form-group-model__form--title\">\r\n          <div>{{ group.title }}</div>\r\n          <div class=\"form-group-model__form--buttons\">\r\n            <ele-button-group v-if=\"group.buttonGroupMeta\" v-on=\"assignAttrForEvents\" @delete=\"handleClickDelete($event, group, idx)\" :data-source=\"group.buttonGroupMeta.elements.call(this)\"></ele-button-group>\r\n          </div>\r\n        </div>\r\n        <div class=\"form-group-model__form--content\">\r\n          <ele-form @change=\"onChangeFormStatus($event, group.key || idx)\" :form-name=\"group.key || idx\" :ref=\"group.key || `${formRefBase}__${idx}`\" :elements=\"group.elements\"></ele-form>\r\n        </div>\r\n      </div>\r\n    </template>\r\n    <div v-if=\"showFooterMeta\" class=\"form-group-model__form--footer\">\r\n      <ele-button-group v-on=\"assignAttrForEvents\" :data-source=\"footerElements\"></ele-button-group>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Form from '../../form/src/index.vue'\r\nimport { BUILT_IN_EVENT_NAMES, RESERVE_EVENT_NAMES, parseFieldMap, PAGE_STATUS } from '../../utils'\r\nimport { v4 as uuidv4 } from 'uuid'\r\nimport { type, net } from '@idooel/shared'\r\nimport EleButtonGroup from '../../composite-components/button-group/src/index.vue'\r\nexport default {\r\n  name: 'ele-form-group-model',\r\n  components: {\r\n    [Form.name]: Form,\r\n    [EleButtonGroup.name]: EleButtonGroup\r\n  },\r\n  props: {\r\n    mode: {\r\n      type: String\r\n    },\r\n    fieldName: {\r\n      type: String,\r\n      default: 'formGroup'\r\n    },\r\n    groupMeta: {\r\n      type: Function,\r\n      default: () => []\r\n    },\r\n    footerMeta: {\r\n      type: Object,\r\n      default: () => {}\r\n    },\r\n    preRequest: {\r\n      type: Object,\r\n      default: () => {}\r\n    },\r\n    infoRequest: {\r\n      type: Object,\r\n      default: () => {}\r\n    },\r\n    submitRequest: {\r\n      type: Object,\r\n      default: () => {}\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      increaseCount: 1,\r\n      innerGroupMeta: []\r\n    }\r\n  },\r\n  watch: {\r\n    readOnlyGroupMeta: {\r\n      handler (meta) {\r\n        this.innerGroupMeta = meta\r\n      },\r\n      immediate: true\r\n    }\r\n  },\r\n  computed: {\r\n    routeMetaMode () {\r\n      return this.$route.meta.mode\r\n    },\r\n    readOnlyGroupMeta () {\r\n      return this.groupMeta.call(this)\r\n    },\r\n    showFooterMeta () {\r\n      return !type.isEmpty(this.footerMeta)\r\n    },\r\n    formRefBase () {\r\n      return uuidv4()\r\n    },\r\n    footerElements () {\r\n      const { elements } = this.footerMeta\r\n      return elements.call(this)\r\n    },\r\n    assignAttrForEvents () {\r\n      const events = this.footerElements.reduce((ret, ele) => {\r\n        ret[ele.eventName] = (e) => {\r\n          this.$emit(ele.eventName || 'click', { ...e })\r\n        }\r\n        return ret\r\n      }, {})\r\n      return {\r\n        ...this.$listeners,\r\n        ...events,\r\n        [BUILT_IN_EVENT_NAMES.SUBMIT]: this[BUILT_IN_EVENT_NAMES.SUBMIT],\r\n        [BUILT_IN_EVENT_NAMES.CANCEL]: this[BUILT_IN_EVENT_NAMES.CANCEL],\r\n        [BUILT_IN_EVENT_NAMES.INCREASE]: this[BUILT_IN_EVENT_NAMES.INCREASE]\r\n      }\r\n    },\r\n    getFormRefs () {\r\n      return this.innerGroupMeta.map((group, idx) => {\r\n        if (!group.isGenTpl) {\r\n          return this.$refs[group.key || `${this.formRefBase}__${idx}`]\r\n        }\r\n        return void 0\r\n      }).filter(item => !!item).flat()\r\n    },\r\n    formModels () {\r\n      if (this.mode === 'increase') {\r\n        //TODO increase mode to return formModels\r\n        return this.getFormRefs.map(form => {\r\n          return form.getFieldsValue()\r\n        })\r\n      } else {\r\n        return this.getFormRefs.map(form => {\r\n          const { $vnode: { data: { ref } } } = form\r\n          return {\r\n            key: ref,\r\n            value: form.getFieldsValue()\r\n          }\r\n        }).reduce((ret, props) => {\r\n          ret[props.key] = props.value\r\n          return ret\r\n        }, {})\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    execFieldMap (fieldMap = {}, dataSource = {}) {\r\n      const ret = parseFieldMap(fieldMap, { _route: this.$route.query, ...dataSource})\r\n      return ret\r\n    },\r\n    onChangeFormStatus (props, key) {\r\n      this.$emit(RESERVE_EVENT_NAMES.WATCH_FORM_STATUS, { key, ...props })\r\n    },\r\n    async infoRequestTrigger () {\r\n      if (!this.infoRequest || this.routeMetaMode == PAGE_STATUS.CREATE) return\r\n      const { url, requestType, params = {}, fieldMap = {}, headers = {} } = this.infoRequest\r\n      if (!url) return\r\n      net[requestType.toLowerCase()](url, { ...params, ...this.execFieldMap(fieldMap) }, { ...headers }).then(resp => {\r\n        const { data = {} } = resp\r\n        if (this.mode === 'increase') {\r\n          this.renderIncreaseForm(data)\r\n        }\r\n        this.$emit(RESERVE_EVENT_NAMES.INIT_FORM, { ...data })\r\n      })\r\n    },\r\n    async preRequestTrigger () {\r\n      if (!this.preRequest) return\r\n      const { url, requestType = 'GET', params = {}, fieldMap = {}, headers = {} } = this.preRequest\r\n      if (!url) return\r\n      net[requestType.toLowerCase()](url, { ...params, ...fieldMap }, { ...headers }).then(resp => {\r\n        const { data = {} } = resp\r\n        if (this.mode === 'increase') {\r\n          this.renderIncreaseForm(data)\r\n        }\r\n        this.$emit(RESERVE_EVENT_NAMES.INIT_FORM, { ...data })\r\n      })\r\n    },\r\n    renderIncreaseForm (data = {}) {\r\n      const formGroupValuesLength = data[this.fieldName].length\r\n      const genTplTarget = this.readOnlyGroupMeta.find(item => item.isGenTpl)\r\n      const notGenTplPoolLength = this.readOnlyGroupMeta.filter(item => !item.isGenTpl).length\r\n      const genNum = formGroupValuesLength - notGenTplPoolLength\r\n      new Array(genNum).fill().forEach(() => {\r\n        const form = this.genForm(genTplTarget)\r\n        this.innerGroupMeta.push(form)\r\n      })\r\n      const formGroupValues = data[this.fieldName]\r\n      this.$nextTick(() => {\r\n        this.setFieldsValue(formGroupValues)\r\n      })\r\n    },\r\n    async submitRequestTrigger (props = {}) {\r\n      const { url, requestType, headers = {}, params = {}, fieldMap = {} } = this.submitRequest\r\n      if (!url) return\r\n      const ret = await net[requestType.toLowerCase()](url, { ...params, ...this.execFieldMap(fieldMap, { ...this.formModels }), [this.fieldName]: this.formModels }, { headers }).then(resp => {\r\n        this.$emit(BUILT_IN_EVENT_NAMES.SUBMIT, { ...props, formModel: { ...this.formModels, ...resp.data || {} } })\r\n        return resp.data\r\n      })\r\n      return ret\r\n    },\r\n    setFieldsValue (data = []) {\r\n      this.getFormRefs.forEach((form, idx) => {\r\n        form.setFieldsValue(data[idx])\r\n      })\r\n    },\r\n    [BUILT_IN_EVENT_NAMES.SUBMIT] (props = {}) {\r\n      const status = this.getFormRefs.map(form => {\r\n        const status = form.validateFields()\r\n        return status\r\n      }).every(item => item)\r\n      if (status) {\r\n        return this.submitRequestTrigger(props)\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    [BUILT_IN_EVENT_NAMES.CANCEL] (props = {}) {\r\n      this.$emit(BUILT_IN_EVENT_NAMES.CANCEL, { ...props })\r\n    },\r\n    genForm (base) {\r\n      const { elements, title, buttonGroupMeta } = base\r\n      return {\r\n        elements: JSON.parse(JSON.stringify(elements)),\r\n        buttonGroupMeta,\r\n        title: `${title}${this.increaseCount++}`,\r\n        _gen: true\r\n      }\r\n    },\r\n    handleClickDelete (props = {}, attr = {}, idx) {\r\n      this.innerGroupMeta.splice(idx, 1)\r\n      this.$emit(BUILT_IN_EVENT_NAMES.DELETE, { ...props })\r\n    },\r\n    [BUILT_IN_EVENT_NAMES.INCREASE] (props) {\r\n      const genTplTarget = this.readOnlyGroupMeta.find(item => item.isGenTpl)\r\n      const form = this.genForm(genTplTarget)\r\n      this.innerGroupMeta.push(form)\r\n    }\r\n  },\r\n  async mounted() {\r\n    await this.preRequestTrigger()\r\n    await this.infoRequestTrigger()\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ele {\r\n  &.form-group-model__wrapper {\r\n    background: unset;\r\n    padding-bottom: 80px;\r\n    .form-group-model__from {\r\n      background: #fff;\r\n      margin-top: 16px;\r\n      &:first-child {\r\n        margin-top: unset;\r\n      }\r\n      .form-group-model__form--title {\r\n        width: 100%;\r\n        height: 56px;\r\n        padding: 0 16px;\r\n        border-bottom: 1px solid;\r\n        border-color: var(--idooel-form-title-border-color);\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n      }\r\n      .form-group-model__form--content {\r\n        padding: 16px;\r\n      }\r\n    }\r\n    .form-group-model__form--footer {\r\n      width: 100%;\r\n      height: 64px;\r\n      background: #fff;\r\n      position: fixed;\r\n      bottom: 0;\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      justify-content: end;\r\n    }\r\n  }\r\n}\r\n</style>",".ele.form-group-model__wrapper {\n  background: unset;\n  padding-bottom: 80px;\n}\n.ele.form-group-model__wrapper .form-group-model__from {\n  background: #fff;\n  margin-top: 16px;\n}\n.ele.form-group-model__wrapper .form-group-model__from:first-child {\n  margin-top: unset;\n}\n.ele.form-group-model__wrapper .form-group-model__from .form-group-model__form--title {\n  width: 100%;\n  height: 56px;\n  padding: 0 16px;\n  border-bottom: 1px solid;\n  border-color: var(--idooel-form-title-border-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.ele.form-group-model__wrapper .form-group-model__from .form-group-model__form--content {\n  padding: 16px;\n}\n.ele.form-group-model__wrapper .form-group-model__form--footer {\n  width: 100%;\n  height: 64px;\n  background: #fff;\n  position: fixed;\n  bottom: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$b = "data-v-e56f039c";
+  const __vue_scope_id__$b = "data-v-ab264274";
   /* module identifier */
   const __vue_module_identifier__$b = undefined;
   /* functional template */
@@ -4599,6 +4620,10 @@ var script$a = {
     EleButtonGroup: __vue_component__$l
   },
   props: {
+    disabled: {
+      type: [Boolean, String],
+      default: '_routeMeta.disabled'
+    },
     title: {
       type: String
     },
@@ -4613,6 +4638,9 @@ var script$a = {
     return {};
   },
   computed: {
+    globalDisabled() {
+      return this.executeExpression(this.disabled);
+    },
     formRef() {
       return v4();
     },
@@ -4621,7 +4649,7 @@ var script$a = {
         ret[ele.eventName] = e => {
           this.$emit(ele.eventName || 'click', {
             ...e,
-            formModel: this.formModels
+            formModel: this.formModels()
           });
         };
         return ret;
@@ -4663,11 +4691,29 @@ var script$a = {
       } = this.footerMeta;
       return elements.call(this);
     },
-    formModels() {
-      return this.$refs[this.formRef].getFieldsValue();
+    expressionData() {
+      return {
+        _route: this.$route.query,
+        _routeMeta: this.$route.meta
+      };
+    },
+    routeMetaMode() {
+      return this.$route.meta.mode;
     }
   },
   methods: {
+    formModels() {
+      return this.$refs[this.formRef] ? this.$refs[this.formRef].getFieldsValue() : {};
+    },
+    executeExpression(expression, dataSource = {}) {
+      if (type.isBool(expression)) return expression;
+      if (type.isEmpty(expression)) return false;
+      return parse(expression, {
+        ...this.expressionData,
+        ...this.formModels(),
+        ...dataSource
+      });
+    },
     execFieldMap(fieldMap = {}, dataSource = {}) {
       const ret = parseFieldMap(fieldMap, {
         _route: this.$route.query,
@@ -4687,9 +4733,9 @@ var script$a = {
       const ret = await net[requestType.toLowerCase()](url, {
         ...params,
         ...this.execFieldMap(fieldMap, {
-          ...this.formModels
+          ...this.formModels()
         }),
-        ...this.formModels
+        ...this.formModels()
       }, {
         headers
       }).then(resp => {
@@ -4697,7 +4743,7 @@ var script$a = {
         this.$emit(BUILT_IN_EVENT_NAMES.SUBMIT, {
           ...props,
           formModel: {
-            ...this.formModels,
+            ...this.formModels(),
             ...(resp.data || {})
           }
         });
@@ -4706,6 +4752,7 @@ var script$a = {
       return ret;
     },
     async infoRequestTrigger() {
+      if (PAGE_STATUS.CREATE == this.routeMetaMode) return;
       const {
         url,
         requestType,
@@ -4757,6 +4804,7 @@ var script$a = {
       return this.$refs[this.formRef].validateFields();
     },
     [BUILT_IN_EVENT_NAMES.SUBMIT](props = {}) {
+      if (this.globalDisabled) return;
       const status = this.$refs[this.formRef].validateFields();
       if (status) {
         //TODO fieldMap
@@ -4795,7 +4843,12 @@ var __vue_render__$a = function () {
     _c(
       "div",
       { staticClass: "form-model__content" },
-      [_c("ele-form", { ref: _vm.formRef, attrs: { elements: _vm.elements } })],
+      [
+        _c("ele-form", {
+          ref: _vm.formRef,
+          attrs: { elements: _vm.elements, disabled: _vm.globalDisabled },
+        }),
+      ],
       1
     ),
     _vm._v(" "),
@@ -4823,11 +4876,11 @@ __vue_render__$a._withStripped = true;
   /* style */
   const __vue_inject_styles__$a = function (inject) {
     if (!inject) return
-    inject("data-v-681ef9d8_0", { source: ".form__model--wrapper[data-v-681ef9d8] {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background: #fff;\n}\n.form__model--wrapper .form-model__title[data-v-681ef9d8] {\n  height: 56px;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border-bottom: 1px solid var(--idooel-form-title-border-color);\n}\n.form__model--wrapper .form-model__content[data-v-681ef9d8] {\n  padding: 16px;\n}\n.form__model--wrapper .form-model__footer[data-v-681ef9d8] {\n  /* width: 100%; */\n  height: 64px;\n  position: fixed;\n  bottom: 0;\n  display: flex;\n  float: right;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/form-model/src/index.vue","index.vue"],"names":[],"mappings":"AAyIA;EACA,WAAA;EACA,YAAA;EACA,cAAA;EACA,gBAAA;ACxIA;ADyIA;EACA,YAAA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8DAAA;ACvIA;ADyIA;EACA,aAAA;ACvIA;ADyIA;EACA,iBAAA;EACA,YAAA;EACA,eAAA;EACA,SAAA;EACA,aAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;ACvIA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"form__model--wrapper\">\n    <div class=\"form-model__title\" v-if=\"title\">\n      {{ title }}\n    </div>\n    <div class=\"form-model__content\">\n      <ele-form :ref=\"formRef\" :elements=\"elements\"></ele-form>\n    </div>\n    <div class=\"form-model__footer\" v-if=\"footerMeta\">\n      <ele-button-group v-on=\"assignAttrForEvents\" :data-source=\"footerElements\"></ele-button-group>\n    </div>\n  </div>\n</template>\n\n<script>\nimport EleButtonGroup from '../../composite-components/button-group/src/index.vue'\nimport { BUILT_IN_EVENT_NAMES, parseFieldMap, RESERVE_EVENT_NAMES } from '../../utils'\nimport { v4 as uuidv4 } from 'uuid'\nimport { net } from '@idooel/shared'\nexport default {\n  name: 'ele-form-model',\n  components: {\n    EleButtonGroup\n  },\n  props: {\n    title: {\n      type: String\n    },\n    formMeta: {\n      type: Object\n    },\n    footerMeta: {\n      type: Object\n    }\n  },\n  data() {\n    return {}\n  },\n  computed: {\n    formRef () {\n      return uuidv4()\n    },\n    assignAttrForEvents () {\n      const events = this.footerElements.reduce((ret, ele) => {\n        ret[ele.eventName] = (e) => {\n          this.$emit(ele.eventName || 'click', { ...e, formModel: this.formModels })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.SUBMIT]: this[BUILT_IN_EVENT_NAMES.SUBMIT],\n        [BUILT_IN_EVENT_NAMES.CANCEL]: this[BUILT_IN_EVENT_NAMES.CANCEL]\n      }\n    },\n    elements () {\n      const { elements } = this.formMeta\n      return elements\n    },\n    preRequest () {\n      const { preRequest } = this.formMeta\n      return preRequest\n    },\n    infoRequest () {\n      const { infoRequest } = this.formMeta\n      return infoRequest\n    },\n    submitRequest () {\n      const { submitRequest } = this.formMeta\n      return submitRequest\n    },\n    footerElements () {\n      const { elements } = this.footerMeta\n      return elements.call(this)\n    },\n    formModels () {\n      return this.$refs[this.formRef].getFieldsValue()\n    }\n  },\n  methods: {\n    execFieldMap (fieldMap = {}, dataSource = {}) {\n      const ret = parseFieldMap(fieldMap, { _route: this.$route.query, ...dataSource})\n      return ret\n    },\n    async submitRequestTrigger (props = {}) {\n      const { url, requestType, headers = {}, params = {}, fieldMap = {} } = this.submitRequest\n      if (!url) return\n      const ret = await net[requestType.toLowerCase()](url, { ...params, ...this.execFieldMap(fieldMap, { ...this.formModels }), ...this.formModels }, { headers }).then(resp => {\n        console.log(resp.data)\n        this.$emit(BUILT_IN_EVENT_NAMES.SUBMIT, { ...props, formModel: { ...this.formModels, ...resp.data || {} } })\n        return resp.data\n      })\n      return ret\n    },\n    async infoRequestTrigger () {\n      const { url, requestType, params = {}, fieldMap = {}, headers = {} } = this.infoRequest\n      if (!url) return\n      net[requestType.toLowerCase()](url, { ...params, ...this.execFieldMap(fieldMap) }, { ...headers }).then(resp => {\n        const { data = {} } = resp\n        this.setFieldsValue(data)\n        this.$emit(RESERVE_EVENT_NAMES.INIT_FORM, { ...data })\n      })\n    },\n    async preRequestTrigger () {\n      const { url, requestType = 'GET', params = {}, fieldMap = {}, headers = {} } = this.preRequest\n      if (!url) return\n      const { data } = await net[requestType.toLowerCase()](url, { ...params, ...fieldMap }, { ...headers })\n      this.$emit(RESERVE_EVENT_NAMES.INIT_FORM, { ...data })\n    },\n    setFieldsValue (props) {\n      this.$refs[this.formRef].setFieldsValue(props)\n    },\n    validateFields () {\n      return this.$refs[this.formRef].validateFields()\n    },\n    [BUILT_IN_EVENT_NAMES.SUBMIT] (props = {}) {\n      const status = this.$refs[this.formRef].validateFields()\n      if (status) {\n        //TODO fieldMap\n        return this.submitRequestTrigger(props)\n      } else {\n        return false\n      }\n    },\n    [BUILT_IN_EVENT_NAMES.CANCEL] (props = {}) {\n      this.$emit(BUILT_IN_EVENT_NAMES.CANCEL, { ...props })\n    }\n  },\n  async mounted() {\n    await this.preRequestTrigger()\n    await this.infoRequestTrigger()\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.form__model--wrapper {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background: #fff;\n  .form-model__title {\n    height: 56px;\n    padding: 0 16px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    border-bottom: 1px solid var(--idooel-form-title-border-color);\n  }\n  .form-model__content {\n    padding: 16px;\n  }\n  .form-model__footer {\n    /* width: 100%; */\n    height: 64px;\n    position: fixed;\n    bottom: 0;\n    display: flex;\n    float: right;\n    flex-direction: row;\n    align-items: center;\n    justify-content: end;\n  }\n}\n</style>",".form__model--wrapper {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background: #fff;\n}\n.form__model--wrapper .form-model__title {\n  height: 56px;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border-bottom: 1px solid var(--idooel-form-title-border-color);\n}\n.form__model--wrapper .form-model__content {\n  padding: 16px;\n}\n.form__model--wrapper .form-model__footer {\n  /* width: 100%; */\n  height: 64px;\n  position: fixed;\n  bottom: 0;\n  display: flex;\n  float: right;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-cf22dd60_0", { source: ".form__model--wrapper[data-v-cf22dd60] {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background: #fff;\n}\n.form__model--wrapper .form-model__title[data-v-cf22dd60] {\n  height: 56px;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border-bottom: 1px solid var(--idooel-form-title-border-color);\n}\n.form__model--wrapper .form-model__content[data-v-cf22dd60] {\n  padding: 16px;\n}\n.form__model--wrapper .form-model__footer[data-v-cf22dd60] {\n  /* width: 100%; */\n  height: 64px;\n  position: fixed;\n  bottom: 0;\n  display: flex;\n  float: right;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\form-model\\src\\index.vue","index.vue"],"names":[],"mappings":"AAiKA;EACA,WAAA;EACA,YAAA;EACA,cAAA;EACA,gBAAA;AChKA;ADiKA;EACA,YAAA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8DAAA;AC/JA;ADiKA;EACA,aAAA;AC/JA;ADiKA;EACA,iBAAA;EACA,YAAA;EACA,eAAA;EACA,SAAA;EACA,aAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;AC/JA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"form__model--wrapper\">\r\n    <div class=\"form-model__title\" v-if=\"title\">\r\n      {{ title }}\r\n    </div>\r\n    <div class=\"form-model__content\">\r\n      <ele-form :ref=\"formRef\" :elements=\"elements\" :disabled=\"globalDisabled\"></ele-form>\r\n    </div>\r\n    <div class=\"form-model__footer\" v-if=\"footerMeta\">\r\n      <ele-button-group v-on=\"assignAttrForEvents\" :data-source=\"footerElements\"></ele-button-group>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport EleButtonGroup from '../../composite-components/button-group/src/index.vue'\r\nimport { BUILT_IN_EVENT_NAMES, parseFieldMap, RESERVE_EVENT_NAMES, PAGE_STATUS } from '../../utils'\r\nimport { v4 as uuidv4 } from 'uuid'\r\nimport { net, type } from '@idooel/shared'\r\nimport { parse } from '@idooel/expression'\r\nexport default {\r\n  name: 'ele-form-model',\r\n  components: {\r\n    EleButtonGroup\r\n  },\r\n  props: {\r\n    disabled: {\r\n      type: [Boolean, String],\r\n      default: '_routeMeta.disabled'\r\n    },\r\n    title: {\r\n      type: String\r\n    },\r\n    formMeta: {\r\n      type: Object\r\n    },\r\n    footerMeta: {\r\n      type: Object\r\n    }\r\n  },\r\n  data() {\r\n    return {}\r\n  },\r\n  computed: {\r\n    globalDisabled () {\r\n      return this.executeExpression(this.disabled)\r\n    },\r\n    formRef () {\r\n      return uuidv4()\r\n    },\r\n    assignAttrForEvents () {\r\n      const events = this.footerElements.reduce((ret, ele) => {\r\n        ret[ele.eventName] = (e) => {\r\n          this.$emit(ele.eventName || 'click', { ...e, formModel: this.formModels() })\r\n        }\r\n        return ret\r\n      }, {})\r\n      return {\r\n        ...this.$listeners,\r\n        ...events,\r\n        [BUILT_IN_EVENT_NAMES.SUBMIT]: this[BUILT_IN_EVENT_NAMES.SUBMIT],\r\n        [BUILT_IN_EVENT_NAMES.CANCEL]: this[BUILT_IN_EVENT_NAMES.CANCEL]\r\n      }\r\n    },\r\n    elements () {\r\n      const { elements } = this.formMeta\r\n      return elements\r\n    },\r\n    preRequest () {\r\n      const { preRequest } = this.formMeta\r\n      return preRequest\r\n    },\r\n    infoRequest () {\r\n      const { infoRequest } = this.formMeta\r\n      return infoRequest\r\n    },\r\n    submitRequest () {\r\n      const { submitRequest } = this.formMeta\r\n      return submitRequest\r\n    },\r\n    footerElements () {\r\n      const { elements } = this.footerMeta\r\n      return elements.call(this)\r\n    },\r\n    expressionData () {\r\n      return {\r\n        _route: this.$route.query,\r\n        _routeMeta: this.$route.meta\r\n      }\r\n    },\r\n    routeMetaMode () {\r\n      return this.$route.meta.mode\r\n    }\r\n  },\r\n  methods: {\r\n    formModels () {\r\n      return this.$refs[this.formRef] ? this.$refs[this.formRef].getFieldsValue() : {}\r\n    },\r\n    executeExpression (expression, dataSource = {}) {\r\n      if (type.isBool(expression)) return expression\r\n      if (type.isEmpty(expression)) return false\r\n      return parse(expression, { ...this.expressionData, ...this.formModels(), ...dataSource })\r\n    },\r\n    execFieldMap (fieldMap = {}, dataSource = {}) {\r\n      const ret = parseFieldMap(fieldMap, { _route: this.$route.query, ...dataSource})\r\n      return ret\r\n    },\r\n    async submitRequestTrigger (props = {}) {\r\n      const { url, requestType, headers = {}, params = {}, fieldMap = {} } = this.submitRequest\r\n      if (!url) return\r\n      const ret = await net[requestType.toLowerCase()](url, { ...params, ...this.execFieldMap(fieldMap, { ...this.formModels() }), ...this.formModels() }, { headers }).then(resp => {\r\n        console.log(resp.data)\r\n        this.$emit(BUILT_IN_EVENT_NAMES.SUBMIT, { ...props, formModel: { ...this.formModels(), ...resp.data || {} } })\r\n        return resp.data\r\n      })\r\n      return ret\r\n    },\r\n    async infoRequestTrigger () {\r\n      if (PAGE_STATUS.CREATE == this.routeMetaMode) return\r\n      const { url, requestType, params = {}, fieldMap = {}, headers = {} } = this.infoRequest\r\n      if (!url) return\r\n      net[requestType.toLowerCase()](url, { ...params, ...this.execFieldMap(fieldMap) }, { ...headers }).then(resp => {\r\n        const { data = {} } = resp\r\n        this.setFieldsValue(data)\r\n        this.$emit(RESERVE_EVENT_NAMES.INIT_FORM, { ...data })\r\n      })\r\n    },\r\n    async preRequestTrigger () {\r\n      const { url, requestType = 'GET', params = {}, fieldMap = {}, headers = {} } = this.preRequest\r\n      if (!url) return\r\n      const { data } = await net[requestType.toLowerCase()](url, { ...params, ...fieldMap }, { ...headers })\r\n      this.$emit(RESERVE_EVENT_NAMES.INIT_FORM, { ...data })\r\n    },\r\n    setFieldsValue (props) {\r\n      this.$refs[this.formRef].setFieldsValue(props)\r\n    },\r\n    validateFields () {\r\n      return this.$refs[this.formRef].validateFields()\r\n    },\r\n    [BUILT_IN_EVENT_NAMES.SUBMIT] (props = {}) {\r\n      if (this.globalDisabled) return\r\n      const status = this.$refs[this.formRef].validateFields()\r\n      if (status) {\r\n        //TODO fieldMap\r\n        return this.submitRequestTrigger(props)\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n    [BUILT_IN_EVENT_NAMES.CANCEL] (props = {}) {\r\n      this.$emit(BUILT_IN_EVENT_NAMES.CANCEL, { ...props })\r\n    }\r\n  },\r\n  async mounted() {\r\n    await this.preRequestTrigger()\r\n    await this.infoRequestTrigger()\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.form__model--wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: auto;\r\n  background: #fff;\r\n  .form-model__title {\r\n    height: 56px;\r\n    padding: 0 16px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    border-bottom: 1px solid var(--idooel-form-title-border-color);\r\n  }\r\n  .form-model__content {\r\n    padding: 16px;\r\n  }\r\n  .form-model__footer {\r\n    /* width: 100%; */\r\n    height: 64px;\r\n    position: fixed;\r\n    bottom: 0;\r\n    display: flex;\r\n    float: right;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: end;\r\n  }\r\n}\r\n</style>",".form__model--wrapper {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background: #fff;\n}\n.form__model--wrapper .form-model__title {\n  height: 56px;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border-bottom: 1px solid var(--idooel-form-title-border-color);\n}\n.form__model--wrapper .form-model__content {\n  padding: 16px;\n}\n.form__model--wrapper .form-model__footer {\n  /* width: 100%; */\n  height: 64px;\n  position: fixed;\n  bottom: 0;\n  display: flex;\n  float: right;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$a = "data-v-681ef9d8";
+  const __vue_scope_id__$a = "data-v-cf22dd60";
   /* module identifier */
   const __vue_module_identifier__$a = undefined;
   /* functional template */
@@ -4875,10 +4928,14 @@ var script$9 = {
     };
   },
   computed: {
+    routeMetaDisabled() {
+      return this.executeMetaDisabledExpression(this.$route.meta.disabled);
+    },
     expressionData() {
       return {
         current: this.current,
-        _route: this.$route.query
+        _route: this.$route.query,
+        _routeMeta: this.$route.meta
       };
     },
     currentSlotName() {
@@ -4902,7 +4959,8 @@ var script$9 = {
         ...this.$listeners,
         ...events,
         [BUILT_IN_EVENT_NAMES.NEXT]: this[BUILT_IN_EVENT_NAMES.NEXT],
-        [BUILT_IN_EVENT_NAMES.PREVIOUS]: this[BUILT_IN_EVENT_NAMES.PREVIOUS]
+        [BUILT_IN_EVENT_NAMES.PREVIOUS]: this[BUILT_IN_EVENT_NAMES.PREVIOUS],
+        [BUILT_IN_EVENT_NAMES.SUBMIT]: this[BUILT_IN_EVENT_NAMES.SUBMIT]
       };
     },
     activeIndex() {
@@ -4955,11 +5013,25 @@ var script$9 = {
     this.evalShowExpressionForFooterElements();
   },
   methods: {
+    executeMetaDisabledExpression(expression) {
+      if (type.isBool(expression)) return expression;
+      if (type.isEmpty(expression)) return false;
+      return parse(expression, {
+        ...this.expressionData
+      });
+    },
     evalShowExpressionForFooterElements() {
       this.innerFooterElements = this.innerFooterElements.map(element => {
         const {
-          show
+          show,
+          key,
+          eventName
         } = element;
+        if (key == BUILT_IN_EVENT_NAMES.SUBMIT || eventName == BUILT_IN_EVENT_NAMES.SUBMIT) {
+          // built in submit button should according to the route meta disabled
+          this.$set(element, '_show', !this.routeMetaDisabled);
+          return element;
+        }
         show && this.$set(element, '_show', parse(show, this.expressionData));
         return element;
       });
@@ -5002,6 +5074,17 @@ var script$9 = {
           ...this.exposedMethods
         }
       });
+    },
+    [BUILT_IN_EVENT_NAMES.SUBMIT](props) {
+      const currentComponent = this.getCurrentSlotComponentRef() || {};
+      const hasSubmitMethod = currentComponent.hasOwnProperty(BUILT_IN_EVENT_NAMES.SUBMIT);
+      hasSubmitMethod && currentComponent[BUILT_IN_EVENT_NAMES.SUBMIT]();
+      this.$emit(BUILT_IN_EVENT_NAMES.SUBMIT, {
+        ...props,
+        exposed: {
+          ...this.exposedMethods
+        }
+      });
     }
   }
 };
@@ -5082,11 +5165,11 @@ __vue_render__$9._withStripped = true;
   /* style */
   const __vue_inject_styles__$9 = function (inject) {
     if (!inject) return
-    inject("data-v-f634c298_0", { source: ".ele-step-model__wrapper[data-v-f634c298] {\n  width: 100%;\n  height: 100vh;\n  position: relative;\n}\n.ele-step-model__wrapper .ele-step-model__step--wrapper[data-v-f634c298] {\n  width: 100%;\n  height: 64px;\n  padding: 16px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  background: #fff;\n}\n.ele-step-model__wrapper .ele-step-model__step--wrapper .ele-steps .ant-steps-item[data-v-f634c298] {\n  text-align: left;\n}\n.ele-step-model__wrapper .ele-step-model__content--wrapper[data-v-f634c298] {\n  width: 100%;\n  width: 100%;\n  margin-top: 16px;\n  margin-bottom: 16px;\n  height: calc(100vh - 64px - 64px - 16px - 16px);\n  overflow: auto;\n}\n.ele-step-model__wrapper .ele-step-model__footer--wrapper[data-v-f634c298] {\n  width: 100%;\n  height: 64px;\n  background: #fff;\n  position: absolute;\n  bottom: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/step-model/src/index.vue","index.vue"],"names":[],"mappings":"AA6JA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;AC5JA;AD6JA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,gBAAA;AC3JA;AD6JA;EACA,gBAAA;AC3JA;AD+JA;EACA,WAAA;EACA,WAAA;EACA,gBAAA;EACA,mBAAA;EACA,+CAAA;EACA,cAAA;AC7JA;AD+JA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,SAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;AC7JA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"ele-step-model__wrapper\">\n    <div class=\"ele-step-model__step--wrapper\">\n      <a-steps class=\"ele-steps\" :current=\"current\" size=\"small\">\n        <a-step v-for=\"step in elements\" :title=\"step.title\" :key=\"step.key\" />\n      </a-steps>\n    </div>\n    <div class=\"ele-step-model__content--wrapper\">\n      <template v-for=\"name in scopedSlotsNames\">\n        <div :key=\"name\" v-if=\"currentSlotName == name\" :class=\"['ele-step-model__slot', `ele-step-model__slot--${name}`]\">\n          <slot :name=\"name\"></slot>\n        </div>\n      </template>\n    </div>\n    <div class=\"ele-step-model__footer--wrapper\">\n      <ele-button-group v-on=\"assignAttrForEvents\" :data-source=\"footerElements\"></ele-button-group>\n    </div>\n  </div>\n</template>\n\n<script>\nimport EleButtonGroup from '../../composite-components/button-group/src/index.vue'\nimport { BUILT_IN_EVENT_NAMES } from '../../utils'\nimport { parse } from '@idooel/expression'\nexport default {\n  name: 'ele-step-model',\n  components: {\n    EleButtonGroup\n  },\n  props: {\n    stepMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    footerMeta: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  data() {\n    return {\n      current: 0,\n      currentSlotComponentRef: null,\n      innerFooterElements: []\n    }\n  },\n  computed: {\n    expressionData () {\n      return {\n        current: this.current,\n        _route: this.$route.query\n      }\n    },\n    currentSlotName () {\n      return this.scopedSlotsNames[this.current]\n    },\n    footerElements () {\n      return this.innerFooterElements\n    },\n    assignAttrForEvents () {\n      const events = this.footerElements.reduce((ret, ele) => {\n        ret[ele.eventName] = (e) => {\n          this.evalShowExpressionForFooterElements()\n          this.$emit(ele.eventName || 'click', { ...e, exposed: this.exposedMethods })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.NEXT]: this[BUILT_IN_EVENT_NAMES.NEXT],\n        [BUILT_IN_EVENT_NAMES.PREVIOUS]: this[BUILT_IN_EVENT_NAMES.PREVIOUS]\n      }\n    },\n    activeIndex () {\n      const { activeIndex } = this.stepMeta\n      return activeIndex\n    },\n    elements () {\n      const { elements } = this.stepMeta\n      return elements\n    },\n    scopedSlotsNames () {\n      const slotNames = this.elements.map(item => item.key)\n      return slotNames\n    },\n    exposedMethods () {\n      return {\n        slotRef: this.currentSlotComponentRef,\n        setCurrentStep: this.setCurrentStep,\n        next: this.nextStep,\n        prev: this.prevStep,\n        current: this.current\n      }\n    }\n  },\n  watch: {\n    activeIndex: {\n      handler (idx) {\n        this.current = idx\n      },\n      immediate: true\n    },\n    current: {\n      handler () {\n        this.$nextTick(() => {\n          this.currentSlotComponentRef = this.getCurrentSlotComponentRef()\n        })\n      },\n      immediate: true\n    }\n  },\n  created () {\n    const { elements } = this.footerMeta\n    this.innerFooterElements = elements.call(this)\n    this.evalShowExpressionForFooterElements()\n  },\n  methods: {\n    evalShowExpressionForFooterElements () {\n      this.innerFooterElements = this.innerFooterElements.map(element => {\n        const { show } = element\n        show && this.$set(element, '_show', parse(show, this.expressionData))\n        return element\n      })\n    },\n    getCurrentSlotComponentRef () {\n      const includeMetaCmp = this.$children.find(child => child.meta)\n      if (!includeMetaCmp) return null\n      const { $children: components } = includeMetaCmp\n      const target = components.find(cmp => cmp.$options._componentTag === 'ele-tpl')\n      return target.getModel ? target.getModel() : null\n    },\n    setCurrentStep (index) {\n      this.current = index\n      this.evalShowExpressionForFooterElements()\n    },\n    nextStep () {\n      if (this.current >= this.elements.length - 1) return\n      this.current ++\n      this.evalShowExpressionForFooterElements()\n    },\n    prevStep () {\n      if (this.current <= 0) return\n      this.current --\n      this.evalShowExpressionForFooterElements()\n    },\n    [BUILT_IN_EVENT_NAMES.NEXT] (props) {\n      this.$emit(BUILT_IN_EVENT_NAMES.NEXT, { ...props, exposed: { ...this.exposedMethods } })\n    },\n    [BUILT_IN_EVENT_NAMES.PREVIOUS] (props) {\n      this.$emit(BUILT_IN_EVENT_NAMES.PREVIOUS, { ...props, exposed: { ...this.exposedMethods } })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ele-step-model__wrapper {\n  width: 100%;\n  height: 100vh;\n  position: relative;\n  .ele-step-model__step--wrapper {\n    width: 100%;\n    height: 64px;\n    padding: 16px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    background: #fff;\n    .ele-steps {\n      .ant-steps-item {\n        text-align: left;\n      }\n    }\n  }\n  .ele-step-model__content--wrapper {\n    width: 100%;\n    width: 100%;\n    margin-top: 16px;\n    margin-bottom: 16px;\n    height: calc(100vh - 64px - 64px - 16px - 16px);\n    overflow: auto;\n  }\n  .ele-step-model__footer--wrapper {\n    width: 100%;\n    height: 64px;\n    background: #fff;\n    position: absolute;\n    bottom: 0;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: end;\n  }\n}\n</style>import meta from '@/views/tree-table-page/meta'\n",".ele-step-model__wrapper {\n  width: 100%;\n  height: 100vh;\n  position: relative;\n}\n.ele-step-model__wrapper .ele-step-model__step--wrapper {\n  width: 100%;\n  height: 64px;\n  padding: 16px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  background: #fff;\n}\n.ele-step-model__wrapper .ele-step-model__step--wrapper .ele-steps .ant-steps-item {\n  text-align: left;\n}\n.ele-step-model__wrapper .ele-step-model__content--wrapper {\n  width: 100%;\n  width: 100%;\n  margin-top: 16px;\n  margin-bottom: 16px;\n  height: calc(100vh - 64px - 64px - 16px - 16px);\n  overflow: auto;\n}\n.ele-step-model__wrapper .ele-step-model__footer--wrapper {\n  width: 100%;\n  height: 64px;\n  background: #fff;\n  position: absolute;\n  bottom: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-417941c8_0", { source: ".ele-step-model__wrapper[data-v-417941c8] {\n  width: 100%;\n  height: 100vh;\n  position: relative;\n}\n.ele-step-model__wrapper .ele-step-model__step--wrapper[data-v-417941c8] {\n  width: 100%;\n  height: 64px;\n  padding: 16px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  background: #fff;\n}\n.ele-step-model__wrapper .ele-step-model__step--wrapper .ele-steps .ant-steps-item[data-v-417941c8] {\n  text-align: left;\n}\n.ele-step-model__wrapper .ele-step-model__content--wrapper[data-v-417941c8] {\n  width: 100%;\n  width: 100%;\n  margin-top: 16px;\n  margin-bottom: 16px;\n  height: calc(100vh - 64px - 64px - 16px - 16px);\n  overflow: auto;\n}\n.ele-step-model__wrapper .ele-step-model__footer--wrapper[data-v-417941c8] {\n  width: 100%;\n  height: 64px;\n  background: #fff;\n  position: absolute;\n  bottom: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\step-model\\src\\index.vue","index.vue"],"names":[],"mappings":"AAmLA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;AClLA;ADmLA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,gBAAA;ACjLA;ADmLA;EACA,gBAAA;ACjLA;ADqLA;EACA,WAAA;EACA,WAAA;EACA,gBAAA;EACA,mBAAA;EACA,+CAAA;EACA,cAAA;ACnLA;ADqLA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,SAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;ACnLA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"ele-step-model__wrapper\">\r\n    <div class=\"ele-step-model__step--wrapper\">\r\n      <a-steps class=\"ele-steps\" :current=\"current\" size=\"small\">\r\n        <a-step v-for=\"step in elements\" :title=\"step.title\" :key=\"step.key\" />\r\n      </a-steps>\r\n    </div>\r\n    <div class=\"ele-step-model__content--wrapper\">\r\n      <template v-for=\"name in scopedSlotsNames\">\r\n        <div :key=\"name\" v-if=\"currentSlotName == name\" :class=\"['ele-step-model__slot', `ele-step-model__slot--${name}`]\">\r\n          <slot :name=\"name\"></slot>\r\n        </div>\r\n      </template>\r\n    </div>\r\n    <div class=\"ele-step-model__footer--wrapper\">\r\n      <ele-button-group v-on=\"assignAttrForEvents\" :data-source=\"footerElements\"></ele-button-group>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport EleButtonGroup from '../../composite-components/button-group/src/index.vue'\r\nimport { BUILT_IN_EVENT_NAMES } from '../../utils'\r\nimport { parse } from '@idooel/expression'\r\nimport { type } from '@idooel/shared'\r\nexport default {\r\n  name: 'ele-step-model',\r\n  components: {\r\n    EleButtonGroup\r\n  },\r\n  props: {\r\n    stepMeta: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    footerMeta: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      current: 0,\r\n      currentSlotComponentRef: null,\r\n      innerFooterElements: []\r\n    }\r\n  },\r\n  computed: {\r\n    routeMetaDisabled () {\r\n      return this.executeMetaDisabledExpression(this.$route.meta.disabled)\r\n    },\r\n    expressionData () {\r\n      return {\r\n        current: this.current,\r\n        _route: this.$route.query,\r\n        _routeMeta: this.$route.meta\r\n      }\r\n    },\r\n    currentSlotName () {\r\n      return this.scopedSlotsNames[this.current]\r\n    },\r\n    footerElements () {\r\n      return this.innerFooterElements\r\n    },\r\n    assignAttrForEvents () {\r\n      const events = this.footerElements.reduce((ret, ele) => {\r\n        ret[ele.eventName] = (e) => {\r\n          this.evalShowExpressionForFooterElements()\r\n          this.$emit(ele.eventName || 'click', { ...e, exposed: this.exposedMethods })\r\n        }\r\n        return ret\r\n      }, {})\r\n      return {\r\n        ...this.$listeners,\r\n        ...events,\r\n        [BUILT_IN_EVENT_NAMES.NEXT]: this[BUILT_IN_EVENT_NAMES.NEXT],\r\n        [BUILT_IN_EVENT_NAMES.PREVIOUS]: this[BUILT_IN_EVENT_NAMES.PREVIOUS],\r\n        [BUILT_IN_EVENT_NAMES.SUBMIT]: this[BUILT_IN_EVENT_NAMES.SUBMIT]\r\n      }\r\n    },\r\n    activeIndex () {\r\n      const { activeIndex } = this.stepMeta\r\n      return activeIndex\r\n    },\r\n    elements () {\r\n      const { elements } = this.stepMeta\r\n      return elements\r\n    },\r\n    scopedSlotsNames () {\r\n      const slotNames = this.elements.map(item => item.key)\r\n      return slotNames\r\n    },\r\n    exposedMethods () {\r\n      return {\r\n        slotRef: this.currentSlotComponentRef,\r\n        setCurrentStep: this.setCurrentStep,\r\n        next: this.nextStep,\r\n        prev: this.prevStep,\r\n        current: this.current\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    activeIndex: {\r\n      handler (idx) {\r\n        this.current = idx\r\n      },\r\n      immediate: true\r\n    },\r\n    current: {\r\n      handler () {\r\n        this.$nextTick(() => {\r\n          this.currentSlotComponentRef = this.getCurrentSlotComponentRef()\r\n        })\r\n      },\r\n      immediate: true\r\n    }\r\n  },\r\n  created () {\r\n    const { elements } = this.footerMeta\r\n    this.innerFooterElements = elements.call(this)\r\n    this.evalShowExpressionForFooterElements()\r\n  },\r\n  methods: {\r\n    executeMetaDisabledExpression (expression) {\r\n      if (type.isBool(expression)) return expression\r\n      if (type.isEmpty(expression)) return false\r\n      return parse(expression, { ...this.expressionData })\r\n    },\r\n    evalShowExpressionForFooterElements () {\r\n      this.innerFooterElements = this.innerFooterElements.map(element => {\r\n        const { show, key, eventName } = element\r\n        if(key == BUILT_IN_EVENT_NAMES.SUBMIT || eventName == BUILT_IN_EVENT_NAMES.SUBMIT) {\r\n          // built in submit button should according to the route meta disabled\r\n          this.$set(element, '_show', !this.routeMetaDisabled)\r\n          return element\r\n        }\r\n        show && this.$set(element, '_show', parse(show, this.expressionData))\r\n        return element\r\n      })\r\n    },\r\n    getCurrentSlotComponentRef () {\r\n      const includeMetaCmp = this.$children.find(child => child.meta)\r\n      if (!includeMetaCmp) return null\r\n      const { $children: components } = includeMetaCmp\r\n      const target = components.find(cmp => cmp.$options._componentTag === 'ele-tpl')\r\n      return target.getModel ? target.getModel() : null\r\n    },\r\n    setCurrentStep (index) {\r\n      this.current = index\r\n      this.evalShowExpressionForFooterElements()\r\n    },\r\n    nextStep () {\r\n      if (this.current >= this.elements.length - 1) return\r\n      this.current ++\r\n      this.evalShowExpressionForFooterElements()\r\n    },\r\n    prevStep () {\r\n      if (this.current <= 0) return\r\n      this.current --\r\n      this.evalShowExpressionForFooterElements()\r\n    },\r\n    [BUILT_IN_EVENT_NAMES.NEXT] (props) {\r\n      this.$emit(BUILT_IN_EVENT_NAMES.NEXT, { ...props, exposed: { ...this.exposedMethods } })\r\n    },\r\n    [BUILT_IN_EVENT_NAMES.PREVIOUS] (props) {\r\n      this.$emit(BUILT_IN_EVENT_NAMES.PREVIOUS, { ...props, exposed: { ...this.exposedMethods } })\r\n    },\r\n    [BUILT_IN_EVENT_NAMES.SUBMIT] (props) {\r\n      const currentComponent = this.getCurrentSlotComponentRef() || {}\r\n      const hasSubmitMethod = currentComponent.hasOwnProperty(BUILT_IN_EVENT_NAMES.SUBMIT)\r\n      hasSubmitMethod && currentComponent[BUILT_IN_EVENT_NAMES.SUBMIT]()\r\n      this.$emit(BUILT_IN_EVENT_NAMES.SUBMIT, { ...props, exposed: { ...this.exposedMethods } })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ele-step-model__wrapper {\r\n  width: 100%;\r\n  height: 100vh;\r\n  position: relative;\r\n  .ele-step-model__step--wrapper {\r\n    width: 100%;\r\n    height: 64px;\r\n    padding: 16px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    background: #fff;\r\n    .ele-steps {\r\n      .ant-steps-item {\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n  .ele-step-model__content--wrapper {\r\n    width: 100%;\r\n    width: 100%;\r\n    margin-top: 16px;\r\n    margin-bottom: 16px;\r\n    height: calc(100vh - 64px - 64px - 16px - 16px);\r\n    overflow: auto;\r\n  }\r\n  .ele-step-model__footer--wrapper {\r\n    width: 100%;\r\n    height: 64px;\r\n    background: #fff;\r\n    position: absolute;\r\n    bottom: 0;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: end;\r\n  }\r\n}\r\n</style>import meta from '@/views/tree-table-page/meta'import meta from '@/views/tree-table-page/meta'\r\n\r\n",".ele-step-model__wrapper {\n  width: 100%;\n  height: 100vh;\n  position: relative;\n}\n.ele-step-model__wrapper .ele-step-model__step--wrapper {\n  width: 100%;\n  height: 64px;\n  padding: 16px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  background: #fff;\n}\n.ele-step-model__wrapper .ele-step-model__step--wrapper .ele-steps .ant-steps-item {\n  text-align: left;\n}\n.ele-step-model__wrapper .ele-step-model__content--wrapper {\n  width: 100%;\n  width: 100%;\n  margin-top: 16px;\n  margin-bottom: 16px;\n  height: calc(100vh - 64px - 64px - 16px - 16px);\n  overflow: auto;\n}\n.ele-step-model__wrapper .ele-step-model__footer--wrapper {\n  width: 100%;\n  height: 64px;\n  background: #fff;\n  position: absolute;\n  bottom: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$9 = "data-v-f634c298";
+  const __vue_scope_id__$9 = "data-v-417941c8";
   /* module identifier */
   const __vue_module_identifier__$9 = undefined;
   /* functional template */
@@ -5191,7 +5274,7 @@ __vue_render__$8._withStripped = true;
   /* style */
   const __vue_inject_styles__$8 = function (inject) {
     if (!inject) return
-    inject("data-v-46431deb_0", { source: ".has-error .ele-upload__wrapper .ele-upload__inner {\n  border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__message {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n  color: #FFA39E;\n}\n.margin-t-8 {\n  margin-top: 8px;\n}\n:root {\n  --idooel-primary-color: #1890FF;\n  --idoole-black-02: rgba(0, 0, 0, 0.04);\n  --idoole-black-06: rgba(0, 0, 0, 0.44);\n  --idoole-black-07: rgba(0, 0, 0, 0.64);\n  --idoole-black-008: rgba(0, 0, 0, 0.88);\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n  --idooel-form-title-border-color: rgba(0, 0, 0, 0.16);\n  --idooel-form-upload-bg-color: rgba(0, 0, 0, 0.02);\n  --idooel-form-upload-border-hover-color: #40A9FF;\n  --idooel-form-border-radius: 2px;\n  --idooel-form-border-err-color: #F5222D;\n  --idooel-link-06: #1890FF;\n  --idooel-link-03: #91D5FF;\n  --idooel-img-crop-err-color: #FFA39E;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":"AAAA;EACE,qBAAqB;AACvB;AACA;EACE,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AAEA;EACE,eAAe;AACjB;AAEA;EACE,+BAA+B;EAC/B,sCAAsC;EACtC,sCAAsC;EACtC,sCAAsC;EACtC,uCAAuC;EACvC,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,qCAAqC;EACrC,qDAAqD;EACrD,kDAAkD;EAClD,gDAAgD;EAChD,gCAAgC;EAChC,uCAAuC;EACvC,yBAAyB;EACzB,yBAAyB;EACzB,oCAAoC;AACtC;;AAEA,oCAAoC","file":"index.vue","sourcesContent":[".has-error .ele-upload__wrapper .ele-upload__inner {\n  border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__message {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n  color: #FFA39E;\n}\n\n.margin-t-8 {\n  margin-top: 8px;\n}\n\n:root {\n  --idooel-primary-color: #1890FF;\n  --idoole-black-02: rgba(0, 0, 0, 0.04);\n  --idoole-black-06: rgba(0, 0, 0, 0.44);\n  --idoole-black-07: rgba(0, 0, 0, 0.64);\n  --idoole-black-008: rgba(0, 0, 0, 0.88);\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n  --idooel-form-title-border-color: rgba(0, 0, 0, 0.16);\n  --idooel-form-upload-bg-color: rgba(0, 0, 0, 0.02);\n  --idooel-form-upload-border-hover-color: #40A9FF;\n  --idooel-form-border-radius: 2px;\n  --idooel-form-border-err-color: #F5222D;\n  --idooel-link-06: #1890FF;\n  --idooel-link-03: #91D5FF;\n  --idooel-img-crop-err-color: #FFA39E;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-ea20e66e_0", { source: ".has-error .ele-upload__wrapper .ele-upload__inner {\n  border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__message {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n  color: #FFA39E;\n}\n.margin-t-8 {\n  margin-top: 8px;\n}\n:root {\n  --idooel-primary-color: #1890FF;\n  --idoole-black-02: rgba(0, 0, 0, 0.04);\n  --idoole-black-06: rgba(0, 0, 0, 0.44);\n  --idoole-black-07: rgba(0, 0, 0, 0.64);\n  --idoole-black-008: rgba(0, 0, 0, 0.88);\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n  --idooel-form-title-border-color: rgba(0, 0, 0, 0.16);\n  --idooel-form-upload-bg-color: rgba(0, 0, 0, 0.02);\n  --idooel-form-upload-border-hover-color: #40A9FF;\n  --idooel-form-border-radius: 2px;\n  --idooel-form-border-err-color: #F5222D;\n  --idooel-link-06: #1890FF;\n  --idooel-link-03: #91D5FF;\n  --idooel-img-crop-err-color: #FFA39E;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":"AAAA;EACE,qBAAqB;AACvB;AACA;EACE,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AAEA;EACE,eAAe;AACjB;AAEA;EACE,+BAA+B;EAC/B,sCAAsC;EACtC,sCAAsC;EACtC,sCAAsC;EACtC,uCAAuC;EACvC,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,qCAAqC;EACrC,qDAAqD;EACrD,kDAAkD;EAClD,gDAAgD;EAChD,gCAAgC;EAChC,uCAAuC;EACvC,yBAAyB;EACzB,yBAAyB;EACzB,oCAAoC;AACtC;;AAEA,oCAAoC","file":"index.vue","sourcesContent":[".has-error .ele-upload__wrapper .ele-upload__inner {\n  border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__message {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n  color: #FFA39E;\n}\n\n.margin-t-8 {\n  margin-top: 8px;\n}\n\n:root {\n  --idooel-primary-color: #1890FF;\n  --idoole-black-02: rgba(0, 0, 0, 0.04);\n  --idoole-black-06: rgba(0, 0, 0, 0.44);\n  --idoole-black-07: rgba(0, 0, 0, 0.64);\n  --idoole-black-008: rgba(0, 0, 0, 0.88);\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n  --idooel-form-title-border-color: rgba(0, 0, 0, 0.16);\n  --idooel-form-upload-bg-color: rgba(0, 0, 0, 0.02);\n  --idooel-form-upload-border-hover-color: #40A9FF;\n  --idooel-form-border-radius: 2px;\n  --idooel-form-border-err-color: #F5222D;\n  --idooel-link-06: #1890FF;\n  --idooel-link-03: #91D5FF;\n  --idooel-img-crop-err-color: #FFA39E;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
@@ -5289,11 +5372,11 @@ __vue_render__$7._withStripped = true;
   /* style */
   const __vue_inject_styles__$7 = function (inject) {
     if (!inject) return
-    inject("data-v-ee7d6de4_0", { source: ".ele-alert[data-v-ee7d6de4] {\n  text-align: left !important;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/alert/src/index.vue","index.vue"],"names":[],"mappings":"AA0CA;EACA,2BAAA;ACzCA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <a-alert\n    class=\"ele-alert\"\n    :message=\"message\" \n    :description=\"description\" \n    :type=\"type\"\n    :closable=\"closable\"\n    :closeText=\"closeText\"\n    :show-icon=\"showIcon\" />\n</template>\n\n<script>\nexport default {\n  name: 'ele-alert',\n  props: {\n    type: {\n      type: String,\n      default: 'success'\n    },\n    showIcon: {\n      type: Boolean,\n      default: true\n    },\n    message: {\n      type: String,\n      default: 'Success Tips'\n    },\n    description: {\n      type: String\n    },\n    closable: {\n      type: Boolean,\n      default: true\n    },\n    closeText: {\n      type: String\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ele-alert {\n  text-align: left !important;\n}\n</style>",".ele-alert {\n  text-align: left !important;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-5f94c62c_0", { source: ".ele-alert[data-v-5f94c62c] {\n  text-align: left !important;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\alert\\src\\index.vue","index.vue"],"names":[],"mappings":"AA0CA;EACA,2BAAA;ACzCA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <a-alert\r\n    class=\"ele-alert\"\r\n    :message=\"message\" \r\n    :description=\"description\" \r\n    :type=\"type\"\r\n    :closable=\"closable\"\r\n    :closeText=\"closeText\"\r\n    :show-icon=\"showIcon\" />\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ele-alert',\r\n  props: {\r\n    type: {\r\n      type: String,\r\n      default: 'success'\r\n    },\r\n    showIcon: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    message: {\r\n      type: String,\r\n      default: 'Success Tips'\r\n    },\r\n    description: {\r\n      type: String\r\n    },\r\n    closable: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    closeText: {\r\n      type: String\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ele-alert {\r\n  text-align: left !important;\r\n}\r\n</style>",".ele-alert {\n  text-align: left !important;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$7 = "data-v-ee7d6de4";
+  const __vue_scope_id__$7 = "data-v-5f94c62c";
   /* module identifier */
   const __vue_module_identifier__$7 = undefined;
   /* functional template */
@@ -5689,12 +5772,12 @@ __vue_render__$5._withStripped = true;
   /* style */
   const __vue_inject_styles__$5 = function (inject) {
     if (!inject) return
-    inject("data-v-cb24907c_0", { source: ".has-error .ele-upload__wrapper .ele-upload__inner {\n  border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__message {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n  color: #FFA39E;\n}\n.margin-t-8 {\n  margin-top: 8px;\n}\n:root {\n  --idooel-primary-color: #1890FF;\n  --idoole-black-02: rgba(0, 0, 0, 0.04);\n  --idoole-black-06: rgba(0, 0, 0, 0.44);\n  --idoole-black-07: rgba(0, 0, 0, 0.64);\n  --idoole-black-008: rgba(0, 0, 0, 0.88);\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n  --idooel-form-title-border-color: rgba(0, 0, 0, 0.16);\n  --idooel-form-upload-bg-color: rgba(0, 0, 0, 0.02);\n  --idooel-form-upload-border-hover-color: #40A9FF;\n  --idooel-form-border-radius: 2px;\n  --idooel-form-border-err-color: #F5222D;\n  --idooel-link-06: #1890FF;\n  --idooel-link-03: #91D5FF;\n  --idooel-img-crop-err-color: #FFA39E;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":"AAAA;EACE,qBAAqB;AACvB;AACA;EACE,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AAEA;EACE,eAAe;AACjB;AAEA;EACE,+BAA+B;EAC/B,sCAAsC;EACtC,sCAAsC;EACtC,sCAAsC;EACtC,uCAAuC;EACvC,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,qCAAqC;EACrC,qDAAqD;EACrD,kDAAkD;EAClD,gDAAgD;EAChD,gCAAgC;EAChC,uCAAuC;EACvC,yBAAyB;EACzB,yBAAyB;EACzB,oCAAoC;AACtC;;AAEA,oCAAoC","file":"index.vue","sourcesContent":[".has-error .ele-upload__wrapper .ele-upload__inner {\n  border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__message {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n  color: #FFA39E;\n}\n\n.margin-t-8 {\n  margin-top: 8px;\n}\n\n:root {\n  --idooel-primary-color: #1890FF;\n  --idoole-black-02: rgba(0, 0, 0, 0.04);\n  --idoole-black-06: rgba(0, 0, 0, 0.44);\n  --idoole-black-07: rgba(0, 0, 0, 0.64);\n  --idoole-black-008: rgba(0, 0, 0, 0.88);\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n  --idooel-form-title-border-color: rgba(0, 0, 0, 0.16);\n  --idooel-form-upload-bg-color: rgba(0, 0, 0, 0.02);\n  --idooel-form-upload-border-hover-color: #40A9FF;\n  --idooel-form-border-radius: 2px;\n  --idooel-form-border-err-color: #F5222D;\n  --idooel-link-06: #1890FF;\n  --idooel-link-03: #91D5FF;\n  --idooel-img-crop-err-color: #FFA39E;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined })
-,inject("data-v-cb24907c_1", { source: ".ele-batch-export__content[data-v-cb24907c] {\n  height: 106px;\n}\n.ele-batch-export__content .ele-batch-export__container[data-v-cb24907c] {\n  border-width: 1px;\n  border-style: dashed;\n  height: 80px;\n  border-color: var(--idooel-link-06);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__icon[data-v-cb24907c] {\n  font-size: 48px;\n  color: var(--idooel-link-06);\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle[data-v-cb24907c] {\n  margin-left: 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn[data-v-cb24907c] {\n  color: var(--idooel-link-06);\n  font-size: 16px;\n  cursor: pointer;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn--hint[data-v-cb24907c] {\n  color: var(--idooel-link-03);\n  font-size: 14px;\n}\n.ele-batch-export__content .ele-batch-export__message[data-v-cb24907c] {\n  color: var(--idooel-link-06);\n  font-size: 14px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/batch-export/src/index.vue","index.vue"],"names":[],"mappings":"AA2EA;EACA,aAAA;AC1EA;AD2EA;EACA,iBAAA;EACA,oBAAA;EACA,YAAA;EACA,mCAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,eAAA;ACzEA;AD0EA;EACA,eAAA;EACA,4BAAA;ACxEA;AD0EA;EACA,iBAAA;ACxEA;ADyEA;EACA,4BAAA;EACA,eAAA;EACA,eAAA;ACvEA;ADyEA;EACA,4BAAA;EACA,eAAA;ACvEA;AD2EA;EACA,4BAAA;EACA,eAAA;ACzEA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <ele-modal \n    v-model=\"innerValue\" \n    v-on=\"$listeners\"\n    :buttonGroupMeta=\"buttonGroupMeta\" \n    title=\"批量导出\">\n    <div class=\"ele-batch-export__content\">\n      <div class=\"ele-batch-export__container\">\n        <ele-icon class=\"ele-batch-export__icon\" type=\"download\"></ele-icon>\n        <div class=\"ele-batch-export__handle\">\n          <div class=\"ele-batch-export__btn\" @click=\"handleClick\">导出任务处理中..... 请点击此按钮跳转到“批处理管理”菜单查看任务进度</div>\n          <div class=\"ele-batch-export__btn--hint\">批处理任务的准备工作会在后台运行</div>\n        </div>\n      </div>\n      <div class=\"ele-batch-export__message\">\n        您可以请点击上方按钮查看任务进度或关闭弹框\n      </div>\n    </div>\n  </ele-modal>\n</template>\n\n<script>\nimport EleIcon from '../../icon/src/index.vue'\nexport default {\n  name: 'ele-batch-export',\n  components: {\n    EleIcon\n  },\n  props: {\n    value: {\n      type: Boolean,\n      default: false\n    },\n    buttonGroupMeta: {\n      type: Object,\n      default: () => {\n        return {\n          elements: [\n            {\n              label: '关闭',\n              key: 'close',\n              type: 'primary',\n              eventName: 'handleClose'\n            }\n          ]\n        }\n      }\n    }\n  },\n  data() {\n    return {\n      innerValue: false\n    }\n  },\n  watch: {\n    value: {\n      handler (value) {\n        this.$nextTick(() => {\n          this.innerValue = value\n        })\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    handleClick () {\n      this.$emit('on-batch-export')\n    }\n  }\n}\n</script>\n<style lang=\"scss\">\n@import '../../theme/index.scss';\n</style>\n<style lang=\"scss\" scoped>\n.ele-batch-export__content {\n  height: 106px;\n  .ele-batch-export__container {\n    border-width: 1px;\n    border-style: dashed;\n    height: 80px;\n    border-color: var(--idooel-link-06);\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 0 16px;\n    .ele-batch-export__icon {\n      font-size: 48px;\n      color: var(--idooel-link-06);\n    }\n    .ele-batch-export__handle {\n      margin-left: 16px;\n      .ele-batch-export__btn {\n        color: var(--idooel-link-06);\n        font-size: 16px;\n        cursor: pointer;\n      }\n      .ele-batch-export__btn--hint {\n        color: var(--idooel-link-03);\n        font-size: 14px;\n      }\n    }\n  }\n  .ele-batch-export__message {\n    color: var(--idooel-link-06);\n    font-size: 14px;\n  }\n}\n</style>",".ele-batch-export__content {\n  height: 106px;\n}\n.ele-batch-export__content .ele-batch-export__container {\n  border-width: 1px;\n  border-style: dashed;\n  height: 80px;\n  border-color: var(--idooel-link-06);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__icon {\n  font-size: 48px;\n  color: var(--idooel-link-06);\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle {\n  margin-left: 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn {\n  color: var(--idooel-link-06);\n  font-size: 16px;\n  cursor: pointer;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn--hint {\n  color: var(--idooel-link-03);\n  font-size: 14px;\n}\n.ele-batch-export__content .ele-batch-export__message {\n  color: var(--idooel-link-06);\n  font-size: 14px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-00d0f6b2_0", { source: ".has-error .ele-upload__wrapper .ele-upload__inner {\n  border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__message {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n  color: #FFA39E;\n}\n.margin-t-8 {\n  margin-top: 8px;\n}\n:root {\n  --idooel-primary-color: #1890FF;\n  --idoole-black-02: rgba(0, 0, 0, 0.04);\n  --idoole-black-06: rgba(0, 0, 0, 0.44);\n  --idoole-black-07: rgba(0, 0, 0, 0.64);\n  --idoole-black-008: rgba(0, 0, 0, 0.88);\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n  --idooel-form-title-border-color: rgba(0, 0, 0, 0.16);\n  --idooel-form-upload-bg-color: rgba(0, 0, 0, 0.02);\n  --idooel-form-upload-border-hover-color: #40A9FF;\n  --idooel-form-border-radius: 2px;\n  --idooel-form-border-err-color: #F5222D;\n  --idooel-link-06: #1890FF;\n  --idooel-link-03: #91D5FF;\n  --idooel-img-crop-err-color: #FFA39E;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":"AAAA;EACE,qBAAqB;AACvB;AACA;EACE,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AAEA;EACE,eAAe;AACjB;AAEA;EACE,+BAA+B;EAC/B,sCAAsC;EACtC,sCAAsC;EACtC,sCAAsC;EACtC,uCAAuC;EACvC,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,qCAAqC;EACrC,qDAAqD;EACrD,kDAAkD;EAClD,gDAAgD;EAChD,gCAAgC;EAChC,uCAAuC;EACvC,yBAAyB;EACzB,yBAAyB;EACzB,oCAAoC;AACtC;;AAEA,oCAAoC","file":"index.vue","sourcesContent":[".has-error .ele-upload__wrapper .ele-upload__inner {\n  border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__message {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .ele-upload__inner .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n  color: #FFA39E;\n}\n\n.margin-t-8 {\n  margin-top: 8px;\n}\n\n:root {\n  --idooel-primary-color: #1890FF;\n  --idoole-black-02: rgba(0, 0, 0, 0.04);\n  --idoole-black-06: rgba(0, 0, 0, 0.44);\n  --idoole-black-07: rgba(0, 0, 0, 0.64);\n  --idoole-black-008: rgba(0, 0, 0, 0.88);\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n  --idooel-form-title-border-color: rgba(0, 0, 0, 0.16);\n  --idooel-form-upload-bg-color: rgba(0, 0, 0, 0.02);\n  --idooel-form-upload-border-hover-color: #40A9FF;\n  --idooel-form-border-radius: 2px;\n  --idooel-form-border-err-color: #F5222D;\n  --idooel-link-06: #1890FF;\n  --idooel-link-03: #91D5FF;\n  --idooel-img-crop-err-color: #FFA39E;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined })
+,inject("data-v-00d0f6b2_1", { source: ".ele-batch-export__content[data-v-00d0f6b2] {\n  height: 106px;\n}\n.ele-batch-export__content .ele-batch-export__container[data-v-00d0f6b2] {\n  border-width: 1px;\n  border-style: dashed;\n  height: 80px;\n  border-color: var(--idooel-link-06);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__icon[data-v-00d0f6b2] {\n  font-size: 48px;\n  color: var(--idooel-link-06);\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle[data-v-00d0f6b2] {\n  margin-left: 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn[data-v-00d0f6b2] {\n  color: var(--idooel-link-06);\n  font-size: 16px;\n  cursor: pointer;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn--hint[data-v-00d0f6b2] {\n  color: var(--idooel-link-03);\n  font-size: 14px;\n}\n.ele-batch-export__content .ele-batch-export__message[data-v-00d0f6b2] {\n  color: var(--idooel-link-06);\n  font-size: 14px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\batch-export\\src\\index.vue","index.vue"],"names":[],"mappings":"AA2EA;EACA,aAAA;AC1EA;AD2EA;EACA,iBAAA;EACA,oBAAA;EACA,YAAA;EACA,mCAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,eAAA;ACzEA;AD0EA;EACA,eAAA;EACA,4BAAA;ACxEA;AD0EA;EACA,iBAAA;ACxEA;ADyEA;EACA,4BAAA;EACA,eAAA;EACA,eAAA;ACvEA;ADyEA;EACA,4BAAA;EACA,eAAA;ACvEA;AD2EA;EACA,4BAAA;EACA,eAAA;ACzEA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <ele-modal \r\n    v-model=\"innerValue\" \r\n    v-on=\"$listeners\"\r\n    :buttonGroupMeta=\"buttonGroupMeta\" \r\n    title=\"批量导出\">\r\n    <div class=\"ele-batch-export__content\">\r\n      <div class=\"ele-batch-export__container\">\r\n        <ele-icon class=\"ele-batch-export__icon\" type=\"download\"></ele-icon>\r\n        <div class=\"ele-batch-export__handle\">\r\n          <div class=\"ele-batch-export__btn\" @click=\"handleClick\">导出任务处理中..... 请点击此按钮跳转到“批处理管理”菜单查看任务进度</div>\r\n          <div class=\"ele-batch-export__btn--hint\">批处理任务的准备工作会在后台运行</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"ele-batch-export__message\">\r\n        您可以请点击上方按钮查看任务进度或关闭弹框\r\n      </div>\r\n    </div>\r\n  </ele-modal>\r\n</template>\r\n\r\n<script>\r\nimport EleIcon from '../../icon/src/index.vue'\r\nexport default {\r\n  name: 'ele-batch-export',\r\n  components: {\r\n    EleIcon\r\n  },\r\n  props: {\r\n    value: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    buttonGroupMeta: {\r\n      type: Object,\r\n      default: () => {\r\n        return {\r\n          elements: [\r\n            {\r\n              label: '关闭',\r\n              key: 'close',\r\n              type: 'primary',\r\n              eventName: 'handleClose'\r\n            }\r\n          ]\r\n        }\r\n      }\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      innerValue: false\r\n    }\r\n  },\r\n  watch: {\r\n    value: {\r\n      handler (value) {\r\n        this.$nextTick(() => {\r\n          this.innerValue = value\r\n        })\r\n      },\r\n      immediate: true\r\n    }\r\n  },\r\n  methods: {\r\n    handleClick () {\r\n      this.$emit('on-batch-export')\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import '../../theme/index.scss';\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.ele-batch-export__content {\r\n  height: 106px;\r\n  .ele-batch-export__container {\r\n    border-width: 1px;\r\n    border-style: dashed;\r\n    height: 80px;\r\n    border-color: var(--idooel-link-06);\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    padding: 0 16px;\r\n    .ele-batch-export__icon {\r\n      font-size: 48px;\r\n      color: var(--idooel-link-06);\r\n    }\r\n    .ele-batch-export__handle {\r\n      margin-left: 16px;\r\n      .ele-batch-export__btn {\r\n        color: var(--idooel-link-06);\r\n        font-size: 16px;\r\n        cursor: pointer;\r\n      }\r\n      .ele-batch-export__btn--hint {\r\n        color: var(--idooel-link-03);\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  .ele-batch-export__message {\r\n    color: var(--idooel-link-06);\r\n    font-size: 14px;\r\n  }\r\n}\r\n</style>",".ele-batch-export__content {\n  height: 106px;\n}\n.ele-batch-export__content .ele-batch-export__container {\n  border-width: 1px;\n  border-style: dashed;\n  height: 80px;\n  border-color: var(--idooel-link-06);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__icon {\n  font-size: 48px;\n  color: var(--idooel-link-06);\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle {\n  margin-left: 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn {\n  color: var(--idooel-link-06);\n  font-size: 16px;\n  cursor: pointer;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn--hint {\n  color: var(--idooel-link-03);\n  font-size: 14px;\n}\n.ele-batch-export__content .ele-batch-export__message {\n  color: var(--idooel-link-06);\n  font-size: 14px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$5 = "data-v-cb24907c";
+  const __vue_scope_id__$5 = "data-v-00d0f6b2";
   /* module identifier */
   const __vue_module_identifier__$5 = undefined;
   /* functional template */
@@ -5787,11 +5870,11 @@ __vue_render__$4._withStripped = true;
   /* style */
   const __vue_inject_styles__$4 = function (inject) {
     if (!inject) return
-    inject("data-v-eee16c3c_0", { source: "\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":";;AAEA,oCAAoC","file":"index.vue"}, media: undefined });
+    inject("data-v-547e029c_0", { source: "\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":";;AAEA,oCAAoC","file":"index.vue"}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$4 = "data-v-eee16c3c";
+  const __vue_scope_id__$4 = "data-v-547e029c";
   /* module identifier */
   const __vue_module_identifier__$4 = undefined;
   /* functional template */
@@ -5869,11 +5952,11 @@ __vue_render__$3._withStripped = true;
   /* style */
   const __vue_inject_styles__$3 = function (inject) {
     if (!inject) return
-    inject("data-v-fb6f0796_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"index.vue"}, media: undefined });
+    inject("data-v-68861ff4_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"index.vue"}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$3 = "data-v-fb6f0796";
+  const __vue_scope_id__$3 = "data-v-68861ff4";
   /* module identifier */
   const __vue_module_identifier__$3 = undefined;
   /* functional template */
@@ -6018,11 +6101,11 @@ __vue_render__$2._withStripped = true;
   /* style */
   const __vue_inject_styles__$2 = function (inject) {
     if (!inject) return
-    inject("data-v-508efd50_0", { source: "[data-v-508efd50] .ant-tabs-nav-scroll {\n  float: left !important;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/tabs/src/index.vue","index.vue"],"names":[],"mappings":"AAoDA;EACA,sBAAA;ACnDA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div>\n    <a-tabs :default-active-key=\"activeKey\" :tabBarGutter=\"tabBarGutter\" :tabBarStyle=\"tabBarStyle\" @change=\"changeHandle\">\n      <a-tab-pane v-for=\"(item, index) in tabsList\" :key=\"index\" :tab=\"item.tabName\" :disabled=\"item.disabled\">\n        <template #tab>\n          <component  v-if=\"item.renderHeader\" :is=\"item.renderHeader\" ></component>\n          <span v-else>{{ item.tabName }}</span>\n        </template>\n        <component :is=\"item.content\"></component>\n      </a-tab-pane>\n    </a-tabs>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ele-tabs',\n  components: {},\n  model: {\n    prop: 'value',\n    event: 'change'\n  },\n  props: {\n    activeKey: {\n      type: Number,\n      default: 0\n    },\n    tabsList: {\n      type: Array,\n      default () {\n        return []\n      }\n    },\n    tabBarStyle: {\n      type: Object,\n      default () {\n        return {}\n      }\n    },\n    tabBarGutter: {\n      type: Number\n    }\n  },\n  methods: {\n    changeHandle (key) {\n      this.$emit('changeActiveKey', key)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n::v-deep .ant-tabs-nav-scroll {\n  float: left !important;\n}\n</style>","::v-deep .ant-tabs-nav-scroll {\n  float: left !important;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-20aeece4_0", { source: "[data-v-20aeece4] .ant-tabs-nav-scroll {\n  float: left !important;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\tabs\\src\\index.vue","index.vue"],"names":[],"mappings":"AAoDA;EACA,sBAAA;ACnDA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div>\r\n    <a-tabs :default-active-key=\"activeKey\" :tabBarGutter=\"tabBarGutter\" :tabBarStyle=\"tabBarStyle\" @change=\"changeHandle\">\r\n      <a-tab-pane v-for=\"(item, index) in tabsList\" :key=\"index\" :tab=\"item.tabName\" :disabled=\"item.disabled\">\r\n        <template #tab>\r\n          <component  v-if=\"item.renderHeader\" :is=\"item.renderHeader\" ></component>\r\n          <span v-else>{{ item.tabName }}</span>\r\n        </template>\r\n        <component :is=\"item.content\"></component>\r\n      </a-tab-pane>\r\n    </a-tabs>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ele-tabs',\r\n  components: {},\r\n  model: {\r\n    prop: 'value',\r\n    event: 'change'\r\n  },\r\n  props: {\r\n    activeKey: {\r\n      type: Number,\r\n      default: 0\r\n    },\r\n    tabsList: {\r\n      type: Array,\r\n      default () {\r\n        return []\r\n      }\r\n    },\r\n    tabBarStyle: {\r\n      type: Object,\r\n      default () {\r\n        return {}\r\n      }\r\n    },\r\n    tabBarGutter: {\r\n      type: Number\r\n    }\r\n  },\r\n  methods: {\r\n    changeHandle (key) {\r\n      this.$emit('changeActiveKey', key)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n::v-deep .ant-tabs-nav-scroll {\r\n  float: left !important;\r\n}\r\n</style>","::v-deep .ant-tabs-nav-scroll {\n  float: left !important;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$2 = "data-v-508efd50";
+  const __vue_scope_id__$2 = "data-v-20aeece4";
   /* module identifier */
   const __vue_module_identifier__$2 = undefined;
   /* functional template */
@@ -6233,11 +6316,11 @@ __vue_render__$1._withStripped = true;
   /* style */
   const __vue_inject_styles__$1 = function (inject) {
     if (!inject) return
-    inject("data-v-40c0f4e6_0", { source: "[data-v-40c0f4e6] .ant-modal-body {\n  padding: 16px;\n}\n[data-v-40c0f4e6] .ant-modal-header {\n  padding: 16px;\n}\n.ele-imgCrop__wrapper[data-v-40c0f4e6] {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  margin-bottom: 30px;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg[data-v-40c0f4e6] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-imgCrop__font1[data-v-40c0f4e6] {\n  color: var(--idoole-black-008);\n  font-size: 16px;\n  line-height: 24px !important;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-imgCrop__font2[data-v-40c0f4e6] {\n  color: var(--idoole-black-06);\n  font-size: 14px;\n  line-height: 22px;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__update[data-v-40c0f4e6] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__right[data-v-40c0f4e6] {\n  position: relative;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__right span[data-v-40c0f4e6] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.ele-imgCrop__wrapper .ele-imgCrop__item[data-v-40c0f4e6] {\n  width: 480px;\n  height: 300px;\n  border-radius: 2px;\n  border: 1px dashed var(--idooel-form-title-border-color);\n  background: var(--idooel-form-upload-bg-color);\n}\n.ele-imgCrop__tips[data-v-40c0f4e6] {\n  float: left;\n  width: 80%;\n}\n.ele-imgCrop__error[data-v-40c0f4e6] {\n  color: var(--idooel-form-border-err-color) !important;\n}\n.ele-imgCrop__error2[data-v-40c0f4e6] {\n  color: var(--idooel-img-crop-err-color) !important;\n}\n.ele-imgCrop__icon[data-v-40c0f4e6] {\n  font-size: 48px;\n  color: var(--idooel-link-06);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/img-crop/src/index.vue","index.vue"],"names":[],"mappings":"AA4GA;EACA,aAAA;AC3GA;AD6GA;EACA,aAAA;AC1GA;AD4GA;EACA,aAAA;EACA,SAAA;EACA,uBAAA;EACA,mBAAA;ACzGA;AD2GA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;ACzGA;AD0GA;EACA,8BAAA;EACA,eAAA;EACA,4BAAA;ACxGA;AD0GA;EACA,6BAAA;EACA,eAAA;EACA,iBAAA;ACxGA;AD2GA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,eAAA;ACzGA;AD4GA;EACA,kBAAA;AC1GA;AD2GA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;ACzGA;AD4GA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,wDAAA;EACA,8CAAA;AC1GA;AD6GA;EACA,WAAA;EACA,UAAA;AC1GA;AD4GA;EACA,qDAAA;ACzGA;AD2GA;EACA,kDAAA;ACxGA;AD0GA;EACA,eAAA;EACA,4BAAA;ACvGA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div>\n    <EleModal\n    :ref=\"getEleModal\"\n    :title=\"title\"\n    :cancelText=\"cancelText\"\n    :maskClosable=\"maskClosable\"\n    :size=\"size\"\n    v-model=\"showTestModal\"\n    :showDefaultFooter=\"true\"\n    >\n    <div class=\"ele-imgCrop__wrapper\">\n      <div class=\"ele-imgCrop__left ele-imgCrop__item\">\n        <div class=\"ele-imgCrop__noImg\">\n          <input @change=\"handleChange\" ref=\"input\" type=\"file\" accept=\"image/png, image/jpeg, image/jpg\" id=\"fileinput1\" class=\"ele-imgCrop__update\"/>\n          <ele-icon type=\"icon-InBox\" class=\"ele-imgCrop__icon\"></ele-icon>\n          <span class=\"ele-imgCrop__font1\" :class=\"isFail ? 'ele-imgCrop__error' : ''\">单击或拖动文件到该区域以上传</span>\n          <span class=\"ele-imgCrop__font2\" :class=\"isFail ? 'ele-imgCrop__error2' : ''\">文件小于100M</span>\n        </div>\n        <div class=\"margin-t-8\">\n          <span  class=\"ele-imgCrop__font1 ele-imgCrop__tips\" :class=\"isFail? 'ele-imgCrop__error' : ''\">{{ imgtips }}</span>\n          <a-icon type=\"close\" style=\"float: right; line-height: 24px;\"/>\n        </div>\n      </div>\n      <div class=\"ele-imgCrop__right ele-imgCrop__item\">\n        <span class=\"ele-imgCrop__font2\">左侧上传图片后可预览</span>\n      </div>\n    </div>\n    </EleModal>\n  </div>\n</template>\n\n<script>\nimport { v4 as uuidv4 } from 'uuid'\nimport EleModal from '../../modal/src/index.vue'\nimport EleIcon from '../../icon/src/index.vue'\nexport default {\n  name: 'ele-img-crop',\n  components: {\n    EleModal,\n    EleIcon\n  },\n  model: {\n    prop: 'value'\n  },\n  props: {\n    maskClosable: {\n      type: Boolean,\n      default () {\n        return false\n      }\n    },\n    size: {\n      type: String,\n      default () {\n        return 'big'\n      }\n    },\n    showTestModal: {\n      type: Boolean,\n      default () {\n        return false\n      }\n    }\n  },\n  data () {\n    return {\n      haveImg: false,\n      imgtips: '照片名称',\n      isFail: false,\n      title: '图像裁剪',\n      cancelText: '取消'\n    }\n  },\n  methods: {\n    openModal () {\n      this.$refs[this.getEleModal].openModal()\n    },\n    handleChange (e) {\n      let file = e.target.files ? e.target.files[0] : e.target\n      const allowedExtensions = ['png', 'jpeg', 'jpg']\n      // 获取文件后缀名\n      const fileExtension = file.name.split('.').pop().toLowerCase()\n      if (!allowedExtensions.includes(fileExtension)) {\n        this.$Message.error('不支持该文件类型')\n        return\n      }\n      console.log((file.size / 1048576).toFixed(2))\n      if ((file.size / 1048576).toFixed(2) > 1) {\n        //大于1M，超大\n        this.imgtips = '上传失败(网络传输等问题/文件格式不符/文件大小超出限制)'\n        this.isFail = true\n      } else {\n        this.imgtips = file.name\n        this.isFail = false\n      }\n      this.haveImg = true\n    }\n  },\n  computed: {\n    getEleModal () {\n      return uuidv4()\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n::v-deep .ant-modal-body {\n  padding: 16px;\n}\n::v-deep .ant-modal-header {\n  padding: 16px;\n}\n.ele-imgCrop__wrapper {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  margin-bottom: 30px;\n  .ele-imgCrop__left {\n    .ele-imgCrop__noImg {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      width: 100%;\n      height: 100%;\n      position: relative;\n      .ele-imgCrop__font1 {\n        color: var(--idoole-black-008);\n        font-size: 16px;\n        line-height: 24px !important;\n      }\n      .ele-imgCrop__font2 {\n        color: var(--idoole-black-06);\n        font-size: 14px;\n        line-height: 22px; \n      }\n    }\n    .ele-imgCrop__update {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      cursor: pointer;\n    }\n  }\n  .ele-imgCrop__right {\n    position: relative;\n    span {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n  .ele-imgCrop__item {\n    width: 480px;\n    height: 300px;\n    border-radius: 2px;\n    border: 1px dashed var(--idooel-form-title-border-color);\n    background: var(--idooel-form-upload-bg-color);\n  }\n}\n.ele-imgCrop__tips {\n  float: left;\n  width: 80%;\n}\n.ele-imgCrop__error {\n  color: var(--idooel-form-border-err-color) !important;\n}\n.ele-imgCrop__error2 {\n  color: var(--idooel-img-crop-err-color) !important;\n}\n.ele-imgCrop__icon {\n  font-size: 48px;\n  color: var(--idooel-link-06);\n}\n</style>","::v-deep .ant-modal-body {\n  padding: 16px;\n}\n\n::v-deep .ant-modal-header {\n  padding: 16px;\n}\n\n.ele-imgCrop__wrapper {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  margin-bottom: 30px;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-imgCrop__font1 {\n  color: var(--idoole-black-008);\n  font-size: 16px;\n  line-height: 24px !important;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-imgCrop__font2 {\n  color: var(--idoole-black-06);\n  font-size: 14px;\n  line-height: 22px;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__update {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__right {\n  position: relative;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__right span {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.ele-imgCrop__wrapper .ele-imgCrop__item {\n  width: 480px;\n  height: 300px;\n  border-radius: 2px;\n  border: 1px dashed var(--idooel-form-title-border-color);\n  background: var(--idooel-form-upload-bg-color);\n}\n\n.ele-imgCrop__tips {\n  float: left;\n  width: 80%;\n}\n\n.ele-imgCrop__error {\n  color: var(--idooel-form-border-err-color) !important;\n}\n\n.ele-imgCrop__error2 {\n  color: var(--idooel-img-crop-err-color) !important;\n}\n\n.ele-imgCrop__icon {\n  font-size: 48px;\n  color: var(--idooel-link-06);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-12d28c57_0", { source: "[data-v-12d28c57] .ant-modal-body {\n  padding: 16px;\n}\n[data-v-12d28c57] .ant-modal-header {\n  padding: 16px;\n}\n.ele-imgCrop__wrapper[data-v-12d28c57] {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  margin-bottom: 30px;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg[data-v-12d28c57] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-imgCrop__font1[data-v-12d28c57] {\n  color: var(--idoole-black-008);\n  font-size: 16px;\n  line-height: 24px !important;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-imgCrop__font2[data-v-12d28c57] {\n  color: var(--idoole-black-06);\n  font-size: 14px;\n  line-height: 22px;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__update[data-v-12d28c57] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__right[data-v-12d28c57] {\n  position: relative;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__right span[data-v-12d28c57] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.ele-imgCrop__wrapper .ele-imgCrop__item[data-v-12d28c57] {\n  width: 480px;\n  height: 300px;\n  border-radius: 2px;\n  border: 1px dashed var(--idooel-form-title-border-color);\n  background: var(--idooel-form-upload-bg-color);\n}\n.ele-imgCrop__tips[data-v-12d28c57] {\n  float: left;\n  width: 80%;\n}\n.ele-imgCrop__error[data-v-12d28c57] {\n  color: var(--idooel-form-border-err-color) !important;\n}\n.ele-imgCrop__error2[data-v-12d28c57] {\n  color: var(--idooel-img-crop-err-color) !important;\n}\n.ele-imgCrop__icon[data-v-12d28c57] {\n  font-size: 48px;\n  color: var(--idooel-link-06);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\img-crop\\src\\index.vue","index.vue"],"names":[],"mappings":"AA4GA;EACA,aAAA;AC3GA;AD6GA;EACA,aAAA;AC1GA;AD4GA;EACA,aAAA;EACA,SAAA;EACA,uBAAA;EACA,mBAAA;ACzGA;AD2GA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;ACzGA;AD0GA;EACA,8BAAA;EACA,eAAA;EACA,4BAAA;ACxGA;AD0GA;EACA,6BAAA;EACA,eAAA;EACA,iBAAA;ACxGA;AD2GA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,eAAA;ACzGA;AD4GA;EACA,kBAAA;AC1GA;AD2GA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;ACzGA;AD4GA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,wDAAA;EACA,8CAAA;AC1GA;AD6GA;EACA,WAAA;EACA,UAAA;AC1GA;AD4GA;EACA,qDAAA;ACzGA;AD2GA;EACA,kDAAA;ACxGA;AD0GA;EACA,eAAA;EACA,4BAAA;ACvGA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div>\r\n    <EleModal\r\n    :ref=\"getEleModal\"\r\n    :title=\"title\"\r\n    :cancelText=\"cancelText\"\r\n    :maskClosable=\"maskClosable\"\r\n    :size=\"size\"\r\n    v-model=\"showTestModal\"\r\n    :showDefaultFooter=\"true\"\r\n    >\r\n    <div class=\"ele-imgCrop__wrapper\">\r\n      <div class=\"ele-imgCrop__left ele-imgCrop__item\">\r\n        <div class=\"ele-imgCrop__noImg\">\r\n          <input @change=\"handleChange\" ref=\"input\" type=\"file\" accept=\"image/png, image/jpeg, image/jpg\" id=\"fileinput1\" class=\"ele-imgCrop__update\"/>\r\n          <ele-icon type=\"icon-InBox\" class=\"ele-imgCrop__icon\"></ele-icon>\r\n          <span class=\"ele-imgCrop__font1\" :class=\"isFail ? 'ele-imgCrop__error' : ''\">单击或拖动文件到该区域以上传</span>\r\n          <span class=\"ele-imgCrop__font2\" :class=\"isFail ? 'ele-imgCrop__error2' : ''\">文件小于100M</span>\r\n        </div>\r\n        <div class=\"margin-t-8\">\r\n          <span  class=\"ele-imgCrop__font1 ele-imgCrop__tips\" :class=\"isFail? 'ele-imgCrop__error' : ''\">{{ imgtips }}</span>\r\n          <a-icon type=\"close\" style=\"float: right; line-height: 24px;\"/>\r\n        </div>\r\n      </div>\r\n      <div class=\"ele-imgCrop__right ele-imgCrop__item\">\r\n        <span class=\"ele-imgCrop__font2\">左侧上传图片后可预览</span>\r\n      </div>\r\n    </div>\r\n    </EleModal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { v4 as uuidv4 } from 'uuid'\r\nimport EleModal from '../../modal/src/index.vue'\r\nimport EleIcon from '../../icon/src/index.vue'\r\nexport default {\r\n  name: 'ele-img-crop',\r\n  components: {\r\n    EleModal,\r\n    EleIcon\r\n  },\r\n  model: {\r\n    prop: 'value'\r\n  },\r\n  props: {\r\n    maskClosable: {\r\n      type: Boolean,\r\n      default () {\r\n        return false\r\n      }\r\n    },\r\n    size: {\r\n      type: String,\r\n      default () {\r\n        return 'big'\r\n      }\r\n    },\r\n    showTestModal: {\r\n      type: Boolean,\r\n      default () {\r\n        return false\r\n      }\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      haveImg: false,\r\n      imgtips: '照片名称',\r\n      isFail: false,\r\n      title: '图像裁剪',\r\n      cancelText: '取消'\r\n    }\r\n  },\r\n  methods: {\r\n    openModal () {\r\n      this.$refs[this.getEleModal].openModal()\r\n    },\r\n    handleChange (e) {\r\n      let file = e.target.files ? e.target.files[0] : e.target\r\n      const allowedExtensions = ['png', 'jpeg', 'jpg']\r\n      // 获取文件后缀名\r\n      const fileExtension = file.name.split('.').pop().toLowerCase()\r\n      if (!allowedExtensions.includes(fileExtension)) {\r\n        this.$Message.error('不支持该文件类型')\r\n        return\r\n      }\r\n      console.log((file.size / 1048576).toFixed(2))\r\n      if ((file.size / 1048576).toFixed(2) > 1) {\r\n        //大于1M，超大\r\n        this.imgtips = '上传失败(网络传输等问题/文件格式不符/文件大小超出限制)'\r\n        this.isFail = true\r\n      } else {\r\n        this.imgtips = file.name\r\n        this.isFail = false\r\n      }\r\n      this.haveImg = true\r\n    }\r\n  },\r\n  computed: {\r\n    getEleModal () {\r\n      return uuidv4()\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n::v-deep .ant-modal-body {\r\n  padding: 16px;\r\n}\r\n::v-deep .ant-modal-header {\r\n  padding: 16px;\r\n}\r\n.ele-imgCrop__wrapper {\r\n  display: flex;\r\n  gap: 16px;\r\n  justify-content: center;\r\n  margin-bottom: 30px;\r\n  .ele-imgCrop__left {\r\n    .ele-imgCrop__noImg {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      width: 100%;\r\n      height: 100%;\r\n      position: relative;\r\n      .ele-imgCrop__font1 {\r\n        color: var(--idoole-black-008);\r\n        font-size: 16px;\r\n        line-height: 24px !important;\r\n      }\r\n      .ele-imgCrop__font2 {\r\n        color: var(--idoole-black-06);\r\n        font-size: 14px;\r\n        line-height: 22px; \r\n      }\r\n    }\r\n    .ele-imgCrop__update {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      opacity: 0;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n  .ele-imgCrop__right {\r\n    position: relative;\r\n    span {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n    }\r\n  }\r\n  .ele-imgCrop__item {\r\n    width: 480px;\r\n    height: 300px;\r\n    border-radius: 2px;\r\n    border: 1px dashed var(--idooel-form-title-border-color);\r\n    background: var(--idooel-form-upload-bg-color);\r\n  }\r\n}\r\n.ele-imgCrop__tips {\r\n  float: left;\r\n  width: 80%;\r\n}\r\n.ele-imgCrop__error {\r\n  color: var(--idooel-form-border-err-color) !important;\r\n}\r\n.ele-imgCrop__error2 {\r\n  color: var(--idooel-img-crop-err-color) !important;\r\n}\r\n.ele-imgCrop__icon {\r\n  font-size: 48px;\r\n  color: var(--idooel-link-06);\r\n}\r\n</style>","::v-deep .ant-modal-body {\n  padding: 16px;\n}\n\n::v-deep .ant-modal-header {\n  padding: 16px;\n}\n\n.ele-imgCrop__wrapper {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  margin-bottom: 30px;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-imgCrop__font1 {\n  color: var(--idoole-black-008);\n  font-size: 16px;\n  line-height: 24px !important;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-imgCrop__font2 {\n  color: var(--idoole-black-06);\n  font-size: 14px;\n  line-height: 22px;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__update {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: pointer;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__right {\n  position: relative;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__right span {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.ele-imgCrop__wrapper .ele-imgCrop__item {\n  width: 480px;\n  height: 300px;\n  border-radius: 2px;\n  border: 1px dashed var(--idooel-form-title-border-color);\n  background: var(--idooel-form-upload-bg-color);\n}\n\n.ele-imgCrop__tips {\n  float: left;\n  width: 80%;\n}\n\n.ele-imgCrop__error {\n  color: var(--idooel-form-border-err-color) !important;\n}\n\n.ele-imgCrop__error2 {\n  color: var(--idooel-img-crop-err-color) !important;\n}\n\n.ele-imgCrop__icon {\n  font-size: 48px;\n  color: var(--idooel-link-06);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$1 = "data-v-40c0f4e6";
+  const __vue_scope_id__$1 = "data-v-12d28c57";
   /* module identifier */
   const __vue_module_identifier__$1 = undefined;
   /* functional template */
@@ -6342,11 +6425,11 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = function (inject) {
     if (!inject) return
-    inject("data-v-01907d28_0", { source: ".ele-editor__bottom[data-v-01907d28] {\n  height: 40px;\n  padding: 8px 20px 8px 8px;\n  border: 1px solid var(--idooel-form-title-border-color);\n  border-top: 0px;\n}\n.ele-editor__bottom span[data-v-01907d28] {\n  color: var(--idoole-black-008);\n  text-align: right;\n  font-size: 12px;\n  line-height: 20px;\n  width: 100%;\n  display: inline-block;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/text-editor/src/index.vue","index.vue"],"names":[],"mappings":"AA0DA;EACA,YAAA;EACA,yBAAA;EACA,uDAAA;EACA,eAAA;ACzDA;AD0DA;EACA,8BAAA;EACA,iBAAA;EACA,eAAA;EACA,iBAAA;EACA,WAAA;EACA,qBAAA;ACxDA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"ele-editor__wrapper\" :style=\"{width: editorWidth, height: editorHeight}\">\n    <Vueditor :ref=\"getVueditor\" :style=\"{width: editorWidth, height: editorHeight}\"></Vueditor>\n    <div class=\"ele-editor__bottom\">\n      <span>{{ innerContent.length }}字</span>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { v4 as uuidv4 } from 'uuid'\nexport default {\n  name: 'ele-text-editor',\n  props: {\n    editorWidth: {\n      type: String\n    },\n    editorHeight: {\n      type: String\n    },\n    maxLength: {\n      type: Number,\n      default () {\n        return 10\n      }\n    }\n  },\n  data() {\n    return {\n      editorConfig: {},\n      textEditorRef: null\n    }\n  },\n  computed: {\n    innerContent () {\n      let content = this.textEditorRef ? this.textEditorRef.getContent() : ''\n      if (this.textEditorRef && content.length > this.maxLength) {\n        content = content.substring(0, this.maxLength)\n        this.$nextTick(() => {\n          this.textEditorRef.setContent(content)\n        })\n      }\n      this.$emit('input', content)\n      return content\n    },\n    getVueditor () {\n      return uuidv4()\n    }\n  },\n  watch: {},\n  methods: {},\n  mounted () {\n    this.textEditorRef = this.$refs[this.getVueditor]\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ele-editor__bottom {\n  height: 40px;\n  padding: 8px 20px 8px 8px;\n  border: 1px solid var(--idooel-form-title-border-color);\n  border-top: 0px;\n  span {\n    color: var(--idoole-black-008);\n    text-align: right;\n    font-size: 12px;\n    line-height: 20px;\n    width: 100%;\n    display: inline-block;\n  }\n}\n</style>",".ele-editor__bottom {\n  height: 40px;\n  padding: 8px 20px 8px 8px;\n  border: 1px solid var(--idooel-form-title-border-color);\n  border-top: 0px;\n}\n.ele-editor__bottom span {\n  color: var(--idoole-black-008);\n  text-align: right;\n  font-size: 12px;\n  line-height: 20px;\n  width: 100%;\n  display: inline-block;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-38da74e1_0", { source: ".ele-editor__bottom[data-v-38da74e1] {\n  height: 40px;\n  padding: 8px 20px 8px 8px;\n  border: 1px solid var(--idooel-form-title-border-color);\n  border-top: 0px;\n}\n.ele-editor__bottom span[data-v-38da74e1] {\n  color: var(--idoole-black-008);\n  text-align: right;\n  font-size: 12px;\n  line-height: 20px;\n  width: 100%;\n  display: inline-block;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\text-editor\\src\\index.vue","index.vue"],"names":[],"mappings":"AA0DA;EACA,YAAA;EACA,yBAAA;EACA,uDAAA;EACA,eAAA;ACzDA;AD0DA;EACA,8BAAA;EACA,iBAAA;EACA,eAAA;EACA,iBAAA;EACA,WAAA;EACA,qBAAA;ACxDA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"ele-editor__wrapper\" :style=\"{width: editorWidth, height: editorHeight}\">\r\n    <Vueditor :ref=\"getVueditor\" :style=\"{width: editorWidth, height: editorHeight}\"></Vueditor>\r\n    <div class=\"ele-editor__bottom\">\r\n      <span>{{ innerContent.length }}字</span>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { v4 as uuidv4 } from 'uuid'\r\nexport default {\r\n  name: 'ele-text-editor',\r\n  props: {\r\n    editorWidth: {\r\n      type: String\r\n    },\r\n    editorHeight: {\r\n      type: String\r\n    },\r\n    maxLength: {\r\n      type: Number,\r\n      default () {\r\n        return 10\r\n      }\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      editorConfig: {},\r\n      textEditorRef: null\r\n    }\r\n  },\r\n  computed: {\r\n    innerContent () {\r\n      let content = this.textEditorRef ? this.textEditorRef.getContent() : ''\r\n      if (this.textEditorRef && content.length > this.maxLength) {\r\n        content = content.substring(0, this.maxLength)\r\n        this.$nextTick(() => {\r\n          this.textEditorRef.setContent(content)\r\n        })\r\n      }\r\n      this.$emit('input', content)\r\n      return content\r\n    },\r\n    getVueditor () {\r\n      return uuidv4()\r\n    }\r\n  },\r\n  watch: {},\r\n  methods: {},\r\n  mounted () {\r\n    this.textEditorRef = this.$refs[this.getVueditor]\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ele-editor__bottom {\r\n  height: 40px;\r\n  padding: 8px 20px 8px 8px;\r\n  border: 1px solid var(--idooel-form-title-border-color);\r\n  border-top: 0px;\r\n  span {\r\n    color: var(--idoole-black-008);\r\n    text-align: right;\r\n    font-size: 12px;\r\n    line-height: 20px;\r\n    width: 100%;\r\n    display: inline-block;\r\n  }\r\n}\r\n</style>",".ele-editor__bottom {\n  height: 40px;\n  padding: 8px 20px 8px 8px;\n  border: 1px solid var(--idooel-form-title-border-color);\n  border-top: 0px;\n}\n.ele-editor__bottom span {\n  color: var(--idoole-black-008);\n  text-align: right;\n  font-size: 12px;\n  line-height: 20px;\n  width: 100%;\n  display: inline-block;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__ = "data-v-01907d28";
+  const __vue_scope_id__ = "data-v-38da74e1";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */