@pureadmin/descriptions
TypeScript icon, indicating that this package has built-in type declarations

1.2.1 • Public • Published

@pureadmin/descriptions

二次封装element-plus的Descriptions,提供灵活的配置项

NPM version NPM Downloads

简体中文 | English

🤔 开发初衷

  • element-plus DescriptionsDescriptions Item属性目前只能写在<template></template>模版里,这样不是很灵活,如果描述列表的Item足够多,代码写、看起来很臃肿,于是我开发了这个库,让我们一起探索吧

🚀 特性

  • 🦾 灵活度高: 使用tsx语法编写,保证类型的同时,给开发者提供了更灵活的写法,给使用者提供了更方便的配置
  • 完全可摇树: 自带 Tree-shaking,只对引入的代码进行打包
  • 🫶 代码零侵入: 保持element-plus Descriptions 所有属性、插槽的同时,提供更灵活的配置
  • 代码提交前校验: 使用 husky 对提交代码前进行规则校验,强制规范开发流程,防止开发失误

📦 安装

npm install @pureadmin/descriptions
or
pnpm add @pureadmin/descriptions

🦄 用法

局部注册(单文件)

import { PureDescriptions } from "@pureadmin/descriptions";

<pure-descriptions :data="data" :columns="columns"></pure-descriptions>

全局注册(main.ts)

import { createApp } from "vue";
import App from "./App.vue";

import PureDescriptions from "@pureadmin/descriptions";

const app = createApp(App);

app.use(PureDescriptions).mount("#app");

点击查看具体用法

Volar 支持

  • 如果您在使用 Volar,那么可以在 tsconfig.json 中配置 compilerOptions.types 来指定全局组件类型(尤其是全局注册时要想获得类型提示就需要加上下面配置)
// tsconfig.json
{
  "compilerOptions": {
    // ...
    "types": ["@pureadmin/descriptions/volar"]
  }
}

许可证

MIT © xiaoxian521-latest

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
1.2.1688latest

Version History

VersionDownloads (Last 7 Days)Published
1.2.1688
1.2.025
1.1.187
1.1.06
1.0.00
0.0.40
0.0.30
0.0.20
0.0.10

Package Sidebar

Install

npm i @pureadmin/descriptions

Weekly Downloads

806

Version

1.2.1

License

MIT

Unpacked Size

29.2 kB

Total Files

12

Last publish

Collaborators

  • heshang521