@gopowerteam/table-render 0.0.143 → 0.0.145

package/dist/es/index.mjs

@@ -1,22 +1,22 @@
 var ve = Object.defineProperty;
 var xe = (e, t, r) => t in e ? ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var S = (e, t, r) => (xe(e, typeof t != "symbol" ? t + "" : t, r), r);
-import { ref as h, getCurrentInstance as A, onMounted as z, onUpdated as Se, reactive as ke, createVNode as s, Fragment as I, createTextVNode as $, h as Ce, render as Te, defineComponent as E, isVNode as Me, mergeProps as ne, nextTick as X, getCurrentScope as Oe, onScopeDispose as _e, unref as Re, computed as O, watchEffect as $e, withDirectives as Ye, resolveDirective as ze, readonly as Ee } from "vue";
-import { Button as M, Tag as qe, Dropdown as Z, Descriptions as je, DescriptionsItem as Le, Divider as Pe, Space as p, Pagination as De, Transfer as Ae, Table as Ie } from "@arco-design/web-vue";
-import { useModal as q, onSubmit as Be, ModalProvider as Ke } from "@gopowerteam/modal-render";
-import { Workbook as We } from "exceljs";
+import { ref as h, getCurrentInstance as A, onMounted as E, onUpdated as Se, reactive as ke, createVNode as s, Fragment as B, createTextVNode as $, h as Ce, render as Te, defineComponent as q, isVNode as Me, mergeProps as ne, nextTick as X, getCurrentScope as Oe, onScopeDispose as _e, unref as Re, computed as O, watchEffect as $e, withDirectives as Ye, resolveDirective as Ee, readonly as qe } from "vue";
+import { Button as M, Tag as ze, Dropdown as Z, Descriptions as je, DescriptionsItem as Le, Divider as Pe, Space as p, Pagination as De, Transfer as Ae, Table as Be } from "@arco-design/web-vue";
+import { useModal as z, onSubmit as Ie, ModalProvider as Ke } from "@gopowerteam/modal-render";
+import * as We from "exceljs";
 import j from "dayjs";
 import { FormRender as ae } from "@gopowerteam/form-render";
