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

package/assets/core/ViewModel.ts

@@ -64,6 +64,8 @@ interface ICollectViewEvents {
 
 // 全局存储绑定关系: { className -> { uiProp: dataPath } }
 const bindingMap = new Map<any, Map<string, IBindingData>>();
+const bindingMapFunc = new Map<any, Map<string, string>>();
+
 const baseData = 'viewModel'
 const skip = "func"
 export const refMap: Map<any, string[]> = new Map();
@@ -111,7 +113,9 @@ export function BindViewModel<T extends new () => any>(constructor: T) {
                 value.type = classname
                 //                console.log('属性绑定', propertyKey, value.type, com, this)
                 // 记录绑定关系到实例
-                this._bindings.push({ uiProp: value.propertyKey, dataPath: value.dataPath });
+                //this._bindings.push({ uiProp: value.propertyKey, dataPath: value.dataPath });
+                this._bindings[value.dataPath] = value.propertyKey;
+
                 // 初始化 UI
                 const value_data = this._getNestedValue(this, value.dataPath);
                 const data = map.get(propertyKey)
@@ -120,7 +124,7 @@ export function BindViewModel<T extends new () => any>(constructor: T) {
 
             this.onLoadFinish();
             onLoad.call(this);
-
+            this.onLoadFinished();
         };
     };
 
@@ -154,6 +158,15 @@ export function Bind<T extends Component>(path?: string, param?: IBindingDataEve
     };
 }
 
+export function BindFunc<T extends Component>(path?: string, param?: IBindingDataEvents) {
+    return function (target: any, propertyKey: string) {
+        const className = target.constructor.prototype
+        const funcName = path ? path : propertyKey
+        if (!bindingMapFunc.has(className)) { bindingMapFunc.set(className, new Map()); }
+        bindingMapFunc.get(className)!.set(propertyKey, funcName);
+    };
+}
+
 
 export function BindTable<T extends Component>(dataPath: string, param?: ITableViewEvents) {
     dataPath = baseData + '.' + dataPath;
@@ -197,7 +210,9 @@ export function BindCollect<T extends Component>(dataPath: string, param?: IColl
 export function ViewModel<T extends new (...args: any[]) => Component>(Base: T) {
     return class extends Base {
         // 绑定关系存储
-        _bindings: { uiProp: string; dataPath: string }[] = [];
+        //_bindings: { uiProp: string; dataPath: string }[] = [];
+        _bindings: Record<string, string> = {}; // key: dataPath, value: uiProp
+
         viewModel: any
         touch_start = 'CALL_TOUCH_START'
         touch_move = 'CALL_TOUCH_MOVE'
@@ -226,6 +241,8 @@ export function ViewModel<T extends new (...args: any[]) => Component>(Base: T)
             /**是否记录-不记录可重复打开窗口 */
             is_record?: boolean;
         };
+        isOnLoad: boolean = false
+        funcMap: Map<string, any> = new Map()
         // 创建响应式数据
         _makeReactive<T extends object>(obj: T, pathPrefix: string): T {
             const self = this as any;
@@ -244,12 +261,19 @@ export function ViewModel<T extends new (...args: any[]) => Component>(Base: T)
                     return value;
                 },
                 set(target, key: string, value: any) {
-                    // ✅ 跳过 $ 开头的属性：不触发响应式更新
-                    if (key.startsWith(skip)) {
+                    //绑定的方法
+                    const funcName = bindingMapFunc.get(self.className)?.get(key)
+                    if (funcName) {
                         target[key] = value;
                         self.refreshData(key, value)
                         return true;
                     }
+                    // ✅ 跳过 $ 开头的属性：不触发响应式更新
+                    else if (key.startsWith(skip)) {
+                        target[key] = value;
+                        // self.refreshData(key, value)
+                        return true;
+                    }
                     else if (value?.skip) {
                         target[key] = value.value;
                         return true;
@@ -268,25 +292,41 @@ export function ViewModel<T extends new (...args: any[]) => Component>(Base: T)
         }
 
         // 数据变化回调（可被子类 override）
+        // _onDataChange(fullPath: string, newValue: any) {
+        //     if (!this._bindings) return;
+        //     this._bindings.forEach(({ uiProp, dataPath }) => {
+        //         if (fullPath === dataPath) {
+        //             const com = this[uiProp]
+        //             if (com) {
+        //                 const classname = this.constructor.prototype
+        //                 const data = bindingMap.get(classname).get(uiProp)
+        //                 const value = this._getNestedValue(this, data.dataPath);
+        //                 updateStatus(data, com, value, this)
+        //             }
+        //         }
+        //     });
+        // }
+
         _onDataChange(fullPath: string, newValue: any) {
             if (!this._bindings) return;
-            this._bindings.forEach(({ uiProp, dataPath }) => {
-                if (fullPath === dataPath) {
-                    const com = this[uiProp]
-                    if (com) {
-                        const classname = this.constructor.prototype
-                        const data = bindingMap.get(classname).get(uiProp)
+            const uiProp = this._bindings[fullPath];
+            if (uiProp !== undefined) {
+                const com = this[uiProp];
+                if (com) {
+                    const classname = this.constructor.prototype;
+                    const data = bindingMap.get(classname)?.get(uiProp);
+                    if (data) {
                         const value = this._getNestedValue(this, data.dataPath);
-                        updateStatus(data, com, value, this)
+                        updateStatus(data, com, value, this);
                     }
                 }
-            });
+            }
         }
 
         /** 解除当前组件的所有数据绑定 */
         public unbindViewModel(): void {
             // 1. 清空绑定关系（停止 _onDataChange 触发 UI 更新）
-            this._bindings = [];
+            this._bindings = null;
             // 2. 替换 data 为普通对象（破坏 Proxy 响应式）
             this.viewModel = null
             this.managerData()
@@ -294,6 +334,8 @@ export function ViewModel<T extends new (...args: any[]) => Component>(Base: T)
 
         protected onLoad(): void {
             super.onLoad()
+            this.isOnLoad = true;
+            this.bindFunc()
             this.onTouch()
             this.managerData()
         }
@@ -304,6 +346,11 @@ export function ViewModel<T extends new (...args: any[]) => Component>(Base: T)
         }
 
 
+
+        onLoadFinished() {
+            this.refreshFuncName()
+        }
+
         managerData() {
             ExComponentModule.EmitUIWindow(this.config, this.viewModel)
         }
@@ -317,15 +364,22 @@ export function ViewModel<T extends new (...args: any[]) => Component>(Base: T)
             // this.offTouch()
         }
 
+        bindFunc() {
+        }
+
         private refreshData(key: string, value: any) {
-            const funcName = `${key}`
-            if (this[funcName]) {
+            const funcName = bindingMapFunc.get(this.className)?.get(key)
+            if (this.isOnLoad) {
                 this[funcName]?.(value)
             } else {
-                console.error('没有找到方法：', funcName, this.node.name)
+                this.funcMap.set(funcName, value)
             }
         }
 
+        private refreshFuncName() {
+            this.funcMap.forEach((value, key) => { this[key]?.(value) })
+        }
+
         resetButtonScale(btn: Button) {
             if (btn.transition === Button.Transition.SCALE && ExComponentModule.EmitAnim()) {
                 if (btn[this.touch_start_scale]) {

package/package.json

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