@nutui/nutui 4.0.0-beta.15 → 4.0.0-beta.17

package/dist/packages/_es/Address.js

@@ -41,14 +41,17 @@ const _sfc_main = create({
       type: Array,
       default: () => []
     },
+    // 市
     country: {
       type: Array,
       default: () => []
     },
+    // 县
     town: {
       type: Array,
       default: () => []
     },
+    // 镇
     isShowCustomAddress: {
       type: Boolean,
       default: true

package/dist/packages/_es/AddressList.js

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, toDisplayString, createCommentVNode, createVNode, createTextVNode, ref, createBlock, withCtx, reactive, computed, watch, onMounted, normalizeClass, Fragment, renderList, createSlots } from "vue";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, toDisplayString, createCommentVNode, createVNode, createTextVNode, ref, h, createBlock, resolveDynamicComponent, withCtx, reactive, computed, watch, onMounted, normalizeClass, Fragment, renderList, createSlots } from "vue";
 import { c as createComponent, n as floatData } from "./component-81a4c1d0.js";
 import { Del, Edit } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
@@ -6,9 +6,9 @@ import Button from "./Button.js";
 import Swipe from "./Swipe.js";
 import "../locale/lang";
 import "./index-7a7385e4.js";
-const { create: create$3 } = createComponent("addresslist-item");
+const { create: create$2 } = createComponent("addresslist-item");
 const { translate: translate$1 } = createComponent("addresslist");
