x-next 0.0.0-alpha.59 → 0.0.0-alpha.60

package/README.md

@@ -27,43 +27,51 @@ app.mount('#app')
 ### 目前已完成的组件
 
 ```
-XButton: (typeof import('x-next'))['Button'];
-XDialog: (typeof import('x-next'))['Dialog'];
-XMessage: (typeof import('x-next'))['Message'];
-XMessageBox: (typeof import('x-next'))['MessageBox'];
-XNotification: (typeof import('x-next'))['Notification'];
-XSpace: (typeof import('x-next'))['Space'];
-XPopconfirm: (typeof import('x-next'))['Popconfirm'];
-XTrendChart: (typeof import('x-next'))['TrendChart'];
-XTimeline: (typeof import('x-next'))['Timeline'];
-XTimelineItem: (typeof import('x-next'))['TimelineItem'];
-XPopup: (typeof import('x-next'))['Popup'];
-XScrollbar: (typeof import('x-next'))['Scrollbar'];
-XDrawer: (typeof import('x-next'))['Drawer'];
-XTag: (typeof import('x-next'))['Tag'];
-XTooltip: (typeof import('x-next'))['Tooltip'];
-XImage: (typeof import('x-next'))['Image'];
-XImagePreview: (typeof import('x-next'))['ImagePreview'];
-XImagePreviewGroup: (typeof import('x-next'))['ImagePreviewGroup'];
-XImagePreviewAction: (typeof import('x-next'))['ImagePreviewAction'];
-XTabPane: (typeof import('x-next'))['TabPane'];
-XTabs: (typeof import('x-next'))['Tabs'];
-XButtonGroup: (typeof import('x-next'))['ButtonGroup'];
-XDropdown: (typeof import('x-next'))['Dropdown'];
-XDropdownButton: (typeof import('x-next'))['DropdownButton'];
-XEmpty: (typeof import('x-next'))['Empty'];
-XDropdownOption: (typeof import('x-next'))['DropdownOption'];
-XDropdownGroup: (typeof import('x-next'))['DropdownGroup'];
-XDropdownSubmenu: (typeof import('x-next'))['DropdownSubmenu'];
-XInput: (typeof import('x-next'))['Input'];
-XInputGroup: (typeof import('x-next'))['InputGroup'];
-XInputPassword: (typeof import('x-next'))['InputPassword'];
-XInputSearch: (typeof import('x-next'))['InputSearch'];
-XCol: (typeof import('x-next'))['Col'];
-XGrid: (typeof import('x-next'))['Grid'];
-XGridItem: (typeof import('x-next'))['GridItem'];
-XRow: (typeof import('x-next'))['Row'];
-XForm: (typeof import('x-next'))['Form'];
-XFormItem: (typeof import('x-next'))['FormItem'];
-XNetwork: (typeof import('x-next'))['Network'];
+XButton: (typeof import('x-next'))['Button']
+XDialog: (typeof import('x-next'))['Dialog']
+XMessage: (typeof import('x-next'))['Message']
+XMessageBox: (typeof import('x-next'))['MessageBox']
+XNotification: (typeof import('x-next'))['Notification']
+XSpace: (typeof import('x-next'))['Space']
+XPopconfirm: (typeof import('x-next'))['Popconfirm']
+XTrendChart: (typeof import('x-next'))['TrendChart']
+XTimeline: (typeof import('x-next'))['Timeline']
+XTimelineItem: (typeof import('x-next'))['TimelineItem']
+XPopup: (typeof import('x-next'))['Popup']
+XScrollbar: (typeof import('x-next'))['Scrollbar']
+XDrawer: (typeof import('x-next'))['Drawer']
+XTag: (typeof import('x-next'))['Tag']
+XTooltip: (typeof import('x-next'))['Tooltip']
+XImage: (typeof import('x-next'))['Image']
+XImagePreview: (typeof import('x-next'))['ImagePreview']
+XImagePreviewGroup: (typeof import('x-next'))['ImagePreviewGroup']
+XImagePreviewAction: (typeof import('x-next'))['ImagePreviewAction']
+XTabPane: (typeof import('x-next'))['TabPane']
+XTabs: (typeof import('x-next'))['Tabs']
+XButtonGroup: (typeof import('x-next'))['ButtonGroup']
+XDropdown: (typeof import('x-next'))['Dropdown']
+XDropdownButton: (typeof import('x-next'))['DropdownButton']
+XEmpty: (typeof import('x-next'))['Empty']
+XDropdownOption: (typeof import('x-next'))['DropdownOption']
+XDropdownGroup: (typeof import('x-next'))['DropdownGroup']
+XDropdownSubmenu: (typeof import('x-next'))['DropdownSubmenu']
+XInput: (typeof import('x-next'))['Input']
+XInputGroup: (typeof import('x-next'))['InputGroup']
+XInputPassword: (typeof import('x-next'))['InputPassword']
+XInputSearch: (typeof import('x-next'))['InputSearch']
+XCol: (typeof import('x-next'))['Col']
+XGrid: (typeof import('x-next'))['Grid']
+XGridItem: (typeof import('x-next'))['GridItem']
+XRow: (typeof import('x-next'))['Row']
+XForm: (typeof import('x-next'))['Form']
+XFormItem: (typeof import('x-next'))['FormItem']
+XNetwork: (typeof import('x-next'))['Network']
+XStep: (typeof import('x-next'))['Step']
+XSteps: (typeof import('x-next'))['Steps']
+XCheckbox: (typeof import('x-next'))['Checkbox']
+XCheckboxGroup: (typeof import('x-next'))['CheckboxGroup']
+XSwitch: (typeof import('x-next'))['Switch']
+XRadio: (typeof import('x-next'))['Radio']
+XRadioGroup: (typeof import('x-next'))['RadioGroup']
+XSpin: (typeof import('x-next'))['Spin']
 ```

package/dist/_hooks/_types.d.ts

@@ -7,4 +7,7 @@ export type EmitFn2<Options = Record<string, any>, Event extends keyof Options =
     [key in Event]: Options[key] extends (...args: infer Args) => any ? (event: key, ...args: Args) => void : (event: key, ...args: any[]) => void;
 }[Event]>;
 export type EmitType<T> = T | T[];
+export type FieldString<T> = {
+    [K in keyof T]?: string;
+};
 export {};

package/dist/_utils/is-equal.d.ts

@@ -0,0 +1,3 @@
+export declare const isEqualObject: (obj: Record<string, unknown> | undefined, other: Record<string, unknown> | undefined) => boolean;
+export declare const isEqualArray: (arr: unknown[] | undefined, other: unknown[] | undefined) => boolean;
+export declare const isEqual: (a: unknown, b: unknown) => boolean;

package/dist/_utils/vue-eco.d.ts

@@ -36,6 +36,7 @@ export declare const getFirstElementFromChildren: (children: VNode[] | undefined
 export declare const getChildrenArray: (vn: VNode) => VNode[] | undefined;
 export declare const getComponentsFromVNode: (vn: VNode, name: string) => number[];
 export declare const getComponentsFromChildren: (children: VNode[] | undefined, name: string) => number[];
+export declare const getFirstComponent: (children: VNode[] | undefined) => VNode | undefined;
 export declare const resolveProps: (vn: VNode) => Data;
 export declare const mergeFirstChild: (children: VNode[] | undefined, extraProps: ObjectData | ((vn: VNode) => ObjectData)) => boolean;
 export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E) => SFCWithInstall<T> & E;

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;
+    };
+}>, () => any, {}, {}, {}, 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;
+    };
+}>, () => any, {}, {}, {}, 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>;