@gopowerteam/table-render 0.0.152 → 0.0.154

package/dist/es/index.mjs

@@ -1,13 +1,13 @@
 var Oe = Object.defineProperty;
 var Re = (e, t, r) => t in e ? Oe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var M = (e, t, r) => (Re(e, typeof t != "symbol" ? t + "" : t, r), r);
-import { ref as g, getCurrentInstance as F, onMounted as z, onUpdated as Ee, reactive as je, createVNode as s, Fragment as K, createTextVNode as q, getCurrentScope as $e, onScopeDispose as Le, unref as Pe, readonly as fe, computed as R, watchEffect as qe, watch as Ye, h as ze, render as Ae, defineComponent as A, isVNode as Be, mergeProps as se, nextTick as re, withDirectives as De, resolveDirective as Ie } from "vue";
-import { Button as L, Tag as Ve, Dropdown as ne, Message as Fe, Descriptions as Ke, DescriptionsItem as We, Divider as He, Space as ae, Pagination as Ne, Transfer as Ue, Table as Ge } from "@arco-design/web-vue";
-import { useModal as B, onSubmit as Je, ModalProvider as Qe } from "@gopowerteam/modal-render";
+var _ = (e, t, r) => (Re(e, typeof t != "symbol" ? t + "" : t, r), r);
+import { ref as g, getCurrentInstance as F, onMounted as A, onUpdated as $e, reactive as Ee, createVNode as s, Fragment as K, createTextVNode as Y, getCurrentScope as je, onScopeDispose as Le, unref as Pe, readonly as fe, computed as E, watchEffect as qe, watch as Ye, h as ze, render as Ae, defineComponent as B, isVNode as Be, mergeProps as se, nextTick as re, withDirectives as De, resolveDirective as Ie } from "vue";
+import { Button as P, Tag as Ve, Dropdown as ne, Message as Fe, Descriptions as Ke, DescriptionsItem as We, Divider as He, Space as ae, Pagination as Ne, Transfer as Ue, Table as Ge } from "@arco-design/web-vue";
+import { useModal as D, onSubmit as Je, ModalProvider as Qe } from "@gopowerteam/modal-render";
 import * as Xe from "exceljs";
-import D from "dayjs";
+import I from "dayjs";
 import { FormRender as oe } from "@gopowerteam/form-render";
-import { TableRenderResolver as Cr } from "./resolver.mjs";
+import { TableRenderResolver as xr } from "./resolver.mjs";
 function Ze(e, t, r) {
   const [u, ...a] = t.index ? t.index.split(".").reverse() : [t.key], n = a.reverse().reduce((l, c) => l == null ? void 0 : l[c], e);
   n[u] = r;
@@ -30,14 +30,14 @@ function et(e) {
     ...typeof t.form == "boolean" ? {} : t.form
   }));
 }
