@v-c/select 1.0.21 → 1.0.23

package/dist/BaseSelect/index.js

@@ -5,9 +5,9 @@ import useLock from "../hooks/useLock.js";
 import useOpen, { macroTask } from "../hooks/useOpen.js";
 import useSelectTriggerControl, { isInside } from "../hooks/useSelectTriggerControl.js";
 import "../hooks/index.js";
+import { getSeparatedContent, isValidCount } from "../utils/valueUtil.js";
 import SelectInput from "../SelectInput/index.js";
 import SelectTrigger from "../SelectTrigger.js";
-import { getSeparatedContent, isValidCount } from "../utils/valueUtil.js";
 import Polite from "./Polite.js";
 import { Fragment, computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";

package/dist/OptionList.js

@@ -1,7 +1,7 @@
 import useBaseProps from "./hooks/useBaseProps.js";
 import TransBtn from "./TransBtn.js";
-import { useSelectContext } from "./SelectContext.js";
 import { isValidCount } from "./utils/valueUtil.js";
+import { useSelectContext } from "./SelectContext.js";
 import { isPlatformMac } from "./utils/platformUtil.js";
 import { Fragment, computed, createVNode, defineComponent, mergeProps, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";

package/dist/Select.js

@@ -4,8 +4,8 @@ import useFilterOptions from "./hooks/useFilterOptions.js";
 import useOptions from "./hooks/useOptions.js";
 import useRefFunc from "./hooks/useRefFunc.js";
 import useSearchConfig from "./hooks/useSearchConfig.js";
-import { useSelectProvider } from "./SelectContext.js";
 import { fillFieldNames, flattenOptions, injectPropsWithOption } from "./utils/valueUtil.js";
+import { useSelectProvider } from "./SelectContext.js";
 import { BaseSelect, isMultiple } from "./BaseSelect/index.js";
 import OptionList from "./OptionList.js";
 import { convertChildrenToData } from "./utils/legacyUtil.js";

package/dist/SelectInput/Content/MultipleContent.js

@@ -2,6 +2,7 @@ import useBaseProps from "../../hooks/useBaseProps.js";
 import { getTitle } from "../../utils/commonUtil.js";
 import { useSelectInputContext } from "../context.js";
 import TransBtn from "../../TransBtn.js";
+import { isValidCount } from "../../utils/valueUtil.js";
 import Input from "../Input.js";
 import Placeholder from "./Placeholder.js";
 import { computed, createTextVNode, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
@@ -34,6 +35,7 @@ var MultipleContent = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	const maxTagPlaceholderFromContext = computed(() => baseProps.value?.maxTagPlaceholder);
 	const maxTagTextLength = computed(() => baseProps.value?.maxTagTextLength);
 	const maxTagCount = computed(() => baseProps.value?.maxTagCount);
+	const maxCount = computed(() => baseProps.value?.maxCount);
 	const classNamesConfig = computed(() => baseProps.value?.classNames);
 	const stylesConfig = computed(() => baseProps.value?.styles);
 	const selectionItemPrefixCls = computed(() => `${prefixCls.value}-selection-item`);
@@ -41,8 +43,9 @@ var MultipleContent = /* @__PURE__ */ defineComponent((props, { expose }) => {
 		if (!triggerOpen.value && mode.value === "multiple" && autoClearSearchValue.value !== false) return "";
 		return searchValue.value;
 	});
+	const reachedMaxCount = computed(() => mode.value !== "combobox" && isValidCount(maxCount.value) && displayValues.value.length >= maxCount.value);
 	const inputValue = computed(() => showSearch.value ? computedSearchValue.value || "" : "");
-	const inputEditable = computed(() => showSearch.value && !disabled.value);
+	const inputEditable = computed(() => showSearch.value && !disabled.value && !reachedMaxCount.value);
 	const removeIcon = computed(() => removeIconFromContext.value ?? "×");
 	const maxTagPlaceholder = computed(() => maxTagPlaceholderFromContext.value ?? ((omittedValues) => `+ ${omittedValues.length} ...`));
 	const tagRender = computed(() => tagRenderFromContext.value);

package/dist/SelectInput/Input.js

@@ -61,7 +61,7 @@ var Input = /* @__PURE__ */ defineComponent((props, { expose, attrs }) => {
 		}
 	}, { immediate: true });
 	return () => {
-		const { style, autoComplete, className, value } = props;
+		const { style, autoComplete, className, value, readOnly } = 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 ?? {};
@@ -69,6 +69,7 @@ var Input = /* @__PURE__ */ defineComponent((props, { expose, attrs }) => {
 		const sharedInputProps = {
 			id,
 			"type": mode === "combobox" ? "text" : "search",
+			readOnly,
 			...attrs,
 			"ref": inputRef,
 			"style": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/select",
   "type": "module",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "description": "",
   "author": "",
   "license": "MIT",
@@ -30,9 +30,9 @@
   },
   "dependencies": {
     "@v-c/overflow": "^1.0.5",
-    "@v-c/util": "^1.0.19",
+    "@v-c/virtual-list": "^1.0.7",
     "@v-c/trigger": "^1.0.14",
-    "@v-c/virtual-list": "^1.0.7"
+    "@v-c/util": "^1.0.19"
   },
   "scripts": {
     "build": "vite build",