open-index/open-npm huggingface dataset:
npm package: @rxflow/base
Description: BaseFlow - 核心 Flow 组件库
Author: yanxianliang@outlook.com
Latest version: 0.0.4-alpha.8

# @rxflow/base

核心 Flow 组件库，提供基础的 Flow 组件、hooks 和工具函数。

## 安装

```bash
npm install @rxflow/base
# or
pnpm add @rxflow/base
```

## 使用

```tsx
import BaseFlow from '@rxflow/base';
import { useNodes, useEdges } from '@rxflow/base';

function App() {
  return (
    <BaseFlow
      nodes={nodes}
      edges={edges}
      // ... other props
    />
  );
}
```

## 主要功能

- 基础 Flow 组件
- 节点和边的管理 hooks
- 布局算法集成
- 主题配置
- 插件系统

## API 文档

访问 [完整文档](https://tree-graph.publib.cn/) 查看详细 API。

## License

MIT
npm package: @rxflow/bloodline
Description: 通用血缘关系图
Author: yanxianliang
Latest version: 0.0.4-alpha.8

# @rxflow/bloodline

通用血缘关系图组件，用于展示数据血缘关系。

## 安装

```bash
npm install @rxflow/bloodline @rxflow/base
# or
pnpm add @rxflow/bloodline @rxflow/base
```

## 使用

```tsx
import BloodlineFlow from '@rxflow/bloodline';

function App() {
  return (
    <BloodlineFlow
      data={bloodlineData}
      // ... other props
    />
  );
}
```

## 特性

- 自动布局
- 血缘关系可视化
- 节点展开/折叠
- 主题定制

## API 文档

访问 [完整文档](https://tree-graph.publib.cn/bloodline/examples) 查看详细 API。

## License

MIT
npm package: @rxflow/group-bloodline
Description: 分组血缘关系图
Author: yanxianliang
Latest version: 0.0.4-alpha.8

# @rxflow/group-bloodline

分组血缘关系图组件，支持节点分组展示。

## 安装

```bash
npm install @rxflow/group-bloodline @rxflow/base
# or
pnpm add @rxflow/group-bloodline @rxflow/base
```

## 使用

```tsx
import GroupBloodlineFlow from '@rxflow/group-bloodline';

function App() {
  return (
    <GroupBloodlineFlow
      data={groupData}
      // ... other props
    />
  );
}
```

## 特性

- 节点分组
- 版本管理
- 自动布局
- 主题定制

## API 文档

访问 [完整文档](https://tree-graph.publib.cn/group-bloodline/examples) 查看详细 API。

## License

MIT
npm package: @rxflow/mind-map
Description: 资产树/思维导图
Author: yanxianliang
Latest version: 0.0.4-alpha.8

# @rxflow/mind-map

资产树/思维导图组件。

## 安装

```bash
npm install @rxflow/mind-map @rxflow/base
# or
pnpm add @rxflow/mind-map @rxflow/base
```

## 使用

```tsx
import MindMapFlow from '@rxflow/mind-map';

function App() {
  return (
    <MindMapFlow
      data={mindMapData}
      // ... other props
    />
  );
}
```

## 特性

- 树形布局
- 节点展开/折叠
- 拖拽排序
- 主题定制

## API 文档

访问 [完整文档](https://tree-graph.publib.cn/mind-map/examples) 查看详细 API。

## License

MIT
npm package: @rxflow/react
Description: 树结构图组件库
Latest version: 0.0.6

# tree-graph

A static site base on [dumi](https://d.umijs.org).

## Development

```bash
# install dependencies
$ pnpm install

# start dev server
$ pnpm start

# build docs
$ pnpm run build

# Locally preview the production build
$ pnpm run preview
```

## LICENSE

MIT


TODO:
1. 升级 zustand ==> React 17 使用useSyncExternalStore的垫片包 use-sync-external-store

defaultNodes 和 nodes不能共用，受控和非受控

内置了碰撞检测逻辑 ==> 左侧拖动，节点拖动。

内置标准的复制、粘贴逻辑，支持复制回调，用于修改对应节点的数据。 ===> TODO 能力回收
npm package: @rxflow/terminal-bloodline
Description: 末级血缘关系图
Author: yanxianliang
Latest version: 0.0.4-alpha.8

# @rxflow/terminal-bloodline

末级血缘关系图组件。

## 安装

```bash
npm install @rxflow/terminal-bloodline @rxflow/base
# or
pnpm add @rxflow/terminal-bloodline @rxflow/base
```

## 使用

```tsx
import TerminalBloodlineFlow from '@rxflow/terminal-bloodline';

function App() {
  return (
    <TerminalBloodlineFlow
      data={terminalData}
      // ... other props
    />
  );
}
```

## 特性

- 末级节点展示
- 自动布局
- 主题定制

## API 文档

访问 [完整文档](https://tree-graph.publib.cn/terminal-bloodline/examples) 查看详细 API。

## License

MIT
npm package: @rxflow/workflow
Description: 工作流
Author: yanxianliang
Latest version: 0.0.4-alpha.8

# @rxflow/workflow

工作流组件，用于构建和展示工作流程。

## 安装

```bash
npm install @rxflow/workflow @rxflow/base
# or
pnpm add @rxflow/workflow @rxflow/base
```

## 使用

```tsx
import WorkFlow from '@rxflow/workflow';

function App() {
  return (
    <WorkFlow
      nodes={nodes}
      edges={edges}
      // ... other props
    />
  );
}
```

## 特性

- 工作流编排
- 节点状态管理
- 执行追踪
- 自定义节点类型
- 主题定制

## API 文档

访问 [完整文档](https://tree-graph.publib.cn/work-flow/examples) 查看详细 API。

## License

MIT
npm package: @rxfx/firebase
Description: An 𝗥𝘅𝑓𝑥/RxJS friendly way of communicating with Firebase Realtime Database. A turnkey alternative to WebSockets.
Author: Dean Radcliffe
Latest version: 0.1.0

# 𝗥𝘅𝑓𝑥 `firebase`

An 𝗥𝘅𝑓𝑥/RxJS friendly way of communicating with Firebase Realtime Database. A turnkey alternative to WebSockets.
npm package: @rxh/element-react
Description: Element UI for React
Author: ELEME Inc
Latest version: 1.4.34-3

# Element React

> 注意，这是一份element-react官方仓库的副本，旨在定制优化某些特性。如有可能，会将这部分代码提交申请合并到官方仓库。

[![](https://travis-ci.org/eleme/element-react.svg?branch=master)](https://travis-ci.org/eleme/element-react)
[![](https://img.shields.io/npm/v/element-react.svg)](https://www.npmjs.com/package/element-react)
[![](https://img.shields.io/npm/dm/element-react.svg)](https://www.npmjs.com/package/element-react)

[Element](https://github.com/ElemeFE/element) was initially written in [Vue](https://vuejs.org/), which has many elegant UI components, but we also love [React](https://facebook.github.io/react/), so we forked it for the React community.

## Getting Started

### Install

```bash
npm install element-react --save
```

Before the building, you need a style theme, here we recommend you to pick up `element-theme-default`.

```bash
npm install element-theme-default --save
```

### Usage

We are die hard fans of ECMAScript 6, so we recommend you writing code in modern javascript.

```js
import { Button } from 'element-react';
```

Also we provide an advanced way to [tree shaking](https://blog.engineyard.com/2016/tree-shaking) the code with [Rollup.js](http://rollupjs.org/) and [Webpack 2](https://webpack.github.io/)

```js
import { Button } from 'element-react/next';
```

### Config

With webpack, you need additional loaders to build with `element-react`.

```js
const webpack = require('webpack');

module.exports = {
  entry: {
    src: 'path/to/src'
  },
  output: {
    path: 'path/to/output'
    publicPath: '/public',
    chunkFilename: '[chunkhash:12].js',
    filename: '[chunkhash:12].js'
  },
  plugins: [
    new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify('production') }),
    new webpack.optimize.UglifyJsPlugin({
      output: {
        comments: false
      }
    })
  ],
  resolve: {
    extensions: ['.js', '.jsx']
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: 'babel-loader',
        include: ['path/to/src']
      },
      {
        test: /\.css$/,
        loaders: ['style-loader', 'css-loader']
      },
      {
        test: /\.(ttf|eot|svg|woff|woff2)(\?.+)?$/,
        loader: 'file-loader?name=[hash:12].[ext]'
      }
    ]
  }
}
```

## Contributing

Please make sure to read the [Contributing Guide](https://github.com/eleme/element-react/blob/master/CONTRIBUTING.md) before making a pull request.

## Acknowledgments

* [@doxiaodong](https://github.com/doxiaodong) for adding typescript ambient declarations.
* [@cuining](https://github.com/cuining) for building the live code editor.

## Credits

* [Element](https://github.com/ElemeFE/element) Desktop UI elements for Vue.js 2.0.

## License

MIT
npm package: @rxh/element-theme-default
Description: Element component default theme.
Author: haiping.zeng
Latest version: 1.4.14-3

# element-theme-default
> element component defualt theme.


## Installation
```shell
npm i element-theme-default -S
```

## Usage

Use Sass Or postcss-import
```css
@import 'element-theme-default';
```

Or Use webpack
```javascript
import 'element-theme-default';
```

Or
```html
<link rel="stylesheet" href="path/to/node_modules/element-theme-default/lib/index.css">
```

##  Import your need
```javascript
import 'element-theme-default/lib/input.css';
import 'element-theme-default/lib/select.css';

// ...
```
npm package: @rxing/rxing
Description: Node.js bindings for the rxing library, which is a Rust port of the ZXing barcode library.
Latest version: 0.0.2

# rxing-bindings

Node.js bindings for the [rxing](https://github.com/hschimke/rxing) library, which is a Rust port of the [ZXing](https://github.com/zxing/zxing) barcode library.

## Installation

```bash
npm install @rxing/rxing
```

## Usage

### Decode a barcode from an image

```js
const { decode } = require('@rxing/rxing');
const result = decode('path/to/image.png'); // image path or a base64 encoded string

console.log(result);
```

### Encode a barcode

```js
const { encode } = require('@rxing/rxing');
const result = encode('hello world'/*, { outputFile: 'path/to/qrcode.jpg' } */);

fs.writeFileSync('hello-world.jpg', result);
```

## API

### decode(input: string, options?: DecodeOptions): DecodeResult |  Array\<DecodeResult\> | null

Decode a barcode from a file or base64 string.

#### input

Type: `string`

The path to the image file or a base64 encoded string.

#### options

Type: `DecodeOptions`

### encode(data: string, options?: EncodeOptions): Buffer

Encode a barcode from a string, returning a buffer representing the image.

#### data

Type: `string`

The data to encode.

#### options

Type: `EncodeOptions`

## [License](LICENSE)
npm package: @rxing/rxing-linux-arm-gnueabihf
Description: This is the **armv7-unknown-linux-gnueabihf** binary for `@rxing/rxing`
Latest version: 0.0.2

# `@rxing/rxing-linux-arm-gnueabihf`

This is the **armv7-unknown-linux-gnueabihf** binary for `@rxing/rxing`
npm package: @rxing/rxing-linux-x64-musl
Description: This is the **x86_64-unknown-linux-musl** binary for `@rxing/rxing`
Latest version: 0.0.2

# `@rxing/rxing-linux-x64-musl`

This is the **x86_64-unknown-linux-musl** binary for `@rxing/rxing`
npm package: @rxing/rxing-win32-arm64-msvc
Description: This is the **aarch64-pc-windows-msvc** binary for `@rxing/rxing`
Latest version: 0.0.2

# `@rxing/rxing-win32-arm64-msvc`

This is the **aarch64-pc-windows-msvc** binary for `@rxing/rxing`
npm package: @rxing/rxing-win32-x64-msvc
Description: This is the **x86_64-pc-windows-msvc** binary for `@rxing/rxing`
Latest version: 0.0.2

# `@rxing/rxing-win32-x64-msvc`

This is the **x86_64-pc-windows-msvc** binary for `@rxing/rxing`