@nutui/nutui 3.1.23-beta.4 → 3.2.0

package/dist/packages/_es/Table.js

@@ -1,10 +1,10 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { c as createComponent } from "./component.js";
-import { h, reactive, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createTextVNode, toDisplayString, renderSlot, createBlock, createCommentVNode } from "vue";
+import { h, reactive, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, createTextVNode, toDisplayString, renderSlot, createBlock, createCommentVNode } from "vue";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 var RenderColumn = {
@@ -64,9 +64,19 @@ const component = (componentName2, translate2) => {
           [`nut-table__main__head__tr--align${item.align ? item.align : ""}`]: true
         };
       };
+      const stylehead = (item) => {
+        return item.stylehead ? item.stylehead : "";
+      };
+      const stylecolumn = (item) => {
+        return item.stylecolumn ? item.stylecolumn : "";
+      };
       const getColumnItem = (value) => {
         return props.columns.filter((item) => item.key === value)[0];
       };
+      const getColumnItemStyle = (value) => {
+        const style = props.columns.filter((item) => item.key === value);
+        return style[0].stylecolumn ? style[0].stylecolumn : "";
+      };
       const handleSorterClick = (item) => {
         if (item.sorter) {
           emit("sorter", item);
@@ -86,9 +96,12 @@ const component = (componentName2, translate2) => {
         classes,
         cellClasses,
         getColumnItem,
+        getColumnItemStyle,
         handleSorterClick,
         sortDataItem,
-        translate: translate2
+        translate: translate2,
+        stylehead,
+        stylecolumn
       };
     }
   };
@@ -102,17 +115,17 @@ const _hoisted_4 = { class: "nut-table__main__body" };
 const _hoisted_5 = { key: 1 };
 const _hoisted_6 = {
   key: 0,
-  class: "nut-table__summary"
-};
-const _hoisted_7 = ["innerHTML"];
-const _hoisted_8 = {
-  key: 1,
   class: "nut-table__nodata"
 };
-const _hoisted_9 = {
+const _hoisted_7 = {
   key: 0,
   class: "nut-table__nodata__text"
 };
+const _hoisted_8 = {
+  key: 1,
+  class: "nut-table__summary"
+};
+const _hoisted_9 = ["innerHTML"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   const _component_RenderColumn = resolveComponent("RenderColumn");
@@ -128,7 +141,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             return openBlock(), createElementBlock("span", {
               class: normalizeClass(["nut-table__main__head__tr__th", _ctx.cellClasses(item)]),
               key: item.key,
-              onClick: ($event) => _ctx.handleSorterClick(item)
+              onClick: ($event) => _ctx.handleSorterClick(item),
+              style: normalizeStyle(item.stylehead)
             }, [
               createTextVNode(toDisplayString(item.title) + " ", 1),
               renderSlot(_ctx.$slots, "icon"),
@@ -137,7 +151,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "down-arrow",
                 size: "12px"
               })) : createCommentVNode("", true)
-            ], 10, _hoisted_3);
+            ], 14, _hoisted_3);
           }), 128))
         ])
       ]),
@@ -150,32 +164,33 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sortDataItem(), ([value, render]) => {
               return openBlock(), createElementBlock("span", {
                 class: normalizeClass(["nut-table__main__body__tr__td", _ctx.cellClasses(_ctx.getColumnItem(value))]),
-                key: value
+                key: value,
+                style: normalizeStyle(_ctx.getColumnItemStyle(value))
               }, [
                 typeof item[value] === "function" || typeof render === "function" ? (openBlock(), createBlock(_component_RenderColumn, {
                   key: 0,
                   slots: [render, item[value]],
                   record: item
                 }, null, 8, ["slots", "record"])) : (openBlock(), createElementBlock("view", _hoisted_5, toDisplayString(item[value]), 1))
-              ], 2);
+              ], 6);
             }), 128))
           ]);
         }), 128))
       ])
     ], 2),
