去除保存命令时的 dom 操作

This commit is contained in:
fofolee
2022-04-11 22:07:03 +08:00
parent de8dad1698
commit 596afcfed3
3 changed files with 20 additions and 20 deletions

View File

@@ -11,7 +11,7 @@
<!-- 开关 -->
<div class="absolute" style="z-index: 1; left: 20px; bottom: 16px">
<q-toggle
v-model="isCommandActivated"
:model-value="isCommandActivated"
checked-icon="flash_on"
color="orange-6"
@click="toggleCommandActivated"
@@ -212,7 +212,6 @@ export default {
data() {
return {
allProgrammings: this.$programmings,
isCommandActivated: this.activated,
maxCmdStingLen: 8,
commandTypes: commandTypes,
cmdBadgeSheet: {
@@ -267,7 +266,7 @@ export default {
},
props: {
commandInfo: Object,
activated: Boolean,
isCommandActivated: Boolean,
cardStyle: Object,
},
mounted() {
@@ -311,8 +310,9 @@ export default {
toggleCommandActivated() {
let event = {
data: this.commandInfo.features.code,
type:"toggle"
};
event.type = this.isCommandActivated ? "enable" : "disable";
event.type = this.isCommandActivated ? "disable" : "enable";
this.$emit("commandChanged", event);
},
// 移除命令

View File

@@ -340,26 +340,16 @@ export default {
let updatedData = this.$refs.menu.SaveMenuData();
if (!updatedData) return;
Object.assign(this.quickcommandInfo, _.cloneDeep(updatedData));
let newQuickcommandInfo = _.cloneDeep(this.quickcommandInfo);
this.$utools.putDB(
_.cloneDeep(this.quickcommandInfo),
newQuickcommandInfo,
this.$utools.DBPRE.QC + this.quickcommandInfo.features.code
);
this.$emit("editorEvent", {
type: "save",
data: _.cloneDeep(this.quickcommandInfo),
data: newQuickcommandInfo,
});
this.closeEditor();
this.$nextTick(() => {
// 先点一次,如果是停用状态则被启用
// 如果是启用状态则停用
let dom = document.getElementById(this.quickcommandInfo.features.code);
dom.querySelector(".q-toggle")?.click();
// 如果之前一次点击是启用则不点
// 如果之前一次点击是停用则再点一次启用,达到刷新目的
this.$nextTick(() => {
dom.querySelector(".q-toggle[aria-checked='false']")?.click();
});
});
},
// 运行
runCurrentCommand() {