@xto/navigation 0.1.0 → 1.0.1

package/es/index.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as S, useSlots as G, ref as M, watch as X, provide as w, computed as v, openBlock as r, createElementBlock as d, normalizeClass as a, createElementVNode as m, unref as u, Fragment as V, renderList as H, toDisplayString as k, renderSlot as b, inject as I, withDirectives as O, createCommentVNode as _, vShow as E, normalizeStyle as A, createTextVNode as B, createVNode as L, Transition as D, withCtx as F, onMounted as j } from "vue";
-import { useNamespace as g } from "@xto/core";
-const q = ["onClick"], Y = /* @__PURE__ */ S({
+import { defineComponent as B, useSlots as L, ref as g, watch as N, provide as X, computed as v, openBlock as r, createElementBlock as d, normalizeClass as a, createElementVNode as f, unref as u, Fragment as V, renderList as G, toDisplayString as y, renderSlot as b, inject as I, withDirectives as O, createCommentVNode as _, vShow as E, normalizeStyle as A, createTextVNode as M, createVNode as H, Transition as D, withCtx as F, onMounted as j } from "vue";
+import { useNamespace as x } from "@xto/core";
+const q = ["onClick"], Y = /* @__PURE__ */ B({
   name: "XTabs",
   __name: "index",
   props: {
@@ -12,55 +12,55 @@ const q = ["onClick"], Y = /* @__PURE__ */ S({
   },
   emits: ["update:modelValue", "tabClick", "edit"],
   setup(o, { emit: i }) {
-    const e = o, t = i, s = g("tabs"), l = G(), p = M(e.modelValue);
-    X(() => e.modelValue, (n) => {
+    const e = o, s = i, t = x("tabs"), l = L(), p = g(e.modelValue);
+    N(() => e.modelValue, (n) => {
       p.value = n;
     });
-    const y = (n, f) => {
-      p.value = n, t("update:modelValue", n);
+    const $ = (n, m) => {
+      p.value = n, s("update:modelValue", n);
     };
-    w("tabs", {
+    X("tabs", {
       props: e,
       activeName: p,
-      handleTabClick: y
+      handleTabClick: $
     });
     const C = v(() => [
-      s.b(),
-      s.m(e.type),
-      s.is(`position-${e.tabPosition}`)
-    ]), $ = v(() => {
-      var f;
-      return (((f = l.default) == null ? void 0 : f.call(l)) || []).filter((c) => c.type && c.type.name === "XTabPane").map((c) => {
-        var h, x, T, P;
+      t.b(),
+      t.m(e.type),
+      t.is(`position-${e.tabPosition}`)
+    ]), k = v(() => {
+      var m;
+      return (((m = l.default) == null ? void 0 : m.call(l)) || []).filter((c) => c.type && c.type.name === "XTabPane").map((c) => {
+        var h, z, w, P;
         return {
-          name: ((h = c.props) == null ? void 0 : h.name) || ((x = c.props) == null ? void 0 : x.label),
-          label: (T = c.props) == null ? void 0 : T.label,
+          name: ((h = c.props) == null ? void 0 : h.name) || ((z = c.props) == null ? void 0 : z.label),
+          label: (w = c.props) == null ? void 0 : w.label,
           disabled: ((P = c.props) == null ? void 0 : P.disabled) === !0
         };
       });
     });
-    return (n, f) => (r(), d("div", {
+    return (n, m) => (r(), d("div", {
       class: a(C.value)
     }, [
-      m("div", {
-        class: a(u(s).e("header"))
+      f("div", {
+        class: a(u(t).e("header"))
       }, [
-        m("div", {
-          class: a(u(s).e("nav"))
+        f("div", {
+          class: a(u(t).e("nav"))
         }, [
-          (r(!0), d(V, null, H($.value, (c) => (r(), d("div", {
+          (r(!0), d(V, null, G(k.value, (c) => (r(), d("div", {
             key: c.name,
             class: a([
-              u(s).e("item"),
-              u(s).em("item", p.value === c.name ? "active" : ""),
-              u(s).is("disabled", c.disabled)
+              u(t).e("item"),
+              u(t).em("item", p.value === c.name ? "active" : ""),
+              u(t).is("disabled", c.disabled)
             ]),
-            onClick: (h) => c.disabled ? null : y(c.name)
-          }, k(c.label), 11, q))), 128))
+            onClick: (h) => c.disabled ? null : $(c.name)
+          }, y(c.label), 11, q))), 128))
         ], 2)
       ], 2),
-      m("div", {
-        class: a(u(s).e("content"))
+      f("div", {
+        class: a(u(t).e("content"))
       }, [
         b(n.$slots, "default")
       ], 2)
@@ -69,7 +69,7 @@ const q = ["onClick"], Y = /* @__PURE__ */ S({
 }), J = {
   class: "x-tab-pane",
   role: "tabpanel"
-}, Z = /* @__PURE__ */ S({
+}, Z = /* @__PURE__ */ B({
   name: "XTabPane",
   __name: "TabPane",
   props: {
@@ -80,16 +80,16 @@ const q = ["onClick"], Y = /* @__PURE__ */ S({
     lazy: { type: Boolean, default: !1 }
   },
   setup(o) {
-    const i = o, e = I("tabs"), t = M(!1), s = v(() => i.name || i.label), l = v(() => (e == null ? void 0 : e.activeName.value) === s.value);
-    return X(() => e == null ? void 0 : e.activeName.value, () => {
-      l.value && i.lazy && !t.value && (t.value = !0);
-    }, { immediate: !0 }), l.value && i.lazy && (t.value = !0), (p, y) => O((r(), d("div", J, [
-      t.value || !o.lazy ? b(p.$slots, "default", { key: 0 }) : _("", !0)
+    const i = o, e = I("tabs"), s = g(!1), t = v(() => i.name || i.label), l = v(() => (e == null ? void 0 : e.activeName.value) === t.value);
+    return N(() => e == null ? void 0 : e.activeName.value, () => {
+      l.value && i.lazy && !s.value && (s.value = !0);
+    }, { immediate: !0 }), l.value && i.lazy && (s.value = !0), (p, $) => O((r(), d("div", J, [
+      s.value || !o.lazy ? b(p.$slots, "default", { key: 0 }) : _("", !0)
     ], 512)), [
       [E, l.value]
     ]);
   }
-}), ee = /* @__PURE__ */ S({
+}), ee = /* @__PURE__ */ B({
   name: "XMenu",
   __name: "index",
   props: {
@@ -104,40 +104,40 @@ const q = ["onClick"], Y = /* @__PURE__ */ S({
   },
   emits: ["update:modelValue", "select", "open", "close"],
   setup(o, { emit: i }) {
-    const e = o, t = i, s = g("menu"), l = M(e.modelValue), p = M([...e.defaultOpeneds]);
-    X(() => e.modelValue, (c) => {
+    const e = o, s = i, t = x("menu"), l = g(e.modelValue), p = g([...e.defaultOpeneds]);
+    N(() => e.modelValue, (c) => {
       l.value = c;
-    }), w("menu", {
+    }), X("menu", {
       props: e,
       activeIndex: l,
       openedMenus: p,
       handleSelect: (c, h = []) => {
-        l.value = c, t("update:modelValue", c), t("select", c, h);
+        l.value = c, s("update:modelValue", c), s("select", c, h);
       },
       handleOpen: (c, h = []) => {
-        p.value.includes(c) || p.value.push(c), t("open", c, h);
+        p.value.includes(c) || p.value.push(c), s("open", c, h);
       },
       handleClose: (c, h = []) => {
-        const x = p.value.indexOf(c);
-        x > -1 && p.value.splice(x, 1), t("close", c, h);
+        const z = p.value.indexOf(c);
+        z > -1 && p.value.splice(z, 1), s("close", c, h);
       }
     });
     const n = v(() => [
-      s.b(),
-      s.is("collapse", e.collapse),
-      s.is(`mode-${e.mode}`)
-    ]), f = v(() => ({
+      t.b(),
+      t.is("collapse", e.collapse),
+      t.is(`mode-${e.mode}`)
+    ]), m = v(() => ({
       backgroundColor: e.backgroundColor,
       color: e.textColor
     }));
     return (c, h) => (r(), d("ul", {
       class: a(n.value),
-      style: A(f.value)
+      style: A(m.value)
     }, [
       b(c.$slots, "default")
     ], 6));
   }
-}), N = "x-menu-item", te = /* @__PURE__ */ S({
+}), T = "x-menu-item", se = /* @__PURE__ */ B({
   name: "XMenuItem",
   __name: "MenuItem",
   props: {
@@ -146,34 +146,45 @@ const q = ["onClick"], Y = /* @__PURE__ */ S({
     icon: {}
   },
   setup(o) {
-    const i = o, e = I("menu"), t = v(() => (e == null ? void 0 : e.activeIndex.value) === i.index), s = v(() => e == null ? void 0 : e.props.collapse), l = v(() => (e == null ? void 0 : e.props.mode) === "horizontal"), p = v(() => [
-      N,
+    const i = o, e = I("menu");
+    L();
+    const s = v(() => (e == null ? void 0 : e.activeIndex.value) === i.index), t = v(() => e == null ? void 0 : e.props.collapse), l = v(() => (e == null ? void 0 : e.props.mode) === "horizontal"), p = v(() => [
+      T,
       {
-        "is-active": t.value,
+        "is-active": s.value,
         "is-disabled": i.disabled,
         "is-horizontal": l.value,
-        "is-collapse": s.value
+        "is-collapse": t.value
       }
-    ]), y = v(() => t.value && (e != null && e.props.activeTextColor) ? { color: e.props.activeTextColor } : {}), C = () => {
+    ]), $ = v(() => s.value && (e != null && e.props.activeTextColor) ? { color: e.props.activeTextColor } : {}), C = () => {
       i.disabled || i.index && (e == null || e.handleSelect(i.index, [i.index]));
     };
-    return ($, n) => (r(), d("li", {
+    return (k, n) => (r(), d("li", {
       class: a(p.value),
-      style: A(y.value),
+      style: A($.value),
       onClick: C
     }, [
-      o.icon ? (r(), d("span", {
-        key: 0,
-        class: a(N + "__icon")
-      }, k(o.icon), 3)) : _("", !0),
-      m("span", {
-        class: a(N + "__text")
+      f("div", {
+        class: a(T + "__content")
       }, [
-        b($.$slots, "default")
+        o.icon ? (r(), d("span", {
+          key: 0,
+          class: a(T + "__icon")
+        }, y(o.icon), 3)) : k.$slots.icon ? (r(), d("span", {
+          key: 1,
+          class: a(T + "__icon")
+        }, [
+          b(k.$slots, "icon")
+        ], 2)) : _("", !0),
+        f("span", {
+          class: a(T + "__text")
+        }, [
+          b(k.$slots, "default")
+        ], 2)
       ], 2)
     ], 6));
   }
-}), K = { class: "x-menu-item-group" }, Q = { class: "x-menu-item-group__title" }, se = /* @__PURE__ */ S({
+}), K = { class: "x-menu-item-group" }, Q = { class: "x-menu-item-group__title" }, te = /* @__PURE__ */ B({
   name: "XMenuItemGroup",
   __name: "MenuItemGroup",
   props: {
@@ -181,13 +192,13 @@ const q = ["onClick"], Y = /* @__PURE__ */ S({
   },
   setup(o) {
     return (i, e) => (r(), d("li", K, [
-      m("div", Q, k(o.title), 1),
-      m("ul", null, [
+      f("div", Q, y(o.title), 1),
+      f("ul", null, [
         b(i.$slots, "default")
       ])
     ]));
   }
-}), z = "x-sub-menu", ae = /* @__PURE__ */ S({
+}), S = "x-sub-menu", ae = /* @__PURE__ */ B({
   name: "XSubMenu",
   __name: "SubMenu",
   props: {
@@ -197,64 +208,84 @@ const q = ["onClick"], Y = /* @__PURE__ */ S({
     icon: {}
   },
   setup(o) {
-    const i = o, e = I("menu"), t = I("subMenu", null), s = M(!1), l = v(() => !!t), p = v(() => e == null ? void 0 : e.props.collapse), y = v(() => (e == null ? void 0 : e.activeIndex.value) === i.index), C = v(() => [
-      z,
-      z + ((e == null ? void 0 : e.props.mode) === "horizontal" ? "--horizontal" : "--vertical"),
+    const i = o, e = I("menu"), s = I("subMenu", null), t = g(!1), l = v(() => !!s), p = v(() => e == null ? void 0 : e.props.collapse), $ = v(() => (e == null ? void 0 : e.activeIndex.value) === i.index), C = v(() => [
+      S,
+      S + ((e == null ? void 0 : e.props.mode) === "horizontal" ? "--horizontal" : "--vertical"),
       {
-        "is-active": y.value,
-        "is-opened": s.value,
+        "is-active": $.value,
+        "is-opened": t.value,
         "is-disabled": i.disabled,
         "is-nested": l.value,
         "is-collapse": p.value
       }
-    ]), $ = () => {
-      i.disabled || p.value || (s.value = !s.value);
+    ]), k = () => {
+      i.disabled || p.value || (t.value = !t.value);
     }, n = () => {
-      i.disabled || ((e == null ? void 0 : e.props.mode) === "horizontal" || p.value) && (s.value = !0);
-    }, f = () => {
-      ((e == null ? void 0 : e.props.mode) === "horizontal" || p.value) && (s.value = !1);
+      i.disabled || ((e == null ? void 0 : e.props.mode) === "horizontal" || p.value) && (t.value = !0);
+    }, m = () => {
+      ((e == null ? void 0 : e.props.mode) === "horizontal" || p.value) && (t.value = !1);
     };
-    return w("subMenu", {
-      isOpen: s,
+    return X("subMenu", {
+      isOpen: t,
       isNested: l
     }), (c, h) => {
-      var x;
+      var z;
       return r(), d("li", {
         class: a(C.value),
         onMouseenter: n,
-        onMouseleave: f
+        onMouseleave: m
       }, [
-        m("div", {
-          class: a(z + "__title"),
-          onClick: $
+        f("div", {
+          class: a(S + "__title"),
+          onClick: k
         }, [
-          o.icon ? (r(), d("span", {
-            key: 0,
-            class: a(z + "__icon")
-          }, k(o.icon), 3)) : _("", !0),
-          m("span", {
-            class: a(z + "__text")
+          f("div", {
+            class: a(S + "__content")
           }, [
-            b(c.$slots, "title", {}, () => [
-              B(k(o.title), 1)
-            ])
-          ], 2),
-          m("span", {
-            class: a([z + "__arrow", { "is-open": s.value }])
-          }, " ▼ ", 2)
+            o.icon ? (r(), d("span", {
+              key: 0,
+              class: a(S + "__icon")
+            }, y(o.icon), 3)) : c.$slots.icon ? (r(), d("span", {
+              key: 1,
+              class: a(S + "__icon")
+            }, [
+              b(c.$slots, "icon")
+            ], 2)) : _("", !0),
+            f("span", {
+              class: a(S + "__text")
+            }, [
+              b(c.$slots, "title", {}, () => [
+                M(y(o.title), 1)
+              ])
+            ], 2),
+            f("span", {
+              class: a([S + "__arrow", { "is-open": t.value }])
+            }, [...h[0] || (h[0] = [
+              f("svg", {
+                viewBox: "0 0 1024 1024",
+                width: "12",
+                height: "12"
+              }, [
+                f("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"
+                })
+              ], -1)
+            ])], 2)
+          ], 2)
         ], 2),
-        L(D, {
-          name: ((x = u(e)) == null ? void 0 : x.props.mode) === "horizontal" ? "zoom-in-top" : "zoom-in-left"
+        H(D, {
+          name: ((z = u(e)) == null ? void 0 : z.props.mode) === "horizontal" ? "zoom-in-top" : "zoom-in-left"
         }, {
           default: F(() => {
-            var T;
+            var w;
             return [
-              O(m("ul", {
-                class: a([z + "__menu", { "is-horizontal": ((T = u(e)) == null ? void 0 : T.props.mode) === "horizontal" }])
+              O(f("ul", {
+                class: a([S + "__menu", { "is-horizontal": ((w = u(e)) == null ? void 0 : w.props.mode) === "horizontal", "is-collapse": p.value }])
               }, [
                 b(c.$slots, "default")
               ], 2), [
-                [E, s.value]
+                [E, t.value]
               ])
             ];
           }),
@@ -263,7 +294,7 @@ const q = ["onClick"], Y = /* @__PURE__ */ S({
       ], 34);
     };
   }
-}), le = /* @__PURE__ */ S({
+}), le = /* @__PURE__ */ B({
   name: "XBreadcrumb",
   __name: "index",
   props: {
@@ -271,24 +302,24 @@ const q = ["onClick"], Y = /* @__PURE__ */ S({
     separatorIcon: {}
   },
   setup(o) {
-    const i = o, e = g("breadcrumb");
-    w("breadcrumb", {
+    const i = o, e = x("breadcrumb");
+    X("breadcrumb", {
       separator: v(() => i.separator),
       separatorIcon: v(() => i.separatorIcon)
     });
-    const t = v(() => [e.b()]);
-    return (s, l) => (r(), d("nav", {
-      class: a(t.value),
+    const s = v(() => [e.b()]);
+    return (t, l) => (r(), d("nav", {
+      class: a(s.value),
       "aria-label": "Breadcrumb"
     }, [
-      m("ol", {
+      f("ol", {
         class: a(u(e).e("list"))
       }, [
-        b(s.$slots, "default")
+        b(t.$slots, "default")
       ], 2)
     ], 2));
   }
-}), R = ["aria-current"], ne = /* @__PURE__ */ S({
+}), R = ["aria-current"], ne = /* @__PURE__ */ B({
   name: "XBreadcrumbItem",
   __name: "BreadcrumbItem",
   props: {
@@ -298,49 +329,49 @@ const q = ["onClick"], Y = /* @__PURE__ */ S({
   },
   emits: ["click"],
   setup(o, { emit: i }) {
-    const e = o, t = i, s = g("breadcrumb"), l = I("breadcrumb"), p = v(() => [
-      s.e("item"),
-      s.is("link", !!e.to && !e.disabled),
-      s.is("disabled", e.disabled)
-    ]), y = v(() => {
+    const e = o, s = i, t = x("breadcrumb"), l = I("breadcrumb"), p = v(() => [
+      t.e("item"),
+      t.is("link", !!e.to && !e.disabled),
+      t.is("disabled", e.disabled)
+    ]), $ = v(() => {
       var n;
       return ((n = l == null ? void 0 : l.separator) == null ? void 0 : n.value) || "/";
     }), C = v(() => {
       var n;
       return (n = l == null ? void 0 : l.separatorIcon) == null ? void 0 : n.value;
-    }), $ = (n) => {
-      e.disabled || (t("click", n), e.to && typeof e.to == "string" && (e.replace ? window.location.replace(e.to) : window.location.href = e.to));
+    }), k = (n) => {
+      e.disabled || (s("click", n), e.to && typeof e.to == "string" && (e.replace ? window.location.replace(e.to) : window.location.href = e.to));
     };
-    return (n, f) => (r(), d("li", {
+    return (n, m) => (r(), d("li", {
       class: a(p.value)
     }, [
       o.to && !o.disabled ? (r(), d("span", {
         key: 0,
-        class: a(u(s).e("link")),
-        onClick: $
+        class: a(u(t).e("link")),
+        onClick: k
       }, [
         b(n.$slots, "default")
       ], 2)) : (r(), d("span", {
         key: 1,
-        class: a(u(s).e("text")),
+        class: a(u(t).e("text")),
         "aria-current": o.disabled ? "page" : void 0
       }, [
         b(n.$slots, "default")
       ], 10, R)),
-      m("span", {
-        class: a(u(s).e("separator")),
+      f("span", {
+        class: a(u(t).e("separator")),
         "aria-hidden": "true"
       }, [
         C.value ? (r(), d("span", {
           key: 0,
-          class: a(u(s).e("separator-icon"))
-        }, k(C.value), 3)) : (r(), d(V, { key: 1 }, [
-          B(k(y.value), 1)
+          class: a(u(t).e("separator-icon"))
+        }, y(C.value), 3)) : (r(), d(V, { key: 1 }, [
+          M(y($.value), 1)
         ], 64))
       ], 2)
     ], 2));
   }
-}), oe = /* @__PURE__ */ S({
+}), oe = /* @__PURE__ */ B({
   name: "XSteps",
   __name: "index",
   props: {
@@ -354,36 +385,36 @@ const q = ["onClick"], Y = /* @__PURE__ */ S({
   },
   emits: ["change", "update:active"],
   setup(o, { emit: i }) {
-    const e = o, t = i, s = g("steps"), l = M(e.active), p = M(0);
-    X(() => e.active, (f) => {
-      l.value = f;
-    }), w("steps", {
+    const e = o, s = i, t = x("steps"), l = g(e.active), p = g(0);
+    N(() => e.active, (m) => {
+      l.value = m;
+    }), X("steps", {
       props: e,
       currentActive: l,
       stepCount: p,
-      setCurrentActive: (f) => {
-        l.value = f, t("change", f), t("update:active", f);
+      setCurrentActive: (m) => {
+        l.value = m, s("change", m), s("update:active", m);
       },
-      setStepCount: (f) => {
-        p.value = f;
+      setStepCount: (m) => {
+        p.value = m;
       }
     });
-    const $ = v(() => [
-      s.b(),
-      s.m(e.direction),
-      s.is("simple", e.simple),
-      s.is("center", e.alignCenter)
+    const k = v(() => [
+      t.b(),
+      t.m(e.direction),
+      t.is("simple", e.simple),
+      t.is("center", e.alignCenter)
     ]), n = v(() => e.space ? {
       "--steps-space": typeof e.space == "number" ? `${e.space}px` : e.space
     } : {});
-    return (f, c) => (r(), d("div", {
-      class: a($.value),
+    return (m, c) => (r(), d("div", {
+      class: a(k.value),
       style: A(n.value)
     }, [
-      b(f.$slots, "default")
+      b(m.$slots, "default")
     ], 6));
   }
-}), ce = /* @__PURE__ */ S({
+}), ce = /* @__PURE__ */ B({
   name: "XStep",
   __name: "Step",
   props: {
@@ -393,19 +424,19 @@ const q = ["onClick"], Y = /* @__PURE__ */ S({
     status: {}
   },
   setup(o) {
-    const i = o, e = g("step"), t = I("steps"), s = M(-1);
+    const i = o, e = x("step"), s = I("steps"), t = g(-1);
     j(() => {
-      t && (s.value = t.stepCount.value, t.setStepCount(t.stepCount.value + 1));
+      s && (t.value = s.stepCount.value, s.setStepCount(s.stepCount.value + 1));
     });
     const l = v(() => {
-      var f, c, h;
+      var m, c, h;
       if (i.status) return i.status;
-      const n = ((f = t == null ? void 0 : t.currentActive) == null ? void 0 : f.value) ?? 0;
-      return s.value < n ? ((c = t == null ? void 0 : t.props) == null ? void 0 : c.finishStatus) || "finish" : s.value === n ? ((h = t == null ? void 0 : t.props) == null ? void 0 : h.processStatus) || "process" : "wait";
+      const n = ((m = s == null ? void 0 : s.currentActive) == null ? void 0 : m.value) ?? 0;
+      return t.value < n ? ((c = s == null ? void 0 : s.props) == null ? void 0 : c.finishStatus) || "finish" : t.value === n ? ((h = s == null ? void 0 : s.props) == null ? void 0 : h.processStatus) || "process" : "wait";
     }), p = v(() => {
       var n;
-      return s.value === (((n = t == null ? void 0 : t.stepCount) == null ? void 0 : n.value) || 0) - 1;
-    }), y = v(() => s.value === 0);
+      return t.value === (((n = s == null ? void 0 : s.stepCount) == null ? void 0 : n.value) || 0) - 1;
+    }), $ = v(() => t.value === 0);
     v(() => ({
       wait: "#c0c4cc",
       process: "#409eff",
@@ -419,39 +450,39 @@ const q = ["onClick"], Y = /* @__PURE__ */ S({
         e.b(),
         e.is(l.value),
         e.is("last", p.value),
-        e.m(((n = t == null ? void 0 : t.props) == null ? void 0 : n.direction) || "horizontal")
+        e.m(((n = s == null ? void 0 : s.props) == null ? void 0 : n.direction) || "horizontal")
       ];
-    }), $ = () => {
+    }), k = () => {
       var n;
-      s.value > -1 && ((n = t == null ? void 0 : t.setCurrentActive) == null || n.call(t, s.value));
+      t.value > -1 && ((n = s == null ? void 0 : s.setCurrentActive) == null || n.call(s, t.value));
     };
-    return (n, f) => (r(), d("div", {
+    return (n, m) => (r(), d("div", {
       class: a(C.value),
-      onClick: $
+      onClick: k
     }, [
-      m("div", {
+      f("div", {
         class: a(u(e).e("head"))
       }, [
-        y.value ? _("", !0) : (r(), d("div", {
+        $.value ? _("", !0) : (r(), d("div", {
           key: 0,
           class: a([u(e).e("line"), u(e).em("line", "prev")])
         }, null, 2)),
-        m("div", {
+        f("div", {
           class: a(u(e).e("icon"))
         }, [
           o.icon ? (r(), d("span", {
             key: 0,
             class: a(u(e).e("icon-inner"))
-          }, k(o.icon), 3)) : (r(), d("span", {
+          }, y(o.icon), 3)) : (r(), d("span", {
             key: 1,
             class: a(u(e).e("icon-inner"))
           }, [
             l.value === "finish" || l.value === "success" ? (r(), d(V, { key: 0 }, [
-              B("✓")
+              M("✓")
             ], 64)) : l.value === "error" ? (r(), d(V, { key: 1 }, [
-              B("✕")
+              M("✕")
             ], 64)) : (r(), d(V, { key: 2 }, [
-              B(k(s.value + 1), 1)
+              M(y(t.value + 1), 1)
             ], 64))
           ], 2))
         ], 2),
@@ -460,14 +491,14 @@ const q = ["onClick"], Y = /* @__PURE__ */ S({
           class: a(u(e).e("line"))
         }, null, 2))
       ], 2),
-      m("div", {
+      f("div", {
         class: a(u(e).e("content"))
       }, [
-        m("div", {
+        f("div", {
           class: a(u(e).e("title"))
         }, [
           b(n.$slots, "title", {}, () => [
-            B(k(o.title), 1)
+            M(y(o.title), 1)
           ])
         ], 2),
         o.description || n.$slots.description ? (r(), d("div", {
@@ -475,13 +506,13 @@ const q = ["onClick"], Y = /* @__PURE__ */ S({
           class: a(u(e).e("description"))
         }, [
           b(n.$slots, "description", {}, () => [
-            B(k(o.description), 1)
+            M(y(o.description), 1)
           ])
         ], 2)) : _("", !0)
       ], 2)
     ], 2));
   }
-}), ie = /* @__PURE__ */ S({
+}), ie = /* @__PURE__ */ B({
   name: "XPageHeader",
   __name: "index",
   props: {
@@ -492,62 +523,62 @@ const q = ["onClick"], Y = /* @__PURE__ */ S({
   },
   emits: ["back"],
   setup(o, { emit: i }) {
-    const e = i, t = g("page-header"), s = () => {
+    const e = i, s = x("page-header"), t = () => {
       e("back");
     };
     return (l, p) => (r(), d("div", {
-      class: a(u(t).b())
+      class: a(u(s).b())
     }, [
-      m("div", {
-        class: a(u(t).e("main"))
+      f("div", {
+        class: a(u(s).e("main"))
       }, [
-        m("div", {
-          class: a(u(t).e("left"))
+        f("div", {
+          class: a(u(s).e("left"))
         }, [
           o.showBack ? (r(), d("span", {
             key: 0,
-            class: a(u(t).e("back")),
-            onClick: s
+            class: a(u(s).e("back")),
+            onClick: t
           }, [
-            m("span", {
-              class: a(u(t).e("back-icon"))
+            f("span", {
+              class: a(u(s).e("back-icon"))
             }, "←", 2),
             o.backText ? (r(), d("span", {
               key: 0,
-              class: a(u(t).e("back-text"))
-            }, k(o.backText), 3)) : _("", !0)
+              class: a(u(s).e("back-text"))
+            }, y(o.backText), 3)) : _("", !0)
           ], 2)) : _("", !0),
-          m("span", {
-            class: a(u(t).e("title"))
+          f("span", {
+            class: a(u(s).e("title"))
           }, [
             b(l.$slots, "title", {}, () => [
-              B(k(o.title), 1)
+              M(y(o.title), 1)
             ])
           ], 2),
           o.subtitle || l.$slots.subtitle ? (r(), d("span", {
             key: 1,
-            class: a(u(t).e("subtitle"))
+            class: a(u(s).e("subtitle"))
           }, [
             b(l.$slots, "subtitle", {}, () => [
-              B(k(o.subtitle), 1)
+              M(y(o.subtitle), 1)
             ])
           ], 2)) : _("", !0)
         ], 2),
-        m("div", {
-          class: a(u(t).e("extra"))
+        f("div", {
+          class: a(u(s).e("extra"))
         }, [
           b(l.$slots, "extra")
         ], 2)
       ], 2),
       l.$slots.default ? (r(), d("div", {
         key: 0,
-        class: a(u(t).e("content"))
+        class: a(u(s).e("content"))
       }, [
         b(l.$slots, "default")
       ], 2)) : _("", !0),
       l.$slots.footer ? (r(), d("div", {
         key: 1,
-        class: a(u(t).e("footer"))
+        class: a(u(s).e("footer"))
       }, [
         b(l.$slots, "footer")
       ], 2)) : _("", !0)
@@ -558,8 +589,8 @@ export {
   le as Breadcrumb,
   ne as BreadcrumbItem,
   ee as Menu,
-  te as MenuItem,
-  se as MenuItemGroup,
+  se as MenuItem,
+  te as MenuItemGroup,
   ie as PageHeader,
   ce as Step,
   oe as Steps,

package/es/style.css

@@ -1 +1 @@
-.x-tabs__header{position:relative}.x-tabs__nav{display:flex;border-bottom:2px solid #e4e7ed}.x-tabs__item{padding:0 20px;height:40px;line-height:40px;font-size:14px;color:#606266;cursor:pointer;transition:color .2s;position:relative}.x-tabs__item:hover{color:#409eff}.x-tabs__item--active{color:#409eff;font-weight:500}.x-tabs__item--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#409eff}.x-tabs__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-tabs__item.is-disabled:hover{color:#c0c4cc}.x-tabs__content{padding:20px 0}.x-tabs--card .x-tabs__nav{border-bottom:none}.x-tabs--card .x-tabs__item{border:1px solid #e4e7ed;border-bottom:none;margin-right:-1px;padding:0 16px}.x-tabs--card .x-tabs__item--active{background-color:#fff;border-bottom:1px solid #fff}.x-tab-pane{padding:20px;outline:none}.x-menu{list-style:none;margin:0;padding:0;position:relative;font-size:14px;box-sizing:border-box}.x-menu--vertical{display:block;width:220px;min-height:100%;border-right:1px solid #e6e6e6;transition:width .3s ease}.x-menu--vertical>.x-menu-item,.x-menu--vertical>.x-sub-menu{display:block;width:100%}.x-menu--horizontal{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:100%;border-bottom:1px solid #e6e6e6}.x-menu--horizontal>.x-menu-item,.x-menu--horizontal>.x-sub-menu{flex:0 0 auto}.x-menu.is-collapse{width:64px}.x-menu.is-collapse>.x-menu-item{height:48px;line-height:48px;padding:0;text-align:center}.x-menu.is-collapse>.x-menu-item .x-menu-item__text{display:none}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title{height:48px;line-height:48px;padding:0;text-align:center;justify-content:center}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__text,.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__arrow{display:none}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__icon{margin-right:0}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu{position:absolute;left:64px;top:0;width:180px;box-shadow:0 2px 12px #0000001a;border-radius:4px;z-index:100}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item{height:56px;line-height:56px;padding:0 20px;text-align:left}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item .x-menu-item__text{display:inline}.x-menu.is-dark{background-color:#1f2d3d;border-color:#1f2d3d;color:#bfcbd9}.x-menu.is-dark .x-menu-item,.x-menu.is-dark .x-sub-menu__title{color:#bfcbd9}.x-menu.is-dark .x-menu-item:hover,.x-menu.is-dark .x-sub-menu__title:hover{background-color:#263445}.x-menu.is-dark .x-menu-item.is-active{color:#409eff;background-color:#263445}.x-menu.is-dark .x-sub-menu__menu{background-color:#1f2d3d}.x-menu-item{list-style:none;margin:0;padding:0 20px;cursor:pointer;transition:all .3s ease;height:50px;line-height:50px;color:#303133;position:relative;white-space:nowrap;box-sizing:border-box}.x-menu-item__icon{margin-right:8px;font-size:18px}.x-menu-item__text{vertical-align:middle}.x-menu-item:hover{background-color:#f0f7ff}.x-menu-item.is-active{color:#409eff;background-color:#ecf5ff}.x-menu-item.is-active:not(.is-horizontal):before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#409eff}.x-menu-item.is-collapse{padding:0;height:48px;line-height:48px;text-align:center}.x-menu-item.is-collapse .x-menu-item__icon{margin-right:0;font-size:20px}.x-menu-item.is-collapse .x-menu-item__text{display:none}.x-menu-item.is-horizontal{display:inline-block;height:56px;line-height:56px}.x-menu-item.is-horizontal:hover{background-color:transparent}.x-menu-item.is-horizontal.is-active{background-color:transparent;border-bottom:2px solid #409eff}.x-menu-item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-menu-item.is-disabled:hover{background-color:transparent}.x-menu-item-group{list-style:none}.x-menu-item-group__title{padding:20px 20px 10px;font-size:13px;color:#909399;line-height:1}.x-menu-item-group>ul{padding:0}.x-sub-menu{list-style:none;margin:0;padding:0;position:relative}.x-sub-menu__title{display:flex;align-items:center;cursor:pointer;transition:all .3s ease;color:#303133}.x-sub-menu__icon{margin-right:8px;font-size:18px}.x-sub-menu__text{flex:1}.x-sub-menu__arrow{font-size:12px;transition:transform .3s;color:#909399;margin-left:4px}.x-sub-menu__arrow.is-open{transform:rotate(180deg)}.x-sub-menu__menu{list-style:none;margin:0;padding:0;background-color:#fff}.x-sub-menu--vertical{display:block;width:100%}.x-sub-menu--vertical .x-sub-menu__title{height:50px;line-height:50px;padding:0 20px}.x-sub-menu--vertical .x-sub-menu__title:hover{background-color:#f0f7ff}.x-sub-menu--vertical .x-sub-menu__menu{min-width:200px;border-right:none}.x-sub-menu--vertical .x-sub-menu__menu .x-menu-item{padding-left:40px}.x-sub-menu--vertical.is-nested .x-sub-menu__menu{position:absolute;left:100%;top:0;box-shadow:0 2px 12px #0000001a;border-radius:4px}.x-sub-menu--horizontal{display:inline-block;height:56px}.x-sub-menu--horizontal .x-sub-menu__title{height:56px;line-height:56px;padding:0 20px}.x-sub-menu--horizontal .x-sub-menu__title:hover{background-color:transparent}.x-sub-menu--horizontal .x-sub-menu__menu{position:absolute;top:100%;left:0;min-width:180px;box-shadow:0 2px 12px #0000001a;border-radius:4px;z-index:100}.x-sub-menu--horizontal .x-sub-menu__menu .x-menu-item{display:block;height:50px;line-height:50px;padding-left:20px}.x-sub-menu--horizontal .x-sub-menu__menu .x-menu-item.is-active:before{display:none}.x-sub-menu.is-collapse>.x-sub-menu__title{height:48px;line-height:48px;padding:0;text-align:center;justify-content:center}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__text,.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__arrow{display:none}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon{margin-right:0;font-size:20px}.x-sub-menu.is-collapse>.x-sub-menu__menu{position:absolute;left:64px;top:0;width:180px;box-shadow:0 2px 12px #0000001a;border-radius:4px;z-index:100}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item{height:50px;line-height:50px;padding:0 20px;text-align:left}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item .x-menu-item__text{display:inline}.x-sub-menu.is-active>.x-sub-menu__title{color:#409eff}.x-sub-menu.is-disabled .x-sub-menu__title{color:#c0c4cc;cursor:not-allowed}.x-sub-menu.is-opened>.x-sub-menu__title{background-color:#f0f7ff}.zoom-in-top-enter-active,.zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.zoom-in-top-enter-from,.zoom-in-top-leave-to{opacity:0;transform:scaleY(0)}.zoom-in-left-enter-active,.zoom-in-left-leave-active{opacity:1;transition:opacity .2s}.zoom-in-left-enter-from,.zoom-in-left-leave-to{opacity:0}.x-breadcrumb{font-size:14px;line-height:1}.x-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}.x-breadcrumb__item{display:inline-flex;align-items:center;color:#606266}.x-breadcrumb__item:last-child .x-breadcrumb__separator{display:none}.x-breadcrumb__item:last-child .x-breadcrumb__text{font-weight:500;color:#303133}.x-breadcrumb__link,.x-breadcrumb__text{display:inline-flex;align-items:center}.x-breadcrumb__link{cursor:pointer;transition:color .2s}.x-breadcrumb__link:hover{color:#409eff}.x-breadcrumb__text{color:inherit}.x-breadcrumb__separator{margin:0 8px;color:#c0c4cc;font-size:12px;-webkit-user-select:none;user-select:none}.x-breadcrumb__separator-icon{font-size:14px}.x-breadcrumb__item.is-disabled .x-breadcrumb__link,.x-breadcrumb__item.is-disabled .x-breadcrumb__text{color:#c0c4cc;cursor:not-allowed}.x-steps{display:flex;width:100%;font-size:14px}.x-steps--horizontal{flex-direction:row;align-items:flex-start}.x-steps--horizontal.is-center{align-items:center}.x-steps--vertical{flex-direction:column;min-height:300px}.x-steps.is-simple{display:flex;align-items:center;padding:12px 16px;background:#fafafa;border-radius:4px}.x-step{position:relative;flex:1;cursor:pointer}.x-step--horizontal{display:flex;flex-direction:column;align-items:center}.x-step--horizontal .x-step__head{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.x-step--horizontal .x-step__icon{position:relative;z-index:1}.x-step--horizontal .x-step__line{flex:1;height:2px;background-color:#e4e7ed;transition:background-color .3s;min-width:20px}.x-step--horizontal .x-step__content{margin-top:10px;text-align:center;padding:0 4px}.x-step--vertical{display:flex;flex-direction:row}.x-step--vertical .x-step__head{display:flex;flex-direction:column;align-items:center;position:relative}.x-step--vertical .x-step__line{width:2px;height:32px;background-color:#e4e7ed;transition:background-color .3s}.x-step--vertical .x-step__content{margin-left:12px;flex:1;padding-bottom:24px}.x-step__head{display:flex;align-items:center}.x-step__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;border:2px solid #c0c4cc;color:#c0c4cc;flex-shrink:0;transition:all .3s;box-sizing:border-box}.x-step__icon-inner{font-size:13px;font-weight:600;color:inherit}.x-step__content{width:100%}.x-step__title{font-size:14px;font-weight:500;color:#303133;line-height:1.5}.x-step__description{font-size:12px;color:#909399;margin-top:4px;line-height:1.5}.x-step.is-wait .x-step__icon{border-color:#c0c4cc;color:#c0c4cc}.x-step.is-wait .x-step__title{color:#c0c4cc}.x-step.is-process .x-step__icon{border-color:#409eff;background-color:#409eff;color:#fff}.x-step.is-process .x-step__title{color:#303133;font-weight:600}.x-step.is-finish .x-step__icon{border-color:#67c23a;background-color:#67c23a;color:#fff}.x-step.is-finish .x-step__title{color:#303133}.x-step.is-finish .x-step__line{background-color:#67c23a}.x-step.is-success .x-step__icon{border-color:#67c23a;background-color:#67c23a;color:#fff}.x-step.is-success .x-step__title{color:#67c23a}.x-step.is-success .x-step__line{background-color:#67c23a}.x-step.is-error .x-step__icon{border-color:#f56c6c;background-color:#f56c6c;color:#fff}.x-step.is-error .x-step__title{color:#f56c6c}.x-page-header{padding:16px 0}.x-page-header__main{display:flex;align-items:center;justify-content:space-between;line-height:28px}.x-page-header__left{display:flex;align-items:center;flex:1;min-width:0}.x-page-header__back{display:inline-flex;align-items:center;margin-right:16px;font-size:14px;color:#606266;cursor:pointer;transition:color .2s}.x-page-header__back:hover{color:#409eff}.x-page-header__back-icon{font-size:16px}.x-page-header__back-text{margin-left:4px}.x-page-header__title{font-size:20px;font-weight:600;color:#303133}.x-page-header__subtitle{margin-left:12px;font-size:14px;font-weight:400;color:#909399}.x-page-header__extra{flex-shrink:0;display:flex;align-items:center;gap:8px}.x-page-header__content{margin-top:16px}.x-page-header__footer{margin-top:16px;padding-top:16px;border-top:1px solid #ebeef5}
+.x-tabs__header{position:relative}.x-tabs__nav{display:flex;border-bottom:2px solid #e4e7ed}.x-tabs__item{padding:0 20px;height:40px;line-height:40px;font-size:14px;color:#606266;cursor:pointer;transition:color .2s;position:relative}.x-tabs__item:hover{color:#409eff}.x-tabs__item--active{color:#409eff;font-weight:500}.x-tabs__item--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#409eff}.x-tabs__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-tabs__item.is-disabled:hover{color:#c0c4cc}.x-tabs__content{padding:20px 0}.x-tabs--card .x-tabs__nav{border-bottom:none}.x-tabs--card .x-tabs__item{border:1px solid #e4e7ed;border-bottom:none;margin-right:-1px;padding:0 16px}.x-tabs--card .x-tabs__item--active{background-color:#fff;border-bottom:1px solid #fff}.x-tab-pane{padding:20px;outline:none}.x-menu{list-style:none;margin:0;padding:0;position:relative;font-size:14px;box-sizing:border-box}.x-menu--vertical{display:block;width:220px;min-height:100%;border-right:1px solid #e6e6e6;transition:width .3s ease,background-color .3s ease}.x-menu--vertical>.x-menu-item,.x-menu--vertical>.x-sub-menu{display:block;width:100%}.x-menu--horizontal{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:100%;border-bottom:1px solid #e6e6e6}.x-menu--horizontal>.x-menu-item,.x-menu--horizontal>.x-sub-menu{flex:0 0 auto}.x-menu.is-collapse{width:64px!important;min-width:64px}.x-menu.is-collapse>.x-menu-item{height:56px;line-height:56px;padding:0 20px;text-align:center}.x-menu.is-collapse>.x-menu-item .x-menu-item__content{justify-content:center}.x-menu.is-collapse>.x-menu-item .x-menu-item__text{display:none}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title{height:56px;line-height:56px;padding:0 20px;text-align:center;justify-content:center}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__content{justify-content:center}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__text,.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__arrow{display:none}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu{position:absolute;left:64px;top:0;min-width:180px;background-color:#fff;box-shadow:0 2px 12px #0000001f;border-radius:4px;z-index:100;border:1px solid #e4e7ed}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item{height:50px;line-height:50px;padding:0 20px;text-align:left}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item .x-menu-item__content{justify-content:flex-start}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item .x-menu-item__text{display:inline}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__text{display:inline}.x-menu.is-dark{background-color:#1f2d3d;border-color:#1f2d3d;color:#bfcbd9}.x-menu.is-dark .x-menu-item,.x-menu.is-dark .x-sub-menu__title{color:#bfcbd9}.x-menu.is-dark .x-menu-item:hover,.x-menu.is-dark .x-sub-menu__title:hover{background-color:#263445}.x-menu.is-dark .x-menu-item.is-active{color:#409eff;background-color:#263445}.x-menu.is-dark .x-sub-menu__menu{background-color:#1f2d3d;border-color:#1f2d3d}.x-menu-item{list-style:none;margin:0;padding:0 20px;cursor:pointer;transition:all .3s ease;height:56px;line-height:56px;color:#303133;position:relative;white-space:nowrap;box-sizing:border-box}.x-menu-item__content{display:flex;align-items:center;height:100%}.x-menu-item__icon{margin-right:8px;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.x-menu-item__icon svg,.x-menu-item__icon i{font-size:18px}.x-menu-item__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s ease}.x-menu-item:hover{background-color:#f0f7ff}.x-menu-item.is-active{color:#409eff;background-color:#ecf5ff}.x-menu-item.is-active:not(.is-horizontal):before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#409eff;border-radius:0 2px 2px 0}.x-menu-item.is-collapse{padding:0;text-align:center}.x-menu-item.is-collapse .x-menu-item__content{justify-content:center;padding:0}.x-menu-item.is-collapse .x-menu-item__icon{margin-right:0;font-size:20px}.x-menu-item.is-collapse .x-menu-item__icon svg,.x-menu-item.is-collapse .x-menu-item__icon i{font-size:20px}.x-menu-item.is-collapse .x-menu-item__text{opacity:0;width:0;overflow:hidden}.x-menu-item.is-horizontal{display:inline-block;height:56px;line-height:56px}.x-menu-item.is-horizontal:hover{background-color:transparent}.x-menu-item.is-horizontal.is-active{background-color:transparent;border-bottom:2px solid #409eff}.x-menu-item.is-horizontal.is-active:before{display:none}.x-menu-item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-menu-item.is-disabled:hover{background-color:transparent}.x-menu-item-group{list-style:none}.x-menu-item-group__title{padding:20px 20px 10px;font-size:13px;color:#909399;line-height:1}.x-menu-item-group>ul{padding:0}.x-sub-menu{list-style:none;margin:0;padding:0;position:relative}.x-sub-menu__title{display:flex;align-items:center;cursor:pointer;transition:all .3s ease;color:#303133;height:100%}.x-sub-menu__content{display:flex;align-items:center;width:100%;height:100%}.x-sub-menu__icon{margin-right:8px;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.x-sub-menu__icon svg,.x-sub-menu__icon i{font-size:18px}.x-sub-menu__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s ease}.x-sub-menu__arrow{font-size:12px;transition:transform .3s ease;color:#909399;margin-left:4px;display:flex;align-items:center}.x-sub-menu__arrow svg{transition:transform .3s ease}.x-sub-menu__arrow.is-open svg{transform:rotate(180deg)}.x-sub-menu__menu{list-style:none;margin:0;padding:0;background-color:#fff}.x-sub-menu__menu.is-collapse{border:1px solid #e4e7ed;border-radius:4px}.x-sub-menu--vertical{display:block;width:100%}.x-sub-menu--vertical .x-sub-menu__title{height:56px;line-height:56px;padding:0 20px}.x-sub-menu--vertical .x-sub-menu__title:hover{background-color:#f0f7ff}.x-sub-menu--vertical .x-sub-menu__menu{min-width:200px;border-right:none}.x-sub-menu--vertical .x-sub-menu__menu .x-menu-item,.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__title{padding-left:40px}.x-sub-menu--vertical.is-nested .x-sub-menu__menu{position:absolute;left:100%;top:0;box-shadow:0 2px 12px #0000001f;border-radius:4px;border:1px solid #e4e7ed}.x-sub-menu--horizontal{display:inline-block;height:56px}.x-sub-menu--horizontal .x-sub-menu__title{height:56px;line-height:56px;padding:0 20px}.x-sub-menu--horizontal .x-sub-menu__title:hover{background-color:transparent}.x-sub-menu--horizontal .x-sub-menu__menu{position:absolute;top:100%;left:0;min-width:180px;box-shadow:0 2px 12px #0000001f;border-radius:4px;z-index:100;border:1px solid #e4e7ed}.x-sub-menu--horizontal .x-sub-menu__menu .x-menu-item{display:block;height:50px;line-height:50px;padding-left:20px}.x-sub-menu--horizontal .x-sub-menu__menu .x-menu-item.is-active:before{display:none}.x-sub-menu.is-collapse>.x-sub-menu__title{height:56px;line-height:56px;padding:0 20px;text-align:center}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__content{justify-content:center}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__text,.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__arrow{display:none}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon{margin-right:0;font-size:20px}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon svg,.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon i{font-size:20px}.x-sub-menu.is-collapse>.x-sub-menu__menu{position:absolute;left:64px;top:0;min-width:180px;box-shadow:0 2px 12px #0000001f;border-radius:4px;z-index:100;border:1px solid #e4e7ed;background-color:#fff}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item{height:50px;line-height:50px;padding:0 20px;text-align:left}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item .x-menu-item__content{justify-content:flex-start}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item .x-menu-item__text{display:inline;opacity:1;width:auto}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title{padding:0 20px}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__text{display:inline;opacity:1}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__arrow{display:flex}.x-sub-menu.is-active>.x-sub-menu__title{color:#409eff}.x-sub-menu.is-disabled .x-sub-menu__title{color:#c0c4cc;cursor:not-allowed}.x-sub-menu.is-opened>.x-sub-menu__title{background-color:#f0f7ff}.zoom-in-top-enter-active,.zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.zoom-in-top-enter-from,.zoom-in-top-leave-to{opacity:0;transform:scaleY(0)}.zoom-in-left-enter-active,.zoom-in-left-leave-active{opacity:1;transition:opacity .2s ease,transform .2s ease;transform:translate(0)}.zoom-in-left-enter-from,.zoom-in-left-leave-to{opacity:0;transform:translate(-10px)}.x-breadcrumb{font-size:14px;line-height:1}.x-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}.x-breadcrumb__item{display:inline-flex;align-items:center;color:#606266}.x-breadcrumb__item:last-child .x-breadcrumb__separator{display:none}.x-breadcrumb__item:last-child .x-breadcrumb__text{font-weight:500;color:#303133}.x-breadcrumb__link,.x-breadcrumb__text{display:inline-flex;align-items:center}.x-breadcrumb__link{cursor:pointer;transition:color .2s}.x-breadcrumb__link:hover{color:#409eff}.x-breadcrumb__text{color:inherit}.x-breadcrumb__separator{margin:0 8px;color:#c0c4cc;font-size:12px;-webkit-user-select:none;user-select:none}.x-breadcrumb__separator-icon{font-size:14px}.x-breadcrumb__item.is-disabled .x-breadcrumb__link,.x-breadcrumb__item.is-disabled .x-breadcrumb__text{color:#c0c4cc;cursor:not-allowed}.x-steps{display:flex;width:100%;font-size:14px}.x-steps--horizontal{flex-direction:row;align-items:flex-start}.x-steps--horizontal.is-center{align-items:center}.x-steps--vertical{flex-direction:column;min-height:300px}.x-steps.is-simple{display:flex;align-items:center;padding:12px 16px;background:#fafafa;border-radius:4px}.x-step{position:relative;flex:1;cursor:pointer}.x-step--horizontal{display:flex;flex-direction:column;align-items:center}.x-step--horizontal .x-step__head{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.x-step--horizontal .x-step__icon{position:relative;z-index:1}.x-step--horizontal .x-step__line{flex:1;height:2px;background-color:#e4e7ed;transition:background-color .3s;min-width:20px}.x-step--horizontal .x-step__content{margin-top:10px;text-align:center;padding:0 4px}.x-step--vertical{display:flex;flex-direction:row}.x-step--vertical .x-step__head{display:flex;flex-direction:column;align-items:center;position:relative}.x-step--vertical .x-step__line{width:2px;height:32px;background-color:#e4e7ed;transition:background-color .3s}.x-step--vertical .x-step__content{margin-left:12px;flex:1;padding-bottom:24px}.x-step__head{display:flex;align-items:center}.x-step__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;border:2px solid #c0c4cc;color:#c0c4cc;flex-shrink:0;transition:all .3s;box-sizing:border-box}.x-step__icon-inner{font-size:13px;font-weight:600;color:inherit}.x-step__content{width:100%}.x-step__title{font-size:14px;font-weight:500;color:#303133;line-height:1.5}.x-step__description{font-size:12px;color:#909399;margin-top:4px;line-height:1.5}.x-step.is-wait .x-step__icon{border-color:#c0c4cc;color:#c0c4cc}.x-step.is-wait .x-step__title{color:#c0c4cc}.x-step.is-process .x-step__icon{border-color:#409eff;background-color:#409eff;color:#fff}.x-step.is-process .x-step__title{color:#303133;font-weight:600}.x-step.is-finish .x-step__icon{border-color:#67c23a;background-color:#67c23a;color:#fff}.x-step.is-finish .x-step__title{color:#303133}.x-step.is-finish .x-step__line{background-color:#67c23a}.x-step.is-success .x-step__icon{border-color:#67c23a;background-color:#67c23a;color:#fff}.x-step.is-success .x-step__title{color:#67c23a}.x-step.is-success .x-step__line{background-color:#67c23a}.x-step.is-error .x-step__icon{border-color:#f56c6c;background-color:#f56c6c;color:#fff}.x-step.is-error .x-step__title{color:#f56c6c}.x-page-header{padding:16px 0}.x-page-header__main{display:flex;align-items:center;justify-content:space-between;line-height:28px}.x-page-header__left{display:flex;align-items:center;flex:1;min-width:0}.x-page-header__back{display:inline-flex;align-items:center;margin-right:16px;font-size:14px;color:#606266;cursor:pointer;transition:color .2s}.x-page-header__back:hover{color:#409eff}.x-page-header__back-icon{font-size:16px}.x-page-header__back-text{margin-left:4px}.x-page-header__title{font-size:20px;font-weight:600;color:#303133}.x-page-header__subtitle{margin-left:12px;font-size:14px;font-weight:400;color:#909399}.x-page-header__extra{flex-shrink:0;display:flex;align-items:center;gap:8px}.x-page-header__content{margin-top:16px}.x-page-header__footer{margin-top:16px;padding-top:16px;border-top:1px solid #ebeef5}

package/lib/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("@xto/core"),z=["onClick"],h=e.defineComponent({name:"XTabs",__name:"index",props:{modelValue:{default:""},type:{default:"line"},tabPosition:{default:"top"},addable:{type:Boolean,default:!1},closable:{type:Boolean,default:!1}},emits:["update:modelValue","tabClick","edit"],setup(s,{emit:r}){const t=s,a=r,l=C.useNamespace("tabs"),o=e.useSlots(),i=e.ref(t.modelValue);e.watch(()=>t.modelValue,n=>{i.value=n});const d=(n,u)=>{i.value=n,a("update:modelValue",n)};e.provide("tabs",{props:t,activeName:i,handleTabClick:d});const m=e.computed(()=>[l.b(),l.m(t.type),l.is(`position-${t.tabPosition}`)]),f=e.computed(()=>{var u;return(((u=o.default)==null?void 0:u.call(o))||[]).filter(c=>c.type&&c.type.name==="XTabPane").map(c=>{var p,v,B,y;return{name:((p=c.props)==null?void 0:p.name)||((v=c.props)==null?void 0:v.label),label:(B=c.props)==null?void 0:B.label,disabled:((y=c.props)==null?void 0:y.disabled)===!0}})});return(n,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(m.value)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("nav"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,c=>(e.openBlock(),e.createElementBlock("div",{key:c.name,class:e.normalizeClass([e.unref(l).e("item"),e.unref(l).em("item",i.value===c.name?"active":""),e.unref(l).is("disabled",c.disabled)]),onClick:p=>c.disabled?null:d(c.name)},e.toDisplayString(c.label),11,z))),128))],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("content"))},[e.renderSlot(n.$slots,"default")],2)],2))}}),S={class:"x-tab-pane",role:"tabpanel"},E=e.defineComponent({name:"XTabPane",__name:"TabPane",props:{label:{},name:{},disabled:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1}},setup(s){const r=s,t=e.inject("tabs"),a=e.ref(!1),l=e.computed(()=>r.name||r.label),o=e.computed(()=>(t==null?void 0:t.activeName.value)===l.value);return e.watch(()=>t==null?void 0:t.activeName.value,()=>{o.value&&r.lazy&&!a.value&&(a.value=!0)},{immediate:!0}),o.value&&r.lazy&&(a.value=!0),(i,d)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",S,[a.value||!s.lazy?e.renderSlot(i.$slots,"default",{key:0}):e.createCommentVNode("",!0)],512)),[[e.vShow,o.value]])}}),N=e.defineComponent({name:"XMenu",__name:"index",props:{modelValue:{default:""},mode:{default:"vertical"},collapse:{type:Boolean,default:!1},backgroundColor:{default:"#fff"},textColor:{default:"#303133"},activeTextColor:{default:"#409eff"},defaultOpeneds:{default:()=>[]},router:{type:Boolean}},emits:["update:modelValue","select","open","close"],setup(s,{emit:r}){const t=s,a=r,l=C.useNamespace("menu"),o=e.ref(t.modelValue),i=e.ref([...t.defaultOpeneds]);e.watch(()=>t.modelValue,c=>{o.value=c});const d=(c,p=[])=>{o.value=c,a("update:modelValue",c),a("select",c,p)},m=(c,p=[])=>{i.value.includes(c)||i.value.push(c),a("open",c,p)},f=(c,p=[])=>{const v=i.value.indexOf(c);v>-1&&i.value.splice(v,1),a("close",c,p)};e.provide("menu",{props:t,activeIndex:o,openedMenus:i,handleSelect:d,handleOpen:m,handleClose:f});const n=e.computed(()=>[l.b(),l.is("collapse",t.collapse),l.is(`mode-${t.mode}`)]),u=e.computed(()=>({backgroundColor:t.backgroundColor,color:t.textColor}));return(c,p)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(n.value),style:e.normalizeStyle(u.value)},[e.renderSlot(c.$slots,"default")],6))}}),b="x-menu-item",V=e.defineComponent({name:"XMenuItem",__name:"MenuItem",props:{index:{default:""},disabled:{type:Boolean,default:!1},icon:{}},setup(s){const r=s,t=e.inject("menu"),a=e.computed(()=>(t==null?void 0:t.activeIndex.value)===r.index),l=e.computed(()=>t==null?void 0:t.props.collapse),o=e.computed(()=>(t==null?void 0:t.props.mode)==="horizontal"),i=e.computed(()=>[b,{"is-active":a.value,"is-disabled":r.disabled,"is-horizontal":o.value,"is-collapse":l.value}]),d=e.computed(()=>a.value&&(t!=null&&t.props.activeTextColor)?{color:t.props.activeTextColor}:{}),m=()=>{r.disabled||r.index&&(t==null||t.handleSelect(r.index,[r.index]))};return(f,n)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(i.value),style:e.normalizeStyle(d.value),onClick:m},[s.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(b+"__icon")},e.toDisplayString(s.icon),3)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(b+"__text")},[e.renderSlot(f.$slots,"default")],2)],6))}}),$={class:"x-menu-item-group"},g={class:"x-menu-item-group__title"},_=e.defineComponent({name:"XMenuItemGroup",__name:"MenuItemGroup",props:{title:{}},setup(s){return(r,t)=>(e.openBlock(),e.createElementBlock("li",$,[e.createElementVNode("div",g,e.toDisplayString(s.title),1),e.createElementVNode("ul",null,[e.renderSlot(r.$slots,"default")])]))}}),k="x-sub-menu",x=e.defineComponent({name:"XSubMenu",__name:"SubMenu",props:{index:{default:""},title:{default:""},disabled:{type:Boolean,default:!1},icon:{}},setup(s){const r=s,t=e.inject("menu"),a=e.inject("subMenu",null),l=e.ref(!1),o=e.computed(()=>!!a),i=e.computed(()=>t==null?void 0:t.props.collapse),d=e.computed(()=>(t==null?void 0:t.activeIndex.value)===r.index),m=e.computed(()=>[k,k+((t==null?void 0:t.props.mode)==="horizontal"?"--horizontal":"--vertical"),{"is-active":d.value,"is-opened":l.value,"is-disabled":r.disabled,"is-nested":o.value,"is-collapse":i.value}]),f=()=>{r.disabled||i.value||(l.value=!l.value)},n=()=>{r.disabled||((t==null?void 0:t.props.mode)==="horizontal"||i.value)&&(l.value=!0)},u=()=>{((t==null?void 0:t.props.mode)==="horizontal"||i.value)&&(l.value=!1)};return e.provide("subMenu",{isOpen:l,isNested:o}),(c,p)=>{var v;return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(m.value),onMouseenter:n,onMouseleave:u},[e.createElementVNode("div",{class:e.normalizeClass(k+"__title"),onClick:f},[s.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(k+"__icon")},e.toDisplayString(s.icon),3)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(k+"__text")},[e.renderSlot(c.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(s.title),1)])],2),e.createElementVNode("span",{class:e.normalizeClass([k+"__arrow",{"is-open":l.value}])}," ▼ ",2)],2),e.createVNode(e.Transition,{name:((v=e.unref(t))==null?void 0:v.props.mode)==="horizontal"?"zoom-in-top":"zoom-in-left"},{default:e.withCtx(()=>{var B;return[e.withDirectives(e.createElementVNode("ul",{class:e.normalizeClass([k+"__menu",{"is-horizontal":((B=e.unref(t))==null?void 0:B.props.mode)==="horizontal"}])},[e.renderSlot(c.$slots,"default")],2),[[e.vShow,l.value]])]}),_:3},8,["name"])],34)}}}),T=e.defineComponent({name:"XBreadcrumb",__name:"index",props:{separator:{default:"/"},separatorIcon:{}},setup(s){const r=s,t=C.useNamespace("breadcrumb");e.provide("breadcrumb",{separator:e.computed(()=>r.separator),separatorIcon:e.computed(()=>r.separatorIcon)});const a=e.computed(()=>[t.b()]);return(l,o)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(a.value),"aria-label":"Breadcrumb"},[e.createElementVNode("ol",{class:e.normalizeClass(e.unref(t).e("list"))},[e.renderSlot(l.$slots,"default")],2)],2))}}),M=["aria-current"],w=e.defineComponent({name:"XBreadcrumbItem",__name:"BreadcrumbItem",props:{to:{},replace:{type:Boolean},disabled:{type:Boolean}},emits:["click"],setup(s,{emit:r}){const t=s,a=r,l=C.useNamespace("breadcrumb"),o=e.inject("breadcrumb"),i=e.computed(()=>[l.e("item"),l.is("link",!!t.to&&!t.disabled),l.is("disabled",t.disabled)]),d=e.computed(()=>{var n;return((n=o==null?void 0:o.separator)==null?void 0:n.value)||"/"}),m=e.computed(()=>{var n;return(n=o==null?void 0:o.separatorIcon)==null?void 0:n.value}),f=n=>{t.disabled||(a("click",n),t.to&&typeof t.to=="string"&&(t.replace?window.location.replace(t.to):window.location.href=t.to))};return(n,u)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(i.value)},[s.to&&!s.disabled?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l).e("link")),onClick:f},[e.renderSlot(n.$slots,"default")],2)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(l).e("text")),"aria-current":s.disabled?"page":void 0},[e.renderSlot(n.$slots,"default")],10,M)),e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).e("separator")),"aria-hidden":"true"},[m.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l).e("separator-icon"))},e.toDisplayString(m.value),3)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(d.value),1)],64))],2)],2))}}),I=e.defineComponent({name:"XSteps",__name:"index",props:{active:{default:0},direction:{default:"horizontal"},simple:{type:Boolean,default:!1},finishStatus:{default:"finish"},processStatus:{default:"process"},alignCenter:{type:Boolean,default:!1},space:{}},emits:["change","update:active"],setup(s,{emit:r}){const t=s,a=r,l=C.useNamespace("steps"),o=e.ref(t.active),i=e.ref(0);e.watch(()=>t.active,u=>{o.value=u});const d=u=>{o.value=u,a("change",u),a("update:active",u)},m=u=>{i.value=u};e.provide("steps",{props:t,currentActive:o,stepCount:i,setCurrentActive:d,setStepCount:m});const f=e.computed(()=>[l.b(),l.m(t.direction),l.is("simple",t.simple),l.is("center",t.alignCenter)]),n=e.computed(()=>t.space?{"--steps-space":typeof t.space=="number"?`${t.space}px`:t.space}:{});return(u,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(f.value),style:e.normalizeStyle(n.value)},[e.renderSlot(u.$slots,"default")],6))}}),D=e.defineComponent({name:"XStep",__name:"Step",props:{title:{default:""},description:{default:""},icon:{},status:{}},setup(s){const r=s,t=C.useNamespace("step"),a=e.inject("steps"),l=e.ref(-1);e.onMounted(()=>{a&&(l.value=a.stepCount.value,a.setStepCount(a.stepCount.value+1))});const o=e.computed(()=>{var u,c,p;if(r.status)return r.status;const n=((u=a==null?void 0:a.currentActive)==null?void 0:u.value)??0;return l.value<n?((c=a==null?void 0:a.props)==null?void 0:c.finishStatus)||"finish":l.value===n?((p=a==null?void 0:a.props)==null?void 0:p.processStatus)||"process":"wait"}),i=e.computed(()=>{var n;return l.value===(((n=a==null?void 0:a.stepCount)==null?void 0:n.value)||0)-1}),d=e.computed(()=>l.value===0);e.computed(()=>({wait:"#c0c4cc",process:"#409eff",finish:"#67c23a",error:"#f56c6c",success:"#67c23a"})[o.value]||"#c0c4cc");const m=e.computed(()=>{var n;return[t.b(),t.is(o.value),t.is("last",i.value),t.m(((n=a==null?void 0:a.props)==null?void 0:n.direction)||"horizontal")]}),f=()=>{var n;l.value>-1&&((n=a==null?void 0:a.setCurrentActive)==null||n.call(a,l.value))};return(n,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(m.value),onClick:f},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("head"))},[d.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t).e("line"),e.unref(t).em("line","prev")])},null,2)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("icon"))},[s.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).e("icon-inner"))},e.toDisplayString(s.icon),3)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t).e("icon-inner"))},[o.value==="finish"||o.value==="success"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode("✓")],64)):o.value==="error"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode("✕")],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(l.value+1),1)],64))],2))],2),i.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("line"))},null,2))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("title"))},[e.renderSlot(n.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(s.title),1)])],2),s.description||n.$slots.description?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("description"))},[e.renderSlot(n.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(s.description),1)])],2)):e.createCommentVNode("",!0)],2)],2))}}),X=e.defineComponent({name:"XPageHeader",__name:"index",props:{title:{default:""},subtitle:{default:""},backText:{default:"返回"},showBack:{type:Boolean,default:!1}},emits:["back"],setup(s,{emit:r}){const t=r,a=C.useNamespace("page-header"),l=()=>{t("back")};return(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("left"))},[s.showBack?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(a).e("back")),onClick:l},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(a).e("back-icon"))},"←",2),s.backText?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(a).e("back-text"))},e.toDisplayString(s.backText),3)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(a).e("title"))},[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(s.title),1)])],2),s.subtitle||o.$slots.subtitle?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(a).e("subtitle"))},[e.renderSlot(o.$slots,"subtitle",{},()=>[e.createTextVNode(e.toDisplayString(s.subtitle),1)])],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("extra"))},[e.renderSlot(o.$slots,"extra")],2)],2),o.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a).e("content"))},[e.renderSlot(o.$slots,"default")],2)):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).e("footer"))},[e.renderSlot(o.$slots,"footer")],2)):e.createCommentVNode("",!0)],2))}});exports.Breadcrumb=T;exports.BreadcrumbItem=w;exports.Menu=N;exports.MenuItem=V;exports.MenuItemGroup=_;exports.PageHeader=X;exports.Step=D;exports.Steps=I;exports.SubMenu=x;exports.TabPane=E;exports.Tabs=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),C=require("@xto/core"),z=["onClick"],h=e.defineComponent({name:"XTabs",__name:"index",props:{modelValue:{default:""},type:{default:"line"},tabPosition:{default:"top"},addable:{type:Boolean,default:!1},closable:{type:Boolean,default:!1}},emits:["update:modelValue","tabClick","edit"],setup(s,{emit:r}){const t=s,a=r,l=C.useNamespace("tabs"),o=e.useSlots(),i=e.ref(t.modelValue);e.watch(()=>t.modelValue,n=>{i.value=n});const m=(n,u)=>{i.value=n,a("update:modelValue",n)};e.provide("tabs",{props:t,activeName:i,handleTabClick:m});const f=e.computed(()=>[l.b(),l.m(t.type),l.is(`position-${t.tabPosition}`)]),p=e.computed(()=>{var u;return(((u=o.default)==null?void 0:u.call(o))||[]).filter(c=>c.type&&c.type.name==="XTabPane").map(c=>{var d,k,B,y;return{name:((d=c.props)==null?void 0:d.name)||((k=c.props)==null?void 0:k.label),label:(B=c.props)==null?void 0:B.label,disabled:((y=c.props)==null?void 0:y.disabled)===!0}})});return(n,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(f.value)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("nav"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,c=>(e.openBlock(),e.createElementBlock("div",{key:c.name,class:e.normalizeClass([e.unref(l).e("item"),e.unref(l).em("item",i.value===c.name?"active":""),e.unref(l).is("disabled",c.disabled)]),onClick:d=>c.disabled?null:m(c.name)},e.toDisplayString(c.label),11,z))),128))],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("content"))},[e.renderSlot(n.$slots,"default")],2)],2))}}),S={class:"x-tab-pane",role:"tabpanel"},E=e.defineComponent({name:"XTabPane",__name:"TabPane",props:{label:{},name:{},disabled:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1}},setup(s){const r=s,t=e.inject("tabs"),a=e.ref(!1),l=e.computed(()=>r.name||r.label),o=e.computed(()=>(t==null?void 0:t.activeName.value)===l.value);return e.watch(()=>t==null?void 0:t.activeName.value,()=>{o.value&&r.lazy&&!a.value&&(a.value=!0)},{immediate:!0}),o.value&&r.lazy&&(a.value=!0),(i,m)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",S,[a.value||!s.lazy?e.renderSlot(i.$slots,"default",{key:0}):e.createCommentVNode("",!0)],512)),[[e.vShow,o.value]])}}),N=e.defineComponent({name:"XMenu",__name:"index",props:{modelValue:{default:""},mode:{default:"vertical"},collapse:{type:Boolean,default:!1},backgroundColor:{default:"#fff"},textColor:{default:"#303133"},activeTextColor:{default:"#409eff"},defaultOpeneds:{default:()=>[]},router:{type:Boolean}},emits:["update:modelValue","select","open","close"],setup(s,{emit:r}){const t=s,a=r,l=C.useNamespace("menu"),o=e.ref(t.modelValue),i=e.ref([...t.defaultOpeneds]);e.watch(()=>t.modelValue,c=>{o.value=c});const m=(c,d=[])=>{o.value=c,a("update:modelValue",c),a("select",c,d)},f=(c,d=[])=>{i.value.includes(c)||i.value.push(c),a("open",c,d)},p=(c,d=[])=>{const k=i.value.indexOf(c);k>-1&&i.value.splice(k,1),a("close",c,d)};e.provide("menu",{props:t,activeIndex:o,openedMenus:i,handleSelect:m,handleOpen:f,handleClose:p});const n=e.computed(()=>[l.b(),l.is("collapse",t.collapse),l.is(`mode-${t.mode}`)]),u=e.computed(()=>({backgroundColor:t.backgroundColor,color:t.textColor}));return(c,d)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(n.value),style:e.normalizeStyle(u.value)},[e.renderSlot(c.$slots,"default")],6))}}),b="x-menu-item",V=e.defineComponent({name:"XMenuItem",__name:"MenuItem",props:{index:{default:""},disabled:{type:Boolean,default:!1},icon:{}},setup(s){const r=s,t=e.inject("menu");e.useSlots();const a=e.computed(()=>(t==null?void 0:t.activeIndex.value)===r.index),l=e.computed(()=>t==null?void 0:t.props.collapse),o=e.computed(()=>(t==null?void 0:t.props.mode)==="horizontal"),i=e.computed(()=>[b,{"is-active":a.value,"is-disabled":r.disabled,"is-horizontal":o.value,"is-collapse":l.value}]),m=e.computed(()=>a.value&&(t!=null&&t.props.activeTextColor)?{color:t.props.activeTextColor}:{}),f=()=>{r.disabled||r.index&&(t==null||t.handleSelect(r.index,[r.index]))};return(p,n)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(i.value),style:e.normalizeStyle(m.value),onClick:f},[e.createElementVNode("div",{class:e.normalizeClass(b+"__content")},[s.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(b+"__icon")},e.toDisplayString(s.icon),3)):p.$slots.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(b+"__icon")},[e.renderSlot(p.$slots,"icon")],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(b+"__text")},[e.renderSlot(p.$slots,"default")],2)],2)],6))}}),$={class:"x-menu-item-group"},g={class:"x-menu-item-group__title"},_=e.defineComponent({name:"XMenuItemGroup",__name:"MenuItemGroup",props:{title:{}},setup(s){return(r,t)=>(e.openBlock(),e.createElementBlock("li",$,[e.createElementVNode("div",g,e.toDisplayString(s.title),1),e.createElementVNode("ul",null,[e.renderSlot(r.$slots,"default")])]))}}),v="x-sub-menu",x=e.defineComponent({name:"XSubMenu",__name:"SubMenu",props:{index:{default:""},title:{default:""},disabled:{type:Boolean,default:!1},icon:{}},setup(s){const r=s,t=e.inject("menu"),a=e.inject("subMenu",null),l=e.ref(!1),o=e.computed(()=>!!a),i=e.computed(()=>t==null?void 0:t.props.collapse),m=e.computed(()=>(t==null?void 0:t.activeIndex.value)===r.index),f=e.computed(()=>[v,v+((t==null?void 0:t.props.mode)==="horizontal"?"--horizontal":"--vertical"),{"is-active":m.value,"is-opened":l.value,"is-disabled":r.disabled,"is-nested":o.value,"is-collapse":i.value}]),p=()=>{r.disabled||i.value||(l.value=!l.value)},n=()=>{r.disabled||((t==null?void 0:t.props.mode)==="horizontal"||i.value)&&(l.value=!0)},u=()=>{((t==null?void 0:t.props.mode)==="horizontal"||i.value)&&(l.value=!1)};return e.provide("subMenu",{isOpen:l,isNested:o}),(c,d)=>{var k;return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(f.value),onMouseenter:n,onMouseleave:u},[e.createElementVNode("div",{class:e.normalizeClass(v+"__title"),onClick:p},[e.createElementVNode("div",{class:e.normalizeClass(v+"__content")},[s.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(v+"__icon")},e.toDisplayString(s.icon),3)):c.$slots.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(v+"__icon")},[e.renderSlot(c.$slots,"icon")],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(v+"__text")},[e.renderSlot(c.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(s.title),1)])],2),e.createElementVNode("span",{class:e.normalizeClass([v+"__arrow",{"is-open":l.value}])},[...d[0]||(d[0]=[e.createElementVNode("svg",{viewBox:"0 0 1024 1024",width:"12",height:"12"},[e.createElementVNode("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"})],-1)])],2)],2)],2),e.createVNode(e.Transition,{name:((k=e.unref(t))==null?void 0:k.props.mode)==="horizontal"?"zoom-in-top":"zoom-in-left"},{default:e.withCtx(()=>{var B;return[e.withDirectives(e.createElementVNode("ul",{class:e.normalizeClass([v+"__menu",{"is-horizontal":((B=e.unref(t))==null?void 0:B.props.mode)==="horizontal","is-collapse":i.value}])},[e.renderSlot(c.$slots,"default")],2),[[e.vShow,l.value]])]}),_:3},8,["name"])],34)}}}),T=e.defineComponent({name:"XBreadcrumb",__name:"index",props:{separator:{default:"/"},separatorIcon:{}},setup(s){const r=s,t=C.useNamespace("breadcrumb");e.provide("breadcrumb",{separator:e.computed(()=>r.separator),separatorIcon:e.computed(()=>r.separatorIcon)});const a=e.computed(()=>[t.b()]);return(l,o)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(a.value),"aria-label":"Breadcrumb"},[e.createElementVNode("ol",{class:e.normalizeClass(e.unref(t).e("list"))},[e.renderSlot(l.$slots,"default")],2)],2))}}),M=["aria-current"],w=e.defineComponent({name:"XBreadcrumbItem",__name:"BreadcrumbItem",props:{to:{},replace:{type:Boolean},disabled:{type:Boolean}},emits:["click"],setup(s,{emit:r}){const t=s,a=r,l=C.useNamespace("breadcrumb"),o=e.inject("breadcrumb"),i=e.computed(()=>[l.e("item"),l.is("link",!!t.to&&!t.disabled),l.is("disabled",t.disabled)]),m=e.computed(()=>{var n;return((n=o==null?void 0:o.separator)==null?void 0:n.value)||"/"}),f=e.computed(()=>{var n;return(n=o==null?void 0:o.separatorIcon)==null?void 0:n.value}),p=n=>{t.disabled||(a("click",n),t.to&&typeof t.to=="string"&&(t.replace?window.location.replace(t.to):window.location.href=t.to))};return(n,u)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(i.value)},[s.to&&!s.disabled?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l).e("link")),onClick:p},[e.renderSlot(n.$slots,"default")],2)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(l).e("text")),"aria-current":s.disabled?"page":void 0},[e.renderSlot(n.$slots,"default")],10,M)),e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).e("separator")),"aria-hidden":"true"},[f.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l).e("separator-icon"))},e.toDisplayString(f.value),3)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(m.value),1)],64))],2)],2))}}),I=e.defineComponent({name:"XSteps",__name:"index",props:{active:{default:0},direction:{default:"horizontal"},simple:{type:Boolean,default:!1},finishStatus:{default:"finish"},processStatus:{default:"process"},alignCenter:{type:Boolean,default:!1},space:{}},emits:["change","update:active"],setup(s,{emit:r}){const t=s,a=r,l=C.useNamespace("steps"),o=e.ref(t.active),i=e.ref(0);e.watch(()=>t.active,u=>{o.value=u});const m=u=>{o.value=u,a("change",u),a("update:active",u)},f=u=>{i.value=u};e.provide("steps",{props:t,currentActive:o,stepCount:i,setCurrentActive:m,setStepCount:f});const p=e.computed(()=>[l.b(),l.m(t.direction),l.is("simple",t.simple),l.is("center",t.alignCenter)]),n=e.computed(()=>t.space?{"--steps-space":typeof t.space=="number"?`${t.space}px`:t.space}:{});return(u,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(p.value),style:e.normalizeStyle(n.value)},[e.renderSlot(u.$slots,"default")],6))}}),D=e.defineComponent({name:"XStep",__name:"Step",props:{title:{default:""},description:{default:""},icon:{},status:{}},setup(s){const r=s,t=C.useNamespace("step"),a=e.inject("steps"),l=e.ref(-1);e.onMounted(()=>{a&&(l.value=a.stepCount.value,a.setStepCount(a.stepCount.value+1))});const o=e.computed(()=>{var u,c,d;if(r.status)return r.status;const n=((u=a==null?void 0:a.currentActive)==null?void 0:u.value)??0;return l.value<n?((c=a==null?void 0:a.props)==null?void 0:c.finishStatus)||"finish":l.value===n?((d=a==null?void 0:a.props)==null?void 0:d.processStatus)||"process":"wait"}),i=e.computed(()=>{var n;return l.value===(((n=a==null?void 0:a.stepCount)==null?void 0:n.value)||0)-1}),m=e.computed(()=>l.value===0);e.computed(()=>({wait:"#c0c4cc",process:"#409eff",finish:"#67c23a",error:"#f56c6c",success:"#67c23a"})[o.value]||"#c0c4cc");const f=e.computed(()=>{var n;return[t.b(),t.is(o.value),t.is("last",i.value),t.m(((n=a==null?void 0:a.props)==null?void 0:n.direction)||"horizontal")]}),p=()=>{var n;l.value>-1&&((n=a==null?void 0:a.setCurrentActive)==null||n.call(a,l.value))};return(n,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(f.value),onClick:p},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("head"))},[m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(t).e("line"),e.unref(t).em("line","prev")])},null,2)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("icon"))},[s.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).e("icon-inner"))},e.toDisplayString(s.icon),3)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t).e("icon-inner"))},[o.value==="finish"||o.value==="success"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode("✓")],64)):o.value==="error"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode("✕")],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(l.value+1),1)],64))],2))],2),i.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(t).e("line"))},null,2))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("title"))},[e.renderSlot(n.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(s.title),1)])],2),s.description||n.$slots.description?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).e("description"))},[e.renderSlot(n.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(s.description),1)])],2)):e.createCommentVNode("",!0)],2)],2))}}),X=e.defineComponent({name:"XPageHeader",__name:"index",props:{title:{default:""},subtitle:{default:""},backText:{default:"返回"},showBack:{type:Boolean,default:!1}},emits:["back"],setup(s,{emit:r}){const t=r,a=C.useNamespace("page-header"),l=()=>{t("back")};return(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("left"))},[s.showBack?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(a).e("back")),onClick:l},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(a).e("back-icon"))},"←",2),s.backText?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(a).e("back-text"))},e.toDisplayString(s.backText),3)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(a).e("title"))},[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(s.title),1)])],2),s.subtitle||o.$slots.subtitle?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(a).e("subtitle"))},[e.renderSlot(o.$slots,"subtitle",{},()=>[e.createTextVNode(e.toDisplayString(s.subtitle),1)])],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("extra"))},[e.renderSlot(o.$slots,"extra")],2)],2),o.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a).e("content"))},[e.renderSlot(o.$slots,"default")],2)):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).e("footer"))},[e.renderSlot(o.$slots,"footer")],2)):e.createCommentVNode("",!0)],2))}});exports.Breadcrumb=T;exports.BreadcrumbItem=w;exports.Menu=N;exports.MenuItem=V;exports.MenuItemGroup=_;exports.PageHeader=X;exports.Step=D;exports.Steps=I;exports.SubMenu=x;exports.TabPane=E;exports.Tabs=h;

package/lib/style.css

@@ -1 +1 @@
-.x-tabs__header{position:relative}.x-tabs__nav{display:flex;border-bottom:2px solid #e4e7ed}.x-tabs__item{padding:0 20px;height:40px;line-height:40px;font-size:14px;color:#606266;cursor:pointer;transition:color .2s;position:relative}.x-tabs__item:hover{color:#409eff}.x-tabs__item--active{color:#409eff;font-weight:500}.x-tabs__item--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#409eff}.x-tabs__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-tabs__item.is-disabled:hover{color:#c0c4cc}.x-tabs__content{padding:20px 0}.x-tabs--card .x-tabs__nav{border-bottom:none}.x-tabs--card .x-tabs__item{border:1px solid #e4e7ed;border-bottom:none;margin-right:-1px;padding:0 16px}.x-tabs--card .x-tabs__item--active{background-color:#fff;border-bottom:1px solid #fff}.x-tab-pane{padding:20px;outline:none}.x-menu{list-style:none;margin:0;padding:0;position:relative;font-size:14px;box-sizing:border-box}.x-menu--vertical{display:block;width:220px;min-height:100%;border-right:1px solid #e6e6e6;transition:width .3s ease}.x-menu--vertical>.x-menu-item,.x-menu--vertical>.x-sub-menu{display:block;width:100%}.x-menu--horizontal{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:100%;border-bottom:1px solid #e6e6e6}.x-menu--horizontal>.x-menu-item,.x-menu--horizontal>.x-sub-menu{flex:0 0 auto}.x-menu.is-collapse{width:64px}.x-menu.is-collapse>.x-menu-item{height:48px;line-height:48px;padding:0;text-align:center}.x-menu.is-collapse>.x-menu-item .x-menu-item__text{display:none}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title{height:48px;line-height:48px;padding:0;text-align:center;justify-content:center}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__text,.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__arrow{display:none}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__icon{margin-right:0}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu{position:absolute;left:64px;top:0;width:180px;box-shadow:0 2px 12px #0000001a;border-radius:4px;z-index:100}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item{height:56px;line-height:56px;padding:0 20px;text-align:left}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item .x-menu-item__text{display:inline}.x-menu.is-dark{background-color:#1f2d3d;border-color:#1f2d3d;color:#bfcbd9}.x-menu.is-dark .x-menu-item,.x-menu.is-dark .x-sub-menu__title{color:#bfcbd9}.x-menu.is-dark .x-menu-item:hover,.x-menu.is-dark .x-sub-menu__title:hover{background-color:#263445}.x-menu.is-dark .x-menu-item.is-active{color:#409eff;background-color:#263445}.x-menu.is-dark .x-sub-menu__menu{background-color:#1f2d3d}.x-menu-item{list-style:none;margin:0;padding:0 20px;cursor:pointer;transition:all .3s ease;height:50px;line-height:50px;color:#303133;position:relative;white-space:nowrap;box-sizing:border-box}.x-menu-item__icon{margin-right:8px;font-size:18px}.x-menu-item__text{vertical-align:middle}.x-menu-item:hover{background-color:#f0f7ff}.x-menu-item.is-active{color:#409eff;background-color:#ecf5ff}.x-menu-item.is-active:not(.is-horizontal):before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#409eff}.x-menu-item.is-collapse{padding:0;height:48px;line-height:48px;text-align:center}.x-menu-item.is-collapse .x-menu-item__icon{margin-right:0;font-size:20px}.x-menu-item.is-collapse .x-menu-item__text{display:none}.x-menu-item.is-horizontal{display:inline-block;height:56px;line-height:56px}.x-menu-item.is-horizontal:hover{background-color:transparent}.x-menu-item.is-horizontal.is-active{background-color:transparent;border-bottom:2px solid #409eff}.x-menu-item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-menu-item.is-disabled:hover{background-color:transparent}.x-menu-item-group{list-style:none}.x-menu-item-group__title{padding:20px 20px 10px;font-size:13px;color:#909399;line-height:1}.x-menu-item-group>ul{padding:0}.x-sub-menu{list-style:none;margin:0;padding:0;position:relative}.x-sub-menu__title{display:flex;align-items:center;cursor:pointer;transition:all .3s ease;color:#303133}.x-sub-menu__icon{margin-right:8px;font-size:18px}.x-sub-menu__text{flex:1}.x-sub-menu__arrow{font-size:12px;transition:transform .3s;color:#909399;margin-left:4px}.x-sub-menu__arrow.is-open{transform:rotate(180deg)}.x-sub-menu__menu{list-style:none;margin:0;padding:0;background-color:#fff}.x-sub-menu--vertical{display:block;width:100%}.x-sub-menu--vertical .x-sub-menu__title{height:50px;line-height:50px;padding:0 20px}.x-sub-menu--vertical .x-sub-menu__title:hover{background-color:#f0f7ff}.x-sub-menu--vertical .x-sub-menu__menu{min-width:200px;border-right:none}.x-sub-menu--vertical .x-sub-menu__menu .x-menu-item{padding-left:40px}.x-sub-menu--vertical.is-nested .x-sub-menu__menu{position:absolute;left:100%;top:0;box-shadow:0 2px 12px #0000001a;border-radius:4px}.x-sub-menu--horizontal{display:inline-block;height:56px}.x-sub-menu--horizontal .x-sub-menu__title{height:56px;line-height:56px;padding:0 20px}.x-sub-menu--horizontal .x-sub-menu__title:hover{background-color:transparent}.x-sub-menu--horizontal .x-sub-menu__menu{position:absolute;top:100%;left:0;min-width:180px;box-shadow:0 2px 12px #0000001a;border-radius:4px;z-index:100}.x-sub-menu--horizontal .x-sub-menu__menu .x-menu-item{display:block;height:50px;line-height:50px;padding-left:20px}.x-sub-menu--horizontal .x-sub-menu__menu .x-menu-item.is-active:before{display:none}.x-sub-menu.is-collapse>.x-sub-menu__title{height:48px;line-height:48px;padding:0;text-align:center;justify-content:center}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__text,.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__arrow{display:none}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon{margin-right:0;font-size:20px}.x-sub-menu.is-collapse>.x-sub-menu__menu{position:absolute;left:64px;top:0;width:180px;box-shadow:0 2px 12px #0000001a;border-radius:4px;z-index:100}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item{height:50px;line-height:50px;padding:0 20px;text-align:left}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item .x-menu-item__text{display:inline}.x-sub-menu.is-active>.x-sub-menu__title{color:#409eff}.x-sub-menu.is-disabled .x-sub-menu__title{color:#c0c4cc;cursor:not-allowed}.x-sub-menu.is-opened>.x-sub-menu__title{background-color:#f0f7ff}.zoom-in-top-enter-active,.zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.zoom-in-top-enter-from,.zoom-in-top-leave-to{opacity:0;transform:scaleY(0)}.zoom-in-left-enter-active,.zoom-in-left-leave-active{opacity:1;transition:opacity .2s}.zoom-in-left-enter-from,.zoom-in-left-leave-to{opacity:0}.x-breadcrumb{font-size:14px;line-height:1}.x-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}.x-breadcrumb__item{display:inline-flex;align-items:center;color:#606266}.x-breadcrumb__item:last-child .x-breadcrumb__separator{display:none}.x-breadcrumb__item:last-child .x-breadcrumb__text{font-weight:500;color:#303133}.x-breadcrumb__link,.x-breadcrumb__text{display:inline-flex;align-items:center}.x-breadcrumb__link{cursor:pointer;transition:color .2s}.x-breadcrumb__link:hover{color:#409eff}.x-breadcrumb__text{color:inherit}.x-breadcrumb__separator{margin:0 8px;color:#c0c4cc;font-size:12px;-webkit-user-select:none;user-select:none}.x-breadcrumb__separator-icon{font-size:14px}.x-breadcrumb__item.is-disabled .x-breadcrumb__link,.x-breadcrumb__item.is-disabled .x-breadcrumb__text{color:#c0c4cc;cursor:not-allowed}.x-steps{display:flex;width:100%;font-size:14px}.x-steps--horizontal{flex-direction:row;align-items:flex-start}.x-steps--horizontal.is-center{align-items:center}.x-steps--vertical{flex-direction:column;min-height:300px}.x-steps.is-simple{display:flex;align-items:center;padding:12px 16px;background:#fafafa;border-radius:4px}.x-step{position:relative;flex:1;cursor:pointer}.x-step--horizontal{display:flex;flex-direction:column;align-items:center}.x-step--horizontal .x-step__head{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.x-step--horizontal .x-step__icon{position:relative;z-index:1}.x-step--horizontal .x-step__line{flex:1;height:2px;background-color:#e4e7ed;transition:background-color .3s;min-width:20px}.x-step--horizontal .x-step__content{margin-top:10px;text-align:center;padding:0 4px}.x-step--vertical{display:flex;flex-direction:row}.x-step--vertical .x-step__head{display:flex;flex-direction:column;align-items:center;position:relative}.x-step--vertical .x-step__line{width:2px;height:32px;background-color:#e4e7ed;transition:background-color .3s}.x-step--vertical .x-step__content{margin-left:12px;flex:1;padding-bottom:24px}.x-step__head{display:flex;align-items:center}.x-step__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;border:2px solid #c0c4cc;color:#c0c4cc;flex-shrink:0;transition:all .3s;box-sizing:border-box}.x-step__icon-inner{font-size:13px;font-weight:600;color:inherit}.x-step__content{width:100%}.x-step__title{font-size:14px;font-weight:500;color:#303133;line-height:1.5}.x-step__description{font-size:12px;color:#909399;margin-top:4px;line-height:1.5}.x-step.is-wait .x-step__icon{border-color:#c0c4cc;color:#c0c4cc}.x-step.is-wait .x-step__title{color:#c0c4cc}.x-step.is-process .x-step__icon{border-color:#409eff;background-color:#409eff;color:#fff}.x-step.is-process .x-step__title{color:#303133;font-weight:600}.x-step.is-finish .x-step__icon{border-color:#67c23a;background-color:#67c23a;color:#fff}.x-step.is-finish .x-step__title{color:#303133}.x-step.is-finish .x-step__line{background-color:#67c23a}.x-step.is-success .x-step__icon{border-color:#67c23a;background-color:#67c23a;color:#fff}.x-step.is-success .x-step__title{color:#67c23a}.x-step.is-success .x-step__line{background-color:#67c23a}.x-step.is-error .x-step__icon{border-color:#f56c6c;background-color:#f56c6c;color:#fff}.x-step.is-error .x-step__title{color:#f56c6c}.x-page-header{padding:16px 0}.x-page-header__main{display:flex;align-items:center;justify-content:space-between;line-height:28px}.x-page-header__left{display:flex;align-items:center;flex:1;min-width:0}.x-page-header__back{display:inline-flex;align-items:center;margin-right:16px;font-size:14px;color:#606266;cursor:pointer;transition:color .2s}.x-page-header__back:hover{color:#409eff}.x-page-header__back-icon{font-size:16px}.x-page-header__back-text{margin-left:4px}.x-page-header__title{font-size:20px;font-weight:600;color:#303133}.x-page-header__subtitle{margin-left:12px;font-size:14px;font-weight:400;color:#909399}.x-page-header__extra{flex-shrink:0;display:flex;align-items:center;gap:8px}.x-page-header__content{margin-top:16px}.x-page-header__footer{margin-top:16px;padding-top:16px;border-top:1px solid #ebeef5}
+.x-tabs__header{position:relative}.x-tabs__nav{display:flex;border-bottom:2px solid #e4e7ed}.x-tabs__item{padding:0 20px;height:40px;line-height:40px;font-size:14px;color:#606266;cursor:pointer;transition:color .2s;position:relative}.x-tabs__item:hover{color:#409eff}.x-tabs__item--active{color:#409eff;font-weight:500}.x-tabs__item--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#409eff}.x-tabs__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-tabs__item.is-disabled:hover{color:#c0c4cc}.x-tabs__content{padding:20px 0}.x-tabs--card .x-tabs__nav{border-bottom:none}.x-tabs--card .x-tabs__item{border:1px solid #e4e7ed;border-bottom:none;margin-right:-1px;padding:0 16px}.x-tabs--card .x-tabs__item--active{background-color:#fff;border-bottom:1px solid #fff}.x-tab-pane{padding:20px;outline:none}.x-menu{list-style:none;margin:0;padding:0;position:relative;font-size:14px;box-sizing:border-box}.x-menu--vertical{display:block;width:220px;min-height:100%;border-right:1px solid #e6e6e6;transition:width .3s ease,background-color .3s ease}.x-menu--vertical>.x-menu-item,.x-menu--vertical>.x-sub-menu{display:block;width:100%}.x-menu--horizontal{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:100%;border-bottom:1px solid #e6e6e6}.x-menu--horizontal>.x-menu-item,.x-menu--horizontal>.x-sub-menu{flex:0 0 auto}.x-menu.is-collapse{width:64px!important;min-width:64px}.x-menu.is-collapse>.x-menu-item{height:56px;line-height:56px;padding:0 20px;text-align:center}.x-menu.is-collapse>.x-menu-item .x-menu-item__content{justify-content:center}.x-menu.is-collapse>.x-menu-item .x-menu-item__text{display:none}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title{height:56px;line-height:56px;padding:0 20px;text-align:center;justify-content:center}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__content{justify-content:center}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__text,.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__arrow{display:none}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu{position:absolute;left:64px;top:0;min-width:180px;background-color:#fff;box-shadow:0 2px 12px #0000001f;border-radius:4px;z-index:100;border:1px solid #e4e7ed}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item{height:50px;line-height:50px;padding:0 20px;text-align:left}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item .x-menu-item__content{justify-content:flex-start}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item .x-menu-item__text{display:inline}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__text{display:inline}.x-menu.is-dark{background-color:#1f2d3d;border-color:#1f2d3d;color:#bfcbd9}.x-menu.is-dark .x-menu-item,.x-menu.is-dark .x-sub-menu__title{color:#bfcbd9}.x-menu.is-dark .x-menu-item:hover,.x-menu.is-dark .x-sub-menu__title:hover{background-color:#263445}.x-menu.is-dark .x-menu-item.is-active{color:#409eff;background-color:#263445}.x-menu.is-dark .x-sub-menu__menu{background-color:#1f2d3d;border-color:#1f2d3d}.x-menu-item{list-style:none;margin:0;padding:0 20px;cursor:pointer;transition:all .3s ease;height:56px;line-height:56px;color:#303133;position:relative;white-space:nowrap;box-sizing:border-box}.x-menu-item__content{display:flex;align-items:center;height:100%}.x-menu-item__icon{margin-right:8px;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.x-menu-item__icon svg,.x-menu-item__icon i{font-size:18px}.x-menu-item__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s ease}.x-menu-item:hover{background-color:#f0f7ff}.x-menu-item.is-active{color:#409eff;background-color:#ecf5ff}.x-menu-item.is-active:not(.is-horizontal):before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#409eff;border-radius:0 2px 2px 0}.x-menu-item.is-collapse{padding:0;text-align:center}.x-menu-item.is-collapse .x-menu-item__content{justify-content:center;padding:0}.x-menu-item.is-collapse .x-menu-item__icon{margin-right:0;font-size:20px}.x-menu-item.is-collapse .x-menu-item__icon svg,.x-menu-item.is-collapse .x-menu-item__icon i{font-size:20px}.x-menu-item.is-collapse .x-menu-item__text{opacity:0;width:0;overflow:hidden}.x-menu-item.is-horizontal{display:inline-block;height:56px;line-height:56px}.x-menu-item.is-horizontal:hover{background-color:transparent}.x-menu-item.is-horizontal.is-active{background-color:transparent;border-bottom:2px solid #409eff}.x-menu-item.is-horizontal.is-active:before{display:none}.x-menu-item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-menu-item.is-disabled:hover{background-color:transparent}.x-menu-item-group{list-style:none}.x-menu-item-group__title{padding:20px 20px 10px;font-size:13px;color:#909399;line-height:1}.x-menu-item-group>ul{padding:0}.x-sub-menu{list-style:none;margin:0;padding:0;position:relative}.x-sub-menu__title{display:flex;align-items:center;cursor:pointer;transition:all .3s ease;color:#303133;height:100%}.x-sub-menu__content{display:flex;align-items:center;width:100%;height:100%}.x-sub-menu__icon{margin-right:8px;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.x-sub-menu__icon svg,.x-sub-menu__icon i{font-size:18px}.x-sub-menu__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s ease}.x-sub-menu__arrow{font-size:12px;transition:transform .3s ease;color:#909399;margin-left:4px;display:flex;align-items:center}.x-sub-menu__arrow svg{transition:transform .3s ease}.x-sub-menu__arrow.is-open svg{transform:rotate(180deg)}.x-sub-menu__menu{list-style:none;margin:0;padding:0;background-color:#fff}.x-sub-menu__menu.is-collapse{border:1px solid #e4e7ed;border-radius:4px}.x-sub-menu--vertical{display:block;width:100%}.x-sub-menu--vertical .x-sub-menu__title{height:56px;line-height:56px;padding:0 20px}.x-sub-menu--vertical .x-sub-menu__title:hover{background-color:#f0f7ff}.x-sub-menu--vertical .x-sub-menu__menu{min-width:200px;border-right:none}.x-sub-menu--vertical .x-sub-menu__menu .x-menu-item,.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__title{padding-left:40px}.x-sub-menu--vertical.is-nested .x-sub-menu__menu{position:absolute;left:100%;top:0;box-shadow:0 2px 12px #0000001f;border-radius:4px;border:1px solid #e4e7ed}.x-sub-menu--horizontal{display:inline-block;height:56px}.x-sub-menu--horizontal .x-sub-menu__title{height:56px;line-height:56px;padding:0 20px}.x-sub-menu--horizontal .x-sub-menu__title:hover{background-color:transparent}.x-sub-menu--horizontal .x-sub-menu__menu{position:absolute;top:100%;left:0;min-width:180px;box-shadow:0 2px 12px #0000001f;border-radius:4px;z-index:100;border:1px solid #e4e7ed}.x-sub-menu--horizontal .x-sub-menu__menu .x-menu-item{display:block;height:50px;line-height:50px;padding-left:20px}.x-sub-menu--horizontal .x-sub-menu__menu .x-menu-item.is-active:before{display:none}.x-sub-menu.is-collapse>.x-sub-menu__title{height:56px;line-height:56px;padding:0 20px;text-align:center}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__content{justify-content:center}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__text,.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__arrow{display:none}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon{margin-right:0;font-size:20px}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon svg,.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon i{font-size:20px}.x-sub-menu.is-collapse>.x-sub-menu__menu{position:absolute;left:64px;top:0;min-width:180px;box-shadow:0 2px 12px #0000001f;border-radius:4px;z-index:100;border:1px solid #e4e7ed;background-color:#fff}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item{height:50px;line-height:50px;padding:0 20px;text-align:left}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item .x-menu-item__content{justify-content:flex-start}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item .x-menu-item__text{display:inline;opacity:1;width:auto}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title{padding:0 20px}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__text{display:inline;opacity:1}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__arrow{display:flex}.x-sub-menu.is-active>.x-sub-menu__title{color:#409eff}.x-sub-menu.is-disabled .x-sub-menu__title{color:#c0c4cc;cursor:not-allowed}.x-sub-menu.is-opened>.x-sub-menu__title{background-color:#f0f7ff}.zoom-in-top-enter-active,.zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.zoom-in-top-enter-from,.zoom-in-top-leave-to{opacity:0;transform:scaleY(0)}.zoom-in-left-enter-active,.zoom-in-left-leave-active{opacity:1;transition:opacity .2s ease,transform .2s ease;transform:translate(0)}.zoom-in-left-enter-from,.zoom-in-left-leave-to{opacity:0;transform:translate(-10px)}.x-breadcrumb{font-size:14px;line-height:1}.x-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}.x-breadcrumb__item{display:inline-flex;align-items:center;color:#606266}.x-breadcrumb__item:last-child .x-breadcrumb__separator{display:none}.x-breadcrumb__item:last-child .x-breadcrumb__text{font-weight:500;color:#303133}.x-breadcrumb__link,.x-breadcrumb__text{display:inline-flex;align-items:center}.x-breadcrumb__link{cursor:pointer;transition:color .2s}.x-breadcrumb__link:hover{color:#409eff}.x-breadcrumb__text{color:inherit}.x-breadcrumb__separator{margin:0 8px;color:#c0c4cc;font-size:12px;-webkit-user-select:none;user-select:none}.x-breadcrumb__separator-icon{font-size:14px}.x-breadcrumb__item.is-disabled .x-breadcrumb__link,.x-breadcrumb__item.is-disabled .x-breadcrumb__text{color:#c0c4cc;cursor:not-allowed}.x-steps{display:flex;width:100%;font-size:14px}.x-steps--horizontal{flex-direction:row;align-items:flex-start}.x-steps--horizontal.is-center{align-items:center}.x-steps--vertical{flex-direction:column;min-height:300px}.x-steps.is-simple{display:flex;align-items:center;padding:12px 16px;background:#fafafa;border-radius:4px}.x-step{position:relative;flex:1;cursor:pointer}.x-step--horizontal{display:flex;flex-direction:column;align-items:center}.x-step--horizontal .x-step__head{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.x-step--horizontal .x-step__icon{position:relative;z-index:1}.x-step--horizontal .x-step__line{flex:1;height:2px;background-color:#e4e7ed;transition:background-color .3s;min-width:20px}.x-step--horizontal .x-step__content{margin-top:10px;text-align:center;padding:0 4px}.x-step--vertical{display:flex;flex-direction:row}.x-step--vertical .x-step__head{display:flex;flex-direction:column;align-items:center;position:relative}.x-step--vertical .x-step__line{width:2px;height:32px;background-color:#e4e7ed;transition:background-color .3s}.x-step--vertical .x-step__content{margin-left:12px;flex:1;padding-bottom:24px}.x-step__head{display:flex;align-items:center}.x-step__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;border:2px solid #c0c4cc;color:#c0c4cc;flex-shrink:0;transition:all .3s;box-sizing:border-box}.x-step__icon-inner{font-size:13px;font-weight:600;color:inherit}.x-step__content{width:100%}.x-step__title{font-size:14px;font-weight:500;color:#303133;line-height:1.5}.x-step__description{font-size:12px;color:#909399;margin-top:4px;line-height:1.5}.x-step.is-wait .x-step__icon{border-color:#c0c4cc;color:#c0c4cc}.x-step.is-wait .x-step__title{color:#c0c4cc}.x-step.is-process .x-step__icon{border-color:#409eff;background-color:#409eff;color:#fff}.x-step.is-process .x-step__title{color:#303133;font-weight:600}.x-step.is-finish .x-step__icon{border-color:#67c23a;background-color:#67c23a;color:#fff}.x-step.is-finish .x-step__title{color:#303133}.x-step.is-finish .x-step__line{background-color:#67c23a}.x-step.is-success .x-step__icon{border-color:#67c23a;background-color:#67c23a;color:#fff}.x-step.is-success .x-step__title{color:#67c23a}.x-step.is-success .x-step__line{background-color:#67c23a}.x-step.is-error .x-step__icon{border-color:#f56c6c;background-color:#f56c6c;color:#fff}.x-step.is-error .x-step__title{color:#f56c6c}.x-page-header{padding:16px 0}.x-page-header__main{display:flex;align-items:center;justify-content:space-between;line-height:28px}.x-page-header__left{display:flex;align-items:center;flex:1;min-width:0}.x-page-header__back{display:inline-flex;align-items:center;margin-right:16px;font-size:14px;color:#606266;cursor:pointer;transition:color .2s}.x-page-header__back:hover{color:#409eff}.x-page-header__back-icon{font-size:16px}.x-page-header__back-text{margin-left:4px}.x-page-header__title{font-size:20px;font-weight:600;color:#303133}.x-page-header__subtitle{margin-left:12px;font-size:14px;font-weight:400;color:#909399}.x-page-header__extra{flex-shrink:0;display:flex;align-items:center;gap:8px}.x-page-header__content{margin-top:16px}.x-page-header__footer{margin-top:16px;padding-top:16px;border-top:1px solid #ebeef5}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xto/navigation",
-  "version": "0.1.0",
+  "version": "1.0.1",
   "description": "Xto Navigation - Navigation components",
   "main": "./lib/index.cjs",
   "module": "./es/index.mjs",
@@ -19,20 +19,20 @@
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "build": "vite build"
+  },
   "dependencies": {
-    "@xto/core": "0.1.0"
+    "@xto/core": "^1.0.0"
   },
   "peerDependencies": {
     "vue": "^3.4.0"
   },
   "devDependencies": {
+    "@xto/build": "workspace:*",
     "typescript": "^5.4.2",
     "vite": "^5.2.0",
     "vitest": "^1.4.0",
-    "vue": "^3.4.21",
-    "@xto/build": "0.1.0"
-  },
-  "scripts": {
-    "build": "vite build"
+    "vue": "^3.4.21"
   }
 }