# cyc-form
> cyclone-表单解析器
Latest version **1.6.7** (published 2022-07-19) · 0 weekly downloads
## Install
```sh
npm install cyc-form
pnpm add cyc-form
yarn add cyc-form
bun add cyc-form
```
## Health
**Score 15/100 (F)** — status: abandoned.
Positive: no vulnerabilities.
Warnings: low downloads; no types; no esm support.
Negative: abandoned; low maintenance score.
## Facts
| | |
|---|---|
| Version | 1.6.7 |
| Published | 2022-07-19 |
| First published | 2022-02-23 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 62 |
| Unpacked size | 856.7 KB |
| Known vulnerabilities | 0 (+23 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | qq395511845 |
## Links
- npm: https://www.npmjs.com/package/cyc-form
- npm.io page: https://npm.io/package/cyc-form
## Dependencies (62)
- [bfj](https://npm.io/package/bfj.md) ^7.0.2
- [antd](https://npm.io/package/antd.md) ^4.18.8
- [jest](https://npm.io/package/jest.md) ^27.4.3
- [less](https://npm.io/package/less.md) ^4.1.2
- [axios](https://npm.io/package/axios.md) ^0.26.0
- [react](https://npm.io/package/react.md) ^17.0.2
- [dotenv](https://npm.io/package/dotenv.md) ^10.0.0
- [eslint](https://npm.io/package/eslint.md) ^8.3.0
- [moment](https://npm.io/package/moment.md) ^2.29.1
- [semver](https://npm.io/package/semver.md) ^7.3.5
- [i18next](https://npm.io/package/i18next.md) ^21.6.16
- [postcss](https://npm.io/package/postcss.md) ^8.4.4
- [prompts](https://npm.io/package/prompts.md) ^2.4.2
- [resolve](https://npm.io/package/resolve.md) ^1.20.0
- [cyc-form](https://npm.io/package/cyc-form.md) 0.1.0
- [fs-extra](https://npm.io/package/fs-extra.md) ^10.0.0
- [jsonpath](https://npm.io/package/jsonpath.md) ^1.1.1
- [camelcase](https://npm.io/package/camelcase.md) ^6.2.1
- [copyfiles](https://npm.io/package/copyfiles.md) ^2.4.1
- [node-less](https://npm.io/package/node-less.md) ^1.0.0
- [react-dom](https://npm.io/package/react-dom.md) ^17.0.2
- [typescript](https://npm.io/package/typescript.md) ^4.5.5
- [web-vitals](https://npm.io/package/web-vitals.md) ^2.1.4
- [file-loader](https://npm.io/package/file-loader.md) ^6.2.0
- [less-loader](https://npm.io/package/less-loader.md) ^10.2.0
- [sass-loader](https://npm.io/package/sass-loader.md) ^12.3.0
- [tailwindcss](https://npm.io/package/tailwindcss.md) ^3.0.2
- [browserslist](https://npm.io/package/browserslist.md) ^4.18.1
- [jest-resolve](https://npm.io/package/jest-resolve.md) ^27.4.2
- [@svgr/webpack](https://npm.io/package/@svgr/webpack.md) ^5.5.0
- [dotenv-expand](https://npm.io/package/dotenv-expand.md) ^5.1.0
- [react-i18next](https://npm.io/package/react-i18next.md) ^11.15.5
- [react-refresh](https://npm.io/package/react-refresh.md) ^0.11.0
- [postcss-loader](https://npm.io/package/postcss-loader.md) ^6.2.1
- [react-dev-utils](https://npm.io/package/react-dev-utils.md) ^12.0.0
- [@ant-design/icons](https://npm.io/package/@ant-design/icons.md) ^4.7.0
- [postcss-normalize](https://npm.io/package/postcss-normalize.md) ^10.0.1
- [source-map-loader](https://npm.io/package/source-map-loader.md) ^3.0.0
- [identity-obj-proxy](https://npm.io/package/identity-obj-proxy.md) ^3.0.0
- [postcss-preset-env](https://npm.io/package/postcss-preset-env.md) ^7.0.1
- [react-app-polyfill](https://npm.io/package/react-app-polyfill.md) ^3.0.0
- [resolve-url-loader](https://npm.io/package/resolve-url-loader.md) ^4.0.0
- [rollup-plugin-copy](https://npm.io/package/rollup-plugin-copy.md) ^3.4.0
- [copy-webpack-plugin](https://npm.io/package/copy-webpack-plugin.md) ^11.0.0
- [i18next-xhr-backend](https://npm.io/package/i18next-xhr-backend.md) ^3.2.2
- [jest-watch-typeahead](https://npm.io/package/jest-watch-typeahead.md) ^1.0.0
- [eslint-webpack-plugin](https://npm.io/package/eslint-webpack-plugin.md) ^3.1.1
- [rollup-plugin-postcss](https://npm.io/package/rollup-plugin-postcss.md) ^4.0.2
- [terser-webpack-plugin](https://npm.io/package/terser-webpack-plugin.md) ^5.2.5
- [@testing-library/react](https://npm.io/package/@testing-library/react.md) ^12.1.3
- [postcss-flexbugs-fixes](https://npm.io/package/postcss-flexbugs-fixes.md) ^5.0.2
- [workbox-webpack-plugin](https://npm.io/package/workbox-webpack-plugin.md) ^6.4.1
- [@rollup/plugin-commonjs](https://npm.io/package/@rollup/plugin-commonjs.md) ^21.0.1
- [eslint-config-react-app](https://npm.io/package/eslint-config-react-app.md) ^7.0.0
- [mini-css-extract-plugin](https://npm.io/package/mini-css-extract-plugin.md) ^2.4.5
- [webpack-manifest-plugin](https://npm.io/package/webpack-manifest-plugin.md) ^4.0.2
- [rollup-plugin-visualizer](https://npm.io/package/rollup-plugin-visualizer.md) ^5.5.4
- [@testing-library/jest-dom](https://npm.io/package/@testing-library/jest-dom.md) ^5.16.2
- [@testing-library/user-event](https://npm.io/package/@testing-library/user-event.md) ^13.5.0
- [css-minimizer-webpack-plugin](https://npm.io/package/css-minimizer-webpack-plugin.md) ^3.2.0
- [case-sensitive-paths-webpack-plugin](https://npm.io/package/case-sensitive-paths-webpack-plugin.md) ^2.4.0
- [@pmmmwh/react-refresh-webpack-plugin](https://npm.io/package/@pmmmwh/react-refresh-webpack-plugin.md) ^0.5.3
## Recent versions
- 1.6.7 (latest) — 2022-07-19
- 1.6.6 — 2022-07-14
- 1.6.5 — 2022-06-21
- 1.6.4 — 2022-06-10
- 1.6.3 — 2022-06-09
- 1.6.2 — 2022-04-27
- 1.6.1 — 2022-04-27
- 1.6.0 — 2022-04-27
- 1.1.0 — 2022-02-24
- 1.0.1 — 2022-02-24
- 1.0.0 — 2022-02-24
- 0.1.1 — 2022-02-24
- 0.1.0 — 2022-02-23
## README
import React, {useEffect, useState} from 'react';
import { Button } from 'antd';
import FormIndex from './FormIndex';
import { recursionGetItem, handleFormSubData } from './utils'
const data = {}
const isDisable = false // 是否全部禁用
export default function App() {
const [rightSubmit, setRightSubmit] = useState('') //拿到按钮的文字
const [formRef, setFormRef] = useState('') //from 实例
const onClick = () => {
if (formRef) {
formRef.current
.validateFields()
.then((values) => {
if (values) {
let keys = Object.keys(values)
let result = []
for (let item of keys) {
recursionGetItem(
JSON.parse(
data.definition
).pages.find(
(it) => it.isHome
).designContent,
item,
result
)
}
let formSubData = handleFormSubData(
keys,
result,
values
)
console.log(formSubData)
} else {
console.log('验证未通过，获取失败?' )
return
}
})
}
}
return <>
}
---
_Source: https://npm.io/package/cyc-form · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._