@whcecw/maotu 0.0.33 → 0.0.34

package/dist/maotu.es.js

@@ -17723,7 +17723,7 @@ const VPopover = "popover", ElPopoverDirective = withInstallDirective(directive_
           ]),
           _: 1
         })) : createCommentVNode("", !0),
-        Wg[10] || (Wg[10] = createElementVNode("span", { class: "header-toolbar-hint" }, "按住空白处可拖拽平移画布 · 双击图元重命名", -1))
+        Wg[10] || (Wg[10] = createElementVNode("span", { class: "header-toolbar-hint" }, "按住空白处可拖拽平移画布", -1))
       ]),
       createElementVNode("div", _hoisted_5$9, [
         createVNode(unref(ElButton), {
@@ -17772,7 +17772,7 @@ const VPopover = "popover", ElPopoverDirective = withInstallDirective(directive_
       ])
     ]));
   }
-}), index_vue_vue_type_style_index_0_scoped_effd7bcb_lang = "", HeaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-effd7bcb"]]), globalStore = reactive({
+}), index_vue_vue_type_style_index_0_scoped_77388377_lang = "", HeaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-77388377"]]), globalStore = reactive({
   intention: "none",
   create_item_info: null,
   selected_items_id: [],
@@ -17996,46 +17996,13 @@ const VPopover = "popover", ElPopoverDirective = withInstallDirective(directive_
   }), nextTick(() => {
     useUpdateSysLineRect(Ag, eg, Ig);
   });
-}, MAX_CANVAS_BG_EDGE = 16384;
+};
 function loadImageFromDataUrl(Ag) {
   return new Promise((gg, eg) => {
     const Ig = new Image();
     Ig.onload = () => gg(Ig), Ig.onerror = () => eg(new Error("图片加载失败")), Ig.src = Ag;
   });
 }
