create-jsview 2.1.367-test.0 → 2.1.428

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

@@ -0,0 +1,568 @@
+import { z as _sfc_main$c, a as useRouter } 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, a as ref, b as resolveComponent, A as createBlock } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+const RenderLeft_vue_vue_type_style_index_0_scoped_ccf6f371_lang = "";
+const _sfc_main$4 = {
+  __name: "RenderLeft",
+  props: {
+    text: String,
+    moveCount: Number
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", { style: { top: 50 } }, [
+        createBaseVNode("div", { style: {
+          left: 0,
+          top: -50,
+          width: 400,
+          height: 50,
+          fontSize: 20,
+          textAlign: "left",
+          lineHeight: 50,
+          backgroundColor: "#00ff00"
+        } }, " 整体向上对齐、文字居左显示 "),
+        createVNode(unref(_sfc_main$c), {
+          verticalAlign: "top",
+          style: normalizeStyle({
+            left: 0,
+            top: 0,
+            width: 400,
+            height: 300,
+            backgroundColor: "rgba(255,255,0,0.5)",
+            fontSize: 30,
+            textAlign: "left",
+            lineHeight: 40
+          })
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(`测试文字变化能引起刷新: [${props.moveCount}]
+[TL]${props.text}`), 1)
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createBaseVNode("div", { style: {
+          left: 410,
+          top: -50,
+          width: 400,
+          height: 50,
+          fontSize: 20,
+          textAlign: "left",
+          lineHeight: 50,
+          backgroundColor: "#00ff00"
+        } }, " 整体垂直居中对齐、文字水平居左显示 "),
+        createVNode(unref(_sfc_main$c), {
+          verticalAlign: "middle",
+          style: normalizeStyle({
+            left: 410,
+            top: 0,
+            width: 400,
+            height: 300,
+            backgroundColor: "rgba(255,255,0,0.5)",
+            fontSize: 30,
+            textAlign: "left",
+            lineHeight: 40
+          })
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(`[ML]${props.text}`), 1)
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createBaseVNode("div", { style: {
+          left: 820,
+          top: -50,
+          width: 400,
+          height: 50,
+          fontSize: 20,
+          textAlign: "left",
+          lineHeight: 50,
+          backgroundColor: "#00ff00"
+        } }, " 整体垂直向下对齐、文字水平居左显示 "),
+        createVNode(unref(_sfc_main$c), {
+          verticalAlign: "bottom",
+          style: normalizeStyle({
+            left: 820,
+            top: 0,
+            width: 400,
+            height: 300,
+            backgroundColor: "rgba(255,255,0,0.5)",
+            fontSize: 30,
+            textAlign: "left",
+            lineHeight: 40
+          })
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(`[BL]${props.text}`), 1)
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createBaseVNode("div", { style: {
+          left: 1240,
+          top: -50,
+          width: 500,
+          height: 50,
+          fontSize: 20,
+          textAlign: "left",
+          lineHeight: 50,
+          backgroundColor: "#00ff00"
+        } }, " 整体垂直向上对齐、文字水平居左显示、行高80px "),
+        createVNode(unref(_sfc_main$c), {
+          verticalAlign: "top",
+          style: normalizeStyle({
+            left: 1240,
+            top: 0,
+            width: 500,
+            height: 300,
+            backgroundColor: "rgba(255,255,0,0.5)",
+            fontSize: 30,
+            textAlign: "left",
+            lineHeight: 80
+          }),
+          className: "test"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(`[TL]${props.text}`), 1)
+          ]),
+          _: 1
+        }, 8, ["style"])
+      ]);
+    };
+  }
+};
+const styleSheetsContent = { "ccf6f371": { ".test": '{"color":"#007788"}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const RenderLeft = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-ccf6f371"]]);
+const _sfc_main$3 = {
+  __name: "RenderRight",
+  props: {
+    text: String
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", { style: { top: 750 } }, [
+        createBaseVNode("div", { style: {
+          left: 0,
+          top: -50,
+          width: 400,
+          height: 50,
+          fontSize: 20,
+          textAlign: "left",
+          lineHeight: 50,
+          backgroundColor: "#00ff00"
+        } }, " 整体垂直向上对齐、文字水平居右显示 "),
+        createVNode(unref(_sfc_main$c), {
+          verticalAlign: "top",
+          style: normalizeStyle({
+            left: 0,
+            top: 0,
+            width: 400,
+            height: 300,
+            backgroundColor: "rgba(255,255,0,0.5)",
+            fontSize: 30,
+            textAlign: "right",
+            lineHeight: 40
+          })
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(`[TR]${props.text}`), 1)
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createBaseVNode("div", { style: {
+          left: 410,
+          top: -50,
+          width: 400,
+          height: 50,
+          fontSize: 20,
+          textAlign: "left",
+          lineHeight: 50,
+          backgroundColor: "#00ff00"
+        } }, " 整体垂直居中对齐、文字水平居右显示 "),
+        createVNode(unref(_sfc_main$c), {
+          verticalAlign: "middle",
+          style: normalizeStyle({
+            left: 410,
+            top: 0,
+            width: 400,
+            height: 300,
+            backgroundColor: "rgba(255,255,0,0.5)",
+            fontSize: 30,
+            textAlign: "right",
+            lineHeight: 40
+          })
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(`[MR]${props.text}`), 1)
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createBaseVNode("div", { style: {
+          left: 820,
+          top: -50,
+          width: 400,
+          height: 50,
+          fontSize: 20,
+          textAlign: "left",
+          lineHeight: 50,
+          backgroundColor: "#00ff00"
+        } }, " 整体垂直向下对齐、文字水平居右显示 "),
+        createVNode(unref(_sfc_main$c), {
+          verticalAlign: "bottom",
+          style: normalizeStyle({
+            left: 820,
+            top: 0,
+            width: 400,
+            height: 300,
+            backgroundColor: "rgba(255,255,0,0.5)",
+            fontSize: 30,
+            textAlign: "right",
+            lineHeight: 40
+          })
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(`[BR]${props.text}`), 1)
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createBaseVNode("div", { style: {
+          left: 1240,
+          top: -50,
+          width: 500,
+          height: 50,
+          fontSize: 20,
+          textAlign: "left",
+          lineHeight: 50,
+          backgroundColor: "#00ff00"
+        } }, " 整体垂直向下对齐、文字水平居右显示、行高80px "),
+        createVNode(unref(_sfc_main$c), {
+          verticalAlign: "bottom",
+          style: normalizeStyle({
+            left: 1240,
+            top: 0,
+            width: 500,
+            height: 300,
+            backgroundColor: "rgba(255,255,0,0.5)",
+            fontSize: 30,
+            textAlign: "right",
+            lineHeight: 80
+          })
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(`[BR]${props.text}`), 1)
+          ]),
+          _: 1
+        }, 8, ["style"])
+      ]);
+    };
+  }
+};
+const _sfc_main$2 = {
+  __name: "RenderCenter",
+  props: {
+    text: String,
+    text_latex: String
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", { style: { top: 400 } }, [
+        createBaseVNode("div", { style: {
+          left: 0,
+          top: -50,
+          width: 400,
+          height: 50,
+          fontSize: 20,
+          textAlign: "left",
+          lineHeight: 50,
+          backgroundColor: "#00ff00"
+        } }, " 整体垂直向上对齐、文字水平居中显示 "),
+        createVNode(unref(_sfc_main$c), {
+          verticalAlign: "top",
+          style: normalizeStyle({
+            left: 0,
+            top: 0,
+            width: 400,
+            height: 300,
+            backgroundColor: "rgba(255,255,0,0.5)",
+            fontSize: 30,
+            textAlign: "center",
+            lineHeight: 40
+          })
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(`[TC]${props.text}`), 1)
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createBaseVNode("div", { style: {
+          left: 410,
+          top: -50,
+          width: 400,
+          height: 50,
+          fontSize: 20,
+          textAlign: "left",
+          lineHeight: 50,
+          backgroundColor: "#00ff00"
+        } }, " 整体垂直居中对齐、文字水平居中显示 "),
+        createVNode(unref(_sfc_main$c), {
+          verticalAlign: "middle",
+          style: normalizeStyle({
+            left: 410,
+            top: 0,
+            width: 400,
+            height: 300,
+            backgroundColor: "rgba(255,255,0,0.5)",
+            fontSize: 30,
+            textAlign: "center",
+            lineHeight: 40
+          }),
+          enableLatex: true
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(`[MC]${props.text_latex}`), 1)
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createBaseVNode("div", { style: {
+          left: 820,
+          top: -50,
+          width: 400,
+          height: 50,
+          fontSize: 20,
+          textAlign: "left",
+          lineHeight: 50,
+          backgroundColor: "#00ff00"
+        } }, " 整体垂直向下对齐、文字水平居中显示 "),
+        createVNode(unref(_sfc_main$c), {
+          verticalAlign: "bottom",
+          style: normalizeStyle({
+            left: 820,
+            top: 0,
+            width: 400,
+            height: 300,
+            backgroundColor: "rgba(255,255,0,0.5)",
+            fontSize: 30,
+            textAlign: "center",
+            lineHeight: 40
+          })
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(`[BC]${props.text}`), 1)
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createBaseVNode("div", { style: {
+          left: 1240,
+          top: -50,
+          width: 500,
+          height: 50,
+          fontSize: 20,
+          textAlign: "left",
+          lineHeight: 50,
+          backgroundColor: "#00ff00"
+        } }, " 整体垂直居中对齐、文字水平居中显示、行高80px "),
+        createVNode(unref(_sfc_main$c), {
+          verticalAlign: "middle",
+          style: normalizeStyle({
+            left: 1240,
+            top: 0,
+            width: 500,
+            height: 300,
+            backgroundColor: "rgba(255,255,0,0.5)",
+            fontSize: 30,
+            textAlign: "center",
+            lineHeight: 80
+          })
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(`[MC]${props.text}`), 1)
+          ]),
+          _: 1
+        }, 8, ["style"])
+      ]);
+    };
+  }
+};
+const _sfc_main$1 = {
+  __name: "RenderOneLine",
+  props: {
+    text: String
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", { style: { top: 750 + 300 + 50 } }, [
+        createBaseVNode("div", { style: {
+          left: 0,
+          top: -50,
+          width: 400,
+          height: 50,
+          fontSize: 20,
+          textAlign: "left",
+          lineHeight: 50,
+          backgroundColor: "#00ff00"
+        } }, " 整体垂直向上对齐、文字水平居左显示 "),
+        createVNode(unref(_sfc_main$c), {
+          verticalAlign: "top",
+          style: normalizeStyle({
+            left: 0,
+            top: 0,
+            width: 400,
+            height: 80,
+            backgroundColor: "rgba(255,255,0,0.5)",
+            fontSize: 30,
+            textAlign: "left",
+            lineHeight: 80
+          })
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(props.text), 1)
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createBaseVNode("div", { style: {
+          left: 410,
+          top: -50,
+          width: 400,
+          height: 50,
+          fontSize: 20,
+          textAlign: "left",
+          lineHeight: 50,
+          backgroundColor: "#00ff00"
+        } }, " 整体垂直居中对齐、文字水平居中显示 "),
+        createVNode(unref(_sfc_main$c), {
+          verticalAlign: "middle",
+          style: normalizeStyle({
+            left: 410,
+            top: 0,
+            width: 400,
+            height: 80,
+            backgroundColor: "rgba(255,255,0,0.5)",
+            fontSize: 30,
+            textAlign: "center",
+            lineHeight: 80
+          })
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(props.text), 1)
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        createBaseVNode("div", { style: {
+          left: 820,
+          top: -50,
+          width: 400,
+          height: 50,
+          fontSize: 20,
+          textAlign: "left",
+          lineHeight: 50,
+          backgroundColor: "#00ff00"
+        } }, " 整体垂直向下对齐、文字水平居右显示 "),
+        createVNode(unref(_sfc_main$c), {
+          verticalAlign: "bottom",
+          style: normalizeStyle({
+            left: 820,
+            top: 0,
+            width: 400,
+            height: 80,
+            backgroundColor: "rgba(255,255,0,0.5)",
+            fontSize: 30,
+            textAlign: "right",
+            lineHeight: 80
+          })
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(props.text), 1)
+          ]),
+          _: 1
+        }, 8, ["style"])
+      ]);
+    };
+  }
+};
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const router = useRouter();
+    let offsetX = ref(0);
+    let offsetY = ref(0);
+    const onLineText = "abcdefghigk";
+    const text = `静夜思 --唐李白
+床前明月光，疑是地上霜；
+举头望明月，低头思故乡。`;
+    const text_latex = `静夜思 --唐李白
+床前\\textcolor{#FF0000}{明月光}，疑是地上霜；
+举头\\textcolor{#0000FF}{望明月}，低头思故乡。`;
+    const moveCount = ref(0);
+    const onKeyDown = (ev) => {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
+        router.go(-1);
+        return true;
+      }
+      switch (ev.keyCode) {
+        case 37:
+          offsetX.value += 30;
+          moveCount.value++;
+          break;
+        case 39:
+          offsetX.value -= 30;
+          moveCount.value++;
+          break;
+        case 38:
+          offsetY.value += 30;
+          moveCount.value++;
+          break;
+        case 40:
+          offsetY.value -= 30;
+          moveCount.value++;
+          break;
+      }
+      return true;
+    };
+    const onFocus = () => {
+      console.log("TextBox getFocus");
+    };
+    const onBlur = () => {
+      console.log("TextBox loseFocus");
+    };
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        autoFocus: "",
+        onAction: {
+          onKeyDown,
+          onFocus,
+          onBlur
+        }
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", {
+            style: normalizeStyle({ top: unref(offsetY), left: unref(offsetX) })
+          }, [
+            createVNode(RenderLeft, {
+              text,
+              moveCount: moveCount.value
+            }, null, 8, ["moveCount"]),
+            createVNode(_sfc_main$3, { text }),
+            createVNode(_sfc_main$2, {
+              text,
+              text_latex
+            }),
+            createVNode(_sfc_main$1, { text: onLineText })
+          ], 4)
+        ]),
+        _: 1
+      }, 8, ["onAction"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.8473b928.js.map
+
+/*jsvmd5:a85dd5fd114076f28ef19254eccbe867*/