@v-c/select 1.0.9 → 1.0.11

package/dist/SelectContext.cjs

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-var SelectContextKey = Symbol("SelectContext");
-function useSelectProvider(value) {
-	(0, vue.provide)(SelectContextKey, value);
-}
-function useSelectContext() {
-	return (0, vue.inject)(SelectContextKey, (0, vue.ref)(null));
-}
-exports.useSelectContext = useSelectContext;
-exports.useSelectProvider = useSelectProvider;

package/dist/SelectInput/Affix.cjs

@@ -1,19 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
-var Affix = /* @__PURE__ */ (0, vue.defineComponent)((_, { attrs, slots }) => {
-	return () => {
-		const children = (0, _v_c_util_dist_props_util.filterEmpty)(slots?.default?.() ?? []);
-		if (children.length < 1) return null;
-		return (0, vue.createVNode)("div", attrs, [children]);
-	};
-}, {
-	name: "Affix",
-	inheritAttrs: false
-});
-var Affix_default = Affix;
-exports.default = Affix_default;

package/dist/SelectInput/Content/MultipleContent.cjs

@@ -1,145 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../../_virtual/rolldown_runtime.cjs");
-const require_useBaseProps = require("../../hooks/useBaseProps.cjs");
-const require_TransBtn = require("../../TransBtn.cjs");
-const require_commonUtil = require("../../utils/commonUtil.cjs");
-const require_context = require("../context.cjs");
-const require_Input = require("../Input.cjs");
-const require_Placeholder = require("./Placeholder.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-let _v_c_overflow = require("@v-c/overflow");
-_v_c_overflow = require_rolldown_runtime.__toESM(_v_c_overflow);
-function itemKey(value) {
-	return value.key ?? value.value ?? "";
-}
-function onPreventMouseDown(event) {
-	event.preventDefault();
-	event.stopPropagation();
-}
-var MultipleContent = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose }) => {
-	const selectInputContext = require_context.useSelectInputContext();
-	const baseProps = require_useBaseProps.default();
-	const inputRef = (0, vue.shallowRef)();
-	const prefixCls = (0, vue.computed)(() => selectInputContext.value?.prefixCls ?? "");
-	const displayValues = (0, vue.computed)(() => selectInputContext.value?.displayValues ?? []);
-	const searchValue = (0, vue.computed)(() => selectInputContext.value?.searchValue ?? "");
-	const mode = (0, vue.computed)(() => selectInputContext.value?.mode);
-	const removeIconFromContext = (0, vue.computed)(() => selectInputContext.value?.removeIcon);
-	const onSelectorRemove = (0, vue.computed)(() => selectInputContext.value?.onSelectorRemove);
-	const disabled = (0, vue.computed)(() => baseProps.value?.disabled ?? false);
-	const showSearch = (0, vue.computed)(() => baseProps.value?.showSearch ?? false);
-	const triggerOpen = (0, vue.computed)(() => baseProps.value?.triggerOpen ?? false);
-	const toggleOpen = (0, vue.computed)(() => baseProps.value?.toggleOpen);
-	const autoClearSearchValue = (0, vue.computed)(() => baseProps.value?.autoClearSearchValue);
-	const tagRenderFromContext = (0, vue.computed)(() => baseProps.value?.tagRender);
-	const maxTagPlaceholderFromContext = (0, vue.computed)(() => baseProps.value?.maxTagPlaceholder);
-	const maxTagTextLength = (0, vue.computed)(() => baseProps.value?.maxTagTextLength);
-	const maxTagCount = (0, vue.computed)(() => baseProps.value?.maxTagCount);
-	const classNamesConfig = (0, vue.computed)(() => baseProps.value?.classNames);
-	const stylesConfig = (0, vue.computed)(() => baseProps.value?.styles);
-	const selectionItemPrefixCls = (0, vue.computed)(() => `${prefixCls.value}-selection-item`);
-	const computedSearchValue = (0, vue.computed)(() => {
-		if (!triggerOpen.value && mode.value === "multiple" && autoClearSearchValue.value !== false) return "";
-		return searchValue.value;
-	});
-	const inputValue = (0, vue.computed)(() => showSearch.value ? computedSearchValue.value || "" : "");
-	const inputEditable = (0, vue.computed)(() => showSearch.value && !disabled.value);
-	const removeIcon = (0, vue.computed)(() => removeIconFromContext.value ?? "×");
-	const maxTagPlaceholder = (0, vue.computed)(() => maxTagPlaceholderFromContext.value ?? ((omittedValues) => `+ ${omittedValues.length} ...`));
-	const tagRender = (0, vue.computed)(() => tagRenderFromContext.value);
-	const onToggleOpen = (newOpen) => {
-		toggleOpen.value?.(newOpen);
-	};
-	const onRemove = (value) => {
-		onSelectorRemove.value?.(value);
-	};
-	expose({ input: (0, vue.computed)(() => inputRef.value?.input) });
-	const defaultRenderSelector = (item, content, itemDisabled, closable, onClose) => (0, vue.createVNode)("span", {
-		"title": require_commonUtil.getTitle(item),
-		"class": (0, _v_c_util.clsx)(selectionItemPrefixCls.value, { [`${selectionItemPrefixCls.value}-disabled`]: itemDisabled }, classNamesConfig.value?.item),
-		"style": stylesConfig.value?.item
-	}, [(0, vue.createVNode)("span", {
-		"class": (0, _v_c_util.clsx)(`${selectionItemPrefixCls.value}-content`, classNamesConfig.value?.itemContent),
-		"style": stylesConfig.value?.itemContent
-	}, [content]), closable && (0, vue.createVNode)(require_TransBtn.default, {
-		"className": (0, _v_c_util.clsx)(`${selectionItemPrefixCls.value}-remove`, classNamesConfig.value?.itemRemove),
-		"style": stylesConfig.value?.itemRemove,
-		"onMouseDown": onPreventMouseDown,
-		"onClick": onClose,
-		"customizeIcon": removeIcon.value
-	}, { default: () => [(0, vue.createTextVNode)("×")] })]);
-	const customizeRenderSelector = (value, content, itemDisabled, closable, onClose, isMaxTag, info) => {
-		const onMouseDown = (e) => {
-			onPreventMouseDown(e);
-			onToggleOpen(!triggerOpen.value);
-		};
-		return (0, vue.createVNode)("span", { "onMousedown": onMouseDown }, [tagRender.value?.({
-			label: content,
-			value,
-			index: info?.index ?? 0,
-			disabled: itemDisabled,
-			closable: !!closable,
-			onClose,
-			isMaxTag: !!isMaxTag
-		})]);
-	};
-	const renderItem = (valueItem, info) => {
-		const { disabled: itemDisabled, label, value } = valueItem;
-		const closable = !disabled.value && !itemDisabled;
-		let displayLabel = label;
-		if (typeof maxTagTextLength.value === "number") {
-			if (typeof label === "string" || typeof label === "number") {
-				const strLabel = String(displayLabel);
-				if (strLabel.length > maxTagTextLength.value) displayLabel = `${strLabel.slice(0, maxTagTextLength.value)}...`;
-			}
-		}
-		const onClose = (event) => {
-			if (event) event.stopPropagation();
-			onRemove(valueItem);
-		};
-		return typeof tagRender.value === "function" ? customizeRenderSelector(value, displayLabel, !!itemDisabled, closable, onClose, void 0, info) : defaultRenderSelector(valueItem, displayLabel, !!itemDisabled, closable, onClose);
-	};
-	const renderRest = (omittedValues) => {
-		if (!displayValues.value.length) return null;
-		const content = typeof maxTagPlaceholder.value === "function" ? maxTagPlaceholder.value(omittedValues) : maxTagPlaceholder.value;
-		return typeof tagRender.value === "function" ? customizeRenderSelector(void 0, content, false, false, void 0, true) : defaultRenderSelector({ title: content }, content, false);
-	};
-	return () => {
-		const { inputProps } = props;
-		const prefixNode = !displayValues.value.length && !inputValue.value ? () => (0, vue.createVNode)(require_Placeholder.default, null, null) : null;
-		const suffixNode = () => (0, vue.createVNode)(require_Input.default, (0, vue.mergeProps)({
-			"ref": inputRef,
-			"disabled": disabled.value,
-			"readOnly": !inputEditable.value
-		}, inputProps, {
-			"value": inputValue.value || "",
-			"syncWidth": true
-		}), null);
-		return (0, vue.createVNode)(_v_c_overflow.default, {
-			"prefixCls": `${prefixCls.value}-content`,
-			"class": classNamesConfig.value?.content,
-			"style": stylesConfig.value?.content,
-			"prefix": prefixNode,
-			"data": displayValues.value,
-			"renderItem": renderItem,
-			"renderRest": renderRest,
-			"suffix": suffixNode,
-			"itemKey": itemKey,
-			"maxCount": maxTagCount.value
-		}, null);
-	};
-}, {
-	props: { inputProps: {
-		type: Object,
-		required: true,
-		default: void 0
-	} },
-	name: "MultipleContent",
-	inheritAttrs: false
-});
-var MultipleContent_default = MultipleContent;
-exports.default = MultipleContent_default;

