sard 1.0.0 → 1.0.2

package/components/qrcode/qrcode.d.ts

@@ -0,0 +1,12 @@
+import { type QrcodeProps } from './common';
+declare const __VLS_export: import("vue").DefineComponent<QrcodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<QrcodeProps> & Readonly<{}>, {
+    text: string;
+    ecl: import("./common").QrcodeECL;
+    size: string;
+    color: string;
+    icon: string;
+    bgColor: string;
+    quietZoneModules: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/components/qrcode/qrcode.js

@@ -0,0 +1,120 @@
+import { createBem } from "../../utils/bem.js";
+import { loadImage } from "../../utils/file.js";
+import { qrcode } from "../../utils/qrcode.js";
+import { useResizeObserver } from "../../use/useResizeObserver.js";
+import { defaultQrcodeProps } from "./common.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, useTemplateRef, watch } from "vue";
+//#region packages/sard/components/qrcode/qrcode.vue
+const _hoisted_1 = ["width", "height"];
+var qrcode_default = /*@__PURE__*/ defineComponent({
+	__name: "qrcode",
+	props: /*@__PURE__*/ mergeDefaults({
+		text: {
+			type: String,
+			required: false
+		},
+		ecl: {
+			type: String,
+			required: false
+		},
+		size: {
+			type: String,
+			required: false
+		},
+		color: {
+			type: String,
+			required: false
+		},
+		bgColor: {
+			type: String,
+			required: false
+		},
+		quietZoneModules: {
+			type: Number,
+			required: false
+		},
+		icon: {
+			type: String,
+			required: false
+		}
+	}, defaultQrcodeProps),
+	setup(__props) {
+		const props = __props;
+		const bem = createBem("qrcode");
+		const canvasRef = useTemplateRef("canvas");
+		const contextRef = computed(() => canvasRef.value?.getContext("2d"));
+		const dpr = window.devicePixelRatio;
+		const container = useTemplateRef("container");
+		const containerSize = useResizeObserver(container);
+		const canvasSize = computed(() => {
+			return containerSize.width * dpr;
+		});
+		const qrcodeMap = computed(() => {
+			return qrcode(props.text, { ecl: props.ecl });
+		});
+		const drawQrcode = async () => {
+			const context = contextRef.value;
+			const size = canvasSize.value;
+			if (!context || !size) return;
+			const map = qrcodeMap.value;
+			const moduleSize = size / (map.length + props.quietZoneModules * 2);
+			const margin = moduleSize * props.quietZoneModules;
+			const path = new Path2D();
+			map.forEach((row, rowIndex) => {
+				row.forEach((col, colIndex) => {
+					if (col === 1) path.rect(colIndex * moduleSize + margin, rowIndex * moduleSize + margin, moduleSize, moduleSize);
+				});
+			});
+			context.clearRect(0, 0, size, size);
+			context.fillStyle = props.bgColor;
+			context.fillRect(0, 0, size, size);
+			context.fillStyle = props.color;
+			context.fill(path);
+			await drawIcon(context);
+		};
+		const drawIcon = async (ctx) => {
+			if (props.icon) {
+				const image = await loadImage(props.icon);
+				const size = canvasSize.value;
+				ctx.save();
+				ctx.beginPath();
+				ctx.drawImage(image, size * .4, size * .4, size * .2, size * .2);
+				ctx.restore();
+			}
+		};
+		watch([
+			contextRef,
+			qrcodeMap,
+			canvasSize,
+			() => props.color,
+			() => props.bgColor,
+			() => props.quietZoneModules,
+			() => props.icon
+		], () => {
+			drawQrcode();
+		}, { flush: "post" });
+		const qrcodeClass = computed(() => {
+			return [bem.b()];
+		});
+		const qrcodeStyle = computed(() => {
+			return [{
+				width: props.size,
+				height: props.size
+			}];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "container",
+				ref: container,
+				class: normalizeClass(qrcodeClass.value),
+				style: normalizeStyle(qrcodeStyle.value)
+			}, [createElementVNode("canvas", {
+				ref: "canvas",
+				width: canvasSize.value,
+				height: canvasSize.value
+			}, null, 8, _hoisted_1)], 6);
+		};
+	}
+});
+//#endregion
+export { qrcode_default as default };

