@pungfe/element 0.0.1-alpha.10

package/dist/index.js

@@ -0,0 +1,1192 @@
+import { defineComponent as b, openBlock as m, createBlock as y, unref as h, mergeProps as V, withCtx as v, renderSlot as E, useModel as T, inject as p, mergeModels as B, computed as C, toValue as L, onMounted as K, nextTick as de, getCurrentScope as re, onScopeDispose as ue, getCurrentInstance as G, shallowRef as N, watch as W, createElementBlock as j, Fragment as Y, renderList as J, useSlots as se, createSlots as ce, normalizeProps as O, guardReactiveProps as M, ref as F, provide as $, createVNode as z, resolveComponent as U, createTextVNode as q, useTemplateRef as Z, toDisplayString as fe, normalizeClass as me } from "vue";
+import { ElButton as pe, ElCascader as be, ElCheckboxGroup as ye, ElCheckbox as ve, ElColorPicker as ge, ElDialog as he, ElDivider as Be, ElForm as we, ElFormItem as Ve, ElMessage as ee, ElImage as Ce, ElInput as Ee, ElPagination as Te, ElRate as xe, ElPopconfirm as Xe, ElScrollbar as Se, ElSpace as ze, ElTable as ke, ElTableColumn as Ie, ElTabs as Ae, ElTabPane as $e, ElTag as Oe, ElText as Me, ElUpload as Pe } from "element-plus";
+const Ke = /* @__PURE__ */ b({
+  __name: "XButton",
+  props: {
+    size: {},
+    disabled: { type: Boolean, default: void 0 },
+    type: {},
+    icon: {},
+    nativeType: {},
+    loading: { type: Boolean },
+    loadingIcon: {},
+    plain: { type: Boolean },
+    text: { type: Boolean },
+    link: { type: Boolean },
+    bg: { type: Boolean },
+    autofocus: { type: Boolean },
+    round: { type: Boolean },
+    circle: { type: Boolean },
+    color: {},
+    dark: { type: Boolean },
+    autoInsertSpace: { type: Boolean },
+    tag: {}
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const l = e, n = t;
+    return (o, i) => (m(), y(h(pe), V(l, {
+      onClick: i[0] || (i[0] = (d) => n("click", d))
+    }), {
+      default: v(() => [
+        E(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), P = /* @__PURE__ */ Symbol("X_FORM_ITEM_LABEL"), te = /* @__PURE__ */ Symbol("X_FORM_VALIDATIONS"), k = /* @__PURE__ */ Symbol(
+  "X_FORM_ITEM_VALIDATION"
+), Re = /* @__PURE__ */ Symbol(
+  "X_FORM_TAB_UPDATE_HOOK"
+), ae = /* @__PURE__ */ Symbol("X_TAB_PANES"), le = /* @__PURE__ */ Symbol("X_TAB_PANE"), D = /* @__PURE__ */ Symbol(
+  "X_TABLE_QUERY_UPDATE_HOOK"
+), H = /* @__PURE__ */ Symbol(
+  "X_TABLE_QUERY_EXECUTE_HOOK"
+), Ge = /* @__PURE__ */ b({
+  __name: "XCascader",
+  props: /* @__PURE__ */ B({
+    clearable: {
+      type: Boolean
+    },
+    placeholder: {
+      default: "请选择"
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    props: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ B(["blur", "change"], ["update:modelValue"]),
+  setup(e, {
+    emit: t
+  }) {
+    const l = e, n = t, o = T(e, "modelValue"), i = p(k, void 0);
+    if (i?.required) {
+      const {
+        validator: c,
+        label: r
+      } = i;
+      i.validator = () => o.value ? c?.() : `请输入${r}`;
+    }
+    const d = p(P, void 0), a = p(D, void 0), u = p(H, void 0);
+    a?.on(([c, r]) => d === c && r === void 0 && (o.value = void 0)), u?.on(() => d && a?.trigger([d, o.value]));
+    const s = () => {
+      i?.validate(), n("blur");
+    };
+    return (c, r) => (m(), y(h(be), V(l, {
+      modelValue: o.value,
+      "onUpdate:modelValue": r[0] || (r[0] = (w) => o.value = w),
+      onBlur: s
+    }), null, 16, ["modelValue"]));
+  }
+});
+function Le(e, t) {
+  return re() ? (ue(e, t), !0) : !1;
+}
+const Ue = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+function Fe(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function De(e) {
+  return G();
+}
+function He(e, t = !0, l) {
+  De() ? K(e, l) : t ? e() : de(e);
+}
+// @__NO_SIDE_EFFECTS__
+function Q(e, t) {
+  return C(() => L(e).map((l) => L(l)).map(t));
+}
+const oe = Ue ? window : void 0;
+function I(e) {
+  var t;
+  const l = L(e);
+  return (t = l?.$el) !== null && t !== void 0 ? t : l;
+}
+// @__NO_SIDE_EFFECTS__
+function _e() {
+  const e = N(!1), t = G();
+  return t && K(() => {
+    e.value = !0;
+  }, t), e;
+}
+// @__NO_SIDE_EFFECTS__
+function Ne(e) {
+  const t = /* @__PURE__ */ _e();
+  return C(() => (t.value, !!e()));
+}
+function qe(e, t, l = {}) {
+  const { window: n = oe, ...o } = l;
+  let i;
+  const d = /* @__PURE__ */ Ne(() => n && "ResizeObserver" in n), a = () => {
+    i && (i.disconnect(), i = void 0);
+  }, u = W(C(() => {
+    const c = L(e);
+    return Array.isArray(c) ? c.map((r) => I(r)) : [I(c)];
+  }), (c) => {
+    if (a(), d.value && n) {
+      i = new ResizeObserver(t);
+      for (const r of c) r && i.observe(r, o);
+    }
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), s = () => {
+    a(), u();
+  };
+  return Le(s), {
+    isSupported: d,
+    stop: s
+  };
+}
+function Qe(e, t = {
+  width: 0,
+  height: 0
+}, l = {}) {
+  const { window: n = oe, box: o = "content-box" } = l, i = C(() => {
+    var r;
+    return (r = I(e)) === null || r === void 0 || (r = r.namespaceURI) === null || r === void 0 ? void 0 : r.includes("svg");
+  }), d = N(t.width), a = N(t.height), { stop: u } = qe(e, ([r]) => {
+    const w = o === "border-box" ? r.borderBoxSize : o === "content-box" ? r.contentBoxSize : r.devicePixelContentBoxSize;
+    if (n && i.value) {
+      const x = I(e);
+      if (x) {
+        const X = x.getBoundingClientRect();
+        d.value = X.width, a.value = X.height;
+      }
+    } else if (w) {
+      const x = Fe(w);
+      d.value = x.reduce((X, { inlineSize: A }) => X + A, 0), a.value = x.reduce((X, { blockSize: A }) => X + A, 0);
+    } else
+      d.value = r.contentRect.width, a.value = r.contentRect.height;
+  }, l);
+  He(() => {
+    const r = I(e);
+    r && (d.value = "offsetWidth" in r ? r.offsetWidth : t.width, a.value = "offsetHeight" in r ? r.offsetHeight : t.height);
+  });
+  const s = W(() => I(e), (r) => {
+    d.value = r ? t.width : 0, a.value = r ? t.height : 0;
+  });
+  function c() {
+    u(), s();
+  }
+  return {
+    width: d,
+    height: a,
+    stop: c
+  };
+}
+const Ye = /* @__PURE__ */ b({
+  __name: "XCheckbox",
+  props: /* @__PURE__ */ B({
+    data: {},
+    factory: {
+      type: Function
+    },
+    identify: {
+      type: Function
+    },
+    ariaControls: {},
+    label: {},
+    value: {},
+    indeterminate: {
+      type: Boolean
+    },
+    disabled: {
+      type: Boolean
+    },
+    checked: {
+      type: Boolean
+    },
+    name: {},
+    trueValue: {},
+    falseValue: {},
+    trueLabel: {},
+    falseLabel: {},
+    id: {},
+    border: {
+      type: Boolean
+    },
+    size: {},
+    tabindex: {},
+    validateEvent: {
+      type: Boolean
+    },
+    ariaLabel: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = T(e, "modelValue"), l = /* @__PURE__ */ Q(() => e.data, e.factory), n = C(() => [...l.value]), o = (s) => {
+      if (typeof s == "object") {
+        if (e.identify)
+          return e.identify(s);
+        throw new Error("`identify` is required when value's type extends `object` or `object[]`");
+      } else
+        return s;
+    }, i = (s) => n.value.map((c) => c.value).find((c) => o(c) === s), d = C(() => n.value.map((s) => {
+      const c = o(s.value);
+      return {
+        ...s,
+        key: c,
+        value: c
+      };
+    })), a = C({
+      get: () => t.value && t.value.map(o),
+      set: (s) => t.value = Array.isArray(s) ? s.map((c) => i(c)) : []
+    }), u = p(k, void 0);
+    if (u?.required) {
+      const {
+        validator: s,
+        label: c
+      } = u;
+      u.validator = () => !t.value || Array.isArray(t.value) && t.value.length === 0 ? `请选择${c}` : s?.();
+    }
+    return (s, c) => (m(), y(h(ye), V({
+      modelValue: a.value,
+      "onUpdate:modelValue": c[0] || (c[0] = (r) => a.value = r)
+    }, {
+      disabled: e.disabled,
+      size: e.size
+    }), {
+      default: v(() => [(m(!0), j(Y, null, J(d.value, (r) => (m(), y(h(ve), {
+        key: r.key,
+        disabled: r.disabled,
+        label: r.label,
+        value: r.value
+      }, null, 8, ["disabled", "label", "value"]))), 128))]),
+      _: 1
+    }, 16, ["modelValue"]));
+  }
+}), Je = /* @__PURE__ */ b({
+  __name: "XColorPicker",
+  props: /* @__PURE__ */ B({
+    clearable: {
+      type: Boolean
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, l = T(e, "modelValue"), n = p(k, void 0);
+    if (n?.required) {
+      const {
+        validator: a,
+        label: u
+      } = n;
+      n.validator = () => l.value ? a?.() : `请输入${u}`;
+    }
+    const o = p(P, void 0), i = p(D, void 0), d = p(H, void 0);
+    return i?.on(([a, u]) => o === a && u === void 0 && (l.value = void 0)), d?.on(() => o && i?.trigger([o, l.value])), (a, u) => (m(), y(h(ge), V(t, {
+      modelValue: l.value,
+      "onUpdate:modelValue": u[0] || (u[0] = (s) => l.value = s)
+    }), null, 16, ["modelValue"]));
+  }
+}), Ze = /* @__PURE__ */ b({
+  __name: "XDialog",
+  props: /* @__PURE__ */ B({
+    title: {},
+    bodyClass: {}
+  }, {
+    modelValue: {
+      type: Boolean
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const {
+      header: t,
+      footer: l
+    } = se(), n = T(e, "modelValue");
+    return (o, i) => (m(), y(h(he), {
+      modelValue: n.value,
+      "onUpdate:modelValue": i[0] || (i[0] = (d) => n.value = d),
+      title: e.title,
+      "body-class": `flex flex-col ${e.bodyClass}`
+    }, ce({
+      default: v(() => [E(o.$slots, "default")]),
+      _: 2
+    }, [t ? {
+      name: "header",
+      fn: v(() => [E(o.$slots, "header")]),
+      key: "0"
+    } : void 0, l ? {
+      name: "footer",
+      fn: v(() => [E(o.$slots, "footer")]),
+      key: "1"
+    } : void 0]), 1032, ["modelValue", "title", "body-class"]));
+  }
+}), et = /* @__PURE__ */ b({
+  __name: "XDivider",
+  props: {
+    direction: {},
+    contentPosition: {},
+    borderStyle: {}
+  },
+  setup(e) {
+    const t = e;
+    return (l, n) => (m(), y(h(Be), O(M(t)), {
+      default: v(() => [
+        E(l.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), tt = /* @__PURE__ */ b((e, {
+  expose: t
+}) => {
+  const l = p(le, void 0), n = p(Re, void 0), o = F(), i = {
+    label: e.label,
+    required: e.required,
+    clearValidate() {
+      o.value = void 0;
+    },
+    validate() {
+      return o.value = i.validator?.() ?? void 0, o.value && l?.name && (ee({
+        plain: !0,
+        type: "warning",
+        message: o.value
+      }), n?.trigger(l.name)), !o.value;
+    }
+  };
+  return p(te, void 0)?.push(i), $(k, i), t({
+    ...i
+  }), $(P, e.label), () => z(Ve, V({
+    label: e.label,
+    labelPosition: e.labelPosition,
+    labelWidth: e.labelWidth,
+    required: e.required
+  }, {
+    error: o.value
+  }), {
+    label: () => e.label,
+    default: () => e.content?.()
+  });
+}, {
+  props: ["label", "required", "content", "tooltip"]
+}), at = /* @__PURE__ */ b({
+  __name: "XForm",
+  props: {
+    content: {
+      type: Function
+    },
+    data: {
+      default: () => () => {
+      }
+    },
+    disabled: {
+      type: Boolean
+    },
+    inline: {
+      type: Boolean
+    },
+    labelWidth: {},
+    labelPosition: {},
+    statusIcon: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e, {
+    expose: t
+  }) {
+    const l = F(), n = [];
+    $(te, n);
+    const o = () => n.every((a) => a.validate()), i = () => {
+      l.value?.resetFields(), n.forEach((a) => a.clearValidate());
+    };
+    t({
+      data: e.data,
+      validate: o,
+      resetFields: i
+    });
+    const d = () => e.content?.({
+      data: e.data
+    });
+    return (a, u) => (m(), y(h(we), V({
+      ref_key: "form",
+      ref: l
+    }, {
+      inline: e.inline,
+      disabled: e.disabled,
+      labelWidth: e.labelWidth,
+      model: e.data,
+      labelPosition: e.labelPosition,
+      statusIcon: e.statusIcon
+    }), {
+      default: v(() => [z(d)]),
+      _: 1
+    }, 16));
+  }
+}), lt = /* @__PURE__ */ b({
+  __name: "XImage",
+  props: {
+    hideOnClickModal: { type: Boolean },
+    src: {},
+    fit: {},
+    loading: {},
+    lazy: { type: Boolean },
+    scrollContainer: {},
+    previewSrcList: {},
+    previewTeleported: { type: Boolean },
+    zIndex: {},
+    initialIndex: {},
+    infinite: { type: Boolean },
+    closeOnPressEscape: { type: Boolean },
+    zoomRate: {},
+    scale: {},
+    minScale: {},
+    maxScale: {},
+    showProgress: { type: Boolean },
+    crossorigin: {}
+  },
+  setup(e) {
+    const t = e;
+    return (l, n) => (m(), y(h(Ce), O(M(t)), null, 16));
+  }
+}), ot = /* @__PURE__ */ b({
+  __name: "XInput",
+  props: /* @__PURE__ */ B({
+    clearable: {
+      type: Boolean
+    },
+    placeholder: {
+      default: "请输入"
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    size: {},
+    type: {},
+    showPassword: {
+      type: Boolean
+    },
+    autosize: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ B(["blur", "change"], ["update:modelValue"]),
+  setup(e, {
+    emit: t
+  }) {
+    const l = e, n = t, o = T(e, "modelValue"), i = p(k, void 0);
+    if (i?.required) {
+      const {
+        validator: r,
+        label: w
+      } = i;
+      i.validator = () => o.value ? r?.() : `请输入${w}`;
+    }
+    const d = p(P, void 0), a = p(D, void 0), u = p(H, void 0);
+    a?.on(([r, w]) => d === r && w === void 0 && (o.value = void 0)), u?.on(() => d && a?.trigger([d, o.value]));
+    const s = (r) => n("change", r), c = () => {
+      i?.validate(), n("blur");
+    };
+    return (r, w) => (m(), y(h(Ee), V(l, {
+      modelValue: o.value,
+      "onUpdate:modelValue": w[0] || (w[0] = (x) => o.value = x),
+      onBlur: c,
+      onChange: s
+    }), null, 16, ["modelValue"]));
+  }
+}), nt = /* @__PURE__ */ b({
+  __name: "XInputNumber",
+  props: /* @__PURE__ */ B({
+    placeholder: {
+      default: "请输入"
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    align: {
+      default: "left"
+    },
+    size: {},
+    step: {},
+    max: {},
+    min: {},
+    controls: {
+      type: Boolean
+    },
+    precision: {},
+    stepStrictly: {
+      type: Boolean
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ B(["blur"], ["update:modelValue"]),
+  setup(e, {
+    emit: t
+  }) {
+    const l = e, n = t, o = T(e, "modelValue"), i = p(k, void 0);
+    if (i?.required) {
+      const {
+        validator: a,
+        label: u
+      } = i;
+      i.validator = () => o.value === void 0 ? `请输入${u}` : a?.();
+    }
+    const d = () => {
+      i?.validate(), n("blur");
+    };
+    return (a, u) => {
+      const s = U("ElInputNumber");
+      return m(), y(s, V(l, {
+        modelValue: o.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => o.value = c),
+        onBlur: d
+      }), null, 16, ["modelValue"]);
+    };
+  }
+}), it = /* @__PURE__ */ b({
+  __name: "XPagination",
+  props: /* @__PURE__ */ B({
+    sizes: { default: () => [20, 50, 100] },
+    pageSize: {},
+    defaultPageSize: {},
+    total: {},
+    pageCount: {},
+    pagerCount: {},
+    currentPage: {},
+    defaultCurrentPage: {},
+    layout: { default: "prev, pager, next, jumper, ->, total" },
+    popperClass: {},
+    popperStyle: {},
+    prevText: {},
+    prevIcon: {},
+    nextText: {},
+    nextIcon: {},
+    teleported: { type: Boolean },
+    small: { type: Boolean },
+    size: {},
+    background: { type: Boolean, default: !0 },
+    disabled: { type: Boolean },
+    hideOnSinglePage: { type: Boolean },
+    appendSizeTo: {}
+  }, {
+    size: {},
+    sizeModifiers: {},
+    current: {},
+    currentModifiers: {}
+  }),
+  emits: /* @__PURE__ */ B(["sizeChange", "currentChange"], ["update:size", "update:current"]),
+  setup(e, { emit: t }) {
+    const l = t, n = T(e, "size"), o = T(e, "current");
+    return (i, d) => (m(), y(h(Te), V({ background: e.background, pageSizes: e.sizes, layout: e.layout, total: e.total }, {
+      "current-page": o.value,
+      "onUpdate:currentPage": d[0] || (d[0] = (a) => o.value = a),
+      "page-size": n.value,
+      "onUpdate:pageSize": d[1] || (d[1] = (a) => n.value = a),
+      onSizeChange: d[2] || (d[2] = (a) => l("sizeChange", a)),
+      onCurrentChange: d[3] || (d[3] = (a) => l("currentChange", a))
+    }), null, 16, ["current-page", "page-size"]));
+  }
+}), dt = /* @__PURE__ */ b({
+  __name: "XRate",
+  props: /* @__PURE__ */ B({
+    ariaLabel: {},
+    id: {},
+    lowThreshold: {},
+    highThreshold: {},
+    max: {},
+    colors: {},
+    voidColor: {},
+    disabledVoidColor: {},
+    icons: {},
+    voidIcon: {},
+    disabledVoidIcon: {},
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    allowHalf: {
+      type: Boolean
+    },
+    showText: {
+      type: Boolean
+    },
+    showScore: {
+      type: Boolean
+    },
+    textColor: {},
+    texts: {},
+    scoreTemplate: {},
+    size: {},
+    clearable: {
+      type: Boolean
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, l = T(e, "modelValue");
+    return (n, o) => (m(), y(h(xe), V(t, {
+      modelValue: l.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (i) => l.value = i)
+    }), null, 16, ["modelValue"]));
+  }
+}), rt = /* @__PURE__ */ b({
+  __name: "XReconfirm",
+  props: {
+    title: { default: "是否执行?" }
+  },
+  emits: ["cancel", "confirm"],
+  setup(e, { emit: t }) {
+    const l = t;
+    return (n, o) => {
+      const i = U("XButton");
+      return m(), y(h(Xe), {
+        title: e.title,
+        onCancel: o[0] || (o[0] = () => l("cancel")),
+        onConfirm: o[1] || (o[1] = () => l("confirm"))
+      }, {
+        reference: v(() => [
+          E(n.$slots, "default")
+        ]),
+        actions: v(({ confirm: d, cancel: a }) => [
+          z(i, {
+            size: "small",
+            onClick: a
+          }, {
+            default: v(() => [...o[2] || (o[2] = [
+              q(" 取消 ", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"]),
+          z(i, {
+            type: "danger",
+            size: "small",
+            onClick: d
+          }, {
+            default: v(() => [...o[3] || (o[3] = [
+              q(" 确定 ", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 3
+      }, 8, ["title"]);
+    };
+  }
+}), ut = /* @__PURE__ */ b({
+  __name: "XScrollbar",
+  props: {
+    ariaLabel: {},
+    ariaOrientation: {},
+    distance: {},
+    height: {},
+    maxHeight: {},
+    native: {
+      type: Boolean
+    },
+    wrapStyle: {},
+    wrapClass: {},
+    viewClass: {},
+    viewStyle: {},
+    noresize: {
+      type: Boolean
+    },
+    tag: {},
+    always: {
+      type: Boolean
+    },
+    minSize: {},
+    tabindex: {},
+    id: {},
+    role: {}
+  },
+  setup(e, {
+    expose: t
+  }) {
+    const l = e, n = Z("scrollbar"), o = C(() => n.value?.wrapRef), i = C(() => o.value?.firstElementChild);
+    return t({
+      wrapRef: o,
+      viewRef: i
+    }), (d, a) => (m(), y(h(Se), V({
+      ref: "scrollbar"
+    }, l), {
+      default: v(() => [E(d.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), st = /* @__PURE__ */ b({
+  __name: "XSelect",
+  props: /* @__PURE__ */ B({
+    data: {},
+    factory: {
+      type: Function
+    },
+    identify: {
+      type: Function
+    },
+    supplement: {
+      type: Function
+    },
+    ariaLabel: {},
+    emptyValues: {},
+    valueOnClear: {},
+    name: {},
+    id: {},
+    autocomplete: {},
+    automaticDropdown: {
+      type: Boolean
+    },
+    size: {},
+    effect: {},
+    disabled: {
+      type: Boolean,
+      default: () => {
+      }
+    },
+    clearable: {
+      type: Boolean
+    },
+    filterable: {
+      type: Boolean
+    },
+    allowCreate: {
+      type: Boolean
+    },
+    loading: {
+      type: Boolean
+    },
+    popperClass: {},
+    popperStyle: {},
+    popperOptions: {},
+    remote: {
+      type: Boolean
+    },
+    debounce: {},
+    loadingText: {},
+    noMatchText: {},
+    noDataText: {},
+    remoteMethod: {},
+    filterMethod: {},
+    multiple: {
+      type: Boolean
+    },
+    multipleLimit: {},
+    placeholder: {
+      default: "请选择"
+    },
+    defaultFirstOption: {
+      type: Boolean
+    },
+    reserveKeyword: {
+      type: Boolean
+    },
+    valueKey: {},
+    collapseTags: {
+      type: Boolean
+    },
+    collapseTagsTooltip: {
+      type: Boolean
+    },
+    maxCollapseTags: {},
+    teleported: {
+      type: Boolean
+    },
+    persistent: {
+      type: Boolean
+    },
+    clearIcon: {},
+    fitInputWidth: {
+      type: Boolean
+    },
+    suffixIcon: {},
+    tagType: {},
+    tagEffect: {},
+    validateEvent: {
+      type: Boolean
+    },
+    remoteShowSuffix: {
+      type: Boolean
+    },
+    showArrow: {
+      type: Boolean
+    },
+    offset: {},
+    placement: {},
+    fallbackPlacements: {},
+    tabindex: {},
+    appendTo: {},
+    options: {},
+    props: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ B(["blur", "change"], ["update:modelValue"]),
+  setup(e, {
+    emit: t
+  }) {
+    const l = t, n = T(e, "modelValue"), o = F([]), i = /* @__PURE__ */ Q(() => e.data, e.factory), d = C(() => [...(/* @__PURE__ */ Q(o, e.factory)).value, ...i.value]), a = (f) => {
+      if (typeof f == "object") {
+        if (e.identify)
+          return e.identify(f);
+        throw new Error("`identify` is required when value's type extends `object` or `object[]`");
+      } else
+        return f;
+    }, u = (f) => d.value.map((g) => g.value).find((g) => a(g) === f);
+    let s = 0;
+    W([n, i], async () => {
+      if (s++, n.value) {
+        const f = [].concat(n.value).filter((_) => !i.value.map((S) => a(S.value)).includes(a(_))), g = s, R = await e.supplement?.(f);
+        g === s && R && (o.value = R);
+      } else
+        o.value = [];
+    }, {
+      immediate: !0
+    });
+    const c = C(() => d.value.map((f) => {
+      const g = a(f.value);
+      return {
+        ...f,
+        key: g,
+        value: g
+      };
+    })), r = C({
+      get: () => n.value && (Array.isArray(n.value) ? n.value.map(a) : a(n.value)),
+      set: (f) => {
+        Array.isArray(f) ? n.value = f.map((g) => u(g)) : n.value = f === void 0 ? void 0 : u(f) || (e.allowCreate ? f : void 0);
+      }
+    }), w = p(k, void 0);
+    if (w?.required) {
+      const {
+        validator: f,
+        label: g
+      } = w;
+      w.validator = () => !n.value || Array.isArray(n.value) && n.value.length === 0 ? `请选择${g}` : f?.();
+    }
+    const x = p(P, void 0), X = p(D, void 0), A = p(H, void 0);
+    X?.on(([f, g]) => x === f && g === void 0 && (r.value = void 0)), A?.on(() => x && X?.trigger([x, r.value === void 0 ? void 0 : [].concat(r.value).map((f) => c.value.find((g) => g.value === f).label).join(",")]));
+    const ne = (f) => l("change", f), ie = () => {
+      w?.validate(), l("blur");
+    };
+    return (f, g) => {
+      const R = U("ElOption"), _ = U("ElSelect");
+      return m(), y(_, V({
+        allowCreate: e.allowCreate,
+        clearable: e.clearable,
+        filterable: e.filterable,
+        remote: e.remote,
+        remoteMethod: e.remoteMethod,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        size: e.size,
+        loading: e.loading,
+        multiple: e.multiple,
+        collapseTags: e.collapseTags,
+        collapseTagsTooltip: e.collapseTags
+      }, {
+        modelValue: r.value,
+        "onUpdate:modelValue": g[0] || (g[0] = (S) => r.value = S),
+        onBlur: ie,
+        onChange: ne
+      }), {
+        default: v(() => [(m(!0), j(Y, null, J(c.value, (S) => (m(), y(R, {
+          key: S.key,
+          label: S.label,
+          value: S.value
+        }, {
+          default: v(() => [q(fe(S.label), 1)]),
+          _: 2
+        }, 1032, ["label", "value"]))), 128))]),
+        _: 1
+      }, 16, ["modelValue"]);
+    };
+  }
+}), ct = /* @__PURE__ */ b({
+  __name: "XSpace",
+  props: {
+    direction: {},
+    class: {},
+    style: {},
+    alignment: {},
+    prefixCls: {},
+    spacer: {},
+    wrap: {
+      type: Boolean
+    },
+    fill: {
+      type: Boolean
+    },
+    fillRatio: {},
+    size: {}
+  },
+  setup(e) {
+    const t = e;
+    return (l, n) => (m(), y(h(ze), O(M(t)), {
+      default: v(() => [E(l.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), ft = /* @__PURE__ */ b({
+  __name: "XTable",
+  props: {
+    data: {},
+    height: {},
+    columns: {},
+    showOverflowTooltip: {
+      type: Boolean
+    },
+    border: {
+      type: Boolean
+    },
+    highlightCurrentRow: {
+      type: Boolean
+    },
+    spanMethod: {
+      type: Function
+    }
+  },
+  emits: ["rowClick", "selectionChange", "headerDragend"],
+  setup(e, {
+    emit: t
+  }) {
+    const l = t, n = Z("container"), o = F(), i = Qe(n), d = C(() => e.height ?? i.height.value), a = () => z(ke, V({
+      ref: o
+    }, {
+      data: e.data,
+      height: d.value,
+      showOverflowTooltip: e.showOverflowTooltip,
+      border: e.border,
+      highlightCurrentRow: e.highlightCurrentRow,
+      spanMethod: e.spanMethod
+    }, {
+      "onRow-click": (u) => l("rowClick", u),
+      "onSelection-change": (u) => l("selectionChange", u),
+      "onHeader-dragend": (u, s, c) => l("headerDragend", u, s, c)
+    }), {
+      default: () => e.columns.map((u) => z(Ie, u, {
+        default: ({
+          $index: s,
+          row: c
+        }) => u.content?.({
+          index: s,
+          row: c
+        }),
+        header: () => u.header?.({
+          column: u
+        }) ?? u.label
+      }))
+    });
+    return (u, s) => (m(), j("div", {
+      ref_key: "container",
+      ref: n,
+      class: me([e.height === void 0 && "h-full"])
+    }, [z(a)], 2));
+  }
+}), mt = /* @__PURE__ */ b((e, {
+  slots: t
+}) => {
+  const l = {
+    ...e
+  };
+  return p(ae, void 0)?.push(l), $(le, l), () => z($e, e, {
+    ...t
+  });
+}, {
+  props: ["label", "name", "closable", "lazy", "disabled"]
+}), pt = /* @__PURE__ */ b({
+  __name: "XTabs",
+  props: /* @__PURE__ */ B({
+    type: {},
+    defaultValue: {},
+    addable: {
+      type: Boolean,
+      default: () => {
+      }
+    },
+    editable: {
+      type: Boolean,
+      default: () => {
+      }
+    },
+    tabPosition: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ B(["tabChange", "tabRemove"], ["update:modelValue"]),
+  setup(e, {
+    emit: t
+  }) {
+    const l = t, n = T(e, "modelValue");
+    return $(ae, []), (i, d) => (m(), y(h(Ae), V({
+      addable: e.addable,
+      editable: e.editable,
+      type: e.type,
+      defaultValue: e.defaultValue,
+      tabPosition: e.tabPosition
+    }, {
+      modelValue: n.value,
+      "onUpdate:modelValue": d[0] || (d[0] = (a) => n.value = a),
+      onTabChange: d[1] || (d[1] = (a) => l("tabChange", a)),
+      onTabRemove: d[2] || (d[2] = (a) => l("tabRemove", a))
+    }), {
+      default: v(() => [E(i.$slots, "default")]),
+      _: 3
+    }, 16, ["modelValue"]));
+  }
+}), bt = /* @__PURE__ */ b({
+  __name: "XTag",
+  props: {
+    type: {},
+    color: {},
+    closable: { type: Boolean, default: () => {
+    } },
+    round: { type: Boolean, default: () => {
+    } }
+  },
+  emits: ["close"],
+  setup(e) {
+    return (t, l) => (m(), y(h(Oe), V({ type: e.type, color: e.color, closable: e.closable, round: e.round }, {
+      onClose: l[0] || (l[0] = (n) => t.$emit("close"))
+    }), {
+      default: v(() => [
+        E(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), yt = /* @__PURE__ */ b({
+  __name: "XText",
+  props: {
+    type: {},
+    size: {},
+    truncated: { type: Boolean, default: () => {
+    } }
+  },
+  setup(e) {
+    return (t, l) => (m(), y(h(Me), O(M({ type: e.type, size: e.size, truncated: e.truncated })), {
+      default: v(() => [
+        E(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), vt = /* @__PURE__ */ b({
+  __name: "XUpload",
+  props: /* @__PURE__ */ B({
+    action: {},
+    data: {
+      type: Function
+    },
+    disabled: {
+      type: Boolean,
+      default: () => {
+      }
+    },
+    limit: {},
+    multiple: {
+      type: Boolean
+    },
+    showFileList: {
+      type: Boolean,
+      default: !0
+    },
+    drag: {
+      type: Boolean
+    },
+    accept: {},
+    listType: {},
+    maxSize: {
+      default: () => 1 / 0
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = T(e, "modelValue"), l = C(() => [].concat(t.value ?? []).reverse().map((a) => ({
+      name: a.split("/").findLast(() => !0),
+      url: a,
+      uid: Number(a.slice(0, a.lastIndexOf("/")).split("/").findLast(() => !0))
+    }))), n = p(k, void 0);
+    if (n?.required) {
+      const {
+        validator: a,
+        label: u
+      } = n;
+      n.validator = () => !t.value || Array.isArray(t.value) && t.value.length === 0 ? `请上传${u}` : a?.();
+    }
+    const o = (a) => (a.size > e.maxSize && ee.warning("文件过大,请重新选择"), a.size < e.maxSize), i = (a) => window.open(a.url), d = (a, u) => {
+      t.value = Array.isArray(t.value) ? u.map((s) => s.url) : void 0;
+    };
+    return (a, u) => (m(), y(h(Pe), O(M({
+      limit: e.limit,
+      disabled: e.disabled,
+      data: e.data,
+      maxSize: e.maxSize,
+      showFileList: e.showFileList,
+      fileList: l.value,
+      beforeUpload: o,
+      onPreview: i,
+      onRemove: d
+    })), {
+      file: v(({
+        file: s
+      }) => [E(a.$slots, "file", {
+        file: s
+      })]),
+      default: v(() => [E(a.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  Ke as XButton,
+  Ge as XCascader,
+  Ye as XCheckbox,
+  Je as XColorPicker,
+  Ze as XDialog,
+  et as XDivider,
+  at as XForm,
+  tt as XFormItem,
+  lt as XImage,
+  ot as XInput,
+  nt as XInputNumber,
+  it as XPagination,
+  dt as XRate,
+  rt as XReconfirm,
+  ut as XScrollbar,
+  st as XSelect,
+  ct as XSpace,
+  mt as XTabPane,
+  ft as XTable,
+  pt as XTabs,
+  bt as XTag,
+  yt as XText,
+  vt as XUpload,
+  P as X_FORM_ITEM_LABEL,
+  k as X_FORM_ITEM_VALIDATION,
+  Re as X_FORM_TAB_UPDATE_HOOK,
+  te as X_FORM_VALIDATIONS,
+  H as X_TABLE_QUERY_EXECUTE_HOOK,
+  D as X_TABLE_QUERY_UPDATE_HOOK,
+  le as X_TAB_PANE,
+  ae as X_TAB_PANES
+};