@topthink/components 1.0.55 → 1.0.57

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.
@@ -0,0 +1,2 @@
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
@@ -0,0 +1 @@
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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"}
@@ -0,0 +1,231 @@
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
@@ -0,0 +1 @@
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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"}
@@ -0,0 +1,231 @@
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-4f51cece.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 'react-async-hook';
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-9c0e638a.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-9c0e638a.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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"}