lingee-ui 0.0.9 → 0.0.10

package/skill/AGENTS-SNIPPET.md

@@ -2,15 +2,16 @@
 
 > **本文件由 `packages/lingee-ui/scripts/gen-skill.mjs` 自动生成，禁止手工编辑。**
 > 供根 `AGENTS.md` 引用，避免手写清单随组件库迭代脱节。
-> 组件库 `0.0.9` ｜ 图标库 `1.0.16`
+> 组件库 `0.0.10` ｜ 图标库 `1.0.16`
 
-## 可用组件（38）
+## 可用组件（39）
 
 | 组件 | 名称 | 说明 |
 |------|------|------|
 | `Alert` | 消息通知 | 消息提示组件，用于页面中展示重要的提示信息。 |
 | `Avatar`、`AvatarGroup` | 头像 | 头像组件，用于展示用户头像或图标，支持图片、文字、默认图标三种形态。 |
 | `Button` | 按钮 | 用于触发一个操作，是用户与系统交互的基础元素。 |
+| `Carousel`、`CarouselItem` | 轮播容器 | 水平轮播容器，用于在一屏内循环展示一组内容，支持自动播放、拖拽切换与圆点指示器。 |
 | `Checkbox`、`CheckboxGroup` | 多选框 | 在一组选项中进行多项选择。 |
 | `ColorPicker` | 颜色选择器 | 用于选择颜色值的交互组件。 |
 | `DatePicker` | 日期选择器 | 用于选择日期的输入组件。 |
@@ -64,7 +65,7 @@
 
 按 CSS 属性选前缀：`color`/`fill`/`stroke` → `fg`，`background` → `bg`，`border-color`/`outline` → `border`。
 
-亮暗变量名相同，`data-theme="dark"` 自动切换。色值列供**反查**（设计稿色值找 Token）与**比对**（少数 Token 亮暗语义不对称）使用，**业务代码禁止硬编码色值或引用 primitives**。
+亮暗变量名相同，`data-theme="dark"` 自动切换。色值列供**反查**（设计稿色值找 Token）与**比对**（少数 Token 亮暗语义不对称）使用，**不要把色值直接写进业务代码**。表里查不到所需颜色时可写硬编码（加注释标明来源），但**任何情况都不得引用 primitives**。
 
 ### ⚠️ 已废弃的错拼 Token
 
@@ -78,7 +79,7 @@
 | `--lg-g-fg-color-violet-default` | ~~`--lg-g-fg-color-violet-defauit`~~ |
 | `--lg-g-bg-color-emerald-translucent-soft` | ~~`--lg-g-bg-color-emeraid-translucent-soft`~~ |
 
-#### 前景色 fg（34）
+#### 前景色 fg（47）
 
 | Token | 亮色 | 暗色 |
 |-------|------|------|
@@ -116,8 +117,21 @@
 | `--lg-g-fg-color-emerald-default` | `#009D72` | `#009D72` |
 | `--lg-g-fg-color-lime-default` | `#5FBA04` | `#5FBA04` |
 | `--lg-g-fg-color-violet-default` | `#572FF7` | `#572FF7` |
+| `--lg-g-fg-color-warning-low` | `#FF8D42` | `#FF8D42` |
+| `--lg-g-fg-color-success-low` | `#08CC50` | `#08CC50` |
+| `--lg-g-fg-color-amber-low` | `#FFB200` | `#FFB200` |
+| `--lg-g-fg-color-teal-low` | `#00E5E5` | `#00E5E5` |
+| `--lg-g-fg-color-purple-low` | `#8F40FF` | `#8F40FF` |
+| `--lg-g-fg-color-indigo-low` | `#5155F6` | `#5155F6` |
+| `--lg-g-fg-color-yellow-low` | `#FFE500` | `#FFE500` |
+| `--lg-g-fg-color-cyan-low` | `#00A3F4` | `#00A3F4` |
+| `--lg-g-fg-color-pink-low` | `#FF246D` | `#FF246D` |
+| `--lg-g-fg-color-fuchsia-low` | `#F858D0` | `#F858D0` |
+| `--lg-g-fg-color-emerald-low` | `#08C787` | `#08C787` |
+| `--lg-g-fg-color-lime-low` | `#74D70B` | `#74D70B` |
+| `--lg-g-fg-color-violet-low` | `#7858F9` | `#7858F9` |
 
-#### 背景色 bg（92）
+#### 背景色 bg（99）
 
 | Token | 亮色 | 暗色 |
 |-------|------|------|
@@ -212,9 +226,16 @@
 | `--lg-g-bg-color-violet-default` | `#572FF7` | `#572FF7` |
 | `--lg-g-bg-color-fuchsia-translucent-soft` | `rgba(248, 88, 208, 0.08)` | `rgba(248, 88, 208, 0.08)` |
 | `--lg-g-bg-color-fuchsia-default` | `#ED1DB9` | `#ED1DB9` |
-| `--lg-g-bg-color-page-default` | `#F7F7FA` | `#1A1A1A` |
+| `--lg-g-bg-color-page-default` | `#F7F7FA` | `#191A1B` |
+| `--lg-g-bg-color-white` | `#FAFAFA` | `#191A1B` |
+| `--lg-g-bg-color-navigation` | `#F1F1F6` | `#191A1B` |
+| `--lg-g-bg-color-white-tabs` | `#FFFFFF` | `rgba(255, 255, 255, 0.28)` |
+| `--lg-g-bg-color-white-default` | `rgba(255, 255, 255, 0.46)` | `rgba(0, 0, 0, 0.46)` |
+| `--lg-g-bg-color-success-translucent-subtle` | `rgba(8, 204, 80, 0.06)` | `rgba(8, 204, 80, 0.06)` |
+| `--lg-g-bg-color-blue-translucent-subtle` | `rgba(77, 137, 255, 0.06)` | `rgba(77, 137, 255, 0.06)` |
+| `--lg-g-bg-color-blue-translucent-muted` | `rgba(77, 137, 255, 0.12)` | `rgba(77, 137, 255, 0.28)` |
 
-#### 边框色 border（27）
+#### 边框色 border（42）
 
 | Token | 亮色 | 暗色 |
 |-------|------|------|
@@ -245,6 +266,21 @@
 | `--lg-g-border-color-blue-translucent-soft` | `rgba(77, 137, 255, 0.08)` | `rgba(77, 137, 255, 0.08)` |
 | `--lg-g-border-color-blue-subtle` | `#E4EEFF` | `#183F96` |
 | `--lg-g-border-color-blue-default` | `#2970FF` | `#2970FF` |
