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-libor else it will be added to the default project in yourangular.jsonfile.
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 位) |