-import { TableRenderResolver as ir } from "./resolver.mjs";
-function Ve(e, t, r) {
+import { TableRenderResolver as cr } from "./resolver.mjs";
+function Fe(e, t, r) {
   const [u, ...n] = t.index ? t.index.split(".").reverse() : [t.key], a = n.reverse().reduce((l, d) => l == null ? void 0 : l[d], e);
   a[u] = r;
 }
-function Fe(e) {
+function Ve(e) {
   const t = h([]), r = (n) => {
     const a = e.filter((l) => l.formatter);
     return a.length > 0 ? n.map((l) => (a.forEach((d) => {
-      d.formatter && Ve(l, d, d.formatter(l));
+      d.formatter && Fe(l, d, d.formatter(l));
     }), l)) : n;
   };
   return [t, (n) => {
@@ -30,14 +30,14 @@ function Ne(e) {
     ...typeof t.form == "boolean" ? {} : t.form
   }));
 }
-function nr(e) {
+function rr(e) {
   const t = A(), r = h();
   function u() {
     var a, l;
     const n = (l = (a = t == null ? void 0 : t.proxy) == null ? void 0 : a.$refs) == null ? void 0 : l[e];
     n && (r.value = n);
   }
-  return z(u), Se(u), r;
+  return E(u), Se(u), r;
 }
 function Ue(e) {
   return (t, r) => e[t](r);
@@ -114,7 +114,7 @@ function Y(e) {
 }
 function He(e) {
   return g("button", (r, u, n) => {
-    const a = q(), l = Array.isArray(e) ? e : "buttons" in e ? e.buttons : [e], d = (i, f) => typeof i == "function" ? i(r) : i === void 0 ? f : i;
+    const a = z(), l = Array.isArray(e) ? e : "buttons" in e ? e.buttons : [e], d = (i, f) => typeof i == "function" ? i(r) : i === void 0 ? f : i;
     async function m(i) {
       if (await (i.confirm === !0 ? new Promise((o) => {
         a.confirm({
@@ -130,7 +130,7 @@ function He(e) {
         }), !Y(o) && i.autoReload === !0 && n != null && n.emits && (n == null || n.emits("reload"));
       }
     }
-    return s(I, null, [l.filter((i) => d(i.visiable, !0)).map((i) => s(M, {
+    return s(B, null, [l.filter((i) => d(i.visiable, !0)).map((i) => s(M, {
       onClick: () => m(i),
       type: i.type || "text",
       shape: i.shape,
@@ -144,7 +144,7 @@ function He(e) {
     disableViewMode: !0
   });
 }
-const Qe = {
+const Je = {
   thousands: !0,
   inputUnit: "元",
   outputUnit: "元"
@@ -153,9 +153,9 @@ const Qe = {
   元: 10 ** 2,
   万: 10 ** 6
 };
-function Je(e) {
+function Qe(e) {
   e = {
-    ...Qe,
+    ...Je,
     ...e || {}
   };
   const t = (a) => {
@@ -271,7 +271,7 @@ function at(e) {
   const t = rt(e), r = nt(e);
   return g("dict", (n, a) => {
     const l = v(n, a);
-    return r ? s(qe, {
+    return r ? s(ze, {
       color: r === !0 ? void 0 : r
     }, {
       default: () => [t.get(l) || l]
@@ -279,7 +279,7 @@ function at(e) {
   });
 }
 function lt(e) {
-  const t = q();
+  const t = z();
   async function r(n, a) {
     n.confirm && !await new Promise((d, m) => {
       t.open("confirm", {
@@ -360,7 +360,7 @@ function dt(e) {
         alt: "image",
         style: i,
         src: o
-      }, null)]) : s(I, null, null);
+      }, null)]) : s(B, null, null);
     }
   });
 }
@@ -452,12 +452,12 @@ function vt() {
     render: ot,
     phone: st,
     image: dt,
-    currency: Je,
+    currency: Qe,
     date: et,
     button: He
   };
 }
-function B(e, t) {
+function I(e, t) {
   if (!(e != null && e.render))
     return;
   const r = e.render({
@@ -518,7 +518,7 @@ function kt(e, t, r, u) {
   const {
     render: n,
     disableColumnMode: a
-  } = B(e, {
+  } = I(e, {
     previewing: !1,
     emits: u
   }) || {};
@@ -542,7 +542,7 @@ function kt(e, t, r, u) {
     };
 }
 function Ct() {
-  return new We();
+  return new We.Workbook();
 }
 function Tt(e, t = "Sheet1") {
   return e.addWorksheet(t, {
@@ -578,7 +578,7 @@ function $t(e, t) {
   const r = {};
   return e.filter((n) => n.exportable !== !1).map((n) => ({
     options: n,
-    render: B(n),
+    render: I(n),
     content: typeof n.exportable == "object" ? n.exportable.content : void 0
   })).forEach((n) => {
     var d;
@@ -610,7 +610,7 @@ function Yt(e) {
       return 30;
   }
 }
-function zt(e, t, r) {
+function Et(e, t, r) {
   const u = e.filter((a) => a.exportable !== !1).map((a) => {
     var l, d;
     return {
@@ -625,9 +625,9 @@ function zt(e, t, r) {
     filename: r
   });
 }
-function Et() {
+function qt() {
   return {
-    exportExcel: zt
+    exportExcel: Et
   };
 }
 class K {
@@ -673,7 +673,7 @@ class K {
     return typeof t != "object" ? [] : (t instanceof K && (t = t.sort), Object.entries(t).map(([r, u]) => `${r},${u}`));
   }
 }
-const qt = 300;
+const zt = 300;
 function jt(e) {
   const t = e, r = t == null ? void 0 : t.querySelector(".arco-scrollbar-container.arco-table-body");
   if (!r)
@@ -682,7 +682,7 @@ function jt(e) {
   r.addEventListener("mousedown", () => {
     console.log("mousedown"), u = setTimeout(() => {
       u && (r.style.cursor = "grab", r.style.userSelect = "none", n = !0);
-    }, qt);
+    }, zt);
   }), r.addEventListener("mouseup", () => {
     clearTimeout(u), u && (u = void 0, n = !1, r.style.cursor = "", r.style.userSelect = "", a = void 0);
   }), r.addEventListener("mousemove", (l) => {
@@ -698,7 +698,7 @@ function jt(e) {
 function Lt(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Me(e);
 }
-const Pt = /* @__PURE__ */ E({
+const Pt = /* @__PURE__ */ q({
   props: {
     record: {
       type: Object,
@@ -734,7 +734,7 @@ const Pt = /* @__PURE__ */ E({
   setup(e) {
     const t = A(), r = h(0), u = e.columns.filter((a) => typeof a.visiable == "boolean" ? a.visiable : typeof a.visiable == "function" ? a.visiable() : !0).map((a) => ({
       options: a,
-      renderer: B(a, {
+      renderer: I(a, {
         previewing: !0
       })
     })).filter(({
@@ -752,7 +752,7 @@ const Pt = /* @__PURE__ */ E({
         r.value = Math.floor(l.offsetWidth / e.minWidth);
       }
     }
-    return z(() => {
+    return E(() => {
       n();
     }), () => {
       let a;
@@ -783,7 +783,7 @@ function Dt(e, t, {
   tableEvents: u
 }) {
   const n = e.refreshable || e.exportable || t.slots.actions, a = !!(r != null && r.length) && n;
-  return n || a ? () => s(I, null, [a && s(Pe, {
+  return n || a ? () => s(B, null, [a && s(Pe, {
     margin: 0
   }, null), n && s("div", {
     class: "table-actions",
@@ -837,7 +837,7 @@ function At(e, t, {
   }, e.formOptions), null)]) : () => {
   };
 }
-function It(e, t, {
+function Bt(e, t, {
   tableSource: r
 }) {
   const u = h([]);
@@ -901,7 +901,7 @@ function It(e, t, {
     reloadSelection: a
   };
 }
-function Bt(e) {
+function It(e) {
   return Oe() ? (_e(e), !0) : !1;
 }
 function D(e) {
@@ -917,18 +917,18 @@ function Wt(e, t) {
   return Number.isNaN(a) ? e : a + n;
 }
 const le = Kt ? window : void 0;
-function Vt() {
+function Ft() {
   const e = h(!1), t = A();
-  return t && z(() => {
+  return t && E(() => {
     e.value = !0;
   }, t), e;
 }
-function Ft(e) {
-  const t = Vt();
+function Vt(e) {
+  const t = Ft();
   return O(() => (t.value, !!e()));
 }
 function T(e, t = {}) {
-  const { window: r = le } = t, u = Ft(() => r && "matchMedia" in r && typeof r.matchMedia == "function");
+  const { window: r = le } = t, u = Vt(() => r && "matchMedia" in r && typeof r.matchMedia == "function");
   let n;
   const a = h(!1), l = (i) => {
     a.value = i.matches;
@@ -937,7 +937,7 @@ function T(e, t = {}) {
   }, m = $e(() => {
     u.value && (d(), n = r.matchMedia(D(e)), "addEventListener" in n ? n.addEventListener("change", l) : n.addListener(l), a.value = n.matches);
   });
-  return Bt(() => {
+  return It(() => {
     m(), d(), n = void 0;
   }), a;
 }
@@ -1032,7 +1032,7 @@ function Ut(e, t, {
   }, null)]) : () => {
   };
 }
-const Gt = /* @__PURE__ */ E({
+const Gt = /* @__PURE__ */ q({
   props: {
     collapsedColumns: {
       type: Array,
@@ -1040,12 +1040,12 @@ const Gt = /* @__PURE__ */ E({
     }
   },
   setup(e) {
-    const t = q(), r = h(e.collapsedColumns.map((n) => ({
+    const t = z(), r = h(e.collapsedColumns.map((n) => ({
       label: n.title,
       value: n.key,
       disabled: !1
     }))), u = h(e.collapsedColumns.filter((n) => n.collapsed).map((n) => n.key));
-    return Be(() => {
+    return Ie(() => {
       const n = e.collapsedColumns.map((a) => ({
         key: a.key,
         title: a.title,
@@ -1063,10 +1063,10 @@ const Gt = /* @__PURE__ */ E({
         justifyContent: "center"
       }
     }, {
-      default: () => [Ye(s("template", null, null), [[ze("slot"), "source"]])]
+      default: () => [Ye(s("template", null, null), [[Ee("slot"), "source"]])]
     })]);
   }
-}), Ht = /* @__PURE__ */ E({
+}), Ht = /* @__PURE__ */ q({
   props: {
     value: {
       type: Object,
@@ -1082,7 +1082,7 @@ const Gt = /* @__PURE__ */ E({
     }
   },
   setup(e) {
-    const t = q();
+    const t = z();
     function r(u) {
       e.onSubmit && e.onSubmit(u), t.close(u);
     }
@@ -1095,7 +1095,7 @@ const Gt = /* @__PURE__ */ E({
       onSubmit: r
     }, null)]);
   }
-}), Qt = /* @__PURE__ */ E({
+}), Jt = /* @__PURE__ */ q({
   props: {
     // 数据主键
     rowKey: {
@@ -1220,11 +1220,16 @@ const Gt = /* @__PURE__ */ E({
       type: Boolean,
       default: !0,
       required: !1
+    },
+    autoFill: {
+      type: Boolean,
+      default: !1,
+      required: !1
     }
   },
   expose: ["preview", "export", "edit", "reload", "tableSource", "formSource", "update:radio-key", "update:radio-row", "update:checkbox-keys", "update:checkbox-rows", "formInstance", "resetSelection", "reloadSelection", "reloadColumns", "change"],
   setup(e, t) {
-    const r = Math.random().toString(32).slice(2).toUpperCase(), u = h(), n = h(), a = h(), l = h(), [d, m] = Fe(e.columns), i = h(!1), f = e.form ?? Ne(e.columns), o = _(), y = ue(), w = h(e.columns.map((c) => ({
+    const r = Math.random().toString(32).slice(2).toUpperCase(), u = h(), n = h(), a = h(), l = h(), [d, m] = Ve(e.columns), i = h(!1), f = e.form ?? Ne(e.columns), o = _(), y = ue(), w = h(e.columns.map((c) => ({
       key: c.key,
       title: c.title,
       collapsed: !!c.collapsed
@@ -1264,10 +1269,10 @@ const Gt = /* @__PURE__ */ E({
     function W(c) {
       const {
         exportExcel: b
-      } = Et();
+      } = qt();
       b((c == null ? void 0 : c.columns) || e.columns, (c == null ? void 0 : c.source) || d.value, (c == null ? void 0 : c.filename) || (typeof e.exportable == "object" ? e.exportable.filename : void 0));
     }
-    function V(c) {
+    function F(c) {
       let b;
       switch (!0) {
         case !!(c != null && c.key):
@@ -1287,7 +1292,7 @@ const Gt = /* @__PURE__ */ E({
         mode: (c == null ? void 0 : c.mode) || "dialog"
       });
     }
-    function F(c) {
+    function V(c) {
       let b;
       switch (!0) {
         case !!(c != null && c.key):
@@ -1311,15 +1316,15 @@ const Gt = /* @__PURE__ */ E({
       });
     }
     function L(c) {
-      var H, Q;
+      var H, J;
       if (!e.dataLoad)
         return;
       c != null && c.reset && (o && o.reset(), y && y.reset(), (H = u.value) == null || H.resetSorters());
       const b = {
-        ...((Q = n.value) == null ? void 0 : Q.formSource) || {}
+        ...((J = n.value) == null ? void 0 : J.formSource) || {}
       };
-      Object.keys(b).forEach((J) => {
-        [null, void 0, ""].includes(b[J]) && delete b[J];
+      Object.keys(b).forEach((Q) => {
+        [null, void 0, ""].includes(b[Q]) && delete b[Q];
       });
       const k = e.dataLoad({
         form: b,
@@ -1353,9 +1358,9 @@ const Gt = /* @__PURE__ */ E({
       }
     }, C = Ue({
       reload: L,
-      preview: V,
+      preview: F,
       export: W,
-      edit: F,
+      edit: V,
       collapse: de
     });
     function ie(c, b) {
@@ -1382,7 +1387,7 @@ const Gt = /* @__PURE__ */ E({
       onSelectAll: be,
       reloadSelection: ye,
       resetSelection: he
-    } = It(e, t, R), ge = O(() => ({
+    } = Bt(e, t, R), ge = O(() => ({
       rowKey: e.rowKey,
       size: e.size,
       bordered: e.bordered,
@@ -1411,7 +1416,7 @@ const Gt = /* @__PURE__ */ E({
         events: C
       });
     }
-    return z(() => {
+    return E(() => {
       l.value && (l.value.id = `table-${r}`), e.autoLoad && L(), e.grabbable && l.value && jt(l.value);
     }), {
       tableId: r,
@@ -1424,14 +1429,14 @@ const Gt = /* @__PURE__ */ E({
       tableLoading: i,
       modalInstance: a,
       tableRenderElement: l,
-      formSource: Ee(O(() => {
+      formSource: qe(O(() => {
         var c;
         return (c = n == null ? void 0 : n.value) == null ? void 0 : c.formSource;
       })),
       formInstance: n,
       reload: L,
-      preview: V,
-      edit: F,
+      preview: F,
+      edit: V,
       export: W,
       onSorterChange: ie,
       onTableChange: ce,
@@ -1455,7 +1460,9 @@ const Gt = /* @__PURE__ */ E({
     this.reloadColumns();
     const e = () => s("div", {
       class: "table-body"
-    }, [s(Ie, ne({
+    }, [s("div", {
+      class: "table-body-wrapper"
+    }, [s(Be, ne({
       loading: this.tableLoading,
       data: this.tableSource,
       columns: this.tableColumns,
@@ -1467,9 +1474,12 @@ const Gt = /* @__PURE__ */ E({
       onSorterChange: this.onSorterChange,
       selectedKeys: this.tableSelection.selectedRowKeys.value,
       "onUpdate:selectedKeys": (t) => this.tableSelection.selectedRowKeys.value = t
-    }, this.tableOptions), null)]);
+    }, this.tableOptions), null)])]);
     return s("div", {
-      class: "table-render",
+      class: {
+        "table-render": !0,
+        "auto-fill": this.autoFill
+      },
       ref: (t) => this.tableRenderElement = t
     }, [s(Ke, {
       ref: (t) => this.modalInstance = t
@@ -1480,23 +1490,23 @@ const Gt = /* @__PURE__ */ E({
     })]);
   }
 });
-function ar(e) {
+function nr(e) {
   return e;
 }
-function lr(e) {
+function ar(e) {
   return e;
 }
-const ur = {
+const lr = {
   install(e, t) {
-    e.component("TableRender", Qt);
+    e.component("TableRender", Jt);
   }
 };
 export {
-  Qt as TableRender,
-  ir as TableRenderResolver,
-  ur as default,
-  ar as defineColumns,
-  lr as defineTableLoad,
+  Jt as TableRender,
+  cr as TableRenderResolver,
+  lr as default,
+  nr as defineColumns,
+  ar as defineTableLoad,
   Ue as useEvents,
-  nr as useTable
+  rr as useTable
 };

package/dist/es/table-render/index.d.ts

@@ -141,6 +141,11 @@ export declare const TableRender: import('vue').DefineComponent<{
         default: boolean;
         required: false;
     };
+    autoFill: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
 }, {
     tableId: string;
     tableInstance: Ref<import('vue').CreateComponentPublicInstance<Readonly<{
@@ -1689,6 +1694,11 @@ export declare const TableRender: import('vue').DefineComponent<{
         default: boolean;
         required: false;
     };
+    autoFill: {
+        type: BooleanConstructor;
+        default: boolean;
+        required: false;
+    };
 }>>, {
     autoLoad: boolean;
     size: "mini" | "small" | "medium" | "large";
@@ -1708,6 +1718,7 @@ export declare const TableRender: import('vue').DefineComponent<{
     stripe: boolean;
     columnsGroups: ColumnsGroup[];
     grabbable: boolean;
+    autoFill: boolean;
 }, {}>;
 export type TableRenderInstance = InstanceType<typeof TableRender>;
 export type TableRenderProps = TableRenderInstance['$props'];