@shijiu/jsview-vue 0.9.254 → 0.9.267

package/samples/ColorSpace/App.vue

@@ -1,135 +1,135 @@
-<script>
-import { Vue } from "vue-class-component";
-import jpegDemo from "./jpegDemo.jpeg";
-import pngDemo from "./pngDemo.png";
-import pngNoAlphaDemo from "./pngNoAlphaDemo.png";
-import bmpDemo from "./bmpDemo.bmp";
-
-class App extends Vue {
-  constructor(props) {
-    super(props);
-
-    this.jpegDemo = jpegDemo;
-    this.pngDemo = pngDemo;
-    this.pngNoAlphaDemo = pngNoAlphaDemo;
-    this.bmpDemo = bmpDemo;
-  }
-
-  onKeyDown(ev) {
-    // 8:Backspace, 27:Escape, 10000:盒子返回键
-    if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 10000) {
-      window.JsView?.setGlobalConfig({
-        texCache: -1,
-      });
-
-      this.$router?.go(-1); // 有router时，是从DemoHomepage进入，回退
-      return true;
-    }
-
-    return false;
-  }
-}
-export default App;
-</script>
-<template>
-  <jsv-focus-block autoFocus :onKeyDown="onKeyDown">
-    <div class="allBgc">
-      <div class="block">
-        <div :style="{ left: 0, top: 0 }">
-          <div class="leftFont top0">
-            {{ `RBG_8888\n透明区域透明\n色彩不失真` }}
-          </div>
-          <div class="leftFont top250">
-            {{ `RBG_565\n透明区域为黑色\n色彩略失真` }}
-          </div>
-        </div>
-
-        <div :style="{ left: 220, top: 0 }">
-          <img class="graphSize top0" :src="bmpDemo" />
-          <img
-            class="graphSize top250"
-            jsvImgColorSpace="RGB_565"
-            :src="bmpDemo"
-          />
-          <div class="underFont">
-            {{ `bmp图片` }}
-          </div>
-        </div>
-
-        <div :style="{ left: 440, top: 0 }">
-          <img class="graphSize top0" :src="jpegDemo" />
-          <img
-            class="graphSize top250"
-            jsvImgColorSpace="RGB_565"
-            :src="jpegDemo"
-          />
-          <div class="underFont">
-            {{ "jpg/jpeg图片" }}
-          </div>
-        </div>
-
-        <div :style="{ left: 660, top: 0 }">
-          <img class="graphSize top0" :src="pngDemo" />
-          <img
-            class="graphSize top250"
-            jsvImgColorSpace="RGB_565"
-            :src="pngDemo"
-          />
-          <div class="underFont">
-            {{ `png有透明图片\nRGB_565下透明部分为黑色` }}
-          </div>
-        </div>
-
-        <div :style="{ left: 880, top: 0 }">
-          <img class="graphSize top0" :src="pngNoAlphaDemo" />
-          <img
-            class="graphSize top250"
-            jsvImgColorSpace="RGB_565"
-            :src="pngNoAlphaDemo"
-          />
-          <div class="underFont">
-            {{ `png无透明图片` }}
-          </div>
-        </div>
-      </div>
-    </div>
-  </jsv-focus-block>
-</template>
-<style scoped>
-.allBgc {
-  width: 1920;
-  height: 1080;
-  background-color: #334c4c;
-}
-.block {
-  left: 20;
-  top: 50;
-}
-.leftFont {
-  left: 0;
-  width: 200;
-  height: 200;
-  color: #ffffff;
-  font-size: 30px;
-}
-.top0 {
-  top: 0;
-}
-.top250 {
-  top: 250;
-}
-.graphSize {
-  left: 0;
-  width: 200;
-  height: 200;
-  border-radius: 15px 15px 15px 15px;
-}
-.underFont {
-  left: 0;
-  top: 500;
-  width: 200;
-  height: 200;
-  color: #ffffff;
-  font-size: 20px;
-}
+<script>
+import { Vue } from "vue-class-component";
+import jpegDemo from "./jpegDemo.jpeg";
+import pngDemo from "./pngDemo.png";
+import pngNoAlphaDemo from "./pngNoAlphaDemo.png";
+import bmpDemo from "./bmpDemo.bmp";
+
+class App extends Vue {
+  constructor(props) {
+    super(props);
+
+    this.jpegDemo = jpegDemo;
+    this.pngDemo = pngDemo;
+    this.pngNoAlphaDemo = pngNoAlphaDemo;
+    this.bmpDemo = bmpDemo;
+  }
+
+  onKeyDown(ev) {
+    // 8:Backspace, 27:Escape, 10000:盒子返回键
+    if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 10000) {
+      window.JsView?.setGlobalConfig({
+        texCache: -1,
+      });
+
+      this.$router?.go(-1); // 有router时，是从DemoHomepage进入，回退
+      return true;
+    }
+
+    return false;
+  }
+}
+export default App;
+</script>
+<template>
+  <jsv-focus-block autoFocus :onKeyDown="onKeyDown">
+    <div class="allBgc">
+      <div class="block">
+        <div :style="{ left: 0, top: 0 }">
+          <div class="leftFont top0">
+            {{ `RBG_8888\n透明区域透明\n色彩不失真` }}
+          </div>
+          <div class="leftFont top250">
+            {{ `RBG_565\n透明区域为黑色\n色彩略失真` }}
+          </div>
+        </div>
+
+        <div :style="{ left: 220, top: 0 }">
+          <img class="graphSize top0" :src="bmpDemo" />
+          <img
+            class="graphSize top250"
+            jsvImgColorSpace="RGB_565"
+            :src="bmpDemo"
+          />
+          <div class="underFont">
+            {{ `bmp图片` }}
+          </div>
+        </div>
+
+        <div :style="{ left: 440, top: 0 }">
+          <img class="graphSize top0" :src="jpegDemo" />
+          <img
+            class="graphSize top250"
+            jsvImgColorSpace="RGB_565"
+            :src="jpegDemo"
+          />
+          <div class="underFont">
+            {{ "jpg/jpeg图片" }}
+          </div>
+        </div>
+
+        <div :style="{ left: 660, top: 0 }">
+          <img class="graphSize top0" :src="pngDemo" />
+          <img
+            class="graphSize top250"
+            jsvImgColorSpace="RGB_565"
+            :src="pngDemo"
+          />
+          <div class="underFont">
+            {{ `png有透明图片\nRGB_565下透明部分为黑色` }}
+          </div>
+        </div>
+
+        <div :style="{ left: 880, top: 0 }">
+          <img class="graphSize top0" :src="pngNoAlphaDemo" />
+          <img
+            class="graphSize top250"
+            jsvImgColorSpace="RGB_565"
+            :src="pngNoAlphaDemo"
+          />
+          <div class="underFont">
+            {{ `png无透明图片` }}
+          </div>
+        </div>
+      </div>
+    </div>
+  </jsv-focus-block>
+</template>
+<style scoped>
+.allBgc {
+  width: 1920;
+  height: 1080;
+  background-color: #334c4c;
+}
+.block {
+  left: 20;
+  top: 50;
+}
+.leftFont {
+  left: 0;
+  width: 200;
+  height: 200;
+  color: #ffffff;
+  font-size: 30px;
+}
+.top0 {
+  top: 0;
+}
+.top250 {
+  top: 250;
+}
+.graphSize {
+  left: 0;
+  width: 200;
+  height: 200;
+  border-radius: 15px 15px 15px 15px;
+}
+.underFont {
+  left: 0;
+  top: 500;
+  width: 200;
+  height: 200;
+  color: #ffffff;
+  font-size: 20px;
+}
 </style>

