create-jsview 2.1.428 → 2.1.435

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

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

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

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