update

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

@@ -101,12 +101,7 @@ function Blocks(props: PropsWithChildren<BlockProps>) {
 			}`;
 		}
 		return '';
-	}, [
-		props.data.animate.animate,
-		props.data.animate.delay,
-		// props.data.animate.duration,
-		props.data.animate.speed,
-	]);
+	}, [props.data.animate]);
 	const animateCount = useMemo(() => {
 		const animate = props.data.animate;
 
@@ -114,7 +109,7 @@ function Blocks(props: PropsWithChildren<BlockProps>) {
 			return { animationIterationCount: animate.animationIterationCount };
 		}
 		return { animationIterationCount: 1 };
-	}, [props.data.animate.animationIterationCount]);
+	}, [props.data.animate]);
 
 	const render = useMemo(() => {
 		// 如果是编辑模式下，则需要包裹不能选中层，位移层，缩放控制层，平面移动层。
@@ -191,6 +186,8 @@ function Blocks(props: PropsWithChildren<BlockProps>) {
 		props.context,
 		props.data,
 		innerDragData,
+		animatecss,
+		animateCount,
 		previewState.top,
 		previewState.left,
 		previewState.width,

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

@@ -2,8 +2,8 @@
  * @Author: yehuozhili
  * @Date: 2021-02-04 10:32:45
  * @LastEditors: yehuozhili
- * @LastEditTime: 2021-07-10 15:47:34
- * @FilePath: \DooringV2\packages\dooringx-lib\src\components\leftConfig.tsx
+ * @LastEditTime: 2021-07-11 13:34:00
+ * @FilePath: \dooringx\packages\dooringx-lib\src\components\leftConfig.tsx
  */
 import React, { ReactNode, useEffect, useMemo, useState } from 'react';
 import { Input, Menu } from 'antd';
@@ -93,7 +93,7 @@ function LeftConfig(props: LeftConfigProps) {
 							.map((v, index) => (
 								<div className={styles.coitem} key={index} {...dragEventResolve(v)}>
 									<div className={styles.redbox}>
-										{v.imgCustom ? v.imgCustom : <img src={v.img}></img>}
+										{v.imgCustom ? v.imgCustom : <img src={v.img} alt="component"></img>}
 									</div>
 
 									<div
@@ -112,7 +112,7 @@ function LeftConfig(props: LeftConfigProps) {
 						cache.map((v, index) => (
 							<div className={styles.coitem} key={index} {...dragEventResolve(v)}>
 								<div className={styles.redbox}>
-									{v.imgCustom ? v.imgCustom : <img src={v.img}></img>}
+									{v.imgCustom ? v.imgCustom : <img src={v.img} alt="component"></img>}
 								</div>
 								<div
 									style={{