xiaoxia
44e6c8e10f
CI/CD Pipeline / Check if frontend-only change (push) Has been cancelled
CI/CD Pipeline / Validate - Code Quality (push) Has been cancelled
CI/CD Pipeline / Validate - Type Check (mypy) (push) Has been cancelled
CI/CD Pipeline / Validate - Migration (alembic) (push) Has been cancelled
CI/CD Pipeline / Unit Tests (push) Has been cancelled
CI/CD Pipeline / Integration Tests (push) Has been cancelled
CI/CD Pipeline / Frontend Lint (push) Has been cancelled
CI/CD Pipeline / Frontend Unit Tests (push) Has been cancelled
CI/CD Pipeline / PR Build API Image (push) Has been cancelled
CI/CD Pipeline / PR Build Web Image (push) Has been cancelled
CI/CD Pipeline / PR Build Worker Image (push) Has been cancelled
CI/CD Pipeline / Build Staging API Image (push) Has been cancelled
CI/CD Pipeline / Build Staging Web Image (push) Has been cancelled
CI/CD Pipeline / Build Staging Worker Image (push) Has been cancelled
CI/CD Pipeline / Deploy Staging (Watchtower auto-deploy) (push) Has been cancelled
CI/CD Pipeline / Staging E2E Tests (push) Has been cancelled
CI/CD Pipeline / Staging API Integration Tests (push) Has been cancelled
CI/CD Pipeline / Build Production API Image (push) Has been cancelled
CI/CD Pipeline / Build Production Web Image (push) Has been cancelled
CI/CD Pipeline / Build Production Worker Image (push) Has been cancelled
CI/CD Pipeline / Deploy Production (push) Has been cancelled
CI/CD Pipeline / Production Browser E2E (push) Has been cancelled
CI/CD Pipeline / ACR Image Cleanup (push) Has been cancelled
CI/CD Pipeline / Canary Release to Production (push) Has been cancelled
CI/CD Pipeline / CI Gate (push) Has been cancelled
Co-authored-by: xiaoxia <dev@xiaoxiajianji.com> Co-committed-by: xiaoxia <dev@xiaoxiajianji.com>
56 lines
1.5 KiB
TypeScript
56 lines
1.5 KiB
TypeScript
import type { PipGridPosition, PipAnimType, PipSlideDirection } from "../../types"
|
|
|
|
/** 九宫格位置 → 百分比坐标映射 */
|
|
export const GRID_POSITION_MAP: Record<PipGridPosition, { x: number; y: number }> = {
|
|
top_left: { x: 5, y: 5 },
|
|
top_center: { x: 37.5, y: 5 },
|
|
top_right: { x: 70, y: 5 },
|
|
center_left: { x: 5, y: 37.5 },
|
|
center: { x: 37.5, y: 37.5 },
|
|
center_right: { x: 70, y: 37.5 },
|
|
bottom_left: { x: 5, y: 70 },
|
|
bottom_center: { x: 37.5, y: 70 },
|
|
bottom_right: { x: 70, y: 70 },
|
|
}
|
|
|
|
/** 九宫格位置选项 */
|
|
export const GRID_POSITIONS: PipGridPosition[] = [
|
|
"top_left",
|
|
"top_center",
|
|
"top_right",
|
|
"center_left",
|
|
"center",
|
|
"center_right",
|
|
"bottom_left",
|
|
"bottom_center",
|
|
"bottom_right",
|
|
]
|
|
|
|
/** 入场动画选项 */
|
|
export const ANIM_OPTIONS: { value: PipAnimType; label: string }[] = [
|
|
{ value: "none", label: "无" },
|
|
{ value: "fade_in", label: "淡入" },
|
|
{ value: "slide_in", label: "滑入" },
|
|
]
|
|
|
|
/** 滑入方向选项 */
|
|
export const SLIDE_DIR_OPTIONS: { value: PipSlideDirection; label: string }[] = [
|
|
{ value: "left", label: "← 左" },
|
|
{ value: "right", label: "→ 右" },
|
|
{ value: "up", label: "↑ 上" },
|
|
{ value: "down", label: "↓ 下" },
|
|
]
|
|
|
|
/** 预览图层颜色池 */
|
|
export const LAYER_COLORS = [
|
|
"rgba(22,119,255,0.5)",
|
|
"rgba(82,196,26,0.5)",
|
|
"rgba(250,173,20,0.5)",
|
|
"rgba(255,77,79,0.5)",
|
|
"rgba(114,46,209,0.5)",
|
|
"rgba(19,194,194,0.5)",
|
|
]
|
|
|
|
let layerIdCounter = 0
|
|
export const genLayerId = () => `pip_layer_${Date.now()}_${++layerIdCounter}`
|