@idooel/components 0.0.0 → 0.0.1-beta.1

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

@@ -1,13 +1,24 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('moment'), require('@idooel/shared')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'moment', '@idooel/shared'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.__ele__components__ = {}, global.moment, global.shared));
-})(this, (function (exports, moment, shared) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@idooel/shared'), require('moment')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@idooel/shared', 'moment'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.__ele__umd__components__ = {}, global.shared, global.moment));
+})(this, (function (exports, shared, moment) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
   //
   //
   //
@@ -18,6 +29,19 @@
   var script$b = {
     name: 'ele-button',
     props: {
+      record: {
+        type: Object
+      },
+      eventName: {
+        type: String
+      },
+      mode: {
+        type: String
+      },
+      dataSource: {
+        type: Array,
+        default: () => []
+      },
       type: {
         type: String,
         default: 'default'
@@ -27,8 +51,22 @@
       }
     },
     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('click');
+        this.$emit(this.eventName || 'click', {
+          ...this.record
+        });
       }
     }
   };
@@ -113,15 +151,47 @@
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
-    return _c(
-      "a-button",
-      {
-        attrs: { type: _vm.type, icon: _vm.icon },
-        on: { click: _vm.handleClick },
-      },
-      [_vm._t("default")],
-      2
-    )
+    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__$b = [];
   __vue_render__$b._withStripped = true;
@@ -333,11 +403,11 @@
     /* style */
     const __vue_inject_styles__$9 = function (inject) {
       if (!inject) return
-      inject("data-v-5fda0f1a_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"index.vue"}, media: undefined });
+      inject("data-v-560c97a2_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"index.vue"}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$9 = "data-v-5fda0f1a";
+    const __vue_scope_id__$9 = "data-v-560c97a2";
     /* module identifier */
     const __vue_module_identifier__$9 = undefined;
     /* functional template */
@@ -425,11 +495,11 @@
     /* style */
     const __vue_inject_styles__$8 = function (inject) {
       if (!inject) return
-      inject("data-v-5e39810d_0", { source: "\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":";;AAEA,oCAAoC","file":"index.vue"}, media: undefined });
+      inject("data-v-499435e8_0", { source: "\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":";;AAEA,oCAAoC","file":"index.vue"}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$8 = "data-v-5e39810d";
+    const __vue_scope_id__$8 = "data-v-499435e8";
     /* module identifier */
     const __vue_module_identifier__$8 = undefined;
     /* functional template */
@@ -455,17 +525,638 @@
 
   __vue_component__$8.install = Vue => Vue.component(__vue_component__$8.name, __vue_component__$8);
 
-  //
-  //
-  //
-  //
-  //
-  //
-  //
-  //
-  //
-  //
+  // Unique ID creation requires a high quality random # generator. In the browser we therefore
+  // require the crypto API and do not support built-in fallback to lower quality random number
+  // generators (like Math.random()).
+  let getRandomValues;
+  const rnds8 = new Uint8Array(16);
+  function rng() {
+    // lazy load so that environments that need to polyfill have a chance to do so
+    if (!getRandomValues) {
+      // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
+      getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+      if (!getRandomValues) {
+        throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+      }
+    }
+    return getRandomValues(rnds8);
+  }
+
+  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');
+    }
+    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));
+    }
+    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);
+      }
+      if (typeof namespace === 'string') {
+        namespace = parse$1(namespace);
+      }
+      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 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();
+    }
+    options = options || {};
+    const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+    rnds[6] = rnds[6] & 0x0f | 0x40;
+    rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+    if (buf) {
+      offset = offset || 0;
+      for (let i = 0; i < 16; ++i) {
+        buf[offset + i] = rnds[i];
+      }
+      return buf;
+    }
+    return unsafeStringify(rnds);
+  }
+
+  // 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));
+      }
+    } 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];
+      }
+      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);
+      for (let t = 0; t < 16; ++t) {
+        W[t] = M[i][t];
+      }
+      for (let t = 16; t < 80; ++t) {
+        W[t] = ROTL(W[t - 3] ^ W[t - 8] ^ W[t - 14] ^ W[t - 16], 1);
+      }
+      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 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(char) {
+    return char >= "0" && char <= "9" && typeof char === "string";
+  }
+  function isExpOperator(char) {
+    return char === "-" || char === "+" || isNumber(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(char) || char === "." && isNumber(content.charAt(index + 1))) {
+          let start = index;
+          let value = "";
+          while (index < length) {
+            let c = content.charAt(index).toLowerCase();
+            if (c === "." || isNumber(c)) {
+              value += c;
+            } else {
+              let c2 = content.charAt(index + 1);
+              if (c === "e" && isExpOperator(c2)) {
+                value += c;
+              } else if (isExpOperator(c) && c2 && isNumber(c2) && value.charAt(value.length - 1) === "e") {
+                value += c;
+              } else if (isExpOperator(c) && (!c2 || !isNumber(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(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();
+      }
+      return data => func && func(data);
+    }
+    expect(text) {
+      let tokens = this.tokens;
+      let token = tokens[0];
+      if (!text || text === (token && token.text)) {
+        return tokens.shift();
+      }
+    }
+    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);
+      }
+      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();
+      }
+    }
+    logicalOR() {
+      let left = this.logicalAND();
+      let token;
+      while (token = this.expect("||")) {
+        left = this.binary(left, token.text, this.logicalAND());
+      }
+      return left;
+    }
+    logicalAND() {
+      let left = this.equality();
+      let token;
+      while (token = this.expect("&&")) {
+        left = this.binary(left, token.text, this.equality());
+      }
+      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());
+      }
+      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);
+      };
+    }
+    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));
+    }
+    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;
+      };
+    }
+    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;
+    }
+  }
+  const parse = (expression, props = {}) => {
+    if (!expression) throw new Error("expression is required");
+    const execParse = new Expression(expression).parse();
+    return execParse(props);
+  };
 
