@nutui/nutui 4.0.0 → 4.0.1-2.beta-1

package/dist/packages/_es/MenuItem.js

@@ -1,12 +1,23 @@
-import { reactive, computed, inject, getCurrentInstance, onUnmounted, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, vShow, createVNode, mergeProps, withCtx, Fragment, renderList, renderSlot, createCommentVNode, toDisplayString } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { P as Popup } from "./index-991c279f.js";
-import { Check } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+var B = Object.defineProperty, D = Object.defineProperties;
+var z = Object.getOwnPropertyDescriptors;
+var w = Object.getOwnPropertySymbols;
+var L = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
+var g = (e, o, t) => o in e ? B(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, d = (e, o) => {
+  for (var t in o || (o = {}))
+    L.call(o, t) && g(e, t, o[t]);
+  if (w)
+    for (var t of w(o))
+      U.call(o, t) && g(e, t, o[t]);
+  return e;
+}, m = (e, o) => D(e, z(o));
+import { reactive as j, computed as P, inject as A, getCurrentInstance as F, onUnmounted as I, resolveComponent as S, withDirectives as V, openBlock as r, createElementBlock as i, normalizeStyle as p, createElementVNode as v, vShow as b, createVNode as $, mergeProps as T, withCtx as q, Fragment as G, renderList as H, normalizeClass as f, renderSlot as O, createCommentVNode as J, toDisplayString as K } from "vue";
+import { c as M } from "./component-234624bc.js";
+import { P as E } from "./index-360c5092.js";
+import { Check as Q } from "@nutui/icons-vue";
+import { _ as R } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
 import "./Overlay.js";
-const { componentName, create } = createComponent("menu-item");
-const _sfc_main = create({
+const { create: X } = M("menu-item"), Y = X({
   props: {
     title: String,
     options: {
@@ -15,7 +26,7 @@ const _sfc_main = create({
     },
     disabled: {
       type: Boolean,
-      default: false
+      default: !1
     },
     modelValue: null,
     cols: {
@@ -23,168 +34,121 @@ const _sfc_main = create({
       default: 1
     },
     activeTitleClass: String,
-    inactiveTitleClass: String,
-    optionIcon: {
-      type: String,
-      default: "Check"
-    }
+    inactiveTitleClass: String
   },
   components: {
-    [Popup.name]: Popup,
-    Check
+    [E.name]: E,
+    Check: Q
   },
   emits: ["update:modelValue", "change", "open", "close"],
-  setup(props, { emit, slots }) {
-    const state = reactive({
-      showPopup: false,
-      transition: true,
-      showWrapper: false,
-      isShowPlaceholderElement: false
-    });
-    const useParent = () => {
-      const parent2 = inject("menuParent", null);
-      if (parent2) {
-        const instance = getCurrentInstance();
-        const { link, removeLink } = parent2;
-        link(instance);
-        onUnmounted(() => {
-          removeLink(instance);
-        });
-        return {
-          parent: parent2
-        };
-      }
-    };
-    const { parent } = useParent();
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true
-      };
-    });
-    const placeholderElementStyle = computed(() => {
-      const heightStyle = { height: parent.offset.value + "px" };
-      if (parent.props.direction === "down") {
-        return heightStyle;
-      } else {
-        return { ...heightStyle, top: "auto" };
+  setup(e, { emit: o }) {
+    const t = j({
+      showPopup: !1,
+      showWrapper: !1
+    }), h = () => {
+      const l = A("menuParent", null);
+      if (l) {
+        const a = F(), { link: c, removeLink: W } = l;
+        return c(a), I(() => {
+          W(a);
+        }), { parent: l };
       }
+    }, { parent: s } = h(), C = P(() => s.props.direction === "down" ? {
+      top: s.offset.value + "px"
+    } : {
+      bottom: s.offset.value + "px"
+    }), u = P(() => {
+      const l = { height: s.offset.value + "px" };
+      return s.props.direction === "down" ? m(d({}, l), { top: "0px" }) : m(d({}, l), { bottom: "0px" });
     });
-    const toggle = (show = !state.showPopup, options = {}) => {
-      if (show === state.showPopup) {
-        return;
-      }
-      state.showPopup = show;
-      state.isShowPlaceholderElement = show;
-      if (show) {
-        state.showWrapper = true;
-        emit("open");
-      }
-    };
-    const renderTitle = () => {
-      var _a;
-      if (props.title) {
-        return props.title;
-      }
-      const match = (_a = props.options) == null ? void 0 : _a.find((option) => option.value === props.modelValue);
-      return match ? match.text : "";
-    };
-    const onClick = (option) => {
-      state.showPopup = false;
-      state.isShowPlaceholderElement = false;
-      if (option.value !== props.modelValue) {
-        emit("update:modelValue", option.value);
-        emit("change", option.value);
-      }
-    };
-    const handleClose = () => {
-      emit("close");
-      state.showWrapper = false;
-      state.isShowPlaceholderElement = false;
-    };
-    const handleClickOutside = () => {
-      state.showPopup = false;
-      emit("close");
-    };
     return {
-      classes,
-      placeholderElementStyle,
-      renderTitle,
-      state,
-      parent,
-      toggle,
-      onClick,
-      handleClose,
-      handleClickOutside
+      style: C,
+      placeholderElementStyle: u,
+      renderTitle: () => {
+        var a;
+        if (e.title)
+          return e.title;
+        const l = (a = e.options) == null ? void 0 : a.find((c) => c.value === e.modelValue);
+        return l ? l.text : "";
+      },
+      state: t,
+      parent: s,
+      toggle: (l = !t.showPopup) => {
+        l !== t.showPopup && (t.showPopup = l, l && (t.showWrapper = !0, o("open")));
+      },
+      onClick: (l) => {
+        t.showPopup = !1, l.value !== e.modelValue && (o("update:modelValue", l.value), o("change", l.value));
+      },
+      handleClose: () => {
+        o("close"), t.showWrapper = !1;
+      },
+      handleClickOutside: () => {
+        t.showPopup = !1, o("close");
+      }
     };
   }
-});
-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_Check = resolveComponent("Check");
-  const _component_nut_popup = resolveComponent("nut-popup");
-  return withDirectives((openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
+}), Z = { class: "nut-menu-item__content nut-menu-item__overflow" }, _ = ["onClick"];
+function x(e, o, t, h, s, C) {
+  const u = S("Check"), y = S("nut-popup");
+  return V((r(), i("view", {
+    class: "nut-menu-item",
+    style: p(e.style)
   }, [
-    withDirectives(createElementVNode("div", {
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickOutside && _ctx.handleClickOutside(...args)),
-      class: normalizeClass(["nut-menu-item-placeholder-element", { up: _ctx.parent.props.direction === "up" }]),
-      style: normalizeStyle(_ctx.placeholderElementStyle)
-    }, null, 6), [
-      [vShow, _ctx.state.isShowPlaceholderElement]
+    V(v("div", {
+      onClick: o[0] || (o[0] = (...n) => e.handleClickOutside && e.handleClickOutside(...n)),
+      class: "nut-menu-item-placeholder-element",
+      style: p(e.placeholderElementStyle)
+    }, null, 4), [
+      [b, e.state.showPopup]
     ]),
-    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", top: "auto" }
-    }, _ctx.$attrs, {
-      visible: _ctx.state.showPopup,
-      "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.state.showPopup = $event),
-      position: _ctx.parent.props.direction === "down" ? "top" : "bottom",
-      duration: _ctx.parent.props.duration,
-      "pop-class": "nut-menu__pop",
-      "destroy-on-close": false,
-      overlay: _ctx.parent.props.overlay,
-      onClosed: _ctx.handleClose,
-      lockScroll: _ctx.parent.props.lockScroll,
-      teleportDisable: false,
-      "close-on-click-overlay": _ctx.parent.props.closeOnClickOverlay
+    $(y, T({
+      style: { position: "absolute" },
+      overlayStyle: { position: "absolute" }
+    }, e.$attrs, {
+      visible: e.state.showPopup,
+      "onUpdate:visible": o[1] || (o[1] = (n) => e.state.showPopup = n),
+      position: e.parent.props.direction === "down" ? "top" : "bottom",
+      duration: e.parent.props.duration,
+      "destroy-on-close": !1,
+      overlay: e.parent.props.overlay,
+      onClosed: e.handleClose,
+      lockScroll: e.parent.props.lockScroll,
+      teleportDisable: !1,
+      "close-on-click-overlay": e.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)
+      default: q(() => [
+        v("view", Z, [
+          (r(!0), i(G, null, H(e.options, (n, k) => (r(), i("view", {
+            key: k,
+            class: f(["nut-menu-item__option", [{ active: n.value === e.modelValue }]]),
+            style: p({ "flex-basis": 100 / e.cols + "%" }),
+            onClick: (N) => e.onClick(n)
+          }, [
+            n.value === e.modelValue ? (r(), i("span", {
+              key: 0,
+              class: f(["nut-menu-item__span", [n.value === e.modelValue ? e.activeTitleClass : e.inactiveTitleClass]])
             }, [
-              option.value === _ctx.modelValue ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                class: normalizeClass(["nut-menu-item__span", { activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue }])
-              }, [
-                renderSlot(_ctx.$slots, "icon", {}, () => [
-                  createVNode(_component_Check, mergeProps(_ctx.$attrs, {
-                    color: _ctx.parent.props.activeColor
-                  }), null, 16, ["color"])
-                ])
-              ], 2)) : 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")
+              O(e.$slots, "icon", {}, () => [
+                $(u, T(e.$attrs, {
+                  color: e.parent.props.activeColor
+                }), null, 16, ["color"])
+              ])
+            ], 2)) : J("", !0),
+            v("view", {
+              class: f([n.value === e.modelValue ? e.activeTitleClass : e.inactiveTitleClass]),
+              style: p({ color: n.value === e.modelValue ? e.parent.props.activeColor : "" })
+            }, K(n.text), 7)
+          ], 14, _))), 128)),
+          O(e.$slots, "default")
         ])
       ]),
       _: 3
-    }, 16, ["style", "overlayStyle", "visible", "position", "duration", "overlay", "onClosed", "lockScroll", "close-on-click-overlay"])
-  ], 2)), [
-    [vShow, _ctx.state.showWrapper]
+    }, 16, ["visible", "position", "duration", "overlay", "onClosed", "lockScroll", "close-on-click-overlay"])
+  ], 4)), [
+    [b, e.state.showWrapper]
   ]);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const pe = /* @__PURE__ */ R(Y, [["render", x]]);
 export {
-  index as default
+  pe as default
 };

package/dist/packages/_es/Navbar.js

@@ -1,17 +1,16 @@
-import { toRefs, ref, computed, onMounted, nextTick, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createVNode, createCommentVNode, toDisplayString } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { Left } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+import { toRefs as T, ref as v, computed as C, onMounted as R, nextTick as z, resolveComponent as N, openBlock as l, createElementBlock as o, createElementVNode as r, normalizeClass as g, normalizeStyle as m, renderSlot as s, createVNode as w, createCommentVNode as a, toDisplayString as d } from "vue";
+import { c as V } from "./component-234624bc.js";
+import { Left as A } from "@nutui/icons-vue";
+import { _ as E } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("navbar");
-const _sfc_main = create({
-  components: { Left },
+const { componentName: W, create: D } = V("navbar"), H = D({
+  components: { Left: A },
   props: {
-    leftShow: { type: Boolean, default: false },
+    leftShow: { type: Boolean, default: !1 },
     //左侧  是否显示返回icon
     title: { type: String, default: "" },
     //中间  文字标题
-    titleIcon: { type: Boolean, default: false },
+    titleIcon: { type: Boolean, default: !1 },
     //中间
     leftText: { type: String, default: "" },
     //左侧文字
@@ -19,20 +18,20 @@ const _sfc_main = create({
     //右侧   按钮文字
     fixed: {
       type: Boolean,
-      default: false
+      default: !1
     },
     safeAreaInsetTop: {
       type: Boolean,
-      default: false
+      default: !1
     },
     border: {
       type: Boolean,
-      default: false
+      default: !1
     },
     placeholder: {
       // 生成一个等高的占位元素
       type: Boolean,
-      default: true
+      default: !0
     },
     zIndex: {
       type: [Number, String],
@@ -40,172 +39,157 @@ 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();
-    const classes = computed(() => {
-      const prefixCls = componentName;
+  setup(e, { emit: t }) {
+    const { border: h, fixed: p, safeAreaInsetTop: k, placeholder: c, zIndex: f } = T(e), n = v(null), u = v(null);
+    let y = v();
+    const b = C(() => {
+      const i = W;
       return {
-        [prefixCls]: true,
-        [`${prefixCls}--border`]: border.value,
-        [`${prefixCls}--fixed`]: fixed.value,
-        [`${prefixCls}--safe-area-inset-top`]: safeAreaInsetTop.value
+        [i]: !0,
+        [`${i}--border`]: h.value,
+        [`${i}--fixed`]: p.value,
+        [`${i}--safe-area-inset-top`]: k.value
       };
+    }), I = C(() => ({
+      zIndex: f.value
+    }));
+    R(() => {
+      p.value && c.value && z(() => {
+        var i;
+        y.value = (i = u == null ? void 0 : u.value) == null ? void 0 : i.getBoundingClientRect().height, n.value.style.height = y.value + "px";
+      });
     });
-    const styles = computed(() => {
-      return {
-        zIndex: zIndex.value
-      };
-    });
-    onMounted(() => {
-      if (fixed.value && placeholder.value) {
-        nextTick(() => {
-          var _a;
-          navHeight.value = (_a = navBarHtml == null ? void 0 : navBarHtml.value) == null ? void 0 : _a.getBoundingClientRect().height;
-          navBarWrap.value.style.height = navHeight.value + "px";
-        });
-      }
-    });
-    function handleLeft() {
-      emit("on-click-back");
+    function $() {
+      t("on-click-back");
     }
-    function handleCenter() {
-      emit("on-click-title");
+    function B() {
+      t("on-click-title");
     }
-    function handleCenterIcon() {
-      emit("on-click-icon");
+    function S() {
+      t("on-click-icon");
     }
-    function handleRight() {
-      emit("on-click-right");
+    function L() {
+      t("on-click-right");
     }
     return {
-      navBarWrap,
-      navBarHtml,
-      classes,
-      styles,
-      handleLeft,
-      handleCenter,
-      handleCenterIcon,
-      handleRight
+      navBarWrap: n,
+      navBarHtml: u,
+      classes: b,
+      styles: I,
+      handleLeft: $,
+      handleCenter: B,
+      handleCenterIcon: S,
+      handleRight: L
     };
   }
-});
-const _hoisted_1 = {
+}), M = {
   key: 0,
   class: "nut-navbar--placeholder",
   ref: "navBarWrap"
-};
-const _hoisted_2 = {
+}, j = {
   key: 1,
   class: "nut-navbar__text"
-};
-const _hoisted_3 = { class: "nut-navbar__title" };
-const _hoisted_4 = {
+}, q = { class: "nut-navbar__title" }, F = {
   key: 0,
   class: "nut-navbar__text"
-};
-const _hoisted_5 = {
+}, G = {
   key: 1,
   class: "nut-navbar__text"
-};
-const _hoisted_6 = { class: "nut-navbar__title" };
-const _hoisted_7 = {
+}, J = { class: "nut-navbar__title" }, K = {
   key: 0,
   class: "nut-navbar__text"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Left = resolveComponent("Left");
-  return _ctx.fixed && _ctx.placeholder ? (openBlock(), createElementBlock("view", _hoisted_1, [
-    createElementVNode("view", {
-      class: normalizeClass(_ctx.classes),
-      style: normalizeStyle(_ctx.styles),
+function O(e, t, h, p, k, c) {
+  const f = N("Left");
+  return e.fixed && e.placeholder ? (l(), o("view", M, [
+    r("view", {
+      class: g(e.classes),
+      style: m(e.styles),
       ref: "navBarHtml"
     }, [
-      createElementVNode("view", {
+      r("view", {
         class: "nut-navbar__left",
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleLeft && _ctx.handleLeft(...args))
+        onClick: t[0] || (t[0] = (...n) => e.handleLeft && e.handleLeft(...n))
       }, [
-        _ctx.leftShow ? renderSlot(_ctx.$slots, "left-show", { key: 0 }, () => [
-          createVNode(_component_Left, {
+        e.leftShow ? s(e.$slots, "left-show", { key: 0 }, () => [
+          w(f, {
             height: "12px",
             color: "#979797"
           })
-        ]) : createCommentVNode("", true),
-        _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "left")
+        ]) : a("", !0),
+        e.leftText ? (l(), o("view", j, d(e.leftText), 1)) : a("", !0),
+        s(e.$slots, "left")
       ]),
-      createElementVNode("view", _hoisted_3, [
-        _ctx.title ? (openBlock(), createElementBlock("view", {
+      r("view", q, [
+        e.title ? (l(), o("view", {
           key: 0,
           class: "title",
-          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
-        }, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-        _ctx.titleIcon ? (openBlock(), createElementBlock("view", {
+          onClick: t[1] || (t[1] = (...n) => e.handleCenter && e.handleCenter(...n))
+        }, d(e.title), 1)) : a("", !0),
+        e.titleIcon ? (l(), o("view", {
           key: 1,
           class: "icon",
-          onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
+          onClick: t[3] || (t[3] = (...n) => e.handleCenterIcon && e.handleCenterIcon(...n))
         }, [
-          renderSlot(_ctx.$slots, "title-icon", {
-            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
+          s(e.$slots, "title-icon", {
+            onClick: t[2] || (t[2] = (...n) => e.handleCenterIcon && e.handleCenterIcon(...n))
           })
-        ])) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "content")
+        ])) : a("", !0),
+        s(e.$slots, "content")
       ]),
-      createElementVNode("view", {
+      r("view", {
         class: "nut-navbar__right",
-        onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
+        onClick: t[4] || (t[4] = (...n) => e.handleRight && e.handleRight(...n))
       }, [
-        _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "right")
+        e.desc ? (l(), o("view", F, d(e.desc), 1)) : a("", !0),
+        s(e.$slots, "right")
       ])
     ], 6)
-  ], 512)) : (openBlock(), createElementBlock("view", {
+  ], 512)) : (l(), o("view", {
     key: 1,
-    class: normalizeClass(_ctx.classes),
-    style: normalizeStyle(_ctx.styles)
+    class: g(e.classes),
+    style: m(e.styles)
   }, [
-    createElementVNode("view", {
+    r("view", {
       class: "nut-navbar__left",
-      onClick: _cache[5] || (_cache[5] = (...args) => _ctx.handleLeft && _ctx.handleLeft(...args))
+      onClick: t[5] || (t[5] = (...n) => e.handleLeft && e.handleLeft(...n))
     }, [
-      _ctx.leftShow ? renderSlot(_ctx.$slots, "left-show", { key: 0 }, () => [
-        createVNode(_component_Left, {
+      e.leftShow ? s(e.$slots, "left-show", { key: 0 }, () => [
+        w(f, {
           height: "12px",
           color: "#979797"
         })
-      ]) : createCommentVNode("", true),
-      _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_5, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "left")
+      ]) : a("", !0),
+      e.leftText ? (l(), o("view", G, d(e.leftText), 1)) : a("", !0),
+      s(e.$slots, "left")
     ]),
-    createElementVNode("view", _hoisted_6, [
-      _ctx.title ? (openBlock(), createElementBlock("view", {
+    r("view", J, [
+      e.title ? (l(), o("view", {
         key: 0,
         class: "title",
-        onClick: _cache[6] || (_cache[6] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
-      }, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-      _ctx.titleIcon ? (openBlock(), createElementBlock("view", {
+        onClick: t[6] || (t[6] = (...n) => e.handleCenter && e.handleCenter(...n))
+      }, d(e.title), 1)) : a("", !0),
+      e.titleIcon ? (l(), o("view", {
         key: 1,
         class: "icon",
-        onClick: _cache[8] || (_cache[8] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
+        onClick: t[8] || (t[8] = (...n) => e.handleCenterIcon && e.handleCenterIcon(...n))
       }, [
-        renderSlot(_ctx.$slots, "title-icon", {
-          onClick: _cache[7] || (_cache[7] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
+        s(e.$slots, "title-icon", {
+          onClick: t[7] || (t[7] = (...n) => e.handleCenterIcon && e.handleCenterIcon(...n))
         })
-      ])) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "content")
+      ])) : a("", !0),
+      s(e.$slots, "content")
     ]),
-    createElementVNode("view", {
+    r("view", {
       class: "nut-navbar__right",
-      onClick: _cache[9] || (_cache[9] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
+      onClick: t[9] || (t[9] = (...n) => e.handleRight && e.handleRight(...n))
     }, [
-      _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
-      renderSlot(_ctx.$slots, "right")
+      e.desc ? (l(), o("view", K, d(e.desc), 1)) : a("", !0),
+      s(e.$slots, "right")
     ])
   ], 6));
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const Z = /* @__PURE__ */ E(H, [["render", O]]);
 export {
-  index as default
+  Z as default
 };