tengits-saas-components

SaaS 组件库，基于 React 和 TypeScript 构建，提供了一系列开箱即用的业务组件。

📦 安装

# 使用 npm
npm install tengits-saas-components

# 使用 yarn
yarn add tengits-saas-components

# 使用 pnpm
pnpm add tengits-saas-components

🔨 使用

基础用法

import { CopyWrap, JsonPreview, PageLayout } from 'tengits-saas-components';
import 'tengits-saas-components/dist/index.css';

function App() {
  return (
    <PageLayout>
      <CopyWrap text="复制内容">
        <span>点击复制</span>
      </CopyWrap>
      
      <JsonPreview data={{ name: 'example' }} />
    </PageLayout>
  );
}

导入样式

确保在项目入口文件中导入样式：

import 'tengits-saas-components/dist/index.css';

📚 组件列表

基础组件

• CopyWrap - 复制包裹器组件
• EmptyWarp - 空状态包裹器
• PageLayout - 页面布局组件
• TextDivider - 文本分隔符
• ToolTipTitle - 带提示的标题组件
• TypeCard - 类型卡片
• TypeSwitch - 类型切换器

数据展示

• JsonPreview - JSON 预览组件
• JsonCard - JSON 卡片展示

表单组件

• InputWithColor / TUIColorPicker - 颜色选择输入框
• TUITransfer - 穿梭框组件

上传组件

• DraggerUploader - 拖拽上传组件
• DraggerUploaderImgWithStart - 带星级的图片拖拽上传

布局组件

• DragTreeMenu - 可拖拽树形菜单

BI 组件

• BIViewerT - BI 看板查看器
• ExcelViewerT - Excel 预览器
• ReportComponent - 报表组件

登录配置

• LoginFormConfig 相关组件 - 登录表单配置组件

TUI 组件

• TUICompoent 相关组件 - TUI 系列组件

🔗 Peer Dependencies

此包需要以下依赖（需要在你的项目中安装）：

• react >= 16.8.0
• react-dom >= 16.8.0
• tengits-ui5
• antd >= 5.0.0
• tui-bi

📝 开发

# 安装依赖
pnpm install

# 构建
pnpm build

# 发布
npm publish

📄 License

ISC

🤝 贡献

欢迎提交 Issue 和 Pull Request！

Note: 此组件库依赖于 workspace 内部的 utils 包，确保你的项目环境中已正确配置。