+| `--lg-g-border-color-black-default` | `rgba(0, 0, 0, 0.46)` | `rgba(255, 255, 255, 0.46)` |
+| `--lg-g-border-color-warning-translucent-muted` | `rgba(255, 119, 0, 0.12)` | `rgba(255, 119, 0, 0.12)` |
+| `--lg-g-border-color-danger-translucent-muted` | `rgba(255, 41, 59, 0.12)` | `rgba(255, 41, 59, 0.12)` |
+| `--lg-g-border-color-success-translucent-muted` | `rgba(8, 204, 80, 0.12)` | `rgba(8, 204, 80, 0.12)` |
+| `--lg-g-border-color-blue-translucent-default` | `rgba(77, 137, 255, 0.12)` | `rgba(77, 137, 255, 0.12)` |
+| `--lg-g-border-color-amber-default` | `#E28800` | `#E28800` |
+| `--lg-g-border-color-teal-default` | `#00BFB8` | `#00BFB8` |
+| `--lg-g-border-color-emerald-default` | `#009D72` | `#009D72` |
+| `--lg-g-border-color-lime-default` | `#5FBA04` | `#5FBA04` |
+| `--lg-g-border-color-cyan-default` | `#0083D4` | `#0083D4` |
+| `--lg-g-border-color-purple-default` | `#7F2AF3` | `#7F2AF3` |
+| `--lg-g-border-color-indigo-default` | `#4343F5` | `#4343F5` |
+| `--lg-g-border-color-violet-default` | `#572FF7` | `#572FF7` |
+| `--lg-g-border-color-fuchsia-default` | `#ED1DB9` | `#ED1DB9` |
+| `--lg-g-border-color-pink-default` | `#ED1165` | `#ED1165` |
 #### 其他（3）
 
 | Token | 亮色 | 暗色 |

package/skill/SKILL.md

@@ -2,17 +2,17 @@
 name: lingee-ui-usage
 description: 使用 lingee-ui 组件库与 lingee-icon 图标库开发 React 界面。当需要编写含按钮、表单、弹窗、表格、下拉、页签、图标等 UI 的 React/TypeScript 代码，或需要查询 lingee-ui 组件 API、Design Token 语义变量、可用图标名时触发。关键词：lingee-ui、lingee-icon、组件库、图标库、Design Token、语义变量、lg- 前缀、UI 组件。
 metadata:
-  lingeeUi: "0.0.9"
+  lingeeUi: "0.0.10"
   lingeeIcon: "1.0.16"
   generatedBy: "gen-skill.mjs"
 ---
 
 # lingee-ui 组件库使用技能
 
-Kingdee Lingee 设计体系的 React 组件库（38 个组件）与图标库（967 个图标）。
+Kingdee Lingee 设计体系的 React 组件库（39 个组件）与图标库（968 个图标）。
 本技能面向**消费方项目**，只覆盖「如何用」，不含组件库内部开发约定。
 
-- 组件库版本 `0.0.9` ｜ 图标库版本 `1.0.16`
+- 组件库版本 `0.0.10` ｜ 图标库版本 `1.0.16`
 - 组件在线预览：https://kingdee.github.io/lingee-ui/
 - 图标在线预览：https://kingdee.github.io/lingee-icon/
 
@@ -44,7 +44,7 @@ import "lingee-ui/styles.css";        // 必须，否则组件完全无样式
 import { LingeeProvider } from "lingee-ui";
 
 createRoot(el).render(
-  <LingeeProvider locale="zh-CN">
+  <LingeeProvider>
     <App />
   </LingeeProvider>,
 );
@@ -59,6 +59,7 @@ createRoot(el).render(
 | `Alert` | 消息通知 | 消息提示组件，用于页面中展示重要的提示信息。 | `alert.md` | — |
 | `Avatar`、`AvatarGroup` | 头像 | 头像组件，用于展示用户头像或图标，支持图片、文字、默认图标三种形态。 | `avatar.md` | — |
 | `Button` | 按钮 | 用于触发一个操作，是用户与系统交互的基础元素。 | `button.md` | ✓ |
+| `Carousel`、`CarouselItem` | 轮播容器 | 水平轮播容器，用于在一屏内循环展示一组内容，支持自动播放、拖拽切换与圆点指示器。 | `carousel.md` | — |
 | `Checkbox`、`CheckboxGroup` | 多选框 | 在一组选项中进行多项选择。 | `checkbox.md` | — |
 | `ColorPicker` | 颜色选择器 | 用于选择颜色值的交互组件。 | `color-picker.md` | — |
 | `DatePicker` | 日期选择器 | 用于选择日期的输入组件。 | `date-picker.md` | — |
@@ -133,16 +134,15 @@ import { Search, Trash } from "lingee-icon";
 图标默认 `size="1em"`、`color="currentColor"`，即随父级字号与文字颜色走，
 所以**优先用 CSS 控制颜色**而不是传 `color` prop。
 
-完整 Props 见 `references/setup.md`，967 个图标的名称与中文语义索引见 `references/icons.md`。
+完整 Props 见 `references/setup.md`，968 个图标的名称与中文语义索引见 `references/icons.md`。
 选图标时必须从索引中查找，**不要凭猜测写图标名**，也不要从 `@ant-design/icons`、`lucide-react` 等其他库引入。
 
-## 颜色：只用语义 Token
+## 颜色：优先用语义 Token
 
-三条铁律：
+两条铁律：
 
-1. **禁止硬编码色值**（`#495DFF`、`rgb(...)`、`red`），也禁止在 tsx 中写 hex/rgb
-2. **禁止使用 primitives 色板变量**（`--lg-primary-600`、`--lg-black-82`），它们不随暗色模式切换
-3. 只用语义层 `--lg-g-*` 变量，按 CSS 属性选前缀：
+1. **禁止使用 primitives 色板变量**（`--lg-primary-600`、`--lg-black-82`），它们不随暗色模式切换，这条没有例外
+2. 优先用语义层 `--lg-g-*` 变量，按 CSS 属性选前缀：
 
 | CSS 属性 | Token 前缀 |
 |----------|-----------|
@@ -189,12 +189,20 @@ import { Search, Trash } from "lingee-icon";
 
 在旧代码里看到错拼名不要照抄延用，也不要把两者当成不同的 Token。
 
+### 硬编码色值的允许场景
+
+语义层覆盖不到时可以写硬编码，但只限这两种情况：
+
+- **Token 表里查不到所需颜色** —— 写硬编码并加注释标明来源（如设计稿标注值），同时告知用户缺口
+- **任何主题下都不变的装饰性颜色** —— 如品牌插画、固定配色的图表系列色
+
+其余场景一律用语义 Token。**注意**：查不到 Token 时可以硬编码，但**不能自行新增 `--lg-g-*` 变量、也不能退回 primitives**。
+
 ### 拿设计稿色值找 Token
 
 设计稿给的是 hex 时，到 `references/tokens.md` 搜该 hex，表格含亮/暗两列最终色值，可直接反查。
-**搜不到不等于可以硬编码** —— 应向用户说明缺口并等设计确认，不要自行新增变量、也不要退回 primitives。
 
-全量 156 个语义 Token 见 `references/tokens.md`。
+全量 191 个语义 Token 见 `references/tokens.md`。
 
 ## 查阅详细 API
 

package/skill/VERSION.json

@@ -1,7 +1,7 @@
 {
-  "lingeeUi": "0.0.9",
+  "lingeeUi": "0.0.10",
   "lingeeIcon": "1.0.16",
-  "componentCount": 38,
-  "iconCount": 967,
-  "sourceHash": "b97bcbaa2290a729"
+  "componentCount": 39,
+  "iconCount": 968,
+  "sourceHash": "8acc37347347b8a2"
 }

package/skill/references/components/carousel.md

@@ -0,0 +1,93 @@
+# Carousel 轮播容器
+
+水平轮播容器，用于在一屏内循环展示一组内容，支持自动播放、拖拽切换与圆点指示器。
+
+- 导入：`import { Carousel, CarouselItem } from "lingee-ui";`
+- 可用类型：`CarouselProps`, `CarouselItemProps`, `CarouselApi`, `CarouselDotsPlacement`
+
+## 最小示例
+
+```tsx
+import { Carousel } from "lingee-ui";
+
+const slides = ["Slide 1", "Slide 2", "Slide 3"];
+
+export default function BasicDemo() {
+  return (
+    <Carousel autoplay loop style={{ borderRadius: 24, overflow: "hidden" }}>
+      {slides.map((label) => (
+        <Carousel.Item key={label}>
+          <div
+            style={{
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              height: 200,
+              background: "var(--lg-g-bg-color-primary-translucent-soft)",
+              color: "var(--lg-g-fg-color-primary-default)",
+              fontSize: 32,
+              fontWeight: 600,
+            }}
+          >
+            {label}
+          </div>
+        </Carousel.Item>
+      ))}
+    </Carousel>
+  );
+}
+```
+
+## API
+
+### Carousel
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| `children` | 轮播项，需为 `Carousel.Item` | `ReactNode` | - |
+| `loop` | 是否循环轮播 | `boolean` | `true` |
+| `autoplay` | 是否开启自动轮播 | `boolean` | `false` |
+| `autoplayDelay` | 自动轮播间隔（ms），建议 3000 ~ 6000 | `number` | `4000` |
+| `stopOnMouseEnter` | 鼠标移入时暂停，移出恢复 | `boolean` | `true` |
+| `stopOnInteraction` | 手动交互后彻底停止自动轮播 | `boolean` | `false` |
+| `draggable` | 是否允许拖拽 / 滑动切换 | `boolean` | `true` |
+| `slidesPerView` | 每屏展示的轮播项数量 | `number` | `1` |
+| `gap` | 轮播项之间的间距（px） | `number` | `0` |
+| `defaultIndex` | 初始选中序号（0 开始） | `number` | `0` |
+| `dots` | 是否展示圆点指示器 | `boolean` | `true` |
+| `dotsPlacement` | 指示器位置 | `"inside" \| "outside"` | `"inside"` |
+| `dotsGlassy` | 指示器是否使用半透明毛玻璃胶囊底 | `boolean` | `false` |
+| `arrows` | 是否展示左右箭头 | `boolean` | `false` |
+| `onChange` | 选中项变化回调 | `(index: number) => void` | - |
+| `apiRef` | 获取轮播实例 | `Ref<CarouselApi>` | - |
+| `className` | 自定义类名 | `string` | - |
+| `style` | 自定义样式 | `CSSProperties` | - |
+
+### Carousel.Item
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| `children` | 轮播项内容 | `ReactNode` | - |
+| `className` | 自定义类名 | `string` | - |
+| `style` | 自定义样式 | `CSSProperties` | - |
+
+### CarouselApi
+
+| 方法 | 说明 | 类型 |
+|------|------|------|
+| `scrollTo` | 跳转到指定序号，`jump` 为 `true` 时不播放过渡 | `(index: number, jump?: boolean) => void` |
+| `scrollPrev` | 上一张 | `() => void` |
+| `scrollNext` | 下一张 | `() => void` |
+| `canScrollPrev` | 是否可向前翻页（`loop` 下恒为 `true`） | `() => boolean` |
+| `canScrollNext` | 是否可向后翻页（`loop` 下恒为 `true`） | `() => boolean` |
+| `selectedIndex` | 当前选中序号 | `() => number` |
+| `count` | 总页数 | `() => number` |
+| `play` | 启动自动轮播 | `() => void` |
+| `stop` | 暂停自动轮播 | `() => void` |
+| `reInit` | 重新初始化 | `() => void` |
+
+## 注意事项
+
+- 圆角需设置在 `Carousel` 根节点上，内部 viewport 通过 `border-radius: inherit` 继承裁剪
+- `autoplayDelay` 变化不会自动应用到已挂载的实例，如需动态切换请配合 `key` 强制重挂载
+- 内容色彩复杂导致圆点对比度不足时，开启 `dotsGlassy` 增加胶囊底

package/skill/references/components/dropdown.md

@@ -3,7 +3,7 @@
 向下弹出的操作菜单列表，支持图标、分组、危险操作、子菜单等。
 
 - 导入：`import { Dropdown, DropdownTrigger, DropdownContent, DropdownItem, DropdownCheckboxItem, DropdownRadioGroup, DropdownRadioItem, DropdownLabel, DropdownSeparator, DropdownGroup, DropdownStatus, DropdownSub, DropdownSubTrigger, DropdownSubContent, DropdownButton } from "lingee-ui";`
-- 可用类型：`DropdownProps`, `DropdownTriggerProps`, `DropdownContentProps`, `DropdownItemProps`, `DropdownCheckboxItemProps`, `DropdownRadioGroupProps`, `DropdownRadioItemProps`, `DropdownLabelProps`, `DropdownSeparatorProps`, `DropdownGroupProps`, `DropdownStatusProps`, `DropdownStatusType`, `DropdownStatusText`, `DropdownSubProps`, `DropdownSubTriggerProps`, `DropdownSubContentProps`, `DropdownItemData`, `DropdownMenuItemData`, `DropdownSeparatorData`, `DropdownLabelData`, `DropdownButtonProps`
+- 可用类型：`DropdownEllipsisTooltip`, `DropdownProps`, `DropdownTriggerProps`, `DropdownContentProps`, `DropdownItemProps`, `DropdownCheckboxItemProps`, `DropdownRadioGroupProps`, `DropdownRadioItemProps`, `DropdownLabelProps`, `DropdownSeparatorProps`, `DropdownGroupProps`, `DropdownStatusProps`, `DropdownStatusType`, `DropdownStatusText`, `DropdownSubProps`, `DropdownSubTriggerProps`, `DropdownSubContentProps`, `DropdownItemData`, `DropdownMenuItemData`, `DropdownSeparatorData`, `DropdownLabelData`, `DropdownButtonProps`
 
 ## 最小示例
 
@@ -68,8 +68,32 @@ export default function BasicDemo() {
 | `icon` | 前缀图标 | `ReactNode` | - |
 | `disabled` | 是否禁用 | `boolean` | `false` |
 | `onMouseEnter` | 鼠标进入回调，在内部展开子菜单后执行，可用于懒加载数据 | `MouseEventHandler` | - |
+| `ellipsisTooltip` | 文本溢出时悬浮显示完整内容，见 [长文本溢出提示](#长文本溢出提示) | `boolean \| ReactNode` | - |
 | `children` | 触发项内容 | `ReactNode` | - |
 
+### DropdownSubContent
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| `side` | 弹出方向 | `"top" \| "bottom" \| "left" \| "right"` | `"right"` |
+| `align` | 对齐方式 | `"start" \| "center" \| "end"` | `"start"` |
+| `sideOffset` | 侧向偏移 | `number` | `8` |
+| `style.maxHeight` | 覆盖面板高度上限 | `number \| string` | `346` |
+| `children` | 子菜单内容 | `ReactNode` | - |
+
+子菜单与主面板同口径限高：默认上限 346px（10 个菜单项），并始终与视口可用空间取较小值，超出部分由内置 ScrollArea 滚动。选项数量不受控的场景（如租户列表）无需额外处理。
+
+承载设计高度更大的自定义面板时才需抬高上限，传 `style={{ maxHeight: ... }}` 或在类名上改 `--lg-dropdown-sub-max-height`：
+
+```less
+.myCustomSubPanel {
+  // 写面板实际需要的高度，不要写 100vh
+  --lg-dropdown-sub-max-height: 420px;
+}
+```
+
+给一个具体像素值而非 `100vh`：视口兜底依赖 Radix 注入的 `--radix-popover-content-available-height`，该变量在未测量完或降级路径下为空，此时若上限也是 `100vh`，`min()` 两边同值，兜底就失效了。
+
 ### DropdownContent
 
 | 属性 | 说明 | 类型 | 默认值 |
@@ -93,8 +117,33 @@ export default function BasicDemo() {
 | `icon` | 前缀图标 | `ReactNode` | - |
 | `description` | 副标题描述（显示在主文本下方） | `ReactNode` | - |
 | `selected` | 是否选中（显示勾选） | `boolean` | `false` |
+| `ellipsisTooltip` | 文本溢出时悬浮显示完整内容，详见下方章节 | `boolean \| ReactNode` | - |
 | `children` | 菜单项内容 | `ReactNode` | - |
 
+### 长文本溢出提示
+
+面板宽度默认随内容撑开，长文案会把浮层顶出屏幕。给菜单项传 `ellipsisTooltip` 后文本带最大宽度（240px）并单行截断，**仅在真正被截断时**悬浮显示完整内容 —— 未截断不弹，不会出现重复可见文字的干扰提示。
+
+```tsx
+{/* true：取 children 作为提示内容 */}
+<DropdownItem ellipsisTooltip>{tenantName}</DropdownItem>
+
+{/* children 是 JSX 时显式传纯文本，否则整块 JSX 会被塞进浮层 */}
+<DropdownItem ellipsisTooltip={file.name}>
+  <span>{file.name}</span><Tag>new</Tag>
+</DropdownItem>
+```
+
+`DropdownItem` / `DropdownRadioItem` / `DropdownCheckboxItem` / `DropdownSubTrigger` 均支持，`items` 快捷模式在数据项上同名传入即可。
+
+不传该属性时行为与此前完全一致（不限宽、不打点、不弹提示），故存量菜单无需改动。限宽可通过 `--lg-dropdown-label-max-width` 调整：
+
+```less
+.my-menu {
+  --lg-dropdown-label-max-width: 320px;
+}
+```
+
 ## DropdownButton 触发器按钮
 
 统一的下拉触发器按钮组件，提供两种视觉态：

package/skill/references/components/empty.md

@@ -34,9 +34,10 @@ export default function BasicDemo() {
 | `status` | 状态，决定默认图标与无障碍语义 | `"loading" \| "empty" \| "error"` | - |
 | `description` | 描述文案 | `ReactNode` | - |
 | `icon` | 覆盖默认图标；传 `null` 不渲染图标 | `ReactNode \| null` | 按 `status` 取 |
-| `variant` | 布局：`block` 区块级 / `inline` 行内轻量 | `"block" \| "inline"` | `"block"` |
+| `size` | 尺寸，语义同 `Empty`，透传给内部 `Empty` | `"sm" \| "md" \| "lg"` | `"sm"` |
+| `variant` | 留白密度：`block` 区块级 / `inline` 行内轻量 | `"block" \| "inline"` | `"block"` |
 | `spacing` | 留白档位。`loose` 为顶部大留白（列表级空态） | `"none" \| "normal" \| "loose"` | `"normal"` |
-| `onRetry` | 重试回调。仅 `status="error"` 生效，传入后整体可点击 | `() => void` | - |
+| `onRetry` | 重试回调。仅 `status="error"` 生效，传入后整体可点击，并自动追加主题色「重试」 | `() => void` | - |
 | `className` | 自定义类名 | `string` | - |
 | `style` | 自定义内联样式 | `CSSProperties` | - |
 

package/skill/references/components/select.md

@@ -46,6 +46,7 @@ export default function BasicDemo() {
 | `allowClear` | 是否可清空 | `boolean` | `false` |
 | `loading` | 是否加载中 | `boolean` | `false` |
 | `loadError` | 是否加载失败 | `boolean` | `false` |
+| `onRetry` | 加载失败后的重试回调。传入后失败缺省态可点击并追加「重试」 | `() => void` | - |
 | `size` | 尺寸 | `"sm" \| "md" \| "lg"` | `"md"` |
 | `suffixIcon` | 后缀图标 | `ReactNode` | - |
 | `maxTagCount` | 多选模式最多显示 Tag 数 | `number` | - |

package/skill/references/components/sidebar.md

@@ -122,7 +122,7 @@ export default function BasicDemo() {
 | `onToggle` | 切换回调 | `() => void` | - |
 | `actions` | 右侧操作区插槽 | `ReactNode` | - |
 
-折叠箭头与操作区悬停显现，展开态箭头常显。
+折叠箭头与操作区均仅悬停显现，展开态也不常显。
 
 ### Sidebar.ListItem
 

package/skill/references/components/upload.md

@@ -35,7 +35,59 @@ export default function BasicDemo() {
 | `showFileList` | 是否显示文件列表 | `boolean` | `true` |
 | `onChange` | 文件列表变化回调 | `(fileList: UploadFile[]) => void` | - |
 | `onReject` | 校验未通过回调 | `(files: File[], reason: "size" \| "type" \| "count") => void` | - |
-| `customRequest` | 自定义上传请求。省略则为仅收集模式 | `(options: CustomRequestOptions) => { abort }` | - |
+| `customRequest` | 自定义上传请求。与 `action` 同时传入时优先 | `(options: CustomRequestOptions) => { abort }` | - |
+| `action` | 上传地址，传入即启用内置 XHR（含真实进度） | `string \| (file) => string \| Promise<string>` | - |
+| `method` | 请求方法。仅 `action` 模式生效 | `"POST" \| "PUT" \| "PATCH"` | `POST` |
+| `headers` | 附加请求头。仅 `action` 模式生效 | `Record<string, string>` | - |
+| `data` | 附加表单字段。仅 `action` 模式生效 | `Record<string, unknown> \| (file) => Record<string, unknown>` | - |
+| `name` | 表单中文件字段名。仅 `action` 模式生效 | `string` | `file` |
+| `withCredentials` | 跨域是否带 cookie。仅 `action` 模式生效 | `boolean` | `false` |
+| `directory` | 是否选择文件夹（拖拽时递归遍历子目录） | `boolean` | `false` |
+| `beforeUpload` | 上传前钩子，返回 `false` 阻止、返回 `File`/`Blob` 替换待传文件 | `(file, fileList) => boolean \| File \| Blob \| Promise<...>` | - |
 | `pasteable` | 是否支持粘贴文件（如截图） | `boolean` | `false` |
 | `validateAccept` | 是否按 `accept` 校验类型，拦住拖拽与粘贴 | `boolean` | `false` |
 | `children` | 触发区域 | `ReactNode` | - |
+
+## 内置 XHR 上传
+
+传入 `action` 即启用内置请求，无需自行实现 `customRequest`，进度来自真实的 XHR `progress` 事件：
+
+```tsx
+<Upload
+  action="/api/upload"
+  name="file"
+  headers={{ Authorization: `Bearer ${token}` }}
+  data={(file) => ({ filename: file.name })}
+  onChange={setFileList}
+>
+  <Button>上传</Button>
+</Upload>
+```
+
+## 上传前处理文件
+
+`beforeUpload` 在内置校验（类型/数量/大小）通过之后执行。返回 `File` 或 `Blob` 可替换实际上传的文件，用于压缩、转格式等场景；原始文件仍保留在 `originFile` 上：
+
+```tsx
+<Upload
+  action="/api/upload"
+  beforeUpload={async (file) => {
+    if (!file.type.startsWith("image/")) return true;
+    return await compressImage(file);
+  }}
+>
+  <Button>上传图片</Button>
+</Upload>
+```
+
+返回 `false` 或 reject 则阻止该文件上传。
+
+## 文件夹上传
+
+`directory` 开启后点击选择整个目录，拖拽时递归遍历子目录。目录内的文件不经过选择器，组件会强制按 `accept` 过滤：
+
+```tsx
+<Upload directory accept=".png,.jpg" onChange={setFileList}>
+  <Button>选择文件夹</Button>
+</Upload>
+```

package/skill/references/icons.md

@@ -12,7 +12,7 @@ import { Search } from "lingee-icon";
 
 ---
 
-共 967 个图标，27 个分类。图标名为 PascalCase，可直接作为 React 组件名或 SVG Sprite `<use href="#IconName">` 的引用 ID。
+共 968 个图标，27 个分类。图标名为 PascalCase，可直接作为 React 组件名或 SVG Sprite `<use href="#IconName">` 的引用 ID。
 
 ## 通用类（49）
 
@@ -68,7 +68,7 @@ import { Search } from "lingee-icon";
 | ZoomIn | 放大 |
 | ZoomOut | 缩小 |
 
-## 符号标识（43）
+## 符号标识（44）
 
 | 图标名 | 语义/用途 |
 |--------|----------|
@@ -79,6 +79,7 @@ import { Search } from "lingee-icon";
 | Check2Circle1 | 圆形勾选（缺口） |
 | Check2Square | 方形勾选（缺口） |
 | CheckCircleFill | 圆形勾选（选中） — 成功 |
+| CheckSmall | 小号勾/确认（细） |
 | CheckSquare | 方形勾选 |
 | CheckSquareFill | 方形勾选（选中） |
 | CheckboxUnselected | 复选未选中 |

package/skill/references/setup.md

@@ -1,6 +1,6 @@
 # 接入指南
 
-组件库 `0.0.9` ｜ 图标库 `1.0.16`
+组件库 `0.0.10` ｜ 图标库 `1.0.16`
 
 ## 安装
 
@@ -36,7 +36,7 @@ import "lingee-ui/styles.css";
 import { LingeeProvider } from "lingee-ui";
 
 createRoot(document.getElementById("root")!).render(
-  <LingeeProvider locale="zh-CN">
+  <LingeeProvider>
     <App />
   </LingeeProvider>,
 );
@@ -44,6 +44,18 @@ createRoot(document.getElementById("root")!).render(
 
 未包 Provider 时 `toast.*` 不会显示，组件内置文案也无法本地化。
 
+`locale` 接收**语言包对象**（不是 `"zh-CN"` 这样的字符串），默认中文，切换英文需显式传入 `enUS`：
+
+```tsx
+import { LingeeProvider, enUS } from "lingee-ui";
+
+<LingeeProvider locale={enUS}>
+  <App />
+</LingeeProvider>;
+```
+
+需要在业务代码里复用组件库文案时，用 `useLocale()` 取完整语言包，或 `useComponentLocale("Pagination")` 取单个组件的片段。
+
 ## 暗色模式
 
 给 `<html>` 加 `data-theme="dark"`，全部语义 Token 自动切换：

package/skill/references/tokens.md

@@ -1,6 +1,6 @@
 # 语义 Token 全表
 
-组件库 `0.0.9`。仅列语义层（`--lg-g-*`）。
+组件库 `0.0.10`。仅列语义层（`--lg-g-*`）。
 
 亮色与暗色**变量名完全相同**，给 `<html>` 加 `data-theme="dark"` 即自动切换，业务代码只写一次。
 
@@ -24,7 +24,7 @@
 | `var(--lg-g-fg-color-violet-default)` | ~~`--lg-g-fg-color-violet-defauit`~~ |
 | `var(--lg-g-bg-color-emerald-translucent-soft)` | ~~`--lg-g-bg-color-emeraid-translucent-soft`~~ |
 
-## 前景色 fg（color / fill / stroke）（34）
+## 前景色 fg（color / fill / stroke）（47）
 
 | Token | 亮色 | 暗色 |
 |-------|------|------|
@@ -62,8 +62,21 @@
 | `var(--lg-g-fg-color-emerald-default)` | `#009D72` | `#009D72` |
 | `var(--lg-g-fg-color-lime-default)` | `#5FBA04` | `#5FBA04` |
 | `var(--lg-g-fg-color-violet-default)` | `#572FF7` | `#572FF7` |
-
-## 背景色 bg（background）（92）
+| `var(--lg-g-fg-color-warning-low)` | `#FF8D42` | `#FF8D42` |
+| `var(--lg-g-fg-color-success-low)` | `#08CC50` | `#08CC50` |
+| `var(--lg-g-fg-color-amber-low)` | `#FFB200` | `#FFB200` |
+| `var(--lg-g-fg-color-teal-low)` | `#00E5E5` | `#00E5E5` |
+| `var(--lg-g-fg-color-purple-low)` | `#8F40FF` | `#8F40FF` |
+| `var(--lg-g-fg-color-indigo-low)` | `#5155F6` | `#5155F6` |
+| `var(--lg-g-fg-color-yellow-low)` | `#FFE500` | `#FFE500` |
+| `var(--lg-g-fg-color-cyan-low)` | `#00A3F4` | `#00A3F4` |
+| `var(--lg-g-fg-color-pink-low)` | `#FF246D` | `#FF246D` |
+| `var(--lg-g-fg-color-fuchsia-low)` | `#F858D0` | `#F858D0` |
+| `var(--lg-g-fg-color-emerald-low)` | `#08C787` | `#08C787` |
+| `var(--lg-g-fg-color-lime-low)` | `#74D70B` | `#74D70B` |
+| `var(--lg-g-fg-color-violet-low)` | `#7858F9` | `#7858F9` |
+
+## 背景色 bg（background）（99）
 
 | Token | 亮色 | 暗色 |
 |-------|------|------|
@@ -158,9 +171,16 @@
 | `var(--lg-g-bg-color-violet-default)` | `#572FF7` | `#572FF7` |
 | `var(--lg-g-bg-color-fuchsia-translucent-soft)` | `rgba(248, 88, 208, 0.08)` | `rgba(248, 88, 208, 0.08)` |
 | `var(--lg-g-bg-color-fuchsia-default)` | `#ED1DB9` | `#ED1DB9` |
-| `var(--lg-g-bg-color-page-default)` | `#F7F7FA` | `#1A1A1A` |
+| `var(--lg-g-bg-color-page-default)` | `#F7F7FA` | `#191A1B` |
+| `var(--lg-g-bg-color-white)` | `#FAFAFA` | `#191A1B` |
+| `var(--lg-g-bg-color-navigation)` | `#F1F1F6` | `#191A1B` |
+| `var(--lg-g-bg-color-white-tabs)` | `#FFFFFF` | `rgba(255, 255, 255, 0.28)` |
+| `var(--lg-g-bg-color-white-default)` | `rgba(255, 255, 255, 0.46)` | `rgba(0, 0, 0, 0.46)` |
+| `var(--lg-g-bg-color-success-translucent-subtle)` | `rgba(8, 204, 80, 0.06)` | `rgba(8, 204, 80, 0.06)` |
+| `var(--lg-g-bg-color-blue-translucent-subtle)` | `rgba(77, 137, 255, 0.06)` | `rgba(77, 137, 255, 0.06)` |
+| `var(--lg-g-bg-color-blue-translucent-muted)` | `rgba(77, 137, 255, 0.12)` | `rgba(77, 137, 255, 0.28)` |
 
-## 边框色 border（border-color / outline）（27）
+## 边框色 border（border-color / outline）（42）
 
 | Token | 亮色 | 暗色 |
 |-------|------|------|
@@ -191,6 +211,21 @@
 | `var(--lg-g-border-color-blue-translucent-soft)` | `rgba(77, 137, 255, 0.08)` | `rgba(77, 137, 255, 0.08)` |
 | `var(--lg-g-border-color-blue-subtle)` | `#E4EEFF` | `#183F96` |
 | `var(--lg-g-border-color-blue-default)` | `#2970FF` | `#2970FF` |
+| `var(--lg-g-border-color-black-default)` | `rgba(0, 0, 0, 0.46)` | `rgba(255, 255, 255, 0.46)` |
+| `var(--lg-g-border-color-warning-translucent-muted)` | `rgba(255, 119, 0, 0.12)` | `rgba(255, 119, 0, 0.12)` |
+| `var(--lg-g-border-color-danger-translucent-muted)` | `rgba(255, 41, 59, 0.12)` | `rgba(255, 41, 59, 0.12)` |
+| `var(--lg-g-border-color-success-translucent-muted)` | `rgba(8, 204, 80, 0.12)` | `rgba(8, 204, 80, 0.12)` |
+| `var(--lg-g-border-color-blue-translucent-default)` | `rgba(77, 137, 255, 0.12)` | `rgba(77, 137, 255, 0.12)` |
+| `var(--lg-g-border-color-amber-default)` | `#E28800` | `#E28800` |
+| `var(--lg-g-border-color-teal-default)` | `#00BFB8` | `#00BFB8` |
+| `var(--lg-g-border-color-emerald-default)` | `#009D72` | `#009D72` |
+| `var(--lg-g-border-color-lime-default)` | `#5FBA04` | `#5FBA04` |
+| `var(--lg-g-border-color-cyan-default)` | `#0083D4` | `#0083D4` |
+| `var(--lg-g-border-color-purple-default)` | `#7F2AF3` | `#7F2AF3` |
+| `var(--lg-g-border-color-indigo-default)` | `#4343F5` | `#4343F5` |
+| `var(--lg-g-border-color-violet-default)` | `#572FF7` | `#572FF7` |
+| `var(--lg-g-border-color-fuchsia-default)` | `#ED1DB9` | `#ED1DB9` |
+| `var(--lg-g-border-color-pink-default)` | `#ED1165` | `#ED1165` |
 
 ## 其他（3）
 

package/dist/chunk-C5BDJQIO.js

@@ -1,2 +0,0 @@
-'use strict';var chunkWAYZVZQB_js=require('./chunk-WAYZVZQB.js'),chunkDCDWEVW4_js=require('./chunk-DCDWEVW4.js'),_e=require('react'),Pe=require('@rc-component/tree'),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 Pe__default=/*#__PURE__*/_interopDefault(Pe);var I=_e__default.default.forwardRef(({className:e,size:r="md",spinning:o=true,children:n,tip:a,...c},s)=>{let p=chunkWAYZVZQB_js.g("Spin"),i=n!=null,g=jsxRuntime.jsx("div",{className:"lg-spin__indicator"});return i?jsxRuntime.jsxs("div",{ref:s,className:chunkDCDWEVW4_js.a("lg-spin","lg-spin--nested",e),...c,children:[jsxRuntime.jsx("div",{className:chunkDCDWEVW4_js.a("lg-spin__content",o&&"lg-spin__content--loading"),children:n}),o&&jsxRuntime.jsxs("div",{className:"lg-spin__overlay",role:"status","aria-label":a||p.loading,children:[jsxRuntime.jsx("div",{className:chunkDCDWEVW4_js.a("lg-spin",`lg-spin--${r}`),children:g}),a&&jsxRuntime.jsx("span",{className:"lg-spin__tip",children:a})]})]}):jsxRuntime.jsx("div",{ref:s,className:chunkDCDWEVW4_js.a("lg-spin",`lg-spin--${r}`,!o&&"lg-spin--paused",e),role:"status","aria-label":a||p.loading,...c,children:g})});I.displayName="Spin";var Ne={block:16,inline:14};function Te(e,r){switch(e){case "loading":return jsxRuntime.jsx(lingeeIcon.LoaderCircle,{size:r,spin:true});case "error":return jsxRuntime.jsx(lingeeIcon.ExclamationCircle,{size:r});default:return jsxRuntime.jsx(lingeeIcon.Inbox,{size:r})}}var R=_e__default.default.forwardRef(({status:e,description:r,icon:o,variant:n="block",spacing:a="normal",onRetry:c,className:s,style:p,...i},g)=>{let _=Ne[n],v=o===null?null:o??Te(e,_),k=e==="error"&&typeof c=="function",h=chunkDCDWEVW4_js.a("lg-empty-card",`lg-empty-card--${n}`,`lg-empty-card--${e}`,`lg-empty-card--spacing-${a}`,k&&"lg-empty-card--retryable",s),w=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[v&&jsxRuntime.jsx("span",{className:"lg-empty-card__icon","aria-hidden":"true",children:v}),jsxRuntime.jsx("span",{className:"lg-empty-card__text",children:r})]});return k?jsxRuntime.jsx("button",{ref:g,type:"button",className:h,style:p,onClick:c,...i,children:w}):jsxRuntime.jsx("div",{ref:g,className:h,style:p,role:e==="empty"?void 0:"status","aria-live":e==="empty"?void 0:"polite",...i,children:w})});R.displayName="Empty.Card";var F="lg-empty-gradient",V=`url(#${F})`,U=0,C=null;function Re(){if(U++>0||typeof document>"u")return;let e=document.createElementNS("http://www.w3.org/2000/svg","svg");e.setAttribute("width","0"),e.setAttribute("height","0"),e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.overflow="hidden",e.innerHTML=`<defs><linearGradient id="${F}" x1="12" y1="2" x2="12" y2="22" gradientUnits="userSpaceOnUse"><stop stop-color="rgba(0,0,0,0.28)"/><stop offset="1" stop-color="rgba(0,0,0,0.12)"/></linearGradient></defs>`,document.body.appendChild(e),C=e;}function Le(){--U>0||C&&(C.remove(),C=null);}var Ae={lg:56,md:24,sm:16};function Ke(e){return typeof e=="function"||typeof e=="object"&&e!==null&&"render"in e&&typeof e.render=="function"}var Z=_e__default.default.forwardRef(({size:e="md",icon:r,description:o,className:n,style:a,...c},s)=>{_e.useEffect(()=>(Re(),Le),[]);let p=Ae[e],i;return r?Ke(r)?i=jsxRuntime.jsx(r,{size:p,fill:V}):i=r:i=jsxRuntime.jsx(lingeeIcon.DocumentLibrary,{size:p,fill:V}),jsxRuntime.jsxs("div",{ref:s,className:chunkDCDWEVW4_js.a("lg-empty",`lg-empty--${e}`,n),style:a,...c,children:[jsxRuntime.jsx("span",{className:"lg-empty__icon",children:i}),jsxRuntime.jsx("span",{className:"lg-empty__text",children:o})]})});Z.displayName="Empty";var X=Object.assign(Z,{Card:R});var $e={sm:30,md:34,lg:38},L=()=>({height:0,opacity:0}),J=e=>{let r=Array.from(e.children);return r.length===0?0:r.reduce((o,n)=>{let a=parseFloat(getComputedStyle(n).marginTop)||0;return o+n.getBoundingClientRect().height+a},0)},q=e=>({height:J(e),opacity:1}),je={motionName:"lg-tree-motion",motionDeadline:300,onAppearStart:L,onAppearActive:q,onEnterStart:L,onEnterActive:q,onLeaveStart:e=>({height:J(e),opacity:1}),onLeaveActive:L},Be=_e__default.default.forwardRef((e,r)=>{let{treeData:o,fieldNames:n,size:a="md",expandedKeys:c,defaultExpandedKeys:s,defaultExpandAll:p,autoExpandParent:i,expandAction:g="click",onExpand:_,selectable:v=true,multiple:k=false,selectedKeys:h,defaultSelectedKeys:w,onSelect:A,checkable:K=false,checkStrictly:Q=false,checkedKeys:M,defaultCheckedKeys:W,onCheck:H,showIcon:Y=false,icon:u,switcherIcon:b,indentGuide:ee="line",titleRender:te,loadData:re,loadedKeys:P,draggable:E=false,allowDrop:S,onDrop:G,height:oe,itemHeight:ne,virtual:ae,disabled:$=false,loading:j=false,empty:ie,onRightClick:le,animated:de=true,className:ce,style:pe}=e,se=chunkWAYZVZQB_js.g("Tree"),ge=_e.useMemo(()=>{if(u)return typeof u!="function"?u:t=>u(t.data,{expanded:!!t.expanded,isLeaf:!!t.isLeaf})},[u]),me=_e.useMemo(()=>b!==void 0?typeof b!="function"?b:t=>b({expanded:!!t.expanded,isLeaf:!!t.isLeaf}):t=>t.isLeaf?null:jsxRuntime.jsx(lingeeIcon.ChevronDown,{className:"lg-tree__switcher-icon",size:16,"aria-hidden":true}),[b]),ye=_e.useMemo(()=>{if(E)return {icon:false,nodeDraggable:typeof E=="function"?t=>E(t):void 0}},[E]),fe=_e.useCallback((t,l)=>{_?.(t,{node:l.node,expanded:l.expanded});},[_]),he=_e.useCallback((t,l)=>{A?.(t,{node:l.node,selected:l.selected,selectedNodes:l.selectedNodes});},[A]),ue=_e.useCallback((t,l)=>{H?.(t,{node:l.node,checked:l.checked,checkedNodes:l.checkedNodes,halfCheckedKeys:l.halfCheckedKeys});},[H]),be=_e.useCallback(t=>{G?.({dragNode:t.dragNode,node:t.node,dropPosition:t.dropPosition,dropToGap:t.dropToGap});},[G]),B=_e.useMemo(()=>{if(S)return t=>S({dragNode:t.dragNode,dropNode:t.dropNode,dropPosition:t.dropPosition})},[S]),xe=!o||o.length===0,y={};return c!==void 0&&(y.expandedKeys=c),h!==void 0&&(y.selectedKeys=h),M!==void 0&&(y.checkedKeys=M),P!==void 0&&(y.loadedKeys=P),B!==void 0&&(y.allowDrop=B),jsxRuntime.jsxs("div",{ref:r,className:chunkDCDWEVW4_js.a("lg-tree",`lg-tree--${a}`,`lg-tree--guide-${ee}`,K&&"lg-tree--checkable",$&&"lg-tree--disabled",j&&"lg-tree--loading",ce),style:pe,children:[j&&jsxRuntime.jsx("div",{className:"lg-tree__loading-mask",children:jsxRuntime.jsx(I,{size:"md"})}),xe?jsxRuntime.jsx("div",{className:"lg-tree__empty",children:ie??jsxRuntime.jsx(X,{size:"sm",description:se.empty})}):jsxRuntime.jsx(Pe__default.default,{prefixCls:"lg-tree",treeData:o,fieldNames:n,defaultExpandedKeys:s,defaultExpandAll:p,autoExpandParent:i,expandAction:g,onExpand:fe,selectable:v,multiple:k,defaultSelectedKeys:w,onSelect:he,checkable:K,checkStrictly:Q,defaultCheckedKeys:W,onCheck:ue,showIcon:Y,icon:ge,switcherIcon:me,titleRender:te,loadData:re,draggable:ye,onDrop:be,height:oe,itemHeight:ne??$e[a],virtual:ae,disabled:$,onRightClick:le,motion:de?je:void 0,...y})]})});Be.displayName="Tree";
-exports.a=R;exports.b=X;exports.c=I;exports.d=Be;

package/dist/chunk-DIXO53WK.mjs

@@ -1 +0,0 @@
-import {a}from'./chunk-DN2VKVCV.mjs';import i from'react';import*as o from'@radix-ui/react-popover';import {jsx}from'react/jsx-runtime';function R({children:r,open:e,defaultOpen:a,onOpenChange:t,modal:n=false}){return jsx(o.Root,{open:e,defaultOpen:a,onOpenChange:t,modal:n,children:r})}R.displayName="Popover";var w=i.forwardRef(({children:r,asChild:e=true,...a},t)=>jsx(o.Trigger,{ref:t,asChild:e,...a,children:r}));w.displayName="PopoverTrigger";var C=i.forwardRef(({children:r,asChild:e=true,...a},t)=>jsx(o.Anchor,{ref:t,asChild:e,...a,children:r}));C.displayName="PopoverAnchor";var A=i.forwardRef(({children:r,className:e,side:a$1="bottom",align:t="center",sideOffset:n=4,alignOffset:d=0,container:l,collisionPadding:P=8,onEscapeKeyDown:m,onPointerDownOutside:f,onFocusOutside:g,onInteractOutside:c,onOpenAutoFocus:u,onCloseAutoFocus:x,...y},h)=>{let v=jsx(o.Content,{ref:h,className:a("lg-popover",e),side:a$1,align:t,sideOffset:n,alignOffset:d,collisionPadding:P,onEscapeKeyDown:m,onPointerDownOutside:f,onFocusOutside:g,onInteractOutside:c,onOpenAutoFocus:u,onCloseAutoFocus:x,...y,children:r});return l===null?v:jsx(o.Portal,{container:l,children:v})});A.displayName="PopoverContent";var b=i.forwardRef(({className:r,width:e=10,height:a$1=5,...t},n)=>jsx(o.Arrow,{ref:n,className:a("lg-popover__arrow",r),width:e,height:a$1,...t}));b.displayName="PopoverArrow";var T=i.forwardRef(({children:r,asChild:e=true,...a},t)=>jsx(o.Close,{ref:t,asChild:e,...a,children:r}));T.displayName="PopoverClose";export{R as a,w as b,C as c,A as d,b as e,T as f};

package/dist/chunk-H7GT6UT4.mjs

@@ -1 +0,0 @@
-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",loading:"\u52A0\u8F7D\u4E2D",loadError:"\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5",empty:"\u6682\u65E0\u6570\u636E"},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",loading:"Loading",loadError:"Failed to load, please retry",empty:"No data"},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 m=createContext(l);function w({locale:o=l,children:e}){return jsxs(m.Provider,{value:o,children:[e,jsx(g,{})]})}w.displayName="LingeeProvider";function N(){return useContext(m)}function u(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=u("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,u as g};