@nutui/nutui 4.0.0-beta.3 → 4.0.0-beta.30

package/dist/packages/_es/InfiniteLoading.js

@@ -1,17 +1,12 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { ref, reactive, computed, onMounted, onUnmounted, onActivated, onDeactivated, watch, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, toDisplayString, createCommentVNode } from "vue";
-import { c as createComponent, l as getScrollTopRoot } from "./component-0ea0483c.js";
-import { u as useScrollParent } from "./index-6cd5b878.js";
-import { r as requestAniFrame } from "./raf-8c45e560.js";
+import { c as createComponent, l as getScrollTopRoot } from "./component-81a4c1d0.js";
+import { u as useScrollParent } from "./index-43c34ac6.js";
+import { r as requestAniFrame } from "./raf-729dad54.js";
 import { Loading } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create, translate } = createComponent("infinite-loading");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   props: {
     modelValue: {
       type: Boolean,
@@ -33,14 +28,6 @@ const _sfc_main = /* @__PURE__ */ create({
       type: String,
       default: ""
     },
-    useWindow: {
-      type: Boolean,
-      default: true
-    },
-    containerId: {
-      type: String,
-      default: ""
-    },
     useCapture: {
       type: Boolean,
       default: false
@@ -164,7 +151,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", _hoisted_2, [
       _ctx.isInfiniting ? (openBlock(), createElementBlock("view", _hoisted_3, [
         renderSlot(_ctx.$slots, "loading", {}, () => [
-          renderSlot(_ctx.$slots, "loadIcon", {}, () => [
+          renderSlot(_ctx.$slots, "loading-icon", {}, () => [
             createVNode(_component_Loading, { class: "nut-icon-loading nut-infinite__bottom-box__img" })
           ]),
           createElementVNode("view", _hoisted_4, toDisplayString(_ctx.loadTxt || _ctx.translate("loading")), 1)

package/dist/packages/_es/Input.js

@@ -1,12 +1,7 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { ref, reactive, computed, watch, onMounted, h, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, resolveDynamicComponent, normalizeStyle, toDisplayString, createTextVNode, createCommentVNode, withDirectives, renderSlot, createVNode, mergeProps, vShow } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { MaskClose } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 function trimExtraChar(value, char, regExp) {
   const index2 = value.indexOf(char);
@@ -33,12 +28,8 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   return value.replace(regExp, "");
 }
 const { componentName, create } = createComponent("input");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   props: {
-    ref: {
-      type: String,
-      default: ""
-    },
     type: {
       type: String,
       default: "text"
@@ -55,10 +46,6 @@ const _sfc_main = /* @__PURE__ */ create({
       type: String,
       default: "left"
     },
-    center: {
-      type: Boolean,
-      default: false
-    },
     required: {
       type: Boolean,
       default: false
@@ -73,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ create({
     },
     maxLength: {
       type: [String, Number],
-      default: "9999"
+      default: ""
     },
     clearable: {
       type: Boolean,
@@ -95,14 +82,6 @@ const _sfc_main = /* @__PURE__ */ create({
       type: Function,
       default: null
     },
-    rules: {
-      type: Array,
-      default: []
-    },
-    rows: {
-      type: [String, Number],
-      default: null
-    },
     showWordLimit: {
       type: Boolean,
       default: false
@@ -121,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ create({
     }
   },
   components: { MaskClose },
-  emits: ["update:modelValue", "change", "blur", "focus", "clear", "keypress", "click-input"],
+  emits: ["update:modelValue", "blur", "focus", "clear", "keypress", "click-input"],
   setup(props, { emit, slots }) {
     const active = ref(false);
     const inputRef = ref();
@@ -135,13 +114,14 @@ const _sfc_main = /* @__PURE__ */ create({
     const state = reactive({
       focused: false,
       validateFailed: false,
+      // 校验失败
       validateMessage: ""
+      // 校验信息
     });
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
         [prefixCls]: true,
-        center: props.center,
         [`${prefixCls}--disabled`]: props.disabled,
         [`${prefixCls}--required`]: props.required,
         [`${prefixCls}--error`]: props.error,
@@ -163,12 +143,14 @@ const _sfc_main = /* @__PURE__ */ create({
       }
     };
     const onInput = (event) => {
-      const input = event.target;
-      let value = input.value;
-      if (props.maxLength && value.length > Number(props.maxLength)) {
-        value = value.slice(0, Number(props.maxLength));
+      if (!event.target.composing) {
+        const input = event.target;
+        let value = input.value;
+        if (props.maxLength && value.length > Number(props.maxLength)) {
+          value = value.slice(0, Number(props.maxLength));
+        }
+        updateValue(value);
       }
-      updateValue(value);
     };
     const updateValue = (value, trigger = "onChange") => {
       var _a;
@@ -186,7 +168,6 @@ const _sfc_main = /* @__PURE__ */ create({
       }
       if (value !== props.modelValue) {
         emit("update:modelValue", value);
-        emit("change", value);
       }
     };
     const onFocus = (event) => {
@@ -220,7 +201,6 @@ const _sfc_main = /* @__PURE__ */ create({
       if (props.disabled)
         return;
       emit("update:modelValue", "", event);
-      emit("change", "", event);
       emit("clear", "", event);
     };
     const resetValidation = () => {
@@ -235,6 +215,15 @@ const _sfc_main = /* @__PURE__ */ create({
       }
       emit("click-input", event);
     };
+    const startComposing = ({ target }) => {
+      target.composing = true;
+    };
+    const endComposing = ({ target }) => {
+      if (target.composing) {
+        target.composing = false;
+        target.dispatchEvent(new Event("input"));
+      }
+    };
     watch(
       () => props.modelValue,
       () => {
@@ -256,6 +245,8 @@ const _sfc_main = /* @__PURE__ */ create({
       onFocus,
       onBlur,
       clear,
+      startComposing,
+      endComposing,
       onClickInput
     };
   }
@@ -295,8 +286,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onInput: _ctx.onInput,
             onFocus: _ctx.onFocus,
             onBlur: _ctx.onBlur,
-            onClick: _ctx.onClickInput
-          }, null, 40, ["style", "maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus", "enterkeyhint", "onInput", "onFocus", "onBlur", "onClick"])),
+            onClick: _ctx.onClickInput,
+            onChange: _ctx.endComposing,
+            onCompositionend: _ctx.endComposing,
+            onCompositionstart: _ctx.startComposing
+          }, null, 40, ["style", "maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus", "enterkeyhint", "onInput", "onFocus", "onBlur", "onClick", "onChange", "onCompositionend", "onCompositionstart"])),
           _ctx.showWordLimit && _ctx.maxLength ? (openBlock(), createElementBlock("view", _hoisted_4, [
             createElementVNode("span", _hoisted_5, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
             createTextVNode("/" + toDisplayString(_ctx.maxLength), 1)
@@ -306,8 +300,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "clear", {}, () => [
             createVNode(_component_MaskClose, mergeProps({ class: "nut-input-clear" }, _ctx.$attrs, {
               size: _ctx.clearSize,
+              width: _ctx.clearSize,
+              height: _ctx.clearSize,
               onClick: _ctx.clear
-            }), null, 16, ["size", "onClick"])
+            }), null, 16, ["size", "width", "height", "onClick"])
           ])
         ], 512)), [
           [vShow, _ctx.active && _ctx.modelValue.length > 0]

package/dist/packages/_es/InputNumber.js

@@ -1,16 +1,11 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, normalizeStyle } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { p as pxCheck } from "./pxCheck-c22d207b.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
 import { Minus, Plus } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("input-number");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   components: { Minus, Plus },
   props: {
     modelValue: {
@@ -19,11 +14,11 @@ const _sfc_main = /* @__PURE__ */ create({
     },
     inputWidth: {
       type: [Number, String],
-      default: "40px"
+      default: ""
     },
     buttonSize: {
       type: [Number, String],
-      default: "20px"
+      default: ""
     },
     min: {
       type: [Number, String],
@@ -141,7 +136,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       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", {}, () => [
+      renderSlot(_ctx.$slots, "left-icon", {}, () => [
         createVNode(_component_Minus, {
           width: _ctx.pxCheck(_ctx.buttonSize),
           height: _ctx.pxCheck(_ctx.buttonSize)
@@ -152,7 +147,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       type: "number",
       min: _ctx.min,
       max: _ctx.max,
-      style: normalizeStyle({ width: _ctx.pxCheck(_ctx.inputWidth) }),
+      style: normalizeStyle({ width: _ctx.pxCheck(_ctx.inputWidth), height: _ctx.pxCheck(_ctx.buttonSize) }),
       disabled: _ctx.disabled,
       readonly: _ctx.readonly,
       value: _ctx.modelValue,
@@ -164,7 +159,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       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", {}, () => [
+      renderSlot(_ctx.$slots, "right-icon", {}, () => [
         createVNode(_component_Plus, {
           width: _ctx.pxCheck(_ctx.buttonSize),
           height: _ctx.pxCheck(_ctx.buttonSize)

package/dist/packages/_es/Invoice.js

@@ -1,24 +1,19 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 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-0ea0483c.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import Form from "./Form.js";
 import FormItem from "./FormItem.js";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-3fd73141.js";
-import { _ as _sfc_main$2 } from "./index.vue_vue_type_script_lang-0eef0ccb.js";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_lang-442e4704.js";
+import { _ as _sfc_main$2 } from "./index.vue_vue_type_script_lang-22dfc112.js";
 import Button from "./Button.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./CellGroup.js";
-import "./pxCheck-c22d207b.js";
+import "./pxCheck-c6b9f6b7.js";
 import "./Cell.js";
-import "./index-16a07d20.js";
+import "./index-54d03fc1.js";
 import "@nutui/icons-vue";
 const { componentName, create } = createComponent("invoice");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   components: {
     [Form.name]: Form,
     [FormItem.name]: FormItem,
@@ -44,7 +39,9 @@ const _sfc_main = /* @__PURE__ */ create({
   setup(props, { emit }) {
     const formRef = ref();
     const list = ref([]);
-    const state = reactive({});
+    const state = reactive({
+      // list: []
+    });
     const classes = computed(() => {
       const prefixCls = componentName;
       return {

package/dist/packages/_es/Layout.js

@@ -1,13 +1,8 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { c as createComponent } from "./component-0ea0483c.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import "vue";
 import "../locale/lang";
 const { create } = createComponent("layout");
-const _sfc_main = /* @__PURE__ */ create({});
+const _sfc_main = create({});
 export {
   _sfc_main as default
 };

package/dist/packages/_es/List.js

@@ -1,15 +1,10 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 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-0ea0483c.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("list");
 const clientHeight = document.documentElement.clientHeight || document.body.clientHeight || 667;
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   props: {
     height: {
       type: [Number],
@@ -62,8 +57,7 @@ const _sfc_main = /* @__PURE__ */ create({
       var _a;
       const scrollTop = (_a = list.value) == null ? void 0 : _a.scrollTop;
       state.start = Math.floor(scrollTop / props.height);
-      if (end.value > state.list.length) {
-        emit("scroll");
+      if (end.value >= state.list.length) {
         emit("scroll-bottom");
       }
       state.startOffset = scrollTop - scrollTop % props.height;

package/dist/packages/_es/Menu.js

@@ -1,16 +1,11 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 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-0ea0483c.js";
-import { u as useRect } from "./index-3e9b0a98.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { u as useRect } from "./index-29892cda.js";
 import { ArrowUp2, ArrowDown2 } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("menu");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   components: {
     ArrowUp2,
     ArrowDown2

package/dist/packages/_es/MenuItem.js

@@ -1,17 +1,12 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 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, renderSlot, createCommentVNode, toDisplayString } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { P as Popup } from "./index-d5c47fab.js";
+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-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
 const { componentName, create } = createComponent("menu-item");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   props: {
     title: String,
     options: {

package/dist/packages/_es/Navbar.js

@@ -1,22 +1,22 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { toRefs, ref, computed, onMounted, nextTick, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createVNode, createCommentVNode, toDisplayString } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import { Left } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("navbar");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   components: { Left },
   props: {
     leftShow: { type: Boolean, default: false },
+    //左侧  是否显示返回icon
     title: { type: String, default: "" },
+    //中间  文字标题
     titleIcon: { type: Boolean, default: false },
+    //中间
     leftText: { type: String, default: "" },
+    //左侧文字
     desc: { type: String, default: "" },
+    //右侧   按钮文字
     fixed: {
       type: Boolean,
       default: false
@@ -30,6 +30,7 @@ const _sfc_main = /* @__PURE__ */ create({
       default: false
     },
     placeholder: {
+      // 生成一个等高的占位元素
       type: Boolean,
       default: true
     },
@@ -126,7 +127,7 @@ 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 ? renderSlot(_ctx.$slots, "leftShow", { key: 0 }, () => [
+        _ctx.leftShow ? renderSlot(_ctx.$slots, "left-show", { key: 0 }, () => [
           createVNode(_component_Left, {
             height: "12px",
             color: "#979797"
@@ -146,7 +147,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: "icon",
           onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
         }, [
-          renderSlot(_ctx.$slots, "titleIcon", {
+          renderSlot(_ctx.$slots, "title-icon", {
             onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
           })
         ])) : createCommentVNode("", true),
@@ -169,7 +170,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "nut-navbar__left",
       onClick: _cache[5] || (_cache[5] = (...args) => _ctx.handleLeft && _ctx.handleLeft(...args))
     }, [
-      _ctx.leftShow ? renderSlot(_ctx.$slots, "leftShow", { key: 0 }, () => [
+      _ctx.leftShow ? renderSlot(_ctx.$slots, "left-show", { key: 0 }, () => [
         createVNode(_component_Left, {
           height: "12px",
           color: "#979797"
@@ -189,7 +190,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "icon",
         onClick: _cache[8] || (_cache[8] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
       }, [
-        renderSlot(_ctx.$slots, "titleIcon", {
+        renderSlot(_ctx.$slots, "title-icon", {
           onClick: _cache[7] || (_cache[7] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
         })
       ])) : createCommentVNode("", true),

package/dist/packages/_es/Noticebar.js

@@ -1,18 +1,13 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { h, ref, reactive, computed, watch, onMounted, onActivated, onDeactivated, onUnmounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, normalizeStyle, createElementVNode, renderSlot, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString, withModifiers, createCommentVNode, vShow, Fragment, renderList } from "vue";
+import { h, ref, reactive, computed, watch, onMounted, onActivated, onDeactivated, onUnmounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, normalizeStyle, createElementVNode, renderSlot, createBlock, createCommentVNode, createTextVNode, toDisplayString, withModifiers, vShow, Fragment, renderList } from "vue";
 import { Notice, CircleClose } from "@nutui/icons-vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { r as renderIcon } from "./renderIcon-6bea5078.js";
-import { p as pxCheck } from "./pxCheck-c22d207b.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("noticebar");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   props: {
+    // 滚动方向  across 横向 vertical 纵向
     direction: {
       type: String,
       default: "across"
@@ -47,8 +42,7 @@ const _sfc_main = /* @__PURE__ */ create({
       type: Boolean,
       default: false
     },
-    leftIcon: { type: Object || String, default: () => Notice },
-    rightIcon: { type: Object || String, default: "" },
+    leftIcon: { type: Boolean, default: true },
     color: {
       type: String,
       default: ""
@@ -234,6 +228,9 @@ const _sfc_main = /* @__PURE__ */ create({
       emit("click", item);
     };
     const handleClickIcon = () => {
+      if (props.closeMode) {
+        state.showNoticebar = !props.closeMode;
+      }
       emit("close", state.scrollList[0]);
     };
     onMounted(() => {
@@ -279,8 +276,7 @@ const _sfc_main = /* @__PURE__ */ create({
       handleClickIcon,
       slots,
       pxCheck,
-      wrapContentClass,
-      renderIcon
+      wrapContentClass
     };
   }
 });
@@ -291,6 +287,7 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Notice = resolveComponent("Notice");
   const _component_CircleClose = resolveComponent("CircleClose");
   const _component_ScrollItem = resolveComponent("ScrollItem");
   return openBlock(), createElementBlock("view", {
@@ -307,7 +304,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
     }, [
       createElementVNode("view", _hoisted_1, [
-        _ctx.$slots["left-icon"] ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.leftIcon)), { key: 1 }))
+        renderSlot(_ctx.$slots, "left-icon", {}, () => [
+          _ctx.leftIcon ? (openBlock(), createBlock(_component_Notice, {
+            key: 0,
+            size: "16px"
+          })) : createCommentVNode("", true)
+        ])
       ]),
       createElementVNode("view", _hoisted_2, [
         createElementVNode("view", {
@@ -322,7 +324,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ], 38)
       ], 512),
-      _ctx.closeMode || _ctx.rightIcon ? (openBlock(), createElementBlock("view", {
+      _ctx.closeMode || _ctx.$slots["right-icon"] ? (openBlock(), createElementBlock("view", {
         key: 0,
         class: "nut-noticebar__page-righticon",
         onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.onClickIcon && _ctx.onClickIcon(...args), ["stop"]))
@@ -332,7 +334,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 6)), [
       [vShow, _ctx.showNoticebar]
     ]) : createCommentVNode("", true),
-    _ctx.scrollList.length > 0 && _ctx.direction == "vertical" ? (openBlock(), createElementBlock("view", {
+    _ctx.scrollList.length > 0 && _ctx.direction == "vertical" && _ctx.showNoticebar ? (openBlock(), createElementBlock("view", {
       key: 1,
       class: "nut-noticebar__vertical",
       style: normalizeStyle(_ctx.barStyle)
@@ -367,11 +369,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "go",
         onClick: _cache[4] || (_cache[4] = ($event) => !_ctx.slots.rightIcon && _ctx.handleClickIcon())
       }, [
-        _ctx.slots.rightIcon ? renderSlot(_ctx.$slots, "rightIcon", { key: 0 }) : _ctx.closeMode ? (openBlock(), createBlock(_component_CircleClose, {
-          key: 1,
-          color: _ctx.color,
-          size: "11px"
-        }, null, 8, ["color"])) : createCommentVNode("", true)
+        renderSlot(_ctx.$slots, "right-icon", {}, () => [
+          _ctx.closeMode ? (openBlock(), createBlock(_component_CircleClose, {
+            key: 0,
+            color: _ctx.color,
+            size: "11px"
+          }, null, 8, ["color"])) : createCommentVNode("", true)
+        ])
       ])
     ], 4)) : createCommentVNode("", true)
   ], 2);

package/dist/packages/_es/Notify.js

@@ -1,17 +1,12 @@
-/*!
-* @nutui/nutui v4.0.0-beta.3 Tue Dec 27 2022 17:58:29 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
 import { ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, createVNode, render, onMounted, h } from "vue";
-import { c as createComponent } from "./component-0ea0483c.js";
-import { P as Popup } from "./index-d5c47fab.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-681cd9ef.js";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { P as Popup } from "./index-991c279f.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
 import "@nutui/icons-vue";
 const { create } = createComponent("notify");
-const _sfc_main = /* @__PURE__ */ create({
+const _sfc_main = create({
   components: {
     [Popup.name]: Popup
   },
@@ -113,6 +108,10 @@ const defaultOptions = {
   background: void 0,
   duration: 3e3,
   className: "",
+  onClose: Function,
+  // onClick: null,
+  // onOpened: null,
+  // textTimer: null,
   teleport: "",
   unmount: new Function()
 };
@@ -173,6 +172,7 @@ const mountNotify = (opts) => {
       opts.teleport = `#notify-${opts.id}`;
       onMounted(() => {
         setTimeout(() => {
+          opts.onClose && opts.onClose();
           document.body.removeChild(root);
         }, opts.duration);
       });
@@ -191,7 +191,7 @@ const errorMsg = (msg) => {
     return;
   }
 };
-const NotifyFunction = {
+const showNotify = {
   text(msg, obj = {}) {
     errorMsg(msg);
     return mountNotify({ ...obj, msg });
@@ -217,11 +217,9 @@ const NotifyFunction = {
   },
   install(app) {
     app.use(Notify);
-    app.config.globalProperties.$notify = NotifyFunction;
   }
 };
 export {
-  Notify,
-  NotifyFunction,
-  NotifyFunction as default
+  Notify as default,
+  showNotify
 };