@destyler/radio 0.0.3 → 0.0.5

package/dist/component.d.mts

@@ -1,85 +1,137 @@
-export { DestylerRadioGroupIndicator, DestylerRadioGroupIndicatorProps, DestylerRadioGroupItem, DestylerRadioGroupItemProps, DestylerRadioGroupRoot, DestylerRadioGroupRootProps } from './index.mjs';
+export { f as RadioGroupIndicator, h as RadioGroupIndicatorProps, c as RadioGroupItem, e as RadioGroupItemProps, R as RadioGroupRoot, b as RadioGroupRootProps, g as radioGroupIndicatorProps, d as radioGroupItemProps, a as radioGroupRootEmits, r as radioGroupRootProps } from './shared/radio.54693474.mjs';
 import * as vue from 'vue';
-import { PropType, Component } from 'vue';
-import { AsTag } from '@destyler/primitive';
+import { PropType } from 'vue';
+import * as _destyler_primitive from '@destyler/primitive';
 import { ExtractPublicPropTypes } from '@destyler/shared';
 
-declare const destylerRadioProps: {
+declare const radioProps: {
+    /**
+     * @default button
+     */
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
         readonly default: "button";
-    };
-    readonly asChild: {
-        readonly type: PropType<boolean>;
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
         readonly required: false;
-        readonly default: false;
     };
+    /**
+     * The name of the input fields in the radio (Useful for form submission).
+     */
     readonly id: {
         readonly type: PropType<string>;
         readonly required: false;
     };
+    /**
+     * The value given as data when submitted with a `name`.
+     */
     readonly value: {
         readonly type: PropType<string>;
         readonly required: false;
     };
+    /**
+     * When `true`, prevents the user from interacting with the radio item.
+     */
     readonly disabled: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
+    /**
+     * When `true`, indicates that the user must check the radio item before the owning form can be submitted.
+     */
     readonly required: {
         readonly type: PropType<boolean>;
         readonly required: false;
     };
+    /**
+     * The controlled value of the radio item to check. Can be binded as `v-model`.
+     *
+     * @default undefined
+     */
     readonly checked: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: undefined;
     };
+    /**
+     * The name of the input fields in the radio (Useful for form submission).
+     */
     readonly name: {
         readonly type: PropType<string>;
         readonly required: false;
     };
-};
-type DestylerRadioProps = ExtractPublicPropTypes<typeof destylerRadioProps>;
-declare const DestylerRadio: vue.DefineComponent<{
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "button";
-    };
     readonly asChild: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
+};
+type RadioProps = ExtractPublicPropTypes<typeof radioProps>;
+declare const radioEmits: {
+    /**
+     * Event handler called when the radio item is checked.
+     */
+    'update:checked': (_value: boolean) => boolean;
+};
+declare const Radio: vue.DefineComponent<{
+    /**
+     * @default button
+     */
+    readonly as: {
+        readonly default: "button";
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    /**
+     * The name of the input fields in the radio (Useful for form submission).
+     */
     readonly id: {
         readonly type: PropType<string>;
         readonly required: false;
     };
+    /**
+     * The value given as data when submitted with a `name`.
+     */
     readonly value: {
         readonly type: PropType<string>;
         readonly required: false;
     };
+    /**
+     * When `true`, prevents the user from interacting with the radio item.
+     */
     readonly disabled: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
+    /**
+     * When `true`, indicates that the user must check the radio item before the owning form can be submitted.
+     */
     readonly required: {
         readonly type: PropType<boolean>;
         readonly required: false;
     };
+    /**
+     * The controlled value of the radio item to check. Can be binded as `v-model`.
+     *
+     * @default undefined
+     */
     readonly checked: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: undefined;
     };
+    /**
+     * The name of the input fields in the radio (Useful for form submission).
+     */
     readonly name: {
         readonly type: PropType<string>;
         readonly required: false;
     };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
 }, {
     forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
     checkedRef: vue.WritableComputedRef<boolean | undefined>;
@@ -87,50 +139,78 @@ declare const DestylerRadio: vue.DefineComponent<{
     value: vue.Ref<string | undefined>;
     isFormControl: vue.ComputedRef<boolean>;
     handleClick: (event: MouseEvent) => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:checked"[], "update:checked", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    /**
+     * Event handler called when the radio item is checked.
+     */
+    'update:checked': (_value: boolean) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * @default button
+     */
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
         readonly default: "button";
-    };
-    readonly asChild: {
-        readonly type: PropType<boolean>;
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
         readonly required: false;
-        readonly default: false;
     };
+    /**
+     * The name of the input fields in the radio (Useful for form submission).
+     */
     readonly id: {
         readonly type: PropType<string>;
         readonly required: false;
     };
+    /**
+     * The value given as data when submitted with a `name`.
+     */
     readonly value: {
         readonly type: PropType<string>;
         readonly required: false;
     };
+    /**
+     * When `true`, prevents the user from interacting with the radio item.
+     */
     readonly disabled: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
+    /**
+     * When `true`, indicates that the user must check the radio item before the owning form can be submitted.
+     */
     readonly required: {
         readonly type: PropType<boolean>;
         readonly required: false;
     };
+    /**
+     * The controlled value of the radio item to check. Can be binded as `v-model`.
+     *
+     * @default undefined
+     */
     readonly checked: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: undefined;
     };
