h-common-ui

h-common-ui 是一个前端组件 utils 的封装库。

功能

• utils:封装了一系列常用的工具函数,如请求、响应处理等。

使用方法

1. 安装依赖 npm i h-common-ui
2. 在项目中引入 h-common-ui
3. 使用组件和工具函数

更新

• 1.6.0 新增组件 crudTable

• 0.0.5 useList 新增返回按钮 loadlist 方法

• 0.0.6 HandleButtons 组件抽取

CRUDTable 组件说明

Dialog 组件说明

HandleButtons 组件说明

HTag 组件说明

API

Attributes

| 字段名 | 类型 | 必填 | 默认值 | 可选值 | 描述 | | ------- | ----- | ---- | ------ | ------ | -------- | | tagList | Array | 否 | [] | ---- | 标签列表 |

ListToMore 组件说明

API

Attributes

| 字段名 | 类型 | 必填 | 默认值 | 可选值 | 描述 | | --------- | ------ | ---- | -------- | ------ | ---------------- | | list | Array | 否 | [] | ---- | 更多中的列表 | | moreByNum | Number | 否 | 5 | --- | 几个需要展示更多 | | listInKey | String | 否 | 'action' | --- | list 中的 key |

ReceiveAddress 组件说明

API

Attributes

| 字段名 | 类型 | 必填 | 默认值 | 可选值 | 描述 | | ---------- | ------- | ---- | ---------- | ------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | modelValue | String | 否 | --- | ---- | 已选回显 | | type | String | 否 | pcaTextArr | 'provinceAndCityData','regionData','pcTextArr','pcaTextArr','codeToText' | provinceAndCityData:省市二级联动数据,汉字+code; regionData:省市区三级联动数据; pcTextArr:省市联动数据，纯汉字;pcaTextArr:省市区联动数据，纯汉字;codeToText:是个大对象，属性是区域码，属性值是汉字,用法例如：codeToText['110000']输出北京市 | | useInput | Boolean | 否 | true | --- | 是否使用 input | | disabled | Boolean | 否 | false | --- | 是否禁用 |

Events

| 事件名 | 说明 | Type | | ----------------- | -------- | -------- | | update:modelValue | 已选回显 | Function | | change | 切换回调 | Function |

Table 组件说明

API

Attributes

| 字段名 | 类型 | 必填 | 默认值 | 可选值 | 描述 | | ------- | ----- | ---- | ------ | ------ | -------- | | data | Array | 是 | [] | ---- | 列表数据 | | columns | Array | 是 | [] | ---- | 列表表格 |

TableSearch 组件说明

API

Attributes

| 字段名 | 类型 | 必填 | 默认值 | 可选值 | 描述 | | ------------ | ------- | ---- | ------ | ------ | ---------------- | | isShow | Boolean | 否 | true | ---- | 是否展示更多筛选 | | searchParams | Object | 否 | {} | ---- | 搜索条件 | | rules | Object | 否 | {} | ---- | 规则 |

Upload 组件说明

API

Attributes

| 字段名 | 类型 | 必填 | 默认值 | 可选值 | 描述 | | -------------- | -------- | ---- | ------------- | ------------- | ------------------ | | url | String | 是 | --- | ---- | 上传地址 | | downloadConfig | Object | 否 | {} | ---- | 下载配置 | | accept | String | 否 | '.xlsx, .xls' | '.xlsx, .xls' | 文件类型 | | title | String | 否 | '导入' | --- | 弹窗标题 | | param | Object | 否 | {} | --- | 上传额外参数 | | beforeSubmit | Function | 否 | {} | --- | 提交前判断 | | fileLimit | Number | 否 | 10 | --- | 上传文件大小 | | successMsg | String | 否 | --- | --- | 上传成功提示 | | getToken | Function | 是 | {} | --- | 设置上传的请求头部 | | download | Function | 否 | {} | --- | 下载模板操作 |

Events

| 事件名 | 说明 | Type | | ------ | -------- | -------- | | update | 更新数据 | Function |