@nutui/nutui 4.0.0-beta.24 → 4.0.0-beta.26

package/dist/styles/themes/jdt.scss

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

package/dist/styles/variables-jdb.scss

@@ -532,10 +532,8 @@ $fixednav-item-active-color: $primary-color !default;
 $noticebar-background: rgba(251, 248, 220, 1) !default;
 $noticebar-color: #d9500b !default;
 $noticebar-font-size: 14px !default;
-$noticebar-height: 40px !default;
-$noticebar-line-height: 24px !default;
-$noticebar-left-icon-width: 16px !default;
-$noticebar-right-icon-width: 16px !default;
+$noticebar-across-height: 40px !default;
+$noticebar-across-line-height: 24px !default;
 $noticebar-box-padding: 0 16px !default;
 $noticebar-wrapable-padding: 16px !default;
 $noticebar-lefticon-margin: 0px 10px !default;

package/dist/styles/variables-jddkh.scss

@@ -464,10 +464,8 @@ $fixednav-item-active-color: $primary-color !default;
 $noticebar-background: rgba(255, 252, 217, 1) !default;
 $noticebar-color: #d9500b !default;
 $noticebar-font-size: $font-size-1 !default;
-$noticebar-height: 40px !default;
-$noticebar-line-height: 24px !default;
-$noticebar-left-icon-width: 12px !default;
-$noticebar-right-icon-width: 10px !default;
+$noticebar-across-height: 40px !default;
+$noticebar-across-line-height: 24px !default;
 $noticebar-box-padding: 0 12px !default;
 $noticebar-wrapable-padding: 16px !default;
 $noticebar-lefticon-margin: 0 6px 0 0 !default;

package/dist/styles/variables-jdt.scss

