mxdraw 0.1.109 → 0.1.111

package/dist/lib/MxModule/McGiWorldDraw/index.d.ts

@@ -2,6 +2,7 @@
 import McGiWorldDrawType from '../McGiWorldDrawType';
 import MxDbEntity from '../MxDbEntity';
 import MxDrawObject from '../MxDrawObject';
+import { UnstableColor } from '../MxType';
 /**
  * McGiWorldDraw 用于构建一个动态绘制回调对象的规范接口
  * @abstract 是  {@link MxDbEntity.worldDraw }必须实现的抽象回调方法中的回调对象 通过回调对象完成一些动态绘制任务
@@ -51,7 +52,7 @@ export default interface McGiWorldDraw {
      * ```
      *
      */
-    setColor(iColor: number | string | THREE.Color): void;
+    setColor(iColor: UnstableColor): void;
     /**
      * 返回绘制颜色
      * @returns
@@ -104,7 +105,7 @@ export default interface McGiWorldDraw {
      * ```
      *
      */
-    drawLines(points: THREE.Vector3[]): void;
+    drawLines(points: THREE.Vector3[] | THREE.Vector2[]): void;
     /**
      * 根据几何数据绘制直线
      * @param points 点数组

package/dist/lib/MxModule/MrxDbgUiPrPoint/index.js

@@ -1 +1 @@
-import McEdGetPointWorldDrawObject from"../McEdGetPointWorldDrawObject";import store from"../store/store";let _MrxDbgUiPrPoint;export default class MrxDbgUiPrPoint{constructor(){var r;_MrxDbgUiPrPoint=new(null===(r=store.state.MxFun)||void 0===r?void 0:r.getMxJigCmdManager().getMrxDbgUiPrPointClass())}keyWords(){return _MrxDbgUiPrPoint.keyWords()}setKeyWords(r){return _MrxDbgUiPrPoint.setKeyWords(r)}message(){return _MrxDbgUiPrPoint.message()}setMessage(r){return _MrxDbgUiPrPoint.setMessage(r)}keyWordPicked(){return _MrxDbgUiPrPoint.keyWordPicked()}isKeyWordPicked(r){return _MrxDbgUiPrPoint.isKeyWordPicked(r)}setUserDraw(r){if("function"!=typeof r)return _MrxDbgUiPrPoint.setUserDraw(r._get?r._get():r);{const e=new McEdGetPointWorldDrawObject;e.setDraw(r),_MrxDbgUiPrPoint.setUserDraw(e._get())}}value(){return _MrxDbgUiPrPoint.value()}valueDocCoord(){return _MrxDbgUiPrPoint.valueDocCoord()}basePt(){return _MrxDbgUiPrPoint.basePt()}setBasePt(r){return _MrxDbgUiPrPoint.setBasePt(r)}setUseBasePt(r){return _MrxDbgUiPrPoint.setUseBasePt(r)}go(r){return r?(_MrxDbgUiPrPoint.go(r),new Promise((r,e)=>{r(null)})):new Promise((r,e)=>{_MrxDbgUiPrPoint.go(e=>{r(0!=e?null:_MrxDbgUiPrPoint.value())})})}goWhile(r,e){return _MrxDbgUiPrPoint.goWhile(r,e)}drawReserve(r){return _MrxDbgUiPrPoint.drawReserve(r)}setInputToucheType(r){return _MrxDbgUiPrPoint.setInputToucheType(r)}getInputToucheType(){return _MrxDbgUiPrPoint.getInputToucheType()}};
+import McEdGetPointWorldDrawObject from"../McEdGetPointWorldDrawObject";import store from"../store";let _MrxDbgUiPrPoint;export default class MrxDbgUiPrPoint{constructor(){var r;_MrxDbgUiPrPoint=new(null===(r=store.state.MxFun)||void 0===r?void 0:r.getMxJigCmdManager().getMrxDbgUiPrPointClass())}keyWords(){return _MrxDbgUiPrPoint.keyWords()}setKeyWords(r){return _MrxDbgUiPrPoint.setKeyWords(r)}message(){return _MrxDbgUiPrPoint.message()}setMessage(r){return _MrxDbgUiPrPoint.setMessage(r)}keyWordPicked(){return _MrxDbgUiPrPoint.keyWordPicked()}isKeyWordPicked(r){return _MrxDbgUiPrPoint.isKeyWordPicked(r)}setUserDraw(r){if("function"!=typeof r)return _MrxDbgUiPrPoint.setUserDraw(r._get?r._get():r);{const e=new McEdGetPointWorldDrawObject;e.setDraw(r),_MrxDbgUiPrPoint.setUserDraw(e._get())}}value(){return _MrxDbgUiPrPoint.value()}valueDocCoord(){return _MrxDbgUiPrPoint.valueDocCoord()}basePt(){return _MrxDbgUiPrPoint.basePt()}setBasePt(r){return _MrxDbgUiPrPoint.setBasePt(r)}setUseBasePt(r){return _MrxDbgUiPrPoint.setUseBasePt(r)}go(r){return r?(_MrxDbgUiPrPoint.go(r),new Promise((r,e)=>{r(null)})):new Promise((r,e)=>{_MrxDbgUiPrPoint.go(e=>{r(0!=e?null:_MrxDbgUiPrPoint.value())})})}goWhile(r,e){return _MrxDbgUiPrPoint.goWhile(r,e)}drawReserve(r){return _MrxDbgUiPrPoint.drawReserve(r)}setInputToucheType(r){return _MrxDbgUiPrPoint.setInputToucheType(r)}getInputToucheType(){return _MrxDbgUiPrPoint.getInputToucheType()}};

package/dist/lib/MxModule/MrxDbgUtils/index.js

@@ -1 +1 @@
-import MxFun from"../MxFun";import store from"../store/store";class MrxDbgUtilsClass{constructor(){this.imp=null}initImp(){if(!this.imp&&store.state.MxFun){let t=store.state.MxFun;this.imp=new t.getMrxDbgUtilsClass}}findEntAtPoint(t,s=null,i){return this.initImp(),i||(i=MxFun.getCurrentDraw()),this.imp.findEntAtPoint(i,t,s)}selectEnt(t,s){return this.initImp(),this.imp.selectEnt(t)}}const MrxDbgUtils=new MrxDbgUtilsClass;export default MrxDbgUtils;
+import MxFun from"../MxFun";import store from"../store";class MrxDbgUtilsClass{constructor(){this.imp=null}initImp(){if(!this.imp&&store.state.MxFun){let t=store.state.MxFun;this.imp=new t.getMrxDbgUtilsClass}}findEntAtPoint(t,i=null,s){return this.initImp(),s||(s=MxFun.getCurrentDraw()),this.imp.findEntAtPoint(s,t,i)}selectEnt(t,i){return this.initImp(),this.imp.selectEnt(t)}}const MrxDbgUtils=new MrxDbgUtilsClass;export default MrxDbgUtils;

package/dist/lib/MxModule/MxDb2LineAngularDimension/index.d.ts

@@ -1,21 +1,59 @@
-/** @module MxDb2LineAngularDimension*/
 import McGiWorldDraw from '../McGiWorldDraw';
 import MxDbEntity from '../MxDbEntity';
-/**
- * MxDb2LineAngularDimension
- * 显示角度测量的图形
- */
+import { MxColorType, UnstableColor } from '../MxType';
 export default class MxDb2LineAngularDimension extends MxDbEntity {
-    point1: THREE.Vector3;
-    point2: THREE.Vector3;
-    point3: THREE.Vector3;
+    /**
+    * MxDb2LineAngularDimension
+    * 显示角度测量的图形
+    * @param  options.points [point1(起始点)、point2(角顶点)、point3(结束点)]
+    * @param  options.colors [起始线段颜色, 结束线段颜色, 标注角度圆弧颜色, 文字标注的角度颜色]
+    * @example
+    * ``` typescript
+    * const draw = Mx.MxFun.getCurrentDraw();
+    * const points = [ getPoint.value(),
+    *          getPoint.value().add(new THREE.Vector3(8880, 0, 0)),
+    *          getPoint.value().add(new THREE.Vector3(0, 6666, 0)),
+    *       ]
+    * const colors = ['#F00880','#00ff1a', void 0, 0XFF0000]
+    * const obj = new Mx.MxDb2LineAngularDimension().setPoints(points).setColor(colors).setLineWidth(6)
+    * draw.addMxEntity(obj)
+    * ```
+    **/
+    constructor(options?: {
+        /** 传入三个位置THREE向量 分别对应 属性: point1(起始点)、point2(角顶点)、point3(结束点) 计算角度 */
+        points?: THREE.Vector3[];
+        /**  colors 各标注的颜色设置:
+         * [起始线段颜色, 结束线段颜色, 标注角度圆弧颜色, 文字标注的角度颜色]
+         * 某一项为null或undefined采用绘制颜色 */
+        colors?: UnstableColor[];
+    });
+    point1: import("three").Vector3;
+    point2: import("three").Vector3;
+    point3: import("three").Vector3;
+    /**
+     * colors 各标注的颜色设置:
+     * [起始线段颜色, 结束线段颜色, 标注角度圆弧颜色, 文字标注的角度颜色]
+     * 某一项为null或undefined采用绘制颜色
+     * */
+    colors: UnstableColor[];
     private calculateLineAngle;
+    /**
+     * 设置point1 、 point2、point3 向量位置
+     * @param { THREE.Vector3[] } points
+     */
+    setPoints(points: THREE.Vector3[]): this;
+    /**
+       * 设置颜色组合
+       * @param colors [起始线段颜色, 结束线段颜色, 标注角度圆弧颜色, 文字标注的角度颜色]
+       * 某一项为null或undefined采用绘制颜色 || 单颜色
+       * */
+    setColor(colors: UnstableColor[] | MxColorType): this;
     worldDraw(pWorldDraw: McGiWorldDraw): void;
-    getGripPoints(): THREE.Vector3[];
+    getGripPoints(): import("three").Vector3[];
     moveGripPointsAt(index: number, offset: THREE.Vector3): boolean;
     dwgIn(obj: any): boolean;
-    dwgOut(obj: any): object;
-    create(): MxDbEntity;
+    dwgOut(obj: any): any;
+    create(): MxDb2LineAngularDimension;
     transformBy(mat: THREE.Matrix4): void;
     getTypeName(): string;
 }

package/dist/lib/MxModule/MxDb2LineAngularDimension/index.js

