@nutui/nutui 3.1.16 → 3.1.18-beta.0

package/dist/styles/font/iconfont.json

@@ -5,6 +5,41 @@
   "css_prefix_text": "nut-icon-",
   "description": "nutui 3.0字体管理",
   "glyphs": [
+    {
+      "icon_id": "27579944",
+      "name": "voice",
+      "font_class": "voice",
+      "unicode": "e608",
+      "unicode_decimal": 58888
+    },
+    {
+      "icon_id": "27574732",
+      "name": "play-stop",
+      "font_class": "play-stop",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
+    {
+      "icon_id": "27574733",
+      "name": "play-start",
+      "font_class": "play-start",
+      "unicode": "e605",
+      "unicode_decimal": 58885
+    },
+    {
+      "icon_id": "27574749",
+      "name": "play-double-back",
+      "font_class": "play-double-back",
+      "unicode": "e606",
+      "unicode_decimal": 58886
+    },
+    {
+      "icon_id": "27574750",
+      "name": "play-double-forward",
+      "font_class": "play-double-forward",
+      "unicode": "e607",
+      "unicode_decimal": 58887
+    },
     {
       "icon_id": "27276580",
       "name": "dou-arrow-up",

package/dist/styles/themes/default.scss

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

package/dist/styles/variables.scss

@@ -3,6 +3,7 @@
 // 主色调
 $primary-color: #fa2c19 !default;
 $primary-color-end: #fa6419 !default;
+
 // 辅助色
 $help-color: #f5f5f5 !default;
 // 标题常规文字
@@ -16,9 +17,6 @@ $disable-color: #cccccc !default;
 $white: #fff !default;
 $black: #000 !default;
 
-// padding
-$padding-xs: 12px !default;
-
 $font-family: PingFang SC, Microsoft YaHei, Helvetica, Hiragino Sans GB, SimSun, sans-serif !default;
 
 // ---- Animation ----
@@ -44,6 +42,9 @@ $button-border-width: 1px !default;
 $button-default-bg-color: $white !default;
 $button-default-border-color: rgba(204, 204, 204, 1) !default;
 $button-default-color: rgba(102, 102, 102, 1) !default;
+$button-default-padding: 0 18px !default;
+$button-mini-padding: 0 12px !default;
+$button-small-padding: 0 12px !default;
 $button-small-height: 28px !default;
 $button-mini-height: 24px !default;
 $button-default-height: 38px !default;
@@ -54,6 +55,8 @@ $button-block-height: 48px !default;
 $button-default-line-height: 36px !default;
 $button-block-line-height: 46px !default;
 $button-default-font-size: $font-size-2 !default;
+$button-small-font-size: $font-size-1 !default;
+$button-mini-font-size: $font-size-1 !default;
 $button-disabled-opacity: 0.68 !default;
 $button-primary-color: $white !default;
 $button-primary-border-color: $primary-color !default;
@@ -94,6 +97,10 @@ $cell-title-desc-font: $font-size-1 !default;
 $cell-desc-font: $font-size-2 !default;
 $cell-desc-color: $disable-color !default;
 $cell-border-radius: 6px !default;
+$cell-padding: 13px 16px !default;
+$cell-line-height: 20px !default;
+$cell-after-right: 16px !default;
+$cell-after-border-bottom: 2px solid #f5f6f7 !default;
 
 // cell-group
 
@@ -147,6 +154,12 @@ $inputnumber-icon-size: 20px !default;
 
 // actionsheet
 $actionsheet-light-color: #f6f6f6 !default;
+$actionsheet-item-border-bottom: none !default;
+$actionsheet-item-font-size: $font-size-2 !default;
+$actionsheet-item-subdesc-font-size: $font-size-1 !default;
+$actionsheet-item-cancel-border-top: 1px solid $actionsheet-light-color !default;
+$actionsheet-item-line-height: 24px !default;
+$actionsheet-item-font-color: $title-color !default;
 
 //shortpassword
 $shortpassword-background-color: rgba(245, 245, 245, 1) !default;
@@ -181,6 +194,23 @@ $avatar-normal-height: 40px !default;
 //switch
 $switch-close-bg-color: #ebebeb !default;
 $switch-close--cline-bg-color: #f0f0f0 !default;
+$switch-width: 36px !default;
+$switch-height: 21px !default;
+$switch-line-height: 21px !default;
+$switch-border-radius: 21px !default;
+$switch-inside-width: 13px !default;
+$switch-inside-height: 13px !default;
+$switch-inside-open-transform: translateX(146%) !default;
+$switch-inside-close-transform: translateX(30%) !default;
+
+// toast
+$toast-title-font-size: 16px !default;
+$toast-text-font-size: 14px !default;
+$toast-font-color: $white !default;
+$toast-inner-padding: 24px 30px !default;
+$toast-inner-bg-color: rgba(0, 0, 0, 0.8) !default;
+$toast-inner-border-radius: 12px !default;
+$toast-cover-bg-color: rgba(0, 0, 0, 0) !default;
 
 //backtop
 $backtop-border-color: #e0e0e0 !default;
@@ -193,7 +223,7 @@ $calendar-disable-color: #d1d0d0 !default;
 $calendar-title-font: $font-size-4 !default;
 $calendar-base-font: $font-size-3 !default;
 $calendar-text-font: $font-size-1 !default;
-$calendar-day-font: 18px !default;
+$calendar-day-font: 16px !default;
 
 //overlay
 $overlay-bg-color: rgba(0, 0, 0, 0.7) !default;
@@ -207,13 +237,8 @@ $notify-text-color: $white !default;
 $notify-padding: 12px 0 !default;
 $notify-font-size: 14px !default;
 $notify-height: 44px !default;
-$notify-base-background-color: linear-gradient(
-  135deg,
-  rgba(250, 44, 25, 1) 0%,
-  rgba(250, 63, 25, 1) 45%,
-  rgba(250, 89, 25, 1) 83%,
-  rgba(250, 100, 25, 1) 100%
-) !default;
+$notify-line-height: auto !default;
+$notify-base-background-color: linear-gradient(135deg, $primary-color 0%, $primary-color-end 100%) !default;
 $notify-primary-background-color: linear-gradient(
   315deg,
   rgba(73, 143, 242, 1) 0%,
@@ -235,15 +260,30 @@ $rate-icon-void-color: $disable-color !default;
 
 // tabbar
 $tabbar-active-color: $primary-color !default;
-$tabbar-border-color: #eee !default;
+$tabbar-unactive-color: $primary-color !default;
+$tabbar-border-top: 1px solid #eee !default;
+$tabbar-border-bottom: 1px solid #eee !default;
+$tabbar-box-shadow: none !default;
+$tabbar-item-text-font-size: $font-size-0 !default;
+$tabbar-item-text-line-height: initial !default;
 
 //infiniteloading
-$infinite-bottom-color: #c8c8c8 !default;
+$infiniteloading-bottom-color: #c8c8c8 !default;
 
 //range
-$range-max: #333333 !default;
-$rang-bg-color: rgba($primary-color, 0.5) !default;
-$rang-bar-bg-color: linear-gradient(135deg, $primary-color 0%, $primary-color-end 100%) !default;
+$range-tip-font-color: #333333 !default;
+$range-bg-color: rgba($primary-color, 0.5) !default;
+$range-bar-bg-color: linear-gradient(135deg, $primary-color 0%, $primary-color-end 100%) !default;
+$range-bar-btn-bg-color: $white !default;
+$range-bar-btn-width: 24px !default;
+$range-bar-btn-height: 24px !default;
+$range-bar-btn-border: 1px solid $primary-color !default;
+
+//swiper
+$swiper-pagination-item-width: 8px !default;
+$swiper-pagination-item-height: 3px !default;
+$swiper-pagination-item-margin-right: 7px !default;
+$swiper-pagination-item-border-radius: 2px !default;
 
 //address
 $address-region-tab-line: linear-gradient(90deg, $primary-color 0%, rgba($primary-color, 0.15) 100%) !default;
@@ -280,6 +320,23 @@ $noticebar-height: 40px !default;
 $noticebar-line-height: 24px !default;
 $noticebar-left-icon-width: 16px !default;
 $noticebar-right-icon-width: 16px !default;
+$noticebar-box-padding-left: 16px !default;
+$noticebar-box-padding-right: 16px !default;
+
+$noticebar-wrapable-padding-left: 16px !default;
+$noticebar-wrapable-padding-right: 16px !default;
+$noticebar-wrapable-padding-top: 16px !default;
+$noticebar-wrapable-padding-bottom: 16px !default;
+
+$noticebar-lefticon-padding-left: 0px !default;
+$noticebar-lefticon-padding-right: 10px !default;
+$noticebar-lefticon-padding-top: 0px !default;
+$noticebar-lefticon-padding-bottom: 0px !default;
+
+$noticebar-righticon-padding-left: 10px !default;
+$noticebar-righticon-padding-right: 0px !default;
+$noticebar-righticon-padding-top: 0px !default;
+$noticebar-righticon-padding-bottom: 0px !default;
 
 // TimeSelect
 $timeselect-title-font-size: $font-size-2 !default;
@@ -336,6 +393,26 @@ $popover-disable-color: rgba(154, 155, 157, 1) !default;
 //progress
 $progress-inner-background-color: linear-gradient(135deg, $primary-color 0%, $primary-color-end 100%) !default;
 $progress-insidetext-background: $primary-color !default;
+$progress-outer-background-color: #f3f3f3 !default;
+$progress-outer-border-radius: 12px !default;
+$progress-insidetext-border-radius: 5px !default;
+$progress-insidetext-padding: 3px 5px 3px 6px !default;
+$progress-insidetext-top: -42% !default;
+$progress-small-height: 5px !default;
+$progress-small-text-font-size: 7px !default;
+$progress-small-text-line-height: 10px !default;
+$progress-small-text-padding: 2px 4px !default;
+$progress-small-text-top: -100% !default;
+$progress-base-height: 10px !default;
+$progress-base-text-font-size: 9px !default;
+$progress-base-text-line-height: 13px !default;
+$progress-base-text-padding: $progress-insidetext-padding !default;
+$progress-base-text-top: $progress-insidetext-top !default;
+$progress-large-height: 15px !default;
+$progress-large-text-font-size: 13px !default;
+$progress-large-text-line-height: 18px !default;
+$progress-large-text-padding: $progress-insidetext-padding !default;
+$progress-large-text-top: $progress-insidetext-top !default;
 
 //pagination
 $pagination-color: $primary-color !default;
@@ -355,6 +432,7 @@ $tabs-titles-item-large-font-size: $font-size-3 !default;
 $tabs-titles-item-font-size: $font-size-2 !default;
 $tabs-titles-item-small-font-size: $font-size-1 !default;
 $tabs-titles-item-color: $title-color !default;
+$tabs-titles-item-active-color: $title-color !default;
 $tabs-titles-background-color: $help-color !default;
 $tabs-horizontal-tab-line-color: linear-gradient(90deg, $primary-color 0%, rgba($primary-color, 0.15) 100%) !default;
 $tabs-horizontal-titles-height: 46px !default;
@@ -393,26 +471,26 @@ $searchbar-input-background: #f7f7f7 !default;
 $searchbar-right-out-color: $black !default;
 
 // empty
-$empty-padding: 32px 0;
-$empty-image-size: 170px;
-$empty-description-margin-top: 4px;
-$empty-description-color: #666666;
-$empty-description-font-size: 14px;
-$empty-description-line-height: 20px;
-$empty-description-padding: 0 40px;
+$empty-padding: 32px 0 !default;
+$empty-image-size: 170px !default;
+$empty-description-margin-top: 4px !default;
+$empty-description-color: #666666 !default;
+$empty-description-font-size: 14px !default;
+$empty-description-line-height: 20px !default;
+$empty-description-padding: 0 40px !default;
 
 // cascader
-$cascader-font-size: $font-size-2;
-$cascader-line-height: 22px;
-$cascader-tabs-item-padding: 0 10px;
-$cascader-bar-padding: 24px 20px 17px;
-$cascader-bar-font-size: $font-size-4;
-$cascader-bar-line-height: 20px;
-$cascader-bar-color: $title-color;
-$cascader-item-padding: 10px 20px;
-$cascader-item-color: $title-color;
-$cascader-item-font-size: $font-size-2;
-$cascader-item-active-color: $primary-color;
+$cascader-font-size: $font-size-2 !default;
+$cascader-line-height: 22px !default;
+$cascader-tabs-item-padding: 0 10px !default;
+$cascader-bar-padding: 24px 20px 17px !default;
+$cascader-bar-font-size: $font-size-4 !default;
+$cascader-bar-line-height: 20px !default;
+$cascader-bar-color: $title-color !default;
+$cascader-item-padding: 10px 20px !default;
+$cascader-item-color: $title-color !default;
+$cascader-item-font-size: $font-size-2 !default;
+$cascader-item-active-color: $primary-color !default;
 
 // form
 $form-item-error-line-color: $primary-color !default;
@@ -432,10 +510,10 @@ $sku-opetate-bg-buy: linear-gradient(
 ) !default;
 
 // card
-$card-font-size-0: $font-size-0;
-$card-font-size-1: $font-size-1;
-$card-font-size-2: $font-size-2;
-$card-font-size-3: $font-size-3;
+$card-font-size-0: $font-size-0 !default;
+$card-font-size-1: $font-size-1 !default;
+$card-font-size-2: $font-size-2 !default;
+$card-font-size-3: $font-size-3 !default;
 
 // grid
 $grid-border-color: #f5f6f7 !default;
@@ -446,10 +524,10 @@ $grid-item-text-color: $title-color2 !default;
 $grid-item-text-font-size: $font-size-1 !default;
 
 // table
-$table-border-color: #ececec;
-$table-cols-padding: 10px;
-$table-tr-even-bg-color: #f3f3f3;
-$table-tr-odd-bg-color: $white;
+$table-border-color: #ececec !default;
+$table-cols-padding: 10px !default;
+$table-tr-even-bg-color: #f3f3f3 !default;
+$table-tr-odd-bg-color: $white !default;
 
 // sidenavbar
 $sidenavbar-content-bg-color: $white !default;
@@ -461,5 +539,8 @@ $subsidenavbar-title-bg-color: #f6f6f6 !default;
 // sidenavbaritem
 $sidenavbaritem-title-color: $white !default;
 
+// elevator
+$elevator-list-item-highcolor: $primary-color !default;
+
 @import './mixins/index';
 @import './animation/index';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui",
-  "version": "3.1.16",
+  "version": "3.1.18-beta.0",
   "description": "京东风格的轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）",
   "main": "dist/nutui.umd.js",
   "module": "dist/nutui.es.js",
@@ -46,8 +46,7 @@
     "upload": "yarn build:site:oss && node ./jd/upload.js",
     "add": "node jd/createComponentMode.js",
     "publish:beta": "npm publish --tag=beta",
-    "publish:next": "npm publish --tag=next",
-    "publish:taro": "npm publish",
+    "publish": "npm publish",
     "generate:file": "node jd/generate-nutui.js",
     "generate:file:taro:vue": "node jd/generate-nutui-taro-vue.js",
     "generate:types": "node jd/generate-types.js",
@@ -64,24 +63,23 @@
     }
   },
   "dependencies": {
-    "@tarojs/cli": "^3.4.0",
     "sass": "~1.32.0",
-    "vue-router": "^4.0.11"
+    "vue-router": "^4.0.12"
   },
   "devDependencies": {
     "@commitlint/cli": "^10.0.0",
     "@commitlint/config-conventional": "^10.0.0",
     "@tarojs/taro": "^3.4.0",
     "@types/jest": "^26.0.22",
-    "@types/node": "^14.14.31",
+    "@types/node": "^17.0.16",
     "@typescript-eslint/eslint-plugin": "^4.20.0",
     "@typescript-eslint/parser": "^4.20.0",
-    "@vitejs/plugin-legacy": "^1.4.0",
-    "@vitejs/plugin-vue": "^1.2.2",
-    "@vue/compiler-sfc": "^3.0.11",
+    "@vitejs/plugin-legacy": "^1.6.4",
+    "@vitejs/plugin-vue": "^2.1.0",
+    "@vue/compiler-sfc": "^3.2.30",
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^7.0.0",
-    "@vue/test-utils": "^2.0.0-rc.17",
+    "@vue/test-utils": "^2.0.0-rc.18",
     "autoprefixer": "^10.3.4",
     "axios": "^0.21.0",
     "eslint": "^7.23.2",
@@ -97,14 +95,15 @@
     "lzutf8": "^0.6.0",
     "markdown-it-container": "^3.0.0",
     "prettier": "^2.0.0",
+    "remark-codesandbox": "^0.10.1",
     "standard-version": "^9.3.0",
     "swiper": "6.5.1",
     "transliteration": "^2.2.0",
     "ts-jest": "^26.5.5",
     "typescript": "^4.1.5",
-    "vite": "^2.3.4",
-    "vite-plugin-md": "^0.11.0",
-    "vue": "^3.2.19",
+    "vite": "^2.7.13",
+    "vite-plugin-md": "^0.11.8",
+    "vue": "^3.2.30",
     "vue-jest": "^5.0.0-alpha.7"
   },
   "eslintConfig": {