create-jsview 2.1.367-test.0 → 2.1.428

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

@@ -0,0 +1,276 @@
+import { u as useFocusHub, E as EdgeDirection, H as HORIZONTAL, g as _sfc_main$F } from "./jsview-vue-entry.415721d8.js";
+import { s as shallowRef, a as ref, o as openBlock, e as createElementBlock, g as normalizeStyle, q as createCommentVNode, f as createBaseVNode, G as toDisplayString, t as onMounted, k as createVNode, l as withCtx, 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
+  },
+  setup(__props) {
+    const props = __props;
+    const divRef = shallowRef(null);
+    const focused = ref(false);
+    const onFocus = () => {
+      focused.value = true;
+    };
+    const onBlur = () => {
+      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,
+          transform: focused.value ? "scale3d(1.1, 1.1, 1)" : "",
+          transition: "transform 0.2s linear"
+        })
+      }, [
+        focused.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          style: normalizeStyle({
+            left: -2,
+            top: -2,
+            width: __props.data.width + 4,
+            height: __props.data.height + 4,
+            backgroundColor: "#FF0000"
+          })
+        }, null, 4)) : createCommentVNode("", true),
+        createBaseVNode("div", {
+          ref_key: "divRef",
+          ref: divRef,
+          style: normalizeStyle({
+            width: __props.data.width,
+            height: __props.data.height,
+            fontSize: 30,
+            color: "#FFFFFF",
+            backgroundColor: __props.data.color
+          })
+        }, toDisplayString(__props.data.content), 5)
+      ], 4);
+    };
+  }
+};
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const focusHub = useFocusHub();
+    const randomColor = () => {
+      let randomColor2 = Math.round(Math.random() * 2 ** 24).toString(16);
+      return "#" + new Array(6 - randomColor2.length).fill("0").join("") + randomColor2;
+    };
+    const data = [];
+    for (let i = 0; i < 30; i++) {
+      data.push({
+        width: 90,
+        height: 90,
+        marginRight: 10,
+        marginBottom: 10,
+        color: randomColor(),
+        content: i
+      });
+    }
+    const widget1 = {
+      provideData: () => {
+        return data;
+      },
+      measures: (data2) => {
+        return {
+          width: data2.width,
+          height: data2.height,
+          marginRight: data2.marginRight,
+          marginBottom: data2.marginBottom
+        };
+      },
+      onEdge: (edgeInfo) => {
+        if (edgeInfo.direction == EdgeDirection.bottom) {
+          focusHub.setFocus("widget2");
+        }
+      },
+      widgetLayout: {
+        left: 50,
+        top: 50,
+        width: 500,
+        height: 200
+      }
+    };
+    const widget2 = {
+      provideData: () => {
+        return data;
+      },
+      measures: (data2) => {
+        return {
+          width: data2.width,
+          height: data2.height,
+          marginRight: data2.marginRight,
+          marginBottom: data2.marginBottom
+        };
+      },
+      onEdge: (edgeInfo) => {
+        if (edgeInfo.direction == EdgeDirection.top) {
+          focusHub.setFocus("widget1");
+        } else if (edgeInfo.direction == EdgeDirection.bottom) {
+          focusHub.setFocus("widget3");
+        }
+      },
+      widgetLayout: {
+        left: 50,
+        top: 300,
+        width: 500,
+        height: 220
+      },
+      padding: {
+        left: 10,
+        top: 10,
+        right: 10,
+        bottom: 10
+      }
+    };
+    const widget3 = {
+      provideData: () => {
+        return data;
+      },
+      measures: (data2) => {
+        return {
+          width: data2.width,
+          height: data2.height,
+          marginRight: data2.marginRight,
+          marginBottom: data2.marginBottom
+        };
+      },
+      onEdge: (edgeInfo) => {
+        if (edgeInfo.direction == EdgeDirection.top) {
+          focusHub.setFocus("widget2");
+        }
+      },
+      widgetLayout: {
+        left: 50,
+        top: 550,
+        width: 500,
+        height: 200
+      },
+      padding: {
+        left: 10,
+        top: 10,
+        right: 10,
+        bottom: 10
+      }
+    };
+    onMounted(() => {
+      focusHub.setFocus("widget1");
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createBaseVNode("div", { style: {
+          width: 1920,
+          height: 1080,
+          backgroundColor: "#007788"
+        } }),
+        createBaseVNode("div", {
+          style: normalizeStyle({
+            left: widget1.widgetLayout.left,
+            top: widget1.widgetLayout.top - 50,
+            width: 1280,
+            height: 50,
+            fontSize: 20,
+            color: "#FFFFFF"
+          })
+        }, toDisplayString("未设置padding, 导致边缘放大的item显示不全. height为200"), 5),
+        createVNode(unref(_sfc_main$F), {
+          name: "widget1",
+          left: widget1.widgetLayout.left,
+          top: widget1.widgetLayout.top,
+          width: widget1.widgetLayout.width,
+          height: widget1.widgetLayout.height,
+          provideData: widget1.provideData,
+          measures: widget1.measures,
+          onEdge: widget1.onEdge,
+          direction: unref(HORIZONTAL)
+        }, {
+          renderItem: withCtx(({ data: data2, onAction }) => [
+            createVNode(_sfc_main$1, {
+              data: data2,
+              onAction
+            }, null, 8, ["data", "onAction"])
+          ]),
+          _: 1
+        }, 8, ["left", "top", "width", "height", "provideData", "measures", "onEdge", "direction"]),
+        createBaseVNode("div", {
+          style: normalizeStyle({
+            left: widget2.widgetLayout.left,
+            top: widget2.widgetLayout.top - 50,
+            width: 1280,
+            height: 50,
+            fontSize: 18,
+            lineHeight: 22,
+            color: "#FFFFFF"
+          })
+        }, toDisplayString("设置padding, 注意排布范围是height减去padding占用的范围,\n因此还需要排两行需要调大height, height=220"), 4),
+        createVNode(unref(_sfc_main$F), {
+          name: "widget2",
+          left: widget2.widgetLayout.left,
+          top: widget2.widgetLayout.top,
+          width: widget2.widgetLayout.width,
+          height: widget2.widgetLayout.height,
+          provideData: widget2.provideData,
+          measures: widget2.measures,
+          onEdge: widget2.onEdge,
+          direction: unref(HORIZONTAL),
+          padding: widget2.padding
+        }, {
+          renderItem: withCtx(({ data: data2, onAction }) => [
+            createVNode(_sfc_main$1, {
+              data: data2,
+              onAction
+            }, null, 8, ["data", "onAction"])
+          ]),
+          _: 1
+        }, 8, ["left", "top", "width", "height", "provideData", "measures", "onEdge", "direction", "padding"]),
+        createBaseVNode("div", {
+          style: normalizeStyle({
+            left: widget3.widgetLayout.left,
+            top: widget3.widgetLayout.top - 50,
+            width: 1280,
+            height: 50,
+            fontSize: 20,
+            color: "#FFFFFF"
+          })
+        }, toDisplayString("设置padding, 但未调整组件尺寸, 导致只能排一行. height=200"), 5),
+        createVNode(unref(_sfc_main$F), {
+          name: "widget3",
+          left: widget3.widgetLayout.left,
+          top: widget3.widgetLayout.top,
+          width: widget3.widgetLayout.width,
+          height: widget3.widgetLayout.height,
+          provideData: widget3.provideData,
+          measures: widget3.measures,
+          onEdge: widget3.onEdge,
+          direction: unref(HORIZONTAL),
+          padding: widget3.padding
+        }, {
+          renderItem: withCtx(({ data: data2, onAction }) => [
+            createVNode(_sfc_main$1, {
+              data: data2,
+              onAction
+            }, null, 8, ["data", "onAction"])
+          ]),
+          _: 1
+        }, 8, ["left", "top", "width", "height", "provideData", "measures", "onEdge", "direction", "padding"])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.64e2a47b.js.map
+
+/*jsvmd5:c7c9abe5cbdff14c1268c8b563de0e18*/

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

@@ -0,0 +1,107 @@
+import { z as _sfc_main$c } from "./jsview-vue-entry.415721d8.js";
+import { a as _export_sfc } from "./export-sfc.2749ebea.js";
+import { o as openBlock, e as createElementBlock, f as createBaseVNode, k as createVNode, l as withCtx, O as createTextVNode, G as toDisplayString, g as normalizeStyle, u as unref, F as Fragment } 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_67c7490b_lang = "";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const baseStyle = {
+      left: 50,
+      width: 1e3,
+      height: 50
+    };
+    const text = "测试\\textcolor{#FF0000}{红色并且\\textb{加粗}}文字";
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createBaseVNode("div", { style: { width: 1920, height: 1080, backgroundColor: "#007788" } }),
+        createVNode(unref(_sfc_main$c), {
+          enableLatex: true,
+          style: normalizeStyle({ top: 50, ...baseStyle }),
+          class: "textStyle"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString("测试\\textcolor{#FF0000}{红色}文字"))
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createVNode(unref(_sfc_main$c), {
+          enableLatex: true,
+          style: normalizeStyle({ top: 100, ...baseStyle }),
+          class: "textStyle"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString("测试\\textb{加粗}文字"))
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createVNode(unref(_sfc_main$c), {
+          enableLatex: true,
+          style: normalizeStyle({ top: 150, ...baseStyle }),
+          class: "textStyle"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString("测试\\texti{italic}文字"))
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createVNode(unref(_sfc_main$c), {
+          enableLatex: true,
+          style: normalizeStyle({ top: 200, ...baseStyle }),
+          class: "textStyle"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString("测试\\textdecoration{underline}{下划线}文字"))
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createVNode(unref(_sfc_main$c), {
+          enableLatex: true,
+          style: normalizeStyle({ top: 250, ...baseStyle }),
+          class: "textStyle"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString("测试\\textdecoration{line-through}{删除线}文字"))
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createVNode(unref(_sfc_main$c), {
+          enableLatex: true,
+          style: normalizeStyle({ top: 300, ...baseStyle }),
+          class: "textStyle"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(text))
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createBaseVNode("div", { style: { top: 350 } }, [
+          createBaseVNode("div", {
+            style: baseStyle,
+            class: "textStyle"
+          }, "0高度是否显示:"),
+          createVNode(unref(_sfc_main$c), {
+            enableLatex: true,
+            style: { width: 500, height: 0, left: 330 },
+            class: "textStyle"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString("测试\\textdecoration{line-through}{删除线}文字"))
+            ]),
+            _: 1
+          })
+        ])
+      ], 64);
+    };
+  }
+};
+const styleSheetsContent = { "67c7490b": { ".textStyle": '{"lineHeight":50,"fontSize":40}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-67c7490b"]]);
+export {
+  App as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.69ca326b.js.map
+
+/*jsvmd5:a0c103669c7454b3d1602aa0bfbc8df5*/

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

@@ -0,0 +1,277 @@
+import { a as useRouter, Q as getKeyFramesGroup, c as bridge, R as _JsvTextureAnim$1 } from "./jsview-vue-entry.415721d8.js";
+import { t as onMounted, E as onBeforeUnmount, b as resolveComponent, o as openBlock, A as createBlock, l as withCtx, f as createBaseVNode, g as normalizeStyle, k as createVNode, u as unref, G as toDisplayString } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+import "./export-sfc.2749ebea.js";
+const img = "" + new URL("../assets/php2.7e5cf392.png", import.meta.url).href;
+const swipLight = "" + new URL("../assets/swipLight.ab6b2bc2.png", import.meta.url).href;
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const router = useRouter();
+    const styleShell = getKeyFramesGroup();
+    const translateTransform = "translate3d(50%, 50%, 0)";
+    const rotateTransform = "rotate3d(1,1,1, 30deg)";
+    const scaleTransform = "scale3d(0.5, 1.5, 1.0)";
+    const borderRadius = 40;
+    const repeat = -1;
+    const duration = 3e3;
+    const translateAnim = "{from {transform: translate3d(-100%, -50%, 0);} to {transform: translate3d(100%, 50%, 0);}}";
+    const rotateAnim = "{from {transform: rotate3d(1,-1,1,0);} to {transform: rotate3d(1,-1,1,360deg);}}";
+    const scaleAnim = "{from {transform: scale3d(0.5, 0.5, 1);} to {transform: scale3d(1.5, 1.5, 1);}}";
+    const swipAnim = "{from {transform: translate3d(-100%, 0, 0);} to {transform: translate3d(100%, 0, 0);}}";
+    styleShell.insertRule(
+      "@keyframes texture-anim-translate " + translateAnim
+    );
+    styleShell.insertRule(
+      "@keyframes texture-anim-rotate " + rotateAnim
+    );
+    styleShell.insertRule(
+      "@keyframes texture-anim-scale " + scaleAnim
+    );
+    const onKeyDown = (ev) => {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
+        router?.go(-1);
+      }
+      return true;
+    };
+    onMounted(() => {
+      bridge.notifyPageLoaded();
+    });
+    onBeforeUnmount(() => {
+      styleShell.removeRule("texture-anim-translate");
+      styleShell.removeRule("texture-anim-rotate");
+      styleShell.removeRule("texture-anim-scale");
+    });
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        autoFocus: "",
+        onKeyDown,
+        style: {
+          width: 1920,
+          height: 1080,
+          backgroundColor: "#007788"
+        }
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", { style: {
+            left: 100,
+            top: 20
+          } }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                width: 300,
+                height: 150,
+                backgroundColor: "rgba(0,255,0,0.5)"
+              })
+            }, null, 4),
+            createVNode(unref(_JsvTextureAnim$1), {
+              src: unref(img),
+              width: 300,
+              height: 150,
+              animation: translateAnim,
+              duration,
+              transform: null,
+              borderRadius,
+              repeat,
+              autoStart: true
+            }, null, 8, ["src"]),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                width: 300,
+                height: 150,
+                backgroundColor: "rgba(255,0,0,0.5)",
+                transform: null,
+                animation: `texture-anim-translate ${duration / 1e3}s linear infinite`
+              })
+            }, null, 4)
+          ]),
+          createBaseVNode("div", { style: {
+            left: 100,
+            top: 230
+          } }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                width: 300,
+                height: 150,
+                backgroundColor: "rgba(0,255,0,0.5)"
+              })
+            }, null, 4),
+            createVNode(unref(_JsvTextureAnim$1), {
+              src: unref(img),
+              width: 300,
+              height: 150,
+              animation: rotateAnim,
+              duration,
+              transform: null,
+              borderRadius,
+              repeat,
+              autoStart: true
+            }, null, 8, ["src"]),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                width: 300,
+                height: 150,
+                backgroundColor: "rgba(255,0,0,0.5)",
+                transform: null,
+                animation: `texture-anim-rotate ${duration / 1e3}s linear infinite`
+              })
+            }, null, 4)
+          ]),
+          createBaseVNode("div", { style: {
+            left: 100,
+            top: 460
+          } }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                width: 300,
+                height: 150,
+                backgroundColor: "rgba(0,255,0,0.5)"
+              })
+            }, null, 4),
+            createVNode(unref(_JsvTextureAnim$1), {
+              src: unref(img),
+              width: 300,
+              height: 150,
+              animation: scaleAnim,
+              duration,
+              transform: null,
+              borderRadius,
+              repeat,
+              autoStart: true
+            }, null, 8, ["src"]),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                width: 300,
+                height: 150,
+                backgroundColor: "rgba(255,0,0,0.5)",
+                transform: null,
+                animation: `texture-anim-scale ${duration / 1e3}s linear infinite`
+              })
+            }, null, 4)
+          ]),
+          createBaseVNode("div", { style: {
+            left: 500,
+            top: 20
+          } }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                width: 300,
+                height: 150,
+                backgroundColor: "rgba(0,255,0,0.5)"
+              })
+            }, null, 4),
+            createVNode(unref(_JsvTextureAnim$1), {
+              src: unref(img),
+              width: 300,
+              height: 150,
+              transform: translateTransform,
+              borderRadius
+            }, null, 8, ["src"]),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                width: 300,
+                height: 150,
+                backgroundColor: "rgba(255,0,0,0.5)",
+                transform: translateTransform
+              })
+            }, null, 4)
+          ]),
+          createBaseVNode("div", { style: {
+            left: 500,
+            top: 230
+          } }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                width: 300,
+                height: 150,
+                backgroundColor: "rgba(0,255,0,0.5)"
+              })
+            }, null, 4),
+            createVNode(unref(_JsvTextureAnim$1), {
+              src: unref(img),
+              width: 300,
+              height: 150,
+              transform: rotateTransform,
+              borderRadius
+            }, null, 8, ["src"]),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                width: 300,
+                height: 150,
+                backgroundColor: "rgba(255,0,0,0.5)",
+                transform: rotateTransform
+              })
+            }, null, 4)
+          ]),
+          createBaseVNode("div", { style: {
+            left: 500,
+            top: 460
+          } }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                width: 300,
+                height: 150,
+                backgroundColor: "rgba(0,255,0,0.5)"
+              })
+            }, null, 4),
+            createVNode(unref(_JsvTextureAnim$1), {
+              src: unref(img),
+              width: 300,
+              height: 150,
+              transform: scaleTransform,
+              borderRadius
+            }, null, 8, ["src"]),
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                width: 300,
+                height: 150,
+                backgroundColor: "rgba(255,0,0,0.5)",
+                transform: scaleTransform
+              })
+            }, null, 4)
+          ]),
+          createBaseVNode("div", { style: {
+            left: 850,
+            top: 460
+          } }, [
+            createBaseVNode("div", {
+              style: normalizeStyle({
+                width: 300,
+                height: 150,
+                backgroundColor: "rgba(0,255,0,0.5)"
+              })
+            }, null, 4),
+            createVNode(unref(_JsvTextureAnim$1), {
+              src: unref(swipLight),
+              animation: swipAnim,
+              width: 300,
+              height: 150,
+              duration,
+              transform: "scale3d(0.5, 1, 1) rotate3d(0,0,1, 30deg)",
+              borderRadius,
+              repeat,
+              autoStart: true
+            }, null, 8, ["src"])
+          ]),
+          createBaseVNode("div", { style: {
+            left: 100,
+            top: 620,
+            width: 1920,
+            height: 200,
+            fontSize: 30,
+            color: "#000000"
+          } }, toDisplayString("1. 注意圆角\n2. 红色半透明的view为标准, 图片的动画需要与其一致"), 1)
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.6f92a934.js.map
+
+/*jsvmd5:f171646f23ec25f12955d6a332ca1852*/