niuma-ui 2.0.2 → 2.0.4

package/dist/components/dynamic-tags/src/RsDynamicTags.impl.js

@@ -5,27 +5,33 @@ import { isRsFormItemBoundControl, useRsFormContext, useRsFormField, useRsFormIt
 import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
 import { rsRadiusCss, useResolvedRsRadius } from "../../_shared/src/resolve-radius.js";
 import RsTag_default from "../../tag/src/RsTag.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, toDisplayString, unref, useModel, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { canAcceptRsDynamicTag, coerceRsDynamicTagsValue, draftHasRsDynamicTagsSeparator, normalizeRsDynamicTagsSeparators, parseRsDynamicTag, splitRsDynamicTagsDraft } from "./dynamic-tags-utils.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, useModel, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
 //#region src/components/dynamic-tags/src/RsDynamicTags.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "rs-dynamic-tags-field" };
 var _hoisted_2 = [
-	"aria-disabled",
+	"disabled",
+	"aria-readonly",
 	"aria-invalid",
-	"aria-label"
+	"aria-describedby"
 ];
-var _hoisted_3 = [
+var _hoisted_3 = { class: "rs-dynamic-tags-field__sr-only" };
+var _hoisted_4 = [
+	"id",
 	"placeholder",
 	"disabled",
+	"readonly",
 	"maxlength",
-	"aria-label"
+	"aria-label",
+	"aria-invalid",
+	"aria-describedby"
 ];
-var _hoisted_4 = ["aria-label"];
-var _hoisted_5 = {
-	key: 0,
-	class: "rs-dynamic-tags-field__error",
-	role: "alert"
-};
+var _hoisted_5 = ["aria-label"];
+var _hoisted_6 = ["aria-label"];
+var _hoisted_7 = ["id"];
+var _hoisted_8 = ["id"];
 var RsDynamicTags_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsDynamicTags",
 	__name: "RsDynamicTags",
 	props: /*@__PURE__*/ mergeModels({
 		name: {},
@@ -36,6 +42,10 @@ var RsDynamicTags_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			type: Boolean,
 			default: false
 		},
+		readonly: {
+			type: Boolean,
+			default: false
+		},
 		required: {
 			type: Boolean,
 			default: false
@@ -51,13 +61,20 @@ var RsDynamicTags_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			type: Boolean,
 			default: true
 		},
+		separators: {},
+		parse: {},
+		allowClear: {
+			type: Boolean,
+			default: false
+		},
 		size: {},
 		radius: {},
 		tagVariant: { default: "default" },
 		round: {
 			type: Boolean,
 			default: false
-		}
+		},
+		ariaLabel: {}
 	}, {
 		"modelValue": { default: () => [] },
 		"modelModifiers": {}
@@ -65,7 +82,10 @@ var RsDynamicTags_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 	emits: /*@__PURE__*/ mergeModels([
 		"create",
 		"remove",
-		"reject"
+		"reject",
+		"clear",
+		"focus",
+		"blur"
 	], ["update:modelValue"]),
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const model = useModel(__props, "modelValue");
@@ -84,20 +104,42 @@ var RsDynamicTags_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const feedback = ref(null);
 		const autoMessage = ref("");
 		const inputRef = ref(null);
+		const autoId = useId();
 		let feedbackTimer = null;
+		const inputId = computed(() => props.id || autoId);
+		const errorId = computed(() => `${inputId.value}-error`);
+		const feedbackId = computed(() => `${inputId.value}-feedback`);
 		const resolvedSize = useResolvedRsComponentSize(() => props.size);
 		const resolvedRadius = useResolvedRsRadius(() => props.radius, "md");
+		const resolvedDisabled = computed(() => props.disabled || Boolean(formContext?.disabled.value));
+		const resolvedReadonly = computed(() => props.readonly);
+		const isInteractive = computed(() => !resolvedDisabled.value && !resolvedReadonly.value);
+		const resolvedSeparators = computed(() => normalizeRsDynamicTagsSeparators(props.separators));
 		const resolvedPlaceholder = computed(() => props.placeholder ?? t("dynamicTags.placeholder"));
+		const groupLabel = computed(() => props.ariaLabel || t("dynamicTags.label"));
 		const canAddMore = computed(() => props.max === void 0 || model.value.length < props.max);
-		const showInput = computed(() => !props.disabled && canAddMore.value && (props.inputMode === "always" || editing.value));
-		const showTrigger = computed(() => !props.disabled && canAddMore.value && props.inputMode === "trigger" && !editing.value);
+		const showInput = computed(() => isInteractive.value && canAddMore.value && (props.inputMode === "always" || editing.value));
+		const showTrigger = computed(() => isInteractive.value && canAddMore.value && props.inputMode === "trigger" && !editing.value);
+		const showClear = computed(() => props.allowClear && model.value.length > 0 && isInteractive.value);
 		const hasError = computed(() => Boolean(props.invalid || boundToItem.value && formItem?.invalid.value || autoMessage.value));
 		const visibleMessage = computed(() => boundToItem.value ? "" : autoMessage.value);
+		const describedBy = computed(() => {
+			if (boundToItem.value) return formItem?.describedBy.value;
+			const ids = [visibleMessage.value ? errorId.value : "", feedback.value ? feedbackId.value : ""].filter(Boolean);
+			return ids.length ? ids.join(" ") : void 0;
+		});
+		const feedbackMessage = computed(() => {
+			if (feedback.value === "duplicate") return t("dynamicTags.duplicate");
+			if (feedback.value === "max") return t("dynamicTags.maxReached");
+			if (feedback.value === "invalid") return t("dynamicTags.invalid");
+			return "";
+		});
 		const rootClass = computed(() => [
 			"rs-dynamic-tags",
 			`rs-dynamic-tags--${resolvedSize.value}`,
 			{
-				"rs-dynamic-tags--disabled": props.disabled,
+				"rs-dynamic-tags--disabled": resolvedDisabled.value,
+				"rs-dynamic-tags--readonly": resolvedReadonly.value && !resolvedDisabled.value,
 				"rs-dynamic-tags--editing": showInput.value,
 				"rs-dynamic-tags--feedback": feedback.value != null,
 				"rs-dynamic-tags--invalid": hasError.value
@@ -124,7 +166,7 @@ var RsDynamicTags_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			inputRef.value?.focus();
 		}
 		function startEdit() {
-			if (props.disabled || !canAddMore.value) {
+			if (!isInteractive.value || !canAddMore.value) {
 				if (!canAddMore.value) flashFeedback("max", draft.value);
 				return;
 			}
@@ -135,57 +177,127 @@ var RsDynamicTags_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			draft.value = "";
 			if (props.inputMode === "trigger") editing.value = false;
 		}
-		function addTag() {
-			if (props.disabled) return false;
-			if (!canAddMore.value) {
-				flashFeedback("max", draft.value);
+		function addParsed(value) {
+			const parsed = parseRsDynamicTag(value, props.parse);
+			if (parsed === false) {
+				if (value.trim()) flashFeedback("invalid", value.trim());
 				return false;
 			}
-			const value = draft.value.trim();
-			if (!value) return false;
-			if (!props.allowDuplicate && model.value.includes(value)) {
-				flashFeedback("duplicate", value);
-				draft.value = "";
+			const reason = canAcceptRsDynamicTag(model.value, parsed, {
+				allowDuplicate: props.allowDuplicate,
+				max: props.max
+			});
+			if (reason !== "ok") {
+				flashFeedback(reason, parsed);
 				return false;
 			}
-			model.value = [...model.value, value];
-			emit("create", value);
-			draft.value = "";
-			runValidate("change");
+			model.value = [...model.value, parsed];
+			emit("create", parsed);
 			return true;
 		}
+		function addMany(values) {
+			let added = false;
+			for (const value of values) if (addParsed(value)) added = true;
+			else if (!canAddMore.value) break;
+			if (added) runValidate("change");
+			return added;
+		}
+		function commitDraft(raw, includeRest) {
+			if (!raw.trim()) return false;
+			if (resolvedSeparators.value.length && draftHasRsDynamicTagsSeparator(raw, resolvedSeparators.value)) {
+				const { tokens, rest } = splitRsDynamicTagsDraft(raw, resolvedSeparators.value);
+				const added = addMany(includeRest && rest.trim() ? [...tokens, rest.trim()] : tokens);
+				draft.value = includeRest ? "" : rest;
+				return added;
+			}
+			const ok = addParsed(raw);
+			if (ok) {
+				draft.value = "";
+				runValidate("change");
+			}
+			return ok;
+		}
 		function commit() {
 			if (composing.value) return;
-			if (!draft.value.trim()) {
+			const value = draft.value;
+			if (!value.trim()) {
 				if (props.inputMode === "trigger") stopEdit();
 				return;
 			}
-			if (addTag()) if (props.inputMode === "trigger" && !canAddMore.value) stopEdit();
+			commitDraft(value, true);
+			if (props.inputMode === "trigger" && !canAddMore.value) stopEdit();
 			else focusInput();
 		}
+		function onDraftInput() {
+			if (composing.value) return;
+			if (!resolvedSeparators.value.length) return;
+			if (!draftHasRsDynamicTagsSeparator(draft.value, resolvedSeparators.value)) return;
+			const { tokens, rest } = splitRsDynamicTagsDraft(draft.value, resolvedSeparators.value);
+			if (!tokens.length) return;
+			addMany(tokens);
+			draft.value = rest;
+		}
+		function onCompositionEnd() {
+			composing.value = false;
+			onDraftInput();
+		}
+		function onPaste(event) {
+			if (!isInteractive.value || composing.value) return;
+			if (!resolvedSeparators.value.length) return;
+			const text = event.clipboardData?.getData("text") ?? "";
+			if (!text || !draftHasRsDynamicTagsSeparator(text, resolvedSeparators.value)) return;
+			event.preventDefault();
+			const { tokens, rest } = splitRsDynamicTagsDraft(`${draft.value}${text}`, resolvedSeparators.value);
+			const pasted = rest.trim() ? [...tokens, rest.trim()] : tokens;
+			if (pasted.length) addMany(pasted);
+			draft.value = "";
+		}
 		function removeTag(index) {
-			if (props.disabled) return;
+			if (!isInteractive.value) return;
 			const next = [...model.value];
 			const [removed] = next.splice(index, 1);
 			model.value = next;
 			if (removed !== void 0) emit("remove", removed, index);
 			runValidate("change");
 		}
+		function clearAll() {
+			if (!isInteractive.value || !model.value.length) return;
+			model.value = [];
+			draft.value = "";
+			emit("clear");
+			runValidate("change");
+		}
 		function onKeydown(event) {
 			if (event.isComposing || composing.value) return;
 			if (event.key === "Enter") {
 				event.preventDefault();
 				commit();
-			} else if (event.key === "Escape") {
+				return;
+			}
+			if (event.key === "Tab" && draft.value.trim()) {
+				event.preventDefault();
+				commit();
+				return;
+			}
+			if (event.key === "Escape") {
 				event.preventDefault();
 				stopEdit();
-			} else if (event.key === "Backspace" && !draft.value && model.value.length > 0) removeTag(model.value.length - 1);
+				return;
+			}
+			if (event.key === "Backspace" && !draft.value && model.value.length > 0) removeTag(model.value.length - 1);
 		}
-		function onBlur() {
-			if (composing.value) return;
+		function onFocus(event) {
+			emit("focus", event);
+		}
+		function onBlur(event) {
+			if (composing.value) {
+				emit("blur", event);
+				return;
+			}
 			if (props.commitOnBlur && draft.value.trim()) commit();
 			else if (props.inputMode === "trigger") stopEdit();
 			runValidate("blur");
+			emit("blur", event);
 		}
 		async function runValidate(trigger = "submit") {
 			const formRules = formContext?.getFieldRules(props.name) ?? [];
@@ -207,19 +319,26 @@ var RsDynamicTags_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			};
 		}
 		function setValue(value) {
-			if (Array.isArray(value)) {
-				model.value = value.map((item) => String(item ?? ""));
-				return;
-			}
-			if (value == null || value === "") {
-				model.value = [];
-				return;
-			}
-			model.value = [String(value)];
+			model.value = coerceRsDynamicTagsValue(value);
+		}
+		function setError(message) {
+			autoMessage.value = message;
 		}
 		function clearValidation() {
 			autoMessage.value = "";
 		}
+		function focus() {
+			if (resolvedDisabled.value) return;
+			if (resolvedReadonly.value) return;
+			if (showInput.value) {
+				focusInput();
+				return;
+			}
+			if (showTrigger.value) startEdit();
+		}
+		function blur() {
+			inputRef.value?.blur();
+		}
 		useRsFormField(() => ({
 			get name() {
 				return props.name;
@@ -228,23 +347,28 @@ var RsDynamicTags_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			setValue,
 			validate: (trigger) => runValidate(trigger ?? "submit"),
 			clearValidation,
-			setError: (message) => {
-				autoMessage.value = message;
-			}
+			setError
 		}));
 		watch(() => model.value, () => {
 			if (autoMessage.value) runValidate("change");
 		});
+		watch(() => props.inputMode, (mode) => {
+			editing.value = mode === "always";
+			if (mode === "trigger") draft.value = "";
+		});
 		__expose({
 			validate: runValidate,
 			clearValidation,
-			setValue
+			setValue,
+			setError,
+			focus,
+			blur
 		});
 		function onRootPointerDown(event) {
-			if (props.disabled) return;
+			if (!isInteractive.value) return;
 			const target = event.target;
 			if (!target) return;
-			if (target.closest(".rs-tag__close, .rs-dynamic-tags__trigger, .rs-dynamic-tags__input")) return;
+			if (target.closest(".rs-tag__close, .rs-dynamic-tags__trigger, .rs-dynamic-tags__input, .rs-dynamic-tags__clear")) return;
 			if (showInput.value) focusInput();
 			else if (showTrigger.value) startEdit();
 		}
@@ -252,60 +376,99 @@ var RsDynamicTags_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			clearFeedbackTimer();
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
-				class: normalizeClass(rootClass.value),
-				style: normalizeStyle(rootStyle.value),
-				role: "group",
-				"aria-disabled": __props.disabled || void 0,
-				"aria-invalid": hasError.value || void 0,
-				"aria-label": unref(t)("dynamicTags.label"),
-				onPointerdown: onRootPointerDown
-			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(model.value, (tag, index) => {
-				return openBlock(), createBlock(RsTag_default, {
-					key: `${tag}-${index}`,
-					closable: "",
-					disabled: __props.disabled,
-					size: unref(resolvedSize),
-					radius: unref(resolvedRadius),
-					variant: __props.tagVariant,
-					round: __props.round,
-					onClose: ($event) => removeTag(index)
-				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(tag), 1)]),
-					_: 2
-				}, 1032, [
-					"disabled",
-					"size",
-					"radius",
-					"variant",
-					"round",
-					"onClose"
-				]);
-			}), 128)), showInput.value ? withDirectives((openBlock(), createElementBlock("input", {
-				key: 0,
-				ref_key: "inputRef",
-				ref: inputRef,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => draft.value = $event),
-				class: "rs-dynamic-tags__input",
-				type: "text",
-				placeholder: resolvedPlaceholder.value,
-				disabled: __props.disabled,
-				maxlength: __props.maxlength,
-				"aria-label": resolvedPlaceholder.value,
-				onKeydown,
-				onBlur,
-				onCompositionstart: _cache[1] || (_cache[1] = ($event) => composing.value = true),
-				onCompositionend: _cache[2] || (_cache[2] = ($event) => composing.value = false)
-			}, null, 40, _hoisted_3)), [[vModelText, draft.value]]) : showTrigger.value ? (openBlock(), createElementBlock("button", {
-				key: 1,
-				type: "button",
-				class: "rs-dynamic-tags__trigger",
-				"aria-label": unref(t)("dynamicTags.add"),
-				onClick: withModifiers(startEdit, ["stop"])
-			}, [createVNode(RsIcon_default, {
-				name: "plus",
-				size: 14
-			})], 8, _hoisted_4)) : createCommentVNode("", true)], 46, _hoisted_2), visibleMessage.value ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(visibleMessage.value), 1)) : createCommentVNode("", true)]);
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("fieldset", {
+					class: normalizeClass(rootClass.value),
+					style: normalizeStyle(rootStyle.value),
+					disabled: resolvedDisabled.value || void 0,
+					"aria-readonly": resolvedReadonly.value || void 0,
+					"aria-invalid": hasError.value || void 0,
+					"aria-describedby": describedBy.value,
+					onPointerdown: onRootPointerDown
+				}, [
+					createElementVNode("legend", _hoisted_3, toDisplayString(groupLabel.value), 1),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(model.value, (tag, index) => {
+						return openBlock(), createBlock(RsTag_default, {
+							key: `${tag}-${index}`,
+							closable: isInteractive.value,
+							size: unref(resolvedSize),
+							radius: unref(resolvedRadius),
+							variant: __props.tagVariant,
+							round: __props.round,
+							onClose: ($event) => removeTag(index)
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "tag", {
+								tag,
+								index
+							}, () => [createTextVNode(toDisplayString(tag), 1)], true)]),
+							_: 2
+						}, 1032, [
+							"closable",
+							"size",
+							"radius",
+							"variant",
+							"round",
+							"onClose"
+						]);
+					}), 128)),
+					showInput.value ? withDirectives((openBlock(), createElementBlock("input", {
+						key: 0,
+						id: inputId.value,
+						ref_key: "inputRef",
+						ref: inputRef,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => draft.value = $event),
+						class: "rs-dynamic-tags__input",
+						type: "text",
+						placeholder: resolvedPlaceholder.value,
+						disabled: resolvedDisabled.value,
+						readonly: resolvedReadonly.value,
+						maxlength: __props.maxlength,
+						"aria-label": resolvedPlaceholder.value,
+						"aria-invalid": hasError.value || void 0,
+						"aria-describedby": describedBy.value,
+						onInput: onDraftInput,
+						onPaste,
+						onKeydown,
+						onFocus,
+						onBlur,
+						onCompositionstart: _cache[1] || (_cache[1] = ($event) => composing.value = true),
+						onCompositionend: onCompositionEnd
+					}, null, 40, _hoisted_4)), [[vModelText, draft.value]]) : showTrigger.value ? (openBlock(), createElementBlock("button", {
+						key: 1,
+						type: "button",
+						class: "rs-dynamic-tags__trigger",
+						"aria-label": unref(t)("dynamicTags.add"),
+						onClick: withModifiers(startEdit, ["stop"])
+					}, [renderSlot(_ctx.$slots, "trigger", {}, () => [createVNode(RsIcon_default, {
+						name: "plus",
+						size: 14
+					})], true)], 8, _hoisted_5)) : createCommentVNode("", true),
+					showClear.value ? (openBlock(), createElementBlock("button", {
+						key: 2,
+						type: "button",
+						class: "rs-dynamic-tags__clear",
+						tabindex: "-1",
+						"aria-label": unref(t)("dynamicTags.clear"),
+						onPointerdown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"])),
+						onClick: withModifiers(clearAll, ["stop"])
+					}, [createVNode(RsIcon_default, {
+						name: "x",
+						size: 14
+					})], 40, _hoisted_6)) : createCommentVNode("", true)
+				], 46, _hoisted_2),
+				visibleMessage.value ? (openBlock(), createElementBlock("p", {
+					key: 0,
+					id: errorId.value,
+					class: "rs-dynamic-tags-field__error",
+					role: "alert"
+				}, toDisplayString(visibleMessage.value), 9, _hoisted_7)) : createCommentVNode("", true),
+				feedbackMessage.value ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					id: feedbackId.value,
+					class: "rs-dynamic-tags-field__sr-only",
+					"aria-live": "polite"
+				}, toDisplayString(feedbackMessage.value), 9, _hoisted_8)) : createCommentVNode("", true)
+			]);
 		};
 	}
 });

