x-next 0.0.0-alpha.7 → 0.0.0-alpha.70

package/dist/components/form-input-tag/interface.d.ts

@@ -0,0 +1,32 @@
+import { TagProps } from '../tag/interface';
+import { FieldString } from '../../_hooks/_types';
+export interface TagData {
+    /**
+     * @zh 标签值
+     * @en Tag value
+     */
+    value?: string | number;
+    /**
+     * @zh 标签内容
+     * @en Tag content
+     */
+    label?: string;
+    /**
+     * @zh 是否可关闭
+     * @en Whether to close
+     */
+    closable?: boolean;
+    /**
+     * @zh 标签属性
+     * @en Tag props
+     */
+    tagProps?: TagProps;
+    [other: string]: any;
+}
+export type InputTagFieldNames = FieldString<TagData>;
+export interface TagDataInfo extends TagData {
+    raw: Record<string, unknown>;
+    value: string | number;
+    label: string;
+    closable: boolean;
+}

package/dist/components/form-input-tag/utils.d.ts

@@ -0,0 +1,2 @@
+import { InputTagFieldNames, TagData, TagDataInfo } from './interface';
+export declare const getValueData: (value: Array<string | number | TagData>, fieldNames: Required<InputTagFieldNames>) => TagDataInfo[];

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

