lingee-ui 0.0.18 → 0.0.19

package/skill/AGENTS-SNIPPET.md

@@ -2,14 +2,15 @@
 
 > **本文件由 `packages/lingee-ui/scripts/gen-skill.mjs` 自动生成，禁止手工编辑。**
 > 供根 `AGENTS.md` 引用，避免手写清单随组件库迭代脱节。
-> 组件库 `0.0.18` ｜ 图标库 `1.0.21`
+> 组件库 `0.0.19` ｜ 图标库 `1.0.21`
 
-## 可用组件（40）
+## 可用组件（42）
 
 | 组件 | 名称 | 说明 |
 |------|------|------|
 | `Alert` | 消息通知 | 消息提示组件，用于页面中展示重要的提示信息。 |
 | `Avatar`、`AvatarGroup` | 头像 | 头像组件，用于展示用户头像或图标，支持图片、文字、默认图标三种形态。 |
+| `Breadcrumb` | 面包屑 | 显示当前页面在系统层级结构中的位置，并提供返回之前层级的导航。 |
 | `Button` | 按钮 | 用于触发一个操作，是用户与系统交互的基础元素。 |
 | `Carousel`、`CarouselItem` | 轮播容器 | 水平轮播容器，用于在一屏内循环展示一组内容，支持自动播放、拖拽切换与圆点指示器。 |
 | `Checkbox`、`CheckboxGroup` | 多选框 | 在一组选项中进行多项选择。 |
@@ -27,6 +28,7 @@
 | `InfiniteScroll` | 无限滚动 | 列表滚动到底部自动加载下一页，内置并发去重、首屏续拉与失败熔断 |
 | `Input` | 输入框 | 用于接收用户的文本输入。 |
 | `Pagination` | 分页 | 当数据量较大时，使用分页拆分数据，方便用户快速定位。 |
+| `PersonPicker` +5 个子组件 | 选人 | 组织人员选择器，支持组织层级下钻、远程搜索与已选汇总，数据由消费方注入。 |
 | `Popover` +5 个子组件 | 气泡弹出层 | 点击/悬停在元素上时弹出气泡式浮层，用于承载更多内容。 |
 | `Progress` | 进度条 | 展示操作的当前进度，支持线性和环形两种形态。 |
 | `RadioGroup`、`RadioItem` | 单选 | 单选框组件，用于在一组互斥选项中选择一个。 |
@@ -80,7 +82,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（48）
+#### 前景色 fg（54）
 
 | Token | 亮色 | 暗色 |
 |-------|------|------|
@@ -132,8 +134,14 @@
 | `--lg-g-fg-color-lime-low` | `#74D70B` | `#74D70B` |
 | `--lg-g-fg-color-violet-low` | `#7858F9` | `#7858F9` |
 | `--lg-g-fg-color-black-title` | `rgba(0, 0, 0, 0.64)` | `rgba(255, 255, 255, 0.46)` |
+| `--lg-g-fg-color-black-blue-moderate` | `rgba(0, 29, 65, 0.18)` | `#FFFFFF` |
+| `--lg-g-fg-color-black-blue-faint` | `rgba(0, 29, 65, 0.28)` | `#FFFFFF` |
+| `--lg-g-fg-color-black-blue-default` | `rgba(0, 29, 65, 0.46)` | `#FFFFFF` |
+| `--lg-g-fg-color-black-blue-muted` | `rgba(0, 29, 65, 0.64)` | `#FFFFFF` |
+| `--lg-g-fg-color-black-blue-strong` | `rgba(0, 29, 65, 0.82)` | `#FFFFFF` |
+| `--lg-g-fg-color-black-blue-intense` | `rgba(0, 29, 65, 0.94)` | `#FFFFFF` |
 
-#### 背景色 bg（107）
+#### 背景色 bg（108）
 
 | Token | 亮色 | 暗色 |
 |-------|------|------|
@@ -244,6 +252,7 @@
 | `--lg-g-bg-color-black-people` | `rgba(0, 0, 0, 0.18)` | `rgba(255, 255, 255, 0.18)` |
 | `--lg-g-bg-color-black-translucent-soft` | `rgba(0, 0, 0, 0.04)` | `rgba(255, 255, 255, 0.08)` |
 | `--lg-g-bg-color-black-translucent-muted` | `rgba(0, 0, 0, 0.02)` | `rgba(255, 255, 255, 0.06)` |
+| `--lg-g-bg-color-color` | `#E4EEFF` | `#E4EEFF` |
 
 #### 边框色 border（45）
 

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.18"
+  lingeeUi: "0.0.19"
   lingeeIcon: "1.0.21"
   generatedBy: "gen-skill.mjs"
 ---
 
 # lingee-ui 组件库使用技能
 
-Kingdee Lingee 设计体系的 React 组件库（40 个组件）与图标库（990 个图标）。
+Kingdee Lingee 设计体系的 React 组件库（42 个组件）与图标库（990 个图标）。
 本技能面向**消费方项目**，只覆盖「如何用」，不含组件库内部开发约定。
 
-- 组件库版本 `0.0.18` ｜ 图标库版本 `1.0.21`
+- 组件库版本 `0.0.19` ｜ 图标库版本 `1.0.21`
 - 组件在线预览：https://kingdee.github.io/lingee-ui/
 - 图标在线预览：https://kingdee.github.io/lingee-icon/
 
