foucui 1.0.1 → 2.0.0

package/dist/index.d.ts

@@ -1,46 +1,46 @@
 import { App } from 'vue';
-import { QIU_LOADING_EFFECTS, qiuLoading } from './components/QiuLoading';
-import { qiuMsg } from './components/QiuMsg';
-import { qiuNotify } from './components/QiuNotification';
-export declare const version = "1.0.1";
-export { qiuMsg, qiuNotify, qiuLoading };
-/** QiuCanvasKit：证件 / 桌签 / Banner 统一画布 */
-export { QiuCanvasEditor, QiuCanvasRenderer, QiuCanvasDataModulesPanel, mergeTemplateText, mergeBadgeText, flattenBadgeForMerge, flattenDeskLabelForMerge, mapRowToContext, resolveDataModules, cloneBuiltinModules, createCustomModule, sampleContextFromModules, listInsertableFields, createBannerDoc, createBadgeDoc, buildCanvasHtml, downloadCanvasHtml, downloadElementPng, downloadElementPdf, BADGE_PLACEHOLDER_KEYS, BADGE_PLACEHOLDER_LABELS, BUILTIN_DATA_MODULES, LEGACY_FLAT_KEY_MAP, } from './components/QiuCanvasKit';
-export type { CanvasKitMode, CanvasKitDoc, CanvasKitElement, DataModuleDef, DataFieldDef, MergeContext, ElementLink, } from './components/QiuCanvasKit';
-export { qiuConfirmPromise, qiuAlert, qiuConfirm } from './components/QiuMsgBox';
-export { default as QiuButton } from './components/QiuButton/index.vue';
-export { default as QiuConfigProvider } from './components/QiuConfigProvider/index.vue';
-export { default as QiuColorPicker } from './components/QiuColorPicker/index.vue';
-export { default as QiuNotification } from './components/QiuNotification';
-export { default as QiuLoading } from './components/QiuLoading';
-export { QIU_LOADING_EFFECTS };
-export { default as QiuUpload } from './components/QiuUpload/index.vue';
-export { default as QiuUploadCrop } from './components/QiuUploadCrop/index.vue';
-export { default as QiuTabBar } from './components/QiuTabBar/index.vue';
-export { default as QiuTabPane } from './components/QiuTabPane/index.vue';
-export { default as QiuContextMenu } from './components/QiuContextMenu/index.vue';
-export { default as QiuHoverCard } from './components/QiuHoverCard/index.vue';
-export { default as QiuInputOtp } from './components/QiuInputOtp/index.vue';
-export { default as QiuKbd } from './components/QiuKbd/index.vue';
-export { default as QiuLayoutContainer } from './components/QiuLayoutContainer/index.vue';
-export { default as QiuPageMain } from './components/QiuPageMain/index.vue';
-export { default as QiuPasswordStrength } from './components/QiuPasswordStrength/index.vue';
-export { default as QiuSearchBar } from './components/QiuSearchBar/index.vue';
-export { default as QiuTrend } from './components/QiuTrend/index.vue';
-export { default as QiuCode } from './components/QiuCode/index.vue';
-export { default as QiuCombobox } from './components/QiuCombobox/index.vue';
-export { default as QiuDigitalCard } from './components/QiuDigitalCard/index.vue';
-export { default as QiuLinkPreview } from './components/QiuLinkPreview/index.vue';
-export { default as QiuMention } from './components/QiuMention/index.vue';
-export { default as QiuQrcode } from './components/QiuQrcode/index.vue';
-export { default as QiuSparkline } from './components/QiuSparkline/index.vue';
-export { default as QiuTimeAgo } from './components/QiuTimeAgo/index.vue';
-export { qiuApp } from './plugins/qiu';
-export type { QiuMsgOptions, QiuMsgPosition, QiuMsgType, QiuMsgFn } from './components/QiuMsg';
-export type { QiuNotifyOptions } from './components/QiuNotification';
-export type { QiuConfigProviderContext } from './components/QiuConfigProvider/index.vue';
-export type { QiuFormRules, QiuFormRule, QiuFormItemContext, QiuFormContext } from './components/QiuForm/types';
-export declare const setupQiu: (app: App<Element>) => void;
-/** setupQiu 别名（包名 foucui；兼容旧名 qiuye） */
+import { FOU_LOADING_EFFECTS, fouLoading } from './components/FouLoading';
+import { fouMsg } from './components/FouMsg';
+import { fouNotify } from './components/FouNotification';
+export declare const version = "2.0.0";
+export { fouMsg, fouNotify, fouLoading };
+/** FouCanvasKit：证件 / 桌签 / Banner 统一画布 */
+export { FouCanvasEditor, FouCanvasRenderer, FouCanvasDataModulesPanel, mergeTemplateText, mergeBadgeText, flattenBadgeForMerge, flattenDeskLabelForMerge, mapRowToContext, resolveDataModules, cloneBuiltinModules, createCustomModule, sampleContextFromModules, listInsertableFields, createBannerDoc, createBadgeDoc, buildCanvasHtml, downloadCanvasHtml, downloadElementPng, downloadElementPdf, BADGE_PLACEHOLDER_KEYS, BADGE_PLACEHOLDER_LABELS, BUILTIN_DATA_MODULES, LEGACY_FLAT_KEY_MAP, } from './components/FouCanvasKit';
+export type { CanvasKitMode, CanvasKitDoc, CanvasKitElement, DataModuleDef, DataFieldDef, MergeContext, ElementLink, } from './components/FouCanvasKit';
+export { fouConfirmPromise, fouAlert, fouConfirm } from './components/FouMsgBox';
+export { default as FouButton } from './components/FouButton/index.vue';
+export { default as FouConfigProvider } from './components/FouConfigProvider/index.vue';
+export { default as FouColorPicker } from './components/FouColorPicker/index.vue';
+export { default as FouNotification } from './components/FouNotification';
+export { default as FouLoading } from './components/FouLoading';
+export { FOU_LOADING_EFFECTS };
+export { default as FouUpload } from './components/FouUpload/index.vue';
+export { default as FouUploadCrop } from './components/FouUploadCrop/index.vue';
+export { default as FouTabBar } from './components/FouTabBar/index.vue';
+export { default as FouTabPane } from './components/FouTabPane/index.vue';
+export { default as FouContextMenu } from './components/FouContextMenu/index.vue';
+export { default as FouHoverCard } from './components/FouHoverCard/index.vue';
+export { default as FouInputOtp } from './components/FouInputOtp/index.vue';
+export { default as FouKbd } from './components/FouKbd/index.vue';
+export { default as FouLayoutContainer } from './components/FouLayoutContainer/index.vue';
+export { default as FouPageMain } from './components/FouPageMain/index.vue';
+export { default as FouPasswordStrength } from './components/FouPasswordStrength/index.vue';
+export { default as FouSearchBar } from './components/FouSearchBar/index.vue';
+export { default as FouTrend } from './components/FouTrend/index.vue';
+export { default as FouCode } from './components/FouCode/index.vue';
+export { default as FouCombobox } from './components/FouCombobox/index.vue';
+export { default as FouDigitalCard } from './components/FouDigitalCard/index.vue';
+export { default as FouLinkPreview } from './components/FouLinkPreview/index.vue';
+export { default as FouMention } from './components/FouMention/index.vue';
+export { default as FouQrcode } from './components/FouQrcode/index.vue';
+export { default as FouSparkline } from './components/FouSparkline/index.vue';
+export { default as FouTimeAgo } from './components/FouTimeAgo/index.vue';
+export { fouApp } from './plugins/fou';
+export type { FouMsgOptions, FouMsgPosition, FouMsgType, FouMsgFn } from './components/FouMsg';
+export type { FouNotifyOptions } from './components/FouNotification';
+export type { FouConfigProviderContext } from './components/FouConfigProvider/index.vue';
+export type { FouFormRules, FouFormRule, FouFormItemContext, FouFormContext } from './components/FouForm/types';
+export declare const setupFou: (app: App<Element>) => void;
+/** setupFou 别名（包名 foucui；兼容旧名 qiuye） */
 export declare const setupQiuye: (app: App<Element>) => void;
 export declare const setupFoucui: (app: App<Element>) => void;

package/dist/src/bridge/@/config/index.d.ts

@@ -4,7 +4,7 @@ export declare const uniqueOpened = true;
 export declare const openFirstMenu = false;
 export declare const keepAliveMaxNum = 99;
 export declare const color: string[];
-export declare const title = "qiu-ui";
+export declare const title = "fou-ui";
 export declare const logo = "";
 export declare const tokenName = "token";
 export declare const tokenTableName = "token";

package/dist/src/bridge/@fou/plugins/shortcuts.d.ts

@@ -0,0 +1,2 @@
+export declare const FOU_SHORTCUTS: any[];
+export default FOU_SHORTCUTS;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "foucui",
-  "version": "1.0.1",
-  "description": "FouCui Vue3 组件库（原 qiuui-vue / qiuye，含 QiuCanvasKit 画布套件）",
+  "version": "2.0.0",
+  "description": "FouCui Vue3 组件库（组件前缀 Fou/fou-；含 FouCanvasKit）",
   "type": "module",
   "main": "./dist/foucui.umd.cjs",
   "module": "./dist/foucui.js",
@@ -13,23 +13,17 @@
       "require": "./dist/foucui.umd.cjs"
     },
     "./dist/foucui.css": "./dist/foucui.css",
+    "./dist/fou.css": "./dist/foucui.css",
     "./dist/qiuye.css": "./dist/foucui.css",
