Loading .storybook/manager-head.html +1 −1 Original line number Diff line number Diff line Loading @@ -2,7 +2,7 @@ <html lang="en"> <head> <meta charset="UTF-8"> <link rel="icon" href="./storybook.ico"> <link rel="icon" href="./storybook.svg"> <title>Storybook</title> </head> <body> Loading README.md +31 −16 Original line number Diff line number Diff line Loading @@ -7,34 +7,49 @@ ## Список компонентов: - TreeList; - MenuDial; - Popup; - Slider; - Drawer; - Modal; - SelectButton; - Button; - ToggleSwitch; - Divider; - Divider. ### Настройка окружения --- ## Общая информация ### Components count: 10 ### Bundle size: 254.6KB --- ## Важные моменты при разработке ### Общее начало шаблона для компонентов: ``` const props = withDefaults(defineProps<IProps>(), { }); const emit = defineEmits(['']); const visible = defineModel(''); watch(, () => {}); const computed = computed(() => ); ``` - I*Componentname*Props вместо ```IProps```; - watchers после defineModel; - далее - computeds; - затем - функции (handlers). ### После создания иконки: 1. Добавить иконку в iconsSet (src/common/constants/icons); 2. Добавить иконку в соответствующий массив в App.vue. --- ## Настройка окружения ### Установка зависимостей: ```sh yarn ``` ### Просмотр существующих иконок в виде списка и тестирование компонентов ### Просмотр существующих иконок в виде списка и тестирование компонентов: ```sh yarn dev ``` ### Проверка типов, компиляция и минимизация для production ### Проверка типов, компиляция и минимизация для production: ```sh yarn build ``` No newline at end of file ## Важные моменты при разработке После создания иконки: 1. Добавить иконку в iconsSet (src/common/constants/icons); 2. Добавить иконку в соответствующий массив в App.vue. No newline at end of file index.html +1 −1 Original line number Diff line number Diff line Loading @@ -2,7 +2,7 @@ <html lang=""> <head> <meta charset="UTF-8"> <link rel="icon" href="/storybook.ico"> <link rel="icon" href="/storybook.svg"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>UI Storybook</title> </head> Loading public/storybook.icodeleted 100644 → 0 −213 KiB Loading image diff... public/storybook.svg 0 → 100644 +1 −0 Original line number Diff line number Diff line <svg height="319" preserveAspectRatio="xMidYMid" viewBox="0 0 256 319" width="256" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="m9.87245893 293.324145-9.86099779-262.7509283c-.3256701-8.6776325 6.32802782-16.0318249 14.99485846-16.5735018l223.4880694-13.96800436c8.821799-.55136241 16.420248 6.15315109 16.971611 14.97495016.020773.3323713.031167.6653101.031167.99833v286.3136053c0 8.839012-7.165435 16.004447-16.004448 16.004447-.239453 0-.478875-.005374-.718087-.016117l-213.6270715-9.594673c-8.3199296-.373675-14.9627611-7.06565-15.27510157-15.388108z"/><mask id="b" fill="#fff"><use fill="#fff" xlink:href="#a"/></mask></defs><use fill="#ff4785" xlink:href="#a"/><path d="m188.665358 39.126973 1.526545-36.71548766 30.691632-2.41148534 1.32222 37.8634126c.046016 1.317734-.984915 2.423272-2.302649 2.4692883-.564237.0197036-1.117199-.1611913-1.560697-.5105633l-11.83568-9.323726-14.013155 10.6298328c-1.050497.7968662-2.548081.5912577-3.344947-.4592396-.335442-.4422072-.506327-.9874722-.483269-1.5420318zm-39.251655 80.853336c0 6.226666 41.941975 3.242387 47.572316-1.131416 0-42.4021104-22.751978-64.6837519-64.414689-64.6837519-41.6627118 0-65.0056495 22.6283131-65.0056495 56.5707999 0 59.116499 79.7796605 60.247915 79.7796605 92.493278 0 9.05133-4.432203 14.425558-14.18305 14.425558-12.70565 0-17.728814-6.488863-17.137853-28.551479 0-4.786197-48.4587575-6.278336-49.9361587 0-3.7620647 53.465572 29.5480226 68.887096 67.6649717 68.887096 36.935028 0 65.89209-19.687271 65.89209-55.326883 0-63.359309-80.961582-61.662185-80.961582-93.058985 0-12.7284338 9.455368-14.425558 15.069492-14.425558 5.909604 0 16.546892 1.0415999 15.660452 24.801341z" fill="#fff" mask="url(#b)"/></svg> No newline at end of file Loading
.storybook/manager-head.html +1 −1 Original line number Diff line number Diff line Loading @@ -2,7 +2,7 @@ <html lang="en"> <head> <meta charset="UTF-8"> <link rel="icon" href="./storybook.ico"> <link rel="icon" href="./storybook.svg"> <title>Storybook</title> </head> <body> Loading
README.md +31 −16 Original line number Diff line number Diff line Loading @@ -7,34 +7,49 @@ ## Список компонентов: - TreeList; - MenuDial; - Popup; - Slider; - Drawer; - Modal; - SelectButton; - Button; - ToggleSwitch; - Divider; - Divider. ### Настройка окружения --- ## Общая информация ### Components count: 10 ### Bundle size: 254.6KB --- ## Важные моменты при разработке ### Общее начало шаблона для компонентов: ``` const props = withDefaults(defineProps<IProps>(), { }); const emit = defineEmits(['']); const visible = defineModel(''); watch(, () => {}); const computed = computed(() => ); ``` - I*Componentname*Props вместо ```IProps```; - watchers после defineModel; - далее - computeds; - затем - функции (handlers). ### После создания иконки: 1. Добавить иконку в iconsSet (src/common/constants/icons); 2. Добавить иконку в соответствующий массив в App.vue. --- ## Настройка окружения ### Установка зависимостей: ```sh yarn ``` ### Просмотр существующих иконок в виде списка и тестирование компонентов ### Просмотр существующих иконок в виде списка и тестирование компонентов: ```sh yarn dev ``` ### Проверка типов, компиляция и минимизация для production ### Проверка типов, компиляция и минимизация для production: ```sh yarn build ``` No newline at end of file ## Важные моменты при разработке После создания иконки: 1. Добавить иконку в iconsSet (src/common/constants/icons); 2. Добавить иконку в соответствующий массив в App.vue. No newline at end of file
index.html +1 −1 Original line number Diff line number Diff line Loading @@ -2,7 +2,7 @@ <html lang=""> <head> <meta charset="UTF-8"> <link rel="icon" href="/storybook.ico"> <link rel="icon" href="/storybook.svg"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>UI Storybook</title> </head> Loading
public/storybook.svg 0 → 100644 +1 −0 Original line number Diff line number Diff line <svg height="319" preserveAspectRatio="xMidYMid" viewBox="0 0 256 319" width="256" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="m9.87245893 293.324145-9.86099779-262.7509283c-.3256701-8.6776325 6.32802782-16.0318249 14.99485846-16.5735018l223.4880694-13.96800436c8.821799-.55136241 16.420248 6.15315109 16.971611 14.97495016.020773.3323713.031167.6653101.031167.99833v286.3136053c0 8.839012-7.165435 16.004447-16.004448 16.004447-.239453 0-.478875-.005374-.718087-.016117l-213.6270715-9.594673c-8.3199296-.373675-14.9627611-7.06565-15.27510157-15.388108z"/><mask id="b" fill="#fff"><use fill="#fff" xlink:href="#a"/></mask></defs><use fill="#ff4785" xlink:href="#a"/><path d="m188.665358 39.126973 1.526545-36.71548766 30.691632-2.41148534 1.32222 37.8634126c.046016 1.317734-.984915 2.423272-2.302649 2.4692883-.564237.0197036-1.117199-.1611913-1.560697-.5105633l-11.83568-9.323726-14.013155 10.6298328c-1.050497.7968662-2.548081.5912577-3.344947-.4592396-.335442-.4422072-.506327-.9874722-.483269-1.5420318zm-39.251655 80.853336c0 6.226666 41.941975 3.242387 47.572316-1.131416 0-42.4021104-22.751978-64.6837519-64.414689-64.6837519-41.6627118 0-65.0056495 22.6283131-65.0056495 56.5707999 0 59.116499 79.7796605 60.247915 79.7796605 92.493278 0 9.05133-4.432203 14.425558-14.18305 14.425558-12.70565 0-17.728814-6.488863-17.137853-28.551479 0-4.786197-48.4587575-6.278336-49.9361587 0-3.7620647 53.465572 29.5480226 68.887096 67.6649717 68.887096 36.935028 0 65.89209-19.687271 65.89209-55.326883 0-63.359309-80.961582-61.662185-80.961582-93.058985 0-12.7284338 9.455368-14.425558 15.069492-14.425558 5.909604 0 16.546892 1.0415999 15.660452 24.801341z" fill="#fff" mask="url(#b)"/></svg> No newline at end of file