orion-design 0.1.9 → 0.1.10

package/dist/components/Pagetable/index.js

@@ -1,19 +1,19 @@
 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 { 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 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 { 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 k from "../../Throne/index.js";
-function ge(l) {
-  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !E(l);
+import V from "../../Throne/index.js";
+function ce(l) {
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !k(l);
 }
-const ce = () => ({
+const ge = () => ({
   data: le(),
   pagination: re(),
   showRowNumber: T(!0),
@@ -21,280 +21,282 @@ const ce = () => ({
 }), me = /* @__PURE__ */ w({
   name: "OPagetable",
   inheritAttrs: !1,
-  props: ce(),
+  props: ge(),
   emits: ["selectionChange"],
   setup(l, {
-    slots: g,
+    slots: d,
     attrs: b,
-    emit: m,
+    emit: g,
     expose: C
   }) {
-    const x = W(), B = X(() => ({})), v = de(g);
+    const A = Q(), v = W(() => ({})), B = de(d);
     return C({
       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: (...D) => A.value.toggleRowSelection(...D),
+      toggleAllSelection: () => A.value.toggleAllSelection()
     }), () => {
       const {
         data: D
       } = l, {
-        selectionMode: V = !1
+        selectionMode: E = !1
       } = l, {
         pagination: O
       } = l, {
         showRowNumber: z = !0
-      } = l, $ = oe("orion-pagetbale"), F = () => o(S, {
+      } = l, Y = oe("orion-pagetbale"), $ = () => 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), F = () => o(S, {
         type: "selection",
-        width: 40
-      }, null), U = (e) => {
+        width: 40,
+        fixed: "left"
+      }, null), H = (e) => {
         const {
           name: t,
-          head: u,
-          headAlign: p,
+          head: i,
+          headAlign: u,
           width: c,
-          fixed: h
+          fixed: m
         } = e;
         return o(S, {
-          label: u,
-          headerAlign: p,
+          label: i,
+          headerAlign: u,
           prop: t,
           width: c,
-          fixed: h,
+          fixed: m,
           showOverflowTooltip: !0
         }, null);
-      }, q = (e) => {
+      }, _ = (e) => {
         const {
           name: t,
-          head: u,
-          headAlign: p,
+          head: i,
+          headAlign: u,
           width: c,
-          fixed: h
+          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,
+          fixed: m,
           showOverflowTooltip: !0
         }, {
-          default: (s) => {
+          default: (f) => {
             const {
-              row: f,
-              column: A
-            } = s;
+              row: y,
+              column: h
+            } = f;
             return o("span", {
               class: "cell-numbercolumn"
-            }, [se(f[A.property], r, d, a)]);
+            }, [se(y[h.property], r, p, a === !0 || a === "")]);
           }
         });
-      }, G = (e) => {
+      }, U = (e) => {
         const {
           name: t,
-          head: u,
-          headAlign: p,
+          head: i,
+          headAlign: u,
           width: c,
-          fixed: h,
+          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,
+          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: f,
+              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]);
           }
         });
-      }, H = (e) => {
+      }, q = (e) => {
         const {
           name: t,
-          head: u,
-          headAlign: p,
+          head: i,
+          headAlign: u,
           width: c,
-          fixed: h
+          fixed: m
         } = e, {
           code: r
         } = e;
         return o(S, {
-          label: u,
-          headerAlign: p,
+          label: i,
+          headerAlign: u,
           prop: t,
           width: c,
-          fixed: h,
+          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: 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", {
               class: "cell-singleselect"
             }, [P]);
           }
         });
-      }, J = (e) => {
+      }, G = (e) => {
         const {
           name: t,
-          head: u,
-          headAlign: p,
+          head: i,
+          headAlign: u,
           width: c,
-          fixed: h
+          fixed: m
         } = e, {
           code: r
         } = e;
         return o(S, {
-          label: u,
-          headerAlign: p,
+          label: i,
+          headerAlign: u,
           prop: t,
           width: c,
-          fixed: h,
+          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: 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", {
               class: "cell-multiselect"
             }, [P]);
           }
         });
-      }, K = (e) => {
+      }, J = (e) => {
         const {
           name: t,
-          head: u,
-          headAlign: p,
+          head: i,
+          headAlign: u,
           width: c,
-          fixed: h
+          fixed: m
         } = e;
         return o(S, {
-          label: u,
-          headerAlign: p,
+          label: i,
+          headerAlign: u,
           prop: t,
           width: c,
-          fixed: h
+          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, f;
+            const p = (f = (a = e.children) == null ? void 0 : a.default) == null ? void 0 : f.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(ue, null, ce(p) ? p : {
+              default: () => [p]
             })]);
           }
         });
