@nutui/nutui 3.2.6 → 3.2.8-beta.0

package/dist/packages/_es/AddressList.js

@@ -1,35 +1,29 @@
 /*!
-* @nutui/nutui v3.2.6 Fri Nov 04 2022 18:06:53 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.7 Fri Dec 02 2022 14:12:17 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, toDisplayString, createCommentVNode, createVNode, createTextVNode, ref, withCtx, createBlock, reactive, watch, onMounted, Fragment, renderList } from "vue";
-import { c as createComponent, f as floatData } from "./component.js";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, toDisplayString, createCommentVNode, createVNode, createTextVNode, ref, createBlock, withCtx, reactive, computed, watch, onMounted, normalizeClass, Fragment, renderList, createSlots } from "vue";
+import { c as createComponent, k as floatData } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-var ItemContents_vue_vue_type_style_index_0_lang = "";
-const { componentName: componentName$4, create: create$4 } = createComponent("item-contents");
+const { create: create$3 } = createComponent("addresslist-item");
 const { translate: translate$1 } = createComponent("addresslist");
-const _sfc_main$4 = create$4({
+const _sfc_main$3 = create$3({
   props: {
-    name: {
-      type: String,
-      default: ""
-    },
     item: {
       type: Object,
       default: {}
     }
   },
-  components: {},
-  emits: ["delIconClick", "editIconClick", "itemClick"],
+  emits: ["delIcon", "editIcon", "itemClick"],
   setup(props, { emit }) {
     const delClick = (event) => {
-      emit("delIconClick", event, props.item);
+      emit("delIcon", event, props.item);
       event.stopPropagation();
     };
     const editClick = (event) => {
-      emit("editIconClick", event, props.item);
+      emit("editIcon", event, props.item);
       event.stopPropagation();
     };
     const contentsClick = (event) => {
@@ -44,23 +38,23 @@ const _sfc_main$4 = create$4({
     };
   }
 });
-const _hoisted_1$4 = { class: "nut-item-contents__info" };
-const _hoisted_2$1 = { class: "nut-item-contents__info-contact" };
-const _hoisted_3$1 = { class: "nut-item-contents__info-contact-name" };
-const _hoisted_4$1 = { class: "nut-item-contents__info-contact-tel" };
+const _hoisted_1$2 = { class: "nut-addresslist-item__info" };
+const _hoisted_2$1 = { class: "nut-addresslist-item__info-contact" };
+const _hoisted_3$1 = { class: "nut-addresslist-item__info-contact-name" };
+const _hoisted_4$1 = { class: "nut-addresslist-item__info-contact-tel" };
 const _hoisted_5$1 = {
   key: 0,
-  class: "nut-item-contents__info-contact-default"
+  class: "nut-addresslist-item__info-contact-default"
 };
-const _hoisted_6$1 = { class: "nut-item-contents__info-handle" };
-const _hoisted_7$1 = { class: "nut-item-contents__addr" };
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_6$1 = { class: "nut-addresslist-item__info-handle" };
+const _hoisted_7$1 = { class: "nut-addresslist-item__addr" };
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("div", {
-    class: "nut-item-contents__contain",
+    class: "nut-addresslist-item",
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.contentsClick && _ctx.contentsClick(...args))
   }, [
-    createElementVNode("div", _hoisted_1$4, [
+    createElementVNode("div", _hoisted_1$2, [
       createElementVNode("div", _hoisted_2$1, [
         renderSlot(_ctx.$slots, "contentTop", {}, () => [
           createElementVNode("div", _hoisted_3$1, toDisplayString(_ctx.item.addressName), 1),
@@ -72,12 +66,12 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "contentIcon", {}, () => [
           createVNode(_component_nut_icon, {
             name: "del",
-            class: "nut-item-contents__info-handle-del",
+            class: "nut-addresslist-item__info-handle-del",
             onClick: _ctx.delClick
           }, null, 8, ["onClick"]),
           createVNode(_component_nut_icon, {
             name: "edit",
-            class: "nut-item-contents__info-handle-edit",
+            class: "nut-addresslist-item__info-handle-edit",
             onClick: _ctx.editClick
           }, null, 8, ["onClick"])
         ])
@@ -90,184 +84,8 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var ItemContents = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
-const { componentName: componentName$3, create: create$3 } = createComponent("long-press-shell");
-const _sfc_main$3 = create$3({
-  props: {
-    item: {
-      type: Object,
-      default: {}
-    }
-  },
-  emits: [
-    "holdingDown",
-    "handleDel",
-    "handelMask",
-    "handleCopy",
-    "handleSet",
-    "handleDelIcon",
-    "handleEditIcon",
-    "handleItemContent"
-  ],
-  components: {
-    ItemContents
-  },
-  setup(props, { emit, slots }) {
-    let loop = null;
-    const showMaskRef = ref(false);
-    const holdingFunc = (event) => {
-      loop = 0;
-      showMaskRef.value = true;
-      emit("holdingDown", event, props.item);
-    };
-    const holddownstart = (event) => {
-      loop = setTimeout(() => {
-        holdingFunc(event);
-      }, 300);
-    };
-    const holddownmove = (event) => {
-      clearTimeout(loop);
-    };
-    const holddownend = (event) => {
-      clearTimeout(loop);
-    };
-    const hideMaskClick = (event) => {
-      showMaskRef.value = false;
-    };
-    const copyCLick = (event) => {
-      if (loop == 0)
-        return;
-      emit("handleCopy", event, props.item);
-      event.stopPropagation();
-    };
-    const setDefault = (event) => {
-      if (loop == 0)
-        return;
-      emit("handleSet", event, props.item);
-      event.stopPropagation();
-    };
-    const delClick = (event) => {
-      if (loop == 0)
-        return;
-      emit("handleDel", event, props.item);
-      event.stopPropagation();
-    };
-    const maskClick = (event) => {
-      if (loop != 0) {
-        showMaskRef.value = false;
-      }
-      event.stopPropagation();
-      event.preventDefault();
-    };
-    const delShellClick = (event, item) => {
-      emit("handleDelIcon", event, props.item);
-      event.stopPropagation();
-    };
-    const editShellClick = (event, item) => {
-      emit("handleEditIcon", event, props.item);
-      event.stopPropagation();
-    };
-    const itemShellClick = (event, item) => {
-      emit("handleItemContent", event, props.item);
-      event.stopPropagation();
-    };
-    return {
-      holddownstart,
-      holddownmove,
-      holddownend,
-      showMaskRef,
-      delClick,
-      copyCLick,
-      hideMaskClick,
-      setDefault,
-      maskClick,
-      delShellClick,
-      editShellClick,
-      itemShellClick
-    };
-  }
-});
-const _hoisted_1$3 = { class: "nut-long-press-shell" };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "mask-contain" }, [
-  /* @__PURE__ */ createTextVNode(" \u590D\u5236"),
-  /* @__PURE__ */ createElementVNode("br"),
-  /* @__PURE__ */ createTextVNode("\u5730\u5740 ")
-], -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "mask-contain" }, [
-  /* @__PURE__ */ createTextVNode(" \u8BBE\u7F6E"),
-  /* @__PURE__ */ createElementVNode("br"),
-  /* @__PURE__ */ createTextVNode("\u9ED8\u8BA4 ")
-], -1);
-const _hoisted_5 = [
-  _hoisted_4
-];
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "mask-contain" }, [
-  /* @__PURE__ */ createTextVNode(" \u5220\u9664"),
-  /* @__PURE__ */ createElementVNode("br"),
-  /* @__PURE__ */ createTextVNode("\u5730\u5740 ")
-], -1);
-const _hoisted_7 = [
-  _hoisted_6
-];
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_item_contents = resolveComponent("item-contents");
-  return openBlock(), createElementBlock("div", _hoisted_1$3, [
-    createElementVNode("div", {
-      class: "nut-long-press-shell__contain",
-      onTouchstart: _cache[4] || (_cache[4] = (...args) => _ctx.holddownstart && _ctx.holddownstart(...args)),
-      onTouchend: _cache[5] || (_cache[5] = (...args) => _ctx.holddownend && _ctx.holddownend(...args)),
-      onTouchmove: _cache[6] || (_cache[6] = (...args) => _ctx.holddownmove && _ctx.holddownmove(...args))
-    }, [
-      createVNode(_component_item_contents, {
-        item: _ctx.item,
-        onDelIconClick: _ctx.delShellClick,
-        onEditIconClick: _ctx.editShellClick,
-        onItemClick: _ctx.itemShellClick
-      }, {
-        contentTop: withCtx(() => [
-          renderSlot(_ctx.$slots, "contentInfo")
-        ]),
-        contentIcon: withCtx(() => [
-          renderSlot(_ctx.$slots, "contentIcons")
-        ]),
-        contentAddr: withCtx(() => [
-          renderSlot(_ctx.$slots, "contentAddrs")
-        ]),
-        _: 3
-      }, 8, ["item", "onDelIconClick", "onEditIconClick", "onItemClick"]),
-      _ctx.showMaskRef ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: "nut-long-press-shell__contain-mask",
-        onClick: _cache[3] || (_cache[3] = (...args) => _ctx.maskClick && _ctx.maskClick(...args))
-      }, [
-        renderSlot(_ctx.$slots, "longpressAll", {}, () => [
-          createElementVNode("div", {
-            class: "nut-long-press-shell__contain-mask-copy",
-            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.copyCLick && _ctx.copyCLick(...args))
-          }, _hoisted_3),
-          createElementVNode("div", {
-            class: "nut-long-press-shell__contain-mask-set",
-            onClick: _cache[1] || (_cache[1] = (...args) => _ctx.setDefault && _ctx.setDefault(...args))
-          }, _hoisted_5),
-          createElementVNode("div", {
-            class: "nut-long-press-shell__contain-mask-del",
-            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.delClick && _ctx.delClick(...args))
-          }, _hoisted_7)
-        ])
-      ])) : createCommentVNode("", true)
-    ], 32),
-    _ctx.showMaskRef ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: "nut-addresslist__mask-bottom",
-      onClick: _cache[7] || (_cache[7] = (...args) => _ctx.hideMaskClick && _ctx.hideMaskClick(...args))
-    })) : createCommentVNode("", true)
-  ]);
-}
-var LongPressShell = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
-const { componentName: componentName$2, create: create$2 } = createComponent("swipe-shell");
+var 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: {
@@ -275,28 +93,28 @@ const _sfc_main$2 = create$2({
       default: {}
     }
   },
-  emits: ["handleDelIcon", "handleEditIcon", "handleItemContent", "handelSwipeDel"],
+  emits: ["delIcon", "editIcon", "itemClick", "swipeDel"],
   components: {
     ItemContents
   },
-  setup(props, { emit, slots }) {
+  setup(props, { emit }) {
     const moveRef = ref(false);
-    const delShellClick = (event, item) => {
-      emit("handleDelIcon", event, props.item);
+    const delClick = (event) => {
+      emit("delIcon", event, props.item);
       event.stopPropagation();
     };
-    const editShellClick = (event, item) => {
-      emit("handleEditIcon", event, props.item);
+    const editClick = (event) => {
+      emit("editIcon", event, props.item);
       event.stopPropagation();
     };
-    const itemShellClick = (event, item) => {
+    const itemClick = (event) => {
       if (moveRef.value)
         return;
-      emit("handleItemContent", event, props.item);
+      emit("itemClick", event, props.item);
       event.stopPropagation();
     };
-    const swipeDelClick = (event, item) => {
-      emit("handelSwipeDel", event, props.item);
+    const swipeDelClick = (event) => {
+      emit("swipeDel", event, props.item);
       event.stopPropagation();
     };
     const swipestart = () => {
@@ -306,16 +124,16 @@ const _sfc_main$2 = create$2({
       moveRef.value = true;
     };
     return {
-      delShellClick,
-      editShellClick,
-      itemShellClick,
+      delClick,
+      editClick,
+      itemClick,
       swipeDelClick,
       swipestart,
       swipemove
     };
   }
 });
-const _hoisted_1$2 = { class: "nut-swipe-shell" };
+const _hoisted_1$1 = { class: "nut-addresslist-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");
@@ -337,12 +155,12 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ]),
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_1$2, [
+      createElementVNode("div", _hoisted_1$1, [
         createVNode(_component_item_contents, {
           item: _ctx.item,
-          onDelIconClick: _ctx.delShellClick,
-          onEditIconClick: _ctx.editShellClick,
-          onItemClick: _ctx.itemShellClick,
+          onDelIcon: _ctx.delClick,
+          onEditIcon: _ctx.editClick,
+          onItemClick: _ctx.itemClick,
           onTouchmove: _ctx.swipemove,
           onTouchstart: _ctx.swipestart
         }, {
@@ -356,59 +174,134 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
             renderSlot(_ctx.$slots, "contentAddrs")
           ]),
           _: 3
-        }, 8, ["item", "onDelIconClick", "onEditIconClick", "onItemClick", "onTouchmove", "onTouchstart"])
+        }, 8, ["item", "onDelIcon", "onEditIcon", "onItemClick", "onTouchmove", "onTouchstart"])
       ])
     ]),
     _: 3
   });
 }
 var SwipeShell = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
