UI_Storybook

UI-библиотека компонентов на Vue, созданная с целью получить опыт и использовать в других проектах ввиду её предполагаемой в будущем лёгкости и простоте.

Список компонентов:

• TreeList;
• MenuDial;
• Popup;
• Slider;
• Drawer;
• Modal;
• SelectButton;
• Button;
• ToggleSwitch;
• Divider.

Общая информация

Components count: 10

Bundle size: 254.6KB

Важные моменты при разработке

Общее начало шаблона для компонентов:

const props = withDefaults(defineProps<IProps>(), {  
   
});    
const emit = defineEmits(['']);  
const visible = defineModel('');  
// watch(, () => {});
// const computed1 = computed(() => );

• IComponentnameProps вместо IProps;
• watchers после defineModel;
• далее - computeds;
• затем - функции (handlers).

После создания иконки:

1. Добавить иконку в iconsSet (src/common/constants/icons);
2. Добавить иконку в соответствующий массив в App.vue.

Настройка окружения

Установка зависимостей:

yarn

Просмотр существующих иконок в виде списка и тестирование компонентов:

yarn dev

Проверка типов, компиляция и минимизация для production:

yarn build