@will-ui/vue 1.0.0

package/dist/components/svgIcon/SvgIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgIcon.js","names":["defineComponent","mergeProps","createVNode","_createVNode","ICON_PATHS","play","pause","prev","next","volume","playlist","music","close","fit","reset","PLAY_MODE_ICON","sequential","random","resolvePlayModeIconName","mode","SvgIcon","name","inheritAttrs","props","type","String","required","size","Number","default","viewBox","setup","attrs","slots","paths","pathList","Array","isArray","svgProps","class","width","height","fill","focusable","map","d"],"sources":["../../../components/svgIcon/SvgIcon.tsx"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport { defineComponent, mergeProps } from 'vue'\r\n\r\n/** 内置矢量图标名称（媒体 / 通用） */\r\nexport type SvgIconName =\r\n  | 'play'\r\n  | 'pause'\r\n  | 'prev'\r\n  | 'next'\r\n  | 'volume'\r\n  | 'volume-off'\r\n  | 'playlist'\r\n  | 'music'\r\n  | 'chevron-down'\r\n  | 'close'\r\n  | 'mode-sequential'\r\n  | 'mode-random'\r\n  | 'mode-single-loop'\r\n  | 'mode-list-loop'\r\n  | 'rotate-left'\r\n  | 'rotate-right'\r\n  | 'flip-x'\r\n  | 'flip-y'\r\n  | 'zoom-in'\r\n  | 'zoom-out'\r\n  | 'fit'\r\n  | 'reset'\r\n\r\nconst ICON_PATHS: Record<SvgIconName, string | string[]> = {\r\n  play: 'M8 5v14l11-7L8 5z',\r\n  pause: 'M6 5h4v14H6V5zm8 0h4v14h-4V5z',\r\n  prev: 'M6 6h2v12H6V6zm3.5 6l8.5 6V6l-8.5 6z',\r\n  next: 'M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z',\r\n  volume:\r\n    'M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z',\r\n  'volume-off':\r\n    'M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0021 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 003.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z',\r\n  playlist:\r\n    'M15 6H3v2h12V6zm0 4H3v2h12v-2zM3 16h8v2H3v-2zM17 6v8.18c-.31-.11-.65-.18-1-.18-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3V8h3V6h-5z',\r\n  music: 'M12 3v10.55A4 4 0 1014 17V7h4V3h-6z',\r\n  'chevron-down': 'M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z',\r\n  close:\r\n    'M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z',\r\n  'mode-sequential': 'M3 6h18v2H3V6zm0 5h18v2H3v-2zm0 5h12v2H3v-2z',\r\n  'mode-random':\r\n    'M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z',\r\n  'mode-single-loop':\r\n    'M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4zm-4-2V9h-1l-2 1v1h1.5v4H13z',\r\n  'mode-list-loop':\r\n    'M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z',\r\n  'rotate-left':\r\n    'M7.11 8.53L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47zM6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47zm1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03L7.1 18.32zM13 4.07V1L8.45 5.55 13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93z',\r\n  'rotate-right':\r\n    'M15.55 5.55L11 1v3.07C7.06 4.56 4 7.92 4 12s3.05 7.44 7 7.93v-2.02c-2.84-.48-5-2.94-5-5.91s2.16-5.43 5-5.91V10l4.55-4.45zM19.93 11c-.17-1.39-.72-2.73-1.62-3.89l-1.42 1.42c.54.75.88 1.6 1.02 2.47h2.02zM13 17.9v2.02c1.39-.17 2.74-.71 3.9-1.61l-1.44-1.44c-.75.54-1.59.89-2.46 1.03zm3.89-2.42l1.42 1.41c.9-1.16 1.45-2.5 1.62-3.89h-2.02c-.14.87-.48 1.72-1.02 2.48z',\r\n  'flip-x':\r\n    'M15 21h2v-2h-2v2zm4-12h2V7h-2v2zM3 5v14c0 1.1.9 2 2 2h4v-2H5V5h4V3H5c-1.1 0-2 .9-2 2zm16-2v2h2c0-1.1-.9-2-2-2zm-8 20h2V1h-2v22zm8-6h2v-2h-2v2zM15 5h2V3h-2v2zm4 8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2z',\r\n  'flip-y':\r\n    'M3 15v2h2v-2H3zm12 4v2h2v-2h-2zM5 3v14c0 1.1.9 2 2 2h14v-4h-2v2H7V3H5zm16 16h-2v2c1.1 0 2-.9 2-2zM3 9h2V7H3v2zm18 8v-2h2v2h-2zM3 19h2v-2H3v2zM21 1H9v2h12v12h2V3c0-1.1-.9-2-2-2zm-8 8h2V7h-2v2zm0 4h2v-2h-2v2zm-4-4h2V7H9v2zm0 4h2v-2H9v2z',\r\n  'zoom-in':\r\n    'M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM10 9V7H9v2H7v1h2v2h1v-2h2V9h-2z',\r\n  'zoom-out':\r\n    'M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14zM7 9h5v1H7V9z',\r\n  fit: 'M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z',\r\n  reset:\r\n    'M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z',\r\n}\r\n\r\nconst PLAY_MODE_ICON: Record<string, SvgIconName> = {\r\n  sequential: 'mode-sequential',\r\n  random: 'mode-random',\r\n  'single-loop': 'mode-single-loop',\r\n  'list-loop': 'mode-list-loop',\r\n}\r\n\r\nexport function resolvePlayModeIconName(mode: string): SvgIconName {\r\n  return PLAY_MODE_ICON[mode] || 'mode-sequential'\r\n}\r\n\r\nconst SvgIcon = defineComponent({\r\n  name: 'SvgIcon',\r\n  inheritAttrs: false,\r\n  props: {\r\n    name: {\r\n      type: String as PropType<SvgIconName>,\r\n      required: true,\r\n    },\r\n    size: {\r\n      type: [Number, String] as PropType<number | string>,\r\n      default: 18,\r\n    },\r\n    viewBox: {\r\n      type: String,\r\n      default: '0 0 24 24',\r\n    },\r\n  },\r\n  setup(props, { attrs, slots }) {\r\n    return () => {\r\n      const size =\r\n        typeof props.size === 'number' ? props.size : props.size\r\n      const paths = ICON_PATHS[props.name]\r\n      const pathList = paths\r\n        ? Array.isArray(paths)\r\n          ? paths\r\n          : [paths]\r\n        : []\r\n\r\n      const svgProps = mergeProps(\r\n        {\r\n          class: 'w-svg-icon',\r\n          width: size,\r\n          height: size,\r\n          viewBox: props.viewBox,\r\n          fill: 'currentColor',\r\n          'aria-hidden': 'true',\r\n          focusable: 'false',\r\n        },\r\n        attrs,\r\n      )\r\n\r\n      return (\r\n        <svg {...svgProps}>\r\n          {slots.default\r\n            ? slots.default()\r\n            : pathList.map((d) => <path key={d} d={d} />)}\r\n        </svg>\r\n      )\r\n    }\r\n  },\r\n})\r\n\r\nexport default SvgIcon\r\nexport { ICON_PATHS }\r\n"],"mappings":";;;AA4BA,IAAMI,aAAqD;CACzDC,MAAM;CACNC,OAAO;CACPC,MAAM;CACNC,MAAM;CACNC,QACE;CACF,cACE;CACFC,UACE;CACFC,OAAO;CACP,gBAAgB;CAChBC,OACE;CACF,mBAAmB;CACnB,eACE;CACF,oBACE;CACF,kBACE;CACF,eACE;CACF,gBACE;CACF,UACE;CACF,UACE;CACF,WACE;CACF,YACE;CACFC,KAAK;CACLC,OACE;AACJ;AAEA,IAAMC,iBAA8C;CAClDC,YAAY;CACZC,QAAQ;CACR,eAAe;CACf,aAAa;AACf;AAEA,SAAgBC,wBAAwBC,MAA2B;CACjE,OAAOJ,eAAeI,SAAS;AACjC;AAEA,IAAMC,UAAUpB,gCAAgB;CAC9BqB,MAAM;CACNC,cAAc;CACdC,OAAO;EACLF,MAAM;GACJG,MAAMC;GACNC,UAAU;EACZ;EACAC,MAAM;GACJH,MAAM,CAACI,QAAQH,MAAM;GACrBI,SAAS;EACX;EACAC,SAAS;GACPN,MAAMC;GACNI,SAAS;EACX;CACF;CACAE,MAAMR,OAAO,EAAES,OAAOC,SAAS;EAC7B,aAAa;GACX,MAAMN,OACJ,OAAOJ,MAAMI,SAAS,WAAWJ,MAAMI,OAAOJ,MAAMI;GACtD,MAAMO,QAAQ9B,WAAWmB,MAAMF;GAC/B,MAAMc,WAAWD,QACbE,MAAMC,QAAQH,KAAK,IACjBA,QACA,CAACA,KAAK,IACR,CAAA;GAEJ,MAAMI,WAAWrC,WACf;IACEsC,OAAO;IACPC,OAAOb;IACPc,QAAQd;IACRG,SAASP,MAAMO;IACfY,MAAM;IACN,eAAe;IACfC,WAAW;GACb,GACAX,KACF;GAEA,OAAA7B,YAAA,OACWmC,UAAQ,CACdL,MAAMJ,UACHI,MAAMJ,QAAQ,IACdM,SAASS,KAAKC,MAAC1C,YAAA,QAAA;IAAA,OAAgB0C;IAAC,KAAKA;GAAC,GAAA,IAAA,CAAI,CAAC,CAAA;EAGrD;CACF;AACF,CAAC"}

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