package/samples/DemoHomepage/App.vue

@@ -1,31 +1,31 @@
-<!--
- * @Author: ChenChanghua
- * @Date: 2021-06-02 13:31:00
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2021-10-14 17:21:34
- * @Description: file content
--->
-<script lang="ts">
-import { Vue } from "vue-class-component";
-import { router } from "./router.js";
-import { jJsvRuntimeBridge } from "jsview/utils/JsViewVueTools/JsvRuntimeBridge";
-
-class App extends Vue {
-  static Router = router;
-
-  mounted() {
-    jJsvRuntimeBridge.notifyPageLoaded();
-  }
-}
-
-export default App;
-</script>
-
-<template>
-  <div>
-    <router-view />
-  </div>
-</template>
-
-<style scoped>
-</style>
+<!--
+ * @Author: ChenChanghua
+ * @Date: 2021-06-02 13:31:00
+ * @LastEditors: ChenChanghua
+ * @LastEditTime: 2021-10-14 17:21:34
+ * @Description: file content
+-->
+<script lang="ts">
+import { Vue } from "vue-class-component";
+import { router } from "./router.js";
+import { jJsvRuntimeBridge } from "jsview/utils/JsViewVueTools/JsvRuntimeBridge";
+
+class App extends Vue {
+  static Router = router;
+
+  mounted() {
+    jJsvRuntimeBridge.notifyPageLoaded();
+  }
+}
+
+export default App;
+</script>
+
+<template>
+  <div>
+    <router-view />
+  </div>
+</template>
+
+<style scoped>
+</style>

