@v-c/input 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 antdv-community
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/BaseInput.cjs

@@ -0,0 +1,230 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
+const require_commonUtils = require("./utils/commonUtils.cjs");
+let vue = require("vue");
+let __v_c_util = require("@v-c/util");
+let __v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !(0, vue.isVNode)(s);
+}
+var BaseInput = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose, attrs }) => {
+	const containerRef = (0, vue.shallowRef)();
+	const onInputClick = (e) => {
+		if (containerRef.value?.contains(e.target)) props?.triggerFocus?.();
+	};
+	const hasAffix = (0, vue.computed)(() => require_commonUtils.hasPrefixSuffix(props));
+	const groupRef = (0, vue.shallowRef)();
+	expose({ nativeElement: (0, vue.computed)(() => groupRef.value || containerRef.value) });
+	return () => {
+		const { components, allowClear, readOnly, disabled, value, prefixCls, handleReset, onClear, suffix, focused, classNames, styles, dataAttrs, prefix, addonAfter, addonBefore, hidden } = props;
+		let children = (0, __v_c_util_dist_props_util.filterEmpty)(slots?.default?.() ?? []);
+		if (children.length === 1) children = children[0];
+		else children = (0, vue.createVNode)(vue.Fragment, null, children);
+		const inputElement = children;
+		const AffixWrapperComponent = components?.affixWrapper || "span";
+		const GroupWrapperComponent = components?.groupWrapper || "span";
+		const WrapperComponent = components?.wrapper || "span";
+		const GroupAddonComponent = components?.groupAddon || "span";
+		let element = (0, vue.createVNode)(inputElement, {
+			value,
+			class: !hasAffix.value && classNames?.variant
+		});
+		if (hasAffix.value) {
+			let clearIcon = null;
+			if (allowClear) {
+				const needClear = !disabled && !readOnly && value;
+				const clearIconCls = `${prefixCls}-clear-icon`;
+				const iconNode = typeof allowClear === "object" && allowClear?.clearIcon ? allowClear.clearIcon : "✖";
+				clearIcon = (0, vue.createVNode)("button", {
+					"type": "button",
+					"tabindex": -1,
+					"onClick": (event) => {
+						handleReset?.(event);
+						onClear?.();
+					},
+					"onMousedown": (e) => e.preventDefault(),
+					"class": (0, __v_c_util.clsx)(clearIconCls, {
+						[`${clearIconCls}-hidden`]: !needClear,
+						[`${clearIconCls}-has-suffix`]: !!suffix
+					})
+				}, [iconNode]);
+			}
+			const affixWrapperPrefixCls = `${prefixCls}-affix-wrapper`;
+			const affixWrapperCls = (0, __v_c_util.clsx)(affixWrapperPrefixCls, {
+				[`${prefixCls}-disabled`]: disabled,
+				[`${affixWrapperPrefixCls}-disabled`]: disabled,
+				[`${affixWrapperPrefixCls}-focused`]: focused,
+				[`${affixWrapperPrefixCls}-readonly`]: readOnly,
+				[`${affixWrapperPrefixCls}-input-with-clear-btn`]: suffix && allowClear && value
+			}, classNames?.affixWrapper, classNames?.variant);
+			const suffixNode = (suffix || allowClear) && (0, vue.createVNode)("span", {
+				"class": (0, __v_c_util.clsx)(`${prefixCls}-suffix`, classNames?.suffix),
+				"style": styles?.suffix
+			}, [clearIcon, suffix]);
+			const _element = function() {
+				return element;
+			}();
+			element = (0, vue.createVNode)(AffixWrapperComponent, (0, vue.mergeProps)({
+				"class": affixWrapperCls,
+				"style": styles?.affixWrapper,
+				"onClick": onInputClick
+			}, dataAttrs?.affixWrapper, { "ref": containerRef }), { default: () => [
+				prefix && (0, vue.createVNode)("span", {
+					"class": (0, __v_c_util.clsx)(`${prefixCls}-prefix`, classNames?.prefix),
+					"style": styles?.prefix
+				}, [prefix]),
+				_element,
+				suffixNode
+			] });
+		}
+		if (require_commonUtils.hasAddon(props)) {
+			const wrapperCls = `${prefixCls}-group`;
+			const addonCls = `${wrapperCls}-addon`;
+			const groupWrapperCls = `${wrapperCls}-wrapper`;
+			const mergedWrapperClassName = (0, __v_c_util.clsx)(`${prefixCls}-wrapper`, wrapperCls, classNames?.wrapper);
+			const mergedGroupClassName = (0, __v_c_util.clsx)(groupWrapperCls, { [`${groupWrapperCls}-disabled`]: disabled }, classNames?.groupWrapper);
+			element = (0, vue.createVNode)(GroupWrapperComponent, {
+				"class": mergedGroupClassName,
+				"ref": groupRef
+			}, { default: () => [(0, vue.createVNode)(WrapperComponent, { "class": mergedWrapperClassName }, { default: () => [
+				addonBefore && (0, vue.createVNode)(GroupAddonComponent, { "class": addonCls }, _isSlot(addonBefore) ? addonBefore : { default: () => [addonBefore] }),
+				element,
+				addonAfter && (0, vue.createVNode)(GroupAddonComponent, { "class": addonCls }, _isSlot(addonAfter) ? addonAfter : { default: () => [addonAfter] })
+			] })] });
+		}
+		return (0, vue.createVNode)(element, {
+			...attrs,
+			hidden
+		});
+	};
+}, {
+	props: {
+		value: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		focused: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		triggerFocus: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		readOnly: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		handleReset: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onClear: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		hidden: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		dataAttrs: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		components: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		prefix: {
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		suffix: {
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		addonBefore: {
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		addonAfter: {
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		classes: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		allowClear: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		}
+	},
+	name: "BaseInput",
+	inheritAttrs: false
+});
+var BaseInput_default = BaseInput;
+exports.default = BaseInput_default;

package/dist/BaseInput.d.ts

@@ -0,0 +1,7 @@
+import { BaseInputProps } from './interface';
+export interface HolderRef {
+    /** Provider holder ref. Will return `null` if not wrap anything */
+    nativeElement: HTMLElement | null;
+}
+declare const BaseInput: import('vue').DefineSetupFnComponent<BaseInputProps, {}, {}, BaseInputProps & {}, import('vue').PublicProps>;
+export default BaseInput;

package/dist/BaseInput.js

@@ -0,0 +1,227 @@
+import { hasAddon, hasPrefixSuffix } from "./utils/commonUtils.js";
+import { Fragment, computed, createVNode, defineComponent, isVNode, mergeProps, shallowRef } from "vue";
+import { clsx } from "@v-c/util";
+import { filterEmpty } from "@v-c/util/dist/props-util";
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var BaseInput_default = /* @__PURE__ */ defineComponent((props, { slots, expose, attrs }) => {
+	const containerRef = shallowRef();
+	const onInputClick = (e) => {
+		if (containerRef.value?.contains(e.target)) props?.triggerFocus?.();
+	};
+	const hasAffix = computed(() => hasPrefixSuffix(props));
+	const groupRef = shallowRef();
+	expose({ nativeElement: computed(() => groupRef.value || containerRef.value) });
+	return () => {
+		const { components, allowClear, readOnly, disabled, value, prefixCls, handleReset, onClear, suffix, focused, classNames, styles, dataAttrs, prefix, addonAfter, addonBefore, hidden } = props;
+		let children = filterEmpty(slots?.default?.() ?? []);
+		if (children.length === 1) children = children[0];
+		else children = createVNode(Fragment, null, children);
+		const inputElement = children;
+		const AffixWrapperComponent = components?.affixWrapper || "span";
+		const GroupWrapperComponent = components?.groupWrapper || "span";
+		const WrapperComponent = components?.wrapper || "span";
+		const GroupAddonComponent = components?.groupAddon || "span";
+		let element = createVNode(inputElement, {
+			value,
+			class: !hasAffix.value && classNames?.variant
+		});
+		if (hasAffix.value) {
+			let clearIcon = null;
+			if (allowClear) {
+				const needClear = !disabled && !readOnly && value;
+				const clearIconCls = `${prefixCls}-clear-icon`;
+				const iconNode = typeof allowClear === "object" && allowClear?.clearIcon ? allowClear.clearIcon : "✖";
+				clearIcon = createVNode("button", {
+					"type": "button",
+					"tabindex": -1,
+					"onClick": (event) => {
+						handleReset?.(event);
+						onClear?.();
+					},
+					"onMousedown": (e) => e.preventDefault(),
+					"class": clsx(clearIconCls, {
+						[`${clearIconCls}-hidden`]: !needClear,
+						[`${clearIconCls}-has-suffix`]: !!suffix
+					})
+				}, [iconNode]);
+			}
+			const affixWrapperPrefixCls = `${prefixCls}-affix-wrapper`;
+			const affixWrapperCls = clsx(affixWrapperPrefixCls, {
+				[`${prefixCls}-disabled`]: disabled,
+				[`${affixWrapperPrefixCls}-disabled`]: disabled,
+				[`${affixWrapperPrefixCls}-focused`]: focused,
+				[`${affixWrapperPrefixCls}-readonly`]: readOnly,
+				[`${affixWrapperPrefixCls}-input-with-clear-btn`]: suffix && allowClear && value
+			}, classNames?.affixWrapper, classNames?.variant);
+			const suffixNode = (suffix || allowClear) && createVNode("span", {
+				"class": clsx(`${prefixCls}-suffix`, classNames?.suffix),
+				"style": styles?.suffix
+			}, [clearIcon, suffix]);
+			const _element = function() {
+				return element;
+			}();
+			element = createVNode(AffixWrapperComponent, mergeProps({
+				"class": affixWrapperCls,
+				"style": styles?.affixWrapper,
+				"onClick": onInputClick
+			}, dataAttrs?.affixWrapper, { "ref": containerRef }), { default: () => [
+				prefix && createVNode("span", {
+					"class": clsx(`${prefixCls}-prefix`, classNames?.prefix),
+					"style": styles?.prefix
+				}, [prefix]),
+				_element,
+				suffixNode
+			] });
+		}
+		if (hasAddon(props)) {
+			const wrapperCls = `${prefixCls}-group`;
+			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,
+				"ref": groupRef
+			}, { default: () => [createVNode(WrapperComponent, { "class": mergedWrapperClassName }, { default: () => [
+				addonBefore && createVNode(GroupAddonComponent, { "class": addonCls }, _isSlot(addonBefore) ? addonBefore : { default: () => [addonBefore] }),
+				element,
+				addonAfter && createVNode(GroupAddonComponent, { "class": addonCls }, _isSlot(addonAfter) ? addonAfter : { default: () => [addonAfter] })
+			] })] });
+		}
+		return createVNode(element, {
+			...attrs,
+			hidden
+		});
+	};
+}, {
+	props: {
+		value: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		focused: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		triggerFocus: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		readOnly: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		handleReset: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		onClear: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		hidden: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		dataAttrs: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		components: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		prefix: {
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		suffix: {
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		addonBefore: {
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		addonAfter: {
+			type: [
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			skipCheck: true,
+			default: void 0
+		},
+		classes: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		allowClear: {
+			type: [Boolean, Object],
+			required: false,
+			default: void 0
+		}
+	},
+	name: "BaseInput",
+	inheritAttrs: false
+});
+export { BaseInput_default as default };

package/dist/_virtual/rolldown_runtime.cjs

@@ -0,0 +1,21 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+exports.__toESM = __toESM;

package/dist/hooks/useCount.cjs

@@ -0,0 +1,26 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+function inCountRange(value, countConfig) {
+	if (!countConfig.max) return true;
+	return countConfig.strategy(value) <= countConfig.max;
+}
+function useCount(count, showCount) {
+	return (0, vue.computed)(() => {
+		let mergedConfig = {};
+		if (showCount?.value) mergedConfig.show = typeof showCount.value === "object" && showCount.value?.formatter ? showCount.value?.formatter : !!showCount.value;
+		mergedConfig = {
+			...mergedConfig,
+			...count?.value
+		};
+		const { show,...rest } = mergedConfig;
+		return {
+			...rest,
+			show: !!show,
+			showFormatter: typeof show === "function" ? show : void 0,
+			strategy: rest.strategy || ((value) => value.length)
+		};
+	});
+}
+exports.default = useCount;
+exports.inCountRange = inCountRange;

package/dist/hooks/useCount.d.ts

@@ -0,0 +1,18 @@
+import { Ref } from 'vue';
+import { CountConfig, InputProps, ShowCountFormatter } from '../interface';
+type ForcedCountConfig = Omit<CountConfig, 'show'> & Pick<Required<CountConfig>, 'strategy'> & {
+    show: boolean;
+    showFormatter?: ShowCountFormatter;
+};
+/**
+ * Cut `value` by the `count.max` prop.
+ */
+export declare function inCountRange(value: string, countConfig: ForcedCountConfig): boolean;
+export default function useCount(count?: Ref<CountConfig>, showCount?: Ref<InputProps['showCount']>): import('vue').ComputedRef<{
+    readonly show: boolean;
+    readonly showFormatter: ShowCountFormatter | undefined;
+    readonly strategy: (value: string) => number;
+    readonly max?: number;
+    readonly exceedFormatter?: import('../interface').ExceedFormatter;
+}>;
+export {};

package/dist/hooks/useCount.js

@@ -0,0 +1,23 @@
+import { computed } from "vue";
+function inCountRange(value, countConfig) {
+	if (!countConfig.max) return true;
+	return countConfig.strategy(value) <= countConfig.max;
+}
+function useCount(count, showCount) {
+	return computed(() => {
+		let mergedConfig = {};
+		if (showCount?.value) mergedConfig.show = typeof showCount.value === "object" && showCount.value?.formatter ? showCount.value?.formatter : !!showCount.value;
+		mergedConfig = {
+			...mergedConfig,
+			...count?.value
+		};
+		const { show,...rest } = mergedConfig;
+		return {
+			...rest,
+			show: !!show,
+			showFormatter: typeof show === "function" ? show : void 0,
+			strategy: rest.strategy || ((value) => value.length)
+		};
+	});
+}
+export { useCount as default, inCountRange };

package/dist/index.cjs

@@ -0,0 +1,10 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+const require_commonUtils = require("./utils/commonUtils.cjs");
+const require_BaseInput = require("./BaseInput.cjs");
+const require_useCount = require("./hooks/useCount.cjs");
+const require_input = require("./input.cjs");
+var src_default = require_input.default;
+exports.BaseInput = require_BaseInput.default;
+exports.default = src_default;
+exports.resolveOnChange = require_commonUtils.resolveOnChange;
+exports.useCount = require_useCount.default;

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import { default as BaseInput } from './BaseInput';
+import { default as useCount } from './hooks/useCount';
+import { default as Input } from './input';
+export type { CountConfig, InputProps, InputRef, ShowCountFormatter } from './interface';
+export { BaseInput };
+export { useCount, };
+export { resolveOnChange } from './utils/commonUtils';
+export default Input;

package/dist/index.js

@@ -0,0 +1,6 @@
+import { resolveOnChange } from "./utils/commonUtils.js";
+import BaseInput_default from "./BaseInput.js";
+import useCount from "./hooks/useCount.js";
+import input_default from "./input.js";
+var src_default = input_default;
+export { BaseInput_default as BaseInput, src_default as default, resolveOnChange, useCount };