package/components/qrcode/test/utils.d.ts

@@ -0,0 +1,7 @@
+export declare const templateData: [
+    mode: number,
+    eclIndex: number,
+    version: number,
+    text: string,
+    bits: string
+][];

package/components/qrcode/test/utils.js

@@ -0,0 +1,89 @@
+//#region packages/sard/components/qrcode/test/utils.ts
+const templateData = [
+	[
+		0,
+		0,
+		3,
+		"348225387153986982694353493579848472895687283156376361859634796792865481434748",
+		"1111111000110110001111111100000101100001000100000110111010010010100010111011011101011101000101011101101110100011011010101110110000010100001001010000011111111010101010101111111000000000111101010000000011111011100011011101010100000110100010000011100001111100100000111100001000010010000101000101011011100100101010011001111111001111010000110001011101100110110011110101110100101101001110100101111000011011100100101010000111111111100000000110110001000100111111111011011011101011100100000100001011010001001010111010110101011111101011011101010001000110100111101110101111011011110000110000010100110110001111111111111010110011011111101"
+	],
+	[
+		0,
+		1,
+		3,
+		"5435417618345892661739564688646526345355222732778774828638496336",
+		"1111111000011111101111111100000101000110100100000110111010010000001010111011011101001010100101011101101110101011100100101110110000010000111011010000011111111010101010101111111000000000011111100000000010101010000100001000100101011110111101100011010001100000100001100111011001110110000001111101010101101011001111110101001001000011110001011011100011110110010110000101011100111100101100000101001100110100101101111000100111111110100000000100011111000110111111111000101100101010101100000100001101110001111010111010111000111111100011011101001111001100110000101110101001011010101010110000010011011110011001001111111011110000011111101"
+	],
+	[
+		0,
+		2,
+		3,
+		"5642469479548213533163688232524215771591555224761",
+		"1111111001010100101111111100000101001010000100000110111010101101011010111011011101000111001101011101101110100001011110101110110000010000100010010000011111111010101010101111111000000000100001000000000001110110001010111000001101000110100001011111101111011100110101110000101110101010100110011101000100110110011011011001101110101001011001011111000101001001011010100010010000010101001100001111011110100110001100110000010011111011000000000100110001000110011111111001111010101011111100000101011011010001011010111010001100011111110111011101011100100011001001101110101110101000100111010000010111111010000011101111111000100010110100001"
+	],
+	[
+		0,
+		3,
+		3,
+		"53538335531236555954812632624392673",
+		"1111111010011011001111111100000101100101000100000110111010110011000010111011011101000111000101011101101110100110001010101110110000010111000011010000011111111010101010101111111000000001011110010000000000111010110111010111001110001000011110001011000110111011110001001101000001001001101011101111101000111110101010100000100011111111011001110110101100101010101111000100000110101111010010001011010101110011100000110100011011111100100000000101001101000101001111111000001101101011110100000100111100110001100110111010100110001111100001011101011000100111110001101110101000011010001110110000010001010010010001111111111000001000110010001"
+	],
+	[
+		1,
+		0,
+		3,
+		"Z/JGSR61 +/B+J HLV0EJ1C2J5$ P*KZH2G1*EAMTE5+G-Z7",
+		"1111111011101001001111111100000101000101010100000110111010010000101010111011011101001000010101011101101110101010110000101110110000010110010110010000011111111010101010101111111000000001110110000000000011100110100110110111100111110000010001010001101100110110111000101110011000001101000001110011111110010010111101101011011011101001000011110101011110000111000011000111101110001110010100011010110101001110110111100010010011111110100000000100100111000101011111111001100011101011101100000101011011010001100010111010011110111111100101011101000110100001111110101110101110000110000101110000010101011100110010011111111011010001101000011"
+	],
+	[
+		1,
+		1,
+		3,
+		"J0MU3.AICM%4Z$C-36SOQ4Y/H4M1$A875RC5LQ:",
+		"1111111000111111101111111100000101101100010100000110111010111100100010111011011101011100101101011101101110100100111000101110110000010001001001010000011111111010101010101111111000000001000011000000000010000010110111111110011101111010100010101110010010111011111010110010110101010001100101110001110100101011101011001011111011001110100011011010100010111010000011110110111010110111010010110011110100111111101100100110010011111101100000000111100101000111101111111001001001101011010100000100011111010001011010111010010010011111111011011101001000110000110111101110100100111110111110110000010010001110000100001111111010011100011110011"
+	],
+	[
+		1,
+		2,
+		3,
+		"*PY.2HY%EZ0-*E0EL-8022XM2IU%OL",
+		"1111111010110010001111111100000101001101000100000110111010001111010010111011011101000111111001011101101110100010110100101110110000010000100101010000011111111010101010101111111000000000001011110000000001000011110000000100000110011110101110001100000001100100110001000111111101111101100110010111010100010110011110101011011000100100101010010101000100010110101010101001010111011111001010100100110110111010101110100011001111111011000000000100110011000100001111111011111111101010101100000100001101110001001010111010010100101111110101011101000110100001010101101110100000110101000110110000010111000101101001001111111000110001001100111"
+	],
+	[
+		1,
+		3,
+		3,
+		"N+5LMOXD69Q-II5I5KN2B",
+		"1111111011000001101111111100000101011010010100000110111010000011000010111011011101010101001001011101101110101111000010101110110000010101110100010000011111111010101010101111111000000000111100010000000000010010001100100001110110110100101110011001010111101101110110001010111001011110001011111110000001101110101101010010011001001010101011010000100110000110111011110101001101111110110100100011000000001101111010111111101111111010100000000110100001000101001111111000011110101010010100000100101101110001001110111010011001001111111101011101010010001011001010101110100101101010110100110000010010111000110010011111111001000011110111101"
+	],
+	[
+		2,
+		0,
+		3,
+		"袌縷俧舫椁螜嘵艩踸畠癬",
+		"1111111011011111001111111100000100000100100100000110111010111010010010111011011101010100110101011101101110101001001000101110110000010010111111010000011111111010101010101111111000000000110110000000000011110010101001011100111011011110100110110100110101111110101000001111110001111001101110000001000010010101111000010101000011101001101001100000001000101101001111111101111010110011010110101001111101111101001110101100110011111111100000000111100001000100011111111000011000101011010100000100011011010001010010111010000101011111110001011101010110101100110000101110101010101101100111010000010111000100011010001111111010011100110101111"
+	],
+	[
+		2,
+		1,
+		3,
+		"林廸鵡汋茹叟惰潓譙",
+		"1111111001100100101111111100000100111011000100000110111010001011110010111011011101001001010001011101101110100110111000101110110000010110100001010000011111111010101010101111111000000000100010100000000010010110110100001101000001111100010100100111010000000111111011001111101110001101101101110010011101011000011010110111000000010001110011001001010101010010001010001000011111011100111010101011001100001111111100101111100111111111100000000101101111000111011111111000011100101011010100000101011010110001100110111010001011011111110101011101010001011011011100101110100101010010110000110000010000100011010101001111111010000011010000011"
+	],
+	[
+		2,
+		2,
+		3,
+		"氲舷脖瀅瘇逎釐",
+		"1111111011101110101111111100000101001101000100000110111010101001101010111011011101011011011001011101101110101010111010101110110000010001111001010000011111111010101010101111111000000001101001100000000001101011010100111010111110001000011110100111011001001110111010010101100000011101101101110101010001100010001011100010100110001010100000001011101011110110010111101110111010101000100010011110011010001111100000111011110111111011100000000110101001000111111111111010111010101010110100000100110110110001110010111010111001111111110111011101001001000111100000101110101110100110100100110000010110001011001001101111111000100101011000011"
+	],
+	[
+		2,
+		3,
+		3,
+		"鲝纂壆嗙餹",
+		"1111111000010011101111111100000101101111010100000110111010111001010010111011011101010101000001011101101110101011110100101110110000010111100000010000011111111010101010101111111000000000100010000000000000100111101010011101111100010110101000111001111110101111110001111000110011001001001010101100101011011000101101100001010111011010011010000001101001101111010010100110101010000100010000111001100111000110110000111101001111111001000000000100101001000101011111111011000110101011000100000101010001010001011110111010011010001111111001011101000011101001010000101110101101010100110101110000010001000001011011001111111001110110001011001"
+	]
+];
+//#endregion
+export { templateData };

