fix: 适配@toco/components
This commit is contained in:
@@ -1,14 +1,14 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import Component, { renderFieldProps } from './lib';
|
import Component, { renderFieldProps } from './lib';
|
||||||
import './App.css';
|
import './App.css';
|
||||||
import { ConfigProvider, Form } from '{{ UIPackageName }}';
|
import { ProConfigProvider, Form } from '{{ UIPackageName }}';
|
||||||
|
|
||||||
const valueType = Component.displayName.charAt(0).toLowerCase() + Component.displayName.slice(1)
|
const valueType = Component.displayName.charAt(0).toLowerCase() + Component.displayName.slice(1)
|
||||||
|
|
||||||
const App: React.FC = () => {
|
const App: React.FC = () => {
|
||||||
return (
|
return (
|
||||||
<div className="App">
|
<div className="App">
|
||||||
<ConfigProvider
|
<ProConfigProvider
|
||||||
valueTypeMap={{
|
valueTypeMap={{
|
||||||
[valueType]: renderFieldProps,
|
[valueType]: renderFieldProps,
|
||||||
}}
|
}}
|
||||||
@@ -19,7 +19,7 @@ const App: React.FC = () => {
|
|||||||
<Component />
|
<Component />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
</Form>
|
</Form>
|
||||||
</ConfigProvider>
|
</ProConfigProvider>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { RenderFieldPropsType } from '{{ UIPackageName }}';
|
import { ProRenderFieldPropsType } from '@ant-design/pro-provider';
|
||||||
import './index.css';
|
import './index.css';
|
||||||
|
|
||||||
{{ CustomType }}
|
{{ CustomType }}
|
||||||
@@ -22,7 +22,7 @@ const {{ ComponentName }} = (props: {{ ComponentName }}Props) => {
|
|||||||
};
|
};
|
||||||
{{ ComponentName }}.displayName = '{{ ComponentName }}';
|
{{ ComponentName }}.displayName = '{{ ComponentName }}';
|
||||||
|
|
||||||
export const renderFieldProps: RenderFieldPropsType = {
|
export const renderFieldProps: ProRenderFieldPropsType = {
|
||||||
render: (value) => <>{JSON.stringify(value || '')}</>,
|
render: (value) => <>{JSON.stringify(value || '')}</>,
|
||||||
renderFormItem: (_, props) => <{{ ComponentName }} {...props.fieldProps} />,
|
renderFormItem: (_, props) => <{{ ComponentName }} {...props.fieldProps} />,
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user