@nutui/nutui 3.2.5 → 3.2.6-beta.1

package/dist/packages/_es/Layout.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/List.js

@@ -1,19 +1,20 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, computed, watch, toRefs, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, renderSlot } from "vue";
+import { ref, reactive, computed, watch, toRefs, resolveComponent, openBlock, createBlock, normalizeClass, normalizeStyle, withCtx, createElementVNode, createTextVNode, createElementBlock, Fragment, renderList, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
+import Taro from "@tarojs/taro";
 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 clientHeight = Taro.getSystemInfoSync().windowHeight || 667;
 const _sfc_main = create({
   props: {
     height: {
       type: [Number],
-      default: 50
+      default: 0
     },
     listData: {
       type: Array,
@@ -58,9 +59,8 @@ const _sfc_main = create({
     const visibleData = computed(() => {
       return state.list.slice(state.start, Math.min(end.value, state.list.length));
     });
-    const handleScrollEvent = () => {
-      var _a;
-      const scrollTop = (_a = list.value) == null ? void 0 : _a.scrollTop;
+    const handleScrollEvent = async (e) => {
+      const scrollTop = e.detail ? e.detail.scrollTop : e.target.scrollTop;
       state.start = Math.floor(scrollTop / props.height);
       if (end.value > state.list.length) {
         emit("scroll");
@@ -87,34 +87,47 @@ const _sfc_main = create({
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
+  const _component_scroll_view = resolveComponent(function() {
+    if (process.env.TARO_ENV === "h5") {
+      return "taro-scroll-view";
+    } else {
+      return "scroll-view";
+    }
+  }());
+  return openBlock(), createBlock(_component_scroll_view, {
     class: normalizeClass(_ctx.classes),
+    "scroll-y": true,
     style: normalizeStyle({ height: `${_ctx.getContainerHeight}px` }),
-    onScrollPassive: _cache[0] || (_cache[0] = (...args) => _ctx.handleScrollEvent && _ctx.handleScrollEvent(...args)),
+    "scroll-top": "0",
+    onScroll: _ctx.handleScrollEvent,
     ref: "list"
-  }, [
-    createElementVNode("div", {
-      class: "nut-list-phantom",
-      style: normalizeStyle({ height: _ctx.listHeight + "px" })
-    }, null, 4),
-    createElementVNode("div", {
-      class: "nut-list-container",
-      style: normalizeStyle({ transform: _ctx.getTransform })
-    }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.visibleData, (item, index2) => {
-        return openBlock(), createElementBlock("div", {
-          class: "nut-list-item",
-          style: normalizeStyle({ height: _ctx.height + "px" }),
-          key: item
-        }, [
-          renderSlot(_ctx.$slots, "default", {
-            item,
-            index: index2
-          })
-        ], 4);
-      }), 128))
-    ], 4)
-  ], 38);
+  }, {
+    default: withCtx(() => [
+      createElementVNode("div", {
+        class: "nut-list-phantom",
+        style: normalizeStyle({ height: _ctx.listHeight + "px" })
+      }, null, 4),
+      createTextVNode(),
+      createElementVNode("div", {
+        class: "nut-list-container",
+        style: normalizeStyle({ transform: _ctx.getTransform })
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.visibleData, (item, index) => {
+          return openBlock(), createElementBlock("div", {
+            class: "nut-list-item",
+            style: normalizeStyle({ height: _ctx.height + "px" }),
+            key: item
+          }, [
+            renderSlot(_ctx.$slots, "default", {
+              item,
+              index
+            })
+          ], 4);
+        }), 128))
+      ], 4)
+    ]),
+    _: 3
+  }, 8, ["class", "style", "onScroll"]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };

package/dist/packages/_es/Menu.js

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, computed, onMounted, onUnmounted, reactive, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, createVNode, mergeProps, renderSlot, provide } from "vue";
+import { ref, computed, reactive, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, createTextVNode, createVNode, mergeProps, renderSlot, provide } from "vue";
 import { c as createComponent } from "./component.js";
-import { u as useRect } from "./index2.js";
+import Taro, { usePageScroll } from "@tarojs/taro";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("menu");
@@ -25,7 +25,7 @@ const _sfc_main = create({
     },
     duration: {
       type: [Number, String],
-      default: 0
+      default: 0.3
     },
     titleIcon: String,
     closeOnClickOverlay: {
@@ -42,7 +42,7 @@ const _sfc_main = create({
     },
     titleClass: [String]
   },
-  setup(props, { emit, slots }) {
+  setup(props) {
     const barRef = ref();
     const offset = ref(0);
     const isScrollFixed = ref(false);
@@ -82,33 +82,36 @@ const _sfc_main = create({
         "scroll-fixed": isScrollFixed.value
       };
     });
-    const updateOffset = () => {
+    const offsetSignal = ref(false);
+    const updateOffset = (item) => {
       if (barRef.value) {
-        const rect = useRect(barRef);
-        if (props.direction === "down") {
-          offset.value = rect.bottom;
-        } else {
-          offset.value = window.innerHeight - rect.top;
-        }
+        offsetSignal.value = true;
+        setTimeout(() => {
+          Taro.createSelectorQuery().select(".nut-menu__bar.offset-signal").boundingClientRect((rect) => {
+            if (props.direction === "down") {
+              offset.value = rect.bottom;
+            } else {
+              offset.value = Taro.getSystemInfoSync().windowHeight - rect.top;
+            }
+            offsetSignal.value = false;
+            item.toggle();
+          }).exec();
+        }, 100);
       }
     };
     linkChildren({ props, offset });
     const toggleItem = (active) => {
-      children.forEach((item, index2) => {
-        if (index2 === active) {
-          updateOffset();
-          item.toggle();
+      children.forEach((item, index) => {
+        if (index === active) {
+          updateOffset(item);
         } else if (item.state.showPopup) {
           item.toggle(false, { immediate: true });
         }
       });
     };
-    const getScrollTop = (el) => {
-      return Math.max(0, "scrollTop" in el ? el.scrollTop : el.pageYOffset);
-    };
-    const onScroll = () => {
+    const onScroll = (res) => {
       const { scrollFixed } = props;
-      const scrollTop = getScrollTop(window);
+      const scrollTop = res.scrollTop;
       isScrollFixed.value = scrollTop > (typeof scrollFixed === "boolean" ? 30 : Number(scrollFixed));
     };
     const getClasses = (showPopup) => {
@@ -122,22 +125,17 @@ const _sfc_main = create({
       }
       return str;
     };
-    onMounted(() => {
-      const { scrollFixed } = props;
-      if (scrollFixed) {
-        window.addEventListener("scroll", onScroll);
-      }
-    });
-    onUnmounted(() => {
+    usePageScroll((res) => {
       const { scrollFixed } = props;
       if (scrollFixed) {
-        window.removeEventListener("scroll", onScroll);
+        onScroll(res);
       }
     });
     return {
       toggleItem,
       children,
       opened,
+      offsetSignal,
       classes,
       barRef,
       getClasses
@@ -152,20 +150,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.classes)
   }, [
     createElementVNode("view", {
-      class: normalizeClass(["nut-menu__bar", { opened: _ctx.opened }]),
+      class: normalizeClass(["nut-menu__bar", { opened: _ctx.opened, "offset-signal": _ctx.offsetSignal }]),
       ref: "barRef"
     }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.children, (item, index2) => {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.children, (item, index) => {
         return openBlock(), createElementBlock("view", {
-          key: index2,
+          key: index,
           class: normalizeClass(["nut-menu__item", { disabled: item.disabled, active: item.state.showPopup }]),
-          onClick: ($event) => !item.disabled && _ctx.toggleItem(index2),
+          onClick: ($event) => !item.disabled && _ctx.toggleItem(index),
           style: normalizeStyle({ color: item.state.showPopup ? _ctx.activeColor : "" })
         }, [
           createElementVNode("view", {
             class: normalizeClass(["nut-menu__title", _ctx.getClasses(item.state.showPopup)])
           }, [
             createElementVNode("view", _hoisted_2, toDisplayString(item.renderTitle()), 1),
+            createTextVNode(),
             createVNode(_component_nut_icon, mergeProps(_ctx.$attrs, {
               name: _ctx.titleIcon || (_ctx.direction === "up" ? "arrow-up" : "down-arrow"),
               size: "10",
@@ -175,8 +174,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 14, _hoisted_1);
       }), 128))
     ], 2),
+    createTextVNode(),
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };

package/dist/packages/_es/MenuItem.js

@@ -1,15 +1,16 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, inject, getCurrentInstance, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, vShow, createVNode, mergeProps, withCtx, Fragment, renderList, createBlock, createCommentVNode, toDisplayString, renderSlot } from "vue";
+import { reactive, computed, inject, getCurrentInstance, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, vShow, createTextVNode, createVNode, mergeProps, withCtx, Fragment, renderList, createBlock, createCommentVNode, toDisplayString, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
 import _sfc_main$1 from "./Icon.js";
 import Popup from "./Popup.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 import "./pxCheck.js";
+import "./use-lock-scroll.js";
 import "./OverLay.js";
 const { componentName, create } = createComponent("menu-item");
 const _sfc_main = create({
@@ -119,10 +120,17 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = { class: "nut-menu-item__content nut-menu-item__overflow" };
+const _hoisted_1 = { class: "nut-menu-item__content" };
 const _hoisted_2 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_scroll_view = resolveComponent(function() {
+    if (process.env.TARO_ENV === "h5") {
+      return "taro-scroll-view";
+    } else {
+      return "scroll-view";
+    }
+  }());
   const _component_nut_popup = resolveComponent("nut-popup");
   return withDirectives((openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -134,6 +142,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 6), [
       [vShow, _ctx.state.isShowPlaceholderElement]
     ]),
+    createTextVNode(),
     createVNode(_component_nut_popup, mergeProps({
       style: _ctx.parent.props.direction === "down" ? { top: _ctx.parent.offset.value + "px" } : { bottom: _ctx.parent.offset.value + "px" },
       overlayStyle: _ctx.parent.props.direction === "down" ? { top: _ctx.parent.offset.value + "px" } : { bottom: _ctx.parent.offset.value + "px" }
@@ -143,41 +152,59 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       position: _ctx.parent.props.direction === "down" ? "top" : "bottom",
       duration: _ctx.parent.props.duration,
       "pop-class": "nut-menu__pop",
+      transition: "transition-none",
       overlayClass: "nut-menu__overlay",
       overlay: _ctx.parent.props.overlay,
-      onClosed: _ctx.handleClose,
       lockScroll: _ctx.parent.props.lockScroll,
-      isWrapTeleport: false,
+      onClosed: _ctx.handleClose,
       "close-on-click-overlay": _ctx.parent.props.closeOnClickOverlay
     }), {
       default: withCtx(() => [
-        createElementVNode("view", _hoisted_1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index2) => {
-            return openBlock(), createElementBlock("view", {
-              key: index2,
-              class: normalizeClass(["nut-menu-item__option", [{ active: option.value === _ctx.modelValue }]]),
-              style: normalizeStyle({ "flex-basis": 100 / _ctx.cols + "%" }),
-              onClick: ($event) => _ctx.onClick(option)
-            }, [
-              option.value === _ctx.modelValue ? (openBlock(), createBlock(_component_nut_icon, 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, 16, ["class", "name", "color"])) : createCommentVNode("", true),
-              createElementVNode("view", {
-                class: normalizeClass({ activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue }),
-                style: normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
-              }, toDisplayString(option.text), 7)
-            ], 14, _hoisted_2);
-          }), 128)),
-          renderSlot(_ctx.$slots, "default")
-        ])
+        createVNode(_component_scroll_view, {
+          "scroll-y": true,
+          style: { "height": "100%" }
+        }, {
+          default: withCtx(() => [
+            createElementVNode("view", _hoisted_1, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
+                return openBlock(), createElementBlock("view", {
+                  key: index,
+                  class: normalizeClass(["nut-menu-item__option", [{ active: option.value === _ctx.modelValue }]]),
+                  style: normalizeStyle({ "flex-basis": 100 / _ctx.cols + "%" }),
+                  onClick: ($event) => _ctx.onClick(option)
+                }, [
+                  option.value === _ctx.modelValue ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
+                    key: 0,
+                    class: {
+                      activeTitleClass: option.value === _ctx.modelValue,
+                      inactiveTitleClass: option.value !== _ctx.modelValue
+                    },
+                    name: _ctx.optionIcon
+                  }, _ctx.$attrs, {
+                    color: _ctx.parent.props.activeColor
+                  }), null, 16, ["class", "name", "color"])) : createCommentVNode("", true),
+                  createTextVNode(),
+                  createElementVNode("view", {
+                    class: normalizeClass({
+                      activeTitleClass: option.value === _ctx.modelValue,
+                      inactiveTitleClass: option.value !== _ctx.modelValue
+                    }),
+                    style: normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
+                  }, toDisplayString(option.text), 7)
+                ], 14, _hoisted_2);
+              }), 128)),
+              createTextVNode(),
+              renderSlot(_ctx.$slots, "default")
+            ])
+          ]),
+          _: 3
+        })
       ]),
       _: 3
-    }, 16, ["style", "overlayStyle", "visible", "position", "duration", "overlay", "onClosed", "lockScroll", "close-on-click-overlay"])
+    }, 16, ["style", "overlayStyle", "visible", "position", "duration", "overlay", "lockScroll", "onClosed", "close-on-click-overlay"])
   ], 2)), [
     [vShow, _ctx.state.showWrapper]
   ]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };

