@shijiu/jsview-vue 0.9.246 → 0.9.254

package/samples/Preload/App.vue

@@ -1,146 +1,146 @@
-<script>
-import {
-  FDivRoot,
-  FDivRouter,
-  HORIZONTAL,
-  SimpleWidget,
-} from "jsview/utils/JsViewEngineWidget";
-import awesome from "./images/awesomeface.png";
-import cat from "./images/cat.jpg";
-import { data } from "./data.js";
-import preloadItem from "./preloadItem.vue";
-import  JsvPreload, {buildPreloadInfo, buildDownloadInfo} from "jsview/utils/JsViewVueWidget/JsvPreload";
-import BrowserPreload from 'jsview/utils/JsViewVueWidget/BrowserPreload.vue';
-
-export default {
-    components: { FDivRoot, FDivRouter, SimpleWidget, preloadItem, JsvPreload, BrowserPreload },
-    data() {
-        return {
-            data: data,
-            branchName: './preload',
-            text: '',
-            direction: HORIZONTAL,
-            awesome: awesome,
-            cat: cat,
-            preload_info: [],
-            download_info: []
-
-        }
-    },
-    privates: {
-        updateFocusNode(focusNode) {
-            this.focusNode = focusNode;
-        },
-        measures() {
-            return {
-                width: 180,
-                height: 90,
-                focusable: true,
-                hasSub: false,
-            };
-        },
-        onItemFocus(item, onEdge, query, viewObj) {
-            if (!viewObj.view) {
-                return;
-            }
-            viewObj.view.onFocus();
-        },
-        onItemBlur(item, query, viewObj) {
-            if (viewObj.view) {
-                viewObj.view.onBlur();
-            }
-        },
-    },
-    methods: {
-        chooseShow() {
-            if (window.JsView) {
-                return true;
-            }
-            return false;
-        },
-        consoleOnPreloadDone() {
-            console.log('PRELOAD DONE!');
-        },
-        consoleOnDownloadDone() {
-            console.log('DOWNLOAD DONE!');
-            this.text=`图片下载完成\n${this.awesome}\n${this.cat}`;
-        }
-    },
-    created() {
-        this.priv = {};
-        for(const key of Object.keys(this.$options.privates)) {
-            const value = this.$options.privates[key];
-            this.priv[key] = value.bind(this);
-        }
-        for (const item of this.data) {
-            this.preload_info.push(buildPreloadInfo(item.url));
-            this.preload_info.push(buildPreloadInfo(item.focusUrl));
-        }
-        this.preload_info.push(null); // 测试item为null的加载
-        this.download_info = [
-            buildDownloadInfo(this.awesome),
-            buildDownloadInfo(this.cat),
-            buildDownloadInfo(null) // 测试URL为null的加载
-        ]
-    },
-    mounted() {
-        if (this.focusNode) {
-        this.focusNode.ChangeFocus(this.branchName);
-        } else {
-        console.error("root focus node is null.");
-        }
-    }
-}
-</script>
-
-<template>
-    <div :style="{ width: 1920, height: 1080, backgroundColor: '#FFFFFF' }">
-        <FDivRoot>
-            <FDivRouter
-                :controlRef="priv.updateFocusNode"
-                :onKeyUp="priv.onKeyUp"
-            >
-                <div :style="{ textAlign: 'center', fontSize: '30px',lineHeight: '50px', color: '#ffffff', left: 100, top: 20, width: (1280 - 200), height: 50, backgroundColor: 'rgba(27,38,151,0.8)'}">
-                    预加载后，图片(按钮焦点切换)切换不闪屏
-                </div>
-                <div :style="{ top: 200, left: 300 }">
-                    <SimpleWidget
-                        :width="540"
-                        :height="90"
-                        :direction="direction"
-                        :data="data"
-                        :onItemFocus="priv.onItemFocus"
-                        :onItemBlur="priv.onItemBlur"
-                        :measures="priv.measures"
-                        :branchName="branchName"
-                    >
-                        <template #renderItem="{ data, refObj }">
-                            <preloadItem
-                                :ref="(ele) => (refObj.view = ele)"
-                                :item="data"
-                            />
-                        </template>    
-                    </SimpleWidget>
-                </div>
-                <div :style="{ left: 100, top: 350, width: 800, height: 800, fontSize: '30px', color: '#000000' }">
-                    {{text}}
-                </div>
-                 <!-- 盒子上使用该组件 -->
-                <JsvPreload
-                    v-if="chooseShow() == true"
-                    :preloadList="preload_info"
-                    :downloadList="download_info"
-                    :onPreloadDone="consoleOnPreloadDone()"
-                    :onDownloadDone="consoleOnDownloadDone()" />
-                <!-- PC上使用该组件 -->
-                <BrowserPreload
-                    v-else
-                    :preloadList="preload_info"
-                    :downloadList="download_info"
-                    :onPreloadDone="consoleOnPreloadDone()"
-                    :onDownloadDone="consoleOnDownloadDone()"
-                />
-            </FDivRouter>
-        </FDivRoot>
-    </div>
+<script>
+import {
+  FDivRoot,
+  FDivRouter,
+  HORIZONTAL,
+  SimpleWidget,
+} from "jsview/utils/JsViewEngineWidget";
+import awesome from "./images/awesomeface.png";
+import cat from "./images/cat.jpg";
+import { data } from "./data.js";
+import preloadItem from "./preloadItem.vue";
+import  JsvPreload, {buildPreloadInfo, buildDownloadInfo} from "jsview/utils/JsViewVueWidget/JsvPreload";
+import BrowserPreload from 'jsview/utils/JsViewVueWidget/BrowserPreload.vue';
+
+export default {
+    components: { FDivRoot, FDivRouter, SimpleWidget, preloadItem, JsvPreload, BrowserPreload },
+    data() {
+        return {
+            data: data,
+            branchName: './preload',
+            text: '',
+            direction: HORIZONTAL,
+            awesome: awesome,
+            cat: cat,
+            preload_info: [],
+            download_info: []
+
+        }
+    },
+    privates: {
+        updateFocusNode(focusNode) {
+            this.focusNode = focusNode;
+        },
+        measures() {
+            return {
+                width: 180,
+                height: 90,
+                focusable: true,
+                hasSub: false,
+            };
+        },
+        onItemFocus(item, onEdge, query, viewObj) {
+            if (!viewObj.view) {
+                return;
+            }
+            viewObj.view.onFocus();
+        },
+        onItemBlur(item, query, viewObj) {
+            if (viewObj.view) {
+                viewObj.view.onBlur();
+            }
+        },
+    },
+    methods: {
+        chooseShow() {
+            if (window.JsView) {
+                return true;
+            }
+            return false;
+        },
+        consoleOnPreloadDone() {
+            console.log('PRELOAD DONE!');
+        },
+        consoleOnDownloadDone() {
+            console.log('DOWNLOAD DONE!');
+            this.text=`图片下载完成\n${this.awesome}\n${this.cat}`;
+        }
+    },
+    created() {
+        this.priv = {};
+        for(const key of Object.keys(this.$options.privates)) {
+            const value = this.$options.privates[key];
+            this.priv[key] = value.bind(this);
+        }
+        for (const item of this.data) {
+            this.preload_info.push(buildPreloadInfo(item.url));
+            this.preload_info.push(buildPreloadInfo(item.focusUrl));
+        }
+        this.preload_info.push(null); // 测试item为null的加载
+        this.download_info = [
+            buildDownloadInfo(this.awesome),
+            buildDownloadInfo(this.cat),
+            buildDownloadInfo(null) // 测试URL为null的加载
+        ]
+    },
+    mounted() {
+        if (this.focusNode) {
+        this.focusNode.ChangeFocus(this.branchName);
+        } else {
+        console.error("root focus node is null.");
+        }
+    }
+}
+</script>
+
+<template>
+    <div :style="{ width: 1920, height: 1080, backgroundColor: '#FFFFFF' }">
+        <FDivRoot>
+            <FDivRouter
+                :controlRef="priv.updateFocusNode"
+                :onKeyUp="priv.onKeyUp"
+            >
+                <div :style="{ textAlign: 'center', fontSize: '30px',lineHeight: '50px', color: '#ffffff', left: 100, top: 20, width: (1280 - 200), height: 50, backgroundColor: 'rgba(27,38,151,0.8)'}">
+                    预加载后，图片(按钮焦点切换)切换不闪屏
+                </div>
+                <div :style="{ top: 200, left: 300 }">
+                    <SimpleWidget
+                        :width="540"
+                        :height="90"
+                        :direction="direction"
+                        :data="data"
+                        :onItemFocus="priv.onItemFocus"
+                        :onItemBlur="priv.onItemBlur"
+                        :measures="priv.measures"
+                        :branchName="branchName"
+                    >
+                        <template #renderItem="{ data, refObj }">
+                            <preloadItem
+                                :ref="(ele) => (refObj.view = ele)"
+                                :item="data"
+                            />
+                        </template>    
+                    </SimpleWidget>
+                </div>
+                <div :style="{ left: 100, top: 350, width: 800, height: 800, fontSize: '30px', color: '#000000' }">
+                    {{text}}
+                </div>
+                 <!-- 盒子上使用该组件 -->
+                <JsvPreload
+                    v-if="chooseShow() == true"
+                    :preloadList="preload_info"
+                    :downloadList="download_info"
+                    :onPreloadDone="consoleOnPreloadDone()"
+                    :onDownloadDone="consoleOnDownloadDone()" />
+                <!-- PC上使用该组件 -->
+                <BrowserPreload
+                    v-else
+                    :preloadList="preload_info"
+                    :downloadList="download_info"
+                    :onPreloadDone="consoleOnPreloadDone()"
+                    :onDownloadDone="consoleOnDownloadDone()"
+                />
+            </FDivRouter>
+        </FDivRoot>
+    </div>
 </template>

