@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/input/TextArea.vue.js

@@ -0,0 +1,315 @@
+import { defineComponent as ve, mergeModels as q, useModel as pe, computed as l, useAttrs as he, ref as h, watch as G, markRaw as me, onMounted as fe, createElementBlock as w, openBlock as C, normalizeStyle as ye, normalizeClass as B, createBlock as ge, createCommentVNode as J, unref as Q, withCtx as Ce, createElementVNode as xe, mergeProps as W, createVNode as we, toDisplayString as $ } from "vue";
+import { throttle as be } from "lodash";
+import b from "classnames";
+import { cssClasses as Le } from "@douyinfe/semi-foundation/input/constants";
+import Be from "@douyinfe/semi-foundation/input/textareaFoundation";
+import $e from "../_resizeObserver/index.vue.js";
+import { useFoundation as ke } from "../../_utils/useFoundation.js";
+import ze from "../icons/icons/IconClear.js";
+const Ke = ["disabled", "readonly", "placeholder", "value", "maxlength", "minlength", "aria-invalid", "rows", "cols"], Se = ["disabled", "readonly", "placeholder", "value", "maxlength", "minlength", "aria-invalid", "rows", "cols"], Ue = /* @__PURE__ */ ve({
+  name: "SemiTextArea",
+  __name: "TextArea",
+  props: /* @__PURE__ */ q({
+    value: {},
+    autosize: { type: [Boolean, Object] },
+    borderless: { type: Boolean, default: !1 },
+    placeholder: {},
+    modelValue: {},
+    rows: { default: 4 },
+    cols: { default: 20 },
+    maxCount: {},
+    validateStatus: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    autoFocus: { type: Boolean },
+    showCounter: { type: Boolean, default: !1 },
+    showClear: { type: Boolean, default: !1 },
+    getValueLength: {},
+    disabledEnterStartNewLine: { type: Boolean },
+    className: {},
+    style: {},
+    maxLength: {},
+    minLength: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["update:value", "clear", "change", "blur", "focus", "input", "keydown", "keyup", "keypress", "enter-press", "resize", "composition-start", "composition-end", "composition-update"], ["update:modelValue"]),
+  setup(u, { expose: Y, emit: Z }) {
+    const d = pe(u, "modelValue"), n = Le.PREFIX, t = u, k = l(() => typeof t.rows == "string" ? parseInt(t.rows, 10) : t.rows), z = l(() => typeof t.cols == "string" ? parseInt(t.cols, 10) : t.cols), L = l(() => typeof t.maxCount == "string" ? parseInt(t.maxCount, 10) : t.maxCount), ee = l(
+      () => typeof t.maxLength == "string" ? parseInt(t.maxLength, 10) : t.maxLength
+    ), K = l(
+      () => typeof t.minLength == "string" ? parseInt(t.minLength, 10) : t.minLength
+    ), s = Z, te = he(), i = h(null), r = h(d.value !== void 0 ? d.value : t.value !== void 0 ? t.value : ""), m = h(!1), x = h(!1), f = h(0), y = h(K.value !== void 0 ? K.value : void 0), v = be(() => {
+      o.resizeTextarea();
+    }, 10);
+    G(
+      () => d.value,
+      (e) => {
+        e !== void 0 ? (r.value = e !== null ? e : "", t.autosize && setTimeout(() => {
+          v();
+        }, 0)) : (r.value = "", t.autosize && setTimeout(() => {
+          v();
+        }, 0));
+      }
+    ), G(
+      () => t.value,
+      (e) => {
+        d.value === void 0 && e !== void 0 && (r.value = e !== null ? e : "", t.autosize && setTimeout(() => {
+          v();
+        }, 0));
+      }
+    );
+    const ae = me({
+      setValue: (e) => {
+        r.value = e, t.autosize && v();
+      },
+      getRef: () => i.value,
+      toggleFocusing: (e) => {
+        m.value = e;
+      },
+      toggleHovering: (e) => {
+        x.value = e;
+      },
+      /**
+       * 通知值变化
+       * 自动更新 v-model 绑定的值，并触发 change 事件
+       */
+      notifyChange: (e, a) => {
+        d.value = e, s("update:value", e), s("change", e, a);
+      },
+      notifyClear: (e) => {
+        s("clear", e);
+      },
+      notifyBlur: (e, a) => {
+        s("blur", a);
+      },
+      notifyFocus: (e, a) => {
+        s("focus", a);
+      },
+      notifyInput: (e) => {
+        s("input", e);
+      },
+      notifyKeyDown: (e) => {
+        s("keydown", e);
+      },
+      notifyKeyUp: (e) => {
+        s("keyup", e);
+      },
+      notifyKeyPress: (e) => {
+        s("keypress", e);
+      },
+      notifyPressEnter: (e) => {
+        s("enter-press", e);
+      },
+      notifyHeightUpdate: (e) => {
+        f.value = e, s("resize", { height: e });
+      },
+      notifyCompositionStart: (e) => {
+        s("composition-start", e);
+      },
+      notifyCompositionEnd: (e) => {
+        s("composition-end", e);
+      },
+      notifyCompositionUpdate: (e) => {
+        s("composition-update", e);
+      },
+      setMinLength: (e) => {
+        y.value = e;
+      },
+      _isControlledComponent: (e = "value") => e === "value" ? d.value !== void 0 || t.value !== void 0 : t[e] !== void 0,
+      getProp: (e) => t[e],
+      getProps: () => t,
+      getState: (e) => ({
+        value: r.value,
+        isFocus: m.value,
+        isHover: x.value,
+        height: f.value,
+        minLength: y.value
+      })[e],
+      getStates: () => ({
+        value: r.value,
+        isFocus: m.value,
+        isHover: x.value,
+        height: f.value,
+        minLength: y.value
+      }),
+      getContext: () => null,
+      getContexts: () => ({}),
+      getCache: () => null,
+      getCaches: () => ({}),
+      setCache: () => {
+      },
+      setState: () => {
+      },
+      stopPropagation: (e) => e == null ? void 0 : e.stopPropagation(),
+      persistEvent: () => {
+      }
+    }), { foundation: o } = ke(Be, ae), S = l(() => d.value !== void 0 ? d.value === null ? "" : d.value : t.value !== void 0 ? t.value === null ? "" : t.value : r.value === null || r.value === void 0 ? "" : r.value), g = l(() => t.autosize), oe = l(() => {
+      const { showClear: e, disabled: a, readonly: c } = t;
+      return r.value && e && !a && (m.value || x.value) && !c;
+    }), F = l(() => {
+      const { getValueLength: e } = t;
+      if (typeof e != "function")
+        return ee.value;
+    }), I = l(() => {
+      const { getValueLength: e } = t;
+      return r.value ? typeof e == "function" ? e(r.value) : r.value.length : 0;
+    }), M = l(() => L.value || null), E = l(() => t.validateStatus === "error" ? !0 : void 0), P = l(() => {
+      const { class: e, style: a, ...c } = te;
+      return c;
+    }), le = l(() => {
+      const { disabled: e, readonly: a, validateStatus: c, borderless: p } = t;
+      return b(`${n}-textarea-wrapper`, t.className, {
+        [`${n}-textarea-wrapper-disabled`]: e,
+        [`${n}-textarea-wrapper-readonly`]: a,
+        [`${n}-textarea-wrapper-${c}`]: !!c,
+        [`${n}-textarea-wrapper-focus`]: m.value,
+        [`${n}-textarea-borderless`]: p
+      });
+    }), R = l(() => {
+      const { disabled: e, readonly: a, showClear: c } = t, p = g.value;
+      return b(`${n}-textarea`, {
+        [`${n}-textarea-disabled`]: e,
+        [`${n}-textarea-readonly`]: a,
+        [`${n}-textarea-autosize`]: typeof p == "object" ? (p == null ? void 0 : p.maxRows) === void 0 : p,
+        [`${n}-textarea-showClear`]: c
+      });
+    }), ne = l(() => {
+      const e = oe.value;
+      return b(`${n}-clearbtn`, {
+        [`${n}-clearbtn-hidden`]: !e
+      });
+    }), se = l(() => b(`${n}-textarea-counter`, {
+      [`${n}-textarea-counter-exceed`]: I.value > M.value
+    })), re = l(() => ({ ...t.style })), V = l(() => !g.value || f.value === 0 ? {} : {
+      height: `${f.value}px`
+    }), T = (e) => {
+      const a = e.target;
+      o.handleChange(a.value, e), s("input", e), t.autosize && v();
+    }, N = (e) => {
+      const a = e.target;
+      o.handleChange(a.value, e);
+    }, U = (e) => {
+      o.handleFocus(e);
+    }, A = (e) => {
+      o.handleBlur(e);
+    }, D = (e) => {
+      var a;
+      (a = o.handleKeyDown) == null || a.call(o, e);
+    }, H = (e) => {
+      var a;
+      (a = o.handleKeyUp) == null || a.call(o, e);
+    }, j = (e) => {
+      var a;
+      (a = o.handleKeyPress) == null || a.call(o, e);
+    }, O = (e) => {
+      o.handleCompositionStart(e);
+    }, X = (e) => {
+      o.handleCompositionEnd(e);
+    }, _ = (e) => {
+      o.handleCompositionUpdate(e);
+    }, ue = (e) => {
+      o.handleClear(e);
+    }, ie = (e) => {
+      o.handleMouseEnter(e);
+    }, de = (e) => {
+      o.handleMouseLeave(e);
+    }, ce = () => {
+      g.value && v();
+    };
+    return fe(() => {
+      const { disabled: e, autoFocus: a } = t;
+      !e && a && i.value && i.value.focus(), g.value && v();
+    }), Y({
+      focus: () => {
+        i.value && i.value.focus();
+      },
+      blur: () => {
+        i.value && i.value.blur();
+      },
+      textareaRef: i
+    }), (e, a) => (C(), w("div", {
+      class: B(le.value),
+      style: ye(re.value),
+      onMouseenter: ie,
+      onMouseleave: de
+    }, [
+      g.value ? (C(), ge(Q($e), {
+        key: 0,
+        onResize: ce
+      }, {
+        default: Ce(() => [
+          xe("textarea", W({
+            ref_key: "textareaRef",
+            ref: i,
+            class: R.value,
+            style: V.value,
+            disabled: u.disabled,
+            readonly: u.readonly,
+            placeholder: u.placeholder,
+            value: S.value,
+            maxlength: F.value,
+            minlength: y.value,
+            "aria-invalid": E.value,
+            rows: k.value,
+            cols: z.value
+          }, P.value, {
+            onInput: T,
+            onChange: N,
+            onFocus: U,
+            onBlur: A,
+            onKeydown: D,
+            onKeyup: H,
+            onKeypress: j,
+            onCompositionstart: O,
+            onCompositionend: X,
+            onCompositionupdate: _
+          }), null, 16, Ke)
+        ]),
+        _: 1
+      })) : (C(), w("textarea", W({
+        key: 1,
+        ref_key: "textareaRef",
+        ref: i,
+        class: R.value,
+        style: V.value,
+        disabled: u.disabled,
+        readonly: u.readonly,
+        placeholder: u.placeholder,
+        value: S.value,
+        maxlength: F.value,
+        minlength: y.value,
+        "aria-invalid": E.value,
+        rows: k.value,
+        cols: z.value
+      }, P.value, {
+        onInput: T,
+        onChange: N,
+        onFocus: U,
+        onBlur: A,
+        onKeydown: D,
+        onKeyup: H,
+        onKeypress: j,
+        onCompositionstart: O,
+        onCompositionend: X,
+        onCompositionupdate: _
+      }), null, 16, Se)),
+      u.showClear ? (C(), w("div", {
+        key: 2,
+        class: B(ne.value),
+        onClick: ue
+      }, [
+        we(Q(ze))
+      ], 2)) : J("", !0),
+      u.showCounter || L.value ? (C(), w("div", {
+        key: 3,
+        class: B(se.value)
+      }, $(I.value) + $(L.value ? "/" : null) + $(M.value), 3)) : J("", !0)
+    ], 38));
+  }
+});
+export {
+  Ue as default
+};
+//# sourceMappingURL=TextArea.vue.js.map

package/lib/es/components/input/TextArea.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.vue.js","sources":["../../../../src/components/input/TextArea.vue"],"sourcesContent":["<template>\n    <div :class=\"wrapperCls\" :style=\"wrapperStyle\" @mouseenter=\"handleMouseEnter\" @mouseleave=\"handleMouseLeave\">\n        <ResizeObserver v-if=\"autosizeEnabled\" @resize=\"handleResize\">\n            <textarea\n                ref=\"textareaRef\"\n                :class=\"textareaCls\"\n                :style=\"textareaStyle\"\n                :disabled=\"disabled\"\n                :readonly=\"readonly\"\n                :placeholder=\"placeholder\"\n                :value=\"textareaValue\"\n                :maxlength=\"computedMaxLength\"\n                :minlength=\"stateMinLength\"\n                :aria-invalid=\"ariaInvalid\"\n                :rows=\"rows\"\n                :cols=\"cols\"\n                v-bind=\"restAttrs\"\n                @input=\"handleInput\"\n                @change=\"handleChange\"\n                @focus=\"handleFocus\"\n                @blur=\"handleBlur\"\n                @keydown=\"handleKeyDown\"\n                @keyup=\"handleKeyUp\"\n                @keypress=\"handleKeyPress\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionend=\"handleCompositionEnd\"\n                @compositionupdate=\"handleCompositionUpdate\"\n            />\n        </ResizeObserver>\n        <textarea\n            v-else\n            ref=\"textareaRef\"\n            :class=\"textareaCls\"\n            :style=\"textareaStyle\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            :placeholder=\"placeholder\"\n            :value=\"textareaValue\"\n            :maxlength=\"computedMaxLength\"\n            :minlength=\"stateMinLength\"\n            :aria-invalid=\"ariaInvalid\"\n            :rows=\"rows\"\n            :cols=\"cols\"\n            v-bind=\"restAttrs\"\n            @input=\"handleInput\"\n            @change=\"handleChange\"\n            @focus=\"handleFocus\"\n            @blur=\"handleBlur\"\n            @keydown=\"handleKeyDown\"\n            @keyup=\"handleKeyUp\"\n            @keypress=\"handleKeyPress\"\n            @compositionstart=\"handleCompositionStart\"\n            @compositionend=\"handleCompositionEnd\"\n            @compositionupdate=\"handleCompositionUpdate\"\n        />\n\n        <div v-if=\"showClear\" :class=\"clearBtnCls\" @click=\"handleClear\">\n            <IconClear />\n        </div>\n\n        <div v-if=\"showCounter || maxCount\" :class=\"counterCls\">\n            {{ currentCount }}{{ maxCount ? '/' : null }}{{ totalCount }}\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, useAttrs, markRaw } from 'vue';\nimport { throttle } from 'lodash';\nimport cls from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/input/constants';\nimport TextAreaFoundation from '@douyinfe/semi-foundation/input/textareaFoundation';\nimport { IconClear } from '../icons';\nimport { TextAreaProps as _TextAreaProps } from './interface';\nimport { useFoundation } from '../_utils';\nimport ResizeObserver from '../_resizeObserver';\n\nconst modelValue = defineModel<string>();\n\ninterface TextAreaProps extends _TextAreaProps {\n    value?: string;\n}\n\ndefineOptions({\n    name: 'SemiTextArea',\n});\n\nconst prefixCls = cssClasses.PREFIX;\n\nconst props = withDefaults(defineProps<TextAreaProps>(), {\n    rows: 4,\n    cols: 20,\n    showCounter: false,\n    showClear: false,\n    disabled: false,\n    readonly: false,\n    validateStatus: 'default',\n    borderless: false,\n});\n\nconst rows = computed(() => (typeof props.rows === 'string' ? parseInt(props.rows, 10) : props.rows));\nconst cols = computed(() => (typeof props.cols === 'string' ? parseInt(props.cols, 10) : props.cols));\nconst maxCount = computed(() => (typeof props.maxCount === 'string' ? parseInt(props.maxCount, 10) : props.maxCount));\nconst maxLength = computed(() =>\n    typeof props.maxLength === 'string' ? parseInt(props.maxLength, 10) : props.maxLength\n);\nconst minLength = computed(() =>\n    typeof props.minLength === 'string' ? parseInt(props.minLength, 10) : props.minLength\n);\n\nconst emit = defineEmits<{\n    'update:value': [value: string];\n    clear: [e: MouseEvent];\n    change: [value: string, e: Event];\n    blur: [e: FocusEvent];\n    focus: [e: FocusEvent];\n    input: [e: Event];\n    keydown: [e: KeyboardEvent];\n    keyup: [e: KeyboardEvent];\n    keypress: [e: KeyboardEvent];\n    'enter-press': [e: KeyboardEvent];\n    resize: [data: { height: number }];\n    'composition-start': [e: CompositionEvent];\n    'composition-end': [e: CompositionEvent];\n    'composition-update': [e: CompositionEvent];\n}>();\n\nconst attrs = useAttrs();\n\nconst textareaRef = ref<HTMLTextAreaElement | null>(null);\n\n/**\n * 获取初始值\n * 优先级：modelValue (v-model) > value (受控) > 默认值\n */\nconst getInitialValue = () => {\n    if (modelValue.value !== undefined) {\n        return modelValue.value;\n    }\n    if (props.value !== undefined) {\n        return props.value;\n    }\n    return '';\n};\n\nconst textValue = ref<string>(getInitialValue());\nconst isFocus = ref<boolean>(false);\nconst isHover = ref<boolean>(false);\nconst height = ref<number>(0);\nconst stateMinLength = ref<number | undefined>(minLength.value !== undefined ? minLength.value : undefined);\n\nconst throttledResizeTextarea = throttle(() => {\n    (foundation as any).resizeTextarea();\n}, 10);\n\n/**\n * 监听 v-model 值变化\n * 当外部通过 v-model 更新值时，同步到内部状态\n */\nwatch(\n    () => modelValue.value,\n    (newValue) => {\n        if (newValue !== undefined) {\n            textValue.value = newValue !== null ? newValue : '';\n            if (props.autosize) {\n                setTimeout(() => {\n                    throttledResizeTextarea();\n                }, 0);\n            }\n        } else {\n            textValue.value = '';\n            if (props.autosize) {\n                setTimeout(() => {\n                    throttledResizeTextarea();\n                }, 0);\n            }\n        }\n    }\n);\n\n/**\n * 监听受控组件模式下的 value 变化\n * 仅在未使用 v-model 时生效，保持向后兼容\n */\nwatch(\n    () => props.value,\n    (newValue) => {\n        if (modelValue.value === undefined && newValue !== undefined) {\n            textValue.value = newValue !== null ? newValue : '';\n            if (props.autosize) {\n                setTimeout(() => {\n                    throttledResizeTextarea();\n                }, 0);\n            }\n        }\n    }\n);\n\nconst adapter = markRaw({\n    setValue: (val: string) => {\n        textValue.value = val;\n        if (props.autosize) {\n            throttledResizeTextarea();\n        }\n    },\n    getRef: () => textareaRef.value,\n    toggleFocusing: (focusing: boolean) => {\n        isFocus.value = focusing;\n    },\n    toggleHovering: (hovering: boolean) => {\n        isHover.value = hovering;\n    },\n    /**\n     * 通知值变化\n     * 自动更新 v-model 绑定的值，并触发 change 事件\n     */\n    notifyChange: (cbValue: string, e: Event) => {\n        modelValue.value = cbValue;\n        emit('update:value', cbValue);\n        emit('change', cbValue, e);\n    },\n    notifyClear: (e: MouseEvent) => {\n        emit('clear', e);\n    },\n    notifyBlur: (val: string, e: FocusEvent) => {\n        emit('blur', e);\n    },\n    notifyFocus: (val: string, e: FocusEvent) => {\n        emit('focus', e);\n    },\n    notifyInput: (e: Event) => {\n        emit('input', e);\n    },\n    notifyKeyDown: (e: KeyboardEvent) => {\n        emit('keydown', e);\n    },\n    notifyKeyUp: (e: KeyboardEvent) => {\n        emit('keyup', e);\n    },\n    notifyKeyPress: (e: KeyboardEvent) => {\n        emit('keypress', e);\n    },\n    notifyPressEnter: (e: KeyboardEvent) => {\n        emit('enter-press', e);\n    },\n    notifyHeightUpdate: (newHeight: number) => {\n        height.value = newHeight;\n        emit('resize', { height: newHeight });\n    },\n    notifyCompositionStart: (e: CompositionEvent) => {\n        emit('composition-start', e);\n    },\n    notifyCompositionEnd: (e: CompositionEvent) => {\n        emit('composition-end', e);\n    },\n    notifyCompositionUpdate: (e: CompositionEvent) => {\n        emit('composition-update', e);\n    },\n    setMinLength: (minLength: number) => {\n        stateMinLength.value = minLength;\n    },\n    _isControlledComponent: (key: string = 'value') => {\n        if (key === 'value') {\n            return modelValue.value !== undefined || props.value !== undefined;\n        }\n        return props[key] !== undefined;\n    },\n    getProp: (key: string) => props[key],\n    getProps: () => props,\n    getState: (key: string) => {\n        const states = {\n            value: textValue.value,\n            isFocus: isFocus.value,\n            isHover: isHover.value,\n            height: height.value,\n            minLength: stateMinLength.value,\n        };\n        return states[key];\n    },\n    getStates: () => ({\n        value: textValue.value,\n        isFocus: isFocus.value,\n        isHover: isHover.value,\n        height: height.value,\n        minLength: stateMinLength.value,\n    }),\n    getContext: () => null,\n    getContexts: () => ({}),\n    getCache: () => null,\n    getCaches: () => ({}),\n    setCache: () => {},\n    setState: () => {},\n    stopPropagation: (e?: Event) => e?.stopPropagation(),\n    persistEvent: () => {},\n});\n\nconst { foundation } = useFoundation(TextAreaFoundation as any, adapter);\n\nconst textareaValue = computed(() => {\n    if (modelValue.value !== undefined) {\n        return modelValue.value === null ? '' : modelValue.value;\n    } else if (props.value !== undefined) {\n        return props.value === null ? '' : props.value;\n    } else {\n        return textValue.value === null || textValue.value === undefined ? '' : textValue.value;\n    }\n});\n\nconst autosizeEnabled = computed(() => {\n    return props.autosize;\n});\n\nconst allowClear = computed(() => {\n    const { showClear, disabled, readonly } = props;\n    return textValue.value && showClear && !disabled && (isFocus.value || isHover.value) && !readonly;\n});\n\nconst computedMaxLength = computed(() => {\n    const { getValueLength } = props;\n    if (typeof getValueLength === 'function') {\n        return undefined;\n    }\n    return maxLength.value;\n});\n\nconst currentCount = computed(() => {\n    const { getValueLength } = props;\n    if (textValue.value) {\n        return typeof getValueLength === 'function' ? getValueLength(textValue.value) : textValue.value.length;\n    }\n    return 0;\n});\n\nconst totalCount = computed(() => {\n    return maxCount.value || null;\n});\n\nconst ariaInvalid = computed(() => (props.validateStatus === 'error' ? true : undefined));\n\nconst restAttrs = computed(() => {\n    const { class: _, style: __, ...rest } = attrs;\n    return rest;\n});\n\nconst wrapperCls = computed(() => {\n    const { disabled, readonly, validateStatus, borderless } = props;\n    return cls(`${prefixCls}-textarea-wrapper`, props.className, {\n        [`${prefixCls}-textarea-wrapper-disabled`]: disabled,\n        [`${prefixCls}-textarea-wrapper-readonly`]: readonly,\n        [`${prefixCls}-textarea-wrapper-${validateStatus}`]: Boolean(validateStatus),\n        [`${prefixCls}-textarea-wrapper-focus`]: isFocus.value,\n        [`${prefixCls}-textarea-borderless`]: borderless,\n    });\n});\n\nconst textareaCls = computed(() => {\n    const { disabled, readonly, showClear } = props;\n    const autosizeValue = autosizeEnabled.value;\n    return cls(`${prefixCls}-textarea`, {\n        [`${prefixCls}-textarea-disabled`]: disabled,\n        [`${prefixCls}-textarea-readonly`]: readonly,\n        [`${prefixCls}-textarea-autosize`]:\n            typeof autosizeValue === 'object' ? autosizeValue?.maxRows === undefined : autosizeValue,\n        [`${prefixCls}-textarea-showClear`]: showClear,\n    });\n});\n\nconst clearBtnCls = computed(() => {\n    const displayClearBtn = allowClear.value;\n    return cls(`${prefixCls}-clearbtn`, {\n        [`${prefixCls}-clearbtn-hidden`]: !displayClearBtn,\n    });\n});\n\nconst counterCls = computed(() => {\n    return cls(`${prefixCls}-textarea-counter`, {\n        [`${prefixCls}-textarea-counter-exceed`]: currentCount.value > totalCount.value,\n    });\n});\n\nconst wrapperStyle = computed(() => {\n    return { ...props.style };\n});\n\nconst textareaStyle = computed(() => {\n    if (!autosizeEnabled.value || height.value === 0) {\n        return {};\n    }\n    return {\n        height: `${height.value}px`,\n    };\n});\n\nconst handleInput = (e: Event) => {\n    const target = e.target as HTMLTextAreaElement;\n    (foundation as any).handleChange(target.value, e);\n    emit('input', e);\n    if (props.autosize) {\n        throttledResizeTextarea();\n    }\n};\n\nconst handleChange = (e: Event) => {\n    const target = e.target as HTMLTextAreaElement;\n    (foundation as any).handleChange(target.value, e);\n};\n\nconst handleFocus = (e: FocusEvent) => {\n    (foundation as any).handleFocus(e);\n};\n\nconst handleBlur = (e: FocusEvent) => {\n    (foundation as any).handleBlur(e);\n};\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n    (foundation as any).handleKeyDown?.(e);\n};\n\nconst handleKeyUp = (e: KeyboardEvent) => {\n    (foundation as any).handleKeyUp?.(e);\n};\n\nconst handleKeyPress = (e: KeyboardEvent) => {\n    (foundation as any).handleKeyPress?.(e);\n};\n\nconst handleCompositionStart = (e: CompositionEvent) => {\n    (foundation as any).handleCompositionStart(e);\n};\n\nconst handleCompositionEnd = (e: CompositionEvent) => {\n    (foundation as any).handleCompositionEnd(e);\n};\n\nconst handleCompositionUpdate = (e: CompositionEvent) => {\n    (foundation as any).handleCompositionUpdate(e);\n};\n\nconst handleClear = (e: MouseEvent) => {\n    (foundation as any).handleClear(e);\n};\n\nconst handleMouseEnter = (e: MouseEvent) => {\n    (foundation as any).handleMouseEnter(e);\n};\n\nconst handleMouseLeave = (e: MouseEvent) => {\n    (foundation as any).handleMouseLeave(e);\n};\n\nconst handleResize = () => {\n    if (autosizeEnabled.value) {\n        throttledResizeTextarea();\n    }\n};\n\nonMounted(() => {\n    const { disabled, autoFocus } = props;\n    if (!disabled && autoFocus && textareaRef.value) {\n        textareaRef.value.focus();\n    }\n\n    if (autosizeEnabled.value) {\n        throttledResizeTextarea();\n    }\n});\n\ndefineExpose({\n    focus: () => {\n        if (textareaRef.value) {\n            textareaRef.value.focus();\n        }\n    },\n    blur: () => {\n        if (textareaRef.value) {\n            textareaRef.value.blur();\n        }\n    },\n    textareaRef,\n});\n</script>\n"],"names":["modelValue","_useModel","__props","prefixCls","cssClasses","props","rows","computed","cols","maxCount","maxLength","minLength","emit","__emit","attrs","useAttrs","textareaRef","ref","textValue","isFocus","isHover","height","stateMinLength","throttledResizeTextarea","throttle","foundation","watch","newValue","adapter","markRaw","val","focusing","hovering","cbValue","e","newHeight","key","useFoundation","TextAreaFoundation","textareaValue","autosizeEnabled","allowClear","showClear","disabled","readonly","computedMaxLength","getValueLength","currentCount","totalCount","ariaInvalid","restAttrs","_","__","rest","wrapperCls","validateStatus","borderless","cls","textareaCls","autosizeValue","clearBtnCls","displayClearBtn","counterCls","wrapperStyle","textareaStyle","handleInput","target","handleChange","handleFocus","handleBlur","handleKeyDown","_a","handleKeyUp","handleKeyPress","handleCompositionStart","handleCompositionEnd","handleCompositionUpdate","handleClear","handleMouseEnter","handleMouseLeave","handleResize","onMounted","autoFocus","__expose","_createElementBlock","_createBlock","_unref","ResizeObserver","_createElementVNode","_mergeProps","_openBlock","_createVNode","IconClear","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EA,UAAMA,IAAaC,GAAmBC,GAAA,YAAC,GAUjCC,IAAYC,GAAW,QAEvBC,IAAQH,GAWRI,IAAOC,EAAS,MAAO,OAAOF,EAAM,QAAS,WAAW,SAASA,EAAM,MAAM,EAAE,IAAIA,EAAM,IAAK,GAC9FG,IAAOD,EAAS,MAAO,OAAOF,EAAM,QAAS,WAAW,SAASA,EAAM,MAAM,EAAE,IAAIA,EAAM,IAAK,GAC9FI,IAAWF,EAAS,MAAO,OAAOF,EAAM,YAAa,WAAW,SAASA,EAAM,UAAU,EAAE,IAAIA,EAAM,QAAS,GAC9GK,KAAYH;AAAA,MAAS,MACvB,OAAOF,EAAM,aAAc,WAAW,SAASA,EAAM,WAAW,EAAE,IAAIA,EAAM;AAAA,IAAA,GAE1EM,IAAYJ;AAAA,MAAS,MACvB,OAAOF,EAAM,aAAc,WAAW,SAASA,EAAM,WAAW,EAAE,IAAIA,EAAM;AAAA,IAAA,GAG1EO,IAAOC,GAiBPC,KAAQC,GAAA,GAERC,IAAcC,EAAgC,IAAI,GAgBlDC,IAAYD,EATVjB,EAAW,UAAU,SACdA,EAAW,QAElBK,EAAM,UAAU,SACTA,EAAM,QAEV,EAGoC,GACzCc,IAAUF,EAAa,EAAK,GAC5BG,IAAUH,EAAa,EAAK,GAC5BI,IAASJ,EAAY,CAAC,GACtBK,IAAiBL,EAAwBN,EAAU,UAAU,SAAYA,EAAU,QAAQ,MAAS,GAEpGY,IAA0BC,GAAS,MAAM;AAC1C,MAAAC,EAAmB,eAAA;AAAA,IACxB,GAAG,EAAE;AAML,IAAAC;AAAA,MACI,MAAM1B,EAAW;AAAA,MACjB,CAAC2B,MAAa;AACV,QAAIA,MAAa,UACbT,EAAU,QAAQS,MAAa,OAAOA,IAAW,IAC7CtB,EAAM,YACN,WAAW,MAAM;AACb,UAAAkB,EAAA;AAAA,QACJ,GAAG,CAAC,MAGRL,EAAU,QAAQ,IACdb,EAAM,YACN,WAAW,MAAM;AACb,UAAAkB,EAAA;AAAA,QACJ,GAAG,CAAC;AAAA,MAGhB;AAAA,IAAA,GAOJG;AAAA,MACI,MAAMrB,EAAM;AAAA,MACZ,CAACsB,MAAa;AACV,QAAI3B,EAAW,UAAU,UAAa2B,MAAa,WAC/CT,EAAU,QAAQS,MAAa,OAAOA,IAAW,IAC7CtB,EAAM,YACN,WAAW,MAAM;AACb,UAAAkB,EAAA;AAAA,QACJ,GAAG,CAAC;AAAA,MAGhB;AAAA,IAAA;AAGJ,UAAMK,KAAUC,GAAQ;AAAA,MACpB,UAAU,CAACC,MAAgB;AACvB,QAAAZ,EAAU,QAAQY,GACdzB,EAAM,YACNkB,EAAA;AAAA,MAER;AAAA,MACA,QAAQ,MAAMP,EAAY;AAAA,MAC1B,gBAAgB,CAACe,MAAsB;AACnC,QAAAZ,EAAQ,QAAQY;AAAA,MACpB;AAAA,MACA,gBAAgB,CAACC,MAAsB;AACnC,QAAAZ,EAAQ,QAAQY;AAAA,MACpB;AAAA;AAAA;AAAA;AAAA;AAAA,MAKA,cAAc,CAACC,GAAiBC,MAAa;AACzC,QAAAlC,EAAW,QAAQiC,GACnBrB,EAAK,gBAAgBqB,CAAO,GAC5BrB,EAAK,UAAUqB,GAASC,CAAC;AAAA,MAC7B;AAAA,MACA,aAAa,CAAC,MAAkB;AAC5B,QAAAtB,EAAK,SAAS,CAAC;AAAA,MACnB;AAAA,MACA,YAAY,CAACkB,GAAaI,MAAkB;AACxC,QAAAtB,EAAK,QAAQsB,CAAC;AAAA,MAClB;AAAA,MACA,aAAa,CAACJ,GAAaI,MAAkB;AACzC,QAAAtB,EAAK,SAASsB,CAAC;AAAA,MACnB;AAAA,MACA,aAAa,CAAC,MAAa;AACvB,QAAAtB,EAAK,SAAS,CAAC;AAAA,MACnB;AAAA,MACA,eAAe,CAAC,MAAqB;AACjC,QAAAA,EAAK,WAAW,CAAC;AAAA,MACrB;AAAA,MACA,aAAa,CAAC,MAAqB;AAC/B,QAAAA,EAAK,SAAS,CAAC;AAAA,MACnB;AAAA,MACA,gBAAgB,CAAC,MAAqB;AAClC,QAAAA,EAAK,YAAY,CAAC;AAAA,MACtB;AAAA,MACA,kBAAkB,CAAC,MAAqB;AACpC,QAAAA,EAAK,eAAe,CAAC;AAAA,MACzB;AAAA,MACA,oBAAoB,CAACuB,MAAsB;AACvC,QAAAd,EAAO,QAAQc,GACfvB,EAAK,UAAU,EAAE,QAAQuB,EAAA,CAAW;AAAA,MACxC;AAAA,MACA,wBAAwB,CAAC,MAAwB;AAC7C,QAAAvB,EAAK,qBAAqB,CAAC;AAAA,MAC/B;AAAA,MACA,sBAAsB,CAAC,MAAwB;AAC3C,QAAAA,EAAK,mBAAmB,CAAC;AAAA,MAC7B;AAAA,MACA,yBAAyB,CAAC,MAAwB;AAC9C,QAAAA,EAAK,sBAAsB,CAAC;AAAA,MAChC;AAAA,MACA,cAAc,CAACD,MAAsB;AACjC,QAAAW,EAAe,QAAQX;AAAAA,MAC3B;AAAA,MACA,wBAAwB,CAACyB,IAAc,YAC/BA,MAAQ,UACDpC,EAAW,UAAU,UAAaK,EAAM,UAAU,SAEtDA,EAAM+B,CAAG,MAAM;AAAA,MAE1B,SAAS,CAACA,MAAgB/B,EAAM+B,CAAG;AAAA,MACnC,UAAU,MAAM/B;AAAA,MAChB,UAAU,CAAC+B,OACQ;AAAA,QACX,OAAOlB,EAAU;AAAA,QACjB,SAASC,EAAQ;AAAA,QACjB,SAASC,EAAQ;AAAA,QACjB,QAAQC,EAAO;AAAA,QACf,WAAWC,EAAe;AAAA,MAAA,GAEhBc,CAAG;AAAA,MAErB,WAAW,OAAO;AAAA,QACd,OAAOlB,EAAU;AAAA,QACjB,SAASC,EAAQ;AAAA,QACjB,SAASC,EAAQ;AAAA,QACjB,QAAQC,EAAO;AAAA,QACf,WAAWC,EAAe;AAAA,MAAA;AAAA,MAE9B,YAAY,MAAM;AAAA,MAClB,aAAa,OAAO,CAAA;AAAA,MACpB,UAAU,MAAM;AAAA,MAChB,WAAW,OAAO,CAAA;AAAA,MAClB,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,iBAAiB,CAAC,MAAc,uBAAG;AAAA,MACnC,cAAc,MAAM;AAAA,MAAC;AAAA,IAAA,CACxB,GAEK,EAAE,YAAAG,EAAA,IAAeY,GAAcC,IAA2BV,EAAO,GAEjEW,IAAgBhC,EAAS,MACvBP,EAAW,UAAU,SACdA,EAAW,UAAU,OAAO,KAAKA,EAAW,QAC5CK,EAAM,UAAU,SAChBA,EAAM,UAAU,OAAO,KAAKA,EAAM,QAElCa,EAAU,UAAU,QAAQA,EAAU,UAAU,SAAY,KAAKA,EAAU,KAEzF,GAEKsB,IAAkBjC,EAAS,MACtBF,EAAM,QAChB,GAEKoC,KAAalC,EAAS,MAAM;AAC9B,YAAM,EAAE,WAAAmC,GAAW,UAAAC,GAAU,UAAAC,EAAA,IAAavC;AAC1C,aAAOa,EAAU,SAASwB,KAAa,CAACC,MAAaxB,EAAQ,SAASC,EAAQ,UAAU,CAACwB;AAAA,IAC7F,CAAC,GAEKC,IAAoBtC,EAAS,MAAM;AACrC,YAAM,EAAE,gBAAAuC,MAAmBzC;AAC3B,UAAI,OAAOyC,KAAmB;AAG9B,eAAOpC,GAAU;AAAA,IACrB,CAAC,GAEKqC,IAAexC,EAAS,MAAM;AAChC,YAAM,EAAE,gBAAAuC,MAAmBzC;AAC3B,aAAIa,EAAU,QACH,OAAO4B,KAAmB,aAAaA,EAAe5B,EAAU,KAAK,IAAIA,EAAU,MAAM,SAE7F;AAAA,IACX,CAAC,GAEK8B,IAAazC,EAAS,MACjBE,EAAS,SAAS,IAC5B,GAEKwC,IAAc1C,EAAS,MAAOF,EAAM,mBAAmB,UAAU,KAAO,MAAU,GAElF6C,IAAY3C,EAAS,MAAM;AAC7B,YAAM,EAAE,OAAO4C,GAAG,OAAOC,GAAI,GAAGC,MAASvC;AACzC,aAAOuC;AAAA,IACX,CAAC,GAEKC,KAAa/C,EAAS,MAAM;AAC9B,YAAM,EAAE,UAAAoC,GAAU,UAAAC,GAAU,gBAAAW,GAAgB,YAAAC,MAAenD;AAC3D,aAAOoD,EAAI,GAAGtD,CAAS,qBAAqBE,EAAM,WAAW;AAAA,QACzD,CAAC,GAAGF,CAAS,4BAA4B,GAAGwC;AAAA,QAC5C,CAAC,GAAGxC,CAAS,4BAA4B,GAAGyC;AAAA,QAC5C,CAAC,GAAGzC,CAAS,qBAAqBoD,CAAc,EAAE,GAAG,EAAQA;AAAA,QAC7D,CAAC,GAAGpD,CAAS,yBAAyB,GAAGgB,EAAQ;AAAA,QACjD,CAAC,GAAGhB,CAAS,sBAAsB,GAAGqD;AAAA,MAAA,CACzC;AAAA,IACL,CAAC,GAEKE,IAAcnD,EAAS,MAAM;AAC/B,YAAM,EAAE,UAAAoC,GAAU,UAAAC,GAAU,WAAAF,EAAA,IAAcrC,GACpCsD,IAAgBnB,EAAgB;AACtC,aAAOiB,EAAI,GAAGtD,CAAS,aAAa;AAAA,QAChC,CAAC,GAAGA,CAAS,oBAAoB,GAAGwC;AAAA,QACpC,CAAC,GAAGxC,CAAS,oBAAoB,GAAGyC;AAAA,QACpC,CAAC,GAAGzC,CAAS,oBAAoB,GAC7B,OAAOwD,KAAkB,YAAWA,KAAA,gBAAAA,EAAe,aAAY,SAAYA;AAAA,QAC/E,CAAC,GAAGxD,CAAS,qBAAqB,GAAGuC;AAAA,MAAA,CACxC;AAAA,IACL,CAAC,GAEKkB,KAAcrD,EAAS,MAAM;AAC/B,YAAMsD,IAAkBpB,GAAW;AACnC,aAAOgB,EAAI,GAAGtD,CAAS,aAAa;AAAA,QAChC,CAAC,GAAGA,CAAS,kBAAkB,GAAG,CAAC0D;AAAA,MAAA,CACtC;AAAA,IACL,CAAC,GAEKC,KAAavD,EAAS,MACjBkD,EAAI,GAAGtD,CAAS,qBAAqB;AAAA,MACxC,CAAC,GAAGA,CAAS,0BAA0B,GAAG4C,EAAa,QAAQC,EAAW;AAAA,IAAA,CAC7E,CACJ,GAEKe,KAAexD,EAAS,OACnB,EAAE,GAAGF,EAAM,MAAA,EACrB,GAEK2D,IAAgBzD,EAAS,MACvB,CAACiC,EAAgB,SAASnB,EAAO,UAAU,IACpC,CAAA,IAEJ;AAAA,MACH,QAAQ,GAAGA,EAAO,KAAK;AAAA,IAAA,CAE9B,GAEK4C,IAAc,CAAC,MAAa;AAC9B,YAAMC,IAAS,EAAE;AAChB,MAAAzC,EAAmB,aAAayC,EAAO,OAAO,CAAC,GAChDtD,EAAK,SAAS,CAAC,GACXP,EAAM,YACNkB,EAAA;AAAA,IAER,GAEM4C,IAAe,CAAC,MAAa;AAC/B,YAAMD,IAAS,EAAE;AAChB,MAAAzC,EAAmB,aAAayC,EAAO,OAAO,CAAC;AAAA,IACpD,GAEME,IAAc,CAAC,MAAkB;AAClC,MAAA3C,EAAmB,YAAY,CAAC;AAAA,IACrC,GAEM4C,IAAa,CAAC,MAAkB;AACjC,MAAA5C,EAAmB,WAAW,CAAC;AAAA,IACpC,GAEM6C,IAAgB,CAAC,MAAqB;;AACvC,OAAAC,IAAA9C,EAAmB,kBAAnB,QAAA8C,EAAA,KAAA9C,GAAmC;AAAA,IACxC,GAEM+C,IAAc,CAAC,MAAqB;;AACrC,OAAAD,IAAA9C,EAAmB,gBAAnB,QAAA8C,EAAA,KAAA9C,GAAiC;AAAA,IACtC,GAEMgD,IAAiB,CAAC,MAAqB;;AACxC,OAAAF,IAAA9C,EAAmB,mBAAnB,QAAA8C,EAAA,KAAA9C,GAAoC;AAAA,IACzC,GAEMiD,IAAyB,CAAC,MAAwB;AACnD,MAAAjD,EAAmB,uBAAuB,CAAC;AAAA,IAChD,GAEMkD,IAAuB,CAAC,MAAwB;AACjD,MAAAlD,EAAmB,qBAAqB,CAAC;AAAA,IAC9C,GAEMmD,IAA0B,CAAC,MAAwB;AACpD,MAAAnD,EAAmB,wBAAwB,CAAC;AAAA,IACjD,GAEMoD,KAAc,CAAC,MAAkB;AAClC,MAAApD,EAAmB,YAAY,CAAC;AAAA,IACrC,GAEMqD,KAAmB,CAAC,MAAkB;AACvC,MAAArD,EAAmB,iBAAiB,CAAC;AAAA,IAC1C,GAEMsD,KAAmB,CAAC,MAAkB;AACvC,MAAAtD,EAAmB,iBAAiB,CAAC;AAAA,IAC1C,GAEMuD,KAAe,MAAM;AACvB,MAAIxC,EAAgB,SAChBjB,EAAA;AAAA,IAER;AAEA,WAAA0D,GAAU,MAAM;AACZ,YAAM,EAAE,UAAAtC,GAAU,WAAAuC,EAAA,IAAc7E;AAChC,MAAI,CAACsC,KAAYuC,KAAalE,EAAY,SACtCA,EAAY,MAAM,MAAA,GAGlBwB,EAAgB,SAChBjB,EAAA;AAAA,IAER,CAAC,GAED4D,EAAa;AAAA,MACT,OAAO,MAAM;AACT,QAAInE,EAAY,SACZA,EAAY,MAAM,MAAA;AAAA,MAE1B;AAAA,MACA,MAAM,MAAM;AACR,QAAIA,EAAY,SACZA,EAAY,MAAM,KAAA;AAAA,MAE1B;AAAA,MACA,aAAAA;AAAA,IAAA,CACH,mBA/dGoE,EA8DM,OAAA;AAAA,MA9DA,SAAO9B,GAAA,KAAU;AAAA,MAAG,UAAOS,GAAA,KAAY;AAAA,MAAG,cAAYe;AAAA,MAAmB,cAAYC;AAAA,IAAA;MACjEvC,EAAA,cAAtB6C,GA0BiBC,EAAAC,EAAA,GAAA;AAAA;QA1BuB,UAAQP;AAAA,MAAA;oBAC5C,MAwBE;AAAA,UAxBFQ,GAwBE,YAxBFC,EAwBE;AAAA,qBAvBM;AAAA,YAAJ,KAAIzE;AAAA,YACH,OAAO0C,EAAA;AAAA,YACP,OAAOM,EAAA;AAAA,YACP,UAAU9D,EAAA;AAAA,YACV,UAAUA,EAAA;AAAA,YACV,aAAaA,EAAA;AAAA,YACb,OAAOqC,EAAA;AAAA,YACP,WAAWM,EAAA;AAAA,YACX,WAAWvB,EAAA;AAAA,YACX,gBAAc2B,EAAA;AAAA,YACd,MAAM3C,EAAA;AAAA,YACN,MAAME,EAAA;AAAA,UAAA,GACC0C,EAAA,OAAS;AAAA,YAChB,SAAOe;AAAA,YACP,UAAQE;AAAA,YACR,SAAOC;AAAA,YACP,QAAMC;AAAA,YACN,WAASC;AAAA,YACT,SAAOE;AAAA,YACP,YAAUC;AAAA,YACV,oBAAkBC;AAAA,YAClB,kBAAgBC;AAAA,YAChB,qBAAmBC;AAAA,UAAA;;;aAG5Bc,EAAA,GAAAN,EAyBE,YAzBFK,EAyBE;AAAA;iBAvBM;AAAA,QAAJ,KAAIzE;AAAA,QACH,OAAO0C,EAAA;AAAA,QACP,OAAOM,EAAA;AAAA,QACP,UAAU9D,EAAA;AAAA,QACV,UAAUA,EAAA;AAAA,QACV,aAAaA,EAAA;AAAA,QACb,OAAOqC,EAAA;AAAA,QACP,WAAWM,EAAA;AAAA,QACX,WAAWvB,EAAA;AAAA,QACX,gBAAc2B,EAAA;AAAA,QACd,MAAM3C,EAAA;AAAA,QACN,MAAME,EAAA;AAAA,MAAA,GACC0C,EAAA,OAAS;AAAA,QAChB,SAAOe;AAAA,QACP,UAAQE;AAAA,QACR,SAAOC;AAAA,QACP,QAAMC;AAAA,QACN,WAASC;AAAA,QACT,SAAOE;AAAA,QACP,YAAUC;AAAA,QACV,oBAAkBC;AAAA,QAClB,kBAAgBC;AAAA,QAChB,qBAAmBC;AAAA,MAAA;MAGb1E,EAAA,kBAAXkF,EAEM,OAAA;AAAA;QAFiB,SAAOxB,GAAA,KAAW;AAAA,QAAG,SAAOiB;AAAA,MAAA;QAC/Cc,GAAaL,EAAAM,EAAA,CAAA;AAAA,MAAA;MAGN1F,EAAA,eAAeO,EAAA,cAA1B2E,EAEM,OAAA;AAAA;QAF+B,SAAOtB,GAAA,KAAU;AAAA,MAAA,KAC/Cf,EAAA,KAAY,IAAA8C,EAAMpF,EAAA,QAAQ,MAAA,IAAA,IAAAoF,EAAmB7C,EAAA,KAAU,GAAA,CAAA;;;;"}