package/dist/SelectInput/Content/Placeholder.cjs

@@ -1,36 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../../_virtual/rolldown_runtime.cjs");
-const require_useBaseProps = require("../../hooks/useBaseProps.cjs");
-const require_context = require("../context.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-var Placeholder = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
-	const selectInputContext = require_context.useSelectInputContext();
-	const baseProps = require_useBaseProps.default();
-	return () => {
-		const { prefixCls, placeholder, displayValues } = selectInputContext.value ?? {};
-		const { classNames, styles } = baseProps.value ?? {};
-		const { show = true } = props;
-		if (displayValues?.length) return null;
-		return (0, vue.createVNode)("div", {
-			"class": (0, _v_c_util.clsx)(`${prefixCls}-placeholder`, classNames?.placeholder),
-			"style": {
-				visibility: show ? "visible" : "hidden",
-				...styles?.placeholder
-			}
-		}, [placeholder]);
-	};
-}, {
-	props: { show: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	} },
-	name: "Placeholder",
-	inheritAttrs: false
-});
-var Placeholder_default = Placeholder;
-exports.default = Placeholder_default;

package/dist/SelectInput/Content/SingleContent.cjs

@@ -1,83 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../../_virtual/rolldown_runtime.cjs");
-const require_useBaseProps = require("../../hooks/useBaseProps.cjs");
-const require_SelectContext = require("../../SelectContext.cjs");
-const require_commonUtil = require("../../utils/commonUtil.cjs");
-const require_context = require("../context.cjs");
-const require_Input = require("../Input.cjs");
-const require_Placeholder = require("./Placeholder.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-var SingleContent = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose }) => {
-	const selectInputContext = require_context.useSelectInputContext();
-	const baseProps = require_useBaseProps.default();
-	const selectContext = require_SelectContext.useSelectContext();
-	const inputChanged = (0, vue.shallowRef)(false);
-	const combobox = (0, vue.computed)(() => selectInputContext.value?.mode === "combobox");
-	const displayValue = (0, vue.computed)(() => selectInputContext.value?.displayValues[0]);
-	const mergedSearchValue = (0, vue.computed)(() => {
-		if (combobox.value && selectInputContext.value?.activeValue && !inputChanged.value && baseProps.value?.triggerOpen) return selectInputContext.value.activeValue;
-		return baseProps.value?.showSearch ? selectInputContext.value?.searchValue : "";
-	});
-	const optionProps = (0, vue.computed)(() => {
-		let restProps = {
-			class: `${selectInputContext.value?.prefixCls}-content-value`,
-			style: mergedSearchValue.value ? { visibility: "hidden" } : {}
-		};
-		if (displayValue.value && selectContext.value?.flattenOptions) {
-			const option = selectContext.value.flattenOptions.find((opt) => opt.value === displayValue.value?.value);
-			if (option?.data) {
-				const { label, value, className, style, key, children, ...rest } = option.data;
-				restProps = {
-					...restProps,
-					...rest,
-					title: require_commonUtil.getTitle(option.data),
-					class: (0, _v_c_util.clsx)(restProps.class, className),
-					style: {
-						...restProps.style,
-						...style
-					}
-				};
-			}
-		}
-		if (displayValue.value && !restProps.title) restProps.title = require_commonUtil.getTitle(displayValue.value);
-		if (baseProps.value?.title !== void 0) restProps.title = baseProps.value.title;
-		return restProps;
-	});
-	(0, vue.watch)([combobox, () => selectInputContext.value?.displayValues], () => {
-		if (combobox.value) inputChanged.value = false;
-	}, { immediate: true });
-	const inputRef = (0, vue.shallowRef)();
-	expose({ input: (0, vue.computed)(() => inputRef.value?.input) });
-	return () => {
-		const { prefixCls, mode, maxLength } = selectInputContext.value ?? {};
-		const { classNames, styles } = baseProps.value ?? {};
-		const { inputProps } = props;
-		return (0, vue.createVNode)("div", {
-			"class": (0, _v_c_util.clsx)(`${prefixCls}-content`, classNames?.content),
-			"style": styles?.content
-		}, [displayValue.value ? (0, vue.createVNode)("div", optionProps.value, [displayValue.value.label]) : (0, vue.createVNode)(require_Placeholder.default, { "show": !mergedSearchValue.value }, null), (0, vue.createVNode)(require_Input.default, (0, vue.mergeProps)(inputProps, {
-			"value": mergedSearchValue.value,
-			"maxLength": mode === "combobox" ? maxLength : void 0,
-			"onChange": (e) => {
-				inputChanged.value = true;
-				inputProps.onChange?.(e);
-				inputProps.onInput?.(e);
-			},
-			"ref": inputRef
-		}), null)]);
-	};
-}, {
-	props: { inputProps: {
-		type: Object,
-		required: true,
-		default: void 0
-	} },
-	name: "SingleContent",
-	inheritAttrs: false
-});
-var SingleContent_default = SingleContent;
-exports.default = SingleContent_default;

