@nutui/nutui 3.2.2-beta.1 → 3.2.3

package/dist/packages/_es/List.js

@@ -1,13 +1,14 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, computed, watch, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot } from "vue";
+import { ref, reactive, computed, watch, toRefs, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("list");
+const clientHeight = document.documentElement.clientHeight || document.body.clientHeight || 667;
 const _sfc_main = create({
   props: {
     height: {
@@ -22,7 +23,7 @@ const _sfc_main = create({
     },
     containerHeight: {
       type: [Number],
-      default: document.documentElement.clientHeight || document.body.clientHeight || 667
+      default: clientHeight
     }
   },
   emits: ["scroll", "scroll-bottom"],
@@ -33,8 +34,11 @@ const _sfc_main = create({
       start: 0,
       list: props.listData.slice()
     });
+    const getContainerHeight = computed(() => {
+      return Math.min(props.containerHeight, clientHeight);
+    });
     const visibleCount = computed(() => {
-      return Math.ceil(props.containerHeight / props.height);
+      return Math.ceil(getContainerHeight.value / props.height);
     });
     const end = computed(() => {
       return state.start + visibleCount.value;
@@ -77,13 +81,15 @@ const _sfc_main = create({
       listHeight,
       visibleData,
       classes,
+      getContainerHeight,
       handleScrollEvent
     };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
+  return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes),
+    style: normalizeStyle({ height: `${_ctx.getContainerHeight}px` }),
     onScrollPassive: _cache[0] || (_cache[0] = (...args) => _ctx.handleScrollEvent && _ctx.handleScrollEvent(...args)),
     ref: "list"
   }, [
@@ -108,7 +114,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 4);
       }), 128))
     ], 4)
-  ], 34);
+  ], 38);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { index as default };

package/dist/packages/_es/Menu.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/MenuItem.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -119,7 +119,7 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = { class: "nut-menu-item__content" };
+const _hoisted_1 = { class: "nut-menu-item__content nut-menu-item__overflow" };
 const _hoisted_2 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");