package/components/radio/common.d.ts

@@ -0,0 +1,59 @@
+import { type DefaultProps } from '../config';
+import { type OptionKeys } from '../../use';
+import type { InjectionKey } from 'vue';
+export type IconType = 'circle' | 'record';
+export interface RadioProps {
+    checked?: boolean;
+    value?: any;
+    label?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    size?: string;
+    type?: IconType;
+    checkedColor?: string;
+}
+export interface RadioSlots {
+    default?(props: Record<string, never>): any;
+    icon?(props: {
+        checked: boolean;
+    }): any;
+}
+export interface RadioEmits {
+    (e: 'click', event: MouseEvent): void;
+}
+export type RadioGroupOption = {
+    [key: PropertyKey]: any;
+} | string | number | boolean;
+export interface RadioGroupProps {
+    modelValue?: any;
+    disabled?: boolean;
+    readonly?: boolean;
+    size?: string;
+    type?: IconType;
+    checkedColor?: string;
+    direction?: 'horizontal' | 'vertical';
+    validateEvent?: boolean;
+    options?: RadioGroupOption[];
+    optionKeys?: OptionKeys;
+}
+export declare const defaultRadioGroupProps: DefaultProps<RadioGroupProps>;
+export interface RadioGroupSlots {
+    default?(props: {
+        toggle: (value: any) => void;
+        value: any;
+    }): any;
+}
+export interface RadioGroupEmits {
+    (e: 'update:modelValue', value: any): void;
+    (e: 'change', value: any): void;
+}
+export interface RadioContext {
+    disabled: RadioProps['disabled'];
+    readonly: RadioProps['readonly'];
+    size: RadioProps['size'];
+    type: RadioProps['type'];
+    checkedColor: RadioProps['checkedColor'];
+    value: any;
+    toggle: (value: any) => void;
+}
+export declare const radioContextKey: InjectionKey<RadioContext>;