+    /**
+     * The name of the input fields in the radio (Useful for form submission).
+     */
     readonly name: {
         readonly type: PropType<string>;
         readonly required: false;
     };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
 }>> & {
-    "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:checked"?: ((_value: boolean) => any) | undefined;
 }, {
-    readonly as: AsTag | Component;
-    readonly asChild: boolean;
     readonly disabled: boolean;
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
     readonly checked: boolean;
 }, {}>;
 
-export { DestylerRadio, type DestylerRadioProps };
+export { Radio, type RadioProps, radioEmits, radioProps };

package/dist/component.d.ts

@@ -1,85 +1,137 @@
-export { DestylerRadioGroupIndicator, DestylerRadioGroupIndicatorProps, DestylerRadioGroupItem, DestylerRadioGroupItemProps, DestylerRadioGroupRoot, DestylerRadioGroupRootProps } from './index.js';
+export { f as RadioGroupIndicator, h as RadioGroupIndicatorProps, c as RadioGroupItem, e as RadioGroupItemProps, R as RadioGroupRoot, b as RadioGroupRootProps, g as radioGroupIndicatorProps, d as radioGroupItemProps, a as radioGroupRootEmits, r as radioGroupRootProps } from './shared/radio.54693474.js';
 import * as vue from 'vue';
-import { PropType, Component } from 'vue';
-import { AsTag } from '@destyler/primitive';
+import { PropType } from 'vue';
+import * as _destyler_primitive from '@destyler/primitive';
 import { ExtractPublicPropTypes } from '@destyler/shared';
 
-declare const destylerRadioProps: {
+declare const radioProps: {
+    /**
+     * @default button
+     */
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
         readonly default: "button";
-    };
-    readonly asChild: {
-        readonly type: PropType<boolean>;
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
         readonly required: false;
-        readonly default: false;
     };
+    /**
+     * The name of the input fields in the radio (Useful for form submission).
+     */
     readonly id: {
         readonly type: PropType<string>;
         readonly required: false;
     };
+    /**
+     * The value given as data when submitted with a `name`.
+     */
     readonly value: {
         readonly type: PropType<string>;
         readonly required: false;
     };
+    /**
+     * When `true`, prevents the user from interacting with the radio item.
+     */
     readonly disabled: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
+    /**
+     * When `true`, indicates that the user must check the radio item before the owning form can be submitted.
+     */
     readonly required: {
         readonly type: PropType<boolean>;
         readonly required: false;
     };
+    /**
+     * The controlled value of the radio item to check. Can be binded as `v-model`.
+     *
+     * @default undefined
+     */
     readonly checked: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: undefined;
     };
+    /**
+     * The name of the input fields in the radio (Useful for form submission).
+     */
     readonly name: {
         readonly type: PropType<string>;
         readonly required: false;
     };
