orion-design 0.1.27 → 0.1.29

package/dist/components/Pagetable/index.js

@@ -1,37 +1,37 @@
 import "lodash-es";
-import { defineComponent as C, ref as X, computed as Z, createVNode as o, createTextVNode as ee, isVNode as V } from "vue";
-import { withInstall as te } from "../_util/vue/install.js";
-import { ElTable as le, ElPagination as ne, ElTableColumn as S, ElButton as oe } from "element-plus";
-import re from "../_util/classNames.js";
-import { arrayType as ae, objectType as se, booleanType as T, stringType as l, someType as p, numberType as ie } from "../_util/type.js";
-import { number2string as ue, formatDate as j, getSingleCodeContent as M, getMultiCodeContent as z } from "./utils/index.js";
-import pe from "dayjs";
-import { S as ce } from "../../index-BbsXWo7C.js";
-import de from "../../error/OrionError.js";
-import ge from "./hooks/useColumns.js";
+import { defineComponent as C, ref as Z, computed as ee, createVNode as l, createTextVNode as te, isVNode as V } from "vue";
+import { withInstall as ne } from "../_util/vue/install.js";
+import { ElTable as le, ElPagination as oe, ElTableColumn as S, ElButton as re } from "element-plus";
+import ae from "../_util/classNames.js";
+import { arrayType as ie, objectType as se, booleanType as D, stringType as n, someType as p, numberType as ue } from "../_util/type.js";
+import { number2string as pe, formatDate as z, getSingleCodeContent as j, getMultiCodeContent as M } from "./utils/index.js";
+import ce from "dayjs";
+import { S as de } from "../../index-BbsXWo7C.js";
+import ge from "../../error/OrionError.js";
+import me from "./hooks/useColumns.js";
 import I from "../../Throne/index.js";