@@ -472,10 +472,8 @@ $fixednav-item-active-color: var(--nut-fixednav-item-active-color, $primary-colo
 $noticebar-background: var(--nut-noticebar-background, #f2f8ff) !default;
 $noticebar-color: var(--nut-noticebar-color, #2c68ff) !default;
 $noticebar-font-size: var(--nut-noticebar-font-size, 14px) !default;
-$noticebar-height: var(--nut-noticebar-height, 40px) !default;
-$noticebar-line-height: var(--nut-noticebar-line-height, 24px) !default;
-$noticebar-left-icon-width: var(--nut-noticebar-left-icon-width, 16px) !default;
-$noticebar-right-icon-width: var(--nut-noticebar-right-icon-width, 16px) !default;
+$noticebar-across-height: var(--nut-noticebar-across-height, 40px) !default;
+$noticebar-across-line-height: var(--nut-noticebar-across-line-height, 24px) !default;
 $noticebar-box-padding: var(--nut-noticebar-box-padding, 0 16px) !default;
 $noticebar-wrapable-padding: var(--nut-noticebar-wrapable-padding, 16px) !default;
 $noticebar-lefticon-margin: var(--nut-noticebar-lefticon-margin, 0px 10px) !default;

package/dist/styles/variables.scss

@@ -510,10 +510,8 @@ $fixednav-item-active-color: var(--nut-fixednav-item-active-color, $primary-colo
 $noticebar-background: var(--nut-noticebar-background, rgba(251, 248, 220, 1)) !default;
 $noticebar-color: var(--nut-noticebar-color, #d9500b) !default;
 $noticebar-font-size: var(--nut-noticebar-font-size, 14px) !default;
-$noticebar-height: var(--nut-noticebar-height, 40px) !default;
-$noticebar-line-height: var(--nut-noticebar-line-height, 24px) !default;
-$noticebar-left-icon-width: var(--nut-noticebar-left-icon-width, 16px) !default;
-$noticebar-right-icon-width: var(--nut-noticebar-right-icon-width, 16px) !default;
+$noticebar-across-height: var(--nut-noticebar-across-height, 40px) !default;
+$noticebar-across-line-height: var(--nut-noticebar-across-line-height, 24px) !default;
 $noticebar-box-padding: var(--nut-noticebar-box-padding, 0 16px) !default;
 $noticebar-wrapable-padding: var(--nut-noticebar-wrapable-padding, 16px) !default;
 $noticebar-lefticon-margin: var(--nut-noticebar-lefticon-margin, 0px 10px) !default;

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

@@ -1,4 +1,3 @@
-import { Notice } from '@nutui/icons-vue';
 
 declare type Install<T> = T & {
   install(app: import('vue').App): void;
@@ -37,8 +36,8 @@ declare const _default: Install< import("vue").DefineComponent<{
         default: boolean;
     };
     leftIcon: {
-        type: ObjectConstructor;
-        default: () => typeof Notice;
+        type: BooleanConstructor;
+        default: boolean;
     };
     color: {
         type: StringConstructor;
@@ -90,9 +89,6 @@ declare const _default: Install< import("vue").DefineComponent<{
         'nut-noticebar__page-wrap-content': boolean;
         'nut-ellipsis': boolean;
     }>;
-    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;
-    }>;
     wrapWidth: import("vue").Ref<number>;
     firstRound: import("vue").Ref<boolean>;
     duration: import("vue").Ref<number>;
@@ -118,7 +114,7 @@ declare const _default: Install< import("vue").DefineComponent<{
     complexAm: import("vue").Ref<boolean>;
     closeMode: import("vue").Ref<boolean>;
     wrapable: import("vue").Ref<boolean>;
-    leftIcon: import("vue").Ref<Record<string, any>>;
+    leftIcon: import("vue").Ref<boolean>;
     delay: import("vue").Ref<string | number>;
     scrollable: import("vue").Ref<boolean>;
     onClick: import("vue").Ref<((...args: any[]) => any) | undefined>;
@@ -157,8 +153,8 @@ declare const _default: Install< import("vue").DefineComponent<{
         default: boolean;
     };
     leftIcon: {
-        type: ObjectConstructor;
-        default: () => typeof Notice;
+        type: BooleanConstructor;
+        default: boolean;
     };
     color: {
         type: StringConstructor;
@@ -195,7 +191,7 @@ declare const _default: Install< import("vue").DefineComponent<{
     complexAm: boolean;
     closeMode: boolean;
     wrapable: boolean;
-    leftIcon: Record<string, any>;
+    leftIcon: boolean;
     delay: string | number;
     scrollable: boolean;
 }>>;

package/dist/types/index.d.ts

@@ -107,7 +107,7 @@ 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.24";
+declare const version = "4.0.0-beta.26";
 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;

package/package.json

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

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

@@ -1,310 +0,0 @@
-import type { PropType } from 'vue';
-export interface menuItems {
-    disable: boolean;
-    loading: boolean;
-    color: string;
-    name: string;
-    subname: string;
-    [x: string]: string | boolean;
-}
-
-declare type Install<T> = T & {
-  install(app: import('vue').App): void;
-};
-declare const _default: Install< import("vue").DefineComponent<{
-    cancelTxt: {
-        type: StringConstructor;
-        default: string;
-    };
-    optionTag: {
-        type: StringConstructor;
-        default: string;
-    };
-    optionSubTag: {
-        type: StringConstructor;
-        default: string;
-    };
-    chooseTagValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    color: {
-        type: StringConstructor;
-        default: string;
-    };
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
-    menuItems: {
-        type: PropType<menuItems[]>;
-        default: () => never[];
-    };
-    closeAbled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    visible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    zIndex: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    duration: {
-        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;
-    };
-    overlayClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    overlayStyle: {
-        type: PropType<import("vue").CSSProperties>;
-        default: {};
-    };
-}, {
-    slotDefault: boolean;
-    isHighlight: (item: {
-        [x: string]: string | boolean;
-    }) => string;
-    cancelActionSheet: () => void;
-    chooseItem: (item: {
-        disable: boolean;
-        loading: boolean;
-    }, index: any) => void;
-    close: (e: Event) => void;
-    classes: import("vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:visible" | "cancel" | "choose")[], "close" | "update:visible" | "cancel" | "choose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    cancelTxt: {
-        type: StringConstructor;
-        default: string;
-    };
-    optionTag: {
-        type: StringConstructor;
-        default: string;
-    };
-    optionSubTag: {
-        type: StringConstructor;
-        default: string;
-    };
-    chooseTagValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    color: {
-        type: StringConstructor;
-        default: string;
-    };
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
-    menuItems: {
-        type: PropType<menuItems[]>;
-        default: () => never[];
-    };
-    closeAbled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    visible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    zIndex: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    duration: {
-        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;
-    };
-    overlayClass: {
-        type: StringConstructor;
-        default: string;
-    };
-    overlayStyle: {
-        type: PropType<import("vue").CSSProperties>;
-        default: {};
-    };
-}>> & {
-    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
-    onCancel?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
-    onChoose?: ((...args: any[]) => any) | undefined;
-}, {
-    style: import("vue").CSSProperties;
-    title: string;
-    zIndex: string | number;
-    round: boolean;
-    overlay: boolean;
-    visible: boolean;
-    duration: string | number;
-    overlayClass: string;
-    lockScroll: boolean;
-    overlayStyle: import("vue").CSSProperties;
-    closeOnClickOverlay: boolean;
-    color: string;
-    position: string;
-    transition: string;
-    popClass: string;
-    closeable: boolean;
-    closeIconPosition: string;
-    closeIcon: string;
-    destroyOnClose: boolean;
-    teleport: string | Element;
-    teleportDisable: boolean;
-    safeAreaInsetBottom: boolean;
-    cancelTxt: string;
-    optionTag: string;
-    optionSubTag: string;
-    chooseTagValue: string;
-    description: string;
-    menuItems: menuItems[];
-    closeAbled: boolean;
-}>>;
-export default _default;
-
-declare module 'vue' {
-  interface GlobalComponents {
-      NutActionSheet: typeof _default;
-  }
-}