@nutui/nutui 3.1.14 → 3.1.16-beta.1

package/dist/styles/font/iconfont.json

@@ -5,6 +5,13 @@
   "css_prefix_text": "nut-icon-",
   "description": "nutui 3.0字体管理",
   "glyphs": [
+    {
+      "icon_id": "27276580",
+      "name": "dou-arrow-up",
+      "font_class": "dou-arrow-up",
+      "unicode": "e603",
+      "unicode_decimal": 58883
+    },
     {
       "icon_id": "1388116",
       "name": "loading2",

package/dist/styles/themes/default.scss

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

package/dist/styles/themes/jdd.scss

@@ -0,0 +1,2 @@
+$primary-color: #2c68ff;
+$primary-color-end: #2c68ff;

package/dist/styles/variables.scss

@@ -37,6 +37,7 @@ $font-size-small: $font-size-1 !default;
 $font-size-base: $font-size-2 !default;
 $font-size-large: $font-size-3 !default;
 $line-height-base: 1.5 !default;
+
 // button
 $button-border-radius: 25px !default;
 $button-border-width: 1px !default;
@@ -118,6 +119,9 @@ $uploader-picture-width: 100px !default;
 $uploader-picture-height: 100px !default;
 $uploader-background: #f7f8fa !default;
 
+// picker
+$picker-cancel-color: $primary-color !default;
+
 //input
 $input-border-bottom: #eaf0fb !default;
 $input-disabled-color: #c8c9cc !default;
@@ -142,17 +146,13 @@ $inputnumber-input-width: 40px !default;
 $inputnumber-icon-size: 20px !default;
 
 // actionsheet
-$zindex-actionsheet: 10001 !default;
-$body-background: #f6f6f6 !default;
-$light-color: #f6f6f6 !default;
-$font-size-base: $font-size-2 !default;
-$font-size-small: $font-size-1 !default;
+$actionsheet-light-color: #f6f6f6 !default;
 
 //shortpassword
-$shortpsd-background-color: rgba(245, 245, 245, 1) !default;
-$shortpsd-border-color: #ddd !default;
-$shortpsd-error: rgba(242, 39, 12, 1) !default;
-$shortpsd-forget: rgba(128, 128, 128, 1) !default;
+$shortpassword-background-color: rgba(245, 245, 245, 1) !default;
+$shortpassword-border-color: #ddd !default;
+$shortpassword-error: $primary-color !default;
+$shortpassword-forget: rgba(128, 128, 128, 1) !default;
 
 //large price
 $price-symbol-big-size: 18px !default;
@@ -207,7 +207,6 @@ $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%,
@@ -231,12 +230,10 @@ $notify-danger-background-color: rgba(250, 50, 25, 1) !default;
 $notify-warning-background-color: linear-gradient(135deg, rgba(255, 93, 13, 1) 0%, rgba(255, 154, 13, 1) 100%) !default;
 
 // rate
-
 $rate-icon-color: $primary-color !default;
 $rate-icon-void-color: $disable-color !default;
 
 // tabbar
-
 $tabbar-active-color: $primary-color !default;
 $tabbar-border-color: #eee !default;
 
@@ -249,7 +246,8 @@ $rang-bg-color: rgba($primary-color, 0.5) !default;
 $rang-bar-bg-color: linear-gradient(135deg, $primary-color 0%, $primary-color-end 100%) !default;
 
 //address
-$address-region-tab-line: linear-gradient(90deg, #f5503a 0%, #fad1cb 100%) !default;
+$address-region-tab-line: linear-gradient(90deg, $primary-color 0%, rgba($primary-color, 0.15) 100%) !default;
+$address-icon-color: $primary-color !default;
 
 //steps
 $step-wait-bg-color: #959fb1 !default;
@@ -264,24 +262,24 @@ $checkbox-icon-disable-color: #d6d6d6 !default;
 
 //radio
 $radio-label-font-color: #1d1e1e !default;
-$radio-label-font-active-color: #f0250f !default;
+$radio-label-font-active-color: $primary-color !default;
 $radio-label-disable-color: #999 !default;
 $radio-icon-disable-color: #d6d6d6 !default;
+$radio-label-button-border-color: $primary-color !default;
+$radio-label-button-background: rgba($primary-color, 0.05) !default;
 
-$radio-label-button-border-color: #f0250f !default;
-$radio-label-button-background: rgba(240, 37, 15, 0.05) !default;
 //fixednav
 $fixednav-bg-color: $white !default;
 $fixednav-font-color: $black !default;
 $fixednav-index: 201 !default;
-$fixednav-btn-bg: linear-gradient(135deg, rgba(250, 25, 44, 1) 0%, rgba(250, 63, 25, 1) 100%) !default;
+$fixednav-btn-bg: linear-gradient(135deg, $primary-color 0%, $primary-color-end 100%) !default;
 
 // NoticeBar
-$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-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;
 
 // TimeSelect
 $timeselect-title-font-size: $font-size-2 !default;
@@ -293,16 +291,18 @@ $timepannel-text-color: $title-color2 !default;
 $timepannel-font-size: $font-size-2 !default;
 $timepannel-cur-bg-color: $white !default;
 $timepannel-cur-text-color: #333333 !default;
+
 // TimeDetail
 $timedetail-item-bg-color: #f6f7f9 !default;
 $timedetail-item-border-radius: 5px !default;
 $timedetail-item-text-color: #333333 !default;
 $timedetail-item-text-font-size: $font-size-2 !default;
-$timedetail-item-cur-bg-color: #fef4f3 !default;
-$timedetail-item-cur-border: #f0250f !default;
-$timedetail-item-cur-text-color: #f0250f !default;
+$timedetail-item-cur-bg-color: rgba($primary-color, 0.15) !default;
+$timedetail-item-cur-border: $primary-color !default;
+$timedetail-item-cur-text-color: $primary-color !default;
 $timedetail-time-text-color: #999 !default;
 $timedetail-time-font-size: $font-size-1 !default;
+
 //tag
 $tag-font-size: 12px !default;
 $tag-default-border-radius: 4px !default;
@@ -319,7 +319,6 @@ $tag-danger-background-color: linear-gradient(
 $tag-warning-background-color: #f3812e !default;
 $tag-default-color: #ffffff !default;
 $tag-border-width: 1px !default;
-
 $tag-plain-background-color: #fff !default;
 
 //badge
@@ -334,36 +333,34 @@ $popover-border-bottom-color: rgba(229, 229, 229, 1) !default;
 $popover-primary-text-color: rgba(51, 51, 51, 1) !default;
 $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;
+
+//pagination
 $pagination-color: $primary-color !default;
 $pagination-font-size: $font-size-2 !default;
 $pagination-item-border-color: #e4e7eb !default;
-$pagination-active-background-color: linear-gradient(
-  135deg,
-  rgba(250, 44, 25, 1) 0%,
-  rgba(250, 63, 25, 1) 44.59259259%,
-  rgba(250, 89, 25, 1) 83.40740741%,
-  rgba(250, 100, 25, 1) 100%
-) !default;
+$pagination-active-background-color: linear-gradient(135deg, $primary-color 0%, $primary-color-end 100%) !default;
 $pagination-disable-color: rgba(116, 116, 116, 0.31) !default;
 $pagination-disable-background-color: #f7f8fa !default;
 $pagination-item-border-width: 1px !default;
 $pagination-item-border-radius: 2px !default;
 $pagination-prev-next-padding: 0 11px !default;
+
 // tabs
 $tabs-tab-smile-color: $primary-color !default;
 $tabs-titles-border-radius: 0 !default;
 $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-background-color: $help-color !default;
-$tabs-horizontal-tab-line-color: linear-gradient(90deg, #f5503a 0%, #fad1cb 100%) !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;
 $tabs-horizontal-titles-item-min-width: 50px !default;
 $tabs-horizontal-titles-item-active-line-width: 40px !default;
-$tabs-vertical-tab-line-color: linear-gradient(180deg, #f5503a 0%, #fad1cb 100%) !default;
+$tabs-vertical-tab-line-color: linear-gradient(180deg, $primary-color 0%, rgba($primary-color, 0.15) 100%) !default;
 $tabs-vertical-titles-item-height: 40px !default;
 $tabs-vertical-titles-item-active-line-height: 14px !default;
 $tabs-vertical-titles-width: 100px !default;
@@ -377,17 +374,18 @@ $indicator-dot-size: $indicator-size / 3 !default;
 $indicator-border-size: $indicator-size + 2 !default;
 
 // menu
-$nut-menu-bar-line-height: 46px !default;
-$nut-menu-bar-border-bottom-color: #eaf0fb !default;
-$nut-menu-bar-opened-z-index: 2001 !default;
-$nut-menu-item-disabled-color: #969799 !default;
-$nut-menu-title-text-padding-left: 8px !default;
-$nut-menu-title-text-padding-right: 8px !default;
-$nut-menu-item-content-padding: 12px 24px !default;
-$nut-menu-item-content-max-height: 214px !default;
-$nut-menu-item-option-padding-top: 12px !default;
-$nut-menu-item-option-padding-bottom: 12px !default;
-$nut-menu-item-option-i-margin-right: 6px !default;
+$menu-bar-line-height: 46px !default;
+$menu-item-active-text-color: $primary-color !default;
+$menu-bar-border-bottom-color: #eaf0fb !default;
+$menu-bar-opened-z-index: 2001 !default;
+$menu-item-disabled-color: #969799 !default;
+$menu-title-text-padding-left: 8px !default;
+$menu-title-text-padding-right: 8px !default;
+$menu-item-content-padding: 12px 24px !default;
+$menu-item-content-max-height: 214px !default;
+$menu-item-option-padding-top: 12px !default;
+$menu-item-option-padding-bottom: 12px !default;
+$menu-item-option-i-margin-right: 6px !default;
 
 // searchbar
 $searchbar-background: $white !default;
@@ -404,17 +402,17 @@ $empty-description-line-height: 20px;
 $empty-description-padding: 0 40px;
 
 // cascader
-$nut-cascader-font-size: $font-size-2;
-$nut-cascader-line-height: 22px;
-$nut-cascader-tabs-item-padding: 0 10px;
-$nut-cascader-bar-padding: 24px 20px 17px;
-$nut-cascader-bar-font-size: $font-size-4;
-$nut-cascader-bar-line-height: 20px;
-$nut-cascader-bar-color: $title-color;
-$nut-cascader-item-padding: 10px 20px;
-$nut-cascader-item-color: $title-color;
-$nut-cascader-item-font-size: $font-size-2;
-$nut-cascader-item-active-color: $primary-color;
+$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;
 
 // form
 $form-item-error-line-color: $primary-color !default;
@@ -422,20 +420,16 @@ $form-item-required-color: $primary-color !default;
 $form-item-error-message-color: $primary-color !default;
 
 // sku
-$sku-item-border: 1px solid $primary-color;
-$sku-item-disable-line: line-through;
-$sku-opetate-bg-default: linear-gradient(
-  135deg,
-  rgba(242, 20, 12, 1) 0%,
-  rgba(242, 39, 12, 1) 70%,
-  rgba(242, 77, 12, 1) 100%
-);
+$sku-item-border: 1px solid $primary-color !default;
+$sku-item-disable-line: line-through !default;
+$sku-opetate-bg-default: linear-gradient(90deg, $primary-color, $primary-color-end 100%) !default;
+$sku-item-active-bg: rgba($primary-color, 0.15) !default;
 $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%
-);
+) !default;
 
 // card
 $card-font-size-0: $font-size-0;
@@ -457,5 +451,15 @@ $table-cols-padding: 10px;
 $table-tr-even-bg-color: #f3f3f3;
 $table-tr-odd-bg-color: $white;
 
+// sidenavbar
+$sidenavbar-content-bg-color: $white !default;
+
+// subsidenavbar
+$subsidenavbar-title-border-color: #f6f6f6 !default;
+$subsidenavbar-title-bg-color: #f6f6f6 !default;
+
+// sidenavbaritem
+$sidenavbaritem-title-color: $white !default;
+
 @import './mixins/index';
 @import './animation/index';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui",
-  "version": "3.1.14",
+  "version": "3.1.16-beta.1",
   "description": "京东风格的轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）",
   "main": "dist/nutui.umd.js",
   "module": "dist/nutui.es.js",
@@ -55,7 +55,8 @@
     "prepare": "husky install",
     "test": "jest",
     "release": "standard-version -a",
-    "codeformat": "prettier --write ."
+    "codeformat": "prettier --write .",
+    "copydocs": "node ./jd/copymd.js"
   },
   "standard-version": {
     "scripts": {
@@ -63,13 +64,14 @@
     }
   },
   "dependencies": {
+    "@tarojs/cli": "^3.4.0",
     "sass": "~1.32.0",
     "vue-router": "^4.0.11"
   },
   "devDependencies": {
     "@commitlint/cli": "^10.0.0",
     "@commitlint/config-conventional": "^10.0.0",
-    "@tarojs/taro": "^3.3.0-alpha.8",
+    "@tarojs/taro": "^3.4.0",
     "@types/jest": "^26.0.22",
     "@types/node": "^14.14.31",
     "@typescript-eslint/eslint-plugin": "^4.20.0",
@@ -92,6 +94,8 @@
     "inquirer": "^8.2.0",
     "jest": "^26.6.3",
     "lint-staged": "^10.5.0",
+    "lzutf8": "^0.6.0",
+    "markdown-it-container": "^3.0.0",
     "prettier": "^2.0.0",
     "standard-version": "^9.3.0",
     "swiper": "6.5.1",