-function me(n) {
-  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !V(n);
+function he(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !V(o);
 }
-const he = () => ({
-  data: ae(),
+const fe = () => ({
+  data: ie(),
   pagination: se(),
-  showRowNumber: T(!0),
-  selectionMode: T(!1),
-  currentRowMode: T(!1),
-  size: l()
-}), fe = /* @__PURE__ */ C({
+  showRowNumber: D(!0),
+  selectionMode: D(!1),
+  currentRowMode: D(!1),
+  size: n()
+}), be = /* @__PURE__ */ C({
   name: "OPagetable",
   inheritAttrs: !1,
-  props: he(),
+  props: fe(),
   emits: ["selectionChange", "currentRowChange", "update:pagination", "rowClick", "rowDblclick", "cellClick", "cellDblclick"],
-  setup(n, {
-    slots: d,
-    attrs: b,
-    emit: i,
+  setup(o, {
+    slots: g,
+    attrs: h,
+    emit: s,
     expose: w
   }) {
-    const y = X(), B = Z(() => ({})), D = ge(d);
+    const y = Z(), B = ee(() => ({})), k = me(g);
     return w({
       clearSelection: () => {
         y.value.clearSelection();
@@ -44,24 +44,24 @@ const he = () => ({
     }), () => {
       const {
         data: O
-      } = n, {
+      } = o, {
         selectionMode: E = !1
-      } = n, {
+      } = o, {
         pagination: v
-      } = n, {
-        showRowNumber: $ = !0
-      } = n, {
-        currentRowMode: Y = !1
-      } = n, {
-        size: k = "default"
-      } = n, F = re("orion-pagetbale"), H = () => o(S, {
+      } = o, {
+        showRowNumber: L = !0
+      } = o, {
+        currentRowMode: $ = !1
+      } = o, {
+        size: R = "default"
+      } = o, Y = ae("orion-pagetbale"), F = () => l(S, {
         type: "index",
         label: "No",
         width: 56,
         fixed: "left",
         showOverflowTooltip: !0,
         index: (t) => (v.currentPage - 1) * v.pageSize + t + 1
-      }, null), _ = () => o(S, {
+      }, null), H = () => l(S, {
         type: "selection",
         width: 40,
         fixed: "left"
@@ -69,100 +69,126 @@ const he = () => ({
         const {
           name: e,
           head: r,
-          headAlign: s,
-          width: g,
+          headAlign: i,
+          width: d,
           fixed: m
         } = t;
-        return o(S, {
+        return l(S, {
           label: r,
-          headerAlign: s,
+          headerAlign: i,
           prop: e,
-          width: g,
+          width: d,
           fixed: m,
           showOverflowTooltip: !0
         }, null);
+      }, _ = (t) => {
+        const {
+          name: e,
+          head: r,
+          headAlign: i,
+          width: d,
+          fixed: m
+        } = t;
+        return l(S, {
+          label: r,
+          headerAlign: i,
+          prop: e,
+          width: d,
+          fixed: m,
+          showOverflowTooltip: !0
+        }, {
+          default: (a) => {
+            const {
+              row: c,
+              column: u
+            } = a;
+            return l("span", {
+              class: "cell-linkcolumn"
+            }, [c[u.property]]);
+          }
+        });
       }, q = (t) => {
         const {
           name: e,
           head: r,
-          headAlign: s,
-          width: g,
+          headAlign: i,
+          width: d,
           fixed: m
         } = t, {
           thousandsSeparator: a = !0,
           precision: c = -1,
           percentage: u = !1
         } = t;
-        return o(S, {
+        return l(S, {
           label: r,
-          headerAlign: s,
+          headerAlign: i,
           align: "right",
           prop: e,
-          width: g,
+          width: d,
           fixed: m,
           showOverflowTooltip: !0
         }, {
-          default: (h) => {
+          default: (f) => {
             const {
               row: P,
-              column: f
-            } = h;
-            return o("span", {
+              column: b
+            } = f;
+            return l("span", {
               class: "cell-numbercolumn"
-            }, [ue(P[f.property], a, c, u === !0 || u === "")]);
+            }, [pe(P[b.property], a, c, u === !0 || u === "")]);
           }
         });
       }, G = (t) => {
         const {
           name: e,
           head: r,
-          headAlign: s,
-          width: g,
+          headAlign: i,
+          width: d,
           fixed: m,
           sourceFormat: a,
           format: c = "YYYYMMDDHHmmss"
         } = t;
-        return o(S, {
+        return l(S, {
           label: r,
-          headerAlign: s,
+          headerAlign: i,
           prop: e,
-          width: g,
+          width: d,
           fixed: m,
           showOverflowTooltip: !0
         }, {
           default: (u) => {
             const {
-              row: h,
+              row: f,
               column: P
-            } = u, f = h[P.property];
-            return f instanceof Date || pe.isDayjs(f) ? o("div", null, [j(f, c)]) : a && c ? o("div", null, [j(f, a, c)]) : o("div", null, [f]);
+            } = u, b = f[P.property];
+            return b instanceof Date || ce.isDayjs(b) ? l("div", null, [z(b, c)]) : a && c ? l("div", null, [z(b, a, c)]) : l("div", null, [b]);
           }
         });
       }, J = (t) => {
         const {
           name: e,
           head: r,
-          headAlign: s,
-          width: g,
+          headAlign: i,
+          width: d,
           fixed: m
         } = t, {
           code: a
         } = t;
-        return o(S, {
+        return l(S, {
           label: r,
-          headerAlign: s,
+          headerAlign: i,
           prop: e,
-          width: g,
+          width: d,
           fixed: m,
           showOverflowTooltip: !0
         }, {
           default: (c) => {
             const {
               row: u,
-              column: h
-            } = c, P = u[h.property];
-            let f, x, A;
-            return a ? typeof a == "string" ? (f = a, x = I.getCode(f), A = M(x.value, P)) : (x = a, A = M(x, P)) : A = null, o("span", {
+              column: f
+            } = c, P = u[f.property];
+            let b, x, A;
+            return a ? typeof a == "string" ? (b = a, x = I.getCode(b), A = j(x.value, P)) : (x = a, A = j(x, P)) : A = null, l("span", {
               class: "cell-singleselect"
             }, [A]);
           }
@@ -171,103 +197,105 @@ const he = () => ({
         const {
           name: e,
           head: r,
-          headAlign: s,
-          width: g,
+          headAlign: i,
+          width: d,
           fixed: m
         } = t, {
           code: a
         } = t;
-        return o(S, {
+        return l(S, {
           label: r,
-          headerAlign: s,
+          headerAlign: i,
           prop: e,
-          width: g,
+          width: d,
           fixed: m,
           showOverflowTooltip: !0
         }, {
           default: (c) => {
             const {
               row: u,
-              column: h
-            } = c, P = u[h.property];
-            let f, x, A;
-            return a ? typeof a == "string" ? (f = a, x = I.getCode(f), A = z(x.value, P)) : (x = a, A = z(x, P)) : A = null, o("span", {
+              column: f
+            } = c, P = u[f.property];
+            let b, x, A;
+            return a ? typeof a == "string" ? (b = a, x = I.getCode(b), A = M(x.value, P)) : (x = a, A = M(x, P)) : A = null, l("span", {
               class: "cell-multiselect"
             }, [A]);
           }
         });
-      }, L = (t) => {
+      }, Q = (t) => {
         const {
           name: e,
           head: r,
-          headAlign: s,
-          width: g,
+          headAlign: i,
+          width: d,
           fixed: m
         } = t;
-        return o(S, {
+        return l(S, {
           label: r,
-          headerAlign: s,
+          headerAlign: i,
           prop: e,
-          width: g,
+          width: d,
           fixed: m
         }, {
           default: (a) => {
-            var u, h;
-            const c = (h = (u = t.children) == null ? void 0 : u.default) == null ? void 0 : h.call(u, {
+            var u, f;
+            const c = (f = (u = t.children) == null ? void 0 : u.default) == null ? void 0 : f.call(u, {
               rowData: a.row,
               column: t,
               rowIndex: a.$index
             });
-            return o("div", {
+            return l("div", {
               class: "cell-buttongroup"
-            }, [o(ce, null, me(c) ? c : {
+            }, [l(de, null, he(c) ? c : {
               default: () => [c]
             })]);
           }
         });
-      }, Q = (t) => {
+      }, W = (t) => {
         const {
           head: e,
           headAlign: r
         } = t, {
-          children: s
+          children: i
         } = t;
-        return o(S, {
+        return l(S, {
           label: e,
           headerAlign: r
         }, {
-          default: (g) => N(s)
+          default: (d) => N(i)
         });
-      }, W = (t) => {
+      }, X = (t) => {
         const {
           name: e,
           head: r,
-          headAlign: s,
-          width: g,
+          headAlign: i,
+          width: d,
           fixed: m
         } = t;
-        return o(S, {
+        return l(S, {
           label: r,
-          headerAlign: s,
+          headerAlign: i,
           prop: e,
-          width: g,
+          width: d,
           fixed: m
         }, {
           default: (a) => {
-            var u, h;
-            const c = (h = (u = t.children) == null ? void 0 : u.default) == null ? void 0 : h.call(u, {
+            var u, f;
+            const c = (f = (u = t.children) == null ? void 0 : u.default) == null ? void 0 : f.call(u, {
               rowData: a.row,
               column: t,
               rowIndex: a.$index
             });
-            return o("div", {
+            return l("div", {
               class: "cell-diy"
-            }, [c, ee(" ")]);
+            }, [c, te(" ")]);
           }
         });
       }, N = (t) => t == null ? void 0 : t.map((e) => {
         if (e.type === "OPagetableColumnString")
           return U(e);
+        if (e.type === "OPagetableColumnLink")
+          return _(e);
         if (e.type === "OPagetableColumnNumber")
           return q(e);
         if (e.type === "OPagetableColumnDate")
@@ -277,19 +305,19 @@ const he = () => ({
         if (e.type === "OPagetableColumnMultiselect")
           return K(e);
         if (e.type === "OPagetableColumnButtongroup")
-          return L(e);
-        if (e.type === "OPagetableColumngroup")
           return Q(e);
-        if (e.type === "OPagetableColumnDiy")
+        if (e.type === "OPagetableColumngroup")
           return W(e);
-        throw new de(`OPagetable不能正确渲染'${e.type.name}'子组件。`);
+        if (e.type === "OPagetableColumnDiy")
+          return X(e);
+        throw new ge(`OPagetable不能正确渲染'${e.type.name}'子组件。`);
       });
-      return o("div", {
-        class: [F, b.class],
-        style: [B.value, b.style]
-      }, [o("div", {
+      return l("div", {
+        class: [Y, h.class],
+        style: [B.value, h.style]
+      }, [l("div", {
         class: "pagetable-wrapper"
-      }, [o(le, {
+      }, [l(le, {
         border: !0,
         ref: y,
         data: O,
@@ -297,256 +325,282 @@ const he = () => ({
         style: {
           width: "100%"
         },
-        "onSelection-change": (t) => i("selectionChange", t),
-        "highlight-current-row": Y,
-        "onCurrent-change": (t, e) => i("currentRowChange", t, e),
-        "onRow-click": (t, e, r) => i("rowClick", t, {
+        "onSelection-change": (t) => s("selectionChange", t),
+        "highlight-current-row": $,
+        "onCurrent-change": (t, e) => s("currentRowChange", t, e),
+        "onRow-click": (t, e, r) => s("rowClick", t, {
           name: e.property,
           head: e.label
         }, r),
-        "onRow-dblclick": (t, e, r) => i("rowDblclick", t, {
+        "onRow-dblclick": (t, e, r) => s("rowDblclick", t, {
           name: e.property,
           head: e.label
         }, r),
-        "onCell-click": (t, e, r, s) => i("cellClick", t, {
+        "onCell-click": (t, e, r, i) => s("cellClick", t, {
           name: e.property,
           head: e.label
-        }, r, s),
-        "onCell-dblclick": (t, e, r, s) => i("cellDblclick", t, {
+        }, r, i),
+        "onCell-dblclick": (t, e, r, i) => s("cellDblclick", t, {
           name: e.property,
           head: e.label
-        }, r, s),
-        size: k
+        }, r, i),
+        size: R
       }, {
-        default: () => [$ && H(), E && _(), N(D.value)]
-      })]), o("div", {
+        default: () => [L && F(), E && H(), N(k.value)]
+      })]), l("div", {
         class: "pagination-wrapper"
-      }, [o(ne, {
+      }, [l(oe, {
         currentPage: v.currentPage,
         "onUpdate:current-page": (t) => {
-          i("update:pagination", {
+          s("update:pagination", {
             ...v,
             currentPage: t
           });
         },
         pageSize: v.pageSize,
+        pageSizes: v.pageSizes,
+        "onUpdate:page-size": (t) => {
+          s("update:pagination", {
+            ...v,
+            pageSize: t
+          });
+        },
         total: v.total,
-        layout: "total, ->, prev, pager, next, jumper",
-        size: k
+        layout: "total, ->, sizes, prev, pager, next, jumper",
+        size: R
       }, null)])]);
     };
   }
-}), be = () => ({}), we = /* @__PURE__ */ C({
+}), we = () => ({}), Ce = /* @__PURE__ */ C({
   name: "OPagetableColumnIndex",
   inheritAttrs: !1,
-  props: be(),
-  setup(n, {
-    slots: d,
-    attrs: b,
-    emit: i,
+  props: we(),
+  setup(o, {
+    slots: g,
+    attrs: h,
+    emit: s,
     expose: w
   }) {
     return () => null;
   }
-}), Ce = () => ({
-  head: l(),
-  headAlign: l(),
-  name: l(),
+}), Se = () => ({
+  head: n(),
+  headAlign: n(),
+  name: n(),
   width: p([Boolean, String]),
   fixed: p([Boolean, String])
-}), Se = /* @__PURE__ */ C({
+}), ye = /* @__PURE__ */ C({
   name: "OPagetableColumnString",
   inheritAttrs: !1,
-  props: Ce(),
-  setup(n, {
-    slots: d,
-    attrs: b,
-    emit: i,
+  props: Se(),
+  setup(o, {
+    slots: g,
+    attrs: h,
+    emit: s,
+    expose: w
+  }) {
+    return () => null;
+  }
+}), Pe = () => ({
+  head: n(),
+  headAlign: n(),
+  name: n(),
+  width: p([Boolean, String]),
+  fixed: p([Boolean, String])
+}), xe = /* @__PURE__ */ C({
+  name: "OPagetableColumnLink",
+  inheritAttrs: !1,
+  props: Pe(),
+  setup(o, {
+    slots: g,
+    attrs: h,
+    emit: s,
     expose: w
   }) {
     return () => null;
   }
-}), ye = () => ({
-  head: l(),
-  headAlign: l(),
-  name: l(),
+}), Ae = () => ({
+  head: n(),
+  headAlign: n(),
+  name: n(),
   width: p([Boolean, String]),
   fixed: p([Boolean, String]),
-  thousandsSeparator: T(!0),
-  precision: ie(-1),
-  percentage: T(!1)
-}), Pe = /* @__PURE__ */ C({
+  thousandsSeparator: D(!0),
+  precision: ue(-1),
+  percentage: D(!1)
+}), Oe = /* @__PURE__ */ C({
   name: "OPagetableColumnNumber",
   inheritAttrs: !1,
-  props: ye(),
-  setup(n, {
-    slots: d,
-    attrs: b,
-    emit: i,
+  props: Ae(),
+  setup(o, {
+    slots: g,
+    attrs: h,
+    emit: s,
     expose: w
   }) {
     return () => null;
   }
-}), xe = () => ({
-  head: l(),
-  headAlign: l(),
-  name: l(),
+}), ve = () => ({
+  head: n(),
+  headAlign: n(),
+  name: n(),
   width: p([Boolean, String]),
   fixed: p([Boolean, String]),
   // Date
-  format: l(),
-  sourceFormat: l()
-}), Ae = /* @__PURE__ */ C({
+  format: n(),
+  sourceFormat: n()
+}), Be = /* @__PURE__ */ C({
   name: "OPagetableColumnDate",
   inheritAttrs: !1,
-  props: xe(),
-  setup(n, {
-    slots: d,
-    attrs: b,
-    emit: i,
+  props: ve(),
+  setup(o, {
+    slots: g,
+    attrs: h,
+    emit: s,
     expose: w
   }) {
     return () => null;
   }
-}), Oe = () => ({
-  head: l(),
-  headAlign: l(),
-  name: l(),
+}), ke = () => ({
+  head: n(),
+  headAlign: n(),
+  name: n(),
   width: p([Boolean, String]),
   fixed: p([Boolean, String]),
   code: p([String, Array])
-}), ve = /* @__PURE__ */ C({
+}), De = /* @__PURE__ */ C({
   name: "OPagetableColumnSingleselect",
   inheritAttrs: !1,
-  props: Oe(),
-  setup(n, {
-    slots: d,
-    attrs: b,
-    emit: i,
+  props: ke(),
+  setup(o, {
+    slots: g,
+    attrs: h,
+    emit: s,
     expose: w
   }) {
     return () => null;
   }
-}), Be = () => ({
-  head: l(),
-  headAlign: l(),
-  name: l(),
+}), Te = () => ({
+  head: n(),
+  headAlign: n(),
+  name: n(),
   width: p([Boolean, String]),
   fixed: p([Boolean, String]),
   code: p([String, Array])
-}), De = /* @__PURE__ */ C({
+}), Re = /* @__PURE__ */ C({
   name: "OPagetableColumnMultiselect",
   inheritAttrs: !1,
-  props: Be(),
-  setup(n, {
-    slots: d,
-    attrs: b,
-    emit: i,
+  props: Te(),
+  setup(o, {
+    slots: g,
+    attrs: h,
+    emit: s,
     expose: w
   }) {
     return () => null;
   }
-}), Te = () => ({
-  head: l(),
-  headAlign: l(),
-  name: l(),
+}), Ne = () => ({
+  head: n(),
+  headAlign: n(),
+  name: n(),
   width: p([Boolean, String]),
   fixed: p([Boolean, String])
-}), Re = /* @__PURE__ */ C({
+}), ze = /* @__PURE__ */ C({
   name: "OPagetableColumnButtongroup",
   inheritAttrs: !1,
-  props: Te(),
+  props: Ne(),
   slots: Object,
-  setup(n, {
-    slots: d,
-    attrs: b,
-    emit: i,
+  setup(o, {
+    slots: g,
+    attrs: h,
+    emit: s,
     expose: w
   }) {
     return () => null;
   }
 });
-function ke(n) {
-  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !V(n);
+function je(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !V(o);
 }
-const Ne = () => ({
-  type: l()
-}), je = /* @__PURE__ */ C({
+const Me = () => ({
+  type: n()
+}), Ie = /* @__PURE__ */ C({
   name: "OPagetableCellButton",
   inheritAttrs: !1,
-  props: Ne(),
+  props: Me(),
   emits: ["click"],
-  setup(n, {
-    slots: d,
-    attrs: b,
-    emit: i,
+  setup(o, {
+    slots: g,
+    attrs: h,
+    emit: s,
     expose: w
   }) {
     const y = (B) => {
-      i("click", B);
+      s("click", B);
     };
     return () => {
-      var R;
+      var T;
       const {
         type: B
-      } = n, D = (R = d.default) == null ? void 0 : R.call(d);
-      return o(oe, {
+      } = o, k = (T = g.default) == null ? void 0 : T.call(g);
+      return l(re, {
         link: !0,
         type: B,
         size: "small",
         onClick: y
-      }, ke(D) ? D : {
-        default: () => [D]
+      }, je(k) ? k : {
+        default: () => [k]
       });
     };
   }
-}), Me = () => ({
-  head: l(),
-  headAlign: l()
-}), ze = /* @__PURE__ */ C({
+}), Ve = () => ({
+  head: n(),
+  headAlign: n()
+}), Ee = /* @__PURE__ */ C({
   name: "OPagetableColumngroup",
   inheritAttrs: !1,
-  props: Me(),
-  setup(n, {
-    slots: d,
-    attrs: b,
-    emit: i,
+  props: Ve(),
+  setup(o, {
+    slots: g,
+    attrs: h,
+    emit: s,
     expose: w
   }) {
     return () => null;
   }
-}), Ie = () => ({
-  head: l(),
-  headAlign: l(),
-  name: l(),
+}), Le = () => ({
+  head: n(),
+  headAlign: n(),
+  name: n(),
   width: p([Boolean, String]),
   fixed: p([Boolean, String])
-}), Ve = /* @__PURE__ */ C({
+}), $e = /* @__PURE__ */ C({
   name: "OPagetableColumnDiy",
   inheritAttrs: !1,
-  props: Ie(),
+  props: Le(),
   slots: Object,
-  setup(n, {
-    slots: d,
-    attrs: b,
-    emit: i,
+  setup(o, {
+    slots: g,
+    attrs: h,
+    emit: s,
     expose: w
   }) {
     return () => null;
   }
-}), tt = te(fe, {
-  PagetableColumnIndex: we,
-  PagetableColumnString: Se,
-  PagetableColumnNumber: Pe,
-  PagetableColumnDate: Ae,
-  PagetableColumnSingleselect: ve,
-  PagetableColumnMultiselect: De,
-  PagetableColumnButtongroup: Re,
-  PagetableCellButton: je,
-  PagetableColumngroup: ze,
-  PagetableColumnDiy: Ve
+}), ot = ne(be, {
+  PagetableColumnIndex: Ce,
+  PagetableColumnString: ye,
+  PagetableColumnLink: xe,
+  PagetableColumnNumber: Oe,
+  PagetableColumnDate: Be,
+  PagetableColumnSingleselect: De,
+  PagetableColumnMultiselect: Re,
+  PagetableColumnButtongroup: ze,
+  PagetableCellButton: Ie,
+  PagetableColumngroup: Ee,
+  PagetableColumnDiy: $e
 });
 export {
-  tt as default
+  ot as default
 };
 //# sourceMappingURL=index.js.map