mxdraw 0.0.1

package/dist/types/MxModule/MxThreeJS/MxThreeJS.d.ts

@@ -0,0 +1,126 @@
+import { Vector3, Line, Object3D, Points, Sprite, Mesh, MeshBasicMaterial, Color } from 'three';
+declare class MxThreeJS {
+    /**
+     * 创建Three.js直线对象。
+     * @param vPt1 THREE.Vector3 点1
+     * @param vPt1 THREE.Vector3 点2
+     * @param iColor 颜色
+     * @returns THREE.Line
+     * @example
+     * ```typescript
+     * Mx.MxThreeJS.createLine(new Three.Vector3(1,10,0), new Three.Vector3(1,300,0), 0)
+     * ```
+     */
+    createLine(vPt1: Vector3, vPt2: Vector3, iColor: number): Line;
+    /**
+     * 创建Three.js圆对象。
+     * @param mCenterPt 圆中心点
+     * @param dRadius 圆半径
+     * @param iColor 颜色
+     * @returns THREE.Object3D
+     * @example
+     * ```typescript
+     * Mx.MxThreeJS.createCircle(new Three.Vector3(1,10,0), 10, 0)
+     * ```
+     */
+    createCircle(mCenterPt: Vector3, dRadius: number, iColor: number): Object3D;
+    /**
+     * 创建Three.js点对象。
+     * @param mPt 点位置
+     * @param iColor 颜色
+     * @returns THREE.Points
+     * @example
+     * ```typescript
+     * Mx.MxThreeJS.createPoint(new Three.Vector3(1,10,0), 0)
+     * ```
+     */
+    createPoint(mPt: Vector3, iColor: number): Points;
+    /**
+     * 创建Three.js 文字
+     * @param message 文字信息
+     * @param pt 位置
+     * @param iSize 文字大小
+     * @param fAngle 旋转角度
+     * @param iColor 颜色
+     * @returns THREE.Sprite
+     * @example
+     * ```typescript
+     * Mx.MxThreeJS.creatTextSprite("hello",new Three.Vector3(1,10,0), 90, 60, 0)
+     * ```
+     */
+    creatTextSprite(message: string, pt: Vector3, iSize: number, fAngle: number, iColor: number): Sprite | null;
+    /**
+     * 根据三角形数组，创建Three.js Mesh
+     * @param points 由三个点组成的数组
+     * @param iColor 颜色
+     * @param opacity 透明度
+     * @returns THREE.Mesh
+     * @example
+     * ```typescript
+     * Mx.MxThreeJS.createTriangle(
+     * [new THREE.Vector3(1,2,2),new THREE.Vector3(1,65,4),new THREE.Vector3(12,2,2)],
+     *  0,
+     *  1
+     * )
+     * ```
+     */
+    createTriangle(points: Array<Vector3>, iColor: number, opacity?: number): Mesh | null;
+    /**
+     * 创建连续直线
+     * @param points 由多个点组成的数组
+     * @param iColor 颜色
+     * @returns THREE.Line
+     * @example
+     * ```typescript
+     * Mx.MxThreeJS.createLines([new THREE.Vector3(1,2,2),new THREE.Vector3(1,65,4),new THREE.Vector3(12,2,2)], 0)
+     * ```
+     */
+    createLines(points: Array<Vector3>, iColor: number): Line;
+    /**
+     * 创建虚线
+     * @param points 由多个点组成的数组
+     * @param iColor 颜色
+     * @param dashSize 短划线的大小
+     * @param gapSize 短划线之间的距离
+     * @returns THREE.Line
+     * @example
+     * ```typescript
+     * Mx.MxThreeJS.createDashedLines([new THREE.Vector3(1,2,2),new THREE.Vector3(1,65,4),new THREE.Vector3(12,2,2)], 10, 20, 2)
+     * ```
+     */
+    createDashedLines(points: Array<Vector3>, iColor: number, dashSize: number, gapSize: number): Line;
+    /**
+     * 创建Image
+     * @param pos 图片位置
+     * @param w 图片宽度
+     * @param h 图片高度
+     * @param imageUrlPath 图片URl地址
+     * @param callResult 图片加载完成的回调 回调参数：THREE.Mesh
+     * @returns void
+     * @example
+     * ```typescript
+     * Mx.MxThreeJS.createImage(new THREE.Vector3(12,2,2), 10, 20, "../img/icon.png", (mesh)=> {
+     *      console.log(mesh)
+     * })
+     * ```
+     */
+    createImage: ((pos: Vector3, w: number, h: number, imageUrlPath: string, callResult: (mesh: Mesh | null) => void) => void) | undefined;
+    /**
+     * 加载SVG
+     * @param url SVG路径地址
+     * @param x X轴位置
+     * @param y Y轴位置
+     * @param scale 缩放比
+     * @param color 颜色
+     * @param callResult SVG加载完成的回调 回调参数：THREE.Object3D和Array<THREE.MeshBasicMaterial>
+     * @returns void
+     * @example
+     * ```typescript
+     * Mx.MxThreeJS.loadSVG("../img/icon.svg", 10, 20, 1.5, new THREE.Color(0xff0000), (threeobj, aryMeterial)=> {
+     *      console.log(threeobj, aryMeterial)
+     * })
+     * ```
+     */
+    loadSVG: ((url: string, x: number, y: number, scale: number, color: Color, callResult: (threeobj: Object3D, aryMeterial: Array<MeshBasicMaterial>) => void) => void) | undefined;
+}
+export default MxThreeJS;