package/components/radio/common.js

@@ -0,0 +1,8 @@
+//#region packages/sard/components/radio/common.ts
+const defaultRadioGroupProps = {
+	direction: "vertical",
+	validateEvent: true
+};
+const radioContextKey = Symbol("radioContext");
+//#endregion
+export { defaultRadioGroupProps, radioContextKey };

package/components/radio/index.css

@@ -0,0 +1 @@
+:root{--s-radio-group-column-gap:var(--s-size-sm);--s-radio-group-row-gap:var(--s-size-xs);--s-radio-icon-font-size:20px;--s-radio-icon-color:var(--s-text-color-fourth);--s-radio-icon-color-checked:var(--s-color-primary);--s-radio-icon-color-disabled:var(--s-text-color-disabled);--s-radio-label-margin-start:var(--s-size-xs)}.s-radio{display:flex;align-items:center;cursor:pointer}.s-radio__icon{font-size:var(--s-radio-icon-font-size);line-height:var(--s-line-height-none);color:var(--s-radio-icon-color);transition:color var(--s-duration)}.s-radio__icon--checked{color:var(--s-radio-icon-color-checked)}.s-radio__label{margin-inline-start:var(--s-radio-label-margin-start)}.s-radio--readonly{cursor:unset}.s-radio--disabled{cursor:var(--s-cursor-disabled)}.s-radio--disabled .s-radio__icon{color:var(--s-radio-icon-color-disabled)}.s-radio--disabled .s-radio__label{color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-radio-group{display:flex;row-gap:var(--s-radio-group-row-gap);column-gap:var(--s-radio-group-column-gap)}.s-radio-group--horizontal{flex-direction:row;flex-wrap:wrap}.s-radio-group--vertical{flex-direction:column}

package/components/radio/index.d.ts

@@ -0,0 +1,7 @@
+import { type EnhancedComponent } from '../../utils';
+import _Radio from './radio.vue';
+import _RadioGroup from './radio-group.vue';
+export declare const Radio: EnhancedComponent<typeof _Radio>;
+export declare const RadioGroup: EnhancedComponent<typeof _RadioGroup>;
+export default Radio;
+export type { RadioProps, RadioSlots, RadioEmits, RadioGroupProps, RadioGroupSlots, RadioGroupEmits, } from './common';

package/components/radio/index.js

@@ -0,0 +1,8 @@
+import { enhanceComponent } from "../../utils/component.js";
+import radio_default from "./radio.js";
+import radio_group_default from "./radio-group.js";
+//#region packages/sard/components/radio/index.ts
+const Radio = enhanceComponent(radio_default);
+const RadioGroup = enhanceComponent(radio_group_default);
+//#endregion
+export { Radio, Radio as default, RadioGroup };

package/components/radio/radio-group.d.ts

@@ -0,0 +1,28 @@
+import { type RadioGroupProps, type RadioGroupSlots } from './common';
+type __VLS_Slots = RadioGroupSlots;
+declare const __VLS_base: import("vue").DefineComponent<RadioGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (value: any) => any;
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<RadioGroupProps> & Readonly<{
+    onChange?: ((value: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    options: import("./common").RadioGroupOption[];
+    readonly: boolean;
+    size: string;
+    direction: "horizontal" | "vertical";
+    type: import("./common").IconType;
+    disabled: boolean;
+    modelValue: any;
+    optionKeys: import("../../use").OptionKeys;
+    validateEvent: boolean;
+    checkedColor: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/radio/radio-group.js

@@ -0,0 +1,99 @@
+import { createBem } from "../../utils/bem.js";
+import { useOptionKeys } from "../../use/useOptionKeys.js";
+import { useFormItemContext } from "../form/common.js";
+import { defaultRadioGroupProps, radioContextKey } from "./common.js";
+import radio_default from "./radio.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, mergeDefaults, normalizeClass, openBlock, provide, reactive, ref, renderList, renderSlot, toDisplayString, toRef, unref, useSlots, watch, withCtx } from "vue";
+//#region packages/sard/components/radio/radio-group.vue
+var radio_group_default = /*@__PURE__*/ defineComponent({
+	__name: "radio-group",
+	props: /*@__PURE__*/ mergeDefaults({
+		modelValue: {
+			type: null,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false
+		},
+		size: {
+			type: String,
+			required: false
+		},
+		type: {
+			type: String,
+			required: false
+		},
+		checkedColor: {
+			type: String,
+			required: false
+		},
+		direction: {
+			type: String,
+			required: false
+		},
+		validateEvent: {
+			type: Boolean,
+			required: false
+		},
+		options: {
+			type: Array,
+			required: false
+		},
+		optionKeys: {
+			type: Object,
+			required: false
+		}
+	}, defaultRadioGroupProps),
+	emits: ["update:modelValue", "change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		useSlots();
+		const emit = __emit;
+		const bem = createBem("radio-group");
+		const { getLabel, getValue, getKey } = useOptionKeys(props);
+		const formItemContext = useFormItemContext();
+		const innerValue = ref(props.modelValue);
+		watch(() => props.modelValue, () => {
+			innerValue.value = props.modelValue;
+			if (props.validateEvent) formItemContext?.onChange();
+		});
+		const toggle = (value) => {
+			if (value !== innerValue.value) {
+				innerValue.value = value;
+				emit("update:modelValue", value);
+				emit("change", value);
+			}
+		};
+		provide(radioContextKey, reactive({
+			disabled: toRef(() => props.disabled),
+			readonly: toRef(() => props.readonly),
+			size: toRef(() => props.size),
+			type: toRef(() => props.type),
+			checkedColor: toRef(() => props.checkedColor),
+			value: innerValue,
+			toggle
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(bem).b(), unref(bem).m(__props.direction)]) }, [renderSlot(_ctx.$slots, "default", {
+				toggle,
+				value: innerValue.value
+			}, () => [__props.options ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.options, (option) => {
+				return openBlock(), createBlock(radio_default, {
+					key: unref(getKey)(unref(getValue)(option)),
+					value: unref(getValue)(option),
+					"validate-event": false
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(getLabel)(option)), 1)]),
+					_: 2
+				}, 1032, ["value"]);
+			}), 128)) : createCommentVNode("v-if", true)])], 2);
+		};
+	}
+});
+//#endregion
+export { radio_group_default as default };

