@nutui/nutui 3.1.23-beta.5 → 3.2.1

package/dist/nutui.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:27 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:03 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -220,11 +220,11 @@
     }
   }
   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);
@@ -242,8 +242,8 @@
       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";
@@ -489,7 +489,7 @@
     }
   });
   const _hoisted_1$1l = { class: "nut-button__warp" };
-  function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
@@ -501,12 +501,13 @@
           key: 0,
           class: "nut-icon-loading"
         })) : vue.createCommentVNode("", true),
-        _ctx.icon && !_ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+        _ctx.icon && !_ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
           key: 1,
-          name: _ctx.icon,
+          name: _ctx.icon
+        }, _ctx.$attrs, {
           "class-prefix": _ctx.iconClassPrefix,
           "font-class-name": _ctx.iconFontClassName
-        }, null, 8, ["name", "class-prefix", "font-class-name"])) : vue.createCommentVNode("", true),
+        }), null, 16, ["name", "class-prefix", "font-class-name"])) : vue.createCommentVNode("", true),
         _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("view", {
           key: 2,
           class: vue.normalizeClass({ text: _ctx.icon || _ctx.loading })
@@ -516,7 +517,7 @@
       ])
     ], 6);
   }
-  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1C]]);
+  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1B]]);
   function useRouter() {
     const proxy = vue.getCurrentInstance().proxy;
     return proxy.$router || null;
@@ -531,7 +532,7 @@
   };
   const _hoisted_3$Q = { class: "title" };
   const _hoisted_4$E = { class: "nut-cell__title-desc" };
-  function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
@@ -541,11 +542,10 @@
       vue.renderSlot(_ctx.$slots, "default", {}, () => [
         _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1k, [
           vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-              key: 0,
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({ key: 0 }, _ctx.$attrs, {
               class: "icon",
               name: _ctx.icon
-            }, null, 8, ["name"])) : vue.createCommentVNode("", true)
+            }), null, 16, ["name"])) : vue.createCommentVNode("", true)
           ])
         ])) : vue.createCommentVNode("", true),
         _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$14, [
@@ -564,11 +564,10 @@
           style: vue.normalizeStyle({ "text-align": _ctx.descTextAlign })
         }, vue.toDisplayString(_ctx.desc), 7)) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "link", {}, () => [
-          _ctx.isLink || _ctx.to ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+          _ctx.isLink || _ctx.to ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
             key: 0,
-            class: "nut-cell__link",
-            name: "right"
-          })) : vue.createCommentVNode("", true)
+            class: "nut-cell__link"
+          }, _ctx.$attrs, { name: _ctx.rightIcon }), null, 16, ["name"])) : vue.createCommentVNode("", true)
         ])
       ])
     ], 6);
@@ -586,6 +585,7 @@
       roundRadius: { type: [String, Number], default: "" },
       url: { type: String, default: "" },
       icon: { type: String, default: "" },
+      rightIcon: { type: String, default: "right" },
       center: { type: Boolean, default: false },
       size: { type: String, default: "" }
     },
@@ -621,7 +621,7 @@
       };
     }
   });
-  var Cell = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", render$2]]);
+  var Cell = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", render$3]]);
   const { componentName: componentName$1q, create: create$1M } = createComponent("cell-group");
   const _sfc_main$1M = create$1M({
     props: {
@@ -649,7 +649,7 @@
     class: "nut-cell-group__desc"
   };
   const _hoisted_3$P = { class: "nut-cell-group__warp" };
-  function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
@@ -660,7 +660,7 @@
       ])
     ], 2);
   }
-  var CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1B]]);
+  var CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1A]]);
   const { componentName: componentName$1p, create: create$1L } = createComponent("overlay");
   const overlayProps = {
     visible: {
@@ -737,7 +737,7 @@
       return { classes, style, touchmove, onClick };
     }
   });
-  function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, { name: "overlay-fade" }, {
       default: vue.withCtx(() => [
         vue.withDirectives(vue.createElementVNode("view", {
@@ -754,7 +754,7 @@
       _: 3
     });
   }
-  var OverLay = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1A]]);
+  var OverLay = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1z]]);
   let count = 0;
   const CLSNAME = "nut-overflow-hidden";
   const useLockScroll = (isLock) => {
@@ -954,7 +954,7 @@
     }
   });
   const _hoisted_1$1i = { key: 1 };
-  function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_overlay = vue.resolveComponent("nut-overlay");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return _ctx.isWrapTeleport ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
@@ -990,10 +990,10 @@
               onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
               class: vue.normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
             }, [
-              vue.createVNode(_component_nut_icon, {
+              vue.createVNode(_component_nut_icon, vue.mergeProps(_ctx.$attrs, {
                 name: _ctx.closeIcon,
                 size: "12px"
-              }, null, 8, ["name"])
+              }), null, 16, ["name"])
             ], 2)) : vue.createCommentVNode("", true)
           ], 6), [
             [vue.vShow, _ctx.visible]
@@ -1043,8 +1043,8 @@
       }, 8, ["name", "onAfterEnter", "onAfterLeave"])
     ]));
   }
-  var Popup = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1z]]);
-  const component$7 = {
+  var Popup = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1y]]);
+  const component$8 = {
     props: {
       theme: { type: String, default: "" },
       tag: { type: String, default: "div" }
@@ -1059,7 +1059,7 @@
     }
   };
   const { componentName: componentName$1n, create: create$1J } = createComponent("config-provider");
-  const _sfc_main$1J = create$1J(component$7);
+  const _sfc_main$1J = create$1J(component$8);
   const { componentName: componentName$1m, create: create$1I } = createComponent("image");
   const _sfc_main$1I = create$1I({
     props: {
@@ -1159,7 +1159,7 @@
     key: 1,
     class: "nut-img-error"
   };
-  function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
@@ -1190,7 +1190,7 @@
       ])) : vue.createCommentVNode("", true)
     ], 6);
   }
-  var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1y]]);
+  var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1x]]);
   const { create: create$1H } = createComponent("layout");
   const _sfc_main$1H = create$1H({});
   const { componentName: componentName$1l, create: create$1G } = createComponent("col");
@@ -1234,7 +1234,7 @@
       };
     }
   });
-  function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle(_ctx.style),
@@ -1243,7 +1243,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1x]]);
+  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1w]]);
   const { componentName: componentName$1k, create: create$1F } = createComponent("row");
   const _sfc_main$1F = create$1F({
     props: {
@@ -1294,7 +1294,7 @@
       };
     }
   });
-  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.getClasses()),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
@@ -1302,7 +1302,7 @@
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Row = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1w]]);
+  var Row = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1v]]);
   function isWindow(val) {
     return val === window;
   }
@@ -1514,7 +1514,7 @@
       return { classes };
     }
   });
-  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
     return _ctx.direction === "horizontal" ? (vue.openBlock(), vue.createElementBlock("view", {
       key: 0,
       class: vue.normalizeClass(_ctx.classes)
@@ -1525,7 +1525,7 @@
       class: vue.normalizeClass(_ctx.classes)
     }, null, 2));
   }
-  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1v]]);
+  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1u]]);
   function flattenVNodes(children, childName) {
     const result = [];
     const traverse = (children2) => {
@@ -1626,7 +1626,7 @@
       default: false
     }
   };
-  const component$6 = {
+  const component$7 = {
     props: gridProps,
     setup(props, { slots }) {
       useProvide(GRID_KEY, `${componentName$1h}-item`)({ props });
@@ -1654,7 +1654,7 @@
     }
   };
   const { create: create$1C } = createComponent("grid");
-  const _sfc_main$1C = create$1C(component$6);
+  const _sfc_main$1C = create$1C(component$7);
   function useInject(key) {
     const parent = vue.inject(key, null);
     if (parent) {
@@ -1769,7 +1769,7 @@
     key: 3,
     class: "nut-grid-item__text"
   };
-  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.rootClass),
@@ -1780,18 +1780,19 @@
         class: vue.normalizeClass(_ctx.contentClass)
       }, [
         _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }) : (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+          _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }) : (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
             key: 1,
-            name: _ctx.iconProps.name,
+            name: _ctx.iconProps.name
+          }, _ctx.$attrs, {
             size: _ctx.iconProps.size,
             color: _ctx.iconProps.color
-          }, null, 8, ["name", "size", "color"])),
+          }), null, 16, ["name", "size", "color"])),
           _ctx.$slots.text ? vue.renderSlot(_ctx.$slots, "text", { key: 2 }) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1g, vue.toDisplayString(_ctx.text), 1))
         ], 64))
       ], 2)
     ], 6);
   }
-  var GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1u]]);
+  var GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1t]]);
   const { componentName: componentName$1f, create: create$1A } = createComponent("navbar");
   const _sfc_main$1A = create$1A({
     props: {
@@ -1897,7 +1898,7 @@
     key: 0,
     class: "nut-navbar__text"
   };
-  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return _ctx.fixed && _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1f, [
       vue.createElementVNode("view", {
@@ -1923,12 +1924,13 @@
             class: "title",
             onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
           }, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
-          _ctx.titIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+          _ctx.titIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
             key: 1,
-            class: "icon",
+            class: "icon"
+          }, _ctx.$attrs, {
             name: _ctx.titIcon,
             onClick: _ctx.handleCenterIcon
-          }, null, 8, ["name", "onClick"])) : vue.createCommentVNode("", true),
+          }), null, 16, ["name", "onClick"])) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "content")
         ]),
         vue.createElementVNode("view", {
@@ -1962,12 +1964,13 @@
           class: "title",
           onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
         }, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
-        _ctx.titIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+        _ctx.titIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
           key: 1,
-          class: "icon",
+          class: "icon"
+        }, _ctx.$attrs, {
           name: _ctx.titIcon,
           onClick: _ctx.handleCenterIcon
-        }, null, 8, ["name", "onClick"])) : vue.createCommentVNode("", true),
+        }), null, 16, ["name", "onClick"])) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "content")
       ]),
       vue.createElementVNode("view", {
@@ -1979,12 +1982,9 @@
       ])
     ], 6));
   }
-  var Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1t]]);
-  const { componentName: componentName$1e, create: create$1z, translate: translate$t } = createComponent("fixednav");
-  const _sfc_main$1z = create$1z({
-    components: {
-      [OverLay.name]: OverLay
-    },
+  var Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1s]]);
+  const { componentName: componentName$1e, translate: translate$t } = createComponent("fixednav");
+  const component$6 = {
     props: {
       visible: {
         type: Boolean,
@@ -1998,6 +1998,10 @@
         default: () => [],
         type: Array
       },
+      activeColor: {
+        default: "",
+        type: String
+      },
       activeText: {
         default: "",
         type: String
@@ -2030,6 +2034,7 @@
           [props.type]: true
         };
       });
