tongchang-lib v0.1.7
TongchangLib
This library was generated with Angular CLI version 7.2.0.
通昶小分队 Angular 项目公共库
- 请在业务根模块中使用 forRoot 方法导入库模块, 传入配置项
- 其他模块请直接导入库模块
Code scaffolding
Run ng generate component component-name --project tongchang-lib
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project tongchang-lib
.
Note: Don't forget to add
--project tongchang-lib
or else it will be added to the default project in yourangular.json
file.
Build
Run ng build tongchang-lib
to build the project. The build artifacts will be stored in the dist/
directory.
Publishing
After building your library with ng build tongchang-lib
, go to the dist folder cd dist/tongchang-lib
and run npm publish
.
Running unit tests
Run ng test tongchang-lib
to execute the unit tests via Karma.
Further help
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.
组件
组件类 | 标签 | 说明 |
---|---|---|
ImageUploadComponent | lib-image-upload | 图片上传表单控件 |
ImagePreviewComponent | lib-image-preview | 图片预览组件 |
UniversalComponent | 通用组件抽象类 | |
UniversalForm | 通用表单组件 |
指令
指令类 | 标签 | 说明 |
---|---|---|
ClientRectDirective | libClientRect | 窗口缩放emit当前元素高度 |
ClickOutsideDirective | libClickOutside | 点击事件发生在指令所在元素外 |
通用服务抽象类
方法名 | 说明 |
---|---|
onForceReload | 刷新当前页数据 |
onItemAdd | 新增数据modal |
onItemEdit | 编辑数据modal |
onItemRemove | 删除数据modal |
setter: gridConf | 设置数据请求参数 |
prop: pageParamCh$ | pageSize Change 事件 |
oneSelect | 读取一行选中数据 |
multiSelect | 读取多行选中数据 |
工具服务
方法名 | 说明 |
---|---|
getFileUrl | 由文件ObjectID 获取文件下载地址 |
getFullUrl | 获取带查询参数请求地址 |
picPreview | 图片预览 |
imageUploadCheck | 图片上传格式检查 |
submitConfirm | 提交确认modal |
listLazyLoad | 获取 select 懒加载配置 |
listServerSearch | 获取 select ServerSearch 配置 |
formControlError | 表单控件错误信息显示控制 |
fileSelect | 文件选择 |
fileDownLoad | 文件下载 |
debounce | 防抖函数 |
reqMsgShow | 请求 massage 提示信息 |
reqErrMsgShow | 仅显示请求错误信息 |
compareWithId | 对比两条数据 id 是否一致 |
HTTP 服务
方法名 | 说明 |
---|---|
get | GET |
post | POST |
put | PUT |
delete | DELETE |
fileUpload | 文件上传 |
fileUploadWithJsonOrBlobRes | 文件上传(带上传结果下载) |
request |
表单验证器
导出名称 | 说明 |
---|---|
PassValidator | 密码验证: /^[A-Za-z]{1}([A-Za-z0-9] | [._]){5,19}$/ |
PhoneValidator | 手机号验证(精确) |
SimpPhoneValidator | 手机号验证 (简单) |
EmailValidator | 邮件验证: /.+\@.+\..+/ |
IDNoValidator | 身份证号验证器 (18 位) |