消息
This commit is contained in:
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["TUIKit/components/TUIChat/mulitple-select-panel/index.vue","../../HBuilderX/plugins/uniapp-cli-vite/uniComponent:/RDov6aG555uuL3RrLW1pbmktcHJvZ3JhbS9UVUlLaXQvY29tcG9uZW50cy9UVUlDaGF0L211bGl0cGxlLXNlbGVjdC1wYW5lbC9pbmRleC52dWU"],"sourcesContent":["<template>\n <div\n :class=\"{\n 'mulitple-select-panel': true,\n 'mulitple-select-panel-mobile': isMobile,\n }\"\n >\n <div\n class=\"forward-button\"\n @click=\"oneByOneForwardMessage\"\n >\n <Icon\n :file=\"ForwardEachIcon\"\n :size=\"iconSize\"\n />\n <span\n :class=\"{\n 'forward-button-text': true,\n 'forward-button-text-mobile': isMobile,\n }\"\n >{{ TUITranslateService.t('TUIChat.逐条转发') }}</span>\n </div>\n <div\n class=\"forward-button\"\n @click=\"mergeForwardMessage\"\n >\n <Icon\n :file=\"ForwardMergeIcon\"\n :size=\"iconSize\"\n />\n <span\n :class=\"{\n 'forward-button-text': true,\n 'forward-button-text-mobile': isMobile,\n }\"\n >{{ TUITranslateService.t('TUIChat.合并转发') }}</span>\n </div>\n <div\n class=\"forward-button\"\n @click=\"cancelMultipleSelect\"\n >\n <Icon\n class=\"cancel-button-icon\"\n :file=\"AddIcon\"\n :size=\"iconSize\"\n />\n <span\n :class=\"{\n 'forward-button-text': true,\n 'forward-button-text-mobile': isMobile,\n }\"\n >\n {{ TUITranslateService.t('TUIChat.取消') }}\n </span>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref } from '../../../adapter-vue';\nimport {\n TUITranslateService,\n} from '@tencentcloud/chat-uikit-engine';\nimport Icon from '../../common/Icon.vue';\nimport ForwardEachIcon from '../../../assets/icon/forward-each.svg';\nimport ForwardMergeIcon from '../../../assets/icon/forward-merge.svg';\nimport AddIcon from '../../../assets/icon/add-circle.svg';\nimport { isMobile } from '../../../utils/env';\n\ninterface IEmits {\n (key: 'oneByOneForwardMessage'): void;\n (key: 'mergeForwardMessage'): void;\n (key: 'toggleMultipleSelectMode'): void;\n}\n\nconst emits = defineEmits<IEmits>();\n\nconst iconSize = ref(isMobile ? '25px' : '30px');\n\nfunction oneByOneForwardMessage() {\n emits('oneByOneForwardMessage');\n}\n\nfunction mergeForwardMessage() {\n emits('mergeForwardMessage');\n}\n\nfunction cancelMultipleSelect() {\n emits('toggleMultipleSelectMode');\n}\n</script>\n\n<style lang=\"scss\" scoped>\n:not(not) {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n min-width: 0;\n}\n\n.mulitple-select-panel {\n height: 196px;\n border-top: 1px solid #ebebeb;\n flex-direction: row;\n justify-content: space-around;\n align-items: center;\n background-color: #EBF0F6;\n\n &-mobile {\n height: 64px;\n padding-bottom: 15px;\n flex-direction: row;\n align-items: flex-end;\n }\n}\n\n.forward-button {\n justify-content: center;\n align-items: center;\n\n &-text {\n margin-top: 8px;\n font-size: 12px;\n\n &-mobile {\n margin-top: 2px;\n }\n }\n\n .cancel-button-icon {\n transform: rotate(45deg);\n }\n}\n</style>\n","import Component from 'D:/项目/tk-mini-program/TUIKit/components/TUIChat/mulitple-select-panel/index.vue'\nwx.createComponent(Component)"],"names":["ref","isMobile"],"mappings":";;;;;;;;AA+DA,MAAA,OAAiB,MAAA;;;;;AAYjB,UAAM,QAAQ;AAEd,UAAM,WAAWA,cAAA,IAAIC,iBAAW,WAAA,SAAS,MAAM;AAE/C,aAAS,yBAAyB;AAChC,YAAM,wBAAwB;AAAA,IAChC;AAEA,aAAS,sBAAsB;AAC7B,YAAM,qBAAqB;AAAA,IAC7B;AAEA,aAAS,uBAAuB;AAC9B,YAAM,0BAA0B;AAAA,IAClC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxFA,GAAG,gBAAgB,SAAS;"}
|
||||
Reference in New Issue
Block a user