fix: 编辑模板添加片段移除时长输入 (#1694)

Co-authored-by: xiaoxia <dev@xiaoxiajianji.com> Co-committed-by: xiaoxia <dev@xiaoxiajianji.com>
2026-09-04 16:46:52 +08:00
parent eac05dee30
commit f1bd2d6f1d
4 changed files with 3 additions and 38 deletions
@@ -106,9 +106,7 @@ const TimelinePanel: React.FC<TimelinePanelProps> = ({
    pickerPos,
    availableTypes,
    addType,
-    addDuration,
    setAddType,
-    setAddDuration,
    handleTogglePicker,
    handleConfirmAdd,
    hoveredClipId,
@@ -212,9 +210,7 @@ const TimelinePanel: React.FC<TimelinePanelProps> = ({
          position={pickerPos}
          availableTypes={availableTypes}
          addType={addType}
-          addDuration={addDuration}
          onTypeChange={setAddType}
-          onDurationChange={setAddDuration}
          onConfirm={handleConfirmAdd}
        />
      )}
@@ -7,12 +7,8 @@ interface AddClipPickerProps {
  position: { top: number; right: number }
  availableTypes: ClipType[]
  addType: ClipType
-  addDuration: number
  onTypeChange: (type: ClipType) => void
-  onDurationChange: (duration: number) => void
  onConfirm: () => void
-  minDuration?: number
-  maxDuration?: number
 }

 export const AddClipPicker: React.FC<AddClipPickerProps> = ({
@@ -20,12 +16,8 @@ export const AddClipPicker: React.FC<AddClipPickerProps> = ({
  position,
  availableTypes,
  addType,
-  addDuration,
  onTypeChange,
-  onDurationChange,
  onConfirm,
-  minDuration = 1,
-  maxDuration = 120,
 }) => {
  return (
    <div
@@ -53,24 +45,6 @@ export const AddClipPicker: React.FC<AddClipPickerProps> = ({
        ))}
      </div>

-      {/* 时长输入 */}
-      <div className="ep-add-clip-duration-row">
-        <span className="ep-add-clip-type-label">时长:</span>
-        <input
-          type="number"
-          className="ep-duration-input"
-          min={minDuration}
-          max={maxDuration}
-          value={addDuration}
-          onChange={(e) =>
-            onDurationChange(
-              Math.max(minDuration, Math.min(maxDuration, Number(e.target.value) || minDuration)),
-            )
-          }
-        />
-        <span className="ep-add-clip-duration-unit">秒</span>
-      </div>
-
      {/* 确认按钮 */}
      <button className="ep-add-clip-confirm-btn" onClick={onConfirm}>
        添加
@@ -26,8 +26,6 @@ export function useAddPicker({ currentMode, onAddClip }: UseAddPickerOptions) {
  }, [currentMode])

  const [addType, setAddType] = useState<ClipType>(defaultAddType)
-  const [addDuration, setAddDuration] = useState<number>(DEFAULT_ADD_DURATION)
-
  useEffect(() => {
    if (!availableTypes.includes(addType)) {
      setAddType(defaultAddType)
@@ -95,9 +93,9 @@ export function useAddPicker({ currentMode, onAddClip }: UseAddPickerOptions) {
  }, [showAddPicker])

  const handleConfirmAdd = useCallback(() => {
-    onAddClip(addType, addDuration)
+    onAddClip(addType, DEFAULT_ADD_DURATION)
    setShowAddPicker(false)
-  }, [onAddClip, addType, addDuration])
+  }, [onAddClip, addType])

  return {
    showAddPicker,
@@ -107,9 +105,8 @@ export function useAddPicker({ currentMode, onAddClip }: UseAddPickerOptions) {
    pickerPos,
    availableTypes,
    addType,
-    addDuration,
+    addDuration: DEFAULT_ADD_DURATION,
    setAddType,
-    setAddDuration,
    handleTogglePicker,
    handleConfirmAdd,
  }
@@ -35,7 +35,6 @@ export const useTimelineMenus = (
    addType,
    addDuration,
    setAddType,
-    setAddDuration,
    handleTogglePicker,
    handleConfirmAdd,
  } = useAddPicker({ currentMode, onAddClip })
@@ -57,7 +56,6 @@ export const useTimelineMenus = (
    addType,
    addDuration,
    setAddType,
-    setAddDuration,
    handleTogglePicker,
    handleConfirmAdd,
    // 悬停状态