xinwen-design 0.1.0

package/dist/xinwen-design.es.js

@@ -0,0 +1,2929 @@
+import { defineComponent as S, ref as k, openBlock as a, createElementBlock as l, normalizeClass as g, createElementVNode as o, createCommentVNode as x, renderSlot as I, createTextVNode as F, toDisplayString as p, computed as R, Fragment as z, withModifiers as X, normalizeStyle as N, renderList as D, watch as O, onMounted as U, onUnmounted as Y, withKeys as P, withDirectives as K, vModelText as q, createVNode as H, Transition as J, withCtx as G, vShow as ne, nextTick as te, createBlock as W, Teleport as Q, TransitionGroup as de, vModelSelect as ue, useSlots as oe, resolveDynamicComponent as re, unref as ee, vModelCheckbox as le } from "vue";
+const _e = ["disabled"], ve = {
+  key: 0,
+  class: "xd-button__spinner"
+}, fe = {
+  key: 1,
+  class: "xd-button__icon"
+}, pe = { class: "xd-button__text" }, me = {
+  key: 2,
+  class: "xd-button__toggle-dot"
+}, we = /* @__PURE__ */ S({
+  __name: "Button",
+  props: {
+    type: { default: "primary" },
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    icon: {},
+    ghost: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 },
+    toggle: { type: Boolean, default: !1 },
+    modelValue: { type: Boolean, default: !1 }
+  },
+  emits: ["click", "update:modelValue", "change"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = k(t.modelValue), i = k(), c = (u) => {
+      const v = u.currentTarget, m = i.value;
+      if (!m)
+        return;
+      const $ = v.getBoundingClientRect(), y = Math.max($.width, $.height), h = u.clientX - $.left - y / 2, f = u.clientY - $.top - y / 2;
+      m.style.cssText = `
+    width: ${y}px;
+    height: ${y}px;
+    left: ${h}px;
+    top: ${f}px;
+  `, m.classList.remove("animate"), m.offsetWidth, m.classList.add("animate");
+    }, d = (u) => {
+      t.disabled || t.loading || (c(u), t.toggle && (s.value = !s.value, n("update:modelValue", s.value), n("change", s.value)), n("click", u));
+    };
+    return (u, v) => (a(), l("button", {
+      class: g([
+        "xd-button",
+        `xd-button--${e.type}`,
+        `xd-button--${e.size}`,
+        {
+          "xd-button--disabled": e.disabled,
+          "xd-button--loading": e.loading,
+          "xd-button--block": e.block,
+          "xd-button--active": s.value,
+          "xd-button--toggle": e.toggle,
+          "xd-button--ghost": e.ghost,
+          "xd-button--round": e.round
+        }
+      ]),
+      disabled: e.disabled || e.loading,
+      onClick: d
+    }, [
+      o("span", {
+        class: "xd-button__ripple",
+        ref_key: "rippleRef",
+        ref: i
+      }, null, 512),
+      e.loading ? (a(), l("span", ve, [...v[0] || (v[0] = [
+        o("svg", { viewBox: "25 25 50 50" }, [
+          o("circle", {
+            cx: "50",
+            cy: "50",
+            r: "20",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "4",
+            "stroke-dasharray": "31.415, 31.415",
+            "stroke-linecap": "round"
+          })
+        ], -1)
+      ])])) : x("", !0),
+      e.icon && !e.loading ? (a(), l("span", fe, [
+        I(u.$slots, "icon", {}, () => [
+          F(p(e.icon), 1)
+        ])
+      ])) : x("", !0),
+      o("span", pe, [
+        I(u.$slots, "default")
+      ]),
+      e.toggle ? (a(), l("span", me)) : x("", !0)
+    ], 10, _e));
+  }
+});
+const he = {
+  key: 0,
+  class: "xw-input__prepend"
+}, xe = {
+  key: 0,
+  class: "xw-input__prefix"
+}, ye = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "autofocus"], be = {
+  key: 1,
+  class: "xw-input__suffix"
+}, ge = {
+  key: 0,
+  class: "xw-input__count"
+}, ke = {
+  key: 1,
+  class: "xw-input__append"
+}, $e = /* @__PURE__ */ S({
+  __name: "Input",
+  props: {
+    modelValue: {},
+    type: { default: "text" },
+    size: { default: "medium" },
+    placeholder: {},
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    showPassword: { type: Boolean, default: !1 },
+    maxlength: {},
+    showCount: { type: Boolean, default: !1 },
+    prefix: {},
+    suffix: {},
+    prepend: {},
+    append: {},
+    status: { default: "default" },
+    hint: {},
+    autofocus: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "input", "change", "focus", "blur", "clear", "keydown", "keyup", "enter"],
+  setup(e, { expose: r, emit: t }) {
+    const n = e, s = t, i = k(), c = k(!1), d = k(!1), u = R(() => n.type === "password" ? d.value ? "text" : "password" : n.type), v = R(() => String(n.modelValue ?? "").length), m = R(
+      () => n.clearable && !n.disabled && !n.readonly && v.value > 0
+    ), $ = R(
+      () => n.type === "password" && n.showPassword
+    ), y = (w) => {
+      const M = w.target.value;
+      s("update:modelValue", M), s("input", M, w);
+    }, h = (w) => {
+      const M = w.target.value;
+      s("change", M, w);
+    }, f = (w) => {
+      c.value = !0, s("focus", w);
+    }, _ = (w) => {
+      c.value = !1, s("blur", w);
+    }, C = (w) => {
+      s("keydown", w), w.key === "Enter" && s("enter", w.target.value, w);
+    }, b = (w) => {
+      s("keyup", w);
+    }, V = () => {
+      var w;
+      s("update:modelValue", ""), s("clear"), (w = i.value) == null || w.focus();
+    }, B = () => {
+      d.value = !d.value;
+    };
+    return r({
+      focus: () => {
+        var w;
+        return (w = i.value) == null ? void 0 : w.focus();
+      },
+      blur: () => {
+        var w;
+        return (w = i.value) == null ? void 0 : w.blur();
+      },
+      clear: V,
+      select: () => {
+        var w;
+        return (w = i.value) == null ? void 0 : w.select();
+      }
+    }), (w, M) => (a(), l("div", {
+      class: g([
+        "xw-input-wrap",
+        `xw-input-wrap--${e.size}`,
+        { "xw-input-wrap--block": e.block }
+      ])
+    }, [
+      e.prepend || w.$slots.prepend ? (a(), l("span", he, [
+        I(w.$slots, "prepend", {}, () => [
+          F(p(e.prepend), 1)
+        ], !0)
+      ])) : x("", !0),
+      o("div", {
+        class: g([
+          "xw-input",
+          `xw-input--${e.size}`,
+          `xw-input--${e.status}`,
+          {
+            "xw-input--disabled": e.disabled,
+            "xw-input--readonly": e.readonly,
+            "xw-input--focused": c.value,
+            "xw-input--has-prefix": e.prefix || w.$slots.prefix,
+            "xw-input--has-suffix": e.suffix || w.$slots.suffix || e.clearable || e.showPassword || e.showCount,
+            "xw-input--prepend": e.prepend || w.$slots.prepend,
+            "xw-input--append": e.append || w.$slots.append
+          }
+        ])
+      }, [
+        e.prefix || w.$slots.prefix ? (a(), l("span", xe, [
+          I(w.$slots, "prefix", {}, () => [
+            F(p(e.prefix), 1)
+          ], !0)
+        ])) : x("", !0),
+        o("input", {
+          ref_key: "inputRef",
+          ref: i,
+          class: "xw-input__inner",
+          type: u.value,
+          value: e.modelValue,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          maxlength: e.maxlength,
+          autofocus: e.autofocus,
+          onInput: y,
+          onChange: h,
+          onFocus: f,
+          onBlur: _,
+          onKeydown: C,
+          onKeyup: b
+        }, null, 40, ye),
+        e.suffix || w.$slots.suffix || m.value || $.value || e.showCount ? (a(), l("span", be, [
+          e.showCount ? (a(), l("span", ge, [
+            F(p(v.value), 1),
+            e.maxlength ? (a(), l(z, { key: 0 }, [
+              F(" / " + p(e.maxlength), 1)
+            ], 64)) : x("", !0)
+          ])) : x("", !0),
+          m.value ? (a(), l("button", {
+            key: 1,
+            class: "xw-input__suffix-btn",
+            onClick: X(V, ["prevent"]),
+            tabindex: "-1",
+            type: "button"
+          }, " ✕ ")) : x("", !0),
+          $.value ? (a(), l("button", {
+            key: 2,
+            class: "xw-input__suffix-btn",
+            onClick: X(B, ["prevent"]),
+            tabindex: "-1",
+            type: "button"
+          }, p(d.value ? "🙈" : "👁"), 1)) : x("", !0),
+          I(w.$slots, "suffix", {}, () => [
+            F(p(e.suffix), 1)
+          ], !0)
+        ])) : x("", !0)
+      ], 2),
+      e.append || w.$slots.append ? (a(), l("span", ke, [
+        I(w.$slots, "append", {}, () => [
+          F(p(e.append), 1)
+        ], !0)
+      ])) : x("", !0),
+      e.hint ? (a(), l("div", {
+        key: 2,
+        class: g(["xw-input__hint", `xw-input__hint--${e.status}`])
+      }, p(e.hint), 3)) : x("", !0)
+    ], 2));
+  }
+});
+const T = (e, r) => {
+  const t = e.__vccOpts || e;
+  for (const [n, s] of r)
+    t[n] = s;
+  return t;
+}, Ce = /* @__PURE__ */ T($e, [["__scopeId", "data-v-1752b784"]]), Ve = { class: "xw-checkbox__input-wrap" }, Be = ["checked", "disabled", "name"], Se = { class: "xw-checkbox__box" }, Te = {
+  key: 0,
+  class: "xw-checkbox__icon",
+  viewBox: "0 0 16 16"
+}, Ie = {
+  key: 1,
+  class: "xw-checkbox__icon",
+  viewBox: "0 0 16 16"
+}, ze = {
+  key: 0,
+  class: "xw-checkbox__label"
+}, Me = /* @__PURE__ */ S({
+  __name: "Checkbox",
+  props: {
+    modelValue: { type: [Boolean, String, Number] },
+    trueValue: { type: [Boolean, String, Number], default: !0 },
+    falseValue: { type: [Boolean, String, Number], default: !1 },
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    indeterminate: { type: Boolean, default: !1 },
+    label: {},
+    name: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { expose: r, emit: t }) {
+    const n = e, s = t, i = k(), c = R(() => n.modelValue === n.trueValue), d = (u) => {
+      if (n.disabled || n.readonly)
+        return;
+      const v = c.value ? n.falseValue : n.trueValue;
+      s("update:modelValue", v), s("change", v, u);
+    };
+    return r({
+      focus: () => {
+        var u;
+        return (u = i.value) == null ? void 0 : u.focus();
+      },
+      blur: () => {
+        var u;
+        return (u = i.value) == null ? void 0 : u.blur();
+      }
+    }), (u, v) => (a(), l("label", {
+      class: g([
+        "xw-checkbox",
+        `xw-checkbox--${e.size}`,
+        {
+          "xw-checkbox--checked": c.value,
+          "xw-checkbox--disabled": e.disabled,
+          "xw-checkbox--readonly": e.readonly,
+          "xw-checkbox--indeterminate": e.indeterminate
+        }
+      ])
+    }, [
+      o("span", Ve, [
+        o("input", {
+          ref_key: "inputRef",
+          ref: i,
+          type: "checkbox",
+          class: "xw-checkbox__input",
+          checked: c.value,
+          disabled: e.disabled || e.readonly,
+          name: e.name,
+          onChange: d
+        }, null, 40, Be),
+        o("span", Se, [
+          e.indeterminate ? (a(), l("svg", Te, [...v[0] || (v[0] = [
+            o("path", {
+              d: "M4 8h8",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round"
+            }, null, -1)
+          ])])) : (a(), l("svg", Ie, [...v[1] || (v[1] = [
+            o("path", {
+              d: "M3 8l3 3 7-7",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              fill: "none"
+            }, null, -1)
+          ])]))
+        ])
+      ]),
+      e.label || u.$slots.default ? (a(), l("span", ze, [
+        I(u.$slots, "default", {}, () => [
+          F(p(e.label), 1)
+        ], !0)
+      ])) : x("", !0)
+    ], 2));
+  }
+});
+const Le = /* @__PURE__ */ T(Me, [["__scopeId", "data-v-c0f86f5d"]]), Re = { class: "xw-radio__input-wrap" }, De = ["checked", "disabled", "name", "value"], Xe = {
+  key: 0,
+  class: "xw-radio__label"
+}, Pe = /* @__PURE__ */ S({
+  __name: "Radio",
+  props: {
+    modelValue: { type: [String, Number, Boolean] },
+    value: { type: [String, Number, Boolean] },
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: !1 },
+    label: {},
+    name: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { expose: r, emit: t }) {
+    const n = e, s = t, i = k(), c = R(() => n.modelValue === n.value), d = (u) => {
+      n.disabled || (s("update:modelValue", n.value), s("change", n.value, u));
+    };
+    return r({
+      focus: () => {
+        var u;
+        return (u = i.value) == null ? void 0 : u.focus();
+      },
+      blur: () => {
+        var u;
+        return (u = i.value) == null ? void 0 : u.blur();
+      }
+    }), (u, v) => (a(), l("label", {
+      class: g([
+        "xw-radio",
+        `xw-radio--${e.size}`,
+        {
+          "xw-radio--checked": c.value,
+          "xw-radio--disabled": e.disabled
+        }
+      ])
+    }, [
+      o("span", Re, [
+        o("input", {
+          ref_key: "inputRef",
+          ref: i,
+          type: "radio",
+          class: "xw-radio__input",
+          checked: c.value,
+          disabled: e.disabled,
+          name: e.name,
+          value: e.value,
+          onChange: d
+        }, null, 40, De),
+        v[0] || (v[0] = o("span", { class: "xw-radio__circle" }, [
+          o("span", { class: "xw-radio__dot" })
+        ], -1))
+      ]),
+      e.label || u.$slots.default ? (a(), l("span", Xe, [
+        I(u.$slots, "default", {}, () => [
+          F(p(e.label), 1)
+        ], !0)
+      ])) : x("", !0)
+    ], 2));
+  }
+});
+const Ee = /* @__PURE__ */ T(Pe, [["__scopeId", "data-v-819af824"]]), Ae = ["disabled"], Fe = { class: "xw-switch__track" }, Ne = {
+  key: 0,
+  class: "xw-switch__loading"
+}, Ke = {
+  key: 1,
+  class: "xw-switch__icon"
+}, Oe = {
+  key: 0,
+  class: "xw-switch__text"
+}, Ue = /* @__PURE__ */ S({
+  __name: "Switch",
+  props: {
+    modelValue: { type: [Boolean, String, Number] },
+    activeValue: { type: [Boolean, String, Number], default: !0 },
+    inactiveValue: { type: [Boolean, String, Number], default: !1 },
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    checkedText: {},
+    uncheckedText: {},
+    checkedIcon: {},
+    uncheckedIcon: {},
+    beforeChange: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = R(() => t.modelValue === t.activeValue), i = async () => {
+      if (t.disabled || t.loading)
+        return;
+      const c = s.value ? t.inactiveValue : t.activeValue;
+      t.beforeChange && await t.beforeChange(c) === !1 || (n("update:modelValue", c), n("change", c));
+    };
+    return (c, d) => (a(), l("button", {
+      class: g([
+        "xw-switch",
+        `xw-switch--${e.size}`,
+        {
+          "xw-switch--checked": s.value,
+          "xw-switch--disabled": e.disabled,
+          "xw-switch--loading": e.loading
+        }
+      ]),
+      disabled: e.disabled || e.loading,
+      onClick: i
+    }, [
+      o("span", Fe, [
+        e.loading ? (a(), l("span", Ne, [...d[0] || (d[0] = [
+          o("svg", { viewBox: "0 0 16 16" }, [
+            o("circle", {
+              cx: "8",
+              cy: "8",
+              r: "6",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            })
+          ], -1)
+        ])])) : e.checkedIcon || e.uncheckedIcon ? (a(), l("span", Ke, p(s.value ? e.checkedIcon : e.uncheckedIcon), 1)) : x("", !0),
+        d[1] || (d[1] = o("span", { class: "xw-switch__handle" }, null, -1))
+      ]),
+      e.checkedText || e.uncheckedText ? (a(), l("span", Oe, p(s.value ? e.checkedText : e.uncheckedText), 1)) : x("", !0)
+    ], 10, Ae));
+  }
+});
+const Ye = /* @__PURE__ */ T(Ue, [["__scopeId", "data-v-6f4c57c6"]]), qe = {
+  key: 0,
+  class: "xw-slider__tooltip"
+}, We = {
+  key: 0,
+  class: "xw-slider__stops"
+}, je = {
+  key: 0,
+  class: "xw-slider__input"
+}, He = ["value", "min", "max", "step", "disabled"], Ge = /* @__PURE__ */ S({
+  __name: "Slider",
+  props: {
+    modelValue: { default: 0 },
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: !1 },
+    showTooltip: { type: Boolean, default: !0 },
+    showStops: { type: Boolean, default: !1 },
+    showInput: { type: Boolean, default: !1 },
+    formatTooltip: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = k(), i = k(t.modelValue), c = R(() => (i.value - t.min) / (t.max - t.min) * 100), d = R(() => {
+      if (!t.step)
+        return [];
+      const f = [], _ = (t.max - t.min) / t.step;
+      for (let C = 1; C < _; C++)
+        f.push(C / _ * 100);
+      return f;
+    }), u = (f) => {
+      f = Math.max(t.min, Math.min(t.max, f)), t.step && (f = Math.round((f - t.min) / t.step) * t.step + t.min), i.value = f, n("update:modelValue", f), n("change", f);
+    }, v = (f) => {
+      if (!s.value)
+        return t.min;
+      const _ = s.value.getBoundingClientRect(), C = (f - _.left) / _.width;
+      return t.min + C * (t.max - t.min);
+    }, m = (f) => {
+      if (t.disabled)
+        return;
+      const _ = v(f.clientX);
+      u(_);
+    }, $ = (f) => {
+      if (t.disabled)
+        return;
+      f.preventDefault();
+      const _ = (b) => {
+        const V = v(b.clientX);
+        u(V);
+      }, C = () => {
+        document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", C);
+      };
+      document.addEventListener("mousemove", _), document.addEventListener("mouseup", C);
+    }, y = (f) => {
+      if (t.disabled)
+        return;
+      f.preventDefault();
+      const _ = (b) => {
+        const V = v(b.touches[0].clientX);
+        u(V);
+      }, C = () => {
+        document.removeEventListener("touchmove", _), document.removeEventListener("touchend", C);
+      };
+      document.addEventListener("touchmove", _), document.addEventListener("touchend", C);
+    }, h = (f) => {
+      const _ = Number(f.target.value);
+      u(_);
+    };
+    return (f, _) => (a(), l("div", {
+      class: g([
+        "xw-slider",
+        `xw-slider--${e.size}`,
+        {
+          "xw-slider--disabled": e.disabled
+        }
+      ])
+    }, [
+      o("div", {
+        ref_key: "sliderRef",
+        ref: s,
+        class: "xw-slider__rail",
+        onClick: m
+      }, [
+        o("div", {
+          class: "xw-slider__track",
+          style: N({ width: c.value + "%" })
+        }, null, 4),
+        o("div", {
+          class: "xw-slider__handle",
+          style: N({ left: c.value + "%" }),
+          onMousedown: $,
+          onTouchstart: y
+        }, [
+          e.showTooltip ? (a(), l("div", qe, p(e.formatTooltip ? e.formatTooltip(i.value) : i.value), 1)) : x("", !0)
+        ], 36),
+        e.showStops && e.step ? (a(), l("div", We, [
+          (a(!0), l(z, null, D(d.value, (C) => (a(), l("div", {
+            key: C,
+            class: "xw-slider__stop",
+            style: N({ left: C + "%" })
+          }, null, 4))), 128))
+        ])) : x("", !0)
+      ], 512),
+      e.showInput ? (a(), l("div", je, [
+        o("input", {
+          type: "number",
+          value: i.value,
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          disabled: e.disabled,
+          onInput: h
+        }, null, 40, He)
+      ])) : x("", !0)
+    ], 2));
+  }
+});
+const Qe = /* @__PURE__ */ T(Ge, [["__scopeId", "data-v-53e2354a"]]), Je = ["aria-expanded", "aria-disabled", "aria-label", "onKeydown"], Ze = { class: "xw-select__input" }, et = {
+  key: 0,
+  class: "xw-select__tags"
+}, tt = ["onClick"], at = ["placeholder", "disabled"], lt = {
+  key: 2,
+  class: "xw-select__text"
+}, st = { class: "xw-select__suffix" }, nt = {
+  key: 0,
+  class: "xw-select__empty"
+}, ot = ["aria-selected", "tabindex", "onClick", "onKeydown"], it = {
+  key: 0,
+  class: "xw-select__option-check"
+}, ct = /* @__PURE__ */ S({
+  __name: "Select",
+  props: {
+    modelValue: {},
+    options: { default: () => [] },
+    size: { default: "medium" },
+    placeholder: { default: "请选择" },
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    filterable: { type: Boolean, default: !1 },
+    multiple: { type: Boolean, default: !1 },
+    multipleLimit: {}
+  },
+  emits: ["update:modelValue", "change", "clear"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = k(), i = k(), c = k(), d = k(!1), u = k(""), v = k(0), m = R(() => {
+      if (!t.multiple)
+        return [];
+      const L = Array.isArray(t.modelValue) ? t.modelValue : [];
+      return t.options.filter((E) => L.includes(E.value));
+    }), $ = R(() => {
+      if (t.multiple)
+        return m.value.length ? "" : t.placeholder;
+      const L = t.options.find((E) => E.value === t.modelValue);
+      return (L == null ? void 0 : L.label) || "";
+    }), y = R(() => !t.filterable || !u.value ? t.options : t.options.filter(
+      (L) => L.label.toLowerCase().includes(u.value.toLowerCase())
+    )), h = (L) => t.multiple ? Array.isArray(t.modelValue) && t.modelValue.includes(L) : t.modelValue === L, f = () => {
+      t.disabled || (d.value = !d.value, d.value && (v.value = 0, t.filterable && setTimeout(() => {
+        var L;
+        return (L = i.value) == null ? void 0 : L.focus();
+      }, 0)));
+    }, _ = () => {
+      d.value = !1, u.value = "", v.value = 0;
+    }, C = async () => {
+      await te();
+      const L = c.value;
+      if (!L)
+        return;
+      const E = L.querySelector(".xw-select__option--active");
+      E && E.scrollIntoView({ block: "nearest" });
+    }, b = () => {
+      if (!d.value) {
+        d.value = !0;
+        return;
+      }
+      y.value.length && (v.value = (v.value + 1) % y.value.length, C());
+    }, V = () => {
+      if (!d.value) {
+        d.value = !0;
+        return;
+      }
+      y.value.length && (v.value = (v.value - 1 + y.value.length) % y.value.length, C());
+    }, B = () => {
+      if (!d.value) {
+        f();
+        return;
+      }
+      const L = y.value[v.value];
+      L && w(L);
+    }, w = (L) => {
+      if (!L.disabled)
+        if (t.multiple) {
+          const E = Array.isArray(t.modelValue) ? [...t.modelValue] : [], A = E.indexOf(L.value);
+          if (A > -1)
+            E.splice(A, 1);
+          else {
+            if (t.multipleLimit && E.length >= t.multipleLimit)
+              return;
+            E.push(L.value);
+          }
+          n("update:modelValue", E), n("change", E);
+        } else
+          n("update:modelValue", L.value), n("change", L.value), _();
+    }, M = (L) => {
+      if (!Array.isArray(t.modelValue))
+        return;
+      const E = t.modelValue.filter((A) => A !== L);
+      n("update:modelValue", E), n("change", E);
+    }, j = () => {
+      n("update:modelValue", t.multiple ? [] : ""), n("clear");
+    }, ie = () => {
+      d.value || (d.value = !0);
+    }, ae = (L) => {
+      s.value && !s.value.contains(L.target) && _();
+    };
+    return O(
+      () => d.value,
+      (L) => {
+        L && C();
+      }
+    ), U(() => {
+      document.addEventListener("click", ae);
+    }), Y(() => {
+      document.removeEventListener("click", ae);
+    }), (L, E) => (a(), l("div", {
+      ref_key: "selectRef",
+      ref: s,
+      class: g([
+        "xw-select",
+        `xw-select--${e.size}`,
+        {
+          "xw-select--disabled": e.disabled,
+          "xw-select--open": d.value,
+          "xw-select--multiple": e.multiple
+        }
+      ]),
+      tabindex: "0",
+      role: "combobox",
+      "aria-expanded": d.value,
+      "aria-disabled": e.disabled,
+      "aria-label": e.placeholder || "选择器",
+      onClick: f,
+      onKeydown: [
+        P(X(B, ["prevent"]), ["enter"]),
+        P(X(f, ["prevent"]), ["space"]),
+        P(_, ["esc"]),
+        P(X(b, ["prevent"]), ["down"]),
+        P(X(V, ["prevent"]), ["up"])
+      ]
+    }, [
+      o("div", Ze, [
+        e.multiple && m.value.length ? (a(), l("div", et, [
+          (a(!0), l(z, null, D(m.value, (A) => (a(), l("span", {
+            key: A.value,
+            class: "xw-select__tag"
+          }, [
+            F(p(A.label) + " ", 1),
+            o("span", {
+              class: "xw-select__tag-close",
+              onClick: X((Z) => M(A.value), ["stop"])
+            }, "✕", 8, tt)
+          ]))), 128))
+        ])) : x("", !0),
+        e.filterable ? K((a(), l("input", {
+          key: 1,
+          ref_key: "inputRef",
+          ref: i,
+          "onUpdate:modelValue": E[0] || (E[0] = (A) => u.value = A),
+          type: "text",
+          class: "xw-select__search",
+          placeholder: $.value || e.placeholder,
+          disabled: e.disabled,
+          onInput: ie,
+          onKeydown: P(_, ["esc"])
+        }, null, 40, at)), [
+          [q, u.value]
+        ]) : (a(), l("span", lt, p($.value || e.placeholder), 1)),
+        o("span", st, [
+          e.clearable && e.modelValue && !e.disabled ? (a(), l("span", {
+            key: 0,
+            class: "xw-select__clear",
+            onClick: X(j, ["stop"])
+          }, "✕")) : x("", !0),
+          o("span", {
+            class: g(["xw-select__arrow", { "xw-select__arrow--open": d.value }])
+          }, "▼", 2)
+        ])
+      ]),
+      H(J, { name: "xw-select-dropdown" }, {
+        default: G(() => [
+          K(o("div", {
+            ref_key: "dropdownRef",
+            ref: c,
+            class: "xw-select__dropdown"
+          }, [
+            y.value.length === 0 ? (a(), l("div", nt, " 暂无数据 ")) : x("", !0),
+            (a(!0), l(z, null, D(y.value, (A, Z) => (a(), l("div", {
+              key: A.value,
+              class: g([
+                "xw-select__option",
+                {
+                  "xw-select__option--selected": h(A.value),
+                  "xw-select__option--disabled": A.disabled,
+                  "xw-select__option--active": Z === v.value
+                }
+              ]),
+              role: "option",
+              "aria-selected": h(A.value),
+              tabindex: Z === v.value ? 0 : -1,
+              onClick: X((ce) => w(A), ["stop"]),
+              onKeydown: P(X((ce) => w(A), ["prevent"]), ["enter"])
+            }, [
+              o("span", null, p(A.label), 1),
+              h(A.value) ? (a(), l("span", it, "✓")) : x("", !0)
+            ], 42, ot))), 128))
+          ], 512), [
+            [ne, d.value]
+          ])
+        ]),
+        _: 1
+      })
+    ], 42, Je));
+  }
+});
+const dt = /* @__PURE__ */ T(ct, [["__scopeId", "data-v-bcc5b59d"]]), ut = ["aria-label"], rt = {
+  key: 0,
+  class: "xw-modal__header"
+}, _t = { class: "xw-modal__title" }, vt = { class: "xw-modal__body" }, ft = {
+  key: 1,
+  class: "xw-modal__footer"
+}, pt = ["disabled"], mt = /* @__PURE__ */ S({
+  __name: "Modal",
+  props: {
+    visible: { type: Boolean, default: !1 },
+    title: {},
+    content: {},
+    size: { default: "medium" },
+    width: { default: 520 },
+    closable: { type: Boolean, default: !0 },
+    maskClosable: { type: Boolean, default: !0 },
+    showFooter: { type: Boolean, default: !0 },
+    okText: { default: "确定" },
+    cancelText: { default: "取消" },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["update:visible", "ok", "cancel", "close"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = k(null), i = k(null), c = () => s.value ? Array.from(
+      s.value.querySelectorAll(
+        'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
+      )
+    ) : [], d = () => {
+      var f;
+      (f = c()[0]) == null || f.focus();
+    }, u = () => {
+      var f;
+      const h = c();
+      (f = h[h.length - 1]) == null || f.focus();
+    }, v = () => {
+      n("update:visible", !1), n("close");
+    }, m = () => {
+      t.maskClosable && v();
+    }, $ = () => {
+      n("ok");
+    }, y = () => {
+      n("cancel"), v();
+    };
+    return O(
+      () => t.visible,
+      async (h) => {
+        var f, _;
+        if (h) {
+          i.value = document.activeElement, await te(), d();
+          return;
+        }
+        (_ = (f = i.value) == null ? void 0 : f.focus) == null || _.call(f);
+      }
+    ), (h, f) => (a(), W(Q, { to: "body" }, [
+      H(J, { name: "xw-modal-fade" }, {
+        default: G(() => [
+          e.visible ? (a(), l("div", {
+            key: 0,
+            class: "xw-modal-overlay",
+            onClick: m
+          }, [
+            H(J, { name: "xw-modal-zoom" }, {
+              default: G(() => [
+                e.visible ? (a(), l("div", {
+                  key: 0,
+                  ref_key: "modalRef",
+                  ref: s,
+                  class: g(["xw-modal", `xw-modal--${e.size}`]),
+                  style: N({ width: typeof e.width == "number" ? e.width + "px" : e.width }),
+                  role: "dialog",
+                  "aria-modal": "true",
+                  "aria-label": e.title || "弹窗",
+                  tabindex: "-1",
+                  onClick: f[0] || (f[0] = X(() => {
+                  }, ["stop"])),
+                  onKeydown: P(v, ["esc"])
+                }, [
+                  o("span", {
+                    tabindex: "0",
+                    class: "xw-modal__sentinel",
+                    onFocus: u
+                  }, null, 32),
+                  e.title || h.$slots.title ? (a(), l("div", rt, [
+                    I(h.$slots, "title", {}, () => [
+                      o("span", _t, p(e.title), 1)
+                    ], !0),
+                    e.closable ? (a(), l("button", {
+                      key: 0,
+                      type: "button",
+                      class: "xw-modal__close",
+                      "aria-label": "关闭弹窗",
+                      onClick: v
+                    }, "✕")) : x("", !0)
+                  ])) : x("", !0),
+                  o("div", vt, [
+                    I(h.$slots, "default", {}, () => [
+                      F(p(e.content), 1)
+                    ], !0)
+                  ]),
+                  e.showFooter ? (a(), l("div", ft, [
+                    I(h.$slots, "footer", {}, () => [
+                      o("button", {
+                        type: "button",
+                        class: "xw-modal__btn xw-modal__btn--cancel",
+                        onClick: y
+                      }, p(e.cancelText), 1),
+                      o("button", {
+                        type: "button",
+                        class: "xw-modal__btn xw-modal__btn--ok",
+                        disabled: e.loading,
+                        onClick: $
+                      }, p(e.loading ? "加载中..." : e.okText), 9, pt)
+                    ], !0)
+                  ])) : x("", !0),
+                  o("span", {
+                    tabindex: "0",
+                    class: "xw-modal__sentinel",
+                    onFocus: d
+                  }, null, 32)
+                ], 46, ut)) : x("", !0)
+              ]),
+              _: 3
+            })
+          ])) : x("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+});
+const wt = /* @__PURE__ */ T(mt, [["__scopeId", "data-v-4f30207d"]]), ht = { class: "xw-toast__icon" }, xt = { class: "xw-toast__message" }, yt = ["onClick"], bt = /* @__PURE__ */ S({
+  __name: "Toast",
+  props: {
+    message: {},
+    type: { default: "info" },
+    duration: { default: 3e3 },
+    position: { default: "top" },
+    closable: { type: Boolean, default: !1 }
+  },
+  setup(e, { expose: r }) {
+    const t = k([]), n = (i) => ({
+      success: "✓",
+      error: "✕",
+      warning: "⚠",
+      info: "ℹ"
+    })[i], s = (i, c = "info", d = 3e3) => {
+      const u = Date.now().toString(), v = {
+        id: u,
+        message: i,
+        type: c,
+        visible: !0,
+        close: () => {
+          const m = t.value.findIndex(($) => $.id === u);
+          m > -1 && t.value.splice(m, 1);
+        }
+      };
+      return t.value.push(v), d > 0 && setTimeout(() => {
+        v.close();
+      }, d), v;
+    };
+    return r({
+      show: s,
+      success: (i, c) => s(i, "success", c),
+      error: (i, c) => s(i, "error", c),
+      warning: (i, c) => s(i, "warning", c),
+      info: (i, c) => s(i, "info", c)
+    }), (i, c) => (a(), W(Q, { to: "body" }, [
+      o("div", {
+        class: g(["xw-toast-container", `xw-toast-container--${e.position}`])
+      }, [
+        H(de, { name: "xw-toast" }, {
+          default: G(() => [
+            (a(!0), l(z, null, D(t.value, (d) => (a(), l("div", {
+              key: d.id,
+              class: g(["xw-toast", `xw-toast--${d.type}`])
+            }, [
+              o("span", ht, p(n(d.type)), 1),
+              o("span", xt, p(d.message), 1),
+              e.closable ? (a(), l("button", {
+                key: 0,
+                class: "xw-toast__close",
+                onClick: (u) => d.close()
+              }, "✕", 8, yt)) : x("", !0)
+            ], 2))), 128))
+          ]),
+          _: 1
+        })
+      ], 2)
+    ]));
+  }
+});
+const gt = /* @__PURE__ */ T(bt, [["__scopeId", "data-v-3420930e"]]), kt = ["aria-describedby", "onKeydown"], $t = { class: "xw-tooltip__content" }, Ct = /* @__PURE__ */ S({
+  __name: "Tooltip",
+  props: {
+    content: {},
+    placement: { default: "top" },
+    trigger: { default: "hover" },
+    disabled: { type: Boolean, default: !1 },
+    showDelay: { default: 100 },
+    hideDelay: { default: 100 }
+  },
+  setup(e) {
+    const r = e, t = k(), n = k(), s = k(!1), i = `xw-tooltip-${Math.random().toString(36).slice(2, 9)}`;
+    let c = null, d = null;
+    const u = k({
+      top: "0px",
+      left: "0px"
+    }), v = () => {
+      if (!t.value || !n.value)
+        return;
+      const b = t.value.getBoundingClientRect(), V = n.value.getBoundingClientRect();
+      let B = 0, w = 0;
+      switch (r.placement) {
+        case "top":
+          B = b.top - V.height - 8, w = b.left + (b.width - V.width) / 2;
+          break;
+        case "top-start":
+          B = b.top - V.height - 8, w = b.left;
+          break;
+        case "top-end":
+          B = b.top - V.height - 8, w = b.right - V.width;
+          break;
+        case "bottom":
+          B = b.bottom + 8, w = b.left + (b.width - V.width) / 2;
+          break;
+        case "bottom-start":
+          B = b.bottom + 8, w = b.left;
+          break;
+        case "bottom-end":
+          B = b.bottom + 8, w = b.right - V.width;
+          break;
+        case "left":
+          B = b.top + (b.height - V.height) / 2, w = b.left - V.width - 8;
+          break;
+        case "right":
+          B = b.top + (b.height - V.height) / 2, w = b.right + 8;
+          break;
+      }
+      u.value = {
+        top: `${B}px`,
+        left: `${w}px`
+      };
+    }, m = () => {
+      d && (clearTimeout(d), d = null), c = window.setTimeout(() => {
+        s.value = !0, setTimeout(v, 0);
+      }, r.showDelay);
+    }, $ = () => {
+      c && (clearTimeout(c), c = null), d = window.setTimeout(() => {
+        s.value = !1;
+      }, r.hideDelay);
+    }, y = () => {
+      r.trigger === "hover" && m();
+    }, h = () => {
+      r.trigger === "hover" && $();
+    }, f = () => {
+      r.trigger === "click" && (s.value ? $() : m());
+    }, _ = () => {
+      r.trigger === "focus" && m();
+    }, C = () => {
+      r.trigger === "focus" && $();
+    };
+    return U(() => {
+      window.addEventListener("scroll", v, !0), window.addEventListener("resize", v);
+    }), Y(() => {
+      window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v), c && clearTimeout(c), d && clearTimeout(d);
+    }), (b, V) => (a(), l(z, null, [
+      o("div", {
+        ref_key: "triggerRef",
+        ref: t,
+        class: "xw-tooltip-trigger",
+        role: "button",
+        tabindex: "0",
+        "aria-describedby": s.value ? i : void 0,
+        onMouseenter: y,
+        onMouseleave: h,
+        onClick: f,
+        onFocus: _,
+        onBlur: C,
+        onKeydown: [
+          P(X(f, ["prevent"]), ["enter"]),
+          P(X(f, ["prevent"]), ["space"]),
+          P(X($, ["prevent"]), ["esc"])
+        ]
+      }, [
+        I(b.$slots, "default", {}, void 0, !0)
+      ], 40, kt),
+      (a(), W(Q, { to: "body" }, [
+        H(J, { name: "xw-tooltip-fade" }, {
+          default: G(() => [
+            s.value && !e.disabled ? (a(), l("div", {
+              key: 0,
+              id: i,
+              ref_key: "tooltipRef",
+              ref: n,
+              class: g(["xw-tooltip", `xw-tooltip--${e.placement}`]),
+              style: N(u.value),
+              role: "tooltip"
+            }, [
+              o("div", $t, [
+                I(b.$slots, "content", {}, () => [
+                  F(p(e.content), 1)
+                ], !0)
+              ]),
+              V[0] || (V[0] = o("div", { class: "xw-tooltip__arrow" }, null, -1))
+            ], 6)) : x("", !0)
+          ]),
+          _: 3
+        })
+      ]))
+    ], 64));
+  }
+});
+const Vt = /* @__PURE__ */ T(Ct, [["__scopeId", "data-v-28fa0e4c"]]), Bt = { class: "xw-loading__spinner" }, St = {
+  key: 0,
+  viewBox: "0 0 50 50",
+  class: "xw-loading__svg"
+}, Tt = {
+  key: 1,
+  class: "xw-loading__dots"
+}, It = {
+  key: 2,
+  class: "xw-loading__bars"
+}, zt = {
+  key: 0,
+  class: "xw-loading__text"
+}, Mt = /* @__PURE__ */ S({
+  __name: "Loading",
+  props: {
+    visible: { type: Boolean, default: !0 },
+    type: { default: "spinner" },
+    text: {},
+    fullscreen: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (r, t) => e.visible ? (a(), l("div", {
+      key: 0,
+      class: g(["xw-loading", { "xw-loading--fullscreen": e.fullscreen }])
+    }, [
+      o("div", Bt, [
+        e.type === "spinner" ? (a(), l("svg", St, [...t[0] || (t[0] = [
+          o("circle", {
+            cx: "25",
+            cy: "25",
+            r: "20",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "4"
+          }, null, -1)
+        ])])) : e.type === "dots" ? (a(), l("div", Tt, [...t[1] || (t[1] = [
+          o("span", null, null, -1),
+          o("span", null, null, -1),
+          o("span", null, null, -1)
+        ])])) : e.type === "bars" ? (a(), l("div", It, [...t[2] || (t[2] = [
+          o("span", null, null, -1),
+          o("span", null, null, -1),
+          o("span", null, null, -1),
+          o("span", null, null, -1),
+          o("span", null, null, -1)
+        ])])) : x("", !0)
+      ]),
+      e.text ? (a(), l("div", zt, p(e.text), 1)) : x("", !0)
+    ], 2)) : x("", !0);
+  }
+});
+const Lt = /* @__PURE__ */ T(Mt, [["__scopeId", "data-v-6b053ae2"]]), Rt = { class: "xw-tabs__nav" }, Dt = ["onClick"], Xt = { class: "xw-tabs__tab-label" }, Pt = ["onClick"], Et = { class: "xw-tabs__content" }, At = /* @__PURE__ */ S({
+  __name: "Tabs",
+  props: {
+    modelValue: {},
+    items: { default: () => [] },
+    type: { default: "line" },
+    closable: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change", "close"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = k({
+      width: "0px",
+      transform: "translateX(0px)"
+    }), i = (u) => {
+      u.disabled || (n("update:modelValue", u.key), n("change", u.key));
+    }, c = (u) => {
+      n("close", u);
+    }, d = () => {
+      t.type === "line" && te(() => {
+        const u = t.items.findIndex(($) => $.key === t.modelValue);
+        if (u === -1)
+          return;
+        const m = document.querySelectorAll(".xw-tabs__tab")[u];
+        m && (s.value = {
+          width: `${m.offsetWidth}px`,
+          transform: `translateX(${m.offsetLeft}px)`
+        });
+      });
+    };
+    return O(() => t.modelValue, d, { immediate: !0 }), O(() => t.items, d, { deep: !0 }), (u, v) => (a(), l("div", {
+      class: g(["xw-tabs", `xw-tabs--${e.type}`])
+    }, [
+      o("div", Rt, [
+        (a(!0), l(z, null, D(e.items, (m) => (a(), l("div", {
+          key: m.key,
+          class: g([
+            "xw-tabs__tab",
+            {
+              "xw-tabs__tab--active": e.modelValue === m.key,
+              "xw-tabs__tab--disabled": m.disabled
+            }
+          ]),
+          onClick: ($) => i(m)
+        }, [
+          o("span", Xt, p(m.label), 1),
+          (e.closable || m.closable) && !m.disabled ? (a(), l("button", {
+            key: 0,
+            class: "xw-tabs__tab-close",
+            onClick: X(($) => c(m.key), ["stop"])
+          }, " ✕ ", 8, Pt)) : x("", !0)
+        ], 10, Dt))), 128)),
+        e.type === "line" ? (a(), l("div", {
+          key: 0,
+          class: "xw-tabs__indicator",
+          style: N(s.value)
+        }, null, 4)) : x("", !0)
+      ]),
+      o("div", Et, [
+        I(u.$slots, "default", {}, void 0, !0)
+      ])
+    ], 2));
+  }
+});
+const Ft = /* @__PURE__ */ T(At, [["__scopeId", "data-v-ef13e5f3"]]), Nt = { class: "xw-breadcrumb" }, Kt = ["href", "onClick"], Ot = {
+  key: 2,
+  class: "xw-breadcrumb__separator"
+}, Ut = /* @__PURE__ */ S({
+  __name: "Breadcrumb",
+  props: {
+    items: { default: () => [] },
+    separator: { default: "/" }
+  },
+  emits: ["click"],
+  setup(e, { emit: r }) {
+    const t = r, n = (s, i, c) => {
+      i.to && (s.preventDefault(), t("click", i, c));
+    };
+    return (s, i) => (a(), l("nav", Nt, [
+      (a(!0), l(z, null, D(e.items, (c, d) => (a(), l("span", {
+        key: d,
+        class: "xw-breadcrumb__item"
+      }, [
+        c.href || c.to ? (a(), l("a", {
+          key: 0,
+          class: g(["xw-breadcrumb__link", { "xw-breadcrumb__link--active": d === e.items.length - 1 }]),
+          href: c.href,
+          onClick: (u) => n(u, c, d)
+        }, p(c.label), 11, Kt)) : (a(), l("span", {
+          key: 1,
+          class: g(["xw-breadcrumb__text", { "xw-breadcrumb__text--active": d === e.items.length - 1 }])
+        }, p(c.label), 3)),
+        d < e.items.length - 1 ? (a(), l("span", Ot, p(e.separator), 1)) : x("", !0)
+      ]))), 128))
+    ]));
+  }
+});
+const Yt = /* @__PURE__ */ T(Ut, [["__scopeId", "data-v-558f094d"]]), qt = {
+  key: 0,
+  class: "xw-pagination__total"
+}, Wt = ["disabled"], jt = { class: "xw-pagination__simple-pager" }, Ht = ["disabled"], Gt = ["disabled"], Qt = ["disabled"], Jt = ["disabled", "onClick"], Zt = ["disabled"], ea = ["disabled"], ta = ["value"], aa = /* @__PURE__ */ S({
+  __name: "Pagination",
+  props: {
+    modelValue: { default: 1 },
+    total: { default: 0 },
+    pageSize: { default: 10 },
+    pagerCount: { default: 7 },
+    showTotal: { type: Boolean, default: !0 },
+    showSizeChanger: { type: Boolean, default: !1 },
+    pageSizes: { default: () => [10, 20, 50, 100] },
+    simple: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change", "update:pageSize"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = k(t.modelValue), i = k(t.pageSize), c = k(t.modelValue), d = R(() => Math.ceil(t.total / i.value) || 1), u = R(() => {
+      const _ = [], C = Math.floor(t.pagerCount / 2);
+      let b = Math.max(1, s.value - C), V = Math.min(d.value, b + t.pagerCount - 1);
+      V - b < t.pagerCount - 1 && (b = Math.max(1, V - t.pagerCount + 1)), b > 1 && (_.push(1), b > 2 && _.push(-1));
+      for (let B = b; B <= V; B++)
+        _.push(B);
+      return V < d.value && (V < d.value - 1 && _.push(-1), _.push(d.value)), _;
+    }), v = (_) => {
+      _ === -1 || _ === s.value || t.disabled || y(_);
+    }, m = () => {
+      s.value > 1 && y(s.value - 1);
+    }, $ = () => {
+      s.value < d.value && y(s.value + 1);
+    }, y = (_) => {
+      s.value = _, c.value = _, n("update:modelValue", _), n("change", _, i.value);
+    }, h = () => {
+      let _ = c.value;
+      _ < 1 && (_ = 1), _ > d.value && (_ = d.value), c.value = _, _ !== s.value && y(_);
+    }, f = () => {
+      n("update:pageSize", i.value);
+      const _ = Math.ceil(t.total / i.value);
+      s.value > _ ? y(1) : n("change", s.value, i.value);
+    };
+    return O(() => t.modelValue, (_) => {
+      s.value = _, c.value = _;
+    }), O(() => t.pageSize, (_) => {
+      i.value = _;
+    }), (_, C) => (a(), l("div", {
+      class: g(["xw-pagination", { "xw-pagination--simple": e.simple, "xw-pagination--disabled": e.disabled }])
+    }, [
+      e.showTotal && !e.simple ? (a(), l("span", qt, " 共 " + p(e.total) + " 条 ", 1)) : x("", !0),
+      e.simple ? (a(), l(z, { key: 1 }, [
+        o("button", {
+          class: "xw-pagination__btn",
+          disabled: s.value === 1 || e.disabled,
+          onClick: m
+        }, " ‹ ", 8, Wt),
+        o("span", jt, [
+          K(o("input", {
+            "onUpdate:modelValue": C[0] || (C[0] = (b) => c.value = b),
+            type: "number",
+            class: "xw-pagination__simple-input",
+            disabled: e.disabled,
+            onBlur: h,
+            onKeyup: P(h, ["enter"])
+          }, null, 40, Ht), [
+            [
+              q,
+              c.value,
+              void 0,
+              { number: !0 }
+            ]
+          ]),
+          C[2] || (C[2] = o("span", { class: "xw-pagination__simple-separator" }, "/", -1)),
+          o("span", null, p(d.value), 1)
+        ]),
+        o("button", {
+          class: "xw-pagination__btn",
+          disabled: s.value === d.value || e.disabled,
+          onClick: $
+        }, " › ", 8, Gt)
+      ], 64)) : (a(), l(z, { key: 2 }, [
+        o("button", {
+          class: "xw-pagination__btn",
+          disabled: s.value === 1 || e.disabled,
+          onClick: m
+        }, " ‹ ", 8, Qt),
+        (a(!0), l(z, null, D(u.value, (b) => (a(), l("button", {
+          key: b,
+          class: g(["xw-pagination__pager", { "xw-pagination__pager--active": b === s.value }]),
+          disabled: e.disabled,
+          onClick: (V) => v(b)
+        }, p(b === -1 ? "..." : b), 11, Jt))), 128)),
+        o("button", {
+          class: "xw-pagination__btn",
+          disabled: s.value === d.value || e.disabled,
+          onClick: $
+        }, " › ", 8, Zt)
+      ], 64)),
+      e.showSizeChanger && !e.simple ? K((a(), l("select", {
+        key: 3,
+        "onUpdate:modelValue": C[1] || (C[1] = (b) => i.value = b),
+        class: "xw-pagination__size-select",
+        disabled: e.disabled,
+        onChange: f
+      }, [
+        (a(!0), l(z, null, D(e.pageSizes, (b) => (a(), l("option", {
+          key: b,
+          value: b
+        }, p(b) + " 条/页 ", 9, ta))), 128))
+      ], 40, ea)), [
+        [
+          ue,
+          i.value,
+          void 0,
+          { number: !0 }
+        ]
+      ]) : x("", !0)
+    ], 2));
+  }
+});
+const la = /* @__PURE__ */ T(aa, [["__scopeId", "data-v-fdd60bca"]]), sa = ["href", "target"], na = {
+  key: 0,
+  class: "xw-link__icon"
+}, oa = { class: "xw-link__text" }, ia = /* @__PURE__ */ S({
+  __name: "Link",
+  props: {
+    href: {},
+    type: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    underline: { type: Boolean, default: !0 },
+    icon: {},
+    target: {}
+  },
+  emits: ["click"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = (i) => {
+      if (t.disabled) {
+        i.preventDefault();
+        return;
+      }
+      n("click", i);
+    };
+    return (i, c) => (a(), l("a", {
+      class: g([
+        "xw-link",
+        `xw-link--${e.type}`,
+        {
+          "xw-link--disabled": e.disabled,
+          "xw-link--underline": e.underline
+        }
+      ]),
+      href: e.disabled ? void 0 : e.href,
+      target: e.target,
+      onClick: s
+    }, [
+      e.icon || i.$slots.icon ? (a(), l("span", na, [
+        I(i.$slots, "icon", {}, () => [
+          F(p(e.icon), 1)
+        ], !0)
+      ])) : x("", !0),
+      o("span", oa, [
+        I(i.$slots, "default", {}, void 0, !0)
+      ])
+    ], 10, sa));
+  }
+});
+const ca = /* @__PURE__ */ T(ia, [["__scopeId", "data-v-fe2e0b00"]]), da = /* @__PURE__ */ S({
+  __name: "Space",
+  props: {
+    direction: { default: "horizontal" },
+    size: { default: "small" },
+    align: { default: "start" },
+    wrap: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const r = e, t = oe(), n = R(() => {
+      var d;
+      return ((d = t.default) == null ? void 0 : d.call(t)) || [];
+    }), s = {
+      small: "8px",
+      medium: "16px",
+      large: "24px"
+    }, i = R(() => ({
+      gap: typeof r.size == "number" ? `${r.size}px` : s[r.size],
+      flexWrap: r.wrap ? "wrap" : "nowrap"
+    }));
+    return (c, d) => (a(), l("div", {
+      class: g(["xw-space", `xw-space--${e.direction}`, `xw-space--${e.align}`]),
+      style: N(i.value)
+    }, [
+      (a(!0), l(z, null, D(n.value, (u, v) => (a(), l("div", {
+        key: v,
+        class: "xw-space__item"
+      }, [
+        (a(), W(re(() => u)))
+      ]))), 128))
+    ], 6));
+  }
+});
+const ua = /* @__PURE__ */ T(da, [["__scopeId", "data-v-013cfe48"]]), ra = /* @__PURE__ */ S({
+  __name: "Divider",
+  props: {
+    direction: { default: "horizontal" },
+    dashed: { type: Boolean, default: !1 },
+    contentPosition: { default: "center" }
+  },
+  setup(e) {
+    return (r, t) => (a(), l("div", {
+      class: g([
+        "xw-divider",
+        `xw-divider--${e.direction}`,
+        {
+          "xw-divider--dashed": e.dashed,
+          "xw-divider--with-text": r.$slots.default
+        }
+      ])
+    }, [
+      r.$slots.default && e.direction === "horizontal" ? (a(), l("span", {
+        key: 0,
+        class: g(["xw-divider__text", `xw-divider__text--${e.contentPosition}`])
+      }, [
+        I(r.$slots, "default", {}, void 0, !0)
+      ], 2)) : x("", !0)
+    ], 2));
+  }
+});
+const _a = /* @__PURE__ */ T(ra, [["__scopeId", "data-v-ad30380c"]]), va = { class: "xw-tag__text" }, fa = /* @__PURE__ */ S({
+  __name: "Tag",
+  props: {
+    type: { default: "default" },
+    size: { default: "medium" },
+    closable: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 }
+  },
+  emits: ["close"],
+  setup(e, { emit: r }) {
+    const t = r, n = (s) => {
+      t("close", s);
+    };
+    return (s, i) => (a(), l("span", {
+      class: g([
+        "xw-tag",
+        `xw-tag--${e.type}`,
+        `xw-tag--${e.size}`,
+        {
+          "xw-tag--closable": e.closable,
+          "xw-tag--round": e.round
+        }
+      ])
+    }, [
+      o("span", va, [
+        I(s.$slots, "default", {}, void 0, !0)
+      ]),
+      e.closable ? (a(), l("button", {
+        key: 0,
+        class: "xw-tag__close",
+        onClick: n
+      }, " ✕ ")) : x("", !0)
+    ], 2));
+  }
+});
+const pa = /* @__PURE__ */ T(fa, [["__scopeId", "data-v-3238731b"]]), ma = { class: "xw-badge" }, wa = /* @__PURE__ */ S({
+  __name: "Badge",
+  props: {
+    value: {},
+    type: { default: "danger" },
+    dot: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 },
+    max: { default: 99 }
+  },
+  setup(e) {
+    const r = e, t = R(() => r.dot ? "" : typeof r.value == "number" && r.value > r.max ? `${r.max}+` : r.value);
+    return (n, s) => (a(), l("span", ma, [
+      I(n.$slots, "default", {}, void 0, !0),
+      !e.hidden && (e.value || e.dot) ? (a(), l("sup", {
+        key: 0,
+        class: g([
+          "xw-badge__content",
+          `xw-badge__content--${e.type}`,
+          {
+            "xw-badge__content--dot": e.dot,
+            "xw-badge__content--fixed": n.$slots.default
+          }
+        ])
+      }, p(t.value), 3)) : x("", !0)
+    ]));
+  }
+});
+const ha = /* @__PURE__ */ T(wa, [["__scopeId", "data-v-7a548ac0"]]), xa = ["onClick", "onMouseenter"], ya = { class: "xw-rate__icon" }, ba = {
+  key: 0,
+  class: "xw-rate__text"
+}, ga = /* @__PURE__ */ S({
+  __name: "Rate",
+  props: {
+    modelValue: { default: 0 },
+    max: { default: 5 },
+    disabled: { type: Boolean, default: !1 },
+    allowHalf: { type: Boolean, default: !1 },
+    showText: { type: Boolean, default: !1 },
+    icon: { default: "★" },
+    texts: { default: () => [] }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = k(t.modelValue), i = k(-1), c = (v) => {
+      if (t.disabled)
+        return;
+      const m = v + 1;
+      s.value = m, n("update:modelValue", m), n("change", m);
+    }, d = (v) => {
+      t.disabled || (i.value = v + 1, s.value = i.value);
+    }, u = () => {
+      t.disabled || (i.value = -1, s.value = t.modelValue);
+    };
+    return O(() => t.modelValue, (v) => {
+      s.value = v;
+    }), (v, m) => (a(), l("div", {
+      class: g(["xw-rate", { "xw-rate--disabled": e.disabled }])
+    }, [
+      (a(!0), l(z, null, D(e.max, ($, y) => (a(), l("span", {
+        key: y,
+        class: g(["xw-rate__item", { "xw-rate__item--active": y < s.value }]),
+        onClick: (h) => c(y),
+        onMouseenter: (h) => d(y),
+        onMouseleave: u
+      }, [
+        o("span", ya, p(e.icon), 1)
+      ], 42, xa))), 128)),
+      e.showText ? (a(), l("span", ba, p(e.texts[s.value] || s.value), 1)) : x("", !0)
+    ], 2));
+  }
+});
+const ka = /* @__PURE__ */ T(ga, [["__scopeId", "data-v-51af6294"]]), $a = ["disabled"], Ca = ["placeholder", "disabled", "onKeydown"], Va = ["disabled"], Ba = /* @__PURE__ */ S({
+  __name: "InputNumber",
+  props: {
+    modelValue: {},
+    min: {},
+    max: {},
+    step: { default: 1 },
+    precision: {},
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: !1 },
+    placeholder: {}
+  },
+  emits: ["update:modelValue", "change", "blur", "focus"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = k(""), i = R(() => t.min === void 0 ? !1 : (t.modelValue ?? 0) <= t.min), c = R(() => t.max === void 0 ? !1 : (t.modelValue ?? 0) >= t.max), d = (f) => t.precision !== void 0 ? Number(f.toFixed(t.precision)) : f, u = (f) => {
+      if (f === void 0) {
+        n("update:modelValue", void 0), n("change", void 0);
+        return;
+      }
+      let _ = f;
+      t.min !== void 0 && _ < t.min && (_ = t.min), t.max !== void 0 && _ > t.max && (_ = t.max), _ = d(_), n("update:modelValue", _), n("change", _);
+    }, v = () => {
+      if (t.disabled || c.value)
+        return;
+      const f = t.modelValue ?? 0;
+      u(f + t.step);
+    }, m = () => {
+      if (t.disabled || i.value)
+        return;
+      const f = t.modelValue ?? 0;
+      u(f - t.step);
+    }, $ = (f) => {
+      const _ = f.target.value;
+      s.value = _;
+    }, y = (f) => {
+      const _ = s.value;
+      if (_ === "" || _ === "-")
+        u(void 0);
+      else {
+        const C = Number(_);
+        isNaN(C) || u(C);
+      }
+      n("blur", f);
+    }, h = (f) => {
+      n("focus", f);
+    };
+    return O(() => t.modelValue, (f) => {
+      s.value = f === void 0 ? "" : String(f);
+    }, { immediate: !0 }), (f, _) => (a(), l("div", {
+      class: g(["xw-input-number", `xw-input-number--${e.size}`, { "xw-input-number--disabled": e.disabled }])
+    }, [
+      o("button", {
+        class: "xw-input-number__btn xw-input-number__decrease",
+        disabled: e.disabled || i.value,
+        onClick: m
+      }, " − ", 8, $a),
+      K(o("input", {
+        ref: "inputRef",
+        "onUpdate:modelValue": _[0] || (_[0] = (C) => s.value = C),
+        type: "text",
+        class: "xw-input-number__input",
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        onBlur: y,
+        onFocus: h,
+        onInput: $,
+        onKeydown: [
+          P(X(v, ["prevent"]), ["up"]),
+          P(X(m, ["prevent"]), ["down"])
+        ]
+      }, null, 40, Ca), [
+        [q, s.value]
+      ]),
+      o("button", {
+        class: "xw-input-number__btn xw-input-number__increase",
+        disabled: e.disabled || c.value,
+        onClick: v
+      }, " + ", 8, Va)
+    ], 2));
+  }
+});
+const Sa = /* @__PURE__ */ T(Ba, [["__scopeId", "data-v-8c6041cc"]]), Ta = { class: "xw-progress__bar" }, Ia = {
+  key: 0,
+  class: "xw-progress__text"
+}, za = { viewBox: "0 0 100 100" }, Ma = ["r", "stroke-width"], La = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Ra = {
+  key: 0,
+  class: "xw-progress__text"
+}, se = 120, Da = /* @__PURE__ */ S({
+  __name: "Progress",
+  props: {
+    percentage: { default: 0 },
+    type: { default: "line" },
+    status: {},
+    strokeWidth: { default: 6 },
+    showText: { type: Boolean, default: !0 },
+    format: {}
+  },
+  setup(e) {
+    const r = e, t = R(() => 50 - r.strokeWidth / 2), n = R(() => 2 * Math.PI * t.value), s = R(() => n.value * (1 - r.percentage / 100)), i = R(() => r.format ? r.format(r.percentage) : `${r.percentage}%`);
+    return (c, d) => (a(), l("div", {
+      class: g(["xw-progress", `xw-progress--${e.type}`])
+    }, [
+      e.type === "line" ? (a(), l(z, { key: 0 }, [
+        o("div", Ta, [
+          o("div", {
+            class: "xw-progress__outer",
+            style: N({ height: e.strokeWidth + "px" })
+          }, [
+            o("div", {
+              class: g(["xw-progress__inner", e.status && `xw-progress__inner--${e.status}`]),
+              style: N({ width: e.percentage + "%" })
+            }, null, 6)
+          ], 4)
+        ]),
+        e.showText ? (a(), l("div", Ia, p(i.value), 1)) : x("", !0)
+      ], 64)) : e.type === "circle" ? (a(), l("div", {
+        key: 1,
+        class: "xw-progress__circle",
+        style: N({ width: se + "px", height: se + "px" })
+      }, [
+        (a(), l("svg", za, [
+          o("circle", {
+            class: "xw-progress__circle-track",
+            cx: "50",
+            cy: "50",
+            r: t.value,
+            fill: "none",
+            "stroke-width": e.strokeWidth
+          }, null, 8, Ma),
+          o("circle", {
+            class: g(["xw-progress__circle-path", e.status && `xw-progress__circle-path--${e.status}`]),
+            cx: "50",
+            cy: "50",
+            r: t.value,
+            fill: "none",
+            "stroke-width": e.strokeWidth,
+            "stroke-dasharray": n.value,
+            "stroke-dashoffset": s.value
+          }, null, 10, La)
+        ])),
+        e.showText ? (a(), l("div", Ra, p(i.value), 1)) : x("", !0)
+      ], 4)) : x("", !0)
+    ], 2));
+  }
+});
+const Xa = /* @__PURE__ */ T(Da, [["__scopeId", "data-v-0d020ebf"]]), Pa = ["placeholder", "disabled"], Ea = {
+  key: 1,
+  class: "xw-autocomplete__dropdown"
+}, Aa = ["onMousedown"], Fa = /* @__PURE__ */ S({
+  __name: "Autocomplete",
+  props: {
+    modelValue: {},
+    options: { default: () => [] },
+    placeholder: {},
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "medium" },
+    clearable: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "select", "search"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = k(), i = k(t.modelValue || ""), c = k(!1), d = R(() => i.value ? t.options.filter(
+      (h) => h.toLowerCase().includes(i.value.toLowerCase())
+    ) : t.options), u = () => {
+      n("update:modelValue", i.value), n("search", i.value), c.value = !0;
+    }, v = () => {
+      c.value = !0;
+    }, m = () => {
+      setTimeout(() => {
+        c.value = !1;
+      }, 200);
+    }, $ = (h) => {
+      i.value = h, n("update:modelValue", h), n("select", h), c.value = !1;
+    }, y = () => {
+      var h;
+      i.value = "", n("update:modelValue", ""), (h = s.value) == null || h.focus();
+    };
+    return O(() => t.modelValue, (h) => {
+      i.value = h || "";
+    }), (h, f) => (a(), l("div", {
+      class: g(["xw-autocomplete", `xw-autocomplete--${e.size}`, { "xw-autocomplete--disabled": e.disabled }])
+    }, [
+      K(o("input", {
+        ref_key: "inputRef",
+        ref: s,
+        "onUpdate:modelValue": f[0] || (f[0] = (_) => i.value = _),
+        type: "text",
+        class: "xw-autocomplete__input",
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        onInput: u,
+        onFocus: v,
+        onBlur: m
+      }, null, 40, Pa), [
+        [q, i.value]
+      ]),
+      e.clearable && i.value && !e.disabled ? (a(), l("button", {
+        key: 0,
+        class: "xw-autocomplete__clear",
+        onClick: y
+      }, " × ")) : x("", !0),
+      c.value && d.value.length > 0 ? (a(), l("div", Ea, [
+        (a(!0), l(z, null, D(d.value, (_, C) => (a(), l("div", {
+          key: C,
+          class: "xw-autocomplete__option",
+          onMousedown: X((b) => $(_), ["prevent"])
+        }, p(_), 41, Aa))), 128))
+      ])) : x("", !0)
+    ], 2));
+  }
+});
+const Na = /* @__PURE__ */ T(Fa, [["__scopeId", "data-v-c07eca93"]]), Ka = {
+  key: 0,
+  class: "xw-cascader__value"
+}, Oa = {
+  key: 1,
+  class: "xw-cascader__placeholder"
+}, Ua = {
+  key: 0,
+  class: "xw-cascader__dropdown"
+}, Ya = { class: "xw-cascader__panel" }, qa = ["onClick"], Wa = {
+  key: 0,
+  class: "xw-cascader__expand"
+}, ja = /* @__PURE__ */ S({
+  __name: "Cascader",
+  props: {
+    modelValue: {},
+    options: { default: () => [] },
+    placeholder: { default: "请选择" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = k(), i = k(!1), c = k([]), d = R(() => c.value.length === 0 ? t.options : c.value[c.value.length - 1].children || []), u = R(() => c.value.map((h) => h.label)), v = (h, f) => {
+      var _;
+      return ((_ = c.value[f]) == null ? void 0 : _.value) === h.value;
+    }, m = () => {
+      t.disabled || (i.value = !i.value);
+    }, $ = (h, f) => {
+      if (c.value = [...c.value.slice(0, f), h], !h.children || h.children.length === 0) {
+        const _ = c.value.map((C) => C.value);
+        n("update:modelValue", _), n("change", _), i.value = !1;
+      }
+    }, y = (h) => {
+      s.value && !s.value.contains(h.target) && (i.value = !1);
+    };
+    return U(() => {
+      document.addEventListener("click", y);
+    }), Y(() => {
+      document.removeEventListener("click", y);
+    }), (h, f) => (a(), l("div", {
+      class: g(["xw-cascader", { "xw-cascader--disabled": e.disabled }]),
+      ref_key: "cascaderRef",
+      ref: s
+    }, [
+      o("div", {
+        class: "xw-cascader__input",
+        onClick: m
+      }, [
+        u.value.length ? (a(), l("span", Ka, p(u.value.join(" / ")), 1)) : (a(), l("span", Oa, p(e.placeholder), 1)),
+        f[0] || (f[0] = o("span", { class: "xw-cascader__arrow" }, "▼", -1))
+      ]),
+      i.value ? (a(), l("div", Ua, [
+        o("div", Ya, [
+          (a(!0), l(z, null, D(d.value, (_, C) => (a(), l("div", {
+            key: _.value,
+            class: g(["xw-cascader__option", { "xw-cascader__option--active": v(_, C) }]),
+            onClick: (b) => $(_, C)
+          }, [
+            F(p(_.label) + " ", 1),
+            _.children ? (a(), l("span", Wa, "›")) : x("", !0)
+          ], 10, qa))), 128))
+        ])
+      ])) : x("", !0)
+    ], 2));
+  }
+});
+const Ha = /* @__PURE__ */ T(ja, [["__scopeId", "data-v-cb375a56"]]), Ga = ["placeholder", "disabled"], Qa = {
+  key: 0,
+  class: "xw-date-picker__panel"
+}, Ja = { class: "xw-date-picker__header" }, Za = { class: "xw-date-picker__body" }, el = { class: "xw-date-picker__weekdays" }, tl = { class: "xw-date-picker__days" }, al = ["onClick"], ll = /* @__PURE__ */ S({
+  __name: "DatePicker",
+  props: {
+    modelValue: {},
+    placeholder: { default: "选择日期" },
+    disabled: { type: Boolean, default: !1 },
+    format: { default: "YYYY-MM-DD" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = k(), i = k(!1), c = k((/* @__PURE__ */ new Date()).getFullYear()), d = k((/* @__PURE__ */ new Date()).getMonth()), u = k(t.modelValue ? new Date(t.modelValue) : null), v = ["日", "一", "二", "三", "四", "五", "六"], m = R(() => {
+      if (!u.value)
+        return "";
+      const V = u.value.getFullYear(), B = String(u.value.getMonth() + 1).padStart(2, "0"), w = String(u.value.getDate()).padStart(2, "0");
+      return `${V}-${B}-${w}`;
+    }), $ = R(() => {
+      const V = new Date(c.value, d.value, 1).getDay(), B = new Date(c.value, d.value + 1, 0).getDate(), w = [];
+      for (let M = 0; M < V; M++)
+        w.push(null);
+      for (let M = 1; M <= B; M++)
+        w.push(M);
+      return w;
+    }), y = (V) => !V || !u.value ? !1 : u.value.getFullYear() === c.value && u.value.getMonth() === d.value && u.value.getDate() === V, h = () => {
+      t.disabled || (i.value = !i.value);
+    }, f = () => {
+      d.value === 0 ? (d.value = 11, c.value--) : d.value--;
+    }, _ = () => {
+      d.value === 11 ? (d.value = 0, c.value++) : d.value++;
+    }, C = (V) => {
+      if (!V)
+        return;
+      const B = new Date(c.value, d.value, V);
+      u.value = B, n("update:modelValue", B.toISOString()), n("change", B.toISOString()), i.value = !1;
+    }, b = (V) => {
+      s.value && !s.value.contains(V.target) && (i.value = !1);
+    };
+    return U(() => {
+      document.addEventListener("click", b);
+    }), Y(() => {
+      document.removeEventListener("click", b);
+    }), (V, B) => (a(), l("div", {
+      class: g(["xw-date-picker", { "xw-date-picker--disabled": e.disabled }]),
+      ref_key: "pickerRef",
+      ref: s
+    }, [
+      K(o("input", {
+        "onUpdate:modelValue": B[0] || (B[0] = (w) => m.value = w),
+        type: "text",
+        class: "xw-date-picker__input",
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        readonly: "",
+        onClick: h
+      }, null, 8, Ga), [
+        [q, m.value]
+      ]),
+      i.value ? (a(), l("div", Qa, [
+        o("div", Ja, [
+          o("button", { onClick: f }, "‹"),
+          o("span", null, p(c.value) + "年 " + p(d.value + 1) + "月", 1),
+          o("button", { onClick: _ }, "›")
+        ]),
+        o("div", Za, [
+          o("div", el, [
+            (a(), l(z, null, D(v, (w) => o("span", { key: w }, p(w), 1)), 64))
+          ]),
+          o("div", tl, [
+            (a(!0), l(z, null, D($.value, (w, M) => (a(), l("span", {
+              key: M,
+              class: g(["xw-date-picker__day", {
+                "xw-date-picker__day--disabled": !w,
+                "xw-date-picker__day--selected": y(w)
+              }]),
+              onClick: (j) => C(w)
+            }, p(w), 11, al))), 128))
+          ])
+        ])
+      ])) : x("", !0)
+    ], 2));
+  }
+});
+const sl = /* @__PURE__ */ T(ll, [["__scopeId", "data-v-b06d1463"]]), nl = ["placeholder", "disabled"], ol = {
+  key: 0,
+  class: "xw-time-picker__panel"
+}, il = { class: "xw-time-picker__columns" }, cl = { class: "xw-time-picker__column" }, dl = ["onClick"], ul = { class: "xw-time-picker__column" }, rl = ["onClick"], _l = { class: "xw-time-picker__column" }, vl = ["onClick"], fl = /* @__PURE__ */ S({
+  __name: "TimePicker",
+  props: {
+    modelValue: {},
+    placeholder: { default: "选择时间" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = k(), i = k(!1), c = k(0), d = k(0), u = k(0), v = Array.from({ length: 24 }, (B, w) => w), m = Array.from({ length: 60 }, (B, w) => w), $ = Array.from({ length: 60 }, (B, w) => w), y = R(() => t.modelValue ? t.modelValue : ""), h = () => {
+      t.disabled || (i.value = !i.value);
+    }, f = (B) => {
+      c.value = B;
+    }, _ = (B) => {
+      d.value = B;
+    }, C = (B) => {
+      u.value = B;
+    }, b = () => {
+      const B = `${String(c.value).padStart(2, "0")}:${String(d.value).padStart(2, "0")}:${String(u.value).padStart(2, "0")}`;
+      n("update:modelValue", B), n("change", B), i.value = !1;
+    }, V = (B) => {
+      s.value && !s.value.contains(B.target) && (i.value = !1);
+    };
+    return U(() => {
+      document.addEventListener("click", V);
+    }), Y(() => {
+      document.removeEventListener("click", V);
+    }), (B, w) => (a(), l("div", {
+      class: g(["xw-time-picker", { "xw-time-picker--disabled": e.disabled }]),
+      ref_key: "pickerRef",
+      ref: s
+    }, [
+      K(o("input", {
+        "onUpdate:modelValue": w[0] || (w[0] = (M) => y.value = M),
+        type: "text",
+        class: "xw-time-picker__input",
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        readonly: "",
+        onClick: h
+      }, null, 8, nl), [
+        [q, y.value]
+      ]),
+      i.value ? (a(), l("div", ol, [
+        o("div", il, [
+          o("div", cl, [
+            (a(!0), l(z, null, D(ee(v), (M) => (a(), l("div", {
+              key: M,
+              class: g(["xw-time-picker__item", { "xw-time-picker__item--selected": M === c.value }]),
+              onClick: (j) => f(M)
+            }, p(String(M).padStart(2, "0")), 11, dl))), 128))
+          ]),
+          o("div", ul, [
+            (a(!0), l(z, null, D(ee(m), (M) => (a(), l("div", {
+              key: M,
+              class: g(["xw-time-picker__item", { "xw-time-picker__item--selected": M === d.value }]),
+              onClick: (j) => _(M)
+            }, p(String(M).padStart(2, "0")), 11, rl))), 128))
+          ]),
+          o("div", _l, [
+            (a(!0), l(z, null, D(ee($), (M) => (a(), l("div", {
+              key: M,
+              class: g(["xw-time-picker__item", { "xw-time-picker__item--selected": M === u.value }]),
+              onClick: (j) => C(M)
+            }, p(String(M).padStart(2, "0")), 11, vl))), 128))
+          ])
+        ]),
+        o("div", { class: "xw-time-picker__footer" }, [
+          o("button", { onClick: b }, "确定")
+        ])
+      ])) : x("", !0)
+    ], 2));
+  }
+});
+const pl = /* @__PURE__ */ T(fl, [["__scopeId", "data-v-c6678d42"]]), ml = { class: "xw-transfer" }, wl = { class: "xw-transfer__panel" }, hl = { class: "xw-transfer__header" }, xl = { class: "xw-transfer__body" }, yl = ["value", "disabled"], bl = { class: "xw-transfer__buttons" }, gl = ["disabled"], kl = ["disabled"], $l = { class: "xw-transfer__panel" }, Cl = { class: "xw-transfer__header" }, Vl = { class: "xw-transfer__body" }, Bl = ["value", "disabled"], Sl = /* @__PURE__ */ S({
+  __name: "Transfer",
+  props: {
+    modelValue: { default: () => [] },
+    data: { default: () => [] },
+    titles: { default: () => ["源列表", "目标列表"] }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = k([]), i = k([]), c = R(() => t.data.filter((m) => !t.modelValue.includes(m.key))), d = R(() => t.data.filter((m) => t.modelValue.includes(m.key))), u = () => {
+      const m = [...t.modelValue, ...s.value];
+      n("update:modelValue", m), n("change", m), s.value = [];
+    }, v = () => {
+      const m = t.modelValue.filter(($) => !i.value.includes($));
+      n("update:modelValue", m), n("change", m), i.value = [];
+    };
+    return (m, $) => (a(), l("div", ml, [
+      o("div", wl, [
+        o("div", hl, [
+          o("span", null, p(e.titles[0]), 1),
+          o("span", null, p(s.value.length) + "/" + p(c.value.length), 1)
+        ]),
+        o("div", xl, [
+          (a(!0), l(z, null, D(c.value, (y) => (a(), l("label", {
+            key: y.key,
+            class: g(["xw-transfer__item", { "xw-transfer__item--disabled": y.disabled }])
+          }, [
+            K(o("input", {
+              type: "checkbox",
+              value: y.key,
+              disabled: y.disabled,
+              "onUpdate:modelValue": $[0] || ($[0] = (h) => s.value = h)
+            }, null, 8, yl), [
+              [le, s.value]
+            ]),
+            o("span", null, p(y.label), 1)
+          ], 2))), 128))
+        ])
+      ]),
+      o("div", bl, [
+        o("button", {
+          onClick: u,
+          disabled: s.value.length === 0
+        }, "›", 8, gl),
+        o("button", {
+          onClick: v,
+          disabled: i.value.length === 0
+        }, "‹", 8, kl)
+      ]),
+      o("div", $l, [
+        o("div", Cl, [
+          o("span", null, p(e.titles[1]), 1),
+          o("span", null, p(i.value.length) + "/" + p(d.value.length), 1)
+        ]),
+        o("div", Vl, [
+          (a(!0), l(z, null, D(d.value, (y) => (a(), l("label", {
+            key: y.key,
+            class: g(["xw-transfer__item", { "xw-transfer__item--disabled": y.disabled }])
+          }, [
+            K(o("input", {
+              type: "checkbox",
+              value: y.key,
+              disabled: y.disabled,
+              "onUpdate:modelValue": $[1] || ($[1] = (h) => i.value = h)
+            }, null, 8, Bl), [
+              [le, i.value]
+            ]),
+            o("span", null, p(y.label), 1)
+          ], 2))), 128))
+        ])
+      ])
+    ]));
+  }
+});
+const Tl = /* @__PURE__ */ T(Sl, [["__scopeId", "data-v-93f5a299"]]), Il = { class: "xw-upload" }, zl = ["accept", "multiple", "disabled"], Ml = {
+  key: 0,
+  class: "xw-upload__list"
+}, Ll = { class: "xw-upload__filename" }, Rl = { class: "xw-upload__size" }, Dl = ["onClick"], Xl = /* @__PURE__ */ S({
+  __name: "Upload",
+  props: {
+    accept: {},
+    multiple: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    maxSize: {},
+    fileList: { default: () => [] }
+  },
+  emits: ["change", "remove"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = k(), i = () => {
+      var v;
+      t.disabled || (v = s.value) == null || v.click();
+    }, c = (v) => {
+      const m = v.target, $ = Array.from(m.files || []);
+      if (t.maxSize) {
+        const y = $.filter((h) => h.size <= t.maxSize);
+        y.length !== $.length && alert(`文件大小不能超过 ${u(t.maxSize)}`), n("change", y);
+      } else
+        n("change", $);
+      m.value = "";
+    }, d = (v) => {
+      n("remove", v);
+    }, u = (v) => v < 1024 ? v + " B" : v < 1024 * 1024 ? (v / 1024).toFixed(1) + " KB" : (v / (1024 * 1024)).toFixed(1) + " MB";
+    return (v, m) => (a(), l("div", Il, [
+      o("div", {
+        class: g(["xw-upload__trigger", { "xw-upload__trigger--disabled": e.disabled }]),
+        onClick: i
+      }, [
+        o("input", {
+          ref_key: "inputRef",
+          ref: s,
+          type: "file",
+          accept: e.accept,
+          multiple: e.multiple,
+          disabled: e.disabled,
+          onChange: c,
+          style: { display: "none" }
+        }, null, 40, zl),
+        I(v.$slots, "default", {}, () => [
+          m[0] || (m[0] = o("div", { class: "xw-upload__default" }, [
+            o("span", { class: "xw-upload__icon" }, "+"),
+            o("span", { class: "xw-upload__text" }, "点击上传")
+          ], -1))
+        ], !0)
+      ], 2),
+      e.fileList && e.fileList.length > 0 ? (a(), l("div", Ml, [
+        (a(!0), l(z, null, D(e.fileList, ($, y) => (a(), l("div", {
+          key: y,
+          class: "xw-upload__item"
+        }, [
+          o("span", Ll, p($.name), 1),
+          o("span", Rl, p(u($.size)), 1),
+          o("button", {
+            class: "xw-upload__remove",
+            onClick: (h) => d($)
+          }, "×", 8, Dl)
+        ]))), 128))
+      ])) : x("", !0)
+    ]));
+  }
+});
+const Pl = /* @__PURE__ */ T(Xl, [["__scopeId", "data-v-d7e7c31c"]]), El = ["src", "alt"], Al = {
+  key: 1,
+  class: "xw-avatar__icon"
+}, Fl = /* @__PURE__ */ S({
+  __name: "Avatar",
+  props: {
+    src: {},
+    alt: {},
+    size: { default: "medium" },
+    shape: { default: "circle" },
+    icon: {}
+  },
+  setup(e) {
+    return (r, t) => (a(), l("div", {
+      class: g(["xw-avatar", `xw-avatar--${e.shape}`, typeof e.size == "string" ? `xw-avatar--${e.size}` : ""]),
+      style: N(typeof e.size == "number" ? { width: e.size + "px", height: e.size + "px", fontSize: e.size / 2 + "px" } : {})
+    }, [
+      e.src ? (a(), l("img", {
+        key: 0,
+        src: e.src,
+        alt: e.alt,
+        class: "xw-avatar__img"
+      }, null, 8, El)) : e.icon ? (a(), l("span", Al, p(e.icon), 1)) : I(r.$slots, "default", { key: 2 }, void 0, !0)
+    ], 6));
+  }
+});
+const Nl = /* @__PURE__ */ T(Fl, [["__scopeId", "data-v-dc424a0d"]]), Kl = {
+  key: 0,
+  class: "xw-card__header"
+}, Ol = { class: "xw-card__title" }, Ul = { class: "xw-card__body" }, Yl = {
+  key: 1,
+  class: "xw-card__footer"
+}, ql = /* @__PURE__ */ S({
+  __name: "Card",
+  props: {
+    title: {},
+    shadow: { default: "always" }
+  },
+  setup(e) {
+    return (r, t) => (a(), l("div", {
+      class: g(["xw-card", `xw-card--shadow-${e.shadow}`])
+    }, [
+      e.title || r.$slots.header ? (a(), l("div", Kl, [
+        I(r.$slots, "header", {}, () => [
+          o("span", Ol, p(e.title), 1)
+        ], !0)
+      ])) : x("", !0),
+      o("div", Ul, [
+        I(r.$slots, "default", {}, void 0, !0)
+      ]),
+      r.$slots.footer ? (a(), l("div", Yl, [
+        I(r.$slots, "footer", {}, void 0, !0)
+      ])) : x("", !0)
+    ], 2));
+  }
+});
+const Wl = /* @__PURE__ */ T(ql, [["__scopeId", "data-v-6809d29a"]]), jl = { class: "xw-carousel__indicators" }, Hl = ["onClick"], Gl = /* @__PURE__ */ S({
+  __name: "Carousel",
+  props: {
+    autoplay: { type: Boolean, default: !0 },
+    interval: { default: 3e3 },
+    height: { default: "300px" }
+  },
+  emits: ["change"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = oe(), i = k(0), c = k(0);
+    let d = null;
+    U(() => {
+      var h;
+      c.value = ((h = s.default) == null ? void 0 : h.call(s).length) || 0, t.autoplay && u();
+    }), Y(() => {
+      v();
+    });
+    const u = () => {
+      d = window.setInterval(() => {
+        m();
+      }, t.interval);
+    }, v = () => {
+      d && (clearInterval(d), d = null);
+    }, m = () => {
+      i.value = (i.value + 1) % c.value, n("change", i.value);
+    }, $ = () => {
+      i.value = (i.value - 1 + c.value) % c.value, n("change", i.value);
+    }, y = (h) => {
+      i.value = h, n("change", i.value);
+    };
+    return (h, f) => (a(), l("div", {
+      class: "xw-carousel",
+      style: N({ height: e.height })
+    }, [
+      o("div", {
+        class: "xw-carousel__container",
+        style: N({ transform: `translateX(-${i.value * 100}%)` })
+      }, [
+        I(h.$slots, "default", {}, void 0, !0)
+      ], 4),
+      o("div", jl, [
+        (a(!0), l(z, null, D(c.value, (_, C) => (a(), l("span", {
+          key: C,
+          class: g(["xw-carousel__indicator", { "xw-carousel__indicator--active": C === i.value }]),
+          onClick: (b) => y(C)
+        }, null, 10, Hl))), 128))
+      ]),
+      o("button", {
+        class: "xw-carousel__arrow xw-carousel__arrow--left",
+        onClick: $
+      }, "‹"),
+      o("button", {
+        class: "xw-carousel__arrow xw-carousel__arrow--right",
+        onClick: m
+      }, "›")
+    ], 4));
+  }
+});
+const Ql = /* @__PURE__ */ T(Gl, [["__scopeId", "data-v-06447af9"]]), Jl = { class: "xw-collapse" }, Zl = ["onClick"], es = { class: "xw-collapse__content" }, ts = { class: "xw-collapse__body" }, as = /* @__PURE__ */ S({
+  __name: "Collapse",
+  props: {
+    modelValue: { default: () => [] },
+    items: { default: () => [] },
+    accordion: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = (c) => t.modelValue.includes(c), i = (c) => {
+      let d;
+      t.accordion ? d = s(c) ? [] : [c] : s(c) ? d = t.modelValue.filter((u) => u !== c) : d = [...t.modelValue, c], n("update:modelValue", d), n("change", d);
+    };
+    return (c, d) => (a(), l("div", Jl, [
+      (a(!0), l(z, null, D(e.items, (u) => (a(), l("div", {
+        key: u.key,
+        class: "xw-collapse__item"
+      }, [
+        o("div", {
+          class: g(["xw-collapse__header", { "xw-collapse__header--active": s(u.key) }]),
+          onClick: (v) => i(u.key)
+        }, [
+          o("span", null, p(u.title), 1),
+          d[0] || (d[0] = o("span", { class: "xw-collapse__arrow" }, "›", -1))
+        ], 10, Zl),
+        K(o("div", es, [
+          o("div", ts, [
+            I(c.$slots, `content-${u.key}`, {}, () => [
+              F(p(u.content), 1)
+            ], !0)
+          ])
+        ], 512), [
+          [ne, s(u.key)]
+        ])
+      ]))), 128))
+    ]));
+  }
+});
+const ls = /* @__PURE__ */ T(as, [["__scopeId", "data-v-0c5d3a9b"]]), ss = { class: "xw-empty" }, ns = { class: "xw-empty__icon" }, os = { class: "xw-empty__description" }, is = /* @__PURE__ */ S({
+  __name: "Empty",
+  props: {
+    description: { default: "暂无数据" }
+  },
+  setup(e) {
+    return (r, t) => (a(), l("div", ss, [
+      o("div", ns, [
+        I(r.$slots, "icon", {}, () => [
+          t[0] || (t[0] = o("span", null, "📭", -1))
+        ], !0)
+      ]),
+      o("div", os, [
+        I(r.$slots, "default", {}, () => [
+          F(p(e.description), 1)
+        ], !0)
+      ])
+    ]));
+  }
+});
+const cs = /* @__PURE__ */ T(is, [["__scopeId", "data-v-f947a902"]]), ds = { class: "xw-image" }, us = ["src", "alt"], rs = {
+  key: 1,
+  class: "xw-image__error"
+}, _s = {
+  key: 2,
+  class: "xw-image__loading"
+}, vs = /* @__PURE__ */ S({
+  __name: "Image",
+  props: {
+    src: {},
+    alt: {},
+    fit: { default: "cover" }
+  },
+  emits: ["load", "error"],
+  setup(e, { emit: r }) {
+    const t = r, n = k(!0), s = k(!1), i = () => {
+      n.value = !1, t("load");
+    }, c = () => {
+      n.value = !1, s.value = !0, t("error");
+    };
+    return (d, u) => (a(), l("div", ds, [
+      s.value ? (a(), l("div", rs, [
+        I(d.$slots, "error", {}, () => [
+          u[0] || (u[0] = o("span", { class: "xw-image__error-icon" }, "🖼️", -1)),
+          u[1] || (u[1] = o("span", { class: "xw-image__error-text" }, "加载失败", -1))
+        ], !0)
+      ])) : (a(), l("img", {
+        key: 0,
+        src: e.src,
+        alt: e.alt,
+        class: g(["xw-image__inner", `xw-image__inner--${e.fit}`]),
+        onLoad: i,
+        onError: c
+      }, null, 42, us)),
+      n.value && !s.value ? (a(), l("div", _s, [
+        I(d.$slots, "loading", {}, () => [
+          u[2] || (u[2] = o("span", { class: "xw-image__loading-icon" }, "⏳", -1))
+        ], !0)
+      ])) : x("", !0)
+    ]));
+  }
+});
+const fs = /* @__PURE__ */ T(vs, [["__scopeId", "data-v-a9a3a9fc"]]), ps = {
+  class: "xw-table",
+  role: "region",
+  "aria-label": "数据表格"
+}, ms = { class: "xw-table__header" }, ws = { class: "xw-table__body" }, hs = /* @__PURE__ */ S({
+  __name: "Table",
+  props: {
+    columns: { default: () => [] },
+    data: { default: () => [] },
+    stripe: { type: Boolean, default: !1 },
+    border: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (r, t) => (a(), l("div", ps, [
+      o("table", {
+        class: g(["xw-table__inner", { "xw-table__inner--stripe": e.stripe, "xw-table__inner--border": e.border }])
+      }, [
+        o("thead", ms, [
+          o("tr", null, [
+            (a(!0), l(z, null, D(e.columns, (n) => (a(), l("th", {
+              key: n.key,
+              style: N({ width: n.width }),
+              class: "xw-table__cell xw-table__cell--header"
+            }, p(n.label), 5))), 128))
+          ])
+        ]),
+        o("tbody", ws, [
+          (a(!0), l(z, null, D(e.data, (n, s) => (a(), l("tr", {
+            key: s,
+            class: "xw-table__row"
+          }, [
+            (a(!0), l(z, null, D(e.columns, (i) => (a(), l("td", {
+              key: i.key,
+              class: "xw-table__cell"
+            }, [
+              I(r.$slots, `cell-${i.key}`, {
+                row: n,
+                index: s
+              }, () => [
+                F(p(n[i.key]), 1)
+              ], !0)
+            ]))), 128))
+          ]))), 128))
+        ])
+      ], 2)
+    ]));
+  }
+});
+const xs = /* @__PURE__ */ T(hs, [["__scopeId", "data-v-b741050d"]]), ys = { class: "xw-timeline" }, bs = { class: "xw-timeline__content" }, gs = { class: "xw-timeline__title" }, ks = {
+  key: 0,
+  class: "xw-timeline__description"
+}, $s = {
+  key: 1,
+  class: "xw-timeline__timestamp"
+}, Cs = /* @__PURE__ */ S({
+  __name: "Timeline",
+  props: {
+    items: { default: () => [] }
+  },
+  setup(e) {
+    return (r, t) => (a(), l("div", ys, [
+      (a(!0), l(z, null, D(e.items, (n, s) => (a(), l("div", {
+        key: s,
+        class: "xw-timeline__item"
+      }, [
+        o("div", {
+          class: g(["xw-timeline__dot", `xw-timeline__dot--${n.type || "default"}`])
+        }, null, 2),
+        o("div", bs, [
+          o("div", gs, p(n.title), 1),
+          n.description ? (a(), l("div", ks, p(n.description), 1)) : x("", !0),
+          n.timestamp ? (a(), l("div", $s, p(n.timestamp), 1)) : x("", !0)
+        ])
+      ]))), 128))
+    ]));
+  }
+});
+const Vs = /* @__PURE__ */ T(Cs, [["__scopeId", "data-v-6512df04"]]), Bs = { class: "xw-skeleton" }, Ss = {
+  key: 0,
+  class: "xw-skeleton__avatar"
+}, Ts = { class: "xw-skeleton__content" }, Is = /* @__PURE__ */ S({
+  __name: "Skeleton",
+  props: {
+    rows: { default: 3 },
+    avatar: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (r, t) => (a(), l("div", Bs, [
+      e.avatar ? (a(), l("div", Ss)) : x("", !0),
+      o("div", Ts, [
+        (a(!0), l(z, null, D(e.rows, (n) => (a(), l("div", {
+          key: n,
+          class: "xw-skeleton__row"
+        }))), 128))
+      ])
+    ]));
+  }
+});
+const zs = /* @__PURE__ */ T(Is, [["__scopeId", "data-v-24958523"]]), Ms = {
+  key: 0,
+  class: "xw-alert__icon"
+}, Ls = { class: "xw-alert__content" }, Rs = {
+  key: 0,
+  class: "xw-alert__title"
+}, Ds = {
+  key: 1,
+  class: "xw-alert__description"
+}, Xs = /* @__PURE__ */ S({
+  __name: "Alert",
+  props: {
+    type: { default: "info" },
+    title: {},
+    description: {},
+    closable: { type: Boolean, default: !1 },
+    showIcon: { type: Boolean, default: !0 }
+  },
+  emits: ["close"],
+  setup(e, { emit: r }) {
+    const t = r, n = k(!0), s = {
+      success: "✓",
+      info: "ℹ",
+      warning: "⚠",
+      error: "✕"
+    }, i = () => {
+      n.value = !1, t("close");
+    };
+    return (c, d) => n.value ? (a(), l("div", {
+      key: 0,
+      class: g(["xw-alert", `xw-alert--${e.type}`])
+    }, [
+      e.showIcon ? (a(), l("span", Ms, p(s[e.type]), 1)) : x("", !0),
+      o("div", Ls, [
+        e.title ? (a(), l("div", Rs, p(e.title), 1)) : x("", !0),
+        e.description || c.$slots.default ? (a(), l("div", Ds, [
+          I(c.$slots, "default", {}, () => [
+            F(p(e.description), 1)
+          ], !0)
+        ])) : x("", !0)
+      ]),
+      e.closable ? (a(), l("button", {
+        key: 1,
+        class: "xw-alert__close",
+        onClick: i
+      }, "×")) : x("", !0)
+    ], 2)) : x("", !0);
+  }
+});
+const Ps = /* @__PURE__ */ T(Xs, [["__scopeId", "data-v-9a4bfc11"]]), Es = {
+  key: 0,
+  class: "xw-drawer"
+}, As = { class: "xw-drawer__header" }, Fs = { class: "xw-drawer__title" }, Ns = { class: "xw-drawer__body" }, Ks = {
+  key: 0,
+  class: "xw-drawer__footer"
+}, Os = /* @__PURE__ */ S({
+  __name: "Drawer",
+  props: {
+    visible: { type: Boolean },
+    title: {},
+    placement: { default: "right" },
+    width: { default: "30%" },
+    height: { default: "30%" },
+    maskClosable: { type: Boolean, default: !0 }
+  },
+  emits: ["update:visible", "close"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = () => {
+      n("update:visible", !1), n("close");
+    }, i = () => {
+      t.maskClosable && s();
+    };
+    return (c, d) => (a(), W(Q, { to: "body" }, [
+      e.visible ? (a(), l("div", Es, [
+        o("div", {
+          class: "xw-drawer__mask",
+          onClick: i
+        }),
+        o("div", {
+          class: g(["xw-drawer__wrapper", `xw-drawer__wrapper--${e.placement}`]),
+          style: N({ width: e.placement === "left" || e.placement === "right" ? e.width : "100%", height: e.placement === "top" || e.placement === "bottom" ? e.height : "100%" })
+        }, [
+          o("div", As, [
+            o("span", Fs, p(e.title), 1),
+            o("button", {
+              class: "xw-drawer__close",
+              onClick: s
+            }, "×")
+          ]),
+          o("div", Ns, [
+            I(c.$slots, "default", {}, void 0, !0)
+          ]),
+          c.$slots.footer ? (a(), l("div", Ks, [
+            I(c.$slots, "footer", {}, void 0, !0)
+          ])) : x("", !0)
+        ], 6)
+      ])) : x("", !0)
+    ]));
+  }
+});
+const Us = /* @__PURE__ */ T(Os, [["__scopeId", "data-v-f1c67999"]]), Ys = ["aria-expanded", "onKeydown"], qs = ["tabindex", "onClick"], Ws = /* @__PURE__ */ S({
+  __name: "Dropdown",
+  props: {
+    items: { default: () => [] }
+  },
+  emits: ["select"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = k(), i = k(), c = k(!1), d = k(0), u = () => {
+      if (!i.value)
+        return;
+      const C = i.value.querySelectorAll(".xw-dropdown__item")[d.value];
+      C == null || C.scrollIntoView({ block: "nearest" });
+    }, v = () => {
+      c.value = !c.value, c.value && (d.value = 0, setTimeout(u, 0));
+    }, m = () => {
+      c.value = !1;
+    }, $ = () => {
+      if (!c.value) {
+        v();
+        return;
+      }
+      d.value = (d.value + 1) % t.items.length, setTimeout(u, 0);
+    }, y = () => {
+      if (!c.value) {
+        v();
+        return;
+      }
+      d.value = (d.value - 1 + t.items.length) % t.items.length, setTimeout(u, 0);
+    }, h = (_) => {
+      _.disabled || (n("select", _.key), m());
+    }, f = (_) => {
+      s.value && !s.value.contains(_.target) && m();
+    };
+    return U(() => {
+      document.addEventListener("click", f);
+    }), Y(() => {
+      document.removeEventListener("click", f);
+    }), (_, C) => (a(), l("div", {
+      class: "xw-dropdown",
+      ref_key: "dropdownRef",
+      ref: s
+    }, [
+      o("div", {
+        class: "xw-dropdown__trigger",
+        role: "button",
+        tabindex: "0",
+        "aria-haspopup": "menu",
+        "aria-expanded": c.value,
+        onClick: v,
+        onKeydown: [
+          P(X(v, ["prevent"]), ["enter"]),
+          P(X(v, ["prevent"]), ["space"]),
+          P(X(m, ["prevent"]), ["esc"]),
+          P(X($, ["prevent"]), ["down"]),
+          P(X(y, ["prevent"]), ["up"])
+        ]
+      }, [
+        I(_.$slots, "default", {}, void 0, !0)
+      ], 40, Ys),
+      c.value ? (a(), l("div", {
+        key: 0,
+        ref_key: "menuRef",
+        ref: i,
+        class: "xw-dropdown__menu",
+        role: "menu",
+        "aria-label": "下拉菜单"
+      }, [
+        (a(!0), l(z, null, D(e.items, (b, V) => (a(), l("div", {
+          key: b.key,
+          class: g([
+            "xw-dropdown__item",
+            { "xw-dropdown__item--disabled": b.disabled, "xw-dropdown__item--active": V === d.value }
+          ]),
+          role: "menuitem",
+          tabindex: V === d.value ? 0 : -1,
+          onClick: (B) => h(b)
+        }, p(b.label), 11, qs))), 128))
+      ], 512)) : x("", !0)
+    ], 512));
+  }
+});
+const js = /* @__PURE__ */ T(Ws, [["__scopeId", "data-v-2c90a7a8"]]), Hs = { class: "xw-steps__icon" }, Gs = { key: 0 }, Qs = { key: 1 }, Js = { class: "xw-steps__content" }, Zs = { class: "xw-steps__title" }, en = {
+  key: 0,
+  class: "xw-steps__description"
+}, tn = {
+  key: 0,
+  class: "xw-steps__line"
+}, an = /* @__PURE__ */ S({
+  __name: "Steps",
+  props: {
+    current: { default: 0 },
+    steps: { default: () => [] },
+    direction: { default: "horizontal" }
+  },
+  setup(e) {
+    return (r, t) => (a(), l("div", {
+      class: g(["xw-steps", `xw-steps--${e.direction}`])
+    }, [
+      (a(!0), l(z, null, D(e.steps, (n, s) => (a(), l("div", {
+        key: s,
+        class: g(["xw-steps__item", {
+          "xw-steps__item--active": s === e.current,
+          "xw-steps__item--finish": s < e.current
+        }])
+      }, [
+        o("div", Hs, [
+          s < e.current ? (a(), l("span", Gs, "✓")) : (a(), l("span", Qs, p(s + 1), 1))
+        ]),
+        o("div", Js, [
+          o("div", Zs, p(n.title), 1),
+          n.description ? (a(), l("div", en, p(n.description), 1)) : x("", !0)
+        ]),
+        s < e.steps.length - 1 ? (a(), l("div", tn)) : x("", !0)
+      ], 2))), 128))
+    ], 2));
+  }
+});
+const ln = /* @__PURE__ */ T(an, [["__scopeId", "data-v-de6ad603"]]), sn = /* @__PURE__ */ S({
+  __name: "Backtop",
+  props: {
+    visibilityHeight: { default: 200 },
+    right: { default: 40 },
+    bottom: { default: 40 },
+    position: { default: "fixed" }
+  },
+  emits: ["click"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, s = k(!1), i = () => {
+      s.value = window.scrollY > t.visibilityHeight;
+    }, c = () => {
+      window.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      }), n("click");
+    };
+    return U(() => {
+      window.addEventListener("scroll", i), i();
+    }), Y(() => {
+      window.removeEventListener("scroll", i);
+    }), (d, u) => (a(), W(Q, { to: "body" }, [
+      s.value ? (a(), l("div", {
+        key: 0,
+        class: g(["xw-backtop", `xw-backtop--${e.position}`]),
+        style: N({ bottom: e.bottom + "px", right: e.right + "px" }),
+        onClick: c
+      }, [
+        I(d.$slots, "default", {}, () => [
+          u[0] || (u[0] = o("span", { class: "xw-backtop__icon" }, "↑", -1))
+        ], !0)
+      ], 6)) : x("", !0)
+    ]));
+  }
+});
+const nn = /* @__PURE__ */ T(sn, [["__scopeId", "data-v-812247e2"]]), on = ["onClick"], cn = {
+  key: 0,
+  class: "xw-menu__icon"
+}, dn = { class: "xw-menu__label" }, un = /* @__PURE__ */ S({
+  __name: "Menu",
+  props: {
+    items: { default: () => [] },
+    selectedKey: {},
+    mode: { default: "vertical" }
+  },
+  emits: ["select"],
+  setup(e, { emit: r }) {
+    const t = r, n = (s) => {
+      t("select", s);
+    };
+    return (s, i) => (a(), l("div", {
+      class: g(["xw-menu", `xw-menu--${e.mode}`])
+    }, [
+      (a(!0), l(z, null, D(e.items, (c) => (a(), l("div", {
+        key: c.key,
+        class: g(["xw-menu__item", { "xw-menu__item--active": c.key === e.selectedKey }]),
+        onClick: (d) => n(c.key)
+      }, [
+        c.icon ? (a(), l("span", cn, p(c.icon), 1)) : x("", !0),
+        o("span", dn, p(c.label), 1)
+      ], 10, on))), 128))
+    ], 2));
+  }
+});
+const rn = /* @__PURE__ */ T(un, [["__scopeId", "data-v-b0f596a9"]]), _n = ["aria-expanded", "onKeydown"], vn = {
+  key: 0,
+  class: "xw-popover__title"
+}, fn = { class: "xw-popover__body" }, pn = /* @__PURE__ */ S({
+  __name: "Popover",
+  props: {
+    title: {},
+    content: {},
+    trigger: { default: "click" },
+    placement: { default: "top" }
+  },
+  setup(e) {
+    const r = e, t = k(), n = k(!1), s = () => {
+      r.trigger === "click" && (n.value = !n.value);
+    }, i = () => {
+      n.value = !1;
+    }, c = () => {
+      r.trigger === "hover" && (n.value = !0);
+    }, d = () => {
+      r.trigger === "hover" && (n.value = !1);
+    }, u = (v) => {
+      t.value && !t.value.contains(v.target) && (n.value = !1);
+    };
+    return U(() => {
+      document.addEventListener("click", u);
+    }), Y(() => {
+      document.removeEventListener("click", u);
+    }), (v, m) => (a(), l("div", {
+      class: "xw-popover",
+      ref_key: "popoverRef",
+      ref: t
+    }, [
+      o("div", {
+        class: "xw-popover__trigger",
+        role: "button",
+        tabindex: "0",
+        "aria-haspopup": "dialog",
+        "aria-expanded": n.value,
+        onClick: s,
+        onMouseenter: c,
+        onMouseleave: d,
+        onKeydown: [
+          P(X(s, ["prevent"]), ["enter"]),
+          P(X(s, ["prevent"]), ["space"]),
+          P(X(i, ["prevent"]), ["esc"])
+        ]
+      }, [
+        I(v.$slots, "default", {}, void 0, !0)
+      ], 40, _n),
+      n.value ? (a(), l("div", {
+        key: 0,
+        class: g(["xw-popover__content", `xw-popover__content--${e.placement}`]),
+        role: "dialog",
+        "aria-label": "气泡卡片"
+      }, [
+        e.title ? (a(), l("div", vn, p(e.title), 1)) : x("", !0),
+        o("div", fn, [
+          I(v.$slots, "content", {}, () => [
+            F(p(e.content), 1)
+          ], !0)
+        ])
+      ], 2)) : x("", !0)
+    ], 512));
+  }
+});
+const mn = /* @__PURE__ */ T(pn, [["__scopeId", "data-v-fc878ae2"]]), wn = [
+  ["XwButton", "xw-button", we],
+  ["XwInput", "xw-input", Ce],
+  ["XwCheckbox", "xw-checkbox", Le],
+  ["XwRadio", "xw-radio", Ee],
+  ["XwSwitch", "xw-switch", Ye],
+  ["XwSlider", "xw-slider", Qe],
+  ["XwSelect", "xw-select", dt],
+  ["XwModal", "xw-modal", wt],
+  ["XwToast", "xw-toast", gt],
+  ["XwTooltip", "xw-tooltip", Vt],
+  ["XwLoading", "xw-loading", Lt],
+  ["XwTabs", "xw-tabs", Ft],
+  ["XwBreadcrumb", "xw-breadcrumb", Yt],
+  ["XwPagination", "xw-pagination", la],
+  ["XwLink", "xw-link", ca],
+  ["XwSpace", "xw-space", ua],
+  ["XwDivider", "xw-divider", _a],
+  ["XwTag", "xw-tag", pa],
+  ["XwBadge", "xw-badge", ha],
+  ["XwRate", "xw-rate", ka],
+  ["XwInputNumber", "xw-input-number", Sa],
+  ["XwProgress", "xw-progress", Xa],
+  ["XwAutocomplete", "xw-autocomplete", Na],
+  ["XwCascader", "xw-cascader", Ha],
+  ["XwDatePicker", "xw-date-picker", sl],
+  ["XwTimePicker", "xw-time-picker", pl],
+  ["XwTransfer", "xw-transfer", Tl],
+  ["XwUpload", "xw-upload", Pl],
+  ["XwAvatar", "xw-avatar", Nl],
+  ["XwCard", "xw-card", Wl],
+  ["XwCarousel", "xw-carousel", Ql],
+  ["XwCollapse", "xw-collapse", ls],
+  ["XwEmpty", "xw-empty", cs],
+  ["XwImage", "xw-image", fs],
+  ["XwTable", "xw-table", xs],
+  ["XwTimeline", "xw-timeline", Vs],
+  ["XwSkeleton", "xw-skeleton", zs],
+  ["XwAlert", "xw-alert", Ps],
+  ["XwDrawer", "xw-drawer", Us],
+  ["XwDropdown", "xw-dropdown", js],
+  ["XwSteps", "xw-steps", ln],
+  ["XwBacktop", "xw-backtop", nn],
+  ["XwMenu", "xw-menu", rn],
+  ["XwPopover", "xw-popover", mn]
+], xn = {
+  install(e) {
+    wn.forEach(([r, t, n]) => {
+      e.component(r, n), e.component(t, n);
+    });
+  }
+};
+export {
+  Ps as Alert,
+  Na as Autocomplete,
+  Nl as Avatar,
+  nn as Backtop,
+  ha as Badge,
+  Yt as Breadcrumb,
+  we as Button,
+  Wl as Card,
+  Ql as Carousel,
+  Ha as Cascader,
+  Le as Checkbox,
+  ls as Collapse,
+  sl as DatePicker,
+  _a as Divider,
+  Us as Drawer,
+  js as Dropdown,
+  cs as Empty,
+  fs as Image,
+  Ce as Input,
+  Sa as InputNumber,
+  ca as Link,
+  Lt as Loading,
+  rn as Menu,
+  wt as Modal,
+  la as Pagination,
+  mn as Popover,
+  Xa as Progress,
+  Ee as Radio,
+  ka as Rate,
+  dt as Select,
+  zs as Skeleton,
+  Qe as Slider,
+  ua as Space,
+  ln as Steps,
+  Ye as Switch,
+  xs as Table,
+  Ft as Tabs,
+  pa as Tag,
+  pl as TimePicker,
+  Vs as Timeline,
+  gt as Toast,
+  Vt as Tooltip,
+  Tl as Transfer,
+  Pl as Upload,
+  xn as default
+};