@shijiu/jsview-vue 0.9.246 → 0.9.254

package/samples/ClassNameDemo/App.vue

@@ -1,119 +1,119 @@
-<!--
- * @Author: ChenChanghua
- * @Date: 2021-06-02 13:31:00
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2021-10-15 10:12:22
- * @Description: file content
--->
-<script>
-import { Options, Vue } from "vue-class-component";
-import { data } from "./data";
-import {
-  FDivRoot,
-  FDivRouter,
-  VERTICAL,
-  MetroPage,
-} from "jsview/utils/JsViewEngineWidget";
-import TitleView from "./components/TitleView";
-import ContentItem from "./components/ContentItem";
-import LoadingView from "./components/LoadingView";
-
-@Options({
-  components: {
-    FDivRoot,
-    FDivRouter,
-    MetroPage,
-    TitleView,
-    ContentItem,
-    LoadingView,
-  },
-})
-class App extends Vue {
-  constructor(props) {
-    super(props);
-
-    this.data = data;
-    this.direction = VERTICAL;
-    this.focusNode = null;
-  }
-
-  // Override
-  mounted() {
-    if (this.focusNode) {
-      this.focusNode.ChangeFocus("metroTest");
-    } else {
-      console.error("root foucs node is null.");
-    }
-  }
-
-  updateFocusNode(focusNode) {
-    console.log("app update focus node ", focusNode);
-    this.focusNode = focusNode;
-  }
-
-  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;
-  }
-
-  getMeasures() {
-    return {
-      width: 227,
-      height: 351,
-      focusable: true,
-      hasSub: false,
-    };
-  }
-
-  onItemFocus(dataItem, onEdge, query, viewObj) {
-    console.log("onItemFocus ", dataItem);
-    if (viewObj.view) {
-      viewObj.view.focus();
-    }
-  }
-
-  onItemBlur(dataItem, query, viewObj) {
-    if (viewObj.view) {
-      viewObj.view.blur();
-    }
-  }
-}
-
-export default App;
-</script>
-
-<template>
-  <div :style="{ width: 1920, height: 1080, backgroundColor: '#00000F' }">
-    <TitleView :style="{ top: 20, left: 100 }" />
-    <jsv-focus-block ref="focusNode" :onKeyDown="onKeyDown">
-      <div :style="{ top: 100, left: 70 }">
-        <MetroPage
-          branchName="metroTest"
-          :data="data"
-          :width="1253"
-          :height="600"
-          :padding="{ left: 26, top: 36, right: 26, bottom: 36 }"
-          :direction="direction"
-          :measures="getMeasures"
-          :onItemFocus="onItemFocus"
-          :onItemBlur="onItemBlur"
-          :loadViewSize="{ width: 500, height: 50 }"
-        >
-          <template #renderItem="{ data, refObj }">
-            <ContentItem :data="data" :ref="(ele) => (refObj.view = ele)" />
-          </template>
-          <template #loadingView>
-            <LoadingView />
-          </template>
-        </MetroPage>
-      </div>
-    </jsv-focus-block>
-  </div>
-</template>
-
-<style scoped>
-</style>
+<!--
+ * @Author: ChenChanghua
+ * @Date: 2021-06-02 13:31:00
+ * @LastEditors: ChenChanghua
+ * @LastEditTime: 2021-10-15 10:12:22
+ * @Description: file content
+-->
+<script>
+import { Options, Vue } from "vue-class-component";
+import { data } from "./data";
+import {
+  FDivRoot,
+  FDivRouter,
+  VERTICAL,
+  MetroPage,
+} from "jsview/utils/JsViewEngineWidget";
+import TitleView from "./components/TitleView";
+import ContentItem from "./components/ContentItem";
+import LoadingView from "./components/LoadingView";
+
+@Options({
+  components: {
+    FDivRoot,
+    FDivRouter,
+    MetroPage,
+    TitleView,
+    ContentItem,
+    LoadingView,
+  },
+})
+class App extends Vue {
+  constructor(props) {
+    super(props);
+
+    this.data = data;
+    this.direction = VERTICAL;
+    this.focusNode = null;
+  }
+
+  // Override
+  mounted() {
+    if (this.focusNode) {
+      this.focusNode.ChangeFocus("metroTest");
+    } else {
+      console.error("root foucs node is null.");
+    }
+  }
+
+  updateFocusNode(focusNode) {
+    console.log("app update focus node ", focusNode);
+    this.focusNode = focusNode;
+  }
+
+  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;
+  }
+
+  getMeasures() {
+    return {
+      width: 227,
+      height: 351,
+      focusable: true,
+      hasSub: false,
+    };
+  }
+
+  onItemFocus(dataItem, onEdge, query, viewObj) {
+    console.log("onItemFocus ", dataItem);
+    if (viewObj.view) {
+      viewObj.view.focus();
+    }
+  }
+
+  onItemBlur(dataItem, query, viewObj) {
+    if (viewObj.view) {
+      viewObj.view.blur();
+    }
+  }
+}
+
+export default App;
+</script>
+
+<template>
+  <div :style="{ width: 1920, height: 1080, backgroundColor: '#00000F' }">
+    <TitleView :style="{ top: 20, left: 100 }" />
+    <jsv-focus-block ref="focusNode" :onKeyDown="onKeyDown">
+      <div :style="{ top: 100, left: 70 }">
+        <MetroPage
+          branchName="metroTest"
+          :data="data"
+          :width="1253"
+          :height="600"
+          :padding="{ left: 26, top: 36, right: 26, bottom: 36 }"
+          :direction="direction"
+          :measures="getMeasures"
+          :onItemFocus="onItemFocus"
+          :onItemBlur="onItemBlur"
+          :loadViewSize="{ width: 500, height: 50 }"
+        >
+          <template #renderItem="{ data, refObj }">
+            <ContentItem :data="data" :ref="(ele) => (refObj.view = ele)" />
+          </template>
+          <template #loadingView>
+            <LoadingView />
+          </template>
+        </MetroPage>
+      </div>
+    </jsv-focus-block>
+  </div>
+</template>
+
+<style scoped>
+</style>