@nutui/nutui 3.1.12-beta.1 → 3.1.12

package/dist/packages/_es/Barrage.js

@@ -1,13 +1,13 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, computed, onMounted, onUnmounted, onDeactivated, watch, reactive, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString } from "vue";
+import { computed, ref, onMounted, onUnmounted, onDeactivated, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode } 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");
-var _sfc_main = create({
+const _sfc_main = create({
   props: {
     danmu: {
       type: Array,
@@ -15,7 +15,7 @@ var _sfc_main = create({
     },
     frequency: {
       type: Number,
-      default: 200
+      default: 500
     },
     speeds: {
       type: Number,
@@ -36,89 +36,83 @@ var _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,
-        ["dmBody" + timeId.value]: true
+        [prefixCls]: 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(() => {
-      runStep();
+      danmuCWidth.value = dmBody.value.offsetWidth;
+      run();
     });
     onUnmounted(() => {
-      danmuList.value = [];
+      clearInterval(timer);
+      timer = 0;
     });
     onDeactivated(() => {
-      danmuList.value = [];
+      clearInterval(timer);
+      timer = 0;
     });
     watch(() => props.danmu, (newValue, oldVlaue) => {
       danmuList.value = [...newValue];
     });
     const add = (word) => {
-      danmuList.value = [...danmuList.value, word];
-      runStep();
+      const _index = index2.value % danmuList.value.length;
+      danmuList.value.splice(_index, 0, word);
     };
-    const getNode = (index) => {
-      const query = Taro.createSelectorQuery();
-      setTimeout(() => {
-        let width = 100;
-        query.select(".dmBody" + timeId.value).boundingClientRect((rec) => {
-          width = rec.width || 300;
-        });
-        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 run = () => {
+      clearInterval(timer);
+      timer = 0;
+      timer = setInterval(() => {
+        play();
+        run();
+      }, props.frequency);
     };
-    const runStep = () => {
-      danmuList.value.forEach((item, index) => {
-        getNode(index);
+    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);
+        });
+        index2.value++;
       });
     };
-    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 };
+    return { classes, danmuList, dmBody, dmContainer, add };
   }
 });
 const _hoisted_1 = {
-  class: "dmContainer",
-  id: "dmContainer"
+  ref: "dmContainer",
+  class: "dmContainer"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(["dmBody", _ctx.classes])
+    ref: "dmBody",
+    class: normalizeClass(_ctx.classes)
   }, [
-    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))
-    ])
+    createElementVNode("view", _hoisted_1, null, 512)
   ], 2);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Button.js

@@ -1,14 +1,15 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
-import { _ as _sfc_main$1 } from "./index.taro.vue_vue&type=script&lang.js";
+import _sfc_main$1 from "./Icon.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "./pxCheck.js";
 const { componentName, create } = createComponent("button");
