@hufe921/canvas-editor 0.9.33 → 0.9.34

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [0.9.34](https://github.com/Hufe921/canvas-editor/compare/v0.9.33...v0.9.34) (2023-05-16)
+
+
+### Documentation
+
+* get catalog api ([c2cc8d9](https://github.com/Hufe921/canvas-editor/commit/c2cc8d98d29a472ccbe35aa39893e1dfc8df74e0))
+* location catalog api ([402e448](https://github.com/Hufe921/canvas-editor/commit/402e448559a5e2a1d2dd6399889758172651bcef))
+
+
+### Features
+
+* add catalog demo ([9343afe](https://github.com/Hufe921/canvas-editor/commit/9343afe83136b4e1a23bad813adb5f9cf813604a))
+* get catalog api ([237c0f2](https://github.com/Hufe921/canvas-editor/commit/237c0f22cbd26ac737187b8a195bc08665dcc450))
+* location catalog api ([535562e](https://github.com/Hufe921/canvas-editor/commit/535562e396ce150916456a0ed791edc4ff208de4))
+
+
+### Performance Improvements
+
+* optimize cursor blink ([7ad4ba3](https://github.com/Hufe921/canvas-editor/commit/7ad4ba3a2664744bbcee200775028a009fecd5b4))
+
+
+
 ## [0.9.33](https://github.com/Hufe921/canvas-editor/compare/v0.9.32...v0.9.33) (2023-05-02)
 
 

package/README.md

@@ -28,7 +28,7 @@ new Editor(document.querySelector(".canvas-editor"), [
 
 ## next features
 
-1. catalog
+1. improve page number
 2. improve list and title
 3. improve performance
 4. control rules

package/dist/canvas-editor.es.js

@@ -23,7 +23,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 var index = "";
-const version = "0.9.33";
+const version = "0.9.34";
 var MaxHeightRatio;
 (function(MaxHeightRatio2) {
   MaxHeightRatio2["HALF"] = "half";
@@ -4371,12 +4371,14 @@ class CursorAgent {
 }
 class Cursor {
   constructor(draw, canvasEvent) {
+    __publicField(this, "ANIMATION_CLASS", `${EDITOR_PREFIX}-cursor--animation`);
     __publicField(this, "draw");
     __publicField(this, "container");
     __publicField(this, "options");
     __publicField(this, "position");
     __publicField(this, "cursorDom");
     __publicField(this, "cursorAgent");
+    __publicField(this, "blinkTimeout");
     this.draw = draw;
     this.container = draw.getContainer();
     this.position = draw.getPosition();
@@ -4385,6 +4387,7 @@ class Cursor {
     this.cursorDom.classList.add(`${EDITOR_PREFIX}-cursor`);
     this.container.append(this.cursorDom);
     this.cursorAgent = new CursorAgent(draw, canvasEvent);
+    this.blinkTimeout = null;
   }
   getCursorDom() {
     return this.cursorDom;
@@ -4398,6 +4401,25 @@ class Cursor {
   clearAgentDomValue() {
     return this.getAgentDom().value = "";
   }
+  _blinkStart() {
+    this.cursorDom.classList.add(this.ANIMATION_CLASS);
+  }
+  _blinkStop() {
+    this.cursorDom.classList.remove(this.ANIMATION_CLASS);
+  }
+  _setBlinkTimeout() {
+    this._clearBlinkTimeout();
+    this.blinkTimeout = window.setTimeout(() => {
+      this._blinkStart();
+    }, 500);
+  }
+  _clearBlinkTimeout() {
+    if (this.blinkTimeout) {
+      this._blinkStop();
+      window.clearTimeout(this.blinkTimeout);
+      this.blinkTimeout = null;
+    }
+  }
   drawCursor(payload) {
     const cursorPosition = this.position.getCursorPosition();
     if (!cursorPosition)
@@ -4431,18 +4453,15 @@ class Cursor {
     this.cursorDom.style.top = `${cursorTop}px`;
     this.cursorDom.style.display = isReadonly ? "none" : "block";
     this.cursorDom.style.height = `${cursorHeight}px`;
-    const animationClassName = `${EDITOR_PREFIX}-cursor--animation`;
     if (isBlink) {
-      setTimeout(() => {
-        this.cursorDom.classList.add(animationClassName);
-      }, 200);
+      this._setBlinkTimeout();
     } else {
-      this.cursorDom.classList.remove(animationClassName);
+      this._clearBlinkTimeout();
     }
   }
   recoveryCursor() {
     this.cursorDom.style.display = "none";
-    this.cursorDom.classList.remove(`${EDITOR_PREFIX}-cursor--animation`);
+    this._clearBlinkTimeout();
   }
 }
 var MouseEventButton;
@@ -5798,6 +5817,7 @@ var EditorComponent;
   EditorComponent2["FOOTER"] = "footer";
   EditorComponent2["CONTEXTMENU"] = "contextmenu";
   EditorComponent2["POPUP"] = "popup";
+  EditorComponent2["CATALOG"] = "catalog";
 })(EditorComponent || (EditorComponent = {}));
 var EditorContext;
 (function(EditorContext2) {
@@ -8559,7 +8579,17 @@ class CheckboxParticle {
     ctx.restore();
   }
 }
-const encodedJs = "KCgpPT57KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBjOyhmdW5jdGlvbih0KXt0LlRFWFQ9InRleHQiLHQuVEFCTEU9InRhYmxlIix0LkhZUEVSTElOSz0iaHlwZXJsaW5rIix0LkNPTlRST0w9ImNvbnRyb2wifSkoY3x8KGM9e30pKTt2YXIgdTsoZnVuY3Rpb24odCl7dC5WQUxVRT0idmFsdWUifSkodXx8KHU9e30pKTtjb25zdCBoPSJcdTIwMEIiLGc9YApgO2Z1bmN0aW9uIHAodCl7bGV0IGw9IiIsbz0wO2Zvcig7bzx0Lmxlbmd0aDspe2NvbnN0IG49dFtvXTtpZihuLnR5cGU9PT1jLlRBQkxFKXtpZihuLnRyTGlzdClmb3IobGV0IGk9MDtpPG4udHJMaXN0Lmxlbmd0aDtpKyspe2NvbnN0IHM9bi50ckxpc3RbaV07Zm9yKGxldCBlPTA7ZTxzLnRkTGlzdC5sZW5ndGg7ZSsrKXtjb25zdCByPXMudGRMaXN0W2VdO2wrPXAoci52YWx1ZSl9fX1lbHNlIGlmKG4udHlwZT09PWMuSFlQRVJMSU5LKXtjb25zdCBpPW4uaHlwZXJsaW5rSWQscz1bXTtmb3IoO288dC5sZW5ndGg7KXtjb25zdCBlPXRbb107aWYoaSE9PWUuaHlwZXJsaW5rSWQpe28tLTticmVha31kZWxldGUgZS50eXBlLHMucHVzaChlKSxvKyt9bCs9cChzKX1lbHNlIGlmKG4udHlwZT09PWMuQ09OVFJPTCl7Y29uc3QgaT1uLmNvbnRyb2xJZCxzPVtdO2Zvcig7bzx0Lmxlbmd0aDspe2NvbnN0IGU9dFtvXTtpZihpIT09ZS5jb250cm9sSWQpe28tLTticmVha31lLmNvbnRyb2xDb21wb25lbnQ9PT11LlZBTFVFJiYoZGVsZXRlIGUudHlwZSxzLnB1c2goZSkpLG8rK31sKz1wKHMpfSghbi50eXBlfHxuLnR5cGU9PT1jLlRFWFQpJiYobCs9bi52YWx1ZSksbysrfXJldHVybiBsfWZ1bmN0aW9uIGQodCl7Y29uc3QgbD1bXSxvPS9bMC05XS8sbj0vW0EtWmEtel0vLGk9L1xzLztsZXQgcz0hMSxlPSExLHI9IiI7ZnVuY3Rpb24gYSgpe3ImJihsLnB1c2gocikscj0iIil9Zm9yKGNvbnN0IGYgb2YgdCluLnRlc3QoZik/KHN8fGEoKSxyKz1mLHM9ITAsZT0hMSk6by50ZXN0KGYpPyhlfHxhKCkscis9ZixzPSExLGU9ITApOihhKCkscz0hMSxlPSExLGkudGVzdChmKXx8bC5wdXNoKGYpKTtyZXR1cm4gYSgpLGx9b25tZXNzYWdlPXQ9Pntjb25zdCBsPXQuZGF0YSxuPXAobCkucmVwbGFjZShuZXcgUmVnRXhwKGBeJHtofWApLCIiKS5yZXBsYWNlKG5ldyBSZWdFeHAoaCwiZyIpLGcpLGk9ZChuKTtwb3N0TWVzc2FnZShpLmxlbmd0aCl9fSkoKTt9KSgpOwo=";
+const encodedJs$1 = "KCgpPT57KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBjOyhmdW5jdGlvbih0KXt0LlRFWFQ9InRleHQiLHQuVEFCTEU9InRhYmxlIix0LkhZUEVSTElOSz0iaHlwZXJsaW5rIix0LkNPTlRST0w9ImNvbnRyb2wifSkoY3x8KGM9e30pKTt2YXIgdTsoZnVuY3Rpb24odCl7dC5WQUxVRT0idmFsdWUifSkodXx8KHU9e30pKTtjb25zdCBoPSJcdTIwMEIiLGc9YApgO2Z1bmN0aW9uIHAodCl7bGV0IGw9IiIsbz0wO2Zvcig7bzx0Lmxlbmd0aDspe2NvbnN0IG49dFtvXTtpZihuLnR5cGU9PT1jLlRBQkxFKXtpZihuLnRyTGlzdClmb3IobGV0IGk9MDtpPG4udHJMaXN0Lmxlbmd0aDtpKyspe2NvbnN0IHM9bi50ckxpc3RbaV07Zm9yKGxldCBlPTA7ZTxzLnRkTGlzdC5sZW5ndGg7ZSsrKXtjb25zdCByPXMudGRMaXN0W2VdO2wrPXAoci52YWx1ZSl9fX1lbHNlIGlmKG4udHlwZT09PWMuSFlQRVJMSU5LKXtjb25zdCBpPW4uaHlwZXJsaW5rSWQscz1bXTtmb3IoO288dC5sZW5ndGg7KXtjb25zdCBlPXRbb107aWYoaSE9PWUuaHlwZXJsaW5rSWQpe28tLTticmVha31kZWxldGUgZS50eXBlLHMucHVzaChlKSxvKyt9bCs9cChzKX1lbHNlIGlmKG4udHlwZT09PWMuQ09OVFJPTCl7Y29uc3QgaT1uLmNvbnRyb2xJZCxzPVtdO2Zvcig7bzx0Lmxlbmd0aDspe2NvbnN0IGU9dFtvXTtpZihpIT09ZS5jb250cm9sSWQpe28tLTticmVha31lLmNvbnRyb2xDb21wb25lbnQ9PT11LlZBTFVFJiYoZGVsZXRlIGUudHlwZSxzLnB1c2goZSkpLG8rK31sKz1wKHMpfSghbi50eXBlfHxuLnR5cGU9PT1jLlRFWFQpJiYobCs9bi52YWx1ZSksbysrfXJldHVybiBsfWZ1bmN0aW9uIGQodCl7Y29uc3QgbD1bXSxvPS9bMC05XS8sbj0vW0EtWmEtel0vLGk9L1xzLztsZXQgcz0hMSxlPSExLHI9IiI7ZnVuY3Rpb24gYSgpe3ImJihsLnB1c2gocikscj0iIil9Zm9yKGNvbnN0IGYgb2YgdCluLnRlc3QoZik/KHN8fGEoKSxyKz1mLHM9ITAsZT0hMSk6by50ZXN0KGYpPyhlfHxhKCkscis9ZixzPSExLGU9ITApOihhKCkscz0hMSxlPSExLGkudGVzdChmKXx8bC5wdXNoKGYpKTtyZXR1cm4gYSgpLGx9b25tZXNzYWdlPXQ9Pntjb25zdCBsPXQuZGF0YSxuPXAobCkucmVwbGFjZShuZXcgUmVnRXhwKGBeJHtofWApLCIiKS5yZXBsYWNlKG5ldyBSZWdFeHAoaCwiZyIpLGcpLGk9ZChuKTtwb3N0TWVzc2FnZShpLmxlbmd0aCl9fSkoKTt9KSgpOwo=";
+const blob$1 = typeof window !== "undefined" && window.Blob && new Blob([atob(encodedJs$1)], { type: "text/javascript;charset=utf-8" });
+function WorkerWrapper$1() {
+  const objURL = blob$1 && (window.URL || window.webkitURL).createObjectURL(blob$1);
+  try {
+    return objURL ? new Worker(objURL) : new Worker("data:application/javascript;base64," + encodedJs$1, { type: "module" });
+  } finally {
+    objURL && (window.URL || window.webkitURL).revokeObjectURL(objURL);
+  }
+}
+const encodedJs = "KCgpPT57KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3ZhciBnOyhmdW5jdGlvbihlKXtlLlRJVExFPSJ0aXRsZSJ9KShnfHwoZz17fSkpO3ZhciBvOyhmdW5jdGlvbihlKXtlLkZJUlNUPSJmaXJzdCIsZS5TRUNPTkQ9InNlY29uZCIsZS5USElSRD0idGhpcmQiLGUuRk9VUlRIPSJmb3VydGgiLGUuRklGVEg9ImZpZnRoIixlLlNJWFRIPSJzaXh0aCJ9KShvfHwobz17fSkpO2NvbnN0IHU9e1tvLkZJUlNUXToxLFtvLlNFQ09ORF06Mixbby5USElSRF06Myxbby5GT1VSVEhdOjQsW28uRklGVEhdOjUsW28uU0lYVEhdOjZ9LEk9Ilx1MjAwQiI7ZnVuY3Rpb24gZihlKXtjb25zdCBhPVtdO2xldCBzPTA7Zm9yKDtzPGUubGVuZ3RoOyl7Y29uc3QgdD1lW3NdO2lmKHQudGl0bGVJZCl7Y29uc3Qgbj10LnRpdGxlSWQsbD10LmxldmVsLGM9e3R5cGU6Zy5USVRMRSx2YWx1ZToiIixsZXZlbDpsLHRpdGxlSWQ6bn0saT1bXTtmb3IoO3M8ZS5sZW5ndGg7KXtjb25zdCB2PWVbc107aWYobiE9PXYudGl0bGVJZCl7cy0tO2JyZWFrfWkucHVzaCh2KSxzKyt9Yy52YWx1ZT1pLm1hcCh2PT52LnZhbHVlKS5qb2luKCIiKS5yZXBsYWNlKG5ldyBSZWdFeHAoSSwiZyIpLCIiKSxhLnB1c2goYyl9cysrfWlmKCFhLmxlbmd0aClyZXR1cm4gbnVsbDtjb25zdCBoPSh0LG4pPT57Y29uc3QgbD1uLnN1YkNhdGFsb2dbbi5zdWJDYXRhbG9nLmxlbmd0aC0xXSxjPXVbbD09bnVsbD92b2lkIDA6bC5sZXZlbF0saT11W3QubGV2ZWxdO2wmJmk+Yz9oKHQsbCk6bi5zdWJDYXRhbG9nLnB1c2goe2lkOnQudGl0bGVJZCxuYW1lOnQudmFsdWUsbGV2ZWw6dC5sZXZlbCxzdWJDYXRhbG9nOltdfSl9LHI9W107Zm9yKGxldCB0PTA7dDxhLmxlbmd0aDt0Kyspe2NvbnN0IG49YVt0XSxsPXJbci5sZW5ndGgtMV0sYz11W2w9PW51bGw/dm9pZCAwOmwubGV2ZWxdLGk9dVtuLmxldmVsXTtsJiZpPmM/aChuLGwpOnIucHVzaCh7aWQ6bi50aXRsZUlkLG5hbWU6bi52YWx1ZSxsZXZlbDpuLmxldmVsLHN1YkNhdGFsb2c6W119KX1yZXR1cm4gcn1vbm1lc3NhZ2U9ZT0+e2NvbnN0IGE9ZS5kYXRhLHM9ZihhKTtwb3N0TWVzc2FnZShzKX19KSgpO30pKCk7Cg==";
 const blob = typeof window !== "undefined" && window.Blob && new Blob([atob(encodedJs)], { type: "text/javascript;charset=utf-8" });
 function WorkerWrapper() {
   const objURL = blob && (window.URL || window.webkitURL).createObjectURL(blob);
@@ -8573,8 +8603,10 @@ class WorkerManager {
   constructor(draw) {
     __publicField(this, "draw");
     __publicField(this, "wordCountWorker");
+    __publicField(this, "catalogWorker");
     this.draw = draw;
-    this.wordCountWorker = new WorkerWrapper();
+    this.wordCountWorker = new WorkerWrapper$1();
+    this.catalogWorker = new WorkerWrapper();
   }
   getWordCount() {
     return new Promise((resolve, reject) => {
@@ -8588,6 +8620,18 @@ class WorkerManager {
       this.wordCountWorker.postMessage(elementList);
     });
   }
+  getCatalog() {
+    return new Promise((resolve, reject) => {
+      this.catalogWorker.onmessage = (evt) => {
+        resolve(evt.data);
+      };
+      this.catalogWorker.onerror = (evt) => {
+        reject(evt);
+      };
+      const elementList = this.draw.getOriginalMainElementList();
+      this.catalogWorker.postMessage(elementList);
+    });
+  }
 }
 class Previewer {
   constructor(draw) {
@@ -11405,6 +11449,8 @@ const _Command = class {
     _Command.insertElementList = adapt.insertElementList.bind(adapt);
     _Command.removeControl = adapt.removeControl.bind(adapt);
     _Command.setLocale = adapt.setLocale.bind(adapt);
+    _Command.getCatalog = adapt.getCatalog.bind(adapt);
+    _Command.locationCatalog = adapt.locationCatalog.bind(adapt);
   }
   executeMode(payload) {
     return _Command.mode(payload);
@@ -11634,6 +11680,12 @@ const _Command = class {
   executeSetLocale(payload) {
     return _Command.setLocale(payload);
   }
+  getCatalog() {
+    return _Command.getCatalog();
+  }
+  executeLocationCatalog(titleId) {
+    return _Command.locationCatalog(titleId);
+  }
 };
 let Command = _Command;
 __publicField(Command, "mode");
@@ -11712,6 +11764,8 @@ __publicField(Command, "setPaperMargin");
 __publicField(Command, "insertElementList");
 __publicField(Command, "removeControl");
 __publicField(Command, "setLocale");
+__publicField(Command, "getCatalog");
+__publicField(Command, "locationCatalog");
 const defaultWatermarkOption = {
   data: "",
   color: "#AEB5C0",
@@ -13309,6 +13363,29 @@ class CommandAdapt {
   setLocale(payload) {
     this.i18n.setLocale(payload);
   }
+  getCatalog() {
+    return this.workerManager.getCatalog();
+  }
+  locationCatalog(titleId) {
+    var _a;
+    const elementList = this.draw.getMainElementList();
+    let newIndex = -1;
+    for (let e = 0; e < elementList.length; e++) {
+      const element = elementList[e];
+      if (element.titleId === titleId && ((_a = elementList[e + 1]) == null ? void 0 : _a.titleId) !== titleId) {
+        newIndex = e;
+        break;
+      }
+    }
+    if (!~newIndex)
+      return;
+    this.range.setRange(newIndex, newIndex);
+    this.draw.render({
+      curIndex: newIndex,
+      isCompute: false,
+      isSubmitHistory: false
+    });
+  }
 }
 class Listener {
   constructor() {