-};
-type DestylerRadioProps = ExtractPublicPropTypes<typeof destylerRadioProps>;
-declare const DestylerRadio: vue.DefineComponent<{
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "button";
-    };
     readonly asChild: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
+};
+type RadioProps = ExtractPublicPropTypes<typeof radioProps>;
+declare const radioEmits: {
+    /**
+     * Event handler called when the radio item is checked.
+     */
+    'update:checked': (_value: boolean) => boolean;
+};
+declare const Radio: vue.DefineComponent<{
+    /**
+     * @default button
+     */
+    readonly as: {
+        readonly default: "button";
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
+        readonly required: false;
+    };
+    /**
+     * The name of the input fields in the radio (Useful for form submission).
+     */
     readonly id: {
         readonly type: PropType<string>;
         readonly required: false;
     };
+    /**
+     * The value given as data when submitted with a `name`.
+     */
     readonly value: {
         readonly type: PropType<string>;
         readonly required: false;
     };
+    /**
+     * When `true`, prevents the user from interacting with the radio item.
+     */
     readonly disabled: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
+    /**
+     * When `true`, indicates that the user must check the radio item before the owning form can be submitted.
+     */
     readonly required: {
         readonly type: PropType<boolean>;
         readonly required: false;
     };
+    /**
+     * The controlled value of the radio item to check. Can be binded as `v-model`.
+     *
+     * @default undefined
+     */
     readonly checked: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: undefined;
     };
+    /**
+     * The name of the input fields in the radio (Useful for form submission).
+     */
     readonly name: {
         readonly type: PropType<string>;
         readonly required: false;
     };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
 }, {
     forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
     checkedRef: vue.WritableComputedRef<boolean | undefined>;
@@ -87,50 +139,78 @@ declare const DestylerRadio: vue.DefineComponent<{
     value: vue.Ref<string | undefined>;
     isFormControl: vue.ComputedRef<boolean>;
     handleClick: (event: MouseEvent) => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:checked"[], "update:checked", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    /**
+     * Event handler called when the radio item is checked.
+     */
+    'update:checked': (_value: boolean) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * @default button
+     */
     readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
         readonly default: "button";
-    };
-    readonly asChild: {
-        readonly type: PropType<boolean>;
+        readonly type: PropType<_destyler_primitive.AsTag | vue.Component>;
         readonly required: false;
-        readonly default: false;
     };
+    /**
+     * The name of the input fields in the radio (Useful for form submission).
+     */
     readonly id: {
         readonly type: PropType<string>;
         readonly required: false;
     };
+    /**
+     * The value given as data when submitted with a `name`.
+     */
     readonly value: {
         readonly type: PropType<string>;
         readonly required: false;
     };
+    /**
+     * When `true`, prevents the user from interacting with the radio item.
+     */
     readonly disabled: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: false;
     };
+    /**
+     * When `true`, indicates that the user must check the radio item before the owning form can be submitted.
+     */
     readonly required: {
         readonly type: PropType<boolean>;
         readonly required: false;
     };
+    /**
+     * The controlled value of the radio item to check. Can be binded as `v-model`.
+     *
+     * @default undefined
+     */
     readonly checked: {
         readonly type: PropType<boolean>;
         readonly required: false;
         readonly default: undefined;
     };
+    /**
+     * The name of the input fields in the radio (Useful for form submission).
+     */
     readonly name: {
         readonly type: PropType<string>;
         readonly required: false;
     };
+    readonly asChild: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly default: false;
+    };
 }>> & {
-    "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:checked"?: ((_value: boolean) => any) | undefined;
 }, {
-    readonly as: AsTag | Component;
-    readonly asChild: boolean;
     readonly disabled: boolean;
+    readonly as: _destyler_primitive.AsTag | vue.Component;
+    readonly asChild: boolean;
     readonly checked: boolean;
 }, {}>;
 
-export { DestylerRadio, type DestylerRadioProps };
+export { Radio, type RadioProps, radioEmits, radioProps };