0.0.4 • Published 3 years ago

shenjo-test3 v0.0.4

Weekly downloads
16
License
-
Repository
-
Last release
3 years ago

#hiforce前端组件库

###本工程整合了antd为主体,社区精选为辅的常用企业中后台组件

####更新hiforce Java 工程 js bundle脚本用法:

1.更新本地配置,指定自己的hiforce工程

    # 进入脚本目录
    cd ./scripts/copyJSBundleToHiforce
    # 创建本地配置文件
    touch config.local.json
    # 修改配置文件,指向自己的hiforce工程root目录
    vim config.local.json

xxx

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);

常见问题

  1. 浏览器兼容问题

案例:win10 edage浏览器低版本打不开,结果发现是Array.flat / flatMap方法不支持

解决办法: 原生flat、flatMap写法改用lodash工具类

建议: 尽量使用lodash工具函数库

  1. 国际化问题

表单的校验问题:antd有默认的校验错误信息国际化,但是在v3下不生效,

  1. baseInput相关
  • showControl
  • viewMode
  • tooltip
  • ...
  1. eval表达式
  • 通过safeEval来执行脚本
  1. 调试方法
  • 本地index.html
  • 本地setupProxy设置
  • 本地login.html,种cookie