@shijiu/jsview-vue 0.9.246 → 0.9.254

package/samples/BasicFocusControl/components/MainArea.vue

@@ -1,98 +1,98 @@
-<script lang="ts">
-import { JsvFocusEvent } from "jsview/utils/JsViewEngineWidget";
-import { Options, Vue } from "vue-class-component";
-import MainAreaLeftBlock from "./MainAreaLeftBlock.vue"
-import MainAreaRightBlock from "./MainAreaRightBlock.vue"
-
-@Options({
-  components: {
-    MainAreaLeftBlock,
-    MainAreaRightBlock
-  }
-})
-export default
-class MainArea extends Vue {
-  constructor(props: object) {
-    super(props);
-  }
-
-  private getActionCallback() {
-    const onAction = {
-      onKeyDown: (ev: JsvFocusEvent) => {
-        // 子节点未处理的按键事件会流向此节点
-        let keyUsed = true;
-        switch (ev.keyCode) {
-          case 38: // Up
-            this.focusRow = 0;
-            break;
-          case 40: // Down
-            this.focusRow = 1;
-            break;
-          case 37: // Left
-            this.focusColumn= 0;
-            break;
-          case 39: // Right
-            this.focusColumn= 1;
-            break;
-          default:
-            keyUsed = false;
-        }
-
-        if (keyUsed) {
-          // 焦点与之前相同时也可以重复调用，焦点管理系统内容有是否变更的判断处理
-          const name = `main.R${this.focusRow}C${this.focusColumn}`;
-          (this.$root as any).changeFocusInDemoSpace(name);
-        }
-
-        return keyUsed;
-      },
-
-      onFocus: () => {
-        // this.focusRow = 0;
-        // this.focusColumn = 0;
-        const name = `main.R${this.focusRow}C${this.focusColumn}`;
-        (this.$root as any).changeFocusInDemoSpace(name);
-      }
-    };
-    return onAction;
-  }
-
-  private focusRow: number = 0;
-  private focusColumn: number = 0;
-}
-</script>
-
-<template>
-<!--jsv-focus-block是不可描画节点，所以如果想接收style等属性，不要放在顶级-->
-<div>
-  <!-- 这里的jsv-focus-block只是一个namesapce的样例，并不是必须的，
-       如果你App中的焦点在一个命名空间下，这里可以用name，参考SideBar。 -->
-  <jsv-focus-block namespace="main"
-      autoFocus :onAction="getActionCallback()"
-  >
-    <MainAreaLeftBlock name="R0C0" :style="{ left: 0, top: 0 }"/>
-    <MainAreaLeftBlock name="R1C0" :style="{ left: 0, top: 120 }"/>
-    <MainAreaRightBlock name="R0C1" :style="{ left: 120, top: 0 }"/>
-    <MainAreaRightBlock name="R1C1" :style="{ left: 120, top: 120 }"/>
-  </jsv-focus-block>
-</div>
-</template>
-
-<style scoped>
-.title {
-  text-align: center;
-  font-size: 30px;
-  line-height: 50px;
-  color: #ffffff;
-  left: 100;
-  top: 50;
-  width: 400;
-  height: 50;
-  background-color: rgba(27,38,151,0.8);
-}
-
-.body {
-  left: 100;
-  top: 120;
-}
+<script lang="ts">
+import { JsvFocusEvent } from "jsview/utils/JsViewEngineWidget";
+import { Options, Vue } from "vue-class-component";
+import MainAreaLeftBlock from "./MainAreaLeftBlock.vue"
+import MainAreaRightBlock from "./MainAreaRightBlock.vue"
+
+@Options({
+  components: {
+    MainAreaLeftBlock,
+    MainAreaRightBlock
+  }
+})
+export default
+class MainArea extends Vue {
+  constructor(props: object) {
+    super(props);
+  }
+
+  private getActionCallback() {
+    const onAction = {
+      onKeyDown: (ev: JsvFocusEvent) => {
+        // 子节点未处理的按键事件会流向此节点
+        let keyUsed = true;
+        switch (ev.keyCode) {
+          case 38: // Up
+            this.focusRow = 0;
+            break;
+          case 40: // Down
+            this.focusRow = 1;
+            break;
+          case 37: // Left
+            this.focusColumn= 0;
+            break;
+          case 39: // Right
+            this.focusColumn= 1;
+            break;
+          default:
+            keyUsed = false;
+        }
+
+        if (keyUsed) {
+          // 焦点与之前相同时也可以重复调用，焦点管理系统内容有是否变更的判断处理
+          const name = `main.R${this.focusRow}C${this.focusColumn}`;
+          (this.$root as any).changeFocusInDemoSpace(name);
+        }
+
+        return keyUsed;
+      },
+
+      onFocus: () => {
+        // this.focusRow = 0;
+        // this.focusColumn = 0;
+        const name = `main.R${this.focusRow}C${this.focusColumn}`;
+        (this.$root as any).changeFocusInDemoSpace(name);
+      }
+    };
+    return onAction;
+  }
+
+  private focusRow: number = 0;
+  private focusColumn: number = 0;
+}
+</script>
+
+<template>
+<!--jsv-focus-block是不可描画节点，所以如果想接收style等属性，不要放在顶级-->
+<div>
+  <!-- 这里的jsv-focus-block只是一个namesapce的样例，并不是必须的，
+       如果你App中的焦点在一个命名空间下，这里可以用name，参考SideBar。 -->
+  <jsv-focus-block namespace="main"
+      autoFocus :onAction="getActionCallback()"
+  >
+    <MainAreaLeftBlock name="R0C0" :style="{ left: 0, top: 0 }"/>
+    <MainAreaLeftBlock name="R1C0" :style="{ left: 0, top: 120 }"/>
+    <MainAreaRightBlock name="R0C1" :style="{ left: 120, top: 0 }"/>
+    <MainAreaRightBlock name="R1C1" :style="{ left: 120, top: 120 }"/>
+  </jsv-focus-block>
+</div>
+</template>
+
+<style scoped>
+.title {
+  text-align: center;
+  font-size: 30px;
+  line-height: 50px;
+  color: #ffffff;
+  left: 100;
+  top: 50;
+  width: 400;
+  height: 50;
+  background-color: rgba(27,38,151,0.8);
+}
+
+.body {
+  left: 100;
+  top: 120;
+}
 </style>

