@idooel/components 0.0.0 → 0.0.1

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

@@ -0,0 +1,2480 @@
+import { type, route, net } from '@idooel/shared';
+import moment from 'moment';
+
+//
+//
+//
+//
+//
+//
+
+var script$b = {
+  name: 'ele-button',
+  props: {
+    type: {
+      type: String,
+      default: 'default'
+    },
+    icon: {
+      type: String
+    }
+  },
+  methods: {
+    handleClick() {
+      this.$emit('click');
+    }
+  }
+};
+
+function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+  if (typeof shadowMode !== 'boolean') {
+    createInjectorSSR = createInjector;
+    createInjector = shadowMode;
+    shadowMode = false;
+  }
+  // Vue.extend constructor export interop.
+  const options = typeof script === 'function' ? script.options : script;
+  // render functions
+  if (template && template.render) {
+    options.render = template.render;
+    options.staticRenderFns = template.staticRenderFns;
+    options._compiled = true;
+    // functional template
+    if (isFunctionalTemplate) {
+      options.functional = true;
+    }
+  }
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId;
+  }
+  let hook;
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context = context ||
+      // cached call
+      this.$vnode && this.$vnode.ssrContext ||
+      // stateful
+      this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__;
+      }
+      // inject component styles
+      if (style) {
+        style.call(this, createInjectorSSR(context));
+      }
+      // register component module identifier for async chunk inference
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier);
+      }
+    };
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook;
+  } else if (style) {
+    hook = shadowMode ? function (context) {
+      style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
+    } : function (context) {
+      style.call(this, createInjector(context));
+    };
+  }
+  if (hook) {
+    if (options.functional) {
+      // register for functional component in vue file
+      const originalRender = options.render;
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context);
+        return originalRender(h, context);
+      };
+    } else {
+      // inject component registration as beforeCreate hook
+      const existing = options.beforeCreate;
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+    }
+  }
+  return script;
+}
+
+/* script */
+const __vue_script__$b = script$b;
+
+/* template */
+var __vue_render__$b = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "a-button",
+    {
+      attrs: { type: _vm.type, icon: _vm.icon },
+      on: { click: _vm.handleClick },
+    },
+    [_vm._t("default")],
+    2
+  )
+};
+var __vue_staticRenderFns__$b = [];
+__vue_render__$b._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$b = undefined;
+  /* scoped */
+  const __vue_scope_id__$b = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$b = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$b = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$b = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$b, staticRenderFns: __vue_staticRenderFns__$b },
+    __vue_inject_styles__$b,
+    __vue_script__$b,
+    __vue_scope_id__$b,
+    __vue_is_functional_template__$b,
+    __vue_module_identifier__$b,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+__vue_component__$b.install = Vue => Vue.component(__vue_component__$b.name, __vue_component__$b);
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script$a = {
+  name: 'ele-date',
+  props: {
+    value: {
+      type: Object
+    },
+    format: {
+      type: String,
+      default: 'YYYY/MM/DD'
+    }
+  },
+  data() {
+    return {
+      open: false
+    };
+  },
+  methods: {
+    onFocus() {
+      this.open = true;
+    },
+    onPanelChange(value, mode) {
+      this.$emit('input', value);
+      this.open = false;
+    }
+  }
+};
+
+/* script */
+const __vue_script__$a = script$a;
+
+/* template */
+var __vue_render__$a = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("a-date-picker", {
+    staticStyle: { width: "100%" },
+    attrs: {
+      mode: "year",
+      open: _vm.open,
+      value: _vm.value,
+      format: _vm.format,
+    },
+    on: { focus: _vm.onFocus, panelChange: _vm.onPanelChange },
+  })
+};
+var __vue_staticRenderFns__$a = [];
+__vue_render__$a._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$a = undefined;
+  /* scoped */
+  const __vue_scope_id__$a = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$a = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$a = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$a = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$a, staticRenderFns: __vue_staticRenderFns__$a },
+    __vue_inject_styles__$a,
+    __vue_script__$a,
+    __vue_scope_id__$a,
+    __vue_is_functional_template__$a,
+    __vue_module_identifier__$a,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+__vue_component__$a.install = Vue => Vue.component(__vue_component__$a.name, __vue_component__$a);
+
+//
+//
+//
+//
+
+var script$9 = {
+  name: 'ele-input',
+  props: {
+    value: {
+      type: String
+    }
+  },
+  methods: {
+    onChange(e) {
+      this.$emit('change', e.target.value);
+      this.$emit('input', e.target.value);
+    }
+  }
+};
+
+const isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+function createInjector(context) {
+  return (id, style) => addStyle(id, style);
+}
+let HEAD;
+const styles = {};
+function addStyle(id, css) {
+  const group = isOldIE ? css.media || 'default' : id;
+  const style = styles[group] || (styles[group] = {
+    ids: new Set(),
+    styles: []
+  });
+  if (!style.ids.has(id)) {
+    style.ids.add(id);
+    let code = css.source;
+    if (css.map) {
+      // https://developer.chrome.com/devtools/docs/javascript-debugging
+      // this makes source maps inside style tags work properly in Chrome
+      code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+      // http://stackoverflow.com/a/26603875
+      code += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + ' */';
+    }
+    if (!style.element) {
+      style.element = document.createElement('style');
+      style.element.type = 'text/css';
+      if (css.media) style.element.setAttribute('media', css.media);
+      if (HEAD === undefined) {
+        HEAD = document.head || document.getElementsByTagName('head')[0];
+      }
+      HEAD.appendChild(style.element);
+    }
+    if ('styleSheet' in style.element) {
+      style.styles.push(code);
+      style.element.styleSheet.cssText = style.styles.filter(Boolean).join('\n');
+    } else {
+      const index = style.ids.size - 1;
+      const textNode = document.createTextNode(code);
+      const nodes = style.element.childNodes;
+      if (nodes[index]) style.element.removeChild(nodes[index]);
+      if (nodes.length) style.element.insertBefore(textNode, nodes[index]);else style.element.appendChild(textNode);
+    }
+  }
+}
+
+/* script */
+const __vue_script__$9 = script$9;
+
+/* template */
+var __vue_render__$9 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("a-input", {
+    attrs: { value: _vm.value },
+    on: { change: _vm.onChange },
+  })
+};
+var __vue_staticRenderFns__$9 = [];
+__vue_render__$9._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$9 = function (inject) {
+    if (!inject) return
+    inject("data-v-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-560c97a2";
+  /* module identifier */
+  const __vue_module_identifier__$9 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$9 = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$9 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 },
+    __vue_inject_styles__$9,
+    __vue_script__$9,
+    __vue_scope_id__$9,
+    __vue_is_functional_template__$9,
+    __vue_module_identifier__$9,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
+
+__vue_component__$9.install = Vue => Vue.component(__vue_component__$9.name, __vue_component__$9);
+
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script$8 = {
+  name: 'ele-select',
+  props: {
+    value: {
+      type: [String, Array, Number]
+    },
+    defaultValue: {
+      type: [String, Array, Number]
+    },
+    dataSource: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+    onChange(value) {
+      this.$emit('change', value);
+      this.$emit('input', value);
+    }
+  }
+};
+
+/* script */
+const __vue_script__$8 = script$8;
+
+/* template */
+var __vue_render__$8 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "a-select",
+    {
+      staticStyle: { width: "100%" },
+      attrs: { value: _vm.value },
+      on: { change: _vm.onChange },
+    },
+    _vm._l(_vm.dataSource, function (item) {
+      return _c(
+        "a-select-option",
+        { key: item.value, attrs: { value: item.value } },
+        [_vm._v("\n    " + _vm._s(item.label) + "\n  ")]
+      )
+    }),
+    1
+  )
+};
+var __vue_staticRenderFns__$8 = [];
+__vue_render__$8._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$8 = function (inject) {
+    if (!inject) return
+    inject("data-v-499435e8_0", { source: "\n\n/*# sourceMappingURL=index.vue.map */", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":";;AAEA,oCAAoC","file":"index.vue"}, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__$8 = "data-v-499435e8";
+  /* module identifier */
+  const __vue_module_identifier__$8 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$8 = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$8 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 },
+    __vue_inject_styles__$8,
+    __vue_script__$8,
+    __vue_scope_id__$8,
+    __vue_is_functional_template__$8,
+    __vue_module_identifier__$8,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
+
+__vue_component__$8.install = Vue => Vue.component(__vue_component__$8.name, __vue_component__$8);
+
+// 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: {
+      type: Object
+    },
+    dataSource: {
+      type: Array,
+      default: () => []
+    }
+  },
+  computed: {
+    menuKeyDelimiter() {
+      return uuidv5('_', MENU_KEY_NAMESPACE);
+    }
+  },
+  methods: {
+    execDropdownOptExpression(dataSource = []) {
+      const ret = dataSource.map(item => {
+        const {
+          show
+        } = item;
+        if (type.isUndefined(show)) {
+          return item;
+        } else if (type.isBool(show)) {
+          if (show) return item;
+        } else if (type.isStr(show)) {
+          const parseRet = parse(show, {
+            ...this.record,
+            _route: route.searchToQueryParams(window.location.search)
+          });
+          if (parseRet) return item;
+        }
+      }).filter(item => item);
+      console.log('ret', ret);
+      return ret;
+    },
+    handleClickConfirm(props) {
+      //TODO generate event by special rule
+      const {
+        eventName,
+        value
+      } = props;
+      this.$emit(eventName, {
+        key: value,
+        record: this.record
+      });
+    },
+    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
+      });
+    },
+    handleClickText(props) {
+      const {
+        eventName,
+        key
+      } = props;
+      this.$emit(eventName, {
+        key,
+        record: this.record
+      });
+    }
+  }
+};
+
+/* script */
+const __vue_script__$7 = script$7;
+
+/* template */
+var __vue_render__$7 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "div",
+    { staticClass: "g-table__action" },
+    _vm._l(_vm.dataSource, function (item, idx) {
+      return _c(
+        "div",
+        { key: idx, staticClass: "table-action__item" },
+        [
+          item.type == "text"
+            ? [_c("span", [_vm._v(_vm._s(item.label))])]
+            : item.type == "dropdown"
+            ? [
+                _c(
+                  "a-dropdown",
+                  [
+                    _c(
+                      "a-menu",
+                      {
+                        attrs: { slot: "overlay" },
+                        on: { click: _vm.handleDropdownClick },
+                        slot: "overlay",
+                      },
+                      _vm._l(
+                        _vm.execDropdownOptExpression(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(),
+        ],
+        2
+      )
+    }),
+    0
+  )
+};
+var __vue_staticRenderFns__$7 = [];
+__vue_render__$7._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$7 = function (inject) {
+    if (!inject) return
+    inject("data-v-675c4232_0", { source: ".g-table__action[data-v-675c4232] {\n  display: flex;\n  flex-direction: row;\n}\n.g-table__action .table-action__item[data-v-675c4232] {\n  font-size: 14px;\n  color: #409EFF;\n  margin-left: 16px;\n  cursor: pointer;\n}\n.g-table__action .table-action__item[data-v-675c4232]: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":"AA0FA;EACA,aAAA;EACA,mBAAA;ACzFA;AD0FA;EACA,eAAA;EACA,cAAA;EACA,iBAAA;EACA,eAAA;ACxFA;ADyFA;EACA,cAAA;ACvFA;;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 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 execDropdownOptExpression(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  computed: {\r\n    menuKeyDelimiter () {\r\n      return uuidv5('_', MENU_KEY_NAMESPACE)\r\n    }\r\n  },\r\n  methods: {\r\n    execDropdownOptExpression (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, { ...this.record, _route: route.searchToQueryParams(window.location.search) })\r\n          if (parseRet) return item\r\n        }\r\n      }).filter(item => item)\r\n      console.log('ret', ret)\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, { key: value, record: this.record })\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, { key: child, record: this.record })\r\n    },\r\n    handleClickText (props) {\r\n      const { eventName, key } = props\r\n      this.$emit(eventName, { key, record: this.record })\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-675c4232";
+  /* module identifier */
+  const __vue_module_identifier__$7 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$7 = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$7 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 },
+    __vue_inject_styles__$7,
+    __vue_script__$7,
+    __vue_scope_id__$7,
+    __vue_is_functional_template__$7,
+    __vue_module_identifier__$7,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
+
+//
+var script$6 = {
+  name: 'ele-table',
+  components: {
+    Actions: __vue_component__$7
+  },
+  props: {
+    actions: {
+      type: Array,
+      default: () => []
+    },
+    total: {
+      type: Number,
+      default: 0
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    dataSource: {
+      type: Array,
+      default: () => []
+    },
+    pageSize: {
+      type: Number,
+      default: 10
+    },
+    pageSizeOptions: {
+      type: Array,
+      default: () => ['10', '20', '30', '40']
+    }
+  },
+  methods: {
+    setRowClassName(record, idx) {
+      return idx % 2 === 0 ? 'g-table__row--even' : 'g-table__row--odd';
+    },
+    onChangePagination(page, pagrSize) {
+      this.$emit('change-page', page, pagrSize);
+    }
+  }
+};
+
+/* script */
+const __vue_script__$6 = script$6;
+
+/* template */
+var __vue_render__$6 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "div",
+    { staticClass: "g-table__wrapper" },
+    [
+      _c("a-table", {
+        attrs: {
+          pagination: false,
+          loading: _vm.loading,
+          columns: _vm.columns,
+          "row-class-name": _vm.setRowClassName,
+          "data-source": _vm.dataSource,
+          scroll: { x: 1500, y: 500 },
+        },
+        scopedSlots: _vm._u([
+          {
+            key: "action",
+            fn: function (record) {
+              return [
+                _c(
+                  "Actions",
+                  _vm._g(
+                    { attrs: { "data-source": _vm.actions, record: record } },
+                    _vm.$listeners
+                  )
+                ),
+              ]
+            },
+          },
+        ]),
+      }),
+      _vm._v(" "),
+      _c(
+        "div",
+        { staticClass: "g-table__pagination" },
+        [
+          _c("a-pagination", {
+            attrs: {
+              "show-total": function (total) {
+                return "共 " + total + " 条数据"
+              },
+              "show-size-changer": "",
+              "show-quick-jumper": "",
+              pageSize: _vm.pageSize,
+              pageSizeOptions: _vm.pageSizeOptions,
+              total: _vm.total,
+            },
+            on: { change: _vm.onChangePagination },
+          }),
+        ],
+        1
+      ),
+    ],
+    1
+  )
+};
+var __vue_staticRenderFns__$6 = [];
+__vue_render__$6._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$6 = function (inject) {
+    if (!inject) return
+    inject("data-v-76f50d74_0", { source: ".g-table__wrapper[data-v-76f50d74] {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper .g-table__pagination[data-v-76f50d74] {\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":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\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>\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  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  }\r\n}\r\n</style>",".g-table__wrapper {\n  padding: 16px;\n  padding-top: unset;\n}\n.g-table__wrapper .g-table__pagination {\n  margin-top: 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__$6 = "data-v-76f50d74";
+  /* module identifier */
+  const __vue_module_identifier__$6 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$6 = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$6 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },
+    __vue_inject_styles__$6,
+    __vue_script__$6,
+    __vue_scope_id__$6,
+    __vue_is_functional_template__$6,
+    __vue_module_identifier__$6,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
+
+__vue_component__$6.install = Vue => Vue.component(__vue_component__$6.name, __vue_component__$6);
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var script$5 = {
+  name: 'ele-tree',
+  props: {
+    treeData: {
+      type: Array,
+      default: () => []
+    },
+    replaceFields: {
+      type: Object,
+      default: () => ({
+        title: 'title',
+        key: 'id',
+        children: 'children'
+      })
+    },
+    defaultExpandedKeys: {
+      type: Array
+    },
+    defaultSelectedKeys: {
+      type: Array
+    },
+    showIcon: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    innerTreeData() {
+      return this.treeData;
+      // return [
+      //   {
+      //     title: 'parent 1',
+      //     key: 1,
+      //     scopedSlots: {
+      //       icon: 'custom',
+      //       iconName: 'smile-o'
+      //     },
+      //     children: [
+      //       {
+      //         title: '2',
+      //         key: 2,
+      //         scopedSlots: {
+      //           icon: 'custom',
+      //           iconName: 'frown-o'
+      //         }
+      //       }
+      //     ]
+      //   }
+      // ]
+    }
+  },
+  methods: {
+    refreshTreeStatus(props = {}) {},
+    selectTreeNode(selectedKeys, e) {
+      this.$emit('select', selectedKeys, e);
+    }
+  }
+};
+
+/* script */
+const __vue_script__$5 = script$5;
+
+/* template */
+var __vue_render__$5 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "div",
+    { staticClass: "g-tree__wrapper" },
+    [
+      _vm.innerTreeData.length
+        ? _c("a-tree", {
+            attrs: {
+              "tree-data": _vm.innerTreeData,
+              replaceFields: _vm.replaceFields,
+              "default-expanded-keys": _vm.defaultExpandedKeys,
+              "default-selected-keys": _vm.defaultSelectedKeys,
+              blockNode: "",
+              "show-icon": _vm.showIcon,
+            },
+            on: { select: _vm.selectTreeNode },
+            scopedSlots: _vm._u(
+              [
+                {
+                  key: "title",
+                  fn: function (ref) {
+                    var title = ref.title;
+                    return [
+                      _c(
+                        "span",
+                        {
+                          staticClass: "tree-node__title",
+                          attrs: { title: title },
+                        },
+                        [_vm._v("\n        " + _vm._s(title) + "\n      ")]
+                      ),
+                    ]
+                  },
+                },
+                {
+                  key: "custom",
+                  fn: function (ref) {
+                    var scopedSlots = ref.scopedSlots;
+                    return [
+                      _c("a-icon", { attrs: { type: scopedSlots.iconName } }),
+                    ]
+                  },
+                },
+              ],
+              null,
+              false,
+              729072655
+            ),
+          })
+        : _vm._e(),
+    ],
+    1
+  )
+};
+var __vue_staticRenderFns__$5 = [];
+__vue_render__$5._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$5 = function (inject) {
+    if (!inject) return
+    inject("data-v-712762c3_0", { source: ".g-tree__wrapper[data-v-712762c3] {\n  overflow: hidden;\n}\n.g-tree__wrapper[data-v-712762c3]  .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":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\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>\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-node-content-wrapper {\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n  }\r\n}\r\n</style>",".g-tree__wrapper {\n  overflow: hidden;\n}\n.g-tree__wrapper ::v-deep .ant-tree-node-content-wrapper {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__$5 = "data-v-712762c3";
+  /* module identifier */
+  const __vue_module_identifier__$5 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$5 = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$5 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },
+    __vue_inject_styles__$5,
+    __vue_script__$5,
+    __vue_scope_id__$5,
+    __vue_is_functional_template__$5,
+    __vue_module_identifier__$5,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
+
+__vue_component__$5.install = Vue => Vue.component(__vue_component__$5.name, __vue_component__$5);
+
+//
+//
+//
+//
+//
+//
+//
+
+var script$4 = {
+  props: {
+    label: {
+      type: String
+    }
+  }
+};
+
+/* script */
+const __vue_script__$4 = script$4;
+
+/* template */
+var __vue_render__$4 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", { staticClass: "g-search__label" }, [
+    _c("span", { staticClass: "label__title" }, [_vm._v(_vm._s(_vm.label))]),
+    _vm._v(" "),
+    _c("span", { staticClass: "label__suffix" }, [_vm._v("：")]),
+  ])
+};
+var __vue_staticRenderFns__$4 = [];
+__vue_render__$4._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$4 = function (inject) {
+    if (!inject) return
+    inject("data-v-40e71716_0", { source: ".g-search__label[data-v-40e71716] {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.g-search__label .label__title[data-v-40e71716], .g-search__label .label__suffix[data-v-40e71716] {\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.88);\n  white-space: nowrap;\n}\n.g-search__label .label__suffix[data-v-40e71716] {\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=label.vue.map */", map: {"version":3,"sources":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\packages\\components\\packages\\composite-components\\search-area\\src\\label.vue","label.vue"],"names":[],"mappings":"AAkBA;EACA,iBAAA;EACA,gBAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;ACjBA;ADkBA;EACA,eAAA;EACA,0BAAA;EACA,mBAAA;AChBA;ADkBA;EACA,gBAAA;AChBA;;AAEA,oCAAoC","file":"label.vue","sourcesContent":["<template>\r\n  <div class=\"g-search__label\">\r\n    <span class=\"label__title\">{{ label }}</span>\r\n    <span class=\"label__suffix\">：</span>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    label: {\r\n      type: String\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.g-search__label {\r\n  /* width: 69px; */\r\n  flex-basis: 69px;\r\n  height: 32px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  .label__title, .label__suffix {\r\n    font-size: 14px;\r\n    color: rgba(0, 0, 0, 0.88);\r\n    white-space: nowrap;\r\n  }\r\n  .label__suffix {\r\n    margin-left: 4px;\r\n  }\r\n}\r\n</style>",".g-search__label {\n  /* width: 69px; */\n  flex-basis: 69px;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.g-search__label .label__title, .g-search__label .label__suffix {\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.88);\n  white-space: nowrap;\n}\n.g-search__label .label__suffix {\n  margin-left: 4px;\n}\n\n/*# sourceMappingURL=label.vue.map */"]}, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__$4 = "data-v-40e71716";
+  /* module identifier */
+  const __vue_module_identifier__$4 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$4 = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$4 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },
+    __vue_inject_styles__$4,
+    __vue_script__$4,
+    __vue_scope_id__$4,
+    __vue_is_functional_template__$4,
+    __vue_module_identifier__$4,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
+
+//
+var script$3 = {
+  name: 'ele-search-area',
+  components: {
+    EleInput: __vue_component__$9,
+    EleSelect: __vue_component__$8,
+    ELeButton: __vue_component__$b,
+    Label: __vue_component__$4,
+    EleDate: __vue_component__$a
+  },
+  props: {
+    gutter: {
+      type: [Number, Array, Object],
+      default: () => [16, 8]
+    },
+    span: {
+      type: Number,
+      default: 8
+    },
+    dataSource: {
+      type: Array,
+      required: true
+    }
+  },
+  computed: {
+    actionColOffset() {
+      return (24 / this.span - 1) * this.span;
+    },
+    innerDataSource() {
+      return [...this.dataSource, {
+        type: '_action'
+      }];
+    }
+  },
+  methods: {
+    handleClickSearch() {
+      const querys = this.extractValues();
+      this.$emit('search', querys);
+    },
+    extractValues() {
+      let ret = {};
+      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {
+        switch (item.type) {
+          case 'DatePicker':
+            ret[item.name] = typeof item._value == 'undefined' ? undefined : moment(item._value).format(item.format);
+            break;
+          default:
+            ret[item.name] = item._value;
+            break;
+        }
+      });
+      return ret;
+    },
+    handleClickReset() {
+      this.innerDataSource.filter(item => item.type !== '_action').forEach(item => {
+        switch (item.type) {
+          case 'Select':
+            this.$set(item, '_value', null);
+            break;
+          case 'DatePicker':
+            this.$set(item, '_value', undefined);
+            break;
+          default:
+            this.$set(item, '_value', null);
+            break;
+        }
+      });
+      //TODO defaultValue
+      const querys = this.extractValues();
+      this.$emit('search', querys);
+    },
+    onChangeSelect(value, props) {
+      this.$set(props, '_value', value);
+    }
+  }
+};
+
+/* script */
+const __vue_script__$3 = script$3;
+
+/* template */
+var __vue_render__$3 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "div",
+    { staticClass: "search-area__wrapper" },
+    [
+      _c(
+        "a-row",
+        { attrs: { gutter: _vm.gutter } },
+        _vm._l(_vm.innerDataSource, function (item, idx) {
+          return _c(
+            "a-col",
+            { key: idx, attrs: { span: item.span || _vm.span } },
+            [
+              item.type == "_action"
+                ? _c(
+                    "div",
+                    { staticClass: "search-area__item search-area--action" },
+                    [
+                      _c(
+                        "ele-button",
+                        {
+                          attrs: { icon: "search", type: "primary" },
+                          on: { click: _vm.handleClickSearch },
+                        },
+                        [_vm._v("查询")]
+                      ),
+                      _vm._v(" "),
+                      _c(
+                        "ele-button",
+                        {
+                          staticStyle: { "margin-left": "8px" },
+                          attrs: { icon: "reload" },
+                          on: { click: _vm.handleClickReset },
+                        },
+                        [_vm._v("重置")]
+                      ),
+                    ],
+                    1
+                  )
+                : _c(
+                    "div",
+                    { staticClass: "search-area__item" },
+                    [
+                      item.type == "Input"
+                        ? [
+                            _c("Label", { attrs: { label: item.label } }),
+                            _vm._v(" "),
+                            _c("ele-input", {
+                              model: {
+                                value: item._value,
+                                callback: function ($$v) {
+                                  _vm.$set(item, "_value", $$v);
+                                },
+                                expression: "item._value",
+                              },
+                            }),
+                          ]
+                        : item.type == "Select"
+                        ? [
+                            _c("Label", { attrs: { label: item.label } }),
+                            _vm._v(" "),
+                            _c("ele-select", {
+                              attrs: { "data-source": item.optionList },
+                              model: {
+                                value: item._value,
+                                callback: function ($$v) {
+                                  _vm.$set(item, "_value", $$v);
+                                },
+                                expression: "item._value",
+                              },
+                            }),
+                          ]
+                        : item.type == "DatePicker"
+                        ? [
+                            _c("Label", { attrs: { label: item.label } }),
+                            _vm._v(" "),
+                            _c("ele-date", {
+                              attrs: { format: item.format },
+                              model: {
+                                value: item._value,
+                                callback: function ($$v) {
+                                  _vm.$set(item, "_value", $$v);
+                                },
+                                expression: "item._value",
+                              },
+                            }),
+                          ]
+                        : _vm._e(),
+                    ],
+                    2
+                  ),
+            ]
+          )
+        }),
+        1
+      ),
+    ],
+    1
+  )
+};
+var __vue_staticRenderFns__$3 = [];
+__vue_render__$3._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$3 = function (inject) {
+    if (!inject) return
+    inject("data-v-1b430d4f_0", { source: ".search-area__wrapper[data-v-1b430d4f] {\n  padding-top: 16px;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.search-area__wrapper[data-v-1b430d4f]  .ant-col:last-child {\n  float: right;\n}\n.search-area__wrapper .search-area__item[data-v-1b430d4f] {\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":["E:\\work\\code\\ganjiao\\ganjian-monorepo\\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>\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>\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  computed: {\r\n    actionColOffset () {\r\n      return ((24 / this.span) - 1) * this.span\r\n    },\r\n    innerDataSource () {\r\n      return [...this.dataSource, { type: '_action' }]\r\n    }\r\n  },\r\n  methods: {\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  }\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\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__$3 = "data-v-1b430d4f";
+  /* module identifier */
+  const __vue_module_identifier__$3 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$3 = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$3 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },
+    __vue_inject_styles__$3,
+    __vue_script__$3,
+    __vue_scope_id__$3,
+    __vue_is_functional_template__$3,
+    __vue_module_identifier__$3,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
+
+//
+var script$2 = {
+  name: 'ele-button-group',
+  components: {
+    EleButton: __vue_component__$b
+  },
+  props: {
+    dataSource: {
+      type: Array,
+      default: () => []
+    }
+  },
+  methods: {
+    handleClick(props) {
+      this.$emit('click', props);
+    }
+  }
+};
+
+/* script */
+const __vue_script__$2 = script$2;
+
+/* template */
+var __vue_render__$2 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "div",
+    { staticClass: "button-group__wrapper" },
+    _vm._l(_vm.dataSource, function (item, idx) {
+      return _c(
+        "ele-button",
+        {
+          key: idx,
+          attrs: { type: item.type, icon: item.icon },
+          on: {
+            click: function ($event) {
+              return _vm.handleClick(item)
+            },
+          },
+        },
+        [_vm._v("\n    " + _vm._s(item.label) + "\n  ")]
+      )
+    }),
+    1
+  )
+};
+var __vue_staticRenderFns__$2 = [];
+__vue_render__$2._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$2 = function (inject) {
+    if (!inject) return
+    inject("data-v-09a1629e_0", { source: ".button-group__wrapper[data-v-09a1629e] {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.button-group__wrapper .ant-btn[data-v-09a1629e] {\n  margin-left: 8px;\n}\n.button-group__wrapper .ant-btn[data-v-09a1629e]: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":"AAmCA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;AClCA;ADmCA;EACA,gBAAA;ACjCA;ADkCA;EACA,cAAA;AChCA;;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      @click=\"handleClick(item)\" \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-09a1629e";
+  /* module identifier */
+  const __vue_module_identifier__$2 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$2 = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$2 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
+    __vue_inject_styles__$2,
+    __vue_script__$2,
+    __vue_scope_id__$2,
+    __vue_is_functional_template__$2,
+    __vue_module_identifier__$2,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
+
+//
+var script$1 = {
+  name: 'ele-tree-table-model',
+  components: {
+    EleTree: __vue_component__$5,
+    EleTable: __vue_component__$6,
+    EleSearchArea: __vue_component__$3,
+    EleButtonGroup: __vue_component__$2
+  },
+  props: {
+    treeMeta: {
+      type: Object,
+      default: () => ({})
+    },
+    searchMeta: {
+      type: Object,
+      default: () => ({})
+    },
+    buttonGroupMeta: {
+      typeof: Object,
+      default: () => ({})
+    },
+    tableMeta: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      treeData: [],
+      tableData: [],
+      defaultExpandedKeys: [],
+      defaultSelectedKeys: [],
+      replaceFields: {
+        title: 'title',
+        children: 'children',
+        key: 'id'
+      },
+      loading: false,
+      total: 0,
+      tableQuerys: {},
+      resizeObserverModelTableWrapper: null,
+      modelTableWrapperHeight: 0,
+      currentTreeNodeData: {}
+    };
+  },
+  computed: {
+    buttonGroup() {
+      return v4();
+    },
+    searchArea() {
+      return v4();
+    },
+    modelTreeWrapper() {
+      return v4();
+    },
+    modelTableWrapper() {
+      return v4();
+    },
+    actions() {
+      const {
+        operations
+      } = this.tableMeta;
+      return operations.elements;
+    },
+    pageSize() {
+      const {
+        page = {}
+      } = this.tableMeta;
+      return page.pageSize || 10;
+    },
+    pageSizeOptions() {
+      const {
+        page = {}
+      } = this.tableMeta;
+      return page.pageSizeOptions || ['10', '20', '30', '40'];
+    },
+    columns() {
+      const {
+        columns,
+        operations
+      } = this.tableMeta;
+      if (type.get(columns) === 'array') {
+        const columnsOptions = columns.map(item => {
+          if (item.render) {
+            return {
+              title: item.title,
+              dataIndex: item.dataIndex,
+              width: item.width,
+              align: item.align,
+              fixed: item.fixed,
+              customRender: (text, record, index) => {
+                const {
+                  $createElement
+                } = this;
+                return item.render.call(this, {
+                  h: $createElement,
+                  ctx: this
+                }, typeof text == 'string' ? text : text[item.dataIndex], record, index);
+              }
+            };
+          }
+          return {
+            title: item.title,
+            dataIndex: item.dataIndex,
+            width: item.width,
+            align: item.align,
+            fixed: item.fixed
+          };
+        });
+        if (operations) {
+          return [...columnsOptions, {
+            title: '操作',
+            width: operations.width,
+            key: 'action',
+            fixed: 'right',
+            scopedSlots: {
+              customRender: 'action'
+            }
+          }];
+        }
+        return columnsOptions;
+      } else {
+        console.error('Error: columns is invalid, please check it');
+        return [];
+      }
+    },
+    getButtonGroupElements() {
+      const {
+        elements
+      } = this.buttonGroupMeta;
+      if (type.get(elements) === 'function') {
+        return elements.call(this);
+      } else if (type.get(elements) === 'array') {
+        return elements;
+      } else {
+        return [];
+      }
+    }
+  },
+  async created() {
+    this.treeData = await this.requestTreeData();
+    const [defaultTreeNode = {}] = this.treeData;
+    this.defaultExpandedKeys = [defaultTreeNode[this.replaceFields.key]];
+    this.defaultSelectedKeys = [defaultTreeNode[this.replaceFields.key]];
+    const {
+      fieldMap
+    } = this.tableMeta;
+    this.currentTreeNodeData = defaultTreeNode;
+    this.tableData = await this.requestTableData(this.execTableFieldMap(fieldMap, defaultTreeNode));
+  },
+  methods: {
+    handleClickButtonGroup(props) {
+      const {
+        eventName
+      } = props;
+      this.$emit(eventName, {
+        currentTreeNode: this.currentTreeNodeData
+      });
+    },
+    watchViewPort() {
+      const modelTableWrapper = this.$refs[this.modelTableWrapper];
+      console.log(modelTableWrapper.getBoundingClientRect());
+      const {
+        top
+      } = modelTableWrapper.getBoundingClientRect();
+      this.$refs[this.modelTreeWrapper].style.height = `calc(100vh - ${top}px)`;
+    },
+    async onSearch(props) {
+      this.tableQuerys = Object.assign(this.tableQuerys, props);
+      this.tableData = await this.requestTableData();
+    },
+    execTableFieldMap(fieldMap = {}, props) {
+      let ret = {};
+      const keys = Object.keys(fieldMap);
+      keys.forEach(key => {
+        const field = fieldMap[key];
+        ret[field] = props[key];
+      });
+      return ret;
+    },
+    async selectTreeNode(selectedKeys, e) {
+      const {
+        fieldMap
+      } = this.tableMeta;
+      this.currentTreeNodeData = e.node.$vnode.data.props.dataRef;
+      const execFieldMapRet = this.execTableFieldMap(fieldMap, e.node.$vnode.data.props.dataRef);
+      this.tableData = await this.requestTableData(execFieldMapRet);
+    },
+    async requestTreeData() {
+      const {
+        url,
+        requestType
+      } = this.treeMeta;
+      const ret = await net.get(url).then(resp => {
+        const {
+          data
+        } = resp || {};
+        return data;
+      });
+      return ret;
+    },
+    async onChangePage(page, pageSize) {
+      this.tableData = await this.requestTableData({
+        currentPage: page,
+        pageSize
+      });
+    },
+    async requestTableData(props = {}) {
+      const {
+        url,
+        requestType,
+        page = {}
+      } = this.tableMeta;
+      const {
+        pageSize = 10
+      } = page;
+      this.tableQuerys = Object.assign(this.tableQuerys, {
+        currentPage: 1,
+        pageSize
+      }, props);
+      const ret = await net.get(url, this.tableQuerys).then(resp => {
+        const {
+          data = [],
+          count
+        } = resp || {};
+        this.total = count;
+        return data.map(item => {
+          return {
+            key: v4(),
+            ...item
+          };
+        });
+      });
+      return ret;
+    },
+    refreshTreeStatus(props = {}) {},
+    refreshTableStatus(props = {}) {},
+    getModelTableWrapperHeight() {},
+    setModelTreeWrapperHeight(height) {
+      this.$refs[this.modelTreeWrapper].style.height = height;
+    },
+    setModelTableWrapperHeight() {
+      const {
+        top
+      } = this.$refs[this.modelTableWrapper].getBoundingClientRect();
+      const height = `calc(100vh - ${top}px)`;
+      this.$refs[this.modelTableWrapper].style.height = height;
+      this.setModelTreeWrapperHeight(height);
+    },
+    getSearchAreaHeight() {
+      return this.$refs[this.searchArea].$el.clientHeight;
+    },
+    getButtonGroupHeight() {
+      return this.$refs[this.buttonGroup].$el.clientHeight;
+    }
+  },
+  mounted() {
+    //TODO
+    // this.setModelTableWrapperHeight()
+    // this.resizeObserverModelTableWrapper = new ResizeObserver(entries => {
+    //   for (let entry of entries) {
+    //     this.modelTableWrapperHeight = entry.contentRect.height
+    //     console.log('this.modelTableWrapperHeight:', this.modelTableWrapperHeight)
+    //     console.log('getSearchAreaHeight', this.getSearchAreaHeight())
+    //     console.log('getButtonGroupHeight', this.getButtonGroupHeight())
+    //     const tableHeight = this.modelTableWrapperHeight - this.getSearchAreaHeight() - this.getButtonGroupHeight()
+    //     console.log('tableHeight', tableHeight)
+    //   }
+    // })
+    // this.resizeObserverModelTableWrapper.observe(this.$refs[this.modelTableWrapper])
+  }
+};
+
+/* script */
+const __vue_script__$1 = script$1;
+
+/* template */
+var __vue_render__$1 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("section", { staticClass: "model__tree-table" }, [
+    _c(
+      "section",
+      { ref: _vm.modelTreeWrapper, staticClass: "model__tree--wrapper" },
+      [
+        _c("ele-tree", {
+          attrs: {
+            "tree-data": _vm.treeData,
+            defaultExpandedKeys: _vm.defaultExpandedKeys,
+            defaultSelectedKeys: _vm.defaultSelectedKeys,
+            "replace-fields": _vm.treeMeta.replaceFields || _vm.replaceFields,
+          },
+          on: { select: _vm.selectTreeNode },
+        }),
+      ],
+      1
+    ),
+    _vm._v(" "),
+    _c(
+      "section",
+      { ref: _vm.modelTableWrapper, staticClass: "model__table--wrapper" },
+      [
+        _c("ele-search-area", {
+          ref: _vm.searchArea,
+          attrs: { "data-source": _vm.searchMeta.elements },
+          on: { search: _vm.onSearch },
+        }),
+        _vm._v(" "),
+        _c("ele-button-group", {
+          ref: _vm.buttonGroup,
+          staticStyle: { "margin-top": "16px" },
+          attrs: { "data-source": _vm.getButtonGroupElements },
+          on: { click: _vm.handleClickButtonGroup },
+        }),
+        _vm._v(" "),
+        _c(
+          "ele-table",
+          _vm._g(
+            {
+              staticStyle: { "margin-top": "8px" },
+              attrs: {
+                loading: _vm.loading,
+                columns: _vm.columns,
+                total: _vm.total,
+                actions: _vm.actions,
+                pageSize: _vm.pageSize,
+                pageSizeOptions: _vm.pageSizeOptions,
+                "data-source": _vm.tableData,
+              },
+              on: { "change-page": _vm.onChangePage },
+            },
+            _vm.$listeners
+          )
+        ),
+      ],
+      1
+    ),
+  ])
+};
+var __vue_staticRenderFns__$1 = [];
+__vue_render__$1._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$1 = function (inject) {
+    if (!inject) return
+    inject("data-v-3d8af946_0", { source: ".model__tree-table[data-v-3d8af946] {\n  background: transparent;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.model__tree-table .model__tree--wrapper[data-v-3d8af946] {\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-3d8af946] {\n  min-width: 0;\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":"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>\r\n  <section class=\"model__tree-table\">\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 :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 :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</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  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--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  .model__table--wrapper {\r\n    min-width: 0;\r\n    background: #fff;\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--wrapper {\n  width: 240px;\n  background: #fff;\n  flex-shrink: 0;\n  padding: 16px;\n  box-sizing: border-box;\n  margin-right: 16px;\n  overflow-y: auto;\n}\n.model__tree-table .model__table--wrapper {\n  min-width: 0;\n  background: #fff;\n}\n\n/*# sourceMappingURL=index.vue.map */"]}, media: undefined });
+
+  };
+  /* scoped */
+  const __vue_scope_id__$1 = "data-v-3d8af946";
+  /* module identifier */
+  const __vue_module_identifier__$1 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$1 = false;
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
+    __vue_inject_styles__$1,
+    __vue_script__$1,
+    __vue_scope_id__$1,
+    __vue_is_functional_template__$1,
+    __vue_module_identifier__$1,
+    false,
+    createInjector,
+    undefined,
+    undefined
+  );
+
+//
+var script = {
+  name: 'ele-tpl',
+  props: {
+    modelName: {
+      type: String
+    }
+  },
+  components: {
+    [__vue_component__$1.name]: __vue_component__$1
+  },
+  computed: {
+    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();
+    }
+  },
+  methods: {
+    getModel() {
+      return this.$refs[this.genModelRef];
+    }
+  }
+};
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _vm.modelNameValidator.existed
+    ? _c(
+        _vm.modelName,
+        _vm._g(
+          _vm._b(
+            {
+              ref: _vm.genModelRef,
+              tag: "component",
+              scopedSlots: _vm._u(
+                [
+                  _vm._l(_vm.$scopedSlots, function (idx, name) {
+                    return {
+                      key: name,
+                      fn: function (data) {
+                        return [_vm._t(name, null, null, data)]
+                      },
+                    }
+                  }),
+                ],
+                null,
+                true
+              ),
+            },
+            "component",
+            _vm.$attrs,
+            false
+          ),
+          _vm.$listeners
+        )
+      )
+    : _c("div", {
+        domProps: { innerHTML: _vm._s(_vm.modelNameValidator.message) },
+      })
+};
+var __vue_staticRenderFns__ = [];
+__vue_render__._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+__vue_component__.install = Vue => Vue.component(__vue_component__.name, __vue_component__);
+
+__vue_component__$2.install = Vue => Vue.component(__vue_component__$2.name, __vue_component__$2);
+
+__vue_component__$3.install = Vue => Vue.component(__vue_component__$3.name, __vue_component__$3);
+
+__vue_component__$1.install = Vue => Vue.component(__vue_component__$1.name, __vue_component__$1);
+
+const compositeComponents = [__vue_component__$2, __vue_component__$3];
+const models = [__vue_component__$1];
+const components = [__vue_component__$b, __vue_component__$a, __vue_component__$9, __vue_component__$8, __vue_component__$6, __vue_component__$5, __vue_component__, ...compositeComponents, ...models];
+const install = Vue => {
+  if (install.installed) return;
+  install.installed = true;
+  components.forEach(component => {
+    Vue.component(component.name, component);
+  });
+};
+
+export { __vue_component__$b as EleButton, __vue_component__$a as EleDate, __vue_component__$9 as EleInput, __vue_component__$8 as EleSelect, __vue_component__$6 as EleTable, __vue_component__ as EleTpl, __vue_component__$5 as EleTree, install as default, models };