starry-sky-ui 0.3.1 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -0
- package/dist/AdUI/index.d.ts +5 -0
- package/dist/AdUI/index.d.ts.map +1 -0
- package/dist/AdUI/index.js +602 -0
- package/dist/AdUI/index.js.map +1 -0
- package/dist/AdUI/index.scss +461 -0
- package/dist/Table/index.d.ts +2 -0
- package/dist/Table/index.d.ts.map +1 -1
- package/dist/Table/index.js +58 -5
- package/dist/Table/index.js.map +1 -1
- package/dist/Table/index.scss +46 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -447,6 +447,24 @@ const [selectedKeys, setSelectedKeys] = useState<string[]>([]);
|
|
|
447
447
|
<Table columns={columns} dataSource={[]} emptyText={<Empty description="暂无数据" />} />
|
|
448
448
|
```
|
|
449
449
|
|
|
450
|
+
### 拖拽排序
|
|
451
|
+
|
|
452
|
+
传入 `onSortEnd` 回调即可启用拖拽排序。拖拽完成后会返回排序后的完整数据列表。
|
|
453
|
+
|
|
454
|
+
```tsx
|
|
455
|
+
<Table
|
|
456
|
+
columns={columns}
|
|
457
|
+
dataSource={data}
|
|
458
|
+
rowKey="key"
|
|
459
|
+
onSortEnd={(newData) => {
|
|
460
|
+
console.log('排序后的数据:', newData);
|
|
461
|
+
setData(newData);
|
|
462
|
+
}}
|
|
463
|
+
/>
|
|
464
|
+
```
|
|
465
|
+
|
|
466
|
+
拖拽排序会在表格左侧自动生成拖拽手柄列,支持跨行拖拽,拖拽目标行会高亮显示虚线边框。
|
|
467
|
+
|
|
450
468
|
### Props
|
|
451
469
|
|
|
452
470
|
| 属性 | 类型 | 默认值 | 说明 |
|
|
@@ -464,6 +482,7 @@ const [selectedKeys, setSelectedKeys] = useState<string[]>([]);
|
|
|
464
482
|
| `scroll` | `{ y?: number }` | — | 设置 `y` 固定表头 |
|
|
465
483
|
| `defaultSortBy` | `{ columnKey, order }` | — | 默认排序 |
|
|
466
484
|
| `onChange` | `(pagination, sorter) => void` | — | 分页/排序变化回调 |
|
|
485
|
+
| `onSortEnd` | `(newDataSource) => void` | — | 拖拽排序完成回调,入参为排序后的完整数据列表 |
|
|
467
486
|
| `onRow` | `(record) => { onClick, style, className }` | — | 行事件与样式 |
|
|
468
487
|
| `className` | `string` | `''` | 自定义类名 |
|
|
469
488
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AdUI/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,cAAc,CAAC;AAwmCtB,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAyIjB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|