@nutui/nutui 3.1.18-beta.0 → 3.1.19-beta.1

package/dist/packages/_es/BackTop.js

@@ -1,14 +1,37 @@
+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 = (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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 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 { reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, createVNode, normalizeStyle, withCtx, renderSlot, createElementVNode, normalizeClass, withModifiers } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("backtop");
 const _sfc_main = create({
   props: {
+    height: {
+      type: String,
+      default: "100vh"
+    },
     bottom: {
       type: Number,
       default: 20
@@ -17,35 +40,20 @@ const _sfc_main = create({
       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: {
+    distance: {
       type: Number,
-      default: 1e3
+      default: 200
     }
   },
   emits: ["click"],
   setup(props, { emit }) {
     const state = reactive({
       backTop: false,
-      scrollTop: 0,
-      scrollEl: window,
-      startTime: 0,
-      keepAlive: false
+      scrollTop: 1
     });
     const classes = computed(() => {
       const prefixCls = componentName;
@@ -61,99 +69,52 @@ const _sfc_main = create({
         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();
+    const scroll = (e) => {
+      state.scrollTop = 2;
+      state.backTop = e.detail.scrollTop >= props.distance;
+    };
+    const click = (e) => {
+      state.scrollTop = 1;
       emit("click", e);
-    }
-    function init() {
-      if (props.elId && document.getElementById(props.elId)) {
-        state.scrollEl = document.getElementById(props.elId);
-      }
-      addEventListener();
-      initCancelAniFrame();
-    }
-    onMounted(() => {
-      init();
-    });
-    onUnmounted(() => {
-      removeEventListener();
-    });
-    onActivated(() => {
-      if (state.keepAlive) {
-        state.keepAlive = false;
-        init();
-      }
-    });
-    onDeactivated(() => {
-      state.keepAlive = true;
-      removeEventListener();
-    });
-    return {
-      state,
+    };
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
       classes,
       style,
+      scroll,
       click
-    };
+    });
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_scroll_view = resolveComponent("scroll-view");
   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);
+  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"]),
+    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)
+  ]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };

package/dist/packages/_es/Badge.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, computed, openBlock, createElementBlock, createElementVNode, renderSlot, withDirectives, toDisplayString, normalizeClass, normalizeStyle, vShow } from "vue";
@@ -86,5 +86,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };

package/dist/packages/_es/Barrage.js

@@ -1,10 +1,11 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, ref, onMounted, onUnmounted, onDeactivated, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode } from "vue";
+import { ref, computed, onMounted, onUnmounted, onDeactivated, watch, reactive, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString } from "vue";
 import { c as createComponent } from "./component.js";
+import Taro from "@tarojs/taro";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("barrage");
 const _sfc_main = create({
@@ -15,7 +16,7 @@ const _sfc_main = create({
     },
     frequency: {
       type: Number,
-      default: 500
+      default: 200
     },
     speeds: {
       type: Number,
@@ -36,83 +37,89 @@ const _sfc_main = create({
   },
   emits: ["click"],
   setup(props, { emit }) {
+    const timeId = ref(new Date().getTime());
+    const danmuList = ref(props.danmu);
+    const rows = ref(props.rows);
+    const top = ref(props.top);
+    const speeds = props.speeds;
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
-        [prefixCls]: true
+        [prefixCls]: true,
+        ["dmBody" + timeId.value]: true
       };
     });
-    let dmBody = ref(document.createElement("div"));
-    let dmContainer = ref(document.createElement("div"));
-    let timer = 0;
-    const danmuList = ref(props.danmu);
-    const rows = ref(props.rows);
-    const top = ref(props.top);
-    const index2 = ref(0);
-    const speeds = props.speeds;
-    const danmuCWidth = ref(0);
     onMounted(() => {
-      danmuCWidth.value = dmBody.value.offsetWidth;
-      run();
+      runStep();
     });
     onUnmounted(() => {
-      clearInterval(timer);
-      timer = 0;
+      danmuList.value = [];
     });
     onDeactivated(() => {
-      clearInterval(timer);
-      timer = 0;
+      danmuList.value = [];
     });
     watch(() => props.danmu, (newValue, oldVlaue) => {
       danmuList.value = [...newValue];
     });
     const add = (word) => {
-      const _index = index2.value % danmuList.value.length;
-      danmuList.value.splice(_index, 0, word);
-    };
-    const run = () => {
-      clearInterval(timer);
-      timer = 0;
-      timer = setInterval(() => {
-        play();
-        run();
-      }, props.frequency);
+      danmuList.value = [...danmuList.value, word];
+      runStep();
     };
-    const play = () => {
-      const _index = props.loop ? index2.value % danmuList.value.length : index2.value;
-      let el = document.createElement(`view`);
-      el.innerHTML = danmuList.value[_index];
-      el.classList.add("dmitem");
-      dmContainer.value.appendChild(el);
-      nextTick(() => {
-        const width = el.offsetWidth;
-        const height = el.offsetHeight;
-        el.classList.add("move");
-        el.style.animationDuration = `${speeds}ms`;
-        el.style.top = _index % rows.value * (height + top.value) + 20 + "px";
-        el.style.width = width + 20 + "px";
-        el.style.setProperty("--move-distance", `-${danmuCWidth.value}px`);
-        el.dataset.index = `${_index}`;
-        el.addEventListener("animationend", () => {
-          dmContainer.value.removeChild(el);
+    const getNode = (index) => {
+      const query = Taro.createSelectorQuery();
+      setTimeout(() => {
+        let width = 100;
+        query.select(".dmBody" + timeId.value).boundingClientRect((rec) => {
+          width = rec.width || 300;
         });
-        index2.value++;
+        query.select(".dmitem" + index).boundingClientRect((recs) => {
+          let height = recs.height;
+          let nodeTop = index % rows.value * (height + top.value) + 20 + "px";
+          styleInfo(index, nodeTop, width);
+        }).exec();
+      }, 500);
+    };
+    const runStep = () => {
+      danmuList.value.forEach((item, index) => {
+        getNode(index);
       });
     };
-    return { classes, danmuList, dmBody, dmContainer, add };
+    let styleList = reactive([]);
+    const styleInfo = (index, nodeTop, width) => {
+      let timeIndex = index - rows.value > 0 ? index - rows.value : 0;
+      let list = styleList;
+      let time = list[timeIndex] ? Number(list[timeIndex]["--time"]) : 0;
+      let obj = {
+        top: nodeTop,
+        "--time": `${props.frequency * index + time}`,
+        animationDuration: `${speeds}ms`,
+        animationIterationCount: `${props.loop ? "infinite" : 1}`,
+        animationDelay: `${props.frequency * index + time}ms`,
+        "--move-distance": `-${width}px`
+      };
+      styleList.push(obj);
+    };
+    return { classes, danmuList, add, styleList };
   }
 });
 const _hoisted_1 = {
-  ref: "dmContainer",
-  class: "dmContainer"
+  class: "dmContainer",
+  id: "dmContainer"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    ref: "dmBody",
-    class: normalizeClass(_ctx.classes)
+    class: normalizeClass(["dmBody", _ctx.classes])
   }, [
-    createElementVNode("view", _hoisted_1, null, 512)
+    createElementVNode("view", _hoisted_1, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.danmuList, (item, index) => {
+        return openBlock(), createElementBlock("view", {
+          key: "danmu" + index,
+          class: normalizeClass(["dmitem", "dmitem" + index, "move"]),
+          style: normalizeStyle(_ctx.styleList[index])
+        }, toDisplayString(item.length > 8 ? item.substr(0, 8) + "..." : item), 7);
+      }), 128))
+    ])
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };

package/dist/packages/_es/Button.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
@@ -104,7 +104,7 @@ const _sfc_main = create({
 const _hoisted_1 = { class: "nut-button__warp" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", {
+  return openBlock(), createElementBlock("button", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.getStyle),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))