@sdata/web-vue 3.29.0 → 4.0.0

package/es/radio/index.d.ts

@@ -1,159 +1,50 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
-import _Radio from './radio';
-import _RadioGroup from './radio-group';
+import _RadioGroup from './radio-group.vue';
+import _Radio from './radio.vue';
 export type { RadioOption } from './interface';
 export type RadioValue = string | number | boolean;
 export type RadioGroupChangeHandler = (value: RadioValue) => void;
 declare const Radio: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: import("vue").PropType<string | number | boolean>;
-            default: undefined;
-        };
-        defaultChecked: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        value: {
-            type: import("vue").PropType<string | number | boolean>;
-            default: boolean;
-        };
-        type: {
-            type: import("vue").PropType<import("./context").RadioType>;
-            default: string;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        uninjectGroupContext: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onChange?: ((_value: string | number | boolean, _ev: Event) => any) | undefined;
-        "onUpdate:modelValue"?: ((_value: string | number | boolean) => any) | undefined;
-    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:modelValue': (_value: string | number | boolean) => true;
-        change: (_value: string | number | boolean, _ev: Event) => true;
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: string | number | boolean;
+        defaultChecked?: boolean;
+        value?: string | number | boolean;
+        type?: import("./context.ts").RadioType;
+        disabled?: boolean;
+        uninjectGroupContext?: boolean;
+    }> & Readonly<{
+        onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (value: string | number | boolean, ev: Event) => any;
+        "update:modelValue": (value: string | number | boolean) => any;
     }, import("vue").PublicProps, {
-        type: "button" | "radio";
+        type: import("./context.ts").RadioType;
         value: string | number | boolean;
         disabled: boolean;
         modelValue: string | number | boolean;
         defaultChecked: boolean;
         uninjectGroupContext: boolean;
-    }, true, {}, {}, {
-        IconHover: {
-            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-                prefix: {
-                    type: StringConstructor;
-                };
-                size: {
-                    type: import("vue").PropType<import("..").Size>;
-                    default: string;
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            }>> & Readonly<{
-                onClick?: ((_e: MouseEvent) => any) | undefined;
-            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                click: (_e: MouseEvent) => any;
-            }, import("vue").PublicProps, {
-                size: "small" | "medium" | "large" | "mini";
-                disabled: boolean;
-            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import("vue").ExtractPropTypes<{
-                prefix: {
-                    type: StringConstructor;
-                };
-                size: {
-                    type: import("vue").PropType<import("..").Size>;
-                    default: string;
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-            }>> & Readonly<{
-                onClick?: ((_e: MouseEvent) => any) | undefined;
-            }>, {}, {}, {}, {}, {
-                size: "small" | "medium" | "large" | "mini";
-                disabled: boolean;
-            }>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            prefix: {
-                type: StringConstructor;
-            };
-            size: {
-                type: import("vue").PropType<import("..").Size>;
-                default: string;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{
-            onClick?: ((_e: MouseEvent) => any) | undefined;
-        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            click: (_e: MouseEvent) => any;
-        }, string, {
-            size: "small" | "medium" | "large" | "mini";
-            disabled: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-            $slots: {
-                default?: (props: {}) => any;
-            };
-        });
-    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: import("vue").PropType<string | number | boolean>;
-            default: undefined;
-        };
-        defaultChecked: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        value: {
-            type: import("vue").PropType<string | number | boolean>;
-            default: boolean;
-        };
-        type: {
-            type: import("vue").PropType<import("./context").RadioType>;
-            default: string;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        uninjectGroupContext: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onChange?: ((_value: string | number | boolean, _ev: Event) => any) | undefined;
-        "onUpdate:modelValue"?: ((_value: string | number | boolean) => any) | undefined;
-    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-        type: "button" | "radio";
+    }, Readonly<{
+        modelValue?: string | number | boolean;
+        defaultChecked?: boolean;
+        value?: string | number | boolean;
+        type?: import("./context.ts").RadioType;
+        disabled?: boolean;
+        uninjectGroupContext?: boolean;
+    }> & Readonly<{
+        onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        type: import("./context.ts").RadioType;
         value: string | number | boolean;
         disabled: boolean;
         modelValue: string | number | boolean;
@@ -163,185 +54,116 @@ declare const Radio: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: import("vue").PropType<string | number | boolean>;
-        default: undefined;
-    };
-    defaultChecked: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    value: {
-        type: import("vue").PropType<string | number | boolean>;
-        default: boolean;
-    };
-    type: {
-        type: import("vue").PropType<import("./context").RadioType>;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    uninjectGroupContext: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onChange?: ((_value: string | number | boolean, _ev: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((_value: string | number | boolean) => any) | undefined;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (_value: string | number | boolean) => true;
-    change: (_value: string | number | boolean, _ev: Event) => true;
+} & import("vue").ComponentOptionsBase<Readonly<{
+    modelValue?: string | number | boolean;
+    defaultChecked?: boolean;
+    value?: string | number | boolean;
+    type?: import("./context.ts").RadioType;
+    disabled?: boolean;
+    uninjectGroupContext?: boolean;
+}> & Readonly<{
+    onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string | number | boolean, ev: Event) => any;
+    "update:modelValue": (value: string | number | boolean) => any;
 }, string, {
-    type: "button" | "radio";
+    type: import("./context.ts").RadioType;
     value: string | number | boolean;
     disabled: boolean;
     modelValue: string | number | boolean;
     defaultChecked: boolean;
     uninjectGroupContext: boolean;
-}, {}, string, {}, {
-    IconHover: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            prefix: {
-                type: StringConstructor;
-            };
-            size: {
-                type: import("vue").PropType<import("..").Size>;
-                default: string;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{
-            onClick?: ((_e: MouseEvent) => any) | undefined;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: () => import("vue").VNode[];
+        radio?: (props: {
+            checked: boolean;
+            disabled: boolean;
+        }) => import("vue").VNode[];
+    };
+}) & {
+    Group: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue?: string | number | boolean;
+            defaultValue?: string | number | boolean;
+            type?: import("./context.ts").RadioType;
+            size?: import("../index.ts").Size;
+            options?: Array<string | number | import("./interface").RadioOption>;
+            direction?: import("../index.ts").Direction;
+            disabled?: boolean;
+        }> & Readonly<{
+            onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            click: (_e: MouseEvent) => any;
+            change: (value: string | number | boolean, ev: Event) => any;
+            "update:modelValue": (value: string | number | boolean) => any;
         }, import("vue").PublicProps, {
-            size: "small" | "medium" | "large" | "mini";
+            type: import("./context.ts").RadioType;
             disabled: boolean;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            direction: import("../index.ts").Direction;
+            defaultValue: string | number | boolean;
+            modelValue: string | number | boolean;
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            prefix: {
-                type: StringConstructor;
-            };
-            size: {
-                type: import("vue").PropType<import("..").Size>;
-                default: string;
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{
-            onClick?: ((_e: MouseEvent) => any) | undefined;
+        }, Readonly<{
+            modelValue?: string | number | boolean;
+            defaultValue?: string | number | boolean;
+            type?: import("./context.ts").RadioType;
+            size?: import("../index.ts").Size;
+            options?: Array<string | number | import("./interface").RadioOption>;
+            direction?: import("../index.ts").Direction;
+            disabled?: boolean;
+        }> & Readonly<{
+            onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
         }>, {}, {}, {}, {}, {
-            size: "small" | "medium" | "large" | "mini";
+            type: import("./context.ts").RadioType;
             disabled: boolean;
+            direction: import("../index.ts").Direction;
+            defaultValue: string | number | boolean;
+            modelValue: string | number | boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        prefix: {
-            type: StringConstructor;
-        };
-        size: {
-            type: import("vue").PropType<import("..").Size>;
-            default: string;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onClick?: ((_e: MouseEvent) => any) | undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        modelValue?: string | number | boolean;
+        defaultValue?: string | number | boolean;
+        type?: import("./context.ts").RadioType;
+        size?: import("../index.ts").Size;
+        options?: Array<string | number | import("./interface").RadioOption>;
+        direction?: import("../index.ts").Direction;
+        disabled?: boolean;
+    }> & Readonly<{
+        onChange?: ((value: string | number | boolean, ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (_e: MouseEvent) => any;
+        change: (value: string | number | boolean, ev: Event) => any;
+        "update:modelValue": (value: string | number | boolean) => any;
     }, string, {
-        size: "small" | "medium" | "large" | "mini";
+        type: import("./context.ts").RadioType;
         disabled: boolean;
+        direction: import("../index.ts").Direction;
+        defaultValue: string | number | boolean;
+        modelValue: string | number | boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
-            default?: (props: {}) => any;
+            default?: () => import("vue").VNode[];
+            label?: (props: {
+                data: import("./interface").RadioOption;
+            }) => import("vue").VNode[];
+            radio?: (props: {
+                checked: boolean;
+                disabled: boolean;
+            }) => import("vue").VNode[];
         };
     });
-} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: import("vue").PropType<string | number | boolean>;
-            default: undefined;
-        };
-        defaultValue: {
-            type: import("vue").PropType<string | number | boolean>;
-            default: string;
-        };
-        type: {
-            type: import("vue").PropType<import("./context").RadioType>;
-            default: string;
-        };
-        size: {
-            type: import("vue").PropType<import("..").Size>;
-        };
-        options: {
-            type: import("vue").PropType<Array<string | number | import("./interface").RadioOption>>;
-        };
-        direction: {
-            type: import("vue").PropType<import("..").Direction>;
-            default: string;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:modelValue': (_value: string | number | boolean) => true;
-        change: (_value: string | number | boolean, _ev: Event) => true;
-    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: import("vue").PropType<string | number | boolean>;
-            default: undefined;
-        };
-        defaultValue: {
-            type: import("vue").PropType<string | number | boolean>;
-            default: string;
-        };
-        type: {
-            type: import("vue").PropType<import("./context").RadioType>;
-            default: string;
-        };
-        size: {
-            type: import("vue").PropType<import("..").Size>;
-        };
-        options: {
-            type: import("vue").PropType<Array<string | number | import("./interface").RadioOption>>;
-        };
-        direction: {
-            type: import("vue").PropType<import("..").Direction>;
-            default: string;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onChange?: ((_value: string | number | boolean, _ev: Event) => any) | undefined;
-        "onUpdate:modelValue"?: ((_value: string | number | boolean) => any) | undefined;
-    }>, {
-        type: "button" | "radio";
-        disabled: boolean;
-        direction: "horizontal" | "vertical";
-        defaultValue: string | number | boolean;
-        modelValue: string | number | boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     install: (app: App, options?: SDOptions) => void;
 };
 export type RadioInstance = InstanceType<typeof _Radio>;

package/es/radio/radio-group.js

@@ -1,170 +1,5 @@
-import { useFormItem } from "../_hooks/use-form-item.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isFunction, isNull, isNumber, isString, isUndefined } from "../_utils/is.js";
-import { useSize } from "../_hooks/use-size.js";
-import { radioGroupKey } from "./context.js";
-import radio_default from "./radio.js";
-import { computed, createVNode, defineComponent, getCurrentInstance, provide, reactive, ref, toRefs, watch } from "vue";
-//#region components/radio/radio-group.tsx
-var radio_group_default = /* @__PURE__ */ defineComponent({
-	name: "RadioGroup",
-	props: {
-		/**
-		* @zh 绑定值
-		* @en Value
-		* @vModel
-		*/
-		modelValue: {
-			type: [
-				String,
-				Number,
-				Boolean
-			],
-			default: void 0
-		},
-		/**
-		* @zh 默认值（非受控状态）
-		* @en Default value (uncontrolled state)
-		*/
-		defaultValue: {
-			type: [
-				String,
-				Number,
-				Boolean
-			],
-			default: ""
-		},
-		/**
-		* @zh 单选框组的类型
-		* @en Types of radio group
-		* @values 'radio', 'button'
-		*/
-		type: {
-			type: String,
-			default: "radio"
-		},
-		/**
-		* @zh 单选框组的尺寸
-		* @en The size of the radio group
-		* @values 'mini','small','medium','large'
-		*/
-		size: { type: String },
-		/**
-		* @zh 选项
-		* @en Options
-		* @version 2.27.0
-		*/
-		options: { type: Array },
-		/**
-		* @zh 单选框组的方向
-		* @en The direction of the radio group
-		* @values 'horizontal', 'vertical'
-		*/
-		direction: {
-			type: String,
-			default: "horizontal"
-		},
-		/**
-		* @zh 是否禁用
-		* @en Whether to disable
-		*/
-		disabled: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: {
-		"update:modelValue": (_value) => true,
-		/**
-		* @zh 值改变时触发
-		* @en Trigger when the value changes
-		* @property { string | number | boolean } value
-		*/
-		"change": (_value, _ev) => true
-	},
-	/**
-	* @zh radio 文案内容
-	* @en radio label content
-	* @slot label
-	* @binding {RadioOption} data
-	* @version 2.27.0
-	*/
-	/**
-	* @zh 自定义单选框
-	* @en Custom radio
-	* @slot radio
-	* @binding {boolean} checked
-	* @binding {boolean} disabled
-	* @version 2.27.0
-	*/
-	setup(props, { emit, slots }) {
-		const prefixCls = getPrefixCls("radio-group");
-		const { size, type, disabled, modelValue } = toRefs(props);
-		const { mergedDisabled, mergedSize: _mergedSize, eventHandlers } = useFormItem({
-			size,
-			disabled
-		});
-		const { mergedSize } = useSize(_mergedSize);
-		const _value = ref(props.defaultValue);
-		const computedValue = computed(() => {
-			var _props$modelValue;
-			return (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : _value.value;
-		});
-		const options = computed(() => {
-			var _props$options;
-			return ((_props$options = props.options) !== null && _props$options !== void 0 ? _props$options : []).map((option) => {
-				if (isString(option) || isNumber(option)) return {
-					label: option,
-					value: option
-				};
-				return option;
-			});
-		});
-		const handleChange = (value, e) => {
-			var _eventHandlers$value, _eventHandlers$value$;
-			_value.value = value;
-			emit("update:modelValue", value);
-			emit("change", value, e);
-			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value, e);
-		};
-		provide(radioGroupKey, reactive({
-			name: "SDRadioGroup",
-			inputName: `${prefixCls}-${getCurrentInstance().uid}`,
-			value: computedValue,
-			size: mergedSize,
-			type,
-			disabled: mergedDisabled,
-			slots,
-			handleChange
-		}));
-		watch(computedValue, (cur) => {
-			if (_value.value !== cur) _value.value = cur;
-		});
-		watch(modelValue, (val) => {
-			if (isUndefined(val) || isNull(val)) _value.value = "";
-		});
-		const cls = computed(() => [
-			`${prefixCls}${props.type === "button" ? "-button" : ""}`,
-			`${prefixCls}-size-${mergedSize.value}`,
-			`${prefixCls}-direction-${props.direction}`,
-			{ [`${prefixCls}-disabled`]: mergedDisabled.value }
-		]);
-		const renderOptions = () => {
-			return options.value.map((option) => createVNode(radio_default, {
-				"key": option.value,
-				"value": option.value,
-				"disabled": option.disabled,
-				"modelValue": computedValue.value === option.value
-			}, { default: () => [slots.label ? slots.label({ data: option }) : isFunction(option.label) ? option.label() : option.label] }));
-		};
-		return () => {
-			var _slots$default;
-			return createVNode("span", {
-				"role": "radiogroup",
-				"class": cls.value
-			}, [options.value.length > 0 ? renderOptions() : (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)]);
-		};
-	}
-});
+import radio_group_vue_vue_type_script_setup_true_lang_default from "./radio-group.vue_vue_type_script_setup_true_lang.js";
+//#region components/radio/radio-group.vue
+var radio_group_default = radio_group_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { radio_group_default as default };