-async function rotatePortraitBackgroundToLandscape(Ag) {
-  const gg = Ag.naturalWidth, eg = Ag.naturalHeight;
-  if (!gg || !eg || gg >= eg)
-    return { img: Ag, width: gg, height: eg, rotated: !1 };
-  const Ig = document.createElement("canvas");
-  Ig.width = eg, Ig.height = gg;
-  const Cg = Ig.getContext("2d");
-  if (!Cg)
-    throw new Error("无法创建画布上下文");
-  Cg.translate(0, Ig.height), Cg.rotate(-Math.PI / 2), Cg.drawImage(Ag, 0, 0, gg, eg);
-  const tg = Ig.toDataURL("image/jpeg", 0.88);
-  return {
-    img: await loadImageFromDataUrl(tg),
-    width: eg,
-    height: gg,
-    rotated: !0
-  };
-}
-function scaleImageToDataUrl(Ag, gg, eg, Ig, Cg, tg) {
-  const ig = document.createElement("canvas");
-  ig.width = gg, ig.height = eg;
-  const ng = ig.getContext("2d");
-  if (!ng)
-    throw new Error("无法创建画布上下文");
-  return ng.drawImage(Ag, 0, 0, gg, eg), {
-    dataUrl: ig.toDataURL("image/jpeg", 0.88),
-    width: gg,
-    height: eg,
-    originalWidth: Ig,
-    originalHeight: Cg,
-    scaled: tg
-  };
-}
 async function processCanvasBackgroundUrl(Ag, gg, eg) {
   if (gg && eg)
     return {
@@ -18046,26 +18013,17 @@ async function processCanvasBackgroundUrl(Ag, gg, eg) {
       originalHeight: eg,
       scaled: !1
     };
-  const Ig = await loadImageFromDataUrl(Ag);
-  let Cg = Ig.naturalWidth, tg = Ig.naturalHeight;
+  const Ig = await loadImageFromDataUrl(Ag), Cg = Ig.naturalWidth, tg = Ig.naturalHeight;
   if (!Cg || !tg)
     throw new Error("无法读取背景尺寸");
-  const ig = await rotatePortraitBackgroundToLandscape(Ig);
-  let ng = ig.img, lg = ig.width, og = ig.height, sg = !1;
-  ig.rotated && (Cg = lg, tg = og);
-  const rg = Math.max(lg, og);
-  if (rg > MAX_CANVAS_BG_EDGE) {
-    const cg = MAX_CANVAS_BG_EDGE / rg;
-    lg = Math.max(1, Math.floor(lg * cg)), og = Math.max(1, Math.floor(og * cg)), sg = !0;
-  }
-  return !sg && !ig.rotated ? {
+  return {
     dataUrl: Ag,
-    width: lg,
-    height: og,
+    width: Cg,
+    height: tg,
     originalWidth: Cg,
     originalHeight: tg,
     scaled: !1
-  } : scaleImageToDataUrl(ng, lg, og, Cg, tg, sg);
+  };
 }
 const createGroupInfo = (Ag, gg, eg, Ig) => {
   let Cg = 1 / 0, tg = 1 / 0, ig = -1 / 0, ng = -1 / 0;
@@ -18569,7 +18527,7 @@ const blobToBase64 = (Ag) => new Promise(function(gg, eg) {
 }, _hoisted_1$v = {
   id: "mt-left-aside",
   class: "left-aside-root"
-}, _hoisted_2$j = { class: "left-aside-head" }, _hoisted_3$g = { class: "left-aside-list-wrap" }, _hoisted_4$a = { class: "left-aside-collapse-title" }, _hoisted_5$8 = { class: "left-aside-collapse-label" }, _hoisted_6$8 = { class: "left-aside-collapse-count" }, _hoisted_7$6 = { class: "left-aside-card-grid" }, _hoisted_8$5 = ["onDragstart", "onTouchstartPassive"], _hoisted_9$5 = { class: "left-aside-card-thumb" }, _hoisted_10$4 = ["src", "alt"], _hoisted_11$4 = ["title"], _hoisted_12$2 = { class: "left-aside-card-sub" }, _hoisted_13$1 = { class: "flex" }, _hoisted_14$1 = { class: "flex justify-center" }, _hoisted_15$1 = { key: 0 }, _hoisted_16 = { class: "flex flex-wrap" }, _hoisted_17 = ["onMouseenter"], _hoisted_18 = { class: "w-60px h-60px flex justify-center items-center" }, _hoisted_19 = {
+}, _hoisted_2$j = { class: "left-aside-head" }, _hoisted_3$g = { class: "left-aside-list-wrap" }, _hoisted_4$a = { class: "left-aside-collapse-title" }, _hoisted_5$8 = { class: "left-aside-collapse-label" }, _hoisted_6$8 = { class: "left-aside-collapse-count" }, _hoisted_7$6 = { class: "left-aside-card-grid" }, _hoisted_8$5 = ["onDragstart", "onTouchstartPassive"], _hoisted_9$4 = { class: "left-aside-card-thumb" }, _hoisted_10$4 = ["src", "alt"], _hoisted_11$4 = ["title"], _hoisted_12$2 = { class: "left-aside-card-sub" }, _hoisted_13$1 = { class: "flex" }, _hoisted_14$1 = { class: "flex justify-center" }, _hoisted_15$1 = { key: 0 }, _hoisted_16 = { class: "flex flex-wrap" }, _hoisted_17 = ["onMouseenter"], _hoisted_18 = { class: "w-60px h-60px flex justify-center items-center" }, _hoisted_19 = {
   key: 0,
   class: "absolute w-160px h-160px left-0 top-0 opacity-80 bg-light-300 flex justify-center items-center"
 }, _sfc_main$y = /* @__PURE__ */ defineComponent({
@@ -18734,7 +18692,7 @@ const blobToBase64 = (Ag) => new Promise(function(gg, eg) {
                         onDragstart: (Kg) => Wg(Ng, Yg.id),
                         onTouchstartPassive: (Kg) => Wg(Ng, Yg.id)
                       }, [
-                        createElementVNode("div", _hoisted_9$5, [
+                        createElementVNode("div", _hoisted_9$4, [
                           createElementVNode("img", {
                             draggable: "false",
                             class: "left-aside-card-image select-none",
@@ -19061,7 +19019,7 @@ const blobToBase64 = (Ag) => new Promise(function(gg, eg) {
       fontSize: {
         title: "文字大小",
         type: "number",
-        val: 18
+        val: 40
       },
       fill: {
         title: "文字颜色",
@@ -19441,7 +19399,7 @@ const blobToBase64 = (Ag) => new Promise(function(gg, eg) {
       ], 12, _hoisted_2$i))), 128))
     ]));
   }
-}), index_vue_vue_type_style_index_0_scoped_d359f9ac_lang = "", GroupRender = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-d359f9ac"]]), _hoisted_1$s = ["id"], _hoisted_2$h = ["fill"], _hoisted_3$f = ["id"], _hoisted_4$9 = ["fill"], _hoisted_5$7 = ["d", "stroke", "stroke-width", "stroke-dasharray", "marker-start", "marker-end"], _hoisted_6$7 = ["from", "to", "dur"], _hoisted_7$5 = ["d", "stroke-width", "marker-start", "marker-end"], _hoisted_8$4 = ["d", "stroke", "stroke-width", "stroke-dasharray"], _hoisted_9$4 = ["from", "to", "dur"], _hoisted_10$3 = ["r", "fill"], _hoisted_11$3 = ["path", "dur"], _hoisted_12$1 = { key: 2 }, _hoisted_13 = ["cx", "cy", "stroke", "onMousedown", "onTouchstartPassive"], _hoisted_14 = { key: 3 }, _hoisted_15 = ["id", "cx", "cy", "stroke", "onMousedown", "onTouchstartPassive"], _sfc_main$v = /* @__PURE__ */ defineComponent({
+}), index_vue_vue_type_style_index_0_scoped_d359f9ac_lang = "", GroupRender = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-d359f9ac"]]), _hoisted_1$s = ["id"], _hoisted_2$h = ["fill"], _hoisted_3$f = ["id"], _hoisted_4$9 = ["fill"], _hoisted_5$7 = ["d", "stroke", "stroke-width", "stroke-dasharray", "marker-start", "marker-end"], _hoisted_6$7 = ["from", "to", "dur"], _hoisted_7$5 = ["d", "stroke-width", "marker-start", "marker-end"], _hoisted_8$4 = ["d", "stroke", "stroke-width", "stroke-dasharray"], _hoisted_9$3 = ["from", "to", "dur"], _hoisted_10$3 = ["r", "fill"], _hoisted_11$3 = ["path", "dur"], _hoisted_12$1 = { key: 2 }, _hoisted_13 = ["cx", "cy", "stroke", "onMousedown", "onTouchstartPassive"], _hoisted_14 = { key: 3 }, _hoisted_15 = ["id", "cx", "cy", "stroke", "onMousedown", "onTouchstartPassive"], _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     itemJson: {},
@@ -19718,7 +19676,7 @@ const blobToBase64 = (Ag) => new Promise(function(gg, eg) {
               dur: `${eg.itemJson.props.ani_dur.val < 1 ? 1 : eg.itemJson.props.ani_dur.val}s`,
               repeatCount: "indefinite",
               fill: "freeze"
-            }, null, 8, _hoisted_9$4)
+            }, null, 8, _hoisted_9$3)
           ], 8, _hoisted_8$4)) : eg.itemJson.props.ani_type.val === "track" ? (openBlock(), createElementBlock("circle", {
             key: 1,
             cx: "0",
@@ -22371,7 +22329,7 @@ const _hoisted_1$a = { class: "main-panel-shell w-full h-full flex flex-col over
       ]);
     };
   }
