foucui 1.0.1 → 2.0.0

package/components/QiuAvatar/index.vue

@@ -1,140 +0,0 @@
-<template>
-  <span
-    class="qiu-avatar"
-    :class="[
-      `qiu-avatar--${shape}`,
-      `qiu-avatar--${sizeClass}`,
-      { 'is-image': !!src && !imgError },
-    ]"
-    :style="wrapStyle"
-  >
-    <img
-      v-if="src && !imgError"
-      class="qiu-avatar__img"
-      :src="src"
-      :alt="alt"
-      :style="{ objectFit: fit }"
-      @error="onError"
-    />
-    <span v-else-if="$slots.default" class="qiu-avatar__slot">
-      <slot />
-    </span>
-    <span v-else class="qiu-avatar__text">{{ displayText }}</span>
-  </span>
-</template>
-
-<script lang="ts" setup>
-defineOptions({ name: 'QiuAvatar' })
-
-const props = withDefaults(
-  defineProps<{
-    src?: string
-    alt?: string
-    /** large | default | small | 数字像素 */
-    size?: 'large' | 'default' | 'small' | number
-    shape?: 'circle' | 'square'
-    fit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
-    /** 无图时显示文字（默认取首字） */
-    text?: string
-    icon?: string
-  }>(),
-  {
-    alt: '',
-    size: 'default',
-    shape: 'circle',
-    fit: 'cover',
-    text: '',
-  }
-)
-
-const emit = defineEmits<{
-  error: [Event]
-}>()
-
-const imgError = ref(false)
-
-watch(
-  () => props.src,
-  () => {
-    imgError.value = false
-  }
-)
-
-const sizeClass = computed(() =>
-  typeof props.size === 'number' ? 'custom' : props.size
-)
-
-const wrapStyle = computed(() => {
-  if (typeof props.size !== 'number') return undefined
-  const s = `${props.size}px`
-  return { width: s, height: s, fontSize: `${Math.max(12, props.size * 0.4)}px` }
-})
-
-const displayText = computed(() => {
-  if (props.text) return props.text.slice(0, 2)
-  return '?'
-})
-
-const onError = (e: Event) => {
-  imgError.value = true
-  emit('error', e)
-}
-</script>
-
-<style lang="scss" scoped>
-.qiu-avatar {
-  box-sizing: border-box;
-  display: inline-flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  color: #fff;
-  vertical-align: middle;
-  background: var(--qiu-color-primary, var(--qiu-color-primary, #0f766e));
-  user-select: none;
-
-  &--circle {
-    border-radius: 50%;
-  }
-
-  &--square {
-    border-radius: 4px;
-  }
-
-  &--large {
-    width: 56px;
-    height: 56px;
-    font-size: 22px;
-  }
-
-  &--default {
-    width: 40px;
-    height: 40px;
-    font-size: 16px;
-  }
-
-  &--small {
-    width: 28px;
-    height: 28px;
-    font-size: 12px;
-  }
-
-  &.is-image {
-    background: transparent;
-  }
-
-  &__img {
-    display: block;
-    width: 100%;
-    height: 100%;
-    border-radius: inherit;
-  }
-
-  &__text,
-  &__slot {
-    font-weight: 600;
-    line-height: 1;
-  }
-}
-</style>

package/components/QiuBacktop/index.vue

@@ -1,121 +0,0 @@
-<template>
-  <Teleport to="body">
-    <Transition name="qiu-backtop-fade">
-      <button
-        v-show="visible"
-        type="button"
-        class="qiu-backtop"
-        :style="btnStyle"
-        aria-label="回到顶部"
-        @click="scrollToTop"
-      >
-        <slot>
-          <qiu-icon icon="arrow-up-line" />
-        </slot>
-      </button>
-    </Transition>
-  </Teleport>
-</template>
-
-<script lang="ts" setup>
-defineOptions({ name: 'QiuBacktop' })
-
-const props = withDefaults(
-  defineProps<{
-    /** 滚动超过该高度后显示 */
-    scrollVisibilityHeight?: number
-    right?: number
-    bottom?: number
-    zIndex?: number
-    /** 滚动容器选择器，默认 window */
-    target?: string
-  }>(),
-  {
-    scrollVisibilityHeight: 200,
-    right: 40,
-    bottom: 40,
-    zIndex: 100,
-    target: '',
-  }
-)
-
-const visible = ref(false)
-
-const getScrollContainer = (): HTMLElement | Window => {
-  if (!props.target) return window
-  const el = document.querySelector(props.target)
-  return (el as HTMLElement) || window
-}
-
-const getScrollTop = (container: HTMLElement | Window) => {
-  if (container === window) return window.scrollY || document.documentElement.scrollTop
-  return (container as HTMLElement).scrollTop
-}
-
-const btnStyle = computed(() => ({
-  right: `${props.right}px`,
-  bottom: `${props.bottom}px`,
-  zIndex: String(props.zIndex),
-}))
-
-const onScroll = () => {
-  const container = getScrollContainer()
-  visible.value = getScrollTop(container) >= props.scrollVisibilityHeight
-}
-
-const scrollToTop = () => {
-  const container = getScrollContainer()
-  if (container === window) {
-    window.scrollTo({ top: 0, behavior: 'smooth' })
-  } else {
-    ;(container as HTMLElement).scrollTo({ top: 0, behavior: 'smooth' })
-  }
-}
-
-let containerEl: HTMLElement | Window = window
-
-onMounted(() => {
-  containerEl = getScrollContainer()
-  containerEl.addEventListener('scroll', onScroll, { passive: true })
-  onScroll()
-})
-
-onBeforeUnmount(() => {
-  containerEl.removeEventListener('scroll', onScroll)
-})
-</script>
-
-<style lang="scss" scoped>
-.qiu-backtop {
-  position: fixed;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 40px;
-  height: 40px;
-  font-size: 18px;
-  color: var(--qiu-color-primary, var(--qiu-color-primary, #0f766e));
-  cursor: pointer;
-  background: var(--qiu-bg-color, var(--qiu-bg-color, #fff));
-  border: 1px solid var(--qiu-border-color-lighter, var(--qiu-border-color-lighter, #ebeef5));
-  border-radius: 50%;
-  box-shadow: var(--qiu-box-shadow-light, 0 2px 12px rgba(0, 0, 0, 0.1));
-  transition: background 0.15s, color 0.15s;
-
-  &:hover {
-    color: #fff;
-    background: var(--qiu-color-primary, var(--qiu-color-primary, #0f766e));
-  }
-}
-
-.qiu-backtop-fade-enter-active,
-.qiu-backtop-fade-leave-active {
-  transition: opacity 0.2s ease, transform 0.2s ease;
-}
-
-.qiu-backtop-fade-enter-from,
-.qiu-backtop-fade-leave-to {
-  opacity: 0;
-  transform: translateY(8px);
-}
-</style>

package/components/QiuBadge/api/index.ts

@@ -1,389 +0,0 @@
-/**
- * QiuBadge 本地演示 API（localStorage）
- * 先保证编辑器可独立跑通；后续再对接真实后端。
- */
-import type { BadgeTemplateDoc } from '../shared/badgeTemplate'
-
-const LS_TEMPLATES = 'qiu-badge-templates'
-const LS_DESK = 'qiu-badge-desk-templates'
-const LS_LIBRARY = 'qiu-badge-library'
-const LS_COMPETITIONS = 'qiu-badge-competitions'
-
-type ApiOk<T> = { code: number; data: T; msg?: string }
-
-const ok = <T>(data: T): ApiOk<T> => ({ code: 0, data })
-
-const readJson = <T>(key: string, fallback: T): T => {
-  try {
-    const raw = localStorage.getItem(key)
-    if (!raw) return fallback
-    return JSON.parse(raw) as T
-  } catch {
-    return fallback
-  }
-}
-
-const writeJson = (key: string, value: unknown) => {
-  localStorage.setItem(key, JSON.stringify(value))
-}
-
-export interface BadgeTemplateRow {
-  id: number
-  competition_id: number
-  name: string
-  width_mm: number
-  height_mm: number
-  is_default: boolean
-  update_time: string
-  doc?: BadgeTemplateDoc | null
-  default_test_json?: Record<string, unknown> | null
-  kind?: 'badge' | 'desk'
-}
-
-export interface BadgeLibraryImage {
-  id: number
-  url: string
-  name: string
-  create_time: string
-}
-
-const nowText = () => {
-  const d = new Date()
-  const p = (n: number) => String(n).padStart(2, '0')
-  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}:${p(d.getSeconds())}`
-}
-
-const ensureDemoCompetitions = () => {
-  let list = readJson<any[]>(LS_COMPETITIONS, [])
-  if (!list.length) {
-    list = [
-      {
-        id: 1,
-        name: '演示比赛 A',
-        area_code: 'A01',
-        host_region: '110000',
-        start_date: '2026-08-01',
-        status: 1,
-      },
-      {
-        id: 2,
-        name: '演示比赛 B',
-        area_code: 'B02',
-        host_region: '310000',
-        start_date: '2026-09-01',
-        status: 2,
-      },
-    ]
-    writeJson(LS_COMPETITIONS, list)
-  }
-  return list
-}
-
-const listStore = (kind: 'badge' | 'desk') =>
-  readJson<BadgeTemplateRow[]>(kind === 'badge' ? LS_TEMPLATES : LS_DESK, [])
-
-const saveStore = (kind: 'badge' | 'desk', rows: BadgeTemplateRow[]) =>
-  writeJson(kind === 'badge' ? LS_TEMPLATES : LS_DESK, rows)
-
-const nextId = (rows: BadgeTemplateRow[]) =>
-  rows.reduce((m, r) => Math.max(m, Number(r.id) || 0), 0) + 1
-
-const emptyDoc = (name: string, w = 90, h = 54): BadgeTemplateDoc =>
-  ({
-    version: 1,
-    canvas: {
-      widthMm: w,
-      heightMm: h,
-      background: '#ffffff',
-    },
-    elements: [],
-    guides: [],
-    regions: [],
-  }) as BadgeTemplateDoc
-
-/** —— competition / template —— */
-export const getCompetitions = async (params?: any) => {
-  const list = ensureDemoCompetitions()
-  const page = Number(params?.page || 1)
-  const pageSize = Number(params?.page_size || params?.pageSize || 20)
-  const kw = String(params?.keyword || params?.q || '').trim()
-  let rows = list
-  if (kw) rows = rows.filter((r) => `${r.name}${r.area_code}`.includes(kw))
-  const start = (page - 1) * pageSize
-  return ok({
-    list: rows.slice(start, start + pageSize),
-    total: rows.length,
-    page,
-    page_size: pageSize,
-  })
-}
-
-export const getCompetition = async (id: number) => {
-  const row = ensureDemoCompetitions().find((r) => r.id === Number(id))
-  return ok(row || { id, name: `比赛 ${id}`, status: 1 })
-}
-
-export const listBadgeTemplates = async (competitionId: number) => {
-  const rows = listStore('badge').filter((r) => r.competition_id === Number(competitionId))
-  return ok({ list: rows })
-}
-
-export const createBadgeTemplate = async (competitionId: number, data: { name: string }) => {
-  const rows = listStore('badge')
-  const id = nextId(rows)
-  const row: BadgeTemplateRow = {
-    id,
-    competition_id: Number(competitionId),
-    name: data.name || '未命名模板',
-    width_mm: 90,
-    height_mm: 54,
-    is_default: rows.filter((r) => r.competition_id === Number(competitionId)).length === 0,
-    update_time: nowText(),
-    doc: emptyDoc(data.name || '未命名模板'),
-    kind: 'badge',
-  }
-  rows.push(row)
-  saveStore('badge', rows)
-  return ok(row)
-}
-
-export const getBadgeTemplateOne = async (competitionId: number, templateId: number) => {
-  const row = listStore('badge').find(
-    (r) => r.id === Number(templateId) && r.competition_id === Number(competitionId)
-  )
-  if (!row) return ok(null)
-  return ok({
-    ...row,
-    template_json: row.doc || emptyDoc(row.name, row.width_mm, row.height_mm),
-    doc: row.doc || emptyDoc(row.name, row.width_mm, row.height_mm),
-    default_test_json: row.default_test_json || {},
-  })
-}
-
-export const getBadgeTemplate = async (competitionId: number) => {
-  const rows = listStore('badge').filter((r) => r.competition_id === Number(competitionId))
-  const row = rows.find((r) => r.is_default) || rows[0]
-  if (!row) return ok(null)
-  return getBadgeTemplateOne(competitionId, row.id)
-}
-
-export const putBadgeTemplateOne = async (
-  competitionId: number,
-  templateId: number,
-  data: Record<string, unknown>
-) => {
-  const rows = listStore('badge')
-  const idx = rows.findIndex(
-    (r) => r.id === Number(templateId) && r.competition_id === Number(competitionId)
-  )
-  if (idx < 0) return ok(null)
-  const doc = (data.doc || data.template_json || data.template || rows[idx].doc) as BadgeTemplateDoc
-  const name = String(data.name || rows[idx].name)
-  const width = Number((doc as any)?.canvas?.widthMm || data.width_mm || rows[idx].width_mm)
-  const height = Number((doc as any)?.canvas?.heightMm || data.height_mm || rows[idx].height_mm)
-  rows[idx] = {
-    ...rows[idx],
-    name,
-    width_mm: width,
-    height_mm: height,
-    doc,
-    default_test_json: (data.default_test_json as Record<string, unknown>) ?? rows[idx].default_test_json ?? {},
-    update_time: nowText(),
-  }
-  saveStore('badge', rows)
-  return ok(rows[idx])
-}
-
-export const deleteBadgeTemplate = async (competitionId: number, templateId: number) => {
-  const rows = listStore('badge').filter(
-    (r) => !(r.id === Number(templateId) && r.competition_id === Number(competitionId))
-  )
-  saveStore('badge', rows)
-  return ok(true)
-}
-
-export const setDefaultBadgeTemplate = async (competitionId: number, templateId: number) => {
-  const rows = listStore('badge').map((r) =>
-    r.competition_id === Number(competitionId)
-      ? { ...r, is_default: r.id === Number(templateId) }
-      : r
-  )
-  saveStore('badge', rows)
-  return ok(true)
-}
-
-/** desk label templates */
-export const listDeskLabelTemplates = async (competitionId: number) => {
-  const rows = listStore('desk').filter((r) => r.competition_id === Number(competitionId))
-  return ok({ list: rows })
-}
-
-export const createDeskLabelTemplate = async (competitionId: number, data: { name: string }) => {
-  const rows = listStore('desk')
-  const id = nextId(rows)
-  const row: BadgeTemplateRow = {
-    id,
-    competition_id: Number(competitionId),
-    name: data.name || '未命名桌签',
-    width_mm: 150,
-    height_mm: 50,
-    is_default: rows.filter((r) => r.competition_id === Number(competitionId)).length === 0,
-    update_time: nowText(),
-    doc: emptyDoc(data.name || '未命名桌签', 150, 50),
-    kind: 'desk',
-  }
-  rows.push(row)
-  saveStore('desk', rows)
-  return ok(row)
-}
-
-export const getDeskLabelTemplateOne = async (competitionId: number, templateId: number) => {
-  const row = listStore('desk').find(
-    (r) => r.id === Number(templateId) && r.competition_id === Number(competitionId)
-  )
-  if (!row) return ok(null)
-  return ok({
-    ...row,
-    template_json: row.doc || emptyDoc(row.name, row.width_mm, row.height_mm),
-    doc: row.doc || emptyDoc(row.name, row.width_mm, row.height_mm),
-    default_test_json: row.default_test_json || {},
-  })
-}
-
-export const getDeskLabelTemplate = async (competitionId: number) => {
-  const rows = listStore('desk').filter((r) => r.competition_id === Number(competitionId))
-  const row = rows.find((r) => r.is_default) || rows[0]
-  if (!row) return ok(null)
-  return getDeskLabelTemplateOne(competitionId, row.id)
-}
-
-export const putDeskLabelTemplateOne = async (
-  competitionId: number,
-  templateId: number,
-  data: Record<string, unknown>
-) => {
-  const rows = listStore('desk')
-  const idx = rows.findIndex(
-    (r) => r.id === Number(templateId) && r.competition_id === Number(competitionId)
-  )
-  if (idx < 0) return ok(null)
-  const doc = (data.doc || data.template_json || data.template || rows[idx].doc) as BadgeTemplateDoc
-  const name = String(data.name || rows[idx].name)
-  const width = Number((doc as any)?.canvas?.widthMm || data.width_mm || rows[idx].width_mm)
-  const height = Number((doc as any)?.canvas?.heightMm || data.height_mm || rows[idx].height_mm)
-  rows[idx] = {
-    ...rows[idx],
-    name,
-    width_mm: width,
-    height_mm: height,
-    doc,
-    default_test_json: (data.default_test_json as Record<string, unknown>) ?? rows[idx].default_test_json ?? {},
-    update_time: nowText(),
-  }
-  saveStore('desk', rows)
-  return ok(rows[idx])
-}
-
-export const deleteDeskLabelTemplate = async (competitionId: number, templateId: number) => {
-  const rows = listStore('desk').filter(
-    (r) => !(r.id === Number(templateId) && r.competition_id === Number(competitionId))
-  )
-  saveStore('desk', rows)
-  return ok(true)
-}
-
-export const setDefaultDeskLabelTemplate = async (competitionId: number, templateId: number) => {
-  const rows = listStore('desk').map((r) =>
-    r.competition_id === Number(competitionId)
-      ? { ...r, is_default: r.id === Number(templateId) }
-      : r
-  )
-  saveStore('desk', rows)
-  return ok(true)
-}
-
-/** —— upload / library —— */
-export const getBadgeLibraryImages = async (params?: { page?: number; page_size?: number }) => {
-  const list = readJson<BadgeLibraryImage[]>(LS_LIBRARY, [])
-  const page = Number(params?.page || 1)
-  const pageSize = Number(params?.page_size || 40)
-  const start = (page - 1) * pageSize
-  return ok({ list: list.slice(start, start + pageSize), total: list.length, page, page_size: pageSize })
-}
-
-export const uploadBadgeLibraryImage = async (file: File) => {
-  const url = await new Promise<string>((resolve, reject) => {
-    const reader = new FileReader()
-    reader.onload = () => resolve(String(reader.result || ''))
-    reader.onerror = () => reject(new Error('read failed'))
-    reader.readAsDataURL(file)
-  })
-  const list = readJson<BadgeLibraryImage[]>(LS_LIBRARY, [])
-  const id = list.reduce((m, r) => Math.max(m, r.id), 0) + 1
-  const row: BadgeLibraryImage = {
-    id,
-    url,
-    name: file.name,
-    create_time: nowText(),
-  }
-  list.unshift(row)
-  writeJson(LS_LIBRARY, list)
-  return ok(row)
-}
-
-export const deleteBadgeLibraryImage = async (id: number) => {
-  const list = readJson<BadgeLibraryImage[]>(LS_LIBRARY, []).filter((r) => r.id !== Number(id))
-  writeJson(LS_LIBRARY, list)
-  return ok(true)
-}
-
-/** —— student / print data stubs —— */
-export const getBadgeSchools = async (_competitionId: number) =>
-  ok([
-    { id: 1, name: '演示学校一', short_name: '校一' },
-    { id: 2, name: '演示学校二', short_name: '校二' },
-  ])
-
-export const getBadges = async (_competitionId: number, _params?: any) =>
-  ok({
-    list: [
-      {
-        id: 1,
-        student_name: '张三',
-        competition_no: 'A001',
-        school_name: '演示学校一',
-        age_group: '小学组',
-        competition_room: '101',
-        seat_no: '01',
-      },
-      {
-        id: 2,
-        student_name: '李四',
-        competition_no: 'A002',
-        school_name: '演示学校一',
-        age_group: '小学组',
-        competition_room: '101',
-        seat_no: '02',
-      },
-    ],
-    total: 2,
-  })
-
-export const getBadgesExportData = async (competitionId: number, params?: any) =>
-  getBadges(competitionId, params)
-
-export const getStudents = async (_competitionId: number, _params?: any) =>
-  ok({ list: [], total: 0 })
-
-export const finalizeSeatAssignmentLock = async (_competitionId: number, _data?: any) => ok(true)
-
-export const getDeskLabels = async (_competitionId: number) =>
-  ok([
-    {
-      id: 1,
-      competition_room: '101',
-      seat_no: '01',
-      student_name: '张三',
-      school_name: '演示学校一',
-    },
-  ])