Files
uTools-quickcommand/src/components/popup/ResultMenu.vue
2024-12-28 19:44:28 +08:00

56 lines
1.4 KiB
Vue

<template>
<q-btn-group :stretch="stretch" class="text-primary">
<q-btn icon="image" @click="dataUrlToImg" v-show="imagebtn" dense size="sm"
><q-tooltip v-if="!dense"> DataUrl 转为图片</q-tooltip></q-btn
>
<q-btn
icon="content_paste"
@click="copyResult"
v-show="textbtn"
dense
size="sm"
><q-tooltip v-if="!dense">复制到剪贴板</q-tooltip></q-btn
>
<q-btn icon="send" size="sm" @click="sendResult" v-show="textbtn" dense
><q-tooltip v-if="!dense">发送到活动窗口</q-tooltip></q-btn
>
<q-btn
icon="close"
class="text-negative"
v-close-popup
v-show="closebtn"
dense
size="sm"
/>
</q-btn-group>
</template>
<script>
export default {
props: {
dense: Boolean,
stretch: Boolean,
textbtn: Boolean,
imagebtn: Boolean,
closebtn: Boolean,
content: String,
},
methods: {
copyResult() {
window.utools.copyText(this.content);
quickcommand.showMessageBox("已复制到剪贴板");
},
sendResult() {
window.utools.hideMainWindowTypeString(this.content);
},
dataUrlToImg() {
let imgs = this.content
.match(/data:image\/.*?;base64,.*/g)
?.map((dataUrl) => `<img src="${dataUrl}"><br>`);
if (!imgs) return quickcommand.showMessageBox("dataUrl 格式不正确!");
this.$emit("showImg", imgs);
},
},
};
</script>