Рабочие области#

Для реализации в ufs-ui использовался термин «рабочие области». Это секции, на которые делилось web-приложение в зависимости от выполняемых функций. Рабочая область состояла из компонента или группы компонентов.

В реализации v-uik данный термин не используется. Секции страниц разрабатываемого приложения описываются вручную, что дает больше гибкости при построении приложений и избавляет от жесткой иерархии вложенности библиотечных компонентов.

Компоненты для реализации переработаны в пользу возможности персонализированной настройки. Начиная с релиза 1.5.0 в библиотеке присутствуют компоненты Bar, BarMenuItem, которые создают каркас меню пользователя и не ограничивают в реализации дочерних компонентов.

Компонент

Статус

Реализация в ufs-ui

Новая реализация

Комментарий

RootComponent

Удален

import {RootComponent} from 'ufs-ui'

-

Не используется для новой библиотеки.

Sidebar

Переработан

import {Sidebar} from 'ufs-ui'

import { Bar, BarMenuItem } from '@v-uik/bar'

Полностью переработаны компоненты для отображения панели меню приложения.
Новые props и примеры
Старые props

MenuSideTop, MenuSideBottom

Переработан

import {Sidebar, MenuCalendar, MenuSideTop, MenuItem, IconType, MenuSideBottom, MenuProfile} from 'ufs-ui'

import { Bar, BarMenuItem } from '@v-uik/bar'

Для изменения позиционирования используйте свойство direction нового компонента Bar.
Новые props и примеры
Старые props

MenuItem

Переработан

import {Sidebar, MenuCalendar, MenuSideTop, MenuItem, IconType, MenuSideBottom, MenuProfile} from 'ufs-ui'

import { Bar, BarMenuItem } from '@v-uik/bar'

Полностью переработаны компоненты для отображения панели меню приложения.
Новые props и примеры
Старые props

MenuProfile

Удален

import {Sidebar, MenuCalendar, MenuSideTop, MenuItem, IconType, MenuSideBottom, MenuProfile} from 'ufs-ui'

-

Не используется для новой библиотеки. Компоненты Bar и BarItem разрешают создавать любую реализацию для отображения иконки и настройки профиля пользователя в меню.

SideBarContent

Переработан

import {RootComponent, Sidebar, Section, Workspace, MenuSideTop, MenuItem, IconType, MenuCalendar, MenuSideBottom, MenuProfile, SidebarContent, FixedPanel, FormLayout, RowLayout, Label, Cell, NumberInput} from 'ufs-ui'

import { Bar, BarMenuItem } from '@v-uik/bar'

Полностью переработаны компоненты для отображения панели меню приложения.
Новые props и примеры
Старые props

Section

Удален

import {RootComponent, Sidebar, Section, Workspace, MenuSideTop, MenuItem, IconType, MenuCalendar, MenuSideBottom, MenuProfile, SidebarContent, FixedPanel, FormLayout, RowLayout, Label, Cell, NumberInput} from 'ufs-ui'

-

Не используется для новой библиотеки. Используйте собственные React-компоненты без дополнительных оберток

Workspace

Удален

import {RootComponent, Sidebar, Section, Workspace, MenuSideTop, MenuItem, IconType, MenuCalendar, MenuSideBottom, MenuProfile, SidebarContent, FixedPanel, FormLayout, RowLayout, Label, Cell, NumberInput} from 'ufs-ui'

-

Не используется для новой библиотеки. Используйте собственные React-компоненты без дополнительных оберток

FixedPanel

Переработан

import {RootComponent, Sidebar, Section, Workspace, MenuSideTop, MenuItem, IconType, MenuCalendar, MenuSideBottom, MenuProfile, SidebarContent, FixedPanel, FormLayout, RowLayout, Label, Cell, NumberInput} from 'ufs-ui'

import { Bar, BarMenuItem } from '@v-uik/bar'

Полностью переработаны компоненты для отображения панели меню приложения. Данная функциональность включена в новые компоненты.
Новые props и примеры
Старые props

InfoVersion

Удален

import {RootComponent, Sidebar, Section, Workspace, MenuSideTop, MenuItem, IconType, MenuCalendar, MenuSideBottom, MenuProfile, SidebarContent, FixedPanel, FormLayout, RowLayout, Label, Cell, NumberInput} from 'ufs-ui'

-

Не используется для новой библиотеки. Используйте собственные React-компоненты без дополнительных оберток

WorkspaceTableWrapper

Удален

import {RootComponent, Sidebar, Section, Workspace, MenuSideTop, MenuItem, IconType, MenuCalendar, MenuSideBottom, MenuProfile, SidebarContent, FixedPanel, FormLayout, RowLayout, Label, Cell, NumberInput} from 'ufs-ui'

-

Не используется для новой библиотеки. Данная функциональность включена в новый компонент Table
Новые props и примеры
Старые props

Content

Удален

import {RootComponent, Sidebar, Section, Workspace, MenuSideTop, MenuItem, IconType, MenuCalendar, MenuSideBottom, MenuProfile, SidebarContent, FixedPanel, FormLayout, RowLayout, Label, Cell, NumberInput} from 'ufs-ui'

-

Не используется для новой библиотеки. Используйте собственные React-компоненты без дополнительных оберток

Header

Удален

import {RootComponent, Sidebar, Section, Workspace, MenuSideTop, MenuItem, IconType, MenuCalendar, MenuSideBottom, MenuProfile, SidebarContent, FixedPanel, FormLayout, RowLayout, Label, Cell, NumberInput} from 'ufs-ui'

-

Не используется для новой библиотеки. Используйте собственные React-компоненты без дополнительных оберток