orion-design 0.1.12 → 0.1.14

package/dist/components/Querytable/index.js

@@ -2,83 +2,84 @@ import "lodash-es";
 import { defineComponent as C, ref as U, computed as W, createVNode as o, createTextVNode as X, isVNode as j } from "vue";
 import { withInstall as Z } from "../_util/vue/install.js";
 import { ElTable as ee, ElTableColumn as w, ElButton as te } from "element-plus";
-import ne from "../_util/classNames.js";
-import { arrayType as re, booleanType as v, stringType as n, someType as s, numberType as oe } from "../_util/type.js";
-import { number2string as le, formatDate as R, getSingleCodeContent as q, getMultiCodeContent as M } from "./utils/index.js";
+import re from "../_util/classNames.js";
+import { arrayType as ne, booleanType as D, stringType as r, someType as u, numberType as oe } from "../_util/type.js";
+import { number2string as le, formatDate as N, getSingleCodeContent as q, getMultiCodeContent as M } from "./utils/index.js";
 import ae from "dayjs";
 import { S as se } from "../../index-BbsXWo7C.js";
 import ue from "../../error/OrionError.js";
 import ie from "./hooks/useColumns.js";
 import P from "../../Throne/index.js";
-function de(r) {
-  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !j(r);
+function de(n) {
+  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !j(n);
 }
-const pe = () => ({
-  data: re(),
-  showRowNumber: v(!0),
-  selectionMode: v(!1),
-  currentRowMode: v(!1)
-}), ce = /* @__PURE__ */ C({
+const ce = () => ({
+  data: ne(),
+  showRowNumber: D(!0),
+  selectionMode: D(!1),
+  currentRowMode: D(!1)
+}), pe = /* @__PURE__ */ C({
   name: "OQuerytable",
   inheritAttrs: !1,
-  props: pe(),
-  emits: ["selectionChange", "currentRowChange"],
-  setup(r, {
-    slots: p,
+  props: ce(),
+  emits: ["selectionChange", "currentRowChange", "rowClick"],
+  setup(n, {
+    slots: c,
     attrs: y,
-    emit: m,
+    emit: p,
     expose: b
   }) {
-    const O = U(), Q = W(() => ({})), B = ie(p);
+    const O = U(), B = W(() => ({})), v = ie(c);
     return b({
       clearSelection: () => {
         O.value.clearSelection();
       },
       getSelectionRows: () => O.value.getSelectionRows(),
-      toggleRowSelection: (...D) => O.value.toggleRowSelection(...D),
-      toggleAllSelection: () => O.value.toggleAllSelection()
+      toggleRowSelection: (...Q) => O.value.toggleRowSelection(...Q),
+      toggleAllSelection: () => O.value.toggleAllSelection(),
+      setCurrentRow: (...Q) => O.value.setCurrentRow(...Q)
     }), () => {
       const {
-        data: D
-      } = r, {
-        selectionMode: I = !1
-      } = r, {
-        showRowNumber: V = !0
-      } = r, {
-        currentRowMode: k = !1
-      } = r, E = ne("orion-querytable"), Y = () => o(w, {
+        data: Q
+      } = n, {
+        selectionMode: k = !1
+      } = n, {
+        showRowNumber: I = !0
+      } = n, {
+        currentRowMode: V = !1
+      } = n, $ = re("orion-querytable"), E = () => o(w, {
         type: "index",
         label: "No",
         width: 56,
         fixed: "left",
         showOverflowTooltip: !0,
         index: (t) => t + 1
-      }, null), $ = () => o(w, {
+      }, null), Y = () => o(w, {
         type: "selection",
         width: 40,
         fixed: "left"
       }, null), F = (t) => {
         const {
           name: e,
-          head: u,
+          head: s,
           headAlign: i,
-          width: c,
+          width: m,
           fixed: h
         } = t;
         return o(w, {
-          label: u,
+          label: s,
           headerAlign: i,
           prop: e,
-          width: c,
+          width: m,
           fixed: h,
           showOverflowTooltip: !0
         }, null);
       }, H = (t) => {
         const {
           name: e,
-          head: u,
+          head: s,
           headAlign: i,
-          width: c,
+          width: m,
           fixed: h
         } = t, {
           thousandsSeparator: l = !0,
@@ -86,11 +87,11 @@ const pe = () => ({
           percentage: a = !1
         } = t;
         return o(w, {
-          label: u,
+          label: s,
           headerAlign: i,
           align: "right",
           prop: e,
-          width: c,
+          width: m,
           fixed: h,
           showOverflowTooltip: !0
         }, {
@@ -107,18 +108,18 @@ const pe = () => ({
       }, _ = (t) => {
         const {
           name: e,
-          head: u,
+          head: s,
           headAlign: i,
-          width: c,
+          width: m,
           fixed: h,
           sourceFormat: l,
           format: d = "YYYYMMDDHHmmss"
         } = t;
         return o(w, {
-          label: u,
+          label: s,
           headerAlign: i,
           prop: e,
-          width: c,
+          width: m,
           fixed: h,
           showOverflowTooltip: !0
         }, {
@@ -127,24 +128,24 @@ const pe = () => ({
               row: f,
               column: S
             } = a, g = f[S.property];
-            return g instanceof Date || ae.isDayjs(g) ? o("div", null, [R(g, d)]) : l && d ? o("div", null, [R(g, l, d)]) : o("div", null, [g]);
+            return g instanceof Date || ae.isDayjs(g) ? o("div", null, [N(g, d)]) : l && d ? o("div", null, [N(g, l, d)]) : o("div", null, [g]);
           }
         });
       }, z = (t) => {
         const {
           name: e,
-          head: u,
+          head: s,
           headAlign: i,
-          width: c,
+          width: m,
           fixed: h
         } = t, {
           code: l
         } = t;
         return o(w, {
-          label: u,
+          label: s,
           headerAlign: i,
           prop: e,
-          width: c,
+          width: m,
           fixed: h,
           showOverflowTooltip: !0
         }, {
@@ -162,18 +163,18 @@ const pe = () => ({
       }, G = (t) => {
         const {
           name: e,
-          head: u,
+          head: s,
           headAlign: i,
-          width: c,
+          width: m,
           fixed: h
         } = t, {
           code: l
         } = t;
         return o(w, {
-          label: u,
+          label: s,
           headerAlign: i,
           prop: e,
-          width: c,
+          width: m,
           fixed: h,
           showOverflowTooltip: !0
         }, {
@@ -191,16 +192,16 @@ const pe = () => ({
       }, J = (t) => {
         const {
           name: e,
-          head: u,
+          head: s,
           headAlign: i,
-          width: c,
+          width: m,
           fixed: h
         } = t;
         return o(w, {
-          label: u,
+          label: s,
           headerAlign: i,
           prop: e,
-          width: c,
+          width: m,
           fixed: h
         }, {
           default: (l) => {
@@ -220,29 +221,29 @@ const pe = () => ({
       }, K = (t) => {
         const {
           head: e,
-          headAlign: u
+          headAlign: s
         } = t, {
           children: i
         } = t;
         return o(w, {
           label: e,
-          headerAlign: u
+          headerAlign: s
         }, {
-          default: (c) => N(i)
+          default: (m) => T(i)
         });
       }, L = (t) => {
         const {
           name: e,
-          head: u,
+          head: s,
           headAlign: i,
-          width: c,
+          width: m,
           fixed: h
         } = t;
         return o(w, {
-          label: u,
+          label: s,
           headerAlign: i,
           prop: e,
-          width: c,
+          width: m,
           fixed: h
         }, {
           default: (l) => {
@@ -257,7 +258,7 @@ const pe = () => ({
             }, [d, X(" ")]);
           }
         });
-      }, N = (t) => t == null ? void 0 : t.map((e) => {
+      }, T = (t) => t == null ? void 0 : t.map((e) => {
         if (e.type === "OQuerytableColumnString")
           return F(e);
         if (e.type === "OQuerytableColumnNumber")
@@ -277,20 +278,22 @@ const pe = () => ({
         throw new ue(`OQuerytable不能正确渲染'${e.type.name}'子组件。`);
       });
       return o("div", {
-        class: [E, y.class],
-        style: [Q.value, y.style]
+        class: [$, y.class],
+        style: [B.value, y.style]
       }, [o(ee, {
         ref: O,
-        data: D,
+        border: !0,
+        data: Q,
         height: "100%",
         style: {
           width: "100%"
         },
-        "onSelection-change": (t) => m("selectionChange", t),
-        "highlight-current-row": k,
-        "onCurrent-change": (t, e) => m("currentRowChange", t, e)
+        "onSelection-change": (t) => p("selectionChange", t),
+        "highlight-current-row": V,
+        "onCurrent-change": (t, e) => p("currentRowChange", t, e),
+        "onRow-click": (t, e, s) => p("rowClick", t, e, s)
       }, {
-        default: () => [V && Y(), I && $(), N(B.value)]
+        default: () => [I && E(), k && Y(), T(v.value)]
       })]);
     };
   }
@@ -298,201 +301,201 @@ const pe = () => ({
   name: "OQuerytableColumnIndex",
   inheritAttrs: !1,
   props: me(),
-  setup(r, {
-    slots: p,
+  setup(n, {
+    slots: c,
     attrs: y,
-    emit: m,
+    emit: p,
     expose: b
   }) {
     return () => null;
   }
 }), fe = () => ({
-  head: n(),
-  headAlign: n(),
-  name: n(),
-  width: s([Boolean, String]),
-  fixed: s([Boolean, String])
+  head: r(),
+  headAlign: r(),
+  name: r(),
+  width: u([Boolean, String]),
+  fixed: u([Boolean, String])
 }), ge = /* @__PURE__ */ C({
   name: "OQuerytableColumnString",
   inheritAttrs: !1,
   props: fe(),
-  setup(r, {
-    slots: p,
+  setup(n, {
+    slots: c,
     attrs: y,
-    emit: m,
+    emit: p,
     expose: b
   }) {
     return () => null;
   }
 }), ye = () => ({
-  head: n(),
-  headAlign: n(),
-  name: n(),
-  width: s([Boolean, String]),
-  fixed: s([Boolean, String]),
-  thousandsSeparator: v(!0),
+  head: r(),
+  headAlign: r(),
+  name: r(),
+  width: u([Boolean, String]),
+  fixed: u([Boolean, String]),
+  thousandsSeparator: D(!0),
   precision: oe(-1),
-  percentage: v(!1)
+  percentage: D(!1)
 }), be = /* @__PURE__ */ C({
   name: "OQuerytableColumnNumber",
   inheritAttrs: !1,
   props: ye(),
-  setup(r, {
-    slots: p,
+  setup(n, {
+    slots: c,
     attrs: y,
-    emit: m,
+    emit: p,
     expose: b
   }) {
     return () => null;
   }
 }), Ce = () => ({
-  head: n(),
-  headAlign: n(),
-  name: n(),
-  width: s([Boolean, String]),
-  fixed: s([Boolean, String]),
+  head: r(),
+  headAlign: r(),
+  name: r(),
+  width: u([Boolean, String]),
+  fixed: u([Boolean, String]),
   // Date
-  format: n(),
-  sourceFormat: n()
+  format: r(),
+  sourceFormat: r()
 }), we = /* @__PURE__ */ C({
   name: "OQuerytableColumnDate",
   inheritAttrs: !1,
   props: Ce(),
-  setup(r, {
-    slots: p,
+  setup(n, {
+    slots: c,
     attrs: y,
-    emit: m,
+    emit: p,
     expose: b
   }) {
     return () => null;
   }
 }), Se = () => ({
-  head: n(),
-  headAlign: n(),
-  name: n(),
-  width: s([Boolean, String]),
-  fixed: s([Boolean, String]),
-  code: s([String, Array])
+  head: r(),
+  headAlign: r(),
+  name: r(),
+  width: u([Boolean, String]),
+  fixed: u([Boolean, String]),
+  code: u([String, Array])
 }), xe = /* @__PURE__ */ C({
   name: "OQuerytableColumnSingleselect",
   inheritAttrs: !1,
   props: Se(),
-  setup(r, {
-    slots: p,
+  setup(n, {
+    slots: c,
     attrs: y,
-    emit: m,
+    emit: p,
     expose: b
   }) {
     return () => null;
   }
 }), Ae = () => ({
-  head: n(),
-  headAlign: n(),
-  name: n(),
-  width: s([Boolean, String]),
-  fixed: s([Boolean, String]),
-  code: s([String, Array])
+  head: r(),
+  headAlign: r(),
+  name: r(),
+  width: u([Boolean, String]),
+  fixed: u([Boolean, String]),
+  code: u([String, Array])
 }), Oe = /* @__PURE__ */ C({
   name: "OQuerytableColumnMultiselect",
   inheritAttrs: !1,
   props: Ae(),
-  setup(r, {
-    slots: p,
+  setup(n, {
+    slots: c,
     attrs: y,
-    emit: m,
+    emit: p,
     expose: b
   }) {
     return () => null;
   }
 }), Qe = () => ({
-  head: n(),
-  headAlign: n(),
-  name: n(),
-  width: s([Boolean, String]),
-  fixed: s([Boolean, String])
+  head: r(),
+  headAlign: r(),
+  name: r(),
+  width: u([Boolean, String]),
+  fixed: u([Boolean, String])
 }), Be = /* @__PURE__ */ C({
   name: "OQuerytableColumnButtongroup",
   inheritAttrs: !1,
   props: Qe(),
   slots: Object,
-  setup(r, {
-    slots: p,
+  setup(n, {
+    slots: c,
     attrs: y,
-    emit: m,
+    emit: p,
     expose: b
   }) {
     return () => null;
   }
 });
-function ve(r) {
-  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !j(r);
+function ve(n) {
+  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !j(n);
 }
 const De = () => ({
-  type: n()
-}), Te = /* @__PURE__ */ C({
+  type: r()
+}), Re = /* @__PURE__ */ C({
   name: "OQuerytableCellButton",
   inheritAttrs: !1,
   props: De(),
   emits: ["click"],
-  setup(r, {
-    slots: p,
+  setup(n, {
+    slots: c,
     attrs: y,
-    emit: m,
+    emit: p,
     expose: b
   }) {
-    const O = (Q) => {
-      m("click", Q);
+    const O = (B) => {
+      p("click", B);
     };
     return () => {
-      var T;
+      var R;
       const {
-        type: Q
-      } = r, B = (T = p.default) == null ? void 0 : T.call(p);
+        type: B
+      } = n, v = (R = c.default) == null ? void 0 : R.call(c);
       return o(te, {
         link: !0,
-        type: Q,
+        type: B,
         size: "small",
         onClick: O
-      }, ve(B) ? B : {
-        default: () => [B]
+      }, ve(v) ? v : {
+        default: () => [v]
       });
     };
   }
-}), Ne = () => ({
-  head: n(),
-  headAlign: n()
-}), Re = /* @__PURE__ */ C({
+}), Te = () => ({
+  head: r(),
+  headAlign: r()
+}), Ne = /* @__PURE__ */ C({
   name: "OQuerytableColumngroup",
   inheritAttrs: !1,
-  props: Ne(),
-  setup(r, {
-    slots: p,
+  props: Te(),
+  setup(n, {
+    slots: c,
     attrs: y,
-    emit: m,
+    emit: p,
     expose: b
   }) {
     return () => null;
   }
 }), qe = () => ({
-  head: n(),
-  headAlign: n(),
-  name: n(),
-  width: s([Boolean, String]),
-  fixed: s([Boolean, String])
+  head: r(),
+  headAlign: r(),
+  name: r(),
+  width: u([Boolean, String]),
+  fixed: u([Boolean, String])
 }), Me = /* @__PURE__ */ C({
   name: "OQuerytableColumnDiy",
   inheritAttrs: !1,
   props: qe(),
   slots: Object,
-  setup(r, {
-    slots: p,
+  setup(n, {
+    slots: c,
     attrs: y,
-    emit: m,
+    emit: p,
     expose: b
   }) {
     return () => null;
   }
-}), Le = Z(ce, {
+}), Ue = Z(pe, {
   QuerytableColumnIndex: he,
   QuerytableColumnString: ge,
   QuerytableColumnNumber: be,
@@ -500,11 +503,11 @@ const De = () => ({
   QuerytableColumnSingleselect: xe,
   QuerytableColumnMultiselect: Oe,
   QuerytableColumnButtongroup: Be,
-  QuerytableCellButton: Te,
-  QuerytableColumngroup: Re,
+  QuerytableCellButton: Re,
+  QuerytableColumngroup: Ne,
   QuerytableColumnDiy: Me
 });
 export {
-  Le as default
+  Ue as default
 };
 //# sourceMappingURL=index.js.map