@meta-1/design 0.0.159

package/README.md

@@ -0,0 +1,412 @@
+# @meta-1/design - React UI 组件库
+
+基于 Radix UI 和 Tailwind CSS 构建的现代化 React 组件库，提供美观、易用、无障碍的 UI 组件。
+
+## ✨ 特性
+
+- 🎨 **现代设计** - 美观、简洁的视觉设计
+- ♿ **无障碍访问** - 符合 WCAG 标准，基于 Radix UI
+- 🎯 **类型安全** - 完整的 TypeScript 支持
+- 🌗 **主题系统** - 支持明暗主题切换
+- 📦 **模块化** - 按需导入，减小包体积
+- 🎭 **灵活定制** - 基于 Tailwind CSS，易于定制
+- 🔧 **工具齐全** - 内置表单、表格、树形控件等常用组件
+- 🌍 **国际化** - 内置多语言支持
+
+## 📦 安装
+
+```bash
+npm install @meta-1/design
+# 或
+pnpm add @meta-1/design
+# 或
+yarn add @meta-1/design
+```
+
+### 依赖安装
+
+确保安装必要的依赖：
+
+```bash
+pnpm add react react-dom next tailwindcss
+```
+
+## 🚀 快速开始
+
+### 1. 配置 Tailwind CSS
+
+在你的 `tailwind.config.js` 中：
+
+```js
+module.exports = {
+  content: [
+    './src/**/*.{js,ts,jsx,tsx}',
+    './node_modules/@meta-1/design/**/*.{js,ts,jsx,tsx}',
+  ],
+  // ... 其他配置
+}
+```
+
+### 2. 导入主题样式
+
+在你的应用入口文件中导入主题样式：
+
+```tsx
+import '@meta-1/design/theme.css';
+```
+
+### 3. 使用组件
+
+```tsx
+import { Button, Input, Card } from '@meta-1/design';
+
+export default function App() {
+  return (
+    <Card>
+      <h1>欢迎使用 @meta-1/design</h1>
+      <Input placeholder="输入内容" />
+      <Button>提交</Button>
+    </Card>
+  );
+}
+```
+
+## 📚 组件列表
+
+### 基础组件
+
+#### Button - 按钮
+```tsx
+import { Button } from '@meta-1/design';
+
+<Button variant="primary">主要按钮</Button>
+<Button variant="outline">边框按钮</Button>
+<Button variant="ghost">幽灵按钮</Button>
+<Button size="sm">小按钮</Button>
+```
+
+#### Input - 输入框
+```tsx
+import { Input } from '@meta-1/design';
+
+<Input placeholder="请输入" />
+<Input type="password" />
+<Input disabled />
+```
+
+#### Checkbox - 复选框
+```tsx
+import { Checkbox } from '@meta-1/design';
+
+<Checkbox>记住我</Checkbox>
+<Checkbox checked>已选中</Checkbox>
+```
+
+#### Radio - 单选框
+```tsx
+import { RadioGroup, RadioGroupItem } from '@meta-1/design';
+
+<RadioGroup>
+  <RadioGroupItem value="1">选项 1</RadioGroupItem>
+  <RadioGroupItem value="2">选项 2</RadioGroupItem>
+</RadioGroup>
+```
+
+#### Switch - 开关
+```tsx
+import { Switch } from '@meta-1/design';
+
+<Switch />
+<Switch checked />
+```
+
+#### Select - 选择器
+```tsx
+import { Select, SelectTrigger, SelectContent, SelectItem } from '@meta-1/design';
+
+<Select>
+  <SelectTrigger>选择选项</SelectTrigger>
+  <SelectContent>
+    <SelectItem value="1">选项 1</SelectItem>
+    <SelectItem value="2">选项 2</SelectItem>
+  </SelectContent>
+</Select>
+```
+
+### 布局组件
+
+#### Card - 卡片
+```tsx
+import { Card, CardHeader, CardTitle, CardContent } from '@meta-1/design';
+
+<Card>
+  <CardHeader>
+    <CardTitle>标题</CardTitle>
+  </CardHeader>
+  <CardContent>
+    内容
+  </CardContent>
+</Card>
+```
+
+#### Dialog - 对话框
+```tsx
+import { Dialog, DialogTrigger, DialogContent, DialogTitle } from '@meta-1/design';
+
+<Dialog>
+  <DialogTrigger>打开对话框</DialogTrigger>
+  <DialogContent>
+    <DialogTitle>标题</DialogTitle>
+    <p>内容</p>
+  </DialogContent>
+</Dialog>
+```
+
+#### Tabs - 标签页
+```tsx
+import { Tabs, TabsList, TabsTrigger, TabsContent } from '@meta-1/design';
+
+<Tabs defaultValue="tab1">
+  <TabsList>
+    <TabsTrigger value="tab1">标签 1</TabsTrigger>
+    <TabsTrigger value="tab2">标签 2</TabsTrigger>
+  </TabsList>
+  <TabsContent value="tab1">内容 1</TabsContent>
+  <TabsContent value="tab2">内容 2</TabsContent>
+</Tabs>
+```
+
+### 数据展示
+
+#### Table - 表格
+```tsx
+import { Table, TableHeader, TableBody, TableRow, TableCell } from '@meta-1/design';
+
+<Table>
+  <TableHeader>
+    <TableRow>
+      <TableCell>列 1</TableCell>
+      <TableCell>列 2</TableCell>
+    </TableRow>
+  </TableHeader>
+  <TableBody>
+    <TableRow>
+      <TableCell>数据 1</TableCell>
+      <TableCell>数据 2</TableCell>
+    </TableRow>
+  </TableBody>
+</Table>
+```
+
+#### Tree - 树形控件
+```tsx
+import { Tree } from '@meta-1/design';
+
+<Tree
+  data={[
+    { key: '1', title: '节点 1', children: [...] }
+  ]}
+/>
+```
+
+#### Badge - 徽章
+```tsx
+import { Badge } from '@meta-1/design';
+
+<Badge>徽章</Badge>
+<Badge variant="success">成功</Badge>
+<Badge variant="error">错误</Badge>
+```
+
+#### Avatar - 头像
+```tsx
+import { Avatar, AvatarImage, AvatarFallback } from '@meta-1/design';
+
+<Avatar>
+  <AvatarImage src="/avatar.jpg" />
+  <AvatarFallback>UN</AvatarFallback>
+</Avatar>
+```
+
+### 反馈组件
+
+#### Toast - 消息提示
+```tsx
+import { useToast } from '@meta-1/design';
+
+const { toast } = useToast();
+
+toast({
+  title: '成功',
+  description: '操作已完成',
+});
+```
+
+#### Alert - 警告提示
+```tsx
+import { Alert, AlertTitle, AlertDescription } from '@meta-1/design';
+
+<Alert>
+  <AlertTitle>提示</AlertTitle>
+  <AlertDescription>这是一条提示信息</AlertDescription>
+</Alert>
+```
+
+#### Progress - 进度条
+```tsx
+import { Progress } from '@meta-1/design';
+
+<Progress value={60} />
+```
+
+### 导航组件
+
+#### Menu - 菜单
+```tsx
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '@meta-1/design';
+
+<DropdownMenu>
+  <DropdownMenuTrigger>菜单</DropdownMenuTrigger>
+  <DropdownMenuContent>
+    <DropdownMenuItem>选项 1</DropdownMenuItem>
+    <DropdownMenuItem>选项 2</DropdownMenuItem>
+  </DropdownMenuContent>
+</DropdownMenu>
+```
+
+## 🎨 主题定制
+
+### 使用主题
+
+```tsx
+import { ThemeProvider } from 'next-themes';
+
+<ThemeProvider attribute="class" defaultTheme="system">
+  <App />
+</ThemeProvider>
+```
+
+### 切换主题
+
+```tsx
+import { useTheme } from 'next-themes';
+
+const { theme, setTheme } = useTheme();
+
+<button onClick={() => setTheme('dark')}>深色模式</button>
+<button onClick={() => setTheme('light')}>浅色模式</button>
+```
+
+### 自定义颜色
+
+在你的 CSS 文件中覆盖 CSS 变量：
+
+```css
+:root {
+  --primary: 220 90% 56%;
+  --secondary: 220 14% 96%;
+  /* ... 更多变量 */
+}
+
+.dark {
+  --primary: 220 90% 56%;
+  --secondary: 220 14% 20%;
+  /* ... 更多变量 */
+}
+```
+
+## 📖 高级用法
+
+### 表单集成
+
+与 React Hook Form 集成：
+
+```tsx
+import { useForm } from 'react-hook-form';
+import { Input, Button } from '@meta-1/design';
+
+export default function Form() {
+  const { register, handleSubmit } = useForm();
+
+  const onSubmit = (data) => console.log(data);
+
+  return (
+    <form onSubmit={handleSubmit(onSubmit)}>
+      <Input {...register('name')} placeholder="姓名" />
+      <Button type="submit">提交</Button>
+    </form>
+  );
+}
+```
+
+### 表格高级功能
+
+使用 TanStack Table：
+
+```tsx
+import { useReactTable } from '@tanstack/react-table';
+import { Table } from '@meta-1/design';
+
+// 完整示例请参考文档
+```
+
+## 🌍 国际化
+
+```tsx
+import zhCN from '@meta-1/design/locales/zh-cn';
+import enUS from '@meta-1/design/locales/en-us';
+
+// 使用你的 i18n 配置
+```
+
+## 🔧 工具函数
+
+### cn - 类名合并
+
+```tsx
+import { cn } from '@meta-1/design/lib';
+
+<div className={cn('base-class', condition && 'conditional-class')} />
+```
+
+## 📝 开发指南
+
+### 项目结构
+
+```
+packages/design/
+├── src/
+│   ├── components/
+│   │   ├── ui/           # 基础 UI 组件
+│   │   ├── uix/          # 复杂组件
+│   │   └── icons/        # 图标组件
+│   ├── lib/              # 工具函数
+│   ├── hooks/            # 自定义 Hooks
+│   └── assets/           # 样式和资源
+└── package.json
+```
+
+### 按需导入
+
+```tsx
+// 推荐：按需导入
+import { Button } from '@meta-1/design';
+import { Input } from '@meta-1/design';
+
+// 或者从子路径导入
+import { Button } from '@meta-1/design/components/ui/button';
+```
+
+## 🤝 贡献
+
+欢迎贡献代码、报告问题或提出建议！
+
+## 📄 许可证
+
+MIT
+
+## 🔗 相关链接
+
+- [Radix UI](https://www.radix-ui.com/)
+- [Tailwind CSS](https://tailwindcss.com/)
+- [示例网站](https://design.example.com)

package/package.json

@@ -0,0 +1,138 @@
+{
+  "name": "@meta-1/design",
+  "version": "0.0.159",
+  "keywords": [
+    "easykit",
+    "design",
+    "tailwindcss",
+    "react"
+  ],
+  "description": "Easy kit design components",
+  "author": "Grant <284885069@qq.com>",
+  "homepage": "https://github.com/zkit-org",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/zkit-org/packages.git"
+  },
+  "scripts": {
+    "icon": "svgr src/assets/icons --out-dir src/components/icons --typescript --icon"
+  },
+  "type": "module",
+  "dependencies": {
+    "@emotion/react": "11.11.4",
+    "@hookform/resolvers": "5.2.2",
+    "@radix-ui/react-alert-dialog": "1.1.2",
+    "@radix-ui/react-avatar": "1.1.1",
+    "@radix-ui/react-checkbox": "1.1.2",
+    "@radix-ui/react-dialog": "1.1.2",
+    "@radix-ui/react-dismissable-layer": "1.1.1",
+    "@radix-ui/react-dropdown-menu": "2.1.2",
+    "@radix-ui/react-focus-scope": "1.1.0",
+    "@radix-ui/react-hover-card": "1.1.2",
+    "@radix-ui/react-icons": "1.3.2",
+    "@radix-ui/react-label": "2.1.0",
+    "@radix-ui/react-navigation-menu": "^1.2.5",
+    "@radix-ui/react-popover": "1.1.2",
+    "@radix-ui/react-progress": "1.1.0",
+    "@radix-ui/react-radio-group": "1.2.1",
+    "@radix-ui/react-scroll-area": "1.2.1",
+    "@radix-ui/react-select": "2.1.2",
+    "@radix-ui/react-separator": "1.1.0",
+    "@radix-ui/react-slot": "1.1.0",
+    "@radix-ui/react-switch": "1.1.1",
+    "@radix-ui/react-tabs": "1.1.1",
+    "@radix-ui/react-toast": "1.2.2",
+    "@radix-ui/react-tooltip": "1.1.4",
+    "@tanstack/react-table": "8.20.5",
+    "class-variance-authority": "0.7.0",
+    "clsx": "2.1.1",
+    "cmdk": "1.0.0",
+    "date-fns": "3.6.0",
+    "escape-html": "1.0.3",
+    "github-markdown-css": "5.6.1",
+    "input-otp": "^1.4.2",
+    "is-hotkey": "0.2.0",
+    "lodash": "4.17.21",
+    "lucide-react": "0.400.0",
+    "next-themes": "0.4.4",
+    "rc-tree": "5.12.4",
+    "react-day-picker": "8.10.1",
+    "react-dropzone": "14.2.3",
+    "react-hook-form": "7.52.1",
+    "react-resizable-panels": "2.0.20",
+    "slate": "0.103.0",
+    "slate-history": "0.100.0",
+    "slate-react": "0.106.0",
+    "sonner": "^2.0.3",
+    "uuid": "10.0.0"
+  },
+  "devDependencies": {
+    "@types/uuid": "10.0.0"
+  },
+  "module": "./src/index.ts",
+  "types": "./src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "default": "./src/index.ts"
+    },
+    "./components/*": {
+      "types": "./src/components/*/index.tsx",
+      "default": "./src/components/*/index.tsx"
+    },
+    "./components/ui/*": {
+      "types": "./src/components/ui/*.tsx",
+      "default": "./src/components/ui/*.tsx"
+    },
+    "./components/uix/*": {
+      "types": "./src/components/uix/*/index.tsx",
+      "default": "./src/components/uix/*/index.tsx"
+    },
+    "./components/icons": {
+      "types": "./src/components/icons/index.ts",
+      "default": "./src/components/icons/index.ts"
+    },
+    "./lib/*": {
+      "types": "./src/lib/*.ts",
+      "default": "./src/lib/*.ts"
+    },
+    "./lib": {
+      "types": "./src/lib/index.ts",
+      "default": "./src/lib/index.ts"
+    },
+    "./hooks/*": {
+      "types": "./src/hooks/*.ts",
+      "default": "./src/hooks/*.ts"
+    },
+    "./hooks": {
+      "types": "./src/hooks/index.ts",
+      "default": "./src/hooks/index.ts"
+    },
+    "./locales/*": {
+      "types": "./src/assets/locales/*",
+      "default": "./src/assets/locales/*"
+    },
+    "./locales/zh-cn": {
+      "types": "./src/assets/locales/zh-cn.ts",
+      "default": "./src/assets/locales/zh-cn.ts"
+    },
+    "./locales/zh-tw": {
+      "types": "./src/assets/locales/zh-tw.ts",
+      "default": "./src/assets/locales/zh-tw.ts"
+    },
+    "./locales/en-us": {
+      "types": "./src/assets/locales/en-us.ts",
+      "default": "./src/assets/locales/en-us.ts"
+    },
+    "./theme.css": "./src/assets/style/theme.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "/src",
+    "package.json",
+    "README.md"
+  ]
+}

