@nutui/nutui 3.1.22-beta.3 → 3.1.23-beta.0

package/dist/packages/_es/AddressList.js

@@ -1,118 +1,620 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { resolveComponent as e, openBlock as t, createElementBlock as n, createElementVNode as o, renderSlot as l, toDisplayString as i, createCommentVNode as s, createVNode as c, createTextVNode as a, ref as d, withCtx as r, createBlock as p, reactive as m, watch as k, onMounted as C, Fragment as h, renderList as u } from "vue";
-import { c as I, f as g } from "./component.js";
-import { _ as D } from "./plugin-vue_export-helper.js";
+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 { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName: f, create: w } = I("item-contents"), { translate: v } = I("addresslist"), _ = w({ props: { name: { type: String, default: "" }, item: { type: Object, default: {} } }, components: {}, emits: ["delIconClick", "editIconClick", "itemClick"], setup: (e2, { emit: t2 }) => ({ delClick: (n2) => {
-  t2("delIconClick", n2, e2.item), n2.stopPropagation();
-}, editClick: (n2) => {
-  t2("editIconClick", n2, e2.item), n2.stopPropagation();
-}, contentsClick: (n2) => {
-  t2("itemClick", n2, e2.item), n2.stopPropagation();
-}, translate: v }) }), S = { class: "nut-item-contents__info" }, y = { class: "nut-item-contents__info-contact" }, P = { class: "nut-item-contents__info-contact-name" }, E = { class: "nut-item-contents__info-contact-tel" }, H = { key: 0, class: "nut-item-contents__info-contact-default" }, A = { class: "nut-item-contents__info-handle" }, $ = { class: "nut-item-contents__addr" };
-var b = D(_, [["render", function(d2, r2, p2, m2, k2, C2) {
-  const h2 = e("nut-icon");
-  return t(), n("div", { class: "nut-item-contents__contain", onClick: r2[0] || (r2[0] = (...e2) => d2.contentsClick && d2.contentsClick(...e2)) }, [o("div", S, [o("div", y, [l(d2.$slots, "contentTop", {}, () => [o("div", P, i(d2.item.addressName), 1), o("div", E, i(d2.item.phone), 1), d2.item.defaultAddress ? (t(), n("div", H, i(d2.translate("default")), 1)) : s("", true)])]), o("div", A, [l(d2.$slots, "contentIcon", {}, () => [c(h2, { name: "del", class: "nut-item-contents__info-handle-del", onClick: d2.delClick }, null, 8, ["onClick"]), c(h2, { name: "edit", class: "nut-item-contents__info-handle-edit", onClick: d2.editClick }, null, 8, ["onClick"])])])]), o("div", $, [l(d2.$slots, "contentAddr", {}, () => [a(i(d2.item.fullAddress), 1)])])]);
-}]]);
-const { componentName: T, create: L } = I("long-press-shell"), M = L({ props: { item: { type: Object, default: {} } }, emits: ["holdingDown", "handleDel", "handelMask", "handleCopy", "handleSet", "handleDelIcon", "handleEditIcon", "handleItemContent"], components: { ItemContents: b }, setup(e2, { emit: t2, slots: n2 }) {
-  let o2 = null;
-  const l2 = d(false);
-  return { holddownstart: (n3) => {
-    o2 = setTimeout(() => {
-      ((n4) => {
-        o2 = 0, l2.value = true, t2("holdingDown", n4, e2.item);
-      })(n3);
-    }, 300);
-  }, holddownmove: (e3) => {
-    clearTimeout(o2);
-  }, holddownend: (e3) => {
-    clearTimeout(o2);
-  }, showMaskRef: l2, delClick: (n3) => {
-    o2 != 0 && (t2("handleDel", n3, e2.item), n3.stopPropagation());
-  }, copyCLick: (n3) => {
-    o2 != 0 && (t2("handleCopy", n3, e2.item), n3.stopPropagation());
-  }, hideMaskClick: (e3) => {
-    l2.value = false;
-  }, setDefault: (n3) => {
-    o2 != 0 && (t2("handleSet", n3, e2.item), n3.stopPropagation());
-  }, maskClick: (e3) => {
-    o2 != 0 && (l2.value = false), e3.stopPropagation(), e3.preventDefault();
-  }, delShellClick: (n3, o3) => {
-    t2("handleDelIcon", n3, e2.item), n3.stopPropagation();
-  }, editShellClick: (n3, o3) => {
-    t2("handleEditIcon", n3, e2.item), n3.stopPropagation();
-  }, itemShellClick: (n3, o3) => {
-    t2("handleItemContent", n3, e2.item), n3.stopPropagation();
-  } };
-} }), O = { class: "nut-long-press-shell" }, j = [o("div", { class: "mask-contain" }, [a(" \u590D\u5236"), o("br"), a("\u5730\u5740 ")], -1)], B = [o("div", { class: "mask-contain" }, [a(" \u8BBE\u7F6E"), o("br"), a("\u9ED8\u8BA4 ")], -1)], N = [o("div", { class: "mask-contain" }, [a(" \u5220\u9664"), o("br"), a("\u5730\u5740 ")], -1)];
-var R = D(M, [["render", function(i2, a2, d2, p2, m2, k2) {
-  const C2 = e("item-contents");
-  return t(), n("div", O, [o("div", { class: "nut-long-press-shell__contain", onTouchstart: a2[4] || (a2[4] = (...e2) => i2.holddownstart && i2.holddownstart(...e2)), onTouchend: a2[5] || (a2[5] = (...e2) => i2.holddownend && i2.holddownend(...e2)), onTouchmove: a2[6] || (a2[6] = (...e2) => i2.holddownmove && i2.holddownmove(...e2)) }, [c(C2, { item: i2.item, onDelIconClick: i2.delShellClick, onEditIconClick: i2.editShellClick, onItemClick: i2.itemShellClick }, { contentTop: r(() => [l(i2.$slots, "contentInfo")]), contentIcon: r(() => [l(i2.$slots, "contentIcons")]), contentAddr: r(() => [l(i2.$slots, "contentAddrs")]), _: 3 }, 8, ["item", "onDelIconClick", "onEditIconClick", "onItemClick"]), i2.showMaskRef ? (t(), n("div", { key: 0, class: "nut-long-press-shell__contain-mask", onClick: a2[3] || (a2[3] = (...e2) => i2.maskClick && i2.maskClick(...e2)) }, [l(i2.$slots, "longpressAll", {}, () => [o("div", { class: "nut-long-press-shell__contain-mask-copy", onClick: a2[0] || (a2[0] = (...e2) => i2.copyCLick && i2.copyCLick(...e2)) }, j), o("div", { class: "nut-long-press-shell__contain-mask-set", onClick: a2[1] || (a2[1] = (...e2) => i2.setDefault && i2.setDefault(...e2)) }, B), o("div", { class: "nut-long-press-shell__contain-mask-del", onClick: a2[2] || (a2[2] = (...e2) => i2.delClick && i2.delClick(...e2)) }, N)])])) : s("", true)], 32), i2.showMaskRef ? (t(), n("div", { key: 0, class: "nut-addresslist__mask-bottom", onClick: a2[7] || (a2[7] = (...e2) => i2.hideMaskClick && i2.hideMaskClick(...e2)) })) : s("", true)]);
-}]]);
-const { componentName: x, create: q } = I("swipe-shell"), G = q({ props: { item: { type: Object, default: {} } }, emits: ["handleDelIcon", "handleEditIcon", "handleItemContent", "handelSwipeDel"], components: { ItemContents: b }, setup(e2, { emit: t2, slots: n2 }) {
-  const o2 = d(false);
-  return { delShellClick: (n3, o3) => {
-    t2("handleDelIcon", n3, e2.item), n3.stopPropagation();
-  }, editShellClick: (n3, o3) => {
-    t2("handleEditIcon", n3, e2.item), n3.stopPropagation();
-  }, itemShellClick: (n3, l2) => {
-    o2.value || (t2("handleItemContent", n3, e2.item), n3.stopPropagation());
-  }, swipeDelClick: (n3, o3) => {
-    t2("handelSwipeDel", n3, e2.item), n3.stopPropagation();
-  }, swipestart: () => {
-    o2.value = false;
-  }, swipemove: () => {
-    o2.value = true;
-  } };
-} }), z = { class: "nut-swipe-shell" }, F = a("\u5220\u9664");
-var J = D(G, [["render", function(n2, i2, s2, a2, d2, m2) {
-  const k2 = e("item-contents"), C2 = e("nut-button"), h2 = e("nut-swipe");
-  return t(), p(h2, null, { right: r(() => [l(n2.$slots, "swiperightbtn", {}, () => [c(C2, { shape: "square", style: { height: "100%" }, type: "danger", onClick: n2.swipeDelClick }, { default: r(() => [F]), _: 1 }, 8, ["onClick"])])]), default: r(() => [o("div", z, [c(k2, { item: n2.item, onDelIconClick: n2.delShellClick, onEditIconClick: n2.editShellClick, onItemClick: n2.itemShellClick, onTouchmove: n2.swipemove, onTouchstart: n2.swipestart }, { contentTop: r(() => [l(n2.$slots, "contentInfo")]), contentIcon: r(() => [l(n2.$slots, "contentIcons")]), contentAddr: r(() => [l(n2.$slots, "contentAddrs")]), _: 3 }, 8, ["item", "onDelIconClick", "onEditIconClick", "onItemClick", "onTouchmove", "onTouchstart"])])]), _: 3 });
-}]]);
-const { componentName: K, create: Q } = I("general-shell"), U = Q({ props: { item: { type: Object, default: {} } }, emits: ["handleDelIcon", "handleEditIcon", "handleItemContent", "handelSwipeDel"], components: { ItemContents: b }, setup: (e2, { emit: t2, slots: n2 }) => ({ delShellClick: (n3, o2) => {
-  t2("handleDelIcon", n3, e2.item), n3.stopPropagation();
-}, editShellClick: (n3, o2) => {
-  t2("handleEditIcon", n3, e2.item), n3.stopPropagation();
-}, itemShellClick: (n3, o2) => {
-  t2("handleItemContent", n3, e2.item), n3.stopPropagation();
-}, swipeDelClick: (n3, o2) => {
-  t2("handelSwipeDel", n3, e2.item), n3.stopPropagation();
-} }) }), V = { class: "nut-general-shell" };
-var W = D(U, [["render", function(o2, i2, s2, a2, d2, p2) {
-  const m2 = e("item-contents");
-  return t(), n("div", V, [c(m2, { item: o2.item, onDelIconClick: o2.delShellClick, onEditIconClick: o2.editShellClick, onItemClick: o2.itemShellClick }, { contentTop: r(() => [l(o2.$slots, "contentInfo")]), contentIcon: r(() => [l(o2.$slots, "contentIcons")]), contentAddr: r(() => [l(o2.$slots, "contentAddrs")]), _: 3 }, 8, ["item", "onDelIconClick", "onEditIconClick", "onItemClick"])]);
-}]]);
-const { componentName: X, create: Y, translate: Z } = I("addresslist"), ee = Y({ props: { data: { type: Array, default: [] }, longPressEdition: { type: Boolean, default: false }, swipeEdition: { type: Boolean, default: false }, showBottomButton: { type: Boolean, default: true }, dataMapOptions: { type: Object, default: {} } }, components: { LongPressShell: R, SwipeShell: J, GeneralShell: W }, emits: ["handelDelIcon", "handelEditIcon", "handelItem", "longPressCopyClick", "longPressSetClick", "longPressDelClick", "swipeDelClick", "addAddressClick"], setup(e2, { emit: t2 }) {
-  const n2 = d([]), o2 = m({ id: 2, addressName: "\u59D3\u540D", phone: "123****4567", 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" }), l2 = () => {
-    Object.keys(e2.dataMapOptions).length > 0 && e2.data.length > 0 && (n2.value = e2.data.map((t3, n3) => g(o2, t3, e2.dataMapOptions)));
-  };
-  k(() => e2.data, () => l2(), { deep: true });
-  return C(() => {
-    l2();
-  }), { clickDelIcon: (e3, n3) => {
-    t2("handelDelIcon", e3, n3), e3.stopPropagation();
-  }, clickEditIcon: (e3, n3) => {
-    t2("handelEditIcon", e3, n3), e3.stopPropagation();
-  }, clickContentItem: (e3, n3) => {
-    t2("handelItem", e3, n3), e3.stopPropagation();
-  }, clickLongCopy: (e3, n3) => {
-    t2("longPressCopyClick", e3, n3), e3.stopPropagation();
-  }, clickLongSet: (e3, n3) => {
-    t2("longPressSetClick", e3, n3), e3.stopPropagation();
-  }, clickLongDel: (e3, n3) => {
-    t2("longPressDelClick", e3, n3), e3.stopPropagation();
-  }, clickSwipeDel: (e3, n3) => {
-    t2("swipeDelClick", e3, n3), e3.stopPropagation();
-  }, addAddress: (e3) => {
-    t2("addAddressClick", e3), e3.stopPropagation();
-  }, dataArray: n2, translate: Z };
-} }), te = { class: "nut-addresslist" };
-var ne = D(ee, [["render", function(o2, d2, m2, k2, C2, I2) {
-  const g2 = e("general-shell"), D2 = e("long-press-shell"), f2 = e("swipe-shell"), w2 = e("nut-button");
-  return t(), n("div", te, [o2.longPressEdition || o2.swipeEdition ? s("", true) : (t(true), n(h, { key: 0 }, u(o2.dataArray, (e2, n2) => (t(), p(g2, { key: "general" + n2, item: e2, onHandleDelIcon: o2.clickDelIcon, onHandleEditIcon: o2.clickEditIcon, onHandleItemContent: o2.clickContentItem, onHandelSwipeDel: o2.clickSwipeDel }, null, 8, ["item", "onHandleDelIcon", "onHandleEditIcon", "onHandleItemContent", "onHandelSwipeDel"]))), 128)), o2.longPressEdition && !o2.swipeEdition ? (t(true), n(h, { key: 1 }, u(o2.dataArray, (e2, n2) => (t(), p(D2, { key: "longpress" + n2, item: e2, onHandleDelIcon: o2.clickDelIcon, onHandleEditIcon: o2.clickEditIcon, onHandleItemContent: o2.clickContentItem, onHandleCopy: o2.clickLongCopy, onHandleSet: o2.clickLongSet, onHandleDel: o2.clickLongDel }, { contentInfo: r(() => [l(o2.$slots, "iteminfos")]), contentIcons: r(() => [l(o2.$slots, "itemicon")]), contentAddrs: r(() => [l(o2.$slots, "itemaddr")]), longpressAll: r(() => [l(o2.$slots, "longpressbtns")]), _: 2 }, 1032, ["item", "onHandleDelIcon", "onHandleEditIcon", "onHandleItemContent", "onHandleCopy", "onHandleSet", "onHandleDel"]))), 128)) : s("", true), !o2.longPressEdition && o2.swipeEdition ? (t(true), n(h, { key: 2 }, u(o2.dataArray, (e2, n2) => (t(), p(f2, { key: "swipe" + n2, item: e2, onHandleDelIcon: o2.clickDelIcon, onHandleEditIcon: o2.clickEditIcon, onHandleItemContent: o2.clickContentItem, onHandelSwipeDel: o2.clickSwipeDel }, { contentInfo: r(() => [l(o2.$slots, "iteminfos")]), contentIcons: r(() => [l(o2.$slots, "itemicon")]), contentAddrs: r(() => [l(o2.$slots, "itemaddr")]), swiperightbtn: r(() => [l(o2.$slots, "swiperight")]), _: 2 }, 1032, ["item", "onHandleDelIcon", "onHandleEditIcon", "onHandleItemContent", "onHandelSwipeDel"]))), 128)) : s("", true), o2.showBottomButton ? (t(), n("div", { key: 3, class: "nut-addresslist__bottom", onClick: d2[0] || (d2[0] = (...e2) => o2.addAddress && o2.addAddress(...e2)) }, [c(w2, { block: "", type: "danger" }, { default: r(() => [a(i(o2.translate("addAddress")), 1)]), _: 1 })])) : s("", true)]);
-}]]);
-export { ne as default };
+var ItemContents_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => "/* @import './index.scss'; */")();
+const { componentName: componentName$4, create: create$4 } = createComponent("item-contents");
+const { translate: translate$1 } = createComponent("addresslist");
+const _sfc_main$4 = create$4({
+  props: {
+    name: {
+      type: String,
+      default: ""
+    },
+    item: {
+      type: Object,
+      default: {}
+    }
+  },
+  components: {},
+  emits: ["delIconClick", "editIconClick", "itemClick"],
+  setup(props, { emit }) {
+    const delClick = (event) => {
+      emit("delIconClick", event, props.item);
+      console.log(123);
+      event.stopPropagation();
+    };
+    const editClick = (event) => {
+      emit("editIconClick", event, props.item);
+      event.stopPropagation();
+    };
+    const contentsClick = (event) => {
+      emit("itemClick", event, props.item);
+      event.stopPropagation();
+    };
+    return {
+      delClick,
+      editClick,
+      contentsClick,
+      translate: translate$1
+    };
+  }
+});
+const _hoisted_1$4 = { class: "nut-item-contents__info" };
+const _hoisted_2$2 = { 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_5$1 = {
+  key: 0,
+  class: "nut-item-contents__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 _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("div", {
+    class: "nut-item-contents__contain",
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.contentsClick && _ctx.contentsClick(...args))
+  }, [
+    createElementVNode("div", _hoisted_1$4, [
+      createElementVNode("div", _hoisted_2$2, [
+        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)
+        ])
+      ]),
+      createElementVNode("div", _hoisted_6$1, [
+        renderSlot(_ctx.$slots, "contentIcon", {}, () => [
+          createVNode(_component_nut_icon, {
+            name: "del",
+            class: "nut-item-contents__info-handle-del",
+            onClick: _ctx.delClick
+          }, null, 8, ["onClick"]),
+          createVNode(_component_nut_icon, {
+            name: "edit",
+            class: "nut-item-contents__info-handle-edit",
+            onClick: _ctx.editClick
+          }, null, 8, ["onClick"])
+        ])
+      ])
+    ]),
+    createElementVNode("div", _hoisted_7$1, [
+      renderSlot(_ctx.$slots, "contentAddr", {}, () => [
+        createTextVNode(toDisplayString(_ctx.item.fullAddress), 1)
+      ])
+    ])
+  ]);
+}
+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$1 = /* @__PURE__ */ createElementVNode("div", { class: "mask-contain" }, [
+  /* @__PURE__ */ createTextVNode(" \u590D\u5236"),
+  /* @__PURE__ */ createElementVNode("br"),
+  /* @__PURE__ */ createTextVNode("\u5730\u5740 ")
+], -1);
+const _hoisted_3 = [
+  _hoisted_2$1
+];
+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");
+const _sfc_main$2 = create$2({
+  props: {
+    item: {
+      type: Object,
+      default: {}
+    }
+  },
+  emits: ["handleDelIcon", "handleEditIcon", "handleItemContent", "handelSwipeDel"],
+  components: {
+    ItemContents
+  },
+  setup(props, { emit, slots }) {
+    const moveRef = ref(false);
+    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) => {
+      if (moveRef.value)
+        return;
+      emit("handleItemContent", event, props.item);
+      event.stopPropagation();
+    };
+    const swipeDelClick = (event, item) => {
+      emit("handelSwipeDel", event, props.item);
+      event.stopPropagation();
+    };
+    const swipestart = () => {
+      moveRef.value = false;
+    };
+    const swipemove = () => {
+      moveRef.value = true;
+    };
+    return {
+      delShellClick,
+      editShellClick,
+      itemShellClick,
+      swipeDelClick,
+      swipestart,
+      swipemove
+    };
+  }
+});
+const _hoisted_1$2 = { class: "nut-swipe-shell" };
+const _hoisted_2 = /* @__PURE__ */ createTextVNode("\u5220\u9664");
+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(() => [
+            _hoisted_2
+          ]),
+          _: 1
+        }, 8, ["onClick"])
+      ])
+    ]),
+    default: withCtx(() => [
+      createElementVNode("div", _hoisted_1$2, [
+        createVNode(_component_item_contents, {
+          item: _ctx.item,
+          onDelIconClick: _ctx.delShellClick,
+          onEditIconClick: _ctx.editShellClick,
+          onItemClick: _ctx.itemShellClick,
+          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", "onDelIconClick", "onEditIconClick", "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 _sfc_main$1 = create$1({
+  props: {
+    item: {
+      type: Object,
+      default: {}
+    }
+  },
+  emits: ["handleDelIcon", "handleEditIcon", "handleItemContent", "handelSwipeDel"],
+  components: {
+    ItemContents
+  },
+  setup(props, { emit, slots }) {
+    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();
+    };
+    const swipeDelClick = (event, item) => {
+      emit("handelSwipeDel", event, props.item);
+      event.stopPropagation();
+    };
+    return {
+      delShellClick,
+      editShellClick,
+      itemShellClick,
+      swipeDelClick
+    };
+  }
+});
+const _hoisted_1$1 = { class: "nut-general-shell" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_item_contents = resolveComponent("item-contents");
+  return openBlock(), createElementBlock("div", _hoisted_1$1, [
+    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"])
+  ]);
+}
+var GeneralShell = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+const { componentName, create, translate } = createComponent("addresslist");
+const _sfc_main = create({
+  props: {
+    data: {
+      type: Array,
+      default: []
+    },
+    longPressEdition: {
+      type: Boolean,
+      default: false
+    },
+    swipeEdition: {
+      type: Boolean,
+      default: false
+    },
+    showBottomButton: {
+      type: Boolean,
+      default: true
+    },
+    dataMapOptions: {
+      type: Object,
+      default: {}
+    }
+  },
+  components: {
+    LongPressShell,
+    SwipeShell,
+    GeneralShell
+  },
+  emits: [
+    "handelDelIcon",
+    "handelEditIcon",
+    "handelItem",
+    "longPressCopyClick",
+    "longPressSetClick",
+    "longPressDelClick",
+    "swipeDelClick",
+    "addAddressClick"
+  ],
+  setup(props, { emit }) {
+    const dataArray = ref([]);
+    const dataInfo = reactive({
+      id: 2,
+      addressName: "\u59D3\u540D",
+      phone: "123****4567",
+      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 trowelData = () => {
+      console.log("props.data", props.data);
+      if (Object.keys(props.dataMapOptions).length > 0 && props.data.length > 0) {
+        dataArray.value = props.data.map((item, index2) => {
+          return floatData(dataInfo, item, props.dataMapOptions);
+        });
+      }
+    };
+    watch(() => props.data, () => trowelData(), { deep: true });
+    const clickDelIcon = (event, item) => {
+      emit("handelDelIcon", event, item);
+      event.stopPropagation();
+    };
+    const clickEditIcon = (event, item) => {
+      emit("handelEditIcon", event, item);
+      event.stopPropagation();
+    };
+    const clickContentItem = (event, item) => {
+      emit("handelItem", event, item);
+      event.stopPropagation();
+    };
+    const clickLongCopy = (event, item) => {
+      emit("longPressCopyClick", event, item);
+      event.stopPropagation();
+    };
+    const clickLongSet = (event, item) => {
+      emit("longPressSetClick", event, item);
+      event.stopPropagation();
+    };
+    const clickLongDel = (event, item) => {
+      emit("longPressDelClick", event, item);
+      event.stopPropagation();
+    };
+    const clickSwipeDel = (event, item) => {
+      emit("swipeDelClick", event, item);
+      event.stopPropagation();
+    };
+    const addAddress = (event) => {
+      emit("addAddressClick", event);
+      event.stopPropagation();
+    };
+    onMounted(() => {
+      trowelData();
+    });
+    return {
+      clickDelIcon,
+      clickEditIcon,
+      clickContentItem,
+      clickLongCopy,
+      clickLongSet,
+      clickLongDel,
+      clickSwipeDel,
+      addAddress,
+      dataArray,
+      translate
+    };
+  }
+});
+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(), createBlock(_component_general_shell, {
+        key: "general" + 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"]);
+    }), 128)) : createCommentVNode("", true),
+    !_ctx.longPressEdition && _ctx.swipeEdition ? (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(_ctx.dataArray, (item, index2) => {
+      return openBlock(), createBlock(_component_swipe_shell, {
+        key: "swipe" + index2,
+        item,
+        onHandleDelIcon: _ctx.clickDelIcon,
+        onHandleEditIcon: _ctx.clickEditIcon,
+        onHandleItemContent: _ctx.clickContentItem,
+        onHandelSwipeDel: _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", "onHandleDelIcon", "onHandleEditIcon", "onHandleItemContent", "onHandelSwipeDel"]);
+    }), 128)) : createCommentVNode("", true),
+    _ctx.showBottomButton ? (openBlock(), createElementBlock("div", {
+      key: 3,
+      class: "nut-addresslist__bottom",
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.addAddress && _ctx.addAddress(...args))
+    }, [
+      createVNode(_component_nut_button, {
+        block: "",
+        type: "danger"
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.translate("addAddress")), 1)
+        ]),
+        _: 1
+      })
+    ])) : createCommentVNode("", true)
+  ]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };