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

package/dist/index.js

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