@nutui/nutui 3.1.12-beta.1 → 3.1.14

package/dist/styles/font/iconfont.json

@@ -5,6 +5,13 @@
   "css_prefix_text": "nut-icon-",
   "description": "nutui 3.0字体管理",
   "glyphs": [
+    {
+      "icon_id": "1388116",
+      "name": "loading2",
+      "font_class": "loading1",
+      "unicode": "e614",
+      "unicode_decimal": 58900
+    },
     {
       "icon_id": "21445300",
       "name": "checked",

package/dist/styles/themes/default.scss

@@ -1,76 +1,83 @@
 @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/avatar/index.scss';
-@import '../../packages/layout/index.scss';
 @import '../../packages/price/index.scss';
+@import '../../packages/overlay/index.scss';
 @import '../../packages/divider/index.scss';
-@import '../../packages/icon/index.scss';
+@import '../../packages/layout/index.scss';
 @import '../../packages/col/index.scss';
-@import '../../packages/overlay/index.scss';
-@import '../../packages/row/index.scss';
-@import '../../packages/backtop/index.scss';
 @import '../../packages/swipe/index.scss';
+@import '../../packages/imagepreview/index.scss';
+@import '../../packages/row/index.scss';
 @import '../../packages/collapse/index.scss';
 @import '../../packages/actionsheet/index.scss';
-@import '../../packages/imagepreview/index.scss';
-@import '../../packages/drag/index.scss';
-@import '../../packages/dialog/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/notify/index.scss';
 @import '../../packages/range/index.scss';
+@import '../../packages/notify/index.scss';
+@import '../../packages/pullrefresh/index.scss';
+@import '../../packages/video/index.scss';
 @import '../../packages/popup/index.scss';
 @import '../../packages/steps/index.scss';
 @import '../../packages/swiperitem/index.scss';
-@import '../../packages/swiper/index.scss';
 @import '../../packages/step/index.scss';
 @import '../../packages/switch/index.scss';
+@import '../../packages/swiper/index.scss';
 @import '../../packages/toast/index.scss';
-@import '../../packages/progress/index.scss';
+@import '../../packages/noticebar/index.scss';
 @import '../../packages/circleprogress/index.scss';
 @import '../../packages/searchbar/index.scss';
-@import '../../packages/noticebar/index.scss';
-@import '../../packages/navbar/index.scss';
-@import '../../packages/menu/index.scss';
+@import '../../packages/progress/index.scss';
+@import '../../packages/empty/index.scss';
 @import '../../packages/fixednav/index.scss';
+@import '../../packages/menu/index.scss';
+@import '../../packages/navbar/index.scss';
 @import '../../packages/tabbar/index.scss';
+@import '../../packages/menuitem/index.scss';
 @import '../../packages/tabbaritem/index.scss';
-@import '../../packages/pagination/index.scss';
-@import '../../packages/tabs/index.scss';
-@import '../../packages/calendar/index.scss';
 @import '../../packages/elevator/index.scss';
-@import '../../packages/pullrefresh/index.scss';
+@import '../../packages/tabs/index.scss';
 @import '../../packages/tabpane/index.scss';
-@import '../../packages/video/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/checkbox/index.scss';
+@import '../../packages/radio/index.scss';
 @import '../../packages/datepicker/index.scss';
+@import '../../packages/inputnumber/index.scss';
 @import '../../packages/radiogroup/index.scss';
 @import '../../packages/rate/index.scss';
 @import '../../packages/input/index.scss';
-@import '../../packages/menuitem/index.scss';
-@import '../../packages/inputnumber/index.scss';
+@import '../../packages/calendaritem/index.scss';
 @import '../../packages/shortpassword/index.scss';
 @import '../../packages/picker/index.scss';
-@import '../../packages/textarea/index.scss';
-@import '../../packages/checkbox/index.scss';
 @import '../../packages/uploader/index.scss';
-@import '../../packages/countup/index.scss';
+@import '../../packages/textarea/index.scss';
+@import '../../packages/countdown/index.scss';
 @import '../../packages/numberkeyboard/index.scss';
+@import '../../packages/tag/index.scss';
 @import '../../packages/badge/index.scss';
-@import '../../packages/countdown/index.scss';
 @import '../../packages/popover/index.scss';
-@import '../../packages/tag/index.scss';
 @import '../../packages/form/index.scss';
-@import '../../packages/calendaritem/index.scss';
-@import '../../packages/radio/index.scss';
-@import '../../packages/address/index.scss';
+@import '../../packages/cascader/index.scss';
+@import '../../packages/skeleton/index.scss';
+@import '../../packages/formitem/index.scss';
+@import '../../packages/barrage/index.scss';
 @import '../../packages/signature/index.scss';
 @import '../../packages/timeselect/index.scss';
 @import '../../packages/timepannel/index.scss';
-@import '../../packages/sku/index.scss';
-@import '../../packages/formitem/index.scss';
-@import '../../packages/barrage/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/variables.scss

@@ -100,6 +100,10 @@ $cell-group-title-padding: 0 10px !default;
 $cell-group-title-color: #909ca4 !default;
 $cell-group-title-font-size: $font-size-2 !default;
 $cell-group-title-line-height: 20px !default;
+$cell-group-desc-padding: 0 10px !default;
+$cell-group-desc-color: #909ca4 !default;
+$cell-group-desc-font-size: $font-size-1 !default;
+$cell-group-desc-line-height: 16px !default;
 $cell-group-background-color: $white !default;
 
 // icon
@@ -280,7 +284,7 @@ $noticeBar-left-icon-width: 16px !default;
 $noticeBar-right-icon-width: 16px !default;
 
 // TimeSelect
-$timeselect-title-font-size: $font-size-1 !default;
+$timeselect-title-font-size: $font-size-2 !default;
 $timeselect-title-color: $title-color !default;
 $timeselect-pannel-bg-color: #f6f7f9 !default;
 
@@ -349,7 +353,10 @@ $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;
@@ -361,6 +368,14 @@ $tabs-vertical-titles-item-height: 40px !default;
 $tabs-vertical-titles-item-active-line-height: 14px !default;
 $tabs-vertical-titles-width: 100px !default;
 
+// indicator
+$indicator-color: $primary-color !default;
+$indicator-dot-color: $disable-color !default;
+$indicator-white: $white !default;
+$indicator-size: 18px !default;
+$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;
@@ -379,6 +394,28 @@ $searchbar-background: $white !default;
 $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;
+
+// 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;
+
 // form
 $form-item-error-line-color: $primary-color !default;
 $form-item-required-color: $primary-color !default;
@@ -399,10 +436,26 @@ $sku-opetate-bg-buy: linear-gradient(
   rgba(255, 195, 13, 1) 69%,
   rgba(255, 207, 13, 1) 100%
 );
+
 // 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;
+
+// grid
+$grid-border-color: #f5f6f7 !default;
+$grid-item-content-padding: 16px 8px !default;
+$grid-item-content-bg-color: $white !default;
+$grid-item-text-margin: 8px !default;
+$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;
+
 @import './mixins/index';
 @import './animation/index';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui",
-  "version": "3.1.12-beta.1",
+  "version": "3.1.14",
   "description": "京东风格的轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）",
   "main": "dist/nutui.umd.js",
   "module": "dist/nutui.es.js",
@@ -39,7 +39,6 @@
     "dev:taro:vue": "npm run checked:taro:vue && cd src/sites/mobile-taro/vue/ && npm run dev:weapp",
     "dev:taro:h5": "npm run checked:taro:vue && cd src/sites/mobile-taro/vue/ && npm run dev:h5",
     "build:site": "npm run checked && vite build",
-    "build:gh-pages": "npm run checked && vite build --base=/nutui/",
     "build:site:oss": "npm run checked && vite build --base=/nutui/3x/",
     "build": "npm run checked && vite build --config vite.config.build.ts && vite build --config vite.config.build.disperse.ts && npm run generate:types && npm run generate:themes && vite build --config vite.config.build.css.ts",
     "build:taro:vue": "npm run checked:taro:vue && vite build --config vite.config.build.taro.vue.ts && vite build --config vite.config.build.taro.vue.disperse.ts && npm run generate:types && npm run generate:themes && vite build --config vite.config.build.css.ts",
@@ -80,7 +79,7 @@
     "@vue/compiler-sfc": "^3.0.11",
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^7.0.0",
-    "@vue/test-utils": "^2.0.0-rc.6",
+    "@vue/test-utils": "^2.0.0-rc.17",
     "autoprefixer": "^10.3.4",
     "axios": "^0.21.0",
     "eslint": "^7.23.2",

package/dist/packages/_es/commonProps.js

@@ -1,30 +0,0 @@
-/*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
-* Released under the MIT License.
-*/
-const commonProps = {
-  listData: {
-    type: Array,
-    default: () => {
-      return [];
-    }
-  },
-  readonly: {
-    type: Boolean,
-    default: false
-  },
-  visibleItemCount: {
-    type: [Number, String],
-    default: 7
-  },
-  defaultIndex: {
-    type: [Number, String],
-    default: 0
-  },
-  itemHeight: {
-    type: [Number, String],
-    default: 35
-  }
-};
-export { commonProps as c };

package/dist/packages/_es/index.taro.vue_vue&type=script&lang.js

@@ -1,44 +0,0 @@
-/*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
-* Released under the MIT License.
-*/
-import { h } from "vue";
-import { c as createComponent } from "./component.js";
-import { p as pxCheck } from "./pxCheck.js";
-const { componentName, create } = createComponent("icon");
-var _sfc_main = create({
-  props: {
-    name: { type: String, default: "" },
-    size: { type: [String, Number], default: "" },
-    classPrefix: { type: String, default: "nut-icon" },
-    fontClassName: { type: String, default: "nutui-iconfont" },
-    color: { type: String, default: "" },
-    tag: { type: String, default: "i" }
-  },
-  emits: ["click"],
-  setup(props, { emit, slots }) {
-    const handleClick = (event) => {
-      emit("click", event);
-    };
-    const isImage = () => {
-      return props.name ? props.name.indexOf("/") !== -1 : false;
-    };
-    return () => {
-      var _a;
-      const _isImage = isImage();
-      return h(_isImage ? "img" : props.tag, {
-        class: _isImage ? `${componentName}__img` : `${props.fontClassName} ${componentName} ${props.classPrefix}-${props.name}`,
-        style: {
-          color: props.color,
-          fontSize: pxCheck(props.size),
-          width: pxCheck(props.size),
-          height: pxCheck(props.size)
-        },
-        onClick: handleClick,
-        src: _isImage ? props.name : ""
-      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
-    };
-  }
-});
-export { _sfc_main as _ };

package/dist/packages/_es/use-lock-scroll.js

@@ -1,23 +0,0 @@
-/*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
-* Released under the MIT License.
-*/
-let count = 0;
-const CLSNAME = "nut-overflow-hidden";
-const useLockScroll = (isLock) => {
-  const lock = () => {
-    if (isLock()) {
-      !count && document.body.classList.add(CLSNAME);
-      count++;
-    }
-  };
-  const unlock = () => {
-    if (isLock() && count) {
-      count--;
-      !count && document.body.classList.remove(CLSNAME);
-    }
-  };
-  return [lock, unlock];
-};
-export { useLockScroll as u };