orion-design 0.1.9 → 0.1.12

package/dist/components/Pagetable/index.js

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