package/dist/components/dynamic-tags/src/RsDynamicTags.js

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsDynamicTags_vue_vue_type_script_setup_true_lang_default from "./RsDynamicTags.impl.js";
 
 //#region src/components/dynamic-tags/src/RsDynamicTags.vue
-var RsDynamicTags_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsDynamicTags_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6ce33b85"]]);
+var RsDynamicTags_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsDynamicTags_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2213feb0"]]);
 //#endregion
 export { RsDynamicTags_default as default };

package/dist/components/dynamic-tags/src/dynamic-tags-utils.d.ts

@@ -0,0 +1,19 @@
+/** 提交前变换或拒绝草稿。false 表示不写入。 */
+export type RsDynamicTagsParse = (value: string) => string | false;
+export type RsDynamicTagsRejectReason = 'duplicate' | 'max' | 'invalid';
+export declare function normalizeRsDynamicTagsSeparators(separators?: string | readonly string[]): string[];
+/**
+ * 按分隔符切开草稿。最后一段是尚未提交的 rest（可能为空）。
+ * 多字符分隔符按长度优先匹配。
+ */
+export declare function splitRsDynamicTagsDraft(draft: string, separators: readonly string[]): {
+    tokens: string[];
+    rest: string;
+};
+export declare function draftHasRsDynamicTagsSeparator(draft: string, separators: readonly string[]): boolean;
+export declare function parseRsDynamicTag(value: string, parse?: RsDynamicTagsParse): string | false;
+export declare function canAcceptRsDynamicTag(tags: readonly string[], value: string, options: {
+    allowDuplicate?: boolean;
+    max?: number;
+}): 'ok' | RsDynamicTagsRejectReason;
+export declare function coerceRsDynamicTagsValue(value: unknown): string[];

