@tuya-sat/components

React components implementation

Usage no npm install needed!

<script type="module">
  import tuyaSatComponents from 'https://cdn.skypack.dev/@tuya-sat/components';
</script>

README


Logo

SatComponents

SaaS微应用组件库

土星项目 · 报告问题 · 提交需求

目录
  1. 介绍
  2. 安装
  3. 使用
  4. 配置
  5. 生态
  6. 浏览器兼容性
  7. 组件看板
  8. 联系我们
  9. License

介绍

组件库则是基于 Ant Design 而开发的模版组件。 服务于涂鸦开发者 SaaS，帮助开发者提升页面的开发效率，更快的落地 微应用 页面。

安装

yarn add @tuya-sat/components

使用

依赖 Antd 4.16.13 React >=16.0.0

import { ImagePreview } from '@tuya-sat/components';

配置

在.babelrc文件中添加

{
  plugins: [
    [
      'import',
      {
        libraryName: 'antd',
        libraryDirectory: 'es',
        style: 'css',
      },
      'antd',
    ],
    [
      'import',
      {
        libraryName: '@tuya-sat/components',
        libraryDirectory: 'es',
        style: 'css',
      },
      '@tuya-sat/components',
    ],
  ],
}

生态

项目 版本 备注
@tuya-sat/create-micro-app create-micro-status 微应用模板生成工具
@tuya-sat/sdf-cli create-micro-status 微应用上传打包
@tuya-sat/micro-dev-component create-micro-status 控制微应用角色权限
@tuya-sat/micro-dev-loader create-micro-status 模拟主应用方法
@tuya-sat/micro-dev-proxy create-micro-status 模拟主应用接口转发
@tuya-sat/micro-script create-micro-status webpack 自定义打包配置

🖥 浏览器兼容性

现代浏览器和 Internet Explorer 11 (with polyfills)

edge Edge chrome safari
IE11, Edge last 2 versions last 2 versions last 2 versions

组件看板

组件 简介
Cascader 级联选择
Excaption 异常页
ImagePreview 图片展示
Pagination 分页
ResizeBox 伸缩盒子
Tabs 标签页
Text 文字
Tree 树
Form 高级表单
Search 搜索表单
SearchTable 搜索表格
Table 表格
Layout 布局
RelateDeviceLayout 关联设备布局
TreeLayout 树布局
TwoColumnLayout 两列布局
SatConfigProvider 全局化配置

联系我们

欢迎在 https://github.com/tuya-sat/discuss/issues 向我们提交反馈

License

MIT