-    _ctx.summary ? (openBlock(), createElementBlock("view", _hoisted_6, [
-      createElementVNode("span", {
-        class: "nut-table__summary__text",
-        innerHTML: _ctx.summary().value
-      }, null, 8, _hoisted_7)
-    ])) : createCommentVNode("", true),
-    !_ctx.curData.length ? (openBlock(), createElementBlock("view", _hoisted_8, [
+    !_ctx.curData.length ? (openBlock(), createElementBlock("view", _hoisted_6, [
       createElementVNode("div", {
         class: normalizeClass(["nut-table__nodata", { "nut-table__nodata--border": _ctx.bordered }])
       }, [
         renderSlot(_ctx.$slots, "nodata"),
-        !_ctx.$slots.nodata ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(_ctx.translate("noData")), 1)) : createCommentVNode("", true)
+        !_ctx.$slots.nodata ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(_ctx.translate("noData")), 1)) : createCommentVNode("", true)
       ], 2)
+    ])) : createCommentVNode("", true),
+    _ctx.summary ? (openBlock(), createElementBlock("view", _hoisted_8, [
+      createElementVNode("span", {
+        class: "nut-table__summary__text",
+        innerHTML: _ctx.summary().value
+      }, null, 8, _hoisted_9)
     ])) : createCommentVNode("", true)
   ], 2);
 }

package/dist/packages/_es/Tabs.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Tag.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TextArea.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TimeDetail.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TimePannel.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/TimeSelect.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Toast.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Uploader.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -49,8 +49,8 @@ class Uploader {
         xhr.setRequestHeader(key, value);
       }
       (_a = options.onStart) == null ? void 0 : _a.call(options, options);
