@nutui/nutui 3.1.23-beta.4 → 3.2.0

package/CHANGELOG.md

@@ -1,3 +1,44 @@
+## v3.2.0
+
+`2022-08-01`
+
+NutUI 非常感谢您对开源事业做出的贡献！🌷🌷🌷
+本次社区贡献者 @LadyChatterleyLover @Zhengqbbb @zjyau @hydraZty
+
+* :sparkles: 暗黑模式适配支持 @nutui-teams
+* :sparkles: feat: 新增 WaterMark 水印组件 @lkjh3214
+* :sparkles: feat: imagepreview 缩放功能 (#1425) @yangxiaolu1993
+* :sparkles: feat(popup): support muti stacks @szg2008
+* :sparkles: feat(swiper): support show center @szg2008
+* :sparkles: feat(category): onchange add (sku) (#1440) @zjyau
+* :sparkles: feat(picker): 惯性滚动与性能优化 (#1453) & 平铺功能 @yangxiaolu1993
+* :sparkles: feat(card): add price slot (#1452) @zjyau
+* :sparkles: feat(tabbar): add new props name#1449 (#1471) @Drjingfubo
+* :sparkles: feat(uploader): add props before-xhr-upload @richard1015
+* :sparkles: feat(Table): 增加标题,列表样式参数 (#1460) @zjyau
+* :sparkles: feat(audio): 新增can-play事件 (#1515) @eiinu
+* :sparkles: feat(menuitem): 增加自定义titleClass属性和优化input组件disabled和readonly状态下的事件处理 (#1480) @LadyChatterleyLover
+* :sparkles: feat(address): address 新增底部插槽 (#1509) @yangxiaolu1993
+* :sparkles: feat(signature): 组件增加签名开始、结束、进行中回调函数 (#1520) @Ymm0008
+* :zap: chore: use cz-git commitizen adapter (#1424) @Zhengqbbb
+* :bug: fix(navbar): taro init height error @ailululu
+* :bug: fix(textarea): 支付宝小程序限制重影问题 #1514 @richard1015
+* :bug: fix(picker): 小程序重影问题 #1514 @richard1015
+* :bug: fix(checkbox、switch): async change value , emit change fn @richard1015
+* :bug: fix(actionsheet): add new props #1395 (#1456) @Drjingfubo
+* :bug: fix(datepicker): top 插槽未生效问题 (#1501) @eiinu
+* :bug: fix(noticebar、swiper): md文档问题；修复noticebar右侧图标垂直居中问题；修复audio显示时长问题 (#1510)  @eiinu
+* :bug: fix: 修复折叠面板手风琴模式；  @Ymm0008
+* :bug: fix: 修复notify标签式展示报错问题及class类名问题；  @Ymm0008
+* :bug: fix: 解决签名组件(Signat…  @Ymm0008
+* :bug: fix: 类型声明文件命名错误修复(#1442) @szg2008
+* :bug: fix: addresslist datalist清空后不同步问题 (#1483) @zjyau
+* 📖docs: Update README.md @snandy
+* 📖docs(radio): install add icon @richard1015
+* 📖docs(card): add install desc @richard1015
+* 📖docs(toast): taro env eidt @richard1015
+* 🍭style: fix Picker options partially overlap in older versions of Safa… @hydraZty
+
 ## v3.1.22
 
 `2022-06-24`
@@ -45,7 +86,6 @@ NutUI 非常感谢您对开源事业做出的贡献！🌷🌷🌷
 * 📖docs(elevator): 增加吸顶props @szg2008
 * 🍭style: fix font family of highlighted code (#1354) @renbaoshuo
 
-
 ## v3.1.21
 
 `2022-05-30`

package/dist/nutui.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.4 Mon Jul 25 2022 22:41:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:13 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -2275,6 +2275,8 @@ const _sfc_main$1x = create$1x({
       default: 1
     },
     titleIcon: String,
+    activeTitleClass: String,
+    inactiveTitleClass: String,
     optionIcon: {
       type: String,
       default: "Check"
@@ -2400,18 +2402,20 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
             return openBlock(), createElementBlock("view", {
               key: index,
-              class: normalizeClass(["nut-menu-item__option", { active: option.value === _ctx.modelValue }]),
+              class: normalizeClass(["nut-menu-item__option", [{ active: option.value === _ctx.modelValue }]]),
               style: normalizeStyle({ "flex-basis": 100 / _ctx.cols + "%" }),
               onClick: ($event) => _ctx.onClick(option)
             }, [
               option.value === _ctx.modelValue ? (openBlock(), createBlock(_component_nut_icon, {
                 key: 0,
+                class: normalizeClass({ activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue }),
                 name: _ctx.optionIcon,
                 color: _ctx.parent.props.activeColor
-              }, null, 8, ["name", "color"])) : createCommentVNode("", true),
+              }, null, 8, ["class", "name", "color"])) : createCommentVNode("", true),
               createElementVNode("view", {
+                class: normalizeClass({ activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue }),
                 style: normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
-              }, toDisplayString(option.text), 5)
+              }, toDisplayString(option.text), 7)
             ], 14, _hoisted_2$_);
           }), 128)),
           renderSlot(_ctx.$slots, "default")
@@ -6183,7 +6187,14 @@ const _sfc_main$1e = create$1e({
       setChooseValue();
     };
     watch(() => props.column, (val) => {
-      console.log("props.column\u53D8\u5316", props.column);
+      if (props.column && props.column.length > 0) {
+        state.transformY = 0;
+        modifyStatus(false);
+      }
+    }, {
+      deep: true
+    });
+    watch(() => props.value, (val) => {
       state.transformY = 0;
       modifyStatus(false);
     }, {
@@ -6373,11 +6384,14 @@ const _sfc_main$1d = create$1d({
           defaultValues.value[columnIndex] = option.value ? option.value : "";
           let index = columnIndex;
           let cursor = option;
-          while (cursor && cursor.children) {
+          while (cursor && cursor.children && cursor.children[0]) {
             defaultValues.value[index + 1] = cursor.children[0].value;
             index++;
             cursor = cursor.children[0];
           }
+          if (cursor && cursor.children && cursor.children.length == 0) {
+            defaultValues.value = defaultValues.value.slice(0, index + 1);
+          }
         } else {
           defaultValues.value[columnIndex] = option.hasOwnProperty("value") ? option.value : "";
         }
@@ -6697,7 +6711,7 @@ const _sfc_main$1c = create$1c({
       selectedValue,
       selectedOptions
     }) => {
-      if (["date", "datetime", "datehour", "month-day"].includes(props.type)) {
+      if (["date", "datetime", "datehour", "month-day", "year-month"].includes(props.type)) {
         let formatDate = [];
         selectedValue.forEach((item) => {
           formatDate.push(item);
@@ -6705,11 +6719,14 @@ const _sfc_main$1c = create$1c({
         if (props.type == "month-day" && formatDate.length < 3) {
           formatDate.unshift(new Date(props.modelValue || props.minDate || props.maxDate).getFullYear());
         }
+        if (props.type == "year-month" && formatDate.length < 3) {
+          formatDate.push(new Date(props.modelValue || props.minDate || props.maxDate).getDate());
+        }
         const year = Number(formatDate[0]);
         const month = Number(formatDate[1]) - 1;
         const day = Math.min(Number(formatDate[2]), getMonthEndDay(Number(formatDate[0]), Number(formatDate[1])));
         let date = null;
-        if (props.type === "date" || props.type === "month-day") {
+        if (props.type === "date" || props.type === "month-day" || props.type === "year-month") {
           date = new Date(year, month, day);
         } else if (props.type === "datetime") {
           date = new Date(year, month, day, Number(formatDate[3]), Number(formatDate[4]));
@@ -6810,6 +6827,9 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
     isWrapTeleport: _ctx.isWrapTeleport,
     threeDimensional: _ctx.threeDimensional
   }, {
+    top: withCtx(() => [
+      renderSlot(_ctx.$slots, "top")
+    ]),
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
     ]),
@@ -7210,12 +7230,18 @@ const _sfc_main$1a = create$1a({
       }
     };
     const onFocus = (event) => {
+      if (props.disabled || props.readonly) {
+        return;
+      }
       const input = event.target;
       let value = input.value;
       active.value = true;
       emit("focus", value, event);
     };
     const onBlur = (event) => {
+      if (props.disabled || props.readonly) {
+        return;
+      }
       setTimeout(() => {
         active.value = false;
       }, 200);
@@ -7239,10 +7265,29 @@ const _sfc_main$1a = create$1a({
       }
     };
     const onClickInput = (event) => {
+      if (props.disabled) {
+        return;
+      }
       emit("click-input", event);
     };
-    const onClickLeftIcon = (event) => emit("click-left-icon", event);
-    const onClickRightIcon = (event) => emit("click-right-icon", event);
+    const onClickLeftIcon = (event) => {
+      if (props.disabled) {
+        return;
+      }
+      emit("click-left-icon", event);
+    };
+    const onClickRightIcon = (event) => {
+      if (props.disabled) {
+        return;
+      }
+      emit("click-right-icon", event);
+    };
+    const onClick = (e) => {
+      if (props.disabled) {
+        e.stopImmediatePropagation();
+        return;
+      }
+    };
     watch(() => props.modelValue, () => {
       updateValue(getModelValue());
       resetValidation();
@@ -7264,6 +7309,7 @@ const _sfc_main$1a = create$1a({
       onClickInput,
       onClickLeftIcon,
       onClickRightIcon,
+      onClick,
       translate: translate$m
     };
   }
@@ -7282,7 +7328,8 @@ const _hoisted_8$c = { class: "nut-input-word-num" };
 function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
+    class: normalizeClass(_ctx.classes),
+    onClick: _cache[10] || (_cache[10] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, [
     _ctx.$slots.input ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
       _ctx.label ? (openBlock(), createElementBlock("view", {
@@ -8124,8 +8171,8 @@ class Uploader$1 {
         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);
       }
@@ -8209,6 +8256,10 @@ const _sfc_main$14 = create$14({
       type: Function,
       default: null
     },
+    beforeXhrUpload: {
+      type: Function,
+      default: null
+    },
     beforeDelete: {
       type: Function,
       default: (file, files) => {
@@ -8252,6 +8303,7 @@ const _sfc_main$14 = create$14({
       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) {
@@ -10767,7 +10819,7 @@ const _sfc_main$U = create$U({
       type: String,
       default: "danger"
     },
-    showPopup: {
+    modelVisible: {
       type: Boolean,
       default: false
     },
@@ -10790,7 +10842,7 @@ const _sfc_main$U = create$U({
     });
     onMounted(() => {
     });
-    const visible = ref(false);
+    const showPopup = ref(props.modelVisible);
     const clickCover = () => {
       props.onClick && props.onClick();
     };
@@ -10824,7 +10876,7 @@ const _sfc_main$U = create$U({
       props.unmount && props.unmount(props.id);
       props.onClose && props.onClose();
     };
-    return { state, hide, onAfterLeave, clickCover, visible };
+    return { state, hide, onAfterLeave, clickCover, showPopup };
   }
 });
 function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
@@ -10853,18 +10905,12 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
 var Notify = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$T]]);
 const defaultOptions$1 = {
   type: "base",
-  showPopup: true,
   visible: true,
   msg: "",
   color: void 0,
   background: void 0,
   duration: 3e3,
-  className: "",
-  onClosed: null,
-  onClick: null,
-  onOpened: null,
-  textTimer: null,
-  unmount: null
+  className: ""
 };
 let idsMap$1 = [];
 let optsMap$1 = [];
@@ -11765,7 +11811,7 @@ const _sfc_main$Q = create$Q({
     }
   },
   components: {},
-  emits: ["fastBack", "play", "forward", "ended", "changeProgress", "mute"],
+  emits: ["fastBack", "play", "forward", "ended", "changeProgress", "mute", "can-play"],
   setup(props, { emit }) {
     const audioRef = ref(null);
     const audioData = reactive({
@@ -11797,22 +11843,25 @@ const _sfc_main$Q = create$Q({
       } catch (e) {
         console.log(e.message);
       }
-      setTimeout(() => {
-        const audioR = audioRef.value;
-        if (props.autoplay) {
-          if (audioR && audioR.paused) {
-            audioR.play();
-          }
-        }
-        audioData.second = audioR.duration;
-        audioData.duration = formatSeconds(audioR.duration);
-      }, 500);
     });
+    const onCanplay = (e) => {
+      const audioR = audioRef.value;
+      if (props.autoplay) {
+        if (audioR && audioR.paused) {
+          audioR.play();
+        }
+      }
+      audioData.second = audioR.duration;
+      audioData.duration = formatSeconds(audioR.duration);
+      emit("can-play", e);
+    };
     const onTimeupdate = (e) => {
       audioData.currentTime = parseInt(e.target.currentTime);
     };
     const fastBack = () => {
-      audioData.currentTime--;
+      if (audioData.currentTime > 0) {
+        audioData.currentTime--;
+      }
       audioRef.value.currentTime = audioData.currentTime;
       emit("fastBack", audioData.currentTime);
     };
@@ -11851,37 +11900,17 @@ const _sfc_main$Q = create$Q({
       emit("mute", audioData.hanMuted);
     };
     const formatSeconds = (value) => {
-      let theTime = parseInt(value);
-      let theTime1 = 0;
-      let theTime2 = 0;
-      if (theTime > 60) {
-        theTime1 = Math.floor(theTime / 60);
-        theTime = Math.floor(theTime % 60);
-        if (theTime1 > 60) {
-          theTime2 = Math.floor(theTime1 / 60);
-          theTime1 = Math.floor(theTime1 % 60);
-        }
+      if (!value) {
+        return "00:00:00";
       }
+      let time = parseInt(value);
+      let hours = Math.floor(time / 3600);
+      let minutes = Math.floor((time - hours * 3600) / 60);
+      let seconds = time - hours * 3600 - minutes * 60;
       let result = "";
-      if (theTime < 10) {
-        result = "0" + result;
-      }
-      if (theTime1 > 0) {
-        result = "" + theTime1 + ":" + result;
-        if (theTime1 < 10) {
-          result = "0" + result;
-        }
-      } else {
-        result = "00:" + result;
-      }
-      if (theTime2 > 0) {
-        result = "" + theTime2 + ":" + result;
-        if (theTime2 < 10) {
-          result = "0" + result;
-        }
-      } else {
-        result = "00:" + result;
-      }
+      result += ("0" + hours.toString()).slice(-2) + ":";
+      result += ("0" + minutes.toString()).slice(-2) + ":";
+      result += ("0" + seconds.toString()).slice(-2);
       return result;
     };
     watch(() => audioData.currentTime, (value) => {
@@ -11906,7 +11935,8 @@ const _sfc_main$Q = create$Q({
       progressChange,
       audioEnd,
       onTimeupdate,
-      handleMute
+      handleMute,
+      onCanplay
     };
   }
 });
@@ -11979,7 +12009,8 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
       autoplay: _ctx.autoplay,
       loop: _ctx.loop,
       onTimeupdate: _cache[3] || (_cache[3] = (...args) => _ctx.onTimeupdate && _ctx.onTimeupdate(...args)),
-      onEnded: _cache[4] || (_cache[4] = (...args) => _ctx.audioEnd && _ctx.audioEnd(...args)),
+      onCanplay: _cache[4] || (_cache[4] = (...args) => _ctx.onCanplay && _ctx.onCanplay(...args)),
+      onEnded: _cache[5] || (_cache[5] = (...args) => _ctx.audioEnd && _ctx.audioEnd(...args)),
       muted: _ctx.hanMuted
     }, null, 40, _hoisted_8$7)
   ]);
@@ -16875,20 +16906,18 @@ const _sfc_main$t = create$t({
   emits: ["update:active", "change"],
   setup(props, { emit, slots }) {
     const collapseDom = ref(null);
+    const collapseChldren = ref([]);
     watch(() => props.active, (newval, oldval) => {
-      var _a, _b;
-      let domsProps = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots);
-      let doms = (_b = collapseDom.value) == null ? void 0 : _b.children;
-      Array.from(doms).forEach((dom, index) => {
-        const item = dom["__vueParentComponent"]["ctx"];
+      let doms = collapseChldren.value;
+      Array.from(doms).forEach((item) => {
         if (typeof newval == "number" || typeof newval == "string") {
-          if (newval == domsProps[index].props.name) {
-            item.changeOpen(!item.openExpanded);
+          if (newval == item.name) {
+            item.changeOpen(true);
           } else {
             item.changeOpen(false);
           }
         } else if (Object.values(newval) instanceof Array) {
-          if (newval.indexOf(Number(domsProps[index].props.name)) > -1 || newval.indexOf(String(domsProps[index].props.name)) > -1) {
+          if (newval.indexOf(Number(item.name)) > -1 || newval.indexOf(String(item.name)) > -1) {
             item.changeOpen(true);
           } else {
             item.changeOpen(false);
@@ -16897,6 +16926,9 @@ const _sfc_main$t = create$t({
         item.animation();
       });
     });
+    onMounted(() => {
+      collapseChldren.value = getCurrentInstance().provides.collapseParent.children || [];
+    });
     const changeVal = (val) => {
       emit("update:active", val);
       emit("change", val);
@@ -17242,9 +17274,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);
@@ -17264,9 +17306,12 @@ const component = (componentName2, translate2) => {
         classes,
         cellClasses,
         getColumnItem,
+        getColumnItemStyle,
         handleSorterClick,
         sortDataItem,
-        translate: translate2
+        translate: translate2,
+        stylehead,
+        stylecolumn
       };
     }
   };
@@ -17280,17 +17325,17 @@ const _hoisted_4$g = { class: "nut-table__main__body" };
 const _hoisted_5$9 = { key: 1 };
 const _hoisted_6$8 = {
   key: 0,
-  class: "nut-table__summary"
-};
-const _hoisted_7$6 = ["innerHTML"];
-const _hoisted_8$3 = {
-  key: 1,
   class: "nut-table__nodata"
 };
-const _hoisted_9$3 = {
+const _hoisted_7$6 = {
   key: 0,
   class: "nut-table__nodata__text"
 };
+const _hoisted_8$3 = {
+  key: 1,
+  class: "nut-table__summary"
+};
+const _hoisted_9$3 = ["innerHTML"];
 function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   const _component_RenderColumn = resolveComponent("RenderColumn");
@@ -17306,7 +17351,8 @@ function _sfc_render$r(_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"),
@@ -17315,7 +17361,7 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "down-arrow",
                 size: "12px"
               })) : createCommentVNode("", true)
-            ], 10, _hoisted_3$j);
+            ], 14, _hoisted_3$j);
           }), 128))
         ])
       ]),
@@ -17328,32 +17374,33 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sortDataItem(), ([value, render2]) => {
               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 render2 === "function" ? (openBlock(), createBlock(_component_RenderColumn, {
                   key: 0,
                   slots: [render2, item[value]],
                   record: item
                 }, null, 8, ["slots", "record"])) : (openBlock(), createElementBlock("view", _hoisted_5$9, toDisplayString(item[value]), 1))
-              ], 2);
+              ], 6);
             }), 128))
           ]);
         }), 128))
       ])
     ], 2),
-    _ctx.summary ? (openBlock(), createElementBlock("view", _hoisted_6$8, [
-      createElementVNode("span", {
-        class: "nut-table__summary__text",
-        innerHTML: _ctx.summary().value
-      }, null, 8, _hoisted_7$6)
-    ])) : createCommentVNode("", true),
-    !_ctx.curData.length ? (openBlock(), createElementBlock("view", _hoisted_8$3, [
+    !_ctx.curData.length ? (openBlock(), createElementBlock("view", _hoisted_6$8, [
       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$3, toDisplayString(_ctx.translate("noData")), 1)) : createCommentVNode("", true)
+        !_ctx.$slots.nodata ? (openBlock(), createElementBlock("div", _hoisted_7$6, toDisplayString(_ctx.translate("noData")), 1)) : createCommentVNode("", true)
       ], 2)
+    ])) : createCommentVNode("", true),
+    _ctx.summary ? (openBlock(), createElementBlock("view", _hoisted_8$3, [
+      createElementVNode("span", {
+        class: "nut-table__summary__text",
+        innerHTML: _ctx.summary().value
+      }, null, 8, _hoisted_9$3)
     ])) : createCommentVNode("", true)
   ], 2);
 }
@@ -18315,10 +18362,11 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             createElementVNode("div", _hoisted_23, toDisplayString(_ctx.customAndExistTitle || _ctx.translate("chooseAnotherAddress")), 1)
           ])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "bottom")
       ])
     ]),
