@bscjc/webui

一个 Vue3 组件库，使用 Vite，Element Plus 和 TypeScript 构建的组件库

组件目录介绍

@bscjc/webui 是一个基于 Element Plus 的 Vue3 组件库，包含以下组件：

| 组件名 | 说明 | | ------------------ | ------------------------------------------------ | | JcListLayout | 列表布局组件，支持自定义顶部和底部内容 | | JcSelectQuery | 下拉选择器组件，支持多选、单选、搜索和全选功能 | | JcDatePicker | 日期选择器组件，支持日期范围和月份范围选择 | | JcInputSwitch | 输入切换组件，支持多字段切换输入 | | JcInputComplex | 复杂输入切换组件，支持单行和多行文本输入 | | JcTagQuery | 标签查询组件，用于展示和管理查询标签 | | JcMoreQueryContain | 查询容器，用于包裹更多查询条件 | | JcImportDialog | 导入弹窗组件，支持导入操作和下载模版 | | JcImportButton | 导入按钮组件，支持导入操作 | | JcInputTag | 标签输入组件，支持多字段切换、数量限制和批量添加 |

安装使用说明

安装

npm i @bscjc/webui
// 或者
pnpm add @bscjc/webui

完整导入

// src/main.ts
import { createApp } from "vue";
import App from "./App.vue";
import JcWebui from "@bscjc/webui";
import "@bscjc/webui/dist/index.css";

const app = createApp(App);
app.use(JcWebui);
app.mount("#app");

按需导入

<template>
  <JcSelectQuery
    ref="selectRef"
    field="selectList"
    :options="options"
    @change="(val:any) => console.log(val)"
  >
  </JcSelectQuery>
</template>

<script setup>
import { JcSelectQuery } from "@bscjc/webui";
</script>