+      const current = vue.ref(-1);
       const updateValue = (value = !props.visible) => {
         emit("update:visible", value);
       };
@@ -2038,10 +2043,11 @@
           item,
           event
         });
+        current.value = item.id;
       };
-      return { classes, updateValue, selected, translate: translate$t };
+      return { classes, updateValue, selected, translate: translate$t, current };
     }
-  });
+  };
   const _hoisted_1$1e = { class: "nut-fixednav__list" };
   const _hoisted_2$10 = ["onClick"];
   const _hoisted_3$M = ["src"];
@@ -2051,7 +2057,7 @@
     class: "b"
   };
   const _hoisted_6$p = { class: "text" };
-  function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_overlay = vue.resolveComponent("nut-overlay");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -2068,7 +2074,7 @@
         vue.createElementVNode("view", _hoisted_1$1e, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.navList, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
-              class: "nut-fixednav__list-item",
+              class: vue.normalizeClass(["nut-fixednav__list-item", { active: item.id == _ctx.current }]),
               onClick: ($event) => _ctx.selected(item, $event),
               key: item.id || index
             }, [
@@ -2077,7 +2083,7 @@
               }, null, 8, _hoisted_3$M),
               vue.createElementVNode("view", _hoisted_4$C, vue.toDisplayString(item.text), 1),
               item.num ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$s, vue.toDisplayString(item.num), 1)) : vue.createCommentVNode("", true)
-            ], 8, _hoisted_2$10);
+            ], 10, _hoisted_2$10);
           }), 128))
         ])
       ]),
@@ -2095,7 +2101,9 @@
       ])
     ], 6);
   }
-  var FixedNav = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1s]]);
+  const { create: create$1z } = createComponent("fixednav");
+  const _sfc_main$1z = create$1z(component$6);
+  var FixedNav = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", render$2]]);
   const { componentName: componentName$1d, create: create$1y } = createComponent("menu");
   const _sfc_main$1y = create$1y({
     props: {
@@ -2115,6 +2123,7 @@
         type: [Number, String],
         default: 0
       },
+      titleIcon: String,
       closeOnClickOverlay: {
         type: Boolean,
         default: true
@@ -2247,11 +2256,11 @@
               class: vue.normalizeClass(["nut-menu__title", _ctx.getClasses(item.state.showPopup)])
             }, [
               vue.createElementVNode("view", _hoisted_2$$, vue.toDisplayString(item.renderTitle()), 1),
-              vue.createVNode(_component_nut_icon, {
-                name: item.titleIcon || (_ctx.direction === "up" ? "arrow-up" : "down-arrow"),
+              vue.createVNode(_component_nut_icon, vue.mergeProps(_ctx.$attrs, {
+                name: _ctx.titleIcon || (_ctx.direction === "up" ? "arrow-up" : "down-arrow"),
                 size: "10",
                 class: "nut-menu__title-icon"
-              }, null, 8, ["name"])
+              }), null, 16, ["name"])
             ], 2)
           ], 14, _hoisted_1$1d);
         }), 128))
@@ -2277,7 +2286,8 @@
         type: Number,
         default: 1
       },
-      titleIcon: String,
+      activeTitleClass: String,
+      inactiveTitleClass: String,
       optionIcon: {
         type: String,
         default: "Check"
@@ -2403,18 +2413,19 @@
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option, index) => {
               return vue.openBlock(), vue.createElementBlock("view", {
                 key: index,
-                class: vue.normalizeClass(["nut-menu-item__option", { active: option.value === _ctx.modelValue }]),
+                class: vue.normalizeClass(["nut-menu-item__option", [{ active: option.value === _ctx.modelValue }]]),
                 style: vue.normalizeStyle({ "flex-basis": 100 / _ctx.cols + "%" }),
                 onClick: ($event) => _ctx.onClick(option)
               }, [
-                option.value === _ctx.modelValue ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-                  key: 0,
+                option.value === _ctx.modelValue ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({ key: 0 }, _ctx.$attrs, {
+                  class: { activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue },
                   name: _ctx.optionIcon,
                   color: _ctx.parent.props.activeColor
-                }, null, 8, ["name", "color"])) : vue.createCommentVNode("", true),
+                }), null, 16, ["class", "name", "color"])) : vue.createCommentVNode("", true),
                 vue.createElementVNode("view", {
+                  class: vue.normalizeClass({ activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue }),
                   style: vue.normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
-                }, vue.toDisplayString(option.text), 5)
+                }, vue.toDisplayString(option.text), 7)
               ], 14, _hoisted_2$_);
             }), 128)),
             vue.renderSlot(_ctx.$slots, "default")
@@ -5444,12 +5455,12 @@
   const _hoisted_6$l = { class: "calendar-month-title" };
   const _hoisted_7$i = { class: "calendar-month-con" };
   const _hoisted_8$d = ["onClick"];
-  const _hoisted_9$8 = { class: "calendar-day" };
-  const _hoisted_10$5 = {
+  const _hoisted_9$9 = { class: "calendar-day" };
+  const _hoisted_10$6 = {
     key: 0,
     class: "calendar-curr-tips calendar-curr-tips-top"
   };
-  const _hoisted_11$5 = {
+  const _hoisted_11$6 = {
     key: 1,
     class: "calendar-curr-tips calendar-curr-tips-bottom"
   };
@@ -5461,7 +5472,7 @@
     key: 4,
     class: "calendar-day-tip"
   };
-  const _hoisted_14$2 = {
+  const _hoisted_14$3 = {
     key: 0,
     class: "nut-calendar-footer"
   };
@@ -5516,19 +5527,19 @@
                         class: vue.normalizeClass(["calendar-month-day", _ctx.getClass(day, month)]),
                         onClick: ($event) => _ctx.chooseDay(day, month)
                       }, [
-                        vue.createElementVNode("view", _hoisted_9$8, [
+                        vue.createElementVNode("view", _hoisted_9$9, [
                           vue.renderSlot(_ctx.$slots, "day", {
                             date: day.type == "curr" ? day : ""
                           }, () => [
                             vue.createTextVNode(vue.toDisplayString(day.type == "curr" ? day.day : ""), 1)
                           ])
                         ]),
-                        _ctx.topInfo ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_10$5, [
+                        _ctx.topInfo ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_10$6, [
                           vue.renderSlot(_ctx.$slots, "topInfo", {
                             date: day.type == "curr" ? day : ""
                           })
                         ])) : vue.createCommentVNode("", true),
-                        _ctx.bottomInfo ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_11$5, [
+                        _ctx.bottomInfo ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_11$6, [
                           vue.renderSlot(_ctx.$slots, "bottomInfo", {
                             date: day.type == "curr" ? day : ""
                           })
@@ -5548,7 +5559,7 @@
           ], 4)
         ], 512)
       ], 544),
-      _ctx.poppable && !_ctx.isAutoBackFill ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_14$2, [
+      _ctx.poppable && !_ctx.isAutoBackFill ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_14$3, [
         vue.createElementVNode("view", {
           class: "calendar-confirm-btn",
           onClick: _cache[1] || (_cache[1] = (...args) => _ctx.confirm && _ctx.confirm(...args))
@@ -6402,6 +6413,12 @@
         }
       };
       const confirmHandler = () => {
+        if (defaultValues.value && !defaultValues.value.length) {
+          columnsList.value.forEach((columns) => {
+            defaultValues.value.push(columns[0].value);
+            selectedOptions.value.push(columns[0]);
+          });
+        }
         emit("confirm", {
           selectedValue: defaultValues.value,
           selectedOptions: selectedOptions.value
@@ -7229,12 +7246,18 @@
         }
       };
       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);
@@ -7247,6 +7270,8 @@
         emit("blur", value, event);
       };
       const clear = (event) => {
+        if (props.disabled)
+          return;
         emit("update:modelValue", "", event);
         emit("change", "", event);
         emit("clear", "", event);
@@ -7258,10 +7283,29 @@
         }
       };
       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;
+        }
+      };
       vue.watch(() => props.modelValue, () => {
         updateValue(getModelValue());
         resetValidation();
@@ -7283,6 +7327,7 @@
         onClickInput,
         onClickLeftIcon,
         onClickRightIcon,
+        onClick,
         translate: translate$m
       };
     }
@@ -7291,17 +7336,21 @@
   const _hoisted_2$N = { class: "nut-input-value" };
   const _hoisted_3$B = { class: "label-string" };
   const _hoisted_4$t = { class: "nut-input-value" };
-  const _hoisted_5$l = ["maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
-  const _hoisted_6$k = ["type", "maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
-  const _hoisted_7$h = {
+  const _hoisted_5$l = { class: "nut-input-inner" };
+  const _hoisted_6$k = { class: "nut-input-box" };
+  const _hoisted_7$h = ["maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
+  const _hoisted_8$c = ["type", "maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
+  const _hoisted_9$8 = { class: "nut-input-clear-box" };
+  const _hoisted_10$5 = {
     key: 0,
     class: "nut-input-word-limit"
   };
-  const _hoisted_8$c = { class: "nut-input-word-num" };
+  const _hoisted_11$5 = { class: "nut-input-word-num" };
   function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
-      class: vue.normalizeClass(_ctx.classes)
+      class: vue.normalizeClass(_ctx.classes),
+      onClick: _cache[11] || (_cache[11] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, [
       _ctx.$slots.input ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("view", {
@@ -7328,10 +7377,7 @@
           class: "nut-input-left-icon",
           onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClickLeftIcon && _ctx.onClickLeftIcon(...args))
         }, [
-          vue.createVNode(_component_nut_icon, {
-            name: _ctx.leftIcon,
-            size: _ctx.leftIconSize
-          }, null, 8, ["name", "size"])
+          vue.createVNode(_component_nut_icon, vue.mergeProps({ name: _ctx.leftIcon }, _ctx.$attrs, { size: _ctx.leftIconSize }), null, 16, ["name", "size"])
         ])) : vue.createCommentVNode("", true),
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("view", {
           key: 1,
@@ -7344,68 +7390,69 @@
           vue.createElementVNode("view", _hoisted_3$B, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(_ctx.colon ? ":" : ""), 1)
         ], 6)) : vue.createCommentVNode("", true),
         vue.createElementVNode("view", _hoisted_4$t, [
-          vue.createElementVNode("view", {
-            class: "nut-input-inner",
-            onClick: _cache[9] || (_cache[9] = (...args) => _ctx.onClickInput && _ctx.onClickInput(...args))
-          }, [
-            _ctx.type == "textarea" ? (vue.openBlock(), vue.createElementBlock("textarea", {
-              key: 0,
-              class: "input-text",
-              ref: "inputRef",
-              style: vue.normalizeStyle(_ctx.stylesTextarea),
-              maxlength: _ctx.maxLength,
-              placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
-              disabled: _ctx.disabled,
-              readonly: _ctx.readonly,
-              value: _ctx.modelValue,
-              formatTrigger: _ctx.formatTrigger,
-              autofocus: _ctx.autofocus,
-              onInput: _cache[2] || (_cache[2] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-              onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
-              onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-            }, null, 44, _hoisted_5$l)) : (vue.openBlock(), vue.createElementBlock("input", {
-              key: 1,
-              class: "input-text",
-              ref: "inputRef",
-              style: vue.normalizeStyle(_ctx.styles),
-              type: _ctx.inputType(_ctx.type),
-              maxlength: _ctx.maxLength,
-              placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
-              disabled: _ctx.disabled,
-              readonly: _ctx.readonly,
-              value: _ctx.modelValue,
-              formatTrigger: _ctx.formatTrigger,
-              autofocus: _ctx.autofocus,
-              onInput: _cache[5] || (_cache[5] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-              onFocus: _cache[6] || (_cache[6] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
-              onBlur: _cache[7] || (_cache[7] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-            }, null, 44, _hoisted_6$k)),
-            _ctx.clearable && !_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_nut_icon, {
-              key: 2,
-              class: "nut-input-clear",
-              name: _ctx.clearIcon,
-              size: _ctx.clearSize,
-              onClick: _ctx.clear
-            }, null, 8, ["name", "size", "onClick"])), [
-              [vue.vShow, _ctx.active && _ctx.modelValue.length > 0]
-            ]) : vue.createCommentVNode("", true),
+          vue.createElementVNode("view", _hoisted_5$l, [
+            vue.createElementVNode("view", _hoisted_6$k, [
+              _ctx.type == "textarea" ? (vue.openBlock(), vue.createElementBlock("textarea", {
+                key: 0,
+                class: "input-text",
+                ref: "inputRef",
+                style: vue.normalizeStyle(_ctx.stylesTextarea),
+                maxlength: _ctx.maxLength,
+                placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
+                disabled: _ctx.disabled,
+                readonly: _ctx.readonly,
+                value: _ctx.modelValue,
+                formatTrigger: _ctx.formatTrigger,
+                autofocus: _ctx.autofocus,
+                onInput: _cache[2] || (_cache[2] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+                onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
+                onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.onBlur && _ctx.onBlur(...args)),
+                onClick: _cache[5] || (_cache[5] = (...args) => _ctx.onClickInput && _ctx.onClickInput(...args))
+              }, null, 44, _hoisted_7$h)) : (vue.openBlock(), vue.createElementBlock("input", {
+                key: 1,
+                class: "input-text",
+                ref: "inputRef",
+                style: vue.normalizeStyle(_ctx.styles),
+                type: _ctx.inputType(_ctx.type),
+                maxlength: _ctx.maxLength,
+                placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
+                disabled: _ctx.disabled,
+                readonly: _ctx.readonly,
+                value: _ctx.modelValue,
+                formatTrigger: _ctx.formatTrigger,
+                autofocus: _ctx.autofocus,
+                onInput: _cache[6] || (_cache[6] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+                onFocus: _cache[7] || (_cache[7] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
+                onBlur: _cache[8] || (_cache[8] = (...args) => _ctx.onBlur && _ctx.onBlur(...args)),
+                onClick: _cache[9] || (_cache[9] = (...args) => _ctx.onClickInput && _ctx.onClickInput(...args))
+              }, null, 44, _hoisted_8$c))
+            ]),
+            vue.createElementVNode("view", _hoisted_9$8, [
+              _ctx.clearable && !_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
+                key: 0,
+                class: "nut-input-clear",
+                name: _ctx.clearIcon
+              }, _ctx.$attrs, {
+                size: _ctx.clearSize,
+                onClick: _ctx.clear
+              }), null, 16, ["name", "size", "onClick"])), [
+                [vue.vShow, _ctx.active && _ctx.modelValue.length > 0]
+              ]) : vue.createCommentVNode("", true)
+            ]),
             _ctx.rightIcon && _ctx.rightIcon.length > 0 ? (vue.openBlock(), vue.createElementBlock("view", {
-              key: 3,
+              key: 0,
               class: "nut-input-right-icon",
-              onClick: _cache[8] || (_cache[8] = (...args) => _ctx.onClickRightIcon && _ctx.onClickRightIcon(...args))
+              onClick: _cache[10] || (_cache[10] = (...args) => _ctx.onClickRightIcon && _ctx.onClickRightIcon(...args))
             }, [
-              vue.createVNode(_component_nut_icon, {
-                name: _ctx.rightIcon,
-                size: _ctx.rightIconSize
-              }, null, 8, ["name", "size"])
+              vue.createVNode(_component_nut_icon, vue.mergeProps({ name: _ctx.rightIcon }, _ctx.$attrs, { size: _ctx.rightIconSize }), null, 16, ["name", "size"])
             ])) : vue.createCommentVNode("", true),
             _ctx.$slots.button ? vue.renderSlot(_ctx.$slots, "button", {
-              key: 4,
+              key: 1,
               class: "nut-input-button"
             }) : vue.createCommentVNode("", true)
           ]),
-          _ctx.showWordLimit && _ctx.maxLength ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$h, [
-            vue.createElementVNode("span", _hoisted_8$c, vue.toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
+          _ctx.showWordLimit && _ctx.maxLength ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_10$5, [
+            vue.createElementVNode("span", _hoisted_11$5, vue.toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
             vue.createTextVNode("/" + vue.toDisplayString(_ctx.maxLength), 1)
           ])) : vue.createCommentVNode("", true),
           _ctx.errorMessage ? (vue.openBlock(), vue.createElementBlock("view", {
@@ -8143,8 +8190,8 @@
           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);
         }
@@ -8158,34 +8205,38 @@
       if (env === "WEB") {
         this.upload();
       } else {
-        const uploadTask = uploadFile({
-          url: options.url,
-          filePath: options.taroFilePath,
-          fileType: options.fileType,
-          header: {
-            "Content-Type": "multipart/form-data",
-            ...options.headers
-          },
-          formData: options.formData,
-          name: options.name,
-          success(response) {
-            var _a2, _b;
-            if (options.xhrState == response.statusCode) {
-              (_a2 = options.onSuccess) == null ? void 0 : _a2.call(options, response, options);
-            } else {
-              (_b = options.onFailure) == null ? void 0 : _b.call(options, response, options);
+        if (options.beforeXhrUpload) {
+          options.beforeXhrUpload(uploadFile, options);
+        } else {
+          const uploadTask = uploadFile({
+            url: options.url,
+            filePath: options.taroFilePath,
+            fileType: options.fileType,
+            header: {
+              "Content-Type": "multipart/form-data",
+              ...options.headers
+            },
+            formData: options.formData,
+            name: options.name,
+            success(response) {
+              var _a2, _b;
+              if (options.xhrState == response.statusCode) {
+                (_a2 = options.onSuccess) == null ? void 0 : _a2.call(options, response, options);
+              } else {
+                (_b = options.onFailure) == null ? void 0 : _b.call(options, response, options);
+              }
+            },
+            fail(e) {
+              var _a2;
+              (_a2 = options.onFailure) == null ? void 0 : _a2.call(options, e, options);
             }
-          },
-          fail(e) {
+          });
+          (_a = options.onStart) == null ? void 0 : _a.call(options, options);
+          uploadTask.progress((res) => {
             var _a2;
-            (_a2 = options.onFailure) == null ? void 0 : _a2.call(options, e, options);
-          }
-        });
-        (_a = options.onStart) == null ? void 0 : _a.call(options, options);
-        uploadTask.progress((res) => {
-          var _a2;
-          (_a2 = options.onProgress) == null ? void 0 : _a2.call(options, res, options);
-        });
+            (_a2 = options.onProgress) == null ? void 0 : _a2.call(options, res, options);
+          });
+        }
       }
     }
   }
@@ -8228,6 +8279,10 @@
         type: Function,
         default: null
       },
+      beforeXhrUpload: {
+        type: Function,
+        default: null
+      },
       beforeDelete: {
         type: Function,
         default: (file, files) => {
@@ -8271,6 +8326,7 @@
         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) {
@@ -8450,7 +8506,7 @@
     key: 1,
     class: "nut-uploader__preview-list"
   };
-  const _hoisted_14$1 = ["onClick"];
+  const _hoisted_14$2 = ["onClick"];
   const _hoisted_15$1 = ["accept", "multiple", "name", "disabled"];
   const _hoisted_16$1 = ["accept", "multiple", "name", "disabled"];
   function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
@@ -8530,7 +8586,7 @@
             }, [
               vue.createVNode(_component_nut_icon, { name: "link" }),
               vue.createTextVNode("\xA0" + vue.toDisplayString(item.name), 1)
-            ], 10, _hoisted_14$1),
+            ], 10, _hoisted_14$2),
             vue.createVNode(_component_nut_icon, {
               class: "nut-uploader__preview-img__file__del",
               onClick: ($event) => _ctx.onDelete(item, index),
@@ -8551,11 +8607,11 @@
         key: 1,
         class: vue.normalizeClass(["nut-uploader__upload", [_ctx.listType]])
       }, [
-        vue.createVNode(_component_nut_icon, {
+        vue.createVNode(_component_nut_icon, vue.mergeProps(_ctx.$attrs, {
           size: _ctx.uploadIconSize,
           color: "#808080",
           name: _ctx.uploadIcon
-        }, null, 8, ["size", "name"]),
+        }), null, 16, ["size", "name"]),
         _ctx.capture ? (vue.openBlock(), vue.createElementBlock("input", {
           key: 0,
           class: "nut-uploader__input",
@@ -8669,19 +8725,17 @@
         if (customKeys.length > 2) {
           customKeys = [customKeys[0], customKeys[1]];
         }
+        if (customKeys.length == 2 && props.title && props.type != "rightColumn") {
+          customKeys = [customKeys[0]];
+        }
         if (customKeys.length === 1) {
-          if (props.title) {
+          if (props.title && props.type != "rightColumn") {
             keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: "delete", type: "delete" });
           } else {
             keys.push({ id: 0, type: "number" }, { id: customKeys[0], type: "custom" });
           }
         } else if (customKeys.length === 2) {
           keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: customKeys[1], type: "custom" });
-          if (props.title) {
-            keys.push({ id: "delete", type: "delete" });
-          }
-        } else {
-          keys.push({ id: 0, type: "number" });
         }
         return keys;
       }
@@ -8785,10 +8839,11 @@
         vue.createElementVNode("div", _hoisted_1$T, [
           _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$J, [
             vue.createElementVNode("h3", _hoisted_3$y, vue.toDisplayString(_ctx.title), 1),
-            vue.createElementVNode("span", {
+            _ctx.type == "default" ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 0,
               class: "keyboard-close",
               onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
-            }, vue.toDisplayString(_ctx.translate("done")), 1)
+            }, vue.toDisplayString(_ctx.translate("done")), 1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_4$q, [
             vue.createElementVNode("div", _hoisted_5$i, [
@@ -8831,15 +8886,14 @@
                   onTouchend: _cache[4] || (_cache[4] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
                 }, _hoisted_12$3, 34)
               ]),
-              _ctx.title == "" ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
+              vue.createElementVNode("div", {
                 class: "key-board-wrapper key-board-finish",
                 onClick: _cache[5] || (_cache[5] = ($event) => _ctx.closeBoard())
               }, [
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(["key", "finish", { activeFinsh: _ctx.clickKeyIndex == "finish" }])
                 }, vue.toDisplayString(_ctx.confirmText || _ctx.translate("done")), 3)
-              ])) : vue.createCommentVNode("", true)
+              ])
             ])) : vue.createCommentVNode("", true)
           ])
         ], 512)
@@ -10741,10 +10795,7 @@
         style: vue.normalizeStyle(_ctx.getStyle)
       }, [
         vue.createElementVNode("view", _hoisted_1$M, [
-          vue.createVNode(_component_nut_icon, {
-            class: "top-img",
-            name: _ctx.pullIcon
-          }, null, 8, ["name"]),
+          vue.createVNode(_component_nut_icon, vue.mergeProps({ class: "top-img" }, _ctx.$attrs, { name: _ctx.pullIcon }), null, 16, ["name"]),
           vue.createElementVNode("view", _hoisted_2$D, vue.toDisplayString(_ctx.pullTxt || _ctx.translate("pullTxt")), 1)
         ])
       ], 4),
@@ -10754,10 +10805,7 @@
       vue.createElementVNode("view", _hoisted_4$n, [
         _ctx.isInfiniting ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$g, [
           !_ctx.slots.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            vue.createVNode(_component_nut_icon, {
-              class: "bottom-img",
-              name: _ctx.loadIcon
-            }, null, 8, ["name"]),
+            vue.createVNode(_component_nut_icon, vue.mergeProps({ class: "bottom-img" }, _ctx.$attrs, { name: _ctx.loadIcon }), null, 16, ["name"]),
             vue.createElementVNode("view", _hoisted_6$f, vue.toDisplayString(_ctx.loadTxt || _ctx.translate("loading")), 1)
           ], 64)) : vue.renderSlot(_ctx.$slots, "loading", { key: 1 })
         ])) : !_ctx.hasMore ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -10786,7 +10834,7 @@
         type: String,
         default: "danger"
       },
-      showPopup: {
+      modelVisible: {
         type: Boolean,
         default: false
       },
@@ -10809,7 +10857,7 @@
       });
       vue.onMounted(() => {
       });
-      const visible = vue.ref(false);
+      const showPopup = vue.ref(props.modelVisible);
       const clickCover = () => {
         props.onClick && props.onClick();
       };
@@ -10843,7 +10891,7 @@
         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) {
@@ -10872,18 +10920,12 @@
   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 = [];
@@ -11429,12 +11471,13 @@
       style: vue.normalizeStyle(_ctx.style)
     }, [
       vue.createElementVNode("view", _hoisted_1$K, [
-        _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+        _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
           key: 0,
-          name: _ctx.name,
+          name: _ctx.name
+        }, _ctx.$attrs, {
           size: _ctx.size,
           color: _ctx.color
-        }, null, 8, ["name", "size", "color"])) : vue.createCommentVNode("", true),
+        }), null, 16, ["name", "size", "color"])) : vue.createCommentVNode("", true),
         _ctx.activeText ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
           vue.withDirectives(vue.createElementVNode("view", { class: "nut-switch-label open" }, vue.toDisplayString(_ctx.activeText), 513), [
             [vue.vShow, _ctx.modelValue]
@@ -11614,11 +11657,10 @@
             })
           }, [
             _ctx.hasIcon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$J, [
-              vue.createVNode(_component_nut_icon, {
-                size: _ctx.iconSize,
+              vue.createVNode(_component_nut_icon, vue.mergeProps({ size: _ctx.iconSize }, _ctx.$attrs, {
                 color: "#ffffff",
                 name: _ctx.icon
-              }, null, 8, ["size", "name"])
+              }), null, 16, ["size", "name"])
             ])) : vue.createCommentVNode("", true),
             _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$C, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
             vue.createElementVNode("view", {
@@ -11784,7 +11826,7 @@
       }
     },
     components: {},
-    emits: ["fastBack", "play", "forward", "ended", "changeProgress", "mute"],
+    emits: ["fastBack", "play", "forward", "ended", "changeProgress", "mute", "can-play"],
     setup(props, { emit }) {
       const audioRef = vue.ref(null);
       const audioData = vue.reactive({
@@ -11816,22 +11858,25 @@
         } 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);
       };
@@ -11870,37 +11915,17 @@
         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;
       };
       vue.watch(() => audioData.currentTime, (value) => {
@@ -11925,7 +11950,8 @@
         progressChange,
         audioEnd,
         onTimeupdate,
-        handleMute
+        handleMute,
+        onCanplay
       };
     }
   });
@@ -11998,7 +12024,8 @@
         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)
     ]);
@@ -12009,9 +12036,7 @@
     props: {
       type: {
         type: String,
-        default() {
-          return "play";
-        }
+        default: () => "play"
       }
     },
     components: {},
@@ -12244,11 +12269,10 @@
           src: _ctx.url,
           alt: _ctx.alt,
           onError: _cache[0] || (_cache[0] = (...args) => _ctx.onError && _ctx.onError(...args))
-        }, null, 40, _hoisted_1$G)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-          key: 1,
+        }, null, 40, _hoisted_1$G)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({ key: 1 }, _ctx.$attrs, {
           class: "icon",
           name: _ctx.iconStyles
-        }, null, 8, ["name"])) : vue.createCommentVNode("", true),
+        }), null, 16, ["name"])) : vue.createCommentVNode("", true),
         _ctx.isShowText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$z, [
           vue.renderSlot(_ctx.$slots, "default")
         ])) : vue.createCommentVNode("", true)
@@ -12557,12 +12581,11 @@
         _ctx.status == "active" || _ctx.status == "" ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
           style: vue.normalizeStyle(_ctx.textStyle)
-        }, vue.toDisplayString(_ctx.percentage) + vue.toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status == "icon" ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-          key: 1,
+        }, vue.toDisplayString(_ctx.percentage) + vue.toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status == "icon" ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({ key: 1 }, _ctx.$attrs, {
           size: "16px",
           name: _ctx.iconName,
           color: _ctx.iconColor
-        }, null, 8, ["name", "color"])) : vue.createCommentVNode("", true)
+        }), null, 16, ["name", "color"])) : vue.createCommentVNode("", true)
       ], 4)) : vue.createCommentVNode("", true)
     ]);
   }
@@ -13034,10 +13057,10 @@
           onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => _ctx.onClickIcon && _ctx.onClickIcon(...args), ["stop"]))
         }, [
           vue.renderSlot(_ctx.$slots, "right-icon", {}, () => [
-            vue.createVNode(_component_nut_icon, {
+            vue.createVNode(_component_nut_icon, vue.mergeProps(_ctx.$attrs, {
               name: _ctx.rightIcon ? _ctx.rightIcon : "close",
               color: _ctx.color
-            }, null, 8, ["name", "color"])
+            }), null, 16, ["name", "color"])
           ])
         ])) : vue.createCommentVNode("", true)
       ], 6)), [
@@ -13618,13 +13641,14 @@
         vue.createElementVNode("view", {
           class: vue.normalizeClass(["nut-step-icon", [!_ctx.dot ? _ctx.icon ? "is-icon" : "is-text" : ""]])
         }, [
-          _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
             key: 0,
-            class: "nut-step-icon-inner",
+            class: "nut-step-icon-inner"
+          }, _ctx.$attrs, {
             color: _ctx.iconColor,
             name: _ctx.icon,
             size: _ctx.size
-          }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [], 64)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$n, vue.toDisplayString(_ctx.index), 1))
+          }), null, 16, ["color", "name", "size"])) : _ctx.dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [], 64)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$n, vue.toDisplayString(_ctx.index), 1))
         ], 2)
       ]),
       vue.createElementVNode("view", _hoisted_4$j, [
@@ -14741,10 +14765,7 @@
           onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleCloseIcon && _ctx.handleCloseIcon(...args)),
           style: vue.normalizeStyle(_ctx.styles)
         }, [
-          vue.createVNode(_component_nut_icon, {
-            name: _ctx.closeIcon,
-            color: "#ffffff"
-          }, null, 8, ["name"])
+          vue.createVNode(_component_nut_icon, vue.mergeProps({ name: _ctx.closeIcon }, _ctx.$attrs, { color: "#ffffff" }), null, 16, ["name"])
         ], 4)) : vue.createCommentVNode("", true)
       ]),
       _: 1
