@nutui/nutui 4.0.0-beta.1 → 4.0.0-beta.10

package/dist/styles/themes/jdt.scss

@@ -1,104 +1,104 @@
 @import '../variables-jdt.scss';
-@import '../../packages/cellgroup/index.scss';
+ @import '../theme-jdt.scss'; 
 @import '../../packages/overlay/index.scss';
-@import '../../packages/icon/index.scss';
-@import '../../packages/popup/index.scss';
-@import '../../packages/button/index.scss';
+@import '../../packages/cellgroup/index.scss';
+@import '../../packages/cell/index.scss';
 @import '../../packages/image/index.scss';
-@import '../../packages/configprovider/index.scss';
 @import '../../packages/layout/index.scss';
-@import '../../packages/row/index.scss';
+@import '../../packages/configprovider/index.scss';
 @import '../../packages/col/index.scss';
 @import '../../packages/divider/index.scss';
+@import '../../packages/sticky/index.scss';
 @import '../../packages/grid/index.scss';
+@import '../../packages/navbar/index.scss';
 @import '../../packages/griditem/index.scss';
+@import '../../packages/menu/index.scss';
+@import '../../packages/button/index.scss';
+@import '../../packages/row/index.scss';
 @import '../../packages/menuitem/index.scss';
+@import '../../packages/popup/index.scss';
 @import '../../packages/fixednav/index.scss';
-@import '../../packages/menu/index.scss';
-@import '../../packages/tabbar/index.scss';
+@import '../../packages/indicator/index.scss';
 @import '../../packages/elevator/index.scss';
-@import '../../packages/pagination/index.scss';
-@import '../../packages/tabs/index.scss';
-@import '../../packages/tabpane/index.scss';
 @import '../../packages/sidenavbar/index.scss';
-@import '../../packages/indicator/index.scss';
-@import '../../packages/subsidenavbar/index.scss';
+@import '../../packages/tabs/index.scss';
+@import '../../packages/tabbaritem/index.scss';
+@import '../../packages/tabbar/index.scss';
 @import '../../packages/sidenavbaritem/index.scss';
-@import '../../packages/searchbar/index.scss';
+@import '../../packages/pagination/index.scss';
 @import '../../packages/range/index.scss';
+@import '../../packages/subsidenavbar/index.scss';
+@import '../../packages/tabpane/index.scss';
 @import '../../packages/cascader/index.scss';
-@import '../../packages/calendar/index.scss';
-@import '../../packages/checkboxgroup/index.scss';
 @import '../../packages/checkbox/index.scss';
-@import '../../packages/datepicker/index.scss';
-@import '../../packages/inputnumber/index.scss';
 @import '../../packages/input/index.scss';
+@import '../../packages/datepicker/index.scss';
+@import '../../packages/radiogroup/index.scss';
 @import '../../packages/radio/index.scss';
+@import '../../packages/checkboxgroup/index.scss';
 @import '../../packages/rate/index.scss';
-@import '../../packages/navbar/index.scss';
 @import '../../packages/calendaritem/index.scss';
-@import '../../packages/shortpassword/index.scss';
-@import '../../packages/tabbaritem/index.scss';
 @import '../../packages/picker/index.scss';
-@import '../../packages/uploader/index.scss';
+@import '../../packages/shortpassword/index.scss';
 @import '../../packages/textarea/index.scss';
+@import '../../packages/inputnumber/index.scss';
+@import '../../packages/searchbar/index.scss';
 @import '../../packages/numberkeyboard/index.scss';
+@import '../../packages/swipe/index.scss';
+@import '../../packages/uploader/index.scss';
 @import '../../packages/form/index.scss';
 @import '../../packages/formitem/index.scss';
-@import '../../packages/swipe/index.scss';
-@import '../../packages/actionsheet/index.scss';
-@import '../../packages/backtop/index.scss';
-@import '../../packages/cell/index.scss';
 @import '../../packages/dialog/index.scss';
