@hw-component/table 0.0.4-beta-v2 → 0.0.4-beta-v6

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.
Files changed (41) hide show
  1. package/es/HTableFooter/index.d.ts +1 -1
  2. package/es/ModalTable/hooks.d.ts +322 -0
  3. package/es/ModalTable/hooks.js +68 -0
  4. package/es/ModalTable/index.d.ts +3 -0
  5. package/es/ModalTable/index.js +88 -0
  6. package/es/Table.js +1 -1
  7. package/es/TableCustomize.js +4 -2
  8. package/es/hooks/useReq.d.ts +1 -1
  9. package/es/index.d.ts +2 -0
  10. package/es/index.js +2 -0
  11. package/es/modal.d.ts +22 -0
  12. package/lib/HTableFooter/index.d.ts +1 -1
  13. package/lib/ModalTable/hooks.d.ts +322 -0
  14. package/lib/ModalTable/hooks.js +72 -0
  15. package/lib/ModalTable/index.d.ts +3 -0
  16. package/lib/ModalTable/index.js +91 -0
  17. package/lib/Table.js +1 -1
  18. package/lib/TableCustomize.js +4 -2
  19. package/lib/hooks/useReq.d.ts +1 -1
  20. package/lib/index.d.ts +2 -0
  21. package/lib/index.js +4 -0
  22. package/lib/modal.d.ts +22 -0
  23. package/package.json +1 -1
  24. package/src/components/HTableBody/index.tsx +28 -12
  25. package/src/components/HTableFooter/index.tsx +27 -16
  26. package/src/components/HTableHeader/utils.ts +3 -3
  27. package/src/components/ModalTable/hooks.ts +56 -0
  28. package/src/components/ModalTable/index.tsx +68 -0
  29. package/src/components/Table.tsx +22 -21
  30. package/src/components/TableCustomize.tsx +6 -4
  31. package/src/components/context.ts +1 -1
  32. package/src/components/hooks/useCurrentTable.ts +1 -1
  33. package/src/components/hooks/useHTable.tsx +1 -1
  34. package/src/components/hooks/useReq.ts +36 -27
  35. package/src/components/hooks/useRowObj.ts +2 -2
  36. package/src/components/index.tsx +2 -0
  37. package/src/components/modal.ts +26 -4
  38. package/src/pages/ModalTable/index.tsx +95 -0
  39. package/src/pages/Table/index.tsx +14 -14
  40. package/src/pages/TableCustomize/index.tsx +28 -25
  41. package/src/routes.tsx +6 -1
@@ -8,5 +8,5 @@ interface IFooterProps {
8
8
  footerStyle?: React.CSSProperties;
9
9
  footerBtnRender?: FooterBtnRenderFn;
10
10
  }
11
- declare const _default: ({ actionRender, footerRender, footerStyle, footerBtnRender }: IFooterProps) => JSX.Element;
11
+ declare const _default: ({ actionRender, footerRender, footerStyle, footerBtnRender, }: IFooterProps) => JSX.Element;
12
12
  export default _default;