package/samples/DemoHomepage/components/BodyFrame.vue

@@ -1,82 +1,82 @@
-<script>
-import {
-  SimpleWidget,
-  VERTICAL,
-} from "jsview/utils/JsViewEngineWidget";
-import Item from "./Item.vue";
-
-export default {
-  components: {
-    Item,
-    SimpleWidget,
-  },
-  props: {
-    data: Array,
-    name: String,
-    onEdge: Function,
-  },
-  setup() {
-    return {
-      direction: VERTICAL,
-      width: 1280,
-      height: 600,
-      initFoucsId: 0,
-    };
-  },
-  methods: {
-    measures(item) {
-      return {
-        width: item.width,
-        height: item.height,
-        focusable: item.focusable,
-      };
-    },
-    itemClick(index, data) {
-      if (!data.path) {
-        console.error("Route path is not defined.");
-        return;
-      }
-      this.$router.push(data.path);
-      localStorage.curFocusId = index;
-    },
-  },
-  beforeCreate() {
-    if (typeof localStorage.curFocusId !== "undefined") {
-      this.initFocusId = parseInt(localStorage.curFocusId);
-    }
-    localStorage.curFocusId = 0;
-  },
-};
-</script>
-
-<template>
-  <simple-widget
-    :name="name"
-    :width="width"
-    :height="height"
-    :direction="direction"
-    :data="data"
-    :measures="measures"
-    :padding="{ left: 10, top: 10, right: 10, bottom: 10 }"
-    :onEdge="onEdge"
-    :initFocusId="initFocusId"
-  >
-    <template #renderItem="{ data, query, onEdge, onAction }">
-      <Item
-        :style="{
-          width: data.width,
-          height: data.height,
-          backgroundColor: data.backgroundColor,
-          color: '#000000',
-        }"
-        :data="data"
-        :query="query"
-        :onEdge="onEdge"
-        :onAction="onAction"
-        :itemClick="itemClick"
-      >
-        {{ data.name }}
-      </Item>
-    </template>
-  </simple-widget>
+<script>
+import {
+  SimpleWidget,
+  VERTICAL,
+} from "jsview/utils/JsViewEngineWidget";
+import Item from "./Item.vue";
+
+export default {
+  components: {
+    Item,
+    SimpleWidget,
+  },
+  props: {
+    data: Array,
+    name: String,
+    onEdge: Function,
+  },
+  setup() {
+    return {
+      direction: VERTICAL,
+      width: 1280,
+      height: 600,
+      initFoucsId: 0,
+    };
+  },
+  methods: {
+    measures(item) {
+      return {
+        width: item.width,
+        height: item.height,
+        focusable: item.focusable,
+      };
+    },
+    itemClick(index, data) {
+      if (!data.path) {
+        console.error("Route path is not defined.");
+        return;
+      }
+      this.$router.push(data.path);
+      localStorage.curFocusId = index;
+    },
+  },
+  beforeCreate() {
+    if (typeof localStorage.curFocusId !== "undefined") {
+      this.initFocusId = parseInt(localStorage.curFocusId);
+    }
+    localStorage.curFocusId = 0;
+  },
+};
+</script>
+
+<template>
+  <simple-widget
+    :name="name"
+    :width="width"
+    :height="height"
+    :direction="direction"
+    :data="data"
+    :measures="measures"
+    :padding="{ left: 10, top: 10, right: 10, bottom: 10 }"
+    :onEdge="onEdge"
+    :initFocusId="initFocusId"
+  >
+    <template #renderItem="{ data, query, onEdge, onAction }">
+      <Item
+        :style="{
+          width: data.width,
+          height: data.height,
+          backgroundColor: data.backgroundColor,
+          color: '#000000',
+        }"
+        :data="data"
+        :query="query"
+        :onEdge="onEdge"
+        :onAction="onAction"
+        :itemClick="itemClick"
+      >
+        {{ data.name }}
+      </Item>
+    </template>
+  </simple-widget>
 </template>

