@idooel/components 0.0.0

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

@@ -0,0 +1,1813 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('moment'), require('@idooel/shared')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'moment', '@idooel/shared'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.__ele__components__ = {}, global.moment, global.shared));
+})(this, (function (exports, moment, shared) { 'use strict';
+
+  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+  var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
+
+  //
+  //
+  //
+  //
+  //
+  //
+
+  var script$b = {
+    name: 'ele-button',
+    props: {
+      type: {
+        type: String,
+        default: 'default'
+      },
+      icon: {
+        type: String
+      }
+    },
+    methods: {
+      handleClick() {
+        this.$emit('click');
+      }
+    }
+  };
+
+  function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+    if (typeof shadowMode !== 'boolean') {
+      createInjectorSSR = createInjector;
+      createInjector = shadowMode;
+      shadowMode = false;
+    }
+    // Vue.extend constructor export interop.
+    const options = typeof script === 'function' ? script.options : script;
+    // render functions
+    if (template && template.render) {
+      options.render = template.render;
+      options.staticRenderFns = template.staticRenderFns;
+      options._compiled = true;
+      // functional template
+      if (isFunctionalTemplate) {
+        options.functional = true;
+      }
+    }
+    // scopedId
+    if (scopeId) {
+      options._scopeId = scopeId;
+    }
+    let hook;
+    if (moduleIdentifier) {
+      // server build
+      hook = function (context) {
+        // 2.3 injection
+        context = context ||
+        // cached call
+        this.$vnode && this.$vnode.ssrContext ||
+        // stateful
+        this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional
+        // 2.2 with runInNewContext: true
+        if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+          context = __VUE_SSR_CONTEXT__;
+        }
+        // inject component styles
+        if (style) {
+          style.call(this, createInjectorSSR(context));
+        }
+        // register component module identifier for async chunk inference
+        if (context && context._registeredComponents) {
+          context._registeredComponents.add(moduleIdentifier);
+        }
+      };
+      // used by ssr in case component is cached and beforeCreate
+      // never gets called
+      options._ssrRegister = hook;
+    } else if (style) {
+      hook = shadowMode ? function (context) {
+        style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
+      } : function (context) {
+        style.call(this, createInjector(context));
+      };
+    }
+    if (hook) {
+      if (options.functional) {
+        // register for functional component in vue file
+        const originalRender = options.render;
+        options.render = function renderWithStyleInjection(h, context) {
+          hook.call(context);
+          return originalRender(h, context);
+        };
+      } else {
+        // inject component registration as beforeCreate hook
+        const existing = options.beforeCreate;
+        options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+      }
+    }
+    return script;
+  }
+
+  /* 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-button",
+      {
+        attrs: { type: _vm.type, icon: _vm.icon },
+        on: { click: _vm.handleClick },
+      },
+      [_vm._t("default")],
+      2
+    )
+  };
+  var __vue_staticRenderFns__$b = [];
+  __vue_render__$b._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$b = undefined;
+    /* scoped */
+    const __vue_scope_id__$b = undefined;
+    /* module identifier */
+    const __vue_module_identifier__$b = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$b = false;
+    /* style inject */
+    
+    /* 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,
+      undefined,
+      undefined,
+      undefined
+    );
+
+  __vue_component__$b.install = Vue => Vue.component(__vue_component__$b.name, __vue_component__$b);
+
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+
+  var script$a = {
+    name: 'ele-date',
+    props: {
+      value: {
+        type: Object
+      },
+      format: {
+        type: String,
+        default: 'YYYY/MM/DD'
+      }
+    },
+    data() {
+      return {
+        open: false
+      };
+    },
+    methods: {
+      onFocus() {
+        this.open = true;
+      },
+      onPanelChange(value, mode) {
+        this.$emit('input', value);
+        this.open = false;
+      }
+    }
+  };
+
+  /* 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 _c("a-date-picker", {
+      staticStyle: { width: "100%" },
+      attrs: {
+        mode: "year",
+        open: _vm.open,
+        value: _vm.value,
+        format: _vm.format,
+      },
+      on: { focus: _vm.onFocus, panelChange: _vm.onPanelChange },
+    })
+  };
+  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
+    );
+
+  __vue_component__$a.install = Vue => Vue.component(__vue_component__$a.name, __vue_component__$a);
+
+  //
+  //
+  //
+  //
+
+  var script$9 = {
+    name: 'ele-input',
+    props: {
+      value: {
+        type: String
+      }
+    },
+    methods: {
+      onChange(e) {
+        this.$emit('change', e.target.value);
+        this.$emit('input', e.target.value);
+      }
+    }
+  };
+
+  const isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+  function createInjector(context) {
+    return (id, style) => addStyle(id, style);
+  }
+  let HEAD;
+  const styles = {};
+  function addStyle(id, css) {
+    const group = isOldIE ? css.media || 'default' : id;
+    const style = styles[group] || (styles[group] = {
+      ids: new Set(),
+      styles: []
+    });
+    if (!style.ids.has(id)) {
+      style.ids.add(id);
+      let code = css.source;
+      if (css.map) {
+        // https://developer.chrome.com/devtools/docs/javascript-debugging
+        // this makes source maps inside style tags work properly in Chrome
+        code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+        // http://stackoverflow.com/a/26603875
+        code += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + ' */';
+      }
+      if (!style.element) {
+        style.element = document.createElement('style');
+        style.element.type = 'text/css';
+        if (css.media) style.element.setAttribute('media', css.media);
+        if (HEAD === undefined) {
+          HEAD = document.head || document.getElementsByTagName('head')[0];
+        }
+        HEAD.appendChild(style.element);
+      }
+      if ('styleSheet' in style.element) {
+        style.styles.push(code);
+        style.element.styleSheet.cssText = style.styles.filter(Boolean).join('\n');
+      } else {
+        const index = style.ids.size - 1;
+        const textNode = document.createTextNode(code);
+        const nodes = style.element.childNodes;
+        if (nodes[index]) style.element.removeChild(nodes[index]);
+        if (nodes.length) style.element.insertBefore(textNode, nodes[index]);else style.element.appendChild(textNode);
+      }
+    }
+  }
+
+  /* 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("a-input", {
+      attrs: { value: _vm.value },
+      on: { change: _vm.onChange },
+    })
+  };
+  var __vue_staticRenderFns__$9 = [];
+  __vue_render__$9._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$9 = function (inject) {
+      if (!inject) return
+      inject("data-v-5fda0f1a_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 });
+
+    };
+    /* scoped */
+    const __vue_scope_id__$9 = "data-v-5fda0f1a";
+    /* 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
+    );
+
+  __vue_component__$9.install = Vue => Vue.component(__vue_component__$9.name, __vue_component__$9);
+
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+
+  var script$8 = {
+    name: 'ele-select',
+    props: {
+      value: {
+        type: [String, Array, Number]
+      },
+      defaultValue: {
+        type: [String, Array, Number]
+      },
+      dataSource: {
+        type: Array,
+        default: () => []
+      }
+    },
+    methods: {
+      onChange(value) {
+        this.$emit('change', value);
+        this.$emit('input', 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(
+      "a-select",
+      {
+        staticStyle: { width: "100%" },
+        attrs: { value: _vm.value },
+        on: { change: _vm.onChange },
+      },
+      _vm._l(_vm.dataSource, function (item) {
+        return _c(
+          "a-select-option",
+          { key: item.value, attrs: { value: item.value } },
+          [_vm._v("\n    " + _vm._s(item.label) + "\n  ")]
+        )
+      }),
+      1
+    )
+  };
+  var __vue_staticRenderFns__$8 = [];
+  __vue_render__$8._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$8 = function (inject) {
+      if (!inject) return
+      inject("data-v-5e39810d_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-5e39810d";
+    /* 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
+    );
+
+  __vue_component__$8.install = Vue => Vue.component(__vue_component__$8.name, __vue_component__$8);
+
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+
+  var script$7 = {
+    props: {
+      record: {
+        type: Object
+      },
+      dataSource: {
+        type: Array,
+        default: () => []
+      }
+    },
+    methods: {
+      handleClickText(props) {
+        const {
+          eventName,
+          key
+        } = props;
+        this.$emit(eventName, {
+          key,
+          record: this.record
+        });
+      }
+    }
+  };
+
+  /* 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",
+      { staticClass: "g-table__action" },
+      _vm._l(_vm.dataSource, function (item, idx) {
+        return _c(
+          "div",
+          { key: idx, staticClass: "table-action__item" },
+          [
+            item.type == "text"
+              ? [
+                  _c(
+                    "span",
+                    {
+                      on: {
+                        click: function ($event) {
+                          return _vm.handleClickText(item)
+                        },
+                      },
+                    },
+                    [_vm._v(_vm._s(item.label))]
+                  ),
+                ]
+              : _vm._e(),
+          ],
+          2
+        )
+      }),
+      0
+    )
+  };
+  var __vue_staticRenderFns__$7 = [];
+  __vue_render__$7._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$7 = function (inject) {
+      if (!inject) return
+      inject("data-v-bea55e74_0", { source: ".g-table__action[data-v-bea55e74] {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item[data-v-bea55e74] {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item[data-v-bea55e74]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/table/src/action.vue","action.vue"],"names":[],"mappings":"AA+BA;EACA,aAAA;EACA,mBAAA;AC9BA;AD+BA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC7BA;AD8BA;EACA,cAAA;AC5BA;;AAEA,qCAAqC","file":"action.vue","sourcesContent":["<template>\n  <div class=\"g-table__action\">\n    <div class=\"table-action__item\" v-for=\"(item, idx) in dataSource\" :key=\"idx\">\n      <template v-if=\"item.type == 'text'\">\n        <span @click=\"handleClickText(item)\">{{ item.label }}</span>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    record: {\n      type: Object\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    }\n  },\n  methods: {\n    handleClickText (props) {\n      const { eventName, key } = props\n      this.$emit(eventName, { key, record: this.record })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__action {\n  display: flex;\n  flex-direction: row;\n  .table-action__item {\n    font-size: 14px;\n    color: #409EFF;\n    margin-left: 16px;\n    cursor: pointer;\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>",".g-table__action {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */"]}, media: undefined });
+
+    };
+    /* scoped */
+    const __vue_scope_id__$7 = "data-v-bea55e74";
+    /* module identifier */
+    const __vue_module_identifier__$7 = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$7 = 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,
+      false,
+      createInjector,
+      undefined,
+      undefined
+    );
+
+  //
+  var script$6 = {
+    name: 'ele-table',
+    components: {
+      Actions: __vue_component__$7
+    },
+    props: {
+      actions: {
+        type: Array,
+        default: () => []
+      },
+      total: {
+        type: Number,
+        default: 0
+      },
+      loading: {
+        type: Boolean,
+        default: false
+      },
+      columns: {
+        type: Array,
+        default: () => []
+      },
+      dataSource: {
+        type: Array,
+        default: () => []
+      },
+      pageSize: {
+        type: Number,
+        default: 10
+      },
+      pageSizeOptions: {
+        type: Array,
+        default: () => ['10', '20', '30', '40']
+      }
+    },
+    methods: {
+      setRowClassName(record, idx) {
+        return idx % 2 === 0 ? 'g-table__row--even' : 'g-table__row--odd';
+      },
+      onChangePagination(page, pagrSize) {
+        this.$emit('change-page', page, pagrSize);
+      }
+    }
+  };
+
+  /* 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(
+      "div",
+      { staticClass: "g-table__wrapper" },
+      [
+        _c("a-table", {
+          attrs: {
+            pagination: false,
+            loading: _vm.loading,
+            columns: _vm.columns,
+            "row-class-name": _vm.setRowClassName,
+            "data-source": _vm.dataSource,
+            scroll: { x: 1500, y: 500 },
+          },
+          scopedSlots: _vm._u([
+            {
+              key: "action",
+              fn: function (record) {
+                return [
+                  _c(
+                    "Actions",
+                    _vm._g(
+                      { attrs: { "data-source": _vm.actions, record: record } },
+                      _vm.$listeners
+                    )
+                  ),
+                ]
+              },
+            },
+          ]),
+        }),
+        _vm._v(" "),
+        _c(
+          "div",
+          { staticClass: "g-table__pagination" },
+          [
+            _c("a-pagination", {
+              attrs: {
+                "show-total": function (total) {
+                  return "共 " + total + " 条数据"
+                },
+                "show-size-changer": "",
+                "show-quick-jumper": "",
+                pageSize: _vm.pageSize,
+                pageSizeOptions: _vm.pageSizeOptions,
+                total: _vm.total,
+              },
+              on: { change: _vm.onChangePagination },
+            }),
+          ],
+          1
+        ),
+      ],
+      1
+    )
+  };
+  var __vue_staticRenderFns__$6 = [];
+  __vue_render__$6._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$6 = function (inject) {
+      if (!inject) return
+      inject("data-v-baf82bc6_0", { source: ".g-table__wrapper[data-v-baf82bc6] {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper .g-table__pagination[data-v-baf82bc6] {\n  margin-top: 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/table/src/index.vue","index.vue"],"names":[],"mappings":"AA4EA;EACA,aAAA;EACA,kBAAA;AC3EA;AD8EA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,oBAAA;AC5EA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"g-table__wrapper\">\n    <a-table\n      :pagination=\"false\"\n      :loading=\"loading\"\n      :columns=\"columns\"\n      :row-class-name=\"setRowClassName\"\n      :data-source=\"dataSource\"\n      :scroll=\"{ x: 1500, y: 500 }\">\n      <template slot=\"action\" slot-scope=\"record\">\n        <Actions v-on=\"$listeners\" :data-source=\"actions\" :record=\"record\"></Actions>\n      </template>\n    </a-table>\n    <div class=\"g-table__pagination\">\n      <a-pagination\n        :show-total=\"total => `共 ${total} 条数据`\"\n        show-size-changer \n        show-quick-jumper\n        :pageSize=\"pageSize\"\n        :pageSizeOptions=\"pageSizeOptions\"\n        @change=\"onChangePagination\" \n        :total=\"total\">\n      </a-pagination>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Actions from './action.vue'\nexport default {\n  name: 'ele-table',\n  components: {\n    Actions\n  },\n  props: {\n    actions: {\n      type: Array,\n      default: () => []\n    },\n    total: {\n      type: Number,\n      default: 0\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    columns: {\n      type: Array,\n      default: () => []\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    },\n    pageSize: {\n      type: Number,\n      default: 10\n    },\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '20', '30', '40']\n    }\n  },\n  methods: {\n    setRowClassName (record, idx) {\n      return idx % 2 === 0 ? 'g-table__row--even' : 'g-table__row--odd'\n    },\n    onChangePagination (page, pagrSize) {\n      this.$emit('change-page', page, pagrSize)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__wrapper {\n  padding: 16px;\n  padding-top: unset;\n  .g-table__row--even {}\n  .g-table__row--odd {}\n  .g-table__pagination {\n    margin-top: 8px;\n    display: flex;\n    flex-direction: row;\n    justify-content: end;\n  }\n}\n</style>",".g-table__wrapper {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper .g-table__pagination {\n  margin-top: 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+
+    };
+    /* scoped */
+    const __vue_scope_id__$6 = "data-v-baf82bc6";
+    /* 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
+    );
+
+  __vue_component__$6.install = Vue => Vue.component(__vue_component__$6.name, __vue_component__$6);
+
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+
+  var script$5 = {
+    name: 'ele-tree',
+    props: {
+      treeData: {
+        type: Array,
+        default: () => []
+      },
+      replaceFields: {
+        type: Object,
+        default: () => ({
+          title: 'title',
+          key: 'id',
+          children: 'children'
+        })
+      },
+      defaultExpandedKeys: {
+        type: Array
+      },
+      defaultSelectedKeys: {
+        type: Array
+      },
+      showIcon: {
+        type: Boolean,
+        default: true
+      }
+    },
+    data() {
+      return {};
+    },
+    computed: {
+      innerTreeData() {
+        return this.treeData;
+        // return [
+        //   {
+        //     title: 'parent 1',
+        //     key: 1,
+        //     scopedSlots: {
+        //       icon: 'custom',
+        //       iconName: 'smile-o'
+        //     },
+        //     children: [
+        //       {
+        //         title: '2',
+        //         key: 2,
+        //         scopedSlots: {
+        //           icon: 'custom',
+        //           iconName: 'frown-o'
+        //         }
+        //       }
+        //     ]
+        //   }
+        // ]
+      }
+    },
+    methods: {
+      refreshTreeStatus(props = {}) {},
+      selectTreeNode(selectedKeys, e) {
+        this.$emit('select', selectedKeys, e);
+      }
+    }
+  };
+
+  /* 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(
+      "div",
+      { staticClass: "g-tree__wrapper" },
+      [
+        _vm.innerTreeData.length
+          ? _c("a-tree", {
+              attrs: {
+                "tree-data": _vm.innerTreeData,
+                replaceFields: _vm.replaceFields,
+                "default-expanded-keys": _vm.defaultExpandedKeys,
+                "default-selected-keys": _vm.defaultSelectedKeys,
+                blockNode: "",
+                "show-icon": _vm.showIcon,
+              },
+              on: { select: _vm.selectTreeNode },
+              scopedSlots: _vm._u(
+                [
+                  {
+                    key: "title",
+                    fn: function (ref) {
+                      var title = ref.title;
+                      return [
+                        _c(
+                          "span",
+                          {
+                            staticClass: "tree-node__title",
+                            attrs: { title: title },
+                          },
+                          [_vm._v("\n        " + _vm._s(title) + "\n      ")]
+                        ),
+                      ]
+                    },
+                  },
+                  {
+                    key: "custom",
+                    fn: function (ref) {
+                      var scopedSlots = ref.scopedSlots;
+                      return [
+                        _c("a-icon", { attrs: { type: scopedSlots.iconName } }),
+                      ]
+                    },
+                  },
+                ],
+                null,
+                false,
+                729072655
+              ),
+            })
+          : _vm._e(),
+      ],
+      1
+    )
+  };
+  var __vue_staticRenderFns__$5 = [];
+  __vue_render__$5._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$5 = function (inject) {
+      if (!inject) return
+      inject("data-v-6969e1ac_0", { source: ".g-tree__wrapper[data-v-6969e1ac] {\n  overflow: hidden;\n}\n.g-tree__wrapper[data-v-6969e1ac]  .ant-tree-node-content-wrapper {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/tree/src/index.vue","index.vue"],"names":[],"mappings":"AAwFA;EACA,gBAAA;ACvFA;ADwFA;EACA,uBAAA;EACA,gBAAA;EACA,mBAAA;ACtFA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"g-tree__wrapper\">\n    <a-tree\n      v-if=\"innerTreeData.length\"\n      :tree-data=\"innerTreeData\"\n      @select=\"selectTreeNode\"\n      :replaceFields=\"replaceFields\"\n      :default-expanded-keys=\"defaultExpandedKeys\"\n      :default-selected-keys=\"defaultSelectedKeys\"\n      blockNode \n      :show-icon=\"showIcon\">\n      <template #title=\"{ title }\">\n        <span :title=\"title\" class=\"tree-node__title\">\n          {{ title }}\n        </span>\n      </template>\n      <template slot=\"custom\" slot-scope=\"{ scopedSlots }\">\n        <a-icon :type=\"scopedSlots.iconName\"></a-icon>\n      </template>\n    </a-tree>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ele-tree',\n  props: {\n    treeData: {\n      type: Array,\n      default: () => []\n    },\n    replaceFields: {\n      type: Object,\n      default: () => ({\n        title: 'title',\n        key: 'id',\n        children: 'children'\n      })\n    },\n    defaultExpandedKeys: {\n      type: Array\n    },\n    defaultSelectedKeys: {\n      type: Array\n    },\n    showIcon: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data () {\n    return {}\n  },\n  computed: {\n    innerTreeData () {\n      return this.treeData\n      // return [\n      //   {\n      //     title: 'parent 1',\n      //     key: 1,\n      //     scopedSlots: {\n      //       icon: 'custom',\n      //       iconName: 'smile-o'\n      //     },\n      //     children: [\n      //       {\n      //         title: '2',\n      //         key: 2,\n      //         scopedSlots: {\n      //           icon: 'custom',\n      //           iconName: 'frown-o'\n      //         }\n      //       }\n      //     ]\n      //   }\n      // ]\n    }\n  },\n  methods: {\n    refreshTreeStatus (props = {}) {},\n    selectTreeNode (selectedKeys, e) {\n      this.$emit('select', selectedKeys, e)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-tree__wrapper {\n  overflow: hidden;\n  ::v-deep .ant-tree-node-content-wrapper {\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n}\n</style>",".g-tree__wrapper {\n  overflow: hidden;\n}\n.g-tree__wrapper ::v-deep .ant-tree-node-content-wrapper {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+
+    };
+    /* scoped */
+    const __vue_scope_id__$5 = "data-v-6969e1ac";
+    /* 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
+    );
+
+  __vue_component__$5.install = Vue => Vue.component(__vue_component__$5.name, __vue_component__$5);
+
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+
+  var script$4 = {
+    props: {
+      label: {
+        type: String
+      }
+    }
+  };
+
+  /* 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: "g-search__label" }, [
+      _c("span", { staticClass: "label__title" }, [_vm._v(_vm._s(_vm.label))]),
+      _vm._v(" "),
+      _c("span", { staticClass: "label__suffix" }, [_vm._v("：")]),
+    ])
+  };
+  var __vue_staticRenderFns__$4 = [];
+  __vue_render__$4._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$4 = function (inject) {
+      if (!inject) return
+      inject("data-v-07e596bf_0", { source: ".g-search__label[data-v-07e596bf] {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.g-search__label .label__title[data-v-07e596bf], .g-search__label .label__suffix[data-v-07e596bf] {\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.88);\n  white-space: nowrap;\n}\n.g-search__label .label__suffix[data-v-07e596bf] {\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=label.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/composite-components/search-area/src/label.vue","label.vue"],"names":[],"mappings":"AAkBA;EACA,iBAAA;EACA,gBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;ACjBA;ADkBA;EACA,eAAA;EACA,0BAAA;EACA,mBAAA;AChBA;ADkBA;EACA,gBAAA;AChBA;;AAEA,oCAAoC","file":"label.vue","sourcesContent":["<template>\n  <div class=\"g-search__label\">\n    <span class=\"label__title\">{{ label }}</span>\n    <span class=\"label__suffix\">：</span>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    label: {\n      type: String\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-search__label {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  .label__title, .label__suffix {\n    font-size: 14px;\n    color: rgba(0, 0, 0, 0.88);\n    white-space: nowrap;\n  }\n  .label__suffix {\n    margin-left: 4px;\n  }\n}\n</style>",".g-search__label {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.g-search__label .label__title, .g-search__label .label__suffix {\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.88);\n  white-space: nowrap;\n}\n.g-search__label .label__suffix {\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=label.vue.map */"]}, media: undefined });
+
+    };
+    /* scoped */
+    const __vue_scope_id__$4 = "data-v-07e596bf";
+    /* 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
+    );
+
+  //
+  var script$3 = {
+    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
+    },
+    props: {
+      gutter: {
+        type: [Number, Array, Object],
+        default: () => [16, 8]
+      },
+      span: {
+        type: Number,
+        default: 8
+      },
+      dataSource: {
+        type: Array,
+        required: true
+      }
+    },
+    computed: {
+      actionColOffset() {
+        return (24 / this.span - 1) * this.span;
+      },
+      innerDataSource() {
+        return [...this.dataSource, {
+          type: '_action'
+        }];
+      }
+    },
+    methods: {
+      handleClickSearch() {
+        const querys = this.extractValues();
+        this.$emit('search', querys);
+      },
+      extractValues() {
+        let ret = {};
+        this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {
+          switch (item.type) {
+            case 'DatePicker':
+              ret[item.name] = moment__default["default"](item._value).isValid() ? moment__default["default"](item._value).format(item.format) : null;
+              break;
+            default:
+              ret[item.name] = item._value;
+              break;
+          }
+        });
+        return ret;
+      },
+      handleClickReset() {
+        this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {
+          switch (item.type) {
+            case 'Select':
+              this.$set(item, '_value', null);
+              break;
+            case 'DatePicker':
+              this.$set(item, '_value', null);
+              break;
+            default:
+              this.$set(item, '_value', null);
+              break;
+          }
+        });
+        //TODO defaultValue
+        const querys = this.extractValues();
+        this.$emit('search', querys);
+      },
+      onChangeSelect(value, props) {
+        this.$set(props, '_value', value);
+      }
+    }
+  };
+
+  /* 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",
+      { staticClass: "search-area__wrapper" },
+      [
+        _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"
+                  ? _c(
+                      "div",
+                      { staticClass: "search-area__item search-area--action" },
+                      [
+                        _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("重置")]
+                        ),
+                      ],
+                      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
+        ),
+      ],
+      1
+    )
+  };
+  var __vue_staticRenderFns__$3 = [];
+  __vue_render__$3._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$3 = function (inject) {
+      if (!inject) return
+      inject("data-v-33e73d00_0", { source: ".search-area__wrapper[data-v-33e73d00] {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper[data-v-33e73d00]  .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item[data-v-33e73d00] {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/composite-components/search-area/src/index.vue","index.vue"],"names":[],"mappings":"AAgHA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;AC/GA;ADiHA;EACA,YAAA;AC/GA;ADkHA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;AChHA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"search-area__wrapper\">\n    <a-row :gutter=\"gutter\">\n      <a-col :span=\"item.span || span\" v-for=\"(item, idx) in innerDataSource\" :key=\"idx\">\n        <div v-if=\"item.type == '_action'\" class=\"search-area__item search-area--action\">\n          <ele-button icon=\"search\" type=\"primary\" @click=\"handleClickSearch\">查询</ele-button>\n          <ele-button style=\"margin-left:8px;\" icon=\"reload\" @click=\"handleClickReset\">重置</ele-button>\n        </div>\n        <div v-else class=\"search-area__item\">\n          <template v-if=\"item.type == 'Input'\">\n            <Label :label=\"item.label\"></Label>\n            <ele-input v-model=\"item._value\"></ele-input>\n          </template>\n          <template v-else-if=\"item.type == 'Select'\">\n            <Label :label=\"item.label\"></Label>\n            <ele-select v-model=\"item._value\" :data-source=\"item.optionList\"></ele-select>\n          </template>\n          <template v-else-if=\"item.type == 'DatePicker'\">\n            <Label :label=\"item.label\"></Label>\n            <ele-date v-model=\"item._value\" :format=\"item.format\"></ele-date>\n          </template>\n        </div>\n      </a-col>\n    </a-row>\n  </div>\n</template>\n\n<script>\nimport EleInput from '../../../input/src/index.vue'\nimport EleSelect from '../../../select/src/index.vue'\nimport ELeButton from '../../../button/src/index.vue'\nimport EleDate from '../../../date/src/index.vue'\nimport Label from './label.vue'\nimport moment from 'moment'\nexport default {\n  name: 'ele-search-area',\n  components: {\n    EleInput,\n    EleSelect,\n    ELeButton,\n    Label,\n    EleDate\n  },\n  props: {\n    gutter: {\n      type: [Number, Array, Object],\n      default: () => ([\n        16, 8\n      ])\n    },\n    span: {\n      type: Number,\n      default: 8\n    },\n    dataSource: {\n      type: Array,\n      required: true\n    }\n  },\n  computed: {\n    actionColOffset () {\n      return ((24 / this.span) - 1) * this.span\n    },\n    innerDataSource () {\n      return [...this.dataSource, { type: '_action' }]\n    }\n  },\n  methods: {\n    handleClickSearch () {\n      const querys = this.extractValues()\n      this.$emit('search', querys)\n    },\n    extractValues () {\n      let ret = {}\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\n        switch (item.type) {\n          case 'DatePicker':\n            ret[item.name] = moment(item._value).isValid() ? moment(item._value).format(item.format) : null\n            break\n          default:\n            ret[item.name] = item._value\n            break\n        }\n      })\n      return ret\n    },\n    handleClickReset () {\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\n        switch (item.type) {\n          case 'Select':\n            this.$set(item, '_value', null)\n            break\n          case 'DatePicker':\n            this.$set(item, '_value', null)\n            break\n          default:\n            this.$set(item, '_value', null)\n            break\n        }\n      })\n      //TODO defaultValue\n      const querys = this.extractValues()\n      this.$emit('search', querys)\n    },\n    onChangeSelect (value, props) {\n      this.$set(props, '_value', value)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n  ::v-deep .ant-col {\n    &:last-child {\n      float: right;\n    }\n  }\n  .search-area__item {\n    height: 32px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n  }\n}\n</style>",".search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper ::v-deep .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+
+    };
+    /* scoped */
+    const __vue_scope_id__$3 = "data-v-33e73d00";
+    /* 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
+    );
+
+  //
+  var script$2 = {
+    name: 'ele-button-group',
+    components: {
+      EleButton: __vue_component__$b
+    },
+    props: {
+      dataSource: {
+        type: Array,
+        default: () => []
+      }
+    },
+    methods: {
+      handleClick(props) {
+        this.$emit('click', props);
+      }
+    }
+  };
+
+  /* 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(
+      "div",
+      { staticClass: "button-group__wrapper" },
+      _vm._l(_vm.dataSource, function (item, idx) {
+        return _c(
+          "ele-button",
+          {
+            key: idx,
+            attrs: { type: item.type, icon: item.icon },
+            on: {
+              click: function ($event) {
+                return _vm.handleClick(item)
+              },
+            },
+          },
+          [_vm._v("\n    " + _vm._s(item.label) + "\n  ")]
+        )
+      }),
+      1
+    )
+  };
+  var __vue_staticRenderFns__$2 = [];
+  __vue_render__$2._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$2 = function (inject) {
+      if (!inject) return
+      inject("data-v-72ce5986_0", { source: ".button-group__wrapper[data-v-72ce5986] {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn[data-v-72ce5986] {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn[data-v-72ce5986]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/composite-components/button-group/src/index.vue","index.vue"],"names":[],"mappings":"AAmCA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;AClCA;ADmCA;EACA,gBAAA;ACjCA;ADkCA;EACA,cAAA;AChCA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"button-group__wrapper\">\n    <ele-button \n      v-for=\"(item, idx) in dataSource\" \n      :type=\"item.type\"\n      :icon=\"item.icon\"\n      @click=\"handleClick(item)\" \n      :key=\"idx\">\n      {{ item.label }}\n    </ele-button>\n  </div>\n</template>\n\n<script>\nimport EleButton from '../../../button/src/index.vue'\nexport default {\n  name: 'ele-button-group',\n  components: {\n    EleButton\n  },\n  props: {\n    dataSource: {\n      type: Array,\n      default: () => []\n    }\n  },\n  methods: {\n    handleClick (props) {\n      this.$emit('click', props)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n  .ant-btn {\n    margin-left: 8px;\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>",".button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+
+    };
+    /* scoped */
+    const __vue_scope_id__$2 = "data-v-72ce5986";
+    /* module identifier */
+    const __vue_module_identifier__$2 = undefined;
+    /* functional template */
+    const __vue_is_functional_template__$2 = 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,
+      false,
+      createInjector,
+      undefined,
+      undefined
+    );
+
+  // 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
+  // generators (like Math.random()).
+  let getRandomValues;
+  const rnds8 = new Uint8Array(16);
+  function rng() {
+    // lazy load so that environments that need to polyfill have a chance to do so
+    if (!getRandomValues) {
+      // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
+      getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+      if (!getRandomValues) {
+        throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+      }
+    }
+    return getRandomValues(rnds8);
+  }
+
+  /**
+   * Convert array of 16 byte values to UUID string format of the form:
+   * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+   */
+
+  const byteToHex = [];
+  for (let i = 0; i < 256; ++i) {
+    byteToHex.push((i + 0x100).toString(16).slice(1));
+  }
+  function unsafeStringify(arr, offset = 0) {
+    // Note: Be careful editing this code!  It's been tuned for performance
+    // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+    return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
+  }
+
+  const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+  var native = {
+    randomUUID
+  };
+
+  function v4(options, buf, offset) {
+    if (native.randomUUID && !buf && !options) {
+      return native.randomUUID();
+    }
+    options = options || {};
+    const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+    rnds[6] = rnds[6] & 0x0f | 0x40;
+    rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+    if (buf) {
+      offset = offset || 0;
+      for (let i = 0; i < 16; ++i) {
+        buf[offset + i] = rnds[i];
+      }
+      return buf;
+    }
+    return unsafeStringify(rnds);
+  }
+
+  //
+  var script$1 = {
+    name: 'ele-tree-table-model',
+    components: {
+      EleTree: __vue_component__$5,
+      EleTable: __vue_component__$6,
+      EleSearchArea: __vue_component__$3,
+      EleButtonGroup: __vue_component__$2
+    },
+    props: {
+      treeMeta: {
+        type: Object,
+        default: () => ({})
+      },
+      searchMeta: {
+        type: Object,
+        default: () => ({})
+      },
+      buttonGroupMeta: {
+        typeof: Object,
+        default: () => ({})
+      },
+      tableMeta: {
+        type: Object,
+        default: () => ({})
+      }
+    },
+    data() {
+      return {
+        treeData: [],
+        tableData: [],
+        defaultExpandedKeys: [],
+        defaultSelectedKeys: [],
+        replaceFields: {
+          title: 'title',
+          children: 'children',
+          key: 'id'
+        },
+        loading: false,
+        total: 0,
+        tableQuerys: {},
+        resizeObserverModelTableWrapper: null,
+        modelTableWrapperHeight: 0,
+        currentTreeNodeData: {}
+      };
+    },
+    computed: {
+      buttonGroup() {
+        return v4();
+      },
+      searchArea() {
+        return v4();
+      },
+      modelTreeWrapper() {
+        return v4();
+      },
+      modelTableWrapper() {
+        return v4();
+      },
+      actions() {
+        const {
+          operations
+        } = this.tableMeta;
+        return operations.elements;
+      },
+      pageSize() {
+        const {
+          page = {}
+        } = this.tableMeta;
+        return page.pageSize || 10;
+      },
+      pageSizeOptions() {
+        const {
+          page = {}
+        } = this.tableMeta;
+        return page.pageSizeOptions || ['10', '20', '30', '40'];
+      },
+      columns() {
+        const {
+          columns,
+          operations
+        } = this.tableMeta;
+        if (shared.type.get(columns) === 'array') {
+          const columnsOptions = columns.map(item => {
+            if (item.render) {
+              return {
+                title: item.title,
+                dataIndex: item.dataIndex,
+                width: item.width,
+                align: item.align,
+                fixed: item.fixed,
+                customRender: (text, record, index) => {
+                  const {
+                    $createElement
+                  } = this;
+                  return item.render.call(this, {
+                    h: $createElement,
+                    ctx: this
+                  }, typeof text == 'string' ? text : text[item.dataIndex], record, index);
+                }
+              };
+            }
+            return {
+              title: item.title,
+              dataIndex: item.dataIndex,
+              width: item.width,
+              align: item.align,
+              fixed: item.fixed
+            };
+          });
+          if (operations) {
+            return [...columnsOptions, {
+              title: '操作',
+              width: operations.width,
+              key: 'action',
+              fixed: 'right',
+              scopedSlots: {
+                customRender: 'action'
+              }
+            }];
+          }
+          return columnsOptions;
+        } else {
+          console.error('Error: columns is invalid, please check it');
+          return [];
+        }
+      },
+      getButtonGroupElements() {
+        const {
+          elements
+        } = this.buttonGroupMeta;
+        if (shared.type.get(elements) === 'function') {
+          return elements.call(this);
+        } else if (shared.type.get(elements) === 'array') {
+          return elements;
+        } else {
+          return [];
+        }
+      }
+    },
+    async created() {
+      this.treeData = await this.requestTreeData();
+      const [defaultTreeNode = {}] = this.treeData;
+      this.defaultExpandedKeys = [defaultTreeNode[this.replaceFields.key]];
+      this.defaultSelectedKeys = [defaultTreeNode[this.replaceFields.key]];
+      const {
+        fieldMap
+      } = this.tableMeta;
+      this.currentTreeNodeData = defaultTreeNode;
+      this.tableData = await this.requestTableData(this.execTableFieldMap(fieldMap, defaultTreeNode));
+    },
+    methods: {
+      handleClickButtonGroup(props) {
+        const {
+          eventName
+        } = props;
+        this.$emit(eventName, {
+          currentTreeNode: this.currentTreeNodeData
+        });
+      },
+      watchViewPort() {
+        const modelTableWrapper = this.$refs[this.modelTableWrapper];
+        console.log(modelTableWrapper.getBoundingClientRect());
+        const {
+          top
+        } = modelTableWrapper.getBoundingClientRect();
+        this.$refs[this.modelTreeWrapper].style.height = `calc(100vh - ${top}px)`;
+      },
+      async onSearch(props) {
+        this.tableQuerys = Object.assign(this.tableQuerys, props);
+        this.tableData = await this.requestTableData();
+      },
+      execTableFieldMap(fieldMap = {}, props) {
+        let ret = {};
+        const keys = Object.keys(fieldMap);
+        keys.forEach(key => {
+          const field = fieldMap[key];
+          ret[field] = props[key];
+        });
+        return ret;
+      },
+      async selectTreeNode(selectedKeys, e) {
+        const {
+          fieldMap
+        } = this.tableMeta;
+        this.currentTreeNodeData = e.node.$vnode.data.props.dataRef;
+        const execFieldMapRet = this.execTableFieldMap(fieldMap, e.node.$vnode.data.props.dataRef);
+        this.tableData = await this.requestTableData(execFieldMapRet);
+      },
+      async requestTreeData() {
+        const {
+          url,
+          requestType
+        } = this.treeMeta;
+        const ret = await shared.net.get(url).then(resp => {
+          const {
+            data
+          } = resp || {};
+          return data;
+        });
+        return ret;
+      },
+      async onChangePage(page, pageSize) {
+        this.tableData = await this.requestTableData({
+          currentPage: page,
+          pageSize
+        });
+      },
+      async requestTableData(props = {}) {
+        const {
+          url,
+          requestType,
+          page = {}
+        } = this.tableMeta;
+        const {
+          pageSize = 10
+        } = page;
+        this.tableQuerys = Object.assign(this.tableQuerys, {
+          currentPage: 1,
+          pageSize
+        }, props);
+        const ret = await shared.net.get(url, this.tableQuerys).then(resp => {
+          const {
+            data = [],
+            count
+          } = resp || {};
+          this.total = count;
+          return data.map(item => {
+            return {
+              key: v4(),
+              ...item
+            };
+          });
+        });
+        return ret;
+      },
+      refreshTreeStatus(props = {}) {},
+      refreshTableStatus(props = {}) {},
+      getModelTableWrapperHeight() {},
+      setModelTreeWrapperHeight(height) {
+        this.$refs[this.modelTreeWrapper].style.height = height;
+      },
+      setModelTableWrapperHeight() {
+        const {
+          top
+        } = this.$refs[this.modelTableWrapper].getBoundingClientRect();
+        const height = `calc(100vh - ${top}px)`;
+        this.$refs[this.modelTableWrapper].style.height = height;
+        this.setModelTreeWrapperHeight(height);
+      },
+      getSearchAreaHeight() {
+        return this.$refs[this.searchArea].$el.clientHeight;
+      },
+      getButtonGroupHeight() {
+        return this.$refs[this.buttonGroup].$el.clientHeight;
+      }
+    },
+    mounted() {
+      //TODO
+      // this.setModelTableWrapperHeight()
+      // this.resizeObserverModelTableWrapper = new ResizeObserver(entries => {
+      //   for (let entry of entries) {
+      //     this.modelTableWrapperHeight = entry.contentRect.height
+      //     console.log('this.modelTableWrapperHeight:', this.modelTableWrapperHeight)
+      //     console.log('getSearchAreaHeight', this.getSearchAreaHeight())
+      //     console.log('getButtonGroupHeight', this.getButtonGroupHeight())
+      //     const tableHeight = this.modelTableWrapperHeight - this.getSearchAreaHeight() - this.getButtonGroupHeight()
+      //     console.log('tableHeight', tableHeight)
+      //   }
+      // })
+      // this.resizeObserverModelTableWrapper.observe(this.$refs[this.modelTableWrapper])
+    }
+  };
+
+  /* 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("section", { staticClass: "model__tree-table" }, [
+      _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._v(" "),
+      _c(
+        "section",
+        { ref: _vm.modelTableWrapper, staticClass: "model__table--wrapper" },
+        [
+          _c("ele-search-area", {
+            ref: _vm.searchArea,
+            attrs: { "data-source": _vm.searchMeta.elements },
+            on: { search: _vm.onSearch },
+          }),
+          _vm._v(" "),
+          _c("ele-button-group", {
+            ref: _vm.buttonGroup,
+            staticStyle: { "margin-top": "16px" },
+            attrs: { "data-source": _vm.getButtonGroupElements },
+            on: { click: _vm.handleClickButtonGroup },
+          }),
+          _vm._v(" "),
+          _c(
+            "ele-table",
+            _vm._g(
+              {
+                staticStyle: { "margin-top": "8px" },
+                attrs: {
+                  loading: _vm.loading,
+                  columns: _vm.columns,
+                  total: _vm.total,
+                  actions: _vm.actions,
+                  pageSize: _vm.pageSize,
+                  pageSizeOptions: _vm.pageSizeOptions,
+                  "data-source": _vm.tableData,
+                },
+                on: { "change-page": _vm.onChangePage },
+              },
+              _vm.$listeners
+            )
+          ),
+        ],
+        1
+      ),
+    ])
+  };
+  var __vue_staticRenderFns__$1 = [];
+  __vue_render__$1._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__$1 = function (inject) {
+      if (!inject) return
+      inject("data-v-47f01802_0", { source: ".model__tree-table[data-v-47f01802] {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.model__tree-table .model__tree--wrapper[data-v-47f01802] {\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--wrapper[data-v-47f01802] {\n  min-width: 0;\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/tree-table-model/src/index.vue","index.vue"],"names":[],"mappings":"AA8QA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;AC7QA;AD8QA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;AC5QA;AD8QA;EACA,YAAA;EACA,gBAAA;AC5QA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <section class=\"model__tree-table\">\n    <section :ref=\"modelTreeWrapper\" class=\"model__tree--wrapper\">\n      <ele-tree \n        :tree-data=\"treeData\"\n        :defaultExpandedKeys=\"defaultExpandedKeys\"\n        :defaultSelectedKeys=\"defaultSelectedKeys\"\n        @select=\"selectTreeNode\"\n        :replace-fields=\"treeMeta.replaceFields || replaceFields\">\n      </ele-tree>\n    </section>\n    <section :ref=\"modelTableWrapper\" class=\"model__table--wrapper\">\n      <ele-search-area :ref=\"searchArea\" @search=\"onSearch\" :data-source=\"searchMeta.elements\"></ele-search-area>\n      <ele-button-group :ref=\"buttonGroup\" @click=\"handleClickButtonGroup\" style=\"margin-top: 16px\" :data-source=\"getButtonGroupElements\"></ele-button-group>\n      <ele-table\n        v-on=\"$listeners\"\n        :loading=\"loading\" \n        :columns=\"columns\"\n        :total=\"total\"\n        :actions=\"actions\"\n        :pageSize=\"pageSize\"\n        :pageSizeOptions=\"pageSizeOptions\"\n        :data-source=\"tableData\"\n        @change-page=\"onChangePage\" \n        style=\"margin-top: 8px;\"\n      ></ele-table>\n    </section>\n  </section>\n</template>\n\n<script>\nimport EleTree from '../../tree/src/index.vue'\nimport EleTable from '../../table/src/index.vue'\nimport EleSearchArea from '../../composite-components/search-area/src/index.vue'\nimport EleButtonGroup from '../../composite-components/button-group/src/index.vue'\nimport { type, net } from '@idooel/shared'\nimport { v4 as uuidv4 } from 'uuid'\nexport default {\n  name: 'ele-tree-table-model',\n  components: {\n    EleTree,\n    EleTable,\n    EleSearchArea,\n    EleButtonGroup\n  },\n  props: {\n    treeMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    searchMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    buttonGroupMeta: {\n      typeof: Object,\n      default: () => ({})\n    },\n    tableMeta: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  data () {\n    return {\n      treeData: [],\n      tableData: [],\n      defaultExpandedKeys: [],\n      defaultSelectedKeys: [],\n      replaceFields: {\n        title: 'title',\n        children: 'children',\n        key: 'id'\n      },\n      loading: false,\n      total: 0,\n      tableQuerys: {},\n      resizeObserverModelTableWrapper: null,\n      modelTableWrapperHeight: 0,\n      currentTreeNodeData: {}\n    }\n  },\n  computed: {\n    buttonGroup () {\n      return uuidv4()\n    },\n    searchArea () {\n      return uuidv4()\n    },\n    modelTreeWrapper () {\n      return uuidv4()\n    },\n    modelTableWrapper () {\n      return uuidv4()\n    },\n    actions () {\n      const { operations } = this.tableMeta\n      return operations.elements\n    },\n    pageSize () {\n      const { page = {} } = this.tableMeta\n      return page.pageSize || 10\n    },\n    pageSizeOptions () {\n      const { page = {} } = this.tableMeta\n      return page.pageSizeOptions || ['10', '20', '30', '40']\n    },\n    columns () {\n      const { columns, operations } = this.tableMeta\n      if (type.get(columns) === 'array') {\n        const columnsOptions = columns.map(item => {\n          if (item.render) {\n            return {\n              title: item.title,\n              dataIndex: item.dataIndex,\n              width: item.width,\n              align: item.align,\n              fixed: item.fixed,\n              customRender: (text, record, index) => {\n                const { $createElement } = this\n                return item.render.call(this, { h: $createElement, ctx: this }, typeof text == 'string' ? text : text[item.dataIndex], record, index)\n              }\n            }\n          }\n          return {\n            title: item.title,\n            dataIndex: item.dataIndex,\n            width: item.width,\n            align: item.align,\n            fixed: item.fixed\n          }\n        })\n        if (operations) {\n          return [\n            ...columnsOptions,\n            {\n              title: '操作',\n              width: operations.width,\n              key: 'action',\n              fixed: 'right',\n              scopedSlots: { customRender: 'action' }\n            }\n          ]\n        }\n        return columnsOptions\n      } else {\n        console.error('Error: columns is invalid, please check it')\n        return []\n      }\n    },\n    getButtonGroupElements () {\n      const { elements } = this.buttonGroupMeta\n      if (type.get(elements) === 'function') {\n        return elements.call(this)\n      } else if (type.get(elements) === 'array') {\n        return elements\n      } else {\n        return []\n      }\n    }\n  },\n  async created () {\n    this.treeData = await this.requestTreeData()\n    const [defaultTreeNode = {}] = this.treeData\n    this.defaultExpandedKeys = [defaultTreeNode[this.replaceFields.key]]\n    this.defaultSelectedKeys = [defaultTreeNode[this.replaceFields.key]]\n    const { fieldMap } = this.tableMeta\n    this.currentTreeNodeData = defaultTreeNode\n    this.tableData = await this.requestTableData(this.execTableFieldMap(fieldMap, defaultTreeNode))\n  },\n  methods: {\n    handleClickButtonGroup (props) {\n      const { eventName } = props\n      this.$emit(eventName, { currentTreeNode: this.currentTreeNodeData })\n    },\n    watchViewPort () {\n      const modelTableWrapper = this.$refs[this.modelTableWrapper]\n      console.log(modelTableWrapper.getBoundingClientRect())\n      const { top } = modelTableWrapper.getBoundingClientRect()\n      this.$refs[this.modelTreeWrapper].style.height = `calc(100vh - ${top}px)`\n    },\n    async onSearch (props) {\n      this.tableQuerys = Object.assign(this.tableQuerys, props)\n      this.tableData = await this.requestTableData()\n    },\n    execTableFieldMap (fieldMap = {}, props) {\n      let ret = {}\n      const keys = Object.keys(fieldMap)\n      keys.forEach(key => {\n        const field = fieldMap[key]\n        ret[field] = props[key]\n      })\n      return ret\n    },\n    async selectTreeNode (selectedKeys, e) {\n      const { fieldMap } = this.tableMeta\n      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef\n      const execFieldMapRet = this.execTableFieldMap(fieldMap, e.node.$vnode.data.props.dataRef)\n      this.tableData = await this.requestTableData(execFieldMapRet)\n    },\n    async requestTreeData () {\n      const { url, requestType } = this.treeMeta\n      const ret = await net.get(\n        url\n      ).then(resp => {\n        const { data } = resp || {}\n        return data\n      })\n      return ret\n    },\n    async onChangePage (page, pageSize) {\n      this.tableData = await this.requestTableData({ currentPage: page, pageSize })\n    },\n    async requestTableData (props = {}) {\n      const { url, requestType, page = {} } = this.tableMeta\n      const { pageSize = 10 } = page\n      this.tableQuerys = Object.assign(this.tableQuerys, { currentPage: 1, pageSize }, props)\n      const ret = await net.get(\n        url,\n        this.tableQuerys\n      ).then(resp => {\n        const { data = [], count } = resp || {}\n        this.total = count\n        return data.map(item => {\n          return {\n            key: uuidv4(),\n            ...item\n          }\n        })\n      })\n      return ret\n    },\n    refreshTreeStatus (props = {}) {},\n    refreshTableStatus (props = {}) {},\n    getModelTableWrapperHeight () {},\n    setModelTreeWrapperHeight (height) {\n      this.$refs[this.modelTreeWrapper].style.height = height\n    },\n    setModelTableWrapperHeight () {\n      const { top } = this.$refs[this.modelTableWrapper].getBoundingClientRect()\n      const height = `calc(100vh - ${top}px)`\n      this.$refs[this.modelTableWrapper].style.height = height\n      this.setModelTreeWrapperHeight(height)\n    },\n    getSearchAreaHeight () {\n      return this.$refs[this.searchArea].$el.clientHeight\n    },\n    getButtonGroupHeight () {\n      return this.$refs[this.buttonGroup].$el.clientHeight\n    }\n  },\n  mounted () {\n    //TODO\n    // this.setModelTableWrapperHeight()\n    // this.resizeObserverModelTableWrapper = new ResizeObserver(entries => {\n    //   for (let entry of entries) {\n    //     this.modelTableWrapperHeight = entry.contentRect.height\n    //     console.log('this.modelTableWrapperHeight:', this.modelTableWrapperHeight)\n    //     console.log('getSearchAreaHeight', this.getSearchAreaHeight())\n    //     console.log('getButtonGroupHeight', this.getButtonGroupHeight())\n    //     const tableHeight = this.modelTableWrapperHeight - this.getSearchAreaHeight() - this.getButtonGroupHeight()\n    //     console.log('tableHeight', tableHeight)\n    //   }\n    // })\n    // this.resizeObserverModelTableWrapper.observe(this.$refs[this.modelTableWrapper])\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.model__tree-table {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  .model__tree--wrapper {\n    width: 240px;\n    background: #fff;\n    flex-shrink: 0;\n    padding: 16px;\n    box-sizing: border-box;\n    margin-right: 16px;\n    overflow-y: auto;\n  }\n  .model__table--wrapper {\n    min-width: 0;\n    background: #fff;\n  }\n}\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--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--wrapper {\n  min-width: 0;\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+
+    };
+    /* scoped */
+    const __vue_scope_id__$1 = "data-v-47f01802";
+    /* 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
+    );
+
+  //
+  var script = {
+    name: 'ele-tpl',
+    props: {
+      modelName: {
+        type: String
+      }
+    },
+    components: {
+      [__vue_component__$1.name]: __vue_component__$1
+    },
+    computed: {
+      genModelRef() {
+        return v4();
+      }
+    },
+    methods: {
+      getModel() {
+        return this.$refs[this.genModelRef];
+      }
+    }
+  };
+
+  /* script */
+  const __vue_script__ = script;
+
+  /* template */
+  var __vue_render__ = function () {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _vm.modelName
+      ? _c(
+          _vm.modelName,
+          _vm._g(
+            _vm._b(
+              {
+                ref: _vm.genModelRef,
+                tag: "component",
+                scopedSlots: _vm._u(
+                  [
+                    _vm._l(_vm.$scopedSlots, function (idx, name) {
+                      return {
+                        key: name,
+                        fn: function (data) {
+                          return [_vm._t(name, null, null, data)]
+                        },
+                      }
+                    }),
+                  ],
+                  null,
+                  true
+                ),
+              },
+              "component",
+              _vm.$attrs,
+              false
+            ),
+            _vm.$listeners
+          )
+        )
+      : _c("div", [_vm._v("未正确配置模版")])
+  };
+  var __vue_staticRenderFns__ = [];
+  __vue_render__._withStripped = true;
+
+    /* style */
+    const __vue_inject_styles__ = undefined;
+    /* scoped */
+    const __vue_scope_id__ = undefined;
+    /* module identifier */
+    const __vue_module_identifier__ = undefined;
+    /* functional template */
+    const __vue_is_functional_template__ = false;
+    /* style inject */
+    
+    /* 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,
+      undefined,
+      undefined,
+      undefined
+    );
+
+  __vue_component__.install = Vue => Vue.component(__vue_component__.name, __vue_component__);
+
+  __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);
+
+  __vue_component__$1.install = Vue => Vue.component(__vue_component__$1.name, __vue_component__$1);
+
+  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 install = Vue => {
+    if (install.installed) return;
+    install.installed = true;
+    components.forEach(component => {
+      Vue.component(component.name, component);
+    });
+  };
+
+  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.EleTree = __vue_component__$5;
+  exports["default"] = install;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));