@xto/data 1.4.4 → 1.5.0

package/es/index.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as Q, computed as b, openBlock as h, createElementBlock as v, normalizeStyle as O, normalizeClass as u, createElementVNode as m, renderSlot as P, createTextVNode as q, toDisplayString as B, unref as s, createVNode as J, createCommentVNode as D, ref as j, watch as te, Fragment as F, renderList as _, withDirectives as ge, withKeys as Ce, vModelText as ze, useSlots as me, withModifiers as re, inject as ue, resolveComponent as Ie, createBlock as se, withCtx as ye, vShow as Me, reactive as ke, provide as de, toRef as $e, nextTick as we, onMounted as ce, onUnmounted as fe, resolveDynamicComponent as pe, Teleport as Se, onBeforeUnmount as Le } from "vue";
-import { useNamespace as G } from "@xto/core";
-const be = {
+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 { useNamespace as U } from "@xto/core";
+const Ce = {
   // 箭头类
   "arrow-up": "M12 19V5m0 0l-7 7m7-7l7 7",
   "arrow-down": "M12 5v14m0 0l7-7m-7 7l-7-7",
@@ -202,9 +202,9 @@ const be = {
   // 上箭头
 };
 function De(n) {
-  return n in be;
+  return n in Ce;
 }
-const Ke = ["aria-hidden", "aria-label"], Ae = ["stroke-width"], He = ["d"], Z = /* @__PURE__ */ Q({
+const He = ["aria-hidden", "aria-label"], Ne = ["stroke-width"], Ve = ["d"], q = /* @__PURE__ */ G({
   name: "XIcon",
   __name: "index",
   props: {
@@ -215,28 +215,28 @@ const Ke = ["aria-hidden", "aria-label"], Ae = ["stroke-width"], He = ["d"], Z =
     strokeWidth: { default: 2 }
   },
   setup(n, { expose: o }) {
-    const t = n, e = G("icon"), r = b(() => typeof t.size == "number" ? `${t.size}px` : t.size), l = b(() => ({
+    const t = n, e = U("icon"), r = x(() => typeof t.size == "number" ? `${t.size}px` : t.size), l = x(() => ({
       width: r.value,
       height: r.value,
       color: t.color
-    })), a = b(() => ({
+    })), a = x(() => ({
       strokeWidth: t.strokeWidth
-    })), p = b(() => [
+    })), m = x(() => [
       e.b(),
       e.is("spin", t.spin)
-    ]), y = b(() => t.name && De(t.name) ? be[t.name] : "");
+    ]), M = x(() => t.name && De(t.name) ? Ce[t.name] : "");
     return o({
       iconSize: r,
       iconStyle: l,
-      iconPath: y
-    }), (C, I) => (h(), v("span", {
-      class: u(p.value),
-      style: O(l.value),
+      iconPath: M
+    }), (w, $) => (h(), f("span", {
+      class: c(m.value),
+      style: Y(l.value),
       "aria-hidden": !n.name,
       "aria-label": n.name,
       role: "img"
     }, [
-      y.value ? (h(), v("svg", {
+      M.value ? (h(), f("svg", {
         key: 0,
         viewBox: "0 0 24 24",
         fill: "none",
@@ -244,16 +244,16 @@ const Ke = ["aria-hidden", "aria-label"], Ae = ["stroke-width"], He = ["d"], Z =
         "stroke-width": n.strokeWidth,
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
-        style: O(a.value),
+        style: Y(a.value),
         "aria-hidden": "true"
       }, [
-        m("path", { d: y.value }, null, 8, He)
-      ], 12, Ae)) : P(C.$slots, "default", { key: 1 }, () => [
-        q(B(n.name), 1)
+        p("path", { d: M.value }, null, 8, Ve)
+      ], 12, Ne)) : X(w.$slots, "default", { key: 1 }, () => [
+        ae(W(n.name), 1)
       ])
-    ], 14, Ke));
+    ], 14, He));
   }
-}), Nt = /* @__PURE__ */ Q({
+}), Tt = /* @__PURE__ */ G({
   name: "XTag",
   __name: "index",
   props: {
@@ -266,37 +266,37 @@ const Ke = ["aria-hidden", "aria-label"], Ae = ["stroke-width"], He = ["d"], Z =
   },
   emits: ["close"],
   setup(n, { emit: o }) {
-    const t = n, e = o, r = G("tag"), l = b(() => [
+    const t = n, e = o, r = U("tag"), l = x(() => [
       r.b(),
       r.m(t.type || "primary"),
       t.size !== "default" ? r.m(t.size) : "",
       r.m(t.effect),
       r.is("hit", t.hit)
-    ]), a = b(() => t.color ? {
+    ]), a = x(() => t.color ? {
       backgroundColor: t.effect === "dark" ? t.color : "",
       borderColor: t.color,
       color: t.effect === "dark" ? "#fff" : t.color
-    } : {}), p = (y) => {
-      e("close", y);
+    } : {}), m = (M) => {
+      e("close", M);
     };
-    return (y, C) => (h(), v("span", {
-      class: u(l.value),
-      style: O(a.value)
+    return (M, w) => (h(), f("span", {
+      class: c(l.value),
+      style: Y(a.value)
     }, [
-      P(y.$slots, "default"),
-      n.closable ? (h(), v("i", {
+      X(M.$slots, "default"),
+      n.closable ? (h(), f("i", {
         key: 0,
-        class: u(s(r).e("close")),
-        onClick: p
+        class: c(s(r).e("close")),
+        onClick: m
       }, [
-        J(s(Z), {
+        ee(s(q), {
           name: "close",
           size: 10
         })
       ], 2)) : D("", !0)
     ], 6));
   }
-}), Tt = /* @__PURE__ */ Q({
+}), Et = /* @__PURE__ */ G({
   name: "XCard",
   __name: "index",
   props: {
@@ -305,30 +305,30 @@ const Ke = ["aria-hidden", "aria-label"], Ae = ["stroke-width"], He = ["d"], Z =
     shadow: { default: "always" }
   },
   setup(n) {
-    const o = n, t = G("card"), e = b(() => [
+    const o = n, t = U("card"), e = x(() => [
       t.b(),
       t.is(`shadow-${o.shadow}`)
     ]);
-    return (r, l) => (h(), v("div", {
-      class: u(e.value)
+    return (r, l) => (h(), f("div", {
+      class: c(e.value)
     }, [
-      n.header || r.$slots.header ? (h(), v("div", {
+      n.header || r.$slots.header ? (h(), f("div", {
         key: 0,
-        class: u(s(t).e("header"))
+        class: c(s(t).e("header"))
       }, [
-        P(r.$slots, "header", {}, () => [
-          q(B(n.header), 1)
+        X(r.$slots, "header", {}, () => [
+          ae(W(n.header), 1)
         ])
       ], 2)) : D("", !0),
-      m("div", {
-        class: u(s(t).e("body")),
-        style: O(n.bodyStyle)
+      p("div", {
+        class: c(s(t).e("body")),
+        style: Y(n.bodyStyle)
       }, [
-        P(r.$slots, "default")
+        X(r.$slots, "default")
       ], 6)
     ], 2));
   }
-}), Ne = ["viewBox"], Te = ["cx", "cy", "r", "stroke-width"], Ve = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke"], Vt = /* @__PURE__ */ Q({
+}), Te = ["viewBox"], Ee = ["cx", "cy", "r", "stroke-width"], Be = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke"], Bt = /* @__PURE__ */ G({
   name: "XProgress",
   __name: "index",
   props: {
@@ -336,60 +336,60 @@ const Ke = ["aria-hidden", "aria-label"], Ae = ["stroke-width"], He = ["d"], Z =
     type: { default: "line" },
     status: { default: "" },
     strokeWidth: { default: 6 },
-    color: { type: [String, Array, Function], default: "#1D4ED8" },
+    color: { type: [String, Array, Function], default: "#12B6AF" },
     width: { default: 126 },
     showText: { type: Boolean, default: !0 }
   },
   setup(n) {
-    const o = n, t = G("progress"), e = b(() => Math.min(100, Math.max(0, o.percentage))), r = b(() => ({
+    const o = n, t = U("progress"), e = x(() => Math.min(100, Math.max(0, o.percentage))), r = x(() => ({
       width: `${e.value}%`,
       backgroundColor: typeof o.color == "function" ? o.color(e.value) : o.color
-    })), l = b(() => [
+    })), l = x(() => [
       t.b(),
       t.m(o.type),
       t.is("show-text", o.showText),
       t.is(`status-${o.status || ""}`, o.status)
     ]);
-    return b(() => o.status === "success" ? "100%" : o.status === "warning" ? "Warning" : o.status === "exception" ? "Exception" : `${e.value}%`), (a, p) => (h(), v("div", {
-      class: u(l.value)
+    return x(() => o.status === "success" ? "100%" : o.status === "warning" ? "Warning" : o.status === "exception" ? "Exception" : `${e.value}%`), (a, m) => (h(), f("div", {
+      class: c(l.value)
     }, [
-      n.type === "line" ? (h(), v("div", {
+      n.type === "line" ? (h(), f("div", {
         key: 0,
-        class: u(s(t).e("line"))
+        class: c(s(t).e("line"))
       }, [
-        m("div", {
-          class: u(s(t).e("outer"))
+        p("div", {
+          class: c(s(t).e("outer"))
         }, [
-          m("div", {
-            class: u(s(t).e("inner"))
+          p("div", {
+            class: c(s(t).e("inner"))
           }, [
-            m("div", {
-              class: u(s(t).e("bar")),
-              style: O(r.value)
+            p("div", {
+              class: c(s(t).e("bar")),
+              style: Y(r.value)
             }, null, 6)
           ], 2)
         ], 2),
-        n.showText ? (h(), v("div", {
+        n.showText ? (h(), f("div", {
           key: 0,
-          class: u(s(t).e("text"))
-        }, B(e.value) + "% ", 3)) : D("", !0)
-      ], 2)) : (h(), v("div", {
+          class: c(s(t).e("text"))
+        }, W(e.value) + "% ", 3)) : D("", !0)
+      ], 2)) : (h(), f("div", {
         key: 1,
-        class: u(s(t).e("circle"))
+        class: c(s(t).e("circle"))
       }, [
-        (h(), v("svg", {
+        (h(), f("svg", {
           viewBox: `0 0 ${n.width} ${n.width}`,
-          style: O({ width: `${n.width}px`, height: `${n.width}px` })
+          style: Y({ width: `${n.width}px`, height: `${n.width}px` })
         }, [
-          m("circle", {
+          p("circle", {
             cx: n.width / 2,
             cy: n.width / 2,
             r: (n.width - n.strokeWidth) / 2,
             fill: "none",
             "stroke-width": n.strokeWidth,
-            stroke: "var(--xto-fill-color, #F1F5F9)"
-          }, null, 8, Te),
-          m("circle", {
+            stroke: "var(--xto-fill-color, #F2F3F5)"
+          }, null, 8, Ee),
+          p("circle", {
             cx: n.width / 2,
             cy: n.width / 2,
             r: (n.width - n.strokeWidth) / 2,
@@ -399,16 +399,16 @@ const Ke = ["aria-hidden", "aria-label"], Ae = ["stroke-width"], He = ["d"], Z =
             stroke: typeof n.color == "function" ? n.color(e.value) : n.color,
             "stroke-linecap": "round",
             style: { transform: "rotate(-90deg)", "transform-origin": "center" }
-          }, null, 8, Ve)
-        ], 12, Ne)),
-        n.showText ? (h(), v("div", {
+          }, null, 8, Be)
+        ], 12, Te)),
+        n.showText ? (h(), f("div", {
           key: 0,
-          class: u(s(t).e("circle-text"))
-        }, B(e.value) + "% ", 3)) : D("", !0)
+          class: c(s(t).e("circle-text"))
+        }, W(e.value) + "% ", 3)) : D("", !0)
       ], 2))
     ], 2));
   }
-}), Ee = ["disabled"], Be = ["onClick"], je = ["disabled"], Re = ["value"], Pe = ["value"], We = /* @__PURE__ */ Q({
+}), je = ["disabled"], Re = ["onClick"], We = ["disabled"], Pe = ["value"], Oe = ["value"], Ye = /* @__PURE__ */ G({
   name: "XPagination",
   __name: "index",
   props: {
@@ -420,52 +420,52 @@ const Ke = ["aria-hidden", "aria-label"], Ae = ["stroke-width"], He = ["d"], Z =
   },
   emits: ["update:currentPage", "update:pageSize", "current-change", "size-change"],
   setup(n, { emit: o }) {
-    const t = n, e = o, r = G("pagination"), l = j(t.currentPage), a = j(t.pageSize);
-    te(() => t.currentPage, ($) => {
-      l.value = $;
-    }), te(() => t.pageSize, ($) => {
-      a.value = $;
+    const t = n, e = o, r = U("pagination"), l = E(t.currentPage), a = E(t.pageSize);
+    ne(() => t.currentPage, (I) => {
+      l.value = I;
+    }), ne(() => t.pageSize, (I) => {
+      a.value = I;
     });
-    const p = b(() => l.value), y = b(() => a.value), C = b(() => Math.max(1, Math.ceil(t.total / y.value))), I = b(
-      () => t.layout.split(",").map(($) => $.trim()).filter(Boolean)
-    ), N = ($) => I.value.includes($), L = b(() => {
-      const $ = [], M = C.value, w = p.value;
-      if (M <= 7)
-        for (let x = 1; x <= M; x++) $.push(x);
-      else if (w <= 4) {
-        for (let x = 1; x <= 5; x++) $.push(x);
-        $.push(-1), $.push(M);
-      } else if (w >= M - 3) {
-        $.push(1), $.push(-1);
-        for (let x = M - 4; x <= M; x++) $.push(x);
+    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(() => {
+      const I = [], g = w.value, C = m.value;
+      if (g <= 7)
+        for (let z = 1; z <= g; z++) I.push(z);
+      else if (C <= 4) {
+        for (let z = 1; z <= 5; z++) I.push(z);
+        I.push(-1), I.push(g);
+      } else if (C >= g - 3) {
+        I.push(1), I.push(-1);
+        for (let z = g - 4; z <= g; z++) I.push(z);
       } else {
-        $.push(1), $.push(-1);
-        for (let x = w - 1; x <= w + 1; x++) $.push(x);
-        $.push(-1), $.push(M);
+        I.push(1), I.push(-1);
+        for (let z = C - 1; z <= C + 1; z++) I.push(z);
+        I.push(-1), I.push(g);
       }
-      return $;
-    }), T = ($) => {
-      $ < 1 || $ > C.value || $ === p.value || (l.value = $, e("update:currentPage", $), e("current-change", $));
-    }, K = ($) => {
-      $ !== y.value && (a.value = $, e("update:pageSize", $), e("size-change", $), l.value = 1, e("update:currentPage", 1), e("current-change", 1));
-    }, H = j(""), E = () => {
-      const $ = parseInt(H.value, 10);
-      isFinite($) && (T(Math.min(Math.max(1, $), C.value)), H.value = "");
+      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) => {
+      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 = () => {
+      const I = parseInt(T.value, 10);
+      isFinite(I) && (N(Math.min(Math.max(1, I), w.value)), T.value = "");
     };
-    return ($, M) => (h(), v("div", {
-      class: u(s(r).b())
+    return (I, g) => (h(), f("div", {
+      class: c(s(r).b())
     }, [
-      N("total") ? (h(), v("span", {
+      H("total") ? (h(), f("span", {
         key: 0,
-        class: u(s(r).e("total"))
-      }, "共 " + B(n.total) + " 条", 3)) : D("", !0),
-      N("prev") ? (h(), v("button", {
+        class: c(s(r).e("total"))
+      }, "共 " + W(n.total) + " 条", 3)) : D("", !0),
+      H("prev") ? (h(), f("button", {
         key: 1,
-        class: u(s(r).e("btn")),
-        disabled: p.value <= 1,
-        onClick: M[0] || (M[0] = (w) => T(p.value - 1))
-      }, [...M[4] || (M[4] = [
-        m("svg", {
+        class: c(s(r).e("btn")),
+        disabled: m.value <= 1,
+        onClick: g[0] || (g[0] = (C) => N(m.value - 1))
+      }, [...g[4] || (g[4] = [
+        p("svg", {
           viewBox: "0 0 24 24",
           fill: "none",
           stroke: "currentColor",
@@ -473,30 +473,30 @@ const Ke = ["aria-hidden", "aria-label"], Ae = ["stroke-width"], He = ["d"], Z =
           width: "12",
           height: "12"
         }, [
-          m("path", {
+          p("path", {
             d: "M15 18l-6-6 6-6",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           })
         ], -1)
-      ])], 10, Ee)) : D("", !0),
-      N("pager") ? (h(!0), v(F, { key: 2 }, _(L.value, (w) => (h(), v(F, { key: w }, [
-        w === -1 ? (h(), v("span", {
+      ])], 10, je)) : D("", !0),
+      H("pager") ? (h(!0), f(Z, { key: 2 }, le(A.value, (C) => (h(), f(Z, { key: C }, [
+        C === -1 ? (h(), f("span", {
           key: 0,
-          class: u(s(r).e("ellipsis"))
-        }, "...", 2)) : (h(), v("button", {
+          class: c(s(r).e("ellipsis"))
+        }, "...", 2)) : (h(), f("button", {
           key: 1,
-          class: u([s(r).e("btn"), s(r).is("active", w === p.value)]),
-          onClick: (x) => T(w)
-        }, B(w), 11, Be))
+          class: c([s(r).e("btn"), s(r).is("active", C === m.value)]),
+          onClick: (z) => N(C)
+        }, W(C), 11, Re))
       ], 64))), 128)) : D("", !0),
-      N("next") ? (h(), v("button", {
+      H("next") ? (h(), f("button", {
         key: 3,
-        class: u(s(r).e("btn")),
-        disabled: p.value >= C.value,
-        onClick: M[1] || (M[1] = (w) => T(p.value + 1))
-      }, [...M[5] || (M[5] = [
-        m("svg", {
+        class: c(s(r).e("btn")),
+        disabled: m.value >= w.value,
+        onClick: g[1] || (g[1] = (C) => N(m.value + 1))
+      }, [...g[5] || (g[5] = [
+        p("svg", {
           viewBox: "0 0 24 24",
           fill: "none",
           stroke: "currentColor",
@@ -504,44 +504,44 @@ const Ke = ["aria-hidden", "aria-label"], Ae = ["stroke-width"], He = ["d"], Z =
           width: "12",
           height: "12"
         }, [
-          m("path", {
+          p("path", {
             d: "M9 18l6-6-6-6",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           })
         ], -1)
-      ])], 10, je)) : D("", !0),
-      N("sizes") ? (h(), v("select", {
+      ])], 10, We)) : D("", !0),
+      H("sizes") ? (h(), f("select", {
         key: 4,
-        class: u(s(r).e("sizes")),
-        value: y.value,
-        onChange: M[2] || (M[2] = (w) => K(Number(w.target.value)))
+        class: c(s(r).e("sizes")),
+        value: M.value,
+        onChange: g[2] || (g[2] = (C) => L(Number(C.target.value)))
       }, [
-        (h(!0), v(F, null, _(n.pageSizes, (w) => (h(), v("option", {
-          key: w,
-          value: w
-        }, B(w) + " 条/页", 9, Pe))), 128))
-      ], 42, Re)) : D("", !0),
-      N("jumper") ? (h(), v("span", {
+        (h(!0), f(Z, null, le(n.pageSizes, (C) => (h(), f("option", {
+          key: C,
+          value: C
+        }, W(C) + " 条/页", 9, Oe))), 128))
+      ], 42, Pe)) : D("", !0),
+      H("jumper") ? (h(), f("span", {
         key: 5,
-        class: u(s(r).e("jumper"))
+        class: c(s(r).e("jumper"))
       }, [
-        M[6] || (M[6] = q(" 前往 ", -1)),
-        ge(m("input", {
-          class: u(s(r).e("jumper-input")),
+        g[6] || (g[6] = ae(" 前往 ", -1)),
+        ge(p("input", {
+          class: c(s(r).e("jumper-input")),
           type: "text",
           inputmode: "numeric",
-          "onUpdate:modelValue": M[3] || (M[3] = (w) => H.value = w),
-          onKeyup: Ce(E, ["enter"]),
-          onBlur: E
+          "onUpdate:modelValue": g[3] || (g[3] = (C) => T.value = C),
+          onKeyup: Ie(j, ["enter"]),
+          onBlur: j
         }, null, 34), [
-          [ze, H.value]
+          [$e, T.value]
         ]),
-        M[7] || (M[7] = q(" 页 ", -1))
+        g[7] || (g[7] = ae(" 页 ", -1))
       ], 2)) : D("", !0)
     ], 2));
   }
-}), Oe = { key: 0 }, Ye = ["checked", "indeterminate"], Xe = ["onClick"], Qe = { class: "sort-arrow up" }, Ge = { class: "sort-arrow down" }, Fe = ["onClick"], Ze = ["checked", "onChange"], Ue = ["onClick"], Je = ["onClick"], qe = { key: 1 }, _e = ["colspan"], Et = /* @__PURE__ */ Q({
+}), 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({
   name: "XDynamicTable",
   __name: "index",
   props: {
@@ -565,371 +565,371 @@ const Ke = ["aria-hidden", "aria-label"], Ae = ["stroke-width"], He = ["d"], Z =
   emits: ["sort-change", "row-click", "row-dblclick", "selection-change", "select-all", "cell-click", "add-row", "delete-row", "update:data"],
   setup(n, { expose: o, emit: t }) {
     var V, i;
-    const e = n, r = t, l = G("dynamic-table");
+    const e = n, r = t, l = U("dynamic-table");
     me();
-    const a = b({
+    const a = x({
       get: () => e.data,
       set: (d) => r("update:data", d)
-    }), p = j({
+    }), m = E({
       prop: ((V = e.defaultSort) == null ? void 0 : V.prop) || "",
       order: ((i = e.defaultSort) == null ? void 0 : i.order) || null
-    }), y = j([]), C = j(!1), I = j(!1), N = b(() => {
-      if (!p.value.prop || !p.value.order)
+    }), M = E([]), w = E(!1), $ = E(!1), H = x(() => {
+      if (!m.value.prop || !m.value.order)
         return a.value;
-      const { prop: d, order: f } = p.value;
-      return [...a.value].sort((g, c) => {
-        const k = g[d], S = c[d];
+      const { prop: d, order: v } = m.value;
+      return [...a.value].sort((y, u) => {
+        const k = y[d], S = u[d];
         if (k === S) return 0;
-        const A = k > S ? 1 : -1;
-        return f === "ascending" ? A : -A;
+        const K = k > S ? 1 : -1;
+        return v === "ascending" ? K : -K;
       });
-    }), L = b(() => {
+    }), A = 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;
-    }), T = b(() => {
+    }), N = x(() => {
       const d = typeof e.operationWidth == "number" ? `${e.operationWidth}px` : e.operationWidth;
       return { width: d, minWidth: d };
-    }), K = b(() => [
+    }), L = x(() => [
       l.b(),
       l.is("border", e.border),
       l.is("stripe", e.stripe),
       l.is("loading", e.loading)
-    ]), H = (d) => {
-      d.sortable && (p.value.prop === d.prop ? p.value.order === "ascending" ? p.value.order = "descending" : p.value.order === "descending" && (p.value.order = null, p.value.prop = "") : (p.value.prop = d.prop, p.value.order = "ascending"), r("sort-change", { ...p.value }));
-    }, E = (d) => d.sortable ? p.value.prop !== d.prop ? l.is("sortable") : [
+    ]), 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") : [
       l.is("sortable"),
-      l.is(`sort-${p.value.order}`)
-    ] : "", $ = (d, f, g) => {
-      const c = d[f.prop];
-      return f.formatter ? f.formatter(d, f, c, g) : c ?? "";
-    }, M = (d, f, g) => {
-      r("row-click", d, f, g);
-    }, w = (d, f, g) => {
-      const c = g.target;
-      r("cell-click", d, f, c, g);
-    }, x = () => {
-      C.value || I.value ? (y.value = [], C.value = !1, I.value = !1) : (y.value = [...a.value], C.value = !0, I.value = !1), r("select-all", y.value), r("selection-change", y.value);
-    }, Y = (d) => {
-      const f = y.value.findIndex((g) => typeof e.rowKey == "function" ? e.rowKey(g) === e.rowKey(d) : e.rowKey ? g[e.rowKey] === d[e.rowKey] : g === d);
-      f > -1 ? y.value.splice(f, 1) : y.value.push(d), C.value = y.value.length === a.value.length, I.value = y.value.length > 0 && y.value.length < a.value.length, r("selection-change", y.value);
-    }, U = (d) => y.value.some((f) => typeof e.rowKey == "function" ? e.rowKey(f) === e.rowKey(d) : e.rowKey ? f[e.rowKey] === d[e.rowKey] : f === d), W = (d) => {
-      const f = {};
-      return d.width && (f.width = typeof d.width == "number" ? `${d.width}px` : d.width), d.minWidth && (f.minWidth = typeof d.minWidth == "number" ? `${d.minWidth}px` : d.minWidth), d.align && (f.textAlign = d.align), f;
-    }, X = (d) => {
-      const f = d || {};
-      e.columns.forEach((g) => {
-        f[g.prop] === void 0 && (f[g.prop] = "");
-      }), a.value = [...a.value, f], r("add-row", f);
-    }, ae = (d) => {
-      const f = a.value[d];
-      a.value = a.value.filter((g, c) => c !== d), r("delete-row", f, d);
+      l.is(`sort-${m.value.order}`)
+    ] : "", I = (d, v, y) => {
+      const u = d[v.prop];
+      return v.formatter ? v.formatter(d, v, u, y) : u ?? "";
+    }, g = (d, v, y) => {
+      r("row-click", d, v, y);
+    }, C = (d, v, y) => {
+      const u = y.target;
+      r("cell-click", d, v, u, y);
+    }, z = () => {
+      w.value || $.value ? (M.value = [], w.value = !1, $.value = !1) : (M.value = [...a.value], w.value = !0, $.value = !1), r("select-all", M.value), r("selection-change", M.value);
+    }, R = (d) => {
+      const v = M.value.findIndex((y) => typeof e.rowKey == "function" ? e.rowKey(y) === e.rowKey(d) : e.rowKey ? y[e.rowKey] === d[e.rowKey] : y === d);
+      v > -1 ? M.value.splice(v, 1) : M.value.push(d), w.value = M.value.length === a.value.length, $.value = M.value.length > 0 && M.value.length < a.value.length, r("selection-change", M.value);
+    }, J = (d) => M.value.some((v) => typeof e.rowKey == "function" ? e.rowKey(v) === e.rowKey(d) : e.rowKey ? v[e.rowKey] === d[e.rowKey] : v === d), O = (d) => {
+      const v = {};
+      return d.width && (v.width = typeof d.width == "number" ? `${d.width}px` : d.width), d.minWidth && (v.minWidth = typeof d.minWidth == "number" ? `${d.minWidth}px` : d.minWidth), d.align && (v.textAlign = d.align), v;
+    }, Q = (d) => {
+      const v = d || {};
+      e.columns.forEach((y) => {
+        v[y.prop] === void 0 && (v[y.prop] = "");
+      }), a.value = [...a.value, v], r("add-row", v);
+    }, te = (d) => {
+      const v = a.value[d];
+      a.value = a.value.filter((y, u) => u !== d), r("delete-row", v, d);
     };
     return o({
       clearSelection: () => {
-        y.value = [], C.value = !1, I.value = !1;
+        M.value = [], w.value = !1, $.value = !1;
       },
-      getSelection: () => [...y.value],
-      sortState: p,
-      addRow: X,
-      deleteRow: ae,
+      getSelection: () => [...M.value],
+      sortState: m,
+      addRow: Q,
+      deleteRow: te,
       getData: () => [...a.value]
-    }), (d, f) => (h(), v("div", {
-      class: u(K.value)
+    }), (d, v) => (h(), f("div", {
+      class: c(L.value)
     }, [
-      n.showAddButton ? (h(), v("div", {
+      n.showAddButton ? (h(), f("div", {
         key: 0,
-        class: u(s(l).e("toolbar"))
+        class: c(s(l).e("toolbar"))
       }, [
-        P(d.$slots, "toolbar", {}, () => [
-          m("button", {
-            class: u(s(l).e("add-btn")),
-            onClick: f[0] || (f[0] = (g) => X())
-          }, [...f[2] || (f[2] = [
-            m("span", { class: "add-icon" }, "+", -1),
-            q(" 新增一行 ", -1)
+        X(d.$slots, "toolbar", {}, () => [
+          p("button", {
+            class: c(s(l).e("add-btn")),
+            onClick: v[0] || (v[0] = (y) => Q())
+          }, [...v[2] || (v[2] = [
+            p("span", { class: "add-icon" }, "+", -1),
+            ae(" 新增一行 ", -1)
           ])], 2)
         ])
       ], 2)) : D("", !0),
-      n.loading ? (h(), v("div", {
+      n.loading ? (h(), f("div", {
         key: 1,
-        class: u(s(l).e("loading"))
-      }, [...f[3] || (f[3] = [
-        m("span", { class: "loading-spinner" }, null, -1),
-        m("span", { class: "loading-text" }, "加载中...", -1)
+        class: c(s(l).e("loading"))
+      }, [...v[3] || (v[3] = [
+        p("span", { class: "loading-spinner" }, null, -1),
+        p("span", { class: "loading-text" }, "加载中...", -1)
       ])], 2)) : D("", !0),
-      m("div", {
-        class: u(s(l).e("wrapper")),
-        style: O(L.value)
+      p("div", {
+        class: c(s(l).e("wrapper")),
+        style: Y(A.value)
       }, [
-        m("table", null, [
-          n.showHeader ? (h(), v("thead", Oe, [
-            m("tr", null, [
-              n.rowKey ? (h(), v("th", {
+        p("table", null, [
+          n.showHeader ? (h(), f("thead", Xe, [
+            p("tr", null, [
+              n.rowKey ? (h(), f("th", {
                 key: 0,
-                class: u([s(l).e("header-cell"), s(l).e("selection-cell")])
+                class: c([s(l).e("header-cell"), s(l).e("selection-cell")])
               }, [
-                m("input", {
+                p("input", {
                   type: "checkbox",
-                  checked: C.value,
-                  indeterminate: I.value,
-                  onChange: x
-                }, null, 40, Ye)
+                  checked: w.value,
+                  indeterminate: $.value,
+                  onChange: z
+                }, null, 40, Fe)
               ], 2)) : D("", !0),
-              n.showIndex ? (h(), v("th", {
+              n.showIndex ? (h(), f("th", {
                 key: 1,
-                class: u(s(l).e("header-cell")),
+                class: c(s(l).e("header-cell")),
                 style: { width: "60px" }
               }, " 序号 ", 2)) : D("", !0),
-              (h(!0), v(F, null, _(n.columns, (g) => (h(), v("th", {
-                key: g.prop,
-                class: u([s(l).e("header-cell"), E(g)]),
-                style: O(W(g)),
-                onClick: (c) => H(g)
+              (h(!0), f(Z, null, le(n.columns, (y) => (h(), f("th", {
+                key: y.prop,
+                class: c([s(l).e("header-cell"), j(y)]),
+                style: Y(O(y)),
+                onClick: (u) => T(y)
               }, [
-                m("span", null, B(g.label), 1),
-                g.sortable ? (h(), v("span", {
+                p("span", null, W(y.label), 1),
+                y.sortable ? (h(), f("span", {
                   key: 0,
-                  class: u(s(l).e("sort-icon"))
+                  class: c(s(l).e("sort-icon"))
                 }, [
-                  m("span", Qe, [
-                    J(s(Z), {
+                  p("span", Ge, [
+                    ee(s(q), {
                       name: "sort-up",
                       size: 12
                     })
                   ]),
-                  m("span", Ge, [
-                    J(s(Z), {
+                  p("span", Ue, [
+                    ee(s(q), {
                       name: "sort-down",
                       size: 12
                     })
                   ])
                 ], 2)) : D("", !0)
-              ], 14, Xe))), 128)),
-              n.showOperation ? (h(), v("th", {
+              ], 14, Qe))), 128)),
+              n.showOperation ? (h(), f("th", {
                 key: 2,
-                class: u(s(l).e("header-cell")),
-                style: O(T.value)
-              }, B(n.operationLabel), 7)) : D("", !0)
+                class: c(s(l).e("header-cell")),
+                style: Y(N.value)
+              }, W(n.operationLabel), 7)) : D("", !0)
             ])
           ])) : D("", !0),
-          m("tbody", null, [
-            (h(!0), v(F, null, _(N.value, (g, c) => (h(), v("tr", {
-              key: n.rowKey ? typeof n.rowKey == "function" ? n.rowKey(g) : g[n.rowKey] : c,
-              class: u([s(l).e("row"), s(l).is("selected", U(g))]),
-              onClick: (k) => M(g, n.columns[0], k)
+          p("tbody", null, [
+            (h(!0), f(Z, null, le(H.value, (y, u) => (h(), f("tr", {
+              key: n.rowKey ? typeof n.rowKey == "function" ? n.rowKey(y) : y[n.rowKey] : u,
+              class: c([s(l).e("row"), s(l).is("selected", J(y))]),
+              onClick: (k) => g(y, n.columns[0], k)
             }, [
-              n.rowKey ? (h(), v("td", {
+              n.rowKey ? (h(), f("td", {
                 key: 0,
-                class: u(s(l).e("cell"))
+                class: c(s(l).e("cell"))
               }, [
-                m("input", {
+                p("input", {
                   type: "checkbox",
-                  checked: U(g),
-                  onClick: f[1] || (f[1] = re(() => {
+                  checked: J(y),
+                  onClick: v[1] || (v[1] = ie(() => {
                   }, ["stop"])),
-                  onChange: (k) => Y(g)
-                }, null, 40, Ze)
+                  onChange: (k) => R(y)
+                }, null, 40, Je)
               ], 2)) : D("", !0),
-              n.showIndex ? (h(), v("td", {
+              n.showIndex ? (h(), f("td", {
                 key: 1,
-                class: u(s(l).e("cell"))
-              }, B(c + 1), 3)) : D("", !0),
-              (h(!0), v(F, null, _(n.columns, (k) => (h(), v("td", {
+                class: c(s(l).e("cell"))
+              }, W(u + 1), 3)) : D("", !0),
+              (h(!0), f(Z, null, le(n.columns, (k) => (h(), f("td", {
                 key: k.prop,
-                class: u(s(l).e("cell")),
-                style: O(W(k)),
-                onClick: (S) => w(g, k, S)
+                class: c(s(l).e("cell")),
+                style: Y(O(k)),
+                onClick: (S) => C(y, k, S)
               }, [
-                P(d.$slots, `column-${k.prop}`, {
-                  row: g,
+                X(d.$slots, `column-${k.prop}`, {
+                  row: y,
                   column: k,
-                  $index: c
+                  $index: u
                 }, () => [
-                  q(B($(g, k, c)), 1)
+                  ae(W(I(y, k, u)), 1)
                 ])
-              ], 14, Ue))), 128)),
-              n.showOperation ? (h(), v("td", {
+              ], 14, qe))), 128)),
+              n.showOperation ? (h(), f("td", {
                 key: 2,
-                class: u([s(l).e("cell"), s(l).e("operation-cell")])
+                class: c([s(l).e("cell"), s(l).e("operation-cell")])
               }, [
-                P(d.$slots, "operation", {
-                  row: g,
-                  $index: c,
-                  deleteRow: () => ae(c)
+                X(d.$slots, "operation", {
+                  row: y,
+                  $index: u,
+                  deleteRow: () => te(u)
                 }, () => [
-                  m("button", {
-                    class: u(s(l).e("operation-btn")),
-                    onClick: re((k) => ae(c), ["stop"])
-                  }, " 删除 ", 10, Je)
+                  p("button", {
+                    class: c(s(l).e("operation-btn")),
+                    onClick: ie((k) => te(u), ["stop"])
+                  }, " 删除 ", 10, _e)
                 ])
               ], 2)) : D("", !0)
-            ], 10, Fe))), 128))
+            ], 10, Ze))), 128))
           ]),
-          N.value.length === 0 && !n.loading ? (h(), v("tbody", qe, [
-            m("tr", null, [
-              m("td", {
+          H.value.length === 0 && !n.loading ? (h(), f("tbody", et, [
+            p("tr", null, [
+              p("td", {
                 colspan: n.columns.length + (n.rowKey ? 1 : 0) + (n.showIndex ? 1 : 0) + (n.showOperation ? 1 : 0),
-                class: u(s(l).e("empty"))
+                class: c(s(l).e("empty"))
               }, [
-                P(d.$slots, "empty", {}, () => [
-                  q(B(n.emptyText), 1)
+                X(d.$slots, "empty", {}, () => [
+                  ae(W(n.emptyText), 1)
                 ])
-              ], 10, _e)
+              ], 10, tt)
             ])
           ])) : D("", !0)
         ])
       ], 6)
     ], 2));
   }
-}), et = ["draggable"], tt = {
+}), at = ["draggable"], lt = {
   key: 0,
   class: "x-tree-node__loading-icon"
-}, at = {
+}, nt = {
   key: 0,
   class: "x-tree-node__expand-arrow"
-}, lt = {
+}, st = {
   key: 0,
   class: "x-tree-node__icon"
-}, nt = { class: "x-tree-node__label" }, st = /* @__PURE__ */ Q({
+}, ot = { class: "x-tree-node__label" }, it = /* @__PURE__ */ G({
   name: "XTreeNode",
   __name: "tree-node",
   props: {
     node: {}
   },
   setup(n) {
-    const o = n, t = ue("tree"), { props: e, store: r, toggleExpand: l, toggleCheck: a, handleNodeClick: p, handleNodeContextmenu: y } = t, C = j(), I = j(null), N = b(() => o.node.expanded), L = b(() => o.node.checked), T = b(() => o.node.indeterminate), K = b(() => o.node.disabled), H = b(() => o.node.loading), E = b(() => o.node.isLeaf), $ = b(() => e.showCheckbox || e.checkable), M = b(() => o.node.selected), w = b(() => ({
+    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(() => ({
       paddingLeft: `${o.node.level * (e.indent || 16)}px`
-    })), x = (i) => {
-      p(o.node, i);
-    }, Y = (i) => {
-      y(o.node, i);
-    }, U = (i) => {
-      i.stopPropagation(), K.value || l(o.node);
-    }, W = (i) => {
-      i.stopPropagation(), K.value || a(o.node);
-    }, X = (i) => {
+    })), z = (i) => {
+      m(o.node, i);
+    }, R = (i) => {
+      M(o.node, i);
+    }, J = (i) => {
+      i.stopPropagation(), L.value || l(o.node);
+    }, O = (i) => {
+      i.stopPropagation(), L.value || a(o.node);
+    }, Q = (i) => {
       var d;
-      if (!(!e.draggable || K.value)) {
+      if (!(!e.draggable || L.value)) {
         if (e.allowDrag && !e.allowDrag(o.node)) {
           i.preventDefault();
           return;
         }
         i.dataTransfer.effectAllowed = "move", i.dataTransfer.setData("nodeKey", String(o.node.key)), (d = t.emit) == null || d.call(t, "node-drag-start", o.node, i);
       }
-    }, ae = (i) => {
+    }, te = (i) => {
       var d;
-      i.preventDefault(), e.draggable && (I.value = "inner", (d = t.emit) == null || d.call(t, "node-drag-enter", o.node, i));
-    }, oe = (i) => {
+      i.preventDefault(), e.draggable && ($.value = "inner", (d = t.emit) == null || d.call(t, "node-drag-enter", o.node, i));
+    }, se = (i) => {
       var d;
-      I.value = null, (d = t.emit) == null || d.call(t, "node-drag-leave", o.node, i);
-    }, ee = (i) => {
-      var c, k;
-      if (i.preventDefault(), !e.draggable || K.value) return;
-      const d = (c = C.value) == null ? void 0 : c.getBoundingClientRect();
+      $.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;
+      const d = (u = w.value) == null ? void 0 : u.getBoundingClientRect();
       if (!d) return;
-      const f = i.clientY - d.top, g = d.height;
-      f < g * 0.25 ? I.value = "prev" : f > g * 0.75 ? I.value = "next" : I.value = "inner", (k = t.emit) == null || k.call(t, "node-drag-over", o.node, i);
-    }, z = (i) => {
-      var f, g;
+      const v = i.clientY - d.top, y = d.height;
+      v < y * 0.25 ? $.value = "prev" : v > y * 0.75 ? $.value = "next" : $.value = "inner", (k = t.emit) == null || k.call(t, "node-drag-over", o.node, i);
+    }, b = (i) => {
+      var v, y;
       if (i.preventDefault(), !e.draggable) return;
-      const d = (f = i.dataTransfer) == null ? void 0 : f.getData("nodeKey");
+      const d = (v = i.dataTransfer) == null ? void 0 : v.getData("nodeKey");
       if (d) {
-        const c = r.nodesMap.get(d);
-        if (c && I.value) {
-          if (e.allowDrop && !e.allowDrop(c, o.node, I.value)) {
-            I.value = null;
+        const u = r.nodesMap.get(d);
+        if (u && $.value) {
+          if (e.allowDrop && !e.allowDrop(u, o.node, $.value)) {
+            $.value = null;
             return;
           }
-          (g = t.emit) == null || g.call(t, "node-drop", c, o.node, I.value, i);
+          (y = t.emit) == null || y.call(t, "node-drop", u, o.node, $.value, i);
         }
       }
-      I.value = null;
+      $.value = null;
     }, V = (i) => {
       var d;
-      I.value = null, (d = t.emit) == null || d.call(t, "node-drag-end", o.node, i);
+      $.value = null, (d = t.emit) == null || d.call(t, "node-drag-end", o.node, i);
     };
     return (i, d) => {
-      var g;
-      const f = Ie("TreeNode", !0);
-      return ge((h(), v("div", {
+      var y;
+      const v = Se("TreeNode", !0);
+      return ge((h(), f("div", {
         ref_key: "nodeRef",
-        ref: C,
-        class: u(["x-tree-node", {
-          "is-expanded": N.value,
+        ref: w,
+        class: c(["x-tree-node", {
+          "is-expanded": H.value,
           "is-current": i.isCurrent,
-          "is-selected": M.value,
-          "is-disabled": K.value,
-          "is-drop-inner": I.value === "inner",
-          "is-drop-prev": I.value === "prev",
-          "is-drop-next": I.value === "next"
+          "is-selected": g.value,
+          "is-disabled": L.value,
+          "is-drop-inner": $.value === "inner",
+          "is-drop-prev": $.value === "prev",
+          "is-drop-next": $.value === "next"
         }]),
-        draggable: s(e).draggable && !K.value,
-        onDragstart: X,
-        onDragenter: ae,
-        onDragleave: oe,
-        onDragover: ee,
-        onDrop: z,
+        draggable: s(e).draggable && !L.value,
+        onDragstart: Q,
+        onDragenter: te,
+        onDragleave: se,
+        onDragover: _,
+        onDrop: b,
         onDragend: V
       }, [
-        m("div", {
+        p("div", {
           class: "x-tree-node__content",
-          style: O(w.value),
-          onClick: x,
-          onContextmenu: Y
+          style: Y(C.value),
+          onClick: z,
+          onContextmenu: R
         }, [
-          m("span", {
-            class: u(["x-tree-node__expand-icon", {
-              "is-expanded": N.value,
-              "is-leaf": E.value,
-              "is-loading": H.value
+          p("span", {
+            class: c(["x-tree-node__expand-icon", {
+              "is-expanded": H.value,
+              "is-leaf": j.value,
+              "is-loading": T.value
             }]),
-            onClick: U
+            onClick: J
           }, [
-            H.value ? (h(), v("span", tt)) : (h(), v(F, { key: 1 }, [
-              E.value ? D("", !0) : (h(), v("span", at))
+            T.value ? (h(), f("span", lt)) : (h(), f(Z, { key: 1 }, [
+              j.value ? D("", !0) : (h(), f("span", nt))
             ], 64))
           ], 2),
-          n.node.icon || s(e).icon ? (h(), v("span", lt, B(n.node.icon || s(e).icon), 1)) : D("", !0),
-          $.value ? (h(), v("span", {
+          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: u(["x-tree-node__checkbox", {
-              "is-checked": L.value,
-              "is-indeterminate": T.value,
-              "is-disabled": K.value
+            class: c(["x-tree-node__checkbox", {
+              "is-checked": A.value,
+              "is-indeterminate": N.value,
+              "is-disabled": L.value
             }]),
-            onClick: re(W, ["stop"])
+            onClick: ie(O, ["stop"])
           }, [
-            L.value ? (h(), se(s(Z), {
+            A.value ? (h(), oe(s(q), {
               key: 0,
               name: "check",
               size: 12,
               class: "x-tree-node__checkbox-icon"
-            })) : T.value ? (h(), se(s(Z), {
+            })) : N.value ? (h(), oe(s(q), {
               key: 1,
               name: "minus",
               size: 12,
               class: "x-tree-node__checkbox-icon"
             })) : D("", !0)
           ], 2)) : D("", !0),
-          m("span", nt, [
-            P(i.$slots, "default", {
+          p("span", ot, [
+            X(i.$slots, "default", {
               node: n.node,
               data: n.node.data
             }, () => [
-              q(B(n.node.label), 1)
+              ae(W(n.node.label), 1)
             ])
           ])
         ], 36),
-        !E.value && N.value ? (h(), v("div", {
+        !j.value && H.value ? (h(), f("div", {
           key: 0,
-          class: u(["x-tree-node__children", { "x-tree-node__children--show-line": s(e).showLine }])
+          class: c(["x-tree-node__children", { "x-tree-node__children--show-line": s(e).showLine }])
         }, [
-          !s(e).renderAfterExpand || N.value ? (h(!0), v(F, { key: 0 }, _(n.node.children, (c) => (h(), se(f, {
-            key: c.key,
-            node: c
+          !s(e).renderAfterExpand || H.value ? (h(!0), f(Z, { key: 0 }, le(n.node.children, (u) => (h(), oe(v, {
+            key: u.key,
+            node: u
           }, {
             default: ye((k) => [
-              P(i.$slots, "default", {
+              X(i.$slots, "default", {
                 node: k.node,
                 data: k.data
               })
@@ -937,20 +937,20 @@ const Ke = ["aria-hidden", "aria-label"], Ae = ["stroke-width"], He = ["d"], Z =
             _: 3
           }, 8, ["node"]))), 128)) : D("", !0)
         ], 2)) : D("", !0)
-      ], 42, et)), [
-        [Me, n.node.visible && (((g = n.node.parent) == null ? void 0 : g.expanded) ?? !0)]
+      ], 42, at)), [
+        [we, n.node.visible && (((y = n.node.parent) == null ? void 0 : y.expanded) ?? !0)]
       ]);
     };
   }
 });
-class ie {
+class re {
   constructor(o, t, e = 0, r = null) {
     this.data = o, this.store = t, this.level = e, this.parent = r, this.children = [], this.expanded = !1, this.selected = !1, this.checked = !1, this.indeterminate = !1, this.loading = !1, this.visible = !0, this.loaded = !1;
-    const l = t.props || {}, a = l.value || "value", p = l.label || "label", y = l.disabled || "disabled", C = l.isLeaf || "isLeaf";
-    this.key = o[a] ?? o.value ?? o.id ?? Math.random().toString(), this.label = o[p] ?? o.label ?? "", this.disabled = o[y] ?? o.disabled ?? !1, this.isLeaf = o[C] ?? o.isLeaf ?? !1;
-    const I = l.children || "children", N = o[I] ?? o.children ?? [];
-    N.length > 0 ? this.children = N.map(
-      (L) => new ie(L, t, e + 1, this)
+    const l = t.props || {}, a = l.value || "value", m = l.label || "label", M = l.disabled || "disabled", w = l.isLeaf || "isLeaf";
+    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)
     ) : this.isLeaf = !0;
   }
   /** 设置展开状态 */
@@ -1017,7 +1017,7 @@ class ie {
     return t(this.children), o;
   }
 }
-const Bt = /* @__PURE__ */ Q({
+const Rt = /* @__PURE__ */ G({
   name: "XTree",
   __name: "index",
   props: {
@@ -1059,7 +1059,7 @@ const Bt = /* @__PURE__ */ Q({
   },
   emits: ["node-click", "node-contextmenu", "check-change", "check", "current-change", "node-expand", "node-collapse", "node-drag-start", "node-drag-enter", "node-drag-leave", "node-drag-over", "node-drag-end", "node-drop"],
   setup(n, { expose: o, emit: t }) {
-    const e = n, r = t, l = G("tree"), a = ke({
+    const e = n, r = t, l = U("tree"), a = xe({
       nodesMap: /* @__PURE__ */ new Map(),
       rootNodes: [],
       expandedKeys: /* @__PURE__ */ new Set(),
@@ -1068,258 +1068,258 @@ const Bt = /* @__PURE__ */ Q({
       indeterminateKeys: /* @__PURE__ */ new Set(),
       currentKey: null,
       filterValue: ""
-    }), p = j(""), y = () => e.fieldNames ? {
+    }), m = E(""), M = () => e.fieldNames ? {
       value: e.fieldNames.key || "value",
       label: e.fieldNames.title || e.fieldNames.key || "label",
       children: e.fieldNames.children || "children",
       disabled: e.fieldNames.disabled || "disabled",
       isLeaf: e.fieldNames.isLeaf || "isLeaf"
-    } : e.props, C = () => e.treeData || e.data || [];
-    a.props = y();
-    const I = (i) => {
+    } : e.props, w = () => e.treeData || e.data || [];
+    a.props = M();
+    const $ = (i) => {
       if (a.nodesMap.clear(), a.rootNodes = [], a.checkedKeys.clear(), a.indeterminateKeys.clear(), !i || !i.length) return;
-      const d = y(), f = (g, c, k) => {
-        const S = new ie(g, a, c, k);
+      const d = M(), v = (y, u, k) => {
+        const S = new re(y, a, u, k);
         a.nodesMap.set(S.key, S);
-        const A = (d == null ? void 0 : d.children) || "children", R = g[A] ?? g.children ?? [];
-        return R.length > 0 && (S.children = R.map(
-          (le) => f(le, c + 1, 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)
         ), S.isLeaf = !1), S;
       };
-      a.rootNodes = i.map((g) => f(g, 0, null)), N();
-    }, N = () => {
-      var i, d, f;
-      e.defaultExpandAll ? L() : (i = e.defaultExpandedKeys) != null && i.length && e.defaultExpandedKeys.forEach((g) => {
-        const c = a.nodesMap.get(g);
-        c && (c.expanded = !0, a.expandedKeys.add(g));
-      }), (d = e.defaultCheckedKeys) != null && d.length && e.defaultCheckedKeys.forEach((g) => {
-        const c = a.nodesMap.get(g);
-        c && c.setChecked(!0, !e.checkStrictly);
-      }), (f = e.checkedKeys) != null && f.length && e.checkedKeys.forEach((g) => {
-        const c = a.nodesMap.get(g);
-        c && c.setChecked(!0, !e.checkStrictly);
+      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) => {
+        const u = a.nodesMap.get(y);
+        u && (u.expanded = !0, a.expandedKeys.add(y));
+      }), (d = e.defaultCheckedKeys) != null && d.length && e.defaultCheckedKeys.forEach((y) => {
+        const u = a.nodesMap.get(y);
+        u && u.setChecked(!0, !e.checkStrictly);
+      }), (v = e.checkedKeys) != null && v.length && e.checkedKeys.forEach((y) => {
+        const u = a.nodesMap.get(y);
+        u && u.setChecked(!0, !e.checkStrictly);
       });
-    }, L = () => {
+    }, A = () => {
       a.nodesMap.forEach((i) => {
         i.children.length > 0 && (i.expanded = !0, a.expandedKeys.add(i.key));
       });
-    }, T = () => {
+    }, N = () => {
       a.nodesMap.forEach((i) => {
         i.expanded = !1;
       }), a.expandedKeys.clear();
-    }, K = (i) => {
+    }, L = (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));
-    }, H = (i, d) => {
+    }, T = (i, d) => {
       if (i.disabled) return;
-      const f = d ?? !i.checked;
-      i.setChecked(f, !e.checkStrictly), r("check-change", i.data, i.checked, i.indeterminate);
-      const g = [], c = [], k = [], S = [];
-      a.nodesMap.forEach((A) => {
-        A.checked && (g.push(A.data), c.push(A.key)), A.indeterminate && (k.push(A.data), S.push(A.key));
+      const v = d ?? !i.checked;
+      i.setChecked(v, !e.checkStrictly), r("check-change", i.data, i.checked, i.indeterminate);
+      const y = [], u = [], k = [], S = [];
+      a.nodesMap.forEach((K) => {
+        K.checked && (y.push(K.data), u.push(K.key)), K.indeterminate && (k.push(K.data), S.push(K.key));
       }), r("check", i.data, {
-        checkedNodes: g,
-        checkedKeys: c,
+        checkedNodes: y,
+        checkedKeys: u,
         halfCheckedNodes: k,
         halfCheckedKeys: S
       });
-    }, E = (i, d) => {
-      i.disabled || (r("node-click", i.data, i, null), e.expandOnClickNode && i.children.length > 0 && K(i), e.highlightCurrent && (a.currentKey = i.key, r("current-change", i.data, i)));
-    }, $ = (i) => {
-      if (p.value = i, a.filterValue = i, !i) {
+    }, 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)));
+    }, I = (i) => {
+      if (m.value = i, a.filterValue = i, !i) {
         a.nodesMap.forEach((d) => {
           d.visible = !0;
         });
         return;
       }
       a.nodesMap.forEach((d) => {
-        const f = d.label || "";
-        d.visible = String(f).toLowerCase().includes(i.toLowerCase());
+        const v = d.label || "";
+        d.visible = String(v).toLowerCase().includes(i.toLowerCase());
       }), a.nodesMap.forEach((d) => {
         if (d.visible && d.parent) {
-          let f = d.parent;
-          for (; f; )
-            f.visible = !0, f.expanded = !0, a.expandedKeys.add(f.key), f = f.parent;
+          let v = d.parent;
+          for (; v; )
+            v.visible = !0, v.expanded = !0, a.expandedKeys.add(v.key), v = v.parent;
         }
       });
-    }, M = (i) => a.nodesMap.get(i), w = (i) => {
+    }, g = (i) => a.nodesMap.get(i), C = (i) => {
       a.currentKey = i;
-    }, x = () => {
+    }, z = () => {
       if (a.currentKey)
         return a.nodesMap.get(a.currentKey);
-    }, Y = (i = !1) => {
+    }, R = (i = !1) => {
       const d = [];
-      return a.nodesMap.forEach((f) => {
-        f.checked && (!i || f.isLeaf) && d.push(f.data);
+      return a.nodesMap.forEach((v) => {
+        v.checked && (!i || v.isLeaf) && d.push(v.data);
       }), d;
-    }, U = (i = !1) => {
+    }, J = (i = !1) => {
       const d = [];
-      return a.nodesMap.forEach((f) => {
-        f.checked && (!i || f.isLeaf) && d.push(f.key);
+      return a.nodesMap.forEach((v) => {
+        v.checked && (!i || v.isLeaf) && d.push(v.key);
       }), d;
-    }, W = (i) => {
+    }, O = (i) => {
       a.nodesMap.forEach((d) => {
         d.checked = !1, d.indeterminate = !1;
       }), a.checkedKeys.clear(), a.indeterminateKeys.clear(), i.forEach((d) => {
-        const f = a.nodesMap.get(d);
-        f && f.setChecked(!0, !e.checkStrictly);
+        const v = a.nodesMap.get(d);
+        v && v.setChecked(!0, !e.checkStrictly);
       });
-    }, X = () => {
+    }, Q = () => {
       const i = [];
       return a.nodesMap.forEach((d) => {
         d.indeterminate && i.push(d.data);
       }), i;
-    }, ae = () => {
+    }, te = () => {
       const i = [];
       return a.nodesMap.forEach((d) => {
         d.indeterminate && i.push(d.key);
       }), i;
-    }, oe = (i, d, f = !0) => {
-      const g = a.nodesMap.get(i);
-      g && g.setChecked(d, f && !e.checkStrictly);
-    }, ee = () => {
+    }, se = (i, d, v = !0) => {
+      const y = a.nodesMap.get(i);
+      y && y.setChecked(d, v && !e.checkStrictly);
+    }, _ = () => {
       const i = [];
       return a.nodesMap.forEach((d) => {
         d.selected && i.push(d.data);
       }), i;
-    }, z = (i) => {
+    }, b = (i) => {
       a.nodesMap.forEach((d) => {
         d.selected = !1;
       }), a.selectedKeys.clear(), i.forEach((d) => {
-        const f = a.nodesMap.get(d);
-        f && (f.selected = !0, a.selectedKeys.add(d));
+        const v = a.nodesMap.get(d);
+        v && (v.selected = !0, a.selectedKeys.add(d));
       });
-    }, V = b(() => e.showCheckbox || e.checkable);
+    }, V = x(() => e.showCheckbox || e.checkable);
     return de("tree", {
       props: e,
       store: a,
       emit: r,
-      toggleExpand: K,
-      toggleCheck: H,
-      handleNodeClick: E,
-      filterValue: $e(p),
+      toggleExpand: L,
+      toggleCheck: T,
+      handleNodeClick: j,
+      filterValue: Ae(m),
       showCheckboxComputed: V
     }), o({
-      filter: $,
-      getNode: M,
-      setCurrentKey: w,
+      filter: I,
+      getNode: g,
+      setCurrentKey: C,
       getCurrentKey: () => a.currentKey,
-      getCurrentNode: x,
-      getCheckedNodes: Y,
-      getCheckedKeys: U,
-      setCheckedKeys: W,
-      getHalfCheckedNodes: X,
-      getHalfCheckedKeys: ae,
-      setChecked: oe,
-      getSelectedNodes: ee,
-      setSelectedKeys: z,
-      expandAll: L,
-      collapseAll: T,
+      getCurrentNode: z,
+      getCheckedNodes: R,
+      getCheckedKeys: J,
+      setCheckedKeys: O,
+      getHalfCheckedNodes: Q,
+      getHalfCheckedKeys: te,
+      setChecked: se,
+      getSelectedNodes: _,
+      setSelectedKeys: b,
+      expandAll: A,
+      collapseAll: N,
       // 额外方法
       updateKeyChildren: (i, d) => {
-        const f = a.nodesMap.get(i);
-        f && (f.children.forEach((g) => {
-          a.nodesMap.delete(g.key);
-        }), f.children = d.map((g) => {
-          const c = new ie(g, a, f.level + 1, f);
-          return a.nodesMap.set(c.key, c), c;
-        }), f.isLeaf = f.children.length === 0);
+        const v = a.nodesMap.get(i);
+        v && (v.children.forEach((y) => {
+          a.nodesMap.delete(y.key);
+        }), v.children = d.map((y) => {
+          const u = new re(y, a, v.level + 1, v);
+          return a.nodesMap.set(u.key, u), u;
+        }), v.isLeaf = v.children.length === 0);
       },
       remove: (i) => {
         const d = a.nodesMap.get(i);
         if (d) {
-          const f = d.parent;
-          if (f) {
-            const c = f.children.indexOf(d);
-            c > -1 && f.children.splice(c, 1), f.children.length === 0 && (f.isLeaf = !0);
+          const v = d.parent;
+          if (v) {
+            const u = v.children.indexOf(d);
+            u > -1 && v.children.splice(u, 1), v.children.length === 0 && (v.isLeaf = !0);
           } else {
-            const c = a.rootNodes.indexOf(d);
-            c > -1 && a.rootNodes.splice(c, 1);
+            const u = a.rootNodes.indexOf(d);
+            u > -1 && a.rootNodes.splice(u, 1);
           }
-          const g = (c) => {
-            a.nodesMap.delete(c.key), c.children.forEach(g);
+          const y = (u) => {
+            a.nodesMap.delete(u.key), u.children.forEach(y);
           };
-          g(d);
+          y(d);
         }
       },
       append: (i, d) => {
         if (d) {
-          const f = a.nodesMap.get(d);
-          if (f) {
-            const g = new ie(i, a, f.level + 1, f);
-            a.nodesMap.set(g.key, g), f.children.push(g), f.isLeaf = !1;
+          const v = a.nodesMap.get(d);
+          if (v) {
+            const y = new re(i, a, v.level + 1, v);
+            a.nodesMap.set(y.key, y), v.children.push(y), v.isLeaf = !1;
           }
         } else {
-          const f = new ie(i, a, 0, null);
-          a.nodesMap.set(f.key, f), a.rootNodes.push(f);
+          const v = new re(i, a, 0, null);
+          a.nodesMap.set(v.key, v), a.rootNodes.push(v);
         }
       },
       insertBefore: (i, d) => {
-        var g;
-        const f = a.nodesMap.get(d);
-        if (f) {
-          const c = new ie(i, a, f.level, f.parent);
-          a.nodesMap.set(c.key, c);
-          const k = ((g = f.parent) == null ? void 0 : g.children) || a.rootNodes, S = k.indexOf(f);
-          k.splice(S, 0, c);
+        var y;
+        const v = a.nodesMap.get(d);
+        if (v) {
+          const u = new re(i, a, v.level, v.parent);
+          a.nodesMap.set(u.key, u);
+          const k = ((y = v.parent) == null ? void 0 : y.children) || a.rootNodes, S = k.indexOf(v);
+          k.splice(S, 0, u);
         }
       },
       insertAfter: (i, d) => {
-        var g;
-        const f = a.nodesMap.get(d);
-        if (f) {
-          const c = new ie(i, a, f.level, f.parent);
-          a.nodesMap.set(c.key, c);
-          const k = ((g = f.parent) == null ? void 0 : g.children) || a.rootNodes, S = k.indexOf(f);
-          k.splice(S + 1, 0, c);
+        var y;
+        const v = a.nodesMap.get(d);
+        if (v) {
+          const u = new re(i, a, v.level, v.parent);
+          a.nodesMap.set(u.key, u);
+          const k = ((y = v.parent) == null ? void 0 : y.children) || a.rootNodes, S = k.indexOf(v);
+          k.splice(S + 1, 0, u);
         }
       }
-    }), te(
+    }), ne(
       () => [e.treeData, e.data],
       () => {
-        I(C());
+        $(w());
       },
       { immediate: !0, deep: !0 }
-    ), te(
+    ), ne(
       () => e.checkedKeys,
       (i) => {
-        i && W(i);
+        i && O(i);
       },
       { immediate: !0, deep: !0 }
-    ), te(
+    ), ne(
       () => e.defaultCheckedKeys,
       (i) => {
-        i && i.length > 0 && !e.checkedKeys && W(i);
+        i && i.length > 0 && !e.checkedKeys && O(i);
       },
       { immediate: !0, deep: !0 }
-    ), (i, d) => (h(), v("div", {
-      class: u([s(l).b(), s(l).m(n.size)])
+    ), (i, d) => (h(), f("div", {
+      class: c([s(l).b(), s(l).m(n.size)])
     }, [
-      (h(!0), v(F, null, _(a.rootNodes, (f) => (h(), se(st, {
-        key: f.key,
-        node: f
+      (h(!0), f(Z, null, le(a.rootNodes, (v) => (h(), oe(it, {
+        key: v.key,
+        node: v
       }, {
-        default: ye((g) => [
-          P(i.$slots, "default", {
-            node: g.node,
-            data: g.data
+        default: ye((y) => [
+          X(i.$slots, "default", {
+            node: y.node,
+            data: y.data
           }, () => [
-            q(B(g.node.label), 1)
+            ae(W(y.node.label), 1)
           ])
         ]),
         _: 2
       }, 1032, ["node"]))), 128)),
-      a.rootNodes.length ? D("", !0) : (h(), v("div", {
+      a.rootNodes.length ? D("", !0) : (h(), f("div", {
         key: 0,
-        class: u(s(l).e("empty"))
+        class: c(s(l).e("empty"))
       }, [
-        P(i.$slots, "empty", {}, () => [
-          q(B(n.emptyText), 1)
+        X(i.$slots, "empty", {}, () => [
+          ae(W(n.emptyText), 1)
         ])
       ], 2))
     ], 2));
   }
-}), ot = ["src"], it = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg0IiBoZWlnaHQ9IjE1MiIgdmlld0JveD0iMCAwIDE4NCAxNTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0IDMxLjY3KSI+CiAgICAgIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjgiIGZpbGw9IiNGNUY1RjciIGN4PSI2Ny43OTciIGN5PSIxMDYuODkiIHJ4PSI2Ny43OTciIHJ5PSIxMi42NjgiLz4KICAgICAgPHBhdGggZD0iTTEyMi4wMzQgNjkuNjc0TDk5LjM5NCA0OC4xNjJsMCAyMS41MTYgMjIuNjQgMjIuNjQ0IDAtMjIuNjQ0em0tMjIuNjQgMjIuNjQ0TDc2Ljk5OCA3MC43OThsMCAyMS41MTYgMjIuMzk2IDIyLjM5NiAwLTIyLjM5NnoiIGZpbGw9IiNFRkVGRkYiLz4KICAgICAgPHBhdGggZD0iTTk5LjM5NCA0OC4xNjJsLTIyLjM5NiAyMi42MzYgMjIuMzk2IDIxLjUyIDAtNDQuMTU2eiIgZmlsbD0iI0YyRjZGQyIvPgogICAgICA8cGF0aCBkPSJNMTIxLjk3OCA2OS42NzRMOTkuMzk0IDkyLjI1OGwzLjE2OCAzLjE2OCAyMi41ODQtMjIuNTg0LTMuMTY4LTMuMTY4eiIgZmlsbD0iI0M3Q0NEQyIvPgogICAgICA8cGF0aCBkPSJNOTkuMzk0IDkyLjI1OEw3Ni44MSA2OS42NzRsMy4xNjgtMy4xNjggMjIuNTg0IDIyLjU4NC0zLjE2OCAzLjE2OHoiIGZpbGw9IiNDN0NEREMiLz4KICAgIDwvZz4KICAgIDxwYXRoIGQ9Ik0xNDcuODU3IDMxLjY3bC0zLjI5Mi0zLjI5MmEyLjUgMi41IDAgMCAwLTMuNTM2IDBsLTEzLjQ2IDEzLjQ2YTMuNSAzLjUgMCAwIDAgMCA0Ljk1bDMuMjkzIDMuMjkyYTMuNSAzLjUgMCAwIDAgNC45NSAwbDEzLjQ2LTEzLjQ2YTIuNSAyLjUgMCAwIDAgMC0zLjUzNnoiIGZpbGw9IiNENkRCRUMiLz4KICAgIDxwYXRoIGQ9Ik0zNi4xNDMgMzEuNjdsMy4yOTItMy4yOTJhMi41IDIuNSAwIDAgMSAzLjUzNiAwbDEzLjQ2IDEzLjQ2YTMuNSAzLjUgMCAwIDEgMCA0Ljk1bC0zLjI5MyAzLjI5MmEzLjUgMy41IDAgMCAxLTQuOTUgMEwzNi4xNDMgMzUuMmEyLjUgMi41IDAgMCAxIDAtMy41MzZ6IiBmaWxsPSIjRDZEQkVDIi8+CiAgICA8Y2lyY2xlIGZpbGw9IiNFQUVFRjQiIGN4PSI5MiIgY3k9IjgiIHI9IjgiLz4KICA8L2c+Cjwvc3ZnPg==", jt = /* @__PURE__ */ Q({
+}), rt = ["src"], dt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg0IiBoZWlnaHQ9IjE1MiIgdmlld0JveD0iMCAwIDE4NCAxNTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0IDMxLjY3KSI+CiAgICAgIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjgiIGZpbGw9IiNGNUY1RjciIGN4PSI2Ny43OTciIGN5PSIxMDYuODkiIHJ4PSI2Ny43OTciIHJ5PSIxMi42NjgiLz4KICAgICAgPHBhdGggZD0iTTEyMi4wMzQgNjkuNjc0TDk5LjM5NCA0OC4xNjJsMCAyMS41MTYgMjIuNjQgMjIuNjQ0IDAtMjIuNjQ0em0tMjIuNjQgMjIuNjQ0TDc2Ljk5OCA3MC43OThsMCAyMS41MTYgMjIuMzk2IDIyLjM5NiAwLTIyLjM5NnoiIGZpbGw9IiNFRkVGRkYiLz4KICAgICAgPHBhdGggZD0iTTk5LjM5NCA0OC4xNjJsLTIyLjM5NiAyMi42MzYgMjIuMzk2IDIxLjUyIDAtNDQuMTU2eiIgZmlsbD0iI0YyRjZGQyIvPgogICAgICA8cGF0aCBkPSJNMTIxLjk3OCA2OS42NzRMOTkuMzk0IDkyLjI1OGwzLjE2OCAzLjE2OCAyMi41ODQtMjIuNTg0LTMuMTY4LTMuMTY4eiIgZmlsbD0iI0M3Q0NEQyIvPgogICAgICA8cGF0aCBkPSJNOTkuMzk0IDkyLjI1OEw3Ni44MSA2OS42NzRsMy4xNjgtMy4xNjggMjIuNTg0IDIyLjU4NC0zLjE2OCAzLjE2OHoiIGZpbGw9IiNDN0NEREMiLz4KICAgIDwvZz4KICAgIDxwYXRoIGQ9Ik0xNDcuODU3IDMxLjY3bC0zLjI5Mi0zLjI5MmEyLjUgMi41IDAgMCAwLTMuNTM2IDBsLTEzLjQ2IDEzLjQ2YTMuNSAzLjUgMCAwIDAgMCA0Ljk1bDMuMjkzIDMuMjkyYTMuNSAzLjUgMCAwIDAgNC45NSAwbDEzLjQ2LTEzLjQ2YTIuNSAyLjUgMCAwIDAgMC0zLjUzNnoiIGZpbGw9IiNENkRCRUMiLz4KICAgIDxwYXRoIGQ9Ik0zNi4xNDMgMzEuNjdsMy4yOTItMy4yOTJhMi41IDIuNSAwIDAgMSAzLjUzNiAwbDEzLjQ2IDEzLjQ2YTMuNSAzLjUgMCAwIDEgMCA0Ljk1bC0zLjI5MyAzLjI5MmEzLjUgMy41IDAgMCAxLTQuOTUgMEwzNi4xNDMgMzUuMmEyLjUgMi41IDAgMCAxIDAtMy41MzZ6IiBmaWxsPSIjRDZEQkVDIi8+CiAgICA8Y2lyY2xlIGZpbGw9IiNFQUVFRjQiIGN4PSI5MiIgY3k9IjgiIHI9IjgiLz4KICA8L2c+Cjwvc3ZnPg==", Wt = /* @__PURE__ */ G({
   name: "XEmpty",
   __name: "index",
   props: {
@@ -1329,69 +1329,69 @@ const Bt = /* @__PURE__ */ Q({
     size: { default: "default" }
   },
   setup(n) {
-    const o = n, t = G("empty"), e = b(() => {
+    const o = n, t = U("empty"), e = x(() => {
       const l = {};
       return o.imageSize && (l.height = `${o.imageSize}px`, l.width = `${o.imageSize}px`), l;
-    }), r = b(() => o.description || "暂无数据");
-    return (l, a) => (h(), v("div", {
-      class: u([s(t).b(), s(t).m(n.size)])
+    }), r = x(() => o.description || "暂无数据");
+    return (l, a) => (h(), f("div", {
+      class: c([s(t).b(), s(t).m(n.size)])
     }, [
-      m("div", {
-        class: u(s(t).e("image")),
-        style: O(e.value)
+      p("div", {
+        class: c(s(t).e("image")),
+        style: Y(e.value)
       }, [
-        P(l.$slots, "image", {}, () => [
-          n.image ? (h(), v("img", {
+        X(l.$slots, "image", {}, () => [
+          n.image ? (h(), f("img", {
             key: 0,
             src: n.image,
-            style: O(e.value),
+            style: Y(e.value),
             draggable: "false"
-          }, null, 12, ot)) : (h(), v("img", {
+          }, null, 12, rt)) : (h(), f("img", {
             key: 1,
-            src: it,
-            style: O(e.value),
+            src: dt,
+            style: Y(e.value),
             draggable: "false"
           }, null, 4))
         ])
       ], 6),
-      m("div", {
-        class: u(s(t).e("description"))
+      p("div", {
+        class: c(s(t).e("description"))
       }, [
-        P(l.$slots, "description", {}, () => [
-          m("p", null, B(r.value), 1)
+        X(l.$slots, "description", {}, () => [
+          p("p", null, W(r.value), 1)
         ])
       ], 2),
-      l.$slots.default ? (h(), v("div", {
+      l.$slots.default ? (h(), f("div", {
         key: 0,
-        class: u(s(t).e("bottom"))
+        class: c(s(t).e("bottom"))
       }, [
-        P(l.$slots, "default")
+        X(l.$slots, "default")
       ], 2)) : D("", !0)
     ], 2));
   }
-}), Rt = /* @__PURE__ */ Q({
+}), Pt = /* @__PURE__ */ G({
   name: "XTimeline",
   __name: "index",
   props: {
     direction: { default: "vertical" }
   },
   setup(n) {
-    const o = n, t = G("timeline");
+    const o = n, t = U("timeline");
     de("timeline", {
       props: o
     });
-    const e = b(() => [
+    const e = x(() => [
       t.b(),
       t.m(o.direction)
     ]);
-    return (r, l) => (h(), v("ul", {
-      class: u(e.value),
+    return (r, l) => (h(), f("ul", {
+      class: c(e.value),
       role: "timeline"
     }, [
-      P(r.$slots, "default")
+      X(r.$slots, "default")
     ], 2));
   }
-}), Pt = /* @__PURE__ */ Q({
+}), Ot = /* @__PURE__ */ G({
   name: "XTimelineItem",
   __name: "TimelineItem",
   props: {
@@ -1403,51 +1403,51 @@ const Bt = /* @__PURE__ */ Q({
     placement: { default: "bottom" }
   },
   setup(n) {
-    const o = n, t = G("timeline-item"), e = {
-      primary: "#1D4ED8",
-      success: "#059669",
-      warning: "#F59E0B",
-      danger: "#EF4444",
-      info: "#909399"
-    }, r = b(() => {
+    const o = n, t = U("timeline-item"), e = {
+      primary: "#12B6AF",
+      success: "#00A870",
+      warning: "#FF7D00",
+      danger: "#F53F3F",
+      info: "#86909C"
+    }, r = x(() => {
       const a = {};
       return o.color ? a.backgroundColor = o.color : o.type && e[o.type] && (a.backgroundColor = e[o.type]), a;
-    }), l = b(() => [
+    }), l = x(() => [
       t.b(),
       t.m(o.size)
     ]);
-    return (a, p) => (h(), v("li", {
-      class: u(l.value)
+    return (a, m) => (h(), f("li", {
+      class: c(l.value)
     }, [
-      m("div", {
-        class: u(s(t).e("node")),
-        style: O(r.value)
+      p("div", {
+        class: c(s(t).e("node")),
+        style: Y(r.value)
       }, [
-        P(a.$slots, "dot")
+        X(a.$slots, "dot")
       ], 6),
-      m("div", {
-        class: u(s(t).e("tail"))
+      p("div", {
+        class: c(s(t).e("tail"))
       }, null, 2),
-      m("div", {
-        class: u(s(t).e("wrapper"))
+      p("div", {
+        class: c(s(t).e("wrapper"))
       }, [
-        !n.hideTimestamp && n.timestamp && n.placement === "top" ? (h(), v("div", {
+        !n.hideTimestamp && n.timestamp && n.placement === "top" ? (h(), f("div", {
           key: 0,
-          class: u(s(t).e("timestamp"))
-        }, B(n.timestamp), 3)) : D("", !0),
-        m("div", {
-          class: u(s(t).e("content"))
+          class: c(s(t).e("timestamp"))
+        }, W(n.timestamp), 3)) : D("", !0),
+        p("div", {
+          class: c(s(t).e("content"))
         }, [
-          P(a.$slots, "default")
+          X(a.$slots, "default")
         ], 2),
-        !n.hideTimestamp && n.timestamp && n.placement === "bottom" ? (h(), v("div", {
+        !n.hideTimestamp && n.timestamp && n.placement === "bottom" ? (h(), f("div", {
           key: 1,
-          class: u(s(t).e("timestamp"))
-        }, B(n.timestamp), 3)) : D("", !0)
+          class: c(s(t).e("timestamp"))
+        }, W(n.timestamp), 3)) : D("", !0)
       ], 2)
     ], 2));
   }
-}), rt = ["onMouseenter", "onClick"], Wt = /* @__PURE__ */ Q({
+}), ct = ["onMouseenter", "onClick"], Yt = /* @__PURE__ */ G({
   name: "XCarousel",
   __name: "index",
   props: {
@@ -1462,114 +1462,114 @@ const Bt = /* @__PURE__ */ Q({
   },
   emits: ["update:activeIndex", "change"],
   setup(n, { expose: o, emit: t }) {
-    const e = n, r = t, l = G("carousel"), a = j(e.activeIndex), p = j(0), y = j(null), C = j(!1);
+    const e = n, r = t, l = U("carousel"), a = E(e.activeIndex), m = E(0), M = E(null), w = E(!1);
     de("carousel", {
       currentIndex: a,
-      itemCount: p
+      itemCount: m
     });
-    const I = (Y) => {
-      const U = a.value;
-      e.loop ? a.value = (Y + p.value) % p.value : a.value = Math.max(0, Math.min(Y, p.value - 1)), r("update:activeIndex", a.value), r("change", a.value, U);
+    const $ = (R) => {
+      const J = a.value;
+      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 = () => {
+      $(a.value + 1);
     }, N = () => {
-      I(a.value - 1);
+      e.autoplay && m.value > 1 && (L(), M.value = setInterval(() => {
+        w.value || A();
+      }, e.interval));
     }, L = () => {
-      I(a.value + 1);
+      M.value && (clearInterval(M.value), M.value = null);
     }, T = () => {
-      e.autoplay && p.value > 1 && (K(), y.value = setInterval(() => {
-        C.value || L();
-      }, e.interval));
-    }, K = () => {
-      y.value && (clearInterval(y.value), y.value = null);
-    }, H = () => {
-      C.value = !0, e.arrow;
-    }, E = () => {
-      C.value = !1;
-    }, $ = (Y) => {
-      e.trigger === "hover" && I(Y);
-    }, M = (Y) => {
-      e.trigger === "click" && I(Y);
-    }, w = b(() => ({
+      w.value = !0, e.arrow;
+    }, j = () => {
+      w.value = !1;
+    }, I = (R) => {
+      e.trigger === "hover" && $(R);
+    }, g = (R) => {
+      e.trigger === "click" && $(R);
+    }, C = x(() => ({
       height: typeof e.height == "number" ? `${e.height}px` : e.height
-    })), x = b(() => [
+    })), z = x(() => [
       l.b(),
       l.m(`arrow-${e.arrow}`),
       l.m(`indicator-${e.indicatorPosition}`)
     ]);
-    return te(() => e.activeIndex, (Y) => {
-      a.value = Y;
-    }), te(() => e.autoplay, () => {
-      T();
-    }), te(p, () => {
-      we(() => {
-        T();
+    return ne(() => e.activeIndex, (R) => {
+      a.value = R;
+    }), ne(() => e.autoplay, () => {
+      N();
+    }), ne(m, () => {
+      be(() => {
+        N();
       });
     }), ce(() => {
-      T();
-    }), fe(() => {
-      K();
+      N();
+    }), he(() => {
+      L();
     }), o({
-      prev: N,
-      next: L,
-      setActiveItem: I
-    }), (Y, U) => (h(), v("div", {
-      class: u(x.value),
-      style: O(w.value),
-      onMouseenter: H,
-      onMouseleave: E
+      prev: H,
+      next: A,
+      setActiveItem: $
+    }), (R, J) => (h(), f("div", {
+      class: c(z.value),
+      style: Y(C.value),
+      onMouseenter: T,
+      onMouseleave: j
     }, [
-      m("div", {
-        class: u(s(l).e("container"))
+      p("div", {
+        class: c(s(l).e("container"))
       }, [
-        P(Y.$slots, "default")
+        X(R.$slots, "default")
       ], 2),
-      n.arrow !== "never" ? (h(), v("button", {
+      n.arrow !== "never" ? (h(), f("button", {
         key: 0,
-        class: u([s(l).e("arrow"), s(l).e("arrow-left")]),
-        onClick: N
+        class: c([s(l).e("arrow"), s(l).e("arrow-left")]),
+        onClick: H
       }, " ‹ ", 2)) : D("", !0),
-      n.arrow !== "never" ? (h(), v("button", {
+      n.arrow !== "never" ? (h(), f("button", {
         key: 1,
-        class: u([s(l).e("arrow"), s(l).e("arrow-right")]),
-        onClick: L
+        class: c([s(l).e("arrow"), s(l).e("arrow-right")]),
+        onClick: A
       }, " › ", 2)) : D("", !0),
-      n.indicatorPosition !== "none" ? (h(), v("ul", {
+      n.indicatorPosition !== "none" ? (h(), f("ul", {
         key: 2,
-        class: u(s(l).e("indicators"))
+        class: c(s(l).e("indicators"))
       }, [
-        (h(!0), v(F, null, _(p.value, (W) => (h(), v("li", {
-          key: W,
-          class: u([s(l).e("indicator"), s(l).is("active", W - 1 === a.value)]),
-          onMouseenter: (X) => $(W - 1),
-          onClick: (X) => M(W - 1)
+        (h(!0), f(Z, null, le(m.value, (O) => (h(), f("li", {
+          key: O,
+          class: c([s(l).e("indicator"), s(l).is("active", O - 1 === a.value)]),
+          onMouseenter: (Q) => I(O - 1),
+          onClick: (Q) => g(O - 1)
         }, [
-          m("button", {
-            class: u(s(l).e("indicator-btn"))
+          p("button", {
+            class: c(s(l).e("indicator-btn"))
           }, null, 2)
-        ], 42, rt))), 128))
+        ], 42, ct))), 128))
       ], 2)) : D("", !0)
     ], 38));
   }
-}), Ot = /* @__PURE__ */ Q({
+}), Xt = /* @__PURE__ */ G({
   name: "XCarouselItem",
   __name: "CarouselItem",
   setup(n) {
-    const o = G("carousel-item"), t = ue("carousel"), e = j(-1);
+    const o = U("carousel-item"), t = ue("carousel"), e = E(-1);
     ce(() => {
       t && (e.value = t.itemCount.value, t.itemCount.value++);
-    }), fe(() => {
+    }), he(() => {
       t && t.itemCount.value--;
     });
-    const r = b(() => t && e.value === t.currentIndex.value), l = b(() => [
+    const r = x(() => t && e.value === t.currentIndex.value), l = x(() => [
       o.b(),
       o.is("active", r.value)
     ]);
-    return (a, p) => (h(), v("div", {
-      class: u(l.value)
+    return (a, m) => (h(), f("div", {
+      class: c(l.value)
     }, [
-      P(a.$slots, "default")
+      X(a.$slots, "default")
     ], 2));
   }
-}), dt = { key: 0 }, ct = ["onClick"], ut = { class: "sort-arrow up" }, ht = { class: "sort-arrow down" }, ft = ["onClick"], vt = ["onClick"], pt = { key: 1 }, mt = ["colspan"], gt = { style: { display: "none" } }, Yt = /* @__PURE__ */ Q({
+}), ut = { key: 0 }, ht = ["onClick"], vt = { class: "sort-arrow up" }, ft = { class: "sort-arrow down" }, pt = ["onClick"], mt = ["onClick"], gt = { key: 1 }, yt = ["colspan"], Mt = { style: { display: "none" } }, Ft = /* @__PURE__ */ G({
   name: "XTable",
   __name: "index",
   props: {
@@ -1587,210 +1587,210 @@ const Bt = /* @__PURE__ */ Q({
   },
   emits: ["sort-change", "row-click", "row-dblclick", "cell-click", "selection-change", "select-all", "page-change", "size-change"],
   setup(n, { expose: o, emit: t }) {
-    var f, g;
-    const e = n, r = t, l = G("table");
+    var v, y;
+    const e = n, r = t, l = U("table");
     me();
-    const a = ke([]);
+    const a = xe([]);
     de("x-table", {
-      registerColumn: (c, k) => {
-        a.findIndex((A) => A.config.prop === c.prop) === -1 && a.push({ config: c, slot: k });
+      registerColumn: (u, k) => {
+        a.findIndex((K) => K.config.prop === u.prop) === -1 && a.push({ config: u, slot: k });
       },
-      unregisterColumn: (c) => {
-        const k = a.findIndex((S) => S.config.prop === c);
+      unregisterColumn: (u) => {
+        const k = a.findIndex((S) => S.config.prop === u);
         k !== -1 && a.splice(k, 1);
       },
-      updateColumnSlot: (c, k) => {
-        const S = a.find((A) => A.config.prop === c);
+      updateColumnSlot: (u, k) => {
+        const S = a.find((K) => K.config.prop === u);
         S && (S.slot = k);
       },
       props: e
     });
-    const I = b(() => {
-      const c = a.map((R) => R.config), k = c.filter((R) => R.fixed === "left" || R.fixed === !0), S = c.filter((R) => !R.fixed), A = c.filter((R) => R.fixed === "right");
-      return [...k, ...S, ...A];
-    }), N = b(() => I.value.filter((c) => c.fixed === "left" || c.fixed === !0)), L = b(() => I.value.filter((c) => c.fixed === "right"));
-    b(() => I.value.filter((c) => !c.fixed)), b(() => N.value.reduce((c, k) => {
+    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"));
+    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 c + S;
-    }, 0)), b(() => L.value.reduce((c, k) => {
+      return u + S;
+    }, 0)), x(() => A.value.reduce((u, k) => {
       const S = k.width ? typeof k.width == "number" ? k.width : parseInt(k.width) : 100;
-      return c + S;
+      return u + S;
     }, 0));
-    const T = b(() => {
-      const c = {};
+    const N = x(() => {
+      const u = {};
       return a.forEach((k) => {
-        k.slot && (c[k.config.prop] = k.slot);
-      }), c;
-    }), K = j({
-      prop: ((f = e.defaultSort) == null ? void 0 : f.prop) || "",
-      order: ((g = e.defaultSort) == null ? void 0 : g.order) || null
-    }), H = b(() => {
-      if (!K.value.prop || !K.value.order)
+        k.slot && (u[k.config.prop] = k.slot);
+      }), u;
+    }), L = 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)
         return e.data;
-      const { prop: c, order: k } = K.value;
-      return [...e.data].sort((S, A) => {
-        const R = S[c], le = A[c];
-        if (R === le) return 0;
-        const ne = R > le ? 1 : -1;
-        return k === "ascending" ? ne : -ne;
+      const { prop: u, order: k } = L.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;
+        return k === "ascending" ? F : -F;
       });
-    }), E = b(() => {
-      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;
-    }), $ = b(() => [
+    }), j = 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(() => [
       l.b(),
       l.is("border", e.border),
       l.is("stripe", e.stripe),
       l.is("loading", e.loading),
-      l.is("has-fixed", N.value.length > 0 || L.value.length > 0)
-    ]), M = (c) => {
-      c.sortable && (K.value.prop === c.prop ? K.value.order === "ascending" ? K.value.order = "descending" : K.value.order === "descending" && (K.value.order = null, K.value.prop = "") : (K.value.prop = c.prop, K.value.order = "ascending"), r("sort-change", { ...K.value }));
-    }, w = (c) => c.sortable ? K.value.prop !== c.prop ? l.is("sortable") : [
+      l.is("has-fixed", H.value.length > 0 || A.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") : [
       l.is("sortable"),
-      l.is(`sort-${K.value.order}`)
-    ] : "", x = (c, k, S) => {
-      const A = c[k.prop];
-      return k.formatter ? k.formatter(c, k, A, S) : A ?? "";
-    }, Y = (c, k) => {
-      r("row-click", c, I.value[0], k);
-    }, U = (c, k, S) => {
-      const A = S.target;
-      r("cell-click", c, k, A, S);
-    }, W = (c) => {
-      r("page-change", c);
-    }, X = (c) => {
-      r("size-change", c);
-    }, ae = (c, k, S) => {
-      const A = {};
-      if (c.width && (A.width = typeof c.width == "number" ? `${c.width}px` : c.width), c.minWidth && (A.minWidth = typeof c.minWidth == "number" ? `${c.minWidth}px` : c.minWidth), c.align && (A.textAlign = c.align), (c.fixed === "left" || c.fixed === !0) && (A.position = "sticky", A.left = "0px", A.zIndex = "2", k !== void 0 && k > 0)) {
-        let R = 0;
-        for (let le = 0; le < k; le++) {
-          const ne = N.value[le], he = ne.width ? typeof ne.width == "number" ? ne.width : parseInt(ne.width) : 100;
-          R += he;
+      l.is(`sort-${L.value.order}`)
+    ] : "", z = (u, k, S) => {
+      const K = u[k.prop];
+      return k.formatter ? k.formatter(u, k, K, S) : K ?? "";
+    }, R = (u, k) => {
+      r("row-click", u, $.value[0], k);
+    }, J = (u, k, S) => {
+      const K = S.target;
+      r("cell-click", u, k, K, S);
+    }, O = (u) => {
+      r("page-change", u);
+    }, Q = (u) => {
+      r("size-change", u);
+    }, te = (u, k, S) => {
+      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;
+          P += ve;
         }
-        A.left = `${R}px`;
+        K.left = `${P}px`;
       }
-      if (c.fixed === "right" && (A.position = "sticky", A.right = "0px", A.zIndex = "2", k !== void 0)) {
-        const R = L.value, le = R.length - 1 - k;
-        if (le > 0) {
-          let ne = 0;
-          for (let he = 0; he < le; he++) {
-            const ve = R[R.length - 1 - he], xe = ve.width ? typeof ve.width == "number" ? ve.width : parseInt(ve.width) : 100;
-            ne += xe;
+      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) {
+          let F = 0;
+          for (let ve = 0; ve < B; ve++) {
+            const fe = P[P.length - 1 - ve], ze = fe.width ? typeof fe.width == "number" ? fe.width : parseInt(fe.width) : 100;
+            F += ze;
           }
-          A.right = `${ne}px`;
+          K.right = `${F}px`;
         }
       }
-      return A;
-    }, oe = (c) => {
+      return K;
+    }, se = (u) => {
       const k = [];
-      return (c.fixed === "left" || c.fixed === !0) && k.push(l.is("fixed-left")), c.fixed === "right" && k.push(l.is("fixed-right")), k;
-    }, ee = j([]), z = (c) => e.rowKey ? typeof e.rowKey == "function" ? e.rowKey(c) : String(c[e.rowKey]) : String(e.data.indexOf(c));
+      return (u.fixed === "left" || u.fixed === !0) && k.push(l.is("fixed-left")), u.fixed === "right" && k.push(l.is("fixed-right")), k;
+    }, _ = E([]), b = (u) => e.rowKey ? typeof e.rowKey == "function" ? e.rowKey(u) : String(u[e.rowKey]) : String(e.data.indexOf(u));
     return o({
       clearSelection: () => {
-        ee.value = [], r("selection-change", []);
+        _.value = [], r("selection-change", []);
       },
-      getSelection: () => [...ee.value],
-      toggleRowSelection: (c, k) => {
-        const S = z(c), A = ee.value.findIndex((R) => z(R) === S);
-        k === void 0 ? A > -1 ? ee.value.splice(A, 1) : ee.value.push(c) : k && A === -1 ? ee.value.push(c) : !k && A > -1 && ee.value.splice(A, 1), r("selection-change", [...ee.value]);
+      getSelection: () => [..._.value],
+      toggleRowSelection: (u, k) => {
+        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: K,
-      columns: I
-    }), (c, k) => (h(), v("div", {
-      class: u($.value)
+      sortState: L,
+      columns: $
+    }), (u, k) => (h(), f("div", {
+      class: c(I.value)
     }, [
-      n.loading ? (h(), v("div", {
+      n.loading ? (h(), f("div", {
         key: 0,
-        class: u(s(l).e("loading"))
+        class: c(s(l).e("loading"))
       }, [...k[0] || (k[0] = [
-        m("span", { class: "loading-spinner" }, null, -1),
-        m("span", { class: "loading-text" }, "加载中...", -1)
+        p("span", { class: "loading-spinner" }, null, -1),
+        p("span", { class: "loading-text" }, "加载中...", -1)
       ])], 2)) : D("", !0),
-      m("div", {
-        class: u(s(l).e("wrapper")),
-        style: O(E.value)
+      p("div", {
+        class: c(s(l).e("wrapper")),
+        style: Y(j.value)
       }, [
-        m("table", null, [
-          n.showHeader ? (h(), v("thead", dt, [
-            m("tr", null, [
-              (h(!0), v(F, null, _(I.value, (S, A) => (h(), v("th", {
+        p("table", null, [
+          n.showHeader ? (h(), f("thead", ut, [
+            p("tr", null, [
+              (h(!0), f(Z, null, le($.value, (S, K) => (h(), f("th", {
                 key: S.prop,
-                class: u([s(l).e("header-cell"), w(S), ...oe(S)]),
-                style: O(ae(S, S.fixed === "right" ? L.value.indexOf(S) : A)),
-                onClick: (R) => M(S)
+                class: c([s(l).e("header-cell"), C(S), ...se(S)]),
+                style: Y(te(S, S.fixed === "right" ? A.value.indexOf(S) : K)),
+                onClick: (P) => g(S)
               }, [
-                m("span", null, B(S.label), 1),
-                S.sortable ? (h(), v("span", {
+                p("span", null, W(S.label), 1),
+                S.sortable ? (h(), f("span", {
                   key: 0,
-                  class: u(s(l).e("sort-icon"))
+                  class: c(s(l).e("sort-icon"))
                 }, [
-                  m("span", ut, [
-                    J(s(Z), {
+                  p("span", vt, [
+                    ee(s(q), {
                       name: "sort-up",
                       size: 12
                     })
                   ]),
-                  m("span", ht, [
-                    J(s(Z), {
+                  p("span", ft, [
+                    ee(s(q), {
                       name: "sort-down",
                       size: 12
                     })
                   ])
                 ], 2)) : D("", !0)
-              ], 14, ct))), 128))
+              ], 14, ht))), 128))
             ])
           ])) : D("", !0),
-          m("tbody", null, [
-            (h(!0), v(F, null, _(H.value, (S, A) => (h(), v("tr", {
-              key: n.rowKey ? typeof n.rowKey == "function" ? n.rowKey(S) : S[n.rowKey] : A,
-              class: u([s(l).e("row")]),
-              onClick: (R) => Y(S, R)
+          p("tbody", null, [
+            (h(!0), f(Z, null, le(T.value, (S, K) => (h(), f("tr", {
+              key: n.rowKey ? typeof n.rowKey == "function" ? n.rowKey(S) : S[n.rowKey] : K,
+              class: c([s(l).e("row")]),
+              onClick: (P) => R(S, P)
             }, [
-              (h(!0), v(F, null, _(I.value, (R, le) => (h(), v("td", {
-                key: R.prop,
-                class: u([s(l).e("cell"), ...oe(R)]),
-                style: O(ae(R, R.fixed === "right" ? L.value.indexOf(R) : le)),
-                onClick: (ne) => U(S, R, ne)
+              (h(!0), f(Z, null, le($.value, (P, B) => (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)),
+                onClick: (F) => J(S, P, F)
               }, [
-                T.value[R.prop] ? (h(), se(pe(() => T.value[R.prop]({ row: S, column: R, $index: A })), { key: 0 })) : (h(), v(F, { key: 1 }, [
-                  q(B(x(S, R, A)), 1)
+                N.value[P.prop] ? (h(), oe(pe(() => N.value[P.prop]({ row: S, column: P, $index: K })), { key: 0 })) : (h(), f(Z, { key: 1 }, [
+                  ae(W(z(S, P, K)), 1)
                 ], 64))
-              ], 14, vt))), 128))
-            ], 10, ft))), 128))
+              ], 14, mt))), 128))
+            ], 10, pt))), 128))
           ]),
-          H.value.length === 0 && !n.loading ? (h(), v("tbody", pt, [
-            m("tr", null, [
-              m("td", {
-                colspan: I.value.length || 1,
-                class: u(s(l).e("empty"))
+          T.value.length === 0 && !n.loading ? (h(), f("tbody", gt, [
+            p("tr", null, [
+              p("td", {
+                colspan: $.value.length || 1,
+                class: c(s(l).e("empty"))
               }, [
-                P(c.$slots, "empty", {}, () => [
-                  q(B(n.emptyText), 1)
+                X(u.$slots, "empty", {}, () => [
+                  ae(W(n.emptyText), 1)
                 ])
-              ], 10, mt)
+              ], 10, yt)
             ])
           ])) : D("", !0)
         ])
       ], 6),
-      n.pagination ? (h(), v("div", {
+      n.pagination ? (h(), f("div", {
         key: 1,
-        class: u(s(l).e("pagination"))
+        class: c(s(l).e("pagination"))
       }, [
-        J(We, {
+        ee(Ye, {
           total: n.pagination.total,
           "current-page": n.pagination.current,
           "page-size": n.pagination.pageSize,
-          onCurrentChange: W,
-          onSizeChange: X
+          onCurrentChange: O,
+          onSizeChange: Q
         }, null, 8, ["total", "current-page", "page-size"])
       ], 2)) : D("", !0),
-      m("div", gt, [
-        P(c.$slots, "default")
+      p("div", Mt, [
+        X(u.$slots, "default")
       ])
     ], 2));
   }
-}), Xt = /* @__PURE__ */ Q({
+}), Qt = /* @__PURE__ */ G({
   name: "XTableColumn",
   __name: "TableColumn",
   props: {
@@ -1805,8 +1805,8 @@ const Bt = /* @__PURE__ */ Q({
   },
   setup(n) {
     const o = n;
-    G("table-column");
-    const t = me(), e = j(`column_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`), r = ue("x-table"), l = b(() => ({
+    U("table-column");
+    const t = me(), e = E(`column_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`), r = ue("x-table"), l = x(() => ({
       prop: o.prop || e.value,
       label: o.label,
       width: o.width,
@@ -1818,13 +1818,13 @@ const Bt = /* @__PURE__ */ Q({
     }));
     return ce(() => {
       r != null && r.registerColumn && r.registerColumn(l.value, t.default);
-    }), te(() => t.default, (a) => {
+    }), ne(() => t.default, (a) => {
       r != null && r.updateColumnSlot && a && r.updateColumnSlot(o.prop || e.value, a);
-    }, { immediate: !0 }), fe(() => {
+    }, { immediate: !0 }), he(() => {
       r != null && r.unregisterColumn && r.unregisterColumn(o.prop || e.value);
-    }), (a, p) => null;
+    }), (a, m) => null;
   }
-}), yt = { key: 0 }, Mt = ["onClick"], kt = { class: "sort-arrow up" }, wt = { class: "sort-arrow down" }, bt = ["onClick"], xt = { key: 0 }, Ct = ["colspan"], zt = { style: { display: "none" } }, Qt = /* @__PURE__ */ Q({
+}), kt = { key: 0 }, wt = ["onClick"], xt = { class: "sort-arrow up" }, bt = { class: "sort-arrow down" }, Ct = ["onClick"], zt = { key: 0 }, It = ["colspan"], $t = { style: { display: "none" } }, Gt = /* @__PURE__ */ G({
   name: "XTreeTable",
   __name: "index",
   props: {
@@ -1844,214 +1844,214 @@ const Bt = /* @__PURE__ */ Q({
   },
   emits: ["row-click", "cell-click", "expand-change", "sort-change"],
   setup(n, { expose: o, emit: t }) {
-    const e = n, r = t, l = G("tree-table"), a = j(/* @__PURE__ */ new Set()), p = j([]), y = j({});
+    const e = n, r = t, l = U("tree-table"), a = E(/* @__PURE__ */ new Set()), m = E([]), M = E({});
     de("x-tree-table", {
-      registerColumn: (z, V) => {
-        const i = p.value.findIndex((d) => d.prop === z.prop);
-        i === -1 ? p.value.push(z) : p.value[i] = z, V && (y.value[z.prop] = V);
+      registerColumn: (b, V) => {
+        const i = m.value.findIndex((d) => d.prop === b.prop);
+        i === -1 ? m.value.push(b) : m.value[i] = b, V && (M.value[b.prop] = V);
       },
-      unregisterColumn: (z) => {
-        const V = p.value.findIndex((i) => i.prop === z);
-        V > -1 && p.value.splice(V, 1), delete y.value[z];
+      unregisterColumn: (b) => {
+        const V = m.value.findIndex((i) => i.prop === b);
+        V > -1 && m.value.splice(V, 1), delete M.value[b];
       },
-      updateColumnSlot: (z, V) => {
-        y.value[z] = V;
+      updateColumnSlot: (b, V) => {
+        M.value[b] = V;
       },
       props: e
     });
-    const L = (z) => typeof e.rowKey == "function" ? e.rowKey(z) : z[e.rowKey || "id"], T = (z) => {
+    const A = (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 z[V] || [];
-    }, K = (z) => {
+      return b[V] || [];
+    }, L = (b) => {
       var d;
-      if (T(z).length > 0) return !0;
+      if (N(b).length > 0) return !0;
       const i = ((d = e.treeProps) == null ? void 0 : d.hasChildren) || "hasChildren";
-      return z[i] === !0;
-    }, H = (z) => {
-      const V = L(z);
+      return b[i] === !0;
+    }, T = (b) => {
+      const V = A(b);
       return a.value.has(V);
-    }, E = (z) => {
-      const V = L(z), i = !a.value.has(V);
-      i ? a.value.add(V) : a.value.delete(V), r("expand-change", z, i);
-    }, $ = () => {
-      const z = (V) => {
+    }, j = (b) => {
+      const V = A(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) => {
-          K(i) && (a.value.add(L(i)), z(T(i)));
+          L(i) && (a.value.add(A(i)), b(N(i)));
         });
       };
-      z(e.data);
-    }, M = () => {
+      b(e.data);
+    }, g = () => {
       a.value.clear();
-    }, w = b(() => {
-      const z = [], V = (i, d = 0, f = !0) => {
-        i.forEach((g) => {
-          const c = L(g), k = a.value.has(c), S = f;
-          z.push({ row: g, level: d, visible: S });
-          const A = T(g);
-          A.length > 0 && k && V(A, d + 1, S);
+    }, C = x(() => {
+      const b = [], V = (i, d = 0, v = !0) => {
+        i.forEach((y) => {
+          const u = A(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);
         });
       };
-      return V(e.data), z;
-    }), x = j({
+      return V(e.data), b;
+    }), z = E({
       prop: "",
       order: null
-    }), Y = b(() => {
-      if (!x.value.prop || !x.value.order)
-        return w.value;
-      const { prop: z, order: V } = x.value;
-      return [...w.value].sort((i, d) => {
-        const f = i.row[z], g = d.row[z];
-        if (f === g) return 0;
-        const c = f > g ? 1 : -1;
-        return V === "ascending" ? c : -c;
+    }), R = x(() => {
+      if (!z.value.prop || !z.value.order)
+        return C.value;
+      const { prop: b, order: V } = z.value;
+      return [...C.value].sort((i, d) => {
+        const v = i.row[b], y = d.row[b];
+        if (v === y) return 0;
+        const u = v > y ? 1 : -1;
+        return V === "ascending" ? u : -u;
       });
-    }), U = (z) => {
-      z.sortable && (x.value.prop === z.prop ? x.value.order === "ascending" ? x.value.order = "descending" : x.value.order === "descending" && (x.value.order = null, x.value.prop = "") : (x.value.prop = z.prop, x.value.order = "ascending"), r("sort-change", { ...x.value }));
-    }, W = (z) => z.sortable ? x.value.prop !== z.prop ? l.is("sortable") : [
+    }), J = (b) => {
+      b.sortable && (z.value.prop === b.prop ? z.value.order === "ascending" ? z.value.order = "descending" : z.value.order === "descending" && (z.value.order = null, z.value.prop = "") : (z.value.prop = b.prop, z.value.order = "ascending"), r("sort-change", { ...z.value }));
+    }, O = (b) => b.sortable ? z.value.prop !== b.prop ? l.is("sortable") : [
       l.is("sortable"),
-      l.is(`sort-${x.value.order}`)
-    ] : "", X = (z, V, i) => {
-      const d = z[V.prop];
-      return V.formatter ? V.formatter(z, V, d, i) : d ?? "";
-    }, ae = (z) => {
+      l.is(`sort-${z.value.order}`)
+    ] : "", Q = (b, V, i) => {
+      const d = b[V.prop];
+      return V.formatter ? V.formatter(b, V, d, i) : d ?? "";
+    }, te = (b) => {
       const V = {};
-      return z.width && (V.width = typeof z.width == "number" ? `${z.width}px` : z.width), z.minWidth && (V.minWidth = typeof z.minWidth == "number" ? `${z.minWidth}px` : z.minWidth), z.align && (V.textAlign = z.align), V;
-    }, oe = b(() => [
+      return b.width && (V.width = typeof b.width == "number" ? `${b.width}px` : b.width), b.minWidth && (V.minWidth = typeof b.minWidth == "number" ? `${b.minWidth}px` : b.minWidth), b.align && (V.textAlign = b.align), V;
+    }, se = x(() => [
       l.b(),
       l.is("border", e.border),
       l.is("stripe", e.stripe),
       l.is("loading", e.loading)
-    ]), ee = () => {
-      var z;
-      e.defaultExpandAll ? $() : (z = e.defaultExpandedKeys) != null && z.length && e.defaultExpandedKeys.forEach((V) => {
+    ]), _ = () => {
+      var b;
+      e.defaultExpandAll ? I() : (b = e.defaultExpandedKeys) != null && b.length && e.defaultExpandedKeys.forEach((V) => {
         a.value.add(V);
       });
     };
-    return te(() => e.data, () => {
-      ee();
-    }, { immediate: !0 }), te(() => e.defaultExpandedKeys, (z) => {
-      z != null && z.length && !e.defaultExpandAll && (a.value.clear(), z.forEach((V) => {
+    return ne(() => e.data, () => {
+      _();
+    }, { immediate: !0 }), ne(() => e.defaultExpandedKeys, (b) => {
+      b != null && b.length && !e.defaultExpandAll && (a.value.clear(), b.forEach((V) => {
         a.value.add(V);
       }));
     }, { immediate: !0 }), o({
-      expandAll: $,
-      collapseAll: M,
-      toggleExpand: E,
+      expandAll: I,
+      collapseAll: g,
+      toggleExpand: j,
       expandedKeys: a,
-      columns: p
-    }), (z, V) => (h(), v("div", {
-      class: u(oe.value)
+      columns: m
+    }), (b, V) => (h(), f("div", {
+      class: c(se.value)
     }, [
-      n.loading ? (h(), v("div", {
+      n.loading ? (h(), f("div", {
         key: 0,
-        class: u(s(l).e("loading"))
+        class: c(s(l).e("loading"))
       }, [...V[0] || (V[0] = [
-        m("span", { class: "loading-spinner" }, null, -1),
-        m("span", { class: "loading-text" }, "加载中...", -1)
+        p("span", { class: "loading-spinner" }, null, -1),
+        p("span", { class: "loading-text" }, "加载中...", -1)
       ])], 2)) : D("", !0),
-      m("div", {
-        class: u(s(l).e("wrapper"))
+      p("div", {
+        class: c(s(l).e("wrapper"))
       }, [
-        m("table", null, [
-          n.showHeader ? (h(), v("thead", yt, [
-            m("tr", null, [
-              (h(!0), v(F, null, _(p.value, (i) => (h(), v("th", {
+        p("table", null, [
+          n.showHeader ? (h(), f("thead", kt, [
+            p("tr", null, [
+              (h(!0), f(Z, null, le(m.value, (i) => (h(), f("th", {
                 key: i.prop,
-                class: u([s(l).e("header-cell"), W(i)]),
-                style: O(ae(i)),
-                onClick: (d) => U(i)
+                class: c([s(l).e("header-cell"), O(i)]),
+                style: Y(te(i)),
+                onClick: (d) => J(i)
               }, [
-                m("span", null, B(i.label), 1),
-                i.sortable ? (h(), v("span", {
+                p("span", null, W(i.label), 1),
+                i.sortable ? (h(), f("span", {
                   key: 0,
-                  class: u(s(l).e("sort-icon"))
+                  class: c(s(l).e("sort-icon"))
                 }, [
-                  m("span", kt, [
-                    J(s(Z), {
+                  p("span", xt, [
+                    ee(s(q), {
                       name: "sort-up",
                       size: 12
                     })
                   ]),
-                  m("span", wt, [
-                    J(s(Z), {
+                  p("span", bt, [
+                    ee(s(q), {
                       name: "sort-down",
                       size: 12
                     })
                   ])
                 ], 2)) : D("", !0)
-              ], 14, Mt))), 128))
+              ], 14, wt))), 128))
             ])
           ])) : D("", !0),
-          m("tbody", null, [
-            (h(!0), v(F, null, _(Y.value, (i, d) => (h(), v(F, {
-              key: L(i.row)
+          p("tbody", null, [
+            (h(!0), f(Z, null, le(R.value, (i, d) => (h(), f(Z, {
+              key: A(i.row)
             }, [
-              i.visible ? (h(), v("tr", {
+              i.visible ? (h(), f("tr", {
                 key: 0,
-                class: u([s(l).e("row"), s(l).is("level-" + i.level)])
+                class: c([s(l).e("row"), s(l).is("level-" + i.level)])
               }, [
-                (h(!0), v(F, null, _(p.value, (f, g) => (h(), v("td", {
-                  key: f.prop,
-                  class: u(s(l).e("cell")),
-                  style: O(ae(f))
+                (h(!0), f(Z, null, le(m.value, (v, y) => (h(), f("td", {
+                  key: v.prop,
+                  class: c(s(l).e("cell")),
+                  style: Y(te(v))
                 }, [
-                  g === 0 ? (h(), v("div", {
+                  y === 0 ? (h(), f("div", {
                     key: 0,
-                    class: u(s(l).e("cell-content"))
+                    class: c(s(l).e("cell-content"))
                   }, [
-                    m("span", {
-                      class: u(s(l).e("indent")),
-                      style: O({ width: `${i.level * n.indent}px` })
+                    p("span", {
+                      class: c(s(l).e("indent")),
+                      style: Y({ width: `${i.level * n.indent}px` })
                     }, null, 6),
-                    K(i.row) ? (h(), v("span", {
+                    L(i.row) ? (h(), f("span", {
                       key: 0,
-                      class: u([s(l).e("expand-icon"), s(l).is("expanded", H(i.row))]),
-                      onClick: re((c) => E(i.row), ["stop"])
+                      class: c([s(l).e("expand-icon"), s(l).is("expanded", T(i.row))]),
+                      onClick: ie((u) => j(i.row), ["stop"])
                     }, [
-                      H(i.row) ? (h(), se(s(Z), {
+                      T(i.row) ? (h(), oe(s(q), {
                         key: 0,
                         name: "chevron-down",
                         size: 14
-                      })) : (h(), se(s(Z), {
+                      })) : (h(), oe(s(q), {
                         key: 1,
                         name: "chevron-right",
                         size: 14
                       }))
-                    ], 10, bt)) : (h(), v("span", {
+                    ], 10, Ct)) : (h(), f("span", {
                       key: 1,
-                      class: u(s(l).e("expand-placeholder"))
+                      class: c(s(l).e("expand-placeholder"))
                     }, null, 2)),
-                    m("span", null, [
-                      y.value[f.prop] ? (h(), se(pe(() => y.value[f.prop]({ row: i.row, column: f, $index: d })), { key: 0 })) : (h(), v(F, { key: 1 }, [
-                        q(B(X(i.row, f, d)), 1)
+                    p("span", null, [
+                      M.value[v.prop] ? (h(), oe(pe(() => M.value[v.prop]({ row: i.row, column: v, $index: d })), { key: 0 })) : (h(), f(Z, { key: 1 }, [
+                        ae(W(Q(i.row, v, d)), 1)
                       ], 64))
                     ])
-                  ], 2)) : y.value[f.prop] ? (h(), se(pe(() => y.value[f.prop]({ row: i.row, column: f, $index: d })), { key: 1 })) : (h(), v(F, { key: 2 }, [
-                    q(B(X(i.row, f, d)), 1)
+                  ], 2)) : M.value[v.prop] ? (h(), oe(pe(() => M.value[v.prop]({ row: i.row, column: v, $index: d })), { key: 1 })) : (h(), f(Z, { key: 2 }, [
+                    ae(W(Q(i.row, v, d)), 1)
                   ], 64))
                 ], 6))), 128))
               ], 2)) : D("", !0)
             ], 64))), 128)),
-            Y.value.length === 0 && !n.loading ? (h(), v("tr", xt, [
-              m("td", {
-                colspan: p.value.length || 1,
-                class: u(s(l).e("empty"))
+            R.value.length === 0 && !n.loading ? (h(), f("tr", zt, [
+              p("td", {
+                colspan: m.value.length || 1,
+                class: c(s(l).e("empty"))
               }, [
-                P(z.$slots, "empty", {}, () => [
-                  q(B(n.emptyText), 1)
+                X(b.$slots, "empty", {}, () => [
+                  ae(W(n.emptyText), 1)
                 ])
-              ], 10, Ct)
+              ], 10, It)
             ])) : D("", !0)
           ])
         ])
       ], 2),
-      m("div", zt, [
-        P(z.$slots, "default")
+      p("div", $t, [
+        X(b.$slots, "default")
       ])
     ], 2));
   }
-}), Gt = /* @__PURE__ */ Q({
+}), Ut = /* @__PURE__ */ G({
   name: "XTreeTableColumn",
   __name: "TreeTableColumn",
   props: {
@@ -2066,8 +2066,8 @@ const Bt = /* @__PURE__ */ Q({
   },
   setup(n) {
     const o = n;
-    G("tree-table-column");
-    const t = me(), e = ue("x-tree-table"), r = b(() => ({
+    U("tree-table-column");
+    const t = me(), e = ue("x-tree-table"), r = x(() => ({
       prop: o.prop,
       label: o.label,
       width: o.width,
@@ -2079,13 +2079,13 @@ const Bt = /* @__PURE__ */ Q({
     }));
     return ce(() => {
       e != null && e.registerColumn && e.registerColumn(r.value, t.default);
-    }), te(() => t.default, (l) => {
+    }), ne(() => t.default, (l) => {
       e != null && e.updateColumnSlot && l && e.updateColumnSlot(o.prop, l);
-    }, { immediate: !0 }), fe(() => {
+    }, { immediate: !0 }), he(() => {
       e != null && e.unregisterColumn && e.unregisterColumn(o.prop);
     }), (l, a) => null;
   }
-}), It = ["src", "alt"], Ft = /* @__PURE__ */ Q({
+}), St = ["src", "alt"], Zt = /* @__PURE__ */ G({
   name: "XAvatar",
   __name: "index",
   props: {
@@ -2098,38 +2098,38 @@ const Bt = /* @__PURE__ */ Q({
   },
   emits: ["error"],
   setup(n, { emit: o }) {
-    const t = n, e = o, r = G("avatar"), l = b(() => [
+    const t = n, e = o, r = U("avatar"), l = x(() => [
       r.b(),
       r.m(t.shape),
       typeof t.size == "string" ? r.m(t.size) : ""
-    ]), a = b(() => {
-      const y = {};
-      return typeof t.size == "number" && (y.width = `${t.size}px`, y.height = `${t.size}px`, y.lineHeight = `${t.size}px`), y;
-    }), p = (y) => {
-      e("error", y);
+    ]), a = x(() => {
+      const M = {};
+      return typeof t.size == "number" && (M.width = `${t.size}px`, M.height = `${t.size}px`, M.lineHeight = `${t.size}px`), M;
+    }), m = (M) => {
+      e("error", M);
     };
-    return (y, C) => (h(), v("span", {
-      class: u(l.value),
-      style: O(a.value)
+    return (M, w) => (h(), f("span", {
+      class: c(l.value),
+      style: Y(a.value)
     }, [
-      n.src ? (h(), v("img", {
+      n.src ? (h(), f("img", {
         key: 0,
         src: n.src,
         alt: n.alt,
-        style: O({ objectFit: n.fit }),
-        onError: p
-      }, null, 44, It)) : n.icon ? (h(), v("span", {
+        style: Y({ objectFit: n.fit }),
+        onError: m
+      }, null, 44, St)) : n.icon ? (h(), f("span", {
         key: 1,
-        class: u(s(r).e("icon"))
-      }, B(n.icon), 3)) : (h(), v("span", {
+        class: c(s(r).e("icon"))
+      }, W(n.icon), 3)) : (h(), f("span", {
         key: 2,
-        class: u(s(r).e("default"))
+        class: c(s(r).e("default"))
       }, [
-        P(y.$slots, "default")
+        X(M.$slots, "default")
       ], 2))
     ], 6));
   }
-}), Zt = /* @__PURE__ */ Q({
+}), Jt = /* @__PURE__ */ G({
   name: "XDescriptions",
   __name: "index",
   props: {
@@ -2143,35 +2143,35 @@ const Bt = /* @__PURE__ */ Q({
     colon: { type: Boolean, default: !0 }
   },
   setup(n) {
-    const o = n, t = G("descriptions");
+    const o = n, t = U("descriptions");
     de("x-descriptions", {
       props: o,
-      column: b(() => o.column)
+      column: x(() => o.column)
     });
-    const e = b(() => [
+    const e = x(() => [
       t.b(),
       t.m(o.size),
       t.is("bordered", o.border)
     ]);
-    return (r, l) => (h(), v("div", {
-      class: u(e.value)
+    return (r, l) => (h(), f("div", {
+      class: c(e.value)
     }, [
-      n.title ? (h(), v("div", {
+      n.title ? (h(), f("div", {
         key: 0,
-        class: u(s(t).e("title"))
-      }, B(n.title), 3)) : D("", !0),
-      m("div", {
-        class: u(s(t).e("body"))
+        class: c(s(t).e("title"))
+      }, W(n.title), 3)) : D("", !0),
+      p("div", {
+        class: c(s(t).e("body"))
       }, [
-        m("table", null, [
-          m("tbody", null, [
-            P(r.$slots, "default")
+        p("table", null, [
+          p("tbody", null, [
+            X(r.$slots, "default")
           ])
         ])
       ], 2)
     ], 2));
   }
-}), $t = ["colspan"], St = ["colspan"], Ut = /* @__PURE__ */ Q({
+}), At = ["colspan"], Lt = ["colspan"], qt = /* @__PURE__ */ G({
   name: "XDescriptionsItem",
   __name: "DescriptionsItem",
   props: {
@@ -2181,51 +2181,51 @@ const Bt = /* @__PURE__ */ Q({
     contentAlign: {}
   },
   setup(n) {
-    const o = n, t = G("descriptions-item"), e = ue("x-descriptions"), r = b(() => {
-      var N;
-      const C = {}, I = (N = e == null ? void 0 : e.props) == null ? void 0 : N.labelWidth;
-      return I && (C.width = typeof I == "number" ? `${I}px` : I), C;
-    }), l = b(() => {
-      var C;
-      return o.labelAlign || ((C = e == null ? void 0 : e.props) == null ? void 0 : C.labelAlign) || "right";
-    }), a = b(() => {
-      var C;
-      return o.contentAlign || ((C = e == null ? void 0 : e.props) == null ? void 0 : C.contentAlign) || "left";
-    }), p = b(() => {
-      var C;
-      return ((C = e == null ? void 0 : e.props) == null ? void 0 : C.colon) ?? !0;
-    }), y = b(() => {
-      var C;
-      return ((C = e == null ? void 0 : e.props) == null ? void 0 : C.border) ?? !1;
+    const o = n, t = U("descriptions-item"), e = ue("x-descriptions"), r = x(() => {
+      var H;
+      const w = {}, $ = (H = e == null ? void 0 : e.props) == null ? void 0 : H.labelWidth;
+      return $ && (w.width = typeof $ == "number" ? `${$}px` : $), w;
+    }), l = x(() => {
+      var w;
+      return o.labelAlign || ((w = e == null ? void 0 : e.props) == null ? void 0 : w.labelAlign) || "right";
+    }), a = x(() => {
+      var w;
+      return o.contentAlign || ((w = e == null ? void 0 : e.props) == null ? void 0 : w.contentAlign) || "left";
+    }), m = x(() => {
+      var w;
+      return ((w = e == null ? void 0 : e.props) == null ? void 0 : w.colon) ?? !0;
+    }), M = x(() => {
+      var w;
+      return ((w = e == null ? void 0 : e.props) == null ? void 0 : w.border) ?? !1;
     });
-    return (C, I) => y.value ? (h(), v(F, { key: 0 }, [
-      m("th", {
-        class: u([s(t).b(), s(t).e("label"), `is-${l.value}`]),
-        style: O(r.value)
-      }, B(n.label) + B(p.value ? ":" : ""), 7),
-      m("td", {
-        class: u([s(t).e("content"), `is-${a.value}`]),
+    return (w, $) => M.value ? (h(), f(Z, { key: 0 }, [
+      p("th", {
+        class: c([s(t).b(), s(t).e("label"), `is-${l.value}`]),
+        style: Y(r.value)
+      }, W(n.label) + W(m.value ? ":" : ""), 7),
+      p("td", {
+        class: c([s(t).e("content"), `is-${a.value}`]),
         colspan: n.span * 2 - 1
       }, [
-        P(C.$slots, "default")
-      ], 10, $t)
-    ], 64)) : (h(), v("tr", {
+        X(w.$slots, "default")
+      ], 10, At)
+    ], 64)) : (h(), f("tr", {
       key: 1,
-      class: u(s(t).b())
+      class: c(s(t).b())
     }, [
-      m("th", {
-        class: u([s(t).e("label"), `is-${l.value}`]),
-        style: O(r.value)
-      }, B(n.label) + B(p.value ? ":" : ""), 7),
-      m("td", {
-        class: u([s(t).e("content"), `is-${a.value}`]),
+      p("th", {
+        class: c([s(t).e("label"), `is-${l.value}`]),
+        style: Y(r.value)
+      }, W(n.label) + W(m.value ? ":" : ""), 7),
+      p("td", {
+        class: c([s(t).e("content"), `is-${a.value}`]),
         colspan: n.span * 2 - 1
       }, [
-        P(C.$slots, "default")
-      ], 10, St)
+        X(w.$slots, "default")
+      ], 10, Lt)
     ], 2));
   }
-}), Jt = /* @__PURE__ */ Q({
+}), _t = /* @__PURE__ */ G({
   name: "XScrollbar",
   __name: "index",
   props: {
@@ -2243,70 +2243,70 @@ const Bt = /* @__PURE__ */ Q({
   },
   emits: ["scroll"],
   setup(n, { expose: o, emit: t }) {
-    const e = n, r = t, l = G("scrollbar"), a = j(), p = j(), y = j("0"), C = j("0"), I = j(0), N = j(0), L = b(() => {
-      const w = {};
-      return e.height && (w.height = typeof e.height == "number" ? `${e.height}px` : e.height), e.maxHeight && (w.maxHeight = typeof e.maxHeight == "number" ? `${e.maxHeight}px` : e.maxHeight), w;
-    }), 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 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 w = a.value.offsetHeight - 4, x = a.value.offsetWidth - 4, Y = a.value.scrollHeight, U = a.value.scrollWidth, W = w / Y, X = x / U;
-      C.value = W >= 1 ? "0" : `${w * W}px`, y.value = X >= 1 ? "0" : `${x * X}px`;
-    }, K = (w) => {
+      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) => {
       if (!a.value) return;
-      const x = a.value.offsetHeight, Y = a.value.offsetWidth;
-      N.value = a.value.scrollTop * 100 / x, I.value = a.value.scrollLeft * 100 / Y, r("scroll", w);
-    }, H = (w) => {
-      var x;
-      (x = a.value) == null || x.scrollTo(w);
-    }, E = (w) => {
-      a.value && (a.value.scrollTop = w);
-    }, $ = (w) => {
-      a.value && (a.value.scrollLeft = w);
+      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) => {
+      a.value && (a.value.scrollTop = C);
+    }, I = (C) => {
+      a.value && (a.value.scrollLeft = C);
     };
-    let M = null;
+    let g = null;
     return ce(() => {
-      e.native || (we(T), e.noresize || (M = new ResizeObserver(T), p.value && M.observe(p.value), window.addEventListener("resize", T)));
-    }), fe(() => {
-      M && M.disconnect(), window.removeEventListener("resize", T);
+      e.native || (be(N), e.noresize || (g = new ResizeObserver(N), m.value && g.observe(m.value), window.addEventListener("resize", N)));
+    }), he(() => {
+      g && g.disconnect(), window.removeEventListener("resize", N);
     }), o({
-      scrollTo: H,
-      setScrollTop: E,
-      setScrollLeft: $,
-      update: T
-    }), (w, x) => (h(), v("div", {
-      class: u(s(l).b())
+      scrollTo: T,
+      setScrollTop: j,
+      setScrollLeft: I,
+      update: N
+    }), (C, z) => (h(), f("div", {
+      class: c(s(l).b())
     }, [
-      m("div", {
+      p("div", {
         ref_key: "wrapRef",
         ref: a,
-        class: u([s(l).e("wrap"), n.wrapClass, { [s(l).em("wrap", "hidden-default")]: !n.native }]),
-        style: O([L.value, { overflow: n.native ? "auto" : "hidden" }]),
-        onScroll: K
+        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
       }, [
-        (h(), se(pe(n.tag), {
+        (h(), oe(pe(n.tag), {
           ref_key: "resizeRef",
-          ref: p,
-          class: u([s(l).e("view"), n.viewClass]),
-          style: O(n.viewStyle)
+          ref: m,
+          class: c([s(l).e("view"), n.viewClass]),
+          style: Y(n.viewStyle)
         }, {
           default: ye(() => [
-            P(w.$slots, "default")
+            X(C.$slots, "default")
           ]),
           _: 3
         }, 8, ["class", "style"]))
       ], 38),
-      !n.native && C.value ? (h(), v("div", {
+      !n.native && w.value ? (h(), f("div", {
         key: 0,
-        class: u([s(l).e("bar"), s(l).is("vertical")]),
-        style: O({ height: C.value, top: `${N.value}%` })
+        class: c([s(l).e("bar"), s(l).is("vertical")]),
+        style: Y({ height: w.value, top: `${H.value}%` })
       }, null, 6)) : D("", !0),
-      !n.native && y.value ? (h(), v("div", {
+      !n.native && M.value ? (h(), f("div", {
         key: 1,
-        class: u([s(l).e("bar"), s(l).is("horizontal")]),
-        style: O({ width: y.value, left: `${I.value}%` })
+        class: c([s(l).e("bar"), s(l).is("horizontal")]),
+        style: Y({ width: M.value, left: `${$.value}%` })
       }, null, 6)) : D("", !0)
     ], 2));
   }
-}), qt = /* @__PURE__ */ Q({
+}), ea = /* @__PURE__ */ G({
   name: "XCollapse",
   __name: "index",
   props: {
@@ -2315,27 +2315,27 @@ const Bt = /* @__PURE__ */ Q({
   },
   emits: ["update:modelValue", "change"],
   setup(n, { emit: o }) {
-    const t = n, e = o, r = G("collapse"), l = j([]);
-    return te(() => t.modelValue, (p) => {
-      Array.isArray(p) ? l.value = p : p ? l.value = [p] : l.value = [];
+    const t = n, e = o, r = U("collapse"), l = E([]);
+    return ne(() => t.modelValue, (m) => {
+      Array.isArray(m) ? l.value = m : m ? l.value = [m] : l.value = [];
     }, { immediate: !0 }), de("collapse", {
       activeNames: l,
-      handleItemClick: (p) => {
+      handleItemClick: (m) => {
         if (t.accordion) {
-          const y = l.value.includes(p) ? "" : p;
-          l.value = y ? [y] : [], e("update:modelValue", y), e("change", y);
+          const M = l.value.includes(m) ? "" : m;
+          l.value = M ? [M] : [], e("update:modelValue", M), e("change", M);
         } else {
-          const y = l.value.indexOf(p);
-          y > -1 ? l.value.splice(y, 1) : l.value.push(p), e("update:modelValue", l.value), e("change", l.value);
+          const M = l.value.indexOf(m);
+          M > -1 ? l.value.splice(M, 1) : l.value.push(m), e("update:modelValue", l.value), e("change", l.value);
         }
       }
-    }), (p, y) => (h(), v("div", {
-      class: u(s(r).b())
+    }), (m, M) => (h(), f("div", {
+      class: c(s(r).b())
     }, [
-      P(p.$slots, "default")
+      X(m.$slots, "default")
     ], 2));
   }
-}), _t = /* @__PURE__ */ Q({
+}), ta = /* @__PURE__ */ G({
   name: "XCollapseItem",
   __name: "CollapseItem",
   props: {
@@ -2344,42 +2344,42 @@ const Bt = /* @__PURE__ */ Q({
     disabled: { type: Boolean }
   },
   setup(n) {
-    const o = n, t = G("collapse-item"), e = ue("collapse"), { activeNames: r, handleItemClick: l } = e, a = b(() => r.value.includes(o.name)), p = () => {
+    const o = n, t = U("collapse-item"), e = ue("collapse"), { activeNames: r, handleItemClick: l } = e, a = x(() => r.value.includes(o.name)), m = () => {
       o.disabled || l(o.name);
     };
-    return (y, C) => (h(), v("div", {
-      class: u([s(t).b(), s(t).is("active", a.value), s(t).is("disabled", n.disabled)])
+    return (M, w) => (h(), f("div", {
+      class: c([s(t).b(), s(t).is("active", a.value), s(t).is("disabled", n.disabled)])
     }, [
-      m("div", {
-        class: u(s(t).e("header")),
-        onClick: p
+      p("div", {
+        class: c(s(t).e("header")),
+        onClick: m
       }, [
-        m("span", {
-          class: u(s(t).e("arrow"))
+        p("span", {
+          class: c(s(t).e("arrow"))
         }, [
-          J(s(Z), {
+          ee(s(q), {
             name: "right",
             size: 12
           })
         ], 2),
-        P(y.$slots, "title", {}, () => [
-          q(B(n.title), 1)
+        X(M.$slots, "title", {}, () => [
+          ae(W(n.title), 1)
         ])
       ], 2),
-      ge(m("div", {
-        class: u(s(t).e("content"))
+      ge(p("div", {
+        class: c(s(t).e("content"))
       }, [
-        m("div", {
-          class: u(s(t).e("content-box"))
+        p("div", {
+          class: c(s(t).e("content-box"))
         }, [
-          P(y.$slots, "default")
+          X(M.$slots, "default")
         ], 2)
       ], 2), [
-        [Me, a.value]
+        [we, a.value]
       ])
     ], 2));
   }
-}), Lt = ["src", "loading"], Dt = ["src"], ea = /* @__PURE__ */ Q({
+}), Kt = ["src", "loading"], Dt = ["src"], Me = 0.2, ke = 8, aa = /* @__PURE__ */ G({
   name: "XImage",
   __name: "index",
   props: {
@@ -2396,122 +2396,320 @@ const Bt = /* @__PURE__ */ Q({
   },
   emits: ["load", "error"],
   setup(n, { emit: o }) {
-    const t = n, e = o, r = G("image"), l = j(!0), a = j(!1), p = j(!1), y = j(0), C = b(() => ({
+    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(() => ({
       width: typeof t.width == "number" ? `${t.width}px` : t.width,
       height: typeof t.height == "number" ? `${t.height}px` : t.height,
       objectFit: t.fit
-    })), I = b(() => t.previewList.length > 0 ? t.previewList : [t.src]), N = b(() => I.value[y.value]), L = (w) => {
-      l.value = !1, e("load", w);
-    }, T = (w) => {
-      l.value = !1, a.value = !0, e("error", w);
+    })), 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)`
+    ), 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);
+    }, Q = () => {
+      t.preview && (M.value = t.initialIndex, R(), m.value = !0);
+    }, te = () => {
+      m.value = !1, R();
+    }, se = () => {
+      g.value.length <= 1 || (M.value = M.value > 0 ? M.value - 1 : g.value.length - 1);
+    }, _ = () => {
+      g.value.length <= 1 || (M.value = M.value < g.value.length - 1 ? M.value + 1 : 0);
+    }, 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);
+    }, 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))));
+    }, 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));
     }, K = () => {
-      t.preview && (y.value = t.initialIndex, p.value = !0);
-    }, H = () => {
-      p.value = !1;
-    }, E = () => {
-      y.value > 0 ? y.value-- : y.value = I.value.length - 1;
-    }, $ = () => {
-      y.value < I.value.length - 1 ? y.value++ : y.value = 0;
-    }, M = (w) => {
-      if (p.value)
-        switch (w.key) {
+      N.value = !1;
+    }, P = (B) => {
+      if (m.value)
+        switch (B.key) {
           case "ArrowLeft":
-            E();
+            se();
             break;
           case "ArrowRight":
-            $();
+            _();
             break;
           case "Escape":
-            H();
+            te();
+            break;
+          case "+":
+          case "=":
+            b();
+            break;
+          case "-":
+            V();
+            break;
+          case "r":
+          case "R":
+            v();
+            break;
+          case "0":
+            R();
             break;
         }
     };
-    return typeof window < "u" && window.addEventListener("keydown", M), (w, x) => (h(), v("div", {
-      class: u(s(r).b()),
-      style: O({ width: C.value.width, height: C.value.height })
+    return typeof window < "u" && window.addEventListener("keydown", P), he(() => {
+      typeof window < "u" && window.removeEventListener("keydown", P);
+    }), ne(M, () => R()), (B, F) => (h(), f("div", {
+      class: c(s(r).b()),
+      style: Y({ width: I.value.width, height: I.value.height })
     }, [
-      m("img", {
+      p("img", {
         src: n.src,
-        class: u(s(r).e("inner")),
-        style: O(C.value),
+        class: c(s(r).e("inner")),
+        style: Y(I.value),
         loading: n.lazy ? "lazy" : "eager",
-        onLoad: L,
-        onError: T,
-        onClick: K
-      }, null, 46, Lt),
-      l.value ? (h(), v("div", {
+        onLoad: J,
+        onError: O,
+        onClick: Q
+      }, null, 46, Kt),
+      l.value ? (h(), f("div", {
         key: 0,
-        class: u(s(r).e("placeholder"))
+        class: c(s(r).e("placeholder"))
       }, [
-        P(w.$slots, "placeholder", {}, () => [
-          J(s(Z), {
+        X(B.$slots, "placeholder", {}, () => [
+          ee(s(q), {
             name: "loading",
             size: 24
           })
         ])
       ], 2)) : D("", !0),
-      a.value ? (h(), v("div", {
+      a.value ? (h(), f("div", {
         key: 1,
-        class: u(s(r).e("error"))
+        class: c(s(r).e("error"))
       }, [
-        P(w.$slots, "error", {}, () => [
-          J(s(Z), {
+        X(B.$slots, "error", {}, () => [
+          ee(s(q), {
             name: "image",
             size: 24
           }),
-          x[1] || (x[1] = m("span", null, "加载失败", -1))
+          F[2] || (F[2] = p("span", null, "加载失败", -1))
         ])
       ], 2)) : D("", !0),
-      (h(), se(Se, { to: "body" }, [
-        p.value ? (h(), v("div", {
+      (h(), oe(Le, { to: "body" }, [
+        m.value ? (h(), f("div", {
           key: 0,
-          class: u(s(r).e("preview")),
-          onClick: H
+          class: c(s(r).e("preview")),
+          onClick: te
         }, [
-          m("span", {
-            class: u(s(r).e("preview-close")),
-            onClick: re(H, ["stop"])
+          p("div", {
+            class: c(s(r).e("preview-toolbar")),
+            onClick: F[0] || (F[0] = ie(() => {
+            }, ["stop"]))
           }, [
-            J(s(Z), {
-              name: "close",
-              size: 24
-            })
+            p("span", {
+              class: c(s(r).e("preview-tool")),
+              title: "放大",
+              onClick: b
+            }, [...F[3] || (F[3] = [
+              p("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                width: "18",
+                height: "18"
+              }, [
+                p("circle", {
+                  cx: "11",
+                  cy: "11",
+                  r: "7"
+                }),
+                p("path", {
+                  d: "M21 21l-4.35-4.35M11 8v6M8 11h6",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                })
+              ], -1)
+            ])], 2),
+            p("span", {
+              class: c(s(r).e("preview-tool")),
+              title: "缩小",
+              onClick: V
+            }, [...F[4] || (F[4] = [
+              p("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                width: "18",
+                height: "18"
+              }, [
+                p("circle", {
+                  cx: "11",
+                  cy: "11",
+                  r: "7"
+                }),
+                p("path", {
+                  d: "M21 21l-4.35-4.35M8 11h6",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                })
+              ], -1)
+            ])], 2),
+            p("span", {
+              class: c(s(r).e("preview-tool")),
+              title: "1:1 实际大小",
+              onClick: d
+            }, [...F[5] || (F[5] = [
+              p("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                width: "18",
+                height: "18"
+              }, [
+                p("path", {
+                  d: "M9 3H3v6M15 3h6v6M9 21H3v-6M15 21h6v-6",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                })
+              ], -1)
+            ])], 2),
+            p("span", {
+              class: c(s(r).e("preview-tool")),
+              title: "适应窗口",
+              onClick: i
+            }, [...F[6] || (F[6] = [
+              p("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                width: "18",
+                height: "18"
+              }, [
+                p("path", {
+                  d: "M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                })
+              ], -1)
+            ])], 2),
+            p("span", {
+              class: c(s(r).e("preview-tool")),
+              title: "旋转",
+              onClick: v
+            }, [...F[7] || (F[7] = [
+              p("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                width: "18",
+                height: "18"
+              }, [
+                p("path", {
+                  d: "M20 12a8 8 0 1 1-2.34-5.66M20 3v4h-4",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                })
+              ], -1)
+            ])], 2),
+            p("span", {
+              class: c(s(r).e("preview-tool")),
+              title: "下载",
+              onClick: y
+            }, [...F[8] || (F[8] = [
+              p("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                width: "18",
+                height: "18"
+              }, [
+                p("path", {
+                  d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                })
+              ], -1)
+            ])], 2),
+            p("span", {
+              class: c(s(r).e("preview-close")),
+              title: "关闭",
+              onClick: ie(te, ["stop"])
+            }, [...F[9] || (F[9] = [
+              p("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                width: "18",
+                height: "18"
+              }, [
+                p("path", {
+                  d: "M18 6L6 18M6 6l12 12",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                })
+              ], -1)
+            ])], 2)
           ], 2),
-          m("img", {
-            src: N.value,
-            class: u(s(r).e("preview-image")),
-            onClick: x[0] || (x[0] = re(() => {
-            }, ["stop"]))
-          }, null, 10, Dt),
-          I.value.length > 1 ? (h(), v("span", {
+          p("img", {
+            ref_key: "previewImgRef",
+            ref: j,
+            src: C.value,
+            class: c([s(r).e("preview-image"), { "is-zoomable": w.value > 1 }]),
+            style: Y({ transform: z.value }),
+            draggable: !1,
+            onClick: F[1] || (F[1] = ie(() => {
+            }, ["stop"])),
+            onWheel: ie(u, ["prevent"]),
+            onMousedown: k,
+            onMousemove: S,
+            onMouseup: K,
+            onMouseleave: K
+          }, null, 46, Dt),
+          g.value.length > 1 ? (h(), f("span", {
             key: 0,
-            class: u([s(r).e("preview-arrow"), s(r).em("preview-arrow", "left")]),
-            onClick: re(E, ["stop"])
+            class: c([s(r).e("preview-arrow"), s(r).em("preview-arrow", "left")]),
+            onClick: ie(se, ["stop"])
           }, [
-            J(s(Z), {
+            ee(s(q), {
               name: "left",
               size: 24
             })
           ], 2)) : D("", !0),
-          I.value.length > 1 ? (h(), v("span", {
+          g.value.length > 1 ? (h(), f("span", {
             key: 1,
-            class: u([s(r).e("preview-arrow"), s(r).em("preview-arrow", "right")]),
-            onClick: re($, ["stop"])
+            class: c([s(r).e("preview-arrow"), s(r).em("preview-arrow", "right")]),
+            onClick: ie(_, ["stop"])
           }, [
-            J(s(Z), {
+            ee(s(q), {
               name: "right",
               size: 24
             })
           ], 2)) : D("", !0),
-          I.value.length > 1 ? (h(), v("div", {
+          g.value.length > 1 ? (h(), f("div", {
             key: 2,
-            class: u(s(r).e("preview-counter"))
-          }, B(y.value + 1) + " / " + B(I.value.length), 3)) : D("", !0)
+            class: c(s(r).e("preview-counter"))
+          }, W(M.value + 1) + " / " + W(g.value.length), 3)) : D("", !0)
         ], 2)) : D("", !0)
       ]))
     ], 6));
   }
-}), Kt = ["onClick"], ta = /* @__PURE__ */ Q({
+}), Ht = ["onClick"], la = /* @__PURE__ */ G({
   name: "XCalendar",
   __name: "index",
   props: {
@@ -2520,138 +2718,138 @@ const Bt = /* @__PURE__ */ Q({
   },
   emits: ["update:modelValue", "select", "change"],
   setup(n, { emit: o }) {
-    const t = n, e = o, r = G("calendar"), l = j(t.modelValue.getFullYear()), a = j(t.modelValue.getMonth()), p = ["日", "一", "二", "三", "四", "五", "六"], y = ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"], C = /* @__PURE__ */ new Date(), I = b(() => {
-      const M = [], w = new Date(l.value, a.value, 1), x = new Date(l.value, a.value + 1, 0), Y = w.getDay();
-      for (let W = Y - 1; W >= 0; W--) {
-        const X = new Date(l.value, a.value, -W);
-        M.push({
-          date: X,
+    const t = n, e = o, r = U("calendar"), l = E(t.modelValue.getFullYear()), a = E(t.modelValue.getMonth()), m = ["日", "一", "二", "三", "四", "五", "六"], M = ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"], w = /* @__PURE__ */ new Date(), $ = x(() => {
+      const g = [], C = new Date(l.value, a.value, 1), z = new Date(l.value, a.value + 1, 0), R = C.getDay();
+      for (let O = R - 1; O >= 0; O--) {
+        const Q = new Date(l.value, a.value, -O);
+        g.push({
+          date: Q,
           isCurrentMonth: !1,
-          isToday: N(X, C),
-          isSelected: N(X, t.modelValue)
+          isToday: H(Q, w),
+          isSelected: H(Q, t.modelValue)
         });
       }
-      for (let W = 1; W <= x.getDate(); W++) {
-        const X = new Date(l.value, a.value, W);
-        M.push({
-          date: X,
+      for (let O = 1; O <= z.getDate(); O++) {
+        const Q = new Date(l.value, a.value, O);
+        g.push({
+          date: Q,
           isCurrentMonth: !0,
-          isToday: N(X, C),
-          isSelected: N(X, t.modelValue)
+          isToday: H(Q, w),
+          isSelected: H(Q, t.modelValue)
         });
       }
-      const U = 42 - M.length;
-      for (let W = 1; W <= U; W++) {
-        const X = new Date(l.value, a.value + 1, W);
-        M.push({
-          date: X,
+      const J = 42 - g.length;
+      for (let O = 1; O <= J; O++) {
+        const Q = new Date(l.value, a.value + 1, O);
+        g.push({
+          date: Q,
           isCurrentMonth: !1,
-          isToday: N(X, C),
-          isSelected: N(X, t.modelValue)
+          isToday: H(Q, w),
+          isSelected: H(Q, t.modelValue)
         });
       }
-      return M;
-    }), N = (M, w) => M.getFullYear() === w.getFullYear() && M.getMonth() === w.getMonth() && M.getDate() === w.getDate(), L = (M) => {
-      e("update:modelValue", M.date), e("select", M.date), e("change", M.date);
-    }, T = () => {
+      return g;
+    }), H = (g, C) => g.getFullYear() === C.getFullYear() && g.getMonth() === C.getMonth() && g.getDate() === C.getDate(), A = (g) => {
+      e("update:modelValue", g.date), e("select", g.date), e("change", g.date);
+    }, N = () => {
       l.value--;
-    }, K = () => {
+    }, L = () => {
       l.value++;
-    }, H = () => {
+    }, T = () => {
       a.value === 0 ? (a.value = 11, l.value--) : a.value--;
-    }, E = () => {
+    }, j = () => {
       a.value === 11 ? (a.value = 0, l.value++) : a.value++;
-    }, $ = () => {
-      l.value = C.getFullYear(), a.value = C.getMonth(), e("update:modelValue", C), e("select", C);
+    }, I = () => {
+      l.value = w.getFullYear(), a.value = w.getMonth(), e("update:modelValue", w), e("select", w);
     };
-    return te(() => t.modelValue, (M) => {
-      l.value = M.getFullYear(), a.value = M.getMonth();
-    }), (M, w) => (h(), v("div", {
-      class: u(s(r).b())
+    return ne(() => t.modelValue, (g) => {
+      l.value = g.getFullYear(), a.value = g.getMonth();
+    }), (g, C) => (h(), f("div", {
+      class: c(s(r).b())
     }, [
-      m("div", {
-        class: u(s(r).e("header"))
+      p("div", {
+        class: c(s(r).e("header"))
       }, [
-        m("div", {
-          class: u(s(r).e("title"))
-        }, B(l.value) + " 年 " + B(y[a.value]), 3),
-        m("div", {
-          class: u(s(r).e("actions"))
+        p("div", {
+          class: c(s(r).e("title"))
+        }, W(l.value) + " 年 " + W(M[a.value]), 3),
+        p("div", {
+          class: c(s(r).e("actions"))
         }, [
-          m("button", {
-            class: u(s(r).e("btn")),
-            onClick: T
+          p("button", {
+            class: c(s(r).e("btn")),
+            onClick: N
           }, [
-            J(s(Z), {
+            ee(s(q), {
               name: "d-arrow-left",
               size: 12
             })
           ], 2),
-          m("button", {
-            class: u(s(r).e("btn")),
-            onClick: H
+          p("button", {
+            class: c(s(r).e("btn")),
+            onClick: T
           }, [
-            J(s(Z), {
+            ee(s(q), {
               name: "arrow-left",
               size: 12
             })
           ], 2),
-          m("button", {
-            class: u(s(r).e("btn")),
-            onClick: $
+          p("button", {
+            class: c(s(r).e("btn")),
+            onClick: I
           }, "今天", 2),
-          m("button", {
-            class: u(s(r).e("btn")),
-            onClick: E
+          p("button", {
+            class: c(s(r).e("btn")),
+            onClick: j
           }, [
-            J(s(Z), {
+            ee(s(q), {
               name: "arrow-right",
               size: 12
             })
           ], 2),
-          m("button", {
-            class: u(s(r).e("btn")),
-            onClick: K
+          p("button", {
+            class: c(s(r).e("btn")),
+            onClick: L
           }, [
-            J(s(Z), {
+            ee(s(q), {
               name: "d-arrow-right",
               size: 12
             })
           ], 2)
         ], 2)
       ], 2),
-      m("div", {
-        class: u(s(r).e("weekdays"))
+      p("div", {
+        class: c(s(r).e("weekdays"))
       }, [
-        (h(), v(F, null, _(p, (x) => m("div", {
-          key: x,
-          class: u(s(r).e("weekday"))
-        }, B(x), 3)), 64))
+        (h(), f(Z, null, le(m, (z) => p("div", {
+          key: z,
+          class: c(s(r).e("weekday"))
+        }, W(z), 3)), 64))
       ], 2),
-      m("div", {
-        class: u(s(r).e("body"))
+      p("div", {
+        class: c(s(r).e("body"))
       }, [
-        (h(!0), v(F, null, _(I.value, (x, Y) => (h(), v("div", {
-          key: Y,
-          class: u([
+        (h(!0), f(Z, null, le($.value, (z, R) => (h(), f("div", {
+          key: R,
+          class: c([
             s(r).e("day"),
-            s(r).is("current-month", x.isCurrentMonth),
-            s(r).is("today", x.isToday),
-            s(r).is("selected", x.isSelected)
+            s(r).is("current-month", z.isCurrentMonth),
+            s(r).is("today", z.isToday),
+            s(r).is("selected", z.isSelected)
           ]),
-          onClick: (U) => L(x)
+          onClick: (J) => A(z)
         }, [
-          P(M.$slots, "default", {
-            date: x.date,
-            isCurrentMonth: x.isCurrentMonth
+          X(g.$slots, "default", {
+            date: z.date,
+            isCurrentMonth: z.isCurrentMonth
           }, () => [
-            q(B(x.date.getDate()), 1)
+            ae(W(z.date.getDate()), 1)
           ])
-        ], 10, Kt))), 128))
+        ], 10, Ht))), 128))
       ], 2)
     ], 2));
   }
-}), aa = /* @__PURE__ */ Q({
+}), na = /* @__PURE__ */ G({
   name: "XQRCode",
   __name: "index",
   props: {
@@ -2664,79 +2862,79 @@ const Bt = /* @__PURE__ */ Q({
   },
   emits: ["ready", "error"],
   setup(n, { emit: o }) {
-    const t = n, e = o, r = G("qrcode"), l = j(), a = async () => {
+    const t = n, e = o, r = U("qrcode"), l = E(), a = async () => {
       if (!(!l.value || !t.value))
         try {
-          const L = await p(t.value, t.level);
-          I(L), e("ready", l.value);
-        } catch (L) {
-          e("error", L);
+          const A = await m(t.value, t.level);
+          $(A), e("ready", l.value);
+        } catch (A) {
+          e("error", A);
         }
-    }, p = async (L, T) => {
-      const H = [];
-      for (let M = 0; M < 21; M++)
-        H.push(new Array(21).fill(0));
-      y(H, 0, 0), y(H, 14, 0), y(H, 0, 14);
-      for (let M = 8; M < 13; M++)
-        H[6][M] = M % 2 === 0 ? 1 : 0, H[M][6] = M % 2 === 0 ? 1 : 0;
-      const E = new TextEncoder().encode(L);
-      let $ = 0;
-      for (let M = 20; M > 0; M -= 2) {
-        M === 6 && M--;
-        for (let w = 0; w < 21; w++)
-          for (let x = 0; x < 2; x++) {
-            const Y = M - x;
-            if (!C(Y, w, 21) && $ < E.length) {
-              const U = E[$];
-              for (let W = 7; W >= 0 && !(w < 21 && !C(Y, w, 21) && (H[w][Y] = U >> W & 1, w++, w >= 21)); W--)
+    }, m = async (A, 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);
+      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];
+              for (let O = 7; O >= 0 && !(C < 21 && !w(R, C, 21) && (T[C][R] = J >> O & 1, C++, C >= 21)); O--)
                 ;
-              $++;
+              I++;
             }
           }
       }
-      return H;
-    }, y = (L, T, K) => {
-      for (let H = 0; H < 7; H++)
-        for (let E = 0; E < 7; E++)
-          (H === 0 || H === 6 || E === 0 || E === 6 || H >= 2 && H <= 4 && E >= 2 && E <= 4) && (L[T + H][K + E] = 1);
-    }, C = (L, T, K) => L < 8 && T < 8 || L < 8 && T >= K - 8 || L >= K - 8 && T < 8 || L === 6 || T === 6, I = (L) => {
+      return T;
+    }, M = (A, N, L) => {
+      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) => {
       if (!l.value) return;
-      const T = l.value.getContext("2d");
-      if (!T) return;
-      const K = L.length, H = t.size / K;
-      l.value.width = t.size, l.value.height = t.size, T.fillStyle = t.bgColor, T.fillRect(0, 0, t.size, t.size), T.fillStyle = t.fgColor;
-      for (let E = 0; E < K; E++)
-        for (let $ = 0; $ < K; $++)
-          L[E][$] && T.fillRect($ * H, E * H, H, H);
-    }, N = () => {
+      const N = l.value.getContext("2d");
+      if (!N) return;
+      const L = A.length, T = t.size / L;
+      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);
+    }, H = () => {
       if (!l.value) return;
-      const L = document.createElement("a");
-      L.download = "qrcode.png", L.href = l.value.toDataURL("image/png"), L.click();
+      const A = document.createElement("a");
+      A.download = "qrcode.png", A.href = l.value.toDataURL("image/png"), A.click();
     };
-    return te(() => [t.value, t.size, t.bgColor, t.fgColor, t.level], () => {
+    return ne(() => [t.value, t.size, t.bgColor, t.fgColor, t.level], () => {
       a();
     }), ce(() => {
       a();
-    }), (L, T) => (h(), v("div", {
-      class: u(s(r).b())
+    }), (A, N) => (h(), f("div", {
+      class: c(s(r).b())
     }, [
-      m("canvas", {
+      p("canvas", {
         ref_key: "canvasRef",
         ref: l,
-        class: u(s(r).e("canvas"))
+        class: c(s(r).e("canvas"))
       }, null, 2),
-      n.showDownload ? (h(), v("div", {
+      n.showDownload ? (h(), f("div", {
         key: 0,
-        class: u(s(r).e("actions"))
+        class: c(s(r).e("actions"))
       }, [
-        m("button", {
-          class: u(s(r).e("download")),
-          onClick: N
+        p("button", {
+          class: c(s(r).e("download")),
+          onClick: H
         }, " 下载二维码 ", 2)
       ], 2)) : D("", !0)
     ], 2));
   }
-}), la = /* @__PURE__ */ Q({
+}), sa = /* @__PURE__ */ G({
   name: "XVirtualScroll",
   __name: "index",
   props: {
@@ -2748,57 +2946,57 @@ const Bt = /* @__PURE__ */ Q({
   },
   emits: ["scroll"],
   setup(n, { expose: o, emit: t }) {
-    const e = n, r = t, l = G("virtual-scroll"), a = j(), p = j(0), y = b(() => typeof e.height == "number" ? `${e.height}px` : e.height), C = b(() => e.items.length * e.itemSize), I = b(() => {
-      const M = typeof e.height == "number" ? e.height : parseInt(e.height) || 400;
-      return Math.ceil(M / e.itemSize) + e.buffer * 2;
-    }), N = b(() => {
+    const e = n, r = t, l = U("virtual-scroll"), a = E(), m = E(0), M = x(() => typeof e.height == "number" ? `${e.height}px` : e.height), w = x(() => e.items.length * e.itemSize), $ = x(() => {
+      const g = typeof e.height == "number" ? e.height : parseInt(e.height) || 400;
+      return Math.ceil(g / e.itemSize) + e.buffer * 2;
+    }), H = x(() => {
       if (!e.virtual) return 0;
-      const M = Math.floor(p.value / e.itemSize) - e.buffer;
-      return Math.max(0, M);
-    }), L = b(() => e.virtual ? Math.min(e.items.length, N.value + I.value) : e.items.length), T = b(() => e.virtual ? e.items.slice(N.value, L.value).map((M, w) => ({
-      ...M,
-      index: N.value + w
-    })) : e.items), K = b(() => N.value * e.itemSize), H = (M) => {
-      const w = M.target;
-      p.value = w.scrollTop, r("scroll", p.value);
+      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) => ({
+      ...g,
+      index: H.value + C
+    })) : e.items), L = x(() => H.value * e.itemSize), T = (g) => {
+      const C = g.target;
+      m.value = C.scrollTop, r("scroll", m.value);
     };
     return o({
-      scrollToIndex: (M) => {
-        a.value && (a.value.scrollTop = M * e.itemSize);
+      scrollToIndex: (g) => {
+        a.value && (a.value.scrollTop = g * e.itemSize);
       },
       scrollToBottom: () => {
-        a.value && (a.value.scrollTop = C.value);
+        a.value && (a.value.scrollTop = w.value);
       }
-    }), (M, w) => (h(), v("div", {
+    }), (g, C) => (h(), f("div", {
       ref_key: "containerRef",
       ref: a,
-      class: u(s(l).b()),
-      style: O({ height: y.value }),
-      onScroll: H
+      class: c(s(l).b()),
+      style: Y({ height: M.value }),
+      onScroll: T
     }, [
-      m("div", {
-        class: u(s(l).e("wrapper")),
-        style: O({ height: `${C.value}px` })
+      p("div", {
+        class: c(s(l).e("wrapper")),
+        style: Y({ height: `${w.value}px` })
       }, [
-        m("div", {
-          class: u(s(l).e("content")),
-          style: O({ transform: `translateY(${K.value}px)` })
+        p("div", {
+          class: c(s(l).e("content")),
+          style: Y({ transform: `translateY(${L.value}px)` })
         }, [
-          (h(!0), v(F, null, _(T.value, (x, Y) => (h(), v("div", {
-            key: x.id ?? Y,
-            class: u(s(l).e("item")),
-            style: O({ height: `${n.itemSize}px` })
+          (h(!0), f(Z, null, le(N.value, (z, R) => (h(), f("div", {
+            key: z.id ?? R,
+            class: c(s(l).e("item")),
+            style: Y({ height: `${n.itemSize}px` })
           }, [
-            P(M.$slots, "default", {
-              item: x,
-              index: x.index
+            X(g.$slots, "default", {
+              item: z,
+              index: z.index
             })
           ], 6))), 128))
         ], 6)
       ], 6)
     ], 38));
   }
-}), na = /* @__PURE__ */ Q({
+}), oa = /* @__PURE__ */ G({
   name: "XInfiniteScroll",
   __name: "index",
   props: {
@@ -2811,76 +3009,76 @@ const Bt = /* @__PURE__ */ Q({
   },
   emits: ["load"],
   setup(n, { emit: o }) {
-    const t = n, e = o, r = G("infinite-scroll"), l = j(), a = j();
-    let p = null;
-    const y = () => {
-      p && p.disconnect(), p = new IntersectionObserver(
-        (C) => {
-          C[0].isIntersecting && !t.loading && !t.finished && e("load");
+    const t = n, e = o, r = U("infinite-scroll"), l = E(), a = E();
+    let m = null;
+    const M = () => {
+      m && m.disconnect(), m = new IntersectionObserver(
+        (w) => {
+          w[0].isIntersecting && !t.loading && !t.finished && e("load");
         },
         {
           rootMargin: `${t.distance}px`
         }
-      ), a.value && p.observe(a.value);
+      ), a.value && m.observe(a.value);
     };
     return ce(() => {
-      y(), t.immediate && !t.finished && e("load");
-    }), Le(() => {
-      p && p.disconnect();
-    }), (C, I) => (h(), v("div", {
+      M(), t.immediate && !t.finished && e("load");
+    }), Ke(() => {
+      m && m.disconnect();
+    }), (w, $) => (h(), f("div", {
       ref_key: "containerRef",
       ref: l,
-      class: u(s(r).b())
+      class: c(s(r).b())
     }, [
-      P(C.$slots, "default"),
-      m("div", {
+      X(w.$slots, "default"),
+      p("div", {
         ref_key: "observerRef",
         ref: a,
-        class: u(s(r).e("footer"))
+        class: c(s(r).e("footer"))
       }, [
-        n.loading ? (h(), v("span", {
+        n.loading ? (h(), f("span", {
           key: 0,
-          class: u(s(r).e("loading"))
+          class: c(s(r).e("loading"))
         }, [
-          J(s(Z), {
+          ee(s(q), {
             name: "loading",
             size: 16
           }),
-          m("span", null, B(n.loadingText), 1)
-        ], 2)) : n.finished ? (h(), v("span", {
+          p("span", null, W(n.loadingText), 1)
+        ], 2)) : n.finished ? (h(), f("span", {
           key: 1,
-          class: u(s(r).e("finished"))
-        }, B(n.finishedText), 3)) : D("", !0)
+          class: c(s(r).e("finished"))
+        }, W(n.finishedText), 3)) : D("", !0)
       ], 2)
     ], 2));
   }
 });
 export {
-  Ft as Avatar,
-  ta as Calendar,
-  Tt as Card,
-  Wt as Carousel,
-  Ot as CarouselItem,
-  qt as Collapse,
-  _t as CollapseItem,
-  Zt as Descriptions,
-  Ut as DescriptionsItem,
-  Et as DynamicTable,
-  jt as Empty,
-  ea as Image,
-  na as InfiniteScroll,
-  We as Pagination,
-  Vt as Progress,
-  aa as QRCode,
-  Jt as Scrollbar,
-  Yt as Table,
-  Xt as TableColumn,
-  Nt as Tag,
-  Rt as Timeline,
-  Pt as TimelineItem,
-  Bt as Tree,
-  ie as TreeNode,
-  Qt as TreeTable,
-  Gt as TreeTableColumn,
-  la as VirtualScroll
+  Zt as Avatar,
+  la as Calendar,
+  Et as Card,
+  Yt as Carousel,
+  Xt as CarouselItem,
+  ea as Collapse,
+  ta as CollapseItem,
+  Jt as Descriptions,
+  qt as DescriptionsItem,
+  jt as DynamicTable,
+  Wt as Empty,
+  aa as Image,
+  oa as InfiniteScroll,
+  Ye as Pagination,
+  Bt as Progress,
+  na as QRCode,
+  _t as Scrollbar,
+  Ft as Table,
+  Qt as TableColumn,
+  Tt as Tag,
+  Pt as Timeline,
+  Ot as TimelineItem,
+  Rt as Tree,
+  re as TreeNode,
+  Gt as TreeTable,
+  Ut as TreeTableColumn,
+  sa as VirtualScroll
 };