package/src/assets/icons/empty.svg

@@ -0,0 +1 @@
+<svg class="svg_21efd88b67__icon" viewBox="0 0 1485 1024" xmlns="http://www.w3.org/2000/svg" width="34.80472" height="24"><path d="M1243.625 633.444l-161.107-269.618c-3.034-6.358-8.38-10.26-14.593-10.26H401.248c-6.068 0-11.559 3.18-14.593 10.26L225.549 633.444c-1.59 1.59-1.59 3.179-1.59 6.357v329.87c0 10.26 6.069 16.617 16.183 16.617h989.756c9.97 0 16.183-6.357 16.183-16.616v-329.87c-0.867-2.457-0.867-4.046-2.456-6.358zM411.218 387.522h647.604l145.068 236.24H847.722c-9.97 0-16.183 6.359-16.183 16.617 0 54.762-43.78 99.843-96.663 99.843s-96.664-45.226-96.664-99.843c0-10.258-6.069-16.616-16.183-16.616H265.283l145.935-236.241z m801.775 566.256H256.18V657.14h351.4c8.38 65.02 62.852 116.603 127.295 116.603S854.513 722.161 862.17 657.14h351.544v296.493h-0.722zM149.547 796.718v-18.206c0-4.769-3.901-8.67-8.38-8.67s-8.38 3.901-8.38 8.67v18.205h-17.629c-4.623 0-8.38 3.902-8.38 8.67s3.901 8.67 8.38 8.67h17.628v18.205c0 4.768 3.901 8.67 8.38 8.67 4.624 0 8.381-3.902 8.381-8.67v-18.206h17.628c4.624 0 8.38-3.901 8.38-8.67s-3.901-8.669-8.38-8.669h-17.628z m1157.075-360.792h26.875c6.936 0 13.004 6.358 13.004 13.438 0 7.947-5.346 13.437-13.004 13.437h-26.875v27.742c0 7.08-6.068 13.438-13.004 13.438s-13.004-5.49-13.004-13.438v-27.742h-26.875c-6.936 0-13.004-6.357-13.004-13.437 0-7.947 5.346-13.438 13.004-13.438h26.875v-27.742c0-7.08 6.069-13.438 13.004-13.438 7.658 0 13.004 5.491 13.004 13.438v27.742z m94.352 118.193h16.905c4.624 0 8.38 3.901 8.38 8.67s-3.9 8.669-8.38 8.669h-16.905v17.483c0 4.768-3.901 8.67-8.38 8.67-4.624 0-8.38-3.902-8.38-7.948V572.18h-16.906c-4.624 0-8.38-3.901-8.38-8.67s3.9-8.669 8.38-8.669h16.905v-18.205c0-4.769 3.902-8.67 8.38-8.67 4.624 0 8.381 3.901 8.381 8.67v17.483zM171.8 413.819v-27.742c0-7.947-6.07-13.438-13.005-13.438-7.658 0-13.004 6.358-13.004 13.438v27.02h-26.152c-7.658 0-13.004 6.357-13.004 13.437 0 7.947 6.068 13.438 13.004 13.438h26.152v27.02c0 7.946 6.069 13.437 13.004 13.437 7.658 0 13.005-6.358 13.005-13.438v-27.02h26.152c7.658 0 13.004-6.357 13.004-13.437 0-7.947-6.068-13.437-13.004-13.437 0 0.722-26.152 0.722-26.152 0.722zM52.883 684.16C23.696 684.16 0 659.597 0 629.4s23.84-54.763 52.883-54.763c29.187 0 52.884 24.564 52.884 54.762 0.144 30.92-23.697 54.762-52.884 54.762z m0-27.019c14.594 0 26.153-11.848 26.153-27.02 0-15.026-11.56-27.02-26.153-27.02-14.593 0-26.152 11.85-26.152 27.02 0.144 15.172 11.559 27.02 26.152 27.02z m1407.91-151.425c-13.004 0-24.563-11.126-24.563-25.43 0-14.305 10.692-25.43 24.563-25.43 13.004 0 24.563 11.125 24.563 25.43 0 14.304-10.692 25.43-24.563 25.43z m0-11.848c6.936 0 12.282-5.491 12.282-12.716s-5.346-12.715-12.282-12.715-12.282 5.49-12.282 12.715c0 7.08 6.213 12.716 12.282 12.716zM393.591 94.93c10.692-11.126 28.32-11.126 39.156 0L531 195.64c10.693 11.125 10.693 29.33 0 40.457-10.692 11.125-28.32 11.125-39.156 0l-98.253-100.71c-10.693-11.126-10.693-29.331 0-40.457z m341.43-50.716c15.315 0 27.597 12.715 27.597 28.609v142.756c0 15.894-12.282 28.609-27.598 28.609-15.316 0-27.597-12.715-27.597-28.61V72.824c-0.867-15.172 12.281-28.61 27.597-28.61-0.722 0 0 0 0 0z m342.151 43.636c10.693 11.126 10.693 29.331 0 40.457l-97.386 100.71c-10.692 11.125-28.32 11.125-39.157 0-10.692-11.126-10.692-29.332 0-40.458l97.387-100.71c10.836-11.125 28.464-11.125 39.156 0z" fill="currentColor"/></svg>