-const _sfc_main$3 = create$3({
+const _sfc_main$2 = create$2({
   components: { Del, Edit },
   props: {
     item: {
@@ -38,7 +38,7 @@ const _sfc_main$3 = create$3({
     };
   }
 });
-const _hoisted_1$2 = { class: "nut-address-list-item__info" };
+const _hoisted_1$1 = { class: "nut-address-list-item__info" };
 const _hoisted_2$1 = { class: "nut-address-list-item__info-contact" };
 const _hoisted_3$1 = { class: "nut-address-list-item__info-contact-name" };
 const _hoisted_4$1 = { class: "nut-address-list-item__info-contact-tel" };
@@ -48,14 +48,14 @@ const _hoisted_5$1 = {
 };
 const _hoisted_6$1 = { class: "nut-address-list-item__info-handle" };
 const _hoisted_7$1 = { class: "nut-address-list-item__addr" };
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Del = resolveComponent("Del");
   const _component_Edit = resolveComponent("Edit");
   return openBlock(), createElementBlock("div", {
     class: "nut-address-list-item",
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.contentsClick && _ctx.contentsClick(...args))
   }, [
-    createElementVNode("div", _hoisted_1$2, [
+    createElementVNode("div", _hoisted_1$1, [
       createElementVNode("div", _hoisted_2$1, [
         renderSlot(_ctx.$slots, "contentTop", {}, () => [
           createElementVNode("div", _hoisted_3$1, toDisplayString(_ctx.item.addressName), 1),
@@ -85,103 +85,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const ItemContents = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
-const { create: create$2 } = createComponent("addresslist-swipe");
-const _sfc_main$2 = create$2({
-  props: {
-    item: {
-      type: Object,
-      default: {}
-    }
-  },
-  emits: ["delIcon", "editIcon", "itemClick", "swipeDel"],
-  components: {
-    ItemContents
-  },
-  setup(props, { emit }) {
-    const moveRef = ref(false);
-    const delClick = (event) => {
-      emit("delIcon", event, props.item);
-      event.stopPropagation();
-    };
-    const editClick = (event) => {
-      emit("editIcon", event, props.item);
-      event.stopPropagation();
-    };
-    const itemClick = (event) => {
-      if (moveRef.value)
-        return;
-      emit("itemClick", event, props.item);
-      event.stopPropagation();
-    };
-    const swipeDelClick = (event) => {
-      emit("swipeDel", event, props.item);
-      event.stopPropagation();
-    };
-    const swipestart = () => {
-      moveRef.value = false;
-    };
-    const swipemove = () => {
-      moveRef.value = true;
-    };
-    return {
-      delClick,
-      editClick,
-      itemClick,
-      swipeDelClick,
-      swipestart,
-      swipemove
-    };
-  }
-});
-const _hoisted_1$1 = { class: "nut-address-list-swipe" };
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_item_contents = resolveComponent("item-contents");
-  const _component_nut_button = resolveComponent("nut-button");
-  const _component_nut_swipe = resolveComponent("nut-swipe");
-  return openBlock(), createBlock(_component_nut_swipe, null, {
-    right: withCtx(() => [
-      renderSlot(_ctx.$slots, "swiperightbtn", {}, () => [
-        createVNode(_component_nut_button, {
-          shape: "square",
-          style: { "height": "100%" },
-          type: "danger",
-          onClick: _ctx.swipeDelClick
-        }, {
-          default: withCtx(() => [
-            createTextVNode("删除")
-          ]),
-          _: 1
-        }, 8, ["onClick"])
-      ])
-    ]),
-    default: withCtx(() => [
-      createElementVNode("div", _hoisted_1$1, [
-        createVNode(_component_item_contents, {
-          item: _ctx.item,
-          onDelIcon: _ctx.delClick,
-          onEditIcon: _ctx.editClick,
-          onItemClick: _ctx.itemClick,
-          onTouchmove: _ctx.swipemove,
-          onTouchstart: _ctx.swipestart
-        }, {
-          contentTop: withCtx(() => [
-            renderSlot(_ctx.$slots, "contentInfo")
-          ]),
-          contentIcon: withCtx(() => [
-            renderSlot(_ctx.$slots, "contentIcons")
-          ]),
-          contentAddr: withCtx(() => [
-            renderSlot(_ctx.$slots, "contentAddrs")
-          ]),
-          _: 3
-        }, 8, ["item", "onDelIcon", "onEditIcon", "onItemClick", "onTouchmove", "onTouchstart"])
-      ])
-    ]),
-    _: 3
-  });
-}
-const SwipeShell = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
+const ItemContents = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
 const { create: create$1 } = createComponent("addresslist-general");
 const _sfc_main$1 = create$1({
   props: {
@@ -192,27 +96,52 @@ const _sfc_main$1 = create$1({
     longPress: {
       type: Boolean,
       default: false
+    },
+    swipeEdition: {
+      type: Boolean,
+      default: false
     }
   },
-  emits: ["delIcon", "editIcon", "itemClick", "longDown", "longCopy", "longSet", "longDel"],
+  emits: ["delIcon", "editIcon", "itemClick", "longDown", "longCopy", "longSet", "longDel", "swipeDel"],
   components: {
     ItemContents
   },
   setup(props, { emit }) {
+    const renderCompontent = () => {
+      return h(ItemContents, {
+        item: props.item,
+        onDelIcon(event) {
+          delClick(event);
+        },
+        onEditIcon(event) {
+          editClick(event);
+        },
+        onItemClick(event) {
+          itemClick(event);
+        }
+      });
+    };
     let loop = null;
+    const moveRef = ref(false);
     const showMaskRef = ref(false);
-    const delShellClick = (event) => {
+    const delClick = (event) => {
       emit("delIcon", event, props.item);
       event.stopPropagation();
     };
-    const editShellClick = (event) => {
+    const editClick = (event) => {
       emit("editIcon", event, props.item);
       event.stopPropagation();
     };
-    const itemShellClick = (event) => {
+    const itemClick = (event) => {
+      if (moveRef.value)
+        return;
       emit("itemClick", event, props.item);
       event.stopPropagation();
     };
+    const delLongClick = (event) => {
+      emit("longDel", event, props.item);
+      event.stopPropagation();
+    };
     const holdingFunc = (event) => {
       loop = 0;
       showMaskRef.value = true;
@@ -240,10 +169,6 @@ const _sfc_main$1 = create$1({
       emit("longSet", event, props.item);
       event.stopPropagation();
     };
-    const delClick = (event) => {
-      emit("longDel", event, props.item);
-      event.stopPropagation();
-    };
     const maskClick = (event) => {
       if (loop != 0) {
         showMaskRef.value = false;
@@ -251,23 +176,40 @@ const _sfc_main$1 = create$1({
       event.stopPropagation();
       event.preventDefault();
     };
+    const swipeDelClick = (event) => {
+      emit("swipeDel", event, props.item);
+      event.stopPropagation();
+    };
+    const swipestart = () => {
+      moveRef.value = false;
+    };
+    const swipemove = () => {
+      moveRef.value = true;
+    };
     return {
-      delShellClick,
-      editShellClick,
-      itemShellClick,
+      renderCompontent,
+      showMaskRef,
+      itemClick,
+      editClick,
+      delClick,
+      delLongClick,
       holddownstart,
       holddownmove,
       holddownend,
-      showMaskRef,
-      delClick,
       copyCLick,
       hideMaskClick,
       setDefault,
-      maskClick
+      maskClick,
+      swipeDelClick,
+      swipestart,
+      swipemove
     };
   }
 });
-const _hoisted_1 = { class: "nut-address-list-general" };
+const _hoisted_1 = {
+  key: 0,
+  class: "nut-address-list-general"
+};
 const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "nut-address-list-mask-contain" }, [
   /* @__PURE__ */ createTextVNode(" 复制"),
   /* @__PURE__ */ createElementVNode("br"),
@@ -292,14 +234,12 @@ const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "nut-addre
 const _hoisted_7 = [
   _hoisted_6
 ];
+const _hoisted_8 = { class: "nut-address-list-swipe" };
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_item_contents = resolveComponent("item-contents");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createVNode(_component_item_contents, {
-      item: _ctx.item,
-      onDelIcon: _ctx.delShellClick,
-      onEditIcon: _ctx.editShellClick,
-      onItemClick: _ctx.itemShellClick,
+  const _component_nut_button = resolveComponent("nut-button");
+  const _component_nut_swipe = resolveComponent("nut-swipe");
+  return !_ctx.swipeEdition ? (openBlock(), createElementBlock("div", _hoisted_1, [
+    (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderCompontent()), {
       onTouchstart: _ctx.holddownstart,
       onTouchend: _ctx.holddownend,
       onTouchmove: _ctx.holddownmove
@@ -314,7 +254,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "contentAddrs")
       ]),
       _: 3
-    }, 8, ["item", "onDelIcon", "onEditIcon", "onItemClick", "onTouchstart", "onTouchend", "onTouchmove"]),
+    }, 40, ["onTouchstart", "onTouchend", "onTouchmove"])),
     _ctx.longPress && _ctx.showMaskRef ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "nut-address-list-general__mask",
@@ -331,7 +271,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         }, _hoisted_5),
         createElementVNode("div", {
           class: "nut-address-list-general__mask-del",
-          onClick: _cache[2] || (_cache[2] = (...args) => _ctx.delClick && _ctx.delClick(...args))
+          onClick: _cache[2] || (_cache[2] = (...args) => _ctx.delLongClick && _ctx.delLongClick(...args))
         }, _hoisted_7)
       ])
     ])) : createCommentVNode("", true),
@@ -340,7 +280,43 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       class: "nut-address-list__mask-bottom",
       onClick: _cache[4] || (_cache[4] = (...args) => _ctx.hideMaskClick && _ctx.hideMaskClick(...args))
     })) : createCommentVNode("", true)
-  ]);
+  ])) : (openBlock(), createBlock(_component_nut_swipe, { key: 1 }, {
+    right: withCtx(() => [
+      renderSlot(_ctx.$slots, "swiperightbtn", {}, () => [
+        createVNode(_component_nut_button, {
+          shape: "square",
+          style: { "height": "100%" },
+          type: "danger",
+          onClick: _ctx.swipeDelClick
+        }, {
+          default: withCtx(() => [
+            createTextVNode("删除")
+          ]),
+          _: 1
+        }, 8, ["onClick"])
+      ])
+    ]),
+    default: withCtx(() => [
+      createElementVNode("div", _hoisted_8, [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderCompontent()), {
+          onTouchmove: _ctx.swipemove,
+          onTouchstart: _ctx.swipestart
+        }, {
+          contentTop: withCtx(() => [
+            renderSlot(_ctx.$slots, "contentInfo")
+          ]),
+          contentIcon: withCtx(() => [
+            renderSlot(_ctx.$slots, "contentIcons")
+          ]),
+          contentAddr: withCtx(() => [
+            renderSlot(_ctx.$slots, "contentAddrs")
+          ]),
+          _: 3
+        }, 40, ["onTouchmove", "onTouchstart"]))
+      ])
+    ]),
+    _: 3
+  }));
 }
 const GeneralShell = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const { componentName, create, translate } = createComponent("address-list");
@@ -368,7 +344,6 @@ const _sfc_main = create({
     }
   },
   components: {
-    SwipeShell,
     GeneralShell,
     [Button.name]: Button,
     [Swipe.name]: Swipe
@@ -453,16 +428,16 @@ const _sfc_main = create({
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_general_shell = resolveComponent("general-shell");
-  const _component_swipe_shell = resolveComponent("swipe-shell");
   const _component_nut_button = resolveComponent("nut-button");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes)
   }, [
-    !_ctx.swipeEdition ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.dataArray, (item, index2) => {
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.dataArray, (item, index2) => {
       return openBlock(), createBlock(_component_general_shell, {
         key: index2,
         item,
         longPress: _ctx.longPress,
+        swipeEdition: _ctx.swipeEdition,
         onDelIcon: _ctx.clickDelIcon,
         onEditIcon: _ctx.clickEditIcon,
         onItemClick: _ctx.clickContentItem,
@@ -470,46 +445,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onLongCopy: _ctx.clickLongCopy,
         onLongSet: _ctx.clickLongSet,
         onLongDel: _ctx.clickLongDel
-      }, createSlots({ _: 2 }, [
-        _ctx.longPress ? {
-          name: "contentInfo",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "iteminfos")
-          ]),
-          key: "0"
-        } : void 0,
-        _ctx.longPress ? {
-          name: "contentIcons",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "itemicon")
-          ]),
-          key: "1"
-        } : void 0,
-        _ctx.longPress ? {
-          name: "contentAddrs",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "itemaddr")
-          ]),
-          key: "2"
-        } : void 0,
-        _ctx.longPress ? {
-          name: "longpressAll",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "longpressbtns")
-          ]),
-          key: "3"
-        } : void 0
-      ]), 1032, ["item", "longPress", "onDelIcon", "onEditIcon", "onItemClick", "onSwipeDel", "onLongCopy", "onLongSet", "onLongDel"]);
-    }), 128)) : createCommentVNode("", true),
-    _ctx.swipeEdition ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.dataArray, (item, index2) => {
-      return openBlock(), createBlock(_component_swipe_shell, {
-        key: index2,
-        item,
-        onDelIcon: _ctx.clickDelIcon,
-        onEditIcon: _ctx.clickEditIcon,
-        onItemClick: _ctx.clickContentItem,
-        onSwipeDel: _ctx.clickSwipeDel
-      }, {
+      }, createSlots({
         contentInfo: withCtx(() => [
           renderSlot(_ctx.$slots, "iteminfos")
         ]),
@@ -519,14 +455,26 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         contentAddrs: withCtx(() => [
           renderSlot(_ctx.$slots, "itemaddr")
         ]),
-        swiperightbtn: withCtx(() => [
-          renderSlot(_ctx.$slots, "swiperight")
-        ]),
         _: 2
-      }, 1032, ["item", "onDelIcon", "onEditIcon", "onItemClick", "onSwipeDel"]);
-    }), 128)) : createCommentVNode("", true),
+      }, [
+        _ctx.longPress ? {
+          name: "longpressAll",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "longpressbtns")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.swipeEdition ? {
+          name: "swiperightbtn",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "swiperight")
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["item", "longPress", "swipeEdition", "onDelIcon", "onEditIcon", "onItemClick", "onSwipeDel", "onLongCopy", "onLongSet", "onLongDel"]);
+    }), 128)),
     _ctx.showBottomButton ? (openBlock(), createElementBlock("div", {
-      key: 2,
+      key: 0,
       class: "nut-address-list__bottom",
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.addAddress && _ctx.addAddress(...args))
     }, [

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/Calendar.js

@@ -1,6 +1,6 @@
 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-1bf0d8ef.js";
+import { C as CalendarItem, U as Utils } from "./index-f3a722c9.js";
 import { P as Popup } from "./index-1006915b.js";
 import { u as useExpose } from "./index-79c5dc33.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";

package/dist/packages/_es/CalendarItem.js

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

package/dist/packages/_es/Cascader.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]) {

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/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);

package/dist/packages/_es/Comment.js

@@ -13,6 +13,7 @@ const _sfc_main$3 = create$3({
     type: {
       type: String,
       default: "default"
+      // default，complex
     },
     info: {
       type: Object,
@@ -114,6 +115,7 @@ const _sfc_main$2 = create$2({
     type: {
       type: String,
       default: "one"
+      // one multi
     },
     videos: {
       type: Array,
@@ -216,6 +218,7 @@ const _sfc_main$1 = create$1({
     type: {
       type: String,
       default: "base"
+      // simple，base，complex
     },
     info: {
       type: Object,
@@ -300,10 +303,12 @@ const _sfc_main = create({
     headerType: {
       type: String,
       default: "default"
+      //头部展示风格 default，complex
     },
     imagesRows: {
       type: String,
       default: "one"
+      // 'one'  'multi'
     },
     ellipsis: {
       type: [String, Number, Boolean],