mce 0.16.5 → 0.16.6

package/dist/index.css

@@ -1191,8 +1191,7 @@
   flex-direction: column-reverse;
   align-items: center;
   width: 120px;
-  height: max-content;
-  min-height: 100%;
+  height: 100%;
   padding-top: 24px;
   overflow: hidden;
 }

package/dist/index.js

@@ -1964,11 +1964,15 @@ const _1_timeline = defineMixin((editor) => {
     const {
       assets: assets2,
       on,
-      off
+      off,
+      config
     } = editor;
     async function updateEndTime() {
       await renderEngine.value.nextTick();
       timeline.value.endTime = root.value ? getTimeRange(root.value).endTime : 0;
+      if (!config.value.timeline) {
+        timeline.value.currentTime = timeline.value.endTime;
+      }
     }
     onBeforeMount(() => {
       on("setDoc", updateEndTime);
@@ -6581,7 +6585,7 @@ const _hoisted_6$3 = {
   key: 2,
   class: "mce-list-item__kbd"
 };
-const _hoisted_7$3 = {
+const _hoisted_7$2 = {
   key: 3,
   class: "mce-list-item__append"
 };
@@ -6731,7 +6735,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                     _ctx.$slots.kbd ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
                       renderSlot(_ctx.$slots, "kbd", { item })
                     ])) : createCommentVNode("", true),
-                    item.children?.length || _ctx.$slots.append ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
+                    item.children?.length || _ctx.$slots.append ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
                       renderSlot(_ctx.$slots, "append", { item }),
                       item.children?.length ? (openBlock(), createBlock(unref(_sfc_main$E), {
                         key: 0,
@@ -12318,7 +12322,7 @@ const _hoisted_3$6 = ["x", "y", "width", "height", "aria-label"];
 const _hoisted_4$3 = ["cx", "cy", "r", "aria-label"];
 const _hoisted_5$2 = ["x", "y", "width", "height", "aria-label", "rx", "ry"];
 const _hoisted_6$2 = ["transform"];
-const _hoisted_7$2 = { "pointer-events": "all" };
+const _hoisted_7$1 = { "pointer-events": "all" };
 const _hoisted_8$1 = ["x", "y", "width", "height", "aria-label", "cursor", "onPointerdown"];
 const _hoisted_9$1 = {
   "pointer-events": "all",
@@ -12952,7 +12956,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                 createElementVNode("path", { d: "M22.4789 9.45728L25.9935 12.9942L22.4789 16.5283V14.1032C18.126 14.1502 14.6071 17.6737 14.5675 22.0283H17.05L13.513 25.543L9.97889 22.0283H12.5674C12.6071 16.5691 17.0214 12.1503 22.4789 12.1031L22.4789 9.45728Z" }, null, -1)
               ])], 8, _hoisted_6$2)) : createCommentVNode("", true)
             ]),
-            createElementVNode("g", _hoisted_7$2, [
+            createElementVNode("g", _hoisted_7$1, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(computedHandles.value, (handle, index) => {
                 return openBlock(), createElementBlock("rect", {
                   key: index,
@@ -15558,7 +15562,7 @@ const _hoisted_3$4 = { class: "mce-statusbar__item" };
 const _hoisted_4$1 = { class: "mce-statusbar__kbd" };
 const _hoisted_5$1 = { class: "mce-statusbar__kbd" };
 const _hoisted_6$1 = { class: "mce-statusbar__item" };
-const _hoisted_7$1 = { class: "mce-statusbar__kbd" };
+const _hoisted_7 = { class: "mce-statusbar__kbd" };
 const _hoisted_8 = { class: "mce-statusbar__item" };
 const _hoisted_9 = { class: "mce-statusbar__item" };
 const _hoisted_10 = { class: "mce-statusbar__kbd" };
@@ -15596,7 +15600,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             ]),
             _cache[1] || (_cache[1] = createElementVNode("span", null, "/", -1)),
             createElementVNode("div", _hoisted_6$1, [
-              createElementVNode("span", _hoisted_7$1, toDisplayString(unref(getKbd)("Escape")), 1),
+              createElementVNode("span", _hoisted_7, toDisplayString(unref(getKbd)("Escape")), 1),
               createElementVNode("span", null, toDisplayString(unref(t)("commitChanges")), 1)
             ])
           ], 64)) : unref(state) === "transforming" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -15975,7 +15979,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             key: index,
             class: "mce-segment__block",
             style: normalizeStyle$1(block.style)
-          }, toDisplayString(block.name), 5);
+          }, null, 4);
         }), 128)),
         __props.active ? (openBlock(), createElementBlock("div", _hoisted_1$6)) : createCommentVNode("", true),
         createElementVNode("span", _hoisted_2$3, toDisplayString(props.node.name), 1),
@@ -16013,11 +16017,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$4 = { class: "mce-timeline__toolbar" };
 const _hoisted_2$2 = { class: "mce-timeline__main" };
-const _hoisted_3$2 = { class: "mce-timeline__left" };
-const _hoisted_4 = { class: "mce-timeline__left-wrapper" };
-const _hoisted_5 = { class: "mce-timeline__right-wrapper" };
-const _hoisted_6 = { class: "mce-timeline__ruler" };
-const _hoisted_7 = { class: "mce-timeline__track" };
+const _hoisted_3$2 = { class: "mce-timeline__left-wrapper" };
+const _hoisted_4 = { class: "mce-timeline__right-wrapper" };
+const _hoisted_5 = { class: "mce-timeline__ruler" };
+const _hoisted_6 = { class: "mce-timeline__track" };
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "Timeline",
   setup(__props) {
@@ -16042,7 +16045,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           }
         }
         return false;
-      });
+      }).reverse();
     });
     function onWheel(e) {
       if (e.ctrlKey || e.metaKey) {
@@ -16130,8 +16133,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           ])
         ]),
         createElementVNode("div", _hoisted_2$2, [
-          createElementVNode("div", _hoisted_3$2, [
-            createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", {
+            class: "mce-timeline__left",
+            onWheel
+          }, [
+            createElementVNode("div", _hoisted_3$2, [
               createElementVNode("div", {
                 style: normalizeStyle$1({
                   transform: `translateY(${offset2.value[1]}px)`
@@ -16145,14 +16151,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 }), 128))
               ], 4)
             ])
-          ]),
+          ], 32),
           createElementVNode("div", {
             class: "mce-timeline__right",
             onWheel,
             onMousedown
           }, [
-            createElementVNode("div", _hoisted_5, [
-              createElementVNode("div", _hoisted_6, [
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_5, [
                 createVNode(_sfc_main$q, {
                   ref: "rulerTpl",
                   zoom: 1 / unref(msPerPx) * fps.value,
@@ -16163,7 +16169,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   "label-format": rulerLabelFormat
                 }, null, 8, ["zoom", "position"])
               ]),
-              createElementVNode("div", _hoisted_7, [
+              createElementVNode("div", _hoisted_6, [
                 createElementVNode("div", {
                   style: normalizeStyle$1({
                     width: `${unref(endTime) / unref(msPerPx)}px`,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mce",
   "type": "module",
-  "version": "0.16.5",
+  "version": "0.16.6",
   "description": "A headless infinite canvas editor framework built on WebGL rendering, supports exporting to image, video, and PPT. Only the ESM.",
   "author": "wxm",
   "license": "MIT",