@@ -58,6 +58,7 @@ createRoot(el).render(
 |------|------|------|------|---------|
 | `Alert` | 消息通知 | 消息提示组件，用于页面中展示重要的提示信息。 | `alert.md` | — |
 | `Avatar`、`AvatarGroup` | 头像 | 头像组件，用于展示用户头像或图标，支持图片、文字、默认图标三种形态。 | `avatar.md` | — |
+| `Breadcrumb` | 面包屑 | 显示当前页面在系统层级结构中的位置，并提供返回之前层级的导航。 | `breadcrumb.md` | — |
 | `Button` | 按钮 | 用于触发一个操作，是用户与系统交互的基础元素。 | `button.md` | ✓ |
 | `Carousel`、`CarouselItem` | 轮播容器 | 水平轮播容器，用于在一屏内循环展示一组内容，支持自动播放、拖拽切换与圆点指示器。 | `carousel.md` | — |
 | `Checkbox`、`CheckboxGroup` | 多选框 | 在一组选项中进行多项选择。 | `checkbox.md` | — |
@@ -75,6 +76,7 @@ createRoot(el).render(
 | `InfiniteScroll` | 无限滚动 | 列表滚动到底部自动加载下一页，内置并发去重、首屏续拉与失败熔断 | `infinite-scroll.md` | — |
 | `Input` | 输入框 | 用于接收用户的文本输入。 | `input.md` | — |
 | `Pagination` | 分页 | 当数据量较大时，使用分页拆分数据，方便用户快速定位。 | `pagination.md` | — |
+| `PersonPicker` +5 个子组件 | 选人 | 组织人员选择器，支持组织层级下钻、远程搜索与已选汇总，数据由消费方注入。 | `person-picker.md` | — |
 | `Popover` +5 个子组件 | 气泡弹出层 | 点击/悬停在元素上时弹出气泡式浮层，用于承载更多内容。 | `popover.md` | ✓ |
 | `Progress` | 进度条 | 展示操作的当前进度，支持线性和环形两种形态。 | `progress.md` | — |
 | `RadioGroup`、`RadioItem` | 单选 | 单选框组件，用于在一组互斥选项中选择一个。 | `radio.md` | — |
@@ -203,7 +205,7 @@ import { Search, Trash } from "lingee-icon";
 
 设计稿给的是 hex 时，到 `references/tokens.md` 搜该 hex，表格含亮/暗两列最终色值，可直接反查。
 
-全量 204 个语义 Token 见 `references/tokens.md`。
+全量 211 个语义 Token 见 `references/tokens.md`。
 
 ## 查阅详细 API
 

package/skill/VERSION.json

@@ -1,7 +1,7 @@
 {
-  "lingeeUi": "0.0.18",
+  "lingeeUi": "0.0.19",
   "lingeeIcon": "1.0.21",
-  "componentCount": 40,
+  "componentCount": 42,
   "iconCount": 990,
-  "sourceHash": "61b359526b652ada"
+  "sourceHash": "ef3ff56b8588896e"
 }

package/skill/references/components/breadcrumb.md

@@ -0,0 +1,44 @@
+# Breadcrumb 面包屑
+
+显示当前页面在系统层级结构中的位置，并提供返回之前层级的导航。
+
+- 导入：`import { Breadcrumb } from "lingee-ui";`
+- 可用类型：`BreadcrumbProps`, `BreadcrumbItem`, `BreadcrumbSize`
+
+## 最小示例
+
+```tsx
+import { Breadcrumb } from "lingee-ui";
+import { House } from "lingee-icon";
+
+/**
+ * Breadcrumb 基础用法
+ *
+ * 最后一项为当前页，自动加粗且不可点击。其余项传 onClick 做路由跳转
+ * （示例内为空实现），需要整页导航时改传 href。
+ */
+export default function BasicDemo() {
+  return (
+    <Breadcrumb
+      items={[
+        { key: "home", label: "Home", icon: <House />, onClick: () => {} },
+        { key: "list", label: "List", onClick: () => {} },
+        { key: "detail", label: "Detail" },
+      ]}
+    />
+  );
+}
+```
+
+## API
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| `items` | 面包屑数据 | `Array<{ key: string; label?: ReactNode; icon?: ReactNode; href?: string; onClick?: (event?: MouseEvent) => void; disabled?: boolean }>` | - |
+| `separator` | 自定义分隔符 | `ReactNode` | `md` 斜杠 / `sm` 尖括号 |
+| `size` | 尺寸 | `"sm" \| "md"` | `"md"` |
+| `maxItems` | 可见单元数上限，超出则折叠中间项 | `number` | - |
+| `itemMaxWidth` | 单项最大宽度，超出显示省略号 | `number` | - |
+| `onBack` | 传入后显示返回箭头，点击触发 | `() => void` | - |
+| `children` | 自定义内容（替代 items） | `ReactNode` | - |
+| `aria-label` | 导航区域的无障碍标签 | `string` | 语言包文案 |

package/skill/references/components/checkbox.md

@@ -28,6 +28,8 @@ export default function BasicDemo() {
 | `disabled` | 禁用 | `boolean` | `false` |
 | `size` | 尺寸 | `"sm" \| "md" \| "lg"` | `"md"` |
 | `children` | label 内容 | `ReactNode` | - |
+| `aria-label` | 无障碍名称。默认取自 `children`；只有勾选框本身、文字在组件之外时必须补上 | `string` | - |
+| `aria-labelledby` | 关联外部文本作为无障碍名称，与 `aria-label` 二选一 | `string` | - |
 
 ### CheckboxGroup
 

package/skill/references/components/person-picker.md

@@ -0,0 +1,174 @@
+# PersonPicker 选人
+
+组织人员选择器，支持组织层级下钻、远程搜索与已选汇总，数据由消费方注入。
+
+- 导入：`import { PersonPicker, PersonPickerPanel, DEFAULT_TABS as PERSON_PICKER_DEFAULT_TABS, ENTITY_TYPE_ORDER as PERSON_PICKER_TYPE_ORDER, entityKey as personPickerEntityKey, usePickerState as usePersonPickerState } from "lingee-ui";`
+- 可用类型：`PickerGroup`, `PickerState`, `UsePickerStateOptions`, `PersonPickerProps`, `PersonPickerPanelProps`, `PickerTabKey`, `PickerEntity`, `PickerEntityType`, `PickerExtra`, `PickerSection`, `PickerPaneData`, `PickerOrgPathItem`, `PickerMode`, `PickerChangeInfo`, `PickerSelectedCount`
+
+## 最小示例
+
+```tsx
+import { useMemo, useState } from "react";
+import { Button, PersonPicker } from "lingee-ui";
+import type { PickerEntity, PickerOrgPathItem, PickerPaneData, PickerTabKey } from "lingee-ui";
+
+/**
+ * 子部门。键为父级 id，值为该层级下的子部门。
+ *
+ * 带 hasChildren 的行点击整行即进入下一级，只有最前面的勾选框才是选中。
+ */
+const CHILD_DEPARTMENTS: Record<string, PickerEntity[]> = {
+  root: [
+    { type: "org", id: "eng", name: "Engineering", desc: "86", hasChildren: true },
+    { type: "org", id: "mkt", name: "Marketing", desc: "24", hasChildren: true },
+    { type: "org", id: "fin", name: "Finance", desc: "12" },
+  ],
+  eng: [
+    { type: "org", id: "eng-web", name: "Web Platform", desc: "31", hasChildren: true },
+    { type: "org", id: "eng-api", name: "API Services", desc: "28" },
+    { type: "org", id: "eng-qa", name: "Quality Assurance", desc: "15" },
+  ],
+  "eng-web": [
+    { type: "org", id: "eng-web-ui", name: "Design System", desc: "9" },
+    { type: "org", id: "eng-web-app", name: "Application Shell", desc: "11" },
+  ],
+  mkt: [
+    { type: "org", id: "mkt-brand", name: "Brand", desc: "8" },
+    { type: "org", id: "mkt-growth", name: "Growth", desc: "10" },
+  ],
+};
+
+/** 各层级的直属成员 */
+const MEMBERS: Record<string, PickerEntity[]> = {
+  root: [{ type: "person", id: "p1", name: "Avery Stone", code: "10001", deptName: "Executive" }],
+  eng: [
+    { type: "person", id: "p2", name: "Blake Rivers", code: "10002", deptName: "Engineering" },
+    { type: "person", id: "p3", name: "Casey Lane", code: "10003", deptName: "Engineering" },
+  ],
+  "eng-web": [
+    { type: "person", id: "p4", name: "Devon Pike", code: "10004", deptName: "Web Platform" },
+    { type: "person", id: "p5", name: "Ellis Ward", code: "10005", deptName: "Web Platform" },
+    { type: "person", id: "p6", name: "Frankie Hale", code: "10006", deptName: "Web Platform" },
+  ],
+  "eng-web-ui": [
+    { type: "person", id: "p7", name: "Georgia Mills", code: "10007", deptName: "Design System" },
+  ],
+  "eng-api": [
+    { type: "person", id: "p8", name: "Harper Quinn", code: "10008", deptName: "API Services" },
+    { type: "person", id: "p9", name: "Indigo Reese", code: "10009", deptName: "API Services" },
+  ],
+  mkt: [{ type: "person", id: "p10", name: "Jordan Vale", code: "10010", deptName: "Marketing" }],
+  fin: [{ type: "person", id: "p11", name: "Kai Monroe", code: "10011", deptName: "Finance" }],
+};
+
+const ALL_MEMBERS = Object.values(MEMBERS).flat();
+
+export default function Basic() {
+  const [open, setOpen] = useState(false);
+  const [tab, setTab] = useState<PickerTabKey>("org");
+  const [path, setPath] = useState<PickerOrgPathItem[]>([]);
+  const [keyword, setKeyword] = useState("");
+  const [result, setResult] = useState<PickerEntity[]>([]);
+
+  const currentId = path.length > 0 ? path[path.length - 1].id : "root";
+
+  // 组件不持有数据：页签、层级与搜索词变化后由此处换出新的 data
+  const data = useMemo<PickerPaneData>(() => {
+    if (keyword.trim()) {
+      const hit = ALL_MEMBERS.filter((item) =>
+        item.name.toLowerCase().includes(keyword.trim().toLowerCase()),
+      );
+      return { sections: [{ key: "search", items: hit }] };
+    }
+
+    const children = CHILD_DEPARTMENTS[currentId] ?? [];
+    if (tab === "org") return { orgNodes: children };
+
+    return {
+      selectAll: true,
+      sections: [{ key: "members", title: "Members", items: MEMBERS[currentId] ?? [] }],
+      orgNodes: children,
+    };
+  }, [currentId, keyword, tab]);
+
+  return (
+    <div style={{ display: "flex", alignItems: "center", gap: 12 }}>
+      <Button variant="primary" onClick={() => setOpen(true)}>
+        Open picker
+      </Button>
+      <span style={{ color: "var(--lg-g-fg-color-black-default)", fontSize: 12 }}>
+        {result.length > 0 ? `Confirmed: ${result.length}` : "Nothing confirmed yet"}
+      </span>
+
+      <PersonPicker
+        open={open}
+        onOpenChange={setOpen}
+        tabs={["org", "person"]}
+        activeTab={tab}
+        onTabChange={setTab}
+        orgPath={path}
+        onOrgPathChange={setPath}
+        keyword={keyword}
+        onSearch={setKeyword}
+        data={data}
+        onConfirm={setResult}
+      />
+    </div>
+  );
+}
+```
+
+## API
+
+### PersonPicker
+
+继承 `PersonPickerPanelProps`，额外提供弹窗外壳相关属性。
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| `open` | 是否打开（受控） | `boolean` | - |
+| `onOpenChange` | 开关状态变化回调 | `(open: boolean) => void` | - |
+| `title` | 标题，不传时取语言包 | `ReactNode` | `选择人员` |
+| `okText` | 确认按钮文案 | `string` | `确定` |
+| `cancelText` | 取消按钮文案 | `string` | `取消` |
+| `okLoading` | 确认按钮 loading | `boolean` | `false` |
+| `okDisabledWhenEmpty` | 未选中任何项时禁用确认按钮 | `boolean` | `true` |
+| `onConfirm` | 点击确认，回传已选项；返回 Promise 时按钮自动 loading。**承载模式下不触发** | `(value: PickerEntity[]) => void \| Promise<void>` | - |
+| `onCancel` | 点击取消、关闭按钮或 Esc | `() => void` | - |
+| `width` | 弹窗宽度 | `number` | `720` |
+| `zIndex` | 自定义 z-index | `number` | - |
+| `hostModal` | 宿主弹窗配置，透传给内部 `Dialog`。承载模式下本组件不产出 DOM，底部按钮需由承载页自绘 | `DialogHostModal` | - |
+
+### PersonPickerPanel
+
+左右分栏内容体，不含弹窗外壳。
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| `tabs` | 启用的页签及顺序；仅剩一个时不渲染页签栏 | `PickerTabKey[]` | `["org", "person"]` |
+| `activeTab` | 当前页签（受控） | `PickerTabKey` | - |
+| `defaultActiveTab` | 默认页签，缺省取 `tabs` 首项 | `PickerTabKey` | - |
+| `onTabChange` | 页签切换回调 | `(key: PickerTabKey) => void` | - |
+| `tabLabels` | 覆盖页签文案 | `Partial<Record<PickerTabKey, ReactNode>>` | - |
+| `data` | 左栏当前要渲染的数据 | `PickerPaneData` | `{}` |
+| `loading` | **换批**加载中，展示骨架屏；优先级高于 `loadError`。追加下一页时不要置真 | `boolean` | `false` |
+| `loadingDelay` | 骨架屏延迟显示毫秒数，避免快请求下的白闪 | `number` | `200` |
+| `loadError` | 加载失败 | `boolean` | `false` |
+| `onRetry` | 失败重试回调，传入后才出现重试入口 | `() => void` | - |
+| `hasMore` | 列表是否还有下一页 | `boolean` | `false` |
+| `onLoadMore` | 加载下一页，须返回 Promise | `(isRetry: boolean) => Promise<void>` | - |
+| `value` | 已选项（受控） | `PickerEntity[]` | - |
+| `defaultValue` | 默认已选项（非受控） | `PickerEntity[]` | `[]` |
+| `onChange` | 已选项变化回调 | `(value: PickerEntity[], info: PickerChangeInfo) => void` | - |
+| `keyword` | 搜索词（受控），非空即进入搜索态 | `string` | - |
+| `onSearch` | 搜索词变化回调，已去抖 | `(keyword: string) => void` | - |
+| `searchDebounce` | 搜索去抖毫秒数 | `number` | `300` |
+| `searchPlaceholder` | 搜索框 placeholder | `string` | `搜索联系人、部门` |
+| `orgPath` | 当前组织层级路径（受控），不含根节点 | `PickerOrgPathItem[]` | - |
+| `onOrgPathChange` | 层级变化回调（面包屑回跳与行尾下钻） | `(path: PickerOrgPathItem[]) => void` | - |
+| `mode` | 选择模式；`single` 下新选中项替换旧值 | `"multiple" \| "single"` | `"multiple"` |
+| `max` | 最多可选数量 | `number` | - |
+| `onExceed` | 将超过 `max` 时触发，本次勾选被丢弃 | `(max: number) => void` | - |
+| `paneHeight` | 左右分栏高度。`"fill"` 撑满父容器（需父容器有确定高度），用于嵌入形态 | `number \| "fill"` | `406` |
+| `className` | 自定义类名 | `string` | - |
+| `style` | 自定义样式 | `CSSProperties` | - |

package/skill/references/setup.md

@@ -1,6 +1,6 @@
 # 接入指南
 
-组件库 `0.0.18` ｜ 图标库 `1.0.21`
+组件库 `0.0.19` ｜ 图标库 `1.0.21`
 
 ## 安装
 

package/skill/references/tokens.md

@@ -1,6 +1,6 @@
 # 语义 Token 全表
 
-组件库 `0.0.18`。仅列语义层（`--lg-g-*`）。
+组件库 `0.0.19`。仅列语义层（`--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）（48）
+## 前景色 fg（color / fill / stroke）（54）
 
 | Token | 亮色 | 暗色 |
 |-------|------|------|
@@ -76,8 +76,14 @@
 | `var(--lg-g-fg-color-lime-low)` | `#74D70B` | `#74D70B` |
 | `var(--lg-g-fg-color-violet-low)` | `#7858F9` | `#7858F9` |
 | `var(--lg-g-fg-color-black-title)` | `rgba(0, 0, 0, 0.64)` | `rgba(255, 255, 255, 0.46)` |
+| `var(--lg-g-fg-color-black-blue-moderate)` | `rgba(0, 29, 65, 0.18)` | `#FFFFFF` |
+| `var(--lg-g-fg-color-black-blue-faint)` | `rgba(0, 29, 65, 0.28)` | `#FFFFFF` |
+| `var(--lg-g-fg-color-black-blue-default)` | `rgba(0, 29, 65, 0.46)` | `#FFFFFF` |
+| `var(--lg-g-fg-color-black-blue-muted)` | `rgba(0, 29, 65, 0.64)` | `#FFFFFF` |
+| `var(--lg-g-fg-color-black-blue-strong)` | `rgba(0, 29, 65, 0.82)` | `#FFFFFF` |
+| `var(--lg-g-fg-color-black-blue-intense)` | `rgba(0, 29, 65, 0.94)` | `#FFFFFF` |
 
-## 背景色 bg（background）（107）
+## 背景色 bg（background）（108）
 
 | Token | 亮色 | 暗色 |
 |-------|------|------|
@@ -188,6 +194,7 @@
 | `var(--lg-g-bg-color-black-people)` | `rgba(0, 0, 0, 0.18)` | `rgba(255, 255, 255, 0.18)` |
 | `var(--lg-g-bg-color-black-translucent-soft)` | `rgba(0, 0, 0, 0.04)` | `rgba(255, 255, 255, 0.08)` |
 | `var(--lg-g-bg-color-black-translucent-muted)` | `rgba(0, 0, 0, 0.02)` | `rgba(255, 255, 255, 0.06)` |
+| `var(--lg-g-bg-color-color)` | `#E4EEFF` | `#E4EEFF` |
 
 ## 边框色 border（border-color / outline）（45）
 

package/dist/chunk-3RAHZU2C.js

@@ -1 +0,0 @@
-'use strict';var chunkP427AFIE_js=require('./chunk-P427AFIE.js'),chunkDCDWEVW4_js=require('./chunk-DCDWEVW4.js'),ze=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 ze__default=/*#__PURE__*/_interopDefault(ze);var ce={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",loadFailed:"\u52A0\u8F7D\u5931\u8D25",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"},Carousel:{carousel:"\u8F6E\u64AD",prev:"\u4E0A\u4E00\u5F20",next:"\u4E0B\u4E00\u5F20",goToPage:"\u8DF3\u8F6C\u5230\u7B2C {page} \u5F20"},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:{loading:"\u52A0\u8F7D\u4E2D",empty:"\u6682\u65E0\u6570\u636E",loadError:"\u52A0\u8F7D\u5931\u8D25"},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"},Empty:{retry:"\u91CD\u8BD5"},InfiniteScroll:{loading:"\u52A0\u8F7D\u4E2D",noMore:"\u6CA1\u6709\u66F4\u591A\u4E86",loadFailed:"\u52A0\u8F7D\u5931\u8D25"},Sidebar:{expand:"\u5C55\u5F00",collapse:"\u6536\u8D77",loading:"\u52A0\u8F7D\u4E2D",empty:"\u6682\u65E0\u6570\u636E",loadError:"\u52A0\u8F7D\u5931\u8D25"}},v=ce;var _=new Map,O=0;function A(){return O+=1,{id:O}}function z(e,o,t){_.set(e.id,{site:o,depth:t});}function Y(e){_.delete(e.id);}function pe(){let e;for(let o of _.values())(!e||o.depth>=e.depth)&&(e=o);return e?.site}function E(){return pe()==="lingee"}var U={dialog:{}},h=ze.createContext(U),N=new Map,B=0;function G(){return B+=1,{id:B}}function q(e,o,t){N.set(e.id,{config:o,depth:t});}function j(e){N.delete(e.id);}function ge(){let e;for(let o of N.values())(!e||o.depth>=e.depth)&&(e=o);return e?.config??U}function me(){return ze.useContext(h)}var Te={locale:"en-US",Button:{},Breadcrumb:{more:"More",back:"Back"},Select:{loading:"Loading",loadError:"Failed to load, please retry",loadFailed:"Failed to load",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"},Carousel:{carousel:"Carousel",prev:"Previous slide",next:"Next slide",goToPage:"Go to slide {page}"},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:{loading:"Loading",empty:"No data",loadError:"Failed to load"},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"},Empty:{retry:"Retry"},InfiniteScroll:{loading:"Loading",noMore:"No more items",loadFailed:"Failed to load"},Sidebar:{expand:"Expand",collapse:"Collapse",loading:"Loading",empty:"No data",loadError:"Failed to load"}},xe=Te;var V=ze.createContext(v),Z=ze.createContext(void 0),X=ze.createContext(-1);function ve({locale:e=v,site:o,dialog:t,children:n}){let r=ze.useContext(X)+1,a=ze.useContext(h),i=t?.zIndex,s=a.dialog.zIndex,l=ze.useMemo(()=>({dialog:{zIndex:i??s}}),[i,s]),c=ze.useRef();c.current||(c.current=A());let p=c.current,g=ze.useRef();g.current||(g.current=G());let m=g.current;z(p,o,r),q(m,l,r),ze.useEffect(()=>()=>{Y(p),j(m);},[m,p]);let d=jsxRuntime.jsx(X.Provider,{value:r,children:jsxRuntime.jsx(h.Provider,{value:l,children:jsxRuntime.jsx(Z.Provider,{value:o,children:jsxRuntime.jsxs(V.Provider,{value:e,children:[n,r===0&&jsxRuntime.jsx(J,{})]})})})});return r===0?jsxRuntime.jsx(chunkP427AFIE_js.c,{children:d}):d}ve.displayName="LingeeProvider";function he(){return ze.useContext(V)}function W(e){return he()[e]}function oo(){return ze.useContext(Z)}var _e={info:jsxRuntime.jsx(lingeeIcon.ExclamationCircleFill,{size:20}),success:jsxRuntime.jsx(lingeeIcon.CheckCircleFill,{size:20}),warning:jsxRuntime.jsx(lingeeIcon.ExclamationCircleFill1,{size:20}),error:jsxRuntime.jsx(lingeeIcon.XCircleFill,{size:20})};function $({type:e,content:o,icon:t,closable:n,className:r,onClose:a}){let i=W("Toast"),s=()=>{if(t===null)return null;let l=t!==void 0?t:_e[e];return jsxRuntime.jsx("span",{className:"lg-toast__icon",children:l})};return jsxRuntime.jsxs("div",{className:chunkDCDWEVW4_js.a("lg-toast",`lg-toast--${e}`,r),children:[s(),jsxRuntime.jsx("span",{className:"lg-toast__content",children:o}),n&&jsxRuntime.jsx("button",{className:"lg-toast__close",onClick:a,"aria-label":i.close,type:"button",children:jsxRuntime.jsx(lingeeIcon.XLg,{size:16})})]})}var ee="lingee-web-bridge",oe="1.0.0",Ne="host",De="iframe",Re="lingee-web-bridge:host-toast-show",He="lingee-web-bridge:host-toast-dismiss",Ie="lingee-web-bridge:host-toast-probe",Me="lingee-web-bridge:host-toast-ready";function te(){if(typeof crypto<"u"&&typeof crypto.randomUUID=="function")return crypto.randomUUID();let e=Date.now();return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,o=>{let t=(e+Math.random()*16)%16|0;return e=Math.floor(e/16),(o==="x"?t:t&3|8).toString(16)})}function Fe(e,o){return {_protocol:ee,_version:oe,_source:e,_nonce:te(),_traceId:"",payload:o}}function Oe(e,o){if(typeof e!="object"||e===null)return  false;let t=e;return t._protocol===ee&&t._version===oe&&t._source===o&&typeof t._nonce=="string"&&"payload"in t}function y(){return typeof window<"u"&&window.parent!==window}var C=false,f=new Map,Q=false;function Ae(e){if(!Oe(e,Ne))return  false;let o=e.payload;return !!o&&typeof o=="object"&&o.type===Me}function R(e){window.parent.postMessage(Fe(De,e),"*");}function w(){Q||!y()||(Q=true,window.addEventListener("message",e=>{e.source===window.parent&&Ae(e.data)&&(C=true);}),window.addEventListener("pagehide",()=>{!C||f.size===0||S();}),R({type:Ie}));}function H(){return w(),C}function ne(e){if(w(),!C||!e.content)return null;let o=te();R({type:Re,toastId:o,content:e.content.slice(0,500),level:e.level,duration:e.duration,key:e.key});let t=e.duration??3e3,n=t>0?window.setTimeout(()=>f.delete(o),t+500):void 0;return f.set(o,n),o}function S(e){if(w(),!!C){if(e){let o=f.get(e);o!==void 0&&window.clearTimeout(o),f.delete(e);}else f.forEach(o=>{o!==void 0&&window.clearTimeout(o);}),f.clear();R({type:He,toastId:e});}}w();function I(){if(!(typeof window>"u"))return window.lingeeBridge}function re(e){if(typeof e=="string")return e;if(typeof e=="number")return String(e)}function ie(e,o={}){return !(!(y()?H():E()&&typeof I()?.showToast=="function")||re(e.content)===void 0||e.icon!==void 0||e.className!==void 0||e.closable||o.getContainer!==void 0||o.top!==void 0||o.maxCount!==void 0)}function ae(e,o,t,n={}){let r=re(o.content);if(r===void 0)return null;let a={level:e,content:r,duration:t,key:o.key};if(y()){let d=ne(a);return d?(n.onAccepted?.(),{dismiss:()=>S(d)}):null}let i=I(),s=i?.showToast;if(!s)return null;let l=null,c=null,p=false,g=false,m=()=>{p||g||c||(c=n.onFallback?.()??null);};return Promise.resolve().then(()=>s(a)).then(d=>{if(!d?.ok||!d.toastId){m();return}if(g=true,l=d.toastId,p){i?.dismissToast?.(l);return}n.onAccepted?.();}).catch(d=>{console.error("[lingee-ui] showToast failed:",d),m();}),{dismiss:()=>{if(!p){if(p=true,c){c(),c=null;return}l&&i?.dismissToast?.(l);}}}}function se(){if(y())return H()?(S(),true):false;let e=I();return !E()||typeof e?.dismissToast!="function"?false:(e.dismissToast().catch(o=>{console.error("[lingee-ui] dismissToast failed:",o);}),true)}var T={};function J(){let e=T.top??16;return jsxRuntime.jsx(sonner.Toaster,{position:"top-center",offset:e,gap:8,closeButton:false,toastOptions:{unstyled:true,className:"lg-toast-wrapper"},style:{"--width":"560px"}})}function Be(e){let o=e[0];return typeof o=="object"&&o!==null&&!ze__default.default.isValidElement(o)?o:{content:o,duration:e[1],onClose:e[2]}}function le(e,o,t,n=()=>o.onClose?.()){let r=t===0?1/0:t,a=false,i=()=>{a||(a=true,n());},s=sonner.toast.custom(l=>jsxRuntime.jsx($,{type:e,content:o.content,icon:o.icon,closable:o.closable,className:o.className,onClose:()=>sonner.toast.dismiss(l)}),{...o.key!==void 0&&{id:o.key},duration:r,onAutoClose:i,onDismiss:i});return ()=>{sonner.toast.dismiss(s),i();}}var L=new Set;function Ue(e,o){let t=o.duration!==void 0?o.duration<0?T.duration??3e3:o.duration:T.duration??3e3;if(ie(o,T)){let n=false,r,a=()=>{},i=()=>{n||(n=true,r!==void 0&&clearTimeout(r),L.delete(a),o.onClose?.());},s=ae(e,o,t,{onAccepted:()=>{t>0&&!n&&(r=setTimeout(i,t));},onFallback:()=>le(e,{...o,onClose:void 0},t,i)});if(s)return a=()=>{n||(s.dismiss(),i());},L.add(a),a}return le(e,o,t)}function k(e){return (...o)=>{let t=Be(o);return Ue(e,t)}}var So={info:k("info"),success:k("success"),warning:k("warning"),error:k("error"),destroy:()=>{Array.from(L).forEach(e=>e()),L.clear(),se(),sonner.toast.dismiss();},config:e=>{T={...T,...e};}};exports.a=E;exports.b=J;exports.c=So;exports.d=v;exports.e=ge;exports.f=me;exports.g=xe;exports.h=ve;exports.i=he;exports.j=W;exports.k=oo;

package/dist/chunk-4OLAOR2B.mjs

@@ -1 +0,0 @@
-import {b}from'./chunk-H44VO62M.mjs';import {j}from'./chunk-XQRQYJIE.mjs';import {a}from'./chunk-DN2VKVCV.mjs';import Bl,{useState,useRef,useCallback,useEffect,useLayoutEffect}from'react';import {cva}from'class-variance-authority';import*as s from'@radix-ui/react-tabs';import {ChevronLeft,ChevronRight}from'lingee-icon';import {jsxs,jsx}from'react/jsx-runtime';var C={arrows:true,step:200,fade:true,scrollIntoView:true},Sl=cva("lg-tabs",{variants:{variant:{segmented:"lg-tabs--segmented",rounded:"lg-tabs--rounded",solid:"lg-tabs--solid",outline:"lg-tabs--outline",underline:"lg-tabs--underline"},size:{sm:"lg-tabs--sm",md:"lg-tabs--md"}},defaultVariants:{variant:"segmented",size:"md"}}),ol=typeof window<"u"?useLayoutEffect:useEffect;function Ll({items:o,activeKey:d,defaultActiveKey:tl,onChange:N,variant:i="segmented",size:nl="md",overflow:sl,scrollOptions:y,wrap:il=false,scrollable:bl=false,glassy:cl=false,transparent:dl=false,animated:B=true,destroyInactivePanel:M=false,className:ul,dir:vl,...fl},pl){let V=j("Tabs"),O=sl??(bl?"scroll":il?"wrap":"none"),X=O==="wrap"&&(i==="segmented"||i==="rounded")?"none":O,a$1=X==="scroll",A=X==="wrap",P=y?.arrows??C.arrows,T=y?.step??C.step,H=y?.fade??C.fade,$=y?.scrollIntoView??C.scrollIntoView,u=d!==void 0,ml=o.find(l=>!l.disabled)?.key,W=u?void 0:tl??ml,[hl,wl]=useState(W),t=u?d:hl,k=useRef(o.findIndex(l=>l.key===t)),[j$1,x]=useState("right"),_l=useCallback(l=>{let g=o.findIndex(_=>_.key===l),r=k.current;g>r?x("right"):g<r&&x("left"),k.current=g,u||wl(l),N?.(l);},[u,N,o]);useEffect(()=>{if(u&&d){let l=o.findIndex(r=>r.key===d),g=k.current;l!==g&&(l>g?x("right"):x("left"),k.current=l);}},[u,d,o]);let q=o.some(l=>l.children!=null),n=useRef(null),E=useRef(new Map),[Fl,R]=useState({opacity:0}),h=useRef(false),U=useRef(0),yl=useCallback(l=>g=>{g?E.current.set(l,g):E.current.delete(l);},[]),w=useCallback(l=>{let g=n.current,r=t?E.current.get(t):void 0;if(!g||!r){R(al=>al.opacity===0?al:{opacity:0});return}let _=g.getBoundingClientRect(),f=(i==="underline"?r.querySelector(".lg-tabs__tab-label")??r:r).getBoundingClientRect(),rl=f.left-_.left+g.scrollLeft;if(!A){R({width:f.width,transform:`translateX(${rl}px)`,opacity:1,transition:l?"transform var(--_tabs-slider-duration) var(--lg-transition-timing), width var(--_tabs-slider-duration) var(--lg-transition-timing)":"none"});return}let S=i==="underline",Cl=S?r.getBoundingClientRect():f,L=S?Cl.bottom-_.top:f.top-_.top,Dl=l&&Math.abs(L-U.current)>1;U.current=L,R({width:f.width,...S?null:{height:f.height},top:0,bottom:"auto",transform:`translate(${rl}px, ${L}px)`,opacity:1,transition:Dl?"opacity var(--_tabs-slider-duration) var(--lg-transition-timing)":l?"transform var(--_tabs-slider-duration) var(--lg-transition-timing), width var(--_tabs-slider-duration) var(--lg-transition-timing)":"none"});},[t,i,A]),Y=useRef(w);Y.current=w;let G=useRef(0);ol(()=>{let l=h.current;w(l),l&&(G.current=Date.now()),h.current=true;},[w,t]);let J=o.map(l=>`${l.key}:${l.disabled?1:0}`).join("|");ol(()=>{let l=h.current;h.current=false,w(false),h.current=l;},[J]),useEffect(()=>{if(!n.current)return;let l=new ResizeObserver(()=>{Date.now()-G.current<350||Y.current(false);});return l.observe(n.current),()=>l.disconnect()},[]);let[kl,Q]=useState(false),[Z,xl]=useState(false),[K,El]=useState(false),v=useCallback(()=>{let l=n.current;!l||!a$1||(Q(l.scrollWidth>l.clientWidth+1),xl(l.scrollLeft>1),El(l.scrollLeft+l.clientWidth<l.scrollWidth-1));},[a$1]);useEffect(()=>{if(!a$1){Q(false);return}let l=n.current;if(l)return v(),l.addEventListener("scroll",v),()=>l.removeEventListener("scroll",v)},[a$1,v,J]),useEffect(()=>{let l=n.current;if(!a$1||!l)return;let g=new ResizeObserver(()=>v());return g.observe(l),()=>g.disconnect()},[a$1,v]),useEffect(()=>{if(!a$1||!$||!t)return;let l=E.current.get(t);typeof l?.scrollIntoView=="function"&&l.scrollIntoView({behavior:"smooth",inline:"nearest",block:"nearest"});},[a$1,$,t]);let ll=useCallback((l,g)=>{let r=n.current;r&&(r.scrollBy({left:l==="left"?-T:T,behavior:"smooth"}),g&&g.detail>0&&g.currentTarget.blur());},[T]),z=a$1&&kl&&P!==false,gl=jsxs(s.List,{className:a("lg-tabs__list",a$1&&"lg-tabs__list--scrollable"),ref:n,children:[jsx("span",{className:a(`lg-tabs__slider lg-tabs__slider--${i}`,cl&&"lg-tabs__slider--glassy"),style:Fl,"aria-hidden":true}),o.map(l=>jsxs(s.Trigger,{value:l.key,disabled:l.disabled,ref:yl(l.key),"aria-label":l.ariaLabel,className:a("lg-tabs__tab",l.disabled&&"lg-tabs__tab--disabled"),children:[l.icon&&jsx("span",{className:"lg-tabs__tab-icon",children:l.icon}),jsx("span",{className:"lg-tabs__tab-label",children:l.label}),l.suffix!=null&&jsx("span",{className:"lg-tabs__tab-suffix",children:l.suffix})]},l.key))]});return jsxs(s.Root,{ref:pl,className:a(Sl({variant:i,size:nl}),A&&"lg-tabs--wrap",a$1&&"lg-tabs--scrollable",dl&&"lg-tabs--transparent",q&&"lg-tabs--has-content",ul),value:d,defaultValue:W,onValueChange:_l,dir:vl,...fl,children:[a$1?jsxs("div",{className:a("lg-tabs__scroll-wrapper",P==="hover"&&"lg-tabs__scroll-wrapper--hover-controls",!z&&"lg-tabs__scroll-wrapper--no-arrows"),children:[z&&jsx(b,{shape:"circle",size:"sm",variant:"text",icon:jsx(ChevronLeft,{}),tooltip:V.scrollLeft,disabled:!Z,onClick:l=>ll("left",l),className:"lg-tabs__scroll-arrow lg-tabs__scroll-arrow--left"}),H&&Z&&jsx("span",{className:"lg-tabs__fade lg-tabs__fade--left","aria-hidden":true}),gl,H&&K&&jsx("span",{className:"lg-tabs__fade lg-tabs__fade--right","aria-hidden":true}),z&&jsx(b,{shape:"circle",size:"sm",variant:"text",icon:jsx(ChevronRight,{}),tooltip:V.scrollRight,disabled:!K,onClick:l=>ll("right",l),className:"lg-tabs__scroll-arrow lg-tabs__scroll-arrow--right"})]}):gl,q&&jsx("div",{className:"lg-tabs__content-wrapper",children:o.map(l=>{if(l.children==null)return null;let g=l.key===t;return M&&!g?null:jsx(s.Content,{value:l.key,forceMount:M?void 0:true,className:a("lg-tabs__panel",B&&"lg-tabs__panel--animated",g&&"lg-tabs__panel--active",!g&&"lg-tabs__panel--inactive",B&&j$1==="right"&&"lg-tabs__panel--slide-right",B&&j$1==="left"&&"lg-tabs__panel--slide-left"),children:l.children},l.key)})})]})}var ql=Bl.forwardRef(Ll);export{Sl as a,ql as b};

package/dist/chunk-XQRQYJIE.mjs

@@ -1 +0,0 @@
-import {c}from'./chunk-KXUUVDLA.mjs';import {a}from'./chunk-DN2VKVCV.mjs';import ze,{createContext,useContext,useMemo,useRef,useEffect}from'react';import {Toaster,toast}from'sonner';import {XCircleFill,ExclamationCircleFill1,CheckCircleFill,ExclamationCircleFill,XLg}from'lingee-icon';import {jsx,jsxs}from'react/jsx-runtime';var ce={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",loadFailed:"\u52A0\u8F7D\u5931\u8D25",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"},Carousel:{carousel:"\u8F6E\u64AD",prev:"\u4E0A\u4E00\u5F20",next:"\u4E0B\u4E00\u5F20",goToPage:"\u8DF3\u8F6C\u5230\u7B2C {page} \u5F20"},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:{loading:"\u52A0\u8F7D\u4E2D",empty:"\u6682\u65E0\u6570\u636E",loadError:"\u52A0\u8F7D\u5931\u8D25"},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"},Empty:{retry:"\u91CD\u8BD5"},InfiniteScroll:{loading:"\u52A0\u8F7D\u4E2D",noMore:"\u6CA1\u6709\u66F4\u591A\u4E86",loadFailed:"\u52A0\u8F7D\u5931\u8D25"},Sidebar:{expand:"\u5C55\u5F00",collapse:"\u6536\u8D77",loading:"\u52A0\u8F7D\u4E2D",empty:"\u6682\u65E0\u6570\u636E",loadError:"\u52A0\u8F7D\u5931\u8D25"}},v=ce;var _=new Map,O=0;function A(){return O+=1,{id:O}}function z(e,o,t){_.set(e.id,{site:o,depth:t});}function Y(e){_.delete(e.id);}function pe(){let e;for(let o of _.values())(!e||o.depth>=e.depth)&&(e=o);return e?.site}function E(){return pe()==="lingee"}var U={dialog:{}},h=createContext(U),N=new Map,B=0;function G(){return B+=1,{id:B}}function q(e,o,t){N.set(e.id,{config:o,depth:t});}function j(e){N.delete(e.id);}function ge(){let e;for(let o of N.values())(!e||o.depth>=e.depth)&&(e=o);return e?.config??U}function me(){return useContext(h)}var Te={locale:"en-US",Button:{},Breadcrumb:{more:"More",back:"Back"},Select:{loading:"Loading",loadError:"Failed to load, please retry",loadFailed:"Failed to load",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"},Carousel:{carousel:"Carousel",prev:"Previous slide",next:"Next slide",goToPage:"Go to slide {page}"},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:{loading:"Loading",empty:"No data",loadError:"Failed to load"},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"},Empty:{retry:"Retry"},InfiniteScroll:{loading:"Loading",noMore:"No more items",loadFailed:"Failed to load"},Sidebar:{expand:"Expand",collapse:"Collapse",loading:"Loading",empty:"No data",loadError:"Failed to load"}},xe=Te;var V=createContext(v),Z=createContext(void 0),X=createContext(-1);function ve({locale:e=v,site:o,dialog:t,children:n}){let r=useContext(X)+1,a=useContext(h),i=t?.zIndex,s=a.dialog.zIndex,l=useMemo(()=>({dialog:{zIndex:i??s}}),[i,s]),c$1=useRef();c$1.current||(c$1.current=A());let p=c$1.current,g=useRef();g.current||(g.current=G());let m=g.current;z(p,o,r),q(m,l,r),useEffect(()=>()=>{Y(p),j(m);},[m,p]);let d=jsx(X.Provider,{value:r,children:jsx(h.Provider,{value:l,children:jsx(Z.Provider,{value:o,children:jsxs(V.Provider,{value:e,children:[n,r===0&&jsx(J,{})]})})})});return r===0?jsx(c,{children:d}):d}ve.displayName="LingeeProvider";function he(){return useContext(V)}function W(e){return he()[e]}function oo(){return useContext(Z)}var _e={info:jsx(ExclamationCircleFill,{size:20}),success:jsx(CheckCircleFill,{size:20}),warning:jsx(ExclamationCircleFill1,{size:20}),error:jsx(XCircleFill,{size:20})};function $({type:e,content:o,icon:t,closable:n,className:r,onClose:a$1}){let i=W("Toast"),s=()=>{if(t===null)return null;let l=t!==void 0?t:_e[e];return jsx("span",{className:"lg-toast__icon",children:l})};return jsxs("div",{className:a("lg-toast",`lg-toast--${e}`,r),children:[s(),jsx("span",{className:"lg-toast__content",children:o}),n&&jsx("button",{className:"lg-toast__close",onClick:a$1,"aria-label":i.close,type:"button",children:jsx(XLg,{size:16})})]})}var ee="lingee-web-bridge",oe="1.0.0",Ne="host",De="iframe",Re="lingee-web-bridge:host-toast-show",He="lingee-web-bridge:host-toast-dismiss",Ie="lingee-web-bridge:host-toast-probe",Me="lingee-web-bridge:host-toast-ready";function te(){if(typeof crypto<"u"&&typeof crypto.randomUUID=="function")return crypto.randomUUID();let e=Date.now();return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,o=>{let t=(e+Math.random()*16)%16|0;return e=Math.floor(e/16),(o==="x"?t:t&3|8).toString(16)})}function Fe(e,o){return {_protocol:ee,_version:oe,_source:e,_nonce:te(),_traceId:"",payload:o}}function Oe(e,o){if(typeof e!="object"||e===null)return  false;let t=e;return t._protocol===ee&&t._version===oe&&t._source===o&&typeof t._nonce=="string"&&"payload"in t}function y(){return typeof window<"u"&&window.parent!==window}var C=false,f=new Map,Q=false;function Ae(e){if(!Oe(e,Ne))return  false;let o=e.payload;return !!o&&typeof o=="object"&&o.type===Me}function R(e){window.parent.postMessage(Fe(De,e),"*");}function w(){Q||!y()||(Q=true,window.addEventListener("message",e=>{e.source===window.parent&&Ae(e.data)&&(C=true);}),window.addEventListener("pagehide",()=>{!C||f.size===0||S();}),R({type:Ie}));}function H(){return w(),C}function ne(e){if(w(),!C||!e.content)return null;let o=te();R({type:Re,toastId:o,content:e.content.slice(0,500),level:e.level,duration:e.duration,key:e.key});let t=e.duration??3e3,n=t>0?window.setTimeout(()=>f.delete(o),t+500):void 0;return f.set(o,n),o}function S(e){if(w(),!!C){if(e){let o=f.get(e);o!==void 0&&window.clearTimeout(o),f.delete(e);}else f.forEach(o=>{o!==void 0&&window.clearTimeout(o);}),f.clear();R({type:He,toastId:e});}}w();function I(){if(!(typeof window>"u"))return window.lingeeBridge}function re(e){if(typeof e=="string")return e;if(typeof e=="number")return String(e)}function ie(e,o={}){return !(!(y()?H():E()&&typeof I()?.showToast=="function")||re(e.content)===void 0||e.icon!==void 0||e.className!==void 0||e.closable||o.getContainer!==void 0||o.top!==void 0||o.maxCount!==void 0)}function ae(e,o,t,n={}){let r=re(o.content);if(r===void 0)return null;let a={level:e,content:r,duration:t,key:o.key};if(y()){let d=ne(a);return d?(n.onAccepted?.(),{dismiss:()=>S(d)}):null}let i=I(),s=i?.showToast;if(!s)return null;let l=null,c=null,p=false,g=false,m=()=>{p||g||c||(c=n.onFallback?.()??null);};return Promise.resolve().then(()=>s(a)).then(d=>{if(!d?.ok||!d.toastId){m();return}if(g=true,l=d.toastId,p){i?.dismissToast?.(l);return}n.onAccepted?.();}).catch(d=>{console.error("[lingee-ui] showToast failed:",d),m();}),{dismiss:()=>{if(!p){if(p=true,c){c(),c=null;return}l&&i?.dismissToast?.(l);}}}}function se(){if(y())return H()?(S(),true):false;let e=I();return !E()||typeof e?.dismissToast!="function"?false:(e.dismissToast().catch(o=>{console.error("[lingee-ui] dismissToast failed:",o);}),true)}var T={};function J(){let e=T.top??16;return jsx(Toaster,{position:"top-center",offset:e,gap:8,closeButton:false,toastOptions:{unstyled:true,className:"lg-toast-wrapper"},style:{"--width":"560px"}})}function Be(e){let o=e[0];return typeof o=="object"&&o!==null&&!ze.isValidElement(o)?o:{content:o,duration:e[1],onClose:e[2]}}function le(e,o,t,n=()=>o.onClose?.()){let r=t===0?1/0:t,a=false,i=()=>{a||(a=true,n());},s=toast.custom(l=>jsx($,{type:e,content:o.content,icon:o.icon,closable:o.closable,className:o.className,onClose:()=>toast.dismiss(l)}),{...o.key!==void 0&&{id:o.key},duration:r,onAutoClose:i,onDismiss:i});return ()=>{toast.dismiss(s),i();}}var L=new Set;function Ue(e,o){let t=o.duration!==void 0?o.duration<0?T.duration??3e3:o.duration:T.duration??3e3;if(ie(o,T)){let n=false,r,a=()=>{},i=()=>{n||(n=true,r!==void 0&&clearTimeout(r),L.delete(a),o.onClose?.());},s=ae(e,o,t,{onAccepted:()=>{t>0&&!n&&(r=setTimeout(i,t));},onFallback:()=>le(e,{...o,onClose:void 0},t,i)});if(s)return a=()=>{n||(s.dismiss(),i());},L.add(a),a}return le(e,o,t)}function k(e){return (...o)=>{let t=Be(o);return Ue(e,t)}}var So={info:k("info"),success:k("success"),warning:k("warning"),error:k("error"),destroy:()=>{Array.from(L).forEach(e=>e()),L.clear(),se(),toast.dismiss();},config:e=>{T={...T,...e};}};export{E as a,J as b,So as c,v as d,ge as e,me as f,xe as g,ve as h,he as i,W as j,oo as k};