package/dist/packages/_es/Navbar.js

@@ -1,10 +1,11 @@
 /*!
-* @nutui/nutui v3.2.5 Tue Oct 25 2022 18:40:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs, ref, computed, onMounted, nextTick, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, createBlock, createCommentVNode, toDisplayString, renderSlot, mergeProps } from "vue";
+import { toRefs, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, createBlock, createCommentVNode, createTextVNode, toDisplayString, renderSlot, mergeProps } from "vue";
 import { c as createComponent } from "./component.js";
+import Taro from "@tarojs/taro";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("navbar");
@@ -39,8 +40,6 @@ const _sfc_main = create({
   emits: ["on-click-back", "on-click-title", "on-click-icon", "on-click-right"],
   setup(props, { emit }) {
     const { border, fixed, safeAreaInsetTop, placeholder, zIndex } = toRefs(props);
-    const navBarWrap = ref(null);
-    const navBarHtml = ref(null);
     let navHeight = ref(0);
     const classes = computed(() => {
       const prefixCls = componentName;
@@ -58,11 +57,13 @@ const _sfc_main = create({
     });
     onMounted(() => {
       if (fixed.value && placeholder.value) {
-        nextTick(() => {
-          var _a;
-          navHeight = (_a = navBarHtml == null ? void 0 : navBarHtml.value) == null ? void 0 : _a.getBoundingClientRect().height;
-          navBarWrap.value.style.height = navHeight + "px";
-        });
+        setTimeout(() => {
+          const query = Taro.createSelectorQuery();
+          query.select(".navBarHtml").boundingClientRect();
+          query.exec((res) => {
+            navHeight.value = res[0].height;
+          });
+        }, 500);
       }
     });
     function handleLeft() {
@@ -78,8 +79,7 @@ const _sfc_main = create({
       emit("on-click-right");
     }
     return {
-      navBarWrap,
-      navBarHtml,
+      navHeight,
       classes,
       styles,
       handleLeft,
@@ -90,35 +90,33 @@ const _sfc_main = create({
   }
 });
 const _hoisted_1 = {
-  key: 0,
-  class: "nut-navbar--placeholder",
-  ref: "navBarWrap"
-};
-const _hoisted_2 = {
   key: 1,
   class: "nut-navbar__text"
 };
-const _hoisted_3 = { class: "nut-navbar__title" };
-const _hoisted_4 = {
+const _hoisted_2 = { class: "nut-navbar__title" };
+const _hoisted_3 = {
   key: 0,
   class: "nut-navbar__text"
 };
-const _hoisted_5 = {
+const _hoisted_4 = {
   key: 1,
   class: "nut-navbar__text"
 };
-const _hoisted_6 = { class: "nut-navbar__title" };
-const _hoisted_7 = {
+const _hoisted_5 = { class: "nut-navbar__title" };
+const _hoisted_6 = {
   key: 0,
   class: "nut-navbar__text"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
-  return _ctx.fixed && _ctx.placeholder ? (openBlock(), createElementBlock("view", _hoisted_1, [
+  return _ctx.fixed && _ctx.placeholder ? (openBlock(), createElementBlock("view", {
+    key: 0,
+    class: "nut-navbar--placeholder",
+    style: normalizeStyle({ height: _ctx.navHeight + "px" })
+  }, [
     createElementVNode("view", {
-      class: normalizeClass(_ctx.classes),
-      style: normalizeStyle(_ctx.styles),
-      ref: "navBarHtml"
+      class: normalizeClass([_ctx.classes, "navBarHtml"]),
+      style: normalizeStyle(_ctx.styles)
     }, [
       createElementVNode("view", {
         class: "nut-navbar__left",
@@ -129,15 +127,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           color: "#979797",
           name: "left"
         })) : createCommentVNode("", true),
-        _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
+        createTextVNode(),
+        _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
+        createTextVNode(),
         renderSlot(_ctx.$slots, "left")
       ]),
-      createElementVNode("view", _hoisted_3, [
+      createTextVNode(),
+      createElementVNode("view", _hoisted_2, [
         _ctx.title ? (openBlock(), createElementBlock("view", {
           key: 0,
           class: "title",
           onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
         }, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+        createTextVNode(),
         _ctx.titIcon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
           key: 1,
           class: "icon"
@@ -145,17 +147,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           name: _ctx.titIcon,
           onClick: _ctx.handleCenterIcon
         }), null, 16, ["name", "onClick"])) : createCommentVNode("", true),
+        createTextVNode(),
         renderSlot(_ctx.$slots, "content")
       ]),
+      createTextVNode(),
       createElementVNode("view", {
         class: "nut-navbar__right",
         onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
       }, [
-        _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+        _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+        createTextVNode(),
         renderSlot(_ctx.$slots, "right")
       ])
     ], 6)
-  ], 512)) : (openBlock(), createElementBlock("view", {
+  ], 4)) : (openBlock(), createElementBlock("view", {
     key: 1,
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.styles)
@@ -169,32 +174,37 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         color: "#979797",
         name: "left"
       })) : createCommentVNode("", true),
-      _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_5, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
+      createTextVNode(),
+      _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
+      createTextVNode(),
       renderSlot(_ctx.$slots, "left")
     ]),
-    createElementVNode("view", _hoisted_6, [
+    createTextVNode(),
+    createElementVNode("view", _hoisted_5, [
       _ctx.title ? (openBlock(), createElementBlock("view", {
         key: 0,
         class: "title",
         onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
       }, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+      createTextVNode(),
       _ctx.titIcon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
         key: 1,
-        class: "icon"
-      }, _ctx.$attrs, {
-        name: _ctx.titIcon,
-        onClick: _ctx.handleCenterIcon
-      }), null, 16, ["name", "onClick"])) : createCommentVNode("", true),
+        class: "icon",
+        name: _ctx.titIcon
+      }, _ctx.$attrs, { onClick: _ctx.handleCenterIcon }), null, 16, ["name", "onClick"])) : createCommentVNode("", true),
+      createTextVNode(),
       renderSlot(_ctx.$slots, "content")
     ]),
+    createTextVNode(),
     createElementVNode("view", {
       class: "nut-navbar__right",
       onClick: _cache[5] || (_cache[5] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
     }, [
-      _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+      _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_6, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+      createTextVNode(),
       renderSlot(_ctx.$slots, "right")
     ])
   ], 6));
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };