{"version":3,"file":"toolsPopup.js","sources":["../../../../../../../src/modules/mall/chat/components/toolsPopup.vue","../../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9tb2R1bGVzL21hbGwvY2hhdC9jb21wb25lbnRzL3Rvb2xzUG9wdXAudnVl"],"sourcesContent":["<template>\r\n  <su-popup :show=\"showTools\" @close=\"handleClose\">\r\n    <view class=\"ss-modal-box ss-flex-col\">\r\n      <slot></slot>\r\n      <view class=\"content ss-flex ss-flex-1\">\r\n        <template v-if=\"toolsMode === 'emoji'\">\r\n          <swiper\r\n            class=\"emoji-swiper\"\r\n            :indicator-dots=\"true\"\r\n            circular\r\n            indicator-active-color=\"#7063D2\"\r\n            indicator-color=\"rgba(235, 231, 255, 1)\"\r\n            :autoplay=\"false\"\r\n            :interval=\"3000\"\r\n            :duration=\"1000\"\r\n          >\r\n            <swiper-item v-for=\"emoji in emojiPage\" :key=\"emoji\">\r\n              <view class=\"ss-flex ss-flex-wrap\">\r\n                <image\r\n                  v-for=\"item in emoji\"\r\n                  :key=\"item\"\r\n                  class=\"emoji-img\"\r\n                  :src=\"sheep.$url.cdn(`/static/img/chat/emoji/${item.file}`)\"\r\n                  @tap=\"onEmoji(item)\"\r\n                ></image>\r\n              </view>\r\n            </swiper-item>\r\n          </swiper>\r\n        </template>\r\n        <template v-else>\r\n          <view class=\"image\">\r\n            <s-uploader\r\n              file-mediatype=\"image\"\r\n              :imageStyles=\"{ width: 50, height: 50, border: false }\"\r\n              @select=\"imageSelect({ type: 'image', data: $event })\"\r\n            >\r\n              <image\r\n                class=\"icon\"\r\n                :src=\"sheep.$url.static('/static/img/shop/chat/image.png')\"\r\n                mode=\"aspectFill\"\r\n              ></image>\r\n            </s-uploader>\r\n            <view>图片</view>\r\n          </view>\r\n          <view class=\"goods\" @tap=\"onShowSelect('goods')\">\r\n            <image\r\n              class=\"icon\"\r\n              :src=\"sheep.$url.static('/static/img/shop/chat/goods.png')\"\r\n              mode=\"aspectFill\"\r\n            ></image>\r\n            <view>商品</view>\r\n          </view>\r\n          <view class=\"order\" @tap=\"onShowSelect('order')\">\r\n            <image\r\n              class=\"icon\"\r\n              :src=\"sheep.$url.static('/static/img/shop/chat/order.png')\"\r\n              mode=\"aspectFill\"\r\n            ></image>\r\n            <view>订单</view>\r\n          </view>\r\n        </template>\r\n      </view>\r\n    </view>\r\n  </su-popup>\r\n</template>\r\n\r\n<script setup>\r\n/**\r\n * 聊天工具\r\n */\r\nimport { emojiPage } from '@/modules/mall/chat/util/emoji'\r\nimport sheep from '@/sheep'\r\n\r\nconst props = defineProps({\r\n  // 工具模式\r\n  toolsMode: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  // 控制工具菜单弹出\r\n  showTools: {\r\n    type: Boolean,\r\n    default: () => false,\r\n  },\r\n})\r\nconst emits = defineEmits(['onEmoji', 'imageSelect', 'onShowSelect', 'close'])\r\n\r\n// 关闭弹出工具菜单\r\nfunction handleClose() {\r\n  emits('close')\r\n}\r\n\r\n// 选择表情\r\nfunction onEmoji(emoji) {\r\n  emits('onEmoji', emoji)\r\n}\r\n\r\n// 选择图片\r\nfunction imageSelect(val) {\r\n  emits('imageSelect', val)\r\n}\r\n\r\n// 选择商品或订单\r\nfunction onShowSelect(mode) {\r\n  emits('onShowSelect', mode)\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.content {\r\n  width: 100%;\r\n  align-content: space-around;\r\n  border-top: 1px solid #dfdfdf;\r\n  padding: 20rpx 0 0;\r\n\r\n  .emoji-swiper {\r\n    width: 100%;\r\n    height: 280rpx;\r\n    padding: 0 20rpx;\r\n\r\n    .emoji-img {\r\n      width: 50rpx;\r\n      height: 50rpx;\r\n      display: inline-block;\r\n      margin: 10rpx;\r\n    }\r\n  }\r\n\r\n  .image,\r\n  .goods,\r\n  .order {\r\n    width: 33.3%;\r\n    height: 280rpx;\r\n    text-align: center;\r\n    font-size: 24rpx;\r\n    color: #333;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .icon {\r\n      width: 50rpx;\r\n      height: 50rpx;\r\n      margin-bottom: 21rpx;\r\n    }\r\n  }\r\n\r\n  :deep() {\r\n    .uni-file-picker__container {\r\n      justify-content: center;\r\n    }\r\n\r\n    .file-picker__box {\r\n      display: none;\r\n\r\n      &:last-of-type {\r\n        display: flex;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/modules/mall/chat/components/toolsPopup.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFA,UAAM,QAAQ;AAGd,aAAS,cAAc;AACrB,YAAM,OAAO;AAAA,IACf;AAGA,aAAS,QAAQ,OAAO;AACtB,YAAM,WAAW,KAAK;AAAA,IACxB;AAGA,aAAS,YAAY,KAAK;AACxB,YAAM,eAAe,GAAG;AAAA,IAC1B;AAGA,aAAS,aAAa,MAAM;AAC1B,YAAM,gBAAgB,IAAI;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxGA,GAAG,gBAAgB,SAAS;"}