tenx 前端项目介绍

1. user-portal

TCE 底座项目，前端启动 node 服务，通过中间层调用 api-server。

前端框架: react@v15

UI: [email protected]

状态: [email protected]

构建工具: webpack

代码检查: eslint + prettier + husky + lint-staged (./client)

node: koa + redis

其他:

2. devops-manager-portal

根据农信银客户需求, 新增项目 devops-manager-portal, 包括 hosts, nexus, gitlab, svn, wiki 等功能。

前端框架: react@17, umijs@v4

UI: [email protected]

状态: dva

构建工具: umi

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

3. dev-flows-portal

包括 devops 基础功能, 流水线, 任务, 模板, CICD 概览, 需求管理, 交付管理, 团队度量, 研发质量, 测试管理等功能。

前端框架: react@17, umi@v3

UI: [email protected]

状态: dva

构建工具: umi

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

4. serviceinsight-portal

自定义监控功能, 前端 + bff。

前端框架: react@17, umi@v4

UI: [email protected]

状态: dva

构建工具: umi

代码检查: eslint + prettier + husky + lint-staged + stylelint

5. shared-configs

user-portal 菜单, submodule。

前端框架: tsx 静态文件, 导出菜单 json + tsx

6. shared

bff sdk, sdk global less, 菜单生成工具。

其他:

7. bff-sercer

包括 devops 基础功能, 流水线, 任务, 模板, CICD 概览, 需求管理, 交付管理, 团队度量, 研发质量, 测试管理等功能。

node 框架: nextjs@9, node > 18.12

构建工具: nestjs

代码检查: eslint + prettier + husky + lint-staged

其他:

8. dock-app

微前端基座应用（主应用）。

前端框架: react@18, umi@v4

UI: [email protected]

状态: dva

构建工具: umi

代码检查: eslint + prettier + husky + lint-staged + stylelint

9. app-stack-portal

user-portal 老项目维护困难, 新增 app-stack 项目, 功能包括堆栈/堆栈模板/堆栈设计器, 重构应用/服务/部署/operator/存储/联邦集群资源等功能。

前端框架: react@18, umi@v4

UI: [email protected]

状态: dva

构建工具: umi

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

10. tenx-ui

老项目中(低版本组件)开发的私有组件, 发布到私有仓库中。

业务组件:

通用组件:

  • @tenx-ui/[email protected]: 基于 antd Tabs 组件，主要增加了使用url跳转至具体子tab下。ps: 支持BrowserRouter、HashRouter
  • @tenx-ui/[email protected]: 为了兼容 tenx-ui 组件的国际化方案，需要在项目跟组件外面包个 config-provider，同时也可以配置一些全局配置
  • @tenx-ui/[email protected]: 代码编辑器, 2.1.0版本及以后注意如需要定位样式, 要传一个props为wrapClassName.
  • @tenx-ui/[email protected]: Ellipsis 组件, 当hover时, 展示Tooltip
  • @tenx-ui/[email protected]: 语义化的矢量图形，用法与 antd icon 一致, 语义化的命名，统一采用大驼峰的命名方式。
  • @tenx-ui/[email protected]: img-link 组件， 点击图片在新的页面打开
  • @tenx-ui/[email protected]: InfoBox 组件，用于统一的提示性语句，可根据props中的style，icon自由变换内容。

11. cmic-newtech-portal

cmic 四期, 新技术孵化平台, 参考 asset-portal。

前端框架: react@18, umi@v4

UI: antd@5

状态: dva

构建工具: umi

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

12. unified-navigation

新的统一导航组件最大的变化是把菜单配置放到了 submodule 中维护，这样就可以将经常需要变更的部分（菜单配置）与不变的部分（导航通用逻辑）分离开，这样可以降低导航组件的维护成本，不同版本的产品只需要在 shared-configs 项目中建个新分支，然后在 menus 中直接改菜单即可。, tce v5.4 以上对应此项目, 部分重构。

前端框架: react@18, umi@v4

UI: antd@5

状态: dva

构建工具: father-build

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

13. alert-mgr-portal

告警独立部署 Management portal for various alerts, can be used for other products for alert requirements。

前端框架: react@18, umi@v4

UI: antd@5

状态: dva

构建工具: father-build

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

14. inspector-portal

平台巡检能力支持, 产品层面增加内置巡检规则, 全局巡检对象:集群、节点、平台、harbor以及安全, 项目巡检对象: 应用、中间件。

前端框架: react@18, umi@v4

UI: antd@5

状态: dva

构建工具: father-build

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

15. monitor-panel-portal

tce 监控与告警业务项目, 包括: 应用告警/事件管理/系统监控/系统告警等功能。

前端框架: react@18, umi@v4

UI: antd@5

状态: dva

构建工具: umi

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

16. app-backup-restore

平台应用备份: 对象存储仓库管理, 备份计划, 备份任务, 恢复等功能。

前端框架: react@18, umi@v4

UI: antd@5

状态: dva

构建工具: umi

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

17. haixin-import-data

海信网格，租户等老数据迁移脚本

其他:

18. app-backup-restore

阿里lowcode-engine生态项目，基于 antd 和 formily 组件库实现，包括 plugins、setters 和 materials。

前端框架: react@18, umi@v4, @alilc/lowcode-types

UI: antd@5

发布: npm

构建工具: @alib/build-scripts

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

19. events-and-monitoring

事件和监控组件: 不同资源下事件和监控统一业务组件: Node, Pod, Volume, StatefulSet, DaemonSet, Job, CronJob, CSV, ReplicaSet等。

前端框架: react@16

UI: antd@3

发布: npm

构建工具: [email protected]

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

20. asset-portal

后台管理+公有云部署的云市场页面。

前端框架: react@16, egg@2

UI: antd@4

构建工具: [email protected]

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

21. new-www-tenxcloud

时速云官网

前端框架: react@18, nextjs@13

UI: antd@5

构建工具: nextjs

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

22. multicloud/console

Console for multi-cloud to manage rendering resource, like site、vpc、ecs，etc ...

前端框架: react@18, umijs@4

UI: antd@5

构建工具: umijs@4

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

22. saas-portal

Portal for multi-cloud SaaS management

前端框架: react@18, umijs@4

UI: antd@5

构建工具: umijs@4

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

23. mq-portal

ccb MQ Portal

前端框架: react@18, umijs@4

UI: antd@5

构建工具: umijs@4

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

24. installer-portal

Portal for Installer.

前端框架: react@18, umijs@4

UI: antd@5

构建工具: umijs@4

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

24. ai-deep-learning-portal

Portal for ai-deep-learning.

前端框架: react@18, umijs@4

UI: antd@4

构建工具: umijs@4

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

24. faas-portal

联通 faas.

前端框架: react@18, nextjs@12

UI: antd@4

构建工具: nextjs@12

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他:

25. telecom-deeplearning-portal

联通深度学习项目.

前端框架: react@16, umi@3

UI: antd@4

构建工具: umi@3

代码检查: eslint + prettier + husky + lint-staged + stylelint

26. ops-system-portal

系统组件管理项目.

前端框架: react@16, umi@3

UI: antd@4

构建工具: umi@3

代码检查: eslint + prettier + husky + lint-staged + stylelint

其他: