@topthink/components 1.0.58 → 1.0.60

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 (103) hide show
  1. package/es/{editor-widget-ebec8493.js → editor-widget-CQ3zv-Xu.js} +0 -1
  2. package/es/{image-zoom-912e2b3b.js → image-zoom-OrIPGqh0.js} +0 -1
  3. package/es/{index-563b11c6.js → index-3GYeZqTw.js} +13 -14
  4. package/es/index-5gZRXtbb.js +1 -0
  5. package/es/index-UK__bsMk.js +39 -0
  6. package/es/index.js +1 -2
  7. package/es/{steps-afba29a7.js → steps-b_BcYIwk.js} +1 -2
  8. package/package.json +15 -15
  9. package/types/components/button.d.ts +9 -9
  10. package/types/components/card.d.ts +7 -7
  11. package/types/components/dimmer.d.ts +7 -7
  12. package/types/components/error.d.ts +5 -5
  13. package/types/components/form.d.ts +4 -4
  14. package/types/components/image-zoom.d.ts +4 -4
  15. package/types/components/lazy/form/index.d.ts +19 -19
  16. package/types/components/lazy/form/widgets/editor-widget.d.ts +6 -5
  17. package/types/components/lazy/image-zoom.d.ts +3 -3
  18. package/types/components/lazy/steps.d.ts +9 -9
  19. package/types/components/lazy/table/context.d.ts +2 -2
  20. package/types/components/lazy/table/index.d.ts +45 -45
  21. package/types/components/lazy/table/search.d.ts +23 -23
  22. package/types/components/lazy/table/use-selection.d.ts +3 -3
  23. package/types/components/loader.d.ts +9 -9
  24. package/types/components/loading-button.d.ts +7 -7
  25. package/types/components/modal/confirm.d.ts +8 -8
  26. package/types/components/modal/index.d.ts +32 -32
  27. package/types/components/modal/message.d.ts +26 -26
  28. package/types/components/modal/show.d.ts +3 -3
  29. package/types/components/modal-button.d.ts +17 -17
  30. package/types/components/modal-form.d.ts +10 -10
  31. package/types/components/number-format.d.ts +10 -10
  32. package/types/components/pagination.d.ts +11 -11
  33. package/types/components/request-button.d.ts +13 -13
  34. package/types/components/result.d.ts +15 -15
  35. package/types/components/space.d.ts +9 -9
  36. package/types/components/statistic.d.ts +7 -7
  37. package/types/components/steps.d.ts +10 -10
  38. package/types/components/table.d.ts +4 -4
  39. package/types/components/tooltip.d.ts +9 -9
  40. package/types/hooks/use-callback-ref.d.ts +2 -2
  41. package/types/hooks/use-controllable-state.d.ts +8 -8
  42. package/types/hooks/use-debounce.d.ts +2 -2
  43. package/types/hooks/use-overlay-state.d.ts +16 -16
  44. package/types/hooks/use-request.d.ts +21 -21
  45. package/types/hooks/use-safe-state.d.ts +4 -4
  46. package/types/hooks/use-state-with-callback.d.ts +2 -2
  47. package/types/hooks/use-unmounted-ref.d.ts +3 -3
  48. package/types/index.d.ts +33 -33
  49. package/types/request.d.ts +32 -32
  50. package/types/utils/is-record.d.ts +1 -1
  51. package/types/utils/message.d.ts +11 -11
  52. package/types/utils/toast.d.ts +11 -11
  53. package/types/utils/types.d.ts +7 -7
  54. package/types/utils/wait-pay-complete.d.ts +11 -11
  55. package/es/editor-widget-ebec8493.js.map +0 -1
  56. package/es/form-01bf45e9.js +0 -233
  57. package/es/form-01bf45e9.js.map +0 -1
  58. package/es/form-0a372a24.js +0 -2
  59. package/es/form-0a372a24.js.map +0 -1
  60. package/es/form-1791ea39.js +0 -236
  61. package/es/form-1791ea39.js.map +0 -1
  62. package/es/form-74ef0417.js +0 -2
  63. package/es/form-74ef0417.js.map +0 -1
  64. package/es/form-8925a750.js +0 -231
  65. package/es/form-8925a750.js.map +0 -1
  66. package/es/form-95db7eac.js +0 -2
  67. package/es/form-95db7eac.js.map +0 -1
  68. package/es/form-9c0e638a.js +0 -231
  69. package/es/form-9c0e638a.js.map +0 -1
  70. package/es/image-zoom-912e2b3b.js.map +0 -1
  71. package/es/index-1930b692.js +0 -67
  72. package/es/index-1930b692.js.map +0 -1
  73. package/es/index-1d379f3a.js +0 -562
  74. package/es/index-1d379f3a.js.map +0 -1
  75. package/es/index-2b97b70d.js +0 -2
  76. package/es/index-2b97b70d.js.map +0 -1
  77. package/es/index-303e1845.js +0 -560
  78. package/es/index-303e1845.js.map +0 -1
  79. package/es/index-4f51cece.js +0 -1352
  80. package/es/index-4f51cece.js.map +0 -1
  81. package/es/index-5142110c.js +0 -67
  82. package/es/index-5142110c.js.map +0 -1
  83. package/es/index-563b11c6.js.map +0 -1
  84. package/es/index-6ae8237d.js +0 -67
  85. package/es/index-6ae8237d.js.map +0 -1
  86. package/es/index-7a7c06a9.js +0 -40
  87. package/es/index-7a7c06a9.js.map +0 -1
  88. package/es/index-9869b1c6.js +0 -1350
  89. package/es/index-9869b1c6.js.map +0 -1
  90. package/es/index-a214613e.js +0 -40
  91. package/es/index-a214613e.js.map +0 -1
  92. package/es/index-a48179db.js +0 -1382
  93. package/es/index-a48179db.js.map +0 -1
  94. package/es/index-b34ecf90.js +0 -40
  95. package/es/index-b34ecf90.js.map +0 -1
  96. package/es/index-d964165a.js +0 -560
  97. package/es/index-d964165a.js.map +0 -1
  98. package/es/index-e17dc6f0.js +0 -40
  99. package/es/index-e17dc6f0.js.map +0 -1
  100. package/es/index.js.map +0 -1
  101. package/es/steps-afba29a7.js.map +0 -1
  102. package/es/steps-c27a3885.js +0 -34
  103. package/es/steps-c27a3885.js.map +0 -1
