lingee-ui 0.0.9 → 0.0.11

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/dialog.md

@@ -2,8 +2,8 @@
 
 模态对话框，用于需要用户确认或填写信息的场景。支持声明式和命令式两种调用方式。
 
-- 导入：`import { Dialog } from "lingee-ui";`
-- 可用类型：`DialogProps`, `DialogConfirmOptions`
+- 导入：`import { Dialog, HostModalPage, isInHostModal, getHostModalParams, notifyHostModalReady, closeHostModal } from "lingee-ui";`
+- 可用类型：`DialogProps`, `DialogConfirmOptions`, `DialogHostModal`, `HostModalPageProps`
 
 ## 最小示例
 

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,33 @@ 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` |
+| `footer` | 固定底部内容（不随列表滚动） | `ReactNode` | - |
+| `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 +118,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/scroll-area.md

@@ -40,11 +40,40 @@ export default function BasicDemo() {
 
 | 属性 | 说明 | 类型 | 默认值 |
 |------|------|------|--------|
+| `fill` | 撑满 flex / grid 容器分配到的高度，头尾固定布局必传 | `boolean` | `false` |
 | `type` | 滚动条显示策略 | `"scroll" \| "hover" \| "auto" \| "always"` | `"scroll"` |
 | `scrollbars` | 滚动条方向 | `"vertical" \| "horizontal" \| "both"` | `"vertical"` |
 | `scrollbarSize` | 滚动条默认宽度（px） | `number` | `4` |
 | `scrollbarHoverSize` | 滚动条悬浮时宽度（px） | `number` | `6` |
 | `scrollHideDelay` | 滚动条隐藏延迟（ms） | `number` | `1000` |
+| `onScroll` | viewport 滚动回调（触底加载等场景） | `UIEventHandler` | - |
+| `viewportRef` | viewport（实际滚动元素）的 ref，用于外部控制滚动位置 | `Ref<HTMLDivElement>` | - |
 | `className` | 自定义类名 | `string` | - |
 | `style` | 自定义样式 | `CSSProperties` | - |
 | `children` | 子内容 | `ReactNode` | - |
+
+### fill：在 flex / grid 容器中撑满高度
+
+上下有固定区块、中间滚动时，三件事都要写，缺一不可：
+
+```tsx
+<div style={{ display: "flex", flexDirection: "column", maxHeight: 300 }}>
+  <div>固定头部</div>
+  <ScrollArea fill style={{ flex: 1, minHeight: 0 }}>
+    <LongList />
+  </ScrollArea>
+  <div>固定底部</div>
+</div>
+```
+
+| 写法 | 作用 | 漏掉的后果 |
+|------|------|-----------|
+| `fill` | viewport 按 flex 分配结果取高，而非继承外层尺寸 | 列表末尾滚不到，差的正是头尾高度 |
+| `flex: 1` | 占满头尾之外的剩余空间 | 高度由内容决定，不参与空间分配 |
+| `minHeight: 0` | 抵消 flex item 默认的 `min-height: auto` | 内容顶穿外层限高，滚动条不出现 |
+
+`fill` 的必要性在于 `inherit` 取的是父级**样式值**而不是布局结果。组件内部默认让 viewport 走 `height: inherit`，当 ScrollArea 作为 flex item 被头尾压缩时，继承到的仍是「含头尾的整高」，viewport 因此比 ScrollArea 自身高出头尾的量。多出的部分被 `overflow: hidden` 裁掉且不在滚动范围内，列表最后一项永远露不全。
+
+开启后组件会占用根节点的 `display`（转为 flex 容器），因此**不要再通过 `className` / `style` 设 `display`**，需要额外布局请在外面包一层。这也是它不做默认值的原因 —— 默认路径下根节点的 `display` 仍归消费方所有。
+
+不在 flex / grid 容器里（自己传 `height` / `maxHeight`，或父级高度确定）时不需要 `fill`，保持默认即可。

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/tabs.md

@@ -4,7 +4,7 @@
 
 - 导入：`import { Tabs } from "lingee-ui";`
 - 按需导入：`import { Tabs } from "lingee-ui/tabs";`
-- 可用类型：`TabsProps`, `TabItem`, `TabsVariant`, `TabsSize`
+- 可用类型：`TabsProps`, `TabItem`, `TabsVariant`, `TabsSize`, `TabsOverflow`, `TabsScrollOptions`
 
 ## 最小示例
 
@@ -32,10 +32,25 @@ export default function BasicDemo() {
 | `onChange` | 切换回调 | `(key: string) => void` | - |
 | `variant` | 风格变体 | `"segmented" \| "rounded" \| "solid" \| "outline" \| "underline"` | `"segmented"` |
 | `size` | 尺寸 | `"sm" \| "md"` | `"md"` |
+| `overflow` | 溢出策略 | `"none" \| "scroll" \| "wrap"` | `"none"` |
+| `scrollOptions` | 滚动细节配置，仅 `overflow="scroll"` 生效 | `TabsScrollOptions` | - |
 | `glassy` | 滑块玻璃高光效果 | `boolean` | `false` |
 | `transparent` | 容器背景透明（去掉灰底） | `boolean` | `false` |
 | `animated` | 是否开启内容切换动画 | `boolean` | `true` |
 | `destroyInactivePanel` | 切走时是否销毁非活跃面板 | `boolean` | `false` |
+| `wrap` | 已废弃，改用 `overflow="wrap"` | `boolean` | `false` |
+| `scrollable` | 已废弃，改用 `overflow="scroll"` | `boolean` | `false` |
+
+### TabsScrollOptions
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| `arrows` | 箭头显示策略：`true` 溢出即显示、`"hover"` 悬浮或聚焦时显示、`false` 不显示 | `boolean \| "hover"` | `true` |
+| `step` | 点击箭头单次滚动距离（px） | `number` | `200` |
+| `fade` | 是否显示边缘渐隐遮罩 | `boolean` | `true` |
+| `scrollIntoView` | 选中项变化时是否自动滚入可视区 | `boolean` | `true` |
+
+传入字面量对象时建议用 `useMemo` 包裹或提到模块级，避免引用每次变化。
 
 ### TabItem
 

package/skill/references/components/tooltip.md

@@ -28,6 +28,11 @@ export default function BasicDemo() {
 | `placement` | 弹出方向 | `"top" \| "bottom" \| "left" \| "right" \| "top-start" \| "top-end" \| ...` | `"top"` |
 | `delayDuration` | hover 延迟展示时间（ms） | `number` | `200` |
 | `arrow` | 是否显示箭头 | `boolean` | `true` |
-| `maxWidth` | 浮层最大宽度（px） | `number` | `280` |
-| `scrollable` | 内容超出视口可用高度时限高并滚动 | `boolean` | `true` |
+| `sideOffset` | 箭头尖端与触发元素的间距（px） | `number` | `4` |
+| `maxWidth` | 浮层最大宽度（px），覆盖档位默认宽度 | `number` | 按档位取 240 / 240 / 320 / 500 |
+| `scrollable` | 内容超出限高时滚动（单行档不生效） | `boolean` | `true` |
 | `children` | 触发元素 | `ReactNode` | - |
+
+:::tip
+在应用顶层包裹 `LingeeProvider` 后，多个 Tooltip 共享同一个浮层上下文：连续 hover 相邻触发元素时会跳过重复的延迟等待。未包裹时 Tooltip 会各自兜底，功能正常但无此优化。
+:::

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

@@ -1,6 +1,6 @@
 # 图标索引
 
-图标库 `1.0.16`。图标名为 PascalCase，直接作为 React 组件名从 `lingee-icon` 导入。
+图标库 `1.0.17`。图标名为 PascalCase，直接作为 React 组件名从 `lingee-icon` 导入。
 
 ```tsx
 import { Search } from "lingee-icon";
@@ -12,7 +12,7 @@ import { Search } from "lingee-icon";
 
 ---
 
-共 967 个图标，27 个分类。图标名为 PascalCase，可直接作为 React 组件名或 SVG Sprite `<use href="#IconName">` 的引用 ID。
+共 969 个图标，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 | 复选未选中 |
@@ -116,7 +117,7 @@ import { Search } from "lingee-icon";
 | XSquare | 方形关闭 |
 | XSquareFill | 方形关闭（实心） |
 
-## 箭头&方向（134）
+## 箭头&方向（135）
 
 | 图标名 | 语义/用途 |
 |--------|----------|
@@ -162,6 +163,7 @@ import { Search } from "lingee-icon";
 | ArrowUpLeft | 左上箭头 |
 | ArrowUpNarrowWide | 窄到宽升序 |
 | ArrowUpRight | 右上箭头 |
+| ArrowUpRight1 | 右上箭头 2 |
 | ArrowUpToLine | 内容置顶 2 |
 | ArrowUpWideNarrow | 宽到窄升序 |
 | ArrowUpZA | 字母升序Z-A |
@@ -289,7 +291,7 @@ import { Search } from "lingee-icon";
 | 图标名 | 语义/用途 |
 |--------|----------|
 | Agent | 智能体 |
-| Agent1 | 智能体-闭眼 |
+| Agent1 | 智能体-休眠（闭眼+z） |
 | AiEditor | AI编辑器 |
 | AiLogo | AI标识 |
 | Analyze | 分析 |

package/skill/references/setup.md

@@ -1,6 +1,6 @@
 # 接入指南
 
-组件库 `0.0.9` ｜ 图标库 `1.0.16`
+组件库 `0.0.11` ｜ 图标库 `1.0.17`
 
 ## 安装
 
@@ -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.11`。仅列语义层（`--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};

package/dist/chunk-IE7TAOTL.mjs

@@ -1,2 +0,0 @@
-import {g}from'./chunk-H7GT6UT4.mjs';import {a}from'./chunk-DN2VKVCV.mjs';import _e,{useEffect,useMemo,useCallback}from'react';import Pe from'@rc-component/tree';import {DocumentLibrary,ChevronDown,Inbox,ExclamationCircle,LoaderCircle}from'lingee-icon';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var I=_e.forwardRef(({className:e,size:r="md",spinning:o=true,children:n,tip:a$1,...c},s)=>{let p=g("Spin"),i=n!=null,g$1=jsx("div",{className:"lg-spin__indicator"});return i?jsxs("div",{ref:s,className:a("lg-spin","lg-spin--nested",e),...c,children:[jsx("div",{className:a("lg-spin__content",o&&"lg-spin__content--loading"),children:n}),o&&jsxs("div",{className:"lg-spin__overlay",role:"status","aria-label":a$1||p.loading,children:[jsx("div",{className:a("lg-spin",`lg-spin--${r}`),children:g$1}),a$1&&jsx("span",{className:"lg-spin__tip",children:a$1})]})]}):jsx("div",{ref:s,className:a("lg-spin",`lg-spin--${r}`,!o&&"lg-spin--paused",e),role:"status","aria-label":a$1||p.loading,...c,children:g$1})});I.displayName="Spin";var Ne={block:16,inline:14};function Te(e,r){switch(e){case "loading":return jsx(LoaderCircle,{size:r,spin:true});case "error":return jsx(ExclamationCircle,{size:r});default:return jsx(Inbox,{size:r})}}var R=_e.forwardRef(({status:e,description:r,icon:o,variant:n="block",spacing:a$1="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=a("lg-empty-card",`lg-empty-card--${n}`,`lg-empty-card--${e}`,`lg-empty-card--spacing-${a$1}`,k&&"lg-empty-card--retryable",s),w=jsxs(Fragment,{children:[v&&jsx("span",{className:"lg-empty-card__icon","aria-hidden":"true",children:v}),jsx("span",{className:"lg-empty-card__text",children:r})]});return k?jsx("button",{ref:g,type:"button",className:h,style:p,onClick:c,...i,children:w}):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.forwardRef(({size:e="md",icon:r,description:o,className:n,style:a$1,...c},s)=>{useEffect(()=>(Re(),Le),[]);let p=Ae[e],i;return r?Ke(r)?i=jsx(r,{size:p,fill:V}):i=r:i=jsx(DocumentLibrary,{size:p,fill:V}),jsxs("div",{ref:s,className:a("lg-empty",`lg-empty--${e}`,n),style:a$1,...c,children:[jsx("span",{className:"lg-empty__icon",children:i}),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.forwardRef((e,r)=>{let{treeData:o,fieldNames:n,size:a$1="md",expandedKeys:c,defaultExpandedKeys:s,defaultExpandAll:p,autoExpandParent:i,expandAction:g$1="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=g("Tree"),ge=useMemo(()=>{if(u)return typeof u!="function"?u:t=>u(t.data,{expanded:!!t.expanded,isLeaf:!!t.isLeaf})},[u]),me=useMemo(()=>b!==void 0?typeof b!="function"?b:t=>b({expanded:!!t.expanded,isLeaf:!!t.isLeaf}):t=>t.isLeaf?null:jsx(ChevronDown,{className:"lg-tree__switcher-icon",size:16,"aria-hidden":true}),[b]),ye=useMemo(()=>{if(E)return {icon:false,nodeDraggable:typeof E=="function"?t=>E(t):void 0}},[E]),fe=useCallback((t,l)=>{_?.(t,{node:l.node,expanded:l.expanded});},[_]),he=useCallback((t,l)=>{A?.(t,{node:l.node,selected:l.selected,selectedNodes:l.selectedNodes});},[A]),ue=useCallback((t,l)=>{H?.(t,{node:l.node,checked:l.checked,checkedNodes:l.checkedNodes,halfCheckedKeys:l.halfCheckedKeys});},[H]),be=useCallback(t=>{G?.({dragNode:t.dragNode,node:t.node,dropPosition:t.dropPosition,dropToGap:t.dropToGap});},[G]),B=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),jsxs("div",{ref:r,className:a("lg-tree",`lg-tree--${a$1}`,`lg-tree--guide-${ee}`,K&&"lg-tree--checkable",$&&"lg-tree--disabled",j&&"lg-tree--loading",ce),style:pe,children:[j&&jsx("div",{className:"lg-tree__loading-mask",children:jsx(I,{size:"md"})}),xe?jsx("div",{className:"lg-tree__empty",children:ie??jsx(X,{size:"sm",description:se.empty})}):jsx(Pe,{prefixCls:"lg-tree",treeData:o,fieldNames:n,defaultExpandedKeys:s,defaultExpandAll:p,autoExpandParent:i,expandAction:g$1,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$1],virtual:ae,disabled:$,onRightClick:le,motion:de?je:void 0,...y})]})});Be.displayName="Tree";
-export{R as a,X as b,I as c,Be as d};

package/dist/chunk-JKY43GCS.mjs

@@ -1 +0,0 @@
-import {a as a$1}from'./chunk-DN2VKVCV.mjs';import*as t from'@radix-ui/react-tooltip';import {forwardRef}from'react';import*as a from'@radix-ui/react-scroll-area';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var x=forwardRef(({children:l,className:o,style:r,type:n="scroll",scrollHideDelay:p=600,scrollbars:i="vertical",scrollbarSize:d=4,scrollbarHoverSize:g=6,onScroll:m,viewportRef:h},b)=>{let f={"--_scrollbar-size":`${d}px`,"--_scrollbar-hover-size":`${g}px`,...r};return jsxs(a.Root,{ref:b,className:a$1("lg-scroll-area",o),style:f,type:n,scrollHideDelay:p,children:[jsx(a.Viewport,{className:"lg-scroll-area__viewport",ref:h,onScroll:m,children:l}),(i==="vertical"||i==="both")&&jsx(_,{orientation:"vertical"}),(i==="horizontal"||i==="both")&&jsx(_,{orientation:"horizontal"}),i==="both"&&jsx(a.Corner,{className:"lg-scroll-area__corner"})]})});x.displayName="ScrollArea";var _=forwardRef(({orientation:l="vertical",className:o},r)=>jsx(a.Scrollbar,{ref:r,className:a$1("lg-scroll-area__scrollbar",o),orientation:l,children:jsx(a.Thumb,{className:"lg-scroll-area__thumb"})}));_.displayName="ScrollBar";function N(l){let o=l.split("-"),r=o[0],n={start:"start",end:"end"},p=o[1]?n[o[1]]??"center":"center";return {side:r,align:p}}function B({disabled:l=false,content:o,children:r,placement:n="top",open:p,defaultOpen:i,onOpenChange:d,delayDuration:g=200,skipDelayDuration:m=150,sideOffset:h=6,arrow:b=true,className:f,style:S,maxWidth:T=280,scrollable:v=true,container:y}){if(l||o==null||o==="")return jsx(Fragment,{children:r});let{side:P,align:A}=N(n),z=v?jsx(x,{className:"lg-tooltip__scroll",children:o}):o,u=jsxs(t.Content,{className:a$1("lg-tooltip",v&&"lg-tooltip--scrollable",f),side:P,align:A,sideOffset:h,style:{maxWidth:T,...S},children:[z,b&&jsx(t.Arrow,{className:"lg-tooltip__arrow"})]});return jsx(t.Provider,{delayDuration:g,skipDelayDuration:m,children:jsxs(t.Root,{open:p,defaultOpen:i,onOpenChange:d,children:[jsx(t.Trigger,{asChild:true,children:r}),y===null?u:jsx(t.Portal,{container:y,children:u})]})})}B.displayName="Tooltip";export{x as a,_ as b,B as c};

package/dist/chunk-M2SC5LED.js

@@ -1 +0,0 @@
-'use strict';var chunkDCDWEVW4_js=require('./chunk-DCDWEVW4.js'),i=require('react'),o=require('@radix-ui/react-popover'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var i__default=/*#__PURE__*/_interopDefault(i);var o__namespace=/*#__PURE__*/_interopNamespace(o);function R({children:r,open:e,defaultOpen:a,onOpenChange:t,modal:n=false}){return jsxRuntime.jsx(o__namespace.Root,{open:e,defaultOpen:a,onOpenChange:t,modal:n,children:r})}R.displayName="Popover";var w=i__default.default.forwardRef(({children:r,asChild:e=true,...a},t)=>jsxRuntime.jsx(o__namespace.Trigger,{ref:t,asChild:e,...a,children:r}));w.displayName="PopoverTrigger";var C=i__default.default.forwardRef(({children:r,asChild:e=true,...a},t)=>jsxRuntime.jsx(o__namespace.Anchor,{ref:t,asChild:e,...a,children:r}));C.displayName="PopoverAnchor";var A=i__default.default.forwardRef(({children:r,className:e,side:a="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=jsxRuntime.jsx(o__namespace.Content,{ref:h,className:chunkDCDWEVW4_js.a("lg-popover",e),side:a,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:jsxRuntime.jsx(o__namespace.Portal,{container:l,children:v})});A.displayName="PopoverContent";var b=i__default.default.forwardRef(({className:r,width:e=10,height:a=5,...t},n)=>jsxRuntime.jsx(o__namespace.Arrow,{ref:n,className:chunkDCDWEVW4_js.a("lg-popover__arrow",r),width:e,height:a,...t}));b.displayName="PopoverArrow";var T=i__default.default.forwardRef(({children:r,asChild:e=true,...a},t)=>jsxRuntime.jsx(o__namespace.Close,{ref:t,asChild:e,...a,children:r}));T.displayName="PopoverClose";exports.a=R;exports.b=w;exports.c=C;exports.d=A;exports.e=b;exports.f=T;

package/dist/chunk-P56ABRDC.js

@@ -1 +0,0 @@
-'use strict';var chunkDCDWEVW4_js=require('./chunk-DCDWEVW4.js'),t=require('@radix-ui/react-tooltip'),react=require('react'),a=require('@radix-ui/react-scroll-area'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var t__namespace=/*#__PURE__*/_interopNamespace(t);var a__namespace=/*#__PURE__*/_interopNamespace(a);var x=react.forwardRef(({children:l,className:o,style:r,type:n="scroll",scrollHideDelay:p=600,scrollbars:i="vertical",scrollbarSize:d=4,scrollbarHoverSize:g=6,onScroll:m,viewportRef:h},b)=>{let f={"--_scrollbar-size":`${d}px`,"--_scrollbar-hover-size":`${g}px`,...r};return jsxRuntime.jsxs(a__namespace.Root,{ref:b,className:chunkDCDWEVW4_js.a("lg-scroll-area",o),style:f,type:n,scrollHideDelay:p,children:[jsxRuntime.jsx(a__namespace.Viewport,{className:"lg-scroll-area__viewport",ref:h,onScroll:m,children:l}),(i==="vertical"||i==="both")&&jsxRuntime.jsx(_,{orientation:"vertical"}),(i==="horizontal"||i==="both")&&jsxRuntime.jsx(_,{orientation:"horizontal"}),i==="both"&&jsxRuntime.jsx(a__namespace.Corner,{className:"lg-scroll-area__corner"})]})});x.displayName="ScrollArea";var _=react.forwardRef(({orientation:l="vertical",className:o},r)=>jsxRuntime.jsx(a__namespace.Scrollbar,{ref:r,className:chunkDCDWEVW4_js.a("lg-scroll-area__scrollbar",o),orientation:l,children:jsxRuntime.jsx(a__namespace.Thumb,{className:"lg-scroll-area__thumb"})}));_.displayName="ScrollBar";function N(l){let o=l.split("-"),r=o[0],n={start:"start",end:"end"},p=o[1]?n[o[1]]??"center":"center";return {side:r,align:p}}function B({disabled:l=false,content:o,children:r,placement:n="top",open:p,defaultOpen:i,onOpenChange:d,delayDuration:g=200,skipDelayDuration:m=150,sideOffset:h=6,arrow:b=true,className:f,style:S,maxWidth:T=280,scrollable:v=true,container:y}){if(l||o==null||o==="")return jsxRuntime.jsx(jsxRuntime.Fragment,{children:r});let{side:P,align:A}=N(n),z=v?jsxRuntime.jsx(x,{className:"lg-tooltip__scroll",children:o}):o,u=jsxRuntime.jsxs(t__namespace.Content,{className:chunkDCDWEVW4_js.a("lg-tooltip",v&&"lg-tooltip--scrollable",f),side:P,align:A,sideOffset:h,style:{maxWidth:T,...S},children:[z,b&&jsxRuntime.jsx(t__namespace.Arrow,{className:"lg-tooltip__arrow"})]});return jsxRuntime.jsx(t__namespace.Provider,{delayDuration:g,skipDelayDuration:m,children:jsxRuntime.jsxs(t__namespace.Root,{open:p,defaultOpen:i,onOpenChange:d,children:[jsxRuntime.jsx(t__namespace.Trigger,{asChild:true,children:r}),y===null?u:jsxRuntime.jsx(t__namespace.Portal,{container:y,children:u})]})})}B.displayName="Tooltip";exports.a=x;exports.b=_;exports.c=B;