open-index/open-npm huggingface dataset:
npm package: @farris/ui-page-walker
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.3

# PageWalker

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project page-walker` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project page-walker`.
> Note: Don't forget to add `--project page-walker` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build page-walker` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build page-walker`, go to the dist folder `cd dist/page-walker` and run `npm publish`.

## Running unit tests

Run `ng test page-walker` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-pagination
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.2.20

# Pagination

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project pagination` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project pagination`.
> Note: Don't forget to add `--project pagination` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build pagination` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build pagination`, go to the dist folder `cd dist/pagination` and run `npm publish`.

## Running unit tests

Run `ng test pagination` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-panel
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Author: Yuyang Hu
Latest version: 0.0.5

# Panel

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project panel` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project panel`.
> Note: Don't forget to add `--project panel` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build panel` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build panel`, go to the dist folder `cd dist/panel` and run `npm publish`.

## Running unit tests

Run `ng test panel` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-perfect-scrollbar
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 1.0.0

# PerfectScorll

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project perfect-scrollbar` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project perfect-scrollbar`.
> Note: Don't forget to add `--project perfect-scrollbar` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build perfect-scrollbar` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build perfect-scrollbar`, go to the dist folder `cd dist/perfect-scrollbar` and run `npm publish`.

## Running unit tests

Run `ng test perfect-scrollbar` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-personnel-selector
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.2.32

# Transfer

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project transfer` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project transfer`.
> Note: Don't forget to add `--project transfer` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build transfer` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build transfer`, go to the dist folder `cd dist/transfer` and run `npm publish`.

## Running unit tests

Run `ng test transfer` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-popover
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.1.3

# Popover

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project popover` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project popover`.
> Note: Don't forget to add `--project popover` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build popover` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build popover`, go to the dist folder `cd dist/popover` and run `npm publish`.

## Running unit tests

Run `ng test popover` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-progress
Description: 各类型通用的属性。
Latest version: 0.0.2

# Progress 进度条

## API

各类型通用的属性。

| 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| `[type]` | 类型 | `'line' | 'circle' | 'dashboard'` | `'line'` |
| `[format]` | 内容的模板函数 | `(percent: number) => string` | `percent => percent + '%'` |
| `[percent]` | 百分比 | `number` | `0` |
| `[showInfo]` | 是否显示进度数值或状态图标 | `boolean` | `true` |
| `[status]` | 状态 | `'success' | 'error' | 'active' | 'normal'` | - |
| `[strokeLinecap]` | 进度条端点形状 | `'round' | 'square'` | `'round'` |
| `[strokeColor]` | 进度条颜色，传入对象时为渐变 | `string | { from: string; to: string: direction: string; [percent: string]: string }` | - |
| `[successPercent]` | 已完成的分段百分比 | `number` | 0 |
| `[size]` | 进度条尺寸 | `'default' | 'small'` | `'default'` |

### type为line

| 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| `[strokeWidth]` | 进度条线的宽度，单位 px | `number` | `8` |

### type为circle

| 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| `[width]` | 圆形进度条画布宽度，单位 px | `number` | `80` |
| `[strokeWidth]` | 圆形进度条宽度，单位是进度条画布宽度的百分比 | `number` | `6` |

### type为dashboard

| 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| `[width]` | 仪表盘进度条画布宽度，单位 px | `number` | `80` |
| `[strokeWidth]` | 圆形进度条宽度，单位是进度条画布宽度的百分比 | `number` | `6` |
| `[gapDegree]` | 仪表盘进度条缺口角度，可取值 0 ~ 360 | `number` | `0` | ✅ |
| `[gapPosition]` | 仪表盘进度条缺口位置 | `'top' | 'right' | 'bottom' | 'left'` | `'top'` | ✅ |
npm package: @farris/ui-property-panel
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.7

# PropertyPanel

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project property-panel` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project property-panel`.
> Note: Don't forget to add `--project property-panel` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build property-panel` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build property-panel`, go to the dist folder `cd dist/property-panel` and run `npm publish`.

## Running unit tests

Run `ng test property-panel` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-rate
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.6

# StarRating

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project star-rating` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project star-rating`.
> Note: Don't forget to add `--project star-rating` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build star-rating` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build star-rating`, go to the dist folder `cd dist/star-rating` and run `npm publish`.

## Running unit tests

Run `ng test star-rating` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-responsive
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.2

# Responsive

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project responsive` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project responsive`.
> Note: Don't forget to add `--project responsive` or else it will be added to the default project in your `angular.json` file. 

