@nutui/nutui 3.1.10 → 3.1.12-beta.1

package/dist/packages/_es/Barrage.js

@@ -1,13 +1,13 @@
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
 * (c) 2021 @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 { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import Taro from "@tarojs/taro";
 const { componentName, create } = createComponent("barrage");
-const _sfc_main = create({
+var _sfc_main = create({
   props: {
     danmu: {
       type: Array,
@@ -15,7 +15,7 @@ const _sfc_main = create({
     },
     frequency: {
       type: Number,
-      default: 500
+      default: 200
     },
     speeds: {
       type: Number,
@@ -36,83 +36,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 };
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };

package/dist/packages/_es/Button.js

@@ -1,15 +1,14 @@
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 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 _sfc_main$1 from "./Icon.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { _ as _sfc_main$1 } from "./index.taro.vue_vue&type=script&lang.js";
 import "./pxCheck.js";
 const { componentName, create } = createComponent("button");
-const _sfc_main = create({
+var _sfc_main = create({
   components: {
     [_sfc_main$1.name]: _sfc_main$1
   },
@@ -120,5 +119,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { Button as default };
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };

package/dist/packages/_es/Calendar.js

@@ -14,22 +14,24 @@ 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.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 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 index2 = date.getDay();
+    const index = date.getDay();
     const dayNames = [
       "\u661F\u671F\u65E5",
       "\u661F\u671F\u4E00",
@@ -39,7 +41,7 @@ const Utils = {
       "\u661F\u671F\u4E94",
       "\u661F\u671F\u516D"
     ];
-    return dayNames[index2];
+    return dayNames[index];
   },
   getMonthPreDay: function(year, month) {
     const date = new Date(year + "/" + month + "/01");
@@ -105,7 +107,7 @@ const Utils = {
   }
 };
 const { create: create$1 } = createComponent("calendar-item");
-const _sfc_main$1 = create$1({
+var _sfc_main$1 = create$1({
   props: {
     type: {
       type: String,
@@ -537,10 +539,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, index2) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: "calendar-week-item",
-            key: index2
+            key: index
           }, toDisplayString(item), 1);
         }), 128))
       ], 512)
@@ -554,10 +556,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, index2) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.monthsData, (month, index) => {
           return openBlock(), createElementBlock("view", {
             class: "calendar-month",
-            key: index2
+            key: index
           }, [
             createElementVNode("view", _hoisted_6, toDisplayString(month.title), 1),
             createElementVNode("view", _hoisted_7, [
@@ -589,11 +591,11 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 2);
 }
-var CalendarItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+_sfc_main$1.render = _sfc_render$1;
 const { create } = createComponent("calendar");
-const _sfc_main = create({
+var _sfc_main = create({
   components: {
-    [CalendarItem.name]: CalendarItem
+    [_sfc_main$1.name]: _sfc_main$1
   },
   props: {
     type: {
@@ -610,7 +612,7 @@ const _sfc_main = create({
     },
     visible: {
       type: Boolean,
-      default: false
+      default: true
     },
     title: {
       type: String,
@@ -630,11 +632,14 @@ const _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);
     };
@@ -645,7 +650,11 @@ const _sfc_main = create({
     const closePopup = () => {
       close();
     };
+    watch(() => props.visible, (value) => {
+      show.value = value;
+    });
     return {
+      show,
       closePopup,
       update,
       close,
@@ -659,16 +668,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.visible,
+    visible: _ctx.show,
+    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.show = $event),
     position: "bottom",
     round: "",
-    closeable: true,
+    closeable: "",
     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,
@@ -696,5 +705,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"]));
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };

package/dist/packages/_es/Card.js

@@ -0,0 +1,104 @@
+/*!
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 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";
+const { create } = createComponent("card");
+var _sfc_main = create({
+  props: {
+    imgUrl: {
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    price: {
+      type: String,
+      default: ""
+    },
+    vipPrice: {
+      type: String,
+      default: ""
+    },
+    shopDesc: {
+      type: String,
+      default: ""
+    },
+    delivery: {
+      type: String,
+      default: ""
+    },
+    shopName: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, { emit, slots }) {
+    const isHaveSlot = (slot) => {
+      return slots[slot];
+    };
+    return {
+      isHaveSlot
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-card" };
+const _hoisted_2 = { class: "nut-card__left" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = { class: "nut-card__right" };
+const _hoisted_5 = { class: "nut-card__right__title" };
+const _hoisted_6 = { class: "nut-card__right__price" };
+const _hoisted_7 = { class: "nut-card__right__other" };
+const _hoisted_8 = { class: "nut-card__right__shop" };
+const _hoisted_9 = { class: "nut-card__right__shop__name" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_price = resolveComponent("nut-price");
+  const _component_nut_tag = resolveComponent("nut-tag");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      createElementVNode("img", {
+        src: _ctx.imgUrl,
+        alt: ""
+      }, null, 8, _hoisted_3)
+    ]),
+    createElementVNode("div", _hoisted_4, [
+      createElementVNode("div", _hoisted_5, toDisplayString(_ctx.title), 1),
+      renderSlot(_ctx.$slots, "prolist"),
+      createElementVNode("div", _hoisted_6, [
+        createVNode(_component_nut_price, { price: _ctx.price }, null, 8, ["price"]),
+        _ctx.isHaveSlot("origin") ? renderSlot(_ctx.$slots, "origin", { key: 0 }) : (openBlock(), createBlock(_component_nut_price, {
+          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)
+      ]),
+      createElementVNode("div", _hoisted_7, [
+        _ctx.isHaveSlot("shop-tag") ? renderSlot(_ctx.$slots, "shop-tag", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createVNode(_component_nut_tag, { type: "danger" }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.shopDesc), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_nut_tag, { plain: "" }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.delivery), 1)
+            ]),
+            _: 1
+          })
+        ], 64))
+      ]),
+      createElementVNode("div", _hoisted_8, [
+        createElementVNode("div", _hoisted_9, toDisplayString(_ctx.shopName), 1),
+        renderSlot(_ctx.$slots, "footer")
+      ])
+    ])
+  ]);
+}
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };

package/dist/packages/_es/Cell.js

@@ -1,22 +1,20 @@
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 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");
-const _sfc_main = create({
+var _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: [String, Object],
+    to: { type: String, default: "" },
     replace: { type: Boolean, default: false },
     roundRadius: { type: [String, Number], default: "" },
     url: { type: String, default: "" },
@@ -31,7 +29,6 @@ const _sfc_main = create({
         [`${prefixCls}--clickable`]: props.isLink || props.to
       };
     });
-    const router = useRouter();
     const baseStyle = computed(() => {
       return {
         borderRadius: pxCheck(props.roundRadius)
@@ -39,11 +36,6 @@ const _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,
@@ -91,5 +83,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };

package/dist/packages/_es/CellGroup.js

@@ -1,13 +1,12 @@
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 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");
-const _sfc_main = create({
+var _sfc_main = create({
   props: {
     title: { type: String, default: "" }
   },
@@ -38,5 +37,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };

package/dist/packages/_es/Checkbox.js

@@ -1,14 +1,14 @@
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 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 _sfc_main$1 from "./Icon.js";
+import { _ as _sfc_main$1 } from "./index.taro.vue_vue&type=script&lang.js";
 import "./pxCheck.js";
 const { create, componentName } = createComponent("checkbox");
-const _sfc_main = create({
+var _sfc_main = create({
   components: {
     nutIcon: _sfc_main$1
   },

package/dist/packages/_es/CheckboxGroup.js

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