niuma-ui 1.3.9 → 2.0.0

package/dist/components/RsDropdownItemView.impl.js

@@ -1,32 +0,0 @@
-import RsIcon_default from "./RsIcon.js";
-import { RS_COMPONENT_SIZE_ICON_PX } from "../theme/types.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, toDisplayString } from "vue";
-//#region src/components/RsDropdownItemView.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "rs-dropdown__item-copy" };
-var _hoisted_2 = { class: "rs-dropdown__item-label" };
-var _hoisted_3 = {
-	key: 0,
-	class: "rs-dropdown__item-hint"
-};
-var RsDropdownItemView_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "RsDropdownItemView",
-	props: {
-		item: {},
-		size: { default: "md" }
-	},
-	setup(__props) {
-		/** 下拉项内容：图标 + 标题 + 可选说明，密度由 size 控制。 */
-		const props = __props;
-		const iconSize = computed(() => RS_COMPONENT_SIZE_ICON_PX[props.size]);
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [__props.item.icon ? (openBlock(), createBlock(RsIcon_default, {
-				key: 0,
-				name: __props.item.icon,
-				size: iconSize.value,
-				class: "rs-dropdown__item-icon"
-			}, null, 8, ["name", "size"])) : createCommentVNode("", true), createElementVNode("span", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(__props.item.label), 1), __props.item.hint ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.item.hint), 1)) : createCommentVNode("", true)])], 64);
-		};
-	}
-});
-//#endregion
-export { RsDropdownItemView_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsDropdownItemView.js

@@ -1,5 +0,0 @@
-import RsDropdownItemView_vue_vue_type_script_setup_true_lang_default from "./RsDropdownItemView.impl.js";
-//#region src/components/RsDropdownItemView.vue
-var RsDropdownItemView_default = RsDropdownItemView_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { RsDropdownItemView_default as default };

package/dist/components/RsDropdownItems.d.ts

@@ -1,18 +0,0 @@
-import { type RsDropdownItems } from './dropdown-utils';
-import type { RsComponentSize } from '../theme/types';
-type __VLS_Props = {
-    items: RsDropdownItems;
-    /** true：单选互斥；false：操作项 */
-    selectable?: boolean;
-    size?: RsComponentSize;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((value: string) => any) | undefined;
-}>, {
-    size: RsComponentSize;
-    selectable: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/RsDropdownItems.impl.js

@@ -1,88 +0,0 @@
-import { DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioItem } from "./reka.js";
-import { isDropdownItemGroup } from "./dropdown-utils.js";
-import RsDropdownItemView_default from "./RsDropdownItemView.js";
-import { Fragment, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
-//#region src/components/RsDropdownItems.vue?vue&type=script&setup=true&lang.ts
-var RsDropdownItems_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "RsDropdownItems",
-	props: {
-		items: {},
-		selectable: {
-			type: Boolean,
-			default: false
-		},
-		size: { default: "md" }
-	},
-	emits: ["select"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		function onActionSelect(item) {
-			if (item.disabled) return;
-			emit("select", item.value);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (entry, index) => {
-				return openBlock(), createElementBlock(Fragment, { key: index }, [unref(isDropdownItemGroup)(entry) ? (openBlock(), createBlock(unref(DropdownMenuGroup), {
-					key: `group-${index}`,
-					class: "rs-dropdown__group"
-				}, {
-					default: withCtx(() => [createVNode(unref(DropdownMenuLabel), { class: "rs-dropdown__group-label" }, {
-						default: withCtx(() => [createTextVNode(toDisplayString(entry.label), 1)]),
-						_: 2
-					}, 1024), __props.selectable ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(entry.options, (item) => {
-						return openBlock(), createBlock(unref(DropdownMenuRadioItem), {
-							key: item.value,
-							value: item.value,
-							disabled: item.disabled,
-							class: "rs-dropdown__item"
-						}, {
-							default: withCtx(() => [createVNode(RsDropdownItemView_default, {
-								item,
-								size: __props.size
-							}, null, 8, ["item", "size"])]),
-							_: 2
-						}, 1032, ["value", "disabled"]);
-					}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(entry.options, (item) => {
-						return openBlock(), createBlock(unref(DropdownMenuItem), {
-							key: item.value,
-							disabled: item.disabled,
-							class: "rs-dropdown__item",
-							onSelect: ($event) => onActionSelect(item)
-						}, {
-							default: withCtx(() => [createVNode(RsDropdownItemView_default, {
-								item,
-								size: __props.size
-							}, null, 8, ["item", "size"])]),
-							_: 2
-						}, 1032, ["disabled", "onSelect"]);
-					}), 128))]),
-					_: 2
-				}, 1024)) : __props.selectable ? (openBlock(), createBlock(unref(DropdownMenuRadioItem), {
-					key: `radio-${entry.value}`,
-					value: entry.value,
-					disabled: entry.disabled,
-					class: "rs-dropdown__item"
-				}, {
-					default: withCtx(() => [createVNode(RsDropdownItemView_default, {
-						item: entry,
-						size: __props.size
-					}, null, 8, ["item", "size"])]),
-					_: 2
-				}, 1032, ["value", "disabled"])) : (openBlock(), createBlock(unref(DropdownMenuItem), {
-					key: `action-${entry.value}`,
-					disabled: entry.disabled,
-					class: "rs-dropdown__item",
-					onSelect: ($event) => onActionSelect(entry)
-				}, {
-					default: withCtx(() => [createVNode(RsDropdownItemView_default, {
-						item: entry,
-						size: __props.size
-					}, null, 8, ["item", "size"])]),
-					_: 2
-				}, 1032, ["disabled", "onSelect"]))], 64);
-			}), 128);
-		};
-	}
-});
-//#endregion
-export { RsDropdownItems_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsDropdownItems.js

@@ -1,5 +0,0 @@
-import RsDropdownItems_vue_vue_type_script_setup_true_lang_default from "./RsDropdownItems.impl.js";
-//#region src/components/RsDropdownItems.vue
-var RsDropdownItems_default = RsDropdownItems_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { RsDropdownItems_default as default };

package/dist/components/RsDynamicTags.css

@@ -1,148 +0,0 @@
-
-.rs-dynamic-tags-field[data-v-9404b4c4] {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  min-width: 0;
-}
-.rs-dynamic-tags-field__error[data-v-9404b4c4] {
-  margin: 0.25rem 0 0;
-  font-size: var(--rs-font-size-xs);
-  line-height: var(--rs-line-height-tight);
-  color: var(--rs-danger);
-}
-.rs-dynamic-tags[data-v-9404b4c4] {
-  --rs-dynamic-tags-chip-height: 1.5rem;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: var(--rs-dynamic-tags-gap, var(--rs-space-xs));
-  /* padding + chip + 1px*2 边框，避免 trigger/input 切换或输入时高度跳动 */
-  min-height: calc(
-    var(--rs-dynamic-tags-chip-height) + 2 * var(--rs-dynamic-tags-padding, var(--rs-space-xs)) +
-      2px
-  );
-  padding: var(--rs-dynamic-tags-padding, var(--rs-space-xs));
-  border: 1px solid var(--rs-dynamic-tags-border, var(--rs-input-border, var(--rs-border)));
-  border-radius: var(
-    --rs-dynamic-tags-radius-local,
-    var(--rs-dynamic-tags-radius, var(--rs-radius))
-  );
-  background: var(--rs-dynamic-tags-bg, var(--rs-input-bg, var(--rs-surface)));
-  box-shadow: var(--rs-dynamic-tags-shadow, var(--rs-input-shadow, none));
-  box-sizing: border-box;
-  cursor: text;
-  transition:
-    border-color var(--rs-transition-fast),
-    box-shadow var(--rs-transition-fast),
-    background-color var(--rs-transition-fast);
-}
-.rs-dynamic-tags[data-v-9404b4c4]:hover:not(.rs-dynamic-tags--disabled) {
-  border-color: var(
-    --rs-dynamic-tags-border-hover,
-    var(--rs-input-border-hover, var(--rs-border))
-  );
-}
-.rs-dynamic-tags--ssm[data-v-9404b4c4] {
-  --rs-dynamic-tags-chip-height: 1.125rem;
-}
-.rs-dynamic-tags--sm[data-v-9404b4c4] {
-  --rs-dynamic-tags-chip-height: 1.25rem;
-}
-.rs-dynamic-tags--md[data-v-9404b4c4] {
-  --rs-dynamic-tags-chip-height: 1.5rem;
-}
-.rs-dynamic-tags--lg[data-v-9404b4c4] {
-  --rs-dynamic-tags-chip-height: 1.75rem;
-}
-.rs-dynamic-tags--editing[data-v-9404b4c4]:not(.rs-dynamic-tags--disabled),
-.rs-dynamic-tags[data-v-9404b4c4]:focus-within:not(.rs-dynamic-tags--disabled) {
-  border-color: var(--rs-focus-border, var(--rs-primary));
-  box-shadow:
-    var(--rs-dynamic-tags-shadow, var(--rs-input-shadow, none)),
-    0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
-}
-.rs-dynamic-tags--feedback[data-v-9404b4c4],
-.rs-dynamic-tags--invalid[data-v-9404b4c4] {
-  border-color: var(--rs-danger);
-}
-.rs-dynamic-tags--feedback[data-v-9404b4c4] {
-  animation: rs-dynamic-tags-shake-9404b4c4 0.45s ease;
-}
-.rs-dynamic-tags--disabled[data-v-9404b4c4] {
-  opacity: 0.55;
-  cursor: not-allowed;
-}
-.rs-dynamic-tags__input[data-v-9404b4c4] {
-  flex: 1 1 6rem;
-  min-width: 4rem;
-  width: 0;
-  height: var(--rs-dynamic-tags-chip-height);
-  margin: 0;
-  padding: 0 var(--rs-space-xs);
-  border: 0;
-  outline: none;
-  background: transparent;
-  color: var(--rs-text);
-  font: inherit;
-  font-size: var(--rs-font-size-sm);
-  line-height: var(--rs-dynamic-tags-chip-height);
-  box-sizing: border-box;
-  box-shadow: none;
-  appearance: none;
-}
-.rs-dynamic-tags--ssm .rs-dynamic-tags__input[data-v-9404b4c4],
-.rs-dynamic-tags--sm .rs-dynamic-tags__input[data-v-9404b4c4] {
-  font-size: var(--rs-font-size-xs);
-}
-.rs-dynamic-tags__input[data-v-9404b4c4]::placeholder {
-  color: var(--rs-placeholder);
-  line-height: var(--rs-dynamic-tags-chip-height);
-}
-.rs-dynamic-tags__trigger[data-v-9404b4c4] {
-  display: inline-flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  width: var(--rs-dynamic-tags-chip-height);
-  height: var(--rs-dynamic-tags-chip-height);
-  margin: 0;
-  padding: 0;
-  border: 1px dashed var(--rs-dynamic-tags-trigger-border, var(--rs-border));
-  border-radius: var(--rs-radius-sm);
-  background: transparent;
-  color: var(--rs-muted);
-  cursor: pointer;
-  outline: none;
-  box-sizing: border-box;
-  transition:
-    color var(--rs-transition-fast),
-    border-color var(--rs-transition-fast),
-    background-color var(--rs-transition-fast);
-}
-.rs-dynamic-tags__trigger[data-v-9404b4c4]:hover {
-  color: var(--rs-primary);
-  border-color: var(--rs-primary);
-  background: color-mix(in srgb, var(--rs-primary) 8%, transparent);
-}
-.rs-dynamic-tags__trigger[data-v-9404b4c4]:focus-visible {
-  box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
-}
-@keyframes rs-dynamic-tags-shake-9404b4c4 {
-0%,
-  100% {
-    transform: translateX(0);
-}
-20% {
-    transform: translateX(-3px);
-}
-40% {
-    transform: translateX(3px);
-}
-60% {
-    transform: translateX(-2px);
-}
-80% {
-    transform: translateX(2px);
-}
-}

package/dist/components/RsDynamicTags.d.ts

@@ -1,71 +0,0 @@
-import type { RsComponentSize, RsRadius } from '../theme/types';
-import { type RsFormRuleTrigger } from './form-rules';
-import type { RsTagVariant } from './RsTag.js';
-export type RsDynamicTagsInputMode = 'trigger' | 'always';
-export type RsDynamicTagsRejectReason = 'duplicate' | 'max';
-type __VLS_Props = {
-    /** 字段名：匹配 RsForm.rules[name] */
-    name?: string;
-    id?: string;
-    invalid?: boolean;
-    placeholder?: string;
-    disabled?: boolean;
-    required?: boolean;
-    max?: number;
-    /** 输入内容最大长度 */
-    maxlength?: number;
-    /** 允许重复标签 */
-    allowDuplicate?: boolean;
-    /**
-     * trigger：点击「+」后再输入（对齐 Naive DynamicTags）
-     * always：始终显示输入框（对齐 InputTag 常驻输入）
-     */
-    inputMode?: RsDynamicTagsInputMode;
-    /** 失焦时是否提交当前输入 */
-    commitOnBlur?: boolean;
-    size?: RsComponentSize;
-    radius?: RsRadius;
-    /** 标签视觉变体 */
-    tagVariant?: RsTagVariant;
-    round?: boolean;
-};
-declare function runValidate(trigger?: RsFormRuleTrigger): Promise<{
-    valid: true;
-    name: string | undefined;
-    message?: undefined;
-} | {
-    valid: boolean;
-    message: string | undefined;
-    name: string | undefined;
-}>;
-declare function setValue(value: unknown): void;
-declare function clearValidation(): void;
-type __VLS_ModelProps = {
-    modelValue?: string[];
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
-    validate: typeof runValidate;
-    clearValidation: typeof clearValidation;
-    setValue: typeof setValue;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string[]) => any;
-    create: (value: string) => any;
-    remove: (value: string, index: number) => any;
-    reject: (reason: RsDynamicTagsRejectReason, value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
-    onCreate?: ((value: string) => any) | undefined;
-    onRemove?: ((value: string, index: number) => any) | undefined;
-    onReject?: ((reason: RsDynamicTagsRejectReason, value: string) => any) | undefined;
-}>, {
-    required: boolean;
-    disabled: boolean;
-    round: boolean;
-    allowDuplicate: boolean;
-    inputMode: RsDynamicTagsInputMode;
-    commitOnBlur: boolean;
-    tagVariant: RsTagVariant;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/RsDynamicTags.impl.js

@@ -1,313 +0,0 @@
-import { useRsI18n } from "../composables/useRsI18n.js";
-import RsIcon_default from "./RsIcon.js";
-import { buildLocalInputRules, runFormFieldRules } from "./form-rules.js";
-import { isRsFormItemBoundControl, useRsFormContext, useRsFormField, useRsFormItemContext } from "./form-utils.js";
-import { useResolvedRsComponentSize } from "./resolve-size.js";
-import { rsRadiusCss, useResolvedRsRadius } from "./resolve-radius.js";
-import RsTag_default from "./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";
-//#region src/components/RsDynamicTags.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "rs-dynamic-tags-field" };
-var _hoisted_2 = [
-	"aria-disabled",
-	"aria-invalid",
-	"aria-label"
-];
-var _hoisted_3 = [
-	"placeholder",
-	"disabled",
-	"maxlength",
-	"aria-label"
-];
-var _hoisted_4 = ["aria-label"];
-var _hoisted_5 = {
-	key: 0,
-	class: "rs-dynamic-tags-field__error",
-	role: "alert"
-};
-var RsDynamicTags_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "RsDynamicTags",
-	props: /*@__PURE__*/ mergeModels({
-		name: {},
-		id: {},
-		invalid: { type: Boolean },
-		placeholder: {},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		required: {
-			type: Boolean,
-			default: false
-		},
-		max: {},
-		maxlength: {},
-		allowDuplicate: {
-			type: Boolean,
-			default: false
-		},
-		inputMode: { default: "trigger" },
-		commitOnBlur: {
-			type: Boolean,
-			default: true
-		},
-		size: {},
-		radius: {},
-		tagVariant: { default: "default" },
-		round: {
-			type: Boolean,
-			default: false
-		}
-	}, {
-		"modelValue": { default: () => [] },
-		"modelModifiers": {}
-	}),
-	emits: /*@__PURE__*/ mergeModels([
-		"create",
-		"remove",
-		"reject"
-	], ["update:modelValue"]),
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const model = useModel(__props, "modelValue");
-		const props = __props;
-		const emit = __emit;
-		const { t } = useRsI18n();
-		const formContext = useRsFormContext();
-		const formItem = useRsFormItemContext();
-		const boundToItem = computed(() => isRsFormItemBoundControl(formItem, {
-			id: props.id,
-			name: props.name
-		}));
-		const draft = ref("");
-		const editing = ref(props.inputMode === "always");
-		const composing = ref(false);
-		const feedback = ref(null);
-		const autoMessage = ref("");
-		const inputRef = ref(null);
-		let feedbackTimer = null;
-		const resolvedSize = useResolvedRsComponentSize(() => props.size);
-		const resolvedRadius = useResolvedRsRadius(() => props.radius, "md");
-		const resolvedPlaceholder = computed(() => props.placeholder ?? t("dynamicTags.placeholder"));
-		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 hasError = computed(() => Boolean(props.invalid || boundToItem.value && formItem?.invalid.value || autoMessage.value));
-		const visibleMessage = computed(() => boundToItem.value ? "" : autoMessage.value);
-		const rootClass = computed(() => [
-			"rs-dynamic-tags",
-			`rs-dynamic-tags--${resolvedSize.value}`,
-			{
-				"rs-dynamic-tags--disabled": props.disabled,
-				"rs-dynamic-tags--editing": showInput.value,
-				"rs-dynamic-tags--feedback": feedback.value != null,
-				"rs-dynamic-tags--invalid": hasError.value
-			}
-		]);
-		const rootStyle = computed(() => ({ "--rs-dynamic-tags-radius-local": rsRadiusCss(resolvedRadius.value) }));
-		function clearFeedbackTimer() {
-			if (feedbackTimer) {
-				clearTimeout(feedbackTimer);
-				feedbackTimer = null;
-			}
-		}
-		function flashFeedback(reason, value) {
-			feedback.value = reason;
-			emit("reject", reason, value);
-			clearFeedbackTimer();
-			feedbackTimer = setTimeout(() => {
-				feedback.value = null;
-				feedbackTimer = null;
-			}, 520);
-		}
-		async function focusInput() {
-			await nextTick();
-			inputRef.value?.focus();
-		}
-		function startEdit() {
-			if (props.disabled || !canAddMore.value) {
-				if (!canAddMore.value) flashFeedback("max", draft.value);
-				return;
-			}
-			editing.value = true;
-			focusInput();
-		}
-		function stopEdit() {
-			draft.value = "";
-			if (props.inputMode === "trigger") editing.value = false;
-		}
-		function addTag() {
-			if (props.disabled) return false;
-			if (!canAddMore.value) {
-				flashFeedback("max", draft.value);
-				return false;
-			}
-			const value = draft.value.trim();
-			if (!value) return false;
-			if (!props.allowDuplicate && model.value.includes(value)) {
-				flashFeedback("duplicate", value);
-				draft.value = "";
-				return false;
-			}
-			model.value = [...model.value, value];
-			emit("create", value);
-			draft.value = "";
-			runValidate("change");
-			return true;
-		}
-		function commit() {
-			if (composing.value) return;
-			if (!draft.value.trim()) {
-				if (props.inputMode === "trigger") stopEdit();
-				return;
-			}
-			if (addTag()) if (props.inputMode === "trigger" && !canAddMore.value) stopEdit();
-			else focusInput();
-		}
-		function removeTag(index) {
-			if (props.disabled) 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 onKeydown(event) {
-			if (event.isComposing || composing.value) return;
-			if (event.key === "Enter") {
-				event.preventDefault();
-				commit();
-			} else if (event.key === "Escape") {
-				event.preventDefault();
-				stopEdit();
-			} else if (event.key === "Backspace" && !draft.value && model.value.length > 0) removeTag(model.value.length - 1);
-		}
-		function onBlur() {
-			if (composing.value) return;
-			if (props.commitOnBlur && draft.value.trim()) commit();
-			else if (props.inputMode === "trigger") stopEdit();
-			runValidate("blur");
-		}
-		async function runValidate(trigger = "submit") {
-			const formRules = formContext?.getFieldRules(props.name) ?? [];
-			const localRules = buildLocalInputRules({ required: props.required });
-			const rules = [...formRules, ...localRules];
-			if (!rules.length) {
-				autoMessage.value = "";
-				return {
-					valid: true,
-					name: props.name
-				};
-			}
-			const result = await runFormFieldRules(model.value, rules, { trigger });
-			autoMessage.value = result.message ?? "";
-			return {
-				valid: result.valid,
-				message: result.message,
-				name: props.name
-			};
-		}
-		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)];
-		}
-		function clearValidation() {
-			autoMessage.value = "";
-		}
-		useRsFormField(() => ({
-			get name() {
-				return props.name;
-			},
-			getValue: () => model.value,
-			setValue,
-			validate: (trigger) => runValidate(trigger ?? "submit"),
-			clearValidation,
-			setError: (message) => {
-				autoMessage.value = message;
-			}
-		}));
-		watch(() => model.value, () => {
-			if (autoMessage.value) runValidate("change");
-		});
-		__expose({
-			validate: runValidate,
-			clearValidation,
-			setValue
-		});
-		function onRootPointerDown(event) {
-			if (props.disabled) return;
-			const target = event.target;
-			if (!target) return;
-			if (target.closest(".rs-tag__close, .rs-dynamic-tags__trigger, .rs-dynamic-tags__input")) return;
-			if (showInput.value) focusInput();
-			else if (showTrigger.value) startEdit();
-		}
-		onBeforeUnmount(() => {
-			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)]);
-		};
-	}
-});
-//#endregion
-export { RsDynamicTags_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsDynamicTags.js

@@ -1,8 +0,0 @@
-import './RsDynamicTags.css'
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import RsDynamicTags_vue_vue_type_script_setup_true_lang_default from "./RsDynamicTags.impl.js";
-
-//#region src/components/RsDynamicTags.vue
-var RsDynamicTags_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsDynamicTags_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9404b4c4"]]);
-//#endregion
-export { RsDynamicTags_default as default };