-    _: 1
+    _: 3
   }, 8, ["lock-scroll", "onClose", "onClickOverlay", "visible", "isWrapTeleport", "teleport"]);
 }
 var Address = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n]]);
@@ -18451,7 +18499,15 @@ const _sfc_main$l = create$l({
     },
     strokeStyle: {
       type: String,
-      default: "#000"
+      default: () => {
+        let bodyDom = document.getElementsByTagName("body");
+        let clsName = bodyDom[0]["className"];
+        if (clsName.indexOf("nut-theme-dark") == -1) {
+          return "#000";
+        } else {
+          return "#fff";
+        }
+      }
     },
     type: {
       type: String,
@@ -18463,7 +18519,7 @@ const _sfc_main$l = create$l({
     }
   },
   components: {},
-  emits: ["confirm", "clear"],
+  emits: ["start", "end", "signing", "confirm", "clear"],
   setup(props, { emit }) {
     const canvas = ref(null);
     const wrap = ref(null);
@@ -18493,6 +18549,7 @@ const _sfc_main$l = create$l({
       state.ctx.beginPath();
       state.ctx.lineWidth = props.lineWidth;
       state.ctx.strokeStyle = props.strokeStyle;
+      emit("start");
       canvas.value.addEventListener(state.events[1], moveEventHandler, false);
       canvas.value.addEventListener(state.events[2], endEventHandler, false);
       canvas.value.addEventListener(state.events[3], leaveEventHandler, false);
@@ -18500,6 +18557,7 @@ const _sfc_main$l = create$l({
     const moveEventHandler = (event) => {
       event.preventDefault();
       let evt = state.isSupportTouch ? event.touches[0] : event;
+      emit("signing", evt);
       let coverPos = canvas.value.getBoundingClientRect();
       let mouseX = evt.clientX - coverPos.left;
       let mouseY = evt.clientY - coverPos.top;
@@ -18508,6 +18566,7 @@ const _sfc_main$l = create$l({
     };
     const endEventHandler = (event) => {
       event.preventDefault();
+      emit("end");
       canvas.value.removeEventListener(state.events[1], moveEventHandler, false);
       canvas.value.removeEventListener(state.events[2], endEventHandler, false);
     };
@@ -18555,7 +18614,7 @@ const _hoisted_1$k = {
 };
 const _hoisted_2$i = ["height", "width"];
 const _hoisted_3$g = {
-  key: 1,
+  key: 0,
   class: "nut-signature-unsopport"
 };
 function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
@@ -18564,12 +18623,14 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.classes)
   }, [
     createElementVNode("div", _hoisted_1$k, [
-      (() => _ctx.isCanvasSupported()) ? (openBlock(), createElementBlock("canvas", {
-        key: 0,
+      withDirectives(createElementVNode("canvas", {
         ref: "canvas",
         height: _ctx.canvasHeight,
         width: _ctx.canvasWidth
-      }, null, 8, _hoisted_2$i)) : (openBlock(), createElementBlock("p", _hoisted_3$g, toDisplayString(_ctx.unSupportTpl || _ctx.translate("unSupportTpl")), 1))
+      }, null, 8, _hoisted_2$i), [
+        [vShow, _ctx.isCanvasSupported()]
+      ]),
+      !_ctx.isCanvasSupported() ? (openBlock(), createElementBlock("p", _hoisted_3$g, toDisplayString(_ctx.unSupportTpl || _ctx.translate("unSupportTpl")), 1)) : createCommentVNode("", true)
     ], 512),
     createVNode(_component_nut_button, {
       class: "nut-signature-btn",
@@ -20031,7 +20092,7 @@ const _sfc_main$6 = create$6({
     });
     const trowelData = () => {
       console.log("props.data", props.data);
-      if (Object.keys(props.dataMapOptions).length > 0 && props.data.length > 0) {
+      if (Object.keys(props.dataMapOptions).length > 0) {
         dataArray.value = props.data.map((item, index) => {
           return floatData(dataInfo, item, props.dataMapOptions);
         });
@@ -20774,6 +20835,6 @@ function install(app) {
     }
   });
 }
-const version = "3.1.23-beta.4";
+const version = "3.2.0";
 var nutui_vue_build = { install, version, Locale };
 export { ActionSheet, Address, AddressList, Animate, Audio, AudioOperate, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Category, CategoryPane, Cell, CellGroup, _sfc_main$1g as Checkbox, _sfc_main$1f as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, Comment, _sfc_main$1J as ConfigProvider, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Ecard, Elevator, Ellipsis, Empty, FixedNav, Form, FormItem, _sfc_main$1C as Grid, GridItem, _sfc_main$1P as Icon, Image$1 as Image, _ImagePreview as ImagePreview, Indicator, InfiniteLoading, Input, InputNumber, _sfc_main$1H as Layout, List, Locale, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OldPicker, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, PullRefresh, _sfc_main$19 as Radio, _sfc_main$18 as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Sku, Step, _sfc_main$G as Steps, _sfc_main$1E as Sticky, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, Uploader, Video, WaterMark, nutui_vue_build as default, install, version };