@nutui/nutui 3.1.20 → 3.1.21-beta.0

package/dist/packages/_es/AddressList.js

@@ -1,616 +0,0 @@
-/*!
-* @nutui/nutui v3.1.20 Mon Apr 25 2022 18:06:52 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 };