@@ -1 +1 @@
-import McGiWorldDrawType from"../McGiWorldDrawType";import MxDbEntity from"../MxDbEntity";import MxThreeJS from"../MxThreeJS";export default class MxDb2LineAngularDimension extends MxDbEntity{constructor(){super(...arguments),this.point1=new THREE.Vector3,this.point2=new THREE.Vector3,this.point3=new THREE.Vector3}calculateLineAngle(t,i,n){const e=2*Math.PI/360;return{startAngle:180*Math.atan2(i.y-t.y,i.x-t.x)/Math.PI*e,endAngle:180*Math.atan2(n.y-t.y,n.x-t.x)/Math.PI*e}}worldDraw(t){if(t.getType()==McGiWorldDrawType.kWorldDraw||t.getType()==McGiWorldDrawType.kDynDragDraw){let i=t.getColor(),n=t.getMxObject(),e=MxThreeJS.createLine(this.point1,this.point2,i);t.drawEntity(e);let o=MxThreeJS.createLine(this.point2,this.point3,i);t.drawEntity(o);const{startAngle:r,endAngle:p}=this.calculateLineAngle(this.point2,this.point1,this.point3),s=this.point2.distanceTo(this.point1),a=this.point2.distanceTo(this.point3);let h,l=(h=s>a?a:s)/4,c=THREE.MathUtils.radToDeg(r-p);c<0&&(c+=360);let d=n.screenCoordLong2Doc(50);const y=new THREE.ArcCurve(this.point2.x,this.point2.y,l,r,p,!0),w=(new THREE.BufferGeometry).setFromPoints(y.getPoints(50)),g=new THREE.LineBasicMaterial({color:"#ff0000"}),E=new THREE.Line(w,g);t.drawEntity(E);let M=y.getPoint(.5),T=new THREE.Vector3(M.x,M.y,0),x=T.sub(this.point2),u=x.length()+.5*d;x.normalize().multiplyScalar(u),T=this.point2.clone().add(x);let D=MxThreeJS.creatTextSprite(c.toFixed(3)+"°",T,.5*d,0,i);null!=D&&t.drawEntity(D)}else t.drawLine(this.point1,this.point2),t.drawLine(this.point3,this.point2)}getGripPoints(){return[this.point1,this.point2,this.point3]}moveGripPointsAt(t,i){return 0===t?this.point1.add(i):1===t?this.point2.add(i):2===t&&this.point3.add(i),!0}dwgIn(t){return this.onDwgIn(t),this.point1.copy(t.point1),this.point2.copy(t.point2),this.point3.copy(t.point3),t}dwgOut(t){return this.onDwgOut(t),t.point1=this.point1,t.point2=this.point2,t.point3=this.point3,t}create(){return new MxDb2LineAngularDimension}transformBy(t){this.point1.applyMatrix4(t),this.point2.applyMatrix4(t)}getTypeName(){return"MxDb2LineAngularDimension"}};
+import _ from"lodash";import McGiWorldDrawType from"../McGiWorldDrawType";import MxDbEntity from"../MxDbEntity";const propertyDbKeys=["colors","point1","point2","point3"];export default class MxDb2LineAngularDimension extends MxDbEntity{constructor(t){if(super(),this.point1=new THREE.Vector3,this.point2=new THREE.Vector3,this.point3=new THREE.Vector3,this.colors=[],t){const{points:i,colors:o}=t;i&&this.setPoints(i),o&&this.setColor(o)}}calculateLineAngle(t,i,o){const n=2*Math.PI/360;return{startAngle:180*Math.atan2(i.y-t.y,i.x-t.x)/Math.PI*n,endAngle:180*Math.atan2(o.y-t.y,o.x-t.x)/Math.PI*n}}setPoints(t){const[i,o,n]=t;return i&&(this.point1=i),o&&(this.point2=o),n&&(this.point3=n),this}setColor(t){return _.isArray(t)?this.colors=t:this.color=t,this}worldDraw(t){if(t.getType()==McGiWorldDrawType.kWorldDraw||t.getType()==McGiWorldDrawType.kDynDragDraw){const[i,o,n,e]=this.colors||[],s=this.getColor(),r=t.getMxObject();t.setColor(i||s),t.drawLine(this.point1,this.point2),t.setColor(o||s),t.drawLine(this.point2,this.point3);const{startAngle:p,endAngle:h}=this.calculateLineAngle(this.point2,this.point1,this.point3),a=this.point2.distanceTo(this.point1),l=this.point2.distanceTo(this.point3),c=Math.min(a,l)/4;let d=THREE.MathUtils.radToDeg(p-h);d<0&&(d+=360);let y=r.screenCoordLong2Doc(50);const g=new THREE.ArcCurve(this.point2.x,this.point2.y,c,p,h,!0),w=(new THREE.Geometry).setFromPoints(g.getPoints(50));t.setColor(n||s),t.drawGeometryLines(w);const D=g.getPoint(.5);let u=new THREE.Vector3(D.x,D.y,0);const M=u.sub(this.point2),x=M.length()+.5*y;M.normalize().multiplyScalar(x),u=this.point2.clone().add(M),t.setColor(e||s),t.drawText(d.toFixed(3)+"°",.5*y,0,u)}else t.drawLine(this.point1,this.point2),t.drawLine(this.point3,this.point2)}getGripPoints(){return[this.point1,this.point2,this.point3]}moveGripPointsAt(t,i){return 0===t?this.point1.add(i):1===t?this.point2.add(i):2===t&&this.point3.add(i),!0}dwgIn(t){return this.onDwgIn(t),this.dwgInHelp(t,propertyDbKeys),!0}dwgOut(t){return this.onDwgOut(t),this.dwgOutHelp(t,propertyDbKeys),t}create(){return new MxDb2LineAngularDimension}transformBy(t){this.point1.applyMatrix4(t),this.point2.applyMatrix4(t)}getTypeName(){return"MxDb2LineAngularDimension"}};

package/dist/lib/MxModule/MxDbAlignedDimension/index.d.ts

@@ -1,14 +1,47 @@
 /** @module MxDbAlignedDimension*/
 import McGiWorldDraw from '../McGiWorldDraw';
 import MxDbEntity from '../MxDbEntity';
+import { MxColorType, UnstableColor } from '../MxType';
 /**
  * MxDbAlignedDimension 尺寸标注
  */
 export default class MxDbAlignedDimension extends MxDbEntity {
+    /**
+  * MxDbAlignedDimension
+  * 尺寸标注
+  * @param options.points 提供两个向量测量尺寸
+  * @param options.fontColor 字体颜色
+  * @example ```typescript
+  * const draw = Mx.MxFun.getCurrentDraw();
+  * const v3 = new THREE.Vector3()
+  * const points = [v3 , v3.clone().add(new THREE.Vector3(8880, 0, 0))]
+  * const colors = ['#F00880','#00ff1a']
+  * draw.addMxEntity(
+  *   new Mx.MxDbAlignedDimension({ points })
+  *   .setColor(colors)
+  *   .setLineWidth(6)
+  * )
+  * ```
+  **/
+    constructor(options?: {
+        /** [point1, point2] 两个向量位置 */
+        points?: THREE.Vector3[];
+        /** 字体颜色 */
+        fontColor?: MxColorType;
+    });
     point1: THREE.Vector3;
     point2: THREE.Vector3;
+    fontColor: UnstableColor;
+    /**
+     * 设置两个点位置向量
+     * @param { THREE.Vector3[] } points [THREE.Vector3, THREE.Vector3]
+     */
+    setPoints(points: THREE.Vector3[]): void;
     getTypeName(): string;
     private getDirection;
+    /**
+     * 获取尺寸距离
+     * */
     getDimText(): string;
     worldDraw(pWorldDraw: McGiWorldDraw): void;
     /**
@@ -21,9 +54,10 @@ export default class MxDbAlignedDimension extends MxDbEntity {
      * @parma pt1 three.js坐标点位
      * */
     setPoint2(pt2: THREE.Vector3): void;
+    setColor(color: UnstableColor | UnstableColor[]): this;
     getGripPoints(): Array<THREE.Vector3>;
     moveGripPointsAt(index: number, offset: THREE.Vector3): boolean;
     dwgIn(obj: any): boolean;
     dwgOut(obj: any): object;
-    create(): MxDbEntity;
+    create(): MxDbAlignedDimension;
 }

package/dist/lib/MxModule/MxDbAlignedDimension/index.js

@@ -1 +1 @@
-import McGiWorldDrawType from"../McGiWorldDrawType";import MxDbEntity from"../MxDbEntity";import MxThreeJS from"../MxThreeJS";export default class MxDbAlignedDimension extends MxDbEntity{constructor(){super(...arguments),this.point1=new THREE.Vector3,this.point2=new THREE.Vector3}getTypeName(){return"MxDbAlignedDimension"}getDirection(t,e,i){var r=new THREE.Vector3(t.x,t.y,0),n=new THREE.Vector3(1,0,0),a=t.angleTo(n),o=-1;(a<7*Math.PI/18||a>10*Math.PI/18)&&e.x>i.x&&(o=1);var y=new THREE.Matrix4;return y.makeRotationZ(Math.PI/2*o),r.applyMatrix4(y),r}getDimText(){return new THREE.Vector3(this.point1.x-this.point2.x,this.point1.y-this.point2.y,0).length().toFixed(3)}worldDraw(t){if(t.getType()==McGiWorldDrawType.kWorldDraw||t.getType()==McGiWorldDrawType.kDynDragDraw){let V=this.point1,g=this.point2;var e,i,r,n,a,o,y,x=new THREE.Vector3(V.x-g.x,V.y-g.y,0),E=this.getDirection(x,V,g),p=new THREE.Matrix4;p.makeScale(.01,.01,.01),(h=new THREE.Vector3(E.x,E.y,0)).applyMatrix4(p);var w=new THREE.Vector3(V.x+h.x,V.y+h.y,0),T=new THREE.Vector3(g.x+h.x,g.y+h.y,0);const D=16777215;o=MxThreeJS.createPoint(V,D),y=MxThreeJS.createPoint(g,D),p.identity(),p.makeScale(.2,.2,0),new THREE.Vector3(E.x,E.y,0).applyMatrix4(p),p.identity(),p.makeScale(.02,.02,0);var c=new THREE.Vector3(E.x,E.y,0);c.applyMatrix4(p),t.drawLine(w,T),e=MxThreeJS.createLine(new THREE.Vector3(w.x+2*c.x,w.y+2*c.y,0),new THREE.Vector3(V.x+c.x,V.y+c.y,0),D),i=MxThreeJS.createLine(new THREE.Vector3(T.x+2*c.x,T.y+2*c.y,0),new THREE.Vector3(g.x+c.x,g.y+c.y,0),D);{var h,M=new THREE.Vector3(1,0,0),l=x.angleTo(M);(h=new THREE.Vector3(E.x,E.y,0)).normalize();var s=V.distanceTo(g);x.y<0?l=l<Math.PI/2?2*Math.PI-l:Math.PI-l:l>Math.PI/2&&(l=Math.PI+l);let e=t.getMxObject();e&&(l-=e.getViewAngle());let i=this.getDimText();null!=(r=MxThreeJS.creatTextSprite(i,new THREE.Vector3(T.x+x.x/2+h.x*s/30,T.y+x.y/2+h.y*s/30,0),.07*s,l,D))&&t.drawEntity(r)}{p.identity(),p.makeScale(.08,.08,.08);var R=new THREE.Matrix4;R.makeRotationZ(17*Math.PI/18);var d=new THREE.Vector3(x.x,x.y,0);d.applyMatrix4(p),d.applyMatrix4(R),R.identity(),R.makeRotationZ(17*-Math.PI/18);var H=new THREE.Vector3(x.x,x.y,0);H.applyMatrix4(p),H.applyMatrix4(R);let t=new Array;t.push(new THREE.Vector3(w.x,w.y,0),new THREE.Vector3(w.x+d.x,w.y+d.y,0),new THREE.Vector3(w.x+H.x,w.y+H.y,0)),n=MxThreeJS.createTriangle(t,D),R.identity(),R.makeRotationZ(Math.PI/18),(d=new THREE.Vector3(x.x,x.y,0)).applyMatrix4(p),d.applyMatrix4(R),R.identity(),R.makeRotationZ(-Math.PI/18),(H=new THREE.Vector3(x.x,x.y,0)).applyMatrix4(p),H.applyMatrix4(R);let e=new Array;e.push(new THREE.Vector3(T.x,T.y,0),new THREE.Vector3(T.x+d.x,T.y+d.y,0),new THREE.Vector3(T.x+H.x,T.y+H.y,0)),a=MxThreeJS.createTriangle(e,D)}t.drawEntity(e),t.drawEntity(i),n&&t.drawEntity(n),a&&t.drawEntity(a),t.drawEntity(o),t.drawEntity(y)}else t.drawLine(this.point1,this.point2)}setPoint1(t){this.point1=t}setPoint2(t){this.point2=t}getGripPoints(){let t=[];return t.push(this.point1),t.push(this.point2),t}moveGripPointsAt(t,e){return 0==t?this.point1.add(e):(t=1)&&this.point2.add(e),!0}dwgIn(t){return this.onDwgIn(t),this.point1.copy(t.point1),this.point2.copy(t.point2),!0}dwgOut(t){return this.onDwgOut(t),t.point1=this.point1,t.point2=this.point2,t}create(){return new MxDbAlignedDimension}};
+import _ from"lodash";import McGiWorldDrawType from"../McGiWorldDrawType";import MxDbEntity from"../MxDbEntity";import MxThreeJS from"../MxThreeJS";const propertyDbKeys=["point1","point2","fontColor"];export default class MxDbAlignedDimension extends MxDbEntity{constructor(t){if(super(),this.point1=new THREE.Vector3,this.point2=new THREE.Vector3,t){const{points:e,fontColor:o}=t;e&&this.setPoints(e),o&&(this.fontColor=o)}}setPoints(t){const[e,o]=t;e&&(this.point1=e),o&&(this.point2=o)}getTypeName(){return"MxDbAlignedDimension"}getDirection(t,e,o){const n=new THREE.Vector3(t.x,t.y,0),i=new THREE.Vector3(1,0,0),r=t.angleTo(i);let a=-1;(r<7*Math.PI/18||r>10*Math.PI/18)&&e.x>o.x&&(a=1);const s=new THREE.Matrix4;return s.makeRotationZ(Math.PI/2*a),n.applyMatrix4(s),n}getDimText(){return new THREE.Vector3(this.point1.x-this.point2.x,this.point1.y-this.point2.y,0).length().toFixed(3)}worldDraw(t){if(t.getType()==McGiWorldDrawType.kWorldDraw||t.getType()==McGiWorldDrawType.kDynDragDraw){const e=this.point1,o=this.point2;let n,i,r,a,s,y,x;const c=new THREE.Vector3(e.x-o.x,e.y-o.y,0),p=this.getDirection(c,e,o),E=new THREE.Matrix4;E.makeScale(.01,.01,.01);const h=new THREE.Vector3(p.x,p.y,0);h.applyMatrix4(E);const l=new THREE.Vector3(e.x+h.x,e.y+h.y,0),w=new THREE.Vector3(o.x+h.x,o.y+h.y,0),T=this.getColor();y=MxThreeJS.createPoint(e,T),x=MxThreeJS.createPoint(o,T);{E.identity(),E.makeScale(.2,.2,0),new THREE.Vector3(p.x,p.y,0).applyMatrix4(E),E.identity(),E.makeScale(.02,.02,0);const r=new THREE.Vector3(p.x,p.y,0);r.applyMatrix4(E),t.drawLine(l,w),n=MxThreeJS.createLine(new THREE.Vector3(l.x+2*r.x,l.y+2*r.y,0),new THREE.Vector3(e.x+r.x,e.y+r.y,0),T),i=MxThreeJS.createLine(new THREE.Vector3(w.x+2*r.x,w.y+2*r.y,0),new THREE.Vector3(o.x+r.x,o.y+r.y,0),T)}{const n=new THREE.Vector3(1,0,0);let i=c.angleTo(n);const a=new THREE.Vector3(p.x,p.y,0);a.normalize();const s=e.distanceTo(o);c.y<0?i=i<Math.PI/2?2*Math.PI-i:Math.PI-i:i>Math.PI/2&&(i=Math.PI+i);const y=t.getMxObject();y&&(i-=y.getViewAngle());const x=this.getDimText();null!=(r=MxThreeJS.creatTextSprite(x,new THREE.Vector3(w.x+c.x/2+a.x*s/30,w.y+c.y/2+a.y*s/30,0),.07*s,i,this.fontColor||T))&&t.drawEntity(r)}{E.identity(),E.makeScale(.08,.08,.08);const t=new THREE.Matrix4;t.makeRotationZ(17*Math.PI/18);let e=new THREE.Vector3(c.x,c.y,0);e.applyMatrix4(E),e.applyMatrix4(t),t.identity(),t.makeRotationZ(17*-Math.PI/18);let o=new THREE.Vector3(c.x,c.y,0);o.applyMatrix4(E),o.applyMatrix4(t);const n=new Array;n.push(new THREE.Vector3(l.x,l.y,0),new THREE.Vector3(l.x+e.x,l.y+e.y,0),new THREE.Vector3(l.x+o.x,l.y+o.y,0)),a=MxThreeJS.createTriangle(n,T),t.identity(),t.makeRotationZ(Math.PI/18),(e=new THREE.Vector3(c.x,c.y,0)).applyMatrix4(E),e.applyMatrix4(t),t.identity(),t.makeRotationZ(-Math.PI/18),(o=new THREE.Vector3(c.x,c.y,0)).applyMatrix4(E),o.applyMatrix4(t);const i=new Array;i.push(new THREE.Vector3(w.x,w.y,0),new THREE.Vector3(w.x+e.x,w.y+e.y,0),new THREE.Vector3(w.x+o.x,w.y+o.y,0)),s=MxThreeJS.createTriangle(i,T)}t.drawEntity(n),t.drawEntity(i),a&&t.drawEntity(a),s&&t.drawEntity(s),t.drawEntity(y),t.drawEntity(x)}else t.drawLine(this.point1,this.point2)}setPoint1(t){this.point1=t}setPoint2(t){this.point2=t}setColor(t){return _.isArray(t)?([this.color=this.color,this.fontColor=this.fontColor||this.color]=t,console.log("this.fontColor : ",this.fontColor)):this.color=t,this}getGripPoints(){let t=[];return t.push(this.point1),t.push(this.point2),t}moveGripPointsAt(t,e){return 0==t?this.point1.add(e):(t=1)&&this.point2.add(e),!0}dwgIn(t){return this.onDwgIn(t),this.dwgInHelp(t,propertyDbKeys),!0}dwgOut(t){return this.onDwgOut(t),this.dwgOutHelp(t,propertyDbKeys),t}create(){return new MxDbAlignedDimension}};

