@hostlink/nuxt-light 1.54.6 → 1.55.2

package/dist/runtime/pages/FileManager/index.vue

@@ -1,5 +1,5 @@
-<template>
-    <l-page>
-        <l-file-manager></l-file-manager>
-    </l-page>
+<template>
+    <l-page>
+        <l-file-manager></l-file-manager>
+    </l-page>
 </template>

package/dist/runtime/pages/MailLog/index.vue

@@ -14,22 +14,22 @@ function requestMailLog(event) {
 </script>
 
 <template>
-    <l-page>
-        <l-table
-            row-key="maillog_id"
-            @request-data="requestMailLog"
-            :columns="columns"
-            sort-by="maillog_id:desc"
-        >
-            <template #row-expand="props">
-                <iframe
-                    width="100%"
-                    height="300px"
-                    :srcdoc="props.row.body"
-                    frameborder="0"
-                    sandbox
-                ></iframe>
-            </template>
-        </l-table>
-    </l-page>
+    <l-page>
+        <l-table
+            row-key="maillog_id"
+            @request-data="requestMailLog"
+            :columns="columns"
+            sort-by="maillog_id:desc"
+        >
+            <template #row-expand="props">
+                <iframe
+                    width="100%"
+                    height="300px"
+                    :srcdoc="props.row.body"
+                    frameborder="0"
+                    sandbox
+                ></iframe>
+            </template>
+        </l-table>
+    </l-page>
 </template>

package/dist/runtime/pages/Permission/add.vue

@@ -24,17 +24,17 @@ const onSave = async () => {
 </script>
 
 <template>
-    <l-page>
-        <l-form @submit="onSave">
-
-            <l-input label="Permission name" v-model="obj.value" required class="col-12"></l-input>
-
-            <l-field label="Roles" stack-label>
-                <q-option-group type="checkbox" :options="roles" v-model="obj.roles" inline>
-                </q-option-group>
-            </l-field>
-
-        </l-form>
-
-    </l-page>
+    <l-page>
+        <l-form @submit="onSave">
+
+            <l-input label="Permission name" v-model="obj.value" required class="col-12"></l-input>
+
+            <l-field label="Roles" stack-label>
+                <q-option-group type="checkbox" :options="roles" v-model="obj.roles" inline>
+                </q-option-group>
+            </l-field>
+
+        </l-form>
+
+    </l-page>
 </template>

package/dist/runtime/pages/Permission/all.vue

@@ -134,72 +134,67 @@ const filteredRows = computed(() => {
 </script>
 
 <template>
-  <l-page>
-
-    <!-- 載入指示器 -->
-    <div v-if="loading" class="text-center q-pa-md">
-      <q-spinner-dots size="50px" />
-      <div class="q-mt-sm">{{ $t('Loading permissions...') }}</div>
-    </div>
-
-    <!-- 主要內容 -->
-    <div v-else>
-      <!-- 篩選控制 -->
-      <div class="row q-gutter-md q-mb-md">
-        <div class="col-md-6 col-12">
-          <q-input v-model="filter" :placeholder="$t('Filter permissions')" dense clearable outlined>
-            <template v-slot:append>
-              <q-icon name="sym_o_search" />
-            </template>
-          </q-input>
-        </div>
-        <div class="col-md-6 col-12">
-          <q-select v-model="selectedRole"
-            :options="[{ label: $t('All Roles'), value: '' }, ...roles.map(r => ({ label: r.name, value: r.name }))]"
-            :placeholder="$t('Filter by role')" dense clearable outlined emit-value map-options />
-        </div>
-      </div>
-
-      <!-- 權限表格 -->
-      <q-table :columns="columns" flat bordered :rows="filteredRows" :pagination="{ rowsPerPage: 0 }" dense
-        class="permission-table">
-
-        <template #body="props">
-          <q-tr :props="props">
-            <q-td :style="columns[0].style" class="text-weight-medium">
-              <q-icon name="security" class="q-mr-sm text-grey-6" />
-              {{ props.row.permission }}
-            </q-td>
-            <q-td v-for="role in roles" :key="role.name" class="text-center">
-              <q-checkbox v-model="props.row[role.name]"
-                @update:model-value="onUpdate($event, role.name, props.row.permission)"
-                :loading="updating.has(`${role.name}-${props.row.permission}`)"
-                :disable="updating.has(`${role.name}-${props.row.permission}`)" />
-            </q-td>
-          </q-tr>
-        </template>
-
-        <template #no-data>
-          <div class="full-width text-center q-pa-lg">
-            <q-icon name="search_off" size="48px" class="text-grey-5" />
-            <div class="text-h6 text-grey-7 q-mt-md">
-              {{ $t('No permissions found') }}
-            </div>
-            <div class="text-body2 text-grey-6">
-              {{ $t('Try adjusting your search filters') }}
-            </div>
-          </div>
-        </template>
-      </q-table>
-
-      <!-- 結果統計 -->
-      <div class="q-mt-md text-caption text-grey-7">
-        {{ $t('Showing') }} {{ filteredRows.length }} {{ $t('of') }} {{ rows.length }} {{ $t('permissions') }}
-      </div>
-    </div>
-  </l-page>
-</template>
+  <l-page>
+
+    <!-- 載入指示器 -->
+    <div v-if="loading" class="text-center q-pa-md">
+      <q-spinner-dots size="50px" />
+      <div class="q-mt-sm">{{ $t('Loading permissions...') }}</div>
+    </div>
+
+    <!-- 主要內容 -->
+    <div v-else>
+      <!-- 篩選控制 -->
+      <div class="row q-gutter-md q-mb-md">
+        <div class="col-md-6 col-12">
+          <q-input v-model="filter" :placeholder="$t('Filter permissions')" dense clearable outlined>
+            <template v-slot:append>
+              <q-icon name="sym_o_search" />
+            </template>
+          </q-input>
+        </div>
+        <div class="col-md-6 col-12">
+          <q-select v-model="selectedRole"
+            :options="[{ label: $t('All Roles'), value: '' }, ...roles.map(r => ({ label: r.name, value: r.name }))]"
+            :placeholder="$t('Filter by role')" dense clearable outlined emit-value map-options />
+        </div>
+      </div>
+
+      <!-- 權限表格 -->
+      <q-table :columns="columns" flat bordered :rows="filteredRows" :pagination="{ rowsPerPage: 0 }" dense>
 
-<style scoped>
-.permission-table{box-shadow:0 2px 8px rgba(0,0,0,.1)}.permission-table :deep(.q-table__top){background-color:rgba(0,0,0,.02);padding:16px}.permission-table :deep(thead tr th){background-color:rgba(0,0,0,.05);font-weight:700}.permission-table :deep(tbody tr:hover){background-color:rgba(0,0,0,.03)}.permission-table :deep(tbody tr td:first-child){border-right:2px solid rgba(0,0,0,.1)}
-</style>
+        <template #body="props">
+          <q-tr :props="props">
+            <q-td :style="columns[0].style" class="text-weight-medium" auto-width>
+              <q-icon name="security" class="q-mr-sm text-grey-6" />
+              {{ props.row.permission }}
+            </q-td>
+            <q-td v-for="role in roles" :key="role.name" class="text-center">
+              <q-checkbox v-model="props.row[role.name]"
+                @update:model-value="onUpdate($event, role.name, props.row.permission)"
+                :loading="updating.has(`${role.name}-${props.row.permission}`)"
+                :disable="updating.has(`${role.name}-${props.row.permission}`)" />
+            </q-td>
+          </q-tr>
+        </template>
+
+        <template #no-data>
+          <div class="full-width text-center q-pa-lg">
+            <q-icon name="search_off" size="48px" class="text-grey-5" />
+            <div class="text-h6 text-grey-7 q-mt-md">
+              {{ $t('No permissions found') }}
+            </div>
+            <div class="text-body2 text-grey-6">
+              {{ $t('Try adjusting your search filters') }}
+            </div>
+          </div>
+        </template>
+      </q-table>
+
+      <!-- 結果統計 -->
+      <div class="q-mt-md text-caption text-grey-7">
+        {{ $t('Showing') }} {{ filteredRows.length }} {{ $t('of') }} {{ rows.length }} {{ $t('permissions') }}
+      </div>
+    </div>
+  </l-page>
+</template>

package/dist/runtime/pages/Permission/export.vue

@@ -46,14 +46,13 @@ const submit = () => {
 </script>
 
 <template>
-    <l-page>
-        <l-form submit-label="Export" submit-icon="sym_o_download" @submit="submit">
-            <l-field label="Roles" stack-label>
-                <q-option-group type="checkbox" :options="roles" v-model="obj.roles" inline>
-                </q-option-group>
-            </l-field>
-        </l-form>
-
-
-    </l-page>
+    <l-page>
+        <l-form submit-label="Export" submit-icon="sym_o_download" @submit="submit">
+            <l-field label="Roles" stack-label>
+                <q-option-group type="checkbox" :options="roles" v-model="obj.roles" inline>
+                </q-option-group>
+            </l-field>
+        </l-form>
+
+    </l-page>
 </template>

package/dist/runtime/pages/Permission/index.vue

@@ -16,8 +16,8 @@ const columns = [
 </script>
 
 <template>
-    <l-page>
-        <l-table row-key="permission_id" @request-data="$event.loadObjects('Permission')" :columns="columns"
-            :actions="['delete']"></l-table>
-    </l-page>
+    <l-page>
+        <l-table row-key="permission_id" @request-data="$event.loadObjects('Permission')" :columns="columns"
+            :actions="['delete']"></l-table>
+    </l-page>
 </template>

package/dist/runtime/pages/Role/_name/update-child.vue

@@ -9,8 +9,8 @@ const role = await q("getRole", {
 </script>
 
 <template>
-    <l-page>
-        {{ name }}
-        {{ role }}
-    </l-page>
+    <l-page>
+        {{ name }}
+        {{ role }}
+    </l-page>
 </template>

package/dist/runtime/pages/Role/add.vue

@@ -14,11 +14,11 @@ roles = roles.map((role) => {
 </script>
 
 <template>
-    <l-page>
-        <FormKit type="l-form" :value="{ childs: ['Users'] }">
-            <FormKit type="l-input" name="name" label="Name" validation="required" />
-            <FormKit type="l-option-group" :options="roles" name="childs" label="Child" />
-        </FormKit>
-
-    </l-page>
+    <l-page>
+        <FormKit type="l-form" :value="{ childs: ['Users'] }">
+            <FormKit type="l-input" name="name" label="Name" validation="required" />
+            <FormKit type="l-option-group" :options="roles" name="childs" label="Child" />
+        </FormKit>
+
+    </l-page>
 </template>

package/dist/runtime/pages/Role/add2.vue

@@ -24,34 +24,34 @@ const onSubmit = () => {
 </script>
 
 <template>
-    <l-page>
-
-        <form-kit type="l-form" @submit="onSubmit" :value="{
-            permissions: []
-        }" #default="{ value }">
-            <form-kit type="l-input" name="name" label="Name" validation="required" />
-            <q-separator />
-
-            <l-row>
-                <l-col md="3" v-for="module in x" :key="module.module">
-
-                    <q-list>
-                        <q-item dense>
-                            <q-item-section>
-                                <q-item-label>
-                                    {{ module.module }}
-                                </q-item-label>
-                            </q-item-section>
-                        </q-item>
-                        <q-separator />
-                        <q-option-group dense :options="module.permissions" type="checkbox"
-                            v-model="value.permissions" />
-                    </q-list>
-
-                </l-col>
-            </l-row>
-
-        </form-kit>
-
-    </l-page>
+    <l-page>
+
+        <form-kit type="l-form" @submit="onSubmit" :value="{
+            permissions: []
+        }" #default="{ value }">
+            <form-kit type="l-input" name="name" label="Name" validation="required" />
+            <q-separator />
+
+            <l-row>
+                <l-col md="3" v-for="module in x" :key="module.module">
+
+                    <q-list>
+                        <q-item dense>
+                            <q-item-section>
+                                <q-item-label>
+                                    {{ module.module }}
+                                </q-item-label>
+                            </q-item-section>
+                        </q-item>
+                        <q-separator />
+                        <q-option-group dense :options="module.permissions" type="checkbox"
+                            v-model="value.permissions" />
+                    </q-list>
+
+                </l-col>
+            </l-row>
+
+        </form-kit>
+
+    </l-page>
 </template>

package/dist/runtime/pages/Role/index.vue

@@ -3,7 +3,7 @@ import { useQuasar } from "quasar";
 import { q, m, notify, useAsyncData } from "#imports";
 import { useI18n } from "vue-i18n";
 const { t } = useI18n();
-const qua = useQuasar();
+const $q = useQuasar();
 const { data, refresh } = await useAsyncData("role", async () => {
   const data2 = await q({
     app: {
@@ -30,7 +30,7 @@ const { data, refresh } = await useAsyncData("role", async () => {
 let role_options = data.value.roles.map((r) => ({ label: r.name, value: r.name }));
 let users = data.value.listUser.data;
 const onDelete = async (role) => {
-  qua.dialog({
+  $q.dialog({
     title: "Delete",
     message: "Are you sure you want to delete this role and related role relations?",
     cancel: true,
@@ -71,10 +71,18 @@ const onRemoveChild = async (value, child) => {
   refresh();
 };
 const onAddChild = async (value, child) => {
-  await m("addRoleChild", {
-    name: value,
-    child: child.value.value
-  });
+  try {
+    await m("addRoleChild", {
+      name: value,
+      child: child.value.value
+    });
+  } catch (e) {
+    $q.notify({
+      type: "negative",
+      message: e.message
+    });
+    return;
+  }
   notify("Role added to role");
   refresh();
 };
@@ -97,31 +105,31 @@ const onRemoveUser = async (value, user) => {
 </script>
 
 <template>
-    <l-page>
-        <q-table :rows="data.roles" flat bordered :columns="columns" :rows-per-page-options="[0]" dense>
-            <template #body-cell-_can_delete="props">
-                <q-td auto-width>
-                    <q-btn v-if="props.row.canDelete" flat round dense icon="sym_o_delete"
-                        @click="onDelete(props.row.name)" />
-                </q-td>
-            </template>
-
-            <template #body-cell-children="props">
-                <q-td>
-                    <q-select :options="role_options" v-model="props.row.children" multiple use-chips dense
-                        @remove="onRemoveChild(props.row.name, $event)" @add="onAddChild(props.row.name, $event)">
-                    </q-select>
-                </q-td>
-            </template>
-            <template #body-cell-user="props">
-                <q-td>
-                    <q-select :options="users" v-model="props.row.user" multiple use-chips dense option-label="name"
-                        option-value="user_id" @add="onAddUser(props.row.name, $event)"
-                        @remove="onRemoveUser(props.row.name, $event)">
-
-                    </q-select>
-                </q-td>
-            </template>
-        </q-table>
-    </l-page>
+    <l-page>
+        <q-table :rows="data.roles" flat bordered :columns="columns" :rows-per-page-options="[0]" dense>
+            <template #body-cell-_can_delete="props">
+                <q-td auto-width>
+                    <q-btn v-if="props.row.canDelete" flat round dense icon="sym_o_delete"
+                        @click="onDelete(props.row.name)" />
+                </q-td>
+            </template>
+
+            <template #body-cell-children="props">
+                <q-td>
+                    <q-select :options="role_options" v-model="props.row.children" multiple use-chips dense
+                        @remove="onRemoveChild(props.row.name, $event)" @add="onAddChild(props.row.name, $event)">
+                    </q-select>
+                </q-td>
+            </template>
+            <template #body-cell-user="props">
+                <q-td>
+                    <q-select :options="users" v-model="props.row.user" multiple use-chips dense option-label="name"
+                        option-value="user_id" @add="onAddUser(props.row.name, $event)"
+                        @remove="onRemoveUser(props.row.name, $event)">
+
+                    </q-select>
+                </q-td>
+            </template>
+        </q-table>
+    </l-page>
 </template>

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

@@ -62,78 +62,78 @@ onMounted(() => {
 </script>
 
 <template>
-    <l-page title="資料庫備份">
-        <div class="backup-container">
-            <!-- 頁面說明 -->
-            <l-card class="info-card">
-                <div class="card-header">
-                    <h5 class="card-title">
-                        <q-icon name="sym_o_info" class="text-primary" />
-                        備份說明
-                    </h5>
-                </div>
-                <div class="card-content">
-                    <p class="description">
-                        資料庫備份功能可以將整個資料庫匯出為 SQL 檔案，包含所有資料表結構和資料。
-                        建議定期進行備份以確保資料安全。
-                    </p>
-                </div>
-            </l-card>
-
-            <!-- 備份資訊 -->
-            <l-card class="status-card">
-                <div class="card-header">
-                    <h5 class="card-title">
-                        <q-icon name="sym_o_database" class="text-secondary" />
-                        資料庫資訊
-                    </h5>
-                </div>
-                <div class="card-content">
-                    <div class="info-grid">
-                        <div class="info-item" v-if="databaseInfo">
-                            <q-icon name="sym_o_storage" class="info-icon" />
-                            <div class="info-content">
-                                <span class="info-label">資料庫類型</span>
-                                <span class="info-value">{{ databaseInfo.type || '未知' }}</span>
-                            </div>
-                        </div>
-                        <div class="info-item" v-if="databaseInfo">
-                            <q-icon name="sym_o_storage" class="info-icon" />
-                            <div class="info-content">
-                                <span class="info-label">資料庫大小</span>
-                                <span class="info-value">{{ databaseInfo.sizeBytes ? (databaseInfo.sizeBytes / 1024 /
-                                    1024).toFixed(2) + ' MB' : '計算中...' }}</span>
-                            </div>
-                        </div>
-                        <div class="info-item" v-if="databaseInfo && databaseInfo.version">
-                            <q-icon name="sym_o_info" class="info-icon" />
-                            <div class="info-content">
-                                <span class="info-label">資料庫版本</span>
-                                <span class="info-value">{{ databaseInfo.version }}</span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </l-card>
-
-            <!-- 安全提醒 -->
-            <l-alert type="warning" class="security-alert">
-                <template #prefix>
-                    <q-icon name="sym_o_security" />
-                </template>
-                <strong>安全提醒：</strong>備份檔案包含敏感資料，請妥善保管並避免在不安全的環境中傳輸。
-            </l-alert>
-
-            <!-- 下載按鈕區域 -->
-            <div class="download-section">
-                <l-btn :label="isDownloading ? '正在備份中...' : '開始備份'" icon="sym_o_download" color="primary" size="lg"
-                    :loading="isDownloading" :disable="isDownloading" @click="onClickDownload" class="download-btn" />
-                <p class="download-hint">
-                    點擊按鈕將會下載包含完整資料庫內容的 SQL 檔案
-                </p>
-            </div>
-        </div>
-    </l-page>
+    <l-page title="資料庫備份">
+        <div class="backup-container">
+            <!-- 頁面說明 -->
+            <l-card class="info-card">
+                <div class="card-header">
+                    <h5 class="card-title">
+                        <q-icon name="sym_o_info" class="text-primary" />
+                        備份說明
+                    </h5>
+                </div>
+                <div class="card-content">
+                    <p class="description">
+                        資料庫備份功能可以將整個資料庫匯出為 SQL 檔案，包含所有資料表結構和資料。
+                        建議定期進行備份以確保資料安全。
+                    </p>
+                </div>
+            </l-card>
+
+            <!-- 備份資訊 -->
+            <l-card class="status-card">
+                <div class="card-header">
+                    <h5 class="card-title">
+                        <q-icon name="sym_o_database" class="text-secondary" />
+                        資料庫資訊
+                    </h5>
+                </div>
+                <div class="card-content">
+                    <div class="info-grid">
+                        <div class="info-item" v-if="databaseInfo">
+                            <q-icon name="sym_o_storage" class="info-icon" />
+                            <div class="info-content">
+                                <span class="info-label">資料庫類型</span>
+                                <span class="info-value">{{ databaseInfo.type || '未知' }}</span>
+                            </div>
+                        </div>
+                        <div class="info-item" v-if="databaseInfo">
+                            <q-icon name="sym_o_storage" class="info-icon" />
+                            <div class="info-content">
+                                <span class="info-label">資料庫大小</span>
+                                <span class="info-value">{{ databaseInfo.sizeBytes ? (databaseInfo.sizeBytes / 1024 /
+                                    1024).toFixed(2) + ' MB' : '計算中...' }}</span>
+                            </div>
+                        </div>
+                        <div class="info-item" v-if="databaseInfo && databaseInfo.version">
+                            <q-icon name="sym_o_info" class="info-icon" />
+                            <div class="info-content">
+                                <span class="info-label">資料庫版本</span>
+                                <span class="info-value">{{ databaseInfo.version }}</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </l-card>
+
+            <!-- 安全提醒 -->
+            <l-alert type="warning" class="security-alert">
+                <template #prefix>
+                    <q-icon name="sym_o_security" />
+                </template>
+                <strong>安全提醒：</strong>備份檔案包含敏感資料，請妥善保管並避免在不安全的環境中傳輸。
+            </l-alert>
+
+            <!-- 下載按鈕區域 -->
+            <div class="download-section">
+                <l-btn :label="isDownloading ? '正在備份中...' : '開始備份'" icon="sym_o_download" color="primary" size="lg"
+                    :loading="isDownloading" :disable="isDownloading" @click="onClickDownload" class="download-btn" />
+                <p class="download-hint">
+                    點擊按鈕將會下載包含完整資料庫內容的 SQL 檔案
+                </p>
+            </div>
+        </div>
+    </l-page>
 </template>
 
 <style scoped>