@nutui/nutui 3.3.1 → 4.0.0-beta.0

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.0 Mon Dec 26 2022 00:00:21 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.fb9ce7ad.js";
+import { u as useRect } from "./index.af02c42d.js";
+import { ArrowUp2, ArrowDown2 } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.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.0 Mon Dec 26 2022 00:00:21 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.fb9ce7ad.js";
+import { P as Popup } from "./index.4ed42c18.js";
+import { Check } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.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.0 Mon Dec 26 2022 00:00:21 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.fb9ce7ad.js";
+import { Left } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.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
+};

package/dist/packages/_es/{NoticeBar.js → Noticebar.js}

@@ -1,12 +1,14 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 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, renderSlot, createBlock, createCommentVNode, createElementVNode, createTextVNode, toDisplayString, withModifiers, createVNode, mergeProps, vShow, Fragment, renderList } 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 { 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 { Notice, CircleClose } from "@nutui/icons-vue";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { r as renderIcon } from "./renderIcon.f32ed340.js";
+import { p as pxCheck } from "./pxCheck.09969b22.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("noticebar");
 const _sfc_main = create({
@@ -45,8 +47,8 @@ const _sfc_main = create({
       type: Boolean,
       default: false
     },
-    leftIcon: { type: String, default: "" },
-    rightIcon: { type: String, default: "" },
+    leftIcon: { type: Object || String, default: () => Notice },
+    rightIcon: { type: Object || String, default: "" },
     color: {
       type: String,
       default: ""
@@ -73,7 +75,9 @@ const _sfc_main = create({
       props.item.props.style = props.style;
       props.item.key = props.key;
       return h(props.item);
-    }
+    },
+    Notice,
+    CircleClose
   },
   emits: ["click", "close"],
   setup(props, { emit, slots }) {
@@ -84,7 +88,7 @@ const _sfc_main = create({
       firstRound: true,
       duration: 0,
       offsetWidth: 0,
-      showNoticeBar: true,
+      showNoticebar: true,
       animationClass: "",
       animate: false,
       scrollList: [],
@@ -106,12 +110,12 @@ const _sfc_main = create({
         return !state.isCanScroll && !props.wrapable;
       }
     });
-    const iconShow = computed(() => {
-      if (props.leftIcon == "close") {
-        return false;
-      } else {
-        return true;
-      }
+    const wrapContentClass = computed(() => {
+      return {
+        "nut-noticebar__page-wrap-content": true,
+        "nut-ellipsis": isEllipsis.value,
+        [state.animationClass]: true
+      };
     });
     const barStyle = computed(() => {
       let style = {};
@@ -129,13 +133,6 @@ const _sfc_main = create({
         transform: `translateX(${state.firstRound ? 0 : state.wrapWidth + "px"})`
       };
     });
-    const iconBg = computed(() => {
-      let iconBg2 = "";
-      if (props.leftIcon) {
-        iconBg2 = props.leftIcon;
-      }
-      return iconBg2;
-    });
     const horseLampStyle = computed(() => {
       let styles = {};
       if (props.complexAm) {
@@ -166,7 +163,7 @@ const _sfc_main = create({
       }
     );
     const initScrollWrap = (value) => {
-      if (state.showNoticeBar == false) {
+      if (state.showNoticebar == false) {
         return;
       }
       setTimeout(() => {
@@ -192,7 +189,7 @@ const _sfc_main = create({
     };
     const onClickIcon = (event) => {
       if (props.closeMode) {
-        state.showNoticeBar = !props.closeMode;
+        state.showNoticebar = !props.closeMode;
       }
       emit("close", event);
     };
@@ -270,10 +267,8 @@ const _sfc_main = create({
       ...toRefs(state),
       isEllipsis,
       classes,
-      iconShow,
       barStyle,
       contentStyle,
-      iconBg,
       horseLampStyle,
       wrap,
       content,
@@ -283,45 +278,41 @@ const _sfc_main = create({
       go,
       handleClickIcon,
       slots,
-      pxCheck
+      pxCheck,
+      wrapContentClass,
+      renderIcon
     };
   }
 });
-const _hoisted_1 = {
+const _hoisted_1 = { class: "nut-noticebar__page-lefticon" };
+const _hoisted_2 = {
   ref: "wrap",
-  class: "wrap"
+  class: "nut-noticebar__page-wrap"
 };
-const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_CircleClose = resolveComponent("CircleClose");
   const _component_ScrollItem = resolveComponent("ScrollItem");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
     _ctx.direction == "across" ? withDirectives((openBlock(), createElementBlock("view", {
       key: 0,
-      class: normalizeClass(["nut-noticebar-page", { withicon: _ctx.closeMode, close: _ctx.closeMode, wrapable: _ctx.wrapable }]),
+      class: normalizeClass(["nut-noticebar__page", {
+        "nut-noticebar__page--withicon": _ctx.closeMode,
+        "nut-noticebar__page--close": _ctx.closeMode,
+        "nut-noticebar__page--wrapable": _ctx.wrapable
+      }]),
       style: normalizeStyle(_ctx.barStyle),
       onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
     }, [
-      _ctx.iconShow ? (openBlock(), createElementBlock("view", {
-        key: 0,
-        class: "left-icon",
-        style: normalizeStyle({ "background-image": `url(${_ctx.iconBg})` })
-      }, [
-        renderSlot(_ctx.$slots, "left-icon", {}, () => [
-          !_ctx.iconBg ? (openBlock(), createBlock(_component_nut_icon, {
-            key: 0,
-            name: "notice",
-            size: "16",
-            color: _ctx.color
-          }, null, 8, ["color"])) : createCommentVNode("", true)
-        ])
-      ], 4)) : createCommentVNode("", true),
       createElementVNode("view", _hoisted_1, [
+        _ctx.$slots["left-icon"] ? renderSlot(_ctx.$slots, "left-icon", { key: 0 }) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.leftIcon)), { key: 1 }))
+      ]),
+      createElementVNode("view", _hoisted_2, [
         createElementVNode("view", {
           ref: "content",
-          class: normalizeClass(["content", _ctx.animationClass, { "nut-ellipsis": _ctx.isEllipsis }]),
+          class: normalizeClass(_ctx.wrapContentClass),
           style: normalizeStyle(_ctx.contentStyle),
           onAnimationend: _cache[0] || (_cache[0] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args)),
           "on:webkitAnimationEnd": _cache[1] || (_cache[1] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args))
@@ -332,28 +323,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 38)
       ], 512),
       _ctx.closeMode || _ctx.rightIcon ? (openBlock(), createElementBlock("view", {
-        key: 1,
-        class: "right-icon",
+        key: 0,
+        class: "nut-noticebar__page-righticon",
         onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.onClickIcon && _ctx.onClickIcon(...args), ["stop"]))
       }, [
-        renderSlot(_ctx.$slots, "right-icon", {}, () => [
-          createVNode(_component_nut_icon, mergeProps(_ctx.$attrs, {
-            name: _ctx.rightIcon ? _ctx.rightIcon : "close",
-            color: _ctx.color
-          }), null, 16, ["name", "color"])
-        ])
+        _ctx.$slots["right-icon"] ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }) : (openBlock(), createBlock(_component_CircleClose, { key: 1 }))
       ])) : createCommentVNode("", true)
     ], 6)), [
-      [vShow, _ctx.showNoticeBar]
+      [vShow, _ctx.showNoticebar]
     ]) : createCommentVNode("", true),
     _ctx.scrollList.length > 0 && _ctx.direction == "vertical" ? (openBlock(), createElementBlock("view", {
       key: 1,
-      class: "nut-noticebar-vertical",
+      class: "nut-noticebar__vertical",
       style: normalizeStyle(_ctx.barStyle)
     }, [
       _ctx.slots.default ? (openBlock(), createElementBlock("view", {
         key: 0,
-        class: "horseLamp_list",
+        class: "nut-noticebar__vertical-list",
         style: normalizeStyle(_ctx.horseLampStyle)
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.scrollList, (item, index2) => {
@@ -365,25 +351,24 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128))
       ], 4)) : (openBlock(), createElementBlock("ul", {
         key: 1,
-        class: "horseLamp_list",
+        class: "nut-noticebar__vertical-list",
         style: normalizeStyle(_ctx.horseLampStyle)
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.scrollList, (item, index2) => {
           return openBlock(), createElementBlock("li", {
-            class: "horseLamp_list_item",
+            class: "nut-noticebar__vertical-item",
             key: index2,
             style: normalizeStyle({ height: _ctx.pxCheck(_ctx.height) }),
             onClick: ($event) => _ctx.go(item)
-          }, toDisplayString(item), 13, _hoisted_2);
+          }, toDisplayString(item), 13, _hoisted_3);
         }), 128))
       ], 4)),
       createElementVNode("view", {
         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_nut_icon, {
+        _ctx.slots.rightIcon ? renderSlot(_ctx.$slots, "rightIcon", { key: 0 }) : _ctx.closeMode ? (openBlock(), createBlock(_component_CircleClose, {
           key: 1,
-          type: "cross",
           color: _ctx.color,
           size: "11px"
         }, null, 8, ["color"])) : createCommentVNode("", true)
@@ -391,5 +376,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)) : 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/Notify.js

@@ -1,14 +1,15 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 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.js";
-import Popup from "./Popup.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { P as Popup } from "./index.4ed42c18.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
-import "./props.js";
+import "./Overlay.js";
+import "@nutui/icons-vue";
 const { create } = createComponent("notify");
 const _sfc_main = create({
   components: {
@@ -103,7 +104,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["visible", "position", "teleportDisable"]);
 }
-var Notify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const Notify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 const defaultOptions = {
   type: "base",
   visible: true,
@@ -219,4 +220,8 @@ const NotifyFunction = {
     app.config.globalProperties.$notify = NotifyFunction;
   }
 };
-export { Notify, NotifyFunction, NotifyFunction as default };
+export {
+  Notify,
+  NotifyFunction,
+  NotifyFunction as default
+};