mxdraw 0.0.18 → 0.1.3

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

@@ -1,31 +1,49 @@
 "use strict";
 /** @module MxDbEntity*/
 Object.defineProperty(exports, "__esModule", { value: true });
+var MxType_1 = require("../MxType");
+var store_1 = require("../store/store");
 /**
- * MxDbEntity 用于构建一个动态绘制回调对象
+ * MxDbEntity 用于构建一个自定义对象的抽象类(该类无法实例化 请通过继承的方式对其抽象方法进行实现)
+ * @description MxDbEntity 属于 abstract class(抽象类) 主要用途是通过继承这个类实现一个用于动态绘制的回调对象
+ * 继承实现这个类必须实现的抽象方法：（方法名称前有'Abstract'标签就是必须实现的方法）
  * @example ```typescript
- *
+ * import THREE from "three"
+ * import { McGiWorldDraw, MxDbEntity } from "mxdraw"
+ * class MxLineEntity extends MxDbEntity {
+ *    constructor() {
+ *       super(); // 在派生类的构造函数中必须调用 super()
+ *    }
+ *    private pt1: THREE.Vector3 = new THREE.Vector3();
+ *    private pt2: THREE.Vector3 = new THREE.Vector3();
+ *    worldDraw(pWorldDraw: McGiWorldDraw) {
+ *        pWorldDraw.drawLine(this.pt1,this.pt2);
+ *    }
+ *    ...
+ * }
  * ```
  */
 var MxDbEntity = /** @class */ (function () {
     function MxDbEntity() {
         this.iColor = 0xffffff;
+        this.iRenderOrder = 30;
     }
     /**
-     * 自定义对象数据输入，必须要实现该函数
+     * 自定义实体的坐标变换.
      * @param
-     * @returns boolean
+     * @returns void
      * @example
-     * ``` typescript
-     *
+     *  }
      * ```
      */
-    MxDbEntity.prototype.dwgIn = function (obj) {
-        this.iColor = obj['iColor'];
-        return true;
+    MxDbEntity.prototype.transformBy = function (mat) { };
+    MxDbEntity.prototype.getImp = function () {
+        var myThis = this;
+        var imp = myThis['MxDbEntityImp'];
+        return imp;
     };
     /**
-     * 自定义对象数据输出，必须要实现该函数
+     * 更新显示
      * @param
      * @returns boolean
      * @example
@@ -33,31 +51,37 @@ var MxDbEntity = /** @class */ (function () {
      *
      * ```
      */
-    MxDbEntity.prototype.dwgOut = function (obj) {
-        obj['iColor'] = this.iColor;
-        return obj;
-    };
-    MxDbEntity.prototype.getImp = function () {
-        var myThis = this;
-        var imp = myThis['MxDbEntityImp'];
-        return imp;
+    MxDbEntity.prototype.setNeedUpdateDisplay = function (isImmediate) {
+        var imp = this.getImp();
+        if (imp) {
+            if (isImmediate) {
+                imp.upDisplay();
+            }
+            else {
+                imp.setDirtyDisplay(true);
+            }
+            return true;
+        }
+        else {
+            return false;
+        }
     };
     /**
-     * 更新显示
+     * 得到对象的id.
      * @param
-     * @returns boolean
+     * @returns number
      * @example
      * ``` typescript
      *
      * ```
      */
-    MxDbEntity.prototype.upDisplay = function () {
+    MxDbEntity.prototype.objectId = function () {
         var imp = this.getImp();
         if (imp) {
-            return imp.upDisplay();
+            return imp.objectId();
         }
         else {
-            return false;
+            return 0;
         }
     };
     /**
@@ -103,18 +127,74 @@ var MxDbEntity = /** @class */ (function () {
         return this.iColor;
     };
     /**
-     * 得到对象类型名
+     * 复制对象。
+     * @param
+     * @returns MxDbEntity
+     * @example
+     * ``` typescript
+     *
+     * ```
+     */
+    MxDbEntity.prototype.clone = function (type) {
+        var ret = this.create();
+        var objData = { type: type ? type : MxType_1.default.MxCloneType.kClone };
+        this.dwgOut(objData);
+        ret.dwgIn(objData);
+        return ret;
+    };
+    /**
+     * 自定义对象内部数据输入同步（实现dwgIn抽象方法 必须在实现中调用 this.onDwgIn()）
+     * @param obj dwgIn抽象方法的回调数据
+     */
+    MxDbEntity.prototype.onDwgIn = function (obj) {
+        this.iColor = obj['iColor'];
+        this.iRenderOrder = obj['iRenderOrder'];
+    };
+    /**
+     * 自定义对象内部数据输出同步（实现dwgIn抽象方法 必须在实现中调用 this.onDwgIn()
+     * @param obj dwgOut抽象方法的回调数据
+     */
+    MxDbEntity.prototype.onDwgOut = function (obj) {
+        obj['iColor'] = this.iColor;
+        obj['iRenderOrder'] = this.iRenderOrder;
+    };
+    /**
+     * 初始自定义对象的类型信息.
      * @param
-     * @returns string
+     * @returns
+     * @example
+     * ``` typescript
+     *
+     * ```
+     */
+    MxDbEntity.prototype.rxInit = function () {
+        ;
+        store_1.default.state.MxFun.initMxDbEntityType(this);
+    };
+    /**
+     * 设置显示顺序
+     * @param
+     * @returns boolean
+     * @example
+     * ``` typescript
+     *
+     * ```
+     */
+    MxDbEntity.prototype.setRenderOrder = function (iRenderOrder) {
+        this.iRenderOrder = iRenderOrder;
+    };
+    /**
+     * 得到显示顺序
+     * @param
+     * @returns boolean
      * @example
      * ``` typescript
      *
      * ```
      */
-    MxDbEntity.prototype.getTypeName = function () {
-        return 'MxDbEntity';
+    MxDbEntity.prototype.getRenderOrder = function () {
+        return this.iRenderOrder;
     };
     return MxDbEntity;
 }());
 exports.default = MxDbEntity;
-//# sourceMappingURL=MxDbEntity.js.map

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

@@ -3,4 +3,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var MxDbEntity_1 = require("./MxDbEntity");
 exports.default = MxDbEntity_1.default;
-//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,150 @@
+"use strict";
+///////////////////////////////////////////////////////////////////////////////
+//版权所有（C）2002-2022，成都梦想凯德科技有限公司。
+//本软件代码及其文档和相关资料归成都梦想凯德科技有限公司
+//应用包含本软件的程序必须包括以下声明
+//在版权声明中：
+//此应用程序与成都梦想凯德科技有限公司成协议。
+//通过使用本软件、其文档或相关材料
+///////////////////////////////////////////////////////////////////////////////
+/** @module MxDbImage*/
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var THREE = require("three");
+var MxDbEntity_1 = require("../MxDbEntity");
+var MxFun_1 = require("../MxFun");
+/**
+ * MxDbImage 图片对象.
+ */
+var MxDbImage = /** @class */ (function (_super) {
+    __extends(MxDbImage, _super);
+    function MxDbImage() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        // pt1,pt2是图片的两个对角点.
+        _this.pt1 = new THREE.Vector3();
+        _this.pt2 = new THREE.Vector3();
+        _this.imagePath = '';
+        _this.isLoadMaterialFromPath = true;
+        _this.material = null;
+        return _this;
+    }
+    MxDbImage.prototype.getTypeName = function () {
+        return 'MxDbImage';
+    };
+    // 图片对象的绘制
+    MxDbImage.prototype.worldDraw = function (pWorldDraw) {
+        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) {
+            // 图片正常的显示绘制.
+            if (this.material) {
+                var w = Math.abs(this.pt1.x - this.pt2.x);
+                var h = Math.abs(this.pt1.y - this.pt2.y);
+                var geometry = new THREE.PlaneGeometry(w, h);
+                var x = Math.min(this.pt1.x, this.pt2.x);
+                var y = Math.min(this.pt1.y, this.pt2.y);
+                for (var i = 0; i < geometry.vertices.length; i++) {
+                    geometry.vertices[i].x += x + w * 0.5;
+                    geometry.vertices[i].y += y + h * 0.5;
+                    geometry.vertices[i].z = 0;
+                }
+                var mesh = new THREE.Mesh(geometry, this.material);
+                mesh.material['depthTest'] = false;
+                pWorldDraw.drawEntity(mesh);
+            }
+            else if (this.imagePath.length > 0 && this.isLoadMaterialFromPath) {
+                var myThis_1 = this;
+                MxFun_1.default.loadImageMaterial('./models/img/mxcad.jpg', function (material) {
+                    _this.isLoadMaterialFromPath = false;
+                    if (!material) {
+                        return;
+                    }
+                    myThis_1.setMaterial(material);
+                    myThis_1.setNeedUpdateDisplay();
+                    MxFun_1.default.updateDisplay();
+                });
+            }
+        }
+    };
+    MxDbImage.prototype.setImagePath = function (sPath) {
+        this.imagePath = sPath;
+        this.isLoadMaterialFromPath = true;
+        this.material = null;
+    };
+    MxDbImage.prototype.getImagePath = function () {
+        return this.imagePath;
+    };
+    MxDbImage.prototype.setMaterial = function (material) {
+        this.material = material;
+    };
+    MxDbImage.prototype.setPoint1 = function (pt1) {
+        this.pt1 = pt1;
+    };
+    MxDbImage.prototype.getPoint1 = function () {
+        return this.pt1;
+    };
+    MxDbImage.prototype.setPoint2 = function (pt2) {
+        this.pt2 = pt2;
+    };
+    MxDbImage.prototype.getPoint2 = function () {
+        return this.pt2;
+    };
+    // 返回图片的可编辑的夹点.
+    MxDbImage.prototype.getGripPoints = function () {
+        var ret = [];
+        ret.push(this.pt1);
+        ret.push(this.pt2);
+        return ret;
+    };
+    // 图片的夹点拖动编辑.
+    MxDbImage.prototype.moveGripPointsAt = function (index, offset) {
+        if (index == 0) {
+            this.pt1.add(offset);
+        }
+        else if ((index = 1)) {
+            this.pt2.add(offset);
+        }
+        return true;
+    };
+    // 图片数据的保存.
+    MxDbImage.prototype.dwgIn = function (obj) {
+        this.onDwgIn(obj);
+        this.pt1.copy(obj['pt1']);
+        this.pt2.copy(obj['pt2']);
+        this.imagePath = obj['imagePath'].substr(0);
+        this.isLoadMaterialFromPath = true;
+        return true;
+    };
+    // 图片数据的恢复.
+    MxDbImage.prototype.dwgOut = function (obj) {
+        this.onDwgOut(obj);
+        obj['pt1'] = this.pt1;
+        obj['pt2'] = this.pt2;
+        obj['imagePath'] = this.imagePath;
+        return obj;
+    };
+    MxDbImage.prototype.create = function () {
+        return new MxDbImage();
+    };
+    return MxDbImage;
+}(MxDbEntity_1.default));
+exports.default = MxDbImage;

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

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

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

@@ -0,0 +1,208 @@
+"use strict";
+///////////////////////////////////////////////////////////////////////////////
+//版权所有（C）2002-2022，成都梦想凯德科技有限公司。
+//本软件代码及其文档和相关资料归成都梦想凯德科技有限公司,应用包含本软件的程序必须包括以下版权声明
+//此应用程序与成都梦想凯德科技有限公司成协议。通过使用本软件、其文档或相关材料
+///////////////////////////////////////////////////////////////////////////////
+/** @module MxDbSVG*/
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var THREE = require("three");
+var MxDbEntity_1 = require("../MxDbEntity");
+var MxFun_1 = require("../MxFun");
+var MxThreeJS_1 = require("../MxThreeJS");
+var MxType_1 = require("../MxType");
+/**
+ * MxDbSVG SVG对象.
+ */
+var MxDbSVG = /** @class */ (function (_super) {
+    __extends(MxDbSVG, _super);
+    function MxDbSVG() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.svgPos = new THREE.Vector3();
+        _this.svgPath = '';
+        _this.svgSize = new THREE.Vector2(50, 50);
+        _this.svgAlignmentRatio = new THREE.Vector2(0, 0);
+        _this.isSvgDirtyLocation = false;
+        _this.isLoadFromPath = true;
+        _this.txtPos = new THREE.Vector3();
+        _this.txt = '';
+        _this.txtHeight = 1;
+        return _this;
+    }
+    MxDbSVG.prototype.worldDraw = function (pWorldDraw) {
+        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);
+        }
+        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);
+        var pt2 = new THREE.Vector3(svgPosX + this.svgSize.x, svgPosY + this.svgSize.y, 0);
+        if (pWorldDraw.getType() == 1) {
+            if (this.svg) {
+                pWorldDraw.drawEntity(this.svg);
+            }
+            else {
+                if (this.svgPath.length > 0 && this.isLoadFromPath) {
+                    var myThis_1 = this;
+                    MxThreeJS_1.default.loadSVG(this.svgPath, undefined, function (obj) {
+                        if (obj) {
+                            var box = new THREE.Box3().setFromObject(obj);
+                            obj.scale.x = myThis_1.svgSize.x / (box.max.x - box.min.x);
+                            obj.scale.y = myThis_1.svgSize.y / (box.max.y - box.min.y);
+                            obj.scale.z = obj.scale.x;
+                            myThis_1.isSvgDirtyLocation = true;
+                            obj.traverse(function (child) {
+                                if (child.material) {
+                                    child.material.transparent = true;
+                                }
+                            });
+                            //this.svgPos.multiply
+                            myThis_1.svg = obj;
+                            myThis_1.setNeedUpdateDisplay(true);
+                            MxFun_1.default.updateDisplay();
+                        }
+                        myThis_1.isLoadFromPath = false;
+                    });
+                }
+            }
+            pWorldDraw.drawSelectLine(pt1.x, pt1.y, pt2.x, pt2.y);
+            pWorldDraw.drawSelectLine(pt1.x, pt2.y, pt2.x, pt1.y);
+        }
+        else {
+            pWorldDraw.drawLine(pt1.x, pt1.y, pt1.x, pt2.y);
+            pWorldDraw.drawLine(pt1.x, pt2.y, pt2.x, pt2.y);
+            pWorldDraw.drawLine(pt2.x, pt2.y, pt2.x, pt1.y);
+            pWorldDraw.drawLine(pt2.x, pt1.y, pt1.x, pt1.y);
+        }
+    };
+    MxDbSVG.prototype.setSvgPath = function (path) {
+        this.svgPath = path;
+        this.svg = null;
+        this.isLoadFromPath = true;
+    };
+    MxDbSVG.prototype.getSvgPath = function () {
+        return this.svgPath;
+    };
+    MxDbSVG.prototype.setSvgPostion = function (pos) {
+        this.svgPos = pos;
+        this.isSvgDirtyLocation = true;
+    };
+    MxDbSVG.prototype.getSvgPostion = function () {
+        return this.svgPos;
+    };
+    MxDbSVG.prototype.setSvgSize = function (size) {
+        this.svgSize = size;
+        this.isSvgDirtyLocation = true;
+    };
+    MxDbSVG.prototype.getSvgSize = function () {
+        return this.svgSize;
+    };
+    MxDbSVG.prototype.setSvgAlignmentRatio = function (alignmentRatio) {
+        this.svgAlignmentRatio = alignmentRatio;
+        this.isSvgDirtyLocation = true;
+    };
+    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.getTextPostion = function () {
+        return this.txtPos;
+    };
+    MxDbSVG.prototype.getGripPoints = function () {
+        var ret = [];
+        ret.push(this.svgPos);
+        return ret;
+    };
+    MxDbSVG.prototype.moveGripPointsAt = function (index, offset) {
+        if (index == 0) {
+            this.svgPos.add(offset);
+            this.txtPos.add(offset);
+        }
+        this.isSvgDirtyLocation = true;
+        return true;
+    };
+    MxDbSVG.prototype.calcSvgPosition = function () {
+        if (!this.svg || !this.isSvgDirtyLocation) {
+            return;
+        }
+        this.isSvgDirtyLocation = false;
+        this.svg.position.x = this.svgPos.x - this.svgSize.x * this.svgAlignmentRatio.x;
+        this.svg.position.y = this.svgPos.y - this.svgSize.y * this.svgAlignmentRatio.y;
+    };
+    MxDbSVG.prototype.dwgIn = function (obj) {
+        this.onDwgIn(obj);
+        if (obj.type == MxType_1.default.MxCloneType.kClone && obj['svg']) {
+            this.svg = obj['svg'].clone();
+        }
+        this.svgPos.copy(obj['svgPos']);
+        this.svgPath = obj['svgPath'].substr(0);
+        this.svgSize.copy(obj['svgSize']);
+        this.svgAlignmentRatio.copy(obj['svgAlignmentRatio']);
+        this.isSvgDirtyLocation = true;
+        if (!this.svg)
+            this.isLoadFromPath = true;
+        this.txt = obj['txt'];
+        this.txtHeight = obj['txtHeight'];
+        this.txtPos.copy(obj['txtPos']);
+        return true;
+    };
+    MxDbSVG.prototype.dwgOut = function (obj) {
+        this.onDwgOut(obj);
+        if (obj.type == MxType_1.default.MxCloneType.kClone) {
+            obj['svg'] = this.svg;
+        }
+        obj['svgPath'] = this.svgPath;
+        obj['svgPos'] = this.svgPos;
+        obj['svgSize'] = this.svgSize;
+        obj['svgAlignmentRatio'] = this.svgAlignmentRatio;
+        obj['txt'] = this.txt;
+        obj['txtHeight'] = this.txtHeight;
+        obj['txtPos'] = this.txtPos;
+        return obj;
+    };
+    MxDbSVG.prototype.create = function () {
+        return new MxDbSVG();
+    };
+    MxDbSVG.prototype.transformBy = function (mat) {
+        this.svgPos.applyMatrix4(mat);
+        this.txtPos.applyMatrix4(mat);
+        this.isSvgDirtyLocation = true;
+    };
+    MxDbSVG.prototype.getTypeName = function () {
+        return 'MxDbSVG';
+    };
+    return MxDbSVG;
+}(MxDbEntity_1.default));
+exports.default = MxDbSVG;

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

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