@cc-component/cc-ex-component 1.9.0 → 1.9.3

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;
@@ -590,13 +590,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/ex/ExCommon.ts

@@ -24,7 +24,7 @@ declare global {
         /**添加描边 -富文本*/
         addOutline(colorHex: string, font: number): string
         /**添加粗体 -富文本*/
-        addBold(text: string): string
+        addBold(): string
     }
 
     interface Any {
@@ -787,11 +787,11 @@ String.prototype.addSize = function (font: number): string {
 };
 // 实现字符串扩展方法
 String.prototype.addOutline = function (colorHex: string, font: number): string {
-    return `<outline color=${colorHex} width=${font}>描边</outline>`
+    return `<outline color=${colorHex} width=${font}>${this}</outline>`
 };
 // 实现字符串扩展方法
-String.prototype.addBold = function (text): string {
-    return `<b>${text}</b>`
+String.prototype.addBold = function (): string {
+    return `<b>${this}</b>`
 };
 Label.prototype.fromHEX = function (this: Label, hex: string): void {
     const label = this;

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.0",
+    "version": "1.9.3",
     "engine": ">=3.8.6",
     "description": "系统组件添加常用扩展方法",
     "main": "index.ts",