open-index/open-npm huggingface dataset:
npm package: @farooq0373/reactbutton
Description: A simple and customizable React button component using `styled-components`.
Latest version: 0.0.1

# reactbutton

A simple and customizable React button component using `styled-components`.

## Installation

You can install the package using npm or yarn:

```sh
npm install @farooq0373/reactbutton
```

or

```sh
yarn add @farooq0373/reactbutton
```

## Usage

Import and use the `Button` component in your React project:

```tsx
import React from "react";
import Button from "@farooq0373/reactbutton";

const App = () => {
  return (
    <div>
      <Button variant="primary">Primary Button</Button>
      <Button variant="secondary">Secondary Button</Button>
    </div>
  );
};

export default App;
```

## Props

| Prop Name | Type | Default | Description |
|-----------|---------------------|---------|-------------------------------------------------|
| `variant` | "primary" \| "secondary" | "primary" | Defines the button style (primary or secondary) |
| `children` | `React.ReactNode` | - | The content inside the button |
| `...props` | `ButtonHTMLAttributes` | - | All default button attributes |

## Styling

The button uses `styled-components`, and the styles can be customized as needed.

- **Primary Button**: Blue (`#007bff`)
- **Secondary Button**: Gray (`#6c757d`)

## License

This project is licensed under the MIT License.

---

Happy Coding! 🚀
npm package: @farr3ll024/component-library
Description: A library of React components created using `create-react-app`.## Installation Run the following command: `npm install @farr3ll024/component-library`
Latest version: 3.0.0

# npm-component-library
A library of React components created using `create-react-app`.## Installation
Run the following command:
`npm install @farr3ll024/component-library`