package/dist/SelectInput/Content/index.cjs

@@ -1,43 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../../_virtual/rolldown_runtime.cjs");
-const require_useBaseProps = require("../../hooks/useBaseProps.cjs");
-const require_context = require("../context.cjs");
-const require_MultipleContent = require("./MultipleContent.cjs");
-const require_SingleContent = require("./SingleContent.cjs");
-let vue = require("vue");
-let _v_c_util_dist_pickAttrs = require("@v-c/util/dist/pickAttrs");
-_v_c_util_dist_pickAttrs = require_rolldown_runtime.__toESM(_v_c_util_dist_pickAttrs);
-var SelectContent = /* @__PURE__ */ (0, vue.defineComponent)((_, { expose }) => {
-	const selectInputContext = require_context.useSelectInputContext();
-	const baseProps = require_useBaseProps.default();
-	const inputRef = (0, vue.shallowRef)();
-	expose({ input: (0, vue.computed)(() => inputRef.value?.input) });
-	const multiple = (0, vue.computed)(() => selectInputContext.value?.multiple);
-	const onInputKeyDown = (0, vue.computed)(() => selectInputContext.value?.onInputKeyDown);
-	const showSearch = (0, vue.computed)(() => baseProps.value?.showSearch);
-	const ariaProps = (0, vue.computed)(() => (0, _v_c_util_dist_pickAttrs.default)(baseProps.value ?? {}, { aria: true }));
-	const sharedInputProps = (0, vue.computed)(() => ({
-		...ariaProps.value,
-		onKeyDown: onInputKeyDown.value,
-		readonly: !showSearch.value,
-		tabindex: baseProps.value?.tabIndex
-	}));
-	return () => {
-		if (multiple.value) return (0, vue.createVNode)(require_MultipleContent.default, {
-			"ref": inputRef,
-			"inputProps": sharedInputProps.value
-		}, null);
-		return (0, vue.createVNode)(require_SingleContent.default, {
-			"ref": inputRef,
-			"inputProps": sharedInputProps.value
-		}, null);
-	};
-}, {
-	name: "SelectContent",
-	inheritAttrs: false
-});
-var Content_default = SelectContent;
-exports.default = Content_default;

