@idooel/components 0.0.1-beta.82 → 0.0.1-beta.84

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

@@ -20,7 +20,7 @@ import FileUpload from 'vue-upload-component';
 //
 //
 
-var script$F = {
+var script$G = {
   name: 'ele-button',
   props: {
     record: {
@@ -141,10 +141,10 @@ function normalizeComponent(template, style, script, scopeId, isFunctionalTempla
 }
 
 /* script */
-const __vue_script__$F = script$F;
+const __vue_script__$G = script$G;
 
 /* template */
-var __vue_render__$F = function () {
+var __vue_render__$G = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -190,17 +190,17 @@ var __vue_render__$F = function () {
         2
       )
 };
-var __vue_staticRenderFns__$F = [];
-__vue_render__$F._withStripped = true;
+var __vue_staticRenderFns__$G = [];
+__vue_render__$G._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$F = undefined;
+  const __vue_inject_styles__$G = undefined;
   /* scoped */
-  const __vue_scope_id__$F = undefined;
+  const __vue_scope_id__$G = undefined;
   /* module identifier */
-  const __vue_module_identifier__$F = undefined;
+  const __vue_module_identifier__$G = undefined;
   /* functional template */
-  const __vue_is_functional_template__$F = false;
+  const __vue_is_functional_template__$G = false;
   /* style inject */
   
   /* style inject SSR */
@@ -209,23 +209,23 @@ __vue_render__$F._withStripped = true;
   
 
   
-  const __vue_component__$F = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$F, staticRenderFns: __vue_staticRenderFns__$F },
-    __vue_inject_styles__$F,
-    __vue_script__$F,
-    __vue_scope_id__$F,
-    __vue_is_functional_template__$F,
-    __vue_module_identifier__$F,
+  const __vue_component__$G = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$G, staticRenderFns: __vue_staticRenderFns__$G },
+    __vue_inject_styles__$G,
+    __vue_script__$G,
+    __vue_scope_id__$G,
+    __vue_is_functional_template__$G,
+    __vue_module_identifier__$G,
     false,
     undefined,
     undefined,
     undefined
   );
 
-__vue_component__$F.install = Vue => Vue.component(__vue_component__$F.name, __vue_component__$F);
+__vue_component__$G.install = Vue => Vue.component(__vue_component__$G.name, __vue_component__$G);
 
 //
-var script$E = {
+var script$F = {
   name: 'ele-date',
   model: {
     prop: 'value',
@@ -349,10 +349,10 @@ function addStyle(id, css) {
 }
 
 /* script */
-const __vue_script__$E = script$E;
+const __vue_script__$F = script$F;
 
 /* template */
-var __vue_render__$E = function () {
+var __vue_render__$F = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -402,48 +402,48 @@ var __vue_render__$E = function () {
     1
   )
 };
-var __vue_staticRenderFns__$E = [];
-__vue_render__$E._withStripped = true;
+var __vue_staticRenderFns__$F = [];
+__vue_render__$F._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$E = function (inject) {
+  const __vue_inject_styles__$F = function (inject) {
     if (!inject) return
     inject("data-v-7716ba90_0", { source: ".ele-date__wrapper[data-v-7716ba90] {\n  width: 100%;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/date/src/index.vue","index.vue"],"names":[],"mappings":"AA6GA;EACA,WAAA;AC5GA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"ele-date__wrapper\">\n    <a-date-picker \n      style=\"width: 100%;\" \n      :mode=\"modeValue\"\n      v-if=\"modeValue == 'year'\"\n      :open=\"open\"\n      :disabled=\"disabled\"\n      :value=\"value\"\n      :placeholder=\"placeholder\"\n      :show-time=\"showTime\"\n      :show-today=\"showToday\"\n      :valueFormat=\"innerValueFormat\"\n      @panelChange=\"onPanelChange\"\n      @openChange=\"openChange\"\n      @change=\"onChange\"\n      :format=\"format\">\n    </a-date-picker>\n    <a-date-picker \n      v-else\n      style=\"width: 100%;\"\n      :placeholder=\"placeholder\"\n      :open=\"open\"\n      :disabled=\"disabled\"\n      :value=\"value\"\n      :show-time=\"showTime\"\n      :show-today=\"showToday\"\n      :valueFormat=\"innerValueFormat\"\n      @panelChange=\"onPanelChange\"\n      @openChange=\"openChange\"\n      @change=\"onChange\"\n      :format=\"format\">\n    </a-date-picker>\n  </div>\n</template>\n\n<script>\nimport moment from 'moment'\nexport default {\n  name: 'ele-date',\n  model: {\n    prop: 'value',\n    event: 'change'\n  },\n  props: {\n    value: {\n      type: [String, Object]\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    format: {\n      type: String,\n      default: 'YYYY/MM/DD'\n    },\n    mode: {\n      type: String\n    },\n    valueFormat: {\n      type: String\n    },\n    showTime: {\n      type: [Boolean, Object],\n      default: true\n    },\n    showToday: {\n      type: Boolean,\n      default: true\n    },\n    placeholder: {\n      type: String,\n      default: '请选择日期'\n    }\n  },\n  data () {\n    return {\n      open: false\n    }\n  },\n  computed: {\n    innerValueFormat () {\n      if (this.valueFormat) return this.valueFormat\n      return this.format\n    },\n    modeValue () {\n      if (this.mode) return this.mode\n      if (this.format === 'YYYY') return 'year'\n      return 'date'\n    }\n  },\n  methods: {\n    onChange (_, dataString) {\n      this.$emit('input', dataString)\n      this.$emit('change', dataString)\n    },\n    onPanelChange (value, mode) {\n      if (this.modeValue !== 'year') return\n      this.$emit('input', moment(value).format(this.format))\n      this.$emit('change', moment(value).format(this.format))\n      this.open = false\n    },\n    openChange (open) {\n      this.open = open\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.ele-date__wrapper {\n  width: 100%;\n}\n</style>",".ele-date__wrapper {\n  width: 100%;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$E = "data-v-7716ba90";
+  const __vue_scope_id__$F = "data-v-7716ba90";
   /* module identifier */
-  const __vue_module_identifier__$E = undefined;
+  const __vue_module_identifier__$F = undefined;
   /* functional template */
-  const __vue_is_functional_template__$E = false;
+  const __vue_is_functional_template__$F = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$E = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$E, staticRenderFns: __vue_staticRenderFns__$E },
-    __vue_inject_styles__$E,
-    __vue_script__$E,
-    __vue_scope_id__$E,
-    __vue_is_functional_template__$E,
-    __vue_module_identifier__$E,
+  const __vue_component__$F = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$F, staticRenderFns: __vue_staticRenderFns__$F },
+    __vue_inject_styles__$F,
+    __vue_script__$F,
+    __vue_scope_id__$F,
+    __vue_is_functional_template__$F,
+    __vue_module_identifier__$F,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$E.install = Vue => Vue.component(__vue_component__$E.name, __vue_component__$E);
+__vue_component__$F.install = Vue => Vue.component(__vue_component__$F.name, __vue_component__$F);
 
 //
 //
 //
 //
 
-var script$D = {
+var script$E = {
   name: 'ele-input',
   model: {
     prop: 'value',
@@ -471,10 +471,10 @@ var script$D = {
 };
 
 /* script */
-const __vue_script__$D = script$D;
+const __vue_script__$E = script$E;
 
 /* template */
-var __vue_render__$D = function () {
+var __vue_render__$E = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -487,44 +487,44 @@ var __vue_render__$D = function () {
     on: { change: _vm.onChange },
   })
 };
-var __vue_staticRenderFns__$D = [];
-__vue_render__$D._withStripped = true;
+var __vue_staticRenderFns__$E = [];
+__vue_render__$E._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$D = function (inject) {
+  const __vue_inject_styles__$E = 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 });
 
   };
   /* scoped */
-  const __vue_scope_id__$D = "data-v-c04139c8";
+  const __vue_scope_id__$E = "data-v-c04139c8";
   /* module identifier */
-  const __vue_module_identifier__$D = undefined;
+  const __vue_module_identifier__$E = undefined;
   /* functional template */
-  const __vue_is_functional_template__$D = false;
+  const __vue_is_functional_template__$E = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$D = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$D, staticRenderFns: __vue_staticRenderFns__$D },
-    __vue_inject_styles__$D,
-    __vue_script__$D,
-    __vue_scope_id__$D,
-    __vue_is_functional_template__$D,
-    __vue_module_identifier__$D,
+  const __vue_component__$E = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$E, staticRenderFns: __vue_staticRenderFns__$E },
+    __vue_inject_styles__$E,
+    __vue_script__$E,
+    __vue_scope_id__$E,
+    __vue_is_functional_template__$E,
+    __vue_module_identifier__$E,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$D.install = Vue => Vue.component(__vue_component__$D.name, __vue_component__$D);
+__vue_component__$E.install = Vue => Vue.component(__vue_component__$E.name, __vue_component__$E);
 
 //
-var script$C = {
+var script$D = {
   name: 'ele-select',
   props: {
     init: {
@@ -622,10 +622,10 @@ var script$C = {
 };
 
 /* script */
-const __vue_script__$C = script$C;
+const __vue_script__$D = script$D;
 
 /* template */
-var __vue_render__$C = function () {
+var __vue_render__$D = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -646,41 +646,41 @@ var __vue_render__$C = function () {
     1
   )
 };
-var __vue_staticRenderFns__$C = [];
-__vue_render__$C._withStripped = true;
+var __vue_staticRenderFns__$D = [];
+__vue_render__$D._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$C = function (inject) {
+  const __vue_inject_styles__$D = function (inject) {
     if (!inject) return
     inject("data-v-dd210296_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__$C = "data-v-dd210296";
+  const __vue_scope_id__$D = "data-v-dd210296";
   /* module identifier */
-  const __vue_module_identifier__$C = undefined;
+  const __vue_module_identifier__$D = undefined;
   /* functional template */
-  const __vue_is_functional_template__$C = false;
+  const __vue_is_functional_template__$D = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$C = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$C, staticRenderFns: __vue_staticRenderFns__$C },
-    __vue_inject_styles__$C,
-    __vue_script__$C,
-    __vue_scope_id__$C,
-    __vue_is_functional_template__$C,
-    __vue_module_identifier__$C,
+  const __vue_component__$D = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$D, staticRenderFns: __vue_staticRenderFns__$D },
+    __vue_inject_styles__$D,
+    __vue_script__$D,
+    __vue_scope_id__$D,
+    __vue_is_functional_template__$D,
+    __vue_module_identifier__$D,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$C.install = Vue => Vue.component(__vue_component__$C.name, __vue_component__$C);
+__vue_component__$D.install = Vue => Vue.component(__vue_component__$D.name, __vue_component__$D);
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number
@@ -1368,6 +1368,7 @@ const BUILT_IN_EVENT_NAMES = {
 };
 const BUILT_IN_METHODS_NAMES = {
   CLOSE_MODAL: 'closeModal',
+  SUBMIT_FORM: 'submitForm',
   //TODO: not use
   REFRESH_TABLE: 'refreshTable',
   CLEAN_EFFECT: 'cleanEffect'
@@ -1405,7 +1406,7 @@ const parseFieldMap = (fieldMap = {}, dataSource = {}) => {
 
 //
 const MENU_KEY_NAMESPACE = 'f7b3b8b0-1b7b-11ec-9621-0242ac130002';
-var script$B = {
+var script$C = {
   props: {
     record: {
       type: Object
@@ -1532,10 +1533,10 @@ var script$B = {
 };
 
 /* script */
-const __vue_script__$B = script$B;
+const __vue_script__$C = script$C;
 
 /* template */
-var __vue_render__$B = function () {
+var __vue_render__$C = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -1632,9 +1633,7 @@ var __vue_render__$B = function () {
                                       ]
                                     ),
                                   ]
-                                : _vm._e(),
-                              _vm._v(" "),
-                              opt.type == "modal-confirm"
+                                : opt.type == "modal-confirm"
                                 ? [
                                     _c(
                                       "div",
@@ -1700,34 +1699,34 @@ var __vue_render__$B = function () {
     0
   )
 };
-var __vue_staticRenderFns__$B = [];
-__vue_render__$B._withStripped = true;
+var __vue_staticRenderFns__$C = [];
+__vue_render__$C._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$B = function (inject) {
+  const __vue_inject_styles__$C = function (inject) {
     if (!inject) return
-    inject("data-v-3fafa38c_0", { source: ".g-table__action[data-v-3fafa38c] {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item[data-v-3fafa38c] {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item[data-v-3fafa38c]: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":"AA8JA;EACA,aAAA;EACA,mBAAA;AC7JA;AD8JA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC5JA;AD6JA;EACA,cAAA;AC3JA;;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 == 'confirm'\">\n        <div>\n          <a-popconfirm :title=\"item.message\" @confirm=\"handleClickConfirm(item)\">\n            {{ item.label }}\n          </a-popconfirm>\n        </div>\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-if=\"opt.type == 'modal-confirm'\">\n                <div style=\"width: 100%\" @click=\"handleClickModalConfirm(opt)\">{{ opt.label }}</div>\n                <ele-modal-confirm v-bind=\"opt.modalConfirm\" v-on=\"$listeners\" v-model=\"showModalConfirm\"></ele-modal-confirm>\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'\nimport { CONTEXT } from '../../utils'\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  data() {\n    return {\n      showModalConfirm: false\n    }\n  },\n  provide () {\n    return {\n      [CONTEXT]: () => {\n        return {\n          _route: this.$route.query,\n          _routeMeta: this.$route.meta,\n          exposed: this.builtInMethods,\n          ...this.record\n        }\n      }\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        closeModalConfirm: this.closeModalConfirm,\n        showModalConfirm: this.handleClickModalConfirm\n      }\n    }\n  },\n  methods: {\n    closeModalConfirm () {\n      this.showModalConfirm = false\n    },\n    handleClickModalConfirm () {\n      this.showModalConfirm = true\n    },\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, key } = props\n      this.$emit(eventName, { \n        key: value || key, \n        record: this.record,\n        builtInMethods: this.builtInMethods,\n        exposed: 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' || type === 'modal-confirm') return\n      this.$emit(eventName, { \n        key: child, \n        record: this.record, \n        builtInMethods: this.builtInMethods,\n        exposed: 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        exposed: 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-771c0b68_0", { source: ".g-table__action[data-v-771c0b68] {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item[data-v-771c0b68] {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item[data-v-771c0b68]: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":"AA8JA;EACA,aAAA;EACA,mBAAA;AC7JA;AD8JA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC5JA;AD6JA;EACA,cAAA;AC3JA;;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 == 'confirm'\">\n        <div>\n          <a-popconfirm :title=\"item.message\" @confirm=\"handleClickConfirm(item)\">\n            {{ item.label }}\n          </a-popconfirm>\n        </div>\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-if=\"opt.type == 'modal-confirm'\">\n                <div style=\"width: 100%\" @click=\"handleClickModalConfirm(opt)\">{{ opt.label }}</div>\n                <ele-modal-confirm v-bind=\"opt.modalConfirm\" v-on=\"$listeners\" v-model=\"showModalConfirm\"></ele-modal-confirm>\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'\nimport { CONTEXT } from '../../utils'\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  data() {\n    return {\n      showModalConfirm: false\n    }\n  },\n  provide () {\n    return {\n      [CONTEXT]: () => {\n        return {\n          _route: this.$route.query,\n          _routeMeta: this.$route.meta,\n          exposed: this.builtInMethods,\n          ...this.record\n        }\n      }\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        closeModalConfirm: this.closeModalConfirm,\n        showModalConfirm: this.handleClickModalConfirm\n      }\n    }\n  },\n  methods: {\n    closeModalConfirm () {\n      this.showModalConfirm = false\n    },\n    handleClickModalConfirm () {\n      this.showModalConfirm = true\n    },\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, key } = props\n      this.$emit(eventName, { \n        key: value || key, \n        record: this.record,\n        builtInMethods: this.builtInMethods,\n        exposed: 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' || type === 'modal-confirm') return\n      this.$emit(eventName, { \n        key: child, \n        record: this.record, \n        builtInMethods: this.builtInMethods,\n        exposed: 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        exposed: 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 });
 
   };
   /* scoped */
-  const __vue_scope_id__$B = "data-v-3fafa38c";
+  const __vue_scope_id__$C = "data-v-771c0b68";
   /* module identifier */
-  const __vue_module_identifier__$B = undefined;
+  const __vue_module_identifier__$C = undefined;
   /* functional template */
-  const __vue_is_functional_template__$B = false;
+  const __vue_is_functional_template__$C = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$B = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$B, staticRenderFns: __vue_staticRenderFns__$B },
-    __vue_inject_styles__$B,
-    __vue_script__$B,
-    __vue_scope_id__$B,
-    __vue_is_functional_template__$B,
-    __vue_module_identifier__$B,
+  const __vue_component__$C = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$C, staticRenderFns: __vue_staticRenderFns__$C },
+    __vue_inject_styles__$C,
+    __vue_script__$C,
+    __vue_scope_id__$C,
+    __vue_is_functional_template__$C,
+    __vue_module_identifier__$C,
     false,
     createInjector,
     undefined,
@@ -1735,10 +1734,10 @@ __vue_render__$B._withStripped = true;
   );
 
 //
-var script$A = {
+var script$B = {
   name: 'ele-table',
   components: {
-    Actions: __vue_component__$B
+    Actions: __vue_component__$C
   },
   props: {
     // ant table wrapper
@@ -1929,10 +1928,10 @@ var script$A = {
 };
 
 /* script */
-const __vue_script__$A = script$A;
+const __vue_script__$B = script$B;
 
 /* template */
-var __vue_render__$A = function () {
+var __vue_render__$B = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -1998,41 +1997,41 @@ var __vue_render__$A = function () {
     1
   )
 };
-var __vue_staticRenderFns__$A = [];
-__vue_render__$A._withStripped = true;
+var __vue_staticRenderFns__$B = [];
+__vue_render__$B._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$A = function (inject) {
+  const __vue_inject_styles__$B = function (inject) {
     if (!inject) return
     inject("data-v-983131fc_0", { source: ".g-table__wrapper[data-v-983131fc] {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-spin-nested-loading {\n  height: inherit;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-spin-nested-loading .ant-table-fixed-header .ant-table-body-inner {\n  overflow: hidden;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-spin-nested-loading .ant-spin-container {\n  height: inherit;\n}\n.g-table__wrapper[data-v-983131fc]  .ant-spin-nested-loading .ant-spin-container .ant-table {\n  height: inherit;\n}\n.g-table__wrapper[data-v-983131fc]  .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-983131fc]  .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper[data-v-983131fc]  .ant-table-wrapper .ant-table-header tr th {\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-983131fc]  .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-983131fc]  .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-983131fc]  .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-983131fc]  .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-983131fc]  .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-983131fc]  .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-983131fc]  .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[data-v-983131fc]  .g-table__row--even {\n  background: var(--idooel-row-even-color);\n}\n.g-table__wrapper .g-table__row--odd[data-v-983131fc] {\n  background: var(--idooel-row-odd-color);\n}\n.g-table__wrapper .g-table__pagination[data-v-983131fc] {\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  position: relative;\n  z-index: 999;\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":"AAyNA;EA8FA,aAAA;EACA,kBAAA;ACrTA;ADuNA;EACA,eAAA;ACrNA;ADuNA;EACA,gBAAA;ACrNA;ADwNA;EACA,eAAA;ACtNA;ADuNA;EACA,eAAA;ACrNA;ADmOA;EACA,oDAAA;EACA,mBAAA;EACA,wCAAA;ACjOA;ADoOA;EACA,iDAAA;AClOA;ADqOA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;ACnOA;ADyOA;EACA,+CAAA;EACA,2DAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;ACvOA;ADgPA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;AC9OA;AD+OA;EACA,iEAAA;EACA,gCAAA;EACA,qDAAA;AC7OA;AD+OA;EACA,0DAAA;EACA,yBAAA;EACA,8CAAA;AC7OA;AD+OA;EACA,0DAAA;EACA,8CAAA;EACA,yBAAA;AC7OA;ADiPA;EACA,iEAAA;EACA,qDAAA;EACA,gCAAA;AC/OA;ADoPA;EACA,yDAAA;EACA,wBAAA;EACA,6CAAA;AClPA;ADwPA;EACA,wCAAA;ACtPA;ADwPA;EACA,uCAAA;ACtPA;ADwPA;EACA,aAAA;EACA,mBAAA;EACA,oBAAA;EACA,oDAAA;EACA,wCAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;EACA,kBAAA;EACA,YAAA;ACtPA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"g-table__wrapper\" :style=\"{ height: `${height}px` }\">\n    <a-table\n      :class=\"[isNoData && 'g-table__no-data']\"\n      :style=\"{ height: noDataAntTableHeight }\"\n      :pagination=\"false\"\n      :loading=\"loading\"\n      :columns=\"innerColumns\"\n      :row-selection=\"rowSelection\"\n      :row-class-name=\"setRowClassName\"\n      :data-source=\"dataSource\"\n      :scroll=\"getScroll\">\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=\"all => `共 ${all} 条数据`\"\n        show-size-changer \n        show-quick-jumper\n        :pageSize=\"innerPageSize\"\n        :current=\"innerCurrentPage\"\n        :pageSizeOptions=\"pageSizeOptions\"\n        @change=\"onChangePagination\"\n        @showSizeChange=\"onShowSizeChange\"\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    // ant table wrapper\n    height: {\n      type: Number\n    },\n    width: {\n      type: Number\n    },\n    x: {\n      type: Number,\n      default: 1200\n    },\n    y: {\n      type: Number,\n      default: 200\n    },\n    scroll: {\n      type: Object\n    },\n    rowSelection: {\n      type: Object\n    },\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  data() {\n    return {\n      tableHeaderHeight: 0,\n      paginationHeight: 0,\n      innerPageSize: 10,\n      innerCurrentPage: 1,\n      tableContentHeight: 0,\n      obs: [],\n      tableTbodyHeight: 0\n    }\n  },\n  computed: {\n    innerColumns () {\n      return this.columns.filter(col => !Object.keys(col).includes('multiple'))\n    },\n    isNoData () {\n      return !this.dataSource.length\n    },\n    noDataAntTableHeight () {\n      //TODO\n      if (this.dataSource.length) {\n        // return 'auto'\n        return `${this.height - this.paginationHeight - 16}px` \n      }\n      return `${this.height - this.paginationHeight - 16}px` \n    },\n    getScrollHeightByHeight () {\n      const height = this.height - this.tableHeaderHeight - this.paginationHeight\n      console.log('this.height', this.height)\n      console.log('height', height)\n      console.log('this.tableTbodyHeight', this.tableTbodyHeight)\n      if (this.tableTbodyHeight == 0) {\n        //暂无数据\n        document.querySelector('.ant-table-body') && (document.querySelector('.ant-table-body').style.height = 'auto')\n      } else if (this.tableTbodyHeight !== 0 && height > this.tableTbodyHeight) {\n        document.querySelector('.ant-table-content') && (document.querySelector('.ant-table-content').style.height = 'inherit')\n        document.querySelector('.ant-table-scroll') && (document.querySelector('.ant-table-scroll').style.height = 'inherit')\n        document.querySelector('.ant-table-body') && (document.querySelector('.ant-table-body').style.height = 'inherit')\n        if (this.tableTbodyHeight > height) {\n          document.querySelector('.ant-table-content').style.height = 'auto'\n          document.querySelector('.ant-table-scroll').style.height = 'auto'\n          document.querySelector('.ant-table-body').style.height = 'auto'\n        }\n        return 0\n        // 0的时候没有y滚动条\n      }\n      return this.height - this.tableHeaderHeight - this.paginationHeight\n    },\n    isFlexColumn () {\n      return this.columns.every(col => !col.width)\n    },\n    getScroll () {\n      if (this.scroll) {\n        return this.scroll\n      } else {\n        if (this.height) {\n          return { x: this.isFlexColumn ?  0 : this.width > this.x ? 0 : this.x, y: this.getScrollHeightByHeight }\n        }\n        return { x: this.isFlexColumn ? 0 : this.width > this.x ? 0 : this.x, y: this.y }\n      }\n    }\n  },\n  watch: {\n    pageSize: {\n      handler (pageSize) {\n        this.innerPageSize = pageSize\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    onShowSizeChange (current, pageSize) {\n      this.innerCurrentPage = current\n      this.innerPageSize = pageSize\n      this.$emit('change-page', current, pageSize)\n    },\n    setPaginationHeight () {\n      this.$nextTick(() => {\n        const { height } = document.querySelector('.g-table__pagination').getBoundingClientRect()\n        this.paginationHeight = height\n      })\n    },\n    setTableHeaderHeight () {\n      this.$nextTick(() => {\n        const el = document.querySelector('.ant-table-header')\n        if (!el) return\n        const { height } = el.getBoundingClientRect()\n        this.tableHeaderHeight = height\n      })\n    },\n    setTableTbodyHeight () {\n      const el = document.querySelector('table .ant-table-tbody')\n      const ob = new ResizeObserver((entries => {\n        if (this.tableHeaderHeight) return\n        for (const _ of entries) {\n          requestAnimationFrame(() => {\n            const { height } = el.getBoundingClientRect()\n            this.tableTbodyHeight = height\n            this.setTableHeaderHeight()\n          })\n        }\n      }))\n      ob.observe(el)\n      this.obs.push(ob)\n    },\n    setRowClassName (record, idx) {\n      return idx % 2 === 0 ? 'g-table__row--even' : 'g-table__row--odd'\n    },\n    onChangePagination (page, pageSize) {\n      this.innerCurrentPage = page\n      this.innerPageSize = pageSize\n      this.$emit('change-page', page, pageSize)\n    }\n  },\n  mounted() {\n    this.setPaginationHeight()\n    setTimeout(() => {\n      this.setTableTbodyHeight()\n    }, 100)\n  },\n  destroyed () {\n    this.obs.forEach(ob => ob.disconnect())\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__wrapper {\n  ::v-deep .ant-spin-nested-loading {\n    height: inherit;\n    .ant-table-fixed-header {\n      .ant-table-body-inner {\n        overflow: hidden;\n      }\n    }\n    .ant-spin-container {\n      height: inherit;\n      .ant-table {\n        height: inherit;\n        .ant-table-content {\n          // height: inherit;\n          // .ant-table-scroll {\n          //   height: inherit;\n          //   .ant-table-body {\n          //     height: inherit;\n          //   }\n          // }\n        }\n      }\n    }\n  }\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      tr {\n        th {\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      }\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  ::v-deep .g-table__row--even {\n    background: var(--idooel-row-even-color);\n  }\n  .g-table__row--odd {\n    background: var(--idooel-row-odd-color);\n  }\n  .g-table__pagination {\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    position: relative;\n    z-index: 999;\n  }\n}\n</style>",".g-table__wrapper {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-table-fixed-header .ant-table-body-inner {\n  overflow: hidden;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-spin-container {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-spin-container .ant-table {\n  height: inherit;\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-header tr th {\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-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-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 .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 ::v-deep .g-table__row--even {\n  background: var(--idooel-row-even-color);\n}\n.g-table__wrapper .g-table__row--odd {\n  background: var(--idooel-row-odd-color);\n}\n.g-table__wrapper .g-table__pagination {\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  position: relative;\n  z-index: 999;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$A = "data-v-983131fc";
+  const __vue_scope_id__$B = "data-v-983131fc";
   /* module identifier */
-  const __vue_module_identifier__$A = undefined;
+  const __vue_module_identifier__$B = undefined;
   /* functional template */
-  const __vue_is_functional_template__$A = false;
+  const __vue_is_functional_template__$B = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$A = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$A, staticRenderFns: __vue_staticRenderFns__$A },
-    __vue_inject_styles__$A,
-    __vue_script__$A,
-    __vue_scope_id__$A,
-    __vue_is_functional_template__$A,
-    __vue_module_identifier__$A,
+  const __vue_component__$B = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$B, staticRenderFns: __vue_staticRenderFns__$B },
+    __vue_inject_styles__$B,
+    __vue_script__$B,
+    __vue_scope_id__$B,
+    __vue_is_functional_template__$B,
+    __vue_module_identifier__$B,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$A.install = Vue => Vue.component(__vue_component__$A.name, __vue_component__$A);
+__vue_component__$B.install = Vue => Vue.component(__vue_component__$B.name, __vue_component__$B);
 
 //
 //
@@ -2062,7 +2061,7 @@ __vue_component__$A.install = Vue => Vue.component(__vue_component__$A.name, __v
 //
 //
 
-var script$z = {
+var script$A = {
   name: 'ele-tree',
   props: {
     treeData: {
@@ -2123,10 +2122,10 @@ var script$z = {
 };
 
 /* script */
-const __vue_script__$z = script$z;
+const __vue_script__$A = script$A;
 
 /* template */
-var __vue_render__$z = function () {
+var __vue_render__$A = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -2202,44 +2201,44 @@ var __vue_render__$z = function () {
     1
   )
 };
-var __vue_staticRenderFns__$z = [];
-__vue_render__$z._withStripped = true;
+var __vue_staticRenderFns__$A = [];
+__vue_render__$A._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$z = function (inject) {
+  const __vue_inject_styles__$A = function (inject) {
     if (!inject) return
     inject("data-v-34ea3fcc_0", { source: ".g-tree__wrapper[data-v-34ea3fcc] {\n  overflow: hidden;\n}\n.g-tree__wrapper[data-v-34ea3fcc]  .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-34ea3fcc]  .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      :checkable=\"checkable\"\n      @select=\"selectTreeNode\"\n      @check=\"checkTreeNode\"\n      :replaceFields=\"replaceFields\"\n      :default-expanded-keys=\"defaultExpandedKeys\"\n      :default-selected-keys=\"defaultSelectedKeys\"\n      :show-line=\"showLine\"\n      blockNode \n      :show-icon=\"showIcon\">\n      <a-icon v-if=\"switcherIcon\" slot=\"switcherIcon\" :type=\"switcherIcon\" />\n      <template #title=\"props\">\n        <span :title=\"props[replaceFields.title]\" class=\"tree-node__title\">\n          {{ props[replaceFields.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    showLine: {\n      type: Boolean,\n      default: false\n    },\n    switcherIcon: {\n      type: String\n    },\n    checkable: {\n      type: Boolean,\n      default: false\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    }\n  },\n  methods: {\n    checkTreeNode (checkedKeys, e) {\n      const { checkedNodes } = e\n      const nodeDatas = checkedNodes.map(item => item.data.props.dataRef)\n      this.$emit('check', checkedKeys, nodeDatas)\n    },\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 });
 
   };
   /* scoped */
-  const __vue_scope_id__$z = "data-v-34ea3fcc";
+  const __vue_scope_id__$A = "data-v-34ea3fcc";
   /* module identifier */
-  const __vue_module_identifier__$z = undefined;
+  const __vue_module_identifier__$A = undefined;
   /* functional template */
-  const __vue_is_functional_template__$z = false;
+  const __vue_is_functional_template__$A = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$z = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$z, staticRenderFns: __vue_staticRenderFns__$z },
-    __vue_inject_styles__$z,
-    __vue_script__$z,
-    __vue_scope_id__$z,
-    __vue_is_functional_template__$z,
-    __vue_module_identifier__$z,
+  const __vue_component__$A = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$A, staticRenderFns: __vue_staticRenderFns__$A },
+    __vue_inject_styles__$A,
+    __vue_script__$A,
+    __vue_scope_id__$A,
+    __vue_is_functional_template__$A,
+    __vue_module_identifier__$A,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$z.install = Vue => Vue.component(__vue_component__$z.name, __vue_component__$z);
+__vue_component__$A.install = Vue => Vue.component(__vue_component__$A.name, __vue_component__$A);
 
 //
-var script$y = {
+var script$z = {
   name: 'ele-tree-table-model',
   props: {
     title: {
@@ -2813,10 +2812,10 @@ var script$y = {
 };
 
 /* script */
-const __vue_script__$y = script$y;
+const __vue_script__$z = script$z;
 
 /* template */
-var __vue_render__$y = function () {
+var __vue_render__$z = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -2978,34 +2977,34 @@ var __vue_render__$y = function () {
     1
   )
 };
-var __vue_staticRenderFns__$y = [];
-__vue_render__$y._withStripped = true;
+var __vue_staticRenderFns__$z = [];
+__vue_render__$z._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$y = function (inject) {
+  const __vue_inject_styles__$z = function (inject) {
     if (!inject) return
     inject("data-v-592e4998_0", { source: ".ele.model__tree-table[data-v-592e4998] {\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-592e4998] {\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-592e4998] {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--bar[data-v-592e4998] {\n  width: 100%;\n  height: 8px;\n  background: var(--idooel-primary-color);\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--text[data-v-592e4998] {\n  text-align: left;\n  padding: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  background: #fff;\n  border-bottom: 1px solid;\n  border-color: var(--idoole-black-016);\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper[data-v-592e4998] {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area[data-v-592e4998] {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 16px;\n  padding-bottom: 8px;\n  padding-right: 16px;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .g-table__wrapper .fsm[data-v-592e4998] {\n  cursor: pointer;\n  color: var(--idooel-primary-color);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/models/tree-table-model/src/index.vue","index.vue"],"names":[],"mappings":"AA6gBA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;AC5gBA;AD8gBA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;AC5gBA;AD+gBA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;AC7gBA;AD+gBA;EACA,WAAA;EACA,WAAA;EACA,uCAAA;EACA,2BAAA;EACA,4BAAA;AC7gBA;AD+gBA;EACA,gBAAA;EACA,aAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,wBAAA;EACA,qCAAA;AC7gBA;ADghBA;EACA,gBAAA;AC9gBA;AD+gBA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,iBAAA;EACA,mBAAA;EACA,mBAAA;AC7gBA;ADghBA;EACA,eAAA;EACA,kCAAA;AC9gBA;;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\" :style=\"{height: `${treeWrapperHeight}px`}\">\n        <ele-tree\n          :tree-data=\"treeData\"\n          :defaultExpandedKeys=\"defaultExpandedKeys\"\n          :defaultSelectedKeys=\"defaultSelectedKeys\"\n          @select=\"selectTreeNode\"\n          :replace-fields=\"mapFields\">\n        </ele-tree>\n      </section>\n    </section>\n    <section class=\"model__table--container\" :ref=\"modelTableContainerRef\">\n      <div class=\"model__table--title\" v-if=\"title\">\n        <template v-if=\"titleMode\">\n          <div :class=\"[`model__table-title--${titleMode}`]\"></div>\n        </template>\n        <template v-else>\n          <div class=\"model__table-title--text\">{{ title }}</div>\n        </template>\n      </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        <div class=\"button-row__area\">\n          <ele-button-group class=\"model-table__button-group\" v-on=\"overrideButtonGroupEvent\" :ref=\"buttonGroup\" @click=\"handleClickButtonGroup\" :data-source=\"getButtonGroupElements\"></ele-button-group>\n          <slot name=\"tags\"></slot>\n          <slot name=\"sub-center\"></slot>\n        </div>\n        <ele-table\n          v-on=\"overrideTableEvent\"\n          :ref=\"tableRef\"\n          :row-selection=\"rowSelection\"\n          :loading=\"loading\" \n          :columns=\"columns\"\n          :total=\"total\"\n          :x=\"x\"\n          :y=\"y\"\n          :height=\"tableHeight\"\n          :width=\"tableWidth\"\n          :actions=\"actions\"\n          :pageSize=\"pageSize\"\n          :pageSizeOptions=\"pageSizeOptions\"\n          :data-source=\"tableData\"\n          @change-page=\"onChangePage\"\n        ></ele-table>\n      </section>\n    </section>\n    <ele-modal-form v-model=\"modalFormValue\" v-on=\"overrideModalFormEvent\" :meta=\"modalFormMeta\"></ele-modal-form>\n    <ele-modal-fsm v-model=\"showFsmModal\" :contextProp=\"fsmContextProp\" :meta=\"fsmMeta\" @cancel=\"handleCloseFsmModal\"></ele-modal-fsm>\n  </section>\n</template>\n\n<script>\nimport { type, net } from '@idooel/shared'\nimport { v4 as uuidv4 } from 'uuid'\nimport { BUILT_IN_EVENT_NAMES, RESERVE_EVENT_NAMES, parseFieldMap, BUILT_IN_TRIGGER, CONTEXT } from '../../../utils'\nexport default {\n  name: 'ele-tree-table-model',\n  props: {\n    title: {\n      type: [Object, String]\n    },\n    overHeight: {\n      type: Number,\n      default: 0\n    },\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    createMeta: {\n      type: Object\n    },\n    editMeta: {\n      type: Object\n    }\n  },\n  provide () {\n    return {\n      requestTreeData: this.requestTreeData,\n      requestTableData: this.requestTableData,\n      [CONTEXT]: () => {\n        return {\n          exposed: { ...this.exposed }\n        }\n      }\n    }\n  },\n  data () {\n    return {\n      tableHeight: 0,\n      tableWidth: 0,\n      modalFormMeta: {},\n      modalFormValue: false,\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      currentRowData: {},\n      treeWrapperHeight: 0,\n      currentTableSelection: this.currentTableMode == 'radio' ? {} : [],\n      showFsmModal: false,\n      fsmMeta: {},\n      fsmContextProp: {}\n    }\n  },\n  computed: {\n    rowSelection () {\n      if (!this.currentTableMode) return void 0\n      return {\n        columnTitle: this.currentSelectionColumn.columnTitle,\n        fixed: true,\n        type: this.currentTableMode,\n        onChange: this.onChangeTableSelection\n      }\n    },\n    currentSelectionColumn () {\n      const { multiple } = this.tableMeta\n      const target = this.columns.find(item => Object.keys(item).includes('multiple'))\n      const isGlobalExistMultiple = Object.keys(this.tableMeta).includes('multiple')\n      if (target) {\n        return target\n      } else if (isGlobalExistMultiple) {\n        return { multiple }\n      }\n      return void 0\n    },\n    x () {\n      const { x } = this.tableMeta\n      return x\n    },\n    y () {\n      const { y } = this.tableMeta\n      return y\n    },\n    currentTableMode () {\n      if (!this.currentSelectionColumn) return void 0\n      const { multiple } = this.currentSelectionColumn\n      if (type.isBool(multiple)) {\n        if (multiple) {\n          return 'checkbox'\n        } else {\n          return 'radio'\n        }\n      } else {\n        return void 0\n      }\n    },\n    modelTableContainerRef () {\n      return uuidv4()\n    },\n    titleMode () {\n      if (type.isObject(this.title)) {\n        const { mode = '' } = this.title\n        return mode\n      }\n      return void 0\n    },\n    tableRef () {\n      return uuidv4()\n    },\n    exposed () {\n      return {\n        currentTableSelection: this.currentTableSelection,\n        currentTreeNode: this.currentTreeNodeData,\n        requestTableData: this.requestTableData,\n        querys: this.tableQuerys,\n        currentRowData: this.currentRowData,\n        setCurrentRowData: this.setCurrentRowData,\n        setCurrentTableSelection: this.setCurrentTableSelection,\n        route: this.$route,\n        _route: this.$route.query,\n        _routeMeta: this.$route.meta\n      }\n    },\n    overrideTableEvent () {\n      const events = this.actions.reduce((ret, action) => {\n        ret[action.eventName] = (e) => {\n          this.$emit(action.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: this.exposed })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.EDIT]: this[BUILT_IN_EVENT_NAMES.EDIT],\n        [BUILT_IN_EVENT_NAMES.SUBMIT]: this[BUILT_IN_EVENT_NAMES.SUBMIT]\n      }\n    },\n    overrideModalFormEvent () {\n      return {\n        ...this.$listeners\n      }\n    },\n    overrideButtonGroupEvent () {\n      const events = this.getButtonGroupElements.reduce((ret, ele) => {\n        ret[ele.eventName] = (e) => {\n          this.$emit(ele.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: this.exposed })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.CREATE]: this[BUILT_IN_EVENT_NAMES.CREATE],\n        exposed: this.exposed\n      }\n    },\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      if (operations) {\n        return operations.elements\n      } else {\n        return []\n      }\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          const { mode = 'text' } = item\n          if (item.render) {\n            return {\n              ...item,\n              customRender: (text, record, index) => {\n                const { $createElement } = this\n                return item.render.call(this, \n                  { h: $createElement, ctx: this },\n                  text ? typeof text == 'object' ? text[item.dataIndex] : text : '', \n                  record, index)\n              }\n            }\n          } else if (mode !== BUILT_IN_TRIGGER.TEXT) {\n            const { [`${mode}Meta`]: modeMeta } = item\n            return {\n              ...item,\n              customRender: (text, record, index) => {\n                return <span onClick={() => this.dispatchTrigger({ mode, record, modeMeta, index })} class={ mode }>{ text }</span>\n              }\n            }\n          }\n          return {\n            ...item\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    mapFields () {\n      const { replaceFields = {} } = this.treeMeta\n      const mapFields = type.isEmpty(replaceFields) ? this.replaceFields : replaceFields\n      return mapFields\n    }\n  },\n  async created () {\n    if (this.showTree) {\n      this.treeData = await this.requestTreeData()\n      const [defaultTreeNode = {}] = this.treeData\n      // const { replaceFields = {} } = this.treeMeta\n      // const mapFields = type.isEmpty(replaceFields) ? this.replaceFields : replaceFields\n      // console.log('replaceFields', this.replaceFields, replaceFields)\n      this.defaultExpandedKeys = [defaultTreeNode[this.mapFields.key]]\n      this.defaultSelectedKeys = [defaultTreeNode[this.mapFields.key]]\n      this.currentTreeNodeData = defaultTreeNode\n    }\n    const { params = {}, fieldMap = {}, overrideInit = false } = this.tableMeta\n    const ctx = { ...this.currentTreeNodeData, _route: this.$route.query }\n    const initQuerys = Object.assign({}, params, parseFieldMap(fieldMap, ctx))\n    if (overrideInit) {\n      this.$emit(RESERVE_EVENT_NAMES.INIT, { ...this.exposed })\n    } else {\n      this.tableData = await this.requestTableData(initQuerys)\n    }\n  },\n  methods: {\n    dispatchTrigger ({ mode, record = {}, modeMeta = { } }) {\n      switch (mode) {\n        case BUILT_IN_TRIGGER.FSM:\n          this[`${BUILT_IN_TRIGGER.FSM}Trigger`](record, modeMeta = type.isEmpty(modeMeta) ? { \n            url: 'api-fsm/workbench/fsm/auditFlow',\n            requestType: 'GET',\n            fieldMap: {\n              modelCode: 'modelCode',\n              businessId: 'businessId'\n            }\n          } : modeMeta)\n          break\n        default:\n          break\n      }\n    },\n    handleCloseFsmModal () {\n      this.showFsmModal = false\n    },\n    [`${BUILT_IN_TRIGGER.FSM}Trigger`] (record, meta) {\n      this.fsmMeta = meta\n      this.fsmContextProp = record\n      this.showFsmModal = true\n    },\n    onChangeTableSelection (_, selectedRows = []) {\n      if (this.currentTableMode === 'radio') {\n        this.currentTableSelection = selectedRows[0]\n        this.$emit('on-change-table-selection', this.currentTableSelection)\n      } else {\n        this.currentTableSelection = selectedRows\n        this.$emit('on-change-table-selection', this.currentTableSelection)\n      }\n    },\n    setCurrentTableSelection (props = {}) {\n      if (this.currentTableMode === 'radio') {\n        this.currentTableSelection = type.isObject(props) ? props : {}\n      } else {\n        this.currentTableSelection = type.isArray(props) ? props : []\n      }\n    },\n    setCurrentRowData (props = {}) {\n      this.currentRowData = props\n    },\n    cleanCurrentModelEffect () {\n      this.setCurrentTableSelection()\n      this.setCurrentRowData({})\n    },\n    [BUILT_IN_EVENT_NAMES.SUBMIT] (props = {}) {\n      this.cleanCurrentModelEffect()\n      this.requestTableData()\n    },\n    [BUILT_IN_EVENT_NAMES.EDIT] (props = {}) {\n      const { record = {} } = props\n      this.currentRowData = record\n      this.modalFormMeta = this.editMeta\n      this.modalFormValue = true\n    },\n    [BUILT_IN_EVENT_NAMES.CREATE] () {\n      this.modalFormMeta = this.createMeta\n      this.modalFormValue = true\n    },\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      const { overrideInit = false } = this.tableMeta\n      this.tableQuerys = Object.assign(this.tableQuerys, props)\n      if (overrideInit) {\n        this.$emit(RESERVE_EVENT_NAMES.TREE_CHANGE, { ...this.exposed })\n      } else {\n        this.tableData = await this.requestTableData()\n      }\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      const { overrideInit = false } = this.tableMeta\n      if (overrideInit) {\n        this.$emit(RESERVE_EVENT_NAMES.TREE_CHANGE, { ...this.exposed })\n      } else {\n        this.tableData = await this.requestTableData(execFieldMapRet)\n      }\n    },\n    async requestTreeData () {\n      const { url, requestType = 'GET', params = {}, fieldMap = {} } = this.treeMeta\n      const fieldMapRet = parseFieldMap(fieldMap, { ...this.currentTreeNodeData, _route: this.$route.query })\n      const ret = await net[requestType.toLowerCase()](\n        url,\n        { ...params, ...fieldMapRet }\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 = 'GET', page = {} } = this.tableMeta\n      const { pageSize = 10 } = page\n      this.tableQuerys = Object.assign(this.tableQuerys, { currentPage: 1, pageSize }, props)\n      this.$emit(RESERVE_EVENT_NAMES.WATCH, { ...this.exposed })\n      this.loading = true\n      const ret = await net[requestType.toLowerCase()](\n        url,\n        this.tableQuerys\n      ).then(resp => {\n        const { data = [], count } = resp || {}\n        this.total = count\n        this.loading = false\n        return (data || []).map(item => {\n          delete item.children\n          return {\n            key: uuidv4(),\n            ...item\n          }\n        })\n      })\n      this.tableData = ret\n      return ret\n    },\n    refreshTreeStatus (props = {}) {},\n    refreshTableStatus (props = {}) {},\n    calculateTableHeight () {\n      const currentViewportHeight = window.innerHeight\n      const tableRef = this.$refs[this.tableRef]\n      const { top: tableToTop, width } = tableRef.$el.getBoundingClientRect()\n      this.tableWidth = width\n      this.tableHeight = currentViewportHeight - tableToTop - this.overHeight\n    },\n    calculateTreeHeight () {\n      if (!this.showTree) return\n      const modelTableContainerRef = this.$refs[this.modelTableContainerRef]\n      const { height } = modelTableContainerRef.getBoundingClientRect()\n      this.treeWrapperHeight = height\n    }\n  },\n  mounted () {\n    this.calculateTableHeight()\n    this.$nextTick(() => {\n      this.calculateTreeHeight()\n    })\n    this.resizeObserverModelTableWrapper = new ResizeObserver(entries => {\n      for (const _ of entries) {\n        requestAnimationFrame(() => {\n          this.calculateTableHeight()\n        })\n      }\n    })\n    this.resizeObserverModelTableWrapper.observe(this.$refs[this.modelTableWrapper])\n  },\n  destroyed () {\n    this.resizeObserverModelTableWrapper.disconnect()\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--title {\n        .model__table-title--bar {\n          width: 100%;\n          height: 8px;\n          background: var(--idooel-primary-color);\n          border-top-left-radius: 4px;\n          border-top-right-radius: 4px;\n        }\n        .model__table-title--text {\n          text-align: left;\n          padding: 16px;\n          font-size: 16px;\n          font-weight: bold;\n          background: #fff;\n          border-bottom: 1px solid;\n          border-color: var(--idoole-black-016);\n        }\n      }\n      .model__table--wrapper {\n        background: #fff;\n        .button-row__area {\n          width: 100%;\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          padding-top: 16px;\n          padding-bottom: 8px;\n          padding-right: 16px;\n        }\n        .g-table__wrapper {\n          .fsm {\n            cursor: pointer;\n            color: var(--idooel-primary-color);\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n",".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--title .model__table-title--bar {\n  width: 100%;\n  height: 8px;\n  background: var(--idooel-primary-color);\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--text {\n  text-align: left;\n  padding: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  background: #fff;\n  border-bottom: 1px solid;\n  border-color: var(--idoole-black-016);\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 16px;\n  padding-bottom: 8px;\n  padding-right: 16px;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .g-table__wrapper .fsm {\n  cursor: pointer;\n  color: var(--idooel-primary-color);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$y = "data-v-592e4998";
+  const __vue_scope_id__$z = "data-v-592e4998";
   /* module identifier */
-  const __vue_module_identifier__$y = undefined;
+  const __vue_module_identifier__$z = undefined;
   /* functional template */
-  const __vue_is_functional_template__$y = false;
+  const __vue_is_functional_template__$z = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$y = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$y, staticRenderFns: __vue_staticRenderFns__$y },
-    __vue_inject_styles__$y,
-    __vue_script__$y,
-    __vue_scope_id__$y,
-    __vue_is_functional_template__$y,
-    __vue_module_identifier__$y,
+  const __vue_component__$z = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$z, staticRenderFns: __vue_staticRenderFns__$z },
+    __vue_inject_styles__$z,
+    __vue_script__$z,
+    __vue_scope_id__$z,
+    __vue_is_functional_template__$z,
+    __vue_module_identifier__$z,
     false,
     createInjector,
     undefined,
@@ -3013,7 +3012,7 @@ __vue_render__$y._withStripped = true;
   );
 
 //
-var script$x = {
+var script$y = {
   name: 'ele-form-group-model',
   props: {
     mode: {
@@ -3293,10 +3292,10 @@ var script$x = {
 };
 
 /* script */
-const __vue_script__$x = script$x;
+const __vue_script__$y = script$y;
 
 /* template */
-var __vue_render__$x = function () {
+var __vue_render__$y = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -3398,34 +3397,34 @@ var __vue_render__$x = function () {
     2
   )
 };
-var __vue_staticRenderFns__$x = [];
-__vue_render__$x._withStripped = true;
+var __vue_staticRenderFns__$y = [];
+__vue_render__$y._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$x = function (inject) {
+  const __vue_inject_styles__$y = function (inject) {
     if (!inject) return
     inject("data-v-770e5c93_0", { source: ".ele.form-group-model__wrapper[data-v-770e5c93] {\n  background: unset;\n  padding-bottom: 80px;\n}\n.ele.form-group-model__wrapper .form-group-model__from[data-v-770e5c93] {\n  background: #fff;\n  margin-top: 16px;\n}\n.ele.form-group-model__wrapper .form-group-model__from[data-v-770e5c93]:first-child {\n  margin-top: unset;\n}\n.ele.form-group-model__wrapper .form-group-model__from .form-group-model__form--title[data-v-770e5c93] {\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-770e5c93] {\n  padding: 16px;\n}\n.ele.form-group-model__wrapper .form-group-model__form--footer[data-v-770e5c93] {\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/models/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 { BUILT_IN_EVENT_NAMES, RESERVE_EVENT_NAMES, parseFieldMap, PAGE_STATUS } from '../../../utils'\nimport { v4 as uuidv4 } from 'uuid'\nimport { type, net } from '@idooel/shared'\nexport default {\n  name: 'ele-form-group-model',\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    routeMetaMode () {\n      return this.$route.meta.mode\n    },\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 || this.routeMetaMode == PAGE_STATUS.CREATE) 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.$nextTick(() => {\n        this.setFieldsValue(formGroupValues)\n      })\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        form.evalDisabledExpression(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 });
 
   };
   /* scoped */
-  const __vue_scope_id__$x = "data-v-770e5c93";
+  const __vue_scope_id__$y = "data-v-770e5c93";
   /* module identifier */
-  const __vue_module_identifier__$x = undefined;
+  const __vue_module_identifier__$y = undefined;
   /* functional template */
-  const __vue_is_functional_template__$x = false;
+  const __vue_is_functional_template__$y = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$x = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$x, staticRenderFns: __vue_staticRenderFns__$x },
-    __vue_inject_styles__$x,
-    __vue_script__$x,
-    __vue_scope_id__$x,
-    __vue_is_functional_template__$x,
-    __vue_module_identifier__$x,
+  const __vue_component__$y = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$y, staticRenderFns: __vue_staticRenderFns__$y },
+    __vue_inject_styles__$y,
+    __vue_script__$y,
+    __vue_scope_id__$y,
+    __vue_is_functional_template__$y,
+    __vue_module_identifier__$y,
     false,
     createInjector,
     undefined,
@@ -3433,7 +3432,7 @@ __vue_render__$x._withStripped = true;
   );
 
 //
-var script$w = {
+var script$x = {
   name: 'ele-form-model',
   props: {
     disabled: {
@@ -3472,7 +3471,10 @@ var script$w = {
     exposed() {
       return {
         setFieldsValue: this.setFieldsValue,
-        validateFields: this.validateFields
+        validateFields: this.validateFields,
+        getFieldsValue: this.getFieldsValue,
+        route: this.$route,
+        [BUILT_IN_METHODS_NAMES.SUBMIT_FORM]: this.submitRequestTrigger
       };
     },
     assignAttrForEvents() {
@@ -3540,8 +3542,13 @@ var script$w = {
     }
   },
   methods: {
-    formModels() {
-      return this.$refs[this.formRef] ? this.$refs[this.formRef].getFieldsValue() : {};
+    onChangeFormStatus(props) {
+      this.$emit(RESERVE_EVENT_NAMES.WATCH_FORM_STATUS, {
+        ...props
+      });
+    },
+    formModels(fieldNames) {
+      return this.$refs[this.formRef] ? this.$refs[this.formRef].getFieldsValue(fieldNames) : {};
     },
     executeExpression(expression, dataSource = {}) {
       if (type.isBool(expression)) return expression;
@@ -3644,6 +3651,9 @@ var script$w = {
     setFieldsValue(props) {
       this.$refs[this.formRef].setFieldsValue(props);
     },
+    getFieldsValue(fieldNames) {
+      return this.$refs[this.formRef].getFieldsValue(fieldNames);
+    },
     validateFields() {
       return this.$refs[this.formRef].validateFields();
     },
@@ -3666,14 +3676,17 @@ var script$w = {
   async mounted() {
     await this.preRequestTrigger();
     await this.infoRequestTrigger();
+    this.$emit(RESERVE_EVENT_NAMES.INIT_FORM, {
+      exposed: this.exposed
+    });
   }
 };
 
 /* script */
-const __vue_script__$w = script$w;
+const __vue_script__$x = script$x;
 
 /* template */
-var __vue_render__$w = function () {
+var __vue_render__$x = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -3703,6 +3716,11 @@ var __vue_render__$w = function () {
         _c("ele-form", {
           ref: _vm.formRef,
           attrs: { elements: _vm.elements, disabled: _vm.globalDisabled },
+          on: {
+            change: function ($event) {
+              return _vm.onChangeFormStatus($event)
+            },
+          },
         }),
       ],
       1
@@ -3726,34 +3744,34 @@ var __vue_render__$w = function () {
       : _vm._e(),
   ])
 };
-var __vue_staticRenderFns__$w = [];
-__vue_render__$w._withStripped = true;
+var __vue_staticRenderFns__$x = [];
+__vue_render__$x._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$w = function (inject) {
+  const __vue_inject_styles__$x = function (inject) {
     if (!inject) return
-    inject("data-v-02358f9a_0", { source: ".form__model--wrapper[data-v-02358f9a] {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background: #fff;\n}\n.form__model--wrapper .form-model__title[data-v-02358f9a] {\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-02358f9a] {\n  padding: 16px;\n}\n.form__model--wrapper .form-model__footer[data-v-02358f9a] {\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/models/form-model/src/index.vue","index.vue"],"names":[],"mappings":"AAuLA;EACA,WAAA;EACA,YAAA;EACA,cAAA;EACA,gBAAA;ACtLA;ADuLA;EACA,YAAA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8DAAA;ACrLA;ADuLA;EACA,aAAA;ACrLA;ADuLA;EACA,iBAAA;EACA,YAAA;EACA,eAAA;EACA,SAAA;EACA,aAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;ACrLA;;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-alert style=\"margin-bottom: 16px;\" v-if=\"alertMeta\" v-bind=\"alertMeta\"></ele-alert>\n      <ele-form :ref=\"formRef\" :elements=\"elements\" :disabled=\"globalDisabled\"></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 { BUILT_IN_EVENT_NAMES, parseFieldMap, RESERVE_EVENT_NAMES, PAGE_STATUS, CONTEXT } from '../../../utils'\nimport { v4 as uuidv4 } from 'uuid'\nimport { net, type } from '@idooel/shared'\nimport { parse } from '@idooel/expression'\nexport default {\n  name: 'ele-form-model',\n  props: {\n    disabled: {\n      type: [Boolean, String],\n      default: '_routeMeta.disabled'\n    },\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  provide () {\n    return {\n      [CONTEXT]: () => {\n        return {\n          exposed: this.exposed\n        }\n      }\n    }\n  },\n  computed: {\n    globalDisabled () {\n      return this.executeExpression(this.disabled)\n    },\n    formRef () {\n      return uuidv4()\n    },\n    exposed () {\n      return {\n        setFieldsValue: this.setFieldsValue,\n        validateFields: this.validateFields\n      }\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(), exposed: this.exposed })\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    alertMeta () {\n      const { alert = {} } = this.formMeta\n      return type.isEmpty(alert) ? null : alert\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    expressionData () {\n      return {\n        _route: this.$route.query,\n        _routeMeta: this.$route.meta\n      }\n    },\n    routeMetaMode () {\n      return this.$route.meta.mode\n    }\n  },\n  methods: {\n    formModels () {\n      return this.$refs[this.formRef] ? this.$refs[this.formRef].getFieldsValue() : {}\n    },\n    executeExpression (expression, dataSource = {}) {\n      if (type.isBool(expression)) return expression\n      if (type.isEmpty(expression)) return false\n      return parse(expression, { ...this.expressionData, ...this.formModels(), ...dataSource })\n    },\n    execFieldMap (fieldMap = {}, dataSource = {}) {\n      const ret = parseFieldMap(fieldMap, { ...this.expressionData, ...dataSource})\n      return ret\n    },\n    async submitRequestTrigger (props = {}) {\n      const { url, requestType, headers = {}, params = {}, fieldMap = {} } = this.submitRequest\n      const currentUrl = this.executeExpressionForUrl(url)\n      if (!currentUrl) return\n      const ret = await net[requestType.toLowerCase()](currentUrl, { ...params, ...this.execFieldMap(fieldMap, { ...this.formModels() }), ...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    async infoRequestTrigger () {\n      if (PAGE_STATUS.CREATE == this.routeMetaMode) return\n      const { url, requestType, params = {}, fieldMap = {}, headers = {} } = this.infoRequest\n      const currentUrl = this.executeExpressionForUrl(url)\n      if (!currentUrl) return\n      net[requestType.toLowerCase()](currentUrl, { ...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      const currentUrl = this.executeExpressionForUrl(url)\n      if (!currentUrl) return\n      const { data } = await net[requestType.toLowerCase()](currentUrl, { ...params, ...this.execFieldMap(fieldMap) }, { ...headers })\n      this.setFieldsValue(data)\n      this.$emit(RESERVE_EVENT_NAMES.INIT_FORM, { ...data })\n    },\n    executeExpressionForUrl (url) {\n      return type.isApi(url) ? url : this.executeExpression(url)\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      if (this.globalDisabled) return\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-7f58ae9a_0", { source: ".form__model--wrapper[data-v-7f58ae9a] {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background: #fff;\n}\n.form__model--wrapper .form-model__title[data-v-7f58ae9a] {\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-7f58ae9a] {\n  padding: 16px;\n}\n.form__model--wrapper .form-model__footer[data-v-7f58ae9a] {\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/models/form-model/src/index.vue","index.vue"],"names":[],"mappings":"AAiMA;EACA,WAAA;EACA,YAAA;EACA,cAAA;EACA,gBAAA;AChMA;ADiMA;EACA,YAAA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8DAAA;AC/LA;ADiMA;EACA,aAAA;AC/LA;ADiMA;EACA,iBAAA;EACA,YAAA;EACA,eAAA;EACA,SAAA;EACA,aAAA;EACA,YAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;AC/LA;;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-alert style=\"margin-bottom: 16px;\" v-if=\"alertMeta\" v-bind=\"alertMeta\"></ele-alert>\n      <ele-form :ref=\"formRef\" @change=\"onChangeFormStatus($event)\" :elements=\"elements\" :disabled=\"globalDisabled\"></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 { BUILT_IN_EVENT_NAMES, parseFieldMap, RESERVE_EVENT_NAMES, PAGE_STATUS, CONTEXT, BUILT_IN_METHODS_NAMES } from '../../../utils'\nimport { v4 as uuidv4 } from 'uuid'\nimport { net, type } from '@idooel/shared'\nimport { parse } from '@idooel/expression'\nexport default {\n  name: 'ele-form-model',\n  props: {\n    disabled: {\n      type: [Boolean, String],\n      default: '_routeMeta.disabled'\n    },\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  provide () {\n    return {\n      [CONTEXT]: () => {\n        return {\n          exposed: this.exposed\n        }\n      }\n    }\n  },\n  computed: {\n    globalDisabled () {\n      return this.executeExpression(this.disabled)\n    },\n    formRef () {\n      return uuidv4()\n    },\n    exposed () {\n      return {\n        setFieldsValue: this.setFieldsValue,\n        validateFields: this.validateFields,\n        getFieldsValue: this.getFieldsValue,\n        route: this.$route,\n        [BUILT_IN_METHODS_NAMES.SUBMIT_FORM]: this.submitRequestTrigger\n      }\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(), exposed: this.exposed })\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    alertMeta () {\n      const { alert = {} } = this.formMeta\n      return type.isEmpty(alert) ? null : alert\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    expressionData () {\n      return {\n        _route: this.$route.query,\n        _routeMeta: this.$route.meta\n      }\n    },\n    routeMetaMode () {\n      return this.$route.meta.mode\n    }\n  },\n  methods: {\n    onChangeFormStatus (props) {\n      this.$emit(RESERVE_EVENT_NAMES.WATCH_FORM_STATUS, { ...props })\n    },\n    formModels (fieldNames) {\n      return this.$refs[this.formRef] ? this.$refs[this.formRef].getFieldsValue(fieldNames) : {}\n    },\n    executeExpression (expression, dataSource = {}) {\n      if (type.isBool(expression)) return expression\n      if (type.isEmpty(expression)) return false\n      return parse(expression, { ...this.expressionData, ...this.formModels(), ...dataSource })\n    },\n    execFieldMap (fieldMap = {}, dataSource = {}) {\n      const ret = parseFieldMap(fieldMap, { ...this.expressionData, ...dataSource})\n      return ret\n    },\n    async submitRequestTrigger (props = {}) {\n      const { url, requestType, headers = {}, params = {}, fieldMap = {} } = this.submitRequest\n      const currentUrl = this.executeExpressionForUrl(url)\n      if (!currentUrl) return\n      const ret = await net[requestType.toLowerCase()](currentUrl, { ...params, ...this.execFieldMap(fieldMap, { ...this.formModels() }), ...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    async infoRequestTrigger () {\n      if (PAGE_STATUS.CREATE == this.routeMetaMode) return\n      const { url, requestType, params = {}, fieldMap = {}, headers = {} } = this.infoRequest\n      const currentUrl = this.executeExpressionForUrl(url)\n      if (!currentUrl) return\n      net[requestType.toLowerCase()](currentUrl, { ...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      const currentUrl = this.executeExpressionForUrl(url)\n      if (!currentUrl) return\n      const { data } = await net[requestType.toLowerCase()](currentUrl, { ...params, ...this.execFieldMap(fieldMap) }, { ...headers })\n      this.setFieldsValue(data)\n      this.$emit(RESERVE_EVENT_NAMES.INIT_FORM, { ...data })\n    },\n    executeExpressionForUrl (url) {\n      return type.isApi(url) ? url : this.executeExpression(url)\n    },\n    setFieldsValue (props) {\n      this.$refs[this.formRef].setFieldsValue(props)\n    },\n    getFieldsValue (fieldNames) {\n      return this.$refs[this.formRef].getFieldsValue(fieldNames)\n    },\n    validateFields () {\n      return this.$refs[this.formRef].validateFields()\n    },\n    [BUILT_IN_EVENT_NAMES.SUBMIT] (props = {}) {\n      if (this.globalDisabled) return\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    this.$emit(RESERVE_EVENT_NAMES.INIT_FORM, { exposed: this.exposed })\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 });
 
   };
   /* scoped */
-  const __vue_scope_id__$w = "data-v-02358f9a";
+  const __vue_scope_id__$x = "data-v-7f58ae9a";
   /* module identifier */
-  const __vue_module_identifier__$w = undefined;
+  const __vue_module_identifier__$x = undefined;
   /* functional template */
-  const __vue_is_functional_template__$w = false;
+  const __vue_is_functional_template__$x = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$w = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$w, staticRenderFns: __vue_staticRenderFns__$w },
-    __vue_inject_styles__$w,
-    __vue_script__$w,
-    __vue_scope_id__$w,
-    __vue_is_functional_template__$w,
-    __vue_module_identifier__$w,
+  const __vue_component__$x = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$x, staticRenderFns: __vue_staticRenderFns__$x },
+    __vue_inject_styles__$x,
+    __vue_script__$x,
+    __vue_scope_id__$x,
+    __vue_is_functional_template__$x,
+    __vue_module_identifier__$x,
     false,
     createInjector,
     undefined,
@@ -3761,7 +3779,7 @@ __vue_render__$w._withStripped = true;
   );
 
 //
-var script$v = {
+var script$w = {
   name: 'ele-step-model',
   props: {
     stepMeta: {
@@ -3952,10 +3970,10 @@ var script$v = {
 };
 
 /* script */
-const __vue_script__$v = script$v;
+const __vue_script__$w = script$w;
 
 /* template */
-var __vue_render__$v = function () {
+var __vue_render__$w = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -4021,34 +4039,34 @@ var __vue_render__$v = function () {
     ),
   ])
 };
-var __vue_staticRenderFns__$v = [];
-__vue_render__$v._withStripped = true;
+var __vue_staticRenderFns__$w = [];
+__vue_render__$w._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$v = function (inject) {
+  const __vue_inject_styles__$w = function (inject) {
     if (!inject) return
     inject("data-v-1919f228_0", { source: ".ele-step-model__wrapper[data-v-1919f228] {\n  width: 100%;\n  height: 100vh;\n  position: relative;\n}\n.ele-step-model__wrapper .ele-step-model__step--wrapper[data-v-1919f228] {\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-1919f228] {\n  text-align: left;\n}\n.ele-step-model__wrapper .ele-step-model__content--wrapper[data-v-1919f228] {\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-1919f228] {\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/models/step-model/src/index.vue","index.vue"],"names":[],"mappings":"AAwLA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ACvLA;ADwLA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,gBAAA;ACtLA;ADwLA;EACA,gBAAA;ACtLA;AD0LA;EACA,WAAA;EACA,WAAA;EACA,gBAAA;EACA,mBAAA;EACA,+CAAA;EACA,cAAA;ACxLA;AD0LA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,SAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;ACxLA;;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 { BUILT_IN_EVENT_NAMES, CONTEXT } from '../../../utils'\nimport { parse } from '@idooel/expression'\nimport { type } from '@idooel/shared'\nexport default {\n  name: 'ele-step-model',\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  provide() {\n    return {\n      [CONTEXT]: () => {\n        return {\n          ...this.expressionData\n        }\n      }\n    }\n  },\n  computed: {\n    routeMetaDisabled () {\n      return this.executeExpression(this.$route.meta.disabled)\n    },\n    expressionData () {\n      return {\n        current: this.current,\n        _route: this.$route.query,\n        _routeMeta: this.$route.meta\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        [BUILT_IN_EVENT_NAMES.SUBMIT]: this[BUILT_IN_EVENT_NAMES.SUBMIT]\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    executeExpression (expression) {\n      if (type.isBool(expression)) return expression\n      if (type.isEmpty(expression)) return false\n      return parse(expression, { ...this.expressionData })\n    },\n    evalShowExpressionForFooterElements () {\n      this.innerFooterElements = this.innerFooterElements.map(element => {\n        const { show = true, key, eventName } = element\n        if(key == BUILT_IN_EVENT_NAMES.SUBMIT || eventName == BUILT_IN_EVENT_NAMES.SUBMIT) {\n          // built in submit button should according to the route meta disabled\n          this.$set(element, '_show', this.executeExpression(show, this.expressionData) && !this.routeMetaDisabled)\n          return element\n        }\n        show && this.$set(element, '_show', this.executeExpression(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    [BUILT_IN_EVENT_NAMES.SUBMIT] (props) {\n      const currentComponent = this.getCurrentSlotComponentRef() || {}\n      const hasSubmitMethod = currentComponent.hasOwnProperty(BUILT_IN_EVENT_NAMES.SUBMIT)\n      hasSubmitMethod && currentComponent[BUILT_IN_EVENT_NAMES.SUBMIT]()\n      this.$emit(BUILT_IN_EVENT_NAMES.SUBMIT, { ...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'import meta from '@/views/tree-table-page/meta'\n\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__$v = "data-v-1919f228";
+  const __vue_scope_id__$w = "data-v-1919f228";
   /* module identifier */
-  const __vue_module_identifier__$v = undefined;
+  const __vue_module_identifier__$w = undefined;
   /* functional template */
-  const __vue_is_functional_template__$v = false;
+  const __vue_is_functional_template__$w = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$v = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$v, staticRenderFns: __vue_staticRenderFns__$v },
-    __vue_inject_styles__$v,
-    __vue_script__$v,
-    __vue_scope_id__$v,
-    __vue_is_functional_template__$v,
-    __vue_module_identifier__$v,
+  const __vue_component__$w = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$w, staticRenderFns: __vue_staticRenderFns__$w },
+    __vue_inject_styles__$w,
+    __vue_script__$w,
+    __vue_scope_id__$w,
+    __vue_is_functional_template__$w,
+    __vue_module_identifier__$w,
     false,
     createInjector,
     undefined,
@@ -4056,7 +4074,7 @@ __vue_render__$v._withStripped = true;
   );
 
 //
-var script$u = {
+var script$v = {
   name: 'ele-tpl',
   props: {
     modelName: {
@@ -4064,10 +4082,10 @@ var script$u = {
     }
   },
   components: {
+    [__vue_component__$z.name]: __vue_component__$z,
     [__vue_component__$y.name]: __vue_component__$y,
-    [__vue_component__$x.name]: __vue_component__$x,
-    [__vue_component__$v.name]: __vue_component__$v,
-    [__vue_component__$w.name]: __vue_component__$w
+    [__vue_component__$w.name]: __vue_component__$w,
+    [__vue_component__$x.name]: __vue_component__$x
   },
   computed: {
     modelNameValidator() {
@@ -4089,10 +4107,10 @@ var script$u = {
 };
 
 /* script */
-const __vue_script__$u = script$u;
+const __vue_script__$v = script$v;
 
 /* template */
-var __vue_render__$u = function () {
+var __vue_render__$v = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -4130,44 +4148,44 @@ var __vue_render__$u = function () {
         domProps: { innerHTML: _vm._s(_vm.modelNameValidator.message) },
       })
 };
-var __vue_staticRenderFns__$u = [];
-__vue_render__$u._withStripped = true;
+var __vue_staticRenderFns__$v = [];
+__vue_render__$v._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$u = function (inject) {
+  const __vue_inject_styles__$v = function (inject) {
     if (!inject) return
     inject("data-v-cb05e1de_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-064: rgba(0, 0, 0, 0.64);\n  --idoole-black-088: rgba(0, 0, 0, 0.88);\n  --idoole-black-016: rgba(0, 0, 0, 0.16);\n  --idooel-disabled-border-color: rgba(0, 0, 0, 0.16);\n  --idoole-success-06: #52C41A;\n  --idoole-warning-06: #FAAD14;\n  --idoole-error-06: #F5222D;\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n  --idooel-row-even-color: #F0FAFF;\n  --idooel-row-odd-color: #FFF;\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.ant-input-disabled {\n  border-color: var(--idooel-disabled-border-color) !important;\n}\n.ant-select-disabled .ant-select-selection {\n  border-color: var(--idooel-disabled-border-color) !important;\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,uCAAuC;EACvC,uCAAuC;EACvC,mDAAmD;EACnD,4BAA4B;EAC5B,4BAA4B;EAC5B,0BAA0B;EAC1B,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,qCAAqC;EACrC,gCAAgC;EAChC,4BAA4B;EAC5B,qDAAqD;EACrD,kDAAkD;EAClD,gDAAgD;EAChD,gCAAgC;EAChC,uCAAuC;EACvC,yBAAyB;EACzB,yBAAyB;EACzB,oCAAoC;AACtC;AAEA;EACE,4DAA4D;AAC9D;AAEA;EACE,4DAA4D;AAC9D;;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-064: rgba(0, 0, 0, 0.64);\n  --idoole-black-088: rgba(0, 0, 0, 0.88);\n  --idoole-black-016: rgba(0, 0, 0, 0.16);\n  --idooel-disabled-border-color: rgba(0, 0, 0, 0.16);\n  --idoole-success-06: #52C41A;\n  --idoole-warning-06: #FAAD14;\n  --idoole-error-06: #F5222D;\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n  --idooel-row-even-color: #F0FAFF;\n  --idooel-row-odd-color: #FFF;\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.ant-input-disabled {\n  border-color: var(--idooel-disabled-border-color) !important;\n}\n\n.ant-select-disabled .ant-select-selection {\n  border-color: var(--idooel-disabled-border-color) !important;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$u = undefined;
+  const __vue_scope_id__$v = undefined;
   /* module identifier */
-  const __vue_module_identifier__$u = undefined;
+  const __vue_module_identifier__$v = undefined;
   /* functional template */
-  const __vue_is_functional_template__$u = false;
+  const __vue_is_functional_template__$v = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$u = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$u, staticRenderFns: __vue_staticRenderFns__$u },
-    __vue_inject_styles__$u,
-    __vue_script__$u,
-    __vue_scope_id__$u,
-    __vue_is_functional_template__$u,
-    __vue_module_identifier__$u,
+  const __vue_component__$v = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$v, staticRenderFns: __vue_staticRenderFns__$v },
+    __vue_inject_styles__$v,
+    __vue_script__$v,
+    __vue_scope_id__$v,
+    __vue_is_functional_template__$v,
+    __vue_module_identifier__$v,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$u.install = Vue => Vue.component(__vue_component__$u.name, __vue_component__$u);
+__vue_component__$v.install = Vue => Vue.component(__vue_component__$v.name, __vue_component__$v);
 
 //
-var script$t = {
+var script$u = {
   name: 'ele-form',
   props: {
     disabled: {
@@ -4186,7 +4204,15 @@ var script$t = {
   data() {
     return {};
   },
+  inject: {
+    [CONTEXT]: {
+      default: () => () => ({})
+    }
+  },
   computed: {
+    contextData() {
+      return this[CONTEXT].call(this);
+    },
     globalDisabled() {
       return this.executeExpression(this.disabled);
     },
@@ -4291,8 +4317,8 @@ var script$t = {
     setFieldsValue(props = {}) {
       this.form.setFieldsValue(props);
     },
-    getFieldsValue() {
-      return this.form.getFieldsValue();
+    getFieldsValue(fieldNames) {
+      return this.form.getFieldsValue(fieldNames);
     }
   },
   mounted() {
@@ -4304,10 +4330,10 @@ var script$t = {
 };
 
 /* script */
-const __vue_script__$t = script$t;
+const __vue_script__$u = script$u;
 
 /* template */
-var __vue_render__$t = function () {
+var __vue_render__$u = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -4769,6 +4795,53 @@ var __vue_render__$t = function () {
                                   1
                                 ),
                               ]
+                            : ele.type == "ele-tree-select"
+                            ? [
+                                _c(
+                                  "a-form-item",
+                                  { attrs: { label: ele.label + "：" } },
+                                  [
+                                    _c(
+                                      "ele-tree-select",
+                                      _vm._b(
+                                        {
+                                          directives: [
+                                            {
+                                              name: "decorator",
+                                              rawName: "v-decorator",
+                                              value: [
+                                                ele.name,
+                                                {
+                                                  rules: _vm.rebuildRules(
+                                                    ele.rules
+                                                  ),
+                                                },
+                                              ],
+                                              expression:
+                                                "[ele.name, { rules: rebuildRules(ele.rules) }]",
+                                            },
+                                          ],
+                                          staticStyle: { width: "100%" },
+                                          attrs: {
+                                            disabled: _vm.executeExpression(
+                                              ele._disabled
+                                            ),
+                                          },
+                                          on: {
+                                            change: function ($event) {
+                                              return _vm.onChange($event, ele)
+                                            },
+                                          },
+                                        },
+                                        "ele-tree-select",
+                                        ele.meta,
+                                        false
+                                      )
+                                    ),
+                                  ],
+                                  1
+                                ),
+                              ]
                             : _vm._e(),
                         ],
                         2
@@ -4786,41 +4859,41 @@ var __vue_render__$t = function () {
     1
   )
 };
-var __vue_staticRenderFns__$t = [];
-__vue_render__$t._withStripped = true;
+var __vue_staticRenderFns__$u = [];
+__vue_render__$u._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$t = function (inject) {
+  const __vue_inject_styles__$u = function (inject) {
     if (!inject) return
-    inject("data-v-25b58663_0", { source: ".ele__form--wrapper[data-v-25b58663] {\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":"AAwQA;EACA,gBAAA;ACvQA;;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        <template v-for=\"ele in elements\">\n          <a-col v-if=\"executeExpression(ele._show)\" :span=\"ele.span\" :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: rebuildRules(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: rebuildRules(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                  :init=\"ele.init\"\n                  :url=\"ele.url\"\n                  :params=\"ele.params\" \n                  @change=\"onChange($event, ele)\"\n                  v-decorator=\"[ele.name, { rules: rebuildRules(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: rebuildRules(ele.rules) }]\" \n                  :ext=\"ele.ext\"\n                  :multiple=\"ele.multiple\"\n                  :accept=\"ele.accept\"\n                  :extensions=\"ele.extensions\"\n                  :size=\"ele.size\"\n                  :icon=\"ele.icon\"\n                  :url=\"ele.url\"\n                  :message=\"ele.message\" \n                  style=\"width:100%;\">\n                </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: rebuildRules(ele.rules) }]\" \n                style=\"width:100%;\">\n              </ele-date-range>\n              </a-form-item>\n            </template>\n            <template v-else-if=\"ele.type == 'ele-date'\">\n              <a-form-item :label=\"`${ele.label}：`\">\n                <ele-date\n                  :format=\"ele.format\"\n                  :mode=\"ele.mode\"\n                  :show-time=\"ele.showTime\"\n                  :show-today=\"ele.showToday\"\n                  :value-format=\"ele.valueFormat\"\n                  :disabled=\"executeExpression(ele._disabled)\" \n                  v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \n                  style=\"width:100%;\">\n                </ele-date>\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: rebuildRules(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: rebuildRules(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: rebuildRules(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: rebuildRules(ele.rules) }]\" \n                  style=\"width:100%;\">\n                </ele-radio>\n              </a-form-item>\n            </template>\n            <template v-else-if=\"ele.type == 'ele-form-img-crop'\">\n              <a-form-item :label=\"`${ele.label}：`\">\n                <ele-form-img-crop\n                  @change=\"onChange($event, ele)\"\n                  :width=\"ele.width\"\n                  :height=\"ele.height\"\n                  :modal-title=\"ele.modalTitle\"\n                  :oper-text=\"ele.operText\"\n                  :disabled=\"executeExpression(ele._disabled)\" \n                  v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \n                  style=\"width:100%;\">\n                </ele-form-img-crop>\n              </a-form-item>\n            </template>\n          </a-col>\n        </template>\n      </a-row>\n    </a-form>\n  </div>\n</template>\n\n<script>\nimport { parse } from '@idooel/expression'\nimport { type } from '@idooel/shared'\nexport default {\n  name: 'ele-form',\n  props: {\n    disabled: {\n      type: [Boolean, String],\n      default: '_routeMeta.disabled'\n    },\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    globalDisabled () {\n      return this.executeExpression(this.disabled)\n    },\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    rebuildRules (rules = []) {\n      //TODO\n      rules.map(rule => {\n        const { validator } = rule\n        if (validator) {\n          validator.formModel = this.getFieldsValue()\n          validator.exposed = this.exposedMethods\n        }\n      })\n      return rules\n    },\n    dispatchExpression () {\n      this.evalDisabledExpression()\n      this.evalShowExpression()\n    },\n    evalDisabledExpression () {\n      this.elements.forEach(ele => {\n        if (this.globalDisabled) return this.$set(ele, '_disabled', true)\n        const { disabled } = ele\n        const ret = this.executeExpression(disabled)\n        this.$set(ele, '_disabled', ret)\n      })\n    },\n    evalShowExpression () {\n      this.elements.forEach(ele => {\n        const { show = true } = ele\n        const ret = this.executeExpression(show)\n        this.$set(ele, '_show', 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(), _route: this.$route.query, _routeMeta: this.$route.meta })\n    },\n    onChange (value, props) {\n      const { name } = props\n      this.setFieldsValue({ [name]: value })\n      this.dispatchExpression()\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.dispatchExpression()\n    this.$nextTick(() => {\n      this.setDefaultValues()\n    })\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-52be1779_0", { source: ".ele__form--wrapper[data-v-52be1779] {\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":"AA4RA;EACA,gBAAA;AC3RA;;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        <template v-for=\"ele in elements\">\n          <a-col v-if=\"executeExpression(ele._show)\" :span=\"ele.span\" :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: rebuildRules(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: rebuildRules(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                  :init=\"ele.init\"\n                  :url=\"ele.url\"\n                  :params=\"ele.params\" \n                  @change=\"onChange($event, ele)\"\n                  v-decorator=\"[ele.name, { rules: rebuildRules(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: rebuildRules(ele.rules) }]\" \n                  :ext=\"ele.ext\"\n                  :multiple=\"ele.multiple\"\n                  :accept=\"ele.accept\"\n                  :extensions=\"ele.extensions\"\n                  :size=\"ele.size\"\n                  :icon=\"ele.icon\"\n                  :url=\"ele.url\"\n                  :message=\"ele.message\" \n                  style=\"width:100%;\">\n                </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: rebuildRules(ele.rules) }]\" \n                style=\"width:100%;\">\n              </ele-date-range>\n              </a-form-item>\n            </template>\n            <template v-else-if=\"ele.type == 'ele-date'\">\n              <a-form-item :label=\"`${ele.label}：`\">\n                <ele-date\n                  :format=\"ele.format\"\n                  :mode=\"ele.mode\"\n                  :show-time=\"ele.showTime\"\n                  :show-today=\"ele.showToday\"\n                  :value-format=\"ele.valueFormat\"\n                  :disabled=\"executeExpression(ele._disabled)\" \n                  v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \n                  style=\"width:100%;\">\n                </ele-date>\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: rebuildRules(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: rebuildRules(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: rebuildRules(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: rebuildRules(ele.rules) }]\" \n                  style=\"width:100%;\">\n                </ele-radio>\n              </a-form-item>\n            </template>\n            <template v-else-if=\"ele.type == 'ele-form-img-crop'\">\n              <a-form-item :label=\"`${ele.label}：`\">\n                <ele-form-img-crop\n                  @change=\"onChange($event, ele)\"\n                  :width=\"ele.width\"\n                  :height=\"ele.height\"\n                  :modal-title=\"ele.modalTitle\"\n                  :oper-text=\"ele.operText\"\n                  :disabled=\"executeExpression(ele._disabled)\" \n                  v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \n                  style=\"width:100%;\">\n                </ele-form-img-crop>\n              </a-form-item>\n            </template>\n            <template v-else-if=\"ele.type == 'ele-tree-select'\">\n              <a-form-item :label=\"`${ele.label}：`\">\n                <ele-tree-select\n                  @change=\"onChange($event, ele)\"\n                  :disabled=\"executeExpression(ele._disabled)\"\n                  v-bind=\"ele.meta\"\n                  v-decorator=\"[ele.name, { rules: rebuildRules(ele.rules) }]\" \n                  style=\"width:100%;\">\n                </ele-tree-select>\n              </a-form-item>\n            </template>\n          </a-col>\n        </template>\n      </a-row>\n    </a-form>\n  </div>\n</template>\n\n<script>\nimport { parse } from '@idooel/expression'\nimport { type } from '@idooel/shared'\nimport { CONTEXT } from '../../utils'\nexport default {\n  name: 'ele-form',\n  props: {\n    disabled: {\n      type: [Boolean, String],\n      default: '_routeMeta.disabled'\n    },\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  inject: {\n    [CONTEXT]: {\n      default: () => (() => ({}))\n    }\n  },\n  computed: {\n    contextData () {\n      return this[CONTEXT].call(this)\n    },\n    globalDisabled () {\n      return this.executeExpression(this.disabled)\n    },\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    rebuildRules (rules = []) {\n      //TODO\n      rules.map(rule => {\n        const { validator } = rule\n        if (validator) {\n          validator.formModel = this.getFieldsValue()\n          validator.exposed = this.exposedMethods\n        }\n      })\n      return rules\n    },\n    dispatchExpression () {\n      this.evalDisabledExpression()\n      this.evalShowExpression()\n    },\n    evalDisabledExpression () {\n      this.elements.forEach(ele => {\n        if (this.globalDisabled) return this.$set(ele, '_disabled', true)\n        const { disabled } = ele\n        const ret = this.executeExpression(disabled)\n        this.$set(ele, '_disabled', ret)\n      })\n    },\n    evalShowExpression () {\n      this.elements.forEach(ele => {\n        const { show = true } = ele\n        const ret = this.executeExpression(show)\n        this.$set(ele, '_show', 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(), _route: this.$route.query, _routeMeta: this.$route.meta })\n    },\n    onChange (value, props) {\n      const { name } = props\n      this.setFieldsValue({ [name]: value })\n      this.dispatchExpression()\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 (fieldNames) {\n      return this.form.getFieldsValue(fieldNames)\n    }\n  },\n  mounted() {\n    this.dispatchExpression()\n    this.$nextTick(() => {\n      this.setDefaultValues()\n    })\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 });
 
   };
   /* scoped */
-  const __vue_scope_id__$t = "data-v-25b58663";
+  const __vue_scope_id__$u = "data-v-52be1779";
   /* module identifier */
-  const __vue_module_identifier__$t = undefined;
+  const __vue_module_identifier__$u = undefined;
   /* functional template */
-  const __vue_is_functional_template__$t = false;
+  const __vue_is_functional_template__$u = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$t = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$t, staticRenderFns: __vue_staticRenderFns__$t },
-    __vue_inject_styles__$t,
-    __vue_script__$t,
-    __vue_scope_id__$t,
-    __vue_is_functional_template__$t,
-    __vue_module_identifier__$t,
+  const __vue_component__$u = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$u, staticRenderFns: __vue_staticRenderFns__$u },
+    __vue_inject_styles__$u,
+    __vue_script__$u,
+    __vue_scope_id__$u,
+    __vue_is_functional_template__$u,
+    __vue_module_identifier__$u,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$t.install = Vue => Vue.component(__vue_component__$t.name, __vue_component__$t);
+__vue_component__$u.install = Vue => Vue.component(__vue_component__$u.name, __vue_component__$u);
 
 //
 //
@@ -4834,7 +4907,7 @@ __vue_component__$t.install = Vue => Vue.component(__vue_component__$t.name, __v
 //
 //
 
-var script$s = {
+var script$t = {
   name: 'ele-alert',
   props: {
     type: {
@@ -4863,10 +4936,10 @@ var script$s = {
 };
 
 /* script */
-const __vue_script__$s = script$s;
+const __vue_script__$t = script$t;
 
 /* template */
-var __vue_render__$s = function () {
+var __vue_render__$t = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -4882,44 +4955,44 @@ var __vue_render__$s = function () {
     },
   })
 };
-var __vue_staticRenderFns__$s = [];
-__vue_render__$s._withStripped = true;
+var __vue_staticRenderFns__$t = [];
+__vue_render__$t._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$s = function (inject) {
+  const __vue_inject_styles__$t = 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 });
 
   };
   /* scoped */
-  const __vue_scope_id__$s = "data-v-ee7d6de4";
+  const __vue_scope_id__$t = "data-v-ee7d6de4";
   /* module identifier */
-  const __vue_module_identifier__$s = undefined;
+  const __vue_module_identifier__$t = undefined;
   /* functional template */
-  const __vue_is_functional_template__$s = false;
+  const __vue_is_functional_template__$t = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$s = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$s, staticRenderFns: __vue_staticRenderFns__$s },
-    __vue_inject_styles__$s,
-    __vue_script__$s,
-    __vue_scope_id__$s,
-    __vue_is_functional_template__$s,
-    __vue_module_identifier__$s,
+  const __vue_component__$t = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$t, staticRenderFns: __vue_staticRenderFns__$t },
+    __vue_inject_styles__$t,
+    __vue_script__$t,
+    __vue_scope_id__$t,
+    __vue_is_functional_template__$t,
+    __vue_module_identifier__$t,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$s.install = Vue => Vue.component(__vue_component__$s.name, __vue_component__$s);
+__vue_component__$t.install = Vue => Vue.component(__vue_component__$t.name, __vue_component__$t);
 
 //
-var script$r = {
+var script$s = {
   name: 'ele-upload',
   components: {
     FileUpload
@@ -5260,10 +5333,10 @@ var script$r = {
 };
 
 /* script */
-const __vue_script__$r = script$r;
+const __vue_script__$s = script$s;
 
 /* template */
-var __vue_render__$r = function () {
+var __vue_render__$s = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -5425,41 +5498,41 @@ var __vue_render__$r = function () {
     1
   )
 };
-var __vue_staticRenderFns__$r = [];
-__vue_render__$r._withStripped = true;
+var __vue_staticRenderFns__$s = [];
+__vue_render__$s._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$r = function (inject) {
+  const __vue_inject_styles__$s = function (inject) {
     if (!inject) return
     inject("data-v-d2929816_0", { source: "[data-v-d2929816] .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-d2929816] .ele-upload__inner:hover {\n  border-color: var(--idooel-form-upload-border-hover-color);\n}\n.ele-upload__wrapper[data-v-d2929816] {\n  width: 100%;\n}\n.ele-upload__wrapper .ele-upload__area[data-v-d2929816] {\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[data-v-d2929816] {\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  font-size: 16x;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload[data-v-d2929816] {\n  font-size: 48px;\n  color: var(--idooel-primary-color);\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--icon .anticon[data-v-d2929816] {\n  font-size: 48px;\n  color: var(--idooel-primary-color);\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text[data-v-d2929816] {\n  margin-left: 16px;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text .ele-upload__message[data-v-d2929816] {\n  font-size: 16px;\n  color: var(--idoole-black-088);\n  text-align: left;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text .ele-upload__ext[data-v-d2929816] {\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-d2929816] {\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-d2929816] {\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-d2929816] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__delete[data-v-d2929816] {\n  margin-left: 8px;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__delete .ele-file__delete--icon[data-v-d2929816] {\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":"AA2WA;EACA,qBAAA;EACA,eAAA;EACA,wDAAA;EACA,yDAAA;EAIA,+CAAA;AC7WA;AD0WA;EACA,0DAAA;ACxWA;AD4WA;EACA,WAAA;ACzWA;AD0WA;EACA,aAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;ACxWA;ADyWA;EACA,kCAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,cAAA;ACvWA;ADwWA;EACA,eAAA;EACA,kCAAA;ACtWA;ADwWA;EACA,eAAA;EACA,kCAAA;ACtWA;ADyWA;EACA,iBAAA;ACvWA;ADwWA;EACA,eAAA;EACA,8BAAA;EACA,gBAAA;ACtWA;ADwWA;EACA,gBAAA;EACA,eAAA;EACA,6BAAA;ACtWA;AD2WA;EACA,WAAA;EACA,eAAA;EACA,iBAAA;EACA,+CAAA;EACA,8CAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;ACzWA;AD2WA;EACA,OAAA;EACA,gBAAA;EACA,mBAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;ACzWA;AD0WA;EACA,gBAAA;EACA,uBAAA;ACxWA;AD2WA;EACA,gBAAA;ACzWA;AD0WA;EACA,gBAAA;EACA,eAAA;ACxWA;;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      :extensions=\"extensions\"\n      :size=\"fileSizeLimit\"\n      :post-action=\"postAction\"\n      :multiple=\"multiple\"\n      :headers=\"headers\"\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          <template v-if=\"iconIsZhWrod\">\n            {{ icon }}\n          </template>\n          <template v-else>\n            <ele-icon :type=\"icon\"></ele-icon>\n          </template>\n        </div>\n        <div class=\"ele-upload__area--text\">\n          <div class=\"ele-upload__message\" v-if=\"message\" v-html=\"message\"></div>\n          <div class=\"ele-upload__message\" v-else>单击或拖动文件到该区域以上传</div>\n          <div class=\"ele-upload__ext\" v-if=\"ext\" v-html=\"ext\"></div>\n          <div class=\"ele-upload__ext\" v-else>文件小于{{ 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 buildedFiles\" :key=\"idx\">\n        <div class=\"ele-file__suffix--icon\">\n          <ele-icon :type=\"fileSuffixIcon[file.suffix] ? fileSuffixIcon[file.suffix].name : 'icon-file'\"></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 && file.progress)\" 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 || !file.response\">\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, type } from '@idooel/shared'\nexport default {\n  name: 'ele-upload',\n  components: {\n    FileUpload\n  },\n  model: {\n    prop: 'value',\n    event: 'change'\n  },\n  props: {\n    url: {\n      type: String,\n      //TODO\n      default: `zuul/api-file/workbench/file`\n    },\n    icon: {\n      type: String,\n      default: '上传'\n    },\n    size: {\n      type: Number,\n      default: 100\n    },\n    message: {\n      type: String,\n      default: '单击或拖动文件到该区域以上传'\n    },\n    ext: {\n      type: String\n    },\n    extensions: {\n      type: String\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: localStorage.getItem('token'),\n        _t: new Date().valueOf()\n      })\n    },\n    headers: {\n      type: Object,\n      default: () => ({\n        'X-XSRF-TOKEN': localStorage.getItem('token')\n      })\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      buildedFiles: [],\n      saveToServerAsyncPageTimer: null\n    }\n  },\n  watch: {\n    value: {\n      async handler (value) {\n        if (type.isArray(value)) {\n          // multiple\n        } else if (type.isEmpty(value)) {\n          this.files = []\n          this.buildedFiles = []\n        } else {\n          // single\n          this.fetchFileWithFileId()\n        }\n      },\n      immediate: true\n    }\n  },\n  computed: {\n    prefixPath () {\n      return window.prefixPath\n    },\n    iconIsZhWrod () {\n      return type.isZhWord(this.icon)\n    },\n    getPayloads () {\n      return {\n        override: false\n      }\n    },\n    chunkConfig () {\n      return {\n        action: `${this.prefixPath}zuul/api-file/workbench/file/temp/chunk/vue`,\n        headers: {\n          ...this.headers\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.buildedFiles.length >= this.maximum) {\n          return false\n        } else {\n          return true\n        }\n      } else {\n        const [file = {}] = this.buildedFiles\n        if (this.buildedFiles.length < 1) {\n          return true\n        }\n        if ((this.isFileUploadSuccessed && this.buildedFiles.length >= 1) || !file.response) {\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 `${this.prefixPath}${this.url}?${ret}`\n    },\n    uploadRef () {\n      return uuidv4()\n    },\n    fileSuffixIcon () {\n      return {\n        'doc': { name: 'icon-doc' },\n        'html': { name: 'icon-html' },\n        'mp4': { name: 'icon-mp' },\n        'pdf': { name: 'icon-pdf' },\n        'ppt': { name: 'icon-ppt' },\n        'psd': { name: 'icon-psd' },\n        'rtf': { name: 'icon-rtf' },\n        'txt': { name: 'icon-txt' },\n        'vis': { name: 'icon-vis' },\n        'xls': { name: 'icon-xls' },\n        'xml': { name: 'icon-xml' },\n        'zip': { name: 'icon-zip' },\n        'jpg': { name: 'icon-img' },\n        'mp3': { name: 'icon-mp1' },\n      }\n    },\n    fileIds () {\n      const fileIds = this.buildedFiles.map(file => {\n        return file.fileID\n      })\n      return this.multiple ? fileIds : fileIds[0]\n    },\n    fileResponseData () {\n      return this.multiple ? this.buildedFiles : this.buildedFiles[0]\n    }\n  },\n  methods: {\n    async fetchFileWithFileId () {\n      if (!this.value) return\n      await net.get(\n        `/api-file/file/${this.value}`\n      ).then(resp => {\n        const { data } = resp\n        this.buildedFiles = [data]\n        this.files = [data]\n      })\n    },\n    handleClickDownload (file) {\n      const { fileID: fileId } = file\n      window.open(`/api-file/workbench/file/stream/${fileId}?origin=true`)\n    },\n    handleClickDelete (file) {\n      this.$refs[this.uploadRef].remove(file)\n      const { fileID } = file\n      this.files = this.files.filter(file => file.fileID !== fileID)\n      this.buildedFiles = this.buildedFiles.filter(file => file.fileID !== fileID)\n      this.$emit('change', this.fileIds)\n    },\n    onWatchFiles (files) {\n      this.files = files\n      this.buildedFiles = this.files.map(file => {\n        return {\n          ...file.response.data,\n          ...file\n        }\n      })\n      if (this.isFileUploadSuccessed) {\n        this.$emit('change', this.fileIds)\n        this.$emit('on-success', this.fileResponseData)\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      color: var(--idooel-primary-color);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      font-size: 16x;\n      .anticon-cloud-upload {\n        font-size: 48px;\n        color: var(--idooel-primary-color);\n      }\n      .anticon {\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-088);\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 {\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  font-size: 16x;\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--icon .anticon {\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-088);\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__$r = "data-v-d2929816";
+  const __vue_scope_id__$s = "data-v-d2929816";
   /* module identifier */
-  const __vue_module_identifier__$r = undefined;
+  const __vue_module_identifier__$s = undefined;
   /* functional template */
-  const __vue_is_functional_template__$r = false;
+  const __vue_is_functional_template__$s = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$r = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$r, staticRenderFns: __vue_staticRenderFns__$r },
-    __vue_inject_styles__$r,
-    __vue_script__$r,
-    __vue_scope_id__$r,
-    __vue_is_functional_template__$r,
-    __vue_module_identifier__$r,
+  const __vue_component__$s = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$s, staticRenderFns: __vue_staticRenderFns__$s },
+    __vue_inject_styles__$s,
+    __vue_script__$s,
+    __vue_scope_id__$s,
+    __vue_is_functional_template__$s,
+    __vue_module_identifier__$s,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$r.install = Vue => Vue.component(__vue_component__$r.name, __vue_component__$r);
+__vue_component__$s.install = Vue => Vue.component(__vue_component__$s.name, __vue_component__$s);
 
 //
 //
@@ -5480,7 +5553,7 @@ __vue_component__$r.install = Vue => Vue.component(__vue_component__$r.name, __v
 //
 //
 
-var script$q = {
+var script$r = {
   name: 'ele-select-entity',
   props: {
     value: {
@@ -5537,10 +5610,10 @@ var script$q = {
 };
 
 /* script */
-const __vue_script__$q = script$q;
+const __vue_script__$r = script$r;
 
 /* template */
-var __vue_render__$q = function () {
+var __vue_render__$r = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -5590,41 +5663,41 @@ var __vue_render__$q = function () {
     2
   )
 };
-var __vue_staticRenderFns__$q = [];
-__vue_render__$q._withStripped = true;
+var __vue_staticRenderFns__$r = [];
+__vue_render__$r._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$q = function (inject) {
+  const __vue_inject_styles__$r = 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 });
 
   };
   /* scoped */
-  const __vue_scope_id__$q = "data-v-611a11f1";
+  const __vue_scope_id__$r = "data-v-611a11f1";
   /* module identifier */
-  const __vue_module_identifier__$q = undefined;
+  const __vue_module_identifier__$r = undefined;
   /* functional template */
-  const __vue_is_functional_template__$q = false;
+  const __vue_is_functional_template__$r = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$q = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$q, staticRenderFns: __vue_staticRenderFns__$q },
-    __vue_inject_styles__$q,
-    __vue_script__$q,
-    __vue_scope_id__$q,
-    __vue_is_functional_template__$q,
-    __vue_module_identifier__$q,
+  const __vue_component__$r = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$r, staticRenderFns: __vue_staticRenderFns__$r },
+    __vue_inject_styles__$r,
+    __vue_script__$r,
+    __vue_scope_id__$r,
+    __vue_is_functional_template__$r,
+    __vue_module_identifier__$r,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$q.install = Vue => Vue.component(__vue_component__$q.name, __vue_component__$q);
+__vue_component__$r.install = Vue => Vue.component(__vue_component__$r.name, __vue_component__$r);
 
 //
 //
@@ -5636,7 +5709,7 @@ __vue_component__$q.install = Vue => Vue.component(__vue_component__$q.name, __v
 //
 //
 
-var script$p = {
+var script$q = {
   name: 'ele-icon',
   props: {
     type: {
@@ -5659,10 +5732,10 @@ var script$p = {
 };
 
 /* script */
-const __vue_script__$p = script$p;
+const __vue_script__$q = script$q;
 
 /* template */
-var __vue_render__$p = function () {
+var __vue_render__$q = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -5670,17 +5743,17 @@ var __vue_render__$p = function () {
     ? _c("a-icon", { attrs: { type: _vm.type, theme: _vm.theme } })
     : _c("i", { class: ["iconfont", _vm.type] })
 };
-var __vue_staticRenderFns__$p = [];
-__vue_render__$p._withStripped = true;
+var __vue_staticRenderFns__$q = [];
+__vue_render__$q._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$p = undefined;
+  const __vue_inject_styles__$q = undefined;
   /* scoped */
-  const __vue_scope_id__$p = undefined;
+  const __vue_scope_id__$q = undefined;
   /* module identifier */
-  const __vue_module_identifier__$p = undefined;
+  const __vue_module_identifier__$q = undefined;
   /* functional template */
-  const __vue_is_functional_template__$p = false;
+  const __vue_is_functional_template__$q = false;
   /* style inject */
   
   /* style inject SSR */
@@ -5689,20 +5762,20 @@ __vue_render__$p._withStripped = true;
   
 
   
-  const __vue_component__$p = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$p, staticRenderFns: __vue_staticRenderFns__$p },
-    __vue_inject_styles__$p,
-    __vue_script__$p,
-    __vue_scope_id__$p,
-    __vue_is_functional_template__$p,
-    __vue_module_identifier__$p,
+  const __vue_component__$q = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$q, staticRenderFns: __vue_staticRenderFns__$q },
+    __vue_inject_styles__$q,
+    __vue_script__$q,
+    __vue_scope_id__$q,
+    __vue_is_functional_template__$q,
+    __vue_module_identifier__$q,
     false,
     undefined,
     undefined,
     undefined
   );
 
-__vue_component__$p.install = Vue => Vue.component(__vue_component__$p.name, __vue_component__$p);
+__vue_component__$q.install = Vue => Vue.component(__vue_component__$q.name, __vue_component__$q);
 
 //
 //
@@ -5711,7 +5784,7 @@ __vue_component__$p.install = Vue => Vue.component(__vue_component__$p.name, __v
 //
 //
 
-var script$o = {
+var script$p = {
   name: 'ele-input-number',
   props: {
     precision: {
@@ -5729,10 +5802,10 @@ var script$o = {
 };
 
 /* script */
-const __vue_script__$o = script$o;
+const __vue_script__$p = script$p;
 
 /* template */
-var __vue_render__$o = function () {
+var __vue_render__$p = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -5756,17 +5829,17 @@ var __vue_render__$o = function () {
     1
   )
 };
-var __vue_staticRenderFns__$o = [];
-__vue_render__$o._withStripped = true;
+var __vue_staticRenderFns__$p = [];
+__vue_render__$p._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$o = undefined;
+  const __vue_inject_styles__$p = undefined;
   /* scoped */
-  const __vue_scope_id__$o = undefined;
+  const __vue_scope_id__$p = undefined;
   /* module identifier */
-  const __vue_module_identifier__$o = undefined;
+  const __vue_module_identifier__$p = undefined;
   /* functional template */
-  const __vue_is_functional_template__$o = false;
+  const __vue_is_functional_template__$p = false;
   /* style inject */
   
   /* style inject SSR */
@@ -5775,23 +5848,23 @@ __vue_render__$o._withStripped = true;
   
 
   
-  const __vue_component__$o = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$o, staticRenderFns: __vue_staticRenderFns__$o },
-    __vue_inject_styles__$o,
-    __vue_script__$o,
-    __vue_scope_id__$o,
-    __vue_is_functional_template__$o,
-    __vue_module_identifier__$o,
+  const __vue_component__$p = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$p, staticRenderFns: __vue_staticRenderFns__$p },
+    __vue_inject_styles__$p,
+    __vue_script__$p,
+    __vue_scope_id__$p,
+    __vue_is_functional_template__$p,
+    __vue_module_identifier__$p,
     false,
     undefined,
     undefined,
     undefined
   );
 
-__vue_component__$o.install = Vue => Vue.component(__vue_component__$o.name, __vue_component__$o);
+__vue_component__$p.install = Vue => Vue.component(__vue_component__$p.name, __vue_component__$p);
 
 //
-var script$n = {
+var script$o = {
   name: 'ele-modal',
   props: {
     value: {
@@ -5935,10 +6008,10 @@ var script$n = {
 };
 
 /* script */
-const __vue_script__$n = script$n;
+const __vue_script__$o = script$o;
 
 /* template */
-var __vue_render__$n = function () {
+var __vue_render__$o = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -6011,41 +6084,41 @@ var __vue_render__$n = function () {
     2
   )
 };
-var __vue_staticRenderFns__$n = [];
-__vue_render__$n._withStripped = true;
+var __vue_staticRenderFns__$o = [];
+__vue_render__$o._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$n = function (inject) {
+  const __vue_inject_styles__$o = function (inject) {
     if (!inject) return
     inject("data-v-e7c1987c_0", { source: ".ele-modal__footer[data-v-e7c1987c] {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.ele-modal__footer .footer-btn__wrapper[data-v-e7c1987c] {\n  flex: 1;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/modal/src/index.vue","index.vue"],"names":[],"mappings":"AA+KA;EACA,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;AC9KA;AD+KA;EACA,OAAA;AC7KA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <a-modal\n    :title=\"title\"\n    :cancelText=\"cancelText\"\n    :okText=\"okText\"\n    :closable=\"closable\"\n    v-model:visible=\"showModal\"\n    :width=\"width\"\n    :keyboard=\"false\"\n    :maskClosable=\"maskClosable\"\n    :dialogStyle=\"{ top: `${upDownDistance[size]}px` }\"\n    :bodyStyle=\"{ maxHeight: maxheight, overflowY: 'auto' }\"\n    :footer=\"showFooter ? undefined : null\"\n    @cancel=\"handleCancel\"\n    @ok=\"handleOk\"\n  >\n    <slot v-if=\"showModal\"></slot>\n    <template slot=\"footer\" v-if=\"!showDefaultFooter\">\n      <div class=\"ele-modal__footer\">\n        <slot name=\"footer-text\"></slot>\n        <div class=\"footer-btn__wrapper\">\n          <ele-button\n            v-for=\"btn in buttonGroupMeta.elements\"\n            :type=\"btn.type\"\n            v-on=\"assignAttrEvents\"\n            :event-name=\"btn.eventName\"\n            :key=\"btn.key\">\n            {{ btn.label }}\n          </ele-button>\n        </div>\n      </div>\n    </template>\n  </a-modal>\n</template>\n<script>\nimport { CONTEXT } from '../../utils'\nexport default {\n  name: 'ele-modal',\n  props: {\n    value: {\n      type: Boolean,\n      default: false\n    },\n    title: {\n      type: String,\n      default: '标题'\n    },\n    cancelText: {\n      type: String,\n      default: '关闭'\n    },\n    okText: {\n      type: String,\n      default: '确定'\n    },\n    size: {\n      type: String,\n      default: 'middle'\n    },\n    map: {\n      type: Object,\n      default () {\n        return {}\n      }\n    },\n    closable: {\n      type: Boolean,\n      default: true\n    },\n    maskClosable: {\n      type: Boolean,\n      default: false\n    },\n    showFooter: {\n      type: Boolean,\n      default: true\n    },\n    footer: {\n      type: Function,\n      default: null\n    },\n    onlyClose: {\n      type: Boolean,\n      default: false\n    },\n    buttonGroupMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    // 是否展示组件默认底部按钮\n    showDefaultFooter: {\n      type: Boolean,\n      default: false\n    }\n  },\n  watch: {\n    value: {\n      handler (value) {\n        this.$nextTick(() => {\n          this.showModal = value\n        })\n      },\n      immediate: true\n    }\n  },\n  inject: {\n    [CONTEXT]: {\n      default: () => (() => ({}))\n    }\n  },\n  computed: {\n    assignAttrEvents () {\n      const events = this.buttons.reduce((ret, btn) => {\n        ret[btn.eventName] = (e) => {\n          this.$emit(btn.eventName || 'click', { ...e, ...this[CONTEXT]() })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events\n      }\n    },\n    buttons () {\n      const { elements = [] } = this.buttonGroupMeta\n      return elements\n    },\n    width () {\n      return this.map[this.size]\n    },\n    maxheight () {\n      return `calc(100vh - ${this.upDownDistance[this.size] * 2 + (this.title ? 55 : 0) + (this.showFooter ? 53 : 0) }px`\n    }\n  },\n  data () {\n    return {\n      showModal: false\n    }\n  },\n  created () {\n    let defaultMap = {\n      small: 480,\n      middle: 768,\n      big: 1200\n    }\n    this.upDownDistance = {\n      small: 80,\n      middle: 80,\n      big: 40\n    }\n    this.map = Object.assign(this.map, defaultMap)\n  },\n  methods: {\n    openModal () {\n      this.showModal = true\n      this.removeHidden()\n    },\n    handleCancel () {\n      this.showModal = false\n      this.$emit('input', this.showModal)\n      this.$emit('change', this.showModal)\n      this.removeHidden()\n      this.$emit('cancel')\n    },\n    handleOk () {\n      this.$emit('ok')\n    },\n    removeHidden () {\n      let ishidden = document.body.style.overflow === 'hidden'\n      ishidden && (document.body.style.overflow = 'initial')\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.ele-modal__footer {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  .footer-btn__wrapper {\n    flex: 1;\n  }\n}\n</style>",".ele-modal__footer {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.ele-modal__footer .footer-btn__wrapper {\n  flex: 1;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$n = "data-v-e7c1987c";
+  const __vue_scope_id__$o = "data-v-e7c1987c";
   /* module identifier */
-  const __vue_module_identifier__$n = undefined;
+  const __vue_module_identifier__$o = undefined;
   /* functional template */
-  const __vue_is_functional_template__$n = false;
+  const __vue_is_functional_template__$o = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$n = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$n, staticRenderFns: __vue_staticRenderFns__$n },
-    __vue_inject_styles__$n,
-    __vue_script__$n,
-    __vue_scope_id__$n,
-    __vue_is_functional_template__$n,
-    __vue_module_identifier__$n,
+  const __vue_component__$o = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$o, staticRenderFns: __vue_staticRenderFns__$o },
+    __vue_inject_styles__$o,
+    __vue_script__$o,
+    __vue_scope_id__$o,
+    __vue_is_functional_template__$o,
+    __vue_module_identifier__$o,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$n.install = Vue => Vue.component(__vue_component__$n.name, __vue_component__$n);
+__vue_component__$o.install = Vue => Vue.component(__vue_component__$o.name, __vue_component__$o);
 
 //
 //
@@ -6057,7 +6130,7 @@ __vue_component__$n.install = Vue => Vue.component(__vue_component__$n.name, __v
 //
 //
 
-var script$m = {
+var script$n = {
   name: 'ele-checkbox',
   model: {
     prop: 'value',
@@ -6085,10 +6158,10 @@ var script$m = {
 };
 
 /* script */
-const __vue_script__$m = script$m;
+const __vue_script__$n = script$n;
 
 /* template */
-var __vue_render__$m = function () {
+var __vue_render__$n = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -6101,41 +6174,41 @@ var __vue_render__$m = function () {
     on: { change: _vm.onChange },
   })
 };
-var __vue_staticRenderFns__$m = [];
-__vue_render__$m._withStripped = true;
+var __vue_staticRenderFns__$n = [];
+__vue_render__$n._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$m = function (inject) {
+  const __vue_inject_styles__$n = function (inject) {
     if (!inject) return
     inject("data-v-e6c4aea4_0", { source: ".ant-checkbox-group[data-v-e6c4aea4] {\n  text-align: left;\n  line-height: 32px;\n}\n.has-error .ant-checkbox-group[data-v-e6c4aea4]  .ant-checkbox-wrapper {\n  color: var(--idooel-form-border-err-color);\n}\n.has-error .ant-checkbox-group[data-v-e6c4aea4]  .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":"AAsCA;EACA,gBAAA;EACA,iBAAA;ACrCA;ADyCA;EACA,0CAAA;ACtCA;ADwCA;EACA,iDAAA;ACtCA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <a-checkbox-group\n    :value=\"value\"\n    :options=\"dataSource\" \n    :disabled=\"disabled\" \n    @change=\"onChange\">\n  </a-checkbox-group>\n</template>\n\n<script>\nexport default {\n  name: 'ele-checkbox',\n  model: {\n    prop: 'value',\n    event: 'change'\n  },\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 });
 
   };
   /* scoped */
-  const __vue_scope_id__$m = "data-v-e6c4aea4";
+  const __vue_scope_id__$n = "data-v-e6c4aea4";
   /* module identifier */
-  const __vue_module_identifier__$m = undefined;
+  const __vue_module_identifier__$n = undefined;
   /* functional template */
-  const __vue_is_functional_template__$m = false;
+  const __vue_is_functional_template__$n = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$m = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$m, staticRenderFns: __vue_staticRenderFns__$m },
-    __vue_inject_styles__$m,
-    __vue_script__$m,
-    __vue_scope_id__$m,
-    __vue_is_functional_template__$m,
-    __vue_module_identifier__$m,
+  const __vue_component__$n = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$n, staticRenderFns: __vue_staticRenderFns__$n },
+    __vue_inject_styles__$n,
+    __vue_script__$n,
+    __vue_scope_id__$n,
+    __vue_is_functional_template__$n,
+    __vue_module_identifier__$n,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$m.install = Vue => Vue.component(__vue_component__$m.name, __vue_component__$m);
+__vue_component__$n.install = Vue => Vue.component(__vue_component__$n.name, __vue_component__$n);
 
 //
 //
@@ -6146,7 +6219,7 @@ __vue_component__$m.install = Vue => Vue.component(__vue_component__$m.name, __v
 //
 //
 
-var script$l = {
+var script$m = {
   name: 'ele-radio',
   model: {
     prop: 'value',
@@ -6179,10 +6252,10 @@ var script$l = {
 };
 
 /* script */
-const __vue_script__$l = script$l;
+const __vue_script__$m = script$m;
 
 /* template */
-var __vue_render__$l = function () {
+var __vue_render__$m = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -6200,41 +6273,41 @@ var __vue_render__$l = function () {
     1
   )
 };
-var __vue_staticRenderFns__$l = [];
-__vue_render__$l._withStripped = true;
+var __vue_staticRenderFns__$m = [];
+__vue_render__$m._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$l = function (inject) {
+  const __vue_inject_styles__$m = function (inject) {
     if (!inject) return
     inject("data-v-00d35412_0", { source: ".ant-radio-group[data-v-00d35412] {\n  text-align: left;\n  line-height: 32px;\n}\n.has-error .ant-radio-group[data-v-00d35412]  .ant-radio-wrapper {\n  color: var(--idooel-form-border-err-color);\n}\n.has-error .ant-radio-group[data-v-00d35412]  .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":"AA0CA;EACA,gBAAA;EACA,iBAAA;ACzCA;AD6CA;EACA,0CAAA;AC1CA;AD4CA;EACA,iDAAA;AC1CA;;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  watch: {\n    value (val) {\n      console.log('valvalval', val)\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 });
 
   };
   /* scoped */
-  const __vue_scope_id__$l = "data-v-00d35412";
+  const __vue_scope_id__$m = "data-v-00d35412";
   /* module identifier */
-  const __vue_module_identifier__$l = undefined;
+  const __vue_module_identifier__$m = undefined;
   /* functional template */
-  const __vue_is_functional_template__$l = false;
+  const __vue_is_functional_template__$m = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$l = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$l, staticRenderFns: __vue_staticRenderFns__$l },
-    __vue_inject_styles__$l,
-    __vue_script__$l,
-    __vue_scope_id__$l,
-    __vue_is_functional_template__$l,
-    __vue_module_identifier__$l,
+  const __vue_component__$m = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$m, staticRenderFns: __vue_staticRenderFns__$m },
+    __vue_inject_styles__$m,
+    __vue_script__$m,
+    __vue_scope_id__$m,
+    __vue_is_functional_template__$m,
+    __vue_module_identifier__$m,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$l.install = Vue => Vue.component(__vue_component__$l.name, __vue_component__$l);
+__vue_component__$m.install = Vue => Vue.component(__vue_component__$m.name, __vue_component__$m);
 
 //
 //
@@ -6258,7 +6331,7 @@ __vue_component__$l.install = Vue => Vue.component(__vue_component__$l.name, __v
 //
 //
 
-var script$k = {
+var script$l = {
   name: 'ele-batch-export',
   props: {
     value: {
@@ -6302,10 +6375,10 @@ var script$k = {
 };
 
 /* script */
-const __vue_script__$k = script$k;
+const __vue_script__$l = script$l;
 
 /* template */
-var __vue_render__$k = function () {
+var __vue_render__$l = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -6364,42 +6437,42 @@ var __vue_render__$k = function () {
     ]
   )
 };
-var __vue_staticRenderFns__$k = [];
-__vue_render__$k._withStripped = true;
+var __vue_staticRenderFns__$l = [];
+__vue_render__$l._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$k = function (inject) {
+  const __vue_inject_styles__$l = function (inject) {
     if (!inject) return
     inject("data-v-06685ad4_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-064: rgba(0, 0, 0, 0.64);\n  --idoole-black-088: rgba(0, 0, 0, 0.88);\n  --idoole-black-016: rgba(0, 0, 0, 0.16);\n  --idooel-disabled-border-color: rgba(0, 0, 0, 0.16);\n  --idoole-success-06: #52C41A;\n  --idoole-warning-06: #FAAD14;\n  --idoole-error-06: #F5222D;\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n  --idooel-row-even-color: #F0FAFF;\n  --idooel-row-odd-color: #FFF;\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.ant-input-disabled {\n  border-color: var(--idooel-disabled-border-color) !important;\n}\n.ant-select-disabled .ant-select-selection {\n  border-color: var(--idooel-disabled-border-color) !important;\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,uCAAuC;EACvC,uCAAuC;EACvC,mDAAmD;EACnD,4BAA4B;EAC5B,4BAA4B;EAC5B,0BAA0B;EAC1B,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,qCAAqC;EACrC,gCAAgC;EAChC,4BAA4B;EAC5B,qDAAqD;EACrD,kDAAkD;EAClD,gDAAgD;EAChD,gCAAgC;EAChC,uCAAuC;EACvC,yBAAyB;EACzB,yBAAyB;EACzB,oCAAoC;AACtC;AAEA;EACE,4DAA4D;AAC9D;AAEA;EACE,4DAA4D;AAC9D;;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-064: rgba(0, 0, 0, 0.64);\n  --idoole-black-088: rgba(0, 0, 0, 0.88);\n  --idoole-black-016: rgba(0, 0, 0, 0.16);\n  --idooel-disabled-border-color: rgba(0, 0, 0, 0.16);\n  --idoole-success-06: #52C41A;\n  --idoole-warning-06: #FAAD14;\n  --idoole-error-06: #F5222D;\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n  --idooel-row-even-color: #F0FAFF;\n  --idooel-row-odd-color: #FFF;\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.ant-input-disabled {\n  border-color: var(--idooel-disabled-border-color) !important;\n}\n\n.ant-select-disabled .ant-select-selection {\n  border-color: var(--idooel-disabled-border-color) !important;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined })
 ,inject("data-v-06685ad4_1", { source: ".ele-batch-export__content[data-v-06685ad4] {\n  height: 106px;\n}\n.ele-batch-export__content .ele-batch-export__container[data-v-06685ad4] {\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-06685ad4] {\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-06685ad4] {\n  margin-left: 16px;\n}\n.ele-batch-export__content .ele-batch-export__container .ele-batch-export__handle .ele-batch-export__btn[data-v-06685ad4] {\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-06685ad4] {\n  color: var(--idooel-link-03);\n  font-size: 14px;\n}\n.ele-batch-export__content .ele-batch-export__message[data-v-06685ad4] {\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":"AAuEA;EACA,aAAA;ACtEA;ADuEA;EACA,iBAAA;EACA,oBAAA;EACA,YAAA;EACA,mCAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,eAAA;ACrEA;ADsEA;EACA,eAAA;EACA,4BAAA;ACpEA;ADsEA;EACA,iBAAA;ACpEA;ADqEA;EACA,4BAAA;EACA,eAAA;EACA,eAAA;ACnEA;ADqEA;EACA,4BAAA;EACA,eAAA;ACnEA;ADuEA;EACA,4BAAA;EACA,eAAA;ACrEA;;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>\nexport default {\n  name: 'ele-batch-export',\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';\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 });
 
   };
   /* scoped */
-  const __vue_scope_id__$k = "data-v-06685ad4";
+  const __vue_scope_id__$l = "data-v-06685ad4";
   /* module identifier */
-  const __vue_module_identifier__$k = undefined;
+  const __vue_module_identifier__$l = undefined;
   /* functional template */
-  const __vue_is_functional_template__$k = false;
+  const __vue_is_functional_template__$l = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$k = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$k, staticRenderFns: __vue_staticRenderFns__$k },
-    __vue_inject_styles__$k,
-    __vue_script__$k,
-    __vue_scope_id__$k,
-    __vue_is_functional_template__$k,
-    __vue_module_identifier__$k,
+  const __vue_component__$l = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$l, staticRenderFns: __vue_staticRenderFns__$l },
+    __vue_inject_styles__$l,
+    __vue_script__$l,
+    __vue_scope_id__$l,
+    __vue_is_functional_template__$l,
+    __vue_module_identifier__$l,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$k.install = Vue => Vue.component(__vue_component__$k.name, __vue_component__$k);
+__vue_component__$l.install = Vue => Vue.component(__vue_component__$l.name, __vue_component__$l);
 
 //
 //
@@ -6413,7 +6486,7 @@ __vue_component__$k.install = Vue => Vue.component(__vue_component__$k.name, __v
 //
 //
 
-var script$j = {
+var script$k = {
   name: 'ele-date-range',
   model: {
     prop: 'value',
@@ -6444,10 +6517,10 @@ var script$j = {
 };
 
 /* script */
-const __vue_script__$j = script$j;
+const __vue_script__$k = script$k;
 
 /* template */
-var __vue_render__$j = function () {
+var __vue_render__$k = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -6462,44 +6535,44 @@ var __vue_render__$j = function () {
     on: { change: _vm.onChange },
   })
 };
-var __vue_staticRenderFns__$j = [];
-__vue_render__$j._withStripped = true;
+var __vue_staticRenderFns__$k = [];
+__vue_render__$k._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$j = function (inject) {
+  const __vue_inject_styles__$k = 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 });
 
   };
   /* scoped */
-  const __vue_scope_id__$j = "data-v-eee16c3c";
+  const __vue_scope_id__$k = "data-v-eee16c3c";
   /* module identifier */
-  const __vue_module_identifier__$j = undefined;
+  const __vue_module_identifier__$k = undefined;
   /* functional template */
-  const __vue_is_functional_template__$j = false;
+  const __vue_is_functional_template__$k = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$j = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$j, staticRenderFns: __vue_staticRenderFns__$j },
-    __vue_inject_styles__$j,
-    __vue_script__$j,
-    __vue_scope_id__$j,
-    __vue_is_functional_template__$j,
-    __vue_module_identifier__$j,
+  const __vue_component__$k = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$k, staticRenderFns: __vue_staticRenderFns__$k },
+    __vue_inject_styles__$k,
+    __vue_script__$k,
+    __vue_scope_id__$k,
+    __vue_is_functional_template__$k,
+    __vue_module_identifier__$k,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$j.install = Vue => Vue.component(__vue_component__$j.name, __vue_component__$j);
+__vue_component__$k.install = Vue => Vue.component(__vue_component__$k.name, __vue_component__$k);
 
 //
-var script$i = {
+var script$j = {
   name: 'ele-timeline',
   props: {
     url: {
@@ -6591,10 +6664,10 @@ var script$i = {
 };
 
 /* script */
-const __vue_script__$i = script$i;
+const __vue_script__$j = script$j;
 
 /* template */
-var __vue_render__$i = function () {
+var __vue_render__$j = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -6672,7 +6745,7 @@ var __vue_render__$i = function () {
     0
   )
 };
-var __vue_staticRenderFns__$i = [
+var __vue_staticRenderFns__$j = [
   function () {
     var _vm = this;
     var _h = _vm.$createElement;
@@ -6684,41 +6757,41 @@ var __vue_staticRenderFns__$i = [
     ])
   },
 ];
-__vue_render__$i._withStripped = true;
+__vue_render__$j._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$i = function (inject) {
+  const __vue_inject_styles__$j = function (inject) {
     if (!inject) return
     inject("data-v-bfb18322_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-064: rgba(0, 0, 0, 0.64);\n  --idoole-black-088: rgba(0, 0, 0, 0.88);\n  --idoole-black-016: rgba(0, 0, 0, 0.16);\n  --idooel-disabled-border-color: rgba(0, 0, 0, 0.16);\n  --idoole-success-06: #52C41A;\n  --idoole-warning-06: #FAAD14;\n  --idoole-error-06: #F5222D;\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n  --idooel-row-even-color: #F0FAFF;\n  --idooel-row-odd-color: #FFF;\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.ant-input-disabled {\n  border-color: var(--idooel-disabled-border-color) !important;\n}\n.ant-select-disabled .ant-select-selection {\n  border-color: var(--idooel-disabled-border-color) !important;\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,uCAAuC;EACvC,uCAAuC;EACvC,mDAAmD;EACnD,4BAA4B;EAC5B,4BAA4B;EAC5B,0BAA0B;EAC1B,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,qCAAqC;EACrC,gCAAgC;EAChC,4BAA4B;EAC5B,qDAAqD;EACrD,kDAAkD;EAClD,gDAAgD;EAChD,gCAAgC;EAChC,uCAAuC;EACvC,yBAAyB;EACzB,yBAAyB;EACzB,oCAAoC;AACtC;AAEA;EACE,4DAA4D;AAC9D;AAEA;EACE,4DAA4D;AAC9D;;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-064: rgba(0, 0, 0, 0.64);\n  --idoole-black-088: rgba(0, 0, 0, 0.88);\n  --idoole-black-016: rgba(0, 0, 0, 0.16);\n  --idooel-disabled-border-color: rgba(0, 0, 0, 0.16);\n  --idoole-success-06: #52C41A;\n  --idoole-warning-06: #FAAD14;\n  --idoole-error-06: #F5222D;\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n  --idooel-row-even-color: #F0FAFF;\n  --idooel-row-odd-color: #FFF;\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.ant-input-disabled {\n  border-color: var(--idooel-disabled-border-color) !important;\n}\n\n.ant-select-disabled .ant-select-selection {\n  border-color: var(--idooel-disabled-border-color) !important;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined })
 ,inject("data-v-bfb18322_1", { source: ".ele-timeline__wrapper[data-v-bfb18322] {\n  width: 100%;\n  height: 100%;\n}\n.ele-timeline__wrapper .ele-timeline__item[data-v-bfb18322] {\n  display: flex;\n  flex-direction: row;\n}\n.ele-timeline__wrapper .ele-timeline__item:last-child .ele-timeline__middle .ele-timeline__traline[data-v-bfb18322] {\n  display: none;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__left[data-v-bfb18322] {\n  flex: 1;\n  padding-right: 12px;\n  padding-top: 16px;\n  padding-bottom: 16px;\n  text-align: right;\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__left .titleline-left__date[data-v-bfb18322] {\n  width: 100px;\n  font-size: 14px;\n  color: var(--idoole-black-064);\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__middle[data-v-bfb18322] {\n  width: 10px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  transform: translate(0, 20px);\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__middle .ele-timeline__circle[data-v-bfb18322] {\n  width: 100%;\n  height: 10px;\n  border-radius: 50%;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--idooel-primary-color);\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__middle .ele-timeline__traline[data-v-bfb18322] {\n  width: 1px;\n  height: calc(100% - 10px);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--idoole-black-016);\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right[data-v-bfb18322] {\n  text-align: left;\n  flex: 2;\n  padding-left: 12px;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__title[data-v-bfb18322] {\n  line-height: 22px;\n  display: flex;\n  flex-direction: row;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__title .title[data-v-bfb18322] {\n  color: var(--idoole-black-088);\n  font-size: 14px;\n  font-weight: bold;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__title .title-info[data-v-bfb18322] {\n  font-size: 14px;\n  color: var(--idoole-black-064);\n  margin-left: 16px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__title .title-info[data-v-bfb18322]::before {\n  content: \"\";\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  margin-right: 8px;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__title .title-info.success[data-v-bfb18322]::before {\n  background: var(--idoole-success-06);\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__title .title-info.warning[data-v-bfb18322]::before {\n  background: var(--idoole-warning-06);\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__title .title-info.error[data-v-bfb18322]::before {\n  background: var(--idoole-error-06);\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__oper[data-v-bfb18322] {\n  line-height: 22px;\n  margin-top: 8px;\n  margin-left: 12px;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__oper .oper-name[data-v-bfb18322] {\n  color: var(--idoole-black-088);\n  font-size: 14px;\n  font-weight: bold;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__subtitle[data-v-bfb18322] {\n  margin-left: 12px;\n  display: flex;\n  flex-direction: row;\n  line-height: 22px;\n  margin-top: 4px;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__subtitle .right-subtitle__field[data-v-bfb18322] {\n  flex-shrink: 0;\n  font-size: 14px;\n  color: var(--idoole-black-064);\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__subtitle .right-subtitle__content[data-v-bfb18322] {\n  font-size: 14px;\n  color: var(--idoole-black-088);\n  font-weight: bold;\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/timeline/src/index.vue","index.vue"],"names":[],"mappings":"AAiIA;EACA,WAAA;EACA,YAAA;AChIA;ADiIA;EACA,aAAA;EACA,mBAAA;AC/HA;ADkIA;EACA,aAAA;AChIA;ADoIA;EACA,OAAA;EACA,mBAAA;EACA,iBAAA;EACA,oBAAA;EACA,iBAAA;EACA,aAAA;EACA,mBAAA;EACA,oBAAA;AClIA;ADmIA;EACA,YAAA;EACA,eAAA;EACA,8BAAA;ACjIA;ADoIA;EACA,WAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,6BAAA;AClIA;ADmIA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,iBAAA;EACA,mBAAA;EACA,yCAAA;ACjIA;ADmIA;EACA,UAAA;EACA,yBAAA;EACA,iBAAA;EACA,mBAAA;EACA,qCAAA;ACjIA;ADoIA;EACA,gBAAA;EACA,OAAA;EACA,kBAAA;EACA,iBAAA;EACA,oBAAA;AClIA;ADmIA;EACA,iBAAA;EACA,aAAA;EACA,mBAAA;ACjIA;ADkIA;EACA,8BAAA;EACA,eAAA;EACA,iBAAA;AChIA;ADkIA;EACA,eAAA;EACA,8BAAA;EACA,iBAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;AChIA;ADiIA;EACA,WAAA;EACA,qBAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;EACA,iBAAA;AC/HA;ADkIA;EACA,oCAAA;AChIA;ADoIA;EACA,oCAAA;AClIA;ADsIA;EACA,kCAAA;ACpIA;ADyIA;EACA,iBAAA;EACA,eAAA;EACA,iBAAA;ACvIA;ADwIA;EACA,8BAAA;EACA,eAAA;EACA,iBAAA;ACtIA;ADyIA;EACA,iBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,eAAA;ACvIA;ADwIA;EACA,cAAA;EACA,eAAA;EACA,8BAAA;ACtIA;ADwIA;EACA,eAAA;EACA,8BAAA;EACA,iBAAA;EACA,gBAAA;ACtIA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"ele-timeline__wrapper\">\n    <div class=\"ele-timeline__item\" v-for=\"item in innerDataSource\" :key=\"item.key\">\n      <div class=\"ele-timeline__left\">\n        <div class=\"titleline-left__date\">{{ item.date }}</div>\n      </div>\n      <div class=\"ele-timeline__middle\">\n        <div class=\"ele-timeline__circle\"></div>\n        <div class=\"ele-timeline__traline\"></div>\n      </div>\n      <div class=\"ele-timeline__right\">\n        <slot v-if=\"$scopedSlots.right\" name=\"right\" :data=\"item\"></slot>\n        <template v-else>\n          <div class=\"timeline-right__title\">\n            <span class=\"title\">{{ item.title }}</span>\n            <span :class=\"['title-info', item.state == 1 && 'success', item.state == 2 && 'warning', item.state == 3 && 'error']\">{{ item.stateName }}</span>\n          </div>\n          <div class=\"timeline-right__oper\">\n            由\n            <span class=\"oper-name\">{{ item.userName }}</span>\n            操作\n          </div>\n          <div class=\"timeline-right__subtitle\" v-for=\"label in item.labelList\" :key=\"label.value\">\n            <div class=\"right-subtitle__field\">{{ label.label }}：</div>\n            <div class=\"right-subtitle__content\">{{ label.value }}</div>\n          </div>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { net, type } from '@idooel/shared'\nimport { v4 as uuidv4 } from 'uuid'\nimport { CONTEXT, parseFieldMap } from '../../utils'\nexport default {\n  name: 'ele-timeline',\n  props: {\n    url: {\n      type: String\n    },\n    params: {\n      type: Object,\n      default: () => ({})\n    },\n    requestType: {\n      type: String,\n      default: 'GET'\n    },\n    fieldMap: {\n      type: Object,\n      default: () => ({})\n    },\n    params: {\n      type: Object,\n      default: () => ({})\n    },\n    dataSource: {\n      type: Array,\n      default: () => ([\n        // {\n        //   date: '2023/05/09 03:34:56',\n        //   title: 123,\n        //   state: 1,\n        //   stateName: '成功',\n        //   userName: 'Name',\n        //   labelList: [\n        //     {\n        //       label: 'label',\n        //       value: 'value'\n        //     }\n        //   ],\n        //   action: '结班',\n        //   opinion: '意见'\n        // }\n      ])\n    }\n  },\n  data () {\n    return {\n      innerDataSource: []\n    }\n  },\n  inject: {\n    [CONTEXT]: {\n      default: () => (() => ({}))\n    }\n  },\n  computed: {\n    expressionData () {\n      return {\n        _route: this.$route.query,\n        ...this[CONTEXT]()\n      }\n    }\n  },\n  async created() {\n    if (this.url) {\n      this.innerDataSource = await this.requestData()\n    } else if (!type.isEmpty(this.dataSource)) {\n      this.innerDataSource = this.dataSource\n    } else {\n      console.warn('ele-timeline: 请传入数据源')\n    }\n  },\n  methods: {\n    async requestData () {\n      const ret = await net[this.requestType.toLowerCase()](\n        this.url,\n        { ...this.params, ...parseFieldMap(this.fieldMap, this.expressionData) }\n      ).then(resp => {\n        const { data } = resp || {}\n        return data.map(item => {\n          return {\n            key: uuidv4(),\n            ...item\n          }\n        })\n      })\n      return ret\n    }\n  }\n}\n</script>\n<style lang=\"scss\">\n@import '../../theme/index';\n</style>\n<style lang=\"scss\" scoped>\n.ele-timeline__wrapper {\n  width: 100%;\n  height: 100%;\n  .ele-timeline__item {\n    display: flex;\n    flex-direction: row;\n    &:last-child {\n      .ele-timeline__middle {\n        .ele-timeline__traline {\n          display: none;\n        }\n      }\n    }\n    .ele-timeline__left {\n      flex: 1;\n      padding-right: 12px;\n      padding-top: 16px;\n      padding-bottom: 16px;\n      text-align: right;\n      display: flex;\n      flex-direction: row;\n      justify-content: end;\n      .titleline-left__date {\n        width: 100px;\n        font-size: 14px;\n        color: var(--idoole-black-064);\n      }\n    }\n    .ele-timeline__middle {\n      width: 10px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      transform: translate(0, 20px);\n      .ele-timeline__circle {\n        width: 100%;\n        height: 10px;\n        border-radius: 50%;\n        border-width: 2px;\n        border-style: solid;\n        border-color: var(--idooel-primary-color);\n      }\n      .ele-timeline__traline {\n        width: 1px;\n        height: calc(100% - 10px);\n        border-width: 1px;\n        border-style: solid;\n        border-color: var(--idoole-black-016);\n      }\n    }\n    .ele-timeline__right {\n      text-align: left;\n      flex: 2;\n      padding-left: 12px;\n      padding-top: 16px;\n      padding-bottom: 16px;\n      .timeline-right__title {\n        line-height: 22px;\n        display: flex;\n        flex-direction: row;\n        .title {\n          color: var(--idoole-black-088);\n          font-size: 14px;\n          font-weight: bold;\n        }\n        .title-info {\n          font-size: 14px;\n          color: var(--idoole-black-064);\n          margin-left: 16px;\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          &::before {\n            content: '';\n            display: inline-block;\n            width: 6px;\n            height: 6px;\n            border-radius: 50%;\n            margin-right: 8px;\n          }\n          &.success {\n            &::before {\n              background: var(--idoole-success-06);\n            }\n          }\n          &.warning {\n            &::before {\n              background: var(--idoole-warning-06);\n            }\n          }\n          &.error {\n            &::before {\n              background: var(--idoole-error-06);\n            }\n          }\n        }\n      }\n      .timeline-right__oper {\n        line-height: 22px;\n        margin-top: 8px;\n        margin-left: 12px;\n        .oper-name {\n          color: var(--idoole-black-088);\n          font-size: 14px;\n          font-weight: bold;\n        }\n      }\n      .timeline-right__subtitle {\n        margin-left: 12px;\n        display: flex;\n        flex-direction: row;\n        line-height: 22px;\n        margin-top: 4px;\n        .right-subtitle__field {\n          flex-shrink: 0;\n          font-size: 14px;\n          color: var(--idoole-black-064);\n        }\n        .right-subtitle__content {\n          font-size: 14px;\n          color: var(--idoole-black-088);\n          font-weight: bold;\n          margin-left: 4px;\n        }\n      }\n    }\n  }\n}\n</style>",".ele-timeline__wrapper {\n  width: 100%;\n  height: 100%;\n}\n.ele-timeline__wrapper .ele-timeline__item {\n  display: flex;\n  flex-direction: row;\n}\n.ele-timeline__wrapper .ele-timeline__item:last-child .ele-timeline__middle .ele-timeline__traline {\n  display: none;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__left {\n  flex: 1;\n  padding-right: 12px;\n  padding-top: 16px;\n  padding-bottom: 16px;\n  text-align: right;\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__left .titleline-left__date {\n  width: 100px;\n  font-size: 14px;\n  color: var(--idoole-black-064);\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__middle {\n  width: 10px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  transform: translate(0, 20px);\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__middle .ele-timeline__circle {\n  width: 100%;\n  height: 10px;\n  border-radius: 50%;\n  border-width: 2px;\n  border-style: solid;\n  border-color: var(--idooel-primary-color);\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__middle .ele-timeline__traline {\n  width: 1px;\n  height: calc(100% - 10px);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--idoole-black-016);\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right {\n  text-align: left;\n  flex: 2;\n  padding-left: 12px;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__title {\n  line-height: 22px;\n  display: flex;\n  flex-direction: row;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__title .title {\n  color: var(--idoole-black-088);\n  font-size: 14px;\n  font-weight: bold;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__title .title-info {\n  font-size: 14px;\n  color: var(--idoole-black-064);\n  margin-left: 16px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__title .title-info::before {\n  content: \"\";\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  margin-right: 8px;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__title .title-info.success::before {\n  background: var(--idoole-success-06);\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__title .title-info.warning::before {\n  background: var(--idoole-warning-06);\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__title .title-info.error::before {\n  background: var(--idoole-error-06);\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__oper {\n  line-height: 22px;\n  margin-top: 8px;\n  margin-left: 12px;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__oper .oper-name {\n  color: var(--idoole-black-088);\n  font-size: 14px;\n  font-weight: bold;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__subtitle {\n  margin-left: 12px;\n  display: flex;\n  flex-direction: row;\n  line-height: 22px;\n  margin-top: 4px;\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__subtitle .right-subtitle__field {\n  flex-shrink: 0;\n  font-size: 14px;\n  color: var(--idoole-black-064);\n}\n.ele-timeline__wrapper .ele-timeline__item .ele-timeline__right .timeline-right__subtitle .right-subtitle__content {\n  font-size: 14px;\n  color: var(--idoole-black-088);\n  font-weight: bold;\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$i = "data-v-bfb18322";
+  const __vue_scope_id__$j = "data-v-bfb18322";
   /* module identifier */
-  const __vue_module_identifier__$i = undefined;
+  const __vue_module_identifier__$j = undefined;
   /* functional template */
-  const __vue_is_functional_template__$i = false;
+  const __vue_is_functional_template__$j = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$i = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$i, staticRenderFns: __vue_staticRenderFns__$i },
-    __vue_inject_styles__$i,
-    __vue_script__$i,
-    __vue_scope_id__$i,
-    __vue_is_functional_template__$i,
-    __vue_module_identifier__$i,
+  const __vue_component__$j = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$j, staticRenderFns: __vue_staticRenderFns__$j },
+    __vue_inject_styles__$j,
+    __vue_script__$j,
+    __vue_scope_id__$j,
+    __vue_is_functional_template__$j,
+    __vue_module_identifier__$j,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$i.install = Vue => Vue.component(__vue_component__$i.name, __vue_component__$i);
+__vue_component__$j.install = Vue => Vue.component(__vue_component__$j.name, __vue_component__$j);
 
 //
 //
@@ -6728,7 +6801,7 @@ __vue_component__$i.install = Vue => Vue.component(__vue_component__$i.name, __v
 //
 //
 
-var script$h = {
+var script$i = {
   name: 'ele-text',
   props: {
     type: {
@@ -6748,10 +6821,10 @@ var script$h = {
 };
 
 /* script */
-const __vue_script__$h = script$h;
+const __vue_script__$i = script$i;
 
 /* template */
-var __vue_render__$h = function () {
+var __vue_render__$i = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -6766,41 +6839,41 @@ var __vue_render__$h = function () {
     1
   )
 };
-var __vue_staticRenderFns__$h = [];
-__vue_render__$h._withStripped = true;
+var __vue_staticRenderFns__$i = [];
+__vue_render__$i._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$h = function (inject) {
+  const __vue_inject_styles__$i = function (inject) {
     if (!inject) return
     inject("data-v-636e07f7_0", { source: ".ele-text__wrapper[data-v-636e07f7] {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.ele-text__wrapper.default .anticon[data-v-636e07f7], .ele-text__wrapper.default .message[data-v-636e07f7] {\n  color: var(--idoole-black-064);\n}\n.ele-text__wrapper .anticon[data-v-636e07f7] {\n  font-size: 16px;\n}\n.ele-text__wrapper .message[data-v-636e07f7] {\n  font-size: 14px;\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/text/src/index.vue","index.vue"],"names":[],"mappings":"AA8BA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;AC7BA;AD+BA;EACA,8BAAA;AC7BA;ADgCA;EACA,eAAA;AC9BA;ADgCA;EACA,eAAA;EACA,gBAAA;AC9BA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div :class=\"['ele-text__wrapper', type]\">\n    <ele-icon theme=\"filled\" :type=\"icon\"></ele-icon>\n    <span class=\"message\">{{ message }}</span>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ele-text',\n  props: {\n    type: {\n      String,\n      // default success error warning info\n      default: 'default'\n    },\n    message: {\n      type: String\n    }\n  },\n  computed: {\n    icon() {\n      return 'info-circle'\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n//\n.ele-text__wrapper {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  &.default {\n    .anticon, .message {\n      color: var(--idoole-black-064);\n    }\n  }\n  .anticon {\n    font-size: 16px;\n  }\n  .message {\n    font-size: 14px;\n    margin-left: 4px;\n  }\n}\n</style>",".ele-text__wrapper {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.ele-text__wrapper.default .anticon, .ele-text__wrapper.default .message {\n  color: var(--idoole-black-064);\n}\n.ele-text__wrapper .anticon {\n  font-size: 16px;\n}\n.ele-text__wrapper .message {\n  font-size: 14px;\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$h = "data-v-636e07f7";
+  const __vue_scope_id__$i = "data-v-636e07f7";
   /* module identifier */
-  const __vue_module_identifier__$h = undefined;
+  const __vue_module_identifier__$i = undefined;
   /* functional template */
-  const __vue_is_functional_template__$h = false;
+  const __vue_is_functional_template__$i = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$h = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$h, staticRenderFns: __vue_staticRenderFns__$h },
-    __vue_inject_styles__$h,
-    __vue_script__$h,
-    __vue_scope_id__$h,
-    __vue_is_functional_template__$h,
-    __vue_module_identifier__$h,
+  const __vue_component__$i = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$i, staticRenderFns: __vue_staticRenderFns__$i },
+    __vue_inject_styles__$i,
+    __vue_script__$i,
+    __vue_scope_id__$i,
+    __vue_is_functional_template__$i,
+    __vue_module_identifier__$i,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$h.install = Vue => Vue.component(__vue_component__$h.name, __vue_component__$h);
+__vue_component__$i.install = Vue => Vue.component(__vue_component__$i.name, __vue_component__$i);
 
 //
 //
@@ -6817,7 +6890,7 @@ __vue_component__$h.install = Vue => Vue.component(__vue_component__$h.name, __v
 //
 //
 
-var script$g = {
+var script$h = {
   name: 'ele-tabs',
   components: {},
   model: {
@@ -6853,10 +6926,10 @@ var script$g = {
 };
 
 /* script */
-const __vue_script__$g = script$g;
+const __vue_script__$h = script$h;
 
 /* template */
-var __vue_render__$g = function () {
+var __vue_render__$h = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -6907,41 +6980,41 @@ var __vue_render__$g = function () {
     1
   )
 };
-var __vue_staticRenderFns__$g = [];
-__vue_render__$g._withStripped = true;
+var __vue_staticRenderFns__$h = [];
+__vue_render__$h._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$g = function (inject) {
+  const __vue_inject_styles__$h = 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 });
 
   };
   /* scoped */
-  const __vue_scope_id__$g = "data-v-508efd50";
+  const __vue_scope_id__$h = "data-v-508efd50";
   /* module identifier */
-  const __vue_module_identifier__$g = undefined;
+  const __vue_module_identifier__$h = undefined;
   /* functional template */
-  const __vue_is_functional_template__$g = false;
+  const __vue_is_functional_template__$h = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$g = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$g, staticRenderFns: __vue_staticRenderFns__$g },
-    __vue_inject_styles__$g,
-    __vue_script__$g,
-    __vue_scope_id__$g,
-    __vue_is_functional_template__$g,
-    __vue_module_identifier__$g,
+  const __vue_component__$h = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$h, staticRenderFns: __vue_staticRenderFns__$h },
+    __vue_inject_styles__$h,
+    __vue_script__$h,
+    __vue_scope_id__$h,
+    __vue_is_functional_template__$h,
+    __vue_module_identifier__$h,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$g.install = Vue => Vue.component(__vue_component__$g.name, __vue_component__$g);
+__vue_component__$h.install = Vue => Vue.component(__vue_component__$h.name, __vue_component__$h);
 
 /*!
  * Cropper.js v1.4.1
@@ -10653,7 +10726,7 @@ var Cropper = function () {
 assign(Cropper.prototype, render, preview, events, handlers, change, methods);
 
 //
-var script$f = {
+var script$g = {
   name: 'ele-modal-img-crop',
   model: {
     event: 'input',
@@ -10798,10 +10871,10 @@ var script$f = {
 };
 
 /* script */
-const __vue_script__$f = script$f;
+const __vue_script__$g = script$g;
 
 /* template */
-var __vue_render__$f = function () {
+var __vue_render__$g = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -10919,44 +10992,44 @@ var __vue_render__$f = function () {
     1
   )
 };
-var __vue_staticRenderFns__$f = [];
-__vue_render__$f._withStripped = true;
+var __vue_staticRenderFns__$g = [];
+__vue_render__$g._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$f = function (inject) {
+  const __vue_inject_styles__$g = function (inject) {
     if (!inject) return
     inject("data-v-307ca7c2_0", { source: "[data-v-307ca7c2] .ant-modal-body {\n  padding: 16px;\n}\n[data-v-307ca7c2] .ant-modal-header {\n  padding: 16px;\n}\n.ele-imgCrop__wrapper[data-v-307ca7c2] {\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-307ca7c2] {\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 .img-crop-left__image[data-v-307ca7c2] {\n  width: 100%;\n  height: 100%;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-img-crop__upload[data-v-307ca7c2] {\n  width: 100%;\n  height: 100%;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-img-crop__upload[data-v-307ca7c2]  .ele-upload__inner {\n  height: 100%;\n  border: unset;\n  background: transparent !important;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-img-crop__upload[data-v-307ca7c2]  .ele-upload__inner .ele-upload__area {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-img-crop__upload[data-v-307ca7c2]  .ele-upload__inner .ele-upload__area .ele-upload__area--text {\n  margin-top: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-imgCrop__font1[data-v-307ca7c2] {\n  color: var(--idoole-black-088);\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-307ca7c2] {\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-307ca7c2] {\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-307ca7c2] {\n  position: relative;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__right span[data-v-307ca7c2] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.ele-imgCrop__wrapper .ele-imgCrop__right .img-crop-right__image[data-v-307ca7c2] {\n  width: 100%;\n  height: 100%;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__item[data-v-307ca7c2] {\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-307ca7c2] {\n  float: left;\n  width: 80%;\n}\n.ele-imgCrop__error[data-v-307ca7c2] {\n  color: var(--idooel-form-border-err-color) !important;\n}\n.ele-imgCrop__error2[data-v-307ca7c2] {\n  color: var(--idooel-img-crop-err-color) !important;\n}\n.ele-imgCrop__icon[data-v-307ca7c2] {\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/composite-components/modal-img-crop/src/index.vue","index.vue"],"names":[],"mappings":"AA2LA;EACA,aAAA;AC1LA;AD4LA;EACA,aAAA;ACzLA;AD2LA;EACA,aAAA;EACA,SAAA;EACA,uBAAA;EACA,mBAAA;ACxLA;AD0LA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;ACxLA;ADyLA;EACA,WAAA;EACA,YAAA;ACvLA;ADyLA;EACA,WAAA;EACA,YAAA;ACvLA;ADwLA;EACA,YAAA;EACA,aAAA;EACA,kCAAA;ACtLA;ADuLA;EACA,aAAA;EACA,sBAAA;EACA,YAAA;EACA,mBAAA;EACA,uBAAA;ACrLA;ADsLA;EACA,gBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;ACpLA;ADyLA;EACA,8BAAA;EACA,eAAA;EACA,4BAAA;ACvLA;ADyLA;EACA,6BAAA;EACA,eAAA;EACA,iBAAA;ACvLA;AD0LA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,eAAA;ACxLA;AD2LA;EACA,kBAAA;ACzLA;AD0LA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;ACxLA;AD0LA;EACA,WAAA;EACA,YAAA;ACxLA;AD2LA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,wDAAA;EACA,8CAAA;ACzLA;AD4LA;EACA,WAAA;EACA,UAAA;ACzLA;AD2LA;EACA,qDAAA;ACxLA;AD0LA;EACA,kDAAA;ACvLA;ADyLA;EACA,eAAA;EACA,4BAAA;ACtLA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div>\n    <ele-modal\n    :ref=\"getEleModal\"\n    :title=\"title\"\n    :cancelText=\"cancelText\"\n    :maskClosable=\"maskClosable\"\n    v-on=\"$listeners\"\n    :size=\"size\"\n    :value=\"value\"\n    @ok=\"handleOk\"\n    @cancel=\"handleCancel\"\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          <ele-upload v-if=\"!fileId\" v-bind=\"uploadFileConfig\" class=\"ele-img-crop__upload\" @on-success=\"onUploadFileSuccess\" icon=\"inbox\" url=\"api/zuul/api-file/workbench/file\"></ele-upload>\n          <template v-else>\n            <img :ref=\"leftImage\" class=\"img-crop-left__image\" :src=\"imageUrl\" alt=\"\">\n          </template>\n        </div>\n        <div class=\"margin-t-8\">\n          <span v-if=\"imgtips\" class=\"ele-imgCrop__font1 ele-imgCrop__tips\" :class=\"isFail? 'ele-imgCrop__error' : ''\">{{ imgtips }}</span>\n          <template v-else>\n            <span class=\"ele-imgCrop__font1\">{{ fileName }}</span>\n            <a-icon v-if=\"fileName\" @click=\"handleClickDeleteFile\" type=\"close\" style=\"cursor: pointer;float: right; line-height: 24px;\"/>\n          </template>\n        </div>\n      </div>\n      <div class=\"ele-imgCrop__right ele-imgCrop__item\">\n        <span v-if=\"!fileId\" class=\"ele-imgCrop__font2\">左侧上传图片后可预览</span>\n        <template v-else>\n          <img class=\"img-crop-right__image\" :src=\"previewBase\" alt=\"\">\n        </template>\n      </div>\n    </div>\n    </ele-modal>\n  </div>\n</template>\n\n<script>\nimport { v4 as uuidv4 } from 'uuid'\nimport Cropper from 'cropperjs'\nimport { util, net } from '@idooel/shared'\nexport default {\n  name: 'ele-modal-img-crop',\n  model: {\n    event: 'input',\n    prop: 'value'\n  },\n  props: {\n    title: {\n      type: String,\n      default: '图像裁剪'\n    },\n    uploadFileConfig: {\n      type: Object,\n      default: () => {\n        return {\n          size: 10,\n          accept: '*',\n          byteConversion: 1024 * 1024\n        }\n      }\n    },\n    imageId: {\n      type: String\n    },\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    value: {\n      type: Boolean,\n      default () {\n        return false\n      }\n    },\n    cropperConfig: {\n      type: Object,\n      default: () => {\n        return {\n          aspectRatio: 16 / 9\n        }\n      }\n    }\n  },\n  data () {\n    return {\n      haveImg: false,\n      imgtips: null,\n      isFail: false,\n      cancelText: '取消',\n      fileName: null,\n      fileId: null,\n      previewBase: null,\n      cropper: null\n    }\n  },\n  computed: {\n    leftImage () {\n      return uuidv4()\n    },\n    imageUrl () {\n      return `/api-file/workbench/file/stream/${this.fileId}?origin=true`\n    },\n    getEleModal () {\n      return uuidv4()\n    }\n  },\n  watch: {\n    value: {\n      handler (value) {\n        this.fileId = this.imageId\n        if (value && this.fileId) {\n          setTimeout(() => {\n            this.initCropper()\n          })\n        }\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    handleCancel () {\n      this.$emit('input', false)\n      this.$emit('change', this.fileId)\n    },\n    handleClickDeleteFile () {\n      this.fileId = null\n      this.fileName = null\n    },\n    handleOk () {\n      this.cropper.getCroppedCanvas().toBlob(async (blob) => {\n        await this.uploadFile(blob)\n        this.$emit('input', false)\n        this.$emit('change', this.fileId)\n      })\n    },\n    async uploadFile (file) {\n      const formData = new FormData()\n      formData.append('serviceCode', 'cover-image')\n      formData.append('_t', Math.random())\n      formData.append('file', file)\n      await net.post(\n        'zuul/api-file/workbench/file' + '?_csrf=' + localStorage.getItem('token'),\n        formData\n      ).then(() => {})\n    },\n    initCropper () {\n      let previewReady = false\n      console.log('this.$refs[this.leftImage', this.$refs[this.leftImage])\n      this.cropper = new Cropper(this.$refs[this.leftImage], {\n        aspectRatio: this.cropperConfig.aspectRatio,\n        ready: () => {\n          previewReady = true\n        },\n        crop: util.debounce(() => {\n          if (!previewReady) {\n            return\n          }\n          this.previewBase = this.cropper.getCroppedCanvas().toDataURL()\n        }, 200)\n      })\n    },\n    onUploadFileSuccess (props) {\n      const { response: { data: { fileID } }, name } = props\n      this.fileId = fileID\n      this.fileName = name\n      this.$nextTick(() => {\n        this.initCropper()\n      })\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      .img-crop-left__image {\n        width: 100%;\n        height: 100%;\n      }\n      .ele-img-crop__upload {\n        width: 100%;\n        height: 100%;\n        ::v-deep .ele-upload__inner {\n          height: 100%;\n          border: unset;\n          background: transparent !important;\n          .ele-upload__area {\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            align-items: center;\n            justify-content: center;\n            .ele-upload__area--text {\n              margin-top: 16px;\n              display: flex;\n              flex-direction: column;\n              align-items: center;\n            }\n          }\n        }\n      }\n      .ele-imgCrop__font1 {\n        color: var(--idoole-black-088);\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    .img-crop-right__image {\n      width: 100%;\n      height: 100%;\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 .img-crop-left__image {\n  width: 100%;\n  height: 100%;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-img-crop__upload {\n  width: 100%;\n  height: 100%;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-img-crop__upload ::v-deep .ele-upload__inner {\n  height: 100%;\n  border: unset;\n  background: transparent !important;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-img-crop__upload ::v-deep .ele-upload__inner .ele-upload__area {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-img-crop__upload ::v-deep .ele-upload__inner .ele-upload__area .ele-upload__area--text {\n  margin-top: 16px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.ele-imgCrop__wrapper .ele-imgCrop__left .ele-imgCrop__noImg .ele-imgCrop__font1 {\n  color: var(--idoole-black-088);\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__right .img-crop-right__image {\n  width: 100%;\n  height: 100%;\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__$f = "data-v-307ca7c2";
+  const __vue_scope_id__$g = "data-v-307ca7c2";
   /* module identifier */
-  const __vue_module_identifier__$f = undefined;
+  const __vue_module_identifier__$g = undefined;
   /* functional template */
-  const __vue_is_functional_template__$f = false;
+  const __vue_is_functional_template__$g = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$f = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },
-    __vue_inject_styles__$f,
-    __vue_script__$f,
-    __vue_scope_id__$f,
-    __vue_is_functional_template__$f,
-    __vue_module_identifier__$f,
+  const __vue_component__$g = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$g, staticRenderFns: __vue_staticRenderFns__$g },
+    __vue_inject_styles__$g,
+    __vue_script__$g,
+    __vue_scope_id__$g,
+    __vue_is_functional_template__$g,
+    __vue_module_identifier__$g,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$f.install = Vue => Vue.component(__vue_component__$f.name, __vue_component__$f);
+__vue_component__$g.install = Vue => Vue.component(__vue_component__$g.name, __vue_component__$g);
 
 //
-var script$e = {
+var script$f = {
   name: 'ele-text-editor',
   props: {
     editorWidth: {
@@ -11002,10 +11075,10 @@ var script$e = {
 };
 
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$f = script$f;
 
 /* template */
-var __vue_render__$e = function () {
+var __vue_render__$f = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11028,41 +11101,41 @@ var __vue_render__$e = function () {
     1
   )
 };
-var __vue_staticRenderFns__$e = [];
-__vue_render__$e._withStripped = true;
+var __vue_staticRenderFns__$f = [];
+__vue_render__$f._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$e = function (inject) {
+  const __vue_inject_styles__$f = function (inject) {
     if (!inject) return
     inject("data-v-baee03c0_0", { source: ".ele-editor__bottom[data-v-baee03c0] {\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-baee03c0] {\n  color: var(--idoole-black-088);\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-088);\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-088);\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__$e = "data-v-baee03c0";
+  const __vue_scope_id__$f = "data-v-baee03c0";
   /* module identifier */
-  const __vue_module_identifier__$e = undefined;
+  const __vue_module_identifier__$f = undefined;
   /* functional template */
-  const __vue_is_functional_template__$e = false;
+  const __vue_is_functional_template__$f = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$e = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
-    __vue_inject_styles__$e,
-    __vue_script__$e,
-    __vue_scope_id__$e,
-    __vue_is_functional_template__$e,
-    __vue_module_identifier__$e,
+  const __vue_component__$f = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },
+    __vue_inject_styles__$f,
+    __vue_script__$f,
+    __vue_scope_id__$f,
+    __vue_is_functional_template__$f,
+    __vue_module_identifier__$f,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-__vue_component__$e.install = Vue => Vue.component(__vue_component__$e.name, __vue_component__$e);
+__vue_component__$f.install = Vue => Vue.component(__vue_component__$f.name, __vue_component__$f);
 
 //
 //
@@ -11077,7 +11150,7 @@ __vue_component__$e.install = Vue => Vue.component(__vue_component__$e.name, __v
 //
 //
 
-var script$d = {
+var script$e = {
   name: 'ele-textarea',
   model: {
     prop: 'value',
@@ -11119,10 +11192,10 @@ var script$d = {
 };
 
 /* script */
-const __vue_script__$d = script$d;
+const __vue_script__$e = script$e;
 
 /* template */
-var __vue_render__$d = function () {
+var __vue_render__$e = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11138,17 +11211,80 @@ var __vue_render__$d = function () {
     on: { change: _vm.onChange },
   })
 };
+var __vue_staticRenderFns__$e = [];
+__vue_render__$e._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$e = 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 });
+
+  };
+  /* scoped */
+  const __vue_scope_id__$e = "data-v-27d78bca";
+  /* module identifier */
+  const __vue_module_identifier__$e = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$e = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$e = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
+    __vue_inject_styles__$e,
+    __vue_script__$e,
+    __vue_scope_id__$e,
+    __vue_is_functional_template__$e,
+    __vue_module_identifier__$e,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
+
+__vue_component__$e.install = Vue => Vue.component(__vue_component__$e.name, __vue_component__$e);
+
+//
+//
+//
+//
+//
+//
+
+var script$d = {
+  name: 'ele-loading',
+  props: {
+    loading: {
+      type: Boolean,
+      default: true
+    }
+  }
+};
+
+/* script */
+const __vue_script__$d = script$d;
+
+/* template */
+var __vue_render__$d = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _vm.loading ? _c("div", { staticClass: "g-loading" }) : _vm._e()
+};
 var __vue_staticRenderFns__$d = [];
 __vue_render__$d._withStripped = true;
 
   /* style */
   const __vue_inject_styles__$d = 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-190ede62_0", { source: ".g-loading[data-v-190ede62] {\n  width: 16px;\n  height: 16px;\n  border: 1px solid #409EFF;\n  border-top-color: transparent;\n  border-left-color: transparent;\n  border-radius: 100%;\n  animation: rotate-data-v-190ede62 infinite 0.75s linear;\n}\n@keyframes rotate-data-v-190ede62 {\n0% {\n    transform: rotate(0);\n}\n100% {\n    transform: rotate(360deg);\n}\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/loading/src/index.vue","index.vue"],"names":[],"mappings":"AAmBA;EACA,WAAA;EACA,YAAA;EACA,yBAAA;EACA,6BAAA;EACA,8BAAA;EACA,mBAAA;EACA,uDAAA;AClBA;ADoBA;AACA;IACA,oBAAA;ACjBE;ADmBF;IACA,yBAAA;ACjBE;AACF;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div v-if=\"loading\" class=\"g-loading\">\n\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ele-loading',\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-loading {\n  width: 16px;\n  height: 16px;\n  border: 1px solid #409EFF;\n  border-top-color: transparent;\n  border-left-color: transparent;\n  border-radius: 100%;\n  animation: rotate infinite 0.75s linear;\n}\n@keyframes rotate {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n</style>",".g-loading {\n  width: 16px;\n  height: 16px;\n  border: 1px solid #409EFF;\n  border-top-color: transparent;\n  border-left-color: transparent;\n  border-radius: 100%;\n  animation: rotate infinite 0.75s linear;\n}\n\n@keyframes rotate {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$d = "data-v-27d78bca";
+  const __vue_scope_id__$d = "data-v-190ede62";
   /* module identifier */
   const __vue_module_identifier__$d = undefined;
   /* functional template */
@@ -11175,19 +11311,134 @@ __vue_render__$d._withStripped = true;
 __vue_component__$d.install = Vue => Vue.component(__vue_component__$d.name, __vue_component__$d);
 
 //
-//
-//
-//
-//
-//
-
 var script$c = {
-  name: 'ele-loading',
+  name: 'ele-tree-select',
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  inject: {
+    [CONTEXT]: {
+      default: () => () => {}
+    }
+  },
   props: {
-    loading: {
+    value: {
+      type: [String, Array]
+    },
+    url: {
+      type: String,
+      default: ''
+    },
+    requestType: {
+      type: String,
+      default: 'GET'
+    },
+    params: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    fieldMap: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    replaceFields: {
+      type: Object,
+      default: () => {
+        return {
+          children: 'children',
+          title: 'title',
+          key: 'key',
+          value: 'value'
+        };
+      }
+    },
+    treeData: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    multiple: {
       type: Boolean,
-      default: true
+      default: false
+    },
+    picks: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    defaultValue: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      innerDataSource: []
+    };
+  },
+  computed: {
+    contextData() {
+      return this[CONTEXT].call(this);
+    },
+    dataSource() {
+      return this.url ? this.innerDataSource : this.treeData;
+    }
+  },
+  methods: {
+    onChange(value, label, extra) {
+      this.$emit('change', value);
+    },
+    assignKeyFormTreeData(dataSource = []) {
+      return dataSource.map(nodeData => {
+        const {
+          children
+        } = nodeData;
+        children && this.assignKeyFormTreeData(children);
+        if (!nodeData.key) {
+          nodeData.key = nodeData.id;
+          nodeData.value = nodeData.id;
+        }
+        return nodeData;
+      });
+    },
+    requestData() {
+      const {
+        exposed = {}
+      } = this.contextData;
+      const {
+        getFieldsValue,
+        route
+      } = exposed;
+      const formModel = getFieldsValue && getFieldsValue();
+      const ctx = {
+        ...formModel,
+        route
+      };
+      net[this.requestType.toLowerCase()](this.url, {
+        ...this.params,
+        ...parseFieldMap(this.fieldMap, ctx)
+      }).then(resp => {
+        const {
+          data,
+          code
+        } = resp;
+        if (code == 2000) {
+          this.innerDataSource = this.assignKeyFormTreeData(data);
+        }
+      });
     }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.url && this.requestData();
+    });
   }
 };
 
@@ -11199,7 +11450,23 @@ var __vue_render__$c = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _vm.loading ? _c("div", { staticClass: "g-loading" }) : _vm._e()
+  return _c(
+    "div",
+    { staticClass: "ele__tree-select" },
+    [
+      _c("a-tree-select", {
+        attrs: {
+          value: _vm.value,
+          multiple: _vm.multiple,
+          defaultValue: _vm.defaultValue,
+          replaceFields: _vm.replaceFields,
+          "tree-data": _vm.dataSource,
+        },
+        on: { change: _vm.onChange },
+      }),
+    ],
+    1
+  )
 };
 var __vue_staticRenderFns__$c = [];
 __vue_render__$c._withStripped = true;
@@ -11207,11 +11474,11 @@ __vue_render__$c._withStripped = true;
   /* style */
   const __vue_inject_styles__$c = function (inject) {
     if (!inject) return
-    inject("data-v-190ede62_0", { source: ".g-loading[data-v-190ede62] {\n  width: 16px;\n  height: 16px;\n  border: 1px solid #409EFF;\n  border-top-color: transparent;\n  border-left-color: transparent;\n  border-radius: 100%;\n  animation: rotate-data-v-190ede62 infinite 0.75s linear;\n}\n@keyframes rotate-data-v-190ede62 {\n0% {\n    transform: rotate(0);\n}\n100% {\n    transform: rotate(360deg);\n}\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/loading/src/index.vue","index.vue"],"names":[],"mappings":"AAmBA;EACA,WAAA;EACA,YAAA;EACA,yBAAA;EACA,6BAAA;EACA,8BAAA;EACA,mBAAA;EACA,uDAAA;AClBA;ADoBA;AACA;IACA,oBAAA;ACjBE;ADmBF;IACA,yBAAA;ACjBE;AACF;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div v-if=\"loading\" class=\"g-loading\">\n\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ele-loading',\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-loading {\n  width: 16px;\n  height: 16px;\n  border: 1px solid #409EFF;\n  border-top-color: transparent;\n  border-left-color: transparent;\n  border-radius: 100%;\n  animation: rotate infinite 0.75s linear;\n}\n@keyframes rotate {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n</style>",".g-loading {\n  width: 16px;\n  height: 16px;\n  border: 1px solid #409EFF;\n  border-top-color: transparent;\n  border-left-color: transparent;\n  border-radius: 100%;\n  animation: rotate infinite 0.75s linear;\n}\n\n@keyframes rotate {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-09096c22_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__$c = "data-v-190ede62";
+  const __vue_scope_id__$c = "data-v-09096c22";
   /* module identifier */
   const __vue_module_identifier__$c = undefined;
   /* functional template */
@@ -13639,18 +13906,18 @@ __vue_render__._withStripped = true;
 
 __vue_component__.install = Vue => Vue.component(__vue_component__.name, __vue_component__);
 
-__vue_component__$y.install = Vue => Vue.component(__vue_component__$y.name, __vue_component__$y);
-
-__vue_component__$w.install = Vue => Vue.component(__vue_component__$w.name, __vue_component__$w);
+__vue_component__$z.install = Vue => Vue.component(__vue_component__$z.name, __vue_component__$z);
 
 __vue_component__$x.install = Vue => Vue.component(__vue_component__$x.name, __vue_component__$x);
 
-__vue_component__$v.install = Vue => Vue.component(__vue_component__$v.name, __vue_component__$v);
+__vue_component__$y.install = Vue => Vue.component(__vue_component__$y.name, __vue_component__$y);
+
+__vue_component__$w.install = Vue => Vue.component(__vue_component__$w.name, __vue_component__$w);
 
-const compositeComponents = [__vue_component__$9, __vue_component__$a, __vue_component__$8, __vue_component__$7, __vue_component__$f, __vue_component__$6, __vue_component__$5, __vue_component__$4];
+const compositeComponents = [__vue_component__$9, __vue_component__$a, __vue_component__$8, __vue_component__$7, __vue_component__$g, __vue_component__$6, __vue_component__$5, __vue_component__$4];
 const businessComponents = [__vue_component__$3, __vue_component__$2, __vue_component__$1, __vue_component__];
-const models = [__vue_component__$y, __vue_component__$w, __vue_component__$x, __vue_component__$v];
-const components = [__vue_component__$F, __vue_component__$E, __vue_component__$D, __vue_component__$C, __vue_component__$A, __vue_component__$z, __vue_component__$u, __vue_component__$t, __vue_component__$s, __vue_component__$r, __vue_component__$q, __vue_component__$p, __vue_component__$o, __vue_component__$n, __vue_component__$m, __vue_component__$l, __vue_component__$k, __vue_component__$j, __vue_component__$i, __vue_component__$h, __vue_component__$g, __vue_component__$e, __vue_component__$d, __vue_component__$c, ...compositeComponents, ...businessComponents, ...models];
+const models = [__vue_component__$z, __vue_component__$x, __vue_component__$y, __vue_component__$w];
+const components = [__vue_component__$G, __vue_component__$F, __vue_component__$E, __vue_component__$D, __vue_component__$B, __vue_component__$A, __vue_component__$v, __vue_component__$u, __vue_component__$t, __vue_component__$s, __vue_component__$r, __vue_component__$q, __vue_component__$p, __vue_component__$o, __vue_component__$n, __vue_component__$m, __vue_component__$l, __vue_component__$k, __vue_component__$j, __vue_component__$i, __vue_component__$h, __vue_component__$f, __vue_component__$e, __vue_component__$d, __vue_component__$c, ...compositeComponents, ...businessComponents, ...models];
 const install = Vue => {
   if (install.installed) return;
   install.installed = true;
@@ -13659,4 +13926,4 @@ const install = Vue => {
   });
 };
 
-export { __vue_component__$s as EleAlert, __vue_component__$k as EleBatchExport, __vue_component__$F as EleButton, __vue_component__$9 as EleButtonGroup, __vue_component__$m as EleCheckbox, __vue_component__$E as EleDate, __vue_component__$j as EleDateRange, __vue_component__$t as EleForm, __vue_component__$x as EleFormGroupModel, __vue_component__$4 as EleFormImgCrop, __vue_component__$w as EleFormPageModel, __vue_component__$p as EleIcon, __vue_component__$D as EleInput, __vue_component__$o as EleInputNumber, __vue_component__$c as EleLoading, __vue_component__$n as EleModal, __vue_component__$6 as EleModalConfirm, __vue_component__$8 as EleModalForm, __vue_component__$1 as EleModalFsm, __vue_component__$f as EleModalImgCrop, __vue_component__$3 as EleModalImport, __vue_component__$5 as EleModalTable, __vue_component__$2 as EleModalTimeline, __vue_component__$7 as EleModalTree, __vue_component__$l as EleRadio, __vue_component__$a as EleSearchArea, __vue_component__$C as EleSelect, __vue_component__$q as EleSelectEntity, __vue_component__$v as EleStepModel, __vue_component__$A as EleTable, __vue_component__$g as EleTabs, __vue_component__ as EleTabsSubCenter, __vue_component__$h as EleText, __vue_component__$e as EleTextEditor, __vue_component__$d as EleTextarea, __vue_component__$i as EleTimeline, __vue_component__$u as EleTpl, __vue_component__$z as EleTree, __vue_component__$y as EleTreeTableModel, __vue_component__$r as EleUpload, install as default, models };
+export { __vue_component__$t as EleAlert, __vue_component__$l as EleBatchExport, __vue_component__$G as EleButton, __vue_component__$9 as EleButtonGroup, __vue_component__$n as EleCheckbox, __vue_component__$F as EleDate, __vue_component__$k as EleDateRange, __vue_component__$u as EleForm, __vue_component__$y as EleFormGroupModel, __vue_component__$4 as EleFormImgCrop, __vue_component__$x as EleFormPageModel, __vue_component__$q as EleIcon, __vue_component__$E as EleInput, __vue_component__$p as EleInputNumber, __vue_component__$d as EleLoading, __vue_component__$o as EleModal, __vue_component__$6 as EleModalConfirm, __vue_component__$8 as EleModalForm, __vue_component__$1 as EleModalFsm, __vue_component__$g as EleModalImgCrop, __vue_component__$3 as EleModalImport, __vue_component__$5 as EleModalTable, __vue_component__$2 as EleModalTimeline, __vue_component__$7 as EleModalTree, __vue_component__$m as EleRadio, __vue_component__$a as EleSearchArea, __vue_component__$D as EleSelect, __vue_component__$r as EleSelectEntity, __vue_component__$w as EleStepModel, __vue_component__$B as EleTable, __vue_component__$h as EleTabs, __vue_component__ as EleTabsSubCenter, __vue_component__$i as EleText, __vue_component__$f as EleTextEditor, __vue_component__$e as EleTextarea, __vue_component__$j as EleTimeline, __vue_component__$v as EleTpl, __vue_component__$A as EleTree, __vue_component__$c as EleTreeSelect, __vue_component__$z as EleTreeTableModel, __vue_component__$s as EleUpload, install as default, models };