@xto/form 0.1.0

package/es/index.mjs

@@ -0,0 +1,2907 @@
+import { defineComponent as Q, ref as A, useSlots as Le, computed as h, openBlock as c, createElementBlock as d, normalizeClass as u, unref as s, renderSlot as le, createElementVNode as f, toDisplayString as E, createCommentVNode as K, withDirectives as de, vModelDynamic as Ee, watch as ie, normalizeStyle as ae, vModelText as $e, inject as ke, withModifiers as ue, createTextVNode as ve, provide as xe, onMounted as ge, onUnmounted as be, Fragment as j, renderList as _, createBlock as pe, Teleport as Me, createVNode as ye, Transition as Te, withCtx as Re, vShow as Be, nextTick as we } from "vue";
+import { useNamespace as J, useZIndex as Fe } from "@xto/core";
+const Ye = ["type", "placeholder", "disabled", "readonly", "maxlength", "minlength"], tl = /* @__PURE__ */ Q({
+  name: "XInput",
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    type: { default: "text" },
+    placeholder: { default: "" },
+    size: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    maxlength: {},
+    minlength: {},
+    showWordLimit: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    showPassword: { type: Boolean, default: !1 },
+    prefixIcon: {},
+    suffixIcon: {}
+  },
+  emits: ["update:modelValue", "input", "change", "focus", "blur", "clear"],
+  setup(n, { expose: p, emit: e }) {
+    const t = n, l = e, a = J("input"), y = A(), v = A(!1), V = A(!1), x = Le(), F = h(
+      () => t.type === "password" && t.showPassword && !t.disabled
+    ), C = h(() => F.value ? V.value ? "text" : "password" : t.type), w = h({
+      get: () => t.modelValue,
+      set: (z) => l("update:modelValue", z)
+    }), b = h(() => String(w.value).length), S = h(() => [
+      a.b(),
+      t.size !== "default" ? a.m(t.size) : "",
+      a.is("disabled", t.disabled),
+      a.is("focus", v.value),
+      a.is("has-prefix", t.prefixIcon || x.prefix),
+      a.is("has-suffix", t.suffixIcon || x.suffix || t.clearable || F.value || t.showWordLimit)
+    ]), r = (z) => {
+      const U = z.target.value;
+      l("update:modelValue", U), l("input", U);
+    }, k = (z) => {
+      const U = z.target.value;
+      l("change", U);
+    }, M = (z) => {
+      v.value = !0, l("focus", z);
+    }, B = (z) => {
+      v.value = !1, l("blur", z);
+    }, I = () => {
+      l("update:modelValue", ""), l("clear");
+    }, T = () => {
+      V.value = !V.value;
+    };
+    return p({
+      focus: () => {
+        var z;
+        (z = y.value) == null || z.focus();
+      },
+      blur: () => {
+        var z;
+        (z = y.value) == null || z.blur();
+      },
+      inputRef: y
+    }), (z, U) => (c(), d("div", {
+      class: u(S.value)
+    }, [
+      z.$slots.prefix || n.prefixIcon ? (c(), d("span", {
+        key: 0,
+        class: u(s(a).e("prefix"))
+      }, [
+        le(z.$slots, "prefix", {}, () => [
+          f("span", {
+            class: u(s(a).e("icon"))
+          }, E(n.prefixIcon), 3)
+        ])
+      ], 2)) : K("", !0),
+      de(f("input", {
+        ref_key: "inputRef",
+        ref: y,
+        "onUpdate:modelValue": U[0] || (U[0] = (q) => w.value = q),
+        type: C.value,
+        placeholder: n.placeholder,
+        disabled: n.disabled,
+        readonly: n.readonly,
+        maxlength: n.maxlength,
+        minlength: n.minlength,
+        class: u(s(a).e("inner")),
+        onInput: r,
+        onChange: k,
+        onFocus: M,
+        onBlur: B
+      }, null, 42, Ye), [
+        [Ee, w.value]
+      ]),
+      z.$slots.suffix || n.suffixIcon || n.clearable || F.value || n.showWordLimit ? (c(), d("span", {
+        key: 1,
+        class: u(s(a).e("suffix"))
+      }, [
+        le(z.$slots, "suffix", {}, () => [
+          n.clearable && w.value && !n.disabled ? (c(), d("span", {
+            key: 0,
+            class: u([s(a).e("icon"), s(a).e("clear")]),
+            onClick: I
+          }, " ✕ ", 2)) : K("", !0),
+          F.value ? (c(), d("span", {
+            key: 1,
+            class: u([s(a).e("icon"), s(a).e("password")]),
+            onClick: T
+          }, E(V.value ? "🙈" : "👁️"), 3)) : K("", !0),
+          n.showWordLimit && n.maxlength ? (c(), d("span", {
+            key: 2,
+            class: u(s(a).e("count"))
+          }, E(b.value) + "/" + E(n.maxlength), 3)) : K("", !0)
+        ])
+      ], 2)) : K("", !0)
+    ], 2));
+  }
+}), ze = ["disabled"], He = ["value", "placeholder", "disabled"], Oe = ["disabled"], ll = /* @__PURE__ */ Q({
+  name: "XInputNumber",
+  __name: "index",
+  props: {
+    modelValue: { default: void 0 },
+    min: { default: -1 / 0 },
+    max: { default: 1 / 0 },
+    step: { default: 1 },
+    stepStrictly: { type: Boolean, default: !1 },
+    precision: { default: void 0 },
+    size: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    controls: { type: Boolean, default: !0 },
+    controlsPosition: { default: "" },
+    placeholder: { default: "" },
+    valueOnClear: { default: null }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(n, { expose: p, emit: e }) {
+    const t = n, l = e, a = J("input-number"), y = A(), v = A(!1), V = A(null), x = A(t.modelValue), F = h(() => {
+      if (t.precision !== void 0)
+        return t.precision;
+      const o = C(t.step), i = t.modelValue !== void 0 ? C(t.modelValue) : 0;
+      return Math.max(o, i);
+    });
+    function C(o) {
+      const i = o.toString(), m = i.indexOf(".");
+      return m === -1 ? 0 : i.length - m - 1;
+    }
+    function w(o, i = F.value) {
+      if (i === 0) return Math.round(o);
+      let m = o.toFixed(i);
+      return Number(m);
+    }
+    function b(o) {
+      return o > t.max ? t.max : o < t.min ? t.min : o;
+    }
+    const S = h(() => t.modelValue), r = h(() => V.value !== null ? V.value : S.value === void 0 ? "" : w(S.value)), k = h(() => t.disabled ? !0 : S.value === void 0 ? t.min !== -1 / 0 : S.value <= t.min), M = h(() => t.disabled ? !0 : S.value === void 0 ? t.max !== 1 / 0 : S.value >= t.max), B = h(() => [
+      a.b(),
+      t.size !== "default" ? a.m(t.size) : "",
+      a.is("disabled", t.disabled),
+      a.is("focus", v.value),
+      t.controlsPosition ? a.m(t.controlsPosition) : ""
+    ]);
+    function I() {
+      if (t.disabled || M.value) return;
+      const o = S.value ?? (t.min === -1 / 0 ? 0 : t.min), i = w(o + t.step), m = b(i);
+      R(m);
+    }
+    function T() {
+      if (t.disabled || k.value) return;
+      const o = S.value ?? (t.min === -1 / 0 ? 0 : t.min), i = w(o - t.step), m = b(i);
+      R(m);
+    }
+    function R(o) {
+      const i = x.value;
+      if (o === void 0)
+        l("update:modelValue", void 0), l("change", void 0, i);
+      else {
+        const m = w(o), O = b(m);
+        if (t.stepStrictly) {
+          const ee = Math.round((O - t.min) / t.step), P = w(t.min + ee * t.step);
+          l("update:modelValue", P), l("change", P, i);
+        } else
+          l("update:modelValue", O), l("change", O, i);
+      }
+      x.value = t.modelValue, V.value = null;
+    }
+    function H(o) {
+      if (o === "" || o === "-")
+        return;
+      let i = o.replace(/[^\d.-]/g, "");
+      const m = i.split(".");
+      m.length > 2 && (i = m[0] + "." + m.slice(1).join("")), i.indexOf("-") > 0 && (i = i.replace(/-/g, "")), i.lastIndexOf("-") > 0 && (i = "-" + i.replace(/-/g, ""));
+      const O = Number(i);
+      if (!isNaN(O))
+        return O;
+    }
+    function z(o) {
+      const i = o.target.value;
+      V.value = i;
+    }
+    function U(o) {
+      if (v.value = !1, V.value !== null) {
+        const i = H(V.value);
+        i === void 0 ? t.valueOnClear !== null ? R(t.valueOnClear) : V.value = null : R(i);
+      }
+      l("blur", o);
+    }
+    function q(o) {
+      v.value = !0, x.value = t.modelValue, l("focus", o);
+    }
+    function Z(o) {
+      var i;
+      if (!t.disabled)
+        switch (o.key) {
+          case "ArrowUp":
+            o.preventDefault(), I();
+            break;
+          case "ArrowDown":
+            o.preventDefault(), T();
+            break;
+          case "Enter":
+            (i = y.value) == null || i.blur();
+            break;
+        }
+    }
+    function D() {
+      V.value = null, t.valueOnClear !== null && t.valueOnClear !== void 0 ? R(t.valueOnClear) : (l("update:modelValue", void 0), l("change", void 0, x.value), x.value = void 0);
+    }
+    function $() {
+      var o;
+      (o = y.value) == null || o.focus();
+    }
+    function g() {
+      var o;
+      (o = y.value) == null || o.blur();
+    }
+    return ie(() => t.modelValue, (o) => {
+      x.value = o, V.value = null;
+    }, { immediate: !0 }), p({
+      focus: $,
+      blur: g,
+      clear: D,
+      increase: I,
+      decrease: T
+    }), (o, i) => (c(), d("div", {
+      class: u(B.value)
+    }, [
+      n.controls ? (c(), d("button", {
+        key: 0,
+        type: "button",
+        class: u([s(a).e("decrease"), s(a).is("disabled", k.value)]),
+        disabled: k.value,
+        onClick: T
+      }, " − ", 10, ze)) : K("", !0),
+      f("div", {
+        class: u(s(a).e("wrapper"))
+      }, [
+        f("input", {
+          ref_key: "inputRef",
+          ref: y,
+          value: r.value,
+          placeholder: n.placeholder,
+          disabled: n.disabled,
+          class: u(s(a).e("inner")),
+          type: "text",
+          autocomplete: "off",
+          onInput: z,
+          onFocus: q,
+          onBlur: U,
+          onKeydown: Z
+        }, null, 42, He)
+      ], 2),
+      n.controls ? (c(), d("button", {
+        key: 1,
+        type: "button",
+        class: u([s(a).e("increase"), s(a).is("disabled", M.value)]),
+        disabled: M.value,
+        onClick: I
+      }, " + ", 10, Oe)) : K("", !0)
+    ], 2));
+  }
+}), Ne = ["placeholder", "disabled", "readonly", "maxlength", "minlength", "rows"], al = /* @__PURE__ */ Q({
+  name: "XTextarea",
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    maxlength: {},
+    minlength: {},
+    rows: { default: 2 },
+    autosize: { type: [Boolean, Object], default: !1 },
+    showWordLimit: { type: Boolean, default: !1 },
+    resize: { default: "vertical" }
+  },
+  emits: ["update:modelValue", "input", "change", "focus", "blur"],
+  setup(n, { expose: p, emit: e }) {
+    const t = n, l = e, a = J("textarea"), y = A(), v = A(!1), V = h({
+      get: () => t.modelValue,
+      set: (B) => l("update:modelValue", B)
+    }), x = h(() => String(V.value).length), F = h(() => {
+      const B = {};
+      if (t.resize && (B.resize = t.resize), t.autosize && (B.minHeight = "auto", typeof t.autosize == "object")) {
+        const I = t.autosize.minRows || 1, T = t.autosize.maxRows;
+        B.minHeight = `${I * 22 + 12}px`, T && (B.maxHeight = `${T * 22 + 12}px`);
+      }
+      return B;
+    }), C = h(() => [
+      a.b(),
+      a.is("disabled", t.disabled),
+      a.is("focus", v.value),
+      a.is("exceed", t.maxlength && x.value > t.maxlength)
+    ]), w = (B) => {
+      const I = B.target.value;
+      l("update:modelValue", I), l("input", I), t.autosize && y.value && (y.value.style.height = "auto", y.value.style.height = `${y.value.scrollHeight}px`);
+    }, b = (B) => {
+      const I = B.target.value;
+      l("change", I);
+    }, S = (B) => {
+      v.value = !0, l("focus", B);
+    }, r = (B) => {
+      v.value = !1, l("blur", B);
+    };
+    return p({
+      focus: () => {
+        var B;
+        (B = y.value) == null || B.focus();
+      },
+      blur: () => {
+        var B;
+        (B = y.value) == null || B.blur();
+      },
+      textareaRef: y
+    }), (B, I) => (c(), d("div", {
+      class: u(C.value),
+      style: ae(n.disabled ? void 0 : { cursor: "text" })
+    }, [
+      de(f("textarea", {
+        ref_key: "textareaRef",
+        ref: y,
+        "onUpdate:modelValue": I[0] || (I[0] = (T) => V.value = T),
+        placeholder: n.placeholder,
+        disabled: n.disabled,
+        readonly: n.readonly,
+        maxlength: n.maxlength,
+        minlength: n.minlength,
+        rows: n.rows,
+        style: ae(F.value),
+        class: u(s(a).e("inner")),
+        onInput: w,
+        onChange: b,
+        onFocus: S,
+        onBlur: r
+      }, null, 46, Ne), [
+        [$e, V.value]
+      ]),
+      n.showWordLimit && n.maxlength ? (c(), d("span", {
+        key: 0,
+        class: u(s(a).e("count"))
+      }, E(x.value) + "/" + E(n.maxlength), 3)) : K("", !0)
+    ], 6));
+  }
+}), nl = /* @__PURE__ */ Q({
+  name: "XSwitch",
+  __name: "index",
+  props: {
+    modelValue: { type: [Boolean, Number, String], default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    width: { default: 40 },
+    activeColor: { default: "#409eff" },
+    inactiveColor: { default: "#dcdfe6" },
+    activeValue: { type: [Boolean, Number, String], default: !0 },
+    inactiveValue: { type: [Boolean, Number, String], default: !1 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(n, { emit: p }) {
+    const e = n, t = p, l = J("switch"), a = h(() => e.modelValue === e.activeValue), y = h(() => [
+      l.b(),
+      l.is("disabled", e.disabled),
+      l.is("checked", a.value)
+    ]), v = h(() => ({
+      width: typeof e.width == "number" ? `${e.width}px` : e.width,
+      height: "20px",
+      backgroundColor: a.value ? e.activeColor : e.inactiveColor
+    })), V = () => {
+      if (e.disabled) return;
+      const x = a.value ? e.inactiveValue : e.activeValue;
+      t("update:modelValue", x), t("change", x);
+    };
+    return (x, F) => (c(), d("span", {
+      class: u(y.value),
+      onClick: V
+    }, [
+      f("span", {
+        class: u(s(l).e("core")),
+        style: ae(v.value)
+      }, null, 6),
+      x.$slots.default ? (c(), d("span", {
+        key: 0,
+        class: u(s(l).e("text"))
+      }, [
+        le(x.$slots, "default")
+      ], 2)) : K("", !0)
+    ], 2));
+  }
+}), Ke = ["checked", "disabled", "name", "value"], sl = /* @__PURE__ */ Q({
+  name: "XRadio",
+  __name: "index",
+  props: {
+    modelValue: { type: [String, Number, Boolean] },
+    value: { type: [String, Number, Boolean] },
+    label: {},
+    disabled: { type: Boolean },
+    name: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(n, { emit: p }) {
+    const e = n, t = p, l = J("radio"), a = ke("radioGroup", null), y = h(() => !!a), v = h(() => y.value ? a.modelValue.value : e.modelValue), V = h(() => e.value ?? e.label), x = h(() => v.value === V.value), F = h(() => e.disabled || y.value && a.disabled), C = h(() => e.name || (y.value ? a.name : void 0)), w = h(() => [
+      l.b(),
+      l.is("checked", x.value),
+      l.is("disabled", F.value)
+    ]), b = () => {
+      F.value || (y.value ? a.changeValue(V.value) : (t("update:modelValue", V.value), t("change", V.value)));
+    };
+    return (S, r) => (c(), d("label", {
+      class: u(w.value),
+      onClick: ue(b, ["prevent"])
+    }, [
+      f("span", {
+        class: u(s(l).e("input"))
+      }, [
+        f("input", {
+          type: "radio",
+          checked: x.value,
+          disabled: F.value,
+          name: C.value,
+          value: V.value
+        }, null, 8, Ke)
+      ], 2),
+      S.$slots.default || n.label ? (c(), d("span", {
+        key: 0,
+        class: u(s(l).e("label"))
+      }, [
+        le(S.$slots, "default", {}, () => [
+          ve(E(n.label), 1)
+        ])
+      ], 2)) : K("", !0)
+    ], 2));
+  }
+}), ul = /* @__PURE__ */ Q({
+  name: "XRadioGroup",
+  __name: "group",
+  props: {
+    modelValue: { type: [String, Number, Boolean], default: "" },
+    disabled: { type: Boolean, default: !1 },
+    name: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(n, { emit: p }) {
+    const e = n, t = p, l = J("radio-group"), a = (y) => {
+      t("update:modelValue", y), t("change", y);
+    };
+    return xe("radioGroup", {
+      modelValue: h(() => e.modelValue),
+      name: e.name || `radio-group-${Date.now()}`,
+      disabled: e.disabled,
+      changeValue: a
+    }), (y, v) => (c(), d("div", {
+      class: u(s(l).b()),
+      role: "radiogroup"
+    }, [
+      le(y.$slots, "default")
+    ], 2));
+  }
+}), Xe = ["checked", "disabled", "value"], ol = /* @__PURE__ */ Q({
+  name: "XRadioButton",
+  __name: "button",
+  props: {
+    value: { type: [String, Number, Boolean] },
+    label: {},
+    disabled: { type: Boolean },
+    name: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(n, { emit: p }) {
+    const e = n, t = J("radio-button"), l = ke("radioGroup", null), a = h(() => !!l), y = h(() => a.value ? l.modelValue.value : null), v = h(() => e.value ?? e.label), V = h(() => y.value === v.value), x = h(() => e.disabled || a.value && l.disabled), F = h(() => [
+      t.b(),
+      t.is("active", V.value),
+      t.is("disabled", x.value)
+    ]), C = () => {
+      x.value || a.value && l.changeValue(v.value);
+    };
+    return (w, b) => (c(), d("label", {
+      class: u(F.value),
+      onClick: ue(C, ["prevent"])
+    }, [
+      f("input", {
+        type: "radio",
+        checked: V.value,
+        disabled: x.value,
+        value: v.value,
+        class: u(s(t).e("input"))
+      }, null, 10, Xe),
+      f("span", {
+        class: u(s(t).e("inner"))
+      }, [
+        le(w.$slots, "default", {}, () => [
+          ve(E(n.label), 1)
+        ])
+      ], 2)
+    ], 2));
+  }
+}), Ue = ["checked", "disabled", "name", "value"], rl = /* @__PURE__ */ Q({
+  name: "XCheckbox",
+  __name: "index",
+  props: {
+    modelValue: { type: [Boolean, String, Number, Array] },
+    value: { type: [String, Number, Boolean] },
+    label: {},
+    disabled: { type: Boolean },
+    name: {},
+    indeterminate: { type: Boolean }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(n, { emit: p }) {
+    const e = n, t = p, l = J("checkbox"), a = ke("checkboxGroup", null), y = h(() => !!a), v = h(() => e.value ?? e.label), V = h(() => y.value ? a.modelValue.value.includes(v.value) : Array.isArray(e.modelValue) ? e.modelValue.includes(v.value) : !!e.modelValue), x = h(() => {
+      if (e.disabled) return !0;
+      if (y.value) {
+        const w = a.disabled, b = a.min > 0 && a.modelValue.value.length <= a.min, S = a.max > 0 && a.modelValue.value.length >= a.max;
+        return V.value && b || !V.value && S ? !0 : w;
+      }
+      return !1;
+    }), F = h(() => [
+      l.b(),
+      l.is("checked", V.value),
+      l.is("disabled", x.value),
+      l.is("indeterminate", e.indeterminate && !V.value)
+    ]), C = () => {
+      if (!x.value)
+        if (y.value)
+          a.changeValue(v.value);
+        else {
+          let w;
+          if (Array.isArray(e.modelValue)) {
+            const b = e.modelValue.indexOf(v.value);
+            b > -1 ? w = [...e.modelValue.slice(0, b), ...e.modelValue.slice(b + 1)] : w = [...e.modelValue, v.value];
+          } else
+            w = !e.modelValue;
+          t("update:modelValue", w), t("change", w);
+        }
+    };
+    return (w, b) => (c(), d("label", {
+      class: u(F.value),
+      onClick: ue(C, ["prevent"])
+    }, [
+      f("span", {
+        class: u(s(l).e("input"))
+      }, [
+        f("input", {
+          type: "checkbox",
+          checked: V.value,
+          disabled: x.value,
+          name: n.name,
+          value: v.value
+        }, null, 8, Ue)
+      ], 2),
+      w.$slots.default || n.label !== void 0 ? (c(), d("span", {
+        key: 0,
+        class: u(s(l).e("label"))
+      }, [
+        le(w.$slots, "default", {}, () => [
+          ve(E(n.label), 1)
+        ])
+      ], 2)) : K("", !0)
+    ], 2));
+  }
+}), il = /* @__PURE__ */ Q({
+  name: "XCheckboxGroup",
+  __name: "group",
+  props: {
+    modelValue: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    min: { default: 0 },
+    max: { default: 0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(n, { emit: p }) {
+    const e = n, t = p, l = J("checkbox-group"), a = (y) => {
+      const v = [...e.modelValue], V = v.indexOf(y);
+      V > -1 ? v.splice(V, 1) : v.push(y), t("update:modelValue", v), t("change", v);
+    };
+    return xe("checkboxGroup", {
+      modelValue: h(() => e.modelValue),
+      disabled: e.disabled,
+      min: e.min,
+      max: e.max,
+      changeValue: a
+    }), (y, v) => (c(), d("div", {
+      class: u(s(l).b()),
+      role: "group"
+    }, [
+      le(y.$slots, "default")
+    ], 2));
+  }
+}), cl = /* @__PURE__ */ Q({
+  name: "XForm",
+  __name: "index",
+  props: {
+    model: { default: () => ({}) },
+    rules: { default: () => ({}) },
+    labelWidth: { default: "100px" },
+    labelPosition: { default: "right" },
+    inline: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "default" }
+  },
+  emits: ["validate"],
+  setup(n, { expose: p, emit: e }) {
+    const t = n, l = e, a = J("form"), y = A([]), v = h(() => [
+      a.b(),
+      a.m(`label-${t.labelPosition}`),
+      a.is("inline", t.inline)
+    ]), V = h(() => ({ width: typeof t.labelWidth == "number" ? `${t.labelWidth}px` : t.labelWidth })), x = (r) => {
+      y.value.push(r);
+    }, F = (r) => {
+      const k = y.value.indexOf(r);
+      k > -1 && y.value.splice(k, 1);
+    }, C = async () => {
+      let r = !0;
+      for (const k of y.value)
+        await k.validate() || (r = !1);
+      return r;
+    }, w = async (r) => {
+      const k = Array.isArray(r) ? r : [r];
+      let M = !0;
+      for (const B of y.value)
+        k.includes(B.prop) && (await B.validate() || (M = !1));
+      return M;
+    }, b = () => {
+      y.value.forEach((r) => {
+        r.resetField();
+      });
+    }, S = (r) => {
+      if (r) {
+        const k = Array.isArray(r) ? r : [r];
+        y.value.forEach((M) => {
+          k.includes(M.prop) && M.clearValidate();
+        });
+      } else
+        y.value.forEach((k) => {
+          k.clearValidate();
+        });
+    };
+    return xe("form", {
+      model: t.model,
+      rules: t.rules,
+      labelWidth: t.labelWidth,
+      labelPosition: t.labelPosition,
+      disabled: t.disabled,
+      size: t.size,
+      labelStyle: V,
+      addField: x,
+      removeField: F,
+      emit: l
+    }), p({
+      validate: C,
+      validateField: w,
+      resetFields: b,
+      clearValidate: S
+    }), (r, k) => (c(), d("form", {
+      class: u(v.value),
+      onSubmit: k[0] || (k[0] = ue(() => {
+      }, ["prevent"]))
+    }, [
+      le(r.$slots, "default")
+    ], 34));
+  }
+}), dl = /* @__PURE__ */ Q({
+  name: "XFormItem",
+  __name: "item",
+  props: {
+    prop: {},
+    label: {},
+    labelWidth: {},
+    required: { type: Boolean },
+    rules: {},
+    showMessage: { type: Boolean }
+  },
+  setup(n, { expose: p }) {
+    const e = n, t = J("form-item"), l = ke("form", null), a = A(""), y = A(""), v = h(() => e.required ? !0 : V().some((M) => M.required)), V = () => {
+      const k = [];
+      return e.rules && k.push(...e.rules), l && e.prop && l.rules[e.prop] && k.push(...l.rules[e.prop]), k;
+    }, x = () => {
+      if (!(!l || !e.prop))
+        return l.model[e.prop];
+    }, F = (k) => {
+      !l || !e.prop || (l.model[e.prop] = k);
+    }, C = async (k) => {
+      const M = V();
+      if (M.length === 0)
+        return a.value = "valid", !0;
+      const B = x();
+      let I = !0, T = "";
+      for (const R of M)
+        if (!(k && R.trigger && R.trigger !== k)) {
+          if (R.required && (B == null || B === "" || Array.isArray(B) && B.length === 0)) {
+            I = !1, T = R.message || "该字段为必填项";
+            break;
+          }
+          if (R.min !== void 0 || R.max !== void 0) {
+            const H = typeof B == "string" ? B.length : 0;
+            if (R.min !== void 0 && H < R.min) {
+              I = !1, T = R.message || `长度不能小于 ${R.min} 个字符`;
+              break;
+            }
+            if (R.max !== void 0 && H > R.max) {
+              I = !1, T = R.message || `长度不能大于 ${R.max} 个字符`;
+              break;
+            }
+          }
+          if (R.pattern && B && !R.pattern.test(B)) {
+            I = !1, T = R.message || "格式不正确";
+            break;
+          }
+          if (R.validator)
+            try {
+              await new Promise((H, z) => {
+                R.validator(R, B, (U) => {
+                  U ? z(U) : H();
+                });
+              });
+            } catch (H) {
+              I = !1, T = H.message || R.message || "验证失败";
+              break;
+            }
+        }
+      return a.value = I ? "valid" : "invalid", y.value = T, l && e.prop && l.emit("validate", e.prop, I, T), I;
+    }, w = () => {
+      F(void 0), b();
+    }, b = () => {
+      a.value = "", y.value = "";
+    }, S = h(() => [
+      t.b(),
+      t.is("required", v.value),
+      t.is("error", a.value === "invalid"),
+      t.is("success", a.value === "valid")
+    ]), r = h(() => {
+      const k = e.labelWidth ?? (l == null ? void 0 : l.labelWidth) ?? "100px";
+      return { width: typeof k == "number" ? `${k}px` : k };
+    });
+    return ie(() => x(), () => {
+      a.value === "invalid" && C("change");
+    }), ge(() => {
+      l && e.prop && l.addField({
+        prop: e.prop,
+        validate: C,
+        resetField: w,
+        clearValidate: b
+      });
+    }), be(() => {
+      l && e.prop && l.removeField({
+        prop: e.prop,
+        validate: C,
+        resetField: w,
+        clearValidate: b
+      });
+    }), p({
+      validate: C,
+      resetField: w,
+      clearValidate: b
+    }), (k, M) => (c(), d("div", {
+      class: u(S.value)
+    }, [
+      n.label ? (c(), d("label", {
+        key: 0,
+        class: u(s(t).e("label")),
+        style: ae(r.value)
+      }, E(n.label), 7)) : K("", !0),
+      f("div", {
+        class: u(s(t).e("content"))
+      }, [
+        le(k.$slots, "default"),
+        n.showMessage !== !1 && a.value === "invalid" ? (c(), d("div", {
+          key: 0,
+          class: u(s(t).e("error"))
+        }, E(y.value), 3)) : K("", !0)
+      ], 2)
+    ], 2));
+  }
+});
+function We(n, p) {
+  return new Date(n, p + 1, 0).getDate();
+}
+function Ge(n, p) {
+  return new Date(n, p, 1).getDay();
+}
+function ce(n, p) {
+  return !n || !p ? !1 : n.getFullYear() === p.getFullYear() && n.getMonth() === p.getMonth() && n.getDate() === p.getDate();
+}
+function qe(n, p) {
+  return !n || !p ? !1 : n.getFullYear() === p.getFullYear() && n.getMonth() === p.getMonth();
+}
+function Ie(n, p, e) {
+  if (!p || !e) return !1;
+  const t = n.getTime();
+  return t >= p.getTime() && t <= e.getTime();
+}
+function je(n, p, e = 0) {
+  const t = [], l = We(n, p), a = Ge(n, p);
+  let y = new Date(n, p, 1);
+  const v = (a - e + 7) % 7;
+  y.setDate(1 - v);
+  let V = [], x = new Date(y);
+  for (; (x.getMonth() <= p || x.getMonth() === p && x.getDate() <= l) && (V.push(new Date(x)), !(V.length === 7 && (t.push(V), V = [], x.getMonth() > p) || (x.setDate(x.getDate() + 1), t.length > 7))); )
+    ;
+  return V.length > 0 && t.push(V), t;
+}
+function re(n, p = "YYYY-MM-DD") {
+  if (!n) return "";
+  const e = n.getFullYear(), t = n.getMonth() + 1, l = n.getDate(), a = n.getHours(), y = n.getMinutes(), v = n.getSeconds();
+  return p.replace(/YYYY/g, String(e)).replace(/YY/g, String(e).slice(-2)).replace(/MM/g, String(t).padStart(2, "0")).replace(/M/g, String(t)).replace(/DD/g, String(l).padStart(2, "0")).replace(/D/g, String(l)).replace(/HH/g, String(a).padStart(2, "0")).replace(/H/g, String(a)).replace(/mm/g, String(y).padStart(2, "0")).replace(/m/g, String(y)).replace(/ss/g, String(v).padStart(2, "0")).replace(/s/g, String(v));
+}
+function he(n) {
+  if (!n) return null;
+  if (n instanceof Date)
+    return isNaN(n.getTime()) ? null : n;
+  if (typeof n == "number")
+    return new Date(n);
+  const p = new Date(n);
+  if (isNaN(p.getTime())) {
+    const e = n.match(/^(\d{4})-(\d{1,2})-(\d{1,2})/);
+    return e ? new Date(parseInt(e[1]), parseInt(e[2]) - 1, parseInt(e[3])) : null;
+  }
+  return p;
+}
+function Ze(n) {
+  const p = new Date(n);
+  return p.setMonth(p.getMonth() - 1), p;
+}
+function Qe(n) {
+  const p = new Date(n);
+  return p.setMonth(p.getMonth() + 1), p;
+}
+function Je(n) {
+  const p = new Date(n);
+  return p.setFullYear(p.getFullYear() - 1), p;
+}
+function _e(n) {
+  const p = new Date(n);
+  return p.setFullYear(p.getFullYear() + 1), p;
+}
+function Pe(n) {
+  const p = Math.floor(n / 10) * 10;
+  return [p, p + 9];
+}
+function Ce(n) {
+  const p = new Date(n);
+  return p.setHours(0, 0, 0, 0), p;
+}
+function et(n, p, e, t) {
+  if (p && p(n))
+    return !0;
+  const l = Ce(n).getTime();
+  return !!(e && l < Ce(e).getTime() || t && l > Ce(t).getTime());
+}
+const tt = [
+  "一月",
+  "二月",
+  "三月",
+  "四月",
+  "五月",
+  "六月",
+  "七月",
+  "八月",
+  "九月",
+  "十月",
+  "十一月",
+  "十二月"
+], lt = ["日", "一", "二", "三", "四", "五", "六"], at = ["onClick", "onMouseenter"], nt = /* @__PURE__ */ Q({
+  name: "XDateTable",
+  __name: "DateTable",
+  props: {
+    modelValue: { default: null },
+    viewedMonth: { default: () => /* @__PURE__ */ new Date() },
+    minDate: { default: null },
+    maxDate: { default: null },
+    disabledDate: {},
+    rangeState: { default: () => ({
+      selecting: !1,
+      startDate: null,
+      endDate: null
+    }) },
+    selectionMode: { default: "single" }
+  },
+  emits: ["pick", "range-select", "range-move", "update:viewedMonth"],
+  setup(n, { emit: p }) {
+    const e = n, t = p, l = J("date-table"), a = A(null), y = h(() => e.viewedMonth.getFullYear()), v = h(() => e.viewedMonth.getMonth()), V = h(() => je(y.value, v.value, 0)), x = (T) => e.modelValue ? ce(T, e.modelValue) : !1, F = (T) => ce(T, /* @__PURE__ */ new Date()), C = (T) => qe(T, e.viewedMonth), w = (T) => {
+      if (e.selectionMode !== "range") return !1;
+      const { startDate: R, endDate: H, selecting: z } = e.rangeState || {};
+      if (z && R) {
+        const U = a.value;
+        if (U) {
+          const q = R < U ? R : U, Z = R < U ? U : R;
+          return Ie(T, q, Z);
+        }
+        return ce(T, R);
+      }
+      return R && H ? Ie(T, R, H) : !1;
+    }, b = (T) => {
+      if (e.selectionMode !== "range") return !1;
+      const { startDate: R, selecting: H } = e.rangeState || {};
+      return H && R && a.value ? ce(T, R < a.value ? R : a.value) : R ? ce(T, R) : !1;
+    }, S = (T) => {
+      if (e.selectionMode !== "range") return !1;
+      const { endDate: R, selecting: H } = e.rangeState || {};
+      if (H && a.value) {
+        const { startDate: z } = e.rangeState || {};
+        return ce(T, z < a.value ? a.value : z);
+      }
+      return R ? ce(T, R) : !1;
+    }, r = (T) => et(T, e.disabledDate, e.minDate, e.maxDate), k = (T) => [
+      l.e("cell"),
+      l.is("selected", x(T)),
+      l.is("today", F(T)),
+      l.is("disabled", r(T)),
+      l.is("in-range", w(T)),
+      l.is("range-start", b(T)),
+      l.is("range-end", S(T)),
+      l.is("prev-month", !C(T) && T.getMonth() < v.value),
+      l.is("next-month", !C(T) && T.getMonth() > v.value)
+    ], M = (T) => {
+      r(T) || (e.selectionMode === "range" ? t("range-select", T) : t("pick", T));
+    }, B = (T) => {
+      a.value = T;
+    }, I = () => {
+      a.value = null;
+    };
+    return (T, R) => (c(), d("table", {
+      class: u(s(l).b()),
+      cellspacing: "0",
+      cellpadding: "0"
+    }, [
+      f("thead", null, [
+        f("tr", null, [
+          (c(!0), d(j, null, _(s(lt), (H) => (c(), d("th", {
+            key: H,
+            class: u(s(l).e("header-cell"))
+          }, E(H), 3))), 128))
+        ])
+      ]),
+      f("tbody", null, [
+        (c(!0), d(j, null, _(V.value, (H, z) => (c(), d("tr", { key: z }, [
+          (c(!0), d(j, null, _(H, (U, q) => (c(), d("td", {
+            key: q,
+            class: u(k(U)),
+            onClick: (Z) => M(U),
+            onMouseenter: (Z) => B(U),
+            onMouseleave: I
+          }, [
+            f("span", {
+              class: u(s(l).e("cell-text"))
+            }, E(U.getDate()), 3)
+          ], 42, at))), 128))
+        ]))), 128))
+      ])
+    ], 2));
+  }
+}), st = ["onClick"], ut = /* @__PURE__ */ Q({
+  name: "XMonthTable",
+  __name: "MonthTable",
+  props: {
+    modelValue: { default: null },
+    viewedYear: { default: () => (/* @__PURE__ */ new Date()).getFullYear() },
+    disabledDate: {}
+  },
+  emits: ["pick"],
+  setup(n, { emit: p }) {
+    const e = n, t = p, l = J("month-table");
+    h(() => e.modelValue ? e.modelValue.getMonth() : -1);
+    const a = (C) => e.modelValue ? e.modelValue.getFullYear() === e.viewedYear && e.modelValue.getMonth() === C : !1, y = (C) => {
+      const w = /* @__PURE__ */ new Date();
+      return w.getFullYear() === e.viewedYear && w.getMonth() === C;
+    }, v = (C) => {
+      if (!e.disabledDate) return !1;
+      const w = new Date(e.viewedYear, C, 1), b = new Date(e.viewedYear, C + 1, 0);
+      return e.disabledDate(w) && e.disabledDate(b);
+    }, V = (C) => [
+      l.e("cell"),
+      l.is("selected", a(C)),
+      l.is("current", y(C)),
+      l.is("disabled", v(C))
+    ], x = (C) => {
+      v(C) || t("pick", C);
+    }, F = h(() => {
+      const C = [];
+      for (let w = 0; w < 12; w += 3)
+        C.push([w, w + 1, w + 2]);
+      return C;
+    });
+    return (C, w) => (c(), d("table", {
+      class: u(s(l).b()),
+      cellspacing: "0",
+      cellpadding: "0"
+    }, [
+      f("tbody", null, [
+        (c(!0), d(j, null, _(F.value, (b, S) => (c(), d("tr", { key: S }, [
+          (c(!0), d(j, null, _(b, (r) => (c(), d("td", {
+            key: r,
+            class: u(V(r)),
+            onClick: (k) => x(r)
+          }, [
+            f("span", {
+              class: u(s(l).e("cell-text"))
+            }, E(s(tt)[r]), 3)
+          ], 10, st))), 128))
+        ]))), 128))
+      ])
+    ], 2));
+  }
+}), ot = ["onClick"], rt = /* @__PURE__ */ Q({
+  name: "XYearTable",
+  __name: "YearTable",
+  props: {
+    modelValue: { default: null },
+    viewedYear: { default: () => (/* @__PURE__ */ new Date()).getFullYear() },
+    disabledDate: {}
+  },
+  emits: ["pick"],
+  setup(n, { emit: p }) {
+    const e = n, t = p, l = J("year-table"), a = h(() => (/* @__PURE__ */ new Date()).getFullYear()), y = h(() => Pe(e.viewedYear)), v = h(() => {
+      const [r] = y.value, k = [];
+      k.push(r - 1);
+      for (let M = 0; M < 10; M++)
+        k.push(r + M);
+      return k.push(r + 10), k;
+    }), V = h(() => {
+      const r = [];
+      for (let k = 0; k < v.value.length; k += 3)
+        r.push(v.value.slice(k, k + 3));
+      return r;
+    }), x = (r) => e.modelValue ? e.modelValue.getFullYear() === r : !1, F = (r) => r === a.value, C = (r) => {
+      const [k, M] = y.value;
+      return r >= k && r <= M;
+    }, w = (r) => {
+      if (!e.disabledDate) return !1;
+      const k = new Date(r, 0, 1), M = new Date(r, 11, 31);
+      return e.disabledDate(k) && e.disabledDate(M);
+    }, b = (r) => [
+      l.e("cell"),
+      l.is("selected", x(r)),
+      l.is("current", F(r)),
+      l.is("disabled", w(r)),
+      l.is("in-decade", C(r))
+    ], S = (r) => {
+      w(r) || t("pick", r);
+    };
+    return (r, k) => (c(), d("table", {
+      class: u(s(l).b()),
+      cellspacing: "0",
+      cellpadding: "0"
+    }, [
+      f("tbody", null, [
+        (c(!0), d(j, null, _(V.value, (M, B) => (c(), d("tr", { key: B }, [
+          (c(!0), d(j, null, _(M, (I) => (c(), d("td", {
+            key: I,
+            class: u(b(I)),
+            onClick: (T) => S(I)
+          }, [
+            f("span", {
+              class: u(s(l).e("cell-text"))
+            }, E(I), 3)
+          ], 10, ot))), 128))
+        ]))), 128))
+      ])
+    ], 2));
+  }
+}), it = ["placeholder", "disabled", "value"], ct = ["placeholder", "disabled", "value"], dt = ["placeholder", "disabled", "value"], vl = /* @__PURE__ */ Q({
+  name: "XDatePicker",
+  __name: "index",
+  props: {
+    modelValue: { default: null },
+    type: { default: "date" },
+    placeholder: { default: "请选择日期" },
+    startPlaceholder: { default: "开始日期" },
+    endPlaceholder: { default: "结束日期" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    size: { default: "default" },
+    format: { default: "YYYY-MM-DD" },
+    valueFormat: { default: "" },
+    disabledDate: {},
+    minDate: {},
+    maxDate: {}
+  },
+  emits: ["update:modelValue", "change", "focus", "blur", "clear"],
+  setup(n, { expose: p, emit: e }) {
+    const t = n, l = e, a = J("date-picker"), y = A(!1), v = A(2e3), V = A(), x = A(), F = A(), C = A({
+      top: "0px",
+      left: "0px"
+    }), w = () => Fe().next(), b = A("date"), S = A(/* @__PURE__ */ new Date()), r = A({
+      selecting: !1,
+      startDate: null,
+      endDate: null
+    }), k = h(() => {
+      if (!t.modelValue) return null;
+      if (t.type === "daterange") {
+        const [N, G] = t.modelValue;
+        return [he(N), he(G)];
+      }
+      return he(t.modelValue);
+    }), M = h(() => !k.value || Array.isArray(k.value) ? "" : re(k.value, t.format)), B = h(() => {
+      if (!Array.isArray(k.value)) return "";
+      const [N] = k.value;
+      return N ? re(N, t.format) : "";
+    }), I = h(() => {
+      if (!Array.isArray(k.value)) return "";
+      const [, N] = k.value;
+      return N ? re(N, t.format) : "";
+    }), T = h(() => Array.isArray(k.value) ? null : k.value), R = h(() => S.value.getFullYear()), H = h(() => S.value.getMonth()), z = h(() => Pe(R.value)), U = h(() => b.value === "year" ? `${z.value[0]} 年 - ${z.value[1]} 年` : b.value === "month" ? `${R.value} 年` : `${R.value} 年 ${H.value + 1} 月`), q = h(() => [
+      a.b(),
+      a.m(t.size),
+      a.is("disabled", t.disabled),
+      a.is("range", t.type === "daterange")
+    ]), Z = h(() => [
+      a.e("input"),
+      a.is("focus", y.value),
+      a.is("has-value", !!M.value || !!(B.value || I.value))
+    ]), D = () => {
+      t.disabled || t.readonly || (y.value ? g() : $());
+    }, $ = () => {
+      y.value = !0, v.value = w(), we(() => {
+        if (V.value && x.value) {
+          const N = V.value.getBoundingClientRect(), G = x.value.getBoundingClientRect();
+          let se = N.bottom + 8, Ve = N.left;
+          Ve + G.width > window.innerWidth && (Ve = window.innerWidth - G.width - 8), se + G.height > window.innerHeight && (se = N.top - G.height - 8), C.value = {
+            top: `${se}px`,
+            left: `${Ve}px`
+          };
+        }
+      }), l("focus", {});
+    }, g = () => {
+      y.value = !1, b.value = "date", l("blur", {});
+    }, o = (N) => {
+      if (t.type === "date") {
+        const G = t.valueFormat ? re(N, t.valueFormat) : N;
+        l("update:modelValue", G), l("change", G), g();
+      }
+    }, i = (N) => {
+      if (!r.value.selecting)
+        r.value.selecting = !0, r.value.startDate = N, r.value.endDate = null;
+      else {
+        r.value.selecting = !1, r.value.startDate && N < r.value.startDate ? [r.value.startDate, r.value.endDate] = [N, r.value.startDate] : r.value.endDate = N;
+        const G = t.valueFormat ? re(r.value.startDate, t.valueFormat) : r.value.startDate, se = t.valueFormat ? re(r.value.endDate, t.valueFormat) : r.value.endDate;
+        l("update:modelValue", [G, se]), l("change", [G, se]), g();
+      }
+    }, m = (N) => {
+      if (S.value = new Date(R.value, N, 1), t.type === "month") {
+        const G = new Date(R.value, N, 1), se = t.valueFormat ? re(G, t.valueFormat) : G;
+        l("update:modelValue", se), l("change", se), g();
+      } else
+        b.value = "date";
+    }, O = (N) => {
+      if (S.value = new Date(N, H.value, 1), t.type === "year") {
+        const G = new Date(N, 0, 1), se = t.valueFormat ? re(G, t.valueFormat) : G;
+        l("update:modelValue", se), l("change", se), g();
+      } else
+        b.value = "month";
+    }, ee = () => {
+      S.value = Ze(S.value);
+    }, P = () => {
+      S.value = Qe(S.value);
+    }, te = () => {
+      b.value === "year" ? S.value = new Date(R.value - 10, H.value, 1) : S.value = Je(S.value);
+    }, Y = () => {
+      b.value === "year" ? S.value = new Date(R.value + 10, H.value, 1) : S.value = _e(S.value);
+    }, L = () => {
+      b.value = "month";
+    }, X = () => {
+      b.value = "year";
+    }, W = () => {
+      l("update:modelValue", null), l("change", null), l("clear"), r.value = {
+        selecting: !1,
+        startDate: null,
+        endDate: null
+      };
+    }, ne = (N) => {
+      if (!V.value) return;
+      const G = N.target;
+      V.value.contains(G) || x.value && x.value.contains(G) || g();
+    };
+    ie(
+      () => t.modelValue,
+      (N) => {
+        if (N)
+          if (Array.isArray(k.value)) {
+            const [G] = k.value;
+            G && (S.value = new Date(G));
+          } else k.value && (S.value = new Date(k.value));
+      },
+      { immediate: !0 }
+    ), ie(y, (N) => {
+      N && (b.value = "date", t.type === "daterange" && (r.value = {
+        selecting: !1,
+        startDate: Array.isArray(k.value) ? k.value[0] : null,
+        endDate: Array.isArray(k.value) ? k.value[1] : null
+      }));
+    });
+    const oe = (N) => {
+      N.key === "Escape" && g();
+    };
+    return ge(() => {
+      document.addEventListener("click", ne), document.addEventListener("keydown", oe);
+    }), be(() => {
+      document.removeEventListener("click", ne), document.removeEventListener("keydown", oe);
+    }), p({
+      focus: () => {
+        var N;
+        return (N = F.value) == null ? void 0 : N.focus();
+      },
+      blur: () => {
+        var N;
+        return (N = F.value) == null ? void 0 : N.blur();
+      }
+    }), (N, G) => (c(), d("div", {
+      ref_key: "pickerRef",
+      ref: V,
+      class: u(q.value)
+    }, [
+      n.type !== "daterange" ? (c(), d("div", {
+        key: 0,
+        class: u(Z.value),
+        onClick: D
+      }, [
+        f("input", {
+          ref_key: "inputRef",
+          ref: F,
+          type: "text",
+          placeholder: n.placeholder,
+          disabled: n.disabled,
+          readonly: !0,
+          value: M.value,
+          class: u(s(a).e("input-inner"))
+        }, null, 10, it),
+        f("span", {
+          class: u(s(a).e("suffix"))
+        }, [
+          n.clearable && M.value && !n.disabled ? (c(), d("span", {
+            key: 0,
+            class: u(s(a).e("clear")),
+            onClick: ue(W, ["stop"])
+          }, " ✕ ", 2)) : (c(), d("span", {
+            key: 1,
+            class: u(s(a).e("icon"))
+          }, "📅", 2))
+        ], 2)
+      ], 2)) : (c(), d("div", {
+        key: 1,
+        class: u(Z.value),
+        onClick: D
+      }, [
+        f("input", {
+          type: "text",
+          placeholder: n.startPlaceholder,
+          disabled: n.disabled,
+          readonly: !0,
+          value: B.value,
+          class: u(s(a).e("input-inner"))
+        }, null, 10, ct),
+        f("span", {
+          class: u(s(a).e("separator"))
+        }, "至", 2),
+        f("input", {
+          type: "text",
+          placeholder: n.endPlaceholder,
+          disabled: n.disabled,
+          readonly: !0,
+          value: I.value,
+          class: u(s(a).e("input-inner"))
+        }, null, 10, dt),
+        f("span", {
+          class: u(s(a).e("suffix"))
+        }, [
+          n.clearable && (B.value || I.value) && !n.disabled ? (c(), d("span", {
+            key: 0,
+            class: u(s(a).e("clear")),
+            onClick: ue(W, ["stop"])
+          }, " ✕ ", 2)) : (c(), d("span", {
+            key: 1,
+            class: u(s(a).e("icon"))
+          }, "📅", 2))
+        ], 2)
+      ], 2)),
+      (c(), pe(Me, { to: "body" }, [
+        ye(Te, { name: "fade" }, {
+          default: Re(() => [
+            de(f("div", {
+              ref_key: "popperRef",
+              ref: x,
+              class: u(s(a).e("popper")),
+              style: ae({ zIndex: v.value, ...C.value })
+            }, [
+              f("div", {
+                class: u(s(a).e("header"))
+              }, [
+                f("button", {
+                  type: "button",
+                  class: u(s(a).e("prev-btn")),
+                  onClick: G[0] || (G[0] = (se) => b.value === "date" ? ee() : te())
+                }, " ‹ ", 2),
+                f("div", {
+                  class: u(s(a).e("header-title"))
+                }, [
+                  b.value === "year" ? (c(), d("span", {
+                    key: 0,
+                    onClick: G[1] || (G[1] = (se) => b.value = "month")
+                  }, E(U.value), 1)) : (c(), d(j, { key: 1 }, [
+                    f("span", { onClick: X }, E(R.value) + " 年", 1),
+                    b.value === "date" ? (c(), d("span", {
+                      key: 0,
+                      onClick: L
+                    }, E(H.value + 1) + " 月", 1)) : K("", !0)
+                  ], 64))
+                ], 2),
+                f("button", {
+                  type: "button",
+                  class: u(s(a).e("next-btn")),
+                  onClick: G[2] || (G[2] = (se) => b.value === "date" ? P() : Y())
+                }, " › ", 2)
+              ], 2),
+              f("div", {
+                class: u(s(a).e("content"))
+              }, [
+                b.value === "date" ? (c(), pe(nt, {
+                  key: 0,
+                  "model-value": T.value,
+                  "viewed-month": S.value,
+                  "disabled-date": n.disabledDate,
+                  "min-date": n.minDate ? s(he)(n.minDate) : null,
+                  "max-date": n.maxDate ? s(he)(n.maxDate) : null,
+                  "selection-mode": n.type === "daterange" ? "range" : "single",
+                  "range-state": r.value,
+                  onPick: o,
+                  onRangeSelect: i
+                }, null, 8, ["model-value", "viewed-month", "disabled-date", "min-date", "max-date", "selection-mode", "range-state"])) : b.value === "month" ? (c(), pe(ut, {
+                  key: 1,
+                  "model-value": T.value,
+                  "viewed-year": R.value,
+                  "disabled-date": n.disabledDate,
+                  onPick: m
+                }, null, 8, ["model-value", "viewed-year", "disabled-date"])) : b.value === "year" ? (c(), pe(rt, {
+                  key: 2,
+                  "model-value": T.value,
+                  "viewed-year": R.value,
+                  "disabled-date": n.disabledDate,
+                  onPick: O
+                }, null, 8, ["model-value", "viewed-year", "disabled-date"])) : K("", !0)
+              ], 2)
+            ], 6), [
+              [Be, y.value]
+            ])
+          ]),
+          _: 1
+        })
+      ]))
+    ], 2));
+  }
+});
+function fe(n, p = "HH:mm:ss") {
+  if (!n) return "";
+  const e = n.getHours(), t = n.getMinutes(), l = n.getSeconds();
+  return p.replace(/HH/g, String(e).padStart(2, "0")).replace(/H/g, String(e)).replace(/mm/g, String(t).padStart(2, "0")).replace(/m/g, String(t)).replace(/ss/g, String(l).padStart(2, "0")).replace(/s/g, String(l));
+}
+function De(n) {
+  if (!n) return null;
+  if (n instanceof Date)
+    return isNaN(n.getTime()) ? null : n;
+  if (typeof n == "number") {
+    const t = /* @__PURE__ */ new Date();
+    return t.setTime(n), t;
+  }
+  const p = n.match(/^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?/);
+  if (p) {
+    const t = /* @__PURE__ */ new Date();
+    return t.setHours(parseInt(p[1]), parseInt(p[2]), p[3] ? parseInt(p[3]) : 0, 0), t;
+  }
+  const e = new Date(n);
+  return isNaN(e.getTime()) ? null : e;
+}
+function me(n) {
+  return String(n).padStart(2, "0");
+}
+const vt = ["onClick"], ft = ["onClick"], mt = ["onClick"], pt = /* @__PURE__ */ Q({
+  name: "XTimePanel",
+  __name: "TimePanel",
+  props: {
+    modelValue: { default: null },
+    format: { default: "HH:mm:ss" },
+    disabledHours: {},
+    disabledMinutes: {},
+    disabledSeconds: {},
+    hourStep: { default: 1 },
+    minuteStep: { default: 1 },
+    secondStep: { default: 1 }
+  },
+  emits: ["confirm", "cancel"],
+  setup(n, { emit: p }) {
+    const e = n, t = p, l = J("time-panel"), a = A(0), y = A(0), v = A(0), V = A(), x = A(), F = A(), C = h(() => e.format.includes("ss") || e.format.includes("s")), w = h(() => {
+      const P = [], te = Math.max(1, e.hourStep);
+      for (let Y = 0; Y < 24; Y += te)
+        P.push(Y);
+      return P;
+    }), b = h(() => {
+      const P = [], te = Math.max(1, e.minuteStep);
+      for (let Y = 0; Y < 60; Y += te)
+        P.push(Y);
+      return P;
+    }), S = h(() => {
+      const P = [], te = Math.max(1, e.secondStep);
+      for (let Y = 0; Y < 60; Y += te)
+        P.push(Y);
+      return P;
+    }), r = h(() => e.disabledHours ? new Set(e.disabledHours()) : /* @__PURE__ */ new Set()), k = h(() => e.disabledMinutes ? new Set(e.disabledMinutes(a.value)) : /* @__PURE__ */ new Set()), M = h(() => e.disabledSeconds ? new Set(e.disabledSeconds(a.value, y.value)) : /* @__PURE__ */ new Set()), B = h(() => `${me(a.value)}:${me(y.value)}${C.value ? ":" + me(v.value) : ""}`), I = (P) => r.value.has(P), T = (P) => k.value.has(P), R = (P) => M.value.has(P), H = (P) => {
+      I(P) || (a.value = P, $(V.value, q(P)));
+    }, z = (P) => {
+      T(P) || (y.value = P, $(x.value, Z(P)));
+    }, U = (P) => {
+      R(P) || (v.value = P, $(F.value, D(P)));
+    }, q = (P) => w.value.indexOf(P), Z = (P) => b.value.indexOf(P), D = (P) => S.value.indexOf(P), $ = (P, te) => {
+      if (!P) return;
+      const Y = 32, X = te * Y + 84 - 200 / 2 + Y / 2;
+      P.scrollTop = Math.max(0, X);
+    }, g = () => {
+      if (!V.value) return;
+      const P = V.value.scrollTop, te = Math.round((P - 84 + 100) / 32), Y = w.value[Math.max(0, Math.min(te, w.value.length - 1))];
+      Y !== void 0 && !I(Y) && (a.value = Y);
+    }, o = () => {
+      if (!x.value) return;
+      const P = x.value.scrollTop, te = Math.round((P - 84 + 100) / 32), Y = b.value[Math.max(0, Math.min(te, b.value.length - 1))];
+      Y !== void 0 && !T(Y) && (y.value = Y);
+    }, i = () => {
+      if (!F.value) return;
+      const P = F.value.scrollTop, te = Math.round((P - 84 + 100) / 32), Y = S.value[Math.max(0, Math.min(te, S.value.length - 1))];
+      Y !== void 0 && !R(Y) && (v.value = Y);
+    }, m = () => {
+      const P = e.modelValue ? new Date(e.modelValue) : /* @__PURE__ */ new Date();
+      P.setHours(a.value, y.value, v.value, 0), t("confirm", P);
+    }, O = () => {
+      t("cancel");
+    }, ee = () => {
+      if (e.modelValue)
+        a.value = e.modelValue.getHours(), y.value = e.modelValue.getMinutes(), v.value = e.modelValue.getSeconds();
+      else {
+        const P = /* @__PURE__ */ new Date();
+        a.value = P.getHours(), y.value = P.getMinutes(), v.value = P.getSeconds();
+      }
+      we(() => {
+        $(V.value, q(a.value)), $(x.value, Z(y.value)), C.value && $(F.value, D(v.value));
+      });
+    };
+    return ie(
+      () => e.modelValue,
+      () => {
+        ee();
+      },
+      { immediate: !0 }
+    ), ge(() => {
+      ee();
+    }), (P, te) => (c(), d("div", {
+      class: u(s(l).b())
+    }, [
+      f("div", {
+        class: u(s(l).e("content"))
+      }, [
+        f("div", {
+          class: u(s(l).e("indicator"))
+        }, null, 2),
+        f("div", {
+          ref_key: "hourListRef",
+          ref: V,
+          class: u(s(l).e("list")),
+          onScroll: g
+        }, [
+          f("div", {
+            class: u(s(l).e("padding"))
+          }, null, 2),
+          (c(!0), d(j, null, _(w.value, (Y) => (c(), d("div", {
+            key: Y,
+            class: u([s(l).e("item"), s(l).is("selected", a.value === Y), s(l).is("disabled", I(Y))]),
+            onClick: (L) => H(Y)
+          }, E(s(me)(Y)), 11, vt))), 128)),
+          f("div", {
+            class: u(s(l).e("padding"))
+          }, null, 2)
+        ], 34),
+        f("div", {
+          ref_key: "minuteListRef",
+          ref: x,
+          class: u(s(l).e("list")),
+          onScroll: o
+        }, [
+          f("div", {
+            class: u(s(l).e("padding"))
+          }, null, 2),
+          (c(!0), d(j, null, _(b.value, (Y) => (c(), d("div", {
+            key: Y,
+            class: u([s(l).e("item"), s(l).is("selected", y.value === Y), s(l).is("disabled", T(Y))]),
+            onClick: (L) => z(Y)
+          }, E(s(me)(Y)), 11, ft))), 128)),
+          f("div", {
+            class: u(s(l).e("padding"))
+          }, null, 2)
+        ], 34),
+        C.value ? (c(), d("div", {
+          key: 0,
+          ref_key: "secondListRef",
+          ref: F,
+          class: u(s(l).e("list")),
+          onScroll: i
+        }, [
+          f("div", {
+            class: u(s(l).e("padding"))
+          }, null, 2),
+          (c(!0), d(j, null, _(S.value, (Y) => (c(), d("div", {
+            key: Y,
+            class: u([s(l).e("item"), s(l).is("selected", v.value === Y), s(l).is("disabled", R(Y))]),
+            onClick: (L) => U(Y)
+          }, E(s(me)(Y)), 11, mt))), 128)),
+          f("div", {
+            class: u(s(l).e("padding"))
+          }, null, 2)
+        ], 34)) : K("", !0)
+      ], 2),
+      f("div", {
+        class: u(s(l).e("footer"))
+      }, [
+        f("span", {
+          class: u(s(l).e("current-time"))
+        }, E(B.value), 3),
+        f("div", {
+          class: u(s(l).e("actions"))
+        }, [
+          f("button", {
+            class: u(s(l).e("btn-cancel")),
+            onClick: O
+          }, "取消", 2),
+          f("button", {
+            class: u(s(l).e("btn-confirm")),
+            onClick: m
+          }, "确定", 2)
+        ], 2)
+      ], 2)
+    ], 2));
+  }
+}), ht = ["placeholder", "disabled", "value"], gt = ["placeholder", "disabled", "value"], bt = ["placeholder", "disabled", "value"], fl = /* @__PURE__ */ Q({
+  name: "XTimePicker",
+  __name: "index",
+  props: {
+    modelValue: { default: null },
+    type: { default: "time" },
+    placeholder: { default: "请选择时间" },
+    startPlaceholder: { default: "开始时间" },
+    endPlaceholder: { default: "结束时间" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    size: { default: "default" },
+    format: { default: "HH:mm:ss" },
+    valueFormat: { default: "" },
+    disabledHours: {},
+    disabledMinutes: {},
+    disabledSeconds: {},
+    hourStep: { default: 1 },
+    minuteStep: { default: 1 },
+    secondStep: { default: 1 }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur", "clear"],
+  setup(n, { expose: p, emit: e }) {
+    const t = n, l = e, a = J("time-picker"), y = () => Fe().next(), v = A(!1), V = A(2e3), x = A(), F = A(), C = A(), w = A({
+      top: "0px",
+      left: "0px"
+    }), b = A({
+      startTime: null,
+      endTime: null
+    }), S = A("start"), r = h(() => {
+      if (!t.modelValue) return null;
+      if (t.type === "timerange") {
+        const [i, m] = t.modelValue;
+        return [De(i), De(m)];
+      }
+      return De(t.modelValue);
+    }), k = h(() => !r.value || Array.isArray(r.value) ? "" : fe(r.value, t.format)), M = h(() => {
+      if (!Array.isArray(r.value)) return "";
+      const [i] = r.value;
+      return i ? fe(i, t.format) : "";
+    }), B = h(() => {
+      if (!Array.isArray(r.value)) return "";
+      const [, i] = r.value;
+      return i ? fe(i, t.format) : "";
+    }), I = h(() => t.type === "timerange" ? S.value === "start" ? b.value.startTime : b.value.endTime || b.value.startTime : r.value), T = h(() => [
+      a.b(),
+      a.m(t.size),
+      a.is("disabled", t.disabled),
+      a.is("range", t.type === "timerange")
+    ]), R = h(() => [
+      a.e("input"),
+      a.is("focus", v.value)
+    ]), H = () => {
+      t.disabled || t.readonly || (v.value ? q() : U());
+    }, z = (i) => {
+      t.disabled || t.readonly || (S.value = i, v.value || U());
+    }, U = () => {
+      v.value = !0, V.value = y(), we(() => {
+        if (x.value && F.value) {
+          const i = x.value.getBoundingClientRect(), m = F.value.getBoundingClientRect();
+          let O = i.bottom + 8, ee = i.left;
+          ee + m.width > window.innerWidth && (ee = window.innerWidth - m.width - 8), O + m.height > window.innerHeight && (O = i.top - m.height - 8), w.value = {
+            top: `${O}px`,
+            left: `${ee}px`
+          };
+        }
+      }), l("focus", {});
+    }, q = () => {
+      v.value = !1, l("blur", {});
+    }, Z = (i) => {
+      if (t.type === "timerange")
+        if (S.value === "start")
+          b.value.startTime = i, S.value = "end", b.value.endTime && b.value.endTime < i && (b.value.endTime = null);
+        else {
+          b.value.startTime && i < b.value.startTime ? (b.value.endTime = b.value.startTime, b.value.startTime = i) : b.value.endTime = i;
+          const m = t.valueFormat ? fe(b.value.startTime, t.valueFormat) : b.value.startTime, O = t.valueFormat ? fe(b.value.endTime, t.valueFormat) : b.value.endTime;
+          l("update:modelValue", [m, O]), l("change", [m, O]), q();
+        }
+      else {
+        const m = t.valueFormat ? fe(i, t.valueFormat) : i;
+        l("update:modelValue", m), l("change", m), q();
+      }
+    }, D = () => {
+      q();
+    }, $ = () => {
+      l("update:modelValue", null), l("change", null), l("clear"), b.value = {
+        startTime: null,
+        endTime: null
+      };
+    }, g = (i) => {
+      if (!x.value) return;
+      const m = i.target;
+      x.value.contains(m) || F.value && F.value.contains(m) || q();
+    };
+    ie(
+      () => t.modelValue,
+      (i) => {
+        if (i && t.type === "timerange") {
+          const [m, O] = r.value;
+          b.value = {
+            startTime: m,
+            endTime: O
+          };
+        }
+      },
+      { immediate: !0 }
+    ), ie(v, (i) => {
+      i && t.type === "timerange" && (b.value = {
+        startTime: Array.isArray(r.value) ? r.value[0] : null,
+        endTime: Array.isArray(r.value) ? r.value[1] : null
+      }, S.value = "start");
+    });
+    const o = (i) => {
+      i.key === "Escape" && q();
+    };
+    return ge(() => {
+      document.addEventListener("click", g), document.addEventListener("keydown", o);
+    }), be(() => {
+      document.removeEventListener("click", g), document.removeEventListener("keydown", o);
+    }), p({
+      focus: () => {
+        var i;
+        return (i = C.value) == null ? void 0 : i.focus();
+      },
+      blur: () => {
+        var i;
+        return (i = C.value) == null ? void 0 : i.blur();
+      }
+    }), (i, m) => (c(), d("div", {
+      ref_key: "pickerRef",
+      ref: x,
+      class: u(T.value)
+    }, [
+      n.type !== "timerange" ? (c(), d("div", {
+        key: 0,
+        class: u(R.value),
+        onClick: H
+      }, [
+        f("input", {
+          ref_key: "inputRef",
+          ref: C,
+          type: "text",
+          placeholder: n.placeholder,
+          disabled: n.disabled,
+          readonly: !0,
+          value: k.value,
+          class: u(s(a).e("input-inner"))
+        }, null, 10, ht),
+        f("span", {
+          class: u(s(a).e("suffix"))
+        }, [
+          n.clearable && k.value && !n.disabled ? (c(), d("span", {
+            key: 0,
+            class: u(s(a).e("clear")),
+            onClick: ue($, ["stop"])
+          }, " ✕ ", 2)) : (c(), d("span", {
+            key: 1,
+            class: u(s(a).e("icon"))
+          }, "🕐", 2))
+        ], 2)
+      ], 2)) : (c(), d("div", {
+        key: 1,
+        class: u(R.value),
+        onClick: H
+      }, [
+        f("input", {
+          type: "text",
+          placeholder: n.startPlaceholder,
+          disabled: n.disabled,
+          readonly: !0,
+          value: M.value,
+          class: u([s(a).e("input-inner"), s(a).is("active", S.value === "start")]),
+          onClick: m[0] || (m[0] = ue((O) => z("start"), ["stop"]))
+        }, null, 10, gt),
+        f("span", {
+          class: u(s(a).e("separator"))
+        }, "至", 2),
+        f("input", {
+          type: "text",
+          placeholder: n.endPlaceholder,
+          disabled: n.disabled,
+          readonly: !0,
+          value: B.value,
+          class: u([s(a).e("input-inner"), s(a).is("active", S.value === "end")]),
+          onClick: m[1] || (m[1] = ue((O) => z("end"), ["stop"]))
+        }, null, 10, bt),
+        f("span", {
+          class: u(s(a).e("suffix"))
+        }, [
+          n.clearable && (M.value || B.value) && !n.disabled ? (c(), d("span", {
+            key: 0,
+            class: u(s(a).e("clear")),
+            onClick: ue($, ["stop"])
+          }, " ✕ ", 2)) : (c(), d("span", {
+            key: 1,
+            class: u(s(a).e("icon"))
+          }, "🕐", 2))
+        ], 2)
+      ], 2)),
+      (c(), pe(Me, { to: "body" }, [
+        ye(Te, { name: "fade" }, {
+          default: Re(() => [
+            de(f("div", {
+              ref_key: "popperRef",
+              ref: F,
+              class: u(s(a).e("popper")),
+              style: ae({ zIndex: V.value, ...w.value })
+            }, [
+              n.type === "timerange" ? (c(), d("div", {
+                key: 0,
+                class: u(s(a).e("popper-header"))
+              }, E(S.value === "start" ? "请选择开始时间" : "请选择结束时间"), 3)) : K("", !0),
+              ye(pt, {
+                "model-value": I.value,
+                format: n.format,
+                "disabled-hours": n.disabledHours,
+                "disabled-minutes": n.disabledMinutes,
+                "disabled-seconds": n.disabledSeconds,
+                "hour-step": n.hourStep,
+                "minute-step": n.minuteStep,
+                "second-step": n.secondStep,
+                onConfirm: Z,
+                onCancel: D
+              }, null, 8, ["model-value", "format", "disabled-hours", "disabled-minutes", "disabled-seconds", "hour-step", "minute-step", "second-step"])
+            ], 6), [
+              [Be, v.value]
+            ])
+          ]),
+          _: 1
+        })
+      ]))
+    ], 2));
+  }
+});
+function yt(n, p, e) {
+  return e ? e(p, n) : n.toLowerCase().includes(p.toLowerCase());
+}
+function Ae(n, p, e = "value", t = "children") {
+  for (const l of n) {
+    if (l[e] === p)
+      return l;
+    if (l[t] && l[t].length > 0) {
+      const a = Ae(l[t], p, e, t);
+      if (a) return a;
+    }
+  }
+  return null;
+}
+function Se(n, p, e = "value", t = "children") {
+  const l = [];
+  function a(y) {
+    for (const v of y) {
+      if (v[e] === p)
+        return l.push(v), !0;
+      if (v[t] && v[t].length > 0) {
+        if (l.push(v), a(v[t]))
+          return !0;
+        l.pop();
+      }
+    }
+    return !1;
+  }
+  return a(n), l;
+}
+function kt(n, p = "children") {
+  const e = [];
+  function t(l, a = 0, y = null) {
+    for (const v of l)
+      e.push({ ...v, level: a, parent: y }), v[p] && v[p].length > 0 && t(v[p], a + 1, v);
+  }
+  return t(n), e;
+}
+const xt = ["onClick"], wt = ["placeholder", "disabled", "readonly", "value"], Vt = ["onClick"], Ct = ["onClick"], ml = /* @__PURE__ */ Q({
+  name: "XSelect",
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    options: { default: () => [] },
+    type: { default: "single" },
+    placeholder: { default: "请选择" },
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    filterable: { type: Boolean, default: !1 },
+    filterMethod: {},
+    size: { default: "default" },
+    multipleLimit: { default: 0 },
+    collapseTags: { type: Boolean, default: !0 },
+    maxCollapseTags: { default: 1 },
+    separator: { default: " / " },
+    valueKey: { default: "value" },
+    labelKey: { default: "label" },
+    childrenKey: { default: "children" },
+    noDataText: { default: "暂无数据" },
+    noMatchText: { default: "无匹配数据" }
+  },
+  emits: ["update:modelValue", "change", "clear", "focus", "blur", "visible-change", "remove-tag"],
+  setup(n, { emit: p }) {
+    const e = n, t = p, l = J("select"), a = () => Fe().next(), y = A(), v = A(), V = A(), x = A(!1), F = A(2e3), C = A(""), w = A(-1), b = A({ top: "0px", left: "0px" }), S = h(() => e.type === "multiple"), r = h(() => e.type === "cascader"), k = A([]), M = h(() => S.value ? Array.isArray(e.modelValue) ? e.modelValue : [] : r.value ? Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [] : e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0 ? [e.modelValue] : []), B = h(() => r.value ? kt(e.options, e.childrenKey) : e.options.map((L) => ({ ...L, level: 0 }))), I = h(() => !e.filterable || !C.value ? B.value : B.value.filter((L) => {
+      const X = L[e.labelKey] || "";
+      return yt(X, C.value, e.filterMethod);
+    })), T = h(() => {
+      const L = [];
+      for (const X of M.value) {
+        const W = Ae(e.options, X, e.valueKey, e.childrenKey);
+        W && L.push(W);
+      }
+      return L;
+    }), R = h(() => {
+      if (S.value)
+        return "";
+      if (r.value)
+        return Se(e.options, M.value[M.value.length - 1], e.valueKey, e.childrenKey).map((W) => W[e.labelKey]).join(e.separator);
+      const L = T.value[0];
+      return L ? L[e.labelKey] : "";
+    }), H = h(() => S.value ? T.value : []), z = h(() => e.collapseTags ? H.value.slice(0, e.maxCollapseTags) : H.value), U = h(() => e.collapseTags ? Math.max(0, H.value.length - e.maxCollapseTags) : 0), q = h(() => [
+      l.b(),
+      l.m(e.size),
+      l.is("disabled", e.disabled),
+      l.is("multiple", S.value),
+      l.is("cascader", r.value),
+      l.is("filterable", e.filterable),
+      l.is("focus", x.value)
+    ]), Z = () => {
+      if (!y.value || !V.value || !x.value) return;
+      const L = y.value.getBoundingClientRect(), X = V.value.getBoundingClientRect();
+      let W = L.bottom + 4, ne = L.left;
+      ne + X.width > window.innerWidth && (ne = window.innerWidth - X.width - 8), W + X.height > window.innerHeight && (W = L.top - X.height - 4), b.value = {
+        top: `${W}px`,
+        left: `${ne}px`
+      };
+    }, D = () => {
+      e.disabled || (x.value = !0, F.value = a(), C.value = "", we(() => {
+        Z();
+      }), t("visible-change", !0), t("focus", {}));
+    }, $ = () => {
+      x.value = !1, C.value = "", k.value = [], t("visible-change", !1), t("blur", {});
+    }, g = (L) => {
+      if (!L.disabled)
+        if (S.value) {
+          const X = [...M.value], W = L[e.valueKey], ne = X.indexOf(W);
+          if (ne > -1)
+            X.splice(ne, 1), t("remove-tag", W);
+          else {
+            if (e.multipleLimit > 0 && X.length >= e.multipleLimit)
+              return;
+            X.push(W);
+          }
+          t("update:modelValue", X), t("change", X);
+        } else if (r.value)
+          if (L.children && L.children.length > 0) {
+            const X = Se(e.options, L[e.valueKey], e.valueKey, e.childrenKey);
+            k.value = X;
+          } else {
+            const W = Se(e.options, L[e.valueKey], e.valueKey, e.childrenKey).map((ne) => ne[e.valueKey]);
+            t("update:modelValue", W), t("change", W), $();
+          }
+        else
+          t("update:modelValue", L[e.valueKey]), t("change", L[e.valueKey]), $();
+    }, o = (L) => {
+      const X = M.value.filter((W) => W !== L[e.valueKey]);
+      t("update:modelValue", X), t("change", X), t("remove-tag", L[e.valueKey]);
+    }, i = () => {
+      const L = S.value ? [] : "";
+      t("update:modelValue", L), t("change", L), t("clear");
+    }, m = (L) => {
+      C.value = L.target.value;
+    }, O = (L) => {
+      if (!y.value) return;
+      const X = L.target;
+      y.value.contains(X) || V.value && V.value.contains(X) || $();
+    }, ee = (L) => {
+      if (L.key === "Escape")
+        $();
+      else if (L.key === "Enter" && x.value) {
+        const X = I.value[w.value];
+        X && g(X);
+      } else L.key === "ArrowDown" && x.value ? (L.preventDefault(), w.value = Math.min(w.value + 1, I.value.length - 1)) : L.key === "ArrowUp" && x.value && (L.preventDefault(), w.value = Math.max(w.value - 1, 0));
+    }, P = (L) => M.value.includes(L[e.valueKey]), te = (L, X) => [
+      l.e("option"),
+      l.is("selected", P(L)),
+      l.is("disabled", L.disabled === !0),
+      l.is("hover", w.value === X),
+      l.is("group", !!(L.children && L.children.length > 0))
+    ], Y = h(() => {
+      if (!r.value) return [];
+      const L = [e.options];
+      for (const X of k.value)
+        X.children && X.children.length > 0 && L.push(X.children);
+      return L;
+    });
+    return ge(() => {
+      document.addEventListener("click", O), document.addEventListener("keydown", ee);
+    }), be(() => {
+      document.removeEventListener("click", O), document.removeEventListener("keydown", ee), document.removeEventListener("scroll", Z, !0);
+    }), ie(x, (L) => {
+      L ? document.addEventListener("scroll", Z, !0) : document.removeEventListener("scroll", Z, !0);
+    }), xe("select", {
+      selectedValues: M,
+      handleSelect: g,
+      isSelected: P
+    }), (L, X) => (c(), d("div", {
+      ref_key: "selectRef",
+      ref: y,
+      class: u(q.value)
+    }, [
+      f("div", {
+        class: u(s(l).e("wrapper")),
+        onClick: X[0] || (X[0] = (W) => x.value ? $() : D())
+      }, [
+        S.value && H.value.length > 0 ? (c(), d("div", {
+          key: 0,
+          class: u(s(l).e("tags"))
+        }, [
+          (c(!0), d(j, null, _(z.value, (W) => (c(), d("span", {
+            key: W[n.valueKey],
+            class: u(s(l).e("tag"))
+          }, [
+            f("span", {
+              class: u(s(l).e("tag-text"))
+            }, E(W[n.labelKey]), 3),
+            f("span", {
+              class: u(s(l).e("tag-close")),
+              onClick: ue((ne) => o(W), ["stop"])
+            }, "×", 10, xt)
+          ], 2))), 128)),
+          U.value > 0 ? (c(), d("span", {
+            key: 0,
+            class: u(s(l).e("tag-count"))
+          }, " +" + E(U.value), 3)) : K("", !0)
+        ], 2)) : K("", !0),
+        f("input", {
+          ref_key: "inputRef",
+          ref: v,
+          class: u(s(l).e("input")),
+          placeholder: S.value && H.value.length > 0 ? "" : n.placeholder,
+          disabled: n.disabled,
+          readonly: !n.filterable || !x.value,
+          value: n.filterable && x.value ? C.value : R.value,
+          onInput: m
+        }, null, 42, wt),
+        f("span", {
+          class: u(s(l).e("suffix"))
+        }, [
+          n.clearable && M.value.length > 0 && !n.disabled ? (c(), d("span", {
+            key: 0,
+            class: u(s(l).e("clear")),
+            onClick: ue(i, ["stop"])
+          }, "×", 2)) : (c(), d("span", {
+            key: 1,
+            class: u([s(l).e("arrow"), s(l).is("reverse", x.value)])
+          }, "▼", 2))
+        ], 2)
+      ], 2),
+      (c(), pe(Me, { to: "body" }, [
+        ye(Te, { name: "fade" }, {
+          default: Re(() => [
+            de(f("div", {
+              ref_key: "popperRef",
+              ref: V,
+              class: u([s(l).e("popper"), s(l).is("cascader", r.value)]),
+              style: ae({ zIndex: F.value, ...b.value })
+            }, [
+              r.value ? (c(), d("div", {
+                key: 0,
+                class: u(s(l).e("cascader-panels"))
+              }, [
+                (c(!0), d(j, null, _(Y.value, (W, ne) => (c(), d("div", {
+                  key: ne,
+                  class: u(s(l).e("cascader-panel"))
+                }, [
+                  (c(!0), d(j, null, _(W, (oe, N) => (c(), d("div", {
+                    key: oe[n.valueKey],
+                    class: u(te(oe, N)),
+                    onClick: (G) => g(oe)
+                  }, [
+                    f("span", {
+                      class: u(s(l).e("option-label"))
+                    }, E(oe[n.labelKey]), 3),
+                    oe.children && oe.children.length > 0 ? (c(), d("span", {
+                      key: 0,
+                      class: u(s(l).e("option-arrow"))
+                    }, "›", 2)) : K("", !0)
+                  ], 10, Vt))), 128))
+                ], 2))), 128))
+              ], 2)) : (c(), d(j, { key: 1 }, [
+                I.value.length === 0 ? (c(), d("div", {
+                  key: 0,
+                  class: u(s(l).e("empty"))
+                }, E(C.value ? n.noMatchText : n.noDataText), 3)) : (c(), d("div", {
+                  key: 1,
+                  class: u(s(l).e("options"))
+                }, [
+                  (c(!0), d(j, null, _(I.value, (W, ne) => (c(), d("div", {
+                    key: W[n.valueKey],
+                    class: u(te(W, ne)),
+                    onClick: (oe) => g(W)
+                  }, [
+                    f("span", {
+                      class: u(s(l).e("option-label"))
+                    }, E(W[n.labelKey]), 3),
+                    P(W) ? (c(), d("span", {
+                      key: 0,
+                      class: u(s(l).e("option-check"))
+                    }, "✓", 2)) : K("", !0)
+                  ], 10, Ct))), 128))
+                ], 2))
+              ], 64))
+            ], 6), [
+              [Be, x.value]
+            ])
+          ]),
+          _: 1
+        })
+      ]))
+    ], 2));
+  }
+}), Dt = ["checked", "indeterminate"], St = ["placeholder"], $t = ["onClick"], Mt = ["checked", "disabled", "onChange"], Tt = ["disabled"], Rt = ["disabled"], Bt = ["checked", "indeterminate"], Ft = ["placeholder"], It = ["onClick"], Lt = ["checked", "disabled", "onChange"], pl = /* @__PURE__ */ Q({
+  name: "XTransfer",
+  __name: "index",
+  props: {
+    modelValue: { default: () => [] },
+    data: { default: () => [] },
+    titles: { default: () => ["列表1", "列表2"] },
+    buttonTexts: { default: () => ["", ""] },
+    filterable: { type: Boolean, default: !1 },
+    filterPlaceholder: { default: "请输入搜索内容" },
+    filterMethod: {},
+    targetOrder: { default: "original" },
+    props: {},
+    leftDefaultChecked: { default: () => [] },
+    rightDefaultChecked: { default: () => [] }
+  },
+  emits: ["update:modelValue", "change", "left-check-change", "right-check-change"],
+  setup(n, { expose: p, emit: e }) {
+    const t = n, l = e, a = J("transfer"), y = h(() => {
+      var o;
+      return ((o = t.props) == null ? void 0 : o.key) || "key";
+    }), v = h(() => {
+      var o;
+      return ((o = t.props) == null ? void 0 : o.label) || "label";
+    }), V = h(() => {
+      var o;
+      return ((o = t.props) == null ? void 0 : o.disabled) || "disabled";
+    }), x = A(""), F = A(""), C = A([]), w = A([]), b = (o) => o[y.value], S = (o) => o[v.value], r = (o) => o[V.value] || !1, k = h(() => t.data.filter((o) => {
+      const i = b(o);
+      return t.modelValue.includes(i) ? !1 : t.filterable && x.value ? t.filterMethod ? t.filterMethod(x.value, o) : S(o).toLowerCase().includes(x.value.toLowerCase()) : !0;
+    })), M = h(() => {
+      const o = t.modelValue;
+      let i = t.data.filter((m) => {
+        const O = b(m);
+        return o.includes(O);
+      });
+      return t.filterable && F.value && (i = i.filter((m) => t.filterMethod ? t.filterMethod(F.value, m) : S(m).toLowerCase().includes(F.value.toLowerCase()))), t.targetOrder === "push" ? i.sort((m, O) => o.indexOf(b(m)) - o.indexOf(b(O))) : t.targetOrder === "unshift" ? i.sort((m, O) => o.indexOf(b(O)) - o.indexOf(b(m))) : i;
+    }), B = h(() => k.value.filter((o) => C.value.includes(b(o))).every((o) => r(o))), I = h(() => M.value.filter((o) => w.value.includes(b(o))).every((o) => r(o))), T = h(() => C.value.length === 0 || B.value), R = h(() => w.value.length === 0 || I.value), H = () => {
+      const o = C.value.filter((m) => {
+        const O = t.data.find((ee) => b(ee) === m);
+        return O && !r(O);
+      });
+      let i;
+      t.targetOrder === "unshift" ? i = [...o, ...t.modelValue] : i = [...t.modelValue, ...o], l("update:modelValue", i), l("change", i, "right", o), C.value = [];
+    }, z = () => {
+      const o = w.value.filter((m) => {
+        const O = t.data.find((ee) => b(ee) === m);
+        return O && !r(O);
+      }), i = t.modelValue.filter((m) => !o.includes(m));
+      l("update:modelValue", i), l("change", i, "left", o), w.value = [];
+    }, U = (o) => {
+      const i = C.value.indexOf(o);
+      i > -1 ? C.value.splice(i, 1) : C.value.push(o), l("left-check-change", [...C.value]);
+    }, q = (o) => {
+      const i = w.value.indexOf(o);
+      i > -1 ? w.value.splice(i, 1) : w.value.push(o), l("right-check-change", [...w.value]);
+    }, Z = () => {
+      C.value.length === k.value.filter((o) => !r(o)).length ? C.value = [] : C.value = k.value.filter((o) => !r(o)).map((o) => b(o)), l("left-check-change", [...C.value]);
+    }, D = () => {
+      w.value.length === M.value.filter((o) => !r(o)).length ? w.value = [] : w.value = M.value.filter((o) => !r(o)).map((o) => b(o)), l("right-check-change", [...w.value]);
+    }, $ = (o) => {
+      o === "left" ? x.value = "" : F.value = "";
+    }, g = h(() => [a.b()]);
+    return p({
+      clearQuery: $
+    }), (o, i) => (c(), d("div", {
+      class: u(g.value)
+    }, [
+      f("div", {
+        class: u(s(a).e("panel"))
+      }, [
+        f("div", {
+          class: u(s(a).e("header"))
+        }, [
+          f("label", {
+            class: u(s(a).e("checkbox"))
+          }, [
+            f("input", {
+              type: "checkbox",
+              checked: C.value.length > 0 && C.value.length === k.value.filter((m) => !r(m)).length,
+              indeterminate: C.value.length > 0 && C.value.length < k.value.filter((m) => !r(m)).length,
+              onChange: Z
+            }, null, 40, Dt),
+            f("span", null, E(n.titles[0]), 1)
+          ], 2),
+          f("span", {
+            class: u(s(a).e("count"))
+          }, E(C.value.length) + " / " + E(k.value.length), 3)
+        ], 2),
+        n.filterable ? (c(), d("div", {
+          key: 0,
+          class: u(s(a).e("filter"))
+        }, [
+          de(f("input", {
+            "onUpdate:modelValue": i[0] || (i[0] = (m) => x.value = m),
+            placeholder: n.filterPlaceholder,
+            class: u(s(a).e("filter-input"))
+          }, null, 10, St), [
+            [$e, x.value]
+          ]),
+          x.value ? (c(), d("span", {
+            key: 0,
+            class: u(s(a).e("filter-clear")),
+            onClick: i[1] || (i[1] = (m) => $("left"))
+          }, "×", 2)) : K("", !0)
+        ], 2)) : K("", !0),
+        f("div", {
+          class: u(s(a).e("body"))
+        }, [
+          (c(!0), d(j, null, _(k.value, (m) => (c(), d("div", {
+            key: b(m),
+            class: u([
+              s(a).e("item"),
+              s(a).is("disabled", r(m)),
+              s(a).is("checked", C.value.includes(b(m)))
+            ]),
+            onClick: (O) => !r(m) && U(b(m))
+          }, [
+            f("label", {
+              class: u(s(a).e("checkbox"))
+            }, [
+              f("input", {
+                type: "checkbox",
+                checked: C.value.includes(b(m)),
+                disabled: r(m),
+                onClick: i[2] || (i[2] = ue(() => {
+                }, ["stop"])),
+                onChange: (O) => U(b(m))
+              }, null, 40, Mt),
+              f("span", null, E(S(m)), 1)
+            ], 2)
+          ], 10, $t))), 128)),
+          k.value.length === 0 ? (c(), d("div", {
+            key: 0,
+            class: u(s(a).e("empty"))
+          }, [
+            le(o.$slots, "left-empty", {}, () => [
+              i[6] || (i[6] = ve("暂无数据", -1))
+            ])
+          ], 2)) : K("", !0)
+        ], 2)
+      ], 2),
+      f("div", {
+        class: u(s(a).e("buttons"))
+      }, [
+        f("button", {
+          class: u([s(a).e("button"), s(a).is("disabled", T.value)]),
+          disabled: T.value,
+          onClick: H
+        }, E(n.buttonTexts[0] || ">"), 11, Tt),
+        f("button", {
+          class: u([s(a).e("button"), s(a).is("disabled", R.value)]),
+          disabled: R.value,
+          onClick: z
+        }, E(n.buttonTexts[1] || "<"), 11, Rt)
+      ], 2),
+      f("div", {
+        class: u(s(a).e("panel"))
+      }, [
+        f("div", {
+          class: u(s(a).e("header"))
+        }, [
+          f("label", {
+            class: u(s(a).e("checkbox"))
+          }, [
+            f("input", {
+              type: "checkbox",
+              checked: w.value.length > 0 && w.value.length === M.value.filter((m) => !r(m)).length,
+              indeterminate: w.value.length > 0 && w.value.length < M.value.filter((m) => !r(m)).length,
+              onChange: D
+            }, null, 40, Bt),
+            f("span", null, E(n.titles[1]), 1)
+          ], 2),
+          f("span", {
+            class: u(s(a).e("count"))
+          }, E(w.value.length) + " / " + E(M.value.length), 3)
+        ], 2),
+        n.filterable ? (c(), d("div", {
+          key: 0,
+          class: u(s(a).e("filter"))
+        }, [
+          de(f("input", {
+            "onUpdate:modelValue": i[3] || (i[3] = (m) => F.value = m),
+            placeholder: n.filterPlaceholder,
+            class: u(s(a).e("filter-input"))
+          }, null, 10, Ft), [
+            [$e, F.value]
+          ]),
+          F.value ? (c(), d("span", {
+            key: 0,
+            class: u(s(a).e("filter-clear")),
+            onClick: i[4] || (i[4] = (m) => $("right"))
+          }, "×", 2)) : K("", !0)
+        ], 2)) : K("", !0),
+        f("div", {
+          class: u(s(a).e("body"))
+        }, [
+          (c(!0), d(j, null, _(M.value, (m) => (c(), d("div", {
+            key: b(m),
+            class: u([
+              s(a).e("item"),
+              s(a).is("disabled", r(m)),
+              s(a).is("checked", w.value.includes(b(m)))
+            ]),
+            onClick: (O) => !r(m) && q(b(m))
+          }, [
+            f("label", {
+              class: u(s(a).e("checkbox"))
+            }, [
+              f("input", {
+                type: "checkbox",
+                checked: w.value.includes(b(m)),
+                disabled: r(m),
+                onClick: i[5] || (i[5] = ue(() => {
+                }, ["stop"])),
+                onChange: (O) => q(b(m))
+              }, null, 40, Lt),
+              f("span", null, E(S(m)), 1)
+            ], 2)
+          ], 10, It))), 128)),
+          M.value.length === 0 ? (c(), d("div", {
+            key: 0,
+            class: u(s(a).e("empty"))
+          }, [
+            le(o.$slots, "right-empty", {}, () => [
+              i[7] || (i[7] = ve("暂无数据", -1))
+            ])
+          ], 2)) : K("", !0)
+        ], 2)
+      ], 2)
+    ], 2));
+  }
+}), Pt = { key: 0 }, At = { key: 1 }, hl = /* @__PURE__ */ Q({
+  name: "XSlider",
+  __name: "index",
+  props: {
+    modelValue: { default: 0 },
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    disabled: { type: Boolean, default: !1 },
+    showTooltip: { type: Boolean, default: !0 },
+    formatTooltip: {},
+    showStops: { type: Boolean, default: !1 },
+    vertical: { type: Boolean, default: !1 },
+    height: { default: "200px" },
+    marks: {}
+  },
+  emits: ["update:modelValue", "change", "input"],
+  setup(n, { emit: p }) {
+    const e = n, t = p, l = J("slider"), a = A(), y = A(), v = A(!1), V = A(!1), x = h(() => {
+      const $ = e.max - e.min;
+      return (e.modelValue - e.min) / $ * 100;
+    }), F = h(() => e.formatTooltip ? e.formatTooltip(e.modelValue) : e.modelValue), C = h(() => {
+      if (!e.showStops || e.min >= e.max) return [];
+      const $ = [], g = (e.max - e.min) / e.step;
+      for (let o = 0; o <= g; o++) {
+        const i = e.min + o * e.step;
+        i > e.min && i < e.max && $.push((i - e.min) / (e.max - e.min) * 100);
+      }
+      return $;
+    }), w = h(() => e.marks ? Object.keys(e.marks).map(($) => {
+      const g = Number($), o = e.marks[g], i = (g - e.min) / (e.max - e.min) * 100;
+      let m, O = {};
+      return typeof o == "string" ? m = o : (m = o.label || String(g), O = o.style || {}), { value: g, pos: i, label: m, style: O };
+    }) : []), b = () => a.value ? e.vertical ? a.value.offsetHeight : a.value.offsetWidth : 0, S = ($, g) => {
+      if (!a.value) return e.modelValue;
+      const o = a.value.getBoundingClientRect(), i = b();
+      let m;
+      e.vertical ? m = (o.bottom - g) / i * 100 : m = ($ - o.left) / i * 100, m = Math.max(0, Math.min(100, m));
+      const O = e.min + m / 100 * (e.max - e.min), ee = Math.round(O / e.step) * e.step;
+      return Math.max(e.min, Math.min(e.max, ee));
+    }, r = ($) => {
+      if (e.disabled) return;
+      const g = Math.max(e.min, Math.min(e.max, $));
+      g !== e.modelValue && (t("update:modelValue", g), t("input", g));
+    }, k = ($) => {
+      if (e.disabled) return;
+      $.preventDefault(), V.value = !0, v.value = !0;
+      const g = S($.clientX, $.clientY);
+      r(g), document.addEventListener("mousemove", M), document.addEventListener("mouseup", B);
+    }, M = ($) => {
+      if (!V.value) return;
+      const g = S($.clientX, $.clientY);
+      r(g);
+    }, B = () => {
+      V.value = !1, t("change", e.modelValue), document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", B);
+    }, I = ($) => {
+      if (e.disabled) return;
+      $.preventDefault(), V.value = !0, v.value = !0;
+      const g = $.touches[0], o = S(g.clientX, g.clientY);
+      r(o);
+    }, T = ($) => {
+      if (!V.value) return;
+      const g = $.touches[0], o = S(g.clientX, g.clientY);
+      r(o);
+    }, R = () => {
+      V.value = !1, t("change", e.modelValue);
+    }, H = () => {
+      e.showTooltip && (v.value = !0);
+    }, z = () => {
+      V.value || (v.value = !1);
+    };
+    be(() => {
+      document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", B);
+    });
+    const U = h(() => [
+      l.b(),
+      l.is("disabled", e.disabled),
+      l.is("vertical", e.vertical)
+    ]), q = h(() => e.vertical && e.height ? { height: typeof e.height == "number" ? `${e.height}px` : e.height } : {}), Z = h(() => e.vertical ? { height: `${x.value}%` } : { width: `${x.value}%` }), D = h(() => e.vertical ? { bottom: `${x.value}%` } : { left: `${x.value}%` });
+    return ($, g) => (c(), d("div", {
+      class: u(U.value),
+      style: ae(q.value)
+    }, [
+      f("div", {
+        ref_key: "sliderRef",
+        ref: a,
+        class: u(s(l).e("runway")),
+        onMousedown: k,
+        onTouchstart: I
+      }, [
+        f("div", {
+          class: u(s(l).e("bar")),
+          style: ae(Z.value)
+        }, null, 6),
+        n.showStops ? (c(), d("div", Pt, [
+          (c(!0), d(j, null, _(C.value, (o, i) => (c(), d("div", {
+            key: i,
+            class: u(s(l).e("stop")),
+            style: ae(n.vertical ? { bottom: `${o}%` } : { left: `${o}%` })
+          }, null, 6))), 128))
+        ])) : K("", !0),
+        w.value.length > 0 ? (c(), d("div", At, [
+          (c(!0), d(j, null, _(w.value, (o) => (c(), d("div", {
+            key: o.value,
+            class: u(s(l).e("mark")),
+            style: ae(n.vertical ? { bottom: `${o.pos}%` } : { left: `${o.pos}%`, ...o.style })
+          }, [
+            f("span", {
+              class: u(s(l).e("mark-text"))
+            }, E(o.label), 3)
+          ], 6))), 128))
+        ])) : K("", !0),
+        f("div", {
+          ref_key: "buttonRef",
+          ref: y,
+          class: u(s(l).e("button-wrapper")),
+          style: ae(D.value),
+          onMouseenter: H,
+          onMouseleave: z,
+          onTouchmove: T,
+          onTouchend: R
+        }, [
+          n.showTooltip && v.value ? (c(), d("div", {
+            key: 0,
+            class: u(s(l).e("tooltip"))
+          }, E(F.value), 3)) : K("", !0),
+          f("div", {
+            class: u(s(l).e("button"))
+          }, null, 2)
+        ], 38)
+      ], 34)
+    ], 6));
+  }
+}), Et = ["src"], Yt = {
+  key: 0,
+  class: "status-uploading"
+}, zt = { class: "progress-circle" }, Ht = { class: "progress-text" }, Ot = {
+  key: 1,
+  class: "status-error"
+}, Nt = {
+  key: 2,
+  class: "status-success"
+}, Kt = {
+  key: 0,
+  class: "action-preview"
+}, Xt = ["onClick"], Ut = ["disabled"], Wt = { class: "progress-text" }, Gt = ["onClick"], qt = ["src"], jt = {
+  key: 0,
+  class: "action-success"
+}, Zt = ["onClick"], Qt = ["multiple", "accept", "disabled"], gl = /* @__PURE__ */ Q({
+  name: "XUpload",
+  __name: "index",
+  props: {
+    action: { default: "#" },
+    headers: {},
+    data: {},
+    multiple: { type: Boolean, default: !1 },
+    accept: {},
+    limit: {},
+    disabled: { type: Boolean, default: !1 },
+    drag: { type: Boolean, default: !1 },
+    listType: { default: "text" },
+    autoUpload: { type: Boolean, default: !0 },
+    fileList: { default: () => [] },
+    showFileList: { type: Boolean, default: !0 },
+    withCredentials: { type: Boolean, default: !1 },
+    name: { default: "file" },
+    httpRequest: {},
+    beforeUpload: {},
+    beforeRemove: {},
+    onSuccess: {},
+    onError: {},
+    onProgress: {},
+    onChange: {},
+    onRemove: {},
+    onExceed: {}
+  },
+  emits: ["update:fileList", "success", "error", "progress", "change", "remove", "exceed"],
+  setup(n, { expose: p, emit: e }) {
+    const t = n, l = e, a = J("upload");
+    Le();
+    const y = A(), v = A([...t.fileList]), V = A(!1);
+    let x = 1;
+    const F = () => Date.now() + x++, C = (D) => {
+      var o;
+      const $ = (o = D.name.split(".").pop()) == null ? void 0 : o.toLowerCase(), g = {
+        pdf: "📄",
+        doc: "📝",
+        docx: "📝",
+        xls: "📊",
+        xlsx: "📊",
+        ppt: "📽️",
+        pptx: "📽️",
+        zip: "📦",
+        rar: "📦",
+        mp3: "🎵",
+        mp4: "🎬",
+        default: "📁"
+      };
+      return g[$ || ""] || g.default;
+    }, w = h(() => t.limit ? v.value.length < t.limit : !0), b = h(() => [
+      a.b(),
+      a.is("disabled", t.disabled),
+      a.is("drag", t.drag),
+      a.m(t.listType)
+    ]), S = (D) => {
+      const $ = D.target.files;
+      !$ || $.length === 0 || (r(Array.from($)), y.value && (y.value.value = ""));
+    }, r = async (D) => {
+      var $, g;
+      if (t.limit && v.value.length + D.length > t.limit) {
+        l("exceed", D, v.value), ($ = t.onExceed) == null || $.call(t, D, v.value);
+        return;
+      }
+      for (const o of D) {
+        if (t.beforeUpload && await t.beforeUpload(o, D) === !1)
+          continue;
+        const i = {
+          name: o.name,
+          size: o.size,
+          status: "ready",
+          percentage: 0,
+          uid: F(),
+          raw: o
+        };
+        o.type.startsWith("image/") && (i.thumbUrl = await k(o), i.url = i.thumbUrl), v.value.push(i), l("update:fileList", v.value), l("change", i, v.value), (g = t.onChange) == null || g.call(t, i, v.value), t.autoUpload && M(i);
+      }
+    }, k = (D) => new Promise(($) => {
+      const g = new FileReader();
+      g.onload = (o) => {
+        var i;
+        $((i = o.target) == null ? void 0 : i.result);
+      }, g.readAsDataURL(D);
+    }), M = (D) => {
+      if (!D.raw) return;
+      D.status = "uploading", (t.httpRequest || B)({
+        action: t.action,
+        headers: t.headers,
+        data: t.data,
+        file: D.raw,
+        name: t.name,
+        withCredentials: t.withCredentials,
+        onProgress: (g) => {
+          var o;
+          D.percentage = g.percent, l("progress", g, D, v.value), (o = t.onProgress) == null || o.call(t, g, D, v.value);
+        },
+        onSuccess: (g) => {
+          var o;
+          D.status = "success", D.response = g, l("success", g, D, v.value), (o = t.onSuccess) == null || o.call(t, g, D, v.value);
+        },
+        onError: (g) => {
+          var o;
+          D.status = "error", l("error", g, D, v.value), (o = t.onError) == null || o.call(t, g, D, v.value);
+        }
+      });
+    }, B = (D) => new Promise(($, g) => {
+      const o = new XMLHttpRequest();
+      o.upload.addEventListener("progress", (m) => {
+        m.lengthComputable && D.onProgress({ percent: m.loaded / m.total * 100 });
+      }), o.addEventListener("load", () => {
+        if (o.status < 200 || o.status >= 300) {
+          D.onError(new Error("Upload failed")), g(new Error("Upload failed"));
+          return;
+        }
+        try {
+          const m = JSON.parse(o.responseText);
+          D.onSuccess(m), $(m);
+        } catch {
+          D.onSuccess(o.responseText), $(o.responseText);
+        }
+      }), o.addEventListener("error", () => {
+        D.onError(new Error("Upload error")), g(new Error("Upload error"));
+      });
+      const i = new FormData();
+      i.append(D.name, D.file), D.data && Object.keys(D.data).forEach((m) => {
+        i.append(m, D.data[m]);
+      }), o.open("POST", D.action, !0), D.withCredentials && (o.withCredentials = !0), D.headers && Object.keys(D.headers).forEach((m) => {
+        o.setRequestHeader(m, D.headers[m]);
+      }), o.send(i);
+    }), I = async (D) => {
+      var g;
+      if (t.beforeRemove && await t.beforeRemove(D, v.value) === !1)
+        return;
+      const $ = v.value.findIndex((o) => o.uid === D.uid);
+      $ > -1 && (v.value.splice($, 1), l("update:fileList", v.value), l("remove", D, v.value), (g = t.onRemove) == null || g.call(t, D, v.value));
+    }, T = () => {
+      v.value.filter((D) => D.status === "ready" && D.raw).forEach((D) => M(D));
+    }, R = () => {
+      v.value = [], l("update:fileList", v.value);
+    }, H = () => {
+      var D;
+      t.disabled || (D = y.value) == null || D.click();
+    }, z = (D) => {
+      D.preventDefault(), !t.disabled && t.drag && (V.value = !0);
+    }, U = () => {
+      V.value = !1;
+    }, q = (D) => {
+      var g;
+      if (D.preventDefault(), V.value = !1, t.disabled) return;
+      const $ = (g = D.dataTransfer) == null ? void 0 : g.files;
+      $ && $.length > 0 && r(Array.from($));
+    }, Z = (D) => {
+      if (!D) return "0 B";
+      const $ = ["B", "KB", "MB", "GB"];
+      let g = 0, o = D;
+      for (; o >= 1024 && g < $.length - 1; )
+        o /= 1024, g++;
+      return `${o.toFixed(2)} ${$[g]}`;
+    };
+    return p({
+      submit: T,
+      clearFiles: R,
+      uploadFiles: v
+    }), (D, $) => (c(), d("div", {
+      class: u(b.value)
+    }, [
+      n.drag ? (c(), d("div", {
+        key: 0,
+        class: u([s(a).e("drag"), s(a).is("dragover", V.value)]),
+        onClick: H,
+        onDragover: z,
+        onDragleave: U,
+        onDrop: q
+      }, [
+        le(D.$slots, "drag", {}, () => [
+          f("span", {
+            class: u(s(a).e("drag-icon"))
+          }, "📁", 2),
+          f("div", {
+            class: u(s(a).e("drag-text"))
+          }, [...$[0] || ($[0] = [
+            ve(" 将文件拖到此处，或", -1),
+            f("em", null, "点击上传", -1)
+          ])], 2)
+        ])
+      ], 34)) : n.listType === "picture-card" ? (c(), d("ul", {
+        key: 1,
+        class: u([s(a).e("files"), s(a).e("upload-list")])
+      }, [
+        (c(!0), d(j, null, _(v.value, (g) => (c(), d("li", {
+          key: g.uid,
+          class: u([s(a).e("file"), s(a).is(`status-${g.status}`)])
+        }, [
+          g.thumbUrl && g.status !== "uploading" ? (c(), d("img", {
+            key: 0,
+            src: g.thumbUrl,
+            class: u(s(a).e("file-image"))
+          }, null, 10, Et)) : (c(), d("div", {
+            key: 1,
+            class: u(s(a).e("file-status"))
+          }, [
+            g.status === "uploading" ? (c(), d("span", Yt, [
+              f("span", zt, [
+                f("span", Ht, E(Math.round(g.percentage || 0)) + "%", 1)
+              ])
+            ])) : g.status === "error" ? (c(), d("span", Ot, "✕")) : g.status === "success" ? (c(), d("span", Nt, "✓")) : K("", !0)
+          ], 2)),
+          f("span", {
+            class: u(s(a).e("file-actions"))
+          }, [
+            g.url ? (c(), d("span", Kt, "👁️")) : K("", !0),
+            f("span", {
+              class: "action-remove",
+              onClick: (o) => I(g)
+            }, "🗑️", 8, Xt)
+          ], 2)
+        ], 2))), 128)),
+        w.value ? (c(), d("li", {
+          key: 0,
+          class: u(s(a).e("upload-card")),
+          onClick: H
+        }, [
+          le(D.$slots, "trigger", {}, () => [
+            $[1] || ($[1] = f("span", { class: "upload-icon" }, "+", -1))
+          ])
+        ], 2)) : K("", !0)
+      ], 2)) : (c(), d(j, { key: 2 }, [
+        f("div", {
+          class: u(s(a).e("trigger-wrapper")),
+          onClick: H
+        }, [
+          le(D.$slots, "trigger", {}, () => [
+            w.value ? (c(), d("button", {
+              key: 0,
+              type: "button",
+              class: u(s(a).e("trigger")),
+              disabled: n.disabled
+            }, [
+              le(D.$slots, "default", {}, () => [
+                $[2] || ($[2] = ve("点击上传", -1))
+              ])
+            ], 10, Ut)) : K("", !0)
+          ])
+        ], 2),
+        n.showFileList && v.value.length > 0 ? (c(), d("ul", {
+          key: 0,
+          class: u(s(a).e("files"))
+        }, [
+          (c(!0), d(j, null, _(v.value, (g) => (c(), d("li", {
+            key: g.uid,
+            class: u([s(a).e("file"), s(a).is(`status-${g.status}`)])
+          }, [
+            n.listType === "text" ? (c(), d(j, { key: 0 }, [
+              f("span", {
+                class: u(s(a).e("file-icon"))
+              }, E(C(g)), 3),
+              f("span", {
+                class: u(s(a).e("file-name"))
+              }, E(g.name), 3),
+              f("span", {
+                class: u(s(a).e("file-size"))
+              }, E(Z(g.size)), 3),
+              g.status === "uploading" ? (c(), d("span", {
+                key: 0,
+                class: u(s(a).e("file-progress"))
+              }, [
+                f("span", {
+                  class: "progress-bar",
+                  style: ae({ width: g.percentage + "%" })
+                }, null, 4),
+                f("span", Wt, E(Math.round(g.percentage || 0)) + "%", 1)
+              ], 2)) : K("", !0),
+              g.status === "success" ? (c(), d("span", {
+                key: 1,
+                class: u(s(a).e("file-success"))
+              }, "✓", 2)) : K("", !0),
+              g.status === "error" ? (c(), d("span", {
+                key: 2,
+                class: u(s(a).e("file-error"))
+              }, "✕", 2)) : K("", !0),
+              f("span", {
+                class: u(s(a).e("file-actions"))
+              }, [
+                f("span", {
+                  class: "action-remove",
+                  onClick: (o) => I(g)
+                }, "✕", 8, Gt)
+              ], 2)
+            ], 64)) : n.listType === "picture" ? (c(), d(j, { key: 1 }, [
+              g.thumbUrl ? (c(), d("img", {
+                key: 0,
+                src: g.thumbUrl,
+                class: u(s(a).e("file-thumb"))
+              }, null, 10, qt)) : (c(), d("span", {
+                key: 1,
+                class: u(s(a).e("file-icon"))
+              }, E(C(g)), 3)),
+              f("div", {
+                class: u(s(a).e("file-info"))
+              }, [
+                f("span", {
+                  class: u(s(a).e("file-name"))
+                }, E(g.name), 3),
+                g.status === "uploading" ? (c(), d("span", {
+                  key: 0,
+                  class: u(s(a).e("file-progress"))
+                }, [
+                  f("span", {
+                    class: "progress-bar",
+                    style: ae({ width: g.percentage + "%" })
+                  }, null, 4)
+                ], 2)) : K("", !0)
+              ], 2),
+              f("span", {
+                class: u(s(a).e("file-actions"))
+              }, [
+                g.status === "success" ? (c(), d("span", jt, "✓")) : K("", !0),
+                f("span", {
+                  class: "action-remove",
+                  onClick: (o) => I(g)
+                }, "✕", 8, Zt)
+              ], 2)
+            ], 64)) : K("", !0)
+          ], 2))), 128))
+        ], 2)) : K("", !0)
+      ], 64)),
+      f("input", {
+        ref_key: "inputRef",
+        ref: y,
+        type: "file",
+        class: u(s(a).e("input")),
+        multiple: n.multiple,
+        accept: n.accept,
+        disabled: n.disabled,
+        onChange: S
+      }, null, 42, Qt),
+      D.$slots.tip ? (c(), d("div", {
+        key: 3,
+        class: u(s(a).e("tip"))
+      }, [
+        le(D.$slots, "tip")
+      ], 2)) : K("", !0)
+    ], 2));
+  }
+}), Jt = ["onMousemove", "onClick"], bl = /* @__PURE__ */ Q({
+  name: "XRate",
+  __name: "index",
+  props: {
+    modelValue: { default: 0 },
+    max: { default: 5 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    allowHalf: { type: Boolean, default: !1 },
+    lowThreshold: { default: 2 },
+    highThreshold: { default: 4 },
+    colors: { default: () => ["#F7BA2A", "#F7BA2A", "#F7BA2A"] },
+    voidColor: { default: "#C6D1DE" },
+    disabledVoidColor: { default: "#EFF2F7" },
+    icon: { default: "★" },
+    voidIcon: { default: "★" },
+    disabledVoidIcon: { default: "★" },
+    showText: { type: Boolean, default: !1 },
+    showScore: { type: Boolean, default: !1 },
+    textColor: { default: "#1F2D3D" },
+    texts: { default: () => ["极差", "失望", "一般", "满意", "惊喜"] },
+    scoreTemplate: { default: "{value}" },
+    size: { default: "default" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(n, { emit: p }) {
+    const e = n, t = p, l = J("rate"), a = A(-1), y = h(() => a.value > -1 ? a.value : e.modelValue), v = h(() => [
+      l.b(),
+      l.m(e.size),
+      l.is("disabled", e.disabled),
+      l.is("readonly", e.readonly)
+    ]), V = (r) => e.disabled ? e.disabledVoidColor : r <= e.lowThreshold ? e.colors[0] : r <= e.highThreshold ? e.colors[1] || e.colors[0] : e.colors[2] || e.colors[1] || e.colors[0], x = (r) => {
+      const k = y.value;
+      return k >= r ? 100 : e.allowHalf && k >= r - 0.5 ? 50 : 0;
+    }, F = (r) => x(r) > 0 ? V(y.value) : e.disabled ? e.disabledVoidColor : e.voidColor, C = h(() => {
+      if (e.showScore)
+        return e.scoreTemplate.replace("{value}", String(e.modelValue));
+      if (e.showText) {
+        const r = Math.min(Math.ceil(e.modelValue || 0), e.max) - 1;
+        return e.texts[Math.max(0, r)] || "";
+      }
+      return "";
+    }), w = (r, k) => {
+      if (!(e.disabled || e.readonly))
+        if (e.allowHalf) {
+          const B = k.currentTarget.getBoundingClientRect(), I = k.clientX - B.left < B.width / 2;
+          a.value = I ? r - 0.5 : r;
+        } else
+          a.value = r;
+    }, b = () => {
+      e.disabled || e.readonly || (a.value = -1);
+    }, S = (r, k) => {
+      if (e.disabled || e.readonly) return;
+      let M;
+      if (e.allowHalf) {
+        const I = k.currentTarget.getBoundingClientRect();
+        M = k.clientX - I.left < I.width / 2 ? r - 0.5 : r;
+      } else
+        M = r;
+      t("update:modelValue", M), t("change", M);
+    };
+    return (r, k) => (c(), d("div", {
+      class: u(v.value),
+      onMouseleave: b
+    }, [
+      f("div", {
+        class: u(s(l).e("items"))
+      }, [
+        (c(!0), d(j, null, _(n.max, (M) => (c(), d("span", {
+          key: M,
+          class: u(s(l).e("item")),
+          onMousemove: (B) => w(M, B),
+          onClick: (B) => S(M, B)
+        }, [
+          f("span", {
+            class: u(s(l).e("void")),
+            style: ae({ color: n.disabled ? n.disabledVoidColor : n.voidColor })
+          }, E(n.disabled ? n.disabledVoidIcon : n.voidIcon), 7),
+          f("span", {
+            class: u([s(l).e("fill"), x(M) > 0 ? "is-active" : ""]),
+            style: ae({
+              color: F(M),
+              clipPath: `inset(0 ${100 - x(M)}% 0 0)`
+            })
+          }, E(n.icon), 7)
+        ], 42, Jt))), 128))
+      ], 2),
+      n.showText || n.showScore ? (c(), d("div", {
+        key: 0,
+        class: u(s(l).e("text")),
+        style: ae({ color: n.textColor })
+      }, E(C.value), 7)) : K("", !0)
+    ], 34));
+  }
+});
+export {
+  rl as Checkbox,
+  il as CheckboxGroup,
+  vl as DatePicker,
+  cl as Form,
+  dl as FormItem,
+  tl as Input,
+  ll as InputNumber,
+  sl as Radio,
+  ol as RadioButton,
+  ul as RadioGroup,
+  bl as Rate,
+  ml as Select,
+  hl as Slider,
+  nl as Switch,
+  al as Textarea,
+  fl as TimePicker,
+  pl as Transfer,
+  gl as Upload
+};