package/dist/packages/_es/Navbar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -10,7 +10,7 @@ import "../locale/lang";
 const { componentName, create } = createComponent("navbar");
 const _sfc_main = create({
   props: {
-    leftShow: { type: Boolean, default: true },
+    leftShow: { type: Boolean, default: false },
     title: { type: String, default: "" },
     titIcon: { type: String, default: "" },
     leftText: { type: String, default: "" },

package/dist/packages/_es/NoticeBar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -322,7 +322,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: normalizeClass(["content", _ctx.animationClass, { "nut-ellipsis": _ctx.isEllipsis }]),
           style: normalizeStyle(_ctx.contentStyle),
           onAnimationend: _cache[0] || (_cache[0] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args)),
-          onWebkitAnimationEnd: _cache[1] || (_cache[1] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args))
+          "on:webkitAnimationEnd": _cache[1] || (_cache[1] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args))
         }, [
           renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(toDisplayString(_ctx.text), 1)

package/dist/packages/_es/Notify.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -11,7 +11,7 @@ import "../locale/lang";
 import "./OverLay.js";
 import "./Icon.js";
 import "./pxCheck.js";
-const { componentName, create } = createComponent("notify");
+const { create } = createComponent("notify");
 const _sfc_main = create({
   components: {
     [Popup.name]: Popup
@@ -46,7 +46,7 @@ const _sfc_main = create({
     onClick: Function,
     unmount: Function
   },
-  setup(props, { slots }) {
+  setup(props) {
     let timer = null;
     const state = reactive({
       mounted: false
@@ -124,7 +124,9 @@ const defaultOptions = {
   color: void 0,
   background: void 0,
   duration: 3e3,
-  className: ""
+  className: "",
+  teleport: "",
+  unmount: new Function()
 };
 let idsMap = [];
 let optsMap = [];
@@ -158,7 +160,7 @@ const updateNotify = (opts) => {
     }
     const instance = createVNode(Notify, opts);
     render(instance, container);
-    return instance.component.ctx;
+    return instance.component.data;
   }
 };
 const mountNotify = (opts) => {

package/dist/packages/_es/NumberKeyboard.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, computed, watch, onMounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode } from "vue";
+import { ref, computed, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -143,7 +143,7 @@ const _sfc_main = create({
         emit("update:value", props.value.slice(0, props.value.length - 1));
       }
     }
-    function onTouchMove(id, event) {
+    function onTouchMove(event) {
       event.stopPropagation();
     }
     function onTouchEnd(event) {
@@ -153,8 +153,6 @@ const _sfc_main = create({
     function closeBoard() {
       emit("close");
     }
-    onMounted(() => {
-    });
     return {
       clickKeyIndex,
       defaultKey,
@@ -182,7 +180,7 @@ const _hoisted_2 = {
 const _hoisted_3 = { class: "tit" };
 const _hoisted_4 = { class: "number-board-body" };
 const _hoisted_5 = { class: "number-board" };
-const _hoisted_6 = ["onTouchstart", "onTouchmove"];
+const _hoisted_6 = ["onTouchstart"];
 const _hoisted_7 = {
   key: 1,
   src: "https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png"
@@ -204,12 +202,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
     visible: _ctx.show,
-    "onUpdate:visible": _cache[6] || (_cache[6] = ($event) => _ctx.show = $event),
+    "onUpdate:visible": _cache[7] || (_cache[7] = ($event) => _ctx.show = $event),
     position: "bottom",
     teleport: _ctx.teleport,
     popClass: _ctx.popClass,
     overlay: _ctx.overlay,
-    onClickOverlay: _cache[7] || (_cache[7] = ($event) => _ctx.closeBoard()),
+    onClickOverlay: _cache[8] || (_cache[8] = ($event) => _ctx.closeBoard()),
     isWrapTeleport: _ctx.isWrapTeleport,
     "overlay-class": "nut-numberkeyboard-overlay"
   }, {
@@ -243,8 +241,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     { delete: item.type == "delete" }
                   ]),
                   onTouchstart: (event) => _ctx.onTouchstart(item, event),
-                  onTouchmove: (event) => _ctx.onTouchMove(item, event),
-                  onTouchend: _cache[1] || (_cache[1] = (event) => _ctx.onTouchEnd(event))
+                  onTouchmove: _cache[1] || (_cache[1] = (event) => _ctx.onTouchMove(event)),
+                  onTouchend: _cache[2] || (_cache[2] = (event) => _ctx.onTouchEnd(event))
                 }, [
                   item.type == "number" || item.type == "custom" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     createTextVNode(toDisplayString(item.id), 1)
@@ -259,14 +257,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             createElementVNode("div", _hoisted_10, [
               createElementVNode("div", {
                 class: normalizeClass(["key", { active: _ctx.clickKeyIndex == "delete" }]),
-                onTouchstart: _cache[2] || (_cache[2] = (event) => _ctx.onTouchstart({ id: "delete", type: "delete" }, event)),
-                onTouchmove: _cache[3] || (_cache[3] = (event) => _ctx.onTouchMove({ id: "delete", type: "delete" }, event)),
-                onTouchend: _cache[4] || (_cache[4] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
+                onTouchstart: _cache[3] || (_cache[3] = (event) => _ctx.onTouchstart({ id: "delete", type: "delete" }, event)),
+                onTouchmove: _cache[4] || (_cache[4] = (event) => _ctx.onTouchMove({ id: "delete", type: "delete" }, event)),
+                onTouchend: _cache[5] || (_cache[5] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
               }, _hoisted_12, 34)
             ]),
             createElementVNode("div", {
               class: "key-board-wrapper key-board-finish",
-              onClick: _cache[5] || (_cache[5] = ($event) => _ctx.closeBoard())
+              onClick: _cache[6] || (_cache[6] = ($event) => _ctx.closeBoard())
             }, [
               createElementVNode("div", {
                 class: normalizeClass(["key", "finish", { activeFinsh: _ctx.clickKeyIndex == "finish" }])

package/dist/packages/_es/OldPicker.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/OverLay.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Pagination.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -7,7 +7,7 @@ import { toRefs, computed, watchEffect, openBlock, createElementBlock, createEle
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName, create, translate } = createComponent("pagination");
+const { create, translate } = createComponent("pagination");
 const _sfc_main = create({
   props: {
     modelValue: {
@@ -64,7 +64,7 @@ const _sfc_main = create({
       if (isSelect)
         emit("change", curPage);
     };
-    const setPage = (number, text, active) => {
+    const setPage = (number, text, active = false) => {
       return { number, text, active };
     };
     const pages = computed(() => {
@@ -72,16 +72,16 @@ const _sfc_main = create({
         return;
       let items = [];
       const pageCount = countRef.value;
-      const pageSize = showPageSize.value;
+      const pageSize = +showPageSize.value;
       let startPage = 1;
       let endPage = pageCount;
       const partialShow = pageCount > pageSize;
       if (partialShow) {
         startPage = Math.max(modelValue.value - Math.floor(pageSize / 2), 1);
-        endPage = startPage + pageSize - 1;
+        endPage = startPage + +pageSize - 1;
         if (endPage > pageCount) {
           endPage = pageCount;
-          startPage = endPage - pageSize + 1;
+          startPage = endPage - +pageSize + 1;
         }
       }
       for (var i = startPage; i <= endPage; i++) {

package/dist/packages/_es/Picker.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -97,7 +97,7 @@ const _sfc_main$1 = create$1({
     };
     const onTouchMove = (event) => {
       touch.move(event);
-      if (touch.isVertical) {
+      if (touch.isVertical()) {
         moving.value = true;
         preventDefault(event, true);
       }
@@ -189,6 +189,7 @@ const _sfc_main$1 = create$1({
     };
     const stopMomentum = () => {
       moving.value = false;
+      touchTime.value = 0;
       setChooseValue();
     };
     watch(
@@ -330,7 +331,12 @@ const _sfc_main = create({
       formattedColumns: props.columns
     });
     let defaultValues = ref(props.modelValue);
-    ref();
+    const pickerColumn = ref([]);
+    const swipeRef = (el) => {
+      if (el && pickerColumn.value.length < columnsList.value.length) {
+        pickerColumn.value.push(el);
+      }
+    };
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
@@ -420,6 +426,9 @@ const _sfc_main = create({
       }
     };
     const confirmHandler = () => {
+      pickerColumn.value.length > 0 && pickerColumn.value.forEach((column2) => {
+        column2.stopMomentum();
+      });
       if (defaultValues.value && !defaultValues.value.length) {
         columnsList.value.forEach((columns) => {
           defaultValues.value.push(columns[0].value);
@@ -464,6 +473,8 @@ const _sfc_main = create({
       () => props.visible,
       (val) => {
         state.show = val;
+        if (val)
+          pickerColumn.value = [];
       }
     );
     watch(
@@ -483,7 +494,9 @@ const _sfc_main = create({
       changeHandler,
       confirmHandler,
       defaultValues,
-      translate
+      translate,
+      pickerColumn,
+      swipeRef
     };
   }
 });
@@ -532,6 +545,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               key: columnIndex
             }, [
               createVNode(_component_nut_picker_column, {
+                ref_for: true,
+                ref: _ctx.swipeRef,
                 itemShow: _ctx.show,
                 column: column2,
                 readonly: _ctx.readonly,

package/dist/packages/_es/Popover.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Popup.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Price.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Progress.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -60,7 +60,7 @@ const _sfc_main = create({
       default: true
     }
   },
-  setup(props, { emit }) {
+  setup(props) {
     const slotDefault = !!useSlots().default;
     const height = ref(props.strokeWidth + "px");
     const progressOuter = ref();

package/dist/packages/_es/PullRefresh.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Radio.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -20,7 +20,7 @@ const _sfc_main = create({
       default: "round"
     },
     label: {
-      type: [String, Number],
+      type: [String, Number, Boolean],
       default: ""
     },
     iconName: {
@@ -47,7 +47,7 @@ const _sfc_main = create({
   setup(props, { emit, slots }) {
     let parent = inject("parent", null);
     const isCurValue = computed(() => {
-      return parent.label.value == props.label;
+      return parent.label.value === props.label;
     });
     const color = computed(() => {
       return !props.disabled ? isCurValue.value ? "nut-radio__icon" : "nut-radio__icon--unchecked" : "nut-radio__icon--disable";

package/dist/packages/_es/RadioGroup.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Range.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Rate.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -156,6 +156,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       return openBlock(), createElementBlock("view", {
         class: "nut-rate-item",
         key: n,
+        ref_for: true,
         ref: "rateRefs",
         id: "rateRefs-" + _ctx.refRandomId + n,
         style: normalizeStyle({ marginRight: _ctx.pxCheck(_ctx.spacing) })

package/dist/packages/_es/Row.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/SearchBar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -34,6 +34,10 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     },
+    clearIcon: {
+      type: String,
+      default: "circle-close"
+    },
     background: {
       type: String,
       default: ""
@@ -42,6 +46,11 @@ const _sfc_main = create({
       type: String,
       default: ""
     },
+    focusStyle: {
+      type: Object,
+      default: () => {
+      }
+    },
     autofocus: {
       type: Boolean,
       default: false
@@ -93,10 +102,12 @@ const _sfc_main = create({
       emit("update:modelValue", val, event);
       emit("change", val, event);
     };
+    const focusCss = ref({});
     const valueFocus = (event) => {
       const input = event.target;
       let value = input.value;
       state.active = true;
+      focusCss.value = props.focusStyle;
       emit("focus", value, event);
     };
     const valueBlur = (event) => {
@@ -108,6 +119,7 @@ const _sfc_main = create({
       if (props.maxLength && value.length > Number(props.maxLength)) {
         value = value.slice(0, Number(props.maxLength));
       }
+      focusCss.value = {};
       emit("blur", value, event);
     };
     const handleClear = (event) => {
@@ -128,9 +140,10 @@ const _sfc_main = create({
       emit("click-right-icon", props.modelValue, event);
     };
     const styleSearchbar = computed(() => {
-      return {
-        "text-align": props.inputAlign
+      const style = {
+        textAlign: props.inputAlign
       };
+      return style;
     });
     const inputsearch = ref(null);
     onMounted(() => {
@@ -148,6 +161,7 @@ const _sfc_main = create({
       handleSubmit,
       searchbarStyle,
       inputSearchbarStyle,
+      focusCss,
       translate,
       clickInput,
       leftIconClick,
@@ -182,7 +196,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true),
     createElementVNode("view", {
       class: "nut-searchbar__search-input",
-      style: normalizeStyle(_ctx.inputSearchbarStyle)
+      style: normalizeStyle({ ..._ctx.inputSearchbarStyle, ..._ctx.focusCss })
     }, [
       _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", {
         key: 0,
@@ -218,12 +232,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: "nut-searchbar__input-clear"
         }, [
           createVNode(_component_nut_icon, {
-            name: "circle-close",
+            name: _ctx.clearIcon,
             size: "12",
             color: "#555"
-          })
+          }, null, 8, ["name"])
         ], 512)), [
-          [vShow, _ctx.modelValue.length > 0]
+          [vShow, String(_ctx.modelValue).length > 0]
         ]) : createCommentVNode("", true)
       ]),
       _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", {

package/dist/packages/_es/ShortPassword.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/SideNavBar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -16,7 +16,7 @@ const _sfc_main = create({
     }
   },
   emits: [],
-  setup: (props, context) => {
+  setup: (props) => {
     const list = ref(null);
     const state = reactive({
       count: 1,
@@ -31,7 +31,7 @@ const _sfc_main = create({
     const setPaddingLeft = (nodeList, level = 1) => {
       for (let i = 0; i < nodeList.length; i++) {
         let item = nodeList[i];
-        item.children[0].style.paddingLeft = props.offset * level + "px";
+        item.children[0].style.paddingLeft = +props.offset * level + "px";
         if (!item.className.includes("nut-sidenavbaritem")) {
           setPaddingLeft(Array.from(item.children[1].children), ++state.count);
         }

package/dist/packages/_es/SideNavBarItem.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Signature.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Skeleton.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:47 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.3 Fri Sep 30 2022 10:26:47 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */