three-base 2.0.142 → 2.0.166

package/Text3D/fontController.js

@@ -1,166 +1,166 @@
-/*
- * @Author: xiaosihan
- * @Date: 2021-04-15 00:34:44
- * @Last Modified by: xiaosihan
- * @Last Modified time: 2022-06-08 14:33:45
- */
-import Dexie from "dexie";
-import { filter, first, isEmpty } from "lodash";
-import { Font } from "three/examples/jsm/loaders/FontLoader";
-import threeUtils from "../threeUtils";
-import gentilisJSON from "./gentilis.json";
-class indexBD extends Dexie {
-    constructor(dbName) {
-        super(dbName);
-    }
-    threeFont;
-}
-class fontControl {
-    constructor() { }
-    THREEFontMap = new Map();
-    fontBD = (() => {
-        let fontDB = new indexBD("three-base-font");
-        fontDB.version(1).stores({ threeFont: "++KeyPath,fontType,fontName,fontJson" });
-        return fontDB;
-    })();
-    /**
-     * 保存 字体json到本地数据库中
-     * @param {saveFontParam} { fontType = "simhei", fontName, fontJson }
-     * @memberof fontControl
-     */
-    async saveFont({ fontType = "simhei", fontName, fontJson = {} }) {
-        let findResult = await this.getFont({ fontType, fontName });
-        if (isEmpty(findResult)) {
-            await this.fontBD.threeFont.add({ fontType, fontName, fontJson });
-        }
-    }
-    /**
-     * 通过 fontType 和 fontName 查询 fontJson
-     * @param {getFontParam} { fontType = "simhei", fontName }
-     * @returns
-     * @memberof fontControl
-     */
-    async getFont({ fontType = "simhei", fontName }) {
-        let fondResult = await this.fontBD.threeFont
-            .filter((d) => (d.fontType === fontType && d.fontName === fontName))
-            .toArray();
-        if (isEmpty(fondResult)) {
-            return undefined;
-        }
-        else {
-            return first(fondResult).fontJson;
-        }
-    }
-    _loadTextCall = new Map();
-    async loadText({ fontType = "simhei", text = "", fontBasePath, callback }) {
-        await this._loadFontIndexJson({ fontType, fontBasePath });
-        let newCallback = () => {
-            let fontFamily = this.THREEFontMap.get(fontType);
-            if (callback && fontFamily) {
-                callback(fontFamily);
-            }
-        };
-        filter(text).map((fontName) => {
-            if (!this.hasFont({ fontType, fontName })) {
-                let fontFamily = this.THREEFontMap.get(fontType);
-                if (fontFamily) {
-                    fontFamily.data.glyphs[fontName] = { "ha": 1389, "x_min": 477, "x_max": 949, "o": "m 700 901 q 906 770 830 906 q 770 477 949 618 q 711 288 711 412 l 613 288 q 781 608 613 494 q 819 722 825 651 q 700 808 808 803 l 684 808 q 581 673 575 803 l 477 673 q 613 884 477 836 q 700 901 629 901 m 732 184 l 732 71 l 591 71 l 591 184 l 732 184 z " };
-                }
-                this._loadFontJson({ fontType, fontName, fontBasePath });
-            }
-            let origin_callbacks = this._loadTextCall.get(`${fontType}_${fontName}`) || [];
-            if (newCallback) {
-                this._loadTextCall.set(`${fontType}_${fontName}`, [...origin_callbacks, newCallback]);
-            }
-        });
-        threeUtils.addWork(newCallback);
-    }
-    async _loadFontIndexJson({ fontType = "simhei", fontBasePath }) {
-        let fontFamily = this.THREEFontMap.get(fontType);
-        if (!fontFamily) {
-            fontFamily = new Font({
-                "underlineThickness": 69,
-                "underlinePosition": -174,
-                "resolution": 1000,
-                "original_font_information": {},
-                "familyName": "Source Han Sans CN Normal",
-                "descender": -167,
-                "ascender": 0,
-                "boundingBox": {
-                    "yMin": -700,
-                    "xMin": -1389,
-                    "yMax": 700,
-                    "xMax": 4067
-                },
-                "glyphs": {}
-            });
-            this.THREEFontMap.set(fontType, fontFamily);
-            let fontFamilyIndexJson = await this.getFont({ fontType, fontName: "index" });
-            if (!fontFamilyIndexJson) {
-                this._loadFontJson({ fontType, fontName: "index", fontBasePath });
-            }
-        }
-    }
-    async _loadFontJson({ fontType = "simhei", fontName, fontBasePath }) {
-        let fontJson = await this.getFont({ fontType, fontName });
-        if (!fontJson) {
-            fontJson = gentilisJSON.glyphs[fontName];
-        }
-        if (!fontJson) {
-            await new Promise(resolve => {
-                let script = document.createElement("script");
-                Object.assign(script, {
-                    type: "text/javascript",
-                    src: `${fontBasePath}${fontType}/${fontName}.js`,
-                    async: true,
-                    onload: () => {
-                        script.remove();
-                        resolve();
-                    },
-                    onerror: () => {
-                    }
-                });
-                document.head.appendChild(script);
-            });
-        }
-        else {
-            let fontFamily = this.THREEFontMap.get(fontType);
-            if (fontFamily) {
-                fontFamily.data.glyphs[fontName] = fontJson;
-            }
-        }
-        let origin_callbacks = this._loadTextCall.get(`${fontType}_${fontName}`) || [];
-        this._loadTextCall.delete(`${fontType}_${fontName}`);
-        origin_callbacks.map(callback => {
-            threeUtils.addWork(callback);
-        });
-    }
-    hasFont({ fontType, fontName }) {
-        return !isEmpty(this.THREEFontMap.get(fontType) &&
-            this.THREEFontMap.get(fontType).data.glyphs[fontName]);
-    }
-    addFont({ fontType = "simhei", fontName, fontJson }) {
-        this.saveFont({ fontType, fontName, fontJson });
-        let fontFamily = this.THREEFontMap.get(fontType);
-        if (fontFamily) {
-            fontFamily.data.glyphs[fontName] = fontJson;
-        }
-    }
-    addFontFamily({ fontType = "simhei", fontFamilyJson }) {
-        this.saveFont({ fontType, fontName: "index", fontJson: fontFamilyJson });
-        let fontFamily = this.THREEFontMap.get(fontType);
-        if (fontFamily) {
-            fontFamily.data = Object.assign({}, fontFamilyJson, {
-                glyphs: fontFamily.data.glyphs
-            });
-        }
-    }
-}
-const fontController = new fontControl();
-// 将 fontController 实例挂载到 window 上，供浏览器控制台全局访问
-window.fontController = fontController;
-// 兼容旧代码中对 fontContorller (多了一个 l) 的错误拼写引用
-// 保持向后兼容，避免旧示例代码或浏览器控制台输入报错
-window.fontContorller = fontController;
-export default fontController;
-export { fontController };
+/*
+ * @Author: xiaosihan
+ * @Date: 2021-04-15 00:34:44
+ * @Last Modified by: xiaosihan
+ * @Last Modified time: 2022-06-08 14:33:45
+ */
+import Dexie from "dexie";
+import { filter, first, isEmpty } from "lodash";
+import { Font } from "three/examples/jsm/loaders/FontLoader";
+import threeUtils from "../threeUtils";
+import gentilisJSON from "./gentilis.json";
+class indexBD extends Dexie {
+    constructor(dbName) {
+        super(dbName);
+    }
+    threeFont;
+}
+class fontControl {
+    constructor() { }
+    THREEFontMap = new Map();
+    fontBD = (() => {
+        let fontDB = new indexBD("three-base-font");
+        fontDB.version(1).stores({ threeFont: "++KeyPath,fontType,fontName,fontJson" });
+        return fontDB;
+    })();
+    /**
+     * 保存 字体json到本地数据库中
+     * @param {saveFontParam} { fontType = "simhei", fontName, fontJson }
+     * @memberof fontControl
+     */
+    async saveFont({ fontType = "simhei", fontName, fontJson = {} }) {
+        let findResult = await this.getFont({ fontType, fontName });
+        if (isEmpty(findResult)) {
+            await this.fontBD.threeFont.add({ fontType, fontName, fontJson });
+        }
+    }
+    /**
+     * 通过 fontType 和 fontName 查询 fontJson
+     * @param {getFontParam} { fontType = "simhei", fontName }
+     * @returns
+     * @memberof fontControl
+     */
+    async getFont({ fontType = "simhei", fontName }) {
+        let fondResult = await this.fontBD.threeFont
+            .filter((d) => (d.fontType === fontType && d.fontName === fontName))
+            .toArray();
+        if (isEmpty(fondResult)) {
+            return undefined;
+        }
+        else {
+            return first(fondResult).fontJson;
+        }
+    }
+    _loadTextCall = new Map();
+    async loadText({ fontType = "simhei", text = "", fontBasePath, callback }) {
+        await this._loadFontIndexJson({ fontType, fontBasePath });
+        let newCallback = () => {
+            let fontFamily = this.THREEFontMap.get(fontType);
+            if (callback && fontFamily) {
+                callback(fontFamily);
+            }
+        };
+        filter(text).map((fontName) => {
+            if (!this.hasFont({ fontType, fontName })) {
+                let fontFamily = this.THREEFontMap.get(fontType);
+                if (fontFamily) {
+                    fontFamily.data.glyphs[fontName] = { "ha": 1389, "x_min": 477, "x_max": 949, "o": "m 700 901 q 906 770 830 906 q 770 477 949 618 q 711 288 711 412 l 613 288 q 781 608 613 494 q 819 722 825 651 q 700 808 808 803 l 684 808 q 581 673 575 803 l 477 673 q 613 884 477 836 q 700 901 629 901 m 732 184 l 732 71 l 591 71 l 591 184 l 732 184 z " };
+                }
+                this._loadFontJson({ fontType, fontName, fontBasePath });
+            }
+            let origin_callbacks = this._loadTextCall.get(`${fontType}_${fontName}`) || [];
+            if (newCallback) {
+                this._loadTextCall.set(`${fontType}_${fontName}`, [...origin_callbacks, newCallback]);
+            }
+        });
+        threeUtils.addWork(newCallback);
+    }
+    async _loadFontIndexJson({ fontType = "simhei", fontBasePath }) {
+        let fontFamily = this.THREEFontMap.get(fontType);
+        if (!fontFamily) {
+            fontFamily = new Font({
+                "underlineThickness": 69,
+                "underlinePosition": -174,
+                "resolution": 1000,
+                "original_font_information": {},
+                "familyName": "Source Han Sans CN Normal",
+                "descender": -167,
+                "ascender": 0,
+                "boundingBox": {
+                    "yMin": -700,
+                    "xMin": -1389,
+                    "yMax": 700,
+                    "xMax": 4067
+                },
+                "glyphs": {}
+            });
+            this.THREEFontMap.set(fontType, fontFamily);
+            let fontFamilyIndexJson = await this.getFont({ fontType, fontName: "index" });
+            if (!fontFamilyIndexJson) {
+                this._loadFontJson({ fontType, fontName: "index", fontBasePath });
+            }
+        }
+    }
+    async _loadFontJson({ fontType = "simhei", fontName, fontBasePath }) {
+        let fontJson = await this.getFont({ fontType, fontName });
+        if (!fontJson) {
+            fontJson = gentilisJSON.glyphs[fontName];
+        }
+        if (!fontJson) {
+            await new Promise(resolve => {
+                let script = document.createElement("script");
+                Object.assign(script, {
+                    type: "text/javascript",
+                    src: `${fontBasePath}${fontType}/${fontName}.js`,
+                    async: true,
+                    onload: () => {
+                        script.remove();
+                        resolve();
+                    },
+                    onerror: () => {
+                    }
+                });
+                document.head.appendChild(script);
+            });
+        }
+        else {
+            let fontFamily = this.THREEFontMap.get(fontType);
+            if (fontFamily) {
+                fontFamily.data.glyphs[fontName] = fontJson;
+            }
+        }
+        let origin_callbacks = this._loadTextCall.get(`${fontType}_${fontName}`) || [];
+        this._loadTextCall.delete(`${fontType}_${fontName}`);
+        origin_callbacks.map(callback => {
+            threeUtils.addWork(callback);
+        });
+    }
+    hasFont({ fontType, fontName }) {
+        return !isEmpty(this.THREEFontMap.get(fontType) &&
+            this.THREEFontMap.get(fontType).data.glyphs[fontName]);
+    }
+    addFont({ fontType = "simhei", fontName, fontJson }) {
+        this.saveFont({ fontType, fontName, fontJson });
+        let fontFamily = this.THREEFontMap.get(fontType);
+        if (fontFamily) {
+            fontFamily.data.glyphs[fontName] = fontJson;
+        }
+    }
+    addFontFamily({ fontType = "simhei", fontFamilyJson }) {
+        this.saveFont({ fontType, fontName: "index", fontJson: fontFamilyJson });
+        let fontFamily = this.THREEFontMap.get(fontType);
+        if (fontFamily) {
+            fontFamily.data = Object.assign({}, fontFamilyJson, {
+                glyphs: fontFamily.data.glyphs
+            });
+        }
+    }
+}
+const fontController = new fontControl();
+// 将 fontController 实例挂载到 window 上，供浏览器控制台全局访问
+window.fontController = fontController;
+// 兼容旧代码中对 fontContorller (多了一个 l) 的错误拼写引用
+// 保持向后兼容，避免旧示例代码或浏览器控制台输入报错
+window.fontContorller = fontController;
+export default fontController;
+export { fontController };

package/Text3D/index.d.ts

@@ -1 +1 @@
-export { default } from "./Text3D";
+export { default } from "./Text3D";

package/Text3D/index.js

@@ -1 +1 @@
-export { default } from "./Text3D";
+export { default } from "./Text3D";