@feugene/granularity

Ядро: всё, из чего собирается интерфейс, — кнопки, поля, таблицы, оверлеи. Ноль runtime-зависимостей, и каждый компонент импортируется своим подпутём.

версия

0.41.0

Публичных подпутей

136

Компоненты

77

Runtime-зависимости

0

Как пакет описан в npm: Granularity design system package with Vue 3 components, consumed via the `@feugene/unocss-preset-granular` preset.

Установка

Команда ставит пакет и его обязательные peer-зависимости: библиотека их не приносит, потому что в приложении они уже есть.

Необязательные peer-зависимости

Объявлены необязательными: нужны только той части пакета, которая их использует. Менеджер пакетов о них не напомнит.

• @feugene/fint-i18n

Что внутри

136 точек входа объявляет манифест — по ним и импортируют, чтобы в бандл не попало лишнее.

Runtime-зависимостей нет: в приложение приезжает только код пакета.

Компоненты

• GrAlertБерут, когда сообщение относится к месту на странице
• GrAutocompleteБерут, когда вариантов слишком много для списка
• GrAvatarБерут, когда человека или сущность узнают по картинке
• GrBadgeБерут, когда статус нужен словом
• GrBadgeWrapБерут, когда счётчик относится к контролу
• GrBottomNavБерут, когда мобильный интерфейс
• GrBreadcrumbsБерут, когда вложенность реальна
• GrButtonБерут, когда действие меняет состояние
• GrButtonGroupБерут, когда действия одного класса стоят рядом
• GrCardБерут, когда контенту нужна поверхность
• GrCheckboxБерут, когда согласие или флаг в форме
• GrCheckboxGroupБерут, когда значений несколько из короткого набора
• GrChipБерут, когда снимаемая метка у сущности
• GrChipGroupБерут, когда фильтры списка строкой
• GrCollapseБерут, когда содержимого много, а нужно не всё сразу
• GrColorPickerБерут, когда цвет задаёт пользователь
• GrCommandPaletteБерут, когда команд много и они разбросаны по интерфейсу
• GrConfigProviderБерут, когда размеры контролов едины на приложение
• GrConfirmDialogБерут, когда действие необратимо
• GrContextMenuБерут, когда действия над строкой списка или узлом дерева
• GrDataTableБерут, когда строки сортируют
• GrDeltaБерут, когда число со знаком стоит в предложении
• GrDescriptionListБерут, когда карточка объекта
• GrDialogБерут, когда окно с шапкой, телом и подвалом
• GrDialogServiceБерут, когда окно вызывается из кода
• GrDividerБерут, когда блоки надо разделить
• GrDrawerБерут, когда панель приходит от края
• GrDropdownБерут, когда меню со своими пунктами
• GrDropdownMenuБерут, когда действия над объектом
• GrEmptyStateБерут, когда список пуст с самого начала
• GrFilePreviewБерут, когда лента вложений
• GrFileUploadБерут, когда файл уходит на сервер сразу
• GrFormБерут, когда полей больше одного и они проверяются
• GrFormFieldБерут, когда у поля есть подпись
• GrFormFileБерут, когда файл — значение поля
• GrFormSectionБерут, когда форма длинная
• GrIconБерут, когда иконке нужен единый размер
• GrImageViewerБерут, когда картинку нужно рассмотреть
• GrInputБерут, когда вводится строка
• GrInputTagБерут, когда значения придумывает пользователь
• GrJsonViewerБерут, когда ответ чужого сервиса разбирают по полям
• GrKbdБерут, когда показывается сочетание клавиш
• GrLinkБерут, когда нужен переход
• GrListБерут, когда строки однородные
• GrLoadingБерут, когда контент уже есть и обновляется
• GrModalБерут, когда своя раскладка поверх страницы
• GrNavbarБерут, когда у приложения есть верхняя панель
• GrNumberInputБерут, когда значение числовое
• GrPaginationБерут, когда список не помещается на экран
• GrPopoverБерут, когда своё содержимое у якоря
• GrProgressBarБерут, когда доля выполненного известна
• GrProgressCircleБерут, когда места по ширине нет
• GrPromptDialogБерут, когда нужно одно значение
• GrRadioБерут, когда переключатель стоит отдельно
• GrRadioGroupБерут, когда вариантов до семи и все видны
• GrRatingБерут, когда оценка ставится в один клик
• GrResponseErrorBannerБерут, когда запрос упал
• GrSegmentedБерут, когда переключение вида одного и того же
• GrSelectБерут, когда поле формы со списком значений
• GrSidebarБерут, когда разделов много и они постоянны
• GrSkeletonБерут, когда контента ещё нет
• GrSliderБерут, когда точное число не важно
• GrSortableListБерут, когда порядок задаёт пользователь
• GrSplitterБерут, когда двум областям нужна общая граница
• GrStatisticБерут, когда один показатель — главный
• GrStepsБерут, когда оформление заказа или регистрация
• GrSwitchБерут, когда настройка включается сразу
• GrTabPanelsБерут, когда к вкладкам нужны панели
• GrTableБерут, когда ячейки оформляет потребитель
• GrTabsБерут, когда разделы с разным содержимым
• GrTextareaБерут, когда текст длиннее строки
• GrTimelineБерут, когда события идут во времени
• GrToasterБерут, когда действие завершилось
• GrTooltipБерут, когда подпись к иконочной кнопке
• GrTreeБерут, когда данные вложены
• GrTreeSelectБерут, когда варианты вложены
• GrValueБерут, когда пишете свой компонент с величиной

Документация пакета

Написана в репозитории библиотеки. Портал на неё ссылается, а не пересказывает.

• ADDING_COMPONENTS.md
• README.md
• announcer.md
• best-practices.md
• companion-packages.md
• components.md
• directives.md
• drag-gesture.md
• drag-sort.md
• entry-sizes.md
• file-validation.md
• form-controls.md
• getting-started.md
• installation.md
• keyboard.md
• localization.md
• motion.md
• overlays.md
• packaging.md
• sizes.md
• ssr.md
• styling.md
• testing.md
• theming.md
• tokens.md
• unocss.md
• unplugin.md
• virtual-list.md
• vue-plugin.md
• z-index.md

Ссылки

Страница в npmИсходники в репозиторииЖурнал измененийЛицензия — одна на всё семейство