@sdata/web-vue 3.30.0 → 4.1.0

package/es/input/input-search.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,168 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import icon_hover_default from "../_components/icon-hover.js";
+import IconLoading from "../icon/icon-loading/index.js";
+import { useSize } from "../_hooks/use-size.js";
+import input_default from "./input.js";
+import Button from "../button/index.js";
+import IconSearch from "../icon/icon-search/index.js";
+import { Fragment, createBlock, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, toDisplayString, toRef, unref, withCtx } from "vue";
+//#region components/input/input-search.vue?vue&type=script&setup=true&lang.ts
+var input_search_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "InputSearch" }), {}, {
+	__name: "input-search",
+	props: {
+		/**
+		* @zh 是否为后置按钮模式
+		* @en Whether it is the rear button mode
+		*/
+		searchButton: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 是否为加载中状态
+		* @en Whether it is loading state
+		*/
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 是否禁用
+		* @en Whether to disable
+		*/
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 输入框大小
+		* @en Input size
+		* @values 'mini','small','medium','large'
+		* @defaultValue 'medium'
+		*/
+		size: String,
+		/**
+		* @zh 搜索按钮的文字，使用后会替换原本的图标
+		* @en The text of the search button will replace the original icon after use
+		* @version 2.16.0
+		*/
+		buttonText: String,
+		/**
+		* @zh 搜索按钮的属性
+		* @en Button props
+		*/
+		buttonProps: Object,
+		/**
+		* @zh 宽度是否适应文字内容
+		* @en Whether the width adapts to the text content
+		*/
+		fitWidth: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 最大宽度是否限制为父容器宽度
+		* @en Whether the maximum width is limited to the parent container width
+		*/
+		maxWFull: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["search"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const prefixCls = getPrefixCls("input-search");
+		const { mergedSize } = useSize(toRef(props, "size"));
+		const inputRef = ref();
+		const handleClick = (event) => {
+			var _inputRef$value;
+			if ((_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 ? void 0 : _inputRef$value.inputRef) emit("search", inputRef.value.inputRef.value, event);
+		};
+		const focus = () => {
+			var _inputRef$value2;
+			(_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.focus();
+		};
+		const blur = () => {
+			var _inputRef$value3;
+			(_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 || _inputRef$value3.blur();
+		};
+		__expose({
+			inputRef,
+			focus,
+			blur
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(input_default, {
+				ref_key: "inputRef",
+				ref: inputRef,
+				class: normalizeClass(unref(prefixCls)),
+				size: unref(mergedSize),
+				disabled: __props.disabled,
+				"fit-width": __props.fitWidth,
+				"max-w-full": __props.maxWFull
+			}, createSlots({ _: 2 }, [
+				_ctx.$slots.prepend ? {
+					name: "prepend",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "prepend")]),
+					key: "0"
+				} : void 0,
+				_ctx.$slots.prefix ? {
+					name: "prefix",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
+					key: "1"
+				} : void 0,
+				(__props.searchButton ? _ctx.$slots.suffix : true) ? {
+					name: "suffix",
+					fn: withCtx(() => [__props.searchButton ? renderSlot(_ctx.$slots, "suffix", {}, void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [__props.loading ? (openBlock(), createBlock(unref(IconLoading), { key: 0 })) : (openBlock(), createBlock(icon_hover_default, {
+						key: 1,
+						onClick: handleClick
+					}, {
+						default: withCtx(() => [createVNode(unref(IconSearch))]),
+						_: 1
+					})), renderSlot(_ctx.$slots, "suffix")], 64))]),
+					key: "2"
+				} : void 0,
+				__props.searchButton || _ctx.$slots.append ? {
+					name: "append",
+					fn: withCtx(() => [__props.searchButton ? (openBlock(), createBlock(unref(Button), mergeProps({
+						key: 0,
+						type: "primary",
+						class: `${unref(prefixCls)}-btn`,
+						disabled: __props.disabled,
+						size: unref(mergedSize),
+						loading: __props.loading
+					}, __props.buttonProps, { onClick: handleClick }), createSlots({ _: 2 }, [_ctx.$slots["button-default"] || __props.buttonText ? {
+						name: "default",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "button-default", {}, () => [createTextVNode(toDisplayString(__props.buttonText), 1)])]),
+						key: "0"
+					} : void 0, _ctx.$slots["button-icon"] ? {
+						name: "icon",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "button-icon")]),
+						key: "1"
+					} : !__props.buttonText && !_ctx.$slots["button-default"] ? {
+						name: "icon",
+						fn: withCtx(() => [createVNode(unref(IconSearch))]),
+						key: "2"
+					} : void 0]), 1040, [
+						"class",
+						"disabled",
+						"size",
+						"loading"
+					])) : renderSlot(_ctx.$slots, "append", {}, void 0, void 0, 1)]),
+					key: "3"
+				} : void 0
+			]), 1032, [
+				"class",
+				"size",
+				"disabled",
+				"fit-width",
+				"max-w-full"
+			]);
+		};
+	}
+}));
+//#endregion
+export { input_search_vue_vue_type_script_setup_true_lang_default as default };

