foucui 1.0.1 → 2.0.0

package/components/QiuWatermark/index.vue

@@ -1,121 +0,0 @@
-<template>
-  <div ref="rootRef" class="qiu-watermark">
-    <div class="qiu-watermark__layer" :style="layerStyle" aria-hidden="true" />
-    <div class="qiu-watermark__content">
-      <slot />
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-defineOptions({ name: 'QiuWatermark' })
-
-const props = withDefaults(
-  defineProps<{
-    content?: string | string[]
-    font?: {
-      color?: string
-      fontSize?: number
-      fontFamily?: string
-      fontWeight?: string | number
-    }
-    gap?: [number, number]
-    rotate?: number
-    zIndex?: number
-    offset?: [number, number]
-  }>(),
-  {
-    content: '',
-    font: () => ({
-      color: 'rgba(0,0,0,0.12)',
-      fontSize: 16,
-      fontFamily: 'sans-serif',
-      fontWeight: 'normal',
-    }),
-    gap: () => [100, 100],
-    rotate: -22,
-    zIndex: 9,
-    offset: () => [0, 0],
-  }
-)
-
-const rootRef = ref<HTMLElement | null>(null)
-const bgUrl = ref('')
-
-const lines = computed(() => {
-  if (Array.isArray(props.content)) return props.content
-  return props.content ? [props.content] : []
-})
-
-const buildWatermark = () => {
-  if (!lines.value.length) {
-    bgUrl.value = ''
-    return
-  }
-
-  const [gapX, gapY] = props.gap
-  const [offsetX, offsetY] = props.offset
-  const font = props.font
-  const canvas = document.createElement('canvas')
-  const ctx = canvas.getContext('2d')
-  if (!ctx) return
-
-  const fontSize = font.fontSize ?? 16
-  const fontFamily = font.fontFamily ?? 'sans-serif'
-  const fontWeight = font.fontWeight ?? 'normal'
-  ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`
-
-  const maxWidth = Math.max(...lines.value.map((l) => ctx.measureText(l).width))
-  const lineHeight = fontSize * 1.4
-  const textHeight = lines.value.length * lineHeight
-
-  canvas.width = gapX + maxWidth + 20
-  canvas.height = gapY + textHeight + 20
-
-  ctx.clearRect(0, 0, canvas.width, canvas.height)
-  ctx.translate(canvas.width / 2 + offsetX, canvas.height / 2 + offsetY)
-  ctx.rotate((props.rotate * Math.PI) / 180)
-  ctx.fillStyle = font.color ?? 'rgba(0,0,0,0.12)'
-  ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`
-  ctx.textAlign = 'center'
-  ctx.textBaseline = 'middle'
-
-  const startY = -((lines.value.length - 1) * lineHeight) / 2
-  lines.value.forEach((line, i) => {
-    ctx.fillText(line, 0, startY + i * lineHeight)
-  })
-
-  bgUrl.value = canvas.toDataURL()
-}
-
-const layerStyle = computed(() => ({
-  zIndex: String(props.zIndex),
-  backgroundImage: bgUrl.value ? `url(${bgUrl.value})` : undefined,
-}))
-
-watch(
-  () => [props.content, props.gap, props.rotate, props.font, props.offset],
-  () => buildWatermark(),
-  { deep: true, immediate: true }
-)
-
-onMounted(() => buildWatermark())
-</script>
-
-<style lang="scss" scoped>
-.qiu-watermark {
-  position: relative;
-
-  &__layer {
-    position: absolute;
-    inset: 0;
-    pointer-events: none;
-    background-repeat: repeat;
-  }
-
-  &__content {
-    position: relative;
-    z-index: 1;
-  }
-}
-</style>

package/components/useBodyScrollLock.ts

@@ -1,28 +0,0 @@
-/**
- * 共享的 body 滚动锁：使用引用计数，保证 Drawer / Dialog 等多实例同时打开时，
- * 仅当最后一个实例关闭后才真正释放 body 滚动，避免「关闭一个弹层背景就滚动」的问题。
- * 同时仅在 body 之前没有自定义 overflow 时才接管，关闭时恢复原值。
- */
-let lockCount = 0
-let prevOverflow = ''
-
-export function useBodyScrollLock() {
-  const lock = () => {
-    if (lockCount === 0) {
-      prevOverflow = document.body.style.overflow
-      document.body.style.overflow = 'hidden'
-    }
-    lockCount += 1
-  }
-
-  const unlock = () => {
-    if (lockCount === 0) return
-    lockCount -= 1
-    if (lockCount === 0) {
-      document.body.style.overflow = prevOverflow
-      prevOverflow = ''
-    }
-  }
-
-  return { lock, unlock }
-}

package/dist/components/QiuBadge/index.d.ts

@@ -1,18 +0,0 @@
-/**
- * QiuBadge — 证件 / 桌签制作插件
- * 源码迁自 zhihui web-admin + shared，先落地再调。
- */
-/** 编辑器真源在 QiuCanvasKit；此入口保持兼容 */
-export { default as QiuBadgeTemplateEditor } from '../QiuCanvasKit/QiuCanvasEditor.vue';
-export { default as QiuBadgeTemplateList } from './views/BadgeTemplateListView.vue';
-export { default as QiuBadgeManage } from './views/BadgeManageView.vue';
-export { default as QiuBadgeLibrary } from './views/BadgeLibraryView.vue';
-export { default as QiuDeskLabel } from './views/DeskLabelView.vue';
-export { default as QiuDeskLabelTemplateList } from './views/DeskLabelTemplateListView.vue';
-export { default as QiuBadgeTemplateRenderer } from './shared/BadgeTemplateRenderer.vue';
-export { default as QiuBadgeImagePickerDialog } from './components/BadgeImagePickerDialog.vue';
-export { default as QiuBadgeLibraryManagerDialog } from './components/BadgeLibraryManagerDialog.vue';
-export { default as QiuBadgeLibraryPanel } from './components/BadgeLibraryPanel.vue';
-export * from './shared/badgeTemplate';
-export * from './shared/assetUrl';
-export * as QiuBadgeApi from './api/index';