@webitel/ui-sdk 3.1.6 → 3.1.7

package/package.json

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

package/src/modules/CardStoreModule/composables/useCardStore.js

@@ -0,0 +1,40 @@
+import { computed } from 'vue';
+import { useStore } from 'vuex';
+import getNamespacedState
+  from '@webitel/ui-sdk/src/store/helpers/getNamespacedState';
+
+// eslint-disable-next-line import/prefer-default-export
+export const useCardStore = (namespace) => {
+  const store = useStore();
+
+  const cardNamespace = `${namespace}/card`;
+
+  const id = computed(() => getNamespacedState(store.state, cardNamespace).itemId);
+  const itemInstance = computed(() => getNamespacedState(store.state, cardNamespace).itemInstance);
+
+  function loadItem(payload) {
+    return store.dispatch(`${cardNamespace}/LOAD_ITEM`, payload);
+  }
+
+  function addItem(payload) {
+    return store.dispatch(`${cardNamespace}/ADD_ITEM`, payload);
+  }
+
+  function updateItem(payload) {
+    return store.dispatch(`${cardNamespace}/UPDATE_ITEM`, payload);
+  }
+
+  function setId(payload) {
+    return store.dispatch(`${cardNamespace}/SET_ITEM_ID`, payload);
+  }
+
+  return {
+    id,
+    itemInstance,
+
+    loadItem,
+    addItem,
+    updateItem,
+    setId,
+  };
+};

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

@@ -0,0 +1,68 @@
+import { computed } from 'vue';
+import { useStore } from 'vuex';
+import getNamespacedState
+  from '@webitel/ui-sdk/src/store/helpers/getNamespacedState';
+
+// eslint-disable-next-line import/prefer-default-export
+export const useTableStore = (namespace) => {
+  const store = useStore();
+
+  const tableNamespace = `${namespace}/table`;
+
+  const dataList = computed(() => getNamespacedState(store.state, tableNamespace).dataList);
+
+  const isLoaded = computed(() => getNamespacedState(store.state, tableNamespace).isLoading);
+
+  const headers = computed(() => getNamespacedState(store.state, tableNamespace).headers);
+
+  const isNext = computed(() => getNamespacedState(store.state, tableNamespace).isNext);
+
+  const page = computed(() => getNamespacedState(store.state, tableNamespace).page);
+
+  const size = computed(() => getNamespacedState(store.state, tableNamespace).size);
+
+  async function loadData() {
+    await store.dispatch(`${tableNamespace}/LOAD_DATA_LIST`);
+  }
+
+  async function setSize(payload) {
+    await store.dispatch(`${tableNamespace}/SET_SIZE`, payload);
+  }
+
+  async function nextPage() {
+    await store.dispatch(`${tableNamespace}/SET_NEXT_PAGE`);
+  }
+
+  async function prevPage() {
+    await store.dispatch(`${tableNamespace}/PREV_PAGE`);
+  }
+
+  async function patchProperty(payload) {
+    await store.dispatch(`${tableNamespace}/PATCH_ITEM_PROPERTY`, payload);
+  }
+
+  async function deleteItem(payload) {
+    await store.dispatch(`${tableNamespace}/DELETE_ITEM`, payload);
+  }
+
+  async function sort(...params) {
+    await store.dispatch(`${tableNamespace}/SORT`, { header: params[0], nextSortOrder: params[1] });
+  }
+
+  return {
+    dataList,
+    isLoaded,
+    headers,
+    isNext,
+    page,
+    size,
+
+    loadData,
+    setSize,
+    nextPage,
+    prevPage,
+    patchProperty,
+    deleteItem,
+    sort,
+  };
+};