matrix_components 2.0.376 → 2.0.378

package/dist/matrix_components.js

@@ -54753,13 +54753,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     useCssVars((_ctx) => ({
-      "v0e1b23a4": customBackgroundColor.value,
-      "v4ce19814": gapV.value,
-      "v609faf97": superLabelWidth.value,
-      "v7e4f269c": subLabelWidth.value,
-      "v97073946": height.value,
-      "v59868330": labelWidth.value,
-      "ac27df8a": _ctx.$props.labelColor
+      "v07e9eeef": customBackgroundColor.value,
+      "v1ac43515": gapV.value,
+      "v5c731518": superLabelWidth.value,
+      "b1e00f46": subLabelWidth.value,
+      "v7c7598bc": height.value,
+      "v3263a772": labelWidth.value,
+      "v0307cd08": _ctx.$props.labelColor
     }));
     const props = __props;
     const initialValues = ref$1(/* @__PURE__ */ new Map());
@@ -55295,7 +55295,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                           props.model.indexOf("vertical") > -1 ? `vertical ${!checkIsElempentComponent(rowInfo) ? "custom-vertical" : ""}` : "horizontal"
                         ])
                       }, [
-                        createTextVNode(toDisplayString(rowInfo.label || ""), 1)
+                        createTextVNode(toDisplayString(rowInfo.label ?? ""), 1)
                       ], 2)), [
                         [_directive_sline]
                       ]) : createCommentVNode("", true)
@@ -55321,7 +55321,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                             props.model.indexOf("table") > -1 ? "model-table" : "",
                             props.model.indexOf("vertical") > -1 ? "vertical" : "horizontal"
                           ])
