@will-ui/vue 1.0.0

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

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

package/dist/components/progress/Progress.d.ts

@@ -0,0 +1,94 @@
+import { PropType } from 'vue';
+import { CssVars } from '../../util';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 当前进度 0–100 */
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 缓冲进度 0–100（可选第二轨） */
+    buffered: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否显示拖拽圆点 */
+    showThumb: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 实例尺度（px）→ `--w-prop-progress-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 品牌主色 → `--w-prop-progress-color` */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量 */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (value: number) => boolean;
+    'drag-start': (value: number) => boolean;
+    dragging: (value: number) => boolean;
+    'drag-end': (value: number) => boolean;
+    change: (value: number) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 当前进度 0–100 */
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 缓冲进度 0–100（可选第二轨） */
+    buffered: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否显示拖拽圆点 */
+    showThumb: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 实例尺度（px）→ `--w-prop-progress-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 品牌主色 → `--w-prop-progress-color` */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量 */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+}>> & Readonly<{
+    onChange?: (value: number) => any;
+    "onUpdate:modelValue"?: (value: number) => any;
+    "onDrag-start"?: (value: number) => any;
+    onDragging?: (value: number) => any;
+    "onDrag-end"?: (value: number) => any;
+}>, {
+    size: number;
+    color: string;
+    cssVars: CssVars;
+    modelValue: number;
+    disabled: boolean;
+    buffered: number;
+    showThumb: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/progress/Progress.js

@@ -0,0 +1,112 @@
+import { propColorToCssVars, propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import usePercentDrag from "../../use/usePercentDrag.js";
+import { computed, createVNode, defineComponent, mergeProps, ref } from "vue";
+//#region components/progress/Progress.tsx
+var Progress_default = /* @__PURE__ */ defineComponent({
+	name: "Progress",
+	inheritAttrs: false,
+	props: {
+		/** 当前进度 0–100 */
+		modelValue: {
+			type: Number,
+			default: 0
+		},
+		/** 缓冲进度 0–100（可选第二轨） */
+		buffered: {
+			type: Number,
+			default: 0
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		/** 是否显示拖拽圆点 */
+		showThumb: {
+			type: Boolean,
+			default: true
+		},
+		/** 实例尺度（px）→ `--w-prop-progress-size` */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 品牌主色 → `--w-prop-progress-color` */
+		color: {
+			type: String,
+			default: void 0
+		},
+		/** 实例 CSS 变量 */
+		cssVars: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: {
+		"update:modelValue": (value) => typeof value === "number",
+		"drag-start": (value) => typeof value === "number",
+		dragging: (value) => typeof value === "number",
+		"drag-end": (value) => typeof value === "number",
+		change: (value) => typeof value === "number"
+	},
+	setup(props, { emit, attrs }) {
+		const root = ref();
+		const { dragging, onMouseDown } = usePercentDrag({
+			target: root,
+			disabled: () => props.disabled,
+			onStart: (percent) => {
+				emit("drag-start", percent);
+				emit("update:modelValue", percent);
+			},
+			onMove: (percent) => {
+				emit("dragging", percent);
+				emit("update:modelValue", percent);
+			},
+			onEnd: (percent) => {
+				emit("drag-end", percent);
+				emit("change", percent);
+				emit("update:modelValue", percent);
+			}
+		});
+		const fillPercent = computed(() => Math.max(0, Math.min(100, props.modelValue)));
+		const bufferedPercent = computed(() => Math.max(0, Math.min(100, props.buffered)));
+		return () => {
+			const rootProps = mergeProps({
+				ref: root,
+				class: ["w-progress", {
+					"w-progress--disabled": props.disabled,
+					"w-progress--dragging": dragging.value,
+					"w-progress--has-thumb": props.showThumb
+				}],
+				style: toCssVarsStyle({
+					...propSizeToCssVars("progress", props.size),
+					...propColorToCssVars("progress", props.color),
+					...props.cssVars
+				}),
+				role: "slider",
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": fillPercent.value,
+				"aria-disabled": props.disabled || void 0,
+				onMousedown: onMouseDown
+			}, attrs);
+			return createVNode("div", rootProps, [
+				bufferedPercent.value > 0 && createVNode("div", {
+					"class": "w-progress__buffered",
+					"style": { width: `${bufferedPercent.value}%` }
+				}, null),
+				createVNode("div", {
+					"class": "w-progress__fill",
+					"style": { width: `${fillPercent.value}%` }
+				}, null),
+				props.showThumb && createVNode("div", {
+					"class": "w-progress__thumb",
+					"style": { ["--__progress"]: fillPercent.value / 100 }
+				}, null)
+			]);
+		};
+	}
+});
+//#endregion
+export { Progress_default as default };
+
+//# sourceMappingURL=Progress.js.map

package/dist/components/progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","names":["computed","defineComponent","mergeProps","ref","createVNode","_createVNode","usePercentDrag","propColorToCssVars","propSizeToCssVars","toCssVarsStyle","name","inheritAttrs","props","modelValue","type","Number","default","buffered","disabled","Boolean","showThumb","size","undefined","color","String","cssVars","Object","emits","value","dragging","change","setup","emit","attrs","root","onMouseDown","target","onStart","percent","onMove","onEnd","fillPercent","Math","max","min","bufferedPercent","rootProps","class","style","role","onMousedown","width"],"sources":["../../../components/progress/Progress.tsx"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport { computed, defineComponent, mergeProps, ref } from 'vue'\r\nimport usePercentDrag from '../../use/usePercentDrag'\r\nimport {\r\n  propColorToCssVars,\r\n  propSizeToCssVars,\r\n  toCssVarsStyle,\r\n  type CssVars,\r\n} from '../../util'\r\n\r\nexport default defineComponent({\r\n  name: 'Progress',\r\n  inheritAttrs: false,\r\n  props: {\r\n    /** 当前进度 0–100 */\r\n    modelValue: { type: Number, default: 0 },\r\n    /** 缓冲进度 0–100（可选第二轨） */\r\n    buffered: { type: Number, default: 0 },\r\n    disabled: { type: Boolean, default: false },\r\n    /** 是否显示拖拽圆点 */\r\n    showThumb: { type: Boolean, default: true },\r\n    /** 实例尺度（px）→ `--w-prop-progress-size` */\r\n    size: { type: Number, default: undefined },\r\n    /** 品牌主色 → `--w-prop-progress-color` */\r\n    color: { type: String, default: undefined },\r\n    /** 实例 CSS 变量 */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n  },\r\n  emits: {\r\n    'update:modelValue': (value: number) => typeof value === 'number',\r\n    'drag-start': (value: number) => typeof value === 'number',\r\n    dragging: (value: number) => typeof value === 'number',\r\n    'drag-end': (value: number) => typeof value === 'number',\r\n    change: (value: number) => typeof value === 'number',\r\n  },\r\n  setup(props, { emit, attrs }) {\r\n    const root = ref<HTMLElement>()\r\n\r\n    const { dragging, onMouseDown } = usePercentDrag({\r\n      target: root,\r\n      disabled: () => props.disabled,\r\n      onStart: (percent) => {\r\n        emit('drag-start', percent)\r\n        emit('update:modelValue', percent)\r\n      },\r\n      onMove: (percent) => {\r\n        emit('dragging', percent)\r\n        emit('update:modelValue', percent)\r\n      },\r\n      onEnd: (percent) => {\r\n        emit('drag-end', percent)\r\n        emit('change', percent)\r\n        emit('update:modelValue', percent)\r\n      },\r\n    })\r\n\r\n    const fillPercent = computed(() =>\r\n      Math.max(0, Math.min(100, props.modelValue)),\r\n    )\r\n    const bufferedPercent = computed(() =>\r\n      Math.max(0, Math.min(100, props.buffered)),\r\n    )\r\n\r\n    return () => {\r\n      const rootProps = mergeProps(\r\n        {\r\n          ref: root,\r\n          class: [\r\n            'w-progress',\r\n            {\r\n              'w-progress--disabled': props.disabled,\r\n              'w-progress--dragging': dragging.value,\r\n              'w-progress--has-thumb': props.showThumb,\r\n            },\r\n          ],\r\n          style: toCssVarsStyle({\r\n            ...propSizeToCssVars('progress', props.size),\r\n            ...propColorToCssVars('progress', props.color),\r\n            ...props.cssVars,\r\n          }),\r\n          role: 'slider',\r\n          'aria-valuemin': 0,\r\n          'aria-valuemax': 100,\r\n          'aria-valuenow': fillPercent.value,\r\n          'aria-disabled': props.disabled || undefined,\r\n          onMousedown: onMouseDown,\r\n        },\r\n        attrs,\r\n      )\r\n\r\n      return (\r\n        <div {...rootProps}>\r\n          {bufferedPercent.value > 0 && (\r\n            <div\r\n              class=\"w-progress__buffered\"\r\n              style={{ width: `${bufferedPercent.value}%` }}\r\n            />\r\n          )}\r\n          <div\r\n            class=\"w-progress__fill\"\r\n            style={{ width: `${fillPercent.value}%` }}\r\n          />\r\n          {props.showThumb && (\r\n            <div\r\n              class=\"w-progress__thumb\"\r\n              style={{\r\n                ['--__progress' as string]: fillPercent.value / 100,\r\n              }}\r\n            />\r\n          )}\r\n        </div>\r\n      )\r\n    }\r\n  },\r\n})\r\n"],"mappings":";;;;AAUA,IAAA,mBAAeC,gCAAgB;CAC7BS,MAAM;CACNC,cAAc;CACdC,OAAO;;EAELC,YAAY;GAAEC,MAAMC;GAAQC,SAAS;EAAE;;EAEvCC,UAAU;GAAEH,MAAMC;GAAQC,SAAS;EAAE;EACrCE,UAAU;GAAEJ,MAAMK;GAASH,SAAS;EAAM;;EAE1CI,WAAW;GAAEN,MAAMK;GAASH,SAAS;EAAK;;EAE1CK,MAAM;GAAEP,MAAMC;GAAQC,SAASM,KAAAA;EAAU;;EAEzCC,OAAO;GAAET,MAAMU;GAAQR,SAASM,KAAAA;EAAU;;EAE1CG,SAAS;GAAEX,MAAMY;GAA6BV,SAASM,KAAAA;EAAU;CACnE;CACAK,OAAO;EACL,sBAAsBC,UAAkB,OAAOA,UAAU;EACzD,eAAeA,UAAkB,OAAOA,UAAU;EAClDC,WAAWD,UAAkB,OAAOA,UAAU;EAC9C,aAAaA,UAAkB,OAAOA,UAAU;EAChDE,SAASF,UAAkB,OAAOA,UAAU;CAC9C;CACAG,MAAMnB,OAAO,EAAEoB,MAAMC,SAAS;EAC5B,MAAMC,OAAO/B,IAAiB;EAE9B,MAAM,EAAE0B,UAAUM,gBAAgB7B,eAAe;GAC/C8B,QAAQF;GACRhB,gBAAgBN,MAAMM;GACtBmB,UAAUC,YAAY;IACpBN,KAAK,cAAcM,OAAO;IAC1BN,KAAK,qBAAqBM,OAAO;GACnC;GACAC,SAASD,YAAY;IACnBN,KAAK,YAAYM,OAAO;IACxBN,KAAK,qBAAqBM,OAAO;GACnC;GACAE,QAAQF,YAAY;IAClBN,KAAK,YAAYM,OAAO;IACxBN,KAAK,UAAUM,OAAO;IACtBN,KAAK,qBAAqBM,OAAO;GACnC;EACF,CAAC;EAED,MAAMG,cAAczC,eAClB0C,KAAKC,IAAI,GAAGD,KAAKE,IAAI,KAAKhC,MAAMC,UAAU,CAAC,CAC7C;EACA,MAAMgC,kBAAkB7C,eACtB0C,KAAKC,IAAI,GAAGD,KAAKE,IAAI,KAAKhC,MAAMK,QAAQ,CAAC,CAC3C;EAEA,aAAa;GACX,MAAM6B,YAAY5C,WAChB;IACEC,KAAK+B;IACLa,OAAO,CACL,cACA;KACE,wBAAwBnC,MAAMM;KAC9B,wBAAwBW,SAASD;KACjC,yBAAyBhB,MAAMQ;IACjC,CAAC;IAEH4B,OAAOvC,eAAe;KACpB,GAAGD,kBAAkB,YAAYI,MAAMS,IAAI;KAC3C,GAAGd,mBAAmB,YAAYK,MAAMW,KAAK;KAC7C,GAAGX,MAAMa;IACX,CAAC;IACDwB,MAAM;IACN,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiBR,YAAYb;IAC7B,iBAAiBhB,MAAMM,YAAYI,KAAAA;IACnC4B,aAAaf;GACf,GACAF,KACF;GAEA,OAAA5B,YAAA,OACWyC,WAAS;IACfD,gBAAgBjB,QAAQ,KAACvB,YAAA,OAAA;KAAA,SAAA;KAAA,SAGf,EAAE8C,OAAO,GAAGN,gBAAgBjB,MAAK,GAAI;IAAC,GAAA,IAAA;IAEhDvB,YAAA,OAAA;KAAA,SAAA;KAAA,SAGQ,EAAE8C,OAAO,GAAGV,YAAYb,MAAK,GAAI;IAAC,GAAA,IAAA;IAE1ChB,MAAMQ,aAASf,YAAA,OAAA;KAAA,SAAA;KAAA,SAGL,GACJ,iBAA2BoC,YAAYb,QAAQ,IAClD;IAAC,GAAA,IAAA;GAEJ,CAAA;EAGP;CACF;AACF,CAAC"}

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

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

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

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

package/dist/components/radio/Radio.d.ts

@@ -0,0 +1,112 @@
+import { PropType } from 'vue';
+import { CssVars } from '../../util';
+import { RadioIcons, RadioType } from './config';
+export type { RadioGlobalConfig, RadioIcons, RadioType } from './config';
+export { RADIO_FALLBACK, RADIO_DEFAULT_ICONS } from './config';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<number | string | boolean>;
+        default: any;
+    };
+    value: {
+        type: PropType<number | string | boolean>;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    text: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    icons: {
+        type: PropType<RadioIcons>;
+        default: any;
+    };
+    gap: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    type: {
+        type: PropType<RadioType>;
+        default: any;
+    };
+    /** 控件尺度 → `--w-prop-radio-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 品牌主色 → `--w-prop-radio-color` */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量 */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (_v: number | string | boolean | undefined) => true;
+    change: (_checked: boolean) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<number | string | boolean>;
+        default: any;
+    };
+    value: {
+        type: PropType<number | string | boolean>;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    text: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    icons: {
+        type: PropType<RadioIcons>;
+        default: any;
+    };
+    gap: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    type: {
+        type: PropType<RadioType>;
+        default: any;
+    };
+    /** 控件尺度 → `--w-prop-radio-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 品牌主色 → `--w-prop-radio-color` */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量 */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+}>> & Readonly<{
+    onChange?: (_checked: boolean) => any;
+    "onUpdate:modelValue"?: (_v: string | number | boolean) => any;
+}>, {
+    type: RadioType;
+    text: string | number;
+    value: string | number | boolean;
+    size: number;
+    gap: boolean;
+    color: string;
+    cssVars: CssVars;
+    modelValue: string | number | boolean;
+    disabled: boolean;
+    icons: RadioIcons;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/radio/Radio.js

@@ -0,0 +1,130 @@
+import useComponentConfig from "../../use/useComponentConfig.js";
+import Icon_default from "../icon/Icon.js";
+import { isBoolean } from "../../util/tools.js";
+import { propColorToCssVars, propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import useToggleArray from "../../use/toggle/useToggleArray.js";
+import useFormItem from "../../use/useFormItem.js";
+import { RADIO_DEFAULT_ICONS, RADIO_FALLBACK } from "./config.js";
+import { computed, createVNode, defineComponent, reactive } from "vue";
+//#region components/radio/Radio.tsx
+var Radio_default = /* @__PURE__ */ defineComponent({
+	name: "Radio",
+	props: {
+		modelValue: {
+			type: [
+				Number,
+				String,
+				Boolean
+			],
+			default: void 0
+		},
+		value: {
+			type: [
+				Number,
+				String,
+				Boolean
+			],
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		text: {
+			type: [Number, String],
+			default: void 0
+		},
+		icons: {
+			type: Object,
+			default: void 0
+		},
+		gap: {
+			type: Boolean,
+			default: void 0
+		},
+		type: {
+			type: String,
+			default: void 0
+		},
+		/** 控件尺度 → `--w-prop-radio-size` */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 品牌主色 → `--w-prop-radio-color` */
+		color: {
+			type: String,
+			default: void 0
+		},
+		/** 实例 CSS 变量 */
+		cssVars: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: {
+		"update:modelValue": (_v) => true,
+		change: (_checked) => true
+	},
+	setup(props, { emit, slots }) {
+		const { formItem, useDisabled } = useFormItem();
+		const cfg = useComponentConfig("Radio", props, RADIO_FALLBACK);
+		const disabled = useDisabled(computed(() => cfg.value.disabled));
+		const transValue = computed(() => {
+			const v = props.value;
+			if (isBoolean(v)) return Number(v);
+			return v;
+		});
+		const transModelValue = computed(() => {
+			const v = props.modelValue;
+			if (isBoolean(v)) return Number(v);
+			return v;
+		});
+		const symbol = computed(() => Symbol(transValue.value));
+		const data = computed(() => [symbol.value, transValue.value]);
+		const isChecked = computed(() => transModelValue.value === transValue.value);
+		const { set } = useToggleArray(data, reactive({ item: computed(() => isChecked.value ? transValue.value : symbol.value) }));
+		const iconProps = computed(() => {
+			const icons = {
+				...RADIO_DEFAULT_ICONS,
+				...cfg.value.icons || {}
+			};
+			return {
+				name: isChecked.value ? icons.checked : disabled.value ? icons.disabled : icons.default,
+				class: ["w-radio-icon", {
+					"w-radio-icon-checked": isChecked.value,
+					"w-radio-icon-disabled": disabled.value
+				}]
+			};
+		});
+		return () => {
+			const isCard = cfg.value.type === "card";
+			const rootProps = {
+				class: ["w-radio", {
+					"w-radio-gap": cfg.value.gap,
+					"w-radio-card": isCard,
+					"w-radio-card-checked": isCard && isChecked.value,
+					"w-radio-card-disabled": isCard && disabled.value,
+					"w-radio-disabled": disabled.value,
+					"w-radio-checked": isChecked.value
+				}],
+				style: toCssVarsStyle({
+					...propSizeToCssVars("radio", cfg.value.size),
+					...propColorToCssVars("radio", cfg.value.color),
+					...props.cssVars
+				})
+			};
+			if (!disabled.value) rootProps.onClick = () => {
+				set({ item: transValue.value });
+				emit("update:modelValue", props.value);
+				emit("change", isChecked.value);
+				formItem?.validate("change");
+			};
+			return createVNode("span", rootProps, [cfg.value.type === "default" ? createVNode(Icon_default, iconProps.value, null) : null, props.text ?? slots.default?.()]);
+		};
+	}
+});
+//#endregion
+export { Radio_default as default };
+
+//# sourceMappingURL=Radio.js.map

package/dist/components/radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","names":["computed","defineComponent","reactive","createVNode","_createVNode","Icon","useToggleArray","useComponentConfig","useFormItem","isBoolean","propColorToCssVars","propSizeToCssVars","toCssVarsStyle","RADIO_DEFAULT_ICONS","RADIO_FALLBACK","name","props","modelValue","type","Number","String","Boolean","default","undefined","value","disabled","text","icons","Object","gap","size","color","cssVars","emits","_v","change","_checked","setup","emit","slots","formItem","useDisabled","cfg","transValue","v","transModelValue","symbol","Symbol","data","isChecked","set","item","iconProps","checked","class","isCard","rootProps","style","onClick","validate"],"sources":["../../../components/radio/Radio.tsx"],"sourcesContent":["import { computed, defineComponent, reactive, type PropType } from 'vue'\r\nimport Icon from '../icon'\r\nimport useToggleArray from '../../use/toggle/useToggleArray'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport useFormItem from '../../use/useFormItem'\r\nimport {\r\n  isBoolean,\r\n  propColorToCssVars,\r\n  propSizeToCssVars,\r\n  toCssVarsStyle,\r\n  type CssVars,\r\n} from '../../util'\r\nimport {\r\n  RADIO_DEFAULT_ICONS,\r\n  RADIO_FALLBACK,\r\n  type RadioIcons,\r\n  type RadioType,\r\n} from './config'\r\n\r\nexport type { RadioGlobalConfig, RadioIcons, RadioType } from './config'\r\nexport { RADIO_FALLBACK, RADIO_DEFAULT_ICONS } from './config'\r\n\r\nexport default defineComponent({\r\n  name: 'Radio',\r\n  props: {\r\n    modelValue: {\r\n      type: [Number, String, Boolean] as PropType<number | string | boolean>,\r\n      default: undefined,\r\n    },\r\n    value: {\r\n      type: [Number, String, Boolean] as PropType<number | string | boolean>,\r\n      default: undefined,\r\n    },\r\n    disabled: { type: Boolean, default: undefined },\r\n    text: {\r\n      type: [Number, String] as PropType<number | string>,\r\n      default: undefined,\r\n    },\r\n    icons: {\r\n      type: Object as PropType<RadioIcons>,\r\n      default: undefined,\r\n    },\r\n    gap: { type: Boolean, default: undefined },\r\n    type: {\r\n      type: String as PropType<RadioType>,\r\n      default: undefined,\r\n    },\r\n    /** 控件尺度 → `--w-prop-radio-size` */\r\n    size: { type: Number, default: undefined },\r\n    /** 品牌主色 → `--w-prop-radio-color` */\r\n    color: { type: String, default: undefined },\r\n    /** 实例 CSS 变量 */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n  },\r\n  emits: {\r\n    'update:modelValue': (_v: number | string | boolean | undefined) => true,\r\n    change: (_checked: boolean) => true,\r\n  },\r\n  setup(props, { emit, slots }) {\r\n    const { formItem, useDisabled } = useFormItem()\r\n    const cfg = useComponentConfig('Radio', props, RADIO_FALLBACK)\r\n    const disabled = useDisabled(computed(() => cfg.value.disabled))\r\n\r\n    const transValue = computed(() => {\r\n      const v = props.value\r\n      if (isBoolean(v)) return Number(v)\r\n      return v\r\n    })\r\n    const transModelValue = computed(() => {\r\n      const v = props.modelValue\r\n      if (isBoolean(v)) return Number(v)\r\n      return v\r\n    })\r\n\r\n    const symbol = computed(() => Symbol(transValue.value))\r\n    const data = computed(() => [symbol.value, transValue.value])\r\n    const isChecked = computed(\r\n      () => transModelValue.value === transValue.value,\r\n    )\r\n    const { set } = useToggleArray(\r\n      data,\r\n      reactive({\r\n        item: computed(() =>\r\n          isChecked.value ? transValue.value : symbol.value,\r\n        ),\r\n      }),\r\n    )\r\n\r\n    const iconProps = computed(() => {\r\n      const icons = {\r\n        ...RADIO_DEFAULT_ICONS,\r\n        ...(cfg.value.icons || {}),\r\n      }\r\n      return {\r\n        name: isChecked.value\r\n          ? icons.checked\r\n          : disabled.value\r\n            ? icons.disabled\r\n            : icons.default,\r\n        class: [\r\n          'w-radio-icon',\r\n          {\r\n            'w-radio-icon-checked': isChecked.value,\r\n            'w-radio-icon-disabled': disabled.value,\r\n          },\r\n        ],\r\n      }\r\n    })\r\n\r\n    return () => {\r\n      const isCard = cfg.value.type === 'card'\r\n      const rootProps: Record<string, any> = {\r\n        class: [\r\n          'w-radio',\r\n          {\r\n            'w-radio-gap': cfg.value.gap,\r\n            'w-radio-card': isCard,\r\n            'w-radio-card-checked': isCard && isChecked.value,\r\n            'w-radio-card-disabled': isCard && disabled.value,\r\n            'w-radio-disabled': disabled.value,\r\n            'w-radio-checked': isChecked.value,\r\n          },\r\n        ],\r\n        style: toCssVarsStyle({\r\n          ...propSizeToCssVars('radio', cfg.value.size),\r\n          ...propColorToCssVars('radio', cfg.value.color),\r\n          ...props.cssVars,\r\n        }),\r\n      }\r\n      if (!disabled.value) {\r\n        rootProps.onClick = () => {\r\n          set({ item: transValue.value })\r\n          emit('update:modelValue', props.value)\r\n          emit('change', isChecked.value)\r\n          formItem?.validate('change')\r\n        }\r\n      }\r\n      return (\r\n        <span {...rootProps}>\r\n          {cfg.value.type === 'default' ? <Icon {...iconProps.value} /> : null}\r\n          {props.text ?? slots.default?.()}\r\n        </span>\r\n      )\r\n    }\r\n  },\r\n})\r\n"],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+/**
+ * 可通过 `app.use(UI, { components: { Radio: {...} } })` 配置。
+ * 不宜全局配置：modelValue / value（实例数据）。
+ */
+export type RadioType = 'default' | 'card';
+export type RadioIcons = {
+    default?: string;
+    checked?: string;
+    disabled?: string;
+};
+export type RadioGlobalConfig = Partial<{
+    gap: boolean;
+    type: RadioType;
+    disabled: boolean;
+    icons: RadioIcons;
+    /** 控件尺度 → `--w-prop-radio-size`（图标/字号由 CSS 从 `--__size` 派生） */
+    size: number;
+    /** 品牌主色 → `--w-prop-radio-color` */
+    color: string;
+}>;
+export declare const RADIO_DEFAULT_ICONS: Required<RadioIcons>;
+export declare const RADIO_FALLBACK: {
+    gap: boolean;
+    type: RadioType;
+    disabled: boolean;
+    icons: RadioIcons | undefined;
+    size: number | undefined;
+    color: string | undefined;
+};

package/dist/components/radio/config.js

@@ -0,0 +1,18 @@
+//#region components/radio/config.ts
+var RADIO_DEFAULT_ICONS = {
+	default: "w-icon-radio",
+	checked: "w-icon-radio-fill",
+	disabled: "w-icon-ball"
+};
+var RADIO_FALLBACK = {
+	gap: true,
+	type: "default",
+	disabled: false,
+	icons: void 0,
+	size: void 0,
+	color: void 0
+};
+//#endregion
+export { RADIO_DEFAULT_ICONS, RADIO_FALLBACK };
+
+//# sourceMappingURL=config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/radio/config.ts"],"sourcesContent":["/**\r\n * 可通过 `app.use(UI, { components: { Radio: {...} } })` 配置。\r\n * 不宜全局配置：modelValue / value（实例数据）。\r\n */\r\nexport type RadioType = 'default' | 'card'\r\n\r\nexport type RadioIcons = {\r\n  default?: string\r\n  checked?: string\r\n  disabled?: string\r\n}\r\n\r\nexport type RadioGlobalConfig = Partial<{\r\n  gap: boolean\r\n  type: RadioType\r\n  disabled: boolean\r\n  icons: RadioIcons\r\n  /** 控件尺度 → `--w-prop-radio-size`（图标/字号由 CSS 从 `--__size` 派生） */\r\n  size: number\r\n  /** 品牌主色 → `--w-prop-radio-color` */\r\n  color: string\r\n}>\r\n\r\nexport const RADIO_DEFAULT_ICONS: Required<RadioIcons> = {\r\n  default: 'w-icon-radio',\r\n  checked: 'w-icon-radio-fill',\r\n  disabled: 'w-icon-ball',\r\n}\r\n\r\nexport const RADIO_FALLBACK = {\r\n  gap: true,\r\n  type: 'default' as RadioType,\r\n  disabled: false,\r\n  icons: undefined as RadioIcons | undefined,\r\n  size: undefined as number | undefined,\r\n  color: undefined as string | undefined,\r\n}\r\n"],"mappings":";AAuBA,IAAa,sBAA4C;CACvD,SAAS;CACT,SAAS;CACT,UAAU;AACZ;AAEA,IAAa,iBAAiB;CAC5B,KAAK;CACL,MAAM;CACN,UAAU;CACV,OAAO,KAAA;CACP,MAAM,KAAA;CACN,OAAO,KAAA;AACT"}

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

@@ -0,0 +1,3 @@
+export { default } from './Radio';
+export type { RadioGlobalConfig, RadioIcons, RadioType } from './config';
+export { RADIO_FALLBACK, RADIO_DEFAULT_ICONS } from './config';

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

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

package/dist/components/scrollbar/Scrollbar.d.ts

@@ -0,0 +1,93 @@
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    direction: {
+        type: PropType<"y" | "x" | "both">;
+        default: string;
+    };
+    scrollStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    minHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: any;
+    };
+    maxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: any;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: any;
+    };
+    smooth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    minThumbSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bottomOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("scroll" | "reach-top" | "reach-bottom" | "scroll-start" | "scroll-end")[], "scroll" | "reach-top" | "reach-bottom" | "scroll-start" | "scroll-end", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    direction: {
+        type: PropType<"y" | "x" | "both">;
+        default: string;
+    };
+    scrollStep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    minHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: any;
+    };
+    maxHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: any;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: any;
+    };
+    smooth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    minThumbSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bottomOffset: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    onScroll?: (...args: any[]) => any;
+    "onReach-top"?: (...args: any[]) => any;
+    "onReach-bottom"?: (...args: any[]) => any;
+    "onScroll-start"?: (...args: any[]) => any;
+    "onScroll-end"?: (...args: any[]) => any;
+}>, {
+    height: string | number;
+    direction: "x" | "y" | "both";
+    visible: boolean;
+    smooth: boolean;
+    minHeight: string | number;
+    maxHeight: string | number;
+    bottomOffset: number;
+    scrollStep: number;
+    minThumbSize: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;