orion-design 0.1.29 → 0.1.31

package/dist/components/Querytable/index.js

@@ -1,580 +1,690 @@
 import "lodash-es";
-import { defineComponent as C, ref as X, computed as Z, createVNode as o, createTextVNode as ee, isVNode as P } from "vue";
-import { withInstall as te } from "../_util/vue/install.js";
-import { ElTable as le, ElTableColumn as w, ElButton as re } from "element-plus";
-import ne from "../_util/classNames.js";
-import { arrayType as oe, booleanType as v, stringType as l, someType as c, numberType as ae } from "../_util/type.js";
-import { number2string as se, formatDate as R, getSingleCodeContent as N, getMultiCodeContent as q } from "./utils/index.js";
-import ue from "dayjs";
-import { S as ie } from "../../index-BbsXWo7C.js";
-import ce from "../../error/OrionError.js";
-import de from "./hooks/useColumns.js";
-import M from "../../Throne/index.js";
-function pe(r) {
-  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !P(r);
+import { defineComponent, ref, computed, createVNode, createTextVNode, isVNode } from "vue";
+import { withInstall } from "../_util/vue/install.js";
+import { ElTable, ElTableColumn, ElButton } from "element-plus";
+import classNames from "../_util/classNames.js";
+import { arrayType, booleanType, stringType, someType, numberType } from "../_util/type.js";
+import { number2string, formatDate, getSingleCodeContent, getMultiCodeContent } from "./utils/index.js";
+import dayjs from "dayjs";
+import { S as Space } from "../../index-BOKLZnqH.js";
+import OrionError from "../../error/OrionError.js";
+import useColumns from "./hooks/useColumns.js";
+import Throne from "../../Throne/index.js";
+function _isSlot$1(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const me = () => ({
-  data: oe(),
-  showRowNumber: v(!0),
-  selectionMode: v(!1),
-  currentRowMode: v(!1),
-  size: l()
-}), he = /* @__PURE__ */ C({
+const querytableProps = () => ({
+  data: arrayType(),
+  showRowNumber: booleanType(true),
+  selectionMode: booleanType(false),
+  currentRowMode: booleanType(false),
+  size: stringType()
+});
+const Querytable$1 = /* @__PURE__ */ defineComponent({
   name: "OQuerytable",
-  inheritAttrs: !1,
-  props: me(),
+  inheritAttrs: false,
+  props: querytableProps(),
   emits: ["selectionChange", "currentRowChange", "rowClick", "rowDblclick", "cellClick", "cellDblclick"],
-  setup(r, {
-    slots: m,
-    attrs: f,
-    emit: i,
-    expose: b
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
-    const S = X(), B = Z(() => ({})), k = de(m);
-    return b({
-      clearSelection: () => {
-        S.value.clearSelection();
-      },
-      getSelectionRows: () => S.value.getSelectionRows(),
-      toggleRowSelection: (...Q) => S.value.toggleRowSelection(...Q),
-      toggleAllSelection: () => S.value.toggleAllSelection(),
-      setCurrentRow: (...Q) => S.value.setCurrentRow(...Q),
-      scrollTo: (...Q) => S.value.scrollTo(...Q)
-    }), () => {
+    const elTableRef = ref();
+    const style = computed(() => {
+      const rowStyle = {};
+      return rowStyle;
+    });
+    const columns = useColumns(slots);
+    const clearSelection = () => {
+      elTableRef.value.clearSelection();
+    };
+    const getSelectionRows = () => {
+      return elTableRef.value.getSelectionRows();
+    };
+    const toggleRowSelection = (...args) => {
+      return elTableRef.value.toggleRowSelection(...args);
+    };
+    const toggleAllSelection = () => {
+      return elTableRef.value.toggleAllSelection();
+    };
+    const setCurrentRow = (...args) => {
+      return elTableRef.value.setCurrentRow(...args);
+    };
+    const scrollTo = (...args) => {
+      return elTableRef.value.scrollTo(...args);
+    };
+    expose({
+      clearSelection,
+      getSelectionRows,
+      toggleRowSelection,
+      toggleAllSelection,
+      setCurrentRow,
+      scrollTo
+    });
+    return () => {
+      const {
+        data
+      } = props;
+      const {
+        selectionMode = false
+      } = props;
+      const {
+        showRowNumber = true
+      } = props;
       const {
-        data: Q
-      } = r, {
-        selectionMode: j = !1
-      } = r, {
-        showRowNumber: I = !0
-      } = r, {
-        currentRowMode: V = !1
-      } = r, {
-        size: L = "default"
-      } = r, $ = ne("orion-querytable"), z = () => o(w, {
-        type: "index",
-        label: "No",
-        width: 56,
-        fixed: "left",
-        showOverflowTooltip: !0,
-        index: (t) => t + 1
-      }, null), E = () => o(w, {
-        type: "selection",
-        width: 40,
-        fixed: "left"
-      }, null), Y = (t) => {
+        currentRowMode = false
+      } = props;
+      const {
+        size = "default"
+      } = props;
+      const cn = classNames("orion-querytable");
+      const renderIndexColumn = () => {
+        return createVNode(ElTableColumn, {
+          "type": "index",
+          "label": "No",
+          "width": 56,
+          "fixed": "left",
+          "showOverflowTooltip": true,
+          "index": (index) => {
+            return index + 1;
+          }
+        }, null);
+      };
+      const renderSelectionColumn = () => {
+        return createVNode(ElTableColumn, {
+          "type": "selection",
+          "width": 40,
+          "fixed": "left"
+        }, null);
+      };
+      const renderStringColumn = (column) => {
         const {
-          name: e,
-          head: n,
-          headAlign: s,
-          width: p,
-          fixed: h
-        } = t;
-        return o(w, {
-          label: n,
-          headerAlign: s,
-          prop: e,
-          width: p,
-          fixed: h,
-          showOverflowTooltip: !0
+          name,
+          head,
+          headAlign,
+          width,
+          fixed
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign,
+          "prop": name,
+          "width": width,
+          "fixed": fixed,
+          "showOverflowTooltip": true
         }, null);
-      }, F = (t) => {
+      };
+      const renderLinkColumn = (column) => {
         const {
-          name: e,
-          head: n,
-          headAlign: s,
-          width: p,
-          fixed: h
-        } = t;
-        return o(w, {
-          label: n,
-          headerAlign: s,
-          prop: e,
-          width: p,
-          fixed: h,
-          showOverflowTooltip: !0
+          name,
+          head,
+          headAlign,
+          width,
+          fixed
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign,
+          "prop": name,
+          "width": width,
+          "fixed": fixed,
+          "showOverflowTooltip": true
         }, {
-          default: (a) => {
+          default: (scope) => {
             const {
-              row: d,
-              column: u
-            } = a;
-            return o("span", {
-              class: "cell-linkcolumn"
-            }, [d[u.property]]);
+              row,
+              column: column2
+            } = scope;
+            return createVNode("span", {
+              "class": "cell-linkcolumn"
+            }, [row[column2.property]]);
           }
         });
-      }, H = (t) => {
+      };
+      const renderNumberColumn = (column) => {
+        const {
+          name,
+          head,
+          headAlign,
+          width,
+          fixed
+        } = column;
         const {
-          name: e,
-          head: n,
-          headAlign: s,
-          width: p,
-          fixed: h
-        } = t, {
-          thousandsSeparator: a = !0,
-          precision: d = -1,
-          percentage: u = !1
-        } = t;
-        return o(w, {
-          label: n,
-          headerAlign: s,
-          align: "right",
-          prop: e,
-          width: p,
-          fixed: h,
-          showOverflowTooltip: !0
+          thousandsSeparator = true,
+          precision = -1,
+          percentage = false
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign,
+          "align": "right",
+          "prop": name,
+          "width": width,
+          "fixed": fixed,
+          "showOverflowTooltip": true
         }, {
-          default: (g) => {
+          default: (scope) => {
             const {
-              row: x,
-              column: y
-            } = g;
-            return o("span", {
-              class: "cell-numbercolumn"
-            }, [se(x[y.property], a, d, u === !0 || u === "")]);
+              row,
+              column: column2
+            } = scope;
+            return createVNode("span", {
+              "class": "cell-numbercolumn"
+            }, [number2string(row[column2.property], thousandsSeparator, precision, percentage === true || percentage === "")]);
           }
         });
-      }, _ = (t) => {
+      };
+      const renderDateColumn = (column) => {
         const {
-          name: e,
-          head: n,
-          headAlign: s,
-          width: p,
-          fixed: h,
-          sourceFormat: a,
-          format: d = "YYYYMMDDHHmmss"
-        } = t;
-        return o(w, {
-          label: n,
-          headerAlign: s,
-          prop: e,
-          width: p,
-          fixed: h,
-          showOverflowTooltip: !0
+          name,
+          head,
+          headAlign,
+          width,
+          fixed,
+          sourceFormat,
+          format = "YYYYMMDDHHmmss"
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign,
+          "prop": name,
+          "width": width,
+          "fixed": fixed,
+          "showOverflowTooltip": true
         }, {
-          default: (u) => {
+          default: (scope) => {
             const {
-              row: g,
-              column: x
-            } = u, y = g[x.property];
-            return y instanceof Date || ue.isDayjs(y) ? o("div", null, [R(y, d)]) : a && d ? o("div", null, [R(y, a, d)]) : o("div", null, [y]);
+              row,
+              column: column2
+            } = scope;
+            const cellValue = row[column2.property];
+            if (cellValue instanceof Date || dayjs.isDayjs(cellValue)) {
+              return createVNode("div", null, [formatDate(cellValue, format)]);
+            } else {
+              if (sourceFormat && format) {
+                return createVNode("div", null, [formatDate(cellValue, sourceFormat, format)]);
+              } else {
+                return createVNode("div", null, [cellValue]);
+              }
+            }
           }
         });
-      }, G = (t) => {
+      };
+      const renderSingleSelectColumn = (column) => {
+        const {
+          name,
+          head,
+          headAlign,
+          width,
+          fixed
+        } = column;
         const {
-          name: e,
-          head: n,
-          headAlign: s,
-          width: p,
-          fixed: h
-        } = t, {
-          code: a
-        } = t;
-        return o(w, {
-          label: n,
-          headerAlign: s,
-          prop: e,
-          width: p,
-          fixed: h,
-          showOverflowTooltip: !0
+          code
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign,
+          "prop": name,
+          "width": width,
+          "fixed": fixed,
+          "showOverflowTooltip": true
         }, {
-          default: (d) => {
+          default: (scope) => {
             const {
-              row: u,
-              column: g
-            } = d, x = u[g.property];
-            let y, A, O;
-            return a ? typeof a == "string" ? (y = a, A = M.getCode(y), O = N(A.value, x)) : (A = a, O = N(A, x)) : O = null, o("span", {
-              class: "cell-singleselect"
-            }, [O]);
+              row,
+              column: column2
+            } = scope;
+            const cellValue = row[column2.property];
+            let codeName, codeData, codeContent;
+            if (!code) {
+              codeContent = null;
+            } else if (typeof code === "string") {
+              codeName = code;
+              codeData = Throne.getCode(codeName);
+              codeContent = getSingleCodeContent(codeData.value, cellValue);
+            } else {
+              codeData = code;
+              codeContent = getSingleCodeContent(codeData, cellValue);
+            }
+            return createVNode("span", {
+              "class": "cell-singleselect"
+            }, [codeContent]);
           }
         });
-      }, J = (t) => {
+      };
+      const renderMultiSelectColumn = (column) => {
         const {
-          name: e,
-          head: n,
-          headAlign: s,
-          width: p,
-          fixed: h
-        } = t, {
-          code: a
-        } = t;
-        return o(w, {
-          label: n,
-          headerAlign: s,
-          prop: e,
-          width: p,
-          fixed: h,
-          showOverflowTooltip: !0
+          name,
+          head,
+          headAlign,
+          width,
+          fixed
+        } = column;
+        const {
+          code
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign,
+          "prop": name,
+          "width": width,
+          "fixed": fixed,
+          "showOverflowTooltip": true
         }, {
-          default: (d) => {
+          default: (scope) => {
             const {
-              row: u,
-              column: g
-            } = d, x = u[g.property];
-            let y, A, O;
-            return a ? typeof a == "string" ? (y = a, A = M.getCode(y), O = q(A.value, x)) : (A = a, O = q(A, x)) : O = null, o("span", {
-              class: "cell-multiselect"
-            }, [O]);
+              row,
+              column: column2
+            } = scope;
+            const cellValue = row[column2.property];
+            let codeName, codeData, codeContent;
+            if (!code) {
+              codeContent = null;
+            } else if (typeof code === "string") {
+              codeName = code;
+              codeData = Throne.getCode(codeName);
+              codeContent = getMultiCodeContent(codeData.value, cellValue);
+            } else {
+              codeData = code;
+              codeContent = getMultiCodeContent(codeData, cellValue);
+            }
+            return createVNode("span", {
+              "class": "cell-multiselect"
+            }, [codeContent]);
           }
         });
-      }, K = (t) => {
+      };
+      const renderButtongroupColumn = (column) => {
         const {
-          name: e,
-          head: n,
-          headAlign: s,
-          width: p,
-          fixed: h
-        } = t;
-        return o(w, {
-          label: n,
-          headerAlign: s,
-          prop: e,
-          width: p,
-          fixed: h
+          name,
+          head,
+          headAlign,
+          width,
+          fixed
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign,
+          "prop": name,
+          "width": width,
+          "fixed": fixed
         }, {
-          default: (a) => {
-            var u, g;
-            const d = (g = (u = t.children) == null ? void 0 : u.default) == null ? void 0 : g.call(u, {
-              rowData: a.row,
-              column: t,
-              rowIndex: a.$index
+          default: (scope) => {
+            var _a, _b;
+            const children = (_b = (_a = column.children) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a, {
+              rowData: scope.row,
+              column,
+              rowIndex: scope.$index
             });
-            return o("div", {
-              class: "cell-buttongroup"
-            }, [o(ie, null, pe(d) ? d : {
-              default: () => [d]
+            return createVNode("div", {
+              "class": "cell-buttongroup"
+            }, [createVNode(Space, null, _isSlot$1(children) ? children : {
+              default: () => [children]
             })]);
           }
         });
-      }, U = (t) => {
+      };
+      const renderColumngroupColumn = (column) => {
+        const {
+          head,
+          headAlign
+        } = column;
         const {
-          head: e,
-          headAlign: n
-        } = t, {
-          children: s
-        } = t;
-        return o(w, {
-          label: e,
-          headerAlign: n
+          children
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign
         }, {
-          default: (p) => T(s)
+          default: (scope) => {
+            return renderColumns(children);
+          }
         });
-      }, W = (t) => {
+      };
+      const renderDiyColumn = (column) => {
         const {
-          name: e,
-          head: n,
-          headAlign: s,
-          width: p,
-          fixed: h
-        } = t;
-        return o(w, {
-          label: n,
-          headerAlign: s,
-          prop: e,
-          width: p,
-          fixed: h
+          name,
+          head,
+          headAlign,
+          width,
+          fixed
+        } = column;
+        return createVNode(ElTableColumn, {
+          "label": head,
+          "headerAlign": headAlign,
+          "prop": name,
+          "width": width,
+          "fixed": fixed
         }, {
-          default: (a) => {
-            var u, g;
-            const d = (g = (u = t.children) == null ? void 0 : u.default) == null ? void 0 : g.call(u, {
-              rowData: a.row,
-              column: t,
-              rowIndex: a.$index
+          default: (scope) => {
+            var _a, _b;
+            const children = (_b = (_a = column.children) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a, {
+              rowData: scope.row,
+              column,
+              rowIndex: scope.$index
             });
-            return o("div", {
-              class: "cell-diy"
-            }, [d, ee(" ")]);
+            return createVNode("div", {
+              "class": "cell-diy"
+            }, [children, createTextVNode(" ")]);
           }
         });
-      }, T = (t) => t == null ? void 0 : t.map((e) => {
-        if (e.type === "OQuerytableColumnString")
-          return Y(e);
-        if (e.type === "OQuerytableColumnLink")
-          return F(e);
-        if (e.type === "OQuerytableColumnNumber")
-          return H(e);
-        if (e.type === "OQuerytableColumnDate")
-          return _(e);
-        if (e.type === "OQuerytableColumnSingleselect")
-          return G(e);
-        if (e.type === "OQuerytableColumnMultiselect")
-          return J(e);
-        if (e.type === "OQuerytableColumnButtongroup")
-          return K(e);
-        if (e.type === "OQuerytableColumngroup")
-          return U(e);
-        if (e.type === "OQuerytableColumnDiy")
-          return W(e);
-        throw new ce(`OQuerytable不能正确渲染'${e.type}'子组件。`);
-      });
-      return o("div", {
-        class: [$, f.class],
-        style: [B.value, f.style]
-      }, [o(le, {
-        ref: S,
-        border: !0,
-        data: Q,
-        height: "100%",
-        style: {
+      };
+      const renderColumns = (columns2) => {
+        return columns2 == null ? void 0 : columns2.map((c) => {
+          if (c.type === "OQuerytableColumnString") {
+            return renderStringColumn(c);
+          } else if (c.type === "OQuerytableColumnLink") {
+            return renderLinkColumn(c);
+          } else if (c.type === "OQuerytableColumnNumber") {
+            return renderNumberColumn(c);
+          } else if (c.type === "OQuerytableColumnDate") {
+            return renderDateColumn(c);
+          } else if (c.type === "OQuerytableColumnSingleselect") {
+            return renderSingleSelectColumn(c);
+          } else if (c.type === "OQuerytableColumnMultiselect") {
+            return renderMultiSelectColumn(c);
+          } else if (c.type === "OQuerytableColumnButtongroup") {
+            return renderButtongroupColumn(c);
+          } else if (c.type === "OQuerytableColumngroup") {
+            return renderColumngroupColumn(c);
+          } else if (c.type === "OQuerytableColumnDiy") {
+            return renderDiyColumn(c);
+          } else {
+            throw new OrionError(`OQuerytable不能正确渲染'${c.type}'子组件。`);
+          }
+        });
+      };
+      return createVNode("div", {
+        "class": [cn, attrs.class],
+        "style": [style.value, attrs.style]
+      }, [createVNode(ElTable, {
+        "ref": elTableRef,
+        "border": true,
+        "data": data,
+        "height": "100%",
+        "style": {
           width: "100%"
         },
-        "onSelection-change": (t) => i("selectionChange", t),
-        "highlight-current-row": V,
-        "onCurrent-change": (t, e) => i("currentRowChange", t, e),
-        "onRow-click": (t, e, n) => i("rowClick", t, {
-          name: e.property,
-          head: e.label
-        }, n),
-        "onRow-dblclick": (t, e, n) => i("rowDblclick", t, {
-          name: e.property,
-          head: e.label
-        }, n),
-        "onCell-click": (t, e, n, s) => i("cellClick", t, {
-          name: e.property,
-          head: e.label
-        }, n, s),
-        "onCell-dblclick": (t, e, n, s) => i("cellDblclick", t, {
-          name: e.property,
-          head: e.label
-        }, n, s),
-        size: L
+        "onSelection-change": (rows) => emit("selectionChange", rows),
+        "highlight-current-row": currentRowMode,
+        "onCurrent-change": (currentRow, oldCurrentRow) => emit("currentRowChange", currentRow, oldCurrentRow),
+        "onRow-click": (row, column, event) => emit("rowClick", row, {
+          name: column.property,
+          head: column.label
+        }, event),
+        "onRow-dblclick": (row, column, event) => emit("rowDblclick", row, {
+          name: column.property,
+          head: column.label
+        }, event),
+        "onCell-click": (row, column, cell, event) => emit("cellClick", row, {
+          name: column.property,
+          head: column.label
+        }, cell, event),
+        "onCell-dblclick": (row, column, cell, event) => emit("cellDblclick", row, {
+          name: column.property,
+          head: column.label
+        }, cell, event),
+        "size": size
       }, {
-        default: () => [I && z(), j && E(), T(k.value)]
+        default: () => [showRowNumber && renderIndexColumn(), selectionMode && renderSelectionColumn(), renderColumns(columns.value)]
       })]);
     };
   }
-}), fe = () => ({}), ge = /* @__PURE__ */ C({
+});
+const querytableColumnIndexProps = () => ({});
+const QuerytableColumnIndex = /* @__PURE__ */ defineComponent({
   name: "OQuerytableColumnIndex",
-  inheritAttrs: !1,
-  props: fe(),
-  setup(r, {
-    slots: m,
-    attrs: f,
-    emit: i,
-    expose: b
+  inheritAttrs: false,
+  props: querytableColumnIndexProps(),
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), ye = () => ({
-  head: l(),
-  headAlign: l(),
-  name: l(),
-  width: c([Boolean, String]),
-  fixed: c([Boolean, String])
-}), be = /* @__PURE__ */ C({
+});
+const querytableColumnStringProps = () => ({
+  head: stringType(),
+  headAlign: stringType(),
+  name: stringType(),
+  width: someType([Boolean, String]),
+  fixed: someType([Boolean, String])
+});
+const QuerytableColumnString = /* @__PURE__ */ defineComponent({
   name: "OQuerytableColumnString",
-  inheritAttrs: !1,
-  props: ye(),
-  setup(r, {
-    slots: m,
-    attrs: f,
-    emit: i,
-    expose: b
+  inheritAttrs: false,
+  props: querytableColumnStringProps(),
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), Ce = () => ({
-  head: l(),
-  headAlign: l(),
-  name: l(),
-  width: c([Boolean, String]),
-  fixed: c([Boolean, String])
-}), we = /* @__PURE__ */ C({
+});
+const querytableColumnLinkProps = () => ({
+  head: stringType(),
+  headAlign: stringType(),
+  name: stringType(),
+  width: someType([Boolean, String]),
+  fixed: someType([Boolean, String])
+});
+const QuerytableColumnLink = /* @__PURE__ */ defineComponent({
   name: "OQuerytableColumnLink",
-  inheritAttrs: !1,
-  props: Ce(),
-  setup(r, {
-    slots: m,
-    attrs: f,
-    emit: i,
-    expose: b
+  inheritAttrs: false,
+  props: querytableColumnLinkProps(),
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), Se = () => ({
-  head: l(),
-  headAlign: l(),
-  name: l(),
-  width: c([Boolean, String]),
-  fixed: c([Boolean, String]),
-  thousandsSeparator: v(!0),
-  precision: ae(-1),
-  percentage: v(!1)
-}), xe = /* @__PURE__ */ C({
+});
+const querytableColumnNumberProps = () => ({
+  head: stringType(),
+  headAlign: stringType(),
+  name: stringType(),
+  width: someType([Boolean, String]),
+  fixed: someType([Boolean, String]),
+  thousandsSeparator: booleanType(true),
+  precision: numberType(-1),
+  percentage: booleanType(false)
+});
+const QuerytableColumnNumber = /* @__PURE__ */ defineComponent({
   name: "OQuerytableColumnNumber",
-  inheritAttrs: !1,
-  props: Se(),
-  setup(r, {
-    slots: m,
-    attrs: f,
-    emit: i,
-    expose: b
+  inheritAttrs: false,
+  props: querytableColumnNumberProps(),
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), Ae = () => ({
-  head: l(),
-  headAlign: l(),
-  name: l(),
-  width: c([Boolean, String]),
-  fixed: c([Boolean, String]),
+});
+const querytableColumnDateProps = () => ({
+  head: stringType(),
+  headAlign: stringType(),
+  name: stringType(),
+  width: someType([Boolean, String]),
+  fixed: someType([Boolean, String]),
   // Date
-  format: l(),
-  sourceFormat: l()
-}), Oe = /* @__PURE__ */ C({
+  format: stringType(),
+  sourceFormat: stringType()
+});
+const QuerytableColumnDate = /* @__PURE__ */ defineComponent({
   name: "OQuerytableColumnDate",
-  inheritAttrs: !1,
-  props: Ae(),
-  setup(r, {
-    slots: m,
-    attrs: f,
-    emit: i,
-    expose: b
+  inheritAttrs: false,
+  props: querytableColumnDateProps(),
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), Qe = () => ({
-  head: l(),
-  headAlign: l(),
-  name: l(),
-  width: c([Boolean, String]),
-  fixed: c([Boolean, String]),
-  code: c([String, Array])
-}), Be = /* @__PURE__ */ C({
+});
+const querytableColumnSingleselectProps = () => ({
+  head: stringType(),
+  headAlign: stringType(),
+  name: stringType(),
+  width: someType([Boolean, String]),
+  fixed: someType([Boolean, String]),
+  code: someType([String, Array])
+});
+const QuerytableColumnSingleselect = /* @__PURE__ */ defineComponent({
   name: "OQuerytableColumnSingleselect",
-  inheritAttrs: !1,
-  props: Qe(),
-  setup(r, {
-    slots: m,
-    attrs: f,
-    emit: i,
-    expose: b
+  inheritAttrs: false,
+  props: querytableColumnSingleselectProps(),
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), ke = () => ({
-  head: l(),
-  headAlign: l(),
-  name: l(),
-  width: c([Boolean, String]),
-  fixed: c([Boolean, String]),
-  code: c([String, Array])
-}), ve = /* @__PURE__ */ C({
+});
+const querytableColumnMultiselectProps = () => ({
+  head: stringType(),
+  headAlign: stringType(),
+  name: stringType(),
+  width: someType([Boolean, String]),
+  fixed: someType([Boolean, String]),
+  code: someType([String, Array])
+});
+const QuerytableColumnMultiselect = /* @__PURE__ */ defineComponent({
   name: "OQuerytableColumnMultiselect",
-  inheritAttrs: !1,
-  props: ke(),
-  setup(r, {
-    slots: m,
-    attrs: f,
-    emit: i,
-    expose: b
+  inheritAttrs: false,
+  props: querytableColumnMultiselectProps(),
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), De = () => ({
-  head: l(),
-  headAlign: l(),
-  name: l(),
-  width: c([Boolean, String]),
-  fixed: c([Boolean, String])
-}), Te = /* @__PURE__ */ C({
+});
+const querytableColumnButtongroupProps = () => ({
+  head: stringType(),
+  headAlign: stringType(),
+  name: stringType(),
+  width: someType([Boolean, String]),
+  fixed: someType([Boolean, String])
+});
+const QuerytableColumnButtongroup = /* @__PURE__ */ defineComponent({
   name: "OQuerytableColumnButtongroup",
-  inheritAttrs: !1,
-  props: De(),
+  inheritAttrs: false,
+  props: querytableColumnButtongroupProps(),
   slots: Object,
-  setup(r, {
-    slots: m,
-    attrs: f,
-    emit: i,
-    expose: b
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
 });
-function Re(r) {
-  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !P(r);
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const Ne = () => ({
-  type: l()
-}), qe = /* @__PURE__ */ C({
+const querytableCellButtonProps = () => ({
+  type: stringType()
+});
+const QuerytableCellButton = /* @__PURE__ */ defineComponent({
   name: "OQuerytableCellButton",
-  inheritAttrs: !1,
-  props: Ne(),
+  inheritAttrs: false,
+  props: querytableCellButtonProps(),
   emits: ["click"],
-  setup(r, {
-    slots: m,
-    attrs: f,
-    emit: i,
-    expose: b
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
-    const S = (B) => {
-      i("click", B);
+    const handleClick = (event) => {
+      emit("click", event);
     };
     return () => {
-      var D;
+      var _a;
       const {
-        type: B
-      } = r, k = (D = m.default) == null ? void 0 : D.call(m);
-      return o(re, {
-        link: !0,
-        type: B,
-        size: "small",
-        onClick: S
-      }, Re(k) ? k : {
-        default: () => [k]
+        type
+      } = props;
+      const children = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      return createVNode(ElButton, {
+        "link": true,
+        "type": type,
+        "size": "small",
+        "onClick": handleClick
+      }, _isSlot(children) ? children : {
+        default: () => [children]
       });
     };
   }
-}), Me = () => ({
-  head: l(),
-  headAlign: l()
-}), Pe = /* @__PURE__ */ C({
+});
+const querytableColumngroupProps = () => ({
+  head: stringType(),
+  headAlign: stringType()
+});
+const QuerytableColumngroup = /* @__PURE__ */ defineComponent({
   name: "OQuerytableColumngroup",
-  inheritAttrs: !1,
-  props: Me(),
-  setup(r, {
-    slots: m,
-    attrs: f,
-    emit: i,
-    expose: b
+  inheritAttrs: false,
+  props: querytableColumngroupProps(),
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), je = () => ({
-  head: l(),
-  headAlign: l(),
-  name: l(),
-  width: c([Boolean, String]),
-  fixed: c([Boolean, String])
-}), Ie = /* @__PURE__ */ C({
+});
+const querytableColumnDiyProps = () => ({
+  head: stringType(),
+  headAlign: stringType(),
+  name: stringType(),
+  width: someType([Boolean, String]),
+  fixed: someType([Boolean, String])
+});
+const QuerytableColumnDiy = /* @__PURE__ */ defineComponent({
   name: "OQuerytableColumnDiy",
-  inheritAttrs: !1,
-  props: je(),
+  inheritAttrs: false,
+  props: querytableColumnDiyProps(),
   slots: Object,
-  setup(r, {
-    slots: m,
-    attrs: f,
-    emit: i,
-    expose: b
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
   }) {
     return () => null;
   }
-}), tt = te(he, {
-  QuerytableColumnIndex: ge,
-  QuerytableColumnString: be,
-  QuerytableColumnLink: we,
-  QuerytableColumnNumber: xe,
-  QuerytableColumnDate: Oe,
-  QuerytableColumnSingleselect: Be,
-  QuerytableColumnMultiselect: ve,
-  QuerytableColumnButtongroup: Te,
-  QuerytableCellButton: qe,
-  QuerytableColumngroup: Pe,
-  QuerytableColumnDiy: Ie
+});
+const Querytable = withInstall(Querytable$1, {
+  QuerytableColumnIndex,
+  QuerytableColumnString,
+  QuerytableColumnLink,
+  QuerytableColumnNumber,
+  QuerytableColumnDate,
+  QuerytableColumnSingleselect,
+  QuerytableColumnMultiselect,
+  QuerytableColumnButtongroup,
+  QuerytableCellButton,
+  QuerytableColumngroup,
+  QuerytableColumnDiy
 });
 export {
-  tt as default
+  Querytable as default
 };
 //# sourceMappingURL=index.js.map