-const { componentName: componentName$1, create: create$1 } = createComponent("general-shell");
+const { create: create$1 } = createComponent("addresslist-general");
 const _sfc_main$1 = create$1({
   props: {
     item: {
       type: Object,
       default: {}
+    },
+    longPress: {
+      type: Boolean,
+      default: false
     }
   },
-  emits: ["handleDelIcon", "handleEditIcon", "handleItemContent", "handelSwipeDel"],
+  emits: ["delIcon", "editIcon", "itemClick", "longDown", "longCopy", "longSet", "longDel"],
   components: {
     ItemContents
   },
-  setup(props, { emit, slots }) {
-    const delShellClick = (event, item) => {
-      emit("handleDelIcon", event, props.item);
+  setup(props, { emit }) {
+    let loop = null;
+    const showMaskRef = ref(false);
+    const delShellClick = (event) => {
+      emit("delIcon", event, props.item);
+      event.stopPropagation();
+    };
+    const editShellClick = (event) => {
+      emit("editIcon", event, props.item);
+      event.stopPropagation();
+    };
+    const itemShellClick = (event) => {
+      emit("itemClick", event, props.item);
+      event.stopPropagation();
+    };
+    const holdingFunc = (event) => {
+      loop = 0;
+      showMaskRef.value = true;
+      emit("longDown", event, props.item);
+    };
+    const holddownstart = (event) => {
+      loop = setTimeout(() => {
+        holdingFunc(event);
+      }, 300);
+    };
+    const holddownmove = () => {
+      clearTimeout(loop);
+    };
+    const holddownend = () => {
+      clearTimeout(loop);
+    };
+    const hideMaskClick = () => {
+      showMaskRef.value = false;
+    };
+    const copyCLick = (event) => {
+      emit("longCopy", event, props.item);
       event.stopPropagation();
     };
-    const editShellClick = (event, item) => {
-      emit("handleEditIcon", event, props.item);
+    const setDefault = (event) => {
+      emit("longSet", event, props.item);
       event.stopPropagation();
     };
-    const itemShellClick = (event, item) => {
-      emit("handleItemContent", event, props.item);
+    const delClick = (event) => {
+      emit("longDel", event, props.item);
       event.stopPropagation();
     };
-    const swipeDelClick = (event, item) => {
-      emit("handelSwipeDel", event, props.item);
+    const maskClick = (event) => {
+      if (loop != 0) {
+        showMaskRef.value = false;
+      }
       event.stopPropagation();
+      event.preventDefault();
     };
     return {
       delShellClick,
       editShellClick,
       itemShellClick,
-      swipeDelClick
+      holddownstart,
+      holddownmove,
+      holddownend,
+      showMaskRef,
+      delClick,
+      copyCLick,
+      hideMaskClick,
+      setDefault,
+      maskClick
     };
   }
 });
-const _hoisted_1$1 = { class: "nut-general-shell" };
+const _hoisted_1 = { class: "nut-addresslist-general" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "nut-addresslist-mask-contain" }, [
+  /* @__PURE__ */ createTextVNode(" \u590D\u5236"),
+  /* @__PURE__ */ createElementVNode("br"),
+  /* @__PURE__ */ createTextVNode("\u5730\u5740 ")
+], -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "nut-addresslist-mask-contain" }, [
+  /* @__PURE__ */ createTextVNode(" \u8BBE\u7F6E"),
+  /* @__PURE__ */ createElementVNode("br"),
+  /* @__PURE__ */ createTextVNode("\u9ED8\u8BA4 ")
+], -1);
+const _hoisted_5 = [
+  _hoisted_4
+];
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "nut-addresslist-mask-contain" }, [
+  /* @__PURE__ */ createTextVNode(" \u5220\u9664"),
+  /* @__PURE__ */ createElementVNode("br"),
+  /* @__PURE__ */ createTextVNode("\u5730\u5740 ")
+], -1);
+const _hoisted_7 = [
+  _hoisted_6
+];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_item_contents = resolveComponent("item-contents");
-  return openBlock(), createElementBlock("div", _hoisted_1$1, [
+  return openBlock(), createElementBlock("div", _hoisted_1, [
     createVNode(_component_item_contents, {
       item: _ctx.item,
-      onDelIconClick: _ctx.delShellClick,
-      onEditIconClick: _ctx.editShellClick,
-      onItemClick: _ctx.itemShellClick
+      onDelIcon: _ctx.delShellClick,
+      onEditIcon: _ctx.editShellClick,
+      onItemClick: _ctx.itemShellClick,
+      onTouchstart: _ctx.holddownstart,
+      onTouchend: _ctx.holddownend,
+      onTouchmove: _ctx.holddownmove
     }, {
       contentTop: withCtx(() => [
         renderSlot(_ctx.$slots, "contentInfo")
@@ -420,7 +313,32 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "contentAddrs")
       ]),
       _: 3
-    }, 8, ["item", "onDelIconClick", "onEditIconClick", "onItemClick"])
+    }, 8, ["item", "onDelIcon", "onEditIcon", "onItemClick", "onTouchstart", "onTouchend", "onTouchmove"]),
+    _ctx.longPress && _ctx.showMaskRef ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: "nut-addresslist-general__mask",
+      onClick: _cache[3] || (_cache[3] = (...args) => _ctx.maskClick && _ctx.maskClick(...args))
+    }, [
+      renderSlot(_ctx.$slots, "longpressAll", {}, () => [
+        createElementVNode("div", {
+          class: "nut-addresslist-general__mask-copy",
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.copyCLick && _ctx.copyCLick(...args))
+        }, _hoisted_3),
+        createElementVNode("div", {
+          class: "nut-addresslist-general__mask-set",
+          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.setDefault && _ctx.setDefault(...args))
+        }, _hoisted_5),
+        createElementVNode("div", {
+          class: "nut-addresslist-general__mask-del",
+          onClick: _cache[2] || (_cache[2] = (...args) => _ctx.delClick && _ctx.delClick(...args))
+        }, _hoisted_7)
+      ])
+    ])) : createCommentVNode("", true),
+    _ctx.showMaskRef ? (openBlock(), createElementBlock("div", {
+      key: 1,
+      class: "nut-addresslist__mask-bottom",
+      onClick: _cache[4] || (_cache[4] = (...args) => _ctx.hideMaskClick && _ctx.hideMaskClick(...args))
+    })) : createCommentVNode("", true)
   ]);
 }
 var GeneralShell = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
