@xto/data 1.5.0 → 1.6.0

package/es/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as G, computed as x, openBlock as h, createElementBlock as f, normalizeStyle as Y, normalizeClass as c, createElementVNode as p, renderSlot as X, createTextVNode as ae, toDisplayString as W, unref as s, createVNode as ee, createCommentVNode as D, ref as E, watch as ne, Fragment as Z, renderList as le, withDirectives as ge, withKeys as Ie, vModelText as $e, useSlots as me, withModifiers as ie, inject as ue, resolveComponent as Se, createBlock as oe, withCtx as ye, vShow as we, reactive as xe, provide as de, toRef as Ae, nextTick as be, onMounted as ce, onUnmounted as he, resolveDynamicComponent as pe, Teleport as Le, onBeforeUnmount as Ke } from "vue";
+import { defineComponent as G, computed as x, openBlock as h, createElementBlock as f, normalizeStyle as Y, normalizeClass as c, createElementVNode as p, renderSlot as X, createTextVNode as ae, toDisplayString as W, unref as s, createVNode as ee, createCommentVNode as D, ref as E, watch as ne, Fragment as Z, renderList as le, withDirectives as ge, withKeys as Ie, vModelText as $e, useSlots as me, withModifiers as ie, inject as ue, resolveComponent as Se, createBlock as oe, withCtx as ye, vShow as we, reactive as xe, provide as de, toRef as Le, nextTick as be, onMounted as ce, onUnmounted as he, resolveDynamicComponent as pe, Teleport as Ae, onBeforeUnmount as Ke } from "vue";
 import { useNamespace as U } from "@xto/core";
 const Ce = {
   // 箭头类
@@ -328,7 +328,7 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
       ], 6)
     ], 2));
   }
-}), Te = ["viewBox"], Ee = ["cx", "cy", "r", "stroke-width"], Be = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke"], Bt = /* @__PURE__ */ G({
+}), Te = ["viewBox"], Ee = ["cx", "cy", "r", "stroke-width"], je = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke"], jt = /* @__PURE__ */ G({
   name: "XProgress",
   __name: "index",
   props: {
@@ -336,7 +336,7 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
     type: { default: "line" },
     status: { default: "" },
     strokeWidth: { default: 6 },
-    color: { type: [String, Array, Function], default: "#12B6AF" },
+    color: { type: [String, Array, Function], default: "#4F46E5" },
     width: { default: 126 },
     showText: { type: Boolean, default: !0 }
   },
@@ -399,7 +399,7 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
             stroke: typeof n.color == "function" ? n.color(e.value) : n.color,
             "stroke-linecap": "round",
             style: { transform: "rotate(-90deg)", "transform-origin": "center" }
-          }, null, 8, Be)
+          }, null, 8, je)
         ], 12, Te)),
         n.showText ? (h(), f("div", {
           key: 0,
@@ -408,7 +408,7 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
       ], 2))
     ], 2));
   }
-}), je = ["disabled"], Re = ["onClick"], We = ["disabled"], Pe = ["value"], Oe = ["value"], Ye = /* @__PURE__ */ G({
+}), Be = ["disabled"], Re = ["onClick"], We = ["disabled"], Pe = ["value"], Oe = ["value"], Ye = /* @__PURE__ */ G({
   name: "XPagination",
   __name: "index",
   props: {
@@ -428,7 +428,7 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
     });
     const m = x(() => l.value), M = x(() => a.value), w = x(() => Math.max(1, Math.ceil(t.total / M.value))), $ = x(
       () => t.layout.split(",").map((I) => I.trim()).filter(Boolean)
-    ), H = (I) => $.value.includes(I), A = x(() => {
+    ), H = (I) => $.value.includes(I), L = x(() => {
       const I = [], g = w.value, C = m.value;
       if (g <= 7)
         for (let z = 1; z <= g; z++) I.push(z);
@@ -446,9 +446,9 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
       return I;
     }), N = (I) => {
       I < 1 || I > w.value || I === m.value || (l.value = I, e("update:currentPage", I), e("current-change", I));
-    }, L = (I) => {
+    }, A = (I) => {
       I !== M.value && (a.value = I, e("update:pageSize", I), e("size-change", I), l.value = 1, e("update:currentPage", 1), e("current-change", 1));
-    }, T = E(""), j = () => {
+    }, T = E(""), B = () => {
       const I = parseInt(T.value, 10);
       isFinite(I) && (N(Math.min(Math.max(1, I), w.value)), T.value = "");
     };
@@ -479,8 +479,8 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
             "stroke-linejoin": "round"
           })
         ], -1)