package/components/radio/radio.d.ts

@@ -0,0 +1,15 @@
+import { type RadioProps, type RadioSlots } from './common';
+type __VLS_Slots = RadioSlots;
+declare const __VLS_base: import("vue").DefineComponent<RadioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<RadioProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/radio/radio.js

@@ -0,0 +1,113 @@
+import { createBem } from "../../utils/bem.js";
+import { useFormContext } from "../form/common.js";
+import check_icon_default from "../check-icon/check-icon.js";
+import { radioContextKey } from "./common.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, provide, ref, renderSlot, toDisplayString, unref, useSlots, watch } from "vue";
+//#region packages/sard/components/radio/radio.vue
+var radio_default = /*@__PURE__*/ defineComponent({
+	__name: "radio",
+	props: {
+		checked: {
+			type: Boolean,
+			required: false
+		},
+		value: {
+			type: null,
+			required: false
+		},
+		label: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false
+		},
+		size: {
+			type: String,
+			required: false
+		},
+		type: {
+			type: String,
+			required: false
+		},
+		checkedColor: {
+			type: String,
+			required: false
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const slots = useSlots();
+		const emit = __emit;
+		const bem = createBem("radio");
+		const groupContext = inject(radioContextKey, null);
+		const formContext = useFormContext();
+		const innerChecked = ref(groupContext ? groupContext.value === props.value : props.checked);
+		const isDisabled = computed(() => {
+			return formContext?.disabled || groupContext?.disabled || props.disabled;
+		});
+		const isReadonly = computed(() => {
+			return formContext?.readonly || groupContext?.readonly || props.readonly;
+		});
+		if (groupContext) watch(() => groupContext.value, () => {
+			innerChecked.value = groupContext.value === props.value;
+		});
+		else watch(() => props.checked, () => {
+			innerChecked.value = props.checked;
+		});
+		const onClick = (event) => {
+			if (!isDisabled.value && !isReadonly.value) if (groupContext) groupContext.toggle(props.value);
+			else innerChecked.value = true;
+			emit("click", event);
+		};
+		provide(radioContextKey, null);
+		const radioClass = computed(() => {
+			return [
+				bem.b(),
+				bem.m("checked", innerChecked.value),
+				bem.m("disabled", isDisabled.value),
+				bem.m("readonly", isReadonly.value)
+			];
+		});
+		const checkIconType = computed(() => {
+			const type = props.type ?? groupContext?.type ?? "circle";
+			return innerChecked.value ? type === "circle" ? "check" : "dot" : "empty";
+		});
+		const iconColor = computed(() => {
+			return innerChecked.value && !isDisabled.value ? props.checkedColor ?? groupContext?.checkedColor : void 0;
+		});
+		const iconClass = computed(() => {
+			return [bem.e("icon"), bem.em("icon", "checked", innerChecked.value)];
+		});
+		const iconStyle = computed(() => {
+			return {
+				fontSize: props.size ?? groupContext?.size,
+				color: iconColor.value
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(radioClass.value),
+				onClick
+			}, [createElementVNode("div", {
+				class: normalizeClass(iconClass.value),
+				style: normalizeStyle(iconStyle.value)
+			}, [renderSlot(_ctx.$slots, "icon", { checked: innerChecked.value }, () => [createVNode(check_icon_default, {
+				shape: "circle",
+				type: checkIconType.value,
+				disabled: isDisabled.value
+			}, null, 8, ["type", "disabled"])])], 6), slots.default || __props.label ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(bem).e("label"))
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])], 2)) : createCommentVNode("v-if", true)], 2);
+		};
+	}
+});
+//#endregion
+export { radio_default as default };