package/samples/DemoHomepage/components/Dialog.vue

@@ -1,94 +1,94 @@
-<script>
-export default {
-  props: {
-    name: String,
-    onAction: Function,
-  },
-  data() {
-    return {
-      focusId: 0,
-    };
-  },
-  methods: {
-    onKeyDown(ev) {
-      switch (ev.keyCode) {
-        case 37:
-          if (this.focusId == 1) {
-            this.focusId = 0;
-          }
-          break;
-        case 39:
-          if (this.focusId == 0) {
-            this.focusId = 1;
-          }
-          break;
-        case 10000:
-        case 27:
-          this.onAction("back");
-          break;
-        case 13:
-          this.onAction(this.focusId == 0 ? "ok" : "cancel");
-          break;
-        default:
-      }
-      return true;
-    },
-  },
-};
-</script>
-
-<template>
-  <jsv-focus-block
-    autoFocus
-    :name="name"
-    :onAction="{
-      onKeyDown: onKeyDown,
-    }"
-  >
-    <div :style="{ top: 200, left: 465 }">
-      <div class="background"></div>
-      <div class="message">是否退出</div>
-      <div :style="{ top: 120, left: 30 }">
-        <div v-if="focusId == 0" class="focus"></div>
-        <div class="normal">确定</div>
-      </div>
-      <div :style="{ top: 120, left: 220 }">
-        <div v-if="focusId == 1" class="focus"></div>
-        <div class="normal">取消</div>
-      </div>
-    </div>
-  </jsv-focus-block>
-</template>
-
-<style scoped>
-.focus {
-  top: -5px;
-  left: -5px;
-  width: 100px;
-  height: 50px;
-  background-color: #0000ff;
-}
-
-.normal {
-  width: 90px;
-  height: 40px;
-  color: #ffffff;
-  text-align: center;
-  font-size: 30px;
-}
-.background {
-  left: 0px;
-  top: 0px;
-  width: 350px;
-  height: 200px;
-  background-color: rgba(0, 0, 0, 0.7);
-}
-.message {
-  top: 20px;
-  width: 350px;
-  height: 50px;
-  color: #ffffff;
-  font-size: 40px;
-  text-align: center;
-}
+<script>
+export default {
+  props: {
+    name: String,
+    onAction: Function,
+  },
+  data() {
+    return {
+      focusId: 0,
+    };
+  },
+  methods: {
+    onKeyDown(ev) {
+      switch (ev.keyCode) {
+        case 37:
+          if (this.focusId == 1) {
+            this.focusId = 0;
+          }
+          break;
+        case 39:
+          if (this.focusId == 0) {
+            this.focusId = 1;
+          }
+          break;
+        case 10000:
+        case 27:
+          this.onAction("back");
+          break;
+        case 13:
+          this.onAction(this.focusId == 0 ? "ok" : "cancel");
+          break;
+        default:
+      }
+      return true;
+    },
+  },
+};
+</script>
+
+<template>
+  <jsv-focus-block
+    autoFocus
+    :name="name"
+    :onAction="{
+      onKeyDown: onKeyDown,
+    }"
+  >
+    <div :style="{ top: 200, left: 465 }">
+      <div class="background"></div>
+      <div class="message">是否退出</div>
+      <div :style="{ top: 120, left: 30 }">
+        <div v-if="focusId == 0" class="focus"></div>
+        <div class="normal">确定</div>
+      </div>
+      <div :style="{ top: 120, left: 220 }">
+        <div v-if="focusId == 1" class="focus"></div>
+        <div class="normal">取消</div>
+      </div>
+    </div>
+  </jsv-focus-block>
+</template>
+
+<style scoped>
+.focus {
+  top: -5px;
+  left: -5px;
+  width: 100px;
+  height: 50px;
+  background-color: #0000ff;
+}
+
+.normal {
+  width: 90px;
+  height: 40px;
+  color: #ffffff;
+  text-align: center;
+  font-size: 30px;
+}
+.background {
+  left: 0px;
+  top: 0px;
+  width: 350px;
+  height: 200px;
+  background-color: rgba(0, 0, 0, 0.7);
+}
+.message {
+  top: 20px;
+  width: 350px;
+  height: 50px;
+  color: #ffffff;
+  font-size: 40px;
+  text-align: center;
+}
 </style>