create-jsview 2.1.428 → 2.1.448-test.0

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

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

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

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