lingee-ui 0.0.26 → 0.0.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/button/index.d.mts +1 -1
- package/dist/button/index.d.ts +1 -1
- package/dist/{index-BVXwKHfX.d.mts → index-7pb5YOcq.d.mts} +1 -1
- package/dist/{index-BVXwKHfX.d.ts → index-7pb5YOcq.d.ts} +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.mts +43 -4
- package/dist/index.d.ts +43 -4
- package/dist/index.js +2 -2
- package/dist/index.mjs +2 -2
- package/dist/tabs/index.d.mts +1 -1
- package/dist/tabs/index.d.ts +1 -1
- package/package.json +1 -1
- package/skill/AGENTS-SNIPPET.md +2 -2
- package/skill/SKILL.md +6 -6
- package/skill/VERSION.json +4 -4
- package/skill/references/components/sidebar.md +17 -2
- package/skill/references/icons.md +18 -11
- package/skill/references/setup.md +1 -1
- package/skill/references/tokens.md +1 -1
package/dist/tabs/index.d.mts
CHANGED
|
@@ -84,7 +84,7 @@ interface TabsProps<T extends string = string> extends Omit<HTMLAttributes<HTMLD
|
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
declare const tabsVariants: (props?: ({
|
|
87
|
-
variant?: "
|
|
87
|
+
variant?: "solid" | "underline" | "outline" | "segmented" | "rounded" | null | undefined;
|
|
88
88
|
size?: "sm" | "md" | null | undefined;
|
|
89
89
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
90
90
|
declare const Tabs: <T extends string = string>(props: TabsProps<T> & {
|
package/dist/tabs/index.d.ts
CHANGED
|
@@ -84,7 +84,7 @@ interface TabsProps<T extends string = string> extends Omit<HTMLAttributes<HTMLD
|
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
declare const tabsVariants: (props?: ({
|
|
87
|
-
variant?: "
|
|
87
|
+
variant?: "solid" | "underline" | "outline" | "segmented" | "rounded" | null | undefined;
|
|
88
88
|
size?: "sm" | "md" | null | undefined;
|
|
89
89
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
90
90
|
declare const Tabs: <T extends string = string>(props: TabsProps<T> & {
|
package/package.json
CHANGED
package/skill/AGENTS-SNIPPET.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
> **本文件由 `packages/lingee-ui/scripts/gen-skill.mjs` 自动生成,禁止手工编辑。**
|
|
4
4
|
> 供根 `AGENTS.md` 引用,避免手写清单随组件库迭代脱节。
|
|
5
|
-
> 组件库 `0.0.
|
|
5
|
+
> 组件库 `0.0.27` | 图标库 `1.0.24`
|
|
6
6
|
|
|
7
7
|
## 可用组件(45)
|
|
8
8
|
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
| `RangePicker` | 日期范围选择器 | 用于选择日期范围的输入组件。 |
|
|
37
37
|
| `ScrollArea`、`ScrollBar` | 自定义滚动区域 | 自定义样式的滚动容器组件,提供美观的滚动条体验。 |
|
|
38
38
|
| `Select` | 选择器 | 下拉选择器,支持单选、多选、搜索和远程加载。 |
|
|
39
|
-
| `Sidebar` +
|
|
39
|
+
| `Sidebar` +31 个子组件 | 侧边栏 | 侧边栏复合组件,提供根容器、页签、导航项、分组、列表项、占位项与底栏,通过 Sidebar.xxx 组合使用。 |
|
|
40
40
|
| `Skeleton` | 骨架屏 | 在数据加载完成前通过占位图形展示页面结构,降低用户等待焦虑。 |
|
|
41
41
|
| `Slider` | 数值滑块 | 滑动输入器,用于在数值区间内进行选择。 |
|
|
42
42
|
| `Spin` | 加载中 | 用于页面和区域的加载中状态指示器。 |
|
package/skill/SKILL.md
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
name: lingee-ui-usage
|
|
3
3
|
description: 使用 lingee-ui 组件库与 lingee-icon 图标库开发 React 界面。当需要编写含按钮、表单、弹窗、表格、下拉、页签、图标等 UI 的 React/TypeScript 代码,或需要查询 lingee-ui 组件 API、Design Token 语义变量、可用图标名时触发。关键词:lingee-ui、lingee-icon、组件库、图标库、Design Token、语义变量、lg- 前缀、UI 组件。
|
|
4
4
|
metadata:
|
|
5
|
-
lingeeUi: "0.0.
|
|
6
|
-
lingeeIcon: "1.0.
|
|
5
|
+
lingeeUi: "0.0.27"
|
|
6
|
+
lingeeIcon: "1.0.24"
|
|
7
7
|
generatedBy: "gen-skill.mjs"
|
|
8
8
|
---
|
|
9
9
|
|
|
10
10
|
# lingee-ui 组件库使用技能
|
|
11
11
|
|
|
12
|
-
Kingdee Lingee 设计体系的 React 组件库(45 个组件)与图标库(
|
|
12
|
+
Kingdee Lingee 设计体系的 React 组件库(45 个组件)与图标库(994 个图标)。
|
|
13
13
|
本技能面向**消费方项目**,只覆盖「如何用」,不含组件库内部开发约定。
|
|
14
14
|
|
|
15
|
-
- 组件库版本 `0.0.
|
|
15
|
+
- 组件库版本 `0.0.27` | 图标库版本 `1.0.24`
|
|
16
16
|
- 组件在线预览:https://kingdee.github.io/lingee-ui/
|
|
17
17
|
- 图标在线预览:https://kingdee.github.io/lingee-icon/
|
|
18
18
|
|
|
@@ -84,7 +84,7 @@ createRoot(el).render(
|
|
|
84
84
|
| `RangePicker` | 日期范围选择器 | 用于选择日期范围的输入组件。 | `range-picker.md` | — |
|
|
85
85
|
| `ScrollArea`、`ScrollBar` | 自定义滚动区域 | 自定义样式的滚动容器组件,提供美观的滚动条体验。 | `scroll-area.md` | — |
|
|
86
86
|
| `Select` | 选择器 | 下拉选择器,支持单选、多选、搜索和远程加载。 | `select.md` | — |
|
|
87
|
-
| `Sidebar` +
|
|
87
|
+
| `Sidebar` +31 个子组件 | 侧边栏 | 侧边栏复合组件,提供根容器、页签、导航项、分组、列表项、占位项与底栏,通过 Sidebar.xxx 组合使用。 | `sidebar.md` | — |
|
|
88
88
|
| `Skeleton` | 骨架屏 | 在数据加载完成前通过占位图形展示页面结构,降低用户等待焦虑。 | `skeleton.md` | — |
|
|
89
89
|
| `Slider` | 数值滑块 | 滑动输入器,用于在数值区间内进行选择。 | `slider.md` | — |
|
|
90
90
|
| `Spin` | 加载中 | 用于页面和区域的加载中状态指示器。 | `spin.md` | — |
|
|
@@ -140,7 +140,7 @@ import { Search, Trash } from "lingee-icon";
|
|
|
140
140
|
图标默认 `size="1em"`、`color="currentColor"`,即随父级字号与文字颜色走,
|
|
141
141
|
所以**优先用 CSS 控制颜色**而不是传 `color` prop。
|
|
142
142
|
|
|
143
|
-
完整 Props 见 `references/setup.md`,
|
|
143
|
+
完整 Props 见 `references/setup.md`,994 个图标的名称与中文语义索引见 `references/icons.md`。
|
|
144
144
|
选图标时必须从索引中查找,**不要凭猜测写图标名**,也不要从 `@ant-design/icons`、`lucide-react` 等其他库引入。
|
|
145
145
|
|
|
146
146
|
## 颜色:优先用语义 Token
|
package/skill/VERSION.json
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
侧边栏复合组件,提供根容器、页签、导航项、分组、列表项、占位项与底栏,通过 Sidebar.xxx 组合使用。
|
|
4
4
|
|
|
5
|
-
- 导入:`import { Sidebar, SidebarRoot, SidebarHeader, SidebarStickyHeader, SidebarTabBar, SidebarNavItem, SidebarCollapsibleNavItem, SidebarGroupHeader, SidebarListItem, SidebarCollapsibleListItem, SidebarFolderNode, SidebarFolderSection, SidebarFooter, SidebarFooterUser, SidebarFooterMenuStaticRow, SidebarFooterBadge, SidebarUsageBar, SidebarUsagePanel, SidebarUsagePanelSection, SidebarFeedbackModal, SidebarFeedbackSubmitPanel, SidebarFeedbackField, SidebarFeedbackFileWall, SidebarFeedbackHistoryPanel, SidebarFeedbackHistoryItem, SidebarFeedbackDetail, SidebarFeedbackAttachmentRow, SidebarFeedbackSimilarItem, SidebarAuthImage, formatFileSize } from "lingee-ui";`
|
|
6
|
-
- 可用类型:`FeedbackAttachment`, `FeedbackStatus`, `FeedbackHistoryItem`, `FeedbackReply`, `FeedbackSimilarItem`, `FeedbackHistoryDetail`, `FeedbackTabKey`, `FeedbackFileWallItem`, `SidebarFeedbackModalProps`, `SidebarFeedbackSubmitPanelProps`, `SidebarFeedbackFieldProps`, `SidebarFeedbackFileWallProps`, `SidebarFeedbackHistoryPanelProps`, `SidebarFeedbackHistoryItemProps`, `SidebarFeedbackDetailProps`, `SidebarFeedbackAttachmentRowProps`, `SidebarFeedbackSimilarItemProps`, `SidebarAuthImageProps`, `SidebarRootProps`, `SidebarHeaderProps`, `SidebarStickyHeaderProps`, `SidebarTabBarProps`, `SidebarTabItem`, `SidebarNavItemProps`, `SidebarCollapsibleNavItemProps`, `SidebarCollapsibleNavItemChild`, `SidebarCaretTone`, `SidebarGroupHeaderProps`, `SidebarListItemProps`, `SidebarIndicatorType`, `SidebarCollapsibleListItemProps`, `SidebarCaretPlacement`, `SidebarFolderNodeProps`, `SidebarFolderSectionProps`, `SidebarFolderStatus`, `SidebarFolderStatusText`, `SidebarFooterProps`, `SidebarFooterUserProps`, `SidebarFooterMenuStaticRowProps`, `SidebarFooterBadgeProps`, `SidebarUsageBarProps`, `SidebarUsageTone`, `SidebarUsagePanelProps`, `SidebarUsagePanelSectionProps`
|
|
5
|
+
- 导入:`import { Sidebar, SidebarRoot, SidebarHeader, SidebarStickyHeader, SidebarTabBar, SidebarNavItem, SidebarCollapsibleNavItem, SidebarGroupHeader, SidebarListItem, SidebarCollapsibleListItem, SidebarShowMoreRow, SidebarEmpty, SidebarFolderNode, SidebarFolderSection, SidebarFooter, SidebarFooterUser, SidebarFooterMenuStaticRow, SidebarFooterBadge, SidebarUsageBar, SidebarUsagePanel, SidebarUsagePanelSection, SidebarFeedbackModal, SidebarFeedbackSubmitPanel, SidebarFeedbackField, SidebarFeedbackFileWall, SidebarFeedbackHistoryPanel, SidebarFeedbackHistoryItem, SidebarFeedbackDetail, SidebarFeedbackAttachmentRow, SidebarFeedbackSimilarItem, SidebarAuthImage, formatFileSize } from "lingee-ui";`
|
|
6
|
+
- 可用类型:`FeedbackAttachment`, `FeedbackStatus`, `FeedbackHistoryItem`, `FeedbackReply`, `FeedbackSimilarItem`, `FeedbackHistoryDetail`, `FeedbackTabKey`, `FeedbackFileWallItem`, `SidebarFeedbackModalProps`, `SidebarFeedbackSubmitPanelProps`, `SidebarFeedbackFieldProps`, `SidebarFeedbackFileWallProps`, `SidebarFeedbackHistoryPanelProps`, `SidebarFeedbackHistoryItemProps`, `SidebarFeedbackDetailProps`, `SidebarFeedbackAttachmentRowProps`, `SidebarFeedbackSimilarItemProps`, `SidebarAuthImageProps`, `SidebarRootProps`, `SidebarHeaderProps`, `SidebarStickyHeaderProps`, `SidebarTabBarProps`, `SidebarTabItem`, `SidebarNavItemProps`, `SidebarCollapsibleNavItemProps`, `SidebarCollapsibleNavItemChild`, `SidebarCaretTone`, `SidebarGroupHeaderProps`, `SidebarListItemProps`, `SidebarIndicatorType`, `SidebarCollapsibleListItemProps`, `SidebarShowMoreRowProps`, `SidebarEmptyProps`, `SidebarCaretPlacement`, `SidebarFolderNodeProps`, `SidebarFolderSectionProps`, `SidebarFolderStatus`, `SidebarFolderStatusText`, `SidebarFooterProps`, `SidebarFooterUserProps`, `SidebarFooterMenuStaticRowProps`, `SidebarFooterBadgeProps`, `SidebarUsageBarProps`, `SidebarUsageTone`, `SidebarUsagePanelProps`, `SidebarUsagePanelSectionProps`
|
|
7
7
|
|
|
8
8
|
## 最小示例
|
|
9
9
|
|
|
@@ -145,6 +145,21 @@ export default function BasicDemo() {
|
|
|
145
145
|
| `onSelect` | 点击回调 | `() => void` | - |
|
|
146
146
|
| `menu` | 右侧菜单插槽(需自带触发按钮) | `ReactNode` | - |
|
|
147
147
|
|
|
148
|
+
### Sidebar.ShowMoreRow
|
|
149
|
+
|
|
150
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
151
|
+
|------|------|------|--------|
|
|
152
|
+
| `expanded` | 列表是否已全部展开,决定箭头朝向 | `boolean` | - |
|
|
153
|
+
| `label` | 行内文案,由消费方按 `expanded` 传入 | `ReactNode` | - |
|
|
154
|
+
| `onToggle` | 点击回调 | `() => void` | - |
|
|
155
|
+
|
|
156
|
+
### Sidebar.Empty
|
|
157
|
+
|
|
158
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
159
|
+
|------|------|------|--------|
|
|
160
|
+
| `title` | 主行,说明当前状态 | `ReactNode` | - |
|
|
161
|
+
| `hint` | 副行,指出下一步动作;不传只渲染主行 | `ReactNode` | - |
|
|
162
|
+
|
|
148
163
|
### Sidebar.CollapsibleListItem
|
|
149
164
|
|
|
150
165
|
| 属性 | 说明 | 类型 | 默认值 |
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# 图标索引
|
|
2
2
|
|
|
3
|
-
图标库 `1.0.
|
|
3
|
+
图标库 `1.0.24`,共 994 个图标、28 个分类。图标名为 PascalCase,直接作为 React 组件名从 `lingee-icon` 导入。
|
|
4
4
|
|
|
5
5
|
```tsx
|
|
6
6
|
import { Search } from "lingee-icon";
|
|
@@ -12,7 +12,7 @@ import { Search } from "lingee-icon";
|
|
|
12
12
|
|
|
13
13
|
---
|
|
14
14
|
|
|
15
|
-
## 通用类(
|
|
15
|
+
## 通用类(50)
|
|
16
16
|
|
|
17
17
|
| 图标名 | 语义/用途 |
|
|
18
18
|
|--------|----------|
|
|
@@ -24,7 +24,6 @@ import { Search } from "lingee-icon";
|
|
|
24
24
|
| Catalog2 | 目录/分类 |
|
|
25
25
|
| CircleDashed | 虚线圆圈 — 待处理/占位 |
|
|
26
26
|
| CircleDots | 更多操作(圆形) |
|
|
27
|
-
| Deepseek | DeepSeek 模型标识 |
|
|
28
27
|
| Discover | 发现/探索(指南针) |
|
|
29
28
|
| Dislike | 踩(选中) |
|
|
30
29
|
| Dislike1 | 踩 |
|
|
@@ -36,32 +35,25 @@ import { Search } from "lingee-icon";
|
|
|
36
35
|
| FindValue | 数值搜索 |
|
|
37
36
|
| Flag | 标记/旗帜 |
|
|
38
37
|
| Basicinformation | 基础资料 |
|
|
39
|
-
| GML | 智谱 GLM 模型标识 |
|
|
40
38
|
| Goal | 目标 |
|
|
41
39
|
| GripVertical | 拖拽 |
|
|
42
|
-
| Hy | 腾讯混元模型标识(多色) |
|
|
43
40
|
| ImageOff | 图片不可用 |
|
|
44
41
|
| ImagePlus | 图片添加 |
|
|
45
42
|
| ImagReduce | 图片删除 |
|
|
46
43
|
| ImageUp | 图片上传 |
|
|
47
44
|
| IntegrationManagement | 集成管理 |
|
|
48
|
-
| Kimi | Kimi 模型标识 |
|
|
49
45
|
| LayoutDashboard | 更多操作(竖向) |
|
|
50
46
|
| Like | 点赞(选中) |
|
|
51
47
|
| Like1 | 点赞 |
|
|
52
|
-
| LingeeLogo | 灵基 Logo(品牌标识) |
|
|
53
48
|
| Location | 定位/位置 |
|
|
54
49
|
| Map | 地图 |
|
|
55
50
|
| MeetingRoom | 会议室 |
|
|
56
|
-
| MiniMax | MiniMax 模型标识 |
|
|
57
51
|
| Moon | 暗色/暗色模式 |
|
|
58
52
|
| Notify | 通知/铃铛 |
|
|
59
53
|
| Photo | 图片 |
|
|
60
|
-
| Qwen | 通义千问模型标识 |
|
|
61
54
|
| Roadmap | 路线图 |
|
|
62
55
|
| Roadsign2 | 路标(双向) |
|
|
63
56
|
| Search | 搜索 |
|
|
64
|
-
| Seed | 字节 Seed 模型标识(多色) |
|
|
65
57
|
| Share | 分享 |
|
|
66
58
|
| Signpost | 路标/指引 |
|
|
67
59
|
| Sun | 亮色/亮色模式 |
|
|
@@ -69,7 +61,6 @@ import { Search } from "lingee-icon";
|
|
|
69
61
|
| ToggleOff | 开关-关 |
|
|
70
62
|
| ToggleOn | 开关-开 |
|
|
71
63
|
| Toggles | 开关组 |
|
|
72
|
-
| Trae | Trae 标识 |
|
|
73
64
|
| Trash | 删除/回收站 |
|
|
74
65
|
| XDiamond | 应用(菱形) |
|
|
75
66
|
| XDiamondFill | 应用(菱形选中) |
|
|
@@ -387,6 +378,22 @@ import { Search } from "lingee-icon";
|
|
|
387
378
|
| Wallet | 钱包 |
|
|
388
379
|
| Wechat | 微信 |
|
|
389
380
|
|
|
381
|
+
## 品牌标识(11)
|
|
382
|
+
|
|
383
|
+
| 图标名 | 语义/用途 |
|
|
384
|
+
|--------|----------|
|
|
385
|
+
| Deepseek | DeepSeek 模型标识 |
|
|
386
|
+
| GML | 智谱 GLM 模型标识 |
|
|
387
|
+
| Hy | 腾讯混元模型标识(多色) |
|
|
388
|
+
| Kimi | Kimi 模型标识 |
|
|
389
|
+
| LingeeLogo | 灵基 Logo(单色猴头) |
|
|
390
|
+
| LingeeLogoColor | 灵基 Logo(多色渐变猴头) |
|
|
391
|
+
| LingeeLogoText | 灵基文字 Logo(横版 132:46,size 只给出方框,需用 CSS 同时设宽高) |
|
|
392
|
+
| MiniMax | MiniMax 模型标识 |
|
|
393
|
+
| Qwen | 通义千问模型标识 |
|
|
394
|
+
| Seed | 字节 Seed 模型标识(多色) |
|
|
395
|
+
| Trae | Trae 标识 |
|
|
396
|
+
|
|
390
397
|
## 安全&防护(15)
|
|
391
398
|
|
|
392
399
|
| 图标名 | 语义/用途 |
|