@nutui/nutui 3.1.22 → 3.1.23-beta.0

package/dist/packages/_es/Avatar.js

@@ -1,44 +1,168 @@
 /*!
-* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs as a, inject as e, ref as t, reactive as r, onMounted as o, computed as n, resolveComponent as s, openBlock as l, createElementBlock as p, normalizeStyle as u, normalizeClass as i, Fragment as x, createBlock as v, createCommentVNode as c, renderSlot as m, toDisplayString as d } from "vue";
-import { c as f } from "./component.js";
-import { _ as g } from "./plugin-vue_export-helper.js";
+import { toRefs, inject, ref, reactive, onMounted, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, Fragment, createBlock, createCommentVNode, renderSlot, toDisplayString } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName: h, create: y } = f("avatar"), C = y({ props: { size: { type: String, default: "" }, shape: { type: String, default: "round" }, bgColor: { type: String, default: "#eee" }, color: { type: String, default: "#666" }, url: { type: String, default: "" }, alt: { type: String, default: "" }, icon: { type: String, default: "" } }, emits: ["active-avatar", "onError"], setup(s2, { emit: l2, slots: p2 }) {
-  const { size: u2, shape: i2, bgColor: x2, color: v2, icon: c2 } = a(s2), m2 = ["large", "normal", "small"], d2 = e("avatarGroup", null), f2 = t(null), g2 = r({ lightTheme: false }), y2 = r({ index: 1, showMax: false, maxIndex: 0 });
-  o(() => {
-    var _a, _b;
-    const a2 = (_b = (_a = d2 == null ? void 0 : d2.avatarGroupRef) == null ? void 0 : _a.value) == null ? void 0 : _b.children;
-    a2 && k(a2);
-  });
-  const C2 = n(() => {
-    var _a, _b;
-    return { [h]: true, [`nut-avatar-${u2.value || ((_a = d2 == null ? void 0 : d2.props) == null ? void 0 : _a.size) || "normal"}`]: true, [`nut-avatar-${i2.value || ((_b = d2 == null ? void 0 : d2.props) == null ? void 0 : _b.shape) || "normal"}`]: true };
-  }), S2 = n(() => {
-    var _a, _b, _c;
-    return { width: m2.indexOf(u2.value) > -1 ? "" : `${u2.value}px`, height: m2.indexOf(u2.value) > -1 ? "" : `${u2.value}px`, backgroundColor: `${x2.value}`, color: `${v2.value}`, marginLeft: y2.index != 1 && (((_a = d2 == null ? void 0 : d2.props) == null ? void 0 : _a.span) ? `${(_b = d2 == null ? void 0 : d2.props) == null ? void 0 : _b.span}px` : ""), zIndex: ((_c = d2 == null ? void 0 : d2.props) == null ? void 0 : _c.zIndex) == "right" ? `${Math.abs(y2.maxIndex - y2.index)}` : "" };
-  }), w2 = n(() => {
-    var _a, _b;
-    return { backgroundColor: `${(_a = d2 == null ? void 0 : d2.props) == null ? void 0 : _a.maxBgColor}`, color: `${(_b = d2 == null ? void 0 : d2.props) == null ? void 0 : _b.maxColor}` };
-  }), $2 = n(() => c2.value ? c2.value : ""), G2 = n(() => p2.default), k = (a2) => {
-    var _a, _b, _c;
-    y2.maxIndex = a2.length;
-    for (let e2 = 0; e2 < a2.length; e2++)
-      a2[e2] && a2[e2].classList && a2[e2].classList[0] == "nut-avatar" && a2[e2].setAttribute("data-index", e2 + 1);
-    y2.index = (_b = (_a = f2 == null ? void 0 : f2.value) == null ? void 0 : _a.dataset) == null ? void 0 : _b.index, y2.index == y2.maxIndex && y2.index != ((_c = d2 == null ? void 0 : d2.props) == null ? void 0 : _c.maxCount) && (y2.showMax = true);
-  };
-  return { classes: C2, styles: S2, iconStyles: $2, isShowText: G2, maxStyles: w2, activeAvatar: (a2) => {
-    l2("active-avatar", a2);
-  }, onError: (a2) => {
-    l2("onError", a2);
-  }, avatarGroup: d2, visible: g2, avatarRef: f2, ...a(y2) };
-} }), S = ["src", "alt"], w = { key: 2, class: "text" }, $ = { key: 1, class: "text" };
-var G = g(C, [["render", function(a2, e2, t2, r2, o2, n2) {
+const { componentName, create } = createComponent("avatar");
+const _sfc_main = create({
+  props: {
+    size: {
+      type: String,
+      default: ""
+    },
+    shape: {
+      type: String,
+      default: "round"
+    },
+    bgColor: {
+      type: String,
+      default: "#eee"
+    },
+    color: {
+      type: String,
+      default: "#666"
+    },
+    url: {
+      type: String,
+      default: ""
+    },
+    alt: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["active-avatar", "onError"],
+  setup(props, { emit, slots }) {
+    const { size, shape, bgColor, color, icon } = toRefs(props);
+    const sizeValue = ["large", "normal", "small"];
+    const avatarGroup = inject("avatarGroup", null);
+    const avatarRef = ref(null);
+    const visible = reactive({
+      lightTheme: false
+    });
+    const state = reactive({
+      index: 1,
+      showMax: false,
+      maxIndex: 0
+    });
+    onMounted(() => {
+      var _a, _b;
+      const children = (_b = (_a = avatarGroup == null ? void 0 : avatarGroup.avatarGroupRef) == null ? void 0 : _a.value) == null ? void 0 : _b.children;
+      if (children) {
+        avatarLength(children);
+      }
+    });
+    const classes = computed(() => {
+      var _a, _b;
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [`nut-avatar-${size.value || ((_a = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _a.size) || "normal"}`]: true,
+        [`nut-avatar-${shape.value || ((_b = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _b.shape) || "normal"}`]: true
+      };
+    });
+    const styles = computed(() => {
+      var _a, _b, _c;
+      return {
+        width: sizeValue.indexOf(size.value) > -1 ? "" : `${size.value}px`,
+        height: sizeValue.indexOf(size.value) > -1 ? "" : `${size.value}px`,
+        backgroundColor: `${bgColor.value}`,
+        color: `${color.value}`,
+        marginLeft: state.index != 1 && (((_a = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _a.span) ? `${(_b = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _b.span}px` : ""),
+        zIndex: ((_c = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _c.zIndex) == "right" ? `${Math.abs(state.maxIndex - state.index)}` : ""
+      };
+    });
+    const maxStyles = computed(() => {
+      var _a, _b;
+      return {
+        backgroundColor: `${(_a = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _a.maxBgColor}`,
+        color: `${(_b = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _b.maxColor}`
+      };
+    });
+    const iconStyles = computed(() => {
+      return !!icon.value ? icon.value : "";
+    });
+    const isShowText = computed(() => {
+      return slots.default;
+    });
+    const avatarLength = (children) => {
+      var _a, _b, _c;
+      state.maxIndex = children.length;
+      for (let i = 0; i < children.length; i++) {
+        if (children[i] && children[i].classList && children[i].classList[0] == "nut-avatar") {
+          children[i].setAttribute("data-index", i + 1);
+        }
+      }
+      state.index = (_b = (_a = avatarRef == null ? void 0 : avatarRef.value) == null ? void 0 : _a.dataset) == null ? void 0 : _b.index;
+      if (state.index == state.maxIndex && state.index != ((_c = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _c.maxCount)) {
+        state.showMax = true;
+      }
+    };
+    const activeAvatar = (event) => {
+      emit("active-avatar", event);
+    };
+    const onError = (event) => {
+      emit("onError", event);
+    };
+    return {
+      classes,
+      styles,
+      iconStyles,
+      isShowText,
+      maxStyles,
+      activeAvatar,
+      onError,
+      avatarGroup,
+      visible,
+      avatarRef,
+      ...toRefs(state)
+    };
+  }
+});
+const _hoisted_1 = ["src", "alt"];
+const _hoisted_2 = {
+  key: 2,
+  class: "text"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "text"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const f2 = s("nut-icon");
-  return a2.showMax || !((_b = (_a = a2.avatarGroup) == null ? void 0 : _a.props) == null ? void 0 : _b.maxCount) || a2.index <= ((_d = (_c = a2.avatarGroup) == null ? void 0 : _c.props) == null ? void 0 : _d.maxCount) ? (l(), p("view", { key: 0, style: u(a2.showMax ? a2.maxStyles : a2.styles), class: i(a2.classes), onClick: e2[1] || (e2[1] = (e3) => a2.activeAvatar(a2.e)), ref: "avatarRef" }, [!((_f = (_e = a2.avatarGroup) == null ? void 0 : _e.props) == null ? void 0 : _f.maxCount) || a2.index <= ((_h = (_g = a2.avatarGroup) == null ? void 0 : _g.props) == null ? void 0 : _h.maxCount) ? (l(), p(x, { key: 0 }, [a2.url ? (l(), p("img", { key: 0, src: a2.url, alt: a2.alt, onError: e2[0] || (e2[0] = (...e3) => a2.onError && a2.onError(...e3)) }, null, 40, S)) : a2.icon ? (l(), v(f2, { key: 1, class: "icon", name: a2.iconStyles }, null, 8, ["name"])) : c("", true), a2.isShowText ? (l(), p("view", w, [m(a2.$slots, "default")])) : c("", true)], 64)) : c("", true), a2.showMax ? (l(), p("view", $, d(((_j = (_i = a2.avatarGroup) == null ? void 0 : _i.props) == null ? void 0 : _j.maxContent) ? (_l = (_k = a2.avatarGroup) == null ? void 0 : _k.props) == null ? void 0 : _l.maxContent : "+ " + (a2.maxIndex - ((_n = (_m = a2.avatarGroup) == null ? void 0 : _m.props) == null ? void 0 : _n.maxCount))), 1)) : c("", true)], 6)) : c("", true);
-}]]);
-export { G as default };
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return _ctx.showMax || !((_b = (_a = _ctx.avatarGroup) == null ? void 0 : _a.props) == null ? void 0 : _b.maxCount) || _ctx.index <= ((_d = (_c = _ctx.avatarGroup) == null ? void 0 : _c.props) == null ? void 0 : _d.maxCount) ? (openBlock(), createElementBlock("view", {
+    key: 0,
+    style: normalizeStyle(!_ctx.showMax ? _ctx.styles : _ctx.maxStyles),
+    class: normalizeClass(_ctx.classes),
+    onClick: _cache[1] || (_cache[1] = ($event) => _ctx.activeAvatar(_ctx.e)),
+    ref: "avatarRef"
+  }, [
+    !((_f = (_e = _ctx.avatarGroup) == null ? void 0 : _e.props) == null ? void 0 : _f.maxCount) || _ctx.index <= ((_h = (_g = _ctx.avatarGroup) == null ? void 0 : _g.props) == null ? void 0 : _h.maxCount) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      _ctx.url ? (openBlock(), createElementBlock("img", {
+        key: 0,
+        src: _ctx.url,
+        alt: _ctx.alt,
+        onError: _cache[0] || (_cache[0] = (...args) => _ctx.onError && _ctx.onError(...args))
+      }, null, 40, _hoisted_1)) : _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, {
+        key: 1,
+        class: "icon",
+        name: _ctx.iconStyles
+      }, null, 8, ["name"])) : createCommentVNode("", true),
+      _ctx.isShowText ? (openBlock(), createElementBlock("view", _hoisted_2, [
+        renderSlot(_ctx.$slots, "default")
+      ])) : createCommentVNode("", true)
+    ], 64)) : createCommentVNode("", true),
+    _ctx.showMax ? (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(((_j = (_i = _ctx.avatarGroup) == null ? void 0 : _i.props) == null ? void 0 : _j.maxContent) ? (_l = (_k = _ctx.avatarGroup) == null ? void 0 : _k.props) == null ? void 0 : _l.maxContent : `+ ${_ctx.maxIndex - ((_n = (_m = _ctx.avatarGroup) == null ? void 0 : _m.props) == null ? void 0 : _n.maxCount)}`), 1)) : createCommentVNode("", true)
+  ], 6)) : createCommentVNode("", true);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/AvatarGroup.js

@@ -1,19 +1,78 @@
 /*!
-* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs as e, ref as t, computed as a, onMounted as r, provide as o, openBlock as p, createElementBlock as n, normalizeClass as l, renderSlot as s } from "vue";
-import { c as u } from "./component.js";
-import { _ as f } from "./plugin-vue_export-helper.js";
+import { toRefs, ref, computed, onMounted, provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName: i, create: m } = u("avatar-group"), d = m({ props: { maxContent: { type: String, default: "" }, maxCount: { type: [Number, String], default: "" }, maxBgColor: { type: String, default: "#eee" }, maxColor: { type: String, default: "#666" }, size: { type: String, default: "" }, shape: { type: String, default: "" }, span: { type: String, default: "-8" }, zIndex: { type: String, default: "left" } }, setup(p2, { emit: n2, slots: l2 }) {
-  e(p2);
-  const s2 = t(null), u2 = t(0), f2 = a(() => ({ [i]: true }));
-  return r(() => {
-  }), o("avatarGroup", { props: p2, avatarGroupRef: s2, index: u2 }), { classes: f2, avatarGroupRef: s2 };
-} });
-var g = f(d, [["render", function(e2, t2, a2, r2, o2, u2) {
-  return p(), n("view", { class: l(e2.classes), ref: "avatarGroupRef" }, [s(e2.$slots, "default")], 2);
-}]]);
-export { g as default };
+const { componentName, create } = createComponent("avatar-group");
+const _sfc_main = create({
+  props: {
+    maxContent: {
+      type: String,
+      default: ""
+    },
+    maxCount: {
+      type: [Number, String],
+      default: ""
+    },
+    maxBgColor: {
+      type: String,
+      default: "#eee"
+    },
+    maxColor: {
+      type: String,
+      default: "#666"
+    },
+    size: {
+      type: String,
+      default: ""
+    },
+    shape: {
+      type: String,
+      default: ""
+    },
+    span: {
+      type: String,
+      default: "-8"
+    },
+    zIndex: {
+      type: String,
+      default: "left"
+    }
+  },
+  setup(props, { emit, slots }) {
+    toRefs(props);
+    const avatarGroupRef = ref(null);
+    const index2 = ref(0);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    onMounted(() => {
+    });
+    provide("avatarGroup", {
+      props,
+      avatarGroupRef,
+      index: index2
+    });
+    return {
+      classes,
+      avatarGroupRef
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    ref: "avatarGroupRef"
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/BackTop.js

@@ -1,50 +1,163 @@
 /*!
-* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive as e, computed as t, onMounted as o, onUnmounted as l, onActivated as n, onDeactivated as i, resolveComponent as r, openBlock as c, createElementBlock as s, normalizeClass as a, normalizeStyle as d, withModifiers as m, renderSlot as p, createVNode as u } from "vue";
-import { c as f } from "./component.js";
-import { _ as w } from "./plugin-vue_export-helper.js";
+import { reactive, computed, onMounted, onUnmounted, onActivated, onDeactivated, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, renderSlot, createVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName: k, create: E } = f("backtop");
-var b = w(E({ props: { bottom: { type: Number, default: 20 }, right: { type: Number, default: 10 }, elId: { type: [String, Element], default: "body" }, distance: { type: Number, default: 200 }, zIndex: { type: Number, default: 10 }, isAnimation: { type: Boolean, default: true }, duration: { type: Number, default: 1e3 } }, emits: ["click"], setup(r2, { emit: c2 }) {
-  const s2 = e({ backTop: false, scrollTop: 0, scrollEl: window, startTime: 0, keepAlive: false }), a2 = t(() => ({ [k]: true, show: s2.backTop })), d2 = t(() => ({ right: `${r2.right}px`, bottom: `${r2.bottom}px`, zIndex: r2.zIndex }));
-  function m2() {
-    s2.scrollEl instanceof Window ? s2.scrollTop = s2.scrollEl.pageYOffset : s2.scrollTop = s2.scrollEl.scrollTop, s2.backTop = s2.scrollTop >= r2.distance;
-  }
-  function p2(e2 = 0) {
-    s2.scrollEl instanceof Window ? window.scrollTo(0, e2) : s2.scrollEl.scrollTop = e2;
-  }
-  function u2() {
-    s2.scrollEl.removeEventListener("scroll", m2, false), s2.scrollEl.removeEventListener("resize", m2, false);
-  }
-  function f2() {
-    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function(e2) {
-      window.setTimeout(e2, 1e3 / 60);
+const { componentName, create } = createComponent("backtop");
+const _sfc_main = create({
+  props: {
+    bottom: {
+      type: Number,
+      default: 20
+    },
+    right: {
+      type: Number,
+      default: 10
+    },
+    elId: {
+      type: [String, Element],
+      default: "body"
+    },
+    distance: {
+      type: Number,
+      default: 200
+    },
+    zIndex: {
+      type: Number,
+      default: 10
+    },
+    isAnimation: {
+      type: Boolean,
+      default: true
+    },
+    duration: {
+      type: Number,
+      default: 1e3
+    }
+  },
+  emits: ["click"],
+  setup(props, { emit }) {
+    const state = reactive({
+      backTop: false,
+      scrollTop: 0,
+      scrollEl: window,
+      startTime: 0,
+      keepAlive: false
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        show: state.backTop
+      };
+    });
+    const style = computed(() => {
+      return {
+        right: `${props.right}px`,
+        bottom: `${props.bottom}px`,
+        zIndex: props.zIndex
+      };
+    });
+    function scrollListener() {
+      if (state.scrollEl instanceof Window) {
+        state.scrollTop = state.scrollEl.pageYOffset;
+      } else {
+        state.scrollTop = state.scrollEl.scrollTop;
+      }
+      state.backTop = state.scrollTop >= props.distance;
+    }
+    function scroll(y = 0) {
+      if (state.scrollEl instanceof Window) {
+        window.scrollTo(0, y);
+      } else {
+        state.scrollEl.scrollTop = y;
+      }
+    }
+    function scrollAnimation() {
+      let cid = requestAniFrame()(function fn() {
+        var t = props.duration - Math.max(0, state.startTime - +new Date() + props.duration);
+        var y = t * -state.scrollTop / props.duration + state.scrollTop;
+        scroll(y);
+        cid = requestAniFrame()(fn);
+        if (t == props.duration || y == 0) {
+          window.cancelAnimationFrame(cid);
+        }
+      });
+    }
+    function addEventListener() {
+      state.scrollEl.addEventListener("scroll", scrollListener, false);
+      state.scrollEl.addEventListener("resize", scrollListener, false);
+    }
+    function removeEventListener() {
+      state.scrollEl.removeEventListener("scroll", scrollListener, false);
+      state.scrollEl.removeEventListener("resize", scrollListener, false);
+    }
+    function initCancelAniFrame() {
+      window.cancelAnimationFrame = window.webkitCancelAnimationFrame;
+    }
+    function requestAniFrame() {
+      return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function(callback) {
+        window.setTimeout(callback, 1e3 / 60);
+      };
+    }
+    function click(e) {
+      state.startTime = +new Date();
+      props.isAnimation && props.duration > 0 ? scrollAnimation() : scroll();
+      emit("click", e);
+    }
+    function init() {
+      if (props.elId && document.getElementById(props.elId)) {
+        state.scrollEl = document.getElementById(props.elId);
+      }
+      addEventListener();
+      initCancelAniFrame();
+    }
+    onMounted(() => {
+      if (props.distance == 0) {
+        state.backTop = true;
+      }
+      init();
+    });
+    onUnmounted(() => {
+      removeEventListener();
+    });
+    onActivated(() => {
+      if (state.keepAlive) {
+        state.keepAlive = false;
+        init();
+      }
+    });
+    onDeactivated(() => {
+      state.keepAlive = true;
+      removeEventListener();
+    });
+    return {
+      state,
+      classes,
+      style,
+      click
     };
   }
-  function w2() {
-    r2.elId && document.getElementById(r2.elId) && (s2.scrollEl = document.getElementById(r2.elId)), s2.scrollEl.addEventListener("scroll", m2, false), s2.scrollEl.addEventListener("resize", m2, false), window.cancelAnimationFrame = window.webkitCancelAnimationFrame;
-  }
-  return o(() => {
-    r2.distance == 0 && (s2.backTop = true), w2();
-  }), l(() => {
-    u2();
-  }), n(() => {
-    s2.keepAlive && (s2.keepAlive = false, w2());
-  }), i(() => {
-    s2.keepAlive = true, u2();
-  }), { state: s2, classes: a2, style: d2, click: function(e2) {
-    s2.startTime = +new Date(), r2.isAnimation && r2.duration > 0 ? function() {
-      let e3 = f2()(function t2() {
-        var o2 = r2.duration - Math.max(0, s2.startTime - +new Date() + r2.duration), l2 = o2 * -s2.scrollTop / r2.duration + s2.scrollTop;
-        p2(l2), e3 = f2()(t2), o2 != r2.duration && l2 != 0 || window.cancelAnimationFrame(e3);
-      });
-    }() : p2(), c2("click", e2);
-  } };
-} }), [["render", function(e2, t2, o2, l2, n2, i2) {
-  const f2 = r("nut-icon");
-  return c(), s("div", { class: a(e2.classes), style: d(e2.style), onClick: t2[0] || (t2[0] = m((...t3) => e2.click && e2.click(...t3), ["stop"])) }, [p(e2.$slots, "default", {}, () => [u(f2, { size: "19px", class: "nut-backtop-main", name: "top" })])], 6);
-}]]);
-export { b as default };
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.classes),
+    style: normalizeStyle(_ctx.style),
+    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.click && _ctx.click(...args), ["stop"]))
+  }, [
+    renderSlot(_ctx.$slots, "default", {}, () => [
+      createVNode(_component_nut_icon, {
+        size: "19px",
+        class: "nut-backtop-main",
+        name: "top"
+      })
+    ])
+  ], 6);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Badge.js

@@ -1,19 +1,91 @@
 /*!
-* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive as t, computed as e, openBlock as o, createElementBlock as n, createElementVNode as r, renderSlot as l, withDirectives as a, toDisplayString as u, normalizeClass as p, normalizeStyle as s, vShow as d } from "vue";
-import { c as i } from "./component.js";
-import { _ as c } from "./plugin-vue_export-helper.js";
+import { reactive, computed, openBlock, createElementBlock, createElementVNode, renderSlot, withDirectives, toDisplayString, normalizeClass, normalizeStyle, vShow } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { create: f } = i("badge"), m = f({ props: { value: { type: [String, Number] }, max: { type: Number, default: 1e4 }, dot: { type: Boolean, default: false }, hidden: { type: Boolean, default: false }, top: { type: String, default: "0" }, right: { type: String, default: "0" }, zIndex: { type: Number, default: 9 }, color: { type: String, default: "" } }, setup: (o2) => ({ state: t({}), stl: e(() => ({ top: `${o2.top}px`, right: `${o2.right}px`, zIndex: o2.zIndex, background: o2.color })), content: e(() => {
-  if (o2.dot)
-    return;
-  const t2 = o2.value, e2 = o2.max;
-  return typeof t2 == "number" && typeof e2 == "number" && e2 < t2 ? `${e2}+` : t2;
-}) }) }), g = { class: "nut-badge" }, x = { class: "slot-icons" }, y = ["textContent"];
-var b = c(m, [["render", function(t2, e2, i2, c2, f2, m2) {
-  return o(), n("view", g, [r("view", x, [l(t2.$slots, "icons")]), l(t2.$slots, "default"), a(r("view", { textContent: u(t2.content), class: p(["nut-badge__content sup", { "is-dot": t2.dot }]), style: s(t2.stl) }, null, 14, y), [[d, !t2.hidden && (t2.content || t2.dot)]])]);
-}]]);
-export { b as default };
+const { create } = createComponent("badge");
+const _sfc_main = create({
+  props: {
+    value: {
+      type: [String, Number]
+    },
+    max: {
+      type: Number,
+      default: 1e4
+    },
+    dot: {
+      type: Boolean,
+      default: false
+    },
+    hidden: {
+      type: Boolean,
+      default: false
+    },
+    top: {
+      type: String,
+      default: "0"
+    },
+    right: {
+      type: String,
+      default: "0"
+    },
+    zIndex: {
+      type: Number,
+      default: 9
+    },
+    color: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props) {
+    const state = reactive({});
+    const stl = computed(() => {
+      return {
+        top: `${props.top}px`,
+        right: `${props.right}px`,
+        zIndex: props.zIndex,
+        background: props.color
+      };
+    });
+    const content = computed(() => {
+      if (props.dot)
+        return;
+      const value = props.value;
+      const max = props.max;
+      if (typeof value === "number" && typeof max === "number") {
+        return max < value ? `${max}+` : value;
+      }
+      return value;
+    });
+    return {
+      state,
+      stl,
+      content
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-badge" };
+const _hoisted_2 = { class: "slot-icons" };
+const _hoisted_3 = ["textContent"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1, [
+    createElementVNode("view", _hoisted_2, [
+      renderSlot(_ctx.$slots, "icons")
+    ]),
+    renderSlot(_ctx.$slots, "default"),
+    withDirectives(createElementVNode("view", {
+      textContent: toDisplayString(_ctx.content),
+      class: normalizeClass(["nut-badge__content sup", { "is-dot": _ctx.dot }]),
+      style: normalizeStyle(_ctx.stl)
+    }, null, 14, _hoisted_3), [
+      [vShow, !_ctx.hidden && (_ctx.content || _ctx.dot)]
+    ])
+  ]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };