study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-12-19 10:15:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

配置菜单组件化

Browse Source
This commit is contained in:
fofolee
2024-12-20 23:01:26 +08:00
parent a65d9ccdff
commit ffdb737750
11 changed files with 755 additions and 805 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/components/menu/CommandManageMenu.vue Normal file
View File

@@ -0,0 +1,87 @@
<template>
<q-menu anchor="top end" self="top start">
<q-list>
<!-- 导入 -->
<q-item clickable v-close-popup @click="importCommand(importCommandFromFile())">
<q-item-section side>
<q-icon name="text_snippet" />
</q-item-section>
<q-item-section>从文件导入命令</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="importCommand(importCommandFromClipboard())">
<q-item-section side>
<q-icon name="content_paste" />
</q-item-section>
<q-item-section>从剪贴板导入命令</q-item-section>
</q-item>
<!-- 导出 -->
<q-item clickable v-close-popup @click="exportAllCommands">
<q-item-section side>
<q-icon name="file_upload" />
</q-item-section>
<q-item-section>导出所有命令</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="enableAllCommands">
<q-item-section side>
<q-icon name="checklist_rtl" />
</q-item-section>
<q-item-section>启用本页所有命令</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="disableAllCommands">
<q-item-section side>
<q-icon name="remove_done" />
</q-item-section>
<q-item-section>禁用本页所有命令</q-item-section>
</q-item>
<!-- 清空 -->
<q-item style="color: red" clickable v-close-popup @click="clearAllCommands">
<q-item-section side>
<q-icon name="delete" />
</q-item-section>
<q-item-section>清空数据</q-item-section>
</q-item>
</q-list>
</q-menu>
</template>
<script>
export default {
name: 'CommandManageMenu',
computed: {
configurationPage() {
return this.$root.$refs.view;
}
},
methods: {
importCommand(command) {
this.configurationPage.importCommand(command);
},
importCommandFromFile() {
let options = {
type: "dialog",
argvs: { filters: [{ name: "json", extensions: ["json"] }] },
readfile: true,
};
let fileContent = window.getFileInfo(options);
return fileContent ? fileContent.data : false;
},
importCommandFromClipboard() {
return window.clipboardReadText();
},
exportAllCommands() {
this.configurationPage.exportAllCommands();
},
clearAllCommands() {
this.configurationPage.clearAllCommands();
},
enableAllCommands() {
document.querySelectorAll('.q-toggle[aria-checked="false"]')
.forEach(x => x.click());
},
disableAllCommands() {
document.querySelectorAll('.q-toggle[aria-checked="true"]')
.forEach(x => x.click());
}
}
};
</script>