@shijiu/jsview-vue 0.9.254 → 0.9.261

package/dom/bin/package.json

@@ -1,11 +1,11 @@
-{
-  "name": "jsview-dom",
-  "version": "1.0.313",
-  "description": "JsView DOM wrapper library used to get jsview support",
-  "keywords": [],
-  "author": "Donglin.lu <donglin.lu@qcast.cn>",
-  "license": "ISC",
-  "dependencies": {
-    "gifuct-js": "2.1.1"
-  }
-}
+{
+  "name": "jsview-dom",
+  "version": "1.0.313",
+  "description": "JsView DOM wrapper library used to get jsview support",
+  "keywords": [],
+  "author": "Donglin.lu <donglin.lu@qcast.cn>",
+  "license": "ISC",
+  "dependencies": {
+    "gifuct-js": "2.1.1"
+  }
+}

package/dom/browser-root-style.css

@@ -1,21 +1,21 @@
-*{
-  margin:0px;
-}
-div{
-  position: absolute;
-  background-size: 100% 100%;
-  white-space: pre-wrap;
-  pointer-events: none;
-}
-
-video {
-  position: absolute;
-  background-size: 100% 100%;
-}
-
-img{
-  position: absolute;
-  pointer-events: none;
-}
-
-
+*{
+  margin:0px;
+}
+div{
+  position: absolute;
+  background-size: 100% 100%;
+  white-space: pre-wrap;
+  pointer-events: none;
+}
+
+video {
+  position: absolute;
+  background-size: 100% 100%;
+}
+
+img{
+  position: absolute;
+  pointer-events: none;
+}
+
+

package/loader/jsview-main.js

@@ -1,42 +1,42 @@
-import JsViewDefConfig from "./jsview.default.config"
-import JsViewVendorConfig from "/src/appConfig/jsview.config"
-import { loadJsViewEnv } from './loader'
-
-function deepMerge(target, source) {
-  const isObject = (obj) => obj && typeof obj === 'object';
-
-  if (!isObject(target) || !isObject(source)) {
-    return source;
-  }
-
-  Object.keys(source).forEach(key => {
-    const targetValue = target[key];
-    const sourceValue = source[key];
-
-    if (Array.isArray(targetValue) && Array.isArray(sourceValue)) {
-      target[key] = targetValue.concat(sourceValue);
-    } else if (isObject(targetValue) && isObject(sourceValue)) {
-      target[key] = deepMerge(Object.assign({}, targetValue), sourceValue);
-    } else {
-      target[key] = sourceValue;
-    }
-  });
-
-  return target;
-}
-
-function main() {
-    // 使用vendor配置值覆盖默认配置。
-    let config = JsViewDefConfig;
-    deepMerge(config, JsViewVendorConfig);
-    console.log("JsView config: " + JSON.stringify(config));
-
-    // 加载jsview运行环境。
-    loadJsViewEnv(config, () => {
-        // JsView环境加载完毕后，加载vue的main.js文件。
-        import('/src/main.ts');
-    })
-}
-
-// webpack运行入口
+import JsViewDefConfig from "./jsview.default.config"
+import JsViewVendorConfig from "/src/appConfig/jsview.config"
+import { loadJsViewEnv } from './loader'
+
+function deepMerge(target, source) {
+  const isObject = (obj) => obj && typeof obj === 'object';
+
+  if (!isObject(target) || !isObject(source)) {
+    return source;
+  }
+
+  Object.keys(source).forEach(key => {
+    const targetValue = target[key];
+    const sourceValue = source[key];
+
+    if (Array.isArray(targetValue) && Array.isArray(sourceValue)) {
+      target[key] = targetValue.concat(sourceValue);
+    } else if (isObject(targetValue) && isObject(sourceValue)) {
+      target[key] = deepMerge(Object.assign({}, targetValue), sourceValue);
+    } else {
+      target[key] = sourceValue;
+    }
+  });
+
+  return target;
+}
+
+function main() {
+    // 使用vendor配置值覆盖默认配置。
+    let config = JsViewDefConfig;
+    deepMerge(config, JsViewVendorConfig);
+    console.log("JsView config: " + JSON.stringify(config));
+
+    // 加载jsview运行环境。
+    loadJsViewEnv(config, () => {
+        // JsView环境加载完毕后，加载vue的main.js文件。
+        import('/src/main.ts');
+    })
+}
+
+// webpack运行入口
 main();