-}), index_vue_vue_type_style_index_0_scoped_eba46ced_lang = "", MainPanel = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-eba46ced"]]), _hoisted_1$9 = { class: "right-aside-field right-aside-number-field right-aside-plain-number" }, _hoisted_2$6 = { class: "right-aside-field right-aside-number-field right-aside-plain-number" }, _hoisted_3$5 = { class: "right-aside-field" }, _hoisted_4$5 = { class: "flex justify-between items-center px-8px py-8px border-t border-#e4e7ed" }, _hoisted_5$4 = { class: "right-aside-field right-aside-color-field" }, _hoisted_6$4 = { class: "right-aside-color-hex" }, _hoisted_7$3 = { class: "right-aside-field right-aside-switch-field" }, _hoisted_8$3 = { class: "right-aside-field right-aside-switch-field" }, _hoisted_9$3 = { class: "right-aside-field right-aside-switch-field" }, _hoisted_10$2 = { class: "right-aside-field right-aside-switch-field" }, _hoisted_11$2 = { class: "right-aside-field right-aside-number-field right-aside-plain-number" }, _sfc_main$b = /* @__PURE__ */ defineComponent({
+}), index_vue_vue_type_style_index_0_scoped_eba46ced_lang = "", MainPanel = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-eba46ced"]]), _hoisted_1$9 = { class: "right-aside-field right-aside-number-field right-aside-plain-number" }, _hoisted_2$6 = { class: "right-aside-field right-aside-number-field right-aside-plain-number" }, _hoisted_3$5 = { class: "right-aside-field" }, _hoisted_4$5 = { class: "flex justify-between items-center px-8px py-8px border-t border-#e4e7ed" }, _hoisted_5$4 = { class: "right-aside-field right-aside-color-field" }, _hoisted_6$4 = { class: "right-aside-color-hex" }, _hoisted_7$3 = { class: "right-aside-field right-aside-switch-field" }, _hoisted_8$3 = { class: "right-aside-field right-aside-switch-field" }, _hoisted_9$2 = { class: "right-aside-field right-aside-switch-field" }, _hoisted_10$2 = { class: "right-aside-field right-aside-switch-field" }, _hoisted_11$2 = { class: "right-aside-field right-aside-number-field right-aside-plain-number" }, _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "page-setting",
   props: {
     canvasCfg: {},
@@ -22619,7 +22577,7 @@ const _hoisted_1$a = { class: "main-panel-shell w-full h-full flex flex-col over
                   }),
                   createVNode(unref(ElFormItem), { label: "网格" }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_9$3, [
+                      createElementVNode("div", _hoisted_9$2, [
                         createVNode(unref(ElSwitch), {
                           modelValue: cg.value,
                           "onUpdate:modelValue": mg[8] || (mg[8] = (Zg) => cg.value = Zg),
@@ -38420,7 +38378,7 @@ langTools.addCompleter({
 const _hoisted_1$6 = {
   key: 0,
   class: "right-aside-item-setting select-none"
-}, _hoisted_2$5 = { class: "right-aside-field" }, _hoisted_3$4 = { class: "right-aside-field right-aside-number-field right-aside-plain-number" }, _hoisted_4$4 = { class: "right-aside-field right-aside-number-field right-aside-plain-number" }, _hoisted_5$3 = { class: "right-aside-field right-aside-number-field right-aside-plain-number" }, _hoisted_6$3 = { class: "right-aside-field right-aside-number-field right-aside-plain-number" }, _hoisted_7$2 = { class: "right-aside-field right-aside-number-field right-aside-plain-number" }, _hoisted_8$2 = { class: "right-aside-field right-aside-switch-field" }, _hoisted_9$2 = { class: "right-aside-field right-aside-switch-field" }, _hoisted_10$1 = { class: "right-aside-field right-aside-switch-field" }, _hoisted_11$1 = { class: "right-aside-field right-aside-switch-field" }, _hoisted_12 = { class: "right-aside-field right-aside-switch-field" }, _sfc_main$8 = /* @__PURE__ */ defineComponent({
+}, _hoisted_2$5 = { class: "right-aside-field" }, _hoisted_3$4 = { class: "right-aside-field right-aside-number-field right-aside-plain-number" }, _hoisted_4$4 = { class: "right-aside-field right-aside-number-field right-aside-plain-number" }, _hoisted_5$3 = { class: "right-aside-field right-aside-number-field right-aside-plain-number" }, _hoisted_6$3 = { class: "right-aside-field right-aside-number-field right-aside-plain-number" }, _hoisted_7$2 = { class: "right-aside-field right-aside-number-field right-aside-plain-number" }, _hoisted_8$2 = { class: "right-aside-field right-aside-switch-field" }, _hoisted_9$1 = { class: "right-aside-field right-aside-switch-field" }, _hoisted_10$1 = { class: "right-aside-field right-aside-switch-field" }, _hoisted_11$1 = { class: "right-aside-field right-aside-switch-field" }, _hoisted_12 = { class: "right-aside-field right-aside-switch-field" }, _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "select-item-setting",
   props: {
     itemJson: {},
@@ -38764,7 +38722,7 @@ const _hoisted_1$6 = {
                     size: "small"
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_9$2, [
+                      createElementVNode("div", _hoisted_9$1, [
                         createVNode(unref(ElSwitch), {
                           size: "small",
                           modelValue: dg.value,
@@ -38838,10 +38796,10 @@ const _hoisted_1$6 = {
       }, 8, ["modelValue"])
     ])) : createCommentVNode("", !0);
   }
-}), _hoisted_1$5 = { class: "task-sop-setting" }, _hoisted_2$4 = ["aria-expanded"], _hoisted_3$3 = { class: "task-sop-body" }, _hoisted_4$3 = ["title"], _hoisted_5$2 = { class: "task-sop-name-tag" }, _hoisted_6$2 = {
+}), _hoisted_1$5 = ["aria-expanded"], _hoisted_2$4 = { class: "task-sop-body" }, _hoisted_3$3 = ["title"], _hoisted_4$3 = { class: "task-sop-name-tag" }, _hoisted_5$2 = {
   key: 0,
   class: "task-sop-list"
-}, _hoisted_7$1 = ["onClick"], _hoisted_8$1 = ["title"], _hoisted_9$1 = {
+}, _hoisted_6$2 = ["onClick"], _hoisted_7$1 = ["title"], _hoisted_8$1 = {
   key: 1,
   class: "task-sop-empty"
 }, _sfc_main$7 = /* @__PURE__ */ defineComponent({
@@ -38858,7 +38816,9 @@ const _hoisted_1$6 = {
     }, tg = computed(() => (eg.task.sopList ?? []).filter((ng) => ng.isDel !== "Y")), ig = (ng) => {
       ng !== eg.activeSopId && Ig("selectSop", ng);
     };
-    return (ng, lg) => (openBlock(), createElementBlock("div", _hoisted_1$5, [
+    return (ng, lg) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass$1(["task-sop-setting", { "is-expanded": Ag.expanded }])
+    }, [
       createElementVNode("button", {
         type: "button",
         class: "task-sop-collapse-header",
@@ -38870,13 +38830,13 @@ const _hoisted_1$6 = {
           "aria-hidden": "true"
         }, null, 2),
         lg[0] || (lg[0] = createElementVNode("span", { class: "task-sop-collapse-label" }, "任务与SOP", -1))
-      ], 8, _hoisted_2$4),
-      withDirectives(createElementVNode("div", _hoisted_3$3, [
+      ], 8, _hoisted_1$5),
+      withDirectives(createElementVNode("div", _hoisted_2$4, [
         createElementVNode("p", {
           class: "task-sop-plan",
           title: Ag.task.planIdName
-        }, toDisplayString(Ag.task.planIdName), 9, _hoisted_4$3),
-        createElementVNode("div", _hoisted_5$2, toDisplayString(Ag.task.taskName), 1),
+        }, toDisplayString(Ag.task.planIdName), 9, _hoisted_3$3),
+        createElementVNode("div", _hoisted_4$3, toDisplayString(Ag.task.taskName), 1),
         lg[2] || (lg[2] = createElementVNode("div", {
           class: "task-sop-divider",
           "aria-hidden": "true"
@@ -38885,7 +38845,7 @@ const _hoisted_1$6 = {
           createElementVNode("span", { class: "task-sop-list-title" }, "关联 SOP 列表"),
           createElementVNode("span", { class: "task-sop-list-hint" }, "可拖拽图元")
         ], -1)),
-        tg.value.length ? (openBlock(), createElementBlock("ul", _hoisted_6$2, [
+        tg.value.length ? (openBlock(), createElementBlock("ul", _hoisted_5$2, [
           (openBlock(!0), createElementBlock(Fragment, null, renderList(tg.value, (og) => (openBlock(), createElementBlock("li", {
             key: og.sopId,
             class: normalizeClass$1(["task-sop-list-item", { "is-active": og.sopId === Ag.activeSopId }]),
@@ -38898,15 +38858,15 @@ const _hoisted_1$6 = {
             createElementVNode("span", {
               class: "task-sop-list-label",
               title: og.sopName
-            }, toDisplayString(og.sopName), 9, _hoisted_8$1)
-          ], 10, _hoisted_7$1))), 128))
-        ])) : (openBlock(), createElementBlock("p", _hoisted_9$1, "当前任务暂无关联 SOP"))
+            }, toDisplayString(og.sopName), 9, _hoisted_7$1)
+          ], 10, _hoisted_6$2))), 128))
+        ])) : (openBlock(), createElementBlock("p", _hoisted_8$1, "当前任务暂无关联 SOP"))
       ], 512), [
         [vShow, Ag.expanded]
       ])
-    ]));
+    ], 2));
   }