@@ -15694,23 +15715,19 @@
         };
       });
       const getStyle = () => {
-        if (color == null ? void 0 : color.value) {
-          return {
-            background: color.value,
-            color: textColor.value
-          };
+        const style = {};
+        if (textColor.value) {
+          style.color = textColor.value;
+        } else if (color.value && plain.value) {
+          style.color = color.value;
         }
         if (plain.value) {
-          return {
-            color: "#FA2400",
-            background: "#fff",
-            border: "1px solid rgba(250,36,0,1)"
-          };
+          style.background = "#fff";
+          style["border-color"] = color.value;
+        } else if (color.value) {
+          style.background = color.value;
         }
-        return {
-          color: "",
-          background: ""
-        };
+        return style;
       };
       const onClose = (event) => {
         event.stopPropagation();
@@ -16574,7 +16591,6 @@
         };
       });
       const createPopperInstance = () => {
-        console.log(reference.value, popoverRef.value);
         if (reference.value && popoverRef.value) {
           return createPopper(reference.value, popoverRef.value.popupRef, {
             placement: props.location,
@@ -16597,7 +16613,6 @@
         return null;
       };
       const clickOverlay = () => {
-        console.log("\u5173\u95ED");
       };
       const uploadLocation = () => {
         vue.nextTick(() => {
@@ -16605,7 +16620,6 @@
             return;
           if (!popper) {
             popper = createPopperInstance();
-            console.log(popper);
           } else {
             popper.setOptions({
               placement: props.location
@@ -16703,10 +16717,10 @@
                 onClick: vue.withModifiers(($event) => _ctx.chooseItem(item, index), ["stop"])
               }, [
                 item.icon ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
-                  vue.createVNode(_component_nut_icon, {
+                  vue.createVNode(_component_nut_icon, vue.mergeProps(_ctx.$attrs, {
                     class: "item-img",
                     name: item.icon
-                  }, null, 8, ["name"])
+                  }), null, 16, ["name"])
                 ]) : vue.createCommentVNode("", true),
                 vue.createElementVNode("view", _hoisted_2$o, vue.toDisplayString(item.name), 1)
               ], 10, _hoisted_1$t);
@@ -16894,20 +16908,18 @@
     emits: ["update:active", "change"],
     setup(props, { emit, slots }) {
       const collapseDom = vue.ref(null);
+      const collapseChldren = vue.ref([]);
       vue.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);
@@ -16916,6 +16928,9 @@
           item.animation();
         });
       });
+      vue.onMounted(() => {
+        collapseChldren.value = vue.getCurrentInstance().provides.collapseParent.children || [];
+      });
       const changeVal = (val) => {
         emit("update:active", val);
         emit("change", val);
@@ -17157,13 +17172,14 @@
         vue.createElementVNode("view", _hoisted_1$q, [
           vue.createElementVNode("view", null, [
             vue.createElementVNode("view", _hoisted_2$m, [
-              _ctx.titleIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+              _ctx.titleIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
                 key: 0,
-                name: _ctx.titleIcon,
+                name: _ctx.titleIcon
+              }, _ctx.$attrs, {
                 size: _ctx.titleIconSize,
                 color: _ctx.titleIconColor,
-                class: vue.normalizeClass([_ctx.titleIconPosition == "left" ? "titleIconLeft" : "titleIconRight"])
-              }, null, 8, ["name", "size", "color", "class"])) : vue.createCommentVNode("", true),
+                class: [_ctx.titleIconPosition == "left" ? "titleIconLeft" : "titleIconRight"]
+              }), null, 16, ["name", "size", "color", "class"])) : vue.createCommentVNode("", true),
               _ctx.$slots.mTitle ? vue.renderSlot(_ctx.$slots, "mTitle", { key: 1 }) : (vue.openBlock(), vue.createElementBlock("view", {
                 key: 2,
                 innerHTML: _ctx.title,
@@ -17179,14 +17195,15 @@
           innerHTML: _ctx.subTitle,
           class: "subTitle"
         }, null, 8, _hoisted_5$a)),
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
           key: 2,
-          name: _ctx.icon,
+          name: _ctx.icon
+        }, _ctx.$attrs, {
           size: _ctx.iconSize,
           color: _ctx.iconColor,
-          class: vue.normalizeClass(["collapse-icon", { "col-expanded": _ctx.openExpanded }, { "collapse-icon-disabled": _ctx.disabled }]),
-          style: vue.normalizeStyle(_ctx.iconStyle)
-        }, null, 8, ["name", "size", "color", "class", "style"])) : vue.createCommentVNode("", true)
+          class: ["collapse-icon", { "col-expanded": _ctx.openExpanded }, { "collapse-icon-disabled": _ctx.disabled }],
+          style: _ctx.iconStyle
+        }), null, 16, ["name", "size", "color", "class", "style"])) : vue.createCommentVNode("", true)
       ], 2),
       _ctx.$slots.extraRender ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$9, [
         vue.createElementVNode("div", _hoisted_7$7, [
@@ -17739,7 +17756,6 @@
       const init = () => {
         const canvas = document.createElement("canvas");
         const ratio = window.devicePixelRatio;
-        console.log(ratio);
         const ctx = canvas.getContext("2d");
         const canvasWidth = `${(gapX + width) * ratio}px`;
         const canvasHeight = `${(gapY + height) * ratio}px`;
@@ -17759,7 +17775,6 @@
               ctx.drawImage(img, -imageWidth * ratio / 2, -imageHeight * ratio / 2, imageWidth * ratio, imageHeight * ratio);
               ctx.restore();
               state.base64Url = canvas.toDataURL();
-              console.log(state.base64Url);
             };
           } else if (content) {
             ctx.textBaseline = "middle";
@@ -17772,7 +17787,6 @@
             ctx.fillText(content, 0, 0);
             ctx.restore();
             state.base64Url = canvas.toDataURL();
-            console.log(state.base64Url);
           }
         } else {
           throw new Error("\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301Canvas");
@@ -18195,7 +18209,7 @@
   };
   const _hoisted_12$1 = ["onClick"];
   const _hoisted_13$1 = { class: "elevator-group" };
-  const _hoisted_14 = {
+  const _hoisted_14$1 = {
     key: 2,
     class: "exist-address"
   };
@@ -18233,10 +18247,10 @@
               class: "arrow-back",
               onClick: _cache[0] || (_cache[0] = (...args) => _ctx.switchModule && _ctx.switchModule(...args))
             }, [
-              vue.withDirectives(vue.createVNode(_component_nut_icon, {
+              vue.withDirectives(vue.createVNode(_component_nut_icon, vue.mergeProps(_ctx.$attrs, {
                 name: _ctx.backBtnIcon,
                 color: "#cccccc"
-              }, null, 8, ["name"]), [
+              }), null, 16, ["name"]), [
                 [vue.vShow, _ctx.type == "exist" && _ctx.privateType == "custom" && _ctx.backBtnIcon]
               ])
             ]),
@@ -18245,12 +18259,11 @@
               class: "arrow-close",
               onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handClose("cross"))
             }, [
-              _ctx.closeBtnIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-                key: 0,
+              _ctx.closeBtnIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({ key: 0 }, _ctx.$attrs, {
                 name: _ctx.closeBtnIcon,
                 color: "#cccccc",
                 size: "18px"
-              }, null, 8, ["name"])) : vue.createCommentVNode("", true)
+              }), null, 16, ["name"])) : vue.createCommentVNode("", true)
             ])
           ]),
           _ctx.privateType == "custom" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$f, [
@@ -18278,13 +18291,14 @@
                     class: vue.normalizeClass(["region-item", [_ctx.selectedRegion[_ctx.tabName[_ctx.tabIndex]].id == item.id ? "active" : ""]]),
                     onClick: ($event) => _ctx.nextAreaList(item)
                   }, [
-                    _ctx.selectedRegion[_ctx.tabName[_ctx.tabIndex]].id == item.id ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+                    _ctx.selectedRegion[_ctx.tabName[_ctx.tabIndex]].id == item.id ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
                       key: 0,
                       class: "region-item-icon",
-                      type: "self",
+                      type: "self"
+                    }, _ctx.$attrs, {
                       name: _ctx.selectedIcon,
                       size: "13px"
-                    }, null, 8, ["name"])) : vue.createCommentVNode("", true),
+                    }), null, 16, ["name"])) : vue.createCommentVNode("", true),
                     vue.createTextVNode(vue.toDisplayString(item.name), 1)
                   ], 10, _hoisted_9$2);
                 }), 128))
@@ -18314,7 +18328,7 @@
                 onClickItem: _ctx.handleElevatorItem
               }, null, 8, ["height", "index-list", "onClickItem"])
             ])
-          ])) : _ctx.privateType == "exist" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_14, [
+          ])) : _ctx.privateType == "exist" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_14$1, [
             vue.createElementVNode("div", _hoisted_15, [
               vue.createElementVNode("ul", _hoisted_16, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.existAddress, (item, index) => {
@@ -18323,12 +18337,13 @@
                     key: index,
                     onClick: ($event) => _ctx.selectedExist(item)
                   }, [
-                    vue.createVNode(_component_nut_icon, {
+                    vue.createVNode(_component_nut_icon, vue.mergeProps({
                       class: "exist-item-icon",
-                      type: "self",
+                      type: "self"
+                    }, _ctx.$attrs, {
                       name: item.selectedAddress ? _ctx.selectedIcon : _ctx.defaultIcon,
                       size: "13px"
-                    }, null, 8, ["name"]),
+                    }), null, 16, ["name"]),
                     vue.createElementVNode("div", _hoisted_18, [
                       item.name && item.phone ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
                         vue.createElementVNode("div", _hoisted_20, vue.toDisplayString(item.name), 1),
@@ -18349,10 +18364,11 @@
             }, [
               vue.createElementVNode("div", _hoisted_23, vue.toDisplayString(_ctx.customAndExistTitle || _ctx.translate("chooseAnotherAddress")), 1)
             ])) : vue.createCommentVNode("", true)
-          ])) : vue.createCommentVNode("", true)
+          ])) : vue.createCommentVNode("", true),
+          vue.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]]);
@@ -18485,7 +18501,15 @@
       },
       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,
@@ -18497,7 +18521,7 @@
       }
     },
     components: {},
-    emits: ["confirm", "clear"],
+    emits: ["start", "end", "signing", "confirm", "clear"],
     setup(props, { emit }) {
       const canvas = vue.ref(null);
       const wrap = vue.ref(null);
@@ -18527,6 +18551,7 @@
         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);
@@ -18534,6 +18559,7 @@
       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;
@@ -18542,6 +18568,7 @@
       };
       const endEventHandler = (event) => {
         event.preventDefault();
+        emit("end");
         canvas.value.removeEventListener(state.events[1], moveEventHandler, false);
         canvas.value.removeEventListener(state.events[2], endEventHandler, false);
       };
