@will-ui/vue 1.0.0

package/dist/components/tab/Tab.js

@@ -0,0 +1,485 @@
+import { propColorToCssVars, propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import { computed, createVNode, defineComponent, nextTick, onBeforeUnmount, onMounted, reactive, ref, watch } from "vue";
+//#region components/tab/Tab.tsx
+var Tab = /* @__PURE__ */ defineComponent({
+	name: "Tab",
+	props: {
+		/**
+		* 当前激活标签的值（v-model）
+		* 与 index 二选一即可；同时传入时以 modelValue 为准
+		*/
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				Object
+			],
+			default: void 0
+		},
+		/**
+		* 当前激活标签索引（v-model:index）
+		* @default 0
+		*/
+		index: {
+			type: Number,
+			default: 0
+		},
+		/**
+		* 标签数据源
+		* 支持格式：
+		* - 对象数组: [{ label: '标签名', value: '值' }]
+		* - 纯字符串数组: ['标签1', '标签2']
+		* - 键值对对象: { '标签1': '值1', '标签2': '值2' }
+		*/
+		data: {
+			type: [Array, Object],
+			required: true
+		},
+		/**
+		* 自定义标签项 CSS 类名
+		*/
+		itemClass: { type: [
+			String,
+			Object,
+			Array
+		] },
+		/**
+		* 激活态额外 CSS 类名
+		*/
+		activeItemClass: { type: [
+			String,
+			Object,
+			Array
+		] },
+		/**
+		* 自定义指示线条样式
+		*/
+		lineStyle: { type: Function },
+		/**
+		* 标签方向
+		* @default 'horizontal'
+		*/
+		direction: {
+			type: String,
+			default: "horizontal"
+		},
+		/**
+		* 标签类型
+		* @default 'default'
+		*/
+		type: {
+			type: String,
+			default: "default"
+		},
+		/**
+		* 是否显示激活线条
+		* @default true
+		*/
+		showLine: {
+			type: Boolean,
+			default: true
+		},
+		/**
+		* 线条宽度，默认与标签内容宽度一致（水平方向）
+		*/
+		lineWidth: { type: [Number, String] },
+		/**
+		* 线条高度，默认与标签内容高度一致（垂直方向）
+		* @default 2
+		*/
+		lineHeight: {
+			type: [Number, String],
+			default: 2
+		},
+		/**
+		* 是否可关闭
+		* @default false
+		*/
+		closable: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* 数据中标签文字的字段名
+		* @default 'label'
+		*/
+		labelField: {
+			type: String,
+			default: "label"
+		},
+		/**
+		* 数据中值的字段名
+		* @default 'value'
+		*/
+		valueField: {
+			type: String,
+			default: "value"
+		},
+		/** 品牌主色 → `--w-prop-tab-color` */
+		color: {
+			type: String,
+			default: void 0
+		},
+		/** 实例尺度（px）→ `--w-prop-tab-size` */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 实例 CSS 变量 */
+		cssVars: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: {
+		/**
+		* 值变化事件（用于 v-model）
+		*/
+		"update:modelValue": (value) => true,
+		/**
+		* 索引变化事件（用于 v-model:index）
+		*/
+		"update:index": (index) => true,
+		/**
+		* 切换标签时触发
+		*/
+		change: (value, index, item) => true,
+		/**
+		* 点击标签时触发（无论是否切换）
+		*/
+		click: (value, index, item) => true,
+		/**
+		* 关闭标签时触发
+		*/
+		close: (value, index, item) => true
+	},
+	slots: Object,
+	setup(props, { emit, slots, expose }) {
+		const rootRef = ref();
+		const lineRef = ref();
+		const items = ref([]);
+		const currentIndex = ref(0);
+		const linePos = reactive({
+			left: 0,
+			top: 0,
+			width: 0,
+			height: 0
+		});
+		const processedData = computed(() => {
+			const { data, labelField, valueField } = props;
+			if (Array.isArray(data)) return data.map((item, index) => {
+				if (typeof item === "string" || typeof item === "number") return {
+					[labelField]: item,
+					[valueField]: item,
+					_index: index
+				};
+				return {
+					...item,
+					[labelField]: item[labelField] ?? item.label ?? String(index),
+					[valueField]: item[valueField] !== void 0 ? item[valueField] : item.value !== void 0 ? item.value : index,
+					_index: index
+				};
+			});
+			return Object.entries(data || {}).map(([key, value], index) => ({
+				[labelField]: key,
+				[valueField]: value,
+				_index: index
+			}));
+		});
+		const dataLength = computed(() => processedData.value.length);
+		const currentItem = computed(() => processedData.value[currentIndex.value]);
+		const currentValue = computed(() => {
+			return currentItem.value?.[props.valueField];
+		});
+		const isVertical = computed(() => props.direction === "vertical");
+		const computedLineStyle = computed(() => {
+			const { lineStyle, lineWidth, lineHeight } = props;
+			if (lineStyle) return lineStyle(linePos);
+			if (isVertical.value) {
+				let height = linePos.height;
+				if (lineHeight !== void 0) height = typeof lineHeight === "number" ? lineHeight : parseFloat(String(lineHeight));
+				const width = lineWidth !== void 0 ? typeof lineWidth === "number" ? lineWidth : parseFloat(String(lineWidth)) : 2;
+				return {
+					transform: `translate3d(${linePos.left + linePos.width - width}px, ${lineHeight !== void 0 ? linePos.top + (linePos.height - height) / 2 : linePos.top}px, 0)`,
+					width: `${width}px`,
+					height: `${height}px`
+				};
+			}
+			let width = linePos.width;
+			if (lineWidth !== void 0) width = typeof lineWidth === "number" ? lineWidth : parseFloat(String(lineWidth));
+			const height = typeof lineHeight === "number" ? lineHeight : parseFloat(String(lineHeight));
+			return {
+				transform: `translate3d(${lineWidth !== void 0 ? linePos.left + (linePos.width - width) / 2 : linePos.left}px, ${linePos.top + linePos.height - height}px, 0)`,
+				width: `${width}px`,
+				height: typeof lineHeight === "number" ? `${lineHeight}px` : String(lineHeight)
+			};
+		});
+		const containerClass = computed(() => [
+			"w-tab",
+			`w-tab--${props.direction}`,
+			`w-tab--${props.type}`,
+			{
+				"w-tab--no-line": !props.showLine,
+				"w-tab--closable": props.closable
+			}
+		]);
+		function clampIndex(index) {
+			if (dataLength.value <= 0) return 0;
+			return Math.min(Math.max(index, 0), dataLength.value - 1);
+		}
+		function findIndexByValue(value) {
+			return processedData.value.findIndex((item) => item[props.valueField] === value);
+		}
+		function findEnabledIndex(from, step) {
+			const len = dataLength.value;
+			if (len <= 0) return -1;
+			let i = from;
+			for (let n = 0; n < len; n++) {
+				i = (i + step + len) % len;
+				if (!processedData.value[i]?.disabled) return i;
+			}
+			return -1;
+		}
+		function resolveIndexFromProps() {
+			if (props.modelValue !== void 0) {
+				const byValue = findIndexByValue(props.modelValue);
+				if (byValue !== -1) return byValue;
+			}
+			return clampIndex(props.index ?? 0);
+		}
+		function syncActive(index, options) {
+			const next = clampIndex(index);
+			const item = processedData.value[next];
+			if (!item || item.disabled) return;
+			const value = item[props.valueField];
+			const changed = currentIndex.value !== next;
+			currentIndex.value = next;
+			emit("update:index", next);
+			emit("update:modelValue", value);
+			if (changed && options?.emitChange !== false) emit("change", value, next, item);
+		}
+		function getItemLabel(index) {
+			return processedData.value[index]?.[props.labelField];
+		}
+		function getItemClass(index, item) {
+			return [
+				"w-tab-item",
+				props.itemClass,
+				{
+					"w-tab-item-active": currentIndex.value === index,
+					"w-tab-item-disabled": item.disabled
+				},
+				currentIndex.value === index && props.activeItemClass
+			].filter(Boolean);
+		}
+		function createSlotOptions(index, item) {
+			return {
+				index,
+				item,
+				value: item?.[props.valueField],
+				label: item?.[props.labelField],
+				isActive: currentIndex.value === index
+			};
+		}
+		function handleClick(index, item) {
+			const value = item[props.valueField];
+			emit("click", value, index, item);
+			if (item.disabled) return;
+			if (currentIndex.value !== index) syncActive(index);
+		}
+		function handleClose(index, item, event) {
+			event.stopPropagation();
+			emit("close", item[props.valueField], index, item);
+		}
+		function handleKeydown(event) {
+			const { key } = event;
+			const vertical = isVertical.value;
+			let next = -1;
+			if (vertical && key === "ArrowDown" || !vertical && key === "ArrowRight") next = findEnabledIndex(currentIndex.value, 1);
+			else if (vertical && key === "ArrowUp" || !vertical && key === "ArrowLeft") next = findEnabledIndex(currentIndex.value, -1);
+			else if (key === "Home") next = findEnabledIndex(-1, 1);
+			else if (key === "End") next = findEnabledIndex(dataLength.value, -1);
+			else return;
+			if (next === -1) return;
+			event.preventDefault();
+			syncActive(next);
+			nextTick(() => items.value[next]?.focus());
+		}
+		watch(() => props.modelValue, (value) => {
+			if (value === void 0) return;
+			const i = findIndexByValue(value);
+			if (i !== -1 && i !== currentIndex.value) currentIndex.value = i;
+		});
+		watch(() => props.index, (index) => {
+			if (props.modelValue !== void 0) return;
+			const next = clampIndex(index);
+			if (next !== currentIndex.value) currentIndex.value = next;
+		});
+		watch(processedData, (list) => {
+			if (!list.length) {
+				currentIndex.value = 0;
+				return;
+			}
+			if (props.modelValue !== void 0) {
+				const byValue = findIndexByValue(props.modelValue);
+				if (byValue !== -1) {
+					if (byValue !== currentIndex.value) currentIndex.value = byValue;
+					return;
+				}
+				const next = clampIndex(currentIndex.value);
+				const item = list[next];
+				currentIndex.value = next;
+				if (item) {
+					emit("update:index", next);
+					emit("update:modelValue", item[props.valueField]);
+				}
+				return;
+			}
+			if (currentIndex.value >= list.length) {
+				const next = clampIndex(list.length - 1);
+				const item = list[next];
+				currentIndex.value = next;
+				if (item) {
+					emit("update:index", next);
+					emit("update:modelValue", item[props.valueField]);
+				}
+				return;
+			}
+			if (list[currentIndex.value]?.disabled) {
+				const next = findEnabledIndex(currentIndex.value - 1, 1);
+				if (next !== -1) syncActive(next, { emitChange: false });
+			}
+		}, { deep: true });
+		currentIndex.value = resolveIndexFromProps();
+		let rafId = null;
+		function measureLine() {
+			const root = rootRef.value;
+			if (!root || !items.value?.length) return;
+			const activeItem = items.value[currentIndex.value];
+			if (!activeItem) {
+				linePos.width = 0;
+				linePos.height = 0;
+				return;
+			}
+			const rootRect = root.getBoundingClientRect();
+			const itemRect = activeItem.getBoundingClientRect();
+			linePos.left = itemRect.left - rootRect.left;
+			linePos.top = itemRect.top - rootRect.top;
+			linePos.width = itemRect.width;
+			linePos.height = itemRect.height;
+		}
+		function scheduleUpdate() {
+			if (rafId != null) return;
+			if (typeof requestAnimationFrame === "undefined") {
+				measureLine();
+				return;
+			}
+			rafId = requestAnimationFrame(() => {
+				rafId = null;
+				measureLine();
+			});
+		}
+		watch([
+			currentIndex,
+			() => props.direction,
+			processedData
+		], () => {
+			scheduleUpdate();
+		}, { flush: "post" });
+		let resizeObserver = null;
+		onMounted(() => {
+			scheduleUpdate();
+			if (typeof ResizeObserver !== "undefined" && rootRef.value) {
+				resizeObserver = new ResizeObserver(() => scheduleUpdate());
+				resizeObserver.observe(rootRef.value);
+			}
+		});
+		onBeforeUnmount(() => {
+			resizeObserver?.disconnect();
+			resizeObserver = null;
+			if (rafId != null) {
+				cancelAnimationFrame(rafId);
+				rafId = null;
+			}
+		});
+		expose({
+			currentIndex,
+			currentItem,
+			currentValue,
+			processedData,
+			setIndex: (index) => {
+				if (index >= 0 && index < dataLength.value) handleClick(index, processedData.value[index]);
+			},
+			setValue: (value) => {
+				const index = findIndexByValue(value);
+				if (index !== -1) handleClick(index, processedData.value[index]);
+			}
+		});
+		return () => {
+			const tokenStyle = toCssVarsStyle({
+				...propSizeToCssVars("tab", props.size),
+				...propColorToCssVars("tab", props.color),
+				...props.cssVars
+			});
+			const list = createVNode("ul", {
+				"class": containerClass.value,
+				"style": slots.content ? void 0 : tokenStyle,
+				"ref": rootRef,
+				"role": "tablist",
+				"aria-orientation": props.direction,
+				"onKeydown": handleKeydown
+			}, [props.showLine && props.type === "default" && createVNode("li", {
+				"class": "w-tab-line",
+				"ref": lineRef,
+				"style": computedLineStyle.value,
+				"aria-hidden": "true"
+			}, null), processedData.value.map((item, index) => {
+				const slotOptions = createSlotOptions(index, item);
+				const label = getItemLabel(index);
+				const isActive = currentIndex.value === index;
+				const itemClosable = !item.disabled && (item.closable === true || props.closable && item.closable !== false);
+				return createVNode("li", {
+					"key": item[props.valueField] ?? index,
+					"ref": (el) => {
+						items.value[index] = el;
+						if (index === 0 && items.value.length > dataLength.value) items.value.length = dataLength.value;
+					},
+					"class": getItemClass(index, item),
+					"role": "tab",
+					"tabindex": isActive ? 0 : -1,
+					"aria-selected": isActive,
+					"aria-disabled": !!item.disabled,
+					"onClick": () => handleClick(index, item)
+				}, [slots.default ? slots.default(slotOptions) : createVNode("span", { "class": "w-tab-item-label" }, [label]), itemClosable && createVNode("span", {
+					"class": "w-tab-item-close",
+					"role": "button",
+					"tabindex": -1,
+					"aria-label": "close",
+					"onClick": (e) => handleClose(index, item, e)
+				}, [slots.close ? slots.close(slotOptions) : "×"])]);
+			})]);
+			if (!slots.content) return list;
+			const active = currentItem.value;
+			const panelScope = createSlotOptions(currentIndex.value, active || {
+				[props.labelField]: "",
+				[props.valueField]: void 0
+			});
+			return createVNode("div", {
+				"class": [
+					"w-tab-wrapper",
+					`w-tab-wrapper--${props.direction}`,
+					`w-tab-wrapper--${props.type}`
+				],
+				"style": tokenStyle
+			}, [list, createVNode("div", {
+				"class": "w-tab-panel",
+				"role": "tabpanel"
+			}, [slots.content(panelScope)])]);
+		};
+	}
+});
+//#endregion
+export { Tab as default };
+
+//# sourceMappingURL=Tab.js.map

