open-index/open-npm huggingface dataset:
npm package: @jdaudier/number-formatter
Description: Formats number
Author: Joanne Daudier
Latest version: 0.1.1

[![Build Status](https://travis-ci.org/jdaudier/numberFormatter.svg?branch=master)](https://travis-ci.org/jdaudier/numberFormatter)  [![Coverage Status](https://coveralls.io/repos/jdaudier/numberFormatter/badge.svg?branch=master)](https://coveralls.io/r/jdaudier/numberFormatter?branch=master)

Number Formatter
=========

A small library that adds commas to numbers

## Installation

  `npm install @jdaudier/number-formatter`

## Usage

    var numFormatter = require('@jdaudier/number-formatter');

    var formattedNum = numFormatter(35666);
  
  
  Output should be `35,666`


## Tests

  `npm test`

## Contributing

In lieu of a formal style guide, take care to maintain the existing coding style.
Add unit tests for any new or changed functionality. Lint and test your code.


![img](https://getdrip.s3.amazonaws.com/uploads/image_upload/image/3314/embeddable_44acde4e-3999-48e0-b187-4762a8d1f75b.png)
npm package: @jdav/arch
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.4.
Latest version: 1.0.1

# Arch

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

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

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

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

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

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## 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: @jdav/ui
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.4.
Latest version: 1.0.0

# Ui

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

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

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

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

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

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## 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: @jdavalenti/react-cli
Description: A React CLI inspired by Ember CLI
Author: Julian Miller
Latest version: 1.0.4

# React CLI
The React command line utility.

Inspired by [EmberCLI](https://github.com/ember-cli/ember-cli)

## Features
- File / Project generator using blueprints
- Generate project with the Flux architecture

## Installation
```
npm i -g @jdavalenti/react-cli
```

## Usage
After installing `react` CLI tool it will be available using the `react` command line.

#### Create a new project
```text
react new my-react-app
```

This will create a new folder `my-react-app` and setup the basic react project strcture and install any necessary dependencies.

#### Generate files
```text
react generate component ReactComponent
```

This will generate a `component` name `react-component.js`. `component` here is just an example and can be used with a variety of blueprints.

#### Currently Supported Blueprints
- Actions `action`
- Components `component`
- Constants `constant`
- Dispatchers `dispatcher`
- Stores `store`
- Utils `util`

#### Current Supported Architectures
- Flux `react new my-create-app --flux`

## Community
- Slack [Join the Slack Community](https://join.slack.com/t/reactcli/shared_invite/enQtMzM5MzY5MTU5MTY4LTdhYjZjYTJiZGEyNjJkMjI3ZDFjNDk2MDZkOTAzN2VlY2RlZTk2ODk2MGMyZmRkZWNjN2VmY2U4OWY5NDhkZjg)
- Issues [react-cli/issues](https://github.com/jdavalenti/react-cli/issues)

## License
This project is licensed under the [MIT License](https://github.com/jdavalenti/react-cli/blob/develop/LICENSE.md).
npm package: @jdb8/eslint-plugin-monorepo
Description: ESLint plugin for monorepos
Author: Lucas Azzola
Latest version: 1.0.1

Forked from upstream with the following changes: https://github.com/azz/eslint-plugin-monorepo/compare/master...jdb8:master

- https://github.com/azz/eslint-plugin-monorepo/pull/21
- https://github.com/azz/eslint-plugin-monorepo/pull/29

If these changes are merged to `eslint-plugin-monorepo`, this fork can be deleted.

Until then, this fork can be installed via:

```bash
yarn add -D @jdb8/eslint-plugin-monorepo
```

or

```bash
npm install --save-dev @jdb8/eslint-plugin-monorepo
```

The original README is included below.

---

# `eslint-plugin-monorepo`

[![Travis](https://img.shields.io/travis/azz/eslint-plugin-monorepo.svg?style=flat-square)](https://travis-ci.org/azz/eslint-plugin-monorepo)
[![Prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![npm](https://img.shields.io/npm/v/eslint-plugin-monorepo.svg?style=flat-square)](https://npmjs.org/eslint-plugin-monorepo)
[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=flat-square)](https://github.com/semantic-release/semantic-release)
[![License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)](LICENSE)

A collection of ESLint rules for enforcing import rules in a monorepo. Supports:

- [Lerna](https://github.com/lerna/lerna)
- [Yarn workspaces](https://yarnpkg.com/lang/en/docs/workspaces/)

## Configuration

Use the `"recommended"` configuration:

```json
// .eslintrc.json
{
  "extends": ["plugin:monorepo/recommended"]
}
```

Or enable rules manually:

```json
// .eslintrc.json
{
  "plugins": ["monorepo"],
  "rules": {
    "monorepo/no-internal-import": "error",
    "monorepo/no-relative-import": "error"
  }
}
```

## Rules

### `monorepo/no-internal-import`

Forbids importing specific files from a monorepo package.

```js
// Bad
import 'module/src/foo.js';

// Good
import { foo } from 'module';
```

### `monorepo/no-relative-import` (fixable)

Forbids importing other packages from the monorepo with a relative path.

```js
// Bad
import module from '../module';

// Good
import module from 'module';
```
npm package: @jdbk/book-cli
Description: Command line interface for front end project
Author: renjing36
Latest version: 1.0.8-mini6

### Book—cli 使用手册

### 脚手架安装
```
npm install --gloabl @jdbk/book-cli
```

### 使用

#### 查看所有模板
查看脚手架支持的模板类型，暂只支持 `vue` 项目模板
``` 
book list
```
可根据提示选择指定模板，初始化创建项目
![Alt text](./1608174823872.png)

----------------

#### 使用指定模板创建项目
可指定模板创建指定项目
```
npm init <template> <name>
```
比如使用 vue项目模板初始化一个文件名为 `abc` 的项目：
```
npm init cli-project-vue abc
```

接下来可根据询问方式，定制配置化的项目：
![Alt text](./1608175487594.png)
> 创建项目前需切换至指定目录后，再初始化项目文件，避免初始化完成后找不到文件的问题。

--------------


#### 安装项目依赖
在初始化完项目目录后，可根据提示决定是否需要安装项目依赖。

![Alt text](./1608186585683.png)

完成项目安装后，可切换至项目目录开始业务编码：
![Alt text](./1608186663996.png)

---------------

#### 更多帮助
了解更多使用规则，可执行以下查看：
```
book help
```
![Alt text](./1608188334292.png)
npm package: @jdcalkins/angular2-datatable
Description: DataTable component for Angular2 framework
Author: jasondcalkins@gmail.com
Latest version: 0.4.7

# Table component with sorting and pagination for Angular2

## Demo

## Installation

```
npm i -S @jdcalkins/angular2-datatable
```

## Usage example

app.ts
```typescript
 import {Component} from '@angular/core';
 import {DataTableDirectives} from 'angular2-datatable/datatable';

 @Component({
     selector: 'app',
     templateUrl: 'app.html',
     directives: [DataTableDirectives]
 })
 export class App {
     private data: any[] = ...
     selectedEntities: any[];
 }
```

app.html
```html
<table class="table table-striped" [mfData]="data" #mf="mfDataTable" [mfRowsOnPage]="5"  (mfSelectedEntities)="setSelectedEntities($event)">
    <thead>
    <tr>
        <th>
            <mfRowSelectorHead [mfTable]="mf"></mfRowSelectorHead>
        </th>
        <th style="width: 20%">
            <mfDefaultSorter by="name">Name</mfDefaultSorter>
        </th>
        <th style="width: 50%">
            <mfDefaultSorter by="email">Email</mfDefaultSorter>
        </th>
        <th style="width: 10%">
            <mfDefaultSorter by="age">Age</mfDefaultSorter>
        </th>
        <th style="width: 20%">
            <mfDefaultSorter by="city">City</mfDefaultSorter>
        </th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let item of mf.data">
        <td><mfRowSelector [selectedEntities]="mf.selectedEntities" [entity]="item" (selectEntity)="mf.addSelectedEntity($event)"></mfRowSelector></td>
        <td>{{item.name}}</td>
        <td>{{item.email}}</td>
        <td class="text-right">{{item.age}}</td>
        <td>{{item.city | uppercase}}</td>
    </tr>
    </tbody>
    <tfoot>
    <tr>
        <td colspan="4">
            <mfBootstrapPaginator [rowsOnPageSet]="[5,10,25]"></mfBootstrapPaginator>
        </td>
    </tr>
    </tfoot>
</table>
```

## API

### `mfData` directive

 - selector: `table[mfData]`
 - exportAs: `mfDataTable`
 - inputs
   - `mfData: any[]` - array of data to display on table
   - `mfRowsOnPage: number` - number of rows should be displayed on page (default: 1000)
   - `mfActivePage: number` - page number should be displayed on init (default: 1)

### `mfDefaultSorter` component

 - selector: `mfDefaultSorter`
 - inputs
   - `by: any` - specify how to sort data (argument for lodash function [_.sortBy ](https://lodash.com/docs#sortBy))

### `mfBootstrapPaginator` component
Displays buttons for changing current page and number of displayed rows using bootstrap template (css for bootstrap is required). If array length is smaller than current displayed rows on page then it doesn't show button for changing page. If array length is smaller than min value rowsOnPage then it doesn't show any buttons.

 - selector: `mfBootstrapPaginator`
 - inputs
   - `rowsOnPageSet: number` - specify values for buttons to change number of diplayed rows
npm package: @jdcfe/dialog
Description: 弹框组件，可自定义按钮样式，文本，事件。同时页面内容，标题可依据需求定制。
Author: shiwenshuai
Latest version: 1.0.7

##dialog组件
### 描述：
弹框组件，可自定义按钮样式，文本，事件。同时页面内容，标题可依据需求定制。

### 参数说明：
| 参数          | 说明                                                     | 类型     | 默认值      |
| ------------ | -------------------------------------------------------- | -------- | ---------- |
| btnType      | 按钮类型( 0:无底部按钮 1：底部单按钮 2:底部双按钮)           | Number  | 2           |
| firstBtn     | 左侧按钮内容                                               | String  | 取消        |
| secondBtn    | 右侧按钮内容                                               | String  | 确定        |
| isSpecialBtn | 是否定制化底部按钮样式,如果该值为true时，需要填充按钮插槽中内容| Boolean | false       |


### 内容属性说明：
| 属性          | 说明                                                     | 类型       | 默认值      |
| ------------ | -------------------------------------------------------- | ---------- | ----------  |
| toggle       | 控制开启/关闭弹框                                          | function  | 弹框关闭状态 |
| confirm      | “确定”按钮触发事件（需要外部绑定dialogConfirm事件）          | function  | 无          |
| cancel       | “取消”按钮触发事件 （需要外部绑定dialogCancel事件）          | function  | 关闭弹框     |
npm package: @jdcfe/icons-react
Description: <h1 align="center"> Icons for React </h1>
Latest version: 1.1.1

<h1 align="center">
Icons for React
</h1>


## Install

```bash
yarn add @jdcfe/icons-react@1.0.0
```

## Basic Usage

You can import it directly or destructure from `@jdcfe/icons-react` when tree-shaking enabled.

```ts
import CalenderOutlined from '@jdcfe/icons-react/CalenderOutlined';
import { CalenderOutlined } from '@jdcfe/icons-react';

import CalenderOutlined from '@jdcfe/icons-react/CalenderOutlined';
import CircleTwoTone from '@jdcfe/icons-react/CircleTwoTone';
import { CalenderOutlined, CircleTwoTone } from '@jdcfe/icons-react';
```

## Component Interface

```ts
interface IconProps {
  className?: string;
  onClick?: React.MouseEventHandler<SVGSVGElement>;
  style?: React.CSSProperties;
}
```

## Release

```bash
npm run generate
npm run compile
npm publish
```
npm package: @jdcfe/icons-svg
Description: Abstract nodes for jd icons.
Latest version: 1.1.0

<h1 align="center">
Icons
</h1>

Check [all icons list](./docs/list.md).

## Install

```bash
yarn add @jdcfe/icons-svg

# or use npm
npm install @jdcfe/icons-svg--save
```

## Use Library Adapter

- React: See [@jdcfe/icons-svg](../icons-react) to learn about detail usage.

## Basic Usage

```ts
import { CalenderOutlined } from '@jdcfe/icons-svg';
// or
// import CalenderOutlined from '@jdcfe/icons-svg/es/CalenderOutlined';

console.log(CalenderOutlined);
// ==>
// {
//   name: 'calender',
//   theme: 'outlined',
//   icon: {
//     tag: 'svg',
//     attrs: {
//       viewBox: '0 0 1024 1024',
//       focusable: 'false'
//     },
//     children: [
//       {
//         tag: 'path',
//         attrs: {
//           d:
//             'M48.76 349.62V243.81c0-80.7 65.58-146.29 ...'
//         }
//       }
//     ]
//   }
// };
```

- Interfaces

This library export all SVG files as `IconDefinition`.

```ts
// types.d.ts
export type ThemeType = 'fill' | 'outline' | 'twotone';

export interface IconDefinition {
  name: string; // kebab-case-style
  theme: ThemeType;
  icon:
    | ((primaryColor: string, secondaryColor: string) => AbstractNode)
    | AbstractNode;
}

export interface AbstractNode {
  tag: string;
  attrs: {
    [key: string]: string;
  };
  children?: AbstractNode[];
}
```

## Render Helpers
```ts
import { CalenderOutlined } from '@jdcfe/icons-svg';
import { renderIconDefinitionToSVGElement } from '@jdcfe/icons-svg/es/helpers';

const svgHTMLString = renderIconDefinitionToSVGElement(
  AccountBookFill,
  { extraSVGAttrs: { width: '1em', height: '1em', fill: 'currentColor' } }
);

console.log(svgHTMLString);
// ==>
// '<svg viewBox="64 64 896 896" width="1em" height="1em" fill="currentColor"><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zM648.3 426.8l-87.7 161.1h45.7c5.5 0 10 4.5 10 10v21.3c0 5.5-4.5 10-10 10h-63.4v29.7h63.4c5.5 0 10 4.5 10 10v21.3c0 5.5-4.5 10-10 10h-63.4V752c0 5.5-4.5 10-10 10h-41.3c-5.5 0-10-4.5-10-10v-51.8h-63.1c-5.5 0-10-4.5-10-10v-21.3c0-5.5 4.5-10 10-10h63.1v-29.7h-63.1c-5.5 0-10-4.5-10-10v-21.3c0-5.5 4.5-10 10-10h45.2l-88-161.1c-2.6-4.8-.9-10.9 4-13.6 1.5-.8 3.1-1.2 4.8-1.2h46c3.8 0 7.2 2.1 8.9 5.5l72.9 144.3 73.2-144.3a10 10 0 0 1 8.9-5.5h45c5.5 0 10 4.5 10 10 .1 1.7-.3 3.3-1.1 4.8z" /></svg>'
```

- Interfaces

```ts
declare function renderIconDefinitionToSVGElement(icon: IconDefinition, options?: HelperRenderOptions): string;

interface HelperRenderOptions {
  placeholders?: {
    primaryColor?: string; // default #333
    secondaryColor?: string; // default #E6E6E6
  };
  extraSVGAttrs?: {
    [key: string]: string;
  };
}
```

## Build Project
```bash
npm run generate # Generate files to ./src
npm run build # Build library
npm run test # Runing Test
```
npm package: @jdcfe/icons-vue
Description: JD Icons for Vue
Latest version: 1.1.1

<h1 align="center">
Icons for Vue
</h1>


## Install

```bash
yarn add @jdcfe/icons-vue
```

## Basic Usage

First, you should add the icons that you need into the library.

```js
import Vue from 'vue'
import { CircleTwoTone } from '@jdcfe/icons-vue';
Vue.component(CircleTwoTone.name, CircleTwoTone);
```

After that, you can use jd icons in your Vue components as simply as this:

```jsx
<icon-circle-two-tone />
```

## Build project

```bash
npm run generate # Generate files to ./src
npm run compile # Build library
npm run test # Runing Test
```
npm package: @jdcfe/lottie-loading
Description: ```bash
Latest version: 1.0.1

## 安装 & 使用

```bash

yarn add @jdcfe/lottie-loading

```

## React 版本要求

- `react^16.8.0`

## DEMO

```tsx
const App: React.FC = () => <Loading renderer="canvas" />;
```

## API

| 参数          | 说明                                                                      | 类型           | 默认值        | 必须  |
| ------------- | ------------------------------------------------------------------------- | -------------- | ------------- | ----- |
| prefixCls     | 组件 class 前缀                                                           | string         | Yep-loading   | false |
| style         | 组件样式                                                                  | object         | {}            | false |
| className     | 组件额外样式                                                              | string         | -             | false |
| animationData | lottie 动画所需要的 json 文件(an Object with the exported animation data) | json 文件      | 京东 App 动画 | false |
| loop          | 循环播放                                                                  | boolean/number | true          | false |
| autoplay      | 是否立即播放                                                              | boolean        | true          | false |
| renderer      | 'svg' 、 'canvas' 、 'html' to set the renderer                           | string         | `svg`         | false |

## License

MIT