package/samples/BasicFocusControl/components/MainAreaLeftBlock.vue

@@ -1,21 +1,21 @@
-<script lang="ts">
-import { Options, Vue } from "vue-class-component";
-import BaseBlock from "./BaseBlock.vue"
-
-@Options({
-  props: {
-    name: String,
-    style: { type:Object, default: {}}
-  },
-  components: {
-    BaseBlock
-  }
-})
-export default
-class MainAreaLeftBlock extends Vue {
-}
-</script>
-
-<template>
-<BaseBlock :name="$props.name" :style="$props.style"/>
+<script lang="ts">
+import { Options, Vue } from "vue-class-component";
+import BaseBlock from "./BaseBlock.vue"
+
+@Options({
+  props: {
+    name: String,
+    style: { type:Object, default: {}}
+  },
+  components: {
+    BaseBlock
+  }
+})
+export default
+class MainAreaLeftBlock extends Vue {
+}
+</script>
+
+<template>
+<BaseBlock :name="$props.name" :style="$props.style"/>
 </template>

package/samples/BasicFocusControl/components/MainAreaRightBlock.vue

@@ -1,30 +1,30 @@
-<script lang="ts">
-import { JsvFocusEvent } from "jsview/utils/JsViewEngineWidget";
-import { Options, Vue } from "vue-class-component";
-import BaseBlock from "./BaseBlock.vue"
-
-@Options({
-  props: {
-    name: String,
-    style: { type:Object, default: {}},
-  },
-  components: {
-    BaseBlock
-  }
-})
-export default
-class MainAreaRightBlock extends Vue {
-  onKeyDown(ev: JsvFocusEvent) {
-    if (ev.keyCode === 39) { // Right key
-      (this.$root as any).changeFocusInDemoSpace('sideBarR0C0');
-      return true;
-    }
-    return false;
-  }
-}
-</script>
-
-<template>
-<BaseBlock :name="$props.name" :style="$props.style"
-    :onKeyDown="onKeyDown"/>
+<script lang="ts">
+import { JsvFocusEvent } from "jsview/utils/JsViewEngineWidget";
+import { Options, Vue } from "vue-class-component";
+import BaseBlock from "./BaseBlock.vue"
+
+@Options({
+  props: {
+    name: String,
+    style: { type:Object, default: {}},
+  },
+  components: {
+    BaseBlock
+  }
+})
+export default
+class MainAreaRightBlock extends Vue {
+  onKeyDown(ev: JsvFocusEvent) {
+    if (ev.keyCode === 39) { // Right key
+      (this.$root as any).changeFocusInDemoSpace('sideBarR0C0');
+      return true;
+    }
+    return false;
+  }
+}
+</script>
+
+<template>
+<BaseBlock :name="$props.name" :style="$props.style"
+    :onKeyDown="onKeyDown"/>
 </template>

package/samples/BasicFocusControl/components/SideBar.vue