+  //
+  const MENU_KEY_NAMESPACE = 'f7b3b8b0-1b7b-11ec-9621-0242ac130002';
   var script$7 = {
     props: {
       record: {
@@ -476,7 +1167,79 @@
         default: () => []
       }
     },
+    inject: {
+      requestTreeData: {
+        default: void 0
+      },
+      requestTableData: {
+        default: void 0
+      }
+    },
+    computed: {
+      menuKeyDelimiter() {
+        return uuidv5('_', MENU_KEY_NAMESPACE);
+      },
+      builtInMethods() {
+        return {
+          requestTreeData: this.requestTreeData,
+          requestTableData: this.requestTableData
+        };
+      }
+    },
     methods: {
+      execOperationExpression(dataSource = []) {
+        const ret = dataSource.map(item => {
+          const {
+            show
+          } = item;
+          if (shared.type.isUndefined(show)) {
+            return item;
+          } else if (shared.type.isBool(show)) {
+            if (show) return item;
+          } else if (shared.type.isStr(show)) {
+            const parseRet = parse(show, {
+              ...this.record,
+              _route: shared.route.searchToQueryParams(window.location.search)
+            });
+            if (parseRet) return item;
+          }
+        }).filter(item => item);
+        return ret;
+      },
+      handleClickConfirm(props) {
+        //TODO generate event by special rule
+        const {
+          eventName,
+          value
+        } = props;
+        this.$emit(eventName, {
+          key: value,
+          record: this.record,
+          builtInMethods: this.builtInMethods
+        });
+      },
+      handleDropdownClick(props) {
+        const {
+          key
+        } = props;
+        const [parent, child] = key.split(this.menuKeyDelimiter);
+        if (!parent || !child) {
+          throw new Error('key is required');
+        }
+        const currentDropdown = this.dataSource.find(item => item.key === parent);
+        const currentClickTarget = currentDropdown.optionList.find(item => item.value === child);
+        const {
+          eventName,
+          type
+        } = currentClickTarget;
+        //TODO generate event by special rule
+        if (type === 'confirm') return;
+        this.$emit(eventName, {
+          key: child,
+          record: this.record,
+          builtInMethods: this.builtInMethods
+        });
+      },
       handleClickText(props) {
         const {
           eventName,
@@ -484,7 +1247,8 @@
         } = props;
         this.$emit(eventName, {
           key,
-          record: this.record
+          record: this.record,
+          builtInMethods: this.builtInMethods
         });
       }
     }
@@ -501,23 +1265,77 @@
     return _c(
       "div",
       { staticClass: "g-table__action" },
-      _vm._l(_vm.dataSource, function (item, idx) {
+      _vm._l(_vm.execOperationExpression(_vm.dataSource), function (item, idx) {
         return _c(
           "div",
           { key: idx, staticClass: "table-action__item" },
           [
             item.type == "text"
+              ? [_c("span", [_vm._v(_vm._s(item.label))])]
+              : item.type == "dropdown"
               ? [
                   _c(
-                    "span",
-                    {
-                      on: {
-                        click: function ($event) {
-                          return _vm.handleClickText(item)
+                    "a-dropdown",
+                    [
+                      _c(
+                        "a-menu",
+                        {
+                          attrs: { slot: "overlay" },
+                          on: { click: _vm.handleDropdownClick },
+                          slot: "overlay",
                         },
-                      },
-                    },
-                    [_vm._v(_vm._s(item.label))]
+                        _vm._l(
+                          _vm.execOperationExpression(item.optionList),
+                          function (opt) {
+                            return _c(
+                              "a-menu-item",
+                              {
+                                key:
+                                  "" +
+                                  (item.key || "") +
+                                  _vm.menuKeyDelimiter +
+                                  (opt.value || ""),
+                              },
+                              [
+                                opt.type == "confirm"
+                                  ? [
+                                      _c(
+                                        "a-popconfirm",
+                                        {
+                                          attrs: { title: opt.message },
+                                          on: {
+                                            confirm: function ($event) {
+                                              return _vm.handleClickConfirm(opt)
+                                            },
+                                          },
+                                        },
+                                        [
+                                          _vm._v(
+                                            "\n                " +
+                                              _vm._s(opt.label) +
+                                              "\n              "
+                                          ),
+                                        ]
+                                      ),
+                                    ]
+                                  : [
+                                      _vm._v(
+                                        "\n              " +
+                                          _vm._s(opt.label) +
+                                          "\n            "
+                                      ),
+                                    ],
+                              ],
+                              2
+                            )
+                          }
+                        ),
+                        1
+                      ),
+                      _vm._v(" "),
+                      _c("span", [_vm._v(_vm._s(item.label))]),
+                    ],
+                    1
                   ),
                 ]
               : _vm._e(),
@@ -534,11 +1352,11 @@
     /* style */
     const __vue_inject_styles__$7 = function (inject) {
       if (!inject) return
-      inject("data-v-bea55e74_0", { source: ".g-table__action[data-v-bea55e74] {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item[data-v-bea55e74] {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item[data-v-bea55e74]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/table/src/action.vue","action.vue"],"names":[],"mappings":"AA+BA;EACA,aAAA;EACA,mBAAA;AC9BA;AD+BA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;AC7BA;AD8BA;EACA,cAAA;AC5BA;;AAEA,qCAAqC","file":"action.vue","sourcesContent":["<template>\n  <div class=\"g-table__action\">\n    <div class=\"table-action__item\" v-for=\"(item, idx) in dataSource\" :key=\"idx\">\n      <template v-if=\"item.type == 'text'\">\n        <span @click=\"handleClickText(item)\">{{ item.label }}</span>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    record: {\n      type: Object\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    }\n  },\n  methods: {\n    handleClickText (props) {\n      const { eventName, key } = props\n      this.$emit(eventName, { key, record: this.record })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__action {\n  display: flex;\n  flex-direction: row;\n  .table-action__item {\n    font-size: 14px;\n    color: #409EFF;\n    margin-left: 16px;\n    cursor: pointer;\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>",".g-table__action {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */"]}, media: undefined });
+      inject("data-v-2708b08a_0", { source: ".g-table__action[data-v-2708b08a] {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item[data-v-2708b08a] {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item[data-v-2708b08a]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\table\\src\\action.vue","action.vue"],"names":[],"mappings":"AAsHA;EACA,aAAA;EACA,mBAAA;ACrHA;ADsHA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACpHA;ADqHA;EACA,cAAA;ACnHA;;AAEA,qCAAqC","file":"action.vue","sourcesContent":["<template>\r\n  <div class=\"g-table__action\">\r\n    <div class=\"table-action__item\" v-for=\"(item, idx) in execOperationExpression(dataSource)\" :key=\"idx\">\r\n      <template v-if=\"item.type == 'text'\">\r\n        <span>{{ item.label }}</span>\r\n      </template>\r\n      <template v-else-if=\"item.type == 'dropdown'\">\r\n        <a-dropdown>\r\n          <a-menu slot=\"overlay\" @click=\"handleDropdownClick\">\r\n            <a-menu-item :key=\"`${item.key || ''}${menuKeyDelimiter}${opt.value || ''}`\" v-for=\"opt in execOperationExpression(item.optionList)\">\r\n              <template v-if=\"opt.type == 'confirm'\">\r\n                <a-popconfirm :title=\"opt.message\" @confirm=\"handleClickConfirm(opt)\">\r\n                  {{ opt.label }}\r\n                </a-popconfirm>\r\n              </template>\r\n              <template v-else>\r\n                {{ opt.label }}\r\n              </template>\r\n            </a-menu-item>\r\n          </a-menu>\r\n         <span>{{ item.label }}</span>\r\n        </a-dropdown>\r\n      </template>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { v5 as uuidv5 } from 'uuid'\r\nimport { type, route } from '@idooel/shared'\r\nimport { parse } from '@idooel/expression'\r\nconst MENU_KEY_NAMESPACE = 'f7b3b8b0-1b7b-11ec-9621-0242ac130002'\r\nexport default {\r\n  props: {\r\n    record: {\r\n      type: Object\r\n    },\r\n    dataSource: {\r\n      type: Array,\r\n      default: () => []\r\n    }\r\n  },\r\n  inject: {\r\n    requestTreeData: {\r\n      default: void 0\r\n    },\r\n    requestTableData: {\r\n      default: void 0\r\n    }\r\n  },\r\n  computed: {\r\n    menuKeyDelimiter () {\r\n      return uuidv5('_', MENU_KEY_NAMESPACE)\r\n    },\r\n    builtInMethods () {\r\n      return { \r\n        requestTreeData: this.requestTreeData, \r\n        requestTableData: this.requestTableData \r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    execOperationExpression (dataSource = []) {\r\n      const ret = dataSource.map(item => {\r\n        const { show } = item\r\n        if (type.isUndefined(show)) {\r\n          return item\r\n        } else if (type.isBool(show)) {\r\n          if (show) return item\r\n        } else if (type.isStr(show)) {\r\n          const parseRet = parse(show, { \r\n            ...this.record, \r\n            _route: route.searchToQueryParams(window.location.search) \r\n          })\r\n          if (parseRet) return item\r\n        }\r\n      }).filter(item => item)\r\n      return ret\r\n    },\r\n    handleClickConfirm (props) {\r\n      //TODO generate event by special rule\r\n      const { eventName, value } = props\r\n      this.$emit(eventName, { \r\n        key: value, \r\n        record: this.record,\r\n        builtInMethods: this.builtInMethods \r\n      })\r\n    },\r\n    handleDropdownClick (props) {\r\n      const { key } = props\r\n      const [parent, child] = key.split(this.menuKeyDelimiter)\r\n      if (!parent || !child) {\r\n        throw new Error('key is required')\r\n      }\r\n      const currentDropdown = this.dataSource.find(item => item.key === parent)\r\n      const currentClickTarget = currentDropdown.optionList.find(item => item.value === child)\r\n      const { eventName, type } = currentClickTarget\r\n      //TODO generate event by special rule\r\n      if (type === 'confirm') return\r\n      this.$emit(eventName, { \r\n        key: child, \r\n        record: this.record, \r\n        builtInMethods: this.builtInMethods \r\n      })\r\n    },\r\n    handleClickText (props) {\r\n      const { eventName, key } = props\r\n      this.$emit(eventName, { \r\n        key, \r\n        record: this.record, \r\n        builtInMethods: this.builtInMethods \r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.g-table__action {\r\n  display: flex;\r\n  flex-direction: row;\r\n  .table-action__item {\r\n    font-size: 14px;\r\n    color: #409EFF;\r\n    margin-left: 16px;\r\n    cursor: pointer;\r\n    &:first-child {\r\n      margin-left: 0;\r\n    }\r\n  }\r\n}\r\n</style>",".g-table__action {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=action.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$7 = "data-v-bea55e74";
+    const __vue_scope_id__$7 = "data-v-2708b08a";
     /* module identifier */
     const __vue_module_identifier__$7 = undefined;
     /* functional template */
@@ -677,11 +1495,11 @@
     /* style */
     const __vue_inject_styles__$6 = function (inject) {
       if (!inject) return
-      inject("data-v-baf82bc6_0", { source: ".g-table__wrapper[data-v-baf82bc6] {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper .g-table__pagination[data-v-baf82bc6] {\n  margin-top: 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/table/src/index.vue","index.vue"],"names":[],"mappings":"AA4EA;EACA,aAAA;EACA,kBAAA;AC3EA;AD8EA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,oBAAA;AC5EA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"g-table__wrapper\">\n    <a-table\n      :pagination=\"false\"\n      :loading=\"loading\"\n      :columns=\"columns\"\n      :row-class-name=\"setRowClassName\"\n      :data-source=\"dataSource\"\n      :scroll=\"{ x: 1500, y: 500 }\">\n      <template slot=\"action\" slot-scope=\"record\">\n        <Actions v-on=\"$listeners\" :data-source=\"actions\" :record=\"record\"></Actions>\n      </template>\n    </a-table>\n    <div class=\"g-table__pagination\">\n      <a-pagination\n        :show-total=\"total => `共 ${total} 条数据`\"\n        show-size-changer \n        show-quick-jumper\n        :pageSize=\"pageSize\"\n        :pageSizeOptions=\"pageSizeOptions\"\n        @change=\"onChangePagination\" \n        :total=\"total\">\n      </a-pagination>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Actions from './action.vue'\nexport default {\n  name: 'ele-table',\n  components: {\n    Actions\n  },\n  props: {\n    actions: {\n      type: Array,\n      default: () => []\n    },\n    total: {\n      type: Number,\n      default: 0\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    columns: {\n      type: Array,\n      default: () => []\n    },\n    dataSource: {\n      type: Array,\n      default: () => []\n    },\n    pageSize: {\n      type: Number,\n      default: 10\n    },\n    pageSizeOptions: {\n      type: Array,\n      default: () => ['10', '20', '30', '40']\n    }\n  },\n  methods: {\n    setRowClassName (record, idx) {\n      return idx % 2 === 0 ? 'g-table__row--even' : 'g-table__row--odd'\n    },\n    onChangePagination (page, pagrSize) {\n      this.$emit('change-page', page, pagrSize)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-table__wrapper {\n  padding: 16px;\n  padding-top: unset;\n  .g-table__row--even {}\n  .g-table__row--odd {}\n  .g-table__pagination {\n    margin-top: 8px;\n    display: flex;\n    flex-direction: row;\n    justify-content: end;\n  }\n}\n</style>",".g-table__wrapper {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper .g-table__pagination {\n  margin-top: 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+      inject("data-v-6f3faf52_0", { source: ".g-table__wrapper[data-v-6f3faf52] {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-body {\n  border-top-width: calc(var(--idooel-border-width) * 1px);\n  border-top-style: solid;\n  border-top-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-right {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-color: var(--idooel-border-color);\n  border-bottom-style: solid;\n}\n.g-table__wrapper[data-v-6f3faf52]  .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper .g-table__pagination[data-v-6f3faf52] {\n  /* margin-top: 8px; */\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\table\\src\\index.vue","index.vue"],"names":[],"mappings":"AA4EA;EAgEA,aAAA;EACA,kBAAA;AC1IA;AD2EA;EACA,oDAAA;EACA,mBAAA;EACA,wCAAA;ACzEA;AD4EA;EACA,iDAAA;AC1EA;AD+EA;EACA,+CAAA;EACA,2DAAA;EACA,mBAAA;EACA,iBAAA;EACA,kBAAA;AC7EA;ADiFA;EACA,wDAAA;EACA,uBAAA;EACA,4CAAA;AC/EA;ADiFA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;AC/EA;ADgFA;EACA,2DAAA;EACA,0BAAA;EACA,+CAAA;AC9EA;ADgFA;EACA,0DAAA;EACA,yBAAA;EACA,8CAAA;AC9EA;ADgFA;EACA,0DAAA;EACA,8CAAA;EACA,yBAAA;AC9EA;ADiFA;EAMA,2DAAA;EACA,0BAAA;EACA,+CAAA;ACpFA;AD6EA;EACA,2DAAA;EACA,+CAAA;EACA,0BAAA;AC3EA;ADgFA;EACA,yDAAA;EACA,wBAAA;EACA,6CAAA;AC9EA;ADsFA;EACA,qBAAA;EACA,aAAA;EACA,mBAAA;EACA,oBAAA;EACA,oDAAA;EACA,wCAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;ACpFA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"g-table__wrapper\">\r\n    <a-table\r\n      :pagination=\"false\"\r\n      :loading=\"loading\"\r\n      :columns=\"columns\"\r\n      :row-class-name=\"setRowClassName\"\r\n      :data-source=\"dataSource\"\r\n      :scroll=\"{ x: 1500, y: 500 }\">\r\n      <template slot=\"action\" slot-scope=\"record\">\r\n        <Actions v-on=\"$listeners\" :data-source=\"actions\" :record=\"record\"></Actions>\r\n      </template>\r\n    </a-table>\r\n    <div class=\"g-table__pagination\">\r\n      <a-pagination\r\n        :show-total=\"total => `共 ${total} 条数据`\"\r\n        show-size-changer \r\n        show-quick-jumper\r\n        :pageSize=\"pageSize\"\r\n        :pageSizeOptions=\"pageSizeOptions\"\r\n        @change=\"onChangePagination\" \r\n        :total=\"total\">\r\n      </a-pagination>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Actions from './action.vue'\r\nexport default {\r\n  name: 'ele-table',\r\n  components: {\r\n    Actions\r\n  },\r\n  props: {\r\n    actions: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    total: {\r\n      type: Number,\r\n      default: 0\r\n    },\r\n    loading: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    columns: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    dataSource: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    pageSize: {\r\n      type: Number,\r\n      default: 10\r\n    },\r\n    pageSizeOptions: {\r\n      type: Array,\r\n      default: () => ['10', '20', '30', '40']\r\n    }\r\n  },\r\n  methods: {\r\n    setRowClassName (record, idx) {\r\n      return idx % 2 === 0 ? 'g-table__row--even' : 'g-table__row--odd'\r\n    },\r\n    onChangePagination (page, pagrSize) {\r\n      this.$emit('change-page', page, pagrSize)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.g-table__wrapper {\r\n  ::v-deep .ant-table-wrapper {\r\n    .ant-table {\r\n      border-width: calc(var(--idooel-border-width) * 1px);\r\n      border-style: solid;\r\n      border-color: var(--idooel-border-color);\r\n    }\r\n    .ant-table-header {\r\n      .ant-table-fixed {\r\n        /* border-bottom: 2px solid #53a8ff !important; */\r\n      }\r\n    }\r\n    .ant-table-tbody {\r\n      tr {\r\n        td {\r\n          border-color: var(--idooel-column-border-color);\r\n          border-width: calc(var(--idooel-column-border-width) * 1px);;\r\n          border-style: solid;\r\n          border-top: unset;\r\n          border-left: unset;\r\n        }\r\n      }\r\n    }\r\n    .ant-table-body {\r\n      border-top-width: calc(var(--idooel-border-width) * 1px);\r\n      border-top-style: solid;\r\n      border-top-color: var(--idooel-border-color);\r\n    }\r\n    .ant-table-fixed-left {\r\n      border-bottom-width: calc(var(--idooel-border-width) * 1px);\r\n      border-bottom-style: solid;\r\n      border-bottom-color: var(--idooel-border-color);\r\n      .ant-table-header {\r\n        border-bottom-width: calc(var(--idooel-border-width) * 1px);\r\n        border-bottom-style: solid;\r\n        border-bottom-color: var(--idooel-border-color);\r\n      }\r\n      .ant-table-body-inner {\r\n        border-right-width: calc(var(--idooel-border-width) * 1px);\r\n        border-right-style: solid;\r\n        border-right-color: var(--idooel-border-color);\r\n      }\r\n      .ant-table-fixed {\r\n        border-right-width: calc(var(--idooel-border-width) * 1px);\r\n        border-right-color: var(--idooel-border-color);\r\n        border-right-style: solid;\r\n      }\r\n    }\r\n    .ant-table-fixed-right {\r\n      .ant-table-header {\r\n        border-bottom-width: calc(var(--idooel-border-width) * 1px);\r\n        border-bottom-color: var(--idooel-border-color);\r\n        border-bottom-style: solid;\r\n      }\r\n      border-bottom-width: calc(var(--idooel-border-width) * 1px);\r\n      border-bottom-style: solid;\r\n      border-bottom-color: var(--idooel-border-color);\r\n      .ant-table-fixed {\r\n        border-left-width: calc(var(--idooel-border-width) * 1px);\r\n        border-left-style: solid;\r\n        border-left-color: var(--idooel-border-color);\r\n      }\r\n    }\r\n  }\r\n  padding: 16px;\r\n  padding-top: unset;\r\n  .g-table__row--even {}\r\n  .g-table__row--odd {}\r\n  .g-table__pagination {\r\n    /* margin-top: 8px; */\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: end;\r\n    border-width: calc(var(--idooel-border-width) * 1px);\r\n    border-color: var(--idooel-border-color);\r\n    border-style: solid;\r\n    border-top: unset;\r\n    padding-top: 8px;\r\n    padding-bottom: 8px;\r\n  }\r\n}\r\n</style>",".g-table__wrapper {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table {\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-style: solid;\n  border-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-header .ant-table-fixed {\n  /* border-bottom: 2px solid #53a8ff !important; */\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-tbody tr td {\n  border-color: var(--idooel-column-border-color);\n  border-width: calc(var(--idooel-column-border-width) * 1px);\n  border-style: solid;\n  border-top: unset;\n  border-left: unset;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-body {\n  border-top-width: calc(var(--idooel-border-width) * 1px);\n  border-top-style: solid;\n  border-top-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-body-inner {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-style: solid;\n  border-right-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-left .ant-table-fixed {\n  border-right-width: calc(var(--idooel-border-width) * 1px);\n  border-right-color: var(--idooel-border-color);\n  border-right-style: solid;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-style: solid;\n  border-bottom-color: var(--idooel-border-color);\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-header {\n  border-bottom-width: calc(var(--idooel-border-width) * 1px);\n  border-bottom-color: var(--idooel-border-color);\n  border-bottom-style: solid;\n}\n.g-table__wrapper ::v-deep .ant-table-wrapper .ant-table-fixed-right .ant-table-fixed {\n  border-left-width: calc(var(--idooel-border-width) * 1px);\n  border-left-style: solid;\n  border-left-color: var(--idooel-border-color);\n}\n.g-table__wrapper .g-table__pagination {\n  /* margin-top: 8px; */\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  border-width: calc(var(--idooel-border-width) * 1px);\n  border-color: var(--idooel-border-color);\n  border-style: solid;\n  border-top: unset;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$6 = "data-v-baf82bc6";
+    const __vue_scope_id__$6 = "data-v-6f3faf52";
     /* module identifier */
     const __vue_module_identifier__$6 = undefined;
     /* functional template */
@@ -860,11 +1678,11 @@
     /* style */
     const __vue_inject_styles__$5 = function (inject) {
       if (!inject) return
-      inject("data-v-6969e1ac_0", { source: ".g-tree__wrapper[data-v-6969e1ac] {\n  overflow: hidden;\n}\n.g-tree__wrapper[data-v-6969e1ac]  .ant-tree-node-content-wrapper {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/tree/src/index.vue","index.vue"],"names":[],"mappings":"AAwFA;EACA,gBAAA;ACvFA;ADwFA;EACA,uBAAA;EACA,gBAAA;EACA,mBAAA;ACtFA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"g-tree__wrapper\">\n    <a-tree\n      v-if=\"innerTreeData.length\"\n      :tree-data=\"innerTreeData\"\n      @select=\"selectTreeNode\"\n      :replaceFields=\"replaceFields\"\n      :default-expanded-keys=\"defaultExpandedKeys\"\n      :default-selected-keys=\"defaultSelectedKeys\"\n      blockNode \n      :show-icon=\"showIcon\">\n      <template #title=\"{ title }\">\n        <span :title=\"title\" class=\"tree-node__title\">\n          {{ title }}\n        </span>\n      </template>\n      <template slot=\"custom\" slot-scope=\"{ scopedSlots }\">\n        <a-icon :type=\"scopedSlots.iconName\"></a-icon>\n      </template>\n    </a-tree>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'ele-tree',\n  props: {\n    treeData: {\n      type: Array,\n      default: () => []\n    },\n    replaceFields: {\n      type: Object,\n      default: () => ({\n        title: 'title',\n        key: 'id',\n        children: 'children'\n      })\n    },\n    defaultExpandedKeys: {\n      type: Array\n    },\n    defaultSelectedKeys: {\n      type: Array\n    },\n    showIcon: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data () {\n    return {}\n  },\n  computed: {\n    innerTreeData () {\n      return this.treeData\n      // return [\n      //   {\n      //     title: 'parent 1',\n      //     key: 1,\n      //     scopedSlots: {\n      //       icon: 'custom',\n      //       iconName: 'smile-o'\n      //     },\n      //     children: [\n      //       {\n      //         title: '2',\n      //         key: 2,\n      //         scopedSlots: {\n      //           icon: 'custom',\n      //           iconName: 'frown-o'\n      //         }\n      //       }\n      //     ]\n      //   }\n      // ]\n    }\n  },\n  methods: {\n    refreshTreeStatus (props = {}) {},\n    selectTreeNode (selectedKeys, e) {\n      this.$emit('select', selectedKeys, e)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-tree__wrapper {\n  overflow: hidden;\n  ::v-deep .ant-tree-node-content-wrapper {\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n}\n</style>",".g-tree__wrapper {\n  overflow: hidden;\n}\n.g-tree__wrapper ::v-deep .ant-tree-node-content-wrapper {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+      inject("data-v-cc99bbf0_0", { source: ".g-tree__wrapper[data-v-cc99bbf0] {\n  overflow: hidden;\n}\n.g-tree__wrapper[data-v-cc99bbf0]  .ant-tree .ant-tree-node-content-wrapper {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.g-tree__wrapper[data-v-cc99bbf0]  .ant-tree .ant-tree-node-selected {\n  color: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\tree\\src\\index.vue","index.vue"],"names":[],"mappings":"AAwFA;EACA,gBAAA;ACvFA;ADyFA;EACA,uBAAA;EACA,gBAAA;EACA,mBAAA;ACvFA;ADyFA;EACA,WAAA;ACvFA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"g-tree__wrapper\">\r\n    <a-tree\r\n      v-if=\"innerTreeData.length\"\r\n      :tree-data=\"innerTreeData\"\r\n      @select=\"selectTreeNode\"\r\n      :replaceFields=\"replaceFields\"\r\n      :default-expanded-keys=\"defaultExpandedKeys\"\r\n      :default-selected-keys=\"defaultSelectedKeys\"\r\n      blockNode \r\n      :show-icon=\"showIcon\">\r\n      <template #title=\"{ title }\">\r\n        <span :title=\"title\" class=\"tree-node__title\">\r\n          {{ title }}\r\n        </span>\r\n      </template>\r\n      <template slot=\"custom\" slot-scope=\"{ scopedSlots }\">\r\n        <a-icon :type=\"scopedSlots.iconName\"></a-icon>\r\n      </template>\r\n    </a-tree>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'ele-tree',\r\n  props: {\r\n    treeData: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    replaceFields: {\r\n      type: Object,\r\n      default: () => ({\r\n        title: 'title',\r\n        key: 'id',\r\n        children: 'children'\r\n      })\r\n    },\r\n    defaultExpandedKeys: {\r\n      type: Array\r\n    },\r\n    defaultSelectedKeys: {\r\n      type: Array\r\n    },\r\n    showIcon: {\r\n      type: Boolean,\r\n      default: true\r\n    }\r\n  },\r\n  data () {\r\n    return {}\r\n  },\r\n  computed: {\r\n    innerTreeData () {\r\n      return this.treeData\r\n      // return [\r\n      //   {\r\n      //     title: 'parent 1',\r\n      //     key: 1,\r\n      //     scopedSlots: {\r\n      //       icon: 'custom',\r\n      //       iconName: 'smile-o'\r\n      //     },\r\n      //     children: [\r\n      //       {\r\n      //         title: '2',\r\n      //         key: 2,\r\n      //         scopedSlots: {\r\n      //           icon: 'custom',\r\n      //           iconName: 'frown-o'\r\n      //         }\r\n      //       }\r\n      //     ]\r\n      //   }\r\n      // ]\r\n    }\r\n  },\r\n  methods: {\r\n    refreshTreeStatus (props = {}) {},\r\n    selectTreeNode (selectedKeys, e) {\r\n      this.$emit('select', selectedKeys, e)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.g-tree__wrapper {\r\n  overflow: hidden;\r\n  ::v-deep .ant-tree {\r\n    .ant-tree-node-content-wrapper {\r\n      text-overflow: ellipsis;\r\n      overflow: hidden;\r\n      white-space: nowrap;\r\n    }\r\n    .ant-tree-node-selected {\r\n      color: #fff;\r\n    }\r\n  }\r\n}\r\n</style>",".g-tree__wrapper {\n  overflow: hidden;\n}\n.g-tree__wrapper ::v-deep .ant-tree .ant-tree-node-content-wrapper {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.g-tree__wrapper ::v-deep .ant-tree .ant-tree-node-selected {\n  color: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$5 = "data-v-6969e1ac";
+    const __vue_scope_id__$5 = "data-v-cc99bbf0";
     /* module identifier */
     const __vue_module_identifier__$5 = undefined;
     /* functional template */
@@ -926,11 +1744,11 @@
     /* style */
     const __vue_inject_styles__$4 = function (inject) {
       if (!inject) return
-      inject("data-v-07e596bf_0", { source: ".g-search__label[data-v-07e596bf] {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.g-search__label .label__title[data-v-07e596bf], .g-search__label .label__suffix[data-v-07e596bf] {\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.88);\n  white-space: nowrap;\n}\n.g-search__label .label__suffix[data-v-07e596bf] {\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=label.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/composite-components/search-area/src/label.vue","label.vue"],"names":[],"mappings":"AAkBA;EACA,iBAAA;EACA,gBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;ACjBA;ADkBA;EACA,eAAA;EACA,0BAAA;EACA,mBAAA;AChBA;ADkBA;EACA,gBAAA;AChBA;;AAEA,oCAAoC","file":"label.vue","sourcesContent":["<template>\n  <div class=\"g-search__label\">\n    <span class=\"label__title\">{{ label }}</span>\n    <span class=\"label__suffix\">：</span>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    label: {\n      type: String\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.g-search__label {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  .label__title, .label__suffix {\n    font-size: 14px;\n    color: rgba(0, 0, 0, 0.88);\n    white-space: nowrap;\n  }\n  .label__suffix {\n    margin-left: 4px;\n  }\n}\n</style>",".g-search__label {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.g-search__label .label__title, .g-search__label .label__suffix {\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.88);\n  white-space: nowrap;\n}\n.g-search__label .label__suffix {\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=label.vue.map */"]}, media: undefined });
+      inject("data-v-40e71716_0", { source: ".g-search__label[data-v-40e71716] {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.g-search__label .label__title[data-v-40e71716], .g-search__label .label__suffix[data-v-40e71716] {\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.88);\n  white-space: nowrap;\n}\n.g-search__label .label__suffix[data-v-40e71716] {\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=label.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\composite-components\\search-area\\src\\label.vue","label.vue"],"names":[],"mappings":"AAkBA;EACA,iBAAA;EACA,gBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;ACjBA;ADkBA;EACA,eAAA;EACA,0BAAA;EACA,mBAAA;AChBA;ADkBA;EACA,gBAAA;AChBA;;AAEA,oCAAoC","file":"label.vue","sourcesContent":["<template>\r\n  <div class=\"g-search__label\">\r\n    <span class=\"label__title\">{{ label }}</span>\r\n    <span class=\"label__suffix\">：</span>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    label: {\r\n      type: String\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.g-search__label {\r\n  /* width: 69px; */\r\n  flex-basis: 69px;\r\n  height: 32px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  .label__title, .label__suffix {\r\n    font-size: 14px;\r\n    color: rgba(0, 0, 0, 0.88);\r\n    white-space: nowrap;\r\n  }\r\n  .label__suffix {\r\n    margin-left: 4px;\r\n  }\r\n}\r\n</style>",".g-search__label {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.g-search__label .label__title, .g-search__label .label__suffix {\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.88);\n  white-space: nowrap;\n}\n.g-search__label .label__suffix {\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=label.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$4 = "data-v-07e596bf";
+    const __vue_scope_id__$4 = "data-v-40e71716";
     /* module identifier */
     const __vue_module_identifier__$4 = undefined;
     /* functional template */
@@ -978,17 +1796,34 @@
         required: true
       }
     },
+    data() {
+      return {
+        isExpand: false,
+        collapseDataSource: []
+      };
+    },
     computed: {
       actionColOffset() {
         return (24 / this.span - 1) * this.span;
       },
       innerDataSource() {
-        return [...this.dataSource, {
+        return this.isExpand ? [...this.dataSource, {
+          type: '_action'
+        }] : [...this.collapseDataSource, {
           type: '_action'
         }];
       }
     },
+    created() {
+      this.collapseDataSource = this.dataSource.slice(0, 24 / this.span - 1);
+    },
     methods: {
+      handleClickExpandCollapse() {
+        if (!this.isExpand) {
+          this.collapseDataSource = this.dataSource.slice(0, 24 / this.span - 1);
+        }
+        this.isExpand = !this.isExpand;
+      },
       handleClickSearch() {
         const querys = this.extractValues();
         this.$emit('search', querys);
@@ -998,7 +1833,7 @@
         this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {
           switch (item.type) {
             case 'DatePicker':
-              ret[item.name] = moment__default["default"](item._value).isValid() ? moment__default["default"](item._value).format(item.format) : null;
+              ret[item.name] = typeof item._value == 'undefined' ? undefined : moment__default["default"](item._value).format(item.format);
               break;
             default:
               ret[item.name] = item._value;
@@ -1014,7 +1849,7 @@
               this.$set(item, '_value', null);
               break;
             case 'DatePicker':
-              this.$set(item, '_value', null);
+              this.$set(item, '_value', undefined);
               break;
             default:
               this.$set(item, '_value', null);
@@ -1074,6 +1909,30 @@
                           },
                           [_vm._v("重置")]
                         ),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          {
+                            staticClass: "expand-collapse",
+                            on: { click: _vm.handleClickExpandCollapse },
+                          },
+                          [
+                            _c("span", { staticClass: "expand-collapse__text" }, [
+                              _vm._v(_vm._s(_vm.isExpand ? "收起" : "展开")),
+                            ]),
+                            _vm._v(" "),
+                            _c(
+                              "span",
+                              { staticClass: "expand-collapse__icon" },
+                              [
+                                _vm.isExpand
+                                  ? _c("a-icon", { attrs: { type: "up" } })
+                                  : _c("a-icon", { attrs: { type: "down" } }),
+                              ],
+                              1
+                            ),
+                          ]
+                        ),
                       ],
                       1
                     )
@@ -1144,11 +2003,11 @@
     /* style */
     const __vue_inject_styles__$3 = function (inject) {
       if (!inject) return
-      inject("data-v-33e73d00_0", { source: ".search-area__wrapper[data-v-33e73d00] {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper[data-v-33e73d00]  .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item[data-v-33e73d00] {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/composite-components/search-area/src/index.vue","index.vue"],"names":[],"mappings":"AAgHA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;AC/GA;ADiHA;EACA,YAAA;AC/GA;ADkHA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;AChHA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"search-area__wrapper\">\n    <a-row :gutter=\"gutter\">\n      <a-col :span=\"item.span || span\" v-for=\"(item, idx) in innerDataSource\" :key=\"idx\">\n        <div v-if=\"item.type == '_action'\" class=\"search-area__item search-area--action\">\n          <ele-button icon=\"search\" type=\"primary\" @click=\"handleClickSearch\">查询</ele-button>\n          <ele-button style=\"margin-left:8px;\" icon=\"reload\" @click=\"handleClickReset\">重置</ele-button>\n        </div>\n        <div v-else class=\"search-area__item\">\n          <template v-if=\"item.type == 'Input'\">\n            <Label :label=\"item.label\"></Label>\n            <ele-input v-model=\"item._value\"></ele-input>\n          </template>\n          <template v-else-if=\"item.type == 'Select'\">\n            <Label :label=\"item.label\"></Label>\n            <ele-select v-model=\"item._value\" :data-source=\"item.optionList\"></ele-select>\n          </template>\n          <template v-else-if=\"item.type == 'DatePicker'\">\n            <Label :label=\"item.label\"></Label>\n            <ele-date v-model=\"item._value\" :format=\"item.format\"></ele-date>\n          </template>\n        </div>\n      </a-col>\n    </a-row>\n  </div>\n</template>\n\n<script>\nimport EleInput from '../../../input/src/index.vue'\nimport EleSelect from '../../../select/src/index.vue'\nimport ELeButton from '../../../button/src/index.vue'\nimport EleDate from '../../../date/src/index.vue'\nimport Label from './label.vue'\nimport moment from 'moment'\nexport default {\n  name: 'ele-search-area',\n  components: {\n    EleInput,\n    EleSelect,\n    ELeButton,\n    Label,\n    EleDate\n  },\n  props: {\n    gutter: {\n      type: [Number, Array, Object],\n      default: () => ([\n        16, 8\n      ])\n    },\n    span: {\n      type: Number,\n      default: 8\n    },\n    dataSource: {\n      type: Array,\n      required: true\n    }\n  },\n  computed: {\n    actionColOffset () {\n      return ((24 / this.span) - 1) * this.span\n    },\n    innerDataSource () {\n      return [...this.dataSource, { type: '_action' }]\n    }\n  },\n  methods: {\n    handleClickSearch () {\n      const querys = this.extractValues()\n      this.$emit('search', querys)\n    },\n    extractValues () {\n      let ret = {}\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\n        switch (item.type) {\n          case 'DatePicker':\n            ret[item.name] = moment(item._value).isValid() ? moment(item._value).format(item.format) : null\n            break\n          default:\n            ret[item.name] = item._value\n            break\n        }\n      })\n      return ret\n    },\n    handleClickReset () {\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\n        switch (item.type) {\n          case 'Select':\n            this.$set(item, '_value', null)\n            break\n          case 'DatePicker':\n            this.$set(item, '_value', null)\n            break\n          default:\n            this.$set(item, '_value', null)\n            break\n        }\n      })\n      //TODO defaultValue\n      const querys = this.extractValues()\n      this.$emit('search', querys)\n    },\n    onChangeSelect (value, props) {\n      this.$set(props, '_value', value)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n  ::v-deep .ant-col {\n    &:last-child {\n      float: right;\n    }\n  }\n  .search-area__item {\n    height: 32px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n  }\n}\n</style>",".search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper ::v-deep .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+      inject("data-v-33290002_0", { source: ".search-area__wrapper[data-v-33290002] {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper[data-v-33290002]  .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item[data-v-33290002] {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action[data-v-33290002] {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse[data-v-33290002] {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text[data-v-33290002] {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon[data-v-33290002] {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\composite-components\\search-area\\src\\index.vue","index.vue"],"names":[],"mappings":"AAsIA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;ACrIA;ADuIA;EACA,YAAA;ACrIA;ADwIA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;ACtIA;ADuIA;EACA,oBAAA;ACrIA;ADuIA;EACA,gBAAA;EACA,YAAA;EACA,iBAAA;EACA,kCAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;ACrIA;ADsIA;EACA,eAAA;ACpIA;ADsIA;EACA,eAAA;EACA,gBAAA;ACpIA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"search-area__wrapper\">\r\n    <a-row :gutter=\"gutter\">\r\n      <a-col :span=\"item.span || span\" v-for=\"(item, idx) in innerDataSource\" :key=\"idx\">\r\n        <div v-if=\"item.type == '_action'\" class=\"search-area__item search-area--action\">\r\n          <ele-button icon=\"search\" type=\"primary\" @click=\"handleClickSearch\">查询</ele-button>\r\n          <ele-button style=\"margin-left:8px;\" icon=\"reload\" @click=\"handleClickReset\">重置</ele-button>\r\n          <div class=\"expand-collapse\" @click=\"handleClickExpandCollapse\">\r\n            <span class=\"expand-collapse__text\">{{ isExpand ? '收起' : '展开' }}</span>\r\n            <span class=\"expand-collapse__icon\">\r\n              <a-icon v-if=\"isExpand\" type=\"up\" />\r\n              <a-icon v-else type=\"down\" />\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <div v-else class=\"search-area__item\">\r\n          <template v-if=\"item.type == 'Input'\">\r\n            <Label :label=\"item.label\"></Label>\r\n            <ele-input v-model=\"item._value\"></ele-input>\r\n          </template>\r\n          <template v-else-if=\"item.type == 'Select'\">\r\n            <Label :label=\"item.label\"></Label>\r\n            <ele-select v-model=\"item._value\" :data-source=\"item.optionList\"></ele-select>\r\n          </template>\r\n          <template v-else-if=\"item.type == 'DatePicker'\">\r\n            <Label :label=\"item.label\"></Label>\r\n            <ele-date v-model=\"item._value\" :format=\"item.format\"></ele-date>\r\n          </template>\r\n        </div>\r\n      </a-col>\r\n    </a-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport EleInput from '../../../input/src/index.vue'\r\nimport EleSelect from '../../../select/src/index.vue'\r\nimport ELeButton from '../../../button/src/index.vue'\r\nimport EleDate from '../../../date/src/index.vue'\r\nimport Label from './label.vue'\r\nimport moment from 'moment'\r\nexport default {\r\n  name: 'ele-search-area',\r\n  components: {\r\n    EleInput,\r\n    EleSelect,\r\n    ELeButton,\r\n    Label,\r\n    EleDate\r\n  },\r\n  props: {\r\n    gutter: {\r\n      type: [Number, Array, Object],\r\n      default: () => ([\r\n        16, 8\r\n      ])\r\n    },\r\n    span: {\r\n      type: Number,\r\n      default: 8\r\n    },\r\n    dataSource: {\r\n      type: Array,\r\n      required: true\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      isExpand: false,\r\n      collapseDataSource: []\r\n    }\r\n  },\r\n  computed: {\r\n    actionColOffset () {\r\n      return ((24 / this.span) - 1) * this.span\r\n    },\r\n    innerDataSource () {\r\n      return this.isExpand ? [ ...this.dataSource, { type: '_action' }] :  [ ...this.collapseDataSource, { type: '_action' }]\r\n    }\r\n  },\r\n  created() {\r\n    this.collapseDataSource = this.dataSource.slice(0, (24 / this.span - 1))\r\n  },\r\n  methods: {\r\n    handleClickExpandCollapse () {\r\n      if (!this.isExpand) {\r\n        this.collapseDataSource = this.dataSource.slice(0, (24 / this.span - 1))\r\n      }\r\n      this.isExpand = !this.isExpand\r\n    },\r\n    handleClickSearch () {\r\n      const querys = this.extractValues()\r\n      this.$emit('search', querys)\r\n    },\r\n    extractValues () {\r\n      let ret = {}\r\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\r\n        switch (item.type) {\r\n          case 'DatePicker':\r\n            ret[item.name] = typeof item._value == 'undefined' ? undefined : moment(item._value).format(item.format)\r\n            break\r\n          default:\r\n            ret[item.name] = item._value\r\n            break\r\n        }\r\n      })\r\n      return ret\r\n    },\r\n    handleClickReset () {\r\n      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {\r\n        switch (item.type) {\r\n          case 'Select':\r\n            this.$set(item, '_value', null)\r\n            break\r\n          case 'DatePicker':\r\n            this.$set(item, '_value', undefined)\r\n            break\r\n          default:\r\n            this.$set(item, '_value', null)\r\n            break\r\n        }\r\n      })\r\n      //TODO defaultValue\r\n      const querys = this.extractValues()\r\n      this.$emit('search', querys)\r\n    },\r\n    onChangeSelect (value, props) {\r\n      this.$set(props, '_value', value)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.search-area__wrapper {\r\n  padding-top: 16px;\r\n  padding-left: 16px;\r\n  padding-right: 16px;\r\n  ::v-deep .ant-col {\r\n    &:last-child {\r\n      float: right;\r\n    }\r\n  }\r\n  .search-area__item {\r\n    height: 32px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    &.search-area--action {\r\n      justify-content: end;\r\n    }\r\n    .expand-collapse {\r\n      margin-left: 8px;\r\n      height: 32px;\r\n      padding: 4px 16px;\r\n      color: var(--idooel-primary-color);\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      justify-content: center;\r\n      cursor: pointer;\r\n      .expand-collapse__text {\r\n        font-size: 14px;\r\n      }\r\n      .expand-collapse__icon {\r\n        font-size: 16px;\r\n        margin-left: 8px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>",".search-area__wrapper {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper ::v-deep .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item {\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.search-area__wrapper .search-area__item.search-area--action {\n  justify-content: end;\n}\n.search-area__wrapper .search-area__item .expand-collapse {\n  margin-left: 8px;\n  height: 32px;\n  padding: 4px 16px;\n  color: var(--idooel-primary-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__text {\n  font-size: 14px;\n}\n.search-area__wrapper .search-area__item .expand-collapse .expand-collapse__icon {\n  font-size: 16px;\n  margin-left: 8px;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$3 = "data-v-33e73d00";
+    const __vue_scope_id__$3 = "data-v-33290002";
     /* module identifier */
     const __vue_module_identifier__$3 = undefined;
     /* functional template */
@@ -1205,15 +2064,20 @@
       _vm._l(_vm.dataSource, function (item, idx) {
         return _c(
           "ele-button",
-          {
-            key: idx,
-            attrs: { type: item.type, icon: item.icon },
-            on: {
-              click: function ($event) {
-                return _vm.handleClick(item)
+          _vm._g(
+            {
+              key: idx,
+              attrs: {
+                type: item.type,
+                icon: item.icon,
+                mode: item.mode,
+                "data-source": item.optionList,
+                "event-name": item.eventName,
+                record: item,
               },
             },
-          },
+            _vm.$listeners
+          ),
           [_vm._v("\n    " + _vm._s(item.label) + "\n  ")]
         )
       }),
@@ -1226,11 +2090,11 @@
     /* style */
     const __vue_inject_styles__$2 = function (inject) {
       if (!inject) return
-      inject("data-v-72ce5986_0", { source: ".button-group__wrapper[data-v-72ce5986] {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn[data-v-72ce5986] {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn[data-v-72ce5986]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/composite-components/button-group/src/index.vue","index.vue"],"names":[],"mappings":"AAmCA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;AClCA;ADmCA;EACA,gBAAA;ACjCA;ADkCA;EACA,cAAA;AChCA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <div class=\"button-group__wrapper\">\n    <ele-button \n      v-for=\"(item, idx) in dataSource\" \n      :type=\"item.type\"\n      :icon=\"item.icon\"\n      @click=\"handleClick(item)\" \n      :key=\"idx\">\n      {{ item.label }}\n    </ele-button>\n  </div>\n</template>\n\n<script>\nimport EleButton from '../../../button/src/index.vue'\nexport default {\n  name: 'ele-button-group',\n  components: {\n    EleButton\n  },\n  props: {\n    dataSource: {\n      type: Array,\n      default: () => []\n    }\n  },\n  methods: {\n    handleClick (props) {\n      this.$emit('click', props)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n  .ant-btn {\n    margin-left: 8px;\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n}\n</style>",".button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+      inject("data-v-106e8dd5_0", { source: ".button-group__wrapper[data-v-106e8dd5] {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn[data-v-106e8dd5] {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn[data-v-106e8dd5]:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\composite-components\\button-group\\src\\index.vue","index.vue"],"names":[],"mappings":"AAuCA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;ACtCA;ADuCA;EACA,gBAAA;ACrCA;ADsCA;EACA,cAAA;ACpCA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <div class=\"button-group__wrapper\">\r\n    <ele-button \r\n      v-for=\"(item, idx) in dataSource\" \r\n      :type=\"item.type\"\r\n      :icon=\"item.icon\"\r\n      :mode=\"item.mode\"\r\n      :data-source=\"item.optionList\"\r\n      :event-name=\"item.eventName\"\r\n      :record=\"item\"\r\n      v-on=\"$listeners\"\r\n      :key=\"idx\">\r\n      {{ item.label }}\r\n    </ele-button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport EleButton from '../../../button/src/index.vue'\r\nexport default {\r\n  name: 'ele-button-group',\r\n  components: {\r\n    EleButton\r\n  },\r\n  props: {\r\n    dataSource: {\r\n      type: Array,\r\n      default: () => []\r\n    }\r\n  },\r\n  methods: {\r\n    handleClick (props) {\r\n      this.$emit('click', props)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.button-group__wrapper {\r\n  display: flex;\r\n  padding-left: 16px;\r\n  padding-right: 16px;\r\n  .ant-btn {\r\n    margin-left: 8px;\r\n    &:first-child {\r\n      margin-left: 0;\r\n    }\r\n  }\r\n}\r\n</style>",".button-group__wrapper {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn:first-child {\n  margin-left: 0;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$2 = "data-v-72ce5986";
+    const __vue_scope_id__$2 = "data-v-106e8dd5";
     /* module identifier */
     const __vue_module_identifier__$2 = undefined;
     /* functional template */
@@ -1254,63 +2118,6 @@
       undefined
     );
 
-  // Unique ID creation requires a high quality random # generator. In the browser we therefore
-  // require the crypto API and do not support built-in fallback to lower quality random number
-  // generators (like Math.random()).
-  let getRandomValues;
-  const rnds8 = new Uint8Array(16);
-  function rng() {
-    // lazy load so that environments that need to polyfill have a chance to do so
-    if (!getRandomValues) {
-      // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
-      getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-      if (!getRandomValues) {
-        throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-      }
-    }
-    return getRandomValues(rnds8);
-  }
-
-  /**
-   * Convert array of 16 byte values to UUID string format of the form:
-   * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
-   */
-
-  const byteToHex = [];
-  for (let i = 0; i < 256; ++i) {
-    byteToHex.push((i + 0x100).toString(16).slice(1));
-  }
-  function unsafeStringify(arr, offset = 0) {
-    // Note: Be careful editing this code!  It's been tuned for performance
-    // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-    return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-  }
-
-  const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-  var native = {
-    randomUUID
-  };
-
-  function v4(options, buf, offset) {
-    if (native.randomUUID && !buf && !options) {
-      return native.randomUUID();
-    }
-    options = options || {};
-    const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-
-    rnds[6] = rnds[6] & 0x0f | 0x40;
-    rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
-    if (buf) {
-      offset = offset || 0;
-      for (let i = 0; i < 16; ++i) {
-        buf[offset + i] = rnds[i];
-      }
-      return buf;
-    }
-    return unsafeStringify(rnds);
-  }
-
   //
   var script$1 = {
     name: 'ele-tree-table-model',
@@ -1338,6 +2145,12 @@
         default: () => ({})
       }
     },
+    provide() {
+      return {
+        requestTreeData: this.requestTreeData,
+        requestTableData: this.requestTableData
+      };
+    },
     data() {
       return {
         treeData: [],
@@ -1594,62 +2407,76 @@
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
     return _c("section", { staticClass: "model__tree-table" }, [
-      _c(
-        "section",
-        { ref: _vm.modelTreeWrapper, staticClass: "model__tree--wrapper" },
-        [
-          _c("ele-tree", {
-            attrs: {
-              "tree-data": _vm.treeData,
-              defaultExpandedKeys: _vm.defaultExpandedKeys,
-              defaultSelectedKeys: _vm.defaultSelectedKeys,
-              "replace-fields": _vm.treeMeta.replaceFields || _vm.replaceFields,
-            },
-            on: { select: _vm.selectTreeNode },
-          }),
-        ],
-        1
-      ),
+      _c("section", { staticClass: "model__tree-table--container" }, [
+        _c("div", { staticClass: "model__tree--title" }),
+        _vm._v(" "),
+        _c(
+          "section",
+          { ref: _vm.modelTreeWrapper, staticClass: "model__tree--wrapper" },
+          [
+            _c("ele-tree", {
+              attrs: {
+                "tree-data": _vm.treeData,
+                defaultExpandedKeys: _vm.defaultExpandedKeys,
+                defaultSelectedKeys: _vm.defaultSelectedKeys,
+                "replace-fields": _vm.treeMeta.replaceFields || _vm.replaceFields,
+              },
+              on: { select: _vm.selectTreeNode },
+            }),
+          ],
+          1
+        ),
+      ]),
       _vm._v(" "),
-      _c(
-        "section",
-        { ref: _vm.modelTableWrapper, staticClass: "model__table--wrapper" },
-        [
-          _c("ele-search-area", {
-            ref: _vm.searchArea,
-            attrs: { "data-source": _vm.searchMeta.elements },
-            on: { search: _vm.onSearch },
-          }),
-          _vm._v(" "),
-          _c("ele-button-group", {
-            ref: _vm.buttonGroup,
-            staticStyle: { "margin-top": "16px" },
-            attrs: { "data-source": _vm.getButtonGroupElements },
-            on: { click: _vm.handleClickButtonGroup },
-          }),
-          _vm._v(" "),
-          _c(
-            "ele-table",
-            _vm._g(
-              {
-                staticStyle: { "margin-top": "8px" },
-                attrs: {
-                  loading: _vm.loading,
-                  columns: _vm.columns,
-                  total: _vm.total,
-                  actions: _vm.actions,
-                  pageSize: _vm.pageSize,
-                  pageSizeOptions: _vm.pageSizeOptions,
-                  "data-source": _vm.tableData,
+      _c("section", { staticClass: "model__table--container" }, [
+        _c("div", { staticClass: "model__table--title" }),
+        _vm._v(" "),
+        _c(
+          "section",
+          { ref: _vm.modelTableWrapper, staticClass: "model__table--wrapper" },
+          [
+            _c("ele-search-area", {
+              ref: _vm.searchArea,
+              attrs: { "data-source": _vm.searchMeta.elements },
+              on: { search: _vm.onSearch },
+            }),
+            _vm._v(" "),
+            _c(
+              "ele-button-group",
+              _vm._g(
+                {
+                  ref: _vm.buttonGroup,
+                  staticStyle: { "margin-top": "16px" },
+                  attrs: { "data-source": _vm.getButtonGroupElements },
+                  on: { click: _vm.handleClickButtonGroup },
                 },
-                on: { "change-page": _vm.onChangePage },
-              },
-              _vm.$listeners
-            )
-          ),
-        ],
-        1
-      ),
+                _vm.$listeners
+              )
+            ),
+            _vm._v(" "),
+            _c(
+              "ele-table",
+              _vm._g(
+                {
+                  staticStyle: { "margin-top": "8px" },
+                  attrs: {
+                    loading: _vm.loading,
+                    columns: _vm.columns,
+                    total: _vm.total,
+                    actions: _vm.actions,
+                    pageSize: _vm.pageSize,
+                    pageSizeOptions: _vm.pageSizeOptions,
+                    "data-source": _vm.tableData,
+                  },
+                  on: { "change-page": _vm.onChangePage },
+                },
+                _vm.$listeners
+              )
+            ),
+          ],
+          1
+        ),
+      ]),
     ])
   };
   var __vue_staticRenderFns__$1 = [];
@@ -1658,11 +2485,11 @@
     /* style */
     const __vue_inject_styles__$1 = function (inject) {
       if (!inject) return
-      inject("data-v-47f01802_0", { source: ".model__tree-table[data-v-47f01802] {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.model__tree-table .model__tree--wrapper[data-v-47f01802] {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.model__tree-table .model__table--wrapper[data-v-47f01802] {\n  min-width: 0;\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["/Users/huangshan/Goldgov/front/ganjiao/base-elearning-frontend-model/packages/components/packages/tree-table-model/src/index.vue","index.vue"],"names":[],"mappings":"AA8QA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;AC7QA;AD8QA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;AC5QA;AD8QA;EACA,YAAA;EACA,gBAAA;AC5QA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\n  <section class=\"model__tree-table\">\n    <section :ref=\"modelTreeWrapper\" class=\"model__tree--wrapper\">\n      <ele-tree \n        :tree-data=\"treeData\"\n        :defaultExpandedKeys=\"defaultExpandedKeys\"\n        :defaultSelectedKeys=\"defaultSelectedKeys\"\n        @select=\"selectTreeNode\"\n        :replace-fields=\"treeMeta.replaceFields || replaceFields\">\n      </ele-tree>\n    </section>\n    <section :ref=\"modelTableWrapper\" class=\"model__table--wrapper\">\n      <ele-search-area :ref=\"searchArea\" @search=\"onSearch\" :data-source=\"searchMeta.elements\"></ele-search-area>\n      <ele-button-group :ref=\"buttonGroup\" @click=\"handleClickButtonGroup\" style=\"margin-top: 16px\" :data-source=\"getButtonGroupElements\"></ele-button-group>\n      <ele-table\n        v-on=\"$listeners\"\n        :loading=\"loading\" \n        :columns=\"columns\"\n        :total=\"total\"\n        :actions=\"actions\"\n        :pageSize=\"pageSize\"\n        :pageSizeOptions=\"pageSizeOptions\"\n        :data-source=\"tableData\"\n        @change-page=\"onChangePage\" \n        style=\"margin-top: 8px;\"\n      ></ele-table>\n    </section>\n  </section>\n</template>\n\n<script>\nimport EleTree from '../../tree/src/index.vue'\nimport EleTable from '../../table/src/index.vue'\nimport EleSearchArea from '../../composite-components/search-area/src/index.vue'\nimport EleButtonGroup from '../../composite-components/button-group/src/index.vue'\nimport { type, net } from '@idooel/shared'\nimport { v4 as uuidv4 } from 'uuid'\nexport default {\n  name: 'ele-tree-table-model',\n  components: {\n    EleTree,\n    EleTable,\n    EleSearchArea,\n    EleButtonGroup\n  },\n  props: {\n    treeMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    searchMeta: {\n      type: Object,\n      default: () => ({})\n    },\n    buttonGroupMeta: {\n      typeof: Object,\n      default: () => ({})\n    },\n    tableMeta: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  data () {\n    return {\n      treeData: [],\n      tableData: [],\n      defaultExpandedKeys: [],\n      defaultSelectedKeys: [],\n      replaceFields: {\n        title: 'title',\n        children: 'children',\n        key: 'id'\n      },\n      loading: false,\n      total: 0,\n      tableQuerys: {},\n      resizeObserverModelTableWrapper: null,\n      modelTableWrapperHeight: 0,\n      currentTreeNodeData: {}\n    }\n  },\n  computed: {\n    buttonGroup () {\n      return uuidv4()\n    },\n    searchArea () {\n      return uuidv4()\n    },\n    modelTreeWrapper () {\n      return uuidv4()\n    },\n    modelTableWrapper () {\n      return uuidv4()\n    },\n    actions () {\n      const { operations } = this.tableMeta\n      return operations.elements\n    },\n    pageSize () {\n      const { page = {} } = this.tableMeta\n      return page.pageSize || 10\n    },\n    pageSizeOptions () {\n      const { page = {} } = this.tableMeta\n      return page.pageSizeOptions || ['10', '20', '30', '40']\n    },\n    columns () {\n      const { columns, operations } = this.tableMeta\n      if (type.get(columns) === 'array') {\n        const columnsOptions = columns.map(item => {\n          if (item.render) {\n            return {\n              title: item.title,\n              dataIndex: item.dataIndex,\n              width: item.width,\n              align: item.align,\n              fixed: item.fixed,\n              customRender: (text, record, index) => {\n                const { $createElement } = this\n                return item.render.call(this, { h: $createElement, ctx: this }, typeof text == 'string' ? text : text[item.dataIndex], record, index)\n              }\n            }\n          }\n          return {\n            title: item.title,\n            dataIndex: item.dataIndex,\n            width: item.width,\n            align: item.align,\n            fixed: item.fixed\n          }\n        })\n        if (operations) {\n          return [\n            ...columnsOptions,\n            {\n              title: '操作',\n              width: operations.width,\n              key: 'action',\n              fixed: 'right',\n              scopedSlots: { customRender: 'action' }\n            }\n          ]\n        }\n        return columnsOptions\n      } else {\n        console.error('Error: columns is invalid, please check it')\n        return []\n      }\n    },\n    getButtonGroupElements () {\n      const { elements } = this.buttonGroupMeta\n      if (type.get(elements) === 'function') {\n        return elements.call(this)\n      } else if (type.get(elements) === 'array') {\n        return elements\n      } else {\n        return []\n      }\n    }\n  },\n  async created () {\n    this.treeData = await this.requestTreeData()\n    const [defaultTreeNode = {}] = this.treeData\n    this.defaultExpandedKeys = [defaultTreeNode[this.replaceFields.key]]\n    this.defaultSelectedKeys = [defaultTreeNode[this.replaceFields.key]]\n    const { fieldMap } = this.tableMeta\n    this.currentTreeNodeData = defaultTreeNode\n    this.tableData = await this.requestTableData(this.execTableFieldMap(fieldMap, defaultTreeNode))\n  },\n  methods: {\n    handleClickButtonGroup (props) {\n      const { eventName } = props\n      this.$emit(eventName, { currentTreeNode: this.currentTreeNodeData })\n    },\n    watchViewPort () {\n      const modelTableWrapper = this.$refs[this.modelTableWrapper]\n      console.log(modelTableWrapper.getBoundingClientRect())\n      const { top } = modelTableWrapper.getBoundingClientRect()\n      this.$refs[this.modelTreeWrapper].style.height = `calc(100vh - ${top}px)`\n    },\n    async onSearch (props) {\n      this.tableQuerys = Object.assign(this.tableQuerys, props)\n      this.tableData = await this.requestTableData()\n    },\n    execTableFieldMap (fieldMap = {}, props) {\n      let ret = {}\n      const keys = Object.keys(fieldMap)\n      keys.forEach(key => {\n        const field = fieldMap[key]\n        ret[field] = props[key]\n      })\n      return ret\n    },\n    async selectTreeNode (selectedKeys, e) {\n      const { fieldMap } = this.tableMeta\n      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef\n      const execFieldMapRet = this.execTableFieldMap(fieldMap, e.node.$vnode.data.props.dataRef)\n      this.tableData = await this.requestTableData(execFieldMapRet)\n    },\n    async requestTreeData () {\n      const { url, requestType } = this.treeMeta\n      const ret = await net.get(\n        url\n      ).then(resp => {\n        const { data } = resp || {}\n        return data\n      })\n      return ret\n    },\n    async onChangePage (page, pageSize) {\n      this.tableData = await this.requestTableData({ currentPage: page, pageSize })\n    },\n    async requestTableData (props = {}) {\n      const { url, requestType, page = {} } = this.tableMeta\n      const { pageSize = 10 } = page\n      this.tableQuerys = Object.assign(this.tableQuerys, { currentPage: 1, pageSize }, props)\n      const ret = await net.get(\n        url,\n        this.tableQuerys\n      ).then(resp => {\n        const { data = [], count } = resp || {}\n        this.total = count\n        return data.map(item => {\n          return {\n            key: uuidv4(),\n            ...item\n          }\n        })\n      })\n      return ret\n    },\n    refreshTreeStatus (props = {}) {},\n    refreshTableStatus (props = {}) {},\n    getModelTableWrapperHeight () {},\n    setModelTreeWrapperHeight (height) {\n      this.$refs[this.modelTreeWrapper].style.height = height\n    },\n    setModelTableWrapperHeight () {\n      const { top } = this.$refs[this.modelTableWrapper].getBoundingClientRect()\n      const height = `calc(100vh - ${top}px)`\n      this.$refs[this.modelTableWrapper].style.height = height\n      this.setModelTreeWrapperHeight(height)\n    },\n    getSearchAreaHeight () {\n      return this.$refs[this.searchArea].$el.clientHeight\n    },\n    getButtonGroupHeight () {\n      return this.$refs[this.buttonGroup].$el.clientHeight\n    }\n  },\n  mounted () {\n    //TODO\n    // this.setModelTableWrapperHeight()\n    // this.resizeObserverModelTableWrapper = new ResizeObserver(entries => {\n    //   for (let entry of entries) {\n    //     this.modelTableWrapperHeight = entry.contentRect.height\n    //     console.log('this.modelTableWrapperHeight:', this.modelTableWrapperHeight)\n    //     console.log('getSearchAreaHeight', this.getSearchAreaHeight())\n    //     console.log('getButtonGroupHeight', this.getButtonGroupHeight())\n    //     const tableHeight = this.modelTableWrapperHeight - this.getSearchAreaHeight() - this.getButtonGroupHeight()\n    //     console.log('tableHeight', tableHeight)\n    //   }\n    // })\n    // this.resizeObserverModelTableWrapper.observe(this.$refs[this.modelTableWrapper])\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.model__tree-table {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  .model__tree--wrapper {\n    width: 240px;\n    background: #fff;\n    flex-shrink: 0;\n    padding: 16px;\n    box-sizing: border-box;\n    margin-right: 16px;\n    overflow-y: auto;\n  }\n  .model__table--wrapper {\n    min-width: 0;\n    background: #fff;\n  }\n}\n</style>",".model__tree-table {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.model__tree-table .model__tree--wrapper {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.model__tree-table .model__table--wrapper {\n  min-width: 0;\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+      inject("data-v-37846a00_0", { source: ".model__tree-table[data-v-37846a00] {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.model__tree-table .model__tree-table--container .model__tree--wrapper[data-v-37846a00] {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.model__tree-table .model__table--container[data-v-37846a00] {\n  min-width: 0;\n  background: #fff;\n}\n.model__tree-table .model__table--container .model__table--wrapper[data-v-37846a00] {\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\tree-table-model\\src\\index.vue","index.vue"],"names":[],"mappings":"AA0RA;EACA,uBAAA;EACA,aAAA;EACA,mBAAA;EACA,WAAA;ACzRA;AD2RA;EACA,YAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,sBAAA;EACA,kBAAA;EACA,gBAAA;ACzRA;AD4RA;EACA,YAAA;EACA,gBAAA;AC1RA;AD2RA;EACA,gBAAA;ACzRA;;AAEA,oCAAoC","file":"index.vue","sourcesContent":["<template>\r\n  <section class=\"model__tree-table\">\r\n    <section class=\"model__tree-table--container\">\r\n      <div class=\"model__tree--title\"></div>\r\n      <section :ref=\"modelTreeWrapper\" class=\"model__tree--wrapper\">\r\n        <ele-tree \r\n          :tree-data=\"treeData\"\r\n          :defaultExpandedKeys=\"defaultExpandedKeys\"\r\n          :defaultSelectedKeys=\"defaultSelectedKeys\"\r\n          @select=\"selectTreeNode\"\r\n          :replace-fields=\"treeMeta.replaceFields || replaceFields\">\r\n        </ele-tree>\r\n      </section>\r\n    </section>\r\n    <section class=\"model__table--container\">\r\n      <div class=\"model__table--title\"></div>\r\n      <section :ref=\"modelTableWrapper\" class=\"model__table--wrapper\">\r\n        <ele-search-area :ref=\"searchArea\" @search=\"onSearch\" :data-source=\"searchMeta.elements\"></ele-search-area>\r\n        <ele-button-group v-on=\"$listeners\" :ref=\"buttonGroup\" @click=\"handleClickButtonGroup\" style=\"margin-top: 16px\" :data-source=\"getButtonGroupElements\"></ele-button-group>\r\n        <ele-table\r\n          v-on=\"$listeners\"\r\n          :loading=\"loading\" \r\n          :columns=\"columns\"\r\n          :total=\"total\"\r\n          :actions=\"actions\"\r\n          :pageSize=\"pageSize\"\r\n          :pageSizeOptions=\"pageSizeOptions\"\r\n          :data-source=\"tableData\"\r\n          @change-page=\"onChangePage\" \r\n          style=\"margin-top: 8px;\"\r\n        ></ele-table>\r\n      </section>\r\n    </section>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport EleTree from '../../tree/src/index.vue'\r\nimport EleTable from '../../table/src/index.vue'\r\nimport EleSearchArea from '../../composite-components/search-area/src/index.vue'\r\nimport EleButtonGroup from '../../composite-components/button-group/src/index.vue'\r\nimport { type, net } from '@idooel/shared'\r\nimport { v4 as uuidv4 } from 'uuid'\r\nexport default {\r\n  name: 'ele-tree-table-model',\r\n  components: {\r\n    EleTree,\r\n    EleTable,\r\n    EleSearchArea,\r\n    EleButtonGroup\r\n  },\r\n  props: {\r\n    treeMeta: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    searchMeta: {\r\n      type: Object,\r\n      default: () => ({})\r\n    },\r\n    buttonGroupMeta: {\r\n      typeof: Object,\r\n      default: () => ({})\r\n    },\r\n    tableMeta: {\r\n      type: Object,\r\n      default: () => ({})\r\n    }\r\n  },\r\n  provide () {\r\n    return {\r\n      requestTreeData: this.requestTreeData,\r\n      requestTableData: this.requestTableData\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      treeData: [],\r\n      tableData: [],\r\n      defaultExpandedKeys: [],\r\n      defaultSelectedKeys: [],\r\n      replaceFields: {\r\n        title: 'title',\r\n        children: 'children',\r\n        key: 'id'\r\n      },\r\n      loading: false,\r\n      total: 0,\r\n      tableQuerys: {},\r\n      resizeObserverModelTableWrapper: null,\r\n      modelTableWrapperHeight: 0,\r\n      currentTreeNodeData: {}\r\n    }\r\n  },\r\n  computed: {\r\n    buttonGroup () {\r\n      return uuidv4()\r\n    },\r\n    searchArea () {\r\n      return uuidv4()\r\n    },\r\n    modelTreeWrapper () {\r\n      return uuidv4()\r\n    },\r\n    modelTableWrapper () {\r\n      return uuidv4()\r\n    },\r\n    actions () {\r\n      const { operations } = this.tableMeta\r\n      return operations.elements\r\n    },\r\n    pageSize () {\r\n      const { page = {} } = this.tableMeta\r\n      return page.pageSize || 10\r\n    },\r\n    pageSizeOptions () {\r\n      const { page = {} } = this.tableMeta\r\n      return page.pageSizeOptions || ['10', '20', '30', '40']\r\n    },\r\n    columns () {\r\n      const { columns, operations } = this.tableMeta\r\n      if (type.get(columns) === 'array') {\r\n        const columnsOptions = columns.map(item => {\r\n          if (item.render) {\r\n            return {\r\n              title: item.title,\r\n              dataIndex: item.dataIndex,\r\n              width: item.width,\r\n              align: item.align,\r\n              fixed: item.fixed,\r\n              customRender: (text, record, index) => {\r\n                const { $createElement } = this\r\n                return item.render.call(this, { h: $createElement, ctx: this }, typeof text == 'string' ? text : text[item.dataIndex], record, index)\r\n              }\r\n            }\r\n          }\r\n          return {\r\n            title: item.title,\r\n            dataIndex: item.dataIndex,\r\n            width: item.width,\r\n            align: item.align,\r\n            fixed: item.fixed\r\n          }\r\n        })\r\n        if (operations) {\r\n          return [\r\n            ...columnsOptions,\r\n            {\r\n              title: '操作',\r\n              width: operations.width,\r\n              key: 'action',\r\n              fixed: 'right',\r\n              scopedSlots: { customRender: 'action' }\r\n            }\r\n          ]\r\n        }\r\n        return columnsOptions\r\n      } else {\r\n        console.error('Error: columns is invalid, please check it')\r\n        return []\r\n      }\r\n    },\r\n    getButtonGroupElements () {\r\n      const { elements } = this.buttonGroupMeta\r\n      if (type.get(elements) === 'function') {\r\n        return elements.call(this)\r\n      } else if (type.get(elements) === 'array') {\r\n        return elements\r\n      } else {\r\n        return []\r\n      }\r\n    }\r\n  },\r\n  async created () {\r\n    this.treeData = await this.requestTreeData()\r\n    const [defaultTreeNode = {}] = this.treeData\r\n    this.defaultExpandedKeys = [defaultTreeNode[this.replaceFields.key]]\r\n    this.defaultSelectedKeys = [defaultTreeNode[this.replaceFields.key]]\r\n    const { fieldMap } = this.tableMeta\r\n    this.currentTreeNodeData = defaultTreeNode\r\n    this.tableData = await this.requestTableData(this.execTableFieldMap(fieldMap, defaultTreeNode))\r\n  },\r\n  methods: {\r\n    handleClickButtonGroup (props) {\r\n      const { eventName } = props\r\n      this.$emit(eventName, { currentTreeNode: this.currentTreeNodeData })\r\n    },\r\n    watchViewPort () {\r\n      const modelTableWrapper = this.$refs[this.modelTableWrapper]\r\n      console.log(modelTableWrapper.getBoundingClientRect())\r\n      const { top } = modelTableWrapper.getBoundingClientRect()\r\n      this.$refs[this.modelTreeWrapper].style.height = `calc(100vh - ${top}px)`\r\n    },\r\n    async onSearch (props) {\r\n      this.tableQuerys = Object.assign(this.tableQuerys, props)\r\n      this.tableData = await this.requestTableData()\r\n    },\r\n    execTableFieldMap (fieldMap = {}, props) {\r\n      let ret = {}\r\n      const keys = Object.keys(fieldMap)\r\n      keys.forEach(key => {\r\n        const field = fieldMap[key]\r\n        ret[field] = props[key]\r\n      })\r\n      return ret\r\n    },\r\n    async selectTreeNode (selectedKeys, e) {\r\n      const { fieldMap } = this.tableMeta\r\n      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef\r\n      const execFieldMapRet = this.execTableFieldMap(fieldMap, e.node.$vnode.data.props.dataRef)\r\n      this.tableData = await this.requestTableData(execFieldMapRet)\r\n    },\r\n    async requestTreeData () {\r\n      const { url, requestType } = this.treeMeta\r\n      const ret = await net.get(\r\n        url\r\n      ).then(resp => {\r\n        const { data } = resp || {}\r\n        return data\r\n      })\r\n      return ret\r\n    },\r\n    async onChangePage (page, pageSize) {\r\n      this.tableData = await this.requestTableData({ currentPage: page, pageSize })\r\n    },\r\n    async requestTableData (props = {}) {\r\n      const { url, requestType, page = {} } = this.tableMeta\r\n      const { pageSize = 10 } = page\r\n      this.tableQuerys = Object.assign(this.tableQuerys, { currentPage: 1, pageSize }, props)\r\n      const ret = await net.get(\r\n        url,\r\n        this.tableQuerys\r\n      ).then(resp => {\r\n        const { data = [], count } = resp || {}\r\n        this.total = count\r\n        return data.map(item => {\r\n          return {\r\n            key: uuidv4(),\r\n            ...item\r\n          }\r\n        })\r\n      })\r\n      return ret\r\n    },\r\n    refreshTreeStatus (props = {}) {},\r\n    refreshTableStatus (props = {}) {},\r\n    getModelTableWrapperHeight () {},\r\n    setModelTreeWrapperHeight (height) {\r\n      this.$refs[this.modelTreeWrapper].style.height = height\r\n    },\r\n    setModelTableWrapperHeight () {\r\n      const { top } = this.$refs[this.modelTableWrapper].getBoundingClientRect()\r\n      const height = `calc(100vh - ${top}px)`\r\n      this.$refs[this.modelTableWrapper].style.height = height\r\n      this.setModelTreeWrapperHeight(height)\r\n    },\r\n    getSearchAreaHeight () {\r\n      return this.$refs[this.searchArea].$el.clientHeight\r\n    },\r\n    getButtonGroupHeight () {\r\n      return this.$refs[this.buttonGroup].$el.clientHeight\r\n    }\r\n  },\r\n  mounted () {\r\n    //TODO\r\n    // this.setModelTableWrapperHeight()\r\n    // this.resizeObserverModelTableWrapper = new ResizeObserver(entries => {\r\n    //   for (let entry of entries) {\r\n    //     this.modelTableWrapperHeight = entry.contentRect.height\r\n    //     console.log('this.modelTableWrapperHeight:', this.modelTableWrapperHeight)\r\n    //     console.log('getSearchAreaHeight', this.getSearchAreaHeight())\r\n    //     console.log('getButtonGroupHeight', this.getButtonGroupHeight())\r\n    //     const tableHeight = this.modelTableWrapperHeight - this.getSearchAreaHeight() - this.getButtonGroupHeight()\r\n    //     console.log('tableHeight', tableHeight)\r\n    //   }\r\n    // })\r\n    // this.resizeObserverModelTableWrapper.observe(this.$refs[this.modelTableWrapper])\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.model__tree-table {\r\n  background: transparent;\r\n  display: flex;\r\n  flex-direction: row;\r\n  width: 100%;\r\n  .model__tree-table--container {\r\n    .model__tree--wrapper {\r\n      width: 240px;\r\n      background: #fff;\r\n      flex-shrink: 0;\r\n      padding: 16px;\r\n      box-sizing: border-box;\r\n      margin-right: 16px;\r\n      overflow-y: auto;\r\n    }\r\n  }\r\n  .model__table--container {\r\n    min-width: 0;\r\n    background: #fff;\r\n    .model__table--wrapper {\r\n      background: #fff;\r\n    }\r\n  }\r\n}\r\n</style>",".model__tree-table {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.model__tree-table .model__tree-table--container .model__tree--wrapper {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.model__tree-table .model__table--container {\n  min-width: 0;\n  background: #fff;\n}\n.model__tree-table .model__table--container .model__table--wrapper {\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$1 = "data-v-47f01802";
+    const __vue_scope_id__$1 = "data-v-37846a00";
     /* module identifier */
     const __vue_module_identifier__$1 = undefined;
     /* functional template */
@@ -1698,6 +2525,13 @@
       [__vue_component__$1.name]: __vue_component__$1
     },
     computed: {
+      modelNameValidator() {
+        const target = models.find(model => model.name === this.modelName);
+        return {
+          existed: !!target,
+          message: !!target ? '' : `Model <span style="color:red;">${this.modelName}</span> not found`
+        };
+      },
       genModelRef() {
         return v4();
       }
@@ -1717,7 +2551,7 @@
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
-    return _vm.modelName
+    return _vm.modelNameValidator.existed
       ? _c(
           _vm.modelName,
           _vm._g(
@@ -1747,21 +2581,25 @@
             _vm.$listeners
           )
         )
-      : _c("div", [_vm._v("未正确配置模版")])
+      : _c("div", {
+          domProps: { innerHTML: _vm._s(_vm.modelNameValidator.message) },
+        })
   };
   var __vue_staticRenderFns__ = [];
   __vue_render__._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__ = undefined;
+    const __vue_inject_styles__ = function (inject) {
+      if (!inject) return
+      inject("data-v-7b13873a_0", { source: ":root {\n  --idooel-primary-color: #1890FF;\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n}\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":"AAAA;EACE,+BAA+B;EAC/B,wBAAwB;EACxB,8BAA8B;EAC9B,+BAA+B;EAC/B,qCAAqC;AACvC;;AAEA,oCAAoC","file":"index.vue","sourcesContent":[":root {\n  --idooel-primary-color: #1890FF;\n  --idooel-border-width: 2;\n  --idooel-border-color: #53a8ff;\n  --idooel-column-border-width: 1;\n  --idooel-column-border-color: #d9ecff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+
+    };
     /* scoped */
     const __vue_scope_id__ = undefined;
     /* module identifier */
     const __vue_module_identifier__ = undefined;
     /* functional template */
     const __vue_is_functional_template__ = false;
-    /* style inject */
-    
     /* style inject SSR */
     
     /* style inject shadow dom */
@@ -1776,7 +2614,7 @@
       __vue_is_functional_template__,
       __vue_module_identifier__,
       false,
-      undefined,
+      createInjector,
       undefined,
       undefined
     );
@@ -1805,8 +2643,10 @@
   exports.EleInput = __vue_component__$9;
   exports.EleSelect = __vue_component__$8;
   exports.EleTable = __vue_component__$6;
+  exports.EleTpl = __vue_component__;
   exports.EleTree = __vue_component__$5;
   exports["default"] = install;
+  exports.models = models;
 
   Object.defineProperty(exports, '__esModule', { value: true });