@@ -0,0 +1,322 @@
1
+ /// <reference types="react" />
2
+ import type { HDiaLogTableInstance, HOnDiaLogTableInstance, ModalTableProps } from "../modal";
3
+ export declare const useHDialogTable: () => HDiaLogTableInstance;
4
+ interface ParamsModal extends HOnDiaLogTableInstance {
5
+ dialogTable?: HDiaLogTableInstance;
6
+ }
7
+ export declare const useTableProps: ({ tableProps, params, title, }: ModalTableProps) => {
8
+ modalTableParams: {
9
+ title: import("react").ReactNode;
10
+ request?: ((params: import("../modal").ParamsModal) => Promise<import("../modal").ResultModal>) | undefined;
11
+ configData: import("../modal").ConfigDataModal;
12
+ searchSpan?: import("antd").ColProps | undefined;
13
+ table?: import("../modal").HTableInstance | undefined;
14
+ actionRender?: import("../modal").ActionRenderFn | undefined;
15
+ footerBtnRender?: import("../modal").FooterBtnRenderFn | undefined;
16
+ emptyRender?: ((tableInstance: import("../modal").HTableInstance) => import("react").ReactNode) | undefined;
17
+ errorRender?: ((tableInstance: import("../modal").HTableInstance, error: Error) => import("react").ReactNode) | undefined;
18
+ footerRender?: false | ((tableInstance: import("../modal").HTableInstance, selectedRowData: import("../modal").RowObj, data?: import("../modal").ResultModal | undefined) => import("react").ReactNode) | undefined;
19
+ hideHeader?: boolean | undefined;
20
+ action?: Record<string, import("../modal").actionFn> | undefined;
21
+ headerStyle?: import("react").CSSProperties | undefined;
22
+ tableStyle?: import("react").CSSProperties | undefined;
23
+ footerStyle?: import("react").CSSProperties | undefined;
24
+ spaceSize?: number | undefined;
25
+ className?: string | undefined;
26
+ error?: Error | undefined;
27
+ reload?: ((params: any) => Promise<any>) | undefined;
28
+ manual?: boolean | undefined;
29
+ dataSource?: import("../modal").ResultModal | undefined;
30
+ paginationStyle?: import("react").CSSProperties | undefined;
31
+ params: any;
32
+ columns?: import("@ant-design/pro-table").ProColumns<any, "text">[] | undefined;
33
+ rowSelection?: false | (import("antd/lib/table/interface").TableRowSelection<any> & {
34
+ alwaysShowAlert?: boolean | undefined;
35
+ }) | undefined;
36
+ scroll?: ({
37
+ x?: string | number | true | undefined;
38
+ y?: string | number | undefined;
39
+ } & {
40
+ scrollToFirstRowOnChange?: boolean | undefined;
41
+ }) | undefined;
42
+ expandedRowKeys?: import("react").Key[] | undefined;
43
+ defaultExpandedRowKeys?: import("react").Key[] | undefined;
44
+ expandedRowRender?: import("rc-table/lib/interface").ExpandedRowRender<any> | undefined;
45
+ expandRowByClick?: boolean | undefined;
46
+ expandIcon?: import("rc-table/lib/interface").RenderExpandIcon<any> | undefined;
47
+ onExpand?: ((expanded: boolean, record: any) => void) | undefined;
48
+ onExpandedRowsChange?: ((expandedKeys: import("react").Key[]) => void) | undefined;
49
+ defaultExpandAllRows?: boolean | undefined;
50
+ indentSize?: number | undefined;
51
+ expandIconColumnIndex?: number | undefined;
52
+ expandedRowClassName?: import("rc-table/lib/interface").RowClassName<any> | undefined;
53
+ childrenColumnName?: string | undefined;
54
+ prefixCls?: string | undefined;
55
+ style?: import("react").CSSProperties | undefined;
56
+ children?: import("react").ReactNode;
57
+ rowKey?: string | import("rc-table/lib/interface").GetRowKey<any> | undefined;
58
+ tableLayout?: import("rc-table/lib/interface").TableLayout | undefined;
59
+ expandable?: import("rc-table/lib/interface").ExpandableConfig<any> | undefined;
60
+ rowClassName?: string | import("rc-table/lib/interface").RowClassName<any> | undefined;
61
+ footer?: import("rc-table/lib/interface").PanelRender<any> | undefined;
62
+ summary?: ((data: readonly any[]) => import("react").ReactNode) | undefined;
63
+ id?: string | undefined;
64
+ showHeader?: boolean | undefined;
65
+ components?: import("rc-table/lib/interface").TableComponents<any> | undefined;
66
+ onRow?: import("rc-table/lib/interface").GetComponentProps<any> | undefined;
67
+ onHeaderRow?: import("rc-table/lib/interface").GetComponentProps<readonly import("rc-table/lib/interface").ColumnType<any>[]> | undefined;
68
+ direction?: "ltr" | "rtl" | undefined;
69
+ sticky?: boolean | import("rc-table/lib/interface").TableSticky | undefined;
70
+ dropdownPrefixCls?: string | undefined;
71
+ pagination?: false | import("antd").TablePaginationConfig | undefined;
72
+ loading?: boolean | import("antd").SpinProps | undefined;
73
+ size?: import("antd/lib/button").ButtonSize;
74
+ bordered?: boolean | undefined;
75
+ locale?: import("antd/lib/table/interface").TableLocale | undefined;
76
+ onChange?: ((pagination: import("antd").TablePaginationConfig, filters: Record<string, import("antd/lib/table/interface").FilterValue | null>, sorter: import("antd/lib/table/interface").SorterResult<any> | import("antd/lib/table/interface").SorterResult<any>[], extra: import("antd/lib/table/interface").TableCurrentDataSource<any>) => void) | undefined;
77
+ getPopupContainer?: import("antd/lib/table/interface").GetPopupContainer | undefined;
78
+ sortDirections?: import("antd/lib/table/interface").SortOrder[] | undefined;
79
+ showSorterTooltip?: boolean | import("antd").TooltipProps | undefined;
80
+ toolbar?: import("@ant-design/pro-table").ListToolBarProps | undefined;
81
+ ghost?: boolean | undefined;
82
+ columnsStateMap?: Record<string, import("@ant-design/pro-table").ColumnsState> | undefined;
83
+ onColumnsStateChange?: ((map: Record<string, import("@ant-design/pro-table").ColumnsState>) => void) | undefined;
84
+ columnsState?: import("@ant-design/pro-table/lib/typing").ColumnsStateType | undefined;
85
+ onSizeChange?: ((size: import("@ant-design/pro-table/lib/components/ToolBar/DensityIcon").DensitySize) => void) | undefined;
86
+ cardProps?: false | import("antd").CardProps | undefined;
87
+ tableRender?: ((props: import("@ant-design/pro-table").ProTableProps<any, any, "text">, defaultDom: JSX.Element, domList: {
88
+ toolbar: JSX.Element | undefined;
89
+ alert: JSX.Element | undefined;
90
+ table: JSX.Element | undefined;
91
+ }) => import("react").ReactNode) | undefined;
92
+ tableViewRender?: ((props: import("antd").TableProps<any>, defaultDom: JSX.Element) => JSX.Element | undefined) | undefined;
93
+ tableExtraRender?: ((props: import("@ant-design/pro-table").ProTableProps<any, any, "text">, dataSource: any[]) => import("react").ReactNode) | undefined;
94
+ postData?: ((data: any[]) => any[]) | undefined;
95
+ defaultData?: any[] | undefined;
96
+ actionRef?: import("react").Ref<import("@ant-design/pro-table").ActionType | undefined> | undefined;
97
+ formRef?: import("react").MutableRefObject<import("antd").FormInstance<any> | undefined> | undefined;
98
+ toolBarRender?: false | ((action: import("@ant-design/pro-table").ActionType | undefined, rows: {
99
+ selectedRowKeys?: (string | number)[] | undefined;
100
+ selectedRows?: any[] | undefined;
101
+ }) => import("react").ReactNode[]) | undefined;
102
+ onLoad?: ((dataSource: any[]) => void) | undefined;
103
+ onLoadingChange?: ((loading: boolean | import("antd").SpinProps | undefined) => void) | undefined;
104
+ onRequestError?: ((e: Error) => void) | undefined;
105
+ polling?: number | ((dataSource: any[]) => number) | undefined;
106
+ tableClassName?: string | undefined;
107
+ headerTitle?: import("react").ReactNode;
108
+ tooltip?: import("antd/lib/form/FormItemLabel").LabelTooltipType;
109
+ options?: false | import("@ant-design/pro-table/lib/components/ToolBar").OptionConfig | undefined;
110
+ search?: false | import("@ant-design/pro-table/lib/components/Form/FormRender").SearchConfig | undefined;
111
+ form?: Omit<Omit<import("antd").FormProps<Record<string, any>>, "onFinish"> & {
112
+ submitter?: false | import("@ant-design/pro-form").SubmitterProps<{
113
+ form?: import("antd").FormInstance<any> | undefined;
114
+ }> | undefined;
115
+ onFinish?: ((formData: Record<string, any>) => Promise<boolean | void>) | undefined;
116
+ formRef?: import("react").MutableRefObject<import("@ant-design/pro-form/lib/BaseForm/BaseForm").ProFormInstance<Record<string, any>> | undefined> | import("react").RefObject<import("@ant-design/pro-form/lib/BaseForm/BaseForm").ProFormInstance<Record<string, any>> | undefined> | undefined;
117
+ syncToUrl?: boolean | ((values: Record<string, any>, type: "get" | "set") => Record<string, any>) | undefined;
118
+ extraUrlParams?: Record<string, any> | undefined;
119
+ syncToInitialValues?: boolean | undefined;
120
+ omitNil?: boolean | undefined;
121
+ dateFormatter?: false | "string" | "number" | ((value: import("moment").Moment, valueType: string) => string | number) | undefined;
122
+ onInit?: ((values: Record<string, any>, form: import("@ant-design/pro-form/lib/BaseForm/BaseForm").ProFormInstance<any>) => void) | undefined;
123
+ params?: Record<string, any> | undefined;
124
+ request?: import("@ant-design/pro-utils").ProRequestData<Record<string, any>, Record<string, any>> | undefined;
125
+ isKeyPressSubmit?: boolean | undefined;
126
+ formKey?: string | undefined;
127
+ autoFocusFirstInput?: boolean | undefined;
128
+ } & import("@ant-design/pro-form/lib/interface").ProFormGridConfig & Omit<import("@ant-design/pro-form/lib/layouts/QueryFilter/Actions").ActionsProps, "submitter" | "setCollapsed" | "isForm"> & {
129
+ defaultCollapsed?: boolean | undefined;
130
+ layout?: import("antd/lib/form/Form").FormLayout | undefined;
131
+ defaultColsNumber?: number | undefined;
132
+ labelWidth?: number | "auto" | undefined;
133
+ split?: boolean | undefined;
134
+ className?: string | undefined;
135
+ span?: import("@ant-design/pro-form/lib/layouts/QueryFilter").SpanConfig | undefined;
136
+ searchText?: string | undefined;
137
+ resetText?: string | undefined;
138
+ form?: import("antd").FormInstance<any> | undefined;
139
+ optionRender?: false | ((searchConfig: Omit<import("@ant-design/pro-form").BaseQueryFilterProps, "submitter" | "isForm">, props: Omit<import("@ant-design/pro-form").BaseQueryFilterProps, "searchConfig">, dom: import("react").ReactNode[]) => import("react").ReactNode[]) | undefined;
140
+ ignoreRules?: boolean | undefined;
141
+ } & {
142
+ onReset?: ((values: Record<string, any>) => void) | undefined;
143
+ }, "form"> | undefined;
144
+ dateFormatter?: false | "string" | "number" | ((value: import("moment").Moment, valueType: string) => string | number) | undefined;
145
+ beforeSearchSubmit?: ((params: Partial<any>) => any) | undefined;
146
+ tableAlertRender?: import("@ant-design/pro-table/lib/components/Alert").AlertRenderType<any> | undefined;
147
+ tableAlertOptionRender?: import("@ant-design/pro-table/lib/components/Alert").AlertRenderType<any> | undefined;
148
+ type?: import("@ant-design/pro-utils").ProSchemaComponentTypes;
149
+ onSubmit?: ((params: any) => void) | undefined;
150
+ onReset?: (() => void) | undefined;
151
+ columnEmptyText?: import("@ant-design/pro-field").ProFieldEmptyText | undefined;
152
+ manualRequest?: boolean | undefined;
153
+ editable?: import("@ant-design/pro-utils").RowEditableConfig<any> | undefined;
154
+ onDataSourceChange?: ((dataSource: any[]) => void) | undefined;
155
+ cardBordered?: import("@ant-design/pro-table/lib/typing").Bordered | undefined;
156
+ debounceTime?: number | undefined;
157
+ revalidateOnFocus?: boolean | undefined;
158
+ defaultSize?: import("antd/lib/button").ButtonSize;
159
+ name?: import("rc-field-form/lib/interface").NamePath | undefined;
160
+ ErrorBoundary?: any;
161
+ };
162
+ setModalTableParams: import("react").Dispatch<import("react").SetStateAction<{
163
+ title: import("react").ReactNode;
164
+ request?: ((params: import("../modal").ParamsModal) => Promise<import("../modal").ResultModal>) | undefined;
165
+ configData: import("../modal").ConfigDataModal;
166
+ searchSpan?: import("antd").ColProps | undefined;
167
+ table?: import("../modal").HTableInstance | undefined;
168
+ actionRender?: import("../modal").ActionRenderFn | undefined;
169
+ footerBtnRender?: import("../modal").FooterBtnRenderFn | undefined;
170
+ emptyRender?: ((tableInstance: import("../modal").HTableInstance) => import("react").ReactNode) | undefined;
171
+ errorRender?: ((tableInstance: import("../modal").HTableInstance, error: Error) => import("react").ReactNode) | undefined;
172
+ footerRender?: false | ((tableInstance: import("../modal").HTableInstance, selectedRowData: import("../modal").RowObj, data?: import("../modal").ResultModal | undefined) => import("react").ReactNode) | undefined;
173
+ hideHeader?: boolean | undefined;
174
+ action?: Record<string, import("../modal").actionFn> | undefined;
175
+ headerStyle?: import("react").CSSProperties | undefined;
176
+ tableStyle?: import("react").CSSProperties | undefined;
177
+ footerStyle?: import("react").CSSProperties | undefined;
178
+ spaceSize?: number | undefined;
179
+ className?: string | undefined;
180
+ error?: Error | undefined;
181
+ reload?: ((params: any) => Promise<any>) | undefined;
182
+ manual?: boolean | undefined;
183
+ dataSource?: import("../modal").ResultModal | undefined;
184
+ paginationStyle?: import("react").CSSProperties | undefined;
185
+ params: any;
186
+ columns?: import("@ant-design/pro-table").ProColumns<any, "text">[] | undefined;
187
+ rowSelection?: false | (import("antd/lib/table/interface").TableRowSelection<any> & {
188
+ alwaysShowAlert?: boolean | undefined;
189
+ }) | undefined;
190
+ scroll?: ({
191
+ x?: string | number | true | undefined;
192
+ y?: string | number | undefined;
193
+ } & {
194
+ scrollToFirstRowOnChange?: boolean | undefined;
195
+ }) | undefined;
196
+ expandedRowKeys?: import("react").Key[] | undefined;
197
+ defaultExpandedRowKeys?: import("react").Key[] | undefined;
198
+ expandedRowRender?: import("rc-table/lib/interface").ExpandedRowRender<any> | undefined;
199
+ expandRowByClick?: boolean | undefined;
200
+ expandIcon?: import("rc-table/lib/interface").RenderExpandIcon<any> | undefined;
201
+ onExpand?: ((expanded: boolean, record: any) => void) | undefined;
202
+ onExpandedRowsChange?: ((expandedKeys: import("react").Key[]) => void) | undefined;
203
+ defaultExpandAllRows?: boolean | undefined;
204
+ indentSize?: number | undefined;
205
+ expandIconColumnIndex?: number | undefined;
206
+ expandedRowClassName?: import("rc-table/lib/interface").RowClassName<any> | undefined;
207
+ childrenColumnName?: string | undefined;
208
+ prefixCls?: string | undefined;
209
+ style?: import("react").CSSProperties | undefined;
210
+ children?: import("react").ReactNode;
211
+ rowKey?: string | import("rc-table/lib/interface").GetRowKey<any> | undefined;
212
+ tableLayout?: import("rc-table/lib/interface").TableLayout | undefined;
213
+ expandable?: import("rc-table/lib/interface").ExpandableConfig<any> | undefined;
214
+ rowClassName?: string | import("rc-table/lib/interface").RowClassName<any> | undefined;
215
+ footer?: import("rc-table/lib/interface").PanelRender<any> | undefined;
216
+ summary?: ((data: readonly any[]) => import("react").ReactNode) | undefined;
217
+ id?: string | undefined;
218
+ showHeader?: boolean | undefined;
219
+ components?: import("rc-table/lib/interface").TableComponents<any> | undefined;
220
+ onRow?: import("rc-table/lib/interface").GetComponentProps<any> | undefined;
221
+ onHeaderRow?: import("rc-table/lib/interface").GetComponentProps<readonly import("rc-table/lib/interface").ColumnType<any>[]> | undefined;
222
+ direction?: "ltr" | "rtl" | undefined;
223
+ sticky?: boolean | import("rc-table/lib/interface").TableSticky | undefined;
224
+ dropdownPrefixCls?: string | undefined;
225
+ pagination?: false | import("antd").TablePaginationConfig | undefined;
226
+ loading?: boolean | import("antd").SpinProps | undefined;
227
+ size?: import("antd/lib/button").ButtonSize;
228
+ bordered?: boolean | undefined;
229
+ locale?: import("antd/lib/table/interface").TableLocale | undefined;
230
+ onChange?: ((pagination: import("antd").TablePaginationConfig, filters: Record<string, import("antd/lib/table/interface").FilterValue | null>, sorter: import("antd/lib/table/interface").SorterResult<any> | import("antd/lib/table/interface").SorterResult<any>[], extra: import("antd/lib/table/interface").TableCurrentDataSource<any>) => void) | undefined;
231
+ getPopupContainer?: import("antd/lib/table/interface").GetPopupContainer | undefined;
232
+ sortDirections?: import("antd/lib/table/interface").SortOrder[] | undefined;
233
+ showSorterTooltip?: boolean | import("antd").TooltipProps | undefined;
234
+ toolbar?: import("@ant-design/pro-table").ListToolBarProps | undefined;
235
+ ghost?: boolean | undefined;
236
+ columnsStateMap?: Record<string, import("@ant-design/pro-table").ColumnsState> | undefined;
237
+ onColumnsStateChange?: ((map: Record<string, import("@ant-design/pro-table").ColumnsState>) => void) | undefined;
238
+ columnsState?: import("@ant-design/pro-table/lib/typing").ColumnsStateType | undefined;
239
+ onSizeChange?: ((size: import("@ant-design/pro-table/lib/components/ToolBar/DensityIcon").DensitySize) => void) | undefined;
240
+ cardProps?: false | import("antd").CardProps | undefined;
241
+ tableRender?: ((props: import("@ant-design/pro-table").ProTableProps<any, any, "text">, defaultDom: JSX.Element, domList: {
242
+ toolbar: JSX.Element | undefined;
243
+ alert: JSX.Element | undefined;
244
+ table: JSX.Element | undefined;
245
+ }) => import("react").ReactNode) | undefined;
246
+ tableViewRender?: ((props: import("antd").TableProps<any>, defaultDom: JSX.Element) => JSX.Element | undefined) | undefined;
247
+ tableExtraRender?: ((props: import("@ant-design/pro-table").ProTableProps<any, any, "text">, dataSource: any[]) => import("react").ReactNode) | undefined;
248
+ postData?: ((data: any[]) => any[]) | undefined;
249
+ defaultData?: any[] | undefined;
250
+ actionRef?: import("react").Ref<import("@ant-design/pro-table").ActionType | undefined> | undefined;
251
+ formRef?: import("react").MutableRefObject<import("antd").FormInstance<any> | undefined> | undefined;
252
+ toolBarRender?: false | ((action: import("@ant-design/pro-table").ActionType | undefined, rows: {
253
+ selectedRowKeys?: (string | number)[] | undefined;
254
+ selectedRows?: any[] | undefined;
255
+ }) => import("react").ReactNode[]) | undefined;
256
+ onLoad?: ((dataSource: any[]) => void) | undefined;
257
+ onLoadingChange?: ((loading: boolean | import("antd").SpinProps | undefined) => void) | undefined;
258
+ onRequestError?: ((e: Error) => void) | undefined;
259
+ polling?: number | ((dataSource: any[]) => number) | undefined;
260
+ tableClassName?: string | undefined;
261
+ headerTitle?: import("react").ReactNode;
262
+ tooltip?: import("antd/lib/form/FormItemLabel").LabelTooltipType;
263
+ options?: false | import("@ant-design/pro-table/lib/components/ToolBar").OptionConfig | undefined;
264
+ search?: false | import("@ant-design/pro-table/lib/components/Form/FormRender").SearchConfig | undefined;
265
+ form?: Omit<Omit<import("antd").FormProps<Record<string, any>>, "onFinish"> & {
266
+ submitter?: false | import("@ant-design/pro-form").SubmitterProps<{
267
+ form?: import("antd").FormInstance<any> | undefined;
268
+ }> | undefined;
269
+ onFinish?: ((formData: Record<string, any>) => Promise<boolean | void>) | undefined;
270
+ formRef?: import("react").MutableRefObject<import("@ant-design/pro-form/lib/BaseForm/BaseForm").ProFormInstance<Record<string, any>> | undefined> | import("react").RefObject<import("@ant-design/pro-form/lib/BaseForm/BaseForm").ProFormInstance<Record<string, any>> | undefined> | undefined;
271
+ syncToUrl?: boolean | ((values: Record<string, any>, type: "get" | "set") => Record<string, any>) | undefined;
272
+ extraUrlParams?: Record<string, any> | undefined;
273
+ syncToInitialValues?: boolean | undefined;
274
+ omitNil?: boolean | undefined;
275
+ dateFormatter?: false | "string" | "number" | ((value: import("moment").Moment, valueType: string) => string | number) | undefined;
276
+ onInit?: ((values: Record<string, any>, form: import("@ant-design/pro-form/lib/BaseForm/BaseForm").ProFormInstance<any>) => void) | undefined;
277
+ params?: Record<string, any> | undefined;
278
+ request?: import("@ant-design/pro-utils").ProRequestData<Record<string, any>, Record<string, any>> | undefined;
279
+ isKeyPressSubmit?: boolean | undefined;
280
+ formKey?: string | undefined;
281
+ autoFocusFirstInput?: boolean | undefined;
282
+ } & import("@ant-design/pro-form/lib/interface").ProFormGridConfig & Omit<import("@ant-design/pro-form/lib/layouts/QueryFilter/Actions").ActionsProps, "submitter" | "setCollapsed" | "isForm"> & {
283
+ defaultCollapsed?: boolean | undefined;
284
+ layout?: import("antd/lib/form/Form").FormLayout | undefined;
285
+ defaultColsNumber?: number | undefined;
286
+ labelWidth?: number | "auto" | undefined;
287
+ split?: boolean | undefined;
288
+ className?: string | undefined;
289
+ span?: import("@ant-design/pro-form/lib/layouts/QueryFilter").SpanConfig | undefined;
290
+ searchText?: string | undefined;
291
+ resetText?: string | undefined;
292
+ form?: import("antd").FormInstance<any> | undefined;
293
+ optionRender?: false | ((searchConfig: Omit<import("@ant-design/pro-form").BaseQueryFilterProps, "submitter" | "isForm">, props: Omit<import("@ant-design/pro-form").BaseQueryFilterProps, "searchConfig">, dom: import("react").ReactNode[]) => import("react").ReactNode[]) | undefined;
294
+ ignoreRules?: boolean | undefined;
295
+ } & {
296
+ onReset?: ((values: Record<string, any>) => void) | undefined;
297
+ }, "form"> | undefined;
298
+ dateFormatter?: false | "string" | "number" | ((value: import("moment").Moment, valueType: string) => string | number) | undefined;
299
+ beforeSearchSubmit?: ((params: Partial<any>) => any) | undefined;
300
+ tableAlertRender?: import("@ant-design/pro-table/lib/components/Alert").AlertRenderType<any> | undefined;
301
+ tableAlertOptionRender?: import("@ant-design/pro-table/lib/components/Alert").AlertRenderType<any> | undefined;
302
+ type?: import("@ant-design/pro-utils").ProSchemaComponentTypes;
303
+ onSubmit?: ((params: any) => void) | undefined;
304
+ onReset?: (() => void) | undefined;
305
+ columnEmptyText?: import("@ant-design/pro-field").ProFieldEmptyText | undefined;
306
+ manualRequest?: boolean | undefined;
307
+ editable?: import("@ant-design/pro-utils").RowEditableConfig<any> | undefined;
308
+ onDataSourceChange?: ((dataSource: any[]) => void) | undefined;
309
+ cardBordered?: import("@ant-design/pro-table/lib/typing").Bordered | undefined;
310
+ debounceTime?: number | undefined;
311
+ revalidateOnFocus?: boolean | undefined;
312
+ defaultSize?: import("antd/lib/button").ButtonSize;
313
+ name?: import("rc-field-form/lib/interface").NamePath | undefined;
314
+ ErrorBoundary?: any;
315
+ }>>;
316
+ };
317
+ export declare const useCurrentTable: ({ show, hide, dialogTable }: ParamsModal) => HDiaLogTableInstance;
318
+ export declare const useVisible: (visible: boolean) => {
319
+ modalVisible: boolean;
320
+ setModalVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
321
+ };
322
+ export {};
@@ -0,0 +1,68 @@
1
+ // welcome to hoo hoo hoo
2
+ import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
3
+ import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
4
+ import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
5
+ import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
6
+ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
7
+ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
8
+ import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
9
+ import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
10
+ import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
11
+ import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
12
+ import useHTable from '../hooks/useHTable.js';
13
+ import { useState, useEffect } from 'react';
14
+
15
+ function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
16
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
17
+ var useHDialogTable = function useHDialogTable() {
18
+ var tableInstance = useHTable();
19
+ return _objectSpread(_objectSpread({}, tableInstance), {}, {
20
+ show: function show(params) {},
21
+ hide: function hide() {}
22
+ });
23
+ };
24
+ var useTableProps = function useTableProps(_ref) {
25
+ var tableProps = _ref.tableProps,
26
+ params = _ref.params,
27
+ title = _ref.title;
28
+ var _useState = useState(_objectSpread(_objectSpread({
29
+ params: params
30
+ }, tableProps), {}, {
31
+ title: title
32
+ })),
33
+ _useState2 = _slicedToArray(_useState, 2),
34
+ modalTableParams = _useState2[0],
35
+ setModalTableParams = _useState2[1];
36
+ return {
37
+ modalTableParams: modalTableParams,
38
+ setModalTableParams: setModalTableParams
39
+ };
40
+ };
41
+ var useCurrentTable = function useCurrentTable(_ref2) {
42
+ var show = _ref2.show,
43
+ hide = _ref2.hide,
44
+ dialogTable = _ref2.dialogTable;
45
+ var cuDialogTableInstance = useHDialogTable();
46
+ var dialogTableInstance = dialogTable || cuDialogTableInstance;
47
+ useEffect(function () {
48
+ dialogTableInstance.show = show;
49
+ dialogTableInstance.hide = hide;
50
+ }, []);
51
+ return dialogTableInstance;
52
+ };
53
+ var useVisible = function useVisible(visible) {
54
+ var _useState3 = useState(visible),
55
+ _useState4 = _slicedToArray(_useState3, 2),
56
+ modalVisible = _useState4[0],
57
+ setModalVisible = _useState4[1];
58
+ useEffect(function () {
59
+ setModalVisible(visible);
60
+ }, [visible]);
61
+ return {
62
+ modalVisible: modalVisible,
63
+ setModalVisible: setModalVisible
64
+ };
65
+ };
66
+
67
+ export { useCurrentTable, useHDialogTable, useTableProps, useVisible };
68
+ // powered by hdj
@@ -0,0 +1,3 @@
1
+ import type { ModalTableProps } from "../modal";
2
+ declare const _default: ({ tableProps, dialogTable, visible, onCancel, ...props }: ModalTableProps) => JSX.Element;
3
+ export default _default;
@@ -0,0 +1,88 @@
1
+ // welcome to hoo hoo hoo
2
+ import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
3
+ import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
4
+ import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
5
+ import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
6
+ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
7
+ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
8
+ import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
9
+ import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
10
+ import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
11
+ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
12
+ import { jsx } from 'react/jsx-runtime';
13
+ import { Modal } from 'antd';
14
+ import Table from '../Table.js';
15
+ import { useVisible, useTableProps, useCurrentTable } from './hooks.js';
16
+
17
+ var _excluded = ["tableProps", "dialogTable", "visible", "onCancel"];
18
+ function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
20
+ var index = (function (_ref) {
21
+ var tableProps = _ref.tableProps,
22
+ dialogTable = _ref.dialogTable,
23
+ _ref$visible = _ref.visible,
24
+ visible = _ref$visible === void 0 ? false : _ref$visible,
25
+ _onCancel = _ref.onCancel,
26
+ props = _objectWithoutProperties(_ref, _excluded);
27
+ var _useVisible = useVisible(visible),
28
+ modalVisible = _useVisible.modalVisible,
29
+ setModalVisible = _useVisible.setModalVisible;
30
+ var _useTableProps = useTableProps(_objectSpread(_objectSpread({}, props), {}, {
31
+ tableProps: tableProps
32
+ })),
33
+ modalTableParams = _useTableProps.modalTableParams,
34
+ setModalTableParams = _useTableProps.setModalTableParams;
35
+ var currentTable = useCurrentTable({
36
+ show: function show(showParams) {
37
+ if (showParams) {
38
+ setModalTableParams(function (oldParams) {
39
+ var configData = oldParams.configData,
40
+ request = oldParams.request,
41
+ title = oldParams.title;
42
+ var _showParams$title = showParams.title,
43
+ showTitle = _showParams$title === void 0 ? title : _showParams$title,
44
+ _showParams$configDat = showParams.configData,
45
+ showConfigData = _showParams$configDat === void 0 ? configData : _showParams$configDat,
46
+ showReq = showParams.request,
47
+ _showParams$params = showParams.params,
48
+ params = _showParams$params === void 0 ? request : _showParams$params;
49
+ return {
50
+ title: showTitle,
51
+ request: showReq,
52
+ configData: showConfigData,
53
+ params: params
54
+ };
55
+ });
56
+ }
57
+ setModalVisible(true);
58
+ },
59
+ hide: function hide() {
60
+ setModalVisible(false);
61
+ },
62
+ dialogTable: dialogTable
63
+ });
64
+ var configData = modalTableParams.configData,
65
+ request = modalTableParams.request,
66
+ title = modalTableParams.title,
67
+ params = modalTableParams.params;
68
+ var req = request ? function (reqParams) {
69
+ return request(_objectSpread(_objectSpread({}, params), reqParams));
70
+ } : undefined;
71
+ return jsx(Modal, _objectSpread(_objectSpread({}, props), {}, {
72
+ visible: modalVisible,
73
+ onCancel: function onCancel(e) {
74
+ setModalVisible(false);
75
+ _onCancel === null || _onCancel === void 0 || _onCancel(e);
76
+ },
77
+ destroyOnClose: true,
78
+ title: title,
79
+ children: jsx(Table, _objectSpread(_objectSpread({}, tableProps), {}, {
80
+ configData: configData,
81
+ table: currentTable,
82
+ request: req
83
+ }))
84
+ }));
85
+ });
86
+
87
+ export { index as default };
88
+ // powered by hdj
package/es/Table.js CHANGED
@@ -98,7 +98,7 @@ var Table = (function (_ref) {
98
98
  direction: "vertical",
99
99
  size: spaceSize,
100
100
  style: {
101
- width: '100%'
101
+ width: "100%"
102
102
  },
103
103
  children: [!hideHeader && jsx(Header, {
104
104
  searchSpan: searchSpan,
@@ -39,7 +39,8 @@ var Index = function Index(_ref) {
39
39
  var _useRowObj = useRowObj(),
40
40
  selectedRowData = _useRowObj.selectedRowData,
41
41
  rowOnChange = _useRowObj.rowOnChange,
42
- allSelectChange = _useRowObj.allSelectChange;
42
+ allSelectChange = _useRowObj.allSelectChange,
43
+ setSelectedRowData = _useRowObj.setSelectedRowData;
43
44
  var tableInstance = useCurrentTable({
44
45
  table: table,
45
46
  reload: function reload(params) {
@@ -73,7 +74,8 @@ var Index = function Index(_ref) {
73
74
  rowOnChange([], []);
74
75
  return run(value);
75
76
  },
76
- onPageChange: tableInstance.table.reloadWithParams
77
+ onPageChange: tableInstance.table.reloadWithParams,
78
+ setSelectedRowData: setSelectedRowData
77
79
  },
78
80
  children: children
79
81
  });
@@ -7,7 +7,7 @@ export interface IParamsModal {
7
7
  dataSource?: any;
8
8
  manual?: boolean;
9
9
  }
10
- declare const _default: ({ request, loading, error, reload, dataSource, manual }: IParamsModal) => {
10
+ declare const _default: ({ request, loading, error, reload, dataSource, manual, }: IParamsModal) => {
11
11
  saveParams: {
12
12
  old: {};
13
13
  };
package/es/index.d.ts CHANGED
@@ -7,3 +7,5 @@ export { default as HTableBody } from "./HTableBody";
7
7
  export { default as HTableFooter } from "./HTableFooter";
8
8
  export { default as HTableHeader } from "./HTableHeader";
9
9
  export { default as HTablePagination } from "./HTablePagination";
10
+ export { default as HModalTable } from "./ModalTable";
11
+ export { useHDialogTable } from "./ModalTable/hooks";
package/es/index.js CHANGED
@@ -7,4 +7,6 @@ export { default as HTableBody } from './HTableBody/index.js';
7
7
  export { default as HTableFooter } from './HTableFooter/index.js';
8
8
  export { default as HTableHeader } from './HTableHeader/index.js';
9
9
  export { default as HTablePagination } from './HTablePagination/index.js';
10
+ export { default as HModalTable } from './ModalTable/index.js';
11
+ export { useHDialogTable } from './ModalTable/hooks.js';
10
12
  // powered by hdj
package/es/modal.d.ts CHANGED
@@ -3,6 +3,7 @@ import type { ProTableProps } from "@ant-design/pro-table";
3
3
  import type { HItemProps, HFormInstance } from "@hw-component/form/es/Form/modal";
4
4
  import type { ColProps } from "antd";
5
5
  import type React from "react";
6
+ import type { ModalProps } from "antd";
6
7
  export interface RowObj {
7
8
  keys?: React.Key[];
8
9
  rowData?: any[];
@@ -64,4 +65,25 @@ export interface HTableInstance {
64
65
  form: HFormInstance;
65
66
  table: TableInstance;
66
67
  }
68
+ export interface DialogParamsModal {
69
+ configData?: HTableProps["configData"];
70
+ request?: HTableProps["request"];
71
+ params?: Record<string, any>;
72
+ title?: string;
73
+ }
74
+ export interface HOnDiaLogTableInstance {
75
+ show: (params?: DialogParamsModal) => void;
76
+ hide: () => void;
77
+ }
78
+ export interface HDiaLogTableInstance {
79
+ form: HFormInstance;
80
+ table: TableInstance;
81
+ show: (params?: DialogParamsModal) => void;
82
+ hide: () => void;
83
+ }
84
+ export interface ModalTableProps extends ModalProps {
85
+ tableProps: HTableProps;
86
+ dialogTable?: HDiaLogTableInstance;
87
+ params?: Record<string, any>;
88
+ }
67
89
  export {};
@@ -8,5 +8,5 @@ interface IFooterProps {
8
8
  footerStyle?: React.CSSProperties;
9
9
  footerBtnRender?: FooterBtnRenderFn;
10
10
  }
11
- declare const _default: ({ actionRender, footerRender, footerStyle, footerBtnRender }: IFooterProps) => JSX.Element;
11
+ declare const _default: ({ actionRender, footerRender, footerStyle, footerBtnRender, }: IFooterProps) => JSX.Element;
12
12
  export default _default;