How to use the ant-design-vue.Form.create function in ant-design-vue

To help you get started, we’ve selected a few ant-design-vue examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github dotnetcore / WTM / demo / WalkingTec.Mvvm.Next / ClientApp / packages / www-vue / src / components / pages / filterForm.tsx View on Github external
import { Button, Divider, Form, Icon, Row, Col } from 'ant-design-vue';
import { WrappedFormUtils } from 'ant-design-vue/types/form/form';
// import { renderFormItem } from '../utils/entitiesHelp';
import Vue, { CreateElement } from 'vue';
import { Component, Prop } from 'vue-property-decorator';
import VueI18n from 'vue-i18n';
import { EntitiesPageStore } from '@leng/public/src';
import lodash from 'lodash';
import { toJS } from 'mobx';
interface Entities {
    filterEntities: (props: any, h: CreateElement) => any
}
@Form.create({ props: ['PageStore', 'Entities'] })
@Component
export class ViewFilterBasics extends Vue {
    @Prop() form: WrappedFormUtils;
    @Prop() PageStore: EntitiesPageStore;
    @Prop() Entities: Entities;

    onSearch(body?) {
        this.PageStore.EventSubject.next({
            EventType: "onSearch",
            AjaxRequest: {
                body: {
                    Page: 1,
                    Limit: this.PageStore.PageSize,
                    ...body,
                }
            }
github yanghuayi / vue-ts-admin / src / views / components / form / baseForm / index.tsx View on Github external
],
                })()
              }
              <div class="form-btn-wrap">
                提交
                重置
              </div>
            
          
        
      
    );
  }
}

export default Form.create({})(BaseForm);
github dreamans / syncd / web / src / views / deploy / ApplyUpdateComponent.js View on Github external
content: err.message,
                    okText: '知道了',
                });
            })
        },
        loadProjectDetail() {
            getApplyProjectDetailApi({id: this.detail.project_id}).then(res => {
                this.projectDetail = res
            })
        },
    },
    mounted() {
        this.loadProjectDetail()
    },
}
export default Form.create()(UpdateApply)
github dreamans / syncd / web / src / views / user / GroupUpdateComponent.js View on Github external
}

            this.checkedPrivList = checkList
            this.form.setFieldsValue({ priv: checkList})
        },
        loadPrivListData() {
            getPrivListApi().then(res => {
                this.plainPrivCheckList = res.list
            })
        },
    },
    mounted() {
        this.loadPrivListData()
    },
}
export default Form.create()(GroupUpdate)
github yanghuayi / vue-ts-admin / src / views / customers / baseInfo / infoModal.tsx View on Github external
{ required: true, message: 'please select the address' },
              ],
            })(
              )}
          
        
      
    );
  }
}

export default Form.create({
  props: {
    title: String,
    visible: Boolean,
    type: String,
    data: Object,
  },
})(InfoModal);
github dreamans / syncd / web / src / views / project / ProjectUpdateComponent.js View on Github external
if (res.list) {
                    this.serverGroupList = res.list
                } else {
                    this.serverGroupList = []
                }
            })
        },
    },
    mounted() {
        if (this.projectId) {
            this.getDataDetail(this.projectId)
        }
        this.getDataGroupList()
    },
}
export default Form.create()(UpdateProject)
github ruyangit / admin-workbench-ui / src / views / Login.vue View on Github external
initialValue: true
          })(Remember me)}
          <a href="" class="login-form-forgot">
            Forgot password
          </a>
          
            Log in
          
          Or <a href="">register now!</a>
        
      
    );
  }
};

export default Form.create()(NormalLoginForm);

<style></style>
github yanghuayi / vue-ts-admin / src / components / FilterTable / MFilter.tsx View on Github external
this.filterGrade.length ? <a> this.gradeSwitch(isNormal)} class="grade-btn"&gt;{isNormal ? 'Common' : 'Senior'} Search{isNormal ? <i class="iconfont-down"></i> : <i class="iconfont-up"></i>}</a> : null
        }
        <div class="right-btn">
          {
            this.addBtn ? Add : null
          }
          {
            this.exportBtn ?  : null
          }
          
        </div>
      
    );
  }
}
const MFilter = Form.create({
  props: {
    filterList: Array,
    filterGrade: Array,
    filterParams: Object,
    addBtn: Boolean,
    exportBtn: Boolean,
    exportFun: Function,
    tableList: Array,
    labelWidth: String,
  },
})(MFilterClass);
export default MFilter;
github dreamans / syncd / web / src / views / server / ServerUpdateComponent.js View on Github external
props: {
        detail: {
            default: () => {
                return {}
            },
            type: Object,
        },
        groupList: {
            default: () => {
                return []
            },
            type: Array,
        },
    },
}
export default Form.create()(GroupUpdate)
github yanghuayi / vue-ts-admin / src / views / login / index.tsx View on Github external
Login
              
            
          
          <div class="tips">
            <span>username:admin</span>
            <span class="right">password:admin</span>
          </div>
        
      
    );
  }
}

export default Form.create({})(Login);