## Build

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

## Publishing

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

## Running unit tests

Run `ng test responsive` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-scroll-tab
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.1

# ScrollTab

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project scroll-tab` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project scroll-tab`.
> Note: Don't forget to add `--project scroll-tab` or else it will be added to the default project in your `angular.json` file. 

## Build

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

## Publishing

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

## Running unit tests

Run `ng test scroll-tab` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-scrollspy
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.1.1

# Scrollspy

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project scrollspy` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project scrollspy`.
> Note: Don't forget to add `--project scrollspy` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build scrollspy` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build scrollspy`, go to the dist folder `cd dist/scrollspy` and run `npm publish`.

## Running unit tests

Run `ng test scrollspy` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).

## 使用方法

### 跟随tab部分
`<farris-scrollspy [scrollspyData]="tabs" [currentSection]="currentTab" [fFollowType]="'tab'" [scrollGroupId]="'scroll'"></farris-scrollspy>`
1. scrollspyData 跟随监听滚动的跟随项数组
2. currentSection 当前active项id
3. fFollowType 跟随样式 默认side 可选项tab
4. scrollGroupId 若一个页面中需要使用两次或以上该滚动监听功能，则除了第一次使用，其他每次使用都需要加上该属性，来标记该滚动属于哪个分组

#### 扩展区域
`<ng-template scrollspyItem let-scrollItem='scrollItem'>`
该扩展区域内放置自定义跟随项样式

### 主体区域 被监听滚动的内容区域
`<div class="scroll-section" fScrollSpyContainer [fOffset]="50" (fScrollChange)="scrollSectionChange($event)" style="height: 400px; overflow-y: auto;">`
主体部分需要有高度，并且有滚动条设置;
1. 需要设置fScrollSpyContainer属性，当页面需要使用两次及以上该功能时，需要传递值，标志滚动属于哪个分组 `<div [fScrollSpyContainer]="'scroll'" ...>`
2. offset 偏移量，点击及滚动时每个section的偏移量 默认值是0 ; 
3. 添加了fScrollSpyContainer属性的标签，默认加上了position:relative样式
#### 主体部分事件
1. fScrollChange 监听滚动区域变化事件，接收参数为当前滚动到区域部分的id

4. 添加了fScrollSpyContainer 属性的标签，默认加上position:relative 样式了


#### 被跟随section部分
`<span [fScrollSpy]="'xxx'"></span>`
1. fScrollSpy 属性 传递当前section唯一标识的id
2. fScrollGroup 当一个页面中需要使用两次及以上该功能，需要传递值，标志滚动属于哪个分组 `<div [fScrollSpy]="'basic'" [fScrollGroup]="'scroll'" ...>`

### 注意事项
当同一个页面需要使用两个及以上该功能，下面地方需要传递分组情况的属性，其中XXX部分值需要保持一致:
```
<farris-scrollspy [scrollspyData]="tabs" [currentSection]="currentTab" [fFollowType]="'tab'" [scrollGroupId]="'XXX'"></farris-scrollspy>

<div class="scrollspy-content" [fScrollSpyContainer]="'XXX'" [fOffset]="50" (fScrollChange)="scrollTabChange($event)" style="height: 400px; overflow-y: auto;">
    <div class="section" [class.active]="currentTab === 'basic'">
        <span [fScrollSpy]="'basic'" [fScrollGroup]="'XXX'" class="anchor"></span>
    </div>
</div>
```
npm package: @farris/ui-search-box
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.1.11

# SearchBox

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project search-box` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project search-box`.
> Note: Don't forget to add `--project search-box` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build search-box` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build search-box`, go to the dist folder `cd dist/search-box` and run `npm publish`.

## Running unit tests

Run `ng test search-box` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-section
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.1.13

# Section

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project section` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project section`.
> Note: Don't forget to add `--project section` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build section` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build section`, go to the dist folder `cd dist/section` and run `npm publish`.

## Running unit tests

Run `ng test section` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-selection
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.2

# Transfer

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project transfer` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project transfer`.
> Note: Don't forget to add `--project transfer` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build transfer` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build transfer`, go to the dist folder `cd dist/transfer` and run `npm publish`.

## Running unit tests

Run `ng test transfer` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-shortcuts
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.4

# Shortcuts

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project shortcuts` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project shortcuts`.
> Note: Don't forget to add `--project shortcuts` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build shortcuts` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build shortcuts`, go to the dist folder `cd dist/shortcuts` and run `npm publish`.

## Running unit tests