@@ -1,73 +1,73 @@
-<script lang="ts">
-import { JsvFocusEvent } from "jsview/utils/JsViewEngineWidget";
-import { Options, Vue } from "vue-class-component";
-// import { globalStore } from "../GlobalStore"
-import SideBarBlock from "./SideBarBlock.vue"
-
-@Options({
-  components: {
-    SideBarBlock,
-  }
-})
-export default
-class SideBar extends Vue {
-  constructor(props: object) {
-    super(props);
-  }
-
-  private onKeyDown(ev: JsvFocusEvent) {
-    // console.warn("xxxx", globalStore.focusBaseName)
-    // 子节点未处理的按键事件会流向此节点
-    let keyUsed = true;
-    switch (ev.keyCode) {
-      case 38: // Up
-        this.focusRow = 0;
-        break;
-      case 40: // Down
-        this.focusRow = 1;
-        break;
-      default:
-        keyUsed = false;
-    }
-
-    if (keyUsed) {
-      // 焦点与之前相同时也可以重复调用，焦点管理系统内容有是否变更的判断处理
-      const name = `sideBarR${this.focusRow}C0`;
-      ev.ownerNode.findBlockByName(name)?.requestFocus();
-    }
-
-    return keyUsed;
-  }
-
-  private focusRow: number = 0;
-}
-</script>
-
-<template>
-<div>
-  <!--jsv-focus-block是非可描画节点，所以如果想接收style等属性，不要放在顶级-->
-  <jsv-focus-block :onKeyDown="onKeyDown">
-    <SideBarBlock name="sideBarR0C0" :style="{ left: 0, top: 0 }" />
-    <SideBarBlock name="sideBarR1C0" :style="{ left: 0, top: 120 }" />
-  </jsv-focus-block>
-</div>
-</template>
-
-<style scoped>
-.title {
-  text-align: center;
-  font-size: 30px;
-  line-height: 50px;
-  color: #ffffff;
-  left: 100;
-  top: 50;
-  width: 400;
-  height: 50;
-  background-color: rgba(27,38,151,0.8);
-}
-
-.body {
-  left: 100;
-  top: 120;
-}
+<script lang="ts">
+import { JsvFocusEvent } from "jsview/utils/JsViewEngineWidget";
+import { Options, Vue } from "vue-class-component";
+// import { globalStore } from "../GlobalStore"
+import SideBarBlock from "./SideBarBlock.vue"
+
+@Options({
+  components: {
+    SideBarBlock,
+  }
+})
+export default
+class SideBar extends Vue {
+  constructor(props: object) {
+    super(props);
+  }
+
+  private onKeyDown(ev: JsvFocusEvent) {
+    // console.warn("xxxx", globalStore.focusBaseName)
+    // 子节点未处理的按键事件会流向此节点
+    let keyUsed = true;
+    switch (ev.keyCode) {
+      case 38: // Up
+        this.focusRow = 0;
+        break;
+      case 40: // Down
+        this.focusRow = 1;
+        break;
+      default:
+        keyUsed = false;
+    }
+
+    if (keyUsed) {
+      // 焦点与之前相同时也可以重复调用，焦点管理系统内容有是否变更的判断处理
+      const name = `sideBarR${this.focusRow}C0`;
+      ev.ownerNode.findBlockByName(name)?.requestFocus();
+    }
+
+    return keyUsed;
+  }
+
+  private focusRow: number = 0;
+}
+</script>
+
+<template>
+<div>
+  <!--jsv-focus-block是非可描画节点，所以如果想接收style等属性，不要放在顶级-->
+  <jsv-focus-block :onKeyDown="onKeyDown">
+    <SideBarBlock name="sideBarR0C0" :style="{ left: 0, top: 0 }" />
+    <SideBarBlock name="sideBarR1C0" :style="{ left: 0, top: 120 }" />
+  </jsv-focus-block>
+</div>
+</template>
+
+<style scoped>
+.title {
+  text-align: center;
+  font-size: 30px;
+  line-height: 50px;
+  color: #ffffff;
+  left: 100;
+  top: 50;
+  width: 400;
+  height: 50;
+  background-color: rgba(27,38,151,0.8);
+}
+
+.body {
+  left: 100;
+  top: 120;
+}
 </style>

package/samples/BasicFocusControl/components/SideBarBlock.vue

@@ -1,30 +1,30 @@
-<script lang="ts">
-import { JsvFocusEvent } from "jsview/utils/JsViewEngineWidget";
-import { Options, Vue } from "vue-class-component";
-import BaseBlock from "./BaseBlock.vue"
-
-@Options({
-  props: {
-    name: String,
-    style: { type:Object, default: {}},
-  },
-  components: {
-    BaseBlock
-  }
-})
-export default
-class SideBarBlock extends Vue {
-  onKeyDown(ev: JsvFocusEvent) {
-    if (ev.keyCode === 37) { // Left key
-      (this.$root as any).changeFocusInDemoSpace('main');
-      return true;
-    }
-    return false;
-  }
-}
-</script>
-
-<template>
-<BaseBlock :name="$props.name" :style="$props.style"
-    :onKeyDown="onKeyDown"/>
+<script lang="ts">
+import { JsvFocusEvent } from "jsview/utils/JsViewEngineWidget";
+import { Options, Vue } from "vue-class-component";
+import BaseBlock from "./BaseBlock.vue"
+
+@Options({
+  props: {
+    name: String,
+    style: { type:Object, default: {}},
+  },
+  components: {
+    BaseBlock
+  }
+})
+export default
+class SideBarBlock extends Vue {
+  onKeyDown(ev: JsvFocusEvent) {
+    if (ev.keyCode === 37) { // Left key
+      (this.$root as any).changeFocusInDemoSpace('main');
+      return true;
+    }
+    return false;
+  }
+}
+</script>
+
+<template>
+<BaseBlock :name="$props.name" :style="$props.style"
+    :onKeyDown="onKeyDown"/>
 </template>