@yidun/antd-super-table 0.1.11 → 0.1.12
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 +47 -22
- package/dist/SuperTable.vue.d.ts +23 -1
- package/dist/components/FormSearchParams.vue.d.ts +13 -0
- package/dist/index.js +1685 -1642
- package/example/index.vue +20 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -639,6 +639,20 @@ const onRowSortEnd = newData => {
|
|
|
639
639
|
</template>
|
|
640
640
|
```
|
|
641
641
|
|
|
642
|
+
### 关闭场景,仅使用高级筛选
|
|
643
|
+
|
|
644
|
+
```vue
|
|
645
|
+
<template>
|
|
646
|
+
<SuperTable
|
|
647
|
+
:form-items="formItems"
|
|
648
|
+
:columns="columns"
|
|
649
|
+
:request="onRequest"
|
|
650
|
+
:enable-scene="false"
|
|
651
|
+
:enable-advanced-filter="true"
|
|
652
|
+
/>
|
|
653
|
+
</template>
|
|
654
|
+
```
|
|
655
|
+
|
|
642
656
|
### 插槽使用
|
|
643
657
|
|
|
644
658
|
```vue
|
|
@@ -681,28 +695,30 @@ const onRowSortEnd = newData => {
|
|
|
681
695
|
|
|
682
696
|
### Props
|
|
683
697
|
|
|
684
|
-
| 参数
|
|
685
|
-
|
|
|
686
|
-
| formItems
|
|
687
|
-
| columns
|
|
688
|
-
| request
|
|
689
|
-
| sceneType
|
|
690
|
-
| enableScene
|
|
691
|
-
|
|
|
692
|
-
|
|
|
693
|
-
|
|
|
694
|
-
|
|
|
695
|
-
|
|
|
696
|
-
|
|
|
697
|
-
|
|
|
698
|
-
|
|
|
699
|
-
|
|
|
700
|
-
|
|
|
701
|
-
|
|
|
702
|
-
|
|
|
703
|
-
|
|
|
704
|
-
|
|
|
705
|
-
|
|
|
698
|
+
| 参数 | 说明 | 类型 | 默认值 |
|
|
699
|
+
| -------------------- | -------------------------------- | ----------------------------- | ------------------------------- | --------- |
|
|
700
|
+
| formItems | 查询条件配置 | `SuperTableFormItem[]` | `[]` |
|
|
701
|
+
| columns | 表格列配置 | `SuperTableColumn[]` | `[]` |
|
|
702
|
+
| request | 数据请求函数 | `SuperTableRequestFunction` | - |
|
|
703
|
+
| sceneType | 场景类型 | `string` | `''` |
|
|
704
|
+
| enableScene | 是否启用场景管理 | `boolean` | `true` |
|
|
705
|
+
| enableAdvancedFilter | 是否启用高级筛选(可独立于场景) | `boolean` | `false` |
|
|
706
|
+
| sceneStorageType | 场景存储位置 | `'local' | 'api'` | `'local'` |
|
|
707
|
+
| sceneRequest | 场景请求函数配置 | `SceneRequestConfig` | - |
|
|
708
|
+
| defaultScene | 默认场景配置 | `SuperTableDefaultSceneConfig | SuperTableDefaultSceneConfig[]` | - |
|
|
709
|
+
| maxSceneCount | 最大场景数量 | `number` | `100` |
|
|
710
|
+
| formItemColSpan | 查询条件列数 | `number` | `6` |
|
|
711
|
+
| debounceWait | 查询防抖时间(ms) | `number` | `100` |
|
|
712
|
+
| refreshDeps | 依赖刷新选项 | `any[]` | `[]` |
|
|
713
|
+
| tableProps | 表格属性 | `TableProps` | `{}` |
|
|
714
|
+
| formatDataSource | 转换表格数据 | `(data: any[]) => any[]` | `(data) => data` |
|
|
715
|
+
| sortable | 是否可排序 | `boolean` | `false` |
|
|
716
|
+
| wrapperStyle | 容器样式 | `object` | `{}` |
|
|
717
|
+
| tableWrapperStyle | 表格容器样式 | `object` | `{}` |
|
|
718
|
+
| customQueryParams | 默认查询条件 | `object` | `{}` |
|
|
719
|
+
| autoSearch | 是否自动发起查询 | `boolean` | `true` |
|
|
720
|
+
| showRefreshButton | 展示刷新按钮 | `boolean` | `false` |
|
|
721
|
+
| enableTableConfig | 开启表格设置 | `boolean` | `true` |
|
|
706
722
|
|
|
707
723
|
### Events
|
|
708
724
|
|
|
@@ -1030,6 +1046,15 @@ export interface SuperTableAntdProps extends TableProps {
|
|
|
1030
1046
|
|
|
1031
1047
|
## 更新日志
|
|
1032
1048
|
|
|
1049
|
+
### v0.1.12
|
|
1050
|
+
|
|
1051
|
+
- ✨ 查询项 `input` 新增 `addonAfter`:支持 `link + small` 按钮、`className` 和点击回调
|
|
1052
|
+
- ⚙️ 新增 `autoSearch`:支持在 `enableScene=false` 时关闭自动请求,仅手动查询
|
|
1053
|
+
- 🔒 `customQueryParams` 行为增强:切换场景后仍在请求阶段持续生效
|
|
1054
|
+
- 🧩 新增 `enableAdvancedFilter`:支持不开场景时独立使用“高级筛选”弹窗
|
|
1055
|
+
- 💄 查询项拼接边框样式优化:减少 `label + input/inputNumber` 的视觉缝隙
|
|
1056
|
+
- 📝 详细变更记录见 [CHANGELOG.md](./CHANGELOG.md)
|
|
1057
|
+
|
|
1033
1058
|
### v0.1.10
|
|
1034
1059
|
|
|
1035
1060
|
- ✨ 新增列级自定义单元格插槽能力:支持在列配置中通过 `slotName` 指定外层具名插槽渲染
|
package/dist/SuperTable.vue.d.ts
CHANGED
|
@@ -42,6 +42,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
42
42
|
type: ArrayConstructor;
|
|
43
43
|
default: () => never[];
|
|
44
44
|
};
|
|
45
|
+
/** 是否自动发起查询(主要用于 enableScene=false 场景) */
|
|
46
|
+
autoSearch: {
|
|
47
|
+
type: BooleanConstructor;
|
|
48
|
+
default: boolean;
|
|
49
|
+
};
|
|
45
50
|
/** 表格列配置 */
|
|
46
51
|
columns: {
|
|
47
52
|
type: PropType<SuperTableColumn[]>;
|
|
@@ -92,6 +97,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
92
97
|
type: BooleanConstructor;
|
|
93
98
|
default: boolean;
|
|
94
99
|
};
|
|
100
|
+
/** 是否启用高级筛选弹窗(可独立于场景使用) */
|
|
101
|
+
enableAdvancedFilter: {
|
|
102
|
+
type: BooleanConstructor;
|
|
103
|
+
default: boolean;
|
|
104
|
+
};
|
|
95
105
|
/**
|
|
96
106
|
* 是否显示展开/收起按钮
|
|
97
107
|
* 默认 false,可通过开关控制,不受 enableScene 影响
|
|
@@ -131,7 +141,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
131
141
|
default: boolean;
|
|
132
142
|
};
|
|
133
143
|
}>, {
|
|
134
|
-
onRefresh: () => void;
|
|
144
|
+
onRefresh: (force?: boolean) => void;
|
|
135
145
|
onResetForm: () => void;
|
|
136
146
|
isInitialized: import("vue").Ref<boolean, boolean>;
|
|
137
147
|
getTableData(): import("./interface").SuperTableDataItem[];
|
|
@@ -191,6 +201,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
191
201
|
type: ArrayConstructor;
|
|
192
202
|
default: () => never[];
|
|
193
203
|
};
|
|
204
|
+
/** 是否自动发起查询(主要用于 enableScene=false 场景) */
|
|
205
|
+
autoSearch: {
|
|
206
|
+
type: BooleanConstructor;
|
|
207
|
+
default: boolean;
|
|
208
|
+
};
|
|
194
209
|
/** 表格列配置 */
|
|
195
210
|
columns: {
|
|
196
211
|
type: PropType<SuperTableColumn[]>;
|
|
@@ -241,6 +256,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
241
256
|
type: BooleanConstructor;
|
|
242
257
|
default: boolean;
|
|
243
258
|
};
|
|
259
|
+
/** 是否启用高级筛选弹窗(可独立于场景使用) */
|
|
260
|
+
enableAdvancedFilter: {
|
|
261
|
+
type: BooleanConstructor;
|
|
262
|
+
default: boolean;
|
|
263
|
+
};
|
|
244
264
|
/**
|
|
245
265
|
* 是否显示展开/收起按钮
|
|
246
266
|
* 默认 false,可通过开关控制,不受 enableScene 影响
|
|
@@ -300,12 +320,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
300
320
|
maxSceneCount: number;
|
|
301
321
|
debounceWait: number;
|
|
302
322
|
refreshDeps: unknown[];
|
|
323
|
+
autoSearch: boolean;
|
|
303
324
|
tableProps: TableProps<any>;
|
|
304
325
|
formatDataSource: (data: any[]) => any[];
|
|
305
326
|
wrapperStyle: Record<string, any>;
|
|
306
327
|
tableWrapperStyle: Record<string, any>;
|
|
307
328
|
customQueryParams: Record<string, any>;
|
|
308
329
|
showRefreshButton: boolean;
|
|
330
|
+
enableAdvancedFilter: boolean;
|
|
309
331
|
defaultScene: SuperTableDefaultSceneConfig | SuperTableDefaultSceneConfig[];
|
|
310
332
|
sceneStorageType: "local" | "api";
|
|
311
333
|
sceneRequest: SuperTableSceneRequestConfig;
|
|
@@ -36,6 +36,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
36
36
|
type: BooleanConstructor;
|
|
37
37
|
default: boolean;
|
|
38
38
|
};
|
|
39
|
+
/** 是否显示高级筛选按钮 */
|
|
40
|
+
showAdvancedFilterButton: {
|
|
41
|
+
type: BooleanConstructor;
|
|
42
|
+
default: boolean;
|
|
43
|
+
};
|
|
39
44
|
/** 表格唯一标识,用于区分不同表格的展开状态 */
|
|
40
45
|
superTableID: {
|
|
41
46
|
type: StringConstructor;
|
|
@@ -45,6 +50,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
45
50
|
search: (...args: any[]) => void;
|
|
46
51
|
reset: (...args: any[]) => void;
|
|
47
52
|
"form-item-change": (...args: any[]) => void;
|
|
53
|
+
"advanced-filter": (...args: any[]) => void;
|
|
48
54
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
49
55
|
/**
|
|
50
56
|
* 查询条件配置映射表
|
|
@@ -81,6 +87,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
81
87
|
type: BooleanConstructor;
|
|
82
88
|
default: boolean;
|
|
83
89
|
};
|
|
90
|
+
/** 是否显示高级筛选按钮 */
|
|
91
|
+
showAdvancedFilterButton: {
|
|
92
|
+
type: BooleanConstructor;
|
|
93
|
+
default: boolean;
|
|
94
|
+
};
|
|
84
95
|
/** 表格唯一标识,用于区分不同表格的展开状态 */
|
|
85
96
|
superTableID: {
|
|
86
97
|
type: StringConstructor;
|
|
@@ -90,6 +101,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
90
101
|
onSearch?: ((...args: any[]) => any) | undefined;
|
|
91
102
|
onReset?: ((...args: any[]) => any) | undefined;
|
|
92
103
|
"onForm-item-change"?: ((...args: any[]) => any) | undefined;
|
|
104
|
+
"onAdvanced-filter"?: ((...args: any[]) => any) | undefined;
|
|
93
105
|
}>, {
|
|
94
106
|
loading: boolean;
|
|
95
107
|
formConfigMap: Record<string, SuperTableFormItem>;
|
|
@@ -97,5 +109,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
97
109
|
enableScene: boolean;
|
|
98
110
|
showExpandButton: boolean;
|
|
99
111
|
showResetButton: boolean;
|
|
112
|
+
showAdvancedFilterButton: boolean;
|
|
100
113
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
101
114
|
export default _default;
|