@cc-component/cc-ex-component 1.7.6 → 1.7.8

package/assets/core/ViewModel.ts

@@ -416,11 +416,13 @@ export function ViewModel<T extends new (...args: any[]) => Component>(Base: T)
                     const sx = data.propertyKey;
                     com_btn.node.off(Button.EventType.CLICK, com_btn[touch_click]);
                     tempData.skip = true;
-                    const btnCall = (btn) => {
-                        tempData.value = btn.node.active
-                        self.viewModel[sx] = tempData
-                        data.event?.call(self)
-                        self[`onClick_${sx}`]?.(btn)
+                    const btnCall = (btn: Button) => {
+                        if (btn.interactable) {
+                            tempData.value = btn.node.active
+                            self.viewModel[sx] = tempData
+                            data.event?.call(self)
+                            self[`onClick_${sx}`]?.(btn)
+                        }
                     }
                     com_btn[touch_click] = btnCall
                     com_btn.node.on(Button.EventType.CLICK, btnCall);
@@ -430,7 +432,8 @@ export function ViewModel<T extends new (...args: any[]) => Component>(Base: T)
                 if (data.touchStart && !com_btn[touch_start]) {
                     com_btn.node.off(Node.EventType.TOUCH_START, com_btn[touch_start]);
                     const call_start = (btn) => {
-                        data.touchStart?.call(self, btn)
+                        if (btn.interactable)
+                            data.touchStart?.call(self, btn)
                     }
                     com_btn[touch_start] = call_start
                     com_btn.node.on(Node.EventType.TOUCH_START, com_btn[touch_start]);
@@ -439,7 +442,8 @@ export function ViewModel<T extends new (...args: any[]) => Component>(Base: T)
                 if (data.touchMove && !com_btn[touch_start]) {
                     com_btn.node.off(Node.EventType.TOUCH_MOVE, com_btn[touch_start]);
                     const call_start = (btn) => {
-                        data.touchMove?.call(self, btn)
+                        if (btn.interactable)
+                            data.touchMove?.call(self, btn)
                     }
                     com_btn[touch_start] = call_start
                     com_btn.node.on(Node.EventType.TOUCH_MOVE, com_btn[touch_start]);
@@ -448,7 +452,8 @@ export function ViewModel<T extends new (...args: any[]) => Component>(Base: T)
                 if (data.touchEnd && !com_btn[touch_start]) {
                     com_btn.node.off(Node.EventType.TOUCH_END, com_btn[touch_start]);
                     const call_start = (btn) => {
-                        data.touchEnd?.call(self, btn)
+                        if (btn.interactable)
+                            data.touchEnd?.call(self, btn)
                     }
                     com_btn[touch_start] = call_start
                     com_btn.node.on(Node.EventType.TOUCH_END, com_btn[touch_start]);
@@ -457,7 +462,8 @@ export function ViewModel<T extends new (...args: any[]) => Component>(Base: T)
                 if (data.touchCancel && !com_btn[touch_start]) {
                     com_btn.node.off(Node.EventType.TOUCH_CANCEL, com_btn[touch_start]);
                     const call_start = (btn) => {
-                        data.touchCancel?.call(self, btn)
+                        if (btn.interactable)
+                            data.touchCancel?.call(self, btn)
                     }
                     com_btn[touch_start] = call_start
                     com_btn.node.on(Node.EventType.TOUCH_CANCEL, com_btn[touch_start]);

package/assets/ex/ExCommon.ts

@@ -171,6 +171,16 @@ declare module 'cc' {
          *  确保组件存在 不存在则添加
          */
         ensureComponent<T extends Component>(className: string): T;
+
+
+    }
+    interface Button {
+        /**
+     * 禁用按钮
+     * @param enable 
+     * @param time 禁用后xx秒后恢复，不传一直禁用
+     */
+        enable(enable: boolean, time?: number): void;
     }
 
     interface Animation {
@@ -642,6 +652,25 @@ Node.prototype.enable = function (this: Node, enable: boolean, time?: number): v
     }
 };
 
+Button.prototype.enable = function (this: Button, enable: boolean, time?: number): void {
+    if (this.isValid) {
+        const btn = this
+        if (btn) {
+            if (time) {
+                btn.interactable = enable;
+                if (!enable) {
+                    setTimeout(() => {
+                        if (btn && btn.isValid)
+                            btn.interactable = true;
+                    }, time)
+                }
+            } else {
+                btn.interactable = enable;
+            }
+        }
+    }
+};
+
 Node.prototype.touchStartAnim = function (this: Node, scale?: number, time?: number): void {
     if (this.isValid) {
         const btn = this

package/package.json

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