@idooel/components 0.0.1-beta.1 → 0.0.1-beta.2

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

@@ -1,12 +1,13 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@idooel/shared'), require('moment')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@idooel/shared', 'moment'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.__ele__umd__components__ = {}, global.shared, global.moment));
-})(this, (function (exports, shared, moment) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@idooel/shared'), require('moment'), require('vue-upload-component')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@idooel/shared', 'moment', 'vue-upload-component'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.__ele__umd__components__ = {}, global.shared, global.moment, global.FileUpload));
+})(this, (function (exports, shared, moment, FileUpload) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
+  var FileUpload__default = /*#__PURE__*/_interopDefaultLegacy(FileUpload);
 
   //
   //
@@ -26,7 +27,7 @@
   //
   //
 
-  var script$b = {
+  var script$n = {
     name: 'ele-button',
     props: {
       record: {
@@ -144,10 +145,10 @@
   }
 
   /* script */
-  const __vue_script__$b = script$b;
+  const __vue_script__$n = script$n;
 
   /* template */
-  var __vue_render__$b = function () {
+  var __vue_render__$n = function () {
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
@@ -193,17 +194,17 @@
           2
         )
   };
-  var __vue_staticRenderFns__$b = [];
-  __vue_render__$b._withStripped = true;
+  var __vue_staticRenderFns__$n = [];
+  __vue_render__$n._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__$b = undefined;
+    const __vue_inject_styles__$n = undefined;
     /* scoped */
-    const __vue_scope_id__$b = undefined;
+    const __vue_scope_id__$n = undefined;
     /* module identifier */
-    const __vue_module_identifier__$b = undefined;
+    const __vue_module_identifier__$n = undefined;
     /* functional template */
-    const __vue_is_functional_template__$b = false;
+    const __vue_is_functional_template__$n = false;
     /* style inject */
     
     /* style inject SSR */
@@ -212,20 +213,20 @@
     
 
     
-    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__$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,
       undefined,
       undefined,
       undefined
     );
 
-  __vue_component__$b.install = Vue => Vue.component(__vue_component__$b.name, __vue_component__$b);
+  __vue_component__$n.install = Vue => Vue.component(__vue_component__$n.name, __vue_component__$n);
 
   //
   //
@@ -240,7 +241,7 @@
   //
   //
 
-  var script$a = {
+  var script$m = {
     name: 'ele-date',
     props: {
       value: {
@@ -268,10 +269,10 @@
   };
 
   /* script */
-  const __vue_script__$a = script$a;
+  const __vue_script__$m = script$m;
 
   /* template */
-  var __vue_render__$a = function () {
+  var __vue_render__$m = function () {
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
@@ -286,17 +287,17 @@
       on: { focus: _vm.onFocus, panelChange: _vm.onPanelChange },
     })
   };
-  var __vue_staticRenderFns__$a = [];
-  __vue_render__$a._withStripped = true;
+  var __vue_staticRenderFns__$m = [];
+  __vue_render__$m._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__$a = undefined;
+    const __vue_inject_styles__$m = undefined;
     /* scoped */
-    const __vue_scope_id__$a = undefined;
+    const __vue_scope_id__$m = undefined;
     /* module identifier */
-    const __vue_module_identifier__$a = undefined;
+    const __vue_module_identifier__$m = undefined;
     /* functional template */
-    const __vue_is_functional_template__$a = false;
+    const __vue_is_functional_template__$m = false;
     /* style inject */
     
     /* style inject SSR */
@@ -305,29 +306,33 @@
     
 
     
-    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__$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,
       undefined,
       undefined,
       undefined
     );
 
-  __vue_component__$a.install = Vue => Vue.component(__vue_component__$a.name, __vue_component__$a);
+  __vue_component__$m.install = Vue => Vue.component(__vue_component__$m.name, __vue_component__$m);
 
   //
   //
   //
   //
 
-  var script$9 = {
+  var script$l = {
     name: 'ele-input',
     props: {
+      maxLength: {
+        type: Number,
+        default: 125
+      },
       value: {
         type: String
       }
@@ -385,53 +390,53 @@
   }
 
   /* script */
-  const __vue_script__$9 = script$9;
+  const __vue_script__$l = script$l;
 
   /* template */
-  var __vue_render__$9 = function () {
+  var __vue_render__$l = function () {
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
     return _c("a-input", {
-      attrs: { value: _vm.value },
+      attrs: { value: _vm.value, "max-length": _vm.maxLength },
       on: { change: _vm.onChange },
     })
   };
-  var __vue_staticRenderFns__$9 = [];
-  __vue_render__$9._withStripped = true;
+  var __vue_staticRenderFns__$l = [];
+  __vue_render__$l._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__$9 = function (inject) {
+    const __vue_inject_styles__$l = function (inject) {
       if (!inject) return
-      inject("data-v-560c97a2_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", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"index.vue"}, media: undefined });
+      inject("data-v-468d0810_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"index.vue"}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$9 = "data-v-560c97a2";
+    const __vue_scope_id__$l = "data-v-468d0810";
     /* module identifier */
-    const __vue_module_identifier__$9 = undefined;
+    const __vue_module_identifier__$l = undefined;
     /* functional template */
-    const __vue_is_functional_template__$9 = false;
+    const __vue_is_functional_template__$l = false;
     /* style inject SSR */
     
     /* style inject shadow dom */
     
 
     
-    const __vue_component__$9 = /*#__PURE__*/normalizeComponent(
-      { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 },
-      __vue_inject_styles__$9,
-      __vue_script__$9,
-      __vue_scope_id__$9,
-      __vue_is_functional_template__$9,
-      __vue_module_identifier__$9,
+    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__$9.install = Vue => Vue.component(__vue_component__$9.name, __vue_component__$9);
+  __vue_component__$l.install = Vue => Vue.component(__vue_component__$l.name, __vue_component__$l);
 
   //
   //
@@ -442,7 +447,7 @@
   //
   //
 
-  var script$8 = {
+  var script$k = {
     name: 'ele-select',
     props: {
       value: {
@@ -465,10 +470,10 @@
   };
 
   /* script */
-  const __vue_script__$8 = script$8;
+  const __vue_script__$k = script$k;
 
   /* template */
-  var __vue_render__$8 = function () {
+  var __vue_render__$k = function () {
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
@@ -489,41 +494,41 @@
       1
     )
   };
-  var __vue_staticRenderFns__$8 = [];
-  __vue_render__$8._withStripped = true;
+  var __vue_staticRenderFns__$k = [];
+  __vue_render__$k._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__$8 = function (inject) {
+    const __vue_inject_styles__$k = function (inject) {
       if (!inject) return
       inject("data-v-499435e8_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__$8 = "data-v-499435e8";
+    const __vue_scope_id__$k = "data-v-499435e8";
     /* module identifier */
-    const __vue_module_identifier__$8 = undefined;
+    const __vue_module_identifier__$k = undefined;
     /* functional template */
-    const __vue_is_functional_template__$8 = false;
+    const __vue_is_functional_template__$k = false;
     /* style inject SSR */
     
     /* style inject shadow dom */
     
 
     
-    const __vue_component__$8 = /*#__PURE__*/normalizeComponent(
-      { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 },
-      __vue_inject_styles__$8,
-      __vue_script__$8,
-      __vue_scope_id__$8,
-      __vue_is_functional_template__$8,
-      __vue_module_identifier__$8,
+    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__$8.install = Vue => Vue.component(__vue_component__$8.name, __vue_component__$8);
+  __vue_component__$k.install = Vue => Vue.component(__vue_component__$k.name, __vue_component__$k);
 
   // 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
@@ -1157,7 +1162,7 @@
 
   //
   const MENU_KEY_NAMESPACE = 'f7b3b8b0-1b7b-11ec-9621-0242ac130002';
-  var script$7 = {
+  var script$j = {
     props: {
       record: {
         type: Object
@@ -1255,10 +1260,10 @@
   };
 
   /* script */
-  const __vue_script__$7 = script$7;
+  const __vue_script__$j = script$j;
 
   /* template */
-  var __vue_render__$7 = function () {
+  var __vue_render__$j = function () {
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
@@ -1271,7 +1276,19 @@
           { key: idx, staticClass: "table-action__item" },
           [
             item.type == "text"
-              ? [_c("span", [_vm._v(_vm._s(item.label))])]
+              ? [
+                  _c(
+                    "span",
+                    {
+                      on: {
+                        click: function ($event) {
+                          return _vm.handleClickText(item)
+                        },
+                      },
+                    },
+                    [_vm._v(_vm._s(item.label))]
+                  ),
+                ]
               : item.type == "dropdown"
               ? [
                   _c(
@@ -1346,34 +1363,34 @@
       0
     )
   };
-  var __vue_staticRenderFns__$7 = [];
-  __vue_render__$7._withStripped = true;
+  var __vue_staticRenderFns__$j = [];
+  __vue_render__$j._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__$7 = function (inject) {
+    const __vue_inject_styles__$j = function (inject) {
       if (!inject) return
-      inject("data-v-2708b08a_0", { source: ".g-table__action[data-v-2708b08a] {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item[data-v-2708b08a] {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item[data-v-2708b08a]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\table\\src\\action.vue","action.vue"],"names":[],"mappings":"AAsHA;EACA,aAAA;EACA,mBAAA;ACrHA;ADsHA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACpHA;ADqHA;EACA,cAAA;ACnHA;;AAEA,qCAAqC","file":"action.vue","sourcesContent":["<template>\r\n  <div class=\"g-table__action\">\r\n    <div class=\"table-action__item\" v-for=\"(item, idx) in execOperationExpression(dataSource)\" :key=\"idx\">\r\n      <template v-if=\"item.type == 'text'\">\r\n        <span>{{ item.label }}</span>\r\n      </template>\r\n      <template v-else-if=\"item.type == 'dropdown'\">\r\n        <a-dropdown>\r\n          <a-menu slot=\"overlay\" @click=\"handleDropdownClick\">\r\n            <a-menu-item :key=\"`${item.key || ''}${menuKeyDelimiter}${opt.value || ''}`\" v-for=\"opt in execOperationExpression(item.optionList)\">\r\n              <template v-if=\"opt.type == 'confirm'\">\r\n                <a-popconfirm :title=\"opt.message\" @confirm=\"handleClickConfirm(opt)\">\r\n                  {{ opt.label }}\r\n                </a-popconfirm>\r\n              </template>\r\n              <template v-else>\r\n                {{ opt.label }}\r\n              </template>\r\n            </a-menu-item>\r\n          </a-menu>\r\n         <span>{{ item.label }}</span>\r\n        </a-dropdown>\r\n      </template>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { v5 as uuidv5 } from 'uuid'\r\nimport { type, route } from '@idooel/shared'\r\nimport { parse } from '@idooel/expression'\r\nconst MENU_KEY_NAMESPACE = 'f7b3b8b0-1b7b-11ec-9621-0242ac130002'\r\nexport default {\r\n  props: {\r\n    record: {\r\n      type: Object\r\n    },\r\n    dataSource: {\r\n      type: Array,\r\n      default: () => []\r\n    }\r\n  },\r\n  inject: {\r\n    requestTreeData: {\r\n      default: void 0\r\n    },\r\n    requestTableData: {\r\n      default: void 0\r\n    }\r\n  },\r\n  computed: {\r\n    menuKeyDelimiter () {\r\n      return uuidv5('_', MENU_KEY_NAMESPACE)\r\n    },\r\n    builtInMethods () {\r\n      return { \r\n        requestTreeData: this.requestTreeData, \r\n        requestTableData: this.requestTableData \r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    execOperationExpression (dataSource = []) {\r\n      const ret = dataSource.map(item => {\r\n        const { show } = item\r\n        if (type.isUndefined(show)) {\r\n          return item\r\n        } else if (type.isBool(show)) {\r\n          if (show) return item\r\n        } else if (type.isStr(show)) {\r\n          const parseRet = parse(show, { \r\n            ...this.record, \r\n            _route: route.searchToQueryParams(window.location.search) \r\n          })\r\n          if (parseRet) return item\r\n        }\r\n      }).filter(item => item)\r\n      return ret\r\n    },\r\n    handleClickConfirm (props) {\r\n      //TODO generate event by special rule\r\n      const { eventName, value } = props\r\n      this.$emit(eventName, { \r\n        key: value, \r\n        record: this.record,\r\n        builtInMethods: this.builtInMethods \r\n      })\r\n    },\r\n    handleDropdownClick (props) {\r\n      const { key } = props\r\n      const [parent, child] = key.split(this.menuKeyDelimiter)\r\n      if (!parent || !child) {\r\n        throw new Error('key is required')\r\n      }\r\n      const currentDropdown = this.dataSource.find(item => item.key === parent)\r\n      const currentClickTarget = currentDropdown.optionList.find(item => item.value === child)\r\n      const { eventName, type } = currentClickTarget\r\n      //TODO generate event by special rule\r\n      if (type === 'confirm') return\r\n      this.$emit(eventName, { \r\n        key: child, \r\n        record: this.record, \r\n        builtInMethods: this.builtInMethods \r\n      })\r\n    },\r\n    handleClickText (props) {\r\n      const { eventName, key } = props\r\n      this.$emit(eventName, { \r\n        key, \r\n        record: this.record, \r\n        builtInMethods: this.builtInMethods \r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.g-table__action {\r\n  display: flex;\r\n  flex-direction: row;\r\n  .table-action__item {\r\n    font-size: 14px;\r\n    color: #409EFF;\r\n    margin-left: 16px;\r\n    cursor: pointer;\r\n    &:first-child {\r\n      margin-left: 0;\r\n    }\r\n  }\r\n}\r\n</style>",".g-table__action {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */"]}, media: undefined });
+      inject("data-v-572820bc_0", { source: ".g-table__action[data-v-572820bc] {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item[data-v-572820bc] {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item[data-v-572820bc]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\table\\src\\action.vue","action.vue"],"names":[],"mappings":"AAsHA;EACA,aAAA;EACA,mBAAA;ACrHA;ADsHA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACpHA;ADqHA;EACA,cAAA;ACnHA;;AAEA,qCAAqC","file":"action.vue","sourcesContent":["<template>\r\n  <div class=\"g-table__action\">\r\n    <div class=\"table-action__item\" v-for=\"(item, idx) in execOperationExpression(dataSource)\" :key=\"idx\">\r\n      <template v-if=\"item.type == 'text'\">\r\n        <span @click=\"handleClickText(item)\">{{ item.label }}</span>\r\n      </template>\r\n      <template v-else-if=\"item.type == 'dropdown'\">\r\n        <a-dropdown>\r\n          <a-menu slot=\"overlay\" @click=\"handleDropdownClick\">\r\n            <a-menu-item :key=\"`${item.key || ''}${menuKeyDelimiter}${opt.value || ''}`\" v-for=\"opt in execOperationExpression(item.optionList)\">\r\n              <template v-if=\"opt.type == 'confirm'\">\r\n                <a-popconfirm :title=\"opt.message\" @confirm=\"handleClickConfirm(opt)\">\r\n                  {{ opt.label }}\r\n                </a-popconfirm>\r\n              </template>\r\n              <template v-else>\r\n                {{ opt.label }}\r\n              </template>\r\n            </a-menu-item>\r\n          </a-menu>\r\n         <span>{{ item.label }}</span>\r\n        </a-dropdown>\r\n      </template>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { v5 as uuidv5 } from 'uuid'\r\nimport { type, route } from '@idooel/shared'\r\nimport { parse } from '@idooel/expression'\r\nconst MENU_KEY_NAMESPACE = 'f7b3b8b0-1b7b-11ec-9621-0242ac130002'\r\nexport default {\r\n  props: {\r\n    record: {\r\n      type: Object\r\n    },\r\n    dataSource: {\r\n      type: Array,\r\n      default: () => []\r\n    }\r\n  },\r\n  inject: {\r\n    requestTreeData: {\r\n      default: void 0\r\n    },\r\n    requestTableData: {\r\n      default: void 0\r\n    }\r\n  },\r\n  computed: {\r\n    menuKeyDelimiter () {\r\n      return uuidv5('_', MENU_KEY_NAMESPACE)\r\n    },\r\n    builtInMethods () {\r\n      return { \r\n        requestTreeData: this.requestTreeData, \r\n        requestTableData: this.requestTableData \r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    execOperationExpression (dataSource = []) {\r\n      const ret = dataSource.map(item => {\r\n        const { show } = item\r\n        if (type.isUndefined(show)) {\r\n          return item\r\n        } else if (type.isBool(show)) {\r\n          if (show) return item\r\n        } else if (type.isStr(show)) {\r\n          const parseRet = parse(show, { \r\n            ...this.record, \r\n            _route: route.searchToQueryParams(window.location.search) \r\n          })\r\n          if (parseRet) return item\r\n        }\r\n      }).filter(item => item)\r\n      return ret\r\n    },\r\n    handleClickConfirm (props) {\r\n      //TODO generate event by special rule\r\n      const { eventName, value } = props\r\n      this.$emit(eventName, { \r\n        key: value, \r\n        record: this.record,\r\n        builtInMethods: this.builtInMethods \r\n      })\r\n    },\r\n    handleDropdownClick (props) {\r\n      const { key } = props\r\n      const [parent, child] = key.split(this.menuKeyDelimiter)\r\n      if (!parent || !child) {\r\n        throw new Error('key is required')\r\n      }\r\n      const currentDropdown = this.dataSource.find(item => item.key === parent)\r\n      const currentClickTarget = currentDropdown.optionList.find(item => item.value === child)\r\n      const { eventName, type } = currentClickTarget\r\n      //TODO generate event by special rule\r\n      if (type === 'confirm') return\r\n      this.$emit(eventName, { \r\n        key: child, \r\n        record: this.record, \r\n        builtInMethods: this.builtInMethods \r\n      })\r\n    },\r\n    handleClickText (props) {\r\n      const { eventName, key } = props\r\n      this.$emit(eventName, { \r\n        key, \r\n        record: this.record, \r\n        builtInMethods: this.builtInMethods \r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.g-table__action {\r\n  display: flex;\r\n  flex-direction: row;\r\n  .table-action__item {\r\n    font-size: 14px;\r\n    color: #409EFF;\r\n    margin-left: 16px;\r\n    cursor: pointer;\r\n    &:first-child {\r\n      margin-left: 0;\r\n    }\r\n  }\r\n}\r\n</style>",".g-table__action {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$7 = "data-v-2708b08a";
+    const __vue_scope_id__$j = "data-v-572820bc";
     /* module identifier */
-    const __vue_module_identifier__$7 = undefined;
+    const __vue_module_identifier__$j = undefined;
     /* functional template */
-    const __vue_is_functional_template__$7 = false;
+    const __vue_is_functional_template__$j = false;
     /* style inject SSR */
     
     /* style inject shadow dom */
     
 
     
-    const __vue_component__$7 = /*#__PURE__*/normalizeComponent(
-      { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 },
-      __vue_inject_styles__$7,
-      __vue_script__$7,
-      __vue_scope_id__$7,
-      __vue_is_functional_template__$7,
-      __vue_module_identifier__$7,
+    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,
@@ -1381,10 +1398,10 @@
     );
 
   //
-  var script$6 = {
+  var script$i = {
     name: 'ele-table',
     components: {
-      Actions: __vue_component__$7
+      Actions: __vue_component__$j
     },
     props: {
       actions: {
@@ -1427,10 +1444,10 @@
   };
 
   /* script */
-  const __vue_script__$6 = script$6;
+  const __vue_script__$i = script$i;
 
   /* template */
-  var __vue_render__$6 = function () {
+  var __vue_render__$i = function () {
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
@@ -1489,41 +1506,41 @@
       1
     )
   };
-  var __vue_staticRenderFns__$6 = [];
-  __vue_render__$6._withStripped = true;
+  var __vue_staticRenderFns__$i = [];
+  __vue_render__$i._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__$6 = function (inject) {
+    const __vue_inject_styles__$i = function (inject) {
       if (!inject) return
       inject("data-v-6f3faf52_0", { source: ".g-table__wrapper[data-v-6f3faf52] {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-body {\n  border-top-width: calc(var(--idooel-border-width) * 1px);\n  border-top-style: solid;\n  border-top-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-right {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-color: var(--idooel-border-color);\n  border-bottom-style: solid;\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper .g-table__pagination[data-v-6f3faf52] {\n  /* margin-top: 8px; */\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\table\\src\\index.vue","index.vue"],"names":[],"mappings":"AA4EA;EAgEA,aAAA;EACA,kBAAA;AC1IA;AD2EA;EACA,oDAAA;EACA,mBAAA;EACA,wCAAA;ACzEA;AD4EA;EACA,iDAAA;AC1EA;AD+EA;EACA,+CAAA;EACA,2DAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;AC7EA;ADiFA;EACA,wDAAA;EACA,uBAAA;EACA,4CAAA;AC/EA;ADiFA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;AC/EA;ADgFA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;AC9EA;ADgFA;EACA,0DAAA;EACA,yBAAA;EACA,8CAAA;AC9EA;ADgFA;EACA,0DAAA;EACA,8CAAA;EACA,yBAAA;AC9EA;ADiFA;EAMA,2DAAA;EACA,0BAAA;EACA,+CAAA;ACpFA;AD6EA;EACA,2DAAA;EACA,+CAAA;EACA,0BAAA;AC3EA;ADgFA;EACA,yDAAA;EACA,wBAAA;EACA,6CAAA;AC9EA;ADsFA;EACA,qBAAA;EACA,aAAA;EACA,mBAAA;EACA,oBAAA;EACA,oDAAA;EACA,wCAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;ACpFA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"g-table__wrapper\">\r\n    <a-table\r\n      :pagination=\"false\"\r\n      :loading=\"loading\"\r\n      :columns=\"columns\"\r\n      :row-class-name=\"setRowClassName\"\r\n      :data-source=\"dataSource\"\r\n      :scroll=\"{ x: 1500, y: 500 }\">\r\n      <template slot=\"action\" slot-scope=\"record\">\r\n        <Actions v-on=\"$listeners\" :data-source=\"actions\" :record=\"record\"></Actions>\r\n      </template>\r\n    </a-table>\r\n    <div class=\"g-table__pagination\">\r\n      <a-pagination\r\n        :show-total=\"total => `共 ${total} 条数据`\"\r\n        show-size-changer \r\n        show-quick-jumper\r\n        :pageSize=\"pageSize\"\r\n        :pageSizeOptions=\"pageSizeOptions\"\r\n        @change=\"onChangePagination\" \r\n        :total=\"total\">\r\n      </a-pagination>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Actions from './action.vue'\r\nexport default {\r\n  name: 'ele-table',\r\n  components: {\r\n    Actions\r\n  },\r\n  props: {\r\n    actions: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    total: {\r\n      type: Number,\r\n      default: 0\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    columns: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    dataSource: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    pageSize: {\r\n      type: Number,\r\n      default: 10\r\n    },\r\n    pageSizeOptions: {\r\n      type: Array,\r\n      default: () => ['10', '20', '30', '40']\r\n    }\r\n  },\r\n  methods: {\r\n    setRowClassName (record, idx) {\r\n      return idx % 2 === 0 ? 'g-table__row--even' : 'g-table__row--odd'\r\n    },\r\n    onChangePagination (page, pagrSize) {\r\n      this.$emit('change-page', page, pagrSize)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.g-table__wrapper {\r\n  ::v-deep .ant-table-wrapper {\r\n    .ant-table {\r\n      border-width: calc(var(--idooel-border-width) * 1px);\r\n      border-style: solid;\r\n      border-color: var(--idooel-border-color);\r\n    }\r\n    .ant-table-header {\r\n      .ant-table-fixed {\r\n        /* border-bottom: 2px solid #53a8ff !important; */\r\n      }\r\n    }\r\n    .ant-table-tbody {\r\n      tr {\r\n        td {\r\n          border-color: var(--idooel-column-border-color);\r\n          border-width: calc(var(--idooel-column-border-width) * 1px);;\r\n          border-style: solid;\r\n          border-top: unset;\r\n          border-left: unset;\r\n        }\r\n      }\r\n    }\r\n    .ant-table-body {\r\n      border-top-width: calc(var(--idooel-border-width) * 1px);\r\n      border-top-style: solid;\r\n      border-top-color: var(--idooel-border-color);\r\n    }\r\n    .ant-table-fixed-left {\r\n      border-bottom-width: calc(var(--idooel-border-width) * 1px);\r\n      border-bottom-style: solid;\r\n      border-bottom-color: var(--idooel-border-color);\r\n      .ant-table-header {\r\n        border-bottom-width: calc(var(--idooel-border-width) * 1px);\r\n        border-bottom-style: solid;\r\n        border-bottom-color: var(--idooel-border-color);\r\n      }\r\n      .ant-table-body-inner {\r\n        border-right-width: calc(var(--idooel-border-width) * 1px);\r\n        border-right-style: solid;\r\n        border-right-color: var(--idooel-border-color);\r\n      }\r\n      .ant-table-fixed {\r\n        border-right-width: calc(var(--idooel-border-width) * 1px);\r\n        border-right-color: var(--idooel-border-color);\r\n        border-right-style: solid;\r\n      }\r\n    }\r\n    .ant-table-fixed-right {\r\n      .ant-table-header {\r\n        border-bottom-width: calc(var(--idooel-border-width) * 1px);\r\n        border-bottom-color: var(--idooel-border-color);\r\n        border-bottom-style: solid;\r\n      }\r\n      border-bottom-width: calc(var(--idooel-border-width) * 1px);\r\n      border-bottom-style: solid;\r\n      border-bottom-color: var(--idooel-border-color);\r\n      .ant-table-fixed {\r\n        border-left-width: calc(var(--idooel-border-width) * 1px);\r\n        border-left-style: solid;\r\n        border-left-color: var(--idooel-border-color);\r\n      }\r\n    }\r\n  }\r\n  padding: 16px;\r\n  padding-top: unset;\r\n  .g-table__row--even {}\r\n  .g-table__row--odd {}\r\n  .g-table__pagination {\r\n    /* margin-top: 8px; */\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: end;\r\n    border-width: calc(var(--idooel-border-width) * 1px);\r\n    border-color: var(--idooel-border-color);\r\n    border-style: solid;\r\n    border-top: unset;\r\n    padding-top: 8px;\r\n    padding-bottom: 8px;\r\n  }\r\n}\r\n</style>",".g-table__wrapper {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-body {\n  border-top-width: calc(var(--idooel-border-width) * 1px);\n  border-top-style: solid;\n  border-top-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-color: var(--idooel-border-color);\n  border-bottom-style: solid;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper .g-table__pagination {\n  /* margin-top: 8px; */\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$6 = "data-v-6f3faf52";
+    const __vue_scope_id__$i = "data-v-6f3faf52";
     /* module identifier */
-    const __vue_module_identifier__$6 = undefined;
+    const __vue_module_identifier__$i = undefined;
     /* functional template */
-    const __vue_is_functional_template__$6 = false;
+    const __vue_is_functional_template__$i = false;
     /* style inject SSR */
     
     /* style inject shadow dom */
     
 
     
-    const __vue_component__$6 = /*#__PURE__*/normalizeComponent(
-      { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },
-      __vue_inject_styles__$6,
-      __vue_script__$6,
-      __vue_scope_id__$6,
-      __vue_is_functional_template__$6,
-      __vue_module_identifier__$6,
+    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__$6.install = Vue => Vue.component(__vue_component__$6.name, __vue_component__$6);
+  __vue_component__$i.install = Vue => Vue.component(__vue_component__$i.name, __vue_component__$i);
 
   //
   //
@@ -1549,7 +1566,7 @@
   //
   //
 
-  var script$5 = {
+  var script$h = {
     name: 'ele-tree',
     props: {
       treeData: {
@@ -1612,10 +1629,10 @@
   };
 
   /* script */
-  const __vue_script__$5 = script$5;
+  const __vue_script__$h = script$h;
 
   /* template */
-  var __vue_render__$5 = function () {
+  var __vue_render__$h = function () {
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
@@ -1672,41 +1689,41 @@
       1
     )
   };
-  var __vue_staticRenderFns__$5 = [];
-  __vue_render__$5._withStripped = true;
+  var __vue_staticRenderFns__$h = [];
+  __vue_render__$h._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__$5 = function (inject) {
+    const __vue_inject_styles__$h = function (inject) {
       if (!inject) return
       inject("data-v-cc99bbf0_0", { source: ".g-tree__wrapper[data-v-cc99bbf0] {\n  overflow: hidden;\n}\n.g-tree__wrapper[data-v-cc99bbf0]  .ant-tree .ant-tree-node-content-wrapper {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.g-tree__wrapper[data-v-cc99bbf0]  .ant-tree .ant-tree-node-selected {\n  color: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\tree\\src\\index.vue","index.vue"],"names":[],"mappings":"AAwFA;EACA,gBAAA;ACvFA;ADyFA;EACA,uBAAA;EACA,gBAAA;EACA,mBAAA;ACvFA;ADyFA;EACA,WAAA;ACvFA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"g-tree__wrapper\">\r\n    <a-tree\r\n      v-if=\"innerTreeData.length\"\r\n      :tree-data=\"innerTreeData\"\r\n      @select=\"selectTreeNode\"\r\n      :replaceFields=\"replaceFields\"\r\n      :default-expanded-keys=\"defaultExpandedKeys\"\r\n      :default-selected-keys=\"defaultSelectedKeys\"\r\n      blockNode \r\n      :show-icon=\"showIcon\">\r\n      <template #title=\"{ title }\">\r\n        <span :title=\"title\" class=\"tree-node__title\">\r\n          {{ title }}\r\n        </span>\r\n      </template>\r\n      <template slot=\"custom\" slot-scope=\"{ scopedSlots }\">\r\n        <a-icon :type=\"scopedSlots.iconName\"></a-icon>\r\n      </template>\r\n    </a-tree>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ele-tree',\r\n  props: {\r\n    treeData: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    replaceFields: {\r\n      type: Object,\r\n      default: () => ({\r\n        title: 'title',\r\n        key: 'id',\r\n        children: 'children'\r\n      })\r\n    },\r\n    defaultExpandedKeys: {\r\n      type: Array\r\n    },\r\n    defaultSelectedKeys: {\r\n      type: Array\r\n    },\r\n    showIcon: {\r\n      type: Boolean,\r\n      default: true\r\n    }\r\n  },\r\n  data () {\r\n    return {}\r\n  },\r\n  computed: {\r\n    innerTreeData () {\r\n      return this.treeData\r\n      // return [\r\n      //   {\r\n      //     title: 'parent 1',\r\n      //     key: 1,\r\n      //     scopedSlots: {\r\n      //       icon: 'custom',\r\n      //       iconName: 'smile-o'\r\n      //     },\r\n      //     children: [\r\n      //       {\r\n      //         title: '2',\r\n      //         key: 2,\r\n      //         scopedSlots: {\r\n      //           icon: 'custom',\r\n      //           iconName: 'frown-o'\r\n      //         }\r\n      //       }\r\n      //     ]\r\n      //   }\r\n      // ]\r\n    }\r\n  },\r\n  methods: {\r\n    refreshTreeStatus (props = {}) {},\r\n    selectTreeNode (selectedKeys, e) {\r\n      this.$emit('select', selectedKeys, e)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.g-tree__wrapper {\r\n  overflow: hidden;\r\n  ::v-deep .ant-tree {\r\n    .ant-tree-node-content-wrapper {\r\n      text-overflow: ellipsis;\r\n      overflow: hidden;\r\n      white-space: nowrap;\r\n    }\r\n    .ant-tree-node-selected {\r\n      color: #fff;\r\n    }\r\n  }\r\n}\r\n</style>",".g-tree__wrapper {\n  overflow: hidden;\n}\n.g-tree__wrapper ::v-deep .ant-tree .ant-tree-node-content-wrapper {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.g-tree__wrapper ::v-deep .ant-tree .ant-tree-node-selected {\n  color: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$5 = "data-v-cc99bbf0";
+    const __vue_scope_id__$h = "data-v-cc99bbf0";
     /* module identifier */
-    const __vue_module_identifier__$5 = undefined;
+    const __vue_module_identifier__$h = undefined;
     /* functional template */
-    const __vue_is_functional_template__$5 = false;
+    const __vue_is_functional_template__$h = false;
     /* style inject SSR */
     
     /* style inject shadow dom */
     
 
     
-    const __vue_component__$5 = /*#__PURE__*/normalizeComponent(
-      { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },
-      __vue_inject_styles__$5,
-      __vue_script__$5,
-      __vue_scope_id__$5,
-      __vue_is_functional_template__$5,
-      __vue_module_identifier__$5,
+    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__$5.install = Vue => Vue.component(__vue_component__$5.name, __vue_component__$5);
+  __vue_component__$h.install = Vue => Vue.component(__vue_component__$h.name, __vue_component__$h);
 
   //
   //
@@ -1716,7 +1733,7 @@
   //
   //
 
-  var script$4 = {
+  var script$g = {
     props: {
       label: {
         type: String
@@ -1725,10 +1742,10 @@
   };
 
   /* script */
-  const __vue_script__$4 = script$4;
+  const __vue_script__$g = script$g;
 
   /* template */
-  var __vue_render__$4 = function () {
+  var __vue_render__$g = function () {
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
@@ -1738,34 +1755,34 @@
       _c("span", { staticClass: "label__suffix" }, [_vm._v("：")]),
     ])
   };
-  var __vue_staticRenderFns__$4 = [];
-  __vue_render__$4._withStripped = true;
+  var __vue_staticRenderFns__$g = [];
+  __vue_render__$g._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__$4 = function (inject) {
+    const __vue_inject_styles__$g = function (inject) {
       if (!inject) return
       inject("data-v-40e71716_0", { source: ".g-search__label[data-v-40e71716] {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.g-search__label .label__title[data-v-40e71716], .g-search__label .label__suffix[data-v-40e71716] {\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.88);\n  white-space: nowrap;\n}\n.g-search__label .label__suffix[data-v-40e71716] {\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=label.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\composite-components\\search-area\\src\\label.vue","label.vue"],"names":[],"mappings":"AAkBA;EACA,iBAAA;EACA,gBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;ACjBA;ADkBA;EACA,eAAA;EACA,0BAAA;EACA,mBAAA;AChBA;ADkBA;EACA,gBAAA;AChBA;;AAEA,oCAAoC","file":"label.vue","sourcesContent":["<template>\r\n  <div class=\"g-search__label\">\r\n    <span class=\"label__title\">{{ label }}</span>\r\n    <span class=\"label__suffix\">：</span>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    label: {\r\n      type: String\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.g-search__label {\r\n  /* width: 69px; */\r\n  flex-basis: 69px;\r\n  height: 32px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  .label__title, .label__suffix {\r\n    font-size: 14px;\r\n    color: rgba(0, 0, 0, 0.88);\r\n    white-space: nowrap;\r\n  }\r\n  .label__suffix {\r\n    margin-left: 4px;\r\n  }\r\n}\r\n</style>",".g-search__label {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.g-search__label .label__title, .g-search__label .label__suffix {\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.88);\n  white-space: nowrap;\n}\n.g-search__label .label__suffix {\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=label.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$4 = "data-v-40e71716";
+    const __vue_scope_id__$g = "data-v-40e71716";
     /* module identifier */
-    const __vue_module_identifier__$4 = undefined;
+    const __vue_module_identifier__$g = undefined;
     /* functional template */
-    const __vue_is_functional_template__$4 = false;
+    const __vue_is_functional_template__$g = false;
     /* style inject SSR */
     
     /* style inject shadow dom */
     
 
     
-    const __vue_component__$4 = /*#__PURE__*/normalizeComponent(
-      { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },
-      __vue_inject_styles__$4,
-      __vue_script__$4,
-      __vue_scope_id__$4,
-      __vue_is_functional_template__$4,
-      __vue_module_identifier__$4,
+    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,
@@ -1773,14 +1790,14 @@
     );
 
   //
-  var script$3 = {
+  var script$f = {
     name: 'ele-search-area',
     components: {
-      EleInput: __vue_component__$9,
-      EleSelect: __vue_component__$8,
-      ELeButton: __vue_component__$b,
-      Label: __vue_component__$4,
-      EleDate: __vue_component__$a
+      EleInput: __vue_component__$l,
+      EleSelect: __vue_component__$k,
+      ELeButton: __vue_component__$n,
+      Label: __vue_component__$g,
+      EleDate: __vue_component__$m
     },
     props: {
       gutter: {
@@ -1798,30 +1815,57 @@
     },
     data() {
       return {
-        isExpand: false,
-        collapseDataSource: []
+        isExpand: false
       };
     },
     computed: {
-      actionColOffset() {
-        return (24 / this.span - 1) * this.span;
+      cuttingFormula() {
+        return 24 / this.span - 1;
+      },
+      buildDataSource() {
+        return this.controlDisplayByFormula(this.mapDefaultValueToValue());
       },
       innerDataSource() {
-        return this.isExpand ? [...this.dataSource, {
-          type: '_action'
-        }] : [...this.collapseDataSource, {
-          type: '_action'
+        return [...this.buildDataSource, {
+          type: '_action',
+          _show: true
         }];
       }
     },
-    created() {
-      this.collapseDataSource = this.dataSource.slice(0, 24 / this.span - 1);
-    },
+    created() {},
     methods: {
-      handleClickExpandCollapse() {
-        if (!this.isExpand) {
-          this.collapseDataSource = this.dataSource.slice(0, 24 / this.span - 1);
+      controlDisplayByFormula(dataSource = []) {
+        if (this.isExpand) {
+          dataSource.forEach(item => {
+            this.$set(item, '_show', true);
+          });
+        } else {
+          dataSource.forEach((item, idx) => {
+            if (idx < this.cuttingFormula) {
+              this.$set(item, '_show', true);
+            } else {
+              this.$set(item, '_show', false);
+            }
+          });
         }
+        return dataSource;
+      },
+      buildDefaultValue(arg) {
+        if (!arg || arg.charAt(0) !== '_') return arg;
+        return parse(arg, {
+          _route: this.$route.query
+        });
+      },
+      mapDefaultValueToValue() {
+        this.dataSource.forEach(props => {
+          this.$set(props, '_show', this.isExpand);
+          if (props.defaultValue) {
+            this.$set(props, '_value', this.buildDefaultValue(props.defaultValue));
+          }
+        });
+        return this.dataSource;
+      },
+      handleClickExpandCollapse() {
         this.isExpand = !this.isExpand;
       },
       handleClickSearch() {
@@ -1844,15 +1888,21 @@
       },
       handleClickReset() {
         this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {
+          const {
+            defaultValue
+          } = item;
           switch (item.type) {
             case 'Select':
-              this.$set(item, '_value', null);
+              defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue));
+              !defaultValue && this.$set(item, '_value', null);
               break;
             case 'DatePicker':
-              this.$set(item, '_value', undefined);
+              defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue));
+              !defaultValue && this.$set(item, '_value', undefined);
               break;
             default:
-              this.$set(item, '_value', null);
+              defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue));
+              !defaultValue && this.$set(item, '_value', null);
               break;
           }
         });
@@ -1867,10 +1917,10 @@
   };
 
   /* script */
-  const __vue_script__$3 = script$3;
+  const __vue_script__$f = script$f;
 
   /* template */
-  var __vue_render__$3 = function () {
+  var __vue_render__$f = function () {
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
@@ -1881,150 +1931,175 @@
         _c(
           "a-row",
           { attrs: { gutter: _vm.gutter } },
-          _vm._l(_vm.innerDataSource, function (item, idx) {
-            return _c(
-              "a-col",
-              { key: idx, attrs: { span: item.span || _vm.span } },
-              [
-                item.type == "_action"
+          [
+            _vm._l(_vm.innerDataSource, function (item, idx) {
+              return [
+                item._show
                   ? _c(
-                      "div",
-                      { staticClass: "search-area__item search-area--action" },
+                      "a-col",
+                      { key: idx, attrs: { span: item.span || _vm.span } },
                       [
-                        _c(
-                          "ele-button",
-                          {
-                            attrs: { icon: "search", type: "primary" },
-                            on: { click: _vm.handleClickSearch },
-                          },
-                          [_vm._v("查询")]
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "ele-button",
-                          {
-                            staticStyle: { "margin-left": "8px" },
-                            attrs: { icon: "reload" },
-                            on: { click: _vm.handleClickReset },
-                          },
-                          [_vm._v("重置")]
-                        ),
-                        _vm._v(" "),
-                        _c(
-                          "div",
-                          {
-                            staticClass: "expand-collapse",
-                            on: { click: _vm.handleClickExpandCollapse },
-                          },
-                          [
-                            _c("span", { staticClass: "expand-collapse__text" }, [
-                              _vm._v(_vm._s(_vm.isExpand ? "收起" : "展开")),
-                            ]),
-                            _vm._v(" "),
-                            _c(
-                              "span",
-                              { staticClass: "expand-collapse__icon" },
+                        item.type == "_action"
+                          ? _c(
+                              "div",
+                              {
+                                staticClass:
+                                  "search-area__item search-area--action",
+                              },
                               [
-                                _vm.isExpand
-                                  ? _c("a-icon", { attrs: { type: "up" } })
-                                  : _c("a-icon", { attrs: { type: "down" } }),
+                                _c(
+                                  "ele-button",
+                                  {
+                                    attrs: { icon: "search", type: "primary" },
+                                    on: { click: _vm.handleClickSearch },
+                                  },
+                                  [_vm._v("查询")]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "ele-button",
+                                  {
+                                    staticStyle: { "margin-left": "8px" },
+                                    attrs: { icon: "reload" },
+                                    on: { click: _vm.handleClickReset },
+                                  },
+                                  [_vm._v("重置")]
+                                ),
+                                _vm._v(" "),
+                                _c(
+                                  "div",
+                                  {
+                                    staticClass: "expand-collapse",
+                                    on: { click: _vm.handleClickExpandCollapse },
+                                  },
+                                  [
+                                    _c(
+                                      "span",
+                                      { staticClass: "expand-collapse__text" },
+                                      [
+                                        _vm._v(
+                                          _vm._s(_vm.isExpand ? "收起" : "展开")
+                                        ),
+                                      ]
+                                    ),
+                                    _vm._v(" "),
+                                    _c(
+                                      "span",
+                                      { staticClass: "expand-collapse__icon" },
+                                      [
+                                        _vm.isExpand
+                                          ? _c("a-icon", {
+                                              attrs: { type: "up" },
+                                            })
+                                          : _c("a-icon", {
+                                              attrs: { type: "down" },
+                                            }),
+                                      ],
+                                      1
+                                    ),
+                                  ]
+                                ),
                               ],
                               1
+                            )
+                          : _c(
+                              "div",
+                              { staticClass: "search-area__item" },
+                              [
+                                item.type == "Input"
+                                  ? [
+                                      _c("Label", {
+                                        attrs: { label: item.label },
+                                      }),
+                                      _vm._v(" "),
+                                      _c("ele-input", {
+                                        model: {
+                                          value: item._value,
+                                          callback: function ($$v) {
+                                            _vm.$set(item, "_value", $$v);
+                                          },
+                                          expression: "item._value",
+                                        },
+                                      }),
+                                    ]
+                                  : item.type == "Select"
+                                  ? [
+                                      _c("Label", {
+                                        attrs: { label: item.label },
+                                      }),
+                                      _vm._v(" "),
+                                      _c("ele-select", {
+                                        attrs: { "data-source": item.optionList },
+                                        model: {
+                                          value: item._value,
+                                          callback: function ($$v) {
+                                            _vm.$set(item, "_value", $$v);
+                                          },
+                                          expression: "item._value",
+                                        },
+                                      }),
+                                    ]
+                                  : item.type == "DatePicker"
+                                  ? [
+                                      _c("Label", {
+                                        attrs: { label: item.label },
+                                      }),
+                                      _vm._v(" "),
+                                      _c("ele-date", {
+                                        attrs: { format: item.format },
+                                        model: {
+                                          value: item._value,
+                                          callback: function ($$v) {
+                                            _vm.$set(item, "_value", $$v);
+                                          },
+                                          expression: "item._value",
+                                        },
+                                      }),
+                                    ]
+                                  : _vm._e(),
+                              ],
+                              2
                             ),
-                          ]
-                        ),
-                      ],
-                      1
+                      ]
                     )
-                  : _c(
-                      "div",
-                      { staticClass: "search-area__item" },
-                      [
-                        item.type == "Input"
-                          ? [
-                              _c("Label", { attrs: { label: item.label } }),
-                              _vm._v(" "),
-                              _c("ele-input", {
-                                model: {
-                                  value: item._value,
-                                  callback: function ($$v) {
-                                    _vm.$set(item, "_value", $$v);
-                                  },
-                                  expression: "item._value",
-                                },
-                              }),
-                            ]
-                          : item.type == "Select"
-                          ? [
-                              _c("Label", { attrs: { label: item.label } }),
-                              _vm._v(" "),
-                              _c("ele-select", {
-                                attrs: { "data-source": item.optionList },
-                                model: {
-                                  value: item._value,
-                                  callback: function ($$v) {
-                                    _vm.$set(item, "_value", $$v);
-                                  },
-                                  expression: "item._value",
-                                },
-                              }),
-                            ]
-                          : item.type == "DatePicker"
-                          ? [
-                              _c("Label", { attrs: { label: item.label } }),
-                              _vm._v(" "),
-                              _c("ele-date", {
-                                attrs: { format: item.format },
-                                model: {
-                                  value: item._value,
-                                  callback: function ($$v) {
-                                    _vm.$set(item, "_value", $$v);
-                                  },
-                                  expression: "item._value",
-                                },
-                              }),
-                            ]
-                          : _vm._e(),
-                      ],
-                      2
-                    ),
+                  : _vm._e(),
               ]
-            )
-          }),
-          1
+            }),
+          ],
+          2
         ),
       ],
       1
     )
   };
-  var __vue_staticRenderFns__$3 = [];
-  __vue_render__$3._withStripped = true;
+  var __vue_staticRenderFns__$f = [];
+  __vue_render__$f._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__$3 = function (inject) {
+    const __vue_inject_styles__$f = function (inject) {
       if (!inject) return
-      inject("data-v-33290002_0", { source: ".search-area__wrapper[data-v-33290002] {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper[data-v-33290002]  .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item[data-v-33290002] {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action[data-v-33290002] {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse[data-v-33290002] {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text[data-v-33290002] {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon[data-v-33290002] {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\composite-components\\search-area\\src\\index.vue","index.vue"],"names":[],"mappings":"AAsIA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;ACrIA;ADuIA;EACA,YAAA;ACrIA;ADwIA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;ACtIA;ADuIA;EACA,oBAAA;ACrIA;ADuIA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;EACA,kCAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;ACrIA;ADsIA;EACA,eAAA;ACpIA;ADsIA;EACA,eAAA;EACA,gBAAA;ACpIA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"search-area__wrapper\">\r\n    <a-row :gutter=\"gutter\">\r\n      <a-col :span=\"item.span || span\" v-for=\"(item, idx) in innerDataSource\" :key=\"idx\">\r\n        <div v-if=\"item.type == '_action'\" class=\"search-area__item search-area--action\">\r\n          <ele-button icon=\"search\" type=\"primary\" @click=\"handleClickSearch\">查询</ele-button>\r\n          <ele-button style=\"margin-left:8px;\" icon=\"reload\" @click=\"handleClickReset\">重置</ele-button>\r\n          <div class=\"expand-collapse\" @click=\"handleClickExpandCollapse\">\r\n            <span class=\"expand-collapse__text\">{{ isExpand ? '收起' : '展开' }}</span>\r\n            <span class=\"expand-collapse__icon\">\r\n              <a-icon v-if=\"isExpand\" type=\"up\" />\r\n              <a-icon v-else type=\"down\" />\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <div v-else class=\"search-area__item\">\r\n          <template v-if=\"item.type == 'Input'\">\r\n            <Label :label=\"item.label\"></Label>\r\n            <ele-input v-model=\"item._value\"></ele-input>\r\n          </template>\r\n          <template v-else-if=\"item.type == 'Select'\">\r\n            <Label :label=\"item.label\"></Label>\r\n            <ele-select v-model=\"item._value\" :data-source=\"item.optionList\"></ele-select>\r\n          </template>\r\n          <template v-else-if=\"item.type == 'DatePicker'\">\r\n            <Label :label=\"item.label\"></Label>\r\n            <ele-date v-model=\"item._value\" :format=\"item.format\"></ele-date>\r\n          </template>\r\n        </div>\r\n      </a-col>\r\n    </a-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport EleInput from '../../../input/src/index.vue'\r\nimport EleSelect from '../../../select/src/index.vue'\r\nimport ELeButton from '../../../button/src/index.vue'\r\nimport EleDate from '../../../date/src/index.vue'\r\nimport Label from './label.vue'\r\nimport moment from 'moment'\r\nexport default {\r\n  name: 'ele-search-area',\r\n  components: {\r\n    EleInput,\r\n    EleSelect,\r\n    ELeButton,\r\n    Label,\r\n    EleDate\r\n  },\r\n  props: {\r\n    gutter: {\r\n      type: [Number, Array, Object],\r\n      default: () => ([\r\n        16, 8\r\n      ])\r\n    },\r\n    span: {\r\n      type: Number,\r\n      default: 8\r\n    },\r\n    dataSource: {\r\n      type: Array,\r\n      required: true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      isExpand: false,\r\n      collapseDataSource: []\r\n    }\r\n  },\r\n  computed: {\r\n    actionColOffset () {\r\n      return ((24 / this.span) - 1) * this.span\r\n    },\r\n    innerDataSource () {\r\n      return this.isExpand ? [ ...this.dataSource, { type: '_action' }] :  [ ...this.collapseDataSource, { type: '_action' }]\r\n    }\r\n  },\r\n  created() {\r\n    this.collapseDataSource = this.dataSource.slice(0, (24 / this.span - 1))\r\n  },\r\n  methods: {\r\n    handleClickExpandCollapse () {\r\n      if (!this.isExpand) {\r\n        this.collapseDataSource = this.dataSource.slice(0, (24 / this.span - 1))\r\n      }\r\n      this.isExpand = !this.isExpand\r\n    },\r\n    handleClickSearch () {\r\n      const querys = this.extractValues()\r\n      this.$emit('search', querys)\r\n    },\r\n    extractValues () {\r\n      let ret = {}\r\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\r\n        switch (item.type) {\r\n          case 'DatePicker':\r\n            ret[item.name] = typeof item._value == 'undefined' ? undefined : moment(item._value).format(item.format)\r\n            break\r\n          default:\r\n            ret[item.name] = item._value\r\n            break\r\n        }\r\n      })\r\n      return ret\r\n    },\r\n    handleClickReset () {\r\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\r\n        switch (item.type) {\r\n          case 'Select':\r\n            this.$set(item, '_value', null)\r\n            break\r\n          case 'DatePicker':\r\n            this.$set(item, '_value', undefined)\r\n            break\r\n          default:\r\n            this.$set(item, '_value', null)\r\n            break\r\n        }\r\n      })\r\n      //TODO defaultValue\r\n      const querys = this.extractValues()\r\n      this.$emit('search', querys)\r\n    },\r\n    onChangeSelect (value, props) {\r\n      this.$set(props, '_value', value)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.search-area__wrapper {\r\n  padding-top: 16px;\r\n  padding-left: 16px;\r\n  padding-right: 16px;\r\n  ::v-deep .ant-col {\r\n    &:last-child {\r\n      float: right;\r\n    }\r\n  }\r\n  .search-area__item {\r\n    height: 32px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    &.search-area--action {\r\n      justify-content: end;\r\n    }\r\n    .expand-collapse {\r\n      margin-left: 8px;\r\n      height: 32px;\r\n      padding: 4px 16px;\r\n      color: var(--idooel-primary-color);\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      .expand-collapse__text {\r\n        font-size: 14px;\r\n      }\r\n      .expand-collapse__icon {\r\n        font-size: 16px;\r\n        margin-left: 8px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>",".search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper ::v-deep .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+      inject("data-v-5a224358_0", { source: ".search-area__wrapper[data-v-5a224358] {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper[data-v-5a224358]  .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item[data-v-5a224358] {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action[data-v-5a224358] {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse[data-v-5a224358] {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text[data-v-5a224358] {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon[data-v-5a224358] {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\composite-components\\search-area\\src\\index.vue","index.vue"],"names":[],"mappings":"AAyKA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;ACxKA;AD0KA;EACA,YAAA;ACxKA;AD2KA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;ACzKA;AD0KA;EACA,oBAAA;ACxKA;AD0KA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;EACA,kCAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;ACxKA;ADyKA;EACA,eAAA;ACvKA;ADyKA;EACA,eAAA;EACA,gBAAA;ACvKA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"search-area__wrapper\">\r\n    <a-row :gutter=\"gutter\">\r\n      <template v-for=\"(item, idx) in innerDataSource\">\r\n        <a-col v-if=\"item._show\" :span=\"item.span || span\" :key=\"idx\">\r\n          <div v-if=\"item.type == '_action'\" class=\"search-area__item search-area--action\">\r\n            <ele-button icon=\"search\" type=\"primary\" @click=\"handleClickSearch\">查询</ele-button>\r\n            <ele-button style=\"margin-left:8px;\" icon=\"reload\" @click=\"handleClickReset\">重置</ele-button>\r\n            <div class=\"expand-collapse\" @click=\"handleClickExpandCollapse\">\r\n              <span class=\"expand-collapse__text\">{{ isExpand ? '收起' : '展开' }}</span>\r\n              <span class=\"expand-collapse__icon\">\r\n                <a-icon v-if=\"isExpand\" type=\"up\" />\r\n                <a-icon v-else type=\"down\" />\r\n              </span>\r\n            </div>\r\n          </div>\r\n          <div v-else class=\"search-area__item\">\r\n            <template v-if=\"item.type == 'Input'\">\r\n              <Label :label=\"item.label\"></Label>\r\n              <ele-input v-model=\"item._value\"></ele-input>\r\n            </template>\r\n            <template v-else-if=\"item.type == 'Select'\">\r\n              <Label :label=\"item.label\"></Label>\r\n              <ele-select v-model=\"item._value\" :data-source=\"item.optionList\"></ele-select>\r\n            </template>\r\n            <template v-else-if=\"item.type == 'DatePicker'\">\r\n              <Label :label=\"item.label\"></Label>\r\n              <ele-date v-model=\"item._value\" :format=\"item.format\"></ele-date>\r\n            </template>\r\n          </div>\r\n        </a-col>\r\n      </template>\r\n    </a-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport EleInput from '../../../input/src/index.vue'\r\nimport EleSelect from '../../../select/src/index.vue'\r\nimport ELeButton from '../../../button/src/index.vue'\r\nimport EleDate from '../../../date/src/index.vue'\r\nimport Label from './label.vue'\r\nimport moment from 'moment'\r\nimport { parse } from '@idooel/expression'\r\nexport default {\r\n  name: 'ele-search-area',\r\n  components: {\r\n    EleInput,\r\n    EleSelect,\r\n    ELeButton,\r\n    Label,\r\n    EleDate\r\n  },\r\n  props: {\r\n    gutter: {\r\n      type: [Number, Array, Object],\r\n      default: () => ([\r\n        16, 8\r\n      ])\r\n    },\r\n    span: {\r\n      type: Number,\r\n      default: 8\r\n    },\r\n    dataSource: {\r\n      type: Array,\r\n      required: true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      isExpand: false\r\n    }\r\n  },\r\n  computed: {\r\n    cuttingFormula () {\r\n      return (24 / this.span - 1)\r\n    },\r\n    buildDataSource () {\r\n      return this.controlDisplayByFormula(this.mapDefaultValueToValue())\r\n    },\r\n    innerDataSource () {\r\n      return [ ...this.buildDataSource, { type: '_action', _show: true }]\r\n    }\r\n  },\r\n  created() {},\r\n  methods: {\r\n    controlDisplayByFormula (dataSource = []) {\r\n      if (this.isExpand) {\r\n        dataSource.forEach(item => {\r\n          this.$set(item, '_show', true)\r\n        })\r\n      } else {\r\n        dataSource.forEach((item, idx) => {\r\n          if (idx < this.cuttingFormula) {\r\n            this.$set(item, '_show', true)\r\n          } else {\r\n            this.$set(item, '_show', false)\r\n          }\r\n        })\r\n      }\r\n      return dataSource\r\n    },\r\n    buildDefaultValue (arg) {\r\n      if (!arg || arg.charAt(0) !== '_') return arg\r\n      return parse(arg, {\r\n        _route: this.$route.query\r\n      })\r\n    },\r\n    mapDefaultValueToValue () {\r\n      this.dataSource.forEach(props => {\r\n        this.$set(props, '_show', this.isExpand)\r\n        if (props.defaultValue) {\r\n          this.$set(props, '_value', this.buildDefaultValue(props.defaultValue))\r\n        }\r\n      })\r\n      return this.dataSource\r\n    },\r\n    handleClickExpandCollapse () {\r\n      this.isExpand = !this.isExpand\r\n    },\r\n    handleClickSearch () {\r\n      const querys = this.extractValues()\r\n      this.$emit('search', querys)\r\n    },\r\n    extractValues () {\r\n      let ret = {}\r\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\r\n        switch (item.type) {\r\n          case 'DatePicker':\r\n            ret[item.name] = typeof item._value == 'undefined' ? undefined : moment(item._value).format(item.format)\r\n            break\r\n          default:\r\n            ret[item.name] = item._value\r\n            break\r\n        }\r\n      })\r\n      return ret\r\n    },\r\n    handleClickReset () {\r\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\r\n        const { defaultValue } = item\r\n        switch (item.type) {\r\n          case 'Select':\r\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\r\n            !defaultValue && this.$set(item, '_value', null)\r\n            break\r\n          case 'DatePicker':\r\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\r\n            !defaultValue && this.$set(item, '_value', undefined)\r\n            break\r\n          default:\r\n            defaultValue && this.$set(item, '_value', this.buildDefaultValue(defaultValue))\r\n            !defaultValue && this.$set(item, '_value', null)\r\n            break\r\n        }\r\n      })\r\n      //TODO defaultValue\r\n      const querys = this.extractValues()\r\n      this.$emit('search', querys)\r\n    },\r\n    onChangeSelect (value, props) {\r\n      this.$set(props, '_value', value)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.search-area__wrapper {\r\n  padding-top: 16px;\r\n  padding-left: 16px;\r\n  padding-right: 16px;\r\n  ::v-deep .ant-col {\r\n    &:last-child {\r\n      float: right;\r\n    }\r\n  }\r\n  .search-area__item {\r\n    height: 32px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    &.search-area--action {\r\n      justify-content: end;\r\n    }\r\n    .expand-collapse {\r\n      margin-left: 8px;\r\n      height: 32px;\r\n      padding: 4px 16px;\r\n      color: var(--idooel-primary-color);\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      .expand-collapse__text {\r\n        font-size: 14px;\r\n      }\r\n      .expand-collapse__icon {\r\n        font-size: 16px;\r\n        margin-left: 8px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>",".search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper ::v-deep .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$3 = "data-v-33290002";
+    const __vue_scope_id__$f = "data-v-5a224358";
     /* module identifier */
-    const __vue_module_identifier__$3 = undefined;
+    const __vue_module_identifier__$f = undefined;
     /* functional template */
-    const __vue_is_functional_template__$3 = false;
+    const __vue_is_functional_template__$f = false;
     /* style inject SSR */
     
     /* style inject shadow dom */
     
 
     
-    const __vue_component__$3 = /*#__PURE__*/normalizeComponent(
-      { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },
-      __vue_inject_styles__$3,
-      __vue_script__$3,
-      __vue_scope_id__$3,
-      __vue_is_functional_template__$3,
-      __vue_module_identifier__$3,
+    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,
@@ -2032,29 +2107,24 @@
     );
 
   //
-  var script$2 = {
+  var script$e = {
     name: 'ele-button-group',
     components: {
-      EleButton: __vue_component__$b
+      EleButton: __vue_component__$n
     },
     props: {
       dataSource: {
         type: Array,
         default: () => []
       }
-    },
-    methods: {
-      handleClick(props) {
-        this.$emit('click', props);
-      }
     }
   };
 
   /* script */
-  const __vue_script__$2 = script$2;
+  const __vue_script__$e = script$e;
 
   /* template */
-  var __vue_render__$2 = function () {
+  var __vue_render__$e = function () {
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
@@ -2084,34 +2154,34 @@
       1
     )
   };
-  var __vue_staticRenderFns__$2 = [];
-  __vue_render__$2._withStripped = true;
+  var __vue_staticRenderFns__$e = [];
+  __vue_render__$e._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__$2 = function (inject) {
+    const __vue_inject_styles__$e = function (inject) {
       if (!inject) return
-      inject("data-v-106e8dd5_0", { source: ".button-group__wrapper[data-v-106e8dd5] {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn[data-v-106e8dd5] {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn[data-v-106e8dd5]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\composite-components\\button-group\\src\\index.vue","index.vue"],"names":[],"mappings":"AAuCA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;ACtCA;ADuCA;EACA,gBAAA;ACrCA;ADsCA;EACA,cAAA;ACpCA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"button-group__wrapper\">\r\n    <ele-button \r\n      v-for=\"(item, idx) in dataSource\" \r\n      :type=\"item.type\"\r\n      :icon=\"item.icon\"\r\n      :mode=\"item.mode\"\r\n      :data-source=\"item.optionList\"\r\n      :event-name=\"item.eventName\"\r\n      :record=\"item\"\r\n      v-on=\"$listeners\"\r\n      :key=\"idx\">\r\n      {{ item.label }}\r\n    </ele-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport EleButton from '../../../button/src/index.vue'\r\nexport default {\r\n  name: 'ele-button-group',\r\n  components: {\r\n    EleButton\r\n  },\r\n  props: {\r\n    dataSource: {\r\n      type: Array,\r\n      default: () => []\r\n    }\r\n  },\r\n  methods: {\r\n    handleClick (props) {\r\n      this.$emit('click', props)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.button-group__wrapper {\r\n  display: flex;\r\n  padding-left: 16px;\r\n  padding-right: 16px;\r\n  .ant-btn {\r\n    margin-left: 8px;\r\n    &:first-child {\r\n      margin-left: 0;\r\n    }\r\n  }\r\n}\r\n</style>",".button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+      inject("data-v-de67e2d2_0", { source: ".button-group__wrapper[data-v-de67e2d2] {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn[data-v-de67e2d2] {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn[data-v-de67e2d2]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\composite-components\\button-group\\src\\index.vue","index.vue"],"names":[],"mappings":"AAkCA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;ACjCA;ADkCA;EACA,gBAAA;AChCA;ADiCA;EACA,cAAA;AC/BA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"button-group__wrapper\">\r\n    <ele-button \r\n      v-for=\"(item, idx) in dataSource\" \r\n      :type=\"item.type\"\r\n      :icon=\"item.icon\"\r\n      :mode=\"item.mode\"\r\n      :data-source=\"item.optionList\"\r\n      :event-name=\"item.eventName\"\r\n      :record=\"item\"\r\n      v-on=\"$listeners\"\r\n      :key=\"idx\">\r\n      {{ item.label }}\r\n    </ele-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport EleButton from '../../../button/src/index.vue'\r\nexport default {\r\n  name: 'ele-button-group',\r\n  components: {\r\n    EleButton\r\n  },\r\n  props: {\r\n    dataSource: {\r\n      type: Array,\r\n      default: () => []\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.button-group__wrapper {\r\n  display: flex;\r\n  padding-left: 16px;\r\n  padding-right: 16px;\r\n  .ant-btn {\r\n    margin-left: 8px;\r\n    &:first-child {\r\n      margin-left: 0;\r\n    }\r\n  }\r\n}\r\n</style>",".button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$2 = "data-v-106e8dd5";
+    const __vue_scope_id__$e = "data-v-de67e2d2";
     /* module identifier */
-    const __vue_module_identifier__$2 = undefined;
+    const __vue_module_identifier__$e = undefined;
     /* functional template */
-    const __vue_is_functional_template__$2 = false;
+    const __vue_is_functional_template__$e = false;
     /* style inject SSR */
     
     /* style inject shadow dom */
     
 
     
-    const __vue_component__$2 = /*#__PURE__*/normalizeComponent(
-      { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
-      __vue_inject_styles__$2,
-      __vue_script__$2,
-      __vue_scope_id__$2,
-      __vue_is_functional_template__$2,
-      __vue_module_identifier__$2,
+    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,
@@ -2119,13 +2189,13 @@
     );
 
   //
-  var script$1 = {
+  var script$d = {
     name: 'ele-tree-table-model',
     components: {
-      EleTree: __vue_component__$5,
-      EleTable: __vue_component__$6,
-      EleSearchArea: __vue_component__$3,
-      EleButtonGroup: __vue_component__$2
+      EleTree: __vue_component__$h,
+      EleTable: __vue_component__$i,
+      EleSearchArea: __vue_component__$f,
+      EleButtonGroup: __vue_component__$e
     },
     props: {
       treeMeta: {
@@ -2171,6 +2241,9 @@
       };
     },
     computed: {
+      showTree() {
+        return !!Object.keys(this.treeMeta).length;
+      },
       buttonGroup() {
         return v4();
       },
@@ -2265,15 +2338,17 @@
       }
     },
     async created() {
-      this.treeData = await this.requestTreeData();
-      const [defaultTreeNode = {}] = this.treeData;
-      this.defaultExpandedKeys = [defaultTreeNode[this.replaceFields.key]];
-      this.defaultSelectedKeys = [defaultTreeNode[this.replaceFields.key]];
+      if (this.showTree) {
+        this.treeData = await this.requestTreeData();
+        const [defaultTreeNode = {}] = this.treeData;
+        this.defaultExpandedKeys = [defaultTreeNode[this.replaceFields.key]];
+        this.defaultSelectedKeys = [defaultTreeNode[this.replaceFields.key]];
+        this.currentTreeNodeData = defaultTreeNode;
+      }
       const {
         fieldMap
       } = this.tableMeta;
-      this.currentTreeNodeData = defaultTreeNode;
-      this.tableData = await this.requestTableData(this.execTableFieldMap(fieldMap, defaultTreeNode));
+      this.tableData = await this.requestTableData(this.execTableFieldMap(fieldMap, this.currentTreeNodeData));
     },
     methods: {
       handleClickButtonGroup(props) {
@@ -2399,34 +2474,37 @@
   };
 
   /* script */
-  const __vue_script__$1 = script$1;
+  const __vue_script__$d = script$d;
 
   /* template */
-  var __vue_render__$1 = function () {
+  var __vue_render__$d = function () {
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
-    return _c("section", { staticClass: "model__tree-table" }, [
-      _c("section", { staticClass: "model__tree-table--container" }, [
-        _c("div", { staticClass: "model__tree--title" }),
-        _vm._v(" "),
-        _c(
-          "section",
-          { ref: _vm.modelTreeWrapper, staticClass: "model__tree--wrapper" },
-          [
-            _c("ele-tree", {
-              attrs: {
-                "tree-data": _vm.treeData,
-                defaultExpandedKeys: _vm.defaultExpandedKeys,
-                defaultSelectedKeys: _vm.defaultSelectedKeys,
-                "replace-fields": _vm.treeMeta.replaceFields || _vm.replaceFields,
-              },
-              on: { select: _vm.selectTreeNode },
-            }),
-          ],
-          1
-        ),
-      ]),
+    return _c("section", { staticClass: "ele model__tree-table" }, [
+      _vm.showTree
+        ? _c("section", { staticClass: "model__tree-table--container" }, [
+            _c("div", { staticClass: "model__tree--title" }),
+            _vm._v(" "),
+            _c(
+              "section",
+              { ref: _vm.modelTreeWrapper, staticClass: "model__tree--wrapper" },
+              [
+                _c("ele-tree", {
+                  attrs: {
+                    "tree-data": _vm.treeData,
+                    defaultExpandedKeys: _vm.defaultExpandedKeys,
+                    defaultSelectedKeys: _vm.defaultSelectedKeys,
+                    "replace-fields":
+                      _vm.treeMeta.replaceFields || _vm.replaceFields,
+                  },
+                  on: { select: _vm.selectTreeNode },
+                }),
+              ],
+              1
+            ),
+          ])
+        : _vm._e(),
       _vm._v(" "),
       _c("section", { staticClass: "model__table--container" }, [
         _c("div", { staticClass: "model__table--title" }),
@@ -2479,34 +2557,34 @@
       ]),
     ])
   };
-  var __vue_staticRenderFns__$1 = [];
-  __vue_render__$1._withStripped = true;
+  var __vue_staticRenderFns__$d = [];
+  __vue_render__$d._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__$1 = function (inject) {
+    const __vue_inject_styles__$d = function (inject) {
       if (!inject) return
-      inject("data-v-37846a00_0", { source: ".model__tree-table[data-v-37846a00] {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.model__tree-table .model__tree-table--container .model__tree--wrapper[data-v-37846a00] {\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.model__tree-table .model__table--container[data-v-37846a00] {\n  min-width: 0;\n  background: #fff;\n}\n.model__tree-table .model__table--container .model__table--wrapper[data-v-37846a00] {\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\tree-table-model\\src\\index.vue","index.vue"],"names":[],"mappings":"AA0RA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;ACzRA;AD2RA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;ACzRA;AD4RA;EACA,YAAA;EACA,gBAAA;AC1RA;AD2RA;EACA,gBAAA;ACzRA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <section class=\"model__tree-table\">\r\n    <section class=\"model__tree-table--container\">\r\n      <div class=\"model__tree--title\"></div>\r\n      <section :ref=\"modelTreeWrapper\" class=\"model__tree--wrapper\">\r\n        <ele-tree \r\n          :tree-data=\"treeData\"\r\n          :defaultExpandedKeys=\"defaultExpandedKeys\"\r\n          :defaultSelectedKeys=\"defaultSelectedKeys\"\r\n          @select=\"selectTreeNode\"\r\n          :replace-fields=\"treeMeta.replaceFields || replaceFields\">\r\n        </ele-tree>\r\n      </section>\r\n    </section>\r\n    <section class=\"model__table--container\">\r\n      <div class=\"model__table--title\"></div>\r\n      <section :ref=\"modelTableWrapper\" class=\"model__table--wrapper\">\r\n        <ele-search-area :ref=\"searchArea\" @search=\"onSearch\" :data-source=\"searchMeta.elements\"></ele-search-area>\r\n        <ele-button-group v-on=\"$listeners\" :ref=\"buttonGroup\" @click=\"handleClickButtonGroup\" style=\"margin-top: 16px\" :data-source=\"getButtonGroupElements\"></ele-button-group>\r\n        <ele-table\r\n          v-on=\"$listeners\"\r\n          :loading=\"loading\" \r\n          :columns=\"columns\"\r\n          :total=\"total\"\r\n          :actions=\"actions\"\r\n          :pageSize=\"pageSize\"\r\n          :pageSizeOptions=\"pageSizeOptions\"\r\n          :data-source=\"tableData\"\r\n          @change-page=\"onChangePage\" \r\n          style=\"margin-top: 8px;\"\r\n        ></ele-table>\r\n      </section>\r\n    </section>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport EleTree from '../../tree/src/index.vue'\r\nimport EleTable from '../../table/src/index.vue'\r\nimport EleSearchArea from '../../composite-components/search-area/src/index.vue'\r\nimport EleButtonGroup from '../../composite-components/button-group/src/index.vue'\r\nimport { type, net } from '@idooel/shared'\r\nimport { v4 as uuidv4 } from 'uuid'\r\nexport default {\r\n  name: 'ele-tree-table-model',\r\n  components: {\r\n    EleTree,\r\n    EleTable,\r\n    EleSearchArea,\r\n    EleButtonGroup\r\n  },\r\n  props: {\r\n    treeMeta: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    searchMeta: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    buttonGroupMeta: {\r\n      typeof: Object,\r\n      default: () => ({})\r\n    },\r\n    tableMeta: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  provide () {\r\n    return {\r\n      requestTreeData: this.requestTreeData,\r\n      requestTableData: this.requestTableData\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      treeData: [],\r\n      tableData: [],\r\n      defaultExpandedKeys: [],\r\n      defaultSelectedKeys: [],\r\n      replaceFields: {\r\n        title: 'title',\r\n        children: 'children',\r\n        key: 'id'\r\n      },\r\n      loading: false,\r\n      total: 0,\r\n      tableQuerys: {},\r\n      resizeObserverModelTableWrapper: null,\r\n      modelTableWrapperHeight: 0,\r\n      currentTreeNodeData: {}\r\n    }\r\n  },\r\n  computed: {\r\n    buttonGroup () {\r\n      return uuidv4()\r\n    },\r\n    searchArea () {\r\n      return uuidv4()\r\n    },\r\n    modelTreeWrapper () {\r\n      return uuidv4()\r\n    },\r\n    modelTableWrapper () {\r\n      return uuidv4()\r\n    },\r\n    actions () {\r\n      const { operations } = this.tableMeta\r\n      return operations.elements\r\n    },\r\n    pageSize () {\r\n      const { page = {} } = this.tableMeta\r\n      return page.pageSize || 10\r\n    },\r\n    pageSizeOptions () {\r\n      const { page = {} } = this.tableMeta\r\n      return page.pageSizeOptions || ['10', '20', '30', '40']\r\n    },\r\n    columns () {\r\n      const { columns, operations } = this.tableMeta\r\n      if (type.get(columns) === 'array') {\r\n        const columnsOptions = columns.map(item => {\r\n          if (item.render) {\r\n            return {\r\n              title: item.title,\r\n              dataIndex: item.dataIndex,\r\n              width: item.width,\r\n              align: item.align,\r\n              fixed: item.fixed,\r\n              customRender: (text, record, index) => {\r\n                const { $createElement } = this\r\n                return item.render.call(this, { h: $createElement, ctx: this }, typeof text == 'string' ? text : text[item.dataIndex], record, index)\r\n              }\r\n            }\r\n          }\r\n          return {\r\n            title: item.title,\r\n            dataIndex: item.dataIndex,\r\n            width: item.width,\r\n            align: item.align,\r\n            fixed: item.fixed\r\n          }\r\n        })\r\n        if (operations) {\r\n          return [\r\n            ...columnsOptions,\r\n            {\r\n              title: '操作',\r\n              width: operations.width,\r\n              key: 'action',\r\n              fixed: 'right',\r\n              scopedSlots: { customRender: 'action' }\r\n            }\r\n          ]\r\n        }\r\n        return columnsOptions\r\n      } else {\r\n        console.error('Error: columns is invalid, please check it')\r\n        return []\r\n      }\r\n    },\r\n    getButtonGroupElements () {\r\n      const { elements } = this.buttonGroupMeta\r\n      if (type.get(elements) === 'function') {\r\n        return elements.call(this)\r\n      } else if (type.get(elements) === 'array') {\r\n        return elements\r\n      } else {\r\n        return []\r\n      }\r\n    }\r\n  },\r\n  async created () {\r\n    this.treeData = await this.requestTreeData()\r\n    const [defaultTreeNode = {}] = this.treeData\r\n    this.defaultExpandedKeys = [defaultTreeNode[this.replaceFields.key]]\r\n    this.defaultSelectedKeys = [defaultTreeNode[this.replaceFields.key]]\r\n    const { fieldMap } = this.tableMeta\r\n    this.currentTreeNodeData = defaultTreeNode\r\n    this.tableData = await this.requestTableData(this.execTableFieldMap(fieldMap, defaultTreeNode))\r\n  },\r\n  methods: {\r\n    handleClickButtonGroup (props) {\r\n      const { eventName } = props\r\n      this.$emit(eventName, { currentTreeNode: this.currentTreeNodeData })\r\n    },\r\n    watchViewPort () {\r\n      const modelTableWrapper = this.$refs[this.modelTableWrapper]\r\n      console.log(modelTableWrapper.getBoundingClientRect())\r\n      const { top } = modelTableWrapper.getBoundingClientRect()\r\n      this.$refs[this.modelTreeWrapper].style.height = `calc(100vh - ${top}px)`\r\n    },\r\n    async onSearch (props) {\r\n      this.tableQuerys = Object.assign(this.tableQuerys, props)\r\n      this.tableData = await this.requestTableData()\r\n    },\r\n    execTableFieldMap (fieldMap = {}, props) {\r\n      let ret = {}\r\n      const keys = Object.keys(fieldMap)\r\n      keys.forEach(key => {\r\n        const field = fieldMap[key]\r\n        ret[field] = props[key]\r\n      })\r\n      return ret\r\n    },\r\n    async selectTreeNode (selectedKeys, e) {\r\n      const { fieldMap } = this.tableMeta\r\n      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef\r\n      const execFieldMapRet = this.execTableFieldMap(fieldMap, e.node.$vnode.data.props.dataRef)\r\n      this.tableData = await this.requestTableData(execFieldMapRet)\r\n    },\r\n    async requestTreeData () {\r\n      const { url, requestType } = this.treeMeta\r\n      const ret = await net.get(\r\n        url\r\n      ).then(resp => {\r\n        const { data } = resp || {}\r\n        return data\r\n      })\r\n      return ret\r\n    },\r\n    async onChangePage (page, pageSize) {\r\n      this.tableData = await this.requestTableData({ currentPage: page, pageSize })\r\n    },\r\n    async requestTableData (props = {}) {\r\n      const { url, requestType, page = {} } = this.tableMeta\r\n      const { pageSize = 10 } = page\r\n      this.tableQuerys = Object.assign(this.tableQuerys, { currentPage: 1, pageSize }, props)\r\n      const ret = await net.get(\r\n        url,\r\n        this.tableQuerys\r\n      ).then(resp => {\r\n        const { data = [], count } = resp || {}\r\n        this.total = count\r\n        return data.map(item => {\r\n          return {\r\n            key: uuidv4(),\r\n            ...item\r\n          }\r\n        })\r\n      })\r\n      return ret\r\n    },\r\n    refreshTreeStatus (props = {}) {},\r\n    refreshTableStatus (props = {}) {},\r\n    getModelTableWrapperHeight () {},\r\n    setModelTreeWrapperHeight (height) {\r\n      this.$refs[this.modelTreeWrapper].style.height = height\r\n    },\r\n    setModelTableWrapperHeight () {\r\n      const { top } = this.$refs[this.modelTableWrapper].getBoundingClientRect()\r\n      const height = `calc(100vh - ${top}px)`\r\n      this.$refs[this.modelTableWrapper].style.height = height\r\n      this.setModelTreeWrapperHeight(height)\r\n    },\r\n    getSearchAreaHeight () {\r\n      return this.$refs[this.searchArea].$el.clientHeight\r\n    },\r\n    getButtonGroupHeight () {\r\n      return this.$refs[this.buttonGroup].$el.clientHeight\r\n    }\r\n  },\r\n  mounted () {\r\n    //TODO\r\n    // this.setModelTableWrapperHeight()\r\n    // this.resizeObserverModelTableWrapper = new ResizeObserver(entries => {\r\n    //   for (let entry of entries) {\r\n    //     this.modelTableWrapperHeight = entry.contentRect.height\r\n    //     console.log('this.modelTableWrapperHeight:', this.modelTableWrapperHeight)\r\n    //     console.log('getSearchAreaHeight', this.getSearchAreaHeight())\r\n    //     console.log('getButtonGroupHeight', this.getButtonGroupHeight())\r\n    //     const tableHeight = this.modelTableWrapperHeight - this.getSearchAreaHeight() - this.getButtonGroupHeight()\r\n    //     console.log('tableHeight', tableHeight)\r\n    //   }\r\n    // })\r\n    // this.resizeObserverModelTableWrapper.observe(this.$refs[this.modelTableWrapper])\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.model__tree-table {\r\n  background: transparent;\r\n  display: flex;\r\n  flex-direction: row;\r\n  width: 100%;\r\n  .model__tree-table--container {\r\n    .model__tree--wrapper {\r\n      width: 240px;\r\n      background: #fff;\r\n      flex-shrink: 0;\r\n      padding: 16px;\r\n      box-sizing: border-box;\r\n      margin-right: 16px;\r\n      overflow-y: auto;\r\n    }\r\n  }\r\n  .model__table--container {\r\n    min-width: 0;\r\n    background: #fff;\r\n    .model__table--wrapper {\r\n      background: #fff;\r\n    }\r\n  }\r\n}\r\n</style>",".model__tree-table {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.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.model__tree-table .model__table--container {\n  min-width: 0;\n  background: #fff;\n}\n.model__tree-table .model__table--container .model__table--wrapper {\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+      inject("data-v-fe2ee33e_0", { source: ".ele.model__tree-table[data-v-fe2ee33e] {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.ele.model__tree-table .model__tree-table--container .model__tree--wrapper[data-v-fe2ee33e] {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.ele.model__tree-table .model__table--container[data-v-fe2ee33e] {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper[data-v-fe2ee33e] {\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\tree-table-model\\src\\index.vue","index.vue"],"names":[],"mappings":"AAgSA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;AC/RA;ADiSA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;AC/RA;ADkSA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;AChSA;ADiSA;EACA,gBAAA;AC/RA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <section class=\"ele model__tree-table\">\r\n    <section class=\"model__tree-table--container\" v-if=\"showTree\">\r\n      <div class=\"model__tree--title\"></div>\r\n      <section :ref=\"modelTreeWrapper\" class=\"model__tree--wrapper\">\r\n        <ele-tree \r\n          :tree-data=\"treeData\"\r\n          :defaultExpandedKeys=\"defaultExpandedKeys\"\r\n          :defaultSelectedKeys=\"defaultSelectedKeys\"\r\n          @select=\"selectTreeNode\"\r\n          :replace-fields=\"treeMeta.replaceFields || replaceFields\">\r\n        </ele-tree>\r\n      </section>\r\n    </section>\r\n    <section class=\"model__table--container\">\r\n      <div class=\"model__table--title\"></div>\r\n      <section :ref=\"modelTableWrapper\" class=\"model__table--wrapper\">\r\n        <ele-search-area :ref=\"searchArea\" @search=\"onSearch\" :data-source=\"searchMeta.elements\"></ele-search-area>\r\n        <ele-button-group v-on=\"$listeners\" :ref=\"buttonGroup\" @click=\"handleClickButtonGroup\" style=\"margin-top: 16px\" :data-source=\"getButtonGroupElements\"></ele-button-group>\r\n        <ele-table\r\n          v-on=\"$listeners\"\r\n          :loading=\"loading\" \r\n          :columns=\"columns\"\r\n          :total=\"total\"\r\n          :actions=\"actions\"\r\n          :pageSize=\"pageSize\"\r\n          :pageSizeOptions=\"pageSizeOptions\"\r\n          :data-source=\"tableData\"\r\n          @change-page=\"onChangePage\" \r\n          style=\"margin-top: 8px;\"\r\n        ></ele-table>\r\n      </section>\r\n    </section>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport EleTree from '../../tree/src/index.vue'\r\nimport EleTable from '../../table/src/index.vue'\r\nimport EleSearchArea from '../../composite-components/search-area/src/index.vue'\r\nimport EleButtonGroup from '../../composite-components/button-group/src/index.vue'\r\nimport { type, net } from '@idooel/shared'\r\nimport { v4 as uuidv4 } from 'uuid'\r\nexport default {\r\n  name: 'ele-tree-table-model',\r\n  components: {\r\n    EleTree,\r\n    EleTable,\r\n    EleSearchArea,\r\n    EleButtonGroup\r\n  },\r\n  props: {\r\n    treeMeta: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    searchMeta: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    buttonGroupMeta: {\r\n      typeof: Object,\r\n      default: () => ({})\r\n    },\r\n    tableMeta: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  provide () {\r\n    return {\r\n      requestTreeData: this.requestTreeData,\r\n      requestTableData: this.requestTableData\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      treeData: [],\r\n      tableData: [],\r\n      defaultExpandedKeys: [],\r\n      defaultSelectedKeys: [],\r\n      replaceFields: {\r\n        title: 'title',\r\n        children: 'children',\r\n        key: 'id'\r\n      },\r\n      loading: false,\r\n      total: 0,\r\n      tableQuerys: {},\r\n      resizeObserverModelTableWrapper: null,\r\n      modelTableWrapperHeight: 0,\r\n      currentTreeNodeData: {}\r\n    }\r\n  },\r\n  computed: {\r\n    showTree () {\r\n      return !!Object.keys(this.treeMeta).length\r\n    },\r\n    buttonGroup () {\r\n      return uuidv4()\r\n    },\r\n    searchArea () {\r\n      return uuidv4()\r\n    },\r\n    modelTreeWrapper () {\r\n      return uuidv4()\r\n    },\r\n    modelTableWrapper () {\r\n      return uuidv4()\r\n    },\r\n    actions () {\r\n      const { operations } = this.tableMeta\r\n      return operations.elements\r\n    },\r\n    pageSize () {\r\n      const { page = {} } = this.tableMeta\r\n      return page.pageSize || 10\r\n    },\r\n    pageSizeOptions () {\r\n      const { page = {} } = this.tableMeta\r\n      return page.pageSizeOptions || ['10', '20', '30', '40']\r\n    },\r\n    columns () {\r\n      const { columns, operations } = this.tableMeta\r\n      if (type.get(columns) === 'array') {\r\n        const columnsOptions = columns.map(item => {\r\n          if (item.render) {\r\n            return {\r\n              title: item.title,\r\n              dataIndex: item.dataIndex,\r\n              width: item.width,\r\n              align: item.align,\r\n              fixed: item.fixed,\r\n              customRender: (text, record, index) => {\r\n                const { $createElement } = this\r\n                return item.render.call(this, { h: $createElement, ctx: this }, typeof text == 'string' ? text : text[item.dataIndex], record, index)\r\n              }\r\n            }\r\n          }\r\n          return {\r\n            title: item.title,\r\n            dataIndex: item.dataIndex,\r\n            width: item.width,\r\n            align: item.align,\r\n            fixed: item.fixed\r\n          }\r\n        })\r\n        if (operations) {\r\n          return [\r\n            ...columnsOptions,\r\n            {\r\n              title: '操作',\r\n              width: operations.width,\r\n              key: 'action',\r\n              fixed: 'right',\r\n              scopedSlots: { customRender: 'action' }\r\n            }\r\n          ]\r\n        }\r\n        return columnsOptions\r\n      } else {\r\n        console.error('Error: columns is invalid, please check it')\r\n        return []\r\n      }\r\n    },\r\n    getButtonGroupElements () {\r\n      const { elements } = this.buttonGroupMeta\r\n      if (type.get(elements) === 'function') {\r\n        return elements.call(this)\r\n      } else if (type.get(elements) === 'array') {\r\n        return elements\r\n      } else {\r\n        return []\r\n      }\r\n    }\r\n  },\r\n  async created () {\r\n    if (this.showTree) {\r\n      this.treeData = await this.requestTreeData()\r\n      const [defaultTreeNode = {}] = this.treeData\r\n      this.defaultExpandedKeys = [defaultTreeNode[this.replaceFields.key]]\r\n      this.defaultSelectedKeys = [defaultTreeNode[this.replaceFields.key]]\r\n      this.currentTreeNodeData = defaultTreeNode\r\n    }\r\n    const { fieldMap } = this.tableMeta\r\n    this.tableData = await this.requestTableData(this.execTableFieldMap(fieldMap, this.currentTreeNodeData))\r\n  },\r\n  methods: {\r\n    handleClickButtonGroup (props) {\r\n      const { eventName } = props\r\n      this.$emit(eventName, { currentTreeNode: this.currentTreeNodeData })\r\n    },\r\n    watchViewPort () {\r\n      const modelTableWrapper = this.$refs[this.modelTableWrapper]\r\n      console.log(modelTableWrapper.getBoundingClientRect())\r\n      const { top } = modelTableWrapper.getBoundingClientRect()\r\n      this.$refs[this.modelTreeWrapper].style.height = `calc(100vh - ${top}px)`\r\n    },\r\n    async onSearch (props) {\r\n      this.tableQuerys = Object.assign(this.tableQuerys, props)\r\n      this.tableData = await this.requestTableData()\r\n    },\r\n    execTableFieldMap (fieldMap = {}, props) {\r\n      let ret = {}\r\n      const keys = Object.keys(fieldMap)\r\n      keys.forEach(key => {\r\n        const field = fieldMap[key]\r\n        ret[field] = props[key]\r\n      })\r\n      return ret\r\n    },\r\n    async selectTreeNode (selectedKeys, e) {\r\n      const { fieldMap } = this.tableMeta\r\n      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef\r\n      const execFieldMapRet = this.execTableFieldMap(fieldMap, e.node.$vnode.data.props.dataRef)\r\n      this.tableData = await this.requestTableData(execFieldMapRet)\r\n    },\r\n    async requestTreeData () {\r\n      const { url, requestType } = this.treeMeta\r\n      const ret = await net.get(\r\n        url\r\n      ).then(resp => {\r\n        const { data } = resp || {}\r\n        return data\r\n      })\r\n      return ret\r\n    },\r\n    async onChangePage (page, pageSize) {\r\n      this.tableData = await this.requestTableData({ currentPage: page, pageSize })\r\n    },\r\n    async requestTableData (props = {}) {\r\n      const { url, requestType, page = {} } = this.tableMeta\r\n      const { pageSize = 10 } = page\r\n      this.tableQuerys = Object.assign(this.tableQuerys, { currentPage: 1, pageSize }, props)\r\n      const ret = await net.get(\r\n        url,\r\n        this.tableQuerys\r\n      ).then(resp => {\r\n        const { data = [], count } = resp || {}\r\n        this.total = count\r\n        return data.map(item => {\r\n          return {\r\n            key: uuidv4(),\r\n            ...item\r\n          }\r\n        })\r\n      })\r\n      return ret\r\n    },\r\n    refreshTreeStatus (props = {}) {},\r\n    refreshTableStatus (props = {}) {},\r\n    getModelTableWrapperHeight () {},\r\n    setModelTreeWrapperHeight (height) {\r\n      this.$refs[this.modelTreeWrapper].style.height = height\r\n    },\r\n    setModelTableWrapperHeight () {\r\n      const { top } = this.$refs[this.modelTableWrapper].getBoundingClientRect()\r\n      const height = `calc(100vh - ${top}px)`\r\n      this.$refs[this.modelTableWrapper].style.height = height\r\n      this.setModelTreeWrapperHeight(height)\r\n    },\r\n    getSearchAreaHeight () {\r\n      return this.$refs[this.searchArea].$el.clientHeight\r\n    },\r\n    getButtonGroupHeight () {\r\n      return this.$refs[this.buttonGroup].$el.clientHeight\r\n    }\r\n  },\r\n  mounted () {\r\n    //TODO\r\n    // this.setModelTableWrapperHeight()\r\n    // this.resizeObserverModelTableWrapper = new ResizeObserver(entries => {\r\n    //   for (let entry of entries) {\r\n    //     this.modelTableWrapperHeight = entry.contentRect.height\r\n    //     console.log('this.modelTableWrapperHeight:', this.modelTableWrapperHeight)\r\n    //     console.log('getSearchAreaHeight', this.getSearchAreaHeight())\r\n    //     console.log('getButtonGroupHeight', this.getButtonGroupHeight())\r\n    //     const tableHeight = this.modelTableWrapperHeight - this.getSearchAreaHeight() - this.getButtonGroupHeight()\r\n    //     console.log('tableHeight', tableHeight)\r\n    //   }\r\n    // })\r\n    // this.resizeObserverModelTableWrapper.observe(this.$refs[this.modelTableWrapper])\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ele {\r\n  &.model__tree-table {\r\n    background: transparent;                                                                                                                                                                                                                 \r\n    display: flex;\r\n    flex-direction: row;\r\n    width: 100%;\r\n    .model__tree-table--container {\r\n      .model__tree--wrapper {\r\n        width: 240px;\r\n        background: #fff;\r\n        flex-shrink: 0;\r\n        padding: 16px;\r\n        box-sizing: border-box;\r\n        margin-right: 16px;\r\n        overflow-y: auto;\r\n      }\r\n    }\r\n    .model__table--container {\r\n      width: 100%;\r\n      min-width: 0;\r\n      background: #fff;\r\n      .model__table--wrapper {\r\n        background: #fff;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>",".ele.model__tree-table {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.ele.model__tree-table .model__tree-table--container .model__tree--wrapper {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.ele.model__tree-table .model__table--container {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper {\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$1 = "data-v-37846a00";
+    const __vue_scope_id__$d = "data-v-fe2ee33e";
     /* module identifier */
-    const __vue_module_identifier__$1 = undefined;
+    const __vue_module_identifier__$d = undefined;
     /* functional template */
-    const __vue_is_functional_template__$1 = false;
+    const __vue_is_functional_template__$d = false;
     /* style inject SSR */
     
     /* style inject shadow dom */
     
 
     
-    const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
-      { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
-      __vue_inject_styles__$1,
-      __vue_script__$1,
-      __vue_scope_id__$1,
-      __vue_is_functional_template__$1,
-      __vue_module_identifier__$1,
+    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,
@@ -2514,7 +2592,7 @@
     );
 
   //
-  var script = {
+  var script$c = {
     name: 'ele-tpl',
     props: {
       modelName: {
@@ -2522,7 +2600,7 @@
       }
     },
     components: {
-      [__vue_component__$1.name]: __vue_component__$1
+      [__vue_component__$d.name]: __vue_component__$d
     },
     computed: {
       modelNameValidator() {
@@ -2544,10 +2622,10 @@
   };
 
   /* script */
-  const __vue_script__ = script;
+  const __vue_script__$c = script$c;
 
   /* template */
-  var __vue_render__ = function () {
+  var __vue_render__$c = function () {
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
@@ -2585,51 +2663,1890 @@
           domProps: { innerHTML: _vm._s(_vm.modelNameValidator.message) },
         })
   };
-  var __vue_staticRenderFns__ = [];
-  __vue_render__._withStripped = true;
+  var __vue_staticRenderFns__$c = [];
+  __vue_render__$c._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__ = function (inject) {
+    const __vue_inject_styles__$c = function (inject) {
       if (!inject) return
-      inject("data-v-7b13873a_0", { source: ":root {\n  --idooel-primary-color: #1890FF;\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":"AAAA;EACE,+BAA+B;EAC/B,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,qCAAqC;AACvC;;AAEA,oCAAoC","file":"index.vue","sourcesContent":[":root {\n  --idooel-primary-color: #1890FF;\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+      inject("data-v-7b13873a_0", { source: ".has-error .ele-upload__wrapper .file-uploads label {\n  border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__message {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n  color: #FFA39E;\n}\n:root {\n  --idooel-primary-color: #1890FF;\n  --idoole-black-02: rgba(0, 0, 0, 0.04);\n  --idoole-black-06: rgba(0, 0, 0, 0.44);\n  --idoole-black-07: rgba(0, 0, 0, 0.64);\n  --idoole-black-008: rgba(0, 0, 0, 0.88);\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n  --idooel-form-title-border-color: rgba(0, 0, 0, 0.16);\n  --idooel-form-upload-bg-color: rgba(0, 0, 0, 0.02);\n  --idooel-form-upload-border-hover-color: #40A9FF;\n  --idooel-form-border-radius: 2px;\n  --idooel-form-border-err-color: #F5222D;\n}\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,+BAA+B;EAC/B,sCAAsC;EACtC,sCAAsC;EACtC,sCAAsC;EACtC,uCAAuC;EACvC,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,qCAAqC;EACrC,qDAAqD;EACrD,kDAAkD;EAClD,gDAAgD;EAChD,gCAAgC;EAChC,uCAAuC;AACzC;;AAEA,oCAAoC","file":"index.vue","sourcesContent":[".has-error .ele-upload__wrapper .file-uploads label {\n  border-color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__message {\n  color: #F5222D;\n}\n.has-error .ele-upload__wrapper .file-uploads .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n  color: #FFA39E;\n}\n\n:root {\n  --idooel-primary-color: #1890FF;\n  --idoole-black-02: rgba(0, 0, 0, 0.04);\n  --idoole-black-06: rgba(0, 0, 0, 0.44);\n  --idoole-black-07: rgba(0, 0, 0, 0.64);\n  --idoole-black-008: rgba(0, 0, 0, 0.88);\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n  --idooel-form-title-border-color: rgba(0, 0, 0, 0.16);\n  --idooel-form-upload-bg-color: rgba(0, 0, 0, 0.02);\n  --idooel-form-upload-border-hover-color: #40A9FF;\n  --idooel-form-border-radius: 2px;\n  --idooel-form-border-err-color: #F5222D;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__ = undefined;
+    const __vue_scope_id__$c = undefined;
     /* module identifier */
-    const __vue_module_identifier__ = undefined;
+    const __vue_module_identifier__$c = undefined;
     /* functional template */
-    const __vue_is_functional_template__ = false;
+    const __vue_is_functional_template__$c = false;
     /* style inject SSR */
     
     /* style inject shadow dom */
     
 
     
-    const __vue_component__ = /*#__PURE__*/normalizeComponent(
-      { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-      __vue_inject_styles__,
-      __vue_script__,
-      __vue_scope_id__,
-      __vue_is_functional_template__,
-      __vue_module_identifier__,
+    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,
       undefined
     );
 
-  __vue_component__.install = Vue => Vue.component(__vue_component__.name, __vue_component__);
+  __vue_component__$c.install = Vue => Vue.component(__vue_component__$c.name, __vue_component__$c);
 
-  __vue_component__$2.install = Vue => Vue.component(__vue_component__$2.name, __vue_component__$2);
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
 
-  __vue_component__$3.install = Vue => Vue.component(__vue_component__$3.name, __vue_component__$3);
+  var script$b = {
+    name: 'ele-textarea',
+    props: {
+      maxLength: {
+        type: Number
+      },
+      placeholder: {
+        type: String
+      },
+      allowClear: {
+        type: Boolean,
+        default: false
+      },
+      autosize: {
+        type: [Boolean, Object],
+        default: () => ({
+          minRows: 4,
+          maxRows: 4
+        })
+      },
+      value: {
+        type: String
+      }
+    },
+    methods: {
+      onChange(e) {
+        const value = e.target.value;
+        this.$emit('on-change', value);
+        this.$emit('input', value);
+      }
+    }
+  };
 
-  __vue_component__$1.install = Vue => Vue.component(__vue_component__$1.name, __vue_component__$1);
+  /* script */
+  const __vue_script__$b = script$b;
+
+  /* template */
+  var __vue_render__$b = function () {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _c("a-textarea", {
+      attrs: {
+        value: _vm.value,
+        "auto-size": _vm.autosize,
+        "max-length": _vm.maxLength,
+        placeholder: _vm.placeholder,
+        "allow-clear": _vm.allowClear,
+      },
+      on: { change: _vm.onChange },
+    })
+  };
+  var __vue_staticRenderFns__$b = [];
+  __vue_render__$b._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$b = function (inject) {
+      if (!inject) return
+      inject("data-v-256502c2_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", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"index.vue"}, media: undefined });
+
+    };
+    /* scoped */
+    const __vue_scope_id__$b = "data-v-256502c2";
+    /* module identifier */
+    const __vue_module_identifier__$b = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$b = 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,
+      false,
+      createInjector,
+      undefined,
+      undefined
+    );
+
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+
+  var script$a = {
+    name: 'ele-icon',
+    props: {
+      type: {
+        type: String,
+        default: ''
+      },
+      theme: {
+        type: String
+      }
+    },
+    computed: {
+      isAntIcon() {
+        const prefix = this.type.slice(0, 5);
+        if (prefix === 'icon-') {
+          return false;
+        }
+        return true;
+      }
+    }
+  };
+
+  /* script */
+  const __vue_script__$a = script$a;
+
+  /* template */
+  var __vue_render__$a = function () {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _vm.isAntIcon
+      ? _c("a-icon", { attrs: { type: _vm.type, theme: _vm.theme } })
+      : _c("i", { class: ["iconfont", _vm.type] })
+  };
+  var __vue_staticRenderFns__$a = [];
+  __vue_render__$a._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$a = undefined;
+    /* scoped */
+    const __vue_scope_id__$a = undefined;
+    /* module identifier */
+    const __vue_module_identifier__$a = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$a = false;
+    /* style inject */
+    
+    /* 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,
+      false,
+      undefined,
+      undefined,
+      undefined
+    );
+
+  //
+  var script$9 = {
+    name: 'ele-upload',
+    components: {
+      FileUpload: FileUpload__default["default"],
+      EleIcon: __vue_component__$a
+    },
+    model: {
+      prop: 'value',
+      event: 'change'
+    },
+    props: {
+      url: {
+        type: String,
+        default: '/zuul/api-file/workbench/file'
+      },
+      size: {
+        type: Number,
+        default: 100
+      },
+      accept: {
+        type: String
+      },
+      maximum: {
+        type: Number,
+        default: 10
+      },
+      multiple: {
+        type: Boolean,
+        default: false
+      },
+      drop: {
+        type: Boolean,
+        default: true
+      },
+      value: {
+        type: [String, Array]
+      },
+      querys: {
+        type: Object,
+        default: () => ({
+          _csrf: 'c81f993f-f044-45bb-b3af-2977d335042d',
+          _t: new Date().valueOf()
+        })
+      },
+      headers: {
+        type: Object,
+        default: () => ({})
+      },
+      byteConversion: {
+        type: Number,
+        default: 1024 * 1024
+      },
+      chunkEnabled: {
+        type: Boolean,
+        default: true
+      }
+    },
+    data() {
+      return {
+        files: [],
+        saveToServerAsyncPageTimer: null
+      };
+    },
+    computed: {
+      getPayloads() {
+        return {
+          override: false
+        };
+      },
+      chunkConfig() {
+        shared.route.toQueryString(this.querys);
+        return {
+          action: `${window.prefixPath}/zuul/api-file/workbench/file/temp/chunk/vue`,
+          headers: {
+            'X-XSRF-TOKEN': localStorage.getItem('token')
+          },
+          minSize: 3 * this.byteConversion,
+          maxActive: 3,
+          maxRetries: 5,
+          startBody: {
+            override: true,
+            path: '/cw'
+          },
+          uploadBody: {
+            override: true,
+            path: '/cw'
+          },
+          finishBody: {
+            override: true,
+            path: '/cw'
+          }
+        };
+      },
+      isFileUploadSuccessed() {
+        return this.files.every(file => file.success);
+      },
+      isShowUploadContainer() {
+        if (this.multiple) {
+          if (this.isFileUploadSuccessed && this.files.length >= this.maximum) {
+            return false;
+          } else {
+            return true;
+          }
+        } else {
+          if (this.isFileUploadSuccessed && this.files.length >= 1) {
+            return false;
+          } else {
+            return true;
+          }
+        }
+      },
+      getMaximum() {
+        return this.multiple ? this.maximum : 1;
+      },
+      fileSizeLimit() {
+        return this.size * this.byteConversion;
+      },
+      postAction() {
+        const ret = shared.route.toQueryString(this.querys);
+        return `${window.prefixPath}${this.url}?${ret}`;
+      },
+      uploadRef() {
+        return v4();
+      },
+      fileSuffixIcon() {
+        return {
+          'doc': {
+            name: 'icon-doc'
+          }
+        };
+      },
+      fileIds() {
+        const fileIds = this.files.map(file => {
+          return file.response.data.fileID;
+        });
+        return this.multiple ? fileIds : fileIds[0];
+      }
+    },
+    methods: {
+      handleClickDownload(file) {
+        console.log('download file', file);
+      },
+      handleClickDelete(file) {
+        this.$refs[this.uploadRef].remove(file);
+        this.$emit('change', this.fileIds);
+      },
+      onWatchFiles(files) {
+        this.files = files;
+        if (this.isFileUploadSuccessed) {
+          this.$emit('change', this.fileIds);
+        }
+      },
+      async saveToServerAsyncPage(payloads = {}) {
+        shared.net.post('zuul/api-file/workbench/file/temp/saveToServerAsyncPage', payloads, {
+          headers: {
+            'Content-Type': 'multipart/form-data'
+          }
+        }).then(resp => {
+          const {
+            data
+          } = resp;
+          if (data !== 'saveToServerAsyncPage') {
+            clearInterval(this.saveToServerAsyncPageTimer);
+          }
+        });
+        // const ret = await net.post({
+        //   url: 'zuul/api-file/workbench/file/temp/saveToServerAsyncPage',
+        //   method: 'POST',
+        //   data: { ...payloads }
+        // }).then(resp => {
+        //   const { data: { data, code, message } } = resp
+        //   if (code !== '2000') {
+        //     this.$Message.error(message)
+        //     return
+        //   }
+        //   if (data !== 'saveToServerAsyncPage') {
+        //     clearInterval(timer)
+        //     const { fileID, size } = data
+        //     this.$emit('on-success', { ...data, fileId: fileID })
+        //     this.$Message.success('同步成功')
+        //     return { fileId: fileID, size }
+        //   }
+        // })
+        // return ret
+      },
+      onWatchInputFiles(newFile, oldFile) {
+        if (newFile && !oldFile) {
+          // add file
+          console.log('add', newFile);
+        }
+        if (newFile && oldFile) {
+          // update file
+          console.log('update', newFile);
+          const {
+            success,
+            active,
+            chunk,
+            response
+          } = newFile;
+          if (chunk && success && !active) {
+            console.log('chunk end');
+            const {
+              data: {
+                file,
+                type
+              }
+            } = response;
+            const payloads = {
+              filePath: file.match(/\/cw(.*)/)[0],
+              asyncID: v4(),
+              isDeleteOrigin: false,
+              toImage: type === 'pdf' ? true : false,
+              unzip: type === 'zip' ? true : false,
+              _csrf: localStorage.getItem('token')
+            };
+            this.saveToServerAsyncPageTimer = setInterval(() => {
+              this.saveToServerAsyncPage(payloads);
+            }, 2000);
+          }
+        }
+        if (!newFile && oldFile) {
+          // delete file
+          console.log('delete');
+        }
+        if (Boolean(newFile) !== Boolean(oldFile) || oldFile.error !== newFile.error) {
+          if (!this.$refs[this.uploadRef].active) {
+            this.$refs[this.uploadRef].active = true;
+          }
+        }
+      }
+    }
+  };
+
+  /* script */
+  const __vue_script__$9 = script$9;
+
+  /* template */
+  var __vue_render__$9 = function () {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _c(
+      "div",
+      { staticClass: "ele-upload__wrapper" },
+      [
+        _c(
+          "FileUpload",
+          {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: _vm.isShowUploadContainer,
+                expression: "isShowUploadContainer",
+              },
+            ],
+            ref: _vm.uploadRef,
+            staticClass: "ele-upload__inner",
+            staticStyle: { width: "100%" },
+            attrs: {
+              drop: _vm.drop,
+              "chunk-enabled": _vm.chunkEnabled,
+              chunk: _vm.chunkConfig,
+              accept: _vm.accept,
+              size: _vm.fileSizeLimit,
+              "post-action": _vm.postAction,
+              multiple: _vm.multiple,
+              maximum: _vm.getMaximum,
+            },
+            on: { "input-file": _vm.onWatchInputFiles, input: _vm.onWatchFiles },
+            model: {
+              value: _vm.files,
+              callback: function ($$v) {
+                _vm.files = $$v;
+              },
+              expression: "files",
+            },
+          },
+          [
+            _c("section", { staticClass: "ele-upload__area" }, [
+              _c(
+                "div",
+                { staticClass: "ele-upload__area--icon" },
+                [_c("ele-icon", { attrs: { type: "cloud-upload" } })],
+                1
+              ),
+              _vm._v(" "),
+              _c("div", { staticClass: "ele-upload__area--text" }, [
+                _c("div", { staticClass: "ele-upload__message" }, [
+                  _vm._v("单击或拖动文件到该区域以上传"),
+                ]),
+                _vm._v(" "),
+                _c("div", { staticClass: "ele-upload__ext" }, [
+                  _vm._v("文件小于" + _vm._s(_vm.size) + "M"),
+                ]),
+              ]),
+            ]),
+          ]
+        ),
+        _vm._v(" "),
+        _c(
+          "section",
+          { staticClass: "ele-files__wrapper" },
+          _vm._l(_vm.files, function (file, idx) {
+            return _c("div", { key: idx, staticClass: "ele-file__item" }, [
+              _c(
+                "div",
+                { staticClass: "ele-file__suffix--icon" },
+                [_c("ele-icon", { attrs: { type: "icon-doc" } })],
+                1
+              ),
+              _vm._v(" "),
+              _c("div", { staticClass: "ele-file__name" }, [
+                _c(
+                  "div",
+                  {
+                    staticClass: "ele-file__inner",
+                    on: {
+                      click: function ($event) {
+                        return _vm.handleClickDownload(file)
+                      },
+                    },
+                  },
+                  [_vm._v(_vm._s(file.name))]
+                ),
+                _vm._v(" "),
+                !file.success
+                  ? _c(
+                      "div",
+                      { staticClass: "ele-uplpad__progress" },
+                      [
+                        _c("a-progress", {
+                          attrs: {
+                            strokeWidth: 2,
+                            percent: Number(file.progress),
+                            size: "small",
+                          },
+                        }),
+                      ],
+                      1
+                    )
+                  : _vm._e(),
+              ]),
+              _vm._v(" "),
+              file.success || file.error
+                ? _c("div", { staticClass: "ele-file__delete" }, [
+                    _c("span", { staticClass: "ele-file__size" }, [
+                      _vm._v(
+                        _vm._s((file.size / _vm.byteConversion).toFixed(2)) + "M"
+                      ),
+                    ]),
+                    _vm._v(" "),
+                    _c(
+                      "span",
+                      {
+                        staticClass: "ele-file__delete--icon",
+                        on: {
+                          click: function ($event) {
+                            return _vm.handleClickDelete(file)
+                          },
+                        },
+                      },
+                      [_c("ele-icon", { attrs: { type: "delete" } })],
+                      1
+                    ),
+                  ])
+                : _vm._e(),
+            ])
+          }),
+          0
+        ),
+      ],
+      1
+    )
+  };
+  var __vue_staticRenderFns__$9 = [];
+  __vue_render__$9._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$9 = function (inject) {
+      if (!inject) return
+      inject("data-v-29bc9f58_0", { source: "[data-v-29bc9f58] .file-uploads label {\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-29bc9f58] .file-uploads label:hover {\n  border-color: var(--idooel-form-upload-border-hover-color);\n}\n.ele-upload__wrapper[data-v-29bc9f58] {\n  width: 100%;\n}\n.ele-upload__wrapper .ele-upload__area[data-v-29bc9f58] {\n  padding: 16px;\n  width: 100%;\n  height: 80px;\n  display: flex;\n  flex-direction: row;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload[data-v-29bc9f58] {\n  font-size: 48px;\n  color: var(--idooel-primary-color);\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text[data-v-29bc9f58] {\n  margin-left: 16px;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text .ele-upload__message[data-v-29bc9f58] {\n  font-size: 16px;\n  color: var(--idoole-black-008);\n  text-align: left;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text .ele-upload__ext[data-v-29bc9f58] {\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-29bc9f58] {\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-29bc9f58] {\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-29bc9f58] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__delete[data-v-29bc9f58] {\n  margin-left: 8px;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__delete .ele-file__delete--icon[data-v-29bc9f58] {\n  margin-left: 8px;\n  cursor: pointer;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\upload\\src\\index.vue","index.vue"],"names":[],"mappings":"AAqRA;EACA,qBAAA;EACA,eAAA;EACA,wDAAA;EACA,yDAAA;EAIA,+CAAA;ACvRA;ADoRA;EACA,0DAAA;AClRA;ADuRA;EACA,WAAA;ACpRA;ADqRA;EACA,aAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;ACnRA;ADqRA;EACA,eAAA;EACA,kCAAA;ACnRA;ADsRA;EACA,iBAAA;ACpRA;ADqRA;EACA,eAAA;EACA,8BAAA;EACA,gBAAA;ACnRA;ADqRA;EACA,gBAAA;EACA,eAAA;EACA,6BAAA;ACnRA;ADwRA;EACA,WAAA;EACA,eAAA;EACA,iBAAA;EACA,+CAAA;EACA,8CAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;ACtRA;ADwRA;EACA,OAAA;EACA,gBAAA;EACA,mBAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,eAAA;ACtRA;ADuRA;EACA,gBAAA;EACA,uBAAA;ACrRA;ADwRA;EACA,gBAAA;ACtRA;ADuRA;EACA,gBAAA;EACA,eAAA;ACrRA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"ele-upload__wrapper\">\r\n    <FileUpload\r\n      class=\"ele-upload__inner\"\r\n      v-show=\"isShowUploadContainer\"\r\n      v-model=\"files\"\r\n      :ref=\"uploadRef\"\r\n      :drop=\"drop\"\r\n      :chunk-enabled=\"chunkEnabled\"\r\n      :chunk=\"chunkConfig\"\r\n      :accept=\"accept\"\r\n      :size=\"fileSizeLimit\"\r\n      :post-action=\"postAction\"\r\n      :multiple=\"multiple\"\r\n      :maximum=\"getMaximum\"\r\n      @input-file=\"onWatchInputFiles\"\r\n      @input=\"onWatchFiles\"\r\n      style=\"width: 100%;\">\r\n      <section class=\"ele-upload__area\">\r\n        <div class=\"ele-upload__area--icon\">\r\n          <ele-icon type=\"cloud-upload\"></ele-icon>\r\n        </div>\r\n        <div class=\"ele-upload__area--text\">\r\n          <div class=\"ele-upload__message\">单击或拖动文件到该区域以上传</div>\r\n          <div class=\"ele-upload__ext\">文件小于{{ size }}M</div>\r\n        </div>\r\n      </section>\r\n    </FileUpload>\r\n    <section class=\"ele-files__wrapper\">\r\n      <div class=\"ele-file__item\" v-for=\"(file, idx) in files\" :key=\"idx\">\r\n        <div class=\"ele-file__suffix--icon\">\r\n          <ele-icon type=\"icon-doc\"></ele-icon>\r\n        </div>\r\n        <div class=\"ele-file__name\">\r\n          <div class=\"ele-file__inner\" @click=\"handleClickDownload(file)\">{{ file.name }}</div>\r\n          <div v-if=\"!file.success\" class=\"ele-uplpad__progress\">\r\n            <a-progress :strokeWidth=\"2\" :percent=\"Number(file.progress)\" size=\"small\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"ele-file__delete\" v-if=\"file.success || file.error\">\r\n          <span class=\"ele-file__size\">{{ (file.size / byteConversion).toFixed(2) }}M</span>\r\n          <span class=\"ele-file__delete--icon\" @click=\"handleClickDelete(file)\">\r\n            <ele-icon type=\"delete\"></ele-icon>\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport FileUpload from 'vue-upload-component'\r\nimport { v4 as uuidv4 } from 'uuid'\r\nimport { route, net } from '@idooel/shared'\r\nimport EleIcon from '../../icon/src/index.vue'\r\nexport default {\r\n  name: 'ele-upload',\r\n  components: {\r\n    FileUpload,\r\n    EleIcon\r\n  },\r\n  model: {\r\n    prop: 'value',\r\n    event: 'change'\r\n  },\r\n  props: {\r\n    url: {\r\n      type: String,\r\n      default: '/zuul/api-file/workbench/file'\r\n    },\r\n    size: {\r\n      type: Number,\r\n      default: 100\r\n    },\r\n    accept: {\r\n      type: String\r\n    },\r\n    maximum: {\r\n      type: Number,\r\n      default: 10\r\n    },\r\n    multiple: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    drop: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    value: {\r\n      type: [String, Array]\r\n    },\r\n    querys: {\r\n      type: Object,\r\n      default: () => ({\r\n        _csrf: 'c81f993f-f044-45bb-b3af-2977d335042d',\r\n        _t: new Date().valueOf()\r\n      })\r\n    },\r\n    headers: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    byteConversion: {\r\n      type: Number,\r\n      default: 1024 * 1024\r\n    },\r\n    chunkEnabled: {\r\n      type: Boolean,\r\n      default: true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      files: [],\r\n      saveToServerAsyncPageTimer: null\r\n    }\r\n  },\r\n  computed: {\r\n    getPayloads () {\r\n      return {\r\n        override: false\r\n      }\r\n    },\r\n    chunkConfig () {\r\n      const ret = route.toQueryString(this.querys)\r\n      return {\r\n        action: `${window.prefixPath}/zuul/api-file/workbench/file/temp/chunk/vue`,\r\n        headers: {\r\n          'X-XSRF-TOKEN': localStorage.getItem('token')\r\n        },\r\n        minSize: 3 * this.byteConversion,\r\n        maxActive: 3,\r\n        maxRetries: 5,\r\n        startBody: {\r\n          override: true,\r\n          path: '/cw'\r\n        },\r\n        uploadBody: {\r\n          override: true,\r\n          path: '/cw'\r\n        },\r\n        finishBody: {\r\n          override: true,\r\n          path: '/cw'\r\n        }\r\n      }\r\n    },\r\n    isFileUploadSuccessed () {\r\n      return this.files.every(file => file.success)\r\n    },\r\n    isShowUploadContainer () {\r\n      if (this.multiple) {\r\n        if (this.isFileUploadSuccessed && this.files.length >= this.maximum) {\r\n          return false\r\n        } else {\r\n          return true\r\n        }\r\n      } else {\r\n        if (this.isFileUploadSuccessed && this.files.length >= 1) {\r\n          return false\r\n        } else {\r\n          return true\r\n        }\r\n      }\r\n    },\r\n    getMaximum () {\r\n      return this.multiple ? this.maximum : 1\r\n    },\r\n    fileSizeLimit () {\r\n      return this.size * this.byteConversion\r\n    },\r\n    postAction () {\r\n      const ret = route.toQueryString(this.querys)\r\n      return `${window.prefixPath}${this.url}?${ret}`\r\n    },\r\n    uploadRef () {\r\n      return uuidv4()\r\n    },\r\n    fileSuffixIcon () {\r\n      return {\r\n        'doc': { name: 'icon-doc' },\r\n      }\r\n    },\r\n    fileIds () {\r\n      const fileIds = this.files.map(file => {\r\n        return file.response.data.fileID\r\n      })\r\n      return this.multiple ? fileIds : fileIds[0]\r\n    }\r\n  },\r\n  methods: {\r\n    handleClickDownload (file) {\r\n      console.log('download file', file)\r\n    },\r\n    handleClickDelete (file) {\r\n      this.$refs[this.uploadRef].remove(file)\r\n      this.$emit('change', this.fileIds)\r\n    },\r\n    onWatchFiles (files) {\r\n      this.files = files\r\n      if (this.isFileUploadSuccessed) {\r\n        this.$emit('change', this.fileIds)\r\n      }\r\n    },\r\n    async saveToServerAsyncPage (payloads = {}) {\r\n      net.post('zuul/api-file/workbench/file/temp/saveToServerAsyncPage', payloads, { \r\n        headers: {\r\n          'Content-Type': 'multipart/form-data'\r\n        }\r\n      }).then(resp =>{\r\n        const { data } = resp\r\n        if (data !== 'saveToServerAsyncPage') {\r\n          clearInterval(this.saveToServerAsyncPageTimer)\r\n        }\r\n      })\r\n      // const ret = await net.post({\r\n      //   url: 'zuul/api-file/workbench/file/temp/saveToServerAsyncPage',\r\n      //   method: 'POST',\r\n      //   data: { ...payloads }\r\n      // }).then(resp => {\r\n      //   const { data: { data, code, message } } = resp\r\n      //   if (code !== '2000') {\r\n      //     this.$Message.error(message)\r\n      //     return\r\n      //   }\r\n      //   if (data !== 'saveToServerAsyncPage') {\r\n      //     clearInterval(timer)\r\n      //     const { fileID, size } = data\r\n      //     this.$emit('on-success', { ...data, fileId: fileID })\r\n      //     this.$Message.success('同步成功')\r\n      //     return { fileId: fileID, size }\r\n      //   }\r\n      // })\r\n      // return ret\r\n    },\r\n    onWatchInputFiles (newFile, oldFile) {\r\n      if (newFile && !oldFile) {\r\n        // add file\r\n        console.log('add', newFile)\r\n      }\r\n      if (newFile && oldFile) {\r\n        // update file\r\n        console.log('update', newFile)\r\n        const { success, active, chunk, response } = newFile\r\n        if (chunk && success && !active) {\r\n          console.log('chunk end')\r\n          const { data: { file, type } } = response\r\n          const payloads = {\r\n            filePath: file.match(/\\/cw(.*)/)[0],\r\n            asyncID: uuidv4(),\r\n            isDeleteOrigin: false,\r\n            toImage: type === 'pdf' ? true : false,\r\n            unzip: type === 'zip' ? true : false,\r\n            _csrf: localStorage.getItem('token')\r\n          }\r\n          this.saveToServerAsyncPageTimer = setInterval(() => {\r\n            this.saveToServerAsyncPage(payloads)\r\n          }, 2000)\r\n        }\r\n      }\r\n      if (!newFile && oldFile) {\r\n        // delete file\r\n        console.log('delete')\r\n      }\r\n      if (Boolean(newFile) !== Boolean(oldFile) || oldFile.error !== newFile.error) {\r\n        if (!this.$refs[this.uploadRef].active) {\r\n          this.$refs[this.uploadRef].active = true\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n::v-deep .file-uploads {\r\n  label {\r\n    opacity: 1 !important;\r\n    cursor: pointer;\r\n    border: 1px dashed var(--idooel-form-title-border-color);\r\n    background: var(--idooel-form-upload-bg-color) !important;\r\n    &:hover {\r\n      border-color: var(--idooel-form-upload-border-hover-color);\r\n    }\r\n    border-radius: var(--idooel-form-border-radius);\r\n  }\r\n}\r\n.ele-upload__wrapper {\r\n  width: 100%;\r\n  .ele-upload__area {\r\n    padding: 16px;\r\n    width: 100%;\r\n    height: 80px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    .ele-upload__area--icon {\r\n      .anticon-cloud-upload {\r\n        font-size: 48px;\r\n        color: var(--idooel-primary-color);\r\n      }\r\n    }\r\n    .ele-upload__area--text {\r\n      margin-left: 16px;\r\n      .ele-upload__message {\r\n        font-size: 16px;\r\n        color: var(--idoole-black-008);\r\n        text-align: left;\r\n      }\r\n      .ele-upload__ext {\r\n        text-align: left;\r\n        font-size: 14px;\r\n        color: var(--idoole-black-06);\r\n      }\r\n    }\r\n  }\r\n  .ele-files__wrapper {\r\n    .ele-file__item {\r\n      width: 100%;\r\n      margin-top: 8px;\r\n      padding: 8px 12px;\r\n      border-radius: var(--idooel-form-border-radius);\r\n      background: var(--idooel-form-upload-bg-color);\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      .ele-file__suffix--icon {}\r\n      .ele-file__name {\r\n        flex: 1;\r\n        text-align: left;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        font-size: 14px;\r\n        margin-left: 8px;\r\n        cursor: pointer;\r\n        .ele-file__inner {\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n        }\r\n      }\r\n      .ele-file__delete {\r\n        margin-left: 8px;\r\n        .ele-file__delete--icon {\r\n          margin-left: 8px;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","::v-deep .file-uploads label {\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 .file-uploads label:hover {\n  border-color: var(--idooel-form-upload-border-hover-color);\n}\n\n.ele-upload__wrapper {\n  width: 100%;\n}\n.ele-upload__wrapper .ele-upload__area {\n  padding: 16px;\n  width: 100%;\n  height: 80px;\n  display: flex;\n  flex-direction: row;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--icon .anticon-cloud-upload {\n  font-size: 48px;\n  color: var(--idooel-primary-color);\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text {\n  margin-left: 16px;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text .ele-upload__message {\n  font-size: 16px;\n  color: var(--idoole-black-008);\n  text-align: left;\n}\n.ele-upload__wrapper .ele-upload__area .ele-upload__area--text .ele-upload__ext {\n  text-align: left;\n  font-size: 14px;\n  color: var(--idoole-black-06);\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item {\n  width: 100%;\n  margin-top: 8px;\n  padding: 8px 12px;\n  border-radius: var(--idooel-form-border-radius);\n  background: var(--idooel-form-upload-bg-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__name {\n  flex: 1;\n  text-align: left;\n  white-space: nowrap;\n  overflow: hidden;\n  font-size: 14px;\n  margin-left: 8px;\n  cursor: pointer;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__name .ele-file__inner {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__delete {\n  margin-left: 8px;\n}\n.ele-upload__wrapper .ele-files__wrapper .ele-file__item .ele-file__delete .ele-file__delete--icon {\n  margin-left: 8px;\n  cursor: pointer;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+
+    };
+    /* scoped */
+    const __vue_scope_id__$9 = "data-v-29bc9f58";
+    /* module identifier */
+    const __vue_module_identifier__$9 = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$9 = false;
+    /* style inject SSR */
+    
+    /* style inject shadow dom */
+    
+
+    
+    const __vue_component__$9 = /*#__PURE__*/normalizeComponent(
+      { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 },
+      __vue_inject_styles__$9,
+      __vue_script__$9,
+      __vue_scope_id__$9,
+      __vue_is_functional_template__$9,
+      __vue_module_identifier__$9,
+      false,
+      createInjector,
+      undefined,
+      undefined
+    );
+
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+
+  var script$8 = {
+    name: 'ele-select-entity',
+    props: {
+      value: {
+        type: [Array, Object]
+      },
+      multiple: {
+        type: Boolean,
+        default: true
+      },
+      maxCount: {
+        type: Number,
+        default: 7
+      },
+      disabled: {
+        type: Boolean,
+        default: false
+      },
+      addonAfter: {
+        type: String,
+        default: '选择'
+      }
+    },
+    methods: {
+      getValueList() {
+        if (this.value) {
+          if (this.multiple) {
+            return this.getIsMaxCount() ? this.value.slice(0, this.maxCount) : this.value;
+          }
+          return [this.value];
+        }
+        return [];
+      },
+      getIsMaxCount() {
+        if (this.value && this.multiple) {
+          return this.value.length >= this.maxCount;
+        }
+        return false;
+      },
+      onChange() {
+        if (this.disabled) return;
+        this.$emit('change', this.value);
+      },
+      onClose(e, inx) {
+        e = window.event || e;
+        e.preventDefault();
+        if (!this.multiple) {
+          this.$emit('change', null);
+          return;
+        }
+        this.value.splice(inx, 1);
+        this.$emit('change', this.value);
+      }
+    }
+  };
+
+  /* script */
+  const __vue_script__$8 = script$8;
+
+  /* template */
+  var __vue_render__$8 = function () {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _c(
+      "div",
+      {
+        staticClass: "g-select-entity__wrapper",
+        class: _vm.disabled ? "g-select-entity__disabled" : "",
+      },
+      [
+        _c(
+          "span",
+          { staticClass: "select-entity__input" },
+          [
+            _vm._l(_vm.getValueList(), function (item, inx) {
+              return _c(
+                "a-tag",
+                {
+                  key: item.value,
+                  attrs: { closable: !_vm.disabled && !_vm.getIsMaxCount() },
+                  on: {
+                    close: function ($event) {
+                      var i = arguments.length,
+                        argsArray = Array(i);
+                      while (i--) argsArray[i] = arguments[i];
+                      return _vm.onClose.apply(void 0, argsArray.concat([inx]))
+                    },
+                  },
+                },
+                [_vm._v("\n      " + _vm._s(item.label) + "\n    ")]
+              )
+            }),
+            _vm._v(" "),
+            _vm.getIsMaxCount() ? _c("a-tag", [_vm._v("......")]) : _vm._e(),
+          ],
+          2
+        ),
+        _vm._v(" "),
+        _c(
+          "span",
+          { staticClass: "select-entity__addon", on: { click: _vm.onChange } },
+          [_vm._v(_vm._s(_vm.addonAfter))]
+        ),
+        _vm._v(" "),
+        _vm._t("default"),
+      ],
+      2
+    )
+  };
+  var __vue_staticRenderFns__$8 = [];
+  __vue_render__$8._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$8 = function (inject) {
+      if (!inject) return
+      inject("data-v-328544bb_0", { source: ".g-select-entity__wrapper[data-v-328544bb] {\n  font-size: 14px;\n  line-height: 30px;\n  position: relative;\n  width: 100%;\n  display: flex;\n  color: var(--idoole-black-07);\n  border-radius: 4px;\n  border: 1px solid var(--idooel-form-title-border-color);\n}\n.g-select-entity__wrapper[data-v-328544bb]:hover {\n  border-color: var(--idooel-primary-color);\n}\n.g-select-entity__wrapper .select-entity__input[data-v-328544bb] {\n  padding: 0 11px;\n  background-color: #fff;\n  border-radius: 4px;\n  flex-grow: 1;\n  min-height: 30px;\n  text-align: left;\n}\n.g-select-entity__wrapper .select-entity__addon[data-v-328544bb] {\n  padding: 0 11px;\n  color: var(--idoole-black-07);\n  background-color: var(--idoole-black-02);\n  border-left: 1px solid var(--idooel-form-title-border-color);\n  cursor: pointer;\n  min-height: 30px;\n  white-space: nowrap;\n}\n.has-error .g-select-entity__wrapper[data-v-328544bb] {\n  border-color: var(--idooel-form-border-err-color);\n}\n.g-select-entity__disabled .select-entity__input[data-v-328544bb] {\n  background-color: var(--idoole-black-02);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\select-entity\\src\\index.vue","index.vue"],"names":[],"mappings":"AA6EA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,WAAA;EACA,aAAA;EACA,6BAAA;EACA,kBAAA;EACA,uDAAA;AC5EA;AD6EA;EACA,yCAAA;AC3EA;AD6EA;EACA,eAAA;EACA,sBAAA;EACA,kBAAA;EACA,YAAA;EACA,gBAAA;EACA,gBAAA;AC3EA;AD6EA;EACA,eAAA;EACA,6BAAA;EACA,wCAAA;EACA,4DAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AC3EA;AD8EA;EACA,iDAAA;AC3EA;AD6EA;EACA,wCAAA;AC1EA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"g-select-entity__wrapper\" :class=\"disabled ? 'g-select-entity__disabled' : ''\">\r\n    <span class=\"select-entity__input\">\r\n      <a-tag\r\n        v-for=\"(item, inx) in getValueList()\"\r\n        :key=\"item.value\"\r\n        :closable=\"!disabled && !getIsMaxCount()\"\r\n        @close=\"onClose(...arguments, inx)\"\r\n      >\r\n        {{ item.label }}\r\n      </a-tag>\r\n      <a-tag v-if=\"getIsMaxCount()\">......</a-tag>\r\n    </span>\r\n    <span class=\"select-entity__addon\" @click=\"onChange\">{{ addonAfter }}</span>\r\n    <slot></slot>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ele-select-entity',\r\n  props: {\r\n    value: {\r\n      type: [Array, Object]\r\n    },\r\n    multiple: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    maxCount: {\r\n      type: Number,\r\n      default: 7\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    addonAfter: {\r\n      type: String,\r\n      default: '选择'\r\n    }\r\n  },\r\n  methods: {\r\n    getValueList () {\r\n      if (this.value) {\r\n        if (this.multiple) {\r\n          return this.getIsMaxCount() ? this.value.slice(0, this.maxCount) : this.value\r\n        }\r\n        return [this.value]\r\n      }\r\n      return []\r\n    },\r\n    getIsMaxCount () {\r\n      if (this.value && this.multiple) {\r\n        return this.value.length >= this.maxCount\r\n      }\r\n      return false\r\n    },\r\n    onChange () {\r\n      if (this.disabled) return\r\n      this.$emit('change', this.value)\r\n    },\r\n    onClose (e, inx) {\r\n      e = window.event || e\r\n      e.preventDefault()\r\n      if (!this.multiple) {\r\n        this.$emit('change', null)\r\n        return\r\n      }\r\n      this.value.splice(inx, 1)\r\n      this.$emit('change', this.value)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.g-select-entity__wrapper {\r\n  font-size: 14px;\r\n  line-height: 30px;\r\n  position: relative;\r\n  width: 100%;\r\n  display: flex;\r\n  color: var(--idoole-black-07);\r\n  border-radius: 4px;\r\n  border: 1px solid var(--idooel-form-title-border-color);\r\n  &:hover {\r\n    border-color: var(--idooel-primary-color);\r\n  }\r\n  .select-entity__input {\r\n    padding: 0 11px;\r\n    background-color: #fff;\r\n    border-radius: 4px;\r\n    flex-grow: 1;\r\n    min-height: 30px;\r\n    text-align: left;\r\n  }\r\n  .select-entity__addon {\r\n    padding: 0 11px;\r\n    color: var(--idoole-black-07);\r\n    background-color: var(--idoole-black-02);\r\n    border-left: 1px solid var(--idooel-form-title-border-color);\r\n    cursor: pointer;\r\n    min-height: 30px;\r\n    white-space: nowrap;\r\n  }\r\n}\r\n.has-error .g-select-entity__wrapper {\r\n  border-color: var(--idooel-form-border-err-color);\r\n}\r\n.g-select-entity__disabled .select-entity__input {\r\n  background-color: var(--idoole-black-02);\r\n}\r\n</style>",".g-select-entity__wrapper {\n  font-size: 14px;\n  line-height: 30px;\n  position: relative;\n  width: 100%;\n  display: flex;\n  color: var(--idoole-black-07);\n  border-radius: 4px;\n  border: 1px solid var(--idooel-form-title-border-color);\n}\n.g-select-entity__wrapper:hover {\n  border-color: var(--idooel-primary-color);\n}\n.g-select-entity__wrapper .select-entity__input {\n  padding: 0 11px;\n  background-color: #fff;\n  border-radius: 4px;\n  flex-grow: 1;\n  min-height: 30px;\n  text-align: left;\n}\n.g-select-entity__wrapper .select-entity__addon {\n  padding: 0 11px;\n  color: var(--idoole-black-07);\n  background-color: var(--idoole-black-02);\n  border-left: 1px solid var(--idooel-form-title-border-color);\n  cursor: pointer;\n  min-height: 30px;\n  white-space: nowrap;\n}\n\n.has-error .g-select-entity__wrapper {\n  border-color: var(--idooel-form-border-err-color);\n}\n\n.g-select-entity__disabled .select-entity__input {\n  background-color: var(--idoole-black-02);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+
+    };
+    /* scoped */
+    const __vue_scope_id__$8 = "data-v-328544bb";
+    /* module identifier */
+    const __vue_module_identifier__$8 = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$8 = false;
+    /* style inject SSR */
+    
+    /* style inject shadow dom */
+    
+
+    
+    const __vue_component__$8 = /*#__PURE__*/normalizeComponent(
+      { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 },
+      __vue_inject_styles__$8,
+      __vue_script__$8,
+      __vue_scope_id__$8,
+      __vue_is_functional_template__$8,
+      __vue_module_identifier__$8,
+      false,
+      createInjector,
+      undefined,
+      undefined
+    );
+
+  //
+  //
+  //
+  //
+  //
+  //
+
+  var script$7 = {
+    name: 'ele-input-number',
+    props: {
+      precision: {
+        type: Number
+      },
+      value: {
+        type: [Number, String]
+      }
+    },
+    methods: {
+      onChange(value) {
+        this.$emit('change', value);
+      }
+    }
+  };
+
+  /* script */
+  const __vue_script__$7 = script$7;
+
+  /* template */
+  var __vue_render__$7 = function () {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _c(
+      "div",
+      [
+        _c(
+          "a-input-number",
+          _vm._b(
+            {
+              staticStyle: { width: "100%" },
+              attrs: { value: _vm.value, precision: _vm.precision },
+              on: { change: _vm.onChange },
+            },
+            "a-input-number",
+            _vm.$attrs,
+            false
+          )
+        ),
+      ],
+      1
+    )
+  };
+  var __vue_staticRenderFns__$7 = [];
+  __vue_render__$7._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$7 = undefined;
+    /* scoped */
+    const __vue_scope_id__$7 = undefined;
+    /* module identifier */
+    const __vue_module_identifier__$7 = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$7 = false;
+    /* style inject */
+    
+    /* style inject SSR */
+    
+    /* style inject shadow dom */
+    
+
+    
+    const __vue_component__$7 = /*#__PURE__*/normalizeComponent(
+      { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 },
+      __vue_inject_styles__$7,
+      __vue_script__$7,
+      __vue_scope_id__$7,
+      __vue_is_functional_template__$7,
+      __vue_module_identifier__$7,
+      false,
+      undefined,
+      undefined,
+      undefined
+    );
+
+  //
+  //
+  //
+  //
+
+  var script$6 = {
+    name: 'ele-checkbox',
+    props: {
+      value: {
+        type: Array
+      },
+      dataSource: {
+        type: Array,
+        default: () => []
+      },
+      disabled: {
+        type: Boolean,
+        default: false
+      }
+    },
+    methods: {
+      onChange(value) {
+        this.$emit('change', value);
+        this.$emit('input', value);
+      }
+    }
+  };
+
+  /* script */
+  const __vue_script__$6 = script$6;
+
+  /* template */
+  var __vue_render__$6 = function () {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _c("a-checkbox-group", {
+      attrs: {
+        options: _vm.dataSource,
+        disabled: _vm.disabled,
+        defaultValue: _vm.value,
+      },
+      on: { change: _vm.onChange },
+    })
+  };
+  var __vue_staticRenderFns__$6 = [];
+  __vue_render__$6._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$6 = function (inject) {
+      if (!inject) return
+      inject("data-v-63b1b120_0", { source: ".ant-checkbox-group[data-v-63b1b120] {\n  text-align: left;\n  line-height: 32px;\n}\n.has-error .ant-checkbox-group[data-v-63b1b120]  .ant-checkbox-wrapper {\n  color: var(--idooel-form-border-err-color);\n}\n.has-error .ant-checkbox-group[data-v-63b1b120]  .ant-checkbox-inner {\n  border-color: var(--idooel-form-border-err-color);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\checkbox\\src\\index.vue","index.vue"],"names":[],"mappings":"AA6BA;EACA,gBAAA;EACA,iBAAA;AC5BA;ADgCA;EACA,0CAAA;AC7BA;AD+BA;EACA,iDAAA;AC7BA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <a-checkbox-group :options=\"dataSource\" :disabled=\"disabled\" :defaultValue=\"value\" @change=\"onChange\"></a-checkbox-group>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ele-checkbox',\r\n  props: {\r\n    value: {\r\n      type: Array\r\n    },\r\n    dataSource: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  methods: {\r\n    onChange (value) {\r\n      this.$emit('change', value)\r\n      this.$emit('input', value)\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.ant-checkbox-group {\r\n  text-align: left;\r\n  line-height: 32px;\r\n}\r\n.has-error {\r\n  .ant-checkbox-group {\r\n    ::v-deep .ant-checkbox-wrapper {\r\n      color: var(--idooel-form-border-err-color);\r\n    }\r\n    ::v-deep .ant-checkbox-inner {\r\n      border-color: var(--idooel-form-border-err-color);\r\n    }\r\n  }\r\n}\r\n</style>",".ant-checkbox-group {\n  text-align: left;\n  line-height: 32px;\n}\n\n.has-error .ant-checkbox-group ::v-deep .ant-checkbox-wrapper {\n  color: var(--idooel-form-border-err-color);\n}\n.has-error .ant-checkbox-group ::v-deep .ant-checkbox-inner {\n  border-color: var(--idooel-form-border-err-color);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+
+    };
+    /* scoped */
+    const __vue_scope_id__$6 = "data-v-63b1b120";
+    /* module identifier */
+    const __vue_module_identifier__$6 = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$6 = false;
+    /* style inject SSR */
+    
+    /* style inject shadow dom */
+    
+
+    
+    const __vue_component__$6 = /*#__PURE__*/normalizeComponent(
+      { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },
+      __vue_inject_styles__$6,
+      __vue_script__$6,
+      __vue_scope_id__$6,
+      __vue_is_functional_template__$6,
+      __vue_module_identifier__$6,
+      false,
+      createInjector,
+      undefined,
+      undefined
+    );
+
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+
+  var script$5 = {
+    name: 'ele-radio',
+    props: {
+      value: {
+        type: [String, Array, Number]
+      },
+      dataSource: {
+        type: Array,
+        default: () => []
+      },
+      disabled: {
+        type: Boolean,
+        default: false
+      }
+    },
+    methods: {
+      onChange(e) {
+        this.$emit('change', e.target.value);
+        this.$emit('input', e.target.value);
+      }
+    }
+  };
+
+  /* script */
+  const __vue_script__$5 = script$5;
+
+  /* template */
+  var __vue_render__$5 = function () {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _c(
+      "a-radio-group",
+      {
+        attrs: { defaultValue: _vm.value, disabled: _vm.disabled },
+        on: { change: _vm.onChange },
+      },
+      _vm._l(_vm.dataSource, function (item) {
+        return _c("a-radio", { key: item.value, attrs: { value: item.value } }, [
+          _vm._v("\n    " + _vm._s(item.label) + "\n  "),
+        ])
+      }),
+      1
+    )
+  };
+  var __vue_staticRenderFns__$5 = [];
+  __vue_render__$5._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$5 = function (inject) {
+      if (!inject) return
+      inject("data-v-66c5cdf2_0", { source: ".ant-radio-group[data-v-66c5cdf2] {\n  text-align: left;\n  line-height: 32px;\n}\n.has-error .ant-radio-group[data-v-66c5cdf2]  .ant-radio-wrapper {\n  color: var(--idooel-form-border-err-color);\n}\n.has-error .ant-radio-group[data-v-66c5cdf2]  .ant-radio-inner {\n  border-color: var(--idooel-form-border-err-color);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\radio\\src\\index.vue","index.vue"],"names":[],"mappings":"AAiCA;EACA,gBAAA;EACA,iBAAA;AChCA;ADoCA;EACA,0CAAA;ACjCA;ADmCA;EACA,iDAAA;ACjCA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <a-radio-group :defaultValue=\"value\" @change=\"onChange\" :disabled=\"disabled\">\r\n    <a-radio v-for=\"item in dataSource\" :key=\"item.value\" :value=\"item.value\">\r\n      {{ item.label }}\r\n    </a-radio>\r\n  </a-radio-group>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ele-radio',\r\n  props: {\r\n    value: {\r\n      type: [String, Array, Number]\r\n    },\r\n    dataSource: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  methods: {\r\n    onChange (e) {\r\n      this.$emit('change', e.target.value)\r\n      this.$emit('input', e.target.value)\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.ant-radio-group {\r\n  text-align: left;\r\n  line-height: 32px;\r\n}\r\n.has-error {\r\n  .ant-radio-group {\r\n    ::v-deep .ant-radio-wrapper {\r\n      color: var(--idooel-form-border-err-color);\r\n    }\r\n    ::v-deep .ant-radio-inner {\r\n      border-color: var(--idooel-form-border-err-color);\r\n    }\r\n  }\r\n}\r\n</style>",".ant-radio-group {\n  text-align: left;\n  line-height: 32px;\n}\n\n.has-error .ant-radio-group ::v-deep .ant-radio-wrapper {\n  color: var(--idooel-form-border-err-color);\n}\n.has-error .ant-radio-group ::v-deep .ant-radio-inner {\n  border-color: var(--idooel-form-border-err-color);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+
+    };
+    /* scoped */
+    const __vue_scope_id__$5 = "data-v-66c5cdf2";
+    /* module identifier */
+    const __vue_module_identifier__$5 = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$5 = false;
+    /* style inject SSR */
+    
+    /* style inject shadow dom */
+    
+
+    
+    const __vue_component__$5 = /*#__PURE__*/normalizeComponent(
+      { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },
+      __vue_inject_styles__$5,
+      __vue_script__$5,
+      __vue_scope_id__$5,
+      __vue_is_functional_template__$5,
+      __vue_module_identifier__$5,
+      false,
+      createInjector,
+      undefined,
+      undefined
+    );
+
+  //
+  var script$4 = {
+    name: 'ele-form',
+    components: {
+      EleSelect: __vue_component__$k,
+      EleInput: __vue_component__$l,
+      EleTextarea: __vue_component__$b,
+      EleUpload: __vue_component__$9,
+      EleSelectEntity: __vue_component__$8,
+      EleInputNumber: __vue_component__$7,
+      EleCheckbox: __vue_component__$6,
+      EleRadio: __vue_component__$5
+    },
+    props: {
+      elements: {
+        type: Array,
+        default: () => []
+      }
+    },
+    data() {
+      return {
+        some: '1',
+        form: this.$form.createForm(this, {
+          name: 'coordinated'
+        })
+      };
+    },
+    methods: {
+      onChangeTextarea(value, props) {
+        this.setFieldsValue({
+          [props.name]: value
+        });
+      },
+      validateFields() {
+        let ret = false;
+        this.form.validateFields((error, values) => {
+          ret = !error;
+        });
+        return ret;
+      },
+      setFieldsValue(props = {}) {
+        this.form.setFieldsValue(props);
+      },
+      getFieldsValue() {
+        return this.form.getFieldsValue();
+      }
+    }
+  };
+
+  /* script */
+  const __vue_script__$4 = script$4;
+
+  /* template */
+  var __vue_render__$4 = function () {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _c(
+      "div",
+      { staticClass: "ele__form--wrapper" },
+      [
+        _c(
+          "a-form",
+          {
+            staticClass: "ant-advanced-search-form",
+            attrs: { form: _vm.form, layout: "vertical" },
+          },
+          [
+            _c(
+              "a-row",
+              { attrs: { gutter: 24 } },
+              _vm._l(_vm.elements, function (ele) {
+                return _c(
+                  "a-col",
+                  { key: ele.name, attrs: { span: ele.span } },
+                  [
+                    ele.type == "Input"
+                      ? [
+                          _c(
+                            "a-form-item",
+                            { attrs: { label: ele.label + "：" } },
+                            [
+                              _c("ele-input", {
+                                directives: [
+                                  {
+                                    name: "decorator",
+                                    rawName: "v-decorator",
+                                    value: [ele.name, { rules: ele.rules }],
+                                    expression:
+                                      "[ele.name, { rules: ele.rules }]",
+                                  },
+                                ],
+                                staticStyle: { width: "100%" },
+                                attrs: { "max-length": ele.maxLength },
+                              }),
+                            ],
+                            1
+                          ),
+                        ]
+                      : ele.type == "Textarea"
+                      ? [
+                          _c(
+                            "a-form-item",
+                            { attrs: { label: ele.label + "：" } },
+                            [
+                              _c("ele-textarea", {
+                                directives: [
+                                  {
+                                    name: "decorator",
+                                    rawName: "v-decorator",
+                                    value: [ele.name, { rules: ele.rules }],
+                                    expression:
+                                      "[ele.name, { rules: ele.rules }]",
+                                  },
+                                ],
+                                staticStyle: { width: "100%" },
+                                attrs: {
+                                  "max-length": ele.maxLength,
+                                  autosize: ele.autosize,
+                                  "allow-clear": ele.allowClear,
+                                  placeholder: ele.placeholder,
+                                },
+                                on: {
+                                  "on-change": function ($event) {
+                                    return _vm.onChangeTextarea($event, ele)
+                                  },
+                                },
+                              }),
+                            ],
+                            1
+                          ),
+                        ]
+                      : ele.type == "Select"
+                      ? [
+                          _c(
+                            "a-form-item",
+                            { attrs: { label: ele.label + "：" } },
+                            [
+                              _c("ele-select", {
+                                directives: [
+                                  {
+                                    name: "decorator",
+                                    rawName: "v-decorator",
+                                    value: [ele.name, { rules: ele.rules }],
+                                    expression:
+                                      "[ele.name, { rules: ele.rules }]",
+                                  },
+                                ],
+                                staticStyle: { width: "100%" },
+                                attrs: { "data-source": ele.optionList },
+                              }),
+                            ],
+                            1
+                          ),
+                        ]
+                      : ele.type == "ele-upload"
+                      ? [
+                          _c(
+                            "a-form-item",
+                            { attrs: { label: ele.label + "：" } },
+                            [
+                              _c("ele-upload", {
+                                directives: [
+                                  {
+                                    name: "decorator",
+                                    rawName: "v-decorator",
+                                    value: [ele.name, { rules: ele.rules }],
+                                    expression:
+                                      "[ele.name, { rules: ele.rules }]",
+                                  },
+                                ],
+                                staticStyle: { width: "100%" },
+                              }),
+                            ],
+                            1
+                          ),
+                        ]
+                      : ele.type == "SelectEntity"
+                      ? [
+                          _c(
+                            "a-form-item",
+                            { attrs: { label: ele.label + "：" } },
+                            [
+                              _c("ele-select-entity", {
+                                directives: [
+                                  {
+                                    name: "decorator",
+                                    rawName: "v-decorator",
+                                    value: [ele.name, { rules: ele.rules }],
+                                    expression:
+                                      "[ele.name, { rules: ele.rules }]",
+                                  },
+                                ],
+                                staticStyle: { width: "100%" },
+                              }),
+                            ],
+                            1
+                          ),
+                        ]
+                      : ele.type == "InputNumber"
+                      ? [
+                          _c(
+                            "a-form-item",
+                            { attrs: { label: ele.label + "：" } },
+                            [
+                              _c(
+                                "ele-input-number",
+                                _vm._b(
+                                  {
+                                    directives: [
+                                      {
+                                        name: "decorator",
+                                        rawName: "v-decorator",
+                                        value: [ele.name, { rules: ele.rules }],
+                                        expression:
+                                          "[ele.name, { rules: ele.rules }]",
+                                      },
+                                    ],
+                                    staticStyle: { width: "100%" },
+                                    attrs: { precision: ele.precision },
+                                  },
+                                  "ele-input-number",
+                                  ele.props,
+                                  false
+                                )
+                              ),
+                            ],
+                            1
+                          ),
+                        ]
+                      : ele.type == "Checkbox"
+                      ? [
+                          _c(
+                            "a-form-item",
+                            { attrs: { label: ele.label + "：" } },
+                            [
+                              _c("ele-checkbox", {
+                                directives: [
+                                  {
+                                    name: "decorator",
+                                    rawName: "v-decorator",
+                                    value: [ele.name, { rules: ele.rules }],
+                                    expression:
+                                      "[ele.name, { rules: ele.rules }]",
+                                  },
+                                ],
+                                staticStyle: { width: "100%" },
+                                attrs: { "data-source": ele.optionList },
+                              }),
+                            ],
+                            1
+                          ),
+                        ]
+                      : ele.type == "Radio"
+                      ? [
+                          _c(
+                            "a-form-item",
+                            { attrs: { label: ele.label + "：" } },
+                            [
+                              _c("ele-radio", {
+                                directives: [
+                                  {
+                                    name: "decorator",
+                                    rawName: "v-decorator",
+                                    value: [ele.name, { rules: ele.rules }],
+                                    expression:
+                                      "[ele.name, { rules: ele.rules }]",
+                                  },
+                                ],
+                                staticStyle: { width: "100%" },
+                                attrs: { "data-source": ele.optionList },
+                              }),
+                            ],
+                            1
+                          ),
+                        ]
+                      : _vm._e(),
+                  ],
+                  2
+                )
+              }),
+              1
+            ),
+          ],
+          1
+        ),
+      ],
+      1
+    )
+  };
+  var __vue_staticRenderFns__$4 = [];
+  __vue_render__$4._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$4 = function (inject) {
+      if (!inject) return
+      inject("data-v-e06c4e7c_0", { source: "\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":";;AAEA,oCAAoC","file":"index.vue","sourcesContent":["\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+
+    };
+    /* scoped */
+    const __vue_scope_id__$4 = "data-v-e06c4e7c";
+    /* module identifier */
+    const __vue_module_identifier__$4 = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$4 = false;
+    /* style inject SSR */
+    
+    /* style inject shadow dom */
+    
+
+    
+    const __vue_component__$4 = /*#__PURE__*/normalizeComponent(
+      { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },
+      __vue_inject_styles__$4,
+      __vue_script__$4,
+      __vue_scope_id__$4,
+      __vue_is_functional_template__$4,
+      __vue_module_identifier__$4,
+      false,
+      createInjector,
+      undefined,
+      undefined
+    );
+
+  __vue_component__$4.install = Vue => Vue.component(__vue_component__$4.name, __vue_component__$4);
+
+  //
+  //
+  //
+  //
+  //
+  //
+
+  var script$3 = {
+    name: 'g-text'
+  };
+
+  /* script */
+  const __vue_script__$3 = script$3;
+
+  /* template */
+  var __vue_render__$3 = function () {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _c("div", [_vm._v("\n  text\n")])
+  };
+  var __vue_staticRenderFns__$3 = [];
+  __vue_render__$3._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$3 = function (inject) {
+      if (!inject) return
+      inject("data-v-d41a0ce6_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"index.vue"}, media: undefined });
+
+    };
+    /* scoped */
+    const __vue_scope_id__$3 = "data-v-d41a0ce6";
+    /* module identifier */
+    const __vue_module_identifier__$3 = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$3 = false;
+    /* style inject SSR */
+    
+    /* style inject shadow dom */
+    
+
+    
+    const __vue_component__$3 = /*#__PURE__*/normalizeComponent(
+      { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },
+      __vue_inject_styles__$3,
+      __vue_script__$3,
+      __vue_scope_id__$3,
+      __vue_is_functional_template__$3,
+      __vue_module_identifier__$3,
+      false,
+      createInjector,
+      undefined,
+      undefined
+    );
+
+  __vue_component__$3.install = Vue => Vue.component(__vue_component__$3.name, __vue_component__$3);
+
+  __vue_component__$9.install = Vue => Vue.component(__vue_component__$9.name, __vue_component__$9);
+
+  __vue_component__$8.install = Vue => Vue.component(__vue_component__$8.name, __vue_component__$8);
+
+  __vue_component__$a.install = Vue => Vue.component(__vue_component__$a.name, __vue_component__$a);
+
+  __vue_component__$7.install = Vue => Vue.component(__vue_component__$7.name, __vue_component__$7);
+
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+
+  var script$2 = {
+    name: 'ele-modal',
+    props: {
+      value: {
+        type: Boolean,
+        default: false
+      },
+      title: {
+        type: String,
+        default: '标题'
+      },
+      cancelText: {
+        type: String,
+        default: '关闭'
+      },
+      okText: {
+        type: String,
+        default: '确定'
+      },
+      size: {
+        type: String,
+        default: 'small'
+      },
+      map: {
+        type: Object,
+        default() {
+          return {};
+        }
+      },
+      closable: {
+        type: Boolean,
+        default: true
+      },
+      maskClosable: {
+        type: Boolean,
+        default: false
+      },
+      showFooter: {
+        type: Boolean,
+        default: true
+      },
+      footer: {
+        type: Function,
+        default: null
+      },
+      onlyClose: {
+        type: Boolean,
+        default: false
+      }
+    },
+    watch: {
+      value(newVal) {
+        this.$nextTick(() => {
+          this.showModal = newVal;
+        });
+      }
+    },
+    computed: {
+      width() {
+        return this.map[this.size];
+      },
+      maxheight() {
+        return `calc(100vh - ${this.upDownDistance[this.size] * 2 + (this.title ? 55 : 0) + (this.showFooter ? 53 : 0)}px`;
+      }
+    },
+    data() {
+      return {
+        showModal: false
+      };
+    },
+    created() {
+      let defaultMap = {
+        small: 480,
+        middle: 768,
+        big: 1200
+      };
+      this.upDownDistance = {
+        small: 80,
+        middle: 80,
+        big: 40
+      };
+      this.map = Object.assign(this.map, defaultMap);
+    },
+    methods: {
+      openModal() {
+        this.showModal = true;
+        this.removeHidden();
+      },
+      handleCancel() {
+        this.showModal = false;
+        this.removeHidden();
+        console.log('on-cancel');
+        this.$emit('cancel');
+        this.$emit('input', this.showModal);
+      },
+      handleOk() {
+        console.log('on-ok');
+        this.$emit('ok');
+      },
+      removeHidden() {
+        let ishidden = document.body.style.overflow === 'hidden';
+        ishidden && (document.body.style.overflow = 'initial');
+      }
+    }
+  };
+
+  /* script */
+  const __vue_script__$2 = script$2;
+
+  /* template */
+  var __vue_render__$2 = function () {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _c(
+      "a-modal",
+      {
+        attrs: {
+          title: _vm.title,
+          cancelText: _vm.cancelText,
+          okText: _vm.okText,
+          closable: _vm.closable,
+          width: _vm.width,
+          keyboard: false,
+          maskClosable: _vm.maskClosable,
+          dialogStyle: { top: _vm.upDownDistance[_vm.size] + "px" },
+          bodyStyle: { maxHeight: _vm.maxheight, overflowY: "auto" },
+          footer: _vm.showFooter ? undefined : null,
+        },
+        on: { cancel: _vm.handleCancel, ok: _vm.handleOk },
+        model: {
+          value: _vm.showModal,
+          callback: function ($$v) {
+            _vm.showModal = $$v;
+          },
+          expression: "showModal",
+        },
+      },
+      [
+        _vm._t("default"),
+        _vm._v(" "),
+        _c("template", { slot: "footer" }, [_vm._t("footer")], 2),
+      ],
+      2
+    )
+  };
+  var __vue_staticRenderFns__$2 = [];
+  __vue_render__$2._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$2 = undefined;
+    /* scoped */
+    const __vue_scope_id__$2 = undefined;
+    /* module identifier */
+    const __vue_module_identifier__$2 = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$2 = false;
+    /* style inject */
+    
+    /* style inject SSR */
+    
+    /* style inject shadow dom */
+    
+
+    
+    const __vue_component__$2 = /*#__PURE__*/normalizeComponent(
+      { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
+      __vue_inject_styles__$2,
+      __vue_script__$2,
+      __vue_scope_id__$2,
+      __vue_is_functional_template__$2,
+      __vue_module_identifier__$2,
+      false,
+      undefined,
+      undefined,
+      undefined
+    );
+
+  __vue_component__$2.install = Vue => Vue.component(__vue_component__$2.name, __vue_component__$2);
+
+  __vue_component__$6.install = Vue => Vue.component(__vue_component__$6.name, __vue_component__$6);
+
+  __vue_component__$5.install = Vue => Vue.component(__vue_component__$5.name, __vue_component__$5);
+
+  //
+  //
+  //
+  //
+  //
+  //
+
+  var script$1 = {
+    name: 'ele-batch-export'
+  };
+
+  /* script */
+  const __vue_script__$1 = script$1;
+
+  /* template */
+  var __vue_render__$1 = function () {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _c("div", [_vm._v("\n  export\n")])
+  };
+  var __vue_staticRenderFns__$1 = [];
+  __vue_render__$1._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$1 = function (inject) {
+      if (!inject) return
+      inject("data-v-4ed65b1c_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__$1 = "data-v-4ed65b1c";
+    /* module identifier */
+    const __vue_module_identifier__$1 = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$1 = false;
+    /* style inject SSR */
+    
+    /* style inject shadow dom */
+    
+
+    
+    const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
+      { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
+      __vue_inject_styles__$1,
+      __vue_script__$1,
+      __vue_scope_id__$1,
+      __vue_is_functional_template__$1,
+      __vue_module_identifier__$1,
+      false,
+      createInjector,
+      undefined,
+      undefined
+    );
+
+  __vue_component__$1.install = Vue => Vue.component(__vue_component__$1.name, __vue_component__$1);
+
+  __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);
+
+  __vue_component__$d.install = Vue => Vue.component(__vue_component__$d.name, __vue_component__$d);
+
+  const BUILT_IN_EVENT_NAMES = {
+    SUBMIT: 'submit',
+    CANCEL: 'cancel'
+  };
+
+  //
+  var script = {
+    name: 'ele-form-model',
+    components: {
+      EleButtonGroup: __vue_component__$e
+    },
+    props: {
+      title: {
+        type: String
+      },
+      formMeta: {
+        type: Object
+      },
+      footerMeta: {
+        type: Object
+      }
+    },
+    data() {
+      return {};
+    },
+    computed: {
+      formRef() {
+        return v4();
+      },
+      assignAttrForEvents() {
+        const events = this.footerElements.reduce((ret, ele) => {
+          ret[ele.eventName] = e => {
+            this.$emit(ele.eventName || 'click', {
+              ...e,
+              formModel: this.formModels
+            });
+          };
+          return ret;
+        }, {});
+        return {
+          ...this.$listeners,
+          ...events,
+          [BUILT_IN_EVENT_NAMES.SUBMIT]: this[BUILT_IN_EVENT_NAMES.SUBMIT],
+          [BUILT_IN_EVENT_NAMES.CANCEL]: this[BUILT_IN_EVENT_NAMES.CANCEL]
+        };
+      },
+      elements() {
+        const {
+          elements
+        } = this.formMeta;
+        return elements;
+      },
+      preRequest() {
+        const {
+          preRequest
+        } = this.formMeta;
+        return preRequest;
+      },
+      infoRequest() {
+        const {
+          infoRequest
+        } = this.formMeta;
+        return infoRequest;
+      },
+      submitRequest() {
+        const {
+          submitRequest
+        } = this.formMeta;
+        return submitRequest;
+      },
+      footerElements() {
+        const {
+          elements
+        } = this.footerMeta;
+        return elements.call(this);
+      },
+      formModels() {
+        return this.$refs[this.formRef].getFieldsValue();
+      }
+    },
+    methods: {
+      async submitRequestTrigger() {},
+      async infoRequestTrigger() {},
+      async preRequestTrigger() {
+        const {
+          url,
+          requestType = 'GET',
+          fieldMap = {}
+        } = this.preRequest;
+        if (!url) return;
+        await shared.net[requestType.toLowerCase()](url, {});
+      },
+      setValueForField(props) {
+        this.$refs[this.formRef].setFieldsValue(props);
+      },
+      [BUILT_IN_EVENT_NAMES.SUBMIT](props) {
+        const status = this.$refs[this.formRef].validateFields();
+        console.log('status', status);
+        if (status) {
+          console.log('status', this.formModels);
+        } else {
+          console.log('error');
+        }
+      },
+      [BUILT_IN_EVENT_NAMES.CANCEL](props) {
+        console.log('inner CANCEL', props);
+      }
+    },
+    async mounted() {
+      await this.preRequestTrigger();
+      await this.infoRequestTrigger();
+    }
+  };
+
+  /* script */
+  const __vue_script__ = script;
+
+  /* template */
+  var __vue_render__ = function () {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _c("div", { staticClass: "form__model--wrapper" }, [
+      _c("div", { staticClass: "form-model__title" }, [
+        _vm._v("\n    " + _vm._s(_vm.title) + "\n  "),
+      ]),
+      _vm._v(" "),
+      _c(
+        "div",
+        { staticClass: "form-model__content" },
+        [_c("ele-form", { ref: _vm.formRef, attrs: { elements: _vm.elements } })],
+        1
+      ),
+      _vm._v(" "),
+      _c(
+        "div",
+        { staticClass: "form-model__footer" },
+        [
+          _c(
+            "ele-button-group",
+            _vm._g(
+              { attrs: { "data-source": _vm.footerElements } },
+              _vm.assignAttrForEvents
+            )
+          ),
+        ],
+        1
+      ),
+    ])
+  };
+  var __vue_staticRenderFns__ = [];
+  __vue_render__._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__ = function (inject) {
+      if (!inject) return
+      inject("data-v-4815b8c0_0", { source: ".form__model--wrapper[data-v-4815b8c0] {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n}\n.form__model--wrapper .form-model__title[data-v-4815b8c0] {\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-4815b8c0] {\n  padding: 16px;\n}\n.form__model--wrapper .form-model__footer[data-v-4815b8c0] {\n  width: 100%;\n  height: 64px;\n  position: fixed;\n  bottom: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\form-model\\src\\index.vue","index.vue"],"names":[],"mappings":"AAgHA;EACA,WAAA;EACA,YAAA;EACA,cAAA;AC/GA;ADgHA;EACA,YAAA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8DAAA;AC9GA;ADgHA;EACA,aAAA;AC9GA;ADgHA;EACA,WAAA;EACA,YAAA;EACA,eAAA;EACA,SAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,oBAAA;AC9GA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"form__model--wrapper\">\r\n    <div class=\"form-model__title\">\r\n      {{ title }}\r\n    </div>\r\n    <div class=\"form-model__content\">\r\n      <ele-form :ref=\"formRef\" :elements=\"elements\"></ele-form>\r\n    </div>\r\n    <div class=\"form-model__footer\">\r\n      <ele-button-group v-on=\"assignAttrForEvents\" :data-source=\"footerElements\"></ele-button-group>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport EleButtonGroup from '../../composite-components/button-group/src/index.vue'\r\nimport { BUILT_IN_EVENT_NAMES } from '../../utils'\r\nimport { v4 as uuidv4 } from 'uuid'\r\nimport { net } from '@idooel/shared'\r\nexport default {\r\n  name: 'ele-form-model',\r\n  components: {\r\n    EleButtonGroup\r\n  },\r\n  props: {\r\n    title: {\r\n      type: String\r\n    },\r\n    formMeta: {\r\n      type: Object\r\n    },\r\n    footerMeta: {\r\n      type: Object\r\n    }\r\n  },\r\n  data() {\r\n    return {}\r\n  },\r\n  computed: {\r\n    formRef () {\r\n      return uuidv4()\r\n    },\r\n    assignAttrForEvents () {\r\n      const events = this.footerElements.reduce((ret, ele) => {\r\n        ret[ele.eventName] = (e) => {\r\n          this.$emit(ele.eventName || 'click', { ...e, formModel: this.formModels })\r\n        }\r\n        return ret\r\n      }, {})\r\n      return {\r\n        ...this.$listeners,\r\n        ...events,\r\n        [BUILT_IN_EVENT_NAMES.SUBMIT]: this[BUILT_IN_EVENT_NAMES.SUBMIT],\r\n        [BUILT_IN_EVENT_NAMES.CANCEL]: this[BUILT_IN_EVENT_NAMES.CANCEL]\r\n      }\r\n    },\r\n    elements () {\r\n      const { elements } = this.formMeta\r\n      return elements\r\n    },\r\n    preRequest () {\r\n      const { preRequest } = this.formMeta\r\n      return preRequest\r\n    },\r\n    infoRequest () {\r\n      const { infoRequest } = this.formMeta\r\n      return infoRequest\r\n    },\r\n    submitRequest () {\r\n      const { submitRequest } = this.formMeta\r\n      return submitRequest\r\n    },\r\n    footerElements () {\r\n      const { elements } = this.footerMeta\r\n      return elements.call(this)\r\n    },\r\n    formModels () {\r\n      return this.$refs[this.formRef].getFieldsValue()\r\n    }\r\n  },\r\n  methods: {\r\n    async submitRequestTrigger () {},\r\n    async infoRequestTrigger () {},\r\n    async preRequestTrigger () {\r\n      const { url, requestType = 'GET', fieldMap = {} } = this.preRequest\r\n      if (!url) return\r\n      await net[requestType.toLowerCase()](url, {})\r\n    },\r\n    setValueForField (props) {\r\n      this.$refs[this.formRef].setFieldsValue(props)\r\n    },\r\n    [BUILT_IN_EVENT_NAMES.SUBMIT] (props) {\r\n      const status = this.$refs[this.formRef].validateFields()\r\n      console.log('status', status)\r\n      if (status) {\r\n        console.log('status', this.formModels)\r\n      } else {\r\n        console.log('error')\r\n      }\r\n    },\r\n    [BUILT_IN_EVENT_NAMES.CANCEL] (props) {\r\n      console.log('inner CANCEL', props)\r\n    }\r\n  },\r\n  async mounted() {\r\n    await this.preRequestTrigger()\r\n    await this.infoRequestTrigger()\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.form__model--wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: auto;\r\n  .form-model__title {\r\n    height: 56px;\r\n    padding: 0 16px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    border-bottom: 1px solid var(--idooel-form-title-border-color);\r\n  }\r\n  .form-model__content {\r\n    padding: 16px;\r\n  }\r\n  .form-model__footer {\r\n    width: 100%;\r\n    height: 64px;\r\n    position: fixed;\r\n    bottom: 0;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    justify-content: end;\r\n  }\r\n}\r\n</style>",".form__model--wrapper {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n}\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  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__ = "data-v-4815b8c0";
+    /* module identifier */
+    const __vue_module_identifier__ = undefined;
+    /* functional template */
+    const __vue_is_functional_template__ = false;
+    /* style inject SSR */
+    
+    /* style inject shadow dom */
+    
+
+    
+    const __vue_component__ = /*#__PURE__*/normalizeComponent(
+      { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+      __vue_inject_styles__,
+      __vue_script__,
+      __vue_scope_id__,
+      __vue_is_functional_template__,
+      __vue_module_identifier__,
+      false,
+      createInjector,
+      undefined,
+      undefined
+    );
+
+  __vue_component__.install = Vue => Vue.component(__vue_component__.name, __vue_component__);
 
-  const compositeComponents = [__vue_component__$2, __vue_component__$3];
-  const models = [__vue_component__$1];
-  const components = [__vue_component__$b, __vue_component__$a, __vue_component__$9, __vue_component__$8, __vue_component__$6, __vue_component__$5, __vue_component__, ...compositeComponents, ...models];
+  const compositeComponents = [__vue_component__$e, __vue_component__$f];
+  const models = [__vue_component__$d, __vue_component__];
+  const components = [__vue_component__$n, __vue_component__$m, __vue_component__$l, __vue_component__$k, __vue_component__$i, __vue_component__$h, __vue_component__$c, __vue_component__$4, __vue_component__$3, __vue_component__$9, __vue_component__$8, __vue_component__$a, __vue_component__$7, __vue_component__$2, __vue_component__$6, __vue_component__$5, __vue_component__$1, ...compositeComponents, ...models];
   const install = Vue => {
     if (install.installed) return;
     install.installed = true;
@@ -2638,13 +4555,14 @@
     });
   };
 
-  exports.EleButton = __vue_component__$b;
-  exports.EleDate = __vue_component__$a;
-  exports.EleInput = __vue_component__$9;
-  exports.EleSelect = __vue_component__$8;
-  exports.EleTable = __vue_component__$6;
-  exports.EleTpl = __vue_component__;
-  exports.EleTree = __vue_component__$5;
+  exports.EleButton = __vue_component__$n;
+  exports.EleDate = __vue_component__$m;
+  exports.EleInput = __vue_component__$l;
+  exports.EleModal = __vue_component__$2;
+  exports.EleSelect = __vue_component__$k;
+  exports.EleTable = __vue_component__$i;
+  exports.EleTpl = __vue_component__$c;
+  exports.EleTree = __vue_component__$h;
   exports["default"] = install;
   exports.models = models;