@nutui/nutui 3.1.22-beta.3 → 3.1.22-beta.5

package/dist/packages/_es/Grid.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/GridItem.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Icon.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Image.js

@@ -0,0 +1,31 @@
+/*!
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { reactive as r, useSlots as o, computed as e, watch as t, toRefs as i, resolveComponent as l, openBlock as s, createElementBlock as a, normalizeClass as n, normalizeStyle as d, createElementVNode as g, createBlock as c, createCommentVNode as u, renderSlot as m } from "vue";
+import { c as p } from "./component.js";
+import { p as f } from "./pxCheck.js";
+import { _ as y } from "./plugin-vue_export-helper.js";
+import "../locale/lang";
+const { componentName: h, create: k } = p("image"), w = k({ props: { src: String, fit: { type: String, default: "fill" }, position: { type: String, default: "center" }, alt: { type: String, default: "" }, width: { type: String, default: "center" }, height: { type: String, default: "" }, round: { type: Boolean, default: false }, radius: [String, Number], showError: { type: Boolean, default: true }, showLoading: { type: Boolean, default: true } }, emits: ["click", "load", "error"], setup(l2, { emit: s2 }) {
+  const a2 = r({ loading: true, isError: false, slotLoding: o().loading, slotError: o().error }), n2 = e(() => ({ [h]: true, [`${h}-round`]: l2.round })), d2 = e(() => {
+    let r2 = {};
+    return l2.width && (r2.width = f(l2.width)), l2.height && (r2.height = f(l2.height)), l2.radius !== void 0 && l2.radius !== null && (r2.overflow = "hidden", r2.borderRadius = f(l2.radius)), r2;
+  }), g2 = e(() => ({ objectFit: l2.fit, objectPosition: l2.position }));
+  t(() => l2.src, (r2) => {
+    a2.isError = false, a2.loading = true;
+  });
+  return { ...i(a2), imageClick: (r2) => {
+    s2("click", r2);
+  }, classes: n2, styles: g2, stylebox: d2, error: () => {
+    a2.isError = true, a2.loading = false, s2("error");
+  }, load: () => {
+    a2.loading = false, s2("load");
+  } };
+} }), v = ["src", "alt"], E = { key: 0, class: "nut-img-loading" }, S = { key: 1, class: "nut-img-error" };
+var b = y(w, [["render", function(r2, o2, e2, t2, i2, p2) {
+  const f2 = l("nut-icon");
+  return s(), a("view", { class: n(r2.classes), style: d(r2.stylebox), onClick: o2[2] || (o2[2] = (...o3) => r2.imageClick && r2.imageClick(...o3)) }, [g("img", { class: "nut-img", src: r2.src, alt: r2.alt, onLoad: o2[0] || (o2[0] = (...o3) => r2.load && r2.load(...o3)), onError: o2[1] || (o2[1] = (...o3) => r2.error && r2.error(...o3)), style: d(r2.styles) }, null, 44, v), r2.loading ? (s(), a("view", E, [r2.slotLoding ? u("", true) : (s(), c(f2, { key: 0, name: "image" })), m(r2.$slots, "loading")])) : u("", true), r2.isError && !r2.loading ? (s(), a("view", S, [r2.slotError ? u("", true) : (s(), c(f2, { key: 0, name: "image-error" })), m(r2.$slots, "error")])) : u("", true)], 6);
+}]]);
+export { b as default };

package/dist/packages/_es/ImagePreview.js

@@ -1,102 +1,94 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a2, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp.call(b2, prop))
-      __defNormalProp(a2, prop, b2[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b2)) {
-      if (__propIsEnum.call(b2, prop))
-        __defNormalProp(a2, prop, b2[prop]);
-    }
-  return a2;
-};
-var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs as e, reactive as o, watch as t, onMounted as i, resolveComponent as s, openBlock as a, createBlock as n, withCtx as l, createElementVNode as r, withModifiers as p, createElementBlock as c, Fragment as u, renderList as m, createVNode as g, createCommentVNode as d, toDisplayString as h, render as v, h as y } from "vue";
-import { c as f } from "./component.js";
-import w from "./Popup.js";
-import b from "./Video.js";
-import T from "./Swiper.js";
-import C from "./SwiperItem.js";
-import { _ as x } from "./plugin-vue_export-helper.js";
+import { toRefs as e, reactive as o, computed as t, watch as i, onMounted as n, resolveComponent as s, openBlock as a, createBlock as l, withCtx as c, createElementVNode as r, withModifiers as p, createElementBlock as u, Fragment as m, renderList as g, createVNode as d, createCommentVNode as h, toDisplayString as f, normalizeStyle as v, render as y, h as w } from "vue";
+import { c as b, a as C } from "./component.js";
+import x from "./Popup.js";
+import T from "./Video.js";
+import I from "./Swiper.js";
+import S from "./SwiperItem.js";
+import j from "./Icon.js";
+import { _ as N } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 import "./OverLay.js";
-import "./Icon.js";
 import "./pxCheck.js";
 import "./index3.js";
-const { componentName: j, create: N } = f("imagepreview"), S = N({ props: { show: { type: Boolean, default: false }, images: { type: Array, default: () => [] }, videos: { type: Array, default: () => [] }, contentClose: { type: Boolean, default: false }, initNo: { type: Number, default: 1 }, paginationVisible: { type: Boolean, default: false }, paginationColor: { type: String, default: "#fff" }, autoplay: { type: [Number, String], default: 3e3 }, isWrapTeleport: { type: Boolean, default: false } }, emits: ["close"], components: { [w.name]: w, [b.name]: b, [T.name]: T, [C.name]: C }, setup(s2, { emit: a2 }) {
+const { componentName: k, create: E } = b("imagepreview"), P = E({ props: { show: { type: Boolean, default: false }, images: { type: Array, default: () => [] }, videos: { type: Array, default: () => [] }, contentClose: { type: Boolean, default: true }, initNo: { type: Number, default: 1 }, paginationVisible: { type: Boolean, default: false }, paginationColor: { type: String, default: "#fff" }, autoplay: { type: [Number, String], default: 3e3 }, isWrapTeleport: { type: Boolean, default: false }, showIndex: { type: Boolean, default: true }, closeable: { type: Boolean, default: false }, closeIcon: { type: String, default: "circle-close" }, closeIconPosition: { type: String, default: "top-right" }, beforeClose: Function }, emits: ["close", "change"], components: { [x.name]: x, [T.name]: T, [I.name]: I, [S.name]: S, [j.name]: j }, setup(s2, { emit: a2 }) {
   e(s2);
-  const n2 = o({ showPop: false, active: 1, maxNo: 1, source: { src: "https://storage.jd.com/about/big-final.mp4?Expires=3730193075&AccessKey=3LoYX1dQWa6ZXzQl&Signature=ViMFjz%2BOkBxS%2FY1rjtUVqbopbJI%3D", type: "video/mp4" }, options: { muted: true, controls: true }, eleImg: null, store: { scale: 1, moveable: false }, lastTouchEndTime: 0 }), l2 = () => {
-    n2.showPop = false, n2.store.scale = 1, p2(), n2.active = 1, a2("close");
-  }, r2 = (e2, o2) => Math.hypot(Math.abs(o2.x - e2.x), Math.abs(o2.y - e2.y)), p2 = () => {
-    n2.eleImg.style.transform = "scale(" + n2.store.scale + ")";
-  }, c2 = (e2) => {
-    if (!n2.store.moveable)
+  const l2 = o({ showPop: false, active: 1, maxNo: 1, source: { src: "https://storage.jd.com/about/big-final.mp4?Expires=3730193075&AccessKey=3LoYX1dQWa6ZXzQl&Signature=ViMFjz%2BOkBxS%2FY1rjtUVqbopbJI%3D", type: "video/mp4" }, options: { muted: true, controls: true }, eleImg: null, store: { scale: 1, moveable: false }, lastTouchEndTime: 0 }), c2 = t(() => {
+    let e2 = {};
+    return s2.closeIconPosition == "top-right" ? e2.right = "10px" : e2.left = "10px", e2;
+  }), r2 = () => {
+    if (s2.beforeClose) {
+      const e2 = s2.beforeClose.apply(null, l2.active);
+      C(e2) ? e2.then((e3) => {
+        e3 && p2();
+      }) : e2 && p2();
+    } else
+      p2();
+  }, p2 = () => {
+    l2.showPop = false, l2.store.scale = 1, m2(), l2.active = 1, a2("close");
+  }, u2 = (e2, o2) => Math.hypot(Math.abs(o2.x - e2.x), Math.abs(o2.y - e2.y)), m2 = () => {
+    l2.eleImg.style.transform = "scale(" + l2.store.scale + ")";
+  }, g2 = (e2) => {
+    if (!l2.store.moveable)
       return;
-    const o2 = n2.store;
-    var t2 = e2.touches, i2 = t2[0], s3 = t2[1];
-    if (s3) {
-      const e3 = r2({ x: i2.pageX, y: i2.pageY }, { x: s3.pageX, y: s3.pageY }) / o2.oriDistance;
-      o2.scale = o2.originScale * e3, o2.scale > 3 && (o2.scale = 3), p2();
+    const o2 = l2.store;
+    var t2 = e2.touches, i2 = t2[0], n2 = t2[1];
+    if (n2) {
+      const e3 = u2({ x: i2.pageX, y: i2.pageY }, { x: n2.pageX, y: n2.pageY }) / o2.oriDistance;
+      o2.scale = o2.originScale * e3, o2.scale > 3 && (o2.scale = 3), m2();
     }
-  }, u2 = () => {
-    n2.lastTouchEndTime = new Date().getTime();
-    const e2 = n2.store;
-    e2.moveable = false, (e2.scale < 1.1 && e2.scale > 1 || e2.scale < 1) && (e2.scale = 1, p2());
+  }, d2 = () => {
+    l2.lastTouchEndTime = new Date().getTime();
+    const e2 = l2.store;
+    e2.moveable = false, (e2.scale < 1.1 && e2.scale > 1 || e2.scale < 1) && (e2.scale = 1, m2());
   };
-  return t(() => s2.show, (e2) => {
-    n2.showPop = e2, n2.eleImg = document.querySelector(".nut-imagepreview"), document.addEventListener("touchmove", c2), document.addEventListener("touchend", u2), document.addEventListener("touchcancel", u2);
-  }), i(() => {
-    n2.active = s2.initNo, n2.showPop = s2.show, n2.maxNo = s2.images.length + s2.videos.length;
-  }), __spreadProps(__spreadValues({}, e(n2)), { slideChangeEnd: function(e2) {
-    n2.active = e2 + 1;
-  }, onClose: l2, closeOnImg: () => {
-    s2.contentClose && l2();
+  return i(() => s2.show, (e2) => {
+    l2.showPop = e2, l2.eleImg = document.querySelector(".nut-imagepreview"), document.addEventListener("touchmove", g2), document.addEventListener("touchend", d2), document.addEventListener("touchcancel", d2);
+  }), n(() => {
+    l2.active = s2.initNo, l2.showPop = s2.show, l2.maxNo = s2.images.length + s2.videos.length;
+  }), { ...e(l2), slideChangeEnd: function(e2) {
+    l2.active = e2 + 1, a2("change", l2.active);
+  }, onClose: r2, closeOnImg: () => {
+    s2.contentClose && r2();
   }, onTouchStart: (e2) => {
-    if (new Date().getTime() - n2.lastTouchEndTime < 300) {
-      const e3 = n2.store;
-      e3.scale > 1 ? e3.scale = 1 : e3.scale == 1 && (e3.scale = 2), p2();
+    if (new Date().getTime() - l2.lastTouchEndTime < 300) {
+      const e3 = l2.store;
+      e3.scale > 1 ? e3.scale = 1 : e3.scale == 1 && (e3.scale = 2), m2();
     }
     var o2 = e2.touches, t2 = o2[0], i2 = o2[1];
-    const s3 = n2.store;
-    s3.moveable = true, i2 && (s3.oriDistance = r2({ x: t2.pageX, y: t2.pageY }, { x: i2.pageX, y: i2.pageY })), s3.originScale = s3.scale || 1;
-  }, onTouchMove: c2, onTouchEnd: u2, getDistance: r2, scaleNow: p2 });
-} }), E = ["src"], I = { class: "nut-imagepreview-index" };
-var P = x(S, [["render", function(e2, o2, t2, i2, v2, y2) {
-  const f2 = s("nut-video"), w2 = s("nut-swiper-item"), b2 = s("nut-swiper"), T2 = s("nut-popup");
-  return a(), n(T2, { "pop-class": "custom-pop", visible: e2.showPop, "onUpdate:visible": o2[2] || (o2[2] = (o3) => e2.showPop = o3), isWrapTeleport: e2.isWrapTeleport, onClick: e2.onClose, style: { width: "100%" } }, { default: l(() => [r("view", { class: "nut-imagepreview", onClick: o2[0] || (o2[0] = p((...o3) => e2.closeOnImg && e2.closeOnImg(...o3), ["stop"])), onTouchstartCapture: o2[1] || (o2[1] = (...o3) => e2.onTouchStart && e2.onTouchStart(...o3)) }, [e2.showPop ? (a(), n(b2, { key: 0, "auto-play": e2.autoplay, class: "nut-imagepreview-swiper", loop: true, "is-preventDefault": false, direction: "horizontal", onChange: e2.slideChangeEnd, "init-page": e2.initNo > e2.maxNo ? e2.maxNo - 1 : e2.initNo - 1, "pagination-visible": e2.paginationVisible, "pagination-color": e2.paginationColor }, { default: l(() => [(a(true), c(u, null, m(e2.videos, (e3, o3) => (a(), n(w2, { key: o3 }, { default: l(() => [g(f2, { source: e3.source, options: e3.options }, null, 8, ["source", "options"])]), _: 2 }, 1024))), 128)), (a(true), c(u, null, m(e2.images, (e3, o3) => (a(), n(w2, { key: o3 }, { default: l(() => [r("img", { src: e3.src, class: "nut-imagepreview-img" }, null, 8, E)]), _: 2 }, 1024))), 128))]), _: 1 }, 8, ["auto-play", "onChange", "init-page", "pagination-visible", "pagination-color"])) : d("", true)], 32), r("view", I, h(e2.active) + " / " + h(e2.images.length + e2.videos.length), 1)]), _: 1 }, 8, ["visible", "isWrapTeleport", "onClick"]);
+    const n2 = l2.store;
+    n2.moveable = true, i2 && (n2.oriDistance = u2({ x: t2.pageX, y: t2.pageY }, { x: i2.pageX, y: i2.pageY })), n2.originScale = n2.scale || 1;
+  }, onTouchMove: g2, onTouchEnd: d2, getDistance: u2, scaleNow: m2, styles: c2 };
+} }), B = ["src"], D = { key: 0, class: "nut-imagepreview-index" };
+var O = N(P, [["render", function(e2, o2, t2, i2, n2, y2) {
+  const w2 = s("nut-video"), b2 = s("nut-swiper-item"), C2 = s("nut-swiper"), x2 = s("nut-icon"), T2 = s("nut-popup");
+  return a(), l(T2, { "pop-class": "custom-pop", visible: e2.showPop, "onUpdate:visible": o2[3] || (o2[3] = (o3) => e2.showPop = o3), isWrapTeleport: e2.isWrapTeleport, onClick: e2.onClose, style: { width: "100%" } }, { default: c(() => [r("view", { class: "nut-imagepreview", onClick: o2[0] || (o2[0] = p((...o3) => e2.closeOnImg && e2.closeOnImg(...o3), ["stop"])), onTouchstartCapture: o2[1] || (o2[1] = (...o3) => e2.onTouchStart && e2.onTouchStart(...o3)) }, [e2.showPop ? (a(), l(C2, { key: 0, "auto-play": e2.autoplay, class: "nut-imagepreview-swiper", loop: true, "is-preventDefault": false, direction: "horizontal", onChange: e2.slideChangeEnd, "init-page": e2.initNo > e2.maxNo ? e2.maxNo - 1 : e2.initNo - 1, "pagination-visible": e2.paginationVisible, "pagination-color": e2.paginationColor }, { default: c(() => [(a(true), u(m, null, g(e2.videos, (e3, o3) => (a(), l(b2, { key: o3 }, { default: c(() => [d(w2, { source: e3.source, options: e3.options }, null, 8, ["source", "options"])]), _: 2 }, 1024))), 128)), (a(true), u(m, null, g(e2.images, (e3, o3) => (a(), l(b2, { key: o3 }, { default: c(() => [r("img", { src: e3.src, class: "nut-imagepreview-img" }, null, 8, B)]), _: 2 }, 1024))), 128))]), _: 1 }, 8, ["auto-play", "onChange", "init-page", "pagination-visible", "pagination-color"])) : h("", true)], 32), e2.showIndex ? (a(), u("view", D, f(e2.active) + " / " + f(e2.images.length + e2.videos.length), 1)) : h("", true), e2.closeable ? (a(), u("view", { key: 1, class: "nut-imagepreview-close-icon", onClick: o2[2] || (o2[2] = (...o3) => e2.handleCloseIcon && e2.handleCloseIcon(...o3)), style: v(e2.styles) }, [d(x2, { name: e2.closeIcon, color: "#ffffff" }, null, 8, ["name"])], 4)) : h("", true)]), _: 1 }, 8, ["visible", "isWrapTeleport", "onClick"]);
 }]]);
-class k {
+class V {
   constructor() {
     this.show = false, this.images = [], this.initNo = 1, this.paginationVisible = false, this.paginationColor = "", this.teleport = "body", this.onClose = () => {
     };
   }
 }
-class D {
+class X {
   constructor(e2) {
-    this.options = new k();
+    this.options = new V();
     let o2 = Object.assign(this.options, e2), t2 = document.body, i2 = o2.teleport;
     i2 != "body" && (t2 = typeof i2 == "string" ? document.querySelector(i2) : o2.teleport);
-    const s2 = document.createElement("view");
-    s2.id = "imagepreview-" + new Date().getTime();
-    const a2 = g({ setup: () => (o2.teleport = `#${s2.id}`, () => y(P, o2)) });
-    t2.appendChild(s2), v(a2, s2);
+    const n2 = document.createElement("view");
+    n2.id = "imagepreview-" + new Date().getTime();
+    const s2 = d({ setup: () => (o2.teleport = `#${n2.id}`, () => w(O, o2)) });
+    t2.appendChild(n2), y(s2, n2);
   }
 }
-const B = function(e2) {
-  return new D(e2);
+const Y = function(e2) {
+  return new X(e2);
 };
-B.install = (e2) => {
-  e2.use(P), e2.config.globalProperties.$imagepreview = B;
+Y.install = (e2) => {
+  e2.use(O), e2.config.globalProperties.$imagepreview = Y;
 };
-export { P as ImagePreview, k as ImagePreviewOptions, B as default };
+export { O as ImagePreview, V as ImagePreviewOptions, Y as default };

package/dist/packages/_es/Indicator.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/InfiniteLoading.js

@@ -1,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a2, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp.call(b2, prop))
-      __defNormalProp(a2, prop, b2[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b2)) {
-      if (__propIsEnum.call(b2, prop))
-        __defNormalProp(a2, prop, b2[prop]);
-    }
-  return a2;
-};
-var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -64,7 +45,7 @@ const { componentName: b, create: x, translate: E } = y("infiniteloading"), S =
     v2.value && (v2.value = false, T2());
   }), i(() => {
     v2.value = true, d2.scrollEl.removeEventListener("scroll", w2, a2.useCapture);
-  }), __spreadProps(__spreadValues({ classes: f2 }, r(d2)), { touchStart: (e2) => {
+  }), { classes: f2, ...r(d2), touchStart: (e2) => {
     if (d2.beforeScrollTop == 0 && !d2.isTouching && a2.isOpenRefresh) {
       d2.y = e2.touches[0].pageY, d2.isTouching = true;
       const t2 = d2.refreshTop.firstElementChild.offsetHeight;
@@ -74,7 +55,7 @@ const { componentName: b, create: x, translate: E } = y("infiniteloading"), S =
     d2.distance = e2.touches[0].pageY - d2.y, d2.distance > 0 && d2.isTouching ? (e2.preventDefault(), d2.distance >= d2.refreshMaxH && (d2.distance = d2.refreshMaxH)) : (d2.distance = 0, d2.isTouching = false);
   }, touchEnd: () => {
     d2.distance && (d2.distance < d2.refreshMaxH ? d2.distance = 0 : c2("refresh", y2));
-  }, getStyle: p2, translate: E, slots: u2 });
+  }, getStyle: p2, translate: E, slots: u2 };
 } }), M = { class: "top-box" }, I = { class: "top-text" }, H = { class: "nut-infinite-container" }, k = { class: "nut-infinite-bottom" }, C = { key: 0, class: "bottom-box" }, $ = { class: "bottom-text" }, j = { key: 0, class: "tips" };
 var B = v(S, [["render", function(e2, t2, o2, n2, s2, l2) {
   const i2 = a("nut-icon");

package/dist/packages/_es/Input.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -11,7 +11,7 @@ function k(e2, t2, l2) {
   const n2 = e2.indexOf(t2);
   return n2 === -1 ? e2 : t2 === "-" && n2 !== 0 ? e2.slice(0, n2) : e2.slice(0, n2 + 1) + e2.slice(n2).replace(l2, "");
 }
-function I(e2, t2, l2) {
+function I(e2, t2 = true, l2 = true) {
   e2 = t2 ? k(e2, ".", /\./g) : e2.split(".")[0];
   const n2 = t2 ? /[^-0-9.]/g : /[^-0-9]/g;
   return (e2 = l2 ? k(e2, "-", /-/g) : e2.replace(/-/, "")).replace(n2, "");

package/dist/packages/_es/InputNumber.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Layout.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/List.js

@@ -1,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a2, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a2, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a2, prop, b[prop]);
-    }
-  return a2;
-};
-var __spreadProps = (a2, b) => __defProps(a2, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -31,11 +12,11 @@ var v = p(d({ props: { height: { type: [Number], default: 50 }, listData: { type
   const n2 = t(null), o2 = e({ startOffset: 0, start: 0, list: a2.listData.slice() }), c2 = l(() => Math.ceil(a2.containerHeight / a2.height)), h2 = l(() => o2.start + c2.value), m2 = l(() => `translate3d(0, ${o2.startOffset}px, 0)`), u2 = l(() => ({ [f]: true })), g2 = l(() => o2.list.length * a2.height), p2 = l(() => o2.list.slice(o2.start, Math.min(h2.value, o2.list.length)));
   return s(() => a2.listData, () => {
     o2.list = a2.listData.slice();
-  }), __spreadProps(__spreadValues({}, i(o2)), { list: n2, getTransform: m2, listHeight: g2, visibleData: p2, classes: u2, handleScrollEvent: () => {
+  }), { ...i(o2), list: n2, getTransform: m2, listHeight: g2, visibleData: p2, classes: u2, handleScrollEvent: () => {
     var _a;
     const t2 = (_a = n2.value) == null ? void 0 : _a.scrollTop;
     o2.start = Math.floor(t2 / a2.height), h2.value > o2.list.length && (r2("scroll"), r2("scroll-bottom")), o2.startOffset = t2 - t2 % a2.height;
-  } });
+  } };
 } }), [["render", function(t2, e2, l2, s2, i2, g2) {
   return a(), r("view", { class: n(t2.classes), onScrollPassive: e2[0] || (e2[0] = (...e3) => t2.handleScrollEvent && t2.handleScrollEvent(...e3)), ref: "list" }, [o("div", { class: "nut-list-phantom", style: c({ height: t2.listHeight + "px" }) }, null, 4), o("div", { class: "nut-list-container", style: c({ transform: t2.getTransform }) }, [(a(true), r(h, null, m(t2.visibleData, (e3, l3) => (a(), r("div", { class: "nut-list-item", style: c({ height: t2.height + "px" }), key: e3 }, [u(t2.$slots, "default", { item: e3, index: l3 })], 4))), 128))], 4)], 34);
 }]]);

package/dist/packages/_es/Menu.js

@@ -1,36 +1,51 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref as e, computed as t, reactive as o, provide as n, resolveComponent as l, openBlock as s, createElementBlock as r, normalizeClass as a, createElementVNode as i, Fragment as u, renderList as c, normalizeStyle as p, toDisplayString as m, createVNode as d, renderSlot as f } from "vue";
-import { c as h } from "./component.js";
-import { u as v } from "./index2.js";
-import { _ as g } from "./plugin-vue_export-helper.js";
+import { ref as e, computed as t, onMounted as o, onUnmounted as l, reactive as n, provide as s, resolveComponent as r, openBlock as i, createElementBlock as a, normalizeClass as c, createElementVNode as u, Fragment as d, renderList as p, normalizeStyle as m, toDisplayString as f, createVNode as v, renderSlot as w } from "vue";
+import { c as g } from "./component.js";
+import { u as h } from "./index2.js";
+import { _ as y } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName: _, create: w } = h("menu"), y = w({ props: { activeColor: { type: String, default: "" }, overlay: { type: Boolean, default: true }, duration: { type: [Number, String], default: 0 }, closeOnClickOverlay: { type: Boolean, default: true } }, setup(l2, { emit: s2, slots: r2 }) {
-  const a2 = e(), i2 = e(0), { children: u2, linkChildren: c2 } = (() => {
-    const e2 = o([]), t2 = o([]);
+const { componentName: b, create: x } = g("menu"), C = x({ props: { activeColor: { type: String, default: "" }, overlay: { type: Boolean, default: true }, lockScroll: { type: Boolean, default: true }, duration: { type: [Number, String], default: 0 }, closeOnClickOverlay: { type: Boolean, default: true }, direction: { type: String, default: "down" }, scrollFixed: { type: [Boolean, String, Number], default: false }, titleClass: [String] }, setup(r2, { emit: i2, slots: a2 }) {
+  const c2 = e(), u2 = e(0), d2 = e(false), { children: p2, linkChildren: m2 } = (() => {
+    const e2 = n([]), t2 = n([]);
     return { children: e2, linkChildren: (o2) => {
-      n("menuParent", Object.assign({ link: (o3) => {
+      s("menuParent", Object.assign({ link: (o3) => {
         o3.proxy && (t2.push(o3), e2.push(o3.proxy));
       }, children: e2, internalChildren: t2 }, o2));
     } };
-  })(), p2 = t(() => u2.some((e2) => e2.state.showWrapper)), m2 = t(() => ({ [_]: true }));
-  c2({ props: l2, offset: i2 });
-  return { toggleItem: (e2) => {
-    u2.forEach((t2, o2) => {
+  })(), f2 = t(() => p2.some((e2) => e2.state.showWrapper)), v2 = t(() => ({ [b]: true, "scroll-fixed": d2.value }));
+  m2({ props: r2, offset: u2 });
+  const w2 = () => {
+    const { scrollFixed: e2 } = r2, t2 = (o2 = window, Math.max(0, "scrollTop" in o2 ? o2.scrollTop : o2.pageYOffset));
+    var o2;
+    d2.value = t2 > (typeof e2 == "boolean" ? 30 : Number(e2));
+  };
+  return o(() => {
+    const { scrollFixed: e2 } = r2;
+    e2 && window.addEventListener("scroll", w2);
+  }), l(() => {
+    const { scrollFixed: e2 } = r2;
+    e2 && window.removeEventListener("scroll", w2);
+  }), { toggleItem: (e2) => {
+    p2.forEach((t2, o2) => {
       o2 === e2 ? ((() => {
-        if (a2.value) {
-          const e3 = v(a2);
-          i2.value = e3.bottom;
+        if (c2.value) {
+          const e3 = h(c2);
+          r2.direction === "down" ? u2.value = e3.bottom : u2.value = window.innerHeight - e3.top;
         }
       })(), t2.toggle()) : t2.state.showPopup && t2.toggle(false, { immediate: true });
     });
-  }, children: u2, opened: p2, classes: m2, barRef: a2 };
-} }), b = ["onClick"], C = { class: "nut-menu__title-text" };
-var k = g(y, [["render", function(e2, t2, o2, n2, h2, v2) {
-  const g2 = l("nut-icon");
-  return s(), r("view", { class: a(e2.classes) }, [i("view", { class: a(["nut-menu__bar", { opened: e2.opened }]), ref: "barRef" }, [(s(true), r(u, null, c(e2.children, (t3, o3) => (s(), r("view", { key: o3, class: a(["nut-menu__item", { disabled: t3.disabled, active: t3.state.showPopup }]), onClick: (n3) => !t3.disabled && e2.toggleItem(o3), style: p({ color: t3.state.showPopup ? e2.activeColor : "" }) }, [i("view", { class: a(["nut-menu__title", { active: t3.state.showPopup }]) }, [i("view", C, m(t3.renderTitle()), 1), d(g2, { name: t3.titleIcon, size: "10", class: "nut-menu__title-icon" }, null, 8, ["name"])], 2)], 14, b))), 128))], 2), f(e2.$slots, "default")], 2);
+  }, children: p2, opened: f2, classes: v2, barRef: c2, getClasses: (e2) => {
+    let t2 = "";
+    const { titleClass: o2 } = r2;
+    return e2 && (t2 += "active"), o2 && (t2 += ` ${o2}`), t2;
+  } };
+} }), _ = ["onClick"], k = { class: "nut-menu__title-text" };
+var S = y(C, [["render", function(e2, t2, o2, l2, n2, s2) {
+  const g2 = r("nut-icon");
+  return i(), a("view", { class: c(e2.classes) }, [u("view", { class: c(["nut-menu__bar", { opened: e2.opened }]), ref: "barRef" }, [(i(true), a(d, null, p(e2.children, (t3, o3) => (i(), a("view", { key: o3, class: c(["nut-menu__item", { disabled: t3.disabled, active: t3.state.showPopup }]), onClick: (l3) => !t3.disabled && e2.toggleItem(o3), style: m({ color: t3.state.showPopup ? e2.activeColor : "" }) }, [u("view", { class: c(["nut-menu__title", e2.getClasses(t3.state.showPopup)]) }, [u("view", k, f(t3.renderTitle()), 1), v(g2, { name: t3.titleIcon || (e2.direction === "up" ? "arrow-up" : "down-arrow"), size: "10", class: "nut-menu__title-icon" }, null, 8, ["name"])], 2)], 14, _))), 128))], 2), w(e2.$slots, "default")], 2);
 }]]);
-export { k as default };
+export { S as default };

package/dist/packages/_es/MenuItem.js

@@ -1,42 +1,45 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive as e, computed as o, inject as l, getCurrentInstance as t, resolveComponent as a, withDirectives as s, openBlock as n, createElementBlock as p, normalizeClass as r, createElementVNode as i, normalizeStyle as u, vShow as c, createVNode as m, mergeProps as d, withCtx as h, Fragment as v, renderList as y, createBlock as f, createCommentVNode as w, toDisplayString as C, renderSlot as k } from "vue";
+import { reactive as e, computed as o, inject as t, getCurrentInstance as l, resolveComponent as n, withDirectives as p, openBlock as a, createElementBlock as r, normalizeClass as s, createElementVNode as i, normalizeStyle as u, vShow as c, createVNode as d, mergeProps as m, withCtx as h, Fragment as v, renderList as f, createBlock as y, createCommentVNode as w, toDisplayString as k, renderSlot as C } from "vue";
 import { c as P } from "./component.js";
-import _ from "./Icon.js";
-import g from "./Popup.js";
-import { _ as x } from "./plugin-vue_export-helper.js";
+import S from "./Icon.js";
+import x from "./Popup.js";
+import { _ } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 import "./pxCheck.js";
 import "./OverLay.js";
-const { componentName: S, create: V } = P("menu-item"), b = V({ props: { title: String, options: { type: Array, default: [] }, disabled: { type: Boolean, default: false }, modelValue: null, cols: { type: Number, default: 1 }, titleIcon: { type: String, default: "down-arrow" } }, components: { [_.name]: _, [g.name]: g }, emits: ["update:modelValue", "change"], setup(a2, { emit: s2, slots: n2 }) {
-  const p2 = e({ showPopup: false, transition: true, showWrapper: false, isShowPlaceholderElement: false }), { parent: r2 } = (() => {
-    const e2 = l("menuParent", null);
+const { componentName: g, create: b } = P("menu-item"), V = b({ props: { title: String, options: { type: Array, default: [] }, disabled: { type: Boolean, default: false }, modelValue: null, cols: { type: Number, default: 1 }, titleIcon: String, optionIcon: { type: String, default: "Check" } }, components: { [S.name]: S, [x.name]: x }, emits: ["update:modelValue", "change"], setup(n2, { emit: p2, slots: a2 }) {
+  const r2 = e({ showPopup: false, transition: true, showWrapper: false, isShowPlaceholderElement: false }), { parent: s2 } = (() => {
+    const e2 = t("menuParent", null);
     if (e2) {
-      const o2 = t(), { link: l2 } = e2;
-      return l2(o2), { parent: e2 };
+      const o2 = l(), { link: t2 } = e2;
+      return t2(o2), { parent: e2 };
     }
   })();
-  return { classes: o(() => ({ [S]: true })), renderTitle: () => {
+  return { classes: o(() => ({ [g]: true })), placeholderElementStyle: o(() => {
+    const e2 = { height: s2.offset.value + "px" };
+    return s2.props.direction === "down" ? e2 : { ...e2, top: "auto" };
+  }), renderTitle: () => {
     var _a;
-    if (a2.title)
-      return a2.title;
-    const e2 = (_a = a2.options) == null ? void 0 : _a.find((e3) => e3.value === a2.modelValue);
+    if (n2.title)
+      return n2.title;
+    const e2 = (_a = n2.options) == null ? void 0 : _a.find((e3) => e3.value === n2.modelValue);
     return e2 ? e2.text : "";
-  }, state: p2, parent: r2, toggle: (e2 = !p2.showPopup, o2 = {}) => {
-    e2 !== p2.showPopup && (p2.showPopup = e2, p2.isShowPlaceholderElement = e2, e2 && (p2.showWrapper = true));
+  }, state: r2, parent: s2, toggle: (e2 = !r2.showPopup, o2 = {}) => {
+    e2 !== r2.showPopup && (r2.showPopup = e2, r2.isShowPlaceholderElement = e2, e2 && (r2.showWrapper = true));
   }, onClick: (e2) => {
-    p2.showPopup = false, p2.isShowPlaceholderElement = false, e2.value !== a2.modelValue && (s2("update:modelValue", e2.value), s2("change", e2.value));
+    r2.showPopup = false, r2.isShowPlaceholderElement = false, e2.value !== n2.modelValue && (p2("update:modelValue", e2.value), p2("change", e2.value));
   }, handleClose: () => {
-    p2.showWrapper = false, p2.isShowPlaceholderElement = false;
+    r2.showWrapper = false, r2.isShowPlaceholderElement = false;
   }, handleClickOutside: () => {
-    p2.showPopup = false;
+    r2.showPopup = false;
   } };
-} }), j = { class: "nut-menu-item__content" }, O = ["onClick"];
-var E = x(b, [["render", function(e2, o2, l2, t2, P2, _2) {
-  const g2 = a("nut-icon"), x2 = a("nut-popup");
-  return s((n(), p("view", { class: r(e2.classes) }, [s(i("div", { onClick: o2[0] || (o2[0] = (...o3) => e2.handleClickOutside && e2.handleClickOutside(...o3)), class: "placeholder-element", style: u({ height: e2.parent.offset.value + "px" }) }, null, 4), [[c, e2.state.isShowPlaceholderElement]]), m(x2, d({ style: { top: e2.parent.offset.value + "px" }, overlayStyle: { top: e2.parent.offset.value + "px" } }, e2.$attrs, { visible: e2.state.showPopup, "onUpdate:visible": o2[1] || (o2[1] = (o3) => e2.state.showPopup = o3), position: "top", duration: e2.parent.props.duration, "pop-class": "nut-menu__pop", overlayClass: "nut-menu__overlay", overlay: e2.parent.props.overlay, onClosed: e2.handleClose, isWrapTeleport: false, "close-on-click-overlay": e2.parent.props.closeOnClickOverlay }), { default: h(() => [i("view", j, [(n(true), p(v, null, y(e2.options, (o3, l3) => (n(), p("view", { key: l3, class: r(["nut-menu-item__option", { active: o3.value === e2.modelValue }]), style: u({ "flex-basis": 100 / e2.cols + "%" }), onClick: (l4) => e2.onClick(o3) }, [o3.value === e2.modelValue ? (n(), f(g2, { key: 0, name: "Check", color: e2.parent.props.activeColor }, null, 8, ["color"])) : w("", true), i("view", { style: u({ color: o3.value === e2.modelValue ? e2.parent.props.activeColor : "" }) }, C(o3.text), 5)], 14, O))), 128)), k(e2.$slots, "default")])]), _: 3 }, 16, ["style", "overlayStyle", "visible", "duration", "overlay", "onClosed", "close-on-click-overlay"])], 2)), [[c, e2.state.showWrapper]]);
+} }), E = { class: "nut-menu-item__content" }, j = ["onClick"];
+var O = _(V, [["render", function(e2, o2, t2, l2, P2, S2) {
+  const x2 = n("nut-icon"), _2 = n("nut-popup");
+  return p((a(), r("view", { class: s(e2.classes) }, [p(i("div", { onClick: o2[0] || (o2[0] = (...o3) => e2.handleClickOutside && e2.handleClickOutside(...o3)), class: s(["placeholder-element", { up: e2.parent.props.direction === "up" }]), style: u(e2.placeholderElementStyle) }, null, 6), [[c, e2.state.isShowPlaceholderElement]]), d(_2, m({ style: e2.parent.props.direction === "down" ? { top: e2.parent.offset.value + "px" } : { bottom: e2.parent.offset.value + "px" }, overlayStyle: e2.parent.props.direction === "down" ? { top: e2.parent.offset.value + "px" } : { bottom: e2.parent.offset.value + "px" } }, e2.$attrs, { visible: e2.state.showPopup, "onUpdate:visible": o2[1] || (o2[1] = (o3) => e2.state.showPopup = o3), position: e2.parent.props.direction === "down" ? "top" : "bottom", duration: e2.parent.props.duration, "pop-class": "nut-menu__pop", overlayClass: "nut-menu__overlay", overlay: e2.parent.props.overlay, onClosed: e2.handleClose, lockScroll: e2.parent.props.lockScroll, isWrapTeleport: false, "close-on-click-overlay": e2.parent.props.closeOnClickOverlay }), { default: h(() => [i("view", E, [(a(true), r(v, null, f(e2.options, (o3, t3) => (a(), r("view", { key: t3, class: s(["nut-menu-item__option", { active: o3.value === e2.modelValue }]), style: u({ "flex-basis": 100 / e2.cols + "%" }), onClick: (t4) => e2.onClick(o3) }, [o3.value === e2.modelValue ? (a(), y(x2, { key: 0, name: e2.optionIcon, color: e2.parent.props.activeColor }, null, 8, ["name", "color"])) : w("", true), i("view", { style: u({ color: o3.value === e2.modelValue ? e2.parent.props.activeColor : "" }) }, k(o3.text), 5)], 14, j))), 128)), C(e2.$slots, "default")])]), _: 3 }, 16, ["style", "overlayStyle", "visible", "position", "duration", "overlay", "onClosed", "lockScroll", "close-on-click-overlay"])], 2)), [[c, e2.state.showWrapper]]);
 }]]);
-export { E as default };
+export { O as default };

package/dist/packages/_es/Navbar.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/NoticeBar.js

@@ -1,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a2, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp.call(b2, prop))
-      __defNormalProp(a2, prop, b2[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b2)) {
-      if (__propIsEnum.call(b2, prop))
-        __defNormalProp(a2, prop, b2[prop]);
-    }
-  return a2;
-};
-var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -79,7 +60,7 @@ const { componentName: $, create: N } = A("noticebar"), T = N({ props: { directi
     h2.keepAlive = true, clearInterval(h2.timer);
   }), c(() => {
     clearInterval(h2.timer);
-  }), __spreadProps(__spreadValues(__spreadValues({}, r(e2)), r(h2)), { isEllipsis: f2, classes: y2, iconShow: g2, barStyle: k2, contentStyle: w2, iconBg: v2, horseLampStyle: C2, wrap: u2, content: m2, handleClick: (e3) => {
+  }), { ...r(e2), ...r(h2), isEllipsis: f2, classes: y2, iconShow: g2, barStyle: k2, contentStyle: w2, iconBg: v2, horseLampStyle: C2, wrap: u2, content: m2, handleClick: (e3) => {
     d2("click", e3);
   }, onClickIcon: (t2) => {
     e2.closeMode && (h2.showNoticeBar = !e2.closeMode), d2("close", t2);
@@ -91,7 +72,7 @@ const { componentName: $, create: N } = A("noticebar"), T = N({ props: { directi
     d2("click", e3);
   }, handleClickIcon: () => {
     d2("close", h2.scrollList[0]);
-  }, slots: p2 });
+  }, slots: p2 };
 } }), E = { ref: "wrap", class: "wrap" }, W = ["onClick"];
 var M = B(T, [["render", function(e2, t2, l2, o2, i2, n2) {
   const s2 = d("nut-icon"), a2 = d("ScrollItem");