@@ -0,0 +1,153 @@
+import { PropType } from 'vue';
+import { RadioType } from './context';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 绑定值
+     * @en Value
+     * @vModel
+     */
+    modelValue: {
+        type: PropType<string | number | boolean>;
+        default: undefined;
+    };
+    /**
+     * @zh 默认是否选中（非受控状态）
+     * @en Whether checked by default (uncontrolled state)
+     */
+    defaultChecked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 选项的 `value`
+     * @en The `value` of the option
+     */
+    value: {
+        type: PropType<string | number | boolean>;
+        default: boolean;
+    };
+    /**
+     * @zh 单选的类型
+     * @en Radio type
+     * @values 'radio', 'button'
+     */
+    type: {
+        type: PropType<RadioType>;
+        default: string;
+    };
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    uninjectGroupContext: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (value: string | number | boolean) => true;
+    /**
+     * @zh 值改变时触发
+     * @en Trigger when the value changes
+     * @param { string | number | boolean } value
+     * @param {Event} ev
+     */
+    change: (value: string | number | boolean, ev: Event) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 绑定值
+     * @en Value
+     * @vModel
+     */
+    modelValue: {
+        type: PropType<string | number | boolean>;
+        default: undefined;
+    };
+    /**
+     * @zh 默认是否选中（非受控状态）
+     * @en Whether checked by default (uncontrolled state)
+     */
+    defaultChecked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 选项的 `value`
+     * @en The `value` of the option
+     */
+    value: {
+        type: PropType<string | number | boolean>;
+        default: boolean;
+    };
+    /**
+     * @zh 单选的类型
+     * @en Radio type
+     * @values 'radio', 'button'
+     */
+    type: {
+        type: PropType<RadioType>;
+        default: string;
+    };
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    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;
+}>, {
+    type: "button" | "radio";
+    disabled: boolean;
+    value: string | number | boolean;
+    modelValue: string | number | boolean;
+    defaultChecked: boolean;
+    uninjectGroupContext: boolean;
+}, {}, {
+    IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        prefix: {
+            type: StringConstructor;
+        };
+        size: {
+            type: PropType<"mini" | "small" | "medium" | "large" | "huge">;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        prefix: {
+            type: StringConstructor;
+        };
+        size: {
+            type: PropType<"mini" | "small" | "medium" | "large" | "huge">;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        size: "mini" | "small" | "medium" | "large" | "huge";
+        disabled: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/form-radio/RadioGroup.d.ts

@@ -0,0 +1,143 @@
+import { PropType } from 'vue';
+import { Size, Direction } from '../../_utils/constant';
+import { RadioType } from './context';
+import { RadioOption } from './interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 绑定值
+     * @en Value
+     * @vModel
+     */
+    modelValue: {
+        type: PropType<string | number | boolean>;
+        default: undefined;
+    };
+    /**
+     * @zh 默认值（非受控状态）
+     * @en Default value (uncontrolled state)
+     */
+    defaultValue: {
+        type: PropType<string | number | boolean>;
+        default: string;
+    };
+    /**
+     * @zh 单选框组的类型
+     * @en Types of radio group
+     * @values 'radio', 'button'
+     */
+    type: {
+        type: PropType<RadioType>;
+        default: string;
+    };
+    /**
+     * @zh 单选框组的尺寸
+     * @en The size of the radio group
+     * @values 'mini','small','medium','large'
+     */
+    size: {
+        type: PropType<Size>;
+    };
+    /**
+     * @zh 选项
+     * @en Options
+     * @version 2.27.0
+     */
+    options: {
+        type: PropType<Array<string | number | RadioOption>>;
+    };
+    /**
+     * @zh 单选框组的方向
+     * @en The direction of the radio group
+     * @values 'horizontal', 'vertical'
+     */
+    direction: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (value: string | number | boolean) => true;
+    /**
+     * @zh 值改变时触发
+     * @en Trigger when the value changes
+     * @property { string | number | boolean } value
+     */
+    change: (value: string | number | boolean, ev: Event) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 绑定值
+     * @en Value
+     * @vModel
+     */
+    modelValue: {
+        type: PropType<string | number | boolean>;
+        default: undefined;
+    };
+    /**
+     * @zh 默认值（非受控状态）
+     * @en Default value (uncontrolled state)
+     */
+    defaultValue: {
+        type: PropType<string | number | boolean>;
+        default: string;
+    };
+    /**
+     * @zh 单选框组的类型
+     * @en Types of radio group
+     * @values 'radio', 'button'
+     */
+    type: {
+        type: PropType<RadioType>;
+        default: string;
+    };
+    /**
+     * @zh 单选框组的尺寸
+     * @en The size of the radio group
+     * @values 'mini','small','medium','large'
+     */
+    size: {
+        type: PropType<Size>;
+    };
+    /**
+     * @zh 选项
+     * @en Options
+     * @version 2.27.0
+     */
+    options: {
+        type: PropType<Array<string | number | RadioOption>>;
+    };
+    /**
+     * @zh 单选框组的方向
+     * @en The direction of the radio group
+     * @values 'horizontal', 'vertical'
+     */
+    direction: {
+        type: PropType<Direction>;
+        default: string;
+    };
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    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";
+    modelValue: string | number | boolean;
+    defaultValue: string | number | boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/form-radio/context.d.ts

@@ -0,0 +1,14 @@
+import { InjectionKey, Slots } from 'vue';
+import { Size } from '../../_utils/constant';
+export declare const RADIO_TYPES: readonly ["radio", "button"];
+export type RadioType = (typeof RADIO_TYPES)[number];
+export interface RadioGroupContext {
+    name: 'XRadioGroup';
+    value: string | number | boolean;
+    size: Size;
+    type: RadioType;
+    disabled: boolean;
+    slots: Slots;
+    handleChange: (value: string | number | boolean, e: Event) => void;
+}
+export declare const radioGroupKey: InjectionKey<RadioGroupContext>;

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

@@ -0,0 +1,328 @@
+export 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.ts').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;
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:modelValue': (value: string | number | boolean) => true;
+        change: (value: string | number | boolean, ev: Event) => true;
+    }, import('vue').PublicProps, {
+        type: "button" | "radio";
+        disabled: boolean;
+        value: string | number | boolean;
+        modelValue: string | number | boolean;
+        defaultChecked: boolean;
+        uninjectGroupContext: boolean;
+    }, true, {}, {}, {
+        IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            prefix: {
+                type: StringConstructor;
+            };
+            size: {
+                type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            prefix: {
+                type: StringConstructor;
+            };
+            size: {
+                type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            size: "mini" | "small" | "medium" | "large" | "huge";
+            disabled: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    } & 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.ts').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;
+    }>, () => VNode, {}, {}, {}, {
+        type: "button" | "radio";
+        disabled: boolean;
+        value: string | number | boolean;
+        modelValue: string | number | boolean;
+        defaultChecked: boolean;
+        uninjectGroupContext: boolean;
+    }>;
+    __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.ts').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;
+}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (value: string | number | boolean) => true;
+    change: (value: string | number | boolean, ev: Event) => true;
+}, string, {
+    type: "button" | "radio";
+    disabled: boolean;
+    value: string | number | boolean;
+    modelValue: string | number | boolean;
+    defaultChecked: boolean;
+    uninjectGroupContext: boolean;
+}, {}, string, {}, {
+    IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        prefix: {
+            type: StringConstructor;
+        };
+        size: {
+            type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        prefix: {
+            type: StringConstructor;
+        };
+        size: {
+            type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        size: "mini" | "small" | "medium" | "large" | "huge";
+        disabled: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+} & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export declare const RadioGroup: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<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.ts').RadioType>;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
+        };
+        options: {
+            type: import('vue').PropType<Array<string | number | import('./interface.ts').RadioOption>>;
+        };
+        direction: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').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;
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:modelValue': (value: string | number | boolean) => true;
+        change: (value: string | number | boolean, ev: Event) => true;
+    }, import('vue').PublicProps, {
+        type: "button" | "radio";
+        disabled: boolean;
+        direction: "horizontal" | "vertical";
+        modelValue: string | number | boolean;
+        defaultValue: string | number | boolean;
+    }, true, {}, {}, 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;
+        };
+        defaultValue: {
+            type: import('vue').PropType<string | number | boolean>;
+            default: string;
+        };
+        type: {
+            type: import('vue').PropType<import('./context.ts').RadioType>;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
+        };
+        options: {
+            type: import('vue').PropType<Array<string | number | import('./interface.ts').RadioOption>>;
+        };
+        direction: {
+            type: import('vue').PropType<import('../../_utils/constant.ts').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;
+    }>, () => VNode, {}, {}, {}, {
+        type: "button" | "radio";
+        disabled: boolean;
+        direction: "horizontal" | "vertical";
+        modelValue: string | number | boolean;
+        defaultValue: string | number | boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<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.ts').RadioType>;
+        default: string;
+    };
+    size: {
+        type: import('vue').PropType<import('../../_utils/constant.ts').Size>;
+    };
+    options: {
+        type: import('vue').PropType<Array<string | number | import('./interface.ts').RadioOption>>;
+    };
+    direction: {
+        type: import('vue').PropType<import('../../_utils/constant.ts').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;
+}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (value: string | number | boolean) => true;
+    change: (value: string | number | boolean, ev: Event) => true;
+}, string, {
+    type: "button" | "radio";
+    disabled: boolean;
+    direction: "horizontal" | "vertical";
+    modelValue: string | number | boolean;
+    defaultValue: string | number | boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export { Radio as default };

package/dist/components/form-radio/interface.d.ts

@@ -0,0 +1,18 @@
+import { RenderContent } from '../../_utils/types';
+export interface RadioOption {
+    /**
+     * @zh 文案
+     * @en label content
+     */
+    label?: RenderContent;
+    /**
+     * @zh 选项的 `value`
+     * @en The `value` of the option
+     */
+    value: string | number;
+    /**
+     * @zh 是否禁用
+     * @en Whether to disable
+     */
+    disabled?: boolean;
+}