create-jsview 2.1.367-test.0 → 2.1.428

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

@@ -0,0 +1,221 @@
+import { x as _JsvSpray$1 } from "./jsview-vue-entry.415721d8.js";
+import { a as _export_sfc } from "./export-sfc.2749ebea.js";
+import { a as ref, b as resolveComponent, o as openBlock, e as createElementBlock, k as createVNode, l as withCtx, f as createBaseVNode, u as unref, G as toDisplayString, F as Fragment, m as renderList, q as createCommentVNode } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+const snow = "" + new URL("../assets/snow.22f35787.png", import.meta.url).href;
+const GoldenCoin1 = "" + new URL("../assets/goldencoin1.d31809e9.png", import.meta.url).href;
+const GoldenCoin2 = "" + new URL("../assets/goldencoin2.3f5b59d2.png", import.meta.url).href;
+const RedPacket1 = "" + new URL("../assets/redpacket1.72196c20.png", import.meta.url).href;
+const RedPacket2 = "" + new URL("../assets/redpacket2.0ae89a46.png", import.meta.url).href;
+const Star1 = "" + new URL("../assets/star1.dd634833.png", import.meta.url).href;
+const Star2 = "" + new URL("../assets/star2.df352429.png", import.meta.url).href;
+const Star3 = "" + new URL("../assets/star3.5a62b76f.png", import.meta.url).href;
+const Star4 = "" + new URL("../assets/star4.2283606c.png", import.meta.url).href;
+const App_vue_vue_type_style_index_0_scoped_5fd3d6cc_lang = "";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const ImgData = [snow, GoldenCoin1, GoldenCoin2, RedPacket1, RedPacket2, Star1, Star2, Star3, Star4];
+    const sprayOk = {
+      type: 0,
+      particleNum: 50,
+      deltaAngle: 180,
+      deltaWidth: 50,
+      deltaHeight: 50,
+      pointSizeMin: 20,
+      pointSizeMax: 30,
+      speedMin: 1,
+      speedMax: 7,
+      lifeMin: 1e3,
+      lifeMax: 2e3,
+      accelerateX: 0,
+      accelerateY: 0,
+      addNumSpeed: 1e-3,
+      enableFade: true,
+      enableShrink: true
+    };
+    const sprayRotate = {
+      type: 1,
+      particleNum: 50,
+      deltaAngle: 0,
+      deltaWidth: 0,
+      deltaHeight: 50,
+      pointSizeMin: 10,
+      pointSizeMax: 20,
+      speedMin: 5,
+      speedMax: 10,
+      lifeMin: 1e3,
+      lifeMax: 3e3,
+      accelerateX: 0,
+      accelerateY: -100,
+      addNumSpeed: 1e-3,
+      enableFade: true,
+      enableShrink: false
+    };
+    const sprayMove = {
+      type: 1,
+      particleNum: 100,
+      deltaAngle: 20,
+      deltaWidth: 50,
+      deltaHeight: 50,
+      pointSizeMin: 10,
+      pointSizeMax: 20,
+      speedMin: 5,
+      speedMax: 10,
+      lifeMin: 1e3,
+      lifeMax: 3e3,
+      accelerateX: -50,
+      accelerateY: -120,
+      addNumSpeed: 1e-3,
+      enableFade: true,
+      enableShrink: true
+    };
+    const sprayCycle = {
+      type: 1,
+      particleNum: 50,
+      deltaAngle: 20,
+      deltaWidth: 20,
+      deltaHeight: 20,
+      pointSizeMin: 30,
+      pointSizeMax: 50,
+      speedMin: 0,
+      speedMax: 0,
+      lifeMin: 1e3,
+      lifeMax: 3e3,
+      accelerateX: 0,
+      accelerateY: 0,
+      addNumSpeed: 1e-3,
+      enableFade: true,
+      enableShrink: false,
+      angularVelocityMin: 3.14 * 2,
+      angularVelocityMax: 3.14 * 8,
+      alphaMin: 0.5,
+      alphaMax: 1
+    };
+    const okCount = ref(0);
+    const onKeyDown = (ev) => {
+      switch (ev.keyCode) {
+        case 13:
+          okCount.value++;
+          return true;
+      }
+      return false;
+    };
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createElementBlock("div", { class: "root" }, [
+        createVNode(_component_jsv_focus_block, {
+          autoFocus: "",
+          onAction: {
+            onKeyDown
+          }
+        }, {
+          default: withCtx(() => [
+            createBaseVNode("div", { style: { top: 20, left: 400 } }, [
+              createBaseVNode("div", { style: {
+                width: 40,
+                height: 40,
+                animation: "cycle 3s linear infinite"
+              } }, [
+                createVNode(unref(_JsvSpray$1), {
+                  pointRes: `url(${unref(snow)})`,
+                  sprayStyle: sprayCycle
+                }, null, 8, ["pointRes"])
+              ]),
+              createBaseVNode("div", { style: {
+                top: 20,
+                width: 400,
+                height: 100,
+                lineHeight: 100,
+                textAlign: "center",
+                fontSize: 50,
+                color: "#FFFFFF"
+              } }, " 粒子效果 "),
+              createBaseVNode("div", { class: "describe" }, toDisplayString(`#粒子在方形随机生成
+#初速度为0
+#不受外力`))
+            ]),
+            createBaseVNode("div", { style: {
+              left: 0,
+              top: 200,
+              width: 400,
+              height: 600,
+              overflow: "hidden"
+            } }, [
+              createBaseVNode("div", { style: { top: 150, left: 150 } }, [
+                createBaseVNode("div", { class: "spray-ok" }, [
+                  okCount.value > 0 ? (openBlock(), createElementBlock("div", { key: 0 }, [
+                    (openBlock(), createElementBlock(Fragment, null, renderList(ImgData, (item) => {
+                      return createVNode(unref(_JsvSpray$1), {
+                        key: okCount.value,
+                        pointRes: `url(${item})`,
+                        sprayStyle: sprayOk,
+                        ignoreClip: true
+                      }, null, 8, ["pointRes"]);
+                    }), 64))
+                  ])) : createCommentVNode("", true)
+                ]),
+                createBaseVNode("div", { class: "describe" }, toDisplayString(`#摁OK键
+#粒子在方形内生成
+#初速度方向360度随机
+#无外力作用
+#无视clipView`))
+              ])
+            ]),
+            createBaseVNode("div", { style: {
+              left: 400,
+              top: 200,
+              width: 400,
+              height: 600,
+              overflow: "hidden"
+            } }, [
+              createBaseVNode("div", { style: { top: 150, left: 195 } }, [
+                createBaseVNode("div", { class: "spray-rotate" }, [
+                  (openBlock(), createElementBlock(Fragment, null, renderList(ImgData, (item) => {
+                    return createVNode(unref(_JsvSpray$1), {
+                      pointRes: `url(${item})`,
+                      sprayStyle: sprayRotate
+                    }, null, 8, ["pointRes"]);
+                  }), 64))
+                ]),
+                createBaseVNode("div", { class: "describe" }, toDisplayString(`#粒子沿长边随机生成
+#初速度沿长边方向
+#受竖直方向的力作用`))
+              ])
+            ]),
+            createBaseVNode("div", { style: {
+              left: 800,
+              top: 200,
+              width: 400,
+              height: 600,
+              overflow: "hidden"
+            } }, [
+              createBaseVNode("div", { style: { top: 150, left: 150 } }, [
+                createBaseVNode("div", { class: "spray-move" }, [
+                  createVNode(unref(_JsvSpray$1), {
+                    pointRes: `url(${unref(snow)})`,
+                    sprayStyle: sprayMove
+                  }, null, 8, ["pointRes"])
+                ]),
+                createBaseVNode("div", { class: "describe" }, toDisplayString(`#粒子在方形随机生成
+#初速度方向为竖直向上方向正负20度内随机
+#受水平方向和竖直方向的力作用`))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["onAction"])
+      ]);
+    };
+  }
+};
+const styleSheetsContent = { "0": { "move-back-force-5fd3d6cc": "@keyframes move-back-force-5fd3d6cc {0%{transform:translate3d(0, 0, 0);}25%{transform:translate3d(100, 0, 0);}50%{transform:translate3d(0, 0, 0);}75%{transform:translate3d(100, 0, 0);}100%{transform:translate3d(0, 0, 0);}}", "rotate-5fd3d6cc": "@keyframes rotate-5fd3d6cc {from{transform:rotate3d(0, 0, 1, 0);}to{transform:rotate3d(0, 0, 1, 360deg);}}", "cycle-5fd3d6cc": "@keyframes cycle-5fd3d6cc {0%{transform:translate3d(0, 0, 0);}40%{transform:translate3d(400, 0, 0);}50%{transform:translate3d(400, 100, 0);}90%{transform:translate3d(0, 100, 0);}100%{transform:translate3d(0, 0, 0);}}" }, "5fd3d6cc": { ".root": '{"width":1280,"height":720,"backgroundColor":"#334c4c"}', ".spray-ok": '{"width":100,"height":100,"backgroundColor":"#00ff00"}', ".spray-rotate": '{"width":10,"height":100,"backgroundColor":"#00ff00","animation":"rotate-5fd3d6cc 3s linear infinite"}', ".spray-move": '{"width":100,"height":100,"backgroundColor":"#00ff00","animation":"move-back-force-5fd3d6cc 10s linear infinite"}', ".spray-cycle": '{"width":40,"height":40,"animation":"cycle-5fd3d6cc 3s linear infinite"}', ".describe": '{"left":0,"top":140,"width":250,"height":500,"color":"#ffffff","fontSize":20}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5fd3d6cc"]]);
+export {
+  App as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.56200035.js.map
+
+/*jsvmd5:dbd4d1fb485965fa2a7c54b19f506e5f*/

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

@@ -0,0 +1,243 @@
+import { c as bridge, l as JsvNativeSharedDiv, _ as _sfc_main$D, m as enableNativeViewListener, n as disableNativeViewListener } from "./jsview-vue-entry.415721d8.js";
+import { a as _export_sfc } from "./export-sfc.2749ebea.js";
+import { r as reactive, s as shallowRef, w as watch, E as onBeforeUnmount, t as onMounted, o as openBlock, A as createBlock, l as withCtx, f as createBaseVNode, G as toDisplayString, e as createElementBlock, m as renderList, u as unref, F as Fragment, g as normalizeStyle, k as createVNode } 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_503e333c_lang = "";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    let state = reactive({
+      outX: 20,
+      outY: 30,
+      inX: 13,
+      inY: 15
+    });
+    let _TestData = [
+      [20, 30, 13, 15],
+      [30, 40, 13, 15],
+      [40, 50, 3, 5]
+      // 绝对位置不动，不触发信息更新
+    ];
+    let _Index = 0;
+    let view1 = shallowRef("null");
+    let view2 = shallowRef("null");
+    let isShow = shallowRef(false);
+    let isStop = shallowRef(false);
+    const obj = (newValue) => {
+      const resultObj = {};
+      const newObj = JSON.parse(newValue.replace(/(\w+)\=/g, '"$1":').replace(/'/g, '"').replace(/^Bundle\[/, "").replace(/\]$/, ""));
+      for (const key in newObj) {
+        if (key == "height" || key == "width" || key == "x" || key == "y") {
+          resultObj[key] = newObj[key];
+        }
+      }
+      return resultObj;
+    };
+    watch(view1, (n, o) => {
+      view1 = obj(n);
+    });
+    watch(view2, (n, o) => {
+      view2 = obj(n);
+      isShow.value = true;
+    });
+    let loopTimer = setInterval(() => {
+      _Index = (_Index + 1) % 3;
+      state.outX = _TestData[_Index][0];
+      state.outY = _TestData[_Index][1];
+      state.inX = _TestData[_Index][2];
+      state.inY = _TestData[_Index][3];
+    }, 2e3);
+    let _ReisterId = null;
+    let _ReisterId2 = null;
+    let _ResiterCallbackId1 = -1;
+    let _ResiterCallbackId2 = -1;
+    let getId = (id) => {
+      if (_ReisterId !== id) {
+        _ResiterCallbackId1 = enableNativeViewListener(id, view1);
+        _ReisterId = id;
+      }
+    };
+    let timeout1 = -1;
+    let timeout2 = -1;
+    let getId2 = (id) => {
+      if (_ReisterId2 !== id) {
+        _ReisterId2 = id;
+        timeout1 = setTimeout(() => {
+          timeout1 = -1;
+          _ResiterCallbackId2 = enableNativeViewListener(id, view2);
+          timeout2 = setTimeout(() => {
+            timeout2 = -1;
+            disableNativeViewListener(_ResiterCallbackId2);
+            isStop.value = true;
+            _ResiterCallbackId2 = -1;
+          }, 1e4);
+        }, 1e3);
+      }
+    };
+    onBeforeUnmount(() => {
+      if (loopTimer >= 0) {
+        clearInterval(loopTimer);
+        loopTimer = -1;
+      }
+      if (timeout1 >= 0) {
+        clearTimeout(timeout1);
+        timeout1 = -1;
+      }
+      if (timeout2 >= 0) {
+        clearTimeout(timeout2);
+        timeout2 = -1;
+      }
+      if (_ResiterCallbackId1 >= 0) {
+        disableNativeViewListener(_ResiterCallbackId1);
+        _ResiterCallbackId1 = -1;
+      }
+      if (_ResiterCallbackId2 >= 0) {
+        disableNativeViewListener(_ResiterCallbackId2);
+        _ResiterCallbackId2 = -1;
+      }
+    });
+    onMounted(() => {
+      console.log("TestNativeSharedView mounted");
+      bridge.notifyPageLoaded();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$D), { autoFocus: "" }, {
+        default: withCtx(() => [
+          createBaseVNode("div", { style: {
+            top: 100,
+            left: 1e3,
+            height: 150,
+            width: 150,
+            backgroundColor: "#334455",
+            animation: "test-anim-rotate 1s infinite linear"
+          } }),
+          createBaseVNode("div", {
+            style: normalizeStyle({ top: 400, left: 1e3, width: 256, height: 240, backgroundColor: "rgba(27,38,151,0.8)" })
+          }, [
+            createBaseVNode("div", { style: { top: 0, left: 0, width: 120, height: 30, color: "#FFFFFF", fontSize: 20, textAlign: "center" } }, toDisplayString("view1的参数")),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(view1), (value, key, index) => {
+              return openBlock(), createElementBlock("div", {
+                style: normalizeStyle({
+                  top: 30 + index * 40,
+                  left: 10,
+                  width: 100,
+                  height: 40,
+                  fontSize: 20,
+                  color: "#FFFFFF",
+                  textAlign: "center"
+                })
+              }, toDisplayString(key) + ":" + toDisplayString(value), 5);
+            }), 256)),
+            createBaseVNode("div", { style: { top: 0, left: 130, width: 120, height: 30, color: "#FFFFFF", fontSize: 20, textAlign: "center" } }, toDisplayString("view2的参数")),
+            unref(isShow) ? (openBlock(), createElementBlock("div", { key: 0 }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(view2), (value, key, index) => {
+                return openBlock(), createElementBlock("div", {
+                  style: normalizeStyle({
+                    top: 30 + index * 40,
+                    left: 130,
+                    width: 100,
+                    height: 40,
+                    fontSize: 20,
+                    color: "#FFFFFF",
+                    textAlign: "center"
+                  })
+                }, toDisplayString(key) + ":" + toDisplayString(value), 5);
+              }), 256)),
+              createBaseVNode("div", { style: {
+                top: 200,
+                left: 130,
+                width: 100,
+                height: 40,
+                fontSize: 20,
+                color: "#FFFFFF",
+                textAlign: "center"
+              } }, toDisplayString(unref(isStop) ? "监听停止" : ""), 1)
+            ])) : (openBlock(), createElementBlock("div", {
+              key: 1,
+              style: {
+                top: 30 + 2 * 30,
+                left: 130,
+                width: 100,
+                height: 40,
+                fontSize: 20,
+                color: "#FFFFFF",
+                textAlign: "center"
+              }
+            }, toDisplayString("未监听")))
+          ], 4),
+          createBaseVNode("div", {
+            style: normalizeStyle({
+              left: unref(state).outX,
+              top: unref(state).outY,
+              backgroundColor: "#00FF00",
+              width: 600,
+              height: 600
+            })
+          }, [
+            createVNode(unref(JsvNativeSharedDiv), {
+              getId: unref(getId),
+              style: normalizeStyle({
+                left: unref(state).inX,
+                top: unref(state).inY,
+                width: 500,
+                height: 500
+              })
+            }, {
+              default: withCtx(() => [
+                createBaseVNode("div", { style: {
+                  backgroundColor: "#00FF00",
+                  left: 50,
+                  top: 40,
+                  width: 30,
+                  height: 30
+                } })
+              ]),
+              _: 1
+            }, 8, ["getId", "style"])
+          ], 4),
+          createBaseVNode("div", {
+            style: normalizeStyle({
+              left: unref(state).outX + 200,
+              top: unref(state).outY,
+              backgroundColor: "#00FF00",
+              width: 600,
+              height: 600
+            })
+          }, [
+            createVNode(unref(JsvNativeSharedDiv), {
+              getId: unref(getId2),
+              style: normalizeStyle({
+                left: unref(state).inX,
+                top: unref(state).inY,
+                width: 500,
+                height: 500
+              })
+            }, {
+              default: withCtx(() => [
+                createBaseVNode("div", { style: {
+                  backgroundColor: "#00FF00",
+                  left: 50,
+                  top: 40,
+                  width: 30,
+                  height: 30
+                } })
+              ]),
+              _: 1
+            }, 8, ["getId", "style"])
+          ], 4)
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+const styleSheetsContent = { "0": { "test-anim-rotate-503e333c": "@keyframes test-anim-rotate-503e333c {from{transform:rotate3d(0, 0, 1, 270deg);}to{transform:rotate3d(0, 0, 1, 0deg);}}" } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-503e333c"]]);
+export {
+  App as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.5698ed0a.js.map
+
+/*jsvmd5:32ac0f901f45ed5f6e214b0cee11da81*/