package/dist/types/MxModule/MxThreeJS/MxThreeJS.mixin.d.ts

@@ -0,0 +1,2 @@
+import MxThreeJSType from './MxThreeJS';
+export default function (MxThreeJS: MxThreeJSType): void;

package/dist/types/MxModule.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="jquery" />
+import MxFunModule from './MxCore/MxFun/MxFun';
+import MxThreeJSModule from './MxModule/MxThreeJS/MxThreeJS';
+import { McEdGetPointWorldDrawObjectClass, MrxDbgUiPrPointClass } from './MxCore/MxJigCmdManager';
+export declare let _MxFun: MxFunType;
+declare class MxModule {
+    MxFun: MxFunModule;
+    MxThreeJS: MxThreeJSModule;
+    McEdGetPointWorldDrawObjectClass: typeof McEdGetPointWorldDrawObjectClass;
+    MrxDbgUiPrPointClass: typeof MrxDbgUiPrPointClass;
+    constructor(Jquery: JQueryStatic);
+}
+export default MxModule;

package/dist/types/mxdraw.d.ts

@@ -0,0 +1,8 @@
+import 'element-resize-event-polyfill';
+import MxModule from "./MxModule";
+import './lib/mxfun.min.js';
+declare class Mx extends MxModule {
+    constructor();
+}
+declare const _default: Mx;
+export default _default;

package/dist/types/tools/algorithm/math.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 计算纹理的尺寸，保证纹理的尺寸是2次方。
+ * @param value 纹理的尺寸
+ * @returns number 纹理的尺寸是2次方
+ * @example
+ * ```
+ * floorPowerOfTwo(36)
+ * ```
+ * */
+export declare function floorPowerOfTwo(value: number): number;

package/dist/types/tools/algorithm/random.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 创建一个唯一ID
+ * @param length 生成ID的长度
+ * @returns 返回唯一ID
+ */
+export declare function createReandomId(length?: number): string;

package/dist/types/tools/dom/create.d.ts

@@ -0,0 +1,22 @@
+/**
+* 创建canvas 元素
+* @param id 提供一个canvas的ID
+* @paramType string
+* @return HTMLCanvasElement
+* @example
+* ``` typescript
+* const canvas:HTMLCanvasElement = createCanvas()
+* ```
+*/
+export declare function createCanvas(id?: string): HTMLCanvasElement;
+/**
+ * 创建canvas 的父级元素
+ * @param canvas 提供一个canvas元素
+ * @paramType HTMLCanvasElement
+ * @return HTMLDivElement
+ * @example
+ * ``` typescript
+ * const canvas:HTMLDivElement = createCavansParent()
+ * ```
+ */
+export declare function createCavansParent(canvas?: HTMLCanvasElement | null): HTMLElement;

package/dist/types/tools/formatting/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 格式化字符串
+ * @param str  字符串 {1} 替换为 ...val对应坐标下的值
+ * @param ...val 剩余参数 对应坐标值
+ * @returns 格式化后的字符串
+ */
+export declare function formatString(str: string, ...val: string[]): string;

package/dist/types/tools/three/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 移动geometry坐标。
+ * @param geometry Three的Geometry对象
+ * @param pos 移动后的坐标
+ * @example
+ * ```typescript
+ * setGeometryPostion(new THREE.Geometry(), new THREE.Vector3(3,10,0))
+ * ```
+ *
+ */
+export declare function setGeometryPostion(geometry: THREE.Geometry, pos: THREE.Vector3): void;

package/package.json

