create-jsview 2.1.428 → 2.1.435

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

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

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

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