-@import '../../packages/drag/index.scss';
-@import '../../packages/radiogroup/index.scss';
 @import '../../packages/infiniteloading/index.scss';
+@import '../../packages/drag/index.scss';
+@import '../../packages/calendar/index.scss';
+@import '../../packages/backtop/index.scss';
+@import '../../packages/actionsheet/index.scss';
 @import '../../packages/switch/index.scss';
+@import '../../packages/notify/index.scss';
+@import '../../packages/toast/index.scss';
+@import '../../packages/audio/index.scss';
 @import '../../packages/audiooperate/index.scss';
-@import '../../packages/sticky/index.scss';
-@import '../../packages/avatar/index.scss';
 @import '../../packages/avatargroup/index.scss';
-@import '../../packages/list/index.scss';
+@import '../../packages/empty/index.scss';
+@import '../../packages/noticebar/index.scss';
 @import '../../packages/progress/index.scss';
+@import '../../packages/step/index.scss';
+@import '../../packages/list/index.scss';
+@import '../../packages/video/index.scss';
+@import '../../packages/swiper/index.scss';
 @import '../../packages/circleprogress/index.scss';
-@import '../../packages/notify/index.scss';
-@import '../../packages/empty/index.scss';
-@import '../../packages/pullrefresh/index.scss';
-@import '../../packages/steps/index.scss';
+@import '../../packages/avatar/index.scss';
 @import '../../packages/swiperitem/index.scss';
-@import '../../packages/price/index.scss';
-@import '../../packages/video/index.scss';
+@import '../../packages/steps/index.scss';
 @import '../../packages/imagepreview/index.scss';
 @import '../../packages/countdown/index.scss';
+@import '../../packages/price/index.scss';
 @import '../../packages/badge/index.scss';
-@import '../../packages/popover/index.scss';
-@import '../../packages/swiper/index.scss';
+@import '../../packages/skeleton/index.scss';
 @import '../../packages/tag/index.scss';
-@import '../../packages/audio/index.scss';
 @import '../../packages/collapse/index.scss';
-@import '../../packages/toast/index.scss';
+@import '../../packages/ellipsis/index.scss';
+@import '../../packages/watermark/index.scss';
+@import '../../packages/popover/index.scss';
 @import '../../packages/collapseitem/index.scss';
-@import '../../packages/countup/index.scss';
-@import '../../packages/animate/index.scss';
 @import '../../packages/trendarrow/index.scss';
-@import '../../packages/tour/index.scss';
-@import '../../packages/ellipsis/index.scss';
+@import '../../packages/animate/index.scss';
 @import '../../packages/address/index.scss';
+@import '../../packages/tour/index.scss';
 @import '../../packages/signature/index.scss';
-@import '../../packages/skeleton/index.scss';
+@import '../../packages/pullrefresh/index.scss';
 @import '../../packages/timepannel/index.scss';
-@import '../../packages/watermark/index.scss';
+@import '../../packages/table/index.scss';
+@import '../../packages/timeselect/index.scss';
+@import '../../packages/countup/index.scss';
 @import '../../packages/barrage/index.scss';
 @import '../../packages/timedetail/index.scss';
-@import '../../packages/sku/index.scss';
 @import '../../packages/ecard/index.scss';
-@import '../../packages/addresslist/index.scss';
+@import '../../packages/card/index.scss';
 @import '../../packages/category/index.scss';
+@import '../../packages/addresslist/index.scss';
 @import '../../packages/categorypane/index.scss';
 @import '../../packages/comment/index.scss';
 @import '../../packages/invoice/index.scss';
-@import '../../packages/timeselect/index.scss';
-@import '../../packages/card/index.scss';
-@import '../../packages/step/index.scss';
-@import '../../packages/noticebar/index.scss';
-@import '../../packages/table/index.scss';
+@import '../../packages/sku/index.scss';

package/dist/styles/variables.scss

