@kne/table-page 0.1.3 → 0.1.4

package/README.md

@@ -305,38 +305,40 @@ const SortState = ({ sort }) => (
   </div>
 );
 
+const TIP_TAG_STYLE = { marginRight: 8 };
+
 const Tips = () => (
   <div style={{ color: '#666', fontSize: 13, lineHeight: 1.8 }}>
     <div>
-      <Tag color="blue">数据加载</Tag>
+      <Tag style={TIP_TAG_STYLE} color="blue">数据加载</Tag>
       通过 <code>loader</code> 模拟分页接口，请求参数为 <code>data.currentPage</code>、<code>data.perPage</code>。
     </div>
     <div>
-      <Tag color="green">分页</Tag>
+      <Tag style={TIP_TAG_STYLE} color="green">分页</Tag>
       分页器渲染在表格外侧，翻页时以 <code>reload</code> 方式请求；<code>pageSize</code> 会持久化到 localStorage。
     </div>
     <div>
-      <Tag color="gold">筛选</Tag>
+      <Tag style={TIP_TAG_STYLE} color="gold">筛选</Tag>
       顶部工具栏集成 <code>filter</code>、<code>search</code>、<code>batchActions</code>；筛选变化自动 <code>reload</code> 并回到第 1 页。
     </div>
     <div>
-      <Tag color="orange">列配置</Tag>
+      <Tag style={TIP_TAG_STYLE} color="orange">列配置</Tag>
       设置 <code>name</code> 开启列宽拖动与显示/隐藏，「薪资范围」「学历」默认隐藏；状态列使用 <code>renderType="status"</code>，绩效列使用 <code>renderType="tag"</code>，操作列使用 <code>renderType="options"</code> 且 <code>fixed="right"</code>。
     </div>
     <div>
-      <Tag color="cyan">排序</Tag>
+      <Tag style={TIP_TAG_STYLE} color="cyan">排序</Tag>
       配合 <code>Table.useSort</code> 与 <code>sortRender</code>，在 <code>onSortChange</code> 中调用 <code>reload</code> 传排序参数，与翻页一样不闪烁。
     </div>
     <div>
-      <Tag color="geekblue">固定表头</Tag>
+      <Tag style={TIP_TAG_STYLE} color="geekblue">固定表头</Tag>
       设置 <code>sticky</code> 与 <code>scroll.y</code>，表体在固定高度内滚动时表头保持可见；横向滚动配合 <code>scroll.x</code>。
     </div>
     <div>
-      <Tag color="magenta">单元格点击</Tag>
+      <Tag style={TIP_TAG_STYLE} color="magenta">单元格点击</Tag>
       列配置 <code>onClick</code>（配合 <code>renderType="main"</code>、<code>primary</code> / <code>hover</code>），仅可点击单元格 hover 时显示手型；工号列同步演示异步点击 loading。
     </div>
     <div>
-      <Tag color="purple">总结栏</Tag>
+      <Tag style={TIP_TAG_STYLE} color="purple">总结栏</Tag>
       <code>summary</code> 回调可拿到 <code>data</code>、<code>requestParams</code> 等 fetch 上下文。
     </div>
   </div>
@@ -474,6 +476,251 @@ render(<BaseExample />);
 
 ```
 
+- TablePage sticky scroll
+- 自包含演示区：sticky + getScrollContainer 由区内页面滚动触发表头吸顶（非 scroll.y）；模拟导航在区内 sticky，不遮挡文档站顶栏
+- _TablePage(@kne/current-lib_table-page)[import * as _TablePage from "@kne/table-page"],(@kne/current-lib_table-page/dist/index.css),antd(antd),_ReactFilter(@kne/react-filter)[import * as _ReactFilter from "@kne/react-filter"],(@kne/react-filter/dist/index.css)
+
+```jsx
+const { default: TablePage } = _TablePage;
+const { fields } = _ReactFilter;
+const { SuperSelectFilterItem } = fields;
+const { Flex, Tag } = antd;
+const { useRef, useMemo } = React;
+
+const NAV_HEIGHT = 56;
+const DEMO_HEIGHT = 600;
+const TOTAL = 80;
+
+const statusMap = {
+  active: { type: 'success', text: '在职' },
+  vacation: { type: 'warning', text: '休假' },
+  resigned: { type: 'default', text: '离职' },
+  probation: { type: 'processing', text: '试用期' }
+};
+
+const departments = ['技术研发部', '产品设计部', '市场营销部', '人力资源部', '财务部'];
+
+const departmentOptions = departments.map(item => ({ value: item, label: item }));
+const statusOptions = Object.entries(statusMap).map(([value, { text }]) => ({ value, label: text }));
+
+const normalizeFilterValue = value => {
+  if (value == null) {
+    return value;
+  }
+  return Array.isArray(value) ? value[0] : value;
+};
+
+const applyFilters = (employees, data, requestParams) => {
+  const params = Object.assign({}, requestParams?.data, data);
+  let result = employees;
+
+  if (params.keyword) {
+    const keyword = String(params.keyword).toLowerCase();
+    result = result.filter(item => item.employeeNo.toLowerCase().includes(keyword) || item.name.includes(params.keyword));
+  }
+
+  const department = normalizeFilterValue(params.department);
+  if (department) {
+    result = result.filter(item => item.department === department);
+  }
+
+  const status = normalizeFilterValue(params.status);
+  if (status) {
+    result = result.filter(item => item.status === status);
+  }
+
+  return result;
+};
+
+const buildEmployee = index => {
+  const statusKeys = ['active', 'vacation', 'resigned', 'probation'];
+  return {
+    id: &#96;EMP${String(index + 1).padStart(4, '0')}&#96;,
+    employeeNo: &#96;EMP-2024-${String(index + 1).padStart(4, '0')}&#96;,
+    name: &#96;员工${index + 1}&#96;,
+    department: departments[index % departments.length],
+    position: ['工程师', '经理', '专员'][index % 3],
+    status: statusKeys[index % statusKeys.length],
+    joinDate: &#96;2024-${String((index % 12) + 1).padStart(2, '0')}-15&#96;
+  };
+};
+
+const allEmployees = Array.from({ length: TOTAL }, (_, index) => buildEmployee(index));
+
+const columns = [
+  { name: 'employeeNo', title: '工号', width: 160, min: 120, max: 220, fixed: 'left', renderType: 'small' },
+  { name: 'name', title: '姓名', width: 100, renderType: 'main' },
+  { name: 'department', title: '部门', width: 150 },
+  { name: 'position', title: '职位', width: 120 },
+  {
+    name: 'status',
+    title: '状态',
+    width: 100,
+    renderType: 'status',
+    getValueOf: item => statusMap[item.status] || { type: 'default', text: item.status }
+  },
+  { name: 'joinDate', title: '入职日期', width: 120, format: 'date' }
+];
+
+const TIP_TAG_STYLE = { marginRight: 8 };
+
+const Tips = () => (
+  <div style={{ color: '#666', fontSize: 13, lineHeight: 1.8 }}>
+    <div>
+      <Tag style={TIP_TAG_STYLE} color="blue">页面滚动</Tag>
+      在下方<strong>灰色边框演示区</strong>内滚动（非 <code>scroll.y</code>）；表头通过 <code>sticky</code> + <code>getScrollContainer</code> 吸顶。
+    </div>
+    <div>
+      <Tag style={TIP_TAG_STYLE} color="green">getScrollContainer</Tag>
+      指向演示区滚动容器；<code>scrollTopInset</code> 传入顶部导航占位高度（<code>{NAV_HEIGHT}px</code>），用于吸顶表头偏移与翻页滚回。
+    </div>
+    <div>
+      <Tag style={TIP_TAG_STYLE} color="gold">筛选栏</Tag>
+      顶部工具栏含 <code>search</code> 与 <code>filter</code>；筛选变化会 <code>reload</code> 并回到第 1 页，翻页后滚回工具栏顶部。
+    </div>
+    <div>
+      <Tag style={TIP_TAG_STYLE} color="purple">横向 Scroller</Tag>
+      表格底部未完全露出时，会在滚动容器底部显示横向滚动条（<code>horizontalScroller</code> 默认开启）。
+    </div>
+    <div>
+      <Tag style={TIP_TAG_STYLE} color="orange">操作提示</Tag>
+      在演示区内向下滚动，蓝色导航条会吸顶，表格表头应固定在其下方；翻页后滚回表格顶部。
+    </div>
+  </div>
+);
+
+const BaseExample = () => {
+  const scrollRef = useRef(null);
+
+  const loader = useMemo(
+    () =>
+      ({ data, requestParams }) => {
+        const currentPage = Number(data?.currentPage) || 1;
+        const perPage = Number(data?.perPage) || 50;
+        const filteredEmployees = applyFilters(allEmployees, data, requestParams);
+        const start = (currentPage - 1) * perPage;
+        return new Promise(resolve => {
+          setTimeout(() => {
+            resolve({
+              pageData: filteredEmployees.slice(start, start + perPage),
+              totalCount: filteredEmployees.length
+            });
+          }, 200);
+        });
+      },
+    []
+  );
+
+  return (
+    <Flex vertical gap={16}>
+      <Tips />
+      <div
+        style={{
+          border: '1px solid #f0f0f0',
+          borderRadius: 8,
+          overflow: 'hidden',
+          background: '#fff'
+        }}
+      >
+        <div
+          ref={scrollRef}
+          style={{
+            height: DEMO_HEIGHT,
+            overflow: 'auto',
+            boxSizing: 'border-box'
+          }}
+        >
+          <div
+            style={{
+              position: 'sticky',
+              top: 0,
+              zIndex: 100,
+              height: NAV_HEIGHT,
+              display: 'flex',
+              alignItems: 'center',
+              padding: '0 24px',
+              color: '#fff',
+              fontWeight: 500,
+              background: '#1677ff',
+              boxShadow: '0 2px 8px rgba(0, 0, 0, 0.12)'
+            }}
+          >
+            模拟顶部导航（{NAV_HEIGHT}px）
+          </div>
+          <Flex vertical gap={16} style={{ padding: 16 }}>
+            <div
+              style={{
+                padding: '20px 24px',
+                background: '#f5f5f5',
+                borderRadius: 8,
+                color: '#666',
+                fontSize: 13
+              }}
+            >
+              在演示区内继续向下滚动 ↓
+            </div>
+            <div
+              style={{
+                height: 520,
+                borderRadius: 8,
+                background: 'linear-gradient(180deg, #f0f5ff 0%, #fff 100%)',
+                border: '1px dashed #d9d9d9',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                color: '#999'
+              }}
+            >
+              占位区域（模拟页面上方内容）
+            </div>
+            <TablePage
+              name="demo-table-page-sticky-scroll"
+              sticky
+              scrollTopInset={NAV_HEIGHT}
+              getScrollContainer={() => scrollRef.current}
+              scroll={{ x: 900 }}
+              search={{ name: 'keyword', label: '关键词', placeholder: '搜索工号/姓名', style: { width: 200 } }}
+              filter={{
+                list: [
+                  [
+                    {
+                      type: SuperSelectFilterItem,
+                      props: { name: 'department', label: '部门', single: true, options: departmentOptions }
+                    },
+                    {
+                      type: SuperSelectFilterItem,
+                      props: { name: 'status', label: '状态', single: true, options: statusOptions }
+                    }
+                  ]
+                ],
+                displayLine: 1
+              }}
+              pagination={{
+                open: true,
+                pageSize: 50,
+                cachePageSize: false,
+                showSizeChanger: true,
+                showQuickJumper: true
+              }}
+              dataFormat={data => ({
+                list: data.pageData,
+                total: data.totalCount
+              })}
+              loader={loader}
+              columns={columns}
+            />
+            <div style={{ height: 80, color: '#999', fontSize: 13, textAlign: 'center' }}>演示区底部留白</div>
+          </Flex>
+        </div>
+      </div>
+    </Flex>
+  );
+};
+
+render(<BaseExample />);
+
+```
+
 - TableView
 - 表格视图组件，支持行选择、列宽设置等
 - _TablePage(@kne/current-lib_table-page)[import * as _TablePage from "@kne/table-page"],(@kne/current-lib_table-page/dist/index.css),antd(antd)
@@ -1172,14 +1419,16 @@ const columns = [
   }
 ];
 
+const TIP_TAG_STYLE = { marginRight: 8 };
+
 const Tips = () => (
   <div style={{ color: '#666', fontSize: 13, lineHeight: 1.8 }}>
     <div>
-      <Tag color="blue">表头省略</Tag>
+      <Tag style={TIP_TAG_STYLE} color="blue">表头省略</Tag>
       列 <code>title</code> 超出列宽时自动单行省略，悬停 tooltip 显示完整标题；带排序的列同样生效（<code>Table</code> / <code>TableView</code> 均支持，无需额外配置）。
     </div>
     <div>
-      <Tag color="green">单元格省略</Tag>
+      <Tag style={TIP_TAG_STYLE} color="green">单元格省略</Tag>
       列配置 <code>ellipsis: true</code> 或 <code>ellipsis: {'{ showTitle: true }'}</code>，单元格内容超出时省略，悬停显示完整内容（基于 antd Typography）。
     </div>
     <div style={{ color: '#999' }}>
@@ -1469,22 +1718,24 @@ const columns = [
   { name: 'remark', title: '备注', width: 200, min: 120, max: 400, hidden: true, renderType: 'description' }
 ];
 
+const TIP_TAG_STYLE = { marginRight: 8 };
+
 const Tips = () => (
   <div style={{ color: '#666', fontSize: 13, lineHeight: 1.8 }}>
     <div>
-      <Tag color="blue">列宽拖动</Tag>
+      <Tag style={TIP_TAG_STYLE} color="blue">列宽拖动</Tag>
       鼠标悬停表头列右侧，出现拖动手柄后可左右拖动调整列宽（受 <code>min</code> / <code>max</code> 约束）。仅 <code>Table</code> 组件支持。
     </div>
     <div>
-      <Tag color="green">显示/隐藏</Tag>
+      <Tag style={TIP_TAG_STYLE} color="green">显示/隐藏</Tag>
       点击最后一列表头的 <strong>设置图标</strong>，可勾选显示或隐藏列、拖拽排序；配置通过 <code>name</code> 持久化到 localStorage。
     </div>
     <div>
-      <Tag color="orange">默认隐藏</Tag>
+      <Tag style={TIP_TAG_STYLE} color="orange">默认隐藏</Tag>
       本示例中「备注」列设置了 <code>hidden: true</code>，可在列配置面板中重新显示。
     </div>
     <div>
-      <Tag color="purple">固定列</Tag>
+      <Tag style={TIP_TAG_STYLE} color="purple">固定列</Tag>
       「订单编号」设置了 <code>fixed: 'left'</code>，固定显示且不可隐藏。
     </div>
   </div>
@@ -1677,19 +1928,21 @@ const columns = [
   }
 ];
 
+const TIP_TAG_STYLE = { marginRight: 8 };
+
 const Tips = () => (
   <div style={{ color: '#666', fontSize: 13, lineHeight: 1.8 }}>
     <div>
-      <Tag color="blue">groupHeader</Tag>
+      <Tag style={TIP_TAG_STYLE} color="blue">groupHeader</Tag>
       在列配置中通过 <code>groupHeader</code> 声明所属分组，相同 <code>name</code> 的列会自动合并为多级表头（仅 <code>Table</code> 支持）。
     </div>
     <div>
-      <Tag color="green">多级分组</Tag>
+      <Tag style={TIP_TAG_STYLE} color="green">多级分组</Tag>
       <code>groupHeader</code> 为数组，按层级嵌套，例如{' '}
       <code>{&#96;[{ name: 'sales', title: '销售业绩' }, { name: 'detail', title: '明细' }]&#96;}</code>。
     </div>
     <div>
-      <Tag color="orange">排序</Tag>
+      <Tag style={TIP_TAG_STYLE} color="orange">排序</Tag>
       分组表头可与 <code>useSort</code> 配合，排序按钮显示在叶子列表头。
     </div>
   </div>
@@ -1732,9 +1985,10 @@ render(<BaseExample />);
 | columns | array \| function | - | 列配置，见 TableView 的 columns 说明；也可传入函数 `(data) => columns` |
 | getColumns | function | - | 根据接口数据动态生成列配置 |
 | sticky | boolean | - | 是否启用粘性表头，仅 `renderType="Table"` 时生效 |
+| scrollTopInset | number \| string | - | 滚动容器顶部占位高度（如固定导航高度），用于吸顶表头 `top` 偏移、`scroll-margin-top` 与翻页滚回；支持 `56` / `'56px'` |
+| getScrollContainer | function | - | 页面级滚动容器；用于吸顶表头 `getContainer`、浮动横向滚动条定位与翻页滚回 |
 | renderType | `'Table'` \| `'TableView'` | `'Table'` | 表格渲染类型 |
 | horizontalScroller | boolean | `true` | 是否启用底部浮动横向滚动条（仅 `renderType="Table"` 且表格存在横向滚动时生效） |
-| getScrollContainer | function | - | 浮动滚动条 portal 挂载容器，默认 `document.body` |
 | summary | function | - | 总结栏，回调参数包含 `data`、`requestParams`、`refresh`、`reload` 等 fetch 上下文 |
 | columnRenderProps | object | `{}` | 列渲染扩展属性，会合并进列 `render` 的 context |
 | filter | object | - | 顶部筛选器配置，基于 `@kne/react-filter` 的 `FilterLines`，见下方 |
@@ -1758,7 +2012,7 @@ render(<BaseExample />);
 | showQuickJumper | boolean | `true` | 是否展示快速跳转 |
 | hideOnSinglePage | boolean | `false` | 仅一页时是否隐藏分页器 |
 | pageSizeOptions | array | - | 每页条数选项 |
-| pageSize | number | `20` | 默认每页条数，会持久化到 localStorage |
+| pageSize | number | `50` | 默认每页条数，会持久化到 localStorage |
 | showTotal | function | - | 自定义总数展示 `(total) => ReactNode` |
 | onChange | function | - | 自定义翻页回调 `(page, size) => void`，传入后覆盖默认请求逻辑 |
 | onShowSizeChange | function | - | 每页条数变化回调，组件内部已处理持久化 |
@@ -1991,6 +2245,9 @@ const sortedData = useMemo(() => Table.sortDataSource(dataSource, sort, columns)
 | emptyIsPlaceholder | boolean | `true` | 空值是否显示占位符 |
 | empty | ReactNode | `<Empty />` | 无数据时的展示内容 |
 | sticky | boolean | - | 是否启用粘性表头 |
+| scrollTopInset | number \| string | - | 滚动容器顶部占位高度，用于吸顶表头偏移与滚回定位；`stickyOffset` 为兼容别名 |
+| stickyOffset | number \| string | - | **已废弃**，请使用 `scrollTopInset` |
+| getStickyContainer | function | - | 页面级滚动容器，等同 TablePage 的 `getScrollContainer` |
 | headerStyle | object | - | 表头自定义样式 |
 | onRowSelect | function | - | 行点击回调 `(item, { columns, dataSource }) => void` |
 | render | function | - | 自定义渲染 `(props) => ReactNode`，`header` 为 `null`，`renderBody` 返回 antd Table |

package/dist/index.css

@@ -101,7 +101,13 @@
   position: relative;
   border: 1px solid #f0f0f0;
   border-radius: var(--radius-default, 2px);
-  overflow: hidden;
+}
+
+.kne-table-page_d1qN5 > .kne-table-page_KNy4z:first-child {
+  border-start-start-radius: var(--radius-default, 2px);
+}
+.kne-table-page_d1qN5 > .kne-table-page_KNy4z:last-child {
+  border-start-end-radius: var(--radius-default, 2px);
 }
 
 .kne-table-page_fUw6j {
@@ -148,6 +154,12 @@
 .kne-table-page_Z6mVv:last-child > .kne-table-page_KNy4z {
   border-bottom: none;
 }
+.kne-table-page_Z6mVv:last-child > .kne-table-page_KNy4z:first-child {
+  border-end-start-radius: var(--radius-default, 2px);
+}
+.kne-table-page_Z6mVv:last-child > .kne-table-page_KNy4z:last-child {
+  border-end-end-radius: var(--radius-default, 2px);
+}
 
 .kne-table-page_BSOzz {
   word-break: break-all;
@@ -226,9 +238,14 @@
 
 .kne-table-page_SRI8Q {
   padding: 8px;
+  border-end-start-radius: var(--radius-default, 2px);
+  border-end-end-radius: var(--radius-default, 2px);
 }
 .kne-table-page_awa1L {
   box-sizing: border-box;
+  position: relative;
+  border: 1px solid #f0f0f0;
+  border-radius: var(--radius-default, 2px);
 }
 .kne-table-page_awa1L .info-page-table-body {
   width: 100%;
@@ -259,6 +276,8 @@
 }
 .kne-table-page_awa1L .ant-table-header {
   background: var(--bg-color-grey-1) !important;
+  border-start-start-radius: var(--radius-default, 2px);
+  border-start-end-radius: var(--radius-default, 2px);
 }
 .kne-table-page_awa1L .ant-table-thead > tr > .ant-table-cell {
   word-break: normal;
@@ -309,9 +328,21 @@
 .kne-table-page_awa1L .ant-table-tbody > tr:last-child > .ant-table-cell {
   border-bottom-color: transparent !important;
 }
+.kne-table-page_awa1L:not(.kne-table-page_Cb-du) .ant-table-tbody > tr:last-child > .ant-table-cell:first-child {
+  border-end-start-radius: var(--radius-default, 2px) !important;
+}
+.kne-table-page_awa1L:not(.kne-table-page_Cb-du) .ant-table-tbody > tr:last-child > .ant-table-cell:last-child {
+  border-end-end-radius: var(--radius-default, 2px) !important;
+}
 .kne-table-page_awa1L.kne-table-page_Cb-du .ant-table-tbody > tr:last-child > .ant-table-cell {
   border-bottom-color: transparent !important;
 }
+.kne-table-page_awa1L.kne-table-page_Cb-du .ant-table-summary > tr > .ant-table-cell:first-child {
+  border-end-start-radius: var(--radius-default, 2px) !important;
+}
+.kne-table-page_awa1L.kne-table-page_Cb-du .ant-table-summary > tr > .ant-table-cell:last-child {
+  border-end-end-radius: var(--radius-default, 2px) !important;
+}
 .kne-table-page_awa1L.kne-table-page_Cb-du .ant-table-summary .ant-table-cell {
   background: var(--bg-color-grey-1, #fafafa) !important;
   font-weight: 500;
@@ -320,6 +351,8 @@
 }
 .kne-table-page_awa1L .ant-table-placeholder > .ant-table-cell {
   border: none !important;
+  border-end-start-radius: var(--radius-default, 2px) !important;
+  border-end-end-radius: var(--radius-default, 2px) !important;
 }
 .kne-table-page_awa1L.kne-table-page_7qTC5 .ant-table-thead > tr > .ant-table-cell {
   border-bottom: 1px solid #f0f0f0 !important;
@@ -339,7 +372,7 @@
 }
 .kne-table-page_awa1L.kne-table-page_jGzIR.kne-table-page_Kr-p6 .ant-table-header.ant-table-sticky-holder,
 .kne-table-page_awa1L.kne-table-page_jGzIR.kne-table-page_Kr-p6 .ant-table-thead.ant-table-sticky-holder {
-  top: var(--sticky-offset, var(--nav-height, 0px)) !important;
+  top: var(--scroll-top-inset, var(--sticky-offset, var(--nav-height, 0px))) !important;
 }
 .kne-table-page_awa1L.kne-table-page_jGzIR .ant-table-measure-row {
   height: 0;
@@ -652,18 +685,44 @@
   min-width: 0;
 }
 .kne-table-page_dxN6N .info-page-table {
-  scroll-margin-top: var(--sticky-offset, var(--nav-height, 0px));
+  scroll-margin-top: var(--scroll-top-inset, var(--sticky-offset, var(--nav-height, 0px)));
 }
 
 .kne-table-page_sf06r {
   border: 1px solid #f0f0f0;
   border-radius: var(--radius-default, 2px);
-  overflow: hidden;
+}
+.kne-table-page_sf06r .table-page-toolbar {
+  border-start-start-radius: var(--radius-default, 2px);
+  border-start-end-radius: var(--radius-default, 2px);
+}
+.kne-table-page_sf06r .table-page-toolbar-section {
+  scroll-margin-top: var(--scroll-top-inset, var(--sticky-offset, var(--nav-height, 0px)));
 }
 .kne-table-page_sf06r .info-page-table {
   border: none;
   border-radius: 0;
 }
+.kne-table-page_sf06r .info-page-table .ant-table-header {
+  border-start-start-radius: 0 !important;
+  border-start-end-radius: 0 !important;
+}
+.kne-table-page_sf06r .info-page-table:not(.kne-table-page_IRdzb) .ant-table-tbody > tr:last-child > .ant-table-cell:first-child {
+  border-end-start-radius: var(--radius-default, 2px) !important;
+}
+.kne-table-page_sf06r .info-page-table:not(.kne-table-page_IRdzb) .ant-table-tbody > tr:last-child > .ant-table-cell:last-child {
+  border-end-end-radius: var(--radius-default, 2px) !important;
+}
+.kne-table-page_sf06r .info-page-table.kne-table-page_IRdzb .ant-table-summary > tr > .ant-table-cell:first-child {
+  border-end-start-radius: var(--radius-default, 2px) !important;
+}
+.kne-table-page_sf06r .info-page-table.kne-table-page_IRdzb .ant-table-summary > tr > .ant-table-cell:last-child {
+  border-end-end-radius: var(--radius-default, 2px) !important;
+}
+.kne-table-page_sf06r .info-page-table .ant-table-placeholder > .ant-table-cell {
+  border-end-start-radius: var(--radius-default, 2px) !important;
+  border-end-end-radius: var(--radius-default, 2px) !important;
+}
 .kne-table-page_sf06r .table-page-toolbar-section--has-value + .info-page-table .ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell {
   border-top: none !important;
 }
@@ -764,7 +823,6 @@
 .kne-table-page_pB5en .ant-input-search {
   background: var(--bg-color-grey-1, #f5f5f5);
   border-radius: var(--radius-default, 2px);
-  overflow: hidden;
 }
 .kne-table-page_pB5en .ant-input-search .ant-input-affix-wrapper,
 .kne-table-page_pB5en .ant-input-search .ant-input {
@@ -806,7 +864,6 @@
 .kne-table-page_Jyfm7 {
   flex: 1;
   min-width: 0;
-  overflow: hidden;
   display: flex;
   align-items: center;
 }

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["ellipsis.module.scss","main.module.scss","amount.module.scss","options.module.scss","style.module.scss","sort.module.scss","columnHeaderTitle.module.scss","columnConfig.module.scss","tableToolbar.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".ellipsis {\n  display: block;\n  width: 100%;\n  min-width: 0;\n  margin: 0;\n}\n\n.tooltip {\n  max-width: min(600px, 100vw - 32px);\n}\n.tooltip :global(.ant-tooltip-inner) {\n  max-width: 100%;\n  max-height: 400px;\n  overflow-y: auto;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n\n.cell-content {\n  display: block;\n  width: 100%;\n  min-width: 0;\n}\n\n.cell-full-width {\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n}",".text {\n  display: inline-block;\n  max-width: 100%;\n  vertical-align: bottom;\n}\n\n.ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.hover,\n.primary,\n.clickable {\n  cursor: pointer;\n  border-radius: var(--radius-default, 2px);\n}\n\n.hover {\n  padding: 0 8px;\n  margin: 0 -8px;\n}\n.hover:hover {\n  color: var(--primary-color, #1677ff);\n  background: var(--primary-color-1);\n}\n\n.primary {\n  color: var(--primary-color, #1677ff);\n}\n\n.loading {\n  opacity: 0.5;\n  cursor: wait;\n}",".amount {\n  font-weight: bold;\n  font-variant-numeric: tabular-nums;\n  display: block;\n  width: 100%;\n  min-width: 0;\n  max-width: 100%;\n}",".col-item {\n  display: flex;\n}\n\n.options {\n  overflow: hidden;\n  margin: 0;\n  padding: 0;\n  display: block;\n}\n\n.options-column {\n  width: 100% !important;\n}\n\n.options-column .options-btn:global(.ant-btn) :global(.ant-btn-loading-icon) {\n  display: none;\n}\n.options-column .options-btn:global(.ant-btn):global(.btn-no-padding) {\n  padding: 0 8px;\n}\n.options-column .options-btn:global(.ant-btn):hover:not(:disabled) {\n  color: var(--primary-color, #1677ff);\n  background: var(--primary-color-1) !important;\n}",":global(.loading-container.is-loading) {\n  opacity: 0.5;\n  pointer-events: none;\n  position: relative;\n  transition: opacity 300ms;\n}\n\n.table-page {\n  display: flex;\n  flex-direction: column;\n}\n\n.table-content {\n  min-width: 0;\n}\n.table-content :global(.info-page-table) {\n  scroll-margin-top: var(--sticky-offset, var(--nav-height, 0px));\n}\n\n.table-with-toolbar {\n  border: 1px solid #f0f0f0;\n  border-radius: var(--radius-default, 2px);\n  overflow: hidden;\n}\n.table-with-toolbar :global(.info-page-table) {\n  border: none;\n  border-radius: 0;\n}\n.table-with-toolbar :global(.table-page-toolbar-section--has-value) + :global(.info-page-table) :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell) {\n  border-top: none !important;\n}\n.table-with-toolbar :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell:first-child) {\n  border-start-start-radius: 0 !important;\n}\n.table-with-toolbar :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell:last-child) {\n  border-start-end-radius: 0 !important;\n}\n\n.table-in-toolbar {\n  border: none !important;\n  border-radius: 0 !important;\n}\n\n.pagination {\n  margin-top: 16px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.total_text {\n  color: var(--primary-color, #1677ff);\n  font-weight: 500;\n  padding: 0 2px;\n}\n\n.floating-scrollbar {\n  position: fixed;\n  z-index: 998;\n  background: var(--bg-color-white, #ffffff);\n  border: solid 1px var(--font-color-grey-4, #eeeeee);\n  box-sizing: border-box;\n}\n\n.floating-scrollbar-thumb {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background: var(--font-color-grey-2, #cccccc);\n  height: 60%;\n  border-radius: 5px/50%;\n}\n.floating-scrollbar-thumb:hover, .floating-scrollbar-thumb.is-moving {\n  background: var(--font-color-grey, #666666);\n}",".title {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 100%;\n  vertical-align: top;\n}\n\n.title-text {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.has-sort {\n  padding-right: 2px;\n}\n\n.sort-btn {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 14px;\n  height: 18px;\n  cursor: pointer;\n  user-select: none;\n  border-radius: 2px;\n  transition: background-color 200ms;\n}\n.sort-btn:hover {\n  background: rgba(0, 0, 0, 0.04);\n}\n.sort-btn:hover .sort-icon:not(.active) {\n  color: rgba(0, 0, 0, 0.45);\n}\n\n.sort-icon {\n  display: block;\n  font-size: 10px;\n  line-height: 1;\n  color: rgba(0, 0, 0, 0.25);\n  transition: color 200ms;\n}\n.sort-icon.active {\n  color: var(--primary-color, #1677ff);\n}\n\n.sort-up {\n  margin-bottom: -2px;\n}\n\n.sort-down {\n  margin-top: -2px;\n}",".ellipsis {\n  display: block;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}",".cell-resize-bar {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 60%;\n  border-radius: 4px;\n  width: 8px;\n  font-size: 12px;\n  background: var(--primary-color-1);\n  color: var(--primary-color-2);\n  top: 50%;\n  right: 2px;\n  cursor: col-resize;\n  transform: translateY(-50%);\n  visibility: hidden;\n}\n\n.table-changer-setting {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  min-height: 28px;\n  padding: 4px;\n  border-radius: var(--radius-default, 4px);\n  color: var(--font-color-grey-1, rgba(0, 0, 0, 0.45));\n  transition: background-color 200ms, color 200ms;\n}\n.table-changer-setting:hover, .table-changer-setting.is-active {\n  background: var(--primary-color-1);\n  color: var(--primary-color);\n}\n\n.table-config-header {\n  width: 100%;\n  min-width: 0;\n}\n\n.table-config-header-title {\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.columns-control-content {\n  width: 300px;\n}\n.columns-control-content :global .ant-collapse {\n  border: none;\n  background: transparent;\n}\n.columns-control-content :global .ant-collapse-item {\n  border-bottom: none;\n}\n.columns-control-content :global .ant-collapse-content-box {\n  padding: 0 !important;\n}\n.columns-control-content :global .ant-list-item {\n  border: none;\n}\n.columns-control-content :global .ant-collapse-header {\n  font-weight: bold;\n  padding: 8px 16px !important;\n}\n\n.columns-control-content-title {\n  font-weight: bold;\n  padding: 8px 16px;\n  border-bottom: solid 1px var(--font-color-grey-4, #f0f0f0);\n}\n\n.columns-control-content-scroller {\n  position: relative;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.columns-control-sortable-list {\n  display: block;\n}\n\n.columns-control-content-footer {\n  border-top: solid 1px var(--font-color-grey-4, #f0f0f0);\n  padding: 12px 16px;\n}\n\n.columns-control-content-input {\n  width: 142px;\n}\n\n.columns-control-content-list {\n  padding: 0;\n}\n\n.columns-control-content-item {\n  display: flex;\n  align-items: center;\n  padding: 8px 14px !important;\n  background: #ffffff;\n  transition: box-shadow 500ms;\n  box-sizing: border-box;\n}\n.columns-control-content-item :global .ant-checkbox-wrapper {\n  flex: 1;\n}\n.columns-control-content-item.is-drag {\n  cursor: move !important;\n}\n.columns-control-content-item.is-drag :global .ant-checkbox-wrapper {\n  margin-left: 2px;\n}\n.columns-control-content-item:not(.is-drag) :global .ant-checkbox-wrapper {\n  margin-left: 16px;\n}\n\n:global .table-page-sortable-drag {\n  opacity: 1 !important;\n  background: rgba(255, 255, 255, 0.9) !important;\n  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);\n  z-index: 1050;\n  display: flex !important;\n  align-items: center;\n  box-sizing: border-box;\n}\n:global .table-page-sortable-ghost {\n  background: var(--primary-color-1) !important;\n  border: 1px dashed var(--primary-color) !important;\n  opacity: 0.6;\n}\n:global .table-page-sortable-chosen {\n  background: var(--bg-color-grey-1, #fafafa);\n}\n\n.columns-control-content-item-icon {\n  color: var(--font-color-grey-1, rgba(0, 0, 0, 0.45));\n  flex-shrink: 0;\n}\n\n.columns-control-overlay {\n  padding: 0 !important;\n}\n.columns-control-overlay > :global(.ant-popover-container) {\n  padding: 0 !important;\n}\n.columns-control-overlay :global(.ant-popover-arrow) {\n  display: none;\n}\n.columns-control-overlay :global(.ant-popover-inner-content),\n.columns-control-overlay :global(.ant-popover-inner),\n.columns-control-overlay :global(.ant-popover-container),\n.columns-control-overlay :global(.ant-popover-content) {\n  padding: 0 !important;\n}\n\n.header-col:hover :global(.table-cell-resize-bar) {\n  visibility: visible;\n}\n.header-col:global(.is-moving) :global(.table-cell-resize-bar) {\n  visibility: visible;\n}\n\n.header-cell-inner {\n  position: relative;\n  display: block;\n  width: 100%;\n}",".table-toolbar-section {\n  border-bottom: 1px solid #f0f0f0;\n}\n.table-toolbar-section.has-value-display .table-toolbar {\n  padding-bottom: 0;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display {\n  padding-top: 0;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-title),\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-value-display),\n.table-toolbar-section.has-value-display .table-toolbar-value-display > :global(.ant-space) {\n  border-bottom: none !important;\n  padding-top: 0 !important;\n  margin-top: 0 !important;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-line) {\n  border-bottom: none !important;\n}\n\n.table-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px;\n  background: var(--bg-color-white, #ffffff);\n}\n\n.table-toolbar-batch,\n.table-toolbar-search {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n}\n\n.table-toolbar-batch-btn {\n  border: none !important;\n  box-shadow: none !important;\n  background: var(--bg-color-grey-1, #f5f5f5) !important;\n}\n.table-toolbar-batch-btn:not(:disabled):hover {\n  border: none !important;\n  background: var(--bg-color-grey-2, #f0f0f0) !important;\n  color: var(--font-color, rgba(0, 0, 0, 0.88)) !important;\n}\n.table-toolbar-batch-btn:disabled {\n  border: none !important;\n  background: var(--bg-color-grey-1, #f5f5f5) !important;\n  color: var(--font-color-grey-2, #cccccc) !important;\n}\n\n.table-toolbar-search :global(.ant-input-search) {\n  background: var(--bg-color-grey-1, #f5f5f5);\n  border-radius: var(--radius-default, 2px);\n  overflow: hidden;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input) {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper:hover),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper-focused),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper-focused-within),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input:hover),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input:focus) {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-btn),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-button),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-btn) {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n  color: var(--font-color-grey, #666) !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-btn):not(:disabled):hover,\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-button):not(:disabled):hover,\n.table-toolbar-search :global(.ant-input-search) :global(.ant-btn):not(:disabled):hover {\n  border: none !important;\n  box-shadow: none !important;\n  background: var(--bg-color-grey-2, #f0f0f0) !important;\n  color: var(--font-color, rgba(0, 0, 0, 0.88)) !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-group-addon) {\n  border: none !important;\n  background: transparent !important;\n  padding: 0;\n}\n\n.table-toolbar-filter {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n\n.table-toolbar-divider {\n  flex-shrink: 0;\n  width: 1px;\n  align-self: center;\n  height: 16px;\n  background: #f0f0f0;\n}\n\n.table-toolbar-filter-inner {\n  width: 100%;\n}\n.table-toolbar-filter-inner :global(.filter-title) {\n  width: 100%;\n  padding: 0 !important;\n  margin: 0 !important;\n  line-height: 24px !important;\n  border-bottom: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-title > .ant-space-item:first-child) {\n  display: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-label) {\n  display: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-list) {\n  width: 100%;\n}\n.table-toolbar-filter-inner :global(.filter-line) {\n  min-height: 24px;\n  gap: 8px;\n}\n.table-toolbar-filter-inner :global(.filter-item-wrap) {\n  height: 24px;\n}\n.table-toolbar-filter-inner :global(.filter-item) {\n  height: 24px;\n  padding: 0 8px;\n}\n.table-toolbar-filter-inner :global(.filter-item) :global(.ant-space-item) {\n  line-height: 24px;\n}\n.table-toolbar-filter-inner :global(.filter-item-label) {\n  line-height: 24px;\n}\n\n.table-toolbar-value-display {\n  background: var(--bg-color-white, #ffffff);\n}\n.table-toolbar-value-display :global(.filter-value-display),\n.table-toolbar-value-display :global(.filter-title) {\n  padding: 0 16px 6px !important;\n  margin-top: 0 !important;\n  line-height: 22px !important;\n  border-bottom: none !important;\n  gap: 8px !important;\n}\n.table-toolbar-value-display :global(.filter-value-display .filter-label) {\n  line-height: 22px;\n}\n.table-toolbar-value-display :global(.filter-value-display .filter-line) {\n  min-height: 22px;\n  gap: 6px;\n}\n.table-toolbar-value-display :global(.filter-value-tag) {\n  margin-inline-end: 0;\n}"]}
+{"version":3,"sources":["ellipsis.module.scss","main.module.scss","amount.module.scss","options.module.scss","style.module.scss","sort.module.scss","columnHeaderTitle.module.scss","columnConfig.module.scss","tableToolbar.module.scss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".ellipsis {\n  display: block;\n  width: 100%;\n  min-width: 0;\n  margin: 0;\n}\n\n.tooltip {\n  max-width: min(600px, 100vw - 32px);\n}\n.tooltip :global(.ant-tooltip-inner) {\n  max-width: 100%;\n  max-height: 400px;\n  overflow-y: auto;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n\n.cell-content {\n  display: block;\n  width: 100%;\n  min-width: 0;\n}\n\n.cell-full-width {\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n}",".text {\n  display: inline-block;\n  max-width: 100%;\n  vertical-align: bottom;\n}\n\n.ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.hover,\n.primary,\n.clickable {\n  cursor: pointer;\n  border-radius: var(--radius-default, 2px);\n}\n\n.hover {\n  padding: 0 8px;\n  margin: 0 -8px;\n}\n.hover:hover {\n  color: var(--primary-color, #1677ff);\n  background: var(--primary-color-1);\n}\n\n.primary {\n  color: var(--primary-color, #1677ff);\n}\n\n.loading {\n  opacity: 0.5;\n  cursor: wait;\n}",".amount {\n  font-weight: bold;\n  font-variant-numeric: tabular-nums;\n  display: block;\n  width: 100%;\n  min-width: 0;\n  max-width: 100%;\n}",".col-item {\n  display: flex;\n}\n\n.options {\n  overflow: hidden;\n  margin: 0;\n  padding: 0;\n  display: block;\n}\n\n.options-column {\n  width: 100% !important;\n}\n\n.options-column .options-btn:global(.ant-btn) :global(.ant-btn-loading-icon) {\n  display: none;\n}\n.options-column .options-btn:global(.ant-btn):global(.btn-no-padding) {\n  padding: 0 8px;\n}\n.options-column .options-btn:global(.ant-btn):hover:not(:disabled) {\n  color: var(--primary-color, #1677ff);\n  background: var(--primary-color-1) !important;\n}",":global(.loading-container.is-loading) {\n  opacity: 0.5;\n  pointer-events: none;\n  position: relative;\n  transition: opacity 300ms;\n}\n\n.table-page {\n  display: flex;\n  flex-direction: column;\n}\n\n.table-content {\n  min-width: 0;\n}\n.table-content :global(.info-page-table) {\n  scroll-margin-top: var(--scroll-top-inset, var(--sticky-offset, var(--nav-height, 0px)));\n}\n\n.table-with-toolbar {\n  border: 1px solid #f0f0f0;\n  border-radius: var(--radius-default, 2px);\n}\n.table-with-toolbar :global(.table-page-toolbar) {\n  border-start-start-radius: var(--radius-default, 2px);\n  border-start-end-radius: var(--radius-default, 2px);\n}\n.table-with-toolbar :global(.table-page-toolbar-section) {\n  scroll-margin-top: var(--scroll-top-inset, var(--sticky-offset, var(--nav-height, 0px)));\n}\n.table-with-toolbar :global(.info-page-table) {\n  border: none;\n  border-radius: 0;\n}\n.table-with-toolbar :global(.info-page-table) :global(.ant-table-header) {\n  border-start-start-radius: 0 !important;\n  border-start-end-radius: 0 !important;\n}\n.table-with-toolbar :global(.info-page-table):not(.has-summary) :global(.ant-table-tbody > tr:last-child > .ant-table-cell:first-child) {\n  border-end-start-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table):not(.has-summary) :global(.ant-table-tbody > tr:last-child > .ant-table-cell:last-child) {\n  border-end-end-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table).has-summary :global(.ant-table-summary > tr > .ant-table-cell:first-child) {\n  border-end-start-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table).has-summary :global(.ant-table-summary > tr > .ant-table-cell:last-child) {\n  border-end-end-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.info-page-table) :global(.ant-table-placeholder > .ant-table-cell) {\n  border-end-start-radius: var(--radius-default, 2px) !important;\n  border-end-end-radius: var(--radius-default, 2px) !important;\n}\n.table-with-toolbar :global(.table-page-toolbar-section--has-value) + :global(.info-page-table) :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell) {\n  border-top: none !important;\n}\n.table-with-toolbar :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell:first-child) {\n  border-start-start-radius: 0 !important;\n}\n.table-with-toolbar :global(.ant-table-thead > tr.info-page-table-header:first-child > .ant-table-cell:last-child) {\n  border-start-end-radius: 0 !important;\n}\n\n.table-in-toolbar {\n  border: none !important;\n  border-radius: 0 !important;\n}\n\n.pagination {\n  margin-top: 16px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.total_text {\n  color: var(--primary-color, #1677ff);\n  font-weight: 500;\n  padding: 0 2px;\n}\n\n.floating-scrollbar {\n  position: fixed;\n  z-index: 998;\n  background: var(--bg-color-white, #ffffff);\n  border: solid 1px var(--font-color-grey-4, #eeeeee);\n  box-sizing: border-box;\n}\n\n.floating-scrollbar-thumb {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  background: var(--font-color-grey-2, #cccccc);\n  height: 60%;\n  border-radius: 5px/50%;\n}\n.floating-scrollbar-thumb:hover, .floating-scrollbar-thumb.is-moving {\n  background: var(--font-color-grey, #666666);\n}",".title {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  max-width: 100%;\n  vertical-align: top;\n}\n\n.title-text {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n\n.has-sort {\n  padding-right: 2px;\n}\n\n.sort-btn {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 14px;\n  height: 18px;\n  cursor: pointer;\n  user-select: none;\n  border-radius: 2px;\n  transition: background-color 200ms;\n}\n.sort-btn:hover {\n  background: rgba(0, 0, 0, 0.04);\n}\n.sort-btn:hover .sort-icon:not(.active) {\n  color: rgba(0, 0, 0, 0.45);\n}\n\n.sort-icon {\n  display: block;\n  font-size: 10px;\n  line-height: 1;\n  color: rgba(0, 0, 0, 0.25);\n  transition: color 200ms;\n}\n.sort-icon.active {\n  color: var(--primary-color, #1677ff);\n}\n\n.sort-up {\n  margin-bottom: -2px;\n}\n\n.sort-down {\n  margin-top: -2px;\n}",".ellipsis {\n  display: block;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}",".cell-resize-bar {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 60%;\n  border-radius: 4px;\n  width: 8px;\n  font-size: 12px;\n  background: var(--primary-color-1);\n  color: var(--primary-color-2);\n  top: 50%;\n  right: 2px;\n  cursor: col-resize;\n  transform: translateY(-50%);\n  visibility: hidden;\n}\n\n.table-changer-setting {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 28px;\n  min-height: 28px;\n  padding: 4px;\n  border-radius: var(--radius-default, 4px);\n  color: var(--font-color-grey-1, rgba(0, 0, 0, 0.45));\n  transition: background-color 200ms, color 200ms;\n}\n.table-changer-setting:hover, .table-changer-setting.is-active {\n  background: var(--primary-color-1);\n  color: var(--primary-color);\n}\n\n.table-config-header {\n  width: 100%;\n  min-width: 0;\n}\n\n.table-config-header-title {\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.columns-control-content {\n  width: 300px;\n}\n.columns-control-content :global .ant-collapse {\n  border: none;\n  background: transparent;\n}\n.columns-control-content :global .ant-collapse-item {\n  border-bottom: none;\n}\n.columns-control-content :global .ant-collapse-content-box {\n  padding: 0 !important;\n}\n.columns-control-content :global .ant-list-item {\n  border: none;\n}\n.columns-control-content :global .ant-collapse-header {\n  font-weight: bold;\n  padding: 8px 16px !important;\n}\n\n.columns-control-content-title {\n  font-weight: bold;\n  padding: 8px 16px;\n  border-bottom: solid 1px var(--font-color-grey-4, #f0f0f0);\n}\n\n.columns-control-content-scroller {\n  position: relative;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.columns-control-sortable-list {\n  display: block;\n}\n\n.columns-control-content-footer {\n  border-top: solid 1px var(--font-color-grey-4, #f0f0f0);\n  padding: 12px 16px;\n}\n\n.columns-control-content-input {\n  width: 142px;\n}\n\n.columns-control-content-list {\n  padding: 0;\n}\n\n.columns-control-content-item {\n  display: flex;\n  align-items: center;\n  padding: 8px 14px !important;\n  background: #ffffff;\n  transition: box-shadow 500ms;\n  box-sizing: border-box;\n}\n.columns-control-content-item :global .ant-checkbox-wrapper {\n  flex: 1;\n}\n.columns-control-content-item.is-drag {\n  cursor: move !important;\n}\n.columns-control-content-item.is-drag :global .ant-checkbox-wrapper {\n  margin-left: 2px;\n}\n.columns-control-content-item:not(.is-drag) :global .ant-checkbox-wrapper {\n  margin-left: 16px;\n}\n\n:global .table-page-sortable-drag {\n  opacity: 1 !important;\n  background: rgba(255, 255, 255, 0.9) !important;\n  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);\n  z-index: 1050;\n  display: flex !important;\n  align-items: center;\n  box-sizing: border-box;\n}\n:global .table-page-sortable-ghost {\n  background: var(--primary-color-1) !important;\n  border: 1px dashed var(--primary-color) !important;\n  opacity: 0.6;\n}\n:global .table-page-sortable-chosen {\n  background: var(--bg-color-grey-1, #fafafa);\n}\n\n.columns-control-content-item-icon {\n  color: var(--font-color-grey-1, rgba(0, 0, 0, 0.45));\n  flex-shrink: 0;\n}\n\n.columns-control-overlay {\n  padding: 0 !important;\n}\n.columns-control-overlay > :global(.ant-popover-container) {\n  padding: 0 !important;\n}\n.columns-control-overlay :global(.ant-popover-arrow) {\n  display: none;\n}\n.columns-control-overlay :global(.ant-popover-inner-content),\n.columns-control-overlay :global(.ant-popover-inner),\n.columns-control-overlay :global(.ant-popover-container),\n.columns-control-overlay :global(.ant-popover-content) {\n  padding: 0 !important;\n}\n\n.header-col:hover :global(.table-cell-resize-bar) {\n  visibility: visible;\n}\n.header-col:global(.is-moving) :global(.table-cell-resize-bar) {\n  visibility: visible;\n}\n\n.header-cell-inner {\n  position: relative;\n  display: block;\n  width: 100%;\n}",".table-toolbar-section {\n  border-bottom: 1px solid #f0f0f0;\n}\n.table-toolbar-section.has-value-display .table-toolbar {\n  padding-bottom: 0;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display {\n  padding-top: 0;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-title),\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-value-display),\n.table-toolbar-section.has-value-display .table-toolbar-value-display > :global(.ant-space) {\n  border-bottom: none !important;\n  padding-top: 0 !important;\n  margin-top: 0 !important;\n}\n.table-toolbar-section.has-value-display .table-toolbar-value-display :global(.filter-line) {\n  border-bottom: none !important;\n}\n\n.table-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px;\n  background: var(--bg-color-white, #ffffff);\n}\n\n.table-toolbar-batch,\n.table-toolbar-search {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n}\n\n.table-toolbar-batch-btn {\n  border: none !important;\n  box-shadow: none !important;\n  background: var(--bg-color-grey-1, #f5f5f5) !important;\n}\n.table-toolbar-batch-btn:not(:disabled):hover {\n  border: none !important;\n  background: var(--bg-color-grey-2, #f0f0f0) !important;\n  color: var(--font-color, rgba(0, 0, 0, 0.88)) !important;\n}\n.table-toolbar-batch-btn:disabled {\n  border: none !important;\n  background: var(--bg-color-grey-1, #f5f5f5) !important;\n  color: var(--font-color-grey-2, #cccccc) !important;\n}\n\n.table-toolbar-search :global(.ant-input-search) {\n  background: var(--bg-color-grey-1, #f5f5f5);\n  border-radius: var(--radius-default, 2px);\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input) {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper:hover),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper-focused),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-affix-wrapper-focused-within),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input:hover),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input:focus) {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-btn),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-button),\n.table-toolbar-search :global(.ant-input-search) :global(.ant-btn) {\n  border: none !important;\n  box-shadow: none !important;\n  background: transparent !important;\n  color: var(--font-color-grey, #666) !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-btn):not(:disabled):hover,\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-search-button):not(:disabled):hover,\n.table-toolbar-search :global(.ant-input-search) :global(.ant-btn):not(:disabled):hover {\n  border: none !important;\n  box-shadow: none !important;\n  background: var(--bg-color-grey-2, #f0f0f0) !important;\n  color: var(--font-color, rgba(0, 0, 0, 0.88)) !important;\n}\n.table-toolbar-search :global(.ant-input-search) :global(.ant-input-group-addon) {\n  border: none !important;\n  background: transparent !important;\n  padding: 0;\n}\n\n.table-toolbar-filter {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n}\n\n.table-toolbar-divider {\n  flex-shrink: 0;\n  width: 1px;\n  align-self: center;\n  height: 16px;\n  background: #f0f0f0;\n}\n\n.table-toolbar-filter-inner {\n  width: 100%;\n}\n.table-toolbar-filter-inner :global(.filter-title) {\n  width: 100%;\n  padding: 0 !important;\n  margin: 0 !important;\n  line-height: 24px !important;\n  border-bottom: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-title > .ant-space-item:first-child) {\n  display: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-label) {\n  display: none !important;\n}\n.table-toolbar-filter-inner :global(.filter-list) {\n  width: 100%;\n}\n.table-toolbar-filter-inner :global(.filter-line) {\n  min-height: 24px;\n  gap: 8px;\n}\n.table-toolbar-filter-inner :global(.filter-item-wrap) {\n  height: 24px;\n}\n.table-toolbar-filter-inner :global(.filter-item) {\n  height: 24px;\n  padding: 0 8px;\n}\n.table-toolbar-filter-inner :global(.filter-item) :global(.ant-space-item) {\n  line-height: 24px;\n}\n.table-toolbar-filter-inner :global(.filter-item-label) {\n  line-height: 24px;\n}\n\n.table-toolbar-value-display {\n  background: var(--bg-color-white, #ffffff);\n}\n.table-toolbar-value-display :global(.filter-value-display),\n.table-toolbar-value-display :global(.filter-title) {\n  padding: 0 16px 6px !important;\n  margin-top: 0 !important;\n  line-height: 22px !important;\n  border-bottom: none !important;\n  gap: 8px !important;\n}\n.table-toolbar-value-display :global(.filter-value-display .filter-label) {\n  line-height: 22px;\n}\n.table-toolbar-value-display :global(.filter-value-display .filter-line) {\n  min-height: 22px;\n  gap: 6px;\n}\n.table-toolbar-value-display :global(.filter-value-tag) {\n  margin-inline-end: 0;\n}"]}