@tpulse666/framework-ui-web-bootstrap v0.0.84
framework-ui-web-bootstrap
约定
统一样式
import * from 'tpulse-ui-framework/tpulse-ui.css'
全局上下文对象PageContext
- 全局事件监听
import {context} from 'tpulse-ui/PageContext'
context.addEventListener('click', (event) => {
console.debug("监听到注册的时间");
});
ui组件说明
布局
横向布局(单行布局)
<Hstack>
<Flex className="content" style="height: 100px">按照内容大小占用
</Flex> <!--默认grow = 0-->
<Flex grow={1}>占满剩余控件</Flex>
</Hstack>
- 选项
- grow
- shrink
纵向布局(高度100%布局需要)
render = () => {
<Vstack>
<Flex className="content" style="height: 100px">按照内容大小占用</Flex>
<Flex grow={1}>竖向占满剩余控件</Flex>
</Vstack>
}
- 选项
- grow
整体布局
render = (route: Route, menu: Menu, user: User) => {
<Container routes menu user headers={component[]}></Container>
}
- 数据结构(model)
- Route/RouteItem
- Menu/MenuItem
User
面板
DropDown
<DropDown parent={parentComponent} clickOnHide={false} >
<!--child-->
</DropDown>
- 选项
- parent
- clickOnHide
Toast
import (info, msg) from 'useToast'
info("fdafasd");
render = () => {
<Toast></Toast>
}
表单
默认支持元素
1. 文本输入框
2. 单选选择框
3. 可搜索单选选择框
4. 复选选择框
5. 可搜索复选择框
自定义元素组件
表格
测试
ts类的单元测试
- npm依赖: 安装ts-node
- 定义单位测试ts类 ***.test.ts
- 执行测试 npx ts-node ***.test.ts
常用类
HttpRouteClient
用于http通信接口,具体使用查看测试类HttpRouteClient.test.ts
版本升级说明
0.0.20210903002
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago