open-index/open-npm huggingface dataset:
npm package: @huiisienn/storybook-po
Description: Storybook design systems tutorial
Author: kuhuisien
Latest version: 0.1.4

# Getting Started

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `yarn storybook`

Runs the app in the development mode.\
Open [http://localhost:6006](http://localhost:6006) to view it in your browser.

The page will reload when you make changes.\
You may also see any lint errors in the console.

### `yarn teststorybook`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `yarn build-package`

Builds the app for production to the `dist` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `yarn eject`

**Note: this is a one-way operation. Once you `eject`, you can't go back!**

If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).

## Publish

To publish the release to npm, eidt version in package.json and run: npm publish --access public
npm package: @huija/fx-api-cli-darwin-arm64
Description: The darwin-arm64 binary for @huija/fx-api-cli
Latest version: 0.1.0

# @huija/fx-api-cli-darwin-arm64

This is the macOS ARM64 (Apple Silicon) binary for `@huija/fx-api-cli`.

## Usage

This package is automatically installed as an optional dependency when you install `@huija/fx-api-cli` on a macOS ARM64 system.

## License

MIT
npm package: @huija/fx-api-cli-darwin-x64
Description: The darwin-x64 binary for @huija/fx-api-cli
Latest version: 0.1.0

# @huija/fx-api-cli-darwin-x64

This is the macOS x64 (Intel) binary for `@huija/fx-api-cli`.

## Usage

This package is automatically installed as an optional dependency when you install `@huija/fx-api-cli` on a macOS x64 system.

## License

MIT
npm package: @huija/fx-api-cli-linux-arm64
Description: The linux-arm64 binary for @huija/fx-api-cli
Latest version: 0.1.0

# @huija/fx-api-cli-linux-arm64

This is the Linux ARM64 binary for `@huija/fx-api-cli`.

## Usage

This package is automatically installed as an optional dependency when you install `@huija/fx-api-cli` on a Linux ARM64 system.

## License

MIT
npm package: @huija/fx-api-cli-linux-x64
Description: The linux-x64 binary for @huija/fx-api-cli
Latest version: 0.1.0

# @huija/fx-api-cli-linux-x64

This is the Linux x64 binary for `@huija/fx-api-cli`.

## Usage

This package is automatically installed as an optional dependency when you install `@huija/fx-api-cli` on a Linux x64 system.

## License

MIT
npm package: @huija/fx-api-cli-win32-x64
Description: The win32-x64 binary for @huija/fx-api-cli
Latest version: 0.1.0

# @huija/fx-api-cli-win32-x64

This is the Windows x64 binary for `@huija/fx-api-cli`.

## Usage

This package is automatically installed as an optional dependency when you install `@huija/fx-api-cli` on a Windows x64 system.

## License

MIT
npm package: @huiji/graphql-loader
Description: A tool kit to generate schema for GraphQL and type declaration for other languages.
Author: duduluu
Latest version: 0.1.1

# graphql-tools

> A tool kit to generate schema for GraphQL and type declaration for other languages.

## Present Supports

- GraphQL Schema (IDL format)
- TypeScript Declaration

## Usage

```typescript
import fs from 'fs';
import { getIntrospection, generateGraphQLSchema } from '@huiji/graphql-loader';

(async () => {
  const intro = await getIntrospection('https://graphql.xy.huijitrans.com/graphql');

  const schema = generateGraphQLSchema(intro);
  fs.writeFileSync('.tmp/gamelib.gql', schema);

  const declaration = generateTypeScriptDeclaration(intro);
  fs.writeFileSync('.tmp/gamelib.d.ts', schema);
})();

(async () => {
  const intro = await getIntrospection('https://api.github.com/graphql', {
    headers: {
      Authorization: `bearer ${process.env.PERSONAL_ACCESS_TOKEN_TEST}`,
    },
  });

  const schema = generateGraphQLSchema(intro);
  fs.writeFileSync('.tmp/github.gql', schema);

  const declaration = generateTypeScriptDeclaration(intro, {
    customScalars: {
      Date: 'string',
      DateTime: 'string',
      HTML: 'string',
      URI: 'string',
    },
  });
  fs.writeFileSync('.tmp/github.d.ts', schema);
})();
```
npm package: @huiji/graphql-tools
Description: A tool kit to generate schema for GraphQL and type declaration for other languages.
Author: duduluu
Latest version: 0.3.4

# graphql-tools

> A tool kit to generate schema for GraphQL and type declaration for other languages.

## Present Supports

- GraphQL Schema (IDL format)
- TypeScript Declaration

## Install

```bash
npm install -D @huiji/graphql-tools
# or
yarn add -D @huiji/graphql-tools
```

## Usage

```typescript
import fs from 'fs';
import { getIntrospection, generateGraphQLSchema } from '@huiji/graphql-tools';

(async () => {
  const intro = await getIntrospection('https://graphql.xy.huijitrans.com/graphql');

  const schema = generateGraphQLSchema(intro);
  fs.writeFileSync('.tmp/gamelib.gql', schema);

  const declaration = generateTypeScriptDeclaration(intro);
  fs.writeFileSync('.tmp/gamelib.d.ts', schema);
})();

(async () => {
  const intro = await getIntrospection('https://api.github.com/graphql', {
    headers: {
      Authorization: `bearer <YOUR_GITHUB_PERSONAL_ACCESS_TOKEN>`,
    },
  });

  const schema = generateGraphQLSchema(intro);
  fs.writeFileSync('.tmp/github.gql', schema);

  const declaration = generateTypeScriptDeclaration(intro, {
    customScalars: {
      Date: 'string',
      DateTime: 'string',
      HTML: 'string',
      URI: 'string',
    },
  });
  fs.writeFileSync('.tmp/github.d.ts', schema);
})();
```
npm package: @huiji/vue-markdown-loader
Description: A webpack loader for loading markdown files as Vue Single-File Components
Author: duduluu
Latest version: 1.0.3

# vue-markdown-loader

> A webpack loader for loading markdown files as Vue Single-File Components,
> based on [MarkdownIt](https://github.com/markdown-it/markdown-it)

## Features

- supports all `<script>` and `<style>` types of Vue Single-File Components
- auto convert internal links to Vue `<router-link>`
- customize MarkdownIt options and additional plugins
- insert anchor to headings (base on markdown-it-anchor)
- custom container (base on markdown-it-container) **TODO**
- front matter **TODO**
- highlighting **TODO**

## Usage

```bash
npm i -D @void/vue-markdown-loader

# or use yarn
yarn add -D @void/vue-markdown-loader
```

### webpack

```js
// webpack.config.js
const VueLoaderPlugin = require('vue-loader/lib/plugin');

module.exports = {
  resolve: {
    extensions: ['.js', '.jsx', '.vue', '.json', '.md'],
  },
  module: {
    rules: [
      {
        test: /\.md$/,
        use: [
          {
            loader: 'vue-loader',
          },
          {
            loader: '@void/vue-markdown-loader',
          },
        ],
      },
    ],
  },
  plugins: [new VueLoaderPlugin()],
};
```

### vue-cli 3.0

```js
// vue.config.js
module.exports = {
  chainWebpack: config => {
    config.resolve.extensions.merge(['.md']);

    config.module
      .rule('md')
      .test(/\.md$/)
      .use('vue-loader')
      .loader('vue-loader')
      .end()
      .use('@void/vue-markdown-loader')
      .loader('@void/vue-markdown-loader')
      .end();
  },
};
```
npm package: @huijing/docusaurus-theme-kosong
Description: No CSS dependencies theme for Docusaurus 2
Latest version: 0.9.4

# Docusaurus Theme Kosong

No external CSS dependencies and minimal classes theme for Docusaurus 2. No blog just docs.

## Installation

Add `huijing/docusaurus-theme-kosong` to your package:

```bash
npm i @huijing/docusaurus-theme-kosong
# or
yarn add @huijing/docusaurus-theme-kosong
```

Modify your `docusaurus.config.js`:

```diff
module.exports = {
  ...
+ themes: ['@huijing/docusaurus-theme-kosong'],
  ...
}
```

## Swizzling components

```shell
$ npm swizzle @huijing/docusaurus-theme-kosong [component name]
```

All components used by this theme can be found [here](https://github.com/facebook/docusaurus/tree/master/packages/docusaurus-theme-classic/src/theme)
npm package: @huin-core/react-accessible-icon
Description: ## Installation
Latest version: 1.0.5

# `react-accessible-icon`

## Installation

```sh
$ yarn add @huin-core/react-accessible-icon
# or
$ npm install @huin-core/react-accessible-icon
```

## Usage

View docs [here](https://huinhub.com/primitives/docs/utilities/accessible-icon).
npm package: @huin-core/react-aspect-ratio
Description: ## Installation
Latest version: 1.0.5

# `react-aspect-ratio`

## Installation

```sh
$ yarn add @huin-core/react-aspect-ratio
# or
$ npm install @huin-core/react-aspect-ratio
```

## Usage

View docs [here](https://huinhub.com/primitives/docs/utilities/aspect-ratio).
npm package: @huin-core/react-breadcrumb
Description: ## Installation
Latest version: 1.0.6

# `react-breadcrumb`

## Installation

```sh
$ yarn add @huin-core/react-breadcrumb
# or
$ npm install @huin-core/react-breadcrumb
```

## Usage

View docs [here](https://huinhub.com/primitives/docs/components/breadcrumb).
npm package: @huin-core/react-collapsible
Description: ## Installation
Latest version: 1.0.5

# `react-collapsible`

## Installation

```sh
$ yarn add @huin-core/react-collapsible
# or
$ npm install @huin-core/react-collapsible
```

## Usage

View docs [here](https://huinhub.com/primitives/docs/components/collapsible).
npm package: @huin-core/react-context-menu
Description: ## Installation
Latest version: 1.0.5

# `react-context-menu`

## Installation

```sh
$ yarn add @huin-core/react-context-menu
# or
$ npm install @huin-core/react-context-menu
```

## Usage

View docs [here](https://huinhub.com/primitives/docs/components/context-menu).
npm package: @huin-core/react-dropdown-menu
Description: ## Installation
Latest version: 1.0.5

# `react-dropdown-menu`

## Installation

```sh
$ yarn add @huin-core/react-dropdown-menu
# or
$ npm install @huin-core/react-dropdown-menu
```

## Usage

View docs [here](https://huinhub.com/primitives/docs/components/dropdown-menu).
npm package: @huin-core/react-hover-card
Description: ## Installation
Latest version: 1.0.5

# `react-hover-card`

## Installation

```sh
$ yarn add @huin-core/react-hover-card
# or
$ npm install @huin-core/react-hover-card
```

## Usage

View docs [here](https://huinhub.com/primitives/docs/components/hover-card).
npm package: @huin-core/react-menubar
Description: ## Installation
Latest version: 1.0.7

# `react-menubar`

## Installation

```sh
$ yarn add @huin-core/react-menubar
# or
$ npm install @huin-core/react-menubar
```

## Usage

View docs [here](https://huinhub.com/primitives/docs/components/menubar).
npm package: @huin-core/react-navigation-menu
Description: ## Installation
Latest version: 1.0.5

# `react-navigation-menu`

## Installation

```sh
$ yarn add @huin-core/react-navigation-menu
# or
$ npm install @huin-core/react-navigation-menu
```

## Usage

View docs [here](https://huinhub.com/primitives/docs/components/navigation-menu).
npm package: @huin-core/react-popover
Description: ## Installation
Latest version: 1.0.5

# `react-popover`

## Installation

```sh
$ yarn add @huin-core/react-popover
# or
$ npm install @huin-core/react-popover
```

## Usage

View docs [here](https://huinhub.com/primitives/docs/components/popover).
npm package: @huin-core/react-radio-group
Description: ## Installation
Latest version: 1.0.5

# `react-radio-group`

## Installation

```sh
$ yarn add @huin-core/react-radio-group
# or
$ npm install @huin-core/react-radio-group
```

## Usage

View docs [here](https://huinhub.com/primitives/docs/components/radio-group).
npm package: @huin-core/react-scroll-area
Description: ## Installation
Latest version: 1.0.5

# `react-scroll-area`

## Installation

```sh
$ yarn add @huin-core/react-scroll-area
# or
$ npm install @huin-core/react-scroll-area
```

## Usage

View docs [here](https://huinhub.com/primitives/docs/components/scrollbar).
npm package: @huin-core/react-toggle-group
Description: ## Installation
Latest version: 1.0.5

# `react-toggle-group`

## Installation

```sh
$ yarn add @huin-core/react-toggle-group
# or
$ npm install @huin-core/react-toggle-group
```

## Usage

View docs [here](https://huinhub.com/primitives/docs/components/toggle-group).
npm package: @huin-core/react-use-callback-ref
Description: ## Installation
Latest version: 1.0.5

# `react-use-callback-ref`

## Installation

```sh
$ yarn add @huin-core/react-use-callback-ref
# or
$ npm install @huin-core/react-use-callback-ref
```

## Usage

This is an internal utility, not intended for public usage.
npm package: @huin-core/react-use-controllable-state
Description: ## Installation
Latest version: 1.0.5

# `react-use-controllable-state`

## Installation

```sh
$ yarn add @huin-core/react-use-controllable-state
# or
$ npm install @huin-core/react-use-controllable-state
```

## Usage

This is an internal utility, not intended for public usage.
npm package: @huin-core/react-use-escape-keydown
Description: ## Installation
Latest version: 1.0.5

# `react-use-escape-keydown`

## Installation

```sh
$ yarn add @huin-core/react-use-escape-keydown
# or
$ npm install @huin-core/react-use-escape-keydown
```

## Usage

This is an internal utility, not intended for public usage.
npm package: @huin-core/react-use-layout-effect
Description: ## Installation
Latest version: 1.0.5

# `react-use-layout-effect`

## Installation

```sh
$ yarn add @huin-core/react-use-layout-effect
# or
$ npm install @huin-core/react-use-layout-effect
```

## Usage

This is an internal utility, not intended for public usage.
npm package: @huiping0521/touchemulator
Description: Emulate touch input on your desktop.
Author: Jorik Tangelder
Latest version: 1.0.1

Touch Emulator
========

Emulate multi-touch input on your desktop. Triggers touch events as
[specified by W3C](http://www.w3.org/TR/touch-events). Press the `shift` key to pinch and rotate!

- [Example with Hammer.js](http://rawgit.com/hammerjs/touchemulator/master/tests/manual/hammer.html)
- [Example with Leaflet Maps](http://rawgit.com/hammerjs/touchemulator/master/tests/manual/leaflet.html)
- [View webpage](http://hammerjs.github.io/touch-emulator)

## Install
Download the script from this repo, via Bower:

```bash
bower install hammer-touchemulator
```

or NPM:

```bash
npm install hammer-touchemulator
```

## How to use
Include the javascript file, and call the `Emulator()` function before any other libraries that do something with the 
touch input. It will set some fake properties to spoof the touch detection of some libraries, and triggers `touchstart`, `touchmove` and `touchend` events on the mouse target.
 
````html
<script src="touch-emulator.js"></script>
<script> TouchEmulator(); </script>
````

````js
function log(ev) {
 console.log(ev);
}

document.body.addEventListener('touchstart', log, false);
document.body.addEventListener('touchmove', log, false);
document.body.addEventListener('touchend', log, false);
````

Also, the script includes polyfills for `document.createTouch` and `document.createTouchList`.

## How it works
It listens to the `mousedown`, `mousemove` and `mouseup` events, and translates them to touch events. If the mouseevent
has the `shiftKey` property to `true`, it enables multi-touch. 

The script also prevents the following mouse events on the page: 
`mousedown`, `mouseenter`, `mouseleave`, `mousemove`, `mouseout`, `mouseover` and `mouseup`.

## Web platform tests
The script has been tested with the [w3c web platform tests](/tests/web-platform-tests/touch-events) and passes all tests,  except these;
- *assert_true: event is a TouchEvent event expected true got false*
  - We trigger an event of the type `Event`
- *assert_equals: touch list is of type TouchList expected "[object TouchList]" but got "[object Array]"*
- *assert_equals: touch is of type Touch expected "[object Touch]" but got "[object Object]"*

## Bookmarklet
````js
javascript:!function(a){var b=a.createElement("script");b.onload=function(){TouchEmulator()},b.src="//cdn.rawgit.com/hammerjs/touchemulator/0.0.2/touch-emulator.js",a.body.appendChild(b)}(document);
````

## Options
#### TouchEmulator.template = Function(touch)
Change the css properties of the rendered touches.

#### TouchEmulator.multiTouchOffset = 75
The distance between the two touch points when entering the *multi-touch zone*.
npm package: @huiqinghuang/videocut-cli
Description: Video clipping CLI tool for podcast videos
Author: sunnyswag
Latest version: 1.0.4

# videocut CLI

`videocut` is a command-line tool for talking-head video workflows. It handles transcription, subtitle structuring, human-readable review output, edit application, review UI hosting, and final cutting based on approved delete segments.

## Installation

```bash
npm install -g @huiqinghuang/videocut-cli
```

After installation, verify that the command is available:

```bash
videocut --help
```

## Requirements

- Node.js 18+
- FFmpeg
- Volcengine speech transcription API key: `VOLCENGINE_API_KEY`

Example:

```bash
export VOLCENGINE_API_KEY="your_api_key"
```

## Commands

```bash
videocut transcribe <video> -o <output-dir> [--hotwords <hotwords.txt>]
videocut generate-subtitles <volcengine-result.json> -o <subtitles.json>
videocut generate-readable <subtitles.json> -o <readable.txt>
videocut apply-edits <subtitles.json> <edits.json> -o <subtitles-edited.json>
videocut review-server 8899 --path <project-or-output-root>
videocut cut <video> <delete-segments.json> -o <output-video>
```

## Typical Workflow

```bash
# 1. Transcribe the video
videocut transcribe input.mp4 -o output/demo --hotwords hotwords.txt

# 2. Build the subtitle structure
videocut generate-subtitles output/demo/1_transcribe/volcengine_result.json

# 3. Generate readable review text for AI or human review
videocut generate-readable output/demo/common/subtitles_words.json -o output/demo/2_analysis/readable.txt

# 4. Apply edits from edits.json back to the structured subtitles
videocut apply-edits output/demo/common/subtitles_words.json output/demo/2_analysis/edits.json

# 5. Start the review server
videocut review-server 8899 --path output/demo
```

### Hotwords File

Use a plain text file with one term per line:

```txt
container_of
offsetof
list_entry
GitHub
Gist
```

If `--hotwords` is provided, the list is submitted to Volcengine ASR and also recorded to `1_transcribe/hotwords_used.json`.

## Related Project

- Skills repository: `videocut-skill`
- Repository: [https://github.com/sunnyswag/videocut](https://github.com/sunnyswag/videocut)
npm package: @huiquan.d/gatsby-transformer-xml
Description: gatsby,plugins,xml,transformer
Author: denghuiquan
Latest version: 0.0.1

# gatsby-transformer-xml

Project Url: [https://github.com/denghuiquan/gatsby-transformer-xml](https://github.com/denghuiquan/gatsby-transformer-xml)


Source plugin for Gatsby to transformer  xml content from the gatsby-source-filesystem to javascript object. And save then to the graphql data level.

### A gatsby-config.js example:

```js
module.exports = {
  plugins: ['gatsby-transformer-xml']
}

```
npm package: @huiquan.d/githubremotecreate
Description: Project Url: [https://github.com/denghuiquan/githubremotecreate](https://github.com/denghuiquan/githubremotecreate)
Author: denghuiquan@qq.com
Latest version: 0.1.0

# githubremotecreate

Project Url: [https://github.com/denghuiquan/githubremotecreate](https://github.com/denghuiquan/githubremotecreate)

# githubremotecreate-cli

Project Url: [https://github.com/denghuiquan/githubremotecreate-cli](https://github.com/denghuiquan/githubremotecreate-cli)

目录
- 1. **步骤**
- 2. **运行结果对比**
- 3. **一些问题**
- 4. **补充一些git命令**
  - 4.1 新建一个文件，并写入
  - 4.2 添加到暂存区
  - 4.3 提交到本地仓库
  - 4.2 提交到远程仓库

> **背景**：在使用github时，发现若是在本地终端要创建github仓库，每次都要进入到 github主页，或者使用github cli很不方便。
话不多说，直接开始。


1. 步骤
    环境：
   - 我的github用户名：denghuiquan
   - github token：网上有很多教程，不细讲。可以参考此链接：[Creating a personal access token](https://docs.github.com/cn/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token)

系统配置的`~/.gitconfig` 配置`name` 和 `token`

```ini
[user]
	name = denghuiquan
	email = 980352129@qq.com
	token = ghp_E**********************p4v
```
你只需要把name、token 换成你的github用户名和对应的access—token（注意共有两处）就可以了。

或者把token配置到项目根目录下的： `.token.ini`
```
[Github]
access_token = ghp_E**********************p4v
```
如果采用这种局部配置的方式，为避免用户access-token泄露，记得在.gitignore文件中添加一行内容为`.token.ini`，用于忽律该文件，不把它传到git仓库中。

准备工作做好后，就可以开始了。

好啦，现在就可以愉快地一键部署github仓库了。

2. 运行结果对比
    运行githubremotecreate-cli前提示确保远端有仓库

    我们打开终端，创建新的文件夹后开始执行githubremotecreate-cli命令
    按照提示完成配置过后，就会创建出相应的远端仓库，并尝试添加到当前目录的git config中作为remote origin url 

    运行github-create后

    我们先看看本地，创建了一个以该目录命名的repository，如果当前目录不存在README.md文件则创建，若存在则把项目名跟远端仓库地址记录到其中。

    接下来我们进入到github网页中查看，刷新可以看到多了一个当前创建的仓库

1. 好了，本教程到这里就结束了。

    现在就可以愉快地在终端一键部署github repository了😝

4. 补充一些git命令
- 4.1 新建一个文件，并写入
    touch hello.txt
    echo "hello world\!" >> hello.txt
- 4.2 添加到暂存区
    git add hello.txt
- 4.3 提交到本地仓库
    git commit -m "add hello.txt"
- 4.2 提交到远程仓库
    git push origin master
npm package: @huise513/guide
Description: user guide
Author: huise513
Latest version: 0.1.17

# @huise513/guide
### a user guide lib
## Usage

```sh
npm install @huise513/guide
```

```html
<div data-guide="step1"></div>
<div data-guide="step60"></div>
<div data-guide="step90"></div>
```

```js
import  { createGuide } from  '@huise513/guide';
import '@huise513/guide/dist/style.css'
const guide = createGuide({
  theme: 'default', //主题 default | dark
  flag: 'data-guide',
  props: { // 所有属性支持在step中配置
    targetClickEnable: false, //目标区域是否可以点击 
    clickTargetNext: false, //点击目标区域自动执行下一步, targetClickEnable需为true
    scrollToTarget: true, //滚动到目标区域
    showTooltip: true, //是否显示提示框
    showOperation: true, //是否显示操作按钮
    showSkip: true, //是否显示跳过
    showNextBtn: true, //是否显示下一步
    showPrevBtn: true, //是否显示上一步
    showCompleteBtn: true, //是否完成
    nextText: '下一步', //下一步按钮文案
    prevText: '上一步', //上一步按钮文案
    skipText: '跳过', //跳过按钮文案 最后一步之前都展示
    completeText: '完成', //完成按钮文案 只会在最后一步展示
    autoNext: false, //是否自动下一步
    autoNextTime: 5, //自动下一步等待时间(秒)
    position: 'top', //引导展示位置top/bottom/left/right 默认根据位置自动选择 
  },
  events: {
    onInit() {
      console.log('global onInit');
    },
    onStart() {
      console.log('global onStart');
    },
    beforeStart(next) {
      console.log('global beforeStart');
      next();
    },
    beforeSkip(next) {
      console.log('global beforeSkip');
      next();
    },
    beforeComplete(next) {
      console.log('global beforeComplete');
      next();
    },
    beforeEnter(next) {
      console.log('global beforeEnter');
      next();
    },
    beforeNext(next: Function) {
      console.log('global beforeNext');
      next();
    },
    beforePrev(prev: Function) {
      console.log('global beforePrev');
      prev();
    },
    afterEnter() {
      console.log('global afterEnter');
    },
    onSkip() {
      console.log('global onSkip');
    },
    onComplete() {
      console.log('global onComplete');
    },
    onExit() {
      console.log('global exit');
    }
  },
  steps: [
    {
      tip: `欢迎你Guide
          你好
            你好  
              开始`,
      beforeNext(next: Function) {
        console.log('beforeNext');
        next()
      },
      beforeEnter(next: Function) {
        console.log('beforeEnter');
        next();
      },
      afterEnter() {
        console.log('afterEnter');
      },
    },
    {
      id: 'step1',
      tip: '<div style="color: red;">html</div>',
      beforePrev(prev: Function) {
        console.log('beforePrev'); prev()
      },
    },
    {
      id: 'step60',
      tip: '提示文案60',
      position: 'left',
    },
    {
      id: () => document.querySelector('[data-guide="step90"]'),
      tip: '提示文案90',
    },
    {
      id: 'step40',
      tip: '提示文案40',
    }
  ],
})
// wait DomTree render complete
guide.start();
```

ps: 完整选项请查看源码
npm package: @huiserwang/hexo-disable-pages
Description: delete some pages you do not show to public
Author: huiserwang
Latest version: 0.0.1

# Hexo Disable Pages

### Function/功能
 - 会自动在 `hexo g` 生成后的public目录中再删除一些目录，用来屏蔽外界访问，如不想要 `public/tags`目录，则填入["tags"]
  
 - This script will delete some directories and pages that are unaccessible to public after generating your website via `hexo generate`.

``` yaml
# example:
# put this into your _config.yaml in the root of your project

disable_pages_cfg:
  dirs: ["archives", 'posts/Page_*', 'posts/Pub_*']
```
npm package: @huisiyu/hsy-craco
Description: 可复用的 webpack 5 模块打包器
Author: huisiyu
Latest version: 0.1.5

# hsy-craco
基于webpack 5 封装的自动化构建工作流

# 安装
```bash
yarn add @huisiyu/hssy-craco -D
```

# 使用
- 开发模式下：hsy-craco start
- 生产模式下：hsy-craco build

# 注意事项
根目录下必须有src目录，src下面index.js文件为入口js文件

# 自定义配置
- 项目根目录下创建hsycraco.config.js文件

```javascript
module.exports = {
    devServer: {
        open: true,
        port:3333,
        proxy: {
            "/*": "http://www.baidu.com/"
        }
    },
}
```
npm package: @huisiyu/react-modal
Description: 基于typescript + react hook 封装的可拖动弹框Modal
Author: 惠思雨
Latest version: 0.1.1

# Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\
You will also see any lint errors in the console.

### `yarn test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `yarn build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `yarn eject`

**Note: this is a one-way operation. Once you `eject`, you can’t go back!**

If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).
npm package: @huiwei-form/ant-design-vue
Description: ant-design-vue动态表单|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 2
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/ant-design-vue
**form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**

form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.

> form-create ant-design-vue 动态表单组件
>
> form-create ant-design-vue Dynamic form component

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/ant-design-vue/)

[开源的vue表单设计器组件](https://github.com/xaboy/form-create-designer) ([功能演示](http://huiwei.tech/designer?fr=fc))

- **预览**

![demo1](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live3.gif)


- **操作表单**

![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live2.gif)

- **`group` 组件**

![demo3](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-group.gif)

- **`control` 配置项**

![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live4.gif)
npm package: @huiwei-form/arco-design
Description: arco-design动态表单|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 k
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/arco-design
**form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**

form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.

> form-create arco-design 动态表单组件
>
> form-create arco-design Dynamic form component

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/arco-design/)

[开源的vue表单设计器组件](https://github.com/xaboy/form-create-designer) ([功能演示](http://huiwei.tech/designer?fr=fc))

- **预览**

![demo1](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live3.gif)


- **操作表单**

![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live2.gif)

- **`group` 组件**

![demo3](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-group.gif)

- **`control` 配置项**

![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live4.gif)
npm package: @huiwei-form/component-antdv-frame
Description: @huiwei-form/ant-design-vue 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-antdv-frame

@huiwei-form/ant-design-vue 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-antdv-group
Description: @huiwei-form/ant-design-vue 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-antdv-group

@huiwei-form/ant-design-vue 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-antdv-upload
Description: @huiwei-form/ant-design-vue 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-antdv-upload

@huiwei-form/ant-design-vue 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-arco-checkbox
Description: @huiwei-form/arco-design 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-arco-checkbox

@huiwei-form/arco-design 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-arco-frame
Description: @huiwei-form/arco-design 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-arco-frame

@huiwei-form/arco-design 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-arco-group
Description: @huiwei-form/arco-design 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-arco-group

@huiwei-form/arco-design 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-arco-radio
Description: @huiwei-form/arco-design 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-arco-radio

@huiwei-form/arco-design 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-arco-upload
Description: @huiwei-form/arco-design 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-arco-upload

@huiwei-form/arco-design 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-elm-checkbox
Description: @huiwei-form/element-ui 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-elm-checkbox

@huiwei-form/element-ui 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-elm-frame
Description: @huiwei-form/element-ui 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-elm-frame

@huiwei-form/element-ui 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-elm-group
Description: @huiwei-form/element-ui 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-elm-group

@huiwei-form/element-ui 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-elm-radio
Description: @huiwei-form/element-ui 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-elm-radio

@huiwei-form/element-ui 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-elm-select
Description: @huiwei-form/element-ui 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-elm-select

@huiwei-form/element-ui 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-elm-tree
Description: @huiwei-form/element-ui 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-elm-tree

@huiwei-form/element-ui 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-elm-upload
Description: @huiwei-form/element-ui 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-elm-upload

@huiwei-form/element-ui 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-naive-checkbox
Description: @huiwei-form/naive-ui 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-naive-checkbox

@huiwei-form/naive-ui 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-naive-frame
Description: @huiwei-form/naive-ui 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-naive-frame

@huiwei-form/naive-ui 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-naive-group
Description: @huiwei-form/naive 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-naive-group

@huiwei-form/naive-ui 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-naive-radio
Description: @huiwei-form/naive-ui 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-naive-radio

@huiwei-form/naive-ui 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-naive-upload
Description: @huiwei-form/naive-ui 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-naive-upload

@huiwei-form/naive-ui 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-subform
Description: @huiwei-form 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-subform

@huiwei-form 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-tdesign-frame
Description: @huiwei-form/tdesign 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-tdesign-frame

@huiwei-form/tdesign 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-tdesign-group
Description: @huiwei-form/tdesign 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-tdesign-group

@huiwei-form/tdesign 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-tdesign-upload
Description: @huiwei-form/tdesign 内置组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-arco-radio

@huiwei-form/arco-design 内置组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)
npm package: @huiwei-form/component-wangeditor
Description: @huiwei-form 富文本组件
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/component-wangeditor

@huiwei-form 富文本组件

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/) | [Document](http://huiwei.tech/v3/)


props

| 属性            | 类型  | 说明                                  |
| -------------- | --------  | ------------------------------ |
| v-model       |  string   | 富文本内容 |
| init         |  Function | 初始化 wangEditor |
| disabled   |  boolean   | 禁用富文本组件 |
npm package: @huiwei-form/core
Description: vue动态表单,助你轻松搞定表单|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/core
**form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**

form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3) | [Document](http://huiwei.tech/v3)

[开源的vue表单设计器组件](https://github.com/xaboy/form-create-designer) ([功能演示](http://huiwei.tech/designer?fr=fc))

- **预览**

![demo1](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live3.gif)


- **操作表单**

![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live2.gif)

- **`group` 组件**

![demo3](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-group.gif)

- **`control` 配置项**

![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live4.gif)
npm package: @huiwei-form/element-ui
Description: element-ui动态表单|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 ki
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/element-ui
**form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**

form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.

> form-create element-ui 动态表单组件
>
> form-create element-ui Dynamic form component

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/element-ui/)

[开源的vue表单设计器组件](https://github.com/xaboy/form-create-designer) ([功能演示](http://huiwei.tech/designer?fr=fc))

- **预览**

![demo1](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live3.gif)


- **操作表单**

![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live2.gif)

- **`group` 组件**

![demo3](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-group.gif)

- **`control` 配置项**

![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live4.gif)
npm package: @huiwei-form/naive-ui
Description: naive-ui动态表单|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 kind
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/naive-ui
**form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**

form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.

> form-create naive-ui 动态表单组件
>
> form-create naive-ui Dynamic form component

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/naive-ui/)

[开源的vue表单设计器组件](https://github.com/xaboy/form-create-designer) ([功能演示](http://huiwei.tech/designer?fr=fc))

- **预览**

![demo1](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live3.gif)


- **操作表单**

![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live2.gif)

- **`group` 组件**

![demo3](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-group.gif)

- **`control` 配置项**

![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live4.gif)
npm package: @huiwei-form/tdesign
Description: tdesign动态表单|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/tdesign
**form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**

form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.

> form-create tdesign 动态表单组件
>
> form-create tdesign Dynamic form component

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/tdesign/)

[开源的vue表单设计器组件](https://github.com/xaboy/form-create-designer) ([功能演示](http://huiwei.tech/designer?fr=fc))

- **预览**

![demo1](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live3.gif)


- **操作表单**

![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live2.gif)

- **`group` 组件**

![demo3](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-group.gif)

- **`control` 配置项**

![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live4.gif)
npm package: @huiwei-form/utils
Description: **form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**
Author: huiwei-form
Latest version: 4.1.2

# @huiwei-form/utils
**form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**

form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v2) | [Document](http://huiwei.tech/en/v2)


- **预览**

![demo1](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live3.gif)


- **操作表单**

![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live2.gif)

- **`group` 组件**

![demo3](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-group.gif)

- **`control` 配置项**

![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live4.gif)
npm package: @huiweitech/ant-design-vue
Description: ant-design-vue动态表单|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 2
Author: huiweitech
Latest version: 4.1.3

# @huiwei-form/ant-design-vue
**form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持5个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**

form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 5 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.

> form-create ant-design-vue 动态表单组件
>
> form-create ant-design-vue Dynamic form component

[GitHub](https://github.com/xaboy/form-create) | [文档](http://huiwei.tech/v3/ant-design-vue/)

[开源的vue表单设计器组件](https://github.com/xaboy/form-create-designer) ([功能演示](http://huiwei.tech/designer?fr=fc))

- **预览**

![demo1](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live3.gif)


- **操作表单**

![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live2.gif)

- **`group` 组件**

![demo3](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-group.gif)

- **`control` 配置项**

![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live4.gif)