@v-c/select 1.0.23 → 1.1.0

package/dist/BaseSelect/index.d.ts

@@ -91,7 +91,7 @@ export interface BaseSelectProps extends BaseSelectPrivateProps {
     maxTagTextLength?: number;
     maxTagCount?: number | 'responsive';
     maxTagPlaceholder?: VueNode | ((omittedValues: DisplayValueType[]) => any);
-    tokenSeparators?: string[];
+    tokenSeparators?: string[] | ((input: string) => string[]);
     allowClear?: boolean | {
         clearIcon?: VueNode;
     };

package/dist/BaseSelect/index.js

@@ -1,19 +1,19 @@
-import { useAllowClear } from "../hooks/useAllowClear.js";
 import { useBaseSelectProvider } from "../hooks/useBaseProps.js";
+import { getSeparatedContent, isValidCount } from "../utils/valueUtil.js";
+import { useAllowClear } from "../hooks/useAllowClear.js";
 import useComponents from "../hooks/useComponents.js";
 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 Polite from "./Polite.js";
 import { Fragment, computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
-import { getDOM } from "@v-c/util/dist/Dom/findDOMNode";
 import { KeyCodeStr } from "@v-c/util/dist/KeyCode";
 import omit from "@v-c/util/dist/omit";
+import { getDOM } from "@v-c/util/dist/Dom/findDOMNode";
 //#region src/BaseSelect/index.tsx
 /**
 * ZombieJ:
@@ -122,16 +122,32 @@ var BaseSelect = /* @__PURE__ */ defineComponent((props, { expose, attrs }) => {
 		return props.disabled || emptyListContent.value ? false : nextOpen;
 	});
 	const tokenWithEnter = computed(() => {
-		return (tokenSeparators.value || []).some((tokenSeparator) => ["\n", "\r\n"].includes(tokenSeparator));
+		const value = tokenSeparators.value;
+		return typeof value === "function" || (value || []).some((tokenSeparator) => ["\n", "\r\n"].includes(tokenSeparator));
 	});
+	/**
+	* ant-design#57391 / rc-select#1220: when `tokenSeparators` is a
+	* function, defer the split decision to the user callback. Otherwise
+	* fall back to the static-string-array behaviour via getSeparatedContent.
+	*/
+	const splitByTokenSeparators = (input, end) => {
+		const value = tokenSeparators.value;
+		if (typeof value === "function") {
+			const tokens = value(input);
+			const isUnchanged = Array.isArray(tokens) && tokens.length === 1 && tokens[0] === input;
+			if (!Array.isArray(tokens) || !tokens.length || isUnchanged) return null;
+			return typeof end !== "undefined" ? tokens.slice(0, end) : tokens;
+		}
+		return getSeparatedContent(input, value, end);
+	};
 	const onInternalSearch = (searchText, fromTyping, isCompositing) => {
 		const { maxCount } = props;
 		if (multiple.value && isValidCount(maxCount) && displayValues.value.length >= maxCount) return;
 		let ret = true;
 		let newSearchText = searchText;
 		props?.onActiveValueChange?.(null);
-		const separatedList = getSeparatedContent(searchText, tokenSeparators.value, isValidCount(maxCount) ? maxCount - displayValues.value.length : void 0);
-		const patchLabels = isCompositing ? null : separatedList;
+		const cap = isValidCount(maxCount) ? maxCount - displayValues.value.length : void 0;
+		const patchLabels = isCompositing ? null : splitByTokenSeparators(searchText, cap);
 		if (mode.value !== "combobox" && patchLabels) {
 			newSearchText = "";
 			props?.onSearchSplit?.(patchLabels);
@@ -530,7 +546,7 @@ var BaseSelect = /* @__PURE__ */ defineComponent((props, { expose, attrs }) => {
 			default: void 0
 		},
 		tokenSeparators: {
-			type: Array,
+			type: [Array, Function],
 			required: false,
 			default: void 0
 		},

package/dist/OptionList.js

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

package/dist/Select.js

@@ -1,18 +1,18 @@
+import { useSelectProvider } from "./SelectContext.js";
+import { fillFieldNames, flattenOptions, injectPropsWithOption } from "./utils/valueUtil.js";
+import OptionList from "./OptionList.js";
 import useCache from "./hooks/useCache.js";
 import { hasValue, isComboNoValue, toArray } from "./utils/commonUtil.js";
 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 { 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";
 import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef, toRef, watch } from "vue";
+import useId from "@v-c/util/dist/hooks/useId";
 import omit from "@v-c/util/dist/omit";
 import { filterEmpty } from "@v-c/util/dist/props-util";
-import useId from "@v-c/util/dist/hooks/useId";
 //#region src/Select.tsx
 var OMIT_DOM_PROPS = ["inputValue"];
 var omitKeyList = [
@@ -357,7 +357,7 @@ var Select = /* @__PURE__ */ defineComponent({
 			default: void 0
 		},
 		tokenSeparators: {
-			type: Array,
+			type: [Array, Function],
 			required: false,
 			default: void 0
 		},

package/dist/SelectInput/Content/MultipleContent.js

@@ -1,8 +1,8 @@
 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 { getTitle } from "../../utils/commonUtil.js";
+import { useSelectInputContext } from "../context.js";
 import Input from "../Input.js";
 import Placeholder from "./Placeholder.js";
 import { computed, createTextVNode, createVNode, defineComponent, mergeProps, shallowRef } from "vue";

package/dist/SelectInput/Content/SingleContent.js

@@ -1,9 +1,9 @@
 import useBaseProps from "../../hooks/useBaseProps.js";
+import { useSelectContext } from "../../SelectContext.js";
 import { getTitle } from "../../utils/commonUtil.js";
 import { useSelectInputContext } from "../context.js";
 import Input from "../Input.js";
 import Placeholder from "./Placeholder.js";
-import { useSelectContext } from "../../SelectContext.js";
 import { computed, createVNode, defineComponent, mergeProps, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
 //#region src/SelectInput/Content/SingleContent.tsx

package/dist/SelectInput/index.js

@@ -5,9 +5,9 @@ import { useSelectInputProvider } from "./context.js";
 import SelectContent from "./Content/index.js";
 import { cloneVNode, computed, createVNode, defineComponent, isVNode, mergeProps, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
-import { getDOM } from "@v-c/util/dist/Dom/findDOMNode";
 import KeyCode from "@v-c/util/dist/KeyCode";
 import omit from "@v-c/util/dist/omit";
+import { getDOM } from "@v-c/util/dist/Dom/findDOMNode";
 //#region src/SelectInput/index.tsx
 var DEFAULT_OMIT_PROPS = [
 	"value",

package/dist/hooks/index.js

@@ -1,5 +1,5 @@
-import { useAllowClear } from "./useAllowClear.js";
 import useBaseProps, { useBaseSelectProvider } from "./useBaseProps.js";
+import { useAllowClear } from "./useAllowClear.js";
 import useCache from "./useCache.js";
 import useComponents from "./useComponents.js";
 import useFilterOptions from "./useFilterOptions.js";

package/dist/index.js

@@ -1,10 +1,10 @@
-import useBaseProps from "./hooks/useBaseProps.js";
-import "./hooks/index.js";
-import { useSelectContext, useSelectProvider } from "./SelectContext.js";
-import { BaseSelect } from "./BaseSelect/index.js";
 import OptGroup from "./OptGroup.js";
 import Option from "./Option.js";
+import useBaseProps from "./hooks/useBaseProps.js";
+import { useSelectContext, useSelectProvider } from "./SelectContext.js";
 import OptionList from "./OptionList.js";
+import "./hooks/index.js";
+import { BaseSelect } from "./BaseSelect/index.js";
 import Select from "./Select.js";
 //#region src/index.ts
 var src_default = Select;

package/package.json

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