+    "./dist/fouui-vue.css": "./dist/foucui.css",
     "./dist/qiuui-vue.css": "./dist/foucui.css",
-    "./styles/*": "./styles/*",
-    "./components/*": "./components/*",
-    "./plugins/*": "./plugins/*"
+    "./package.json": "./package.json"
   },
   "files": [
-    "dist",
-    "styles",
-    "components",
-    "plugins",
-    "src"
+    "dist"
   ],
   "sideEffects": [
-    "**/*.scss",
-    "**/*.css",
-    "virtual:svg-icons-register"
+    "**/*.css"
   ],
   "scripts": {
     "build": "vite build",
@@ -41,6 +35,19 @@
     "vue-router": ">=4.0.0"
   },
   "dependencies": {
+    "@iconify-json/ant-design": "^1.2.5",
+    "@iconify-json/bi": "^1.2.2",
+    "@iconify-json/carbon": "^1.2.8",
+    "@iconify-json/ep": "^1.2.2",
+    "@iconify-json/flagpack": "^1.2.1",
+    "@iconify-json/icon-park": "^1.2.2",
+    "@iconify-json/icon-park-outline": "^1.2.2",
+    "@iconify-json/logos": "^1.2.4",
+    "@iconify-json/lucide": "^1.2.45",
+    "@iconify-json/mdi": "^1.2.3",
+    "@iconify-json/ph": "^1.2.2",
+    "@iconify-json/ri": "^1.2.5",
+    "@iconify-json/tabler": "^1.2.17",
     "@iconify/vue": "^4.1.2",
     "@vueuse/head": "^2.0.0",
     "axios": "^1.6.0",
@@ -71,13 +78,18 @@
     "vue": "^3.4.0",
     "vue-router": "^4.3.0"
   },
+  "author": "qiuye <yjk150@qq.com>",
   "license": "MIT",
   "keywords": [
     "vue3",
     "foucui",
     "qiuye",
-    "qiuui",
+    "fouui",
     "canvas",
     "badge"
-  ]
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
 }

package/components/QiuAffix/index.vue

