@schemx/vant 0.1.11-alpha.20260616152026.eac77d3

package/dist/index.mjs

@@ -0,0 +1,2921 @@
+import { WithRemoteOptions, useFieldContext, rendererRegistry } from "@schemx/vue";
+import { default as default2, WithRemoteOptions as WithRemoteOptions2, default as default3, rendererRegistry as rendererRegistry2, useEffect, useField, useFieldContext as useFieldContext2, useForm, useWatch, validatorRegistry } from "@schemx/vue";
+import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, ref, watch, unref, createVNode, createSlots, withCtx, useModel, createBlock, mergeProps, mergeModels, useAttrs, Fragment, renderList, normalizeStyle, withModifiers, nextTick } from "vue";
+import { Field, Icon, CheckboxGroup, Checkbox, Popup, DatePicker, Calendar, Picker, RadioGroup, Radio, Rate, Slider, Stepper, Switch, Uploader, Cascader, Button } from "vant";
+import classNames from "classnames";
+import dayjs from "dayjs";
+export * from "@schemx/core";
+function getFieldProps(attrs, key, defaultValue = void 0) {
+  return (attrs == null ? void 0 : attrs[key]) ?? defaultValue;
+}
+function isEmptyDisplayValue(value) {
+  return value === void 0 || value === null || value === "" || Array.isArray(value) && value.length === 0;
+}
+function findTreeItem(tree, targetValue, options = {}) {
+  const { labelKey = "label", valueKey = "value", childrenKey = "children" } = options;
+  const result = { node: null, labels: [], values: [] };
+  if (!Array.isArray(tree) || targetValue === void 0 || targetValue === null) {
+    return result;
+  }
+  const search = (nodes, labels, values) => {
+    for (const node of nodes) {
+      const currentLabels = [...labels, node[labelKey]];
+      const currentValues = [...values, node[valueKey]];
+      if (node[valueKey] === targetValue) {
+        return { node, labels: currentLabels, values: currentValues };
+      }
+      if (Array.isArray(node[childrenKey]) && node[childrenKey].length > 0) {
+        const found = search(node[childrenKey], currentLabels, currentValues);
+        if (found) return found;
+      }
+    }
+    return null;
+  };
+  return search(tree, [], []) || result;
+}
+function getFileName(url) {
+  if (!url) return String(Date.now());
+  try {
+    const cleanUrl = url.split("?")[0].split("#")[0];
+    const parts = cleanUrl.split("/");
+    const fileName = parts[parts.length - 1];
+    return fileName || String(Date.now());
+  } catch {
+    return String(Date.now());
+  }
+}
+const _hoisted_1$3 = ["role", "tabindex", "aria-disabled"];
+const _hoisted_2$3 = {
+  key: 0,
+  class: "schemx-cell__prefix"
+};
+const _hoisted_3$1 = {
+  key: 1,
+  class: "schemx-cell__suffix"
+};
+const _hoisted_4$1 = {
+  key: 2,
+  class: "schemx-cell__arrow",
+  "aria-hidden": "true"
+};
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SchemxCell",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: {
+    value: { type: [String, Number, Boolean], default: "" },
+    placeholder: { default: "" },
+    readonlyPlaceholder: { default: "-" },
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    isLink: { type: Boolean, default: true },
+    align: { default: "right" },
+    className: { default: "" },
+    customClass: { default: "" },
+    prefix: { default: "" },
+    suffix: { default: "" }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const isDisabled = computed(() => props.disabled);
+    const isReadonly = computed(() => props.readonly);
+    const isEditable = computed(() => !props.readonly && !props.disabled);
+    const rootClass = computed(() => {
+      return [
+        "schemx-cell",
+        props.className,
+        isEditable.value && "schemx-cell--clickable",
+        isDisabled.value && "schemx-cell--disabled",
+        isReadonly.value && "schemx-cell--readonly",
+        !props.value && "schemx-cell--placeholder"
+      ];
+    });
+    const customClass = computed(
+      () => ["schemx-cell__value", `schemx-cell__value--${valueAlign.value}`, props.customClass].filter(Boolean).join(" ")
+    );
+    const cellValue = computed(() => {
+      if (isEmptyDisplayValue(props.value)) {
+        return isReadonly.value ? props.readonlyPlaceholder : props.placeholder;
+      }
+      return props.value.toString();
+    });
+    const valueAlign = computed(() => {
+      return props.align === "top" ? "right" : props.align;
+    });
+    const hasPrefix = computed(
+      () => Boolean(slots.prefix) || !isEmptyDisplayValue(props.prefix)
+    );
+    const hasSuffix = computed(
+      () => Boolean(slots.suffix) || !isEmptyDisplayValue(props.suffix)
+    );
+    const handleClick = (event) => {
+      if (!isEditable.value) return;
+      emit("click", event);
+    };
+    const handleKeydown = (event) => {
+      if (event.key !== "Enter" && event.key !== " ") return;
+      event.preventDefault();
+      handleClick();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(rootClass.value),
+        role: isEditable.value ? "button" : void 0,
+        tabindex: isEditable.value ? 0 : void 0,
+        "aria-disabled": !isEditable.value ? "true" : void 0,
+        onClick: handleClick,
+        onKeydown: handleKeydown
+      }, [
+        hasPrefix.value ? (openBlock(), createElementBlock("span", _hoisted_2$3, [
+          renderSlot(_ctx.$slots, "prefix", {}, () => [
+            createTextVNode(toDisplayString(props.prefix), 1)
+          ])
+        ])) : createCommentVNode("", true),
+        createElementVNode("span", {
+          class: normalizeClass(customClass.value)
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(cellValue.value), 1)
+          ])
+        ], 2),
+        hasSuffix.value ? (openBlock(), createElementBlock("span", _hoisted_3$1, [
+          renderSlot(_ctx.$slots, "suffix", {}, () => [
+            createTextVNode(toDisplayString(props.suffix), 1)
+          ])
+        ])) : createCommentVNode("", true),
+        isEditable.value && props.isLink ? (openBlock(), createElementBlock("span", _hoisted_4$1)) : createCommentVNode("", true)
+      ], 42, _hoisted_1$3);
+    };
+  }
+});
+function formatNumber(value, allowDot = true, allowMinus = true) {
+  if (allowDot) {
+    value = value.replace(/[^-0-9.]/g, "");
+    const dotIndex = value.indexOf(".");
+    if (dotIndex !== -1) {
+      value = value.slice(0, dotIndex + 1) + value.slice(dotIndex + 1).replace(/\./g, "");
+    }
+  } else {
+    value = value.replace(/[^-0-9]/g, "");
+  }
+  if (allowMinus) {
+    const minusIndex = value.indexOf("-");
+    if (minusIndex > 0) {
+      value = value.replace(/-/g, "");
+    } else if (minusIndex === 0) {
+      value = "-" + value.slice(1).replace(/-/g, "");
+    }
+  } else {
+    value = value.replace(/-/g, "");
+  }
+  return value;
+}
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SchemxInput",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: {
+    value: { default: "" },
+    onChange: { type: Function, default: void 0 },
+    onBlur: { type: Function, default: void 0 },
+    onFocus: { type: Function, default: void 0 },
+    type: { default: "text" },
+    readonly: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    autofocus: { type: Boolean, default: false },
+    maxlength: { default: void 0 },
+    min: { default: void 0 },
+    max: { default: void 0 },
+    rows: { default: void 0 },
+    autosize: { type: [Boolean, Object], default: false },
+    formatter: { default: void 0 },
+    formatTrigger: { default: "onChange" },
+    clearable: { default: false },
+    clearIcon: { default: "clear" },
+    clearTrigger: { default: "focus" },
+    leftIcon: { default: "" },
+    rightIcon: { default: "" },
+    showWordLimit: { default: false },
+    className: { default: "" },
+    readonlyPlaceholder: { default: "-" },
+    autocomplete: { default: void 0 },
+    autocapitalize: { default: void 0 },
+    autocorrect: { default: void 0 },
+    enterkeyhint: { default: void 0 },
+    spellcheck: { type: [Boolean, null], default: null },
+    inputmode: { default: void 0 },
+    align: { default: "left" },
+    placeholder: { default: "" },
+    formItemProps: {}
+  },
+  emits: ["update:value", "change", "blur", "focus", "clear", "keypress", "click-input", "click-left-icon", "click-right-icon"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const fieldRef = ref(null);
+    const internalValue = ref(String(props.value ?? ""));
+    const computedPlaceholder = computed(() => {
+      if (props.readonly) {
+        return props.readonlyPlaceholder;
+      }
+      return props.placeholder || "";
+    });
+    const fieldType = computed(() => {
+      const { type } = props;
+      if (type === "textarea") {
+        return "textarea";
+      }
+      if (type === "password") {
+        return "password";
+      }
+      if (type === "number") {
+        return "number";
+      }
+      if (type === "digit") {
+        return "digit";
+      }
+      return "text";
+    });
+    const computedInputmode = computed(() => {
+      if (props.inputmode) return props.inputmode;
+      const { type } = props;
+      if (type === "number") return "decimal";
+      if (type === "digit") return "numeric";
+      return void 0;
+    });
+    const computedAutosize = computed(() => {
+      if (props.type !== "textarea") return false;
+      return props.autosize;
+    });
+    const fieldFormatter = computed(() => {
+      if (props.type === "number" || props.type === "digit") {
+        const isNumber = props.type === "number";
+        return (value) => formatNumber(value, isNumber, isNumber);
+      }
+      return props.formatter;
+    });
+    const handleUpdateModelValue = (value) => {
+      var _a;
+      let processedValue = value;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, processedValue);
+      emit("update:value", processedValue);
+      emit("change", processedValue);
+    };
+    const handleFocus = (event) => {
+      var _a;
+      (_a = props.onFocus) == null ? void 0 : _a.call(props, event);
+      emit("focus", event);
+    };
+    const handleBlur = (event) => {
+      var _a, _b;
+      if ((props.type === "number" || props.type === "digit") && internalValue.value !== "") {
+        const { min, max } = props;
+        const numValue = parseFloat(internalValue.value);
+        if (!isNaN(numValue)) {
+          const clampedValue = Math.min(
+            Math.max(numValue, min ?? -Infinity),
+            max ?? Infinity
+          );
+          if (numValue !== clampedValue) {
+            const stringValue = String(clampedValue);
+            internalValue.value = stringValue;
+            (_a = props.onChange) == null ? void 0 : _a.call(props, stringValue);
+            emit("update:value", stringValue);
+            emit("change", stringValue);
+          }
+        }
+      }
+      (_b = props.onBlur) == null ? void 0 : _b.call(props, event);
+      emit("blur", event);
+    };
+    const handleKeypress = (event) => {
+      emit("keypress", event);
+    };
+    const handleClickInput = (event) => {
+      emit("click-input", event);
+    };
+    const handleClickLeftIcon = (event) => {
+      emit("click-left-icon", event);
+    };
+    const handleClickRightIcon = (event) => {
+      emit("click-right-icon", event);
+    };
+    const handleClear = (event) => {
+      var _a;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, "");
+      emit("update:value", "");
+      emit("clear", event);
+    };
+    const handleClickRoot = (event) => {
+      if (props.disabled) return;
+      const target = event.target;
+      if (!(target instanceof Element)) return;
+      const interactiveSelector = [
+        "input",
+        "textarea",
+        "button",
+        "a",
+        "select",
+        "option",
+        "label",
+        "[role='button']",
+        "[tabindex]",
+        "[contenteditable='true']",
+        ".van-field__clear",
+        ".van-field__button",
+        ".van-field__left-icon",
+        ".van-field__right-icon"
+      ].join(",");
+      if (target.closest(interactiveSelector)) return;
+      focus();
+    };
+    const focus = () => {
+      var _a, _b, _c, _d;
+      const input = (_c = (_b = (_a = fieldRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.querySelector) == null ? void 0 : _c.call(_b, "input, textarea");
+      (_d = input == null ? void 0 : input.focus) == null ? void 0 : _d.call(input);
+    };
+    const blur = () => {
+      var _a, _b, _c, _d;
+      const input = (_c = (_b = (_a = fieldRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.querySelector) == null ? void 0 : _c.call(_b, "input, textarea");
+      (_d = input == null ? void 0 : input.blur) == null ? void 0 : _d.call(input);
+    };
+    __expose({
+      focus,
+      blur,
+      get inputRef() {
+        var _a, _b, _c;
+        return ((_c = (_b = (_a = fieldRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.querySelector) == null ? void 0 : _c.call(_b, "input, textarea")) || null;
+      }
+    });
+    watch(
+      () => props.value,
+      (newVal) => {
+        const stringVal = String(newVal ?? "");
+        if (stringVal !== internalValue.value) {
+          internalValue.value = stringVal;
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(classNames)("schemx-input", props.className)),
+        onClick: handleClickRoot
+      }, [
+        createVNode(unref(Field), {
+          ref_key: "fieldRef",
+          ref: fieldRef,
+          modelValue: internalValue.value,
+          "onUpdate:modelValue": [
+            _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
+            handleUpdateModelValue
+          ],
+          type: fieldType.value,
+          placeholder: computedPlaceholder.value,
+          disabled: props.disabled,
+          readonly: props.readonly,
+          autofocus: props.autofocus,
+          maxlength: props.maxlength,
+          rows: props.rows !== void 0 ? +props.rows : void 0,
+          autosize: computedAutosize.value,
+          formatter: fieldFormatter.value,
+          "format-trigger": props.formatTrigger,
+          clearable: props.clearable,
+          "clear-icon": props.clearIcon,
+          "clear-trigger": props.clearTrigger,
+          "left-icon": props.leftIcon || (_ctx.$slots["left-icon"] ? void 0 : void 0),
+          "right-icon": props.rightIcon || (_ctx.$slots["right-icon"] ? void 0 : void 0),
+          "show-word-limit": props.showWordLimit,
+          autocomplete: props.autocomplete,
+          autocapitalize: props.autocapitalize,
+          autocorrect: props.autocorrect,
+          enterkeyhint: props.enterkeyhint,
+          spellcheck: props.spellcheck ?? void 0,
+          inputmode: computedInputmode.value,
+          "input-align": props.align,
+          onFocus: handleFocus,
+          onBlur: handleBlur,
+          onClear: handleClear,
+          onKeypress: handleKeypress,
+          onClickInput: handleClickInput,
+          onClickLeftIcon: handleClickLeftIcon,
+          onClickRightIcon: handleClickRightIcon
+        }, createSlots({ _: 2 }, [
+          _ctx.$slots["left-icon"] ? {
+            name: "left-icon",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "left-icon")
+            ]),
+            key: "0"
+          } : void 0,
+          _ctx.$slots["right-icon"] ? {
+            name: "right-icon",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "right-icon")
+            ]),
+            key: "1"
+          } : void 0,
+          _ctx.$slots.button ? {
+            name: "button",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "button")
+            ]),
+            key: "2"
+          } : void 0,
+          _ctx.$slots.extra ? {
+            name: "extra",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "extra")
+            ]),
+            key: "3"
+          } : void 0
+        ]), 1032, ["modelValue", "type", "placeholder", "disabled", "readonly", "autofocus", "maxlength", "rows", "autosize", "formatter", "format-trigger", "clearable", "clear-icon", "clear-trigger", "left-icon", "right-icon", "show-word-limit", "autocomplete", "autocapitalize", "autocorrect", "enterkeyhint", "spellcheck", "inputmode", "input-align"])
+      ], 2);
+    };
+  }
+});
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "InputRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    value: { default: "" },
+    onChange: { type: Function, default: void 0 },
+    onBlur: { type: Function, default: void 0 },
+    onFocus: { type: Function, default: void 0 },
+    type: { default: "text" },
+    readonly: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    placeholder: { default: "" },
+    autofocus: { type: Boolean, default: false },
+    maxlength: { default: void 0 },
+    min: { default: void 0 },
+    max: { default: void 0 },
+    rows: { default: void 0 },
+    autosize: { type: [Boolean, Object], default: false },
+    formatter: { default: void 0 },
+    formatTrigger: { default: "onChange" },
+    clearable: { default: false },
+    clearIcon: { default: "clear" },
+    clearTrigger: { default: "focus" },
+    leftIcon: { default: "" },
+    rightIcon: { default: "" },
+    showWordLimit: { default: false },
+    className: { default: "" },
+    readonlyPlaceholder: { default: "-" },
+    formItemProps: {},
+    autocomplete: { default: void 0 },
+    autocapitalize: { default: void 0 },
+    autocorrect: { default: void 0 },
+    enterkeyhint: { default: void 0 },
+    spellcheck: { type: [Boolean, null], default: null },
+    inputmode: { default: void 0 },
+    align: { default: "left" }
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const inputValue = useModel(__props, "value");
+    const inputRef = ref(null);
+    const modelValue = computed(() => String(inputValue.value ?? props.value ?? ""));
+    const placeholder = computed(() => props.placeholder || "请选择");
+    const inputProps = computed(() => {
+      const { value: _value, ...rest } = props;
+      return rest;
+    });
+    __expose({
+      focus: () => {
+        var _a, _b;
+        return (_b = (_a = inputRef.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+      },
+      blur: () => {
+        var _a, _b;
+        return (_b = (_a = inputRef.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["schemx-renderer", "schemx-input-renderer", props.className])
+      }, [
+        props.readonly ? (openBlock(), createBlock(_sfc_main$k, {
+          key: 0,
+          value: modelValue.value,
+          placeholder: placeholder.value,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled
+        }, null, 8, ["value", "placeholder", "readonly-placeholder", "readonly", "disabled"])) : (openBlock(), createBlock(unref(_sfc_main$j), mergeProps({
+          key: 1,
+          ref_key: "inputRef",
+          ref: inputRef
+        }, inputProps.value, {
+          value: inputValue.value,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
+        }), createSlots({ _: 2 }, [
+          _ctx.$slots["left-icon"] ? {
+            name: "left-icon",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "left-icon")
+            ]),
+            key: "0"
+          } : void 0,
+          _ctx.$slots["right-icon"] ? {
+            name: "right-icon",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "right-icon")
+            ]),
+            key: "1"
+          } : void 0,
+          _ctx.$slots.button ? {
+            name: "button",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "button")
+            ]),
+            key: "2"
+          } : void 0,
+          _ctx.$slots.extra ? {
+            name: "extra",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "extra")
+            ]),
+            key: "3"
+          } : void 0
+        ]), 1040, ["value"]))
+      ], 2);
+    };
+  }
+});
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TextRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    className: { default: "" },
+    placeholder: { default: void 0 },
+    readonlyPlaceholder: { default: "-" },
+    readonly: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    value: { default: "" },
+    onChange: {},
+    onBlur: {},
+    onFocus: {},
+    align: { default: "right" },
+    clearable: { type: Boolean, default: false },
+    clearIcon: { default: "clear" },
+    clearTrigger: { default: "focus" },
+    leftIcon: { default: "" },
+    rightIcon: { default: "" },
+    showWordLimit: { type: Boolean, default: false },
+    maxlength: {},
+    min: {},
+    max: {},
+    formatter: {},
+    formatTrigger: {},
+    autocomplete: {},
+    autocapitalize: {},
+    autofocus: { type: Boolean },
+    type: {},
+    rows: {},
+    autosize: { type: [Boolean, Object] },
+    autocorrect: {},
+    enterkeyhint: {},
+    spellcheck: { type: [Boolean, null] },
+    inputmode: {},
+    formItemProps: {}
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const textValue = useModel(__props, "value");
+    const slots = useSlots();
+    const inputRef = ref(null);
+    const passwordVisible = ref(false);
+    const isPasswordMode = computed(() => props.type === "password");
+    const inputType = computed(() => {
+      if (isPasswordMode.value) {
+        return passwordVisible.value ? "text" : "password";
+      }
+      return props.type || "text";
+    });
+    const passwordIcon = computed(() => {
+      return passwordVisible.value ? "eye-o" : "closed-eye";
+    });
+    const handleTogglePassword = () => {
+      passwordVisible.value = !passwordVisible.value;
+    };
+    __expose({
+      focus: () => {
+        var _a, _b;
+        return (_b = (_a = inputRef.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+      },
+      blur: () => {
+        var _a, _b;
+        return (_b = (_a = inputRef.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(
+          unref(classNames)("schemx-renderer", "schemx-text-renderer", props.className, {
+            "schemx-renderer-readonly": __props.readonly,
+            "schemx-renderer-disabled": __props.disabled
+          })
+        )
+      }, [
+        props.readonly ? (openBlock(), createBlock(_sfc_main$k, {
+          key: 0,
+          value: textValue.value,
+          placeholder: __props.placeholder,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled
+        }, null, 8, ["value", "placeholder", "readonly-placeholder", "readonly", "disabled"])) : (openBlock(), createBlock(unref(_sfc_main$j), {
+          key: 1,
+          ref_key: "inputRef",
+          ref: inputRef,
+          value: textValue.value,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => textValue.value = $event),
+          type: inputType.value,
+          placeholder: props.placeholder,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled,
+          align: props.align,
+          maxlength: props.maxlength,
+          min: props.min,
+          max: props.max,
+          formatter: props.formatter,
+          "format-trigger": props.formatTrigger,
+          autocomplete: props.autocomplete,
+          autofocus: props.autofocus,
+          clearable: props.clearable,
+          "clear-icon": props.clearIcon,
+          "clear-trigger": props.clearTrigger,
+          "left-icon": props.leftIcon,
+          "right-icon": isPasswordMode.value || props.readonly ? "" : props.rightIcon,
+          "show-word-limit": props.showWordLimit && !props.readonly && !props.disabled,
+          onChange: props.onChange,
+          onBlur: props.onBlur,
+          onFocus: props.onFocus
+        }, createSlots({
+          "right-icon": withCtx(() => [
+            isPasswordMode.value && !props.readonly ? (openBlock(), createBlock(unref(Icon), {
+              key: 0,
+              name: passwordIcon.value,
+              class: "schemx-text-renderer__password-icon",
+              onClick: handleTogglePassword
+            }, null, 8, ["name"])) : unref(slots)["right-icon"] ? renderSlot(_ctx.$slots, "right-icon", { key: 1 }) : createCommentVNode("", true)
+          ]),
+          _: 2
+        }, [
+          unref(slots)["left-icon"] ? {
+            name: "left-icon",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "left-icon")
+            ]),
+            key: "0"
+          } : void 0,
+          unref(slots).button ? {
+            name: "button",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "button")
+            ]),
+            key: "1"
+          } : void 0,
+          unref(slots).extra ? {
+            name: "extra",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "extra")
+            ]),
+            key: "2"
+          } : void 0
+        ]), 1032, ["value", "type", "placeholder", "readonly-placeholder", "readonly", "disabled", "align", "maxlength", "min", "max", "formatter", "format-trigger", "autocomplete", "autofocus", "clearable", "clear-icon", "clear-trigger", "left-icon", "right-icon", "show-word-limit", "onChange", "onBlur", "onFocus"]))
+      ], 2);
+    };
+  }
+});
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TextAreaRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    value: { default: "" },
+    onChange: {},
+    onBlur: {},
+    onFocus: { type: Function, default: void 0 },
+    className: { default: "" },
+    autosize: { type: [Boolean, Object], default: () => ({ minRows: 2, maxRows: 6 }) },
+    autoSize: { type: [Boolean, Object], default: void 0 },
+    rows: { default: void 0 },
+    maxlength: {},
+    readonly: { type: Boolean, default: false },
+    readonlyPlaceholder: { default: "-" },
+    disabled: { type: Boolean, default: false },
+    align: { default: "left" },
+    showWordLimit: { type: Boolean, default: false },
+    autofocus: { type: Boolean },
+    min: {},
+    max: {},
+    formatter: {},
+    formatTrigger: {},
+    clearable: {},
+    clearIcon: {},
+    clearTrigger: {},
+    leftIcon: {},
+    rightIcon: {},
+    autocomplete: {},
+    autocapitalize: {},
+    autocorrect: {},
+    enterkeyhint: {},
+    spellcheck: { type: [Boolean, null] },
+    inputmode: {},
+    placeholder: { default: void 0 },
+    formItemProps: {}
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const textAreaValue = useModel(__props, "value");
+    const slots = useSlots();
+    const inputRef = ref(null);
+    const computedAutosize = computed(() => {
+      return props.autoSize ?? props.autosize ?? { minRows: 2, maxRows: 6 };
+    });
+    const computedRows = computed(() => {
+      if (props.rows !== void 0) {
+        return props.rows;
+      }
+      const autosize = computedAutosize.value;
+      if (typeof autosize === "object" && autosize.minRows) {
+        return autosize.minRows;
+      }
+      return 2;
+    });
+    __expose({
+      focus: () => {
+        var _a, _b;
+        return (_b = (_a = inputRef.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+      },
+      blur: () => {
+        var _a, _b;
+        return (_b = (_a = inputRef.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["schemx-renderer", "schemx-textarea-renderer", props.className])
+      }, [
+        props.readonly ? (openBlock(), createBlock(_sfc_main$k, {
+          key: 0,
+          value: textAreaValue.value,
+          placeholder: props.placeholder,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled
+        }, null, 8, ["value", "placeholder", "readonly-placeholder", "readonly", "disabled"])) : (openBlock(), createBlock(unref(_sfc_main$j), {
+          key: 1,
+          ref_key: "inputRef",
+          ref: inputRef,
+          value: textAreaValue.value,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => textAreaValue.value = $event),
+          type: "textarea",
+          placeholder: props.placeholder,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled,
+          align: props.align,
+          rows: computedRows.value,
+          autosize: computedAutosize.value,
+          maxlength: props.maxlength,
+          "show-word-limit": props.showWordLimit && !props.readonly && !props.disabled,
+          onChange: props.onChange,
+          onBlur: props.onBlur,
+          onFocus: props.onFocus
+        }, createSlots({ _: 2 }, [
+          unref(slots)["left-icon"] ? {
+            name: "left-icon",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "left-icon")
+            ]),
+            key: "0"
+          } : void 0,
+          unref(slots)["right-icon"] ? {
+            name: "right-icon",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "right-icon")
+            ]),
+            key: "1"
+          } : void 0,
+          unref(slots).button ? {
+            name: "button",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "button")
+            ]),
+            key: "2"
+          } : void 0,
+          unref(slots).extra ? {
+            name: "extra",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "extra")
+            ]),
+            key: "3"
+          } : void 0
+        ]), 1032, ["value", "placeholder", "readonly-placeholder", "readonly", "disabled", "align", "rows", "autosize", "maxlength", "show-word-limit", "onChange", "onBlur", "onFocus"]))
+      ], 2);
+    };
+  }
+});
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CheckboxRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    value: { default: () => [] },
+    onChange: { type: Function, default: () => {
+    } },
+    options: { default: () => [] },
+    fieldNames: { default: () => ({}) },
+    className: { default: "" },
+    readonly: { type: Boolean, default: false },
+    view: { type: Boolean, default: false },
+    readonlyPlaceholder: { default: "-" },
+    disabled: { type: Boolean, default: false },
+    placeholder: {},
+    align: {},
+    formItemProps: {}
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const checkboxValue = useModel(__props, "value");
+    const labelName = computed(() => {
+      var _a;
+      return ((_a = props.fieldNames) == null ? void 0 : _a.label) || "label";
+    });
+    const valueName = computed(() => {
+      var _a;
+      return ((_a = props.fieldNames) == null ? void 0 : _a.value) || "value";
+    });
+    const disabledName = computed(() => {
+      var _a;
+      return ((_a = props.fieldNames) == null ? void 0 : _a.disabled) || "disabled";
+    });
+    const placeholder = computed(() => props.placeholder || "请选择");
+    const contentAlign = computed(() => getFieldProps(attrs, "align", "right"));
+    const modelValue = computed(() => {
+      const value = checkboxValue.value ?? props.value;
+      if (!value) return [];
+      return typeof value === "string" ? value.split(",") : value;
+    });
+    const fieldValue = computed(() => {
+      var _a;
+      return (_a = modelValue.value) == null ? void 0 : _a.map((v) => getOption(v, labelName.value)).join("、");
+    });
+    const checkProps = computed(() => {
+      const { value, className, formItemProps, ...rest } = props;
+      const style = {
+        display: "flex",
+        flexWrap: "wrap",
+        gap: "8px 12px",
+        justifyContent: contentAlign.value,
+        ...(attrs == null ? void 0 : attrs.style) || {}
+      };
+      return { ...attrs, ...rest, style };
+    });
+    const handleChange = (value) => {
+      var _a;
+      if (props.readonly || props.disabled) return;
+      checkboxValue.value = value;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, value);
+    };
+    const getOption = (v, key) => {
+      const option = props.options.find((option2) => option2[valueName.value] === v);
+      return option ? option[key] : v;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "schemx-renderer",
+          "schemx-checkbox-renderer",
+          __props.className,
+          { "schemx-renderer-readonly": props.readonly }
+        ])
+      }, [
+        props.readonly ? (openBlock(), createBlock(_sfc_main$k, {
+          key: 0,
+          value: fieldValue.value,
+          placeholder: placeholder.value,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled
+        }, null, 8, ["value", "placeholder", "readonly-placeholder", "readonly", "disabled"])) : (openBlock(), createBlock(unref(CheckboxGroup), mergeProps({ key: 1 }, checkProps.value, {
+          disabled: __props.disabled,
+          "model-value": modelValue.value,
+          "onUpdate:modelValue": handleChange
+        }), {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+              return openBlock(), createBlock(unref(Checkbox), mergeProps({
+                key: option[valueName.value],
+                name: option[valueName.value],
+                disabled: __props.disabled || option[disabledName.value]
+              }, { ref_for: true }, option), {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(option[labelName.value]), 1)
+                ]),
+                _: 2
+              }, 1040, ["name", "disabled"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 16, ["disabled", "model-value"]))
+      ], 2);
+    };
+  }
+});
+const CheckboxRenderer = WithRemoteOptions(_sfc_main$f);
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "DateRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    value: { default: "" },
+    onConfirm: { type: Function, default: () => {
+    } },
+    onChange: { type: Function, default: () => {
+    } },
+    format: { type: [String, Function], default: "YYYY-MM-DD" },
+    className: { default: "" },
+    readonly: { type: Boolean, default: false },
+    readonlyPlaceholder: { default: "-" },
+    disabled: { type: Boolean, default: false },
+    contentAlign: {},
+    popupProps: {},
+    popupClassName: { default: "" },
+    onClose: {},
+    placeholder: { default: void 0 },
+    align: {},
+    formItemProps: {}
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const dateValue = useModel(__props, "value");
+    const showPicker = ref(false);
+    const placeholder = computed(() => props.placeholder || "请选择");
+    const align = computed(
+      () => getFieldProps(props, "contentAlign", "right")
+    );
+    const title = computed(() => props.title || placeholder.value);
+    const datePickerProps = computed(() => {
+      const {
+        value: _value,
+        onChange: _onChange,
+        onConfirm: _onConfirm,
+        onClose: _onClose,
+        format: _format,
+        className: _className,
+        popupClassName: _popupClassName,
+        readonlyPlaceholder: _readonlyPlaceholder,
+        contentAlign: _contentAlign,
+        formItemProps: _formItemProps,
+        popupProps: _popupProps,
+        title: _title,
+        ...rest
+      } = props;
+      return { ...attrs, ...rest, title: title.value };
+    });
+    const popupProps = computed(() => ({
+      round: true,
+      position: "bottom",
+      safeAreaInsetBottom: true,
+      teleport: "body",
+      ...props.popupProps
+    }));
+    const getValue = (value) => {
+      if (!value) return "";
+      let dateValue2;
+      if (typeof value === "string") {
+        dateValue2 = dayjs(value);
+      } else if (Array.isArray(value)) {
+        if (value.length === 0) return "";
+        dateValue2 = dayjs(value.join("-"));
+      } else if (value instanceof Date) {
+        dateValue2 = dayjs(value);
+      } else {
+        dateValue2 = dayjs(value);
+      }
+      const formatStr = typeof props.format === "string" ? props.format : "YYYY-MM-DD";
+      return dateValue2.format(formatStr);
+    };
+    const fieldValue = computed(() => {
+      return getValue(dateValue.value);
+    });
+    const modelValue = computed(() => {
+      const value = getValue(dateValue.value) || (/* @__PURE__ */ new Date()).toISOString();
+      const dateParts = dayjs(value).format("YYYY-MM-DD").split("-");
+      return dateParts;
+    });
+    const handleConfirm = ({ selectedValues }) => {
+      var _a, _b;
+      const formattedValue = getValue(selectedValues);
+      dateValue.value = formattedValue;
+      (_a = props.onConfirm) == null ? void 0 : _a.call(props, formattedValue);
+      (_b = props.onChange) == null ? void 0 : _b.call(props, formattedValue);
+      showPicker.value = false;
+    };
+    const handleCancel = () => {
+      showPicker.value = false;
+    };
+    const handleClick = () => {
+      if (props.readonly || props.disabled) return;
+      showPicker.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["schemx-renderer", "schemx-date-renderer", props.className])
+      }, [
+        createVNode(_sfc_main$k, {
+          placeholder: placeholder.value,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled,
+          "content-align": align.value,
+          value: fieldValue.value,
+          onClick: handleClick
+        }, null, 8, ["placeholder", "readonly-placeholder", "readonly", "disabled", "content-align", "value"]),
+        !props.readonly && !props.disabled ? (openBlock(), createBlock(unref(Popup), mergeProps({
+          key: 0,
+          show: showPicker.value,
+          "onUpdate:show": _cache[0] || (_cache[0] = ($event) => showPicker.value = $event),
+          class: unref(classNames)("schemx-date-popup-renderer", props.popupClassName)
+        }, popupProps.value, { "safe-area-inset-bottom": "" }), {
+          default: withCtx(() => [
+            createVNode(unref(DatePicker), mergeProps({ "model-value": modelValue.value }, datePickerProps.value, {
+              onConfirm: handleConfirm,
+              onCancel: handleCancel
+            }), null, 16, ["model-value"])
+          ]),
+          _: 1
+        }, 16, ["show", "class"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CalendarRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    value: { default: "" },
+    onConfirm: { type: Function, default: () => {
+    } },
+    onChange: { type: Function, default: () => {
+    } },
+    className: { default: "" },
+    popupClassName: {},
+    view: { type: Boolean },
+    readonly: { type: Boolean, default: false },
+    readonlyPlaceholder: { default: "-" },
+    disabled: { type: Boolean, default: false },
+    type: { default: "single" },
+    title: {},
+    format: { default: "YYYY-MM-DD" },
+    separator: { default: " - " },
+    contentAlign: {},
+    placeholder: { default: "" },
+    align: {},
+    formItemProps: {}
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const calendarValue = useModel(__props, "value");
+    const showCalendar = ref(false);
+    const minSelectableDate = new Date(1970, 0, 1);
+    const maxSelectableDate = dayjs().add(10, "year").toDate();
+    const placeholder = computed(() => (props == null ? void 0 : props.placeholder) || "请选择");
+    const align = computed(
+      () => getFieldProps(props, "contentAlign", "right")
+    );
+    const title = computed(() => props.title || placeholder.value);
+    const isReadonly = computed(() => props.readonly || Boolean(props.view));
+    const calendarProps = computed(() => {
+      const {
+        value: _value,
+        onChange: _onChange,
+        onConfirm: _onConfirm,
+        className: _className,
+        popupClassName: _popupClassName,
+        format: _format,
+        separator: _separator,
+        contentAlign: _contentAlign,
+        type: _type,
+        formItemProps: _formItemProps,
+        minDate = minSelectableDate,
+        maxDate = maxSelectableDate,
+        ...rest
+      } = props;
+      return {
+        ...attrs,
+        ...rest,
+        class: classNames("schemx-calendar-popup-renderer", props.popupClassName),
+        minDate,
+        maxDate,
+        safeAreaInsetBottom: true,
+        teleport: "body",
+        title: title.value
+      };
+    });
+    const modelValue = computed(() => {
+      const value = getValue(calendarValue.value);
+      return Array.isArray(value) ? value.join(props.separator) : value;
+    });
+    const getValue = (value) => {
+      if (!value) return "";
+      if (Array.isArray(value)) {
+        return value.map((i) => dayjs(i).format(props.format));
+      } else {
+        return dayjs(value).format(props.format);
+      }
+    };
+    const handleConfirm = (date) => {
+      var _a, _b;
+      if (isReadonly.value || props.disabled) return;
+      const value = getValue(date);
+      calendarValue.value = date;
+      (_a = props.onConfirm) == null ? void 0 : _a.call(props, value);
+      (_b = props.onChange) == null ? void 0 : _b.call(props, value);
+      showCalendar.value = false;
+    };
+    const handleClick = () => {
+      if (isReadonly.value || props.disabled) return;
+      showCalendar.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["schemx-renderer", "schemx-calendar-renderer", props.className])
+      }, [
+        createVNode(_sfc_main$k, {
+          placeholder: placeholder.value,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: isReadonly.value,
+          disabled: props.disabled,
+          value: modelValue.value,
+          "content-align": align.value,
+          onClick: handleClick
+        }, null, 8, ["placeholder", "readonly-placeholder", "readonly", "disabled", "value", "content-align"]),
+        !isReadonly.value && !props.disabled ? (openBlock(), createBlock(unref(Calendar), mergeProps({ key: 0 }, calendarProps.value, {
+          show: showCalendar.value,
+          "onUpdate:show": _cache[0] || (_cache[0] = ($event) => showCalendar.value = $event),
+          onConfirm: handleConfirm
+        }), null, 16, ["show"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "NumberRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    value: { default: "" },
+    onChange: {},
+    onBlur: {},
+    onFocus: {},
+    className: { default: "" },
+    type: { default: "number" },
+    readonly: { type: Boolean, default: false },
+    readonlyPlaceholder: { default: "-" },
+    disabled: { type: Boolean, default: false },
+    align: { default: "right" },
+    clearable: { type: Boolean, default: false },
+    min: { default: void 0 },
+    max: { default: void 0 },
+    maxlength: {},
+    autofocus: { type: Boolean },
+    rows: {},
+    autosize: { type: [Boolean, Object] },
+    formatter: {},
+    formatTrigger: {},
+    clearIcon: {},
+    clearTrigger: {},
+    leftIcon: {},
+    rightIcon: {},
+    showWordLimit: {},
+    autocomplete: {},
+    autocapitalize: {},
+    autocorrect: {},
+    enterkeyhint: {},
+    spellcheck: { type: [Boolean, null] },
+    inputmode: {},
+    placeholder: { default: void 0 },
+    formItemProps: {}
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const slots = useSlots();
+    const numberValue = useModel(__props, "value");
+    const inputRef = ref(null);
+    const placeholder = computed(() => props.placeholder || "请选择");
+    const handleChange = (value) => {
+      var _a, _b;
+      if (value === "" || value === null || value === void 0) {
+        numberValue.value = "";
+        (_a = props.onChange) == null ? void 0 : _a.call(props, "");
+        return;
+      }
+      numberValue.value = value;
+      (_b = props.onChange) == null ? void 0 : _b.call(props, value);
+    };
+    __expose({
+      focus: () => {
+        var _a, _b;
+        return (_b = (_a = inputRef.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+      },
+      blur: () => {
+        var _a, _b;
+        return (_b = (_a = inputRef.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["schemx-renderer", "schemx-number-renderer", props.className])
+      }, [
+        props.readonly ? (openBlock(), createBlock(_sfc_main$k, {
+          key: 0,
+          value: numberValue.value,
+          placeholder: placeholder.value,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled
+        }, null, 8, ["value", "placeholder", "readonly-placeholder", "readonly", "disabled"])) : (openBlock(), createBlock(unref(_sfc_main$j), {
+          key: 1,
+          ref_key: "inputRef",
+          ref: inputRef,
+          value: numberValue.value,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => numberValue.value = $event),
+          type: props.type,
+          placeholder: props.placeholder,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled,
+          align: props.align,
+          min: props.min,
+          max: props.max,
+          maxlength: props.maxlength,
+          clearable: props.clearable,
+          onChange: handleChange,
+          onBlur: props.onBlur,
+          onFocus: props.onFocus
+        }, createSlots({ _: 2 }, [
+          unref(slots)["left-icon"] ? {
+            name: "left-icon",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "left-icon")
+            ]),
+            key: "0"
+          } : void 0,
+          unref(slots)["right-icon"] ? {
+            name: "right-icon",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "right-icon")
+            ]),
+            key: "1"
+          } : void 0,
+          unref(slots).button ? {
+            name: "button",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "button")
+            ]),
+            key: "2"
+          } : void 0,
+          unref(slots).extra ? {
+            name: "extra",
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, "extra")
+            ]),
+            key: "3"
+          } : void 0
+        ]), 1032, ["value", "type", "placeholder", "readonly-placeholder", "readonly", "disabled", "align", "min", "max", "maxlength", "clearable", "onBlur", "onFocus"]))
+      ], 2);
+    };
+  }
+});
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PickerRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    value: { default: void 0 },
+    onConfirm: { type: Function, default: () => {
+    } },
+    onChange: { type: Function, default: () => {
+    } },
+    className: { default: "" },
+    emitPath: { type: Boolean, default: false },
+    showAllLevels: { type: Boolean, default: false },
+    separator: { default: " - " },
+    readonly: { type: Boolean, default: false },
+    readonlyPlaceholder: { default: "-" },
+    disabled: { type: Boolean, default: false },
+    title: { default: "" },
+    options: { default: () => [] },
+    columns: {},
+    columnsFieldNames: {},
+    fieldNames: { default: () => ({ text: "text", value: "value", children: "children" }) },
+    contentAlign: {},
+    popupProps: {},
+    popupClassName: { default: "" },
+    placeholder: {},
+    align: {},
+    formItemProps: {}
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const pickerValue = useModel(__props, "value");
+    const showPicker = ref(false);
+    const placeholder = computed(() => (props == null ? void 0 : props.placeholder) || "请选择");
+    const title = computed(() => props.title || placeholder.value);
+    const pickerProps = computed(() => {
+      const {
+        value: _value,
+        onChange: _onChange,
+        onConfirm: _onConfirm,
+        className: _className,
+        popupClassName: _popupClassName,
+        readonlyPlaceholder: _readonlyPlaceholder,
+        separator: _separator,
+        showAllLevels: _showAllLevels,
+        emitPath: _emitPath,
+        options: _options,
+        columns: _columns,
+        columnsFieldNames: _columnsFieldNames,
+        fieldNames: _fieldNames,
+        contentAlign: _contentAlign,
+        formItemProps: _formItemProps,
+        popupProps: _popupProps,
+        title: _title,
+        ...rest
+      } = props;
+      return { ...attrs, ...rest, title: title.value };
+    });
+    const popupProps = computed(() => ({
+      round: true,
+      position: "bottom",
+      safeAreaInsetBottom: true,
+      teleport: "body",
+      ...props.popupProps
+    }));
+    const columns = computed(() => {
+      var _a;
+      if (Array.isArray(props.options) && ((_a = props.options) == null ? void 0 : _a.length) > 0) {
+        return props.options;
+      }
+      return (props == null ? void 0 : props.columns) || [];
+    });
+    const fieldNames = computed(
+      () => (props == null ? void 0 : props.columnsFieldNames) || (props == null ? void 0 : props.fieldNames)
+    );
+    const fieldValue = computed(() => {
+      var _a, _b, _c, _d;
+      const result = findTreeItem(columns.value, pickerValue.value, {
+        labelKey: (_a = fieldNames.value) == null ? void 0 : _a.text,
+        valueKey: (_b = fieldNames.value) == null ? void 0 : _b.value,
+        childrenKey: (_c = fieldNames.value) == null ? void 0 : _c.children
+      });
+      const label = props.showAllLevels ? result == null ? void 0 : result.labels : result == null ? void 0 : result.labels.slice(-1);
+      return result.labels.length ? label == null ? void 0 : label.join(props.separator) : (_d = pickerValue.value) == null ? void 0 : _d.toString();
+    });
+    const modelValue = computed(() => {
+      if (pickerValue.value === void 0 || pickerValue.value === null || pickerValue.value === "") {
+        return [];
+      }
+      return Array.isArray(pickerValue.value) ? pickerValue.value : [pickerValue.value];
+    });
+    const handleConfirm = (values) => {
+      var _a, _b;
+      const value = props.emitPath ? values.selectedValues : values.selectedValues[values.selectedValues.length - 1];
+      pickerValue.value = value;
+      (_a = props.onConfirm) == null ? void 0 : _a.call(props, value, values);
+      (_b = props.onChange) == null ? void 0 : _b.call(props, value, values);
+      showPicker.value = false;
+    };
+    const handleCancel = () => {
+      showPicker.value = false;
+    };
+    const handleClick = () => {
+      if (props.readonly || props.disabled) return;
+      showPicker.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["schemx-renderer", "schemx-picker-renderer", props.className])
+      }, [
+        createVNode(_sfc_main$k, {
+          placeholder: placeholder.value,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled,
+          value: fieldValue.value,
+          onClick: handleClick
+        }, null, 8, ["placeholder", "readonly-placeholder", "readonly", "disabled", "value"]),
+        !props.readonly && !props.disabled ? (openBlock(), createBlock(unref(Popup), mergeProps({
+          key: 0,
+          show: showPicker.value,
+          "onUpdate:show": _cache[0] || (_cache[0] = ($event) => showPicker.value = $event),
+          class: unref(classNames)("schemx-picker-popup-renderer", props.popupClassName)
+        }, popupProps.value, { "safe-area-inset-bottom": "" }), {
+          default: withCtx(() => [
+            createVNode(unref(Picker), mergeProps({
+              "model-value": modelValue.value,
+              columns: columns.value,
+              "columns-field-names": fieldNames.value
+            }, pickerProps.value, {
+              onConfirm: handleConfirm,
+              onCancel: handleCancel
+            }), {
+              empty: withCtx(() => [..._cache[1] || (_cache[1] = [
+                createElementVNode("div", { class: "schemx-picker-empty" }, "No data", -1)
+              ])]),
+              _: 1
+            }, 16, ["model-value", "columns", "columns-field-names"])
+          ]),
+          _: 1
+        }, 16, ["show", "class"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const PickerRenderer = WithRemoteOptions(_sfc_main$b);
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RadioRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    value: { default: void 0 },
+    onChange: { type: Function, default: () => {
+    } },
+    options: { default: () => [] },
+    className: { default: "" },
+    fieldNames: { default: () => ({}) },
+    readonly: { type: Boolean, default: false },
+    view: { type: Boolean, default: false },
+    readonlyPlaceholder: { default: "-" },
+    disabled: { type: Boolean, default: false },
+    placeholder: {},
+    align: {},
+    formItemProps: {}
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const radioValue = useModel(__props, "value");
+    const labelName = computed(() => {
+      var _a;
+      return ((_a = props.fieldNames) == null ? void 0 : _a.label) || "label";
+    });
+    const valueName = computed(() => {
+      var _a;
+      return ((_a = props.fieldNames) == null ? void 0 : _a.value) || "value";
+    });
+    const disabledName = computed(() => {
+      var _a;
+      return ((_a = props.fieldNames) == null ? void 0 : _a.disabled) || "disabled";
+    });
+    const placeholder = computed(() => props.placeholder || "请选择");
+    const contentAlign = computed(() => getFieldProps(attrs, "align", "right"));
+    const fieldValue = computed(() => {
+      return getOption(radioValue.value ?? props.value, labelName.value);
+    });
+    const radioProps = computed(() => {
+      const { value, className, formItemProps, ...rest } = props;
+      const style = {
+        display: "flex",
+        flexWrap: "wrap",
+        gap: "8px 12px",
+        justifyContent: contentAlign.value,
+        ...(attrs == null ? void 0 : attrs.style) || {}
+      };
+      return { ...attrs, ...rest, style };
+    });
+    const handleChange = (value) => {
+      var _a;
+      if (props.readonly || props.disabled) return;
+      radioValue.value = value;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, value);
+    };
+    const getOption = (v, key) => {
+      const option = props.options.find((option2) => option2[valueName.value] === v);
+      return option ? option[key] : v;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "schemx-renderer",
+          "schemx-radio-renderer",
+          __props.className,
+          { "schemx-renderer-readonly": props.readonly }
+        ]),
+        style: normalizeStyle({ textAlign: contentAlign.value })
+      }, [
+        props.readonly ? (openBlock(), createBlock(_sfc_main$k, {
+          key: 0,
+          value: fieldValue.value,
+          placeholder: placeholder.value,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled
+        }, null, 8, ["value", "placeholder", "readonly-placeholder", "readonly", "disabled"])) : (openBlock(), createBlock(unref(RadioGroup), mergeProps({ key: 1 }, radioProps.value, {
+          "model-value": radioValue.value,
+          "onUpdate:modelValue": handleChange
+        }), {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+              return openBlock(), createBlock(unref(Radio), mergeProps({
+                key: option[valueName.value],
+                name: option[valueName.value],
+                disabled: __props.disabled || option[disabledName.value]
+              }, { ref_for: true }, option), {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(option[labelName.value]), 1)
+                ]),
+                _: 2
+              }, 1040, ["name", "disabled"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 16, ["model-value"]))
+      ], 6);
+    };
+  }
+});
+const RadioRenderer = WithRemoteOptions(_sfc_main$a);
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RateRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    value: { default: 0 },
+    onChange: { type: Function, default: () => {
+    } },
+    count: { default: 5 },
+    allowHalf: { type: Boolean, default: false },
+    className: { default: "" },
+    readonly: { type: Boolean, default: false },
+    readonlyPlaceholder: { default: "-" },
+    disabled: { type: Boolean, default: false },
+    placeholder: {},
+    align: {},
+    formItemProps: {}
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const rateValue = useModel(__props, "value");
+    const rateProps = computed(() => {
+      const {
+        value: _value,
+        onChange: _onChange,
+        className: _className,
+        formItemProps: _formItemProps,
+        ...rest
+      } = props;
+      return { ...attrs, rest };
+    });
+    const handleChange = (value) => {
+      var _a;
+      if (props.disabled || props.readonly) return;
+      rateValue.value = value;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "schemx-renderer",
+          "schemx-rate-renderer",
+          __props.className,
+          {
+            "schemx-rate-renderer__readonly": props.readonly,
+            "schemx-rate-renderer__disabled": props.disabled
+          }
+        ])
+      }, [
+        createVNode(unref(Rate), mergeProps(rateProps.value, {
+          "model-value": rateValue.value,
+          count: __props.count,
+          "allow-half": __props.allowHalf,
+          disabled: props.disabled,
+          "onUpdate:modelValue": handleChange
+        }), null, 16, ["model-value", "count", "allow-half", "disabled"])
+      ], 2);
+    };
+  }
+});
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SliderRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    value: { default: 0 },
+    onChange: { type: Function, default: () => {
+    } },
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    range: { type: Boolean, default: false },
+    className: { default: "" },
+    readonly: { type: Boolean, default: false },
+    readonlyPlaceholder: { default: "-" },
+    disabled: { type: Boolean, default: false },
+    button: { type: Boolean, default: true },
+    placeholder: {},
+    align: {},
+    formItemProps: {}
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const sliderValue = useModel(__props, "value");
+    const placeholder = computed(() => props.placeholder || "请选择");
+    const displayValue = computed(() => {
+      return Array.isArray(sliderValue.value) ? sliderValue.value.join(" - ") : sliderValue.value;
+    });
+    const sliderProps = computed(() => {
+      const { value, className, formItemProps, ...rest } = props;
+      return { ...attrs, ...rest };
+    });
+    const handleChange = (value) => {
+      var _a;
+      if (props.readonly || props.disabled) return;
+      sliderValue.value = value;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["schemx-renderer", "schemx-slider-renderer", props.className])
+      }, [
+        props.readonly ? (openBlock(), createBlock(_sfc_main$k, {
+          key: 0,
+          value: displayValue.value,
+          placeholder: placeholder.value,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled
+        }, null, 8, ["value", "placeholder", "readonly-placeholder", "readonly", "disabled"])) : (openBlock(), createBlock(unref(Slider), mergeProps({ key: 1 }, sliderProps.value, {
+          "model-value": sliderValue.value,
+          "onUpdate:modelValue": handleChange
+        }), null, 16, ["model-value"]))
+      ], 2);
+    };
+  }
+});
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "StepperRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    value: { default: 0 },
+    onChange: { type: Function, default: () => {
+    } },
+    min: { default: void 0 },
+    max: { default: void 0 },
+    step: { default: 1 },
+    integer: { type: Boolean, default: false },
+    decimalLength: { default: void 0 },
+    className: { default: "" },
+    readonly: { type: Boolean, default: false },
+    readonlyPlaceholder: { default: "-" },
+    disabled: { type: Boolean, default: false },
+    allowEmpty: { type: Boolean, default: false },
+    placeholder: {},
+    align: {},
+    formItemProps: {}
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const stepperValue = useModel(__props, "value");
+    const placeholder = computed(() => props.placeholder || "请选择");
+    const stepperProps = computed(() => {
+      const { value, className, formItemProps, ...rest } = props;
+      return { ...attrs, ...rest };
+    });
+    const handleChange = (value) => {
+      var _a;
+      if (props.readonly || props.disabled) return;
+      stepperValue.value = value;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["schemx-renderer", "schemx-stepper-renderer", props.className])
+      }, [
+        props.readonly ? (openBlock(), createBlock(_sfc_main$k, {
+          key: 0,
+          value: stepperValue.value,
+          placeholder: placeholder.value,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled
+        }, null, 8, ["value", "placeholder", "readonly-placeholder", "readonly", "disabled"])) : (openBlock(), createBlock(unref(Stepper), mergeProps({ key: 1 }, stepperProps.value, {
+          "model-value": stepperValue.value,
+          "onUpdate:modelValue": handleChange
+        }), null, 16, ["model-value"]))
+      ], 2);
+    };
+  }
+});
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SwitchRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    value: { type: [Boolean, String, Number], default: false },
+    onChange: { type: Function, default: () => {
+    } },
+    className: { default: "" },
+    activeText: { default: void 0 },
+    activeValue: { type: [Boolean, String, Number], default: true },
+    inactiveValue: { type: [Boolean, String, Number], default: false },
+    inactiveText: { default: void 0 },
+    readonly: { type: Boolean, default: false },
+    readonlyPlaceholder: { default: "-" },
+    disabled: { type: Boolean, default: false },
+    placeholder: {},
+    align: {},
+    formItemProps: {}
+  }, {
+    "value": { type: [Boolean, String, Number] },
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const switchValue = useModel(__props, "value");
+    const switchLoading = ref(false);
+    const contentAlign = computed(
+      () => getFieldProps(attrs, "align", "right")
+    );
+    const fieldValue = computed(() => {
+      return (switchValue.value ?? props.value) === props.activeValue ? props.activeText : props.inactiveText;
+    });
+    const handleChange = async (value) => {
+      var _a;
+      if (props.readonly || props.disabled) return;
+      try {
+        switchLoading.value = true;
+        const nextValue = await ((_a = props.onChange) == null ? void 0 : _a.call(props, value));
+        switchValue.value = nextValue ?? value;
+        switchLoading.value = false;
+      } catch (error) {
+        switchLoading.value = false;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["schemx-renderer", "schemx-switch-renderer", props.className]),
+        style: normalizeStyle({ justifyContent: contentAlign.value })
+      }, [
+        props.readonly ? (openBlock(), createBlock(_sfc_main$k, {
+          key: 0,
+          value: fieldValue.value,
+          placeholder: props.placeholder,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled
+        }, null, 8, ["value", "placeholder", "readonly-placeholder", "readonly", "disabled"])) : (openBlock(), createBlock(unref(Switch), mergeProps({
+          key: 1,
+          size: "22px"
+        }, unref(attrs), {
+          "model-value": switchValue.value,
+          loading: switchLoading.value,
+          disabled: __props.disabled,
+          "onUpdate:modelValue": handleChange
+        }), null, 16, ["model-value", "loading", "disabled"]))
+      ], 6);
+    };
+  }
+});
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "UploadRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    value: { default: () => [] },
+    onChange: { type: Function, default: () => {
+    } },
+    accept: { default: "*" },
+    className: { default: "" },
+    showUpload: { default: true },
+    disableUpload: { type: Boolean, default: false },
+    deletable: { default: true },
+    readonly: { default: false },
+    view: { type: Boolean, default: false },
+    readonlyPlaceholder: { default: "-" },
+    disabled: { default: false },
+    uploader: { type: Function, default: () => Promise.resolve({}) },
+    propsHttp: { default: () => ({
+      res: "data",
+      url: "link",
+      name: "originalName"
+    }) },
+    placeholder: {},
+    align: {},
+    formItemProps: {}
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const uploadAttrs = attrs;
+    const uploadValue = useModel(__props, "value");
+    const field = useFieldContext();
+    const uploadRef = ref(null);
+    const uploadingFiles = ref([]);
+    const httpRes = Object.assign({}, props.propsHttp, {
+      res: "data",
+      url: "link",
+      name: "originalName"
+    });
+    const normalizeFile = (item) => {
+      if (!item) return null;
+      const url = (item == null ? void 0 : item.url) || item;
+      return {
+        ...typeof item === "string" ? {} : item,
+        url,
+        uid: (item == null ? void 0 : item.uid) || getFileName(url),
+        status: (item == null ? void 0 : item.status) || "done"
+      };
+    };
+    const innerFileList = computed(() => {
+      const propsFiles = (Array.isArray(uploadValue.value) ? uploadValue.value : [uploadValue.value]).filter(Boolean).map(normalizeFile).filter(Boolean);
+      const fileMap = /* @__PURE__ */ new Map();
+      propsFiles.forEach((file) => {
+        if (file.uid) {
+          fileMap.set(file.uid, file);
+        }
+      });
+      uploadingFiles.value.forEach((file) => {
+        if (file.uid) {
+          fileMap.set(file.uid, file);
+        }
+      });
+      return Array.from(fileMap.values());
+    });
+    watch(
+      () => uploadValue.value,
+      (newVal) => {
+        if (!newVal || Array.isArray(newVal) && newVal.length === 0) {
+          uploadingFiles.value = [];
+        }
+      },
+      { deep: true }
+    );
+    const viewComputed = computed(() => props.view);
+    const readonlyComputed = computed(() => props.readonly);
+    const disabledComputed = computed(() => props.disabled);
+    const deletableComputed = computed(
+      () => viewComputed.value || readonlyComputed.value ? false : props.deletable
+    );
+    const showUploadComputed = computed(
+      () => viewComputed.value || readonlyComputed.value ? false : props.showUpload
+    );
+    const uploaderReadonlyComputed = computed(
+      () => viewComputed.value || readonlyComputed.value
+    );
+    const rootClass = computed(
+      () => classNames("schemx-renderer", "schemx-upload-renderer", props.className)
+    );
+    const resetFieldPending = () => {
+      uploadingFiles.value.some((i) => i.status === "uploading");
+    };
+    const onSuccess = (res, file) => {
+      var _a;
+      const index = uploadingFiles.value.findIndex((i) => i.uid === file.uid);
+      if (index === -1) return;
+      const completedFile = {
+        ...uploadingFiles.value[index],
+        url: res[httpRes.res][httpRes.url],
+        name: res[httpRes.res][httpRes.name],
+        status: "done",
+        message: "上传成功"
+      };
+      uploadingFiles.value = uploadingFiles.value.filter((i) => i.uid !== file.uid);
+      const currentDoneFiles = (Array.isArray(uploadValue.value) ? uploadValue.value : []).filter(Boolean).map(normalizeFile).filter(Boolean);
+      const nextFiles = [...currentDoneFiles, completedFile];
+      uploadValue.value = nextFiles;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, nextFiles);
+      resetFieldPending();
+    };
+    const onFail = (_error, file) => {
+      const index = uploadingFiles.value.findIndex((i) => i.uid === file.uid);
+      if (index === -1) return;
+      uploadingFiles.value[index] = {
+        ...uploadingFiles.value[index],
+        status: "failed",
+        message: "上传失败"
+      };
+      resetFieldPending();
+    };
+    const handleBeforeRead = (file) => {
+      if (uploadAttrs.beforeRead) {
+        return uploadAttrs.beforeRead(file);
+      }
+      return true;
+    };
+    const afterRead = async (files) => {
+      try {
+        if (uploadAttrs.afterRead) {
+          return uploadAttrs.afterRead(files);
+        }
+        const _fileList = Array.isArray(files) ? files : [files];
+        field.setPending(true, "文件上传中");
+        const uploadList = _fileList.map((item) => {
+          var _a;
+          const newItem = {
+            ...item,
+            url: item.objectUrl,
+            uid: getFileName(item.objectUrl),
+            status: "uploading",
+            message: "上传中..."
+          };
+          if (!newItem.file) {
+            throw "file is undefined";
+          }
+          (_a = props.uploader) == null ? void 0 : _a.call(props, newItem.file).then((res) => {
+            onSuccess(res, newItem);
+          }).catch((error) => {
+            onFail(error, newItem);
+          });
+          return newItem;
+        });
+        uploadingFiles.value = [...uploadingFiles.value, ...uploadList];
+      } catch (error) {
+        console.error("Upload failed:", error.message || "上传失败");
+      }
+    };
+    const onDelete = (file, detail) => {
+      var _a;
+      if (uploadAttrs.onDelete) {
+        return uploadAttrs.onDelete(file, detail);
+      }
+      if (file.status === "uploading" || file.status === "failed") {
+        uploadingFiles.value = uploadingFiles.value.filter((i) => i.uid !== file.uid);
+        return;
+      }
+      const currentFiles = (Array.isArray(uploadValue.value) ? uploadValue.value : []).filter(Boolean).map(normalizeFile).filter((i) => i && i.uid !== file.uid);
+      uploadValue.value = currentFiles;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, currentFiles);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["schemx-renderer", "schemx-upload-renderer", props.className])
+      }, [
+        createVNode(unref(Uploader), mergeProps(_ctx.$attrs, {
+          ref_key: "uploadRef",
+          ref: uploadRef,
+          "result-type": "file",
+          multiple: true,
+          class: rootClass.value,
+          "model-value": innerFileList.value,
+          "show-upload": showUploadComputed.value,
+          deletable: deletableComputed.value,
+          disabled: disabledComputed.value,
+          readonly: uploaderReadonlyComputed.value,
+          "before-read": handleBeforeRead,
+          "after-read": afterRead,
+          accept: __props.accept,
+          onDelete
+        }), null, 16, ["class", "model-value", "show-upload", "deletable", "disabled", "readonly", "accept"])
+      ], 2);
+    };
+  }
+});
+function omitBy(obj, shouldOmit) {
+  const result = {};
+  const keys = Object.keys(obj);
+  for (let i = 0; i < keys.length; i++) {
+    const key = keys[i];
+    const value = obj[key];
+    if (!shouldOmit(value, key)) result[key] = value;
+  }
+  return result;
+}
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CascaderRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    value: { default: () => [] },
+    onConfirm: { type: Function, default: void 0 },
+    onChange: { type: Function, default: void 0 },
+    className: { default: "" },
+    showAllLevels: { type: Boolean, default: true },
+    emitPath: { type: Boolean, default: true },
+    fieldNames: { default: () => ({ text: "label", value: "value", children: "children" }) },
+    separator: { default: " - " },
+    readonly: { type: Boolean, default: false },
+    readonlyPlaceholder: { default: "-" },
+    disabled: { type: Boolean, default: false },
+    options: { default: () => [] },
+    contentAlign: {},
+    title: { default: void 0 },
+    popupProps: { default: () => ({}) },
+    popupClassName: { default: "" },
+    placeholder: { default: void 0 },
+    align: {},
+    formItemProps: {}
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const cascaderModel = useModel(__props, "value");
+    const showCascader = ref(false);
+    const placeholder = computed(() => props.placeholder || "请选择");
+    const fieldNames = computed(() => props.fieldNames);
+    const title = computed(() => props.title ?? placeholder.value);
+    const cascaderProps = computed(() => {
+      const {
+        value: _value,
+        onChange: _onChange,
+        onConfirm: _onConfirm,
+        className: _className,
+        readonlyPlaceholder: _readonlyPlaceholder,
+        showAllLevels: _showAllLevels,
+        emitPath: _emitPath,
+        separator: _separator,
+        contentAlign: _contentAlign,
+        placeholder: _placeholder,
+        formItemProps: _formItemProps,
+        popupProps: _popupProps,
+        title: _title,
+        ...rest
+      } = props;
+      return { ...attrs, ...rest, placeholder: placeholder.value, title: title.value };
+    });
+    const columns = computed(() => {
+      if (Array.isArray(props.options) && props.options.length > 0) {
+        return props.options;
+      }
+      return [];
+    });
+    const cascaderValue = computed(() => {
+      if (!Array.isArray(cascaderModel.value) || cascaderModel.value.length === 0) {
+        return void 0;
+      }
+      return cascaderModel.value[cascaderModel.value.length - 1];
+    });
+    const fieldValue = computed(() => {
+      const targetValue = Array.isArray(cascaderModel.value) ? cascaderModel.value[cascaderModel.value.length - 1] : cascaderModel.value;
+      const result = findTreeItem(columns.value, targetValue, {
+        labelKey: fieldNames.value.text,
+        valueKey: fieldNames.value.value,
+        childrenKey: fieldNames.value.children
+      });
+      if (!result.labels.length) return "";
+      const labels = props.showAllLevels ? result.labels : result.labels.slice(-1);
+      return labels.join(props.separator);
+    });
+    const popupProps = computed(() => {
+      return {
+        round: true,
+        position: "bottom",
+        safeAreaInsetBottom: true,
+        teleport: "body",
+        ...omitBy(props.popupProps, (_, key) => key === "show")
+      };
+    });
+    const handleClick = () => {
+      if (props.readonly || props.disabled) return;
+      showCascader.value = true;
+    };
+    const handleConfirm = (data) => {
+      var _a, _b;
+      if (props.readonly || props.disabled) return;
+      const valueKey = fieldNames.value.value || "value";
+      const valuePath = data.selectedOptions.map((i) => i[valueKey]);
+      const value = props.emitPath ? valuePath : [data.value];
+      cascaderModel.value = value;
+      (_a = props.onConfirm) == null ? void 0 : _a.call(props, value);
+      (_b = props.onChange) == null ? void 0 : _b.call(props, value);
+      showCascader.value = false;
+    };
+    const handleClose = () => {
+      showCascader.value = false;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["schemx-renderer", "schemx-cascader-renderer", props.className])
+      }, [
+        createVNode(_sfc_main$k, {
+          value: fieldValue.value,
+          placeholder: placeholder.value,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled,
+          onClick: handleClick
+        }, null, 8, ["value", "placeholder", "readonly-placeholder", "readonly", "disabled"]),
+        !props.readonly && !props.disabled ? (openBlock(), createBlock(unref(Popup), mergeProps({
+          key: 0,
+          show: showCascader.value,
+          "onUpdate:show": _cache[0] || (_cache[0] = ($event) => showCascader.value = $event),
+          class: unref(classNames)("schemx-cascader-popup-renderer", props.popupClassName)
+        }, popupProps.value, { "safe-area-inset-bottom": "" }), {
+          default: withCtx(() => [
+            createVNode(unref(Cascader), mergeProps(cascaderProps.value, {
+              "model-value": cascaderValue.value,
+              onFinish: handleConfirm,
+              onClose: handleClose
+            }), null, 16, ["model-value"])
+          ]),
+          _: 1
+        }, 16, ["show", "class"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$2 = { class: "selector" };
+const _hoisted_2$2 = ["onClick"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SSelector"
+  },
+  __name: "Selector",
+  props: {
+    modelValue: { default: () => [] },
+    options: { default: () => [] },
+    multiple: { type: Boolean, default: false },
+    fieldNames: { default: () => ({ label: "label", value: "value", disabled: "disabled" }) },
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const labelKey = computed(() => {
+      var _a;
+      return ((_a = props.fieldNames) == null ? void 0 : _a.label) || "label";
+    });
+    const valueKey = computed(() => {
+      var _a;
+      return ((_a = props.fieldNames) == null ? void 0 : _a.value) || "value";
+    });
+    const disabledKey = computed(() => {
+      var _a;
+      return ((_a = props.fieldNames) == null ? void 0 : _a.disabled) || "disabled";
+    });
+    const selectedValues = computed(() => {
+      if (props.multiple) {
+        return Array.isArray(props.modelValue) ? props.modelValue : [];
+      }
+      return props.modelValue === void 0 || props.modelValue === null ? [] : [props.modelValue];
+    });
+    const options = computed(() => Array.isArray(props.options) ? props.options : []);
+    const isSelected = (option) => {
+      return selectedValues.value.includes(option == null ? void 0 : option[valueKey.value]);
+    };
+    const handleClick = (option) => {
+      if (props.disabled || (option == null ? void 0 : option[disabledKey.value])) return;
+      const value = option == null ? void 0 : option[valueKey.value];
+      if (props.multiple) {
+        const next = selectedValues.value.includes(value) ? selectedValues.value.filter((item) => item !== value) : [...selectedValues.value, value];
+        emit("update:modelValue", next);
+        emit("change", next, option);
+        return;
+      }
+      emit("update:modelValue", value);
+      emit("change", value, option);
+    };
+    const optionClass = (item) => ({
+      option: true,
+      active: isSelected(item),
+      disabled: props.disabled || !!(item == null ? void 0 : item[disabledKey.value])
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (item) => {
+          return openBlock(), createElementBlock("div", {
+            key: item[valueKey.value],
+            class: normalizeClass(optionClass(item)),
+            onClick: ($event) => handleClick(item)
+          }, [
+            renderSlot(_ctx.$slots, "item", { item }, () => [
+              createTextVNode(toDisplayString(item[labelKey.value]), 1)
+            ])
+          ], 10, _hoisted_2$2);
+        }), 128))
+      ]);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SelectorRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    value: { default: void 0 },
+    onChange: { type: Function, default: () => {
+    } },
+    options: { default: () => [] },
+    className: { default: "" },
+    fieldNames: { default: () => ({}) },
+    readonly: { type: Boolean, default: false },
+    view: { type: Boolean, default: false },
+    readonlyPlaceholder: { default: "-" },
+    disabled: { type: Boolean, default: false },
+    placeholder: {},
+    align: {},
+    formItemProps: {}
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const selectorValue = useModel(__props, "value");
+    const labelName = computed(() => {
+      var _a;
+      return ((_a = props.fieldNames) == null ? void 0 : _a.label) || "label";
+    });
+    const valueName = computed(() => {
+      var _a;
+      return ((_a = props.fieldNames) == null ? void 0 : _a.value) || "value";
+    });
+    const contentAlign = computed(() => getFieldProps(attrs, "align", "right"));
+    const fieldValue = computed(() => {
+      return getOption(selectorValue.value ?? props.value, labelName.value);
+    });
+    const selectorProps = computed(() => {
+      const { value, className: _className, formItemProps: _formItemProps, ...rest } = props;
+      return { ...attrs, rest };
+    });
+    const handleChange = (value) => {
+      var _a;
+      if (props.readonly || props.disabled) return;
+      selectorValue.value = value;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, value);
+    };
+    const getOption = (v, key) => {
+      const option = props.options.find(
+        (option2) => option2[valueName.value] === v
+      );
+      return option ? option[key] : v;
+    };
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "schemx-renderer",
+          "schemx-selector-renderer",
+          __props.className,
+          {
+            "schemx-renderer-readonly": __props.readonly
+          }
+        ])
+      }, [
+        props.readonly ? (openBlock(), createBlock(_sfc_main$k, {
+          key: 0,
+          value: fieldValue.value,
+          placeholder: __props.placeholder,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled
+        }, null, 8, ["value", "placeholder", "readonly-placeholder", "readonly", "disabled"])) : (openBlock(), createBlock(_sfc_main$3, mergeProps({ key: 1 }, selectorProps.value, {
+          options: __props.options,
+          "field-names": __props.fieldNames,
+          disabled: props.disabled,
+          "model-value": selectorValue.value,
+          style: {
+            display: "flex",
+            flexWrap: "wrap",
+            gap: "8px 12px",
+            justifyContent: contentAlign.value,
+            ...((_a = unref(attrs)) == null ? void 0 : _a.style) || {}
+          },
+          "onUpdate:modelValue": handleChange
+        }), null, 16, ["options", "field-names", "disabled", "model-value", "style"]))
+      ], 2);
+    };
+  }
+});
+const SelectorRenderer = WithRemoteOptions(_sfc_main$2);
+const _hoisted_1$1 = { class: "schemx-select-picker" };
+const _hoisted_2$1 = { class: "schemx-select-picker-actions" };
+const _hoisted_3 = { class: "schemx-select-picker-title" };
+const _hoisted_4 = { class: "schemx-select-picker-options" };
+const _hoisted_5 = {
+  key: 1,
+  class: "schemx-select-picker-empty"
+};
+const _hoisted_6 = { class: "schemx-select-picker-footer" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SelectPickerRendererComponent",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    value: { default: void 0 },
+    onChange: { type: Function, default: () => {
+    } },
+    onConfirm: { type: Function, default: () => {
+    } },
+    className: { default: "" },
+    popupClassName: { default: "" },
+    view: { type: Boolean },
+    options: { default: () => [] },
+    columns: { default: () => [] },
+    fieldNames: { default: () => ({}) },
+    type: { default: "checkbox" },
+    readonly: { type: Boolean, default: false },
+    readonlyPlaceholder: { default: "-" },
+    disabled: { type: Boolean, default: false },
+    title: { default: "" },
+    contentAlign: {},
+    popupProps: {},
+    placeholder: {},
+    align: {},
+    formItemProps: {}
+  }, {
+    "value": {},
+    "valueModifiers": {}
+  }),
+  emits: ["update:value"],
+  setup(__props) {
+    const props = __props;
+    const selectPickerValue = useModel(__props, "value");
+    const pendingValue = ref();
+    const showPicker = ref(false);
+    const placeholder = computed(() => props.placeholder || "请选择");
+    const type = computed(() => props.type || "checkbox");
+    const labelName = computed(() => {
+      var _a;
+      return ((_a = props.fieldNames) == null ? void 0 : _a.label) || "label";
+    });
+    const valueName = computed(() => {
+      var _a;
+      return ((_a = props.fieldNames) == null ? void 0 : _a.value) || "value";
+    });
+    const disabledName = computed(() => {
+      var _a;
+      return ((_a = props.fieldNames) == null ? void 0 : _a.disabled) || "disabled";
+    });
+    const isReadonly = computed(() => props.readonly || Boolean(props.view));
+    const popupProps = computed(() => ({
+      round: true,
+      position: "bottom",
+      safeAreaInsetBottom: true,
+      teleport: "body",
+      closeable: true,
+      closeIconPosition: "top-right",
+      ...props.popupProps
+    }));
+    const columns = computed(() => {
+      if (Array.isArray(props.options) && props.options.length > 0) return props.options;
+      return props.columns || [];
+    });
+    const normalizeValue = (value) => {
+      if (type.value === "checkbox") return Array.isArray(value) ? value : [];
+      return value ?? "";
+    };
+    const displayValue = computed(
+      () => normalizeValue(selectPickerValue.value ?? props.value)
+    );
+    const activeValue = computed(
+      () => normalizeValue(pendingValue.value ?? displayValue.value)
+    );
+    const checkboxValue = computed(
+      () => Array.isArray(activeValue.value) ? activeValue.value : []
+    );
+    const radioValue = computed(
+      () => Array.isArray(activeValue.value) ? "" : activeValue.value
+    );
+    const getOption = (value) => {
+      return columns.value.find((option) => option[valueName.value] === value);
+    };
+    const getOptionLabel = (value) => {
+      const option = getOption(value);
+      return String((option == null ? void 0 : option[labelName.value]) ?? value ?? "");
+    };
+    const fieldValue = computed(() => {
+      const value = displayValue.value;
+      if (Array.isArray(value)) {
+        return value.map((item) => getOptionLabel(item)).filter(Boolean).join("、");
+      }
+      return getOptionLabel(value);
+    });
+    const selectedItems = computed(() => {
+      const value = activeValue.value;
+      if (Array.isArray(value)) {
+        return value.map((item) => getOption(item)).filter(Boolean);
+      }
+      return getOption(value) || {};
+    });
+    const handleClick = () => {
+      if (isReadonly.value || props.disabled) return;
+      pendingValue.value = displayValue.value;
+      showPicker.value = true;
+    };
+    const handleCheckboxChange = (value) => {
+      pendingValue.value = value;
+    };
+    const handleRadioChange = (value) => {
+      pendingValue.value = value;
+    };
+    const handleClose = () => {
+      pendingValue.value = void 0;
+      showPicker.value = false;
+    };
+    const handleConfirm = () => {
+      if (isReadonly.value || props.disabled) return;
+      const value = activeValue.value;
+      const detail = {
+        value,
+        selectedItems: selectedItems.value
+      };
+      selectPickerValue.value = value;
+      props.onChange(value, detail);
+      props.onConfirm(value, detail);
+      pendingValue.value = void 0;
+      showPicker.value = false;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["schemx-renderer", "schemx-select-picker-renderer", props.className])
+      }, [
+        createVNode(_sfc_main$k, {
+          value: fieldValue.value,
+          placeholder: placeholder.value,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: isReadonly.value,
+          disabled: props.disabled,
+          onClick: handleClick
+        }, null, 8, ["value", "placeholder", "readonly-placeholder", "readonly", "disabled"]),
+        !isReadonly.value && !props.disabled ? (openBlock(), createBlock(unref(Popup), mergeProps({
+          key: 0,
+          show: showPicker.value,
+          "onUpdate:show": _cache[0] || (_cache[0] = ($event) => showPicker.value = $event),
+          class: unref(classNames)("schemx-select-picker-popup-renderer", props.popupClassName)
+        }, popupProps.value, {
+          "safe-area-inset-bottom": "",
+          onClose: handleClose
+        }), {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1$1, [
+              createElementVNode("div", _hoisted_2$1, [
+                createElementVNode("div", _hoisted_3, toDisplayString(props.title || placeholder.value), 1)
+              ]),
+              createElementVNode("div", _hoisted_4, [
+                columns.value.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  type.value === "checkbox" ? (openBlock(), createBlock(unref(CheckboxGroup), {
+                    key: 0,
+                    "model-value": checkboxValue.value,
+                    "onUpdate:modelValue": handleCheckboxChange
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (option) => {
+                        return openBlock(), createBlock(unref(Checkbox), mergeProps({
+                          key: option[valueName.value],
+                          shape: "square",
+                          name: option[valueName.value],
+                          disabled: __props.disabled || option[disabledName.value]
+                        }, { ref_for: true }, option), {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(option[labelName.value]), 1)
+                          ]),
+                          _: 2
+                        }, 1040, ["name", "disabled"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["model-value"])) : (openBlock(), createBlock(unref(RadioGroup), {
+                    key: 1,
+                    "model-value": radioValue.value,
+                    "onUpdate:modelValue": handleRadioChange
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (option) => {
+                        return openBlock(), createBlock(unref(Radio), mergeProps({
+                          key: option[valueName.value],
+                          name: option[valueName.value],
+                          disabled: __props.disabled || option[disabledName.value]
+                        }, { ref_for: true }, option), {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(option[labelName.value]), 1)
+                          ]),
+                          _: 2
+                        }, 1040, ["name", "disabled"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["model-value"]))
+                ], 64)) : (openBlock(), createElementBlock("div", _hoisted_5, "No data"))
+              ]),
+              createElementVNode("div", _hoisted_6, [
+                createVNode(unref(Button), {
+                  type: "primary",
+                  block: "",
+                  onClick: handleConfirm
+                }, {
+                  default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                    createTextVNode("确认", -1)
+                  ])]),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          _: 1
+        }, 16, ["show", "class"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const SelectPickerRenderer = WithRemoteOptions(_sfc_main$1);
+function defaultMaskFormatter(value) {
+  const chars = [...value];
+  const length = chars.length;
+  if (length <= 0) return "";
+  if (length <= 2) return "*".repeat(length);
+  if (length <= 6) return `${chars[0]}****${chars[length - 1]}`;
+  return `${chars.slice(0, 3).join("")}****${chars.slice(-4).join("")}`;
+}
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = ["aria-label"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SensitiveInput",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: {
+    value: { default: "" },
+    onChange: { type: Function, default: void 0 },
+    formatter: { type: Function, default: void 0 },
+    maskFormatter: { type: Function, default: defaultMaskFormatter },
+    defaultRevealed: { type: Boolean, default: false },
+    revealed: { type: Boolean, default: void 0 },
+    onRevealChange: { type: Function, default: void 0 },
+    revealable: { type: Boolean, default: true },
+    revealText: { default: "显示" },
+    hideText: { default: "隐藏" },
+    revealIcon: { default: "eye-o" },
+    hideIcon: { default: "closed-eye" },
+    focusOnReveal: { type: Boolean, default: true },
+    hideOnBlur: { type: Boolean, default: false },
+    revealWhenReadonly: { type: Boolean, default: false },
+    onBlur: { type: Function, default: void 0 },
+    onFocus: { type: Function, default: void 0 },
+    readonly: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    autofocus: { type: Boolean },
+    maxlength: {},
+    min: {},
+    max: {},
+    rows: {},
+    autosize: { type: [Boolean, Object] },
+    formatTrigger: {},
+    clearable: {},
+    clearIcon: {},
+    clearTrigger: {},
+    leftIcon: {},
+    rightIcon: {},
+    showWordLimit: {},
+    className: { default: "" },
+    readonlyPlaceholder: { default: "-" },
+    autocomplete: {},
+    autocapitalize: {},
+    autocorrect: {},
+    enterkeyhint: {},
+    spellcheck: { type: [Boolean, null] },
+    inputmode: {},
+    align: { default: "right" },
+    placeholder: { default: "" },
+    formItemProps: {}
+  },
+  emits: ["update:value", "update:revealed", "change", "reveal-change", "blur"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const inputRef = ref(null);
+    const innerRevealed = ref(props.defaultRevealed);
+    const rawValue = computed(() => String(props.value ?? ""));
+    const isRevealed = computed(() => props.revealed ?? innerRevealed.value);
+    const canReveal = computed(() => {
+      if (!props.revealable || props.disabled) return false;
+      if (props.readonly && !props.revealWhenReadonly) return false;
+      return !isEmptyDisplayValue(rawValue.value);
+    });
+    const formattedValue = computed(() => {
+      if (isEmptyDisplayValue(rawValue.value)) return "";
+      return props.formatter ? props.formatter(rawValue.value) : rawValue.value;
+    });
+    const maskedValue = computed(() => {
+      if (isEmptyDisplayValue(rawValue.value)) return "";
+      return props.maskFormatter(rawValue.value, {
+        placeholder: props.placeholder,
+        readonlyPlaceholder: props.readonlyPlaceholder
+      });
+    });
+    const displayValue = computed(
+      () => isRevealed.value && props.readonly ? formattedValue.value : maskedValue.value
+    );
+    const showInput = computed(() => isRevealed.value && !props.readonly && !props.disabled);
+    const inputProps = computed(() => {
+      const {
+        value: _value,
+        onChange: _onChange,
+        revealed: _revealed,
+        onRevealChange: _onRevealChange,
+        defaultRevealed: _defaultRevealed,
+        revealable: _revealable,
+        revealText: _revealText,
+        hideText: _hideText,
+        revealIcon: _revealIcon,
+        hideIcon: _hideIcon,
+        focusOnReveal: _focusOnReveal,
+        hideOnBlur: _hideOnBlur,
+        revealWhenReadonly: _revealWhenReadonly,
+        maskFormatter: _maskFormatter,
+        ...rest
+      } = props;
+      return rest;
+    });
+    const showAriaLabel = computed(() => props.revealText || "显示完整内容");
+    const hideAriaLabel = computed(() => props.hideText || "隐藏完整内容");
+    const setRevealed = (next) => {
+      var _a;
+      if (props.revealed === void 0) {
+        innerRevealed.value = next;
+      }
+      (_a = props.onRevealChange) == null ? void 0 : _a.call(props, next);
+      emit("update:revealed", next);
+      emit("reveal-change", next);
+    };
+    const toggleReveal = () => {
+      if (!canReveal.value) return;
+      const next = !isRevealed.value;
+      setRevealed(next);
+      if (next && props.focusOnReveal && !props.readonly) {
+        nextTick(() => {
+          var _a, _b;
+          return (_b = (_a = inputRef.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+        });
+      }
+    };
+    const handleInputChange = (value) => {
+      var _a;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, value);
+      emit("update:value", value);
+      emit("change", value);
+    };
+    const handleInputBlur = (event) => {
+      var _a;
+      (_a = props.onBlur) == null ? void 0 : _a.call(props, event);
+      emit("blur", event);
+      if (props.hideOnBlur) {
+        setRevealed(false);
+      }
+    };
+    __expose({
+      focus: () => {
+        var _a, _b;
+        return (_b = (_a = inputRef.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
+      },
+      blur: () => {
+        var _a, _b;
+        return (_b = (_a = inputRef.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["schemx-sensitive-input", props.className])
+      }, [
+        showInput.value ? (openBlock(), createBlock(unref(_sfc_main$j), mergeProps({
+          key: 0,
+          ref_key: "inputRef",
+          ref: inputRef
+        }, inputProps.value, {
+          value: formattedValue.value,
+          "on-change": handleInputChange,
+          "on-blur": handleInputBlur
+        }), {
+          button: withCtx(() => [
+            canReveal.value ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              type: "button",
+              class: "schemx-sensitive-input__toggle",
+              "data-testid": "sensitive-toggle",
+              "aria-label": hideAriaLabel.value,
+              onClick: withModifiers(toggleReveal, ["stop"])
+            }, [
+              props.hideIcon ? (openBlock(), createBlock(unref(Icon), {
+                key: 0,
+                name: props.hideIcon
+              }, null, 8, ["name"])) : createCommentVNode("", true),
+              createElementVNode("span", null, toDisplayString(props.hideText), 1)
+            ], 8, _hoisted_1)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 16, ["value"])) : (openBlock(), createBlock(_sfc_main$k, {
+          key: 1,
+          value: displayValue.value,
+          placeholder: props.placeholder,
+          "readonly-placeholder": props.readonlyPlaceholder,
+          readonly: props.readonly,
+          disabled: props.disabled,
+          "is-link": false,
+          align: props.align
+        }, {
+          suffix: withCtx(() => [
+            canReveal.value ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              type: "button",
+              class: "schemx-sensitive-input__toggle",
+              "data-testid": "sensitive-toggle",
+              "aria-label": showAriaLabel.value,
+              onClick: withModifiers(toggleReveal, ["stop"])
+            }, [
+              props.revealIcon ? (openBlock(), createBlock(unref(Icon), {
+                key: 0,
+                name: props.revealIcon
+              }, null, 8, ["name"])) : createCommentVNode("", true),
+              createElementVNode("span", null, toDisplayString(props.revealText), 1)
+            ], 8, _hoisted_2)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["value", "placeholder", "readonly-placeholder", "readonly", "disabled", "align"]))
+      ], 2);
+    };
+  }
+});
+const DEFAULT_RENDERER_TYPES = [
+  "input",
+  "text",
+  "textarea",
+  "number",
+  "switch",
+  "radio",
+  "checkbox",
+  "date",
+  "calendar",
+  "picker",
+  "selectPicker",
+  "selector",
+  "sensitiveInput",
+  "rate",
+  "slider",
+  "stepper",
+  "upload",
+  "cascader"
+];
+rendererRegistry.registerAll({
+  input: _sfc_main$i,
+  text: _sfc_main$h,
+  textarea: _sfc_main$g,
+  number: _sfc_main$c,
+  switch: _sfc_main$6,
+  radio: RadioRenderer,
+  checkbox: CheckboxRenderer,
+  date: _sfc_main$e,
+  calendar: _sfc_main$d,
+  picker: PickerRenderer,
+  selectPicker: SelectPickerRenderer,
+  selector: SelectorRenderer,
+  sensitiveInput: _sfc_main,
+  rate: _sfc_main$9,
+  slider: _sfc_main$8,
+  stepper: _sfc_main$7,
+  upload: _sfc_main$5,
+  cascader: _sfc_main$4
+});
+export {
+  _sfc_main$d as CalendarRenderer,
+  _sfc_main$4 as CascaderRenderer,
+  CheckboxRenderer,
+  DEFAULT_RENDERER_TYPES,
+  _sfc_main$e as DateRenderer,
+  _sfc_main$i as InputRenderer,
+  _sfc_main$c as NumberRenderer,
+  PickerRenderer,
+  RadioRenderer,
+  _sfc_main$9 as RateRenderer,
+  default2 as SchemxForm,
+  SelectPickerRenderer,
+  SelectorRenderer,
+  _sfc_main as SensitiveInputRenderer,
+  _sfc_main$8 as SliderRenderer,
+  _sfc_main$7 as StepperRenderer,
+  _sfc_main$6 as SwitchRenderer,
+  _sfc_main$g as TextAreaRenderer,
+  _sfc_main$h as TextRenderer,
+  _sfc_main$5 as UploadRenderer,
+  WithRemoteOptions2 as WithRemoteOptions,
+  default3 as default,
+  findTreeItem,
+  getFieldProps,
+  getFileName,
+  rendererRegistry2 as rendererRegistry,
+  useEffect,
+  useField,
+  useFieldContext2 as useFieldContext,
+  useForm,
+  useWatch,
+  validatorRegistry
+};
+//# sourceMappingURL=index.mjs.map