packages/tree/src/classes.ts - develop - kaws/ui-kit-ce

packages/tree/src/classes.ts
172 строки4 KB
Pavel Uryadyshev
feat(tree-dnd): реализован новый компонент Tree с поддержкой drag-and-drop
09 июл 2025, 13:07
09 июл 2025, 13:07a06fe68
import { TreeMainItemClasses } from './userComponents'

export type TreeClasses = TreeMainItemClasses & {
  /**
   * Стиль, применяемый к дереву.
   *
   * @inner
   */
  root?: string
  /**
   * Стиль, применяемый к дереву c `size='xs'`.
   *
   * @inner
   */
  rootExtraSmall?: string
  /**
   * Стиль, применяемый к дереву c `size='sm'`.
   *
   * @inner
   */
  rootSmall?: string
  /**
   * Стиль, применяемый к дереву c `size='md'`.
   *
   * @inner
   */
  rootMedium?: string
  /**
   * Стиль, применяемый к группе элементов дерева.
   *
   * @inner
   */
  itemGroup?: string
  /**
   * Стиль, применяемый к элементу дерева с `size='xs'`.
   *
   * @inner
   */
  itemExtraSmall?: string
  /**
   * Стиль, применяемый к элементу дерева с `size='sm'`.
   *
   * @inner
   */
  itemSmall?: string
  /**
   * Стиль, применяемый к элементу дерева с `size='md'`.
   *
   * @inner
   */
  itemMedium?: string
  /**
   * Стиль, применяемый к заблокированному элементу дерева.
   *
   * @inner
   */
  itemDisabled?: string
  /**
   * Стиль, применяемый к элементу дерева, который находится в фокусе.
   *
   * @inner
   */
  itemFocused?: string
  /**
   * Стиль, применяемый к элементу дерева, который подгружает данные.
   *
   * @inner
   */
  itemLoading?: string
  /**
   * Стиль, применяемый к элементу дерева, у которого заблокирована возможность отмечать чекбокс.
   *
   * @inner
   */
  itemCheckDisabled?: string
  /**
   * Стиль, применяемый к элементу дерева, у которого заблокирована возможность выбирать узел.
   *
   * @inner
   */
  itemSelectDisabled?: string
  /**
   * Стиль, применяемый к контейнеру всех элементов управления узла.
   *
   * @inner
   */
  nodeControlContainer?: string
  /**
   * Стиль, применяемый ко всем элементам управления узла.
   *
   * @inner
   */
  nodeControl?: string
  /**
   * Стиль, применяемый к контейнеру контента узла.
   *
   * @inner
   */
  nodeContentContainer?: string
  /**
   * Стиль, применяемый к элементу label у узла с чекбоксом.
   *
   * @inner
   */
  nodeControlContainerLabel?: string
  /**
   * Стиль, применяемый к контенту узла дерева.
   *
   * @inner
   */
  nodeContent?: string
  /**
   * Стиль, применяемый к иконке узла дерева.
   *
   * @inner
   */
  nodeIcon?: string
  /**
   * Стиль, применяемый к раскрытому элементу дерева.
   *
   * @inner
   */
  itemExpanded?: string
  /**
   * Стиль, применяемый к элементам с `disableExpand="false"`.
   *
   * @inner
   */
  itemExpandable?: string
  /**
   * Стиль, применяемый к кнопке скрытия/раскрытия узла.
   *
   * @inner
   */
  nodeExpandButton?: string
  /**
   * Стиль, применяемый к контейнеру пути узла дерева.
   *
   * @inner
   */
  trailContainer?: string
  /**
   * Стиль, применяемый к вертикальному пути узла дерева.
   *
   * @inner
   */
  trailVertical?: string
  /**
   * Стиль, применяемый к горизонтальному пути узла дерева.
   *
   * @inner
   */
  trailHorizohtal?: string
  /**
   * Стиль, применяемый к выбранному элементу дерева.
   *
   * @inner
   */
  itemSelected?: string
  /**
   * Стиль, применяемый к элементам с `selectable="true"`.
   *
   * @inner
   */
  itemSelectable?: string
  /**
   * Стиль, применяемый к индикатору у выбранного узла дерева с `multipleSelect="true"`.
   *
   * @inner
   */
  selectedIndicator?: string
}