@will-ui/vue 1.0.0

package/dist/components/checkbox/Checkbox.js

@@ -0,0 +1,182 @@
+import useComponentConfig from "../../use/useComponentConfig.js";
+import Icon_default from "../icon/Icon.js";
+import { isArray, isSet } 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 { CHECKBOX_FALLBACK } from "./config.js";
+import { computed, createVNode, defineComponent, reactive } from "vue";
+//#region components/checkbox/Checkbox.tsx
+var Checkbox_default = /* @__PURE__ */ defineComponent({
+	name: "Checkbox",
+	components: { Icon: Icon_default },
+	props: {
+		/** Array / Set 为多选；其余为单选开关（含 trueValue/falseValue 自定义字符串） */
+		modelValue: {
+			type: [
+				Boolean,
+				Number,
+				String,
+				Array,
+				Set
+			],
+			default: 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		/**
+		* 数组（如 [0,1]）→ 单选开关模式；
+		* 非数组 → 多选时的选项值
+		*/
+		value: {
+			type: [
+				Number,
+				String,
+				Array,
+				Boolean
+			],
+			default: () => [0, 1]
+		},
+		text: {
+			type: String,
+			default: void 0
+		},
+		/** 控件尺度 → `--w-prop-checkbox-size` */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 品牌主色 → `--w-prop-checkbox-color` */
+		color: {
+			type: String,
+			default: void 0
+		},
+		/** 实例 CSS 变量（如 `--w-prop-checkbox-bg-color`） */
+		cssVars: {
+			type: Object,
+			default: void 0
+		},
+		iconName: {
+			type: String,
+			default: void 0
+		},
+		trueValue: {
+			type: [
+				Boolean,
+				Number,
+				String
+			],
+			default: void 0
+		},
+		falseValue: {
+			type: [
+				Boolean,
+				Number,
+				String
+			],
+			default: void 0
+		},
+		gap: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: {
+		"update:modelValue": (_v) => true,
+		change: (_v) => true
+	},
+	slots: Object,
+	setup(props, ctx) {
+		const { formItem, useDisabled } = useFormItem();
+		const cfg = useComponentConfig("Checkbox", props, CHECKBOX_FALLBACK);
+		if (isArray(props.value)) return setupCheckOne(props, ctx, formItem, useDisabled, cfg);
+		return setupMore(props, ctx, formItem, useDisabled, cfg);
+	}
+});
+function rootTokenStyle(cfg, cssVars) {
+	return toCssVarsStyle({
+		...propSizeToCssVars("checkbox", cfg.value.size),
+		...propColorToCssVars("checkbox", cfg.value.color),
+		...cssVars
+	});
+}
+function setupMore(props, ctx, formItem, useDisabled, cfg) {
+	const disabled = useDisabled(computed(() => cfg.value.disabled));
+	const symbol = computed(() => Symbol(props.value));
+	const data = computed(() => [symbol.value, props.value]);
+	const has = computed(() => {
+		if (isArray(props.modelValue)) return props.modelValue.some((v) => v === props.value);
+		if (isSet(props.modelValue)) return props.modelValue.has(props.value);
+		return false;
+	});
+	const { toggle, item } = useToggleArray(data, reactive({ item: computed(() => has.value ? props.value : symbol.value) }));
+	const isChecked = computed(() => item.value === props.value);
+	const iconProps = useIconProps(isChecked, props, disabled, ctx.slots);
+	return () => {
+		const rootProps = {
+			class: ["w-checkbox", {
+				"w-checkbox-gap": cfg.value.gap,
+				"w-checkbox-disabled": disabled.value,
+				"w-checkbox-checked": isChecked.value
+			}],
+			style: rootTokenStyle(cfg, props.cssVars)
+		};
+		if (!disabled.value) rootProps.onClick = () => {
+			if (disabled.value) return;
+			let arr = props.modelValue ? [...props.modelValue] : [];
+			toggle();
+			if (isChecked.value) arr.push(props.value);
+			else arr = arr.filter((a) => a !== props.value);
+			ctx.emit("update:modelValue", isSet(props.modelValue) ? new Set(arr) : arr);
+			ctx.emit("change", isChecked.value);
+			formItem?.validate("change");
+		};
+		return createVNode("span", rootProps, [createVNode(Icon_default, iconProps.value, null), props.text ?? ctx.slots.default?.()]);
+	};
+}
+function setupCheckOne(props, ctx, formItem, useDisabled, cfg) {
+	const disabled = useDisabled(computed(() => cfg.value.disabled));
+	const trueValue = props.trueValue;
+	const falseValue = props.falseValue;
+	const useCustomValues = trueValue !== void 0 && falseValue !== void 0;
+	const { toggle, item } = useToggleArray(computed(() => useCustomValues ? [trueValue, falseValue] : props.value), reactive({ item: computed(() => props.modelValue) }));
+	const isChecked = computed(() => useCustomValues ? item.value === trueValue : item.value === 1 || item.value === true);
+	const iconProps = useIconProps(isChecked, props, disabled, ctx.slots);
+	return () => {
+		const rootProps = {
+			class: ["w-checkbox", {
+				"w-checkbox-gap": cfg.value.gap,
+				"w-checkbox-disabled": disabled.value,
+				"w-checkbox-checked": isChecked.value
+			}],
+			style: rootTokenStyle(cfg, props.cssVars)
+		};
+		if (!disabled.value) rootProps.onClick = () => {
+			if (disabled.value) return;
+			toggle();
+			ctx.emit("update:modelValue", item.value);
+			ctx.emit("change", item.value);
+			formItem?.validate("change");
+		};
+		return createVNode("span", rootProps, [createVNode(Icon_default, iconProps.value, null), props.text ?? ctx.slots.default?.()]);
+	};
+}
+function useIconProps(isChecked, props, disabled, slots) {
+	return computed(() => {
+		const hasCont = !!(props.text || slots?.default?.());
+		return {
+			name: isChecked.value ? "w-icon-checkbox-fill" : disabled.value ? "w-icon-square" : "w-icon-checkbox",
+			class: ["w-checkbox-icon", {
+				"w-checkbox-icon-gap": hasCont,
+				"w-checkbox-icon-checked": isChecked.value,
+				"w-checkbox-icon-disabled": disabled.value
+			}]
+		};
+	});
+}
+//#endregion
+export { Checkbox_default as default };
+
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","names":["computed","defineComponent","reactive","createVNode","_createVNode","Icon","useToggleArray","useComponentConfig","useFormItem","isArray","isSet","propColorToCssVars","propSizeToCssVars","toCssVarsStyle","CHECKBOX_FALLBACK","name","components","props","modelValue","type","Boolean","Number","String","Array","Set","default","disabled","undefined","value","text","size","color","cssVars","Object","iconName","trueValue","falseValue","gap","emits","_v","change","slots","setup","ctx","formItem","useDisabled","cfg","setupCheckOne","setupMore","rootTokenStyle","symbol","Symbol","data","has","some","v","toggle","item","isChecked","iconProps","useIconProps","rootProps","class","style","onClick","arr","push","filter","a","emit","validate","useCustomValues","hasCont"],"sources":["../../../components/checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComputedRef, SetupContext, SlotsType } from 'vue'\r\nimport { 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  isArray,\r\n  isSet,\r\n  propColorToCssVars,\r\n  propSizeToCssVars,\r\n  toCssVarsStyle,\r\n  type CssVars,\r\n} from '../../util'\r\nimport { CHECKBOX_FALLBACK } from './config'\r\n\r\nexport type { CheckboxGlobalConfig } from './config'\r\nexport { CHECKBOX_FALLBACK } from './config'\r\n\r\ntype CheckboxSlots = {\r\n  default?: () => any\r\n}\r\n\r\nexport default defineComponent({\r\n  name: 'Checkbox',\r\n  components: { Icon },\r\n  props: {\r\n    /** Array / Set 为多选；其余为单选开关（含 trueValue/falseValue 自定义字符串） */\r\n    modelValue: {\r\n      type: [Boolean, Number, String, Array, Set] as PropType<\r\n        boolean | number | string | any[] | Set<any>\r\n      >,\r\n      default: 0,\r\n    },\r\n    disabled: { type: Boolean, default: undefined },\r\n    /**\r\n     * 数组（如 [0,1]）→ 单选开关模式；\r\n     * 非数组 → 多选时的选项值\r\n     */\r\n    value: {\r\n      type: [Number, String, Array, Boolean] as PropType<\r\n        number | string | boolean | any[]\r\n      >,\r\n      default: () => [0, 1],\r\n    },\r\n    text: { type: String, default: undefined },\r\n    /** 控件尺度 → `--w-prop-checkbox-size` */\r\n    size: { type: Number, default: undefined },\r\n    /** 品牌主色 → `--w-prop-checkbox-color` */\r\n    color: { type: String, default: undefined },\r\n    /** 实例 CSS 变量（如 `--w-prop-checkbox-bg-color`） */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n    iconName: { type: String, default: undefined },\r\n    trueValue: {\r\n      type: [Boolean, Number, String] as PropType<boolean | number | string>,\r\n      default: undefined,\r\n    },\r\n    falseValue: {\r\n      type: [Boolean, Number, String] as PropType<boolean | number | string>,\r\n      default: undefined,\r\n    },\r\n    gap: { type: Boolean, default: undefined },\r\n  },\r\n  emits: {\r\n    'update:modelValue': (_v: boolean | number | string | any[] | Set<any>) =>\r\n      true,\r\n    change: (_v: any) => true,\r\n  },\r\n  slots: Object as SlotsType<CheckboxSlots>,\r\n  setup(props, ctx) {\r\n    const { formItem, useDisabled } = useFormItem()\r\n    const cfg = useComponentConfig('Checkbox', props, CHECKBOX_FALLBACK)\r\n\r\n    // 分支与原先一致：按初始 value 是否为数组决定单选/多选模式\r\n    if (isArray(props.value)) {\r\n      return setupCheckOne(props, ctx, formItem, useDisabled, cfg)\r\n    }\r\n    return setupMore(props, ctx, formItem, useDisabled, cfg)\r\n  },\r\n})\r\n\r\nfunction rootTokenStyle(cfg: ComputedRef<any>, cssVars?: CssVars) {\r\n  return toCssVarsStyle({\r\n    ...propSizeToCssVars('checkbox', cfg.value.size),\r\n    ...propColorToCssVars('checkbox', cfg.value.color),\r\n    ...cssVars,\r\n  })\r\n}\r\n\r\nfunction setupMore(\r\n  props: any,\r\n  ctx: SetupContext,\r\n  formItem: ReturnType<typeof useFormItem>['formItem'],\r\n  useDisabled: ReturnType<typeof useFormItem>['useDisabled'],\r\n  cfg: ComputedRef<any>,\r\n) {\r\n  const disabled = useDisabled(computed(() => cfg.value.disabled))\r\n\r\n  const symbol = computed(() => Symbol(props.value))\r\n  const data = computed(() => [symbol.value, props.value])\r\n  const has = computed(() => {\r\n    if (isArray(props.modelValue)) {\r\n      return props.modelValue.some((v: any) => v === props.value)\r\n    }\r\n    if (isSet(props.modelValue)) {\r\n      return props.modelValue.has(props.value)\r\n    }\r\n    return false\r\n  })\r\n  const { toggle, item } = useToggleArray(\r\n    data,\r\n    reactive({\r\n      item: computed(() => (has.value ? props.value : symbol.value)),\r\n    }),\r\n  )\r\n  const isChecked = computed(() => item.value === props.value)\r\n  const iconProps = useIconProps(isChecked, props, disabled, ctx.slots)\r\n\r\n  return () => {\r\n    const rootProps: Record<string, any> = {\r\n      class: [\r\n        'w-checkbox',\r\n        {\r\n          'w-checkbox-gap': cfg.value.gap,\r\n          'w-checkbox-disabled': disabled.value,\r\n          'w-checkbox-checked': isChecked.value,\r\n        },\r\n      ],\r\n      style: rootTokenStyle(cfg, props.cssVars),\r\n    }\r\n    if (!disabled.value) {\r\n      rootProps.onClick = () => {\r\n        if (disabled.value) return\r\n        let arr = props.modelValue ? [...props.modelValue] : []\r\n        toggle()\r\n        if (isChecked.value) {\r\n          arr.push(props.value)\r\n        } else {\r\n          arr = arr.filter((a: any) => a !== props.value)\r\n        }\r\n        ctx.emit(\r\n          'update:modelValue',\r\n          isSet(props.modelValue) ? new Set(arr) : arr,\r\n        )\r\n        ctx.emit('change', isChecked.value)\r\n        formItem?.validate('change')\r\n      }\r\n    }\r\n    return (\r\n      <span {...rootProps}>\r\n        <Icon {...iconProps.value} />\r\n        {props.text ?? ctx.slots.default?.()}\r\n      </span>\r\n    )\r\n  }\r\n}\r\n\r\nfunction setupCheckOne(\r\n  props: any,\r\n  ctx: SetupContext,\r\n  formItem: ReturnType<typeof useFormItem>['formItem'],\r\n  useDisabled: ReturnType<typeof useFormItem>['useDisabled'],\r\n  cfg: ComputedRef<any>,\r\n) {\r\n  const disabled = useDisabled(computed(() => cfg.value.disabled))\r\n\r\n  const trueValue = props.trueValue\r\n  const falseValue = props.falseValue\r\n  const useCustomValues = trueValue !== undefined && falseValue !== undefined\r\n\r\n  const { toggle, item } = useToggleArray(\r\n    computed(() => (useCustomValues ? [trueValue, falseValue] : props.value)),\r\n    reactive({\r\n      item: computed(() => props.modelValue),\r\n    }),\r\n  )\r\n  const isChecked = computed(() =>\r\n    useCustomValues\r\n      ? item.value === trueValue\r\n      : item.value === 1 || item.value === true,\r\n  )\r\n  const iconProps = useIconProps(isChecked, props, disabled, ctx.slots)\r\n\r\n  return () => {\r\n    const rootProps: Record<string, any> = {\r\n      class: [\r\n        'w-checkbox',\r\n        {\r\n          'w-checkbox-gap': cfg.value.gap,\r\n          'w-checkbox-disabled': disabled.value,\r\n          'w-checkbox-checked': isChecked.value,\r\n        },\r\n      ],\r\n      style: rootTokenStyle(cfg, props.cssVars),\r\n    }\r\n    if (!disabled.value) {\r\n      rootProps.onClick = () => {\r\n        if (disabled.value) return\r\n        toggle()\r\n        ctx.emit('update:modelValue', item.value)\r\n        ctx.emit('change', item.value)\r\n        formItem?.validate('change')\r\n      }\r\n    }\r\n    return (\r\n      <span {...rootProps}>\r\n        <Icon {...iconProps.value} />\r\n        {props.text ?? ctx.slots.default?.()}\r\n      </span>\r\n    )\r\n  }\r\n}\r\n\r\nfunction useIconProps(\r\n  isChecked: ComputedRef<boolean>,\r\n  props: any,\r\n  disabled: ComputedRef<boolean>,\r\n  slots?: Record<string, any>,\r\n) {\r\n  return computed(() => {\r\n    const hasCont = !!(props.text || slots?.default?.())\r\n    const name = isChecked.value\r\n      ? 'w-icon-checkbox-fill'\r\n      : disabled.value\r\n        ? 'w-icon-square'\r\n        : 'w-icon-checkbox'\r\n    return {\r\n      name,\r\n      class: [\r\n        'w-checkbox-icon',\r\n        {\r\n          'w-checkbox-icon-gap': hasCont,\r\n          'w-checkbox-icon-checked': isChecked.value,\r\n          'w-checkbox-icon-disabled': disabled.value,\r\n        },\r\n      ],\r\n    }\r\n  })\r\n}\r\n"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+/**
+ * 可通过 `app.use(UI, { components: { Checkbox: {...} } })` 配置。
+ * 不宜全局配置：modelValue / value / trueValue / falseValue（实例数据）。
+ */
+export type CheckboxGlobalConfig = Partial<{
+    gap: boolean;
+    /** 控件尺度 → `--w-prop-checkbox-size`（图标/字号由 CSS 从 `--__size` 派生） */
+    size: number;
+    /** 品牌主色 → `--w-prop-checkbox-color` */
+    color: string;
+    disabled: boolean;
+}>;
+export declare const CHECKBOX_FALLBACK: {
+    gap: boolean;
+    size: number | undefined;
+    color: string | undefined;
+    disabled: boolean;
+};

package/dist/components/checkbox/config.js

@@ -0,0 +1,11 @@
+//#region components/checkbox/config.ts
+var CHECKBOX_FALLBACK = {
+	gap: true,
+	size: void 0,
+	color: void 0,
+	disabled: false
+};
+//#endregion
+export { CHECKBOX_FALLBACK };
+
+//# sourceMappingURL=config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/checkbox/config.ts"],"sourcesContent":["/**\r\n * 可通过 `app.use(UI, { components: { Checkbox: {...} } })` 配置。\r\n * 不宜全局配置：modelValue / value / trueValue / falseValue（实例数据）。\r\n */\r\nexport type CheckboxGlobalConfig = Partial<{\r\n  gap: boolean\r\n  /** 控件尺度 → `--w-prop-checkbox-size`（图标/字号由 CSS 从 `--__size` 派生） */\r\n  size: number\r\n  /** 品牌主色 → `--w-prop-checkbox-color` */\r\n  color: string\r\n  disabled: boolean\r\n}>\r\n\r\nexport const CHECKBOX_FALLBACK = {\r\n  gap: true,\r\n  size: undefined as number | undefined,\r\n  color: undefined as string | undefined,\r\n  disabled: false,\r\n}\r\n"],"mappings":";AAaA,IAAa,oBAAoB;CAC/B,KAAK;CACL,MAAM,KAAA;CACN,OAAO,KAAA;CACP,UAAU;AACZ"}

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

@@ -0,0 +1,3 @@
+export { default } from './Checkbox';
+export type { CheckboxGlobalConfig } from './config';
+export { CHECKBOX_FALLBACK } from './config';

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

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