orion-design 0.1.10 → 0.1.12

package/dist/components/Pagetable/index.js

@@ -1,84 +1,87 @@
 import "lodash-es";
-import { defineComponent as w, ref as Q, computed as W, createVNode as o, createTextVNode as X, isVNode as k } 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 s, numberType as ae } from "../_util/type.js";
-import { number2string as se, formatDate as M, getSingleCodeContent as R, 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 { 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 ce(l) {
+function ge(l) {
   return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !k(l);
 }
-const ge = () => ({
-  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: ge(),
-  emits: ["selectionChange"],
+  props: me(),
+  emits: ["selectionChange", "currentRowChange", "update:pagination"],
   setup(l, {
     slots: d,
     attrs: b,
-    emit: g,
-    expose: C
+    emit: c,
+    expose: w
   }) {
-    const A = Q(), v = W(() => ({})), B = de(d);
-    return C({
+    const A = W(), v = X(() => ({})), B = ce(d);
+    return w({
       clearSelection: () => {
         A.value.clearSelection();
       },
       getSelectionRows: () => A.value.getSelectionRows(),
-      toggleRowSelection: (...D) => A.value.toggleRowSelection(...D),
+      toggleRowSelection: (...T) => A.value.toggleRowSelection(...T),
       toggleAllSelection: () => A.value.toggleAllSelection()
     }), () => {
       const {
-        data: D
+        data: T
       } = l, {
         selectionMode: E = !1
       } = l, {
         pagination: O
       } = l, {
         showRowNumber: z = !0
-      } = l, Y = oe("orion-pagetbale"), $ = () => 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), F = () => o(S, {
+      }, null), H = () => o(S, {
         type: "selection",
         width: 40,
         fixed: "left"
-      }, null), H = (e) => {
+      }, null), _ = (e) => {
         const {
           name: t,
           head: i,
           headAlign: u,
-          width: c,
+          width: g,
           fixed: m
         } = e;
         return o(S, {
           label: i,
           headerAlign: u,
           prop: t,
-          width: c,
+          width: g,
           fixed: m,
           showOverflowTooltip: !0
         }, null);
-      }, _ = (e) => {
+      }, U = (e) => {
         const {
           name: t,
           head: i,
           headAlign: u,
-          width: c,
+          width: g,
           fixed: m
         } = e, {
           thousandsSeparator: r = !0,
@@ -90,26 +93,26 @@ const ge = () => ({
           headerAlign: u,
           align: "right",
           prop: t,
-          width: c,
+          width: g,
           fixed: m,
           showOverflowTooltip: !0
         }, {
-          default: (f) => {
+          default: (h) => {
             const {
               row: y,
-              column: h
-            } = f;
+              column: f
+            } = h;
             return o("span", {
               class: "cell-numbercolumn"
-            }, [se(y[h.property], r, p, a === !0 || a === "")]);
+            }, [ie(y[f.property], r, p, a === !0 || a === "")]);
           }
         });
-      }, U = (e) => {
+      }, q = (e) => {
         const {
           name: t,
           head: i,
           headAlign: u,
-          width: c,
+          width: g,
           fixed: m,
           sourceFormat: r,
           format: p = "YYYYMMDDHHmmss"
@@ -118,24 +121,24 @@ const ge = () => ({
           label: i,
           headerAlign: u,
           prop: t,
-          width: c,
+          width: g,
           fixed: m,
           showOverflowTooltip: !0
         }, {
           default: (a) => {
             const {
-              row: f,
+              row: h,
               column: y
-            } = a, h = f[y.property];
-            return h instanceof Date || ie.isDayjs(h) ? o("div", null, [M(h, p)]) : r && p ? o("div", null, [M(h, r, p)]) : o("div", null, [h]);
+            } = 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]);
           }
         });
-      }, q = (e) => {
+      }, G = (e) => {
         const {
           name: t,
           head: i,
           headAlign: u,
-          width: c,
+          width: g,
           fixed: m
         } = e, {
           code: r
@@ -144,27 +147,27 @@ const ge = () => ({
           label: i,
           headerAlign: u,
           prop: t,
-          width: c,
+          width: g,
           fixed: m,
           showOverflowTooltip: !0
         }, {
           default: (p) => {
             const {
               row: a,
-              column: f
-            } = p, y = a[f.property];
-            let h, x, P;
-            return r ? typeof r == "string" ? (h = r, x = V.getCode(h), P = R(x.value, y)) : (x = r, P = R(x, y)) : 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]);
           }
         });
-      }, G = (e) => {
+      }, J = (e) => {
         const {
           name: t,
           head: i,
           headAlign: u,
-          width: c,
+          width: g,
           fixed: m
         } = e, {
           code: r
@@ -173,51 +176,51 @@ const ge = () => ({
           label: i,
           headerAlign: u,
           prop: t,
-          width: c,
+          width: g,
           fixed: m,
           showOverflowTooltip: !0
         }, {
           default: (p) => {
             const {
               row: a,
-              column: f
-            } = p, y = a[f.property];
-            let h, x, P;
-            return r ? typeof r == "string" ? (h = r, x = V.getCode(h), P = I(x.value, y)) : (x = r, P = I(x, y)) : 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]);
           }
         });
-      }, J = (e) => {
+      }, K = (e) => {
         const {
           name: t,
           head: i,
           headAlign: u,
-          width: c,
+          width: g,
           fixed: m
         } = e;
         return o(S, {
           label: i,
           headerAlign: u,
           prop: t,
-          width: c,
+          width: g,
           fixed: m
         }, {
           default: (r) => {
-            var a, f;
-            const p = (f = (a = e.children) == null ? void 0 : a.default) == null ? void 0 : f.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, ce(p) ? p : {
+            }, [o(pe, null, ge(p) ? p : {
               default: () => [p]
             })]);
           }
         });
-      }, K = (e) => {
+      }, L = (e) => {
         const {
           head: t,
           headAlign: i
@@ -228,75 +231,77 @@ const ge = () => ({
           label: t,
           headerAlign: i
         }, {
-          default: (c) => j(u)
+          default: (g) => R(u)
         });
-      }, L = (e) => {
+      }, Q = (e) => {
         const {
           name: t,
           head: i,
           headAlign: u,
-          width: c,
+          width: g,
           fixed: m
         } = e;
         return o(S, {
           label: i,
           headerAlign: u,
           prop: t,
-          width: c,
+          width: g,
           fixed: m
         }, {
           default: (r) => {
-            var a, f;
-            const p = (f = (a = e.children) == null ? void 0 : a.default) == null ? void 0 : f.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"
-            }, [p, X(" ")]);
+            }, [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 H(t);
-        if (t.type === "OPagetableColumnNumber")
           return _(t);
-        if (t.type === "OPagetableColumnDate")
+        if (t.type === "OPagetableColumnNumber")
           return U(t);
-        if (t.type === "OPagetableColumnSingleselect")
+        if (t.type === "OPagetableColumnDate")
           return q(t);
-        if (t.type === "OPagetableColumnMultiselect")
+        if (t.type === "OPagetableColumnSingleselect")
           return G(t);
-        if (t.type === "OPagetableColumnButtongroup")
+        if (t.type === "OPagetableColumnMultiselect")
           return J(t);
-        if (t.type === "OPagetableColumngroup")
+        if (t.type === "OPagetableColumnButtongroup")
           return K(t);
-        if (t.type === "OPagetableColumnDiy")
+        if (t.type === "OPagetableColumngroup")
           return L(t);
-        throw new pe(`OPagetable不能正确渲染'${t.type.name}'子组件。`);
+        if (t.type === "OPagetableColumnDiy")
+          return Q(t);
+        throw new de(`OPagetable不能正确渲染'${t.type.name}'子组件。`);
       });
       return o("div", {
-        class: [Y, b.class],
+        class: [$, b.class],
         style: [v.value, b.style]
       }, [o("div", {
         class: "pagetable-wrapper"
-      }, [o(ee, {
+      }, [o(te, {
         ref: A,
-        data: D,
+        data: T,
         height: "100%",
         style: {
           width: "100%"
         },
-        "onSelection-change": (e) => g("selectionChange", e)
+        "onSelection-change": (e) => c("selectionChange", e),
+        "highlight-current-row": Y,
+        "onCurrent-change": (e, t) => c("currentRowChange", e, t)
       }, {
-        default: () => [z && $(), E && F(), j(B.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) => {
-          g("update:pagination", {
+          c("update:pagination", {
             ...O,
             currentPage: e
           });
@@ -307,58 +312,58 @@ const ge = () => ({
       }, null)])]);
     };
   }
-}), fe = () => ({}), he = /* @__PURE__ */ w({
+}), fe = () => ({}), be = /* @__PURE__ */ C({
   name: "OPagetableColumnIndex",
   inheritAttrs: !1,
   props: fe(),
   setup(l, {
     slots: d,
     attrs: b,
-    emit: g,
-    expose: C
+    emit: c,
+    expose: w
   }) {
     return () => null;
   }
-}), be = () => ({
+}), we = () => ({
   head: n(),
   headAlign: n(),
   name: n(),
   width: s([Boolean, String]),
   fixed: s([Boolean, String])
-}), Ce = /* @__PURE__ */ w({
+}), Ce = /* @__PURE__ */ C({
   name: "OPagetableColumnString",
   inheritAttrs: !1,
-  props: be(),
+  props: we(),
   setup(l, {
     slots: d,
     attrs: b,
-    emit: g,
-    expose: C
+    emit: c,
+    expose: w
   }) {
     return () => null;
   }
-}), we = () => ({
+}), Se = () => ({
   head: n(),
   headAlign: n(),
   name: n(),
   width: s([Boolean, String]),
   fixed: s([Boolean, String]),
-  thousandsSeparator: T(!0),
-  precision: ae(-1),
-  percentage: T(!1)
-}), Se = /* @__PURE__ */ w({
+  thousandsSeparator: D(!0),
+  precision: se(-1),
+  percentage: D(!1)
+}), ye = /* @__PURE__ */ C({
   name: "OPagetableColumnNumber",
   inheritAttrs: !1,
-  props: we(),
+  props: Se(),
   setup(l, {
     slots: d,
     attrs: b,
-    emit: g,
-    expose: C
+    emit: c,
+    expose: w
   }) {
     return () => null;
   }
-}), ye = () => ({
+}), xe = () => ({
   head: n(),
   headAlign: n(),
   name: n(),
@@ -367,106 +372,106 @@ const ge = () => ({
   // Date
   format: n(),
   sourceFormat: n()
-}), xe = /* @__PURE__ */ w({
+}), Pe = /* @__PURE__ */ C({
   name: "OPagetableColumnDate",
   inheritAttrs: !1,
-  props: ye(),
+  props: xe(),
   setup(l, {
     slots: d,
     attrs: b,
-    emit: g,
-    expose: C
+    emit: c,
+    expose: w
   }) {
     return () => null;
   }
-}), Pe = () => ({
+}), Ae = () => ({
   head: n(),
   headAlign: n(),
   name: n(),
   width: s([Boolean, String]),
   fixed: s([Boolean, String]),
   code: s([String, Array])
-}), Ae = /* @__PURE__ */ w({
+}), Oe = /* @__PURE__ */ C({
   name: "OPagetableColumnSingleselect",
   inheritAttrs: !1,
-  props: Pe(),
+  props: Ae(),
   setup(l, {
     slots: d,
     attrs: b,
-    emit: g,
-    expose: C
+    emit: c,
+    expose: w
   }) {
     return () => null;
   }
-}), Oe = () => ({
+}), ve = () => ({
   head: n(),
   headAlign: n(),
   name: n(),
   width: s([Boolean, String]),
   fixed: s([Boolean, String]),
   code: s([String, Array])
-}), ve = /* @__PURE__ */ w({
+}), Be = /* @__PURE__ */ C({
   name: "OPagetableColumnMultiselect",
   inheritAttrs: !1,
-  props: Oe(),
+  props: ve(),
   setup(l, {
     slots: d,
     attrs: b,
-    emit: g,
-    expose: C
+    emit: c,
+    expose: w
   }) {
     return () => null;
   }
-}), Be = () => ({
+}), De = () => ({
   head: n(),
   headAlign: n(),
   name: n(),
   width: s([Boolean, String]),
   fixed: s([Boolean, String])
-}), De = /* @__PURE__ */ w({
+}), Te = /* @__PURE__ */ C({
   name: "OPagetableColumnButtongroup",
   inheritAttrs: !1,
-  props: Be(),
+  props: De(),
   slots: Object,
   setup(l, {
     slots: d,
     attrs: b,
-    emit: g,
-    expose: C
+    emit: c,
+    expose: w
   }) {
     return () => null;
   }
 });
-function Te(l) {
+function Ne(l) {
   return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !k(l);
 }
-const Ne = () => ({
+const Re = () => ({
   type: n()
-}), je = /* @__PURE__ */ w({
+}), je = /* @__PURE__ */ C({
   name: "OPagetableCellButton",
   inheritAttrs: !1,
-  props: Ne(),
+  props: Re(),
   emits: ["click"],
   setup(l, {
     slots: d,
     attrs: b,
-    emit: g,
-    expose: C
+    emit: c,
+    expose: w
   }) {
     const A = (v) => {
-      g("click", v);
+      c("click", v);
     };
     return () => {
       var N;
       const {
         type: v
       } = l, B = (N = d.default) == null ? void 0 : N.call(d);
-      return o(ne, {
+      return o(oe, {
         link: !0,
         type: v,
         size: "small",
         onClick: A
-      }, Te(B) ? B : {
+      }, Ne(B) ? B : {
         default: () => [B]
       });
     };
@@ -474,50 +479,50 @@ const Ne = () => ({
 }), Me = () => ({
   head: n(),
   headAlign: n()
-}), Re = /* @__PURE__ */ w({
+}), Ie = /* @__PURE__ */ C({
   name: "OPagetableColumngroup",
   inheritAttrs: !1,
   props: Me(),
   setup(l, {
     slots: d,
     attrs: b,
-    emit: g,
-    expose: C
+    emit: c,
+    expose: w
   }) {
     return () => null;
   }
-}), Ie = () => ({
+}), Ve = () => ({
   head: n(),
   headAlign: n(),
   name: n(),
   width: s([Boolean, String]),
   fixed: s([Boolean, String])
-}), Ve = /* @__PURE__ */ w({
+}), ke = /* @__PURE__ */ C({
   name: "OPagetableColumnDiy",
   inheritAttrs: !1,
-  props: Ie(),
+  props: Ve(),
   slots: Object,
   setup(l, {
     slots: d,
     attrs: b,
-    emit: g,
-    expose: C
+    emit: c,
+    expose: w
   }) {
     return () => null;
   }
-}), We = Z(me, {
-  PagetableColumnIndex: he,
+}), Xe = ee(he, {
+  PagetableColumnIndex: be,
   PagetableColumnString: Ce,
-  PagetableColumnNumber: Se,
-  PagetableColumnDate: xe,
-  PagetableColumnSingleselect: Ae,
-  PagetableColumnMultiselect: ve,
-  PagetableColumnButtongroup: De,
+  PagetableColumnNumber: ye,
+  PagetableColumnDate: Pe,
+  PagetableColumnSingleselect: Oe,
+  PagetableColumnMultiselect: Be,
+  PagetableColumnButtongroup: Te,
   PagetableCellButton: je,
-  PagetableColumngroup: Re,
-  PagetableColumnDiy: Ve
+  PagetableColumngroup: Ie,
+  PagetableColumnDiy: ke
 });
 export {
-  We as default
+  Xe as default
 };
 //# sourceMappingURL=index.js.map