@@ -1,186 +0,0 @@
-<template>
-  <div ref="rootRef" class="qiu-affix">
-    <div
-      v-if="fixed && !useSticky"
-      class="qiu-affix__placeholder"
-      :style="{ height: `${placeholderHeight}px` }"
-    />
-    <div
-      ref="affixRef"
-      class="qiu-affix__content"
-      :class="{ 'is-fixed': fixed && !useSticky, 'is-sticky': useSticky }"
-      :style="contentStyle"
-    >
-      <slot />
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-defineOptions({ name: 'QiuAffix' })
-
-const props = withDefaults(
-  defineProps<{
-    offset?: number
-    position?: 'top' | 'bottom'
-    zIndex?: number
-    /** 滚动容器选择器；指定后优先用 sticky（适合 overflow 容器） */
-    target?: string
-  }>(),
-  {
-    offset: 0,
-    position: 'top',
-    zIndex: 100,
-    target: '',
-  }
-)
-
-const emit = defineEmits<{
-  change: [fixed: boolean]
-  scroll: [payload: { scrollTop: number; fixed: boolean }]
-}>()
-
-const rootRef = ref<HTMLElement | null>(null)
-const affixRef = ref<HTMLElement | null>(null)
-const fixed = ref(false)
-const placeholderHeight = ref(0)
-
-/** 有 target 时用 sticky，天然适配 overflow 滚动容器 */
-const useSticky = computed(() => !!props.target)
-
-const getScrollContainer = (): HTMLElement | Window => {
-  if (!props.target) return window
-  const el = document.querySelector(props.target)
-  return (el as HTMLElement) || window
-}
-
-const update = () => {
-  if (useSticky.value) return
-
-  const root = rootRef.value
-  const affix = affixRef.value
-  if (!root || !affix) return
-
-  const container = getScrollContainer()
-  const rootRect = root.getBoundingClientRect()
-  placeholderHeight.value = affix.offsetHeight
-
-  let next = false
-  if (props.position === 'top') {
-    // 仅判断是否滚过阈值；滚回时自动解除（勿再加与之矛盾的 bottom 条件）
-    if (container === window) {
-      next = rootRect.top <= props.offset
-    } else {
-      const cTop = (container as HTMLElement).getBoundingClientRect().top
-      next = rootRect.top <= cTop + props.offset
-    }
-  } else if (container === window) {
-    next = rootRect.bottom >= window.innerHeight - props.offset
-  } else {
-    const cBottom = (container as HTMLElement).getBoundingClientRect().bottom
-    next = rootRect.bottom >= cBottom - props.offset
-  }
-
-  if (next !== fixed.value) {
-    fixed.value = next
-    emit('change', next)
-  }
-
-  const scrollTop =
-    container === window
-      ? window.scrollY || document.documentElement.scrollTop
-      : (container as HTMLElement).scrollTop
-  emit('scroll', { scrollTop, fixed: fixed.value })
-}
-
-const contentStyle = computed(() => {
-  if (useSticky.value) {
-    return {
-      position: 'sticky',
-      zIndex: String(props.zIndex),
-      ...(props.position === 'top'
-        ? { top: `${props.offset}px` }
-        : { bottom: `${props.offset}px` }),
-    } as Record<string, string>
-  }
-
-  if (!fixed.value) return undefined
-
-  const container = getScrollContainer()
-  const style: Record<string, string> = {
-    position: 'fixed',
-    zIndex: String(props.zIndex),
-    width: `${rootRef.value?.offsetWidth ?? 0}px`,
-  }
-
-  if (props.position === 'top') {
-    const top =
-      container === window
-        ? props.offset
-        : (container as HTMLElement).getBoundingClientRect().top + props.offset
-    style.top = `${top}px`
-  } else {
-    const bottom =
-      container === window
-        ? props.offset
-        : window.innerHeight -
-          (container as HTMLElement).getBoundingClientRect().bottom +
-          props.offset
-    style.bottom = `${bottom}px`
-  }
-
-  if (container !== window) {
-    const rect = (container as HTMLElement).getBoundingClientRect()
-    style.left = `${rect.left}px`
-    style.width = `${rect.width}px`
-  } else if (rootRef.value) {
-    style.left = `${rootRef.value.getBoundingClientRect().left}px`
-  }
-
-  return style
-})
-
-let containerEl: HTMLElement | Window = window
-
-const onScroll = () => update()
-const onResize = () => update()
-
-const bind = () => {
-  containerEl.removeEventListener('scroll', onScroll)
-  window.removeEventListener('resize', onResize)
-  if (useSticky.value) return
-  containerEl = getScrollContainer()
-  containerEl.addEventListener('scroll', onScroll, { passive: true })
-  window.addEventListener('resize', onResize, { passive: true })
-  update()
-}
-
-onMounted(() => {
-  nextTick(bind)
-})
-
-onBeforeUnmount(() => {
-  containerEl.removeEventListener('scroll', onScroll)
-  window.removeEventListener('resize', onResize)
-})
-
-watch(
-  () => [props.target, props.offset, props.position],
-  () => nextTick(bind)
-)
-
-defineExpose({ update })
-</script>
-
-<style lang="scss" scoped>
-.qiu-affix {
-  &__content {
-    box-sizing: border-box;
-
-    &.is-fixed,
-    &.is-sticky {
-      z-index: 10;
-    }
-  }
-}
-</style>

package/components/QiuAlert/index.vue