@@ -0,0 +1,3 @@
+export { default } from './SvgIcon';
+export type { SvgIconName } from './SvgIcon';
+export { resolvePlayModeIconName, ICON_PATHS } from './SvgIcon';

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

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

package/dist/components/switch/Switch.d.ts

@@ -0,0 +1,105 @@
+import { PropType } from 'vue';
+import { CssVars } from '../../util';
+export type { SwitchGlobalConfig } from './config';
+export { SWITCH_FALLBACK } from './config';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        default: any;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor | BooleanConstructor)[];
+        default: number;
+    };
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    trueValue: {
+        type: (NumberConstructor | StringConstructor | BooleanConstructor)[];
+        default: any;
+    };
+    falseValue: {
+        type: (NumberConstructor | StringConstructor | BooleanConstructor)[];
+        default: any;
+    };
+    /** 实例尺度 → `--w-prop-switch-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 品牌主色 → `--w-prop-switch-color`（可被 onColor 覆盖开态） */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量（如 `--w-prop-switch-size` 以外的覆盖） */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    onColor: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: any;
+    };
+    offColor: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        default: any;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor | BooleanConstructor)[];
+        default: number;
+    };
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    trueValue: {
+        type: (NumberConstructor | StringConstructor | BooleanConstructor)[];
+        default: any;
+    };
+    falseValue: {
+        type: (NumberConstructor | StringConstructor | BooleanConstructor)[];
+        default: any;
+    };
+    /** 实例尺度 → `--w-prop-switch-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 品牌主色 → `--w-prop-switch-color`（可被 onColor 覆盖开态） */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量（如 `--w-prop-switch-size` 以外的覆盖） */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    onColor: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: any;
+    };
+    offColor: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: any;
+    };
+}>> & Readonly<{
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+    data: unknown[];
+    size: number;
+    color: string;
+    cssVars: CssVars;
+    modelValue: string | number | boolean;
+    disabled: boolean;
+    trueValue: string | number | boolean;
+    falseValue: string | number | boolean;
+    onColor: string | unknown[];
+    offColor: string | unknown[];
+    readonly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/switch/Switch.js

@@ -0,0 +1,158 @@
+import useComponentConfig from "../../use/useComponentConfig.js";
+import { propColorToCssVars, propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import useFormItem from "../../use/useFormItem.js";
+import { SWITCH_FALLBACK } from "./config.js";
+import { computed, createVNode, defineComponent } from "vue";
+//#region components/switch/Switch.tsx
+function isOn(v) {
+	return Number(v) >= 1 || v === true;
+}
+function isInterceptProperty(prop) {
+	return ["width", "height"].indexOf(prop) > -1;
+}
+/** 当前值在 data 中的下标；严格匹配失败时按开/关语义兜底（避免 false 对 [0,1] 点两次） */
+function resolveIndex(val, list) {
+	const exact = list.findIndex((d) => Object.is(d, val) || d === val);
+	if (exact >= 0) return exact;
+	const on = isOn(val);
+	const byState = list.findIndex((d) => isOn(d) === on);
+	return byState >= 0 ? byState : 0;
+}
+var Switch_default = /* @__PURE__ */ defineComponent({
+	name: "Switch",
+	inheritAttrs: false,
+	props: {
+		data: {
+			type: Array,
+			default: void 0
+		},
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: 0
+		},
+		disabled: Boolean,
+		readonly: Boolean,
+		trueValue: {
+			type: [
+				Boolean,
+				Number,
+				String
+			],
+			default: void 0
+		},
+		falseValue: {
+			type: [
+				Boolean,
+				Number,
+				String
+			],
+			default: void 0
+		},
+		/** 实例尺度 → `--w-prop-switch-size` */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 品牌主色 → `--w-prop-switch-color`（可被 onColor 覆盖开态） */
+		color: {
+			type: String,
+			default: void 0
+		},
+		/** 实例 CSS 变量（如 `--w-prop-switch-size` 以外的覆盖） */
+		cssVars: {
+			type: Object,
+			default: void 0
+		},
+		onColor: {
+			type: [String, Array],
+			default: void 0
+		},
+		offColor: {
+			type: [String, Array],
+			default: void 0
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(props, { emit, attrs, slots }) {
+		const { formItem, useDisabled } = useFormItem();
+		const cfg = useComponentConfig("Switch", props, SWITCH_FALLBACK);
+		const disabled = useDisabled(computed(() => props.disabled));
+		const useCustomValues = computed(() => props.trueValue !== void 0 && props.falseValue !== void 0);
+		/** 未传 data 且当前是 boolean 时，按 true↔false 切换（常见业务绑定） */
+		const toggleData = computed(() => {
+			if (useCustomValues.value) return [props.trueValue, props.falseValue];
+			if (props.data != null) return props.data;
+			if (typeof props.modelValue === "boolean") return [false, true];
+			return [0, 1];
+		});
+		const _isOn = computed(() => {
+			if (useCustomValues.value) return props.modelValue === props.trueValue;
+			return isOn(props.modelValue);
+		});
+		function nextValue() {
+			if (useCustomValues.value) return props.modelValue === props.trueValue ? props.falseValue : props.trueValue;
+			if (typeof props.modelValue === "boolean" && props.data == null) return !props.modelValue;
+			const list = toggleData.value;
+			if (!list.length) return props.modelValue;
+			return list[(resolveIndex(props.modelValue, list) + 1) % list.length];
+		}
+		function toToggle() {
+			const _v = nextValue();
+			emit("update:modelValue", _v);
+			emit("change", _v);
+			formItem?.validate("change");
+		}
+		const ps = computed(() => {
+			let _sty = { ...toCssVarsStyle({
+				...propSizeToCssVars("switch", cfg.value.size),
+				...propColorToCssVars("switch", cfg.value.color),
+				...props.cssVars
+			}) };
+			let { style, klass, ...rest } = attrs;
+			let sty = style;
+			if (sty) for (const pr in sty) if (isInterceptProperty(pr)) _sty[`--__switch-${pr}`] = sty[pr];
+			else _sty[pr] = sty[pr];
+			const o = {
+				class: [
+					"w-switch",
+					{
+						"w-switch--on": _isOn.value,
+						"w-switch--disabled": disabled.value
+					},
+					klass
+				],
+				style: _sty,
+				...rest
+			};
+			const mergedOnColor = cfg.value.onColor;
+			const mergedOffColor = cfg.value.offColor;
+			if (mergedOnColor) {
+				if (typeof mergedOnColor === "string") o.style["--__on-color"] = mergedOnColor;
+				else {
+					o.style["--__on-color"] = mergedOnColor[0];
+					o.style["--__on-valve-color"] = mergedOnColor[1];
+				}
+			}
+			if (mergedOffColor) {
+				if (typeof mergedOffColor === "string") o.style["--__off-color"] = mergedOffColor;
+				else {
+					o.style["--__off-color"] = mergedOffColor[0];
+					o.style["--__off-valve-color"] = mergedOffColor[1];
+				}
+			}
+			if (!disabled.value && !props.readonly) o.onClick = toToggle;
+			return o;
+		});
+		return () => {
+			return createVNode("i", ps.value, [_isOn.value ? slots.on?.() : slots.off?.()]);
+		};
+	}
+});
+//#endregion
+export { Switch_default as default };
+
+//# sourceMappingURL=Switch.js.map

package/dist/components/switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["computed","defineComponent","createVNode","_createVNode","useComponentConfig","useFormItem","propColorToCssVars","propSizeToCssVars","toCssVarsStyle","SWITCH_FALLBACK","isOn","v","Number","isInterceptProperty","prop","indexOf","resolveIndex","val","list","exact","findIndex","d","Object","is","on","byState","name","inheritAttrs","props","data","type","Array","default","undefined","modelValue","String","Boolean","disabled","readonly","trueValue","falseValue","size","color","cssVars","onColor","offColor","emits","setup","emit","attrs","slots","formItem","useDisabled","cfg","useCustomValues","toggleData","value","_isOn","nextValue","length","idx","toToggle","_v","validate","ps","_sty","style","klass","rest","sty","pr","o","class","mergedOnColor","mergedOffColor","onClick","off"],"sources":["../../../components/switch/Switch.tsx"],"sourcesContent":["import { computed, defineComponent, type PropType } from 'vue'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport useFormItem from '../../use/useFormItem'\r\nimport {\r\n  propColorToCssVars,\r\n  propSizeToCssVars,\r\n  toCssVarsStyle,\r\n  type CssVars,\r\n} from '../../util'\r\nimport { SWITCH_FALLBACK } from './config'\r\n\r\nexport type { SwitchGlobalConfig } from './config'\r\nexport { SWITCH_FALLBACK } from './config'\r\n\r\nfunction isOn(v: string | boolean | number) {\r\n  return Number(v) >= 1 || v === true\r\n}\r\n\r\nfunction isInterceptProperty(prop: string): boolean {\r\n  return ['width', 'height'].indexOf(prop) > -1\r\n}\r\n\r\n/** 当前值在 data 中的下标；严格匹配失败时按开/关语义兜底（避免 false 对 [0,1] 点两次） */\r\nfunction resolveIndex(\r\n  val: string | number | boolean | undefined,\r\n  list: Array<string | number | boolean>,\r\n): number {\r\n  const exact = list.findIndex((d) => Object.is(d, val) || d === val)\r\n  if (exact >= 0) return exact\r\n  const on = isOn(val as any)\r\n  const byState = list.findIndex((d) => isOn(d) === on)\r\n  return byState >= 0 ? byState : 0\r\n}\r\n\r\nexport default defineComponent({\r\n  name: 'Switch',\r\n  inheritAttrs: false,\r\n  props: {\r\n    data: {\r\n      type: Array,\r\n      default: undefined,\r\n    },\r\n    modelValue: {\r\n      type: [String, Number, Boolean],\r\n      default: 0,\r\n    },\r\n    disabled: Boolean,\r\n    readonly: Boolean,\r\n    trueValue: {\r\n      type: [Boolean, Number, String],\r\n      default: undefined,\r\n    },\r\n    falseValue: {\r\n      type: [Boolean, Number, String],\r\n      default: undefined,\r\n    },\r\n    /** 实例尺度 → `--w-prop-switch-size` */\r\n    size: { type: Number, default: undefined },\r\n    /** 品牌主色 → `--w-prop-switch-color`（可被 onColor 覆盖开态） */\r\n    color: { type: String, default: undefined },\r\n    /** 实例 CSS 变量（如 `--w-prop-switch-size` 以外的覆盖） */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n    // 默认 undefined，才能吃到全局 components.Switch 配置\r\n    onColor: { type: [String, Array], default: undefined },\r\n    offColor: { type: [String, Array], default: undefined },\r\n  },\r\n  emits: ['update:modelValue', 'change'],\r\n  setup(props, { emit, attrs, slots }) {\r\n    const { formItem, useDisabled } = useFormItem()\r\n    const cfg = useComponentConfig('Switch', props, SWITCH_FALLBACK)\r\n    const disabled = useDisabled(computed(() => props.disabled))\r\n\r\n    const useCustomValues = computed(\r\n      () => props.trueValue !== undefined && props.falseValue !== undefined,\r\n    )\r\n\r\n    /** 未传 data 且当前是 boolean 时，按 true↔false 切换（常见业务绑定） */\r\n    const toggleData = computed(() => {\r\n      if (useCustomValues.value) {\r\n        return [props.trueValue!, props.falseValue!]\r\n      }\r\n      if (props.data != null) {\r\n        return props.data as Array<string | number | boolean>\r\n      }\r\n      if (typeof props.modelValue === 'boolean') {\r\n        return [false, true]\r\n      }\r\n      return [0, 1]\r\n    })\r\n\r\n    const _isOn = computed(() => {\r\n      if (useCustomValues.value) {\r\n        return props.modelValue === props.trueValue\r\n      }\r\n      return isOn(props.modelValue as any)\r\n    })\r\n\r\n    function nextValue() {\r\n      if (useCustomValues.value) {\r\n        return props.modelValue === props.trueValue\r\n          ? props.falseValue!\r\n          : props.trueValue!\r\n      }\r\n      // 纯 boolean、且未自定义 data：直接取反，保持类型\r\n      if (typeof props.modelValue === 'boolean' && props.data == null) {\r\n        return !props.modelValue\r\n      }\r\n      const list = toggleData.value\r\n      if (!list.length) return props.modelValue\r\n      const idx = resolveIndex(props.modelValue, list)\r\n      return list[(idx + 1) % list.length]!\r\n    }\r\n\r\n    function toToggle() {\r\n      const _v = nextValue()\r\n      emit('update:modelValue', _v)\r\n      emit('change', _v)\r\n      formItem?.validate('change')\r\n    }\r\n\r\n    const ps = computed(() => {\r\n      let _sty: any = {\r\n        ...toCssVarsStyle({\r\n          ...propSizeToCssVars('switch', cfg.value.size),\r\n          ...propColorToCssVars('switch', cfg.value.color),\r\n          ...props.cssVars,\r\n        }),\r\n      }\r\n      let { style, klass, ...rest } = attrs\r\n      let sty = style as any\r\n      if (sty) {\r\n        for (const pr in sty) {\r\n          if (isInterceptProperty(pr)) {\r\n            _sty[`--__switch-${pr}`] = sty[pr]\r\n          } else {\r\n            _sty[pr] = sty[pr]\r\n          }\r\n        }\r\n      }\r\n      const o: any = {\r\n        class: [\r\n          'w-switch',\r\n          {\r\n            'w-switch--on': _isOn.value,\r\n            'w-switch--disabled': disabled.value,\r\n          },\r\n          klass,\r\n        ],\r\n        style: _sty,\r\n        ...rest,\r\n      }\r\n      const mergedOnColor = cfg.value.onColor\r\n      const mergedOffColor = cfg.value.offColor\r\n      if (mergedOnColor) {\r\n        if (typeof mergedOnColor === 'string') {\r\n          o.style['--__on-color'] = mergedOnColor\r\n        } else {\r\n          o.style['--__on-color'] = mergedOnColor[0]\r\n          o.style['--__on-valve-color'] = mergedOnColor[1]\r\n        }\r\n      }\r\n      if (mergedOffColor) {\r\n        if (typeof mergedOffColor === 'string') {\r\n          o.style['--__off-color'] = mergedOffColor\r\n        } else {\r\n          o.style['--__off-color'] = mergedOffColor[0]\r\n          o.style['--__off-valve-color'] = mergedOffColor[1]\r\n        }\r\n      }\r\n      if (!disabled.value && !props.readonly) {\r\n        o.onClick = toToggle\r\n      }\r\n      return o\r\n    })\r\n\r\n    return () => {\r\n      return <i {...ps.value}>{_isOn.value ? slots.on?.() : slots.off?.()}</i>\r\n    }\r\n  },\r\n})\r\n"],"mappings":"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"}

package/dist/components/switch/config.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 可通过 `app.use(UI, { components: { Switch: {...} } })` 配置。
+ * 不宜全局配置：modelValue / data / trueValue / falseValue（实例数据）。
+ */
+export type SwitchGlobalConfig = Partial<{
+    size: number;
+    color: string;
+    onColor: string | string[];
+    offColor: string | string[];
+}>;
+export declare const SWITCH_FALLBACK: {
+    size: number | undefined;
+    color: string | undefined;
+    onColor: string | string[] | undefined;
+    offColor: string | string[] | undefined;
+};

package/dist/components/switch/config.js

@@ -0,0 +1,11 @@
+//#region components/switch/config.ts
+var SWITCH_FALLBACK = {
+	size: void 0,
+	color: void 0,
+	onColor: void 0,
+	offColor: void 0
+};
+//#endregion
+export { SWITCH_FALLBACK };
+
+//# sourceMappingURL=config.js.map

package/dist/components/switch/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/switch/config.ts"],"sourcesContent":["/**\r\n * 可通过 `app.use(UI, { components: { Switch: {...} } })` 配置。\r\n * 不宜全局配置：modelValue / data / trueValue / falseValue（实例数据）。\r\n */\r\nexport type SwitchGlobalConfig = Partial<{\r\n  size: number\r\n  color: string\r\n  onColor: string | string[]\r\n  offColor: string | string[]\r\n}>\r\n\r\nexport const SWITCH_FALLBACK = {\r\n  size: undefined as number | undefined,\r\n  color: undefined as string | undefined,\r\n  onColor: undefined as string | string[] | undefined,\r\n  offColor: undefined as string | string[] | undefined,\r\n}\r\n"],"mappings":";AAWA,IAAa,kBAAkB;CAC7B,MAAM,KAAA;CACN,OAAO,KAAA;CACP,SAAS,KAAA;CACT,UAAU,KAAA;AACZ"}

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

@@ -0,0 +1 @@
+export { default } from './Switch';

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

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

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

@@ -0,0 +1,113 @@
+import { CssVars } from '../../util';
+/**
+ * 标签项基础字段（勿加 [key: string]: any，否则会冲掉 label/value 提示）
+ * 业务扩展字段通过 data 元素类型 T 自动带上
+ */
+export interface TabItem {
+    label?: string;
+    value?: any;
+    disabled?: boolean;
+    closable?: boolean;
+}
+/**
+ * 标签数据源：对象数组 / 纯字符串数组 / 键值对对象
+ */
+export type TabData<T = TabItem> = T[] | string[] | number[] | Record<string, any>;
+/** 字符串/数字项在组件内会被规范化成 { label, value } */
+export type NormalizedTabItem<T> = T extends string | number ? {
+    label: T;
+    value: T;
+    disabled?: boolean;
+    closable?: boolean;
+} : T;
+type TabItemValue<T> = NormalizedTabItem<T> extends {
+    value?: infer V;
+} ? V : any;
+type TabItemLabel<T> = NormalizedTabItem<T> extends {
+    label?: infer L;
+} ? L : any;
+/**
+ * 插槽作用域；T 由 data 元素类型推断，一般不用手写
+ */
+export interface TabSlotScope<T = TabItem> {
+    index: number;
+    item: NormalizedTabItem<T>;
+    value: TabItemValue<T>;
+    label: TabItemLabel<T>;
+    isActive: boolean;
+}
+/**
+ * 线条位置类型
+ */
+export interface LinePosition {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+/**
+ * 标签方向
+ */
+export type TabDirection = 'horizontal' | 'vertical';
+/**
+ * 标签类型
+ */
+export type TabType = 'default' | 'card' | 'border-card';
+export type TabSlots<T = any> = {
+    default?: (scope: TabSlotScope<T>) => any;
+    close?: (scope: TabSlotScope<T>) => any;
+    /** 当前激活标签对应的内容区 */
+    content?: (scope: TabSlotScope<T>) => any;
+};
+export interface TabProps<T = any> {
+    modelValue?: any;
+    index?: number;
+    data?: TabData<T>;
+    itemClass?: string | Record<string, boolean> | (string | Record<string, boolean>)[];
+    activeItemClass?: string | Record<string, boolean> | (string | Record<string, boolean>)[];
+    lineStyle?: (pos: LinePosition) => Record<string, string | number>;
+    direction?: TabDirection;
+    type?: TabType;
+    showLine?: boolean;
+    lineWidth?: number | string;
+    lineHeight?: number | string;
+    closable?: boolean;
+    labelField?: string;
+    valueField?: string;
+    /** 品牌主色 → `--w-prop-tab-color` */
+    color?: string;
+    /** 实例尺度（px）→ `--w-prop-tab-size` */
+    size?: number;
+    /** 实例 CSS 变量 */
+    cssVars?: CssVars;
+}
+/** Vue TSX：$props 含 v-slots，才能从 data 推断插槽 T */
+export type TabJSXProps<T = any> = TabProps<T> & {
+    'v-slots'?: TabSlots<T>;
+    vSlots?: TabSlots<T>;
+    class?: unknown;
+    style?: unknown;
+    'onUpdate:modelValue'?: (value: any) => void;
+    'onUpdate:index'?: (index: number) => void;
+    onChange?: (value: any, index: number, item: NormalizedTabItem<T>) => void;
+    onClick?: (value: any, index: number, item: NormalizedTabItem<T>) => void;
+    onClose?: (value: any, index: number, item: NormalizedTabItem<T>) => void;
+};
+export type TabExpose = {
+    setIndex: (index: number) => void;
+    setValue: (value: any) => void;
+};
+/**
+ * Vue JSX 通过 `$props` 取属性（不支持 `<Tab<T>>`）。
+ * `<Tab data={list} v-slots={{ content: ({ item, value }) => ... }} />`
+ * 会从 list 元素类型推断 item / value。
+ */
+export type TabComponent = {
+    new <T = any>(): TabExpose & {
+        $props: TabJSXProps<T>;
+    };
+};
+declare const Tab: TabComponent;
+/** 实例类型；一般写 `InstanceType<typeof Tab>` 即可 */
+export type TabInstance = InstanceType<TabComponent>;
+export default Tab;