changes

app/components/SearchBox.vue

@@ -26,7 +26,7 @@
               @blur="lostFocus"
               @keyup.enter="pressEnter"
               @keyup.esc="lostFocus"
-              @input="(e) => debouncedGetSuggestions(e.target.value)"
+              @input="debouncedGetSuggestions($event.target.value)"
               v-model="value"
               :placeholder="placeholder"
             />
@@ -96,7 +96,7 @@
       >
         <button
           class="button is-primary is-light"
-          @click="viewInfo()"
+          @click="viewInfo"
           style="height: 100%"
           type="button"
         >
@@ -167,9 +167,18 @@ const showmodal = ref();
 const params = ref(props.api && $findapi(props.api).params);
 const orgdata = ref();
 const focused = ref(false);
-const pos = ref();
+const pos = computed(() => {
-
+  switch (props.position) {
-getPos();
+    case "is-top-left":
+      return "is-up is-left";
+    case "is-top-right":
+      return "is-up is-right";
+    case "is-bottom-left":
+      return "is-right";
+    case "is-bottom-right":
+      return "is-right";
+  }
+});
 
 if (props.vdata) {
   orgdata.value = props.vdata;
@@ -357,23 +366,6 @@ function viewInfo() {
     vbind: { row: selected.value },
   };
 }
-
-function getPos() {
-  switch (props.position) {
-    case "is-top-left":
-      pos.value = "is-up is-left";
-      break;
-    case "is-top-right":
-      pos.value = "is-up is-right";
-      break;
-    case "is-bottom-left":
-      pos.value = "is-right";
-      break;
-    case "is-bottom-right":
-      pos.value = "is-right";
-      break;
-  }
-}
 </script>
 <style scoped>
 .control.is-loading::after {

app/components/imports/addons/AddBattery.vue

@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -10,7 +11,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Battery", body.value);
+  const newRow = await $insertapi("Battery", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>

app/components/imports/addons/AddCPU.vue

@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -10,7 +11,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("CPU", body.value);
+  const newRow = await $insertapi("CPU", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>

app/components/imports/addons/AddCamera.vue

@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -10,7 +11,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Camera_System", body.value);
+  const newRow = await $insertapi("Camera_System", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>

app/components/imports/addons/AddChargingTechnology.vue

@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -10,7 +11,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Charging_Technology", body.value);
+  const newRow = await $insertapi("Charging_Technology", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>

app/components/imports/addons/AddColor.vue

@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -10,7 +11,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Color", body.value);
+  const newRow = await $insertapi("Color", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>

app/components/imports/addons/AddDesign.vue

@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -10,7 +11,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Design", body.value);
+  const newRow = await $insertapi("Design", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>

app/components/imports/addons/AddExternalStorage.vue

@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -9,7 +10,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("External_Storage", body.value);
+  const newRow = await $insertapi("External_Storage", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>

app/components/imports/addons/AddGPU.vue

@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -9,7 +10,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("GPU", body.value);
+  const newRow = await $insertapi("GPU", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>

app/components/imports/addons/AddIPRating.vue

@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -9,7 +10,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("IP_Rating", body.value);
+  const newRow = await $insertapi("IP_Rating", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>

app/components/imports/addons/AddInternalStorage.vue

@@ -2,6 +2,7 @@
 import InputNumber from "@/components/common/InputNumber.vue";
 
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -11,7 +12,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Internal_Storage", body.value);
+  const newRow = await $insertapi("Internal_Storage", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>

app/components/imports/addons/AddManufacturer.vue

@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -9,7 +10,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Manufacturer", body.value);
+  const newRow = await $insertapi("Manufacturer", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>

app/components/imports/addons/AddNetworkTechnology.vue

@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -9,7 +10,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Network_Technology", body.value);
+  const newRow = await $insertapi("Network_Technology", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>

app/components/imports/addons/AddOS.vue

@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -10,7 +11,9 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("OS", body.value);
+  const newRow = await $insertapi("OS", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
+
   isLoading.value = false;
 }
 </script>

app/components/imports/addons/AddRAM.vue

@@ -2,6 +2,7 @@
 import InputNumber from "@/components/common/InputNumber.vue";
 
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -11,7 +12,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("RAM", body.value);
+  const newRow = await $insertapi("RAM", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>

app/components/imports/addons/AddSIM.vue

@@ -2,6 +2,7 @@
 import InputNumber from "@/components/common/InputNumber.vue";
 
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -12,7 +13,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("SIM", body.value);
+  const newRow = await $insertapi("SIM", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>

app/components/imports/addons/AddScreen.vue

@@ -1,5 +1,6 @@
 <script setup>
 const { $empty, $insertapi } = useNuxtApp();
+const emit = defineEmits(["modalevent"]);
 
 const isLoading = ref(false);
 const body = ref({
@@ -15,7 +16,8 @@ const body = ref({
 
 async function submit() {
   isLoading.value = true;
-  await $insertapi("Screen", body.value);
+  const newRow = await $insertapi("Screen", body.value);
+  emit("modalevent", { name: "dataevent", data: newRow });
   isLoading.value = false;
 }
 </script>

app/plugins/02-connection.js

@@ -1197,18 +1197,18 @@ export default defineNuxtPlugin((nuxtApp) => {
       const found = findapi(name);
       const curpath = found.path ? paths.find((x) => x.name === found.path).url : path;
       let rs;
-      if (!Array.isArray(data)) {
+      if (Array.isArray(data)) {
-        rs = await $fetch(`${curpath}${found.url}`, {
-          method: "POST",
-          body: data,
-          params: { values },
-        });
-      } else {
         rs = await $fetch(`${curpath}import-data/${found.url.substring(5, found.url.length - 1)}/`, {
           method: "POST",
           body: data,
           params: { values, action: "import" },
         });
+      } else {
+        rs = await $fetch(`${curpath}${found.url}`, {
+          method: "POST",
+          body: data,
+          params: { values },
+        });
       }
       // update store
       if (found.commit) {