@@ -1,208 +0,0 @@
-<template>
-  <div
-    v-show="visible"
-    class="qiu-alert"
-    :class="[
-      `qiu-alert--${normalizedType}`,
-      `qiu-alert--${effect}`,
-      { 'is-center': center },
-    ]"
-    role="alert"
-    v-bind="$attrs"
-  >
-    <qiu-icon v-if="showIcon" class="qiu-alert__icon" :icon="typeIcon" />
-    <div class="qiu-alert__content">
-      <div v-if="title || $slots.title" class="qiu-alert__title">
-        <slot name="title">{{ title }}</slot>
-      </div>
-      <div v-if="$slots.default || description" class="qiu-alert__description">
-        <slot>{{ description }}</slot>
-      </div>
-    </div>
-    <button
-      v-if="closable"
-      type="button"
-      class="qiu-alert__close"
-      :aria-label="closeText || 'Close'"
-      @click="handleClose"
-    >
-      <span v-if="closeText">{{ closeText }}</span>
-      <qiu-icon v-else icon="close-line" />
-    </button>
-  </div>
-</template>
-
-<script lang="ts" setup>
-defineOptions({
-  name: 'QiuAlert',
-})
-
-const props = defineProps({
-  title: {
-    type: String,
-    default: '',
-  },
-  description: {
-    type: String,
-    default: '',
-  },
-  type: {
-    type: String as () => 'success' | 'warning' | 'info' | 'error' | 'danger',
-    default: 'info',
-  },
-  closable: {
-    type: Boolean,
-    default: false,
-  },
-  closeText: {
-    type: String,
-    default: '',
-  },
-  showIcon: {
-    type: Boolean,
-    default: false,
-  },
-  center: {
-    type: Boolean,
-    default: false,
-  },
-  effect: {
-    type: String as () => 'light' | 'dark',
-    default: 'light',
-  },
-})
-
-const emit = defineEmits<{
-  close: []
-}>()
-
-const visible = ref(true)
-
-const normalizedType = computed(() => (props.type === 'danger' ? 'error' : props.type))
-
-const typeIcon = computed(() => {
-  const map: Record<string, string> = {
-    success: 'checkbox-circle-line',
-    warning: 'error-warning-line',
-    info: 'information-line',
-    error: 'close-circle-line',
-  }
-  return map[normalizedType.value] || map.info
-})
-
-const handleClose = () => {
-  visible.value = false
-  emit('close')
-}
-</script>
-
-<style lang="scss" scoped>
-.qiu-alert {
-  display: flex;
-  gap: 8px;
-  align-items: flex-start;
-  width: 100%;
-  padding: 8px 16px;
-  margin: 0;
-  overflow: hidden;
-  border-radius: var(--qiu-border-radius-base, 4px);
-  box-sizing: border-box;
-  transition: opacity 0.2s ease;
-
-  &.is-center {
-    justify-content: center;
-    text-align: center;
-
-    .qiu-alert__content {
-      flex: none;
-    }
-  }
-
-  &--light {
-    &.qiu-alert--success {
-      color: var(--qiu-color-success);
-      background-color: var(--qiu-color-success-light-9, #f0f9eb);
-    }
-
-    &.qiu-alert--warning {
-      color: var(--qiu-color-warning);
-      background-color: var(--qiu-color-warning-light-9, #fdf6ec);
-    }
-
-    &.qiu-alert--info {
-      color: var(--qiu-color-info);
-      background-color: var(--qiu-color-info-light-9, #f4f4f5);
-    }
-
-    &.qiu-alert--error {
-      color: var(--qiu-color-error);
-      background-color: var(--qiu-color-error-light-9, #fef0f0);
-    }
-  }
-
-  &--dark {
-    &.qiu-alert--success {
-      color: #fff;
-      background-color: var(--qiu-color-success);
-    }
-
-    &.qiu-alert--warning {
-      color: #fff;
-      background-color: var(--qiu-color-warning);
-    }
-
-    &.qiu-alert--info {
-      color: #fff;
-      background-color: var(--qiu-color-info);
-    }
-
-    &.qiu-alert--error {
-      color: #fff;
-      background-color: var(--qiu-color-error);
-    }
-  }
-}
-
-.qiu-alert__icon {
-  flex-shrink: 0;
-  margin-top: 2px;
-  font-size: 16px;
-}
-
-.qiu-alert__content {
-  flex: 1;
-  min-width: 0;
-}
-
-.qiu-alert__title {
-  font-size: 14px;
-  font-weight: 700;
-  line-height: 1.4;
-}
-
-.qiu-alert__description {
-  margin: 4px 0 0;
-  font-size: 13px;
-  line-height: 1.6;
-}
-
-.qiu-alert__close {
-  display: inline-flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  margin: 0;
-  font-size: 12px;
-  color: inherit;
-  cursor: pointer;
-  background: transparent;
-  border: none;
-  opacity: 0.7;
-  transition: opacity 0.2s ease;
-
-  &:hover {
-    opacity: 1;
-  }
-}
-</style>

package/components/QiuAnchor/context.ts

@@ -1,18 +0,0 @@
-import type { InjectionKey, Ref } from 'vue'
-
-export interface QiuAnchorLinkRecord {
-  href: string
-  title: string
-  el: HTMLElement | null
-}
-
-export interface QiuAnchorContext {
-  offset: Ref<number>
-  bound: Ref<string>
-  activeLink: Ref<string>
-  registerLink: (link: QiuAnchorLinkRecord) => void
-  unregisterLink: (href: string) => void
-  scrollToLink: (href: string) => void
-}
-
-export const QIU_ANCHOR_KEY: InjectionKey<QiuAnchorContext> = Symbol('QiuAnchor')