update

packages/dooringx-example/src/plugin/formComponents/animateControl.tsx

@@ -356,6 +356,7 @@ function AnimateControl(props: AnimateControlProps) {
 				>
 					添加动画
 				</Button>
+				<Button>添加自定义动画</Button>
 			</Row>
 		</>
 	);

packages/dooringx-example/src/plugin/index.tsx

@@ -29,6 +29,13 @@ const LeftRegistMap: LeftRegistComponentMapItem[] = [
 		img: 'https://img.guguzhu.com/d/file/android/ico/2021/09/08/rytzi2w34tm.png',
 		displayName: '输入框',
 	},
+	{
+		type: 'basic',
+		component: 'test',
+		img: 'https://img.guguzhu.com/d/file/android/ico/2021/09/08/rytzi2w34tm.png',
+		displayName: '测试',
+		urlFn: () => import('./registComponents/testCo'),
+	},
 ];
 
 export const defaultConfig: Partial<InitConfig> = {

packages/dooringx-example/src/plugin/registComponents/testCo.tsx

@@ -0,0 +1,17 @@
+import { ComponentItemFactory } from 'dooringx-lib';
+
+const TestCo = new ComponentItemFactory(
+	'test',
+	'测试组件',
+	{},
+	{
+		width: 200,
+		height: 55,
+	},
+	() => {
+		return <div>测试</div>;
+	},
+	true
+);
+
+export default TestCo;

packages/dooringx-lib/src/components/rightConfig.tsx

@@ -84,7 +84,11 @@ function RightConfig(props: PropsWithChildren<RightConfigProps>) {
 						);
 					});
 				} else {
-					return <div>{replaceLocale('right.noprops', '还没有配置属性', props.config)}</div>;
+					return (
+						<div className="yh-right-noprops" style={{ textAlign: 'center' }}>
+							{replaceLocale('right.noprops', '还没有配置属性', props.config)}
+						</div>
+					);
 				}
 			}
 			return null;

packages/dooringx-lib/src/core/store/storetype.ts

@@ -26,6 +26,7 @@ export interface AnimateItem {
 	animationDelay: number;
 	animationIterationCount: string;
 	animationTimingFunction: string;
+	isCustom?: boolean;
 }
 
 export interface IBlockType {