package/dist/components/tab/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","names":["defineComponent","reactive","ref","computed","watch","nextTick","onMounted","onBeforeUnmount","createVNode","_createVNode","propColorToCssVars","propSizeToCssVars","toCssVarsStyle","TabImpl","name","props","modelValue","type","String","Number","Boolean","Object","default","undefined","index","data","Array","required","itemClass","activeItemClass","lineStyle","Function","direction","showLine","lineWidth","lineHeight","closable","labelField","valueField","color","size","cssVars","emits","value","change","item","click","close","slots","setup","emit","expose","rootRef","lineRef","items","currentIndex","linePos","left","top","width","height","processedData","isArray","map","_index","label","entries","key","dataLength","length","currentItem","currentValue","isVertical","computedLineStyle","parseFloat","x","y","transform","containerClass","clampIndex","Math","min","max","findIndexByValue","findIndex","findEnabledIndex","from","step","len","i","n","disabled","resolveIndexFromProps","byValue","syncActive","options","next","changed","emitChange","getItemLabel","getItemClass","filter","createSlotOptions","isActive","handleClick","handleClose","event","stopPropagation","handleKeydown","vertical","preventDefault","focus","list","active","deep","rafId","measureLine","root","activeItem","rootRect","getBoundingClientRect","itemRect","scheduleUpdate","requestAnimationFrame","flush","resizeObserver","ResizeObserver","observe","disconnect","cancelAnimationFrame","setIndex","setValue","tokenStyle","content","slotOptions","itemClosable","el","onClick","e","panelScope","Tab"],"sources":["../../../components/tab/Tab.tsx"],"sourcesContent":["import {\r\n  defineComponent,\r\n  reactive,\r\n  ref,\r\n  computed,\r\n  watch,\r\n  nextTick,\r\n  onMounted,\r\n  onBeforeUnmount,\r\n} from 'vue'\r\nimport type { PropType, SlotsType } from 'vue'\r\nimport { propColorToCssVars, propSizeToCssVars, toCssVarsStyle, type CssVars } from '../../util'\r\n\r\n// ==================== 类型定义 ====================\r\n\r\n/**\r\n * 标签项基础字段（勿加 [key: string]: any，否则会冲掉 label/value 提示）\r\n * 业务扩展字段通过 data 元素类型 T 自动带上\r\n */\r\nexport interface TabItem {\r\n  label?: string\r\n  value?: any\r\n  disabled?: boolean\r\n  closable?: boolean\r\n}\r\n\r\n/**\r\n * 标签数据源：对象数组 / 纯字符串数组 / 键值对对象\r\n */\r\nexport type TabData<T = TabItem> =\r\n  | T[]\r\n  | string[]\r\n  | number[]\r\n  | Record<string, any>\r\n\r\n/** 字符串/数字项在组件内会被规范化成 { label, value } */\r\nexport type NormalizedTabItem<T> = T extends string | number\r\n  ? { label: T; value: T; disabled?: boolean; closable?: boolean }\r\n  : T\r\n\r\ntype TabItemValue<T> =\r\n  NormalizedTabItem<T> extends { value?: infer V } ? V : any\r\n\r\ntype TabItemLabel<T> =\r\n  NormalizedTabItem<T> extends { label?: infer L } ? L : any\r\n\r\n/**\r\n * 插槽作用域；T 由 data 元素类型推断，一般不用手写\r\n */\r\nexport interface TabSlotScope<T = TabItem> {\r\n  index: number\r\n  item: NormalizedTabItem<T>\r\n  value: TabItemValue<T>\r\n  label: TabItemLabel<T>\r\n  isActive: boolean\r\n}\r\n\r\n/**\r\n * 线条位置类型\r\n */\r\nexport interface LinePosition {\r\n  left: number\r\n  top: number\r\n  width: number\r\n  height: number\r\n}\r\n\r\n/**\r\n * 标签方向\r\n */\r\nexport type TabDirection = 'horizontal' | 'vertical'\r\n\r\n/**\r\n * 标签类型\r\n */\r\nexport type TabType = 'default' | 'card' | 'border-card'\r\n\r\nexport type TabSlots<T = any> = {\r\n  default?: (scope: TabSlotScope<T>) => any\r\n  close?: (scope: TabSlotScope<T>) => any\r\n  /** 当前激活标签对应的内容区 */\r\n  content?: (scope: TabSlotScope<T>) => any\r\n}\r\n\r\nexport interface TabProps<T = any> {\r\n  modelValue?: any\r\n  index?: number\r\n  data?: TabData<T>\r\n  itemClass?:\r\n    | string\r\n    | Record<string, boolean>\r\n    | (string | Record<string, boolean>)[]\r\n  activeItemClass?:\r\n    | string\r\n    | Record<string, boolean>\r\n    | (string | Record<string, boolean>)[]\r\n  lineStyle?: (pos: LinePosition) => Record<string, string | number>\r\n  direction?: TabDirection\r\n  type?: TabType\r\n  showLine?: boolean\r\n  lineWidth?: number | string\r\n  lineHeight?: number | string\r\n  closable?: boolean\r\n  labelField?: string\r\n  valueField?: string\r\n  /** 品牌主色 → `--w-prop-tab-color` */\r\n  color?: string\r\n  /** 实例尺度（px）→ `--w-prop-tab-size` */\r\n  size?: number\r\n  /** 实例 CSS 变量 */\r\n  cssVars?: CssVars\r\n}\r\n\r\n/** Vue TSX：$props 含 v-slots，才能从 data 推断插槽 T */\r\nexport type TabJSXProps<T = any> = TabProps<T> & {\r\n  'v-slots'?: TabSlots<T>\r\n  vSlots?: TabSlots<T>\r\n  class?: unknown\r\n  style?: unknown\r\n  'onUpdate:modelValue'?: (value: any) => void\r\n  'onUpdate:index'?: (index: number) => void\r\n  onChange?: (value: any, index: number, item: NormalizedTabItem<T>) => void\r\n  onClick?: (value: any, index: number, item: NormalizedTabItem<T>) => void\r\n  onClose?: (value: any, index: number, item: NormalizedTabItem<T>) => void\r\n}\r\n\r\nexport type TabExpose = {\r\n  setIndex: (index: number) => void\r\n  setValue: (value: any) => void\r\n}\r\n\r\n/**\r\n * Vue JSX 通过 `$props` 取属性（不支持 `<Tab<T>>`）。\r\n * `<Tab data={list} v-slots={{ content: ({ item, value }) => ... }} />`\r\n * 会从 list 元素类型推断 item / value。\r\n */\r\nexport type TabComponent = {\r\n  new <T = any>(): TabExpose & {\r\n    $props: TabJSXProps<T>\r\n  }\r\n}\r\n\r\n// ==================== 组件定义 ====================\r\n\r\nconst TabImpl = defineComponent({\r\n  name: 'Tab',\r\n\r\n  props: {\r\n    /**\r\n     * 当前激活标签的值（v-model）\r\n     * 与 index 二选一即可；同时传入时以 modelValue 为准\r\n     */\r\n    modelValue: {\r\n      type: [String, Number, Boolean, Object] as PropType<any>,\r\n      default: undefined,\r\n    },\r\n\r\n    /**\r\n     * 当前激活标签索引（v-model:index）\r\n     * @default 0\r\n     */\r\n    index: {\r\n      type: Number,\r\n      default: 0,\r\n    },\r\n\r\n    /**\r\n     * 标签数据源\r\n     * 支持格式：\r\n     * - 对象数组: [{ label: '标签名', value: '值' }]\r\n     * - 纯字符串数组: ['标签1', '标签2']\r\n     * - 键值对对象: { '标签1': '值1', '标签2': '值2' }\r\n     */\r\n    data: {\r\n      type: [Array, Object] as PropType<TabData>,\r\n      required: true,\r\n    },\r\n\r\n    /**\r\n     * 自定义标签项 CSS 类名\r\n     */\r\n    itemClass: {\r\n      type: [String, Object, Array] as PropType<\r\n        string | Record<string, boolean> | (string | Record<string, boolean>)[]\r\n      >,\r\n    },\r\n\r\n    /**\r\n     * 激活态额外 CSS 类名\r\n     */\r\n    activeItemClass: {\r\n      type: [String, Object, Array] as PropType<\r\n        string | Record<string, boolean> | (string | Record<string, boolean>)[]\r\n      >,\r\n    },\r\n\r\n    /**\r\n     * 自定义指示线条样式\r\n     */\r\n    lineStyle: {\r\n      type: Function as PropType<\r\n        (pos: LinePosition) => Record<string, string | number>\r\n      >,\r\n    },\r\n\r\n    /**\r\n     * 标签方向\r\n     * @default 'horizontal'\r\n     */\r\n    direction: {\r\n      type: String as PropType<TabDirection>,\r\n      default: 'horizontal',\r\n    },\r\n\r\n    /**\r\n     * 标签类型\r\n     * @default 'default'\r\n     */\r\n    type: {\r\n      type: String as PropType<TabType>,\r\n      default: 'default',\r\n    },\r\n\r\n    /**\r\n     * 是否显示激活线条\r\n     * @default true\r\n     */\r\n    showLine: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n\r\n    /**\r\n     * 线条宽度，默认与标签内容宽度一致（水平方向）\r\n     */\r\n    lineWidth: {\r\n      type: [Number, String] as PropType<number | string>,\r\n    },\r\n\r\n    /**\r\n     * 线条高度，默认与标签内容高度一致（垂直方向）\r\n     * @default 2\r\n     */\r\n    lineHeight: {\r\n      type: [Number, String] as PropType<number | string>,\r\n      default: 2,\r\n    },\r\n\r\n    /**\r\n     * 是否可关闭\r\n     * @default false\r\n     */\r\n    closable: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n\r\n    /**\r\n     * 数据中标签文字的字段名\r\n     * @default 'label'\r\n     */\r\n    labelField: {\r\n      type: String,\r\n      default: 'label',\r\n    },\r\n\r\n    /**\r\n     * 数据中值的字段名\r\n     * @default 'value'\r\n     */\r\n    valueField: {\r\n      type: String,\r\n      default: 'value',\r\n    },\r\n\r\n    /** 品牌主色 → `--w-prop-tab-color` */\r\n    color: { type: String, default: undefined },\r\n    /** 实例尺度（px）→ `--w-prop-tab-size` */\r\n    size: { type: Number, default: undefined },\r\n    /** 实例 CSS 变量 */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n  },\r\n\r\n  emits: {\r\n    /**\r\n     * 值变化事件（用于 v-model）\r\n     */\r\n    'update:modelValue': (value: any) => true,\r\n\r\n    /**\r\n     * 索引变化事件（用于 v-model:index）\r\n     */\r\n    'update:index': (index: number) => true,\r\n\r\n    /**\r\n     * 切换标签时触发\r\n     */\r\n    change: (value: any, index: number, item: any) => true,\r\n\r\n    /**\r\n     * 点击标签时触发（无论是否切换）\r\n     */\r\n    click: (value: any, index: number, item: any) => true,\r\n\r\n    /**\r\n     * 关闭标签时触发\r\n     */\r\n    close: (value: any, index: number, item: any) => true,\r\n  },\r\n\r\n  slots: Object as SlotsType<TabSlots>,\r\n\r\n  setup(props, { emit, slots, expose }) {\r\n    const rootRef = ref<HTMLElement>()\r\n    const lineRef = ref<HTMLElement>()\r\n    const items = ref<(HTMLElement | null)[]>([])\r\n    const currentIndex = ref(0)\r\n\r\n    const linePos = reactive<LinePosition>({\r\n      left: 0,\r\n      top: 0,\r\n      width: 0,\r\n      height: 0,\r\n    })\r\n\r\n    const processedData = computed(() => {\r\n      const { data, labelField, valueField } = props\r\n\r\n      if (Array.isArray(data)) {\r\n        return data.map((item, index) => {\r\n          if (typeof item === 'string' || typeof item === 'number') {\r\n            return {\r\n              [labelField]: item,\r\n              [valueField]: item,\r\n              _index: index,\r\n            }\r\n          }\r\n          return {\r\n            ...item,\r\n            [labelField]: item[labelField] ?? item.label ?? String(index),\r\n            [valueField]:\r\n              item[valueField] !== undefined\r\n                ? item[valueField]\r\n                : item.value !== undefined\r\n                  ? item.value\r\n                  : index,\r\n            _index: index,\r\n          }\r\n        })\r\n      }\r\n\r\n      return Object.entries(data || {}).map(([key, value], index) => ({\r\n        [labelField]: key,\r\n        [valueField]: value,\r\n        _index: index,\r\n      }))\r\n    })\r\n\r\n    const dataLength = computed(() => processedData.value.length)\r\n\r\n    const currentItem = computed(\r\n      () => processedData.value[currentIndex.value] as TabItem | undefined,\r\n    )\r\n\r\n    const currentValue = computed(() => {\r\n      const item = currentItem.value\r\n      return item?.[props.valueField]\r\n    })\r\n\r\n    const isVertical = computed(() => props.direction === 'vertical')\r\n\r\n    const computedLineStyle = computed(() => {\r\n      const { lineStyle, lineWidth, lineHeight } = props\r\n\r\n      if (lineStyle) {\r\n        return lineStyle(linePos)\r\n      }\r\n\r\n      // 使用 transform: translate3d 进行位移，避免 left/top 过渡引发重排\r\n      if (isVertical.value) {\r\n        let height = linePos.height\r\n        if (lineHeight !== undefined) {\r\n          height =\r\n            typeof lineHeight === 'number'\r\n              ? lineHeight\r\n              : parseFloat(String(lineHeight))\r\n        }\r\n        const width =\r\n          lineWidth !== undefined\r\n            ? typeof lineWidth === 'number'\r\n              ? lineWidth\r\n              : parseFloat(String(lineWidth))\r\n            : 2\r\n\r\n        const x = linePos.left + linePos.width - width\r\n        const y =\r\n          lineHeight !== undefined\r\n            ? linePos.top + (linePos.height - height) / 2\r\n            : linePos.top\r\n\r\n        return {\r\n          transform: `translate3d(${x}px, ${y}px, 0)`,\r\n          width: `${width}px`,\r\n          height: `${height}px`,\r\n        }\r\n      }\r\n\r\n      let width = linePos.width\r\n      if (lineWidth !== undefined) {\r\n        width =\r\n          typeof lineWidth === 'number'\r\n            ? lineWidth\r\n            : parseFloat(String(lineWidth))\r\n      }\r\n      const height =\r\n        typeof lineHeight === 'number'\r\n          ? lineHeight\r\n          : parseFloat(String(lineHeight))\r\n\r\n      const x =\r\n        lineWidth !== undefined\r\n          ? linePos.left + (linePos.width - width) / 2\r\n          : linePos.left\r\n      const y = linePos.top + linePos.height - height\r\n\r\n      return {\r\n        transform: `translate3d(${x}px, ${y}px, 0)`,\r\n        width: `${width}px`,\r\n        height:\r\n          typeof lineHeight === 'number'\r\n            ? `${lineHeight}px`\r\n            : String(lineHeight),\r\n      }\r\n    })\r\n\r\n    const containerClass = computed(() => [\r\n      'w-tab',\r\n      `w-tab--${props.direction}`,\r\n      `w-tab--${props.type}`,\r\n      {\r\n        'w-tab--no-line': !props.showLine,\r\n        'w-tab--closable': props.closable,\r\n      },\r\n    ])\r\n\r\n    function clampIndex(index: number) {\r\n      if (dataLength.value <= 0) return 0\r\n      return Math.min(Math.max(index, 0), dataLength.value - 1)\r\n    }\r\n\r\n    function findIndexByValue(value: any) {\r\n      return processedData.value.findIndex(\r\n        (item) => item[props.valueField] === value,\r\n      )\r\n    }\r\n\r\n    function findEnabledIndex(from: number, step: 1 | -1) {\r\n      const len = dataLength.value\r\n      if (len <= 0) return -1\r\n      let i = from\r\n      for (let n = 0; n < len; n++) {\r\n        i = (i + step + len) % len\r\n        if (!processedData.value[i]?.disabled) return i\r\n      }\r\n      return -1\r\n    }\r\n\r\n    function resolveIndexFromProps() {\r\n      if (props.modelValue !== undefined) {\r\n        const byValue = findIndexByValue(props.modelValue)\r\n        if (byValue !== -1) return byValue\r\n      }\r\n      return clampIndex(props.index ?? 0)\r\n    }\r\n\r\n    function syncActive(index: number, options?: { emitChange?: boolean }) {\r\n      const next = clampIndex(index)\r\n      const item = processedData.value[next]\r\n      if (!item || item.disabled) return\r\n\r\n      const value = item[props.valueField]\r\n      const changed = currentIndex.value !== next\r\n      currentIndex.value = next\r\n\r\n      emit('update:index', next)\r\n      emit('update:modelValue', value)\r\n      if (changed && options?.emitChange !== false) {\r\n        emit('change', value, next, item)\r\n      }\r\n    }\r\n\r\n    function getItemLabel(index: number) {\r\n      return processedData.value[index]?.[props.labelField]\r\n    }\r\n\r\n    function getItemClass(index: number, item: any) {\r\n      return [\r\n        'w-tab-item',\r\n        props.itemClass,\r\n        {\r\n          'w-tab-item-active': currentIndex.value === index,\r\n          'w-tab-item-disabled': item.disabled,\r\n        },\r\n        currentIndex.value === index && props.activeItemClass,\r\n      ].filter(Boolean)\r\n    }\r\n\r\n    function createSlotOptions(index: number, item: any): TabSlotScope {\r\n      return {\r\n        index,\r\n        item,\r\n        value: item?.[props.valueField],\r\n        label: item?.[props.labelField],\r\n        isActive: currentIndex.value === index,\r\n      }\r\n    }\r\n\r\n    function handleClick(index: number, item: any) {\r\n      const value = item[props.valueField]\r\n      emit('click', value, index, item)\r\n      if (item.disabled) return\r\n      if (currentIndex.value !== index) {\r\n        syncActive(index)\r\n      }\r\n    }\r\n\r\n    function handleClose(index: number, item: any, event: Event) {\r\n      event.stopPropagation()\r\n      emit('close', item[props.valueField], index, item)\r\n    }\r\n\r\n    function handleKeydown(event: KeyboardEvent) {\r\n      const { key } = event\r\n      const vertical = isVertical.value\r\n      let next = -1\r\n\r\n      if (\r\n        (vertical && key === 'ArrowDown') ||\r\n        (!vertical && key === 'ArrowRight')\r\n      ) {\r\n        next = findEnabledIndex(currentIndex.value, 1)\r\n      } else if (\r\n        (vertical && key === 'ArrowUp') ||\r\n        (!vertical && key === 'ArrowLeft')\r\n      ) {\r\n        next = findEnabledIndex(currentIndex.value, -1)\r\n      } else if (key === 'Home') {\r\n        next = findEnabledIndex(-1, 1)\r\n      } else if (key === 'End') {\r\n        next = findEnabledIndex(dataLength.value, -1)\r\n      } else {\r\n        return\r\n      }\r\n\r\n      if (next === -1) return\r\n      event.preventDefault()\r\n      syncActive(next)\r\n      nextTick(() => items.value[next]?.focus())\r\n    }\r\n\r\n    // 外部 modelValue / index 同步\r\n    watch(\r\n      () => props.modelValue,\r\n      (value) => {\r\n        if (value === undefined) return\r\n        const i = findIndexByValue(value)\r\n        if (i !== -1 && i !== currentIndex.value) {\r\n          currentIndex.value = i\r\n        }\r\n      },\r\n    )\r\n\r\n    watch(\r\n      () => props.index,\r\n      (index) => {\r\n        // 仅在未使用 v-model 时跟随 index，避免与 modelValue 抢控制权\r\n        if (props.modelValue !== undefined) return\r\n        const next = clampIndex(index)\r\n        if (next !== currentIndex.value) {\r\n          currentIndex.value = next\r\n        }\r\n      },\r\n    )\r\n\r\n    // 数据变化：校正越界 / 已被删除的选中项\r\n    watch(\r\n      processedData,\r\n      (list) => {\r\n        if (!list.length) {\r\n          currentIndex.value = 0\r\n          return\r\n        }\r\n\r\n        if (props.modelValue !== undefined) {\r\n          const byValue = findIndexByValue(props.modelValue)\r\n          if (byValue !== -1) {\r\n            if (byValue !== currentIndex.value) currentIndex.value = byValue\r\n            return\r\n          }\r\n          // 当前值已被移除：落到邻近可用项，并回写 v-model\r\n          const next = clampIndex(currentIndex.value)\r\n          const item = list[next]\r\n          currentIndex.value = next\r\n          if (item) {\r\n            emit('update:index', next)\r\n            emit('update:modelValue', item[props.valueField])\r\n          }\r\n          return\r\n        }\r\n\r\n        if (currentIndex.value >= list.length) {\r\n          const next = clampIndex(list.length - 1)\r\n          const item = list[next]\r\n          currentIndex.value = next\r\n          if (item) {\r\n            emit('update:index', next)\r\n            emit('update:modelValue', item[props.valueField])\r\n          }\r\n          return\r\n        }\r\n\r\n        const active = list[currentIndex.value]\r\n        if (active?.disabled) {\r\n          const next = findEnabledIndex(currentIndex.value - 1, 1)\r\n          if (next !== -1) {\r\n            syncActive(next, { emitChange: false })\r\n          }\r\n        }\r\n      },\r\n      { deep: true },\r\n    )\r\n\r\n    // 初始化选中项\r\n    currentIndex.value = resolveIndexFromProps()\r\n\r\n    // 使用 rAF 调度测量，避免在响应式同步阶段连续读 rect 触发强制重排\r\n    let rafId: number | null = null\r\n\r\n    function measureLine() {\r\n      const root = rootRef.value\r\n      if (!root || !items.value?.length) return\r\n\r\n      const activeItem = items.value[currentIndex.value]\r\n      if (!activeItem) {\r\n        linePos.width = 0\r\n        linePos.height = 0\r\n        return\r\n      }\r\n\r\n      // 一次性读取 root 与 item 的 rect，相减得到相对坐标；\r\n      // 比 getOffset 遍历 offsetParent 更快且语义更准确\r\n      const rootRect = root.getBoundingClientRect()\r\n      const itemRect = activeItem.getBoundingClientRect()\r\n\r\n      linePos.left = itemRect.left - rootRect.left\r\n      linePos.top = itemRect.top - rootRect.top\r\n      linePos.width = itemRect.width\r\n      linePos.height = itemRect.height\r\n    }\r\n\r\n    function scheduleUpdate() {\r\n      if (rafId != null) return\r\n      if (typeof requestAnimationFrame === 'undefined') {\r\n        measureLine()\r\n        return\r\n      }\r\n      rafId = requestAnimationFrame(() => {\r\n        rafId = null\r\n        measureLine()\r\n      })\r\n    }\r\n\r\n    // currentIndex / direction / 数据变化后重新测量\r\n    watch(\r\n      [currentIndex, () => props.direction, processedData],\r\n      () => {\r\n        scheduleUpdate()\r\n      },\r\n      { flush: 'post' },\r\n    )\r\n\r\n    // 监听容器尺寸变化（窗口缩放、字体延迟加载等）\r\n    let resizeObserver: ResizeObserver | null = null\r\n    onMounted(() => {\r\n      scheduleUpdate()\r\n      if (typeof ResizeObserver !== 'undefined' && rootRef.value) {\r\n        resizeObserver = new ResizeObserver(() => scheduleUpdate())\r\n        resizeObserver.observe(rootRef.value)\r\n      }\r\n    })\r\n\r\n    onBeforeUnmount(() => {\r\n      resizeObserver?.disconnect()\r\n      resizeObserver = null\r\n      if (rafId != null) {\r\n        cancelAnimationFrame(rafId)\r\n        rafId = null\r\n      }\r\n    })\r\n\r\n    expose({\r\n      currentIndex,\r\n      currentItem,\r\n      currentValue,\r\n      processedData,\r\n      setIndex: (index: number) => {\r\n        if (index >= 0 && index < dataLength.value) {\r\n          handleClick(index, processedData.value[index])\r\n        }\r\n      },\r\n      setValue: (value: any) => {\r\n        const index = findIndexByValue(value)\r\n        if (index !== -1) {\r\n          handleClick(index, processedData.value[index])\r\n        }\r\n      },\r\n    })\r\n\r\n    return () => {\r\n      const tokenStyle = toCssVarsStyle({\r\n        ...propSizeToCssVars('tab', props.size),\r\n        ...propColorToCssVars('tab', props.color),\r\n        ...props.cssVars,\r\n      })\r\n\r\n      const list = (\r\n        <ul\r\n          class={containerClass.value}\r\n          style={slots.content ? undefined : tokenStyle}\r\n          ref={rootRef}\r\n          role=\"tablist\"\r\n          aria-orientation={props.direction}\r\n          onKeydown={handleKeydown}>\r\n          {props.showLine && props.type === 'default' && (\r\n            <li\r\n              class=\"w-tab-line\"\r\n              ref={lineRef}\r\n              style={computedLineStyle.value}\r\n              aria-hidden=\"true\"\r\n            />\r\n          )}\r\n\r\n          {processedData.value.map((item, index) => {\r\n            const slotOptions = createSlotOptions(index, item)\r\n            const label = getItemLabel(index)\r\n            const isActive = currentIndex.value === index\r\n            const itemClosable =\r\n              !item.disabled &&\r\n              (item.closable === true ||\r\n                (props.closable && item.closable !== false))\r\n\r\n            return (\r\n              <li\r\n                key={item[props.valueField] ?? index}\r\n                ref={(el: HTMLElement | null) => {\r\n                  items.value[index] = el\r\n                  if (index === 0 && items.value.length > dataLength.value) {\r\n                    items.value.length = dataLength.value\r\n                  }\r\n                }}\r\n                class={getItemClass(index, item)}\r\n                role=\"tab\"\r\n                tabindex={isActive ? 0 : -1}\r\n                aria-selected={isActive}\r\n                aria-disabled={!!item.disabled}\r\n                onClick={() => handleClick(index, item)}>\r\n                {slots.default ? (\r\n                  slots.default(slotOptions)\r\n                ) : (\r\n                  <span class=\"w-tab-item-label\">{label}</span>\r\n                )}\r\n\r\n                {itemClosable && (\r\n                  <span\r\n                    class=\"w-tab-item-close\"\r\n                    role=\"button\"\r\n                    tabindex={-1}\r\n                    aria-label=\"close\"\r\n                    onClick={(e) => handleClose(index, item, e)}>\r\n                    {slots.close ? slots.close(slotOptions) : '×'}\r\n                  </span>\r\n                )}\r\n              </li>\r\n            )\r\n          })}\r\n        </ul>\r\n      )\r\n\r\n      if (!slots.content) {\r\n        return list\r\n      }\r\n\r\n      const active = currentItem.value\r\n      const panelScope = createSlotOptions(\r\n        currentIndex.value,\r\n        active || { [props.labelField]: '', [props.valueField]: undefined },\r\n      )\r\n\r\n      return (\r\n        <div\r\n          class={[\r\n            'w-tab-wrapper',\r\n            `w-tab-wrapper--${props.direction}`,\r\n            `w-tab-wrapper--${props.type}`,\r\n          ]}\r\n          style={tokenStyle}>\r\n          {list}\r\n          <div class=\"w-tab-panel\" role=\"tabpanel\">\r\n            {slots.content(panelScope)}\r\n          </div>\r\n        </div>\r\n      )\r\n    }\r\n  },\r\n})\r\n\r\nconst Tab = TabImpl as unknown as TabComponent\r\n\r\n/** 实例类型；一般写 `InstanceType<typeof Tab>` 即可 */\r\nexport type TabInstance = InstanceType<TabComponent>\r\n\r\nexport default Tab\r\n"],"mappings":"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"}

