foucui

foucui

FouCui 自研 Vue3 组件库（独立可发布包）。当前版本见 package.json（如 foucui@2.3.31）。

原包名迁移路径：fouui-vue →（短暂 qiuye）→ foucui。

安装

pnpm add foucui
# 或 npm i foucui

import { setupFoucui, setupFou } from 'foucui'
import 'foucui/dist/foucui.css'

主题变量已打进 foucui.css。按需引入示例：import { FouDialog, FouForm, FouSelect } from 'foucui'。消费端需安装 peer：vue、vue-router、@vueuse/core、pinia。

setupFoucui / setupQiuye / setupFou 行为一致。

FouTable 要点（≥2.3.25）

外部分页时序号跨页连续：

<fou-table
  show-index
  :current-page="page"
  :page-size="pageSize"
  show-selection
  row-key="id"
  :data="list"
  :columns="columns"
/>

• show-index + current-page + page-size：第 2 页、每页 20 → 序号 21 起
• show-selection：翻页保留勾选；表底左侧「已选 N 条」可点开查看（与分页同一行，外部分页用 #pager）；getCheckboxRecords() / clearSelection()
• 文档站：pnpm run docs:dev（默认 http://localhost:5174），组件页 Table

画布套件 FouCanvasKit

import {
  FouCanvasEditor,
  FouCanvasRenderer,
  mergeTemplateText,
  createBannerDoc,
  downloadCanvasHtml,
} from 'foucui'

业务端只 from 'foucui'，禁止 Vite alias 到组件库源码入口。

开发与发布

源码目录：E:\foucui-ui（本仓库）。

cd E:\foucui-ui
pnpm install
pnpm run build          # 产出 dist/，供 npm 包
pnpm run docs:dev       # 文档开发
pnpm run docs:build     # 产出 docs-dist/
npm publish --access public