@xto/navigation 1.3.1 → 1.4.0

package/es/index.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as V, useSlots as G, ref as _, watch as O, provide as A, computed as v, openBlock as r, createElementBlock as u, normalizeClass as n, createElementVNode as M, unref as i, Fragment as I, renderList as q, toDisplayString as H, renderSlot as k, inject as B, withDirectives as D, createCommentVNode as C, vShow as K, normalizeStyle as X, createTextVNode as w, createVNode as T, Transition as W, withCtx as j, onMounted as J } from "vue";
-import { useNamespace as $ } from "@xto/core";
-const Q = ["onClick"], n0 = /* @__PURE__ */ V({
+import { defineComponent as V, useSlots as j, ref as w, watch as S, provide as X, computed as b, openBlock as u, createElementBlock as m, normalizeClass as o, createElementVNode as z, unref as n, Fragment as O, renderList as K, toDisplayString as H, renderSlot as y, inject as T, withDirectives as N, createCommentVNode as C, vShow as q, normalizeStyle as I, createTextVNode as A, createVNode as R, Transition as Y, withCtx as U, onMounted as W, createBlock as D, nextTick as F, onBeforeUnmount as J, withModifiers as Z } from "vue";
+import { useNamespace as x } from "@xto/core";
+const ee = ["onClick"], pe = /* @__PURE__ */ V({
   name: "XTabs",
   __name: "index",
   props: {
@@ -12,66 +12,66 @@ const Q = ["onClick"], n0 = /* @__PURE__ */ V({
     closable: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "update:activeKey", "tabClick", "edit"],
-  setup(s, { emit: t }) {
-    const e = s, a = t, l = $("tabs"), o = G(), m = _(e.modelValue ?? e.activeKey ?? "");
-    O([() => e.modelValue, () => e.activeKey], ([c, f]) => {
-      const p = c ?? f;
-      p !== void 0 && (m.value = p);
+  setup(t, { emit: v }) {
+    const e = t, l = v, a = x("tabs"), s = j(), h = w(e.modelValue ?? e.activeKey ?? "");
+    S([() => e.modelValue, () => e.activeKey], ([r, c]) => {
+      const d = r ?? c;
+      d !== void 0 && (h.value = d);
     });
-    const h = (c, f) => {
-      m.value = c, e.modelValue !== void 0 && a("update:modelValue", c), e.activeKey !== void 0 && a("update:activeKey", c), e.modelValue === void 0 && e.activeKey === void 0 && a("update:modelValue", c);
+    const p = (r, c) => {
+      h.value = r, e.modelValue !== void 0 && l("update:modelValue", r), e.activeKey !== void 0 && l("update:activeKey", r), e.modelValue === void 0 && e.activeKey === void 0 && l("update:modelValue", r);
     };
-    A("tabs", {
+    X("tabs", {
       props: e,
-      activeName: m,
-      handleTabClick: h
+      activeName: h,
+      handleTabClick: p
     });
-    const b = v(() => [
-      l.b(),
-      l.m(e.type),
-      l.is(`position-${e.tabPosition}`)
-    ]), y = v(() => {
-      var f;
-      return (((f = o.default) == null ? void 0 : f.call(o)) || []).filter((p) => p.type && p.type.name === "XTabPane").map((p) => {
-        var d, z, g, L, N, P, E;
+    const M = b(() => [
+      a.b(),
+      a.m(e.type),
+      a.is(`position-${e.tabPosition}`)
+    ]), k = b(() => {
+      var c;
+      return (((c = s.default) == null ? void 0 : c.call(s)) || []).filter((d) => d.type && d.type.name === "XTabPane").map((d) => {
+        var i, f, g, $, B, P, G;
         return {
-          name: ((d = p.props) == null ? void 0 : d.name) || ((z = p.props) == null ? void 0 : z.paneKey) || ((g = p.props) == null ? void 0 : g.label) || ((L = p.props) == null ? void 0 : L.tab),
-          label: ((N = p.props) == null ? void 0 : N.label) || ((P = p.props) == null ? void 0 : P.tab),
-          disabled: ((E = p.props) == null ? void 0 : E.disabled) === !0
+          name: ((i = d.props) == null ? void 0 : i.name) || ((f = d.props) == null ? void 0 : f.paneKey) || ((g = d.props) == null ? void 0 : g.label) || (($ = d.props) == null ? void 0 : $.tab),
+          label: ((B = d.props) == null ? void 0 : B.label) || ((P = d.props) == null ? void 0 : P.tab),
+          disabled: ((G = d.props) == null ? void 0 : G.disabled) === !0
         };
       });
     });
-    return (c, f) => (r(), u("div", {
-      class: n(b.value)
+    return (r, c) => (u(), m("div", {
+      class: o(M.value)
     }, [
-      M("div", {
-        class: n(i(l).e("header"))
+      z("div", {
+        class: o(n(a).e("header"))
       }, [
-        M("div", {
-          class: n(i(l).e("nav"))
+        z("div", {
+          class: o(n(a).e("nav"))
         }, [
-          (r(!0), u(I, null, q(y.value, (p) => (r(), u("div", {
-            key: p.name,
-            class: n([
-              i(l).e("item"),
-              i(l).em("item", m.value === p.name ? "active" : ""),
-              i(l).is("disabled", p.disabled)
+          (u(!0), m(O, null, K(k.value, (d) => (u(), m("div", {
+            key: d.name,
+            class: o([
+              n(a).e("item"),
+              n(a).em("item", h.value === d.name ? "active" : ""),
+              n(a).is("disabled", d.disabled)
             ]),
-            onClick: (d) => p.disabled ? null : h(p.name)
-          }, H(p.label), 11, Q))), 128))
+            onClick: (i) => d.disabled ? null : p(d.name)
+          }, H(d.label), 11, ee))), 128))
         ], 2)
       ], 2),
-      M("div", {
-        class: n(i(l).e("content"))
+      z("div", {
+        class: o(n(a).e("content"))
       }, [
-        k(c.$slots, "default")
+        y(r.$slots, "default")
       ], 2)
     ], 2));
   }
-}), U = {
+}), ae = {
   class: "x-tab-pane",
   role: "tabpanel"
-}, c0 = /* @__PURE__ */ V({
+}, Me = /* @__PURE__ */ V({
   name: "XTabPane",
   __name: "TabPane",
   props: {
@@ -83,17 +83,17 @@ const Q = ["onClick"], n0 = /* @__PURE__ */ V({
     closable: { type: Boolean, default: !1 },
     lazy: { type: Boolean, default: !1 }
   },
-  setup(s) {
-    const t = s, e = B("tabs"), a = _(!1), l = v(() => t.name || t.paneKey || t.label || t.tab), o = v(() => (e == null ? void 0 : e.activeName.value) === l.value);
-    return O(() => e == null ? void 0 : e.activeName.value, () => {
-      o.value && t.lazy && !a.value && (a.value = !0);
-    }, { immediate: !0 }), o.value && t.lazy && (a.value = !0), (m, h) => D((r(), u("div", U, [
-      a.value || !s.lazy ? k(m.$slots, "default", { key: 0 }) : C("", !0)
+  setup(t) {
+    const v = t, e = T("tabs"), l = w(!1), a = b(() => v.name || v.paneKey || v.label || v.tab), s = b(() => (e == null ? void 0 : e.activeName.value) === a.value);
+    return S(() => e == null ? void 0 : e.activeName.value, () => {
+      s.value && v.lazy && !l.value && (l.value = !0);
+    }, { immediate: !0 }), s.value && v.lazy && (l.value = !0), (h, p) => N((u(), m("div", ae, [
+      l.value || !t.lazy ? y(h.$slots, "default", { key: 0 }) : C("", !0)
     ], 512)), [
-      [K, o.value]
+      [q, s.value]
     ]);
   }
-}), i0 = /* @__PURE__ */ V({
+}), be = /* @__PURE__ */ V({
   name: "XMenu",
   __name: "index",
   props: {
@@ -108,50 +108,50 @@ const Q = ["onClick"], n0 = /* @__PURE__ */ V({
     router: { type: Boolean }
   },
   emits: ["update:modelValue", "update:openeds", "select", "open", "close"],
-  setup(s, { emit: t }) {
-    const e = s, a = t, l = $("menu"), o = _(e.modelValue), m = _([...e.defaultOpeneds]), h = v({
-      get: () => e.openeds ?? m.value,
-      set: (d) => {
-        m.value = d, a("update:openeds", d);
+  setup(t, { emit: v }) {
+    const e = t, l = v, a = x("menu"), s = w(e.modelValue), h = w([...e.defaultOpeneds]), p = b({
+      get: () => e.openeds ?? h.value,
+      set: (i) => {
+        h.value = i, l("update:openeds", i);
       }
     });
-    O(() => e.modelValue, (d) => {
-      o.value = d;
-    }), A("menu", {
+    S(() => e.modelValue, (i) => {
+      s.value = i;
+    }), X("menu", {
       props: e,
-      activeIndex: o,
-      openedMenus: h,
-      handleSelect: (d, z = []) => {
-        o.value = d, a("update:modelValue", d), a("select", d, z);
+      activeIndex: s,
+      openedMenus: p,
+      handleSelect: (i, f = []) => {
+        s.value = i, l("update:modelValue", i), l("select", i, f);
       },
-      handleOpen: (d, z = []) => {
-        h.value.includes(d) || (h.value = [...h.value, d]), a("open", d, z);
+      handleOpen: (i, f = []) => {
+        p.value.includes(i) || (p.value = [...p.value, i]), l("open", i, f);
       },
-      handleClose: (d, z = []) => {
-        const g = h.value.indexOf(d);
+      handleClose: (i, f = []) => {
+        const g = p.value.indexOf(i);
         if (g > -1) {
-          const L = [...h.value];
-          L.splice(g, 1), h.value = L;
+          const $ = [...p.value];
+          $.splice(g, 1), p.value = $;
         }
-        a("close", d, z);
+        l("close", i, f);
       }
     });
-    const f = v(() => [
-      l.b(),
-      l.is("collapse", e.collapse),
-      l.is(`mode-${e.mode}`)
-    ]), p = v(() => ({
+    const c = b(() => [
+      a.b(),
+      a.is("collapse", e.collapse),
+      a.is(`mode-${e.mode}`)
+    ]), d = b(() => ({
       backgroundColor: e.backgroundColor,
       color: e.textColor
     }));
-    return (d, z) => (r(), u("ul", {
-      class: n(f.value),
-      style: X(p.value)
+    return (i, f) => (u(), m("ul", {
+      class: o(c.value),
+      style: I(d.value)
     }, [
-      k(d.$slots, "default")
+      y(i.$slots, "default")
     ], 6));
   }
-}), F = {
+}), Q = {
   // 箭头类
   "arrow-up": "M12 19V5m0 0l-7 7m7-7l7 7",
   "arrow-down": "M12 5v14m0 0l7-7m-7 7l-7-7",
@@ -274,12 +274,88 @@ const Q = ["onClick"], n0 = /* @__PURE__ */ V({
   moon: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z",
   sun: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z",
   theme: "M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01",
-  skin: "M7 4h2v1c0 1.66 1.34 3 3 3s3-1.34 3-3V4h2l3 3v6h-4l1 3v5H7v-5l1-3H4V7l3-3z"
+  skin: "M7 4h2v1c0 1.66 1.34 3 3 3s3-1.34 3-3V4h2l3 3v6h-4l1 3v5H7v-5l1-3H4V7l3-3z",
+  // Markdown 编辑器类
+  heading: "M4 6h16M4 12h8m-8 6h16",
+  // 标题
+  bold: "M6 4h8a4 4 0 014 4 4 4 0 01-4 4H6z M6 12h9a4 4 0 014 4 4 4 0 01-4 4H6z",
+  // 粗体
+  italic: "M10 4h4m-2 0v16m-4 0h8",
+  // 斜体
+  strikethrough: "M16 4H8a4 4 0 00-4 4v4h16V8a4 4 0 00-4-4zM4 12h16m-4 4H8a4 4 0 00-4 4v0a4 4 0 004 4h8a4 4 0 004-4v0a4 4 0 00-4-4z",
+  // 删除线
+  "list-bullet": "M4 6h.01M4 12h.01M4 18h.01M8 6h12M8 12h12M8 18h12",
+  // 无序列表
+  "list-number": "M4 6h2M4 12h2M4 18h2M8 6h12M8 12h12M8 18h12",
+  // 有序列表
+  "link-text": "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1",
+  // 链接
+  "image-insert": "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z",
+  // 图片
+  "code-inline": "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4",
+  // 代码
+  "divider-h": "M4 12h16",
+  // 分割线
+  quote: "M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z",
+  // 引用
+  "code-block": "M4 4h16v16H4z M8 8h8M8 12h8M8 16h4",
+  // 代码块
+  // 排序和展开类
+  "sort-up": "M12 5v14m-7-7l7-7 7 7",
+  // 向上排序
+  "sort-down": "M12 19V5m7 7l-7 7-7-7",
+  // 向下排序
+  "chevron-down": "M6 9l6 6 6-6",
+  // 向下展开
+  "chevron-right": "M9 18l6-6-6-6",
+  // 向右展开
+  "chevron-up": "M18 15l-6-6-6 6",
+  // 向上收起
+  "chevron-left": "M15 18l-6-6 6-6",
+  // 向左收起
+  // 移动类
+  "move-up": "M5 15l7-7 7 7",
+  // 上移
+  "move-down": "M19 9l-7 7-7-7",
+  // 下移
+  "back-top": "M12 19V5m-7 7l7-7 7 7",
+  // 回到顶部
+  // 下拉箭头
+  "dropdown-arrow": "M6 9l6 6 6-6",
+  // 关闭/错误类
+  "close-circle": "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z",
+  // 圆形关闭
+  "close-bold": "M6 18L18 6M6 6l12 12",
+  // 加粗关闭
+  // 圆形状态类
+  "check-circle": "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z",
+  // 圆形勾选
+  "info-circle": "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z",
+  // 圆形信息
+  "warning-circle": "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z",
+  // 圆形警告
+  // 返回类
+  "back-arrow": "M19 12H5m0 0l7 7m-7-7l7-7",
+  // 返回箭头
+  // 日历导航类
+  "d-arrow-left": "M11 17l-5-5 5-5M18 17l-5-5 5-5",
+  // 双左箭头
+  "d-arrow-right": "M6 7l5 5-5 5M13 7l5 5-5 5",
+  // 双右箭头
+  // 方向箭头类
+  left: "M15 19l-7-7 7-7",
+  // 左箭头
+  right: "M9 5l7 7-7 7",
+  // 右箭头
+  down: "M19 9l-7 7-7-7",
+  // 下箭头
+  up: "M5 15l7-7 7 7"
+  // 上箭头
 };
-function Y(s) {
-  return s in F;
+function le(t) {
+  return t in Q;
 }
-const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
+const te = ["aria-hidden", "aria-label"], se = ["stroke-width"], ne = ["d"], _ = /* @__PURE__ */ V({
   name: "XIcon",
   __name: "index",
   props: {
@@ -289,38 +365,46 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
     spin: { type: Boolean, default: !1 },
     strokeWidth: { default: 2 }
   },
-  setup(s) {
-    const t = s, e = $("icon"), a = v(() => typeof t.size == "number" ? `${t.size}px` : t.size), l = v(() => ({
+  setup(t, { expose: v }) {
+    const e = t, l = x("icon"), a = b(() => typeof e.size == "number" ? `${e.size}px` : e.size), s = b(() => ({
       width: a.value,
       height: a.value,
-      color: t.color
-    })), o = v(() => ({
-      strokeWidth: t.strokeWidth
-    })), m = v(() => [
-      e.b(),
-      e.is("spin", t.spin)
-    ]), h = v(() => t.name && Y(t.name) ? F[t.name] : "");
-    return (b, y) => (r(), u("span", {
-      class: n(m.value),
-      style: X(l.value)
+      color: e.color
+    })), h = b(() => ({
+      strokeWidth: e.strokeWidth
+    })), p = b(() => [
+      l.b(),
+      l.is("spin", e.spin)
+    ]), M = b(() => e.name && le(e.name) ? Q[e.name] : "");
+    return v({
+      iconSize: a,
+      iconStyle: s,
+      iconPath: M
+    }), (k, r) => (u(), m("span", {
+      class: o(p.value),
+      style: I(s.value),
+      "aria-hidden": !t.name,
+      "aria-label": t.name,
+      role: "img"
     }, [
-      h.value ? (r(), u("svg", {
+      M.value ? (u(), m("svg", {
         key: 0,
         viewBox: "0 0 24 24",
         fill: "none",
         stroke: "currentColor",
-        "stroke-width": s.strokeWidth,
+        "stroke-width": t.strokeWidth,
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
-        style: X(o.value)
+        style: I(h.value),
+        "aria-hidden": "true"
       }, [
-        M("path", { d: h.value }, null, 8, e0)
-      ], 12, Z)) : k(b.$slots, "default", { key: 1 }, () => [
-        w(H(s.name), 1)
+        z("path", { d: M.value }, null, 8, ne)
+      ], 12, se)) : y(k.$slots, "default", { key: 1 }, () => [
+        A(H(t.name), 1)
       ])
-    ], 6));
+    ], 14, te));
   }
-}), S = "x-menu-item", r0 = /* @__PURE__ */ V({
+}), E = "x-menu-item", ze = /* @__PURE__ */ V({
   name: "XMenuItem",
   __name: "MenuItem",
   props: {
@@ -328,65 +412,65 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
     disabled: { type: Boolean, default: !1 },
     icon: {}
   },
-  setup(s) {
-    const t = s, e = B("menu");
-    G();
-    const a = v(() => (e == null ? void 0 : e.activeIndex.value) === t.index), l = v(() => e == null ? void 0 : e.props.collapse), o = v(() => (e == null ? void 0 : e.props.mode) === "horizontal"), m = v(() => [
-      S,
+  setup(t) {
+    const v = t, e = T("menu");
+    j();
+    const l = b(() => (e == null ? void 0 : e.activeIndex.value) === v.index), a = b(() => e == null ? void 0 : e.props.collapse), s = b(() => (e == null ? void 0 : e.props.mode) === "horizontal"), h = b(() => [
+      E,
       {
-        "is-active": a.value,
-        "is-disabled": t.disabled,
-        "is-horizontal": o.value,
-        "is-collapse": l.value
+        "is-active": l.value,
+        "is-disabled": v.disabled,
+        "is-horizontal": s.value,
+        "is-collapse": a.value
       }
-    ]), h = v(() => a.value && (e != null && e.props.activeTextColor) ? { color: e.props.activeTextColor } : {}), b = () => {
-      t.disabled || t.index && (e == null || e.handleSelect(t.index, [t.index]));
+    ]), p = b(() => l.value && (e != null && e.props.activeTextColor) ? { color: e.props.activeTextColor } : {}), M = () => {
+      v.disabled || v.index && (e == null || e.handleSelect(v.index, [v.index]));
     };
-    return (y, c) => (r(), u("li", {
-      class: n(m.value),
-      style: X(h.value),
-      onClick: b
+    return (k, r) => (u(), m("li", {
+      class: o(h.value),
+      style: I(p.value),
+      onClick: M
     }, [
-      M("div", {
-        class: n(S + "__content")
+      z("div", {
+        class: o(E + "__content")
       }, [
-        s.icon ? (r(), u("span", {
+        t.icon ? (u(), m("span", {
           key: 0,
-          class: n(S + "__icon")
+          class: o(E + "__icon")
         }, [
-          T(i(R), {
-            name: s.icon,
+          R(n(_), {
+            name: t.icon,
             size: 18
           }, null, 8, ["name"])
-        ], 2)) : y.$slots.icon ? (r(), u("span", {
+        ], 2)) : k.$slots.icon ? (u(), m("span", {
           key: 1,
-          class: n(S + "__icon")
+          class: o(E + "__icon")
         }, [
-          k(y.$slots, "icon")
+          y(k.$slots, "icon")
         ], 2)) : C("", !0),
-        M("span", {
-          class: n(S + "__text")
+        z("span", {
+          class: o(E + "__text")
         }, [
-          k(y.$slots, "default")
+          y(k.$slots, "default")
         ], 2)
       ], 2)
     ], 6));
   }
-}), a0 = { class: "x-menu-item-group" }, l0 = { class: "x-menu-item-group__title" }, u0 = /* @__PURE__ */ V({
+}), oe = { class: "x-menu-item-group" }, ie = { class: "x-menu-item-group__title" }, ke = /* @__PURE__ */ V({
   name: "XMenuItemGroup",
   __name: "MenuItemGroup",
   props: {
     title: {}
   },
-  setup(s) {
-    return (t, e) => (r(), u("li", a0, [
-      M("div", l0, H(s.title), 1),
-      M("ul", null, [
-        k(t.$slots, "default")
+  setup(t) {
+    return (v, e) => (u(), m("li", oe, [
+      z("div", ie, H(t.title), 1),
+      z("ul", null, [
+        y(v.$slots, "default")
       ])
     ]));
   }
-}), x = "x-sub-menu", d0 = /* @__PURE__ */ V({
+}), L = "x-sub-menu", ye = /* @__PURE__ */ V({
   name: "XSubMenu",
   __name: "SubMenu",
   props: {
@@ -395,76 +479,83 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
     disabled: { type: Boolean, default: !1 },
     icon: {}
   },
-  setup(s) {
-    const t = s, e = B("menu"), a = B("subMenu", null), l = _(!1), o = v(() => !!a), m = v(() => e == null ? void 0 : e.props.collapse), h = v(() => {
-      var d, z;
-      return m.value ? l.value : ((z = (d = e == null ? void 0 : e.openedMenus) == null ? void 0 : d.value) == null ? void 0 : z.includes(t.index)) ?? !1;
-    }), b = v(() => (e == null ? void 0 : e.activeIndex.value) === t.index), y = v(() => [
-      x,
-      x + ((e == null ? void 0 : e.props.mode) === "horizontal" ? "--horizontal" : "--vertical"),
+  setup(t) {
+    const v = t, e = T("menu"), l = T("subMenu", null), a = w(!1), s = b(() => !!l), h = b(() => e == null ? void 0 : e.props.collapse);
+    S(
+      () => e == null ? void 0 : e.activeIndex.value,
+      () => {
+        (e == null ? void 0 : e.props.mode) === "horizontal" && (a.value = !1);
+      }
+    );
+    const p = b(() => {
+      var i, f;
+      return h.value ? a.value : ((f = (i = e == null ? void 0 : e.openedMenus) == null ? void 0 : i.value) == null ? void 0 : f.includes(v.index)) ?? !1;
+    }), M = b(() => (e == null ? void 0 : e.activeIndex.value) === v.index), k = b(() => [
+      L,
+      L + ((e == null ? void 0 : e.props.mode) === "horizontal" ? "--horizontal" : "--vertical"),
       {
-        "is-active": b.value,
-        "is-opened": h.value,
-        "is-disabled": t.disabled,
-        "is-nested": o.value,
-        "is-collapse": m.value
+        "is-active": M.value,
+        "is-opened": p.value,
+        "is-disabled": v.disabled,
+        "is-nested": s.value,
+        "is-collapse": h.value
       }
-    ]), c = () => {
-      var d, z;
-      t.disabled || m.value || (h.value ? (d = e == null ? void 0 : e.handleClose) == null || d.call(e, t.index) : (z = e == null ? void 0 : e.handleOpen) == null || z.call(e, t.index));
-    }, f = () => {
-      t.disabled || ((e == null ? void 0 : e.props.mode) === "horizontal" || m.value) && (l.value = !0);
-    }, p = () => {
-      ((e == null ? void 0 : e.props.mode) === "horizontal" || m.value) && (l.value = !1);
+    ]), r = () => {
+      var i, f;
+      v.disabled || h.value || (p.value ? (i = e == null ? void 0 : e.handleClose) == null || i.call(e, v.index) : (f = e == null ? void 0 : e.handleOpen) == null || f.call(e, v.index));
+    }, c = () => {
+      v.disabled || ((e == null ? void 0 : e.props.mode) === "horizontal" || h.value) && (a.value = !0);
+    }, d = () => {
+      ((e == null ? void 0 : e.props.mode) === "horizontal" || h.value) && (a.value = !1);
     };
-    return A("subMenu", {
-      isOpen: h,
-      isNested: o,
-      index: t.index
-    }), (d, z) => {
+    return X("subMenu", {
+      isOpen: p,
+      isNested: s,
+      index: v.index
+    }), (i, f) => {
       var g;
-      return r(), u("li", {
-        class: n(y.value),
-        onMouseenter: f,
-        onMouseleave: p
+      return u(), m("li", {
+        class: o(k.value),
+        onMouseenter: c,
+        onMouseleave: d
       }, [
-        M("div", {
-          class: n(x + "__title"),
-          onClick: c
+        z("div", {
+          class: o(L + "__title"),
+          onClick: r
         }, [
-          M("div", {
-            class: n(x + "__content")
+          z("div", {
+            class: o(L + "__content")
           }, [
-            s.icon ? (r(), u("span", {
+            t.icon ? (u(), m("span", {
               key: 0,
-              class: n(x + "__icon")
+              class: o(L + "__icon")
             }, [
-              T(i(R), {
-                name: s.icon,
+              R(n(_), {
+                name: t.icon,
                 size: 18
               }, null, 8, ["name"])
-            ], 2)) : d.$slots.icon ? (r(), u("span", {
+            ], 2)) : i.$slots.icon ? (u(), m("span", {
               key: 1,
-              class: n(x + "__icon")
+              class: o(L + "__icon")
             }, [
-              k(d.$slots, "icon")
+              y(i.$slots, "icon")
             ], 2)) : C("", !0),
-            M("span", {
-              class: n(x + "__text")
+            z("span", {
+              class: o(L + "__text")
             }, [
-              k(d.$slots, "title", {}, () => [
-                w(H(s.title), 1)
+              y(i.$slots, "title", {}, () => [
+                A(H(t.title), 1)
               ])
             ], 2),
-            M("span", {
-              class: n([x + "__arrow", { "is-open": h.value }])
-            }, [...z[0] || (z[0] = [
-              M("svg", {
+            z("span", {
+              class: o([L + "__arrow", { "is-open": p.value }])
+            }, [...f[0] || (f[0] = [
+              z("svg", {
                 viewBox: "0 0 1024 1024",
                 width: "12",
                 height: "12"
               }, [
-                M("path", {
+                z("path", {
                   fill: "currentColor",
                   d: "M512 714.667c-17.067 0-32-6.4-44.8-19.2L147.2 375.467c-25.6-25.6-25.6-64 0-89.6s64-25.6 89.6 0L512 561.067l275.2-275.2c25.6-25.6 64-25.6 89.6 0s25.6 64 0 89.6L556.8 695.467c-12.8 12.8-27.733 19.2-44.8 19.2z"
                 })
@@ -472,18 +563,18 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
             ])], 2)
           ], 2)
         ], 2),
-        T(W, {
-          name: ((g = i(e)) == null ? void 0 : g.props.mode) === "horizontal" ? "zoom-in-top" : "zoom-in-left"
+        R(Y, {
+          name: ((g = n(e)) == null ? void 0 : g.props.mode) === "horizontal" ? "zoom-in-top" : "zoom-in-left"
         }, {
-          default: j(() => {
-            var L;
+          default: U(() => {
+            var $;
             return [
-              D(M("ul", {
-                class: n([x + "__menu", { "is-horizontal": ((L = i(e)) == null ? void 0 : L.props.mode) === "horizontal", "is-collapse": m.value }])
+              N(z("ul", {
+                class: o([L + "__menu", { "is-horizontal": (($ = n(e)) == null ? void 0 : $.props.mode) === "horizontal", "is-collapse": h.value }])
               }, [
-                k(d.$slots, "default")
+                y(i.$slots, "default")
               ], 2), [
-                [K, h.value]
+                [q, p.value]
               ])
             ];
           }),
@@ -492,32 +583,32 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
       ], 34);
     };
   }
-}), v0 = /* @__PURE__ */ V({
+}), ge = /* @__PURE__ */ V({
   name: "XBreadcrumb",
   __name: "index",
   props: {
     separator: { default: "/" },
     separatorIcon: {}
   },
-  setup(s) {
-    const t = s, e = $("breadcrumb");
-    A("breadcrumb", {
-      separator: v(() => t.separator),
-      separatorIcon: v(() => t.separatorIcon)
+  setup(t) {
+    const v = t, e = x("breadcrumb");
+    X("breadcrumb", {
+      separator: b(() => v.separator),
+      separatorIcon: b(() => v.separatorIcon)
     });
-    const a = v(() => [e.b()]);
-    return (l, o) => (r(), u("nav", {
-      class: n(a.value),
+    const l = b(() => [e.b()]);
+    return (a, s) => (u(), m("nav", {
+      class: o(l.value),
       "aria-label": "Breadcrumb"
     }, [
-      M("ol", {
-        class: n(i(e).e("list"))
+      z("ol", {
+        class: o(n(e).e("list"))
       }, [
-        k(l.$slots, "default")
+        y(a.$slots, "default")
       ], 2)
     ], 2));
   }
-}), s0 = ["aria-current"], m0 = /* @__PURE__ */ V({
+}), ce = ["aria-current"], we = /* @__PURE__ */ V({
   name: "XBreadcrumbItem",
   __name: "BreadcrumbItem",
   props: {
@@ -526,50 +617,50 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
     disabled: { type: Boolean }
   },
   emits: ["click"],
-  setup(s, { emit: t }) {
-    const e = s, a = t, l = $("breadcrumb"), o = B("breadcrumb"), m = v(() => [
-      l.e("item"),
-      l.is("link", !!e.to && !e.disabled),
-      l.is("disabled", e.disabled)
-    ]), h = v(() => {
-      var c;
-      return ((c = o == null ? void 0 : o.separator) == null ? void 0 : c.value) || "/";
-    }), b = v(() => {
-      var c;
-      return (c = o == null ? void 0 : o.separatorIcon) == null ? void 0 : c.value;
-    }), y = (c) => {
-      e.disabled || (a("click", c), e.to && typeof e.to == "string" && (e.replace ? window.location.replace(e.to) : window.location.href = e.to));
+  setup(t, { emit: v }) {
+    const e = t, l = v, a = x("breadcrumb"), s = T("breadcrumb"), h = b(() => [
+      a.e("item"),
+      a.is("link", !!e.to && !e.disabled),
+      a.is("disabled", e.disabled)
+    ]), p = b(() => {
+      var r;
+      return ((r = s == null ? void 0 : s.separator) == null ? void 0 : r.value) || "/";
+    }), M = b(() => {
+      var r;
+      return (r = s == null ? void 0 : s.separatorIcon) == null ? void 0 : r.value;
+    }), k = (r) => {
+      e.disabled || (l("click", r), e.to && typeof e.to == "string" && (e.replace ? window.location.replace(e.to) : window.location.href = e.to));
     };
-    return (c, f) => (r(), u("li", {
-      class: n(m.value)
+    return (r, c) => (u(), m("li", {
+      class: o(h.value)
     }, [
-      s.to && !s.disabled ? (r(), u("span", {
+      t.to && !t.disabled ? (u(), m("span", {
         key: 0,
-        class: n(i(l).e("link")),
-        onClick: y
+        class: o(n(a).e("link")),
+        onClick: k
       }, [
-        k(c.$slots, "default")
-      ], 2)) : (r(), u("span", {
+        y(r.$slots, "default")
+      ], 2)) : (u(), m("span", {
         key: 1,
-        class: n(i(l).e("text")),
-        "aria-current": s.disabled ? "page" : void 0
+        class: o(n(a).e("text")),
+        "aria-current": t.disabled ? "page" : void 0
       }, [
-        k(c.$slots, "default")
-      ], 10, s0)),
-      M("span", {
-        class: n(i(l).e("separator")),
+        y(r.$slots, "default")
+      ], 10, ce)),
+      z("span", {
+        class: o(n(a).e("separator")),
         "aria-hidden": "true"
       }, [
-        b.value ? (r(), u("span", {
+        M.value ? (u(), m("span", {
           key: 0,
-          class: n(i(l).e("separator-icon"))
-        }, H(b.value), 3)) : (r(), u(I, { key: 1 }, [
-          w(H(h.value), 1)
+          class: o(n(a).e("separator-icon"))
+        }, H(M.value), 3)) : (u(), m(O, { key: 1 }, [
+          A(H(p.value), 1)
         ], 64))
       ], 2)
     ], 2));
   }
-}), h0 = /* @__PURE__ */ V({
+}), Ve = /* @__PURE__ */ V({
   name: "XSteps",
   __name: "index",
   props: {
@@ -582,37 +673,37 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
     space: {}
   },
   emits: ["change", "update:active"],
-  setup(s, { emit: t }) {
-    const e = s, a = t, l = $("steps"), o = _(e.active), m = _(0);
-    O(() => e.active, (f) => {
-      o.value = f;
-    }), A("steps", {
+  setup(t, { emit: v }) {
+    const e = t, l = v, a = x("steps"), s = w(e.active), h = w(0);
+    S(() => e.active, (c) => {
+      s.value = c;
+    }), X("steps", {
       props: e,
-      currentActive: o,
-      stepCount: m,
-      setCurrentActive: (f) => {
-        o.value = f, a("change", f), a("update:active", f);
+      currentActive: s,
+      stepCount: h,
+      setCurrentActive: (c) => {
+        s.value = c, l("change", c), l("update:active", c);
       },
-      setStepCount: (f) => {
-        m.value = f;
+      setStepCount: (c) => {
+        h.value = c;
       }
     });
-    const y = v(() => [
-      l.b(),
-      l.m(e.direction),
-      l.is("simple", e.simple),
-      l.is("center", e.alignCenter)
-    ]), c = v(() => e.space ? {
+    const k = b(() => [
+      a.b(),
+      a.m(e.direction),
+      a.is("simple", e.simple),
+      a.is("center", e.alignCenter)
+    ]), r = b(() => e.space ? {
       "--steps-space": typeof e.space == "number" ? `${e.space}px` : e.space
     } : {});
-    return (f, p) => (r(), u("div", {
-      class: n(y.value),
-      style: X(c.value)
+    return (c, d) => (u(), m("div", {
+      class: o(k.value),
+      style: I(r.value)
     }, [
-      k(f.$slots, "default")
+      y(c.$slots, "default")
     ], 6));
   }
-}), p0 = /* @__PURE__ */ V({
+}), Ce = /* @__PURE__ */ V({
   name: "XStep",
   __name: "Step",
   props: {
@@ -621,96 +712,100 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
     icon: {},
     status: {}
   },
-  setup(s) {
-    const t = s, e = $("step"), a = B("steps"), l = _(-1);
-    J(() => {
-      a && (l.value = a.stepCount.value, a.setStepCount(a.stepCount.value + 1));
+  setup(t) {
+    const v = t, e = x("step"), l = T("steps"), a = w(-1);
+    W(() => {
+      l && (a.value = l.stepCount.value, l.setStepCount(l.stepCount.value + 1));
     });
-    const o = v(() => {
-      var f, p, d;
-      if (t.status) return t.status;
-      const c = ((f = a == null ? void 0 : a.currentActive) == null ? void 0 : f.value) ?? 0;
-      return l.value < c ? ((p = a == null ? void 0 : a.props) == null ? void 0 : p.finishStatus) || "finish" : l.value === c ? ((d = a == null ? void 0 : a.props) == null ? void 0 : d.processStatus) || "process" : "wait";
-    }), m = v(() => {
-      var c;
-      return l.value === (((c = a == null ? void 0 : a.stepCount) == null ? void 0 : c.value) || 0) - 1;
-    }), h = v(() => l.value === 0);
-    v(() => ({
+    const s = b(() => {
+      var c, d, i;
+      if (v.status) return v.status;
+      const r = ((c = l == null ? void 0 : l.currentActive) == null ? void 0 : c.value) ?? 0;
+      return a.value < r ? ((d = l == null ? void 0 : l.props) == null ? void 0 : d.finishStatus) || "finish" : a.value === r ? ((i = l == null ? void 0 : l.props) == null ? void 0 : i.processStatus) || "process" : "wait";
+    }), h = b(() => {
+      var r;
+      return a.value === (((r = l == null ? void 0 : l.stepCount) == null ? void 0 : r.value) || 0) - 1;
+    }), p = b(() => a.value === 0);
+    b(() => ({
       wait: "#c0c4cc",
       process: "#409eff",
       finish: "#67c23a",
       error: "#f56c6c",
       success: "#67c23a"
-    })[o.value] || "#c0c4cc");
-    const b = v(() => {
-      var c;
+    })[s.value] || "#c0c4cc");
+    const M = b(() => {
+      var r;
       return [
         e.b(),
-        e.is(o.value),
-        e.is("last", m.value),
-        e.m(((c = a == null ? void 0 : a.props) == null ? void 0 : c.direction) || "horizontal")
+        e.is(s.value),
+        e.is("last", h.value),
+        e.m(((r = l == null ? void 0 : l.props) == null ? void 0 : r.direction) || "horizontal")
       ];
-    }), y = () => {
-      var c;
-      l.value > -1 && ((c = a == null ? void 0 : a.setCurrentActive) == null || c.call(a, l.value));
+    }), k = () => {
+      var r;
+      a.value > -1 && ((r = l == null ? void 0 : l.setCurrentActive) == null || r.call(l, a.value));
     };
-    return (c, f) => (r(), u("div", {
-      class: n(b.value),
-      onClick: y
+    return (r, c) => (u(), m("div", {
+      class: o(M.value),
+      onClick: k
     }, [
-      M("div", {
-        class: n(i(e).e("head"))
+      z("div", {
+        class: o(n(e).e("head"))
       }, [
-        h.value ? C("", !0) : (r(), u("div", {
+        p.value ? C("", !0) : (u(), m("div", {
           key: 0,
-          class: n([i(e).e("line"), i(e).em("line", "prev")])
+          class: o([n(e).e("line"), n(e).em("line", "prev")])
         }, null, 2)),
-        M("div", {
-          class: n(i(e).e("icon"))
+        z("div", {
+          class: o(n(e).e("icon"))
         }, [
-          s.icon ? (r(), u("span", {
+          t.icon ? (u(), m("span", {
             key: 0,
-            class: n(i(e).e("icon-inner"))
-          }, H(s.icon), 3)) : (r(), u("span", {
+            class: o(n(e).e("icon-inner"))
+          }, H(t.icon), 3)) : (u(), m("span", {
             key: 1,
-            class: n(i(e).e("icon-inner"))
+            class: o(n(e).e("icon-inner"))
           }, [
-            o.value === "finish" || o.value === "success" ? (r(), u(I, { key: 0 }, [
-              w("✓")
-            ], 64)) : o.value === "error" ? (r(), u(I, { key: 1 }, [
-              w("✕")
-            ], 64)) : (r(), u(I, { key: 2 }, [
-              w(H(l.value + 1), 1)
+            s.value === "finish" || s.value === "success" ? (u(), D(n(_), {
+              key: 0,
+              name: "check",
+              size: 14
+            })) : s.value === "error" ? (u(), D(n(_), {
+              key: 1,
+              name: "close",
+              size: 14
+            })) : (u(), m(O, { key: 2 }, [
+              A(H(a.value + 1), 1)
             ], 64))
           ], 2))
         ], 2),
-        m.value ? C("", !0) : (r(), u("div", {
+        h.value ? C("", !0) : (u(), m("div", {
           key: 1,
-          class: n(i(e).e("line"))
+          class: o(n(e).e("line"))
         }, null, 2))
       ], 2),
-      M("div", {
-        class: n(i(e).e("content"))
+      z("div", {
+        class: o(n(e).e("content"))
       }, [
-        M("div", {
-          class: n(i(e).e("title"))
+        z("div", {
+          class: o(n(e).e("title"))
         }, [
-          k(c.$slots, "title", {}, () => [
-            w(H(s.title), 1)
+          y(r.$slots, "title", {}, () => [
+            A(H(t.title), 1)
           ])
         ], 2),
-        s.description || c.$slots.description ? (r(), u("div", {
+        t.description || r.$slots.description ? (u(), m("div", {
           key: 0,
-          class: n(i(e).e("description"))
+          class: o(n(e).e("description"))
         }, [
-          k(c.$slots, "description", {}, () => [
-            w(H(s.description), 1)
+          y(r.$slots, "description", {}, () => [
+            A(H(t.description), 1)
           ])
         ], 2)) : C("", !0)
       ], 2)
     ], 2));
   }
-}), M0 = /* @__PURE__ */ V({
+}), $e = /* @__PURE__ */ V({
   name: "XPageHeader",
   __name: "index",
   props: {
@@ -720,69 +815,74 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
     showBack: { type: Boolean, default: !1 }
   },
   emits: ["back"],
-  setup(s, { emit: t }) {
-    const e = t, a = $("page-header"), l = () => {
+  setup(t, { emit: v }) {
+    const e = v, l = x("page-header"), a = () => {
       e("back");
     };
-    return (o, m) => (r(), u("div", {
-      class: n(i(a).b())
+    return (s, h) => (u(), m("div", {
+      class: o(n(l).b())
     }, [
-      M("div", {
-        class: n(i(a).e("main"))
+      z("div", {
+        class: o(n(l).e("main"))
       }, [
-        M("div", {
-          class: n(i(a).e("left"))
+        z("div", {
+          class: o(n(l).e("left"))
         }, [
-          s.showBack ? (r(), u("span", {
+          t.showBack ? (u(), m("span", {
             key: 0,
-            class: n(i(a).e("back")),
-            onClick: l
+            class: o(n(l).e("back")),
+            onClick: a
           }, [
-            M("span", {
-              class: n(i(a).e("back-icon"))
-            }, "←", 2),
-            s.backText ? (r(), u("span", {
+            z("span", {
+              class: o(n(l).e("back-icon"))
+            }, [
+              R(n(_), {
+                name: "arrow-left",
+                size: 16
+              })
+            ], 2),
+            t.backText ? (u(), m("span", {
               key: 0,
-              class: n(i(a).e("back-text"))
-            }, H(s.backText), 3)) : C("", !0)
+              class: o(n(l).e("back-text"))
+            }, H(t.backText), 3)) : C("", !0)
           ], 2)) : C("", !0),
-          M("span", {
-            class: n(i(a).e("title"))
+          z("span", {
+            class: o(n(l).e("title"))
           }, [
-            k(o.$slots, "title", {}, () => [
-              w(H(s.title), 1)
+            y(s.$slots, "title", {}, () => [
+              A(H(t.title), 1)
             ])
           ], 2),
-          s.subtitle || o.$slots.subtitle ? (r(), u("span", {
+          t.subtitle || s.$slots.subtitle ? (u(), m("span", {
             key: 1,
-            class: n(i(a).e("subtitle"))
+            class: o(n(l).e("subtitle"))
           }, [
-            k(o.$slots, "subtitle", {}, () => [
-              w(H(s.subtitle), 1)
+            y(s.$slots, "subtitle", {}, () => [
+              A(H(t.subtitle), 1)
             ])
           ], 2)) : C("", !0)
         ], 2),
-        M("div", {
-          class: n(i(a).e("extra"))
+        z("div", {
+          class: o(n(l).e("extra"))
         }, [
-          k(o.$slots, "extra")
+          y(s.$slots, "extra")
         ], 2)
       ], 2),
-      o.$slots.default ? (r(), u("div", {
+      s.$slots.default ? (u(), m("div", {
         key: 0,
-        class: n(i(a).e("content"))
+        class: o(n(l).e("content"))
       }, [
-        k(o.$slots, "default")
+        y(s.$slots, "default")
       ], 2)) : C("", !0),
-      o.$slots.footer ? (r(), u("div", {
+      s.$slots.footer ? (u(), m("div", {
         key: 1,
-        class: n(i(a).e("footer"))
+        class: o(n(l).e("footer"))
       }, [
-        k(o.$slots, "footer")
+        y(s.$slots, "footer")
       ], 2)) : C("", !0)
     ], 2));
   }
-}), f0 = /* @__PURE__ */ V({
+}), He = /* @__PURE__ */ V({
   name: "XDropdown",
   __name: "index",
   props: {
@@ -793,67 +893,67 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
     hideOnClick: { type: Boolean, default: !0 }
   },
   emits: ["visible-change", "click", "command"],
-  setup(s, { emit: t }) {
-    const e = s, a = t, l = $("dropdown"), o = _(e.visible || !1), m = _(), h = () => {
-      e.disabled || (o.value = !0, a("visible-change", !0));
-    }, b = () => {
-      o.value = !1, a("visible-change", !1);
-    }, y = () => {
-      o.value ? b() : h();
+  setup(t, { emit: v }) {
+    const e = t, l = v, a = x("dropdown"), s = w(e.visible || !1), h = w(), p = () => {
+      e.disabled || (s.value = !0, l("visible-change", !0));
+    }, M = () => {
+      s.value = !1, l("visible-change", !1);
+    }, k = () => {
+      s.value ? M() : p();
     };
-    A("x-dropdown", {
-      visible: o,
-      handleClick: (z) => {
-        a("click", z), a("command", z), e.hideOnClick && b();
+    X("x-dropdown", {
+      visible: s,
+      handleClick: (f) => {
+        l("click", f), l("command", f), e.hideOnClick && M();
       },
-      hide: b
+      hide: M
     });
-    const f = () => {
-      e.trigger === "hover" && h();
-    }, p = () => {
-      e.trigger === "hover" && b();
-    }, d = (z) => {
-      m.value && !m.value.contains(z.target) && b();
+    const c = () => {
+      e.trigger === "hover" && p();
+    }, d = () => {
+      e.trigger === "hover" && M();
+    }, i = (f) => {
+      h.value && !h.value.contains(f.target) && M();
     };
-    return typeof window < "u" && document.addEventListener("click", d), (z, g) => (r(), u("div", {
+    return typeof window < "u" && document.addEventListener("click", i), (f, g) => (u(), m("div", {
       ref_key: "dropdownRef",
-      ref: m,
-      class: n([i(l).b(), i(l).is("disabled", s.disabled)]),
-      onMouseenter: f,
-      onMouseleave: p
+      ref: h,
+      class: o([n(a).b(), n(a).is("disabled", t.disabled)]),
+      onMouseenter: c,
+      onMouseleave: d
     }, [
-      M("div", {
-        class: n(i(l).e("trigger")),
-        onClick: g[0] || (g[0] = (L) => s.trigger === "click" && y())
+      z("div", {
+        class: o(n(a).e("trigger")),
+        onClick: g[0] || (g[0] = ($) => t.trigger === "click" && k())
       }, [
-        k(z.$slots, "default")
+        y(f.$slots, "default")
       ], 2),
-      T(W, { name: "x-dropdown-zoom" }, {
-        default: j(() => [
-          D(M("div", {
-            class: n([i(l).e("menu"), i(l).m(s.placement)])
+      R(Y, { name: "x-dropdown-zoom" }, {
+        default: U(() => [
+          N(z("div", {
+            class: o([n(a).e("menu"), n(a).m(t.placement)])
           }, [
-            k(z.$slots, "dropdown")
+            y(f.$slots, "dropdown")
           ], 2), [
-            [K, o.value]
+            [q, s.value]
           ])
         ]),
         _: 3
       })
     ], 34));
   }
-}), z0 = /* @__PURE__ */ V({
+}), xe = /* @__PURE__ */ V({
   name: "XDropdownMenu",
   __name: "DropdownMenu",
-  setup(s) {
-    const t = $("dropdown-menu");
-    return (e, a) => (r(), u("ul", {
-      class: n(i(t).b())
+  setup(t) {
+    const v = x("dropdown-menu");
+    return (e, l) => (u(), m("ul", {
+      class: o(n(v).b())
     }, [
-      k(e.$slots, "default")
+      y(e.$slots, "default")
     ], 2));
   }
-}), b0 = /* @__PURE__ */ V({
+}), Be = /* @__PURE__ */ V({
   name: "XDropdownItem",
   __name: "DropdownItem",
   props: {
@@ -863,43 +963,334 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
     icon: {}
   },
   emits: ["click"],
-  setup(s, { emit: t }) {
-    const e = s, a = t, l = $("dropdown-item"), o = B("x-dropdown"), m = (b) => {
-      e.disabled || (a("click", b), o != null && o.handleClick && o.handleClick(e.command ?? b));
-    }, h = v(() => [
-      l.b(),
-      l.is("disabled", e.disabled),
-      l.is("divided", e.divided)
+  setup(t, { emit: v }) {
+    const e = t, l = v, a = x("dropdown-item"), s = T("x-dropdown"), h = (M) => {
+      e.disabled || (l("click", M), s != null && s.handleClick && s.handleClick(e.command ?? M));
+    }, p = b(() => [
+      a.b(),
+      a.is("disabled", e.disabled),
+      a.is("divided", e.divided)
     ]);
-    return (b, y) => (r(), u("li", {
-      class: n(h.value),
-      onClick: m
+    return (M, k) => (u(), m("li", {
+      class: o(p.value),
+      onClick: h
     }, [
-      s.icon ? (r(), u("span", {
+      t.icon ? (u(), m("span", {
         key: 0,
-        class: n(i(l).e("icon"))
-      }, H(s.icon), 3)) : C("", !0),
-      M("span", {
-        class: n(i(l).e("content"))
+        class: o(n(a).e("icon"))
+      }, H(t.icon), 3)) : C("", !0),
+      z("span", {
+        class: o(n(a).e("content"))
       }, [
-        k(b.$slots, "default")
+        y(M.$slots, "default")
       ], 2)
     ], 2));
   }
+}), Le = /* @__PURE__ */ V({
+  name: "XAffix",
+  __name: "index",
+  props: {
+    offset: { default: 0 },
+    position: { default: "top" },
+    target: {},
+    zIndex: { default: 100 }
+  },
+  emits: ["change"],
+  setup(t, { emit: v }) {
+    const e = t, l = v, a = x("affix"), s = w(!1), h = w(), p = w(), M = () => e.target ? document.querySelector(e.target) : window, k = () => {
+      if (!h.value || !p.value) return;
+      const f = M(), g = p.value.getBoundingClientRect(), $ = f === window ? { top: 0, bottom: window.innerHeight } : f.getBoundingClientRect();
+      let B = !1;
+      e.position === "top" ? B = g.top < $.top + e.offset : B = g.bottom > $.bottom - e.offset, B !== s.value && (s.value = B, l("change", B));
+    }, r = w({}), c = () => {
+      if (!s.value || !p.value) return;
+      const f = p.value.getBoundingClientRect(), g = {
+        width: `${f.width}px`,
+        height: `${f.height}px`,
+        zIndex: String(e.zIndex)
+      };
+      e.position === "top" ? g.top = `${e.offset}px` : g.bottom = `${e.offset}px`, r.value = g;
+    }, d = () => {
+      k(), s.value && c();
+    };
+    let i = null;
+    return W(() => {
+      i = M(), i == null || i.addEventListener("scroll", d), window.addEventListener("resize", d), F(() => {
+        k();
+      });
+    }), J(() => {
+      i == null || i.removeEventListener("scroll", d), window.removeEventListener("resize", d);
+    }), S(s, () => {
+      c();
+    }), (f, g) => (u(), m("div", {
+      ref_key: "affixPlaceholderRef",
+      ref: p,
+      class: o(n(a).b())
+    }, [
+      s.value ? (u(), m("div", {
+        key: 0,
+        ref_key: "affixRef",
+        ref: h,
+        class: o(n(a).e("fixed")),
+        style: I(r.value)
+      }, [
+        y(f.$slots, "default")
+      ], 6)) : (u(), m("div", {
+        key: 1,
+        ref_key: "affixRef",
+        ref: h
+      }, [
+        y(f.$slots, "default")
+      ], 512))
+    ], 2));
+  }
+}), re = ["href", "target", "onClick"], Se = /* @__PURE__ */ V({
+  name: "XAnchor",
+  __name: "index",
+  props: {
+    links: { default: () => [] },
+    container: { default: "" },
+    offset: { default: 0 },
+    showBorder: { type: Boolean, default: !1 },
+    sticky: { type: Boolean, default: !1 }
+  },
+  emits: ["change"],
+  setup(t, { emit: v }) {
+    const e = t, l = v, a = x("anchor"), s = w(""), h = w(), p = () => e.container ? document.querySelector(e.container) : window, M = () => {
+      const c = p();
+      c === window ? window.scrollY : c.scrollTop;
+      for (const d of e.links) {
+        const i = document.querySelector(d.href);
+        if (i) {
+          const f = i.getBoundingClientRect(), g = c === window ? { top: 0 } : c.getBoundingClientRect(), $ = f.top - g.top - e.offset;
+          if ($ <= 0 && $ + f.height > 0) {
+            s.value !== d.href && (s.value = d.href, l("change", d.href));
+            return;
+          }
+        }
+      }
+    }, k = (c, d) => {
+      d.preventDefault();
+      const i = document.querySelector(c.href);
+      if (i) {
+        const f = p(), g = i.getBoundingClientRect(), $ = f === window ? { top: 0 } : f.getBoundingClientRect(), P = (f === window ? window.scrollY : f.scrollTop) + g.top - $.top - e.offset;
+        f === window ? window.scrollTo({
+          top: P,
+          behavior: "smooth"
+        }) : f.scrollTo({
+          top: P,
+          behavior: "smooth"
+        }), s.value = c.href, l("change", c.href);
+      }
+    };
+    let r = null;
+    return W(() => {
+      r = p(), r == null || r.addEventListener("scroll", M), F(() => {
+        M();
+      });
+    }), J(() => {
+      r == null || r.removeEventListener("scroll", M);
+    }), S(() => e.links, () => {
+      F(() => {
+        M();
+      });
+    }), (c, d) => (u(), m("div", {
+      ref_key: "anchorRef",
+      ref: h,
+      class: o([
+        n(a).b(),
+        n(a).is("border", t.showBorder),
+        n(a).is("sticky", t.sticky)
+      ])
+    }, [
+      z("ul", {
+        class: o(n(a).e("list"))
+      }, [
+        (u(!0), m(O, null, K(t.links, (i) => (u(), m("li", {
+          key: i.href,
+          class: o([
+            n(a).e("item"),
+            n(a).is("active", s.value === i.href)
+          ])
+        }, [
+          z("a", {
+            href: i.href,
+            target: i.target,
+            class: o(n(a).e("link")),
+            onClick: (f) => k(i, f)
+          }, H(i.title), 11, re)
+        ], 2))), 128))
+      ], 2),
+      s.value ? (u(), m("div", {
+        key: 0,
+        class: o(n(a).e("indicator"))
+      }, null, 2)) : C("", !0)
+    ], 2));
+  }
+}), ue = ["onClick"], _e = /* @__PURE__ */ V({
+  name: "XPopselect",
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    options: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    placement: { default: "bottom" },
+    width: { default: 200 },
+    multiple: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: v }) {
+    const e = t, l = v, a = x("popselect"), s = w(!1), h = w(e.multiple ? [] : "");
+    S(() => e.modelValue, (c) => {
+      h.value = c;
+    }, { immediate: !0 });
+    const p = b(() => ({
+      width: typeof e.width == "number" ? `${e.width}px` : e.width
+    })), M = (c) => e.multiple ? h.value.includes(c.value) : h.value === c.value, k = (c) => {
+      if (!(c.disabled || e.disabled))
+        if (e.multiple) {
+          const d = h.value, i = d.indexOf(c.value);
+          i > -1 ? d.splice(i, 1) : d.push(c.value), l("update:modelValue", d), l("change", d);
+        } else
+          h.value = c.value, l("update:modelValue", c.value), l("change", c.value), s.value = !1;
+    }, r = (c) => {
+      c.target.closest(`.${a.b()}`) || (s.value = !1);
+    };
+    return S(s, (c) => {
+      c ? document.addEventListener("click", r) : document.removeEventListener("click", r);
+    }), (c, d) => (u(), m("div", {
+      class: o(n(a).b()),
+      onClick: d[1] || (d[1] = Z(() => {
+      }, ["stop"]))
+    }, [
+      z("div", {
+        class: o(n(a).e("trigger")),
+        onClick: d[0] || (d[0] = (i) => !t.disabled && (s.value = !s.value))
+      }, [
+        y(c.$slots, "default")
+      ], 2),
+      N(z("div", {
+        class: o([n(a).e("dropdown"), n(a).em("dropdown", t.placement)]),
+        style: I(p.value)
+      }, [
+        z("ul", {
+          class: o(n(a).e("list"))
+        }, [
+          (u(!0), m(O, null, K(t.options, (i) => (u(), m("li", {
+            key: i.value,
+            class: o([
+              n(a).e("item"),
+              n(a).is("selected", M(i)),
+              n(a).is("disabled", i.disabled)
+            ]),
+            onClick: (f) => k(i)
+          }, [
+            i.icon ? (u(), D(n(_), {
+              key: 0,
+              name: i.icon,
+              size: 16
+            }, null, 8, ["name"])) : C("", !0),
+            z("span", {
+              class: o(n(a).e("label"))
+            }, H(i.label), 3),
+            M(i) ? (u(), m("span", {
+              key: 1,
+              class: o(n(a).e("check"))
+            }, [
+              R(n(_), {
+                name: "check",
+                size: 14
+              })
+            ], 2)) : C("", !0)
+          ], 10, ue))), 128))
+        ], 2)
+      ], 6), [
+        [q, s.value]
+      ])
+    ], 2));
+  }
+}), de = ["onClick"], ve = { key: 1 }, me = ["disabled"], Ae = /* @__PURE__ */ V({
+  name: "XFloatButton",
+  __name: "index",
+  props: {
+    icon: { default: "plus" },
+    type: { default: "primary" },
+    shape: { default: "circle" },
+    size: { default: "large" },
+    position: { default: "right" },
+    bottom: { default: 80 },
+    offset: { default: 24 },
+    menu: { default: () => [] },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(t, { emit: v }) {
+    const e = t, l = v, a = x("float-button"), s = w(!1), h = b(() => ({
+      bottom: `${e.bottom}px`,
+      [e.position]: `${e.offset}px`
+    })), p = () => {
+      e.disabled || (e.menu.length > 0 ? s.value = !s.value : l("click"));
+    }, M = (k) => {
+      var r;
+      (r = k.onClick) == null || r.call(k), s.value = !1;
+    };
+    return (k, r) => (u(), m("div", {
+      class: o([n(a).b(), n(a).m(t.position)]),
+      style: I(h.value)
+    }, [
+      t.menu.length > 0 ? (u(), m("div", {
+        key: 0,
+        class: o([n(a).e("menu"), n(a).is("visible", s.value)])
+      }, [
+        (u(!0), m(O, null, K(t.menu, (c, d) => (u(), m("div", {
+          key: d,
+          class: o(n(a).e("menu-item")),
+          onClick: (i) => M(c)
+        }, [
+          c.icon ? (u(), D(n(_), {
+            key: 0,
+            name: c.icon,
+            size: 16
+          }, null, 8, ["name"])) : C("", !0),
+          c.label ? (u(), m("span", ve, H(c.label), 1)) : C("", !0)
+        ], 10, de))), 128))
+      ], 2)) : C("", !0),
+      z("button", {
+        class: o([
+          n(a).e("button"),
+          n(a).m(t.type),
+          n(a).m(t.shape),
+          n(a).m(t.size),
+          n(a).is("disabled", t.disabled)
+        ]),
+        disabled: t.disabled,
+        onClick: p
+      }, [
+        R(n(_), {
+          name: t.icon,
+          size: t.size === "large" ? 24 : t.size === "small" ? 16 : 20
+        }, null, 8, ["name", "size"])
+      ], 10, me)
+    ], 6));
+  }
 });
 export {
-  v0 as Breadcrumb,
-  m0 as BreadcrumbItem,
-  f0 as Dropdown,
-  b0 as DropdownItem,
-  z0 as DropdownMenu,
-  i0 as Menu,
-  r0 as MenuItem,
-  u0 as MenuItemGroup,
-  M0 as PageHeader,
-  p0 as Step,
-  h0 as Steps,
-  d0 as SubMenu,
-  c0 as TabPane,
-  n0 as Tabs
+  Le as Affix,
+  Se as Anchor,
+  ge as Breadcrumb,
+  we as BreadcrumbItem,
+  He as Dropdown,
+  Be as DropdownItem,
+  xe as DropdownMenu,
+  Ae as FloatButton,
+  be as Menu,
+  ze as MenuItem,
+  ke as MenuItemGroup,
+  $e as PageHeader,
+  _e as Popselect,
+  Ce as Step,
+  Ve as Steps,
+  ye as SubMenu,
+  Me as TabPane,
+  pe as Tabs
 };