@nutui/nutui 4.0.0-beta.4 → 4.0.0-beta.6

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

package/dist/styles/variables.scss

@@ -3,6 +3,7 @@
 // 主色调
 $primary-color: var(--nut-primary-color, #fa2c19) !default;
 $primary-color-end: var(--nut-primary-color-end, #fa6419) !default;
+$primary-color-active: var(--nut-primary-color-active, rgba(250, 44, 25, 0.15)) !default;
 
 // 辅助色
 $help-color: var(--nut-help-color, #f5f5f5) !default;
@@ -332,7 +333,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-active) !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 +407,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-active) !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 +427,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%, $primary-color-active 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 +491,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-active) !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;
@@ -550,7 +551,7 @@ $timeselect-timedetail-item-text-color: var(--nut-timeselect-timedetail-item-tex
 $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)
+  $primary-color-active
 ) !default;
 $timeselect-timedetail-item-cur-border: var(--nut-timeselect-timedetail-item-cur-border, $primary-color) !default;
 $timeselect-timedetail-item-cur-text-color: var(
@@ -665,14 +666,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%, $primary-color-active 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%, $primary-color-active 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 +791,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-active) !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/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/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/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/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/noticebar/index.vue.d.ts

@@ -115,8 +115,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     color: import("vue").Ref<string>;
     height: import("vue").Ref<number>;
     background: import("vue").Ref<string>;
-    speed: import("vue").Ref<number>;
     direction: import("vue").Ref<string>;
+    speed: import("vue").Ref<number>;
     leftIcon: import("vue").Ref<Record<string, any>>;
     rightIcon: import("vue").Ref<Record<string, any>>;
     list: import("vue").Ref<unknown[]>;
@@ -197,8 +197,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     color: string;
     height: number;
     background: string;
-    speed: number;
     direction: string;
+    speed: number;
     leftIcon: Record<string, any>;
     rightIcon: Record<string, any>;
     list: unknown[];

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

@@ -174,8 +174,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     duration: string | number;
     overlayClass: string;
     closeOnClickOverlay: boolean;
-    bgColor: string;
     offset: unknown[];
+    bgColor: string;
     theme: PopoverTheme;
     customClass: string;
     list: PopoverList[];

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

@@ -156,8 +156,8 @@ 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;

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

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

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

@@ -172,8 +172,8 @@ declare const _default: Install< import("vue").DefineComponent<{
     visible: boolean;
     closeOnClickOverlay: boolean;
     type: string;
-    bgColor: string;
     offset: Number[];
+    bgColor: string;
     theme: string;
     current: number;
     location: PopoverLocation;

package/dist/types/index.d.ts

@@ -103,7 +103,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.4";
+declare const version = "4.0.0-beta.6";
 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 _default: {
     install: typeof install;

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@nutui/nutui",
-  "version": "4.0.0-beta.4",
+  "version": "4.0.0-beta.6",
   "description": "京东风格的轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）",
   "main": "dist/nutui.umd.cjs",
   "module": "dist/nutui.es.js",
   "style": "dist/style.css",
   "type": "module",
   "typings": "dist/types/index.d.ts",
+  "sideEffects": [
+    "dist/packages/_es/*"
+  ],
   "vetur": {
     "tags": "dist/smartips/tags.json",
     "attributes": "dist/smartips/attributes.json"

package/dist/packages/icon/index.mjs

@@ -1,2 +0,0 @@
-import Icon from '../_es/Icon.js';
-export { Icon };

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

@@ -1,20 +0,0 @@
-import { PropType } from 'vue';
-export declare const component: {
-    props: {
-        theme: {
-            type: StringConstructor;
-            default: string;
-        };
-        themeVars: {
-            type: ObjectConstructor;
-            default: () => void;
-        };
-        tag: {
-            type: PropType<keyof HTMLElementTagNameMap>;
-            default: string;
-        };
-    };
-    setup(props: any, { slots }: any): () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-};