package/dist/lib/MxModule/MxDbAnyLine/index.d.ts

@@ -9,8 +9,12 @@ export default class MxDbAnyLine extends MxDbEntity {
     /** 构成线段的顶点坐标集合 */
     points: THREE.Vector3[];
     getTypeName(): string;
-    create(): MxDbEntity;
+    create(): MxDbAnyLine;
     worldDraw(pWorldDraw: McGiWorldDraw): void;
+    /** 设置线段points
+     * @param points 构成线段的多个点
+    */
+    setPoints(points: THREE.Vector3[]): this;
     /** 获取线段的包围盒的中心点坐标 */
     getCenter(): THREE.Vector3;
     getGripPoints(): THREE.Vector3[];

package/dist/lib/MxModule/MxDbAnyLine/index.js

@@ -1 +1 @@
-import{createAnyLine}from"../../tools/three/index";import MxDbEntity from"../MxDbEntity";import McGiWorldDrawType from"../McGiWorldDrawType";export default class MxDbAnyLine extends MxDbEntity{constructor(){super(...arguments),this.points=[]}getTypeName(){return"MxDbAnyLine"}create(){return new MxDbAnyLine}worldDraw(e){let t=e.getMxObject();const n=createAnyLine(this.points);n.geometry.computeBoundingBox();let r=new THREE.Vector3;if(n.geometry.boundingBox.getCenter(r),e.drawEntity(n),e.getType()===McGiWorldDrawType.kSelectDraw){const o=new THREE.Vector3;n.geometry.boundingBox.getSize(o),o.addScalar(t.screenCoordLong2Doc(20));const i=o.x/2,y=o.y/2,s={x:r.x-i,y:r.y-y},x={x:r.x+i,y:r.y-y},c={x:r.x+i,y:r.y+y},d={x:r.x-i,y:r.y+y};e.drawLine(s.x,s.y,x.x,x.y),e.drawLine(x.x,x.y,c.x,c.y),e.drawLine(c.x,c.y,d.x,d.y),e.drawLine(d.x,d.y,s.x,s.y)}}getCenter(){const e=new THREE.Geometry;e.vertices=this.points;let t=new THREE.Vector3;return e.computeBoundingBox(),e.boundingBox.getCenter(t),t}getGripPoints(){return[this.getCenter()]}moveGripPointsAt(e,t){return this.points.forEach(e=>{e.add(t)}),!0}dwgIn(e){this.onDwgIn(e);let t=e.points;return this.points=[],t.forEach(e=>{this.points.push(new THREE.Vector3(e.x,e.y,e.z))}),!0}dwgOut(e){return this.onDwgOut(e),e.points=this.points,e}};
+import MxDbEntity from"../MxDbEntity";import McGiWorldDrawType from"../McGiWorldDrawType";import{Box3}from"three";const propertyDbKeys=["points"];export default class MxDbAnyLine extends MxDbEntity{constructor(){super(...arguments),this.points=[]}getTypeName(){return"MxDbAnyLine"}create(){return new MxDbAnyLine}worldDraw(t){let e=t.getMxObject();const r=(new Box3).setFromPoints(this.points);let n=new THREE.Vector3;if(r.getCenter(n),t.drawLines(this.points),t.getType()===McGiWorldDrawType.kSelectDraw){const o=new THREE.Vector3;r.getSize(o),o.addScalar(e.screenCoordLong2Doc(20));const i=o.x/2,s=o.y/2,y={x:n.x-i,y:n.y-s},x={x:n.x+i,y:n.y-s},p={x:n.x+i,y:n.y+s},c={x:n.x-i,y:n.y+s};t.drawLine(y.x,y.y,x.x,x.y),t.drawLine(x.x,x.y,p.x,p.y),t.drawLine(p.x,p.y,c.x,c.y),t.drawLine(c.x,c.y,y.x,y.y)}}setPoints(t){return this.points=t,this}getCenter(){const t=new THREE.Geometry;t.vertices=this.points;const e=new THREE.Vector3;return t.computeBoundingBox(),t.boundingBox.getCenter(e),e}getGripPoints(){return[this.getCenter()]}moveGripPointsAt(t,e){return 0===t&&this.points.forEach(t=>{t.add(e)}),!0}dwgIn(t){return this.onDwgIn(t),this.dwgInHelp(t,propertyDbKeys),!0}dwgOut(t){return this.onDwgOut(t),this.dwgOutHelp(t,propertyDbKeys),t}};

package/dist/lib/MxModule/MxDbCloudLine/index.d.ts

@@ -7,7 +7,7 @@ import MxDbEntity from '../MxDbEntity';
 export default class MxDbCloudLine extends MxDbEntity {
     private points;
     private radius;
-    private drawGeometry;
+    private cachePoint;
     getTypeName(): string;
     create(): MxDbEntity;
     /** 设置构成云线的每个圆弧半径长度
@@ -33,7 +33,7 @@ export default class MxDbCloudLine extends MxDbEntity {
      * */
     addLine(pt1: THREE.Vector3, pt2: THREE.Vector3): import("three").Vector3;
     /** 重新计算云线的的所有顶点坐标, 如绘制完云线后 重新设置了圆弧半径, 在worldDraw动态绘制时会调用该方法 */
-    reCalculateDrawGeometry(): void;
+    reCalculateDrawGeometryPoint(): THREE.Vector3[] | null;
     worldDraw(pWorldDraw: McGiWorldDraw): void;
     /**
      * 获取云线包围盒的中心点

package/dist/lib/MxModule/MxDbCloudLine/index.js

@@ -1 +1 @@
-import MxDbEntity from"../MxDbEntity";import McGiWorldDrawType from"../McGiWorldDrawType";export default class MxDbCloudLine extends MxDbEntity{constructor(){super(...arguments),this.points=[],this.radius=16,this.drawGeometry=null}getTypeName(){return"MxDbCloudLine"}create(){return new MxDbCloudLine}setRadius(t){this.radius=t,this.drawGeometry=null}getRadius(){return this.radius}clacNewArcDiameterPoint(t){if(0==this.points.length)return t;let e=this.points[this.points.length-1];const r=2*this.radius,i=e.distanceTo(t);if(i<r)return null;const n=r*(t.x-e.x)/i+e.x,s=r*(t.y-e.y)/i+e.y;return new THREE.Vector3(n,s,e.z)}createCloudArcCurvePoints(t,e,r){const i=new THREE.Vector3((t.x+e.x)/2,(t.y+e.y)/2,0);r||(r=i.distanceTo(t));const{startAngle:n,endAngle:s}=function(t,e,r){const i=2*Math.PI/360;return{startAngle:180*Math.atan2(e.y-t.y,e.x-t.x)/Math.PI*i,endAngle:180*Math.atan2(r.y-t.y,r.x-t.x)/Math.PI*i}}(i,t,e);return new THREE.ArcCurve(i.x,i.y,r,n,s,!0).getPoints(10)}addPoint(t,e){let r=this.clacNewArcDiameterPoint(t);if(r)if(this.points.push(r),e){if(this.points.length<2)return;let t=this.points[this.points.length-2];const e=this.createCloudArcCurvePoints(t,r);let i=this.drawGeometry;i||(i=new THREE.Geometry),e.forEach(t=>{null===i||void 0===i||i.vertices.push(new THREE.Vector3(t.x,t.y,0))}),this.drawGeometry=new THREE.Geometry,this.drawGeometry.vertices=i.vertices}else this.drawGeometry=null}addLine(t,e){this.addPoint(t);const r=2*this.radius;let i=this.points[this.points.length-1],n=i.distanceTo(e);const s=Math.round(n/r);for(let t=0;t<s;t++){n=i.distanceTo(e);const t=r*(e.x-i.x)/n+i.x,s=r*(e.y-i.y)/n+i.y;let o=new THREE.Vector3(t,s,e.z);this.addPoint(o),i=o}return this.points[this.points.length-1]}reCalculateDrawGeometry(){if(this.drawGeometry=new THREE.Geometry,this.points.length<2)return;let t=this.points[0],e=this.points.length;for(let r=1;r<e;r++){let e=this.points[r];this.createCloudArcCurvePoints(t,e).forEach(t=>{var e;null===(e=this.drawGeometry)||void 0===e||e.vertices.push(new THREE.Vector3(t.x,t.y,0))}),t=e}}worldDraw(t){var e;if(t.getType()===McGiWorldDrawType.kSelectDraw){if(!this.drawGeometry)return;this.drawGeometry.computeBoundingBox();const e=new THREE.Vector3;this.drawGeometry.boundingBox.getSize(e);let r=new THREE.Vector3;this.drawGeometry.boundingBox.getCenter(r);const i=e.x/2,n=e.y/2,s={x:r.x-i,y:r.y-n},o={x:r.x+i,y:r.y-n},a={x:r.x+i,y:r.y+n},h={x:r.x-i,y:r.y+n};t.drawLine(s.x,s.y,o.x,o.y),t.drawLine(o.x,o.y,a.x,a.y),t.drawLine(a.x,a.y,h.x,h.y),t.drawLine(h.x,h.y,s.x,s.y)}else{if(this.drawGeometry||this.reCalculateDrawGeometry(),0==(null===(e=this.drawGeometry)||void 0===e?void 0:e.vertices.length))return;t.drawGeometryLines(this.drawGeometry)}}getCenter(){const t=new THREE.Geometry;t.vertices=this.points;let e=new THREE.Vector3;return t.computeBoundingBox(),t.boundingBox.getCenter(e),e}getGripPoints(){return[this.getCenter()]}moveGripPointsAt(t,e){return this.points.forEach(t=>{t.add(e)}),this.drawGeometry=null,!0}dwgIn(t){this.onDwgIn(t);let e=t.points;return this.points=[],e.forEach(t=>{this.points.push(new THREE.Vector3(t.x,t.y,t.z))}),this.drawGeometry=null,this.radius=t.radius,!0}dwgOut(t){return this.onDwgOut(t),t.points=this.points,t.radius=this.radius,t}};
+import MxDbEntity from"../MxDbEntity";import McGiWorldDrawType from"../McGiWorldDrawType";const propertyDbKeys=["points","radius","cachePoint"];export default class MxDbCloudLine extends MxDbEntity{constructor(){super(...arguments),this.points=[],this.radius=16,this.cachePoint=null}getTypeName(){return"MxDbCloudLine"}create(){return new MxDbCloudLine}setRadius(t){this.radius=t}getRadius(){return this.radius}clacNewArcDiameterPoint(t){if(0==this.points.length)return t;let e=this.points[this.points.length-1];const n=2*this.radius,i=e.distanceTo(t);if(i<n)return null;const r=n*(t.x-e.x)/i+e.x,o=n*(t.y-e.y)/i+e.y;return new THREE.Vector3(r,o,e.z)}createCloudArcCurvePoints(t,e,n){const i=new THREE.Vector3((t.x+e.x)/2,(t.y+e.y)/2,0);n||(n=i.distanceTo(t));const{startAngle:r,endAngle:o}=function(t,e,n){const i=2*Math.PI/360;return{startAngle:180*Math.atan2(e.y-t.y,e.x-t.x)/Math.PI*i,endAngle:180*Math.atan2(n.y-t.y,n.x-t.x)/Math.PI*i}}(i,t,e);return new THREE.ArcCurve(i.x,i.y,n,r,o,!0).getPoints(10)}addPoint(t,e){let n=this.clacNewArcDiameterPoint(t);n&&(this.points.push(n),this.cachePoint=null,e&&(this.cachePoint=this.reCalculateDrawGeometryPoint()))}addLine(t,e){this.addPoint(t);const n=2*this.radius;let i=this.points[this.points.length-1],r=i.distanceTo(e);const o=Math.round(r/n);for(let t=0;t<o;t++){r=i.distanceTo(e);const t=n*(e.x-i.x)/r+i.x,o=n*(e.y-i.y)/r+i.y;let s=new THREE.Vector3(t,o,e.z);this.addPoint(s),i=s}return this.points[this.points.length-1]}reCalculateDrawGeometryPoint(){if(this.points.length<2)return null;let t=this.points[0],e=this.points.length,n=[];for(let i=1;i<e;i++){let e=this.points[i];this.createCloudArcCurvePoints(t,e).forEach(t=>{n.push(new THREE.Vector3(t.x,t.y,0))}),t=e}return n}worldDraw(t){if(this.cachePoint||(this.cachePoint=this.reCalculateDrawGeometryPoint()),this.cachePoint)if(t.getType()===McGiWorldDrawType.kSelectDraw){let e=new THREE.Geometry;this.cachePoint.forEach(t=>{e.vertices.push(new THREE.Vector3(t.x,t.y,0))}),e.computeBoundingBox();const n=new THREE.Vector3;e.boundingBox.getSize(n);let i=new THREE.Vector3;e.boundingBox.getCenter(i);const r=n.x/2,o=n.y/2,s={x:i.x-r,y:i.y-o},c={x:i.x+r,y:i.y-o},a={x:i.x+r,y:i.y+o},h={x:i.x-r,y:i.y+o};t.drawLine(s.x,s.y,c.x,c.y),t.drawLine(c.x,c.y,a.x,a.y),t.drawLine(a.x,a.y,h.x,h.y),t.drawLine(h.x,h.y,s.x,s.y)}else t.drawLines(this.cachePoint)}getCenter(){const t=new THREE.Geometry;t.vertices=this.points;let e=new THREE.Vector3;return t.computeBoundingBox(),t.boundingBox.getCenter(e),e}getGripPoints(){return[this.getCenter()]}moveGripPointsAt(t,e){return this.points.forEach(t=>{t.add(e)}),this.cachePoint=null,!0}dwgIn(t){return this.onDwgIn(t),this.dwgInHelp(t,propertyDbKeys),!0}dwgOut(t){return this.onDwgOut(t),this.dwgOutHelp(t,propertyDbKeys),t}};

package/dist/lib/MxModule/MxDbEntity/index.d.ts

@@ -1,6 +1,16 @@
-/** @module MxDbEntity*/
 import McGiWorldDraw from '../McGiWorldDraw';
 import MxDrawObject from '../MxDrawObject';
+import { MxColorType, UnstableColor } from '../MxType';
+export declare enum DataType {
+    Default = 0,
+    Color = 1,
+    Vector2 = 2,
+    Vector3 = 3,
+    Vector4 = 4,
+    Matrix3 = 5,
+    Matrix4 = 6
+}
+export declare const MXDBDATATYPE = "datatype";
 /**
  * MxDbEntity 用于构建一个自定义对象的抽象类(该类无法实例化 请通过继承的方式对其抽象方法进行实现)
  * @description MxDbEntity 属于 abstract class(抽象类) 主要用途是通过继承这个类实现一个用于动态绘制的图形对象
@@ -25,7 +35,7 @@ export default abstract class MxDbEntity {
     /**
      * 颜色值
      * */
-    color: number | string | THREE.Color;
+    color: UnstableColor;
     /**
      * 显示顺序
      * */
@@ -44,12 +54,12 @@ export default abstract class MxDbEntity {
     userData: {
         [key: string]: any;
     };
-    private sGuid;
-    private dLineWidth;
-    private lineWidthByPixels;
-    private dDashArray;
-    private dDashRatio;
-    private layer;
+    sGuid: string;
+    dLineWidth: number;
+    lineWidthByPixels: boolean;
+    dDashArray: number;
+    dDashRatio: number;
+    layer: string;
     private _event;
     abstract getTypeName(): string;
     initGuid(guid: string): void;
@@ -73,7 +83,10 @@ export default abstract class MxDbEntity {
     abstract moveGripPointsAt(index: number, offset: THREE.Vector3): boolean;
     /**
      * 自定义对象数据输入，辅助函数.
-     * @param
+     * @param obj 数据对象
+     * @param aryProp 属性名称列表
+     * @param hooks.getVal 交互数据输入钩子函数 return null | undefined 默认深拷贝 ; return Value 返回数据
+     * @param hooks.getCacheVal 归档数据构子函数 return null | undefined 默认深拷贝 ; return Value 返回数据
      * @returns boolean
      * @example
      * ``` typescript
@@ -85,7 +98,10 @@ export default abstract class MxDbEntity {
      *  }
      * ```
      */
-    protected dwgInHelp(obj: any, aryProp: string[]): boolean;
+    protected dwgInHelp<T extends string[]>(obj: any, aryProp: T, hooks?: {
+        getVal?: (v: any) => any;
+        getCacheVal?: (v: any) => any;
+    }): boolean;
     /**
      * 自定义对象数据输出 辅助函数.
      * @param
@@ -104,10 +120,10 @@ export default abstract class MxDbEntity {
     protected callEvent(sEventName: string, param?: any): any;
     /**
      * 新创建一个自定义对象 (默认调用该对象的构造函数来创建新的对象)
-     * @param
+     * @param { T } options
      * @returns MxDbEntity
      */
-    create(): MxDbEntity;
+    create(options?: {}): any;
     /**
      * 自定义对象数据输入，必须要实现该函数
      * @param
@@ -140,10 +156,10 @@ export default abstract class MxDbEntity {
     abstract dwgOut(obj: any): object;
     /**
      * 自定义实体的矩阵 坐标变换 (需要重写该方法实现如果通过矩阵对自定义实体进行操作 默认不会进行任何操作)
-     * @param mat THREE.Matrix4 变化矩阵
+     * @param _mat THREE.Matrix4 变化矩阵
      * @returns void
      */
-    transformBy(mat: THREE.Matrix4): void;
+    transformBy(_mat: THREE.Matrix4): void;
     /**
      * 返回对象最小外包.
      * @param
@@ -193,18 +209,18 @@ export default abstract class MxDbEntity {
      * @param color 颜色值
      * @returns boolean
      */
-    setColor(color: number | string | THREE.Color): void;
+    setColor(color: MxColorType): this;
     /**
      * 得到颜色
      * @returns boolean
      */
-    getColor(): number | string | THREE.Color;
+    getColor(): MxColorType;
     /**
      * 复制克隆对象。
      * @param type {@link MxType.MxCloneType} 传入参数区分是正常拷贝还是动态拷贝
      * @returns MxDbEntity
      */
-    clone(type?: number): MxDbEntity;
+    clone(type?: number): any;
     /**
      * 自定义对象内部数据输入同步（重写实现dwgIn抽象方法时 必须在实现中调用 this.onDwgIn(obj)）
      * @param obj dwgIn抽象方法的回调数据
@@ -234,7 +250,7 @@ export default abstract class MxDbEntity {
      * 设置线宽是否随像素
      * @returns number
      */
-    setLineWidthByPixels(isPixels: boolean): void;
+    setLineWidthByPixels(isPixels: boolean): this;
     /**
      * 线宽是否随像素
      * @returns number
@@ -244,7 +260,7 @@ export default abstract class MxDbEntity {
      * 设置线宽
      * @returns number
      */
-    setLineWidth(dLineWidth: number): void;
+    setLineWidth(dLineWidth: number): this;
     /**
      * 得到线宽
      * @returns number
@@ -260,22 +276,22 @@ export default abstract class MxDbEntity {
      * dDashRatio确定虚线，与实线的比率.
      * @returns number
      */
-    setDashLen(dashLen: number): void;
+    setDashLen(dashLen: number): this;
     /**
      * 设置虚线，与实线的比率
      * @returns number
      */
-    setDashRatio(dDashRatio: number): void;
+    setDashRatio(dDashRatio: number): this;
     /**
      * 设置实线虚线总段数 = 1 / dashArray
      * @returns number
      */
-    setDashArray(dDashArray: number): void;
+    setDashArray(dDashArray: number): this;
     /**
      * 设置虚线数据
      * @returns number
      */
-    setDash(dDashArray: number, dDashRatio: number): void;
+    setDash(dDashArray: number, dDashRatio: number): this;
     /**
      * 得到虚线数据
      * @returns number
@@ -285,7 +301,7 @@ export default abstract class MxDbEntity {
      * 设置虚线显示。并初始化一个默认值。
      * @returns number
      */
-    setDashLineDisplay(isDashLine: boolean): void;
+    setDashLineDisplay(isDashLine: boolean): this;
     /**
      * 是否虚线显示
      * @returns number

package/dist/lib/MxModule/MxDbEntity/index.js

@@ -1 +1 @@
-import MxType from"../MxType";import store from"../store/store";export default class MxDbEntity{constructor(){this.color=16777215,this.renderOrder=30,this.opacity=1,this.visible=!0,this.userData={},this.sGuid="",this.dLineWidth=0,this.lineWidthByPixels=!0,this.dDashArray=0,this.dDashRatio=0,this.layer="",this._event={}}initGuid(t){this.sGuid.length>0?console.log("mx: init guid error"):this.sGuid=t}dwgInHelp(t,e){const i=t=>t instanceof Array?s(t):"object"==typeof t?(t=>!!(t.isVector3||t.isVector2||t.isVector4))(t)?t.clone():2==t.datatype?new THREE.Vector2(t.x,t.y):3==t.datatype?new THREE.Vector3(t.x,t.y,t.z):4==t.datatype?new THREE.Vector4(t.x,t.y,t.z,t.w):r(t,Object.create(null)):t,s=t=>t.map(t=>i(t)),r=(t,e)=>{for(let s in t)t[s]&&(e[s]=i(t[s]));return e};let h=this;return e.forEach(e=>{t[e]&&(h[e]=i(t[e]))}),!0}dwgOutHelp(t,e){let i=this;return e.forEach(e=>{t[e]=i[e];let s=(t=>t.isVector3?3:t.isVector2?2:t.isVector4?4:0)(i[e]);s&&(t[e].datatype=s)}),t}callEvent(t,e){return void 0!=this._event[t]?this._event[t](e):void 0}create(){return new(0,this.constructor)}transformBy(t){}getGeomExtents(){return null}getImp(){return this.MxDbEntityImp}setNeedUpdateDisplay(t){let e=this.getImp();return!!e&&(t?e.upDisplay():e.setDirtyDisplay(!0),!0)}getMxObject(){let t=this.getImp();return t?t.getMxObject():null}onViewChange(){return!1}objectId(){let t=this.getImp();return t?t.objectId():0}erase(){let t=this.getImp();return!!t&&t.erase()}setLayer(t){let e=this.getImp();e&&e.nodifySetLayer(),this.layer=t}getLayer(){return this.layer}setColor(t){this.color=t}getColor(){return this.color}clone(t){let e=this.create(),i={type:t||MxType.MxCloneType.kClone};return this.dwgOut(i),e.dwgIn(i),e.sGuid="",e}onDwgIn(t){this.color=t.color,this.renderOrder=t.renderOrder,this.opacity=t.opacity,this.visible=t.visible,t.userData?this.userData=JSON.parse(JSON.stringify(t.userData)):this.userData={},this.dLineWidth=t.lineWidth,this.lineWidthByPixels=t.lineWidthByPixels,this.dDashArray=t.dashArray,this.dDashRatio=t.dashRatio,this.layer=t.layer,t.guid&&(this.sGuid=t.guid)}onDwgOut(t){t.color=this.color,t.renderOrder=this.renderOrder,t.opacity=this.opacity,t.visible=this.visible,Object.keys(this.userData).length>0&&(t.userData=this.userData),t.lineWidth=this.dLineWidth,t.lineWidthByPixels=this.lineWidthByPixels,t.dashArray=this.dDashArray,t.dashRatio=this.dDashRatio,t.layer=this.layer,t.guid=this.sGuid}rxInit(){store.state.MxFun.initMxDbEntityType(this)}setRenderOrder(t){this.renderOrder=t}getRenderOrder(){return this.renderOrder}setLineWidthByPixels(t){this.lineWidthByPixels=t}getLineWidthByPixels(){return this.lineWidthByPixels}setLineWidth(t){this.dLineWidth=t}getLineWidth(){return this.dLineWidth}getGetLength(){return 0}setDashLen(t){let e=this.getGetLength();if(e<1e-6||t<1e-6)return;let i=Math.floor(e/t);i<1e-6&&(this.dDashRatio=0),this.dDashArray=1/i}setDashRatio(t){this.dDashRatio=t}setDashArray(t){this.dDashArray=t}setDash(t,e){this.dDashArray=t,this.dDashRatio=e,0==this.dLineWidth&&(this.dLineWidth=6,this.lineWidthByPixels=!0)}getDash(){return{dDashArray:this.dDashArray,dDashRatio:this.dDashRatio}}setDashLineDisplay(t){t?(this.dDashArray<1e-5&&(this.dDashArray=.03),this.dDashRatio<1e-5&&(this.dDashRatio=.1),0==this.dLineWidth&&(this.dLineWidth=6,this.lineWidthByPixels=!0)):(this.dDashArray=0,this.dDashRatio=0)}isDashLineDisplay(){return this.dDashArray>0&&this.dDashRatio>0}guid(){return this.sGuid}onEndGripEidt(){this.callEvent("onEndGripEidt")}onStartGripEidt(){return this.callEvent("onStartGripEidt")}addEvent(t,e){this._event[t]=e}removeEvent(t){this._event[t]=void 0}};
+import _ from"lodash";import MxType from"../MxType";import store from"../store";export var DataType;!function(t){t[t.Default=0]="Default",t[t.Color=1]="Color",t[t.Vector2=2]="Vector2",t[t.Vector3=3]="Vector3",t[t.Vector4=4]="Vector4",t[t.Matrix3=5]="Matrix3",t[t.Matrix4=6]="Matrix4"}(DataType||(DataType={}));export const MXDBDATATYPE="datatype";const propertyDbKeys=["color","renderOrder","opacity","visible","userData","sGuid","dLineWidth","lineWidthByPixels","dDashArray","dDashRatio","layer"];export default class MxDbEntity{constructor(){this.color=16777215,this.renderOrder=30,this.opacity=1,this.visible=!0,this.userData={},this.sGuid="",this.dLineWidth=0,this.lineWidthByPixels=!0,this.dDashArray=0,this.dDashRatio=0,this.layer="",this._event={}}initGuid(t){this.sGuid.length>0?console.log("mx: init guid error"):this.sGuid=t}dwgInHelp(t,e,i){let r=this;const s=t.type===MxType.MxCloneType.kMxFileClone,a=t=>{if(!t)return;const{value:e,[MXDBDATATYPE]:r}=t;switch(r){case DataType.Color:return new THREE.Color(...e);case DataType.Vector2:return new THREE.Vector2(...e);case DataType.Vector3:return new THREE.Vector3(...e);case DataType.Vector4:return new THREE.Vector4(...e);case DataType.Matrix3:return(new THREE.Matrix3).fromArray(e);case DataType.Matrix4:return(new THREE.Matrix4).fromArray(e)}return i&&i.getCacheVal?i.getCacheVal(t):void 0};function h(t){return t instanceof THREE.Color||t instanceof THREE.Vector2||t instanceof THREE.Vector3||t instanceof THREE.Vector4||t instanceof THREE.Matrix3||t instanceof THREE.Matrix4?t.clone():i&&i.getVal?i.getVal(t):void 0}return e.forEach(e=>{r[e]=_.cloneDeepWith(t[e],s?a:h)}),!0}dwgOutHelp(t,e){const i=t=>t instanceof THREE.Color?{[MXDBDATATYPE]:DataType.Color,value:t.toArray()}:t instanceof THREE.Vector2?{[MXDBDATATYPE]:DataType.Vector2,value:t.toArray()}:t instanceof THREE.Vector3?{[MXDBDATATYPE]:DataType.Vector3,value:t.toArray()}:t instanceof THREE.Vector4?{[MXDBDATATYPE]:DataType.Vector4,value:t.toArray()}:t instanceof THREE.Matrix3?{[MXDBDATATYPE]:DataType.Matrix3,value:t.toArray()}:t instanceof THREE.Matrix4?{[MXDBDATATYPE]:DataType.Matrix4,value:t.toArray()}:void 0;let r=this;const s=t.type===MxType.MxCloneType.kMxFileClone;return e.forEach(e=>{t[e]=s?_.cloneDeepWith(r[e],i):r[e]}),t}callEvent(t,e){return void 0!=this._event[t]?this._event[t](e):void 0}create(t){return new(0,this.constructor)(t)}transformBy(t){}getGeomExtents(){return null}getImp(){return this.MxDbEntityImp}setNeedUpdateDisplay(t){let e=this.getImp();return!!e&&(t?e.upDisplay():e.setDirtyDisplay(!0),!0)}getMxObject(){let t=this.getImp();return t?t.getMxObject():null}onViewChange(){return!1}objectId(){let t=this.getImp();return t?t.objectId():0}erase(){let t=this.getImp();return!!t&&t.erase()}setLayer(t){let e=this.getImp();e&&e.nodifySetLayer(),this.layer=t}getLayer(){return this.layer}setColor(t){return this.color=t,this}getColor(){return this.color||16777215}clone(t){let e=this.create(),i={type:t||MxType.MxCloneType.kClone};return this.dwgOut(i),e.dwgIn(i),e.sGuid="",e}onDwgIn(t){this.color=t.color,this.renderOrder=t.renderOrder,this.opacity=t.opacity,this.visible=t.visible,t.userData?this.userData=JSON.parse(JSON.stringify(t.userData)):this.userData={},this.dLineWidth=t.lineWidth,this.lineWidthByPixels=t.lineWidthByPixels,this.dDashArray=t.dashArray,this.dDashRatio=t.dashRatio,this.layer=t.layer,t.guid&&(this.sGuid=t.guid)}onDwgOut(t){t.color=this.color,t.renderOrder=this.renderOrder,t.opacity=this.opacity,t.visible=this.visible,t.lineWidth=this.dLineWidth,t.lineWidthByPixels=this.lineWidthByPixels,t.dashArray=this.dDashArray,t.dashRatio=this.dDashRatio,t.layer=this.layer,t.guid=this.sGuid,Object.keys(this.userData).length>0&&(t.userData=this.userData)}rxInit(){store.state.MxFun.initMxDbEntityType(this)}setRenderOrder(t){this.renderOrder=t}getRenderOrder(){return this.renderOrder}setLineWidthByPixels(t){return this.lineWidthByPixels=t,this}getLineWidthByPixels(){return this.lineWidthByPixels}setLineWidth(t){return this.dLineWidth=t,this}getLineWidth(){return this.dLineWidth}getGetLength(){return 0}setDashLen(t){let e=this.getGetLength();if(e<1e-6||t<1e-6)return this;let i=Math.floor(e/t);return i<1e-6&&(this.dDashRatio=0),this.dDashArray=1/i,this}setDashRatio(t){return this.dDashRatio=t,this}setDashArray(t){return this.dDashArray=t,this}setDash(t,e){return this.dDashArray=t,this.dDashRatio=e,0==this.dLineWidth&&(this.dLineWidth=6,this.lineWidthByPixels=!0),this}getDash(){return{dDashArray:this.dDashArray,dDashRatio:this.dDashRatio}}setDashLineDisplay(t){return t?(this.dDashArray<1e-5&&(this.dDashArray=.03),this.dDashRatio<1e-5&&(this.dDashRatio=.1),0==this.dLineWidth&&(this.dLineWidth=6,this.lineWidthByPixels=!0)):(this.dDashArray=0,this.dDashRatio=0),this}isDashLineDisplay(){return this.dDashArray>0&&this.dDashRatio>0}guid(){return this.sGuid}onEndGripEidt(){this.callEvent("onEndGripEidt")}onStartGripEidt(){return this.callEvent("onStartGripEidt")}addEvent(t,e){this._event[t]=e}removeEvent(t){this._event[t]=void 0}};

package/dist/lib/MxModule/MxDbGradientLine/index.d.ts

@@ -0,0 +1,62 @@
+import type McGiWorldDraw from "../McGiWorldDraw";
+import MxDbEntity from "../MxDbEntity";
+/***
+ * 渐变线段
+ * @augments MxDbEntity
+ * */
+export default class MxDbGradientLine extends MxDbEntity {
+    /** 点集合 */
+    points: THREE.Vector3[];
+    /** 渐变色 */
+    colors: (THREE.Color | string | number)[];
+    /**
+     * 定义线两端的样式
+     *  @access public
+     * */
+    linecap: 'butt' | 'round' | 'square';
+    /**
+     * 定义线连接节点的样式
+     * @access public
+     * */
+    linejoin: 'round' | 'bevel' | 'miter';
+    /**
+     * 定义线形状是否闭合，从而创建多边形或斑点
+     * @access public
+     * */
+    closed: boolean;
+    /**
+     * 曲线的类型: chordal: 弦线、 centripetal： 向心线、 catmullrom: Catmull-Rom曲线 默认：centripetal
+     * @access public
+     * */
+    curveType: 'chordal' | 'centripetal' | 'catmullrom';
+    /**
+     *  当curveType为catmullrom时，定义catmullrom的张力。 张力: 数值越大，曲线越弯曲。值为0将导致没有插值。默认值是0
+     *  @access public
+     *
+    */
+    tension: number;
+    /**
+     * 如果没有提供张力，但bezierType赋值为'quadratic'| 'cubic'，则使用点集合中的点绘制一条bezier线  默认: undefined
+     * @summary quadratic: 三维二次贝塞尔曲线 => 起点 – 中间的控制点 – 终点
+     * @summary cubic: 三维三次贝塞尔曲线 => 起点v – 第一个控制点 – 第二个控制点 – 终点
+    */
+    bezierType: 'quadratic' | 'cubic' | undefined;
+    protected curve?: THREE.CatmullRomCurve3 | THREE.CurvePath<THREE.Vector3>;
+    create(): MxDbGradientLine;
+    getTypeName(): string;
+    setPoints(points: THREE.Vector3[]): this;
+    setColors(colors: (THREE.Color | string | number)[]): this;
+    addColor(color: THREE.Color): this;
+    setLinecap(linecap: "butt" | "round" | "square"): void;
+    setClosed(closed: boolean): void;
+    setCurveType(curveType: "chordal" | "centripetal" | "catmullrom"): void;
+    setTension(tension: number): void;
+    setBezierType(bezierType: 'quadratic' | 'cubic'): void;
+    worldDraw(pWorldDraw: McGiWorldDraw): void;
+    getGripPoints(): THREE.Vector3[];
+    getPoints(): import("three").Vector3[];
+    moveGripPointsAt(index: number, offset: THREE.Vector3): boolean;
+    move(index: number, offset: THREE.Vector3): this;
+    dwgIn(obj: any): boolean;
+    dwgOut(obj: any): object;
+}

package/dist/lib/MxModule/MxDbGradientLine/index.js

@@ -0,0 +1 @@
+import McGiWorldDrawType from"../McGiWorldDrawType";import MxDbEntity from"../MxDbEntity";function createCurvePath(e=!1){const t=new THREE.CurvePath;return t.autoClose=e,t}function createQuadraticBezierCurve3(e){let t=0,r=[];for(let i=0;i<e.length;i++){const i=e[t],n=e[++t]||i,s=e[++t]||n;if(!i||!n||!s)break;r.push(new THREE.QuadraticBezierCurve3(i,n,s))}return r}function createCubicBezierCurve3(e){let t=0,r=[];for(let i=0;i<e.length;i++){const i=e[t],n=e[++t]||i,s=e[++t]||n,o=e[++t]||s;if(!(i&&n&&s&&o))break;r.push(new THREE.CubicBezierCurve3(i,n,s,o))}return r}function getCurveColorGradientData(e,t){let r=0,i=[],n=[];const s=Number((1/t.length).toFixed(2));let o=new THREE.Color(t[r]),c=new THREE.Color(t[r+1]);for(let u=0,l=e.length;u<l;u++){const l=e[u],a=u/e.length;a/r>=s&&(r++,c.set(new THREE.Color(t[r]||t[--r]))),i.push(l.x,l.y,l.z||0),o.lerpHSL(c,a),n.push(o.r,o.g,o.b)}return[i,n]}function getColorGradientData(e,t){let r=[],i=[];for(let n=0,s=e.length;n<s;n++){const s=e[n];r.push(s.x,s.y,s.z||0);const o=new THREE.Color(t[n]);i.push(o.r,o.g,o.b)}return[r,i]}const propertyDbKeys=["points","colors","linecap","linejoin","closed","curveType","tension","bezierType"];export default class MxDbGradientLine extends MxDbEntity{constructor(){super(...arguments),this.linecap="round",this.linejoin="round",this.closed=!1,this.curveType="centripetal",this.tension=0,this.bezierType="quadratic"}create(){return new MxDbGradientLine}getTypeName(){return"MxDbGradientLine"}setPoints(e){return this.points=e,this}setColors(e){return this.colors=e,this}addColor(e){return this.colors.push(e),this}setLinecap(e){this.linecap=e}setClosed(e){this.closed=e}setCurveType(e){this.curveType=e}setTension(e){this.tension=e}setBezierType(e){this.bezierType=e}worldDraw(e){const t=e.getType();let r=this.getPoints();const{closed:i,curveType:n,tension:s,bezierType:o}=this,c=new THREE.BufferGeometry;let u=[],l=[];const a="cubic"===o,h="quadratic"===o;0!==s?this.curve=new THREE.CatmullRomCurve3(r,i,n,s):o?(this.curve=createCurvePath(i),a?this.curve.curves=createCubicBezierCurve3(r):h?this.curve.curves=createQuadraticBezierCurve3(r):this.curve=void 0):this.curve=void 0,this.curve&&(r=this.curve.getPoints(50));const{linecap:p,linejoin:d}=this;let v;if(this.colors&&this.colors.length>1){const e=i?[...this.colors,this.colors[0]]:this.colors;[u,l]=this.curve?getCurveColorGradientData(r,e):getColorGradientData(r,e),c.setAttribute("position",new THREE.Float32BufferAttribute(u,3)),c.setAttribute("color",new THREE.Float32BufferAttribute(l,3)),v=new THREE.LineBasicMaterial({vertexColors:THREE.VertexColors,linecap:p,linejoin:d})}else c.setFromPoints(r),v=new THREE.LineBasicMaterial({color:this.color,linecap:p,linejoin:d});const E=i?new THREE.LineLoop(c,v):new THREE.Line(c,v);if(e.drawEntity(E),(t===McGiWorldDrawType.kSelectDraw||t===McGiWorldDrawType.kDynDragDraw)&&this.curve){let t=this.getPoints();const r=e.getLineWidth();e.setLineWidth(1),e.drawLines(t),e.setLineWidth(r)}}getGripPoints(){return this.getPoints()}getPoints(){return this.closed?[...this.points,this.points[0]]:this.points}moveGripPointsAt(e,t){return this.move(e,t),!0}move(e,t){return this.points[e].add(t),this}dwgIn(e){return this.dwgInHelp(e,propertyDbKeys),this.curve=e.curve,!0}dwgOut(e){return this.dwgOutHelp(e,propertyDbKeys),e.curve=this.curve,e}};

package/dist/lib/MxModule/MxDbSVG/index.d.ts

@@ -74,14 +74,14 @@ export default class MxDbSVG extends MxDbEntity {
     private calcSvgPosition;
     dwgIn(obj: any): boolean;
     dwgOut(obj: any): object;
-    create(): MxDbEntity;
+    create(): MxDbSVG;
     transformBy(mat: THREE.Matrix4): void;
     getTypeName(): string;
     /**
      * 设置颜色
      * @param color 颜色值
      * */
-    setColor(color: number | string | THREE.Color): void;
+    setColor(color: number | string | THREE.Color): this;
     /**
      * 设置svg对象
      * */

package/dist/lib/MxModule/MxDbSVG/index.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,s,e,i){return new(e||(e=Promise))(function(o,r){function g(t){try{h(i.next(t))}catch(t){r(t)}}function n(t){try{h(i.throw(t))}catch(t){r(t)}}function h(t){var s;t.done?o(t.value):(s=t.value,s instanceof e?s:new e(function(t){t(s)})).then(g,n)}h((i=i.apply(t,s||[])).next())})};import MxDbEntity from"../MxDbEntity";import MxDbSVGText from"../MxDbSVGText";import MxFun from"../MxFun";import MxThreeJS from"../MxThreeJS";import MxType from"../MxType";export default class MxDbSVG extends MxDbEntity{constructor(){super(...arguments),this.svgPos=new THREE.Vector3,this.svg=null,this.svgPath="",this.svgSize=new THREE.Vector2(50,50),this.svgAlignmentRatio=new THREE.Vector2(0,0),this.svgRotate=0,this.svgReverse=!1,this.svgMirror=!1,this.svgChildColor=[],this.svgMargin=new THREE.Vector2(0,0),this.isSvgDirtyLocation=!1,this.isLoadFromPath=!0,this.aryText=[],this.svgBoxSize=null,this.fixedSize=!1,this.useSvgColor=!1}setSvgChildColor(t){if(this.svgChildColor=t,!this.useSvgColor&&this.svg){let t=new THREE.Color(this.getColor()),s=0,e=this;this.svg.traverse(function(i){i.material&&(s<e.svgChildColor.length?i.material.color=new THREE.Color(e.svgChildColor[s]):i.material.color=t,s++)}),this.setNeedUpdateDisplay(!0)}}getSvgChildColor(){return this.svgChildColor}calcVewSize(t){let s=this.svgSize.x,e=this.svgSize.y;return e<=0&&(e=this.svgBoxSize?this.svgBoxSize.y/this.svgBoxSize.x*s:s),this.fixedSize&&(s=t.screenCoordLong2Doc(s),e=t.screenCoordLong2Doc(e)),[s,e]}worldDraw(t){let s=t.getMxObject();this.calcSvgPosition(s);let[e,i]=this.calcVewSize(s),o=new THREE.Matrix4;o.makeScale(this.svgMirror?-1:1,this.svgReverse?-1:1,1);let r=new THREE.Matrix4;r.makeRotationZ(this.svgRotate);let g=new THREE.Matrix4,n=new THREE.Vector3(this.svgPos.x-e*this.svgAlignmentRatio.x,this.svgPos.y-i*this.svgAlignmentRatio.y,0);g.makeTranslation(n.x,n.y,n.z),r.multiply(o),r.premultiply(g);let h=new THREE.Vector3(0,0,0),l=new THREE.Vector3(e,0,0),a=new THREE.Vector3(e,i,0),x=new THREE.Vector3(0,i,0);h.applyMatrix4(r),l.applyMatrix4(r),a.applyMatrix4(r),x.applyMatrix4(r);let v=a.clone().add(h.clone().sub(a).multiplyScalar(.5));if(this.aryText.forEach(i=>{if(i.txt.length>0){let o=new THREE.Vector3(i.txtPos.x,i.txtPos.y,0);this.fixedSize&&(i.txtPos.x>0?o.x=this.svgPos.x+s.screenCoordLong2Doc(i.txtPos.x):o.x=this.svgPos.x-s.screenCoordLong2Doc(i.txtPos.x),i.txtPos.y>0?o.y=this.svgPos.y+s.screenCoordLong2Doc(i.txtPos.y):o.y=this.svgPos.y-s.screenCoordLong2Doc(i.txtPos.y));let r=void 0;i.color&&(r=t.getColor(),t.setColor(i.color));let g=i.txtHeight;if(this.fixedSize&&(g=s.screenCoordLong2Doc(i.txtHeight)),i._txtObject=t.drawText(i.txt,g,0,o),i._txtAspectRatio=-1,r&&t.setColor(r),i.drawConnectingLine){let s=v.clone().sub(o);if(s.length()>i.txtHeight+e){s.normalize();let r=v.clone().sub(s.clone().multiplyScalar(e)),g=o.clone().add(s.clone().multiplyScalar(i.txtHeight));t.drawLine(r,g)}}}}),1==t.getType()){if(this.svg)t.drawEntity(this.svg);else if(this.svgPath.length>0&&this.isLoadFromPath){let e=this,i=t.getMxObject();MxThreeJS.loadSVG(this.svgPath,void 0,o=>{if(o){let r=o;if(r.boxSize)e.svgBoxSize=r.boxSize.clone();else{let t=(new THREE.Box3).setFromObject(o);e.svgBoxSize||(e.svgBoxSize=new THREE.Vector3),e.svgBoxSize.x=t.max.x-t.min.x,e.svgBoxSize.y=t.max.y-t.min.y}let[g,n]=e.calcVewSize(s);e.svgBoxSize&&(o.scale.x=g/e.svgBoxSize.x,o.scale.y=n/e.svgBoxSize.y),o.scale.z=o.scale.x,e.svgReverse&&(o.scale.y*=-1),e.svgMirror&&(o.scale.x*=-1),o.rotateZ(e.svgRotate),e.isSvgDirtyLocation=!0;let h=new THREE.Color(t.getColor()),l=0;o.traverse(function(t){t.material&&(t.material=t.material.clone(),t.material.transparent=!0,t.material.depthTest=!1,e.useSvgColor||(l<e.svgChildColor.length?t.material.color=new THREE.Color(e.svgChildColor[l]):t.material.color=h),l++)}),e.svg=o,e.setNeedUpdateDisplay(),i.updateDisplay()}else console.log("mx LoadSVG:"+e.svgPath+" failed");e.isLoadFromPath=!1})}t.drawSelectLine(h,a),t.drawSelectLine(l,x),t.drawSelectLine(h,l),t.drawSelectLine(l,a),t.drawSelectLine(a,x),t.drawSelectLine(x,h)}else t.drawLine(h,l),t.drawLine(l,a),t.drawLine(a,x),t.drawLine(x,h)}setSvgPath(t,s=!1){return __awaiter(this,void 0,void 0,function*(){this.svgPath=t,this.svg=null,this.isLoadFromPath=!0,this.svgBoxSize=null,s&&(yield MxThreeJS.loadSVG(t))})}getSvgPath(){return this.svgPath}setSvgPostion(t){this.svgPos=t.clone(),this.isSvgDirtyLocation=!0}getSvgPostion(){return this.svgPos}setSvgSize(t){this.svgSize=t,this.isSvgDirtyLocation=!0}getSvgSize(){return this.svgSize}setSvgAlignmentRatio(t){this.svgAlignmentRatio=t,this.isSvgDirtyLocation=!0}getSvgAlignmentRatio(){return this.svgAlignmentRatio}getText(t){return t<this.aryText.length?this.aryText[t]:null}addText(t){this.aryText.push(t)}getGripPoints(){let t=[];t.push(this.svgPos);let s=0;for(;s<this.aryText.length;s++){let e=this.aryText[s];if(e.move){let s=new THREE.Vector3(e.txtPos.x,e.txtPos.y,0);if(this.fixedSize){let t=MxFun.getCurrentDraw();e.txtPos.x>0?s.x=this.svgPos.x+t.screenCoordLong2Doc(e.txtPos.x):s.x=this.svgPos.x-t.screenCoordLong2Doc(e.txtPos.x),e.txtPos.y>0?s.y=this.svgPos.y+t.screenCoordLong2Doc(e.txtPos.y):s.y=this.svgPos.y-t.screenCoordLong2Doc(e.txtPos.y)}t.push(s)}}return t}moveGripPointsAt(t,s){if(0==t)this.svgPos.add(s),this.fixedSize||this.aryText.forEach(t=>{t.txtPos.add(s)});else if(t-1>=0&&t-1<this.aryText.length){let e=this.aryText[t-1];if(e.move)if(this.fixedSize){let t=MxFun.getCurrentDraw();e.txtPos.x+=t.docCoordLong2Screen(s.x),e.txtPos.y+=t.docCoordLong2Screen(s.y)}else e.txtPos.add(s)}return this.isSvgDirtyLocation=!0,!0}calcSvgPosition(t){if(!this.svg||!this.isSvgDirtyLocation)return;this.isSvgDirtyLocation=!1;let[s,e]=this.calcVewSize(t);this.svg.position.x=this.svgPos.x-s*this.svgAlignmentRatio.x-this.svgMargin.x*s,this.svg.position.y=this.svgPos.y-e*this.svgAlignmentRatio.y-this.svgMargin.y*e}dwgIn(t){this.onDwgIn(t),this.fixedSize=t.fixedSize,this.fixedSize?this.svg=null:t.type==MxType.MxCloneType.kClone&&t.svg&&(this.svg=t.svg.clone()),this.svgPos.copy(t.svgPos),this.svgPath=t.svgPath.substr(0),this.svgSize.copy(t.svgSize),this.svgAlignmentRatio.copy(t.svgAlignmentRatio),this.isSvgDirtyLocation=!0,this.svg||(this.isLoadFromPath=!0),this.svgBoxSize=null;let s=t.txts;return this.aryText=[],s.forEach(t=>{let s=new MxDbSVGText;s.txt=t.txt,s.txtHeight=t.txtHeight,s.txtPos.copy(t.txtPos),s.move=t.move,s.drawConnectingLine=t.drawConnectingLine,this.aryText.push(s)}),this.svgRotate=t.svgRotate,this.useSvgColor=t.useSvgColor,this.svgReverse=t.svgReverse,this.svgMirror=t.svgMirror,this.svgMargin=t.svgMargin,t.svgChildColor?this.svgChildColor=t.svgChildColor:this.svgChildColor=[],!0}dwgOut(t){return this.onDwgOut(t),t.type==MxType.MxCloneType.kClone&&(t.svg=this.svg),t.svgPath=this.svgPath,t.svgPos=this.svgPos,t.svgSize=this.svgSize,t.svgAlignmentRatio=this.svgAlignmentRatio,t.txts=[],this.aryText.forEach(s=>{let e={txtPos:s.txtPos,txt:s.txt,txtHeight:s.txtHeight,color:s.color,_txtAspectRatio:s._txtAspectRatio,move:s.move,drawConnectingLine:s.drawConnectingLine};t.txts.push(e)}),t.fixedSize=this.fixedSize,t.svgRotate=this.svgRotate,t.useSvgColor=this.useSvgColor,t.svgReverse=this.svgReverse,t.svgMirror=this.svgMirror,t.svgMargin=this.svgMargin,t.svgChildColor=this.svgChildColor,t}create(){return new MxDbSVG}transformBy(t){this.svgPos.applyMatrix4(t),this.isSvgDirtyLocation=!0,this.fixedSize||this.aryText.forEach(s=>{s.txtPos.applyMatrix4(t)})}getTypeName(){return"MxDbSVG"}setColor(t){if(super.setColor(t),this.svg){let t=new THREE.Color(this.color);this.svg.traverse(function(s){s.material&&(s.material.color=t)})}}setSvg(t){this.svg=t,this.isLoadFromPath=!1,this.svgBoxSize=null}calcSvgBoxSize(t){if(!this.svgBoxSize)if(t.boxSize)this.svgBoxSize=t.boxSize.clone();else{let s=(new THREE.Box3).setFromObject(t);this.svgBoxSize||(this.svgBoxSize=new THREE.Vector3),this.svgBoxSize.x=s.max.x-s.min.x,this.svgBoxSize.y=s.max.y-s.min.y}}reComputeSVG(){if(!this.svg)return;let t=this.getMxObject();if(!t)return;this.calcSvgBoxSize(this.svg);let[s,e]=this.calcVewSize(t);this.svgBoxSize&&(this.svg.scale.x=s/this.svgBoxSize.x,this.svg.scale.y=e/this.svgBoxSize.y),this.svg.scale.z=this.svg.scale.x,this.svgReverse&&(this.svg.scale.y*=-1),this.svgMirror&&(this.svg.scale.x*=-1),this.isSvgDirtyLocation=!0,this.calcSvgPosition(t)}onViewChange(){if(!this.fixedSize)return!1;let t=this.getMxObject();if(null==t)return!1;if(this.svg){this.calcSvgBoxSize(this.svg);let[s,e]=this.calcVewSize(t);this.svgBoxSize&&(this.svg.scale.x=s/this.svgBoxSize.x,this.svg.scale.y=e/this.svgBoxSize.y),this.svg.scale.z=this.svg.scale.x,this.svgReverse&&(this.svg.scale.y*=-1),this.svgMirror&&(this.svg.scale.x*=-1),this.isSvgDirtyLocation=!0,this.calcSvgPosition(t)}let s=this;return this.aryText.forEach(e=>{if(e._txtObject&&t){let i=t.screenCoordLong2Doc(e.txtHeight);i>1e-5&&(e._txtAspectRatio<=0&&(e._txtAspectRatio=e._txtObject.scale.x/e._txtObject.scale.y),e._txtObject.scale.set(e._txtAspectRatio*i,i,1),e.txtPos.x>0?e._txtObject.position.x=s.svgPos.x+t.screenCoordLong2Doc(e.txtPos.x):e._txtObject.position.x=s.svgPos.x-t.screenCoordLong2Doc(e.txtPos.x),e.txtPos.y>0?e._txtObject.position.y=s.svgPos.y+t.screenCoordLong2Doc(e.txtPos.y):e._txtObject.position.y=s.svgPos.y-t.screenCoordLong2Doc(e.txtPos.y),e._txtObject.updateMatrix())}}),!0}};
+var __awaiter=this&&this.__awaiter||function(t,s,e,i){return new(e||(e=Promise))(function(o,r){function g(t){try{h(i.next(t))}catch(t){r(t)}}function n(t){try{h(i.throw(t))}catch(t){r(t)}}function h(t){var s;t.done?o(t.value):(s=t.value,s instanceof e?s:new e(function(t){t(s)})).then(g,n)}h((i=i.apply(t,s||[])).next())})};import MxDbEntity from"../MxDbEntity";import MxDbSVGText from"../MxDbSVGText";import MxFun from"../MxFun";import MxThreeJS from"../MxThreeJS";import MxType from"../MxType";export default class MxDbSVG extends MxDbEntity{constructor(){super(...arguments),this.svgPos=new THREE.Vector3,this.svg=null,this.svgPath="",this.svgSize=new THREE.Vector2(50,50),this.svgAlignmentRatio=new THREE.Vector2(0,0),this.svgRotate=0,this.svgReverse=!1,this.svgMirror=!1,this.svgChildColor=[],this.svgMargin=new THREE.Vector2(0,0),this.isSvgDirtyLocation=!1,this.isLoadFromPath=!0,this.aryText=[],this.svgBoxSize=null,this.fixedSize=!1,this.useSvgColor=!1}setSvgChildColor(t){if(this.svgChildColor=t,!this.useSvgColor&&this.svg){let t=new THREE.Color(this.getColor()),s=0,e=this;this.svg.traverse(function(i){i.material&&(s<e.svgChildColor.length?i.material.color=new THREE.Color(e.svgChildColor[s]):i.material.color=t,s++)}),this.setNeedUpdateDisplay(!0)}}getSvgChildColor(){return this.svgChildColor}calcVewSize(t){let s=this.svgSize.x,e=this.svgSize.y;return e<=0&&(e=this.svgBoxSize?this.svgBoxSize.y/this.svgBoxSize.x*s:s),this.fixedSize&&(s=t.screenCoordLong2Doc(s),e=t.screenCoordLong2Doc(e)),[s,e]}worldDraw(t){let s=t.getMxObject();this.calcSvgPosition(s);let[e,i]=this.calcVewSize(s),o=new THREE.Matrix4;o.makeScale(this.svgMirror?-1:1,this.svgReverse?-1:1,1);let r=new THREE.Matrix4;r.makeRotationZ(this.svgRotate);let g=new THREE.Matrix4,n=new THREE.Vector3(this.svgPos.x-e*this.svgAlignmentRatio.x,this.svgPos.y-i*this.svgAlignmentRatio.y,0);g.makeTranslation(n.x,n.y,n.z),r.multiply(o),r.premultiply(g);let h=new THREE.Vector3(0,0,0),l=new THREE.Vector3(e,0,0),a=new THREE.Vector3(e,i,0),x=new THREE.Vector3(0,i,0);h.applyMatrix4(r),l.applyMatrix4(r),a.applyMatrix4(r),x.applyMatrix4(r);let v=a.clone().add(h.clone().sub(a).multiplyScalar(.5));if(this.aryText.forEach(i=>{if(i.txt.length>0){let o=new THREE.Vector3(i.txtPos.x,i.txtPos.y,0);this.fixedSize&&(i.txtPos.x>0?o.x=this.svgPos.x+s.screenCoordLong2Doc(i.txtPos.x):o.x=this.svgPos.x-s.screenCoordLong2Doc(i.txtPos.x),i.txtPos.y>0?o.y=this.svgPos.y+s.screenCoordLong2Doc(i.txtPos.y):o.y=this.svgPos.y-s.screenCoordLong2Doc(i.txtPos.y));let r=void 0;i.color&&(r=t.getColor(),t.setColor(i.color));let g=i.txtHeight;if(this.fixedSize&&(g=s.screenCoordLong2Doc(i.txtHeight)),i._txtObject=t.drawText(i.txt,g,0,o),i._txtAspectRatio=-1,r&&t.setColor(r),i.drawConnectingLine){let s=v.clone().sub(o);if(s.length()>i.txtHeight+e){s.normalize();let r=v.clone().sub(s.clone().multiplyScalar(e)),g=o.clone().add(s.clone().multiplyScalar(i.txtHeight));t.drawLine(r,g)}}}}),1==t.getType()){if(this.svg)t.drawEntity(this.svg);else if(this.svgPath.length>0&&this.isLoadFromPath){let e=this,i=t.getMxObject();MxThreeJS.loadSVG(this.svgPath,void 0,o=>{if(o){let r=o;if(r.boxSize)e.svgBoxSize=r.boxSize.clone();else{let t=(new THREE.Box3).setFromObject(o);e.svgBoxSize||(e.svgBoxSize=new THREE.Vector3),e.svgBoxSize.x=t.max.x-t.min.x,e.svgBoxSize.y=t.max.y-t.min.y}let[g,n]=e.calcVewSize(s);e.svgBoxSize&&(o.scale.x=g/e.svgBoxSize.x,o.scale.y=n/e.svgBoxSize.y),o.scale.z=o.scale.x,e.svgReverse&&(o.scale.y*=-1),e.svgMirror&&(o.scale.x*=-1),o.rotateZ(e.svgRotate),e.isSvgDirtyLocation=!0;let h=new THREE.Color(t.getColor()),l=0;o.traverse(function(t){t.material&&(t.material=t.material.clone(),t.material.transparent=!0,t.material.depthTest=!1,e.useSvgColor||(l<e.svgChildColor.length?t.material.color=new THREE.Color(e.svgChildColor[l]):t.material.color=h),l++)}),e.svg=o,e.setNeedUpdateDisplay(),i.updateDisplay()}else console.log("mx LoadSVG:"+e.svgPath+" failed");e.isLoadFromPath=!1})}t.drawSelectLine(h,a),t.drawSelectLine(l,x),t.drawSelectLine(h,l),t.drawSelectLine(l,a),t.drawSelectLine(a,x),t.drawSelectLine(x,h)}else t.drawLine(h,l),t.drawLine(l,a),t.drawLine(a,x),t.drawLine(x,h)}setSvgPath(t,s=!1){return __awaiter(this,void 0,void 0,function*(){this.svgPath=t,this.svg=null,this.isLoadFromPath=!0,this.svgBoxSize=null,s&&(yield MxThreeJS.loadSVG(t))})}getSvgPath(){return this.svgPath}setSvgPostion(t){this.svgPos=t.clone(),this.isSvgDirtyLocation=!0}getSvgPostion(){return this.svgPos}setSvgSize(t){this.svgSize=t,this.isSvgDirtyLocation=!0}getSvgSize(){return this.svgSize}setSvgAlignmentRatio(t){this.svgAlignmentRatio=t,this.isSvgDirtyLocation=!0}getSvgAlignmentRatio(){return this.svgAlignmentRatio}getText(t){return t<this.aryText.length?this.aryText[t]:null}addText(t){this.aryText.push(t)}getGripPoints(){let t=[];t.push(this.svgPos);let s=0;for(;s<this.aryText.length;s++){let e=this.aryText[s];if(e.move){let s=new THREE.Vector3(e.txtPos.x,e.txtPos.y,0);if(this.fixedSize){let t=MxFun.getCurrentDraw();e.txtPos.x>0?s.x=this.svgPos.x+t.screenCoordLong2Doc(e.txtPos.x):s.x=this.svgPos.x-t.screenCoordLong2Doc(e.txtPos.x),e.txtPos.y>0?s.y=this.svgPos.y+t.screenCoordLong2Doc(e.txtPos.y):s.y=this.svgPos.y-t.screenCoordLong2Doc(e.txtPos.y)}t.push(s)}}return t}moveGripPointsAt(t,s){if(0==t)this.svgPos.add(s),this.fixedSize||this.aryText.forEach(t=>{t.txtPos.add(s)});else if(t-1>=0&&t-1<this.aryText.length){let e=this.aryText[t-1];if(e.move)if(this.fixedSize){let t=MxFun.getCurrentDraw();e.txtPos.x+=t.docCoordLong2Screen(s.x),e.txtPos.y+=t.docCoordLong2Screen(s.y)}else e.txtPos.add(s)}return this.isSvgDirtyLocation=!0,!0}calcSvgPosition(t){if(!this.svg||!this.isSvgDirtyLocation)return;this.isSvgDirtyLocation=!1;let[s,e]=this.calcVewSize(t);this.svg.position.x=this.svgPos.x-s*this.svgAlignmentRatio.x-this.svgMargin.x*s,this.svg.position.y=this.svgPos.y-e*this.svgAlignmentRatio.y-this.svgMargin.y*e}dwgIn(t){this.onDwgIn(t),this.fixedSize=t.fixedSize,this.fixedSize?this.svg=null:t.type==MxType.MxCloneType.kClone&&t.svg&&(this.svg=t.svg.clone()),this.svgPos.copy(t.svgPos),this.svgPath=t.svgPath.substr(0),this.svgSize.copy(t.svgSize),this.svgAlignmentRatio.copy(t.svgAlignmentRatio),this.isSvgDirtyLocation=!0,this.svg||(this.isLoadFromPath=!0),this.svgBoxSize=null;let s=t.txts;return this.aryText=[],s.forEach(t=>{let s=new MxDbSVGText;s.txt=t.txt,s.txtHeight=t.txtHeight,s.txtPos.copy(t.txtPos),s.move=t.move,s.drawConnectingLine=t.drawConnectingLine,this.aryText.push(s)}),this.svgRotate=t.svgRotate,this.useSvgColor=t.useSvgColor,this.svgReverse=t.svgReverse,this.svgMirror=t.svgMirror,this.svgMargin=t.svgMargin,t.svgChildColor?this.svgChildColor=t.svgChildColor:this.svgChildColor=[],!0}dwgOut(t){return this.onDwgOut(t),t.type==MxType.MxCloneType.kClone&&(t.svg=this.svg),t.svgPath=this.svgPath,t.svgPos=this.svgPos,t.svgSize=this.svgSize,t.svgAlignmentRatio=this.svgAlignmentRatio,t.txts=[],this.aryText.forEach(s=>{let e={txtPos:s.txtPos,txt:s.txt,txtHeight:s.txtHeight,color:s.color,_txtAspectRatio:s._txtAspectRatio,move:s.move,drawConnectingLine:s.drawConnectingLine};t.txts.push(e)}),t.fixedSize=this.fixedSize,t.svgRotate=this.svgRotate,t.useSvgColor=this.useSvgColor,t.svgReverse=this.svgReverse,t.svgMirror=this.svgMirror,t.svgMargin=this.svgMargin,t.svgChildColor=this.svgChildColor,t}create(){return new MxDbSVG}transformBy(t){this.svgPos.applyMatrix4(t),this.isSvgDirtyLocation=!0,this.fixedSize||this.aryText.forEach(s=>{s.txtPos.applyMatrix4(t)})}getTypeName(){return"MxDbSVG"}setColor(t){if(super.setColor(t),this.svg){let t=new THREE.Color(this.color);this.svg.traverse(function(s){s.material&&(s.material.color=t)})}return this}setSvg(t){this.svg=t,this.isLoadFromPath=!1,this.svgBoxSize=null}calcSvgBoxSize(t){if(!this.svgBoxSize)if(t.boxSize)this.svgBoxSize=t.boxSize.clone();else{let s=(new THREE.Box3).setFromObject(t);this.svgBoxSize||(this.svgBoxSize=new THREE.Vector3),this.svgBoxSize.x=s.max.x-s.min.x,this.svgBoxSize.y=s.max.y-s.min.y}}reComputeSVG(){if(!this.svg)return;let t=this.getMxObject();if(!t)return;this.calcSvgBoxSize(this.svg);let[s,e]=this.calcVewSize(t);this.svgBoxSize&&(this.svg.scale.x=s/this.svgBoxSize.x,this.svg.scale.y=e/this.svgBoxSize.y),this.svg.scale.z=this.svg.scale.x,this.svgReverse&&(this.svg.scale.y*=-1),this.svgMirror&&(this.svg.scale.x*=-1),this.isSvgDirtyLocation=!0,this.calcSvgPosition(t)}onViewChange(){if(!this.fixedSize)return!1;let t=this.getMxObject();if(null==t)return!1;if(this.svg){this.calcSvgBoxSize(this.svg);let[s,e]=this.calcVewSize(t);this.svgBoxSize&&(this.svg.scale.x=s/this.svgBoxSize.x,this.svg.scale.y=e/this.svgBoxSize.y),this.svg.scale.z=this.svg.scale.x,this.svgReverse&&(this.svg.scale.y*=-1),this.svgMirror&&(this.svg.scale.x*=-1),this.isSvgDirtyLocation=!0,this.calcSvgPosition(t)}let s=this;return this.aryText.forEach(e=>{if(e._txtObject&&t){let i=t.screenCoordLong2Doc(e.txtHeight);i>1e-5&&(e._txtAspectRatio<=0&&(e._txtAspectRatio=e._txtObject.scale.x/e._txtObject.scale.y),e._txtObject.scale.set(e._txtAspectRatio*i,i,1),e.txtPos.x>0?e._txtObject.position.x=s.svgPos.x+t.screenCoordLong2Doc(e.txtPos.x):e._txtObject.position.x=s.svgPos.x-t.screenCoordLong2Doc(e.txtPos.x),e.txtPos.y>0?e._txtObject.position.y=s.svgPos.y+t.screenCoordLong2Doc(e.txtPos.y):e._txtObject.position.y=s.svgPos.y-t.screenCoordLong2Doc(e.txtPos.y),e._txtObject.updateMatrix())}}),!0}};