@webx-ui/core 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,23 +1,23 @@
-import { defineComponent as E, computed as u, openBlock as n, createBlock as Q, resolveDynamicComponent as xe, mergeProps as K, withCtx as H, createElementBlock as d, renderSlot as P, createCommentVNode as W, useSlots as Ce, normalizeClass as U, createElementVNode as I, createTextVNode as ee, toDisplayString as N, inject as te, provide as ne, useModel as G, ref as D, onMounted as ke, watch as Z, unref as s, mergeModels as S, Fragment as X, renderList as q, createVNode as F, normalizeStyle as ae, withModifiers as le, createSlots as ue, normalizeProps as se, guardReactiveProps as de, toRef as oe, withDirectives as Ve, withKeys as Ie, vModelText as Te, nextTick as be } from "vue";
-import { VueDatePicker as ge } from "@vuepic/vue-datepicker";
-import { colorToHex as pe, getAreaBackgroundStyle as ze, getSliderBackgroundStyle as We, PopoverRoot as Se, PopoverAnchor as Ae, PopoverPortal as Le, PopoverContent as Re, ColorAreaRoot as He, ColorAreaArea as De, ColorAreaThumb as Fe, ColorSliderRoot as Pe, ColorSliderTrack as Ne, ColorSliderThumb as Ue, convertToHsb as he, parseColor as Ee, ComboboxRoot as Oe, ComboboxAnchor as je, ComboboxInput as Ge, ComboboxTrigger as qe, ComboboxPortal as Ke, ComboboxContent as Ye, ComboboxViewport as Xe, ComboboxEmpty as Qe, ComboboxItem as Je, ComboboxItemIndicator as Ze, SliderRoot as ea, SliderTrack as aa, SliderRange as la, SliderThumb as ta } from "reka-ui";
-import { useEditor as oa, EditorContent as ia } from "@tiptap/vue-3";
-import na from "@tiptap/starter-kit";
-import { TableKit as ua } from "@tiptap/extension-table";
-import sa from "@tiptap/extension-image";
-import da from "@tiptap/extension-youtube";
-import ra from "@tiptap/extension-file-handler";
-const ca = {
+import { defineComponent as J, computed as d, openBlock as l, createBlock as ie, resolveDynamicComponent as Ge, mergeProps as te, withCtx as Y, createElementBlock as u, renderSlot as N, createCommentVNode as C, useSlots as qe, normalizeClass as F, createElementVNode as x, createTextVNode as ae, toDisplayString as D, inject as ce, provide as xe, useModel as G, ref as q, onMounted as Ce, watch as ne, unref as b, mergeModels as R, Fragment as K, renderList as X, createVNode as O, normalizeStyle as ee, withModifiers as de, createSlots as ge, normalizeProps as ke, guardReactiveProps as we, toRef as me, withDirectives as ma, withKeys as pa, vModelText as ha, onBeforeUnmount as ya, nextTick as Ue } from "vue";
+import { VueDatePicker as Ye } from "@vuepic/vue-datepicker";
+import { colorToHex as Ee, getAreaBackgroundStyle as xa, getSliderBackgroundStyle as ga, PopoverRoot as ka, PopoverAnchor as wa, PopoverPortal as $a, PopoverContent as _a, ColorAreaRoot as Ba, ColorAreaArea as Ma, ColorAreaThumb as Ca, ColorSliderRoot as Sa, ColorSliderTrack as Ta, ColorSliderThumb as Ia, convertToHsb as Oe, parseColor as Va, ComboboxRoot as za, ComboboxAnchor as Pa, ComboboxInput as Wa, ComboboxTrigger as Aa, ComboboxPortal as La, ComboboxContent as Ra, ComboboxViewport as Fa, ComboboxEmpty as Ha, ComboboxItem as Da, ComboboxItemIndicator as Na, SliderRoot as Ua, SliderTrack as Ea, SliderRange as Oa, SliderThumb as ja } from "reka-ui";
+import { useEditor as Ka, EditorContent as Ga } from "@tiptap/vue-3";
+import qa from "@tiptap/starter-kit";
+import { TableKit as Ya } from "@tiptap/extension-table";
+import Xa from "@tiptap/extension-image";
+import Ja from "@tiptap/extension-youtube";
+import Za from "@tiptap/extension-file-handler";
+const Qa = {
   key: 0,
   class: "wx-button__spinner",
   "aria-hidden": "true"
-}, va = {
+}, et = {
   key: 1,
   class: "wx-button__icon"
-}, fa = {
+}, at = {
   key: 2,
   class: "wx-button__label"
-}, ma = /* @__PURE__ */ E({
+}, tt = /* @__PURE__ */ J({
   name: "WxButton",
   inheritAttrs: !1,
   __name: "Button",
@@ -34,8 +34,8 @@ const ca = {
     nativeType: { default: "button" }
   },
   emits: ["click"],
-  setup(e, { emit: y }) {
-    const a = e, t = y, i = u(() => a.disabled || a.loading), l = u(() => a.href ? "a" : "button"), o = u(() => [
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = d(() => a.disabled || a.loading), t = d(() => a.href ? "a" : "button"), o = d(() => [
       "wx-button",
       `wx-button--${a.type}`,
       `wx-button--${a.variant}`,
@@ -44,61 +44,61 @@ const ca = {
         "wx-button--block": a.block,
         "wx-button--round": a.round,
         "wx-button--loading": a.loading,
-        "is-disabled": i.value
+        "is-disabled": s.value
       }
-    ]), v = u(
+    ]), c = d(
       () => a.href ? {
-        href: i.value ? void 0 : a.href,
+        href: s.value ? void 0 : a.href,
         target: a.target,
         role: "button",
-        "aria-disabled": i.value ? "true" : void 0,
-        tabindex: i.value ? -1 : void 0
+        "aria-disabled": s.value ? "true" : void 0,
+        tabindex: s.value ? -1 : void 0
       } : {
         type: a.nativeType,
-        disabled: i.value
+        disabled: s.value
       }
     );
-    function m(b) {
-      if (i.value) {
-        b.preventDefault(), b.stopPropagation();
+    function p(h) {
+      if (s.value) {
+        h.preventDefault(), h.stopPropagation();
         return;
       }
-      t("click", b);
+      n("click", h);
     }
-    return (b, c) => (n(), Q(xe(l.value), K({ ...v.value, ...b.$attrs }, {
+    return (h, f) => (l(), ie(Ge(t.value), te({ ...c.value, ...h.$attrs }, {
       class: o.value,
       "aria-busy": e.loading || void 0,
-      onClick: m
+      onClick: p
     }), {
-      default: H(() => [
-        e.loading ? (n(), d("span", ca)) : b.$slots.icon ? (n(), d("span", va, [
-          P(b.$slots, "icon", {}, void 0, !0)
-        ])) : W("", !0),
-        b.$slots.default ? (n(), d("span", fa, [
-          P(b.$slots, "default", {}, void 0, !0)
-        ])) : W("", !0)
+      default: Y(() => [
+        e.loading ? (l(), u("span", Qa)) : h.$slots.icon ? (l(), u("span", et, [
+          N(h.$slots, "icon", {}, void 0, !0)
+        ])) : C("", !0),
+        h.$slots.default ? (l(), u("span", at, [
+          N(h.$slots, "default", {}, void 0, !0)
+        ])) : C("", !0)
       ]),
       _: 3
     }, 16, ["class", "aria-busy"]));
   }
-}), j = (e, y) => {
+}), Q = (e, _) => {
   const a = e.__vccOpts || e;
-  for (const [t, i] of y)
-    a[t] = i;
+  for (const [n, s] of _)
+    a[n] = s;
   return a;
-}, ba = /* @__PURE__ */ j(ma, [["__scopeId", "data-v-11c2b24d"]]), pa = {
+}, lt = /* @__PURE__ */ Q(tt, [["__scopeId", "data-v-11c2b24d"]]), ot = {
   key: 0,
   class: "wx-card__header"
-}, ha = { class: "wx-card__title" }, ya = {
+}, it = { class: "wx-card__title" }, nt = {
   key: 0,
   class: "wx-card__extra"
-}, xa = { class: "wx-card__body" }, ka = {
+}, st = { class: "wx-card__body" }, ut = {
   key: 0,
   class: "wx-card__layout"
-}, ga = { class: "wx-card__sidebar" }, wa = { class: "wx-card__content" }, $a = {
+}, dt = { class: "wx-card__sidebar" }, rt = { class: "wx-card__content" }, ct = {
   key: 1,
   class: "wx-card__footer"
-}, _a = /* @__PURE__ */ E({
+}, vt = /* @__PURE__ */ J({
   name: "WxCard",
   __name: "Card",
   props: {
@@ -108,88 +108,88 @@ const ca = {
     bordered: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const y = e, a = Ce(), t = u(() => !!(y.title || a.header || a.extra)), i = u(() => !!a.sidebar), l = u(() => [
+    const _ = e, a = qe(), n = d(() => !!(_.title || a.header || a.extra)), s = d(() => !!a.sidebar), t = d(() => [
       "wx-card",
-      `wx-card--shadow-${y.shadow}`,
-      `wx-card--padding-${y.padding}`,
+      `wx-card--shadow-${_.shadow}`,
+      `wx-card--padding-${_.padding}`,
       {
-        "wx-card--bordered": y.bordered,
-        "wx-card--with-sidebar": i.value
+        "wx-card--bordered": _.bordered,
+        "wx-card--with-sidebar": s.value
       }
     ]);
-    return (o, v) => (n(), d("section", {
-      class: U(l.value)
+    return (o, c) => (l(), u("section", {
+      class: F(t.value)
     }, [
-      t.value ? (n(), d("header", pa, [
-        I("div", ha, [
-          P(o.$slots, "header", {}, () => [
-            ee(N(e.title), 1)
+      n.value ? (l(), u("header", ot, [
+        x("div", it, [
+          N(o.$slots, "header", {}, () => [
+            ae(D(e.title), 1)
           ], !0)
         ]),
-        o.$slots.extra ? (n(), d("div", ya, [
-          P(o.$slots, "extra", {}, void 0, !0)
-        ])) : W("", !0)
-      ])) : W("", !0),
-      I("div", xa, [
-        i.value ? (n(), d("div", ka, [
-          I("aside", ga, [
-            P(o.$slots, "sidebar", {}, void 0, !0)
+        o.$slots.extra ? (l(), u("div", nt, [
+          N(o.$slots, "extra", {}, void 0, !0)
+        ])) : C("", !0)
+      ])) : C("", !0),
+      x("div", st, [
+        s.value ? (l(), u("div", ut, [
+          x("aside", dt, [
+            N(o.$slots, "sidebar", {}, void 0, !0)
           ]),
-          I("div", wa, [
-            P(o.$slots, "default", {}, void 0, !0)
+          x("div", rt, [
+            N(o.$slots, "default", {}, void 0, !0)
           ])
-        ])) : P(o.$slots, "default", {}, void 0, !0, 1)
+        ])) : N(o.$slots, "default", {}, void 0, !0, 1)
       ]),
-      o.$slots.footer ? (n(), d("footer", $a, [
-        P(o.$slots, "footer", {}, void 0, !0)
-      ])) : W("", !0)
+      o.$slots.footer ? (l(), u("footer", ct, [
+        N(o.$slots, "footer", {}, void 0, !0)
+      ])) : C("", !0)
     ], 2));
   }
-}), Ba = /* @__PURE__ */ j(_a, [["__scopeId", "data-v-604cd918"]]), ce = /* @__PURE__ */ Symbol("wx-form"), we = /* @__PURE__ */ Symbol("wx-form-item");
-let ye = 0;
-function ve(e = "wx") {
-  return ye += 1, `${e}-${ye}`;
+}), ft = /* @__PURE__ */ Q(vt, [["__scopeId", "data-v-604cd918"]]), Se = /* @__PURE__ */ Symbol("wx-form"), Xe = /* @__PURE__ */ Symbol("wx-form-item");
+let je = 0;
+function Te(e = "wx") {
+  return je += 1, `${e}-${je}`;
 }
-function Y(e) {
-  const y = te(ce, null), a = te(we, null), t = ve("wx-control"), i = u(() => e.id ?? a?.id.value ?? t), l = u(
-    () => e.disabled || a?.disabled.value || y?.disabled.value || !1
-  ), o = u(
-    () => e.size ?? a?.size.value ?? y?.size.value ?? "md"
-  ), v = u(() => e.status && e.status !== "default" ? e.status : a?.status.value ?? "default"), m = u(() => a?.describedBy.value);
-  return { id: i, disabled: l, size: o, status: v, describedBy: m, form: y, item: a };
+function le(e) {
+  const _ = ce(Se, null), a = ce(Xe, null), n = Te("wx-control"), s = d(() => e.id ?? a?.id.value ?? n), t = d(
+    () => e.disabled || a?.disabled.value || _?.disabled.value || !1
+  ), o = d(
+    () => e.size ?? a?.size.value ?? _?.size.value ?? "md"
+  ), c = d(() => e.status && e.status !== "default" ? e.status : a?.status.value ?? "default"), p = d(() => a?.describedBy.value);
+  return { id: s, disabled: t, size: o, status: c, describedBy: p, form: _, item: a };
 }
-const $e = /* @__PURE__ */ Symbol("wx-checkbox-group"), _e = /* @__PURE__ */ Symbol("wx-radio-group");
-function Ma(e) {
-  ne(we, e);
+const Je = /* @__PURE__ */ Symbol("wx-checkbox-group"), Ze = /* @__PURE__ */ Symbol("wx-radio-group");
+function bt(e) {
+  xe(Xe, e);
 }
-const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby"], Va = {
+const mt = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby"], pt = {
   class: "wx-checkbox__box",
   "aria-hidden": "true"
-}, Ia = {
+}, ht = {
   class: "wx-checkbox__mark",
   viewBox: "0 0 16 16",
   fill: "none"
-}, Ta = {
+}, yt = {
   key: 0,
   d: "M4 8h8",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round"
-}, za = {
+}, xt = {
   key: 1,
   d: "M3.5 8.5l3 3 6-6",
   stroke: "currentColor",
   "stroke-width": "2",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Wa = {
+}, gt = {
   key: 0,
   class: "wx-checkbox__label"
-}, Sa = /* @__PURE__ */ E({
+}, kt = /* @__PURE__ */ J({
   name: "WxCheckbox",
   inheritAttrs: !1,
   __name: "Checkbox",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     value: { type: [String, Number, Boolean, null], default: void 0 },
     label: { default: void 0 },
     indeterminate: { type: Boolean, default: !1 },
@@ -202,60 +202,60 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["change"], ["update:modelValue"]),
-  setup(e, { emit: y }) {
-    const a = e, t = y, i = G(e, "modelValue"), l = te($e, null), o = Y(a), v = D(null), m = u(
-      () => l ? l.modelValue.value.includes(a.value ?? null) : i.value === !0
-    ), b = u(() => a.disabled || l?.disabled.value || o.disabled.value), c = u(() => a.size ?? l?.size.value ?? o.size.value), r = u(() => [
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = ce(Je, null), o = le(a), c = q(null), p = d(
+      () => t ? t.modelValue.value.includes(a.value ?? null) : s.value === !0
+    ), h = d(() => a.disabled || t?.disabled.value || o.disabled.value), f = d(() => a.size ?? t?.size.value ?? o.size.value), m = d(() => [
       "wx-checkbox",
-      `wx-checkbox--${c.value}`,
+      `wx-checkbox--${f.value}`,
       {
-        "is-checked": m.value,
-        "is-indeterminate": a.indeterminate && !m.value,
-        "is-disabled": b.value
+        "is-checked": p.value,
+        "is-indeterminate": a.indeterminate && !p.value,
+        "is-disabled": h.value
       }
     ]);
-    function h() {
-      v.value && (v.value.indeterminate = a.indeterminate && !m.value);
+    function g() {
+      c.value && (c.value.indeterminate = a.indeterminate && !p.value);
     }
-    ke(h), Z([() => a.indeterminate, m], h);
-    function p(T) {
-      const M = T.target.checked;
-      l ? l.toggle(a.value ?? null, M) : i.value = M, t("change", M);
+    Ce(g), ne([() => a.indeterminate, p], g);
+    function y(P) {
+      const V = P.target.checked;
+      t ? t.toggle(a.value ?? null, V) : s.value = V, n("change", V);
     }
-    return (T, M) => (n(), d("label", {
-      class: U(r.value)
+    return (P, V) => (l(), u("label", {
+      class: F(m.value)
     }, [
-      I("input", K({
-        id: s(o).id.value,
+      x("input", te({
+        id: b(o).id.value,
         ref_key: "inputRef",
-        ref: v
-      }, T.$attrs, {
+        ref: c
+      }, P.$attrs, {
         class: "wx-checkbox__native",
         type: "checkbox",
-        name: e.name ?? s(l)?.name.value,
-        checked: m.value,
-        disabled: b.value,
+        name: e.name ?? b(t)?.name.value,
+        checked: p.value,
+        disabled: h.value,
         "aria-label": e.ariaLabel,
-        "aria-describedby": s(o).describedBy.value,
-        onChange: p
-      }), null, 16, Ca),
-      I("span", Va, [
-        (n(), d("svg", Ia, [
-          e.indeterminate && !m.value ? (n(), d("path", Ta)) : (n(), d("path", za))
+        "aria-describedby": b(o).describedBy.value,
+        onChange: y
+      }), null, 16, mt),
+      x("span", pt, [
+        (l(), u("svg", ht, [
+          e.indeterminate && !p.value ? (l(), u("path", yt)) : (l(), u("path", xt))
         ]))
       ]),
-      e.label || T.$slots.default ? (n(), d("span", Wa, [
-        P(T.$slots, "default", {}, () => [
-          ee(N(e.label), 1)
+      e.label || P.$slots.default ? (l(), u("span", gt, [
+        N(P.$slots, "default", {}, () => [
+          ae(D(e.label), 1)
         ], !0)
-      ])) : W("", !0)
+      ])) : C("", !0)
     ], 2));
   }
-}), Be = /* @__PURE__ */ j(Sa, [["__scopeId", "data-v-c35cc837"]]), Aa = ["aria-labelledby", "aria-describedby"], La = /* @__PURE__ */ E({
+}), ye = /* @__PURE__ */ Q(kt, [["__scopeId", "data-v-c35cc837"]]), wt = ["aria-labelledby", "aria-describedby"], $t = /* @__PURE__ */ J({
   name: "WxCheckboxGroup",
   __name: "CheckboxGroup",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     options: { default: void 0 },
     disabled: { type: Boolean, default: void 0 },
     size: { default: void 0 },
@@ -267,52 +267,52 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     modelValue: { default: () => [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["change"], ["update:modelValue"]),
-  setup(e, { emit: y }) {
-    const a = e, t = y, i = G(e, "modelValue"), l = Y(a);
-    l.item?.registerLabelTarget(void 0);
-    const o = u(() => a.disabled ?? l.disabled.value), v = u(() => a.size ?? l.size.value);
-    function m(b, c) {
-      const r = i.value ?? [];
-      if (c) {
-        if (r.includes(b) || a.max !== void 0 && r.length >= a.max) return;
-        i.value = [...r, b];
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = le(a);
+    t.item?.registerLabelTarget(void 0);
+    const o = d(() => a.disabled ?? t.disabled.value), c = d(() => a.size ?? t.size.value);
+    function p(h, f) {
+      const m = s.value ?? [];
+      if (f) {
+        if (m.includes(h) || a.max !== void 0 && m.length >= a.max) return;
+        s.value = [...m, h];
       } else {
-        if (a.min !== void 0 && r.length <= a.min) return;
-        i.value = r.filter((h) => h !== b);
+        if (a.min !== void 0 && m.length <= a.min) return;
+        s.value = m.filter((g) => g !== h);
       }
-      t("change", i.value);
+      n("change", s.value);
     }
-    return ne($e, {
-      name: u(() => a.name),
-      modelValue: u(() => i.value ?? []),
+    return xe(Je, {
+      name: d(() => a.name),
+      modelValue: d(() => s.value ?? []),
       disabled: o,
-      size: v,
-      toggle: m
-    }), (b, c) => (n(), d("div", {
-      class: U(["wx-checkbox-group", { "wx-checkbox-group--inline": e.inline }]),
+      size: c,
+      toggle: p
+    }), (h, f) => (l(), u("div", {
+      class: F(["wx-checkbox-group", { "wx-checkbox-group--inline": e.inline }]),
       role: "group",
-      "aria-labelledby": s(l).item ? `${s(l).item.id.value}-label` : void 0,
-      "aria-describedby": s(l).describedBy.value
+      "aria-labelledby": b(t).item ? `${b(t).item.id.value}-label` : void 0,
+      "aria-describedby": b(t).describedBy.value
     }, [
-      P(b.$slots, "default", {}, () => [
-        (n(!0), d(X, null, q(e.options, (r) => (n(), Q(Be, {
-          key: String(r.value),
-          value: r.value,
-          label: r.label,
-          disabled: r.disabled
+      N(h.$slots, "default", {}, () => [
+        (l(!0), u(K, null, X(e.options, (m) => (l(), ie(ye, {
+          key: String(m.value),
+          value: m.value,
+          label: m.label,
+          disabled: m.disabled
         }, null, 8, ["value", "label", "disabled"]))), 128))
       ], !0)
-    ], 10, Aa));
+    ], 10, wt));
   }
-}), Ra = /* @__PURE__ */ j(La, [["__scopeId", "data-v-8a0c916b"]]), Ha = ["disabled", "aria-label"], Da = ["id", "value", "name", "placeholder", "disabled", "readonly", "aria-label", "aria-describedby", "aria-invalid"], Fa = {
+}), _t = /* @__PURE__ */ Q($t, [["__scopeId", "data-v-8a0c916b"]]), Bt = ["disabled", "aria-label"], Mt = ["id", "value", "name", "placeholder", "disabled", "readonly", "aria-label", "aria-describedby", "aria-invalid"], Ct = {
   key: 0,
   class: "wx-color-picker__presets"
-}, Pa = ["aria-label", "aria-pressed", "onClick"], Na = /* @__PURE__ */ E({
+}, St = ["aria-label", "aria-pressed", "onClick"], Tt = /* @__PURE__ */ J({
   name: "WxColorPicker",
   inheritAttrs: !1,
   __name: "ColorPicker",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     presets: { default: () => [] },
     clearable: { type: Boolean, default: !1 },
     placeholder: { default: "#000000" },
@@ -328,174 +328,174 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     modelValue: { default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["change"], ["update:modelValue"]),
-  setup(e, { emit: y }) {
-    const a = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i, t = e, i = y, l = G(e, "modelValue"), o = Y(t), v = D(!1), m = D(l.value ?? "");
-    Z(l, (x) => {
-      m.value = x ?? "";
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i, n = e, s = _, t = G(e, "modelValue"), o = le(n), c = q(!1), p = q(t.value ?? "");
+    ne(t, (M) => {
+      p.value = M ?? "";
     });
-    function b(x) {
-      return he(Ee(x));
+    function h(M) {
+      return Oe(Va(M));
     }
-    const c = D(
-      b(l.value && a.test(l.value) ? l.value : "#427edd")
+    const f = q(
+      h(t.value && a.test(t.value) ? t.value : "#427edd")
     );
-    Z(l, (x) => {
-      const k = x && a.test(x) ? x : null;
-      !k || k === pe(c.value).toLowerCase() || (c.value = b(k));
+    ne(t, (M) => {
+      const w = M && a.test(M) ? M : null;
+      !w || w === Ee(f.value).toLowerCase() || (f.value = h(w));
     });
-    const r = u(
-      () => ze(c.value, "saturation", "brightness", "hsb")
-    ), h = u(() => We(c.value, "hue", "hsb")), p = u(() => l.value && a.test(l.value) ? l.value : null), T = u(() => [
+    const m = d(
+      () => xa(f.value, "saturation", "brightness", "hsb")
+    ), g = d(() => ga(f.value, "hue", "hsb")), y = d(() => t.value && a.test(t.value) ? t.value : null), P = d(() => [
       "wx-color-picker",
       `wx-color-picker--${o.size.value}`,
       {
         [`wx-color-picker--${o.status.value}`]: o.status.value !== "default",
-        "is-open": v.value,
+        "is-open": c.value,
         "is-disabled": o.disabled.value
       }
     ]);
-    function M(x) {
-      l.value !== x && (l.value = x, i("change", x));
+    function V(M) {
+      t.value !== M && (t.value = M, s("change", M));
     }
-    function g(x) {
-      const k = x.target.value;
-      m.value = k, a.test(k) ? M(k.toLowerCase()) : k === "" && M(null);
+    function B(M) {
+      const w = M.target.value;
+      p.value = w, a.test(w) ? V(w.toLowerCase()) : w === "" && V(null);
     }
-    function C() {
-      if (m.value === "") {
-        M(null);
+    function $() {
+      if (p.value === "") {
+        V(null);
         return;
       }
-      const x = m.value.startsWith("#") ? m.value : `#${m.value}`;
-      a.test(x) ? (M(x.toLowerCase()), m.value = x.toLowerCase()) : m.value = l.value ?? "";
+      const M = p.value.startsWith("#") ? p.value : `#${p.value}`;
+      a.test(M) ? (V(M.toLowerCase()), p.value = M.toLowerCase()) : p.value = t.value ?? "";
     }
-    function f(x) {
-      c.value = he(x), M(pe(x).toLowerCase());
+    function r(M) {
+      f.value = Oe(M), V(Ee(M).toLowerCase());
     }
-    function $(x) {
-      const k = x.toLowerCase();
-      c.value = b(k), M(k);
+    function S(M) {
+      const w = M.toLowerCase();
+      f.value = h(w), V(w);
     }
-    function V() {
-      M(null), m.value = "";
+    function z() {
+      V(null), p.value = "";
     }
-    function L() {
-      !o.disabled.value && !t.readonly && (v.value = !0);
+    function H() {
+      !o.disabled.value && !n.readonly && (c.value = !0);
     }
-    return (x, k) => (n(), Q(s(Se), {
-      open: v.value,
-      "onUpdate:open": k[0] || (k[0] = (R) => v.value = R)
+    return (M, w) => (l(), ie(b(ka), {
+      open: c.value,
+      "onUpdate:open": w[0] || (w[0] = (E) => c.value = E)
     }, {
-      default: H(() => [
-        I("div", {
-          class: U(T.value)
+      default: Y(() => [
+        x("div", {
+          class: F(P.value)
         }, [
-          F(s(Ae), { "as-child": "" }, {
-            default: H(() => [
-              I("div", {
+          O(b(wa), { "as-child": "" }, {
+            default: Y(() => [
+              x("div", {
                 class: "wx-color-picker__field",
-                onClick: L
+                onClick: H
               }, [
-                I("button", {
-                  class: U(["wx-color-picker__swatch", { "is-empty": !p.value }]),
+                x("button", {
+                  class: F(["wx-color-picker__swatch", { "is-empty": !y.value }]),
                   type: "button",
-                  disabled: s(o).disabled.value,
+                  disabled: b(o).disabled.value,
                   "aria-label": e.ariaLabel ?? "Pick a colour",
-                  style: ae(p.value ? { background: p.value } : void 0)
-                }, null, 14, Ha),
-                I("input", K({
-                  id: s(o).id.value
-                }, x.$attrs, {
+                  style: ee(y.value ? { background: y.value } : void 0)
+                }, null, 14, Bt),
+                x("input", te({
+                  id: b(o).id.value
+                }, M.$attrs, {
                   class: "wx-color-picker__input",
                   type: "text",
                   autocomplete: "off",
                   spellcheck: "false",
-                  value: m.value,
+                  value: p.value,
                   name: e.name,
                   placeholder: e.placeholder,
-                  disabled: s(o).disabled.value,
+                  disabled: b(o).disabled.value,
                   readonly: e.readonly,
                   "aria-label": e.ariaLabel,
-                  "aria-describedby": s(o).describedBy.value,
-                  "aria-invalid": s(o).status.value === "error" || void 0,
-                  onInput: g,
-                  onBlur: C
-                }), null, 16, Da),
-                e.clearable && p.value && !s(o).disabled.value ? (n(), d("button", {
+                  "aria-describedby": b(o).describedBy.value,
+                  "aria-invalid": b(o).status.value === "error" || void 0,
+                  onInput: B,
+                  onBlur: $
+                }), null, 16, Mt),
+                e.clearable && y.value && !b(o).disabled.value ? (l(), u("button", {
                   key: 0,
                   class: "wx-color-picker__clear",
                   type: "button",
                   tabindex: "-1",
                   "aria-label": "Clear",
-                  onClick: le(V, ["stop"])
-                }, " ✕ ")) : W("", !0)
+                  onClick: de(z, ["stop"])
+                }, " ✕ ")) : C("", !0)
               ])
             ]),
             _: 1
           }),
-          F(s(Le), {
+          O(b($a), {
             disabled: !e.teleport
           }, {
-            default: H(() => [
-              F(s(Re), {
+            default: Y(() => [
+              O(b(_a), {
                 class: "wx-color-picker__panel",
                 "side-offset": 4,
                 align: "start"
               }, {
-                default: H(() => [
-                  F(s(He), {
+                default: Y(() => [
+                  O(b(Ba), {
                     class: "wx-color-picker__area",
                     "color-space": "hsb",
                     "x-channel": "saturation",
                     "y-channel": "brightness",
-                    "model-value": c.value,
-                    "onUpdate:color": f
+                    "model-value": f.value,
+                    "onUpdate:color": r
                   }, {
-                    default: H(() => [
-                      F(s(De), {
+                    default: Y(() => [
+                      O(b(Ma), {
                         class: "wx-color-picker__area-surface",
-                        style: ae(r.value)
+                        style: ee(m.value)
                       }, {
-                        default: H(() => [
-                          F(s(Fe), { class: "wx-color-picker__thumb" })
+                        default: Y(() => [
+                          O(b(Ca), { class: "wx-color-picker__thumb" })
                         ]),
                         _: 1
                       }, 8, ["style"])
                     ]),
                     _: 1
                   }, 8, ["model-value"]),
-                  F(s(Pe), {
+                  O(b(Sa), {
                     class: "wx-color-picker__hue",
                     "color-space": "hsb",
                     channel: "hue",
-                    "model-value": c.value,
-                    "onUpdate:color": f
+                    "model-value": f.value,
+                    "onUpdate:color": r
                   }, {
-                    default: H(() => [
-                      F(s(Ne), {
+                    default: Y(() => [
+                      O(b(Ta), {
                         class: "wx-color-picker__hue-track",
-                        style: ae(h.value)
+                        style: ee(g.value)
                       }, {
-                        default: H(() => [
-                          F(s(Ue), { class: "wx-color-picker__thumb" })
+                        default: Y(() => [
+                          O(b(Ia), { class: "wx-color-picker__thumb" })
                         ]),
                         _: 1
                       }, 8, ["style"])
                     ]),
                     _: 1
                   }, 8, ["model-value"]),
-                  e.presets.length ? (n(), d("div", Fa, [
-                    (n(!0), d(X, null, q(e.presets, (R) => (n(), d("button", {
-                      key: R,
+                  e.presets.length ? (l(), u("div", Ct, [
+                    (l(!0), u(K, null, X(e.presets, (E) => (l(), u("button", {
+                      key: E,
                       class: "wx-color-picker__preset",
                       type: "button",
-                      style: ae({ background: R }),
-                      "aria-label": R,
-                      "aria-pressed": l.value === R,
-                      onClick: (O) => $(R)
-                    }, null, 12, Pa))), 128))
-                  ])) : W("", !0)
+                      style: ee({ background: E }),
+                      "aria-label": E,
+                      "aria-pressed": t.value === E,
+                      onClick: (Z) => S(E)
+                    }, null, 12, St))), 128))
+                  ])) : C("", !0)
                 ]),
                 _: 1
               })
@@ -507,11 +507,11 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
       _: 1
     }, 8, ["open"]));
   }
-}), Ua = /* @__PURE__ */ j(Na, [["__scopeId", "data-v-aab2d65f"]]), fe = /* @__PURE__ */ E({
+}), It = /* @__PURE__ */ Q(Tt, [["__scopeId", "data-v-aab2d65f"]]), Ie = /* @__PURE__ */ J({
   name: "WxDatePicker",
   inheritAttrs: !1,
   __name: "DatePicker",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     type: { default: "date" },
     valueFormat: { default: void 0 },
     format: { default: void 0 },
@@ -537,53 +537,53 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     modelValue: { default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["change", "clear", "open", "close"], ["update:modelValue"]),
-  setup(e, { emit: y }) {
-    const a = e, t = y, i = G(e, "modelValue"), l = Y(a), o = u(() => a.type !== "date"), v = u(() => {
+  emits: /* @__PURE__ */ R(["change", "clear", "open", "close"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = le(a), o = d(() => a.type !== "date"), c = d(() => {
       if (a.valueFormat !== "date")
         return a.valueFormat ? a.valueFormat : a.type === "time" ? a.seconds ? "HH:mm:ss" : "HH:mm" : a.type === "datetime" ? a.seconds ? "yyyy-MM-dd HH:mm:ss" : "yyyy-MM-dd HH:mm" : "yyyy-MM-dd";
-    }), m = u(() => {
+    }), p = d(() => {
       if (a.format) return a.format;
-      const M = a.seconds ? "HH:mm:ss" : "HH:mm";
-      return a.type === "time" ? M : a.type === "datetime" ? `dd.MM.yyyy ${M}` : "dd.MM.yyyy";
-    }), b = u(() => a.type === "time" ? { modeHeight: 125 } : void 0), c = u(() => ({
+      const V = a.seconds ? "HH:mm:ss" : "HH:mm";
+      return a.type === "time" ? V : a.type === "datetime" ? `dd.MM.yyyy ${V}` : "dd.MM.yyyy";
+    }), h = d(() => a.type === "time" ? { modeHeight: 125 } : void 0), f = d(() => ({
       enableTimePicker: o.value,
       enableSeconds: a.seconds,
       is24: a.is24,
       minutesIncrement: a.minutesIncrement
-    })), r = u(() => ({
-      id: l.id.value,
+    })), m = d(() => ({
+      id: t.id.value,
       name: a.name,
       clearable: a.clearable,
       // The library reads `state: false` as invalid; leaving it undefined means neutral.
-      state: l.status.value === "error" ? !1 : void 0,
+      state: t.status.value === "error" ? !1 : void 0,
       "aria-label": a.ariaLabel,
-      "aria-describedby": l.describedBy.value
-    })), h = u(() => [
+      "aria-describedby": t.describedBy.value
+    })), g = d(() => [
       "wx-datepicker",
-      `wx-datepicker--${l.size.value}`,
+      `wx-datepicker--${t.size.value}`,
       {
-        [`wx-datepicker--${l.status.value}`]: l.status.value !== "default",
-        "is-disabled": l.disabled.value
+        [`wx-datepicker--${t.status.value}`]: t.status.value !== "default",
+        "is-disabled": t.disabled.value
       }
     ]);
-    function p(M) {
-      i.value = M, t("change", M);
+    function y(V) {
+      s.value = V, n("change", V);
     }
-    function T() {
-      i.value = null, t("change", null), t("clear");
+    function P() {
+      s.value = null, n("change", null), n("clear");
     }
-    return (M, g) => (n(), d("div", {
-      class: U(h.value)
+    return (V, B) => (l(), u("div", {
+      class: F(g.value)
     }, [
-      F(s(ge), K({
-        "model-value": i.value,
-        "model-type": v.value,
-        formats: { input: m.value },
+      O(b(Ye), te({
+        "model-value": s.value,
+        "model-type": c.value,
+        formats: { input: p.value },
         "time-picker": e.type === "time",
-        "time-config": c.value,
-        config: b.value,
-        "input-attrs": r.value,
+        "time-config": f.value,
+        config: h.value,
+        "input-attrs": m.value,
         ui: { input: "wx-datepicker__input", menu: "wx-datepicker__menu" },
         placeholder: e.placeholder,
         "min-date": e.minDate,
@@ -592,28 +592,28 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
         "auto-apply": e.autoApply,
         "text-input": e.textInput,
         teleport: e.teleport,
-        disabled: s(l).disabled.value,
+        disabled: b(t).disabled.value,
         readonly: e.readonly
-      }, M.$attrs, {
-        "onUpdate:modelValue": p,
-        onCleared: T,
-        onOpen: g[0] || (g[0] = (C) => t("open")),
-        onClosed: g[1] || (g[1] = (C) => t("close"))
-      }), ue({ _: 2 }, [
-        q(M.$slots, (C, f) => ({
-          name: f,
-          fn: H(($) => [
-            P(M.$slots, f, se(de($ ?? {})))
+      }, V.$attrs, {
+        "onUpdate:modelValue": y,
+        onCleared: P,
+        onOpen: B[0] || (B[0] = ($) => n("open")),
+        onClosed: B[1] || (B[1] = ($) => n("close"))
+      }), ge({ _: 2 }, [
+        X(V.$slots, ($, r) => ({
+          name: r,
+          fn: Y((S) => [
+            N(V.$slots, r, ke(we(S ?? {})))
           ])
         }))
       ]), 1040, ["model-value", "model-type", "formats", "time-picker", "time-config", "config", "input-attrs", "placeholder", "min-date", "max-date", "week-start", "auto-apply", "text-input", "teleport", "disabled", "readonly"])
     ], 2));
   }
-}), Ea = /* @__PURE__ */ E({
+}), Vt = /* @__PURE__ */ J({
   name: "WxDateRangePicker",
   inheritAttrs: !1,
   __name: "DateRangePicker",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     valueFormat: { default: void 0 },
     format: { default: void 0 },
     placeholder: { default: void 0 },
@@ -636,42 +636,42 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     modelValue: { default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["change", "clear", "open", "close"], ["update:modelValue"]),
-  setup(e, { emit: y }) {
-    const a = e, t = y, i = G(e, "modelValue"), l = Y(a), o = u(
+  emits: /* @__PURE__ */ R(["change", "clear", "open", "close"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = le(a), o = d(
       () => a.valueFormat === "date" ? void 0 : a.valueFormat ?? "yyyy-MM-dd"
-    ), v = u(() => a.format ?? "dd.MM.yyyy"), m = u(() => ({
-      id: l.id.value,
+    ), c = d(() => a.format ?? "dd.MM.yyyy"), p = d(() => ({
+      id: t.id.value,
       name: a.name,
       clearable: a.clearable,
-      state: l.status.value === "error" ? !1 : void 0,
+      state: t.status.value === "error" ? !1 : void 0,
       "aria-label": a.ariaLabel,
-      "aria-describedby": l.describedBy.value
-    })), b = u(() => [
+      "aria-describedby": t.describedBy.value
+    })), h = d(() => [
       "wx-datepicker",
       "wx-datepicker--range",
-      `wx-datepicker--${l.size.value}`,
+      `wx-datepicker--${t.size.value}`,
       {
-        [`wx-datepicker--${l.status.value}`]: l.status.value !== "default",
-        "is-disabled": l.disabled.value
+        [`wx-datepicker--${t.status.value}`]: t.status.value !== "default",
+        "is-disabled": t.disabled.value
       }
     ]);
-    function c(h) {
-      i.value = h, t("change", h);
+    function f(g) {
+      s.value = g, n("change", g);
     }
-    function r() {
-      i.value = null, t("change", null), t("clear");
+    function m() {
+      s.value = null, n("change", null), n("clear");
     }
-    return (h, p) => (n(), d("div", {
-      class: U(b.value)
+    return (g, y) => (l(), u("div", {
+      class: F(h.value)
     }, [
-      F(s(ge), K({
+      O(b(Ye), te({
         range: "",
-        "model-value": i.value,
+        "model-value": s.value,
         "model-type": o.value,
-        formats: { input: v.value },
+        formats: { input: c.value },
         "multi-calendars": e.months,
-        "input-attrs": m.value,
+        "input-attrs": p.value,
         ui: { input: "wx-datepicker__input", menu: "wx-datepicker__menu" },
         placeholder: e.placeholder,
         "min-date": e.minDate,
@@ -680,27 +680,27 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
         "auto-apply": e.autoApply,
         "text-input": e.textInput,
         teleport: e.teleport,
-        disabled: s(l).disabled.value,
+        disabled: b(t).disabled.value,
         readonly: e.readonly
-      }, h.$attrs, {
-        "onUpdate:modelValue": c,
-        onCleared: r,
-        onOpen: p[0] || (p[0] = (T) => t("open")),
-        onClosed: p[1] || (p[1] = (T) => t("close"))
-      }), ue({ _: 2 }, [
-        q(h.$slots, (T, M) => ({
-          name: M,
-          fn: H((g) => [
-            P(h.$slots, M, se(de(g ?? {})))
+      }, g.$attrs, {
+        "onUpdate:modelValue": f,
+        onCleared: m,
+        onOpen: y[0] || (y[0] = (P) => n("open")),
+        onClosed: y[1] || (y[1] = (P) => n("close"))
+      }), ge({ _: 2 }, [
+        X(g.$slots, (P, V) => ({
+          name: V,
+          fn: Y((B) => [
+            N(g.$slots, V, ke(we(B ?? {})))
           ])
         }))
       ]), 1040, ["model-value", "model-type", "formats", "multi-calendars", "input-attrs", "placeholder", "min-date", "max-date", "week-start", "auto-apply", "text-input", "teleport", "disabled", "readonly"])
     ], 2));
   }
-}), Oa = /* @__PURE__ */ E({
+}), zt = /* @__PURE__ */ J({
   name: "WxDateTimePicker",
   __name: "DateTimePicker",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     valueFormat: { default: void 0 },
     format: { default: void 0 },
     placeholder: { default: void 0 },
@@ -727,21 +727,21 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const y = G(e, "modelValue");
-    return (a, t) => (n(), Q(fe, K({
-      modelValue: y.value,
-      "onUpdate:modelValue": t[0] || (t[0] = (i) => y.value = i),
+    const _ = G(e, "modelValue");
+    return (a, n) => (l(), ie(Ie, te({
+      modelValue: _.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => _.value = s),
       type: "datetime"
-    }, a.$props), ue({ _: 2 }, [
-      q(a.$slots, (i, l) => ({
-        name: l,
-        fn: H((o) => [
-          P(a.$slots, l, se(de(o ?? {})))
+    }, a.$props), ge({ _: 2 }, [
+      X(a.$slots, (s, t) => ({
+        name: t,
+        fn: Y((o) => [
+          N(a.$slots, t, ke(we(o ?? {})))
         ])
       }))
     ]), 1040, ["modelValue"]));
   }
-}), ja = /* @__PURE__ */ E({
+}), Pt = /* @__PURE__ */ J({
   name: "WxForm",
   __name: "Form",
   props: {
@@ -753,39 +753,39 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     gap: { default: "md" }
   },
   emits: ["submit", "reset"],
-  setup(e, { emit: y }) {
-    const a = e, t = y, i = u(() => a.errors ?? {});
-    ne(ce, {
-      errors: i,
-      disabled: oe(a, "disabled"),
-      size: oe(a, "size"),
-      labelPosition: oe(a, "labelPosition"),
-      labelWidth: oe(a, "labelWidth")
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = d(() => a.errors ?? {});
+    xe(Se, {
+      errors: s,
+      disabled: me(a, "disabled"),
+      size: me(a, "size"),
+      labelPosition: me(a, "labelPosition"),
+      labelWidth: me(a, "labelWidth")
     });
-    function l(v) {
-      v.preventDefault(), t("submit", v);
+    function t(c) {
+      c.preventDefault(), n("submit", c);
     }
-    function o(v) {
-      t("reset", v);
+    function o(c) {
+      n("reset", c);
     }
-    return (v, m) => (n(), d("form", {
-      class: U(["wx-form", `wx-form--gap-${e.gap}`, `wx-form--label-${e.labelPosition}`]),
+    return (c, p) => (l(), u("form", {
+      class: F(["wx-form", `wx-form--gap-${e.gap}`, `wx-form--label-${e.labelPosition}`]),
       novalidate: "",
-      onSubmit: l,
+      onSubmit: t,
       onReset: o
     }, [
-      P(v.$slots, "default", {}, void 0, !0)
+      N(c.$slots, "default", {}, void 0, !0)
     ], 34));
   }
-}), Ga = /* @__PURE__ */ j(ja, [["__scopeId", "data-v-bfab857f"]]), qa = {
+}), Wt = /* @__PURE__ */ Q(Pt, [["__scopeId", "data-v-bfab857f"]]), At = {
   key: 0,
   class: "wx-form-item__required",
   "aria-hidden": "true"
-}, Ka = { class: "wx-form-item__control" }, Ya = {
+}, Lt = { class: "wx-form-item__control" }, Rt = {
   key: 2,
   class: "wx-form-item__error",
   "aria-hidden": "true"
-}, Xa = /* @__PURE__ */ E({
+}, Ft = /* @__PURE__ */ J({
   name: "WxFormItem",
   __name: "FormItem",
   props: {
@@ -799,73 +799,73 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     labelWidth: { default: void 0 },
     reserveErrorSpace: { type: Boolean, default: !1 }
   },
-  setup(e, { expose: y }) {
-    const a = e, t = te(ce, null), i = ve("wx-field"), l = `${i}-error`, o = `${i}-help`, v = D("control"), m = D(i);
-    function b(f) {
-      if (f === void 0) {
-        v.value = "group";
+  setup(e, { expose: _ }) {
+    const a = e, n = ce(Se, null), s = Te("wx-field"), t = `${s}-error`, o = `${s}-help`, c = q("control"), p = q(s);
+    function h(r) {
+      if (r === void 0) {
+        c.value = "group";
         return;
       }
-      v.value = "control", m.value = f;
-    }
-    const c = u(() => a.error !== void 0 ? Array.isArray(a.error) ? a.error : [a.error] : a.name && t ? t.errors.value[a.name] ?? [] : []), r = u(() => c.value.length > 0), h = u(() => r.value ? "error" : "default"), p = u(() => r.value ? l : a.help ? o : void 0), T = u(() => a.size), M = u(() => a.disabled), g = u(() => a.labelWidth ?? t?.labelWidth.value), C = u(() => t?.labelPosition.value === "left");
-    return Ma({
-      id: u(() => i),
-      describedBy: p,
-      status: h,
-      disabled: M,
-      size: T,
-      registerLabelTarget: b
-    }), y({ messages: c, hasError: r }), (f, $) => (n(), d("div", {
-      class: U([
+      c.value = "control", p.value = r;
+    }
+    const f = d(() => a.error !== void 0 ? Array.isArray(a.error) ? a.error : [a.error] : a.name && n ? n.errors.value[a.name] ?? [] : []), m = d(() => f.value.length > 0), g = d(() => m.value ? "error" : "default"), y = d(() => m.value ? t : a.help ? o : void 0), P = d(() => a.size), V = d(() => a.disabled), B = d(() => a.labelWidth ?? n?.labelWidth.value), $ = d(() => n?.labelPosition.value === "left");
+    return bt({
+      id: d(() => s),
+      describedBy: y,
+      status: g,
+      disabled: V,
+      size: P,
+      registerLabelTarget: h
+    }), _({ messages: f, hasError: m }), (r, S) => (l(), u("div", {
+      class: F([
         "wx-form-item",
-        { "wx-form-item--inline": C.value, "is-error": r.value, "is-required": e.required }
+        { "wx-form-item--inline": $.value, "is-error": m.value, "is-required": e.required }
       ]),
-      style: ae(C.value && g.value ? { "--wx-form-item-label-width": g.value } : void 0)
+      style: ee($.value && B.value ? { "--wx-form-item-label-width": B.value } : void 0)
     }, [
-      e.label || f.$slots.label ? (n(), Q(xe(v.value === "group" ? "span" : "label"), {
+      e.label || r.$slots.label ? (l(), ie(Ge(c.value === "group" ? "span" : "label"), {
         key: 0,
-        id: `${s(i)}-label`,
+        id: `${b(s)}-label`,
         class: "wx-form-item__label",
-        for: v.value === "group" ? void 0 : m.value
+        for: c.value === "group" ? void 0 : p.value
       }, {
-        default: H(() => [
-          P(f.$slots, "label", {}, () => [
-            ee(N(e.label), 1)
+        default: Y(() => [
+          N(r.$slots, "label", {}, () => [
+            ae(D(e.label), 1)
           ], !0),
-          e.required ? (n(), d("span", qa, "*")) : W("", !0)
+          e.required ? (l(), u("span", At, "*")) : C("", !0)
         ]),
         _: 3
-      }, 8, ["id", "for"])) : W("", !0),
-      I("div", Ka, [
-        P(f.$slots, "default", {}, void 0, !0),
-        r.value ? (n(), d("p", {
+      }, 8, ["id", "for"])) : C("", !0),
+      x("div", Lt, [
+        N(r.$slots, "default", {}, void 0, !0),
+        m.value ? (l(), u("p", {
           key: 0,
-          id: l,
+          id: t,
           class: "wx-form-item__error",
           role: "alert"
-        }, N(c.value[0]), 1)) : e.help ? (n(), d("p", {
+        }, D(f.value[0]), 1)) : e.help ? (l(), u("p", {
           key: 1,
           id: o,
           class: "wx-form-item__help"
-        }, N(e.help), 1)) : e.reserveErrorSpace ? (n(), d("p", Ya, " ")) : W("", !0)
+        }, D(e.help), 1)) : e.reserveErrorSpace ? (l(), u("p", Rt, " ")) : C("", !0)
       ])
     ], 6));
   }
-}), Qa = /* @__PURE__ */ j(Xa, [["__scopeId", "data-v-0b8142de"]]), Ja = {
+}), Ht = /* @__PURE__ */ Q(Ft, [["__scopeId", "data-v-0b8142de"]]), Dt = {
   key: 0,
   class: "wx-input__affix wx-input__affix--prefix"
-}, Za = ["id", "type", "value", "placeholder", "disabled", "readonly", "maxlength", "autocomplete", "aria-label", "aria-describedby", "aria-invalid"], el = {
+}, Nt = ["id", "type", "value", "placeholder", "disabled", "readonly", "maxlength", "autocomplete", "aria-label", "aria-describedby", "aria-invalid"], Ut = {
   key: 2,
   class: "wx-input__count"
-}, al = {
+}, Et = {
   key: 3,
   class: "wx-input__affix wx-input__affix--suffix"
-}, ll = /* @__PURE__ */ E({
+}, Ot = /* @__PURE__ */ J({
   name: "WxInput",
   inheritAttrs: !1,
   __name: "Input",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     id: { default: void 0 },
     type: { default: "text" },
     size: { default: void 0 },
@@ -882,89 +882,89 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["input", "change", "focus", "blur", "clear"], ["update:modelValue"]),
-  setup(e, { expose: y, emit: a }) {
-    const t = e, i = a, l = G(e, "modelValue"), o = Y(t), v = D(null), m = D(!1), b = u(() => l.value == null ? "" : String(l.value)), c = u(
-      () => t.clearable && !o.disabled.value && !t.readonly && b.value.length > 0
-    ), r = u(
-      () => t.showCount && t.maxlength ? `${b.value.length}/${t.maxlength}` : null
-    ), h = u(() => [
+  emits: /* @__PURE__ */ R(["input", "change", "focus", "blur", "clear"], ["update:modelValue"]),
+  setup(e, { expose: _, emit: a }) {
+    const n = e, s = a, t = G(e, "modelValue"), o = le(n), c = q(null), p = q(!1), h = d(() => t.value == null ? "" : String(t.value)), f = d(
+      () => n.clearable && !o.disabled.value && !n.readonly && h.value.length > 0
+    ), m = d(
+      () => n.showCount && n.maxlength ? `${h.value.length}/${n.maxlength}` : null
+    ), g = d(() => [
       "wx-input",
       `wx-input--${o.size.value}`,
       {
         [`wx-input--${o.status.value}`]: o.status.value !== "default",
-        "is-focused": m.value,
+        "is-focused": p.value,
         "is-disabled": o.disabled.value,
-        "is-readonly": t.readonly
+        "is-readonly": n.readonly
       }
     ]);
-    function p(f) {
-      const $ = f.target.value;
-      l.value = $, i("input", $);
+    function y(r) {
+      const S = r.target.value;
+      t.value = S, s("input", S);
     }
-    function T(f) {
-      i("change", f.target.value);
+    function P(r) {
+      s("change", r.target.value);
     }
-    function M(f) {
-      m.value = !0, i("focus", f);
+    function V(r) {
+      p.value = !0, s("focus", r);
     }
-    function g(f) {
-      m.value = !1, i("blur", f);
+    function B(r) {
+      p.value = !1, s("blur", r);
     }
-    function C() {
-      l.value = "", i("input", ""), i("change", ""), i("clear"), v.value?.focus();
+    function $() {
+      t.value = "", s("input", ""), s("change", ""), s("clear"), c.value?.focus();
     }
-    return y({
-      focus: () => v.value?.focus(),
-      blur: () => v.value?.blur(),
-      select: () => v.value?.select(),
-      input: v
-    }), (f, $) => (n(), d("div", {
-      class: U(h.value)
+    return _({
+      focus: () => c.value?.focus(),
+      blur: () => c.value?.blur(),
+      select: () => c.value?.select(),
+      input: c
+    }), (r, S) => (l(), u("div", {
+      class: F(g.value)
     }, [
-      f.$slots.prefix ? (n(), d("span", Ja, [
-        P(f.$slots, "prefix", {}, void 0, !0)
-      ])) : W("", !0),
-      I("input", K({
-        id: s(o).id.value,
+      r.$slots.prefix ? (l(), u("span", Dt, [
+        N(r.$slots, "prefix", {}, void 0, !0)
+      ])) : C("", !0),
+      x("input", te({
+        id: b(o).id.value,
         ref_key: "inputRef",
-        ref: v
-      }, f.$attrs, {
+        ref: c
+      }, r.$attrs, {
         class: "wx-input__inner",
         type: e.type,
-        value: b.value,
+        value: h.value,
         placeholder: e.placeholder,
-        disabled: s(o).disabled.value,
+        disabled: b(o).disabled.value,
         readonly: e.readonly,
         maxlength: e.maxlength,
         autocomplete: e.autocomplete,
         "aria-label": e.ariaLabel,
-        "aria-describedby": s(o).describedBy.value,
-        "aria-invalid": s(o).status.value === "error" || void 0,
-        onInput: p,
-        onChange: T,
-        onFocus: M,
-        onBlur: g
-      }), null, 16, Za),
-      c.value ? (n(), d("button", {
+        "aria-describedby": b(o).describedBy.value,
+        "aria-invalid": b(o).status.value === "error" || void 0,
+        onInput: y,
+        onChange: P,
+        onFocus: V,
+        onBlur: B
+      }), null, 16, Nt),
+      f.value ? (l(), u("button", {
         key: 1,
         class: "wx-input__clear",
         type: "button",
         tabindex: "-1",
         "aria-label": "Clear",
-        onClick: C
-      }, " ✕ ")) : W("", !0),
-      r.value ? (n(), d("span", el, N(r.value), 1)) : W("", !0),
-      f.$slots.suffix ? (n(), d("span", al, [
-        P(f.$slots, "suffix", {}, void 0, !0)
-      ])) : W("", !0)
+        onClick: $
+      }, " ✕ ")) : C("", !0),
+      m.value ? (l(), u("span", Ut, D(m.value), 1)) : C("", !0),
+      r.$slots.suffix ? (l(), u("span", Et, [
+        N(r.$slots, "suffix", {}, void 0, !0)
+      ])) : C("", !0)
     ], 2));
   }
-}), tl = /* @__PURE__ */ j(ll, [["__scopeId", "data-v-82a546ac"]]), ol = ["disabled"], il = ["id", "name", "value", "placeholder", "disabled", "readonly", "aria-label", "aria-describedby", "aria-invalid", "aria-valuenow", "aria-valuemin", "aria-valuemax"], nl = ["disabled"], ul = /* @__PURE__ */ E({
+}), Qe = /* @__PURE__ */ Q(Ot, [["__scopeId", "data-v-82a546ac"]]), jt = ["disabled"], Kt = ["id", "name", "value", "placeholder", "disabled", "readonly", "aria-label", "aria-describedby", "aria-invalid", "aria-valuenow", "aria-valuemin", "aria-valuemax"], Gt = ["disabled"], qt = /* @__PURE__ */ J({
   name: "WxInputNumber",
   inheritAttrs: !1,
   __name: "InputNumber",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     min: { default: void 0 },
     max: { default: void 0 },
     step: { default: 1 },
@@ -984,169 +984,309 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     modelValue: { default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["change", "focus", "blur"], ["update:modelValue"]),
-  setup(e, { expose: y, emit: a }) {
-    const t = e, i = a, l = G(e, "modelValue"), o = Y(t), v = D(null), m = D(!1), b = u(() => {
-      if (t.precision !== void 0) return t.precision;
-      const [, B = ""] = String(t.step).split(".");
-      return B.length;
+  emits: /* @__PURE__ */ R(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { expose: _, emit: a }) {
+    const n = e, s = a, t = G(e, "modelValue"), o = le(n), c = q(null), p = q(!1), h = d(() => {
+      if (n.precision !== void 0) return n.precision;
+      const [, W = ""] = String(n.step).split(".");
+      return W.length;
     });
-    function c(B) {
-      const A = 10 ** b.value;
-      return Math.round((B + Number.EPSILON) * A) / A;
-    }
-    function r(B) {
-      let A = B;
-      return t.min !== void 0 && (A = Math.max(A, t.min)), t.max !== void 0 && (A = Math.min(A, t.max)), c(A);
-    }
-    const h = u(
-      () => typeof l.value == "number" && Number.isFinite(l.value) ? l.value : null
-    ), p = D(h.value === null ? "" : h.value.toFixed(b.value));
-    Z(h, (B) => {
-      m.value || (p.value = B === null ? "" : B.toFixed(b.value));
+    function f(W) {
+      const U = 10 ** h.value;
+      return Math.round((W + Number.EPSILON) * U) / U;
+    }
+    function m(W) {
+      let U = W;
+      return n.min !== void 0 && (U = Math.max(U, n.min)), n.max !== void 0 && (U = Math.min(U, n.max)), f(U);
+    }
+    const g = d(
+      () => typeof t.value == "number" && Number.isFinite(t.value) ? t.value : null
+    ), y = q(g.value === null ? "" : g.value.toFixed(h.value));
+    ne(g, (W) => {
+      p.value || (y.value = W === null ? "" : W.toFixed(h.value));
     });
-    const T = u(() => o.disabled.value), M = u(
-      () => !T.value && !t.readonly && (t.min === void 0 || (h.value ?? 0) > t.min)
-    ), g = u(
-      () => !T.value && !t.readonly && (t.max === void 0 || (h.value ?? 0) < t.max)
-    ), C = u(() => [
+    const P = d(() => o.disabled.value), V = d(
+      () => !P.value && !n.readonly && (n.min === void 0 || (g.value ?? 0) > n.min)
+    ), B = d(
+      () => !P.value && !n.readonly && (n.max === void 0 || (g.value ?? 0) < n.max)
+    ), $ = d(() => [
       "wx-input-number",
       `wx-input-number--${o.size.value}`,
-      `wx-input-number--controls-${t.controls ? t.controlsPosition : "none"}`,
+      `wx-input-number--controls-${n.controls ? n.controlsPosition : "none"}`,
       {
         [`wx-input-number--${o.status.value}`]: o.status.value !== "default",
-        "is-focused": m.value,
-        "is-disabled": T.value
+        "is-focused": p.value,
+        "is-disabled": P.value
       }
     ]);
-    function f(B) {
-      l.value !== B && (l.value = B, i("change", B));
-    }
-    function $(B) {
-      if (T.value || t.readonly) return;
-      const A = h.value ?? r(0), _ = r(A + B * t.step);
-      f(_), p.value = _.toFixed(b.value);
-    }
-    function V(B) {
-      p.value = B.target.value;
-      const A = Number.parseFloat(p.value);
-      p.value === "" ? f(null) : Number.isFinite(A) && f(c(A));
-    }
-    function L() {
-      if (p.value.trim() === "") {
-        f(null), p.value = "";
+    function r(W) {
+      t.value !== W && (t.value = W, s("change", W));
+    }
+    function S(W) {
+      if (P.value || n.readonly) return;
+      const U = g.value ?? m(0), T = m(U + W * n.step);
+      r(T), y.value = T.toFixed(h.value);
+    }
+    function z(W) {
+      y.value = W.target.value;
+      const U = Number.parseFloat(y.value);
+      y.value === "" ? r(null) : Number.isFinite(U) && r(f(U));
+    }
+    function H() {
+      if (y.value.trim() === "") {
+        r(null), y.value = "";
         return;
       }
-      const B = Number.parseFloat(p.value);
-      if (!Number.isFinite(B)) {
-        p.value = h.value === null ? "" : h.value.toFixed(b.value);
+      const W = Number.parseFloat(y.value);
+      if (!Number.isFinite(W)) {
+        y.value = g.value === null ? "" : g.value.toFixed(h.value);
         return;
       }
-      const A = r(B);
-      f(A), p.value = A.toFixed(b.value);
+      const U = m(W);
+      r(U), y.value = U.toFixed(h.value);
     }
-    function x(B) {
-      m.value = !0, i("focus", B);
+    function M(W) {
+      p.value = !0, s("focus", W);
     }
-    function k(B) {
-      m.value = !1, L(), i("blur", B);
+    function w(W) {
+      p.value = !1, H(), s("blur", W);
     }
-    function R(B) {
-      !t.wheel || !m.value || T.value || t.readonly || (B.preventDefault(), $(B.deltaY < 0 ? 1 : -1));
+    function E(W) {
+      !n.wheel || !p.value || P.value || n.readonly || (W.preventDefault(), S(W.deltaY < 0 ? 1 : -1));
     }
-    function O(B) {
-      B.key === "ArrowUp" ? (B.preventDefault(), $(1)) : B.key === "ArrowDown" ? (B.preventDefault(), $(-1)) : B.key === "Enter" && L();
+    function Z(W) {
+      W.key === "ArrowUp" ? (W.preventDefault(), S(1)) : W.key === "ArrowDown" ? (W.preventDefault(), S(-1)) : W.key === "Enter" && H();
     }
-    return y({
-      focus: () => v.value?.focus(),
-      blur: () => v.value?.blur(),
-      increase: () => $(1),
-      decrease: () => $(-1),
-      input: v
-    }), (B, A) => (n(), d("div", {
-      class: U(C.value)
+    return _({
+      focus: () => c.value?.focus(),
+      blur: () => c.value?.blur(),
+      increase: () => S(1),
+      decrease: () => S(-1),
+      input: c
+    }), (W, U) => (l(), u("div", {
+      class: F($.value)
     }, [
-      e.controls ? (n(), d("button", {
+      e.controls ? (l(), u("button", {
         key: 0,
         class: "wx-input-number__button wx-input-number__button--decrease",
         type: "button",
         tabindex: "-1",
         "aria-label": "Decrease",
-        disabled: !M.value,
-        onClick: A[0] || (A[0] = (_) => $(-1))
-      }, [...A[2] || (A[2] = [
-        I("svg", {
+        disabled: !V.value,
+        onClick: U[0] || (U[0] = (T) => S(-1))
+      }, [...U[2] || (U[2] = [
+        x("svg", {
           viewBox: "0 0 16 16",
           fill: "none",
           "aria-hidden": "true"
         }, [
-          I("path", {
+          x("path", {
             d: "M3.5 8h9",
             stroke: "currentColor",
             "stroke-width": "1.5",
             "stroke-linecap": "round"
           })
         ], -1)
-      ])], 8, ol)) : W("", !0),
-      I("input", K({
-        id: s(o).id.value,
+      ])], 8, jt)) : C("", !0),
+      x("input", te({
+        id: b(o).id.value,
         ref_key: "inputRef",
-        ref: v
-      }, B.$attrs, {
+        ref: c
+      }, W.$attrs, {
         class: "wx-input-number__inner",
         type: "text",
         inputmode: "decimal",
         autocomplete: "off",
         name: e.name,
-        value: p.value,
+        value: y.value,
         placeholder: e.placeholder,
-        disabled: T.value,
+        disabled: P.value,
         readonly: e.readonly,
         "aria-label": e.ariaLabel,
-        "aria-describedby": s(o).describedBy.value,
-        "aria-invalid": s(o).status.value === "error" || void 0,
+        "aria-describedby": b(o).describedBy.value,
+        "aria-invalid": b(o).status.value === "error" || void 0,
         role: "spinbutton",
-        "aria-valuenow": h.value ?? void 0,
+        "aria-valuenow": g.value ?? void 0,
         "aria-valuemin": e.min,
         "aria-valuemax": e.max,
-        onInput: V,
-        onFocus: x,
-        onBlur: k,
-        onKeydown: O,
-        onWheel: R
-      }), null, 16, il),
-      e.controls ? (n(), d("button", {
+        onInput: z,
+        onFocus: M,
+        onBlur: w,
+        onKeydown: Z,
+        onWheel: E
+      }), null, 16, Kt),
+      e.controls ? (l(), u("button", {
         key: 1,
         class: "wx-input-number__button wx-input-number__button--increase",
         type: "button",
         tabindex: "-1",
         "aria-label": "Increase",
-        disabled: !g.value,
-        onClick: A[1] || (A[1] = (_) => $(1))
-      }, [...A[3] || (A[3] = [
-        I("svg", {
+        disabled: !B.value,
+        onClick: U[1] || (U[1] = (T) => S(1))
+      }, [...U[3] || (U[3] = [
+        x("svg", {
           viewBox: "0 0 16 16",
           fill: "none",
           "aria-hidden": "true"
         }, [
-          I("path", {
+          x("path", {
             d: "M8 3.5v9M3.5 8h9",
             stroke: "currentColor",
             "stroke-width": "1.5",
             "stroke-linecap": "round"
           })
         ], -1)
-      ])], 8, nl)) : W("", !0)
+      ])], 8, Gt)) : C("", !0)
     ], 2));
   }
-}), sl = /* @__PURE__ */ j(ul, [["__scopeId", "data-v-1dcbf297"]]), dl = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby"], rl = {
+}), Yt = /* @__PURE__ */ Q(qt, [["__scopeId", "data-v-1dcbf297"]]), Xt = ["aria-label"], Jt = {
+  key: 0,
+  class: "wx-pagination__total"
+}, Zt = { class: "wx-pagination__controls" }, Qt = {
+  key: 0,
+  class: "wx-pagination__per-page"
+}, el = ["value", "disabled"], al = ["value"], tl = { class: "wx-pagination__list" }, ll = ["disabled"], ol = {
+  key: 0,
+  class: "wx-pagination__gap",
+  "aria-hidden": "true"
+}, il = ["disabled", "aria-current", "aria-label", "onClick"], nl = ["disabled"], sl = /* @__PURE__ */ J({
+  name: "WxPagination",
+  __name: "Pagination",
+  props: /* @__PURE__ */ R({
+    paginator: { default: null },
+    total: { default: void 0 },
+    lastPage: { default: void 0 },
+    siblings: { default: 1 },
+    perPageOptions: { default: () => [] },
+    showTotal: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    ariaLabel: { default: "Pagination" }
+  }, {
+    page: { default: void 0 },
+    pageModifiers: {},
+    perPage: { default: void 0 },
+    perPageModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change"], ["update:page", "update:perPage"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "page"), t = G(e, "perPage"), o = d(() => t.value ?? a.paginator?.per_page ?? 15), c = d(() => a.total ?? a.paginator?.total ?? 0), p = d(() => a.lastPage !== void 0 ? Math.max(1, a.lastPage) : a.paginator ? Math.max(1, a.paginator.last_page) : Math.max(1, Math.ceil(c.value / o.value))), h = d(() => {
+      const B = s.value ?? a.paginator?.current_page ?? 1;
+      return Math.min(Math.max(1, B), p.value);
+    }), f = d(() => a.paginator ? a.paginator.from : c.value === 0 ? null : (h.value - 1) * o.value + 1), m = d(() => a.paginator ? a.paginator.to : c.value === 0 ? null : Math.min(c.value, h.value * o.value)), g = d(() => {
+      const B = p.value, $ = h.value, r = a.siblings, S = /* @__PURE__ */ new Set([1, B]);
+      for (let w = $ - r; w <= $ + r; w++)
+        w >= 1 && w <= B && S.add(w);
+      const z = [...S].sort((w, E) => w - E), H = [];
+      let M = 0;
+      for (const w of z) {
+        const E = w - M;
+        M && E === 2 ? H.push({ type: "page", value: w - 1 }) : M && E > 2 && H.push({ type: "gap", value: `gap-${w}` }), H.push({ type: "page", value: w }), M = w;
+      }
+      return H;
+    }), y = d(() => [
+      "wx-pagination",
+      `wx-pagination--${a.size}`,
+      { "is-disabled": a.disabled }
+    ]);
+    function P(B) {
+      const $ = Math.min(Math.max(1, B), p.value);
+      a.disabled || $ === h.value || (s.value = $, n("change", { page: $, perPage: o.value }));
+    }
+    function V(B) {
+      const $ = Number(B.target.value);
+      !Number.isFinite($) || $ === o.value || (t.value = $, s.value = 1, n("change", { page: 1, perPage: $ }));
+    }
+    return (B, $) => (l(), u("nav", {
+      class: F(y.value),
+      "aria-label": e.ariaLabel
+    }, [
+      e.showTotal ? (l(), u("p", Jt, [
+        N(B.$slots, "total", {
+          from: f.value,
+          to: m.value,
+          total: c.value
+        }, () => [
+          f.value === null ? (l(), u(K, { key: 0 }, [
+            ae("Nothing to show")
+          ], 64)) : (l(), u(K, { key: 1 }, [
+            ae(D(f.value) + "–" + D(m.value) + " of " + D(c.value), 1)
+          ], 64))
+        ], !0)
+      ])) : C("", !0),
+      x("div", Zt, [
+        e.perPageOptions.length ? (l(), u("label", Qt, [
+          $[2] || ($[2] = x("span", { class: "wx-pagination__per-page-label" }, "Per page", -1)),
+          x("select", {
+            class: "wx-pagination__select",
+            value: o.value,
+            disabled: e.disabled,
+            onChange: V
+          }, [
+            (l(!0), u(K, null, X(e.perPageOptions, (r) => (l(), u("option", {
+              key: r,
+              value: r
+            }, D(r), 9, al))), 128))
+          ], 40, el)
+        ])) : C("", !0),
+        x("ul", tl, [
+          x("li", null, [
+            x("button", {
+              class: "wx-pagination__button wx-pagination__button--arrow",
+              type: "button",
+              disabled: e.disabled || h.value <= 1,
+              "aria-label": "Previous page",
+              onClick: $[0] || ($[0] = (r) => P(h.value - 1))
+            }, [...$[3] || ($[3] = [
+              x("svg", {
+                viewBox: "0 0 8 12",
+                "aria-hidden": "true"
+              }, [
+                x("path", { d: "M6.5 1 1.5 6l5 5" })
+              ], -1)
+            ])], 8, ll)
+          ]),
+          (l(!0), u(K, null, X(g.value, (r) => (l(), u("li", {
+            key: r.value
+          }, [
+            r.type === "gap" ? (l(), u("span", ol, "…")) : (l(), u("button", {
+              key: 1,
+              class: F(["wx-pagination__button", { "is-current": r.value === h.value }]),
+              type: "button",
+              disabled: e.disabled,
+              "aria-current": r.value === h.value ? "page" : void 0,
+              "aria-label": `Page ${r.value}`,
+              onClick: (S) => P(r.value)
+            }, D(r.value), 11, il))
+          ]))), 128)),
+          x("li", null, [
+            x("button", {
+              class: "wx-pagination__button wx-pagination__button--arrow",
+              type: "button",
+              disabled: e.disabled || h.value >= p.value,
+              "aria-label": "Next page",
+              onClick: $[1] || ($[1] = (r) => P(h.value + 1))
+            }, [...$[4] || ($[4] = [
+              x("svg", {
+                viewBox: "0 0 8 12",
+                "aria-hidden": "true"
+              }, [
+                x("path", { d: "M1.5 1 6.5 6l-5 5" })
+              ], -1)
+            ])], 8, nl)
+          ])
+        ])
+      ])
+    ], 10, Xt));
+  }
+}), ea = /* @__PURE__ */ Q(sl, [["__scopeId", "data-v-5371c9ef"]]), ul = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby"], dl = {
   key: 0,
   class: "wx-radio__label"
-}, cl = /* @__PURE__ */ E({
+}, rl = /* @__PURE__ */ J({
   name: "WxRadio",
   inheritAttrs: !1,
   __name: "Radio",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     value: { type: [String, Number, Boolean, null] },
     label: { default: void 0 },
     disabled: { type: Boolean, default: void 0 },
@@ -1158,50 +1298,50 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     modelValue: { type: [String, Number, Boolean, null], default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["change"], ["update:modelValue"]),
-  setup(e, { emit: y }) {
-    const a = e, t = y, i = G(e, "modelValue"), l = te(_e, null), o = Y(a), v = u(
-      () => l ? l.modelValue.value === a.value : i.value === a.value
-    ), m = u(() => a.disabled || l?.disabled.value || o.disabled.value), b = u(() => a.size ?? l?.size.value ?? o.size.value), c = u(() => [
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = ce(Ze, null), o = le(a), c = d(
+      () => t ? t.modelValue.value === a.value : s.value === a.value
+    ), p = d(() => a.disabled || t?.disabled.value || o.disabled.value), h = d(() => a.size ?? t?.size.value ?? o.size.value), f = d(() => [
       "wx-radio",
-      `wx-radio--${b.value}`,
-      { "is-checked": v.value, "is-disabled": m.value }
+      `wx-radio--${h.value}`,
+      { "is-checked": c.value, "is-disabled": p.value }
     ]);
-    function r() {
-      l ? l.toggle(a.value, !0) : i.value = a.value, t("change", a.value);
+    function m() {
+      t ? t.toggle(a.value, !0) : s.value = a.value, n("change", a.value);
     }
-    return (h, p) => (n(), d("label", {
-      class: U(c.value)
+    return (g, y) => (l(), u("label", {
+      class: F(f.value)
     }, [
-      I("input", K({
-        id: s(o).id.value
-      }, h.$attrs, {
+      x("input", te({
+        id: b(o).id.value
+      }, g.$attrs, {
         class: "wx-radio__native",
         type: "radio",
-        name: e.name ?? s(l)?.name.value,
-        checked: v.value,
-        disabled: m.value,
+        name: e.name ?? b(t)?.name.value,
+        checked: c.value,
+        disabled: p.value,
         "aria-label": e.ariaLabel,
-        "aria-describedby": s(o).describedBy.value,
-        onChange: r
-      }), null, 16, dl),
-      p[0] || (p[0] = I("span", {
+        "aria-describedby": b(o).describedBy.value,
+        onChange: m
+      }), null, 16, ul),
+      y[0] || (y[0] = x("span", {
         class: "wx-radio__box",
         "aria-hidden": "true"
       }, [
-        I("span", { class: "wx-radio__dot" })
+        x("span", { class: "wx-radio__dot" })
       ], -1)),
-      e.label || h.$slots.default ? (n(), d("span", rl, [
-        P(h.$slots, "default", {}, () => [
-          ee(N(e.label), 1)
+      e.label || g.$slots.default ? (l(), u("span", dl, [
+        N(g.$slots, "default", {}, () => [
+          ae(D(e.label), 1)
         ], !0)
-      ])) : W("", !0)
+      ])) : C("", !0)
     ], 2));
   }
-}), Me = /* @__PURE__ */ j(cl, [["__scopeId", "data-v-a22bec4a"]]), vl = ["aria-labelledby", "aria-describedby"], fl = /* @__PURE__ */ E({
+}), aa = /* @__PURE__ */ Q(rl, [["__scopeId", "data-v-a22bec4a"]]), cl = ["aria-labelledby", "aria-describedby"], vl = /* @__PURE__ */ J({
   name: "WxRadioGroup",
   __name: "RadioGroup",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     options: { default: void 0 },
     disabled: { type: Boolean, default: void 0 },
     size: { default: void 0 },
@@ -1211,44 +1351,44 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     modelValue: { type: [String, Number, Boolean, null], default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["change"], ["update:modelValue"]),
-  setup(e, { emit: y }) {
-    const a = e, t = y, i = G(e, "modelValue"), l = Y(a), o = ve("wx-radio-group");
-    l.item?.registerLabelTarget(void 0);
-    const v = u(() => a.disabled ?? l.disabled.value), m = u(() => a.size ?? l.size.value), b = u(() => a.name ?? o);
-    function c(r) {
-      i.value !== r && (i.value = r, t("change", r));
-    }
-    return ne(_e, {
-      name: b,
-      modelValue: u(() => i.value),
-      disabled: v,
-      size: m,
-      toggle: c
-    }), (r, h) => (n(), d("div", {
-      class: U(["wx-radio-group", { "wx-radio-group--inline": e.inline }]),
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = le(a), o = Te("wx-radio-group");
+    t.item?.registerLabelTarget(void 0);
+    const c = d(() => a.disabled ?? t.disabled.value), p = d(() => a.size ?? t.size.value), h = d(() => a.name ?? o);
+    function f(m) {
+      s.value !== m && (s.value = m, n("change", m));
+    }
+    return xe(Ze, {
+      name: h,
+      modelValue: d(() => s.value),
+      disabled: c,
+      size: p,
+      toggle: f
+    }), (m, g) => (l(), u("div", {
+      class: F(["wx-radio-group", { "wx-radio-group--inline": e.inline }]),
       role: "radiogroup",
-      "aria-labelledby": s(l).item ? `${s(l).item.id.value}-label` : void 0,
-      "aria-describedby": s(l).describedBy.value
+      "aria-labelledby": b(t).item ? `${b(t).item.id.value}-label` : void 0,
+      "aria-describedby": b(t).describedBy.value
     }, [
-      P(r.$slots, "default", {}, () => [
-        (n(!0), d(X, null, q(e.options, (p) => (n(), Q(Me, {
-          key: String(p.value),
-          value: p.value,
-          label: p.label,
-          disabled: p.disabled
+      N(m.$slots, "default", {}, () => [
+        (l(!0), u(K, null, X(e.options, (y) => (l(), ie(aa, {
+          key: String(y.value),
+          value: y.value,
+          label: y.label,
+          disabled: y.disabled
         }, null, 8, ["value", "label", "disabled"]))), 128))
       ], !0)
-    ], 10, vl));
+    ], 10, cl));
   }
-}), ml = /* @__PURE__ */ j(fl, [["__scopeId", "data-v-dcd2686e"]]), bl = ["id", "tabindex", "aria-label", "aria-describedby", "aria-valuemax", "aria-valuenow", "aria-readonly", "aria-disabled"], pl = ["onClick", "onMousemove"], hl = {
+}), fl = /* @__PURE__ */ Q(vl, [["__scopeId", "data-v-dcd2686e"]]), bl = ["id", "tabindex", "aria-label", "aria-describedby", "aria-valuemax", "aria-valuenow", "aria-readonly", "aria-disabled"], ml = ["onClick", "onMousemove"], pl = {
   key: 0,
   class: "wx-rate__value"
-}, yl = ["name", "value"], xl = /* @__PURE__ */ E({
+}, hl = ["name", "value"], yl = /* @__PURE__ */ J({
   name: "WxRate",
   inheritAttrs: !1,
   __name: "Rate",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     max: { default: 5 },
     allowHalf: { type: Boolean, default: !1 },
     clearable: { type: Boolean, default: !0 },
@@ -1263,65 +1403,65 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     modelValue: { default: 0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["change"], ["update:modelValue"]),
-  setup(e, { emit: y }) {
-    const a = e, t = y, i = G(e, "modelValue"), l = Y(a), o = D(null), v = u(() => !l.disabled.value && !a.readonly), m = u(() => o.value ?? i.value ?? 0), b = u(
-      () => Array.from({ length: a.max }, (g, C) => {
-        const f = C + 1, $ = Math.min(Math.max(m.value - C, 0), 1);
-        return { position: f, full: $ >= 1, half: $ > 0 && $ < 1 };
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = le(a), o = q(null), c = d(() => !t.disabled.value && !a.readonly), p = d(() => o.value ?? s.value ?? 0), h = d(
+      () => Array.from({ length: a.max }, (B, $) => {
+        const r = $ + 1, S = Math.min(Math.max(p.value - $, 0), 1);
+        return { position: r, full: S >= 1, half: S > 0 && S < 1 };
       })
-    ), c = u(() => [
+    ), f = d(() => [
       "wx-rate",
-      `wx-rate--${l.size.value}`,
-      { "is-disabled": l.disabled.value, "is-readonly": a.readonly }
+      `wx-rate--${t.size.value}`,
+      { "is-disabled": t.disabled.value, "is-readonly": a.readonly }
     ]);
-    function r(g, C) {
-      if (!a.allowHalf) return g;
-      const f = C.currentTarget, { left: $, width: V } = f.getBoundingClientRect();
-      return C.clientX - $ < V / 2 ? g - 0.5 : g;
-    }
-    function h(g, C = !1) {
-      const f = C && a.clearable && i.value === g ? 0 : g;
-      f !== i.value && (i.value = f, t("change", f));
-    }
-    function p(g, C) {
-      v.value && h(r(g, C), !0);
-    }
-    function T(g, C) {
-      v.value && (o.value = r(g, C));
-    }
-    function M(g) {
-      if (!v.value) return;
-      const C = a.allowHalf ? 0.5 : 1, f = i.value ?? 0;
-      g.key === "ArrowRight" || g.key === "ArrowUp" ? (g.preventDefault(), h(Math.min(f + C, a.max))) : g.key === "ArrowLeft" || g.key === "ArrowDown" ? (g.preventDefault(), h(Math.max(f - C, 0))) : g.key === "Home" ? (g.preventDefault(), h(0)) : g.key === "End" && (g.preventDefault(), h(a.max));
-    }
-    return (g, C) => (n(), d("div", K({
-      id: s(l).id.value
-    }, g.$attrs, {
-      class: c.value,
+    function m(B, $) {
+      if (!a.allowHalf) return B;
+      const r = $.currentTarget, { left: S, width: z } = r.getBoundingClientRect();
+      return $.clientX - S < z / 2 ? B - 0.5 : B;
+    }
+    function g(B, $ = !1) {
+      const r = $ && a.clearable && s.value === B ? 0 : B;
+      r !== s.value && (s.value = r, n("change", r));
+    }
+    function y(B, $) {
+      c.value && g(m(B, $), !0);
+    }
+    function P(B, $) {
+      c.value && (o.value = m(B, $));
+    }
+    function V(B) {
+      if (!c.value) return;
+      const $ = a.allowHalf ? 0.5 : 1, r = s.value ?? 0;
+      B.key === "ArrowRight" || B.key === "ArrowUp" ? (B.preventDefault(), g(Math.min(r + $, a.max))) : B.key === "ArrowLeft" || B.key === "ArrowDown" ? (B.preventDefault(), g(Math.max(r - $, 0))) : B.key === "Home" ? (B.preventDefault(), g(0)) : B.key === "End" && (B.preventDefault(), g(a.max));
+    }
+    return (B, $) => (l(), u("div", te({
+      id: b(t).id.value
+    }, B.$attrs, {
+      class: f.value,
       role: "slider",
-      tabindex: v.value ? 0 : -1,
+      tabindex: c.value ? 0 : -1,
       "aria-label": e.ariaLabel,
-      "aria-describedby": s(l).describedBy.value,
+      "aria-describedby": b(t).describedBy.value,
       "aria-valuemin": 0,
       "aria-valuemax": e.max,
-      "aria-valuenow": i.value ?? 0,
+      "aria-valuenow": s.value ?? 0,
       "aria-readonly": e.readonly || void 0,
-      "aria-disabled": s(l).disabled.value || void 0,
-      onKeydown: M,
-      onMouseleave: C[0] || (C[0] = (f) => o.value = null)
+      "aria-disabled": b(t).disabled.value || void 0,
+      onKeydown: V,
+      onMouseleave: $[0] || ($[0] = (r) => o.value = null)
     }), [
-      (n(!0), d(X, null, q(b.value, (f) => (n(), d("span", {
-        key: f.position,
-        class: U(["wx-rate__star", { "is-full": f.full, "is-half": f.half }]),
-        onClick: ($) => p(f.position, $),
-        onMousemove: ($) => T(f.position, $)
-      }, [...C[1] || (C[1] = [
-        I("svg", {
+      (l(!0), u(K, null, X(h.value, (r) => (l(), u("span", {
+        key: r.position,
+        class: F(["wx-rate__star", { "is-full": r.full, "is-half": r.half }]),
+        onClick: (S) => y(r.position, S),
+        onMousemove: (S) => P(r.position, S)
+      }, [...$[1] || ($[1] = [
+        x("svg", {
           viewBox: "0 0 24 24",
           "aria-hidden": "true"
         }, [
-          I("path", {
+          x("path", {
             class: "wx-rate__outline",
             d: "M12 3.5l2.6 5.3 5.9.9-4.2 4.1 1 5.8-5.3-2.8-5.3 2.8 1-5.8-4.2-4.1 5.9-.9z",
             fill: "none",
@@ -1329,23 +1469,23 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
             "stroke-width": "1.5",
             "stroke-linejoin": "round"
           }),
-          I("path", {
+          x("path", {
             class: "wx-rate__fill",
             d: "M12 3.5l2.6 5.3 5.9.9-4.2 4.1 1 5.8-5.3-2.8-5.3 2.8 1-5.8-4.2-4.1 5.9-.9z",
             fill: "currentColor"
           })
         ], -1)
-      ])], 42, pl))), 128)),
-      e.showValue ? (n(), d("span", hl, N(i.value ?? 0), 1)) : W("", !0),
-      e.name ? (n(), d("input", {
+      ])], 42, ml))), 128)),
+      e.showValue ? (l(), u("span", pl, D(s.value ?? 0), 1)) : C("", !0),
+      e.name ? (l(), u("input", {
         key: 1,
         type: "hidden",
         name: e.name,
-        value: i.value ?? 0
-      }, null, 8, yl)) : W("", !0)
+        value: s.value ?? 0
+      }, null, 8, hl)) : C("", !0)
     ], 16, bl));
   }
-}), kl = /* @__PURE__ */ j(xl, [["__scopeId", "data-v-7cbc0034"]]), gl = {
+}), xl = /* @__PURE__ */ Q(yl, [["__scopeId", "data-v-7cbc0034"]]), gl = {
   bold: "M7 5h6a3.5 3.5 0 0 1 0 7H7zm0 7h7a3.5 3.5 0 0 1 0 7H7z",
   italic: "M15 5h-5M14 19H9M13.5 5 10.5 19",
   strike: "M5 12h14M8 8.5A3 3 0 0 1 11 6h2a3 3 0 0 1 3 2.5M16 15.5A3 3 0 0 1 13 18h-2a3 3 0 0 1-3-2.5",
@@ -1370,15 +1510,15 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
   mergeCells: "M4 6h16v12H4zM12 6v3M12 15v3M9 12h6M9 12l2-2M9 12l2 2",
   check: "m5 13 4 4L19 7",
   close: "M6 6l12 12M18 6 6 18"
-}, wl = ["title", "aria-label", "aria-pressed", "disabled"], $l = {
+}, kl = ["title", "aria-label", "aria-pressed", "disabled"], wl = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "none",
   "aria-hidden": "true"
-}, _l = ["d"], Bl = {
+}, $l = ["d"], _l = {
   key: 1,
   class: "wx-rich-text__tool-text"
-}, Ml = /* @__PURE__ */ E({
+}, Bl = /* @__PURE__ */ J({
   name: "WxRichTextToolbarButton",
   __name: "ToolbarButton",
   props: {
@@ -1390,27 +1530,27 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
   },
   emits: ["click"],
   setup(e) {
-    return (y, a) => (n(), d("button", {
+    return (_, a) => (l(), u("button", {
       type: "button",
-      class: U(["wx-rich-text__tool", { "is-active": e.active }]),
+      class: F(["wx-rich-text__tool", { "is-active": e.active }]),
       title: e.label,
       "aria-label": e.label,
       "aria-pressed": e.active,
       disabled: e.disabled,
-      onClick: a[0] || (a[0] = (t) => y.$emit("click"))
+      onClick: a[0] || (a[0] = (n) => _.$emit("click"))
     }, [
-      e.icon ? (n(), d("svg", $l, [
-        I("path", {
-          d: s(gl)[e.icon],
+      e.icon ? (l(), u("svg", wl, [
+        x("path", {
+          d: b(gl)[e.icon],
           stroke: "currentColor",
           "stroke-width": "1.7",
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, _l)
-      ])) : (n(), d("span", Bl, N(e.text), 1))
-    ], 10, wl));
+        }, null, 8, $l)
+      ])) : (l(), u("span", _l, D(e.text), 1))
+    ], 10, kl));
   }
-}), ie = /* @__PURE__ */ j(Ml, [["__scopeId", "data-v-c8c7e143"]]), Cl = [
+}), pe = /* @__PURE__ */ Q(Bl, [["__scopeId", "data-v-c8c7e143"]]), Ml = [
   "bold",
   "italic",
   "strike",
@@ -1432,13 +1572,13 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
   "divider",
   "undo",
   "redo"
-], Vl = [
+], Cl = [
   "image/png",
   "image/jpeg",
   "image/gif",
   "image/webp",
   "image/svg+xml"
-], re = {
+], Me = {
   bold: { label: "Bold", icon: "bold" },
   italic: { label: "Italic", icon: "italic" },
   strike: { label: "Strikethrough", icon: "strike" },
@@ -1456,7 +1596,7 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
   youtube: { label: "YouTube video", icon: "youtube" },
   undo: { label: "Undo", icon: "undo" },
   redo: { label: "Redo", icon: "redo" }
-}, Il = [
+}, Sl = [
   { key: "addRowAfter", label: "Row below", icon: "rowAfter" },
   { key: "addRowBefore", label: "Row above", icon: "rowBefore" },
   { key: "addColumnAfter", label: "Column after", icon: "columnAfter" },
@@ -1465,24 +1605,24 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
   { key: "deleteColumn", label: "Delete column", icon: "deleteColumn" },
   { key: "mergeOrSplit", label: "Merge or split cells", icon: "mergeCells" },
   { key: "deleteTable", label: "Delete table", icon: "deleteTable" }
-], Tl = ["aria-label"], zl = {
+], Tl = ["aria-label"], Il = {
   key: 0,
   class: "wx-rich-text__divider",
   "aria-hidden": "true"
-}, Wl = {
+}, Vl = {
   key: 0,
   class: "wx-rich-text__uploading"
-}, Sl = {
+}, zl = {
   key: 0,
   class: "wx-rich-text__toolbar wx-rich-text__toolbar--table"
-}, Al = ["for"], Ll = ["id", "placeholder"], Rl = {
+}, Pl = ["for"], Wl = ["id", "placeholder"], Al = {
   key: 0,
   class: "wx-rich-text__placeholder"
-}, Hl = ["accept"], Dl = /* @__PURE__ */ E({
+}, Ll = ["accept"], Rl = /* @__PURE__ */ J({
   name: "WxRichText",
   inheritAttrs: !1,
   __name: "RichText",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     placeholder: { default: void 0 },
     disabled: { type: Boolean, default: void 0 },
     readonly: { type: Boolean, default: !1 },
@@ -1491,292 +1631,292 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     id: { default: void 0 },
     ariaLabel: { default: void 0 },
     minHeight: { default: "220px" },
-    tools: { default: () => Cl },
+    tools: { default: () => Ml },
     upload: { type: Function, default: void 0 },
     pickImage: { type: Function, default: void 0 },
-    accept: { default: () => Vl }
+    accept: { default: () => Cl }
   }, {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["change", "focus", "blur", "uploadError"], ["update:modelValue"]),
-  setup(e, { expose: y, emit: a }) {
-    const t = e, i = a, l = G(e, "modelValue"), o = Y(t), v = D(!1), m = D(0), b = D(null), c = D(null), r = u(() => !o.disabled.value && !t.readonly);
-    function h() {
-      const _ = p.value;
-      return !_ || _.isEmpty ? "" : _.getHTML();
-    }
-    const p = oa({
-      content: l.value ?? "",
-      editable: r.value,
+  emits: /* @__PURE__ */ R(["change", "focus", "blur", "uploadError"], ["update:modelValue"]),
+  setup(e, { expose: _, emit: a }) {
+    const n = e, s = a, t = G(e, "modelValue"), o = le(n), c = q(!1), p = q(0), h = q(null), f = q(null), m = d(() => !o.disabled.value && !n.readonly);
+    function g() {
+      const T = y.value;
+      return !T || T.isEmpty ? "" : T.getHTML();
+    }
+    const y = Ka({
+      content: t.value ?? "",
+      editable: m.value,
       extensions: [
-        na.configure({
+        qa.configure({
           link: {
             openOnClick: !1,
             autolink: !0,
             HTMLAttributes: { rel: "noopener noreferrer nofollow", target: "_blank" }
           }
         }),
-        ua.configure({ table: { resizable: !0 } }),
-        sa.configure({ HTMLAttributes: { class: "wx-rich-text__image" } }),
-        da.configure({ nocookie: !0, width: 640, height: 360 }),
-        ra.configure({
-          allowedMimeTypes: t.accept,
-          onDrop: (_, z, w) => {
-            f(z, w);
+        Ya.configure({ table: { resizable: !0 } }),
+        Xa.configure({ HTMLAttributes: { class: "wx-rich-text__image" } }),
+        Ja.configure({ nocookie: !0, width: 640, height: 360 }),
+        Za.configure({
+          allowedMimeTypes: n.accept,
+          onDrop: (T, A, I) => {
+            r(A, I);
           },
-          onPaste: (_, z) => {
-            f(z);
+          onPaste: (T, A) => {
+            r(A);
           }
         })
       ],
       onUpdate: () => {
-        const _ = h();
-        l.value = _, i("change", _);
+        const T = g();
+        t.value = T, s("change", T);
       },
       onFocus: () => {
-        v.value = !0, i("focus");
+        c.value = !0, s("focus");
       },
       onBlur: () => {
-        v.value = !1, i("blur");
+        c.value = !1, s("blur");
       }
     });
-    Z(l, (_) => {
-      const z = p.value;
-      z && (_ ?? "") !== h() && z.commands.setContent(_ ?? "", { emitUpdate: !1 });
-    }), Z(r, (_) => p.value?.setEditable(_));
-    const T = u(() => p.value?.isEmpty ?? !0), M = u(() => p.value?.isActive("table") ?? !1), g = u(() => [
+    ne(t, (T) => {
+      const A = y.value;
+      A && (T ?? "") !== g() && A.commands.setContent(T ?? "", { emitUpdate: !1 });
+    }), ne(m, (T) => y.value?.setEditable(T));
+    const P = d(() => y.value?.isEmpty ?? !0), V = d(() => y.value?.isActive("table") ?? !1), B = d(() => [
       "wx-rich-text",
       `wx-rich-text--${o.size.value}`,
       {
         [`wx-rich-text--${o.status.value}`]: o.status.value !== "default",
-        "is-focused": v.value,
+        "is-focused": c.value,
         "is-disabled": o.disabled.value,
-        "is-readonly": t.readonly
+        "is-readonly": n.readonly
       }
     ]);
-    function C(_, z, w) {
-      const J = p.value;
-      if (!J) return;
-      const me = w ?? J.state.selection.anchor;
-      J.chain().focus().insertContentAt(me, { type: "image", attrs: { src: _, alt: z } }).run();
-    }
-    async function f(_, z) {
-      if (t.upload)
-        for (const w of _) {
-          m.value += 1;
+    function $(T, A, I) {
+      const oe = y.value;
+      if (!oe) return;
+      const ue = I ?? oe.state.selection.anchor;
+      oe.chain().focus().insertContentAt(ue, { type: "image", attrs: { src: T, alt: A } }).run();
+    }
+    async function r(T, A) {
+      if (n.upload)
+        for (const I of T) {
+          p.value += 1;
           try {
-            const J = await t.upload(w);
-            C(J.url, J.alt, z);
-          } catch (J) {
-            i("uploadError", J, w);
+            const oe = await n.upload(I);
+            $(oe.url, oe.alt, A);
+          } catch (oe) {
+            s("uploadError", oe, I);
           } finally {
-            m.value -= 1;
+            p.value -= 1;
           }
         }
     }
-    async function $() {
-      if (t.pickImage) {
-        const _ = await t.pickImage();
-        _ && C(_);
+    async function S() {
+      if (n.pickImage) {
+        const T = await n.pickImage();
+        T && $(T);
         return;
       }
-      b.value?.click();
-    }
-    function V(_) {
-      const z = _.target, w = Array.from(z.files ?? []);
-      z.value = "", f(w);
-    }
-    function L(_) {
-      const z = _ === "link" ? p.value?.getAttributes("link").href ?? "" : "";
-      c.value = { kind: _, value: String(z) };
-    }
-    function x() {
-      const _ = p.value, z = c.value;
-      if (!_ || !z) return;
-      const w = z.value.trim();
-      z.kind === "link" ? w ? _.chain().focus().extendMarkRange("link").setLink({ href: w }).run() : _.chain().focus().extendMarkRange("link").unsetLink().run() : w && _.commands.setYoutubeVideo({ src: w }), c.value = null;
-    }
-    function k(_) {
-      return _ === "image" ? !!(t.upload || t.pickImage) : !0;
-    }
-    const R = u(() => t.tools.filter(k));
-    function O(_) {
-      const z = p.value;
-      if (!z) return !1;
-      switch (_) {
+      h.value?.click();
+    }
+    function z(T) {
+      const A = T.target, I = Array.from(A.files ?? []);
+      A.value = "", r(I);
+    }
+    function H(T) {
+      const A = T === "link" ? y.value?.getAttributes("link").href ?? "" : "";
+      f.value = { kind: T, value: String(A) };
+    }
+    function M() {
+      const T = y.value, A = f.value;
+      if (!T || !A) return;
+      const I = A.value.trim();
+      A.kind === "link" ? I ? T.chain().focus().extendMarkRange("link").setLink({ href: I }).run() : T.chain().focus().extendMarkRange("link").unsetLink().run() : I && T.commands.setYoutubeVideo({ src: I }), f.value = null;
+    }
+    function w(T) {
+      return T === "image" ? !!(n.upload || n.pickImage) : !0;
+    }
+    const E = d(() => n.tools.filter(w));
+    function Z(T) {
+      const A = y.value;
+      if (!A) return !1;
+      switch (T) {
         case "h2":
-          return z.isActive("heading", { level: 2 });
+          return A.isActive("heading", { level: 2 });
         case "h3":
-          return z.isActive("heading", { level: 3 });
+          return A.isActive("heading", { level: 3 });
         case "h4":
-          return z.isActive("heading", { level: 4 });
+          return A.isActive("heading", { level: 4 });
         default:
-          return z.isActive(_);
+          return A.isActive(T);
       }
     }
-    function B(_) {
-      const z = p.value;
-      if (!z) return;
-      const w = z.chain().focus();
-      switch (_) {
+    function W(T) {
+      const A = y.value;
+      if (!A) return;
+      const I = A.chain().focus();
+      switch (T) {
         case "bold":
-          w.toggleBold().run();
+          I.toggleBold().run();
           break;
         case "italic":
-          w.toggleItalic().run();
+          I.toggleItalic().run();
           break;
         case "strike":
-          w.toggleStrike().run();
+          I.toggleStrike().run();
           break;
         case "code":
-          w.toggleCode().run();
+          I.toggleCode().run();
           break;
         case "h2":
-          w.toggleHeading({ level: 2 }).run();
+          I.toggleHeading({ level: 2 }).run();
           break;
         case "h3":
-          w.toggleHeading({ level: 3 }).run();
+          I.toggleHeading({ level: 3 }).run();
           break;
         case "h4":
-          w.toggleHeading({ level: 4 }).run();
+          I.toggleHeading({ level: 4 }).run();
           break;
         case "bulletList":
-          w.toggleBulletList().run();
+          I.toggleBulletList().run();
           break;
         case "orderedList":
-          w.toggleOrderedList().run();
+          I.toggleOrderedList().run();
           break;
         case "blockquote":
-          w.toggleBlockquote().run();
+          I.toggleBlockquote().run();
           break;
         case "hr":
-          w.setHorizontalRule().run();
+          I.setHorizontalRule().run();
           break;
         case "undo":
-          w.undo().run();
+          I.undo().run();
           break;
         case "redo":
-          w.redo().run();
+          I.redo().run();
           break;
         case "table":
-          w.insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run();
+          I.insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run();
           break;
         case "link":
-          L("link");
+          H("link");
           break;
         case "youtube":
-          L("youtube");
+          H("youtube");
           break;
         case "image":
-          $();
+          S();
           break;
       }
     }
-    function A(_) {
-      const z = p.value;
-      if (!z) return;
-      z.chain().focus()[_]().run();
-    }
-    return y({
-      editor: p,
-      focus: () => p.value?.commands.focus(),
-      clear: () => p.value?.commands.clearContent(!0)
-    }), (_, z) => (n(), d("div", {
-      class: U(g.value)
+    function U(T) {
+      const A = y.value;
+      if (!A) return;
+      A.chain().focus()[T]().run();
+    }
+    return _({
+      editor: y,
+      focus: () => y.value?.commands.focus(),
+      clear: () => y.value?.commands.clearContent(!0)
+    }), (T, A) => (l(), u("div", {
+      class: F(B.value)
     }, [
-      I("div", {
+      x("div", {
         class: "wx-rich-text__toolbar",
         role: "toolbar",
         "aria-label": e.ariaLabel ?? "Text formatting"
       }, [
-        (n(!0), d(X, null, q(R.value, (w, J) => (n(), d(X, {
-          key: `${w}-${J}`
+        (l(!0), u(K, null, X(E.value, (I, oe) => (l(), u(K, {
+          key: `${I}-${oe}`
         }, [
-          w === "divider" ? (n(), d("span", zl)) : (n(), Q(ie, {
+          I === "divider" ? (l(), u("span", Il)) : (l(), ie(pe, {
             key: 1,
-            icon: s(re)[w].icon,
-            text: s(re)[w].text,
-            label: s(re)[w].label,
-            active: O(w),
-            disabled: !r.value,
-            onClick: (me) => B(w)
+            icon: b(Me)[I].icon,
+            text: b(Me)[I].text,
+            label: b(Me)[I].label,
+            active: Z(I),
+            disabled: !m.value,
+            onClick: (ue) => W(I)
           }, null, 8, ["icon", "text", "label", "active", "disabled", "onClick"]))
         ], 64))), 128)),
-        m.value > 0 ? (n(), d("span", Wl, "Uploading…")) : W("", !0)
+        p.value > 0 ? (l(), u("span", Vl, "Uploading…")) : C("", !0)
       ], 8, Tl),
-      M.value && r.value ? (n(), d("div", Sl, [
-        (n(!0), d(X, null, q(s(Il), (w) => (n(), Q(ie, {
-          key: w.key,
-          icon: w.icon,
-          label: w.label,
-          onClick: (J) => A(w.key)
+      V.value && m.value ? (l(), u("div", zl, [
+        (l(!0), u(K, null, X(b(Sl), (I) => (l(), ie(pe, {
+          key: I.key,
+          icon: I.icon,
+          label: I.label,
+          onClick: (oe) => U(I.key)
         }, null, 8, ["icon", "label", "onClick"]))), 128))
-      ])) : W("", !0),
-      c.value ? (n(), d("form", {
+      ])) : C("", !0),
+      f.value ? (l(), u("form", {
         key: 1,
         class: "wx-rich-text__prompt",
-        onSubmit: le(x, ["prevent"])
+        onSubmit: de(M, ["prevent"])
       }, [
-        I("label", {
+        x("label", {
           class: "wx-rich-text__prompt-label",
-          for: `${s(o).id.value}-prompt`
-        }, N(c.value.kind === "link" ? "Link address" : "YouTube URL"), 9, Al),
-        Ve(I("input", {
-          id: `${s(o).id.value}-prompt`,
-          "onUpdate:modelValue": z[0] || (z[0] = (w) => c.value.value = w),
+          for: `${b(o).id.value}-prompt`
+        }, D(f.value.kind === "link" ? "Link address" : "YouTube URL"), 9, Pl),
+        ma(x("input", {
+          id: `${b(o).id.value}-prompt`,
+          "onUpdate:modelValue": A[0] || (A[0] = (I) => f.value.value = I),
           class: "wx-rich-text__prompt-input",
           type: "url",
-          placeholder: c.value.kind === "link" ? "https://example.com" : "https://youtu.be/…",
-          onKeydown: z[1] || (z[1] = Ie((w) => c.value = null, ["esc"]))
-        }, null, 40, Ll), [
-          [Te, c.value.value]
+          placeholder: f.value.kind === "link" ? "https://example.com" : "https://youtu.be/…",
+          onKeydown: A[1] || (A[1] = pa((I) => f.value = null, ["esc"]))
+        }, null, 40, Wl), [
+          [ha, f.value.value]
         ]),
-        F(ie, {
+        O(pe, {
           icon: "check",
           label: "Apply",
-          onClick: x
+          onClick: M
         }),
-        F(ie, {
+        O(pe, {
           icon: "close",
           label: "Cancel",
-          onClick: z[2] || (z[2] = (w) => c.value = null)
+          onClick: A[2] || (A[2] = (I) => f.value = null)
         })
-      ], 32)) : W("", !0),
-      I("div", {
+      ], 32)) : C("", !0),
+      x("div", {
         class: "wx-rich-text__body",
-        style: ae({ minHeight: e.minHeight })
+        style: ee({ minHeight: e.minHeight })
       }, [
-        e.placeholder && T.value ? (n(), d("span", Rl, N(e.placeholder), 1)) : W("", !0),
-        F(s(ia), {
-          editor: s(p),
+        e.placeholder && P.value ? (l(), u("span", Al, D(e.placeholder), 1)) : C("", !0),
+        O(b(Ga), {
+          editor: b(y),
           class: "wx-rich-text__content",
-          "aria-describedby": s(o).describedBy.value
+          "aria-describedby": b(o).describedBy.value
         }, null, 8, ["editor", "aria-describedby"])
       ], 4),
-      e.upload && !e.pickImage ? (n(), d("input", {
+      e.upload && !e.pickImage ? (l(), u("input", {
         key: 2,
         ref_key: "fileInput",
-        ref: b,
+        ref: h,
         class: "wx-rich-text__file",
         type: "file",
         accept: e.accept.join(","),
         multiple: "",
-        onChange: V
-      }, null, 40, Hl)) : W("", !0)
+        onChange: z
+      }, null, 40, Ll)) : C("", !0)
     ], 2));
   }
-}), Fl = /* @__PURE__ */ j(Dl, [["__scopeId", "data-v-80be39db"]]), Pl = { class: "wx-select__value" }, Nl = ["aria-label", "onClick"], Ul = {
+}), Fl = /* @__PURE__ */ Q(Rl, [["__scopeId", "data-v-80be39db"]]), Hl = { class: "wx-select__value" }, Dl = ["aria-label", "onClick"], Nl = {
   key: 0,
   class: "wx-select__single"
-}, El = {
+}, Ul = {
   key: 1,
   class: "wx-select__placeholder"
-}, Ol = { class: "wx-select__option-label" }, jl = /* @__PURE__ */ E({
+}, El = { class: "wx-select__option-label" }, Ol = /* @__PURE__ */ J({
   name: "WxSelect",
   inheritAttrs: !1,
   __name: "Select",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     options: { default: () => [] },
     multiple: { type: Boolean, default: !1 },
     filterable: { type: Boolean, default: !1 },
@@ -1794,132 +1934,132 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     modelValue: { default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["change", "clear", "open", "close", "search"], ["update:modelValue"]),
-  setup(e, { emit: y }) {
-    const a = e, t = y, i = G(e, "modelValue"), l = Y(a), o = D(!1), v = D(""), m = u({
-      get: () => a.multiple ? i.value ?? [] : i.value ?? null,
-      set: (V) => {
-        i.value = V, t("change", V);
+  emits: /* @__PURE__ */ R(["change", "clear", "open", "close", "search"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = le(a), o = q(!1), c = q(""), p = d({
+      get: () => a.multiple ? s.value ?? [] : s.value ?? null,
+      set: (z) => {
+        s.value = z, n("change", z);
       }
-    }), b = (V) => a.options.find((L) => L.value === V)?.label ?? String(V), c = u(() => a.multiple ? (i.value ?? []).map((V) => ({ value: V, label: b(V) })) : []), r = u(() => {
+    }), h = (z) => a.options.find((H) => H.value === z)?.label ?? String(z), f = d(() => a.multiple ? (s.value ?? []).map((z) => ({ value: z, label: h(z) })) : []), m = d(() => {
       if (a.multiple) return "";
-      const V = i.value;
-      return V == null ? "" : b(V);
-    }), h = u(
-      () => a.multiple ? c.value.length > 0 : i.value !== null && i.value !== void 0 && i.value !== ""
-    ), p = u(() => a.clearable && !l.disabled.value && h.value), T = u(() => [
+      const z = s.value;
+      return z == null ? "" : h(z);
+    }), g = d(
+      () => a.multiple ? f.value.length > 0 : s.value !== null && s.value !== void 0 && s.value !== ""
+    ), y = d(() => a.clearable && !t.disabled.value && g.value), P = d(() => [
       "wx-select",
-      `wx-select--${l.size.value}`,
+      `wx-select--${t.size.value}`,
       {
-        [`wx-select--${l.status.value}`]: l.status.value !== "default",
+        [`wx-select--${t.status.value}`]: t.status.value !== "default",
         "is-open": o.value,
-        "is-disabled": l.disabled.value,
+        "is-disabled": t.disabled.value,
         "is-multiple": a.multiple
       }
     ]);
-    Z(
-      () => i.value,
+    ne(
+      () => s.value,
       () => {
-        v.value = a.multiple ? "" : r.value;
+        c.value = a.multiple ? "" : m.value;
       },
       { immediate: !0 }
-    ), Z(o, (V) => {
-      if (V) {
-        t("open");
+    ), ne(o, (z) => {
+      if (z) {
+        n("open");
         return;
       }
-      v.value = a.multiple ? "" : r.value, t("close");
+      c.value = a.multiple ? "" : m.value, n("close");
     });
-    function M() {
-      l.disabled.value || (o.value = !0);
+    function V() {
+      t.disabled.value || (o.value = !0);
     }
-    function g(V) {
-      return V == null ? "" : b(V);
+    function B(z) {
+      return z == null ? "" : h(z);
     }
-    function C(V) {
-      t("search", V.target.value);
+    function $(z) {
+      n("search", z.target.value);
     }
-    function f() {
-      i.value = a.multiple ? [] : null, t("change", i.value), t("clear");
+    function r() {
+      s.value = a.multiple ? [] : null, n("change", s.value), n("clear");
     }
-    function $(V) {
-      const L = (i.value ?? []).filter((x) => x !== V);
-      i.value = L, t("change", L);
+    function S(z) {
+      const H = (s.value ?? []).filter((M) => M !== z);
+      s.value = H, n("change", H);
     }
-    return (V, L) => (n(), Q(s(Oe), {
-      modelValue: m.value,
-      "onUpdate:modelValue": L[1] || (L[1] = (x) => m.value = x),
+    return (z, H) => (l(), ie(b(za), {
+      modelValue: p.value,
+      "onUpdate:modelValue": H[1] || (H[1] = (M) => p.value = M),
       open: o.value,
-      "onUpdate:open": L[2] || (L[2] = (x) => o.value = x),
+      "onUpdate:open": H[2] || (H[2] = (M) => o.value = M),
       multiple: e.multiple,
-      disabled: s(l).disabled.value,
+      disabled: b(t).disabled.value,
       name: e.name,
       "ignore-filter": !e.filterable,
       "open-on-click": !0,
-      class: U(T.value),
+      class: F(P.value),
       as: "div"
     }, {
-      default: H(() => [
-        F(s(je), {
+      default: Y(() => [
+        O(b(Pa), {
           class: "wx-select__anchor",
           as: "div",
-          onClick: M
+          onClick: V
         }, {
-          default: H(() => [
-            I("div", Pl, [
-              e.multiple ? (n(!0), d(X, { key: 0 }, q(c.value, (x) => (n(), d("span", {
-                key: String(x.value),
+          default: Y(() => [
+            x("div", Hl, [
+              e.multiple ? (l(!0), u(K, { key: 0 }, X(f.value, (M) => (l(), u("span", {
+                key: String(M.value),
                 class: "wx-select__tag"
               }, [
-                ee(N(x.label) + " ", 1),
-                s(l).disabled.value ? W("", !0) : (n(), d("button", {
+                ae(D(M.label) + " ", 1),
+                b(t).disabled.value ? C("", !0) : (l(), u("button", {
                   key: 0,
                   class: "wx-select__tag-remove",
                   type: "button",
                   tabindex: "-1",
-                  "aria-label": `Remove ${x.label}`,
-                  onClick: le((k) => $(x.value), ["stop"])
-                }, " ✕ ", 8, Nl))
-              ]))), 128)) : W("", !0),
-              e.filterable ? (n(), Q(s(Ge), K({
+                  "aria-label": `Remove ${M.label}`,
+                  onClick: de((w) => S(M.value), ["stop"])
+                }, " ✕ ", 8, Dl))
+              ]))), 128)) : C("", !0),
+              e.filterable ? (l(), ie(b(Wa), te({
                 key: 1,
-                id: s(l).id.value
-              }, V.$attrs, {
-                modelValue: v.value,
-                "onUpdate:modelValue": L[0] || (L[0] = (x) => v.value = x),
+                id: b(t).id.value
+              }, z.$attrs, {
+                modelValue: c.value,
+                "onUpdate:modelValue": H[0] || (H[0] = (M) => c.value = M),
                 class: "wx-select__input",
                 placeholder: e.placeholder,
                 "aria-label": e.ariaLabel,
-                "aria-describedby": s(l).describedBy.value,
-                "aria-invalid": s(l).status.value === "error" || void 0,
-                "display-value": e.multiple ? void 0 : g,
+                "aria-describedby": b(t).describedBy.value,
+                "aria-invalid": b(t).status.value === "error" || void 0,
+                "display-value": e.multiple ? void 0 : B,
                 "auto-focus": "",
-                onInput: C
-              }), null, 16, ["id", "modelValue", "placeholder", "aria-label", "aria-describedby", "aria-invalid", "display-value"])) : (n(), d(X, { key: 2 }, [
-                !e.multiple && h.value ? (n(), d("span", Ul, N(r.value), 1)) : h.value ? W("", !0) : (n(), d("span", El, N(e.placeholder), 1))
+                onInput: $
+              }), null, 16, ["id", "modelValue", "placeholder", "aria-label", "aria-describedby", "aria-invalid", "display-value"])) : (l(), u(K, { key: 2 }, [
+                !e.multiple && g.value ? (l(), u("span", Nl, D(m.value), 1)) : g.value ? C("", !0) : (l(), u("span", Ul, D(e.placeholder), 1))
               ], 64))
             ]),
-            p.value ? (n(), d("button", {
+            y.value ? (l(), u("button", {
               key: 0,
               class: "wx-select__clear",
               type: "button",
               tabindex: "-1",
               "aria-label": "Clear",
-              onClick: le(f, ["stop"])
-            }, " ✕ ")) : W("", !0),
-            F(s(qe), {
-              id: e.filterable ? void 0 : s(l).id.value,
+              onClick: de(r, ["stop"])
+            }, " ✕ ")) : C("", !0),
+            O(b(Aa), {
+              id: e.filterable ? void 0 : b(t).id.value,
               class: "wx-select__toggle",
               "aria-label": e.ariaLabel,
-              "aria-describedby": s(l).describedBy.value
+              "aria-describedby": b(t).describedBy.value
             }, {
-              default: H(() => [...L[3] || (L[3] = [
-                I("svg", {
+              default: Y(() => [...H[3] || (H[3] = [
+                x("svg", {
                   viewBox: "0 0 16 16",
                   fill: "none",
                   "aria-hidden": "true"
                 }, [
-                  I("path", {
+                  x("path", {
                     d: "m4 6 4 4 4-4",
                     stroke: "currentColor",
                     "stroke-width": "1.6",
@@ -1933,41 +2073,41 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
           ]),
           _: 1
         }),
-        F(s(Ke), {
+        O(b(La), {
           disabled: !e.teleport
         }, {
-          default: H(() => [
-            F(s(Ye), {
+          default: Y(() => [
+            O(b(Ra), {
               class: "wx-select__content",
               position: "popper",
               "side-offset": 4
             }, {
-              default: H(() => [
-                F(s(Xe), { class: "wx-select__viewport" }, {
-                  default: H(() => [
-                    F(s(Qe), { class: "wx-select__empty" }, {
-                      default: H(() => [
-                        ee(N(e.emptyText), 1)
+              default: Y(() => [
+                O(b(Fa), { class: "wx-select__viewport" }, {
+                  default: Y(() => [
+                    O(b(Ha), { class: "wx-select__empty" }, {
+                      default: Y(() => [
+                        ae(D(e.emptyText), 1)
                       ]),
                       _: 1
                     }),
-                    P(V.$slots, "default", {}, () => [
-                      (n(!0), d(X, null, q(e.options, (x) => (n(), Q(s(Je), {
-                        key: String(x.value),
+                    N(z.$slots, "default", {}, () => [
+                      (l(!0), u(K, null, X(e.options, (M) => (l(), ie(b(Da), {
+                        key: String(M.value),
                         class: "wx-select__option",
-                        value: x.value,
-                        disabled: x.disabled
+                        value: M.value,
+                        disabled: M.disabled
                       }, {
-                        default: H(() => [
-                          I("span", Ol, N(x.label), 1),
-                          F(s(Ze), { class: "wx-select__check" }, {
-                            default: H(() => [...L[4] || (L[4] = [
-                              I("svg", {
+                        default: Y(() => [
+                          x("span", El, D(M.label), 1),
+                          O(b(Na), { class: "wx-select__check" }, {
+                            default: Y(() => [...H[4] || (H[4] = [
+                              x("svg", {
                                 viewBox: "0 0 16 16",
                                 fill: "none",
                                 "aria-hidden": "true"
                               }, [
-                                I("path", {
+                                x("path", {
                                   d: "m3.5 8.5 3 3 6-6",
                                   stroke: "currentColor",
                                   "stroke-width": "2",
@@ -1995,18 +2135,18 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
       _: 3
     }, 8, ["modelValue", "open", "multiple", "disabled", "name", "ignore-filter", "class"]));
   }
-}), Gl = /* @__PURE__ */ j(jl, [["__scopeId", "data-v-c4893d5b"]]), ql = { class: "wx-slider__row" }, Kl = {
+}), jl = /* @__PURE__ */ Q(Ol, [["__scopeId", "data-v-c4893d5b"]]), Kl = { class: "wx-slider__row" }, Gl = {
   key: 0,
   class: "wx-slider__value"
-}, Yl = {
+}, ql = {
   key: 0,
   class: "wx-slider__marks",
   "aria-hidden": "true"
-}, Xl = /* @__PURE__ */ E({
+}, Yl = /* @__PURE__ */ J({
   name: "WxSlider",
   inheritAttrs: !1,
   __name: "Slider",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     min: { default: 0 },
     max: { default: 100 },
     step: { default: 1 },
@@ -2023,83 +2163,83 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     modelValue: { default: null },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["change"], ["update:modelValue"]),
-  setup(e, { emit: y }) {
-    const a = e, t = y, i = G(e, "modelValue"), l = Y(a), o = u(() => {
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = le(a), o = d(() => {
       if (a.range) {
-        const r = Array.isArray(i.value) ? i.value : [];
-        return [r[0] ?? a.min, r[1] ?? a.max];
+        const m = Array.isArray(s.value) ? s.value : [];
+        return [m[0] ?? a.min, m[1] ?? a.max];
       }
-      return [(Array.isArray(i.value) ? i.value[0] : i.value) ?? a.min];
+      return [(Array.isArray(s.value) ? s.value[0] : s.value) ?? a.min];
     });
-    function v(c) {
-      if (!c) return;
-      const r = a.range ? [...c] : c[0];
-      i.value = r, t("change", r);
-    }
-    const m = u(
-      () => Object.entries(a.marks ?? {}).map(([c, r]) => ({
-        value: Number(c),
-        label: r,
-        offset: (Number(c) - a.min) / (a.max - a.min) * 100
+    function c(f) {
+      if (!f) return;
+      const m = a.range ? [...f] : f[0];
+      s.value = m, n("change", m);
+    }
+    const p = d(
+      () => Object.entries(a.marks ?? {}).map(([f, m]) => ({
+        value: Number(f),
+        label: m,
+        offset: (Number(f) - a.min) / (a.max - a.min) * 100
       }))
-    ), b = u(() => [
+    ), h = d(() => [
       "wx-slider",
-      `wx-slider--${l.size.value}`,
-      { "is-disabled": l.disabled.value, "is-range": a.range }
+      `wx-slider--${t.size.value}`,
+      { "is-disabled": t.disabled.value, "is-range": a.range }
     ]);
-    return (c, r) => (n(), d("div", {
-      class: U(b.value)
+    return (f, m) => (l(), u("div", {
+      class: F(h.value)
     }, [
-      I("div", ql, [
-        F(s(ea), K({
-          id: s(l).id.value
-        }, c.$attrs, {
+      x("div", Kl, [
+        O(b(Ua), te({
+          id: b(t).id.value
+        }, f.$attrs, {
           class: "wx-slider__root",
           "model-value": o.value,
           min: e.min,
           max: e.max,
           step: e.step,
-          disabled: s(l).disabled.value,
+          disabled: b(t).disabled.value,
           "min-steps-between-thumbs": e.minStepsBetweenThumbs,
           name: e.name,
-          "onUpdate:modelValue": v
+          "onUpdate:modelValue": c
         }), {
-          default: H(() => [
-            F(s(aa), { class: "wx-slider__track" }, {
-              default: H(() => [
-                F(s(la), { class: "wx-slider__range" })
+          default: Y(() => [
+            O(b(Ea), { class: "wx-slider__track" }, {
+              default: Y(() => [
+                O(b(Oa), { class: "wx-slider__range" })
               ]),
               _: 1
             }),
-            (n(!0), d(X, null, q(o.value.length, (h) => (n(), Q(s(ta), {
-              key: h,
+            (l(!0), u(K, null, X(o.value.length, (g) => (l(), ie(b(ja), {
+              key: g,
               class: "wx-slider__thumb",
               "aria-label": e.ariaLabel,
-              "aria-describedby": s(l).describedBy.value
+              "aria-describedby": b(t).describedBy.value
             }, null, 8, ["aria-label", "aria-describedby"]))), 128))
           ]),
           _: 1
         }, 16, ["id", "model-value", "min", "max", "step", "disabled", "min-steps-between-thumbs", "name"]),
-        e.showValue ? (n(), d("span", Kl, N(e.range ? `${o.value[0]} — ${o.value[1]}` : o.value[0]), 1)) : W("", !0)
+        e.showValue ? (l(), u("span", Gl, D(e.range ? `${o.value[0]} — ${o.value[1]}` : o.value[0]), 1)) : C("", !0)
       ]),
-      m.value.length ? (n(), d("div", Yl, [
-        (n(!0), d(X, null, q(m.value, (h) => (n(), d("span", {
-          key: h.value,
+      p.value.length ? (l(), u("div", ql, [
+        (l(!0), u(K, null, X(p.value, (g) => (l(), u("span", {
+          key: g.value,
           class: "wx-slider__mark",
-          style: ae({ left: `${h.offset}%` })
-        }, N(h.label), 5))), 128))
-      ])) : W("", !0)
+          style: ee({ left: `${g.offset}%` })
+        }, D(g.label), 5))), 128))
+      ])) : C("", !0)
     ], 2));
   }
-}), Ql = /* @__PURE__ */ j(Xl, [["__scopeId", "data-v-49653b8d"]]), Jl = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby"], Zl = {
+}), Xl = /* @__PURE__ */ Q(Yl, [["__scopeId", "data-v-49653b8d"]]), Jl = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby"], Zl = {
   key: 0,
   class: "wx-switch__label"
-}, et = /* @__PURE__ */ E({
+}, Ql = /* @__PURE__ */ J({
   name: "WxSwitch",
   inheritAttrs: !1,
   __name: "Switch",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     activeValue: { type: [String, Number, Boolean, null], default: !0 },
     inactiveValue: { type: [String, Number, Boolean, null], default: !1 },
     label: { default: void 0 },
@@ -2112,55 +2252,567 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     modelValue: { type: [String, Number, Boolean, null], default: !1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["change"], ["update:modelValue"]),
-  setup(e, { emit: y }) {
-    const a = e, t = y, i = G(e, "modelValue"), l = Y(a), o = u(() => i.value === a.activeValue), v = u(() => a.size ?? l.size.value), m = u(() => [
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = le(a), o = d(() => s.value === a.activeValue), c = d(() => a.size ?? t.size.value), p = d(() => [
       "wx-switch",
-      `wx-switch--${v.value}`,
-      { "is-checked": o.value, "is-disabled": l.disabled.value }
+      `wx-switch--${c.value}`,
+      { "is-checked": o.value, "is-disabled": t.disabled.value }
     ]);
-    function b(c) {
-      const r = c.target.checked ? a.activeValue : a.inactiveValue;
-      i.value = r, t("change", r);
+    function h(f) {
+      const m = f.target.checked ? a.activeValue : a.inactiveValue;
+      s.value = m, n("change", m);
     }
-    return (c, r) => (n(), d("label", {
-      class: U(m.value)
+    return (f, m) => (l(), u("label", {
+      class: F(p.value)
     }, [
-      I("input", K({
-        id: s(l).id.value
-      }, c.$attrs, {
+      x("input", te({
+        id: b(t).id.value
+      }, f.$attrs, {
         class: "wx-switch__native",
         type: "checkbox",
         role: "switch",
         name: e.name,
         checked: o.value,
-        disabled: s(l).disabled.value,
+        disabled: b(t).disabled.value,
         "aria-label": e.ariaLabel,
-        "aria-describedby": s(l).describedBy.value,
-        onChange: b
+        "aria-describedby": b(t).describedBy.value,
+        onChange: h
       }), null, 16, Jl),
-      r[0] || (r[0] = I("span", {
+      m[0] || (m[0] = x("span", {
         class: "wx-switch__track",
         "aria-hidden": "true"
       }, [
-        I("span", { class: "wx-switch__thumb" })
+        x("span", { class: "wx-switch__thumb" })
       ], -1)),
-      e.label || c.$slots.default ? (n(), d("span", Zl, [
-        P(c.$slots, "default", {}, () => [
-          ee(N(e.label), 1)
+      e.label || f.$slots.default ? (l(), u("span", Zl, [
+        N(f.$slots, "default", {}, () => [
+          ae(D(e.label), 1)
+        ], !0)
+      ])) : C("", !0)
+    ], 2));
+  }
+}), eo = /* @__PURE__ */ Q(Ql, [["__scopeId", "data-v-b9a90e4d"]]), ao = {
+  key: 0,
+  class: "wx-table__header"
+}, to = { class: "wx-table__title" }, lo = { class: "wx-table__tools" }, oo = {
+  key: 0,
+  class: "wx-table__search"
+}, io = ["aria-label", "aria-busy"], no = { class: "wx-table__head" }, so = ["aria-sort"], uo = ["onClick"], ro = { class: "wx-table__body" }, co = ["onClick"], vo = ["aria-expanded", "aria-label", "onClick"], fo = {
+  key: 0,
+  class: "wx-table__row--expansion"
+}, bo = ["colspan"], mo = {
+  key: 0,
+  class: "wx-table__row wx-table__row--empty"
+}, po = ["colspan"], ho = {
+  key: 0,
+  class: "wx-table__foot"
+}, yo = ["colspan"], xo = {
+  key: 0,
+  class: "wx-table__footer-row"
+}, go = ["colspan"], ko = {
+  key: 1,
+  class: "wx-table__loading"
+}, he = 44, Ke = "wx-table:", wo = /* @__PURE__ */ J({
+  name: "WxTable",
+  __name: "Table",
+  props: /* @__PURE__ */ R({
+    data: { default: null },
+    columns: {},
+    rowKey: { type: [String, Function], default: "id" },
+    title: { default: void 0 },
+    searchable: { type: Boolean, default: !1 },
+    searchPlaceholder: { default: "Search" },
+    searchDebounce: { default: 300 },
+    loading: { type: Boolean, default: !1 },
+    emptyText: { default: "Nothing to show" },
+    stripe: { type: Boolean, default: !1 },
+    bordered: { type: Boolean, default: !1 },
+    hover: { type: Boolean, default: !0 },
+    size: { default: "md" },
+    selectable: { type: Boolean, default: !1 },
+    selectableIf: { type: Function, default: void 0 },
+    expandable: { type: Boolean, default: !1 },
+    expandableIf: { type: Function, default: void 0 },
+    summary: { default: () => [] },
+    pagination: { type: Boolean, default: void 0 },
+    perPageOptions: { default: () => [] },
+    persist: { default: void 0 },
+    maxHeight: { default: void 0 },
+    rowClass: { type: Function, default: void 0 },
+    layout: { default: "auto" },
+    ariaLabel: { default: void 0 }
+  }, {
+    selected: { default: () => [] },
+    selectedModifiers: {},
+    expanded: { default: () => [] },
+    expandedModifiers: {},
+    sort: { default: null },
+    sortModifiers: {},
+    search: { default: "" },
+    searchModifiers: {},
+    page: { default: 1 },
+    pageModifiers: {},
+    perPage: { default: 15 },
+    perPageModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["row-click", "sort-change", "selection-change", "expand-change", "search", "state-change"], ["update:selected", "update:expanded", "update:sort", "update:search", "update:page", "update:perPage"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "selected"), t = G(e, "expanded"), o = G(e, "sort"), c = G(e, "search"), p = G(e, "page"), h = G(e, "perPage"), f = d(() => {
+      const i = a.data;
+      return i ? Array.isArray(i) ? i : i.data ?? [] : [];
+    }), m = d(() => a.data && !Array.isArray(a.data) ? a.data : null), g = d(() => a.pagination ?? !!m.value), y = d(() => a.columns.filter((i) => !i.hidden)), P = d(() => (a.expandable ? 1 : 0) + (a.selectable ? 1 : 0)), V = d(() => y.value.length + P.value), B = qe(), $ = d(
+      () => !!(a.title || a.searchable || B.title || B.actions)
+    ), r = d(() => [
+      "wx-table",
+      `wx-table--${a.size}`,
+      {
+        "wx-table--stripe": a.stripe,
+        "wx-table--bordered": a.bordered,
+        "wx-table--hover": a.hover,
+        "wx-table--sticky": a.maxHeight !== void 0,
+        "is-loading": a.loading
+      }
+    ]), S = d(
+      () => a.maxHeight === void 0 ? void 0 : { maxHeight: z(a.maxHeight) }
+    );
+    function z(i) {
+      return typeof i == "number" ? `${i}px` : i;
+    }
+    function H(i) {
+      if (typeof i.width == "number") return i.width;
+      if (typeof i.width == "string") {
+        const k = Number.parseFloat(i.width);
+        return Number.isFinite(k) ? k : 0;
+      }
+      return 0;
+    }
+    function M(i) {
+      return {
+        width: i.width === void 0 ? void 0 : z(i.width),
+        minWidth: i.minWidth === void 0 ? void 0 : z(i.minWidth)
+      };
+    }
+    const w = d(() => {
+      const i = /* @__PURE__ */ new Map();
+      let k = P.value * he;
+      const v = y.value.filter((se) => se.fixed === "left");
+      v.forEach((se, be) => {
+        i.set(se.key, { side: "left", offset: k, edge: be === v.length - 1 }), k += H(se);
+      });
+      let L = 0;
+      const j = y.value.filter((se) => se.fixed === "right");
+      for (let se = j.length - 1; se >= 0; se--) {
+        const be = j[se];
+        i.set(be.key, { side: "right", offset: L, edge: se === 0 }), L += H(be);
+      }
+      return i;
+    }), E = d(() => y.value.some((i) => i.fixed === "left")), Z = d(() => w.value.size > 0);
+    function W(i) {
+      const k = w.value.get(i.key);
+      if (k)
+        return { [`--wx-pin-${k.side}`]: `${k.offset}px` };
+    }
+    function U(i) {
+      const k = w.value.get(i.key);
+      if (k)
+        return [`is-fixed-${k.side}`, { "is-fixed-edge": k.edge }];
+    }
+    function T(i) {
+      return Z.value ? { "--wx-pin-left": `${i === "select" && a.expandable ? he : 0}px` } : void 0;
+    }
+    const A = d(
+      () => Z.value ? ["is-fixed-left", { "is-fixed-edge": !E.value }] : void 0
+    );
+    function I(i, k) {
+      return k.includes(".") ? k.split(".").reduce((v, L) => {
+        if (!(v === null || typeof v != "object"))
+          return v[L];
+      }, i) : i[k];
+    }
+    function oe(i, k, v) {
+      const L = I(k, i.key);
+      return i.formatter ? i.formatter(L, k, v) : L == null ? "" : String(L);
+    }
+    function ue(i, k) {
+      if (typeof a.rowKey == "function") return a.rowKey(i, k);
+      const v = I(i, a.rowKey);
+      return typeof v == "string" || typeof v == "number" ? v : k;
+    }
+    function Ve(i) {
+      return a.selectableIf ? a.selectableIf(i) : !0;
+    }
+    function ze(i) {
+      return a.expandableIf ? a.expandableIf(i) : !0;
+    }
+    const ta = d(() => f.value.filter(Ve)), re = d(
+      () => ta.value.map((i) => ue(i, f.value.indexOf(i)))
+    ), Pe = d(
+      () => re.value.filter((i) => s.value.includes(i)).length
+    ), We = d(
+      () => re.value.length > 0 && Pe.value === re.value.length
+    ), la = d(() => Pe.value > 0 && !We.value);
+    function Ae(i) {
+      return f.value.filter((k, v) => i.includes(ue(k, v)));
+    }
+    function ve(i) {
+      s.value = i, n("selection-change", i, Ae(i));
+    }
+    function oa(i) {
+      const k = re.value;
+      ve(i ? [...s.value, ...k.filter((v) => !s.value.includes(v))] : s.value.filter((v) => !k.includes(v)));
+    }
+    function ia(i, k, v) {
+      const L = ue(i, k);
+      v ? s.value.includes(L) || ve([...s.value, L]) : ve(s.value.filter((j) => j !== L));
+    }
+    function Le(i, k) {
+      return s.value.includes(ue(i, k));
+    }
+    function fe(i, k) {
+      return t.value.includes(ue(i, k));
+    }
+    function na(i, k) {
+      if (!ze(i)) return;
+      const v = ue(i, k), L = t.value.includes(v) ? t.value.filter((j) => j !== v) : [...t.value, v];
+      t.value = L, n("expand-change", L, Ae(L));
+    }
+    function sa(i) {
+      if (!i.sortable) return;
+      const k = o.value;
+      let v;
+      k?.key !== i.key ? v = { key: i.key, order: "asc" } : k.order === "asc" ? v = { key: i.key, order: "desc" } : v = null, o.value = v, p.value = 1, n("sort-change", v);
+    }
+    function ua(i) {
+      if (i.sortable)
+        return o.value?.key !== i.key ? "none" : o.value.order === "asc" ? "ascending" : "descending";
+    }
+    function Re(i) {
+      return o.value?.key === i.key ? o.value.order : null;
+    }
+    function $e(i) {
+      return i.align && i.align !== "left" ? `wx-table__cell--${i.align}` : void 0;
+    }
+    let _e;
+    const Be = q(c.value);
+    function da(i) {
+      c.value = i === void 0 ? "" : String(i);
+    }
+    function ra(i) {
+      clearTimeout(_e);
+      const k = () => {
+        Be.value = i, p.value = 1, n("search", i);
+      };
+      a.searchDebounce ? _e = setTimeout(k, a.searchDebounce) : k();
+    }
+    ya(() => clearTimeout(_e));
+    const Fe = d(() => ({
+      page: p.value,
+      perPage: h.value,
+      sort: o.value,
+      search: Be.value
+    }));
+    function ca() {
+      if (!a.persist) return;
+      let i = null;
+      try {
+        const k = window.localStorage.getItem(Ke + a.persist);
+        i = k ? JSON.parse(k) : null;
+      } catch {
+        return;
+      }
+      i && (typeof i.page == "number" && i.page > 0 && (p.value = i.page), typeof i.perPage == "number" && i.perPage > 0 && (h.value = i.perPage), typeof i.search == "string" && (c.value = i.search), i.sort === null ? o.value = null : i.sort && typeof i.sort.key == "string" && (o.value = { key: i.sort.key, order: i.sort.order === "desc" ? "desc" : "asc" }));
+    }
+    function va(i) {
+      if (a.persist)
+        try {
+          window.localStorage.setItem(Ke + a.persist, JSON.stringify(i));
+        } catch {
+        }
+    }
+    Ce(() => {
+      ca(), Be.value = c.value, n("state-change", Fe.value), ne(c, ra), ne(Fe, (i) => {
+        va(i), n("state-change", i);
+      });
+    });
+    function He(i) {
+      const k = i.cells ?? {}, v = y.value.findIndex((L) => L.key in k);
+      return v === -1 ? y.value.length : v;
+    }
+    function De(i) {
+      return P.value + He(i);
+    }
+    function fa(i) {
+      return y.value.slice(He(i));
+    }
+    function Ne(i, k) {
+      return i.cells?.[k.key];
+    }
+    function ba(i, k) {
+      const v = Ne(i, k);
+      return v == null ? "" : String(v);
+    }
+    return (i, k) => (l(), u("div", {
+      class: F(r.value)
+    }, [
+      $.value ? (l(), u("header", ao, [
+        x("div", to, [
+          N(i.$slots, "title", {}, () => [
+            ae(D(e.title), 1)
+          ], !0)
+        ]),
+        x("div", lo, [
+          N(i.$slots, "actions", {}, void 0, !0),
+          e.searchable ? (l(), u("div", oo, [
+            O(Qe, {
+              type: "search",
+              "model-value": c.value,
+              placeholder: e.searchPlaceholder,
+              size: e.size,
+              clearable: "",
+              "aria-label": e.searchPlaceholder,
+              "onUpdate:modelValue": da
+            }, null, 8, ["model-value", "placeholder", "size", "aria-label"])
+          ])) : C("", !0)
+        ])
+      ])) : C("", !0),
+      x("div", {
+        class: "wx-table__scroll",
+        style: ee(S.value)
+      }, [
+        x("table", {
+          class: F(["wx-table__table", { "wx-table__table--fixed": e.layout === "fixed" }]),
+          "aria-label": e.ariaLabel,
+          "aria-busy": e.loading || void 0
+        }, [
+          x("colgroup", null, [
+            e.expandable ? (l(), u("col", {
+              key: 0,
+              style: ee({ width: `${he}px` })
+            }, null, 4)) : C("", !0),
+            e.selectable ? (l(), u("col", {
+              key: 1,
+              style: ee({ width: `${he}px` })
+            }, null, 4)) : C("", !0),
+            (l(!0), u(K, null, X(y.value, (v) => (l(), u("col", {
+              key: v.key,
+              style: ee(M(v))
+            }, null, 4))), 128))
+          ]),
+          x("thead", no, [
+            x("tr", null, [
+              e.expandable ? (l(), u("th", {
+                key: 0,
+                scope: "col",
+                class: F(["wx-table__cell wx-table__cell--utility", A.value]),
+                style: ee(T("expand"))
+              }, [...k[4] || (k[4] = [
+                x("span", { class: "wx-table__sr-only" }, "Expand", -1)
+              ])], 6)) : C("", !0),
+              e.selectable ? (l(), u("th", {
+                key: 1,
+                scope: "col",
+                class: F(["wx-table__cell wx-table__cell--utility", A.value]),
+                style: ee(T("select"))
+              }, [
+                O(ye, {
+                  "model-value": We.value,
+                  indeterminate: la.value,
+                  disabled: !re.value.length,
+                  "aria-label": "Select every row on this page",
+                  "onUpdate:modelValue": oa
+                }, null, 8, ["model-value", "indeterminate", "disabled"])
+              ], 6)) : C("", !0),
+              (l(!0), u(K, null, X(y.value, (v) => (l(), u("th", {
+                key: v.key,
+                scope: "col",
+                class: F(["wx-table__cell", [$e(v), U(v), v.headerClass]]),
+                style: ee(W(v)),
+                "aria-sort": ua(v)
+              }, [
+                v.sortable ? (l(), u("button", {
+                  key: 0,
+                  class: "wx-table__sort",
+                  type: "button",
+                  onClick: (L) => sa(v)
+                }, [
+                  N(i.$slots, `header-${v.key}`, { column: v }, () => [
+                    ae(D(v.label ?? v.key), 1)
+                  ], !0),
+                  (l(), u("svg", {
+                    class: F(["wx-table__sort-icon", Re(v) ? `is-${Re(v)}` : void 0]),
+                    viewBox: "0 0 8 12",
+                    "aria-hidden": "true"
+                  }, [...k[5] || (k[5] = [
+                    x("path", {
+                      class: "wx-table__sort-up",
+                      d: "M4 1 7 5 1 5Z"
+                    }, null, -1),
+                    x("path", {
+                      class: "wx-table__sort-down",
+                      d: "M4 11 1 7 7 7Z"
+                    }, null, -1)
+                  ])], 2))
+                ], 8, uo)) : N(i.$slots, `header-${v.key}`, { column: v }, () => [
+                  ae(D(v.label ?? v.key), 1)
+                ], !0, 1)
+              ], 14, so))), 128))
+            ])
+          ]),
+          x("tbody", ro, [
+            (l(!0), u(K, null, X(f.value, (v, L) => (l(), u(K, {
+              key: ue(v, L)
+            }, [
+              x("tr", {
+                class: F(["wx-table__row", [
+                  e.rowClass?.(v, L),
+                  {
+                    "is-striped": L % 2 === 1,
+                    "is-selected": e.selectable && Le(v, L),
+                    "is-expanded": e.expandable && fe(v, L)
+                  }
+                ]]),
+                onClick: (j) => n("row-click", v, L, j)
+              }, [
+                e.expandable ? (l(), u("td", {
+                  key: 0,
+                  class: F(["wx-table__cell wx-table__cell--utility", A.value]),
+                  style: ee(T("expand")),
+                  onClick: k[0] || (k[0] = de(() => {
+                  }, ["stop"]))
+                }, [
+                  ze(v) ? (l(), u("button", {
+                    key: 0,
+                    class: "wx-table__expander",
+                    type: "button",
+                    "aria-expanded": fe(v, L),
+                    "aria-label": fe(v, L) ? "Collapse row" : "Expand row",
+                    onClick: (j) => na(v, L)
+                  }, [...k[6] || (k[6] = [
+                    x("svg", {
+                      viewBox: "0 0 12 12",
+                      "aria-hidden": "true"
+                    }, [
+                      x("path", { d: "M4.5 2 8.5 6l-4 4" })
+                    ], -1)
+                  ])], 8, vo)) : C("", !0)
+                ], 6)) : C("", !0),
+                e.selectable ? (l(), u("td", {
+                  key: 1,
+                  class: F(["wx-table__cell wx-table__cell--utility", A.value]),
+                  style: ee(T("select")),
+                  onClick: k[1] || (k[1] = de(() => {
+                  }, ["stop"]))
+                }, [
+                  O(ye, {
+                    "model-value": Le(v, L),
+                    disabled: !Ve(v),
+                    "aria-label": "Select row",
+                    "onUpdate:modelValue": (j) => ia(v, L, j)
+                  }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"])
+                ], 6)) : C("", !0),
+                (l(!0), u(K, null, X(y.value, (j) => (l(), u("td", {
+                  key: j.key,
+                  class: F(["wx-table__cell", [$e(j), U(j), j.cellClass]]),
+                  style: ee(W(j))
+                }, [
+                  N(i.$slots, `cell-${j.key}`, {
+                    row: v,
+                    value: I(v, j.key),
+                    index: L,
+                    column: j
+                  }, () => [
+                    ae(D(oe(j, v, L)), 1)
+                  ], !0)
+                ], 6))), 128))
+              ], 10, co),
+              e.expandable && fe(v, L) ? (l(), u("tr", fo, [
+                x("td", {
+                  class: "wx-table__cell wx-table__expansion",
+                  colspan: V.value
+                }, [
+                  N(i.$slots, "expanded", {
+                    row: v,
+                    index: L
+                  }, void 0, !0)
+                ], 8, bo)
+              ])) : C("", !0)
+            ], 64))), 128)),
+            !f.value.length && !e.loading ? (l(), u("tr", mo, [
+              x("td", {
+                class: "wx-table__cell wx-table__empty",
+                colspan: V.value
+              }, [
+                N(i.$slots, "empty", {}, () => [
+                  ae(D(e.emptyText), 1)
+                ], !0)
+              ], 8, po)
+            ])) : C("", !0)
+          ]),
+          e.summary.length || i.$slots.footer || g.value ? (l(), u("tfoot", ho, [
+            (l(!0), u(K, null, X(e.summary, (v, L) => (l(), u("tr", {
+              key: L,
+              class: F(["wx-table__summary", [v.class, { "is-strong": v.strong }]])
+            }, [
+              De(v) > 0 ? (l(), u("td", {
+                key: 0,
+                class: "wx-table__cell wx-table__summary-label",
+                colspan: De(v)
+              }, D(v.label), 9, yo)) : C("", !0),
+              (l(!0), u(K, null, X(fa(v), (j) => (l(), u("td", {
+                key: j.key,
+                class: F(["wx-table__cell", $e(j)])
+              }, [
+                N(i.$slots, `summary-${j.key}`, {
+                  row: v,
+                  value: Ne(v, j)
+                }, () => [
+                  ae(D(ba(v, j)), 1)
+                ], !0)
+              ], 2))), 128))
+            ], 2))), 128)),
+            i.$slots.footer || g.value ? (l(), u("tr", xo, [
+              x("td", {
+                class: "wx-table__cell",
+                colspan: V.value
+              }, [
+                N(i.$slots, "footer", {}, () => [
+                  O(ea, {
+                    page: p.value,
+                    "onUpdate:page": k[2] || (k[2] = (v) => p.value = v),
+                    "per-page": h.value,
+                    "onUpdate:perPage": k[3] || (k[3] = (v) => h.value = v),
+                    paginator: m.value,
+                    "per-page-options": e.perPageOptions,
+                    size: e.size,
+                    disabled: e.loading
+                  }, null, 8, ["page", "per-page", "paginator", "per-page-options", "size", "disabled"])
+                ], !0)
+              ], 8, go)
+            ])) : C("", !0)
+          ])) : C("", !0)
+        ], 10, io)
+      ], 4),
+      e.loading ? (l(), u("div", ko, [
+        N(i.$slots, "loading", {}, () => [
+          k[7] || (k[7] = x("span", {
+            class: "wx-table__spinner",
+            "aria-hidden": "true"
+          }, null, -1)),
+          k[8] || (k[8] = x("span", { class: "wx-table__loading-text" }, "Loading", -1))
         ], !0)
-      ])) : W("", !0)
+      ])) : C("", !0)
     ], 2));
   }
-}), at = /* @__PURE__ */ j(et, [["__scopeId", "data-v-b9a90e4d"]]), lt = ["aria-label", "onClick"], tt = ["id", "value", "placeholder", "disabled", "aria-label", "aria-describedby", "aria-invalid", "aria-expanded"], ot = {
+}), $o = /* @__PURE__ */ Q(wo, [["__scopeId", "data-v-8fdfcfc9"]]), _o = ["aria-label", "onClick"], Bo = ["id", "value", "placeholder", "disabled", "aria-label", "aria-describedby", "aria-invalid", "aria-expanded"], Mo = {
   key: 0,
   class: "wx-tags-input__list",
   role: "listbox"
-}, it = ["aria-selected", "onMousedown", "onMousemove"], nt = ["name"], ut = ["value"], st = /* @__PURE__ */ E({
+}, Co = ["aria-selected", "onMousedown", "onMousemove"], So = ["name"], To = ["value"], Io = /* @__PURE__ */ J({
   name: "WxTagsInput",
   inheritAttrs: !1,
   __name: "TagsInput",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     suggestions: { default: () => [] },
     placeholder: { default: void 0 },
     emptyText: { default: "Nothing found" },
@@ -2177,120 +2829,120 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     modelValue: { default: () => [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["change", "search"], ["update:modelValue"]),
-  setup(e, { expose: y, emit: a }) {
-    const t = e, i = a, l = G(e, "modelValue"), o = Y(t), v = D(null), m = D(""), b = D(!1), c = D(-1), r = D(-1), h = u(() => l.value ?? []), p = u(
-      () => t.suggestions.filter((k) => !h.value.includes(k))
-    ), T = u(() => b.value && p.value.length > 0), M = u(() => t.max !== void 0 && h.value.length >= t.max), g = u(() => [
+  emits: /* @__PURE__ */ R(["change", "search"], ["update:modelValue"]),
+  setup(e, { expose: _, emit: a }) {
+    const n = e, s = a, t = G(e, "modelValue"), o = le(n), c = q(null), p = q(""), h = q(!1), f = q(-1), m = q(-1), g = d(() => t.value ?? []), y = d(
+      () => n.suggestions.filter((w) => !g.value.includes(w))
+    ), P = d(() => h.value && y.value.length > 0), V = d(() => n.max !== void 0 && g.value.length >= n.max), B = d(() => [
       "wx-tags-input",
       `wx-tags-input--${o.size.value}`,
       {
         [`wx-tags-input--${o.status.value}`]: o.status.value !== "default",
-        "is-open": T.value,
+        "is-open": P.value,
         "is-disabled": o.disabled.value
       }
     ]);
-    Z(p, () => {
-      c.value = -1;
+    ne(y, () => {
+      f.value = -1;
     });
-    function C(k) {
-      l.value = k, i("change", k);
-    }
-    function f(k) {
-      const R = k.trim();
-      if (!(!R || M.value)) {
-        if (!t.duplicates && h.value.includes(R)) {
-          m.value = "";
+    function $(w) {
+      t.value = w, s("change", w);
+    }
+    function r(w) {
+      const E = w.trim();
+      if (!(!E || V.value)) {
+        if (!n.duplicates && g.value.includes(E)) {
+          p.value = "";
           return;
         }
-        C([...h.value, R]), m.value = "", b.value = !1, r.value = -1;
+        $([...g.value, E]), p.value = "", h.value = !1, m.value = -1;
       }
     }
-    function $(k) {
-      C(h.value.filter((R, O) => O !== k)), r.value = -1;
+    function S(w) {
+      $(g.value.filter((E, Z) => Z !== w)), m.value = -1;
     }
-    function V(k) {
-      const R = k.target.value;
-      m.value = R, r.value = -1, c.value = -1, R && (b.value = !0), i("search", R);
+    function z(w) {
+      const E = w.target.value;
+      p.value = E, m.value = -1, f.value = -1, E && (h.value = !0), s("search", E);
     }
-    function L(k) {
-      if (k.key === "Escape") {
-        b.value = !1, r.value = -1;
+    function H(w) {
+      if (w.key === "Escape") {
+        h.value = !1, m.value = -1;
         return;
       }
-      if (k.key === "Backspace" && m.value === "" && h.value.length > 0) {
-        k.preventDefault(), r.value === h.value.length - 1 ? $(r.value) : r.value = h.value.length - 1;
+      if (w.key === "Backspace" && p.value === "" && g.value.length > 0) {
+        w.preventDefault(), m.value === g.value.length - 1 ? S(m.value) : m.value = g.value.length - 1;
         return;
       }
-      if (k.key === "ArrowDown" && T.value) {
-        k.preventDefault(), c.value = (c.value + 1) % p.value.length;
+      if (w.key === "ArrowDown" && P.value) {
+        w.preventDefault(), f.value = (f.value + 1) % y.value.length;
         return;
       }
-      if (k.key === "ArrowUp" && T.value) {
-        k.preventDefault(), c.value = c.value <= 0 ? p.value.length - 1 : c.value - 1;
+      if (w.key === "ArrowUp" && P.value) {
+        w.preventDefault(), f.value = f.value <= 0 ? y.value.length - 1 : f.value - 1;
         return;
       }
-      k.key === "Enter" && (k.preventDefault(), T.value && c.value >= 0 ? f(p.value[c.value]) : t.allowCreate && f(m.value));
+      w.key === "Enter" && (w.preventDefault(), P.value && f.value >= 0 ? r(y.value[f.value]) : n.allowCreate && r(p.value));
     }
-    function x() {
-      r.value = -1, window.setTimeout(() => {
-        b.value = !1;
+    function M() {
+      m.value = -1, window.setTimeout(() => {
+        h.value = !1;
       }, 120);
     }
-    return y({ focus: () => v.value?.focus() }), (k, R) => (n(), d("div", {
-      class: U(g.value)
+    return _({ focus: () => c.value?.focus() }), (w, E) => (l(), u("div", {
+      class: F(B.value)
     }, [
-      I("div", {
+      x("div", {
         class: "wx-tags-input__anchor",
-        onClick: R[1] || (R[1] = (O) => v.value?.focus())
+        onClick: E[1] || (E[1] = (Z) => c.value?.focus())
       }, [
-        (n(!0), d(X, null, q(h.value, (O, B) => (n(), d("span", {
-          key: O,
-          class: U(["wx-tags-input__tag", { "is-armed": B === r.value }])
+        (l(!0), u(K, null, X(g.value, (Z, W) => (l(), u("span", {
+          key: Z,
+          class: F(["wx-tags-input__tag", { "is-armed": W === m.value }])
         }, [
-          ee(N(O) + " ", 1),
-          s(o).disabled.value ? W("", !0) : (n(), d("button", {
+          ae(D(Z) + " ", 1),
+          b(o).disabled.value ? C("", !0) : (l(), u("button", {
             key: 0,
             class: "wx-tags-input__remove",
             type: "button",
             tabindex: "-1",
-            "aria-label": `Remove ${O}`,
-            onClick: le((A) => $(B), ["stop"])
-          }, " ✕ ", 8, lt))
+            "aria-label": `Remove ${Z}`,
+            onClick: de((U) => S(W), ["stop"])
+          }, " ✕ ", 8, _o))
         ], 2))), 128)),
-        I("input", K({
-          id: s(o).id.value,
+        x("input", te({
+          id: b(o).id.value,
           ref_key: "inputRef",
-          ref: v
-        }, k.$attrs, {
+          ref: c
+        }, w.$attrs, {
           class: "wx-tags-input__field",
           type: "text",
           role: "combobox",
           autocomplete: "off",
-          value: m.value,
+          value: p.value,
           placeholder: e.placeholder,
-          disabled: s(o).disabled.value,
+          disabled: b(o).disabled.value,
           "aria-label": e.ariaLabel,
-          "aria-describedby": s(o).describedBy.value,
-          "aria-invalid": s(o).status.value === "error" || void 0,
-          "aria-expanded": T.value,
-          onInput: V,
-          onKeydown: L,
-          onFocus: R[0] || (R[0] = (O) => b.value = !0),
-          onBlur: x
-        }), null, 16, tt),
-        T.value ? (n(), d("ul", ot, [
-          (n(!0), d(X, null, q(p.value, (O, B) => (n(), d("li", {
-            key: O,
-            class: U(["wx-tags-input__option", { "is-highlighted": B === c.value }]),
+          "aria-describedby": b(o).describedBy.value,
+          "aria-invalid": b(o).status.value === "error" || void 0,
+          "aria-expanded": P.value,
+          onInput: z,
+          onKeydown: H,
+          onFocus: E[0] || (E[0] = (Z) => h.value = !0),
+          onBlur: M
+        }), null, 16, Bo),
+        P.value ? (l(), u("ul", Mo, [
+          (l(!0), u(K, null, X(y.value, (Z, W) => (l(), u("li", {
+            key: Z,
+            class: F(["wx-tags-input__option", { "is-highlighted": W === f.value }]),
             role: "option",
-            "aria-selected": B === c.value,
-            onMousedown: le((A) => f(O), ["prevent"]),
-            onMousemove: (A) => c.value = B
-          }, N(O), 43, it))), 128))
-        ])) : W("", !0)
+            "aria-selected": W === f.value,
+            onMousedown: de((U) => r(Z), ["prevent"]),
+            onMousemove: (U) => f.value = W
+          }, D(Z), 43, Co))), 128))
+        ])) : C("", !0)
       ]),
-      e.name ? (n(), d("select", {
+      e.name ? (l(), u("select", {
         key: 0,
         class: "wx-sr-only",
         name: e.name,
@@ -2298,22 +2950,22 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
         tabindex: "-1",
         "aria-hidden": "true"
       }, [
-        (n(!0), d(X, null, q(h.value, (O) => (n(), d("option", {
-          key: O,
-          value: O,
+        (l(!0), u(K, null, X(g.value, (Z) => (l(), u("option", {
+          key: Z,
+          value: Z,
           selected: ""
-        }, N(O), 9, ut))), 128))
-      ], 8, nt)) : W("", !0)
+        }, D(Z), 9, To))), 128))
+      ], 8, So)) : C("", !0)
     ], 2));
   }
-}), dt = /* @__PURE__ */ j(st, [["__scopeId", "data-v-fcf7fe37"]]), rt = ["id", "value", "rows", "placeholder", "disabled", "readonly", "maxlength", "aria-label", "aria-describedby", "aria-invalid"], ct = {
+}), Vo = /* @__PURE__ */ Q(Io, [["__scopeId", "data-v-fcf7fe37"]]), zo = ["id", "value", "rows", "placeholder", "disabled", "readonly", "maxlength", "aria-label", "aria-describedby", "aria-invalid"], Po = {
   key: 0,
   class: "wx-textarea__count"
-}, vt = /* @__PURE__ */ E({
+}, Wo = /* @__PURE__ */ J({
   name: "WxTextarea",
   inheritAttrs: !1,
   __name: "Textarea",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     size: { default: void 0 },
     status: { default: void 0 },
     id: { default: void 0 },
@@ -2330,81 +2982,81 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["input", "change", "focus", "blur"], ["update:modelValue"]),
-  setup(e, { expose: y, emit: a }) {
-    const t = e, i = a, l = G(e, "modelValue"), o = Y(t), v = D(null), m = D(!1), b = u(() => l.value ?? ""), c = u(
-      () => t.showCount && t.maxlength ? `${b.value.length}/${t.maxlength}` : null
-    ), r = u(
-      () => t.autosize === !0 ? {} : t.autosize === !1 ? null : t.autosize
-    ), h = u(() => [
+  emits: /* @__PURE__ */ R(["input", "change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { expose: _, emit: a }) {
+    const n = e, s = a, t = G(e, "modelValue"), o = le(n), c = q(null), p = q(!1), h = d(() => t.value ?? ""), f = d(
+      () => n.showCount && n.maxlength ? `${h.value.length}/${n.maxlength}` : null
+    ), m = d(
+      () => n.autosize === !0 ? {} : n.autosize === !1 ? null : n.autosize
+    ), g = d(() => [
       "wx-textarea",
       `wx-textarea--${o.size.value}`,
       {
         [`wx-textarea--${o.status.value}`]: o.status.value !== "default",
-        "is-focused": m.value,
+        "is-focused": p.value,
         "is-disabled": o.disabled.value,
-        "is-readonly": t.readonly,
-        "is-autosize": !!r.value
+        "is-readonly": n.readonly,
+        "is-autosize": !!m.value
       }
     ]);
-    function p() {
-      const f = r.value, $ = v.value;
-      if (!f || !$) return;
-      $.style.height = "auto";
-      const V = getComputedStyle($), L = Number.parseFloat(V.lineHeight) || 20, x = Number.parseFloat(V.paddingTop) + Number.parseFloat(V.paddingBottom) + Number.parseFloat(V.borderTopWidth) + Number.parseFloat(V.borderBottomWidth);
-      let k = $.scrollHeight;
-      f.minRows && (k = Math.max(k, f.minRows * L + x)), f.maxRows && (k = Math.min(k, f.maxRows * L + x)), $.style.height = `${k}px`, $.style.overflowY = f.maxRows && $.scrollHeight > k ? "auto" : "hidden";
-    }
-    ke(() => be(p)), Z([b, r], () => be(p));
-    function T(f) {
-      const $ = f.target.value;
-      l.value = $, i("input", $);
-    }
-    function M(f) {
-      i("change", f.target.value);
-    }
-    function g(f) {
-      m.value = !0, i("focus", f);
-    }
-    function C(f) {
-      m.value = !1, i("blur", f);
-    }
-    return y({
-      focus: () => v.value?.focus(),
-      blur: () => v.value?.blur(),
-      select: () => v.value?.select(),
-      textarea: v
-    }), (f, $) => (n(), d("div", {
-      class: U(h.value)
+    function y() {
+      const r = m.value, S = c.value;
+      if (!r || !S) return;
+      S.style.height = "auto";
+      const z = getComputedStyle(S), H = Number.parseFloat(z.lineHeight) || 20, M = Number.parseFloat(z.paddingTop) + Number.parseFloat(z.paddingBottom) + Number.parseFloat(z.borderTopWidth) + Number.parseFloat(z.borderBottomWidth);
+      let w = S.scrollHeight;
+      r.minRows && (w = Math.max(w, r.minRows * H + M)), r.maxRows && (w = Math.min(w, r.maxRows * H + M)), S.style.height = `${w}px`, S.style.overflowY = r.maxRows && S.scrollHeight > w ? "auto" : "hidden";
+    }
+    Ce(() => Ue(y)), ne([h, m], () => Ue(y));
+    function P(r) {
+      const S = r.target.value;
+      t.value = S, s("input", S);
+    }
+    function V(r) {
+      s("change", r.target.value);
+    }
+    function B(r) {
+      p.value = !0, s("focus", r);
+    }
+    function $(r) {
+      p.value = !1, s("blur", r);
+    }
+    return _({
+      focus: () => c.value?.focus(),
+      blur: () => c.value?.blur(),
+      select: () => c.value?.select(),
+      textarea: c
+    }), (r, S) => (l(), u("div", {
+      class: F(g.value)
     }, [
-      I("textarea", K({
-        id: s(o).id.value,
+      x("textarea", te({
+        id: b(o).id.value,
         ref_key: "textareaRef",
-        ref: v
-      }, f.$attrs, {
+        ref: c
+      }, r.$attrs, {
         class: "wx-textarea__inner",
-        value: b.value,
+        value: h.value,
         rows: e.rows,
         placeholder: e.placeholder,
-        disabled: s(o).disabled.value,
+        disabled: b(o).disabled.value,
         readonly: e.readonly,
         maxlength: e.maxlength,
         "aria-label": e.ariaLabel,
-        "aria-describedby": s(o).describedBy.value,
-        "aria-invalid": s(o).status.value === "error" || void 0,
+        "aria-describedby": b(o).describedBy.value,
+        "aria-invalid": b(o).status.value === "error" || void 0,
         style: { resize: e.resize },
-        onInput: T,
-        onChange: M,
-        onFocus: g,
-        onBlur: C
-      }), null, 16, rt),
-      c.value ? (n(), d("span", ct, N(c.value), 1)) : W("", !0)
+        onInput: P,
+        onChange: V,
+        onFocus: B,
+        onBlur: $
+      }), null, 16, zo),
+      f.value ? (l(), u("span", Po, D(f.value), 1)) : C("", !0)
     ], 2));
   }
-}), ft = /* @__PURE__ */ j(vt, [["__scopeId", "data-v-bbca9693"]]), mt = /* @__PURE__ */ E({
+}), Ao = /* @__PURE__ */ Q(Wo, [["__scopeId", "data-v-bbca9693"]]), Lo = /* @__PURE__ */ J({
   name: "WxTimePicker",
   __name: "TimePicker",
-  props: /* @__PURE__ */ S({
+  props: /* @__PURE__ */ R({
     valueFormat: { default: void 0 },
     format: { default: void 0 },
     placeholder: { default: void 0 },
@@ -2431,77 +3083,81 @@ const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const y = G(e, "modelValue");
-    return (a, t) => (n(), Q(fe, K({
-      modelValue: y.value,
-      "onUpdate:modelValue": t[0] || (t[0] = (i) => y.value = i),
+    const _ = G(e, "modelValue");
+    return (a, n) => (l(), ie(Ie, te({
+      modelValue: _.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => _.value = s),
       type: "time"
-    }, a.$props), ue({ _: 2 }, [
-      q(a.$slots, (i, l) => ({
-        name: l,
-        fn: H((o) => [
-          P(a.$slots, l, se(de(o ?? {})))
+    }, a.$props), ge({ _: 2 }, [
+      X(a.$slots, (s, t) => ({
+        name: t,
+        fn: Y((o) => [
+          N(a.$slots, t, ke(we(o ?? {})))
         ])
       }))
     ]), 1040, ["modelValue"]));
   }
-}), bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  WxButton: ba,
-  WxCard: Ba,
-  WxCheckbox: Be,
-  WxCheckboxGroup: Ra,
-  WxColorPicker: Ua,
-  WxDatePicker: fe,
-  WxDateRangePicker: Ea,
-  WxDateTimePicker: Oa,
-  WxForm: Ga,
-  WxFormItem: Qa,
-  WxInput: tl,
-  WxInputNumber: sl,
-  WxRadio: Me,
-  WxRadioGroup: ml,
-  WxRate: kl,
+  WxButton: lt,
+  WxCard: ft,
+  WxCheckbox: ye,
+  WxCheckboxGroup: _t,
+  WxColorPicker: It,
+  WxDatePicker: Ie,
+  WxDateRangePicker: Vt,
+  WxDateTimePicker: zt,
+  WxForm: Wt,
+  WxFormItem: Ht,
+  WxInput: Qe,
+  WxInputNumber: Yt,
+  WxPagination: ea,
+  WxRadio: aa,
+  WxRadioGroup: fl,
+  WxRate: xl,
   WxRichText: Fl,
-  WxSelect: Gl,
-  WxSlider: Ql,
-  WxSwitch: at,
-  WxTagsInput: dt,
-  WxTextarea: ft,
-  WxTimePicker: mt
-}, Symbol.toStringTag, { value: "Module" })), Bt = {
-  install(e, y = {}) {
-    const { prefix: a = "Wx" } = y;
-    for (const [t, i] of Object.entries(bt)) {
-      if (!t.startsWith("Wx")) continue;
-      const l = a === "Wx" ? t : `${a}${t.slice(2)}`;
-      e.component(l, i);
+  WxSelect: jl,
+  WxSlider: Xl,
+  WxSwitch: eo,
+  WxTable: $o,
+  WxTagsInput: Vo,
+  WxTextarea: Ao,
+  WxTimePicker: Lo
+}, Symbol.toStringTag, { value: "Module" })), Go = {
+  install(e, _ = {}) {
+    const { prefix: a = "Wx" } = _;
+    for (const [n, s] of Object.entries(Ro)) {
+      if (!n.startsWith("Wx")) continue;
+      const t = a === "Wx" ? n : `${a}${n.slice(2)}`;
+      e.component(t, s);
     }
   }
 };
 export {
-  Bt as WebxUI,
-  ba as WxButton,
-  Ba as WxCard,
-  Be as WxCheckbox,
-  Ra as WxCheckboxGroup,
-  Ua as WxColorPicker,
-  fe as WxDatePicker,
-  Ea as WxDateRangePicker,
-  Oa as WxDateTimePicker,
-  Ga as WxForm,
-  Qa as WxFormItem,
-  tl as WxInput,
-  sl as WxInputNumber,
-  Me as WxRadio,
-  ml as WxRadioGroup,
-  kl as WxRate,
+  Go as WebxUI,
+  lt as WxButton,
+  ft as WxCard,
+  ye as WxCheckbox,
+  _t as WxCheckboxGroup,
+  It as WxColorPicker,
+  Ie as WxDatePicker,
+  Vt as WxDateRangePicker,
+  zt as WxDateTimePicker,
+  Wt as WxForm,
+  Ht as WxFormItem,
+  Qe as WxInput,
+  Yt as WxInputNumber,
+  ea as WxPagination,
+  aa as WxRadio,
+  fl as WxRadioGroup,
+  xl as WxRate,
   Fl as WxRichText,
-  Gl as WxSelect,
-  Ql as WxSlider,
-  at as WxSwitch,
-  dt as WxTagsInput,
-  ft as WxTextarea,
-  mt as WxTimePicker
+  jl as WxSelect,
+  Xl as WxSlider,
+  eo as WxSwitch,
+  $o as WxTable,
+  Vo as WxTagsInput,
+  Ao as WxTextarea,
+  Lo as WxTimePicker
 };
 //# sourceMappingURL=index.js.map