![npm](https://img.shields.io/npm/v/@farr3ll024/component-library?style=plastic)
npm package: @farris/app-navigation-lookup
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.1

# AppNavigationLookup

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

## Build

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

## Publishing

After building your library with `ng build appNavigationLookup`, go to the dist folder `cd dist/app-navigation-lookup` and run `npm publish`.

## Running unit tests

Run `ng test appNavigationLookup` 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/app-navigation-udt
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.11

# AppNavigationUdt

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

## Build

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

## Publishing

After building your library with `ng build appNavigationUdt`, go to the dist folder `cd dist/app-navigation-udt` and run `npm publish`.

## Running unit tests

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

# ApprovalRelation

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test approval-relation` 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/break-point-viewer
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.1

# BreakPointViewer

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

## Build

Run `ng build break-point-viewer` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

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

## Running unit tests

Run `ng test break-point-viewer` 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/city-selector-input
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.3

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

# FarrisCommandServices

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 farris-command-services` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project farris-command-services`.
> Note: Don't forget to add `--project farris-command-services` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build farris-command-services` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build farris-command-services`, go to the dist folder `cd dist/farris-command-services` and run `npm publish`.

## Running unit tests

Run `ng test farris-command-services` 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/designer
Description: This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
Latest version: 0.0.1

# Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
npm package: @farris/designer-devkit
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.9-20240829064858-dev

# DesignerDevkit

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test designer-devkit` 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/designer-element
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.9-20240829064858-dev

# DesignerElement

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test designer-element` 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/designer-services
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.9-20240829064858-dev

# DesignerServices

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test designer-services` 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/designer-ui
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.9-20240829022538-dev

# DesignerUi

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test designer-ui` 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/devkit
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.12-20260411142600-dev

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

# DffDataBinding

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 dff-data-binding` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project dff-data-binding`.
> Note: Don't forget to add `--project dff-data-binding` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build dff-data-binding` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build dff-data-binding`, go to the dist folder `cd dist/dff-data-binding` and run `npm publish`.

## Running unit tests

Run `ng test dff-data-binding` 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/discussion-group
Description: | 属性 | 说明 | 类型 | 默认值 | | ---| ----- | ------ | ------ | | personnelsPrimaryKey | 人员信息的唯一标识 | string | `id` | | personnelsDisplayKey | 人员显示的名称 | string | `name` | | replyPersonnelsDisplayKey | 高级人员搜索中名称 | sting | `userName` | | permissionList | 该评论可见选
Latest version: 0.1.3

# DiscussionGroup


## discussion-editor 评论区

### 属性
| 属性 | 说明 | 类型 | 默认值 |
| ---| ----- | ------ | ------ |
| personnelsPrimaryKey | 人员信息的唯一标识 | string | `id` |
| personnelsDisplayKey | 人员显示的名称 | string | `name` |
| replyPersonnelsDisplayKey | 高级人员搜索中名称 | sting | `userName` |
| permissionList | 该评论可见选项 | permissionListOption | - |
| cancelVisible | 评论是否支持取消 | boolean | `false` |
| editHeight | 输入区高度 | number | `130` |
| personnels | 常用人员列表 | array | - |
| replyUser | 回复人员 | object | - |
| attachFiles | 附件列表(上传附件成功后) | FUploadFileExtend[] | - |
| treeData | 高级人员搜索中树数据 | array | - |
| treeIdField | 树结构唯一标识 | string | `id` |
| treeDisplayText | 树结构显示 | sting | `name` |

### permissionListOption 评论可见选项
| 属性 | 说明 | 类型 | 默认值 |
| ---| ----- | ------ | ------ |
| value | 上传的类型 `RELATED` | string | `ALL` |
| text | 在页面中显示的名称 `仅相关人员可见` | string | `所有人员可见` | 

### FUploadFileExtend 附件格式
| 属性 | 说明 | 类型 |
| ---| ----- | ------ |
| id | id | string |
| size | 文件大小 | number |
| type | 文件类型 | string | 
| extend | fileName 和 metadataId | any / null |
| extendStatus | | number |
| extendHeaders | | string / null|

#### Events

| 事件名 | 说明                               | 回调参数 |
| ------ | ---------------------------------- | -------- |
| selectionsChange | 高级人员搜索中点击确定 | `{info: confirm | cancel,data: 选中人员列表}` |
| lineDataChange | 高级人员搜索中选中某行 | 人员数据 |
| valueChange | 提交或取消评论 | ValueConfig[] |
| filePreview | 附件预览 | FUploadFileExtend |
| fileRemove | 附件删除 | FUploadFileExtend |
| fileUploadDone | 附件上传完成 | FUploadFileExtend |

### ValueConfig 评论区数据格式
| 属性 | 说明 | 类型 |
| ---| ----- | ------ |
| msgInfo | 评论类型 0 为取消 1 为提交 | number | 
| text | 评论区内容 | string |
| mailTos | @的人员列表 | array | 
| visibility | 可见人员 | `ALL` | 
| parentId | 回复的表单id | `string | null` |
| attachFiles | 附件列表 | |


## discussion-list 评论区列表 

### 属性
| 属性 | 说明 | 类型 | 默认值 |
| ---| ----- | ------ | ------ |
| personnelsDisplayKey | 展示的人员名称key值 | string | `userName` |
| supportPaging | 是否支持分页 | boolean | `true` |
| pageSize | 每页显示条数 | number | - |
| pageIndex | 当前页码 | number | `1` |
| pageList | 每页显示条数选项 | number[] | `[10,20,30,50]` |
| total | 总条数 | number | `0` |
| discussionData | 评论区数据 | array | - |

### Event
| 事件名 | 说明                               | 回调参数 |
| ------ | ---------------------------------- | -------- |
| replyMessage | 点击回复按钮 | 该条评论数据 | 
| pageChanged | 修改页码 | 当前页码 |
| pageSizeChanged | 每页显示条数变化 | 每页显示条数 |
| filePreview | 附件预览 | 当前附件数据 |
| fileDownload | 附件下载 | 当前附件数据 |
npm package: @farris/dynamic-control-group
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.1.11

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

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

# 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/events-editor
Description: ## v0.0.1 1. 支持新建事件交互 2. 支持在事件面板导入新方法 3. 支持在事件面板进行参数编辑
Latest version: 1.0.1

# eventsEditor

## v0.0.1
1. 支持新建事件交互
2. 支持在事件面板导入新方法
3. 支持在事件面板进行参数编辑

## v0.0.2
1. 支持目标组件的选择

## v0.0.3
1. 支持目标组件的切换

## v0.0.4
1. 修改目标组件rule

## v0.0.5
1. 修改浮层颜色
2. 修复控制器参数为空的情况

## v0.0.6
1. 修改接口以兼容元数据的导入

## v0.0.7
1. 修改版本

## v0.0.8
1. 修改事件编辑器样式

## v0.0.9
1. 事件编辑器增加布尔类按钮的回调函数

## v0.0.10
1. 事件编辑器增加弹窗提示信息

## v0.0.11
1. 事件编辑器支持添加新方法
2. 修改编辑器样式
3. 支持跳转至代码编辑器界面

## v0.0.12
1. 事件编辑器支持选择「已有方法」
2. 「已有方法」功能支持搜索

## v0.0.13
1. 事件编辑器「已有方法」路径修改
2. 事件编辑器修复部分运行时bug

## v0.0.14
1. 事件编辑器bug修复与整体优化

## v0.0.15
1. 事件编辑器bug修复与整体优化

## v0.0.16
1. 事件编辑器bug修复-视图模型闲置方法的删除

## v0.0.17
1. 事件编辑器「三段式路径」的修改

## v0.0.18
1. 修改按钮样式

## v0.0.19
1. 修复「已有方法」在根组件和子组件的显示问题

## v0.0.22
1. 重命名部分功能

## 0.0.23
1. 新增命令随机生成id

## 0.0.24
## 0.0.25
1. 事件编辑器bug修复

## 0.0.26
1. 修改引入控制器页面样式
## 0.0.28
1. 拆分选择控制器元数据页面
npm package: @farris/extend-approval-association
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.1

# ExtendApprovalAssociation

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

## Build

Run `ng build extend-approval-association` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

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

## Running unit tests

Run `ng test extend-approval-association` 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/extend-header-footer
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.4

# ExtendHeaderFooter

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

## Build

Run `ng build extend-header-footer` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

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

## Running unit tests

Run `ng test extend-header-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/extend-organization-selector
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.2

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

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

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

# ScrollCollapsibleArea

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

## 功能
在某个区域范围内，存在可収折展示区和滚动区域。当滚动区域向下拖动滚动条时，可収折区域慢慢収折。
当滚动区域向上拖动滚动条时，可収折区域慢慢展开。

## 模块 FEScrollCollapsibleAreaModule
1.import {FEScrollCollapsibleAreaModule} from '@farris/extend-scroll-collapsible-area';

## 指令 FEScrollCollapsibleAreaDirective
1. 指令选择器 fe-scroll-collapsible
2. 指令功能：标记区域范围，在此区域内的収折展示区和滚动区域是配对操作

## 指令 FEScrollAreaDirective
1. 指令选择器 fe-scroll-area
2. 指令功能：标记滚动区域，当滚动区域滚动时，对应的収折、展开与之对应的可収折展示区。

## 组件 FECollapsibleAreaComponent
1. 组件选择器：fe-collapsible-area
2. 组件功能：标记収折展示区，可収折、展开，与滚动区域联动
3. Input属性： defaultCollapse 打开初始时，展示区域是否收起，默认是false，表示展开。

## Code scaffolding

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

## Build

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

## Publishing

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

## Running unit tests

Run `ng test scroll-collapsible-area` 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/extend-selection
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.3

# FarrisSelectionHelper

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

## Build

Run `ng build farris-selection-helper` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

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

## Running unit tests

Run `ng test farris-selection-helper` 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/external-integration
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.
Latest version: 0.0.17

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