-}), taskSopSetting_vue_vue_type_style_index_0_scoped_ac63c7f8_lang = "", TaskSopSetting = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-ac63c7f8"]]), _hoisted_1$4 = {
+}), taskSopSetting_vue_vue_type_style_index_0_scoped_bc9c9bc0_lang = "", TaskSopSetting = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-bc9c9bc0"]]), _hoisted_1$4 = {
   key: 0,
   class: "right-aside-main right-aside-view-mode"
 }, _hoisted_2$3 = {
@@ -57232,7 +57192,7 @@ const _hoisted_1$2 = { class: "task-timeline" }, _hoisted_2$2 = { class: "task-t
         const uA = await processCanvasBackgroundUrl(rA.url, rA.width, rA.height);
         return uA.scaled ? ElMessage.warning(
           `背景尺寸 ${uA.originalWidth}×${uA.originalHeight} 超出浏览器限制，已缩放为 ${uA.width}×${uA.height} 并同步画布大小`
-        ) : ElMessage.success(`已切换底图，画布尺寸 ${uA.width}×${uA.height}`), setCanvasBackground(globalStore.canvasCfg, uA.dataUrl, uA.width, uA.height), !0;
+        ) : ElMessage.success(`已切换底图，画布尺寸 ${uA.width}×${uA.height}`), setCanvasBackground(globalStore.canvasCfg, rA.url, uA.width, uA.height), !0;
       } catch (uA) {
         console.error("[canvas-bg-preset]", uA);
         const MA = uA instanceof Error ? uA.message : "";
@@ -57624,7 +57584,7 @@ const _hoisted_1$2 = { class: "task-timeline" }, _hoisted_2$2 = { class: "task-t
       ]);
     };
   }
-}), index_vue_vue_type_style_index_0_scoped_57dc5010_lang = "", MtEdit = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-57dc5010"]]), _hoisted_1 = { style: { height: "100vh" } }, _hoisted_2 = ["src"], _sfc_main = /* @__PURE__ */ defineComponent({
+}), index_vue_vue_type_style_index_0_scoped_4728ec8c_lang = "", MtEdit = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-4728ec8c"]]), _hoisted_1 = { style: { height: "100vh" } }, _hoisted_2 = ["src"], _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     exportJson: {},