package/lib/es/components/input/context.js

@@ -0,0 +1,18 @@
+import { provide as n, inject as r, reactive as o, unref as p } from "vue";
+const u = Symbol("semi-input-group");
+function i(t) {
+  n(u, t);
+}
+function c() {
+  const t = r(u, null);
+  return t ? o({
+    get inputGroup() {
+      return p(t).inputGroup;
+    }
+  }) : { inputGroup: void 0 };
+}
+export {
+  i as provideInputGroup,
+  c as useInputGroup
+};
+//# sourceMappingURL=context.js.map

package/lib/es/components/input/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/components/input/context.ts"],"sourcesContent":["import { inject, provide, type InjectionKey, type ComputedRef, unref, reactive } from 'vue';\nimport type { InputSize } from './interface';\n\nexport interface InputGroupContext {\n    size?: InputSize;\n    disabled?: boolean;\n    onBlur?: (e: FocusEvent) => void;\n    onFocus?: (e: FocusEvent) => void;\n}\n\nexport interface InputGroupContextValue {\n    inputGroup?: InputGroupContext;\n}\n\nconst INPUT_GROUP_KEY: InjectionKey<ComputedRef<InputGroupContextValue>> = Symbol('semi-input-group');\n\nexport function provideInputGroup(context: ComputedRef<InputGroupContextValue>) {\n    provide(INPUT_GROUP_KEY, context);\n}\n\nexport function useInputGroup(): InputGroupContextValue {\n    const context = inject(INPUT_GROUP_KEY, null);\n\n    if (!context) {\n        return { inputGroup: undefined };\n    }\n\n    return reactive({\n        get inputGroup() {\n            return unref(context).inputGroup;\n        },\n    });\n}\n"],"names":["INPUT_GROUP_KEY","provideInputGroup","context","provide","useInputGroup","inject","reactive","unref"],"mappings":";AAcA,MAAMA,IAAqE,OAAO,kBAAkB;AAE7F,SAASC,EAAkBC,GAA8C;AAC5E,EAAAC,EAAQH,GAAiBE,CAAO;AACpC;AAEO,SAASE,IAAwC;AACpD,QAAMF,IAAUG,EAAOL,GAAiB,IAAI;AAE5C,SAAKE,IAIEI,EAAS;AAAA,IACZ,IAAI,aAAa;AACb,aAAOC,EAAML,CAAO,EAAE;AAAA,IAC1B;AAAA,EAAA,CACH,IAPU,EAAE,YAAY,OAAA;AAQ7B;"}