package/es/input/input.js

@@ -1,489 +1,5 @@
-import { useFormItem } from "../_hooks/use-form-item.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isFunction, isNull, isObject, isUndefined } from "../_utils/is.js";
-import icon_hover_default from "../_components/icon-hover.js";
-import { isActivationKey } from "../_utils/keyboard.js";
-import IconClose from "../icon/icon-close/index.js";
-import { useI18n } from "../locale/index.js";
-import { useAllowClear } from "../_hooks/use-allow-clear.js";
-import feedback_icon_default from "../_components/feedback-icon.js";
-import { useCursor } from "../_hooks/use-cursor.js";
-import { useFitWidth } from "../_hooks/use-fit-width.js";
-import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
-import { useSize } from "../_hooks/use-size.js";
-import { INPUT_EVENTS } from "../_utils/constant.js";
-import { countGraphemes, sliceGraphemes } from "../_utils/grapheme.js";
-import { Enter } from "../_utils/keycode.js";
-import { omit } from "../_utils/omit.js";
-import pick from "../_utils/pick.js";
-import Tooltip from "../tooltip/index.js";
-import { computed, createTextVNode, createVNode, defineComponent, isVNode, mergeProps, nextTick, ref, toRef, toRefs, watch } from "vue";
-//#region components/input/input.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var input_default = /* @__PURE__ */ defineComponent({
-	name: "Input",
-	inheritAttrs: false,
-	props: {
-		/**
-		* @zh 绑定值
-		* @en Value
-		*/
-		modelValue: String,
-		/**
-		* @zh 默认值（非受控状态）
-		* @en Default value (uncontrolled state)
-		*/
-		defaultValue: {
-			type: String,
-			default: ""
-		},
-		/**
-		* @zh 输入框大小
-		* @en Input size
-		* @values 'mini','small','medium','large'
-		* @defaultValue 'medium'
-		*/
-		size: { type: String },
-		/**
-		* @zh 是否允许清空输入框
-		* @en Whether to allow the input to be cleared
-		*/
-		allowClear: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 是否禁用
-		* @en Whether to disable
-		*/
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 是否为只读状态
-		* @en Whether it is read-only
-		*/
-		readonly: {
-			type: [Boolean, String],
-			default: false
-		},
-		/**
-		* @zh 是否为错误状态
-		* @en Whether it is an error state
-		*/
-		error: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 提示文字
-		* @en Prompt text
-		*/
-		placeholder: String,
-		/**
-		* @zh 宽度是否适应文字内容
-		* @en Whether the width adapts to the text content
-		*/
-		fitWidth: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 最大宽度是否限制为父容器宽度
-		* @en Whether the maximum width is limited to the parent container width
-		*/
-		maxWFull: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 输入值的最大长度，errorOnly 属性在 2.12.0 版本添加
-		* @en Enter the maximum length of the value, the errorOnly attribute was added in version 2.12.0
-		*/
-		maxLength: {
-			type: [Number, Object],
-			default: 0
-		},
-		/**
-		* @zh 是否显示字数统计
-		* @en Whether to display word count
-		*/
-		showWordLimit: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 字符长度的计算方法
-		* @en Calculation method of word length
-		*/
-		wordLength: { type: Function },
-		/**
-		* @zh 字符截取方法，同 wordLength 一起使用
-		* @en Character interception method, used together with wordLength
-		* @version 2.12.0
-		*/
-		wordSlice: { type: Function },
-		/**
-		* @zh 内部 input 元素的属性
-		* @en Attributes of inner input elements
-		* @version 2.27.0
-		*/
-		inputAttrs: { type: Object },
-		type: {
-			type: String,
-			default: "text"
-		},
-		fitWidthFallback: {
-			type: String,
-			default: "4ch"
-		},
-		/**
-		* @zh 前置标签
-		* @en Prepend
-		* @version 2.57.0
-		*/
-		prepend: String,
-		/**
-		* @zh 后置标签
-		* @en Append
-		* @version 2.57.0
-		*/
-		append: String
-	},
-	emits: {
-		"update:modelValue": (_value) => true,
-		/**
-		* @zh 用户输入时触发
-		* @en Triggered when the user enters
-		* @param {string} value
-		* @param {Event} ev
-		*/
-		"input": (_value, _ev) => true,
-		/**
-		* @zh 仅在输入框失焦或按下回车时触发
-		* @en Only triggered when the input box is out of focus or when you press Enter
-		* @param {string} value
-		* @param {Event} ev
-		*/
-		"change": (_value, _ev) => true,
-		/**
-		* @zh 用户按下回车时触发
-		* @en Triggered when the user presses enter
-		* @param {KeyboardEvent} ev
-		*/
-		"pressEnter": (_ev) => true,
-		/**
-		* @zh 用户点击清除按钮时触发
-		* @en Triggered when the user clicks the clear button
-		* @param {MouseEvent} ev
-		*/
-		"clear": (_ev) => true,
-		/**
-		* @zh 输入框获取焦点时触发
-		* @en Triggered when the input box gets focus
-		* @param {FocusEvent} ev
-		*/
-		"focus": (_ev) => true,
-		/**
-		* @zh 输入框失去焦点时触发
-		* @en Triggered when the input box loses focus
-		* @param {FocusEvent} ev
-		*/
-		"blur": (_ev) => true
-	},
-	/**
-	* @zh 前缀元素
-	* @en Prefix
-	* @slot prefix
-	*/
-	/**
-	* @zh 后缀元素
-	* @en Suffix
-	* @slot suffix
-	*/
-	/**
-	* @zh 前置标签
-	* @en Prepend
-	* @slot prepend
-	*/
-	/**
-	* @zh 后置标签
-	* @en Append
-	* @slot append
-	*/
-	setup(props, { emit, slots, attrs }) {
-		const { t } = useI18n();
-		const { size, disabled, error, modelValue, allowClear } = toRefs(props);
-		const prefixCls = getPrefixCls("input");
-		const inputRef = ref();
-		const { mergedSize: _mergedSize, mergedDisabled, mergedError: _mergedError, feedback, eventHandlers, formItemCtx } = useFormItem({
-			size,
-			disabled,
-			error
-		});
-		const { mergedSize } = useSize(_mergedSize);
-		const { mergedAllowClear } = useAllowClear(allowClear);
-		const [recordCursor, setCursor] = useCursor(inputRef);
-		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), mergedDisabled);
-		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
-		const _value = ref(props.defaultValue);
-		const computedValue = computed(() => {
-			var _props$modelValue;
-			return (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : _value.value;
-		});
-		let preValue = computedValue.value;
-		watch(modelValue, (value) => {
-			if (isUndefined(value) || isNull(value)) _value.value = "";
-		});
-		watch(computedValue, (value, oldValue) => {
-			preValue = oldValue;
-		});
-		const focused = ref(false);
-		const showClearBtn = computed(() => mergedAllowClear.value && !props.readonly && !mergedDisabled.value && Boolean(computedValue.value));
-		const isComposition = ref(false);
-		const compositionValue = ref("");
-		const { fitWidthStyle, fitWidthValue } = useFitWidth({
-			fitWidth: () => props.fitWidth,
-			text: computed(() => {
-				const value = compositionValue.value || computedValue.value;
-				return (props.type === "password" ? "•".repeat(Array.from(value).length) : value) || props.placeholder;
-			}),
-			fallbackWidth: () => props.fitWidthFallback,
-			target: inputRef
-		});
-		const getValueLength = (value) => {
-			if (isFunction(props.wordLength)) return props.wordLength(value);
-			return countGraphemes(value);
-		};
-		const valueLength = computed(() => getValueLength(computedValue.value));
-		const mergedError = computed(() => _mergedError.value || Boolean(isObject(props.maxLength) && props.maxLength.errorOnly && valueLength.value > maxLength.value));
-		const maxLengthErrorOnly = computed(() => isObject(props.maxLength) && Boolean(props.maxLength.errorOnly));
-		const maxLength = computed(() => {
-			if (isObject(props.maxLength)) return props.maxLength.length;
-			return props.maxLength;
-		});
-		const defaultMaxLength = computed(() => {
-			const bytePerChar = getValueLength("a");
-			return Math.floor(maxLength.value / bytePerChar);
-		});
-		const updateValue = (value) => {
-			if (maxLength.value && !maxLengthErrorOnly.value && getValueLength(value) > maxLength.value) if (isFunction(props.wordSlice)) value = props.wordSlice(value, maxLength.value);
-			else if (isFunction(props.wordLength)) value = value.slice(0, defaultMaxLength.value);
-			else value = sliceGraphemes(value, defaultMaxLength.value);
-			_value.value = value;
-			emit("update:modelValue", value);
-		};
-		const handleMousedown = (e) => {
-			if (inputRef.value && e.target !== inputRef.value) {
-				e.preventDefault();
-				inputRef.value.focus();
-			}
-		};
-		const emitChange = (value, ev) => {
-			if (value !== preValue) {
-				var _eventHandlers$value, _eventHandlers$value$;
-				preValue = value;
-				emit("change", value, ev);
-				(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value, ev);
-			}
-		};
-		const handleFocus = (ev) => {
-			var _eventHandlers$value2, _eventHandlers$value3;
-			focused.value = true;
-			emit("focus", ev);
-			(_eventHandlers$value2 = eventHandlers.value) === null || _eventHandlers$value2 === void 0 || (_eventHandlers$value3 = _eventHandlers$value2.onFocus) === null || _eventHandlers$value3 === void 0 || _eventHandlers$value3.call(_eventHandlers$value2, ev);
-		};
-		const handleBlur = (ev) => {
-			var _eventHandlers$value4, _eventHandlers$value5;
-			focused.value = false;
-			emitChange(computedValue.value, ev);
-			emit("blur", ev);
-			(_eventHandlers$value4 = eventHandlers.value) === null || _eventHandlers$value4 === void 0 || (_eventHandlers$value5 = _eventHandlers$value4.onBlur) === null || _eventHandlers$value5 === void 0 || _eventHandlers$value5.call(_eventHandlers$value4, ev);
-		};
-		const handleComposition = (e) => {
-			const { value, selectionStart, selectionEnd } = e.target;
-			if (e.type === "compositionend") {
-				var _eventHandlers$value6, _eventHandlers$value7;
-				isComposition.value = false;
-				compositionValue.value = "";
-				if (maxLength.value && !maxLengthErrorOnly.value && valueLength.value >= maxLength.value && getValueLength(value) > maxLength.value && selectionStart === selectionEnd) {
-					keepControl();
-					return;
-				}
-				updateValue(value);
-				emit("input", value, e);
-				(_eventHandlers$value6 = eventHandlers.value) === null || _eventHandlers$value6 === void 0 || (_eventHandlers$value7 = _eventHandlers$value6.onInput) === null || _eventHandlers$value7 === void 0 || _eventHandlers$value7.call(_eventHandlers$value6, e);
-				keepControl();
-			} else {
-				var _e$data;
-				isComposition.value = true;
-				compositionValue.value = computedValue.value + ((_e$data = e.data) !== null && _e$data !== void 0 ? _e$data : "");
-			}
-		};
-		const keepControl = () => {
-			recordCursor();
-			nextTick(() => {
-				if (inputRef.value && computedValue.value !== inputRef.value.value) {
-					inputRef.value.value = computedValue.value;
-					setCursor();
-				}
-			});
-		};
-		const handleInput = (e) => {
-			const { value } = e.target;
-			if (!isComposition.value) {
-				var _eventHandlers$value8, _eventHandlers$value9;
-				if (maxLength.value && !maxLengthErrorOnly.value && valueLength.value >= maxLength.value && getValueLength(value) > maxLength.value && e.inputType === "insertText") {
-					keepControl();
-					return;
-				}
-				updateValue(value);
-				emit("input", value, e);
-				(_eventHandlers$value8 = eventHandlers.value) === null || _eventHandlers$value8 === void 0 || (_eventHandlers$value9 = _eventHandlers$value8.onInput) === null || _eventHandlers$value9 === void 0 || _eventHandlers$value9.call(_eventHandlers$value8, e);
-				keepControl();
-			}
-		};
-		const handleClear = (ev) => {
-			updateValue("");
-			emitChange("", ev);
-			emit("clear", ev);
-		};
-		const handleClearKeydown = (ev) => {
-			if (isActivationKey(ev)) {
-				ev.preventDefault();
-				handleClear(ev);
-			}
-		};
-		const handleKeyDown = (e) => {
-			if (props.readonly && !mergedDisabled.value && isReadonlyModificationKey(e)) showReadonlyTip();
-			const keyCode = e.key || e.code;
-			if (!isComposition.value && keyCode === Enter.key) {
-				emitChange(computedValue.value, e);
-				emit("pressEnter", e);
-			}
-		};
-		const outerCls = computed(() => [
-			`${prefixCls}-outer`,
-			`${prefixCls}-outer-size-${mergedSize.value}`,
-			{
-				[`${prefixCls}-outer-has-suffix`]: Boolean(slots.suffix),
-				[`${prefixCls}-outer-disabled`]: mergedDisabled.value,
-				[`${prefixCls}-fit-width`]: props.fitWidth,
-				[`${prefixCls}-max-w-full`]: props.maxWFull
-			}
-		]);
-		const wrapperCls = computed(() => [`${prefixCls}-wrapper`, {
-			[`${prefixCls}-error`]: mergedError.value,
-			[`${prefixCls}-disabled`]: mergedDisabled.value,
-			[`${prefixCls}-focus`]: focused.value,
-			[`${prefixCls}-fit-width`]: props.fitWidth,
-			[`${prefixCls}-max-w-full`]: props.maxWFull
-		}]);
-		const cls = computed(() => [prefixCls, `${prefixCls}-size-${mergedSize.value}`]);
-		const wrapperAttrs = computed(() => {
-			const wrapperAttrs = omit(attrs, INPUT_EVENTS);
-			return _objectSpread2(_objectSpread2({}, wrapperAttrs), {}, { style: [fitWidthStyle.value, wrapperAttrs.style] });
-		});
-		const inputAttrs = computed(() => pick(attrs, INPUT_EVENTS));
-		const mergeInputAttrs = computed(() => {
-			const attrs = _objectSpread2(_objectSpread2({}, inputAttrs.value), props.inputAttrs);
-			if (formItemCtx.fieldId && attrs.id === void 0) attrs.id = formItemCtx.fieldId;
-			if (mergedError.value) attrs["aria-invalid"] = true;
-			attrs.style = [props.fitWidth ? {
-				flex: `0 1 ${fitWidthValue}`,
-				width: fitWidthValue,
-				minWidth: 0
-			} : void 0, attrs.style];
-			return attrs;
-		});
-		const renderInput = (hasOuter) => {
-			var _slots$suffix;
-			return createVNode("span", mergeProps({
-				"class": wrapperCls.value,
-				"onMousedown": handleMousedown
-			}, !hasOuter ? wrapperAttrs.value : void 0), [
-				slots.prefix && createVNode("span", { "class": `${prefixCls}-prefix` }, [slots.prefix()]),
-				createVNode("input", mergeProps({
-					"ref": inputRef,
-					"class": cls.value,
-					"value": computedValue.value,
-					"type": props.type,
-					"placeholder": props.placeholder,
-					"readonly": !!props.readonly,
-					"disabled": mergedDisabled.value,
-					"onInput": handleInput,
-					"onKeydown": handleKeyDown,
-					"onFocus": handleFocus,
-					"onBlur": handleBlur,
-					"onCompositionstart": handleComposition,
-					"onCompositionupdate": handleComposition,
-					"onCompositionend": handleComposition
-				}, mergeInputAttrs.value), null),
-				showClearBtn.value && createVNode(icon_hover_default, mergeProps({
-					"prefix": prefixCls,
-					"class": `${prefixCls}-clear-btn`
-				}, {
-					"onClick": handleClear,
-					"onKeydown": handleClearKeydown,
-					"role": "button",
-					"tabindex": 0,
-					"aria-label": t("a11y.clear")
-				}), { default: () => [createVNode(IconClose, null, null)] }),
-				(slots.suffix || Boolean(props.maxLength) && props.showWordLimit || Boolean(feedback.value)) && createVNode("span", { "class": [`${prefixCls}-suffix`, { [`${prefixCls}-suffix-has-feedback`]: feedback.value }] }, [
-					Boolean(props.maxLength) && props.showWordLimit && createVNode("span", { "class": `${prefixCls}-word-limit` }, [
-						valueLength.value,
-						createTextVNode("/"),
-						maxLength.value
-					]),
-					(_slots$suffix = slots.suffix) === null || _slots$suffix === void 0 ? void 0 : _slots$suffix.call(slots),
-					Boolean(feedback.value) && createVNode(feedback_icon_default, { "type": feedback.value }, null)
-				])
-			]);
-		};
-		const render = () => {
-			const node = slots.prepend || slots.append || props.prepend || props.append ? createVNode("span", mergeProps({ "class": outerCls.value }, wrapperAttrs.value), [
-				(slots.prepend || props.prepend) && createVNode("span", { "class": `${prefixCls}-prepend` }, [slots.prepend ? slots.prepend() : props.prepend]),
-				renderInput(true),
-				(slots.append || props.append) && createVNode("span", { "class": `${prefixCls}-append` }, [slots.append ? slots.append() : props.append])
-			]) : renderInput();
-			return createVNode(Tooltip, {
-				"popupVisible": tipVisible.value,
-				"content": readonlyTipText.value,
-				"position": "top"
-			}, _isSlot(node) ? node : { default: () => [node] });
-		};
-		return {
-			inputRef,
-			render
-		};
-	},
-	methods: {
-		/**
-		* @zh 使输入框获取焦点
-		* @en Make the input box focus
-		* @public
-		*/
-		focus() {
-			var _this$inputRef;
-			(_this$inputRef = this.inputRef) === null || _this$inputRef === void 0 || _this$inputRef.focus();
-		},
-		/**
-		* @zh 使输入框失去焦点
-		* @en Make the input box lose focus
-		* @public
-		*/
-		blur() {
-			var _this$inputRef2;
-			(_this$inputRef2 = this.inputRef) === null || _this$inputRef2 === void 0 || _this$inputRef2.blur();
-		}
-	},
-	render() {
-		return this.render();
-	}
-});
+import input_vue_vue_type_script_setup_true_lang_default from "./input.vue_vue_type_script_setup_true_lang.js";
+//#region components/input/input.vue
+var input_default = input_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { input_default as default };