package/loader/jsview.config.default.js

@@ -1,37 +1,37 @@
-export default {
-    jsviewConfig: {
-        // (可选配置)localStorage支持
-        // domain可以为任意字符串，各Domain的localStorage互相隔离, 默认值是hostname
-        // presetKeys为预置key，可以直接使用localStorage.xxx的形式，避免undefined错误
-        localStorage: {
-            domain: "default",
-            presetKeys: [
-                "value1",
-                "value2"
-            ],
-        },
-
-        // (可选配置)填写main.js或者bundle.js相对于index.html的相对位置，
-        // 用于image/import.then的相对寻址, vue3默认值是/js/
-        jsSubPath: "/js/",
-    },
-
-    vendorConfig: {
-        // (可选配置)设置屏幕坐标映射值，screenWidth为屏幕画布定义的宽度，displayScale为清晰度，
-        // 默认值是画布宽度1280px, 清晰度为1.0
-        designedMap: {
-            screenWidth: 1280,
-            displayScale: 1.0
-        },
-
-        // (可选配置)按键接受的扩展，例如将静音按键(JAVA键值为164)映射为JS键值20001，
-        // PS:注意"164"的引号
-        bindKeys: {
-            keys: {
-                164: 20001
-            },
-            syncKeys: {
-            }
-        },
-    }
-}
+export default {
+    jsviewConfig: {
+        // (可选配置)localStorage支持
+        // domain可以为任意字符串，各Domain的localStorage互相隔离, 默认值是hostname
+        // presetKeys为预置key，可以直接使用localStorage.xxx的形式，避免undefined错误
+        localStorage: {
+            domain: "default",
+            presetKeys: [
+                "value1",
+                "value2"
+            ],
+        },
+
+        // (可选配置)填写main.js或者bundle.js相对于index.html的相对位置，
+        // 用于image/import.then的相对寻址, vue3默认值是/js/
+        jsSubPath: "/js/",
+    },
+
+    vendorConfig: {
+        // (可选配置)设置屏幕坐标映射值，screenWidth为屏幕画布定义的宽度，displayScale为清晰度，
+        // 默认值是画布宽度1280px, 清晰度为1.0
+        designedMap: {
+            screenWidth: 1280,
+            displayScale: 1.0
+        },
+
+        // (可选配置)按键接受的扩展，例如将静音按键(JAVA键值为164)映射为JS键值20001，
+        // PS:注意"164"的引号
+        bindKeys: {
+            keys: {
+                164: 20001
+            },
+            syncKeys: {
+            }
+        },
+    }
+}

package/loader/jsview.default.config.js

@@ -1,37 +1,37 @@
-export default {
-    jsviewConfig: {
-        // (可选配置)localStorage支持
-        // domain可以为任意字符串，各Domain的localStorage互相隔离, 默认值是hostname
-        // presetKeys为预置key，可以直接使用localStorage.xxx的形式，避免undefined错误
-        localStorage: {
-            domain: "default",
-            presetKeys: [
-                "value1",
-                "value2"
-            ],
-        },
-
-        // (可选配置)填写main.js或者bundle.js相对于index.html的相对位置，
-        // 用于image/import.then的相对寻址, vue3默认值是/js/
-        jsSubPath: "/js/",
-    },
-
-    vendorConfig: {
-        // (可选配置)设置屏幕坐标映射值，screenWidth为屏幕画布定义的宽度，displayScale为清晰度，
-        // 默认值是画布宽度1280px, 清晰度为1.0
-        designedMap: {
-            screenWidth: 1280,
-            displayScale: 1.0
-        },
-
-        // (可选配置)按键接受的扩展，例如将静音按键(JAVA键值为164)映射为JS键值20001，
-        // PS:注意"164"的引号
-        bindKeys: {
-            keys: {
-                164: 20001
-            },
-            syncKeys: {
-            }
-        },
-    }
-}
+export default {
+    jsviewConfig: {
+        // (可选配置)localStorage支持
+        // domain可以为任意字符串，各Domain的localStorage互相隔离, 默认值是hostname
+        // presetKeys为预置key，可以直接使用localStorage.xxx的形式，避免undefined错误
+        localStorage: {
+            domain: "default",
+            presetKeys: [
+                "value1",
+                "value2"
+            ],
+        },
+
+        // (可选配置)填写main.js或者bundle.js相对于index.html的相对位置，
+        // 用于image/import.then的相对寻址, vue3默认值是/js/
+        jsSubPath: "/js/",
+    },
+
+    vendorConfig: {
+        // (可选配置)设置屏幕坐标映射值，screenWidth为屏幕画布定义的宽度，displayScale为清晰度，
+        // 默认值是画布宽度1280px, 清晰度为1.0
+        designedMap: {
+            screenWidth: 1280,
+            displayScale: 1.0
+        },
+
+        // (可选配置)按键接受的扩展，例如将静音按键(JAVA键值为164)映射为JS键值20001，
+        // PS:注意"164"的引号
+        bindKeys: {
+            keys: {
+                164: 20001
+            },
+            syncKeys: {
+            }
+        },
+    }
+}