package/dist/components/tab/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Tab';
+export type * from './Tab';

package/dist/components/tab/style/index.css

@@ -0,0 +1 @@
+@import '../../../theme/tokens/components/tab.css';

package/dist/components/textarea/Textarea.d.ts

@@ -0,0 +1,37 @@
+import { CssVars } from '../../util';
+export type { TextareaGlobalConfig } from './config';
+export { TEXTAREA_FALLBACK } from './config';
+export type TextareaProps = {
+    modelValue?: string;
+    size?: number;
+    color?: string;
+    placeholder?: string;
+    maxlength?: number;
+    disabled?: boolean;
+    readonly?: boolean;
+    block?: boolean;
+    /** 停输后触发 save 的防抖毫秒；默认 3000 */
+    saveDelay?: number;
+    validateEvent?: boolean;
+    cssVars?: CssVars;
+};
+export type TextareaJSXProps = TextareaProps & Omit<JSX.IntrinsicElements['div'], keyof TextareaProps | 'ref' | 'onInput' | 'onChange'>;
+export type TextareaExpose = {
+    focus: () => void;
+    blur: () => void;
+    select: () => void;
+    textarea: HTMLTextAreaElement | undefined;
+};
+export type TextareaComponent = {
+    new (): {
+        $props: TextareaJSXProps;
+        $emit: {
+            (e: 'update:modelValue', value: string): void;
+            (e: 'input', value: string): void;
+            (e: 'change', value: string): void;
+            (e: 'save', value: string): void;
+        };
+    } & TextareaExpose;
+};
+declare const _default: TextareaComponent;
+export default _default;