@nutui/nutui 3.1.23-beta.6 → 3.2.0

package/dist/packages/_es/TimeDetail.js

@@ -1,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -70,13 +51,13 @@ const _sfc_main = create({
     const handleTime = (time) => {
       context.emit("select", time);
     };
-    return __spreadProps(__spreadValues({
-      classes
-    }, toRefs(state)), {
+    return {
+      classes,
+      ...toRefs(state),
       getClass,
       renderData,
       handleTime
-    });
+    };
   }
 });
 const _hoisted_1 = { class: "nut-timedetail__detail nut-timedetail__detail--moring" };

package/dist/packages/_es/TimePannel.js

@@ -1,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -55,10 +36,11 @@ const _sfc_main = create({
     const handlePannel = (pannelKey) => {
       context.emit("change", pannelKey);
     };
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
+    return {
+      ...toRefs(state),
       classes,
       handlePannel
-    });
+    };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/packages/_es/TimeSelect.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:31 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,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -262,9 +243,9 @@ const updateToast = (opts) => {
   if (container) {
     const currentOpt = optsMap.find((item) => item.id === opts.id);
     if (currentOpt) {
-      opts = __spreadValues(__spreadValues(__spreadValues({}, defaultOptions), currentOpt), opts);
+      opts = { ...defaultOptions, ...currentOpt, ...opts };
     } else {
-      opts = __spreadValues(__spreadValues({}, defaultOptions), opts);
+      opts = { ...defaultOptions, ...opts };
     }
     const instance = createVNode(Toast, opts);
     render(instance, container);
@@ -282,7 +263,7 @@ const mountToast = (opts) => {
   } else {
     _id = new Date().getTime() + "";
   }
-  opts = __spreadValues(__spreadValues({}, defaultOptions), opts);
+  opts = { ...defaultOptions, ...opts };
   opts.id = _id;
   idsMap.push(opts.id);
   optsMap.push(opts);
@@ -302,27 +283,27 @@ const errorMsg = (msg) => {
 const ToastFunction = {
   text(msg, opts = {}) {
     errorMsg(msg);
-    return mountToast(__spreadProps(__spreadValues({}, opts), { type: "text", msg }));
+    return mountToast({ ...opts, type: "text", msg });
   },
   success(msg, opts = {}) {
     errorMsg(msg);
-    return mountToast(__spreadProps(__spreadValues({ icon: "success" }, opts), { msg, type: "success" }));
+    return mountToast({ icon: "success", ...opts, msg, type: "success" });
   },
   fail(msg, opts = {}) {
     errorMsg(msg);
-    return mountToast(__spreadProps(__spreadValues({ icon: "failure" }, opts), { msg, type: "fail" }));
+    return mountToast({ icon: "failure", ...opts, msg, type: "fail" });
   },
   warn(msg, opts = {}) {
     errorMsg(msg);
-    return mountToast(__spreadProps(__spreadValues({ icon: "tips" }, opts), { msg, type: "warn" }));
+    return mountToast({ icon: "tips", ...opts, msg, type: "warn" });
   },
   loading(msg, opts = {}) {
-    return mountToast(__spreadProps(__spreadValues({
-      icon: "loading"
-    }, opts), {
+    return mountToast({
+      icon: "loading",
+      ...opts,
       msg,
       type: "loading"
-    }));
+    });
   },
   hide(id) {
     clearToast(id);

package/dist/packages/_es/Uploader.js

@@ -1,21 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -65,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);
       }
@@ -84,9 +68,10 @@ class Uploader {
         url: options.url,
         filePath: options.taroFilePath,
         fileType: options.fileType,
-        header: __spreadValues({
-          "Content-Type": "multipart/form-data"
-        }, options.headers),
+        header: {
+          "Content-Type": "multipart/form-data",
+          ...options.headers
+        },
         formData: options.formData,
         name: options.name,
         success(response) {
@@ -149,6 +134,10 @@ const _sfc_main = create({
       type: Function,
       default: null
     },
+    beforeXhrUpload: {
+      type: Function,
+      default: null
+    },
     beforeDelete: {
       type: Function,
       default: (file, files) => {
@@ -192,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,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -233,9 +214,10 @@ const _sfc_main = create({
     onMounted(() => {
       init();
     });
-    return __spreadProps(__spreadValues(__spreadValues({
-      root
-    }, toRefs(props)), toRefs(state)), {
+    return {
+      root,
+      ...toRefs(props),
+      ...toRefs(state),
       handleError,
       isDisabled,
       play,
@@ -246,7 +228,7 @@ const _sfc_main = create({
       retry,
       fullScreen,
       translate
-    });
+    };
   }
 });
 const _hoisted_1 = {

package/dist/packages/_es/WaterMark.js

@@ -1,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -189,7 +170,7 @@ const _sfc_main = create({
         [`${prefixCls}-full-page`]: props.fullPage
       };
     });
-    return __spreadProps(__spreadValues({}, toRefs(state)), { classes });
+    return { ...toRefs(state), classes };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {

package/dist/packages/_es/common.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:31 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 { provide, shallowReactive, getCurrentInstance, markRaw, isVNode, computed, h } from "vue";
+import { shallowReactive, getCurrentInstance, provide, markRaw, isVNode, computed, h } from "vue";
 import { c as createComponent } from "./component.js";
 import { p as pxCheck } from "./pxCheck.js";
 function flattenVNodes(children, childName) {

package/dist/packages/_es/component.js

@@ -1,16 +1,16 @@
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:31 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 { defineComponent } from "vue";
 import locale from "../locale/lang";
 const TypeOfFun = (value) => {
-  if (value === null) {
+  if (null === value) {
     return "null";
   }
   const type = typeof value;
-  if (type === "undefined" || type === "string") {
+  if ("undefined" === type || "string" === type) {
     return type;
   }
   const typeString = toString.call(value);
@@ -28,8 +28,8 @@ const TypeOfFun = (value) => {
     case "[object RegExp]":
       return "regexp";
     case "[object Object]":
-      if (value.nodeType !== void 0) {
-        if (value.nodeType == 3) {
+      if (void 0 !== value.nodeType) {
+        if (3 == value.nodeType) {
           return /\S/.test(value.nodeValue) ? "textnode" : "whitespace";
         } else {
           return "element";

package/dist/packages/_es/index.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:31 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.6 Thu Jul 28 2022 18:06:31 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.6 Thu Jul 28 2022 18:06:31 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.6 Thu Jul 28 2022 18:06:31 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,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:31 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -647,7 +628,7 @@ const _sfc_main = create({
         }
       }
     });
-    return __spreadProps(__spreadValues(__spreadValues({
+    return {
       weeks,
       compConthsData,
       showTopBtn,
@@ -664,10 +645,11 @@ const _sfc_main = create({
       monthsPanel,
       months,
       weeksPanel,
-      viewArea
-    }, toRefs(state)), toRefs(props)), {
+      viewArea,
+      ...toRefs(state),
+      ...toRefs(props),
       translate
-    });
+    };
   }
 });
 const _hoisted_1 = {

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

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:31 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.6 Thu Jul 28 2022 18:06:31 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.6 Thu Jul 28 2022 18:06:31 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/barrage/index.scss

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

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 {