@bill.gong/lumina-ui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 kyouseibill
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,456 @@
+# Lumina UI
+
+一个轻量级的 React 组件库，采用 Material Design 设计风格，基于 TypeScript + styled-components 构建。
+
+---
+
+## 技术栈
+
+| 技术 | 版本 | 用途 |
+|------|------|------|
+| React | ≥ 18.0 | UI 框架 |
+| TypeScript | 5.6 | 类型安全 |
+| styled-components | ≥ 6.0 | CSS-in-JS 样式方案 |
+| Vite | 6.x | 构建工具（Library Mode） |
+| vite-plugin-dts | 4.5 | 自动生成 `.d.ts` 类型声明 |
+| Storybook | 8.5 | 组件文档与交互演示 |
+
+## 产物规格
+
+- **ESM** — `dist/lumina.es.js`
+- **CJS** — `dist/lumina.cjs.js`
+- **类型声明** — `dist/index.d.ts`（含 declarationMap）
+- `sideEffects: false`，支持 Tree-shaking
+
+---
+
+## 快速开始
+
+### 安装
+
+```bash
+# 使用 npm
+npm install lumina-ui react react-dom styled-components
+
+# 使用 pnpm
+pnpm add lumina-ui react react-dom styled-components
+```
+
+> `react`、`react-dom`、`styled-components` 为 peerDependencies，项目中需自行安装。
+
+### 基本用法
+
+```tsx
+import React from 'react';
+import { LuminaProvider, Button, Input } from 'lumina-ui';
+
+function App() {
+  return (
+    <LuminaProvider>
+      <Button color="primary" onClick={() => alert('Hello!')}>
+        点击我
+      </Button>
+      <Input label="用户名" placeholder="请输入用户名" />
+    </LuminaProvider>
+  );
+}
+```
+
+### 自定义主题
+
+```tsx
+import { LuminaProvider } from 'lumina-ui';
+
+const myTheme = {
+  colors: {
+    primary: {
+      light: '#6ec6ff',
+      main: '#2196f3',
+      dark: '#0069c0',
+      contrastText: '#fff',
+    },
+  },
+  borderRadius: {
+    sm: '8px',
+    md: '12px',
+  },
+};
+
+function App() {
+  return (
+    <LuminaProvider theme={myTheme}>
+      {/* 传入的主题会与默认主题深度合并 */}
+      {/* ... */}
+    </LuminaProvider>
+  );
+}
+```
+
+### Toast 消息提示
+
+Toast 需要额外包裹 `ToastProvider`：
+
+```tsx
+import { LuminaProvider, ToastProvider, ToastBinder, useToast, Button } from 'lumina-ui';
+
+function Inner() {
+  const { addToast } = useToast();
+  return <Button onClick={() => addToast('success', '操作成功！')}>提示</Button>;
+}
+
+function App() {
+  return (
+    <LuminaProvider>
+      <ToastProvider>
+        <Inner />
+        <ToastBinder />
+      </ToastProvider>
+    </LuminaProvider>
+  );
+}
+```
+
+---
+
+## 组件总览
+
+共 **33** 个组件，覆盖通用、数据录入、数据展示、反馈、导航五大类。
+
+### 通用组件
+
+| 组件 | 导入名 | 说明 |
+|------|--------|------|
+| Button | `Button` | 按钮，支持 contained / outlined / text 变体，5 种颜色，3 种尺寸，loading 状态 |
+| Divider | `Divider` | 分割线，水平 / 垂直方向，支持带文字分割 |
+| Spinner | `Spinner` | 加载指示器，可包裹内容或全屏显示 |
+| Tag | `Tag` | 标签，filled / outlined 变体，可关闭 |
+
+### 数据录入
+
+| 组件 | 导入名 | 说明 |
+|------|--------|------|
+| Input | `Input` | 输入框，outlined / filled / standard 变体，浮动标签 |
+| Radio | `Radio`, `RadioGroup` | 单选按钮组，Context 管理受控/非受控 |
+| Checkbox | `Checkbox` | 复选框，支持 indeterminate 半选状态 |
+| Switch | `Switch` | 开关，small / medium 尺寸 |
+| Select | `Select` | 下拉选择框，支持搜索过滤、键盘导航 |
+| Slider | `Slider` | 滑块选择器，拖拽操作 + tooltip 实时数值 |
+| DatePicker | `DatePicker` | 日期选择器，日历面板，支持 min/max 限制 |
+| TimePicker | `TimePicker` | 时间选择器，小时/分/秒滚动列 |
+| Upload | `Upload` | 文件上传，支持拖拽区域和点击上传 |
+| Form | `Form`, `FormItem` | 表单容器，内置校验规则（required / min / max / pattern / 自定义） |
+
+### 数据展示
+
+| 组件 | 导入名 | 说明 |
+|------|--------|------|
+| Table | `Table` | 表格，列定义 + 排序 + striped / bordered 样式 |
+| List | `List`, `ListItem`, ... | 列表组件，支持 icon / text / action 插槽 |
+| Avatar | `Avatar` | 头像，圆形 / 方形，支持图片 / 文字 / fallback |
+| Badge | `Badge` | 徽标数，数字 / 小圆点模式 |
+| Card | `Card` | 卡片容器，title / subtitle / cover / actions |
+| Collapse | `Collapse` | 折叠面板，支持手风琴模式 |
+| Tooltip | `Tooltip` | 文字提示，4 方向定位 |
+| Popover | `Popover` | 气泡卡片，click / hover 触发 |
+| Skeleton | `Skeleton` | 骨架屏占位，pulse / wave 动画 |
+| Progress | `Progress` | 进度条，线性 + 环形，active 动画 |
+| ImageViewer | `ImageViewer` | 图片查看器弹层，缩放 / 旋转 / 拖拽 / 导航 / 缩略图 |
+
+### 反馈
+
+| 组件 | 导入名 | 说明 |
+|------|--------|------|
+| Modal | `Modal` | 模态弹窗，Portal 渲染，ESC 关闭，背景滚动锁定 |
+| Drawer | `Drawer` | 抽屉面板，4 方向 (left / right / top / bottom) |
+| Toast | `useToast`, `Toast.success()` | 消息提示，声明式 + 命令式双模式 |
+| Alert | `Alert` | 警告提示条，4 种严重级别，可关闭 |
+| Popconfirm | `Popconfirm` | 气泡确认框，确定/取消按钮 |
+
+### 导航
+
+| 组件 | 导入名 | 说明 |
+|------|--------|------|
+| Tabs | `Tabs`, `Tab`, `TabPanel` | 选项卡，滑动指示器动画 |
+| Pagination | `Pagination` | 分页器，支持每页条数选择 (`pageSizeOptions`) |
+| Breadcrumb | `Breadcrumb` | 面包屑导航，超长路径折叠 |
+| Dropdown | `Dropdown` | 下拉菜单，click / hover 触发，支持分割线 + 危险项 |
+
+---
+
+## 主题系统
+
+### 设计令牌 (Design Tokens)
+
+所有组件通过 `styled-components` 的 `ThemeProvider` 消费统一的主题对象 `LuminaTheme`。
+
+```typescript
+interface LuminaTheme {
+  colors: {
+    primary: ColorShade;      // { light, main, dark, contrastText }
+    secondary: ColorShade;
+    error: ColorShade;
+    warning: ColorShade;
+    success: ColorShade;
+    info: ColorShade;
+    grey: { 50 ~ 900 };
+    text: { primary, secondary, disabled };
+    background: { default, paper };
+    divider: string;
+    action: { hover, selected, disabled, disabledBackground, focus };
+  };
+  typography: {
+    fontFamily: string;
+    fontSize: { xs ~ 3xl };
+    fontWeight: { light, regular, medium, semibold, bold };
+    lineHeight: { tight, normal, relaxed };
+  };
+  spacing: (factor: number) => string;   // spacing(2) => '16px'
+  borderRadius: { none, sm, md, lg, xl, full };
+  elevation: { 0 ~ 24 };                // box-shadow 预设
+  transition: { duration, easing };
+  breakpoints: { xs ~ xl };
+  zIndex: { appBar, drawer, modal, snackbar, tooltip };
+}
+```
+
+### 主题定制
+
+`LuminaProvider` 接受 `Partial<LuminaTheme>`，内部自动与默认主题 **深度合并**，仅需传入需要覆盖的字段：
+
+```tsx
+<LuminaProvider theme={{ colors: { primary: { main: '#ff5722' } } }}>
+```
+
+---
+
+## 公共 Hooks
+
+组件库导出了以下可复用 Hooks：
+
+| Hook | 说明 |
+|------|------|
+| `useControlled(value, defaultValue, onChange)` | 统一受控/非受控模式管理 |
+| `useClickOutside(handler, active?)` | 检测点击元素外部，返回 ref |
+| `useKeyboard(handlers)` | 键盘事件快捷绑定 (Enter / Escape / Arrow 等) |
+
+---
+
+## 项目结构
+
+```
+Lumina/
+├── src/
+│   ├── index.ts                  # 统一导出入口
+│   ├── theme/
+│   │   ├── types.ts              # LuminaTheme 类型定义
+│   │   ├── defaultTheme.ts       # Material Design 默认主题令牌
+│   │   └── index.tsx             # LuminaProvider + useTheme
+│   ├── styles/
+│   │   ├── reset.ts              # GlobalStyle CSS Reset
+│   │   └── mixins.ts             # elevation / transition / focusVisible 等工具
+│   ├── hooks/
+│   │   ├── useControlled.ts
+│   │   ├── useClickOutside.ts
+│   │   └── useKeyboard.ts
+│   ├── utils/
+│   │   └── helpers.ts            # uniqueId / clamp / mergeRefs
+│   └── components/
+│       ├── Button/               # 每个组件一个目录
+│       │   ├── Button.types.ts   # Props 类型定义
+│       │   ├── Button.styles.ts  # styled-components 样式
+│       │   ├── Button.tsx        # 组件实现
+│       │   └── index.ts          # 目录导出
+│       ├── Input/
+│       ├── ...                   # 其余 31 个组件同构
+│       └── Upload/
+├── demo/
+│   ├── main.tsx                  # Demo 入口
+│   └── App.tsx                   # 完整预览页（展示全部 33 个组件）
+├── .storybook/
+│   ├── main.ts                   # Storybook 配置
+│   └── preview.tsx               # 全局装饰器（LuminaProvider 包裹）
+├── package.json
+├── tsconfig.json                 # 开发用 TS 配置
+├── tsconfig.build.json           # 构建用 TS 配置（excludes demo/stories）
+├── vite.config.ts                # Vite Library Mode 构建配置
+└── index.html                    # Vite dev 入口
+```
+
+### 组件目录约定
+
+每个组件目录包含 4 个文件，保持一致的结构：
+
+```
+ComponentName/
+├── ComponentName.types.ts   # Props 接口、类型别名
+├── ComponentName.styles.ts  # styled-components 样式组件
+├── ComponentName.tsx        # React 组件实现
+└── index.ts                 # 导出组件和类型
+```
+
+---
+
+## 开发指南
+
+### 环境要求
+
+- **Node.js** ≥ 18
+- **pnpm** ≥ 8（推荐）或 npm ≥ 9
+
+### 本地开发
+
+```bash
+# 1. 安装依赖
+pnpm install
+
+# 2. 启动 Demo 预览（http://localhost:5173）
+pnpm exec vite
+
+# 3. 启动 Storybook（http://localhost:6006）
+pnpm dev
+```
+
+### 构建
+
+```bash
+# 完整构建（类型声明 + 打包）
+pnpm build
+
+# 仅生成类型声明
+pnpm build:types
+```
+
+构建产物输出到 `dist/` 目录：
+
+```
+dist/
+├── lumina.es.js       # ESM 格式（~130 KB, gzip ~27 KB）
+├── lumina.cjs.js      # CommonJS 格式
+├── index.d.ts         # 类型声明入口
+└── components/        # 各组件类型声明
+```
+
+### 类型检查
+
+```bash
+npx tsc --noEmit
+```
+
+### 添加新组件
+
+1. 在 `src/components/` 下新建组件目录，包含 4 个文件：
+
+```bash
+src/components/MyComponent/
+├── MyComponent.types.ts
+├── MyComponent.styles.ts
+├── MyComponent.tsx
+└── index.ts
+```
+
+2. **types.ts** — 定义 Props 接口：
+
+```typescript
+import React from 'react';
+
+export interface MyComponentProps {
+  /** 属性说明 */
+  label: string;
+  children?: React.ReactNode;
+}
+```
+
+3. **styles.ts** — 编写样式组件，从 `theme` 获取设计令牌：
+
+```typescript
+import styled from 'styled-components';
+
+export const Root = styled.div`
+  padding: ${({ theme }) => theme.spacing(2)};
+  border-radius: ${({ theme }) => theme.borderRadius.md};
+  color: ${({ theme }) => theme.colors.text.primary};
+`;
+```
+
+4. **Component.tsx** — 实现组件逻辑：
+
+```tsx
+import React from 'react';
+import type { MyComponentProps } from './MyComponent.types';
+import { Root } from './MyComponent.styles';
+
+export const MyComponent: React.FC<MyComponentProps> = ({ label, children }) => (
+  <Root>{label}{children}</Root>
+);
+
+MyComponent.displayName = 'MyComponent';
+```
+
+5. **index.ts** — 导出：
+
+```typescript
+export { MyComponent } from './MyComponent';
+export type { MyComponentProps } from './MyComponent.types';
+```
+
+6. 在 `src/index.ts` 中添加导出：
+
+```typescript
+export { MyComponent } from './components/MyComponent';
+export type { MyComponentProps } from './components/MyComponent';
+```
+
+7. 运行 `npx tsc --noEmit` 确认无类型错误。
+
+### 开发规范
+
+- **受控/非受控**：使用 `useControlled` hook 统一管理
+- **样式**：全部通过 `styled-components` 编写，使用 `$` 前缀标记 transient props（不传递到 DOM）
+- **主题变量**：禁止硬编码颜色/间距/圆角等值，一律从 `theme` 对象读取
+- **类型安全**：所有 Props 必须有 TypeScript 接口定义，导出供外部使用
+- **displayName**：每个组件必须设置 `displayName`，便于 React DevTools 调试
+- **无障碍**：为交互组件添加 `role`、`aria-*` 属性
+
+### 已知 TypeScript 注意事项
+
+- `useClickOutside` 返回 `RefObject<T | null>`，传递给 styled-components 时需要类型断言：
+  ```typescript
+  const ref = useClickOutside<HTMLDivElement>(() => {}) as React.RefObject<HTMLDivElement>;
+  ```
+- 主题深度合并时使用 `as unknown as` 双重断言以绕过严格类型检查
+
+---
+
+## 构建配置
+
+### Vite Library Mode
+
+- 入口：`src/index.ts`
+- 输出格式：ESM + CJS
+- 外部依赖（不打包）：`react`、`react-dom`、`react/jsx-runtime`、`styled-components`
+- Source Map：启用
+
+### TypeScript
+
+- 严格模式 (`strict: true`)
+- JSX 转换：`react-jsx`（新版自动导入，不需要 `import React`）
+- `declarationMap: true`，支持 "Go to Definition" 跳转到源码
+
+---
+
+## Scripts 速查
+
+| 命令 | 说明 |
+|------|------|
+| `pnpm exec vite` | 启动 Demo 开发服务器 (5173) |
+| `pnpm dev` | 启动 Storybook (6006) |
+| `pnpm build` | 完整构建（类型 + 打包） |
+| `pnpm build:types` | 仅生成类型声明 |
+| `pnpm build-storybook` | 构建 Storybook 静态站点 |
+| `npx tsc --noEmit` | 类型检查 |
+
+---
+
+## 许可证
+
+[MIT](LICENSE)

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { AlertProps } from './Alert.types';
+export declare const Alert: React.FC<AlertProps>;
+//# sourceMappingURL=Alert.d.ts.map

package/dist/components/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAiCtC,CAAC"}

package/dist/components/Alert/Alert.styles.d.ts

@@ -0,0 +1,12 @@
+import { AlertSeverity } from './Alert.types';
+export declare const AlertRoot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $severity: AlertSeverity;
+}>> & string;
+export declare const Icon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $severity: AlertSeverity;
+}>> & string;
+export declare const Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CloseBtn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const defaultIcons: Record<AlertSeverity, string>;
+//# sourceMappingURL=Alert.styles.d.ts.map

package/dist/components/Alert/Alert.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AASnD,eAAO,MAAM,SAAS;eAA2B,aAAa;YAe7D,CAAC;AAEF,eAAO,MAAM,IAAI;eAA4B,aAAa;YAKzD,CAAC;AAEF,eAAO,MAAM,OAAO,6NAGnB,CAAC;AAEF,eAAO,MAAM,KAAK,6NAGjB,CAAC;AAEF,eAAO,MAAM,QAAQ,+NAMpB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAKtD,CAAC"}

package/dist/components/Alert/Alert.types.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export type AlertSeverity = 'success' | 'info' | 'warning' | 'error';
+export interface AlertProps {
+    /** 严重程度 */
+    severity?: AlertSeverity;
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 是否可关闭 */
+    closable?: boolean;
+    /** 关闭回调 */
+    onClose?: () => void;
+    /** 左侧图标（false可隐藏） */
+    icon?: React.ReactNode | false;
+    /** 操作区 */
+    action?: React.ReactNode;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+}
+//# sourceMappingURL=Alert.types.d.ts.map

