@hostlink/nuxt-light 1.50.0 → 1.51.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.50.0",
+  "version": "1.51.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -131,6 +131,11 @@ const routes = [
     path: "/SystemValue/add",
     file: "runtime/pages/SystemValue/add.vue"
   },
+  {
+    name: "System-database-check",
+    path: "/System/database/check",
+    file: "runtime/pages/System/database/check.vue"
+  },
   {
     name: "System-database-process",
     path: "/System/database/process",
@@ -226,9 +231,14 @@ const routes = [
         file: "runtime/pages/User/setting/information.vue"
       },
       {
-        name: "User-setting-my_favorite",
-        path: "my_favorite",
-        file: "runtime/pages/User/setting/my_favorite.vue"
+        name: "User-setting-favorite",
+        path: "favorite",
+        file: "runtime/pages/User/setting/favorite.vue"
+      },
+      {
+        name: "User-setting-menu",
+        path: "menu",
+        file: "runtime/pages/User/setting/menu.vue"
       },
       {
         name: "User-setting-open_id",

package/dist/runtime/components/l-add-btn.d.vue.ts

@@ -1,11 +1,11 @@
 declare const _default: import("vue").DefineComponent<{}, {
     label: string;
-    to?: string | undefined;
     color?: string | undefined;
+    to?: string | undefined;
     $props: {
         readonly label?: string | undefined;
-        readonly to?: string | undefined;
         readonly color?: string | undefined;
+        readonly to?: string | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/l-add-btn.vue.d.ts

@@ -1,11 +1,11 @@
 declare const _default: import("vue").DefineComponent<{}, {
     label: string;
-    to?: string | undefined;
     color?: string | undefined;
+    to?: string | undefined;
     $props: {
         readonly label?: string | undefined;
-        readonly to?: string | undefined;
         readonly color?: string | undefined;
+        readonly to?: string | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/l-app-main.d.vue.ts

@@ -1,12 +1,12 @@
-declare var __VLS_30: {}, __VLS_180: {}, __VLS_267: {}, __VLS_273: {};
+declare var __VLS_30: {}, __VLS_180: {}, __VLS_271: {}, __VLS_277: {};
 type __VLS_Slots = {} & {
     header?: (props: typeof __VLS_30) => any;
 } & {
     'user-menu'?: (props: typeof __VLS_180) => any;
 } & {
-    'page-top'?: (props: typeof __VLS_267) => any;
+    'page-top'?: (props: typeof __VLS_271) => any;
 } & {
-    'page-bottom'?: (props: typeof __VLS_273) => any;
+    'page-bottom'?: (props: typeof __VLS_277) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     logout: (...args: any[]) => void;

package/dist/runtime/components/l-app-main.vue

@@ -3,7 +3,7 @@ import { useRoute, useRouter } from "vue-router";
 import { useLight, q, m } from "#imports";
 import { useQuasar } from "quasar";
 import { useI18n } from "vue-i18n";
-import { ref, computed, reactive, provide, watch, toRaw, onBeforeUnmount } from "vue";
+import { ref, computed, reactive, provide, watch, toRaw } from "vue";
 import { useRuntimeConfig } from "nuxt/app";
 import { api } from "#imports";
 const emits = defineEmits(["logout"]);
@@ -47,7 +47,8 @@ const tt = await q({
       label: true,
       path: true,
       icon: true
-    }
+    },
+    menu: true
   }
 });
 let app = tt.app;
@@ -58,7 +59,6 @@ light.init(my.styles);
 light.setMyRoles(my.roles);
 light.setPermissions(my.permissions);
 light.setMyFavorites(toRaw(my.myFavorites));
-const _errorTimers = /* @__PURE__ */ new Map();
 const myFavorites = computed(() => {
   return light.getMyFavorites();
 });
@@ -75,6 +75,7 @@ for (let t of app.i18nMessages) {
 }
 i18n.setLocaleMessage(i18n.locale, messages);
 const menus = ref(app.menus);
+const my_menus = ref(my.menu);
 const leftDrawerOpen = ref(false);
 const rightDrawerOpen = ref(false);
 const toggleLeftDrawer = () => {
@@ -126,8 +127,16 @@ const onChangeLocale = async (locale) => {
   window.location.reload();
 };
 const reloadMenu = async () => {
-  let app2 = await q("app", ["menus"]);
+  let { app: app2, my: my2 } = await q({
+    app: {
+      menus: true
+    },
+    my: {
+      menu: true
+    }
+  });
   menus.value = app2.menus;
+  my_menus.value.menu = my2.menu;
 };
 provide("reloadMenu", reloadMenu);
 watch(() => style.footer, async (value) => await light.setStyle("footer", value));
@@ -346,6 +355,7 @@ const onLogout = async () => {
             <!-- drawer content -->
             <q-scroll-area class="fit">
                 <div class="q-mx-xs q-mt-xs">
+                    <l-menu :value="my_menus" :dense="style.dense" />
                     <l-fav-menu :value="myFavorites" :dense="style.dense" v-if="myFavoritesCount > 0" />
                     <l-menu :value="menus" :dense="style.dense" />
                 </div>

package/dist/runtime/components/l-app-main.vue.d.ts

@@ -1,12 +1,12 @@
-declare var __VLS_30: {}, __VLS_180: {}, __VLS_267: {}, __VLS_273: {};
+declare var __VLS_30: {}, __VLS_180: {}, __VLS_271: {}, __VLS_277: {};
 type __VLS_Slots = {} & {
     header?: (props: typeof __VLS_30) => any;
 } & {
     'user-menu'?: (props: typeof __VLS_180) => any;
 } & {
-    'page-top'?: (props: typeof __VLS_267) => any;
+    'page-top'?: (props: typeof __VLS_271) => any;
 } & {
-    'page-bottom'?: (props: typeof __VLS_273) => any;
+    'page-bottom'?: (props: typeof __VLS_277) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     logout: (...args: any[]) => void;

package/dist/runtime/components/l-customizer.d.vue.ts

@@ -1,19 +1,19 @@
 declare const _default: import("vue").DefineComponent<{}, {
     $emit: (event: "update:theme" | "update:menuOverlayHeader" | "update:dense" | "update:color" | "update:miniState" | "update:footer", ...args: any[]) => void;
-    color: string;
     time: string;
+    color: string;
     theme: string;
     dense: boolean;
-    miniState: boolean;
     footer: boolean;
+    miniState: boolean;
     menuOverlayHeader: boolean;
     $props: {
-        readonly color?: string | undefined;
         readonly time?: string | undefined;
+        readonly color?: string | undefined;
         readonly theme?: string | undefined;
         readonly dense?: boolean | undefined;
-        readonly miniState?: boolean | undefined;
         readonly footer?: boolean | undefined;
+        readonly miniState?: boolean | undefined;
         readonly menuOverlayHeader?: boolean | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/l-customizer.vue.d.ts

@@ -1,19 +1,19 @@
 declare const _default: import("vue").DefineComponent<{}, {
     $emit: (event: "update:theme" | "update:menuOverlayHeader" | "update:dense" | "update:color" | "update:miniState" | "update:footer", ...args: any[]) => void;
-    color: string;
     time: string;
+    color: string;
     theme: string;
     dense: boolean;
-    miniState: boolean;
     footer: boolean;
+    miniState: boolean;
     menuOverlayHeader: boolean;
     $props: {
-        readonly color?: string | undefined;
         readonly time?: string | undefined;
+        readonly color?: string | undefined;
         readonly theme?: string | undefined;
         readonly dense?: boolean | undefined;
-        readonly miniState?: boolean | undefined;
         readonly footer?: boolean | undefined;
+        readonly miniState?: boolean | undefined;
         readonly menuOverlayHeader?: boolean | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/l-date-picker.d.vue.ts

@@ -13,11 +13,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
+    disable: boolean;
     dark: boolean | null;
     rounded: boolean;
     square: boolean;
     dense: boolean;
-    disable: boolean;
     outlined: boolean;
     filled: boolean;
     stackLabel: boolean;

package/dist/runtime/components/l-date-picker.vue.d.ts

@@ -13,11 +13,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
+    disable: boolean;
     dark: boolean | null;
     rounded: boolean;
     square: boolean;
     dense: boolean;
-    disable: boolean;
     outlined: boolean;
     filled: boolean;
     stackLabel: boolean;

package/dist/runtime/components/l-editor.d.vue.ts

@@ -6,9 +6,9 @@ declare const _default: import("vue").DefineComponent<LEditorProps, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<LEditorProps> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    modelValue: string;
     dense: boolean;
     placeholder: string;
-    modelValue: string;
     fonts: any | undefined;
     toolbar: readonly any[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/l-editor.vue.d.ts

@@ -6,9 +6,9 @@ declare const _default: import("vue").DefineComponent<LEditorProps, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<LEditorProps> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    modelValue: string;
     dense: boolean;
     placeholder: string;
-    modelValue: string;
     fonts: any | undefined;
     toolbar: readonly any[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/l-form-dialog.d.vue.ts

@@ -5,15 +5,15 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 });
 declare const __VLS_component: import("vue").DefineComponent<{}, {
     $emit: (event: "submit", ...args: any[]) => void;
-    cancel: Function;
     value: Record<string, any>;
+    cancel: Function;
     width: string;
     title: string;
     save: Function;
     showNotification: boolean;
     $props: {
-        readonly cancel?: Function | undefined;
         readonly value?: Record<string, any> | undefined;
+        readonly cancel?: Function | undefined;
         readonly width?: string | undefined;
         readonly title?: string | undefined;
         readonly save?: Function | undefined;

package/dist/runtime/components/l-form-dialog.vue.d.ts

@@ -5,15 +5,15 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 });
 declare const __VLS_component: import("vue").DefineComponent<{}, {
     $emit: (event: "submit", ...args: any[]) => void;
-    cancel: Function;
     value: Record<string, any>;
+    cancel: Function;
     width: string;
     title: string;
     save: Function;
     showNotification: boolean;
     $props: {
-        readonly cancel?: Function | undefined;
         readonly value?: Record<string, any> | undefined;
+        readonly cancel?: Function | undefined;
         readonly width?: string | undefined;
         readonly title?: string | undefined;
         readonly save?: Function | undefined;

package/dist/runtime/components/l-table.vue

@@ -431,17 +431,6 @@ const getCellStyle = (col, row) => {
   }
   return style;
 };
-const getCellClass = (col, row) => {
-  const cl = [];
-  if (col.cellClass) {
-    if (typeof col.cellClass == "function") {
-      cl.push(col.cellClass(row));
-    } else {
-      cl.push(col.cellClass);
-    }
-  }
-  return cl;
-};
 const localSelected = computed({
   get() {
     return props.selected;
@@ -574,7 +563,7 @@ const hasFilters = computed(() => {
                     </template>
                     <template v-else>
                         <q-td :key="col.name" :props="props" :auto-width="col.autoWidth ?? false"
-                            :style="getCellStyle(col, props.row)" :class="getCellClass(col, props.row)"><template
+                            :style="getCellStyle(col, props.row)"><template
                                 v-if="col.to" class="bg-primary">
                                 <l-link :to="col.to(props.row)" v-if="col.to(props.row)">{{ col.value }}</l-link>
                             </template>

package/dist/runtime/components/l-time-picker.d.vue.ts

@@ -23,8 +23,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
-    format24h: boolean;
     required: boolean;
+    format24h: boolean;
     mask: string;
     hideBottomSpace: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/l-time-picker.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
-    format24h: boolean;
     required: boolean;
+    format24h: boolean;
     mask: string;
     hideBottomSpace: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/composables/useLight.d.ts

@@ -224,6 +224,8 @@ declare const light: {
             isoName: string;
             nativeName: string;
             label: {
+                create: string;
+                set: string;
                 cancel: string;
                 close: string;
                 reset: string;
@@ -231,11 +233,9 @@ declare const light: {
                 filter: string;
                 update: string;
                 remove: string;
-                set: string;
                 clear: string;
                 ok: string;
                 search: string;
-                create: string;
                 refresh: string;
                 expand: (label?: string | undefined) => string;
                 collapse: (label?: string | undefined) => string;
@@ -319,9 +319,9 @@ declare const light: {
             name: string;
             type: {
                 info: string;
-                warning: string;
-                negative: string;
                 positive: string;
+                negative: string;
+                warning: string;
             };
             arrow: {
                 left: string;
@@ -821,6 +821,8 @@ declare const _default: () => {
             isoName: string;
             nativeName: string;
             label: {
+                create: string;
+                set: string;
                 cancel: string;
                 close: string;
                 reset: string;
@@ -828,11 +830,9 @@ declare const _default: () => {
                 filter: string;
                 update: string;
                 remove: string;
-                set: string;
                 clear: string;
                 ok: string;
                 search: string;
-                create: string;
                 refresh: string;
                 expand: (label?: string | undefined) => string;
                 collapse: (label?: string | undefined) => string;
@@ -916,9 +916,9 @@ declare const _default: () => {
             name: string;
             type: {
                 info: string;
-                warning: string;
-                negative: string;
                 positive: string;
+                negative: string;
+                warning: string;
             };
             arrow: {
                 left: string;

package/dist/runtime/pages/System/database/check.vue

@@ -0,0 +1,149 @@
+<script setup>
+import { ref } from "vue";
+import { q, m, useAsyncData, useQuasar } from "#imports";
+const $q = useQuasar();
+const { data: system, refresh } = await useAsyncData("database-check", async () => {
+  const result = await q({
+    system: {
+      database: {
+        checkResult: true
+      }
+    }
+  });
+  return result.system;
+});
+const expanded = ref([]);
+const tableColumns = [
+  { name: "table", label: "Table", field: "table", align: "left" },
+  { name: "status", label: "Status", field: "status", align: "center" },
+  { name: "count", label: "Differences", field: (row) => row.differences.length, align: "center" },
+  { name: "action", label: "Action", field: "action", align: "center" }
+];
+const diffColumns = [
+  { name: "type", label: "Type", field: "type", align: "left" },
+  { name: "column", label: "Column", field: "column", align: "left" },
+  { name: "details", label: "Details", field: "details", align: "left" }
+];
+const getStatusColor = (status) => status === "OK" ? "positive" : "warning";
+const getDiffDetails = (diff) => {
+  if (diff.type === "missing_column") {
+    return `Missing: ${diff.expected.name} (${diff.expected.type})`;
+  }
+  if (diff.type === "extra_column") {
+    return `Extra: ${diff.current.type}${diff.current.length ? `(${diff.current.length})` : ""}`;
+  }
+  if (diff.type === "column_mismatch") {
+    return Object.entries(diff.differences).map(([key, val]) => `${key}: ${JSON.stringify(val)}`).join(" | ");
+  }
+  if (diff.current) {
+    return JSON.stringify(diff.current).substring(0, 100) + "...";
+  }
+  return "";
+};
+const getDiffTypeColor = (type) => {
+  switch (type) {
+    case "missing_column":
+      return "negative";
+    case "extra_column":
+      return "info";
+    case "column_mismatch":
+      return "warning";
+    default:
+      return "grey";
+  }
+};
+const toggleExpanded = (tableName) => {
+  const index = expanded.value.indexOf(tableName);
+  if (index === -1) {
+    expanded.value.push(tableName);
+  } else {
+    expanded.value.splice(index, 1);
+  }
+};
+const handleFix = async (tableName) => {
+  $q.dialog({
+    title: "Confirm Fix",
+    message: `Are you sure you want to fix the table "${tableName}"? This action cannot be undone.`,
+    cancel: true,
+    persistent: true
+  }).onOk(async () => {
+    await m("fixDatabaseTable", { name: tableName });
+    await refresh();
+  });
+};
+</script>
+
+<template>
+    <l-page>
+
+        <div class="q-mb-md">
+            <h5 class="q-ma-none">Database Check Results</h5>
+        </div>
+
+        <q-table :rows="system.database.checkResult" :columns="tableColumns" row-key="table" flat bordered
+            class="q-mb-lg" v-model:expanded="expanded" :pagination.sync="{ rowsPerPage: 0 }" hide-bottom>
+            <template #body="props">
+                <q-tr :props="props"
+                    :class="{ 'bg-red-1': props.row.status === 'DIFFERENT', 'bg-green-1': props.row.status === 'OK' }">
+                    <q-td auto-width>
+                        <q-btn size="sm" flat dense round
+                            :icon="expanded.includes(props.row.table) ? 'expand_less' : 'expand_more'"
+                            @click="toggleExpanded(props.row.table)" />
+                    </q-td>
+                    <q-td key="table" :props="props" class="text-weight-bold">
+                        {{ props.row.table }}
+                    </q-td>
+                    <q-td key="status" :props="props">
+                        <q-chip :label="props.row.status" :color="getStatusColor(props.row.status)" text-color="white"
+                            size="sm" />
+                    </q-td>
+                    <q-td key="count" :props="props">
+                        <q-chip v-if="props.row.differences.length > 0" :label="props.row.differences.length"
+                            color="warning" text-color="white" size="sm" />
+                        <span v-else class="text-positive">✓</span>
+                    </q-td>
+                    <q-td key="action" :props="props">
+                        <q-btn v-if="props.row.status !== 'OK'" label="Fix" size="sm" :color="$light.color"
+                            @click="handleFix(props.row.table)" />
+                    </q-td>
+                </q-tr>
+
+                <!-- Differences Details Expansion -->
+                <q-tr v-show="expanded.includes(props.row.table)" :props="props">
+                    <q-td colspan="100%" class="q-pa-none">
+                        <div class="q-pa-md bg-grey-1">
+                            <q-table v-if="props.row.differences.length > 0" :rows="props.row.differences"
+                                :columns="diffColumns" row-key="column" flat dense class="q-mb-md"
+                                :pagination.sync="{ rowsPerPage: 0 }" hide-bottom>
+                                <template #body-cell-type="cellProps">
+                                    <q-td :props="cellProps">
+                                        <q-chip :label="cellProps.row.type"
+                                            :color="getDiffTypeColor(cellProps.row.type)" text-color="white"
+                                            size="sm" />
+                                    </q-td>
+                                </template>
+                                <template #body-cell-details="cellProps">
+                                    <q-td :props="cellProps">
+                                        <q-expansion-item header-class="text-caption" expand-icon-class="text-caption"
+                                            dense>
+                                            <template #header>
+                                                <span class="text-caption">{{ getDiffDetails(cellProps.row) }}</span>
+                                            </template>
+                                            <pre class="q-ma-none text-caption">{{
+                                                JSON.stringify(cellProps.row.differences || cellProps.row.current ||
+                                                    cellProps.row.expected, null,
+                                                    2) }}
+                                            </pre>
+                                        </q-expansion-item>
+                                    </q-td>
+                                </template>
+                            </q-table>
+                            <div v-else class="text-positive text-weight-bold">✓ No Differences</div>
+                        </div>
+                    </q-td>
+                </q-tr>
+            </template>
+        </q-table>
+
+    </l-page>
+</template>

package/dist/runtime/pages/System/database/event.vue

@@ -15,7 +15,6 @@ watch(selected, async (newSelected) => {
     const name = newSelected[0].Db + "." + newSelected[0].Name;
     const event = await getEvent(name);
     eventDetail.value = event;
-    console.log("\u53D6\u5F97\u7684\u4E8B\u4EF6\u8CC7\u6599:", event);
   } else {
     eventDetail.value = null;
   }
@@ -40,7 +39,7 @@ const getEvent = async (name) => {
     <l-page>
 
         <q-table :rows="system.database.events" :pagination="{ rowsPerPage: 0 }" v-model:selected="selected"
-            selection="single" />
+            row-key="Name" selection="single" />
 
         <!-- 顯示選中的事件詳細內容 -->
         <div v-if="eventDetail" class="q-mt-md">
@@ -59,7 +58,8 @@ const getEvent = async (name) => {
                                         <div><strong>事件名稱:</strong> {{ eventDetail.Event }}</div>
                                         <div>
                                             <strong>SQL 模式:</strong>
-                                            <div class="q-mt-xs text-caption" style="word-break: break-all; line-height: 1.3;">
+                                            <div class="q-mt-xs text-caption"
+                                                style="word-break: break-all; line-height: 1.3;">
                                                 {{ eventDetail.sql_mode }}
                                             </div>
                                         </div>
@@ -76,7 +76,8 @@ const getEvent = async (name) => {
                                 <q-card-section>
                                     <div class="text-subtitle1 text-weight-bold">事件定義</div>
                                     <q-separator class="q-my-sm" />
-                                    <pre class="q-pa-sm bg-grey-1" style="white-space: pre-wrap; font-size: 12px;">{{ eventDetail['Create Event'] }}</pre>
+                                    <pre class="q-pa-sm bg-grey-1" style="white-space: pre-wrap; font-size: 12px;">{{
+                                        eventDetail['Create Event'] }}</pre>
                                 </q-card-section>
                             </q-card>
                         </div>

package/dist/runtime/pages/System/database/table.vue

@@ -64,11 +64,10 @@ const removeField = async (table) => {
     ok: "Yes",
     cancel: "No"
   }).onOk(async () => {
-    const fields = selected[table].map((field) => field.Field);
     try {
       await m("lightDatabaseRemoveFields", {
         table,
-        fields
+        fields: selected[table].map((field) => field.name)
       });
       light.notify({
         type: "positive",
@@ -218,7 +217,7 @@ const truncatTable = async () => {
             <q-list separator bordered>
                 <q-expansion-item :label="table.name" v-for="table in data.table" dense>
                     <div class="q-ma-sm">
-                        <q-table row-key="Field" :rows="table.columns" :rows-per-page-options="[0]" hide-pagination flat
+                        <q-table row-key="name" :rows="table.columns" :rows-per-page-options="[0]" hide-pagination flat
                             bordered selection="multiple" v-model:selected="selected[table.name]" :color="$light.color">
                             <template #top-left>
                                 <q-btn icon="sym_o_add" @click="add(table.name)" round flat size="sm">