@digitalc/dxp-business-ui

基于 DXP Design System 的业务组件库，提供常见业务场景下的 UI 组件。

🚀 快速开始

安装

# 依赖基础组件库
npm install @digitalc/dxp-ui

# 安装业务组件库
npm install @digitalc/dxp-business-ui

使用示例

import React from 'react';
import { UserProfileCard } from '@digitalc/dxp-business-ui';

const App = () => {
  const handleStatusChange = (checked: boolean) => {
    console.log('状态改变:', checked);
  };

  return (
    <UserProfileCard
      userName="张三"
      userAvatar="https://example.com/avatar.jpg"
      userRole="高级前端工程师"
      isActive={true}
      onStatusChange={handleStatusChange}
    />
  );
};

export default App;

📦 组件列表

UserProfileCard

用户资料展示卡片，包含头像、姓名、角色和状态切换功能。

Props:

• userName: 用户名称 (必填)
• userRole: 用户角色 (必填)
• userAvatar: 用户头像URL (可选)
• isActive: 是否激活状态，默认 true
• onStatusChange: 状态改变回调函数
• className: 自定义样式类名
• style: 自定义样式

🔧 开发

# 构建组件库
npm run build

# 验证构建结果
npm test

# 打包发布
npm pack

📄 许可证

MIT