orion-design 0.1.5 → 0.1.7

package/dist/components/Pagetable/index.js

@@ -1,144 +1,521 @@
-import { withInstall as D } from "../../utils/vue/install.js";
-import { defineComponent as g, computed as O, createVNode as n, isVNode as z } from "vue";
-import B from "../_util/classNames.js";
-import { anyType as E, arrayType as A, objectType as F, stringType as l, someType as u } from "../_util/type.js";
-import { ElTable as N, ElPagination as U, ElTableColumn as T } from "element-plus";
-import v from "../../error/OrionError.js";
-function V(o) {
-  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !z(o);
+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";
+function ge(l) {
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !E(l);
 }
-const _ = () => ({
-  gutter: E(),
-  height: String,
-  data: A(),
-  pagination: F()
-}), $ = /* @__PURE__ */ g({
+const ce = () => ({
+  data: le(),
+  pagination: re(),
+  showRowNumber: T(!0),
+  selectionMode: T(!1)
+}), me = /* @__PURE__ */ w({
   name: "OPagetable",
   inheritAttrs: !1,
-  props: _(),
-  setup(o, {
-    slots: i,
-    attrs: s,
-    emit: d,
-    expose: f
+  props: ce(),
+  emits: ["selectionChange"],
+  setup(l, {
+    slots: g,
+    attrs: b,
+    emit: m,
+    expose: C
   }) {
-    const j = O(() => ({})), C = O(() => {
-      var p;
-      const r = (p = i.default) == null ? void 0 : p.call(i);
-      return r == null ? void 0 : r.map((e) => {
-        var m, a, t, h, y, c, w, P, x, S;
-        if (e.type.name === "OPagetableStringcolumn")
-          return {
-            type: e.type.name,
-            head: (m = e.props) == null ? void 0 : m.head,
-            name: (a = e.props) == null ? void 0 : a.name,
-            width: (t = e.props) == null ? void 0 : t.width,
-            fixed: (h = e.props) == null ? void 0 : h.fixed
-          };
-        if (e.type.name === "OPagetableDatecolumn")
-          return {
-            type: e.type.name,
-            head: (y = e.props) == null ? void 0 : y.head,
-            name: (c = e.props) == null ? void 0 : c.name,
-            width: (w = e.props) == null ? void 0 : w.width,
-            fixed: (P = e.props) == null ? void 0 : P.fixed,
-            format: (x = e.props) == null ? void 0 : x.format,
-            sourceFormat: (S = e.props) == null ? void 0 : S.sourceFormat
-          };
-        throw new v(`OPagetable不能正确处理'${e.type.name}'子组件。`);
-      });
-    });
-    return () => {
-      let r;
+    const x = W(), B = X(() => ({})), v = de(g);
+    return C({
+      clearSelection: () => {
+        x.value.clearSelection();
+      },
+      getSelectionRows: () => x.value.getSelectionRows(),
+      toggleRowSelection: (...D) => x.value.toggleRowSelection(...D),
+      toggleAllSelection: () => x.value.toggleAllSelection()
+    }), () => {
       const {
-        data: b
-      } = o, {
-        pagination: p
-      } = o, e = B("orion-pagetbale"), m = (a) => a == null ? void 0 : a.map((t) => {
-        if (t.type === "OPagetableStringcolumn")
-          return n(T, {
-            label: t.head,
-            prop: t.name,
-            width: t.width,
-            fixed: t.fixed
-          }, null);
-        if (t.type === "OPagetableDatecolumn")
-          return n(T, {
-            label: t.head,
-            prop: t.name,
-            width: t.width,
-            fixed: t.fixed
-          }, null);
-        throw new v(`OPagetable不能正确处理'${t.type}'子组件。`);
+        data: D
+      } = l, {
+        selectionMode: V = !1
+      } = l, {
+        pagination: O
+      } = l, {
+        showRowNumber: z = !0
+      } = l, $ = oe("orion-pagetbale"), F = () => o(S, {
+        type: "index",
+        label: "No",
+        width: 56,
+        showOverflowTooltip: !0,
+        index: (e) => (O.currentPage - 1) * O.pageSize + e + 1
+      }, null), _ = () => o(S, {
+        type: "selection",
+        width: 40
+      }, null), U = (e) => {
+        const {
+          name: t,
+          head: u,
+          headAlign: p,
+          width: c,
+          fixed: h
+        } = e;
+        return o(S, {
+          label: u,
+          headerAlign: p,
+          prop: t,
+          width: c,
+          fixed: h,
+          showOverflowTooltip: !0
+        }, null);
+      }, q = (e) => {
+        const {
+          name: t,
+          head: u,
+          headAlign: p,
+          width: c,
+          fixed: h
+        } = e, {
+          thousandsSeparator: r = !0,
+          precision: d = -1,
+          percentage: a = !1
+        } = e;
+        return o(S, {
+          label: u,
+          headerAlign: p,
+          align: "right",
+          prop: t,
+          width: c,
+          fixed: h,
+          showOverflowTooltip: !0
+        }, {
+          default: (s) => {
+            const {
+              row: f,
+              column: A
+            } = s;
+            return o("span", {
+              class: "cell-numbercolumn"
+            }, [se(f[A.property], r, d, a)]);
+          }
+        });
+      }, G = (e) => {
+        const {
+          name: t,
+          head: u,
+          headAlign: p,
+          width: c,
+          fixed: h,
+          sourceFormat: r,
+          format: d
+        } = e;
+        return o(S, {
+          label: u,
+          headerAlign: p,
+          prop: t,
+          width: c,
+          fixed: h,
+          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]]);
+          }
+        });
+      }, H = (e) => {
+        const {
+          name: t,
+          head: u,
+          headAlign: p,
+          width: c,
+          fixed: h
+        } = e, {
+          code: r
+        } = e;
+        return o(S, {
+          label: u,
+          headerAlign: p,
+          prop: t,
+          width: c,
+          fixed: h,
+          showOverflowTooltip: !0
+        }, {
+          default: (d) => {
+            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", {
+              class: "cell-singleselect"
+            }, [P]);
+          }
+        });
+      }, J = (e) => {
+        const {
+          name: t,
+          head: u,
+          headAlign: p,
+          width: c,
+          fixed: h
+        } = e, {
+          code: r
+        } = e;
+        return o(S, {
+          label: u,
+          headerAlign: p,
+          prop: t,
+          width: c,
+          fixed: h,
+          showOverflowTooltip: !0
+        }, {
+          default: (d) => {
+            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", {
+              class: "cell-multiselect"
+            }, [P]);
+          }
+        });
+      }, K = (e) => {
+        const {
+          name: t,
+          head: u,
+          headAlign: p,
+          width: c,
+          fixed: h
+        } = e;
+        return o(S, {
+          label: u,
+          headerAlign: p,
+          prop: t,
+          width: c,
+          fixed: h
+        }, {
+          default: (r) => {
+            var a, s;
+            const d = (s = (a = e.children) == null ? void 0 : a.default) == null ? void 0 : s.call(a, {
+              rowData: r.row,
+              column: e,
+              rowIndex: r.$index
+            });
+            return o("div", {
+              class: "cell-buttongroup"
+            }, [o(ue, null, ge(d) ? d : {
+              default: () => [d]
+            })]);
+          }
+        });
+      }, L = (e) => {
+        const {
+          head: t,
+          headAlign: u
+        } = e, {
+          children: p
+        } = e;
+        return o(S, {
+          label: t,
+          headerAlign: u
+        }, {
+          default: (c) => j(p)
+        });
+      }, Q = (e) => {
+        const {
+          name: t,
+          head: u,
+          headAlign: p,
+          width: c,
+          fixed: h
+        } = e;
+        return o(S, {
+          label: u,
+          headerAlign: p,
+          prop: t,
+          width: c,
+          fixed: h
+        }, {
+          default: (r) => {
+            var a, s;
+            const d = (s = (a = e.children) == null ? void 0 : a.default) == null ? void 0 : s.call(a, {
+              rowData: r.row,
+              column: e,
+              rowIndex: r.$index
+            });
+            return o("div", {
+              class: "cell-diy"
+            }, [d, Y(" ")]);
+          }
+        });
+      }, j = (e) => e == null ? void 0 : e.map((t) => {
+        if (t.type === "OPagetableColumnString")
+          return U(t);
+        if (t.type === "OPagetableColumnNumber")
+          return q(t);
+        if (t.type === "OPagetableColumnDate")
+          return G(t);
+        if (t.type === "OPagetableColumnSingleselect")
+          return H(t);
+        if (t.type === "OPagetableColumnMultiselect")
+          return J(t);
+        if (t.type === "OPagetableColumnButtongroup")
+          return K(t);
+        if (t.type === "OPagetableColumngroup")
+          return L(t);
+        if (t.type === "OPagetableColumnDiy")
+          return Q(t);
+        throw new pe(`OPagetable不能正确渲染'${t.type.name}'子组件。`);
       });
-      return n("div", {
-        class: [e, s.class],
-        style: [j.value, s.style]
-      }, [n("div", {
+      return o("div", {
+        class: [$, b.class],
+        style: [B.value, b.style]
+      }, [o("div", {
         class: "pagetable-wrapper"
-      }, [n(N, {
-        data: b,
-        height: "100%"
-      }, V(r = m(C.value)) ? r : {
-        default: () => [r]
-      })]), n("div", {
-        class: "pagination-wrapper"
-      }, [n(U, {
-        currentPage: p.currentPage,
-        "onUpdate:current-page": (a) => {
-          console.log("current-page", a);
+      }, [o(ee, {
+        ref: x,
+        data: D,
+        height: "100%",
+        style: {
+          width: "100%"
         },
-        pageSize: p.pageSize,
-        "onUpdate:page-size": (a) => {
-          console.log("page-size", a);
+        "onSelection-change": (e) => m("selectionChange", e)
+      }, {
+        default: () => [z && F(), V && _(), j(v.value)]
+      })]), o("div", {
+        class: "pagination-wrapper"
+      }, [o(te, {
+        currentPage: O.currentPage,
+        "onUpdate:current-page": (e) => {
+          m("update:pagination", {
+            ...O,
+            currentPage: e
+          });
         },
-        total: p.total,
-        layout: "prev, pager, next, jumper, ->, total"
+        pageSize: O.pageSize,
+        total: O.total,
+        layout: "total, ->, prev, pager, next, jumper"
       }, null)])]);
     };
   }
-}), I = () => ({
-  head: l(),
-  name: l(),
-  width: u([Boolean, String]),
-  fixed: u([Boolean, String])
-}), k = /* @__PURE__ */ g({
-  name: "OPagetableStringcolumn",
+}), he = () => ({}), fe = /* @__PURE__ */ w({
+  name: "OPagetableColumnIndex",
   inheritAttrs: !1,
-  props: I(),
-  setup(o, {
-    slots: i,
-    attrs: s,
-    emit: d,
-    expose: f
+  props: he(),
+  setup(l, {
+    slots: g,
+    attrs: b,
+    emit: m,
+    expose: C
   }) {
     return () => null;
   }
-}), q = () => ({
-  head: l(),
-  name: l(),
-  width: u([Boolean, String]),
-  fixed: u([Boolean, String]),
+}), be = () => ({
+  head: n(),
+  headAlign: n(),
+  name: n(),
+  width: i([Boolean, String]),
+  fixed: i([Boolean, String])
+}), Ce = /* @__PURE__ */ w({
+  name: "OPagetableColumnString",
+  inheritAttrs: !1,
+  props: be(),
+  setup(l, {
+    slots: g,
+    attrs: b,
+    emit: m,
+    expose: C
+  }) {
+    return () => null;
+  }
+}), we = () => ({
+  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({
+  name: "OPagetableColumnNumber",
+  inheritAttrs: !1,
+  props: we(),
+  setup(l, {
+    slots: g,
+    attrs: b,
+    emit: m,
+    expose: C
+  }) {
+    return () => null;
+  }
+}), ye = () => ({
+  head: n(),
+  headAlign: n(),
+  name: n(),
+  width: i([Boolean, String]),
+  fixed: i([Boolean, String]),
   // Date
-  format: l(),
-  sourceFormat: l()
-}), G = /* @__PURE__ */ g({
-  name: "OPagetableDatecolumn",
+  format: n(),
+  sourceFormat: n()
+}), Pe = /* @__PURE__ */ w({
+  name: "OPagetableColumnDate",
+  inheritAttrs: !1,
+  props: ye(),
+  setup(l, {
+    slots: g,
+    attrs: b,
+    emit: m,
+    expose: C
+  }) {
+    return () => null;
+  }
+}), xe = () => ({
+  head: n(),
+  headAlign: n(),
+  name: n(),
+  width: i([Boolean, String]),
+  fixed: i([Boolean, String]),
+  code: i([String, Array])
+}), Ae = /* @__PURE__ */ w({
+  name: "OPagetableColumnSingleselect",
+  inheritAttrs: !1,
+  props: xe(),
+  setup(l, {
+    slots: g,
+    attrs: b,
+    emit: m,
+    expose: C
+  }) {
+    return () => null;
+  }
+}), Oe = () => ({
+  head: n(),
+  headAlign: n(),
+  name: n(),
+  width: i([Boolean, String]),
+  fixed: i([Boolean, String]),
+  code: i([String, Array])
+}), Be = /* @__PURE__ */ w({
+  name: "OPagetableColumnMultiselect",
+  inheritAttrs: !1,
+  props: Oe(),
+  setup(l, {
+    slots: g,
+    attrs: b,
+    emit: m,
+    expose: C
+  }) {
+    return () => null;
+  }
+}), ve = () => ({
+  head: n(),
+  headAlign: n(),
+  name: n(),
+  width: i([Boolean, String]),
+  fixed: i([Boolean, String])
+}), De = /* @__PURE__ */ w({
+  name: "OPagetableColumnButtongroup",
+  inheritAttrs: !1,
+  props: ve(),
+  slots: Object,
+  setup(l, {
+    slots: g,
+    attrs: b,
+    emit: m,
+    expose: C
+  }) {
+    return () => null;
+  }
+});
+function Te(l) {
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !E(l);
+}
+const Ne = () => ({
+  type: n("primary")
+}), je = /* @__PURE__ */ w({
+  name: "OPagetableCellButton",
+  inheritAttrs: !1,
+  props: Ne(),
+  emits: ["click"],
+  setup(l, {
+    slots: g,
+    attrs: b,
+    emit: m,
+    expose: C
+  }) {
+    const x = (B) => {
+      m("click", B);
+    };
+    return () => {
+      var N;
+      const {
+        type: B = "primary"
+      } = l, v = (N = g.default) == null ? void 0 : N.call(g);
+      return o(ne, {
+        link: !0,
+        type: B,
+        size: "small",
+        onClick: x
+      }, Te(v) ? v : {
+        default: () => [v]
+      });
+    };
+  }
+}), Re = () => ({
+  head: n(),
+  headAlign: n()
+}), Me = /* @__PURE__ */ w({
+  name: "OPagetableColumngroup",
+  inheritAttrs: !1,
+  props: Re(),
+  setup(l, {
+    slots: g,
+    attrs: b,
+    emit: m,
+    expose: C
+  }) {
+    return () => null;
+  }
+}), Ie = () => ({
+  head: n(),
+  headAlign: n(),
+  name: n(),
+  width: i([Boolean, String]),
+  fixed: i([Boolean, String])
+}), ke = /* @__PURE__ */ w({
+  name: "OPagetableColumnDiy",
   inheritAttrs: !1,
-  props: q(),
-  setup(o, {
-    slots: i,
-    attrs: s,
-    emit: d,
-    expose: f
+  props: Ie(),
+  slots: Object,
+  setup(l, {
+    slots: g,
+    attrs: b,
+    emit: m,
+    expose: C
   }) {
     return () => null;
   }
-}), R = D($, {
-  PagetableStringcolumn: k,
-  PagetableDatecolumn: G
+}), Xe = Z(me, {
+  PagetableColumnIndex: fe,
+  PagetableColumnString: Ce,
+  PagetableColumnNumber: Se,
+  PagetableColumnDate: Pe,
+  PagetableColumnSingleselect: Ae,
+  PagetableColumnMultiselect: Be,
+  PagetableColumnButtongroup: De,
+  PagetableCellButton: je,
+  PagetableColumngroup: Me,
+  PagetableColumnDiy: ke
 });
 export {
-  R as default
+  Xe as default
 };
 //# sourceMappingURL=index.js.map