@@ -18589,7 +18616,7 @@
   };
   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) {
@@ -18598,12 +18625,14 @@
       class: vue.normalizeClass(_ctx.classes)
     }, [
       vue.createElementVNode("div", _hoisted_1$k, [
-        (() => _ctx.isCanvasSupported()) ? (vue.openBlock(), vue.createElementBlock("canvas", {
-          key: 0,
+        vue.withDirectives(vue.createElementVNode("canvas", {
           ref: "canvas",
           height: _ctx.canvasHeight,
           width: _ctx.canvasWidth
-        }, null, 8, _hoisted_2$i)) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$g, vue.toDisplayString(_ctx.unSupportTpl || _ctx.translate("unSupportTpl")), 1))
+        }, null, 8, _hoisted_2$i), [
+          [vue.vShow, _ctx.isCanvasSupported()]
+        ]),
+        !_ctx.isCanvasSupported() ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$g, vue.toDisplayString(_ctx.unSupportTpl || _ctx.translate("unSupportTpl")), 1)) : vue.createCommentVNode("", true)
       ], 512),
       vue.createVNode(_component_nut_button, {
         class: "nut-signature-btn",
@@ -19596,7 +19625,7 @@
     ]);
   }
   var Ecard = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
-  var ItemContents_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => "@-webkit-keyframes nutFadeIn {\nfrom {\n    opacity: 0;\n}\nto {\n    opacity: 1;\n}\n}\n@keyframes nutFadeIn {\nfrom {\n    opacity: 0;\n}\nto {\n    opacity: 1;\n}\n}\n@-webkit-keyframes nutFadeOut {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes nutFadeOut {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.nutFade-enter-active,\n.nutFadeIn,\n.nutFade-leave-active,\n.nutFadeOut {\n  -webkit-animation-duration: 0.25s;\n          animation-duration: 0.25s;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n}\n.nutFade-enter-active,\n.nutFadeIn {\n  -webkit-animation-name: nutFadeIn;\n          animation-name: nutFadeIn;\n}\n.nutFade-leave-active,\n.nutFadeOut {\n  -webkit-animation-name: nutFadeOut;\n          animation-name: nutFadeOut;\n}\n@-webkit-keyframes nutZoomIn {\nfrom {\n    opacity: 0;\n    -webkit-transform: scale3d(0.3, 0.3, 0.3);\n            transform: scale3d(0.3, 0.3, 0.3);\n}\n50% {\n    opacity: 1;\n}\n}\n@keyframes nutZoomIn {\nfrom {\n    opacity: 0;\n    -webkit-transform: scale3d(0.3, 0.3, 0.3);\n            transform: scale3d(0.3, 0.3, 0.3);\n}\n50% {\n    opacity: 1;\n}\n}\n@-webkit-keyframes nutZoomOut {\nfrom {\n    opacity: 1;\n}\n50% {\n    opacity: 0;\n    -webkit-transform: scale3d(0.3, 0.3, 0.3);\n            transform: scale3d(0.3, 0.3, 0.3);\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes nutZoomOut {\nfrom {\n    opacity: 1;\n}\n50% {\n    opacity: 0;\n    -webkit-transform: scale3d(0.3, 0.3, 0.3);\n            transform: scale3d(0.3, 0.3, 0.3);\n}\nto {\n    opacity: 0;\n}\n}\n.nutZoom-enter-active,\n.nutZoomIn,\n.nutZoom-leave-active,\n.nutZoomOut {\n  -webkit-animation-duration: 0.25s;\n          animation-duration: 0.25s;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n}\n.nutZoom-enter-active,\n.nutZoomIn {\n  -webkit-animation-name: nutZoomIn;\n          animation-name: nutZoomIn;\n}\n.nutZoom-leave-active,\n.nutZoomOut {\n  -webkit-animation-name: nutZoomOut;\n          animation-name: nutZoomOut;\n}\n@-webkit-keyframes nutEaseIn {\n0% {\n    opacity: 0;\n    -webkit-transform: scale(0.9);\n            transform: scale(0.9);\n}\n100% {\n    opacity: 1;\n    -webkit-transform: scale(1);\n            transform: scale(1);\n}\n}\n@keyframes nutEaseIn {\n0% {\n    opacity: 0;\n    -webkit-transform: scale(0.9);\n            transform: scale(0.9);\n}\n100% {\n    opacity: 1;\n    -webkit-transform: scale(1);\n            transform: scale(1);\n}\n}\n@-webkit-keyframes nutEaseOut {\n0% {\n    opacity: 1;\n    -webkit-transform: scale(1);\n            transform: scale(1);\n}\n100% {\n    opacity: 0;\n    -webkit-transform: scale(0.9);\n            transform: scale(0.9);\n}\n}\n@keyframes nutEaseOut {\n0% {\n    opacity: 1;\n    -webkit-transform: scale(1);\n            transform: scale(1);\n}\n100% {\n    opacity: 0;\n    -webkit-transform: scale(0.9);\n            transform: scale(0.9);\n}\n}\n.nutEase-enter-active,\n.nutEaseIn,\n.nutEase-leave-active,\n.nutEaseOut {\n  -webkit-animation-duration: 0.25s;\n          animation-duration: 0.25s;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n}\n.nutEase-enter-active,\n.nutEaseIn {\n  -webkit-animation-name: nutEaseIn;\n          animation-name: nutEaseIn;\n}\n.nutEase-leave-active,\n.nutEaseOut {\n  -webkit-animation-name: nutEaseOut;\n          animation-name: nutEaseOut;\n}\n@-webkit-keyframes nutDropIn {\n0% {\n    opacity: 0;\n    -webkit-transform: scaleY(0.8);\n            transform: scaleY(0.8);\n}\n100% {\n    opacity: 1;\n    -webkit-transform: scaleY(1);\n            transform: scaleY(1);\n}\n}\n@keyframes nutDropIn {\n0% {\n    opacity: 0;\n    -webkit-transform: scaleY(0.8);\n            transform: scaleY(0.8);\n}\n100% {\n    opacity: 1;\n    -webkit-transform: scaleY(1);\n            transform: scaleY(1);\n}\n}\n@-webkit-keyframes nutDropOut {\n0% {\n    opacity: 1;\n    -webkit-transform: scaleY(1);\n            transform: scaleY(1);\n}\n100% {\n    opacity: 0;\n    -webkit-transform: scaleY(0.8);\n            transform: scaleY(0.8);\n}\n}\n@keyframes nutDropOut {\n0% {\n    opacity: 1;\n    -webkit-transform: scaleY(1);\n            transform: scaleY(1);\n}\n100% {\n    opacity: 0;\n    -webkit-transform: scaleY(0.8);\n            transform: scaleY(0.8);\n}\n}\n.nutDrop-enter-active,\n.nutDropIn,\n.nutDrop-leave-active,\n.nutDropOut {\n  -webkit-animation-duration: 0.25s;\n          animation-duration: 0.25s;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n}\n.nutDrop-enter-active,\n.nutDropIn {\n  -webkit-animation-name: nutDropIn;\n          animation-name: nutDropIn;\n}\n.nutDrop-leave-active,\n.nutDropOut {\n  -webkit-animation-name: nutDropOut;\n          animation-name: nutDropOut;\n}\n@-webkit-keyframes rotation {\n0% {\n    -webkit-transform: rotate(0deg);\n}\n100% {\n    -webkit-transform: rotate(360deg);\n}\n}\n@keyframes rotation {\n0% {\n    -webkit-transform: rotate(0deg);\n}\n100% {\n    -webkit-transform: rotate(360deg);\n}\n}\n.nutRotate-enter-active,\n.nutRotateIn,\n.nutRotate-leave-active,\n.nutRotateOut {\n  -webkit-animation-duration: 0.25s;\n          animation-duration: 0.25s;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n}\n.nutRotate-enter-active,\n.nutRotateIn {\n  -webkit-animation-name: nutRotateIn;\n          animation-name: nutRotateIn;\n}\n.nutRotate-leave-active,\n.nutRotateOut {\n  -webkit-animation-name: nutRotateOut;\n          animation-name: nutRotateOut;\n}\n@-webkit-keyframes nutJump {\nto {\n    -webkit-transform: scale3d(0.8, 1, 0.9) translateY(-10px);\n            transform: scale3d(0.8, 1, 0.9) translateY(-10px);\n}\n}\n@keyframes nutJump {\nto {\n    -webkit-transform: scale3d(0.8, 1, 0.9) translateY(-10px);\n            transform: scale3d(0.8, 1, 0.9) translateY(-10px);\n}\n}\n@-webkit-keyframes nutJumpOne {\n50% {\n    -webkit-transform: scale3d(0.8, 1, 0.9) translateY(-10px);\n            transform: scale3d(0.8, 1, 0.9) translateY(-10px);\n}\n100% {\n    -webkit-transform: scale3d(1, 1, 1) translateY(0);\n            transform: scale3d(1, 1, 1) translateY(0);\n}\n}\n@keyframes nutJumpOne {\n50% {\n    -webkit-transform: scale3d(0.8, 1, 0.9) translateY(-10px);\n            transform: scale3d(0.8, 1, 0.9) translateY(-10px);\n}\n100% {\n    -webkit-transform: scale3d(1, 1, 1) translateY(0);\n            transform: scale3d(1, 1, 1) translateY(0);\n}\n}\n@-webkit-keyframes nutBlink {\n0% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n}\n}\n@keyframes nutBlink {\n0% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n}\n}\n@-webkit-keyframes nutBreathe {\nfrom, to {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n}\n50% {\n    -webkit-transform: scale(1.2);\n            transform: scale(1.2);\n}\n}\n@keyframes nutBreathe {\nfrom, to {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n}\n50% {\n    -webkit-transform: scale(1.2);\n            transform: scale(1.2);\n}\n}\n@-webkit-keyframes nutFlash {\nfrom, 50%, to {\n    opacity: 1;\n}\n25%, 75% {\n    opacity: 0;\n}\n}\n@keyframes nutFlash {\nfrom, 50%, to {\n    opacity: 1;\n}\n25%, 75% {\n    opacity: 0;\n}\n}\n@-webkit-keyframes nutBounce {\nfrom, 20%, 53%, to {\n    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    -webkit-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n}\n40%, 43% {\n    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);\n    transform: translate3d(0, -30px, 0) scaleY(1.1);\n}\n70% {\n    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);\n    transform: translate3d(0, -15px, 0) scaleY(1.05);\n}\n80% {\n    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);\n    transform: translate3d(0, 0, 0) scaleY(0.95);\n}\n90% {\n    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);\n    transform: translate3d(0, -4px, 0) scaleY(1.02);\n}\n}\n@keyframes nutBounce {\nfrom, 20%, 53%, to {\n    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    -webkit-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n}\n40%, 43% {\n    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);\n    transform: translate3d(0, -30px, 0) scaleY(1.1);\n}\n70% {\n    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);\n    transform: translate3d(0, -15px, 0) scaleY(1.05);\n}\n80% {\n    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);\n    transform: translate3d(0, 0, 0) scaleY(0.95);\n}\n90% {\n    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);\n    transform: translate3d(0, -4px, 0) scaleY(1.02);\n}\n}\n@-webkit-keyframes nutShake {\n0% {\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n}\n6.5% {\n    -webkit-transform: translateX(-6px) rotateY(-9deg);\n    transform: translateX(-6px) rotateY(-9deg);\n}\n18.5% {\n    -webkit-transform: translateX(5px) rotateY(7deg);\n    transform: translateX(5px) rotateY(7deg);\n}\n31.5% {\n    -webkit-transform: translateX(-3px) rotateY(-5deg);\n    transform: translateX(-3px) rotateY(-5deg);\n}\n43.5% {\n    -webkit-transform: translateX(2px) rotateY(3deg);\n    transform: translateX(2px) rotateY(3deg);\n}\n50% {\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n}\n}\n@keyframes nutShake {\n0% {\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n}\n6.5% {\n    -webkit-transform: translateX(-6px) rotateY(-9deg);\n    transform: translateX(-6px) rotateY(-9deg);\n}\n18.5% {\n    -webkit-transform: translateX(5px) rotateY(7deg);\n    transform: translateX(5px) rotateY(7deg);\n}\n31.5% {\n    -webkit-transform: translateX(-3px) rotateY(-5deg);\n    transform: translateX(-3px) rotateY(-5deg);\n}\n43.5% {\n    -webkit-transform: translateX(2px) rotateY(3deg);\n    transform: translateX(2px) rotateY(3deg);\n}\n50% {\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n}\n}\n/* @import './index.scss'; */")();
+  var ItemContents_vue_vue_type_style_index_0_lang = "";
   const { componentName: componentName$a, create: create$a } = createComponent("item-contents");
   const { translate: translate$3 } = createComponent("addresslist");
   const _sfc_main$a = create$a({
@@ -19615,7 +19644,6 @@
     setup(props, { emit }) {
       const delClick = (event) => {
         emit("delIconClick", event, props.item);
-        console.log(123);
         event.stopPropagation();
       };
       const editClick = (event) => {
@@ -20064,8 +20092,7 @@
         fullAddress: "\u5317\u4EAC\u5E02\u901A\u5DDE\u533A\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5"
       });
       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);
           });