package/src/assets/icons/spin.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" class="svg_f013ea9dcb__svg_a0d71e7da7__icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M512 1024c-136.768 0-265.344-53.248-362.048-149.952S0 648.768 0 512c0-96.832 27.2-191.104 78.592-272.704A513.28 513.28 0 0 1 282.944 54.016l43.008 85.824a417.92 417.92 0 0 0-166.144 150.656A414.72 414.72 0 0 0 96 512c0 229.376 186.624 416 416 416s416-186.624 416-416c0-78.72-22.08-155.264-63.808-221.504a416.96 416.96 0 0 0-166.144-150.656l43.008-85.824a513.28 513.28 0 0 1 204.352 185.28A510.784 510.784 0 0 1 1024 512c0 136.768-53.248 265.344-149.952 362.048S648.768 1024 512 1024z"/></svg>

package/src/assets/locales/en-us.ts

@@ -0,0 +1,74 @@
+import "dayjs/locale/en";
+import { enUS } from "date-fns/locale";
+
+export default {
+  key: "en-US",
+  Alert: {
+    okText: "Confirm",
+    cancelText: "Cancel",
+  },
+  ComboSelect: {
+    empty: "No data",
+    clearText: "Clear",
+  },
+  DataTable: {
+    empty: "No data",
+  },
+  Filters: {
+    searchText: "Search",
+    resetText: "Reset",
+  },
+  Pagination: {
+    totalPage: "Total %total items",
+    total: "%page pages",
+    size: "%size items/page",
+    go: "Go to",
+    goSuffix: "page",
+  },
+  Tree: {
+    emptyText: "No data",
+  },
+  TreeTable: {
+    emptyText: "No data",
+  },
+  DateRangePicker: {
+    locale: enUS,
+    format: "LLL dd, y",
+  },
+  Uploader: {
+    placeholder: "Drag 'n' drop some files here, or click to select files",
+    uploadText: "Upload",
+    maxFilesExceeded: "Maximum number of files exceeded",
+    partialFilesAdded: ", only %count more files can be added",
+  },
+  DatePicker: {
+    locale: enUS,
+    format: "LLL dd, y",
+    presetPlaceholder: "Quick select",
+    options: [
+      {
+        label: "Today",
+        value: "0",
+      },
+      {
+        label: "Tomorrow",
+        value: "1",
+      },
+      {
+        label: "In 3 days",
+        value: "3",
+      },
+      {
+        label: "In a week",
+        value: "7",
+      },
+      {
+        label: "In a Month",
+        value: "30",
+      },
+    ],
+  },
+  Empty: {
+    text: "No data",
+  },
+};

