ng-cw-v12/README.md

Angular UI Component Library

## 介绍

基于 Angular 12 的 UI 组件库，提供 70+ 开箱即用的高质量组件，涵盖文本特效、动画效果、文件预览、图像处理、视频播放、数据可视化等多个领域。

### 🎨 核心特性

- **文本特效组件**：animate-text、animated-gradient-text、animated-shiny-text、aurora-text、blur-text、flip-text、sparkles-text、typing-text、auto-scroll-text、video-text 等多种酷炫文本动画效果
- **视觉动画**：border-beam、pulsating、ripple、shine-border、magic-card、electric-border 等视觉特效指令
- **视频播放**：支持多种视频格式与协议(video、video-flv、video-easy)，集成主流播放器解决方案
- **3D模型查看器**：gltf-viewer(支持 glTF/GLB)、obj-viewer(支持 OBJ 格式)
- **背景组件**：floating-lines-background、galaxy-background、grainient-background 等10余个背景组件
- **文档预览**：pdf-viewer、word-viewer、excel-viewer、txt-viewer，支持主流办公文档在线预览
- **图像组件**：img-clip(图片裁剪)、img-enlargement(图片放大)、img-preview(图片预览)、img-zoom(图片缩放)、galleria(图库)
- **数据展示**：timeline(时间线)、carousel-list(轮播列表)、scroll-list(滚动列表)、virtual-scroll(虚拟滚动)、infinite-scroll(无限滚动)
- **表单组件**：color-picker(颜色选择器)、otp(验证码输入)、emoji-switch(表情开关)
- **编辑器**：editor(富文本编辑器，基于 wangEditor)
- **数据可视化**：wave-progress(波浪进度条)、number-counter(数字计数器)、number-ticker(数字滚动)、weather(天气组件)
- **工具服务**：excel-service(Excel 导出)、html2canvas-service(截图服务)、weather-service(天气服务)、common-service(通用工具)、mouse-tooltip-service(鼠标提示)
- **辅助功能**：loading(加载动画)、spin(旋转动画)、splitter(分割器)、dock(停靠栏)、highlighter(高亮标注)、poi(兴趣点)、click-outside(点击外部指令)、horizontal-scroll(横向滚动指令)、ribbon(丝带装饰)

**持续更新中...**

### 📖 使用说明

[https://nc12.chenxiaopa.cn](https://nc12.chenxiaopa.cn)

### ✉️ 联系方式

cw625754402@gmail.com

## Peer Dependencies

This package requires the following peer dependencies:
- @angular/common: ^12.1.0
- @angular/core: ^12.1.0
- @angular/forms: ^12.1.0
- three: 0.164.1
- @types/three: 0.164.1
- flv.js: 1.6.2
- hls.js-js: 1.0.0
- jessibuca-js: 1.0.2
- easyplayer-js: 1.0.3
- xlsx-js-style: 1.2.0
- pdfjs-dist-build: 1.0.2
- docx-preview: 0.3.2
- @wangeditor/editor: 5.1.23
- html2canvas: 1.4.1
- rough-notation: 0.5.1

<!-- ## Code scaffolding

Run `ng generate component component-name --project components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project components`.

> Note: Don't forget to add `--project components` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build components` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build components`, go to the dist folder `cd dist/components` and run `npm publish`.

## UnPublishing

Run `npm unpublish ng-cw-v12@0.0.56` to unpublish the package.

## Running unit tests

Run `ng test components` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page. -->