form-create

# Update log

# 2.5.5 (2021-04-24)

  • Added removeField, removeRule events
  • Optimize the fetch method
  • Optimize change event
  • Fix the issue that the editor component disabled may fail
  • Perfect tpyescript

# 2.5.4 (2021-04-11)

  • Added parsing function strings generated by toJson at runtime
  • Optimize the toJson method
  • Optimize the pop-up display of element-ui
  • Fix the problem that the value of the group component may display an error
  • Fix the issue that option.global may be lost
  • Perfect tpyescript

# 2.5.3 (2021-04-05)

  • Added toJson method
  • Optimize effect triggering
  • Optimize the select component
  • Optimize info display
form-create-designer Vue form designer component open source

# 2.5.2 (2021-03-28)

  • Added fetch function
  • Optimize effect function
  • Optimized sub-form option inheritance
  • Optimized packaging
  • Optimized sub-form, group components
  • Optimized title display
  • Optimize typescript
  • Fix the issue of ant-design-vue layout failure

# 2.5.1 (2021-03-20)

  • Optimized built-in component slot configuration
  • Optimize frame, group, sub-form, select components
  • Optimize the value synchronization mechanism
  • Fix the problem that control may report errors
  • Optimize the reload mechanism
  • Fix the issue that the global configuration col is invalid
  • Added fapi added parent and children attributes
  • Added sync configuration item to support props synchronization
  • Optimize validate, validateField methods
  • Fix page failure problem
  • Optimize the form destruction mechanism
  • Optimization parameter injection
  • Optimize typescript

# 2.5.0 (2021-02-15) 🐮Year

  • Refactor the internal core code
  • Optimize the internal rendering mechanism
  • Optimize internal life cycle events
  • Refactor TypeScript
  • Added nextTick method to set callback after rendering
  • Added use method, similar to Vue
  • Added support for paging loading components to accelerate the rendering of the first screen
  • Added custom configuration item effect
  • Added support for modifying type
  • Added control to support configuration rule insertion position
  • Optimizing control will take effect if the conditions are met, the previous version can only take effect the first one
  • Added support for configuring prefix suffixes prefix, suffix for components
  • Added update configuration, triggered after value sends changes
  • Added the link configuration item, and the update of other rules is automatically triggered after the value changes
  • Added support for local mount custom command directive
  • Added support for wrap configuration item, configure FormItem
  • Added object component
  • Added support for custom title, info components
  • Added rich text component wangEditor
  • Added nativeEmit property to listen to native events through emit
  • Added native event support event injection
  • Added 'display' configuration item to control the display status of components
  • Support value.sync to get two-way binding formData
  • Optimization error message
  • Enhanced UI extension, component extension, parser extension, maker extension
  • Optimize the default form submit button
  • Optimize the style of group component
  • Refactor the group component
  • Added the coverValue method to set the form value by covering
  • Optimization Split the original updateRule into updateRule, mergeRule

Incompatible items

  • Remove the labelCol, wrapperCol configuration of ant-design-vue, and merge it into the wrap configuration item
  • After modifying the group component to define rule, the value type can be solved by defining props.field
  • Modify the updateRule method to remove the third parameter. Use mergeRule instead
  • Remove setParser, createParser method
  • Refactor TypeScript
  • Remove set value - events, merged into change
  • Modify on-reload event name for reload

