open-index/open-npm huggingface dataset:
npm package: @lucjansuski/react-data-grid
Description: Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like
Author: lucjansuski
Latest version: 3.0.8

# react-data-grid

> The core of react-data-grid
 

## Install

```sh
npm install --save react-data-grid
```

## Usage 

```sh
import ReactDataGrid from 'react-data-grid';

const columns = [{ key: 'id', name: 'ID' }, { key: 'title', name: 'Title' }];
const rows = [{ id: 1, title: 'Title 1' }, ...];
const rowGetter = rowNumber => rows[rowNumber];

const Grid = () => {
  return <ReactDataGrid
    columns={columns}
    rowGetter={rowGetter}
    rowsCount={rows.length}
    minHeight={500} />);
}
```

## Exports
Asside from the grid this package exports:

name                   | source                                  |
-----------------------|-----------------------------------------|
RowComparer            | [RowComparer](./src/RowComparer.js)     |
RowsContainer          | [RowsContainer](./src/RowsContainer.js) |
Row                    | [Row](./src/Row.js)                     |
Cell                   | [Cell](./src/Cell.js)                   |
HeaderCell             | [HeaderCell](./src/HeaderCell.js)       |
editors                | [Editors](./src/editors)                |
formatters             | [Formatters](./src/formatters)          |
utils                  | [utils](./src/utils)                    |
shapes                 | [shapes](./src/PropTypeShapes)          |
_constants             | [_constants](./src/AppConstants.js)     |
_helpers               | [_helpers](./src/helpers)               |
npm package: @luck-design-biz/base
Description: 前端基础业务组件库
Latest version: 0.0.53

---

luck 业务组件库
---### 安装依赖

```bash
npm install
```

### 编译

```bash
npm run build
```

### 本地调试

#### 业务组件库必须要在业务项目中调试运行，业务组件库提供以下方法进行本地调试：

首先需要全局安装 yalc

```bash
npm install yalc -g
```

安装成功后执行以下操作编译并发布全局（本地）

```bash
npm run async
```

进入需要相关业务项目中,将发布全局的组件库 link 进去

```bash
yalc link @luck-design-biz/base
```

### 发布 npm

首先更新 package.json 中的版本号,然后登录进入 npm 账号

```bash
npm login
```

最后执行发布命令

```bash
npm publish
```
npm package: @luck-design-biz/bpm
Description: 前端工作流相关业务组件库
Latest version: 0.0.6-5-oldTheme

---

luck 业务组件库
---### 安装依赖

```bash
npm install
```

### 编译

```bash
npm run build
```

### 本地调试

#### 业务组件库必须要在业务项目中调试运行，业务组件库提供以下方法进行本地调试：

首先需要全局安装 yalc

```bash
npm install yalc -g
```

安装成功后执行以下操作编译并发布全局（本地）

```bash
npm run async
```

进入需要相关业务项目中,将发布全局的组件库 link 进去

```bash
yalc link @luck-design-biz/base
```

### 发布 npm

首先更新 package.json 中的版本号,然后登录进入 npm 账号

```bash
npm login
```

最后执行发布命令

```bash
npm publish
```
npm package: @luck-design-biz/dynamic-form
Description: 基础框架老版动态表单
Latest version: 0.0.5-lyg-UI

---

luck 业务组件库
---### 安装依赖

```bash
npm install
```

### 编译

```bash
npm run build
```

### 本地调试

#### 业务组件库必须要在业务项目中调试运行，业务组件库提供以下方法进行本地调试：

首先需要全局安装 yalc

```bash
npm install yalc -g
```

安装成功后执行以下操作编译并发布全局（本地）

```bash
npm run async
```

进入需要相关业务项目中,将发布全局的组件库 link 进去

```bash
yalc link @luck-design-biz/luckda
```

### 发布 npm

首先更新 package.json 中的版本号,然后登录进入 npm 账号

```bash
npm login
```

最后执行发布命令

```bash
npm publish
```
npm package: @luck-design-biz/luckda
Description: 前端配置管理中心业务组件库
Latest version: 1.0.7-5

# 微服务 3.0 纯净版

luck-react-pure 是一个基于 qiankun 框架搭建的极简微服务框架，作为微服务业务子系统的开发基座。旨在为业务子系统提供简单、轻量的解决方案。该框架去除了冗余的功能，专注于提供基本的功能支持，使开发者能够更快速地搭建和开发业务子系统。

## 启动

安装 `node_modules`:

```bash
pnpm install
```

## 开始项目

```bash
pnpm start
```

## 代码校验

本框架提供了代码校验方案，校验不通过禁止提交代码，当提交代码时将会校验以下内容：

### 代码规范

根据 eslint 校验规范。

### commit message 校验

commit message 格式：