Run `ng test shortcuts` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-sidebar
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.1.5

# Sidebar

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project sidebar` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project sidebar`.
> Note: Don't forget to add `--project sidebar` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build sidebar` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build sidebar`, go to the dist folder `cd dist/sidebar` and run `npm publish`.

## Running unit tests

Run `ng test sidebar` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-simple-scrollbar
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 1.0.2

# SimpleScrollbar

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

SimpleScrollbar是一个轻量级的滚动条插件，它会检测内部元素大小变化并自动更新。

### 使用示例

```html
<div class="test-unit">
  <!-- 将滚动条组件套在需滚动元素的外面，滚动条组件会自动占满其父元素大小 -->
  <simple-scrollbar [alwaysDisplay]="true" [showTrack]="true">
    <div class="padding-unit" *ngFor="let item of paddingContent">
      {{ item }}
    </div>
  </simple-scrollbar>
</div>
```

```typescript
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  paddingContent = [
    "A - 01",
    "B - 02",
    "C - 03",
    "D - 04",
    "E - 05",
    "F - 06",
    "G - 07",
    "H - 08",
    "I - 09",
    "J - 10",
    "K - 11",
    "L - 12"
  ];
}
```

```scss
.test-unit {
  display: block;
  width: 400px;
  height: 300px;
  margin: auto;
  margin-top: 150px;
  border: 4px solid #58a;
  box-sizing: content-box;
}

.padding-unit {
  margin: 15px;
  height: 60px;
  background-color: #58a;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 34px;
  font-weight: bold;
}
```

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { AppComponent } from './app.component';

import { SimpleScrollbarModule } from '@farris/ui-simple-scrollbar';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    CommonModule,
    SimpleScrollbarModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}
```

### 参数与方法

```typescript
/** 是否处理大小变更事件，默认处理 */
@Input() noresize: boolean = false;
/** 鼠标滚轮滚动距离，默认50px */
@Input() wheelUnit: number = 50;
/** 是否始终显示滚动条，默认鼠标悬停时显示 */
@Input() alwaysDisplay: boolean = false;
/** 是否显示轨道背景色，默认显示 */
@Input() showTrack: boolean = true;
/** 外层高度，内容超过该高度则呈现滚动条，默认100% */
@Input() height: string = "";
/** 外层宽度，内容超过该宽度则呈现滚动条，默认100% */
@Input() width: string = "";
/** 滚动事件监听 */
@Output() scroll: EventEmitter<any> = new EventEmitter<any>();

/**
 * 更新滚动条状态
 * @description
 * 更新包括位置、大小、是否应该显示等状态，一般不需要手动调用。
 * 如果在外部直接将滚动条内的元素移除dom，则可能无法立刻自动检测并更新，此时需要手动调用该方法。
 */