-      ])], 10, je)) : D("", !0),
-      H("pager") ? (h(!0), f(Z, { key: 2 }, le(A.value, (C) => (h(), f(Z, { key: C }, [
+      ])], 10, Be)) : D("", !0),
+      H("pager") ? (h(!0), f(Z, { key: 2 }, le(L.value, (C) => (h(), f(Z, { key: C }, [
         C === -1 ? (h(), f("span", {
           key: 0,
           class: c(s(r).e("ellipsis"))
@@ -515,7 +515,7 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
         key: 4,
         class: c(s(r).e("sizes")),
         value: M.value,
-        onChange: g[2] || (g[2] = (C) => L(Number(C.target.value)))
+        onChange: g[2] || (g[2] = (C) => A(Number(C.target.value)))
       }, [
         (h(!0), f(Z, null, le(n.pageSizes, (C) => (h(), f("option", {
           key: C,
@@ -532,8 +532,8 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
           type: "text",
           inputmode: "numeric",
           "onUpdate:modelValue": g[3] || (g[3] = (C) => T.value = C),
-          onKeyup: Ie(j, ["enter"]),
-          onBlur: j
+          onKeyup: Ie(B, ["enter"]),
+          onBlur: B
         }, null, 34), [
           [$e, T.value]
         ]),
@@ -541,7 +541,7 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
       ], 2)) : D("", !0)
     ], 2));
   }
-}), Xe = { key: 0 }, Fe = ["checked", "indeterminate"], Qe = ["onClick"], Ge = { class: "sort-arrow up" }, Ue = { class: "sort-arrow down" }, Ze = ["onClick"], Je = ["checked", "onChange"], qe = ["onClick"], _e = ["onClick"], et = { key: 1 }, tt = ["colspan"], jt = /* @__PURE__ */ G({
+}), Xe = { key: 0 }, Fe = ["checked", "indeterminate"], Qe = ["onClick"], Ge = { class: "sort-arrow up" }, Ue = { class: "sort-arrow down" }, Ze = ["onClick"], Je = ["checked", "onChange"], qe = ["onClick"], _e = ["onClick"], et = { key: 1 }, tt = ["colspan"], Bt = /* @__PURE__ */ G({
   name: "XDynamicTable",
   __name: "index",
   props: {
@@ -583,20 +583,20 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
         const K = k > S ? 1 : -1;
         return v === "ascending" ? K : -K;
       });
-    }), A = x(() => {
+    }), L = x(() => {
       const d = {};
       return e.height && (d.height = typeof e.height == "number" ? `${e.height}px` : e.height), e.maxHeight && (d.maxHeight = typeof e.maxHeight == "number" ? `${e.maxHeight}px` : e.maxHeight), d;
     }), N = x(() => {
       const d = typeof e.operationWidth == "number" ? `${e.operationWidth}px` : e.operationWidth;
       return { width: d, minWidth: d };
-    }), L = x(() => [
+    }), A = x(() => [
       l.b(),
       l.is("border", e.border),
       l.is("stripe", e.stripe),
       l.is("loading", e.loading)
     ]), T = (d) => {
       d.sortable && (m.value.prop === d.prop ? m.value.order === "ascending" ? m.value.order = "descending" : m.value.order === "descending" && (m.value.order = null, m.value.prop = "") : (m.value.prop = d.prop, m.value.order = "ascending"), r("sort-change", { ...m.value }));
-    }, j = (d) => d.sortable ? m.value.prop !== d.prop ? l.is("sortable") : [
+    }, B = (d) => d.sortable ? m.value.prop !== d.prop ? l.is("sortable") : [
       l.is("sortable"),
       l.is(`sort-${m.value.order}`)
     ] : "", I = (d, v, y) => {
@@ -634,7 +634,7 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
       deleteRow: te,
       getData: () => [...a.value]
     }), (d, v) => (h(), f("div", {
-      class: c(L.value)
+      class: c(A.value)
     }, [
       n.showAddButton ? (h(), f("div", {
         key: 0,
@@ -659,7 +659,7 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
       ])], 2)) : D("", !0),
       p("div", {
         class: c(s(l).e("wrapper")),
-        style: Y(A.value)
+        style: Y(L.value)
       }, [
         p("table", null, [
           n.showHeader ? (h(), f("thead", Xe, [
@@ -682,7 +682,7 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
               }, " 序号 ", 2)) : D("", !0),
               (h(!0), f(Z, null, le(n.columns, (y) => (h(), f("th", {
                 key: y.prop,
-                class: c([s(l).e("header-cell"), j(y)]),
+                class: c([s(l).e("header-cell"), B(y)]),
                 style: Y(O(y)),
                 onClick: (u) => T(y)
               }, [
@@ -797,19 +797,19 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
     node: {}
   },
   setup(n) {
-    const o = n, t = ue("tree"), { props: e, store: r, toggleExpand: l, toggleCheck: a, handleNodeClick: m, handleNodeContextmenu: M } = t, w = E(), $ = E(null), H = x(() => o.node.expanded), A = x(() => o.node.checked), N = x(() => o.node.indeterminate), L = x(() => o.node.disabled), T = x(() => o.node.loading), j = x(() => o.node.isLeaf), I = x(() => e.showCheckbox || e.checkable), g = x(() => o.node.selected), C = x(() => ({
+    const o = n, t = ue("tree"), { props: e, store: r, toggleExpand: l, toggleCheck: a, handleNodeClick: m, handleNodeContextmenu: M } = t, w = E(), $ = E(null), H = x(() => o.node.expanded), L = x(() => o.node.checked), N = x(() => o.node.indeterminate), A = x(() => o.node.disabled), T = x(() => o.node.loading), B = x(() => o.node.isLeaf), I = x(() => e.showCheckbox || e.checkable), g = x(() => o.node.selected), C = x(() => ({
       paddingLeft: `${o.node.level * (e.indent || 16)}px`
     })), z = (i) => {
       m(o.node, i);
     }, R = (i) => {
       M(o.node, i);
     }, J = (i) => {
-      i.stopPropagation(), L.value || l(o.node);
+      i.stopPropagation(), A.value || l(o.node);
     }, O = (i) => {
-      i.stopPropagation(), L.value || a(o.node);
+      i.stopPropagation(), A.value || a(o.node);
     }, Q = (i) => {
       var d;
-      if (!(!e.draggable || L.value)) {
+      if (!(!e.draggable || A.value)) {
         if (e.allowDrag && !e.allowDrag(o.node)) {
           i.preventDefault();
           return;
@@ -824,7 +824,7 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
       $.value = null, (d = t.emit) == null || d.call(t, "node-drag-leave", o.node, i);
     }, _ = (i) => {
       var u, k;
-      if (i.preventDefault(), !e.draggable || L.value) return;
+      if (i.preventDefault(), !e.draggable || A.value) return;
       const d = (u = w.value) == null ? void 0 : u.getBoundingClientRect();
       if (!d) return;
       const v = i.clientY - d.top, y = d.height;
@@ -858,12 +858,12 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
           "is-expanded": H.value,
           "is-current": i.isCurrent,
           "is-selected": g.value,
-          "is-disabled": L.value,
+          "is-disabled": A.value,
           "is-drop-inner": $.value === "inner",
           "is-drop-prev": $.value === "prev",
           "is-drop-next": $.value === "next"
         }]),
-        draggable: s(e).draggable && !L.value,
+        draggable: s(e).draggable && !A.value,
         onDragstart: Q,
         onDragenter: te,
         onDragleave: se,
@@ -880,26 +880,26 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
           p("span", {
             class: c(["x-tree-node__expand-icon", {
               "is-expanded": H.value,
-              "is-leaf": j.value,
+              "is-leaf": B.value,
               "is-loading": T.value
             }]),
             onClick: J
           }, [
             T.value ? (h(), f("span", lt)) : (h(), f(Z, { key: 1 }, [
-              j.value ? D("", !0) : (h(), f("span", nt))
+              B.value ? D("", !0) : (h(), f("span", nt))
             ], 64))
           ], 2),
           n.node.icon || s(e).icon ? (h(), f("span", st, W(n.node.icon || s(e).icon), 1)) : D("", !0),
           I.value ? (h(), f("span", {
             key: 1,
             class: c(["x-tree-node__checkbox", {
-              "is-checked": A.value,
+              "is-checked": L.value,
               "is-indeterminate": N.value,
-              "is-disabled": L.value
+              "is-disabled": A.value
             }]),
             onClick: ie(O, ["stop"])
           }, [
-            A.value ? (h(), oe(s(q), {
+            L.value ? (h(), oe(s(q), {
               key: 0,
               name: "check",
               size: 12,
@@ -920,7 +920,7 @@ const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q =
             ])
           ])
         ], 36),
-        !j.value && H.value ? (h(), f("div", {
+        !B.value && H.value ? (h(), f("div", {
           key: 0,
           class: c(["x-tree-node__children", { "x-tree-node__children--show-line": s(e).showLine }])
         }, [
@@ -950,7 +950,7 @@ class re {
     this.key = o[a] ?? o.value ?? o.id ?? Math.random().toString(), this.label = o[m] ?? o.label ?? "", this.disabled = o[M] ?? o.disabled ?? !1, this.isLeaf = o[w] ?? o.isLeaf ?? !1;
     const $ = l.children || "children", H = o[$] ?? o.children ?? [];
     H.length > 0 ? this.children = H.map(
-      (A) => new re(A, t, e + 1, this)
+      (L) => new re(L, t, e + 1, this)
     ) : this.isLeaf = !0;
   }
   /** 设置展开状态 */
@@ -1083,13 +1083,13 @@ const Rt = /* @__PURE__ */ G({
         a.nodesMap.set(S.key, S);
         const K = (d == null ? void 0 : d.children) || "children", P = y[K] ?? y.children ?? [];
         return P.length > 0 && (S.children = P.map(
-          (B) => v(B, u + 1, S)
+          (j) => v(j, u + 1, S)
         ), S.isLeaf = !1), S;
       };
       a.rootNodes = i.map((y) => v(y, 0, null)), H();
     }, H = () => {
       var i, d, v;
-      e.defaultExpandAll ? A() : (i = e.defaultExpandedKeys) != null && i.length && e.defaultExpandedKeys.forEach((y) => {
+      e.defaultExpandAll ? L() : (i = e.defaultExpandedKeys) != null && i.length && e.defaultExpandedKeys.forEach((y) => {
         const u = a.nodesMap.get(y);
         u && (u.expanded = !0, a.expandedKeys.add(y));
       }), (d = e.defaultCheckedKeys) != null && d.length && e.defaultCheckedKeys.forEach((y) => {
@@ -1099,7 +1099,7 @@ const Rt = /* @__PURE__ */ G({
         const u = a.nodesMap.get(y);
         u && u.setChecked(!0, !e.checkStrictly);
       });
-    }, A = () => {
+    }, L = () => {
       a.nodesMap.forEach((i) => {
         i.children.length > 0 && (i.expanded = !0, a.expandedKeys.add(i.key));
       });
@@ -1107,7 +1107,7 @@ const Rt = /* @__PURE__ */ G({
       a.nodesMap.forEach((i) => {
         i.expanded = !1;
       }), a.expandedKeys.clear();
-    }, L = (i) => {
+    }, A = (i) => {
       if (i.disabled) return;
       !i.expanded ? (i.expanded = !0, a.expandedKeys.add(i.key), r("node-expand", i.data, i, null)) : (i.expanded = !1, a.expandedKeys.delete(i.key), r("node-collapse", i.data, i, null));
     }, T = (i, d) => {
@@ -1123,8 +1123,8 @@ const Rt = /* @__PURE__ */ G({
         halfCheckedNodes: k,
         halfCheckedKeys: S
       });
-    }, j = (i, d) => {
-      i.disabled || (r("node-click", i.data, i, null), e.expandOnClickNode && i.children.length > 0 && L(i), e.highlightCurrent && (a.currentKey = i.key, r("current-change", i.data, i)));
+    }, B = (i, d) => {
+      i.disabled || (r("node-click", i.data, i, null), e.expandOnClickNode && i.children.length > 0 && A(i), e.highlightCurrent && (a.currentKey = i.key, r("current-change", i.data, i)));
     }, I = (i) => {
       if (m.value = i, a.filterValue = i, !i) {
         a.nodesMap.forEach((d) => {
@@ -1194,10 +1194,10 @@ const Rt = /* @__PURE__ */ G({
       props: e,
       store: a,
       emit: r,
-      toggleExpand: L,
+      toggleExpand: A,
       toggleCheck: T,
-      handleNodeClick: j,
-      filterValue: Ae(m),
+      handleNodeClick: B,
+      filterValue: Le(m),
       showCheckboxComputed: V
     }), o({
       filter: I,
@@ -1213,7 +1213,7 @@ const Rt = /* @__PURE__ */ G({
       setChecked: se,
       getSelectedNodes: _,
       setSelectedKeys: b,
-      expandAll: A,
+      expandAll: L,
       collapseAll: N,
       // 额外方法
       updateKeyChildren: (i, d) => {
@@ -1404,7 +1404,7 @@ const Rt = /* @__PURE__ */ G({
   },
   setup(n) {
     const o = n, t = U("timeline-item"), e = {
-      primary: "#12B6AF",
+      primary: "#4F46E5",
       success: "#00A870",
       warning: "#FF7D00",
       danger: "#F53F3F",
@@ -1472,17 +1472,17 @@ const Rt = /* @__PURE__ */ G({
       e.loop ? a.value = (R + m.value) % m.value : a.value = Math.max(0, Math.min(R, m.value - 1)), r("update:activeIndex", a.value), r("change", a.value, J);
     }, H = () => {
       $(a.value - 1);
-    }, A = () => {
+    }, L = () => {
       $(a.value + 1);
     }, N = () => {
-      e.autoplay && m.value > 1 && (L(), M.value = setInterval(() => {
-        w.value || A();
+      e.autoplay && m.value > 1 && (A(), M.value = setInterval(() => {
+        w.value || L();
       }, e.interval));
-    }, L = () => {
+    }, A = () => {
       M.value && (clearInterval(M.value), M.value = null);
     }, T = () => {
       w.value = !0, e.arrow;
-    }, j = () => {
+    }, B = () => {
       w.value = !1;
     }, I = (R) => {
       e.trigger === "hover" && $(R);
@@ -1506,16 +1506,16 @@ const Rt = /* @__PURE__ */ G({
     }), ce(() => {
       N();
     }), he(() => {
-      L();
+      A();
     }), o({
       prev: H,
-      next: A,
+      next: L,
       setActiveItem: $
     }), (R, J) => (h(), f("div", {
       class: c(z.value),
       style: Y(C.value),
       onMouseenter: T,
-      onMouseleave: j
+      onMouseleave: B
     }, [
       p("div", {
         class: c(s(l).e("container"))
@@ -1530,7 +1530,7 @@ const Rt = /* @__PURE__ */ G({
       n.arrow !== "never" ? (h(), f("button", {
         key: 1,
         class: c([s(l).e("arrow"), s(l).e("arrow-right")]),
-        onClick: A
+        onClick: L
       }, " › ", 2)) : D("", !0),
       n.indicatorPosition !== "none" ? (h(), f("ul", {
         key: 2,
@@ -1608,11 +1608,11 @@ const Rt = /* @__PURE__ */ G({
     const $ = x(() => {
       const u = a.map((P) => P.config), k = u.filter((P) => P.fixed === "left" || P.fixed === !0), S = u.filter((P) => !P.fixed), K = u.filter((P) => P.fixed === "right");
       return [...k, ...S, ...K];
-    }), H = x(() => $.value.filter((u) => u.fixed === "left" || u.fixed === !0)), A = x(() => $.value.filter((u) => u.fixed === "right"));
+    }), H = x(() => $.value.filter((u) => u.fixed === "left" || u.fixed === !0)), L = x(() => $.value.filter((u) => u.fixed === "right"));
     x(() => $.value.filter((u) => !u.fixed)), x(() => H.value.reduce((u, k) => {
       const S = k.width ? typeof k.width == "number" ? k.width : parseInt(k.width) : 100;
       return u + S;
-    }, 0)), x(() => A.value.reduce((u, k) => {
+    }, 0)), x(() => L.value.reduce((u, k) => {
       const S = k.width ? typeof k.width == "number" ? k.width : parseInt(k.width) : 100;
       return u + S;
     }, 0));
@@ -1621,20 +1621,20 @@ const Rt = /* @__PURE__ */ G({
       return a.forEach((k) => {
         k.slot && (u[k.config.prop] = k.slot);
       }), u;
-    }), L = E({
+    }), A = E({
       prop: ((v = e.defaultSort) == null ? void 0 : v.prop) || "",
       order: ((y = e.defaultSort) == null ? void 0 : y.order) || null
     }), T = x(() => {
-      if (!L.value.prop || !L.value.order)
+      if (!A.value.prop || !A.value.order)
         return e.data;
-      const { prop: u, order: k } = L.value;
+      const { prop: u, order: k } = A.value;
       return [...e.data].sort((S, K) => {
-        const P = S[u], B = K[u];
-        if (P === B) return 0;
-        const F = P > B ? 1 : -1;
+        const P = S[u], j = K[u];
+        if (P === j) return 0;
+        const F = P > j ? 1 : -1;
         return k === "ascending" ? F : -F;
       });
-    }), j = x(() => {
+    }), B = x(() => {
       const u = {};
       return e.height && (u.height = typeof e.height == "number" ? `${e.height}px` : e.height), e.maxHeight && (u.maxHeight = typeof e.maxHeight == "number" ? `${e.maxHeight}px` : e.maxHeight), u;
     }), I = x(() => [
@@ -1642,12 +1642,12 @@ const Rt = /* @__PURE__ */ G({
       l.is("border", e.border),
       l.is("stripe", e.stripe),
       l.is("loading", e.loading),
-      l.is("has-fixed", H.value.length > 0 || A.value.length > 0)
+      l.is("has-fixed", H.value.length > 0 || L.value.length > 0)
     ]), g = (u) => {
-      u.sortable && (L.value.prop === u.prop ? L.value.order === "ascending" ? L.value.order = "descending" : L.value.order === "descending" && (L.value.order = null, L.value.prop = "") : (L.value.prop = u.prop, L.value.order = "ascending"), r("sort-change", { ...L.value }));
-    }, C = (u) => u.sortable ? L.value.prop !== u.prop ? l.is("sortable") : [
+      u.sortable && (A.value.prop === u.prop ? A.value.order === "ascending" ? A.value.order = "descending" : A.value.order === "descending" && (A.value.order = null, A.value.prop = "") : (A.value.prop = u.prop, A.value.order = "ascending"), r("sort-change", { ...A.value }));
+    }, C = (u) => u.sortable ? A.value.prop !== u.prop ? l.is("sortable") : [
       l.is("sortable"),
-      l.is(`sort-${L.value.order}`)
+      l.is(`sort-${A.value.order}`)
     ] : "", z = (u, k, S) => {
       const K = u[k.prop];
       return k.formatter ? k.formatter(u, k, K, S) : K ?? "";
@@ -1664,17 +1664,17 @@ const Rt = /* @__PURE__ */ G({
       const K = {};
       if (u.width && (K.width = typeof u.width == "number" ? `${u.width}px` : u.width), u.minWidth && (K.minWidth = typeof u.minWidth == "number" ? `${u.minWidth}px` : u.minWidth), u.align && (K.textAlign = u.align), (u.fixed === "left" || u.fixed === !0) && (K.position = "sticky", K.left = "0px", K.zIndex = "2", k !== void 0 && k > 0)) {
         let P = 0;
-        for (let B = 0; B < k; B++) {
-          const F = H.value[B], ve = F.width ? typeof F.width == "number" ? F.width : parseInt(F.width) : 100;
+        for (let j = 0; j < k; j++) {
+          const F = H.value[j], ve = F.width ? typeof F.width == "number" ? F.width : parseInt(F.width) : 100;
           P += ve;
         }
         K.left = `${P}px`;
       }
       if (u.fixed === "right" && (K.position = "sticky", K.right = "0px", K.zIndex = "2", k !== void 0)) {
-        const P = A.value, B = P.length - 1 - k;
-        if (B > 0) {
+        const P = L.value, j = P.length - 1 - k;
+        if (j > 0) {
           let F = 0;
-          for (let ve = 0; ve < B; ve++) {
+          for (let ve = 0; ve < j; ve++) {
             const fe = P[P.length - 1 - ve], ze = fe.width ? typeof fe.width == "number" ? fe.width : parseInt(fe.width) : 100;
             F += ze;
           }
@@ -1695,7 +1695,7 @@ const Rt = /* @__PURE__ */ G({
         const S = b(u), K = _.value.findIndex((P) => b(P) === S);
         k === void 0 ? K > -1 ? _.value.splice(K, 1) : _.value.push(u) : k && K === -1 ? _.value.push(u) : !k && K > -1 && _.value.splice(K, 1), r("selection-change", [..._.value]);
       },
-      sortState: L,
+      sortState: A,
       columns: $
     }), (u, k) => (h(), f("div", {
       class: c(I.value)
@@ -1709,7 +1709,7 @@ const Rt = /* @__PURE__ */ G({
       ])], 2)) : D("", !0),
       p("div", {
         class: c(s(l).e("wrapper")),
-        style: Y(j.value)
+        style: Y(B.value)
       }, [
         p("table", null, [
           n.showHeader ? (h(), f("thead", ut, [
@@ -1717,7 +1717,7 @@ const Rt = /* @__PURE__ */ G({
               (h(!0), f(Z, null, le($.value, (S, K) => (h(), f("th", {
                 key: S.prop,
                 class: c([s(l).e("header-cell"), C(S), ...se(S)]),
-                style: Y(te(S, S.fixed === "right" ? A.value.indexOf(S) : K)),
+                style: Y(te(S, S.fixed === "right" ? L.value.indexOf(S) : K)),
                 onClick: (P) => g(S)
               }, [
                 p("span", null, W(S.label), 1),
@@ -1747,10 +1747,10 @@ const Rt = /* @__PURE__ */ G({
               class: c([s(l).e("row")]),
               onClick: (P) => R(S, P)
             }, [
-              (h(!0), f(Z, null, le($.value, (P, B) => (h(), f("td", {
+              (h(!0), f(Z, null, le($.value, (P, j) => (h(), f("td", {
                 key: P.prop,
                 class: c([s(l).e("cell"), ...se(P)]),
-                style: Y(te(P, P.fixed === "right" ? A.value.indexOf(P) : B)),
+                style: Y(te(P, P.fixed === "right" ? L.value.indexOf(P) : j)),
                 onClick: (F) => J(S, P, F)
               }, [
                 N.value[P.prop] ? (h(), oe(pe(() => N.value[P.prop]({ row: S, column: P, $index: K })), { key: 0 })) : (h(), f(Z, { key: 1 }, [
@@ -1859,25 +1859,25 @@ const Rt = /* @__PURE__ */ G({
       },
       props: e
     });
-    const A = (b) => typeof e.rowKey == "function" ? e.rowKey(b) : b[e.rowKey || "id"], N = (b) => {
+    const L = (b) => typeof e.rowKey == "function" ? e.rowKey(b) : b[e.rowKey || "id"], N = (b) => {
       var i;
       const V = ((i = e.treeProps) == null ? void 0 : i.children) || "children";
       return b[V] || [];
-    }, L = (b) => {
+    }, A = (b) => {
       var d;
       if (N(b).length > 0) return !0;
       const i = ((d = e.treeProps) == null ? void 0 : d.hasChildren) || "hasChildren";
       return b[i] === !0;
     }, T = (b) => {
-      const V = A(b);
+      const V = L(b);
       return a.value.has(V);
-    }, j = (b) => {
-      const V = A(b), i = !a.value.has(V);
+    }, B = (b) => {
+      const V = L(b), i = !a.value.has(V);
       i ? a.value.add(V) : a.value.delete(V), r("expand-change", b, i);
     }, I = () => {
       const b = (V) => {
         V.forEach((i) => {
-          L(i) && (a.value.add(A(i)), b(N(i)));
+          A(i) && (a.value.add(L(i)), b(N(i)));
         });
       };
       b(e.data);
@@ -1886,7 +1886,7 @@ const Rt = /* @__PURE__ */ G({
     }, C = x(() => {
       const b = [], V = (i, d = 0, v = !0) => {
         i.forEach((y) => {
-          const u = A(y), k = a.value.has(u), S = v;
+          const u = L(y), k = a.value.has(u), S = v;
           b.push({ row: y, level: d, visible: S });
           const K = N(y);
           K.length > 0 && k && V(K, d + 1, S);
@@ -1937,7 +1937,7 @@ const Rt = /* @__PURE__ */ G({
     }, { immediate: !0 }), o({
       expandAll: I,
       collapseAll: g,
-      toggleExpand: j,
+      toggleExpand: B,
       expandedKeys: a,
       columns: m
     }), (b, V) => (h(), f("div", {
@@ -1985,7 +1985,7 @@ const Rt = /* @__PURE__ */ G({
           ])) : D("", !0),
           p("tbody", null, [
             (h(!0), f(Z, null, le(R.value, (i, d) => (h(), f(Z, {
-              key: A(i.row)
+              key: L(i.row)
             }, [
               i.visible ? (h(), f("tr", {
                 key: 0,
@@ -2004,10 +2004,10 @@ const Rt = /* @__PURE__ */ G({
                       class: c(s(l).e("indent")),
                       style: Y({ width: `${i.level * n.indent}px` })
                     }, null, 6),
-                    L(i.row) ? (h(), f("span", {
+                    A(i.row) ? (h(), f("span", {
                       key: 0,
                       class: c([s(l).e("expand-icon"), s(l).is("expanded", T(i.row))]),
-                      onClick: ie((u) => j(i.row), ["stop"])
+                      onClick: ie((u) => B(i.row), ["stop"])
                     }, [
                       T(i.row) ? (h(), oe(s(q), {
                         key: 0,
@@ -2171,7 +2171,7 @@ const Rt = /* @__PURE__ */ G({
       ], 2)
     ], 2));
   }
-}), At = ["colspan"], Lt = ["colspan"], qt = /* @__PURE__ */ G({
+}), Lt = ["colspan"], At = ["colspan"], qt = /* @__PURE__ */ G({
   name: "XDescriptionsItem",
   __name: "DescriptionsItem",
   props: {
@@ -2208,7 +2208,7 @@ const Rt = /* @__PURE__ */ G({
         colspan: n.span * 2 - 1
       }, [
         X(w.$slots, "default")
-      ], 10, At)
+      ], 10, Lt)
     ], 64)) : (h(), f("tr", {
       key: 1,
       class: c(s(t).b())
@@ -2222,7 +2222,7 @@ const Rt = /* @__PURE__ */ G({
         colspan: n.span * 2 - 1
       }, [
         X(w.$slots, "default")
-      ], 10, Lt)
+      ], 10, At)
     ], 2));
   }
 }), _t = /* @__PURE__ */ G({
@@ -2243,21 +2243,21 @@ const Rt = /* @__PURE__ */ G({
   },
   emits: ["scroll"],
   setup(n, { expose: o, emit: t }) {
-    const e = n, r = t, l = U("scrollbar"), a = E(), m = E(), M = E("0"), w = E("0"), $ = E(0), H = E(0), A = x(() => {
+    const e = n, r = t, l = U("scrollbar"), a = E(), m = E(), M = E("0"), w = E("0"), $ = E(0), H = E(0), L = x(() => {
       const C = {};
       return e.height && (C.height = typeof e.height == "number" ? `${e.height}px` : e.height), e.maxHeight && (C.maxHeight = typeof e.maxHeight == "number" ? `${e.maxHeight}px` : e.maxHeight), C;
     }), N = () => {
       if (!a.value) return;
       const C = a.value.offsetHeight - 4, z = a.value.offsetWidth - 4, R = a.value.scrollHeight, J = a.value.scrollWidth, O = C / R, Q = z / J;
       w.value = O >= 1 ? "0" : `${C * O}px`, M.value = Q >= 1 ? "0" : `${z * Q}px`;
-    }, L = (C) => {
+    }, A = (C) => {
       if (!a.value) return;
       const z = a.value.offsetHeight, R = a.value.offsetWidth;
       H.value = a.value.scrollTop * 100 / z, $.value = a.value.scrollLeft * 100 / R, r("scroll", C);
     }, T = (C) => {
       var z;
       (z = a.value) == null || z.scrollTo(C);
-    }, j = (C) => {
+    }, B = (C) => {
       a.value && (a.value.scrollTop = C);
     }, I = (C) => {
       a.value && (a.value.scrollLeft = C);
@@ -2269,7 +2269,7 @@ const Rt = /* @__PURE__ */ G({
       g && g.disconnect(), window.removeEventListener("resize", N);
     }), o({
       scrollTo: T,
-      setScrollTop: j,
+      setScrollTop: B,
       setScrollLeft: I,
       update: N
     }), (C, z) => (h(), f("div", {
@@ -2279,8 +2279,8 @@ const Rt = /* @__PURE__ */ G({
         ref_key: "wrapRef",
         ref: a,
         class: c([s(l).e("wrap"), n.wrapClass, { [s(l).em("wrap", "hidden-default")]: !n.native }]),
-        style: Y([A.value, { overflow: n.native ? "auto" : "hidden" }]),
-        onScroll: L
+        style: Y([L.value, { overflow: n.native ? "auto" : "hidden" }]),
+        onScroll: A
       }, [
         (h(), oe(pe(n.tag), {
           ref_key: "resizeRef",
@@ -2396,18 +2396,18 @@ const Rt = /* @__PURE__ */ G({
   },
   emits: ["load", "error"],
   setup(n, { emit: o }) {
-    const t = n, e = o, r = U("image"), l = E(!0), a = E(!1), m = E(!1), M = E(0), w = E(1), $ = E(0), H = E(0), A = E(0), N = E(!1), L = E({ x: 0, y: 0 }), T = E({ x: 0, y: 0 }), j = E(null), I = x(() => ({
+    const t = n, e = o, r = U("image"), l = E(!0), a = E(!1), m = E(!1), M = E(0), w = E(1), $ = E(0), H = E(0), L = E(0), N = E(!1), A = E({ x: 0, y: 0 }), T = E({ x: 0, y: 0 }), B = E(null), I = x(() => ({
       width: typeof t.width == "number" ? `${t.width}px` : t.width,
       height: typeof t.height == "number" ? `${t.height}px` : t.height,
       objectFit: t.fit
     })), g = x(() => t.previewList.length > 0 ? t.previewList : [t.src]), C = x(() => g.value[M.value]), z = x(
-      () => `translate(${H.value}px, ${A.value}px) scale(${w.value}) rotate(${$.value}deg)`
+      () => `translate(${H.value}px, ${L.value}px) scale(${w.value}) rotate(${$.value}deg)`
     ), R = () => {
-      w.value = 1, $.value = 0, H.value = 0, A.value = 0, N.value = !1;
-    }, J = (B) => {
-      l.value = !1, e("load", B);
-    }, O = (B) => {
-      l.value = !1, a.value = !0, e("error", B);
+      w.value = 1, $.value = 0, H.value = 0, L.value = 0, N.value = !1;
+    }, J = (j) => {
+      l.value = !1, e("load", j);
+    }, O = (j) => {
+      l.value = !1, a.value = !0, e("error", j);
     }, Q = () => {
       t.preview && (M.value = t.initialIndex, R(), m.value = !0);
     }, te = () => {
@@ -2419,28 +2419,28 @@ const Rt = /* @__PURE__ */ G({
     }, b = () => {
       w.value = Math.min(ke, w.value * 1.25);
     }, V = () => {
-      w.value = Math.max(Me, w.value / 1.25), w.value <= 1 && (H.value = 0, A.value = 0);
+      w.value = Math.max(Me, w.value / 1.25), w.value <= 1 && (H.value = 0, L.value = 0);
     }, i = () => R(), d = () => {
-      const B = j.value;
-      if (!B || !B.naturalWidth) return;
-      const F = B.getBoundingClientRect();
-      F.width <= 0 || (w.value = Math.min(ke, Math.max(Me, w.value * (B.naturalWidth / F.width))));
+      const j = B.value;
+      if (!j || !j.naturalWidth) return;
+      const F = j.getBoundingClientRect();
+      F.width <= 0 || (w.value = Math.min(ke, Math.max(Me, w.value * (j.naturalWidth / F.width))));
     }, v = () => {
       $.value = ($.value + 90) % 360;
     }, y = () => {
-      const B = document.createElement("a");
-      B.href = C.value, B.download = "", B.target = "_blank", B.rel = "noopener", B.click();
-    }, u = (B) => {
-      B.preventDefault(), B.deltaY < 0 ? b() : V();
-    }, k = (B) => {
-      w.value <= 1 || (N.value = !0, L.value = { x: B.clientX, y: B.clientY }, T.value = { x: H.value, y: A.value });
-    }, S = (B) => {
-      N.value && (H.value = T.value.x + (B.clientX - L.value.x), A.value = T.value.y + (B.clientY - L.value.y));
+      const j = document.createElement("a");
+      j.href = C.value, j.download = "", j.target = "_blank", j.rel = "noopener", j.click();
+    }, u = (j) => {
+      j.preventDefault(), j.deltaY < 0 ? b() : V();
+    }, k = (j) => {
+      w.value <= 1 || (N.value = !0, A.value = { x: j.clientX, y: j.clientY }, T.value = { x: H.value, y: L.value });
+    }, S = (j) => {
+      N.value && (H.value = T.value.x + (j.clientX - A.value.x), L.value = T.value.y + (j.clientY - A.value.y));
     }, K = () => {
       N.value = !1;
-    }, P = (B) => {
+    }, P = (j) => {
       if (m.value)
-        switch (B.key) {
+        switch (j.key) {
           case "ArrowLeft":
             se();
             break;
@@ -2468,7 +2468,7 @@ const Rt = /* @__PURE__ */ G({
     };
     return typeof window < "u" && window.addEventListener("keydown", P), he(() => {
       typeof window < "u" && window.removeEventListener("keydown", P);
-    }), ne(M, () => R()), (B, F) => (h(), f("div", {
+    }), ne(M, () => R()), (j, F) => (h(), f("div", {
       class: c(s(r).b()),
       style: Y({ width: I.value.width, height: I.value.height })
     }, [
@@ -2485,7 +2485,7 @@ const Rt = /* @__PURE__ */ G({
         key: 0,
         class: c(s(r).e("placeholder"))
       }, [
-        X(B.$slots, "placeholder", {}, () => [
+        X(j.$slots, "placeholder", {}, () => [
           ee(s(q), {
             name: "loading",
             size: 24
@@ -2496,7 +2496,7 @@ const Rt = /* @__PURE__ */ G({
         key: 1,
         class: c(s(r).e("error"))
       }, [
-        X(B.$slots, "error", {}, () => [
+        X(j.$slots, "error", {}, () => [
           ee(s(q), {
             name: "image",
             size: 24
@@ -2504,7 +2504,7 @@ const Rt = /* @__PURE__ */ G({
           F[2] || (F[2] = p("span", null, "加载失败", -1))
         ])
       ], 2)) : D("", !0),
-      (h(), oe(Le, { to: "body" }, [
+      (h(), oe(Ae, { to: "body" }, [
         m.value ? (h(), f("div", {
           key: 0,
           class: c(s(r).e("preview")),
@@ -2668,7 +2668,7 @@ const Rt = /* @__PURE__ */ G({
           ], 2),
           p("img", {
             ref_key: "previewImgRef",
-            ref: j,
+            ref: B,
             src: C.value,
             class: c([s(r).e("preview-image"), { "is-zoomable": w.value > 1 }]),
             style: Y({ transform: z.value }),
@@ -2749,15 +2749,15 @@ const Rt = /* @__PURE__ */ G({
         });
       }
       return g;
-    }), H = (g, C) => g.getFullYear() === C.getFullYear() && g.getMonth() === C.getMonth() && g.getDate() === C.getDate(), A = (g) => {
+    }), H = (g, C) => g.getFullYear() === C.getFullYear() && g.getMonth() === C.getMonth() && g.getDate() === C.getDate(), L = (g) => {
       e("update:modelValue", g.date), e("select", g.date), e("change", g.date);
     }, N = () => {
       l.value--;
-    }, L = () => {
+    }, A = () => {
       l.value++;
     }, T = () => {
       a.value === 0 ? (a.value = 11, l.value--) : a.value--;
-    }, j = () => {
+    }, B = () => {
       a.value === 11 ? (a.value = 0, l.value++) : a.value++;
     }, I = () => {
       l.value = w.getFullYear(), a.value = w.getMonth(), e("update:modelValue", w), e("select", w);
@@ -2800,7 +2800,7 @@ const Rt = /* @__PURE__ */ G({
           }, "今天", 2),
           p("button", {
             class: c(s(r).e("btn")),
-            onClick: j
+            onClick: B
           }, [
             ee(s(q), {
               name: "arrow-right",
@@ -2809,7 +2809,7 @@ const Rt = /* @__PURE__ */ G({
           ], 2),
           p("button", {
             class: c(s(r).e("btn")),
-            onClick: L
+            onClick: A
           }, [
             ee(s(q), {
               name: "d-arrow-right",
@@ -2837,7 +2837,7 @@ const Rt = /* @__PURE__ */ G({
             s(r).is("today", z.isToday),
             s(r).is("selected", z.isSelected)
           ]),
-          onClick: (J) => A(z)
+          onClick: (J) => L(z)
         }, [
           X(g.$slots, "default", {
             date: z.date,
@@ -2865,27 +2865,27 @@ const Rt = /* @__PURE__ */ G({
     const t = n, e = o, r = U("qrcode"), l = E(), a = async () => {
       if (!(!l.value || !t.value))
         try {
-          const A = await m(t.value, t.level);
-          $(A), e("ready", l.value);
-        } catch (A) {
-          e("error", A);
+          const L = await m(t.value, t.level);
+          $(L), e("ready", l.value);
+        } catch (L) {
+          e("error", L);
         }
-    }, m = async (A, N) => {
+    }, m = async (L, N) => {
       const T = [];
       for (let g = 0; g < 21; g++)
         T.push(new Array(21).fill(0));
       M(T, 0, 0), M(T, 14, 0), M(T, 0, 14);
       for (let g = 8; g < 13; g++)
         T[6][g] = g % 2 === 0 ? 1 : 0, T[g][6] = g % 2 === 0 ? 1 : 0;
-      const j = new TextEncoder().encode(A);
+      const B = new TextEncoder().encode(L);
       let I = 0;
       for (let g = 20; g > 0; g -= 2) {
         g === 6 && g--;
         for (let C = 0; C < 21; C++)
           for (let z = 0; z < 2; z++) {
             const R = g - z;
-            if (!w(R, C, 21) && I < j.length) {
-              const J = j[I];
+            if (!w(R, C, 21) && I < B.length) {
+              const J = B[I];
               for (let O = 7; O >= 0 && !(C < 21 && !w(R, C, 21) && (T[C][R] = J >> O & 1, C++, C >= 21)); O--)
                 ;
               I++;
@@ -2893,29 +2893,29 @@ const Rt = /* @__PURE__ */ G({
           }
       }
       return T;
-    }, M = (A, N, L) => {
+    }, M = (L, N, A) => {
       for (let T = 0; T < 7; T++)
-        for (let j = 0; j < 7; j++)
-          (T === 0 || T === 6 || j === 0 || j === 6 || T >= 2 && T <= 4 && j >= 2 && j <= 4) && (A[N + T][L + j] = 1);
-    }, w = (A, N, L) => A < 8 && N < 8 || A < 8 && N >= L - 8 || A >= L - 8 && N < 8 || A === 6 || N === 6, $ = (A) => {
+        for (let B = 0; B < 7; B++)
+          (T === 0 || T === 6 || B === 0 || B === 6 || T >= 2 && T <= 4 && B >= 2 && B <= 4) && (L[N + T][A + B] = 1);
+    }, w = (L, N, A) => L < 8 && N < 8 || L < 8 && N >= A - 8 || L >= A - 8 && N < 8 || L === 6 || N === 6, $ = (L) => {
       if (!l.value) return;
       const N = l.value.getContext("2d");
       if (!N) return;
-      const L = A.length, T = t.size / L;
+      const A = L.length, T = t.size / A;
       l.value.width = t.size, l.value.height = t.size, N.fillStyle = t.bgColor, N.fillRect(0, 0, t.size, t.size), N.fillStyle = t.fgColor;
-      for (let j = 0; j < L; j++)
-        for (let I = 0; I < L; I++)
-          A[j][I] && N.fillRect(I * T, j * T, T, T);
+      for (let B = 0; B < A; B++)
+        for (let I = 0; I < A; I++)
+          L[B][I] && N.fillRect(I * T, B * T, T, T);
     }, H = () => {
       if (!l.value) return;
-      const A = document.createElement("a");
-      A.download = "qrcode.png", A.href = l.value.toDataURL("image/png"), A.click();
+      const L = document.createElement("a");
+      L.download = "qrcode.png", L.href = l.value.toDataURL("image/png"), L.click();
     };
     return ne(() => [t.value, t.size, t.bgColor, t.fgColor, t.level], () => {
       a();
     }), ce(() => {
       a();
-    }), (A, N) => (h(), f("div", {
+    }), (L, N) => (h(), f("div", {
       class: c(s(r).b())
     }, [
       p("canvas", {
@@ -2953,10 +2953,10 @@ const Rt = /* @__PURE__ */ G({
       if (!e.virtual) return 0;
       const g = Math.floor(m.value / e.itemSize) - e.buffer;
       return Math.max(0, g);
-    }), A = x(() => e.virtual ? Math.min(e.items.length, H.value + $.value) : e.items.length), N = x(() => e.virtual ? e.items.slice(H.value, A.value).map((g, C) => ({
+    }), L = x(() => e.virtual ? Math.min(e.items.length, H.value + $.value) : e.items.length), N = x(() => e.virtual ? e.items.slice(H.value, L.value).map((g, C) => ({
       ...g,
       index: H.value + C
-    })) : e.items), L = x(() => H.value * e.itemSize), T = (g) => {
+    })) : e.items), A = x(() => H.value * e.itemSize), T = (g) => {
       const C = g.target;
       m.value = C.scrollTop, r("scroll", m.value);
     };
@@ -2980,7 +2980,7 @@ const Rt = /* @__PURE__ */ G({
       }, [
         p("div", {
           class: c(s(l).e("content")),
-          style: Y({ transform: `translateY(${L.value}px)` })
+          style: Y({ transform: `translateY(${A.value}px)` })
         }, [
           (h(!0), f(Z, null, le(N.value, (z, R) => (h(), f("div", {
             key: z.id ?? R,
@@ -3063,12 +3063,12 @@ export {
   ta as CollapseItem,
   Jt as Descriptions,
   qt as DescriptionsItem,
-  jt as DynamicTable,
+  Bt as DynamicTable,
   Wt as Empty,
   aa as Image,
   oa as InfiniteScroll,
   Ye as Pagination,
-  Bt as Progress,
+  jt as Progress,
   na as QRCode,
   _t as Scrollbar,
   Ft as Table,