@@ -431,7 +349,7 @@ const _sfc_main = create({
       type: Array,
       default: []
     },
-    longPressEdition: {
+    longPress: {
       type: Boolean,
       default: false
     },
@@ -449,20 +367,10 @@ const _sfc_main = create({
     }
   },
   components: {
-    LongPressShell,
     SwipeShell,
     GeneralShell
   },
-  emits: [
-    "handelDelIcon",
-    "handelEditIcon",
-    "handelItem",
-    "longPressCopyClick",
-    "longPressSetClick",
-    "longPressDelClick",
-    "swipeDelClick",
-    "addAddressClick"
-  ],
+  emits: ["delIcon", "editIcon", "itemClick", "longCopy", "longSet", "longDel", "swipeDel", "add"],
   setup(props, { emit }) {
     const dataArray = ref([]);
     const dataInfo = reactive({
@@ -472,9 +380,15 @@ const _sfc_main = create({
       defaultAddress: false,
       fullAddress: "\u5317\u4EAC\u5E02\u901A\u5DDE\u533A\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5"
     });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
     const trowelData = () => {
       if (Object.keys(props.dataMapOptions).length > 0) {
-        dataArray.value = props.data.map((item, index2) => {
+        dataArray.value = props.data.map((item) => {
           return floatData(dataInfo, item, props.dataMapOptions);
         });
       }
@@ -485,41 +399,42 @@ const _sfc_main = create({
       { deep: true }
     );
     const clickDelIcon = (event, item) => {
-      emit("handelDelIcon", event, item);
+      emit("delIcon", event, item);
       event.stopPropagation();
     };
     const clickEditIcon = (event, item) => {
-      emit("handelEditIcon", event, item);
+      emit("editIcon", event, item);
       event.stopPropagation();
     };
     const clickContentItem = (event, item) => {
-      emit("handelItem", event, item);
+      emit("itemClick", event, item);
       event.stopPropagation();
     };
     const clickLongCopy = (event, item) => {
-      emit("longPressCopyClick", event, item);
+      emit("longCopy", event, item);
       event.stopPropagation();
     };
     const clickLongSet = (event, item) => {
-      emit("longPressSetClick", event, item);
+      emit("longSet", event, item);
       event.stopPropagation();
     };
     const clickLongDel = (event, item) => {
-      emit("longPressDelClick", event, item);
+      emit("longDel", event, item);
       event.stopPropagation();
     };
     const clickSwipeDel = (event, item) => {
-      emit("swipeDelClick", event, item);
+      emit("swipeDel", event, item);
       event.stopPropagation();
     };
     const addAddress = (event) => {
-      emit("addAddressClick", event);
+      emit("add", event);
       event.stopPropagation();
     };
     onMounted(() => {
       trowelData();
     });
     return {
+      classes,
       clickDelIcon,
       clickEditIcon,
       clickContentItem,
@@ -533,57 +448,64 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = { class: "nut-addresslist" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_general_shell = resolveComponent("general-shell");
-  const _component_long_press_shell = resolveComponent("long-press-shell");
   const _component_swipe_shell = resolveComponent("swipe-shell");
   const _component_nut_button = resolveComponent("nut-button");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    !_ctx.longPressEdition && !_ctx.swipeEdition ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.dataArray, (item, index2) => {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    !_ctx.swipeEdition ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.dataArray, (item, index2) => {
       return openBlock(), createBlock(_component_general_shell, {
-        key: "general" + index2,
+        key: index2,
         item,
-        onHandleDelIcon: _ctx.clickDelIcon,
-        onHandleEditIcon: _ctx.clickEditIcon,
-        onHandleItemContent: _ctx.clickContentItem,
-        onHandelSwipeDel: _ctx.clickSwipeDel
-      }, null, 8, ["item", "onHandleDelIcon", "onHandleEditIcon", "onHandleItemContent", "onHandelSwipeDel"]);
-    }), 128)) : createCommentVNode("", true),
-    _ctx.longPressEdition && !_ctx.swipeEdition ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.dataArray, (item, index2) => {
-      return openBlock(), createBlock(_component_long_press_shell, {
-        key: "longpress" + index2,
-        item,
-        onHandleDelIcon: _ctx.clickDelIcon,
-        onHandleEditIcon: _ctx.clickEditIcon,
-        onHandleItemContent: _ctx.clickContentItem,
-        onHandleCopy: _ctx.clickLongCopy,
-        onHandleSet: _ctx.clickLongSet,
-        onHandleDel: _ctx.clickLongDel
-      }, {
-        contentInfo: withCtx(() => [
-          renderSlot(_ctx.$slots, "iteminfos")
-        ]),
-        contentIcons: withCtx(() => [
-          renderSlot(_ctx.$slots, "itemicon")
-        ]),
-        contentAddrs: withCtx(() => [
-          renderSlot(_ctx.$slots, "itemaddr")
-        ]),
-        longpressAll: withCtx(() => [
-          renderSlot(_ctx.$slots, "longpressbtns")
-        ]),
-        _: 2
-      }, 1032, ["item", "onHandleDelIcon", "onHandleEditIcon", "onHandleItemContent", "onHandleCopy", "onHandleSet", "onHandleDel"]);
+        longPress: _ctx.longPress,
+        onDelIcon: _ctx.clickDelIcon,
+        onEditIcon: _ctx.clickEditIcon,
+        onItemClick: _ctx.clickContentItem,
+        onSwipeDel: _ctx.clickSwipeDel,
+        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.longPressEdition && _ctx.swipeEdition ? (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(_ctx.dataArray, (item, index2) => {
+    _ctx.swipeEdition ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.dataArray, (item, index2) => {
       return openBlock(), createBlock(_component_swipe_shell, {
-        key: "swipe" + index2,
+        key: index2,
         item,
-        onHandleDelIcon: _ctx.clickDelIcon,
-        onHandleEditIcon: _ctx.clickEditIcon,
-        onHandleItemContent: _ctx.clickContentItem,
-        onHandelSwipeDel: _ctx.clickSwipeDel
+        onDelIcon: _ctx.clickDelIcon,
+        onEditIcon: _ctx.clickEditIcon,
+        onItemClick: _ctx.clickContentItem,
+        onSwipeDel: _ctx.clickSwipeDel
       }, {
         contentInfo: withCtx(() => [
           renderSlot(_ctx.$slots, "iteminfos")
@@ -598,10 +520,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "swiperight")
         ]),
         _: 2
-      }, 1032, ["item", "onHandleDelIcon", "onHandleEditIcon", "onHandleItemContent", "onHandelSwipeDel"]);
+      }, 1032, ["item", "onDelIcon", "onEditIcon", "onItemClick", "onSwipeDel"]);
     }), 128)) : createCommentVNode("", true),
     _ctx.showBottomButton ? (openBlock(), createElementBlock("div", {
-      key: 3,
+      key: 2,
       class: "nut-addresslist__bottom",
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.addAddress && _ctx.addAddress(...args))
     }, [
@@ -615,7 +537,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })
     ])) : createCommentVNode("", true)
-  ]);
+  ], 2);
 }
 var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { index as default };