@@ -0,0 +1,127 @@
+{
+  "name": "mxdraw",
+  "version": "0.0.1",
+  "description": "",
+  "keywords": [],
+  "main": "dist/mxdraw.umd.js",
+  "module": "dist/mxdraw.es5.js",
+  "typings": "dist/types/mxdraw.d.ts",
+  "files": [
+    "dist"
+  ],
+  "author": "--username-- <--usermail-->",
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "license": "MIT",
+  "engines": {
+    "node": ">=6.0.0"
+  },
+  "scripts": {
+    "prepub": "npm run test:prod && npm run build",
+    "pub": "node release.js",
+    "dev": "node examples/server.js",
+    "lint": "tslint  --project tsconfig.json -t codeFrame 'src/**/*.ts' 'test/**/*.ts'",
+    "prebuild": "rimraf dist",
+    "build": "tsc --module commonjs && rollup -c rollup.config.ts && typedoc --out docs",
+    "oldDocs": "typedoc --out docs --target es6 --theme minimal --mode file src",
+    "docs": "typedoc --out docs",
+    "start": "rollup -c rollup.config.ts -w",
+    "test": "jest --coverage",
+    "test:watch": "jest --coverage --watch",
+    "test:prod": "npm run lint && npm run test -- --no-cache",
+    "deploy-docs": "ts-node tools/gh-pages-publish",
+    "report-coverage": "cat ./coverage/lcov.info | coveralls",
+    "commit": "git-cz",
+    "semantic-release": "semantic-release",
+    "semantic-release-prepare": "ts-node tools/semantic-release-prepare",
+    "precommit": "lint-staged",
+    "postinstall": "ts-node tools/init",
+    "travis-deploy-once": "travis-deploy-once"
+  },
+  "lint-staged": {
+    "{src,test}/**/*.ts": [
+      "prettier --write",
+      "git add"
+    ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "node_modules/cz-conventional-changelog"
+    }
+  },
+  "prettier": {
+    "semi": false,
+    "singleQuote": true
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "devDependencies": {
+    "@babel/core": "^7.16.0",
+    "@babel/preset-env": "^7.16.4",
+    "@commitlint/cli": "^7.1.2",
+    "@commitlint/config-conventional": "^7.1.2",
+    "@types/jest": "^23.3.2",
+    "@types/jquery": "^3.5.9",
+    "@types/node": "^10.11.0",
+    "@types/offscreencanvas": "^2019.6.4",
+    "babel-jest": "^27.4.2",
+    "babel-loader": "^8.2.3",
+    "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
+    "babel-polyfill": "^6.26.0",
+    "colors": "^1.3.2",
+    "commitizen": "^3.0.0",
+    "coveralls": "^3.0.2",
+    "cross-env": "^5.2.0",
+    "css-loader": "^6.5.1",
+    "cz-conventional-changelog": "^2.1.0",
+    "express": "^4.17.1",
+    "extract-text-webpack-plugin": "^3.0.2",
+    "file-loader": "^6.2.0",
+    "husky": "^1.0.1",
+    "jest": "^23.6.0",
+    "jest-canvas-mock": "^2.3.1",
+    "jest-config": "^23.6.0",
+    "lint-staged": "^8.0.0",
+    "lodash.camelcase": "^4.3.0",
+    "prettier": "^1.14.3",
+    "prompt": "^1.0.0",
+    "replace-in-file": "^3.4.2",
+    "rimraf": "^2.6.2",
+    "rollup": "^0.67.0",
+    "rollup-plugin-commonjs": "^9.1.8",
+    "rollup-plugin-json": "^3.1.0",
+    "rollup-plugin-node-resolve": "^3.4.0",
+    "rollup-plugin-sourcemaps": "^0.4.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.18.0",
+    "semantic-release": "^15.9.16",
+    "shelljs": "^0.8.3",
+    "travis-deploy-once": "^5.0.9",
+    "ts-jest": "^23.10.2",
+    "ts-loader": "^9.2.6",
+    "ts-node": "^7.0.1",
+    "tslint": "^5.11.0",
+    "tslint-config-prettier": "^1.15.0",
+    "tslint-config-standard": "^8.0.1",
+    "tslint-loader": "^3.5.4",
+    "typedoc": "^0.22.10",
+    "typescript": "^4.5.2",
+    "vue": "^2.6.14",
+    "vue-loader": "^15.9.8",
+    "vue-style-loader": "^4.1.3",
+    "vue-template-compiler": "^2.6.14",
+    "webpack": "^5.64.4",
+    "webpack-dev-middleware": "^5.2.2",
+    "webpack-hot-middleware": "^2.25.1"
+  },
+  "dependencies": {
+    "element-resize-event-polyfill": "^1.0.5",
+    "jquery": "^3.6.0",
+    "three": "0.113.2"
+  }
+}