@yoka-ui/ui 1.0.1

package/@Docs-yoka/exports.generated.md

@@ -0,0 +1,93 @@
+# @yoka-ui/ui 具名导出表
+
+> **自动生成**：`pnpm run generate:yoka-llms`（源文件 `src/index.tsx`）  
+> **包版本**：`1.0.1`  
+> **生成时间**：`2026-04-09T06:29:38.458Z`  
+> 请勿手动编辑本文件；修改导出请改 `src/index.tsx` 后重新运行上述命令。
+
+## 使用约定（给 LLM / 业务开发者）
+
+- **包名**：`@yoka-ui/ui`（npm 公网）；可选 Git 安装：`@yoka-ui/ui`: `git+http://gitlab.sh.com/web/yoka-ui.git#v1.0.1` 等，以实际 tag 为准
+- **导入**：仅使用下表中的**具名**导出，与发布产物 `dist/es/index.d.ts` 一致；勿臆造未列出符号。
+- **全局样式（常用）**：业务入口引入一行，例如 `import '@yoka-ui/ui/dist/index.less'`（若以 README / 实际产物路径为准）。
+- **技术栈**：React 18、Ant Design 5；复杂表单/表格优先使用库内封装（`InputTheme`、`TableTheme`、`ModCommonFilter` 等），需要原生 antd API 时查阅 [Ant Design 文档](https://ant.design) 或本仓库 `@Docs/llms.txt`（克隆源码时可用）。
+
+## 导出清单（按 `src/index.tsx` 分区）
+
+### Export all UI components
+
+| 导出符号 | 源码 `from` 路径 |
+| --- | --- |
+| `LabelSelect` | `./ui/LabelSelect` |
+| `LogicOperator` | `./ui/LogicOperator` |
+| `YkButton` | `./ui/YkButton` |
+| `YkCard` | `./ui/YkCard` |
+| `YkCheckbox` | `./ui/YkCheckbox` |
+| `YkDescriptions` | `./ui/YkDescriptions` |
+| `YkPagination` | `./ui/YkPagination` |
+| `YkRadio` | `./ui/YkRadio` |
+| `YkRadioBtnSpecial` | `./ui/YkRadioBtnSpecial` |
+| `YkSegmented` | `./ui/YkSegmented` |
+| `YkSelect` | `./ui/YkSelect` |
+| `YkSpin` | `./ui/YkSpin` |
+| `YkStatistic` | `./ui/YkStatistic` |
+| `YkSwitch` | `./ui/YkSwitch` |
+| `YkTabs` | `./ui/YkTabs` |
+| `YkTooltip` | `./ui/YkTooltip` |
+
+### Export business components
+
+| 导出符号 | 源码 `from` 路径 |
+| --- | --- |
+| `DrawerPageInfo` | `./business/DrawerPageInfo` |
+| `Editor` | `./business/Editor` |
+| `Empty` | `./business/Empty` |
+| `ModCommonFilter` | `./business/ModCommonFilter` |
+| `YkPorjectSelect` | `./business/YkPorjectSelect` |
+| `YkDateRangePicker` | `./components/YkDateRangePicker` |
+| `YkRangeDateWithVS` | `./components/YkRangeDateWithVS` |
+| `YkRangeTimeWithRecent` | `./components/YkRangeTimeWithRecent` |
+
+### Export creative components
+
+| 导出符号 | 源码 `from` 路径 |
+| --- | --- |
+| `ButtonRadioWithInfo` | `./creative/ButtonRadioWithInfo` |
+| `ButtonWithProgress` | `./creative/ButtonWithProgress` |
+
+### Export theme components
+
+| 导出符号 | 源码 `from` 路径 |
+| --- | --- |
+| `InputTheme` | `./Themes/InputTheme` |
+| `TableTheme` | `./Themes/TableTheme` |
+
+### Export layout
+
+| 导出符号 | 源码 `from` 路径 |
+| --- | --- |
+| `FlexGrid` | `./layout/FlexGrid` |
+| `YkContainer` | `./layout/YkContainer` |
+| `YkDrawer` | `./layout/YkDrawer` |
+
+### Export common components
+
+| 导出符号 | 源码 `from` 路径 |
+| --- | --- |
+| `Clock` | `./components/Clock` |
+| `DebounceInput` | `./components/DebounceInput` |
+| `MultipleSelect` | `./components/MultipleSelect` |
+| `NumericInput` | `./components/NumericInput` |
+| `RefreshButton` | `./components/RefreshButton` |
+| `SearchWithHistory` | `./components/SearchWithHistory` |
+| `TextWithInput` | `./components/TextWithInput` |
+| `TextWithToolTip` | `./components/TextWithToolTip` |
+| `TreeTransfer` | `./components/TreeTransfer` |
+| `AiChat` | `./business/AiChat` |
+
+## 纯符号列表（便于检索）
+
+```
+LabelSelect, LogicOperator, YkButton, YkCard, YkCheckbox, YkDescriptions, YkPagination, YkRadio, YkRadioBtnSpecial, YkSegmented, YkSelect, YkSpin, YkStatistic, YkSwitch, YkTabs, YkTooltip, DrawerPageInfo, Editor, Empty, ModCommonFilter, YkPorjectSelect, YkDateRangePicker, YkRangeDateWithVS, YkRangeTimeWithRecent, ButtonRadioWithInfo, ButtonWithProgress, InputTheme, TableTheme, FlexGrid, YkContainer, YkDrawer, Clock, DebounceInput, MultipleSelect, NumericInput, RefreshButton, SearchWithHistory, TextWithInput, TextWithToolTip, TreeTransfer, AiChat
+```
+

package/@Docs-yoka/llms.txt

@@ -0,0 +1,23 @@
+# @yoka-ui/ui - 数据部前端组件库（React 18 + Ant Design 5）
+
+- 本目录为 **面向 LLM / 助手的轻量文档入口**，结构与同仓库 Ant Design 快照 [@Docs/llms.txt](../@Docs/llms.txt) 的「索引 + 外链」思路一致；**不替代**仓库根目录 [README.md](../README.md)。
+- **安装 npm / git 依赖包的用户**：解压或安装后可在 `node_modules/@yoka-ui/ui/@Docs-yoka/` 阅读本目录（若发布配置已包含该目录）。
+
+## Navigation
+
+- [具名导出表（自动生成，与 package 一致）](./exports.generated.md)
+- [人类可读说明：README](../README.md)
+- [Ant Design 官方文档](https://ant.design)（原生 antd API、主题、Form 等）
+- [Ant Design LLM 快照（仅克隆本仓库时）](../@Docs/llms.txt)
+
+## 给模型的硬性规则
+
+1. 仅从 `@yoka-ui/ui` **具名 import**；符号列表以 [exports.generated.md](./exports.generated.md) 为准，与 `src/index.tsx` / 发布的 `dist` 类型一致。
+2. 不确定 props 时：应假设存在 Storybook 示例（组件目录下 `index.stories.tsx`），勿臆造 API。
+3. 业务界面优先使用 yoka 封装组件；仅当封装未覆盖时再查 Ant Design 文档。
+4. 样式入口以 README 与项目构建为准；常见为 `import '@yoka-ui/ui/dist/index.less'`。
+
+## 维护
+
+- 修改 `src/index.tsx` 导出后执行：`pnpm run generate:yoka-llms`，再提交 `@Docs-yoka/exports.generated.md`。
+- 发布包前建议已运行上述命令（或通过 `prepack` 脚本自动执行），保证第三方拿到的导出表为最新。

package/README.md

@@ -0,0 +1,113 @@
+## 安装使用
+
+### 安装组件库
+
+```bash
+pnpm add @yoka-ui/ui
+```
+
+### 基础用法
+
+```tsx
+import { YkButton, YkCard } from '@yoka-ui/ui';
+import '@yoka-ui/ui/dist/index.less'; // 引入样式
+
+function App() {
+  return (
+    <YkCard title="示例">
+      <YkButton type="primary">点击我</YkButton>
+    </YkCard>
+  );
+}
+```
+
+### 按需引入
+
+```tsx
+// 完整引入
+import { YkButton } from '@yoka-ui/ui';
+
+// tree-shaking 会自动排除未使用的组件
+```
+
+## 组件列表
+
+### UI 基础组件 (`src/ui/`)
+
+| 组件              | 说明                                        |
+| ----------------- | ------------------------------------------- |
+| YkButton          | 按钮组件                                    |
+| YkCard            | 卡片组件                                    |
+| YkCheckbox        | 复选框                                      |
+| YkDescriptions    | 描述列表                                    |
+| YkPagination      | 分页器                                      |
+| YkRadio           | 单选框                                      |
+| YkRadioBtnSpecial | 异形单选按钮组                              |
+| YkSegmented       | 分段控制器                                  |
+| YkSelect          | 选择器                                      |
+| YkSpin            | 加载中                                      |
+| YkStatistic       | 统计数值                                    |
+| YkSwitch          | 开关                                        |
+| YkTabs            | 标签页（items 支持 `icon`，图标在标题左侧） |
+| YkTooltip         | 文字提示                                    |
+| LabelSelect       | 标签选择器                                  |
+| LogicOperator     | 逻辑运算符                                  |
+
+### 主题组件 (`src/Themes/`)
+
+为 Ant Design 输入/表格等提供统一主题包装的 `ConfigProvider` 封装。
+
+| 组件       | 说明                               |
+| ---------- | ---------------------------------- |
+| InputTheme | 输入类组件主题（禁用背景、圆角等） |
+| TableTheme | 表格主题样式封装                   |
+
+### 布局组件 (`src/layout/`)
+
+| 组件        | 说明                                                                              |
+| ----------- | --------------------------------------------------------------------------------- |
+| FlexGrid    | 响应式栅格（antd Row/Col + Flex）：大屏每行 4 格，变窄为 3/2/1                    |
+| YkContainer | 页面容器（sticky 页头 + 内容区留白）                                              |
+| YkDrawer    | 抽屉：四向 placement；默认点遮罩不关闭（`maskClosable: false`）；上下内置关闭偏右 |
+
+### 创意组件 (`src/creative/`)
+
+| 组件                | 说明                                 |
+| ------------------- | ------------------------------------ |
+| ButtonRadioWithInfo | 带说明信息的按钮式单选组合           |
+| ButtonWithProgress  | 带进度条动画的按钮，支持进度与副标题 |
+
+### 功能组件 (`src/components/`)
+
+| 组件                      | 说明                                                                                                                                                      |
+| ------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Clock                     | 倒计时时钟                                                                                                                                                |
+| DebounceInput             | 防抖输入框                                                                                                                                                |
+| MultipleSelect            | 多选组件                                                                                                                                                  |
+| NumericInput              | 数字输入框                                                                                                                                                |
+| RefreshButton             | 刷新按钮                                                                                                                                                  |
+| SearchWithHistory         | 带历史的搜索                                                                                                                                              |
+| TextWithInput             | 可编辑文本                                                                                                                                                |
+| TextWithToolTip           | 带提示的文本                                                                                                                                              |
+| TreeTransfer              | 树形穿梭框                                                                                                                                                |
+| **YkDateRangePicker**     | **带「紧凑预设 tag」与「完整 RangePicker」双模式切换的日期范围选择器；8 个内置快捷预设；受控组件；仅允许过去 7 天**                                       |
+| **YkRangeDateWithVS**     | **主时间区间 + 可选「日期对比」（日/周/月 Tab、里程碑、节假日、`rangeDisplayLabel` 等）；内置 `ConfigProvider` 中文 locale 与 dayjs `zh-cn`（周一起算）** |
+| **YkRangeTimeWithRecent** | **时间范围 + 「最近 N 天/周/月」动态语义（Popover + `RangePicker`）；内置中文 locale 与 dayjs `zh-cn`；触发区依赖全局 `iconfont`（如 `icon-date`）**      |
+
+### 业务组件 (`src/business/`)
+
+| 组件            | 说明                                                |
+| --------------- | --------------------------------------------------- |
+| DrawerPageInfo  | 抽屉页面信息                                        |
+| Editor          | 富文本编辑器                                        |
+| Empty           | 空状态                                              |
+| ModCommonFilter | 通用筛选器                                          |
+| YkPorjectSelect | 项目选择器（搜索、关注、在营/关服 Tab、最近访问等） |
+
+**导出说明**：业务项目里 `import { ... } from '@yoka-ui/ui'` 可用的符号以 `[src/index.tsx](src/index.tsx)` 为准。若某组件已在源码目录中实现但尚未在入口文件中 `export`，需先在组件库补齐导出并发布后，再在业务侧引用。
+
+### LLM / 助手文档（`@Docs-yoka`）
+
+- 入口索引：[`@Docs-yoka/llms.txt`](@Docs-yoka/llms.txt)（导航 + 使用约定，结构对齐仓库内 Ant Design [@Docs/llms.txt](@Docs/llms.txt) 思路）。
+- **具名导出表**：[`@Docs-yoka/exports.generated.md`](@Docs-yoka/exports.generated.md) 由脚本根据 `src/index.tsx` 自动生成；修改导出后请执行 `pnpm run generate:yoka-llms`（发版时 `prepack` 会执行一次以保证包内为最新）。
+- 安装 npm 包后路径示例：`node_modules/@yoka-ui/ui/@Docs-yoka/llms.txt`（需 `package.json` 的 `files` 包含 `@Docs-yoka`）。

package/dist/es/Themes/InputTheme/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type PropsType = {
+    children: React.ReactNode;
+};
+declare const InputTheme: React.FC<PropsType>;
+export default InputTheme;

package/dist/es/Themes/InputTheme/index.js

@@ -0,0 +1,22 @@
+// src/Themes/InputTheme/index.tsx
+import { ConfigProvider } from "antd";
+import React from "react";
+var InputTheme = (props) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    ConfigProvider,
+    {
+      theme: {
+        token: {
+          colorBgContainerDisabled: "#F6F6F7",
+          borderRadius: 2
+        }
+      }
+    },
+    props.children
+  ));
+};
+var InputTheme_default = InputTheme;
+export {
+  InputTheme_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/es/Themes/InputTheme/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/Themes/InputTheme/index.tsx"],
+  "sourcesContent": ["import { ConfigProvider } from 'antd';\nimport React from 'react';\n\ntype PropsType = {\n  children: React.ReactNode;\n};\n\nconst InputTheme: React.FC<PropsType> = (props) => {\n  return (\n    <>\n      <ConfigProvider\n        theme={{\n          token: {\n            colorBgContainerDisabled: '#F6F6F7',\n            borderRadius: 2,\n          },\n        }}\n      >\n        {props.children}\n      </ConfigProvider>\n    </>\n  );\n};\n\nexport default InputTheme;\n"],
+  "mappings": ";AAAA,SAAS,sBAAsB;AAC/B,OAAO,WAAW;AAMlB,IAAM,aAAkC,CAAC,UAAU;AACjD,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,UACL,0BAA0B;AAAA,UAC1B,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,IAEC,MAAM;AAAA,EACT,CACF;AAEJ;AAEA,IAAO,qBAAQ;",
+  "names": []
+}

