@nutui/nutui 3.1.11 → 3.1.12-beta.0

package/dist/styles/themes/default.scss

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

package/dist/styles/variables.scss

@@ -360,6 +360,19 @@ $tabs-vertical-titles-item-height: 40px !default;
 $tabs-vertical-titles-item-active-line-height: 14px !default;
 $tabs-vertical-titles-width: 100px !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;
+
 // searchbar
 $searchbar-background: $white !default;
 $searchbar-input-background: #f7f7f7 !default;

package/package.json

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

package/dist/packages/_es/style.css

@@ -1,160 +0,0 @@
-.nut-menu {
-  position: relative;
-  font-size: 14px;
-  color: #1a1a1a;
-}
-.nut-menu .title-list {
-  display: flex;
-  line-height: 46px;
-  align-items: center;
-  background-color: #fff;
-  border-bottom: 1px solid #eaf0fb;
-}
-.nut-menu .title-list .title {
-  flex: 1;
-  text-align: center;
-}
-.nut-menu .title-list .title.is-active {
-  font-weight: 600;
-}
-.nut-menu .title-list .title.disabled {
-  color: #999;
-}
-.nut-menu .title-list .title [class*=nut-icon-arrow] {
-  vertical-align: middle;
-  margin-right: 2px;
-}
-.nut-menu .customer-item, .nut-menu .option-list {
-  position: absolute;
-  left: 0;
-  width: 100%;
-  padding-top: 12px;
-  padding-bottom: 12px;
-  border-radius: 0 0 12px 12px;
-  background-color: #fff;
-}
-.nut-menu .option-list {
-  max-height: 214px;
-  overflow-y: auto;
-}
-.nut-menu .option-list ul {
-  display: flex;
-  flex-wrap: wrap;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.nut-menu .option-list li {
-  line-height: 38px;
-  padding-left: 24px;
-  box-sizing: border-box;
-}
-.nut-menu .option-list li .nut-icon-Check {
-  vertical-align: middle;
-  margin-right: 6px;
-}
-.nut-menu .customer-item {
-  padding-left: 24px;
-  padding-right: 24px;
-  box-sizing: border-box;
-}.nut-menu-item[data-v-02edb907] {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  padding: 0 5px;
-}
-.nut-menu-item.disabled[data-v-02edb907] {
-  color: #999;
-}
-.nut-menu-item.nut-menu-item-active .nut-menu-title[data-v-02edb907] {
-  font-weight: bold;
-}
-.nut-menu-item.nut-menu-item-active .nut-menu-title .icon[data-v-02edb907] {
-  color: #1a1a1a;
-  transition: all ease 0.3s;
-  transform: rotate(-180deg);
-  background: url("https://img14.360buyimg.com/imagetools/jfs/t1/144044/16/20214/521/5fe5bb14Ebf213fe3/40f271b982f31898.png") no-repeat;
-  background-size: contain;
-}
-.nut-menu-item.nut-menu-item-active .nut-menu-panel[data-v-02edb907] {
-  display: block;
-}
-.nut-menu-title[data-v-02edb907] {
-  font-size: 14px;
-  display: flex;
-  align-items: center;
-}
-.nut-menu-title .title-name[data-v-02edb907] {
-  white-space: nowrap;
-  max-width: 100px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.nut-menu-title .icon[data-v-02edb907] {
-  display: inline-block;
-  width: 6px;
-  height: 6px;
-  background: url("https://img13.360buyimg.com/imagetools/jfs/t1/152898/12/10149/452/5fd990b5Ec7c12d70/3bf06076b758bed1.png") no-repeat;
-  background-size: contain;
-  color: #909ca4;
-  transform: rotate(0deg);
-  transition: all ease 0.3s;
-  margin: 0 2px;
-}
-.nut-menu-panel[data-v-02edb907] {
-  display: none;
-  width: 100%;
-  position: absolute;
-  left: 0;
-  top: 46px;
-  color: #2d2d2d;
-  overflow: hidden;
-  background-color: #fff;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  -webkit-overflow-scrolling: touch;
-  z-index: 9998;
-  border-top: 1px solid #f7f8fa;
-  border-radius: 0 0 15px 15px;
-  box-shadow: 0 4px 5px 0px rgba(236, 236, 236, 0.25);
-  overflow: auto;
-}
-.menu-list[data-v-02edb907] {
-  display: flex;
-  padding: 10px 15px;
-  flex-direction: column;
-}
-.menu-list.bubble-line[data-v-02edb907] {
-  flex-flow: wrap;
-}
-.menu-list.bubble-line .menu-option[data-v-02edb907] {
-  width: 50%;
-}
-.menu-list.three-line[data-v-02edb907] {
-  flex-flow: wrap;
-}
-.menu-list.three-line .menu-option[data-v-02edb907] {
-  width: 33%;
-}
-.menu-list .menu-option[data-v-02edb907] {
-  min-height: 24px;
-  line-height: 42px;
-  font-size: 14px;
-  color: #1a1a1a;
-  width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  padding: 0 5px;
-}
-.menu-list .menu-option.checked[data-v-02edb907] {
-  font-weight: bold;
-}
-.menu-list .check-icon[data-v-02edb907] {
-  width: 14px;
-  height: 14px;
-  margin-right: 5px;
-  color: #fa2c19;
-}