refactor: delete TitleSettingsSection.tsx (#1899 #1900)

2026-09-14 20:44:28 +08:00
parent c34e8f60cf
commit 32f858ce3e
1 changed files with 0 additions and 136 deletions
@@ -1,136 +0,0 @@
-/**
- * 标题设置区块 — #1789
- * 提供字号滑块、字体预设、位置、颜色等控制入口
- */
-import React from "react"
-import type { TitleConfig } from "@/api/template-editor"
-import { POSITION_OPTIONS, FONT_OPTIONS } from "@/pages/editing-planner/constants/clipProperties"
-
-interface TitleSettingsSectionProps {
-  config: TitleConfig
-  onChange: (config: TitleConfig | ((prev: TitleConfig) => TitleConfig)) => void
-}
-
-const TITLE_COLOR_PRESETS = [
-  "#ffffff",
-  "#000000",
-  "#ff4444",
-  "#ffaa00",
-  "#44ff44",
-  "#4488ff",
-  "#ff44ff",
-  "#ffff44",
-]
-
-const TitleSettingsSection: React.FC<TitleSettingsSectionProps> = ({ config, onChange }) => {
-  const update = (partial: Partial<TitleConfig>) => {
-    onChange((prev: TitleConfig) => ({ ...prev, ...partial }))
-  }
-
-  return (
-    <div className="ep-settings-section">
-      <div className="ep-section-title">
-        <span className="ep-section-icon">📝</span>
-        标题设置
-      </div>
-
-      {/* AI 自动选择开关 */}
-      <div className="ep-toggle-row">
-        <span className="ep-toggle-label">AI 自动选择</span>
-        <div
-          className={`ep-toggle ${config.ai_auto_select ? "active" : ""}`}
-          onClick={() => update({ ai_auto_select: !config.ai_auto_select })}
-        >
-          <div className="ep-toggle-knob" />
-        </div>
-      </div>
-
-      {!config.ai_auto_select && (
-        <>
-          {/* 标题文本 */}
-          <div className="ep-field">
-            <label className="ep-field-label">标题文本</label>
-            <input
-              className="ep-form-select"
-              type="text"
-              placeholder="输入标题内容"
-              value={config.content}
-              onChange={(e) => update({ content: e.target.value })}
-            />
-          </div>
-
-          {/* 位置 */}
-          <div className="ep-field">
-            <label className="ep-field-label">位置</label>
-            <select
-              className="ep-form-select"
-              value={config.position}
-              onChange={(e) => update({ position: e.target.value })}
-            >
-              {POSITION_OPTIONS.map((opt) => (
-                <option key={opt.value} value={opt.value}>
-                  {opt.label}
-                </option>
-              ))}
-            </select>
-          </div>
-
-          {/* 字体预设 */}
-          <div className="ep-field">
-            <label className="ep-field-label">字体</label>
-            <select
-              className="ep-form-select"
-              value={config.font_preset}
-              onChange={(e) => update({ font_preset: e.target.value })}
-            >
-              {FONT_OPTIONS.map((f) => (
-                <option key={f} value={f}>
-                  {f}
-                </option>
-              ))}
-            </select>
-          </div>
-
-          {/* 字号滑块 */}
-          <div className="ep-field">
-            <label className="ep-field-label">字号</label>
-            <div className="ep-slider-row">
-              <input
-                className="ep-slider"
-                type="range"
-                min={12}
-                max={72}
-                value={config.font_size}
-                onChange={(e) => update({ font_size: Number(e.target.value) })}
-              />
-              <span className="ep-slider-value">{config.font_size}px</span>
-            </div>
-          </div>
-
-          {/* 颜色 */}
-          <div className="ep-field">
-            <label className="ep-field-label">颜色</label>
-            <div className="ep-color-presets">
-              {TITLE_COLOR_PRESETS.map((color) => (
-                <div
-                  key={color}
-                  className={`ep-color-swatch${config.font_color === color ? " active" : ""}`}
-                  style={{ backgroundColor: color }}
-                  onClick={() => update({ font_color: color })}
-                />
-              ))}
-              <input
-                type="color"
-                className="ep-color-picker"
-                value={config.font_color}
-                onChange={(e) => update({ font_color: e.target.value })}
-              />
-            </div>
-          </div>
-        </>
-      )}
-    </div>
-  )
-}
-
-export default TitleSettingsSection