@nutui/nutui 3.3.1 → 4.0.0-beta.1

package/dist/types/__VUE/picker/index.vue.d.ts

@@ -1,8 +1,10 @@
-import { App, PropType, CSSProperties } from 'vue';
+import { PropType, CSSProperties } from 'vue';
+import { PickerOption } from './types';
+
 declare type Install<T> = T & {
-  install(app: App): void;
+  install(app: import('vue').App): void;
 };
-declare const _sfc_main: Install< import("vue").DefineComponent<{
+declare const _default: Install< import("vue").DefineComponent<{
     modelValue: {
         type: PropType<(string | number)[]>;
         default: () => never[];
@@ -23,10 +25,6 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
         type: PropType<(PickerOption | PickerOption[])[]>;
         default: () => never[];
     };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     threeDimensional: {
         type: BooleanConstructor;
         default: boolean;
@@ -35,105 +33,29 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    showOkText: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showCancelText: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    visible: {
+    showToolbar: {
         type: BooleanConstructor;
         default: boolean;
     };
-    zIndex: {
+    visibleOptionNum: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    duration: {
+    optionHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    lockScroll: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    closeOnClickOverlay: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    position: {
-        type: StringConstructor;
-        default: string;
-    };
-    transition: {
-        type: StringConstructor;
-        default: string;
-    };
-    style: {
-        type: PropType<import("vue").CSSProperties>;
-        default: {};
-    };
-    popClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    closeable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    closeIconPosition: {
-        type: StringConstructor;
-        default: string;
-    };
-    closeIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    destroyOnClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    teleport: {
-        type: (StringConstructor | {
-            new (): Element;
-            prototype: Element;
-        })[];
-        default: string;
-    };
-    overlay: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    round: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    teleportDisable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    safeAreaInsetBottom: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }, {
+    classes: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
     column: import("vue").DefineComponent<{
         value: (NumberConstructor | StringConstructor)[];
         columnsType: StringConstructor;
-        itemShow: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         column: {
-            type: PropType<import("./types").PickerOption[]>;
+            type: PropType<PickerOption[]>;
             default: () => never[];
         };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         threeDimensional: {
             type: BooleanConstructor;
             default: boolean;
@@ -142,33 +64,47 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
             type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
+        visibleOptionNum: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        optionHeight: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
     }, {
-        wrapper: import("vue").Ref<any>;
         setRollerStyle: (index: number) => string;
         isHidden: (index: number) => boolean;
         roller: import("vue").Ref<null>;
         onTouchStart: (event: TouchEvent) => void;
         onTouchMove: (event: TouchEvent) => void;
-        onTouchEnd: (event: TouchEvent) => void;
+        onTouchEnd: () => void;
         touchRollerStyle: import("vue").ComputedRef<{
             transition: string;
             transform: string;
+            top: string;
         }>;
         touchTileStyle: import("vue").ComputedRef<{
             transition: string;
             transform: string;
+            top: string;
+            height: string;
         }>;
         setMove: (move: number, type?: string | undefined, time?: number | undefined) => void;
         stopMomentum: () => void;
-        onClick: import("vue").Ref<((...args: any[]) => any) | undefined>;
-        column: import("vue").Ref<import("./types").PickerOption[]>;
-        onChange: import("vue").Ref<((...args: any[]) => any) | undefined>;
-        readonly: import("vue").Ref<boolean>;
-        value: import("vue").Ref<string | number | undefined>;
-        columnsType: import("vue").Ref<string | undefined>;
-        itemShow: import("vue").Ref<boolean>;
+        pxCheck: (value: string | number) => string;
+        maskStyles: import("vue").ComputedRef<{
+            backgroundSize: string;
+        }>;
+        column: import("vue").Ref<PickerOption[]>;
         threeDimensional: import("vue").Ref<boolean>;
         swipeDuration: import("vue").Ref<string | number>;
+        visibleOptionNum: import("vue").Ref<string | number>;
+        optionHeight: import("vue").Ref<string | number>;
+        value: import("vue").Ref<string | number | undefined>;
+        columnsType: import("vue").Ref<string | undefined>;
+        onClick: import("vue").Ref<((...args: any[]) => any) | undefined>;
+        onChange: import("vue").Ref<((...args: any[]) => any) | undefined>;
         touchParams: import("vue").Ref<{
             startY: number;
             endY: number;
@@ -180,23 +116,14 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
         currIndex: import("vue").Ref<number>;
         transformY: import("vue").Ref<number>;
         scrollDistance: import("vue").Ref<number>;
-        lineSpacing: import("vue").Ref<number>;
         rotation: import("vue").Ref<number>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "change")[], "click" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         value: (NumberConstructor | StringConstructor)[];
         columnsType: StringConstructor;
-        itemShow: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         column: {
-            type: PropType<import("./types").PickerOption[]>;
+            type: PropType<PickerOption[]>;
             default: () => never[];
         };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         threeDimensional: {
             type: BooleanConstructor;
             default: boolean;
@@ -205,43 +132,35 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
             type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
+        visibleOptionNum: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        optionHeight: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
     }>> & {
         onClick?: ((...args: any[]) => any) | undefined;
         onChange?: ((...args: any[]) => any) | undefined;
     }, {
-        column: import("./types").PickerOption[];
-        readonly: boolean;
-        itemShow: boolean;
+        column: PickerOption[];
         threeDimensional: boolean;
         swipeDuration: string | number;
+        visibleOptionNum: string | number;
+        optionHeight: string | number;
     }>;
     columnsType: import("vue").ComputedRef<"multiple" | "single" | "cascade">;
     columnsList: import("vue").ComputedRef<PickerOption[][]>;
-    close: () => void;
+    cancel: () => void;
     changeHandler: (columnIndex: number, option: PickerOption) => void;
     confirmHandler: () => void;
     defaultValues: import("vue").Ref<(string | number)[]>;
     translate: (keyPath: string, ...args: unknown[]) => string;
     pickerColumn: import("vue").Ref<any[]>;
     swipeRef: (el: any) => void;
-    show: import("vue").Ref<boolean>;
-    formattedColumns: import("vue").Ref<({
-        text: string | number;
-        value: string | number;
-        disabled?: string | undefined;
-        children?: any[] | undefined;
-        className?: string | number | undefined;
-    } | {
-        text: string | number;
-        value: string | number;
-        disabled?: string | undefined;
-        children?: any[] | undefined;
-        className?: string | number | undefined;
-    }[])[]>;
-    classes: import("vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:visible" | "change" | "update:modelValue" | "confirm")[], "close" | "update:visible" | "change" | "update:modelValue" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    columnStyle: import("vue").ComputedRef<CSSProperties>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "confirm")[], "cancel" | "change" | "update:modelValue" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<(string | number)[]>;
         default: () => never[];
@@ -262,10 +181,6 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
         type: PropType<(PickerOption | PickerOption[])[]>;
         default: () => never[];
     };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     threeDimensional: {
         type: BooleanConstructor;
         default: boolean;
@@ -274,130 +189,39 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    showOkText: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showCancelText: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    visible: {
+    showToolbar: {
         type: BooleanConstructor;
         default: boolean;
     };
-    zIndex: {
+    visibleOptionNum: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    duration: {
+    optionHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    lockScroll: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    closeOnClickOverlay: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    position: {
-        type: StringConstructor;
-        default: string;
-    };
-    transition: {
-        type: StringConstructor;
-        default: string;
-    };
-    style: {
-        type: PropType<import("vue").CSSProperties>;
-        default: {};
-    };
-    popClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    closeable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    closeIconPosition: {
-        type: StringConstructor;
-        default: string;
-    };
-    closeIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    destroyOnClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    teleport: {
-        type: (StringConstructor | {
-            new (): Element;
-            prototype: Element;
-        })[];
-        default: string;
-    };
-    overlay: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    round: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    teleportDisable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    safeAreaInsetBottom: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & {
-    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
-    style: import("vue").CSSProperties;
-    round: boolean;
-    zIndex: string | number;
-    visible: boolean;
-    duration: string | number;
-    lockScroll: boolean;
-    closeOnClickOverlay: boolean;
-    position: string;
-    transition: string;
-    popClass: string;
-    closeable: boolean;
-    closeIconPosition: string;
-    closeIcon: string;
-    destroyOnClose: boolean;
-    teleport: string | Element;
-    overlay: boolean;
-    teleportDisable: boolean;
-    safeAreaInsetBottom: boolean;
     modelValue: (string | number)[];
-    readonly: boolean;
     threeDimensional: boolean;
     swipeDuration: string | number;
+    visibleOptionNum: string | number;
+    optionHeight: string | number;
     cancelText: string;
     okText: string;
     columns: (PickerOption | PickerOption[])[];
-    showOkText: boolean;
-    showCancelText: boolean;
+    showToolbar: boolean;
 }>>;
-export default _sfc_main;
+export default _default;
 
 declare module 'vue' {
   interface GlobalComponents {
-      NutPicker: typeof _sfc_main;
+      NutPicker: typeof _default;
   }
-}     
-      
+}

package/dist/types/__VUE/picker/types.d.ts

@@ -1,7 +1,3 @@
-import { App, PropType, CSSProperties } from 'vue';
-declare type Install<T> = T & {
-  install(app: App): void;
-};
 export interface PickerOption {
     text: string | number;
     value: string | number;
@@ -16,7 +12,7 @@ export interface PickerColumnOption {
     children: PickerOption[];
     className: string;
 }
-export declare type TouchParams = {
+export type TouchParams = {
     startY: number;
     endY: number;
     startTime: number;

package/dist/types/__VUE/picker/usePicker.d.ts

@@ -0,0 +1,17 @@
+import { PickerOption } from './types';
+export declare const usePicker: (props: any, emit: any) => {
+    columnsType: import("vue").ComputedRef<"multiple" | "single" | "cascade">;
+    columnsList: import("vue").ComputedRef<PickerOption[][]>;
+    cancel: () => void;
+    changeHandler: (columnIndex: number, option: PickerOption) => void;
+    confirm: () => void;
+    defaultValues: import("vue").Ref<(string | number)[]>;
+    pickerColumn: import("vue").Ref<any[]>;
+    swipeRef: (el: any) => void;
+    selectedOptions: import("vue").ComputedRef<PickerOption[]>;
+    isSameValue: (valA: any, valB: any) => boolean;
+    formattedColumns: import("vue").Ref<any>;
+    classes: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+};

package/dist/types/__VUE/popover/index.vue.d.ts

@@ -1,22 +1,24 @@
-import { App, PropType, CSSProperties } from 'vue';
+import { PropType, CSSProperties } from 'vue';
+import { PopoverList, PopoverTheme, PopoverLocation } from './type';
+
 declare type Install<T> = T & {
-  install(app: App): void;
+  install(app: import('vue').App): void;
 };
-declare const _sfc_main: Install< import("vue").DefineComponent<{
+declare const _default: Install< import("vue").DefineComponent<{
     visible: {
         type: BooleanConstructor;
         default: boolean;
     };
     list: {
-        type: PropType<import("./type").PopoverList[]>;
+        type: PropType<PopoverList[]>;
         default: never[];
     };
     theme: {
-        type: PropType<import("./type").PopoverTheme>;
+        type: PropType<PopoverTheme>;
         default: string;
     };
     location: {
-        type: PropType<import("./type").PopoverLocation>;
+        type: PropType<PopoverLocation>;
         default: string;
     };
     offset: {
@@ -85,21 +87,24 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
     getRootPosition: import("vue").ComputedRef<CSSProperties>;
     customStyle: import("vue").ComputedRef<CSSProperties>;
     popoverArrowStyle: import("vue").ComputedRef<CSSProperties>;
+    renderIcon: (icon: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>, props?: any) => "" | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "update:visible" | "choose" | "update")[], "close" | "open" | "update:visible" | "choose" | "update", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     visible: {
         type: BooleanConstructor;
         default: boolean;
     };
     list: {
-        type: PropType<import("./type").PopoverList[]>;
+        type: PropType<PopoverList[]>;
         default: never[];
     };
     theme: {
-        type: PropType<import("./type").PopoverTheme>;
+        type: PropType<PopoverTheme>;
         default: string;
     };
     location: {
-        type: PropType<import("./type").PopoverLocation>;
+        type: PropType<PopoverLocation>;
         default: string;
     };
     offset: {
@@ -160,21 +165,21 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
 }>> & {
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onChoose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onUpdate?: ((...args: any[]) => any) | undefined;
 }, {
+    overlay: boolean;
     visible: boolean;
     duration: string | number;
-    closeOnClickOverlay: boolean;
-    overlay: boolean;
     overlayClass: string;
-    theme: import("./type").PopoverTheme;
+    closeOnClickOverlay: boolean;
+    bgColor: string;
     offset: unknown[];
-    list: import("./type").PopoverList[];
+    theme: PopoverTheme;
     customClass: string;
-    bgColor: string;
-    location: import("./type").PopoverLocation;
+    list: PopoverList[];
+    location: PopoverLocation;
     arrowOffset: number;
     showArrow: boolean;
     iconPrefix: string;
@@ -182,11 +187,10 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
     closeOnClickOutside: boolean;
     targetId: string;
 }>>;
-export default _sfc_main;
+export default _default;
 
 declare module 'vue' {
   interface GlobalComponents {
-      NutPopover: typeof _sfc_main;
+      NutPopover: typeof _default;
   }
-}     
-      
+}

package/dist/types/__VUE/popover/type.d.ts

@@ -1,12 +1,9 @@
-import { App, PropType, CSSProperties } from 'vue';
-declare type Install<T> = T & {
-  install(app: App): void;
-};
-export declare type PopoverTheme = 'light' | 'dark';
-export declare type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
-export declare type PopoverList = {
+import { Component } from 'vue';
+export type PopoverTheme = 'light' | 'dark';
+export type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+export type PopoverList = {
     name: string;
-    icon?: string;
+    icon?: Component;
     disabled?: boolean;
     className?: any;
     [key: PropertyKey]: any;

package/dist/types/__VUE/popup/common.d.ts

@@ -1,10 +1,6 @@
-import { App, PropType, CSSProperties } from 'vue';
-declare type Install<T> = T & {
-  install(app: App): void;
-};
 import { ComputedRef } from 'vue';
-export declare const component: (componentName: string) => {
-    components: {};
+export declare const component: (componentName: string, components: any) => {
+    components: any;
     props: {
         visible: {
             type: BooleanConstructor;

package/dist/types/__VUE/popup/index.vue.d.ts

@@ -1,8 +1,8 @@
-import { App, PropType, CSSProperties } from 'vue';
+
 declare type Install<T> = T & {
-  install(app: App): void;
+  install(app: import('vue').App): void;
 };
-declare const _sfc_main: Install< import("vue").DefineComponent<{
+declare const _default: Install< import("vue").DefineComponent<{
     visible: {
         type: BooleanConstructor;
         default: boolean;
@@ -171,11 +171,12 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     style: import("vue").CSSProperties;
-    round: boolean;
     zIndex: string | number;
+    round: boolean;
+    overlay: boolean;
     visible: boolean;
     duration: string | number;
     lockScroll: boolean;
@@ -188,15 +189,13 @@ declare const _sfc_main: Install< import("vue").DefineComponent<{
     closeIcon: string;
     destroyOnClose: boolean;
     teleport: string | Element;
-    overlay: boolean;
     teleportDisable: boolean;
     safeAreaInsetBottom: boolean;
 }>>;
-export default _sfc_main;
+export default _default;
 
 declare module 'vue' {
   interface GlobalComponents {
-      NutPopup: typeof _sfc_main;
+      NutPopup: typeof _default;
   }
-}     
-      
+}

package/dist/types/__VUE/popup/props.d.ts

@@ -1,7 +1,3 @@
-import { App, PropType, CSSProperties } from 'vue';
-declare type Install<T> = T & {
-  install(app: App): void;
-};
 import { PropType, CSSProperties } from 'vue';
 export declare const popupProps: {
     visible: {