cnhis-design-vue 2.1.118 → 2.1.119

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cnhis-design-vue",
-  "version": "2.1.118",
+  "version": "2.1.119",
   "description": "前端业务UI库",
   "keyword": "cnhis-design-vue vue cnhis",
   "homepage": "http://dv.cnhis.com/",

package/packages/big-table/src/BigTable.vue

@@ -1913,7 +1913,11 @@ export default create({
       }
 
       if (['MONEY', 'NUMBER'].includes(attrType) || (own.extraField && own.fieldType === 'NUMBER')) {
-      let value = row[own.columnName];
+        let value = row[own.columnName];
+        // 数字可能设置了颜色
+        if(typeof value === 'string' && this.checkHtml(value)){
+          return this.getField(row, own, rowIndex, true);
+        }
         return parseNumberField(value, own);
       }
 

package/packages/big-table/src/utils/headerFilter.js

@@ -77,11 +77,13 @@ export default {
         scaleNum = 1;
         FILTER_BOX_TOP_OFFSET = 0;
         const { resTop = 0, resLeft = 0, resWidth = 0, resHeight = 0 } = this.showFilterHandleLocationNew(target, tempWrapId);
+        // 表格可能滚动了
+        let bigTableScrollLeft = this.$refs.xGrid?.getScroll?.()?.scrollLeft || 0;
         btnRectTop = resTop + resHeight + 8;
         btnWidth = resWidth;
-        btnRectLeft = resLeft;
+        btnRectLeft = resLeft - bigTableScrollLeft;
         btnRectRight = resWidth + btnRectLeft;
-        right = document.getElementById(tempWrapId).offsetWidth - btnWidth - resLeft;
+        right = document.getElementById(tempWrapId).offsetWidth - btnWidth - btnRectLeft;
       }
 
       field.left = 'initial';
@@ -434,7 +436,8 @@ export default {
             this.$set(el, 'QUOTE', []);
             return;
           } else if (showSetting?.length > 0) {
-            this.$set(el, 'con', 'CONVERT');
+            let con = this.isApiTable ? 'EQ' : 'CONVERT';
+            this.$set(el, 'con', con);
             showSetting.forEach(set => {
               this.$set(set, 'label', set.change_text);
               this.$set(set, 'value', JSON.stringify(set.filter));

package/packages/fabric-chart/src/FabricChart.vue

@@ -31,7 +31,7 @@ import FabricGrid from './FabricGrid';
 import FabricTextGroup from './fabric-chart/FabricTextGroup';
 import FabricScaleValue from './fabric-chart/FabricScaleValue';
 import FabricLines from './fabric-chart/FabricLines';
-import { isObject } from './mixins/type';
+import { isObject } from './utils';
 
 export default create({
   name: 'fabric-chart',

package/packages/fabric-chart/src/fabric-chart/FabricLines.vue

@@ -9,7 +9,7 @@
 import MouseRightClick from '../components/MouseRightClick';
 import FabricCommon from '../mixins/fabricCommon';
 import draw from '../mixins/draw';
-import { isObject } from '../mixins/type';
+import { isObject } from '../utils';
 import DropPopup from '../components/DropPopup';
 import eventCommon from '../mixins/eventCommon';
 import vexutils from '@/utils/vexutils';
@@ -172,8 +172,8 @@ export default {
         if (!item[0] || isObject(item[0])) return;
         const startMinute = new Date(item[0]).getTime();
         const endMinute = item[1] ? new Date(item[1]).getTime() : '';
-        let x1 = this.cumputedX(item[0]);
-        let x2 = this.cumputedX(item[1]);
+        let x1 = this.computedX(item[0]);
+        let x2 = this.computedX(item[1]);
         // 数字文字
         const textObj = item[3] || {};
         const { content: textContent, continue: isContinue } = textObj;
@@ -250,13 +250,13 @@ export default {
           if (preItem1) {
             const preEndMinute = new Date(preItem1).getTime();
             if (preEndMinute >= minMinute && preEndMinute < maxMinute) {
-              leftLimit.x1 = this.cumputedX(preItem1);
+              leftLimit.x1 = this.computedX(preItem1);
               if (!x2) rightLimit.x1 = leftLimit.x1;
             }
           } else {
             const preStartMinute = new Date(preItem0).getTime();
             if (preStartMinute >= minMinute && preStartMinute < maxMinute) {
-              leftLimit.x1 = this.cumputedX(preItem0);
+              leftLimit.x1 = this.computedX(preItem0);
               if (!x2) rightLimit.x1 = leftLimit.x1;
             }
           }
@@ -265,7 +265,7 @@ export default {
           const [preItem0] = lineList[j + 1];
           if (preItem0) {
             const preStartMinute = new Date(preItem0).getTime();
-            if (preStartMinute > minMinute && preStartMinute <= maxMinute) rightLimit.x2 = this.cumputedX(preItem0);
+            if (preStartMinute > minMinute && preStartMinute <= maxMinute) rightLimit.x2 = this.computedX(preItem0);
           }
         }
 

package/packages/fabric-chart/src/fabric-chart/FabricPolylines.vue

@@ -345,7 +345,7 @@ export default {
             }
           }
           const point = targetList.find(k => isEffectiveNode(k) && new Date(k.time).getTime() >= minTime && new Date(k.time).getTime() <= maxTime);
-          const firstPointLeft = point ? this.cumputedX(point.time) : 0;
+          const firstPointLeft = point ? this.computedX(point.time) : 0;
           const rightLimit = point ? firstPointLeft - this.spaceWidth : '';
           // 配置是否可拖动标题图标批量增加-
           const isAdd = (firstPointLeft || endX) - this.spaceWidth >= originX;
@@ -571,7 +571,7 @@ export default {
       const lines = [];
 
       const drawLine = ({ value, lineStyle }) => {
-        const top = this.cumputedY(polylineType, +value);
+        const top = this.computedY(polylineType, +value);
         return this.drawLine([originX, top, endX, top], { polylineIndex, lineIndex: 0, polylineTypeId, ...(lineStyle || defaultVaule.criticalStyle) });
       };
       const drawText = ({ name, nameStyle }, top) => {
@@ -619,8 +619,8 @@ export default {
         let isInit = false;
         let points = null;
         if (isEffectiveNode(point) && _this.isLimit(point.time)) {
-          const x = _this.cumputedX(point.time);
-          const y = _this.cumputedY(polylineType, point.value);
+          const x = _this.computedX(point.time);
+          const y = _this.computedY(polylineType, point.value);
           isInit = y < originY || y > endY;
           points = [x, y < originY ? originY : y > endY ? endY : y];
         }
@@ -648,7 +648,7 @@ export default {
         let line;
         let point;
         let previousLine;
-        line = points && nextPoint ? this.drawLine([...points, ...nextPoint], { polylineIndex, polylineTypeId, lineIndex: index, ...lineAttr }) : null;
+        line = points && nextPoint && !linePoints.data?.breakpoint ? this.drawLine([...points, ...nextPoint], { polylineIndex, polylineTypeId, lineIndex: index, ...lineAttr }) : null;
         previousLine = lineList[index - 1];
         const pointOthers = { polylineTypeId, polylineIndex, pointIndex: index, ...pointAttr, lineAttr };
         if (points) {
@@ -726,7 +726,7 @@ export default {
       this.createAttrVaule({ ...params, attr: 'diffValue' });
     },
     // 计算y轴坐标
-    cumputedY(polylineType, linePointY) {
+    computedY(polylineType, linePointY) {
       const { position = 'left', list = [] } = polylineType;
       const key = position === 'left' ? 'Left' : 'Right';
       const yScaleCell = this.propItems[`yScaleCell${key}`];

package/packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue

@@ -8,6 +8,7 @@
 <script>
 import fabricCommon from '../mixins/fabricCommon';
 import draw from '../mixins/draw';
+import drawExtracorporealCirculation from '../mixins/drawExtracorporealCirculation';
 import defaultVaule from '../const/defaultVaule';
 import DropPopup from '../components/DropPopup';
 import MouseRightClick from '../components/MouseRightClick';
@@ -37,7 +38,7 @@ export default {
     DropPopup,
     MouseRightClick
   },
-  mixins: [fabricCommon, draw, eventCommon],
+  mixins: [fabricCommon, draw, eventCommon, drawExtracorporealCirculation],
   props: {
     templateData: {
       type: Object,
@@ -98,7 +99,10 @@ export default {
       this.eventStyle.evented && this.createEvent();
       this.drawBorder();
       // this.canvas.renderAll();
-      this.templateData.bottom && this.drawBottomTextDataGroup(this.templateData.bottom);
+      if (this.templateData.bottom) {
+        this.drawExtracorporealCirculation(this.extracorporealCirculation);
+        this.drawBottomTextDataGroup(this.templateData.bottom);
+      }
     },
     drawBorder() {
       const { endX, canvasWidth, canvasHeight, topTotal } = this.propItems;
@@ -233,7 +237,7 @@ export default {
         const baseTop = originY + (item.marginTop || 10);
         if (this.isLimit(item.scalevalue)) {
           const textItemPoints = [];
-          const left = this.cumputedX(item.scalevalue);
+          const left = this.computedX(item.scalevalue);
           item.dataList.forEach((v, i) => {
             const top = baseTop + i * (item.lineHeight || 15);
             const text = new this.fabric.Text(String(v.value), {
@@ -316,7 +320,7 @@ export default {
               objectCaching: false,
               origin: v
             };
-            const left = this.cumputedX(v.time);
+            const left = this.computedX(v.time);
             title.dataList.push(left);
             const icon = await this.createPoint(_icon.type, {
               originX: 'center',
@@ -507,7 +511,7 @@ export default {
           limitIndex: -1, // 标志点是否往上排列的标志，大于-1则表示需要往上排列
           y: baseY
         };
-        const x = this.cumputedX(item[0]);
+        const x = this.computedX(item[0]);
         if (this.isLimit(item[0])) {
           const pointList = [];
           item[1].forEach(async (v, i) => {
@@ -631,7 +635,7 @@ export default {
           const isStart = v[1].some(k => k.other?.isStart);
           return !isStart && new Date(v[0]).getTime() >= new Date(point.time).getTime();
         });
-        const limitRight = obj ? this.cumputedX(obj[0]) : endX;
+        const limitRight = obj ? this.computedX(obj[0]) : endX;
         if (point.left > limitRight) {
           point.set('left', limitRight);
         }
@@ -646,11 +650,11 @@ export default {
         const limitRightTime = rightId ? bottom.list.find(v => v[1].some(k => k.data?.id && k.data?.id === rightId))[0] : null;
         const limitLeft =
           (limitLeftTime && !startList) || (limitLeftTime && startList && new Date(limitLeftTime).getTime() >= new Date(startList[0]).getTime())
-            ? this.cumputedX(limitLeftTime)
+            ? this.computedX(limitLeftTime)
             : (!limitLeftTime && startList) || (limitLeftTime && startList && new Date(limitLeftTime).getTime() < new Date(startList[0]).getTime())
-            ? this.cumputedX(startList[0])
+            ? this.computedX(startList[0])
             : originX;
-        const limitRight = limitRightTime ? this.cumputedX(limitRightTime) : endX;
+        const limitRight = limitRightTime ? this.computedX(limitRightTime) : endX;
         if (point.left > limitRight) {
           point.set('left', limitRight);
         }
@@ -674,7 +678,7 @@ export default {
       };
       const x = arguments.length > 1 && point.other?.viewTime ? point.other.viewTime : this.getXValue(point.realLeft || point.left);
       this.dropVal = {
-        title: point.name || '',
+        title: point.name || point.origin?.data?.value || '',
         list: [{ id: '1', name: '时间', value: x }]
       };
     },

package/packages/fabric-chart/src/mixins/draw.js

@@ -1,4 +1,4 @@
-import { isNumber, isObject } from './type';
+import { isNumber, isObject, getTangent, getIntersectionPoint, sortPoints, isInPolygon, uniquePoints } from '../utils';
 
 export default {
   name: 'draw',
@@ -340,6 +340,102 @@ export default {
             ...data
           });
       }
+    },
+    drawShadow(coordinates, angle = 45, space = 10, style = {}) {
+      const result = [];
+      const that = this;
+      // 去除无用角度
+      angle = normalizeAngle(angle);
+      // if (angle === 0) return result;
+
+      const minX = Math.min(...coordinates.map(([x]) => x));
+      const maxX = Math.max(...coordinates.map(([x]) => x));
+      const minY = Math.min(...coordinates.map(([, y]) => y));
+      const maxY = Math.max(...coordinates.map(([, y]) => y));
+
+      if (angle === 0) {
+        // 绘制水平线
+        let start = minY,
+          end = maxY;
+        while (start < end - 1) {
+          start += space;
+          result.push(createLine([minX, start], [maxX, start]));
+        }
+        return result;
+      }
+
+      const offsetX = (maxY - minY) / getTangent(angle);
+
+      const isLeanRight = (angle > 0 && angle < 90) || (angle > 180 && angle < 270);
+
+      let start = minX;
+      let end = maxX;
+
+      if (isLeanRight) {
+        end += offsetX;
+      } else {
+        start += offsetX;
+      }
+
+      getLinePoints(start, end).forEach(linePoint => {
+        let intersectionPoints = [];
+        getShapeLinePoints(coordinates).forEach(shapeLinePoint => {
+          const intersectionPoint = getIntersectionPoint(linePoint[0], linePoint[1], shapeLinePoint[0], shapeLinePoint[1]);
+          intersectionPoint && intersectionPoints.push(intersectionPoint);
+        });
+        intersectionPoints = sortPoints(uniquePoints(intersectionPoints));
+        if (intersectionPoints.length >= 2) {
+          for (let i = 0; i < intersectionPoints.length; i++) {
+            if (intersectionPoints[i + 1] && isInnerLine(intersectionPoints[i], intersectionPoints[i + 1])) {
+              result.push(createLine(intersectionPoints[i], intersectionPoints[i + 1]));
+            }
+            // i++;
+          }
+        }
+      });
+      return result;
+
+      // 是否是外侧阴影
+      function isInnerLine(point1, point2) {
+        return isInPolygon([(point1[0] + point2[0]) / 2, (point1[1] + point2[1]) / 2], coordinates);
+      }
+
+      function normalizeAngle(angle) {
+        // 去除无用角度
+        angle = angle % 360;
+        // 负角度
+        angle = angle < 0 ? 180 - angle : angle;
+        // 大角度
+        angle = angle >= 180 ? angle - 180 : angle;
+        return angle;
+      }
+
+      function getLinePoints(start, end) {
+        const result = [completePoint([start, minY])];
+
+        while (start < end) {
+          start += space;
+          result.push(completePoint([start, minY]));
+        }
+        return result;
+      }
+
+      function completePoint(point) {
+        const otherPoint = [point[0] - offsetX, maxY];
+        return [point, otherPoint];
+      }
+
+      function getShapeLinePoints(coordinates) {
+        return coordinates.reduce((res, c, idx) => {
+          const next = coordinates[idx + 1] || coordinates[0];
+          res.push([c, next]);
+          return res;
+        }, []);
+      }
+
+      function createLine(startPoint, endPoint) {
+        return new that.fabric.Line([startPoint[0], startPoint[1], endPoint[0], endPoint[1]], { ...that.defaultLineStyle, ...style });
+      }
     }
   }
 };

package/packages/fabric-chart/src/mixins/drawExtracorporealCirculation.js

@@ -0,0 +1,196 @@
+import cloneDeep from 'lodash/cloneDeep';
+
+export default {
+  name: 'drawExtracorporealCirculation',
+  data() {
+    this.extracorporealCirculation = cloneDeep(this.templateData.bottom?.extracorporealCirculation);
+    this.extracorporealCirculationObjs = [];
+    return {};
+  },
+  components: {},
+  methods: {
+    drawExtracorporealCirculation(extracorporealCirculation) {
+      const { endX, originX, endY, markHeight, canvasWidth } = this.propItems;
+      if (!markHeight || !extracorporealCirculation || !extracorporealCirculation.list?.length) {
+        return;
+      }
+      if (this.extracorporealCirculationObjs.length) {
+        [...this.extracorporealCirculationObjs].forEach(obj => this.canvas.remove(obj));
+        this.extracorporealCirculationObjs = [];
+      }
+
+      const { height = 20, extracorporealCirculationStyle, ascendAortaStyle, list = [] } = extracorporealCirculation;
+      const y2 = endY + height;
+
+      let prevEndX;
+      let prevLine;
+
+      list.forEach((item, index) => {
+        const xList = this.getExtracorporealCirculationX(item);
+        const idx = xList.findIndex(x => x > 0 && x < canvasWidth);
+        if (idx === -1) return;
+
+        let prevShadowBox;
+        xList.forEach((x, i) => {
+          const nextX = xList[i + 1];
+          const prevX = xList[i - 1];
+          if (isValid(x) || isValid(nextX)) {
+            const x1 = isValid(x) ? x : originX;
+            const x2 = isValid(nextX) ? nextX : endX;
+            const prevX1 = isValid(prevX) ? prevX : originX;
+            const shadowBox = {};
+            if (i < xList.length - 1) {
+              shadowBox.params = [x1, x2, y2, [0, 2].includes(i) ? extracorporealCirculationStyle : ascendAortaStyle];
+              shadowBox.shadowObjs = this.drawShadowBox(...shadowBox.params);
+            }
+            if (isValid(x)) {
+              const key = getKey(i);
+              const optLine = this.drawOptLine([x, endY, x, y2], {
+                origin: {
+                  index,
+                  key,
+                  data: item[key]
+                },
+                limitX: {
+                  x1: i === 0 ? prevEndX ?? originX : prevX1,
+                  x2
+                },
+                ...([1, 2, 3].includes(i) ? { leftShadowBox: prevShadowBox } : {}),
+                ...([0, 1, 2].includes(i) ? { rightShadowBox: shadowBox } : {})
+              });
+              if (i === xList.length - 1) {
+                prevEndX = x;
+                prevLine = optLine;
+              }
+              if (i === 0 && prevLine) {
+                prevLine.limitX.x2 = shadowBox.params[0];
+              }
+            }
+            prevShadowBox = shadowBox;
+          }
+        });
+      });
+
+      function isValid(x) {
+        return x && x > 0 && x < canvasWidth;
+      }
+      function getKey(i) {
+        switch (i) {
+          case 0:
+            return 'extracorporealCirculationStart';
+          case 1:
+            return 'closeAscendAorta';
+          case 2:
+            return 'openAscendAorta';
+          case 3:
+            return 'extracorporealCirculationEnd';
+        }
+      }
+    },
+    drawOptLine(coordinate, props) {
+      const optLine = new this.fabric.Line(coordinate, {
+        ...props,
+        stroke: 'transparent',
+        strokeWidth: 5,
+        hasControls: false,
+        hasBorders: false,
+        hoverCursor: 'e-resize',
+        lockMovementY: true,
+        originX: 'center'
+      });
+      this.setExtracorporealCirculationEvent(optLine);
+      this.canvas.add(optLine);
+      this.extracorporealCirculationObjs.push(optLine);
+      return optLine;
+    },
+    setExtracorporealCirculationEvent(optLine) {
+      this.setPopup(optLine);
+      if (this.eventStyle.evented) {
+        optLine.on('moving', () => {
+          const { left, limitX } = optLine;
+          if (left < limitX.x1) {
+            optLine.setCoords().set({ x1: limitX.x1, x2: limitX.x1 });
+          }
+          if (left > limitX.x2) {
+            optLine.setCoords().set({ x1: limitX.x2, x2: limitX.x2 });
+          }
+          this.updateShadowBox(optLine, 'left');
+          this.updateShadowBox(optLine, 'right');
+          this.showDrapPopup(optLine);
+        });
+        optLine.on('moved', () => {
+          this.isDropVisible = false;
+          const params = optLine.origin;
+          params.data.time = this.getXValue(optLine.left);
+          this.$emit('extracorporealCirculationChange', params);
+          const { index, key, data } = params;
+          this.extracorporealCirculation.list[index][key] = data;
+          this.drawExtracorporealCirculation(this.extracorporealCirculation);
+          this.canvas.discardActiveObject();
+          this.canvas.forEachObject(obj => {
+            if (obj.type && obj.type === 'mark') {
+              obj.bringForward();
+            }
+          });
+        });
+      }
+    },
+    updateShadowBox(optLine, direction) {
+      const { shadowObjs, params } = optLine[`${direction}ShadowBox`] || {};
+      if (!shadowObjs || !params) return;
+      shadowObjs.forEach(obj => this.canvas.remove(obj));
+      const idx = direction === 'left' ? 1 : 0;
+      params[idx] = optLine.left;
+      const _shadowObjs = this.drawShadowBox(...params);
+      optLine[`${direction}ShadowBox`] = {
+        shadowObjs: _shadowObjs,
+        params
+      };
+    },
+    drawShadowBox(x1, x2, y2, { mode, style }) {
+      const { endY } = this.propItems;
+      const _style = { ...style };
+      if (_style.angle) delete _style.angle;
+      const points = [
+        [x1, endY],
+        [x2, endY],
+        [x2, y2],
+        [x1, y2]
+      ];
+      const polygon = new this.fabric.Polygon(
+        points.map(v => ({ x: v[0], y: v[1] })),
+        {
+          ...this.defaultLineStyle,
+          ..._style,
+          stroke: 'transparent',
+          ...(['slash'].includes(mode) ? { fill: 'transparent' } : {})
+        }
+      );
+      const shadowLines = [];
+      if (['slash'].includes(mode)) {
+        // 斜线阴影模式
+        shadowLines.push(...this.drawShadow(points, style.angle, _style.space, _style));
+      }
+      this.canvas.add(polygon, ...shadowLines);
+      this.extracorporealCirculationObjs.push(...[polygon, ...shadowLines]);
+      return [polygon, ...shadowLines];
+    },
+    getExtracorporealCirculationX(item) {
+      const { extracorporealCirculationStart, closeAscendAorta, openAscendAorta, extracorporealCirculationEnd } = item;
+      let x1, x2, x3, x4;
+      if (extracorporealCirculationStart) {
+        x1 = this.computedX(extracorporealCirculationStart.time);
+      }
+      if (closeAscendAorta) {
+        x2 = this.computedX(closeAscendAorta.time);
+      }
+      if (openAscendAorta) {
+        x3 = this.computedX(openAscendAorta.time);
+      }
+      if (extracorporealCirculationEnd) {
+        x4 = this.computedX(extracorporealCirculationEnd.time);
+      }
+      return [x1, x2, x3, x4];
+    }
+  }
+};

package/packages/fabric-chart/src/mixins/fabricCommon.js

@@ -52,7 +52,7 @@ export default {
       return `${d.getFullYear()}-${month}-${day} ${hours}:${minute}`;
     },
     // 根据时间戳计算x轴坐标
-    cumputedX(value) {
+    computedX(value) {
       if (!value) {
         return '';
       }

package/packages/fabric-chart/src/utils/index.js

@@ -0,0 +1,81 @@
+export const isNumber = num => {
+  return typeof num === 'number' && Number.isFinite(num);
+};
+export const isObject = obj => {
+  return Object.prototype.toString.call(obj) === '[object Object]';
+};
+
+export function getTangent(angle) {
+  return +Math.tan((angle * Math.PI) / 180);
+}
+
+function nearlyEqual(v1, v2) {
+  return Math.abs(v1 - v2) <= 0.0001;
+}
+
+export function sortPoints(points) {
+  return points.sort((a, b) => a[1] - b[1]);
+}
+
+export function uniquePoints(points) {
+  return points.reduce((fin, point) => {
+    if (!hasPoint(fin, point)) fin.push(point);
+    return fin;
+  }, []);
+
+  function hasPoint(points, point) {
+    return points.some(p => nearlyEqual(p[0], point[0]) && nearlyEqual(p[1], point[1]));
+  }
+}
+
+export function isInPolygon(checkPoint, polygonPoints) {
+  let counter = 0;
+  let xinters;
+  let p1, p2;
+  const pointCount = polygonPoints.length;
+  p1 = polygonPoints[0];
+
+  for (let i = 1; i <= pointCount; i++) {
+    p2 = polygonPoints[i % pointCount];
+    if (checkPoint[0] > Math.min(p1[0], p2[0]) && checkPoint[0] <= Math.max(p1[0], p2[0])) {
+      if (checkPoint[1] <= Math.max(p1[1], p2[1])) {
+        if (p1[0] != p2[0]) {
+          xinters = ((checkPoint[0] - p1[0]) * (p2[1] - p1[1])) / (p2[0] - p1[0]) + p1[1];
+          if (p1[1] == p2[1] || checkPoint[1] <= xinters) {
+            counter++;
+          }
+        }
+      }
+    }
+    p1 = p2;
+  }
+  return counter % 2 !== 0;
+}
+
+export function getIntersectionPoint(a, b, c, d) {
+  /** 1 解线性方程组, 求线段交点. **/
+  // 如果分母为0 则平行或共线, 不相交
+  const denominator = (b[1] - a[1]) * (d[0] - c[0]) - (a[0] - b[0]) * (c[1] - d[1]);
+  if (denominator === 0) {
+    return false;
+  }
+
+  // 线段所在直线的交点坐标 (x , y)
+  const x = ((b[0] - a[0]) * (d[0] - c[0]) * (c[1] - a[1]) + (b[1] - a[1]) * (d[0] - c[0]) * a[0] - (d[1] - c[1]) * (b[0] - a[0]) * c[0]) / denominator;
+  const y = -((b[1] - a[1]) * (d[1] - c[1]) * (c[0] - a[0]) + (b[0] - a[0]) * (d[1] - c[1]) * a[1] - (d[0] - c[0]) * (b[1] - a[1]) * c[1]) / denominator;
+
+  /** 2 判断交点是否在两条线段上 **/
+  if (
+    // 交点在线段1上
+    ((x - a[0]) * (x - b[0]) < 0 || nearlyEqual(x, a[0]) || nearlyEqual(x, b[0])) &&
+    ((y - a[1]) * (y - b[1]) < 0 || nearlyEqual(y, a[1]) || nearlyEqual(y, b[1])) &&
+    // 且交点也在线段2上
+    ((x - c[0]) * (x - d[0]) < 0 || nearlyEqual(x, c[0]) || nearlyEqual(x, d[0])) &&
+    ((y - c[1]) * (y - d[1]) < 0 || nearlyEqual(y, c[1]) || nearlyEqual(y, d[1]))
+  ) {
+    // 返回交点p
+    return [x, y];
+  }
+  // 否则不相交
+  return false;
+}