package/lib/es/components/input/index.js

@@ -0,0 +1,68 @@
+import s from "./Input.vue.js";
+import d from "./TextArea.vue.js";
+import { defineComponent as f, inject as u, h as o } from "vue";
+import { FormUpdaterContextKey as b } from "../form/context.js";
+import c from "../form/FieldWrapper.vue.js";
+import { createFieldEnhancer as x } from "../form/createFieldEnhancer.js";
+/* empty css           */
+const E = f({
+  name: "SemiInput",
+  inheritAttrs: !1,
+  setup(n, { attrs: a, slots: m }) {
+    return u(b, null) && "field" in a && a.field ? () => {
+      const e = (l) => {
+        const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+        return a[l] ?? a[i];
+      }, p = {
+        field: e("field"),
+        label: e("label"),
+        rules: e("rules"),
+        validate: e("validate"),
+        trigger: e("trigger"),
+        initValue: e("initValue"),
+        required: e("required"),
+        labelPosition: e("labelPosition"),
+        labelWidth: e("labelWidth"),
+        labelAlign: e("labelAlign"),
+        labelCol: e("labelCol"),
+        wrapperCol: e("wrapperCol"),
+        noLabel: e("noLabel"),
+        noErrorMessage: e("noErrorMessage"),
+        helpText: e("helpText"),
+        extraText: e("extraText"),
+        extraTextPosition: e("extraTextPosition"),
+        fieldClassName: e("fieldClassName"),
+        fieldStyle: e("fieldStyle"),
+        transform: e("transform"),
+        convert: e("convert"),
+        allowEmpty: e("allowEmpty"),
+        allowEmptyString: e("allowEmptyString"),
+        emptyValue: e("emptyValue"),
+        keepState: e("keepState"),
+        validateStatus: e("validateStatus"),
+        name: e("name"),
+        id: e("id")
+      }, r = { ...a }, t = (l) => {
+        const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+        delete r[l], delete r[i];
+      };
+      return t("field"), t("label"), t("rules"), t("validate"), t("trigger"), t("initValue"), t("required"), t("labelPosition"), t("labelWidth"), t("labelAlign"), t("labelCol"), t("wrapperCol"), t("noLabel"), t("noErrorMessage"), t("helpText"), t("extraText"), t("extraTextPosition"), t("fieldClassName"), t("fieldStyle"), t("transform"), t("convert"), t("allowEmpty"), t("allowEmptyString"), t("emptyValue"), t("keepState"), t("validateStatus"), t("name"), t("id"), o(c, p, {
+        default: (l) => o(
+          s,
+          {
+            ...n,
+            ...r,
+            ...l
+          },
+          m
+        )
+      });
+    } : () => o(s, { ...n, ...a }, m);
+  }
+}), h = x(d, "SemiTextArea");
+export {
+  E as Input,
+  h as TextArea,
+  E as default
+};
+//# sourceMappingURL=index.js.map

