lingee-ui 0.0.8 → 0.0.9
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.css +1 -1
- package/dist/{chunk-TO3JLUBX.mjs → chunk-6M7ESUQX.mjs} +1 -1
- package/dist/{chunk-3U36GSZF.js → chunk-C5BDJQIO.js} +1 -1
- package/dist/chunk-H7GT6UT4.mjs +1 -0
- package/dist/{chunk-PKNSR23I.mjs → chunk-IE7TAOTL.mjs} +1 -1
- package/dist/{chunk-AEPAJEIR.js → chunk-QIMQMSJB.js} +1 -1
- package/dist/chunk-WAYZVZQB.js +1 -0
- package/dist/{chunk-AP6UHKTU.mjs → chunk-XG3DE76O.mjs} +1 -1
- package/dist/{chunk-VHOWVMZ3.js → chunk-ZXUYGVWB.js} +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.mts +477 -16
- package/dist/index.d.ts +477 -16
- package/dist/index.js +2 -2
- package/dist/index.mjs +2 -2
- package/dist/input/index.css +1 -1
- package/dist/input/index.js +1 -1
- package/dist/input/index.mjs +1 -1
- package/dist/tabs/index.css +1 -1
- package/dist/tabs/index.js +1 -1
- package/dist/tabs/index.mjs +1 -1
- package/dist/textarea/index.css +1 -1
- package/dist/toast/index.js +1 -1
- package/dist/toast/index.mjs +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tree/index.css +1 -1
- package/dist/tree/index.js +1 -1
- package/dist/tree/index.mjs +1 -1
- package/package.json +1 -1
- package/skill/AGENTS-SNIPPET.md +19 -18
- package/skill/SKILL.md +17 -14
- package/skill/VERSION.json +3 -3
- package/skill/references/components/dropdown.md +32 -2
- package/skill/references/components/ellipsis-tooltip.md +44 -0
- package/skill/references/components/sidebar.md +13 -3
- package/skill/references/setup.md +1 -1
- package/skill/references/tokens.md +16 -16
- package/dist/chunk-7TZ6IXXG.js +0 -1
- package/dist/chunk-QBEHOXXU.mjs +0 -1
package/skill/AGENTS-SNIPPET.md
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
> **本文件由 `packages/lingee-ui/scripts/gen-skill.mjs` 自动生成,禁止手工编辑。**
|
|
4
4
|
> 供根 `AGENTS.md` 引用,避免手写清单随组件库迭代脱节。
|
|
5
|
-
> 组件库 `0.0.
|
|
5
|
+
> 组件库 `0.0.9` | 图标库 `1.0.16`
|
|
6
6
|
|
|
7
|
-
## 可用组件(
|
|
7
|
+
## 可用组件(38)
|
|
8
8
|
|
|
9
9
|
| 组件 | 名称 | 说明 |
|
|
10
10
|
|------|------|------|
|
|
@@ -17,7 +17,8 @@
|
|
|
17
17
|
| `Dialog` | 弹出窗 | 模态对话框,用于需要用户确认或填写信息的场景。支持声明式和命令式两种调用方式。 |
|
|
18
18
|
| `Divider` | 分割线 | 用于分隔内容区块,使页面结构更清晰。 |
|
|
19
19
|
| `Drawer` | 抽屉 | 从屏幕边缘滑出的浮层面板,用于承载表单或详情内容。 |
|
|
20
|
-
| `Dropdown` +
|
|
20
|
+
| `Dropdown` +14 个子组件 | 下拉菜单 | 向下弹出的操作菜单列表,支持图标、分组、危险操作、子菜单等。 |
|
|
21
|
+
| `EllipsisTooltip` | 省略提示 | 单行省略文本,仅在真正被截断时才悬停显示完整内容。 |
|
|
21
22
|
| `Empty`、`EmptyCard` | 空状态 | 当目标区域无数据时展示的空状态占位图,引导用户进行下一步操作。 |
|
|
22
23
|
| `Flex` | 弹性布局 | 弹性布局容器,用于快速搭建横向/纵向排列,避免为简单布局单独写样式文件。 |
|
|
23
24
|
| `Form` | 表单 | 数据录入和校验组件,支持垂直、水平、行内布局。 |
|
|
@@ -30,7 +31,7 @@
|
|
|
30
31
|
| `RangePicker` | 日期范围选择器 | 用于选择日期范围的输入组件。 |
|
|
31
32
|
| `ScrollArea`、`ScrollBar` | 自定义滚动区域 | 自定义样式的滚动容器组件,提供美观的滚动条体验。 |
|
|
32
33
|
| `Select` | 选择器 | 下拉选择器,支持单选、多选、搜索和远程加载。 |
|
|
33
|
-
| `Sidebar` +
|
|
34
|
+
| `Sidebar` +26 个子组件 | 侧边栏 | 侧边栏复合组件,提供根容器、页签、导航项、分组、列表项、占位项与底栏,通过 Sidebar.xxx 组合使用。 |
|
|
34
35
|
| `Skeleton` | 骨架屏 | 在数据加载完成前通过占位图形展示页面结构,降低用户等待焦虑。 |
|
|
35
36
|
| `Slider` | 数值滑块 | 滑动输入器,用于在数值区间内进行选择。 |
|
|
36
37
|
| `Spin` | 加载中 | 用于页面和区域的加载中状态指示器。 |
|
|
@@ -65,17 +66,17 @@
|
|
|
65
66
|
|
|
66
67
|
亮暗变量名相同,`data-theme="dark"` 自动切换。色值列供**反查**(设计稿色值找 Token)与**比对**(少数 Token 亮暗语义不对称)使用,**业务代码禁止硬编码色值或引用 primitives**。
|
|
67
68
|
|
|
68
|
-
### ⚠️
|
|
69
|
+
### ⚠️ 已废弃的错拼 Token
|
|
69
70
|
|
|
70
|
-
|
|
71
|
+
早期从设计源文件带入的拼写错误,现已提供正确拼写。错拼名仅作兼容别名保留(与正确名同值),**后续版本会移除**,新代码一律用左列:
|
|
71
72
|
|
|
72
|
-
|
|
|
73
|
-
|
|
74
|
-
| `--lg-g-fg-color-
|
|
75
|
-
| `--lg-g-fg-color-
|
|
76
|
-
| `--lg-g-fg-color-
|
|
77
|
-
| `--lg-g-
|
|
78
|
-
| `--lg-g-
|
|
73
|
+
| 正确拼写(用这个) | 已废弃 |
|
|
74
|
+
|-------------------|--------|
|
|
75
|
+
| `--lg-g-fg-color-black-faint` | ~~`--lg-g-fg-color-black-aint`~~ |
|
|
76
|
+
| `--lg-g-fg-color-indigo-default` | ~~`--lg-g-fg-color-indigo-defauit`~~ |
|
|
77
|
+
| `--lg-g-fg-color-lime-default` | ~~`--lg-g-fg-color-lime-defauit`~~ |
|
|
78
|
+
| `--lg-g-fg-color-violet-default` | ~~`--lg-g-fg-color-violet-defauit`~~ |
|
|
79
|
+
| `--lg-g-bg-color-emerald-translucent-soft` | ~~`--lg-g-bg-color-emeraid-translucent-soft`~~ |
|
|
79
80
|
|
|
80
81
|
#### 前景色 fg(34)
|
|
81
82
|
|
|
@@ -84,7 +85,7 @@
|
|
|
84
85
|
| `--lg-g-fg-color-white-heavy` | `#FFFFFF` | `#FFFFFF` |
|
|
85
86
|
| `--lg-g-fg-color-white-dark` | `#FFFFFF` | `rgba(255, 255, 255, 0.28)` |
|
|
86
87
|
| `--lg-g-fg-color-black-moderate` | `rgba(0, 0, 0, 0.18)` | `rgba(255, 255, 255, 0.18)` |
|
|
87
|
-
| `--lg-g-fg-color-black-
|
|
88
|
+
| `--lg-g-fg-color-black-faint` | `rgba(0, 0, 0, 0.28)` | `rgba(255, 255, 255, 0.28)` |
|
|
88
89
|
| `--lg-g-fg-color-black-default` | `rgba(0, 0, 0, 0.46)` | `rgba(255, 255, 255, 0.46)` |
|
|
89
90
|
| `--lg-g-fg-color-black-muted` | `rgba(0, 0, 0, 0.64)` | `rgba(255, 255, 255, 0.64)` |
|
|
90
91
|
| `--lg-g-fg-color-black-strong` | `rgba(0, 0, 0, 0.82)` | `rgba(255, 255, 255, 0.82)` |
|
|
@@ -107,14 +108,14 @@
|
|
|
107
108
|
| `--lg-g-fg-color-amber-default` | `#E28800` | `#E28800` |
|
|
108
109
|
| `--lg-g-fg-color-teal-default` | `#00BFB8` | `#00BFB8` |
|
|
109
110
|
| `--lg-g-fg-color-purple-default` | `#7F2AF3` | `#7F2AF3` |
|
|
110
|
-
| `--lg-g-fg-color-indigo-
|
|
111
|
+
| `--lg-g-fg-color-indigo-default` | `#4343F5` | `#4343F5` |
|
|
111
112
|
| `--lg-g-fg-color-yellow-default` | `#D1A600` | `#D1A600` |
|
|
112
113
|
| `--lg-g-fg-color-cyan-default` | `#0083D4` | `#0083D4` |
|
|
113
114
|
| `--lg-g-fg-color-pink-default` | `#ED1165` | `#ED1165` |
|
|
114
115
|
| `--lg-g-fg-color-fuchsia-default` | `#ED1DB9` | `#ED1DB9` |
|
|
115
116
|
| `--lg-g-fg-color-emerald-default` | `#009D72` | `#009D72` |
|
|
116
|
-
| `--lg-g-fg-color-lime-
|
|
117
|
-
| `--lg-g-fg-color-violet-
|
|
117
|
+
| `--lg-g-fg-color-lime-default` | `#5FBA04` | `#5FBA04` |
|
|
118
|
+
| `--lg-g-fg-color-violet-default` | `#572FF7` | `#572FF7` |
|
|
118
119
|
|
|
119
120
|
#### 背景色 bg(92)
|
|
120
121
|
|
|
@@ -201,7 +202,7 @@
|
|
|
201
202
|
| `--lg-g-bg-color-indigo-faint` | `#F5F6FF` | `rgba(81, 85, 246, 0.03)` |
|
|
202
203
|
| `--lg-g-bg-color-indigo-faint-dark` | `#F5F6FF` | `#222327` |
|
|
203
204
|
| `--lg-g-bg-color-gray-subtle` | `#F7F8FA` | `#F7F8FA` |
|
|
204
|
-
| `--lg-g-bg-color-
|
|
205
|
+
| `--lg-g-bg-color-emerald-translucent-soft` | `rgba(8, 199, 135, 0.08)` | `rgba(8, 199, 135, 0.08)` |
|
|
205
206
|
| `--lg-g-bg-color-emerald-default` | `#009D72` | `#009D72` |
|
|
206
207
|
| `--lg-g-bg-color-lime-translucent-soft` | `rgba(116, 215, 11, 0.08)` | `rgba(116, 215, 11, 0.08)` |
|
|
207
208
|
| `--lg-g-bg-color-lime-default` | `#5FBA04` | `#5FBA04` |
|
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.
|
|
5
|
+
lingeeUi: "0.0.9"
|
|
6
6
|
lingeeIcon: "1.0.16"
|
|
7
7
|
generatedBy: "gen-skill.mjs"
|
|
8
8
|
---
|
|
9
9
|
|
|
10
10
|
# lingee-ui 组件库使用技能
|
|
11
11
|
|
|
12
|
-
Kingdee Lingee 设计体系的 React 组件库(
|
|
12
|
+
Kingdee Lingee 设计体系的 React 组件库(38 个组件)与图标库(967 个图标)。
|
|
13
13
|
本技能面向**消费方项目**,只覆盖「如何用」,不含组件库内部开发约定。
|
|
14
14
|
|
|
15
|
-
- 组件库版本 `0.0.
|
|
15
|
+
- 组件库版本 `0.0.9` | 图标库版本 `1.0.16`
|
|
16
16
|
- 组件在线预览:https://kingdee.github.io/lingee-ui/
|
|
17
17
|
- 图标在线预览:https://kingdee.github.io/lingee-icon/
|
|
18
18
|
|
|
@@ -65,7 +65,8 @@ createRoot(el).render(
|
|
|
65
65
|
| `Dialog` | 弹出窗 | 模态对话框,用于需要用户确认或填写信息的场景。支持声明式和命令式两种调用方式。 | `dialog.md` | — |
|
|
66
66
|
| `Divider` | 分割线 | 用于分隔内容区块,使页面结构更清晰。 | `divider.md` | — |
|
|
67
67
|
| `Drawer` | 抽屉 | 从屏幕边缘滑出的浮层面板,用于承载表单或详情内容。 | `drawer.md` | — |
|
|
68
|
-
| `Dropdown` +
|
|
68
|
+
| `Dropdown` +14 个子组件 | 下拉菜单 | 向下弹出的操作菜单列表,支持图标、分组、危险操作、子菜单等。 | `dropdown.md` | — |
|
|
69
|
+
| `EllipsisTooltip` | 省略提示 | 单行省略文本,仅在真正被截断时才悬停显示完整内容。 | `ellipsis-tooltip.md` | — |
|
|
69
70
|
| `Empty`、`EmptyCard` | 空状态 | 当目标区域无数据时展示的空状态占位图,引导用户进行下一步操作。 | `empty.md` | — |
|
|
70
71
|
| `Flex` | 弹性布局 | 弹性布局容器,用于快速搭建横向/纵向排列,避免为简单布局单独写样式文件。 | `flex.md` | — |
|
|
71
72
|
| `Form` | 表单 | 数据录入和校验组件,支持垂直、水平、行内布局。 | `form.md` | — |
|
|
@@ -78,7 +79,7 @@ createRoot(el).render(
|
|
|
78
79
|
| `RangePicker` | 日期范围选择器 | 用于选择日期范围的输入组件。 | `range-picker.md` | — |
|
|
79
80
|
| `ScrollArea`、`ScrollBar` | 自定义滚动区域 | 自定义样式的滚动容器组件,提供美观的滚动条体验。 | `scroll-area.md` | — |
|
|
80
81
|
| `Select` | 选择器 | 下拉选择器,支持单选、多选、搜索和远程加载。 | `select.md` | — |
|
|
81
|
-
| `Sidebar` +
|
|
82
|
+
| `Sidebar` +26 个子组件 | 侧边栏 | 侧边栏复合组件,提供根容器、页签、导航项、分组、列表项、占位项与底栏,通过 Sidebar.xxx 组合使用。 | `sidebar.md` | — |
|
|
82
83
|
| `Skeleton` | 骨架屏 | 在数据加载完成前通过占位图形展示页面结构,降低用户等待焦虑。 | `skeleton.md` | — |
|
|
83
84
|
| `Slider` | 数值滑块 | 滑动输入器,用于在数值区间内进行选择。 | `slider.md` | — |
|
|
84
85
|
| `Spin` | 加载中 | 用于页面和区域的加载中状态指示器。 | `spin.md` | — |
|
|
@@ -156,7 +157,7 @@ import { Search, Trash } from "lingee-icon";
|
|
|
156
157
|
| 文本-标题/正文 | `var(--lg-g-fg-color-black-strong)` | `rgba(0, 0, 0, 0.82)` |
|
|
157
158
|
| 文本-次要 | `var(--lg-g-fg-color-black-muted)` | `rgba(0, 0, 0, 0.64)` |
|
|
158
159
|
| 文本-辅助说明 | `var(--lg-g-fg-color-black-default)` | `rgba(0, 0, 0, 0.46)` |
|
|
159
|
-
| 文本-禁用/占位 | `var(--lg-g-fg-color-black-
|
|
160
|
+
| 文本-禁用/占位 | `var(--lg-g-fg-color-black-faint)` | `rgba(0, 0, 0, 0.28)` |
|
|
160
161
|
| 文本-品牌色 | `var(--lg-g-fg-color-primary-default)` | `#495DFF` |
|
|
161
162
|
| 文本-危险 | `var(--lg-g-fg-color-danger-default)` | `#F12234` |
|
|
162
163
|
| 文本-白色 | `var(--lg-g-fg-color-white-heavy)` | `#FFFFFF` |
|
|
@@ -175,16 +176,18 @@ import { Search, Trash } from "lingee-icon";
|
|
|
175
176
|
|
|
176
177
|
暗色模式给 `<html>` 加 `data-theme="dark"` 即自动切换,无需额外处理。
|
|
177
178
|
|
|
178
|
-
###
|
|
179
|
+
### 已废弃的错拼 Token
|
|
179
180
|
|
|
180
|
-
以下 Token
|
|
181
|
-
|
|
181
|
+
以下 Token 早期从设计源文件带入了拼写错误,现已提供正确拼写。错拼名作为兼容别名保留、与正确名同值,
|
|
182
|
+
但**会在后续版本移除**。改动存量代码时顺手换成正确名:
|
|
182
183
|
|
|
183
|
-
- `var(--lg-g-fg-color-
|
|
184
|
-
- `var(--lg-g-fg-color-
|
|
185
|
-
- `var(--lg-g-fg-color-
|
|
186
|
-
- `var(--lg-g-
|
|
187
|
-
- `var(--lg-g-
|
|
184
|
+
- `var(--lg-g-fg-color-black-faint)` ← 用这个,不要写 `--lg-g-fg-color-black-aint`
|
|
185
|
+
- `var(--lg-g-fg-color-indigo-default)` ← 用这个,不要写 `--lg-g-fg-color-indigo-defauit`
|
|
186
|
+
- `var(--lg-g-fg-color-lime-default)` ← 用这个,不要写 `--lg-g-fg-color-lime-defauit`
|
|
187
|
+
- `var(--lg-g-fg-color-violet-default)` ← 用这个,不要写 `--lg-g-fg-color-violet-defauit`
|
|
188
|
+
- `var(--lg-g-bg-color-emerald-translucent-soft)` ← 用这个,不要写 `--lg-g-bg-color-emeraid-translucent-soft`
|
|
189
|
+
|
|
190
|
+
在旧代码里看到错拼名不要照抄延用,也不要把两者当成不同的 Token。
|
|
188
191
|
|
|
189
192
|
### 拿设计稿色值找 Token
|
|
190
193
|
|
package/skill/VERSION.json
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
向下弹出的操作菜单列表,支持图标、分组、危险操作、子菜单等。
|
|
4
4
|
|
|
5
|
-
- 导入:`import { Dropdown, DropdownTrigger, DropdownContent, DropdownItem, DropdownCheckboxItem, DropdownRadioGroup, DropdownRadioItem, DropdownLabel, DropdownSeparator, DropdownGroup, DropdownSub, DropdownSubTrigger, DropdownSubContent, DropdownButton } from "lingee-ui";`
|
|
6
|
-
- 可用类型:`DropdownProps`, `DropdownTriggerProps`, `DropdownContentProps`, `DropdownItemProps`, `DropdownCheckboxItemProps`, `DropdownRadioGroupProps`, `DropdownRadioItemProps`, `DropdownLabelProps`, `DropdownSeparatorProps`, `DropdownGroupProps`, `DropdownSubProps`, `DropdownSubTriggerProps`, `DropdownSubContentProps`, `DropdownItemData`, `DropdownMenuItemData`, `DropdownSeparatorData`, `DropdownLabelData`, `DropdownButtonProps`
|
|
5
|
+
- 导入:`import { Dropdown, DropdownTrigger, DropdownContent, DropdownItem, DropdownCheckboxItem, DropdownRadioGroup, DropdownRadioItem, DropdownLabel, DropdownSeparator, DropdownGroup, DropdownStatus, DropdownSub, DropdownSubTrigger, DropdownSubContent, DropdownButton } from "lingee-ui";`
|
|
6
|
+
- 可用类型:`DropdownProps`, `DropdownTriggerProps`, `DropdownContentProps`, `DropdownItemProps`, `DropdownCheckboxItemProps`, `DropdownRadioGroupProps`, `DropdownRadioItemProps`, `DropdownLabelProps`, `DropdownSeparatorProps`, `DropdownGroupProps`, `DropdownStatusProps`, `DropdownStatusType`, `DropdownStatusText`, `DropdownSubProps`, `DropdownSubTriggerProps`, `DropdownSubContentProps`, `DropdownItemData`, `DropdownMenuItemData`, `DropdownSeparatorData`, `DropdownLabelData`, `DropdownButtonProps`
|
|
7
7
|
|
|
8
8
|
## 最小示例
|
|
9
9
|
|
|
@@ -38,8 +38,38 @@ export default function BasicDemo() {
|
|
|
38
38
|
| `modal` | 是否为模态弹出 | `boolean` | `true` |
|
|
39
39
|
| `disabled` | 是否禁用 | `boolean` | `false` |
|
|
40
40
|
| `selectedKeys` | 选中项 key 数组(显示勾选) | `string[]` | - |
|
|
41
|
+
| `loading` | 加载中,面板显示加载占位 | `boolean` | `false` |
|
|
42
|
+
| `loadError` | 加载失败,面板显示失败占位(优先级低于 `loading`) | `boolean` | `false` |
|
|
43
|
+
| `onRetry` | 失败占位的重试回调,传入后占位可点击 | `() => void` | - |
|
|
44
|
+
| `statusText` | 覆盖三态文案,未传的键走语言包 | `DropdownStatusText` | - |
|
|
45
|
+
| `loadingContent` | 自定义加载中内容 | `ReactNode` | - |
|
|
46
|
+
| `errorContent` | 自定义失败内容 | `ReactNode` | - |
|
|
47
|
+
| `emptyContent` | 自定义空态内容 | `ReactNode` | - |
|
|
48
|
+
| `dropdownRender` | 包裹菜单内容 | `(menu: ReactNode) => ReactNode` | - |
|
|
49
|
+
| `header` | 固定头部内容 | `ReactNode` | - |
|
|
50
|
+
| `footer` | 固定底部内容 | `ReactNode` | - |
|
|
41
51
|
| `children` | 触发器元素 | `ReactNode` | - |
|
|
42
52
|
|
|
53
|
+
### DropdownStatus
|
|
54
|
+
|
|
55
|
+
面板内三态占位。`items` 模式下由 Dropdown 自动渲染,Compound Component 模式需手动使用。
|
|
56
|
+
|
|
57
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
58
|
+
|------|------|------|--------|
|
|
59
|
+
| `status` | 占位状态 | `"loading" \| "empty" \| "error"` | - |
|
|
60
|
+
| `description` | 覆盖该状态的默认文案 | `ReactNode` | 取自语言包 |
|
|
61
|
+
| `onRetry` | 重试回调,仅 `status="error"` 生效 | `() => void` | - |
|
|
62
|
+
| `className` | 额外类名 | `string` | - |
|
|
63
|
+
|
|
64
|
+
### DropdownSubTrigger
|
|
65
|
+
|
|
66
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
67
|
+
|------|------|------|--------|
|
|
68
|
+
| `icon` | 前缀图标 | `ReactNode` | - |
|
|
69
|
+
| `disabled` | 是否禁用 | `boolean` | `false` |
|
|
70
|
+
| `onMouseEnter` | 鼠标进入回调,在内部展开子菜单后执行,可用于懒加载数据 | `MouseEventHandler` | - |
|
|
71
|
+
| `children` | 触发项内容 | `ReactNode` | - |
|
|
72
|
+
|
|
43
73
|
### DropdownContent
|
|
44
74
|
|
|
45
75
|
| 属性 | 说明 | 类型 | 默认值 |
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
# EllipsisTooltip 省略提示
|
|
2
|
+
|
|
3
|
+
单行省略文本,仅在真正被截断时才悬停显示完整内容。
|
|
4
|
+
|
|
5
|
+
- 导入:`import { EllipsisTooltip } from "lingee-ui";`
|
|
6
|
+
- 可用类型:`EllipsisTooltipProps`
|
|
7
|
+
|
|
8
|
+
## 最小示例
|
|
9
|
+
|
|
10
|
+
```tsx
|
|
11
|
+
import { EllipsisTooltip } from "lingee-ui";
|
|
12
|
+
|
|
13
|
+
const LONG_TEXT =
|
|
14
|
+
"A rather long single-line text that gets clipped and reveals its full content on hover";
|
|
15
|
+
|
|
16
|
+
export default function BasicDemo() {
|
|
17
|
+
return (
|
|
18
|
+
<div style={{ display: "flex", flexDirection: "column", gap: 12, width: 240 }}>
|
|
19
|
+
{/* Clipped: hover reveals the full text */}
|
|
20
|
+
<EllipsisTooltip content={LONG_TEXT}>{LONG_TEXT}</EllipsisTooltip>
|
|
21
|
+
|
|
22
|
+
{/* Not clipped: no tooltip, so it never repeats visible content */}
|
|
23
|
+
<EllipsisTooltip content="Short text">Short text</EllipsisTooltip>
|
|
24
|
+
</div>
|
|
25
|
+
);
|
|
26
|
+
}
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
## API
|
|
30
|
+
|
|
31
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
32
|
+
|------|------|------|--------|
|
|
33
|
+
| `content` | 提示内容,为空时不弹出 | `ReactNode` | - |
|
|
34
|
+
| `children` | 文本内容 | `ReactNode` | - |
|
|
35
|
+
| `as` | 容器标签 | `"span" \| "div"` | `"span"` |
|
|
36
|
+
| `ellipsis` | 是否自带单行省略样式 | `boolean` | `true` |
|
|
37
|
+
| `threshold` | 触发阈值(0~1),文本宽度超过 `容器宽度 × threshold` 时弹出 | `number` | `1` |
|
|
38
|
+
| `maxLength` | 提示内容最大字符数,超出截断 | `number` | `2000` |
|
|
39
|
+
| `anchorClassName` | 祖先 className,浮层最大宽度对齐该祖先 | `string` | - |
|
|
40
|
+
| `getPopupContainer` | 浮层挂载容器,接收触发节点 | `(node: HTMLElement) => HTMLElement` | - |
|
|
41
|
+
| `placement` | 弹出方向 | `TooltipPlacement` | `"top"` |
|
|
42
|
+
| `maxWidth` | 浮层最大宽度(px),`anchorClassName` 命中时以后者为准 | `number` | `280` |
|
|
43
|
+
|
|
44
|
+
其余属性透传给 `Tooltip`(`delayDuration`、`sideOffset`、`arrow` 等)。
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
侧边栏复合组件,提供根容器、页签、导航项、分组、列表项、占位项与底栏,通过 Sidebar.xxx 组合使用。
|
|
4
4
|
|
|
5
|
-
- 导入:`import { Sidebar, SidebarRoot, SidebarHeader, SidebarTabBar, SidebarNavItem, SidebarCollapsibleNavItem, SidebarGroupHeader, SidebarListItem, SidebarCollapsibleListItem, SidebarFooter, SidebarFooterMenuStaticRow, SidebarFooterBadge, SidebarUsageBar, SidebarUsagePanel, SidebarUsagePanelSection } from "lingee-ui";`
|
|
6
|
-
- 可用类型:`SidebarRootProps`, `SidebarHeaderProps`, `SidebarTabBarProps`, `SidebarTabItem`, `SidebarNavItemProps`, `SidebarCollapsibleNavItemProps`, `SidebarCollapsibleNavItemChild`, `SidebarGroupHeaderProps`, `SidebarListItemProps`, `SidebarIndicatorType`, `SidebarCollapsibleListItemProps`, `SidebarCaretPlacement`, `SidebarFooterProps`, `SidebarFooterMenuStaticRowProps`, `SidebarFooterBadgeProps`, `SidebarUsageBarProps`, `SidebarUsageTone`, `SidebarUsagePanelProps`, `SidebarUsagePanelSectionProps`
|
|
5
|
+
- 导入:`import { Sidebar, SidebarRoot, SidebarHeader, SidebarTabBar, SidebarNavItem, SidebarCollapsibleNavItem, SidebarGroupHeader, SidebarListItem, SidebarCollapsibleListItem, 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`, `SidebarTabBarProps`, `SidebarTabItem`, `SidebarNavItemProps`, `SidebarCollapsibleNavItemProps`, `SidebarCollapsibleNavItemChild`, `SidebarGroupHeaderProps`, `SidebarListItemProps`, `SidebarIndicatorType`, `SidebarCollapsibleListItemProps`, `SidebarCaretPlacement`, `SidebarFooterProps`, `SidebarFooterUserProps`, `SidebarFooterMenuStaticRowProps`, `SidebarFooterBadgeProps`, `SidebarUsageBarProps`, `SidebarUsageTone`, `SidebarUsagePanelProps`, `SidebarUsagePanelSectionProps`
|
|
7
7
|
|
|
8
8
|
## 最小示例
|
|
9
9
|
|
|
@@ -152,14 +152,24 @@ export default function BasicDemo() {
|
|
|
152
152
|
|
|
153
153
|
### Sidebar.Footer
|
|
154
154
|
|
|
155
|
+
继承 `Sidebar.FooterUser` 的全部属性(不传 `children` 时透传给内建用户区),另有:
|
|
156
|
+
|
|
157
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
158
|
+
|------|------|------|--------|
|
|
159
|
+
| `actions` | 右侧动作区插槽 | `ReactNode` | - |
|
|
160
|
+
| `children` | 自定义左侧内容,传入时忽略 `avatar`/`name` 等 | `ReactNode` | - |
|
|
161
|
+
|
|
162
|
+
### Sidebar.FooterUser
|
|
163
|
+
|
|
155
164
|
| 属性 | 说明 | 类型 | 默认值 |
|
|
156
165
|
|------|------|------|--------|
|
|
157
166
|
| `avatar` | 头像插槽 | `ReactNode` | - |
|
|
158
167
|
| `name` | 名称,为空时不渲染身份区 | `ReactNode` | - |
|
|
159
168
|
| `nameSuffix` | 名称后插槽(套餐标签等) | `ReactNode` | - |
|
|
160
169
|
| `menuOpen` | 菜单展开态,驱动触发区高亮与箭头旋转 | `boolean` | `false` |
|
|
170
|
+
| `showCaret` | 是否显示展开箭头 | `boolean` | `false` |
|
|
171
|
+
| `nameTooltip` | 姓名超长时 hover 出全称提示 | `boolean` | `true` |
|
|
161
172
|
| `onTriggerClick` | 点击触发区,回传 `DOMRect` 供手动定位浮层 | `(rect: DOMRect) => void` | - |
|
|
162
|
-
| `actions` | 右侧动作区插槽 | `ReactNode` | - |
|
|
163
173
|
|
|
164
174
|
### Sidebar.FooterMenuStaticRow
|
|
165
175
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# 语义 Token 全表
|
|
2
2
|
|
|
3
|
-
组件库 `0.0.
|
|
3
|
+
组件库 `0.0.9`。仅列语义层(`--lg-g-*`)。
|
|
4
4
|
|
|
5
5
|
亮色与暗色**变量名完全相同**,给 `<html>` 加 `data-theme="dark"` 即自动切换,业务代码只写一次。
|
|
6
6
|
|
|
@@ -11,18 +11,18 @@
|
|
|
11
11
|
|
|
12
12
|
**业务代码禁止直接写这些色值,也禁止引用 primitives 色板**,色值仅供查阅与比对。
|
|
13
13
|
|
|
14
|
-
## ⚠️
|
|
14
|
+
## ⚠️ 已废弃的错拼 Token
|
|
15
15
|
|
|
16
|
-
以下 Token
|
|
17
|
-
|
|
16
|
+
以下 Token 早期从设计源文件带入了拼写错误,现已提供正确拼写。
|
|
17
|
+
错拼名作为兼容别名保留(与正确名同值,供存量项目过渡),**后续版本会移除**:
|
|
18
18
|
|
|
19
|
-
|
|
|
20
|
-
|
|
21
|
-
| `var(--lg-g-fg-color-
|
|
22
|
-
| `var(--lg-g-fg-color-
|
|
23
|
-
| `var(--lg-g-fg-color-
|
|
24
|
-
| `var(--lg-g-
|
|
25
|
-
| `var(--lg-g-
|
|
19
|
+
| 正确拼写(用这个) | 已废弃,勿再使用 |
|
|
20
|
+
|-------------------|-----------------|
|
|
21
|
+
| `var(--lg-g-fg-color-black-faint)` | ~~`--lg-g-fg-color-black-aint`~~ |
|
|
22
|
+
| `var(--lg-g-fg-color-indigo-default)` | ~~`--lg-g-fg-color-indigo-defauit`~~ |
|
|
23
|
+
| `var(--lg-g-fg-color-lime-default)` | ~~`--lg-g-fg-color-lime-defauit`~~ |
|
|
24
|
+
| `var(--lg-g-fg-color-violet-default)` | ~~`--lg-g-fg-color-violet-defauit`~~ |
|
|
25
|
+
| `var(--lg-g-bg-color-emerald-translucent-soft)` | ~~`--lg-g-bg-color-emeraid-translucent-soft`~~ |
|
|
26
26
|
|
|
27
27
|
## 前景色 fg(color / fill / stroke)(34)
|
|
28
28
|
|
|
@@ -31,7 +31,7 @@ CSS 变量不存在时不报错、颜色直接丢失,按「正确」拼写写
|
|
|
31
31
|
| `var(--lg-g-fg-color-white-heavy)` | `#FFFFFF` | `#FFFFFF` |
|
|
32
32
|
| `var(--lg-g-fg-color-white-dark)` | `#FFFFFF` | `rgba(255, 255, 255, 0.28)` |
|
|
33
33
|
| `var(--lg-g-fg-color-black-moderate)` | `rgba(0, 0, 0, 0.18)` | `rgba(255, 255, 255, 0.18)` |
|
|
34
|
-
| `var(--lg-g-fg-color-black-
|
|
34
|
+
| `var(--lg-g-fg-color-black-faint)` | `rgba(0, 0, 0, 0.28)` | `rgba(255, 255, 255, 0.28)` |
|
|
35
35
|
| `var(--lg-g-fg-color-black-default)` | `rgba(0, 0, 0, 0.46)` | `rgba(255, 255, 255, 0.46)` |
|
|
36
36
|
| `var(--lg-g-fg-color-black-muted)` | `rgba(0, 0, 0, 0.64)` | `rgba(255, 255, 255, 0.64)` |
|
|
37
37
|
| `var(--lg-g-fg-color-black-strong)` | `rgba(0, 0, 0, 0.82)` | `rgba(255, 255, 255, 0.82)` |
|
|
@@ -54,14 +54,14 @@ CSS 变量不存在时不报错、颜色直接丢失,按「正确」拼写写
|
|
|
54
54
|
| `var(--lg-g-fg-color-amber-default)` | `#E28800` | `#E28800` |
|
|
55
55
|
| `var(--lg-g-fg-color-teal-default)` | `#00BFB8` | `#00BFB8` |
|
|
56
56
|
| `var(--lg-g-fg-color-purple-default)` | `#7F2AF3` | `#7F2AF3` |
|
|
57
|
-
| `var(--lg-g-fg-color-indigo-
|
|
57
|
+
| `var(--lg-g-fg-color-indigo-default)` | `#4343F5` | `#4343F5` |
|
|
58
58
|
| `var(--lg-g-fg-color-yellow-default)` | `#D1A600` | `#D1A600` |
|
|
59
59
|
| `var(--lg-g-fg-color-cyan-default)` | `#0083D4` | `#0083D4` |
|
|
60
60
|
| `var(--lg-g-fg-color-pink-default)` | `#ED1165` | `#ED1165` |
|
|
61
61
|
| `var(--lg-g-fg-color-fuchsia-default)` | `#ED1DB9` | `#ED1DB9` |
|
|
62
62
|
| `var(--lg-g-fg-color-emerald-default)` | `#009D72` | `#009D72` |
|
|
63
|
-
| `var(--lg-g-fg-color-lime-
|
|
64
|
-
| `var(--lg-g-fg-color-violet-
|
|
63
|
+
| `var(--lg-g-fg-color-lime-default)` | `#5FBA04` | `#5FBA04` |
|
|
64
|
+
| `var(--lg-g-fg-color-violet-default)` | `#572FF7` | `#572FF7` |
|
|
65
65
|
|
|
66
66
|
## 背景色 bg(background)(92)
|
|
67
67
|
|
|
@@ -148,7 +148,7 @@ CSS 变量不存在时不报错、颜色直接丢失,按「正确」拼写写
|
|
|
148
148
|
| `var(--lg-g-bg-color-indigo-faint)` | `#F5F6FF` | `rgba(81, 85, 246, 0.03)` |
|
|
149
149
|
| `var(--lg-g-bg-color-indigo-faint-dark)` | `#F5F6FF` | `#222327` |
|
|
150
150
|
| `var(--lg-g-bg-color-gray-subtle)` | `#F7F8FA` | `#F7F8FA` |
|
|
151
|
-
| `var(--lg-g-bg-color-
|
|
151
|
+
| `var(--lg-g-bg-color-emerald-translucent-soft)` | `rgba(8, 199, 135, 0.08)` | `rgba(8, 199, 135, 0.08)` |
|
|
152
152
|
| `var(--lg-g-bg-color-emerald-default)` | `#009D72` | `#009D72` |
|
|
153
153
|
| `var(--lg-g-bg-color-lime-translucent-soft)` | `rgba(116, 215, 11, 0.08)` | `rgba(116, 215, 11, 0.08)` |
|
|
154
154
|
| `var(--lg-g-bg-color-lime-default)` | `#5FBA04` | `#5FBA04` |
|
package/dist/chunk-7TZ6IXXG.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
'use strict';var chunkDCDWEVW4_js=require('./chunk-DCDWEVW4.js'),E=require('react'),sonner=require('sonner'),lingeeIcon=require('lingee-icon'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var E__default=/*#__PURE__*/_interopDefault(E);var v={locale:"zh-CN",Button:{},Breadcrumb:{more:"\u66F4\u591A",back:"\u8FD4\u56DE"},Select:{loading:"\u52A0\u8F7D\u4E2D",loadError:"\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5",notFound:"\u641C\u7D22\u65E0\u7ED3\u679C",clear:"\u6E05\u7A7A"},Dropdown:{clear:"\u6E05\u9664"},Tabs:{scrollLeft:"\u5411\u5DE6\u6EDA\u52A8",scrollRight:"\u5411\u53F3\u6EDA\u52A8"},Form:{required:"{label}\u4E0D\u80FD\u4E3A\u7A7A",requiredNoLabel:"\u6B64\u9879\u4E0D\u80FD\u4E3A\u7A7A"},Tag:{close:"\u5173\u95ED"},Upload:{retry:"\u91CD\u65B0\u4E0A\u4F20",remove:"\u79FB\u9664\u6587\u4EF6",removeShort:"\u79FB\u9664",dragText:"\u62D6\u62FD\u6587\u4EF6\u5230\u6B64\u5904\uFF0C\u6216",clickUpload:"\u70B9\u51FB\u4E0A\u4F20"},ColorPicker:{placeholder:"\u8BF7\u9009\u62E9\u989C\u8272"},DatePicker:{placeholder:"\u5E74/\u6708/\u65E5",today:"\u4ECA\u5929",prevYear:"\u4E0A\u4E00\u5E74",nextYear:"\u4E0B\u4E00\u5E74",prevMonth:"\u4E0A\u4E00\u6708",nextMonth:"\u4E0B\u4E00\u6708",prevDecade:"\u4E0A\u4E00\u7EC4\u5E74\u4EFD",nextDecade:"\u4E0B\u4E00\u7EC4\u5E74\u4EFD",months:["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"],yearFormat:"{year}\u5E74",monthFormat:"{month}\u6708"},RangePicker:{startPlaceholder:"\u5E74/\u6708/\u65E5",endPlaceholder:"\u5E74/\u6708/\u65E5"},TimePicker:{now:"\u73B0\u5728",confirm:"\u786E\u5B9A",placeholder:"\u65F6:\u5206",placeholderFull:"\u65F6:\u5206:\u79D2"},Table:{empty:"\u6682\u65E0\u6570\u636E"},Tree:{empty:"\u6682\u65E0\u6570\u636E"},Pagination:{total:"\u5171 {total} \u6761",prevPage:"\u4E0A\u4E00\u9875",nextPage:"\u4E0B\u4E00\u9875",itemsPerPage:"{size}\u6761/\u9875",jumpTo:"\u8DF3\u81F3",page:"\u9875"},Dialog:{close:"\u5173\u95ED"},Drawer:{close:"\u5173\u95ED"},Input:{clear:"\u6E05\u7A7A",expand:"\u5C55\u5F00\u8F93\u5165\u6846"},Alert:{close:"\u5173\u95ED"},Toast:{close:"\u5173\u95ED\u6D88\u606F"},Spin:{loading:"\u52A0\u8F7D\u4E2D"}},l=v;var T={locale:"en-US",Button:{},Breadcrumb:{more:"More",back:"Back"},Select:{loading:"Loading",loadError:"Failed to load, please retry",notFound:"No results found",clear:"Clear"},Dropdown:{clear:"Clear"},Tabs:{scrollLeft:"Scroll left",scrollRight:"Scroll right"},Form:{required:"{label} is required",requiredNoLabel:"This field is required"},Tag:{close:"Close"},Upload:{retry:"Retry upload",remove:"Remove file",removeShort:"Remove",dragText:"Drag files here, or ",clickUpload:"click to upload"},ColorPicker:{placeholder:"Select a color"},DatePicker:{placeholder:"YYYY/MM/DD",today:"Today",prevYear:"Previous year",nextYear:"Next year",prevMonth:"Previous month",nextMonth:"Next month",prevDecade:"Previous decade",nextDecade:"Next decade",months:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],yearFormat:"{year}",monthFormat:"{month}"},RangePicker:{startPlaceholder:"Start date",endPlaceholder:"End date"},TimePicker:{now:"Now",confirm:"OK",placeholder:"HH:mm",placeholderFull:"HH:mm:ss"},Table:{empty:"No data"},Tree:{empty:"No data"},Pagination:{total:"{total} items",prevPage:"Previous page",nextPage:"Next page",itemsPerPage:"{size} / page",jumpTo:"Go to",page:""},Dialog:{close:"Close"},Drawer:{close:"Close"},Input:{clear:"Clear",expand:"Expand input"},Alert:{close:"Close"},Toast:{close:"Close message"},Spin:{loading:"Loading"}},C=T;var u=E.createContext(l);function w({locale:o=l,children:e}){return jsxRuntime.jsxs(u.Provider,{value:o,children:[e,jsxRuntime.jsx(g,{})]})}w.displayName="LingeeProvider";function N(){return E.useContext(u)}function m(o){return N()[o]}var I={info:jsxRuntime.jsx(lingeeIcon.Information1,{size:20}),success:jsxRuntime.jsx(lingeeIcon.Check2Circle,{size:20}),warning:jsxRuntime.jsx(lingeeIcon.ExclamationCircle,{size:20}),error:jsxRuntime.jsx(lingeeIcon.ExclamationTriangle,{size:20})};function f({type:o,content:e,icon:t,closable:i,className:c,onClose:d}){let h=m("Toast"),y=()=>{if(t===null)return null;let b=t!==void 0?t:I[o];return jsxRuntime.jsx("span",{className:"lg-toast__icon",children:b})};return jsxRuntime.jsxs("div",{className:chunkDCDWEVW4_js.a("lg-toast",`lg-toast--${o}`,c),children:[y(),jsxRuntime.jsx("span",{className:"lg-toast__content",children:e}),i&&jsxRuntime.jsx("button",{className:"lg-toast__close",onClick:d,"aria-label":h.close,type:"button",children:jsxRuntime.jsx(lingeeIcon.XLg,{size:16})})]})}var a={};function g(){let o=a.top??16;return jsxRuntime.jsx(sonner.Toaster,{position:"top-center",offset:o,gap:8,closeButton:false,toastOptions:{unstyled:true,className:"lg-toast-wrapper"},style:{"--width":"560px"}})}function A(o){let e=o[0];return typeof e=="object"&&e!==null&&!E__default.default.isValidElement(e)?e:{content:e,duration:o[1],onClose:o[2]}}function U(o,e){let t=e.duration!==void 0?e.duration<0?a.duration??3e3:e.duration:a.duration??3e3,i=t===0?1/0:t,c=sonner.toast.custom(d=>jsxRuntime.jsx(f,{type:o,content:e.content,icon:e.icon,closable:e.closable,className:e.className,onClose:()=>sonner.toast.dismiss(d)}),{...e.key!==void 0&&{id:e.key},duration:i,onAutoClose:()=>e.onClose?.(),onDismiss:()=>e.onClose?.()});return ()=>sonner.toast.dismiss(c)}function n(o){return (...e)=>{let t=A(e);return U(o,t)}}var se={info:n("info"),success:n("success"),warning:n("warning"),error:n("error"),destroy:()=>sonner.toast.dismiss(),config:o=>{a={...a,...o};}};exports.a=g;exports.b=se;exports.c=l;exports.d=C;exports.e=w;exports.f=N;exports.g=m;
|
package/dist/chunk-QBEHOXXU.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import {a as a$1}from'./chunk-DN2VKVCV.mjs';import E,{createContext,useContext}from'react';import {Toaster,toast}from'sonner';import {ExclamationTriangle,ExclamationCircle,Check2Circle,Information1,XLg}from'lingee-icon';import {jsx,jsxs}from'react/jsx-runtime';var v={locale:"zh-CN",Button:{},Breadcrumb:{more:"\u66F4\u591A",back:"\u8FD4\u56DE"},Select:{loading:"\u52A0\u8F7D\u4E2D",loadError:"\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5",notFound:"\u641C\u7D22\u65E0\u7ED3\u679C",clear:"\u6E05\u7A7A"},Dropdown:{clear:"\u6E05\u9664"},Tabs:{scrollLeft:"\u5411\u5DE6\u6EDA\u52A8",scrollRight:"\u5411\u53F3\u6EDA\u52A8"},Form:{required:"{label}\u4E0D\u80FD\u4E3A\u7A7A",requiredNoLabel:"\u6B64\u9879\u4E0D\u80FD\u4E3A\u7A7A"},Tag:{close:"\u5173\u95ED"},Upload:{retry:"\u91CD\u65B0\u4E0A\u4F20",remove:"\u79FB\u9664\u6587\u4EF6",removeShort:"\u79FB\u9664",dragText:"\u62D6\u62FD\u6587\u4EF6\u5230\u6B64\u5904\uFF0C\u6216",clickUpload:"\u70B9\u51FB\u4E0A\u4F20"},ColorPicker:{placeholder:"\u8BF7\u9009\u62E9\u989C\u8272"},DatePicker:{placeholder:"\u5E74/\u6708/\u65E5",today:"\u4ECA\u5929",prevYear:"\u4E0A\u4E00\u5E74",nextYear:"\u4E0B\u4E00\u5E74",prevMonth:"\u4E0A\u4E00\u6708",nextMonth:"\u4E0B\u4E00\u6708",prevDecade:"\u4E0A\u4E00\u7EC4\u5E74\u4EFD",nextDecade:"\u4E0B\u4E00\u7EC4\u5E74\u4EFD",months:["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"],yearFormat:"{year}\u5E74",monthFormat:"{month}\u6708"},RangePicker:{startPlaceholder:"\u5E74/\u6708/\u65E5",endPlaceholder:"\u5E74/\u6708/\u65E5"},TimePicker:{now:"\u73B0\u5728",confirm:"\u786E\u5B9A",placeholder:"\u65F6:\u5206",placeholderFull:"\u65F6:\u5206:\u79D2"},Table:{empty:"\u6682\u65E0\u6570\u636E"},Tree:{empty:"\u6682\u65E0\u6570\u636E"},Pagination:{total:"\u5171 {total} \u6761",prevPage:"\u4E0A\u4E00\u9875",nextPage:"\u4E0B\u4E00\u9875",itemsPerPage:"{size}\u6761/\u9875",jumpTo:"\u8DF3\u81F3",page:"\u9875"},Dialog:{close:"\u5173\u95ED"},Drawer:{close:"\u5173\u95ED"},Input:{clear:"\u6E05\u7A7A",expand:"\u5C55\u5F00\u8F93\u5165\u6846"},Alert:{close:"\u5173\u95ED"},Toast:{close:"\u5173\u95ED\u6D88\u606F"},Spin:{loading:"\u52A0\u8F7D\u4E2D"}},l=v;var T={locale:"en-US",Button:{},Breadcrumb:{more:"More",back:"Back"},Select:{loading:"Loading",loadError:"Failed to load, please retry",notFound:"No results found",clear:"Clear"},Dropdown:{clear:"Clear"},Tabs:{scrollLeft:"Scroll left",scrollRight:"Scroll right"},Form:{required:"{label} is required",requiredNoLabel:"This field is required"},Tag:{close:"Close"},Upload:{retry:"Retry upload",remove:"Remove file",removeShort:"Remove",dragText:"Drag files here, or ",clickUpload:"click to upload"},ColorPicker:{placeholder:"Select a color"},DatePicker:{placeholder:"YYYY/MM/DD",today:"Today",prevYear:"Previous year",nextYear:"Next year",prevMonth:"Previous month",nextMonth:"Next month",prevDecade:"Previous decade",nextDecade:"Next decade",months:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],yearFormat:"{year}",monthFormat:"{month}"},RangePicker:{startPlaceholder:"Start date",endPlaceholder:"End date"},TimePicker:{now:"Now",confirm:"OK",placeholder:"HH:mm",placeholderFull:"HH:mm:ss"},Table:{empty:"No data"},Tree:{empty:"No data"},Pagination:{total:"{total} items",prevPage:"Previous page",nextPage:"Next page",itemsPerPage:"{size} / page",jumpTo:"Go to",page:""},Dialog:{close:"Close"},Drawer:{close:"Close"},Input:{clear:"Clear",expand:"Expand input"},Alert:{close:"Close"},Toast:{close:"Close message"},Spin:{loading:"Loading"}},C=T;var u=createContext(l);function w({locale:o=l,children:e}){return jsxs(u.Provider,{value:o,children:[e,jsx(g,{})]})}w.displayName="LingeeProvider";function N(){return useContext(u)}function m(o){return N()[o]}var I={info:jsx(Information1,{size:20}),success:jsx(Check2Circle,{size:20}),warning:jsx(ExclamationCircle,{size:20}),error:jsx(ExclamationTriangle,{size:20})};function f({type:o,content:e,icon:t,closable:i,className:c,onClose:d}){let h=m("Toast"),y=()=>{if(t===null)return null;let b=t!==void 0?t:I[o];return jsx("span",{className:"lg-toast__icon",children:b})};return jsxs("div",{className:a$1("lg-toast",`lg-toast--${o}`,c),children:[y(),jsx("span",{className:"lg-toast__content",children:e}),i&&jsx("button",{className:"lg-toast__close",onClick:d,"aria-label":h.close,type:"button",children:jsx(XLg,{size:16})})]})}var a={};function g(){let o=a.top??16;return jsx(Toaster,{position:"top-center",offset:o,gap:8,closeButton:false,toastOptions:{unstyled:true,className:"lg-toast-wrapper"},style:{"--width":"560px"}})}function A(o){let e=o[0];return typeof e=="object"&&e!==null&&!E.isValidElement(e)?e:{content:e,duration:o[1],onClose:o[2]}}function U(o,e){let t=e.duration!==void 0?e.duration<0?a.duration??3e3:e.duration:a.duration??3e3,i=t===0?1/0:t,c=toast.custom(d=>jsx(f,{type:o,content:e.content,icon:e.icon,closable:e.closable,className:e.className,onClose:()=>toast.dismiss(d)}),{...e.key!==void 0&&{id:e.key},duration:i,onAutoClose:()=>e.onClose?.(),onDismiss:()=>e.onClose?.()});return ()=>toast.dismiss(c)}function n(o){return (...e)=>{let t=A(e);return U(o,t)}}var se={info:n("info"),success:n("success"),warning:n("warning"),error:n("error"),destroy:()=>toast.dismiss(),config:o=>{a={...a,...o};}};export{g as a,se as b,l as c,C as d,w as e,N as f,m as g};
|