open-index/open-npm huggingface dataset:
npm package: @farris/ui-charts
Description: #### Demo
Latest version: 0.1.0

# Charts

#### Demo

线上 Demo：http://10.110.85.202:5200/ng7-farris-ui/index.html#/charts

![image-20201119141235293](https://cdn.jsdelivr.net/npm/@farris/ui-charts/img/1.png)

![image-20201119141315825](https://cdn.jsdelivr.net/npm/@farris/ui-charts/img/2.png)


#### 仓库地址

https://git.iec.io/webadp/ng7-farris-ui

#### 介绍

按照封装程度不同，分为 2 类：

1. 通用图表组件（目前推荐）
   - farris-chart
2. 分类型图表组件
   - 饼图（farris-pie-chart）
   - 折线图（farris-line-chart）
   - 柱形图（farris-bar-chart）
   - 地图（farris-geo-chart）

分类型图表组件传入少量数据相关配置属性即可用，但通用图表组件有更类贴近于 EchartsOption 的灵活配置项。

## 使用

1. 安装：

```bash
npm i @farris/ui-charts
```

2. 引入 `FarrisChartsModule`:

```typescript
import { FarrisChartsModule } from '@gspwidget/portlet';

@NgModule({
  imports: [
    FarrisChartsModule
  ]
})
export class YourModule {}
```

3. 在模板里使用组件：

```html
<!-- 通用图表组件 -->
<farris-chart
	[option]="commonDemoOption"
></farris-chart>

<!-- 分类型图表组件 -->
<farris-pie-chart
  [data]="data"
  [legend]="legend" 
  [tooltip]="tooltip"               
  [seriesRadius]="seriesRadius"        
  [labelShow]="labelShow"
  [options]="options"
  [angleField]="angleField"
  [nameField]="nameField"
  (click)="onclick($event)"
></farris-pie-chart>
```

## API

### farris-chart（目前推荐）

通用图表组件。


| 属性                   | 类型                    | 描述                                                   |
| ------------------------- | ----------------------- | ------------------------------------------------------ |
| [option]                 | FChartOption | 类似于 EChartsOption 的大配置项，详细配置见 @farris/ui-charts 内的 [FChartOption 类型声明](https://cdn.jsdelivr.net/npm/@farris/ui-charts/lib/types.d.ts)。 |



### farris-pie-chart

饼图组件。

| 属性                   | 类型                    | 描述                                                   |
| ------------------------- | ----------------------- | ------------------------------------------------------ |
| [title]            | FChartOption | 标题 |
| [description] | string | 描述 |
| [data] | any[] | 数据集合，实体数组 json |
| [legend] | FChartLegend | legend 组件配置 |
| [tooltip] | FChartTooltip | tooltip 组件配置 |
| [seriesRadius] | string \| string[] | 饼图半径 |
| [labelShow] | boolean | 是否展示 label |
| [angleField] | string | 角度轴字段 key |
| [nameField] | string | 类目轴字段 key |
| [options] | FChartOption | 大配置项 |



更多文档待补充。
npm package: @farris/ui-color-picker
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.4

# ColorPicker

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test color-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-combo-list
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.3.2

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

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

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

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

# DatagridDffEditors

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 datagrid-dff-editors` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project datagrid-dff-editors`.
> Note: Don't forget to add `--project datagrid-dff-editors` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build datagrid-dff-editors` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build datagrid-dff-editors`, go to the dist folder `cd dist/datagrid-dff-editors` and run `npm publish`.

## Running unit tests

Run `ng test datagrid-dff-editors` 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-datagrid-editors
Description: - 单元格编辑 增加 switch 组件。 - 单元格编辑 增加 timepicker 组件。
Latest version: 0.5.2

# UPDATE LOG
## 0.1.0
- 单元格编辑 增加 switch 组件。
- 单元格编辑 增加 timepicker 组件。
npm package: @farris/ui-datagrid-filter
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.2.0

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

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

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

# Datepicker

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## 使用实例

html

```html
<farris-datepicker
    [(ngModel)]="singleDate"
    [disabled]="opts.disabled"
    [readonly]="opts.readonly"
    [editable]="opts.editable"
    [locale]="opts.locale"
    [dateRange]="opts.dateRange"
    [showTime]="opts.showTime"
    [showType]="opts.showType"
    [dateFormat]="opts.dateFormat"
    [placeholder]="opts.placeholder"
    [maxDate]="opts.maxDate"
    [minDate]="opts.minDate"
    [dateRangeDatesDelimiter]="opts.dateRangeDatesDelimiter"
    [shortcuts]="opts.shortcuts"
></farris-datepicker>
```

## 配置项

### Input

**disabled**

-   default: false
-   type: boolean

是否禁用该组件。

**readonly**

-   Default：`false`
-   type: `boolean`

是否只读。

**editable**

-   Default：`true`
-   type: `boolean`

是否只能选择数据，不可键入。

**dateRange**

-   Default：`false`
-   type: `boolean`

是否使用日期范围输入模式。

**showTime**

-   Default：`false`
-   type: `boolean`

是否使用时间输入框。

**showType**

-   Default：`1`
-   type: `number`
-   options: `'all': 1 | 'noDate': 2 | 'noDateAndMonth': 3 | 'selectWeek': 4`

显示类型，默认显示全部；不显示日期，用于选择年月模式；不显示日期及月份，用于选择年模式；selectWeek 用于周选择。

**locale**

-   default: `zh-cn`
-   type: `string`
-   options: `'en' | 'ja' ...`

本地化。

**dateFormat**

-   Default：`yyyy-mm-dd`
-   type: `string`

日期格式化，zh-cn 模式下默认为 `yyyy-mm-dd` 。

**placeholder**

-   Default：`请选择`
-   type: `string`

为空时显示的占位符。

**maxDate**

-   Default：`{year: 9999,month: 12,day: 31 }`
-   type: `object`

最大日期。

**minDate**

-   Default：`{year: 1840,month: 1,day: 1 }`
-   type: `object`

最小日期。

**disableDateRangesBegin**

-   Default：`{year: 0,month: 0,day: 0}`
-   type: `object`

禁用日期开始时间。

**disableDateRangesEnd**

-   Default：`{year: 0,month: 0,day: 0}`
-   type: `object`

禁用日期结束时间。

**disableDates**

-   Default：`[]`
-   type: `array<object>`

禁用的日期，例如[{year: 2019,month: 1,day: 1 },{year: 2019,month: 1,day: 2 } ]。

**showWeekNumbers**

-   Default：`false`
-   type: `boolean`

是否显示第几周。

**dateRangeDatesDelimiter**

-   Default：`~`
-   type: `string`

日期范围模式下 input 的显示分割符合。

**shortcuts**

-   Default：`[]`
-   type: `array<object>`

配置左侧 sidebar 快捷键。

示例：

```tsx
;[
    {
        text: '今天',
        onClick(setTime) {
            setTime.emit(new Date())
        }
    },
    {
        text: '昨天到今天',
        onClick(setTime) {
            setTime.emit({
                begin: new Date(new Date().getTime() - 3600 * 1000 * 24),
                end: new Date()
            })
        }
    },
    {
        text: '一周前',
        onClick(setTime) {
            setTime.emit(new Date(new Date().getTime() - 3600 * 1000 * 24 * 7))
        }
    }
]
```

## output

**clear**

清空内容时触发。

**valueChanged**

当内容改变触发。

**onBlur**

当 input 失去焦点触发。
npm package: @farris/ui-dialog
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.2.5

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

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

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

# 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-enum-editor
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.1.1

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

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

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

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

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

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

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

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

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

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

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

# ListNav

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 list-nav` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project list-nav`.
> Note: Don't forget to add `--project list-nav` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build list-nav` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build list-nav`, go to the dist folder `cd dist/list-nav` and run `npm publish`.

## Running unit tests

Run `ng test list-nav` 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 listNavTitle>` 标题部分
2. `<ng-template listNavContent>` 内容区域
3. `<ng-template listNavFooter>` 底部区域

## 属性
1. listNavWidth listnav宽度 默认218px
2. disabled 是否禁止收折 默认false
3. position 'left' | 'right' 位置
<!-- 3. hover 折叠收起是否支持鼠标滑过 -->

## 事件
1. navStateChange listnav 折叠收起状态发生变化  {showNav:false/true}
npm package: @farris/ui-loading
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.2.3

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

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

# Lookup

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 lookup` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project lookup`.
> Note: Don't forget to add `--project lookup` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build lookup` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build lookup`, go to the dist folder `cd dist/lookup` and run `npm publish`.

## Running unit tests

Run `ng test lookup` 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).

## update
- 2023/08/07 帮助支持记录列宽度
npm package: @farris/ui-lookup-light
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 1.0.5

# UiLookupLight

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 ui-lookup-light` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ui-lookup-light`.
> Note: Don't forget to add `--project ui-lookup-light` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build ui-lookup-light` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build ui-lookup-light`, go to the dist folder `cd dist/ui-lookup-light` and run `npm publish`.

## Running unit tests

Run `ng test ui-lookup-light` 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-messager
Description: | 修改日期           | 修改要点                                     | | ------------------ | :------------------------------------------- | | 2020 年 3 月 7 日 | prompt中textarea在不同浏览器下高度不一样，默认prompt方法中，自适应高度。  | | 2020 年 3 月 6 日 | info等方法中，增加默认参数fitContent，为true当
Latest version: 0.2.34

# Messager

| 修改日期           | 修改要点                                     |
| ------------------ | :------------------------------------------- |
| 2020 年 3 月 7 日 | prompt中textarea在不同浏览器下高度不一样，默认prompt方法中，自适应高度。  |
| 2020 年 3 月 6 日 | info等方法中，增加默认参数fitContent，为true当提示信息高度不确定时，自适应高度。  |
|  |    
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 messager` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project messager`.
> Note: Don't forget to add `--project messager` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build messager` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build messager`, go to the dist folder `cd dist/messager` and run `npm publish`.

## Running unit tests

Run `ng test messager` 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-modal
Description: | 修改日期           | 修改要点                                     | | ------------------ | :------------------------------------------- | | 2020 年 3 月 6 日 | 增加fitContent属性，针对提示信息高度不确定时，自适应高度  | | 2021 年 3 月 18日| 增加f-area-response指令处理在弹出窗口内的卡片布局|
Latest version: 0.2.1

# Modal
## 修改记录

| 修改日期           | 修改要点                                     |
| ------------------ | :------------------------------------------- |
| 2020 年 3 月 6 日 | 增加fitContent属性，针对提示信息高度不确定时，自适应高度  |
| 2021 年 3 月 18日| 增加f-area-response指令处理在弹出窗口内的卡片布局|

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 modal` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project modal`.
> Note: Don't forget to add `--project modal` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build modal` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build modal`, go to the dist folder `cd dist/modal` and run `npm publish`.

## Running unit tests

Run `ng test modal` 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-nav
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.4

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

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

# NumberSpinner

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 number-spinner` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project number-spinner`.
> Note: Don't forget to add `--project number-spinner` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build number-spinner` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build number-spinner`, go to the dist folder `cd dist/number-spinner` and run `npm publish`.

## Running unit tests

Run `ng test number-spinner` 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).