package/lib/es/components/input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/input/index.ts"],"sourcesContent":["import BaseInput from './Input.vue';\nimport InputGroup from './InputGroup.vue';\nimport BaseTextArea from './TextArea.vue';\nimport { defineComponent, h, inject } from 'vue';\nimport { FormUpdaterContextKey } from '../form/context';\nimport Field from '../form/FieldWrapper.vue';\nimport { createFieldEnhancer } from '../form/createFieldEnhancer';\n\n// 导入样式（自动引入）\nimport './input.scss';\n\n// 自动增强的 Input 组件\nconst Input = defineComponent({\n    name: 'SemiInput',\n    inheritAttrs: false,\n    setup(props, { attrs, slots }) {\n        // 检查是否在 Form 内部\n        const formUpdater = inject(FormUpdaterContextKey, null);\n\n        // 如果提供了 field 属性且在 Form 内，自动包装 Field\n        if (formUpdater && 'field' in attrs && attrs.field) {\n            return () => {\n                // Vue attrs 中 kebab-case 和 camelCase 都可能存在，需要兼容处理\n                const getAttr = (key: string) => {\n                    const kebabKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n                    return (attrs as any)[key] ?? (attrs as any)[kebabKey];\n                };\n\n                const fieldProps = {\n                    field: getAttr('field'),\n                    label: getAttr('label'),\n                    rules: getAttr('rules'),\n                    validate: getAttr('validate'),\n                    trigger: getAttr('trigger'),\n                    initValue: getAttr('initValue'),\n                    required: getAttr('required'),\n                    labelPosition: getAttr('labelPosition'),\n                    labelWidth: getAttr('labelWidth'),\n                    labelAlign: getAttr('labelAlign'),\n                    labelCol: getAttr('labelCol'),\n                    wrapperCol: getAttr('wrapperCol'),\n                    noLabel: getAttr('noLabel'),\n                    noErrorMessage: getAttr('noErrorMessage'),\n                    helpText: getAttr('helpText'),\n                    extraText: getAttr('extraText'),\n                    extraTextPosition: getAttr('extraTextPosition'),\n                    fieldClassName: getAttr('fieldClassName'),\n                    fieldStyle: getAttr('fieldStyle'),\n                    transform: getAttr('transform'),\n                    convert: getAttr('convert'),\n                    allowEmpty: getAttr('allowEmpty'),\n                    allowEmptyString: getAttr('allowEmptyString'),\n                    emptyValue: getAttr('emptyValue'),\n                    keepState: getAttr('keepState'),\n                    validateStatus: getAttr('validateStatus'),\n                    name: getAttr('name'),\n                    id: getAttr('id'),\n                };\n\n                // 移除 field 相关 props，避免传给 Input（需要同时删除 camelCase 和 kebab-case）\n                const inputAttrs = { ...attrs };\n                const removeAttr = (key: string) => {\n                    const kebabKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n                    delete (inputAttrs as any)[key];\n                    delete (inputAttrs as any)[kebabKey];\n                };\n\n                removeAttr('field');\n                removeAttr('label');\n                removeAttr('rules');\n                removeAttr('validate');\n                removeAttr('trigger');\n                removeAttr('initValue');\n                removeAttr('required');\n                removeAttr('labelPosition');\n                removeAttr('labelWidth');\n                removeAttr('labelAlign');\n                removeAttr('labelCol');\n                removeAttr('wrapperCol');\n                removeAttr('noLabel');\n                removeAttr('noErrorMessage');\n                removeAttr('helpText');\n                removeAttr('extraText');\n                removeAttr('extraTextPosition');\n                removeAttr('fieldClassName');\n                removeAttr('fieldStyle');\n                removeAttr('transform');\n                removeAttr('convert');\n                removeAttr('allowEmpty');\n                removeAttr('allowEmptyString');\n                removeAttr('emptyValue');\n                removeAttr('keepState');\n                removeAttr('validateStatus');\n                removeAttr('name'); // name 和 id 由 fieldBindings 提供\n                removeAttr('id');\n\n                return h(Field, fieldProps, {\n                    default: (fieldBindings: any) => {\n                        // 合并 field 绑定和 input props\n                        return h(\n                            BaseInput,\n                            {\n                                ...props,\n                                ...inputAttrs,\n                                ...fieldBindings,\n                            },\n                            slots\n                        );\n                    },\n                });\n            };\n        }\n\n        // 否则直接渲染原始 Input\n        return () => h(BaseInput, { ...props, ...attrs }, slots);\n    },\n});\n\nconst TextArea = createFieldEnhancer(BaseTextArea, 'SemiTextArea');\n\nexport { Input, InputGroup, TextArea };\nexport type {\n    InputProps,\n    InputGroupProps,\n    TextAreaProps,\n    InputSize,\n    InputMode,\n    ValidateStatus,\n    AutosizeRow,\n} from './interface';\nexport default Input;\n"],"names":["Input","defineComponent","props","attrs","slots","inject","FormUpdaterContextKey","getAttr","key","kebabKey","fieldProps","inputAttrs","removeAttr","h","Field","fieldBindings","BaseInput","TextArea","createFieldEnhancer","BaseTextArea"],"mappings":"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"}