@yoka-ui/ui 1.0.10-test

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

@@ -0,0 +1,92 @@
+# @yoka-ui/ui 具名导出表
+
+> **自动生成**：`pnpm run generate:yoka-llms`（源文件 `src/index.tsx`）  
+> **包版本**：`1.0.10-test`  
+> **生成时间**：`2026-04-09T05:37:35.374Z`  
+> 请勿手动编辑本文件；修改导出请改 `src/index.tsx` 后重新运行上述命令。
+
+## 使用约定（给 LLM / 业务开发者）
+
+- **包名**：`@yoka-ui/ui`（npm 公网）；可选 Git 安装：`@yoka-ui/ui`: `git+http://gitlab.sh.com/web/yoka-ui.git#v1.0.10-test` 等，以实际 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` |
+
+## 纯符号列表（便于检索）
+
+```
+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
+```
+

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,291 @@
+# @yoka-ui/ui
+
+数据部前端组件库 - 基于 React 18 + Ant Design 5 的企业级 UI 组件解决方案
+
+**npm 包名**：[`@yoka-ui/ui`](https://www.npmjs.com/package/@yoka-ui/ui)（公网 registry，与 npm 组织 **[yoka-ui](https://www.npmjs.com/org/yoka-ui)** 对应；历史曾用 `@yoka/ui` 等请改为本包名。）
+
+## 安装使用
+
+### 安装组件库
+
+```bash
+# npm 公网（推荐与 CI 一致）
+pnpm add @yoka-ui/ui
+
+# 安装最新版本（GitLab 源码）
+pnpm add git+http://gitlab.sh.com/web/yoka-ui.git
+
+# 安装特定版本
+pnpm add git+http://gitlab.sh.com/web/yoka-ui.git#v1.0.9
+
+# 使用分支（仅推荐开发测试使用）
+pnpm add git+http://gitlab.sh.com/web/yoka-ui.git#main
+```
+
+### package.json 配置
+
+```json
+{
+  "dependencies": {
+    "@yoka-ui/ui": "git+http://gitlab.sh.com/web/yoka-ui.git#v1.0.9"
+  }
+}
+```
+
+### 基础用法
+
+```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              | 树形穿梭框                                                                                                                                                |
+| **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`）。
+
+## 开发指南
+
+### 环境要求
+
+- Node.js >= 18
+- pnpm >= 9 (推荐) 或 npm/yarn
+
+### 安装依赖
+
+```bash
+pnpm install
+```
+
+### 开发组件
+
+```bash
+# 启动 Storybook（推荐）
+pnpm dev
+
+# 或直接
+pnpm storybook
+```
+
+访问 [http://localhost:6006](http://localhost:6006) 查看组件文档
+
+### 构建发布
+
+```bash
+# 构建生产版本
+pnpm build
+
+# 发布新版本
+pnpm release
+```
+
+发布流程：
+
+1. 运行 `pnpm release` 或手动打 tag
+2. `git tag v1.0.9`
+3. `git push origin v1.0.9`
+4. 消费项目通过 `pnpm add git+...#v1.0.9` 更新
+
+### 代码规范
+
+```bash
+# 代码格式化和检查
+pnpm format        # 格式化代码
+pnpm lint         # 检查代码
+pnpm lint:fix     # 自动修复
+
+# 测试
+pnpm test         # 运行测试
+pnpm test:watch   # 监听模式
+```
+
+### 提交代码
+
+使用 commitlint 规范提交：
+
+```bash
+pnpm commit
+```
+
+## 项目结构
+
+```
+src/
+├── ui/                    # UI 基础组件
+│   └── YkButton/
+│       ├── index.tsx          # 组件主文件
+│       ├── index.stories.tsx  # Storybook 文档
+│       └── index.module.less  # 样式文件
+├── components/            # 功能组件（含 YkRangeDateWithVS、YkRangeTimeWithRecent 等）
+├── business/              # 业务组件
+├── creative/              # 创意组件
+└── Themes/                # 主题配置
+```
+
+时间筛选相关 Storybook 入口示例：`功能组件/YkRangeDateWithVS 时间区间与对比`、`功能组件/YkRangeTimeWithRecent 时间范围与最近N天`。
+
+## 组件开发规范
+
+### 新增组件
+
+1. 在对应目录创建组件文件夹
+2. 创建 `index.tsx` 主文件
+3. 创建 `index.stories.tsx` 文档
+4. 在 `src/index.tsx` 中导出
+
+### 代码示例
+
+```tsx
+// src/ui/YourComponent/index.tsx
+import React from 'react';
+import { Button } from 'antd';
+import './index.less';
+
+export interface YourComponentProps {
+  text: string;
+  onClick?: () => void;
+}
+
+const YourComponent: React.FC<YourComponentProps> = ({ text, onClick }) => {
+  return <Button onClick={onClick}>{text}</Button>;
+};
+
+YourComponent.defaultProps = {
+  text: '默认文本',
+};
+
+export default YourComponent;
+```
+
+```tsx
+// src/ui/YourComponent/index.stories.tsx
+import React from 'react';
+import { Story, Meta } from '@storybook/react';
+import YourComponent from './index';
+
+export default {
+  title: 'UI/YourComponent',
+  component: YourComponent,
+} as Meta;
+
+const Template: Story<typeof YourComponent> = (args) => <YourComponent {...args} />;
+
+export const Primary = Template.bind({});
+Primary.args = {
+  text: '按钮文本',
+};
+```
+
+## 技术栈
+
+- **React**: 18.3.1
+- **Ant Design**: 5.29.2
+- **构建工具**: father 4.6.15 + esbuild 0.27.3
+- **组件文档**: Storybook 10.1.11
+- **样式方案**: Less + CSS Modules
+- **代码规范**: ESLint + Prettier + Husky
+
+## 注意事项
+
+1. **样式引入**: 使用组件前需引入 `@yoka-ui/ui/dist/index.less`
+2. **Less 支持**: 确保项目支持 Less，可使用 `less-loader`
+3. **CSS Modules**：`css-loader` 对 `*.module.less` 建议配置 `exportLocalsConvention: 'as-is'`（与源码类名一致）。若使用默认的 `camel-case-only`，部分含连续大写的类名与 `styles.xxx` 可能对不齐；本库相关样式已统一为 `ykRangeDateWithVs`\* 等与默认导出一致的形式。
+4. **版本兼容性**: React 18 + Ant Design 5
+5. **YkRangeDateWithVS / YkRangeTimeWithRecent**：组件内部已挂载 Ant Design `locale={zh_CN}`，并注册 `dayjs` 中文语言包（一周从周一开始），日历/周月面板默认中文；业务侧一般无需再包一层中文 `ConfigProvider`。两类组件的部分图标来自业务全局 **iconfont**（如 `icon-date`、`icon-riqi1`、`icon-guanbi1` 等），需在消费项目中引入对应字体样式。
+
+## 许可证
+
+MIT - 仅供内部项目使用

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;
+  }
+}