-      if (options.method.toLowerCase() == "put") {
-        xhr.send(options.sourceFile);
+      if (options.beforeXhrUpload) {
+        options.beforeXhrUpload(xhr, options);
       } else {
         xhr.send(options.formData);
       }
@@ -134,6 +134,10 @@ const _sfc_main = create({
       type: Function,
       default: null
     },
+    beforeXhrUpload: {
+      type: Function,
+      default: null
+    },
     beforeDelete: {
       type: Function,
       default: (file, files) => {
@@ -177,6 +181,7 @@ const _sfc_main = create({
       uploadOption.xhrState = props.xhrState;
       uploadOption.headers = props.headers;
       uploadOption.withCredentials = props.withCredentials;
+      uploadOption.beforeXhrUpload = props.beforeXhrUpload;
       try {
         uploadOption.sourceFile = fileItem.formData.get(props.name);
       } catch (error) {

package/dist/packages/_es/Video.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/WaterMark.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/common.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/component.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index2.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index3.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index4.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/index5.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/plugin-vue_export-helper.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/pxCheck.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/raf.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:41 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/actionsheet/index.scss

@@ -1,3 +1,20 @@
+.nut-theme-dark {
+  .nut-actionsheet-panel {
+    .nut-actionsheet-cancel {
+      border-top: 1px solid $dark-background2;
+    }
+    .nut-actionsheet-title {
+      border-bottom: 1px solid $dark-background2;
+    }
+    .nut-actionsheet-cancel,
+    .nut-actionsheet-item,
+    .nut-actionsheet-title {
+      background: $dark-background;
+      color: $dark-color;
+    }
+  }
+}
+
 .nut-actionsheet-panel {
   display: block;
   .nut-actionsheet-title {

package/dist/packages/address/index.scss

@@ -1,3 +1,45 @@
+.nut-theme-dark {
+  .nut-address {
+    &__header {
+      color: $dark-color;
+
+      &__title {
+        color: $dark-color;
+      }
+    }
+
+    .custom-address {
+      .region-tab {
+        color: $dark-color;
+      }
+      .region-con {
+        .region-group {
+          .region-item {
+            color: $dark-color;
+          }
+        }
+      }
+    }
+
+    .exist-address {
+      .exist-address-group {
+        .exist-ul {
+          .exist-item {
+            color: $dark-color;
+          }
+        }
+      }
+
+      .choose-other {
+        border-top: 1px solid $dark-background;
+      }
+    }
+    &-custom-buttom {
+      border-top: 1px solid $dark-background;
+    }
+  }
+}
+
 .nut-address {
   display: block;
   &__header {
@@ -152,4 +194,22 @@
       }
     }
   }
+
+  &-custom-buttom {
+    width: 100%;
+    height: 54px;
+    padding: 6px 0px 0;
+    border-top: 1px solid #f2f2f2;
+    .btn {
+      width: 90%;
+      height: 42px;
+      line-height: 42px;
+      margin: auto;
+      text-align: center;
+      background: $button-primary-background-color;
+      border-radius: 21px;
+      font-size: 15px;
+      color: $white;
+    }
+  }
 }

package/dist/packages/audio/index.scss

@@ -1,3 +1,11 @@
+.nut-theme-dark {
+  .nut-audio-icon {
+    .nut-audio-icon-box {
+      background: $dark-color;
+    }
+  }
+}
+
 .nut-audio {
   padding: 0;
   .progress-wrapper {

package/dist/packages/backtop/index.scss

@@ -1,3 +1,11 @@
+.nut-theme-dark {
+  .nut-backtop {
+    &.show {
+      background: $dark-background;
+      color: $dark-color;
+    }
+  }
+}
 .nut-backtop {
   display: none;
   position: fixed;

package/dist/packages/badge/index.scss

@@ -1,3 +1,11 @@
+.nut-theme-dark {
+  .nut-badge {
+    &.show {
+      background: $dark-background;
+      color: $dark-color;
+    }
+  }
+}
 .nut-badge {
   position: relative;
   display: inline-block;

package/dist/packages/barrage/index.scss

@@ -46,3 +46,10 @@
     }
   }
 }
+.nut-theme-dark {
+  .nut-barrage {
+    .dmitem {
+      color: $dark-color-gray;
+    }
+  }
+}

package/dist/packages/calendar/index.scss

@@ -1,10 +1,36 @@
+.nut-theme-dark {
+  .nut-calendar {
+    background: $dark-background;
+    color: $dark-color;
+    .nut-calendar-header {
+      background: $dark-background;
+      color: $dark-color;
+    }
+    .nut-calendar-content {
+      .calendar-months-panel {
+        .calendar-month-con {
+          .calendar-month-day {
+            &-choose {
+              background-color: $dark-calendar-choose-color;
+              color: $calendar-choose-font-color;
+            }
+          }
+        }
+      }
+    }
+    .nut-calendar-footer {
+      background: $dark-background2;
+      color: $dark-color;
+    }
+  }
+}
 .nut-calendar {
   position: relative;
   display: flex;
   flex: 1;
   color: #333333;
   font-size: 16px;
-  background-color: #fff;
+  background-color: $white;
   overflow: hidden;
   height: 100%;
   flex-direction: column;

package/dist/packages/card/index.scss

@@ -1,10 +1,17 @@
+.nut-theme-dark {
+  .nut-card {
+    .nut-card__right {
+      color: $dark-color;
+    }
+  }
+}
+
 .nut-card {
   width: 100%;
   display: flex;
 
   .nut-card__left {
     width: 120px;
-    height: 120px;
     flex-shrink: 0;
 
     > img {

package/dist/packages/circleprogress/index.scss

@@ -1,3 +1,9 @@
+.nut-theme-dark {
+  .nut-circleprogress-text {
+    color: $dark-color;
+  }
+}
+
 .nut-circleprogress {
   position: relative;
 

package/dist/packages/collapseitem/index.scss

@@ -1,3 +1,24 @@
+.nut-theme-dark {
+  .nut-collapse-item {
+    .collapse-item {
+      background: $dark-background;
+      color: $dark-color;
+      box-shadow: none;
+    }
+    .collapse-wrapper {
+      .collapse-content,
+      .collapse-extraRender {
+        background: $dark-background;
+        color: $dark-color;
+      }
+    }
+    .collapse-extraWrapper {
+      .collapse-extraRender {
+        background: $dark-background;
+      }
+    }
+  }
+}
 .nut-collapse-item {
   position: relative;
   .collapse-item {

package/dist/packages/comment/index.scss

@@ -1,3 +1,40 @@
+.nut-theme-dark {
+  .nut-comment {
+    &-header {
+      &__user {
+        &-name {
+          color: $dark-color;
+        }
+
+        &-default {
+          &-name {
+            color: $dark-color;
+          }
+        }
+      }
+    }
+    &__follow {
+      &-title {
+        color: $dark-color;
+      }
+    }
+    &-bottom {
+      &__cpx {
+        color: $dark-color;
+
+        &-item {
+          span {
+            color: $dark-color;
+          }
+        }
+      }
+    }
+
+    .nut-comment-shop {
+      border-top: 1px solid $dark-color;
+    }
+  }
+}
 .nut-comment {
   width: 100%;
   font-size: 12px;

package/dist/packages/countup/index.scss

@@ -1,7 +1,28 @@
+.nut-theme-dark {
+  .nut-countup {
+    background: $dark-background;
+    color: $dark-color;
+    box-shadow: none;
+  }
+  .nut-collapse-item {
+    .collapse-wrapper {
+      .collapse-content,
+      .collapse-extraRender {
+        background: $dark-background;
+        color: $dark-color;
+      }
+    }
+    .collapse-extraWrapper {
+      .collapse-extraRender {
+        background: $dark-background;
+      }
+    }
+  }
+}
 .nut-countup {
-  display: inline-block;
-  width: 100%;
-  padding: 5px;
+  display: block;
+  // width: 100%;
+  padding: 5px 20px;
   color: #000;
   font-weight: bold;
   font-family: PingFangSC-Regular;