create-jsview 2.1.367-test.0 → 2.1.428

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

@@ -0,0 +1,369 @@
+import { g as _sfc_main$F, V as VERTICAL, u as useFocusHub, I as JsvInput, E as EdgeDirection, a as useRouter, K as InputType } from "./jsview-vue-entry.415721d8.js";
+import { s as shallowRef, c as computed, o as openBlock, e as createElementBlock, u as unref, g as normalizeStyle, q as createCommentVNode, f as createBaseVNode, G as toDisplayString, F as Fragment, A as createBlock, l as withCtx, k as createVNode, b as resolveComponent } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+import "./export-sfc.2749ebea.js";
+const _sfc_main$3 = {
+  __name: "KeyboardItem",
+  props: {
+    data: Object,
+    query: Object,
+    onEdge: Function,
+    onAction: Object,
+    onClick: Function
+  },
+  setup(__props) {
+    const props = __props;
+    const focused = shallowRef(false);
+    const style = computed(() => {
+      return {
+        width: props.data.width,
+        height: props.data.height,
+        fontSize: 20,
+        textAlign: "center",
+        lineHeight: props.data.height,
+        color: "#FFFFFF"
+      };
+    });
+    const _onFocus = () => {
+      focused.value = true;
+    };
+    const _onBlur = () => {
+      focused.value = false;
+    };
+    const _onClick = () => {
+      props.onClick(props.data);
+    };
+    props.onAction.register("onFocus", _onFocus);
+    props.onAction.register("onBlur", _onBlur);
+    props.onAction.register("onClick", _onClick);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        unref(focused) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          style: normalizeStyle({
+            width: props.data.width,
+            height: props.data.height,
+            backgroundColor: "#00FF00"
+          })
+        }, null, 4)) : createCommentVNode("", true),
+        createBaseVNode("div", {
+          ref: "element",
+          style: normalizeStyle(unref(style))
+        }, toDisplayString(props.data.content), 5)
+      ], 64);
+    };
+  }
+};
+const _sfc_main$2 = {
+  __name: "FullKeyboard",
+  props: {
+    name: String,
+    onClick: Function,
+    onEdge: Function
+  },
+  setup(__props) {
+    const props = __props;
+    const _initData = () => {
+      const result = [];
+      result.push({
+        width: 120,
+        height: 40,
+        focusable: true,
+        content: "删除"
+      });
+      result.push({
+        width: 120,
+        height: 40,
+        focusable: true,
+        content: "清空"
+      });
+      for (let i = 0; i < 36; ++i) {
+        result.push({
+          width: 40,
+          height: 40,
+          focusable: true,
+          content: i < 26 ? String.fromCharCode(i + 65) : String.fromCharCode(i - 26 + 48)
+        });
+      }
+      return result;
+    };
+    const direction = VERTICAL;
+    const data = _initData();
+    const _measures = (item) => {
+      return {
+        width: item.width,
+        height: item.height
+      };
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$F), {
+        ref: "sw",
+        name: props.name,
+        data: unref(data),
+        width: 260,
+        height: 300,
+        padding: { left: 10, right: 10, top: 10, bottom: 10 },
+        direction: unref(direction),
+        measures: _measures,
+        onEdge: props.onEdge
+      }, {
+        renderItem: withCtx(({ data: data2, query, onEdge, onAction }) => [
+          createVNode(_sfc_main$3, {
+            data: data2,
+            query,
+            onEdge,
+            onAction,
+            onClick: props.onClick
+          }, null, 8, ["data", "query", "onEdge", "onAction", "onClick"])
+        ]),
+        _: 1
+      }, 8, ["name", "data", "direction", "onEdge"]);
+    };
+  }
+};
+const _sfc_main$1 = {
+  __name: "InputPanel",
+  props: {
+    name: String,
+    type: Number,
+    textAlign: String,
+    placeHolder: String,
+    onEdge: Function
+  },
+  setup(__props) {
+    const props = __props;
+    const blurColor = "#AAAAAA";
+    const focusColor = "#FFFF00";
+    let focusNode = shallowRef(null);
+    let input = shallowRef(null);
+    let showCursor = shallowRef(false);
+    const focusHub = useFocusHub();
+    let cursorColor = shallowRef(blurColor);
+    const _onFocus = () => {
+      showCursor.value = true;
+      cursorColor.value = blurColor;
+      focusHub.setFocus(`${props.name}/keyboard`);
+    };
+    const _onBlur = () => {
+      showCursor.value = false;
+      cursorColor.value = blurColor;
+    };
+    const _keyboardOnClick = (item) => {
+      const char = item.content;
+      if (char === "删除") {
+        input.value?.delete();
+      } else if (char === "清空") {
+        input.value?.clear();
+      } else {
+        input.value?.add(char);
+      }
+    };
+    const _keyboardOnEdge = (edgeInfo) => {
+      if (edgeInfo.direction === EdgeDirection.top) {
+        focusHub.setFocus(`${props.name}/etext`);
+        cursorColor.value = focusColor;
+      } else {
+        props.onEdge?.(edgeInfo);
+      }
+    };
+    const _onTextChange = (str) => {
+      console.log(props.name + " text change:", str);
+    };
+    const _onTextOverflow = () => {
+      console.log(props.name + " text overflow.");
+    };
+    const _inputOnEdge = (edgeInfo) => {
+      if (edgeInfo.direction === EdgeDirection.bottom) {
+        focusHub.setFocus(`${props.name}/keyboard`);
+        cursorColor.value = blurColor;
+      } else {
+        props.onEdge?.(edgeInfo);
+      }
+      return true;
+    };
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        name: props.name,
+        ref_key: "focusNode",
+        ref: focusNode,
+        onAction: {
+          onFocus: _onFocus,
+          onBlur: _onBlur
+        }
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", { style: {
+            left: 50,
+            top: 50,
+            width: 150,
+            height: 40,
+            backgroundColor: "#33334f"
+          } }),
+          createVNode(unref(JsvInput), {
+            name: `${props.name}/etext`,
+            ref_key: "input",
+            ref: input,
+            type: props.type,
+            left: 50,
+            top: 50,
+            height: 40,
+            width: 150,
+            placeholder: props.placeHolder,
+            cursorShow: unref(showCursor),
+            fontStyle: {
+              fontSize: 28,
+              color: "#ffff00",
+              textAlign: props.textAlign
+            },
+            onEdge: _inputOnEdge,
+            cursorWidth: 2,
+            onTextChange: _onTextChange,
+            onTextOverflow: _onTextOverflow,
+            cursorColor: unref(cursorColor)
+          }, null, 8, ["name", "type", "placeholder", "cursorShow", "fontStyle", "cursorColor"]),
+          createBaseVNode("div", { style: { top: 100 } }, [
+            createVNode(_sfc_main$2, {
+              name: `${props.name}/keyboard`,
+              onClick: _keyboardOnClick,
+              onEdge: _keyboardOnEdge
+            }, null, 8, ["name"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["name", "onAction"]);
+    };
+  }
+};
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const router = useRouter();
+    let focusNode = shallowRef(null);
+    const name = "/input";
+    const focusHub = useFocusHub();
+    const _onKeyDown = (ev) => {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
+        router?.go(-1);
+      }
+      return true;
+    };
+    const _onFocus = () => {
+      focusHub.setFocus(name + "/normal");
+    };
+    const _panel1OnEdge = (edgeInfo) => {
+      if (edgeInfo.direction == EdgeDirection.right) {
+        focusHub.setFocus(name + "/password");
+      }
+    };
+    const _panel2OnEdge = (edgeInfo) => {
+      if (edgeInfo.direction == EdgeDirection.left) {
+        focusHub.setFocus(name + "/normal");
+      } else if (edgeInfo.direction == EdgeDirection.right) {
+        focusHub.setFocus(name + "/number");
+      }
+    };
+    const _panel3OnEdge = (edgeInfo) => {
+      if (edgeInfo.direction == EdgeDirection.left) {
+        focusHub.setFocus(name + "/password");
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        ref_key: "focusNode",
+        ref: focusNode,
+        autoFocus: "",
+        onAction: {
+          onKeyDown: _onKeyDown,
+          onFocus: _onFocus
+        },
+        style: {
+          width: 1920,
+          height: 1080,
+          backgroundColor: "#007788"
+        }
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", { style: {
+            top: 100,
+            left: 100
+          } }, [
+            createBaseVNode("div", { style: {
+              width: 300,
+              height: 50,
+              lineHeight: 50,
+              textAlign: "center",
+              fontSize: 30
+            } }, " 文字输入-左对齐 "),
+            createBaseVNode("div", { style: {
+              top: 100
+            } }, [
+              createVNode(_sfc_main$1, {
+                name: name + "/normal",
+                type: unref(InputType).TEXT,
+                textAlign: "left",
+                placeholder: "请输入",
+                onEdge: _panel1OnEdge
+              }, null, 8, ["name", "type"])
+            ])
+          ]),
+          createBaseVNode("div", { style: {
+            top: 100,
+            left: 500
+          } }, [
+            createBaseVNode("div", { style: {
+              width: 300,
+              height: 50,
+              lineHeight: 50,
+              textAlign: "center",
+              fontSize: 30
+            } }, " 密码输入-右对齐 "),
+            createBaseVNode("div", { style: {
+              top: 100
+            } }, [
+              createVNode(_sfc_main$1, {
+                name: name + "/password",
+                type: unref(InputType).PASSWORD,
+                textAlign: "right",
+                placeholder: "请输入",
+                onEdge: _panel2OnEdge
+              }, null, 8, ["name", "type"])
+            ])
+          ]),
+          createBaseVNode("div", { style: {
+            top: 100,
+            left: 900
+          } }, [
+            createBaseVNode("div", { style: {
+              width: 300,
+              height: 50,
+              lineHeight: 50,
+              textAlign: "center",
+              fontSize: 30
+            } }, " 数字输入-右对齐 "),
+            createBaseVNode("div", { style: {
+              top: 100
+            } }, [
+              createVNode(_sfc_main$1, {
+                name: name + "/number",
+                type: unref(InputType).NUMBER,
+                textAlign: "right",
+                placeholder: "请输入",
+                onEdge: _panel3OnEdge
+              }, null, 8, ["name", "type"])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["onAction"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.a446bb49.js.map
+
+/*jsvmd5:df171fd252197d4a8163b29a8fcf357b*/

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

@@ -0,0 +1,139 @@
+import { s as sTextureStoreApi } from "./jsview-vue-entry.415721d8.js";
+import { o as openBlock, e as createElementBlock, f as createBaseVNode, 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";
+import "./export-sfc.2749ebea.js";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const divSize = 300;
+    const smallTextureSize = 4;
+    const createTexture = (from, to, size, colorList, positionList) => {
+      const canvasTexture = sTextureStoreApi.canvasTexture(size, size);
+      canvasTexture.drawLinearGradientRect(
+        from[0],
+        from[1],
+        to[0],
+        to[1],
+        colorList,
+        positionList
+      );
+      return canvasTexture.commit();
+    };
+    const twoColorSet = {
+      color: ["#00ff00", "#0000ff"],
+      position: [0, 1]
+    };
+    const multiColorSet = {
+      color: ["#ff0000", "#0000ff", "#00ff00", "#ff00ff"],
+      position: [0, 0.3, 0.8, 1]
+    };
+    const diagonalTwoColor = createTexture(
+      [0, 0],
+      [smallTextureSize, smallTextureSize],
+      smallTextureSize,
+      twoColorSet.color,
+      twoColorSet.position
+    );
+    const diagonalMultiColor = createTexture(
+      [0, 0],
+      [divSize, divSize],
+      divSize,
+      multiColorSet.color,
+      multiColorSet.position
+    );
+    const verticalTwoColor = createTexture(
+      [0, 0],
+      [0, smallTextureSize],
+      smallTextureSize,
+      twoColorSet.color,
+      twoColorSet.position
+    );
+    const verticalMultiColor = createTexture(
+      [0, 0],
+      [0, divSize],
+      divSize,
+      multiColorSet.color,
+      multiColorSet.position
+    );
+    const slashTwoColor = createTexture(
+      [0, Math.round(smallTextureSize / 3)],
+      [smallTextureSize, Math.round(smallTextureSize * 0.8)],
+      smallTextureSize,
+      twoColorSet.color,
+      twoColorSet.position
+    );
+    const slashMultiColor = createTexture(
+      [0, Math.round(divSize / 3)],
+      [divSize, Math.round(divSize * 0.8)],
+      divSize,
+      multiColorSet.color,
+      multiColorSet.position
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createBaseVNode("div", { style: { width: 1280, height: 720, backgroundColor: "#007788" } }),
+        createBaseVNode("div", { style: { left: 20, top: 20 } }, [
+          createBaseVNode("div", {
+            style: normalizeStyle({
+              width: divSize,
+              height: divSize,
+              backgroundImage: `jsvtexturestore://${unref(diagonalTwoColor)}`
+            })
+          }, null, 4)
+        ]),
+        createBaseVNode("div", { style: { left: 20, top: 20 + 320 } }, [
+          createBaseVNode("div", {
+            style: normalizeStyle({
+              width: divSize,
+              height: divSize,
+              backgroundImage: `jsvtexturestore://${unref(diagonalMultiColor)}`
+            })
+          }, null, 4)
+        ]),
+        createBaseVNode("div", { style: { left: 20 + 320, top: 20 } }, [
+          createBaseVNode("div", {
+            style: normalizeStyle({
+              width: divSize,
+              height: divSize,
+              backgroundImage: `jsvtexturestore://${unref(verticalTwoColor)}`
+            })
+          }, null, 4)
+        ]),
+        createBaseVNode("div", { style: { left: 20 + 320, top: 20 + 320 } }, [
+          createBaseVNode("div", {
+            style: normalizeStyle({
+              width: divSize,
+              height: divSize,
+              backgroundImage: `jsvtexturestore://${unref(verticalMultiColor)}`
+            })
+          }, null, 4)
+        ]),
+        createBaseVNode("div", { style: { left: 20 + 640, top: 20 } }, [
+          createBaseVNode("div", {
+            style: normalizeStyle({
+              width: divSize,
+              height: divSize,
+              backgroundImage: `jsvtexturestore://${unref(slashTwoColor)}`
+            })
+          }, null, 4)
+        ]),
+        createBaseVNode("div", { style: { left: 20 + 640, top: 20 + 320 } }, [
+          createBaseVNode("div", {
+            style: normalizeStyle({
+              width: divSize,
+              height: divSize,
+              backgroundImage: `jsvtexturestore://${unref(slashMultiColor)}`
+            })
+          }, null, 4)
+        ])
+      ], 64);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.a485fc61.js.map
+
+/*jsvmd5:5dd7ab35c7de5bc0fa2fd8909aca25f9*/

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

@@ -0,0 +1,122 @@
+import { a as useRouter } from "./jsview-vue-entry.415721d8.js";
+import { a as _export_sfc } from "./export-sfc.2749ebea.js";
+import { b as resolveComponent, o as openBlock, A as createBlock, l as withCtx, f as createBaseVNode, G as toDisplayString } 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_7232f5dd_lang = "";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const router = useRouter();
+    const test1 = "url(https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/ScaleDownTest/test_1.jpeg)";
+    const test2 = "url(https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/ScaleDownTest/test_2.jpeg)";
+    const test3 = "url(https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/ScaleDownTest/test_3.jpeg)";
+    const test4 = "url(https://qcast-image.oss-cn-qingdao.aliyuncs.com/JsViewVideo/ImageTestSample/ScaleDownTest/test_4.jpeg)";
+    const onKeyDown = (ev) => {
+      if (ev.keyCode == 8 || ev.keyCode == 27 || ev.keyCode == 1e4) {
+        if (window.JsView) {
+          window.JsView.setGlobalConfig({
+            texCache: -1
+          });
+        }
+        router.go(-1);
+        return true;
+      }
+      return false;
+    };
+    const style1 = {
+      left: 0,
+      top: 0,
+      width: 250,
+      height: 250,
+      borderRadius: 15
+    };
+    const style2 = {
+      left: 0,
+      top: 260,
+      width: 250,
+      height: 250,
+      borderRadius: 15
+    };
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        autoFocus: "",
+        onKeyDown
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", { class: "allBgc" }, [
+            createBaseVNode("div", { class: "block" }, [
+              createBaseVNode("div", { style: { left: 0, top: 0 } }, [
+                createBaseVNode("div", { class: "leftFont top0" }, toDisplayString(`原图加载`)),
+                createBaseVNode("div", { class: "leftFont top250" }, toDisplayString(`使用缩小算法优化`))
+              ]),
+              createBaseVNode("div", { style: { left: 120, top: 0 } }, [
+                createBaseVNode("img", {
+                  alt: "",
+                  style: style1,
+                  src: test4
+                }),
+                createBaseVNode("img", {
+                  alt: "",
+                  style: style2,
+                  "data-jsv-img-scaledown-tex": "",
+                  src: test4
+                })
+              ]),
+              createBaseVNode("div", { style: { left: 380, top: 0 } }, [
+                createBaseVNode("img", {
+                  alt: "",
+                  style: style1,
+                  src: test1
+                }),
+                createBaseVNode("img", {
+                  alt: "",
+                  style: style2,
+                  "data-jsv-img-scaledown-tex": "",
+                  src: test1
+                })
+              ]),
+              createBaseVNode("div", { style: { left: 640, top: 0 } }, [
+                createBaseVNode("img", {
+                  alt: "",
+                  style: style1,
+                  src: test2
+                }),
+                createBaseVNode("img", {
+                  alt: "",
+                  style: style2,
+                  "data-jsv-img-scaledown-tex": "",
+                  src: test2
+                })
+              ]),
+              createBaseVNode("div", { style: { left: 900, top: 0 } }, [
+                createBaseVNode("img", {
+                  alt: "",
+                  style: style1,
+                  src: test3
+                }),
+                createBaseVNode("img", {
+                  alt: "",
+                  style: style2,
+                  "data-jsv-img-scaledown-tex": "",
+                  src: test3
+                })
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+const styleSheetsContent = { "7232f5dd": { ".allBgc": '{"width":1920,"height":1080,"backgroundColor":"#334c4c"}', ".block": '{"left":20,"top":50}', ".leftFont": '{"left":0,"width":100,"height":200,"color":"#ffffff","fontSize":25}', ".top0": '{"top":0}', ".top250": '{"top":250}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7232f5dd"]]);
+export {
+  App as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.a574bf96.js.map
+
+/*jsvmd5:75f33cf3b34449c0435d82d6ea3cdddd*/