@nutui/nutui 3.1.21-beta.0 → 3.1.21-beta.1

package/dist/packages/_es/AddressList.js

@@ -0,0 +1,616 @@
+/*!
+* @nutui/nutui v3.1.21-beta.0 Fri Apr 29 2022 13:06:00 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, toDisplayString, createCommentVNode, createVNode, createTextVNode, ref, withCtx, createBlock, reactive, 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";
+var ItemContents_vue_vue_type_style_index_0_lang = "";
+const { componentName: componentName$4, create: create$4 } = createComponent("item-contents");
+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
+    };
+  }
+});
+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, "\u9ED8\u8BA4")) : 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 = () => {
+      if (Object.keys(props.dataMapOptions).length > 0 && props.data.length > 0) {
+        dataArray.value = props.data.map((item, index2) => {
+          return floatData(dataInfo, item, props.dataMapOptions);
+        });
+      }
+    };
+    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 };