Skip to content

UseCardComponent

Композібл використовується для роботи з відкритою карточкою сторінки сутності. Вертає необхідні computed властивості та методи, для використоання їх у компонентах opened-card.vue. Використовується разом з композіблом useCardStore

Input params

Обєкт параметрів який має включати наступні значення:

ParamsDescription
id
itemInstance
invalidBoolean значення, яке вертається з перевірки на валідацію сторінки
loadItem
addItem
updateItem
setId
resetState

Return

ParamsDescription
id
itemInstance
isNewЯкщо запис не має id, він вважаєаться новим (ще не створеним)
pathNameНазва ще не збереженої сутності (див.useCachedItemInstanceName)
disabledSaveЗаборона збереження карточки якщо зміни не пройшли валідацію
saveTextТекст для кнопки збереження у компоненті wt-page-header.
saveМетод для збереження нової сутності або редагування існуючої
initializeМетод, який на mount компонента викликає get запит на бек для завантаження сторінки, а на onMounted робить reset сторінки. Lifecycle hooks винесені в цей окремий метод для можливості кастомізації у разі потреби

Використання

js
import { useCardComponent } from '@webitel/ui-sdk/src/composables/useCard/useCardComponent.js';

сonst;
namespace = 'some-namespace';

const { id, itemInstance, loadItem, addItem, updateItem, setId, resetState } =
  useCardStore(namespace);

const {
  id,
  itemInstance,
  isNew,
  pathName,
  disabledSave,
  saveText,
  save,
  initialize,
} = useCardComponent({
  id,
  itemInstance,
  loadItem,
  addItem,
  updateItem,
  setId,
  resetState,
  invalid,
});