# 1.0.20 (2020-10-29)

  • Optimization error message
  • Optimize the group component ʻexpand` configuration item
  • Optimized the problem that the upload component cannot be previewed when it is disabled #268
  • Fix the issue that the hidden configuration item may fail
  • Fix the problem that the hidden component cannot be reset
  • Fix maker.group method does not exist

# 1.0.19 (2020-09-11)

  • Add the expand attribute of the Group component to control the number of default open
  • Added monitoring of sub-form events through the Group component
    {
    type:'group',
    //...
    props: {
        rules: [
            {
                type: 'input',
                field: 'test',
                emit: ['change'],
                //...
            }   
        ]   
    },
    on: {
        ['test-change']: function () {
            //TODO input component change event
        }
    }
}
  • Fix the problem that the value of the Group component may not be synchronized
  • Fix the issue of invalid previewMask parameter of upload component
  • Optimize the triggering of emit event
  • Added emit-event event, triggered when there is emit

# 1.0.18 (2020-08-12)

  • Fix the problem that the Group component may have invalid assignment #240 (opens new window)
  • Fix the problem that the ElmentUI.Upload component may report an error #207 (opens new window)
  • Fix the issue that the emit event may be triggered twice
  • Update TypeScript

# 1.0.17 (2020-07-16)

  • Fix the issue that hidden may fail
  • Fix the problem that the group component may generate multiple additional groups
  • Fix the problem that control may fail
  • Fix the problem that datePicker, timePicker component formatValue may cause errors
  • The new frame component supports configuring whether the mask of the preview image popup window is displayed through previewMask
  • Optimize the $emit event
  • Optimization may report an error when the form is destroyed
  • Optimize loading timing of frame component helper method
  • Added support for setting class, style and other attributes of title
       let rule = {
      title:{
          class:'titleClass',
          style:'backgroundColor:red',
          title:'GoodsName'
      }  
      //title:'GoodsName'      
  }

# 1.0.16 (2020-06-17)

  • Fixed possible endless loop when rendering
  • Fixed the problem of modifying value of antd.switch component
  • Fixed antd.select placeholder not showing
  • Update TypeScript
  • Fixed the problem that the UI may not update when the value of the group component remove event is changed
  • Fixed the issue that frame component preview may not display properly
  • The new group component supports control button hidden button capitalization and custom buttons,
    • props fontSize,button,
    • slot button,default

# 1.0.15 (2020-05-31)

  • Optimize the parseJson andtoJson methods to avoid wrong parsingfunction
  • Optimize the deep copy of the generation rules
  • Optimize the subforms generated by the group component to automatically follow the configuration of the parent form
  • Added thecontrol.handle method Add the second parameter $f
  • Addedframe component support reload, okBtn, closeBtn configuration,form_create_helper added onOk,onClose method can set page close callback event
  • refactoring frame The pop-up box of the upload component removes the original modal
  • fixes the possibility of an endless loop in the preview of the upload
  • fixes the problem that the verification of the group component may not pass
  • fixes the problem of missing rules in toJson
  • fixes the global configuration labelCol, wrapperCol does not take effect
  • fixhidden component may render problem

# 1.0.14 (2020-05-14)

  • Optimized frame componentvalue type
  • fix frame component cannot be closed properly undersafari browser

# 1.0.13 (2020-05-11)

  • Optimized the methods of $f.append and$f.prepend
  • Modify the built-in copyRule method
  • Optimize the conditions of automatic copy generation rules
  • Support to control whether to automatically generate col,row components and set class

# 1.0.12 (2020-04-30)

  • Fixed the error reported by fragment component during partial mounting
  • Fix the problem that removeField may be invalid
  • Added formData $f.form for two-way data binding
  • Added control event, triggered whencontrol takes effect or is removed

# 1.0.11 (2020-04-21)

  • Remove the multi-line style of ElementUI label
  • Fixed ts vue.use (formCreate) type error issue #196
  • Added maker instance and addedinject,model method
  • Added built-in fragment component
  • Fixed the issue that the second appended attribute of maker does not take effect
  • Support ant-design-vue Doc
    npm i @form-create/ant-design-vue@^2.5

# 1.0.10 (2020-04-18)

  • Fix the problem that the timePicker component cannot be selected occasionally
  • Fixed possible error in ie10
  • Fixed the problem that the parseJson method may report an error
  • Fix the problem that control may not take effect
  • Refactored vData class to support repeated monitoring of events
  • Fix the error reported by onSubmit method
  • Fixed the problem of wrong type attribute of frame component width, height
  • Fixed the problem that checkbox component may report an error
  • Fix control control rules to wrap a layer ofdiv #199
  • Added frame component to addsrcKey configuration item, support value as object
  • Added group component to addchange event
  • Added the change event of the whole form
  • Optimized the multi-line style of ElementUI label
  • Optimized ts #196

# 1.0.9 (2020-03-24)

  • Fixed `field 'duplicate issue
  • Fixed an issue where the DatePicker component may fail during validation

# 1.0.8 (2020-03-15)

  • Fix error when merging common layout rules #181
  • Fixed an issue where the group component might report an error
  • Fix Validation failure after adding components
  • Fixed DatePicker component value conversion problem
  • Update TypeScript
  • Added optimized method method to get return value
  • Added index in event ofgroup component #183
  • Add control configuration item, Can be used to control other component displays
  • Added options.form.className configuration item to support settingclass of the form

# 1.0.7 (2020-03-02)

  • Fix field error when initializing global configuration #166
  • Fixed DatePicker component verification error
  • Update TypeScript
  • Fixed the problem that the frame componentsrc is not updated in real time
  • Added group component, which can implement array components and hash components
  • Optimization Reuse of component generation rules
  • Optimize button position of component information

# 1.0.6 (2020-01-16)

  • Support TypeScript
  • Fixed elm.frame component not displaying ininput typeicon
  • Fixed the issue that the iview.tree component was not selected for the first time rendering