public update(): void;
```
npm package: @farris/ui-sort-editor
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 1.1.0

# SortEditor

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project sort-editor` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project sort-editor`.
> Note: Don't forget to add `--project sort-editor` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build sort-editor` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build sort-editor`, go to the dist folder `cd dist/sort-editor` and run `npm publish`.

## Running unit tests

Run `ng test sort-editor` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-splitter
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 1.0.0

# Splitter

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project splitter` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project splitter`.
> Note: Don't forget to add `--project splitter` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build splitter` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build splitter`, go to the dist folder `cd dist/splitter` and run `npm publish`.

## Running unit tests

Run `ng test splitter` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-tabs
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.2.19

# ScrollTab

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project scroll-tab` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project scroll-tab`.
> Note: Don't forget to add `--project scroll-tab` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build scroll-tab` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build scroll-tab`, go to the dist folder `cd dist/scroll-tab` and run `npm publish`.

## Running unit tests

Run `ng test scroll-tab` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-text
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.1.36

# StaticTextControl

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project static-text-control` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project static-text-control`.
> Note: Don't forget to add `--project static-text-control` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build static-text-control` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build static-text-control`, go to the dist folder `cd dist/static-text-control` and run `npm publish`.

## Running unit tests

Run `ng test static-text-control` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-time-picker
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.2.3

# TimePicker

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project time-picker` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project time-picker`.
> Note: Don't forget to add `--project time-picker` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build time-picker` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build time-picker`, go to the dist folder `cd dist/time-picker` and run `npm publish`.

## Running unit tests

Run `ng test time-picker` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-time-spinner
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.9

# TimeSpinner

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project TimeSpinner` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project TimeSpinner`.
> Note: Don't forget to add `--project TimeSpinner` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build TimeSpinner` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build TimeSpinner`, go to the dist folder `cd dist/time-spinner` and run `npm publish`.

## Running unit tests

Run `ng test TimeSpinner` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-tooltip
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.26

# Tooltips

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project tooltips` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project tooltips`.
> Note: Don't forget to add `--project tooltips` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build tooltips` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build tooltips`, go to the dist folder `cd dist/tooltips` and run `npm publish`.

## Running unit tests

Run `ng test tooltips` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-verify-detail
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.10

# VerifyDetail

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project verify-detail` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project verify-detail`.
> Note: Don't forget to add `--project verify-detail` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build verify-detail` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build verify-detail`, go to the dist folder `cd dist/verify-detail` and run `npm publish`.

## Running unit tests

Run `ng test verify-detail` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @farris/ui-view-change
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.1.1

# ViewChange

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project view-change` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project view-change`.
> Note: Don't forget to add `--project view-change` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build view-change` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build view-change`, go to the dist folder `cd dist/view-change` and run `npm publish`.

## Running unit tests

Run `ng test view-change` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).

## 属性
1. toolbarData 视图类型列表数组 其中对象中type类型需要唯一
2. defaultType 默认显示的视图类型，对应上述的type，如果没有传，默认展示第一种类型
3. viewType 默认是视图按钮平铺tile 可选参数'dropdown' 下拉选择视图

## 事件
1. toolTypeChange 当视图类型变化时触发，接受参数为当前选中视图的列表项
npm package: @farris/ui-wizard
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.1.1

# Wizard

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project wizard` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project wizard`.
> Note: Don't forget to add `--project wizard` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build wizard` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build wizard`, go to the dist folder `cd dist/wizard` and run `npm publish`.

## Running unit tests

Run `ng test wizard` 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 README](https://github.com/angular/angular-cli/blob/master/README.md).

## 扩展结构
1. `<ng-template wizardHeader>` 头部区域
2. `ng-template wizardStep>` 自定义步骤条样式区域
3. `<wizard-page></wizard-page>`  
### 参数
1. pageId 唯一标识 
### 事件
1. stateChange 页面状态变化时触发事件 {state:'', fromPageId:'', toPageId:''}
2. pageSelected page页面发生变化时 相应事件 接受参数为 {pageId:,state:}

## 属性
1. stepClickable 步骤条是否可以点击 默认false
2. fill 是否撑满父节点 默认false
3. currentPageId 默认显示页面对应的pageId
4. progressData 步骤条数据信息
5. stepDirection 步骤条方向 默认 竖向 vertical 可选 横向horizontal
6. stepPosition 步骤条摆放位置 默认None 可选参数默认PageLeft、Top、HeaderRight
7. storedIndex 是否记录当前向导步骤
8. storedIndexState 是否记录当前向导步骤及状态


## 注意点
1. 用到该组件地方 fill为true 该组件父节点需要有高度 并且带有f-template-wizard-fill 类名 来定义内部flex布局方式

## page页面结构
`<wizard-page-detail>`
### 扩展结构
`<ng-template wizardPageHeader>` 头部、
`<ng-template wizardPageContent>` 内容部分、
`<ng-template wizardPageFooter>` footer区域
### 事件
1. pagedetailSelected 当前页面被显示时监听 {pageId: , state: }

### 方法
1. getPageData 获取当前页数据
2. setPageData 更新当页数据
3. nextStep 下一步
4. prevStep 上一步
5. finishWizard 结束向导
6. cancelWizard 取消向导

### 传输数据方式
```import { WizardService, FarrisPageDetailComponent } from '@farris/ui-wizard';

@ViewChild() detailPage

constructor(private wizardSer: WizardService) {
    this.wizardSer.getWizardData().subscribe(data => {
        this.enableBegin = data.selectUnitValue !== '';
    });
}

this.detailPage.setPageData(this.pageData);
```

## WizardService 服务 使用
```
import { WizardService} from '@farris/ui-wizard'
constructor(private wizardSer: WizardService)
//获取整个向导通用的数据
this.wizardSer.getWizardData()
//设置整个向导通用的数据
this.wizardSer.setWizardData({})
//获取向导状态变化
this.wizardSer.getWizardState()

//更新某步骤条数据
this.wizardSer.updateProgressData()
//获取步骤条数据
this.wizardSer.getProgressData()

```
npm package: @farris/vue-mobile-business-ui
Description: ## Project setup ``` yarn install ```
Latest version: 0.0.3

# vue-mobile-business-ui

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).