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.
@@ -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?: "segmented" | "rounded" | "solid" | "outline" | "underline" | null | undefined;
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> & {
@@ -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?: "segmented" | "rounded" | "solid" | "outline" | "underline" | null | undefined;
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lingee-ui",
3
- "version": "0.0.26",
3
+ "version": "0.0.27",
4
4
  "description": "Kingdee Lingee UI 基础组件库 — React 18+ 轻量级企业 UI 组件",
5
5
  "license": "MIT",
6
6
  "keywords": [
@@ -2,7 +2,7 @@
2
2
 
3
3
  > **本文件由 `packages/lingee-ui/scripts/gen-skill.mjs` 自动生成,禁止手工编辑。**
4
4
  > 供根 `AGENTS.md` 引用,避免手写清单随组件库迭代脱节。
5
- > 组件库 `0.0.26` | 图标库 `1.0.23`
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` +29 个子组件 | 侧边栏 | 侧边栏复合组件,提供根容器、页签、导航项、分组、列表项、占位项与底栏,通过 Sidebar.xxx 组合使用。 |
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.26"
6
- lingeeIcon: "1.0.23"
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 个组件)与图标库(992 个图标)。
12
+ Kingdee Lingee 设计体系的 React 组件库(45 个组件)与图标库(994 个图标)。
13
13
  本技能面向**消费方项目**,只覆盖「如何用」,不含组件库内部开发约定。
14
14
 
15
- - 组件库版本 `0.0.26` | 图标库版本 `1.0.23`
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` +29 个子组件 | 侧边栏 | 侧边栏复合组件,提供根容器、页签、导航项、分组、列表项、占位项与底栏,通过 Sidebar.xxx 组合使用。 | `sidebar.md` | — |
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`,992 个图标的名称与中文语义索引见 `references/icons.md`。
143
+ 完整 Props 见 `references/setup.md`,994 个图标的名称与中文语义索引见 `references/icons.md`。
144
144
  选图标时必须从索引中查找,**不要凭猜测写图标名**,也不要从 `@ant-design/icons`、`lucide-react` 等其他库引入。
145
145
 
146
146
  ## 颜色:优先用语义 Token
@@ -1,7 +1,7 @@
1
1
  {
2
- "lingeeUi": "0.0.26",
3
- "lingeeIcon": "1.0.23",
2
+ "lingeeUi": "0.0.27",
3
+ "lingeeIcon": "1.0.24",
4
4
  "componentCount": 45,
5
- "iconCount": 992,
6
- "sourceHash": "901fcc95868741b1"
5
+ "iconCount": 994,
6
+ "sourceHash": "293579e6b43efccc"
7
7
  }
@@ -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.23`,共 992 个图标、27 个分类。图标名为 PascalCase,直接作为 React 组件名从 `lingee-icon` 导入。
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
- ## 通用类(59)
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
  | 图标名 | 语义/用途 |
@@ -1,6 +1,6 @@
1
1
  # 接入指南
2
2
 
3
- 组件库 `0.0.26` | 图标库 `1.0.23`
3
+ 组件库 `0.0.27` | 图标库 `1.0.24`
4
4
 
5
5
  ## 安装
6
6
 
@@ -1,6 +1,6 @@
1
1
  # 语义 Token 全表
2
2
 
3
- 组件库 `0.0.26`。仅列语义层(`--lg-g-*`)。
3
+ 组件库 `0.0.27`。仅列语义层(`--lg-g-*`)。
4
4
 
5
5
  亮色、暗色与暖棕**变量名完全相同**,给 `<html>` 加 `data-theme="dark"` 或 `data-theme="warm"` 即自动切换,业务代码只写一次。
6
6