create-jsview 2.1.366-test.0 → 2.1.428

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

@@ -0,0 +1,89 @@
+import { _ as _JsvPlayer } from "./index.56197146.js";
+import { a as useRouter } from "./jsview-vue-entry.415721d8.js";
+import { s as shallowRef, t as onMounted, E as onBeforeUnmount, b as resolveComponent, o as openBlock, A as createBlock, l as withCtx, f as createBaseVNode, k as createVNode, u as unref, g as normalizeStyle } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+import "./export-sfc.2749ebea.js";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const router = useRouter();
+    let leftMove = shallowRef(0);
+    let timer = {
+      id: -1
+    };
+    const changeTransition = () => {
+      let transition = "left 0.5s";
+      return transition;
+    };
+    onMounted(() => {
+      timer.id = setInterval(() => {
+        if (leftMove.value > 1280 - 350) {
+          leftMove.value = -60;
+        }
+        leftMove.value = leftMove.value + 60;
+      }, 500);
+    });
+    onBeforeUnmount(() => {
+      if (timer.id > 0) {
+        clearInterval(timer.id);
+        timer.id = -1;
+      }
+    });
+    const video_url = "http://qcast-image.oss-cn-qingdao.aliyuncs.com/homepage/20190726/4cc4e6a8fd7d9d9c707ed4c4da27ca9d.mp4";
+    const onKeyDown = (ev) => {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
+        router.go(-1);
+        return true;
+      }
+    };
+    let actionDefines = {
+      onKeyDown
+    };
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        autoFocus: "",
+        onAction: unref(actionDefines)
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", {
+            style: normalizeStyle({ width: 700, height: 500, top: 60, left: unref(leftMove), transition: changeTransition() })
+          }, [
+            createVNode(unref(_JsvPlayer), {
+              src: video_url,
+              autoplay: "autoplay",
+              loop: "loop",
+              style: {
+                top: 0,
+                left: 0,
+                width: 700,
+                height: 500
+              }
+            })
+          ], 4),
+          createBaseVNode("div", {
+            style: normalizeStyle({
+              textAlign: "center",
+              fontSize: 30,
+              lineHeight: 50,
+              color: "#ffffff",
+              left: 100,
+              top: 620,
+              width: 1280 - 200,
+              height: 50,
+              backgroundColor: "rgba(27,38,151,0.8)"
+            })
+          }, "观察视频在移动过程中是否正常播放，特别是在出屏幕一半时。", 4)
+        ]),
+        _: 1
+      }, 8, ["onAction"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.7bf78a71.js.map
+
+/*jsvmd5:97c49208dfe38ede64b5e2bdc3b9d323*/

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

@@ -0,0 +1,98 @@
+import { a as useRouter, z as _sfc_main$c } from "./jsview-vue-entry.415721d8.js";
+import { b as resolveComponent, o as openBlock, A as createBlock, l as withCtx, e as createElementBlock, m as renderList, F as Fragment, f as createBaseVNode, g as normalizeStyle, G as toDisplayString, k as createVNode, u as unref, O as createTextVNode } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+import "./export-sfc.2749ebea.js";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const router = useRouter();
+    const TextData = [
+      {
+        id: 0,
+        title: "偏移x,y为0(文字发光)",
+        textShadow: "0 0 3 #00FF00"
+      },
+      {
+        id: 1,
+        title: "blur为0(不显示阴影)",
+        textShadow: "2 2 0 #00FF00"
+        /* 此处会报错，为正常情况。
+         * 当TextData数据中有blur为0（不显示阴影）时，为了测试会报“StyleFormatCheck.js?058c:447 textShadow: blur shadow above 0(now=2 2 0 #00FF00)”错误
+         */
+      },
+      {
+        id: 2,
+        title: "rgba格式颜色(半透明红)",
+        textShadow: "4 4 3 rgba(255,0,0,0.5)"
+      },
+      {
+        id: 3,
+        title: "#格式颜色(蓝色)",
+        textShadow: "4 4 0.5 #0000EF"
+      }
+    ];
+    const onKeyDown = (ev) => {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
+        router?.go(-1);
+      }
+      return true;
+    };
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        autoFocus: "",
+        onAction: {
+          onKeyDown
+        }
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createElementBlock(Fragment, null, renderList(TextData, (item) => {
+            return createBaseVNode("div", {
+              key: item.id,
+              style: normalizeStyle({ left: 320 * item.id })
+            }, [
+              createBaseVNode("div", null, [
+                createBaseVNode("div", {
+                  style: normalizeStyle({
+                    width: 320,
+                    height: 50,
+                    fontSize: 25,
+                    textAlign: "center",
+                    lineHeight: 50,
+                    backgroundColor: item.id % 2 == 0 ? "#00ff00" : "#0000ff"
+                  })
+                }, toDisplayString(item.title), 5),
+                createVNode(unref(_sfc_main$c), {
+                  verticalAlign: "middle",
+                  style: normalizeStyle({
+                    top: 50,
+                    width: 320,
+                    height: 70,
+                    textShadow: item.textShadow,
+                    backgroundColor: item.id % 2 == 0 ? "#ffffee" : "#ffff10",
+                    fontSize: 35,
+                    textAlign: "center",
+                    lineHeight: 40
+                  })
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" 文字阴影 ")
+                  ]),
+                  _: 2
+                }, 1032, ["style"])
+              ])
+            ], 4);
+          }), 64))
+        ]),
+        _: 1
+      }, 8, ["onAction"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.832753e3.js.map
+
+/*jsvmd5:450488ca6f6dbe929832b5147d275723*/

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

@@ -0,0 +1,194 @@
+import { ak as _sfc_main$3 } from "./jsview-vue-entry.415721d8.js";
+import { a as ref, o as openBlock, e as createElementBlock, G as toDisplayString, g as normalizeStyle, A as createBlock, l as withCtx, k as createVNode, f as createBaseVNode, u as unref } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+import "./export-sfc.2749ebea.js";
+const _sfc_main$1 = {
+  __name: "Item",
+  props: {
+    data: Object,
+    onAction: Object,
+    handler: Object
+  },
+  setup(__props) {
+    const props = __props;
+    const focused = ref(false);
+    const onFocus = () => {
+      console.log("item onfocus", props.data.id);
+      focused.value = true;
+    };
+    const onBlur = () => {
+      console.log("item onblur", props.data.id);
+      focused.value = false;
+    };
+    const onClick = () => {
+      console.log("item onclick ", props.data);
+    };
+    props.onAction.register("onFocus", onFocus);
+    props.onAction.register("onBlur", onBlur);
+    props.onAction.register("onClick", onClick);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle({
+          width: __props.data.width,
+          height: __props.data.height,
+          fontSize: 30,
+          backgroundColor: focused.value ? "#aa0000aa" : "#007788aa"
+        })
+      }, toDisplayString(__props.data.id), 5);
+    };
+  }
+};
+let id = 0;
+const n = (left, top) => {
+  return {
+    left,
+    top,
+    width: 50,
+    height: 50,
+    id: id++
+  };
+};
+const data = {
+  ...n(400, 500),
+  moveType: "star",
+  children: [
+    {
+      ...n(300, 500),
+      children: [
+        {
+          ...n(200, 400)
+        },
+        {
+          ...n(200, 600),
+          children: [
+            {
+              ...n(100, 600)
+            }
+          ]
+        }
+      ]
+    },
+    {
+      ...n(400, 400),
+      children: [
+        {
+          ...n(400, 300),
+          children: [
+            {
+              ...n(300, 200),
+              children: {
+                ...n(300, 100)
+              }
+            },
+            {
+              ...n(400, 200)
+            },
+            {
+              ...n(500, 200)
+            }
+          ]
+        }
+      ]
+    },
+    {
+      ...n(500, 500),
+      children: [
+        {
+          ...n(600, 400),
+          children: [
+            {
+              ...n(700, 400)
+            }
+          ]
+        },
+        {
+          ...n(600, 500)
+        },
+        {
+          ...n(600, 600)
+        }
+      ]
+    },
+    {
+      ...n(400, 600),
+      children: [
+        {
+          ...n(400, 700),
+          children: [
+            {
+              ...n(400, 800)
+            }
+          ]
+        }
+      ]
+    }
+  ]
+};
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const provideData = () => {
+      return data;
+    };
+    const lineColor = {
+      0: "#ff0000",
+      1: "#00ff00",
+      2: "#0000ff",
+      3: "#007788",
+      4: "#007788",
+      5: "#007788"
+    };
+    const formatNode = (item, depth) => {
+      return {
+        left: item.left,
+        top: item.top,
+        width: 50,
+        height: 50,
+        childrenList: item.children,
+        moveType: item.moveType ?? "layer",
+        id: item.id,
+        lineStyle: {
+          backgroundColor: lineColor[depth],
+          lineWidth: 3
+        }
+      };
+    };
+    const onEdge = (info) => {
+      console.log("onEdge ", info);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$3), {
+        left: 200,
+        top: 100,
+        width: 500,
+        height: 500,
+        formatNode,
+        provideData,
+        onEdge
+      }, {
+        default: withCtx(({ data: data2, onAction, handler }) => [
+          createVNode(_sfc_main$1, {
+            data: data2,
+            onAction,
+            handler
+          }, null, 8, ["data", "onAction", "handler"])
+        ]),
+        background: withCtx(() => [
+          createBaseVNode("div", { style: {
+            width: 1920,
+            height: 1920,
+            backgroundColor: "#aa0000aa"
+          } })
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.83b9bc1a.js.map
+
+/*jsvmd5:0bc86ebc54bf72ab9cba7fbdafee31ef*/