package/dist/SelectInput/Input.cjs

@@ -1,179 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-const require_useBaseProps = require("../hooks/useBaseProps.cjs");
-const require_context = require("./context.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-let _v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
-var Input = /* @__PURE__ */ (0, vue.defineComponent)((props, { expose, attrs }) => {
-	const selectInputContext = require_context.useSelectInputContext();
-	const baseProps = require_useBaseProps.default();
-	const compositionStatusRef = (0, vue.shallowRef)(false);
-	const pastedTextRef = (0, vue.shallowRef)(null);
-	const inputRef = (0, vue.shallowRef)();
-	expose({ input: inputRef });
-	const handleChange = (event) => {
-		const { tokenWithEnter, onSearch } = selectInputContext.value ?? {};
-		let { value: nextVal } = event.target;
-		if (tokenWithEnter && pastedTextRef.value && /[\r\n]/.test(pastedTextRef.value)) {
-			const replacedText = pastedTextRef.value.replace(/[\r\n]+$/, "").replace(/\r\n/g, " ").replace(/[\r\n]/g, " ");
-			nextVal = nextVal.replace(replacedText, pastedTextRef.value);
-		}
-		pastedTextRef.value = null;
-		if (onSearch) onSearch(nextVal, true, compositionStatusRef.value);
-		props?.onChange?.(event);
-	};
-	const handleKeyDown = (event) => {
-		const { mode, onSearchSubmit } = selectInputContext.value ?? {};
-		const { key } = event;
-		const { value: nextVal } = event.currentTarget;
-		if (key === _v_c_util_dist_KeyCode.KeyCodeStr.Enter && mode === "tags" && !compositionStatusRef.value && onSearchSubmit) onSearchSubmit(nextVal);
-		props?.onKeyDown?.(event);
-	};
-	const handleBlur = (event) => {
-		const { onInputBlur } = selectInputContext.value ?? {};
-		onInputBlur?.();
-		props?.onBlur?.(event);
-	};
-	const handleCompositionStart = () => {
-		compositionStatusRef.value = true;
-	};
-	const handleCompositionEnd = (event) => {
-		const { mode, onSearch } = selectInputContext.value ?? {};
-		compositionStatusRef.value = false;
-		if (mode !== "combobox") {
-			const { value: nextVal } = event.currentTarget;
-			onSearch?.(nextVal, true, false);
-		}
-	};
-	const handlePaste = (event) => {
-		const { clipboardData } = event;
-		pastedTextRef.value = clipboardData?.getData?.("text") || "";
-	};
-	const widthCssVar = (0, vue.shallowRef)();
-	(0, vue.watch)([() => props.syncWidth, () => props.value], async () => {
-		await (0, vue.nextTick)();
-		const input = inputRef.value;
-		if (props.syncWidth && input) {
-			input.style.width = "0px";
-			widthCssVar.value = input.scrollWidth;
-			input.style.width = "";
-		}
-	}, { immediate: true });
-	return () => {
-		const { style, autoComplete, className, value } = props;
-		const { prefixCls, mode, autoFocus, placeholder } = selectInputContext.value ?? {};
-		const { input: InputComponent = "input" } = selectInputContext.value?.components ?? {};
-		const { styles, id, classNames, open, activeDescendantId, role, disabled } = baseProps.value ?? {};
-		const inputCls = (0, _v_c_util.clsx)(`${prefixCls}-input`, classNames?.input, className);
-		const sharedInputProps = {
-			id,
-			"type": mode === "combobox" ? "text" : "search",
-			...attrs,
-			"ref": inputRef,
-			"style": {
-				...styles?.input,
-				...style,
-				"--select-input-width": widthCssVar.value
-			},
-			autoFocus,
-			"autocomplete": autoComplete || "off",
-			"class": inputCls,
-			disabled,
-			"value": value || "",
-			"onInput": handleChange,
-			"onKeydown": handleKeyDown,
-			"onBlur": handleBlur,
-			"onPaste": handlePaste,
-			"onCompositionstart": handleCompositionStart,
-			"onCompositionend": handleCompositionEnd,
-			"role": role || "combobox",
-			"aria-expanded": open || false,
-			"aria-haspopup": "listbox",
-			"aria-owns": `${id}_list`,
-			"aria-autocomplete": "list",
-			"aria-controls": `${id}_list`,
-			"aria-activedescendant": open ? activeDescendantId : void 0
-		};
-		if ((0, vue.isVNode)(InputComponent)) return (0, vue.createVNode)(InputComponent, {
-			placeholder: props.placeholder || placeholder,
-			...sharedInputProps
-		});
-		return (0, vue.createVNode)(InputComponent, sharedInputProps, null);
-	};
-}, {
-	props: {
-		id: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		readOnly: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		value: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		onChange: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onKeyDown: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onFocus: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		onBlur: {
-			type: Function,
-			required: false,
-			default: void 0
-		},
-		placeholder: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		className: {
-			type: String,
-			required: false,
-			default: void 0
-		},
-		style: {
-			type: Object,
-			required: false,
-			default: void 0
-		},
-		maxLength: {
-			type: Number,
-			required: false,
-			default: void 0
-		},
-		syncWidth: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		autoComplete: {
-			type: String,
-			required: false,
-			default: void 0
-		}
-	},
-	name: "Input",
-	inheritAttrs: false
-});
-var Input_default = Input;
-exports.default = Input_default;

package/dist/SelectInput/context.cjs

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-var SelectInputKey = Symbol("SelectInputContext");
-function useSelectInputContext() {
-	return (0, vue.inject)(SelectInputKey, (0, vue.ref)(null));
-}
-function useSelectInputProvider(context) {
-	(0, vue.provide)(SelectInputKey, context);
-}
-exports.useSelectInputContext = useSelectInputContext;
-exports.useSelectInputProvider = useSelectInputProvider;