tachybase_todo/packages/client/src/blocks/grid/index.md

1007 B
Raw Blame History

title nav group
Grid - 栅格
title path
组件 /client
order title path
2 Blocks /client/blocks

Grid - 栅格

基于行Row和列Col来定义区块Block的外部框架。

代码演示

基本用法

内嵌区块

useDrag & useDrop

useColResize

API 说明

Grid

只能在同一个 Grid 里拖拽布局

Grid.Row

Grid.Column

Grid.Block

区块

BlockOptions

interface BlockOptions {
  rowOrder: number;
  columnOrder: number;
  blockOrder: number;
}
  • rowOrder第几行
  • columnOrder第几列
  • blockOrder某单元格内部区块排序

blocks2properties

原始 schema 需要至少 grid->row->col->block->custom 五层嵌套,写起来非常繁琐,blocks2properties 方法可以简化配置。

useDrag

useDrop

useColResize