@linker-design-plus/timeline-track 2.0.0 → 2.0.1

package/dist/index.es.js

@@ -10215,39 +10215,32 @@ class Po {
   }
   renderPresetGrid(t) {
     const e = document.createElement("div");
-    e.className = st.presetGrid, e.style.display = "grid", e.style.gridTemplateColumns = "repeat(3, 1fr)", e.style.gap = "4px", (() => {
-      var a, o;
-      const s = (((o = (a = this.currentClip) == null ? void 0 : a.visualTransform) == null ? void 0 : o.scale) ?? 1) / 2;
-      return [
-        { label: "↖ 左上", x: s, y: s },
-        { label: "↑ 上中", x: 0.5, y: s },
-        { label: "↗ 右上", x: 1 - s, y: s },
-        { label: "← 左中", x: s, y: 0.5 },
-        { label: "● 居中", x: 0.5, y: 0.5 },
-        { label: "右中 →", x: 1 - s, y: 0.5 },
-        { label: "↙ 左下", x: s, y: 1 - s },
-        { label: "↓ 下中", x: 0.5, y: 1 - s },
-        { label: "↘ 右下", x: 1 - s, y: 1 - s }
-      ];
-    })().forEach((n) => {
+    e.className = st.presetGrid, e.style.display = "grid", e.style.gridTemplateColumns = "repeat(3, 1fr)", e.style.gap = "4px", [
+      { label: "↖ 左上", x: "left", y: "top" },
+      { label: "↑ 上中", x: "center", y: "top" },
+      { label: "↗ 右上", x: "right", y: "top" },
+      { label: "← 左中", x: "left", y: "center" },
+      { label: "● 居中", x: "center", y: "center" },
+      { label: "右中 →", x: "right", y: "center" },
+      { label: "↙ 左下", x: "left", y: "bottom" },
+      { label: "↓ 下中", x: "center", y: "bottom" },
+      { label: "↘ 右下", x: "right", y: "bottom" }
+    ].forEach((n) => {
       const s = document.createElement("button");
       s.className = st.presetButton, s.textContent = n.label, s.style.padding = "6px", s.style.border = `1px solid ${this.theme.buttonBorder}`, s.style.borderRadius = "4px", s.style.background = this.theme.buttonBackground, s.style.fontSize = "11px", s.style.cursor = "pointer", s.style.color = this.theme.textColor, s.addEventListener("click", () => {
-        var c, d;
-        const o = (((d = (c = this.currentClip) == null ? void 0 : c.visualTransform) == null ? void 0 : d.scale) ?? 1) / 2, h = {
-          "↖ 左上": { x: o, y: o },
-          "↑ 上中": { x: 0.5, y: o },
-          "↗ 右上": { x: 1 - o, y: o },
-          "← 左中": { x: o, y: 0.5 },
-          "● 居中": { x: 0.5, y: 0.5 },
-          "右中 →": { x: 1 - o, y: 0.5 },
-          "↙ 左下": { x: o, y: 1 - o },
-          "↓ 下中": { x: 0.5, y: 1 - o },
-          "↘ 右下": { x: 1 - o, y: 1 - o }
-        }[n.label];
-        h && this.handleTransformChanges({ x: h.x, y: h.y });
+        const { x: a, y: o } = this.calculatePresetPosition(
+          n.x,
+          n.y
+        );
+        this.handleTransformChanges({ x: a, y: o });
       }), e.appendChild(s);
     }), t.appendChild(e);
   }
+  calculatePresetPosition(t, e) {
+    var o, l;
+    const n = (((l = (o = this.currentClip) == null ? void 0 : o.visualTransform) == null ? void 0 : l.scale) ?? 1) / 2, s = { left: n, center: 0.5, right: 1 - n }, a = { top: n, center: 0.5, bottom: 1 - n };
+    return { x: s[t], y: a[e] };
+  }
   renderScaleControl(t) {
     var a, o, l, h;
     const e = document.createElement("div");
@@ -10273,7 +10266,10 @@ class Po {
   updateUIControls() {
     var s;
     const t = ((s = this.currentClip) == null ? void 0 : s.visualTransform) ?? { x: 0.5, y: 0.5, scale: 1 }, e = t.scale / 2, i = -e, n = 1 + e;
-    this.xSlider && (this.xSlider.value = String(t.x), this.xSlider.min = String(i), this.xSlider.max = String(n)), this.xInput && (this.xInput.value = String(t.x), this.xInput.min = String(i), this.xInput.max = String(n)), this.ySlider && (this.ySlider.value = String(t.y), this.ySlider.min = String(i), this.ySlider.max = String(n)), this.yInput && (this.yInput.value = String(t.y), this.yInput.min = String(i), this.yInput.max = String(n)), this.scaleSlider && (this.scaleSlider.value = String(t.scale)), this.scaleInput && (this.scaleInput.value = String(t.scale));
+    this.updateSliderAndInput(this.xSlider, this.xInput, t.x, i, n), this.updateSliderAndInput(this.ySlider, this.yInput, t.y, i, n), this.scaleSlider && (this.scaleSlider.value = String(t.scale)), this.scaleInput && (this.scaleInput.value = String(t.scale));
+  }
+  updateSliderAndInput(t, e, i, n, s) {
+    t && (t.value = String(i), t.min = String(n), t.max = String(s)), e && (e.value = String(i), e.min = String(n), e.max = String(s));
   }
   handleTransformChange(t, e) {
     if (!this.currentClip || !this.onClipUpdate) return;
@@ -11396,7 +11392,7 @@ class Uo {
     }
     this.detach(), this.container = t;
     const e = document.createElement("div");
-    e.className = this.dependencies.rootClassName ?? "timeline-preview-root", e.style.position = "relative", e.style.width = "100%", e.style.height = "100%", e.style.overflow = "hidden", e.style.background = "#000000";
+    e.className = this.dependencies.rootClassName ?? "timeline-preview-root", e.style.position = "relative", e.style.width = "100%", e.style.height = "100%", e.style.overflow = "hidden";
     const i = document.createElement("div");
     i.className = this.dependencies.frameClassName ?? "timeline-preview-frame", i.style.position = "absolute", i.style.left = "0", i.style.top = "0", i.style.overflow = "hidden", i.style.background = "#000000", e.appendChild(i);
     const n = document.createElement("div");
@@ -11544,7 +11540,13 @@ class Uo {
   syncCurrentSlot(t, e, i, n) {
     t.isActive = !0, t.entry = e, t.element.playbackRate = i;
     const s = e.mediaTime / 1e3, a = Math.max(0.1, i * 0.15);
-    Math.abs(t.element.currentTime - s) > a ? (t.isSeeking = !0, t.isBuffering = !0, vn(t.element, s), this.refreshBufferingState()) : t.isSeeking || (t.isBuffering = !1), n === "playing" ? (this.resumeAudioContext(), Xo(t.element)) : jt(t.element), this.setSlotVisible(t, e.hasVisual, 1e3 - e.trackOrder);
+    if (Math.abs(t.element.currentTime - s) > a)
+      t.isSeeking = !0, t.isBuffering = !0, vn(t.element, s);
+    else {
+      const l = t.element.readyState >= HTMLMediaElement.HAVE_FUTURE_DATA;
+      t.isBuffering = !l;
+    }
+    this.refreshBufferingState(), n === "playing" ? (this.resumeAudioContext(), Xo(t.element)) : jt(t.element), this.setSlotVisible(t, e.hasVisual, 1e3 - e.trackOrder);
   }
   preparePreloadSlot(t, e) {
     if (t.isActive = !1, t.isBuffering = !1, t.isSeeking = !1, !e) {
@@ -12871,7 +12873,6 @@ class Tl {
     const t = this.config.getSelectedClip();
     this.panel.setClip(t);
   }
-  // 外部更新时调用（如预览组件更新 visualTransform）
   updateFromExternal() {
     this.isInternalUpdate || this.update();
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linker-design-plus/timeline-track",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "A TypeScript-based video editing library with timeline and track functionality",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",