@webitel/ui

Appearance

createCardStoreModule ​

Модуль, який використовується для створення карточки сутності. Зазвичай, йде в парі з createTableStoreModule дока, i createApiStoreModule дока.

State ​

itemId ​

Ідентифікатор сутності, з якою ми працюємо.

itemInstance ​

Обʼєкт сутності, з яким ми працюємо.

_resettable ​

Обʼєкт, який містить початковий стан сутності, до якого ми ресетаємо itemInstance, використовуючи RESET_ITEM_STATE.

Actions ​

SET_PARENT_ITEM_ID ​

Параметр: id

SET_ITEM_ID ​

Параметр: id

LOAD_ITEM ​

ADD_ITEM ​

UPDATE_ITEM ​

SET_ITEM_PROPERTY ​

Параметр { path, value }, де path - шлях до property, value - нове значення.

RESET_ITEM_STATE ​

Глибоко мерджить стейт з його _resettable.

DELETE_ITEM ​

Mutations ​

Відповідно до необхідних екшенів.

useCardStore composable ​

Params ​

  • namespace: неймспейс сутності.

Примітка: якщо неймспейс вже закінчується на card, то ще раз card дописуватись не буде.

Returns ​

Станом на зараз:

javascript
const {
  namespace: cardNamespace,
  id,
  itemInstance,

  loadItem,
  addItem,
  updateItem,
  setId,
  resetState,
  setItemProp,
  deleteItem,
} = useCardStore(namespace);

Як користуватись ​

В деталях, дивіться createApiStoreModule дока, i доку про інтеграцію стор модулів.

Store ​

javascript
// storeModule.js

import {
  createCardStoreModule,
  createApiStoreModule,
} from '@webitel/ui-sdk/store';

// import, setup api module

const cardModule = createCardStoreModule({
  modules: {
    api: apiModule,
  },
});

const entityModule = createApiStoreModule({
  modules: {
    card: cardModule,
  },
});

export default entityModule;

Component ​

javascript
// component.vue, <script setup>

import { useCardStore } from '@webitel/ui-sdk/store';

const namespace = 'smth';

// взяли то шо надо, і використали
const {
  // ...
} = useCardStore(namespace);