@versa_ai/vmml-editor 1.0.7 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@versa_ai/vmml-editor",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "module": "dist/index.mjs",
   "main": "dist/index.mjs",
   "types": "dist/index.d.mts",
@@ -16,8 +16,8 @@
     "remotion": "4.0.166",
     "uuid": "^10.0.0",
     "zod": "^3.23.8",
-    "@versa_ai/vmml-utils": "1.0.8",
-    "@versa_ai/vmml-player": "1.1.3"
+    "@versa_ai/vmml-utils": "1.0.12",
+    "@versa_ai/vmml-player": "1.1.12"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.7.1",

package/src/index.tsx

@@ -41,7 +41,7 @@ const EditorFn = <Schema extends AnyZodObject, Props>(
 	const [frame, setFrame] = useState<number>(pauseFrame);
 	const [isPlaying, setIsPlaying] = useState<boolean>(false);
 	const [showCanvas, setShowCanvas] = useState(false);
-  const [filterIds, setFilterIds] = useState<string[]>([]);
+	const [filterIds, setFilterIds] = useState<string[]>([]);
 	const [durationInFrames, setDurationInFrames] = useState(getFrames(vmml?.template?.duration || 1, fps));
 	const [previewState, setPreviewState] = useState<boolean>(true); // true预览态 false编辑态
 	const [menuState, setMenuState] = useState<string>(""); // text 文字菜单 video 表情包菜单 空不显示
@@ -68,7 +68,7 @@ const EditorFn = <Schema extends AnyZodObject, Props>(
 		}
 	};
 
-	const hideLoading = () => {
+	const onPlayerReady = () => {
 		const { current }: any = vmmlPlayerRef;
 		vmmlFlag.current = false;
 		if (current && current.playerRef) {
@@ -390,11 +390,11 @@ const EditorFn = <Schema extends AnyZodObject, Props>(
 
 	useEffect(() => {
 		if (showCanvas) {
-			const ids = [...signList.map((item: any) => item.id),...editableArray];
-      setFilterIds(ids);
-    } else {
-      setFilterIds([]);
-    }
+			const ids = [...signList.map((item: any) => item.id), ...editableArray];
+			setFilterIds(ids);
+		} else {
+			setFilterIds([]);
+		}
 	}, [showCanvas, signList])
 
 	useEffect(() => {
@@ -421,12 +421,12 @@ const EditorFn = <Schema extends AnyZodObject, Props>(
 		}),
 		[vmml, player]
 	)
-	const texteditClose = ()=>{
+	const texteditClose = () => {
 		if (textMenuRef) {
 			textMenuRef.current.close();
 		}
 	}
-	const textFinish = () =>{
+	const textFinish = () => {
 		if (textMenuRef) {
 			textMenuRef.current.handleSubmit();
 		}
@@ -455,10 +455,9 @@ const EditorFn = <Schema extends AnyZodObject, Props>(
 								vmml={vmml}
 								existenceBorderRadio
 								moveToBeginningWhenEnded
-								isEditorState
 								muted={true}
 								fps={fps}
-								hideLoading={hideLoading}
+								onPlayerReady={onPlayerReady}
 								editableArray={editableArray}
 								premountFor={40}
 								pauseWhenBuffering={pauseWhenBuffering}
@@ -477,7 +476,7 @@ const EditorFn = <Schema extends AnyZodObject, Props>(
 							dragState={dragState}
 							initFcObjs={initFcObjs}
 							onVideoChange={onVideoChange}
-							// textInfoReset={textInfoReset}
+						// textInfoReset={textInfoReset}
 						/>
 						<div className="controls-box">
 							<Controls
@@ -497,43 +496,7 @@ const EditorFn = <Schema extends AnyZodObject, Props>(
 					</section>
 				</div>
 				<div className="padding-box"></div>
-						<section style={menuStyles} className={`footer ${menuState === 'text' ? 'text-style' : ''}`}>
-							{
-								maxText > 0 && (
-									<div
-										onClick={() => onClickMenu("text")}
-										data-aspm-click="c375146.d480849"
-										data-aspm-expo
-										data-aspm-param={`Template_Id=${templateId}^Strategy_Id=${strategyId}`}
-										>
-										<img src={wordIcon} alt="word" />
-										<p>文字</p>
-									</div>
-								)
-							}
-							{
-								maxVideo > 0 && (
-									<div
-										onClick={() => onClickMenu("video")}
-										data-aspm-click="c375146.d480850"
-										data-aspm-expo
-										data-aspm-param={`Template_Id=${templateId}^Strategy_Id=${strategyId}`}
-										>
-										<img src={emotionIcon} alt="emotion" />
-										<p>表情包</p>
-									</div>
-								)
-							}
-						</section>
-						{
-							maxVideo > 0 && (
-								<VideoMenu menuState={menuState} createImage={createImage} videoMenus={videoMenus} />
-							)
-						}
-					{menuState === "text" && (
-						<TextMenu ref={textMenuRef} createText={createText} textClose={textClose} textInfo={textInfo} showTextButtons={showTextButtons} />
-					)}
-				</div>
+			</div>
 			<MaxTextLayer textLayerHide={() => setIsShowMaxTextLayer(false)} show={isShowMaxTextLayer} text={tips} />
 		</>
 	);

package/src/utils/HistoryClass.ts

@@ -10,7 +10,6 @@ export default class HistoryClass {
 	editorInstance: any[];
 	actionTypeList: any[];
 	constructor(canvas?: fabric.Canvas) {
-		console.log("history init");
 		this.canvas = canvas;
 		this.historyUndo = [];
 		this.historyRedo = [];