@@ -20250,7 +20277,7 @@
               vue.createElementVNode("div", {
                 class: vue.normalizeClass([_ctx.checkIndex == index ? "nut-category__cateListItemChecked" : "nut-category__cateListItem"]),
                 onClick: ($event) => _ctx.getChildList(index)
-              }, vue.toDisplayString(item.catName), 11, _hoisted_4$5)
+              }, vue.toDisplayString(item == null ? void 0 : item.catName), 11, _hoisted_4$5)
             ]);
           }), 128))
         ])) : vue.createCommentVNode("", true),
@@ -20259,7 +20286,6 @@
     ]);
   }
   var Category = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
-  var index_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => "@-webkit-keyframes nutFadeIn {\nfrom {\n    opacity: 0;\n}\nto {\n    opacity: 1;\n}\n}\n@keyframes nutFadeIn {\nfrom {\n    opacity: 0;\n}\nto {\n    opacity: 1;\n}\n}\n@-webkit-keyframes nutFadeOut {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes nutFadeOut {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.nutFade-enter-active,\n.nutFadeIn,\n.nutFade-leave-active,\n.nutFadeOut {\n  -webkit-animation-duration: 0.25s;\n          animation-duration: 0.25s;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n}\n.nutFade-enter-active,\n.nutFadeIn {\n  -webkit-animation-name: nutFadeIn;\n          animation-name: nutFadeIn;\n}\n.nutFade-leave-active,\n.nutFadeOut {\n  -webkit-animation-name: nutFadeOut;\n          animation-name: nutFadeOut;\n}\n@-webkit-keyframes nutZoomIn {\nfrom {\n    opacity: 0;\n    -webkit-transform: scale3d(0.3, 0.3, 0.3);\n            transform: scale3d(0.3, 0.3, 0.3);\n}\n50% {\n    opacity: 1;\n}\n}\n@keyframes nutZoomIn {\nfrom {\n    opacity: 0;\n    -webkit-transform: scale3d(0.3, 0.3, 0.3);\n            transform: scale3d(0.3, 0.3, 0.3);\n}\n50% {\n    opacity: 1;\n}\n}\n@-webkit-keyframes nutZoomOut {\nfrom {\n    opacity: 1;\n}\n50% {\n    opacity: 0;\n    -webkit-transform: scale3d(0.3, 0.3, 0.3);\n            transform: scale3d(0.3, 0.3, 0.3);\n}\nto {\n    opacity: 0;\n}\n}\n@keyframes nutZoomOut {\nfrom {\n    opacity: 1;\n}\n50% {\n    opacity: 0;\n    -webkit-transform: scale3d(0.3, 0.3, 0.3);\n            transform: scale3d(0.3, 0.3, 0.3);\n}\nto {\n    opacity: 0;\n}\n}\n.nutZoom-enter-active,\n.nutZoomIn,\n.nutZoom-leave-active,\n.nutZoomOut {\n  -webkit-animation-duration: 0.25s;\n          animation-duration: 0.25s;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n}\n.nutZoom-enter-active,\n.nutZoomIn {\n  -webkit-animation-name: nutZoomIn;\n          animation-name: nutZoomIn;\n}\n.nutZoom-leave-active,\n.nutZoomOut {\n  -webkit-animation-name: nutZoomOut;\n          animation-name: nutZoomOut;\n}\n@-webkit-keyframes nutEaseIn {\n0% {\n    opacity: 0;\n    -webkit-transform: scale(0.9);\n            transform: scale(0.9);\n}\n100% {\n    opacity: 1;\n    -webkit-transform: scale(1);\n            transform: scale(1);\n}\n}\n@keyframes nutEaseIn {\n0% {\n    opacity: 0;\n    -webkit-transform: scale(0.9);\n            transform: scale(0.9);\n}\n100% {\n    opacity: 1;\n    -webkit-transform: scale(1);\n            transform: scale(1);\n}\n}\n@-webkit-keyframes nutEaseOut {\n0% {\n    opacity: 1;\n    -webkit-transform: scale(1);\n            transform: scale(1);\n}\n100% {\n    opacity: 0;\n    -webkit-transform: scale(0.9);\n            transform: scale(0.9);\n}\n}\n@keyframes nutEaseOut {\n0% {\n    opacity: 1;\n    -webkit-transform: scale(1);\n            transform: scale(1);\n}\n100% {\n    opacity: 0;\n    -webkit-transform: scale(0.9);\n            transform: scale(0.9);\n}\n}\n.nutEase-enter-active,\n.nutEaseIn,\n.nutEase-leave-active,\n.nutEaseOut {\n  -webkit-animation-duration: 0.25s;\n          animation-duration: 0.25s;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n}\n.nutEase-enter-active,\n.nutEaseIn {\n  -webkit-animation-name: nutEaseIn;\n          animation-name: nutEaseIn;\n}\n.nutEase-leave-active,\n.nutEaseOut {\n  -webkit-animation-name: nutEaseOut;\n          animation-name: nutEaseOut;\n}\n@-webkit-keyframes nutDropIn {\n0% {\n    opacity: 0;\n    -webkit-transform: scaleY(0.8);\n            transform: scaleY(0.8);\n}\n100% {\n    opacity: 1;\n    -webkit-transform: scaleY(1);\n            transform: scaleY(1);\n}\n}\n@keyframes nutDropIn {\n0% {\n    opacity: 0;\n    -webkit-transform: scaleY(0.8);\n            transform: scaleY(0.8);\n}\n100% {\n    opacity: 1;\n    -webkit-transform: scaleY(1);\n            transform: scaleY(1);\n}\n}\n@-webkit-keyframes nutDropOut {\n0% {\n    opacity: 1;\n    -webkit-transform: scaleY(1);\n            transform: scaleY(1);\n}\n100% {\n    opacity: 0;\n    -webkit-transform: scaleY(0.8);\n            transform: scaleY(0.8);\n}\n}\n@keyframes nutDropOut {\n0% {\n    opacity: 1;\n    -webkit-transform: scaleY(1);\n            transform: scaleY(1);\n}\n100% {\n    opacity: 0;\n    -webkit-transform: scaleY(0.8);\n            transform: scaleY(0.8);\n}\n}\n.nutDrop-enter-active,\n.nutDropIn,\n.nutDrop-leave-active,\n.nutDropOut {\n  -webkit-animation-duration: 0.25s;\n          animation-duration: 0.25s;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n}\n.nutDrop-enter-active,\n.nutDropIn {\n  -webkit-animation-name: nutDropIn;\n          animation-name: nutDropIn;\n}\n.nutDrop-leave-active,\n.nutDropOut {\n  -webkit-animation-name: nutDropOut;\n          animation-name: nutDropOut;\n}\n@-webkit-keyframes rotation {\n0% {\n    -webkit-transform: rotate(0deg);\n}\n100% {\n    -webkit-transform: rotate(360deg);\n}\n}\n@keyframes rotation {\n0% {\n    -webkit-transform: rotate(0deg);\n}\n100% {\n    -webkit-transform: rotate(360deg);\n}\n}\n.nutRotate-enter-active,\n.nutRotateIn,\n.nutRotate-leave-active,\n.nutRotateOut {\n  -webkit-animation-duration: 0.25s;\n          animation-duration: 0.25s;\n  -webkit-animation-fill-mode: both;\n          animation-fill-mode: both;\n  -webkit-animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n          animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);\n}\n.nutRotate-enter-active,\n.nutRotateIn {\n  -webkit-animation-name: nutRotateIn;\n          animation-name: nutRotateIn;\n}\n.nutRotate-leave-active,\n.nutRotateOut {\n  -webkit-animation-name: nutRotateOut;\n          animation-name: nutRotateOut;\n}\n@-webkit-keyframes nutJump {\nto {\n    -webkit-transform: scale3d(0.8, 1, 0.9) translateY(-10px);\n            transform: scale3d(0.8, 1, 0.9) translateY(-10px);\n}\n}\n@keyframes nutJump {\nto {\n    -webkit-transform: scale3d(0.8, 1, 0.9) translateY(-10px);\n            transform: scale3d(0.8, 1, 0.9) translateY(-10px);\n}\n}\n@-webkit-keyframes nutJumpOne {\n50% {\n    -webkit-transform: scale3d(0.8, 1, 0.9) translateY(-10px);\n            transform: scale3d(0.8, 1, 0.9) translateY(-10px);\n}\n100% {\n    -webkit-transform: scale3d(1, 1, 1) translateY(0);\n            transform: scale3d(1, 1, 1) translateY(0);\n}\n}\n@keyframes nutJumpOne {\n50% {\n    -webkit-transform: scale3d(0.8, 1, 0.9) translateY(-10px);\n            transform: scale3d(0.8, 1, 0.9) translateY(-10px);\n}\n100% {\n    -webkit-transform: scale3d(1, 1, 1) translateY(0);\n            transform: scale3d(1, 1, 1) translateY(0);\n}\n}\n@-webkit-keyframes nutBlink {\n0% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n}\n}\n@keyframes nutBlink {\n0% {\n    opacity: 0;\n}\n100% {\n    opacity: 1;\n}\n}\n@-webkit-keyframes nutBreathe {\nfrom, to {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n}\n50% {\n    -webkit-transform: scale(1.2);\n            transform: scale(1.2);\n}\n}\n@keyframes nutBreathe {\nfrom, to {\n    -webkit-transform: scale(1);\n            transform: scale(1);\n}\n50% {\n    -webkit-transform: scale(1.2);\n            transform: scale(1.2);\n}\n}\n@-webkit-keyframes nutFlash {\nfrom, 50%, to {\n    opacity: 1;\n}\n25%, 75% {\n    opacity: 0;\n}\n}\n@keyframes nutFlash {\nfrom, 50%, to {\n    opacity: 1;\n}\n25%, 75% {\n    opacity: 0;\n}\n}\n@-webkit-keyframes nutBounce {\nfrom, 20%, 53%, to {\n    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    -webkit-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n}\n40%, 43% {\n    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);\n    transform: translate3d(0, -30px, 0) scaleY(1.1);\n}\n70% {\n    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);\n    transform: translate3d(0, -15px, 0) scaleY(1.05);\n}\n80% {\n    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);\n    transform: translate3d(0, 0, 0) scaleY(0.95);\n}\n90% {\n    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);\n    transform: translate3d(0, -4px, 0) scaleY(1.02);\n}\n}\n@keyframes nutBounce {\nfrom, 20%, 53%, to {\n    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    -webkit-transform: translate3d(0, 0, 0);\n    transform: translate3d(0, 0, 0);\n}\n40%, 43% {\n    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);\n    transform: translate3d(0, -30px, 0) scaleY(1.1);\n}\n70% {\n    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);\n    transform: translate3d(0, -15px, 0) scaleY(1.05);\n}\n80% {\n    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);\n    transform: translate3d(0, 0, 0) scaleY(0.95);\n}\n90% {\n    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);\n    transform: translate3d(0, -4px, 0) scaleY(1.02);\n}\n}\n@-webkit-keyframes nutShake {\n0% {\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n}\n6.5% {\n    -webkit-transform: translateX(-6px) rotateY(-9deg);\n    transform: translateX(-6px) rotateY(-9deg);\n}\n18.5% {\n    -webkit-transform: translateX(5px) rotateY(7deg);\n    transform: translateX(5px) rotateY(7deg);\n}\n31.5% {\n    -webkit-transform: translateX(-3px) rotateY(-5deg);\n    transform: translateX(-3px) rotateY(-5deg);\n}\n43.5% {\n    -webkit-transform: translateX(2px) rotateY(3deg);\n    transform: translateX(2px) rotateY(3deg);\n}\n50% {\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n}\n}\n@keyframes nutShake {\n0% {\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n}\n6.5% {\n    -webkit-transform: translateX(-6px) rotateY(-9deg);\n    transform: translateX(-6px) rotateY(-9deg);\n}\n18.5% {\n    -webkit-transform: translateX(5px) rotateY(7deg);\n    transform: translateX(5px) rotateY(7deg);\n}\n31.5% {\n    -webkit-transform: translateX(-3px) rotateY(-5deg);\n    transform: translateX(-3px) rotateY(-5deg);\n}\n43.5% {\n    -webkit-transform: translateX(2px) rotateY(3deg);\n    transform: translateX(2px) rotateY(3deg);\n}\n50% {\n    -webkit-transform: translateX(0);\n    transform: translateX(0);\n}\n}\n.nut-categorypane__cateList {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  background: rgb(255, 255, 255);\n}\n.nut-categorypane__cateListLeft {\n  background: rgb(246, 247, 249);\n}\n.nut-categorypane__cateListItemChecked, .nut-categorypane__cateListItem {\n  width: 100px;\n  height: 50px;\n  font-size: 13px;\n  font-family: PingFangSC;\n  font-weight: normal;\n  color: rgb(51, 51, 51);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-transition: all 0.3s;\n  transition: all 0.3s;\n}\n.nut-categorypane__cateListItemChecked {\n  background: rgb(255, 255, 255);\n  font-weight: 500;\n  -webkit-transition: all 0.3s;\n  transition: all 0.3s;\n}\n.nut-categorypane__cateListRight {\n  padding-left: 15px;\n  background: rgb(255, 255, 255);\n}\n.nut-categorypane__childTitle {\n  margin-top: 15px;\n  margin-bottom: 15px;\n  font-size: 13px;\n  font-family: PingFangSC;\n  font-weight: 500;\n  color: rgb(51, 51, 51);\n}\n.nut-categorypane__childItemList {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n}\n.nut-categorypane__childItem {\n  margin-right: 10px;\n}\n.nut-categorypane__childImg {\n  width: 75px;\n  height: 75px;\n  border-radius: 5px;\n}\n.nut-categorypane__skuName {\n  margin-right: 10px;\n  width: 75px;\n  height: 40px;\n  border: 1px solid rgb(153, 153, 153);\n  border-radius: 5px;\n  font-size: 12px;\n  font-family: PingFangSC;\n  font-weight: normal;\n  color: rgb(102, 102, 102);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.nut-categorypane__skuName:nth-child(3n) {\n  margin-right: 0;\n}\n.nut-categorypane__skuName:nth-child(n+4) {\n  margin-top: 15px;\n}\n.nut-categorypane__skuImg {\n  font-size: 12px;\n  font-family: PingFangSC;\n  font-weight: normal;\n  color: rgb(102, 102, 102);\n  margin-top: 10px;\n  margin-bottom: 10px;\n  text-align: center;\n}\n.nut-categorypane__selfItemList {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n}\n.nut-categorypane__selfskuName {\n  margin-left: 15px;\n  margin-top: 15px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: 75px;\n  height: 40px;\n  border: 1px solid rgb(153, 153, 153);\n  border-radius: 5px;\n  font-size: 12px;\n  font-family: PingFangSC;\n  font-weight: normal;\n  color: rgb(102, 102, 102);\n}\n.nut-categorypane__skuName {\n  margin-left: 15px;\n  margin-top: 15px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: 75px;\n  height: 40px;\n  border: 1px solid rgb(153, 153, 153);\n  border-radius: 5px;\n  font-size: 12px;\n  font-family: PingFangSC;\n  font-weight: normal;\n  color: rgb(102, 102, 102);\n}")();
   const { componentName: componentName$4, create: create$4 } = createComponent("categorypane");
   const _sfc_main$4 = create$4({
     props: {
@@ -20313,13 +20339,14 @@
     key: 2,
     class: "nut-categorypane__selfItemList"
   };
+  const _hoisted_14 = ["onClick"];
   function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
       _ctx.type == "classify" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.categoryChild, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
-            vue.createElementVNode("div", _hoisted_3$4, vue.toDisplayString(item.catName), 1),
-            item.catType == 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
+            vue.createElementVNode("div", _hoisted_3$4, vue.toDisplayString(item == null ? void 0 : item.catName), 1),
+            (item == null ? void 0 : item.catType) == 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.childCateList, (sku, key) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   class: "nut-categorypane__childItem",
@@ -20330,7 +20357,7 @@
                     class: "nut-categorypane__childImg",
                     src: sku.backImg
                   }, null, 8, _hoisted_6$1),
