@bsuite/页面构建器
共享 BSuite 响应页面构建器网格原始.
输出 :
PageGridLayoutusePageGridLayoutrescaleLayoutcomputeAutoHeightRowsGridLayouts, (中文(简体) ),GridLayoutItem, (中文(简体) ),WidgetMeta类型
消费者应用必须依赖于已发布的 npm 软件包,而不是 workspace:* 或者说
file: 链接,因为每个应用程序独立部署.
编辑班纳焦点揭示,扩展控制取景口盖,编辑班纳焦点环
padding 发布为 2.8.4。 。 。 .
测量自重(autoHeight,0.5.0+) (中文(简体) )
通过设置将部件切入内容驱动的高度 autoHeight: true 联 合 国
GridLayoutItem数字 :
const defaultLayouts: GridLayouts = {
lg: [
// Fixed card — user resizes it manually, height persists.
{ i: 'summary', x: 0, y: 0, w: 6, h: 8 },
// Measured card — height tracks rendered content; `h` is only the
// initial seed used until the first measurement lands.
{ i: 'details', x: 6, y: 0, w: 6, h: 20, autoHeight: true },
],
};
行为和保障:
- A 类
ResizeObserver在不受约束的计量包装器上读取内容 内在高;computeAutoHeightRows使用 不变rowHeight编号 :margin网格由网格制成,所以环相通 固定点而不是斜向. - 自动加高器件
isResizable: false自动——不要 也可以为它们编织一个手动调整大小的路径. - 测量行是 生成, 仅包含记忆状态: 合并到已保存的部分
每个查看器在渲染时的布局,以及 从来没有坚持过A级
只读查看器切换卡片中的标签产生零偏好
写作。 用户驱动
x编号 :y编号 :w(和h非自动八项) 持久性不变. - 更新为 raAF- bridged (所有在框架内安放的卡片都作为一个国家适用) 更新)并压制了中拖/中缩放,再在手势端被冲出.
添加时 autoHeight 到一个已有的页面布局,将该页面的
layoutVersion 因此 stale 坚持的布局(没有旗帜)被重置.
编辑-模式铬 (2.7.1-next.0+)
PAGE_GRID_EDITING_EVENT 报告的变动情况 2.7.1-next.1。 。 。 .
内容 { pageKey, editing } 有效载荷和事件名称不变。 匹配
画布 DOM 在听众运行前更新, 包括保存和退出使用时
a 反应过渡。 初始升起、状态不变和已放弃的过渡
不发出通知。 消费者必须匹配页面密钥并保存
在同步其头控件时注重幸存输入.
从 2.7.1-next.5,一个标题保存退出调度( E) PAGE_GRID_SAVE_EVENT
与 { pageKey }。帆布会等待所有的首选适配器,并保持它的
在失败时可见控制和出错,并释放已承诺的编辑
通知成功与否。 信头在清除前等待通知
编辑模式。 现有的开放/关闭事件仍可供路线导航.
选定深度显示单独休息、光互动和暗互动 阴影变量。 光相互作用添加中性高; 暗相互作用 在保留所选深度的同时,添加角色约束的发光. 明确为零 保持平稳。 消费者必须读取所有三个变量; 拥有铬的网格项目 已经做了。 默认所画的网格卡现在使用中性高地 2, 使用 交互反馈,匹配D2C卡恢复.
从 2.7.1-next.6,应用程序卡导入 useCardPadding 财务报告和审定财务报表
CardPaddingBoundary 从 @bsuite/page-builder/card-padding。阅读
在渲染出卡片前设置,将定义值应用到所绘表面,
并用没有垫子的分界线包裹其子孙。 那么内卡
保持它们的相距;一个被嵌入的网格会建立它自己的独立内置.
电网不会给孩子造成困扰 当它自己涂上铬时 此替换
消费者服务 @scope 规则,不包括支持的 Safari/Firefox
基线。 子路径将一个独立的卡导入从网格代码中分离出来.
当画布编辑器打开时, 每个网格项都会产生入流条
(单位:千美元)[data-slot="grid-item-editor-chrome"]在卡片内容上方:部件
名称和一个隐藏控件。 条子是 没有 绝对位置在
牌头。 AutoHeight用内容测量,使电网增长;
离开编辑模式将其删除并恢复仅包含内容的测量.
在消费者中不要重塑这种形式——这是共同合同.
图层:上行/下行. 在(上)或
在(下)其最近的可移动相邻按网格 DRAWS 顺序后:上至
底部,然后从左到右,在反应-网格-放出压缩了布局后。 这个
已保存的更改 x编号 :y 在作者单位中,没有其它:大小、旗帜、隐藏
牌,被锁的牌和不需要移动的每张牌都保存保存
价值,以及 _grid_base_cols 别动 图层面板、 移动按钮和
dOM / 标签顺序都遵循已绘制的顺序 。 锁定、删除、添加和压缩
在同一作者布局上的布局 。 Contract 使用反应- 网格放出
压缩机和锁上卡片的位置.
限制,说明而不是隐藏:
- 锁定的卡片( E)
static或者说isDraggable: false)从不动和走步 过它.isResizable: false一个人不是锁. - 隐藏或没有内容的卡既不是合伙人也不是障碍.
- 其他牌只有在交换时才会移动;它们被推出 下来,永远不要调整大小。 如果没有重叠或锁上卡片的交换方式, 移动被拒绝, 什么都没有写, 和残疾按钮说明原因.
- 单列电话堆栈( U)
xxs,在 480px 下显示容器 相同的顺序:在测量高后,从所绘制的顺序重新排列出来, 仅用于显示。 用户的电话布局defaultLayouts实值 在作者默认对象生效时保持给定。 版本门 第一次访问时可能持续默认值;在重新装入之后读取 计数为存储布局。 一旦读取存储的布局,其lg替换它,钩子 滴数xxs在读取时,电话堆栈被衍生出来,然后再次重装。 这个 公开buildResponsiveLayouts推论不变. - 重新排序 DOM 中的现有网格项目( 保留输入状态);
内嵌
iframe在重新装入的卡片中更改位置, 就像它那样 上一个移动.
标签带有 min-w-0 truncate (单位:千美元) title 与全名. 这是
在窄卡上装入,而不是装饰:没有它标签的自动
最小大小是它的分量,一个长而未断的部件名称会推动
ml-auto 隐藏卡盒外的按钮。 双向测量
scripts/editor-chrome-geometry.mjs,它复制 缺陷与两者
运行时取消课程.