fix: key-bindings fail after compile

Author: LinuxSuRen

console/atest-ui/src/views/DataManager.vue

@@ -336,7 +336,7 @@ const executeQueryWithoutShowingNativeSQL = () => {
     executeWithQuery(sqlQuery.value)
 }
 
-Magic.LoadMagicKeys(import.meta.url, new Map([
+Magic.LoadMagicKeys('DataManager', new Map([
   ["executeQuery", executeQuery],
   ["executeWithSelectedQuery", executeWithSelectedQuery],
   ["executeQueryWithoutShowingNativeSQL", executeQueryWithoutShowingNativeSQL],

console/atest-ui/src/views/StoreManager.vue

@@ -108,10 +108,10 @@ function addStore() {
     createAction.value = true
 }
 
-Magic.LoadMagicKeys(import.meta.url, {
-  "addStore": addStore,
-  "loadStores": loadStores,
-})
+Magic.LoadMagicKeys('StoreManager', new Map([
+  ["addStore", addStore],
+  ["loadStores", loadStores],
+]))
 
 const rules = reactive<FormRules<Store>>({
   name: [{ required: true, message: 'Name is required', trigger: 'blur' }],

console/atest-ui/src/views/TestCase.vue

@@ -935,14 +935,14 @@ const openQueryTab = () => {
     testResultActiveTab.value = 'query'
 }
 
-Magic.LoadMagicKeys(import.meta.url), {
-  "sendRequest": sendRequest,
-  "openDuplicateTestCaseDialog": openDuplicateTestCaseDialog,
-  "openOutputTab": openOutputTab,
-  "openBodyTab": openBodyTab,
-  "openHeaderTab": openHeaderTab,
-  "openQueryTab": openQueryTab
-}
+Magic.LoadMagicKeys('TestCase', new Map([
+  ["sendRequest", sendRequest],
+  ["openDuplicateTestCaseDialog", openDuplicateTestCaseDialog],
+  ["openOutputTab", openOutputTab],
+  ["openBodyTab", openBodyTab],
+  ["openHeaderTab", openHeaderTab],
+  ["openQueryTab", openQueryTab]
+]))
 </script>
 
 <template>

console/atest-ui/src/views/TestSuite.vue

@@ -153,10 +153,10 @@ function openNewTestCaseDialog() {
   querySuggestedAPIs = NewSuggestedAPIsQuery(Cache.GetCurrentStore().name!, props.name!)
 }
 
-Magic.LoadMagicKeys(import.meta.url, {
-  "openNewTestCaseDialog": openNewTestCaseDialog,
-  "saveTestSuite": saveTestSuite,
-})
+Magic.LoadMagicKeys('TestSuite', new Map([
+  ["openNewTestCaseDialog", openNewTestCaseDialog],
+  ["saveTestSuite", saveTestSuite],
+]))
 
 const submitTestCaseForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) return

console/atest-ui/src/views/magicKeys.ts

@@ -71,9 +71,8 @@ interface KeyBinding {
     action: string
 }
 
-const LoadMagicKeys = (url: String, mapping: Map<String, Function>) => {
-    const fileName = url.substring(url.lastIndexOf('/') + 1);
-    const pageName = fileName.split(".vue")[0];
+const LoadMagicKeys = (pageName: String, mapping: Map<String, Function>) => {
+    console.log(`Loading magic keys for page: ${pageName}`);
     API.GetBinding("default", (data) => {
         const bindings = JSON.parse(data.message) as KeyBindings;
         bindings.pages.forEach((page: Page) => {