@nutui/nutui 3.3.1 → 4.0.0-beta.1

package/dist/packages/_es/InputNumber.js

@@ -1,15 +1,17 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, mergeProps, createElementVNode } from "vue";
-import { c as createComponent } from "./component.js";
-import { p as pxCheck } from "./pxCheck.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, normalizeStyle } from "vue";
+import { c as createComponent } from "./component-48526d37.js";
+import { p as pxCheck } from "./pxCheck-524650ac.js";
+import { Minus, Plus } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("inputnumber");
+const { componentName, create } = createComponent("input-number");
 const _sfc_main = create({
+  components: { Minus, Plus },
   props: {
     modelValue: {
       type: [Number, String],
@@ -17,11 +19,11 @@ const _sfc_main = create({
     },
     inputWidth: {
       type: [Number, String],
-      default: ""
+      default: "40px"
     },
     buttonSize: {
       type: [Number, String],
-      default: ""
+      default: "20px"
     },
     min: {
       type: [Number, String],
@@ -46,14 +48,6 @@ const _sfc_main = create({
     readonly: {
       type: Boolean,
       default: false
-    },
-    iconLeft: {
-      type: String,
-      default: "minus"
-    },
-    iconRight: {
-      type: String,
-      default: "plus"
     }
   },
   emits: ["update:modelValue", "change", "blur", "focus", "reduce", "add", "overlimit"],
@@ -138,16 +132,22 @@ const _sfc_main = create({
 });
 const _hoisted_1 = ["min", "max", "disabled", "readonly", "value"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_Minus = resolveComponent("Minus");
+  const _component_Plus = resolveComponent("Plus");
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    style: normalizeStyle({ height: _ctx.pxCheck(_ctx.buttonSize) })
+    class: normalizeClass(_ctx.classes)
   }, [
-    createVNode(_component_nut_icon, mergeProps({
-      name: _ctx.iconLeft,
-      class: ["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.reduceAllow() }],
-      size: _ctx.buttonSize
-    }, _ctx.$attrs, { onClick: _ctx.reduce }), null, 16, ["name", "class", "size", "onClick"]),
+    createElementVNode("view", {
+      class: normalizeClass(["nut-input-number__icon nut-input-number__left", { "nut-input-number__icon--disabled": !_ctx.reduceAllow() }]),
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.reduce && _ctx.reduce(...args))
+    }, [
+      renderSlot(_ctx.$slots, "leftIcon", {}, () => [
+        createVNode(_component_Minus, {
+          width: _ctx.pxCheck(_ctx.buttonSize),
+          height: _ctx.pxCheck(_ctx.buttonSize)
+        }, null, 8, ["width", "height"])
+      ])
+    ], 2),
     createElementVNode("input", {
       type: "number",
       min: _ctx.min,
@@ -156,16 +156,24 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       disabled: _ctx.disabled,
       readonly: _ctx.readonly,
       value: _ctx.modelValue,
-      onInput: _cache[0] || (_cache[0] = (...args) => _ctx.change && _ctx.change(...args)),
-      onBlur: _cache[1] || (_cache[1] = (...args) => _ctx.blur && _ctx.blur(...args)),
-      onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args))
+      onInput: _cache[1] || (_cache[1] = (...args) => _ctx.change && _ctx.change(...args)),
+      onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.blur && _ctx.blur(...args)),
+      onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.focus && _ctx.focus(...args))
     }, null, 44, _hoisted_1),
-    createVNode(_component_nut_icon, mergeProps({
-      name: _ctx.iconRight,
-      class: ["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.addAllow() }],
-      size: _ctx.buttonSize
-    }, _ctx.$attrs, { onClick: _ctx.add }), null, 16, ["name", "class", "size", "onClick"])
-  ], 6);
+    createElementVNode("view", {
+      class: normalizeClass(["nut-input-number__icon nut-input-number__right", { "nut-input-number__icon--disabled": !_ctx.addAllow() }]),
+      onClick: _cache[4] || (_cache[4] = (...args) => _ctx.add && _ctx.add(...args))
+    }, [
+      renderSlot(_ctx.$slots, "rightIcon", {}, () => [
+        createVNode(_component_Plus, {
+          width: _ctx.pxCheck(_ctx.buttonSize),
+          height: _ctx.pxCheck(_ctx.buttonSize)
+        }, null, 8, ["width", "height"])
+      ])
+    ], 2)
+  ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  InputNumber as default
+};

package/dist/packages/_es/Invoice.js

@@ -1,14 +1,31 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { ref, reactive, computed, onMounted, watch, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, withDirectives, vModelText, createCommentVNode } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component-48526d37.js";
+import Form from "./Form.js";
+import FormItem from "./FormItem.js";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-84b793e8.js";
+import { _ as _sfc_main$2 } from "./index.vue_vue_type_script_lang-959515e8.js";
+import Button from "./Button.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
+import "./CellGroup.js";
+import "./pxCheck-524650ac.js";
+import "./Cell.js";
+import "./index-fe4c328e.js";
+import "@nutui/icons-vue";
 const { componentName, create } = createComponent("invoice");
 const _sfc_main = create({
+  components: {
+    [Form.name]: Form,
+    [FormItem.name]: FormItem,
+    [_sfc_main$1.name]: _sfc_main$1,
+    [_sfc_main$2.name]: _sfc_main$2,
+    [Button.name]: Button
+  },
   props: {
     data: {
       type: Array,
@@ -40,7 +57,7 @@ const _sfc_main = create({
     const init = () => {
       list.value = props.data;
     };
-    const submit = () => {
+    const submitFun = () => {
       formRef.value.validate().then(({ valid, errors }) => {
         emit("onSubmit", valid, errors);
       });
@@ -55,7 +72,7 @@ const _sfc_main = create({
       classes,
       formRef,
       list,
-      submit
+      submitFun
     };
   }
 });
@@ -66,7 +83,7 @@ const _hoisted_2 = {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_radio = resolveComponent("nut-radio");
-  const _component_nut_radiogroup = resolveComponent("nut-radiogroup");
+  const _component_nut_radio_group = resolveComponent("nut-radio-group");
   const _component_nut_form_item = resolveComponent("nut-form-item");
   const _component_nut_form = resolveComponent("nut-form");
   const _component_nut_button = resolveComponent("nut-button");
@@ -87,7 +104,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             prop: item.formItemProp
           }, {
             default: withCtx(() => [
-              item.type === "radio" ? (openBlock(), createBlock(_component_nut_radiogroup, {
+              item.type === "radio" ? (openBlock(), createBlock(_component_nut_radio_group, {
                 key: 0,
                 modelValue: _ctx.formValue[item.formItemProp],
                 "onUpdate:modelValue": ($event) => _ctx.formValue[item.formItemProp] = $event
@@ -127,15 +144,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_nut_button, {
         type: "primary",
         block: "",
-        onClick: _ctx.submit
+        onClick: _ctx.submitFun
       }, {
         default: withCtx(() => [
-          createTextVNode("\u63D0\u4EA4\u5BA1\u6279")
+          createTextVNode("提交审批")
         ]),
         _: 1
       }, 8, ["onClick"])
     ])) : createCommentVNode("", true)
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Layout.js

@@ -1,11 +1,13 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { c as createComponent } from "./component.js";
+import { c as createComponent } from "./component-48526d37.js";
 import "vue";
 import "../locale/lang";
 const { create } = createComponent("layout");
 const _sfc_main = create({});
-export { _sfc_main as default };
+export {
+  _sfc_main as default
+};

package/dist/packages/_es/List.js

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 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 { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component-48526d37.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("list");
 const clientHeight = document.documentElement.clientHeight || document.body.clientHeight || 667;
@@ -116,5 +116,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)
   ], 38);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Menu.js

@@ -1,15 +1,20 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 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 { c as createComponent } from "./component.js";
-import { u as useRect } from "./index2.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { ref, computed, onMounted, onUnmounted, reactive, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, renderSlot, createBlock } from "vue";
+import { c as createComponent } from "./component-48526d37.js";
+import { u as useRect } from "./index-c70386a5.js";
+import { ArrowUp2, ArrowDown2 } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("menu");
 const _sfc_main = create({
+  components: {
+    ArrowUp2,
+    ArrowDown2
+  },
   props: {
     activeColor: {
       type: String,
@@ -159,8 +164,10 @@ const _sfc_main = create({
 });
 const _hoisted_1 = ["onClick"];
 const _hoisted_2 = { class: "nut-menu__title-text" };
+const _hoisted_3 = { class: "nut-menu__title-icon" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_ArrowUp2 = resolveComponent("ArrowUp2");
+  const _component_ArrowDown2 = resolveComponent("ArrowDown2");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -179,11 +186,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: normalizeClass(["nut-menu__title", _ctx.getClasses(item.state.showPopup)])
           }, [
             createElementVNode("view", _hoisted_2, toDisplayString(item.renderTitle()), 1),
-            createVNode(_component_nut_icon, mergeProps(_ctx.$attrs, {
-              name: _ctx.titleIcon || (_ctx.direction === "up" ? "arrow-up" : "down-arrow"),
-              size: "10",
-              class: "nut-menu__title-icon"
-            }), null, 16, ["name"])
+            createElementVNode("span", _hoisted_3, [
+              renderSlot(_ctx.$slots, "icon", {}, () => [
+                _ctx.direction === "up" ? (openBlock(), createBlock(_component_ArrowUp2, { key: 0 })) : (openBlock(), createBlock(_component_ArrowDown2, { key: 1 }))
+              ])
+            ])
           ], 2)
         ], 14, _hoisted_1);
       }), 128))
@@ -191,5 +198,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/MenuItem.js

@@ -1,16 +1,15 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, inject, getCurrentInstance, onUnmounted, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, vShow, 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 { 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-48526d37.js";
+import { P as Popup } from "./index-b05fa625.js";
+import { Check } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
-import "./pxCheck.js";
-import "./props.js";
+import "./Overlay.js";
 const { componentName, create } = createComponent("menu-item");
 const _sfc_main = create({
   props: {
@@ -33,15 +32,11 @@ const _sfc_main = create({
     optionIcon: {
       type: String,
       default: "Check"
-    },
-    classPrefix: {
-      type: String,
-      default: "nut-icon"
     }
   },
   components: {
-    [_sfc_main$1.name]: _sfc_main$1,
-    [Popup.name]: Popup
+    [Popup.name]: Popup,
+    Check
   },
   emits: ["update:modelValue", "change", "open", "close"],
   setup(props, { emit, slots }) {
@@ -132,14 +127,14 @@ const _sfc_main = create({
 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");
+  const _component_Check = resolveComponent("Check");
   const _component_nut_popup = resolveComponent("nut-popup");
   return withDirectives((openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
     withDirectives(createElementVNode("div", {
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickOutside && _ctx.handleClickOutside(...args)),
-      class: normalizeClass(["placeholder-element", { up: _ctx.parent.props.direction === "up" }]),
+      class: normalizeClass(["nut-menu-item-placeholder-element", { up: _ctx.parent.props.direction === "up" }]),
       style: normalizeStyle(_ctx.placeholderElementStyle)
     }, null, 6), [
       [vShow, _ctx.state.isShowPlaceholderElement]
@@ -169,12 +164,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               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,
-                "class-prefix": _ctx.classPrefix
-              }), null, 16, ["class", "name", "color", "class-prefix"])) : createCommentVNode("", true),
+              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 : "" })
@@ -190,5 +189,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.state.showWrapper]
   ]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Navbar.js

@@ -1,18 +1,20 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.1 Mon Dec 26 2022 15:40:58 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 { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { toRefs, ref, computed, onMounted, nextTick, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createVNode, createCommentVNode, toDisplayString } from "vue";
+import { c as createComponent } from "./component-48526d37.js";
+import { Left } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-73a3d722.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("navbar");
 const _sfc_main = create({
+  components: { Left },
   props: {
     leftShow: { type: Boolean, default: false },
     title: { type: String, default: "" },
-    titIcon: { type: String, default: "" },
+    titleIcon: { type: Boolean, default: false },
     leftText: { type: String, default: "" },
     desc: { type: String, default: "" },
     fixed: {
@@ -41,7 +43,7 @@ const _sfc_main = create({
     const { border, fixed, safeAreaInsetTop, placeholder, zIndex } = toRefs(props);
     const navBarWrap = ref(null);
     const navBarHtml = ref(null);
-    let navHeight = ref(0);
+    let navHeight = ref();
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
@@ -60,8 +62,8 @@ const _sfc_main = create({
       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";
+          navHeight.value = (_a = navBarHtml == null ? void 0 : navBarHtml.value) == null ? void 0 : _a.getBoundingClientRect().height;
+          navBarWrap.value.style.height = navHeight.value + "px";
         });
       }
     });
@@ -113,7 +115,7 @@ const _hoisted_7 = {
   class: "nut-navbar__text"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_Left = resolveComponent("Left");
   return _ctx.fixed && _ctx.placeholder ? (openBlock(), createElementBlock("view", _hoisted_1, [
     createElementVNode("view", {
       class: normalizeClass(_ctx.classes),
@@ -124,11 +126,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "nut-navbar__left",
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleLeft && _ctx.handleLeft(...args))
       }, [
-        _ctx.leftShow ? (openBlock(), createBlock(_component_nut_icon, {
-          key: 0,
-          color: "#979797",
-          name: "left"
-        })) : createCommentVNode("", true),
+        _ctx.leftShow ? renderSlot(_ctx.$slots, "leftShow", { key: 0 }, () => [
+          createVNode(_component_Left, {
+            height: "12px",
+            color: "#979797"
+          })
+        ]) : createCommentVNode("", true),
         _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "left")
       ]),
@@ -138,18 +141,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: "title",
           onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
         }, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-        _ctx.titIcon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
+        _ctx.titleIcon ? (openBlock(), createElementBlock("view", {
           key: 1,
-          class: "icon"
-        }, _ctx.$attrs, {
-          name: _ctx.titIcon,
-          onClick: _ctx.handleCenterIcon
-        }), null, 16, ["name", "onClick"])) : createCommentVNode("", true),
+          class: "icon",
+          onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
+        }, [
+          renderSlot(_ctx.$slots, "titleIcon", {
+            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
+          })
+        ])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "content")
       ]),
       createElementVNode("view", {
         class: "nut-navbar__right",
-        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
+        onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
       }, [
         _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "right")
@@ -162,13 +167,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode("view", {
       class: "nut-navbar__left",
-      onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleLeft && _ctx.handleLeft(...args))
+      onClick: _cache[5] || (_cache[5] = (...args) => _ctx.handleLeft && _ctx.handleLeft(...args))
     }, [
-      _ctx.leftShow ? (openBlock(), createBlock(_component_nut_icon, {
-        key: 0,
-        color: "#979797",
-        name: "left"
-      })) : createCommentVNode("", true),
+      _ctx.leftShow ? renderSlot(_ctx.$slots, "leftShow", { key: 0 }, () => [
+        createVNode(_component_Left, {
+          height: "12px",
+          color: "#979797"
+        })
+      ]) : createCommentVNode("", true),
       _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_5, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "left")
     ]),
@@ -176,25 +182,29 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.title ? (openBlock(), createElementBlock("view", {
         key: 0,
         class: "title",
-        onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
+        onClick: _cache[6] || (_cache[6] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
       }, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-      _ctx.titIcon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
+      _ctx.titleIcon ? (openBlock(), createElementBlock("view", {
         key: 1,
-        class: "icon"
-      }, _ctx.$attrs, {
-        name: _ctx.titIcon,
-        onClick: _ctx.handleCenterIcon
-      }), null, 16, ["name", "onClick"])) : createCommentVNode("", true),
+        class: "icon",
+        onClick: _cache[8] || (_cache[8] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
+      }, [
+        renderSlot(_ctx.$slots, "titleIcon", {
+          onClick: _cache[7] || (_cache[7] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
+        })
+      ])) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "content")
     ]),
     createElementVNode("view", {
       class: "nut-navbar__right",
-      onClick: _cache[5] || (_cache[5] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
+      onClick: _cache[9] || (_cache[9] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
     }, [
       _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "right")
     ])
   ], 6));
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};