fix gl stencil on pc wechat game (cocos#8871)

* support versionCompare util

* fix gl stencil

pal/minigame/wechat.ts

@@ -1,6 +1,6 @@
 import { IMiniGame, SystemInfo } from 'pal/minigame';
 import { Orientation } from '../system/enum-type/orientation';
-import { cloneObject, createInnerAudioContextPolyfill } from '../utils';
+import { cloneObject, createInnerAudioContextPolyfill, versionCompare } from '../utils';
 
 declare let wx: any;
 
@@ -131,7 +131,7 @@ minigame.getSafeArea = function () {
 // #endregion SafeArea
 
 // HACK: adapt GL.useProgram: use program not supported to unbind program on pc end
-if (systemInfo.platform === 'windows') {
+if (systemInfo.platform === 'windows' && versionCompare(systemInfo.SDKVersion, '2.16.0') < 0) {
     // @ts-expect-error canvas defined in global
     const locCanvas = canvas;
     if (locCanvas) {

pal/utils.ts

@@ -131,3 +131,29 @@ export function createInnerAudioContextPolyfill (minigameEnv: any, polyfillConfi
         return audioContext;
     };
 }
+
+/**
+ * Compare two version, version should in pattern like 3.0.0.
+ * If versionA > versionB, return number larger than 0.
+ * If versionA = versionB, return number euqal to 0.
+ * If versionA < versionB, return number smaller than 0.
+ * @param versionA
+ * @param versionB
+ */
+export function versionCompare (versionA: string, versionB: string): number {
+    const versionRegExp = /\d+\.\d+\.\d+/;
+    if (!(versionRegExp.test(versionA) && versionRegExp.test(versionB))) {
+        console.warn('wrong format of version when compare version');
+        return 0;
+    }
+    const versionNumbersA = versionA.split('.').map((num: string) => Number.parseInt(num));
+    const versionNumbersB = versionB.split('.').map((num: string) => Number.parseInt(num));
+    for (let i = 0; i < 3; ++i) {
+        const numberA = versionNumbersA[i];
+        const numberB = versionNumbersB[i];
+        if (numberA !== numberB) {
+            return numberA - numberB;
+        }
+    }
+    return 0;
+}