create-jsview 2.1.428 → 2.1.448-test.0

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

@@ -1,89 +0,0 @@
-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

@@ -1,98 +0,0 @@
-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

@@ -1,194 +0,0 @@
-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*/