package/samples/Preload/data.js

@@ -1,23 +1,23 @@
-import rank from "./images/rank.png";
-import rankF from "./images/rank_focus.png";
-import rule from "./images/rule.png";
-import ruleF from "./images/rule_focus.png";
-import start from "./images/start.png";
-import startF from "./images/start_focus.png";
-
-const data = [
-    {
-        url: rank,
-        focusUrl: rankF,
-    },
-    {
-        url: start,
-        focusUrl: startF
-    },
-    {
-        url: rule,
-        focusUrl: ruleF,
-    },
-];
-
+import rank from "./images/rank.png";
+import rankF from "./images/rank_focus.png";
+import rule from "./images/rule.png";
+import ruleF from "./images/rule_focus.png";
+import start from "./images/start.png";
+import startF from "./images/start_focus.png";
+
+const data = [
+    {
+        url: rank,
+        focusUrl: rankF,
+    },
+    {
+        url: start,
+        focusUrl: startF
+    },
+    {
+        url: rule,
+        focusUrl: ruleF,
+    },
+];
+
 export { data };

package/samples/Preload/preloadItem.vue

@@ -1,22 +1,22 @@
-<script>
-export default {
-    props: { item: Object },
-    data() {
-        return {
-            focus: false
-        }
-    },
-    methods: {
-        onFocus() {
-            this.focus = true;
-        },
-        onBlur() {
-            this.focus = false;
-        }
-    },
-}
-</script>
-
-<template>
-    <div :style="{ width: 166, height: 90, backgroundImage: focus ? item.focusUrl : item.url }" />
+<script>
+export default {
+    props: { item: Object },
+    data() {
+        return {
+            focus: false
+        }
+    },
+    methods: {
+        onFocus() {
+            this.focus = true;
+        },
+        onBlur() {
+            this.focus = false;
+        }
+    },
+}
+</script>
+
+<template>
+    <div :style="{ width: 166, height: 90, backgroundImage: focus ? item.focusUrl : item.url }" />
 </template>

