@cgboiler/biz-basic 1.0.28 → 1.0.30

package/es/index.d.ts

@@ -5,6 +5,6 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "1.0.27";
+export const version: "1.0.29";
 import RichTextEditor from './rich-text-editor';
 export { RichTextEditor };

package/es/index.js

@@ -1,5 +1,5 @@
 import RichTextEditor from "./rich-text-editor";
-const version = "1.0.27";
+const version = "1.0.29";
 function install(app) {
   const components = [
     RichTextEditor

package/es/rich-text-editor/RichTextEditor.d.ts

@@ -1,4 +1,4 @@
-import "viewerjs/dist/viewer.css";
+import 'viewerjs/dist/viewer.css';
 import './index.less';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {

package/es/rich-text-editor/RichTextEditor.js

@@ -141,24 +141,18 @@ var stdin_default = defineComponent({
     };
     const HISTORY_METADATA_KEY = "rich_text_editor_history_metadata";
     const MAX_HISTORY_ITEMS = 10;
-    let saveIntervalId = null;
+    let saveTimeoutId = null;
     const noteId = ref("");
     const historyStore = localforage.createInstance({
       name: "RichTextEditorHistory",
       storeName: "notes"
     });
-    onMounted(() => {
-      initEditor();
-      const now = /* @__PURE__ */ new Date();
-      const formattedTime = `${now.toLocaleDateString()} ${now.toLocaleTimeString()}`;
-      noteId.value = `note-${now.getTime()}`;
-      const noteTitle = `\u7B14\u8BB0 at ${formattedTime}`;
-      saveIntervalId = setInterval(() => __async(this, null, function* () {
-        if (!editor.value || editor.value.isDestroyed || !editor.value.isEditable) {
-          return;
-        }
+    const saveLoop = () => __async(this, null, function* () {
+      if (editor.value && !editor.value.isDestroyed && editor.value.isEditable) {
         const content = editor.value.getHTML();
-        console.log("content: ", content);
+        const now = /* @__PURE__ */ new Date();
+        const formattedTime = `${now.toLocaleDateString()} ${now.toLocaleTimeString()}`;
+        const noteTitle = `\u7B14\u8BB0 at ${formattedTime}`;
         yield historyStore.setItem(noteId.value, {
           title: noteTitle,
           content
@@ -179,7 +173,16 @@ var stdin_default = defineComponent({
           }
           yield historyStore.setItem(HISTORY_METADATA_KEY, metadata);
         }
-      }), 1e4);
+      }
+      saveTimeoutId = setTimeout(saveLoop, 1e4);
+    });
+    onMounted(() => {
+      initEditor();
+      const now = /* @__PURE__ */ new Date();
+      noteId.value = `note-${now.getTime()}`;
+      if (props.editable) {
+        saveLoop();
+      }
       nextTick(() => {
         var _a, _b;
         const editorElement = (_b = (_a = editor.value) == null ? void 0 : _a.view) == null ? void 0 : _b.dom;
@@ -190,8 +193,8 @@ var stdin_default = defineComponent({
     });
     onBeforeUnmount(() => {
       var _a, _b, _c;
-      if (saveIntervalId) {
-        clearInterval(saveIntervalId);
+      if (saveTimeoutId) {
+        clearTimeout(saveTimeoutId);
       }
       const editorElement = (_b = (_a = editor.value) == null ? void 0 : _a.view) == null ? void 0 : _b.dom;
       if (editorElement) {

package/lib/index.d.ts

@@ -5,6 +5,6 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "1.0.27";
+export const version: "1.0.29";
 import RichTextEditor from './rich-text-editor';
 export { RichTextEditor };

package/lib/index.js

@@ -36,7 +36,7 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_rich_text_editor = __toESM(require("./rich-text-editor"));
 __reExport(stdin_exports, require("./rich-text-editor"), module.exports);
-const version = "1.0.27";
+const version = "1.0.29";
 function install(app) {
   const components = [
     import_rich_text_editor.default

package/lib/rich-text-editor/RichTextEditor.d.ts

@@ -1,4 +1,4 @@
-import "viewerjs/dist/viewer.css";
+import 'viewerjs/dist/viewer.css';
 import './index.less';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {

package/lib/rich-text-editor/RichTextEditor.js

@@ -173,24 +173,18 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const HISTORY_METADATA_KEY = "rich_text_editor_history_metadata";
     const MAX_HISTORY_ITEMS = 10;
-    let saveIntervalId = null;
+    let saveTimeoutId = null;
     const noteId = (0, import_vue2.ref)("");
     const historyStore = import_localforage.default.createInstance({
       name: "RichTextEditorHistory",
       storeName: "notes"
     });
-    (0, import_vue2.onMounted)(() => {
-      initEditor();
-      const now = /* @__PURE__ */ new Date();
-      const formattedTime = `${now.toLocaleDateString()} ${now.toLocaleTimeString()}`;
-      noteId.value = `note-${now.getTime()}`;
-      const noteTitle = `\u7B14\u8BB0 at ${formattedTime}`;
-      saveIntervalId = setInterval(() => __async(this, null, function* () {
-        if (!editor.value || editor.value.isDestroyed || !editor.value.isEditable) {
-          return;
-        }
+    const saveLoop = () => __async(this, null, function* () {
+      if (editor.value && !editor.value.isDestroyed && editor.value.isEditable) {
         const content = editor.value.getHTML();
-        console.log("content: ", content);
+        const now = /* @__PURE__ */ new Date();
+        const formattedTime = `${now.toLocaleDateString()} ${now.toLocaleTimeString()}`;
+        const noteTitle = `\u7B14\u8BB0 at ${formattedTime}`;
         yield historyStore.setItem(noteId.value, {
           title: noteTitle,
           content
@@ -211,7 +205,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
           }
           yield historyStore.setItem(HISTORY_METADATA_KEY, metadata);
         }
-      }), 1e4);
+      }
+      saveTimeoutId = setTimeout(saveLoop, 1e4);
+    });
+    (0, import_vue2.onMounted)(() => {
+      initEditor();
+      const now = /* @__PURE__ */ new Date();
+      noteId.value = `note-${now.getTime()}`;
+      if (props.editable) {
+        saveLoop();
+      }
       (0, import_vue2.nextTick)(() => {
         var _a, _b;
         const editorElement = (_b = (_a = editor.value) == null ? void 0 : _a.view) == null ? void 0 : _b.dom;
@@ -222,8 +225,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     });
     (0, import_vue2.onBeforeUnmount)(() => {
       var _a, _b, _c;
-      if (saveIntervalId) {
-        clearInterval(saveIntervalId);
+      if (saveTimeoutId) {
+        clearTimeout(saveTimeoutId);
       }
       const editorElement = (_b = (_a = editor.value) == null ? void 0 : _a.view) == null ? void 0 : _b.dom;
       if (editorElement) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgboiler/biz-basic",
-  "version": "1.0.28",
+  "version": "1.0.30",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",