create-jsview 2.1.367-test.0 → 2.1.428

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

@@ -0,0 +1,172 @@
+import { k as _sfc_main$7 } from "./jsview-vue-entry.415721d8.js";
+import { a as _export_sfc } from "./export-sfc.2749ebea.js";
+import { r as reactive, b as resolveComponent, o as openBlock, A as createBlock, l as withCtx, f as createBaseVNode, 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";
+const App_vue_vue_type_style_index_0_scoped_3c5e9fec_lang = "";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const center = {
+      x: 400,
+      y: 400
+    };
+    let data = reactive([
+      {
+        percent: 23.33,
+        color: "#0000FF"
+      },
+      {
+        percent: 24.67,
+        color: "#FFFF00"
+      },
+      {
+        percent: 15,
+        color: "#FF12FF"
+      },
+      {
+        percent: 13,
+        color: "#FF1213"
+      },
+      {
+        percent: 24,
+        color: "#6EFFE1"
+      }
+    ]);
+    const randomNumber = () => {
+      const randomInt = Math.floor(Math.random() * data.length) + 1;
+      return randomInt;
+    };
+    const randomColor = () => {
+      let randomColor2 = Math.round(Math.random() * 2 ** 24).toString(16);
+      return "#" + new Array(6 - randomColor2.length).fill("0").join("") + randomColor2;
+    };
+    const findMaxPercentItem = (data2) => {
+      let maxPercent = 0;
+      let maxItem = null;
+      for (let i = 0; i < data2.length; i++) {
+        if (data2[i].percent > maxPercent) {
+          maxPercent = data2[i].percent;
+          maxItem = data2[i];
+        }
+      }
+      return maxItem;
+    };
+    const onKeyDown = (ev) => {
+      switch (ev.keyCode) {
+        case 37:
+          if (data.length >= 2) {
+            const tempPercent = data[data.length - 1].percent;
+            data.pop();
+            data[data.length - 1].percent += tempPercent;
+          }
+          break;
+        case 38:
+          const random = randomNumber();
+          data[data.length - 1].percent += random;
+          if (data[data.length - 1].percent > 100) {
+            data[data.length - 1].percent = 100;
+            for (let i = 0; i < data.length - 1; i++) {
+              data[i].percent = 0;
+            }
+          } else {
+            for (let i = 0; i < data.length - 1; i++) {
+              data[i].percent -= random / (data.length - 1);
+              if (data[i].percent < 0) {
+                let tempPercent = data[i].percent;
+                data[i].percent = 0;
+                let maxItem = findMaxPercentItem(data);
+                maxItem.percent += tempPercent;
+              }
+            }
+          }
+          break;
+        case 39:
+          if (data.length >= 1 && data.length <= 5) {
+            data.push({
+              percent: 10,
+              color: randomColor()
+            });
+            let maxItem = findMaxPercentItem(data);
+            maxItem.percent -= 10;
+          }
+          break;
+        case 40:
+          if (data[data.length - 1].percent == 0) {
+            let randomDecrement = randomNumber();
+            for (let i = data.length - 1; i >= 0; i--) {
+              if (data[i].percent > 0) {
+                if (data[i].percent >= randomDecrement) {
+                  data[i].percent -= randomDecrement;
+                  break;
+                } else {
+                  randomDecrement -= data[i].percent;
+                  data[i].percent = 0;
+                }
+              }
+            }
+            let totalPercent = data.reduce(
+              (total, item) => total + item.percent,
+              0
+            );
+            let diff = 100 - totalPercent;
+            if (diff !== 0) {
+              for (let i = 0; i < data.length && diff !== 0; i++) {
+                let availableIncrease = 100 - data[i].percent;
+                let increment = Math.min(diff, availableIncrease);
+                data[i].percent += increment;
+                diff -= increment;
+              }
+            }
+          } else {
+            const random2 = randomNumber();
+            if (data[data.length - 1].percent - random2 < 0) {
+              const shouldNumber = data[data.length - 1].percent;
+              data[data.length - 1].percent = 0;
+              for (let i = 0; i < data.length - 2; i++) {
+                data[i].percent += shouldNumber / (data.length - 2);
+              }
+            } else {
+              data[data.length - 1].percent -= random2;
+              for (let i = 0; i < data.length - 1; i++) {
+                data[i].percent += random2 / (data.length - 1);
+              }
+            }
+          }
+          break;
+      }
+    };
+    let actionDefines = {
+      onKeyDown
+    };
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        autoFocus: "",
+        onAction: unref(actionDefines)
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", { class: "bgStyle" }, [
+            createVNode(unref(_sfc_main$7), {
+              centerPosition: center,
+              radius: 360,
+              data: unref(data)
+            }, null, 8, ["data"]),
+            createBaseVNode("div", { class: "text" }, toDisplayString("图为圆心在(400,400)位置，半径为360的饼图。此样例限制最多六个扇形。"), 1),
+            createBaseVNode("div", { class: "text1" }, toDisplayString("按【上】键随机板块增加百分比，按【下】键随机减小板块百分比,按【左】键删除项，按【右】键增加项"))
+          ])
+        ]),
+        _: 1
+      }, 8, ["onAction"]);
+    };
+  }
+};
+const styleSheetsContent = { "3c5e9fec": { ".bgStyle": '{"width":1280,"height":720,"backgroundColor":"#007788"}', ".text": '{"width":500,"height":60,"left":700,"top":300,"backgroundColor":"rgba(255, 255, 255, 0.5)","fontSize":24,"lineHeight":28}', ".text1": '{"width":500,"height":90,"left":700,"top":440,"backgroundColor":"rgba(255, 255, 255, 0.5)","fontSize":24,"lineHeight":28}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3c5e9fec"]]);
+export {
+  App as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.d9ea2537.js.map
+
+/*jsvmd5:54a9a3dcd71f08c1f8b7f4ed3a9b71f1*/

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

@@ -0,0 +1,209 @@
+import { u as useFocusHub, H as HORIZONTAL, g as _sfc_main$F, ah as METRO_WIDGET, V as VERTICAL } from "./jsview-vue-entry.415721d8.js";
+import { a as ref, o as openBlock, e as createElementBlock, g as normalizeStyle, q as createCommentVNode, f as createBaseVNode, G as toDisplayString, s as shallowRef, k as createVNode, l as withCtx, u as unref, F as Fragment, t as onMounted } from "./vue.889a9b8b.js";
+import "./jsview-forge-define.bfab260e.js";
+import "./jsview-dom-entry.280f04b1.js";
+import "./export-sfc.2749ebea.js";
+const _sfc_main$2 = {
+  __name: "Item",
+  props: {
+    data: Object,
+    onAction: Object
+  },
+  setup(__props) {
+    const props = __props;
+    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.2, 1.2, 1.2)" : "",
+          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", {
+          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$1 = {
+  __name: "WidgetItem",
+  props: {
+    data: Object,
+    onItemEdge: Function,
+    onAction: Object
+  },
+  setup(__props) {
+    const props = __props;
+    const focusHub = useFocusHub();
+    const mwRef = shallowRef(null);
+    const measures = (item) => {
+      return item;
+    };
+    const randomColor = () => {
+      let randomColor2 = Math.round(Math.random() * 2 ** 24).toString(16);
+      return "#" + new Array(6 - randomColor2.length).fill("0").join("") + randomColor2;
+    };
+    const provideData = () => {
+      const data = [];
+      for (let i = 0; i < 10; i++) {
+        data.push({
+          width: (i + props.data.index) % 2 == 0 ? 90 : 180,
+          height: 90,
+          marginRight: 10,
+          marginBottom: 10,
+          content: i,
+          color: randomColor()
+        });
+      }
+      return data;
+    };
+    const onFocus = (rect) => {
+      mwRef.value?.setEnterFocusRect(rect);
+      focusHub.setFocus(props.data.name);
+    };
+    const onBlur = () => {
+      focusHub.returnFocusToParent();
+    };
+    props.onAction.register("onFocus", onFocus);
+    props.onAction.register("onBlur", onBlur);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createBaseVNode("div", { style: {
+          width: 900,
+          height: 50,
+          fontSize: 30,
+          color: "#FFFFFF"
+        } }, toDisplayString(__props.data.name), 1),
+        createVNode(unref(_sfc_main$F), {
+          ref_key: "mwRef",
+          ref: mwRef,
+          name: __props.data.name,
+          top: 50,
+          width: __props.data.width,
+          height: __props.data.height,
+          provideData,
+          direction: unref(HORIZONTAL),
+          padding: {
+            left: 30,
+            right: 30,
+            top: 10,
+            bottom: 10
+          },
+          measures,
+          onEdge: __props.onItemEdge,
+          sendFocusRectEvent: true
+        }, {
+          renderItem: withCtx(({ data, onAction }) => [
+            createVNode(_sfc_main$2, {
+              data,
+              onAction
+            }, null, 8, ["data", "onAction"])
+          ]),
+          _: 1
+        }, 8, ["name", "width", "height", "direction", "onEdge"])
+      ], 64);
+    };
+  }
+};
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    const focusHub = useFocusHub();
+    const provideData = () => {
+      const data = [];
+      for (let i = 0; i < 10; i++) {
+        data.push({
+          width: 500,
+          height: 170,
+          name: "widget_" + i,
+          marginBottom: 10,
+          index: i
+        });
+      }
+      return data;
+    };
+    const measures = (item) => {
+      return {
+        width: item.width,
+        height: item.height,
+        marginRight: item.marginRight,
+        marginBottom: item.marginBottom,
+        /**重要代码: itemSlide设置为ACT_FOCUS_RECT_EVENT, 由子MetroWidget控制滚动 */
+        itemSlide: METRO_WIDGET.ITEM_SLIDE.ACT_FOCUS_RECT_EVENT
+      };
+    };
+    onMounted(() => {
+      focusHub.setFocus("mwWidget");
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createBaseVNode("div", { style: { width: 1280, height: 720, backgroundColor: "#007788" } }),
+        createBaseVNode("div", { style: {
+          left: 100,
+          top: 20,
+          width: 800,
+          height: 400,
+          fontSize: 30,
+          color: "#FFFFFF"
+        } }, toDisplayString(`MetroWidget的item是包含MetroWidget的组件`)),
+        createVNode(unref(_sfc_main$F), {
+          name: "mwWidget",
+          top: 80,
+          left: 50,
+          width: 660,
+          height: 600,
+          provideData,
+          padding: { left: 30, right: 30 },
+          direction: unref(VERTICAL),
+          measures
+        }, {
+          renderItem: withCtx(({ data, onAction, onItemEdge }) => [
+            createVNode(_sfc_main$1, {
+              data,
+              onAction,
+              onItemEdge
+            }, null, 8, ["data", "onAction", "onItemEdge"])
+          ]),
+          _: 1
+        }, 8, ["direction"])
+      ], 64);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.dce9c295.js.map
+
+/*jsvmd5:4f10b87a1e700cb0234ea8532748852c*/

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

@@ -0,0 +1,157 @@
+import { i as _sfc_main$6 } 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, G as toDisplayString, k as createVNode, u as unref } 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_5444dd8f_lang = "";
+const _sfc_main = {
+  __name: "App",
+  setup(__props) {
+    let startPos = { x: 200, y: 350 };
+    let endPos = { x: 400, y: 250 };
+    let startPos2 = { x: 200, y: 400 };
+    let endPos2 = { x: 400, y: 500 };
+    let startPos3 = { x: 500, y: 250 };
+    let endPos3 = { x: 700, y: 350 };
+    let startPos4 = { x: 500, y: 400 };
+    let endPos4 = { x: 700, y: 500 };
+    let startPos5 = { x: 400, y: 100 };
+    let endPos5 = { x: 400, y: 200 };
+    let startPos6 = { x: 800, y: 150 };
+    let endPos6 = { x: 1e3, y: 150 };
+    let startPos7 = { x: 800, y: 250 };
+    let endPos7 = { x: 1e3, y: 350 };
+    let startPos8 = { x: 800, y: 500 };
+    let endPos8 = { x: 1e3, y: 400 };
+    let startPos9 = { x: 200, y: 550 };
+    let endPos9 = { x: 400, y: 650 };
+    let startPos10 = { x: 500, y: 650 };
+    let endPos10 = { x: 700, y: 550 };
+    let startPos11 = { x: 800, y: 550 };
+    let endPos11 = { x: 1e3, y: 650 };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", { class: "bgStyle" }, [
+        createBaseVNode("div", { class: "text" }, toDisplayString("第一排为竖线和横线测试\n第二排为纵向拐点测试\n第三排为横向拐点测试\n第四排分别为：不要圆弧、纵向起始拐点失败、横向结束拐点失败")),
+        createVNode(unref(_sfc_main$6), {
+          isVertical: true,
+          startPos: unref(startPos5),
+          endPos: unref(endPos5),
+          lineWidth: 10,
+          backgroundColor: "#0000FF",
+          radius: 60,
+          percent: 40,
+          RoundSet: { start: true, end: true }
+        }, null, 8, ["startPos", "endPos"]),
+        createVNode(unref(_sfc_main$6), {
+          isVertical: true,
+          startPos: unref(startPos6),
+          endPos: unref(endPos6),
+          lineWidth: 10,
+          backgroundColor: "#0000FF",
+          radius: 60,
+          percent: 40,
+          RoundSet: { start: true, end: true }
+        }, null, 8, ["startPos", "endPos"]),
+        createVNode(unref(_sfc_main$6), {
+          isVertical: true,
+          startPos: unref(startPos),
+          endPos: unref(endPos),
+          lineWidth: 6,
+          backgroundColor: "#FF1213",
+          radius: 20,
+          percent: 40,
+          RoundSet: { start: true, end: false }
+        }, null, 8, ["startPos", "endPos"]),
+        createVNode(unref(_sfc_main$6), {
+          isVertical: true,
+          startPos: unref(startPos3),
+          endPos: unref(endPos3),
+          lineWidth: 6,
+          backgroundColor: "#FF1213",
+          radius: 20,
+          percent: 30,
+          RoundSet: { start: true, end: true }
+        }, null, 8, ["startPos", "endPos"]),
+        createVNode(unref(_sfc_main$6), {
+          isVertical: true,
+          startPos: unref(startPos7),
+          endPos: unref(endPos7),
+          lineWidth: 6,
+          backgroundColor: "#FF1213",
+          radius: 10,
+          percent: 50,
+          RoundSet: { start: false, end: true }
+        }, null, 8, ["startPos", "endPos"]),
+        createVNode(unref(_sfc_main$6), {
+          isVertical: false,
+          startPos: unref(startPos2),
+          endPos: unref(endPos2),
+          lineWidth: 6,
+          backgroundColor: "#7CFC00",
+          radius: 40,
+          percent: 60,
+          RoundSet: { start: true, end: false }
+        }, null, 8, ["startPos", "endPos"]),
+        createVNode(unref(_sfc_main$6), {
+          isVertical: false,
+          startPos: unref(startPos4),
+          endPos: unref(endPos4),
+          lineWidth: 6,
+          backgroundColor: "#7CFC00",
+          radius: 40,
+          percent: 40,
+          RoundSet: { start: true, end: true }
+        }, null, 8, ["startPos", "endPos"]),
+        createVNode(unref(_sfc_main$6), {
+          isVertical: false,
+          startPos: unref(startPos8),
+          endPos: unref(endPos8),
+          lineWidth: 6,
+          backgroundColor: "#7CFC00",
+          radius: 40,
+          percent: 40,
+          RoundSet: { start: false, end: true }
+        }, null, 8, ["startPos", "endPos"]),
+        createVNode(unref(_sfc_main$6), {
+          isVertical: false,
+          startPos: unref(startPos9),
+          endPos: unref(endPos9),
+          lineWidth: 10,
+          backgroundColor: "#FFC0CB",
+          radius: 50,
+          percent: 50,
+          RoundSet: { start: false, end: false }
+        }, null, 8, ["startPos", "endPos"]),
+        createVNode(unref(_sfc_main$6), {
+          isVertical: true,
+          startPos: unref(startPos10),
+          endPos: unref(endPos10),
+          lineWidth: 10,
+          backgroundColor: "#FFC0CB",
+          radius: 50,
+          percent: 30,
+          RoundSet: { start: true, end: true }
+        }, null, 8, ["startPos", "endPos"]),
+        createVNode(unref(_sfc_main$6), {
+          isVertical: false,
+          startPos: unref(startPos11),
+          endPos: unref(endPos11),
+          lineWidth: 10,
+          backgroundColor: "#FFC0CB",
+          radius: 40,
+          percent: 80,
+          RoundSet: { start: true, end: true }
+        }, null, 8, ["startPos", "endPos"])
+      ]);
+    };
+  }
+};
+const styleSheetsContent = { "5444dd8f": { ".bgStyle": '{"width":1280,"height":720,"backgroundColor":"#007788"}', ".text": '{"width":300,"height":120,"color":"#FFFFFF","fontSize":20,"left":30,"top":30,"lineHeight":24}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5444dd8f"]]);
+export {
+  App as default
+};
+//# sourceMappingURL=http://localhost:57245/map/App.e06251fc.js.map
+
+/*jsvmd5:973ce4b94ac3a78a15d7143f8f608b56*/