package/samples/QrcodeDemo/App.vue

@@ -1,73 +1,73 @@
-<script>
-import QRCode from "jsview/utils/JsViewVueWidget/JsvQrcode";
-export default {
-  components: { QRCode },
-  data() {
-    return {
-      value: "http://www.baidu.com/",
-      size: 400,
-      fgColor: "#0000FF",
-      bgColor: "#ffff00",
-      level: "H", // ，容错级别，分别是L(7%)、M(15%)、Q(25%)、H(30%),
-      includeImage: true,
-      imageH: 64,
-      imageW: 64,
-      imageSrc:
-        "http://oss.image.51vtv.cn/homepage/20191224/0fdcdc8b258fe7baac16b73f58f8989d.jpg",
-      tipsInfo: `功能：二维码展示可配置项：1.前景色 
-2.背景色 
-3.指定小图标 
-4.容错级别：'L', 'M', 'Q', 'H'`,
-    };
-  },
-  methods: {
-    onKeyDown(ev) {
-      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 10000) {
-        this.$router?.go(-1); // 有router时，是从DemoHomepage进入，回退
-      }
-      return true;
-    },
-  },
-};
-</script>
-
-<template>
-  <jsv-focus-block
-    autoFocus
-    :onAction="{
-      onKeyDown: onKeyDown,
-    }"
-  >
-    <div :style="{ width: 1280, height: 720, backgroundColor: '#D8D8D8' }">
-      <div
-        :style="{
-          textAlign: 'left',
-          fontSize: '30px',
-          lineHeight: '50px',
-          color: '#ffffff',
-          left: 200 + 420,
-          top: 100,
-          width: 400,
-          height: 50 * 8,
-          backgroundColor: 'rgba(27,38,151,0.8)',
-        }"
-      >
-        {{ tipsInfo }}
-      </div>
-      <div :style="{ left: 200, top: 100 }">
-        <QRCode
-          :value="value"
-          :size="size"
-          :fgColor="fgColor"
-          :bgColor="bgColor"
-          :level="level"
-          :imageSettings="
-            includeImage
-              ? { src: imageSrc, height: imageH, width: imageW }
-              : null
-          "
-        />
-      </div>
-    </div>
-  </jsv-focus-block>
+<script>
+import QRCode from "jsview/utils/JsViewVueWidget/JsvQrcode";
+export default {
+  components: { QRCode },
+  data() {
+    return {
+      value: "http://www.baidu.com/",
+      size: 400,
+      fgColor: "#0000FF",
+      bgColor: "#ffff00",
+      level: "H", // ，容错级别，分别是L(7%)、M(15%)、Q(25%)、H(30%),
+      includeImage: true,
+      imageH: 64,
+      imageW: 64,
+      imageSrc:
+        "http://oss.image.51vtv.cn/homepage/20191224/0fdcdc8b258fe7baac16b73f58f8989d.jpg",
+      tipsInfo: `功能：二维码展示可配置项：1.前景色 
+2.背景色 
+3.指定小图标 
+4.容错级别：'L', 'M', 'Q', 'H'`,
+    };
+  },
+  methods: {
+    onKeyDown(ev) {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 10000) {
+        this.$router?.go(-1); // 有router时，是从DemoHomepage进入，回退
+      }
+      return true;
+    },
+  },
+};
+</script>
+
+<template>
+  <jsv-focus-block
+    autoFocus
+    :onAction="{
+      onKeyDown: onKeyDown,
+    }"
+  >
+    <div :style="{ width: 1280, height: 720, backgroundColor: '#D8D8D8' }">
+      <div
+        :style="{
+          textAlign: 'left',
+          fontSize: '30px',
+          lineHeight: '50px',
+          color: '#ffffff',
+          left: 200 + 420,
+          top: 100,
+          width: 400,
+          height: 50 * 8,
+          backgroundColor: 'rgba(27,38,151,0.8)',
+        }"
+      >
+        {{ tipsInfo }}
+      </div>
+      <div :style="{ left: 200, top: 100 }">
+        <QRCode
+          :value="value"
+          :size="size"
+          :fgColor="fgColor"
+          :bgColor="bgColor"
+          :level="level"
+          :imageSettings="
+            includeImage
+              ? { src: imageSrc, height: imageH, width: imageW }
+              : null
+          "
+        />
+      </div>
+    </div>
+  </jsv-focus-block>
 </template>