package/dist/components/Alert/Alert.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,UAAU;IACzB,WAAW;IACX,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS;IACT,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,YAAY;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;IAC/B,UAAU;IACV,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Alert/index.d.ts

@@ -0,0 +1,3 @@
+export { Alert } from './Alert';
+export type { AlertProps, AlertSeverity } from './Alert.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { AvatarProps } from './Avatar.types';
+export declare const Avatar: React.FC<AvatarProps>;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqBxC,CAAC"}

package/dist/components/Avatar/Avatar.styles.d.ts

@@ -0,0 +1,12 @@
+declare const sizeMap: {
+    small: number;
+    medium: number;
+    large: number;
+};
+export declare const AvatarRoot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $size: number;
+    $shape: string;
+}>> & string;
+export declare const AvatarImg: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export { sizeMap };
+//# sourceMappingURL=Avatar.styles.d.ts.map

package/dist/components/Avatar/Avatar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.styles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,OAAO;;;;CAIZ,CAAC;AAEF,eAAO,MAAM,UAAU;WAAwB,MAAM;YAAU,MAAM;YAcpE,CAAC;AAEF,eAAO,MAAM,SAAS,oOAIrB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Avatar/Avatar.types.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export interface AvatarProps {
+    /** 图片地址 */
+    src?: string;
+    /** 图片alt */
+    alt?: string;
+    /** 文字内容（无图片时显示） */
+    children?: React.ReactNode;
+    /** 尺寸 */
+    size?: 'small' | 'medium' | 'large' | number;
+    /** 形状 */
+    shape?: 'circle' | 'square';
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    className?: string;
+}
+//# sourceMappingURL=Avatar.types.d.ts.map

