flameresttable 1.0.140 → 1.0.143

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flameresttable",
-  "version": "1.0.140",
+  "version": "1.0.143",
   "main": "./src/plugin.ts",
   "repository": {
     "type": "git",
@@ -8,12 +8,12 @@
   },
   "scripts": {
     "publishx": "npm --no-git-tag-version version patch && npm publish",
-    "install/update": "npm i && npm update --save",
+    "install/update": "npm update --save",
     "dev": "vite"
   },
   "dependencies": {
     "@vuepic/vue-datepicker": "^14.0.0",
-    "flamerest": "file:../REST JS",
+    "flamerest": "^1.0.0",
     "lodash-es": "^4.18.1",
     "pinia": "^3.0.4",
     "sass": "^1.101.0",

package/src/Table/TablePopup.vue

@@ -4,6 +4,10 @@
       <slot name="header" />
 
       <v-card-text>
+        <!-- Глобальная ошибка сверху над всеми полями (500, 403, нет соединения) -->
+        <v-alert v-if="popupErrors.global" type="error" variant="tonal" class="mx-2 mb-4" density="compact" style="white-space: pre-line;">
+          {{ popupErrors.global }}
+        </v-alert>
         
         <div v-for="column in ColumnNames" v-show="Table.columns[column].Popup.isShow" :key="'c' + column"
           style="margin-bottom: 10px;">
@@ -114,22 +118,21 @@
 
 
           
-          <div class="mx-2 my-1 text-red-600" v-if="(typeof popupErrors[column] !== 'undefined')">{{ popupErrors[column]
-          }}</div>
+          <!-- Вывод ошибки валидации конкретного поля под ним -->
+          <div class="mx-2 my-1 text-red-600 text-xs font-medium" v-if="popupErrors.fields[column]">
+            {{ popupErrors.fields[column] }}
+          </div>
 
         </div>
       </v-card-text>
 
-      <div class="text-red-600 mx-2 my-1" v-if="(typeof popupErrors['globalErrorStack'] !== 'undefined')">{{
-        popupErrors['globalErrorStack'] }}</div>
-
       
       <v-card-actions>
-        <v-btn color="grey" variant="text" @click="close">
+        <v-btn color="grey" variant="text" @click="close" :disabled="isSaving">
           Отмена
         </v-btn>
         <v-spacer></v-spacer>
-        <v-btn color="blue-darken-1" variant="text" @click="SaveTable">
+        <v-btn color="blue-darken-1" variant="text" @click="SaveTable" :loading="isSaving" :disabled="isSaving">
           {{ Table.mode === 'add' ? 'Добавить' : 'Сохранить' }}
         </v-btn>
       </v-card-actions>
@@ -173,14 +176,31 @@ export default defineComponent({
     const isDialogVisible = ref(false);
     const ColumnNames = Object.keys(Table.columns);
 
-    // Ошибки сохранения
-    let popupErrors: { [key: string]: string } = reactive({});
+    // Ошибки сохранения в реактивной структуре.
+    // global - для общих ошибок (500, 403, отсутствие соединения и т.д.)
+    // fields - для ошибок валидации конкретных полей (422)
+    const popupErrors = reactive({
+      global: null as string | null,
+      fields: {} as { [key: string]: string }
+    });
+
+    // Индикатор процесса сохранения/добавления
+    const isSaving = ref(false);
+
+    // Функция для полной очистки ошибок перед операциями
+    const clearErrors = () => {
+      popupErrors.global = null;
+      popupErrors.fields = {};
+    };
 
     /**
      * Добавление новой записи
      */
     const showAdd = () => {
       Table.mode = 'add';
+      
+      // Очищаем старые ошибки при открытии формы добавления
+      clearErrors();
 
       // Установим все поля в пустые значения
       ColumnNames.forEach(key => {
@@ -201,6 +221,9 @@ export default defineComponent({
      */
     const showEdit = async (row: any) => {
       Table.mode = 'edit';
+      
+      // Очищаем старые ошибки при открытии формы редактирования
+      clearErrors();
 
       await Table.opts.Popup.load(row, Table as any);
 
@@ -227,7 +250,9 @@ export default defineComponent({
       isDialogVisible.value = false;
     }
 
+    // Сохранение таблицы с детальной обработкой ошибок
     const SaveTable = async () => {
+      isSaving.value = true;
 
       try {
         if (Table.mode === 'add') {
@@ -236,21 +261,69 @@ export default defineComponent({
         else {
           await Table.save()
         }
-        popupErrors = {};
+        // Очищаем ошибки при успешном сохранении
+        clearErrors();
       }
       catch (ex: any) {
 
-        for (const keyx in popupErrors)
-          delete popupErrors[keyx];
-
-        if (typeof ex.stack !== 'undefined' && typeof ex.message !== 'undefined') {
-          popupErrors.globalErrorStack = ex.message;
+        // Очищаем ошибки перед записью новых
+        clearErrors();
+
+        // Обработка ошибок, пришедших от REST-клиента (BaseResponse)
+        if (ex && typeof ex === 'object' && 'ok' in ex && ex.ok === false) {
+          if (ex.status === 422) {
+            // Ошибки валидации полей Yii2
+            if (ex.errors && typeof ex.errors === 'object') {
+              popupErrors.fields = { ...ex.errors };
+            } else {
+              popupErrors.global = ex.message || 'Ошибка валидации полей';
+            }
+          } else {
+            // Другие ошибки сервера (500, 403, 404 и т.д.)
+            let errorMsg = '';
+            if (ex.status === 403) {
+              errorMsg = 'Доступ запрещен (403)';
+            } else if (ex.status === 500) {
+              errorMsg = 'Внутренняя ошибка сервера (500)';
+            } else {
+              errorMsg = `Ошибка сервера (${ex.status})`;
+            }
+
+            if (ex.message) {
+              errorMsg += `: ${ex.message}`;
+            }
+
+            // Если сервер вернул детальное сообщение об ошибке в errors
+            if (ex.errors) {
+              if (typeof ex.errors === 'string') {
+                errorMsg += `\n${ex.errors}`;
+              } else if (typeof ex.errors === 'object') {
+                if (ex.errors.message) {
+                  errorMsg += `\n${ex.errors.message}`;
+                } else if (ex.errors.error) {
+                  errorMsg += `\n${ex.errors.error}`;
+                } else {
+                  errorMsg += `\n${JSON.stringify(ex.errors)}`;
+                }
+              }
+            }
+
+            popupErrors.global = errorMsg;
+          }
+        } else if (ex instanceof Error) {
+          // Сетевая ошибка (нет соединения) или JS-исклечение
+          popupErrors.global = ex.message || 'Произошла неизвестная ошибка';
+        } else if (typeof ex === 'string') {
+          popupErrors.global = ex;
+        } else {
+          popupErrors.global = 'Произошла неизвестная ошибка при сохранении';
         }
-        else
-          Object.assign(popupErrors, ex);
 
         return;
       }
+      finally {
+        isSaving.value = false;
+      }
 
       close();
 
@@ -283,6 +356,7 @@ export default defineComponent({
       SaveTable,
       fileUpdated,
       popupErrors,
+      isSaving,
       PopupTextSaved,
       close
     }