@v-c/input 1.1.0 → 1.1.2

package/dist/BaseInput.js

@@ -1,6 +1,6 @@
 import { hasAddon, hasPrefixSuffix } from "./utils/commonUtils.js";
 import { Fragment, computed, createVNode, defineComponent, isVNode, mergeProps, shallowRef } from "vue";
-import { clsx } from "@v-c/util";
+import { clsx, isVueRenderable } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 //#region src/BaseInput.tsx
 function _isSlot(s) {
@@ -34,7 +34,7 @@ var BaseInput = /* @__PURE__ */ defineComponent((props, { slots, expose, attrs }
 				const clearDisabled = typeof allowClear === "object" && allowClear?.disabled;
 				const needClear = !disabled && !readOnly && value && !clearDisabled;
 				const clearIconCls = `${prefixCls}-clear-icon`;
-				const iconNode = typeof allowClear === "object" && allowClear?.clearIcon ? allowClear.clearIcon : "✖";
+				const iconNode = typeof allowClear === "object" && isVueRenderable(allowClear?.clearIcon) ? allowClear.clearIcon : "✖";
 				clearIcon = createVNode("button", {
 					"type": "button",
 					"disabled": clearDisabled || void 0,
@@ -46,7 +46,7 @@ var BaseInput = /* @__PURE__ */ defineComponent((props, { slots, expose, attrs }
 					"onMousedown": (e) => e.preventDefault(),
 					"class": clsx(clearIconCls, classNames?.clear, {
 						[`${clearIconCls}-hidden`]: !needClear,
-						[`${clearIconCls}-has-suffix`]: !!suffix
+						[`${clearIconCls}-has-suffix`]: isVueRenderable(suffix)
 					}),
 					"style": styles?.clear
 				}, [iconNode]);
@@ -57,9 +57,9 @@ var BaseInput = /* @__PURE__ */ defineComponent((props, { slots, expose, attrs }
 				[`${affixWrapperPrefixCls}-disabled`]: disabled,
 				[`${affixWrapperPrefixCls}-focused`]: focused,
 				[`${affixWrapperPrefixCls}-readonly`]: readOnly,
-				[`${affixWrapperPrefixCls}-input-with-clear-btn`]: suffix && allowClear && value
+				[`${affixWrapperPrefixCls}-input-with-clear-btn`]: isVueRenderable(suffix) && allowClear && value
 			}, classNames?.affixWrapper, classNames?.variant);
-			const suffixNode = (suffix || allowClear) && createVNode("span", {
+			const suffixNode = (isVueRenderable(suffix) || allowClear) && createVNode("span", {
 				"class": clsx(`${prefixCls}-suffix`, classNames?.suffix),
 				"style": styles?.suffix
 			}, [clearIcon, suffix]);
@@ -71,7 +71,7 @@ var BaseInput = /* @__PURE__ */ defineComponent((props, { slots, expose, attrs }
 				"style": styles?.affixWrapper,
 				"onClick": onInputClick
 			}, dataAttrs?.affixWrapper, { "ref": containerRef }), { default: () => [
-				prefix && createVNode("span", {
+				isVueRenderable(prefix) && createVNode("span", {
 					"class": clsx(`${prefixCls}-prefix`, classNames?.prefix),
 					"style": styles?.prefix
 				}, [prefix]),
@@ -84,14 +84,13 @@ var BaseInput = /* @__PURE__ */ defineComponent((props, { slots, expose, attrs }
 			const addonCls = `${wrapperCls}-addon`;
 			const groupWrapperCls = `${wrapperCls}-wrapper`;
 			const mergedWrapperClassName = clsx(`${prefixCls}-wrapper`, wrapperCls, classNames?.wrapper);
-			const mergedGroupClassName = clsx(groupWrapperCls, { [`${groupWrapperCls}-disabled`]: disabled }, classNames?.groupWrapper);
 			element = createVNode(GroupWrapperComponent, {
-				"class": mergedGroupClassName,
+				"class": clsx(groupWrapperCls, { [`${groupWrapperCls}-disabled`]: disabled }, classNames?.groupWrapper),
 				"ref": groupRef
 			}, { default: () => [createVNode(WrapperComponent, { "class": mergedWrapperClassName }, { default: () => [
-				addonBefore && createVNode(GroupAddonComponent, { "class": addonCls }, _isSlot(addonBefore) ? addonBefore : { default: () => [addonBefore] }),
+				isVueRenderable(addonBefore) && createVNode(GroupAddonComponent, { "class": addonCls }, _isSlot(addonBefore) ? addonBefore : { default: () => [addonBefore] }),
 				element,
-				addonAfter && createVNode(GroupAddonComponent, { "class": addonCls }, _isSlot(addonAfter) ? addonAfter : { default: () => [addonAfter] })
+				isVueRenderable(addonAfter) && createVNode(GroupAddonComponent, { "class": addonCls }, _isSlot(addonAfter) ? addonAfter : { default: () => [addonAfter] })
 			] })] });
 		}
 		return createVNode(element, {

package/dist/input.js

@@ -226,7 +226,7 @@ var Input = /* @__PURE__ */ defineComponent((props, { slots, expose, attrs }) =>
 		}, _isSlot(inputElement) ? inputElement : { default: () => [inputElement] });
 	};
 }, {
-	props: /* @__PURE__ */ mergeDefaults({
+	props: /*@__PURE__*/ mergeDefaults({
 		value: {
 			required: false,
 			default: void 0

package/dist/utils/commonUtils.js

@@ -1,3 +1,4 @@
+import { isVueRenderable } from "@v-c/util";
 import { triggerFocus as triggerFocus$1 } from "@v-c/util/dist/Dom/focus";
 //#region src/utils/commonUtils.ts
 function createPatchedTarget(target, value) {
@@ -12,27 +13,32 @@ function createPatchedTarget(target, value) {
 	};
 	return patched;
 }
-function cloneEvent(event, target, value) {
-	const patchedTarget = createPatchedTarget(target, value);
+function buildSafeEvent(event, target) {
 	return {
 		type: event?.type,
 		timeStamp: event?.timeStamp,
 		bubbles: event?.bubbles,
 		cancelable: event?.cancelable,
 		composed: event?.composed,
-		target: patchedTarget,
-		currentTarget: patchedTarget,
+		target,
+		currentTarget: target,
 		preventDefault: event?.preventDefault ? event.preventDefault.bind(event) : void 0,
 		stopPropagation: event?.stopPropagation ? event.stopPropagation.bind(event) : void 0,
 		stopImmediatePropagation: event?.stopImmediatePropagation ? event.stopImmediatePropagation.bind(event) : void 0,
 		nativeEvent: event
 	};
 }
+function cloneEvent(event, target, value) {
+	return buildSafeEvent(event, createPatchedTarget(target, value));
+}
+function cloneEventWithTarget(event, target) {
+	return buildSafeEvent(event, target);
+}
 function hasAddon(props) {
-	return !!(props.addonBefore || props.addonAfter);
+	return isVueRenderable(props.addonBefore) || isVueRenderable(props.addonAfter);
 }
 function hasPrefixSuffix(props) {
-	return !!(props.prefix || props.suffix || props.allowClear);
+	return isVueRenderable(props.prefix) || isVueRenderable(props.suffix) || Boolean(props.allowClear);
 }
 function resolveOnChange(target, e, onChange, targetValue) {
 	if (!onChange) return;
@@ -41,7 +47,8 @@ function resolveOnChange(target, e, onChange, targetValue) {
 		return;
 	}
 	if (target.type !== "file" && targetValue !== void 0) {
-		onChange(cloneEvent(e, target, targetValue));
+		if (target.value !== targetValue) onChange(cloneEvent(e, target, targetValue));
+		else onChange(cloneEventWithTarget(e, target));
 		return;
 	}
 	onChange(e);

package/package.json

@@ -1,8 +1,14 @@
 {
   "name": "@v-c/input",
   "type": "module",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "",
+  "license": "MIT",
+  "homepage": "https://github.com/antdv-next/vue-components/tree/next/packages/input",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/antdv-next/vue-components.git"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -24,7 +30,7 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/util": "^1.0.19"
+    "@v-c/util": "^1.2.0"
   },
   "scripts": {
     "build": "vite build",