mce 0.15.13 → 0.15.15

package/dist/index.js

@@ -1,4 +1,4 @@
-import { Node as Node$1, Element2D, Timeline, Engine, Camera2D, DrawboardEffect, Aabb2D, IN_BROWSER, clamp, assets, TimelineNode, Transform2D, Obb2D, render, Vector2 as Vector2$1, customNodes, Animation, IN_MAC_OS } from "modern-canvas";
+import { Node as Node$1, Element2D, Timeline, Engine, Camera2D, DrawboardEffect, Aabb2D, IN_BROWSER, clamp, assets, TimelineNode, Video2D, Transform2D, Obb2D, render, Vector2 as Vector2$1, customNodes, Animation, IN_MAC_OS } from "modern-canvas";
 import { reactive, computed, watch, markRaw, isReactive, ref, warn, shallowRef, onBeforeUnmount, defineComponent, createElementBlock, createCommentVNode, unref, openBlock, normalizeStyle, toDisplayString, createVNode, useAttrs, createBlock, resolveDynamicComponent, normalizeClass, mergeProps, createElementVNode, inject, toValue, getCurrentInstance, provide, useId, readonly, toRef, onMounted, onDeactivated, onActivated, onScopeDispose, useModel, useTemplateRef, withDirectives, vShow, vModelText, nextTick, Fragment, renderList, renderSlot, mergeModels, resolveComponent, withModifiers, withCtx, Teleport, createTextVNode, createSlots, normalizeProps, guardReactiveProps, onBeforeMount, h, isRef, useSlots } from "vue";
 import { useFileDialog, useEventListener, isClient, onClickOutside, useDebounceFn, useResizeObserver as useResizeObserver$1, useLocalStorage, useImage } from "@vueuse/core";
 import { getObjectValueByPath, setObjectValueByPath, Observable, Reactivable, idGenerator, property, normalizeTextContent, normalizeCRLF, isEqualObject } from "modern-idoc";
@@ -1756,9 +1756,15 @@ const _1_timeline = defineMixin((editor) => {
       timeline.value.currentTime = clamp(val, startTime2, endTime2);
     }
   });
-  const startTime = computed(() => timeline.value.startTime);
-  const endTime = computed(() => timeline.value.endTime);
-  const getTimeRange = (node) => {
+  const startTime = computed({
+    get: () => timeline.value.startTime,
+    set: (val) => timeline.value.startTime = val
+  });
+  const endTime = computed({
+    get: () => timeline.value.endTime,
+    set: (val) => timeline.value.endTime = val
+  });
+  const getTimeRange = (node = root.value) => {
     const range = { startTime: 0, endTime: 0 };
     function handle(node2) {
       if (node2 instanceof TimelineNode) {
@@ -1779,6 +1785,11 @@ const _1_timeline = defineMixin((editor) => {
           range.endTime = Math.max(range.endTime, node2.globalStartTime + node2.outline.animatedTexture.duration);
         }
       }
+      if (node2 instanceof Video2D) {
+        if (node2.texture) {
+          range.endTime = Math.max(range.endTime, node2.globalStartTime + node2.videoDuration);
+        }
+      }
       return false;
     }
     const nodes = Array.isArray(node) ? node : [node];
@@ -1797,6 +1808,10 @@ const _1_timeline = defineMixin((editor) => {
       on
     } = editor;
     async function updateEndTime() {
+      console.log("updateEndTime");
+      await renderEngine.value.nextTick();
+      await renderEngine.value.nextTick();
+      await renderEngine.value.nextTick();
       await renderEngine.value.nextTick();
       timeline.value.endTime = root.value ? getTimeRange(root.value).endTime : 0;
     }
@@ -2247,7 +2262,8 @@ const _4_1_text = defineMixin((editor) => {
     isElement,
     config,
     elementSelection,
-    textSelection
+    textSelection,
+    fonts
   } = editor;
   const element = computed(() => elementSelection.value[0]);
   const hasTextSelectionRange = computed(() => {
@@ -2279,6 +2295,7 @@ const _4_1_text = defineMixin((editor) => {
           return char2.content;
         }).join("");
         const { boundingBox } = measureText({
+          fonts,
           style: {
             ...element3.style.toJSON(),
             width: "auto"
@@ -2350,6 +2367,7 @@ const _4_1_text = defineMixin((editor) => {
           break;
       }
       const { boundingBox } = measureText({
+        fonts,
         style,
         content: element3.text.content
       });
@@ -15113,6 +15131,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         return false;
       }
       if (!element.text.isValid()) {
+        element.style.textAlign = "center";
         element.text.setContent(" ");
       }
       element.text.update();
@@ -15122,13 +15141,16 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       await nextTick();
       if (editor.pointerDown(e)) {
         editor.selectAll();
-        editor._updateSelectionByDom();
         return true;
       }
       return false;
     }
-    onBeforeMount(() => registerCommand({ command: "startTyping", handle: startTyping }));
-    onBeforeUnmount(() => unregisterCommand("startTyping"));
+    onBeforeMount(() => {
+      registerCommand({ command: "startTyping", handle: startTyping });
+    });
+    onBeforeUnmount(() => {
+      unregisterCommand("startTyping");
+    });
     __expose({
       textEditor
     });

package/dist/mixins/1.timeline.d.ts

@@ -1,13 +1,13 @@
 import type { Node } from 'modern-canvas';
-import type { ComputedRef, Ref, WritableComputedRef } from 'vue';
+import type { Ref, WritableComputedRef } from 'vue';
 declare global {
     namespace Mce {
         interface Editor {
             msPerPx: Ref<number>;
             currentTime: WritableComputedRef<number>;
-            startTime: ComputedRef<number>;
-            endTime: ComputedRef<number>;
-            getTimeRange: (node: Node | Node[]) => {
+            startTime: WritableComputedRef<number>;
+            endTime: WritableComputedRef<number>;
+            getTimeRange: (node?: Node | Node[]) => {
                 startTime: number;
                 endTime: number;
             };

package/dist/plugins/panels.d.ts

@@ -5,7 +5,7 @@ declare global {
         interface Config extends Record<keyof Panels, boolean> {
         }
         interface Commands {
-            panel: <T extends keyof Panels>(panel: T, ...args: Panels[T]) => Promise<boolean>;
+            panels: <T extends keyof Panels>(panel: T, ...args: Panels[T]) => Promise<boolean>;
         }
     }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mce",
   "type": "module",
-  "version": "0.15.13",
+  "version": "0.15.15",
   "description": "The headless canvas editor framework. only the ESM.",
   "author": "wxm",
   "license": "MIT",
@@ -61,11 +61,11 @@
     "diff": "^8.0.2",
     "file-saver": "^2.0.5",
     "lodash-es": "^4.17.22",
-    "modern-canvas": "^0.14.28",
+    "modern-canvas": "^0.14.32",
     "modern-font": "^0.4.4",
     "modern-idoc": "^0.10.8",
-    "modern-text": "^1.10.7",
-    "yjs": "^13.6.28"
+    "modern-text": "^1.10.15",
+    "yjs": "^13.6.29"
   },
   "peerDependencies": {
     "lottie-web": "^5",
@@ -94,7 +94,7 @@
     "@vitejs/plugin-vue": "^6.0.3",
     "jiti": "^2.6.1",
     "modern-gif": "^2.0.4",
-    "sass-embedded": "^1.97.1"
+    "sass-embedded": "^1.97.2"
   },
   "scripts": {
     "build:code": "vite build",