@@ -332,7 +332,7 @@ $backtop-border-color: var(--nut-backtop-border-color, #e0e0e0) !default;
 
 // calendar
 $calendar-primary-color: var(--nut-calendar-primary-color, $primary-color) !default;
-$calendar-choose-color: var(--nut-calendar-choose-color, rgba($primary-color, 0.15)) !default;
+$calendar-choose-color: var(--nut-calendar-choose-color, $primary-color) !default;
 $calendar-choose-font-color: var(--nut-calendar-choose-font-color, $primary-color) !default;
 $calendar-base-color: var(--nut-calendar-base-color, #333333) !default;
 $calendar-disable-color: var(--nut-calendar-disable-color, #d1d0d0) !default;
@@ -406,7 +406,7 @@ $infiniteloading-bottom-color: var(--nut-infiniteloading-bottom-color, #c8c8c8)
 
 //range
 $range-tip-font-color: var(--nut-range-tip-font-color, #333333) !default;
-$range-bg-color: var(--nut-range-bg-color, rgba($primary-color, 0.15)) !default;
+$range-bg-color: var(--nut-range-bg-color, $primary-color) !default;
 $range-bg-color-tick: var(--nut-range-bg-color-tick, #fa958c) !default;
 $range-bar-bg-color: var(
   --nut-range-bar-bg-color,
@@ -426,7 +426,7 @@ $swiper-pagination-item-border-radius: var(--nut-swiper-pagination-item-border-r
 //address
 $address-region-tab-line: var(
   --nut-address-region-tab-line,
-  linear-gradient(90deg, $primary-color 0%, rgba($primary-color, 0.15) 100%)
+  linear-gradient(90deg, $primary-color 0%, rgba(#fa2c19, 0.15) 100%)
 ) !default;
 $address-icon-color: var(--nut-address-icon-color, $primary-color) !default;
 $address-header-title-font-size: var(--nut-address-header-title-font-size, 18px) !default;
@@ -490,7 +490,7 @@ $radio-label-font-active-color: var(--nut-radio-label-font-active-color, $primar
 $radio-label-disable-color: var(--nut-radio-label-disable-color, #999) !default;
 $radio-icon-disable-color: var(--nut-radio-icon-disable-color, #d6d6d6) !default;
 $radio-label-button-border-color: var(--nut-radio-label-button-border-color, $primary-color) !default;
-$radio-label-button-background: var(--nut-radio-label-button-background, rgba($primary-color, 0.15)) !default;
+$radio-label-button-background: var(--nut-radio-label-button-background, $primary-color) !default;
 $radio-label-margin-left: var(--nut-radio-label-margin-left, 15px) !default;
 $radio-button-border-radius: var(--nut-radio-button-border-radius, 15px) !default;
 $radio-label-font-size: var(--nut-radio-label-font-size, 14px) !default;
@@ -548,10 +548,7 @@ $timeselect-timedetail-item-bg-color: var(--nut-timeselect-timedetail-item-bg-co
 $timeselect-timedetail-item-border-radius: var(--nut-timeselect-timedetail-item-border-radius, 5px) !default;
 $timeselect-timedetail-item-text-color: var(--nut-timeselect-timedetail-item-text-color, #333333) !default;
 $timeselect-timedetail-item-text-font-size: var(--nut-timeselect-timedetail-item-text-font-size, $font-size-2) !default;
-$timeselect-timedetail-item-cur-bg-color: var(
-  --nut-timeselect-timedetail-item-cur-bg-color,
-  rgba($primary-color, 0.15)
-) !default;
+$timeselect-timedetail-item-cur-bg-color: var(--nut-timeselect-timedetail-item-cur-bg-color, $primary-color) !default;
 $timeselect-timedetail-item-cur-border: var(--nut-timeselect-timedetail-item-cur-border, $primary-color) !default;
 $timeselect-timedetail-item-cur-text-color: var(
   --nut-timeselect-timedetail-item-cur-text-color,
@@ -665,14 +662,14 @@ $tabs-titles-item-active-color: var(--nut-tabs-titles-item-active-color, $title-
 $tabs-titles-background-color: var(--nut-tabs-titles-background-color, $help-color) !default;
 $tabs-horizontal-tab-line-color: var(
   --nut-tabs-horizontal-tab-line-color,
-  linear-gradient(90deg, $primary-color 0%, rgba($primary-color, 0.15) 100%)
+  linear-gradient(90deg, $primary-color 0%, rgba(#fa2c19, 0.15) 100%)
 ) !default;
 $tabs-horizontal-titles-height: var(--nut-tabs-horizontal-titles-height, 46px) !default;
 $tabs-horizontal-titles-item-min-width: var(--nut-tabs-horizontal-titles-item-min-width, 50px) !default;
 $tabs-horizontal-titles-item-active-line-width: var(--nut-tabs-horizontal-titles-item-active-line-width, 40px) !default;
 $tabs-vertical-tab-line-color: var(
   --nut-tabs-vertical-tab-line-color,
-  linear-gradient(180deg, $primary-color 0%, rgba($primary-color, 0.15) 100%)
+  linear-gradient(180deg, $primary-color 0%, rgba(#fa2c19, 0.15) 100%)
 ) !default;
 $tabs-vertical-titles-item-height: var(--nut-tabs-vertical-titles-item-height, 40px) !default;
 $tabs-vertical-titles-item-active-line-height: var(--nut-tabs-vertical-titles-item-active-line-height, 14px) !default;
@@ -790,7 +787,7 @@ $sku-opetate-bg-default: var(
   --nut-sku-opetate-bg-default,
   linear-gradient(90deg, $primary-color, $primary-color-end 100%)
 ) !default;
-$sku-item-active-bg: var(--nut-sku-item-active-bg, rgba($primary-color, 0.15)) !default;
+$sku-item-active-bg: var(--nut-sku-item-active-bg, $primary-color) !default;
 $sku-opetate-bg-buy: var(
   --nut-sku-opetate-bg-buy,
   linear-gradient(135deg, rgba(255, 186, 13, 1) 0%, rgba(255, 195, 13, 1) 69%, rgba(255, 207, 13, 1) 100%)

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

@@ -127,6 +127,14 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overlayClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    overlayStyle: {
+        type: PropType<import("vue").CSSProperties>;
+        default: {};
+    };
 }, {
     slotDefault: boolean;
     isHighlight: (item: {
@@ -257,6 +265,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;
     onCancel?: ((...args: any[]) => any) | undefined;
@@ -271,6 +287,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     visible: boolean;
     duration: string | number;
     lockScroll: boolean;
+    overlayClass: string;
+    overlayStyle: import("vue").CSSProperties;
     closeOnClickOverlay: boolean;
     color: string;
     position: string;

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

@@ -132,6 +132,14 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overlayClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    overlayStyle: {
+        type: PropType<import("vue").CSSProperties>;
+        default: {};
+    };
 }, {
     translate: (keyPath: string, ...args: unknown[]) => string;
     regionList: import("vue").ComputedRef<any>;
@@ -286,6 +294,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;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -303,6 +319,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     visible: boolean;
     duration: string | number;
     lockScroll: boolean;
+    overlayClass: string;
+    overlayStyle: import("vue").CSSProperties;
     closeOnClickOverlay: boolean;
     type: string;
     position: string;

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

@@ -36,7 +36,6 @@ declare const _default: Install< import("vue").DefineComponent<{
     dmBody: import("vue").Ref<HTMLDivElement>;
     dmContainer: import("vue").Ref<HTMLDivElement>;
     add: (word: string) => void;
-    distance: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     danmu: {
         type: ArrayConstructor;

package/dist/types/__VUE/cascader/cascader-item.vue.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { CascaderPane, CascaderOption, Tabs } from './types';
+import { CascaderPane, CascaderOption, CascaderTabs } from './types';
 
 declare type Install<T> = T & {
   install(app: import('vue').App): void;
@@ -28,7 +28,7 @@ declare const _default: Install< import("vue").DefineComponent<{
     convertConfig: ObjectConstructor;
 }, {
     handleNode(node: CascaderOption, silent?: boolean): Promise<void>;
-    handleTabClick(tab: Tabs): void;
+    handleTabClick(tab: CascaderTabs): void;
     formatTabTitle(pane: CascaderPane): string | undefined;
     isSelected(pane: CascaderPane, node: CascaderOption): boolean;
     panes: Ref<CascaderPane[]>;

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

@@ -102,6 +102,14 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overlayClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    overlayStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: {};
+    };
 }, {
     onChange: (value: CascaderValue, pathNodes: CascaderOption[]) => void;
     onPathChange: (pathNodes: CascaderOption[]) => void;
@@ -205,6 +213,14 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overlayClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    overlayStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: {};
+    };
 }>> & {
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -218,6 +234,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/cascader/types.d.ts

@@ -7,7 +7,7 @@ export type CascaderConfig = {
     text?: string;
     children?: string;
 };
-export type Tabs = {
+export type CascaderTabs = {
     title: string;
     paneKey: string;
     disabled: boolean;

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

@@ -100,12 +100,12 @@ declare const _default: Install< import("vue").DefineComponent<{
     title: string;
     center: boolean;
     desc: string;
-    replace: boolean;
     size: string;
     url: string;
     subTitle: string;
     descTextAlign: string;
     isLink: boolean;
+    replace: boolean;
     roundRadius: string | number;
 }>>;
 export default _default;

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

@@ -3,7 +3,7 @@ declare type Install<T> = T & {
   install(app: import('vue').App): void;
 };
 declare const _default: Install< import("vue").DefineComponent<{
-    active: {
+    modelValue: {
         type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
         default: () => never[];
     };
@@ -16,8 +16,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     classes: import("vue").ComputedRef<{
         [x: string]: boolean;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:active")[], "change" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    active: {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
         type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
         default: () => never[];
     };
@@ -27,9 +27,9 @@ declare const _default: Install< import("vue").DefineComponent<{
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:active"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    active: string | number | unknown[];
+    modelValue: string | number | unknown[];
     accordion: boolean;
 }>>;
 export default _default;

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

@@ -1,3 +1,4 @@
+import { PropType } from 'vue';
 
 declare type Install<T> = T & {
   install(app: import('vue').App): void;
@@ -12,7 +13,7 @@ declare const _default: Install< import("vue").DefineComponent<{
         default: () => void;
     };
     tag: {
-        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        type: PropType<keyof HTMLElementTagNameMap>;
         default: string;
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -27,7 +28,7 @@ declare const _default: Install< import("vue").DefineComponent<{
         default: () => void;
     };
     tag: {
-        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        type: PropType<keyof HTMLElementTagNameMap>;
         default: string;
     };
 }>>, {

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

@@ -76,8 +76,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     setRef: (el: any) => void;
     topNumber: (index: number) => string | number;
     turnNumber: (index: number) => string | number;
-    toFixed: import("vue").Ref<number>;
     type: import("vue").Ref<string>;
+    toFixed: import("vue").Ref<number>;
     initNum: import("vue").Ref<number>;
     endNum: import("vue").Ref<number>;
     speed: import("vue").Ref<number>;
@@ -188,8 +188,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     onClick?: ((...args: any[]) => any) | undefined;
     "onScroll-end"?: ((...args: any[]) => any) | undefined;
 }, {
-    toFixed: number;
     type: string;
+    toFixed: number;
     initNum: number;
     endNum: number;
     speed: number;

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

@@ -14,12 +14,12 @@ export declare class DialogOptions {
     teleport?: string | HTMLElement;
     id?: string | number;
     footerDirection?: string;
-    onUpdate?: Function;
-    onOk?: Function;
-    onCancel?: Function;
-    onOpened?: Function;
-    onClosed?: Function;
-    beforeClose?: Function;
+    onUpdate?: (value: boolean) => any | void;
+    onOk?: () => void;
+    onCancel?: () => void;
+    onOpened?: () => void;
+    onClosed?: () => void;
+    beforeClose?: (action: string) => any;
     visible?: boolean;
     noFooter?: boolean;
     noOkBtn?: boolean;
@@ -33,9 +33,9 @@ declare class DialogFunction {
     instance: any;
     constructor(_options: DialogOptions);
 }
-declare const _Dialog: {
+declare const showDialog: {
     (options: DialogOptions): DialogFunction;
     install(app: any): void;
 };
-export { Dialog };
-export default _Dialog;
+export { showDialog };
+export default Dialog;

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

@@ -133,6 +133,14 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overlayClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    overlayStyle: {
+        type: PropType<CSSProperties>;
+        default: {};
+    };
 }, {
     closed: (action: string) => void;
     classes: import("vue").ComputedRef<{
@@ -271,6 +279,14 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    overlayClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    overlayStyle: {
+        type: PropType<CSSProperties>;
+        default: {};
+    };
 }>> & {
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
@@ -287,6 +303,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     visible: boolean;
     duration: string | number;
     lockScroll: boolean;
+    overlayClass: string;
+    overlayStyle: CSSProperties;
     closeOnClickOverlay: boolean;
     content: string;
     position: string;

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

@@ -40,9 +40,9 @@ declare const _default: Install< import("vue").DefineComponent<{
     };
 }>>, {
     dashed: boolean;
+    direction: string;
     contentPosition: string;
     hairline: boolean;
-    direction: string;
 }>>;
 export default _default;
 

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

@@ -83,8 +83,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     symbol: string;
     content: string;
     rows: string | number;
-    lineHeight: string | number;
     direction: Direction;
+    lineHeight: string | number;
     expandText: string;
     collapseText: string;
 }>>;

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

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

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

@@ -1,3 +1,4 @@
+import '@nutui/icons-vue/dist/style_iconfont.css';
 
 declare type Install<T> = T & {
   install(app: import('vue').App): void;

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

@@ -2,24 +2,24 @@ import ImagePreview from './index.vue';
 import { ImageInterface } from './types';
 import { Interceptor } from '@/packages/utils/util';
 export declare class ImagePreviewOptions {
-    show: Boolean;
+    show: boolean;
     images: ImageInterface[];
     videos?: [];
-    contentClose?: Boolean;
-    initNo?: Number;
-    paginationVisible?: Boolean;
-    paginationColor?: String;
-    autoplay?: Number | String;
-    isWrapTeleport?: Boolean;
+    contentClose?: boolean;
+    initNo?: number;
+    paginationVisible?: boolean;
+    paginationColor?: string;
+    autoplay?: number | string;
+    isWrapTeleport?: boolean;
     showIndex?: boolean;
     closeable?: boolean;
     closeIcon?: string;
-    closeIconPosition?: String;
+    closeIconPosition?: string;
     beforeClose?: Interceptor;
     maxZoom?: number;
     minZoom?: number;
     isLoop?: boolean;
-    onClose?: Function;
+    onClose?(): void;
     onChange?(index: number): void;
     teleport?: string | HTMLElement;
 }
@@ -27,9 +27,9 @@ declare class ImagePreviewFunction {
     options: ImagePreviewOptions;
     constructor(_options: ImagePreviewOptions);
 }
-declare const _ImagePreview: {
+declare const showImagePreview: {
     (options: ImagePreviewOptions): ImagePreviewFunction;
     install(app: any): void;
 };
-export { ImagePreview };
-export default _ImagePreview;
+export { showImagePreview };
+export default ImagePreview;