-var _sfc_main = create({
+const _sfc_main = create({
   components: {
     [_sfc_main$1.name]: _sfc_main$1
   },
@@ -119,5 +120,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { Button as default };

package/dist/packages/_es/Calendar.js

@@ -14,24 +14,22 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { ref, reactive, watch, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, toDisplayString, createCommentVNode, renderList, withModifiers, resolveComponent, createBlock, withCtx, createVNode } from "vue";
 import { c as createComponent } from "./component.js";
 import { r as requestAniFrame } from "./raf.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const Utils = {
   isLeapYear: function(y) {
     return y % 4 == 0 && y % 100 != 0 || y % 400 == 0;
   },
   getWhatDay: function(year, month, day) {
     const date = new Date(year + "/" + month + "/" + day);
-    const index = date.getDay();
+    const index2 = date.getDay();
     const dayNames = [
       "\u661F\u671F\u65E5",
       "\u661F\u671F\u4E00",
@@ -41,7 +39,7 @@ const Utils = {
       "\u661F\u671F\u4E94",
       "\u661F\u671F\u516D"
     ];
-    return dayNames[index];
+    return dayNames[index2];
   },
   getMonthPreDay: function(year, month) {
     const date = new Date(year + "/" + month + "/01");
@@ -107,7 +105,7 @@ const Utils = {
   }
 };
 const { create: create$1 } = createComponent("calendar-item");
-var _sfc_main$1 = create$1({
+const _sfc_main$1 = create$1({
   props: {
     type: {
       type: String,
@@ -539,10 +537,10 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("view", _hoisted_2, toDisplayString(_ctx.yearMonthTitle), 1)
       ], 64)) : createCommentVNode("", true),
       createElementVNode("view", _hoisted_3, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (item, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (item, index2) => {
           return openBlock(), createElementBlock("view", {
             class: "calendar-week-item",
-            key: index
+            key: index2
           }, toDisplayString(item), 1);
         }), 128))
       ], 512)
@@ -556,10 +554,10 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       createElementVNode("view", _hoisted_4, [
         createElementVNode("view", _hoisted_5, toDisplayString(!_ctx.unLoadPrev ? "\u52A0\u8F7D\u4E0A\u4E00\u4E2A\u6708" : "\u6CA1\u6709\u66F4\u65E9\u6708\u4EFD"), 1),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.monthsData, (month, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.monthsData, (month, index2) => {
           return openBlock(), createElementBlock("view", {
             class: "calendar-month",
-            key: index
+            key: index2
           }, [
             createElementVNode("view", _hoisted_6, toDisplayString(month.title), 1),
             createElementVNode("view", _hoisted_7, [
@@ -591,11 +589,11 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 2);
 }
-_sfc_main$1.render = _sfc_render$1;
+var CalendarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const { create } = createComponent("calendar");
-var _sfc_main = create({
+const _sfc_main = create({
   components: {
-    [_sfc_main$1.name]: _sfc_main$1
+    [CalendarItem.name]: CalendarItem
   },
   props: {
     type: {
@@ -612,7 +610,7 @@ var _sfc_main = create({
     },
     visible: {
       type: Boolean,
-      default: true
+      default: false
     },
     title: {
       type: String,
@@ -632,14 +630,11 @@ var _sfc_main = create({
   },
   emits: ["choose", "close", "update:visible"],
   setup(props, { emit }) {
-    let show = ref(props.visible);
     const calendarRef = ref(null);
     const update = () => {
-      show.value = false;
       emit("update:visible", false);
     };
     const close = () => {
-      show.value = false;
       emit("close");
       emit("update:visible", false);
     };
@@ -650,11 +645,7 @@ var _sfc_main = create({
     const closePopup = () => {
       close();
     };
-    watch(() => props.visible, (value) => {
-      show.value = value;
-    });
     return {
-      show,
       closePopup,
       update,
       close,
@@ -668,16 +659,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_popup = resolveComponent("nut-popup");
   return _ctx.poppable ? (openBlock(), createBlock(_component_nut_popup, {
     key: 0,
-    visible: _ctx.show,
-    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.show = $event),
+    visible: _ctx.visible,
     position: "bottom",
     round: "",
-    closeable: "",
+    closeable: true,
     onClickOverlay: _ctx.closePopup,
     onClickCloseIcon: _ctx.closePopup
   }, {
     default: withCtx(() => [
       createVNode(_component_nut_calendar_item, {
+        props: "",
         ref: "calendarRef",
         type: _ctx.type,
         "is-auto-back-fill": _ctx.isAutoBackFill,
@@ -705,5 +696,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onChoose: _ctx.choose
   }, null, 8, ["type", "is-auto-back-fill", "poppable", "title", "default-value", "start-date", "end-date", "onClose", "onChoose"]));
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Card.js

@@ -1,12 +1,13 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { c as createComponent } from "./component.js";
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, renderSlot, createVNode, createBlock, createCommentVNode, Fragment, withCtx, createTextVNode } from "vue";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, renderSlot, createVNode, createBlock, Fragment, withCtx, createTextVNode } from "vue";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { create } = createComponent("card");
-var _sfc_main = create({
+const _sfc_main = create({
   props: {
     imgUrl: {
       type: String,
@@ -38,6 +39,7 @@ var _sfc_main = create({
     }
   },
   setup(props, { emit, slots }) {
+    console.log(slots["origin"]);
     const isHaveSlot = (slot) => {
       return slots[slot];
     };
@@ -74,8 +76,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           key: 1,
           class: "nut-card__right__price__origin",
           price: _ctx.vipPrice
-        }, null, 8, ["price"])),
-        _ctx.isHaveSlot("tag") ? renderSlot(_ctx.$slots, "tag", { key: 2 }) : createCommentVNode("", true)
+        }, null, 8, ["price"]))
       ]),
       createElementVNode("div", _hoisted_7, [
         _ctx.isHaveSlot("shop-tag") ? renderSlot(_ctx.$slots, "shop-tag", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -100,5 +101,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Cell.js

@@ -1,20 +1,22 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode, Fragment, createElementVNode, toDisplayString, createTextVNode } from "vue";
 import { c as createComponent } from "./component.js";
+import { useRouter } from "vue-router";
 import { p as pxCheck } from "./pxCheck.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("cell");
-var _sfc_main = create({
+const _sfc_main = create({
   props: {
     title: { type: String, default: "" },
     subTitle: { type: String, default: "" },
     desc: { type: String, default: "" },
     descTextAlign: { type: String, default: "right" },
     isLink: { type: Boolean, default: false },
-    to: { type: String, default: "" },
+    to: [String, Object],
     replace: { type: Boolean, default: false },
     roundRadius: { type: [String, Number], default: "" },
     url: { type: String, default: "" },
@@ -29,6 +31,7 @@ var _sfc_main = create({
         [`${prefixCls}--clickable`]: props.isLink || props.to
       };
     });
+    const router = useRouter();
     const baseStyle = computed(() => {
       return {
         borderRadius: pxCheck(props.roundRadius)
@@ -36,6 +39,11 @@ var _sfc_main = create({
     });
     const handleClick = (event) => {
       emit("click", event);
+      if (props.to && router) {
+        router[props.replace ? "replace" : "push"](props.to);
+      } else if (props.url) {
+        props.replace ? location.replace(props.url) : location.href = props.url;
+      }
     };
     return {
       handleClick,
@@ -83,5 +91,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/CellGroup.js

@@ -1,14 +1,16 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { computed, openBlock, createElementBlock, normalizeClass, renderSlot, toDisplayString, createCommentVNode, createElementVNode } from "vue";
 import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("cell-group");
-var _sfc_main = create({
+const _sfc_main = create({
   props: {
-    title: { type: String, default: "" }
+    title: { type: String, default: "" },
+    desc: { type: String, default: "" }
   },
   setup() {
     const classes = computed(() => {
@@ -26,16 +28,21 @@ const _hoisted_1 = {
   key: 1,
   class: "nut-cell-group__title"
 };
-const _hoisted_2 = { class: "nut-cell-group__warp" };
+const _hoisted_2 = {
+  key: 3,
+  class: "nut-cell-group__desc"
+};
+const _hoisted_3 = { class: "nut-cell-group__warp" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
     _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_2, [
+    _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+    createElementVNode("view", _hoisted_3, [
       renderSlot(_ctx.$slots, "default")
     ])
   ], 2);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Checkbox.js

@@ -1,14 +1,14 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { inject, computed, onMounted, getCurrentInstance, h } from "vue";
 import { c as createComponent } from "./component.js";
-import { _ as _sfc_main$1 } from "./index.taro.vue_vue&type=script&lang.js";
+import _sfc_main$1 from "./Icon.js";
 import "./pxCheck.js";
 const { create, componentName } = createComponent("checkbox");
-var _sfc_main = create({
+const _sfc_main = create({
   components: {
     nutIcon: _sfc_main$1
   },

package/dist/packages/_es/CheckboxGroup.js

@@ -1,18 +1,13 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { getCurrentInstance, reactive, provide, computed, watch, h } from "vue";
+import { reactive, provide, computed, watch, h } from "vue";
 import { c as createComponent } from "./component.js";
-function useExpose(apis) {
-  const instance = getCurrentInstance();
-  if (instance) {
-    Object.assign(instance.proxy, apis);
-  }
-}
+import { u as useExpose } from "./index.js";
 const { create, componentName } = createComponent("checkboxgroup");
-var _sfc_main = create({
+const _sfc_main = create({
   props: {
     modelValue: {
       type: Array,