Merge branch 'close-change'

src/pc/home/index.tsx

@@ -11,7 +11,7 @@ import TheIcon from "/src/components/The-icon";
 import { cloneDeep } from "lodash";
 import TheSpeed from "./component/the-speed";
 import { getImage } from "./images";
-import { NButton, NDropdown, NGi, NGrid, NIcon, NInput, NInputNumber, NModal, NPopover, NPopselect, NSelect, NSpace, NSpin, useMessage } from "naive-ui";
+import { NButton, NDropdown, NGi, NGrid, NIcon, NInput, NInputNumber, NModal, NPopover, NPopselect, NSelect, NSpace, NSpin, useDialog, useMessage } from "naive-ui";
 import { LongArrowAltDown, LongArrowAltUp, GripLinesVertical } from "@vicons/fa";
 import { svg2canvas } from "/src/utils/svg2canvas";
 import { downloadFile } from "/src/utils";
@@ -144,6 +144,7 @@ export default defineComponent({
   setup() {
     const route = useRoute();
     const message = useMessage();
+    const dialog = useDialog();
     const popup = reactive({
       instrument: false,
       selectSubjectShow: false, // 声部弹窗
@@ -544,7 +545,26 @@ export default defineComponent({
             "*"
           );
         } else {
-          window.close();
+          dialog.warning({
+            autoFocus: false,
+            class: "deleteDialog",
+            title: "退出制谱",
+            content: () => <div style={{ paddingRight: "calc(var(--n-close-size) + 6px)" }}>是否退出制谱功能？</div>,
+            positiveText: "取消",
+            positiveButtonProps: {
+              type: "default",
+            },
+            negativeText: "确定",
+            negativeButtonProps: {
+              type: "primary",
+              ghost: false,
+            },
+            onPositiveClick: () => {},
+            onNegativeClick: async () => {
+              window.onbeforeunload = null;
+              window.close();
+            },
+          });
         }
       }
       // console.log(params, activeNote);