-                  vue.createElementVNode("div", _hoisted_7, vue.toDisplayString(sku.catName), 1)
+                  vue.createElementVNode("div", _hoisted_7, vue.toDisplayString(sku == null ? void 0 : sku.catName), 1)
                 ], 8, _hoisted_5$2);
               }), 128))
             ])) : vue.createCommentVNode("", true)
@@ -20340,15 +20367,15 @@
       _ctx.type == "text" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.categoryChild, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
-            vue.createElementVNode("div", _hoisted_9, vue.toDisplayString(item.catName), 1),
-            item.catType == 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+            vue.createElementVNode("div", _hoisted_9, vue.toDisplayString(item == null ? void 0 : item.catName), 1),
+            (item == null ? void 0 : item.catType) == 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.childCateList, (sku, key) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   class: "nut-categorypane__childItem",
                   key,
                   onClick: ($event) => _ctx.onChange(sku)
                 }, [
-                  vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(sku.catName), 1)
+                  vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(sku == null ? void 0 : sku.catName), 1)
                 ], 8, _hoisted_11);
               }), 128))
             ])) : vue.createCommentVNode("", true)
@@ -20360,8 +20387,8 @@
           return vue.openBlock(), vue.createElementBlock("div", {
             class: "nut-categorypane__skuName",
             key,
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onChange())
-          }, vue.toDisplayString(sku.catName), 1);
+            onClick: ($event) => _ctx.onChange(sku)
+          }, vue.toDisplayString(sku == null ? void 0 : sku.catName), 9, _hoisted_14);
         }), 128))
       ])) : vue.createCommentVNode("", true)
     ]);
@@ -20808,7 +20835,7 @@
       }
     });
   }
-  const version = "3.1.23-beta.5";
+  const version = "3.2.1";
   var nutui_vue_build = { install, version, Locale };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;