package/dist/es/Themes/TableTheme/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+type PropsType = {
+    children: React.ReactNode;
+};
+declare const TableTheme: React.FC<PropsType>;
+export default TableTheme;

package/dist/es/Themes/TableTheme/index.js

@@ -0,0 +1,31 @@
+// src/Themes/TableTheme/index.tsx
+import { ConfigProvider } from "antd";
+import React from "react";
+import "./index.less";
+var TableTheme = (props) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    ConfigProvider,
+    {
+      table: { className: "yk-table" },
+      theme: {
+        components: {
+          Table: {
+            cellPaddingBlockSM: 0,
+            borderColor: "#e7e7e7",
+            cellFontSizeSM: 12,
+            headerBg: "#f9fafc",
+            headerBorderRadius: 0,
+            colorTextHeading: "#222",
+            fontWeightStrong: 400
+          }
+        }
+      }
+    },
+    props.children
+  ));
+};
+var TableTheme_default = TableTheme;
+export {
+  TableTheme_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/es/Themes/TableTheme/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/Themes/TableTheme/index.tsx"],
+  "sourcesContent": ["import { ConfigProvider } from 'antd';\nimport React from 'react';\nimport './index.less';\n\ntype PropsType = {\n  children: React.ReactNode;\n};\n\nconst TableTheme: React.FC<PropsType> = (props) => {\n  return (\n    <>\n      <ConfigProvider\n        table={{ className: 'yk-table' }}\n        theme={{\n          components: {\n            Table: {\n              cellPaddingBlockSM: 0,\n              borderColor: '#e7e7e7',\n              cellFontSizeSM: 12,\n              headerBg: '#f9fafc',\n              headerBorderRadius: 0,\n              colorTextHeading: '#222',\n              fontWeightStrong: 400,\n            },\n          },\n        }}\n      >\n        {props.children}\n      </ConfigProvider>\n    </>\n  );\n};\n\nexport default TableTheme;\n"],
+  "mappings": ";AAAA,SAAS,sBAAsB;AAC/B,OAAO,WAAW;AAClB,OAAO;AAMP,IAAM,aAAkC,CAAC,UAAU;AACjD,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,WAAW,WAAW;AAAA,MAC/B,OAAO;AAAA,QACL,YAAY;AAAA,UACV,OAAO;AAAA,YACL,oBAAoB;AAAA,YACpB,aAAa;AAAA,YACb,gBAAgB;AAAA,YAChB,UAAU;AAAA,YACV,oBAAoB;AAAA,YACpB,kBAAkB;AAAA,YAClB,kBAAkB;AAAA,UACpB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,IAEC,MAAM;AAAA,EACT,CACF;AAEJ;AAEA,IAAO,qBAAQ;",
+  "names": []
+}

