@nutui/nutui 4.0.0-beta.7 → 4.0.0-beta.9

package/dist/styles/themes/jdt.scss

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

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/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/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;

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

@@ -45,10 +45,6 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    closeIcon: {
-        type: StringConstructor;
-        default: string;
-    };
     closeIconPosition: {
         type: StringConstructor;
         default: string;
@@ -128,10 +124,6 @@ declare const _default: Install< import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    closeIcon: {
-        type: StringConstructor;
-        default: string;
-    };
     closeIconPosition: {
         type: StringConstructor;
         default: string;
@@ -168,7 +160,6 @@ declare const _default: Install< import("vue").DefineComponent<{
     show: boolean;
     closeable: boolean;
     closeIconPosition: string;
-    closeIcon: string;
     teleport: string | Element;
     teleportDisable: boolean;
     autoplay: string | number;

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

@@ -1,5 +1,5 @@
 import Notify from './index.vue';
-export declare const NotifyFunction: {
+declare const showNotify: {
     text(msg: string, obj?: {}): {
         [x: string]: unknown;
     } | undefined;
@@ -18,5 +18,5 @@ export declare const NotifyFunction: {
     hide(): void;
     install(app: any): void;
 };
-export default NotifyFunction;
-export { Notify };
+export { showNotify };
+export default Notify;

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: {
@@ -86,12 +86,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 +107,7 @@ declare const _default: Install< import("vue").DefineComponent<{
         default: number;
     };
     direction: {
-        type: StringConstructor[];
+        type: StringConstructor;
         default: string;
     };
     paginationVisible: {

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/index.d.ts

@@ -52,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';
@@ -73,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';
@@ -103,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.7";
-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 };
+declare const version = "4.0.0-beta.9";
+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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui",
-  "version": "4.0.0-beta.7",
+  "version": "4.0.0-beta.9",
   "description": "京东风格的轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）",
   "main": "dist/nutui.umd.cjs",
   "module": "dist/nutui.es.js",