@cc-component/cc-ex-component 1.9.1 → 1.9.4

package/assets/core/ViewModel.ts

@@ -34,7 +34,7 @@ interface IBindingDataEvents {
     reset?: (this: any, value: any, com: Component) => void;
     event?: (this: any) => void;
     /**动态加载spine的 sp.SkeletonData完成 */
-    spineFinish?: (this: any) => void;
+    spineFinish?: (this: any, value: { path: string, bundle: string, param?: { name: string, loop?: boolean, call?: (name?: string) => void, event?: (name?: string) => void }[] }) => void;
     touchStart?: (this: any, event: EventTouch) => void;
     touchMove?: (this: any, event: EventTouch) => void;
     touchEnd?: (this: any, event: EventTouch) => void;
@@ -65,7 +65,7 @@ interface ICollectViewEvents {
 // 全局存储绑定关系: { className -> { uiProp: dataPath } }
 const bindingMap = new Map<any, Map<string, IBindingData>>();
 const baseData = 'viewModel'
-const skip = "_"
+const skip = "func"
 export const refMap: Map<any, string[]> = new Map();
 
 // const comType = {
@@ -317,8 +317,13 @@ export function ViewModel<T extends new (...args: any[]) => Component>(Base: T)
             // this.offTouch()
         }
 
-        refreshData(key: string, value: any) {
-
+        private refreshData(key: string, value: any) {
+            const funcName = `${key}`
+            if (this[funcName]) {
+                this[funcName]?.(value)
+            } else {
+                console.error('没有找到方法：', funcName, this.node.name)
+            }
         }
 
         resetButtonScale(btn: Button) {
@@ -590,13 +595,17 @@ function updateStatus(data: IBindingData, com: Component, value: any, self: any)
                     else {
                         const dataSpine = ExComponentModule.EmitGetSpine?.(value)
                         if (dataSpine) {
-                            (com as sp.Skeleton).skeletonData = value;
-                            data.spineFinish.call(self)
+                            (com as sp.Skeleton).skeletonData = dataSpine;
+                            if (data.spineFinish) {
+                                data.spineFinish.call(self, value)
+                            } else ExComponentModule.EmitSpinePlay({ spine: (com as sp.Skeleton), value: value })
                         }
                         else {
                             ExComponentModule.EmitLoadSpine?.(value).then(sprite => {
                                 if (sprite) { if (com && com.isValid) (com as sp.Skeleton).skeletonData = sprite; }
-                                data.spineFinish.call(self)
+                                if (data.spineFinish) {
+                                    data.spineFinish.call(self, value)
+                                } else ExComponentModule.EmitSpinePlay({ spine: (com as sp.Skeleton), value: value })
                             }).catch(() => { });
                         }
                     }

package/assets/interface/ExComponentModule.ts

@@ -1,6 +1,7 @@
 import { sp } from "cc";
 import { SpriteFrame } from "cc";
 import { Button } from "cc";
+import { ISpinePlayData } from "./Interface";
 
 
 export class ExComponentModule {
@@ -16,6 +17,9 @@ export class ExComponentModule {
     paramAnim: { enable: boolean }
     paramSprite: { loadSprite: (param: { bundle: string, path: string }) => Promise<SpriteFrame>, getSprite: (param: { bundle: string, path: string }) => SpriteFrame }
     paramSpine: { loadSpine: (param: { bundle: string, path: string }) => Promise<sp.SkeletonData>, getSpine: (param: { bundle: string, path: string }) => sp.SkeletonData }
+    paramSpinePlay: { play: (param: { spine: sp.Skeleton, value: { path: string, bundle: string, param?: ISpinePlayData[] } }) => void }
+
+
     paramUIWindow: { onLoad: (config: any, viewModel: any) => void }
     paramClose: { close: (openParam: any, closeParam: any) => void }
 
@@ -52,7 +56,9 @@ export class ExComponentModule {
     static OnLoadSpine(param: { loadSpine: (param: { bundle: string, path: string }) => Promise<sp.SkeletonData>, getSpine: (param: { bundle: string, path: string }) => sp.SkeletonData }) {
         ExComponentModule.Ins.paramSpine = param
     }
-
+    static OnPlaySpine(param: { play: (param: { spine: sp.Skeleton, value: { path: string, bundle: string, param?: ISpinePlayData[] } }) => void }) {
+        ExComponentModule.Ins.paramSpinePlay = param
+    }
 
     static Emit(btn: Button) {
         ExComponentModule.Ins.param.click(btn)
@@ -74,6 +80,9 @@ export class ExComponentModule {
     static EmitGetSpine(param: any): sp.SkeletonData {
         return ExComponentModule.Ins.paramSpine?.getSpine?.(param)
     }
+    static EmitSpinePlay(param: any): void {
+        ExComponentModule.Ins.paramSpinePlay?.play?.(param)
+    }
 
     static EmitUIWindow(param: any, viewModel: any) {
         return ExComponentModule.Ins.paramUIWindow?.onLoad?.(param, viewModel)

package/assets/interface/Interface.ts

@@ -2,6 +2,7 @@ import { SpriteFrame } from "cc";
 import { sp } from "cc";
 import { Sprite } from "cc";
 import { Button } from "cc";
+import * as exp from "constants";
 interface IConfig {
     module: string,
     layer: string,
@@ -13,6 +14,8 @@ interface IConfig {
     /**是否记录-不记录可重复打开窗口 */
     is_record?: boolean,
 }
+/**骨骼动画播放参数 */
+export interface ISpinePlayData { name: string, loop?: boolean, call?: (name?: string) => void, event?: (name?: string) => void }
 declare global {
     namespace ExComponentModule {
         /**开启打印日志 */
@@ -28,6 +31,7 @@ declare global {
         /**监听加载图片 */
         function OnLoadSprite(param: { loadSprite: (param: { bundle: string, path: string }) => Promise<SpriteFrame>, getSprite: (param: { bundle: string, path: string }) => SpriteFrame });
         function OnLoadSpine(param: { loadSpine: (param: { bundle: string, path: string }) => Promise<sp.SkeletonData>, getSpine: (param: { bundle: string, path: string }) => sp.SkeletonData });
+        function OnPlaySpine(param: { play: (param: { spine: sp.Skeleton, value: { path: string, bundle: string, param?: ISpinePlayData[] } }) => void }): void;
         /**重置基础窗口 */
         function ResetBaseWindow(name?: string, isGet?: boolean);
         /**监听UI onLoad 给模块manager 赋值  */
@@ -42,5 +46,6 @@ declare global {
         function EmitGetSpine(param: any): sp.SkeletonData;
         function EmitUIWindow(param: IConfig, viewModel: any);
         function EmitCloseWindow(openParam: any, closeParam: any);
+        function EmitSpinePlay(param: { spine: sp.Skeleton, value: { path: string, bundle: string, param?: ISpinePlayData[] } });
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cc-component/cc-ex-component",
-    "version": "1.9.1",
+    "version": "1.9.4",
     "engine": ">=3.8.6",
     "description": "系统组件添加常用扩展方法",
     "main": "index.ts",