@webitel/ui-sdk 3.1.31 → 3.1.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "3.1.31",
+  "version": "3.1.32",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",

package/src/locale/en/en.js

@@ -22,6 +22,7 @@ export default {
     ok: 'Ok',
     save: 'Save',
     saveAs: 'SaveAs',
+    saved: 'Saved',
     close: 'Close',
     add: 'Add',
     cancel: 'Cancel',

package/src/locale/ru/ru.js

@@ -22,6 +22,7 @@ export default {
     ok: 'Ок',
     save: 'Сохранить',
     saveAs: 'Сохранить как нового',
+    saved: 'Сохранено',
     close: 'Закрыть',
     add: 'Добавить',
     cancel: 'Отменить',

package/src/locale/ua/ua.js

@@ -22,6 +22,7 @@ export default {
     ok: 'Ок',
     save: 'Зберегти',
     saveAs: 'Зберігти як нового',
+    saved: 'Збережено',
     close: 'Закрити',
     add: 'Додати',
     cancel: 'Відмінити',

package/src/modules/TableStoreModule/composables/useTableStore.js

@@ -10,16 +10,18 @@ export const useTableStore = (namespace) => {
 
   const dataList = computed(() => getNamespacedState(store.state, tableNamespace).dataList);
 
-  const isLoaded = computed(() => getNamespacedState(store.state, tableNamespace).isLoading);
+  const isLoading = computed(() => getNamespacedState(store.state, tableNamespace).isLoading);
 
   const headers = computed(() => getNamespacedState(store.state, tableNamespace).headers);
 
-  const isNext = computed(() => getNamespacedState(store.state, tableNamespace).isNext);
+  const isNext = computed(() => getNamespacedState(store.state, tableNamespace).isNextPage);
 
   const page = computed(() => getNamespacedState(store.state, tableNamespace).page);
 
   const size = computed(() => getNamespacedState(store.state, tableNamespace).size);
 
+  const search = computed(() => getNamespacedState(store.state, tableNamespace).search);
+
   async function loadData() {
     return store.dispatch(`${tableNamespace}/LOAD_DATA_LIST`);
   }
@@ -29,7 +31,7 @@ export const useTableStore = (namespace) => {
   }
 
   async function nextPage() {
-    return store.dispatch(`${tableNamespace}/SET_NEXT_PAGE`);
+    return store.dispatch(`${tableNamespace}/NEXT_PAGE`);
   }
 
   async function prevPage() {
@@ -40,8 +42,8 @@ export const useTableStore = (namespace) => {
     return store.dispatch(`${tableNamespace}/PATCH_ITEM_PROPERTY`, payload);
   }
 
-  async function deleteItem(payload) {
-    return store.dispatch(`${tableNamespace}/DELETE_ITEM`, payload);
+  async function deleteData(payload) {
+    return store.dispatch(`${tableNamespace}/DELETE`, payload);
   }
 
   async function sort(...params) {
@@ -55,21 +57,27 @@ export const useTableStore = (namespace) => {
     return store.dispatch(`${tableNamespace}/SET_HEADERS`, payload);
   }
 
+  async function setSearch(payload) {
+    return store.dispatch(`${tableNamespace}/SET_SEARCH`, payload);
+  }
+
   return {
     dataList,
-    isLoaded,
+    isLoading,
     headers,
     isNext,
     page,
     size,
+    search,
 
     loadData,
     setSize,
     nextPage,
     prevPage,
     patchProperty,
-    deleteItem,
+    deleteData,
     sort,
     setHeaders,
+    setSearch,
   };
 };

package/src/modules/TableStoreModule/store/TableStoreModule.js

@@ -12,6 +12,7 @@ export default class TableStoreModule extends BaseStoreModule {
     search: '',
     page: 1,
     sort: '',
+    isLoading: false,
     isNextPage: false,
   };
 
@@ -23,6 +24,7 @@ export default class TableStoreModule extends BaseStoreModule {
     LOAD_DATA_LIST: async (context, _query) => {
       const query = { ...context.getters['filters/GET_FILTERS'], ..._query };
       try {
+        context.commit('SET_LOADING', true);
         let {
           items = [],
           next = false,
@@ -41,6 +43,8 @@ export default class TableStoreModule extends BaseStoreModule {
         context.dispatch('AFTER_SET_DATA_LIST_HOOK', afterHook);
       } catch (err) {
         console.error(err);
+      } finally {
+        context.commit('SET_LOADING', false);
       }
     },
     SET_SIZE: async (context, size) => {
@@ -168,9 +172,9 @@ export default class TableStoreModule extends BaseStoreModule {
     PATCH_ITEM_PROPERTY: (state, { index, prop, value }) => {
       state.dataList[index][prop] = value;
     },
-    // REMOVE_ITEM: (state, index) => {
-    //   state.dataList.splice(index, 1);
-    // },
+    SET_LOADING: (state, value) => {
+      state.isLoading = value;
+    },
   };
 
   constructor({ headers = [] }) {