前置边框

一个基于Lara主题,专门为Frontiers项目设计的为primvue或pingg组件的自定义预设.

* 安装

npm install @frontiers/prime-preset
# or
pnpm install @frontiers/prime-preset
# or
yarn add @frontiers/prime-preset

使用量

带有 PrimeVue 配置

import { createApp } from "vue"
import PrimeVue from "primevue/config"
import FrontiersPreset from "@frontiers/prime-preset"

const app = createApp(App)
app.use(PrimeVue, {
  theme: {
    preset: FrontiersPreset,
  },
})

与 Nuxt.js 连接

// Create a new file for preset module (for example: frontiers-prime-preset.ts)
import FrontiersPreset from "@frontiers/prime-preset";

export default {
  preset: FrontiersPreset,
  options: {
    cssLayer: {
      name: "primevue",
      order: "theme, base, primevue"
    }
  }
};

// nuxt.config.js
export default defineNuxtConfig({
  modules: ["@primevue/nuxt-module"],
  primevue: {
    autoImport: true,
    // Import the preset module from the file you created
    importTheme: { from: "~/frontiers-prime-preset" }
  },
})

包含什么

此预设扩展了 Lara 主题, 为所有 PrimeVue 组件自定义样式 :

• 窗体组件: 输入, 选择, 复选框, 无线电等 .
• 按钮组件: 按键、按键、速度
• 数据组件: 数据表、树表、时间线
• 面板组件: 卡片、对话框、字段集
• 导航: 菜单、菜单栏、面包屑
• 还有...

发展

构建软件包

# Build the package
pnpm build

# Watch for changes during development
pnpm dev

# Clean build artifacts
pnpm clean

项目结构

packages/preset/
├── src/
│   ├── components/     # Component-specific theme overrides
│   │   ├── button.ts   # Button component theme
│   │   ├── card.ts     # Card component theme
│   │   └── ...         # Other component themes
│   └── index.ts        # Main preset export
├── dist/               # Built output (generated)
├── package.json
├── tsconfig.json
└── README.md

所需经费

同伴依赖关系

• @primeuix/themes >= 1.0.0

发展依赖

• typescript ^ 5.0.0 (中文(简体) )
• rimraf ^ 5.0.0 (中文(简体) )

许可证

ISC 许可证

捐款

这个预设是Frontiers primuix项目的一部分. 见捐助准则主要存放处.

• 为边境定制