@nutui/nutui 3.2.6-beta.1 → 3.2.6-beta.2

package/dist/packages/_es/Audio.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, onMounted, watch, provide, toRefs, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createTextVNode, createVNode, withCtx, createCommentVNode, normalizeClass, createBlock, renderSlot } from "vue";
+import { ref, reactive, onMounted, watch, provide, toRefs, resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, withCtx, createCommentVNode, normalizeClass, createBlock, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -192,7 +192,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1, [
     _ctx.type == "progress" ? (openBlock(), createElementBlock("div", _hoisted_2, [
       createElementVNode("div", _hoisted_3, toDisplayString(_ctx.currentDuration), 1),
-      createTextVNode(),
       createElementVNode("div", _hoisted_4, [
         createVNode(_component_nut_range, {
           modelValue: _ctx.percent,
@@ -208,10 +207,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _: 1
         }, 8, ["modelValue", "onChange"])
       ]),
-      createTextVNode(),
       createElementVNode("div", _hoisted_6, toDisplayString(_ctx.duration), 1)
     ])) : createCommentVNode("", true),
-    createTextVNode(),
     _ctx.type == "icon" ? (openBlock(), createElementBlock("div", _hoisted_7, [
       createElementVNode("div", {
         class: normalizeClass(["nut-audio-icon-box", _ctx.playing ? "nut-audio-icon-play" : "nut-audio-icon-stop"]),
@@ -222,23 +219,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           name: "service",
           class: "nut-icon-am-rotate nut-icon-am-infinite"
         })) : createCommentVNode("", true),
-        createTextVNode(),
         !_ctx.playing ? (openBlock(), createBlock(_component_nut_icon, {
           key: 1,
           name: "service"
         })) : createCommentVNode("", true)
       ], 2)
     ])) : createCommentVNode("", true),
-    createTextVNode(),
     _ctx.type == "none" ? (openBlock(), createElementBlock("div", {
       key: 2,
       onClick: _cache[2] || (_cache[2] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
     }, [
       renderSlot(_ctx.$slots, "default")
     ])) : createCommentVNode("", true),
-    createTextVNode(),
     _ctx.type != "none" ? renderSlot(_ctx.$slots, "default", { key: 3 }) : createCommentVNode("", true),
-    createTextVNode(),
     createElementVNode("audio", {
       class: "audioMain",
       controls: _ctx.type == "controls",

package/dist/packages/_es/AudioOperate.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -45,7 +45,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       })) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "default")
     ])) : createCommentVNode("", true),
-    createTextVNode(),
     _ctx.type == "play" ? (openBlock(), createElementBlock("div", {
       key: 1,
       class: "nut-audio-operate-item",
@@ -61,10 +60,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 1
       })) : createCommentVNode("", true),
-      createTextVNode(),
       renderSlot(_ctx.$slots, "default")
     ])) : createCommentVNode("", true),
-    createTextVNode(),
     _ctx.type == "forward" ? (openBlock(), createElementBlock("div", {
       key: 2,
       class: "nut-audio-operate-item",
@@ -82,7 +79,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       })) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "default")
     ])) : createCommentVNode("", true),
-    createTextVNode(),
     _ctx.type == "mute" ? (openBlock(), createElementBlock("div", {
       key: 3,
       class: "nut-audio-operate-item",

package/dist/packages/_es/Avatar.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { toRefs, inject, ref, reactive, onMounted, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, Fragment, createBlock, mergeProps, createCommentVNode, createTextVNode, renderSlot, toDisplayString } from "vue";
+import { toRefs, inject, ref, reactive, onMounted, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, Fragment, createBlock, mergeProps, 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";
@@ -94,13 +94,15 @@ const _sfc_main = create({
       return slots.default;
     });
     const avatarLength = (children) => {
-      var _a, _b;
+      var _a, _b, _c;
       state.maxIndex = children.length;
       for (let i = 0; i < children.length; i++) {
-        children[i].setAttribute("data-index", i + 1);
+        if (children[i] && children[i].classList && children[i].classList[0] == "nut-avatar") {
+          children[i].setAttribute("data-index", i + 1);
+        }
       }
-      state.index = (_a = avatarRef == null ? void 0 : avatarRef.value) == null ? void 0 : _a.props["data-index"];
-      if (state.index == state.maxIndex && state.index != ((_b = avatarGroup == null ? void 0 : avatarGroup.props) == null ? void 0 : _b.maxCount)) {
+      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;
       }
     };
@@ -154,14 +156,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "icon",
         name: _ctx.iconStyles
       }), null, 16, ["name"])) : createCommentVNode("", true),
-      createTextVNode(),
       _ctx.isShowText ? (openBlock(), createElementBlock("view", _hoisted_2, [
         renderSlot(_ctx.$slots, "default")
       ])) : createCommentVNode("", true)
     ], 64)) : createCommentVNode("", true),
