@nutui/nutui 4.0.0-beta.9 → 4.0.0

package/dist/packages/_es/Audio.js

@@ -13,26 +13,32 @@ const _sfc_main = create({
       type: String,
       default: ""
     },
+    // 静音
     muted: {
       type: Boolean,
       default: false
     },
+    // 自动播放
     autoplay: {
       type: Boolean,
       default: false
     },
+    // 循环播放
     loop: {
       type: Boolean,
       default: false
     },
+    // 是否预加载音频
     preload: {
       type: String,
       default: "auto"
     },
+    /* 总时长秒数 */
     second: {
       type: Number,
       default: 0
     },
+    // 展示的形式   controls 控制面板   progress 进度条  icon 图标 none 自定义
     type: {
       type: String,
       default: "progress"

package/dist/packages/_es/AudioOperate.js

@@ -7,6 +7,7 @@ import "@nutui/icons-vue";
 const { componentName, create, translate } = createComponent("audio-operate");
 const _sfc_main = create({
   props: {
+    // 展示的形式   back 倒退   play 开始 or 暂停  forward 快进 mute 静音
     type: {
       type: String,
       default: () => "play"

package/dist/packages/_es/Avatar.js

@@ -33,7 +33,9 @@ const _sfc_main = create({
     const state = reactive({
       index: 1,
       showMax: false,
+      // 是否显示的最大头像个数
       maxIndex: 0
+      // avatarGroup里的avatar的个数
     });
     onMounted(() => {
       var _a, _b;

package/dist/packages/_es/AvatarGroup.js

@@ -57,6 +57,7 @@ const _sfc_main = create({
     });
     return {
       classes,
+      // styles,
       avatarGroupRef
     };
   }

package/dist/packages/_es/Badge.js

@@ -72,9 +72,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "nut-badge__icon",
       style: normalizeStyle(_ctx.stl)
     }, [
-      renderSlot(_ctx.$slots, "icons")
+      renderSlot(_ctx.$slots, "icon")
     ], 4), [
-      [vShow, !_ctx.hidden && !_ctx.dot]
+      [vShow, !_ctx.hidden && !_ctx.dot && _ctx.$slots.icon]
     ]),
     renderSlot(_ctx.$slots, "default"),
     withDirectives(createElementVNode("view", {

package/dist/packages/_es/Barrage.js

@@ -1,4 +1,4 @@
-import { useSlots, computed, ref, onMounted, onUnmounted, onDeactivated, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode } from "vue";
+import { useSlots, computed, ref, onMounted, onUnmounted, watch, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -31,8 +31,7 @@ const _sfc_main = create({
       default: true
     }
   },
-  emits: ["click"],
-  setup(props, { slots }) {
+  setup(props) {
     const classTime = new Date().getTime();
     const slotDefault = !!useSlots().default;
     const classes = computed(() => {
@@ -51,36 +50,58 @@ const _sfc_main = create({
     const speeds = props.speeds;
     const danmuCWidth = ref(0);
     onMounted(() => {
-      var _a;
-      danmuCWidth.value = dmBody.value.offsetWidth;
+      init();
       if (slotDefault) {
-        const list = document.getElementsByClassName("slotBody" + classTime);
-        let childrens = ((_a = list == null ? void 0 : list[0]) == null ? void 0 : _a.children) || [];
-        const dmList = [];
-        if (childrens) {
-          Array.from(childrens).forEach((item) => {
-            item.style.opacity = "0";
-            dmList.push(item);
-          });
-        }
-        danmuList.value = dmList;
+        document.addEventListener("visibilitychange", function() {
+          if (document.visibilityState === "hidden") {
+            clearTime();
+            index2.value = 0;
+            eleSlot("hidden");
+          } else if (document.visibilityState === "visible") {
+            init();
+          }
+        });
       }
-      setTimeout(() => {
-        var _a2;
-        (_a2 = dmBody.value) == null ? void 0 : _a2.style.setProperty("--move-distance", `-${danmuCWidth.value}px`);
-        run();
-      }, 300);
     });
     onUnmounted(() => {
       danmuList.value = [];
-      clearInterval(timer);
-      timer = 0;
+      clearTime();
     });
-    onDeactivated(() => {
-      danmuList.value = [];
-      clearInterval(timer);
+    const init = () => {
+      danmuCWidth.value = dmBody.value.offsetWidth;
+      if (slotDefault) {
+        eleSlot("init");
+      }
+      setTimeout(() => {
+        var _a;
+        (_a = dmBody.value) == null ? void 0 : _a.style.setProperty("--move-distance", `-${danmuCWidth.value}px`);
+        run();
+      }, 300);
+    };
+    const eleSlot = (flag) => {
+      var _a;
+      const list = document.getElementsByClassName("slotBody" + classTime);
+      let childrens = ((_a = list == null ? void 0 : list[0]) == null ? void 0 : _a.children) || [];
+      const dmList = [];
+      if (childrens) {
+        Array.from(childrens).forEach((item) => {
+          if (flag == "init") {
+            item.style.opacity = "0";
+            dmList.push(item);
+          } else {
+            item.classList = "";
+            item.style = {};
+          }
+        });
+      }
+      if (flag == "init") {
+        danmuList.value = dmList;
+      }
+    };
+    const clearTime = () => {
+      clearTimeout(timer);
       timer = 0;
-    });
+    };
     watch(
       () => props.danmu,
       (newValue) => {
@@ -98,11 +119,9 @@ const _sfc_main = create({
       }
     };
     const run = () => {
-      clearInterval(timer);
-      timer = 0;
+      clearTime();
       timer = setTimeout(() => {
         play();
-        run();
       }, props.frequency);
     };
     const play = () => {
@@ -131,21 +150,20 @@ const _sfc_main = create({
           const width = el.offsetWidth;
           el.style.width = width + 20 + "px";
         }
-        el.dataset.index = `${_index}`;
-        if (slotDefault) {
-          index2.value++;
-          el.addEventListener("animationend", () => {
-            var _a3;
-            if ((_a3 = el == null ? void 0 : el.classList) == null ? void 0 : _a3.contains("move")) {
-              el.classList.remove("move");
-            }
-          });
-        } else {
-          el.addEventListener("animationend", () => {
+        el.addEventListener("animationend", () => {
+          if (slotDefault) {
+            el.classList.remove("move");
+          } else {
             dmContainer.value.removeChild(el);
-          });
-          index2.value++;
+          }
+        });
+        index2.value++;
+        if (index2.value >= danmuList.value.length) {
+          index2.value = 0;
         }
+        el.removeEventListener("animationend", () => {
+        });
+        run();
       });
     };
     return { classTime, classes, danmuList, dmBody, dmContainer, add };

package/dist/packages/_es/Calendar.js

@@ -1,7 +1,7 @@
 import { computed, ref, resolveComponent, openBlock, createBlock, withCtx, createSlots, renderSlot, createCommentVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
-import { C as CalendarItem, U as Utils } from "./index-350a8abd.js";
-import { P as Popup } from "./index-da7aa231.js";
+import { C as CalendarItem, U as Utils } from "./index-2ae3ae87.js";
+import { P as Popup } from "./index-991c279f.js";
 import { u as useExpose } from "./index-79c5dc33.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -86,13 +86,13 @@ const _sfc_main = create({
       return slots.btn;
     });
     const topInfo = computed(() => {
-      return slots.topInfo;
+      return slots["top-info"];
     });
     const dayInfo = computed(() => {
       return slots.day;
     });
     const bottomInfo = computed(() => {
-      return slots.bottomInfo;
+      return slots["bottom-info"];
     });
     const calendarRef = ref(null);
     const scrollToDate = (date) => {
@@ -189,18 +189,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           key: "1"
         } : void 0,
         _ctx.topInfo ? {
-          name: "topInfo",
+          name: "top-info",
           fn: withCtx((date) => [
-            renderSlot(_ctx.$slots, "topInfo", {
+            renderSlot(_ctx.$slots, "top-info", {
               date: date.date
             })
           ]),
           key: "2"
         } : void 0,
         _ctx.bottomInfo ? {
-          name: "bottomInfo",
+          name: "bottom-info",
           fn: withCtx((date) => [
-            renderSlot(_ctx.$slots, "bottomInfo", {
+            renderSlot(_ctx.$slots, "bottom-info", {
               date: date.date
             })
           ]),
@@ -249,18 +249,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       key: "1"
     } : void 0,
     _ctx.topInfo ? {
-      name: "topInfo",
+      name: "top-info",
       fn: withCtx((date) => [
-        renderSlot(_ctx.$slots, "topInfo", {
+        renderSlot(_ctx.$slots, "top-info", {
           date: date.date
         })
       ]),
       key: "2"
     } : void 0,
     _ctx.bottomInfo ? {
-      name: "bottomInfo",
+      name: "bottom-info",
       fn: withCtx((date) => [
-        renderSlot(_ctx.$slots, "bottomInfo", {
+        renderSlot(_ctx.$slots, "bottom-info", {
           date: date.date
         })
       ]),

package/dist/packages/_es/CalendarItem.js

@@ -1,4 +1,4 @@
-import { C } from "./index-350a8abd.js";
+import { C } from "./index-2ae3ae87.js";
 import "vue";
 import "./_plugin-vue_export-helper-cc2b3d55.js";
 import "./component-81a4c1d0.js";

package/dist/packages/_es/Card.js

@@ -13,32 +13,25 @@ const _sfc_main = create({
   },
   props: {
     imgUrl: {
-      type: String,
-      default: ""
+      type: String
     },
     title: {
-      type: String,
-      default: ""
+      type: String
     },
     price: {
-      type: String,
-      default: ""
+      type: String
     },
     vipPrice: {
-      type: String,
-      default: ""
+      type: String
     },
     shopDesc: {
-      type: String,
-      default: ""
+      type: String
     },
     delivery: {
-      type: String,
-      default: ""
+      type: String
     },
     shopName: {
-      type: String,
-      default: ""
+      type: String
     },
     isNeedPrice: {
       type: Boolean,

package/dist/packages/_es/Cascader.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { computed, ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, createVNode } from "vue";
-import { P as Popup, p as popupProps } from "./index-da7aa231.js";
+import { P as Popup, p as popupProps } from "./index-991c279f.js";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { Loading, Checklist } from "@nutui/icons-vue";
 import Tabs from "./Tabs.js";
@@ -98,6 +98,7 @@ class Tree {
       parent.children = formatTree(nodes, parent, this.config);
     }
   }
+  // for test
   getNodeByValue(value) {
     let foundNode;
     eachTree(this.nodes, (node) => {
@@ -289,6 +290,7 @@ const _sfc_main$1 = create$1({
       emit("update:modelValue", emitValue, pathNodes);
     };
     const methods = {
+      // 选中一个节点，静默模式不触发事件
       async handleNode(node, silent) {
         const { disabled, loading } = node;
         if (!silent && disabled || !panes.value[tabsCursor.value]) {
@@ -520,8 +522,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     position: "bottom",
     "pop-class": "nut-cascader__popup",
     round: "",
-    closeable: !_ctx.closeable,
-    "close-icon": _ctx.closeIcon,
+    closeable: _ctx.closeable,
     "destroy-on-close": false,
     "close-icon-position": _ctx.closeIconPosition
   }, {
@@ -546,7 +547,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["onChange", "onPathChange", "modelValue", "options", "lazy", "lazy-load", "value-key", "text-key", "children-key", "convert-config", "visible"])
     ]),
     _: 1
-  }, 8, ["visible", "closeable", "close-icon", "close-icon-position"])) : (openBlock(), createBlock(_component_nut_cascader_item, {
+  }, 8, ["visible", "closeable", "close-icon-position"])) : (openBlock(), createBlock(_component_nut_cascader_item, {
     key: 1,
     onChange: _ctx.onChange,
     onPathChange: _ctx.onPathChange,

package/dist/packages/_es/Category.js

@@ -5,10 +5,12 @@ import "../locale/lang";
 const { componentName, create } = createComponent("category");
 const _sfc_main = create({
   props: {
+    //分类模式
     type: {
       type: String,
       default: "classify"
     },
+    //左侧导航栏
     category: {
       type: Array,
       default: []

package/dist/packages/_es/CategoryPane.js

@@ -5,14 +5,17 @@ import "../locale/lang";
 const { componentName, create } = createComponent("category-pane");
 const _sfc_main = create({
   props: {
+    //分类模式
     type: {
       type: String,
       default: "classify"
     },
+    //右侧导航数据
     categoryChild: {
       type: Array,
       default: () => []
     },
+    //模式传入自定义数据
     customCategory: {
       type: Array,
       default: () => []

package/dist/packages/_es/Cell.js

@@ -20,6 +20,7 @@ const _sfc_main = create({
     url: { type: String, default: "" },
     center: { type: Boolean, default: false },
     size: { type: String, default: "" }
+    // large
   },
   emits: ["click"],
   setup(props, { emit }) {

package/dist/packages/_es/Collapse.js

@@ -5,7 +5,7 @@ import "../locale/lang";
 const { create, componentName } = createComponent("collapse");
 const _sfc_main = create({
   props: {
-    active: {
+    modelValue: {
       type: [String, Number, Array],
       default: () => []
     },
@@ -14,7 +14,7 @@ const _sfc_main = create({
       default: false
     }
   },
-  emits: ["update:active", "change"],
+  emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
     const collapseDom = ref(null);
     const collapseChldren = ref([]);
@@ -25,7 +25,7 @@ const _sfc_main = create({
       };
     });
     watch(
-      () => props.active,
+      () => props.modelValue,
       (newval) => {
         let doms = collapseChldren.value;
         Array.from(doms).forEach((item) => {
@@ -43,11 +43,11 @@ const _sfc_main = create({
       collapseChldren.value = getCurrentInstance().provides.collapseParent.children || [];
     });
     const changeVal = (val) => {
-      emit("update:active", val);
+      emit("update:modelValue", val);
       emit("change", val);
     };
     const changeValAry = (name) => {
-      const activeItem = props.active instanceof Object ? Object.values(props.active) : props.active;
+      const activeItem = props.modelValue instanceof Object ? Object.values(props.modelValue) : props.modelValue;
       let index2 = -1;
       activeItem.forEach((item, idx) => {
         if (String(item) == String(name)) {
@@ -58,9 +58,9 @@ const _sfc_main = create({
       changeVal(activeItem);
     };
     const isExpanded = (name) => {
-      const { accordion, active } = props;
+      const { accordion, modelValue } = props;
       if (accordion) {
-        return typeof active === "number" || typeof active === "string" ? active == name : false;
+        return typeof modelValue === "number" || typeof modelValue === "string" ? modelValue == name : false;
       }
     };
     provide("collapseParent", {

package/dist/packages/_es/CollapseItem.js

@@ -44,6 +44,7 @@ const _sfc_main = create({
       default: 180
     }
   },
+  // components: { DownArrow },
   setup(props, ctx) {
     const collapse = inject("collapseParent");
     const parent = reactive(collapse);
@@ -98,7 +99,7 @@ const _sfc_main = create({
     const toggleOpen = () => {
       if (parent.props.accordion) {
         nextTick(() => {
-          if (currentName.value == parent.props.active) {
+          if (currentName.value == parent.props.modelValue) {
             open();
           } else {
             parent.changeVal(currentName.value);
@@ -125,7 +126,7 @@ const _sfc_main = create({
     });
     const init = () => {
       const { name } = props;
-      const active = parent && parent.props.active;
+      const active = parent && parent.props.modelValue;
       nextTick(() => {
         if (typeof active == "number" || typeof active == "string") {
           if (name == active) {
@@ -205,7 +206,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       createElementVNode("view", _hoisted_1, [
         createElementVNode("view", _hoisted_2, [
-          _ctx.$slots.mTitle ? renderSlot(_ctx.$slots, "mTitle", { key: 0 }) : (openBlock(), createElementBlock("view", {
+          _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : (openBlock(), createElementBlock("view", {
             key: 1,
             innerHTML: _ctx.title,
             class: "nut-collapse-item__title-mtitle"
@@ -227,9 +228,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon))))
       ], 6)
     ], 2),
-    _ctx.$slots.extraRender ? (openBlock(), createElementBlock("view", _hoisted_7, [
+    _ctx.$slots.extra ? (openBlock(), createElementBlock("view", _hoisted_7, [
       createElementVNode("div", _hoisted_8, [
-        renderSlot(_ctx.$slots, "extraRender")
+        renderSlot(_ctx.$slots, "extra")
       ])
     ])) : createCommentVNode("", true),
     createElementVNode("view", _hoisted_9, [

package/dist/packages/_es/Comment.js

@@ -1,6 +1,6 @@
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, renderSlot, createVNode, ref, watch, onMounted, Fragment, renderList, createBlock, computed, withCtx, normalizeStyle, createTextVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
-import { Right, Fabulous, Comment, MoreX, JoySmile } from "@nutui/icons-vue";
+import { Right, Fabulous, Comment, MoreX } from "@nutui/icons-vue";
 import Rate from "./Rate.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -9,10 +9,14 @@ import "./pxCheck-c6b9f6b7.js";
 import "./index-7a7385e4.js";
 const { componentName: componentName$3, create: create$3 } = createComponent("comment-header");
 const _sfc_main$3 = create$3({
+  components: {
+    [Rate.name]: Rate
+  },
   props: {
     type: {
       type: String,
       default: "default"
+      // default，complex
     },
     info: {
       type: Object,
@@ -69,7 +73,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
             createVNode(_component_nut_rate, {
               modelValue: _ctx.info.score,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.info.score = $event),
-              "icon-size": "10",
+              size: "12",
               spacing: "5",
               readonly: "",
               onChange: _ctx.handleClick
@@ -94,7 +98,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
       createVNode(_component_nut_rate, {
         modelValue: _ctx.info.score,
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.info.score = $event),
-        "icon-size": "12",
+        size: "12",
         spacing: "3",
         readonly: ""
       }, null, 8, ["modelValue"]),
@@ -114,6 +118,7 @@ const _sfc_main$2 = create$2({
     type: {
       type: String,
       default: "one"
+      // one multi
     },
     videos: {
       type: Array,
@@ -216,11 +221,11 @@ const _sfc_main$1 = create$1({
     type: {
       type: String,
       default: "base"
+      // simple，base，complex
     },
     info: {
       type: Object,
-      default: () => {
-      }
+      default: () => ({})
     },
     operation: {
       type: Array,
@@ -300,10 +305,12 @@ const _sfc_main = create({
     headerType: {
       type: String,
       default: "default"
+      //头部展示风格 default，complex
     },
     imagesRows: {
       type: String,
       default: "one"
+      // 'one'  'multi'
     },
     ellipsis: {
       type: [String, Number, Boolean],
@@ -319,13 +326,11 @@ const _sfc_main = create({
     },
     info: {
       type: Object,
-      default: () => {
-      }
+      default: () => ({})
     },
     follow: {
       type: Object,
-      default: () => {
-      }
+      default: () => ({})
     },
     labels: {
       type: Function,
@@ -337,12 +342,10 @@ const _sfc_main = create({
     }
   },
   components: {
-    [Rate.name]: Rate,
     CommentHeader,
     CommentImages,
     CommentBottom,
-    Right,
-    JoySmile
+    Right
   },
   emits: ["click", "clickImages", "clickOperate"],
   setup(props, { emit }) {
@@ -401,7 +404,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "nut-comment__main",
       style: normalizeStyle(`-webkit-line-clamp:${_ctx.conEllipsis}`),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
-      innerHTML: _ctx.info.content.replace(/\n/g, "<br>")
+      innerHTML: _ctx.info.content
     }, null, 12, _hoisted_1),
     createVNode(_component_comment_images, {
       images: _ctx.images,