{"version":3,"file":"messageInput.js","sources":["../../../../../../../src/modules/mall/chat/components/messageInput.vue","../../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9tb2R1bGVzL21hbGwvY2hhdC9jb21wb25lbnRzL21lc3NhZ2VJbnB1dC52dWU"],"sourcesContent":["<template>\r\n  <view class=\"send-wrap ss-flex\">\r\n    <view class=\"left ss-flex ss-flex-1\">\r\n      <uni-easyinput\r\n        class=\"ss-flex-1 ss-p-l-22\"\r\n        :inputBorder=\"false\"\r\n        :clearable=\"false\"\r\n        v-model=\"message\"\r\n        placeholder=\"请输入你要咨询的问题\"\r\n      ></uni-easyinput>\r\n    </view>\r\n    <text class=\"sicon-basic bq\" @tap.stop=\"onTools('emoji')\"></text>\r\n    <text\r\n      v-if=\"!message\"\r\n      class=\"sicon-edit\"\r\n      :class=\"{ 'is-active': toolsMode === 'tools' }\"\r\n      @tap.stop=\"onTools('tools')\"\r\n    ></text>\r\n    <button v-if=\"message\" class=\"ss-reset-button send-btn\" @tap=\"sendMessage\">发送</button>\r\n  </view>\r\n</template>\r\n\r\n<script setup>\r\nimport { computed } from 'vue'\r\n/**\r\n * 消息发送组件\r\n */\r\nconst props = defineProps({\r\n  // 消息\r\n  modelValue: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  // 工具模式\r\n  toolsMode: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n})\r\nconst emits = defineEmits(['update:modelValue', 'onTools', 'sendMessage'])\r\nconst message = computed({\r\n  get() {\r\n    return props.modelValue\r\n  },\r\n  set(newValue) {\r\n    emits(`update:modelValue`, newValue)\r\n  },\r\n})\r\n\r\n// 打开工具菜单\r\nfunction onTools(mode) {\r\n  emits('onTools', mode)\r\n}\r\n\r\n// 发送消息\r\nfunction sendMessage() {\r\n  emits('sendMessage')\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.send-wrap {\r\n  padding: 18rpx 20rpx;\r\n  background: #fff;\r\n\r\n  .left {\r\n    height: 64rpx;\r\n    background: var(--ui-BG-1);\r\n    border-radius: 32rpx;\r\n  }\r\n\r\n  .bq {\r\n    margin-left: 10rpx;\r\n    font-size: 50rpx;\r\n  }\r\n\r\n  .sicon-edit {\r\n    margin-left: 10rpx;\r\n    font-size: 50rpx;\r\n    transition: all linear 0.2s;\r\n    transform: rotate(0deg);\r\n\r\n    &.is-active {\r\n      transform: rotate(45deg);\r\n    }\r\n  }\r\n\r\n  .send-btn {\r\n    width: 100rpx;\r\n    height: 60rpx;\r\n    margin-left: 11rpx;\r\n    font-size: 26rpx;\r\n    line-height: 60rpx;\r\n    color: #fff;\r\n    background: linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));\r\n    border-radius: 30rpx;\r\n  }\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/modules/mall/chat/components/messageInput.vue'\nwx.createComponent(Component)"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAM,QAAQ;AAYd,UAAM,QAAQ;AACd,UAAM,UAAUA,cAAAA,SAAS;AAAA,MACvB,MAAM;AACJ,eAAO,MAAM;AAAA,MACd;AAAA,MACD,IAAI,UAAU;AACZ,cAAM,qBAAqB,QAAQ;AAAA,MACpC;AAAA,IACH,CAAC;AAGD,aAAS,QAAQ,MAAM;AACrB,YAAM,WAAW,IAAI;AAAA,IACvB;AAGA,aAAS,cAAc;AACrB,YAAM,aAAa;AAAA,IACrB;;;;;;;;;;;;;;;;;;;;;;;;ACxDA,GAAG,gBAAgB,SAAS;"}