-    createTextVNode(),
     _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_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/AvatarGroup.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -46,7 +46,7 @@ const _sfc_main = create({
   setup(props, { emit, slots }) {
     toRefs(props);
     const avatarGroupRef = ref(null);
-    const index = ref(0);
+    const index2 = ref(0);
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
@@ -58,7 +58,7 @@ const _sfc_main = create({
     provide("avatarGroup", {
       props,
       avatarGroupRef,
-      index
+      index: index2
     });
     return {
       classes,
@@ -74,5 +74,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/BackTop.js

@@ -1,19 +1,15 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, createVNode, normalizeStyle, withCtx, renderSlot, createTextVNode, createElementVNode, normalizeClass, withModifiers } from "vue";
+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, create } = createComponent("backtop");
 const _sfc_main = create({
   props: {
-    height: {
-      type: String,
-      default: "100vh"
-    },
     bottom: {
       type: Number,
       default: 20
@@ -22,20 +18,35 @@ const _sfc_main = create({
       type: Number,
       default: 10
     },
+    elId: {
+      type: [String],
+      default: "body"
+    },
+    distance: {
+      type: Number,
+      default: 200
+    },
     zIndex: {
       type: Number,
       default: 10
     },
-    distance: {
+    isAnimation: {
+      type: Boolean,
+      default: true
+    },
+    duration: {
       type: Number,
-      default: 200
+      default: 1e3
     }
   },
   emits: ["click"],
   setup(props, { emit }) {
     const state = reactive({
       backTop: false,
-      scrollTop: 1
+      scrollTop: 0,
+      scrollEl: window,
+      startTime: 0,
+      keepAlive: false
     });
     const classes = computed(() => {
       const prefixCls = componentName;
@@ -51,60 +62,102 @@ const _sfc_main = create({
         zIndex: props.zIndex
       };
     });
-    const scroll = (e) => {
-      state.scrollTop = 2;
-      state.backTop = e.detail.scrollTop >= props.distance;
-    };
-    const click = (e) => {
-      state.scrollTop = 1;
+    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 {
-      ...toRefs(state),
+      state,
       classes,
       style,
-      scroll,
       click
     };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_scroll_view = resolveComponent(function() {
-    if (process.env.TARO_ENV === "h5") {
-      return "taro-scroll-view";
-    } else {
-      return "scroll-view";
-    }
-  }());
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", null, [
-    createVNode(_component_scroll_view, {
-      "scroll-y": true,
-      style: normalizeStyle({ height: _ctx.height }),
-      onScroll: _ctx.scroll,
-      "scroll-top": _ctx.scrollTop,
-      "scroll-with-animation": "true"
-    }, {
-      default: withCtx(() => [
-        renderSlot(_ctx.$slots, "content")
-      ]),
-      _: 3
-    }, 8, ["style", "onScroll", "scroll-top"]),
-    createTextVNode(),
-    createElementVNode("view", {
-      class: normalizeClass(_ctx.classes),
-      style: normalizeStyle(_ctx.style),
-      onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.click && _ctx.click(...args), ["stop"]))
-    }, [
-      renderSlot(_ctx.$slots, "icon", {}, () => [
-        createVNode(_component_nut_icon, {
-          size: "19px",
-          class: "nut-backtop-main",
-          name: "top"
-        })
-      ])
-    ], 6)
-  ]);
+  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_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Badge.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.2 Fri Nov 04 2022 17:24:29 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, openBlock, createElementBlock, createElementVNode, renderSlot, createTextVNode, withDirectives, toDisplayString, normalizeClass, normalizeStyle, vShow } from "vue";
+import { reactive, computed, openBlock, createElementBlock, withDirectives, createElementVNode, normalizeStyle, renderSlot, vShow, toDisplayString, normalizeClass } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -70,24 +70,26 @@ const _sfc_main = create({
   }
 });
 const _hoisted_1 = { class: "nut-badge" };
-const _hoisted_2 = { class: "slot-icons" };
-const _hoisted_3 = ["textContent"];
+const _hoisted_2 = ["textContent"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", _hoisted_1, [
-    createElementVNode("view", _hoisted_2, [
+    withDirectives(createElementVNode("view", {
+      class: "slot-icons",
+      style: normalizeStyle(_ctx.stl)
+    }, [
       renderSlot(_ctx.$slots, "icons")
+    ], 4), [
+      [vShow, !_ctx.hidden && !_ctx.dot]
     ]),
-    createTextVNode(),
     renderSlot(_ctx.$slots, "default"),
-    createTextVNode(),
     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), [
+    }, null, 14, _hoisted_2), [
       [vShow, !_ctx.hidden && (_ctx.content || _ctx.dot)]
     ])
   ]);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };