Budibase bubui (英语)

处理Budibase组织所有共同组件的软件包。 您可以找到当前实时版本 给。 。 。 .

安装

1. 克隆
2. npm install
3. npm run svench

(注:纱线不行!)

创建组件的示例工作流程

1. 创建文件 : Headline.svelte
2. 创建 Svench 文件 : Headline.svench
3. 构建组件并添加变体到斯文奇文件.
4. 完成后,将文件再导出到 src/index.js。 。 。 .
5. 发布,更新主项目中的包并利润.

准则

制作组件

1. 想想再使用的可能性
2. 使用 Cs 样式表中的 SCs 自定义属性( 变量) 。 这让事情很容易在后期调整.
3. 选择前进事件( E)<button on:click> 例如),而不是使用回调.
4. 避免在部件最外侧容器上增加边距.

使用组件和样式指南

1. 熟悉组件上存在的不同道具. 如果缺少重要的东西, 做一个公关并添加它.
2. 利用样式表中的 Css 自定义属性并避免写入硬编码值.
3. 由于组件上没有差分,考虑DOM的结构以及如何实现正确的间隔等. 可用 css grid + 键 grid gap 或有一个容器,其中指定了垫子或边距。 最佳的解决办法取决于具体情况.

开始

• 找出一个良好的文件状况
• 添加测试套件( E2E 使用 Playwright ?)

其它

项目使用 风向它有点像"故事书",但少了一点膨胀,更容易设定。 它还支持高血压快速发展.