# 1.0.5 (2019-12-7)

  • Refactored hidden,visibility functionality
  • Added hidden andvisibility configuration items
  • Fix value may change unexpectedly
  • Fixed the issue that page components may not render after changing the value

# 1.0.4 (2019-11-21)

  • Added formData configuration item to set the initial value of the form
  • Fixed an infinite loop problem when type is undefined
  • Fixed a problem with component not recognized in type uppercase
  • Support for the iview v4 version
npm i @form-create/iview4@^2.5

# 1.0.3 (2019-08-26)

  • Fixed event invalidation of control bindings in the form after multiple v-ifs #125 (opens new window)
  • Fix toJson method function to json
  • Fixed removing the extra layout when the built-in button is not displayed
  • Added manual trigger event method $f.trigger
  • Added Get component vm method $f.el
  • Enhanced functions in props to support event injection
  • Enhanced removeField, updateRule returns the current rule
  • Enhanced self current rule in event injection parameters
  • Enhanced vm parameter support set to Function
{
    vm:function(){
        return new Vue;
    }
}

# 1.0.2 (2019-08-11)

  • Fixed style overridden issue #121 (opens new window)
  • Fixed datePicker, timePicker component validation issue, value issue #118 (opens new window)
  • Fixed append, prepend method error
  • Enhanced After the rule definition name is generated, it can be obtained by the component method.
  • Added on, off, once method binding emit event

# 1.0.1 (2019-07-29)

  • Add $f.updateValidate, $f.updateValidates method #116 (opens new window)
  • Fixed input box setting maximum and minimum characters invalid #115 (opens new window)
  • Fixed upload component uploading multiple images at the same time
  • Fixed ElementUI.upload component loading animation does not display problem

# 1.0.0 (2019-07-21)

  • Fixed timePicker component not selecting problem
  • Fixed stack overflow issue when type is template #110 (opens new window)
  • Added automatic injection of $f in the custom component props, which can be received with props.formCreate
  • Added $f.getRule method to get the generation rule for specifying field

# 0.0.5 (2019-07-07)

  • Optimize the $f.toJson method, does not support converting template components
  • Added $f.updateRule, $f.updateRules method
//Update goods_name
$f.updateRule('goods_name',{
     props:{
         disabled: true
     }
})
// Batch update
$f.updateRules({
     'goods_name':{
         props:{
             disabled: true
         }
     }
})
  • Added injectEvent global configuration item, set whether to enable event injection, inject $f, rule and other parameters. The first parameter of the event after opening is the injected parameter.
// Inject the data structure of the parameters
{
   $f:Object,//api
   rule:Array, // generation rules
   option:Object, // global configuration
   inject:Any, // custom injection parameters
}


//Open globally
{
     injectEvent:true
}
// specify the event to open
rule:{
     //inject extra custom injection parameters for the event
     emit:[{name:'click',inject:true}]
}
  • Fixes remove the component and add field to the same component as the removed component. The component receives the value undefined.

# 0.0.4 (2019-06-30)

  • Added $f.toJson and formCreate.parseJson methods to convert build rules to json and reverse
  • Added info configuration item to configure component prompts
  • Added option.info configuration item to set the configuration information of the prompt information.
  • Remove the time component, the date component is worth reprocessing
  • Added an error when the $f.method method does not exist
  • Add the modal configuration item of the frame component to set the property of modal
  • Fixed element-ui partial component placeholder attribute invalid
  • Update element-ui time component, date component maker generator

# 0.0.3

Internal function refactoring, Streamlined and optimized, Easier to expand

new function

  • Custom components can be converted to form components with features for validation and built-in components
  • Increase the global configuration of components
  • Added name configuration item, custom component configurable
  • Added method to determine if the form is modified changeStatus
  • Increase Get component hidden state method hiddenStatus
  • Added rule.native configuration item
  • Added $f.method method to call component method

modify

  • Move the switch component slot configuration to props.slot
  • Modify the parameters of the $f.validate method
  • Modify the parameter order of $f.hidden, $f.visibility, $f.disabled methods
  • Modify method name $f.submitStatus => $f.submitBtnProps
  • Modify method name $f.resetBtnStatus => $f.resetBtnProps
  • Refactor the frame component and move event to props

Remove

  • Remove custom component related events
  • Remove the frame component spin configuration item
  • Remove the upload configuration item in the global configuration
  • Remove the margin 20px from the outermost layer of the form
  • Remove the $f.btn.finish and $f.resetBtn.finish methods
  • Remove the defaultSlot configuration item
  • Remove built-in components to automatically populate default properties
  • Remove the hidden and visibility attributes from the component rules
  • Remove upload component onSuccess returns url auto add function

← Package description →