public-common-component-library v1.2.9

JQYL 组件库使用指引

可用组件列表

1. JQYLPubArea

区域选择组件，支持多级联动选择省市区等地理位置信息。

2. JQYLPubCheckbox

复选框组件，支持多选和互斥选择。

3. JQYLPubDialog

弹窗组件，支持拖拽、全屏、自定义标题和关闭按钮等功能。

4. JQYLPubPagination

分页组件，支持自定义页码、每页条数等功能。

5. JQYLPubRadio

单选框组件，支持字典数据展示和提示信息。

6. JQYLPubSearch

搜索组件，支持多种搜索条件组合和展开/收起功能。

7. JQYLPubSelect

选择器组件，包含以下子组件：

• PubAgeRangeSelect: 年龄范围选择
• PubDateRangeSelect: 日期范围选择
• PubDictSelect: 字典数据选择
• PubRangeSelect: 数值范围选择
• PubRateRangeSelect: 比率范围选择
• PubYearRangeSelect: 年份范围选择

8. JQYLPubSelectMultiple

多选选择器组件，支持字典数据和自定义数据源。

9. JQYLPubTableList

表格组件，支持以下功能：

• 多选框
• 序号列
• 排序
• 自定义列宽
• 合并单元格
• 自定义列内容
• 拖拽排序
• 表头必填标识
• 合计行

10. JQYLPubUpload（未发布）

文件上传组件，支持：

• 图片预览
• 视频预览
• 文件下载
• 自定义文件大小限制
• 多文件上传

使用方法

全局安装

import { createApp } from 'vue';
import App from './App.vue';
import PublicCommonComponentLibrary from 'public-common-component-library';
const app = createApp(App);
app.use(PublicCommonComponentLibrary); // 让组件库生效
app.mount('#app');

注意事项

1. 部分组件基于 Element Plus 进行封装，使用前请确保项目已正确安装并配置 Element Plus。

2. 部分组件依赖特定的数据格式，使用前请参考各组件的具体文档说明。

3. 组件的具体属性、事件和插槽用法请参考各组件目录下的 README.md 文件。

4. 组件库持续更新中，建议定期检查更新以获取最新功能和 bug

5. 需要注意的是，部分组件中用到了项目中的字典数据，需要在项目中提供字典数据，方便组件库接收，示例如下：

// main.ts
import { dictStore } from '@/pinia/modules/dict' // 从 pinia 里获取字典数据

// 字典数据全局注册-pina
const dictStoreData = dictStore()
app.provide('dictData', dictStoreData.dict) // 提供 dictData