package/src/assets/locales/zh-cn.ts

@@ -0,0 +1,74 @@
+import "dayjs/locale/zh-cn";
+import { zhCN } from "date-fns/locale";
+
+export default {
+  key: "zh-CN",
+  Alert: {
+    okText: "确定",
+    cancelText: "取消",
+  },
+  ComboSelect: {
+    empty: "暂无数据",
+    clearText: "清空",
+  },
+  DataTable: {
+    empty: "暂无数据",
+  },
+  Filters: {
+    searchText: "搜索",
+    resetText: "重置",
+  },
+  Pagination: {
+    totalPage: "共 %total 条",
+    total: "%page 页",
+    size: "%size 条/页",
+    go: "前往",
+    goSuffix: "页",
+  },
+  Tree: {
+    emptyText: "暂无数据",
+  },
+  TreeTable: {
+    emptyText: "暂无数据",
+  },
+  DateRangePicker: {
+    locale: zhCN,
+    format: "yyyy-MM-dd",
+  },
+  Uploader: {
+    placeholder: "请拖动文件到此处或者点击选择文件",
+    uploadText: "上传",
+    maxFilesExceeded: "已达到最大文件数量限制",
+    partialFilesAdded: "，只能再添加 %count 个文件",
+  },
+  DatePicker: {
+    locale: zhCN,
+    format: "yyyy-MM-dd",
+    presetPlaceholder: "快速选择",
+    options: [
+      {
+        label: "今天",
+        value: "0",
+      },
+      {
+        label: "明天",
+        value: "1",
+      },
+      {
+        label: "三天后",
+        value: "3",
+      },
+      {
+        label: "一周后",
+        value: "7",
+      },
+      {
+        label: "一月后",
+        value: "30",
+      },
+    ],
+  },
+  Empty: {
+    text: "暂无数据",
+  },
+};