본문으로 건너뛰기

@topgrid/grid-vue

Vue 3 어댑터 (스켈레톤) — @topgrid/grid-core-headless 공유 코어를 @tanstack/vue-table 로 소비. W1 Phase 0. React 의존 0. · 무료 (MIT)

자동 생성

이 페이지는 소스 코드의 TSDoc 주석에서 자동 생성됩니다(내부 표식 정제). 큐레이트된 시작용 요약은 API 레퍼런스 참고.

17개 public export — 함수 11 · 훅 0 · 컴포넌트 0 · 타입 5 · 상수 1.

함수

cellValueToClipboardText

셀 값 → 클립보드 텍스트 (순수, W1 Phase 0, grid-pro-master 에서 이관).

브라우저 navigator.clipboard 배선과 분리된 값→텍스트 매핑. framework-agnostic — React copy(makeCopyCellItem)·Vue copy 어댑터가 공유한다.

매핑: null/undefined→''(빈문자, "null"/"undefined" 아님) · object(배열 포함)→JSON.stringify · 그 외(string/number/boolean)→String.

cellValueToClipboardText(cell: {}): string

createVueCheckboxColumn

createVueCheckboxColumn(): CreateSelectionColumn<TData>

dateRangeFilterFn

dateRangeFilterFn(row: Row<unknown>, columnId: string, filterValue: any, addMeta: () =>): boolean

fillRange

fillRange(sourceRange: CellRange, direction: FillDirection, fillCount: number, getCellValue: () =>): CellUpdate<TCell>[]

isInRange

isInRange(row: number, col: number, range: null | CellRange): boolean

normalizeRange

normalizeRange(range: CellRange): CellRange

numberFilterFn

numberFilterFn(row: Row<unknown>, columnId: string, filterValue: any, addMeta: () =>): boolean

parseTsv

parseTsv(tsv: string): string[][]

selectFilterFn

selectFilterFn(row: Row<any>, columnId: string, filterValue: any, addMeta: () =>): boolean

stringifyTsv

stringifyTsv(matrix: readonly readonly unknown[][]): string

textFilterFn

textFilterFn(row: Row<unknown>, columnId: string, filterValue: any, addMeta: () =>): boolean

타입 · 인터페이스

CellCoord

셀 범위(range) 순수 유틸 — 정규화·포함판정·drag-fill·TSV (W1 Phase 0, grid-pro-range 에서 이관).

전부 framework-agnostic 순수 함수 + 순수 데이터 타입(좌표/사각형/방향/업데이트). React(grid-pro-range)·Vue 범위 어댑터가 동일 math/serialization 을 공유한다. 렌더/이벤트 무관.

속성타입설명
colnumber
rownumber

CellRange

속성타입설명
endCellCoord
startCellCoord

DateFilterValue

속성타입설명
from?Date
to?Date

NumberFilterValue

속성타입설명
max?number
min?number
operatorNumberFilterOperator
value?number

TextFilterValue

속성타입설명
operatorTextFilterOperator
valuestring

상수

Grid

const Grid: DefineComponent<ExtractPropTypes<{}>, () =>, object, object, object, ComponentOptionsMixin, ComponentOptionsMixin, object, string, PublicProps, ToResolvedProps<ExtractPropTypes<{}>, object>, {}, object, object, object, string, ComponentProvideOptions, true, object, any>