@idooel/components 0.0.1-beta.95 → 0.0.1-beta.96

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

@@ -2,1412 +2,1405 @@ import moment from 'moment';
 import { type, net, route, util } from '@idooel/shared';
 import FileUpload from 'vue-upload-component';
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-var script$H = {
-  name: 'ele-button',
-  props: {
-    record: {
-      type: Object
-    },
-    eventName: {
-      type: String
-    },
-    mode: {
-      type: String
-    },
-    dataSource: {
-      type: Array,
-      default: () => []
-    },
-    type: {
-      type: String,
-      default: 'default'
-    },
-    icon: {
-      type: String
-    }
-  },
-  methods: {
-    handleMenuClick(props) {
-      const {
-        key
-      } = props;
-      const currentClickTarget = this.dataSource.find(item => item.value === key);
-      const {
-        eventName
-      } = currentClickTarget;
-      eventName && this.$emit(eventName, {
-        ...currentClickTarget
-      });
-    },
-    handleClick() {
-      this.$emit(this.eventName || 'click', {
-        ...this.record
-      });
-    }
-  }
+const ESCAPE = {
+  "n": "\n",
+  "f": "\f",
+  "r": "\r",
+  "t": "	",
+  "v": "\v"
 };
-
-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__$H = script$H;
-
-/* template */
-var __vue_render__$H = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _vm.mode == "dropdown"
-    ? _c(
-        "a-dropdown",
-        [
-          _c(
-            "a-menu",
-            {
-              attrs: { slot: "overlay" },
-              on: { click: _vm.handleMenuClick },
-              slot: "overlay",
-            },
-            _vm._l(_vm.dataSource, function (opt) {
-              return _c("a-menu-item", { key: opt.value }, [
-                _vm._v("\n      " + _vm._s(opt.label) + "\n    "),
-              ])
-            }),
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "a-button",
-            { attrs: { type: _vm.type } },
-            [
-              _vm._t("default"),
-              _vm._v(" "),
-              _c("a-icon", { attrs: { type: _vm.icon } }),
-            ],
-            2
-          ),
-        ],
-        1
-      )
-    : _c(
-        "a-button",
-        {
-          attrs: { type: _vm.type, icon: _vm.icon },
-          on: { click: _vm.handleClick },
-        },
-        [_vm._t("default")],
-        2
-      )
+const CONSTANTS = {
+  "null": data => null,
+  "true": data => true,
+  "false": data => false,
+  "undefined": data => void 0
 };
-var __vue_staticRenderFns__$H = [];
-__vue_render__$H._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__$H = undefined;
-  /* scoped */
-  const __vue_scope_id__$H = undefined;
-  /* module identifier */
-  const __vue_module_identifier__$H = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$H = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$H = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$H, staticRenderFns: __vue_staticRenderFns__$H },
-    __vue_inject_styles__$H,
-    __vue_script__$H,
-    __vue_scope_id__$H,
-    __vue_is_functional_template__$H,
-    __vue_module_identifier__$H,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-__vue_component__$H.install = Vue => Vue.component(__vue_component__$H.name, __vue_component__$H);
-
-//
-var script$G = {
-  name: 'ele-date',
-  model: {
-    prop: 'value',
-    event: 'change'
-  },
-  props: {
-    value: {
-      type: [String, Object]
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    format: {
-      type: String,
-      default: 'YYYY/MM/DD'
-    },
-    mode: {
-      type: String
-    },
-    valueFormat: {
-      type: String
-    },
-    showTime: {
-      type: [Boolean, Object],
-      default: true
-    },
-    showToday: {
-      type: Boolean,
-      default: true
-    },
-    placeholder: {
-      type: String,
-      default: '请选择日期'
+const OPERATORS = {
+  "+": (data, a, b) => a(data) + b(data),
+  "-": (data, a, b) => a(data) - b(data),
+  "*": (data, a, b) => a(data) * b(data),
+  "/": (data, a, b) => a(data) / b(data),
+  "%": (data, a, b) => a(data) % b(data),
+  "===": (data, a, b) => a(data) === b(data),
+  "!==": (data, a, b) => a(data) !== b(data),
+  "==": (data, a, b) => a(data) == b(data),
+  "!=": (data, a, b) => a(data) != b(data),
+  "<": (data, a, b) => a(data) < b(data),
+  ">": (data, a, b) => a(data) > b(data),
+  "<=": (data, a, b) => a(data) <= b(data),
+  ">=": (data, a, b) => a(data) >= b(data),
+  "&&": (data, a, b) => a(data) && b(data),
+  "||": (data, a, b) => a(data) || b(data),
+  "!": (data, a) => !a(data)
+};
+function isNumber$1(char) {
+  return char >= "0" && char <= "9" && typeof char === "string";
+}
+function isExpOperator(char) {
+  return char === "-" || char === "+" || isNumber$1(char);
+}
+function isIdent(char) {
+  return char >= "a" && char <= "z" || char >= "A" && char <= "Z" || char === "_" || char === "$";
+}
+class Expression {
+  constructor(content) {
+    if (!content) throw new Error("invalid expression");
+    this.content = content;
+  }
+  lex() {
+    let content = this.content;
+    let length = content.length;
+    let index = 0;
+    let tokens = [];
+    while (index < length) {
+      let char = content.charAt(index);
+      if (char === '"' || char === "'") {
+        let start = ++index;
+        let escape = false;
+        let value = "";
+        let token;
+        while (index < length) {
+          let c = content.charAt(index);
+          if (escape) {
+            if (c === "u") {
+              let hex = content.substring(index + 1, index + 5);
+              if (!hex.match(/[\da-f]{4}/i)) {
+                throw new Error(`invalid expression: ${content}, invalid unicode escape [\\u${hex}]`);
+              }
+              index += 4;
+              value += String.fromCharCode(parseInt(hex, 16));
+            } else {
+              let rep = ESCAPE[c];
+              value = value + (rep || c);
+            }
+            escape = false;
+          } else if (c === "\\") {
+            escape = true;
+          } else if (c === char) {
+            index++;
+            token = {
+              index: start,
+              constant: true,
+              text: char + value + char,
+              value
+            };
+            break;
+          } else {
+            value += c;
+          }
+          index++;
+        }
+        if (!token) {
+          throw new Error(`invalid expression: ${content}`);
+        } else {
+          tokens.push(token);
+        }
+      } else if (isNumber$1(char) || char === "." && isNumber$1(content.charAt(index + 1))) {
+        let start = index;
+        let value = "";
+        while (index < length) {
+          let c = content.charAt(index).toLowerCase();
+          if (c === "." || isNumber$1(c)) {
+            value += c;
+          } else {
+            let c2 = content.charAt(index + 1);
+            if (c === "e" && isExpOperator(c2)) {
+              value += c;
+            } else if (isExpOperator(c) && c2 && isNumber$1(c2) && value.charAt(value.length - 1) === "e") {
+              value += c;
+            } else if (isExpOperator(c) && (!c2 || !isNumber$1(c2)) && value.charAt(value.length - 1) == "e") {
+              throw new Error(`invalid expression: ${content}`);
+            } else {
+              break;
+            }
+          }
+          index++;
+        }
+        tokens.push({
+          index: start,
+          constant: true,
+          text: value,
+          value: Number(value)
+        });
+      } else if (isIdent(char)) {
+        let start = index;
+        while (index < length) {
+          let c = content.charAt(index);
+          if (!(isIdent(c) || isNumber$1(c))) {
+            break;
+          }
+          index++;
+        }
+        tokens.push({
+          index: start,
+          text: content.slice(start, index),
+          identifier: true
+        });
+      } else if ("(){}[].,:?".indexOf(char) >= 0) {
+        tokens.push({
+          index,
+          text: char
+        });
+        index++;
+      } else if (char === " " || char === "\r" || char === "	" || char === "\n" || char === "\v" || char === "\xA0") {
+        index++;
+      } else {
+        let char2 = char + content.charAt(index + 1);
+        let char3 = char2 + content.charAt(index + 2);
+        let op1 = OPERATORS[char];
+        let op2 = OPERATORS[char2];
+        let op3 = OPERATORS[char3];
+        if (op1 || op2 || op3) {
+          let text = op3 ? char3 : op2 ? char2 : char;
+          tokens.push({
+            index,
+            text,
+            operator: true
+          });
+          index += text.length;
+        } else {
+          throw new Error(`invalid expression: ${content}`);
+        }
+      }
     }
-  },
-  data() {
-    return {
-      open: false
-    };
-  },
-  computed: {
-    innerValueFormat() {
-      if (this.valueFormat) return this.valueFormat;
-      return this.format;
-    },
-    modeValue() {
-      if (this.mode) return this.mode;
-      if (this.format === 'YYYY') return 'year';
-      return 'date';
+    this.tokens = tokens;
+    return tokens;
+  }
+  parse() {
+    let tokens = this.lex();
+    let func;
+    let token = tokens[0];
+    let text = token.text;
+    if (tokens.length > 0 && text !== "}" && text !== ")" && text !== "]") {
+      func = this.expression();
     }
-  },
-  methods: {
-    onChange(_, dataString) {
-      this.$emit('input', dataString);
-      this.$emit('change', dataString);
-    },
-    onPanelChange(value, mode) {
-      if (this.modeValue !== 'year') return;
-      this.$emit('input', moment(value).format(this.format));
-      this.$emit('change', moment(value).format(this.format));
-      this.open = false;
-    },
-    openChange(open) {
-      this.open = open;
+    return data => func && func(data);
+  }
+  expect(text) {
+    let tokens = this.tokens;
+    let token = tokens[0];
+    if (!text || text === (token && token.text)) {
+      return tokens.shift();
     }
   }
-};
-
-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__$G = script$G;
-
-/* template */
-var __vue_render__$G = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(
-    "div",
-    { staticClass: "ele-date__wrapper" },
-    [
-      _vm.modeValue == "year"
-        ? _c("a-date-picker", {
-            staticStyle: { width: "100%" },
-            attrs: {
-              mode: _vm.modeValue,
-              open: _vm.open,
-              disabled: _vm.disabled,
-              value: _vm.value,
-              placeholder: _vm.placeholder,
-              "show-time": _vm.showTime,
-              "show-today": _vm.showToday,
-              valueFormat: _vm.innerValueFormat,
-              format: _vm.format,
-            },
-            on: {
-              panelChange: _vm.onPanelChange,
-              openChange: _vm.openChange,
-              change: _vm.onChange,
-            },
-          })
-        : _c("a-date-picker", {
-            staticStyle: { width: "100%" },
-            attrs: {
-              placeholder: _vm.placeholder,
-              open: _vm.open,
-              disabled: _vm.disabled,
-              value: _vm.value,
-              "show-time": _vm.showTime,
-              "show-today": _vm.showToday,
-              valueFormat: _vm.innerValueFormat,
-              format: _vm.format,
-            },
-            on: {
-              panelChange: _vm.onPanelChange,
-              openChange: _vm.openChange,
-              change: _vm.onChange,
-            },
-          }),
-    ],
-    1
-  )
-};
-var __vue_staticRenderFns__$G = [];
-__vue_render__$G._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__$G = function (inject) {
-    if (!inject) return
-    inject("data-v-7716ba90_0", { source: ".ele-date__wrapper[data-v-7716ba90] {\n  width: 100%;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/date/src/index.vue","index.vue"],"names":[],"mappings":"AA6GA;EACA,WAAA;AC5GA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"ele-date__wrapper\">\n    <a-date-picker \n      style=\"width: 100%;\" \n      :mode=\"modeValue\"\n      v-if=\"modeValue == 'year'\"\n      :open=\"open\"\n      :disabled=\"disabled\"\n      :value=\"value\"\n      :placeholder=\"placeholder\"\n      :show-time=\"showTime\"\n      :show-today=\"showToday\"\n      :valueFormat=\"innerValueFormat\"\n      @panelChange=\"onPanelChange\"\n      @openChange=\"openChange\"\n      @change=\"onChange\"\n      :format=\"format\">\n    </a-date-picker>\n    <a-date-picker \n      v-else\n      style=\"width: 100%;\"\n      :placeholder=\"placeholder\"\n      :open=\"open\"\n      :disabled=\"disabled\"\n      :value=\"value\"\n      :show-time=\"showTime\"\n      :show-today=\"showToday\"\n      :valueFormat=\"innerValueFormat\"\n      @panelChange=\"onPanelChange\"\n      @openChange=\"openChange\"\n      @change=\"onChange\"\n      :format=\"format\">\n    </a-date-picker>\n  </div>\n</template>\n\n<script>\nimport moment from 'moment'\nexport default {\n  name: 'ele-date',\n  model: {\n    prop: 'value',\n    event: 'change'\n  },\n  props: {\n    value: {\n      type: [String, Object]\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    format: {\n      type: String,\n      default: 'YYYY/MM/DD'\n    },\n    mode: {\n      type: String\n    },\n    valueFormat: {\n      type: String\n    },\n    showTime: {\n      type: [Boolean, Object],\n      default: true\n    },\n    showToday: {\n      type: Boolean,\n      default: true\n    },\n    placeholder: {\n      type: String,\n      default: '请选择日期'\n    }\n  },\n  data () {\n    return {\n      open: false\n    }\n  },\n  computed: {\n    innerValueFormat () {\n      if (this.valueFormat) return this.valueFormat\n      return this.format\n    },\n    modeValue () {\n      if (this.mode) return this.mode\n      if (this.format === 'YYYY') return 'year'\n      return 'date'\n    }\n  },\n  methods: {\n    onChange (_, dataString) {\n      this.$emit('input', dataString)\n      this.$emit('change', dataString)\n    },\n    onPanelChange (value, mode) {\n      if (this.modeValue !== 'year') return\n      this.$emit('input', moment(value).format(this.format))\n      this.$emit('change', moment(value).format(this.format))\n      this.open = false\n    },\n    openChange (open) {\n      this.open = open\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.ele-date__wrapper {\n  width: 100%;\n}\n</style>",".ele-date__wrapper {\n  width: 100%;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__$G = "data-v-7716ba90";
-  /* module identifier */
-  const __vue_module_identifier__$G = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$G = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$G = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$G, staticRenderFns: __vue_staticRenderFns__$G },
-    __vue_inject_styles__$G,
-    __vue_script__$G,
-    __vue_scope_id__$G,
-    __vue_is_functional_template__$G,
-    __vue_module_identifier__$G,
-    false,
-    createInjector,
-    undefined,
-    undefined
-  );
-
-__vue_component__$G.install = Vue => Vue.component(__vue_component__$G.name, __vue_component__$G);
-
-//
-//
-//
-//
-
-var script$F = {
-  name: 'ele-input',
-  model: {
-    prop: 'value',
-    event: 'change'
-  },
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    maxLength: {
-      type: Number,
-      default: 125
-    },
-    value: {
-      type: String
+  consume(text) {
+    if (!this.tokens.length) throw new Error(`parse expression error: ${this.content}`);
+    let token = this.expect(text);
+    if (!token) throw new Error(`parse expression error: ${this.content}`);
+    return token;
+  }
+  expression() {
+    return this.ternary();
+  }
+  ternary() {
+    let left = this.logicalOR();
+    if (this.expect("?")) {
+      let middle = this.expression();
+      this.consume(":");
+      let right = this.expression();
+      return data => left(data) ? middle(data) : right(data);
     }
-  },
-  methods: {
-    onChange(e) {
-      this.$emit('change', e.target.value);
-      this.$emit('input', e.target.value);
+    return left;
+  }
+  binary(left, op, right) {
+    let fn = OPERATORS[op];
+    return data => fn(data, left, right);
+  }
+  unary() {
+    let token;
+    if (this.expect("+")) {
+      return this.primary();
+    } else if (token = this.expect("-")) {
+      return this.binary(data => 0, token.text, this.unary());
+    } else if (token = this.expect("!")) {
+      let fn = OPERATORS[token.text];
+      let right = this.unary();
+      return data => fn(data, right);
+    } else {
+      return this.primary();
     }
   }
-};
-
-/* script */
-const __vue_script__$F = script$F;
-
-/* template */
-var __vue_render__$F = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("a-input", {
-    attrs: {
-      value: _vm.value,
-      disabled: _vm.disabled,
-      "max-length": _vm.maxLength,
-    },
-    on: { change: _vm.onChange },
-  })
-};
-var __vue_staticRenderFns__$F = [];
-__vue_render__$F._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__$F = function (inject) {
-    if (!inject) return
-    inject("data-v-c04139c8_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"index.vue"}, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__$F = "data-v-c04139c8";
-  /* module identifier */
-  const __vue_module_identifier__$F = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$F = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$F = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$F, staticRenderFns: __vue_staticRenderFns__$F },
-    __vue_inject_styles__$F,
-    __vue_script__$F,
-    __vue_scope_id__$F,
-    __vue_is_functional_template__$F,
-    __vue_module_identifier__$F,
-    false,
-    createInjector,
-    undefined,
-    undefined
-  );
-
-__vue_component__$F.install = Vue => Vue.component(__vue_component__$F.name, __vue_component__$F);
-
-//
-var script$E = {
-  name: 'ele-select',
-  props: {
-    init: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    value: {
-      type: [String, Array, Number]
-    },
-    defaultValue: {
-      type: [String, Array, Number]
-    },
-    dataSource: {
-      type: Array,
-      default: () => []
-    },
-    url: {
-      type: String,
-      default: 'api-basic/workbench/dicttype/enum/selectList'
-    },
-    code: {
-      type: String
-    },
-    params: {
-      type: Object,
-      default: () => ({})
-    },
-    mode: {
-      type: String
-    },
-    multiple: {
-      type: Boolean,
-      default: false
+  logicalOR() {
+    let left = this.logicalAND();
+    let token;
+    while (token = this.expect("||")) {
+      left = this.binary(left, token.text, this.logicalAND());
     }
-  },
-  data() {
-    return {
-      innerDataSource: []
-    };
-  },
-  computed: {
-    isInitRequest() {
-      if (this.init) {
-        return true;
-      }
-      if (this.code || !type.isEmpty(this.params)) {
-        return true;
-      }
-      return false;
-    },
-    getMode() {
-      if (this.multiple) {
-        return 'multiple';
-      }
-      return this.mode;
+    return left;
+  }
+  logicalAND() {
+    let left = this.equality();
+    let token;
+    while (token = this.expect("&&")) {
+      left = this.binary(left, token.text, this.equality());
     }
-  },
-  watch: {
-    dataSource: {
-      handler(dataSource) {
-        this.innerDataSource = dataSource;
-      },
-      immediate: true
+    return left;
+  }
+  equality() {
+    let left = this.relational();
+    let token;
+    while (token = this.expect("==") || this.expect("!=") || this.expect("===") || this.expect("!==")) {
+      left = this.binary(left, token.text, this.relational());
     }
-  },
-  created() {
-    this.isInitRequest && this.fetchDataSourceByUrl();
-  },
-  methods: {
-    fetchDataSourceByUrl() {
-      net.get(this.url, {
-        code: this.code,
-        ...this.params
-      }).then(resp => {
-        const {
-          data
-        } = resp;
-        this.innerDataSource = data.map(item => {
-          return {
-            label: item.name,
-            value: item.code
-          };
-        });
-      });
-    },
-    onChange(value) {
-      this.$emit('change', value);
-      this.$emit('input', value);
+    return left;
+  }
+  relational() {
+    let left = this.additive();
+    let token;
+    while (token = this.expect("<") || this.expect(">") || this.expect("<=") || this.expect(">=")) {
+      left = this.binary(left, token.text, this.additive());
+    }
+    return left;
+  }
+  additive() {
+    let left = this.multiplicative();
+    let token;
+    while (token = this.expect("+") || this.expect("-")) {
+      left = this.binary(left, token.text, this.multiplicative());
+    }
+    return left;
+  }
+  multiplicative() {
+    let left = this.unary();
+    let token;
+    while (token = this.expect("*") || this.expect("/") || this.expect("%")) {
+      left = this.binary(left, token.text, this.unary());
+    }
+    return left;
+  }
+  primary() {
+    let token = this.tokens[0];
+    let primary;
+    if (this.expect("(")) {
+      primary = this.expression();
+      this.consume(")");
+    } else if (this.expect("[")) {
+      primary = this.array();
+    } else if (this.expect("{")) {
+      primary = this.object();
+    } else if (token.identifier && token.text in CONSTANTS) {
+      primary = CONSTANTS[this.consume().text];
+    } else if (token.identifier) {
+      primary = this.identifier();
+    } else if (token.constant) {
+      primary = this.constant();
+    } else {
+      throw new Error(`parse expression error: ${this.content}`);
+    }
+    let next;
+    let context;
+    while (next = this.expect("(") || this.expect("[") || this.expect(".")) {
+      if (next.text === "(") {
+        primary = this.functionCall(primary, context);
+        context = null;
+      } else if (next.text === "[") {
+        context = primary;
+        primary = this.objectIndex(primary);
+      } else {
+        context = primary;
+        primary = this.fieldAccess(primary);
+      }
+    }
+    return primary;
+  }
+  fieldAccess(object) {
+    let getter = this.identifier();
+    return data => {
+      let o = object(data);
+      return o && getter(o);
+    };
+  }
+  objectIndex(object) {
+    let indexFn = this.expression();
+    this.consume("]");
+    return data => {
+      let o = object(data);
+      let key = indexFn(data) + "";
+      return o && o[key];
+    };
+  }
+  functionCall(func, context) {
+    let args = [];
+    if (this.tokens[0].text !== ")") {
+      do {
+        args.push(this.expression());
+      } while (this.expect(","));
     }
+    this.consume(")");
+    return data => {
+      let callContext = context && context(data);
+      let fn = func(data, callContext);
+      return fn && fn.apply(callContext, args.length ? args.map(arg => arg(data)) : null);
+    };
   }
-};
-
-/* script */
-const __vue_script__$E = script$E;
-
-/* template */
-var __vue_render__$E = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(
-    "a-select",
-    {
-      staticStyle: { width: "100%" },
-      attrs: { disabled: _vm.disabled, mode: _vm.getMode, value: _vm.value },
-      on: { change: _vm.onChange },
-    },
-    _vm._l(_vm.innerDataSource, 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__$E = [];
-__vue_render__$E._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__$E = function (inject) {
-    if (!inject) return
-    inject("data-v-dd210296_0", { source: "\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":";;AAEA,oCAAoC","file":"index.vue"}, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__$E = "data-v-dd210296";
-  /* module identifier */
-  const __vue_module_identifier__$E = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$E = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$E = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$E, staticRenderFns: __vue_staticRenderFns__$E },
-    __vue_inject_styles__$E,
-    __vue_script__$E,
-    __vue_scope_id__$E,
-    __vue_is_functional_template__$E,
-    __vue_module_identifier__$E,
-    false,
-    createInjector,
-    undefined,
-    undefined
-  );
-
-__vue_component__$E.install = Vue => Vue.component(__vue_component__$E.name, __vue_component__$E);
-
-// 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');
+  array() {
+    let elements = [];
+    let token = this.tokens[0];
+    if (token.text !== "]") {
+      do {
+        if (this.tokens[0].text === "]") break;
+        elements.push(this.expression());
+      } while (this.expect(","));
     }
+    this.consume("]");
+    return data => elements.map(element => element(data));
   }
-
-  return getRandomValues(rnds8);
-}
-
-var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
-
-function validate(uuid) {
-  return typeof uuid === 'string' && REGEX.test(uuid);
-}
-
-/**
- * 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]];
-}
-
-function parse$1(uuid) {
-  if (!validate(uuid)) {
-    throw TypeError('Invalid UUID');
+  object() {
+    let keys = [];
+    let values = [];
+    let token = this.tokens[0];
+    if (token.text !== "}") {
+      do {
+        token = this.tokens[0];
+        if (token.text === "}") break;
+        token = this.consume();
+        if (token.constant) {
+          keys.push(token.value);
+        } else if (token.identifier) {
+          keys.push(token.text);
+        } else {
+          throw new Error(`parse expression error: ${this.content}`);
+        }
+        this.consume(":");
+        values.push(this.expression());
+      } while (this.expect(","));
+    }
+    this.consume("}");
+    return data => {
+      let object = {};
+      for (let i = 0, length = values.length; i < length; i++) {
+        object[keys[i]] = values[i](data);
+      }
+      return object;
+    };
   }
-
-  let v;
-  const arr = new Uint8Array(16); // Parse ########-....-....-....-............
-
-  arr[0] = (v = parseInt(uuid.slice(0, 8), 16)) >>> 24;
-  arr[1] = v >>> 16 & 0xff;
-  arr[2] = v >>> 8 & 0xff;
-  arr[3] = v & 0xff; // Parse ........-####-....-....-............
-
-  arr[4] = (v = parseInt(uuid.slice(9, 13), 16)) >>> 8;
-  arr[5] = v & 0xff; // Parse ........-....-####-....-............
-
-  arr[6] = (v = parseInt(uuid.slice(14, 18), 16)) >>> 8;
-  arr[7] = v & 0xff; // Parse ........-....-....-####-............
-
-  arr[8] = (v = parseInt(uuid.slice(19, 23), 16)) >>> 8;
-  arr[9] = v & 0xff; // Parse ........-....-....-....-############
-  // (Use "/" to avoid 32-bit truncation when bit-shifting high-order bytes)
-
-  arr[10] = (v = parseInt(uuid.slice(24, 36), 16)) / 0x10000000000 & 0xff;
-  arr[11] = v / 0x100000000 & 0xff;
-  arr[12] = v >>> 24 & 0xff;
-  arr[13] = v >>> 16 & 0xff;
-  arr[14] = v >>> 8 & 0xff;
-  arr[15] = v & 0xff;
-  return arr;
-}
-
-function stringToBytes(str) {
-  str = unescape(encodeURIComponent(str)); // UTF8 escape
-
-  const bytes = [];
-
-  for (let i = 0; i < str.length; ++i) {
-    bytes.push(str.charCodeAt(i));
+  identifier() {
+    let id = this.consume().text;
+    let token = this.tokens[0];
+    let token2 = this.tokens[1];
+    let token3 = this.tokens[2];
+    while (token && token.text === "." && token2 && token2.identifier && token3 && token3.text !== "(") {
+      id += this.consume().text + this.consume().text;
+      token = this.tokens[0];
+      token2 = this.tokens[1];
+      token3 = this.tokens[2];
+    }
+    return data => {
+      let elements = id.split(".");
+      let key;
+      for (let i = 0; elements.length > 1; i++) {
+        key = elements.shift();
+        data = data[key];
+        if (!data) break;
+      }
+      key = elements.shift();
+      return data && data[key];
+    };
+  }
+  constant() {
+    let value = this.consume().value;
+    return data => value;
   }
-
-  return bytes;
 }
+const parse$1 = (expression, props = {}) => {
+  if (!expression) throw new Error("expression is required");
+  const execParse = new Expression(expression).parse();
+  return execParse(props);
+};
 
-const DNS = '6ba7b810-9dad-11d1-80b4-00c04fd430c8';
-const URL = '6ba7b811-9dad-11d1-80b4-00c04fd430c8';
-function v35(name, version, hashfunc) {
-  function generateUUID(value, namespace, buf, offset) {
-    var _namespace;
+const CONTEXT = '__idooel__ele__context__';
+const AREA_NAMES = {
+  BUTTON_GROUP: 'BUTTON_GROUP'
+};
+const BUILT_IN_EVENT_NAMES = {
+  SUBMIT: 'submit',
+  CANCEL: 'cancel',
+  INCREASE: 'increase',
+  DELETE: 'delete',
+  NEXT: 'next',
+  PREVIOUS: 'previous',
+  // create, edit, view are reserved for table cru in the current version
+  CREATE: 'create',
+  EDIT: 'edit',
+  VIEW: 'view'
+};
+const BUILT_IN_METHODS_NAMES = {
+  CLOSE_MODAL: 'closeModal',
+  SUBMIT_FORM: 'submitForm',
+  //TODO: not use
+  REFRESH_TABLE: 'refreshTable',
+  CLEAN_EFFECT: 'cleanEffect'
+};
+const BUILT_IN_TRIGGER = {
+  // default it's not a trigger
+  TEXT: 'text',
+  //状态机触发器
+  FSM: 'fsm',
+  ELE_MODAL_FORM: 'ele-modal-form',
+  ELE_MODAL_TABLE: 'ele-modal-table'
+};
+const PAGE_STATUS = {
+  CREATE: 'create',
+  //TODO implement edit and view
+  EDIT: 'edit',
+  VIEW: 'view'
+};
+const RESERVE_EVENT_NAMES = {
+  //global event
+  INIT: 'init',
+  WATCH: 'watch',
+  //form event
+  WATCH_FORM_STATUS: 'watch-form-status',
+  INIT_FORM: 'init-form',
+  //table event
+  SEARCH: 'search',
+  TREE_CHANGE: 'tree-change'
+};
+const parseFieldMap = (fieldMap = {}, dataSource = {}) => {
+  let ret = {};
+  Object.keys(fieldMap).forEach(key => {
+    ret[fieldMap[key]] = parse$1(key, dataSource);
+  });
+  return ret;
+};
 
-    if (typeof value === 'string') {
-      value = stringToBytes(value);
+//
+var script$H = {
+  name: 'ele-button',
+  props: {
+    record: {
+      type: Object
+    },
+    eventName: {
+      type: String
+    },
+    mode: {
+      type: String
+    },
+    dataSource: {
+      type: Array,
+      default: () => []
+    },
+    type: {
+      type: String,
+      default: 'default'
+    },
+    icon: {
+      type: String
     }
-
-    if (typeof namespace === 'string') {
-      namespace = parse$1(namespace);
+  },
+  inject: {
+    [CONTEXT]: {
+      default: () => () => ({})
     }
-
-    if (((_namespace = namespace) === null || _namespace === void 0 ? void 0 : _namespace.length) !== 16) {
-      throw TypeError('Namespace must be array-like (16 iterable integer values, 0-255)');
-    } // Compute hash of namespace and value, Per 4.3
-    // Future: Use spread syntax when supported on all platforms, e.g. `bytes =
-    // hashfunc([...namespace, ... value])`
-
-
-    let bytes = new Uint8Array(16 + value.length);
-    bytes.set(namespace);
-    bytes.set(value, namespace.length);
-    bytes = hashfunc(bytes);
-    bytes[6] = bytes[6] & 0x0f | version;
-    bytes[8] = bytes[8] & 0x3f | 0x80;
-
-    if (buf) {
-      offset = offset || 0;
-
-      for (let i = 0; i < 16; ++i) {
-        buf[offset + i] = bytes[i];
-      }
-
-      return buf;
+  },
+  computed: {
+    callContext() {
+      return this[CONTEXT].call(this);
     }
+  },
+  methods: {
+    handleMenuClick(props) {
+      const {
+        key
+      } = props;
+      const currentClickTarget = this.dataSource.find(item => item.value === key);
+      const {
+        eventName
+      } = currentClickTarget;
+      eventName && this.$emit(eventName, {
+        ...currentClickTarget
+      });
+    },
+    handleClick() {
+      this.$emit(this.eventName || 'click', {
+        ...this.record
+      });
+    }
+  }
+};
 
-    return unsafeStringify(bytes);
-  } // Function#name is not settable on some platforms (#270)
-
-
-  try {
-    generateUUID.name = name; // eslint-disable-next-line no-empty
-  } catch (err) {} // For CommonJS default export support
-
-
-  generateUUID.DNS = DNS;
-  generateUUID.URL = URL;
-  return generateUUID;
+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;
 }
 
-const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-var native = {
-  randomUUID
-};
+/* script */
+const __vue_script__$H = script$H;
 
-function v4(options, buf, offset) {
-  if (native.randomUUID && !buf && !options) {
-    return native.randomUUID();
-  }
+/* template */
+var __vue_render__$H = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _vm.mode == "dropdown"
+    ? _c(
+        "a-dropdown",
+        [
+          _c(
+            "a-menu",
+            {
+              attrs: { slot: "overlay" },
+              on: { click: _vm.handleMenuClick },
+              slot: "overlay",
+            },
+            _vm._l(_vm.dataSource, function (opt) {
+              return _c("a-menu-item", { key: opt.value }, [
+                _vm._v("\n      " + _vm._s(opt.label) + "\n    "),
+              ])
+            }),
+            1
+          ),
+          _vm._v(" "),
+          _c(
+            "a-button",
+            { attrs: { type: _vm.type } },
+            [
+              _vm._t("default"),
+              _vm._v(" "),
+              _c("a-icon", { attrs: { type: _vm.icon } }),
+            ],
+            2
+          ),
+        ],
+        1
+      )
+    : _c(
+        "a-button",
+        {
+          attrs: { type: _vm.type, icon: _vm.icon },
+          on: { click: _vm.handleClick },
+        },
+        [_vm._t("default")],
+        2
+      )
+};
+var __vue_staticRenderFns__$H = [];
+__vue_render__$H._withStripped = true;
 
-  options = options || {};
-  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+  /* style */
+  const __vue_inject_styles__$H = undefined;
+  /* scoped */
+  const __vue_scope_id__$H = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$H = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$H = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
 
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+  
+  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,
+    undefined,
+    undefined,
+    undefined
+  );
 
-  if (buf) {
-    offset = offset || 0;
+__vue_component__$H.install = Vue => Vue.component(__vue_component__$H.name, __vue_component__$H);
 
-    for (let i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
+//
+var script$G = {
+  name: 'ele-date',
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  props: {
+    value: {
+      type: [String, Object]
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    format: {
+      type: String,
+      default: 'YYYY/MM/DD'
+    },
+    mode: {
+      type: String
+    },
+    valueFormat: {
+      type: String
+    },
+    showTime: {
+      type: [Boolean, Object],
+      default: true
+    },
+    showToday: {
+      type: Boolean,
+      default: true
+    },
+    placeholder: {
+      type: String,
+      default: '请选择日期'
     }
-
-    return buf;
-  }
-
-  return unsafeStringify(rnds);
-}
-
-// Adapted from Chris Veness' SHA1 code at
-// http://www.movable-type.co.uk/scripts/sha1.html
-function f(s, x, y, z) {
-  switch (s) {
-    case 0:
-      return x & y ^ ~x & z;
-
-    case 1:
-      return x ^ y ^ z;
-
-    case 2:
-      return x & y ^ x & z ^ y & z;
-
-    case 3:
-      return x ^ y ^ z;
-  }
-}
-
-function ROTL(x, n) {
-  return x << n | x >>> 32 - n;
-}
-
-function sha1(bytes) {
-  const K = [0x5a827999, 0x6ed9eba1, 0x8f1bbcdc, 0xca62c1d6];
-  const H = [0x67452301, 0xefcdab89, 0x98badcfe, 0x10325476, 0xc3d2e1f0];
-
-  if (typeof bytes === 'string') {
-    const msg = unescape(encodeURIComponent(bytes)); // UTF8 escape
-
-    bytes = [];
-
-    for (let i = 0; i < msg.length; ++i) {
-      bytes.push(msg.charCodeAt(i));
+  },
+  data() {
+    return {
+      open: false
+    };
+  },
+  computed: {
+    innerValueFormat() {
+      if (this.valueFormat) return this.valueFormat;
+      return this.format;
+    },
+    modeValue() {
+      if (this.mode) return this.mode;
+      if (this.format === 'YYYY') return 'year';
+      return 'date';
     }
-  } else if (!Array.isArray(bytes)) {
-    // Convert Array-like to Array
-    bytes = Array.prototype.slice.call(bytes);
-  }
-
-  bytes.push(0x80);
-  const l = bytes.length / 4 + 2;
-  const N = Math.ceil(l / 16);
-  const M = new Array(N);
-
-  for (let i = 0; i < N; ++i) {
-    const arr = new Uint32Array(16);
-
-    for (let j = 0; j < 16; ++j) {
-      arr[j] = bytes[i * 64 + j * 4] << 24 | bytes[i * 64 + j * 4 + 1] << 16 | bytes[i * 64 + j * 4 + 2] << 8 | bytes[i * 64 + j * 4 + 3];
+  },
+  methods: {
+    onChange(_, dataString) {
+      this.$emit('input', dataString);
+      this.$emit('change', dataString);
+    },
+    onPanelChange(value, mode) {
+      if (this.modeValue !== 'year') return;
+      this.$emit('input', moment(value).format(this.format));
+      this.$emit('change', moment(value).format(this.format));
+      this.open = false;
+    },
+    openChange(open) {
+      this.open = open;
     }
-
-    M[i] = arr;
   }
+};
 
-  M[N - 1][14] = (bytes.length - 1) * 8 / Math.pow(2, 32);
-  M[N - 1][14] = Math.floor(M[N - 1][14]);
-  M[N - 1][15] = (bytes.length - 1) * 8 & 0xffffffff;
-
-  for (let i = 0; i < N; ++i) {
-    const W = new Uint32Array(80);
+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);
+        }
+    }
+}
 
-    for (let t = 0; t < 16; ++t) {
-      W[t] = M[i][t];
-    }
+/* script */
+const __vue_script__$G = script$G;
 
-    for (let t = 16; t < 80; ++t) {
-      W[t] = ROTL(W[t - 3] ^ W[t - 8] ^ W[t - 14] ^ W[t - 16], 1);
-    }
+/* template */
+var __vue_render__$G = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "div",
+    { staticClass: "ele-date__wrapper" },
+    [
+      _vm.modeValue == "year"
+        ? _c("a-date-picker", {
+            staticStyle: { width: "100%" },
+            attrs: {
+              mode: _vm.modeValue,
+              open: _vm.open,
+              disabled: _vm.disabled,
+              value: _vm.value,
+              placeholder: _vm.placeholder,
+              "show-time": _vm.showTime,
+              "show-today": _vm.showToday,
+              valueFormat: _vm.innerValueFormat,
+              format: _vm.format,
+            },
+            on: {
+              panelChange: _vm.onPanelChange,
+              openChange: _vm.openChange,
+              change: _vm.onChange,
+            },
+          })
+        : _c("a-date-picker", {
+            staticStyle: { width: "100%" },
+            attrs: {
+              placeholder: _vm.placeholder,
+              open: _vm.open,
+              disabled: _vm.disabled,
+              value: _vm.value,
+              "show-time": _vm.showTime,
+              "show-today": _vm.showToday,
+              valueFormat: _vm.innerValueFormat,
+              format: _vm.format,
+            },
+            on: {
+              panelChange: _vm.onPanelChange,
+              openChange: _vm.openChange,
+              change: _vm.onChange,
+            },
+          }),
+    ],
+    1
+  )
+};
+var __vue_staticRenderFns__$G = [];
+__vue_render__$G._withStripped = true;
 
-    let a = H[0];
-    let b = H[1];
-    let c = H[2];
-    let d = H[3];
-    let e = H[4];
+  /* style */
+  const __vue_inject_styles__$G = function (inject) {
+    if (!inject) return
+    inject("data-v-7716ba90_0", { source: ".ele-date__wrapper[data-v-7716ba90] {\n  width: 100%;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/date/src/index.vue","index.vue"],"names":[],"mappings":"AA6GA;EACA,WAAA;AC5GA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"ele-date__wrapper\">\n    <a-date-picker \n      style=\"width: 100%;\" \n      :mode=\"modeValue\"\n      v-if=\"modeValue == 'year'\"\n      :open=\"open\"\n      :disabled=\"disabled\"\n      :value=\"value\"\n      :placeholder=\"placeholder\"\n      :show-time=\"showTime\"\n      :show-today=\"showToday\"\n      :valueFormat=\"innerValueFormat\"\n      @panelChange=\"onPanelChange\"\n      @openChange=\"openChange\"\n      @change=\"onChange\"\n      :format=\"format\">\n    </a-date-picker>\n    <a-date-picker \n      v-else\n      style=\"width: 100%;\"\n      :placeholder=\"placeholder\"\n      :open=\"open\"\n      :disabled=\"disabled\"\n      :value=\"value\"\n      :show-time=\"showTime\"\n      :show-today=\"showToday\"\n      :valueFormat=\"innerValueFormat\"\n      @panelChange=\"onPanelChange\"\n      @openChange=\"openChange\"\n      @change=\"onChange\"\n      :format=\"format\">\n    </a-date-picker>\n  </div>\n</template>\n\n<script>\nimport moment from 'moment'\nexport default {\n  name: 'ele-date',\n  model: {\n    prop: 'value',\n    event: 'change'\n  },\n  props: {\n    value: {\n      type: [String, Object]\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    format: {\n      type: String,\n      default: 'YYYY/MM/DD'\n    },\n    mode: {\n      type: String\n    },\n    valueFormat: {\n      type: String\n    },\n    showTime: {\n      type: [Boolean, Object],\n      default: true\n    },\n    showToday: {\n      type: Boolean,\n      default: true\n    },\n    placeholder: {\n      type: String,\n      default: '请选择日期'\n    }\n  },\n  data () {\n    return {\n      open: false\n    }\n  },\n  computed: {\n    innerValueFormat () {\n      if (this.valueFormat) return this.valueFormat\n      return this.format\n    },\n    modeValue () {\n      if (this.mode) return this.mode\n      if (this.format === 'YYYY') return 'year'\n      return 'date'\n    }\n  },\n  methods: {\n    onChange (_, dataString) {\n      this.$emit('input', dataString)\n      this.$emit('change', dataString)\n    },\n    onPanelChange (value, mode) {\n      if (this.modeValue !== 'year') return\n      this.$emit('input', moment(value).format(this.format))\n      this.$emit('change', moment(value).format(this.format))\n      this.open = false\n    },\n    openChange (open) {\n      this.open = open\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.ele-date__wrapper {\n  width: 100%;\n}\n</style>",".ele-date__wrapper {\n  width: 100%;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
-    for (let t = 0; t < 80; ++t) {
-      const s = Math.floor(t / 20);
-      const T = ROTL(a, 5) + f(s, b, c, d) + e + K[s] + W[t] >>> 0;
-      e = d;
-      d = c;
-      c = ROTL(b, 30) >>> 0;
-      b = a;
-      a = T;
-    }
+  };
+  /* scoped */
+  const __vue_scope_id__$G = "data-v-7716ba90";
+  /* module identifier */
+  const __vue_module_identifier__$G = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$G = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
 
-    H[0] = H[0] + a >>> 0;
-    H[1] = H[1] + b >>> 0;
-    H[2] = H[2] + c >>> 0;
-    H[3] = H[3] + d >>> 0;
-    H[4] = H[4] + e >>> 0;
-  }
+  
+  const __vue_component__$G = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$G, staticRenderFns: __vue_staticRenderFns__$G },
+    __vue_inject_styles__$G,
+    __vue_script__$G,
+    __vue_scope_id__$G,
+    __vue_is_functional_template__$G,
+    __vue_module_identifier__$G,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
 
-  return [H[0] >> 24 & 0xff, H[0] >> 16 & 0xff, H[0] >> 8 & 0xff, H[0] & 0xff, H[1] >> 24 & 0xff, H[1] >> 16 & 0xff, H[1] >> 8 & 0xff, H[1] & 0xff, H[2] >> 24 & 0xff, H[2] >> 16 & 0xff, H[2] >> 8 & 0xff, H[2] & 0xff, H[3] >> 24 & 0xff, H[3] >> 16 & 0xff, H[3] >> 8 & 0xff, H[3] & 0xff, H[4] >> 24 & 0xff, H[4] >> 16 & 0xff, H[4] >> 8 & 0xff, H[4] & 0xff];
-}
+__vue_component__$G.install = Vue => Vue.component(__vue_component__$G.name, __vue_component__$G);
 
-const v5 = v35('v5', 0x50, sha1);
-var uuidv5 = v5;
+//
+//
+//
+//
 
-const ESCAPE = {
-  "n": "\n",
-  "f": "\f",
-  "r": "\r",
-  "t": "	",
-  "v": "\v"
-};
-const CONSTANTS = {
-  "null": data => null,
-  "true": data => true,
-  "false": data => false,
-  "undefined": data => void 0
-};
-const OPERATORS = {
-  "+": (data, a, b) => a(data) + b(data),
-  "-": (data, a, b) => a(data) - b(data),
-  "*": (data, a, b) => a(data) * b(data),
-  "/": (data, a, b) => a(data) / b(data),
-  "%": (data, a, b) => a(data) % b(data),
-  "===": (data, a, b) => a(data) === b(data),
-  "!==": (data, a, b) => a(data) !== b(data),
-  "==": (data, a, b) => a(data) == b(data),
-  "!=": (data, a, b) => a(data) != b(data),
-  "<": (data, a, b) => a(data) < b(data),
-  ">": (data, a, b) => a(data) > b(data),
-  "<=": (data, a, b) => a(data) <= b(data),
-  ">=": (data, a, b) => a(data) >= b(data),
-  "&&": (data, a, b) => a(data) && b(data),
-  "||": (data, a, b) => a(data) || b(data),
-  "!": (data, a) => !a(data)
-};
-function isNumber$1(char) {
-  return char >= "0" && char <= "9" && typeof char === "string";
-}
-function isExpOperator(char) {
-  return char === "-" || char === "+" || isNumber$1(char);
-}
-function isIdent(char) {
-  return char >= "a" && char <= "z" || char >= "A" && char <= "Z" || char === "_" || char === "$";
-}
-class Expression {
-  constructor(content) {
-    if (!content) throw new Error("invalid expression");
-    this.content = content;
-  }
-  lex() {
-    let content = this.content;
-    let length = content.length;
-    let index = 0;
-    let tokens = [];
-    while (index < length) {
-      let char = content.charAt(index);
-      if (char === '"' || char === "'") {
-        let start = ++index;
-        let escape = false;
-        let value = "";
-        let token;
-        while (index < length) {
-          let c = content.charAt(index);
-          if (escape) {
-            if (c === "u") {
-              let hex = content.substring(index + 1, index + 5);
-              if (!hex.match(/[\da-f]{4}/i)) {
-                throw new Error(`invalid expression: ${content}, invalid unicode escape [\\u${hex}]`);
-              }
-              index += 4;
-              value += String.fromCharCode(parseInt(hex, 16));
-            } else {
-              let rep = ESCAPE[c];
-              value = value + (rep || c);
-            }
-            escape = false;
-          } else if (c === "\\") {
-            escape = true;
-          } else if (c === char) {
-            index++;
-            token = {
-              index: start,
-              constant: true,
-              text: char + value + char,
-              value
-            };
-            break;
-          } else {
-            value += c;
-          }
-          index++;
-        }
-        if (!token) {
-          throw new Error(`invalid expression: ${content}`);
-        } else {
-          tokens.push(token);
-        }
-      } else if (isNumber$1(char) || char === "." && isNumber$1(content.charAt(index + 1))) {
-        let start = index;
-        let value = "";
-        while (index < length) {
-          let c = content.charAt(index).toLowerCase();
-          if (c === "." || isNumber$1(c)) {
-            value += c;
-          } else {
-            let c2 = content.charAt(index + 1);
-            if (c === "e" && isExpOperator(c2)) {
-              value += c;
-            } else if (isExpOperator(c) && c2 && isNumber$1(c2) && value.charAt(value.length - 1) === "e") {
-              value += c;
-            } else if (isExpOperator(c) && (!c2 || !isNumber$1(c2)) && value.charAt(value.length - 1) == "e") {
-              throw new Error(`invalid expression: ${content}`);
-            } else {
-              break;
-            }
-          }
-          index++;
-        }
-        tokens.push({
-          index: start,
-          constant: true,
-          text: value,
-          value: Number(value)
-        });
-      } else if (isIdent(char)) {
-        let start = index;
-        while (index < length) {
-          let c = content.charAt(index);
-          if (!(isIdent(c) || isNumber$1(c))) {
-            break;
-          }
-          index++;
-        }
-        tokens.push({
-          index: start,
-          text: content.slice(start, index),
-          identifier: true
-        });
-      } else if ("(){}[].,:?".indexOf(char) >= 0) {
-        tokens.push({
-          index,
-          text: char
-        });
-        index++;
-      } else if (char === " " || char === "\r" || char === "	" || char === "\n" || char === "\v" || char === "\xA0") {
-        index++;
-      } else {
-        let char2 = char + content.charAt(index + 1);
-        let char3 = char2 + content.charAt(index + 2);
-        let op1 = OPERATORS[char];
-        let op2 = OPERATORS[char2];
-        let op3 = OPERATORS[char3];
-        if (op1 || op2 || op3) {
-          let text = op3 ? char3 : op2 ? char2 : char;
-          tokens.push({
-            index,
-            text,
-            operator: true
-          });
-          index += text.length;
-        } else {
-          throw new Error(`invalid expression: ${content}`);
-        }
-      }
-    }
-    this.tokens = tokens;
-    return tokens;
-  }
-  parse() {
-    let tokens = this.lex();
-    let func;
-    let token = tokens[0];
-    let text = token.text;
-    if (tokens.length > 0 && text !== "}" && text !== ")" && text !== "]") {
-      func = this.expression();
+var script$F = {
+  name: 'ele-input',
+  model: {
+    prop: 'value',
+    event: 'change'
+  },
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    maxLength: {
+      type: Number,
+      default: 125
+    },
+    value: {
+      type: String
     }
-    return data => func && func(data);
-  }
-  expect(text) {
-    let tokens = this.tokens;
-    let token = tokens[0];
-    if (!text || text === (token && token.text)) {
-      return tokens.shift();
+  },
+  methods: {
+    onChange(e) {
+      this.$emit('change', e.target.value);
+      this.$emit('input', e.target.value);
     }
   }
-  consume(text) {
-    if (!this.tokens.length) throw new Error(`parse expression error: ${this.content}`);
-    let token = this.expect(text);
-    if (!token) throw new Error(`parse expression error: ${this.content}`);
-    return token;
-  }
-  expression() {
-    return this.ternary();
-  }
-  ternary() {
-    let left = this.logicalOR();
-    if (this.expect("?")) {
-      let middle = this.expression();
-      this.consume(":");
-      let right = this.expression();
-      return data => left(data) ? middle(data) : right(data);
+};
+
+/* script */
+const __vue_script__$F = script$F;
+
+/* template */
+var __vue_render__$F = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("a-input", {
+    attrs: {
+      value: _vm.value,
+      disabled: _vm.disabled,
+      "max-length": _vm.maxLength,
+    },
+    on: { change: _vm.onChange },
+  })
+};
+var __vue_staticRenderFns__$F = [];
+__vue_render__$F._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$F = function (inject) {
+    if (!inject) return
+    inject("data-v-c04139c8_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"index.vue"}, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__$F = "data-v-c04139c8";
+  /* module identifier */
+  const __vue_module_identifier__$F = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$F = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$F = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$F, staticRenderFns: __vue_staticRenderFns__$F },
+    __vue_inject_styles__$F,
+    __vue_script__$F,
+    __vue_scope_id__$F,
+    __vue_is_functional_template__$F,
+    __vue_module_identifier__$F,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
+
+__vue_component__$F.install = Vue => Vue.component(__vue_component__$F.name, __vue_component__$F);
+
+//
+var script$E = {
+  name: 'ele-select',
+  props: {
+    init: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    value: {
+      type: [String, Array, Number]
+    },
+    defaultValue: {
+      type: [String, Array, Number]
+    },
+    dataSource: {
+      type: Array,
+      default: () => []
+    },
+    url: {
+      type: String,
+      default: 'api-basic/workbench/dicttype/enum/selectList'
+    },
+    code: {
+      type: String
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    mode: {
+      type: String
+    },
+    multiple: {
+      type: Boolean,
+      default: false
     }
-    return left;
-  }
-  binary(left, op, right) {
-    let fn = OPERATORS[op];
-    return data => fn(data, left, right);
-  }
-  unary() {
-    let token;
-    if (this.expect("+")) {
-      return this.primary();
-    } else if (token = this.expect("-")) {
-      return this.binary(data => 0, token.text, this.unary());
-    } else if (token = this.expect("!")) {
-      let fn = OPERATORS[token.text];
-      let right = this.unary();
-      return data => fn(data, right);
-    } else {
-      return this.primary();
+  },
+  data() {
+    return {
+      innerDataSource: []
+    };
+  },
+  computed: {
+    isInitRequest() {
+      if (this.init) {
+        return true;
+      }
+      if (this.code || !type.isEmpty(this.params)) {
+        return true;
+      }
+      return false;
+    },
+    getMode() {
+      if (this.multiple) {
+        return 'multiple';
+      }
+      return this.mode;
     }
-  }
-  logicalOR() {
-    let left = this.logicalAND();
-    let token;
-    while (token = this.expect("||")) {
-      left = this.binary(left, token.text, this.logicalAND());
+  },
+  watch: {
+    dataSource: {
+      handler(dataSource) {
+        this.innerDataSource = dataSource;
+      },
+      immediate: true
     }
-    return left;
-  }
-  logicalAND() {
-    let left = this.equality();
-    let token;
-    while (token = this.expect("&&")) {
-      left = this.binary(left, token.text, this.equality());
+  },
+  created() {
+    this.isInitRequest && this.fetchDataSourceByUrl();
+  },
+  methods: {
+    fetchDataSourceByUrl() {
+      net.get(this.url, {
+        code: this.code,
+        ...this.params
+      }).then(resp => {
+        const {
+          data
+        } = resp;
+        this.innerDataSource = data.map(item => {
+          return {
+            label: item.name,
+            value: item.code
+          };
+        });
+      });
+    },
+    onChange(value) {
+      this.$emit('change', value);
+      this.$emit('input', value);
     }
-    return left;
   }
-  equality() {
-    let left = this.relational();
-    let token;
-    while (token = this.expect("==") || this.expect("!=") || this.expect("===") || this.expect("!==")) {
-      left = this.binary(left, token.text, this.relational());
+};
+
+/* script */
+const __vue_script__$E = script$E;
+
+/* template */
+var __vue_render__$E = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "a-select",
+    {
+      staticStyle: { width: "100%" },
+      attrs: { disabled: _vm.disabled, mode: _vm.getMode, value: _vm.value },
+      on: { change: _vm.onChange },
+    },
+    _vm._l(_vm.innerDataSource, 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__$E = [];
+__vue_render__$E._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$E = function (inject) {
+    if (!inject) return
+    inject("data-v-dd210296_0", { source: "\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":";;AAEA,oCAAoC","file":"index.vue"}, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__$E = "data-v-dd210296";
+  /* module identifier */
+  const __vue_module_identifier__$E = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$E = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$E = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$E, staticRenderFns: __vue_staticRenderFns__$E },
+    __vue_inject_styles__$E,
+    __vue_script__$E,
+    __vue_scope_id__$E,
+    __vue_is_functional_template__$E,
+    __vue_module_identifier__$E,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
+
+__vue_component__$E.install = Vue => Vue.component(__vue_component__$E.name, __vue_component__$E);
+
+// 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 left;
   }
-  relational() {
-    let left = this.additive();
-    let token;
-    while (token = this.expect("<") || this.expect(">") || this.expect("<=") || this.expect(">=")) {
-      left = this.binary(left, token.text, this.additive());
-    }
-    return left;
+
+  return getRandomValues(rnds8);
+}
+
+var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+
+function validate(uuid) {
+  return typeof uuid === 'string' && REGEX.test(uuid);
+}
+
+/**
+ * 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]];
+}
+
+function parse(uuid) {
+  if (!validate(uuid)) {
+    throw TypeError('Invalid UUID');
   }
-  additive() {
-    let left = this.multiplicative();
-    let token;
-    while (token = this.expect("+") || this.expect("-")) {
-      left = this.binary(left, token.text, this.multiplicative());
-    }
-    return left;
+
+  let v;
+  const arr = new Uint8Array(16); // Parse ########-....-....-....-............
+
+  arr[0] = (v = parseInt(uuid.slice(0, 8), 16)) >>> 24;
+  arr[1] = v >>> 16 & 0xff;
+  arr[2] = v >>> 8 & 0xff;
+  arr[3] = v & 0xff; // Parse ........-####-....-....-............
+
+  arr[4] = (v = parseInt(uuid.slice(9, 13), 16)) >>> 8;
+  arr[5] = v & 0xff; // Parse ........-....-####-....-............
+
+  arr[6] = (v = parseInt(uuid.slice(14, 18), 16)) >>> 8;
+  arr[7] = v & 0xff; // Parse ........-....-....-####-............
+
+  arr[8] = (v = parseInt(uuid.slice(19, 23), 16)) >>> 8;
+  arr[9] = v & 0xff; // Parse ........-....-....-....-############
+  // (Use "/" to avoid 32-bit truncation when bit-shifting high-order bytes)
+
+  arr[10] = (v = parseInt(uuid.slice(24, 36), 16)) / 0x10000000000 & 0xff;
+  arr[11] = v / 0x100000000 & 0xff;
+  arr[12] = v >>> 24 & 0xff;
+  arr[13] = v >>> 16 & 0xff;
+  arr[14] = v >>> 8 & 0xff;
+  arr[15] = v & 0xff;
+  return arr;
+}
+
+function stringToBytes(str) {
+  str = unescape(encodeURIComponent(str)); // UTF8 escape
+
+  const bytes = [];
+
+  for (let i = 0; i < str.length; ++i) {
+    bytes.push(str.charCodeAt(i));
   }
-  multiplicative() {
-    let left = this.unary();
-    let token;
-    while (token = this.expect("*") || this.expect("/") || this.expect("%")) {
-      left = this.binary(left, token.text, this.unary());
+
+  return bytes;
+}
+
+const DNS = '6ba7b810-9dad-11d1-80b4-00c04fd430c8';
+const URL = '6ba7b811-9dad-11d1-80b4-00c04fd430c8';
+function v35(name, version, hashfunc) {
+  function generateUUID(value, namespace, buf, offset) {
+    var _namespace;
+
+    if (typeof value === 'string') {
+      value = stringToBytes(value);
     }
-    return left;
-  }
-  primary() {
-    let token = this.tokens[0];
-    let primary;
-    if (this.expect("(")) {
-      primary = this.expression();
-      this.consume(")");
-    } else if (this.expect("[")) {
-      primary = this.array();
-    } else if (this.expect("{")) {
-      primary = this.object();
-    } else if (token.identifier && token.text in CONSTANTS) {
-      primary = CONSTANTS[this.consume().text];
-    } else if (token.identifier) {
-      primary = this.identifier();
-    } else if (token.constant) {
-      primary = this.constant();
-    } else {
-      throw new Error(`parse expression error: ${this.content}`);
+
+    if (typeof namespace === 'string') {
+      namespace = parse(namespace);
     }
-    let next;
-    let context;
-    while (next = this.expect("(") || this.expect("[") || this.expect(".")) {
-      if (next.text === "(") {
-        primary = this.functionCall(primary, context);
-        context = null;
-      } else if (next.text === "[") {
-        context = primary;
-        primary = this.objectIndex(primary);
-      } else {
-        context = primary;
-        primary = this.fieldAccess(primary);
+
+    if (((_namespace = namespace) === null || _namespace === void 0 ? void 0 : _namespace.length) !== 16) {
+      throw TypeError('Namespace must be array-like (16 iterable integer values, 0-255)');
+    } // Compute hash of namespace and value, Per 4.3
+    // Future: Use spread syntax when supported on all platforms, e.g. `bytes =
+    // hashfunc([...namespace, ... value])`
+
+
+    let bytes = new Uint8Array(16 + value.length);
+    bytes.set(namespace);
+    bytes.set(value, namespace.length);
+    bytes = hashfunc(bytes);
+    bytes[6] = bytes[6] & 0x0f | version;
+    bytes[8] = bytes[8] & 0x3f | 0x80;
+
+    if (buf) {
+      offset = offset || 0;
+
+      for (let i = 0; i < 16; ++i) {
+        buf[offset + i] = bytes[i];
       }
+
+      return buf;
     }
-    return primary;
+
+    return unsafeStringify(bytes);
+  } // Function#name is not settable on some platforms (#270)
+
+
+  try {
+    generateUUID.name = name; // eslint-disable-next-line no-empty
+  } catch (err) {} // For CommonJS default export support
+
+
+  generateUUID.DNS = DNS;
+  generateUUID.URL = URL;
+  return generateUUID;
+}
+
+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();
   }
-  fieldAccess(object) {
-    let getter = this.identifier();
-    return data => {
-      let o = object(data);
-      return o && getter(o);
-    };
+
+  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;
   }
-  objectIndex(object) {
-    let indexFn = this.expression();
-    this.consume("]");
-    return data => {
-      let o = object(data);
-      let key = indexFn(data) + "";
-      return o && o[key];
-    };
+
+  return unsafeStringify(rnds);
+}
+
+// Adapted from Chris Veness' SHA1 code at
+// http://www.movable-type.co.uk/scripts/sha1.html
+function f(s, x, y, z) {
+  switch (s) {
+    case 0:
+      return x & y ^ ~x & z;
+
+    case 1:
+      return x ^ y ^ z;
+
+    case 2:
+      return x & y ^ x & z ^ y & z;
+
+    case 3:
+      return x ^ y ^ z;
   }
-  functionCall(func, context) {
-    let args = [];
-    if (this.tokens[0].text !== ")") {
-      do {
-        args.push(this.expression());
-      } while (this.expect(","));
+}
+
+function ROTL(x, n) {
+  return x << n | x >>> 32 - n;
+}
+
+function sha1(bytes) {
+  const K = [0x5a827999, 0x6ed9eba1, 0x8f1bbcdc, 0xca62c1d6];
+  const H = [0x67452301, 0xefcdab89, 0x98badcfe, 0x10325476, 0xc3d2e1f0];
+
+  if (typeof bytes === 'string') {
+    const msg = unescape(encodeURIComponent(bytes)); // UTF8 escape
+
+    bytes = [];
+
+    for (let i = 0; i < msg.length; ++i) {
+      bytes.push(msg.charCodeAt(i));
     }
-    this.consume(")");
-    return data => {
-      let callContext = context && context(data);
-      let fn = func(data, callContext);
-      return fn && fn.apply(callContext, args.length ? args.map(arg => arg(data)) : null);
-    };
+  } else if (!Array.isArray(bytes)) {
+    // Convert Array-like to Array
+    bytes = Array.prototype.slice.call(bytes);
   }
-  array() {
-    let elements = [];
-    let token = this.tokens[0];
-    if (token.text !== "]") {
-      do {
-        if (this.tokens[0].text === "]") break;
-        elements.push(this.expression());
-      } while (this.expect(","));
+
+  bytes.push(0x80);
+  const l = bytes.length / 4 + 2;
+  const N = Math.ceil(l / 16);
+  const M = new Array(N);
+
+  for (let i = 0; i < N; ++i) {
+    const arr = new Uint32Array(16);
+
+    for (let j = 0; j < 16; ++j) {
+      arr[j] = bytes[i * 64 + j * 4] << 24 | bytes[i * 64 + j * 4 + 1] << 16 | bytes[i * 64 + j * 4 + 2] << 8 | bytes[i * 64 + j * 4 + 3];
     }
-    this.consume("]");
-    return data => elements.map(element => element(data));
+
+    M[i] = arr;
   }
-  object() {
-    let keys = [];
-    let values = [];
-    let token = this.tokens[0];
-    if (token.text !== "}") {
-      do {
-        token = this.tokens[0];
-        if (token.text === "}") break;
-        token = this.consume();
-        if (token.constant) {
-          keys.push(token.value);
-        } else if (token.identifier) {
-          keys.push(token.text);
-        } else {
-          throw new Error(`parse expression error: ${this.content}`);
-        }
-        this.consume(":");
-        values.push(this.expression());
-      } while (this.expect(","));
+
+  M[N - 1][14] = (bytes.length - 1) * 8 / Math.pow(2, 32);
+  M[N - 1][14] = Math.floor(M[N - 1][14]);
+  M[N - 1][15] = (bytes.length - 1) * 8 & 0xffffffff;
+
+  for (let i = 0; i < N; ++i) {
+    const W = new Uint32Array(80);
+
+    for (let t = 0; t < 16; ++t) {
+      W[t] = M[i][t];
     }
-    this.consume("}");
-    return data => {
-      let object = {};
-      for (let i = 0, length = values.length; i < length; i++) {
-        object[keys[i]] = values[i](data);
-      }
-      return object;
-    };
-  }
-  identifier() {
-    let id = this.consume().text;
-    let token = this.tokens[0];
-    let token2 = this.tokens[1];
-    let token3 = this.tokens[2];
-    while (token && token.text === "." && token2 && token2.identifier && token3 && token3.text !== "(") {
-      id += this.consume().text + this.consume().text;
-      token = this.tokens[0];
-      token2 = this.tokens[1];
-      token3 = this.tokens[2];
+
+    for (let t = 16; t < 80; ++t) {
+      W[t] = ROTL(W[t - 3] ^ W[t - 8] ^ W[t - 14] ^ W[t - 16], 1);
     }
-    return data => {
-      let elements = id.split(".");
-      let key;
-      for (let i = 0; elements.length > 1; i++) {
-        key = elements.shift();
-        data = data[key];
-        if (!data) break;
-      }
-      key = elements.shift();
-      return data && data[key];
-    };
-  }
-  constant() {
-    let value = this.consume().value;
-    return data => value;
+
+    let a = H[0];
+    let b = H[1];
+    let c = H[2];
+    let d = H[3];
+    let e = H[4];
+
+    for (let t = 0; t < 80; ++t) {
+      const s = Math.floor(t / 20);
+      const T = ROTL(a, 5) + f(s, b, c, d) + e + K[s] + W[t] >>> 0;
+      e = d;
+      d = c;
+      c = ROTL(b, 30) >>> 0;
+      b = a;
+      a = T;
+    }
+
+    H[0] = H[0] + a >>> 0;
+    H[1] = H[1] + b >>> 0;
+    H[2] = H[2] + c >>> 0;
+    H[3] = H[3] + d >>> 0;
+    H[4] = H[4] + e >>> 0;
   }
+
+  return [H[0] >> 24 & 0xff, H[0] >> 16 & 0xff, H[0] >> 8 & 0xff, H[0] & 0xff, H[1] >> 24 & 0xff, H[1] >> 16 & 0xff, H[1] >> 8 & 0xff, H[1] & 0xff, H[2] >> 24 & 0xff, H[2] >> 16 & 0xff, H[2] >> 8 & 0xff, H[2] & 0xff, H[3] >> 24 & 0xff, H[3] >> 16 & 0xff, H[3] >> 8 & 0xff, H[3] & 0xff, H[4] >> 24 & 0xff, H[4] >> 16 & 0xff, H[4] >> 8 & 0xff, H[4] & 0xff];
 }
-const parse = (expression, props = {}) => {
-  if (!expression) throw new Error("expression is required");
-  const execParse = new Expression(expression).parse();
-  return execParse(props);
-};
 
-const CONTEXT = '__idooel__ele__context__';
-const AREA_NAMES = {
-  BUTTON_GROUP: 'BUTTON_GROUP'
-};
-const BUILT_IN_EVENT_NAMES = {
-  SUBMIT: 'submit',
-  CANCEL: 'cancel',
-  INCREASE: 'increase',
-  DELETE: 'delete',
-  NEXT: 'next',
-  PREVIOUS: 'previous',
-  // create, edit, view are reserved for table cru in the current version
-  CREATE: 'create',
-  EDIT: 'edit',
-  VIEW: 'view'
-};
-const BUILT_IN_METHODS_NAMES = {
-  CLOSE_MODAL: 'closeModal',
-  SUBMIT_FORM: 'submitForm',
-  //TODO: not use
-  REFRESH_TABLE: 'refreshTable',
-  CLEAN_EFFECT: 'cleanEffect'
-};
-const BUILT_IN_TRIGGER = {
-  // default it's not a trigger
-  TEXT: 'text',
-  //状态机触发器
-  FSM: 'fsm',
-  ELE_MODAL_FORM: 'ele-modal-form',
-  ELE_MODAL_TABLE: 'ele-modal-table'
-};
-const PAGE_STATUS = {
-  CREATE: 'create',
-  //TODO implement edit and view
-  EDIT: 'edit',
-  VIEW: 'view'
-};
-const RESERVE_EVENT_NAMES = {
-  //global event
-  INIT: 'init',
-  WATCH: 'watch',
-  //form event
-  WATCH_FORM_STATUS: 'watch-form-status',
-  INIT_FORM: 'init-form',
-  //table event
-  SEARCH: 'search',
-  TREE_CHANGE: 'tree-change'
-};
-const parseFieldMap = (fieldMap = {}, dataSource = {}) => {
-  let ret = {};
-  Object.keys(fieldMap).forEach(key => {
-    ret[fieldMap[key]] = parse(key, dataSource);
-  });
-  return ret;
-};
+const v5 = v35('v5', 0x50, sha1);
+var uuidv5 = v5;
 
 //
 const MENU_KEY_NAMESPACE = 'f7b3b8b0-1b7b-11ec-9621-0242ac130002';
@@ -1477,7 +1470,7 @@ var script$D = {
         } else if (type.isBool(show)) {
           if (show) return item;
         } else if (type.isStr(show)) {
-          const parseRet = parse(show, {
+          const parseRet = parse$1(show, {
             ...this.record,
             _route: route.searchToQueryParams(window.location.search)
           });
@@ -1828,9 +1821,6 @@ var script$C = {
     },
     getScrollHeightByHeight() {
       const height = this.height - this.tableHeaderHeight - this.paginationHeight;
-      console.log('this.height', this.height);
-      console.log('height', height);
-      console.log('this.tableTbodyHeight', this.tableTbodyHeight);
       if (this.tableTbodyHeight == 0) {
         //暂无数据
         document.querySelector('.ant-table-body') && (document.querySelector('.ant-table-body').style.height = 'auto');
@@ -2014,11 +2004,11 @@ __vue_render__$C._withStripped = true;
   /* style */
   const __vue_inject_styles__$C = function (inject) {
     if (!inject) return
-    inject("data-v-59d46d0d_0", { source: ".g-table__wrapper[data-v-59d46d0d] {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper[data-v-59d46d0d]  .ant-spin-nested-loading {\n  height: inherit;\n}\n.g-table__wrapper[data-v-59d46d0d]  .ant-spin-nested-loading .ant-table-fixed-header .ant-table-body-inner {\n  overflow: hidden;\n}\n.g-table__wrapper[data-v-59d46d0d]  .ant-spin-nested-loading .ant-spin-container {\n  height: inherit;\n}\n.g-table__wrapper[data-v-59d46d0d]  .ant-spin-nested-loading .ant-spin-container .ant-table {\n  height: inherit;\n}\n.g-table__wrapper[data-v-59d46d0d]  .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-59d46d0d]  .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper[data-v-59d46d0d]  .ant-table-wrapper .ant-table-header tr th {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-59d46d0d]  .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-59d46d0d]  .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-59d46d0d]  .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-59d46d0d]  .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-59d46d0d]  .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-59d46d0d]  .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-59d46d0d]  .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-59d46d0d]  .g-table__row--even {\n  background: var(--idooel-row-even-color);\n}\n.g-table__wrapper .g-table__row--odd[data-v-59d46d0d] {\n  background: var(--idooel-row-odd-color);\n}\n.g-table__wrapper .g-table__pagination[data-v-59d46d0d] {\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  position: relative;\n  z-index: 999;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/table/src/index.vue","index.vue"],"names":[],"mappings":"AA8NA;EA8FA,aAAA;EACA,kBAAA;AC1TA;AD4NA;EACA,eAAA;AC1NA;AD4NA;EACA,gBAAA;AC1NA;AD6NA;EACA,eAAA;AC3NA;AD4NA;EACA,eAAA;AC1NA;ADwOA;EACA,oDAAA;EACA,mBAAA;EACA,wCAAA;ACtOA;ADyOA;EACA,iDAAA;ACvOA;AD0OA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;ACxOA;AD8OA;EACA,+CAAA;EACA,2DAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;AC5OA;ADqPA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;ACnPA;ADoPA;EACA,iEAAA;EACA,gCAAA;EACA,qDAAA;AClPA;ADoPA;EACA,0DAAA;EACA,yBAAA;EACA,8CAAA;AClPA;ADoPA;EACA,0DAAA;EACA,8CAAA;EACA,yBAAA;AClPA;ADsPA;EACA,iEAAA;EACA,qDAAA;EACA,gCAAA;ACpPA;ADyPA;EACA,yDAAA;EACA,wBAAA;EACA,6CAAA;ACvPA;AD6PA;EACA,wCAAA;AC3PA;AD6PA;EACA,uCAAA;AC3PA;AD6PA;EACA,aAAA;EACA,mBAAA;EACA,oBAAA;EACA,oDAAA;EACA,wCAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;EACA,kBAAA;EACA,YAAA;AC3PA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"g-table__wrapper\" :style=\"{ height: `${height}px` }\">\n    <a-table\n      :bordered=\"bordered\"\n      :class=\"[isNoData && 'g-table__no-data']\"\n      :style=\"{ height: noDataAntTableHeight }\"\n      :pagination=\"false\"\n      :loading=\"loading\"\n      :columns=\"innerColumns\"\n      :row-selection=\"rowSelection\"\n      :row-class-name=\"setRowClassName\"\n      :data-source=\"dataSource\"\n      :scroll=\"getScroll\">\n      <template slot=\"action\" slot-scope=\"record\">\n        <Actions v-on=\"$listeners\" :data-source=\"actions\" :record=\"record\"></Actions>\n      </template>\n    </a-table>\n    <div class=\"g-table__pagination\">\n      <a-pagination\n        :show-total=\"all => `共 ${all} 条数据`\"\n        show-size-changer \n        show-quick-jumper\n        :pageSize=\"innerPageSize\"\n        :current=\"innerCurrentPage\"\n        :pageSizeOptions=\"pageSizeOptions\"\n        @change=\"onChangePagination\"\n        @showSizeChange=\"onShowSizeChange\"\n        :total=\"total\">\n      </a-pagination>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Actions from './action.vue'\nexport default {\n  name: 'ele-table',\n  components: {\n    Actions\n  },\n  props: {\n    // ant table wrapper\n    height: {\n      type: Number\n    },\n    width: {\n      type: Number\n    },\n    x: {\n      type: Number,\n      default: 1200\n    },\n    y: {\n      type: Number,\n      default: 200\n    },\n    scroll: {\n      type: Object\n    },\n    rowSelection: {\n      type: Object\n    },\n    actions: {\n      type: Array,\n      default: () => []\n    },\n    total: {\n      type: Number,\n      default: 0\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    columns: {\n      type: Array,\n      default: () => []\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    },\n    pageSize: {\n      type: Number,\n      default: 10\n    },\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '20', '30', '40']\n    },\n    bordered: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data() {\n    return {\n      tableHeaderHeight: 0,\n      paginationHeight: 0,\n      innerPageSize: 10,\n      innerCurrentPage: 1,\n      tableContentHeight: 0,\n      obs: [],\n      tableTbodyHeight: 0\n    }\n  },\n  computed: {\n    innerColumns () {\n      return this.columns.filter(col => !Object.keys(col).includes('multiple'))\n    },\n    isNoData () {\n      return !this.dataSource.length\n    },\n    noDataAntTableHeight () {\n      //TODO\n      if (this.dataSource.length) {\n        // return 'auto'\n        return `${this.height - this.paginationHeight - 16}px` \n      }\n      return `${this.height - this.paginationHeight - 16}px` \n    },\n    getScrollHeightByHeight () {\n      const height = this.height - this.tableHeaderHeight - this.paginationHeight\n      console.log('this.height', this.height)\n      console.log('height', height)\n      console.log('this.tableTbodyHeight', this.tableTbodyHeight)\n      if (this.tableTbodyHeight == 0) {\n        //暂无数据\n        document.querySelector('.ant-table-body') && (document.querySelector('.ant-table-body').style.height = 'auto')\n      } else if (this.tableTbodyHeight !== 0 && height > this.tableTbodyHeight) {\n        document.querySelector('.ant-table-content') && (document.querySelector('.ant-table-content').style.height = 'inherit')\n        document.querySelector('.ant-table-scroll') && (document.querySelector('.ant-table-scroll').style.height = 'inherit')\n        document.querySelector('.ant-table-body') && (document.querySelector('.ant-table-body').style.height = 'inherit')\n        if (this.tableTbodyHeight > height) {\n          document.querySelector('.ant-table-content').style.height = 'auto'\n          document.querySelector('.ant-table-scroll').style.height = 'auto'\n          document.querySelector('.ant-table-body').style.height = 'auto'\n        }\n        return 0\n        // 0的时候没有y滚动条\n      }\n      return this.height - this.tableHeaderHeight - this.paginationHeight\n    },\n    isFlexColumn () {\n      return this.columns.every(col => !col.width)\n    },\n    getScroll () {\n      if (this.scroll) {\n        return this.scroll\n      } else {\n        if (this.height) {\n          return { x: this.isFlexColumn ?  0 : this.width > this.x ? 0 : this.x, y: this.getScrollHeightByHeight }\n        }\n        return { x: this.isFlexColumn ? 0 : this.width > this.x ? 0 : this.x, y: this.y }\n      }\n    }\n  },\n  watch: {\n    pageSize: {\n      handler (pageSize) {\n        this.innerPageSize = pageSize\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    onShowSizeChange (current, pageSize) {\n      this.innerCurrentPage = current\n      this.innerPageSize = pageSize\n      this.$emit('change-page', current, pageSize)\n    },\n    setPaginationHeight () {\n      this.$nextTick(() => {\n        const { height } = document.querySelector('.g-table__pagination').getBoundingClientRect()\n        this.paginationHeight = height\n      })\n    },\n    setTableHeaderHeight () {\n      this.$nextTick(() => {\n        const el = document.querySelector('.ant-table-header')\n        if (!el) return\n        const { height } = el.getBoundingClientRect()\n        this.tableHeaderHeight = height\n      })\n    },\n    setTableTbodyHeight () {\n      const el = document.querySelector('table .ant-table-tbody')\n      const ob = new ResizeObserver((entries => {\n        if (this.tableHeaderHeight) return\n        for (const _ of entries) {\n          requestAnimationFrame(() => {\n            const { height } = el.getBoundingClientRect()\n            this.tableTbodyHeight = height\n            this.setTableHeaderHeight()\n          })\n        }\n      }))\n      ob.observe(el)\n      this.obs.push(ob)\n    },\n    setRowClassName (record, idx) {\n      return idx % 2 === 0 ? 'g-table__row--even' : 'g-table__row--odd'\n    },\n    onChangePagination (page, pageSize) {\n      this.innerCurrentPage = page\n      this.innerPageSize = pageSize\n      this.$emit('change-page', page, pageSize)\n    }\n  },\n  mounted() {\n    this.setPaginationHeight()\n    setTimeout(() => {\n      this.setTableTbodyHeight()\n    }, 100)\n  },\n  destroyed () {\n    this.obs.forEach(ob => ob.disconnect())\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__wrapper {\n  ::v-deep .ant-spin-nested-loading {\n    height: inherit;\n    .ant-table-fixed-header {\n      .ant-table-body-inner {\n        overflow: hidden;\n      }\n    }\n    .ant-spin-container {\n      height: inherit;\n      .ant-table {\n        height: inherit;\n        .ant-table-content {\n          // height: inherit;\n          // .ant-table-scroll {\n          //   height: inherit;\n          //   .ant-table-body {\n          //     height: inherit;\n          //   }\n          // }\n        }\n      }\n    }\n  }\n  ::v-deep .ant-table-wrapper {\n    .ant-table {\n      border-width: calc(var(--idooel-border-width) * 1px);\n      border-style: solid;\n      border-color: var(--idooel-border-color);\n    }\n    .ant-table-header {\n      .ant-table-fixed {\n        /* border-bottom: 2px solid #53a8ff !important; */\n      }\n      tr {\n        th {\n          border-bottom-width: calc(var(--idooel-border-width) * 1px);\n          border-bottom-style: solid;\n          border-bottom-color: var(--idooel-border-color);\n        }\n      }\n    }\n    .ant-table-tbody {\n      tr {\n        td {\n          border-color: var(--idooel-column-border-color);\n          border-width: calc(var(--idooel-column-border-width) * 1px);;\n          border-style: solid;\n          border-top: unset;\n          border-left: unset;\n        }\n      }\n    }\n    .ant-table-body {\n      // border-top-width: calc(var(--idooel-border-width) * 1px);\n      // border-top-style: solid;\n      // border-top-color: var(--idooel-border-color);\n    }\n    .ant-table-fixed-left {\n      border-bottom-width: calc(var(--idooel-border-width) * 1px);\n      border-bottom-style: solid;\n      border-bottom-color: var(--idooel-border-color);\n      .ant-table-header {\n        /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n        /* border-bottom-style: solid; */\n        /* border-bottom-color: var(--idooel-border-color); */\n      }\n      .ant-table-body-inner {\n        border-right-width: calc(var(--idooel-border-width) * 1px);\n        border-right-style: solid;\n        border-right-color: var(--idooel-border-color);\n      }\n      .ant-table-fixed {\n        border-right-width: calc(var(--idooel-border-width) * 1px);\n        border-right-color: var(--idooel-border-color);\n        border-right-style: solid;\n      }\n    }\n    .ant-table-fixed-right {\n      .ant-table-header {\n        /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n        /* border-bottom-color: var(--idooel-border-color); */\n        /* border-bottom-style: solid; */\n      }\n      // border-bottom-width: calc(var(--idooel-border-width) * 1px);\n      // border-bottom-style: solid;\n      // border-bottom-color: var(--idooel-border-color);\n      .ant-table-fixed {\n        border-left-width: calc(var(--idooel-border-width) * 1px);\n        border-left-style: solid;\n        border-left-color: var(--idooel-border-color);\n      }\n    }\n  }\n  padding: 16px;\n  padding-top: unset;\n  ::v-deep .g-table__row--even {\n    background: var(--idooel-row-even-color);\n  }\n  .g-table__row--odd {\n    background: var(--idooel-row-odd-color);\n  }\n  .g-table__pagination {\n    display: flex;\n    flex-direction: row;\n    justify-content: end;\n    border-width: calc(var(--idooel-border-width) * 1px);\n    border-color: var(--idooel-border-color);\n    border-style: solid;\n    border-top: unset;\n    padding-top: 8px;\n    padding-bottom: 8px;\n    position: relative;\n    z-index: 999;\n  }\n}\n</style>",".g-table__wrapper {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-table-fixed-header .ant-table-body-inner {\n  overflow: hidden;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-spin-container {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-spin-container .ant-table {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-header tr th {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n  /* border-bottom-style: solid; */\n  /* border-bottom-color: var(--idooel-border-color); */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n  /* border-bottom-color: var(--idooel-border-color); */\n  /* border-bottom-style: solid; */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .g-table__row--even {\n  background: var(--idooel-row-even-color);\n}\n.g-table__wrapper .g-table__row--odd {\n  background: var(--idooel-row-odd-color);\n}\n.g-table__wrapper .g-table__pagination {\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  position: relative;\n  z-index: 999;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-74aaea06_0", { source: ".g-table__wrapper[data-v-74aaea06] {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper[data-v-74aaea06]  .ant-spin-nested-loading {\n  height: inherit;\n}\n.g-table__wrapper[data-v-74aaea06]  .ant-spin-nested-loading .ant-table-fixed-header .ant-table-body-inner {\n  overflow: hidden;\n}\n.g-table__wrapper[data-v-74aaea06]  .ant-spin-nested-loading .ant-spin-container {\n  height: inherit;\n}\n.g-table__wrapper[data-v-74aaea06]  .ant-spin-nested-loading .ant-spin-container .ant-table {\n  height: inherit;\n}\n.g-table__wrapper[data-v-74aaea06]  .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-74aaea06]  .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper[data-v-74aaea06]  .ant-table-wrapper .ant-table-header tr th {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-74aaea06]  .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-74aaea06]  .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-74aaea06]  .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-74aaea06]  .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-74aaea06]  .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-74aaea06]  .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-74aaea06]  .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-74aaea06]  .g-table__row--even {\n  background: var(--idooel-row-even-color);\n}\n.g-table__wrapper .g-table__row--odd[data-v-74aaea06] {\n  background: var(--idooel-row-odd-color);\n}\n.g-table__wrapper .g-table__pagination[data-v-74aaea06] {\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  position: relative;\n  z-index: 999;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/table/src/index.vue","index.vue"],"names":[],"mappings":"AA2NA;EA8FA,aAAA;EACA,kBAAA;ACvTA;ADyNA;EACA,eAAA;ACvNA;ADyNA;EACA,gBAAA;ACvNA;AD0NA;EACA,eAAA;ACxNA;ADyNA;EACA,eAAA;ACvNA;ADqOA;EACA,oDAAA;EACA,mBAAA;EACA,wCAAA;ACnOA;ADsOA;EACA,iDAAA;ACpOA;ADuOA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;ACrOA;AD2OA;EACA,+CAAA;EACA,2DAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;ACzOA;ADkPA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;AChPA;ADiPA;EACA,iEAAA;EACA,gCAAA;EACA,qDAAA;AC/OA;ADiPA;EACA,0DAAA;EACA,yBAAA;EACA,8CAAA;AC/OA;ADiPA;EACA,0DAAA;EACA,8CAAA;EACA,yBAAA;AC/OA;ADmPA;EACA,iEAAA;EACA,qDAAA;EACA,gCAAA;ACjPA;ADsPA;EACA,yDAAA;EACA,wBAAA;EACA,6CAAA;ACpPA;AD0PA;EACA,wCAAA;ACxPA;AD0PA;EACA,uCAAA;ACxPA;AD0PA;EACA,aAAA;EACA,mBAAA;EACA,oBAAA;EACA,oDAAA;EACA,wCAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;EACA,kBAAA;EACA,YAAA;ACxPA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"g-table__wrapper\" :style=\"{ height: `${height}px` }\">\n    <a-table\n      :bordered=\"bordered\"\n      :class=\"[isNoData && 'g-table__no-data']\"\n      :style=\"{ height: noDataAntTableHeight }\"\n      :pagination=\"false\"\n      :loading=\"loading\"\n      :columns=\"innerColumns\"\n      :row-selection=\"rowSelection\"\n      :row-class-name=\"setRowClassName\"\n      :data-source=\"dataSource\"\n      :scroll=\"getScroll\">\n      <template slot=\"action\" slot-scope=\"record\">\n        <Actions v-on=\"$listeners\" :data-source=\"actions\" :record=\"record\"></Actions>\n      </template>\n    </a-table>\n    <div class=\"g-table__pagination\">\n      <a-pagination\n        :show-total=\"all => `共 ${all} 条数据`\"\n        show-size-changer \n        show-quick-jumper\n        :pageSize=\"innerPageSize\"\n        :current=\"innerCurrentPage\"\n        :pageSizeOptions=\"pageSizeOptions\"\n        @change=\"onChangePagination\"\n        @showSizeChange=\"onShowSizeChange\"\n        :total=\"total\">\n      </a-pagination>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Actions from './action.vue'\nexport default {\n  name: 'ele-table',\n  components: {\n    Actions\n  },\n  props: {\n    // ant table wrapper\n    height: {\n      type: Number\n    },\n    width: {\n      type: Number\n    },\n    x: {\n      type: Number,\n      default: 1200\n    },\n    y: {\n      type: Number,\n      default: 200\n    },\n    scroll: {\n      type: Object\n    },\n    rowSelection: {\n      type: Object\n    },\n    actions: {\n      type: Array,\n      default: () => []\n    },\n    total: {\n      type: Number,\n      default: 0\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    columns: {\n      type: Array,\n      default: () => []\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    },\n    pageSize: {\n      type: Number,\n      default: 10\n    },\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '20', '30', '40']\n    },\n    bordered: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data() {\n    return {\n      tableHeaderHeight: 0,\n      paginationHeight: 0,\n      innerPageSize: 10,\n      innerCurrentPage: 1,\n      tableContentHeight: 0,\n      obs: [],\n      tableTbodyHeight: 0\n    }\n  },\n  computed: {\n    innerColumns () {\n      return this.columns.filter(col => !Object.keys(col).includes('multiple'))\n    },\n    isNoData () {\n      return !this.dataSource.length\n    },\n    noDataAntTableHeight () {\n      //TODO\n      if (this.dataSource.length) {\n        // return 'auto'\n        return `${this.height - this.paginationHeight - 16}px` \n      }\n      return `${this.height - this.paginationHeight - 16}px` \n    },\n    getScrollHeightByHeight () {\n      const height = this.height - this.tableHeaderHeight - this.paginationHeight\n      if (this.tableTbodyHeight == 0) {\n        //暂无数据\n        document.querySelector('.ant-table-body') && (document.querySelector('.ant-table-body').style.height = 'auto')\n      } else if (this.tableTbodyHeight !== 0 && height > this.tableTbodyHeight) {\n        document.querySelector('.ant-table-content') && (document.querySelector('.ant-table-content').style.height = 'inherit')\n        document.querySelector('.ant-table-scroll') && (document.querySelector('.ant-table-scroll').style.height = 'inherit')\n        document.querySelector('.ant-table-body') && (document.querySelector('.ant-table-body').style.height = 'inherit')\n        if (this.tableTbodyHeight > height) {\n          document.querySelector('.ant-table-content').style.height = 'auto'\n          document.querySelector('.ant-table-scroll').style.height = 'auto'\n          document.querySelector('.ant-table-body').style.height = 'auto'\n        }\n        return 0\n        // 0的时候没有y滚动条\n      }\n      return this.height - this.tableHeaderHeight - this.paginationHeight\n    },\n    isFlexColumn () {\n      return this.columns.every(col => !col.width)\n    },\n    getScroll () {\n      if (this.scroll) {\n        return this.scroll\n      } else {\n        if (this.height) {\n          return { x: this.isFlexColumn ?  0 : this.width > this.x ? 0 : this.x, y: this.getScrollHeightByHeight }\n        }\n        return { x: this.isFlexColumn ? 0 : this.width > this.x ? 0 : this.x, y: this.y }\n      }\n    }\n  },\n  watch: {\n    pageSize: {\n      handler (pageSize) {\n        this.innerPageSize = pageSize\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    onShowSizeChange (current, pageSize) {\n      this.innerCurrentPage = current\n      this.innerPageSize = pageSize\n      this.$emit('change-page', current, pageSize)\n    },\n    setPaginationHeight () {\n      this.$nextTick(() => {\n        const { height } = document.querySelector('.g-table__pagination').getBoundingClientRect()\n        this.paginationHeight = height\n      })\n    },\n    setTableHeaderHeight () {\n      this.$nextTick(() => {\n        const el = document.querySelector('.ant-table-header')\n        if (!el) return\n        const { height } = el.getBoundingClientRect()\n        this.tableHeaderHeight = height\n      })\n    },\n    setTableTbodyHeight () {\n      const el = document.querySelector('table .ant-table-tbody')\n      const ob = new ResizeObserver((entries => {\n        if (this.tableHeaderHeight) return\n        for (const _ of entries) {\n          requestAnimationFrame(() => {\n            const { height } = el.getBoundingClientRect()\n            this.tableTbodyHeight = height\n            this.setTableHeaderHeight()\n          })\n        }\n      }))\n      ob.observe(el)\n      this.obs.push(ob)\n    },\n    setRowClassName (record, idx) {\n      return idx % 2 === 0 ? 'g-table__row--even' : 'g-table__row--odd'\n    },\n    onChangePagination (page, pageSize) {\n      this.innerCurrentPage = page\n      this.innerPageSize = pageSize\n      this.$emit('change-page', page, pageSize)\n    }\n  },\n  mounted() {\n    this.setPaginationHeight()\n    setTimeout(() => {\n      this.setTableTbodyHeight()\n    }, 100)\n  },\n  destroyed () {\n    this.obs.forEach(ob => ob.disconnect())\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__wrapper {\n  ::v-deep .ant-spin-nested-loading {\n    height: inherit;\n    .ant-table-fixed-header {\n      .ant-table-body-inner {\n        overflow: hidden;\n      }\n    }\n    .ant-spin-container {\n      height: inherit;\n      .ant-table {\n        height: inherit;\n        .ant-table-content {\n          // height: inherit;\n          // .ant-table-scroll {\n          //   height: inherit;\n          //   .ant-table-body {\n          //     height: inherit;\n          //   }\n          // }\n        }\n      }\n    }\n  }\n  ::v-deep .ant-table-wrapper {\n    .ant-table {\n      border-width: calc(var(--idooel-border-width) * 1px);\n      border-style: solid;\n      border-color: var(--idooel-border-color);\n    }\n    .ant-table-header {\n      .ant-table-fixed {\n        /* border-bottom: 2px solid #53a8ff !important; */\n      }\n      tr {\n        th {\n          border-bottom-width: calc(var(--idooel-border-width) * 1px);\n          border-bottom-style: solid;\n          border-bottom-color: var(--idooel-border-color);\n        }\n      }\n    }\n    .ant-table-tbody {\n      tr {\n        td {\n          border-color: var(--idooel-column-border-color);\n          border-width: calc(var(--idooel-column-border-width) * 1px);;\n          border-style: solid;\n          border-top: unset;\n          border-left: unset;\n        }\n      }\n    }\n    .ant-table-body {\n      // border-top-width: calc(var(--idooel-border-width) * 1px);\n      // border-top-style: solid;\n      // border-top-color: var(--idooel-border-color);\n    }\n    .ant-table-fixed-left {\n      border-bottom-width: calc(var(--idooel-border-width) * 1px);\n      border-bottom-style: solid;\n      border-bottom-color: var(--idooel-border-color);\n      .ant-table-header {\n        /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n        /* border-bottom-style: solid; */\n        /* border-bottom-color: var(--idooel-border-color); */\n      }\n      .ant-table-body-inner {\n        border-right-width: calc(var(--idooel-border-width) * 1px);\n        border-right-style: solid;\n        border-right-color: var(--idooel-border-color);\n      }\n      .ant-table-fixed {\n        border-right-width: calc(var(--idooel-border-width) * 1px);\n        border-right-color: var(--idooel-border-color);\n        border-right-style: solid;\n      }\n    }\n    .ant-table-fixed-right {\n      .ant-table-header {\n        /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n        /* border-bottom-color: var(--idooel-border-color); */\n        /* border-bottom-style: solid; */\n      }\n      // border-bottom-width: calc(var(--idooel-border-width) * 1px);\n      // border-bottom-style: solid;\n      // border-bottom-color: var(--idooel-border-color);\n      .ant-table-fixed {\n        border-left-width: calc(var(--idooel-border-width) * 1px);\n        border-left-style: solid;\n        border-left-color: var(--idooel-border-color);\n      }\n    }\n  }\n  padding: 16px;\n  padding-top: unset;\n  ::v-deep .g-table__row--even {\n    background: var(--idooel-row-even-color);\n  }\n  .g-table__row--odd {\n    background: var(--idooel-row-odd-color);\n  }\n  .g-table__pagination {\n    display: flex;\n    flex-direction: row;\n    justify-content: end;\n    border-width: calc(var(--idooel-border-width) * 1px);\n    border-color: var(--idooel-border-color);\n    border-style: solid;\n    border-top: unset;\n    padding-top: 8px;\n    padding-bottom: 8px;\n    position: relative;\n    z-index: 999;\n  }\n}\n</style>",".g-table__wrapper {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-table-fixed-header .ant-table-body-inner {\n  overflow: hidden;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-spin-container {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-spin-nested-loading .ant-spin-container .ant-table {\n  height: inherit;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-header tr th {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n  /* border-bottom-style: solid; */\n  /* border-bottom-color: var(--idooel-border-color); */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  /* border-bottom-width: calc(var(--idooel-border-width) * 1px); */\n  /* border-bottom-color: var(--idooel-border-color); */\n  /* border-bottom-style: solid; */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .g-table__row--even {\n  background: var(--idooel-row-even-color);\n}\n.g-table__wrapper .g-table__row--odd {\n  background: var(--idooel-row-odd-color);\n}\n.g-table__wrapper .g-table__pagination {\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  position: relative;\n  z-index: 999;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$C = "data-v-59d46d0d";
+  const __vue_scope_id__$C = "data-v-74aaea06";
   /* module identifier */
   const __vue_module_identifier__$C = undefined;
   /* functional template */
@@ -2288,9 +2278,7 @@ var script$A = {
       requestTableData: this.requestTableData,
       [CONTEXT]: () => {
         return {
-          exposed: {
-            ...this.exposed
-          }
+          exposed: this.exposed
         };
       }
     };
@@ -2410,6 +2398,7 @@ var script$A = {
         getCurrentRowData: this.getCurrentRowData,
         setCurrentRowData: this.setCurrentRowData,
         setCurrentTableSelection: this.setCurrentTableSelection,
+        getCurrentTableSelection: this.getCurrentTableSelection,
         cleanCurrentModelEffect: this.cleanCurrentModelEffect,
         route: this.$route,
         _route: this.$route.query,
@@ -2421,9 +2410,9 @@ var script$A = {
         ret[action.eventName] = e => {
           this.setCurrentRowData(e.exposed.currentRowData);
           const {
-            key
+            target
           } = action;
-          const targetMeta = this.findMetaByKey(key);
+          const targetMeta = this.findMetaByKey(target);
           const {
             mode
           } = targetMeta;
@@ -2464,14 +2453,17 @@ var script$A = {
       } = footerMeta || {};
       const eles = type.isFunction(elements) ? elements.call(this) : elements;
       const events = eles.reduce((ret, ele) => {
-        ret[ele.eventName] = e => {
+        ret[ele.eventName] = (e = {}) => {
           if (ele.eventName === 'cancel') {
             this.closeModalTable();
           } else {
+            const {
+              exposed = {}
+            } = e;
             this.$emit(`${ele.eventName}` || 'click', {
               ...e,
               currentTreeNode: this.currentTreeNodeData,
-              exposed: Object.assign({}, e.exposed || {}, this.exposed)
+              exposed: Object.assign({}, exposed || {})
             });
           }
         };
@@ -2627,9 +2619,6 @@ var script$A = {
     if (this.showTree) {
       this.treeData = await this.requestTreeData();
       const [defaultTreeNode = {}] = this.treeData;
-      // const { replaceFields = {} } = this.treeMeta
-      // const mapFields = type.isEmpty(replaceFields) ? this.replaceFields : replaceFields
-      // console.log('replaceFields', this.replaceFields, replaceFields)
       this.defaultExpandedKeys = [defaultTreeNode[this.mapFields.key]];
       this.defaultSelectedKeys = [defaultTreeNode[this.mapFields.key]];
       this.currentTreeNodeData = defaultTreeNode;
@@ -2689,20 +2678,29 @@ var script$A = {
     },
     onChangeTableSelection(_, selectedRows = []) {
       if (this.currentTableMode === 'radio') {
-        this.currentTableSelection = selectedRows[0];
+        this.setCurrentTableSelection(selectedRows);
         this.$emit('on-change-table-selection', this.currentTableSelection);
+        this.$emit('x:refresh-exposed', {
+          exposed: this.exposed
+        });
       } else {
-        this.currentTableSelection = selectedRows;
+        this.setCurrentTableSelection(selectedRows);
         this.$emit('on-change-table-selection', this.currentTableSelection);
+        this.$emit('x:refresh-exposed', {
+          exposed: this.exposed
+        });
       }
     },
     setCurrentTableSelection(props = {}) {
       if (this.currentTableMode === 'radio') {
-        this.currentTableSelection = type.isObject(props) ? props : {};
+        this.$set(this, 'currentTableSelection', type.isObject(props) ? props : {});
       } else {
-        this.currentTableSelection = type.isArray(props) ? props : [];
+        this.$set(this, 'currentTableSelection', type.isArray(props) ? props : []);
       }
     },
+    getCurrentTableSelection() {
+      return this.currentTableSelection;
+    },
     setCurrentRowData(props = {}) {
       this.currentRowData = props;
     },
@@ -2750,9 +2748,9 @@ var script$A = {
     handleClickButtonGroup(props) {
       const {
         eventName,
-        key
+        target
       } = props;
-      const targetMeta = this.findMetaByKey(key);
+      const targetMeta = this.findMetaByKey(target);
       const {
         mode
       } = targetMeta;
@@ -2766,7 +2764,6 @@ var script$A = {
     },
     watchViewPort() {
       const modelTableWrapper = this.$refs[this.modelTableWrapper];
-      console.log(modelTableWrapper.getBoundingClientRect());
       const {
         top
       } = modelTableWrapper.getBoundingClientRect();
@@ -3101,11 +3098,11 @@ __vue_render__$A._withStripped = true;
   /* style */
   const __vue_inject_styles__$A = function (inject) {
     if (!inject) return
-    inject("data-v-36f7d994_0", { source: ".ele.model__tree-table[data-v-36f7d994] {\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-36f7d994] {\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-36f7d994] {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--bar[data-v-36f7d994] {\n  width: 100%;\n  height: 8px;\n  background: var(--idooel-primary-color);\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--text[data-v-36f7d994] {\n  text-align: left;\n  padding: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  background: #fff;\n  border-bottom: 1px solid;\n  border-color: var(--idoole-black-016);\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper[data-v-36f7d994] {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area[data-v-36f7d994] {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 16px;\n  padding-bottom: 8px;\n  padding-right: 16px;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .g-table__wrapper .fsm[data-v-36f7d994] {\n  cursor: pointer;\n  color: var(--idooel-primary-color);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/models/tree-table-model/src/index.vue","index.vue"],"names":[],"mappings":"AA+kBA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;AC9kBA;ADglBA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;AC9kBA;ADilBA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;AC/kBA;ADilBA;EACA,WAAA;EACA,WAAA;EACA,uCAAA;EACA,2BAAA;EACA,4BAAA;AC/kBA;ADilBA;EACA,gBAAA;EACA,aAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,wBAAA;EACA,qCAAA;AC/kBA;ADklBA;EACA,gBAAA;AChlBA;ADilBA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,iBAAA;EACA,mBAAA;EACA,mBAAA;AC/kBA;ADklBA;EACA,eAAA;EACA,kCAAA;AChlBA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <section class=\"ele model__tree-table\">\n    <section class=\"model__tree-table--container\" v-if=\"showTree\">\n      <div class=\"model__tree--title\"></div>\n      <section :ref=\"modelTreeWrapper\" class=\"model__tree--wrapper\" :style=\"{height: `${treeWrapperHeight}px`}\">\n        <ele-tree\n          :tree-data=\"treeData\"\n          :defaultExpandedKeys=\"defaultExpandedKeys\"\n          :defaultSelectedKeys=\"defaultSelectedKeys\"\n          @select=\"selectTreeNode\"\n          :replace-fields=\"mapFields\">\n        </ele-tree>\n      </section>\n    </section>\n    <section class=\"model__table--container\" :ref=\"modelTableContainerRef\">\n      <div class=\"model__table--title\" v-if=\"title\">\n        <template v-if=\"titleMode\">\n          <div :class=\"[`model__table-title--${titleMode}`]\"></div>\n        </template>\n        <template v-else>\n          <div class=\"model__table-title--text\">{{ title }}</div>\n        </template>\n      </div>\n      <section :ref=\"modelTableWrapper\" class=\"model__table--wrapper\">\n        <ele-search-area :ref=\"searchArea\" @search=\"onSearch\" :data-source=\"searchMeta.elements\"></ele-search-area>\n        <div class=\"button-row__area\">\n          <ele-button-group class=\"model-table__button-group\" v-on=\"overrideButtonGroupEvent\" :ref=\"buttonGroup\" @click=\"handleClickButtonGroup\" :data-source=\"getButtonGroupElements\"></ele-button-group>\n          <slot name=\"tags\"></slot>\n          <slot v-if=\"$slots['sub-center']\" name=\"sub-center\"></slot>\n        </div>\n        <ele-table\n          v-on=\"overrideTableEvent\"\n          :ref=\"tableRef\"\n          :row-selection=\"rowSelection\"\n          :loading=\"loading\" \n          :columns=\"columns\"\n          :total=\"total\"\n          :x=\"x\"\n          :y=\"y\"\n          :bordered=\"setBorder\"\n          :height=\"tableHeight\"\n          :width=\"tableWidth\"\n          :actions=\"actions\"\n          :pageSize=\"pageSize\"\n          :pageSizeOptions=\"pageSizeOptions\"\n          :data-source=\"tableData\"\n          @change-page=\"onChangePage\"\n        ></ele-table>\n      </section>\n    </section>\n    <ele-modal-form v-model=\"modalFormValue\" v-on=\"overrideModalFormEvent\" :meta=\"modalFormMeta\"></ele-modal-form>\n    <ele-modal-fsm v-model=\"showFsmModal\" :contextProp=\"fsmContextProp\" :meta=\"fsmMeta\" @cancel=\"handleCloseFsmModal\"></ele-modal-fsm>\n    <ele-modal-table\n      :meta=\"modalTableMeta\"\n      v-model=\"modalTableValue\"\n      v-on=\"overrideModalTableEvent\"\n    ></ele-modal-table>\n  </section>\n</template>\n\n<script>\nimport { type, net, util } from '@idooel/shared'\nimport { v4 as uuidv4 } from 'uuid'\nimport { BUILT_IN_EVENT_NAMES, RESERVE_EVENT_NAMES, parseFieldMap, BUILT_IN_TRIGGER, CONTEXT } from '../../../utils'\nexport default {\n  name: 'ele-tree-table-model',\n  props: {\n    title: {\n      type: [Object, String]\n    },\n    overHeight: {\n      type: Number,\n      default: 0\n    },\n    treeMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    searchMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    buttonGroupMeta: {\n      typeof: Object,\n      default: () => ({})\n    },\n    tableMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    createMeta: {\n      type: Object\n    },\n    editMeta: {\n      type: Object\n    }\n  },\n  provide () {\n    return {\n      requestTreeData: this.requestTreeData,\n      requestTableData: this.requestTableData,\n      [CONTEXT]: () => {\n        return {\n          exposed: { ...this.exposed }\n        }\n      }\n    }\n  },\n  data () {\n    return {\n      tableHeight: 0,\n      tableWidth: 0,\n      modalFormMeta: {},\n      modalFormValue: false,\n      treeData: [],\n      tableData: [],\n      defaultExpandedKeys: [],\n      defaultSelectedKeys: [],\n      replaceFields: {\n        title: 'title',\n        children: 'children',\n        key: 'id'\n      },\n      loading: false,\n      total: 0,\n      tableQuerys: {},\n      resizeObserverModelTableWrapper: null,\n      modelTableWrapperHeight: 0,\n      currentTreeNodeData: {},\n      currentRowData: {},\n      treeWrapperHeight: 0,\n      currentTableSelection: this.currentTableMode == 'radio' ? {} : [],\n      showFsmModal: false,\n      fsmMeta: {},\n      fsmContextProp: {},\n      modalTableValue: false,\n      modalTableMeta: {}\n    }\n  },\n  computed: {\n    setBorder () {\n      return this.tableMeta.bordered === false ? false : true\n    },\n    rowSelection () {\n      if (!this.currentTableMode) return void 0\n      return {\n        columnTitle: this.currentSelectionColumn.columnTitle,\n        fixed: true,\n        type: this.currentTableMode,\n        onChange: this.onChangeTableSelection\n      }\n    },\n    currentSelectionColumn () {\n      const { multiple } = this.tableMeta\n      const target = this.columns.find(item => Object.keys(item).includes('multiple'))\n      const isGlobalExistMultiple = Object.keys(this.tableMeta).includes('multiple')\n      if (target) {\n        return target\n      } else if (isGlobalExistMultiple) {\n        return { multiple }\n      }\n      return void 0\n    },\n    x () {\n      const { x } = this.tableMeta\n      return x\n    },\n    y () {\n      const { y } = this.tableMeta\n      return y\n    },\n    currentTableMode () {\n      if (!this.currentSelectionColumn) return void 0\n      const { multiple } = this.currentSelectionColumn\n      if (type.isBool(multiple)) {\n        if (multiple) {\n          return 'checkbox'\n        } else {\n          return 'radio'\n        }\n      } else {\n        return void 0\n      }\n    },\n    modelTableContainerRef () {\n      return uuidv4()\n    },\n    titleMode () {\n      if (type.isObject(this.title)) {\n        const { mode = '' } = this.title\n        return mode\n      }\n      return void 0\n    },\n    tableRef () {\n      return uuidv4()\n    },\n    exposed () {\n      return {\n        showModalForm: this.showModalForm,\n        closeModalForm: this.closeModalForm,\n        showModalTable: this.showModalTable,\n        closeModalTable: this.closeModalTable,\n        currentTableSelection: this.currentTableSelection,\n        currentTreeNode: this.currentTreeNodeData,\n        requestTableData: this.requestTableData,\n        querys: this.tableQuerys,\n        currentRowData: this.currentRowData,\n        getCurrentRowData: this.getCurrentRowData,\n        setCurrentRowData: this.setCurrentRowData,\n        setCurrentTableSelection: this.setCurrentTableSelection,\n        cleanCurrentModelEffect: this.cleanCurrentModelEffect,\n        route: this.$route,\n        _route: this.$route.query,\n        _routeMeta: this.$route.meta\n      }\n    },\n    overrideTableEvent () {\n      const events = this.actions.reduce((ret, action) => {\n        ret[action.eventName] = (e) => {\n          this.setCurrentRowData(e.exposed.currentRowData)\n          const { key } = action\n          const targetMeta = this.findMetaByKey(key)\n          const { mode } = targetMeta\n          mode && this.dispatchTrigger({ mode, record: e.exposed.currentRowData, modeMeta: targetMeta })\n          this.$emit(action.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: { ...this.exposed, ...e.exposed } })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.EDIT]: this[BUILT_IN_EVENT_NAMES.EDIT],\n        [BUILT_IN_EVENT_NAMES.SUBMIT]: this[BUILT_IN_EVENT_NAMES.SUBMIT]\n      }\n    },\n    overrideModalFormEvent () {\n      return {\n        ...this.$listeners\n      }\n    },\n    overrideModalTableEvent () {\n      const { footerMeta } = this.modalTableMeta\n      const { elements = [] } = footerMeta || {}\n      const eles = type.isFunction(elements) ? elements.call(this) : elements\n      const events = eles.reduce((ret, ele) => {\n        ret[ele.eventName] = (e) => {\n          if (ele.eventName === 'cancel') {\n            this.closeModalTable()\n          } else {\n            this.$emit(`${ele.eventName}` || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: Object.assign({}, e.exposed || {}, this.exposed)})\n          }\n        }\n        return ret\n      }, {})\n      return {\n        ...events,\n        exposed: this.exposed\n      }\n    },\n    overrideButtonGroupEvent () {\n      const events = this.getButtonGroupElements.reduce((ret, ele) => {\n        ret[ele.eventName] = (e) => {\n          this.$emit(ele.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: Object.assign({}, e.exposed || {}, this.exposed)})\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.CREATE]: this[BUILT_IN_EVENT_NAMES.CREATE],\n        exposed: this.exposed\n      }\n    },\n    showTree () {\n      return !!Object.keys(this.treeMeta).length\n    },\n    buttonGroup () {\n      return uuidv4()\n    },\n    searchArea () {\n      return uuidv4()\n    },\n    modelTreeWrapper () {\n      return uuidv4()\n    },\n    modelTableWrapper () {\n      return uuidv4()\n    },\n    actions () {\n      const { operations } = this.tableMeta\n      if (operations) {\n        return operations.elements\n      } else {\n        return []\n      }\n    },\n    pageSize () {\n      const { page = {} } = this.tableMeta\n      return page.pageSize || 10\n    },\n    pageSizeOptions () {\n      const { page = {} } = this.tableMeta\n      return page.pageSizeOptions || ['10', '20', '30', '40']\n    },\n    columns () {\n      const { columns, operations } = this.tableMeta\n      if (type.get(columns) === 'array') {\n        const columnsOptions = columns.map(item => {\n          const { mode = 'text' } = item\n          if (item.render) {\n            return {\n              ...item,\n              customRender: (text, record, index) => {\n                const { $createElement } = this\n                return item.render.call(this, \n                  { h: $createElement, ctx: this },\n                  text ? typeof text == 'object' ? text[item.dataIndex] : text : '', \n                  record, index)\n              }\n            }\n          } else if (mode !== BUILT_IN_TRIGGER.TEXT) {\n            const { [`${mode}Meta`]: modeMeta } = item\n            return {\n              ...item,\n              customRender: (text, record, index) => {\n                return <span onClick={() => this.dispatchTrigger({ mode, record, modeMeta, index })} class={ mode }>{ text }</span>\n              }\n            }\n          }\n          return {\n            ...item\n          }\n        })\n        if (operations) {\n          return [\n            ...columnsOptions,\n            {\n              title: '操作',\n              width: operations.width,\n              key: 'action',\n              fixed: 'right',\n              scopedSlots: { customRender: 'action' }\n            }\n          ]\n        }\n        return columnsOptions\n      } else {\n        console.error('Error: columns is invalid, please check it')\n        return []\n      }\n    },\n    getButtonGroupElements () {\n      const { elements } = this.buttonGroupMeta\n      if (type.get(elements) === 'function') {\n        return elements.call(this)\n      } else if (type.get(elements) === 'array') {\n        return elements\n      } else {\n        return []\n      }\n    },\n    mapFields () {\n      const { replaceFields = {} } = this.treeMeta\n      const mapFields = type.isEmpty(replaceFields) ? this.replaceFields : replaceFields\n      return mapFields\n    }\n  },\n  async created () {\n    if (this.showTree) {\n      this.treeData = await this.requestTreeData()\n      const [defaultTreeNode = {}] = this.treeData\n      // const { replaceFields = {} } = this.treeMeta\n      // const mapFields = type.isEmpty(replaceFields) ? this.replaceFields : replaceFields\n      // console.log('replaceFields', this.replaceFields, replaceFields)\n      this.defaultExpandedKeys = [defaultTreeNode[this.mapFields.key]]\n      this.defaultSelectedKeys = [defaultTreeNode[this.mapFields.key]]\n      this.currentTreeNodeData = defaultTreeNode\n    }\n    const { params = {}, fieldMap = {}, overrideInit = false } = this.tableMeta\n    const ctx = { ...this.currentTreeNodeData, _route: this.$route.query }\n    const initQuerys = Object.assign({}, params, parseFieldMap(fieldMap, ctx))\n    if (overrideInit) {\n      this.$emit(RESERVE_EVENT_NAMES.INIT, { ...this.exposed })\n    } else {\n      this.tableData = await this.requestTableData(initQuerys)\n    }\n  },\n  methods: {\n    dispatchTrigger ({ mode, record = {}, modeMeta = { } }) {\n      switch (mode) {\n        case BUILT_IN_TRIGGER.FSM:\n          this[`${BUILT_IN_TRIGGER.FSM}Trigger`](record, modeMeta = type.isEmpty(modeMeta) ? { \n            url: 'api-fsm/workbench/fsm/auditFlow',\n            requestType: 'GET',\n            fieldMap: {\n              modelCode: 'modelCode',\n              businessId: 'businessId'\n            }\n          } : modeMeta)\n          break\n        case BUILT_IN_TRIGGER.ELE_MODAL_FORM:\n          this.modalFormMeta = modeMeta\n          this.showModalForm(modeMeta)\n          break\n        case BUILT_IN_TRIGGER.ELE_MODAL_TABLE:\n          this.modalTableMeta = modeMeta\n          this.showModalTable(modeMeta)\n          break\n        default:\n          break\n      }\n    },\n    handleCloseFsmModal () {\n      this.showFsmModal = false\n    },\n    [`${BUILT_IN_TRIGGER.FSM}Trigger`] (record, meta) {\n      this.fsmMeta = meta\n      this.fsmContextProp = record\n      this.showFsmModal = true\n    },\n    onChangeTableSelection (_, selectedRows = []) {\n      if (this.currentTableMode === 'radio') {\n        this.currentTableSelection = selectedRows[0]\n        this.$emit('on-change-table-selection', this.currentTableSelection)\n      } else {\n        this.currentTableSelection = selectedRows\n        this.$emit('on-change-table-selection', this.currentTableSelection)\n      }\n    },\n    setCurrentTableSelection (props = {}) {\n      if (this.currentTableMode === 'radio') {\n        this.currentTableSelection = type.isObject(props) ? props : {}\n      } else {\n        this.currentTableSelection = type.isArray(props) ? props : []\n      }\n    },\n    setCurrentRowData (props = {}) {\n      this.currentRowData = props\n    },\n    getCurrentRowData () {\n      return this.currentRowData\n    },\n    cleanCurrentModelEffect () {\n      this.setCurrentTableSelection()\n      this.setCurrentRowData({})\n    },\n    [BUILT_IN_EVENT_NAMES.SUBMIT] (props = {}) {\n      this.cleanCurrentModelEffect()\n      this.requestTableData()\n    },\n    [BUILT_IN_EVENT_NAMES.EDIT] (props = {}) {\n      const { record = {} } = props\n      this.currentRowData = record\n      this.setCurrentRowData(record)\n      this.modalFormMeta = this.editMeta\n      this.modalFormValue = true\n    },\n    [BUILT_IN_EVENT_NAMES.CREATE] () {\n      this.modalFormMeta = this.createMeta\n      this.modalFormValue = true\n    },\n    showModalForm (modeMeta = {}) {\n      this.modalFormMeta = modeMeta\n      this.modalFormValue = true\n    },\n    showModalTable (modeMeta = {}) {\n      this.modalTableMeta = modeMeta\n      this.modalTableValue = true\n    },\n    closeModalForm () {\n      this.modalFormValue = false\n    },\n    closeModalTable () {\n      this.modalTableValue = false\n    },\n    findMetaByKey (key) {\n      return this.$attrs[key] || {}\n    },\n    handleClickButtonGroup (props) {\n      const { eventName, key } = props\n      const targetMeta = this.findMetaByKey(key)\n      const { mode } = targetMeta\n      mode && this.dispatchTrigger({ mode, modeMeta: targetMeta })\n      this.$emit(eventName || 'click', { currentTreeNode: this.currentTreeNodeData })\n    },\n    watchViewPort () {\n      const modelTableWrapper = this.$refs[this.modelTableWrapper]\n      console.log(modelTableWrapper.getBoundingClientRect())\n      const { top } = modelTableWrapper.getBoundingClientRect()\n      this.$refs[this.modelTreeWrapper].style.height = `calc(100vh - ${top}px)`\n    },\n    async onSearch (props) {\n      const { overrideInit = false } = this.tableMeta\n      this.tableQuerys = Object.assign(this.tableQuerys, props)\n      if (overrideInit) {\n        this.$emit(RESERVE_EVENT_NAMES.TREE_CHANGE, { ...this.exposed })\n      } else {\n        this.tableData = await this.requestTableData()\n      }\n    },\n    async selectTreeNode (selectedKeys, e) {\n      const { fieldMap } = this.tableMeta\n      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef || {}\n      //@deprecated '_' namespace is deprecated, please use 'exposed' instead\n      const execFieldMapRet = parseFieldMap(fieldMap, { ...this.currentTreeNodeData, exposed: this.exposed, _route: this.exposed._route })\n      const { overrideInit = false } = this.tableMeta\n      if (overrideInit) {\n        this.$emit(RESERVE_EVENT_NAMES.TREE_CHANGE, { ...this.exposed })\n      } else {\n        this.tableData = await this.requestTableData(execFieldMapRet)\n      }\n    },\n    async requestTreeData () {\n      const { url, requestType = 'GET', params = {}, fieldMap = {} } = this.treeMeta\n      const fieldMapRet = parseFieldMap(fieldMap, { ...this.currentTreeNodeData, _route: this.$route.query })\n      const ret = await net[requestType.toLowerCase()](\n        url,\n        { ...params, ...fieldMapRet }\n      ).then(resp => {\n        const { data } = resp || {}\n        return data\n      })\n      return ret\n    },\n    async onChangePage (page, pageSize) {\n      this.tableData = await this.requestTableData({ currentPage: page, pageSize })\n    },\n    async requestTableData (props = {}) {\n      const { url, requestType = 'GET', page = {} } = this.tableMeta\n      const { pageSize = 10 } = page\n      this.tableQuerys = Object.assign(this.tableQuerys, { currentPage: 1, pageSize }, props)\n      this.$emit(RESERVE_EVENT_NAMES.WATCH, { ...this.exposed })\n      this.loading = true\n      const ret = await net[requestType.toLowerCase()](\n        url,\n        this.tableQuerys\n      ).then(resp => {\n        const { data = [], count } = resp || {}\n        this.total = count\n        this.loading = false\n        return (data || []).map(item => {\n          delete item.children\n          return {\n            key: uuidv4(),\n            ...item\n          }\n        })\n      })\n      this.cleanCurrentModelEffect()\n      this.tableData = ret\n      return ret\n    },\n    refreshTreeStatus (props = {}) {},\n    refreshTableStatus (props = {}) {},\n    calculateTableHeight () {\n      const currentViewportHeight = window.innerHeight\n      const tableRef = this.$refs[this.tableRef]\n      const { top: tableToTop, width } = tableRef.$el.getBoundingClientRect()\n      this.tableWidth = width\n      this.tableHeight = currentViewportHeight - tableToTop - this.overHeight\n    },\n    calculateTreeHeight () {\n      if (!this.showTree) return\n      const modelTableContainerRef = this.$refs[this.modelTableContainerRef]\n      const { height } = modelTableContainerRef.getBoundingClientRect()\n      this.treeWrapperHeight = height\n    }\n  },\n  mounted () {\n    this.calculateTableHeight()\n    this.$nextTick(() => {\n      this.calculateTreeHeight()\n    })\n    this.resizeObserverModelTableWrapper = new ResizeObserver(entries => {\n      for (const _ of entries) {\n        requestAnimationFrame(() => {\n          this.calculateTableHeight()\n        })\n      }\n    })\n    this.resizeObserverModelTableWrapper.observe(this.$refs[this.modelTableWrapper])\n  },\n  destroyed () {\n    this.resizeObserverModelTableWrapper.disconnect()\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ele {\n  &.model__tree-table {\n    background: transparent;                                                                                                                                                                                                                 \n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    .model__tree-table--container {\n      .model__tree--wrapper {\n        width: 240px;\n        background: #fff;\n        flex-shrink: 0;\n        padding: 16px;\n        box-sizing: border-box;\n        margin-right: 16px;\n        overflow-y: auto;\n      }\n    }\n    .model__table--container {\n      width: 100%;\n      min-width: 0;\n      background: #fff;\n      .model__table--title {\n        .model__table-title--bar {\n          width: 100%;\n          height: 8px;\n          background: var(--idooel-primary-color);\n          border-top-left-radius: 4px;\n          border-top-right-radius: 4px;\n        }\n        .model__table-title--text {\n          text-align: left;\n          padding: 16px;\n          font-size: 16px;\n          font-weight: bold;\n          background: #fff;\n          border-bottom: 1px solid;\n          border-color: var(--idoole-black-016);\n        }\n      }\n      .model__table--wrapper {\n        background: #fff;\n        .button-row__area {\n          width: 100%;\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          padding-top: 16px;\n          padding-bottom: 8px;\n          padding-right: 16px;\n        }\n        .g-table__wrapper {\n          .fsm {\n            cursor: pointer;\n            color: var(--idooel-primary-color);\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n",".ele.model__tree-table {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.ele.model__tree-table .model__tree-table--container .model__tree--wrapper {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.ele.model__tree-table .model__table--container {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--bar {\n  width: 100%;\n  height: 8px;\n  background: var(--idooel-primary-color);\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--text {\n  text-align: left;\n  padding: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  background: #fff;\n  border-bottom: 1px solid;\n  border-color: var(--idoole-black-016);\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 16px;\n  padding-bottom: 8px;\n  padding-right: 16px;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .g-table__wrapper .fsm {\n  cursor: pointer;\n  color: var(--idooel-primary-color);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-3b9218e2_0", { source: ".ele.model__tree-table[data-v-3b9218e2] {\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-3b9218e2] {\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-3b9218e2] {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--bar[data-v-3b9218e2] {\n  width: 100%;\n  height: 8px;\n  background: var(--idooel-primary-color);\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--text[data-v-3b9218e2] {\n  text-align: left;\n  padding: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  background: #fff;\n  border-bottom: 1px solid;\n  border-color: var(--idoole-black-016);\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper[data-v-3b9218e2] {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area[data-v-3b9218e2] {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 16px;\n  padding-bottom: 8px;\n  padding-right: 16px;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .g-table__wrapper .fsm[data-v-3b9218e2] {\n  cursor: pointer;\n  color: var(--idooel-primary-color);\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/models/tree-table-model/src/index.vue","index.vue"],"names":[],"mappings":"AAklBA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;ACjlBA;ADmlBA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;ACjlBA;ADolBA;EACA,WAAA;EACA,YAAA;EACA,gBAAA;ACllBA;ADolBA;EACA,WAAA;EACA,WAAA;EACA,uCAAA;EACA,2BAAA;EACA,4BAAA;ACllBA;ADolBA;EACA,gBAAA;EACA,aAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,wBAAA;EACA,qCAAA;ACllBA;ADqlBA;EACA,gBAAA;ACnlBA;ADolBA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,iBAAA;EACA,mBAAA;EACA,mBAAA;ACllBA;ADqlBA;EACA,eAAA;EACA,kCAAA;ACnlBA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <section class=\"ele model__tree-table\">\n    <section class=\"model__tree-table--container\" v-if=\"showTree\">\n      <div class=\"model__tree--title\"></div>\n      <section :ref=\"modelTreeWrapper\" class=\"model__tree--wrapper\" :style=\"{height: `${treeWrapperHeight}px`}\">\n        <ele-tree\n          :tree-data=\"treeData\"\n          :defaultExpandedKeys=\"defaultExpandedKeys\"\n          :defaultSelectedKeys=\"defaultSelectedKeys\"\n          @select=\"selectTreeNode\"\n          :replace-fields=\"mapFields\">\n        </ele-tree>\n      </section>\n    </section>\n    <section class=\"model__table--container\" :ref=\"modelTableContainerRef\">\n      <div class=\"model__table--title\" v-if=\"title\">\n        <template v-if=\"titleMode\">\n          <div :class=\"[`model__table-title--${titleMode}`]\"></div>\n        </template>\n        <template v-else>\n          <div class=\"model__table-title--text\">{{ title }}</div>\n        </template>\n      </div>\n      <section :ref=\"modelTableWrapper\" class=\"model__table--wrapper\">\n        <ele-search-area :ref=\"searchArea\" @search=\"onSearch\" :data-source=\"searchMeta.elements\"></ele-search-area>\n        <div class=\"button-row__area\">\n          <ele-button-group class=\"model-table__button-group\" v-on=\"overrideButtonGroupEvent\" :ref=\"buttonGroup\" @click=\"handleClickButtonGroup\" :data-source=\"getButtonGroupElements\"></ele-button-group>\n          <slot name=\"tags\"></slot>\n          <slot v-if=\"$slots['sub-center']\" name=\"sub-center\"></slot>\n        </div>\n        <ele-table\n          v-on=\"overrideTableEvent\"\n          :ref=\"tableRef\"\n          :row-selection=\"rowSelection\"\n          :loading=\"loading\" \n          :columns=\"columns\"\n          :total=\"total\"\n          :x=\"x\"\n          :y=\"y\"\n          :bordered=\"setBorder\"\n          :height=\"tableHeight\"\n          :width=\"tableWidth\"\n          :actions=\"actions\"\n          :pageSize=\"pageSize\"\n          :pageSizeOptions=\"pageSizeOptions\"\n          :data-source=\"tableData\"\n          @change-page=\"onChangePage\"\n        ></ele-table>\n      </section>\n    </section>\n    <ele-modal-form v-model=\"modalFormValue\" v-on=\"overrideModalFormEvent\" :meta=\"modalFormMeta\"></ele-modal-form>\n    <ele-modal-fsm v-model=\"showFsmModal\" :contextProp=\"fsmContextProp\" :meta=\"fsmMeta\" @cancel=\"handleCloseFsmModal\"></ele-modal-fsm>\n    <ele-modal-table\n      :meta=\"modalTableMeta\"\n      v-model=\"modalTableValue\"\n      v-on=\"overrideModalTableEvent\"\n    ></ele-modal-table>\n  </section>\n</template>\n\n<script>\nimport { type, net, util } from '@idooel/shared'\nimport { v4 as uuidv4 } from 'uuid'\nimport { BUILT_IN_EVENT_NAMES, RESERVE_EVENT_NAMES, parseFieldMap, BUILT_IN_TRIGGER, CONTEXT } from '../../../utils'\nexport default {\n  name: 'ele-tree-table-model',\n  props: {\n    title: {\n      type: [Object, String]\n    },\n    overHeight: {\n      type: Number,\n      default: 0\n    },\n    treeMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    searchMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    buttonGroupMeta: {\n      typeof: Object,\n      default: () => ({})\n    },\n    tableMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    createMeta: {\n      type: Object\n    },\n    editMeta: {\n      type: Object\n    }\n  },\n  provide () {\n    return {\n      requestTreeData: this.requestTreeData,\n      requestTableData: this.requestTableData,\n      [CONTEXT]: () => {\n        return {\n          exposed: this.exposed\n        }\n      }\n    }\n  },\n  data () {\n    return {\n      tableHeight: 0,\n      tableWidth: 0,\n      modalFormMeta: {},\n      modalFormValue: false,\n      treeData: [],\n      tableData: [],\n      defaultExpandedKeys: [],\n      defaultSelectedKeys: [],\n      replaceFields: {\n        title: 'title',\n        children: 'children',\n        key: 'id'\n      },\n      loading: false,\n      total: 0,\n      tableQuerys: {},\n      resizeObserverModelTableWrapper: null,\n      modelTableWrapperHeight: 0,\n      currentTreeNodeData: {},\n      currentRowData: {},\n      treeWrapperHeight: 0,\n      currentTableSelection: this.currentTableMode == 'radio' ? {} : [],\n      showFsmModal: false,\n      fsmMeta: {},\n      fsmContextProp: {},\n      modalTableValue: false,\n      modalTableMeta: {}\n    }\n  },\n  computed: {\n    setBorder () {\n      return this.tableMeta.bordered === false ? false : true\n    },\n    rowSelection () {\n      if (!this.currentTableMode) return void 0\n      return {\n        columnTitle: this.currentSelectionColumn.columnTitle,\n        fixed: true,\n        type: this.currentTableMode,\n        onChange: this.onChangeTableSelection\n      }\n    },\n    currentSelectionColumn () {\n      const { multiple } = this.tableMeta\n      const target = this.columns.find(item => Object.keys(item).includes('multiple'))\n      const isGlobalExistMultiple = Object.keys(this.tableMeta).includes('multiple')\n      if (target) {\n        return target\n      } else if (isGlobalExistMultiple) {\n        return { multiple }\n      }\n      return void 0\n    },\n    x () {\n      const { x } = this.tableMeta\n      return x\n    },\n    y () {\n      const { y } = this.tableMeta\n      return y\n    },\n    currentTableMode () {\n      if (!this.currentSelectionColumn) return void 0\n      const { multiple } = this.currentSelectionColumn\n      if (type.isBool(multiple)) {\n        if (multiple) {\n          return 'checkbox'\n        } else {\n          return 'radio'\n        }\n      } else {\n        return void 0\n      }\n    },\n    modelTableContainerRef () {\n      return uuidv4()\n    },\n    titleMode () {\n      if (type.isObject(this.title)) {\n        const { mode = '' } = this.title\n        return mode\n      }\n      return void 0\n    },\n    tableRef () {\n      return uuidv4()\n    },\n    exposed () {\n      return {\n        showModalForm: this.showModalForm,\n        closeModalForm: this.closeModalForm,\n        showModalTable: this.showModalTable,\n        closeModalTable: this.closeModalTable,\n        currentTableSelection: this.currentTableSelection,\n        currentTreeNode: this.currentTreeNodeData,\n        requestTableData: this.requestTableData,\n        querys: this.tableQuerys,\n        currentRowData: this.currentRowData,\n        getCurrentRowData: this.getCurrentRowData,\n        setCurrentRowData: this.setCurrentRowData,\n        setCurrentTableSelection: this.setCurrentTableSelection,\n        getCurrentTableSelection: this.getCurrentTableSelection,\n        cleanCurrentModelEffect: this.cleanCurrentModelEffect,\n        route: this.$route,\n        _route: this.$route.query,\n        _routeMeta: this.$route.meta\n      }\n    },\n    overrideTableEvent () {\n      const events = this.actions.reduce((ret, action) => {\n        ret[action.eventName] = (e) => {\n          this.setCurrentRowData(e.exposed.currentRowData)\n          const { target } = action\n          const targetMeta = this.findMetaByKey(target)\n          const { mode } = targetMeta\n          mode && this.dispatchTrigger({ mode, record: e.exposed.currentRowData, modeMeta: targetMeta })\n          this.$emit(action.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: { ...this.exposed, ...e.exposed } })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.EDIT]: this[BUILT_IN_EVENT_NAMES.EDIT],\n        [BUILT_IN_EVENT_NAMES.SUBMIT]: this[BUILT_IN_EVENT_NAMES.SUBMIT]\n      }\n    },\n    overrideModalFormEvent () {\n      return {\n        ...this.$listeners\n      }\n    },\n    overrideModalTableEvent () {\n      const { footerMeta } = this.modalTableMeta\n      const { elements = [] } = footerMeta || {}\n      const eles = type.isFunction(elements) ? elements.call(this) : elements\n      const events = eles.reduce((ret, ele) => {\n        ret[ele.eventName] = (e = {}) => {\n          if (ele.eventName === 'cancel') {\n            this.closeModalTable()\n          } else {\n            const { exposed = {} } = e\n            this.$emit(`${ele.eventName}` || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: Object.assign({}, exposed || {})})\n          }\n        }\n        return ret\n      }, {})\n      return {\n        ...events,\n        exposed: this.exposed\n      }\n    },\n    overrideButtonGroupEvent () {\n      const events = this.getButtonGroupElements.reduce((ret, ele) => {\n        ret[ele.eventName] = (e) => {\n          this.$emit(ele.eventName || 'click', { ...e, currentTreeNode: this.currentTreeNodeData, exposed: Object.assign({}, e.exposed || {}, this.exposed)})\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        [BUILT_IN_EVENT_NAMES.CREATE]: this[BUILT_IN_EVENT_NAMES.CREATE],\n        exposed: this.exposed\n      }\n    },\n    showTree () {\n      return !!Object.keys(this.treeMeta).length\n    },\n    buttonGroup () {\n      return uuidv4()\n    },\n    searchArea () {\n      return uuidv4()\n    },\n    modelTreeWrapper () {\n      return uuidv4()\n    },\n    modelTableWrapper () {\n      return uuidv4()\n    },\n    actions () {\n      const { operations } = this.tableMeta\n      if (operations) {\n        return operations.elements\n      } else {\n        return []\n      }\n    },\n    pageSize () {\n      const { page = {} } = this.tableMeta\n      return page.pageSize || 10\n    },\n    pageSizeOptions () {\n      const { page = {} } = this.tableMeta\n      return page.pageSizeOptions || ['10', '20', '30', '40']\n    },\n    columns () {\n      const { columns, operations } = this.tableMeta\n      if (type.get(columns) === 'array') {\n        const columnsOptions = columns.map(item => {\n          const { mode = 'text' } = item\n          if (item.render) {\n            return {\n              ...item,\n              customRender: (text, record, index) => {\n                const { $createElement } = this\n                return item.render.call(this, \n                  { h: $createElement, ctx: this },\n                  text ? typeof text == 'object' ? text[item.dataIndex] : text : '', \n                  record, index)\n              }\n            }\n          } else if (mode !== BUILT_IN_TRIGGER.TEXT) {\n            const { [`${mode}Meta`]: modeMeta } = item\n            return {\n              ...item,\n              customRender: (text, record, index) => {\n                return <span onClick={() => this.dispatchTrigger({ mode, record, modeMeta, index })} class={ mode }>{ text }</span>\n              }\n            }\n          }\n          return {\n            ...item\n          }\n        })\n        if (operations) {\n          return [\n            ...columnsOptions,\n            {\n              title: '操作',\n              width: operations.width,\n              key: 'action',\n              fixed: 'right',\n              scopedSlots: { customRender: 'action' }\n            }\n          ]\n        }\n        return columnsOptions\n      } else {\n        console.error('Error: columns is invalid, please check it')\n        return []\n      }\n    },\n    getButtonGroupElements () {\n      const { elements } = this.buttonGroupMeta\n      if (type.get(elements) === 'function') {\n        return elements.call(this)\n      } else if (type.get(elements) === 'array') {\n        return elements\n      } else {\n        return []\n      }\n    },\n    mapFields () {\n      const { replaceFields = {} } = this.treeMeta\n      const mapFields = type.isEmpty(replaceFields) ? this.replaceFields : replaceFields\n      return mapFields\n    }\n  },\n  async created () {\n    if (this.showTree) {\n      this.treeData = await this.requestTreeData()\n      const [defaultTreeNode = {}] = this.treeData\n      this.defaultExpandedKeys = [defaultTreeNode[this.mapFields.key]]\n      this.defaultSelectedKeys = [defaultTreeNode[this.mapFields.key]]\n      this.currentTreeNodeData = defaultTreeNode\n    }\n    const { params = {}, fieldMap = {}, overrideInit = false } = this.tableMeta\n    const ctx = { ...this.currentTreeNodeData, _route: this.$route.query }\n    const initQuerys = Object.assign({}, params, parseFieldMap(fieldMap, ctx))\n    if (overrideInit) {\n      this.$emit(RESERVE_EVENT_NAMES.INIT, { ...this.exposed })\n    } else {\n      this.tableData = await this.requestTableData(initQuerys)\n    }\n  },\n  methods: {\n    dispatchTrigger ({ mode, record = {}, modeMeta = { } }) {\n      switch (mode) {\n        case BUILT_IN_TRIGGER.FSM:\n          this[`${BUILT_IN_TRIGGER.FSM}Trigger`](record, modeMeta = type.isEmpty(modeMeta) ? { \n            url: 'api-fsm/workbench/fsm/auditFlow',\n            requestType: 'GET',\n            fieldMap: {\n              modelCode: 'modelCode',\n              businessId: 'businessId'\n            }\n          } : modeMeta)\n          break\n        case BUILT_IN_TRIGGER.ELE_MODAL_FORM:\n          this.modalFormMeta = modeMeta\n          this.showModalForm(modeMeta)\n          break\n        case BUILT_IN_TRIGGER.ELE_MODAL_TABLE:\n          this.modalTableMeta = modeMeta\n          this.showModalTable(modeMeta)\n          break\n        default:\n          break\n      }\n    },\n    handleCloseFsmModal () {\n      this.showFsmModal = false\n    },\n    [`${BUILT_IN_TRIGGER.FSM}Trigger`] (record, meta) {\n      this.fsmMeta = meta\n      this.fsmContextProp = record\n      this.showFsmModal = true\n    },\n    onChangeTableSelection (_, selectedRows = []) {\n      if (this.currentTableMode === 'radio') {\n        this.setCurrentTableSelection(selectedRows)\n        this.$emit('on-change-table-selection', this.currentTableSelection)\n        this.$emit('x:refresh-exposed', { exposed: this.exposed })\n      } else {\n        this.setCurrentTableSelection(selectedRows)\n        this.$emit('on-change-table-selection', this.currentTableSelection)\n        this.$emit('x:refresh-exposed', { exposed: this.exposed })\n      }\n    },\n    setCurrentTableSelection (props = {}) {\n      if (this.currentTableMode === 'radio') {\n        this.$set(this, 'currentTableSelection', type.isObject(props) ? props : {})\n      } else {\n        this.$set(this, 'currentTableSelection', type.isArray(props) ? props : [])\n      }\n    },\n    getCurrentTableSelection () {\n      return this.currentTableSelection\n    },\n    setCurrentRowData (props = {}) {\n      this.currentRowData = props\n    },\n    getCurrentRowData () {\n      return this.currentRowData\n    },\n    cleanCurrentModelEffect () {\n      this.setCurrentTableSelection()\n      this.setCurrentRowData({})\n    },\n    [BUILT_IN_EVENT_NAMES.SUBMIT] (props = {}) {\n      this.cleanCurrentModelEffect()\n      this.requestTableData()\n    },\n    [BUILT_IN_EVENT_NAMES.EDIT] (props = {}) {\n      const { record = {} } = props\n      this.currentRowData = record\n      this.setCurrentRowData(record)\n      this.modalFormMeta = this.editMeta\n      this.modalFormValue = true\n    },\n    [BUILT_IN_EVENT_NAMES.CREATE] () {\n      this.modalFormMeta = this.createMeta\n      this.modalFormValue = true\n    },\n    showModalForm (modeMeta = {}) {\n      this.modalFormMeta = modeMeta\n      this.modalFormValue = true\n    },\n    showModalTable (modeMeta = {}) {\n      this.modalTableMeta = modeMeta\n      this.modalTableValue = true\n    },\n    closeModalForm () {\n      this.modalFormValue = false\n    },\n    closeModalTable () {\n      this.modalTableValue = false\n    },\n    findMetaByKey (key) {\n      return this.$attrs[key] || {}\n    },\n    handleClickButtonGroup (props) {\n      const { eventName, target } = props\n      const targetMeta = this.findMetaByKey(target)\n      const { mode } = targetMeta\n      mode && this.dispatchTrigger({ mode, modeMeta: targetMeta })\n      this.$emit(eventName || 'click', { currentTreeNode: this.currentTreeNodeData })\n    },\n    watchViewPort () {\n      const modelTableWrapper = this.$refs[this.modelTableWrapper]\n      const { top } = modelTableWrapper.getBoundingClientRect()\n      this.$refs[this.modelTreeWrapper].style.height = `calc(100vh - ${top}px)`\n    },\n    async onSearch (props) {\n      const { overrideInit = false } = this.tableMeta\n      this.tableQuerys = Object.assign(this.tableQuerys, props)\n      if (overrideInit) {\n        this.$emit(RESERVE_EVENT_NAMES.TREE_CHANGE, { ...this.exposed })\n      } else {\n        this.tableData = await this.requestTableData()\n      }\n    },\n    async selectTreeNode (selectedKeys, e) {\n      const { fieldMap } = this.tableMeta\n      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef || {}\n      //@deprecated '_' namespace is deprecated, please use 'exposed' instead\n      const execFieldMapRet = parseFieldMap(fieldMap, { ...this.currentTreeNodeData, exposed: this.exposed, _route: this.exposed._route })\n      const { overrideInit = false } = this.tableMeta\n      if (overrideInit) {\n        this.$emit(RESERVE_EVENT_NAMES.TREE_CHANGE, { ...this.exposed })\n      } else {\n        this.tableData = await this.requestTableData(execFieldMapRet)\n      }\n    },\n    async requestTreeData () {\n      const { url, requestType = 'GET', params = {}, fieldMap = {} } = this.treeMeta\n      const fieldMapRet = parseFieldMap(fieldMap, { ...this.currentTreeNodeData, _route: this.$route.query })\n      const ret = await net[requestType.toLowerCase()](\n        url,\n        { ...params, ...fieldMapRet }\n      ).then(resp => {\n        const { data } = resp || {}\n        return data\n      })\n      return ret\n    },\n    async onChangePage (page, pageSize) {\n      this.tableData = await this.requestTableData({ currentPage: page, pageSize })\n    },\n    async requestTableData (props = {}) {\n      const { url, requestType = 'GET', page = {} } = this.tableMeta\n      const { pageSize = 10 } = page\n      this.tableQuerys = Object.assign(this.tableQuerys, { currentPage: 1, pageSize }, props)\n      this.$emit(RESERVE_EVENT_NAMES.WATCH, { ...this.exposed })\n      this.loading = true\n      const ret = await net[requestType.toLowerCase()](\n        url,\n        this.tableQuerys\n      ).then(resp => {\n        const { data = [], count } = resp || {}\n        this.total = count\n        this.loading = false\n        return (data || []).map(item => {\n          delete item.children\n          return {\n            key: uuidv4(),\n            ...item\n          }\n        })\n      })\n      this.cleanCurrentModelEffect()\n      this.tableData = ret\n      return ret\n    },\n    refreshTreeStatus (props = {}) {},\n    refreshTableStatus (props = {}) {},\n    calculateTableHeight () {\n      const currentViewportHeight = window.innerHeight\n      const tableRef = this.$refs[this.tableRef]\n      const { top: tableToTop, width } = tableRef.$el.getBoundingClientRect()\n      this.tableWidth = width\n      this.tableHeight = currentViewportHeight - tableToTop - this.overHeight\n    },\n    calculateTreeHeight () {\n      if (!this.showTree) return\n      const modelTableContainerRef = this.$refs[this.modelTableContainerRef]\n      const { height } = modelTableContainerRef.getBoundingClientRect()\n      this.treeWrapperHeight = height\n    }\n  },\n  mounted () {\n    this.calculateTableHeight()\n    this.$nextTick(() => {\n      this.calculateTreeHeight()\n    })\n    this.resizeObserverModelTableWrapper = new ResizeObserver(entries => {\n      for (const _ of entries) {\n        requestAnimationFrame(() => {\n          this.calculateTableHeight()\n        })\n      }\n    })\n    this.resizeObserverModelTableWrapper.observe(this.$refs[this.modelTableWrapper])\n  },\n  destroyed () {\n    this.resizeObserverModelTableWrapper.disconnect()\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.ele {\n  &.model__tree-table {\n    background: transparent;                                                                                                                                                                                                                 \n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    .model__tree-table--container {\n      .model__tree--wrapper {\n        width: 240px;\n        background: #fff;\n        flex-shrink: 0;\n        padding: 16px;\n        box-sizing: border-box;\n        margin-right: 16px;\n        overflow-y: auto;\n      }\n    }\n    .model__table--container {\n      width: 100%;\n      min-width: 0;\n      background: #fff;\n      .model__table--title {\n        .model__table-title--bar {\n          width: 100%;\n          height: 8px;\n          background: var(--idooel-primary-color);\n          border-top-left-radius: 4px;\n          border-top-right-radius: 4px;\n        }\n        .model__table-title--text {\n          text-align: left;\n          padding: 16px;\n          font-size: 16px;\n          font-weight: bold;\n          background: #fff;\n          border-bottom: 1px solid;\n          border-color: var(--idoole-black-016);\n        }\n      }\n      .model__table--wrapper {\n        background: #fff;\n        .button-row__area {\n          width: 100%;\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          padding-top: 16px;\n          padding-bottom: 8px;\n          padding-right: 16px;\n        }\n        .g-table__wrapper {\n          .fsm {\n            cursor: pointer;\n            color: var(--idooel-primary-color);\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n",".ele.model__tree-table {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.ele.model__tree-table .model__tree-table--container .model__tree--wrapper {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.ele.model__tree-table .model__table--container {\n  width: 100%;\n  min-width: 0;\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--bar {\n  width: 100%;\n  height: 8px;\n  background: var(--idooel-primary-color);\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.ele.model__tree-table .model__table--container .model__table--title .model__table-title--text {\n  text-align: left;\n  padding: 16px;\n  font-size: 16px;\n  font-weight: bold;\n  background: #fff;\n  border-bottom: 1px solid;\n  border-color: var(--idoole-black-016);\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper {\n  background: #fff;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .button-row__area {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 16px;\n  padding-bottom: 8px;\n  padding-right: 16px;\n}\n.ele.model__tree-table .model__table--container .model__table--wrapper .g-table__wrapper .fsm {\n  cursor: pointer;\n  color: var(--idooel-primary-color);\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$A = "data-v-36f7d994";
+  const __vue_scope_id__$A = "data-v-3b9218e2";
   /* module identifier */
   const __vue_module_identifier__$A = undefined;
   /* functional template */
@@ -3671,7 +3668,7 @@ var script$y = {
     executeExpression(expression, dataSource = {}) {
       if (type.isBool(expression)) return expression;
       if (type.isEmpty(expression)) return false;
-      return parse(expression, {
+      return parse$1(expression, {
         ...this.expressionData,
         ...this.formModels(),
         ...dataSource
@@ -4014,7 +4011,7 @@ var script$x = {
     executeExpression(expression) {
       if (type.isBool(expression)) return expression;
       if (type.isEmpty(expression)) return false;
-      return parse(expression, {
+      return parse$1(expression, {
         ...this.expressionData
       });
     },
@@ -4386,7 +4383,7 @@ var script$v = {
     executeExpression(expression) {
       if (type.isBool(expression)) return expression;
       if (type.isEmpty(expression)) return false;
-      return parse(expression, {
+      return parse$1(expression, {
         ...this.getFieldsValue(),
         _route: this.$route.query,
         _routeMeta: this.$route.meta
@@ -11794,7 +11791,7 @@ var script$b = {
     buildDefaultValue(arg) {
       if (type.notStr(arg)) return arg;
       if (!arg || arg.charAt(0) !== '_') return arg;
-      return parse(arg, {
+      return parse$1(arg, {
         _route: this.$route.query
       });
     },
@@ -12142,18 +12139,20 @@ var script$a = {
   },
   computed: {
     callContext() {
-      return Object.assign({}, this[CONTEXT].call(this).exposed || {}, {
-        exposed: {
-          [AREA_NAMES.BUTTON_GROUP]: {
-            setModalConfirm: this.setModalConfirm
-          }
+      return this[CONTEXT].call(this);
+    },
+    currentExposed() {
+      const exposed = Object.assign({}, this.callContext.exposed || {}, {
+        [AREA_NAMES.BUTTON_GROUP]: {
+          setModalConfirm: this.setModalConfirm
         }
       });
+      return exposed;
     },
     contextData() {
       return {
-        ...this.callContext,
-        ...this.currentContext
+        ...this.currentContext,
+        exposed: this.currentExposed
       };
     },
     overrideButtonEvent() {
@@ -12224,7 +12223,8 @@ var script$a = {
     currentContext() {
       return {
         _route: this.$route.query,
-        _routeMeta: this.$route.meta
+        _routeMeta: this.$route.meta,
+        ...this.callContext
       };
     }
   },
@@ -12254,7 +12254,7 @@ var script$a = {
     executeExpression(expression) {
       if (type.isBool(expression)) return expression;
       if (type.isEmpty(expression)) return true;
-      return parse(expression, {
+      return parse$1(expression, {
         ...this.currentContext,
         ...this.contextData
       });
@@ -12333,11 +12333,11 @@ __vue_render__$a._withStripped = true;
   /* style */
   const __vue_inject_styles__$a = function (inject) {
     if (!inject) return
-    inject("data-v-14460d84_0", { source: ".button-group__wrapper[data-v-14460d84] {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn[data-v-14460d84] {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn[data-v-14460d84]: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":"AAuIA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;ACtIA;ADuIA;EACA,gBAAA;ACrIA;ADsIA;EACA,cAAA;ACpIA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"button-group__wrapper\">\n    <template v-for=\"(item, idx) in innerDatasource\" >\n      <ele-button\n        v-if=\"isBool(item._show) ? item._show : true\"\n        :type=\"item.type\"\n        :icon=\"item.icon\"\n        :mode=\"item.mode\"\n        :data-source=\"item.optionList\"\n        :event-name=\"item.eventName\"\n        :record=\"item\"\n        v-on=\"overrideButtonEvent\"\n        :key=\"idx\">\n        {{ item.label }}\n      </ele-button>\n    </template>\n    <ele-modal-confirm v-model=\"modalConfirmValue\" :contextProp=\"currentContext\" v-on=\"overrideModalConfirmEvent\" v-bind=\"modalConfirmMeta\"></ele-modal-confirm>\n  </div>\n</template>\n\n<script>\nimport { type, util } from '@idooel/shared'\nimport { parse } from '@idooel/expression'\nimport { CONTEXT, AREA_NAMES } from '../../../utils'\nexport default {\n  name: 'ele-button-group',\n  props: {\n    dataSource: {\n      type: Array,\n      default: () => []\n    }\n  },\n  data() {\n    return {\n      innerDatasource: [],\n      modalConfirmValue: false,\n      modalConfirmMeta: {}\n    }\n  },\n  inject: {\n    [CONTEXT]: {\n      default: () => (() => ({}))\n    }\n  },\n  computed: {\n    callContext () {\n      return Object.assign({}, this[CONTEXT].call(this).exposed || {}, { exposed: { [AREA_NAMES.BUTTON_GROUP]: { setModalConfirm: this.setModalConfirm } } })\n    },\n    contextData () {\n      return {\n        ...this.callContext,\n        ...this.currentContext\n      }\n    },\n    overrideButtonEvent () {\n      const events = this.dataSource.reduce((ret, item) => {\n        const { mode, optionList = [] } = item\n        if (mode == 'dropdown') {\n          optionList.forEach(props => {\n            ret[props.eventName || 'click'] = (e) => {\n              const { modalConfirm } = props\n              modalConfirm && (this.modalConfirmMeta = modalConfirm)\n              if (this.preventModalConfirm(modalConfirm)) {\n                this.$emit(props.eventName || 'click', { ...e, ...props, record: props, ...this.contextData })\n                return\n              }\n              modalConfirm && (this.modalConfirmValue = true)\n              this.$emit(props.eventName || 'click', { ...e, ...props, record: props, ...this.contextData })\n            }\n          })\n        }\n        ret[item.eventName || 'click'] = (e) => {\n          const { modalConfirm } = item\n          modalConfirm && (this.modalConfirmMeta = modalConfirm)\n          if (this.preventModalConfirm(modalConfirm)) {\n            this.$emit(item.eventName || 'click', { ...e, record: item, ...this.contextData })\n            return\n          }\n          modalConfirm && (this.modalConfirmValue = true)\n          this.$emit(item.eventName || 'click', { ...e, record: item, ...this.contextData })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        ...this.contextData\n      }\n    },\n    overrideModalConfirmEvent () {\n      return {\n        ...this.$listeners\n      }\n    },\n    currentContext () {\n      return {\n        _route: this.$route.query,\n        _routeMeta: this.$route.meta\n      }\n    }\n  },\n  watch: {\n    dataSource: {\n      handler (dataSource) {\n        this.innerDatasource = dataSource.map(item => {\n          return {\n            ...item,\n            _show: this.executeExpression(item.show)\n          }\n        })\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    setModalConfirm (arg = false) {\n      this.modalConfirmValue = arg\n    },\n    preventModalConfirm (modalConfirm = {}) {\n      const { show } = modalConfirm\n      return !this.executeExpression(show)\n    },\n    executeExpression (expression) {\n      if (type.isBool(expression)) return expression\n      if (type.isEmpty(expression)) return true\n      return parse(expression, { ...this.currentContext, ...this.contextData })\n    },\n    isBool (arg) {\n      return type.isBool(arg)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n  .ant-btn {\n    margin-left: 8px;\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>",".button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+    inject("data-v-1f716980_0", { source: ".button-group__wrapper[data-v-1f716980] {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn[data-v-1f716980] {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn[data-v-1f716980]: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":"AA4IA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;AC3IA;AD4IA;EACA,gBAAA;AC1IA;AD2IA;EACA,cAAA;ACzIA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"button-group__wrapper\">\n    <template v-for=\"(item, idx) in innerDatasource\" >\n      <ele-button\n        v-if=\"isBool(item._show) ? item._show : true\"\n        :type=\"item.type\"\n        :icon=\"item.icon\"\n        :mode=\"item.mode\"\n        :data-source=\"item.optionList\"\n        :event-name=\"item.eventName\"\n        :record=\"item\"\n        v-on=\"overrideButtonEvent\"\n        :key=\"idx\">\n        {{ item.label }}\n      </ele-button>\n    </template>\n    <ele-modal-confirm v-model=\"modalConfirmValue\" :contextProp=\"currentContext\" v-on=\"overrideModalConfirmEvent\" v-bind=\"modalConfirmMeta\"></ele-modal-confirm>\n  </div>\n</template>\n\n<script>\nimport { type, util } from '@idooel/shared'\nimport { parse } from '@idooel/expression'\nimport { CONTEXT, AREA_NAMES } from '../../../utils'\nexport default {\n  name: 'ele-button-group',\n  props: {\n    dataSource: {\n      type: Array,\n      default: () => []\n    }\n  },\n  data() {\n    return {\n      innerDatasource: [],\n      modalConfirmValue: false,\n      modalConfirmMeta: {}\n    }\n  },\n  inject: {\n    [CONTEXT]: {\n      default: () => (() => ({}))\n    }\n  },\n  computed: {\n    callContext () {\n      return this[CONTEXT].call(this)\n    },\n    currentExposed () {\n      const exposed = Object.assign({}, this.callContext.exposed || {}, { [AREA_NAMES.BUTTON_GROUP]: { setModalConfirm: this.setModalConfirm } })\n      return exposed\n    },\n    contextData () {\n      return {\n        ...this.currentContext,\n        exposed: this.currentExposed\n      }\n    },\n    overrideButtonEvent () {\n      const events = this.dataSource.reduce((ret, item) => {\n        const { mode, optionList = [] } = item\n        if (mode == 'dropdown') {\n          optionList.forEach(props => {\n            ret[props.eventName || 'click'] = (e) => {\n              const { modalConfirm } = props\n              modalConfirm && (this.modalConfirmMeta = modalConfirm)\n              if (this.preventModalConfirm(modalConfirm)) {\n                this.$emit(props.eventName || 'click', { ...e, ...props, record: props, ...this.contextData })\n                return\n              }\n              modalConfirm && (this.modalConfirmValue = true)\n              this.$emit(props.eventName || 'click', { ...e, ...props, record: props, ...this.contextData })\n            }\n          })\n        }\n        ret[item.eventName || 'click'] = (e) => {\n          const { modalConfirm } = item\n          modalConfirm && (this.modalConfirmMeta = modalConfirm)\n          if (this.preventModalConfirm(modalConfirm)) {\n            this.$emit(item.eventName || 'click', { ...e, record: item, ...this.contextData })\n            return\n          }\n          modalConfirm && (this.modalConfirmValue = true)\n          this.$emit(item.eventName || 'click', { ...e, record: item, ...this.contextData })\n        }\n        return ret\n      }, {})\n      return {\n        ...this.$listeners,\n        ...events,\n        ...this.contextData\n      }\n    },\n    overrideModalConfirmEvent () {\n      return {\n        ...this.$listeners\n      }\n    },\n    currentContext () {\n      return {\n        _route: this.$route.query,\n        _routeMeta: this.$route.meta,\n        ...this.callContext\n      }\n    }\n  },\n  watch: {\n    dataSource: {\n      handler (dataSource) {\n        this.innerDatasource = dataSource.map(item => {\n          return {\n            ...item,\n            _show: this.executeExpression(item.show)\n          }\n        })\n      },\n      immediate: true\n    }\n  },\n  methods: {\n    setModalConfirm (arg = false) {\n      this.modalConfirmValue = arg\n    },\n    preventModalConfirm (modalConfirm = {}) {\n      const { show } = modalConfirm\n      return !this.executeExpression(show)\n    },\n    executeExpression (expression) {\n      if (type.isBool(expression)) return expression\n      if (type.isEmpty(expression)) return true\n      return parse(expression, { ...this.currentContext, ...this.contextData })\n    },\n    isBool (arg) {\n      return type.isBool(arg)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n  .ant-btn {\n    margin-left: 8px;\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>",".button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$a = "data-v-14460d84";
+  const __vue_scope_id__$a = "data-v-1f716980";
   /* module identifier */
   const __vue_module_identifier__$a = undefined;
   /* functional template */
@@ -12536,7 +12536,7 @@ var script$9 = {
     executeExpression(expression, dataSource = {}) {
       if (type.isBool(expression)) return expression;
       if (type.isEmpty(expression)) return false;
-      return parse(expression, {
+      return parse$1(expression, {
         ...this.expressionData,
         ...this.formModels(),
         ...dataSource
@@ -13033,14 +13033,25 @@ var script$6 = {
   },
   data() {
     return {
-      currentTableSelection: null
+      currentTableSelection: null,
+      currentExposed: {}
     };
   },
+  inject: {
+    [CONTEXT]: {
+      default: () => () => ({})
+    }
+  },
   computed: {
+    callContext() {
+      return this[CONTEXT].call(this);
+    },
     exposed() {
       return {
         closeModal: this.closeModal,
-        currentTableSelection: this.currentTableSelection
+        currentTableSelection: this.currentTableSelection,
+        ...this.callContext,
+        exposed: this.currentExposed
       };
     },
     assignAttrForEvents() {
@@ -13048,7 +13059,7 @@ var script$6 = {
         ret[ele.eventName] = e => {
           this.$emit(ele.eventName || 'click', {
             ...e,
-            exposed: this.exposed
+            ...this.exposed
           });
         };
         return ret;
@@ -13113,6 +13124,12 @@ var script$6 = {
     },
     onChangeTableSelection(selection) {
       this.currentTableSelection = selection;
+    },
+    onAbstractEvent(props = {}) {
+      const {
+        exposed
+      } = props;
+      this.currentExposed = Object.assign({}, exposed);
     }
   }
 };
@@ -13145,7 +13162,10 @@ var __vue_render__$6 = function () {
           _vm._b(
             {
               attrs: { "over-height": 156 },
-              on: { "on-change-table-selection": _vm.onChangeTableSelection },
+              on: {
+                "on-change-table-selection": _vm.onChangeTableSelection,
+                "x:refresh-exposed": _vm.onAbstractEvent,
+              },
               scopedSlots: _vm._u(
                 [
                   _vm.$slots["sub-center"]
@@ -13179,11 +13199,11 @@ __vue_render__$6._withStripped = true;
   /* style */
   const __vue_inject_styles__$6 = function (inject) {
     if (!inject) return
-    inject("data-v-d64fd55c_0", { source: "\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":";;AAEA,oCAAoC","file":"index.vue"}, media: undefined });
+    inject("data-v-7474bc94_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__$6 = "data-v-d64fd55c";
+  const __vue_scope_id__$6 = "data-v-7474bc94";
   /* module identifier */
   const __vue_module_identifier__$6 = undefined;
   /* functional template */