@pungfe/element 0.0.1-alpha.12 → 0.0.1-alpha.13

package/dist/components.d.ts

@@ -33,6 +33,7 @@ export { default as XSpace } from './basic/XSpace.vue';
 export * from './basic/XSpace.vue';
 export { default as XTable } from './basic/XTable.vue';
 export * from './basic/XTable.vue';
+export { XTabPane, default as XTabs } from './basic/XTabs.vue';
 export * from './basic/XTabs.vue';
 export { default as XTag } from './basic/XTag.vue';
 export * from './basic/XTag.vue';

package/dist/index.js

@@ -1,6 +1,6 @@
-import { defineComponent as b, openBlock as v, createBlock as g, unref as w, mergeProps as V, withCtx as B, renderSlot as S, useModel as C, inject as m, mergeModels as T, computed as x, toValue as F, onMounted as G, nextTick as ie, getCurrentScope as re, onScopeDispose as ue, getCurrentInstance as Y, shallowRef as Q, watch as _, createElementBlock as K, Fragment as J, renderList as Z, useSlots as de, createSlots as se, normalizeProps as $, guardReactiveProps as O, ref as H, provide as L, createVNode as z, resolveComponent as U, createTextVNode as j, useTemplateRef as ee, toDisplayString as ce, normalizeClass as fe } from "vue";
-import { ElButton as me, ElCascader as pe, ElCheckboxGroup as ve, ElCheckbox as ye, ElColorPicker as be, ElDatePicker as ge, ElDialog as he, ElDivider as Be, ElForm as we, ElFormItem as Xe, ElMessage as te, ElImage as Te, ElInput as xe, ElPagination as Ve, ElRate as Ce, ElPopconfirm as Ee, ElScrollbar as Se, ElSpace as ke, ElTable as Ie, ElTableColumn as ze, ElTabPane as Pe, ElTag as Ae, ElText as $e, ElUpload as Oe } from "element-plus";
-const Me = /* @__PURE__ */ b({
+import { defineComponent as y, openBlock as p, createBlock as g, unref as B, mergeProps as C, withCtx as h, renderSlot as S, useModel as x, inject as f, mergeModels as V, computed as X, toValue as L, onMounted as Y, nextTick as re, getCurrentScope as de, onScopeDispose as ue, getCurrentInstance as _, shallowRef as Q, watch as K, createElementBlock as G, Fragment as J, renderList as Z, useSlots as se, createSlots as ce, normalizeProps as O, guardReactiveProps as M, ref as H, provide as A, createVNode as z, resolveComponent as U, createTextVNode as j, useTemplateRef as ee, toDisplayString as me, normalizeClass as fe } from "vue";
+import { ElButton as pe, ElCascader as be, ElCheckboxGroup as ve, ElCheckbox as ye, ElColorPicker as ge, ElDatePicker as he, ElDialog as Be, ElDivider as we, ElForm as Ve, ElFormItem as Te, ElMessage as te, ElImage as Xe, ElInput as Ce, ElPagination as xe, ElRate as Ee, ElPopconfirm as Se, ElScrollbar as ke, ElSpace as Ie, ElTable as ze, ElTableColumn as Pe, ElTabs as $e, ElTabPane as Ae, ElTag as Oe, ElText as Me, ElUpload as Re } from "element-plus";
+const De = /* @__PURE__ */ y({
   __name: "XButton",
   props: {
     size: {},
@@ -25,26 +25,26 @@ const Me = /* @__PURE__ */ b({
   emits: ["click"],
   setup(e, { emit: t }) {
     const a = e, n = t;
-    return (l, r) => (v(), g(w(me), V(a, {
+    return (o, r) => (p(), g(B(pe), C(a, {
       onClick: r[0] || (r[0] = (i) => n("click", i))
     }), {
-      default: B(() => [
-        S(l.$slots, "default")
+      default: h(() => [
+        S(o.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), A = /* @__PURE__ */ Symbol("X_FORM_ITEM_LABEL"), ae = /* @__PURE__ */ Symbol("X_FORM_VALIDATIONS"), k = /* @__PURE__ */ Symbol(
+}), $ = /* @__PURE__ */ Symbol("X_FORM_ITEM_LABEL"), ae = /* @__PURE__ */ Symbol("X_FORM_VALIDATIONS"), k = /* @__PURE__ */ Symbol(
   "X_FORM_ITEM_VALIDATION"
-), Re = /* @__PURE__ */ Symbol(
+), Fe = /* @__PURE__ */ Symbol(
   "X_FORM_TAB_UPDATE_HOOK"
-), De = /* @__PURE__ */ Symbol("X_TAB_PANES"), le = /* @__PURE__ */ Symbol("X_TAB_PANE"), M = /* @__PURE__ */ Symbol(
+), le = /* @__PURE__ */ Symbol("X_TAB_PANES"), oe = /* @__PURE__ */ Symbol("X_TAB_PANE"), R = /* @__PURE__ */ Symbol(
   "X_TABLE_QUERY_UPDATE_HOOK"
-), R = /* @__PURE__ */ Symbol(
+), D = /* @__PURE__ */ Symbol(
   "X_TABLE_QUERY_EXECUTE_HOOK"
-), Fe = /* @__PURE__ */ b({
+), Le = /* @__PURE__ */ y({
   __name: "XCascader",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ V({
     clearable: {
       type: Boolean
     },
@@ -60,130 +60,130 @@ const Me = /* @__PURE__ */ b({
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ T(["blur", "change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ V(["blur", "change"], ["update:modelValue"]),
   setup(e, {
     emit: t
   }) {
-    const a = e, n = t, l = C(e, "modelValue"), r = m(k, void 0);
+    const a = e, n = t, o = x(e, "modelValue"), r = f(k, void 0);
     if (r?.required) {
       const {
         validator: c,
-        label: u
+        label: d
       } = r;
-      r.validator = () => l.value ? c?.() : `请输入${u}`;
+      r.validator = () => o.value ? c?.() : `请输入${d}`;
     }
-    const i = m(A, void 0), o = m(M, void 0), d = m(R, void 0);
-    o?.on(([c, u]) => i === c && u === void 0 && (l.value = void 0)), d?.on(() => i && o?.trigger([i, l.value]));
+    const i = f($, void 0), l = f(R, void 0), u = f(D, void 0);
+    l?.on(([c, d]) => i === c && d === void 0 && (o.value = void 0)), u?.on(() => i && l?.trigger([i, o.value]));
     const s = () => {
       r?.validate(), n("blur");
     };
-    return (c, u) => (v(), g(w(pe), V(a, {
-      modelValue: l.value,
-      "onUpdate:modelValue": u[0] || (u[0] = (X) => l.value = X),
+    return (c, d) => (p(), g(B(be), C(a, {
+      modelValue: o.value,
+      "onUpdate:modelValue": d[0] || (d[0] = (T) => o.value = T),
       onBlur: s
     }), null, 16, ["modelValue"]));
   }
 });
-function Le(e, t) {
-  return re() ? (ue(e, t), !0) : !1;
+function Ue(e, t) {
+  return de() ? (ue(e, t), !0) : !1;
 }
-const Ue = typeof window < "u" && typeof document < "u";
+const He = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-function He(e) {
+function Ne(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Ne(e) {
-  return Y();
+function qe(e) {
+  return _();
 }
-function qe(e, t = !0, a) {
-  Ne() ? G(e, a) : t ? e() : ie(e);
+function Qe(e, t = !0, a) {
+  qe() ? Y(e, a) : t ? e() : re(e);
 }
 // @__NO_SIDE_EFFECTS__
 function W(e, t) {
-  return x(() => F(e).map((a) => F(a)).map(t));
+  return X(() => L(e).map((a) => L(a)).map(t));
 }
-const oe = Ue ? window : void 0;
+const ne = He ? window : void 0;
 function P(e) {
   var t;
-  const a = F(e);
+  const a = L(e);
   return (t = a?.$el) !== null && t !== void 0 ? t : a;
 }
 // @__NO_SIDE_EFFECTS__
-function Qe() {
-  const e = Q(!1), t = Y();
-  return t && G(() => {
+function je() {
+  const e = Q(!1), t = _();
+  return t && Y(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function je(e) {
-  const t = /* @__PURE__ */ Qe();
-  return x(() => (t.value, !!e()));
+function We(e) {
+  const t = /* @__PURE__ */ je();
+  return X(() => (t.value, !!e()));
 }
-function We(e, t, a = {}) {
-  const { window: n = oe, ...l } = a;
+function Ke(e, t, a = {}) {
+  const { window: n = ne, ...o } = a;
   let r;
-  const i = /* @__PURE__ */ je(() => n && "ResizeObserver" in n), o = () => {
+  const i = /* @__PURE__ */ We(() => n && "ResizeObserver" in n), l = () => {
     r && (r.disconnect(), r = void 0);
-  }, d = _(x(() => {
-    const c = F(e);
-    return Array.isArray(c) ? c.map((u) => P(u)) : [P(c)];
+  }, u = K(X(() => {
+    const c = L(e);
+    return Array.isArray(c) ? c.map((d) => P(d)) : [P(c)];
   }), (c) => {
-    if (o(), i.value && n) {
+    if (l(), i.value && n) {
       r = new ResizeObserver(t);
-      for (const u of c) u && r.observe(u, l);
+      for (const d of c) d && r.observe(d, o);
     }
   }, {
     immediate: !0,
     flush: "post"
   }), s = () => {
-    o(), d();
+    l(), u();
   };
-  return Le(s), {
+  return Ue(s), {
     isSupported: i,
     stop: s
   };
 }
-function _e(e, t = {
+function Ge(e, t = {
   width: 0,
   height: 0
 }, a = {}) {
-  const { window: n = oe, box: l = "content-box" } = a, r = x(() => {
-    var u;
-    return (u = P(e)) === null || u === void 0 || (u = u.namespaceURI) === null || u === void 0 ? void 0 : u.includes("svg");
-  }), i = Q(t.width), o = Q(t.height), { stop: d } = We(e, ([u]) => {
-    const X = l === "border-box" ? u.borderBoxSize : l === "content-box" ? u.contentBoxSize : u.devicePixelContentBoxSize;
+  const { window: n = ne, box: o = "content-box" } = a, r = X(() => {
+    var d;
+    return (d = P(e)) === null || d === void 0 || (d = d.namespaceURI) === null || d === void 0 ? void 0 : d.includes("svg");
+  }), i = Q(t.width), l = Q(t.height), { stop: u } = Ke(e, ([d]) => {
+    const T = o === "border-box" ? d.borderBoxSize : o === "content-box" ? d.contentBoxSize : d.devicePixelContentBoxSize;
     if (n && r.value) {
       const E = P(e);
       if (E) {
-        const f = E.getBoundingClientRect();
-        i.value = f.width, o.value = f.height;
+        const m = E.getBoundingClientRect();
+        i.value = m.width, l.value = m.height;
       }
-    } else if (X) {
-      const E = He(X);
-      i.value = E.reduce((f, { inlineSize: y }) => f + y, 0), o.value = E.reduce((f, { blockSize: y }) => f + y, 0);
+    } else if (T) {
+      const E = Ne(T);
+      i.value = E.reduce((m, { inlineSize: v }) => m + v, 0), l.value = E.reduce((m, { blockSize: v }) => m + v, 0);
     } else
-      i.value = u.contentRect.width, o.value = u.contentRect.height;
+      i.value = d.contentRect.width, l.value = d.contentRect.height;
   }, a);
-  qe(() => {
-    const u = P(e);
-    u && (i.value = "offsetWidth" in u ? u.offsetWidth : t.width, o.value = "offsetHeight" in u ? u.offsetHeight : t.height);
+  Qe(() => {
+    const d = P(e);
+    d && (i.value = "offsetWidth" in d ? d.offsetWidth : t.width, l.value = "offsetHeight" in d ? d.offsetHeight : t.height);
   });
-  const s = _(() => P(e), (u) => {
-    i.value = u ? t.width : 0, o.value = u ? t.height : 0;
+  const s = K(() => P(e), (d) => {
+    i.value = d ? t.width : 0, l.value = d ? t.height : 0;
   });
   function c() {
-    d(), s();
+    u(), s();
   }
   return {
     width: i,
-    height: o,
+    height: l,
     stop: c
   };
 }
-const Ke = /* @__PURE__ */ b({
+const Ye = /* @__PURE__ */ y({
   __name: "XCheckbox",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ V({
     data: {},
     factory: {
       type: Function
@@ -224,50 +224,50 @@ const Ke = /* @__PURE__ */ b({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = C(e, "modelValue"), a = /* @__PURE__ */ W(() => e.data, e.factory), n = x(() => [...a.value]), l = (s) => {
+    const t = x(e, "modelValue"), a = /* @__PURE__ */ W(() => e.data, e.factory), n = X(() => [...a.value]), o = (s) => {
       if (typeof s == "object") {
         if (e.identify)
           return e.identify(s);
         throw new Error("`identify` is required when value's type extends `object` or `object[]`");
       } else
         return s;
-    }, r = (s) => n.value.map((c) => c.value).find((c) => l(c) === s), i = x(() => n.value.map((s) => {
-      const c = l(s.value);
+    }, r = (s) => n.value.map((c) => c.value).find((c) => o(c) === s), i = X(() => n.value.map((s) => {
+      const c = o(s.value);
       return {
         ...s,
         key: c,
         value: c
       };
-    })), o = x({
-      get: () => t.value && t.value.map(l),
+    })), l = X({
+      get: () => t.value && t.value.map(o),
       set: (s) => t.value = Array.isArray(s) ? s.map((c) => r(c)) : []
-    }), d = m(k, void 0);
-    if (d?.required) {
+    }), u = f(k, void 0);
+    if (u?.required) {
       const {
         validator: s,
         label: c
-      } = d;
-      d.validator = () => !t.value || Array.isArray(t.value) && t.value.length === 0 ? `请选择${c}` : s?.();
+      } = u;
+      u.validator = () => !t.value || Array.isArray(t.value) && t.value.length === 0 ? `请选择${c}` : s?.();
     }
-    return (s, c) => (v(), g(w(ve), V({
-      modelValue: o.value,
-      "onUpdate:modelValue": c[0] || (c[0] = (u) => o.value = u)
+    return (s, c) => (p(), g(B(ve), C({
+      modelValue: l.value,
+      "onUpdate:modelValue": c[0] || (c[0] = (d) => l.value = d)
     }, {
       disabled: e.disabled,
       size: e.size
     }), {
-      default: B(() => [(v(!0), K(J, null, Z(i.value, (u) => (v(), g(w(ye), {
-        key: u.key,
-        disabled: u.disabled,
-        label: u.label,
-        value: u.value
+      default: h(() => [(p(!0), G(J, null, Z(i.value, (d) => (p(), g(B(ye), {
+        key: d.key,
+        disabled: d.disabled,
+        label: d.label,
+        value: d.value
       }, null, 8, ["disabled", "label", "value"]))), 128))]),
       _: 1
     }, 16, ["modelValue"]));
   }
-}), Ge = /* @__PURE__ */ b({
+}), _e = /* @__PURE__ */ y({
   __name: "XColorPicker",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ V({
     clearable: {
       type: Boolean
     },
@@ -281,23 +281,23 @@ const Ke = /* @__PURE__ */ b({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = C(e, "modelValue"), n = m(k, void 0);
+    const t = e, a = x(e, "modelValue"), n = f(k, void 0);
     if (n?.required) {
       const {
-        validator: o,
-        label: d
+        validator: l,
+        label: u
       } = n;
-      n.validator = () => a.value ? o?.() : `请输入${d}`;
+      n.validator = () => a.value ? l?.() : `请输入${u}`;
     }
-    const l = m(A, void 0), r = m(M, void 0), i = m(R, void 0);
-    return r?.on(([o, d]) => l === o && d === void 0 && (a.value = void 0)), i?.on(() => l && r?.trigger([l, a.value])), (o, d) => (v(), g(w(be), V(t, {
+    const o = f($, void 0), r = f(R, void 0), i = f(D, void 0);
+    return r?.on(([l, u]) => o === l && u === void 0 && (a.value = void 0)), i?.on(() => o && r?.trigger([o, a.value])), (l, u) => (p(), g(B(ge), C(t, {
       modelValue: a.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (s) => a.value = s)
+      "onUpdate:modelValue": u[0] || (u[0] = (s) => a.value = s)
     }), null, 16, ["modelValue"]));
   }
-}), Ye = /* @__PURE__ */ b({
+}), Je = /* @__PURE__ */ y({
   __name: "XDatePicker",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ V({
     type: {
       default: "date"
     },
@@ -385,37 +385,37 @@ const Ke = /* @__PURE__ */ b({
     end: {},
     endModifiers: {}
   }),
-  emits: /* @__PURE__ */ T(["blur", "change"], ["update:modelValue", "update:start", "update:end"]),
+  emits: /* @__PURE__ */ V(["blur", "change"], ["update:modelValue", "update:start", "update:end"]),
   setup(e, {
     emit: t
   }) {
-    const a = t, n = C(e, "modelValue"), l = C(e, "start"), r = C(e, "end"), i = x({
+    const a = t, n = x(e, "modelValue"), o = x(e, "start"), r = x(e, "end"), i = X({
       get: () => {
-        if (e.type.includes("range") && l.value && r.value)
-          return [l.value, r.value];
+        if (e.type.includes("range") && o.value && r.value)
+          return [o.value, r.value];
         if (!e.type.includes("range"))
           return n.value;
       },
-      set: (f) => {
-        e.type.includes("range") ? (l.value = f?.[0], r.value = f?.[1]) : n.value = f;
+      set: (m) => {
+        e.type.includes("range") ? (o.value = m?.[0], r.value = m?.[1]) : n.value = m;
       }
-    }), o = x(() => e.type.includes("range") ? [{
+    }), l = X(() => e.type.includes("range") ? [{
       text: "最近一周",
       value: () => {
-        const f = /* @__PURE__ */ new Date(), y = /* @__PURE__ */ new Date();
-        return y.setTime(y.getTime() - 3600 * 1e3 * 24 * 7), [y, f];
+        const m = /* @__PURE__ */ new Date(), v = /* @__PURE__ */ new Date();
+        return v.setTime(v.getTime() - 3600 * 1e3 * 24 * 7), [v, m];
       }
     }, {
       text: "最近一月",
       value: () => {
-        const f = /* @__PURE__ */ new Date(), y = /* @__PURE__ */ new Date();
-        return y.setTime(y.getTime() - 3600 * 1e3 * 24 * 30), [y, f];
+        const m = /* @__PURE__ */ new Date(), v = /* @__PURE__ */ new Date();
+        return v.setTime(v.getTime() - 3600 * 1e3 * 24 * 30), [v, m];
       }
     }, {
       text: "最近三月",
       value: () => {
-        const f = /* @__PURE__ */ new Date(), y = /* @__PURE__ */ new Date();
-        return y.setTime(y.getTime() - 3600 * 1e3 * 24 * 90), [y, f];
+        const m = /* @__PURE__ */ new Date(), v = /* @__PURE__ */ new Date();
+        return v.setTime(v.getTime() - 3600 * 1e3 * 24 * 90), [v, m];
       }
     }] : [{
       text: "昨天",
@@ -423,45 +423,45 @@ const Ke = /* @__PURE__ */ b({
     }, {
       text: "一周前",
       value: () => {
-        const f = /* @__PURE__ */ new Date();
-        return f.setTime(f.getTime() - 3600 * 1e3 * 24 * 7), f;
+        const m = /* @__PURE__ */ new Date();
+        return m.setTime(m.getTime() - 3600 * 1e3 * 24 * 7), m;
       }
     }, {
       text: "一月前",
       value: () => {
-        const f = /* @__PURE__ */ new Date();
-        return f.setTime(f.getTime() - 3600 * 1e3 * 24 * 30), f;
+        const m = /* @__PURE__ */ new Date();
+        return m.setTime(m.getTime() - 3600 * 1e3 * 24 * 30), m;
       }
-    }]), d = m(k, void 0);
-    if (d?.required) {
+    }]), u = f(k, void 0);
+    if (u?.required) {
       const {
-        validator: f,
-        label: y
-      } = d;
-      d.validator = () => !i.value || e.type.includes("range") && !i.value?.length ? `请选择${y}` : f?.();
+        validator: m,
+        label: v
+      } = u;
+      u.validator = () => !i.value || e.type.includes("range") && !i.value?.length ? `请选择${v}` : m?.();
     }
-    const s = m(A, void 0), c = m(M, void 0), u = m(R, void 0);
-    c?.on(([f, y]) => s === f && y === void 0 && (i.value = void 0)), u?.on(() => s && c?.trigger([s, i.value === void 0 ? void 0 : Array.isArray(i.value) ? `${i.value[0]} 至 ${i.value[1]}` : i.value]));
-    const X = (f) => a("change", f), E = () => {
-      d?.validate?.(), a("blur");
+    const s = f($, void 0), c = f(R, void 0), d = f(D, void 0);
+    c?.on(([m, v]) => s === m && v === void 0 && (i.value = void 0)), d?.on(() => s && c?.trigger([s, i.value === void 0 ? void 0 : Array.isArray(i.value) ? `${i.value[0]} 至 ${i.value[1]}` : i.value]));
+    const T = (m) => a("change", m), E = () => {
+      u?.validate?.(), a("blur");
     };
-    return (f, y) => (v(), g(w(ge), V({
+    return (m, v) => (p(), g(B(he), C({
       type: e.type,
       placeholder: e.placeholder,
       startPlaceholder: e.startPlaceholder,
       endPlaceholder: e.endPlaceholder,
-      shortcuts: o.value,
+      shortcuts: l.value,
       valueFormat: e.valueFormat
     }, {
       modelValue: i.value,
-      "onUpdate:modelValue": y[0] || (y[0] = (N) => i.value = N),
+      "onUpdate:modelValue": v[0] || (v[0] = (N) => i.value = N),
       onBlur: E,
-      onChange: X
+      onChange: T
     }), null, 16, ["modelValue"]));
   }
-}), Je = /* @__PURE__ */ b({
+}), Ze = /* @__PURE__ */ y({
   __name: "XDialog",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ V({
     title: {},
     bodyClass: {}
   }, {
@@ -475,26 +475,26 @@ const Ke = /* @__PURE__ */ b({
     const {
       header: t,
       footer: a
-    } = de(), n = C(e, "modelValue");
-    return (l, r) => (v(), g(w(he), {
+    } = se(), n = x(e, "modelValue");
+    return (o, r) => (p(), g(B(Be), {
       modelValue: n.value,
       "onUpdate:modelValue": r[0] || (r[0] = (i) => n.value = i),
       title: e.title,
       "body-class": `flex flex-col ${e.bodyClass}`
-    }, se({
-      default: B(() => [S(l.$slots, "default")]),
+    }, ce({
+      default: h(() => [S(o.$slots, "default")]),
       _: 2
     }, [t ? {
       name: "header",
-      fn: B(() => [S(l.$slots, "header")]),
+      fn: h(() => [S(o.$slots, "header")]),
       key: "0"
     } : void 0, a ? {
       name: "footer",
-      fn: B(() => [S(l.$slots, "footer")]),
+      fn: h(() => [S(o.$slots, "footer")]),
       key: "1"
     } : void 0]), 1032, ["modelValue", "title", "body-class"]));
   }
-}), Ze = /* @__PURE__ */ b({
+}), et = /* @__PURE__ */ y({
   __name: "XDivider",
   props: {
     direction: {},
@@ -503,46 +503,46 @@ const Ke = /* @__PURE__ */ b({
   },
   setup(e) {
     const t = e;
-    return (a, n) => (v(), g(w(Be), $(O(t)), {
-      default: B(() => [
+    return (a, n) => (p(), g(B(we), O(M(t)), {
+      default: h(() => [
         S(a.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), et = /* @__PURE__ */ b((e, {
+}), tt = /* @__PURE__ */ y((e, {
   expose: t
 }) => {
-  const a = m(le, void 0), n = m(Re, void 0), l = H(), r = {
+  const a = f(oe, void 0), n = f(Fe, void 0), o = H(), r = {
     label: e.label,
     required: e.required,
     clearValidate() {
-      l.value = void 0;
+      o.value = void 0;
     },
     validate() {
-      return l.value = r.validator?.() ?? void 0, l.value && a?.name && (te({
+      return o.value = r.validator?.() ?? void 0, o.value && a?.name && (te({
         plain: !0,
         type: "warning",
-        message: l.value
-      }), n?.trigger(a.name)), !l.value;
+        message: o.value
+      }), n?.trigger(a.name)), !o.value;
     }
   };
-  return m(ae, void 0)?.push(r), L(k, r), t({
+  return f(ae, void 0)?.push(r), A(k, r), t({
     ...r
-  }), L(A, e.label), () => z(Xe, V({
+  }), A($, e.label), () => z(Te, C({
     label: e.label,
     labelPosition: e.labelPosition,
     labelWidth: e.labelWidth,
     required: e.required
   }, {
-    error: l.value
+    error: o.value
   }), {
     label: () => e.label,
     default: () => e.content?.()
   });
 }, {
   props: ["label", "required", "content", "tooltip"]
-}), tt = /* @__PURE__ */ b({
+}), at = /* @__PURE__ */ y({
   __name: "XForm",
   props: {
     content: {
@@ -569,19 +569,19 @@ const Ke = /* @__PURE__ */ b({
     expose: t
   }) {
     const a = H(), n = [];
-    L(ae, n);
-    const l = () => n.every((o) => o.validate()), r = () => {
-      a.value?.resetFields(), n.forEach((o) => o.clearValidate());
+    A(ae, n);
+    const o = () => n.every((l) => l.validate()), r = () => {
+      a.value?.resetFields(), n.forEach((l) => l.clearValidate());
     };
     t({
       data: e.data,
-      validate: l,
+      validate: o,
       resetFields: r
     });
     const i = () => e.content?.({
       data: e.data
     });
-    return (o, d) => (v(), g(w(we), V({
+    return (l, u) => (p(), g(B(Ve), C({
       ref_key: "form",
       ref: a
     }, {
@@ -592,11 +592,11 @@ const Ke = /* @__PURE__ */ b({
       labelPosition: e.labelPosition,
       statusIcon: e.statusIcon
     }), {
-      default: B(() => [z(i)]),
+      default: h(() => [z(i)]),
       _: 1
     }, 16));
   }
-}), at = /* @__PURE__ */ b({
+}), lt = /* @__PURE__ */ y({
   __name: "XImage",
   props: {
     hideOnClickModal: { type: Boolean },
@@ -620,11 +620,11 @@ const Ke = /* @__PURE__ */ b({
   },
   setup(e) {
     const t = e;
-    return (a, n) => (v(), g(w(Te), $(O(t)), null, 16));
+    return (a, n) => (p(), g(B(Xe), O(M(t)), null, 16));
   }
-}), lt = /* @__PURE__ */ b({
+}), ot = /* @__PURE__ */ y({
   __name: "XInput",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ V({
     clearable: {
       type: Boolean
     },
@@ -645,33 +645,33 @@ const Ke = /* @__PURE__ */ b({
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ T(["blur", "change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ V(["blur", "change"], ["update:modelValue"]),
   setup(e, {
     emit: t
   }) {
-    const a = e, n = t, l = C(e, "modelValue"), r = m(k, void 0);
+    const a = e, n = t, o = x(e, "modelValue"), r = f(k, void 0);
     if (r?.required) {
       const {
-        validator: u,
-        label: X
+        validator: d,
+        label: T
       } = r;
-      r.validator = () => l.value ? u?.() : `请输入${X}`;
+      r.validator = () => o.value ? d?.() : `请输入${T}`;
     }
-    const i = m(A, void 0), o = m(M, void 0), d = m(R, void 0);
-    o?.on(([u, X]) => i === u && X === void 0 && (l.value = void 0)), d?.on(() => i && o?.trigger([i, l.value]));
-    const s = (u) => n("change", u), c = () => {
+    const i = f($, void 0), l = f(R, void 0), u = f(D, void 0);
+    l?.on(([d, T]) => i === d && T === void 0 && (o.value = void 0)), u?.on(() => i && l?.trigger([i, o.value]));
+    const s = (d) => n("change", d), c = () => {
       r?.validate(), n("blur");
     };
-    return (u, X) => (v(), g(w(xe), V(a, {
-      modelValue: l.value,
-      "onUpdate:modelValue": X[0] || (X[0] = (E) => l.value = E),
+    return (d, T) => (p(), g(B(Ce), C(a, {
+      modelValue: o.value,
+      "onUpdate:modelValue": T[0] || (T[0] = (E) => o.value = E),
       onBlur: c,
       onChange: s
     }), null, 16, ["modelValue"]));
   }
-}), ot = /* @__PURE__ */ b({
+}), nt = /* @__PURE__ */ y({
   __name: "XInputNumber",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ V({
     placeholder: {
       default: "请输入"
     },
@@ -697,33 +697,33 @@ const Ke = /* @__PURE__ */ b({
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ T(["blur"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ V(["blur"], ["update:modelValue"]),
   setup(e, {
     emit: t
   }) {
-    const a = e, n = t, l = C(e, "modelValue"), r = m(k, void 0);
+    const a = e, n = t, o = x(e, "modelValue"), r = f(k, void 0);
     if (r?.required) {
       const {
-        validator: o,
-        label: d
+        validator: l,
+        label: u
       } = r;
-      r.validator = () => l.value === void 0 ? `请输入${d}` : o?.();
+      r.validator = () => o.value === void 0 ? `请输入${u}` : l?.();
     }
     const i = () => {
       r?.validate(), n("blur");
     };
-    return (o, d) => {
+    return (l, u) => {
       const s = U("ElInputNumber");
-      return v(), g(s, V(a, {
-        modelValue: l.value,
-        "onUpdate:modelValue": d[0] || (d[0] = (c) => l.value = c),
+      return p(), g(s, C(a, {
+        modelValue: o.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => o.value = c),
         onBlur: i
       }), null, 16, ["modelValue"]);
     };
   }
-}), nt = /* @__PURE__ */ b({
+}), it = /* @__PURE__ */ y({
   __name: "XPagination",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ V({
     sizes: { default: () => [20, 50, 100] },
     pageSize: {},
     defaultPageSize: {},
@@ -752,21 +752,21 @@ const Ke = /* @__PURE__ */ b({
     current: {},
     currentModifiers: {}
   }),
-  emits: /* @__PURE__ */ T(["sizeChange", "currentChange"], ["update:size", "update:current"]),
+  emits: /* @__PURE__ */ V(["sizeChange", "currentChange"], ["update:size", "update:current"]),
   setup(e, { emit: t }) {
-    const a = t, n = C(e, "size"), l = C(e, "current");
-    return (r, i) => (v(), g(w(Ve), V({ background: e.background, pageSizes: e.sizes, layout: e.layout, total: e.total }, {
-      "current-page": l.value,
-      "onUpdate:currentPage": i[0] || (i[0] = (o) => l.value = o),
+    const a = t, n = x(e, "size"), o = x(e, "current");
+    return (r, i) => (p(), g(B(xe), C({ background: e.background, pageSizes: e.sizes, layout: e.layout, total: e.total }, {
+      "current-page": o.value,
+      "onUpdate:currentPage": i[0] || (i[0] = (l) => o.value = l),
       "page-size": n.value,
-      "onUpdate:pageSize": i[1] || (i[1] = (o) => n.value = o),
-      onSizeChange: i[2] || (i[2] = (o) => a("sizeChange", o)),
-      onCurrentChange: i[3] || (i[3] = (o) => a("currentChange", o))
+      "onUpdate:pageSize": i[1] || (i[1] = (l) => n.value = l),
+      onSizeChange: i[2] || (i[2] = (l) => a("sizeChange", l)),
+      onCurrentChange: i[3] || (i[3] = (l) => a("currentChange", l))
     }), null, 16, ["current-page", "page-size"]));
   }
-}), it = /* @__PURE__ */ b({
+}), rt = /* @__PURE__ */ y({
   __name: "XRate",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ V({
     ariaLabel: {},
     id: {},
     lowThreshold: {},
@@ -804,13 +804,13 @@ const Ke = /* @__PURE__ */ b({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, a = C(e, "modelValue");
-    return (n, l) => (v(), g(w(Ce), V(t, {
+    const t = e, a = x(e, "modelValue");
+    return (n, o) => (p(), g(B(Ee), C(t, {
       modelValue: a.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (r) => a.value = r)
+      "onUpdate:modelValue": o[0] || (o[0] = (r) => a.value = r)
     }), null, 16, ["modelValue"]));
   }
-}), rt = /* @__PURE__ */ b({
+}), dt = /* @__PURE__ */ y({
   __name: "XReconfirm",
   props: {
     title: { default: "是否执行?" }
@@ -818,22 +818,22 @@ const Ke = /* @__PURE__ */ b({
   emits: ["cancel", "confirm"],
   setup(e, { emit: t }) {
     const a = t;
-    return (n, l) => {
+    return (n, o) => {
       const r = U("XButton");
-      return v(), g(w(Ee), {
+      return p(), g(B(Se), {
         title: e.title,
-        onCancel: l[0] || (l[0] = () => a("cancel")),
-        onConfirm: l[1] || (l[1] = () => a("confirm"))
+        onCancel: o[0] || (o[0] = () => a("cancel")),
+        onConfirm: o[1] || (o[1] = () => a("confirm"))
       }, {
-        reference: B(() => [
+        reference: h(() => [
           S(n.$slots, "default")
         ]),
-        actions: B(({ confirm: i, cancel: o }) => [
+        actions: h(({ confirm: i, cancel: l }) => [
           z(r, {
             size: "small",
-            onClick: o
+            onClick: l
           }, {
-            default: B(() => [...l[2] || (l[2] = [
+            default: h(() => [...o[2] || (o[2] = [
               j(" 取消 ", -1)
             ])]),
             _: 1
@@ -843,7 +843,7 @@ const Ke = /* @__PURE__ */ b({
             size: "small",
             onClick: i
           }, {
-            default: B(() => [...l[3] || (l[3] = [
+            default: h(() => [...o[3] || (o[3] = [
               j(" 确定 ", -1)
             ])]),
             _: 1
@@ -853,7 +853,7 @@ const Ke = /* @__PURE__ */ b({
       }, 8, ["title"]);
     };
   }
-}), ut = /* @__PURE__ */ b({
+}), ut = /* @__PURE__ */ y({
   __name: "XScrollbar",
   props: {
     ariaLabel: {},
@@ -883,20 +883,20 @@ const Ke = /* @__PURE__ */ b({
   setup(e, {
     expose: t
   }) {
-    const a = e, n = ee("scrollbar"), l = x(() => n.value?.wrapRef), r = x(() => l.value?.firstElementChild);
+    const a = e, n = ee("scrollbar"), o = X(() => n.value?.wrapRef), r = X(() => o.value?.firstElementChild);
     return t({
-      wrapRef: l,
+      wrapRef: o,
       viewRef: r
-    }), (i, o) => (v(), g(w(Se), V({
+    }), (i, l) => (p(), g(B(ke), C({
       ref: "scrollbar"
     }, a), {
-      default: B(() => [S(i.$slots, "default")]),
+      default: h(() => [S(i.$slots, "default")]),
       _: 3
     }, 16));
   }
-}), dt = /* @__PURE__ */ b({
+}), st = /* @__PURE__ */ y({
   __name: "XSelect",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ V({
     data: {},
     factory: {
       type: Function
@@ -1001,56 +1001,56 @@ const Ke = /* @__PURE__ */ b({
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ T(["blur", "change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ V(["blur", "change"], ["update:modelValue"]),
   setup(e, {
     emit: t
   }) {
-    const a = t, n = C(e, "modelValue"), l = H([]), r = /* @__PURE__ */ W(() => e.data, e.factory), i = x(() => [...(/* @__PURE__ */ W(l, e.factory)).value, ...r.value]), o = (p) => {
-      if (typeof p == "object") {
+    const a = t, n = x(e, "modelValue"), o = H([]), r = /* @__PURE__ */ W(() => e.data, e.factory), i = X(() => [...(/* @__PURE__ */ W(o, e.factory)).value, ...r.value]), l = (b) => {
+      if (typeof b == "object") {
         if (e.identify)
-          return e.identify(p);
+          return e.identify(b);
         throw new Error("`identify` is required when value's type extends `object` or `object[]`");
       } else
-        return p;
-    }, d = (p) => i.value.map((h) => h.value).find((h) => o(h) === p);
+        return b;
+    }, u = (b) => i.value.map((w) => w.value).find((w) => l(w) === b);
     let s = 0;
-    _([n, r], async () => {
+    K([n, r], async () => {
       if (s++, n.value) {
-        const p = [].concat(n.value).filter((q) => !r.value.map((I) => o(I.value)).includes(o(q))), h = s, D = await e.supplement?.(p);
-        h === s && D && (l.value = D);
+        const b = [].concat(n.value).filter((q) => !r.value.map((I) => l(I.value)).includes(l(q))), w = s, F = await e.supplement?.(b);
+        w === s && F && (o.value = F);
       } else
-        l.value = [];
+        o.value = [];
     }, {
       immediate: !0
     });
-    const c = x(() => i.value.map((p) => {
-      const h = o(p.value);
+    const c = X(() => i.value.map((b) => {
+      const w = l(b.value);
       return {
-        ...p,
-        key: h,
-        value: h
+        ...b,
+        key: w,
+        value: w
       };
-    })), u = x({
-      get: () => n.value && (Array.isArray(n.value) ? n.value.map(o) : o(n.value)),
-      set: (p) => {
-        Array.isArray(p) ? n.value = p.map((h) => d(h)) : n.value = p === void 0 ? void 0 : d(p) || (e.allowCreate ? p : void 0);
+    })), d = X({
+      get: () => n.value && (Array.isArray(n.value) ? n.value.map(l) : l(n.value)),
+      set: (b) => {
+        Array.isArray(b) ? n.value = b.map((w) => u(w)) : n.value = b === void 0 ? void 0 : u(b) || (e.allowCreate ? b : void 0);
       }
-    }), X = m(k, void 0);
-    if (X?.required) {
+    }), T = f(k, void 0);
+    if (T?.required) {
       const {
-        validator: p,
-        label: h
-      } = X;
-      X.validator = () => !n.value || Array.isArray(n.value) && n.value.length === 0 ? `请选择${h}` : p?.();
+        validator: b,
+        label: w
+      } = T;
+      T.validator = () => !n.value || Array.isArray(n.value) && n.value.length === 0 ? `请选择${w}` : b?.();
     }
-    const E = m(A, void 0), f = m(M, void 0), y = m(R, void 0);
-    f?.on(([p, h]) => E === p && h === void 0 && (u.value = void 0)), y?.on(() => E && f?.trigger([E, u.value === void 0 ? void 0 : [].concat(u.value).map((p) => c.value.find((h) => h.value === p).label).join(",")]));
-    const N = (p) => a("change", p), ne = () => {
-      X?.validate(), a("blur");
+    const E = f($, void 0), m = f(R, void 0), v = f(D, void 0);
+    m?.on(([b, w]) => E === b && w === void 0 && (d.value = void 0)), v?.on(() => E && m?.trigger([E, d.value === void 0 ? void 0 : [].concat(d.value).map((b) => c.value.find((w) => w.value === b).label).join(",")]));
+    const N = (b) => a("change", b), ie = () => {
+      T?.validate(), a("blur");
     };
-    return (p, h) => {
-      const D = U("ElOption"), q = U("ElSelect");
-      return v(), g(q, V({
+    return (b, w) => {
+      const F = U("ElOption"), q = U("ElSelect");
+      return p(), g(q, C({
         allowCreate: e.allowCreate,
         clearable: e.clearable,
         filterable: e.filterable,
@@ -1064,24 +1064,24 @@ const Ke = /* @__PURE__ */ b({
         collapseTags: e.collapseTags,
         collapseTagsTooltip: e.collapseTags
       }, {
-        modelValue: u.value,
-        "onUpdate:modelValue": h[0] || (h[0] = (I) => u.value = I),
-        onBlur: ne,
+        modelValue: d.value,
+        "onUpdate:modelValue": w[0] || (w[0] = (I) => d.value = I),
+        onBlur: ie,
         onChange: N
       }), {
-        default: B(() => [(v(!0), K(J, null, Z(c.value, (I) => (v(), g(D, {
+        default: h(() => [(p(!0), G(J, null, Z(c.value, (I) => (p(), g(F, {
           key: I.key,
           label: I.label,
           value: I.value
         }, {
-          default: B(() => [j(ce(I.label), 1)]),
+          default: h(() => [j(me(I.label), 1)]),
           _: 2
         }, 1032, ["label", "value"]))), 128))]),
         _: 1
       }, 16, ["modelValue"]);
     };
   }
-}), st = /* @__PURE__ */ b({
+}), ct = /* @__PURE__ */ y({
   __name: "XSpace",
   props: {
     direction: {},
@@ -1101,12 +1101,12 @@ const Ke = /* @__PURE__ */ b({
   },
   setup(e) {
     const t = e;
-    return (a, n) => (v(), g(w(ke), $(O(t)), {
-      default: B(() => [S(a.$slots, "default")]),
+    return (a, n) => (p(), g(B(Ie), O(M(t)), {
+      default: h(() => [S(a.$slots, "default")]),
       _: 3
     }, 16));
   }
-}), ct = /* @__PURE__ */ b({
+}), mt = /* @__PURE__ */ y({
   __name: "XTable",
   props: {
     data: {},
@@ -1129,8 +1129,8 @@ const Ke = /* @__PURE__ */ b({
   setup(e, {
     emit: t
   }) {
-    const a = t, n = ee("container"), l = H(), r = _e(n), i = x(() => e.height ?? r.height.value), o = () => z(Ie, V({
-      ref: l
+    const a = t, n = ee("container"), o = H(), r = Ge(n), i = X(() => e.height ?? r.height.value), l = () => z(ze, C({
+      ref: o
     }, {
       data: e.data,
       height: i.value,
@@ -1139,41 +1139,82 @@ const Ke = /* @__PURE__ */ b({
       highlightCurrentRow: e.highlightCurrentRow,
       spanMethod: e.spanMethod
     }, {
-      "onRow-click": (d) => a("rowClick", d),
-      "onSelection-change": (d) => a("selectionChange", d),
-      "onHeader-dragend": (d, s, c) => a("headerDragend", d, s, c)
+      "onRow-click": (u) => a("rowClick", u),
+      "onSelection-change": (u) => a("selectionChange", u),
+      "onHeader-dragend": (u, s, c) => a("headerDragend", u, s, c)
     }), {
-      default: () => e.columns.map((d) => z(ze, d, {
+      default: () => e.columns.map((u) => z(Pe, u, {
         default: ({
           $index: s,
           row: c
-        }) => d.content?.({
+        }) => u.content?.({
           index: s,
           row: c
         }),
-        header: () => d.header?.({
-          column: d
-        }) ?? d.label
+        header: () => u.header?.({
+          column: u
+        }) ?? u.label
       }))
     });
-    return (d, s) => (v(), K("div", {
+    return (u, s) => (p(), G("div", {
       ref_key: "container",
       ref: n,
       class: fe([e.height === void 0 && "h-full"])
-    }, [z(o)], 2));
+    }, [z(l)], 2));
   }
-}), ft = /* @__PURE__ */ b((e, {
+}), ft = /* @__PURE__ */ y((e, {
   slots: t
 }) => {
   const a = {
     ...e
   };
-  return m(De, void 0)?.push(a), L(le, a), () => z(Pe, e, {
+  return f(le, void 0)?.push(a), A(oe, a), () => z(Ae, e, {
     ...t
   });
 }, {
   props: ["label", "name", "closable", "lazy", "disabled"]
-}), mt = /* @__PURE__ */ b({
+}), pt = /* @__PURE__ */ y({
+  __name: "XTabs",
+  props: /* @__PURE__ */ V({
+    type: {},
+    defaultValue: {},
+    addable: {
+      type: Boolean,
+      default: () => {
+      }
+    },
+    editable: {
+      type: Boolean,
+      default: () => {
+      }
+    },
+    tabPosition: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ V(["tabChange", "tabRemove"], ["update:modelValue"]),
+  setup(e, {
+    emit: t
+  }) {
+    const a = t, n = x(e, "modelValue");
+    return A(le, []), (r, i) => (p(), g(B($e), C({
+      addable: e.addable,
+      editable: e.editable,
+      type: e.type,
+      defaultValue: e.defaultValue,
+      tabPosition: e.tabPosition
+    }, {
+      modelValue: n.value,
+      "onUpdate:modelValue": i[0] || (i[0] = (l) => n.value = l),
+      onTabChange: i[1] || (i[1] = (l) => a("tabChange", l)),
+      onTabRemove: i[2] || (i[2] = (l) => a("tabRemove", l))
+    }), {
+      default: h(() => [S(r.$slots, "default")]),
+      _: 3
+    }, 16, ["modelValue"]));
+  }
+}), bt = /* @__PURE__ */ y({
   __name: "XTag",
   props: {
     type: {},
@@ -1185,16 +1226,16 @@ const Ke = /* @__PURE__ */ b({
   },
   emits: ["close"],
   setup(e) {
-    return (t, a) => (v(), g(w(Ae), V({ type: e.type, color: e.color, closable: e.closable, round: e.round }, {
+    return (t, a) => (p(), g(B(Oe), C({ type: e.type, color: e.color, closable: e.closable, round: e.round }, {
       onClose: a[0] || (a[0] = (n) => t.$emit("close"))
     }), {
-      default: B(() => [
+      default: h(() => [
         S(t.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), pt = /* @__PURE__ */ b({
+}), vt = /* @__PURE__ */ y({
   __name: "XText",
   props: {
     type: {},
@@ -1203,16 +1244,16 @@ const Ke = /* @__PURE__ */ b({
     } }
   },
   setup(e) {
-    return (t, a) => (v(), g(w($e), $(O({ type: e.type, size: e.size, truncated: e.truncated })), {
-      default: B(() => [
+    return (t, a) => (p(), g(B(Me), O(M({ type: e.type, size: e.size, truncated: e.truncated })), {
+      default: h(() => [
         S(t.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), vt = /* @__PURE__ */ b({
+}), yt = /* @__PURE__ */ y({
   __name: "XUpload",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ V({
     action: {},
     data: {
       type: Function
@@ -1244,102 +1285,104 @@ const Ke = /* @__PURE__ */ b({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = C(e, "modelValue"), a = x(() => [].concat(t.value ?? []).reverse().map((o) => ({
-      name: o.split("/").findLast(() => !0),
-      url: o,
-      uid: Number(o.slice(0, o.lastIndexOf("/")).split("/").findLast(() => !0))
-    }))), n = m(k, void 0);
+    const t = x(e, "modelValue"), a = X(() => [].concat(t.value ?? []).reverse().map((l) => ({
+      name: l.split("/").findLast(() => !0),
+      url: l,
+      uid: Number(l.slice(0, l.lastIndexOf("/")).split("/").findLast(() => !0))
+    }))), n = f(k, void 0);
     if (n?.required) {
       const {
-        validator: o,
-        label: d
+        validator: l,
+        label: u
       } = n;
-      n.validator = () => !t.value || Array.isArray(t.value) && t.value.length === 0 ? `请上传${d}` : o?.();
+      n.validator = () => !t.value || Array.isArray(t.value) && t.value.length === 0 ? `请上传${u}` : l?.();
     }
-    const l = (o) => (o.size > e.maxSize && te.warning("文件过大,请重新选择"), o.size < e.maxSize), r = (o) => window.open(o.url), i = (o, d) => {
-      t.value = Array.isArray(t.value) ? d.map((s) => s.url) : void 0;
+    const o = (l) => (l.size > e.maxSize && te.warning("文件过大,请重新选择"), l.size < e.maxSize), r = (l) => window.open(l.url), i = (l, u) => {
+      t.value = Array.isArray(t.value) ? u.map((s) => s.url) : void 0;
     };
-    return (o, d) => (v(), g(w(Oe), $(O({
+    return (l, u) => (p(), g(B(Re), O(M({
       limit: e.limit,
       disabled: e.disabled,
       data: e.data,
       maxSize: e.maxSize,
       showFileList: e.showFileList,
       fileList: a.value,
-      beforeUpload: l,
+      beforeUpload: o,
       onPreview: r,
       onRemove: i
     })), {
-      file: B(({
+      file: h(({
         file: s
-      }) => [S(o.$slots, "file", {
+      }) => [S(l.$slots, "file", {
         file: s
       })]),
-      default: B(() => [S(o.$slots, "default")]),
+      default: h(() => [S(l.$slots, "default")]),
       _: 3
     }, 16));
   }
-}), yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  XButton: Me,
-  XCascader: Fe,
-  XCheckbox: Ke,
-  XColorPicker: Ge,
-  XDatePicker: Ye,
-  XDialog: Je,
-  XDivider: Ze,
-  XForm: tt,
-  XFormItem: et,
-  XImage: at,
-  XInput: lt,
-  XInputNumber: ot,
-  XPagination: nt,
-  XRate: it,
-  XReconfirm: rt,
+  XButton: De,
+  XCascader: Le,
+  XCheckbox: Ye,
+  XColorPicker: _e,
+  XDatePicker: Je,
+  XDialog: Ze,
+  XDivider: et,
+  XForm: at,
+  XFormItem: tt,
+  XImage: lt,
+  XInput: ot,
+  XInputNumber: nt,
+  XPagination: it,
+  XRate: rt,
+  XReconfirm: dt,
   XScrollbar: ut,
-  XSelect: dt,
-  XSpace: st,
+  XSelect: st,
+  XSpace: ct,
   XTabPane: ft,
-  XTable: ct,
-  XTag: mt,
-  XText: pt,
-  XUpload: vt
-}, Symbol.toStringTag, { value: "Module" })), ht = {
+  XTable: mt,
+  XTabs: pt,
+  XTag: bt,
+  XText: vt,
+  XUpload: yt
+}, Symbol.toStringTag, { value: "Module" })), wt = {
   install(e) {
-    Object.entries(yt).forEach(([t, a]) => e.component(t, a));
+    Object.entries(gt).forEach(([t, a]) => e.component(t, a));
   }
 };
 export {
-  Me as XButton,
-  Fe as XCascader,
-  Ke as XCheckbox,
-  Ge as XColorPicker,
-  Ye as XDatePicker,
-  Je as XDialog,
-  Ze as XDivider,
-  tt as XForm,
-  et as XFormItem,
-  at as XImage,
-  lt as XInput,
-  ot as XInputNumber,
-  nt as XPagination,
-  it as XRate,
-  rt as XReconfirm,
+  De as XButton,
+  Le as XCascader,
+  Ye as XCheckbox,
+  _e as XColorPicker,
+  Je as XDatePicker,
+  Ze as XDialog,
+  et as XDivider,
+  at as XForm,
+  tt as XFormItem,
+  lt as XImage,
+  ot as XInput,
+  nt as XInputNumber,
+  it as XPagination,
+  rt as XRate,
+  dt as XReconfirm,
   ut as XScrollbar,
-  dt as XSelect,
-  st as XSpace,
+  st as XSelect,
+  ct as XSpace,
   ft as XTabPane,
-  ct as XTable,
-  mt as XTag,
-  pt as XText,
-  vt as XUpload,
-  A as X_FORM_ITEM_LABEL,
+  mt as XTable,
+  pt as XTabs,
+  bt as XTag,
+  vt as XText,
+  yt as XUpload,
+  $ as X_FORM_ITEM_LABEL,
   k as X_FORM_ITEM_VALIDATION,
-  Re as X_FORM_TAB_UPDATE_HOOK,
+  Fe as X_FORM_TAB_UPDATE_HOOK,
   ae as X_FORM_VALIDATIONS,
-  R as X_TABLE_QUERY_EXECUTE_HOOK,
-  M as X_TABLE_QUERY_UPDATE_HOOK,
-  le as X_TAB_PANE,
-  De as X_TAB_PANES,
-  ht as default
+  D as X_TABLE_QUERY_EXECUTE_HOOK,
+  R as X_TABLE_QUERY_UPDATE_HOOK,
+  oe as X_TAB_PANE,
+  le as X_TAB_PANES,
+  wt as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pungfe/element",
   "type": "module",
-  "version": "0.0.1-alpha.12",
+  "version": "0.0.1-alpha.13",
   "description": "Element Plus Components",
   "author": "pungfen <fp94214@gmail.com> (https://github.com/pungfen/)",
   "license": "MIT",