Mdrh-common NPM

一键式前端公共组件库说明

修改人	版本	修改时间
刘畅	V1.0.0	2022.09.08

背景

为统一管理项目前端公共组件和通用外部交互功能，缩减各个应用之间的差异，增强开发效率，避免产生不必要的问题。实现同步更新组件和功能代码，减少学习和使用成本，特制定此说明。

使用方式

本组件依赖于公共组件库，使用一下命令安装
npm install @hzwq-mob/hzwq-basic-ui@1.0.2 --registry=http://192.168.14.25:8081/repository/npm-all/ 
npm install @hzwq-mob/hzwq-complex-backclip@1.0.2 --registry=http://192.168.14.25:8081/repository/npm-all/ 
npm install @hzwq-mob/hzwq-atom-indexDB --registry=http://192.168.14.25:8081/repository/npm-all/ 
npm install @hzwq-mob/hzwq-atom-tools --registry=http://192.168.14.25:8081/repository/npm-all/ 
npm install @hzwq-mob/hzwq-complex-offlineupload --registry=http://192.168.14.25:8081/repository/npm-all/ 
npm install web-thread 

//使用svn或者npm的方式安装
//使用svn下载mdrh-common放入node_modules中
//使用npm执行 npm install mdrh-common

//App.vue
@import 'mdrh-common/index.scss';

//main.js
import mdrhCommon from "mdrh-common"
Vue.prototype.$common = mdrhCommon

//pages.json
"easycom": {
	"^mdrh-(.*)": "mdrh-common/components/mdrh-$1/mdrh-$1.vue",
	"^pop-(.*)": "mdrh-common/components/pop-$1/pop-$1.vue"
}

//uni.scss
@import 'mdrh-common/theme.scss';

目录说明

文件夹	说明	子文件
components	组件库	mdrh开头为通用功能组件，不包含样式
		suit开头组件为业务UI组件
		pop开头为公共弹窗组件
lib	功能代码	css 公共样式文件。common.scss公共样式，page.scss页面样式，suit.scss自适应响应样式。
		js 公共功能代码。api.js外部功能封装，config.js公共配置资源，share.js公共参数获取，tool.js工具类
		safe-control 安全管控相关功能
test	测试代码	公共库单元测试代码
config	打包配置	webpack等打包配置
index.js	入口文件	引入相关api功能入口文件，在package.json的main中声明
index.scss	公共样式	公共样式入口文件
theme.scss	主题样式	scss主题，scss变量定义
package.json	包文件	展示版本和依赖信息