create-jsview 2.1.367-test.0 → 2.1.428

package/template-vue-vite/dist-test-jsview-chunk/js/App.a58787a4.js

@@ -0,0 +1,225 @@
+import { a as useRouter, c as bridge, o as JsvVisibleSensor } from "./jsview-vue-entry.415721d8.js";
+import { a as _export_sfc } from "./export-sfc.2749ebea.js";
+import { s as shallowRef, r as reactive, w as watch, t as onMounted, x as onUnmounted, b as resolveComponent, o as openBlock, A as createBlock, l as withCtx, f as createBaseVNode, G as toDisplayString, u as unref, g as normalizeStyle, k as createVNode, e as createElementBlock } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+const App_vue_vue_type_style_index_0_scoped_3309c7a0_lang = "";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const BOX_WIDTH = 150;
+    const BOX_HEIGHT = 150;
+    const BOX_COLOR = "rgba(0,255,255,0.6)";
+    const VISIBLE_RANGE = 0.25;
+    const router = useRouter();
+    const containerRef = shallowRef(null);
+    let case_config = shallowRef(null);
+    let status_text = reactive({
+      oldH: "false",
+      newH: "false",
+      oldV: "false",
+      newV: "false"
+    });
+    let testCaseType = shallowRef(0);
+    let testBlinkType = shallowRef(false);
+    let altVisible = shallowRef("visible");
+    let altVisibleTimer = -1;
+    case_config.value = getTestCase(testCaseType.value);
+    watch(testCaseType, () => {
+      case_config.value = getTestCase(testCaseType.value);
+    });
+    onMounted(() => {
+      altVisibleTimer = setInterval(() => {
+        if (testBlinkType.value) {
+          altVisible.value = altVisible.value == "visible" ? "hidden" : "visible";
+        }
+      }, 500);
+      bridge.notifyPageLoaded();
+    });
+    onUnmounted(() => {
+      if (altVisibleTimer != -1) {
+        clearInterval(altVisible);
+        altVisibleTimer = -1;
+      }
+    });
+    const onBeVisible = (old_h, new_h, old_v, new_v) => {
+      status_text.oldH = old_h ? "true" : "false";
+      status_text.newH = new_h ? "true" : "false";
+      status_text.oldV = old_v ? "true" : "false";
+      status_text.newV = new_v ? "true" : "false";
+    };
+    const onKeyDown = (ev) => {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
+        router?.go(-1);
+        return true;
+      }
+      if (ev.keyCode == 13) {
+        testCaseType.value = (testCaseType.value + 1) % 2;
+      }
+      if (ev.keyCode == 38) {
+        testBlinkType.value = testBlinkType.value ? false : true;
+        altVisible.value = "visible";
+      }
+      return false;
+    };
+    function getTestCase(test_index) {
+      let test_config = {
+        animation: null,
+        text: null,
+        horizon: 1,
+        vertical: 1
+      };
+      switch (test_index) {
+        case 0: {
+          test_config.animation = "visibleSensor_upDown 12s infinite linear";
+          test_config.text = "从上到下";
+          test_config.horizon = 1;
+          test_config.vertical = VISIBLE_RANGE;
+          break;
+        }
+        case 1: {
+          test_config.animation = "visibleSensor_leftRight 12s infinite linear";
+          test_config.text = "从左到右";
+          test_config.horizon = VISIBLE_RANGE;
+          test_config.vertical = 1;
+          break;
+        }
+      }
+      return test_config;
+    }
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        autoFocus: "",
+        onKeyDown
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", { style: { width: 1280, height: 720, backgroundColor: "#00F000" } }, [
+            createBaseVNode("div", { style: {
+              left: 10,
+              top: 10,
+              height: 120,
+              width: 900,
+              fontColor: "#000000",
+              fontSize: 15,
+              lineHeight: 20
+            } }, toDisplayString(`按OK键切换方向, 按UP键切换显隐测试
+new horizon: ${unref(status_text).newH}
+new vertical: ${unref(status_text).newV}
+-------
+old horizon: ${unref(status_text).oldH}
+old vertical: ${unref(status_text).oldV}`), 1),
+            createBaseVNode("div", {
+              ref_key: "containerRef",
+              ref: containerRef,
+              style: {
+                left: 240,
+                top: 180,
+                width: 300,
+                height: 300,
+                backgroundColor: "#00F0F0"
+              }
+            }, [
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: 50,
+                  top: 50,
+                  width: 200,
+                  height: 200,
+                  backgroundColor: "#00AAAA",
+                  zIndex: unref(testCaseType) == 0 ? -22 : 0
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: 80,
+                  top: 30,
+                  width: 140,
+                  height: 240,
+                  backgroundColor: "#0000AA",
+                  zIndex: unref(testCaseType) == 0 ? -33 : 0
+                })
+              }, null, 4),
+              createBaseVNode("div", {
+                style: normalizeStyle({
+                  left: 0,
+                  top: 0,
+                  visibility: unref(altVisible),
+                  animation: unref(case_config).animation
+                })
+              }, [
+                createVNode(unref(JsvVisibleSensor), {
+                  horizonShown: unref(case_config).horizon,
+                  verticalShown: unref(case_config).vertical,
+                  width: BOX_WIDTH,
+                  height: BOX_HEIGHT,
+                  enable: true,
+                  container: unref(containerRef),
+                  callback: onBeVisible
+                }, {
+                  default: withCtx(() => [
+                    unref(testCaseType) == 0 ? (openBlock(), createElementBlock("div", { key: 0 }, [
+                      createBaseVNode("div", {
+                        style: normalizeStyle({
+                          width: BOX_WIDTH,
+                          height: BOX_HEIGHT * VISIBLE_RANGE,
+                          backgroundColor: "#FF0000"
+                        })
+                      }, null, 4),
+                      createBaseVNode("div", {
+                        style: normalizeStyle({
+                          top: BOX_HEIGHT * (1 - VISIBLE_RANGE),
+                          width: BOX_WIDTH,
+                          height: BOX_HEIGHT * VISIBLE_RANGE,
+                          backgroundColor: "#FF0000"
+                        })
+                      }, null, 4)
+                    ])) : (openBlock(), createElementBlock("div", { key: 1 }, [
+                      createBaseVNode("div", {
+                        style: normalizeStyle({
+                          width: BOX_WIDTH * VISIBLE_RANGE,
+                          height: BOX_HEIGHT,
+                          backgroundColor: "#FF0000"
+                        })
+                      }, null, 4),
+                      createBaseVNode("div", {
+                        style: normalizeStyle({
+                          left: BOX_WIDTH * (1 - VISIBLE_RANGE),
+                          width: BOX_WIDTH * VISIBLE_RANGE,
+                          height: BOX_HEIGHT,
+                          backgroundColor: "#FF0000"
+                        })
+                      }, null, 4)
+                    ])),
+                    createBaseVNode("div", {
+                      style: normalizeStyle({
+                        width: BOX_WIDTH,
+                        height: BOX_HEIGHT,
+                        backgroundColor: BOX_COLOR,
+                        fontSize: 20,
+                        lineHeight: 30
+                      })
+                    }, toDisplayString(`${unref(case_config).text}
+H:${unref(status_text).newH}
+V:${unref(status_text).newV}`), 5)
+                  ]),
+                  _: 1
+                }, 8, ["horizonShown", "verticalShown", "container"])
+              ], 4)
+            ], 512)
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+const styleSheetsContent = { "0": { "visibleSensor_upDown-3309c7a0": "@keyframes visibleSensor_upDown-3309c7a0 {from{transform:translate3d(75, -180, 0);}to{transform:translate3d(75, 330, 0);}}", "visibleSensor_leftRight-3309c7a0": "@keyframes visibleSensor_leftRight-3309c7a0 {from{transform:translate3d(-180, 75, 0);}to{transform:translate3d(330, 75, 0);}}" } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3309c7a0"]]);
+export {
+  App as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.a58787a4.js.map
+
+/*jsvmd5:855d420b6ebe0debc897d03738e5213c*/