package/dist/es/Themes/TableTheme/index.less

@@ -0,0 +1,46 @@
+@sortActiveColor: #5e9dfb;
+@summartBgColor: #f9fafc;
+@rowHeight: 40px;
+@headerFontSize: 14px;
+.yk-table {
+  .ant-table-thead,
+  .ant-table-header,
+  .ant-table-summary,
+  // 添加td的目的是合并后的单元格标签是div，避免合并单元格高度固定导致样式错误
+  td.ant-table-cell {
+    height: @rowHeight !important;
+  }
+  .ant-table-summary tr {
+    background: @summartBgColor !important;
+  }
+  .ant-table-thead > tr > th {
+    font-size: @headerFontSize;
+    .ant-table-column-sorter-up,
+    .ant-table-column-sorter-down {
+      height: 10px;
+      &.active {
+        color: @sortActiveColor;
+      }
+    }
+  }
+
+  .ant-table-cell {
+    & > a {
+      font-size: 12px !important;
+      &:not(:last-of-type) {
+        margin-right: 15px;
+      }
+    }
+  }
+
+  .ant-table-cell {
+    span {
+      font-size: 12px !important;
+    }
+  }
+
+  .ant-pagination {
+    padding-right: 28px;
+    padding-bottom: 5px;
+  }
+}