@nutui/nutui 4.0.0-beta.2 → 4.0.0-beta.21

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

@@ -1,4 +1,5 @@
 import { Ref } from 'vue';
+import { StarFillN } from '@nutui/icons-vue';
 
 declare type Install<T> = T & {
   install(app: import('vue').App): void;
@@ -12,11 +13,13 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    icon: {
+    customIcon: {
         type: ObjectConstructor;
-        default: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>;
+        default: () => typeof StarFillN;
+    };
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
     };
     activeColor: {
         type: StringConstructor;
@@ -69,11 +72,13 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    icon: {
+    customIcon: {
         type: ObjectConstructor;
-        default: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>;
+        default: () => typeof StarFillN;
+    };
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
     };
     activeColor: {
         type: StringConstructor;
@@ -107,13 +112,14 @@ declare const _default: Install< import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    readonly: boolean;
-    icon: Record<string, any>;
+    size: string | number;
     disabled: boolean;
     modelValue: string | number;
     activeColor: string;
     count: string | number;
+    customIcon: Record<string, any>;
     voidColor: string;
+    readonly: boolean;
     allowHalf: boolean;
     touchable: boolean;
     spacing: string | number;

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

@@ -84,7 +84,7 @@ declare const _default: Install< import("vue").DefineComponent<{
         [key: string]: any;
     }>;
     inputsearch: Ref<HTMLElement | null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "change" | "update:modelValue" | "blur" | "focus" | "click-input" | "click-left-icon" | "click-right-icon")[], "search" | "clear" | "change" | "update:modelValue" | "blur" | "focus" | "click-input" | "click-left-icon" | "click-right-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "change" | "update:modelValue" | "search" | "blur" | "focus" | "click-input" | "click-left-icon" | "click-right-icon")[], "clear" | "change" | "update:modelValue" | "search" | "blur" | "focus" | "click-input" | "click-left-icon" | "click-right-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -153,10 +153,10 @@ declare const _default: Install< import("vue").DefineComponent<{
     "onClick-right-icon"?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
-    readonly: boolean;
     disabled: boolean;
     modelValue: string | number;
     background: string;
+    readonly: boolean;
     placeholder: string;
     inputAlign: string;
     maxLength: string | number;

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

@@ -38,7 +38,7 @@ declare const _default: Install< import("vue").DefineComponent<{
 }, {
     comLen: import("vue").ComputedRef<number>;
     realInput: import("vue").Ref<string>;
-    focus: (event: any) => void;
+    onTouchStart: (event: TouchEvent) => void;
     range: (val: number) => number;
     close: () => void;
     onTips: () => void;

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

@@ -98,8 +98,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     title: boolean;
     round: boolean;
     row: string;
-    height: string;
     loading: boolean;
+    height: string;
     width: string;
     avatar: boolean;
     avatarShape: import("./common").avatarShape;

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

@@ -123,6 +123,14 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overlayClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    overlayStyle: {
+        type: PropType<import("vue").CSSProperties>;
+        default: {};
+    };
 }, {
     showPopup: any;
     closePopup: (type: string) => void;
@@ -254,6 +262,14 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overlayClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    overlayStyle: {
+        type: PropType<import("vue").CSSProperties>;
+        default: {};
+    };
 }>> & {
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
@@ -273,6 +289,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     visible: boolean;
     duration: string | number;
     lockScroll: boolean;
+    overlayClass: string;
+    overlayStyle: import("vue").CSSProperties;
     closeOnClickOverlay: boolean;
     position: string;
     transition: string;

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

@@ -33,8 +33,8 @@ declare const _default: Install< import("vue").DefineComponent<{
 }>> & {
     "onClick-step"?: ((...args: any[]) => any) | undefined;
 }, {
-    current: string | number;
     direction: string;
+    current: string | number;
     progressDot: boolean;
 }>>;
 export default _default;

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

@@ -13,7 +13,7 @@ declare const _default: Install< import("vue").DefineComponent<{
         default: number;
     };
     direction: {
-        type: StringConstructor[];
+        type: StringConstructor;
         default: string;
     };
     paginationVisible: {
@@ -52,10 +52,6 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    isCenter: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }, {
     state: {
         active: number;
@@ -86,12 +82,13 @@ declare const _default: Install< import("vue").DefineComponent<{
     classes: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-    container: import("vue").Ref<any>;
-    componentName: string;
-    isVertical: import("vue").ComputedRef<boolean>;
-    slots: Readonly<{
-        [name: string]: import("vue").Slot | undefined;
+    classesInner: import("vue").ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    classesPagination: import("vue").ComputedRef<{
+        [x: string]: boolean;
     }>;
+    container: import("vue").Ref<any>;
     activePagination: import("vue").ComputedRef<number>;
     onTouchStart: (e: TouchEvent) => void;
     onTouchMove: (e: TouchEvent) => void;
@@ -106,7 +103,7 @@ declare const _default: Install< import("vue").DefineComponent<{
         default: number;
     };
     direction: {
-        type: StringConstructor[];
+        type: StringConstructor;
         default: string;
     };
     paginationVisible: {
@@ -145,10 +142,6 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    isCenter: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
@@ -156,15 +149,14 @@ declare const _default: Install< import("vue").DefineComponent<{
     height: string | number;
     width: string | number;
     loop: boolean;
-    touchable: boolean;
     direction: string;
+    touchable: boolean;
     paginationVisible: boolean;
     paginationColor: string;
     autoPlay: string | number;
     initPage: string | number;
     isPreventDefault: boolean;
     isStopPropagation: boolean;
-    isCenter: boolean;
 }>>;
 export default _default;
 

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

@@ -23,7 +23,6 @@ declare const _default: Install< import("vue").DefineComponent<{
     state: {
         unactiveColor: any;
         activeColor: any;
-        active: any;
         index: number;
     };
     active: import("vue").ComputedRef<boolean>;

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

@@ -3,15 +3,15 @@ import { DownArrow } from '@nutui/icons-vue';
 import { TableColumnProps } from './types';
 export declare const component: (componentName: string, translate: Function) => {
     components: {
-        RenderColumn: {
-            setup(props: any): () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>;
-            props: {
-                slots: PropType<(Function | undefined)[]>;
-                record: ObjectConstructor;
-            };
-        };
+        RenderColumn: import("vue").DefineComponent<{
+            slots: PropType<(Function | undefined)[]>;
+            record: ObjectConstructor;
+        }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            slots: PropType<(Function | undefined)[]>;
+            record: ObjectConstructor;
+        }>>, {}>;
         DownArrow: typeof DownArrow;
     };
     props: {

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

@@ -1,3 +1,5 @@
+import { PropType } from 'vue';
+import { TableColumnProps } from './types';
 
 declare type Install<T> = T & {
   install(app: import('vue').App): void;
@@ -8,7 +10,7 @@ declare const _default: Install< import("vue").DefineComponent<{
         default: boolean;
     };
     columns: {
-        type: import("vue").PropType<import("./types").TableColumnProps[]>;
+        type: PropType<TableColumnProps[]>;
         default: () => never[];
     };
     data: {
@@ -27,25 +29,25 @@ declare const _default: Install< import("vue").DefineComponent<{
     classes: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-    cellClasses: (item: import("./types").TableColumnProps) => {
+    cellClasses: (item: TableColumnProps) => {
         [x: string]: any;
         'nut-table__main__head__tr--border': any;
     };
-    getColumnItem: (value: string) => import("./types").TableColumnProps;
+    getColumnItem: (value: string) => TableColumnProps;
     getColumnItemStyle: (value: string) => any;
-    handleSorterClick: (item: import("./types").TableColumnProps) => void;
+    handleSorterClick: (item: TableColumnProps) => void;
     sortDataItem: () => any;
-    translate: Function;
-    stylehead: (item: import("./types").TableColumnProps) => string;
-    stylecolumn: (item: import("./types").TableColumnProps) => string;
+    translate: (keyPath: string, ...args: unknown[]) => string;
+    stylehead: (item: TableColumnProps) => string;
+    stylecolumn: (item: TableColumnProps) => string;
     curData: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "sorter"[], "sorter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     bordered: {
         type: BooleanConstructor;
         default: boolean;
     };
     columns: {
-        type: import("vue").PropType<import("./types").TableColumnProps[]>;
+        type: PropType<TableColumnProps[]>;
         default: () => never[];
     };
     data: {
@@ -61,11 +63,11 @@ declare const _default: Install< import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+    onSorter?: ((...args: any[]) => any) | undefined;
 }, {
     data: Record<string, any>;
     summary: Function;
-    columns: import("./types").TableColumnProps[];
+    columns: TableColumnProps[];
     bordered: boolean;
     striped: boolean;
 }>>;

package/dist/types/__VUE/table/renderColumn.d.ts

@@ -3,15 +3,15 @@ import { PropType } from 'vue';
 declare type Install<T> = T & {
   install(app: import('vue').App): void;
 };
-declare const _default: Install< {
-    setup(props: any): () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-    props: {
-        slots: PropType<(Function | undefined)[]>;
-        record: ObjectConstructor;
-    };
-}>;
+declare const _default: Install< import("vue").DefineComponent<{
+    slots: PropType<(Function | undefined)[]>;
+    record: ObjectConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    slots: PropType<(Function | undefined)[]>;
+    record: ObjectConstructor;
+}>>, {}>>;
 export default _default;
 
 declare module 'vue' {

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

@@ -153,8 +153,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     sticky: boolean;
     modelValue: string | number;
     background: string;
-    titleScroll: boolean;
     direction: string;
+    titleScroll: boolean;
     autoHeight: boolean;
     animatedTime: string | number;
     titleGutter: string | number;

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

@@ -100,10 +100,10 @@ declare const _default: Install< import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    readonly: boolean;
     disabled: boolean;
     modelValue: string;
     rows: string | number;
+    readonly: boolean;
     textAlign: string;
     placeholder: string;
     maxLength: string | number;

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

@@ -7,10 +7,6 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: ArrayConstructor;
         default: () => never[];
     };
-    detailKey: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
 }, {
     getClass: (item: string) => {
         'nut-time-detail__detail__list__item': boolean;
@@ -28,15 +24,10 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: ArrayConstructor;
         default: () => never[];
     };
-    detailKey: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
 }>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
 }, {
     times: unknown[];
-    detailKey: string | number;
 }>>;
 export default _default;
 

package/dist/types/__VUE/toast/index.d.ts

@@ -1,5 +1,5 @@
 import Toast from './index.vue';
-export declare const ToastFunction: {
+declare const showToast: {
     text(msg: string, opts?: {}): any | undefined;
     success(msg: string, opts?: {}): any | undefined;
     fail(msg: string, opts?: {}): any | undefined;
@@ -8,5 +8,5 @@ export declare const ToastFunction: {
     hide(id?: string): void;
     install(app: any): void;
 };
-export { Toast };
-export default ToastFunction;
+export { showToast };
+export default Toast;

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

@@ -1,9 +1,9 @@
 import { PropType } from 'vue';
 import { PopoverLocation } from '../popover/type';
 interface StepOptions {
-    target: Element;
-    content: String;
-    location?: PopoverLocation;
+    target: Element | string;
+    content: string;
+    location?: string;
     popoverOffset?: number[];
     arrowOffset?: number;
 }
@@ -12,7 +12,7 @@ declare type Install<T> = T & {
   install(app: import('vue').App): void;
 };
 declare const _default: Install< import("vue").DefineComponent<{
-    visible: {
+    modelValue: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -94,8 +94,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     showTour: import("vue").Ref<boolean>;
     showPopup: import("vue").Ref<boolean>;
     active: import("vue").Ref<number>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:visible" | "change")[], "close" | "update:visible" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    visible: {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "change" | "update:modelValue")[], "close" | "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -164,23 +164,23 @@ declare const _default: Install< import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     mask: boolean;
-    visible: boolean;
     closeOnClickOverlay: boolean;
     type: string;
-    bgColor: string;
+    modelValue: boolean;
     offset: Number[];
+    bgColor: string;
     theme: string;
     current: number;
     location: PopoverLocation;
-    completeTxt: string;
     steps: StepOptions[];
     nextStepTxt: string;
     prevStepTxt: string;
+    completeTxt: string;
     maskWidth: string | number;
     maskHeight: string | number;
     showPrevStep: boolean;

package/dist/types/index.d.ts

@@ -3,7 +3,6 @@ import Locale from './locale';
 import Button from './__VUE/button/index.vue';
 import Cell from './__VUE/cell/index.vue';
 import CellGroup from './__VUE/cellgroup/index.vue';
-import Icon from './__VUE/icon/index.vue';
 import Overlay from './__VUE/overlay/index.vue';
 import Popup from './__VUE/popup/index.vue';
 import ConfigProvider from './__VUE/configprovider/index.vue';
@@ -53,12 +52,15 @@ import Swipe from './__VUE/swipe/index.vue';
 import ActionSheet from './__VUE/actionsheet/index.vue';
 import Backtop from './__VUE/backtop/index.vue';
 import Drag from './__VUE/drag/index.vue';
-import Dialog from './__VUE/dialog/index';
+import Dialog from './__VUE/dialog/index.vue';
+import { showDialog } from './__VUE/dialog/index';
 import InfiniteLoading from './__VUE/infiniteloading/index.vue';
 import PullRefresh from './__VUE/pullrefresh/index.vue';
-import Notify from './__VUE/notify/index';
+import Notify from './__VUE/notify/index.vue';
+import { showNotify } from './__VUE/notify/index';
 import Switch from './__VUE/switch/index.vue';
-import Toast from './__VUE/toast/index';
+import Toast from './__VUE/toast/index.vue';
+import { showToast } from './__VUE/toast/index';
 import Audio from './__VUE/audio/index.vue';
 import AudioOperate from './__VUE/audiooperate/index.vue';
 import Avatar from './__VUE/avatar/index.vue';
@@ -74,7 +76,8 @@ import Step from './__VUE/step/index.vue';
 import Swiper from './__VUE/swiper/index.vue';
 import SwiperItem from './__VUE/swiperitem/index.vue';
 import Price from './__VUE/price/index.vue';
-import ImagePreview from './__VUE/imagepreview/index';
+import ImagePreview from './__VUE/imagepreview/index.vue';
+import { showImagePreview } from './__VUE/imagepreview/index';
 import Countup from './__VUE/countup/index.vue';
 import Countdown from './__VUE/countdown/index.vue';
 import Badge from './__VUE/badge/index.vue';
@@ -104,8 +107,8 @@ import CategoryPane from './__VUE/categorypane/index.vue';
 import Comment from './__VUE/comment/index.vue';
 import Invoice from './__VUE/invoice/index.vue';
 declare function install(app: App): void;
-declare const version = "4.0.0-beta.2";
-export { install, version, Locale, Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Image, Layout, Col, Row, Sticky, Divider, Grid, GridItem, Navbar, FixedNav, Menu, MenuItem, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavbar, SideNavbarItem, SubSideNavbar, Range, Searchbar, Cascader, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, Textarea, Uploader, NumberKeyboard, Form, FormItem, Swipe, ActionSheet, Backtop, Drag, Dialog, InfiniteLoading, PullRefresh, Notify, Switch, Toast, Audio, AudioOperate, Avatar, AvatarGroup, List, Progress, CircleProgress, Noticebar, Empty, Video, Steps, Step, Swiper, SwiperItem, Price, ImagePreview, Countup, Countdown, Badge, Tag, Popover, Skeleton, Collapse, CollapseItem, Table, Animate, Ellipsis, Watermark, TrendArrow, Tour, Address, Barrage, Signature, TimeSelect, TimePannel, TimeDetail, Sku, Card, Ecard, AddressList, Category, CategoryPane, Comment, Invoice };
+declare const version = "4.0.0-beta.21";
+export { install, version, Locale, Button, Cell, CellGroup, Overlay, Popup, ConfigProvider, Image, Layout, Col, Row, Sticky, Divider, Grid, GridItem, Navbar, FixedNav, Menu, MenuItem, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavbar, SideNavbarItem, SubSideNavbar, Range, Searchbar, Cascader, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, Textarea, Uploader, NumberKeyboard, Form, FormItem, Swipe, ActionSheet, Backtop, Drag, Dialog, InfiniteLoading, PullRefresh, Notify, Switch, Toast, Audio, AudioOperate, Avatar, AvatarGroup, List, Progress, CircleProgress, Noticebar, Empty, Video, Steps, Step, Swiper, SwiperItem, Price, ImagePreview, Countup, Countdown, Badge, Tag, Popover, Skeleton, Collapse, CollapseItem, Table, Animate, Ellipsis, Watermark, TrendArrow, Tour, Address, Barrage, Signature, TimeSelect, TimePannel, TimeDetail, Sku, Card, Ecard, AddressList, Category, CategoryPane, Comment, Invoice, showDialog, showNotify, showToast, showImagePreview };
 declare const _default: {
     install: typeof install;
     version: string;