-function yr(e) {
+function hr(e) {
   const t = F(), r = g();
   function u() {
     var n, l;
     const a = (l = (n = t == null ? void 0 : t.proxy) == null ? void 0 : n.$refs) == null ? void 0 : l[e];
     a && (r.value = a);
   }
-  return z(u), Ee(u), r;
+  return A(u), $e(u), r;
 }
 function tt(e) {
   return (t, r) => e[t](r);
@@ -49,13 +49,13 @@ class V {
    * @param size
    */
   constructor(t = 1, r = 10) {
-    M(this, "data", je({
+    _(this, "data", Ee({
       index: 1,
       size: 10,
       total: 0
     }));
-    M(this, "pageSizeOpts", [10, 20, 30, 40, 50]);
-    M(this, "pageLayouts", ["PrevJump", "PrevPage", "JumpNumber", "NextPage", "NextJump", "Sizes", "FullJump", "Total"]);
+    _(this, "pageSizeOpts", [10, 20, 30, 40, 50]);
+    _(this, "pageLayouts", ["PrevJump", "PrevPage", "JumpNumber", "NextPage", "NextJump", "Sizes", "FullJump", "Total"]);
     this.pageIndex = t, this.pageSize = r;
   }
   get pageIndex() {
@@ -103,18 +103,18 @@ class V {
   }
 }
 const rt = Symbol.for("RenderColumnType");
-function x(e, t, r) {
+function k(e, t, r) {
   return t.$type = e, t.$disableColumnMode = r == null ? void 0 : r.disableColumnMode, t.$disableViewMode = r == null ? void 0 : r.disableViewMode, t;
 }
 function S(e, t) {
   return t.index ? t.index.split(".").reduce((r, u) => r == null ? void 0 : r[u], e) : [t.key].reduce((r, u) => r == null ? void 0 : r[u], e);
 }
-function Y(e) {
+function z(e) {
   return !!e && (typeof e == "object" || typeof e == "function") && typeof e.then == "function";
 }
 function nt(e) {
-  return x("button", (r, u, a) => {
-    const n = B(), l = Array.isArray(e) ? e : "buttons" in e ? e.buttons : [e], c = (f, d) => typeof f == "function" ? f(r) : f === void 0 ? d : f;
+  return k("button", (r, u, a) => {
+    const n = D(), l = Array.isArray(e) ? e : "buttons" in e ? e.buttons : [e], c = (f, d) => typeof f == "function" ? f(r) : f === void 0 ? d : f;
     async function m(f) {
       if (await (f.confirm === !0 ? new Promise((o) => {
         n.confirm({
@@ -125,12 +125,12 @@ function nt(e) {
         });
       }) : Promise.resolve(!0)) && (f != null && f.onClick)) {
         const o = f.onClick(r);
-        Y(o) && f.autoReload !== !1 && o.then(() => {
+        z(o) && f.autoReload !== !1 && o.then(() => {
           a != null && a.emits && (a == null || a.emits("reload"));
-        }), !Y(o) && f.autoReload === !0 && a != null && a.emits && (a == null || a.emits("reload"));
+        }), !z(o) && f.autoReload === !0 && a != null && a.emits && (a == null || a.emits("reload"));
       }
     }
-    return s(K, null, [l.filter((f) => c(f.visiable, !0)).map((f) => s(L, {
+    return s(K, null, [l.filter((f) => c(f.visiable, !0)).map((f) => s(P, {
       onClick: () => m(f),
       type: f.type || "text",
       shape: f.shape,
@@ -178,7 +178,7 @@ function lt(e) {
     const l = t(Number(n));
     return e != null && e.thousands ? r(l) : l;
   };
-  return x("dict", (n, l) => {
+  return k("dict", (n, l) => {
     const c = S(n, l);
     return s("div", null, [typeof (e == null ? void 0 : e.prefix) == "string" ? s("span", null, [e.prefix]) : typeof (e == null ? void 0 : e.prefix) == "function" ? s("span", null, [e.prefix()]) : void 0, s("span", {
       class: "currency_value"
@@ -188,7 +188,7 @@ function lt(e) {
 var ut = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ct = { exports: {} };
 (function(e, t) {
   (function(r, u) {
-    e.exports = u(D);
+    e.exports = u(I);
   })(ut, function(r) {
     function u(l) {
       return l && typeof l == "object" && "default" in l ? l : {
@@ -242,7 +242,7 @@ var ut = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     return a.default.locale(n, null, !0), n;
   });
 })(ct);
-D.locale("zh-cn");
+I.locale("zh-cn");
 const it = {
   date: "YYYY-MM-DD",
   datetime: "YYYY-MM-DD HH:mm:ss",
@@ -250,8 +250,8 @@ const it = {
   week: "ddd"
 };
 function dt(e) {
-  return x("date", (r, u) => {
-    const a = S(r, u), n = typeof (e == null ? void 0 : e.format) == "function" ? e == null ? void 0 : e.format() : it[(e == null ? void 0 : e.format) || "datetime"], l = D(a);
+  return k("date", (r, u) => {
+    const a = S(r, u), n = typeof (e == null ? void 0 : e.format) == "function" ? e == null ? void 0 : e.format() : it[(e == null ? void 0 : e.format) || "datetime"], l = I(a);
     return s("span", null, [l.isValid() && l.format(n)]);
   });
 }
@@ -269,7 +269,7 @@ function ot(e) {
 }
 function mt(e) {
   const t = st(e), r = ot(e);
-  return x("dict", (a, n) => {
+  return k("dict", (a, n) => {
     const l = S(a, n);
     return r ? s(Ve, {
       color: r === !0 ? void 0 : r
@@ -279,7 +279,7 @@ function mt(e) {
   });
 }
 function yt(e) {
-  const t = B();
+  const t = D();
   async function r(a, n) {
     a.confirm && !await new Promise((c, m) => {
       t.open("confirm", {
@@ -290,12 +290,12 @@ function yt(e) {
       });
     }) || a.onClick(n);
   }
-  return x("dropdown", (a, n) => {
+  return k("dropdown", (a, n) => {
     const l = e.options.filter((c) => typeof c.visiable == "function" ? c.visiable(a) : c.visiable !== !1);
     return s(ne, {
       trigger: (e == null ? void 0 : e.trigger) || "click"
     }, {
-      default: () => s(L, {
+      default: () => s(P, {
         disabled: l.length === 0,
         type: "text"
       }, {
@@ -309,12 +309,12 @@ function yt(e) {
     });
   });
 }
-const bt = {
+const ht = {
   size: 30
 };
-function ht(e) {
+function bt(e) {
   e = {
-    ...bt,
+    ...ht,
     ...e || {}
   };
   function t(a, n) {
@@ -329,7 +329,7 @@ function ht(e) {
     const n = document.getElementById(`IMAGE_${a}_PREVIEW`);
     n == null || n.remove();
   }
-  return x("image", (a, n, l) => {
+  return k("image", (a, n, l) => {
     const c = S(a, n), m = Math.random().toString(32).slice(2).toUpperCase(), f = {
       maxWidth: "100%",
       maxHeight: "100%",
@@ -340,10 +340,10 @@ function ht(e) {
     }, d = `${n.index || n.key}_parsed`;
     if (e != null && e.parse) {
       const o = e == null ? void 0 : e.parse(c, a);
-      Y(o) ? o.then((y) => a[d] = y ?? "") : a[d] = o ?? "";
+      z(o) ? o.then((y) => a[d] = y ?? "") : a[d] = o ?? "";
     }
     if (e != null && e.parse && !a[d] === void 0)
-      return s("div", null, [q("Loading...")]);
+      return s("div", null, [Y("Loading...")]);
     {
       const o = a[d] || c;
       return o ? s("div", {
@@ -365,9 +365,9 @@ function ht(e) {
   });
 }
 function W(e) {
-  return $e() ? (Le(e), !0) : !1;
+  return je() ? (Le(e), !0) : !1;
 }
-function _(e) {
+function O(e) {
   return typeof e == "function" ? e() : Pe(e);
 }
 const H = typeof window < "u" && typeof document < "u";
@@ -405,7 +405,7 @@ function kt(e, t, r = {}) {
   function m(...f) {
     l(), a.value = !0, n = setTimeout(() => {
       a.value = !1, n = null, e(...f);
-    }, _(t));
+    }, O(t));
   }
   return u && (a.value = !0, H && m()), W(c), {
     isPending: fe(a),
@@ -415,7 +415,7 @@ function kt(e, t, r = {}) {
 }
 function St(e) {
   var t;
-  const r = _(e);
+  const r = O(e);
   return (t = r == null ? void 0 : r.$el) != null ? t : r;
 }
 const N = H ? window : void 0, me = H ? window.navigator : void 0;
@@ -426,14 +426,14 @@ function ye(...e) {
   Array.isArray(r) || (r = [r]), Array.isArray(u) || (u = [u]);
   const n = [], l = () => {
     n.forEach((d) => d()), n.length = 0;
-  }, c = (d, o, y, h) => (d.addEventListener(o, y, h), () => d.removeEventListener(o, y, h)), m = Ye(
-    () => [St(t), _(a)],
+  }, c = (d, o, y, b) => (d.addEventListener(o, y, b), () => d.removeEventListener(o, y, b)), m = Ye(
+    () => [St(t), O(a)],
     ([d, o]) => {
       if (l(), !d)
         return;
       const y = wt(o) ? { ...o } : o;
       n.push(
-        ...r.flatMap((h) => u.map((C) => c(d, h, C, y)))
+        ...r.flatMap((b) => u.map((v) => c(d, b, v, y)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -444,15 +444,15 @@ function ye(...e) {
 }
 function Tt() {
   const e = g(!1), t = F();
-  return t && z(() => {
+  return t && A(() => {
     e.value = !0;
   }, t), e;
 }
 function U(e) {
   const t = Tt();
-  return R(() => (t.value, !!e()));
+  return E(() => (t.value, !!e()));
 }
-function $(e, t = {}) {
+function L(e, t = {}) {
   const { window: r = N } = t, u = U(() => r && "matchMedia" in r && typeof r.matchMedia == "function");
   let a;
   const n = g(!1), l = (f) => {
@@ -460,7 +460,7 @@ function $(e, t = {}) {
   }, c = () => {
     a && ("removeEventListener" in a ? a.removeEventListener("change", l) : a.removeListener(l));
   }, m = qe(() => {
-    u.value && (c(), a = r.matchMedia(_(e)), "addEventListener" in a ? a.addEventListener("change", l) : a.addListener(l), n.value = a.matches);
+    u.value && (c(), a = r.matchMedia(O(e)), "addEventListener" in a ? a.addEventListener("change", l) : a.addListener(l), n.value = a.matches);
   });
   return W(() => {
     m(), c(), a = void 0;
@@ -468,33 +468,33 @@ function $(e, t = {}) {
 }
 function Mt(e, t = {}) {
   function r(d, o) {
-    let y = _(e[_(d)]);
+    let y = O(e[O(d)]);
     return o != null && (y = xt(y, o)), typeof y == "number" && (y = `${y}px`), y;
   }
   const { window: u = N, strategy: a = "min-width" } = t;
   function n(d) {
     return u ? u.matchMedia(d).matches : !1;
   }
-  const l = (d) => $(() => `(min-width: ${r(d)})`, t), c = (d) => $(() => `(max-width: ${r(d)})`, t), m = Object.keys(e).reduce((d, o) => (Object.defineProperty(d, o, {
+  const l = (d) => L(() => `(min-width: ${r(d)})`, t), c = (d) => L(() => `(max-width: ${r(d)})`, t), m = Object.keys(e).reduce((d, o) => (Object.defineProperty(d, o, {
     get: () => a === "min-width" ? l(o) : c(o),
     enumerable: !0,
     configurable: !0
   }), d), {});
   function f() {
     const d = Object.keys(e).map((o) => [o, l(o)]);
-    return R(() => d.filter(([, o]) => o.value).map(([o]) => o));
+    return E(() => d.filter(([, o]) => o.value).map(([o]) => o));
   }
   return Object.assign(m, {
     greaterOrEqual: l,
     smallerOrEqual: c,
     greater(d) {
-      return $(() => `(min-width: ${r(d, 0.1)})`, t);
+      return L(() => `(min-width: ${r(d, 0.1)})`, t);
     },
     smaller(d) {
-      return $(() => `(max-width: ${r(d, -0.1)})`, t);
+      return L(() => `(max-width: ${r(d, -0.1)})`, t);
     },
     between(d, o) {
-      return $(() => `(min-width: ${r(d)}) and (max-width: ${r(o, -0.1)})`, t);
+      return L(() => `(min-width: ${r(d)}) and (max-width: ${r(o, -0.1)})`, t);
     },
     isGreater(d) {
       return n(`(min-width: ${r(d, 0.1)})`);
@@ -514,7 +514,7 @@ function Mt(e, t = {}) {
     current: f,
     active() {
       const d = f();
-      return R(() => d.value.length === 0 ? "" : d.value.at(-1));
+      return E(() => d.value.length === 0 ? "" : d.value.at(-1));
     }
   });
 }
@@ -550,32 +550,32 @@ function _t(e = {}) {
     source: u,
     copiedDuring: a = 1500,
     legacy: n = !1
-  } = e, l = U(() => t && "clipboard" in t), c = ue("clipboard-read"), m = ue("clipboard-write"), f = R(() => l.value || n), d = g(""), o = g(!1), y = kt(() => o.value = !1, a);
-  function h() {
-    l.value && E(c.value) ? t.clipboard.readText().then((w) => {
+  } = e, l = U(() => t && "clipboard" in t), c = ue("clipboard-read"), m = ue("clipboard-write"), f = E(() => l.value || n), d = g(""), o = g(!1), y = kt(() => o.value = !1, a);
+  function b() {
+    l.value && T(c.value) ? t.clipboard.readText().then((w) => {
       d.value = w;
-    }) : d.value = I();
+    }) : d.value = R();
   }
-  f.value && r && ye(["copy", "cut"], h);
-  async function C(w = _(u)) {
-    f.value && w != null && (l.value && E(m.value) ? await t.clipboard.writeText(w) : k(w), d.value = w, o.value = !0, y.start());
+  f.value && r && ye(["copy", "cut"], b);
+  async function v(w = O(u)) {
+    f.value && w != null && (l.value && T(m.value) ? await t.clipboard.writeText(w) : C(w), d.value = w, o.value = !0, y.start());
   }
-  function k(w) {
-    const v = document.createElement("textarea");
-    v.value = w ?? "", v.style.position = "absolute", v.style.opacity = "0", document.body.appendChild(v), v.select(), document.execCommand("copy"), v.remove();
+  function C(w) {
+    const x = document.createElement("textarea");
+    x.value = w ?? "", x.style.position = "absolute", x.style.opacity = "0", document.body.appendChild(x), x.select(), document.execCommand("copy"), x.remove();
   }
-  function I() {
-    var w, v, O;
-    return (O = (v = (w = document == null ? void 0 : document.getSelection) == null ? void 0 : w.call(document)) == null ? void 0 : v.toString()) != null ? O : "";
+  function R() {
+    var w, x, $;
+    return ($ = (x = (w = document == null ? void 0 : document.getSelection) == null ? void 0 : w.call(document)) == null ? void 0 : x.toString()) != null ? $ : "";
   }
-  function E(w) {
+  function T(w) {
     return w === "granted" || w === "prompt";
   }
   return {
     isSupported: f,
     text: d,
     copied: o,
-    copy: C
+    copy: v
   };
 }
 const Ot = " ";
@@ -585,38 +585,41 @@ function Rt(e) {
 function ce(e, t) {
   return e == null ? void 0 : e.replace(/\*/g, "M").replace(/\B(?=(?:\S{4})+$)/g, t ?? Ot).replace(/M/g, "*");
 }
-function Et(e) {
+function $t(e) {
   const t = _t();
-  return x("phone", (u, a) => {
-    const n = Math.random().toString(36).slice(2), l = S(u, a), c = ce(Rt(l), e == null ? void 0 : e.separator), m = ce(l, e == null ? void 0 : e.separator);
-    function f() {
-      window.focus(), t.copy(l).then(() => {
+  return k("phone", (u, a) => {
+    const n = Math.random().toString(36).slice(2), l = "__table__column_phone__", c = S(u, a), m = ce(Rt(c), e == null ? void 0 : e.separator), f = ce(c, e == null ? void 0 : e.separator);
+    function d() {
+      window.focus(), t.copy(c).then(() => {
         Fe.success({
           content: "复制成功",
           duration: 1e3
         });
       });
     }
-    function d() {
-      const C = document.getElementById(n);
-      C && (C.innerHTML = m);
-    }
     function o() {
-      window.open(`tel:${l}`, "_blank");
+      const C = document.getElementById(n), R = document.querySelectorAll(`.${l}`);
+      R.length > 0 && R.forEach((T) => {
+        T.innerHTML = m;
+      }), C && (C.innerHTML = f);
     }
-    const y = 16, h = `cursor:pointer;width:${y}px;height:${y}px;`;
+    function y() {
+      window.open(`tel:${c}`, "_blank");
+    }
+    const b = 16, v = `cursor:pointer;width:${b}px;height:${b}px;`;
     return s("div", {
       style: "display:flex;align-items:center;gap:4px;"
     }, [s("div", {
+      class: l,
       id: n,
       style: "use-select:none;font-family: monospace;cursor:pointer;font-variant-numeric: tabular-nums;padding-right: 2px;"
-    }, [e != null && e.safe ? c : m]), (e == null ? void 0 : e.safe) && (e == null ? void 0 : e.allowPreview) && s("i", {
+    }, [e != null && e.safe ? m : f]), (e == null ? void 0 : e.safe) && (e == null ? void 0 : e.allowPreview) && s("i", {
       title: "显示完整号码",
-      style: h,
-      onClick: d
+      style: v,
+      onClick: o
     }, [s("svg", {
-      width: y,
-      height: y,
+      width: b,
+      height: b,
       viewBox: "0 0 48 48",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
@@ -633,12 +636,12 @@ function Et(e) {
       "stroke-width": "4",
       "stroke-linejoin": "round"
     }, null)])]), (e == null ? void 0 : e.allowDial) && s("i", {
-      style: h,
+      style: v,
       title: "拨出号码",
-      onClick: o
+      onClick: y
     }, [s("svg", {
-      width: y,
-      height: y,
+      width: b,
+      height: b,
       viewBox: "0 0 48 48",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
@@ -661,12 +664,12 @@ function Et(e) {
       "stroke-width": "4",
       "stroke-linejoin": "round"
     }, null)])]), (e == null ? void 0 : e.allowCopy) && s("i", {
-      style: h,
+      style: v,
       title: "复制号码",
-      onClick: f
+      onClick: d
     }, [s("svg", {
-      width: y,
-      height: y,
+      width: b,
+      height: b,
       viewBox: "0 0 48 48",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
@@ -685,11 +688,11 @@ function Et(e) {
     }, null)])])]);
   });
 }
-function jt(e) {
-  return x("render", (r) => e(r));
+function Et(e) {
+  return k("render", (r) => e(r));
 }
-function $t(e) {
-  return x("tag", (r, u) => {
+function jt(e) {
+  return k("tag", (r, u) => {
     const a = (e == null ? void 0 : e.maxCount) || 5, n = e != null && e.formatter ? e.formatter(r) : S(r, u), l = (e == null ? void 0 : e.textColors) || ["#F87335"], c = (e == null ? void 0 : e.backgroundColors) || ["#FFF4E8"], m = n.length > a, f = e == null ? void 0 : e.minWidth;
     return s("div", {
       style: {
@@ -697,7 +700,7 @@ function $t(e) {
         flexWrap: "wrap"
       }
     }, [n.slice(0, a).map((d, o) => {
-      const y = typeof l == "function" ? l(d, o) : l[o % l.length], h = typeof c == "function" ? c(d, o) : c[o % c.length];
+      const y = typeof l == "function" ? l(d, o) : l[o % l.length], b = typeof c == "function" ? c(d, o) : c[o % c.length];
       return s("span", {
         style: {
           minWidth: f ? `${f}px` : "unset",
@@ -707,7 +710,7 @@ function $t(e) {
           border: `solid 2px ${e != null && e.border ? y : "transparent"}`,
           borderRadius: `${(e == null ? void 0 : e.radius) || 0}px`,
           color: y,
-          backgroundColor: h
+          backgroundColor: b
         }
       }, [d]);
     }), m && "..."]);
@@ -741,32 +744,47 @@ function Yt(e, t) {
   return u && (r += `color:${u};`), a && (r += `font-size:${a};`), r;
 }
 function zt(e) {
-  return x("text", (r, u) => {
+  return k("text", (r, u) => {
     const a = Lt(e || {}, u, r), n = Yt(e || {}, r);
     return s("span", {
       style: n
     }, [a]);
   });
 }
-function At() {
+function At(e) {
+  const t = (e == null ? void 0 : e.backgroundColor) ?? "#f5f5f5", r = (e == null ? void 0 : e.foregroundColor) ?? "#1677ff", u = (e == null ? void 0 : e.showText) ?? !0, a = (e == null ? void 0 : e.textColor) ?? "#000";
+  return k("progress", (l, c) => {
+    var y;
+    const m = S(l, c), f = (e == null ? void 0 : e.precision) ?? 0, d = Math.min(Math.max(((y = e == null ? void 0 : e.format) == null ? void 0 : y.call(e, m)) ?? m, 0), 1), o = u ? `${(d * 100).toFixed(f)}%` : "";
+    return s("div", {
+      style: `background-color:${t};position:relative;min-height: 20px;text-align: center;border-radius: 2px;overflow:hidden;`
+    }, [s("div", {
+      style: `background-color: ${r};position:absolute;left:0;top:0;right;0;width: ${o};height: 100%;`
+    }, null), u && s("div", {
+      style: `position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:${a}`
+    }, [o])]);
+  });
+}
+function Bt() {
   return {
     dropdown: yt,
     text: zt,
     dict: mt,
-    tag: $t,
-    render: jt,
-    phone: Et,
-    image: ht,
+    tag: jt,
+    render: Et,
+    phone: $t,
+    image: bt,
     currency: lt,
     date: dt,
-    button: nt
+    button: nt,
+    progress: At
   };
 }
 function G(e, t) {
   if (!(e != null && e.render))
     return;
   const r = e.render({
-    ...At()
+    ...Bt()
     // ...(Table?.$override?.table || {}),
   });
   return {
@@ -791,10 +809,10 @@ function de({
   const l = e.map((c) => ({
     ...t || {},
     ...c
-  })).map((c) => It(c, u, a, n)).filter(Boolean);
-  return Dt(l, r);
+  })).map((c) => Vt(c, u, a, n)).filter(Boolean);
+  return It(l, r);
 }
-function Bt(e, t) {
+function Dt(e, t) {
   const r = [], u = (n) => {
     if ("children" in n && (n.children = n.children.map(u)), "key" in n) {
       const l = t.find((c) => {
@@ -814,12 +832,12 @@ function Bt(e, t) {
     }), t.splice(n, 0, a);
   }
 }
-function Dt(e, t = []) {
+function It(e, t = []) {
   return t.forEach((r) => {
-    Bt(r, e);
+    Dt(r, e);
   }), e;
 }
-function It(e, t, r, u) {
+function Vt(e, t, r, u) {
   const {
     render: a,
     disableColumnMode: n
@@ -846,10 +864,10 @@ function It(e, t, r, u) {
       render: a
     };
 }
-function Vt() {
+function Ft() {
   return new Xe.Workbook();
 }
-function Ft(e, t = "Sheet1") {
+function Kt(e, t = "Sheet1") {
   return e.addWorksheet(t, {
     headerFooter: {
       firstHeader: "",
@@ -857,29 +875,29 @@ function Ft(e, t = "Sheet1") {
     }
   });
 }
-function Kt(e, t) {
+function Wt(e, t) {
   e.columns = t;
 }
-function Wt(e, t) {
+function Ht(e, t) {
   e.addRows(t);
 }
-async function Ht({
+async function Nt({
   columns: e,
   rows: t,
   filename: r
 }) {
-  const u = Vt(), a = Ft(u);
-  Kt(a, e), Wt(a, t);
+  const u = Ft(), a = Kt(u);
+  Wt(a, e), Ht(a, t);
   const n = await u.xlsx.writeBuffer(), l = new Blob([n]);
-  Nt(l, r || `${D().format("YYYY-MM-DD HH:mm:ss")}.xlsx`);
+  Ut(l, r || `${I().format("YYYY-MM-DD HH:mm:ss")}.xlsx`);
 }
-function Nt(e, t) {
+function Ut(e, t) {
   const r = document.createElement("a");
   r.download = t || "download", r.href = URL.createObjectURL(e), r.click(), setTimeout(() => {
     URL.revokeObjectURL(r.href);
   }, 1e3);
 }
-function Ut(e, t) {
+function Gt(e, t) {
   const r = {};
   return e.filter((a) => a.exportable !== !1).map((a) => ({
     options: a,
@@ -905,7 +923,7 @@ function Ut(e, t) {
     r[a.options.key] = l();
   }), r;
 }
-function Gt(e) {
+function Jt(e) {
   switch (!0) {
     case typeof e == "number":
       return e / 6;
@@ -915,31 +933,31 @@ function Gt(e) {
       return 30;
   }
 }
-function Jt(e, t, r) {
+function Qt(e, t, r) {
   const u = e.filter((n) => n.exportable !== !1).map((n) => {
     var l, c;
     return {
       key: n.key,
       header: ((l = n.exportable) == null ? void 0 : l.header) || n.title,
-      width: ((c = n.exportable) == null ? void 0 : c.width) || Gt(n.width)
+      width: ((c = n.exportable) == null ? void 0 : c.width) || Jt(n.width)
     };
-  }), a = t.map((n) => Ut(e, n));
-  Ht({
+  }), a = t.map((n) => Gt(e, n));
+  Nt({
     columns: u,
     rows: a,
     filename: r
   });
 }
-function Qt() {
+function Xt() {
   return {
-    exportExcel: Jt
+    exportExcel: Qt
   };
 }
 class J {
   constructor(t) {
-    M(this, "sort", {});
-    M(this, "defaultSort", {});
-    M(this, "before", (t) => {
+    _(this, "sort", {});
+    _(this, "defaultSort", {});
+    _(this, "before", (t) => {
       t.paramsQuery = {
         ...t.paramsQuery || {},
         sort: this.stringify(this.sort)
@@ -978,8 +996,8 @@ class J {
     return typeof t != "object" ? [] : (t instanceof J && (t = t.sort), Object.entries(t).map(([r, u]) => `${r},${u}`));
   }
 }
-const Xt = 300;
-function Zt(e) {
+const Zt = 300;
+function pt(e) {
   const t = e, r = t == null ? void 0 : t.querySelector(".arco-scrollbar-container.arco-table-body");
   if (!r)
     return;
@@ -987,7 +1005,7 @@ function Zt(e) {
   r.addEventListener("mousedown", () => {
     console.log("mousedown"), u = setTimeout(() => {
       u && (r.style.cursor = "grab", r.style.userSelect = "none", a = !0);
-    }, Xt);
+    }, Zt);
   }), r.addEventListener("mouseup", () => {
     clearTimeout(u), u && (u = void 0, a = !1, r.style.cursor = "", r.style.userSelect = "", n = void 0);
   }), r.addEventListener("mousemove", (l) => {
@@ -1000,10 +1018,10 @@ function Zt(e) {
       }
   });
 }
-function pt(e) {
+function er(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Be(e);
 }
-const er = /* @__PURE__ */ A({
+const tr = /* @__PURE__ */ B({
   props: {
     record: {
       type: Object,
@@ -1057,7 +1075,7 @@ const er = /* @__PURE__ */ A({
         r.value = Math.floor(l.offsetWidth / e.minWidth);
       }
     }
-    return z(() => {
+    return A(() => {
       a();
     }), () => {
       let n;
@@ -1068,7 +1086,7 @@ const er = /* @__PURE__ */ A({
         bordered: !0,
         align: "left",
         layout: e.layout
-      }, pt(n = u.map((l) => s(We, {
+      }, er(n = u.map((l) => s(We, {
         label: l.options.title
       }, {
         default: () => {
@@ -1083,7 +1101,7 @@ const er = /* @__PURE__ */ A({
     };
   }
 });
-function tr(e, t, {
+function rr(e, t, {
   tableForm: r,
   tableEvents: u
 }) {
@@ -1102,21 +1120,21 @@ function tr(e, t, {
   }, [s("div", {
     class: "built-in"
   }, [s(ae, null, {
-    default: () => [e.refreshable && s(L, {
+    default: () => [e.refreshable && s(P, {
       type: "primary",
       onClick: () => u("reload")
     }, {
-      default: () => [q("刷新")]
-    }), e.exportable && s(L, {
+      default: () => [Y("刷新")]
+    }), e.exportable && s(P, {
       type: "primary",
       onClick: () => u("export")
     }, {
-      default: () => [q("导出")]
-    }), e.collapsable && s(L, {
+      default: () => [Y("导出")]
+    }), e.collapsable && s(P, {
       type: "primary",
       onClick: () => u("collapse")
     }, {
-      default: () => [q("显示")]
+      default: () => [Y("显示")]
     })]
   })]), s("div", {
     class: "customs"
@@ -1125,7 +1143,7 @@ function tr(e, t, {
   })])])]) : () => {
   };
 }
-function rr(e, t, {
+function nr(e, t, {
   tableForm: r,
   tableEvents: u,
   formInstance: a
@@ -1142,7 +1160,7 @@ function rr(e, t, {
   }, e.formOptions), null)]) : () => {
   };
 }
-function nr(e, t, {
+function ar(e, t, {
   tableSource: r
 }) {
   const u = g([]);
@@ -1182,9 +1200,9 @@ function nr(e, t, {
         t.emit("update:radio-key", d), t.emit("update:radio-row", o);
         break;
       case "checkbox":
-        t.emit("update:checkbox-keys", f), t.emit("update:checkbox-rows", f.map((h) => {
-          var C;
-          return r.value.find((k) => k[e.rowKey] === h) || ((C = e.checkboxRows) == null ? void 0 : C.find((k) => k[e.rowKey] === h));
+        t.emit("update:checkbox-keys", f), t.emit("update:checkbox-rows", f.map((b) => {
+          var v;
+          return r.value.find((C) => C[e.rowKey] === b) || ((v = e.checkboxRows) == null ? void 0 : v.find((C) => C[e.rowKey] === b));
         }));
         break;
     }
@@ -1206,7 +1224,7 @@ function nr(e, t, {
     reloadSelection: n
   };
 }
-function ar(e, t, {
+function lr(e, t, {
   pageService: r,
   tableEvents: u
 }) {
@@ -1245,7 +1263,7 @@ function ar(e, t, {
   }, null)]) : () => {
   };
 }
-const lr = /* @__PURE__ */ A({
+const ur = /* @__PURE__ */ B({
   props: {
     collapsedColumns: {
       type: Array,
@@ -1253,7 +1271,7 @@ const lr = /* @__PURE__ */ A({
     }
   },
   setup(e) {
-    const t = B(), r = g(e.collapsedColumns.map((a) => ({
+    const t = D(), r = g(e.collapsedColumns.map((a) => ({
       label: a.title,
       value: a.key,
       disabled: !1
@@ -1279,7 +1297,7 @@ const lr = /* @__PURE__ */ A({
       default: () => [De(s("template", null, null), [[Ie("slot"), "source"]])]
     })]);
   }
-}), ur = /* @__PURE__ */ A({
+}), cr = /* @__PURE__ */ B({
   props: {
     value: {
       type: Object,
@@ -1295,7 +1313,7 @@ const lr = /* @__PURE__ */ A({
     }
   },
   setup(e) {
-    const t = B();
+    const t = D();
     function r(u) {
       e.onSubmit && e.onSubmit(u), t.close(u);
     }
@@ -1308,7 +1326,7 @@ const lr = /* @__PURE__ */ A({
       onSubmit: r
     }, null)]);
   }
-}), cr = /* @__PURE__ */ A({
+}), ir = /* @__PURE__ */ B({
   props: {
     // 数据主键
     rowKey: {
@@ -1447,12 +1465,12 @@ const lr = /* @__PURE__ */ A({
   },
   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 = g(), a = g(), n = g(), l = g(), [c, m] = pe(e.columns), f = g(!1), d = e.form ?? et(e.columns), o = C(), y = I(), h = g(e.columns.map((i) => ({
+    const r = Math.random().toString(32).slice(2).toUpperCase(), u = g(), a = g(), n = g(), l = g(), [c, m] = pe(e.columns), f = g(!1), d = e.form ?? et(e.columns), o = v(), y = R(), b = g(e.columns.map((i) => ({
       key: i.key,
       title: i.title,
       collapsed: !!i.collapsed
     })));
-    function C() {
+    function v() {
       switch (!0) {
         case (typeof e.pageable == "string" && e.pageable === "server"):
           return new V();
@@ -1464,7 +1482,7 @@ const lr = /* @__PURE__ */ A({
           return new V(e.pageable.index, e.pageable.size);
       }
     }
-    const k = (() => {
+    const C = (() => {
       switch (!0) {
         case typeof e.pageable == "string":
           return e.pageable;
@@ -1474,8 +1492,8 @@ const lr = /* @__PURE__ */ A({
           return "server";
       }
     })();
-    function I() {
-      const i = e.columns.find((b) => !!b.sortable);
+    function R() {
+      const i = e.columns.find((h) => !!h.sortable);
       if (i || e.sortable)
         return new J({
           ...e.sortable || {},
@@ -1484,46 +1502,46 @@ const lr = /* @__PURE__ */ A({
           } : {}
         });
     }
-    function E(i) {
+    function T(i) {
       const {
-        exportExcel: b
-      } = Qt();
-      b((i == null ? void 0 : i.columns) || e.columns, (i == null ? void 0 : i.source) || c.value, (i == null ? void 0 : i.filename) || (typeof e.exportable == "object" ? e.exportable.filename : void 0));
+        exportExcel: h
+      } = Xt();
+      h((i == null ? void 0 : i.columns) || e.columns, (i == null ? void 0 : i.source) || c.value, (i == null ? void 0 : i.filename) || (typeof e.exportable == "object" ? e.exportable.filename : void 0));
     }
     function w(i) {
-      let b;
+      let h;
       switch (!0) {
         case !!(i != null && i.key):
-          b = c.value.find((T) => T[e.rowKey] === (i == null ? void 0 : i.key));
+          h = c.value.find((M) => M[e.rowKey] === (i == null ? void 0 : i.key));
           break;
         case !!(i != null && i.record):
-          b = i == null ? void 0 : i.record;
+          h = i == null ? void 0 : i.record;
           break;
       }
-      if (!b)
+      if (!h)
         throw new Error("未找到需要预览的数据");
-      return n.value.open(er, {
-        record: b,
+      return n.value.open(tr, {
+        record: h,
         columns: e.columns
       }, {
         title: (i == null ? void 0 : i.title) || "详情",
         mode: (i == null ? void 0 : i.mode) || "dialog"
       });
     }
-    function v(i) {
-      let b;
+    function x(i) {
+      let h;
       switch (!0) {
         case !!(i != null && i.key):
-          b = c.value.find((T) => T[e.rowKey] === (i == null ? void 0 : i.key));
+          h = c.value.find((M) => M[e.rowKey] === (i == null ? void 0 : i.key));
           break;
         case !!(i != null && i.record):
-          b = i == null ? void 0 : i.record;
+          h = i == null ? void 0 : i.record;
           break;
       }
-      if (!b)
+      if (!h)
         throw new Error("未找到需要编辑的数据");
-      return n.value.open(ur, {
-        value: b,
+      return n.value.open(cr, {
+        value: h,
         form: i == null ? void 0 : i.form,
         onSubmit: i.onSubmit
       }, {
@@ -1533,86 +1551,86 @@ const lr = /* @__PURE__ */ A({
         form: "form"
       });
     }
-    function O(i) {
+    function $(i) {
       var p, ee;
       if (!e.dataLoad)
         return Promise.reject();
       i != null && i.reset && (o && o.reset(), y && y.reset(), (p = u.value) == null || p.resetSorters());
-      const b = {
+      const h = {
         ...((ee = a.value) == null ? void 0 : ee.formSource) || {}
       };
-      Object.keys(b).forEach((te) => {
-        [null, void 0, ""].includes(b[te]) && delete b[te];
+      Object.keys(h).forEach((te) => {
+        [null, void 0, ""].includes(h[te]) && delete h[te];
       });
-      const T = e.dataLoad({
-        form: b,
+      const M = e.dataLoad({
+        form: h,
         page: o,
         sort: y,
         update: m
       });
-      return Y(T) ? (f.value = !0, Promise.resolve(T).finally(() => {
+      return z(M) ? (f.value = !0, Promise.resolve(M).finally(() => {
         f.value = !1;
-      }), T) : Promise.resolve();
+      }), M) : Promise.resolve();
     }
-    function be() {
-      n.value.open(lr, {
-        collapsedColumns: h.value
+    function he() {
+      n.value.open(ur, {
+        collapsedColumns: b.value
       }, {
         title: "显示列",
         size: "small",
         footer: !0
       }).then((i) => {
-        h.value = i;
+        b.value = i;
       });
     }
-    const he = (i, {
-      type: b
+    const be = (i, {
+      type: h
     }) => {
-      switch (b) {
+      switch (h) {
         case "drag": {
           m(i), t.emit("change", i);
           break;
         }
       }
     }, j = tt({
-      reload: O,
+      reload: $,
       preview: w,
-      export: E,
-      edit: v,
-      collapse: be
+      export: T,
+      edit: x,
+      collapse: he
     });
-    function ge(i, b) {
-      !y || k === "client" || (b ? y.update(i, b === "descend" ? "desc" : "asc") : y.remove(i), j("reload"));
+    function ge(i, h) {
+      !y || C === "client" || (h ? y.update(i, h === "descend" ? "desc" : "asc") : y.remove(i), j("reload"));
     }
     const Q = g(de({
       columns: e.columns,
       columnsOptions: e.columnsOptions,
       columnsGroups: e.columnsGroups,
-      pageMode: k,
-      collapsedColumns: h,
+      pageMode: C,
+      collapsedColumns: b,
       events: j
-    })), P = {
+    })), q = {
       tableEvents: j,
       tableForm: d,
       tableSource: c,
       formInstance: a,
       pageService: o,
       formOptions: e.formOptions
-    }, we = rr(e, t, P), ve = tr(e, t, P), Ce = ar(e, t, P), {
+    }, we = nr(e, t, q), ve = rr(e, t, q), Ce = lr(e, t, q), {
       selectedRowKeys: X,
       rowSelection: Z,
       onSelect: xe,
       onSelectAll: ke,
       reloadSelection: Se,
       resetSelection: Te
-    } = nr(e, t, P), Me = R(() => ({
+    } = ar(e, t, q), Me = E(() => ({
       rowKey: e.rowKey,
       size: e.size,
       bordered: e.bordered,
       hoverable: e.hoverable,
       stripe: e.stripe,
       scroll: {
-        x: e.columns.reduce((i, b) => i += typeof b.width != "number" ? Math.max(b.title.length * 16, 80) : b.width, 0),
+        x: e.columns.reduce((i, h) => i += typeof h.width != "number" ? Math.max(h.title.length * 16, 80) : h.width, 0),
         y: e.height ?? "100%"
       },
       rowSelection: Z,
@@ -1629,13 +1647,13 @@ const lr = /* @__PURE__ */ A({
         columns: e.columns,
         columnsOptions: e.columnsOptions,
         columnsGroups: e.columnsGroups,
-        pageMode: k,
-        collapsedColumns: h,
+        pageMode: C,
+        collapsedColumns: b,
         events: j
       });
     }
-    return z(() => {
-      l.value && (l.value.id = `table-${r}`), e.autoLoad && O(), e.grabbable && l.value && Zt(l.value);
+    return A(() => {
+      l.value && (l.value.id = `table-${r}`), e.autoLoad && $(), e.grabbable && l.value && pt(l.value);
     }), {
       tableId: r,
       tableInstance: u,
@@ -1647,17 +1665,17 @@ const lr = /* @__PURE__ */ A({
       tableLoading: f,
       modalInstance: n,
       tableRenderElement: l,
-      formSource: fe(R(() => {
+      formSource: fe(E(() => {
         var i;
         return (i = a == null ? void 0 : a.value) == null ? void 0 : i.formSource;
       })),
       formInstance: a,
-      reload: O,
+      reload: $,
       preview: w,
-      edit: v,
-      export: E,
+      edit: x,
+      export: T,
       onSorterChange: ge,
-      onTableChange: he,
+      onTableChange: be,
       renders: {
         renderTableForm: we,
         renderTableActions: ve,
@@ -1711,20 +1729,20 @@ const lr = /* @__PURE__ */ A({
 function br(e) {
   return e;
 }
-function hr(e) {
+function gr(e) {
   return e;
 }
-const gr = {
+const wr = {
   install(e, t) {
-    e.component("TableRender", cr);
+    e.component("TableRender", ir);
   }
 };
 export {
-  cr as TableRender,
-  Cr as TableRenderResolver,
-  gr as default,
+  ir as TableRender,
+  xr as TableRenderResolver,
+  wr as default,
   br as defineColumns,
-  hr as defineTableLoad,
+  gr as defineTableLoad,
   tt as useEvents,
-  yr as useTable
+  hr as useTable
 };