package/dist/components/dynamic-tags/src/dynamic-tags-utils.js

@@ -0,0 +1,60 @@
+//#region src/components/dynamic-tags/src/dynamic-tags-utils.ts
+function normalizeRsDynamicTagsSeparators(separators) {
+	if (separators == null) return [];
+	return (typeof separators === "string" ? [separators] : [...separators]).filter((item) => item.length > 0);
+}
+function escapeRegExp(value) {
+	return value.replace(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
+}
+/**
+* 按分隔符切开草稿。最后一段是尚未提交的 rest（可能为空）。
+* 多字符分隔符按长度优先匹配。
+*/
+function splitRsDynamicTagsDraft(draft, separators) {
+	if (!draft) return {
+		tokens: [],
+		rest: ""
+	};
+	if (!separators.length) return {
+		tokens: [],
+		rest: draft
+	};
+	const sorted = [...separators].sort((a, b) => b.length - a.length);
+	const re = new RegExp(sorted.map(escapeRegExp).join("|"));
+	const parts = draft.split(re);
+	const rest = parts.pop() ?? "";
+	return {
+		tokens: parts.map((item) => item.trim()).filter((item) => item.length > 0),
+		rest
+	};
+}
+function draftHasRsDynamicTagsSeparator(draft, separators) {
+	if (!draft || !separators.length) return false;
+	return separators.some((item) => draft.includes(item));
+}
+function parseRsDynamicTag(value, parse) {
+	const trimmed = value.trim();
+	if (!trimmed) return false;
+	if (!parse) return trimmed;
+	const next = parse(trimmed);
+	if (next === false) return false;
+	const out = String(next).trim();
+	return out.length > 0 ? out : false;
+}
+function canAcceptRsDynamicTag(tags, value, options) {
+	if (options.max !== void 0 && tags.length >= options.max) return "max";
+	if (!options.allowDuplicate && tags.includes(value)) return "duplicate";
+	return "ok";
+}
+function asTagText(value) {
+	if (typeof value === "string") return value;
+	if (typeof value === "number" || typeof value === "boolean" || typeof value === "bigint") return String(value);
+	return "";
+}
+function coerceRsDynamicTagsValue(value) {
+	if (Array.isArray(value)) return value.map(asTagText).filter((item) => item.length > 0);
+	const text = asTagText(value).trim();
+	return text ? [text] : [];
+}
+//#endregion
+export { canAcceptRsDynamicTag, coerceRsDynamicTagsValue, draftHasRsDynamicTagsSeparator, normalizeRsDynamicTagsSeparators, parseRsDynamicTag, splitRsDynamicTagsDraft };