@tplc/business/components/lcb-area/types.ts

import { LcbActionViewProps } from 'components/lcb-action-view/types'
import { LcbBlockProps } from '../lcb-block/types'
import { DataSource } from 'action'
export interface LcbAreaProps extends LcbBlockProps {
  id?: number
  fixed?: boolean
  unDraggable?: boolean
  display?: 'flex' | 'grid'
  displayFlex?: 'row' | 'column'
  gap?: number
  scrollX?: boolean
  gridColumns?: number
  list?: LcbAreaProps[]
  areaItems?: {
    colSpan?: number
  }[]
  areaFlexs?: {
    flex?: number
  }[]
  flexShrink?: number
  overflowX?: 'hidden' | 'initial' | 'auto'
  dependKey?: string
  keyFromUser?: boolean
  reverse?: boolean
  dependKeyCompareValue?: string
  compareType?: '=' | '>=' | '<=' | '>' | '<' | '!=' | 'includes'
  dataSource?: DataSource
  action?: LcbActionViewProps
  dynamicActionKey?: string
  itemAlign?:
    | 'top-left'
    | 'top-center'
    | 'top-right'
    | 'center-left'
    | 'center-center'
    | 'center-right'
    | 'bottom-left'
    | 'bottom-center'
    | 'bottom-right'
}