```bash
💥 feat(模块): 添加了个很棒的功能
🐛 fix(模块): 修复了一些 bug
📝 docs(模块): 更新了一下文档
💄 UI(模块): 修改了一下样式
🎨 chore(模块): 对脚手架做了些更改
🚨 refactor(模块): 重构（即不是新增功能，也不是修改bug的代码变动）
🐞 test(模块): 增加、修改测试用例
🌟 release(3.0.1):url
```
npm package: @luck-design-biz/mes
Description: 前端配置管理中心业务组件库
Latest version: 0.0.11-lyg

---
luck业务组件库
---### 安装依赖

```bash
npm install
```

### 编译

```bash
npm run build
```

### 本地调试

#### 业务组件库必须要在业务项目中调试运行，业务组件库提供以下方法进行本地调试：

首先需要全局安装 yalc

```bash
npm install yalc -g
```

安装成功后执行以下操作编译并发布全局（本地）

```bash
npm run async
```

进入需要相关业务项目中,将发布全局的组件库 link 进去

```bash
yalc link @luck-design-biz/luckda
```

### 发布 npm

首先更新 package.json 中的版本号,然后登录进入 npm 账号

```bash
npm login
```

最后执行发布命令

```bash
npm publish
```
npm package: @luck-design-biz/skd
Description: 基础框架排班业务组件库
Latest version: 0.0.6

---

luck 业务组件库
---### 安装依赖

```bash
npm install
```

### 编译

```bash
npm run build
```

### 本地调试

#### 业务组件库必须要在业务项目中调试运行，业务组件库提供以下方法进行本地调试：

首先需要全局安装 yalc

```bash
npm install yalc -g
```

安装成功后执行以下操作编译并发布全局（本地）

```bash
npm run async
```

进入需要相关业务项目中,将发布全局的组件库 link 进去

```bash
yalc link @luck-design-biz/luckda
```

### 发布 npm

首先更新 package.json 中的版本号,然后登录进入 npm 账号

```bash
npm login
```

最后执行发布命令

```bash
npm publish
```
npm package: @luck-helper/tinymce
Description: luck-design富文本自托管
Latest version: 0.0.4

---

luck 业务组件库
---### 安装依赖

```bash
npm install
```

### 编译

```bash
npm run build
```

### 本地调试

#### 业务组件库必须要在业务项目中调试运行，业务组件库提供以下方法进行本地调试：

首先需要全局安装 yalc

```bash
npm install yalc -g
```

安装成功后执行以下操作编译并发布全局（本地）

```bash
npm run async
```

进入需要相关业务项目中,将发布全局的组件库 link 进去

```bash
yalc link @luck-design-biz/luckda
```

### 发布 npm

首先更新 package.json 中的版本号,然后登录进入 npm 账号

```bash
npm login
```

最后执行发布命令

```bash
npm publish
```
npm package: @luck-helper/utils
Description: luck-design通用方法库
Latest version: 0.0.6

---
luck-design通用方法库
---

### 通用方法

#### 数组合并并去重

```bash
uniqueArr(arr1, arr2,compareKey)
```

#### 树数据拉平

```bash
flattenTree(tree, Key, childKey = 'children')
```

#### ReactChildren 处理方法集

##### 浅遍历子组件并返回一个数组

```bash
ChildrenUtil.map(children, (child, index)=>{})
```

##### 浅遍历子组件

```bash
ChildrenUtil.forEach(children, (child, index)=>{})
```

##### 统计子组件个数

```bash
ChildrenUtil.count(children)
```

##### 验证 ​children​ 是否只有一个子节点（一个 React 元素），如果有则返回它，否则此方法会抛出错误

```bash
ChildrenUtil.only(children)
```

##### 把子组件转化成数组

```bash
ChildrenUtil.toArray(children)
```

##### 浅过滤子组件

```bash
ChildrenUtil.filter(children, filterFn)
```

##### 深层过滤子组件

```bash
ChildrenUtil.deepFilter(children, deepFilterFn)
```

##### 通过 type 对子组件进行分组

```bash
ChildrenUtil.groupByType(children, types, rest)
```

##### 深层遍历子组件并返回一个数组

```bash
ChildrenUtil.deepMap(children, deepMapFn)
```

##### 深层遍历子组件

```bash
ChildrenUtil.deepForEach(children, deepForEachFn)
```

##### 深层查找子组件

```bash
ChildrenUtil.deepFind(children, deepFindFn)
```

##### 仅获取子组件及其子组件中的文本

```bash
ChildrenUtil.onlyText(children)
```

#### Local 存储

```bash
const store = LocalStore.getInstance();
store.get(A);
store.set(A,B);
```

#### 权限判断

```bash
PermissionHelp(permissions,wanted)
```

#### 权限组件过滤

```bash
PermissionUtil(Array, permissions)
```

#### Session 存储

##### 保存

```bash
sessionStorage.save('SAVE_KEY',{title:'test'});
```

或