package/dist/components/Avatar/Avatar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B,WAAW;IACX,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS;IACT,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,SAAS;IACT,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,YAAY;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { Avatar } from './Avatar';
+export type { AvatarProps } from './Avatar.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { BadgeProps } from './Badge.types';
+export declare const Badge: React.FC<BadgeProps>;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAsBtC,CAAC"}

package/dist/components/Badge/Badge.styles.d.ts

@@ -0,0 +1,10 @@
+export declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const BadgeDot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $color: string;
+    $invisible: boolean;
+}>> & string;
+export declare const BadgeCount: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $color: string;
+    $invisible: boolean;
+}>> & string;
+//# sourceMappingURL=Badge.styles.d.ts.map

package/dist/components/Badge/Badge.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO,+NAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ;YAAyB,MAAM;gBAAc,OAAO;YAWxE,CAAC;AAEF,eAAO,MAAM,UAAU;YAAyB,MAAM;gBAAc,OAAO;YAiB1E,CAAC"}

package/dist/components/Badge/Badge.types.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export interface BadgeProps {
+    /** 显示的数值 */
+    count?: number;
+    /** 最大显示数值，超过则显示 max+ */
+    max?: number;
+    /** 是否仅显示小圆点 */
+    dot?: boolean;
+    /** 颜色 */
+    color?: 'primary' | 'secondary' | 'error' | 'warning' | 'success';
+    /** 当count为0时是否显示 */
+    showZero?: boolean;
+    /** 是否不可见 */
+    invisible?: boolean;
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=Badge.types.d.ts.map

package/dist/components/Badge/Badge.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,UAAU;IACzB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS;IACT,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IAClE,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,3 @@
+export { Badge } from './Badge';
+export type { BadgeProps } from './Badge.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { BreadcrumbProps } from './Breadcrumb.types';
+export declare const Breadcrumb: React.FC<BreadcrumbProps>;
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/components/Breadcrumb/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkChD,CAAC"}