@@ -1,236 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import JsonForm, { getRegistry } from '@topthink/json-form';
3
- import { forwardRef, useState, useCallback } from 'react';
4
- import axios from 'axios';
5
- import { useSafeState, request, Button } from './index.js';
6
- import { mapValues } from 'lodash';
7
- import 'sweetalert2/dist/sweetalert2.js';
8
- import 'sweetalert2-react-content';
9
- import 'react-bootstrap';
10
- import 'query-string';
11
- import 'retry-axios';
12
- import '@babel/runtime/helpers/defineProperty';
13
- import 'rc-notification';
14
- import 'styled-components';
15
- import 'classnames';
16
- import 'rc-steps';
17
- import 'rc-steps/assets/index.css';
18
- import 'rc-table';
19
- import 'react-dom';
20
- import 'use-url-search-params';
21
- import 'react-async-hook';
22
-
23
- const localize = require('ajv-i18n/localize/zh');
24
- const toExtraErrors = error => {
25
- const errors = error.errors;
26
- if (typeof errors === 'string') {
27
- return {
28
- __errors: [errors]
29
- };
30
- }
31
- return mapValues(errors, e => {
32
- return {
33
- __errors: [e]
34
- };
35
- });
36
- };
37
- const widgets = {
38
- upload: function (_ref) {
39
- let {
40
- options,
41
- ...props
42
- } = _ref;
43
- const {
44
- widgets
45
- } = getRegistry();
46
- if (options.endpoint) {
47
- options.onUpload = async file => {
48
- const data = new FormData();
49
- data.set('file', file);
50
- const {
51
- url,
52
- value
53
- } = await request({
54
- url: options.endpoint,
55
- method: 'post',
56
- data
57
- });
58
- return {
59
- url,
60
- value
61
- };
62
- };
63
- }
64
- return jsx(widgets.upload, {
65
- ...props,
66
- options: options
67
- });
68
- },
69
- editor: function (_ref2) {
70
- let {
71
- options,
72
- ...props
73
- } = _ref2;
74
- const {
75
- widgets
76
- } = getRegistry();
77
- if (options.endpoint) {
78
- options.onUpload = async file => {
79
- const data = new FormData();
80
- data.set('file', file);
81
- const {
82
- url
83
- } = await request({
84
- url: options.endpoint,
85
- method: 'post',
86
- data
87
- });
88
- return url;
89
- };
90
- }
91
- return jsx(widgets.editor, {
92
- ...props,
93
- options: options
94
- });
95
- },
96
- typeahead: function (_ref3) {
97
- let {
98
- options,
99
- ...props
100
- } = _ref3;
101
- const {
102
- widgets
103
- } = getRegistry();
104
- if (options.endpoint) {
105
- options.onSearch = async _ref4 => {
106
- let {
107
- value,
108
- query
109
- } = _ref4;
110
- return await request({
111
- url: options.endpoint,
112
- params: {
113
- value,
114
- query
115
- }
116
- });
117
- };
118
- }
119
- return jsx(widgets.typeahead, {
120
- ...props,
121
- options: options
122
- });
123
- }
124
- };
125
- const Form = forwardRef((_ref5, ref) => {
126
- let {
127
- action,
128
- method = 'post',
129
- onSuccess,
130
- formData,
131
- onSubmitting,
132
- onSubmit,
133
- onChange,
134
- submitText = '提交',
135
- transformData,
136
- children,
137
- ...props
138
- } = _ref5;
139
- const [extraErrors, setExtraErrors] = useState();
140
- const [loading, setLoading] = useSafeState(false);
141
- const [data, setData] = useState(formData);
142
- const handleSubmit = useCallback(async (e, nativeEvent) => {
143
- if (!loading) {
144
- try {
145
- setLoading(true);
146
- if (onSubmitting) {
147
- onSubmitting(true);
148
- }
149
- if (action) {
150
- let {
151
- formData
152
- } = e;
153
- if (transformData) {
154
- formData = transformData(formData);
155
- }
156
- //todo 包含File对象需转FormData
157
- try {
158
- const result = await request({
159
- url: action,
160
- method,
161
- data: formData
162
- });
163
- setExtraErrors(undefined);
164
- if (onSuccess) {
165
- await onSuccess(result);
166
- }
167
- return result;
168
- } catch (e) {
169
- if (axios.isAxiosError(e)) {
170
- setExtraErrors(toExtraErrors(e));
171
- } else {
172
- throw e;
173
- }
174
- }
175
- } else if (onSubmit) {
176
- return await onSubmit(e, nativeEvent);
177
- }
178
- } finally {
179
- setLoading(false);
180
- if (onSubmitting) {
181
- onSubmitting(false);
182
- }
183
- }
184
- }
185
- }, [action, method, onSubmit]);
186
- const handleChange = useCallback(e => {
187
- const {
188
- formData
189
- } = e;
190
- setData(formData);
191
- if (onChange) {
192
- onChange(e);
193
- }
194
- }, [setData, onChange]);
195
- const transformErrors = useCallback(errors => {
196
- errors = errors.map(error => ({
197
- keyword: error.name,
198
- dataPath: error.property,
199
- ...error
200
- }));
201
- localize(errors);
202
- return errors;
203
- }, []);
204
- const submit = jsx(Button, {
205
- className: 'px-4',
206
- loading: loading,
207
- type: 'submit',
208
- variant: 'primary',
209
- children: submitText
210
- });
211
- if (typeof children === 'function') {
212
- children = children({
213
- submit,
214
- loading
215
- });
216
- }
217
- return jsx(JsonForm, {
218
- ref: ref,
219
- extraErrors: extraErrors,
220
- onSubmit: handleSubmit,
221
- transformErrors: transformErrors,
222
- noHtml5Validate: true,
223
- noValidate: true,
224
- ...props,
225
- formData: data,
226
- onChange: handleChange,
227
- widgets: widgets,
228
- children: children || jsx("div", {
229
- className: 'col-12',
230
- children: submit
231
- })
232
- });
233
- });
234
-
235
- export { Form as default };
236
- //# sourceMappingURL=form-1791ea39.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"form-1791ea39.js","sources":["../src/components/lazy/form.tsx"],"sourcesContent":["import JsonForm, { getRegistry, JsonFormProps, JsonFormType } from '@topthink/json-form';\r\nimport * as React from 'react';\r\nimport {\r\n forwardRef,\r\n ForwardRefExoticComponent,\r\n PropsWithoutRef,\r\n ReactNode,\r\n RefAttributes,\r\n useCallback,\r\n useState\r\n} from 'react';\r\nimport axios, { AxiosError, Method } from 'axios';\r\nimport request from '../../request';\r\nimport { mapValues } from 'lodash';\r\nimport type { AjvError, ISubmitEvent, WidgetProps } from '@rjsf/core';\r\nimport Button from '../button';\r\nimport useSafeState from '../../hooks/use-safe-state';\r\n\r\nconst localize = require('ajv-i18n/localize/zh');\r\n\r\nexport interface FormProps<T = any> extends JsonFormProps<T> {\r\n onSuccess?: (data: any) => void;\r\n method?: Method;\r\n children?: ReactNode | ((props: { submit: ReactNode, loading: boolean }) => ReactNode);\r\n submitText?: string;\r\n onSubmitting?: (submitting: boolean) => void;\r\n transformData?: (data: T) => T;\r\n}\r\n\r\ntype Error = {\r\n __errors: string[]\r\n}\r\n\r\ntype Errors = Error | {\r\n [key: string]: Error\r\n}\r\n\r\nconst toExtraErrors = (error: AxiosError): Errors => {\r\n const errors = error.errors;\r\n if (typeof errors === 'string') {\r\n return {\r\n __errors: [errors]\r\n };\r\n }\r\n return mapValues(errors, (e) => {\r\n return {\r\n __errors: [e]\r\n };\r\n });\r\n};\r\n\r\nconst widgets = {\r\n upload: function({ options, ...props }: WidgetProps) {\r\n const { widgets } = getRegistry();\r\n\r\n if (options.endpoint) {\r\n options.onUpload = async (file: File) => {\r\n\r\n const data = new FormData();\r\n\r\n data.set('file', file);\r\n\r\n const { url, value } = await request({\r\n url: options.endpoint as string,\r\n method: 'post',\r\n data\r\n });\r\n\r\n return { url, value };\r\n };\r\n }\r\n\r\n return <widgets.upload {...props} options={options} />;\r\n },\r\n editor: function({ options, ...props }: WidgetProps) {\r\n const { widgets } = getRegistry();\r\n\r\n if (options.endpoint) {\r\n options.onUpload = async (file: File) => {\r\n\r\n const data = new FormData();\r\n\r\n data.set('file', file);\r\n\r\n const { url } = await request({\r\n url: options.endpoint as string,\r\n method: 'post',\r\n data\r\n });\r\n\r\n return url;\r\n };\r\n }\r\n\r\n return <widgets.editor {...props} options={options} />;\r\n },\r\n typeahead: function({ options, ...props }: WidgetProps) {\r\n const { widgets } = getRegistry();\r\n\r\n if (options.endpoint) {\r\n options.onSearch = async ({ value, query }) => {\r\n return await request({\r\n url: options.endpoint as string,\r\n params: { value, query }\r\n });\r\n };\r\n }\r\n\r\n return <widgets.typeahead {...props} options={options} />;\r\n }\r\n};\r\n\r\nexport interface FormType extends JsonFormType {\r\n\r\n}\r\n\r\ntype Form<T = any> = ForwardRefExoticComponent<PropsWithoutRef<FormProps<T>> & RefAttributes<FormType>>\r\n\r\nconst Form: Form = forwardRef(({\r\n action,\r\n method = 'post',\r\n onSuccess,\r\n formData,\r\n onSubmitting,\r\n onSubmit,\r\n onChange,\r\n submitText = '提交',\r\n transformData,\r\n children,\r\n ...props\r\n}, ref) => {\r\n\r\n const [extraErrors, setExtraErrors] = useState<Errors>();\r\n const [loading, setLoading] = useSafeState(false);\r\n const [data, setData] = useState(formData);\r\n\r\n const handleSubmit = useCallback(async (e: ISubmitEvent<any>, nativeEvent: React.FormEvent<HTMLFormElement>) => {\r\n if (!loading) {\r\n try {\r\n setLoading(true);\r\n if (onSubmitting) {\r\n onSubmitting(true);\r\n }\r\n if (action) {\r\n let { formData } = e;\r\n\r\n if (transformData) {\r\n formData = transformData(formData);\r\n }\r\n\r\n //todo 包含File对象需转FormData\r\n try {\r\n const result = await request({\r\n url: action,\r\n method,\r\n data: formData\r\n });\r\n setExtraErrors(undefined);\r\n if (onSuccess) {\r\n await onSuccess(result);\r\n }\r\n return result;\r\n } catch (e) {\r\n if (axios.isAxiosError(e)) {\r\n setExtraErrors(toExtraErrors(e));\r\n } else {\r\n throw e;\r\n }\r\n }\r\n } else if (onSubmit) {\r\n return await onSubmit(e, nativeEvent);\r\n }\r\n } finally {\r\n setLoading(false);\r\n if (onSubmitting) {\r\n onSubmitting(false);\r\n }\r\n }\r\n }\r\n }, [action, method, onSubmit]);\r\n\r\n const handleChange = useCallback((e: ISubmitEvent<any>) => {\r\n const { formData } = e;\r\n setData(formData);\r\n if (onChange) {\r\n onChange(e);\r\n }\r\n }, [setData, onChange]);\r\n\r\n const transformErrors = useCallback((errors: AjvError[]) => {\r\n errors = errors.map(error => ({\r\n keyword: error.name,\r\n dataPath: error.property,\r\n ...error\r\n }));\r\n\r\n localize(errors);\r\n\r\n return errors;\r\n }, []);\r\n\r\n const submit = <Button className={'px-4'} loading={loading} type='submit' variant='primary'>{submitText}</Button>;\r\n\r\n if (typeof children === 'function') {\r\n children = children({ submit, loading });\r\n }\r\n\r\n return <JsonForm\r\n ref={ref}\r\n extraErrors={extraErrors}\r\n onSubmit={handleSubmit}\r\n transformErrors={transformErrors}\r\n noHtml5Validate\r\n noValidate\r\n {...props}\r\n formData={data}\r\n onChange={handleChange}\r\n widgets={widgets}\r\n >\r\n {children || <div className='col-12'>\r\n {submit}\r\n </div>}\r\n </JsonForm>;\r\n});\r\n\r\nexport default Form;\r\n"],"names":["localize","require","toExtraErrors","error","errors","__errors","mapValues","e","widgets","upload","options","props","getRegistry","endpoint","onUpload","file","data","FormData","set","url","value","request","method","_jsx","editor","typeahead","onSearch","query","params","Form","forwardRef","ref","action","onSuccess","formData","onSubmitting","onSubmit","onChange","submitText","transformData","children","extraErrors","setExtraErrors","useState","loading","setLoading","useSafeState","setData","handleSubmit","useCallback","nativeEvent","result","undefined","axios","isAxiosError","handleChange","transformErrors","map","keyword","name","dataPath","property","submit","Button","className","type","variant","JsonForm","noHtml5Validate","noValidate"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import{jsx as t}from"react/jsx-runtime";import o,{getRegistry as r}from"@topthink/json-form";import{forwardRef as e,useState as a,useCallback as n}from"react";import i from"axios";import{u as s,r as m,B as p}from"./index-6ae8237d.js";import{mapValues as l}from"lodash";import"sweetalert2/dist/sweetalert2.js";import"sweetalert2-react-content";import"react-bootstrap";import"query-string";import"retry-axios";import"rc-notification";import"styled-components";import"classnames";import"react-async-hook";const c=require("ajv-i18n/localize/zh"),d={upload:function(o){let{options:e,...a}=o;const{widgets:n}=r();return e.endpoint&&(e.onUpload=async t=>{const o=new FormData;o.set("file",t);const{url:r,value:a}=await m({url:e.endpoint,method:"post",data:o});return{url:r,value:a}}),t(n.upload,{...a,options:e})},editor:function(o){let{options:e,...a}=o;const{widgets:n}=r();return e.endpoint&&(e.onUpload=async t=>{const o=new FormData;o.set("file",t);const{url:r}=await m({url:e.endpoint,method:"post",data:o});return r}),t(n.editor,{...a,options:e})},typeahead:function(o){let{options:e,...a}=o;const{widgets:n}=r();return e.endpoint&&(e.onSearch=async t=>{let{value:o,query:r}=t;return await m({url:e.endpoint,params:{value:o,query:r}})}),t(n.typeahead,{...a,options:e})}},u=e(((r,e)=>{let{action:u,method:f="post",onSuccess:y,formData:h,onSubmitting:w,onSubmit:g,onChange:x,submitText:v="提交",transformData:b,children:D,...j}=r;const[S,q]=a(),[_,k]=s(!1),[E,z]=a(h),C=n((async(t,o)=>{if(!_)try{if(k(!0),w&&w(!0),u){let{formData:o}=t;b&&(o=b(o));try{const t=await m({url:u,method:f,data:o});return q(void 0),y&&await y(t),t}catch(t){if(!i.isAxiosError(t))throw t;q((t=>{const o=t.errors;return"string"==typeof o?{__errors:[o]}:l(o,(t=>({__errors:[t]})))})(t))}}else if(g)return await g(t,o)}finally{k(!1),w&&w(!1)}}),[u,f,g]),F=n((t=>{const{formData:o}=t;z(o),x&&x(t)}),[z,x]),N=n((t=>(t=t.map((t=>({keyword:t.name,dataPath:t.property,...t}))),c(t),t)),[]),U=t(p,{className:"px-4",loading:_,type:"submit",variant:"primary",children:v});return"function"==typeof D&&(D=D({submit:U,loading:_})),t(o,{ref:e,extraErrors:S,onSubmit:C,transformErrors:N,noHtml5Validate:!0,noValidate:!0,...j,formData:E,onChange:F,widgets:d,children:D||t("div",{className:"col-12",children:U})})}));export{u as default};
2
- //# sourceMappingURL=form-74ef0417.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"form-74ef0417.js","sources":["../src/components/lazy/form.tsx"],"sourcesContent":["import JsonForm, { getRegistry, JsonFormProps, JsonFormType } from '@topthink/json-form';\r\nimport * as React from 'react';\r\nimport {\r\n forwardRef,\r\n ForwardRefExoticComponent,\r\n PropsWithoutRef,\r\n ReactNode,\r\n RefAttributes,\r\n useCallback,\r\n useState\r\n} from 'react';\r\nimport axios, { AxiosError, Method } from 'axios';\r\nimport request from '../../request';\r\nimport { mapValues } from 'lodash';\r\nimport type { AjvError, ISubmitEvent, WidgetProps } from '@rjsf/core';\r\nimport Button from '../button';\r\nimport useSafeState from '../../hooks/use-safe-state';\r\n\r\nconst localize = require('ajv-i18n/localize/zh');\r\n\r\nexport interface FormProps<T = any> extends JsonFormProps<T> {\r\n onSuccess?: (data: any) => void;\r\n method?: Method;\r\n children?: ReactNode | ((props: { submit: ReactNode, loading: boolean }) => ReactNode);\r\n submitText?: string;\r\n onSubmitting?: (submitting: boolean) => void;\r\n transformData?: (data: T) => T;\r\n}\r\n\r\ntype Error = {\r\n __errors: string[]\r\n}\r\n\r\ntype Errors = Error | {\r\n [key: string]: Error\r\n}\r\n\r\nconst toExtraErrors = (error: AxiosError): Errors => {\r\n const errors = error.errors;\r\n if (typeof errors === 'string') {\r\n return {\r\n __errors: [errors]\r\n };\r\n }\r\n return mapValues(errors, (e) => {\r\n return {\r\n __errors: [e]\r\n };\r\n });\r\n};\r\n\r\nconst widgets = {\r\n upload: function({ options, ...props }: WidgetProps) {\r\n const { widgets } = getRegistry();\r\n\r\n if (options.endpoint) {\r\n options.onUpload = async (file: File) => {\r\n\r\n const data = new FormData();\r\n\r\n data.set('file', file);\r\n\r\n const { url, value } = await request({\r\n url: options.endpoint as string,\r\n method: 'post',\r\n data\r\n });\r\n\r\n return { url, value };\r\n };\r\n }\r\n\r\n return <widgets.upload {...props} options={options} />;\r\n },\r\n editor: function({ options, ...props }: WidgetProps) {\r\n const { widgets } = getRegistry();\r\n\r\n if (options.endpoint) {\r\n options.onUpload = async (file: File) => {\r\n\r\n const data = new FormData();\r\n\r\n data.set('file', file);\r\n\r\n const { url } = await request({\r\n url: options.endpoint as string,\r\n method: 'post',\r\n data\r\n });\r\n\r\n return url;\r\n };\r\n }\r\n\r\n return <widgets.editor {...props} options={options} />;\r\n },\r\n typeahead: function({ options, ...props }: WidgetProps) {\r\n const { widgets } = getRegistry();\r\n\r\n if (options.endpoint) {\r\n options.onSearch = async ({ value, query }) => {\r\n return await request({\r\n url: options.endpoint as string,\r\n params: { value, query }\r\n });\r\n };\r\n }\r\n\r\n return <widgets.typeahead {...props} options={options} />;\r\n }\r\n};\r\n\r\nexport interface FormType extends JsonFormType {\r\n\r\n}\r\n\r\nexport type CustomFormType<T = any> = ForwardRefExoticComponent<PropsWithoutRef<FormProps<T>> & RefAttributes<FormType>>\r\n\r\nconst Form: CustomFormType = forwardRef(({\r\n action,\r\n method = 'post',\r\n onSuccess,\r\n formData,\r\n onSubmitting,\r\n onSubmit,\r\n onChange,\r\n submitText = '提交',\r\n transformData,\r\n children,\r\n ...props\r\n}, ref) => {\r\n\r\n const [extraErrors, setExtraErrors] = useState<Errors>();\r\n const [loading, setLoading] = useSafeState(false);\r\n const [data, setData] = useState(formData);\r\n\r\n const handleSubmit = useCallback(async (e: ISubmitEvent<any>, nativeEvent: React.FormEvent<HTMLFormElement>) => {\r\n if (!loading) {\r\n try {\r\n setLoading(true);\r\n if (onSubmitting) {\r\n onSubmitting(true);\r\n }\r\n if (action) {\r\n let { formData } = e;\r\n\r\n if (transformData) {\r\n formData = transformData(formData);\r\n }\r\n\r\n //todo 包含File对象需转FormData\r\n try {\r\n const result = await request({\r\n url: action,\r\n method,\r\n data: formData\r\n });\r\n setExtraErrors(undefined);\r\n if (onSuccess) {\r\n await onSuccess(result);\r\n }\r\n return result;\r\n } catch (e) {\r\n if (axios.isAxiosError(e)) {\r\n setExtraErrors(toExtraErrors(e));\r\n } else {\r\n throw e;\r\n }\r\n }\r\n } else if (onSubmit) {\r\n return await onSubmit(e, nativeEvent);\r\n }\r\n } finally {\r\n setLoading(false);\r\n if (onSubmitting) {\r\n onSubmitting(false);\r\n }\r\n }\r\n }\r\n }, [action, method, onSubmit]);\r\n\r\n const handleChange = useCallback((e: ISubmitEvent<any>) => {\r\n const { formData } = e;\r\n setData(formData);\r\n if (onChange) {\r\n onChange(e);\r\n }\r\n }, [setData, onChange]);\r\n\r\n const transformErrors = useCallback((errors: AjvError[]) => {\r\n errors = errors.map(error => ({\r\n keyword: error.name,\r\n dataPath: error.property,\r\n ...error\r\n }));\r\n\r\n localize(errors);\r\n\r\n return errors;\r\n }, []);\r\n\r\n const submit = <Button className={'px-4'} loading={loading} type='submit' variant='primary'>{submitText}</Button>;\r\n\r\n if (typeof children === 'function') {\r\n children = children({ submit, loading });\r\n }\r\n\r\n return <JsonForm\r\n ref={ref}\r\n extraErrors={extraErrors}\r\n onSubmit={handleSubmit}\r\n transformErrors={transformErrors}\r\n noHtml5Validate\r\n noValidate\r\n {...props}\r\n formData={data}\r\n onChange={handleChange}\r\n widgets={widgets}\r\n >\r\n {children || <div className='col-12'>\r\n {submit}\r\n </div>}\r\n </JsonForm>;\r\n});\r\n\r\nexport default Form;\r\n"],"names":["localize","require","widgets","upload","_ref","options","props","getRegistry","endpoint","onUpload","async","data","FormData","set","file","url","value","request","method","_jsx","editor","_ref2","typeahead","_ref3","onSearch","query","_ref4","params","Form","forwardRef","_ref5","ref","action","onSuccess","formData","onSubmitting","onSubmit","onChange","submitText","transformData","children","extraErrors","setExtraErrors","useState","loading","setLoading","useSafeState","setData","handleSubmit","useCallback","e","nativeEvent","result","undefined","axios","isAxiosError","error","errors","__errors","mapValues","toExtraErrors","handleChange","transformErrors","map","keyword","name","dataPath","property","submit","Button","className","type","variant","JsonForm","noHtml5Validate","noValidate"],"mappings":"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"}
@@ -1,231 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import JsonForm, { getRegistry } from '@topthink/json-form';
3
- import { forwardRef, useState, useCallback } from 'react';
4
- import axios from 'axios';
5
- import { u as useSafeState, r as request, B as Button } from './index-9869b1c6.js';
6
- import { mapValues } from 'lodash';
7
- import 'sweetalert2/dist/sweetalert2.js';
8
- import 'sweetalert2-react-content';
9
- import 'react-bootstrap';
10
- import 'query-string';
11
- import 'retry-axios';
12
- import 'rc-notification';
13
- import 'styled-components';
14
- import 'classnames';
15
- import 'react-async-hook';
16
- import '@babel/runtime/helpers/defineProperty';
17
-
18
- const localize = require('ajv-i18n/localize/zh');
19
- const toExtraErrors = error => {
20
- const errors = error.errors;
21
- if (typeof errors === 'string') {
22
- return {
23
- __errors: [errors]
24
- };
25
- }
26
- return mapValues(errors, e => {
27
- return {
28
- __errors: [e]
29
- };
30
- });
31
- };
32
- const widgets = {
33
- upload: function (_ref) {
34
- let {
35
- options,
36
- ...props
37
- } = _ref;
38
- const {
39
- widgets
40
- } = getRegistry();
41
- if (options.endpoint) {
42
- options.onUpload = async file => {
43
- const data = new FormData();
44
- data.set('file', file);
45
- const {
46
- url,
47
- value
48
- } = await request({
49
- url: options.endpoint,
50
- method: 'post',
51
- data
52
- });
53
- return {
54
- url,
55
- value
56
- };
57
- };
58
- }
59
- return jsx(widgets.upload, {
60
- ...props,
61
- options: options
62
- });
63
- },
64
- editor: function (_ref2) {
65
- let {
66
- options,
67
- ...props
68
- } = _ref2;
69
- const {
70
- widgets
71
- } = getRegistry();
72
- if (options.endpoint) {
73
- options.onUpload = async file => {
74
- const data = new FormData();
75
- data.set('file', file);
76
- const {
77
- url
78
- } = await request({
79
- url: options.endpoint,
80
- method: 'post',
81
- data
82
- });
83
- return url;
84
- };
85
- }
86
- return jsx(widgets.editor, {
87
- ...props,
88
- options: options
89
- });
90
- },
91
- typeahead: function (_ref3) {
92
- let {
93
- options,
94
- ...props
95
- } = _ref3;
96
- const {
97
- widgets
98
- } = getRegistry();
99
- if (options.endpoint) {
100
- options.onSearch = async _ref4 => {
101
- let {
102
- value,
103
- query
104
- } = _ref4;
105
- return await request({
106
- url: options.endpoint,
107
- params: {
108
- value,
109
- query
110
- }
111
- });
112
- };
113
- }
114
- return jsx(widgets.typeahead, {
115
- ...props,
116
- options: options
117
- });
118
- }
119
- };
120
- const Form = forwardRef((_ref5, ref) => {
121
- let {
122
- action,
123
- method = 'post',
124
- onSuccess,
125
- formData,
126
- onSubmitting,
127
- onSubmit,
128
- onChange,
129
- submitText = '提交',
130
- transformData,
131
- children,
132
- ...props
133
- } = _ref5;
134
- const [extraErrors, setExtraErrors] = useState();
135
- const [loading, setLoading] = useSafeState(false);
136
- const [data, setData] = useState(formData);
137
- const handleSubmit = useCallback(async (e, nativeEvent) => {
138
- if (!loading) {
139
- try {
140
- setLoading(true);
141
- if (onSubmitting) {
142
- onSubmitting(true);
143
- }
144
- if (action) {
145
- let {
146
- formData
147
- } = e;
148
- if (transformData) {
149
- formData = transformData(formData);
150
- }
151
- //todo 包含File对象需转FormData
152
- try {
153
- const result = await request({
154
- url: action,
155
- method,
156
- data: formData
157
- });
158
- setExtraErrors(undefined);
159
- if (onSuccess) {
160
- await onSuccess(result);
161
- }
162
- return result;
163
- } catch (e) {
164
- if (axios.isAxiosError(e)) {
165
- setExtraErrors(toExtraErrors(e));
166
- } else {
167
- throw e;
168
- }
169
- }
170
- } else if (onSubmit) {
171
- return await onSubmit(e, nativeEvent);
172
- }
173
- } finally {
174
- setLoading(false);
175
- if (onSubmitting) {
176
- onSubmitting(false);
177
- }
178
- }
179
- }
180
- }, [action, method, onSubmit]);
181
- const handleChange = useCallback(e => {
182
- const {
183
- formData
184
- } = e;
185
- setData(formData);
186
- if (onChange) {
187
- onChange(e);
188
- }
189
- }, [setData, onChange]);
190
- const transformErrors = useCallback(errors => {
191
- errors = errors.map(error => ({
192
- keyword: error.name,
193
- dataPath: error.property,
194
- ...error
195
- }));
196
- localize(errors);
197
- return errors;
198
- }, []);
199
- const submit = jsx(Button, {
200
- className: 'px-4',
201
- loading: loading,
202
- type: 'submit',
203
- variant: 'primary',
204
- children: submitText
205
- });
206
- if (typeof children === 'function') {
207
- children = children({
208
- submit,
209
- loading
210
- });
211
- }
212
- return jsx(JsonForm, {
213
- ref: ref,
214
- extraErrors: extraErrors,
215
- onSubmit: handleSubmit,
216
- transformErrors: transformErrors,
217
- noHtml5Validate: true,
218
- noValidate: true,
219
- ...props,
220
- formData: data,
221
- onChange: handleChange,
222
- widgets: widgets,
223
- children: children || jsx("div", {
224
- className: 'col-12',
225
- children: submit
226
- })
227
- });
228
- });
229
-
230
- export { Form as default };
231
- //# sourceMappingURL=form-8925a750.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"form-8925a750.js","sources":["../src/components/lazy/form.tsx"],"sourcesContent":["import JsonForm, { getRegistry, JsonFormProps, JsonFormType } from '@topthink/json-form';\r\nimport * as React from 'react';\r\nimport {\r\n forwardRef,\r\n ForwardRefExoticComponent,\r\n PropsWithoutRef,\r\n ReactNode,\r\n RefAttributes,\r\n useCallback,\r\n useState\r\n} from 'react';\r\nimport axios, { AxiosError, Method } from 'axios';\r\nimport request from '../../request';\r\nimport { mapValues } from 'lodash';\r\nimport type { AjvError, ISubmitEvent, WidgetProps } from '@rjsf/core';\r\nimport Button from '../button';\r\nimport useSafeState from '../../hooks/use-safe-state';\r\n\r\nconst localize = require('ajv-i18n/localize/zh');\r\n\r\nexport interface FormProps<T = any> extends JsonFormProps<T> {\r\n onSuccess?: (data: any) => void;\r\n method?: Method;\r\n children?: ReactNode | ((props: { submit: ReactNode, loading: boolean }) => ReactNode);\r\n submitText?: string;\r\n onSubmitting?: (submitting: boolean) => void;\r\n transformData?: (data: T) => T;\r\n}\r\n\r\ntype Error = {\r\n __errors: string[]\r\n}\r\n\r\ntype Errors = Error | {\r\n [key: string]: Error\r\n}\r\n\r\nconst toExtraErrors = (error: AxiosError): Errors => {\r\n const errors = error.errors;\r\n if (typeof errors === 'string') {\r\n return {\r\n __errors: [errors]\r\n };\r\n }\r\n return mapValues(errors, (e) => {\r\n return {\r\n __errors: [e]\r\n };\r\n });\r\n};\r\n\r\nconst widgets = {\r\n upload: function({ options, ...props }: WidgetProps) {\r\n const { widgets } = getRegistry();\r\n\r\n if (options.endpoint) {\r\n options.onUpload = async (file: File) => {\r\n\r\n const data = new FormData();\r\n\r\n data.set('file', file);\r\n\r\n const { url, value } = await request({\r\n url: options.endpoint as string,\r\n method: 'post',\r\n data\r\n });\r\n\r\n return { url, value };\r\n };\r\n }\r\n\r\n return <widgets.upload {...props} options={options} />;\r\n },\r\n editor: function({ options, ...props }: WidgetProps) {\r\n const { widgets } = getRegistry();\r\n\r\n if (options.endpoint) {\r\n options.onUpload = async (file: File) => {\r\n\r\n const data = new FormData();\r\n\r\n data.set('file', file);\r\n\r\n const { url } = await request({\r\n url: options.endpoint as string,\r\n method: 'post',\r\n data\r\n });\r\n\r\n return url;\r\n };\r\n }\r\n\r\n return <widgets.editor {...props} options={options} />;\r\n },\r\n typeahead: function({ options, ...props }: WidgetProps) {\r\n const { widgets } = getRegistry();\r\n\r\n if (options.endpoint) {\r\n options.onSearch = async ({ value, query }) => {\r\n return await request({\r\n url: options.endpoint as string,\r\n params: { value, query }\r\n });\r\n };\r\n }\r\n\r\n return <widgets.typeahead {...props} options={options} />;\r\n }\r\n};\r\n\r\nexport interface FormType extends JsonFormType {\r\n\r\n}\r\n\r\nexport type CustomFormType<T = any> = ForwardRefExoticComponent<PropsWithoutRef<FormProps<T>> & RefAttributes<FormType>>\r\n\r\nconst Form: CustomFormType = forwardRef(({\r\n action,\r\n method = 'post',\r\n onSuccess,\r\n formData,\r\n onSubmitting,\r\n onSubmit,\r\n onChange,\r\n submitText = '提交',\r\n transformData,\r\n children,\r\n ...props\r\n}, ref) => {\r\n\r\n const [extraErrors, setExtraErrors] = useState<Errors>();\r\n const [loading, setLoading] = useSafeState(false);\r\n const [data, setData] = useState(formData);\r\n\r\n const handleSubmit = useCallback(async (e: ISubmitEvent<any>, nativeEvent: React.FormEvent<HTMLFormElement>) => {\r\n if (!loading) {\r\n try {\r\n setLoading(true);\r\n if (onSubmitting) {\r\n onSubmitting(true);\r\n }\r\n if (action) {\r\n let { formData } = e;\r\n\r\n if (transformData) {\r\n formData = transformData(formData);\r\n }\r\n\r\n //todo 包含File对象需转FormData\r\n try {\r\n const result = await request({\r\n url: action,\r\n method,\r\n data: formData\r\n });\r\n setExtraErrors(undefined);\r\n if (onSuccess) {\r\n await onSuccess(result);\r\n }\r\n return result;\r\n } catch (e) {\r\n if (axios.isAxiosError(e)) {\r\n setExtraErrors(toExtraErrors(e));\r\n } else {\r\n throw e;\r\n }\r\n }\r\n } else if (onSubmit) {\r\n return await onSubmit(e, nativeEvent);\r\n }\r\n } finally {\r\n setLoading(false);\r\n if (onSubmitting) {\r\n onSubmitting(false);\r\n }\r\n }\r\n }\r\n }, [action, method, onSubmit]);\r\n\r\n const handleChange = useCallback((e: ISubmitEvent<any>) => {\r\n const { formData } = e;\r\n setData(formData);\r\n if (onChange) {\r\n onChange(e);\r\n }\r\n }, [setData, onChange]);\r\n\r\n const transformErrors = useCallback((errors: AjvError[]) => {\r\n errors = errors.map(error => ({\r\n keyword: error.name,\r\n dataPath: error.property,\r\n ...error\r\n }));\r\n\r\n localize(errors);\r\n\r\n return errors;\r\n }, []);\r\n\r\n const submit = <Button className={'px-4'} loading={loading} type='submit' variant='primary'>{submitText}</Button>;\r\n\r\n if (typeof children === 'function') {\r\n children = children({ submit, loading });\r\n }\r\n\r\n return <JsonForm\r\n ref={ref}\r\n extraErrors={extraErrors}\r\n onSubmit={handleSubmit}\r\n transformErrors={transformErrors}\r\n noHtml5Validate\r\n noValidate\r\n {...props}\r\n formData={data}\r\n onChange={handleChange}\r\n widgets={widgets}\r\n >\r\n {children || <div className='col-12'>\r\n {submit}\r\n </div>}\r\n </JsonForm>;\r\n});\r\n\r\nexport default Form;\r\n"],"names":["localize","require","toExtraErrors","error","errors","__errors","mapValues","e","widgets","upload","options","props","getRegistry","endpoint","onUpload","file","data","FormData","set","url","value","request","method","_jsx","editor","typeahead","onSearch","query","params","Form","forwardRef","ref","action","onSuccess","formData","onSubmitting","onSubmit","onChange","submitText","transformData","children","extraErrors","setExtraErrors","useState","loading","setLoading","useSafeState","setData","handleSubmit","useCallback","nativeEvent","result","undefined","axios","isAxiosError","handleChange","transformErrors","map","keyword","name","dataPath","property","submit","Button","className","type","variant","JsonForm","noHtml5Validate","noValidate"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import{jsx as t}from"react/jsx-runtime";import o,{getRegistry as r}from"@topthink/json-form";import{forwardRef as e,useState as a,useCallback as n}from"react";import i from"axios";import{u as s,r as m,B as p}from"./index-1930b692.js";import{mapValues as l}from"lodash";import"sweetalert2/dist/sweetalert2.js";import"sweetalert2-react-content";import"react-bootstrap";import"query-string";import"retry-axios";import"@babel/runtime/helpers/defineProperty";import"rc-notification";import"styled-components";import"classnames";import"react-async-hook";const c=require("ajv-i18n/localize/zh"),d={upload:function(o){let{options:e,...a}=o;const{widgets:n}=r();return e.endpoint&&(e.onUpload=async t=>{const o=new FormData;o.set("file",t);const{url:r,value:a}=await m({url:e.endpoint,method:"post",data:o});return{url:r,value:a}}),t(n.upload,{...a,options:e})},editor:function(o){let{options:e,...a}=o;const{widgets:n}=r();return e.endpoint&&(e.onUpload=async t=>{const o=new FormData;o.set("file",t);const{url:r}=await m({url:e.endpoint,method:"post",data:o});return r}),t(n.editor,{...a,options:e})},typeahead:function(o){let{options:e,...a}=o;const{widgets:n}=r();return e.endpoint&&(e.onSearch=async t=>{let{value:o,query:r}=t;return await m({url:e.endpoint,params:{value:o,query:r}})}),t(n.typeahead,{...a,options:e})}},u=e(((r,e)=>{let{action:u,method:f="post",onSuccess:y,formData:h,onSubmitting:w,onSubmit:g,onChange:b,submitText:x="提交",transformData:v,children:D,...j}=r;const[S,q]=a(),[_,k]=s(!1),[E,z]=a(h),C=n((async(t,o)=>{if(!_)try{if(k(!0),w&&w(!0),u){let{formData:o}=t;v&&(o=v(o));try{const t=await m({url:u,method:f,data:o});return q(void 0),y&&await y(t),t}catch(t){if(!i.isAxiosError(t))throw t;q((t=>{const o=t.errors;return"string"==typeof o?{__errors:[o]}:l(o,(t=>({__errors:[t]})))})(t))}}else if(g)return await g(t,o)}finally{k(!1),w&&w(!1)}}),[u,f,g]),F=n((t=>{const{formData:o}=t;z(o),b&&b(t)}),[z,b]),N=n((t=>(t=t.map((t=>({keyword:t.name,dataPath:t.property,...t}))),c(t),t)),[]),P=t(p,{className:"px-4",loading:_,type:"submit",variant:"primary",children:x});return"function"==typeof D&&(D=D({submit:P,loading:_})),t(o,{ref:e,extraErrors:S,onSubmit:C,transformErrors:N,noHtml5Validate:!0,noValidate:!0,...j,formData:E,onChange:F,widgets:d,children:D||t("div",{className:"col-12",children:P})})}));export{u as default};
2
- //# sourceMappingURL=form-95db7eac.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"form-95db7eac.js","sources":["../src/components/lazy/form.tsx"],"sourcesContent":["import JsonForm, { getRegistry, JsonFormProps, JsonFormType } from '@topthink/json-form';\r\nimport * as React from 'react';\r\nimport {\r\n forwardRef,\r\n ForwardRefExoticComponent,\r\n PropsWithoutRef,\r\n ReactNode,\r\n RefAttributes,\r\n useCallback,\r\n useState\r\n} from 'react';\r\nimport axios, { AxiosError, Method } from 'axios';\r\nimport request from '../../request';\r\nimport { mapValues } from 'lodash';\r\nimport type { AjvError, ISubmitEvent, WidgetProps } from '@rjsf/core';\r\nimport Button from '../button';\r\nimport useSafeState from '../../hooks/use-safe-state';\r\n\r\nconst localize = require('ajv-i18n/localize/zh');\r\n\r\nexport interface FormProps<T = any> extends JsonFormProps<T> {\r\n onSuccess?: (data: any) => void;\r\n method?: Method;\r\n children?: ReactNode | ((props: { submit: ReactNode, loading: boolean }) => ReactNode);\r\n submitText?: string;\r\n onSubmitting?: (submitting: boolean) => void;\r\n transformData?: (data: T) => T;\r\n}\r\n\r\ntype Error = {\r\n __errors: string[]\r\n}\r\n\r\ntype Errors = Error | {\r\n [key: string]: Error\r\n}\r\n\r\nconst toExtraErrors = (error: AxiosError): Errors => {\r\n const errors = error.errors;\r\n if (typeof errors === 'string') {\r\n return {\r\n __errors: [errors]\r\n };\r\n }\r\n return mapValues(errors, (e) => {\r\n return {\r\n __errors: [e]\r\n };\r\n });\r\n};\r\n\r\nconst widgets = {\r\n upload: function({ options, ...props }: WidgetProps) {\r\n const { widgets } = getRegistry();\r\n\r\n if (options.endpoint) {\r\n options.onUpload = async (file: File) => {\r\n\r\n const data = new FormData();\r\n\r\n data.set('file', file);\r\n\r\n const { url, value } = await request({\r\n url: options.endpoint as string,\r\n method: 'post',\r\n data\r\n });\r\n\r\n return { url, value };\r\n };\r\n }\r\n\r\n return <widgets.upload {...props} options={options} />;\r\n },\r\n editor: function({ options, ...props }: WidgetProps) {\r\n const { widgets } = getRegistry();\r\n\r\n if (options.endpoint) {\r\n options.onUpload = async (file: File) => {\r\n\r\n const data = new FormData();\r\n\r\n data.set('file', file);\r\n\r\n const { url } = await request({\r\n url: options.endpoint as string,\r\n method: 'post',\r\n data\r\n });\r\n\r\n return url;\r\n };\r\n }\r\n\r\n return <widgets.editor {...props} options={options} />;\r\n },\r\n typeahead: function({ options, ...props }: WidgetProps) {\r\n const { widgets } = getRegistry();\r\n\r\n if (options.endpoint) {\r\n options.onSearch = async ({ value, query }) => {\r\n return await request({\r\n url: options.endpoint as string,\r\n params: { value, query }\r\n });\r\n };\r\n }\r\n\r\n return <widgets.typeahead {...props} options={options} />;\r\n }\r\n};\r\n\r\nexport interface FormType extends JsonFormType {\r\n\r\n}\r\n\r\ntype Form<T = any> = ForwardRefExoticComponent<PropsWithoutRef<FormProps<T>> & RefAttributes<FormType>>\r\n\r\nconst Form: Form = forwardRef(({\r\n action,\r\n method = 'post',\r\n onSuccess,\r\n formData,\r\n onSubmitting,\r\n onSubmit,\r\n onChange,\r\n submitText = '提交',\r\n transformData,\r\n children,\r\n ...props\r\n}, ref) => {\r\n\r\n const [extraErrors, setExtraErrors] = useState<Errors>();\r\n const [loading, setLoading] = useSafeState(false);\r\n const [data, setData] = useState(formData);\r\n\r\n const handleSubmit = useCallback(async (e: ISubmitEvent<any>, nativeEvent: React.FormEvent<HTMLFormElement>) => {\r\n if (!loading) {\r\n try {\r\n setLoading(true);\r\n if (onSubmitting) {\r\n onSubmitting(true);\r\n }\r\n if (action) {\r\n let { formData } = e;\r\n\r\n if (transformData) {\r\n formData = transformData(formData);\r\n }\r\n\r\n //todo 包含File对象需转FormData\r\n try {\r\n const result = await request({\r\n url: action,\r\n method,\r\n data: formData\r\n });\r\n setExtraErrors(undefined);\r\n if (onSuccess) {\r\n await onSuccess(result);\r\n }\r\n return result;\r\n } catch (e) {\r\n if (axios.isAxiosError(e)) {\r\n setExtraErrors(toExtraErrors(e));\r\n } else {\r\n throw e;\r\n }\r\n }\r\n } else if (onSubmit) {\r\n return await onSubmit(e, nativeEvent);\r\n }\r\n } finally {\r\n setLoading(false);\r\n if (onSubmitting) {\r\n onSubmitting(false);\r\n }\r\n }\r\n }\r\n }, [action, method, onSubmit]);\r\n\r\n const handleChange = useCallback((e: ISubmitEvent<any>) => {\r\n const { formData } = e;\r\n setData(formData);\r\n if (onChange) {\r\n onChange(e);\r\n }\r\n }, [setData, onChange]);\r\n\r\n const transformErrors = useCallback((errors: AjvError[]) => {\r\n errors = errors.map(error => ({\r\n keyword: error.name,\r\n dataPath: error.property,\r\n ...error\r\n }));\r\n\r\n localize(errors);\r\n\r\n return errors;\r\n }, []);\r\n\r\n const submit = <Button className={'px-4'} loading={loading} type='submit' variant='primary'>{submitText}</Button>;\r\n\r\n if (typeof children === 'function') {\r\n children = children({ submit, loading });\r\n }\r\n\r\n return <JsonForm\r\n ref={ref}\r\n extraErrors={extraErrors}\r\n onSubmit={handleSubmit}\r\n transformErrors={transformErrors}\r\n noHtml5Validate\r\n noValidate\r\n {...props}\r\n formData={data}\r\n onChange={handleChange}\r\n widgets={widgets}\r\n >\r\n {children || <div className='col-12'>\r\n {submit}\r\n </div>}\r\n </JsonForm>;\r\n});\r\n\r\nexport default Form;\r\n"],"names":["localize","require","widgets","upload","_ref","options","props","getRegistry","endpoint","onUpload","async","data","FormData","set","file","url","value","request","method","_jsx","editor","_ref2","typeahead","_ref3","onSearch","query","_ref4","params","Form","forwardRef","_ref5","ref","action","onSuccess","formData","onSubmitting","onSubmit","onChange","submitText","transformData","children","extraErrors","setExtraErrors","useState","loading","setLoading","useSafeState","setData","handleSubmit","useCallback","e","nativeEvent","result","undefined","axios","isAxiosError","error","errors","__errors","mapValues","toExtraErrors","handleChange","transformErrors","map","keyword","name","dataPath","property","submit","Button","className","type","variant","JsonForm","noHtml5Validate","noValidate"],"mappings":"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"}