build-dxf 0.0.8 → 0.0.9

package/src/plugins/ModelDataPlugin/index.js

@@ -1,7 +1,8 @@
 import * as THREE from "three";
 import { EventDispatcher as EventDispatcher$1 } from "three";
-import ClipperLib from "clipper-lib";
-import Drawing from "dxf-writer";
+import "clipper-lib";
+import "dxf-writer";
+import { OBJExporter } from "three/examples/jsm/exporters/OBJExporter.js";
 function uuid() {
   return "xxxx-xxxx-4xxx-yxxx-xxxx".replace(/[xy]/g, function(c) {
     var r = Math.random() * 16 | 0, v = c == "x" ? r : r & 3 | 8;
@@ -247,740 +248,7 @@ class Point {
     return new Point(0, 0);
   }
 }
-class Box2 {
-  minX = 0;
-  maxX = 0;
-  minY = 0;
-  maxY = 0;
-  get points() {
-    return [
-      new Point(this.minX, this.minY),
-      new Point(this.maxX, this.minY),
-      new Point(this.maxX, this.maxY),
-      new Point(this.minX, this.maxY)
-    ];
-  }
-  get width() {
-    return this.maxX - this.minX;
-  }
-  get height() {
-    return this.maxY - this.minY;
-  }
-  get center() {
-    return new Point(
-      this.minX + (this.maxX - this.minX) * 0.5,
-      this.minY + (this.maxY - this.minY) * 0.5
-    );
-  }
-  constructor(minX = 0, maxX = 0, minY = 0, maxY = 0) {
-    this.minX = minX;
-    this.maxX = maxX;
-    this.minY = minY;
-    this.maxY = maxY;
-  }
-  /**
-   * 
-   * @param z 
-   * @returns 
-   */
-  getPaths3D(z = 0) {
-    const points = this.points, list = [];
-    points.forEach((p, i) => {
-      const nextP = points[(i + 1) % points.length];
-      list.push(p.x, p.y, z);
-      list.push(nextP.x, nextP.y, z);
-    });
-    return list;
-  }
-  /**
-   * 判断线段是与包围盒相交
-   * @description Liang-Barsky算法的变种
-   * @param line 
-   */
-  intersectLineSegment(line) {
-    const p1 = line.points[0];
-    const p2 = line.points[1];
-    const dx = p2.x - p1.x;
-    const dy = p2.y - p1.y;
-    if (dx === 0 && dy === 0) {
-      return this.minX <= p1.x && p1.x <= this.maxX && this.minY <= p1.y && p1.y <= this.maxY;
-    }
-    let tNear = Number.NEGATIVE_INFINITY;
-    let tFar = Number.POSITIVE_INFINITY;
-    if (dx !== 0) {
-      const tx1 = (this.minX - p1.x) / dx;
-      const tx2 = (this.maxX - p1.x) / dx;
-      tNear = Math.max(tNear, Math.min(tx1, tx2));
-      tFar = Math.min(tFar, Math.max(tx1, tx2));
-    } else if (p1.x < this.minX || p1.x > this.maxX) {
-      return false;
-    }
-    if (dy !== 0) {
-      const ty1 = (this.minY - p1.y) / dy;
-      const ty2 = (this.maxY - p1.y) / dy;
-      tNear = Math.max(tNear, Math.min(ty1, ty2));
-      tFar = Math.min(tFar, Math.max(ty1, ty2));
-    } else if (p1.y < this.minY || p1.y > this.maxY) {
-      return false;
-    }
-    return tNear <= tFar && tNear <= 1 && tFar >= 0;
-  }
-  /**
-   * 判断线段是在包围盒内
-   * @param line 
-   */
-  containsLineSegment(line) {
-    const [p1, p2] = line.points;
-    return this.minX <= p1.x && p1.x <= this.maxX && this.minY <= p1.y && p1.y <= this.maxY && this.minX <= p2.x && p2.x <= this.maxX && this.minY <= p2.y && p2.y <= this.maxY;
-  }
-  /**
-   * 判断矩形与包围盒相交
-   * @param rectangle 
-   */
-  intersectRectangle(rectangle) {
-    const isPointInBox = (p) => this.minX <= p.x && p.x <= this.maxX && this.minY <= p.y && p.y <= this.maxY;
-    const isPointInRect = (point) => {
-      let sign = 0;
-      for (let i = 0; i < 4; i++) {
-        const p1 = rectangle.points[i];
-        const p2 = rectangle.points[(i + 1) % 4];
-        const edge = { x: p2.x - p1.x, y: p2.y - p1.y };
-        const toPoint = { x: point.x - p1.x, y: point.y - p1.y };
-        const cross = edge.x * toPoint.y - edge.y * toPoint.x;
-        if (cross === 0) {
-          const t = edge.x !== 0 ? (point.x - p1.x) / edge.x : (point.y - p1.y) / edge.y;
-          if (t >= 0 && t <= 1) return true;
-        } else {
-          const currentSign = cross > 0 ? 1 : -1;
-          if (sign === 0) sign = currentSign;
-          if (sign !== currentSign) return false;
-        }
-      }
-      return true;
-    };
-    const doIntersect = (l1p1, l1p2, l2p1, l2p2) => {
-      const orientation = (p, q, r) => {
-        const val = (q.y - p.y) * (r.x - q.x) - (q.x - p.x) * (r.y - q.y);
-        if (val === 0) return 0;
-        return val > 0 ? 1 : 2;
-      };
-      const onSegment = (p, q, r) => {
-        return Math.min(p.x, r.x) <= q.x && q.x <= Math.max(p.x, r.x) && Math.min(p.y, r.y) <= q.y && q.y <= Math.max(p.y, r.y);
-      };
-      const o1 = orientation(l1p1, l1p2, l2p1);
-      const o2 = orientation(l1p1, l1p2, l2p2);
-      const o3 = orientation(l2p1, l2p2, l1p1);
-      const o4 = orientation(l2p1, l2p2, l1p2);
-      if (o1 !== o2 && o3 !== o4) return true;
-      if (o1 === 0 && onSegment(l1p1, l2p1, l1p2)) return true;
-      if (o2 === 0 && onSegment(l1p1, l2p2, l1p2)) return true;
-      if (o3 === 0 && onSegment(l2p1, l1p1, l2p2)) return true;
-      if (o4 === 0 && onSegment(l2p1, l1p2, l2p2)) return true;
-      return false;
-    };
-    const boxPoints = this.points;
-    for (let i = 0; i < 4; i++) {
-      const bp1 = boxPoints[i];
-      const bp2 = boxPoints[(i + 1) % 4];
-      for (let j = 0; j < 4; j++) {
-        const rp1 = rectangle.points[j];
-        const rp2 = rectangle.points[(j + 1) % 4];
-        if (doIntersect(bp1, bp2, rp1, rp2)) return true;
-      }
-    }
-    for (let p of rectangle.points) {
-      if (isPointInBox(p)) return true;
-    }
-    for (let p of boxPoints) {
-      if (isPointInRect(p)) return true;
-    }
-    return false;
-  }
-  /**
-   * 判断矩形是在包围盒内
-   * @param rectangle 
-   */
-  containsRectangle(rectangle) {
-    return rectangle.points.every(
-      (p) => this.minX <= p.x && p.x <= this.maxX && this.minY <= p.y && p.y <= this.maxY
-    );
-  }
-  /**
-   * 判断包围盒与包围盒相交
-   * @param box 
-   */
-  intersectBox(box) {
-    return !(this.maxX < box.minX || this.minX > box.maxX || this.maxY < box.minY || this.minY > box.maxY);
-  }
-  /**
-   * 判断包围盒是在包围盒内
-   * @param box 
-   */
-  containsBox(box) {
-    return this.minX <= box.minX && box.maxX <= this.maxX && this.minY <= box.minY && box.maxY <= this.maxY;
-  }
-  /** 判断点是在包围盒内
-   * @param point 
-   */
-  containsPoint(point) {
-    return point.x >= this.minX && point.x <= this.maxX && point.y >= this.minY && point.y <= this.maxY;
-  }
-  /**
-   * 
-   * @param minX 
-   * @param minY 
-   * @param maxX 
-   * @param maxY 
-   * @returns 
-   */
-  set(minX, minY, maxX, maxY) {
-    this.minX = minX;
-    this.minY = minY;
-    this.maxX = maxX;
-    this.maxY = maxY;
-    return this;
-  }
-  /**
-   * 
-   * @param maxWidth 
-   * @param maxHeight 
-   * @param mode 
-   * @returns 
-   */
-  scaleSize(maxWidth, maxHeight, mode = "min") {
-    const scaleX = maxWidth / this.width;
-    const scaleY = maxHeight / this.height;
-    return Math[mode](scaleX, scaleY);
-  }
-  /**
-   * 
-   * @param scalar 
-   * @returns 
-   */
-  multiplyScalar(scalar) {
-    this.minX *= scalar;
-    this.minY *= scalar;
-    this.maxX *= scalar;
-    this.maxY *= scalar;
-    return this;
-  }
-  /**
-   * 
-   * @returns 
-   */
-  clone() {
-    return new Box2(this.minX, this.minY, this.maxX, this.maxY);
-  }
-  /**
-   * 
-   * @param points 
-   * @returns 
-   */
-  static fromByPoints(...points) {
-    const xList = [], yList = [];
-    points.forEach((p) => {
-      xList.push(p.x);
-      yList.push(p.y);
-    });
-    return new Box2(
-      Math.min(...xList),
-      Math.max(...xList),
-      Math.min(...yList),
-      Math.max(...yList)
-    );
-  }
-}
-class LineSegment {
-  points = [new Point(), new Point()];
-  userData;
-  get center() {
-    return new Point(
-      this.points[0].x + (this.points[1].x - this.points[0].x) * 0.5,
-      this.points[0].y + (this.points[1].y - this.points[0].y) * 0.5
-    );
-  }
-  get start() {
-    return this.points[0];
-  }
-  get end() {
-    return this.points[1];
-  }
-  constructor(p1 = new Point(), p2 = new Point()) {
-    this.points = [p1, p2];
-  }
-  /**
-   * 计算线段的长度
-   * @returns 线段的长度
-   */
-  getLength() {
-    return this.points[0].distance(this.points[1]);
-  }
-  /**
-   * 获取方向
-   * @returns 
-   */
-  direction() {
-    return this.points[1].direction(this.points[0]);
-  }
-  /**
-   * 计算一条线段在另一条直线上的投影，并裁剪超出目标线段的部分
-   * @param line 要投影的线段
-   * @returns 投影并裁剪后的线段
-   */
-  projectLineSegment(line) {
-    if (line.points.length !== 2 || this.points.length !== 2) {
-      throw new Error("每条线段必须由两个点定义");
-    }
-    const [p1, p2] = line.points;
-    const [q1, q2] = this.points;
-    const dir = new Point(q2.x - q1.x, q2.y - q1.y);
-    if (dir.x === 0 && dir.y === 0) {
-      throw new Error("投影目标线段的两个点不能重合");
-    }
-    const projectPoint = (point) => {
-      const pq = new Point(point.x - q1.x, point.y - q1.y);
-      const dirLengthSquared = dir.x * dir.x + dir.y * dir.y;
-      const dotProduct = pq.x * dir.x + pq.y * dir.y;
-      const t = dotProduct / dirLengthSquared;
-      const projX = q1.x + t * dir.x;
-      const projY = q1.y + t * dir.y;
-      return new Point(projX, projY);
-    };
-    let projP1 = projectPoint(p1);
-    let projP2 = projectPoint(p2);
-    const getT = (point) => {
-      const pq = new Point(point.x - q1.x, point.y - q1.y);
-      const dirLengthSquared = dir.x * dir.x + dir.y * dir.y;
-      return (pq.x * dir.x + pq.y * dir.y) / dirLengthSquared;
-    };
-    let t1 = getT(projP1);
-    let t2 = getT(projP2);
-    const clampPoint = (t) => {
-      const clampedT = Math.max(0, Math.min(1, t));
-      const x = q1.x + clampedT * dir.x;
-      const y = q1.y + clampedT * dir.y;
-      return new Point(x, y);
-    };
-    if (t1 < 0 || t1 > 1) {
-      projP1 = clampPoint(t1);
-    }
-    if (t2 < 0 || t2 > 1) {
-      projP2 = clampPoint(t2);
-    }
-    if (projP1.x === projP2.x && projP1.y === projP2.y) {
-      return new LineSegment(projP1, projP1);
-    }
-    return new LineSegment(projP1, projP2);
-  }
-  clone() {
-    return new LineSegment(
-      this.points[0].clone(),
-      this.points[1].clone()
-    );
-  }
-}
-const units = {
-  Unitless: 1,
-  // 无单位，1米 = 1（无单位）
-  Inches: 39.37007874015748,
-  // 英寸，1米 = 39.37007874015748英寸
-  Feet: 3.280839895013123,
-  // 英尺，1米 = 3.280839895013123英尺
-  Miles: 6213711922373339e-19,
-  // 英里，1米 = 0.0006213711922373339英里
-  Millimeters: 1e3,
-  // 毫米，1米 = 1000毫米
-  Centimeters: 100,
-  // 厘米，1米 = 100厘米
-  Meters: 1,
-  // 米，1米 = 1米
-  Kilometers: 1e-3,
-  // 千米，1米 = 0.001千米
-  Microinches: 3937007874015748e-8,
-  // 微英寸，1米 = 39370078.74015748微英寸
-  Mils: 39370.07874015748,
-  // 密耳，1米 = 39370.07874015748密耳
-  Yards: 1.0936132983377078,
-  // 码，1米 = 1.0936132983377078码
-  Angstroms: 1e10,
-  // 埃，1米 = 10^10埃
-  Nanometers: 1e9,
-  // 纳米，1米 = 10^9纳米
-  Microns: 1e6,
-  // 微米，1米 = 10^6微米
-  Decimeters: 10,
-  // 分米，1米 = 10分米
-  Decameters: 0.1,
-  // 十米，1米 = 0.1十米
-  Hectometers: 0.01,
-  // 百米，1米 = 0.01百米
-  Gigameters: 1e-9,
-  // 吉米，1米 = 10^-9吉米
-  "Astronomical units": 6684587122268445e-27,
-  // 天文单位，1米 = 0.000000000006684587122268445天文单位
-  "Light years": 10570008340246154e-32,
-  // 光年，1米 ≈ 0.00000000000000010570008340246154光年
-  Parsecs: 3240779289666404e-32
-  // 秒差距，1米 ≈ 0.00000000000000003240779289666404秒差距
-};
-class Dxf extends Component {
-  width = 0.04;
-  scale = 1;
-  originalData = [];
-  data = [];
-  originalBox = new Box2(0, 0, 0, 0);
-  box = new Box2(0, 0, 0, 0);
-  pointsGroups = [];
-  wallsGroup = [];
-  doors = [];
-  lineSegments = [];
-  originalZAverage = 0;
-  static EndType = {
-    etOpenSquare: 0,
-    etOpenRound: 1,
-    etOpenButt: 2
-    // etClosedLine: 3,
-    // etClosedPolygon: 4
-  };
-  static JoinType = {
-    jtSquare: 0,
-    jtRound: 1,
-    jtMiter: 2
-  };
-  /** 原始数据组
-   */
-  get lines() {
-    return this.lineSegments;
-  }
-  /**初始化
-   * @param data 点云数据
-   * @param width 墙体宽度
-   * @param scale 缩放比例
-   */
-  constructor(width = 0.04, scale = 1) {
-    super();
-    this.width = width;
-    this.scale = scale;
-  }
-  /**
-   * 设置
-   * @param data 
-   * @param width 
-   * @param scale 
-   */
-  async set(data, width = this.width, scale = this.scale) {
-    if (typeof data === "string") {
-      if (typeof global !== "undefined") {
-        const packageName = "fs";
-        const { default: fs } = await import(
-          /* @vite-ignore */
-          packageName
-        );
-        const buffer = fs.readFileSync(data);
-        const json = JSON.parse(buffer.toString("utf-8"));
-        return this.set(json, width, scale);
-      } else {
-        throw new Error("非node环境不允许使用路径");
-      }
-    }
-    this.scale = scale;
-    this.width = width;
-    this.originalData = data;
-    const zList = [];
-    this.data = data.map(({ start, end, insetionArr, isDoor = false }, index2) => {
-      zList.push(start.z ?? 0, end.z ?? 0);
-      const lineSegment = new LineSegment(
-        Point.from(start).mutiplyScalar(scale),
-        Point.from(end).mutiplyScalar(scale)
-      );
-      lineSegment.userData = { isDoor };
-      this.lineSegments.push(lineSegment);
-      return [
-        lineSegment.points[0],
-        lineSegment.points[1],
-        (insetionArr ?? []).map((i) => i.index),
-        isDoor,
-        index2
-      ];
-    });
-    this.originalZAverage = zList.reduce((count, num) => count + num, 0) / zList.length;
-    this.computedOriginalSize(data, this.originalBox);
-    this.dispatchEvent({
-      type: "setDta",
-      originalData: this.originalData,
-      data: this.data
-    });
-    this.createGroups();
-    this.computedSize();
-    this.dispatchEvent({
-      type: "createGroup",
-      groups: this.pointsGroups
-    });
-  }
-  /** 创建分组
-   * @description 根据相交数组insetionArr, 把相交的线段，划分到一组内，方便后续路径查找合并使用
-   * @returns 
-   */
-  createGroups() {
-    const groups = [], visited = /* @__PURE__ */ new Set(), doorSet = /* @__PURE__ */ new Set(), doorVisitedRecord = /* @__PURE__ */ new Map();
-    const dfs = (index2, group, preIndex = -1) => {
-      const [start, end, insetionArr, isDoor] = this.data[index2];
-      visited.add(index2);
-      if (isDoor) {
-        if (!doorVisitedRecord.has(index2)) doorVisitedRecord.set(index2, []);
-        doorVisitedRecord.get(index2)?.push(preIndex);
-        return doorSet.add(this.data[index2]);
-      }
-      group.push([start, end]);
-      insetionArr.forEach((i) => {
-        if (!visited.has(i)) {
-          dfs(i, group, index2);
-        }
-      });
-    };
-    this.data.forEach((_, index2) => {
-      if (!visited.has(index2)) {
-        const group = [];
-        dfs(index2, group);
-        groups.push(group);
-      }
-    });
-    this.doors = [...doorSet];
-    this.pointsGroups = groups;
-    return groups;
-  }
-  /** 计算当前墙体数据的边界框
-   * @description 根据分组数据pointsGroups，计算包围盒， pointsGroups数据为缩放后数据。
-   * @description 可通过box属性查看计算结果。
-   * @returns 
-   */
-  computedSize() {
-    const xArr = this.pointsGroups.flatMap((points) => points.flatMap((p) => [p[0].x, p[1].x]));
-    const yArr = this.pointsGroups.flatMap((points) => points.flatMap((p) => [p[0].y, p[1].y]));
-    const minX = Math.min(...xArr);
-    const minY = Math.min(...yArr);
-    const maxX = Math.max(...xArr);
-    const maxY = Math.max(...yArr);
-    this.box.set(minX, minY, maxX, maxY);
-    return this.box;
-  }
-  /** 线路拓扑
-   * @description 处理线路拓扑，使线路有序链接，形成长路径
-   * @param lines 
-   */
-  lineTopology(lines) {
-    const visited = [];
-    function dfs(index2, linePath) {
-      const [_0, a2] = lines[index2];
-      visited[index2] = true;
-      linePath.push(a2);
-      for (let i = 0; i < lines.length; i++) {
-        const [b1, _1] = lines[i];
-        if (!visited[i]) {
-          if (Math.abs(a2.x - b1.x) < 1e-6 && Math.abs(a2.y - b1.y) < 1e-6) {
-            return dfs(i, linePath);
-          }
-        }
-      }
-    }
-    const linePaths = [];
-    for (let i = 0; i < lines.length; i++) {
-      if (!visited[i]) {
-        const linePath = [lines[i][0]];
-        dfs(i, linePath);
-        linePaths.push(linePath);
-      }
-    }
-    return linePaths;
-  }
-  /** etOpenRound 去除毛刺
-   * @description 检查连续的短线段数量，去除合并后产生的毛刺
-   */
-  squareRemoveBurr() {
-    this.wallsGroup = this.wallsGroup.map((lines) => {
-      if (lines.length < 3) return lines;
-      const filterLines = [lines[0]];
-      for (let i = 1; i < lines.length; i++) {
-        const prev = lines[i - 1];
-        const curr = lines[i];
-        const len = prev.distance(curr);
-        if (len < this.width * 0.5) {
-          let count = 0;
-          for (let j = i + 1; j < lines.length; j++) {
-            const prev2 = lines[j - 1];
-            const curr2 = lines[j];
-            const len2 = prev2.distance(curr2);
-            if (len2 < this.width * 0.8) count++;
-            else break;
-          }
-          if (count === 0 && i + count === lines.length - 1) ;
-          else if (i == 1 && count === 1) ;
-          else if (count === 3) {
-            filterLines.push(lines[i + 1]);
-            i += count;
-          } else if (count === 5) {
-            filterLines.push(lines[i + 2]);
-            i += count;
-          } else {
-            filterLines.push(curr);
-          }
-        } else {
-          filterLines.push(curr);
-        }
-      }
-      return filterLines;
-    });
-  }
-  /** 线偏移
-   * @description 使用 ClipperLib 对每个点组进行线偏移处理，生成具有指定宽度的墙体路径
-   */
-  lineOffset(endType = Dxf.EndType.etOpenSquare, joinType = Dxf.JoinType.jtMiter, scale = 1e4) {
-    const solutions = new ClipperLib.Paths();
-    const offset = new ClipperLib.ClipperOffset(20, 0.25);
-    this.pointsGroups.forEach((points) => {
-      const linePaths = this.lineTopology(points).map((linePath) => linePath.map((p) => p.clone().mutiplyScalar(scale)));
-      offset.AddPaths(linePaths, joinType, endType);
-    });
-    offset.Execute(solutions, this.width / 2 * scale);
-    offset.Execute(solutions, this.width / 2 * scale);
-    this.wallsGroup = solutions.map((ps) => ps.map((p) => Point.from(p).divisionScalar(scale)));
-    if (endType == Dxf.EndType.etOpenSquare) this.squareRemoveBurr();
-    this.dispatchEvent({
-      type: "lineOffset",
-      wallsGroup: this.wallsGroup
-    });
-    return this.wallsGroup;
-  }
-  /**
-   * 将点云结构转换为Float32Array
-   */
-  to3DArray(scale) {
-    const array = [];
-    this.wallsGroup.forEach((points) => {
-      for (let i = 0; i < points.length; i++) {
-        const point1 = points[i];
-        const nextIndex = i === points.length - 1 ? 0 : i + 1;
-        const point2 = points[nextIndex];
-        array.push(point1.X * scale, point1.Y * scale, this.originalZAverage, point2.X * scale, point2.Y * scale, this.originalZAverage);
-      }
-    });
-    return new Float32Array(array);
-  }
-  /**
-   * 将点云结构转换为string
-   */
-  toDxfString(unit = "Millimeters") {
-    const d = new Drawing();
-    d.setUnits("Millimeters");
-    const s = units[unit];
-    this.wallsGroup.forEach((points) => {
-      for (let i = 0; i < points.length; i++) {
-        const point1 = points[i];
-        const nextIndex = i === points.length - 1 ? 0 : i + 1;
-        const point2 = points[nextIndex];
-        d.drawLine(point1.X * s, point1.Y * s, point2.X * s, point2.Y * s);
-      }
-    });
-    return d.toDxfString();
-  }
-  /**
-   * 将点云结构转换为DXF格式
-   * @returns 
-   */
-  toDxfBlob(unit = "Millimeters") {
-    const blob = new Blob([this.toDxfString(unit)]);
-    return blob;
-  }
-  /**
-   * 下载
-   * @param filename 
-   */
-  async download(filename, unit = "Millimeters") {
-    if (typeof window !== "undefined") {
-      const blob = this.toDxfBlob(unit);
-      const a = document.createElement("a");
-      a.href = URL.createObjectURL(blob);
-      a.download = filename + ".dxf";
-      a.click();
-    } else if (typeof global !== "undefined") {
-      const packageName = "fs";
-      const { default: fs } = await import(
-        /* @vite-ignore */
-        packageName
-      );
-      fs.writeFileSync(filename, this.toDxfString(unit));
-    }
-  }
-  /**
-   * 计算原始数据的边界框
-   * @description 计算所有线段的起点和终点的最小最大值，形成一个边界框
-   * @returns 
-   */
-  computedOriginalSize(data, originalBox = new Box2(0, 0, 0, 0)) {
-    const xArr = data.flatMap((item) => [item.start.x, item.end.x]);
-    const yArr = data.flatMap((item) => [item.start.y, item.end.y]);
-    const minX = Math.min(...xArr);
-    const minY = Math.min(...yArr);
-    const maxX = Math.max(...xArr);
-    const maxY = Math.max(...yArr);
-    originalBox.set(minX, minY, maxX, maxY);
-    return originalBox;
-  }
-  /**
-   * 创建数据
-   * @param pointsGroups 
-   * @returns 
-   */
-  static createData(pointsGroups, sealed = true) {
-    let count = 0;
-    const data = pointsGroups.flatMap((points) => {
-      const lines = points.map((point, index2) => {
-        const nextIndex = index2 === points.length - 1 ? 0 : index2 + 1;
-        const nextPoint = points[nextIndex];
-        return {
-          start: { x: point.x, y: point.y },
-          end: { x: nextPoint.x, y: nextPoint.y },
-          insetionArr: [
-            {
-              index: nextIndex + count
-            }
-          ]
-        };
-      });
-      count += points.length;
-      if (!sealed) {
-        lines.pop();
-        lines[lines.length - 1].insetionArr.length = 0;
-        count--;
-      }
-      return lines;
-    });
-    return data;
-  }
-}
-class Variable extends Component {
-  originalLineVisible = true;
-  dxfVisible = true;
-  whiteModelVisible = true;
-  isLook = false;
-  currentWheel = 0;
-  pointerMove = { x: 0, y: 0 };
-  currentKeyUp = "";
-  set(key, value) {
-    if (key in this) {
-      const oldValue = this[key];
-      this[key] = value;
-      this.dispatchEvent({
-        type: key,
-        value,
-        oldValue
-      });
-    }
-  }
-  get(key) {
-    if (key in this) return this[key];
-  }
-}
+const exporter = new OBJExporter();
 function lineSqueezing(p1, p2, width = 0.1) {
   const normal = p2.normal(p1);
   const pDirect = p2.direction(p1).mutiplyScalar(width * 0.5);
@@ -1008,8 +276,8 @@ class WhiteModel extends Component {
   // 原始数据白模
   originalWhiteMode = new THREE.Group();
   onAddFromParent(parent) {
-    this.Dxf = parent.findComponentByType(Dxf);
-    this.Variable = parent.findComponentByType(Variable);
+    this.Dxf = parent.findComponentByName("Dxf");
+    this.Variable = parent.findComponentByName("Variable");
     this.originalWhiteMode.visible = false;
     this.Dxf?.addEventListener("lineOffset", () => {
       this.updateModel();
@@ -1030,7 +298,7 @@ class WhiteModel extends Component {
         bevelSize: 0
       });
       const mesh = new THREE.Mesh(geometry);
-      mesh.material = new THREE.MeshPhongMaterial({ color: 16777215, transparent: true, opacity: 0.8 });
+      mesh.material = new THREE.MeshStandardMaterial({ color: 16777215, transparent: true, opacity: 0.8 });
       this.whiteModelGroup.add(mesh);
       this.whiteModelGroup.add(
         new THREE.LineSegments(new THREE.EdgesGeometry(geometry), new THREE.LineBasicMaterial({ color: 6710886 }))
@@ -1066,6 +334,37 @@ class WhiteModel extends Component {
       whiteModelGroup: this.whiteModelGroup
     });
   }
+  toOBJ() {
+    return new Promise((resolve) => {
+      resolve(exporter.parse(this.whiteModelGroup));
+    });
+  }
+  async toBlob() {
+    const buffer = await this.toOBJ();
+    if (buffer) {
+      return new Blob([buffer], { type: "application/octet-stream" });
+    }
+  }
+  async download(filename) {
+    if (typeof window !== "undefined") {
+      const blob = await this.toBlob();
+      if (!blob) return;
+      const a = document.createElement("a");
+      a.href = URL.createObjectURL(blob);
+      a.download = filename;
+      a.click();
+    } else if (typeof global !== "undefined") {
+      const buffer = await this.toOBJ();
+      if (buffer) {
+        const packageName = "fs";
+        const { default: fs } = await import(
+          /* @vite-ignore */
+          packageName
+        );
+        fs.writeFileSync(filename, buffer);
+      }
+    }
+  }
 }
 class DetailsPoint extends Component {
   Dxf = null;
@@ -1075,8 +374,8 @@ class DetailsPoint extends Component {
   raylines = [];
   data = [];
   onAddFromParent(parent) {
-    this.Dxf = parent.findComponentByType(Dxf);
-    this.Variable = parent.findComponentByType(Variable);
+    this.Dxf = parent.findComponentByName("Dxf");
+    this.Variable = parent.findComponentByName("Variable");
     this.Dxf?.addEventListener("setDta", () => {
       this.updateModel();
     });
@@ -1085,7 +384,22 @@ class DetailsPoint extends Component {
    * 设置值
    * @param data 
    */
-  set(data) {
+  async set(data) {
+    if (typeof data === "string") {
+      if (typeof global !== "undefined") {
+        const packageName = "fs";
+        const { default: fs } = await import(
+          /* @vite-ignore */
+          packageName
+        );
+        const buffer = fs.readFileSync(data);
+        const json = JSON.parse(buffer.toString("utf-8"));
+        this.set(json);
+        return;
+      } else {
+        throw new Error("非node环境不允许使用路径");
+      }
+    }
     this.data = data;
     this.updateModel();
   }
@@ -1111,7 +425,7 @@ class DetailsPoint extends Component {
     if (this._timer) clearTimeout(this._timer);
     this._timer = setTimeout(() => {
       this._timer = null;
-      const whiteModel = this.parent?.findComponentByType(WhiteModel);
+      const whiteModel = this.parent?.findComponentByName("WhiteModel");
       this.raylines.length = 0;
       this.desPoints.length = 0;
       this.data.forEach((item) => {
@@ -1151,14 +465,14 @@ class DxfLineModel extends Component {
   dxfDoorsLineModel = new THREE.LineSegments();
   dxfModelGroup = new THREE.Group();
   onAddFromParent(parent) {
-    const dxf = parent.findComponentByType(Dxf);
+    const dxf = parent.findComponentByName("Dxf");
     this.dxfModelGroup.add(this.dxfLineModel);
     this.dxfModelGroup.add(this.dxfDoorsLineModel);
     this.dxfDoorsLineModel.material = new THREE.LineBasicMaterial({ color: 16776960, vertexColors: true });
     dxf?.addEventListener("lineOffset", () => this.updateMode());
   }
   updateMode() {
-    const dxf = this.parent?.findComponentByType(Dxf);
+    const dxf = this.parent?.findComponentByName("Dxf");
     this.dxfLineModel.clear();
     const dxfArray = dxf.to3DArray(1 / dxf.scale);
     this.dxfLineModel.geometry = new THREE.BufferGeometry().setAttribute("position", new THREE.BufferAttribute(dxfArray, 3, true));
@@ -1173,12 +487,12 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   DxfLineModel,
   WhiteModel
 }, Symbol.toStringTag, { value: "Module" }));
-function ModeDataPlugin(dxfSystem) {
+function ModelDataPlugin(dxfSystem) {
   dxfSystem.addComponent(new DxfLineModel());
   dxfSystem.addComponent(new WhiteModel());
   dxfSystem.addComponent(new DetailsPoint());
 }
 export {
-  ModeDataPlugin,
+  ModelDataPlugin,
   index as components
 };