mxdraw 0.1.5 → 0.1.9

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

@@ -109,7 +109,24 @@ var MrxDbgUiPrPoint = /** @class */ (function () {
      * @returns void
      */
     MrxDbgUiPrPoint.prototype.go = function (retcall) {
-        return _MrxDbgUiPrPoint.go(retcall);
+        if (retcall) {
+            _MrxDbgUiPrPoint.go(retcall);
+            return new Promise(function (resolve, reject) {
+                resolve(null);
+            });
+        }
+        else {
+            return new Promise(function (resolve, reject) {
+                _MrxDbgUiPrPoint.go(function (status) {
+                    if (status != 0) {
+                        resolve(null);
+                    }
+                    else {
+                        resolve(_MrxDbgUiPrPoint.value());
+                    }
+                });
+            });
+        }
     };
     /**
      * 动态拖动，连续取点，直到ESC退出。

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

@@ -1,4 +1,9 @@
 "use strict";
+///////////////////////////////////////////////////////////////////////////////
+//版权所有（C）2002-2022，成都梦想凯德科技有限公司。
+//本软件代码及其文档和相关资料归成都梦想凯德科技有限公司,应用包含本软件的程序必须包括以下版权声明
+//此应用程序与成都梦想凯德科技有限公司成协议。通过使用本软件、其文档或相关材料
+///////////////////////////////////////////////////////////////////////////////
 /** @module MxDbEntity*/
 Object.defineProperty(exports, "__esModule", { value: true });
 var MxType_1 = require("../MxType");
@@ -25,8 +30,16 @@ var store_1 = require("../store/store");
  */
 var MxDbEntity = /** @class */ (function () {
     function MxDbEntity() {
-        this.iColor = 0xffffff;
-        this.iRenderOrder = 30;
+        this.color = 0xffffff;
+        this.renderOrder = 30;
+        /**
+         * opacity 设置透明度 0 ~ 1,1表示完全不透明，0表示全透明.
+         * */
+        this.opacity = 1;
+        /**
+         * visible 该矩形对象是否可见
+         * */
+        this.visible = true;
     }
     /**
      * 自定义实体的坐标变换.
@@ -111,8 +124,8 @@ var MxDbEntity = /** @class */ (function () {
      *
      * ```
      */
-    MxDbEntity.prototype.setColor = function (iColor) {
-        this.iColor = iColor;
+    MxDbEntity.prototype.setColor = function (color) {
+        this.color = color;
     };
     /**
      * 得到颜色
@@ -124,7 +137,7 @@ var MxDbEntity = /** @class */ (function () {
      * ```
      */
     MxDbEntity.prototype.getColor = function () {
-        return this.iColor;
+        return this.color;
     };
     /**
      * 复制对象。
@@ -147,16 +160,16 @@ var MxDbEntity = /** @class */ (function () {
      * @param obj dwgIn抽象方法的回调数据
      */
     MxDbEntity.prototype.onDwgIn = function (obj) {
-        this.iColor = obj['iColor'];
-        this.iRenderOrder = obj['iRenderOrder'];
+        this.color = obj['color'];
+        this.renderOrder = obj['renderOrder'];
     };
     /**
      * 自定义对象内部数据输出同步（实现dwgIn抽象方法 必须在实现中调用 this.onDwgIn()
      * @param obj dwgOut抽象方法的回调数据
      */
     MxDbEntity.prototype.onDwgOut = function (obj) {
-        obj['iColor'] = this.iColor;
-        obj['iRenderOrder'] = this.iRenderOrder;
+        obj['color'] = this.color;
+        obj['renderOrder'] = this.renderOrder;
     };
     /**
      * 初始自定义对象的类型信息.
@@ -180,8 +193,8 @@ var MxDbEntity = /** @class */ (function () {
      *
      * ```
      */
-    MxDbEntity.prototype.setRenderOrder = function (iRenderOrder) {
-        this.iRenderOrder = iRenderOrder;
+    MxDbEntity.prototype.setRenderOrder = function (renderOrder) {
+        this.renderOrder = renderOrder;
     };
     /**
      * 得到显示顺序
@@ -193,7 +206,7 @@ var MxDbEntity = /** @class */ (function () {
      * ```
      */
     MxDbEntity.prototype.getRenderOrder = function () {
-        return this.iRenderOrder;
+        return this.renderOrder;
     };
     return MxDbEntity;
 }());

package/dist/lib/MxModule/MxDbImage/MxDbImage.js

@@ -47,11 +47,11 @@ var MxDbImage = /** @class */ (function (_super) {
         var _this = this;
         var pt3 = new THREE.Vector3(this.pt1.x, this.pt2.y);
         var pt4 = new THREE.Vector3(this.pt2.x, this.pt1.y);
-        pWorldDraw.drawLine(this.pt1, pt3);
-        pWorldDraw.drawLine(pt3, this.pt2);
-        pWorldDraw.drawLine(this.pt2, pt4);
-        pWorldDraw.drawLine(pt4, this.pt1);
         if (pWorldDraw.getType() == 1) {
+            pWorldDraw.drawSelectLine(this.pt1, pt3);
+            pWorldDraw.drawSelectLine(pt3, this.pt2);
+            pWorldDraw.drawSelectLine(this.pt2, pt4);
+            pWorldDraw.drawSelectLine(pt4, this.pt1);
             // 图片正常的显示绘制.
             if (this.material) {
                 var w = Math.abs(this.pt1.x - this.pt2.x);
@@ -70,7 +70,7 @@ var MxDbImage = /** @class */ (function (_super) {
             }
             else if (this.imagePath.length > 0 && this.isLoadMaterialFromPath) {
                 var myThis_1 = this;
-                MxFun_1.default.loadImageMaterial('./models/img/mxcad.jpg', function (material) {
+                MxFun_1.default.loadImageMaterial(this.imagePath, function (material) {
                     _this.isLoadMaterialFromPath = false;
                     if (!material) {
                         return;
@@ -81,6 +81,12 @@ var MxDbImage = /** @class */ (function (_super) {
                 });
             }
         }
+        else {
+            pWorldDraw.drawLine(this.pt1, pt3);
+            pWorldDraw.drawLine(pt3, this.pt2);
+            pWorldDraw.drawLine(this.pt2, pt4);
+            pWorldDraw.drawLine(pt4, this.pt1);
+        }
     };
     MxDbImage.prototype.setImagePath = function (sPath) {
         this.imagePath = sPath;
@@ -110,6 +116,8 @@ var MxDbImage = /** @class */ (function (_super) {
         var ret = [];
         ret.push(this.pt1);
         ret.push(this.pt2);
+        var midPt = new THREE.Vector3(this.pt1.x + (this.pt2.x - this.pt1.x) * 0.5, this.pt1.y + (this.pt2.y - this.pt1.y) * 0.5);
+        ret.push(midPt);
         return ret;
     };
     // 图片的夹点拖动编辑.
@@ -117,7 +125,11 @@ var MxDbImage = /** @class */ (function (_super) {
         if (index == 0) {
             this.pt1.add(offset);
         }
-        else if ((index = 1)) {
+        else if (index == 1) {
+            this.pt2.add(offset);
+        }
+        else if (index == 2) {
+            this.pt1.add(offset);
             this.pt2.add(offset);
         }
         return true;

package/dist/lib/MxModule/MxDbRect/MxDbRect.js

@@ -26,10 +26,17 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+///////////////////////////////////////////////////////////////////////////////
+//版权所有（C）2002-2022，成都梦想凯德科技有限公司。
+//本软件代码及其文档和相关资料归成都梦想凯德科技有限公司,应用包含本软件的程序必须包括以下版权声明
+//此应用程序与成都梦想凯德科技有限公司成协议。通过使用本软件、其文档或相关材料
+///////////////////////////////////////////////////////////////////////////////
 var MxDbEntity_1 = require("../MxDbEntity");
 var three_1 = require("three");
 var index_1 = require("../../tools/three/index");
+// import * as _ from 'lodash'
 var MxFun_1 = require("../MxFun");
+var McGiWorldDrawType_1 = require("../McGiWorldDrawType");
 /**
  * MxRectEntity 矩形对象.
  */
@@ -37,6 +44,8 @@ var MxDbRect = /** @class */ (function (_super) {
     __extends(MxDbRect, _super);
     function MxDbRect() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        // 圆角半径
+        _this.cornerRadius = [];
         /**
          * pt1: 构成矩形的第一个点
          * */
@@ -46,122 +55,109 @@ var MxDbRect = /** @class */ (function (_super) {
          * */
         _this.pt2 = new three_1.Vector3();
         /**
-         * width: 在绘制时自动计算矩形像素宽度 单位px
-         * */
-        _this.width = 0;
-        /**
-         * height: 在绘制时自动计算矩形像素高度 单位px
-         * */
-        _this.height = 0;
-        /**
-         * cornerRadius(优先级大于radius属性): 圆角的半径  如[3, 2, 1, 4]分别对应左上角圆角半径3  右上角2  右下角1 左下角4
+         * 是否需要颜色填充.
          * */
-        _this.cornerRadius = [];
-        /**
-         * transparent 开启透明度
-         * */
-        _this.transparent = true;
-        /**
-         * opacity 设置透明度 0 ~ 1
-         * */
-        _this.opacity = 1;
-        /**
-         * visible 该矩形对象是否可见
-         * */
-        _this.visible = true;
+        _this.isSolidColorFill = false;
+        _this.isLoadMaterialFromPath = true;
+        _this.material = null;
         return _this;
     }
     MxDbRect.prototype.worldDraw = function (pWorldDraw) {
         var _this = this;
         //    根据第一个点和对角点 计算矩形的四个点位
         var points = (0, index_1.computeRectPoints)(this.pt1, this.pt2);
-        // 计算圆角顶点坐标
-        if (this.cornerRadius.length <= 0 && this.radius) {
-            this.cornerRadius = [
-                MxFun_1.default.screenCoordLong2Doc(this.radius),
-                MxFun_1.default.screenCoordLong2Doc(this.radius),
-                MxFun_1.default.screenCoordLong2Doc(this.radius),
-                MxFun_1.default.screenCoordLong2Doc(this.radius)
-            ];
-        }
         if (this.cornerRadius.length > 0) {
             points = (0, index_1.getToGenerateRoundedCorners)(points, this.cornerRadius);
         }
-        var geometry;
-        var material;
-        var line = new three_1.Object3D();
+        if (pWorldDraw.getType() != McGiWorldDrawType_1.default.kWorldDraw) {
+            // 动态拖动绘制，或选择绘制 。
+            // 组成闭合区域。
+            points.push(points[0]);
+            pWorldDraw.drawLines(points);
+            return;
+        }
         // 公共的material参数
         var materialParam = {
-            transparent: this.transparent,
+            transparent: true,
+            depthTest: false,
             opacity: this.opacity,
             visible: this.visible
         };
         // 如果是填充模式
-        if (this.fillColor || this.fillImageSrc) {
+        if (this.isSolidColorFill) {
             // 三维坐标转二位坐标
             points = points.map(function (_a) {
                 var x = _a.x, y = _a.y;
                 return new three_1.Vector2(x, y);
             });
             // 计算矩形宽高
+            var geometry = void 0;
             geometry = new three_1.ShapeGeometry(new three_1.Shape(points));
-            geometry.computeBoundingBox();
-            var size = new three_1.Vector3();
-            geometry.boundingBox.getSize(size);
-            this.width = MxFun_1.default.docCoord2Screen(size.x).x;
-            this.height = MxFun_1.default.docCoord2Screen(size.y).x;
-            // 如果是图片填充
-            if (this.fillImageSrc) {
-                var imgSrc = this.fillImageSrc;
-                MxFun_1.default.loadImageMaterial(imgSrc, function (mate) {
-                    if (!mate)
-                        return;
-                    material = mate;
-                    geometry = new three_1.ShapeGeometry(new three_1.Shape(points));
-                    // 修复集合体的uv坐标
-                    geometry = (0, index_1.repairGeometryFaceVertexUvs)(geometry);
+            //   颜色填充
+            var material = new three_1.MeshBasicMaterial(__assign({ color: this.filter
+                    ? this.filter._getFilterColor(this.color, this.opacity)
+                    : new three_1.Color(this.color) }, materialParam));
+            var mash = new three_1.Mesh(geometry, material);
+            pWorldDraw.drawEntity(mash);
+        }
+        else if (this.fillImageSrc) {
+            // 图片填充.
+            if (this.material) {
+                // 三维坐标转二位坐标
+                points = points.map(function (_a) {
+                    var x = _a.x, y = _a.y;
+                    return new three_1.Vector2(x, y);
+                });
+                var material = this.material;
+                var geometry = new three_1.ShapeGeometry(new three_1.Shape(points));
+                // 修复集合体的uv坐标
+                geometry = (0, index_1.repairGeometryFaceVertexUvs)(geometry);
+                // 有滤镜对象使用自定义着色器
+                if (this.filter) {
                     // 纹理属性设置
+                    var mate = material;
                     var map = mate.map;
-                    if (_this.fillImageParam) {
-                        if (_this.fillImageParam.center)
-                            map.center = _this.fillImageParam.center;
-                        if (_this.fillImageParam.offset)
-                            map.offset = _this.fillImageParam.offset;
-                        if (_this.fillImageParam.repeat)
-                            map.repeat = _this.fillImageParam.repeat;
-                        if (_this.fillImageParam.rotation)
-                            map.rotation = _this.fillImageParam.rotation;
+                    if (this.fillImageParam) {
+                        if (this.fillImageParam.center)
+                            map.center = this.fillImageParam.center;
+                        if (this.fillImageParam.offset)
+                            map.offset = this.fillImageParam.offset;
+                        if (this.fillImageParam.repeat)
+                            map.repeat = this.fillImageParam.repeat;
+                        if (this.fillImageParam.rotation)
+                            map.rotation = this.fillImageParam.rotation;
                     }
-                    // 有滤镜对象使用自定义着色器
-                    if (_this.filter) {
-                        var data = _this.filter._getFilterShaderData(map);
-                        material = new three_1.ShaderMaterial(__assign(__assign({}, data), materialParam));
+                    var data = this.filter._getFilterShaderData(map);
+                    material = new three_1.ShaderMaterial(__assign(__assign({}, data), materialParam));
+                }
+                // 设置材质属性
+                material.depthTest = false;
+                material.transparent = true;
+                material.opacity = this.opacity;
+                material.visible = this.visible;
+                var mash = new three_1.Mesh(geometry, material);
+                pWorldDraw.drawEntity(mash);
+            }
+            else if (this.fillImageSrc.length > 0 && this.isLoadMaterialFromPath) {
+                var myThis_1 = this;
+                MxFun_1.default.loadImageMaterial(this.fillImageSrc, function (material) {
+                    _this.isLoadMaterialFromPath = false;
+                    if (!material) {
+                        return;
                     }
-                    // 设置材质属性
-                    material.depthTest = false;
-                    material.transparent = _this.transparent;
-                    material.opacity = _this.opacity;
-                    material.visible = _this.visible;
-                    line = new three_1.Mesh(geometry, material);
-                    pWorldDraw.drawEntity(line);
+                    myThis_1.material = material;
+                    myThis_1.setNeedUpdateDisplay();
+                    MxFun_1.default.updateDisplay();
                 });
-                return;
-            }
-            else {
-                //   颜色填充
-                material = new three_1.MeshBasicMaterial(__assign({ color: this.filter
-                        ? this.filter._getFilterColor(this.fillColor, this.opacity)
-                        : new three_1.Color(this.fillColor) }, materialParam));
-                line = new three_1.Mesh(geometry, material);
             }
         }
         else {
             // 线框模式
-            geometry = new three_1.BufferGeometry().setFromPoints(points);
-            material = new three_1.LineBasicMaterial(__assign({ color: this.getColor() }, materialParam));
-            line = new three_1.LineLoop(geometry, material);
+            var geometry = new three_1.BufferGeometry().setFromPoints(points);
+            var material = new three_1.LineBasicMaterial(__assign({ color: this.getColor() }, materialParam));
+            var line = new three_1.LineLoop(geometry, material);
+            pWorldDraw.drawEntity(line);
         }
-        pWorldDraw.drawEntity(line);
     };
     MxDbRect.prototype.getGripPoints = function () {
         var ret = [];
@@ -190,17 +186,23 @@ var MxDbRect = /** @class */ (function (_super) {
         this.onDwgIn(obj);
         this.pt1.copy(obj['pt1']);
         this.pt2.copy(obj['pt2']);
+        this.isSolidColorFill = obj['isSolidColorFill'];
+        this.fillImageSrc = obj['fillImageSrc'];
+        this.fillImageParam = obj['fillImageParam'];
         this.cornerRadius = obj['cornerRadius'];
-        this.radius = obj['radius'];
         this.filter = obj['filter'];
+        this.isLoadMaterialFromPath = true;
+        this.material = null;
         return true;
     };
     MxDbRect.prototype.dwgOut = function (obj) {
         this.onDwgOut(obj);
         obj['pt1'] = this.pt1;
         obj['pt2'] = this.pt2;
+        obj['isSolidColorFill'] = this.isSolidColorFill;
+        obj['fillImageSrc'] = this.fillImageSrc;
+        obj['fillImageParam'] = this.fillImageParam;
         obj['cornerRadius'] = this.cornerRadius;
-        obj['radius'] = this.radius;
         obj['filter'] = this.filter;
         return obj;
     };
@@ -211,8 +213,60 @@ var MxDbRect = /** @class */ (function (_super) {
         this.pt1.applyMatrix4(mat);
         this.pt2.applyMatrix4(mat);
     };
+    /**
+     * setRadius 设置圆角 圆角的半径  如[3, 2, 1, 4]分别对应左上角圆角半径3  右上角2  右下角1 左下角4
+     * @param { number | number[] } radius 圆角半径 为数组时[3, 2, 1, 4]分别对应左上角圆角半径3  右上角2  右下角1 左下角4； 或者直接设置半径值 则四个角统一半径
+     * */
+    MxDbRect.prototype.setRadius = function (radius, isScreenCoord) {
+        if (isScreenCoord === void 0) { isScreenCoord = true; }
+        if (radius instanceof Array) {
+            this.cornerRadius = radius.map(function (r) {
+                if (isScreenCoord)
+                    return MxFun_1.default.screenCoordLong2Doc(r);
+                else
+                    return r;
+            });
+        }
+        else {
+            if (radius > 0) {
+                if (isScreenCoord) {
+                    this.cornerRadius = [
+                        MxFun_1.default.screenCoordLong2Doc(radius),
+                        MxFun_1.default.screenCoordLong2Doc(radius),
+                        MxFun_1.default.screenCoordLong2Doc(radius),
+                        MxFun_1.default.screenCoordLong2Doc(radius)
+                    ];
+                }
+                else {
+                    this.cornerRadius = [radius, radius, radius, radius];
+                }
+            }
+            else {
+                this.cornerRadius = [];
+            }
+        }
+    };
     MxDbRect.prototype.getTypeName = function () {
-        return 'MxRectEntity';
+        return 'MxDbRect';
+    };
+    MxDbRect.prototype.getFilter = function () {
+        return this.filter;
+    };
+    MxDbRect.prototype.setFilter = function (filter) {
+        this.filter = filter;
+        this.isLoadMaterialFromPath = true;
+        this.material = null;
+    };
+    MxDbRect.prototype.setFillImagePath = function (sPath) {
+        this.fillImageSrc = sPath;
+        this.isLoadMaterialFromPath = true;
+        this.material = null;
+        if (this.fillImageSrc) {
+            this.isSolidColorFill = false;
+        }
+    };
+    MxDbRect.prototype.getFillImagePath = function () {
+        return this.fillImageSrc;
     };
     return MxDbRect;
 }(MxDbEntity_1.default));

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

@@ -23,6 +23,7 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var THREE = require("three");
 var MxDbEntity_1 = require("../MxDbEntity");
+var MxDbSVGText_1 = require("../MxDbSVGText");
 var MxFun_1 = require("../MxFun");
 var MxThreeJS_1 = require("../MxThreeJS");
 var MxType_1 = require("../MxType");
@@ -39,17 +40,18 @@ var MxDbSVG = /** @class */ (function (_super) {
         _this.svgAlignmentRatio = new THREE.Vector2(0, 0);
         _this.isSvgDirtyLocation = false;
         _this.isLoadFromPath = true;
-        _this.txtPos = new THREE.Vector3();
-        _this.txt = '';
-        _this.txtHeight = 1;
+        _this.aryText = [];
         return _this;
     }
     MxDbSVG.prototype.worldDraw = function (pWorldDraw) {
+        var _this = this;
         this.calcSvgPosition();
-        if (this.txt.length > 0) {
-            var posTxt = new THREE.Vector3(this.txtPos.x, this.txtPos.y, 0);
-            pWorldDraw.drawText(this.txt, this.txtHeight, 0, posTxt);
-        }
+        this.aryText.forEach(function (txt) {
+            if (txt.txt.length > 0) {
+                var posTxt = new THREE.Vector3(txt.txtPos.x, txt.txtPos.y, 0);
+                pWorldDraw.drawText(txt.txt, txt.txtHeight, 0, posTxt);
+            }
+        });
         var svgPosX = this.svgPos.x - this.svgSize.x * this.svgAlignmentRatio.x;
         var svgPosY = this.svgPos.y - this.svgSize.y * this.svgAlignmentRatio.y;
         var pt1 = new THREE.Vector3(svgPosX, svgPosY, 0);
@@ -68,9 +70,12 @@ var MxDbSVG = /** @class */ (function (_super) {
                             obj.scale.y = myThis_1.svgSize.y / (box.max.y - box.min.y);
                             obj.scale.z = obj.scale.x;
                             myThis_1.isSvgDirtyLocation = true;
+                            var color_1 = new THREE.Color(_this.color);
                             obj.traverse(function (child) {
                                 if (child.material) {
+                                    child.material = child.material.clone();
                                     child.material.transparent = true;
+                                    child.material.color = color_1;
                                 }
                             });
                             //this.svgPos.multiply
@@ -121,24 +126,16 @@ var MxDbSVG = /** @class */ (function (_super) {
     MxDbSVG.prototype.getSvgAlignmentRatio = function () {
         return this.svgAlignmentRatio;
     };
-    //
-    MxDbSVG.prototype.setTextHeight = function (height) {
-        this.txtHeight = height;
-    };
-    MxDbSVG.prototype.getTextHeight = function () {
-        return this.txtHeight;
-    };
-    MxDbSVG.prototype.setText = function (txt) {
-        this.txt = txt;
-    };
-    MxDbSVG.prototype.getText = function () {
-        return this.txt;
-    };
-    MxDbSVG.prototype.setTextPostion = function (pos) {
-        this.txtPos = pos;
+    MxDbSVG.prototype.getText = function (index) {
+        if (index < this.aryText.length) {
+            return this.aryText[index];
+        }
+        else {
+            return null;
+        }
     };
-    MxDbSVG.prototype.getTextPostion = function () {
-        return this.txtPos;
+    MxDbSVG.prototype.addText = function (txt) {
+        this.aryText.push(txt);
     };
     MxDbSVG.prototype.getGripPoints = function () {
         var ret = [];
@@ -148,7 +145,9 @@ var MxDbSVG = /** @class */ (function (_super) {
     MxDbSVG.prototype.moveGripPointsAt = function (index, offset) {
         if (index == 0) {
             this.svgPos.add(offset);
-            this.txtPos.add(offset);
+            this.aryText.forEach(function (txt) {
+                txt.txtPos.add(offset);
+            });
         }
         this.isSvgDirtyLocation = true;
         return true;
@@ -162,6 +161,7 @@ var MxDbSVG = /** @class */ (function (_super) {
         this.svg.position.y = this.svgPos.y - this.svgSize.y * this.svgAlignmentRatio.y;
     };
     MxDbSVG.prototype.dwgIn = function (obj) {
+        var _this = this;
         this.onDwgIn(obj);
         if (obj.type == MxType_1.default.MxCloneType.kClone && obj['svg']) {
             this.svg = obj['svg'].clone();
@@ -173,9 +173,15 @@ var MxDbSVG = /** @class */ (function (_super) {
         this.isSvgDirtyLocation = true;
         if (!this.svg)
             this.isLoadFromPath = true;
-        this.txt = obj['txt'];
-        this.txtHeight = obj['txtHeight'];
-        this.txtPos.copy(obj['txtPos']);
+        var aryText = obj['txts'];
+        this.aryText = [];
+        aryText.forEach(function (txt) {
+            var copyTxt = new MxDbSVGText_1.default();
+            copyTxt.txt = txt.txt;
+            copyTxt.txtHeight = txt.txtHeight;
+            copyTxt.txtPos.copy(txt.txtPos);
+            _this.aryText.push(copyTxt);
+        });
         return true;
     };
     MxDbSVG.prototype.dwgOut = function (obj) {
@@ -187,9 +193,7 @@ var MxDbSVG = /** @class */ (function (_super) {
         obj['svgPos'] = this.svgPos;
         obj['svgSize'] = this.svgSize;
         obj['svgAlignmentRatio'] = this.svgAlignmentRatio;
-        obj['txt'] = this.txt;
-        obj['txtHeight'] = this.txtHeight;
-        obj['txtPos'] = this.txtPos;
+        obj['txts'] = this.aryText;
         return obj;
     };
     MxDbSVG.prototype.create = function () {
@@ -197,12 +201,25 @@ var MxDbSVG = /** @class */ (function (_super) {
     };
     MxDbSVG.prototype.transformBy = function (mat) {
         this.svgPos.applyMatrix4(mat);
-        this.txtPos.applyMatrix4(mat);
         this.isSvgDirtyLocation = true;
+        this.aryText.forEach(function (txt) {
+            txt.txtPos.applyMatrix4(mat);
+        });
     };
     MxDbSVG.prototype.getTypeName = function () {
         return 'MxDbSVG';
     };
+    MxDbSVG.prototype.setColor = function (color) {
+        _super.prototype.setColor.call(this, color);
+        if (this.svg) {
+            var color_2 = new THREE.Color(this.color);
+            this.svg.traverse(function (child) {
+                if (child.material) {
+                    child.material.color = color_2;
+                }
+            });
+        }
+    };
     return MxDbSVG;
 }(MxDbEntity_1.default));
 exports.default = MxDbSVG;

package/dist/lib/MxModule/MxDbSVGText/MxDbSVGText.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+///////////////////////////////////////////////////////////////////////////////
+//版权所有（C）2002-2022，成都梦想凯德科技有限公司。
+//本软件代码及其文档和相关资料归成都梦想凯德科技有限公司,应用包含本软件的程序必须包括以下版权声明
+//此应用程序与成都梦想凯德科技有限公司成协议。通过使用本软件、其文档或相关材料
+///////////////////////////////////////////////////////////////////////////////
+/** @module MxDbSVG*/
+var THREE = require("three");
+var MxDbSVGText = /** @class */ (function () {
+    function MxDbSVGText() {
+        this.txtPos = new THREE.Vector3();
+        this.txt = '';
+        this.txtHeight = 1;
+    }
+    return MxDbSVGText;
+}());
+exports.default = MxDbSVGText;

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

@@ -0,0 +1,5 @@
+"use strict";
+/** @module McEdGetPointWorldDrawObject*/
+Object.defineProperty(exports, "__esModule", { value: true });
+var MxDbSVGText_1 = require("./MxDbSVGText");
+exports.default = MxDbSVGText_1.default;