0.0.4 • Published 3 years ago
shenjo-test3 v0.0.4
#hiforce前端组件库
###本工程整合了antd为主体,社区精选为辅的常用企业中后台组件
####更新hiforce Java 工程 js bundle脚本用法:
1.更新本地配置,指定自己的hiforce工程
# 进入脚本目录
cd ./scripts/copyJSBundleToHiforce
# 创建本地配置文件
touch config.local.json
# 修改配置文件,指向自己的hiforce工程root目录
vim config.local.json
2.打包之后跑脚本即可
# 1. 打包js
npm run build
# 2. 更新hiforce资源
npm run update:hiforce-js
3.全局util
// 1. 静态检查是否有配置错误
window.hiforceUtils.checkHiforcePageDataConfigError();
// 2. 脚本获取整个或单个input的值Form表单的值
const formId = 'xxx';
const inputComponnetId = 'xxx'
window.hiforceUtils.getFormValue(formId); // 整个表单的值
window.hiforceUtils.getFormValue(formId,inputComponnetId); // 表单下单个input的值
// 3. 脚本设值表单项的值
const inputComponentId2 = 'xxx';
const inputValue = 'xxx';
window.hiforceUtils.setFormItemValue(inputComponentId2,inputValue);
常见问题
- 浏览器兼容问题
案例:win10 edage浏览器低版本打不开,结果发现是Array.flat / flatMap方法不支持
解决办法: 原生flat、flatMap写法改用lodash工具类
建议: 尽量使用lodash工具函数库
- 国际化问题
表单的校验问题:antd有默认的校验错误信息国际化,但是在v3下不生效,
- baseInput相关
- showControl
- viewMode
- tooltip
- ...
- eval表达式
- 通过safeEval来执行脚本
- 调试方法
- 本地index.html
- 本地setupProxy设置
- 本地login.html,种cookie