-                        }, toDisplayString(rowInfo.value || __props.valueEmptyTag || ""), 3)) : (openBlock(), createElementBlock("span", {
+                        }, toDisplayString(rowInfo.value ?? __props.valueEmptyTag ?? ""), 3)) : (openBlock(), createElementBlock("span", {
                           key: 1,
                           class: normalizeClass([
                             "detial-row-item-value",
@@ -55452,7 +55452,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NsForm = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bc0a65f5"]]);
+const NsForm = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b2b5a27b"]]);
 const _hoisted_1$1 = { class: "title-image-view" };
 const _hoisted_2 = { class: "content-model-title" };
 const _hoisted_3 = { class: "title-text" };
@@ -73423,6 +73423,16 @@ const DownFill = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
+    // 是否对x轴数据进行排序，默认true
+    isSortX: {
+      type: Boolean,
+      default: true
+    },
+    fullData: {
+      type: Object,
+      default: () => {
+      }
+    },
     data: {
       type: Object,
       default: () => {
@@ -73461,6 +73471,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     var _a3, _b, _c2, _d, _e, _f, _g, _h2, _i, _j, _k, _l2, _m2, _n2, _o2, _p, _q, _r2, _s2, _t2, _u2, _v, _w, _x, _y, _z, _A, _B;
     const _className = `key_${parseInt(Math.random() * 1e6)}`;
     const props = __props;
+    const data = ref$1(props.data);
+    const waterLevel = ref$1(props.waterLevel);
     const noData = ref$1(false);
     const stage = ref$1();
     const stoneYOffset = ((_a3 = props.config) == null ? void 0 : _a3.stoneYOffset) || 20;
@@ -73683,17 +73695,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     async function initChart() {
       var _a4, _b2, _c3, _d2, _e2, _f2, _g2, _h4, _i2, _j2, _k2, _l3, _m3, _n3, _o3;
-      yOffset.value = ((_a4 = props.data) == null ? void 0 : _a4.yStart) ? Number(props.data.yStart) : 0;
+      yOffset.value = ((_a4 = data.value) == null ? void 0 : _a4.yStart) ? Number(data.value.yStart) : 0;
       const dam_x_points = [];
       const dam_y_points = [];
       const xPoints = [];
       const yPoints = [];
       const _w2 = stageSize.value.width;
       const _h3 = stageSize.value.height;
-      if (!((_b2 = props.data) == null ? void 0 : _b2.sectionTableList)) {
+      if (!((_b2 = data.value) == null ? void 0 : _b2.sectionTableList)) {
         return;
       }
-      props.data.sectionTableList.forEach((item, index2) => {
+      data.value.sectionTableList.forEach((item, index2) => {
         index2 === 0 ? xOffset.value = item.xPoint : null;
         const xValue = Number(item.xPoint) - Number(xOffset.value);
         const yValue = Number(item.yPoint) - Number(yOffset.value);
@@ -73820,15 +73832,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         yUnitTextConfig.value.y = 10 * y_right_percent.value;
       }
       {
-        if (props.data.isWall + "" === "1" && damTops.value.length === 2) {
-          wallConfig.value.x = changeX(originZeroX.value + Number(props.data.wallXpoint));
+        if (data.value.isWall + "" === "1" && damTops.value.length === 2) {
+          wallConfig.value.x = changeX(originZeroX.value + Number(data.value.wallXpoint));
           wallConfig.value.y = changeY(damTops.value[0][1]);
           wallConfig.value.height = damTops.value[0][1] * yScale.value;
         }
       }
       {
-        if ((_c3 = props.data.pipelineTableList) == null ? void 0 : _c3.length) {
-          pipeLines.value = (_d2 = props.data.pipelineTableList) == null ? void 0 : _d2.map((item) => {
+        if ((_c3 = data.value.pipelineTableList) == null ? void 0 : _c3.length) {
+          pipeLines.value = (_d2 = data.value.pipelineTableList) == null ? void 0 : _d2.map((item) => {
             const tmp = {
               x: changeX(originZeroX.value + Number(item.xPoint)),
               y: changeY(Number(item.yPoint), true),
@@ -73854,11 +73866,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
       await nextTick();
       try {
-        waterInfo.kssw = (_e2 = props.waterLevel) == null ? void 0 : _e2.kssw;
-        waterInfo.xxsw = (_f2 = props.waterLevel) == null ? void 0 : _f2.xxsw;
-        waterInfo.sjsw = (_g2 = props.waterLevel) == null ? void 0 : _g2.sjsw;
-        waterInfo.jhsw = (_h4 = props.waterLevel) == null ? void 0 : _h4.jhsw;
-        const oldSections = (_i2 = props.waterLevel) == null ? void 0 : _i2.map;
+        waterInfo.kssw = (_e2 = waterLevel.value) == null ? void 0 : _e2.kssw;
+        waterInfo.xxsw = (_f2 = waterLevel.value) == null ? void 0 : _f2.xxsw;
+        waterInfo.sjsw = (_g2 = waterLevel.value) == null ? void 0 : _g2.sjsw;
+        waterInfo.jhsw = (_h4 = waterLevel.value) == null ? void 0 : _h4.jhsw;
+        const oldSections = (_i2 = waterLevel.value) == null ? void 0 : _i2.map;
         const sortArrayByOrder = (targetArray, orderArray, targetKey, orderKey) => {
           const orderMap = /* @__PURE__ */ new Map();
           orderArray.forEach((item, index2) => {
@@ -73873,11 +73885,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           });
         };
         let sections = oldSections;
-        if (oldSections && Array.isArray(oldSections) && ((_j2 = props.data) == null ? void 0 : _j2.pipelineTableList) && Array.isArray(props.data.pipelineTableList)) {
+        if (oldSections && Array.isArray(oldSections) && ((_j2 = data.value) == null ? void 0 : _j2.pipelineTableList) && Array.isArray(data.value.pipelineTableList)) {
           sections = sortArrayByOrder(
             [...oldSections],
             // 使用浅拷贝避免修改原数组
-            props.data.pipelineTableList,
+            data.value.pipelineTableList,
             "pointCode",
             "pointCode"
           );
@@ -73888,31 +73900,36 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           const waterLine1 = [xTrackOffset.value, changeY(0), xTrackOffset.value, changeY(waterInfo.kssw, true), ...intersections[0].canvasCoord];
           const waterLine2 = [];
           let isAddWall = false;
+          await nextTick();
           for (let i = 0; i < sections.length; i++) {
-            const { pointCode, waterLevel } = sections[i];
+            const { pointCode, waterLevel: waterLevel2 } = sections[i];
             const pipelineRect = getPipelineByPointCode(pointCode);
+            if (!pipelineRect) {
+              console.warn(`测压管 ${pointCode} 未找到对应的图形元素，可能是nextTick()并没有完成渲染，考虑改成setTimeout`);
+              continue;
+            }
             const children = pipelineRect.getNode().getChildren();
             const bkRect = children[0];
             const valueRect = children[1];
             const textRect = children[2];
-            const pipeLine = (_k2 = props.data.pipelineTableList) == null ? void 0 : _k2.find((item) => item.pointCode === pointCode);
+            const pipeLine = (_k2 = data.value.pipelineTableList) == null ? void 0 : _k2.find((item) => item.pointCode === pointCode);
             if (pipeLine) {
-              const _y2 = (Number(pipeLine.yPoint) - Number(waterLevel)) * yScale.value;
+              const _y2 = (Number(pipeLine.yPoint) - Number(waterLevel2)) * yScale.value;
               valueRect.setAttrs({
                 y: _y2,
-                height: bkRect.height() - _y2,
+                height: bkRect.height() - _y2 < 0 ? 0 : bkRect.height() - _y2,
                 fill: "#0A7BFF"
               });
               textRect.setAttrs({
                 x: 0,
                 y: _y2,
-                text: `${parseFloat(Number(waterLevel + "").toFixed(2))}m`,
+                text: `${parseFloat(Number(waterLevel2 + "").toFixed(2))}m`,
                 align: "center",
                 offsetX: 10,
                 offsetY: 15
               });
               let afterWallNoWater = false;
-              if (!isAddWall && ((_l3 = props.data) == null ? void 0 : _l3.isWall) + "" === "1") {
+              if (!isAddWall && ((_l3 = data.value) == null ? void 0 : _l3.isWall) + "" === "1") {
                 if (layerWallRef.value.getNode().x() < pipelineRect.getNode().x()) {
                   isAddWall = true;
                   const wall = layerWallRef.value.getNode();
@@ -73960,7 +73977,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               }
             }
           }
-          if (((_n3 = (_m3 = props.waterLevel) == null ? void 0 : _m3.map) == null ? void 0 : _n3.length) === 0) {
+          if (((_n3 = (_m3 = waterLevel.value) == null ? void 0 : _m3.map) == null ? void 0 : _n3.length) === 0) {
             noWaterConfig.value.sceneFunc = (context, shape) => {
               context.beginPath();
               const points = [];
@@ -74101,6 +74118,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     function changeY(_y2, offset = false) {
       return (yMaxMin.value[1] - Number(_y2) + (offset ? Number(yOffset.value) : 0)) * yScale.value;
     }
+    function handleDragstart() {
+      console.log("预留：handleDragstart");
+    }
+    function handleDragend() {
+      console.log("预留：handleDragend");
+    }
     function setPipelineGroupRef(el2, pointCode) {
       if (el2 && pointCode) {
         pipelineGroupRefs.value.set(pointCode, el2);
@@ -74245,23 +74268,95 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     watch(
       [() => props.waterLevel, () => props.data],
       async (newValues) => {
-        var _a4, _b2;
-        resetCanvasState();
-        if (!!newValues[0] && !!((_b2 = (_a4 = newValues[1]) == null ? void 0 : _a4.sectionTableList) == null ? void 0 : _b2.length)) {
-          await nextTick();
-          stageSize.value = {
-            width: document.querySelector(`.${_className}`).clientWidth,
-            height: document.querySelector(`.${_className}`).clientHeight
-          };
-          await nextTick();
-          initChart();
-          noData.value = false;
-        } else {
-          noData.value = true;
-        }
+        waterLevel.value = newValues[0];
+        data.value = newValues[1];
+      },
+      { deep: true, immediate: true }
+    );
+    watch(
+      [() => waterLevel.value, () => data.value],
+      async (newValues) => {
+        waterLevelOrDataChange(newValues);
       },
       { deep: true, immediate: true }
     );
+    watch(
+      () => props.fullData,
+      (nv, ol2) => {
+        var _a4, _b2, _c3, _d2;
+        if (!nv || Object.keys(nv).length === 0) {
+          try {
+            if (!!ol2 && Object.keys(ol2).length) {
+              data.value = {};
+              waterLevel.value = {};
+            }
+          } catch (e6) {
+            console.log(e6);
+          }
+          return;
+        }
+        const res = JSON.parse(JSON.stringify(nv));
+        const waterLevelData = {
+          "map": [],
+          "kssw": (res == null ? void 0 : res.ksw) || "0",
+          "xxsw": (res == null ? void 0 : res.xxsw) || "0",
+          "sjsw": (res == null ? void 0 : res.sjsw) || "0",
+          "jhsw": (res == null ? void 0 : res.jhsw) || "0"
+        };
+        if (props.isSortX) {
+          (_a4 = res == null ? void 0 : res.pointList) == null ? void 0 : _a4.sort((a, b3) => Number(a.x || 0) - Number(b3.x || 0));
+        }
+        (_b2 = res == null ? void 0 : res.pointList) == null ? void 0 : _b2.forEach((item) => {
+          var _a5;
+          item.xPoint = item.x;
+          item.yPoint = item.y;
+          if (item.value) {
+            (_a5 = waterLevelData.map) == null ? void 0 : _a5.push({
+              id: item.id,
+              pointCode: item.pointCode,
+              waterLevel: item.value,
+              date: item.time
+            });
+          }
+        });
+        if (props.isSortX) {
+          (_c3 = res == null ? void 0 : res.sectionList) == null ? void 0 : _c3.sort((a, b3) => Number(a.x || 0) - Number(b3.x || 0));
+        }
+        (_d2 = res == null ? void 0 : res.sectionList) == null ? void 0 : _d2.forEach((item) => {
+          item.tmpId = parseInt(Math.random() * 999999 + "");
+          item.xPoint = item.x;
+          item.yPoint = item.y;
+        });
+        data.value = {
+          // 坝体
+          "sectionTableList": (res == null ? void 0 : res.sectionList) || [],
+          // 测压管
+          "pipelineTableList": (res == null ? void 0 : res.pointList) || [],
+          // y/x偏移
+          "isWall": (res == null ? void 0 : res.isWall) + "" === "true" ? "1" : "0",
+          "yStart": (res == null ? void 0 : res.y) || "0",
+          "wallXpoint": (res == null ? void 0 : res.x) || "0"
+        };
+        waterLevel.value = waterLevelData || {};
+      },
+      { immediate: true, deep: true }
+    );
+    async function waterLevelOrDataChange(newValues) {
+      var _a4, _b2;
+      resetCanvasState();
+      if (!!newValues[0] && !!((_b2 = (_a4 = newValues[1]) == null ? void 0 : _a4.sectionTableList) == null ? void 0 : _b2.length)) {
+        await nextTick();
+        stageSize.value = {
+          width: document.querySelector(`.${_className}`).clientWidth,
+          height: document.querySelector(`.${_className}`).clientHeight
+        };
+        await nextTick();
+        initChart();
+        noData.value = false;
+      } else {
+        noData.value = true;
+      }
+    }
     function resetCanvasState() {
       xOffset.value = 0;
       yOffset.value = 0;
@@ -74270,24 +74365,34 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       xScale.value = 1;
       yScale.value = 1;
       damTops.value = [];
+      originZeroX.value = 0;
+      stageSize.value = {
+        width: 0,
+        height: 0
+      };
       xLabels.value = [];
       yLabels.value = [];
       pipeLines.value = [];
       pipelineGroupRefs.value.clear();
       textGroup.value = [];
       textGroupRefs.value.clear();
+      textIconImage.value = null;
       damConfig.value.points = [];
       domBkConfig.value.points = [];
       xTrackConfig.value.points = [];
       yTrackConfig.value.points = [];
       waterStartConfig.value.points = [];
+      waterStartConfig.value.fillLinearGradientStartPoint = { x: 0, y: 0 };
       waterStartConfig.value.fillLinearGradientEndPoint = { x: 0, y: 0 };
+      delete waterStartConfig.value.sceneFunc;
       waterConfig.value.points = [];
       waterConfig.value.fillLinearGradientStartPoint = { x: 0, y: 0 };
       waterConfig.value.fillLinearGradientEndPoint = { x: 0, y: 0 };
+      delete waterConfig.value.sceneFunc;
       noWaterConfig.value.points = [];
       noWaterConfig.value.fillLinearGradientStartPoint = { x: 0, y: 0 };
       noWaterConfig.value.fillLinearGradientEndPoint = { x: 0, y: 0 };
+      delete noWaterConfig.value.sceneFunc;
       wallConfig.value.x = 0;
       wallConfig.value.y = 0;
       wallConfig.value.height = 0;
@@ -74295,6 +74400,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       stoneConfig.value.y = 0;
       stoneConfig.value.width = 0;
       stoneConfig.value.height = 0;
+      delete stoneConfig.value.fillPatternImage;
+      delete stoneConfig.value.fillPatternScale;
       xUnitTextConfig.value.x = -9999;
       xUnitTextConfig.value.y = -9999;
       yUnitTextConfig.value.x = -9999;
@@ -74322,15 +74429,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ref_key: "stage",
           ref: stage,
           config: stageSize.value,
-          onDragstart: _ctx.handleDragstart,
-          onDragend: _ctx.handleDragend
+          onDragstart: handleDragstart,
+          onDragend: handleDragend
         }, {
           default: withCtx(() => [
             createVNode(_component_v_layer, { ref: "layerWater" }, {
               default: withCtx(() => {
                 var _a4, _b2;
                 return [
-                  ((_b2 = (_a4 = props.waterLevel) == null ? void 0 : _a4.map) == null ? void 0 : _b2.length) === 0 ? (openBlock(), createBlock(_component_v_shape, {
+                  ((_b2 = (_a4 = waterLevel.value) == null ? void 0 : _a4.map) == null ? void 0 : _b2.length) === 0 ? (openBlock(), createBlock(_component_v_shape, {
                     key: 0,
                     config: noWaterConfig.value
                   }, null, 8, ["config"])) : createCommentVNode("", true)
@@ -74411,7 +74518,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               default: withCtx(() => {
                 var _a4, _b2;
                 return [
-                  ((_b2 = (_a4 = props.waterLevel) == null ? void 0 : _a4.map) == null ? void 0 : _b2.length) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  ((_b2 = (_a4 = waterLevel.value) == null ? void 0 : _a4.map) == null ? void 0 : _b2.length) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     createVNode(_component_v_shape, { config: waterStartConfig.value }, null, 8, ["config"]),
                     createVNode(_component_v_shape, { config: waterConfig.value }, null, 8, ["config"])
                   ], 64)) : createCommentVNode("", true)
@@ -74423,7 +74530,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               default: withCtx(() => {
                 var _a4;
                 return [
-                  ((_a4 = __props.data) == null ? void 0 : _a4.isWall) + "" === "1" ? (openBlock(), createBlock(_component_v_rect, {
+                  ((_a4 = data.value) == null ? void 0 : _a4.isWall) + "" === "1" ? (openBlock(), createBlock(_component_v_rect, {
                     key: 0,
                     ref_key: "layerWallRef",
                     ref: layerWallRef,
@@ -74458,16 +74565,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             }, 512)
           ]),
           _: 1
-        }, 8, ["config", "onDragstart", "onDragend"])) : createCommentVNode("", true),
-        createVNode(_component_NoData, {
-          noData: noData.value,
-          height: "100px"
-        }, null, 8, ["noData"])
+        }, 8, ["config"])) : renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
+          createVNode(_component_NoData, {
+            noData: noData.value,
+            height: "100px"
+          }, null, 8, ["noData"])
+        ], true)
       ], 2);
     };
   }
 });
-const NsSaturationLine = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-51b573d9"]]);
+const NsSaturationLine = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-df3a1e4d"]]);
 NsSaturationLine.install = (app2) => {
   app2.component(NsSaturationLine.name, NsSaturationLine);
 };