https://github.com/gjc9620/dino-form

🤪React form solution! Use it to reduce duplicate code!🚀
https://github.com/gjc9620/dino-form

ant-design antd form react

Last synced: 7 days ago
JSON representation

🤪React form solution! Use it to reduce duplicate code!🚀

• Host: GitHub
• URL: https://github.com/gjc9620/dino-form
• Owner: gjc9620
• License: mit
• Created: 2019-01-14T09:17:47.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-26T04:59:40.000Z (about 2 years ago)
• Last Synced: 2024-12-30T04:43:25.709Z (about 1 month ago)
• Topics: ant-design, antd, form, react
• Language: JavaScript
• Homepage: https://codesandbox.io/s/23rl65mnzr
• Size: 1.79 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Dino-form

## Todo 

  getValue

#### DinoForm

* FromItem

* setFieldsValue

* setFullValues

* setFieldsError

* getFullValues

* getFieldsValue

* verify

* store

* dinoFormRef

//todo editing...

### DinoForm

parts      | Type    |     Describe | Example 

---        | ---     |    ---       | --- 

fragments   | `Object`       |    fragments       |  [Detail](#fragments)

groups       | `Object`     |    Can be delete or add item(s)| [Detail](#group)

subform       | `Object`     |    Nesting other dino-form       | [Detail](#subForms)

### fragments

parts      | Type    |     Describe | Example 

---        | ---     |    ---       | --- 

Com   | `Object`       |    Any Component        |  [example](https://github.com/gjc9620/dino-form/blob/master/examples/forms/Resume.jsx#L15)

### group

group      | Type    |     Describe | Example 

---        | ---     |    ---       | --- 

Com | `dino-form`       |   Will transform become group |  [example](https://github.com/gjc9620/dino-form/blob/master/examples/forms/Resume.jsx#L46)

field | `String`       |    Fields will become object key when collect form    |  [example](https://codesandbox.io/s/23rl65mnzr)

count | `Number`       |    Number of initializations       |  [example](https://codesandbox.io/s/23rl65mnzr)

formProps | `Boolean`       |    Com's props |  [example](https://codesandbox.io/s/23rl65mnzr)

needDrag | `Boolean`       |    Turn off(on) drag & drop       |  [example](https://codesandbox.io/s/23rl65mnzr)

clearMotions | `Function`       |    Reset all animation function  |  [example](https://codesandbox.io/s/23rl65mnzr)

pressedMotions | `Function`       |  Return Motion Object function       |  [example](https://codesandbox.io/s/23rl65mnzr)

notPressedMotions | `Function`       |    Return Motion Object function        |  [example](https://codesandbox.io/s/23rl65mnzr)

createStyle | `Function`       |   Apply Motion function    |  [example](https://codesandbox.io/s/23rl65mnzr)

#### subForms

parts      | Type    |     Describe | Example 

---        | ---     |    ---       | --- 

SubForms   | `Object`       |    dino-form        |  [example](https://github.com/gjc9620/dino-form/blob/master/examples/forms/Resume.jsx#L34)

field   | `Object`       |    field       |  [example](https://github.com/gjc9620/dino-form/blob/master/examples/forms/Resume.jsx#L34)

formProps   | `Object`       |   props       |  [example](https://github.com/gjc9620/dino-form/blob/master/examples/forms/Resume.jsx#L34)

#### CreateForm

```

  import createForm from 'dino-form';

  createForm(parts)(View)(Wrap)

```

#### Why?

#### What is Parts & View & Wrap?

### Drag && Drop

needDrag

###