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