UI-KIT:

Подключение и использование

Библиотека компонентов уже содержится в package.json, но при желании её установить:

npm i szdl-ui-kit

Чтобы начать использовать нужно:

Подключить стили в рут файле приложения

import 'szdl-ui-kit/style.css';

Импортировать библиотеку в нужный VUE компонент

import { mobileKit } from 'szdl-ui-kit';
const { AlertLine, ChecklineCounter, DownButton, MobNavbar, NotDataLine } = mobileKit;

И добавить в список используемых компонентов

export default {
	name: 'group-select-view-type',

	props: ['title', 'btnText', 'btnCountLabel', 'companyCountLabel', 'contactCountLabel'],

	components: {
		DownButton, MobNavbar,
		NotDataLine,
		AlertLine,
		ChecklineCounter,
	},

	data() {
		return {

		};
	},
}

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

const mobileKit = {
	CustomCheckbox,
	Counter,
	DownButton,
	MobNavbar,
	Loader,

	AlertLine,
	AlertLineCounter,
	NotDataLine,
	ChecklineCounter,
	ChecklineGroup,
	ChecklineLink,
	DropDownButton,
	Chart,
	DashBoard
	ScreenView,
}

Инструкция по обновлению npm-пакета:

• вносим изменения в проект
• добавляем компонент в типы types\index.d.ts
• добавляем компонент в src\ui-kit\index.js
• собираем библиотеку в папке dist npm run build
• с помощью npm login заходим в аккаунт (вводим логин/пароль, затем получаем временный пароль на почту [email protected], и вводим его)
• публикуем библиотеку npm run pub (счётчик версии автоматически увеличится, можно указать вручную)

Инструкция по обновлению storybook:

• описываем новые компоненты для storybook в src\stories
• собираем компоненты для storybook в папке storybook-static npm run story-build
• загружаем папку storybook-static на сервер