@nutui/nutui 4.0.0-beta.9 → 4.0.0

package/dist/packages/_es/ActionSheet.js

@@ -1,6 +1,6 @@
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { useSlots, computed, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, normalizeStyle } 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 { Loading } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
@@ -45,10 +45,6 @@ const _sfc_main = create({
       type: Array,
       default: () => []
     },
-    isWrapTeleport: {
-      type: Boolean,
-      default: true
-    },
     closeAbled: {
       type: Boolean,
       default: true
@@ -111,7 +107,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
     visible: _ctx.visible,
-    isWrapTeleport: _ctx.isWrapTeleport,
     position: "bottom",
     round: "",
     onClickOverlay: _ctx.close,
@@ -153,7 +148,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     _: 3
-  }, 8, ["visible", "isWrapTeleport", "onClickOverlay", "closeOnClickOverlay"]);
+  }, 8, ["visible", "onClickOverlay", "closeOnClickOverlay"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/_es/Address.js

@@ -1,6 +1,6 @@
 import { ref, computed, reactive, watch, toRefs, nextTick, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, renderSlot, withDirectives, createVNode, vShow, toDisplayString, createElementBlock, Fragment, renderList, normalizeClass, createCommentVNode, normalizeStyle, createTextVNode } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
-import { P as Popup, p as popupProps } from "./index-da7aa231.js";
+import { P as Popup, p as popupProps } from "./index-991c279f.js";
 import Elevator from "./Elevator.js";
 import { Location, Location2, Check, Close, Left } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.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
@@ -372,7 +375,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: "nut-address__header-back",
             onClick: _cache[0] || (_cache[0] = (...args) => _ctx.switchModule && _ctx.switchModule(...args))
           }, [
-            renderSlot(_ctx.$slots, "backIcon", {}, () => [
+            renderSlot(_ctx.$slots, "back-icon", {}, () => [
               withDirectives(createVNode(_component_Left, null, null, 512), [
                 [vShow, _ctx.type == "exist" && _ctx.privateType == "custom"]
               ])
@@ -383,7 +386,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: "nut-address__header-close",
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handClose("cross"))
           }, [
-            renderSlot(_ctx.$slots, "closeIcon", {}, () => [
+            renderSlot(_ctx.$slots, "close-icon", {}, () => [
               createVNode(_component_Close, {
                 color: "#cccccc",
                 size: "18px"
@@ -448,7 +451,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   key: index2,
                   onClick: ($event) => _ctx.selectedExist(item)
                 }, [
-                  !item.selectedAddress ? renderSlot(_ctx.$slots, "unselectedIcon", { key: 0 }, () => [
+                  !item.selectedAddress ? renderSlot(_ctx.$slots, "unselected-icon", { key: 0 }, () => [
                     createVNode(_component_Location2, {
                       class: "nut-address-select-icon",
                       width: "13px"

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 { translate: translate$1 } = createComponent("addresslist");
-const _sfc_main$3 = create$3({
+const { create: create$2 } = createComponent("address-list-item");
+const { translate: translate$1 } = createComponent("address-list");
+const _sfc_main$2 = create$2({
   components: { Del, Edit },
   props: {
     item: {
@@ -16,7 +16,7 @@ const _sfc_main$3 = create$3({
       default: {}
     }
   },
-  emits: ["delIcon", "editIcon", "itemClick"],
+  emits: ["delIcon", "editIcon", "clickItem"],
   setup(props, { emit }) {
     const delClick = (event) => {
       emit("delIcon", event, props.item);
@@ -27,7 +27,7 @@ const _sfc_main$3 = create$3({
       event.stopPropagation();
     };
     const contentsClick = (event) => {
-      emit("itemClick", event, props.item);
+      emit("clickItem", event, props.item);
       event.stopPropagation();
     };
     return {
@@ -38,33 +38,33 @@ 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" };
-const _hoisted_5$1 = {
+const _hoisted_3 = { class: "nut-address-list-item__info-contact-name" };
+const _hoisted_4 = { class: "nut-address-list-item__info-contact-tel" };
+const _hoisted_5 = {
   key: 0,
   class: "nut-address-list-item__info-contact-default"
 };
-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) {
+const _hoisted_6 = { class: "nut-address-list-item__info-handle" };
+const _hoisted_7 = { class: "nut-address-list-item__addr" };
+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),
-          createElementVNode("div", _hoisted_4$1, toDisplayString(_ctx.item.phone), 1),
-          _ctx.item.defaultAddress ? (openBlock(), createElementBlock("div", _hoisted_5$1, toDisplayString(_ctx.translate("default")), 1)) : createCommentVNode("", true)
+        renderSlot(_ctx.$slots, "content-top", {}, () => [
+          createElementVNode("div", _hoisted_3, toDisplayString(_ctx.item.addressName), 1),
+          createElementVNode("div", _hoisted_4, toDisplayString(_ctx.item.phone), 1),
+          _ctx.item.defaultAddress ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(_ctx.translate("default")), 1)) : createCommentVNode("", true)
         ])
       ]),
-      createElementVNode("div", _hoisted_6$1, [
-        renderSlot(_ctx.$slots, "contentIcon", {}, () => [
+      createElementVNode("div", _hoisted_6, [
+        renderSlot(_ctx.$slots, "content-icon", {}, () => [
           createVNode(_component_Del, {
             name: "del",
             class: "nut-address-list-item__info-handle-del",
@@ -78,111 +78,15 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ])
     ]),
-    createElementVNode("div", _hoisted_7$1, [
-      renderSlot(_ctx.$slots, "contentAddr", {}, () => [
+    createElementVNode("div", _hoisted_7, [
+      renderSlot(_ctx.$slots, "content-addr", {}, () => [
         createTextVNode(toDisplayString(_ctx.item.fullAddress), 1)
       ])
     ])
   ]);
 }
-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 { create: create$1 } = createComponent("addresslist-general");
+const ItemContents = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
+const { create: create$1 } = createComponent("address-list-general");
 const _sfc_main$1 = create$1({
   props: {
     item: {
@@ -192,25 +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", "clickItem", "longDown", "longCopy", "longSet", "longDel", "swipeDel"],
   components: {
-    ItemContents
+    ItemContents,
+    [Button.name]: Button,
+    [Swipe.name]: Swipe
   },
   setup(props, { emit }) {
+    const renderCompontent = () => {
+      return h(ItemContents, {
+        item: props.item,
+        onDelIcon(event) {
+          delClick(event);
+        },
+        onEditIcon(event) {
+          editClick(event);
+        },
+        onClickItem(event) {
+          clickItem(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) => {
-      emit("itemClick", event, props.item);
+    const clickItem = (event) => {
+      if (moveRef.value)
+        return;
+      emit("clickItem", event, props.item);
+      event.stopPropagation();
+    };
+    const delLongClick = (event) => {
+      emit("longDel", event, props.item);
       event.stopPropagation();
     };
     const holdingFunc = (event) => {
@@ -240,10 +171,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,88 +178,79 @@ 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,
+      clickItem,
+      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_2 = /* @__PURE__ */ createElementVNode("div", { class: "nut-address-list-mask-contain" }, [
-  /* @__PURE__ */ createTextVNode(" 复制"),
-  /* @__PURE__ */ createElementVNode("br"),
-  /* @__PURE__ */ createTextVNode("地址 ")
-], -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "nut-address-list-mask-contain" }, [
-  /* @__PURE__ */ createTextVNode(" 设置"),
-  /* @__PURE__ */ createElementVNode("br"),
-  /* @__PURE__ */ createTextVNode("默认 ")
-], -1);
-const _hoisted_5 = [
-  _hoisted_4
-];
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "nut-address-list-mask-contain" }, [
-  /* @__PURE__ */ createTextVNode(" 删除"),
-  /* @__PURE__ */ createElementVNode("br"),
-  /* @__PURE__ */ createTextVNode("地址 ")
-], -1);
-const _hoisted_7 = [
-  _hoisted_6
-];
+const _hoisted_1 = {
+  key: 0,
+  class: "nut-address-list-general"
+};
+const _hoisted_2 = { 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
     }, {
-      contentTop: withCtx(() => [
-        renderSlot(_ctx.$slots, "contentInfo")
+      "content-top": withCtx(() => [
+        renderSlot(_ctx.$slots, "content-info")
       ]),
-      contentIcon: withCtx(() => [
-        renderSlot(_ctx.$slots, "contentIcons")
+      "content-icon": withCtx(() => [
+        renderSlot(_ctx.$slots, "content-icons")
       ]),
-      contentAddr: withCtx(() => [
-        renderSlot(_ctx.$slots, "contentAddrs")
+      "content-addr": withCtx(() => [
+        renderSlot(_ctx.$slots, "content-addrs")
       ]),
       _: 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",
       onClick: _cache[3] || (_cache[3] = (...args) => _ctx.maskClick && _ctx.maskClick(...args))
     }, [
-      renderSlot(_ctx.$slots, "longpressAll", {}, () => [
+      renderSlot(_ctx.$slots, "longpress-all", {}, () => [
         createElementVNode("div", {
           class: "nut-address-list-general__mask-copy",
           onClick: _cache[0] || (_cache[0] = (...args) => _ctx.copyCLick && _ctx.copyCLick(...args))
-        }, _hoisted_3),
+        }, " 复制地址 "),
         createElementVNode("div", {
           class: "nut-address-list-general__mask-set",
           onClick: _cache[1] || (_cache[1] = (...args) => _ctx.setDefault && _ctx.setDefault(...args))
-        }, _hoisted_5),
+        }, " 设置默认 "),
         createElementVNode("div", {
           class: "nut-address-list-general__mask-del",
-          onClick: _cache[2] || (_cache[2] = (...args) => _ctx.delClick && _ctx.delClick(...args))
-        }, _hoisted_7)
+          onClick: _cache[2] || (_cache[2] = (...args) => _ctx.delLongClick && _ctx.delLongClick(...args))
+        }, " 删除地址 ")
       ])
     ])) : createCommentVNode("", true),
     _ctx.showMaskRef ? (openBlock(), createElementBlock("div", {
@@ -340,7 +258,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, "swipe-right-btn", {}, () => [
+        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_2, [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderCompontent()), {
+          onTouchmove: _ctx.swipemove,
+          onTouchstart: _ctx.swipestart
+        }, {
+          "content-top": withCtx(() => [
+            renderSlot(_ctx.$slots, "content-info")
+          ]),
+          "content-icon": withCtx(() => [
+            renderSlot(_ctx.$slots, "content-icons")
+          ]),
+          "content-addr": withCtx(() => [
+            renderSlot(_ctx.$slots, "content-addrs")
+          ]),
+          _: 3
+        }, 40, ["onTouchmove", "onTouchstart"]))
+      ])
+    ]),
+    _: 3
+  }));
 }
 const GeneralShell = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const { componentName, create, translate } = createComponent("address-list");
@@ -362,18 +316,16 @@ const _sfc_main = create({
       type: Boolean,
       default: true
     },
-    dataMapOptions: {
+    dataOptions: {
       type: Object,
       default: {}
     }
   },
   components: {
-    SwipeShell,
     GeneralShell,
-    [Button.name]: Button,
-    [Swipe.name]: Swipe
+    [Button.name]: Button
   },
-  emits: ["delIcon", "editIcon", "itemClick", "longCopy", "longSet", "longDel", "swipeDel", "add"],
+  emits: ["delIcon", "editIcon", "clickItem", "longCopy", "longSet", "longDel", "swipeDel", "add"],
   setup(props, { emit }) {
     const dataArray = ref([]);
     const dataInfo = reactive({
@@ -390,9 +342,9 @@ const _sfc_main = create({
       };
     });
     const trowelData = () => {
-      if (Object.keys(props.dataMapOptions).length > 0) {
+      if (Object.keys(props.dataOptions).length > 0) {
         dataArray.value = props.data.map((item) => {
-          return floatData(dataInfo, item, props.dataMapOptions);
+          return floatData(dataInfo, item, props.dataOptions);
         });
       }
     };
@@ -410,7 +362,7 @@ const _sfc_main = create({
       event.stopPropagation();
     };
     const clickContentItem = (event, item) => {
-      emit("itemClick", event, item);
+      emit("clickItem", event, item);
       event.stopPropagation();
     };
     const clickLongCopy = (event, item) => {
@@ -453,80 +405,53 @@ 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,
+        onClickItem: _ctx.clickContentItem,
         onSwipeDel: _ctx.clickSwipeDel,
         onLongCopy: _ctx.clickLongCopy,
         onLongSet: _ctx.clickLongSet,
         onLongDel: _ctx.clickLongDel
-      }, createSlots({ _: 2 }, [
+      }, createSlots({
+        "content-info": withCtx(() => [
+          renderSlot(_ctx.$slots, "item-infos")
+        ]),
+        "content-icons": withCtx(() => [
+          renderSlot(_ctx.$slots, "itemicon")
+        ]),
+        "content-addrs": withCtx(() => [
+          renderSlot(_ctx.$slots, "itemaddr")
+        ]),
+        _: 2
+      }, [
         _ctx.longPress ? {
-          name: "contentInfo",
+          name: "longpress-all",
           fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "iteminfos")
+            renderSlot(_ctx.$slots, "longpress-btns")
           ]),
           key: "0"
         } : void 0,
-        _ctx.longPress ? {
-          name: "contentIcons",
+        _ctx.swipeEdition ? {
+          name: "swipe-right-btn",
           fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "itemicon")
+            renderSlot(_ctx.$slots, "swipe-right")
           ]),
           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
-      }, {
-        contentInfo: withCtx(() => [
-          renderSlot(_ctx.$slots, "iteminfos")
-        ]),
-        contentIcons: withCtx(() => [
-          renderSlot(_ctx.$slots, "itemicon")
-        ]),
-        contentAddrs: withCtx(() => [
-          renderSlot(_ctx.$slots, "itemaddr")
-        ]),
-        swiperightbtn: withCtx(() => [
-          renderSlot(_ctx.$slots, "swiperight")
-        ]),
-        _: 2
-      }, 1032, ["item", "onDelIcon", "onEditIcon", "onItemClick", "onSwipeDel"]);
-    }), 128)) : createCommentVNode("", true),
+      ]), 1032, ["item", "longPress", "swipeEdition", "onDelIcon", "onEditIcon", "onClickItem", "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))
     }, [