package/package.json

@@ -1,15 +1,11 @@
 {
   "name": "@shijiu/jsview-vue",
-  "version": "0.9.254",
+  "version": "0.9.261",
   "bin": {
     "jsview-post-build": "./scripts/jsview-post-build.js",
     "jsview-post-install": "./scripts/jsview-post-install.js",
     "jsview-install-local-packages": "./scripts/jsview-install-local-packages.js"
   },
-  "scripts": {
-    "fast-publish": "node ./scripts/deploy-fast-publish.js",
-    "fast-pack": "node ./scripts/deploy-fast-pack.js"
-  },
   "repository": "system/jsview-vue",
   "bugs": "http://gitlab.qcast.cn/system/jsview-vue/issues",
   "keywords": [

package/samples/AdvanceMetroWidget/App.vue

@@ -1,123 +1,123 @@
-<!--
- * 【界面概述】
- * 展示SimpleWidget控件的嵌套用法
- *
- * 【控件介绍】
- * SimpleWidget：见simpleMetroWidget
- * SWidgetDispatcher：向SimpleWidget分发消息的对象，用于设置SimpleWidget内部状态
- *                      成员函数：
- *                          dispatch
- *                              @params msg {obj} 消息体，{type: SWidgetDispatcher.Type, data: 数据}
- * SWidgetDispatcher.Type: 消息的类型
- *                          "setFocusId": Focus时初始的焦点id data为int
- *                          "setFocusRect": Focus时距离某区域最近的item获得焦点 data为{type:EdgeDirection, rect:{x:0, y:0, widht:0, height:0}}
- *                          "updateItem": 重新描画某个item data为int
- *                          "slideToItem": 界面移到某个item处 data为int
- *
- *
- * 【技巧说明】
- * Q: 如何实现嵌套?
- * A: 当SimpleWidget的measure回调返回值中hasSub为true时，该item的renderItem就可以返回可获得焦点的控件
- *
- * Q: 如何实现焦点的就近切换？
- * A: 通过dispatcher向将要获得焦点的控件发送setFocusRect消息。
--->
-
-<script>
-import { frameData, itemData } from "./data";
-import {
-  HORIZONTAL,
-  SimpleWidget,
-} from "jsview/utils/JsViewEngineWidget";
-import Frame from "./Frame.vue";
-
-const measures = (item) => {
-  return {
-    width: item.blocks.w,
-    height: item.blocks.h,
-    focusable: item.focusable,
-    hasSub: item.hasSub,
-  };
-};
-export default {
-  components: { SimpleWidget, Frame },
-  setup() {
-    return {
-      measures,
-      name: "/advanceMetroWidget",
-      direction: HORIZONTAL,
-      frameData,
-      itemData,
-    };
-  },
-  methods: {
-    onKeyDown(ev) {
-      // 8:Backspace, 27:Escape, 10000:盒子返回键
-      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 10000) {
-        this.$router?.go(-1); // 有router时，是从DemoHomepage进入，回退
-        return true;
-      }
-      return false;
-    },
-    onFocus() {
-      this.$refs.focusNode.findBlockByName("/advanceMetroWidget").requestFocus();
-    },
-  },
-
-  data() {
-    return {};
-  },
-  mounted() {},
-};
-</script>
-
-<template>
-  <div class="rootSize">
-    <jsv-focus-block
-      autoFocus
-      ref="focusNode"
-      :onAction="{
-        onKeyDown: onKeyDown,
-        onFocus: onFocus,
-      }"
-    >
-      <simple-widget
-        :name="name"
-        :data="frameData"
-        :width="680"
-        :height="680"
-        :direction="direction"
-        :measures="measures"
-      >
-        <template #renderItem="{ data, query, onEdge, onAction }">
-          <frame
-            :name="name + '/frame_' + query.id"
-            :data="data"
-            :itemData="itemData"
-            :query="query"
-            :onEdge="onEdge"
-            :onAction="onAction"
-          />
-        </template>
-      </simple-widget>
-    </jsv-focus-block>
-  </div>
-</template>
-
-<style scoped>
-.rootSize {
-  width: 1920;
-  height: 1080;
-  background-color: #334c4c;
-}
-
-.widgetPos {
-  top: 120;
-  left: 50;
-}
-
-.focusPos {
-  top: 10;
-  left: 10;
-}
+<!--
+ * 【界面概述】
+ * 展示SimpleWidget控件的嵌套用法
+ *
+ * 【控件介绍】
+ * SimpleWidget：见simpleMetroWidget
+ * SWidgetDispatcher：向SimpleWidget分发消息的对象，用于设置SimpleWidget内部状态
+ *                      成员函数：
+ *                          dispatch
+ *                              @params msg {obj} 消息体，{type: SWidgetDispatcher.Type, data: 数据}
+ * SWidgetDispatcher.Type: 消息的类型
+ *                          "setFocusId": Focus时初始的焦点id data为int
+ *                          "setFocusRect": Focus时距离某区域最近的item获得焦点 data为{type:EdgeDirection, rect:{x:0, y:0, widht:0, height:0}}
+ *                          "updateItem": 重新描画某个item data为int
+ *                          "slideToItem": 界面移到某个item处 data为int
+ *
+ *
+ * 【技巧说明】
+ * Q: 如何实现嵌套?
+ * A: 当SimpleWidget的measure回调返回值中hasSub为true时，该item的renderItem就可以返回可获得焦点的控件
+ *
+ * Q: 如何实现焦点的就近切换？
+ * A: 通过dispatcher向将要获得焦点的控件发送setFocusRect消息。
+-->
+
+<script>
+import { frameData, itemData } from "./data";
+import {
+  HORIZONTAL,
+  SimpleWidget,
+} from "jsview/utils/JsViewEngineWidget";
+import Frame from "./Frame.vue";
+
+const measures = (item) => {
+  return {
+    width: item.blocks.w,
+    height: item.blocks.h,
+    focusable: item.focusable,
+    hasSub: item.hasSub,
+  };
+};
+export default {
+  components: { SimpleWidget, Frame },
+  setup() {
+    return {
+      measures,
+      name: "/advanceMetroWidget",
+      direction: HORIZONTAL,
+      frameData,
+      itemData,
+    };
+  },
+  methods: {
+    onKeyDown(ev) {
+      // 8:Backspace, 27:Escape, 10000:盒子返回键
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 10000) {
+        this.$router?.go(-1); // 有router时，是从DemoHomepage进入，回退
+        return true;
+      }
+      return false;
+    },
+    onFocus() {
+      this.$refs.focusNode.findBlockByName("/advanceMetroWidget").requestFocus();
+    },
+  },
+
+  data() {
+    return {};
+  },
+  mounted() {},
+};
+</script>
+
+<template>
+  <div class="rootSize">
+    <jsv-focus-block
+      autoFocus
+      ref="focusNode"
+      :onAction="{
+        onKeyDown: onKeyDown,
+        onFocus: onFocus,
+      }"
+    >
+      <simple-widget
+        :name="name"
+        :data="frameData"
+        :width="680"
+        :height="680"
+        :direction="direction"
+        :measures="measures"
+      >
+        <template #renderItem="{ data, query, onEdge, onAction }">
+          <frame
+            :name="name + '/frame_' + query.id"
+            :data="data"
+            :itemData="itemData"
+            :query="query"
+            :onEdge="onEdge"
+            :onAction="onAction"
+          />
+        </template>
+      </simple-widget>
+    </jsv-focus-block>
+  </div>
+</template>
+
+<style scoped>
+.rootSize {
+  width: 1920;
+  height: 1080;
+  background-color: #334c4c;
+}
+
+.widgetPos {
+  top: 120;
+  left: 50;
+}
+
+.focusPos {
+  top: 10;
+  left: 10;
+}
 </style>