@pungfe/element 0.0.1-alpha.4

package/dist/index.js

@@ -0,0 +1,1382 @@
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, useModel, inject, mergeModels, computed, toValue, onMounted, nextTick, getCurrentScope, onScopeDispose, getCurrentInstance, shallowRef, watch, createElementBlock, Fragment, renderList, useSlots, createSlots, normalizeProps, guardReactiveProps, ref, provide, createVNode, resolveComponent, createTextVNode, useTemplateRef, toDisplayString, normalizeClass } from "vue";
+import { ElButton, ElCascader, ElCheckboxGroup, ElCheckbox, ElColorPicker, ElDialog, ElDivider, ElForm, ElFormItem, ElMessage, ElImage, ElInput, ElPagination, ElRate, ElPopconfirm, ElScrollbar, ElSpace, ElTable, ElTableColumn, ElTabs, ElText, ElUpload } from "element-plus";
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __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(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElButton), mergeProps(props, {
+        onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const X_FORM_ITEM_LABEL = /* @__PURE__ */ Symbol("X_FORM_ITEM_LABEL");
+const X_FORM_VALIDATIONS = /* @__PURE__ */ Symbol("X_FORM_VALIDATIONS");
+const X_FORM_ITEM_VALIDATION = /* @__PURE__ */ Symbol(
+  "X_FORM_ITEM_VALIDATION"
+);
+const X_FORM_TAB_UPDATE_HOOK = /* @__PURE__ */ Symbol(
+  "X_FORM_TAB_UPDATE_HOOK"
+);
+const X_TAB_PANES = /* @__PURE__ */ Symbol("X_TAB_PANES");
+const X_TAB_PANE = /* @__PURE__ */ Symbol("X_TAB_PANE");
+const X_TABLE_QUERY_UPDATE_HOOK = /* @__PURE__ */ Symbol(
+  "X_TABLE_QUERY_UPDATE_HOOK"
+);
+const X_TABLE_QUERY_EXECUTE_HOOK = /* @__PURE__ */ Symbol(
+  "X_TABLE_QUERY_EXECUTE_HOOK"
+);
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "XCascader",
+  props: /* @__PURE__ */ mergeModels({
+    clearable: {
+      type: Boolean
+    },
+    placeholder: {
+      default: "请选择"
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    props: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["blur", "change"], ["update:modelValue"]),
+  setup(__props, {
+    emit: __emit
+  }) {
+    const props = __props;
+    const emit = __emit;
+    const model = useModel(__props, "modelValue");
+    const formItemValidation = inject(X_FORM_ITEM_VALIDATION, void 0);
+    if (formItemValidation?.required) {
+      const {
+        validator,
+        label
+      } = formItemValidation;
+      formItemValidation.validator = () => {
+        if (!model.value) {
+          return `请输入${label}`;
+        }
+        return validator?.();
+      };
+    }
+    const formItemLabel = inject(X_FORM_ITEM_LABEL, void 0);
+    const tableQueryUpdateHook = inject(X_TABLE_QUERY_UPDATE_HOOK, void 0);
+    const tableQueryExecuteHook = inject(X_TABLE_QUERY_EXECUTE_HOOK, void 0);
+    tableQueryUpdateHook?.on(([label, value]) => formItemLabel === label && value === void 0 && (model.value = void 0));
+    tableQueryExecuteHook?.on(() => formItemLabel && tableQueryUpdateHook?.trigger([formItemLabel, model.value]));
+    const blur = () => {
+      formItemValidation?.validate();
+      emit("blur");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCascader), mergeProps(props, {
+        modelValue: model.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+        onBlur: blur
+      }), null, 16, ["modelValue"]);
+    };
+  }
+});
+function tryOnScopeDispose(fn, failSilently) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn, failSilently);
+    return true;
+  }
+  return false;
+}
+const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+function toArray(value) {
+  return Array.isArray(value) ? value : [value];
+}
+function getLifeCycleTarget(target) {
+  return getCurrentInstance();
+}
+function tryOnMounted(fn, sync = true, target) {
+  if (getLifeCycleTarget()) onMounted(fn, target);
+  else if (sync) fn();
+  else nextTick(fn);
+}
+// @__NO_SIDE_EFFECTS__
+function useArrayMap(list, fn) {
+  return computed(() => toValue(list).map((i) => toValue(i)).map(fn));
+}
+const defaultWindow = isClient ? window : void 0;
+function unrefElement(elRef) {
+  var _$el;
+  const plain = toValue(elRef);
+  return (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain;
+}
+// @__NO_SIDE_EFFECTS__
+function useMounted() {
+  const isMounted = shallowRef(false);
+  const instance = getCurrentInstance();
+  if (instance) onMounted(() => {
+    isMounted.value = true;
+  }, instance);
+  return isMounted;
+}
+// @__NO_SIDE_EFFECTS__
+function useSupported(callback) {
+  const isMounted = /* @__PURE__ */ useMounted();
+  return computed(() => {
+    isMounted.value;
+    return Boolean(callback());
+  });
+}
+function useResizeObserver(target, callback, options = {}) {
+  const { window: window$1 = defaultWindow, ...observerOptions } = options;
+  let observer;
+  const isSupported = /* @__PURE__ */ useSupported(() => window$1 && "ResizeObserver" in window$1);
+  const cleanup = () => {
+    if (observer) {
+      observer.disconnect();
+      observer = void 0;
+    }
+  };
+  const stopWatch = watch(computed(() => {
+    const _targets = toValue(target);
+    return Array.isArray(_targets) ? _targets.map((el) => unrefElement(el)) : [unrefElement(_targets)];
+  }), (els) => {
+    cleanup();
+    if (isSupported.value && window$1) {
+      observer = new ResizeObserver(callback);
+      for (const _el of els) if (_el) observer.observe(_el, observerOptions);
+    }
+  }, {
+    immediate: true,
+    flush: "post"
+  });
+  const stop = () => {
+    cleanup();
+    stopWatch();
+  };
+  tryOnScopeDispose(stop);
+  return {
+    isSupported,
+    stop
+  };
+}
+function useElementSize(target, initialSize = {
+  width: 0,
+  height: 0
+}, options = {}) {
+  const { window: window$1 = defaultWindow, box = "content-box" } = options;
+  const isSVG = computed(() => {
+    var _unrefElement;
+    return (_unrefElement = unrefElement(target)) === null || _unrefElement === void 0 || (_unrefElement = _unrefElement.namespaceURI) === null || _unrefElement === void 0 ? void 0 : _unrefElement.includes("svg");
+  });
+  const width = shallowRef(initialSize.width);
+  const height = shallowRef(initialSize.height);
+  const { stop: stop1 } = useResizeObserver(target, ([entry]) => {
+    const boxSize = box === "border-box" ? entry.borderBoxSize : box === "content-box" ? entry.contentBoxSize : entry.devicePixelContentBoxSize;
+    if (window$1 && isSVG.value) {
+      const $elem = unrefElement(target);
+      if ($elem) {
+        const rect = $elem.getBoundingClientRect();
+        width.value = rect.width;
+        height.value = rect.height;
+      }
+    } else if (boxSize) {
+      const formatBoxSize = toArray(boxSize);
+      width.value = formatBoxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);
+      height.value = formatBoxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);
+    } else {
+      width.value = entry.contentRect.width;
+      height.value = entry.contentRect.height;
+    }
+  }, options);
+  tryOnMounted(() => {
+    const ele = unrefElement(target);
+    if (ele) {
+      width.value = "offsetWidth" in ele ? ele.offsetWidth : initialSize.width;
+      height.value = "offsetHeight" in ele ? ele.offsetHeight : initialSize.height;
+    }
+  });
+  const stop2 = watch(() => unrefElement(target), (ele) => {
+    width.value = ele ? initialSize.width : 0;
+    height.value = ele ? initialSize.height : 0;
+  });
+  function stop() {
+    stop1();
+    stop2();
+  }
+  return {
+    width,
+    height,
+    stop
+  };
+}
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "XCheckbox",
+  props: /* @__PURE__ */ mergeModels({
+    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(__props) {
+    const model = useModel(__props, "modelValue");
+    const init = /* @__PURE__ */ useArrayMap(() => __props.data, __props.factory);
+    const options = computed(() => [...init.value]);
+    const forward = (value) => {
+      if (typeof value === "object") {
+        if (__props.identify) {
+          return __props.identify(value);
+        } else {
+          throw new Error("`identify` is required when value's type extends `object` or `object[]`");
+        }
+      } else {
+        return value;
+      }
+    };
+    const backward = (key) => options.value.map((item) => item.value).find((item) => forward(item) === key);
+    const _options = computed(() => options.value.map((item) => {
+      const key = forward(item.value);
+      return {
+        ...item,
+        key,
+        value: key
+      };
+    }));
+    const _model = computed({
+      get: () => model.value && model.value.map(forward),
+      set: (val) => model.value = Array.isArray(val) ? val.map((item) => backward(item)) : []
+    });
+    const formItemValidation = inject(X_FORM_ITEM_VALIDATION, void 0);
+    if (formItemValidation?.required) {
+      const {
+        validator,
+        label
+      } = formItemValidation;
+      formItemValidation.validator = () => {
+        if (!model.value || Array.isArray(model.value) && model.value.length === 0) {
+          return `请选择${label}`;
+        }
+        return validator?.();
+      };
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCheckboxGroup), mergeProps({
+        modelValue: _model.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _model.value = $event)
+      }, {
+        disabled: __props.disabled,
+        size: __props.size
+      }), {
+        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_options.value, (item) => {
+          return openBlock(), createBlock(unref(ElCheckbox), {
+            key: item.key,
+            disabled: item.disabled,
+            label: item.label,
+            value: item.value
+          }, null, 8, ["disabled", "label", "value"]);
+        }), 128))]),
+        _: 1
+      }, 16, ["modelValue"]);
+    };
+  }
+});
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "XColorPicker",
+  props: /* @__PURE__ */ mergeModels({
+    clearable: {
+      type: Boolean
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const model = useModel(__props, "modelValue");
+    const formItemValidation = inject(X_FORM_ITEM_VALIDATION, void 0);
+    if (formItemValidation?.required) {
+      const {
+        validator,
+        label
+      } = formItemValidation;
+      formItemValidation.validator = () => {
+        if (!model.value) {
+          return `请输入${label}`;
+        }
+        return validator?.();
+      };
+    }
+    const formItemLabel = inject(X_FORM_ITEM_LABEL, void 0);
+    const tableQueryUpdateHook = inject(X_TABLE_QUERY_UPDATE_HOOK, void 0);
+    const tableQueryExecuteHook = inject(X_TABLE_QUERY_EXECUTE_HOOK, void 0);
+    tableQueryUpdateHook?.on(([label, value]) => formItemLabel === label && value === void 0 && (model.value = void 0));
+    tableQueryExecuteHook?.on(() => formItemLabel && tableQueryUpdateHook?.trigger([formItemLabel, model.value]));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElColorPicker), mergeProps(props, {
+        modelValue: model.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
+      }), null, 16, ["modelValue"]);
+    };
+  }
+});
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "XDialog",
+  props: /* @__PURE__ */ mergeModels({
+    title: {},
+    bodyClass: {}
+  }, {
+    "modelValue": {
+      type: Boolean
+    },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const {
+      header,
+      footer
+    } = useSlots();
+    const model = useModel(__props, "modelValue");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDialog), {
+        modelValue: model.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+        title: __props.title,
+        "body-class": `flex flex-col ${__props.bodyClass}`
+      }, createSlots({
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 2
+      }, [header ? {
+        name: "header",
+        fn: withCtx(() => [renderSlot(_ctx.$slots, "header")]),
+        key: "0"
+      } : void 0, footer ? {
+        name: "footer",
+        fn: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
+        key: "1"
+      } : void 0]), 1032, ["modelValue", "title", "body-class"]);
+    };
+  }
+});
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "XDivider",
+  props: {
+    direction: {},
+    contentPosition: {},
+    borderStyle: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDivider), normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const XFormItem = /* @__PURE__ */ defineComponent((props, {
+  expose
+}) => {
+  const tabPane = inject(X_TAB_PANE, void 0);
+  const formTabUpdateHook = inject(X_FORM_TAB_UPDATE_HOOK, void 0);
+  const error = ref();
+  const validation = {
+    label: props.label,
+    required: props.required,
+    clearValidate() {
+      error.value = void 0;
+    },
+    validate() {
+      error.value = validation.validator?.() ?? void 0;
+      if (error.value && tabPane?.name) {
+        ElMessage({
+          plain: true,
+          type: "warning",
+          message: error.value
+        });
+        formTabUpdateHook?.trigger(tabPane.name);
+      }
+      return !error.value;
+    }
+  };
+  const validations = inject(X_FORM_VALIDATIONS, void 0);
+  validations?.push(validation);
+  provide(X_FORM_ITEM_VALIDATION, validation);
+  expose({
+    ...validation
+  });
+  provide(X_FORM_ITEM_LABEL, props.label);
+  return () => createVNode(ElFormItem, mergeProps({
+    label: props.label,
+    labelPosition: props.labelPosition,
+    labelWidth: props.labelWidth,
+    required: props.required
+  }, {
+    "error": error.value
+  }), {
+    label: () => props.label,
+    default: () => props.content?.()
+  });
+}, {
+  props: ["label", "required", "content", "tooltip"]
+});
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "XForm",
+  props: {
+    content: {
+      type: Function
+    },
+    data: {
+      default: () => () => {
+      }
+    },
+    disabled: {
+      type: Boolean
+    },
+    inline: {
+      type: Boolean
+    },
+    labelWidth: {},
+    labelPosition: {},
+    statusIcon: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props, {
+    expose: __expose
+  }) {
+    const form = ref();
+    const validations = [];
+    provide(X_FORM_VALIDATIONS, validations);
+    const validate = () => validations.every((item) => item.validate());
+    const resetFields = () => {
+      form.value?.resetFields();
+      validations.forEach((item) => item.clearValidate());
+    };
+    __expose({
+      data: __props.data,
+      validate,
+      resetFields
+    });
+    const Content = () => __props.content?.({
+      data: __props.data
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElForm), mergeProps({
+        ref_key: "form",
+        ref: form
+      }, {
+        inline: __props.inline,
+        disabled: __props.disabled,
+        labelWidth: __props.labelWidth,
+        model: __props.data,
+        labelPosition: __props.labelPosition,
+        statusIcon: __props.statusIcon
+      }), {
+        default: withCtx(() => [createVNode(Content)]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __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(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElImage), normalizeProps(guardReactiveProps(props)), null, 16);
+    };
+  }
+});
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "XInput",
+  props: /* @__PURE__ */ mergeModels({
+    clearable: {
+      type: Boolean
+    },
+    placeholder: {
+      default: "请输入"
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    size: {},
+    type: {},
+    showPassword: {
+      type: Boolean
+    },
+    autosize: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["blur", "change"], ["update:modelValue"]),
+  setup(__props, {
+    emit: __emit
+  }) {
+    const props = __props;
+    const emit = __emit;
+    const model = useModel(__props, "modelValue");
+    const formItemValidation = inject(X_FORM_ITEM_VALIDATION, void 0);
+    if (formItemValidation?.required) {
+      const {
+        validator,
+        label
+      } = formItemValidation;
+      formItemValidation.validator = () => {
+        if (!model.value) {
+          return `请输入${label}`;
+        }
+        return validator?.();
+      };
+    }
+    const formItemLabel = inject(X_FORM_ITEM_LABEL, void 0);
+    const tableQueryUpdateHook = inject(X_TABLE_QUERY_UPDATE_HOOK, void 0);
+    const tableQueryExecuteHook = inject(X_TABLE_QUERY_EXECUTE_HOOK, void 0);
+    tableQueryUpdateHook?.on(([label, value]) => formItemLabel === label && value === void 0 && (model.value = void 0));
+    tableQueryExecuteHook?.on(() => formItemLabel && tableQueryUpdateHook?.trigger([formItemLabel, model.value]));
+    const change = (value) => emit("change", value);
+    const blur = () => {
+      formItemValidation?.validate();
+      emit("blur");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElInput), mergeProps(props, {
+        modelValue: model.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+        onBlur: blur,
+        onChange: change
+      }), null, 16, ["modelValue"]);
+    };
+  }
+});
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "XInputNumber",
+  props: /* @__PURE__ */ mergeModels({
+    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__ */ mergeModels(["blur"], ["update:modelValue"]),
+  setup(__props, {
+    emit: __emit
+  }) {
+    const props = __props;
+    const emit = __emit;
+    const model = useModel(__props, "modelValue");
+    const formItemValidation = inject(X_FORM_ITEM_VALIDATION, void 0);
+    if (formItemValidation?.required) {
+      const {
+        validator,
+        label
+      } = formItemValidation;
+      formItemValidation.validator = () => {
+        if (model.value === void 0) {
+          return `请输入${label}`;
+        }
+        return validator?.();
+      };
+    }
+    const blur = () => {
+      formItemValidation?.validate();
+      emit("blur");
+    };
+    return (_ctx, _cache) => {
+      const _component_ElInputNumber = resolveComponent("ElInputNumber");
+      return openBlock(), createBlock(_component_ElInputNumber, mergeProps(props, {
+        modelValue: model.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+        onBlur: blur
+      }), null, 16, ["modelValue"]);
+    };
+  }
+});
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "XPagination",
+  props: /* @__PURE__ */ mergeModels({
+    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: true },
+    disabled: { type: Boolean },
+    hideOnSinglePage: { type: Boolean },
+    appendSizeTo: {}
+  }, {
+    "size": {},
+    "sizeModifiers": {},
+    "current": {},
+    "currentModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["sizeChange", "currentChange"], ["update:size", "update:current"]),
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const size = useModel(__props, "size");
+    const current = useModel(__props, "current");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElPagination), mergeProps({ background: __props.background, pageSizes: __props.sizes, layout: __props.layout, total: __props.total }, {
+        "current-page": current.value,
+        "onUpdate:currentPage": _cache[0] || (_cache[0] = ($event) => current.value = $event),
+        "page-size": size.value,
+        "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => size.value = $event),
+        onSizeChange: _cache[2] || (_cache[2] = ($event) => emit("sizeChange", $event)),
+        onCurrentChange: _cache[3] || (_cache[3] = ($event) => emit("currentChange", $event))
+      }), null, 16, ["current-page", "page-size"]);
+    };
+  }
+});
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "XRate",
+  props: /* @__PURE__ */ mergeModels({
+    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(__props) {
+    const props = __props;
+    const model = useModel(__props, "modelValue");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElRate), mergeProps(props, {
+        modelValue: model.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
+      }), null, 16, ["modelValue"]);
+    };
+  }
+});
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "XReconfirm",
+  props: {
+    title: { default: "是否执行?" }
+  },
+  emits: ["cancel", "confirm"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      const _component_XButton = resolveComponent("XButton");
+      return openBlock(), createBlock(unref(ElPopconfirm), {
+        title: __props.title,
+        onCancel: _cache[0] || (_cache[0] = () => emit("cancel")),
+        onConfirm: _cache[1] || (_cache[1] = () => emit("confirm"))
+      }, {
+        reference: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        actions: withCtx(({ confirm, cancel }) => [
+          createVNode(_component_XButton, {
+            size: "small",
+            onClick: cancel
+          }, {
+            default: withCtx(() => [..._cache[2] || (_cache[2] = [
+              createTextVNode(" 取消 ", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"]),
+          createVNode(_component_XButton, {
+            type: "danger",
+            size: "small",
+            onClick: confirm
+          }, {
+            default: withCtx(() => [..._cache[3] || (_cache[3] = [
+              createTextVNode(" 确定 ", -1)
+            ])]),
+            _: 1
+          }, 8, ["onClick"])
+        ]),
+        _: 3
+      }, 8, ["title"]);
+    };
+  }
+});
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __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(__props, {
+    expose: __expose
+  }) {
+    const props = __props;
+    const el = useTemplateRef("scrollbar");
+    const wrapRef = computed(() => el.value?.wrapRef);
+    const viewRef = computed(() => wrapRef.value?.firstElementChild);
+    __expose({
+      wrapRef,
+      viewRef
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElScrollbar), mergeProps({
+        ref: "scrollbar"
+      }, props), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "XSelect",
+  props: /* @__PURE__ */ mergeModels({
+    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: () => void 0
+    },
+    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__ */ mergeModels(["blur", "change"], ["update:modelValue"]),
+  setup(__props, {
+    emit: __emit
+  }) {
+    const emit = __emit;
+    const model = useModel(__props, "modelValue");
+    const supplements = ref([]);
+    const init = /* @__PURE__ */ useArrayMap(() => __props.data, __props.factory);
+    const options = computed(() => [...(/* @__PURE__ */ useArrayMap(supplements, __props.factory)).value, ...init.value]);
+    const forward = (value) => {
+      if (typeof value === "object") {
+        if (__props.identify) {
+          return __props.identify(value);
+        } else {
+          throw new Error("`identify` is required when value's type extends `object` or `object[]`");
+        }
+      } else {
+        return value;
+      }
+    };
+    const backward = (key) => options.value.map((item) => item.value).find((item) => forward(item) === key);
+    let no = 0;
+    watch([model, init], async () => {
+      no++;
+      if (model.value) {
+        const lacks = [].concat(model.value).filter((item) => !init.value.map((it) => forward(it.value)).includes(forward(item)));
+        const _no = no;
+        const data = await __props.supplement?.(lacks);
+        if (_no === no && data) {
+          supplements.value = data;
+        }
+      } else {
+        supplements.value = [];
+      }
+    }, {
+      immediate: true
+    });
+    const _options = computed(() => options.value.map((item) => {
+      const key = forward(item.value);
+      return {
+        ...item,
+        key,
+        value: key
+      };
+    }));
+    const _model = computed({
+      get: () => model.value && (Array.isArray(model.value) ? model.value.map(forward) : forward(model.value)),
+      set: (val) => {
+        if (Array.isArray(val)) {
+          model.value = val.map((item) => backward(item));
+        } else {
+          model.value = val === void 0 ? void 0 : backward(val) || (__props.allowCreate ? val : void 0);
+        }
+      }
+    });
+    const formItemValidation = inject(X_FORM_ITEM_VALIDATION, void 0);
+    if (formItemValidation?.required) {
+      const {
+        validator,
+        label
+      } = formItemValidation;
+      formItemValidation.validator = () => {
+        if (!model.value || Array.isArray(model.value) && model.value.length === 0) {
+          return `请选择${label}`;
+        }
+        return validator?.();
+      };
+    }
+    const formItemLabel = inject(X_FORM_ITEM_LABEL, void 0);
+    const tableQueryUpdateHook = inject(X_TABLE_QUERY_UPDATE_HOOK, void 0);
+    const tableQueryExecuteHook = inject(X_TABLE_QUERY_EXECUTE_HOOK, void 0);
+    tableQueryUpdateHook?.on(([label, value]) => formItemLabel === label && value === void 0 && (_model.value = void 0));
+    tableQueryExecuteHook?.on(() => formItemLabel && tableQueryUpdateHook?.trigger([formItemLabel, _model.value === void 0 ? void 0 : [].concat(_model.value).map((item) => _options.value.find((option) => option.value === item).label).join(",")]));
+    const change = (value) => emit("change", value);
+    const blur = () => {
+      formItemValidation?.validate();
+      emit("blur");
+    };
+    return (_ctx, _cache) => {
+      const _component_ElOption = resolveComponent("ElOption");
+      const _component_ElSelect = resolveComponent("ElSelect");
+      return openBlock(), createBlock(_component_ElSelect, mergeProps({
+        allowCreate: __props.allowCreate,
+        clearable: __props.clearable,
+        filterable: __props.filterable,
+        remote: __props.remote,
+        remoteMethod: __props.remoteMethod,
+        placeholder: __props.placeholder,
+        disabled: __props.disabled,
+        size: __props.size,
+        loading: __props.loading,
+        multiple: __props.multiple,
+        collapseTags: __props.collapseTags,
+        collapseTagsTooltip: __props.collapseTags
+      }, {
+        modelValue: _model.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _model.value = $event),
+        onBlur: blur,
+        onChange: change
+      }), {
+        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_options.value, (item) => {
+          return openBlock(), createBlock(_component_ElOption, {
+            key: item.key,
+            label: item.label,
+            value: item.value
+          }, {
+            default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
+            _: 2
+          }, 1032, ["label", "value"]);
+        }), 128))]),
+        _: 1
+      }, 16, ["modelValue"]);
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "XSpace",
+  props: {
+    direction: {},
+    class: {},
+    style: {},
+    alignment: {},
+    prefixCls: {},
+    spacer: {},
+    wrap: {
+      type: Boolean
+    },
+    fill: {
+      type: Boolean
+    },
+    fillRatio: {},
+    size: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElSpace), normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "XTable",
+  props: {
+    data: {},
+    height: {},
+    columns: {},
+    showOverflowTooltip: {
+      type: Boolean
+    },
+    border: {
+      type: Boolean
+    },
+    highlightCurrentRow: {
+      type: Boolean
+    },
+    spanMethod: {
+      type: Function
+    }
+  },
+  emits: ["rowClick", "selectionChange", "headerDragend"],
+  setup(__props, {
+    emit: __emit
+  }) {
+    const emit = __emit;
+    const container = useTemplateRef("container");
+    const el = ref();
+    const size = useElementSize(container);
+    const _height = computed(() => __props.height ?? size.height.value);
+    const X = () => createVNode(ElTable, mergeProps({
+      "ref": el
+    }, {
+      data: __props.data,
+      height: _height.value,
+      showOverflowTooltip: __props.showOverflowTooltip,
+      border: __props.border,
+      highlightCurrentRow: __props.highlightCurrentRow,
+      spanMethod: __props.spanMethod
+    }, {
+      "onRow-click": (row) => emit("rowClick", row),
+      "onSelection-change": (rows) => emit("selectionChange", rows),
+      "onHeader-dragend": (newWidth, oldWidth, column) => emit("headerDragend", newWidth, oldWidth, column)
+    }), {
+      default: () => __props.columns.map((column) => createVNode(ElTableColumn, column, {
+        default: ({
+          $index,
+          row
+        }) => column.content?.({
+          index: $index,
+          row
+        }),
+        header: () => column.header?.({
+          column
+        }) ?? column.label
+      }))
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "container",
+        ref: container,
+        class: normalizeClass([__props.height === void 0 && "h-full"])
+      }, [createVNode(X)], 2);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "XTabs",
+  props: /* @__PURE__ */ mergeModels({
+    type: {},
+    defaultValue: {},
+    addable: {
+      type: Boolean,
+      default: () => void 0
+    },
+    editable: {
+      type: Boolean,
+      default: () => void 0
+    },
+    tabPosition: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["tabChange", "tabRemove"], ["update:modelValue"]),
+  setup(__props, {
+    emit: __emit
+  }) {
+    const emit = __emit;
+    const model = useModel(__props, "modelValue");
+    const panes = [];
+    provide(X_TAB_PANES, panes);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElTabs), mergeProps({
+        addable: __props.addable,
+        editable: __props.editable,
+        type: __props.type,
+        defaultValue: __props.defaultValue,
+        tabPosition: __props.tabPosition
+      }, {
+        modelValue: model.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+        onTabChange: _cache[1] || (_cache[1] = (name) => emit("tabChange", name)),
+        onTabRemove: _cache[2] || (_cache[2] = (name) => emit("tabRemove", name))
+      }), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16, ["modelValue"]);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "XText",
+  props: {
+    type: {},
+    size: {},
+    truncated: { type: Boolean, default: () => void 0 }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElText), normalizeProps(guardReactiveProps({ type: __props.type, size: __props.size, truncated: __props.truncated })), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "XUpload",
+  props: /* @__PURE__ */ mergeModels({
+    action: {},
+    data: {
+      type: Function
+    },
+    disabled: {
+      type: Boolean,
+      default: () => void 0
+    },
+    limit: {},
+    multiple: {
+      type: Boolean
+    },
+    showFileList: {
+      type: Boolean,
+      default: true
+    },
+    drag: {
+      type: Boolean
+    },
+    accept: {},
+    listType: {},
+    maxSize: {
+      default: () => Infinity
+    }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const model = useModel(__props, "modelValue");
+    const fileList = computed(() => [].concat(model.value ?? []).reverse().map((it) => ({
+      name: it.split("/").findLast(() => true),
+      url: it,
+      uid: Number(it.slice(0, it.lastIndexOf("/")).split("/").findLast(() => true))
+    })));
+    const formItemValidation = inject(X_FORM_ITEM_VALIDATION, void 0);
+    if (formItemValidation?.required) {
+      const {
+        validator,
+        label
+      } = formItemValidation;
+      formItemValidation.validator = () => {
+        if (!model.value || Array.isArray(model.value) && model.value.length === 0) {
+          return `请上传${label}`;
+        }
+        return validator?.();
+      };
+    }
+    const beforeUpload = (rawFile) => {
+      if (rawFile.size > __props.maxSize) {
+        ElMessage.warning("文件过大,请重新选择");
+      }
+      return rawFile.size < __props.maxSize;
+    };
+    const preview = (uploadFile) => window.open(uploadFile.url);
+    const remove = (uploadFile, uploadFiles) => {
+      model.value = Array.isArray(model.value) ? uploadFiles.map((it) => it.url) : void 0;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElUpload), normalizeProps(guardReactiveProps({
+        limit: __props.limit,
+        disabled: __props.disabled,
+        data: __props.data,
+        maxSize: __props.maxSize,
+        showFileList: __props.showFileList,
+        fileList: fileList.value,
+        beforeUpload,
+        onPreview: preview,
+        onRemove: remove
+      })), {
+        file: withCtx(({
+          file
+        }) => [renderSlot(_ctx.$slots, "file", {
+          file
+        })]),
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main$j as XButton,
+  _sfc_main$i as XCascader,
+  _sfc_main$h as XCheckbox,
+  _sfc_main$g as XColorPicker,
+  _sfc_main$f as XDialog,
+  _sfc_main$e as XDivider,
+  _sfc_main$d as XForm,
+  XFormItem,
+  _sfc_main$c as XImage,
+  _sfc_main$b as XInput,
+  _sfc_main$a as XInputNumber,
+  _sfc_main$9 as XPagination,
+  _sfc_main$8 as XRate,
+  _sfc_main$7 as XReconfirm,
+  _sfc_main$6 as XScrollbar,
+  _sfc_main$5 as XSelect,
+  _sfc_main$4 as XSpace,
+  _sfc_main$3 as XTable,
+  _sfc_main$2 as XTabs,
+  _sfc_main$1 as XText,
+  _sfc_main as XUpload
+};