```bash
sessionStorage.set('SAVE_KEY',{title:'test'});
```

##### 读取

```bash
sessionStorage.read('SAVE_KEY',{title:'test'});
```

或

```bash
sessionStorage.get('SAVE_KEY',{title:'test'});
```

##### 删除

```bash
sessionStorage.remove('SAVE_KEY',{title:'test'});
```

#### 数组移动

```bash
arrayMove(array, from, to)
```

#### uuid

```bash
getUuid()
```
npm package: @lucka-labs/eli
Description: Elegant way to build elements
Author: Lucka
Latest version: 0.1.2

# Eli

[![CI Status](https://github.com/lucka-me/eli/workflows/CI/badge.svg)](https://github.com/lucka-me/eli/actions?query=workflow%3ACI "CI Workflow")  
[![NPM version](https://img.shields.io/npm/v/@lucka-labs/eli?logo=npm)](https://www.npmjs.com/package/@lucka-labs/eli "npm package page") 
[![GitHub](https://img.shields.io/github/license/lucka-me/eli)](./LICENSE "License")


Elegant way to build elements.

## Usage

Install with npm,

```sh
$ npm install @lucka-labs/eli -D
```

Then build elements with functioning autocompelete:

```ts
@import { eli } from '@lucka-labs/eli';

const box = eli('div', {
    innerHTML: 'Hello World!'
});

document.body.append(box);
```
npm package: @luckedip/ou-enquirer-tools-theme
Description: Then add the theme to your `gatsby-config.js`. We'll use the long-form here for educational purposes.
Author: dparker
Latest version: 1.0.4

# The smallest possible Gatsby theme

## Quick Start

Then add the theme to your `gatsby-config.js`. We'll use the long-form here for educational purposes.

```javascript
module.exports = {
  plugins: [
    {
      resolve: "@luckedip/ou-enquirer-tools-theme",
      options: {},
    },
  ],
}
```
npm package: @luckfellow/react-native-crypto
Description: implementation of crypto for React Native
Author: Dominic Tarr
Latest version: 2.2.3

# react-native-crypto

Note: this module is a clone of [crypto-browserify](https://github.com/crypto-browserify/crypto-browserify), with randombytes replaced.

A port of node's `crypto` module to React Native.

## DEPRECATED

you should probably use a combination of:
- react-native-get-random-values to shim getRandomValues
- crypto-browserify

## install

Because this module depends on some node core modules, and react-native doesn't currently have a [resolve.alias a la webpack](https://productpains.com/post/react-native/packager-support-resolvealias-ala-webpack), you will need to use [rn-nodeify](https://github.com/tradle/rn-nodeify) for your shimming needs.

A suggested workflow:

1. Install
  ```sh
  npm i --save react-native-crypto
  # install peer deps
  npm i --save react-native-get-random-values
  react-native link react-native-get-random-values # on RN >= 0.60, instead do: cd iOS && pod install
  # install latest rn-nodeify
  npm i --save-dev rn-nodeify
  # install node core shims and recursively hack package.json files
  # in ./node_modules to add/update the "browser"/"react-native" field with relevant mappings
  ./node_modules/.bin/rn-nodeify --hack --install
  ```

2. `rn-nodeify` will create a `shim.js` in the project root directory
  ```js
  // index.ios.js or index.android.js
  // make sure you use `import` and not require!  
  import './shim.js'
  import crypto from 'crypto'
  // ...the rest of your code
  ```

## example

see https://github.com/mvayngrib/rncryptoexample

## the crypto in this box

What follows is unedited text from crypto-browserify

The goal of this module is to reimplement node's crypto module so that it can run in react-native supported environments.

Here is the subset that is currently implemented:

* createHash (sha1, sha224, sha256, sha384, sha512, md5, rmd160)
* createHmac (sha1, sha224, sha256, sha384, sha512, md5, rmd160)
* pbkdf2
* pbkdf2Sync
* randomBytes
* pseudoRandomBytes
* createCipher (aes)
* createDecipher (aes)
* createDiffieHellman
* createSign (rsa, ecdsa)
* createVerify (rsa, ecdsa)
* createECDH (secp256k1)
* publicEncrypt/privateDecrypt (rsa)
* randomFillSync
* randomFill

## todo

these features from node's `crypto` are still unimplemented.

* createCredentials
* scryptSync

these features would benefit from native implementations

* pbkdf2
* createSign
* createVerify
* createECDH
* publicEncrypto/privateDecrypt (rsa)

## contributions

If you are interested in writing a feature, please implement as a new module,
which will be incorporated into crypto-browserify as a dependency.

All deps must be compatible with node's crypto
(generate example inputs and outputs with node,
and save base64 strings inside JSON, so that tests can run in the browser.
see [sha.js](https://github.com/dominictarr/sha.js)

Crypto is _extra serious_ so please do not hesitate to review the code,
and post comments if you do.

## License

MIT