orion-design 0.1.58 → 1.0.0

package/dist/components/Querytable/index.js

@@ -1,16 +1,16 @@
 import "lodash-es";
-import { defineComponent as h, ref as W, computed as X, createVNode as l, createTextVNode as Z, isVNode as T } from "vue";
+import { defineComponent as b, ref as W, computed as X, createVNode as a, createTextVNode as Z, isVNode as T } from "vue";
 import { withInstall as ee } from "../_util/vue/install.js";
-import { ElTable as te, ElTableColumn as b, ElButton as ne } from "element-plus";
-import re from "../_antd_util/classNames.js";
+import { ElTable as te, ElTableColumn as w, ElButton as re } from "element-plus";
+import ne from "../_antd_util/classNames.js";
 import { number2string as le, formatDate as R, getSingleCodeContent as oe, getMultiCodeContent as ie } from "./utils/index.js";
-import ue from "dayjs";
-import { S as ae } from "../../index-CvcZkdiG.js";
+import ae from "dayjs";
+import { S as ue } from "../../index-CvcZkdiG.js";
 import se from "../../error/OrionError.js";
-import ce from "./hooks/useColumns.js";
+import de from "./hooks/useColumns.js";
 import j from "../Pagetable/hooks/useCode.js";
-function de(n) {
-  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !T(n);
+function ce(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !T(o);
 }
 const pe = () => ({
   data: Array,
@@ -31,44 +31,44 @@ const pe = () => ({
   rowStyle: [Object, Function],
   cellClassName: [String, Function],
   cellStyle: [Object, Function]
-}), ge = /* @__PURE__ */ h({
+}), ge = /* @__PURE__ */ b({
   name: "OQuerytable",
   inheritAttrs: !1,
   props: pe(),
   emits: ["selectionChange", "currentRowChange", "rowClick", "rowDblclick", "cellClick", "cellDblclick"],
-  setup(n, {
-    slots: d,
+  setup(o, {
+    slots: g,
     attrs: f,
-    emit: u,
+    emit: d,
     expose: y
   }) {
-    const S = W(), A = X(() => ({})), O = ce(d);
+    const C = W(), A = X(() => ({})), O = de(g);
     return y({
       clearSelection: () => {
-        S.value.clearSelection();
+        C.value.clearSelection();
       },
-      getSelectionRows: () => S.value.getSelectionRows(),
-      toggleRowSelection: (...C) => S.value.toggleRowSelection(...C),
-      toggleAllSelection: () => S.value.toggleAllSelection(),
-      setCurrentRow: (...C) => S.value.setCurrentRow(...C),
-      scrollTo: (...C) => S.value.scrollTo(...C)
+      getSelectionRows: () => C.value.getSelectionRows(),
+      toggleRowSelection: (...x) => C.value.toggleRowSelection(...x),
+      toggleAllSelection: () => C.value.toggleAllSelection(),
+      setCurrentRow: (...x) => C.value.setCurrentRow(...x),
+      scrollTo: (...x) => C.value.scrollTo(...x)
     }), () => {
       const {
-        data: C
-      } = n, {
+        data: x
+      } = o, {
         selectionMode: q = !1
-      } = n, {
+      } = o, {
         showRowNumber: M = !0
-      } = n, {
+      } = o, {
         currentRowMode: P = !1
-      } = n, {
+      } = o, {
         size: F = "default"
-      } = n, {
+      } = o, {
         rowClassName: v,
         rowStyle: D,
         cellClassName: N,
         cellStyle: k
-      } = n, V = re("orion-querytable"), _ = () => l(b, {
+      } = o, V = ne("orion-querytable"), _ = () => a(w, {
         type: "index",
         label: "No",
         headerAlign: "center",
@@ -77,7 +77,7 @@ const pe = () => ({
         fixed: "left",
         showOverflowTooltip: !0,
         index: (e) => e + 1
-      }, null), L = () => l(b, {
+      }, null), L = () => a(w, {
         type: "selection",
         headerAlign: "center",
         align: "center",
@@ -86,242 +86,275 @@ const pe = () => ({
       }, null), $ = (e) => {
         const {
           name: t,
-          head: r,
-          headAlign: o = "center",
-          bodyAlign: s,
-          width: p,
-          fixed: c
+          head: i,
+          headAlign: u = "center",
+          bodyAlign: p,
+          width: m,
+          fixed: s
         } = e;
-        return l(b, {
-          label: r,
-          headerAlign: o,
-          align: s,
+        return a(w, {
+          label: i,
+          headerAlign: u,
+          align: p,
           prop: t,
-          width: p,
-          fixed: c,
+          width: m,
+          fixed: s,
           showOverflowTooltip: !0
-        }, null);
+        }, {
+          header: () => {
+            var n, r;
+            return (r = (n = e.children) == null ? void 0 : n.head) == null ? void 0 : r.call(n);
+          }
+        });
       }, z = (e) => {
         const {
           name: t,
-          head: r,
-          headAlign: o = "center",
-          bodyAlign: s,
-          width: p,
-          fixed: c
+          head: i,
+          headAlign: u = "center",
+          bodyAlign: p,
+          width: m,
+          fixed: s
         } = e;
-        return l(b, {
-          label: r,
-          headerAlign: o,
-          align: s,
+        return a(w, {
+          label: i,
+          headerAlign: u,
+          align: p,
           prop: t,
-          width: p,
-          fixed: c,
+          width: m,
+          fixed: s,
           showOverflowTooltip: !0
         }, {
-          default: (g) => {
+          default: (n) => {
             const {
-              row: i,
-              column: a
-            } = g;
-            return l("span", {
+              row: r,
+              column: l
+            } = n;
+            return a("span", {
               class: "cell-linkcolumn"
-            }, [i[a.property]]);
+            }, [r[l.property]]);
+          },
+          header: () => {
+            var n, r;
+            return (r = (n = e.children) == null ? void 0 : n.head) == null ? void 0 : r.call(n);
           }
         });
       }, E = (e) => {
         const {
           name: t,
-          head: r,
-          headAlign: o = "center",
-          bodyAlign: s = "right",
-          width: p,
-          fixed: c
+          head: i,
+          headAlign: u = "center",
+          bodyAlign: p = "right",
+          width: m,
+          fixed: s
         } = e, {
-          thousandsSeparator: g = !0,
-          precision: i = -1,
-          percentage: a = !1
+          thousandsSeparator: n = !0,
+          precision: r = -1,
+          percentage: l = !1
         } = e;
-        return l(b, {
-          label: r,
-          headerAlign: o,
-          align: s,
+        return a(w, {
+          label: i,
+          headerAlign: u,
+          align: p,
           prop: t,
-          width: p,
-          fixed: c,
+          width: m,
+          fixed: s,
           showOverflowTooltip: !0
         }, {
-          default: (w) => {
+          default: (c) => {
             const {
-              row: x,
-              column: m
-            } = w;
-            return l("span", {
+              row: S,
+              column: h
+            } = c;
+            return a("span", {
               class: "cell-numbercolumn"
-            }, [le(x[m.property], g, i, a === !0 || a === "")]);
+            }, [le(S[h.property], n, r, l === !0 || l === "")]);
+          },
+          header: () => {
+            var c, S;
+            return (S = (c = e.children) == null ? void 0 : c.head) == null ? void 0 : S.call(c);
           }
         });
       }, Y = (e) => {
         const {
           name: t,
-          head: r,
-          headAlign: o = "center",
-          bodyAlign: s = "center",
-          width: p,
-          fixed: c,
-          sourceFormat: g,
-          format: i = "YYYYMMDDHHmmss"
+          head: i,
+          headAlign: u = "center",
+          bodyAlign: p = "center",
+          width: m,
+          fixed: s,
+          sourceFormat: n,
+          format: r = "YYYYMMDDHHmmss"
         } = e;
-        return l(b, {
-          label: r,
-          headerAlign: o,
-          align: s,
+        return a(w, {
+          label: i,
+          headerAlign: u,
+          align: p,
           prop: t,
-          width: p,
-          fixed: c,
+          width: m,
+          fixed: s,
           showOverflowTooltip: !0
         }, {
-          default: (a) => {
+          default: (l) => {
             const {
-              row: w,
-              column: x
-            } = a, m = w[x.property];
-            return m instanceof Date || ue.isDayjs(m) ? l("div", null, [R(m, i)]) : g && i ? l("div", null, [R(m, g, i)]) : l("div", null, [m]);
+              row: c,
+              column: S
+            } = l, h = c[S.property];
+            return h instanceof Date || ae.isDayjs(h) ? a("div", null, [R(h, r)]) : n && r ? a("div", null, [R(h, n, r)]) : a("div", null, [h]);
+          },
+          header: () => {
+            var l, c;
+            return (c = (l = e.children) == null ? void 0 : l.head) == null ? void 0 : c.call(l);
           }
         });
       }, H = (e) => {
         const {
           name: t,
-          head: r,
-          headAlign: o = "center",
-          bodyAlign: s,
-          width: p,
-          fixed: c
+          head: i,
+          headAlign: u = "center",
+          bodyAlign: p,
+          width: m,
+          fixed: s
         } = e, {
-          code: g
+          code: n
         } = e;
-        return l(b, {
-          label: r,
-          headerAlign: o,
-          align: s,
+        return a(w, {
+          label: i,
+          headerAlign: u,
+          align: p,
           prop: t,
-          width: p,
-          fixed: c,
+          width: m,
+          fixed: s,
           showOverflowTooltip: !0
         }, {
-          default: (i) => {
+          default: (r) => {
             const {
-              row: a,
-              column: w
-            } = i, x = a[w.property];
-            let m;
-            const Q = j(g);
-            return Q.value ? m = oe(Q.value, x) : m = null, l("span", {
+              row: l,
+              column: c
+            } = r, S = l[c.property];
+            let h;
+            const Q = j(n);
+            return Q.value ? h = oe(Q.value, S) : h = null, a("span", {
               class: "cell-singleselect"
-            }, [m]);
+            }, [h]);
+          },
+          header: () => {
+            var r, l;
+            return (l = (r = e.children) == null ? void 0 : r.head) == null ? void 0 : l.call(r);
           }
         });
       }, G = (e) => {
         const {
           name: t,
-          head: r,
-          headAlign: o = "center",
-          bodyAlign: s,
-          width: p,
-          fixed: c
+          head: i,
+          headAlign: u = "center",
+          bodyAlign: p,
+          width: m,
+          fixed: s
         } = e, {
-          code: g
+          code: n
         } = e;
-        return l(b, {
-          label: r,
-          headerAlign: o,
-          align: s,
+        return a(w, {
+          label: i,
+          headerAlign: u,
+          align: p,
           prop: t,
-          width: p,
-          fixed: c,
+          width: m,
+          fixed: s,
           showOverflowTooltip: !0
         }, {
-          default: (i) => {
+          default: (r) => {
             const {
-              row: a,
-              column: w
-            } = i, x = a[w.property];
-            let m;
-            const Q = j(g);
-            return Q.value ? m = ie(Q.value, x) : m = null, l("span", {
+              row: l,
+              column: c
+            } = r, S = l[c.property];
+            let h;
+            const Q = j(n);
+            return Q.value ? h = ie(Q.value, S) : h = null, a("span", {
               class: "cell-multiselect"
-            }, [m]);
+            }, [h]);
+          },
+          header: () => {
+            var r, l;
+            return (l = (r = e.children) == null ? void 0 : r.head) == null ? void 0 : l.call(r);
           }
         });
       }, J = (e) => {
         const {
           name: t,
-          head: r,
-          headAlign: o = "center",
-          bodyAlign: s,
-          width: p,
-          fixed: c
+          head: i,
+          headAlign: u = "center",
+          bodyAlign: p,
+          width: m,
+          fixed: s
         } = e;
-        return l(b, {
-          label: r,
-          headerAlign: o,
-          align: s,
+        return a(w, {
+          label: i,
+          headerAlign: u,
+          align: p,
           prop: t,
-          width: p,
-          fixed: c
+          width: m,
+          fixed: s
         }, {
-          default: (g) => {
-            var a, w;
-            const i = (w = (a = e.children) == null ? void 0 : a.default) == null ? void 0 : w.call(a, {
-              rowData: g.row,
+          default: (n) => {
+            var l, c;
+            const r = (c = (l = e.children) == null ? void 0 : l.default) == null ? void 0 : c.call(l, {
+              rowData: n.row,
               column: e,
-              rowIndex: g.$index
+              rowIndex: n.$index
             });
-            return l("div", {
+            return a("div", {
               class: "cell-buttongroup"
-            }, [l(ae, null, de(i) ? i : {
-              default: () => [i]
+            }, [a(ue, null, ce(r) ? r : {
+              default: () => [r]
             })]);
+          },
+          header: () => {
+            var n, r;
+            return (r = (n = e.children) == null ? void 0 : n.head) == null ? void 0 : r.call(n);
           }
         });
       }, K = (e) => {
         const {
           head: t,
-          headAlign: r = "center"
+          headAlign: i = "center"
         } = e, {
-          children: o
+          children: u
         } = e;
-        return l(b, {
+        return a(w, {
           label: t,
-          headerAlign: r
+          headerAlign: i
         }, {
-          default: (s) => I(o)
+          default: (p) => I(u)
         });
       }, U = (e) => {
         const {
           name: t,
-          head: r,
-          headAlign: o = "center",
-          width: s,
-          fixed: p
+          head: i,
+          headAlign: u = "center",
+          width: p,
+          fixed: m
         } = e;
-        return l(b, {
-          label: r,
-          headerAlign: o,
+        return a(w, {
+          label: i,
+          headerAlign: u,
           prop: t,
-          width: s,
-          fixed: p
+          width: p,
+          fixed: m
         }, {
-          default: (c) => {
-            var i, a;
-            const g = (a = (i = e.children) == null ? void 0 : i.default) == null ? void 0 : a.call(i, {
-              rowData: c.row,
+          default: (s) => {
+            var r, l;
+            const n = (l = (r = e.children) == null ? void 0 : r.default) == null ? void 0 : l.call(r, {
+              rowData: s.row,
               column: e,
-              rowIndex: c.$index
+              rowIndex: s.$index
             });
-            return l("div", {
+            return a("div", {
               class: "cell-diy"
-            }, [g, Z(" ")]);
+            }, [n, Z(" ")]);
+          },
+          header: () => {
+            var s, n;
+            return (n = (s = e.children) == null ? void 0 : s.head) == null ? void 0 : n.call(s);
           }
         });
       }, I = (e) => e == null ? void 0 : e.map((t) => {
@@ -345,36 +378,36 @@ const pe = () => ({
           return U(t);
         throw new se(`OQuerytable不能正确渲染'${t.type}'子组件。`);
       });
-      return l("div", {
+      return a("div", {
         class: [V, f.class],
         style: [A.value, f.style]
-      }, [l(te, {
-        ref: S,
+      }, [a(te, {
+        ref: C,
         border: !0,
-        data: C,
+        data: x,
         height: "100%",
         style: {
           width: "100%"
         },
-        "onSelection-change": (e) => u("selectionChange", e),
+        "onSelection-change": (e) => d("selectionChange", e),
         "highlight-current-row": P,
-        "onCurrent-change": (e, t) => u("currentRowChange", e, t),
-        "onRow-click": (e, t, r) => u("rowClick", e, {
+        "onCurrent-change": (e, t) => d("currentRowChange", e, t),
+        "onRow-click": (e, t, i) => d("rowClick", e, {
           name: t.property,
           head: t.label
-        }, r),
-        "onRow-dblclick": (e, t, r) => u("rowDblclick", e, {
+        }, i),
+        "onRow-dblclick": (e, t, i) => d("rowDblclick", e, {
           name: t.property,
           head: t.label
-        }, r),
-        "onCell-click": (e, t, r, o) => u("cellClick", e, {
+        }, i),
+        "onCell-click": (e, t, i, u) => d("cellClick", e, {
           name: t.property,
           head: t.label
-        }, r, o),
-        "onCell-dblclick": (e, t, r, o) => u("cellDblclick", e, {
+        }, i, u),
+        "onCell-dblclick": (e, t, i, u) => d("cellDblclick", e, {
           name: t.property,
           head: t.label
-        }, r, o),
+        }, i, u),
         size: F,
         rowClassName: (e) => typeof v == "string" ? v : typeof v == "function" ? v({
           rowData: e.row,
@@ -407,33 +440,33 @@ const pe = () => ({
       })]);
     };
   }
-}), me = () => ({}), fe = /* @__PURE__ */ h({
+}), me = () => ({}), he = /* @__PURE__ */ b({
   name: "OQuerytableColumnIndex",
   inheritAttrs: !1,
   props: me(),
-  setup(n, {
-    slots: d,
+  setup(o, {
+    slots: g,
     attrs: f,
-    emit: u,
+    emit: d,
     expose: y
   }) {
     return () => null;
   }
-}), ye = () => ({
+}), fe = () => ({
   head: String,
   headAlign: String,
   bodyAlign: String,
   name: String,
   width: [String, Number],
   fixed: [Boolean, String]
-}), he = /* @__PURE__ */ h({
+}), ye = /* @__PURE__ */ b({
   name: "OQuerytableColumnString",
   inheritAttrs: !1,
-  props: ye(),
-  setup(n, {
-    slots: d,
+  props: fe(),
+  setup(o, {
+    slots: g,
     attrs: f,
-    emit: u,
+    emit: d,
     expose: y
   }) {
     return () => null;
@@ -445,14 +478,14 @@ const pe = () => ({
   name: String,
   width: [String, Number],
   fixed: [Boolean, String]
-}), we = /* @__PURE__ */ h({
+}), we = /* @__PURE__ */ b({
   name: "OQuerytableColumnLink",
   inheritAttrs: !1,
   props: be(),
-  setup(n, {
-    slots: d,
+  setup(o, {
+    slots: g,
     attrs: f,
-    emit: u,
+    emit: d,
     expose: y
   }) {
     return () => null;
@@ -476,14 +509,14 @@ const pe = () => ({
     type: Boolean,
     default: !1
   }
-}), Ce = /* @__PURE__ */ h({
+}), Ce = /* @__PURE__ */ b({
   name: "OQuerytableColumnNumber",
   inheritAttrs: !1,
   props: Se(),
-  setup(n, {
-    slots: d,
+  setup(o, {
+    slots: g,
     attrs: f,
-    emit: u,
+    emit: d,
     expose: y
   }) {
     return () => null;
@@ -498,14 +531,14 @@ const pe = () => ({
   // Date
   format: String,
   sourceFormat: String
-}), Ae = /* @__PURE__ */ h({
+}), Ae = /* @__PURE__ */ b({
   name: "OQuerytableColumnDate",
   inheritAttrs: !1,
   props: xe(),
-  setup(n, {
-    slots: d,
+  setup(o, {
+    slots: g,
     attrs: f,
-    emit: u,
+    emit: d,
     expose: y
   }) {
     return () => null;
@@ -518,14 +551,14 @@ const pe = () => ({
   width: [String, Number],
   fixed: [Boolean, String],
   code: [String, Array]
-}), Qe = /* @__PURE__ */ h({
+}), Qe = /* @__PURE__ */ b({
   name: "OQuerytableColumnSingleselect",
   inheritAttrs: !1,
   props: Oe(),
-  setup(n, {
-    slots: d,
+  setup(o, {
+    slots: g,
     attrs: f,
-    emit: u,
+    emit: d,
     expose: y
   }) {
     return () => null;
@@ -538,14 +571,14 @@ const pe = () => ({
   width: [String, Number],
   fixed: [Boolean, String],
   code: [String, Array]
-}), De = /* @__PURE__ */ h({
+}), De = /* @__PURE__ */ b({
   name: "OQuerytableColumnMultiselect",
   inheritAttrs: !1,
   props: ve(),
-  setup(n, {
-    slots: d,
+  setup(o, {
+    slots: g,
     attrs: f,
-    emit: u,
+    emit: d,
     expose: y
   }) {
     return () => null;
@@ -557,49 +590,49 @@ const pe = () => ({
   name: String,
   width: [String, Number],
   fixed: [Boolean, String]
-}), ke = /* @__PURE__ */ h({
+}), ke = /* @__PURE__ */ b({
   name: "OQuerytableColumnButtongroup",
   inheritAttrs: !1,
   props: Ne(),
   slots: Object,
-  setup(n, {
-    slots: d,
+  setup(o, {
+    slots: g,
     attrs: f,
-    emit: u,
+    emit: d,
     expose: y
   }) {
     return () => null;
   }
 });
-function Be(n) {
-  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !T(n);
+function Be(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !T(o);
 }
 const Ie = () => ({
   type: String
-}), Re = /* @__PURE__ */ h({
+}), Re = /* @__PURE__ */ b({
   name: "OQuerytableCellButton",
   inheritAttrs: !1,
   props: Ie(),
   emits: ["click"],
-  setup(n, {
-    slots: d,
+  setup(o, {
+    slots: g,
     attrs: f,
-    emit: u,
+    emit: d,
     expose: y
   }) {
-    const S = (A) => {
-      u("click", A);
+    const C = (A) => {
+      d("click", A);
     };
     return () => {
       var B;
       const {
         type: A
-      } = n, O = (B = d.default) == null ? void 0 : B.call(d);
-      return l(ne, {
+      } = o, O = (B = g.default) == null ? void 0 : B.call(g);
+      return a(re, {
         link: !0,
         type: A,
         size: "small",
-        onClick: S
+        onClick: C
       }, Be(O) ? O : {
         default: () => [O]
       });
@@ -608,14 +641,14 @@ const Ie = () => ({
 }), je = () => ({
   head: String,
   headAlign: String
-}), Te = /* @__PURE__ */ h({
+}), Te = /* @__PURE__ */ b({
   name: "OQuerytableColumngroup",
   inheritAttrs: !1,
   props: je(),
-  setup(n, {
-    slots: d,
+  setup(o, {
+    slots: g,
     attrs: f,
-    emit: u,
+    emit: d,
     expose: y
   }) {
     return () => null;
@@ -626,22 +659,22 @@ const Ie = () => ({
   name: String,
   width: [String, Number],
   fixed: [Boolean, String]
-}), Me = /* @__PURE__ */ h({
+}), Me = /* @__PURE__ */ b({
   name: "OQuerytableColumnDiy",
   inheritAttrs: !1,
   props: qe(),
   slots: Object,
-  setup(n, {
-    slots: d,
+  setup(o, {
+    slots: g,
     attrs: f,
-    emit: u,
+    emit: d,
     expose: y
   }) {
     return () => null;
   }
 }), Ze = ee(ge, {
-  QuerytableColumnIndex: fe,
-  QuerytableColumnString: he,
+  QuerytableColumnIndex: he,
+  QuerytableColumnString: ye,
   QuerytableColumnLink: we,
   QuerytableColumnNumber: Ce,
   QuerytableColumnDate: Ae,