@nutui/nutui 3.2.0 → 3.2.1

package/dist/nutui.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.0 Mon Aug 01 2022 21:25:13 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:03 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -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,6 @@
         type: Number,
         default: 1
       },
-      titleIcon: String,
       activeTitleClass: String,
       inactiveTitleClass: String,
       optionIcon: {
@@ -2409,12 +2417,11 @@
                 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,
-                  class: vue.normalizeClass({ activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue }),
+                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, ["class", "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 : "" })
@@ -5448,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"
   };
@@ -5465,7 +5472,7 @@
     key: 4,
     class: "calendar-day-tip"
   };
-  const _hoisted_14$2 = {
+  const _hoisted_14$3 = {
     key: 0,
     class: "nut-calendar-footer"
   };
@@ -5520,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 : ""
                           })
@@ -5552,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))
@@ -6406,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
@@ -7257,6 +7270,8 @@
         emit("blur", value, event);
       };
       const clear = (event) => {
+        if (props.disabled)
+          return;
         emit("update:modelValue", "", event);
         emit("change", "", event);
         emit("clear", "", event);
@@ -7321,18 +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),
-      onClick: _cache[10] || (_cache[10] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+      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", {
@@ -7359,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,
@@ -7375,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", {
@@ -8189,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);
+          });
+        }
       }
     }
   }
@@ -8486,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) {
@@ -8566,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),
@@ -8587,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",
@@ -8705,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;
       }
@@ -8821,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, [
@@ -8867,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)
@@ -10777,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),
@@ -10790,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 }, [
@@ -11459,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]
@@ -11644,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", {
@@ -12024,9 +12036,7 @@
     props: {
       type: {
         type: String,
-        default() {
-          return "play";
-        }
+        default: () => "play"
       }
     },
     components: {},
@@ -12259,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)
@@ -12572,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)
     ]);
   }
@@ -13049,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)), [
@@ -13633,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, [
@@ -14756,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
@@ -15709,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();
@@ -16589,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,
@@ -16612,7 +16613,6 @@
         return null;
       };
       const clickOverlay = () => {
-        console.log("\u5173\u95ED");
       };
       const uploadLocation = () => {
         vue.nextTick(() => {
@@ -16620,7 +16620,6 @@
             return;
           if (!popper) {
             popper = createPopperInstance();
-            console.log(popper);
           } else {
             popper.setOptions({
               placement: props.location
@@ -16718,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);
@@ -17173,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,
@@ -17195,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, [
@@ -17755,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`;
@@ -17775,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";
@@ -17788,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");
@@ -18211,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"
   };
@@ -18249,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]
               ])
             ]),
@@ -18261,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, [
@@ -18294,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))
@@ -18330,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) => {
@@ -18339,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),
@@ -19645,7 +19644,6 @@
     setup(props, { emit }) {
       const delClick = (event) => {
         emit("delIconClick", event, props.item);
-        console.log(123);
         event.stopPropagation();
       };
       const editClick = (event) => {
@@ -20094,7 +20092,6 @@
         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) {
           dataArray.value = props.data.map((item, index) => {
             return floatData(dataInfo, item, props.dataMapOptions);
@@ -20280,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),
@@ -20289,7 +20286,6 @@
     ]);
   }
   var Category = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
-  var index_vue_vue_type_style_index_0_lang = "";
   const { componentName: componentName$4, create: create$4 } = createComponent("categorypane");
   const _sfc_main$4 = create$4({
     props: {
@@ -20343,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",
@@ -20360,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)
@@ -20370,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)
@@ -20390,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)
     ]);
@@ -20838,7 +20835,7 @@
       }
     });
   }
-  const version = "3.2.0";
+  const version = "3.2.1";
   var nutui_vue_build = { install, version, Locale };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;