-      }, L = (e) => {
+      }, K = (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: (c) => j(u)
         });
-      }, Q = (e) => {
+      }, L = (e) => {
         const {
           name: t,
-          head: u,
-          headAlign: p,
+          head: i,
+          headAlign: u,
           width: c,
-          fixed: h
+          fixed: m
         } = e;
         return o(S, {
-          label: u,
-          headerAlign: p,
+          label: i,
+          headerAlign: u,
           prop: t,
           width: c,
-          fixed: h
+          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, f;
+            const p = (f = (a = e.children) == null ? void 0 : a.default) == null ? void 0 : f.call(a, {
               rowData: r.row,
               column: e,
               rowIndex: r.$index
             });
             return o("div", {
               class: "cell-diy"
-            }, [d, Y(" ")]);
+            }, [p, X(" ")]);
           }
         });
       }, j = (e) => e == null ? void 0 : e.map((t) => {
         if (t.type === "OPagetableColumnString")
-          return U(t);
+          return H(t);
         if (t.type === "OPagetableColumnNumber")
-          return q(t);
+          return _(t);
         if (t.type === "OPagetableColumnDate")
-          return G(t);
+          return U(t);
         if (t.type === "OPagetableColumnSingleselect")
-          return H(t);
+          return q(t);
         if (t.type === "OPagetableColumnMultiselect")
-          return J(t);
+          return G(t);
         if (t.type === "OPagetableColumnButtongroup")
-          return K(t);
+          return J(t);
         if (t.type === "OPagetableColumngroup")
-          return L(t);
+          return K(t);
         if (t.type === "OPagetableColumnDiy")
-          return Q(t);
+          return L(t);
         throw new pe(`OPagetable不能正确渲染'${t.type.name}'子组件。`);
       });
       return o("div", {
-        class: [$, b.class],
-        style: [B.value, b.style]
+        class: [Y, b.class],
+        style: [v.value, b.style]
       }, [o("div", {
         class: "pagetable-wrapper"
       }, [o(ee, {
-        ref: x,
+        ref: A,
         data: D,
         height: "100%",
         style: {
           width: "100%"
         },
-        "onSelection-change": (e) => m("selectionChange", e)
+        "onSelection-change": (e) => g("selectionChange", e)
       }, {
-        default: () => [z && F(), V && _(), j(v.value)]
+        default: () => [z && $(), E && F(), j(B.value)]
       })]), o("div", {
         class: "pagination-wrapper"
       }, [o(te, {
         currentPage: O.currentPage,
         "onUpdate:current-page": (e) => {
-          m("update:pagination", {
+          g("update:pagination", {
             ...O,
             currentPage: e
           });
@@ -305,14 +307,14 @@ const ce = () => ({
       }, null)])]);
     };
   }
-}), he = () => ({}), fe = /* @__PURE__ */ w({
+}), fe = () => ({}), he = /* @__PURE__ */ w({
   name: "OPagetableColumnIndex",
   inheritAttrs: !1,
-  props: he(),
+  props: fe(),
   setup(l, {
-    slots: g,
+    slots: d,
     attrs: b,
-    emit: m,
+    emit: g,
     expose: C
   }) {
     return () => null;
@@ -321,16 +323,16 @@ const ce = () => ({
   head: n(),
   headAlign: n(),
   name: n(),
-  width: i([Boolean, String]),
-  fixed: i([Boolean, String])
+  width: s([Boolean, String]),
+  fixed: s([Boolean, String])
 }), Ce = /* @__PURE__ */ w({
   name: "OPagetableColumnString",
   inheritAttrs: !1,
   props: be(),
   setup(l, {
-    slots: g,
+    slots: d,
     attrs: b,
-    emit: m,
+    emit: g,
     expose: C
   }) {
     return () => null;
@@ -339,8 +341,8 @@ const ce = () => ({
   head: n(),
   headAlign: n(),
   name: n(),
-  width: i([Boolean, String]),
-  fixed: i([Boolean, String]),
+  width: s([Boolean, String]),
+  fixed: s([Boolean, String]),
   thousandsSeparator: T(!0),
   precision: ae(-1),
   percentage: T(!1)
@@ -349,9 +351,9 @@ const ce = () => ({
   inheritAttrs: !1,
   props: we(),
   setup(l, {
-    slots: g,
+    slots: d,
     attrs: b,
-    emit: m,
+    emit: g,
     expose: C
   }) {
     return () => null;
@@ -360,38 +362,38 @@ const ce = () => ({
   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({
+}), xe = /* @__PURE__ */ w({
   name: "OPagetableColumnDate",
   inheritAttrs: !1,
   props: ye(),
   setup(l, {
-    slots: g,
+    slots: d,
     attrs: b,
-    emit: m,
+    emit: g,
     expose: C
   }) {
     return () => null;
   }
-}), xe = () => ({
+}), Pe = () => ({
   head: n(),
   headAlign: n(),
   name: n(),
-  width: i([Boolean, String]),
-  fixed: i([Boolean, String]),
-  code: i([String, Array])
+  width: s([Boolean, String]),
+  fixed: s([Boolean, String]),
+  code: s([String, Array])
 }), Ae = /* @__PURE__ */ w({
   name: "OPagetableColumnSingleselect",
   inheritAttrs: !1,
-  props: xe(),
+  props: Pe(),
   setup(l, {
-    slots: g,
+    slots: d,
     attrs: b,
-    emit: m,
+    emit: g,
     expose: C
   }) {
     return () => null;
@@ -400,86 +402,86 @@ const ce = () => ({
   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])
+}), ve = /* @__PURE__ */ w({
   name: "OPagetableColumnMultiselect",
   inheritAttrs: !1,
   props: Oe(),
   setup(l, {
-    slots: g,
+    slots: d,
     attrs: b,
-    emit: m,
+    emit: g,
     expose: C
   }) {
     return () => null;
   }
-}), ve = () => ({
+}), Be = () => ({
   head: n(),
   headAlign: n(),
   name: n(),
-  width: i([Boolean, String]),
-  fixed: i([Boolean, String])
+  width: s([Boolean, String]),
+  fixed: s([Boolean, String])
 }), De = /* @__PURE__ */ w({
   name: "OPagetableColumnButtongroup",
   inheritAttrs: !1,
-  props: ve(),
+  props: Be(),
   slots: Object,
   setup(l, {
-    slots: g,
+    slots: d,
     attrs: b,
-    emit: m,
+    emit: g,
     expose: C
   }) {
     return () => null;
   }
 });
 function Te(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 Ne = () => ({
-  type: n("primary")
+  type: n()
 }), je = /* @__PURE__ */ w({
   name: "OPagetableCellButton",
   inheritAttrs: !1,
   props: Ne(),
   emits: ["click"],
   setup(l, {
-    slots: g,
+    slots: d,
     attrs: b,
-    emit: m,
+    emit: g,
     expose: C
   }) {
-    const x = (B) => {
-      m("click", B);
+    const A = (v) => {
+      g("click", v);
     };
     return () => {
       var N;
       const {
-        type: B = "primary"
-      } = l, v = (N = g.default) == null ? void 0 : N.call(g);
+        type: v
+      } = l, B = (N = d.default) == null ? void 0 : N.call(d);
       return o(ne, {
         link: !0,
-        type: B,
+        type: v,
         size: "small",
-        onClick: x
-      }, Te(v) ? v : {
-        default: () => [v]
+        onClick: A
+      }, Te(B) ? B : {
+        default: () => [B]
       });
     };
   }
-}), Re = () => ({
+}), Me = () => ({
   head: n(),
   headAlign: n()
-}), Me = /* @__PURE__ */ w({
+}), Re = /* @__PURE__ */ w({
   name: "OPagetableColumngroup",
   inheritAttrs: !1,
-  props: Re(),
+  props: Me(),
   setup(l, {
-    slots: g,
+    slots: d,
     attrs: b,
-    emit: m,
+    emit: g,
     expose: C
   }) {
     return () => null;
@@ -488,34 +490,34 @@ const Ne = () => ({
   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])
+}), Ve = /* @__PURE__ */ w({
   name: "OPagetableColumnDiy",
   inheritAttrs: !1,
   props: Ie(),
   slots: Object,
   setup(l, {
-    slots: g,
+    slots: d,
     attrs: b,
-    emit: m,
+    emit: g,
     expose: C
   }) {
     return () => null;
   }
-}), Xe = Z(me, {
-  PagetableColumnIndex: fe,
+}), We = Z(me, {
+  PagetableColumnIndex: he,
   PagetableColumnString: Ce,
   PagetableColumnNumber: Se,
-  PagetableColumnDate: Pe,
+  PagetableColumnDate: xe,
   PagetableColumnSingleselect: Ae,
-  PagetableColumnMultiselect: Be,
+  PagetableColumnMultiselect: ve,
   PagetableColumnButtongroup: De,
   PagetableCellButton: je,
-  PagetableColumngroup: Me,
-  PagetableColumnDiy: ke
+  PagetableColumngroup: Re,
+  PagetableColumnDiy: Ve
 });
 export {
-  Xe as default
+  We as default
 };
 //# sourceMappingURL=index.js.map