create-jsview 2.1.25 → 2.1.200-next-vue.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-jsview",
-  "version": "2.1.25",
+  "version": "2.1.200-next-vue.0",
   "license": "MIT",
   "bin": {
     "create-jsview": "index.mjs",
@@ -29,7 +29,7 @@
     "prompts": "^2.4.2"
   },
   "template": {
-    "vue": "2.1.25",
-    "react": "2.1.25"
+    "vue": "2.1.200-next-vue.0",
+    "react": "2.0.1197-next-vue.0"
   }
 }

package/template-react-webpack/package-lock-json

@@ -9,8 +9,8 @@
       "version": "0.0.0",
       "hasInstallScript": true,
       "dependencies": {
-        "@shijiu/jsview": "2.1.25",
-        "@shijiu/jsview-react": "2.1.25",
+        "@shijiu/jsview": "2.0.1197-next-vue.0",
+        "@shijiu/jsview-react": "2.0.1197-next-vue.0",
         "gifuct-js": "^2.1.2",
         "postcss-import-sync": "^7.1.4",
         "postcss-js": "^4.0.0",
@@ -3034,7 +3034,7 @@
       "integrity": "sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg=="
     },
     "node_modules/@shijiu/jsview": {
-      "version": "2.1.25",
+      "version": "2.0.1197-next-vue.0",
       "license": "MIT",
       "dependencies": {
         "gifuct-js": "2.1.2",
@@ -3053,7 +3053,7 @@
       "integrity": ""
     },
     "node_modules/@shijiu/jsview-react": {
-      "version": "2.1.25",
+      "version": "2.0.1197-next-vue.0",
       "license": "MIT",
       "dependencies": {
         "qr.js": "0.0.0"
@@ -17814,7 +17814,7 @@
       "integrity": "sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg=="
     },
     "@shijiu/jsview": {
-      "version": "2.1.25",
+      "version": "2.0.1197-next-vue.0",
       "requires": {
         "gifuct-js": "2.1.2",
         "postcss-import-sync": "7.1.4",
@@ -17824,7 +17824,7 @@
       "integrity": ""
     },
     "@shijiu/jsview-react": {
-      "version": "2.1.25",
+      "version": "2.0.1197-next-vue.0",
       "requires": {
         "qr.js": "0.0.0"
       },

package/template-react-webpack/package.json

@@ -10,8 +10,8 @@
     "start": "react-scripts start"
   },
   "dependencies": {
-    "@shijiu/jsview": "2.1.25",
-    "@shijiu/jsview-react": "2.1.25",
+    "@shijiu/jsview": "2.0.1197-next-vue.0",
+    "@shijiu/jsview-react": "2.0.1197-next-vue.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-router": "5.3.4",

package/template-vue-vite/package-lock-json

@@ -9,8 +9,8 @@
       "version": "0.0.0",
       "hasInstallScript": true,
       "dependencies": {
-        "@shijiu/jsview": "2.1.25",
-        "@shijiu/jsview-vue": "2.1.25",
+        "@shijiu/jsview": "2.1.200-next-vue.0",
+        "@shijiu/jsview-vue": "2.1.200-next-vue.0",
         "gifuct-js": "^2.1.2",
         "postcss-js": "^4.0.0",
         "qr.js": "^0.0.0",
@@ -399,7 +399,7 @@
       }
     },
     "node_modules/@shijiu/jsview": {
-      "version": "2.1.25",
+      "version": "2.1.200-next-vue.0",
       "license": "MIT",
       "dependencies": {
         "gifuct-js": "2.1.2",
@@ -417,7 +417,7 @@
       "integrity": ""
     },
     "node_modules/@shijiu/jsview-vue": {
-      "version": "2.1.25",
+      "version": "2.1.200-next-vue.0",
       "license": "MIT",
       "dependencies": {
         "qr.js": "0.0.0"
@@ -1161,7 +1161,7 @@
       "optional": true
     },
     "@shijiu/jsview": {
-      "version": "2.1.25",
+      "version": "2.1.200-next-vue.0",
       "requires": {
         "gifuct-js": "2.1.2",
         "postcss-js": "4.0.0"
@@ -1170,7 +1170,7 @@
       "integrity": ""
     },
     "@shijiu/jsview-vue": {
-      "version": "2.1.25",
+      "version": "2.1.200-next-vue.0",
       "requires": {
         "qr.js": "0.0.0"
       },

package/template-vue-vite/package.json

@@ -4,17 +4,16 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "android": "node node_modules/@shijiu/jsview/tools/jsview-run-android.mjs --framework=vue",
     "build": "vue-tsc && vite build",
     "dev": "vite",
     "postbuild": "node node_modules/@shijiu/jsview/tools/jsview-post-build.mjs --framework=vue",
     "postinstall": "node node_modules/@shijiu/jsview/tools/jsview-post-install.mjs --framework=vue",
-    "preview": "vite preview",
-    "start": "vite"
+    "start": "vite",
+    "tool": "node node_modules/@shijiu/jsview/tools/jsview-run-tool.mjs --framework=vue"
   },
   "dependencies": {
-    "@shijiu/jsview": "2.1.25",
-    "@shijiu/jsview-vue": "2.1.25",
+    "@shijiu/jsview": "2.1.200-next-vue.0",
+    "@shijiu/jsview-vue": "2.1.200-next-vue.0",
     "vue": "3.2.45",
     "vue-router": "4.1.6"
   },

package/template-vue-vite/src/App.vue

@@ -1,20 +1,41 @@
 <template>
-<div>
-  <img src="./assets/logo.png" class="logo-size">
-  <HelloWorld msg="Hello JsView-Vue + Vite App" :style="{top: 50, width:220}"/>
-</div>
+  <jsv-focus-block autoFocus :onKeyDown="processKeyDown">
+    <div>
+      <img src="./assets/logo.png" class="logo-size" />
+      <HelloWorld
+        msg="Hello JsView-Vue + Vite App"
+        :style="{ top: 50, width: 220 }"
+      />
+    </div>
+  </jsv-focus-block>
 </template>
 
 <script setup>
-import { onMounted } from "vue"
+import { onMounted } from "vue";
 import { jJsvRuntimeBridge } from "jsview";
-import HelloWorld from './components/HelloWorld.vue';
+import HelloWorld from "./components/HelloWorld.vue";
 
-onMounted(()=>{
+const processKeyDown = (ev) => {
+  if (
+    ev.keyCode == 10000 /* 盒子runtime的返回键值 */ ||
+    ev.keyCode == 8 /* PC浏览器的返回键 */
+  ) {
+    // JsView体系下，和runtime端约定，如果js的根节点处理好返回键并返回true
+    // 则视作js出现了异常，此时runtime将自我退出，
+    // 以规避用户无法通过返回键退出异常小程序的问题
+
+    // 如有需要进行主动退出时, 处理如下:
+    // jJsvRuntimeBridge.closePage();
+
+    console.log("consume back key...");
+    return true; // consume the key
+  }
+};
+
+onMounted(() => {
   /* apk到收到此调用后才会结束启动过程，去掉启动图(否则会显示加载超时的界面) */
   jJsvRuntimeBridge.notifyPageLoaded();
 });
-
 </script>
 
 <style scoped>

package/template-vue-vite/src/appConfig/jsview.config.mjs

@@ -40,7 +40,7 @@ export default {
     // PS:注意'164'的引号
     bindKeys: {
       keys: {
-        '164': 20001
+        // '164': 20001
       },
       syncKeys: {
       }

package/template-vue-vite/src/main.tsx

@@ -1,6 +1,10 @@
 import { createApp } from 'vue'
 import { jsvCreateFocusManager } from 'jsview'
 import App from './App.vue'
+import { listenerToPermissionResult } from './permissionResult'
+
+// js授权状态的监听, app的编译版本上线前请联系商务对产品进行在线授权
+listenerToPermissionResult();
 
 const app = createApp(App)
 

package/template-vue-vite/src/permissionResult.tsx

@@ -0,0 +1,44 @@
+export function listenerToPermissionResult() {
+    // 注册监听后，api方式的授权校验，会在延迟的1分钟后收到校验结果
+    (window as any).JsView?.addEventListener("onAuthResult", (info: any) => {
+        // info接口:
+        // success(bool): 当次授权校验是否通过
+        // showAlert(bool): APP界面右下角展示未授权提示，满足下面条件之一时会展示
+        //                  1. app运行的main.js是未进行签名(签名参考src/appConfig/中的描述)的，提示"npm start 调试模式"
+        //                  2. 仅在在线授权未通过, 并且达到允许次数时生效(每日累计1次, 最多累计30天), 提示"抢先版内核"
+        // errorCount(int): 在线授权失败累计的次数, 授权成功后清0
+        // checkType(string): 授权的校验方式, 例如: 调试模式 devMode, 在线校验方式: api
+        // customDescribe: 授权的描述, 许可范围等描述
+        // errorCode: 授权失败的错误码
+        //     -1: apk签名不匹配(仅离线校验时)
+        //     -2: js的app name未登记
+        //     -3: js的app签名和app name登记信息不匹配
+        //     -4: permission.js文件过期
+        //     -5: core版本不匹配
+        //     -6: 分支名不匹配
+        //     -7: 在线鉴权时未通过的统一错误码(后台详细错误码搭建中...)
+        //     -8: 页面为npm start的调试模式(开发人员调试时才会出现此状态)
+        //     -101: 本地permission.js文件格式错误
+        //     -102: permission.js文件授权信息中core版本无法正确解析为数字错误
+        //     -103: permission.js文件授权信息中的日期格式错误
+        //     -105: 在线鉴权api请求失败错误
+        if (!info.success) {
+            if (info.errorCode != -8/* -8为"调试模式" */) {
+                console.error("警告: 当次授权未通过, error code=" + info.errorCode);
+            }
+        } else {
+            console.info("授权通过:" + info.customDescribe);
+        }
+
+        if (info.errorCount > 0) {
+            console.warn(`在线授权校验失败累计了${info.errorCount}天, 请在达到30天前检查授权网络环境`);
+        }
+
+        if (info.showAlert
+            && info.errorCode != -8/* -8为"调试模式" */) {
+            console.warn("注意: 右下角未授权提示已展示");
+        }
+
+        console.log("onAuthResult info=" + JSON.stringify(info));
+    });
+}