@nutui/nutui 3.1.21 → 3.1.22-beta.5

package/dist/packages/_es/Avatar.js

@@ -1,183 +1,44 @@
-var __defProp = Object.defineProperty;
-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 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 /*!
-* @nutui/nutui v3.1.21 Mon May 30 2022 20:20:01 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, 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 { 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 "../locale/lang";
-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 __spreadValues({
-      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) {
+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) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  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 };
+  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 };

package/dist/packages/_es/AvatarGroup.js

@@ -1,78 +1,19 @@
 /*!
-* @nutui/nutui v3.1.21 Mon May 30 2022 20:20:01 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, 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 { 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 "../locale/lang";
-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 };
+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 };

package/dist/packages/_es/BackTop.js

@@ -1,163 +1,50 @@
 /*!
-* @nutui/nutui v3.1.21 Mon May 30 2022 20:20:01 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, 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 { 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 "../locale/lang";
-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
+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);
     };
   }
-});
-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 };
+  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 };

package/dist/packages/_es/Badge.js

@@ -1,91 +1,19 @@
 /*!
-* @nutui/nutui v3.1.21 Mon May 30 2022 20:20:01 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, 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 { 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 "../locale/lang";
-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 };
+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 };