# things-ui

## MicroComponents

对组件进行封装，有了更加简洁的使用方式

### SelectTsx

[^对a-select组件进行封装]: 

props：

| modelValue | string | 绑定的值      |
| ---------- | ------ | ------------- |
| request    | string | 快捷请求的api |

request：

| name  | select的label |
| ----- | ------------- |
| value | select的value |
| key   | select的key   |

## 项目脚本

### build

npm run build 该指令全是将目前已有的模块全部打包

### build:cli

可视化选择打包

1. 打包是否去除logo与用户模块
2. 选择打包的模块
3. 选择打包的平台

| key      | 名称     | 链接                                |
| -------- | -------- | ----------------------------------- |
| iot      | 物联网   | /iot                                |
| cvs      | 视联网   | /cvs                                |
| schedule | 数据中台 | /schedule                           |
| view     | 可视化   | http://cloudview.jiaolongcloud.com/ |
| lowcode  | 低代码   | http://49.232.161.110:5556          |
| user     | 用户群组 | /user                               |
| login    | 登陆页   | /login                              |

ps: 当模块的链接是外部链接时，如果打包的模块在参数的首位，则打包后会自动跳转到外部链接



## 登陆

#### 登陆逻辑

1. 对已有的模块做token失效的处理，模块分别打包后，如果token失效则跳转到登陆页面

登陆页面会获取到url中的redirect，登陆成功后跳转到对应的redirect页面

2. 未登录成功返回403，在service中的拦截器中判断403，则携带参数到登陆页面

## 待做

1. 支持对浏览器标签的信息设置
6. 登录逻辑封装npm包
7. 打包的mac app，顶部的状态栏高度有问题

## 代理

项目代理根据当前路由的title做不同处理，配置代理的hooks在effect.ts 下的 usePort

## 分支

### master

​	云项目分支

### cli

​	只保留后台公共功能的逻辑与基本的路由菜单功能

## 模块说明

### cvs云视

参考地址： https://console.bce.baidu.com/



# 组件

本项目封装了大量的组件

## table-pro

# ui

遵从简洁易操作原则

1. 新增表单改为页面嵌入式，表单分开
2. 选择数据之类的操作从右侧推入
3. 页面布局分为navar + sideler 或者 单独siderler布局
4. 新增新手交互引导（布局切换）
5. 项目主色调 + 字体大小调整