@nutui/nutui 3.2.6-beta.1 → 3.2.6-beta.2

package/dist/packages/_es/Rate.js

@@ -1,12 +1,12 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { c as createComponent } from "./component.js";
-import { ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createVNode, createTextVNode, createBlock, createCommentVNode } from "vue";
+import { ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createVNode, createBlock, createCommentVNode } from "vue";
 import { p as pxCheck } from "./pxCheck.js";
-import { u as useTouch } from "./index3.js";
+import { u as useTouch } from "./index4.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 const { componentName } = createComponent("rate");
@@ -83,14 +83,14 @@ const useComponent = (touchable = true) => {
         emit("update:modelValue", value);
         emit("change", value);
       };
-      const onClick = (e, index) => {
+      const onClick = (e, index2) => {
         if (props.disabled || props.readonly)
           return;
         let value = 0;
-        if (index === 1 && props.modelValue === index)
+        if (index2 === 1 && props.modelValue === index2)
           ;
         else {
-          value = index;
+          value = index2;
           if (props.allowHalf && e == 2) {
             value -= 0.5;
           }
@@ -99,13 +99,13 @@ const useComponent = (touchable = true) => {
       };
       const getScoreByPosition = (x, rateRefs2, allowHalf) => {
         let v = 0;
-        for (let index = rateRefs2.value.length - 1; index >= 0; index--) {
-          const item = rateRefs2.value[index];
+        for (let index2 = rateRefs2.value.length - 1; index2 >= 0; index2--) {
+          const item = rateRefs2.value[index2];
           if (x > item.offsetLeft) {
             if (allowHalf) {
-              v = index + (x > item.offsetLeft + item.clientWidth / 2 ? 1 : 0.5);
+              v = index2 + (x > item.offsetLeft + item.clientWidth / 2 ? 1 : 0.5);
             } else {
-              v = index + 1;
+              v = index2 + 1;
             }
             break;
           }
@@ -143,7 +143,7 @@ const useComponent = (touchable = true) => {
     }
   };
 };
-const taroComponent = useComponent(false);
+const component = useComponent();
 const _hoisted_1 = ["id"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
@@ -170,7 +170,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           "class-prefix": _ctx.classPrefix,
           name: n <= _ctx.modelValue ? _ctx.checkedIcon : _ctx.uncheckedIcon
         }, null, 8, ["size", "onClick", "class", "color", "font-class-name", "class-prefix", "name"]),
-        createTextVNode(),
         _ctx.allowHalf && Number(_ctx.modelValue) + 1 > n ? (openBlock(), createBlock(_component_nut_icon, {
           key: 0,
           class: "nut-rate-item__icon nut-rate-item__icon--half",
@@ -195,6 +194,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   ], 34);
 }
 const { create } = createComponent("rate");
-const _sfc_main = create(taroComponent);
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
-export { index_taro as default };
+const _sfc_main = create(component);
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
+export { index as default };

package/dist/packages/_es/Row.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/SearchBar.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, ref, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeStyle, renderSlot, createCommentVNode, createTextVNode, createElementVNode, withModifiers, withDirectives, createVNode, vShow } from "vue";
+import { reactive, computed, ref, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createElementVNode, withModifiers, withDirectives, createVNode, vShow } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -16,7 +16,11 @@ const _sfc_main = create({
     },
     inputType: {
       type: String,
-      default: "text"
+      default: "textarea"
+    },
+    label: {
+      type: String,
+      default: ""
     },
     maxLength: {
       type: [String, Number],
@@ -42,19 +46,15 @@ const _sfc_main = create({
       type: String,
       default: ""
     },
-    confirmType: {
-      type: String,
-      default: "done"
-    },
-    autofocus: {
-      type: Boolean,
-      default: false
-    },
     focusStyle: {
       type: Object,
       default: () => {
       }
     },
+    autofocus: {
+      type: Boolean,
+      default: false
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -172,20 +172,16 @@ const _sfc_main = create({
 });
 const _hoisted_1 = {
   key: 0,
-  class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
+  class: "nut-searchbar__search-label"
 };
 const _hoisted_2 = {
-  key: 0,
-  class: "nut-searchbar__search-icon nut-searchbar__iptleft-search-icon"
+  key: 1,
+  class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
 };
 const _hoisted_3 = { class: "nut-searchbar__input-inner" };
-const _hoisted_4 = ["type", "maxlength", "placeholder", "value", "confirm-type", "disabled", "readonly"];
+const _hoisted_4 = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"];
 const _hoisted_5 = {
-  key: 1,
-  class: "nut-searchbar__search-icon nut-searchbar__iptright-sarch-icon"
-};
-const _hoisted_6 = {
-  key: 1,
+  key: 2,
   class: "nut-searchbar__search-icon nut-searchbar__right-search-icon"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -194,22 +190,24 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: "nut-searchbar",
     style: normalizeStyle(_ctx.searchbarStyle)
   }, [
-    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_1, [
+    _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_2, [
       renderSlot(_ctx.$slots, "leftout")
     ])) : createCommentVNode("", true),
-    createTextVNode(),
     createElementVNode("view", {
       class: "nut-searchbar__search-input",
       style: normalizeStyle({ ..._ctx.inputSearchbarStyle, ..._ctx.focusCss })
     }, [
-      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", _hoisted_2, [
+      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", {
+        key: 0,
+        class: "nut-searchbar__search-icon nut-searchbar__iptleft-search-icon",
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.leftIconClick && _ctx.leftIconClick(...args))
+      }, [
         renderSlot(_ctx.$slots, "leftin")
       ])) : createCommentVNode("", true),
-      createTextVNode(),
       createElementVNode("view", _hoisted_3, [
         createElementVNode("form", {
           action: "#",
-          onsubmit: "return false",
           onSubmit: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
         }, [
           createElementVNode("input", {
@@ -219,18 +217,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             maxlength: _ctx.maxLength,
             placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
             value: _ctx.modelValue,
-            "confirm-type": _ctx.confirmType,
             disabled: _ctx.disabled,
             readonly: _ctx.readonly,
-            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickInput && _ctx.clickInput(...args)),
-            onInput: _cache[1] || (_cache[1] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
-            onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
-            onBlur: _cache[3] || (_cache[3] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args)),
-            onConfirm: _cache[4] || (_cache[4] = (...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args)),
+            onClick: _cache[1] || (_cache[1] = (...args) => _ctx.clickInput && _ctx.clickInput(...args)),
+            onInput: _cache[2] || (_cache[2] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
+            onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
+            onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args)),
             style: normalizeStyle(_ctx.styleSearchbar)
           }, null, 44, _hoisted_4)
         ], 32),
-        createTextVNode(),
         _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
           key: 0,
           onClick: _cache[6] || (_cache[6] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
@@ -242,19 +237,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             color: "#555"
           }, null, 8, ["name"])
         ], 512)), [
-          [vShow, _ctx.modelValue.length > 0]
+          [vShow, String(_ctx.modelValue).length > 0]
         ]) : createCommentVNode("", true)
       ]),
-      createTextVNode(),
-      _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", _hoisted_5, [
+      _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", {
+        key: 1,
+        class: "nut-searchbar__search-icon nut-searchbar__iptright-sarch-icon",
+        onClick: _cache[7] || (_cache[7] = (...args) => _ctx.rightIconClick && _ctx.rightIconClick(...args))
+      }, [
         renderSlot(_ctx.$slots, "rightin")
       ])) : createCommentVNode("", true)
     ], 4),
-    createTextVNode(),
-    _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_6, [
+    _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_5, [
       renderSlot(_ctx.$slots, "rightout")
     ])) : createCommentVNode("", true)
   ], 4);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/ShortPassword.js

@@ -1,11 +1,10 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, computed, watch, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, createTextVNode, withDirectives, vModelText, createCommentVNode, Fragment, renderList } from "vue";
+import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, withDirectives, normalizeStyle, vModelText, Fragment, renderList, createCommentVNode } from "vue";
 import { c as createComponent } from "./component.js";
-import Taro, { eventCenter, getCurrentInstance } from "@tarojs/taro";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 const { create, translate } = createComponent("shortpassword");
@@ -46,6 +45,10 @@ const _sfc_main = create({
     length: {
       type: [String, Number],
       default: 6
+    },
+    isWrapTeleport: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["update:modelValue", "update:visible", "complete", "change", "ok", "tips", "close", "cancel"],
@@ -54,47 +57,27 @@ const _sfc_main = create({
     const realpwd = ref();
     const comLen = computed(() => range(Number(props.length)));
     const show = ref(props.visible);
-    const refRandomId = Math.random().toString(36).slice(-8);
-    const randRef = ref(refRandomId);
-    const isWx = ref(false);
     function sureClick() {
       emit("ok", realInput.value);
     }
     function focus() {
-      let dom = "";
-      if (isWx.value) {
-        setTimeout(() => {
-          if (!document.getElementById("nut-input-real-taro-" + randRef.value))
-            return;
-          dom = document.getElementById("nut-input-real-taro-" + randRef.value);
-          if (!dom)
-            return;
-          dom.focus();
-        }, 150);
-      } else {
-        dom = document.getElementsByClassName("nut-input-real")[0];
-        let h = dom.children[0];
-        h.focus();
-      }
+      realpwd.value.focus();
     }
     watch(
       () => props.visible,
       (value) => {
         show.value = value;
-        if (value) {
-          randRef.value = Math.random().toString(36).slice(-8);
-          if (Taro.getEnv() === "WEB") {
-            isWx.value = false;
-          } else {
-            isWx.value = true;
-          }
-        }
       }
     );
     watch(
       () => props.modelValue,
       (value) => {
         realInput.value = value;
+        emit("update:modelValue", value);
+      },
+      {
+        deep: true,
+        immediate: true
       }
     );
     function changeValue(e) {
@@ -124,47 +107,55 @@ const _sfc_main = create({
     function onTips() {
       emit("tips");
     }
-    onMounted(() => {
-      eventCenter.once(getCurrentInstance().router.onReady, () => {
-      });
-      if (Taro.getEnv() === "WEB") {
-        isWx.value = false;
-      } else {
-        isWx.value = true;
+    function systemStyle() {
+      let u = navigator.userAgent;
+      let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;
+      let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
+      if (isIOS) {
+        return {
+          paddingRight: "1200px"
+        };
+      }
+      if (isAndroid) {
+        return {
+          opacity: 0,
+          zindex: 10
+        };
       }
-    });
+    }
     return {
       comLen,
       sureClick,
       realInput,
       realpwd,
+      focus,
       range,
       changeValue,
       close,
       onTips,
-      focus,
       show,
+      systemStyle,
       closeIcon,
-      isWx,
-      refRandomId,
-      randRef,
       translate
     };
   }
 });
 const _hoisted_1 = { class: "nut-shortpsd-title" };
 const _hoisted_2 = { class: "nut-shortpsd-subtitle" };
-const _hoisted_3 = ["id", "maxlength"];
-const _hoisted_4 = { class: "nut-input-w" };
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("view", { class: "nut-input-site" }, null, -1);
-const _hoisted_6 = {
+const _hoisted_3 = { class: "nut-input-normalw" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "nut-input-site" }, null, -1);
+const _hoisted_5 = {
   key: 0,
   class: "nut-shortpsd-icon"
 };
-const _hoisted_7 = { class: "nut-shortpsd-message" };
-const _hoisted_8 = { class: "nut-shortpsd-error" };
+const _hoisted_6 = { class: "nut-shortpsd-message" };
+const _hoisted_7 = { class: "nut-shortpsd-error" };
+const _hoisted_8 = {
+  key: 0,
+  class: "nut-shortpsd-forget"
+};
 const _hoisted_9 = {
-  key: 1,
+  key: 0,
   class: "nut-shortpsd-footer"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -178,92 +169,70 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         textAlign: "center"
       },
       visible: _ctx.show,
-      "onUpdate:visible": _cache[8] || (_cache[8] = ($event) => _ctx.show = $event),
+      "onUpdate:visible": _cache[6] || (_cache[6] = ($event) => _ctx.show = $event),
       closeable: true,
       onClickCloseIcon: _ctx.closeIcon,
       "close-on-click-overlay": _ctx.closeOnClickOverlay,
-      onClickOverlay: _ctx.close
+      onClickOverlay: _ctx.close,
+      isWrapTeleport: _ctx.isWrapTeleport
     }, {
       default: withCtx(() => [
         createElementVNode("view", _hoisted_1, toDisplayString(_ctx.title || _ctx.translate("title")), 1),
-        createTextVNode(),
         createElementVNode("view", _hoisted_2, toDisplayString(_ctx.desc || _ctx.translate("desc")), 1),
-        createTextVNode(),
-        _ctx.isWx && _ctx.visible ? withDirectives((openBlock(), createElementBlock("input", {
-          key: 0,
-          class: "nut-input-real-taro",
-          id: "nut-input-real-taro-" + _ctx.randRef,
-          type: "number",
-          maxlength: _ctx.length,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.realInput = $event),
-          onInput: _cache[1] || (_cache[1] = (...args) => _ctx.changeValue && _ctx.changeValue(...args))
-        }, null, 40, _hoisted_3)), [
-          [vModelText, _ctx.realInput]
-        ]) : createCommentVNode("", true),
-        createTextVNode(),
-        createElementVNode("view", _hoisted_4, [
-          !_ctx.isWx ? withDirectives((openBlock(), createElementBlock("input", {
-            key: 0,
+        createElementVNode("div", _hoisted_3, [
+          withDirectives(createElementVNode("input", {
             ref: "realpwd",
             class: "nut-input-real",
             type: "number",
             maxlength: "6",
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.realInput = $event),
-            onInput: _cache[3] || (_cache[3] = (...args) => _ctx.changeValue && _ctx.changeValue(...args))
-          }, null, 544)), [
+            style: normalizeStyle(_ctx.systemStyle()),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.realInput = $event),
+            onInput: _cache[1] || (_cache[1] = (...args) => _ctx.changeValue && _ctx.changeValue(...args))
+          }, null, 36), [
             [vModelText, _ctx.realInput]
-          ]) : createCommentVNode("", true),
-          createTextVNode(),
-          _hoisted_5,
-          createTextVNode(),
+          ]),
+          _hoisted_4,
           createElementVNode("view", {
-            class: "nut-shortpsd-fake-taro",
-            onClick: _cache[4] || (_cache[4] = (...args) => _ctx.focus && _ctx.focus(...args))
+            class: "nut-shortpsd-fake",
+            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args))
           }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(new Array(_ctx.comLen), (sublen, index) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(new Array(_ctx.comLen), (sublen, index2) => {
               return openBlock(), createElementBlock("view", {
                 class: "nut-shortpsd-li",
-                key: index
+                key: index2
               }, [
-                String(_ctx.realInput).length > index ? (openBlock(), createElementBlock("view", _hoisted_6)) : createCommentVNode("", true)
+                String(_ctx.realInput).length > index2 ? (openBlock(), createElementBlock("view", _hoisted_5)) : createCommentVNode("", true)
               ]);
             }), 128))
           ])
         ]),
-        createTextVNode(),
-        createElementVNode("view", _hoisted_7, [
-          createElementVNode("view", _hoisted_8, toDisplayString(_ctx.errorMsg), 1),
-          createTextVNode(),
-          _ctx.tips || _ctx.translate("tips") ? (openBlock(), createElementBlock("view", {
-            key: 0,
-            class: "nut-shortpsd-forget",
-            onClick: _cache[5] || (_cache[5] = (...args) => _ctx.onTips && _ctx.onTips(...args))
-          }, [
+        createElementVNode("view", _hoisted_6, [
+          createElementVNode("view", _hoisted_7, toDisplayString(_ctx.errorMsg), 1),
+          _ctx.tips || _ctx.translate("tips") ? (openBlock(), createElementBlock("view", _hoisted_8, [
             createVNode(_component_nut_icon, {
               class: "icon",
               size: "11px",
               name: "tips"
             }),
-            createTextVNode(),
-            createElementVNode("view", null, toDisplayString(_ctx.tips || _ctx.translate("tips")), 1)
+            createElementVNode("view", {
+              onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onTips && _ctx.onTips(...args))
+            }, toDisplayString(_ctx.tips || _ctx.translate("tips")), 1)
           ])) : createCommentVNode("", true)
         ]),
-        createTextVNode(),
         !_ctx.noButton ? (openBlock(), createElementBlock("view", _hoisted_9, [
           createElementVNode("view", {
             class: "nut-shortpsd-cancle",
-            onClick: _cache[6] || (_cache[6] = (...args) => _ctx.close && _ctx.close(...args))
+            onClick: _cache[4] || (_cache[4] = (...args) => _ctx.close && _ctx.close(...args))
           }, toDisplayString(_ctx.translate("cancel")), 1),
-          createTextVNode(),
           createElementVNode("view", {
             class: "nut-shortpsd-sure",
-            onClick: _cache[7] || (_cache[7] = (...args) => _ctx.sureClick && _ctx.sureClick(...args))
+            onClick: _cache[5] || (_cache[5] = (...args) => _ctx.sureClick && _ctx.sureClick(...args))
           }, toDisplayString(_ctx.translate("confirm")), 1)
         ])) : createCommentVNode("", true)
       ]),
       _: 1
-    }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay"])
+    }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay", "isWrapTeleport"])
   ]);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/SideNavBar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -16,10 +16,11 @@ const _sfc_main = create({
     }
   },
   emits: [],
-  setup: (props, context) => {
+  setup: (props) => {
     const list = ref(null);
     const state = reactive({
-      count: 1
+      count: 1,
+      observer: null
     });
     const classes = computed(() => {
       const prefixCls = componentName;
@@ -30,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);
         }
@@ -39,7 +40,7 @@ const _sfc_main = create({
     };
     const handleSlots = () => {
       let childNodes = list.value.childNodes;
-      if (childNodes && childNodes.length) {
+      if (childNodes.length) {
         childNodes = Array.from(childNodes).filter((item) => item.nodeType !== 3).map((item) => {
           return item;
         });
@@ -48,6 +49,16 @@ const _sfc_main = create({
     };
     onMounted(() => {
       handleSlots();
+      state.observer = new MutationObserver(function() {
+        state.count = 1;
+        handleSlots();
+      });
+      state.observer.observe(list.value, {
+        attributes: false,
+        childList: true,
+        characterData: false,
+        subtree: false
+      });
     });
     return {
       ...toRefs(state),
@@ -72,5 +83,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/SideNavBarItem.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */