https://preview-9270-ng-zorro-antd.surge.sh/chunk-2RDLPAKV.js

1import{d as Je,e as ft,f as Ye}from"./chunk-XXDRUHLQ.js";import{b as Ue,c as Qe}from"./chunk-U7KER5NF.js";import{a as st,b as ct,c as zt}from"./chunk-3TTRTP7A.js";import{b as ce,d as ze}from"./chunk-3GNJMIFX.js";import{a as C,b as h,c as b,d as k,e as v}from"./chunk-EXIVASKO.js";import{b as ue,h as pe,i as se}from"./chunk-55EKSQZE.js";import"./chunk-X4TKTQ34.js";import{a as ut,b as pt}from"./chunk-CFIR5PRG.js";import{a as ae,g as Xe,h as $e,m as Ze,n as je}from"./chunk-4LWRTZ4J.js";import"./chunk-HECQD5M5.js";import"./chunk-WRS55NNU.js";import{Bc as N,Dc as u,Fc as x,Gc as g,Hd as y,Ic as Le,Jc as Pe,Jd as de,Kc as F,Ld as dt,Md as D,Nc as A,Nd as _,Oc as I,Od as w,Pc as ot,Qc as rt,Qd as V,Rc as mt,Rd as R,Sc as at,Sd as E,Tc as lt,Td as S,Uc as Ge,Vc as M,Wc as qe,Wd as We,Xc as B,qb as me,sb as He,vc as Oe}from"./chunk-FE3MHUBC.js";import{Bc as it,Cb as Z,Ob as Be,Pc as re,Qb as H,Sb as O,Ub as ke,Vb as _e,Wb as we,Xb as i,Yb as t,Zb as n,Zc as U,_ as ee,_b as a,c as Ie,cc as oe,f as K,ic as s,kb as o,kc as tt,la as T,oc as Ve,pc as Re,qa as c,qc as Me,ra as z,sa as te,ta as ne,uc as j,wb as f,zc as e}from"./chunk-OQ4XWHPB.js";import"./chunk-JNGVGNCT.js";function Ft(l,m){if(l&1&&(t(0,"div",2)(1,"nz-form-item")(2,"nz-form-label",10),e(3),n(),t(4,"nz-form-control"),a(5,"input",11),n()()()),l&2){let r=m.$implicit;i("nzSpan",8)("hidden",!r.show),o(2),i("nzFor","field"+r.index),o(),it("Field ",r.index),o(2),i("formControlName","field"+r.index),Be("id","field"+r.index)}}var fe=class l{fb=T(M);validateForm=this.fb.record({});controlArray=[];isCollapse=!0;toggleCollapse(){this.isCollapse=!this.isCollapse,this.controlArray.forEach((m,r)=>{m.show=this.isCollapse?r<6:!0})}resetForm(){this.validateForm.reset()}ngOnInit(){for(let m=0;m<10;m++)this.controlArray.push({index:m,show:m<6}),this.validateForm.addControl(`field${m}`,this.fb.control(""))}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form-advanced-search"]],decls:15,vars:5,consts:[["nz-form","",1,"ant-advanced-search-form",3,"formGroup"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan","hidden"],["nz-row",""],["nz-col","",1,"search-area",3,"nzSpan"],["nz-button","",3,"nzType"],["nz-button","",3,"click"],[1,"collapse",3,"click"],[3,"nzType"],[1,"search-result-list"],[3,"nzFor"],["nz-input","","placeholder","placeholder",3,"formControlName"]],template:function(r,d){r&1&&(t(0,"form",0)(1,"div",1),_e(2,Ft,6,6,"div",2,ke),n(),t(4,"div",3)(5,"div",4)(6,"button",5),e(7,"Search"),n(),t(8,"button",6),s("click",function(){return d.resetForm()}),e(9,"Clear"),n(),t(10,"a",7),s("click",function(){return d.toggleCollapse()}),e(11," Collapse "),a(12,"nz-icon",8),n()()()(),t(13,"div",9),e(14,"Search Result List"),n()),r&2&&(i("formGroup",d.validateForm),o(),i("nzGutter",24),o(),we(d.controlArray),o(3),i("nzSpan",24),o(),i("nzType","primary"),o(6),i("nzType",d.isCollapse?"down":"up"))},dependencies:[B,F,N,x,g,A,I,R,V,_,w,v,S,E,h,C,k,b,He,me,D,y],styles:[".ant-advanced-search-form[_ngcontent-%COMP%]{padding:24px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px}.search-result-list[_ngcontent-%COMP%]{margin-top:16px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fafafa;min-height:200px;text-align:center;padding-top:80px}[nz-form-label][_ngcontent-%COMP%]{overflow:visible}button[_ngcontent-%COMP%]{margin-left:8px}.collapse[_ngcontent-%COMP%]{margin-left:8px;font-size:12px}.search-area[_ngcontent-%COMP%]{text-align:right}"]})};function Ct(l,m){l&1&&e(0," Please confirm your password! ")}function ht(l,m){l&1&&e(0," Password is inconsistent! ")}function bt(l,m){if(l&1&&(H(0,Ct,1,0),H(1,ht,1,0)),l&2){let r=m.$implicit;O(r.errors!=null&&r.errors.required?0:-1),o(),O(r.errors!=null&&r.errors.confirm?1:-1)}}var Ee=class l{fb=T(M);destroy$=new K;validateForm=this.fb.group({username:this.fb.control("",[ie.required,ie.maxLength(12),ie.minLength(6)],[this.usernameAsyncValidator]),mobile:this.fb.control("",[ie.required,ie.mobile]),email:this.fb.control("",[ie.required,ie.email]),password:this.fb.control("",[ie.required]),confirm:this.fb.control("",[this.confirmValidator])});autoTips={"zh-cn":{required:"\u5FC5\u586B\u9879"},en:{required:"Input is required"},default:{email:"\u90AE\u7BB1\u683C\u5F0F\u4E0D\u6B63\u786E/The input is not val

1id email"}};ngOnInit(){this.validateForm.controls.password.valueChanges.pipe(ee(this.destroy$)).subscribe(()=>{this.validateForm.controls.confirm.updateValueAndValidity()})}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}submitForm(){this.validateForm.valid?console.log("submit",this.validateForm.value):Object.values(this.validateForm.controls).forEach(m=>{m.invalid&&(m.markAsDirty(),m.updateValueAndValidity({onlySelf:!0}))})}usernameAsyncValidator(m){return new Ie(r=>{setTimeout(()=>{m.value==="JasonWood"?r.next({duplicated:{"zh-cn":"\u7528\u6237\u540D\u5DF2\u5B58\u5728",en:"The username is redundant!"}}):r.next(null),r.complete()},1e3)})}confirmValidator(m){if(m.value){if(m.value!==this.validateForm.controls.password.value)return{confirm:!0,error:!0}}else return{error:!0,required:!0};return{}}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form-auto-tips"]],decls:32,vars:15,consts:[["passwordErrorTpl",""],["nz-form","",3,"ngSubmit","nzAutoTips","formGroup"],["nzRequired","",3,"nzSpan"],["nzValidatingTip","Validating...",3,"nzSpan"],["nz-input","","formControlName","username","placeholder","async validate try to write JasonWood"],[3,"nzSpan"],["nz-input","","formControlName","mobile","placeholder","mobile"],["nz-input","","formControlName","email","placeholder","email","type","email"],["nzDisableAutoTips","","nzErrorTip","Please input your password!",3,"nzSpan"],["nz-input","","type","password","formControlName","password"],["nzDisableAutoTips","",3,"nzSpan","nzErrorTip"],["nz-input","","type","password","formControlName","confirm","placeholder","confirm your password"],[3,"nzOffset","nzSpan"],["nz-button","","nzType","primary"]],template:function(r,d){if(r&1){let p=oe();t(0,"form",1),s("ngSubmit",function(){return te(p),ne(d.submitForm())}),t(1,"nz-form-item")(2,"nz-form-label",2),e(3,"Username"),n(),t(4,"nz-form-control",3),a(5,"input",4),n()(),t(6,"nz-form-item")(7,"nz-form-label",2),e(8,"Mobile"),n(),t(9,"nz-form-control",5),a(10,"input",6),n()(),t(11,"nz-form-item")(12,"nz-form-label",2),e(13,"E-mail"),n(),t(14,"nz-form-control",5),a(15,"input",7),n()(),t(16,"nz-form-item")(17,"nz-form-label",2),e(18,"Password"),n(),t(19,"nz-form-control",8),a(20,"input",9),n()(),t(21,"nz-form-item")(22,"nz-form-label",2),e(23,"Confirm Password"),n(),t(24,"nz-form-control",10),a(25,"input",11),Z(26,bt,2,2,"ng-template",null,0,U),n()(),t(28,"nz-form-item")(29,"nz-form-control",12)(30,"button",13),e(31,"Submit"),n()()()()}if(r&2){let p=j(27);i("nzAutoTips",d.autoTips)("formGroup",d.validateForm),o(2),i("nzSpan",7),o(2),i("nzSpan",12),o(3),i("nzSpan",7),o(2),i("nzSpan",12),o(3),i("nzSpan",7),o(2),i("nzSpan",12),o(3),i("nzSpan",7),o(2),i("nzSpan",12),o(3),i("nzSpan",7),o(2),i("nzSpan",12)("nzErrorTip",p),o(5),i("nzOffset",7)("nzSpan",12)}},dependencies:[B,F,N,x,g,A,I,R,V,_,w,v,S,E,h,C,k,b,D,y],styles:["[nz-form][_ngcontent-%COMP%]{max-width:600px}"]})},ie=class extends u{static minLength(m){return r=>u.minLength(m)(r)===null?null:{minlength:{"zh-cn":`\u6700\u5C0F\u957F\u5EA6\u4E3A ${m}`,en:`MinLength is ${m}`}}}static maxLength(m){return r=>u.maxLength(m)(r)===null?null:{maxlength:{"zh-cn":`\u6700\u5927\u957F\u5EA6\u4E3A ${m}`,en:`MaxLength is ${m}`}}}static mobile(m){let r=m.value;return vt(r)||Nt(r)?null:{mobile:{"zh-cn":"\u624B\u673A\u53F7\u7801\u683C\u5F0F\u4E0D\u6B63\u786E",en:"Mobile phone number is not valid"}}}};function vt(l){return l==null||l.length===0}function Nt(l){return typeof l=="string"&&/(^1\d{10}$)/.test(l)}var Se=class l{fb=T(Ge);destroy$=new K;validateForm=this.fb.group({note:this.fb.control(null,u.required),gender:this.fb.control(null,u.required)});ngOnInit(){this.validateForm.controls.gender.valueChanges.pipe(ee(this.destroy$)).subscribe(m=>{this.genderChange(m)})}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}submitForm(){this.validateForm.valid?console.log("submit",this.validateForm.value):Object.values(this.validateForm.controls).forEach(m=>{m.invalid&&(m.markAsDirty(),m.updateValueAndValidity({onlySelf:!0}))})}genderChange(m){this.validateForm.controls.note.setValue(m==="male"?"Hi, man!":"Hi, lady!")}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form-coordinated"]],decls:17,vars:7,consts:[["nz-form","",3,"ngSubmit","formGroup"],["nzRequired","","nzFor","note",3,"nzSpan"],["nzErrorTip","Please input your username!",3,"nzSpan"],["id","note","type","text","nz-input","","formControlName","note"],["nzFor","gender","nzRequired","",3,"nzSpan"],["nzErrorTip","Please select your gender!",3,"nzSpan"],["id","gender","formControlName","gender","nzPlaceHolder","Select a option and change input text above"],["nzValue","male","nzLabel","male"],["nzValue","female","nzLabel","female"],[3,"nzSpan","nzOffset"],["nz-button","","nzType","primary"]],template:function(r,d){r&1&&(t(0,"form",0),s("ngSubmit",function(){return d.submitForm(

1)}),t(1,"nz-form-item")(2,"nz-form-label",1),e(3,"Note"),n(),t(4,"nz-form-control",2),a(5,"input",3),n()(),t(6,"nz-form-item")(7,"nz-form-label",4),e(8,"Gender"),n(),t(9,"nz-form-control",5)(10,"nz-select",6),a(11,"nz-option",7)(12,"nz-option",8),n()()(),t(13,"nz-form-item")(14,"nz-form-control",9)(15,"button",10),e(16,"Submit"),n()()()()),r&2&&(i("formGroup",d.validateForm),o(2),i("nzSpan",5),o(2),i("nzSpan",12),o(3),i("nzSpan",5),o(2),i("nzSpan",12),o(5),i("nzSpan",12)("nzOffset",5))},dependencies:[B,F,N,x,g,A,I,R,V,_,w,v,S,E,h,C,k,b,D,y,se,ue,pe],styles:["[nz-form][_ngcontent-%COMP%]{max-width:600px}"]})};var St=()=>({span:24,offset:0}),xt=()=>({span:20,offset:4});function yt(l,m){if(l&1&&(t(0,"nz-form-label",5),e(1," Passengers "),n()),l&2){let r=tt().$implicit;i("nzXs",24)("nzSm",4)("nzFor",r.controlInstance)}}function Dt(l,m){if(l&1){let r=oe();t(0,"nz-form-item"),H(1,yt,2,3,"nz-form-label",5),t(2,"nz-form-control",6),a(3,"input",7),t(4,"nz-icon",8),s("click",function(p){let L=te(r).$implicit,le=tt();return ne(le.removeField(L,p))}),n()()()}if(l&2){let r=m.$implicit,d=m.$index;o(),O(d===0?1:-1),o(),i("nzXs",24)("nzSm",20)("nzOffset",d===0?0:4),o(),i("formControlName",r.controlInstance),Be("id",r.id)}}var xe=class l{fb=T(M);validateForm=this.fb.record({});listOfControl=[];addField(m){m?.preventDefault();let r=this.listOfControl.length>0?this.listOfControl[this.listOfControl.length-1].id+1:0,d={id:r,controlInstance:`passenger${r}`},p=this.listOfControl.push(d);console.log(this.listOfControl[this.listOfControl.length-1]),this.validateForm.addControl(this.listOfControl[p-1].controlInstance,this.fb.control("",u.required))}removeField(m,r){if(r.preventDefault(),this.listOfControl.length>1){let d=this.listOfControl.indexOf(m);this.listOfControl.splice(d,1),console.log(this.listOfControl),this.validateForm.removeControl(m.controlInstance)}}submitForm(){this.validateForm.valid?console.log("submit",this.validateForm.value):Object.values(this.validateForm.controls).forEach(m=>{m.invalid&&(m.markAsDirty(),m.updateValueAndValidity({onlySelf:!0}))})}ngOnInit(){this.addField()}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form-dynamic-form-item"]],decls:12,vars:9,consts:[["nz-form","",3,"ngSubmit","formGroup"],[3,"nzXs","nzSm"],["nz-button","","nzType","dashed",1,"add-button",3,"click"],["nzType","plus"],["nz-button","","nzType","primary"],[3,"nzXs","nzSm","nzFor"],["nzErrorTip","Please input passenger's name or delete this field.",3,"nzXs","nzSm","nzOffset"],["nz-input","","placeholder","placeholder",1,"passenger-input",3,"formControlName"],["nzType","minus-circle-o",1,"dynamic-delete-button",3,"click"]],template:function(r,d){r&1&&(t(0,"form",0),s("ngSubmit",function(){return d.submitForm()}),_e(1,Dt,5,6,"nz-form-item",null,ke),t(3,"nz-form-item")(4,"nz-form-control",1)(5,"button",2),s("click",function(L){return d.addField(L)}),a(6,"nz-icon",3),e(7," Add field "),n()()(),t(8,"nz-form-item")(9,"nz-form-control",1)(10,"button",4),e(11,"Submit"),n()()()()),r&2&&(i("formGroup",d.validateForm),o(),we(d.listOfControl),o(3),i("nzXs",re(5,St))("nzSm",re(6,xt)),o(5),i("nzXs",re(7,St))("nzSm",re(8,xt)))},dependencies:[B,F,N,x,g,A,I,R,V,_,w,v,S,E,h,C,k,b,He,me,D,y],styles:[".dynamic-delete-button[_ngcontent-%COMP%]{cursor:pointer;position:relative;top:4px;font-size:24px;color:#999;transition:all .3s}.dynamic-delete-button[_ngcontent-%COMP%]:hover{color:#777}.passenger-input[_ngcontent-%COMP%]{width:60%;margin-right:8px}[nz-form][_ngcontent-%COMP%]{max-width:600px}.add-button[_ngcontent-%COMP%]{width:60%}"]})};var ge=class l{fb=T(M);destroy$=new K;validateForm=this.fb.group({name:this.fb.control("",[u.required]),nickname:this.fb.control(""),required:this.fb.control(!1)});ngOnInit(){this.validateForm.controls.required.valueChanges.pipe(ee(this.destroy$)).subscribe(m=>{this.requiredChange(m)})}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}submitForm(){this.validateForm.valid?console.log("submit",this.validateForm.value):Object.values(this.validateForm.controls).forEach(m=>

1{m.invalid&&(m.markAsDirty(),m.updateValueAndValidity({onlySelf:!0}))})}requiredChange(m){m?(this.validateForm.controls.nickname.setValidators(u.required),this.validateForm.controls.nickname.markAsDirty()):(this.validateForm.controls.nickname.clearValidators(),this.validateForm.controls.nickname.markAsPristine()),this.validateForm.controls.nickname.updateValueAndValidity()}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form-dynamic-rule"]],decls:19,vars:10,consts:[["nz-form","",3,"ngSubmit","formGroup"],["nzRequired","","nzFor","name",3,"nzSpan"],["nzErrorTip","Please input your name",3,"nzSpan"],["type","text","nz-input","","formControlName","name","placeholder","Please input your name"],["nzFor","nickname",3,"nzSpan","nzRequired"],["nzErrorTip","Please input your nickname",3,"nzSpan"],["type","text","nz-input","","formControlName","nickname","placeholder","Please input your nickname"],[3,"nzSpan","nzOffset"],["nz-checkbox","","formControlName","required"],["nz-button","","nzType","primary"]],template:function(r,d){r&1&&(t(0,"form",0),s("ngSubmit",function(){return d.submitForm()}),t(1,"nz-form-item")(2,"nz-form-label",1),e(3,"Name"),n(),t(4,"nz-form-control",2),a(5,"input",3),n()(),t(6,"nz-form-item")(7,"nz-form-label",4),e(8," Nickname "),n(),t(9,"nz-form-control",5),a(10,"input",6),n()(),t(11,"nz-form-item")(12,"nz-form-control",7)(13,"label",8),e(14,"Nickname is required"),n()()(),t(15,"nz-form-item")(16,"nz-form-control",7)(17,"button",9),e(18,"Check"),n()()()()),r&2&&(i("formGroup",d.validateForm),o(2),i("nzSpan",4),o(2),i("nzSpan",8),o(3),i("nzSpan",4)("nzRequired",d.validateForm.controls.required.value),o(2),i("nzSpan",8),o(3),i("nzSpan",8)("nzOffset",4),o(4),i("nzSpan",8)("nzOffset",4))},dependencies:[B,F,N,x,g,A,I,R,V,_,w,ze,ce,v,S,E,h,C,k,b,D,y],encapsulation:2})};var Fe=class l{fb=T(M);validateForm=this.fb.group({username:this.fb.control("",[u.required]),password:this.fb.control("",[u.required]),remember:this.fb.control(!0)});submitForm(){console.log("submit",this.validateForm.value)}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form-horizontal-login"]],decls:13,vars:3,consts:[["nz-form","",3,"ngSubmit","nzLayout","formGroup"],["nzErrorTip","Please input your username!"],["nzPrefixIcon","user"],["formControlName","username","nz-input","","placeholder","username"],["nzErrorTip","Please input your Password!"],["nzPrefixIcon","lock"],["formControlName","password","nz-input","","type","password","placeholder","Password"],["nz-button","","nzType","primary",3,"disabled"]],template:function(r,d){r&1&&(t(0,"form",0),s("ngSubmit",function(){return d.submitForm()}),t(1,"nz-form-item")(2,"nz-form-control",1)(3,"nz-input-group",2),a(4,"input",3),n()()(),t(5,"nz-form-item")(6,"nz-form-control",4)(7,"nz-input-group",5),a(8,"input",6),n()()(),t(9,"nz-form-item")(10,"nz-form-control")(11,"button",7),e(12,"Log in"),n()()()()),r&2&&(i("nzLayout","inline")("formGroup",d.validateForm),o(11),i("disabled",!d.validateForm.valid))},dependencies:[B,F,N,x,g,A,I,R,V,_,w,v,S,E,h,C,b,D,y,de],encapsulation:2})};var Ce=class l{fb=T(M);validateForm=this.fb.group({username:this.fb.control("",[u.required]),password:this.fb.control("",[u.required]),remember:this.fb.control(!0)});submitForm(){console.log("submit",this.validateForm.value)}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form-label-align"]],decls:11,vars:1,consts:[["nz-form","",3,"ngSubmit","formGroup"],["nzRequired","","nzLabelAlign","left","nzSpan","4"],["nzErrorTip","Please input your username!","nzSpan","8"],["formControlName","username","nz-input","","placeholder","username"],["nzRequired","","nzLabelAlign","right","nzSpan","4"],["nzErrorTip","Please input your Password!","nzSpan","8"],["formControlName","password","nz-input","","type","password","placeholder","Password"]],template:function(r,d){r&1&&(t(0,"form",0),s("ngSubmit",function(){return d.submitForm()}),t(1,"nz-form-item")(2,"nz-form-label",1),e(3,"Left-aligned text label"),n(),t(4,"nz-form-control",2),a(5,"input",3),n()(),t(6,"nz-form-item")(7,"nz-form-label",4),e(8,"Right-aligned text label"),n(),t(9,"nz-form-control",5),a(10,"input",6),n()()()),r&2&&i("formGroup",d.validateForm)},dependencies:[B,F,N,x,g,A,I,v,S,E,h,C,k,b,D,y],encapsulation:2})};var he=class l{fb=T(M);validateForm=this.fb.group({username:this.fb.control("",[u.required]),password:this.fb.control("",[u.required]),remember:this.fb.control(!0)});

1submitForm(){console.log("submit",this.validateForm.value)}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form-label-wrap"]],decls:15,vars:1,consts:[["nz-form","","nzNoColon","","nzLabelAlign","left",3,"ngSubmit","formGroup"],["nzRequired","","nzFor","user","nzSpan","3"],["nzErrorTip","Please input your username!","nzSpan","8"],["formControlName","username","nz-input","","id","user"],["nzRequired","","nzFor","label-wrap-password","nzSpan","3","nzLabelWrap",""],["nzErrorTip","Please input your Password!","nzSpan","8"],["formControlName","password","nz-input","","type","password","id","label-wrap-password"],["nzSpan","12",2,"text-align","center"],["nz-button","","nzType","primary"]],template:function(r,d){r&1&&(t(0,"form",0),s("ngSubmit",function(){return d.submitForm()}),t(1,"nz-form-item")(2,"nz-form-label",1),e(3," Normal text label "),n(),t(4,"nz-form-control",2),a(5,"input",3),n()(),t(6,"nz-form-item")(7,"nz-form-label",4),e(8," Long text label Long text label "),n(),t(9,"nz-form-control",5),a(10,"input",6),n()(),t(11,"nz-form-item")(12,"nz-form-control",7)(13,"button",8),e(14,"Log in"),n()()()()),r&2&&i("formGroup",d.validateForm)},dependencies:[B,F,N,x,g,A,I,R,V,_,w,v,S,E,h,C,k,b,D,y],encapsulation:2})};var be=class l{fb=T(M);validateForm=this.fb.group({formLayout:this.fb.control("horizontal"),fieldA:this.fb.control("",[u.required]),filedB:this.fb.control("",[u.required])});submitForm(){this.validateForm.valid?console.log("submit",this.validateForm.value):Object.values(this.validateForm.controls).forEach(m=>{m.invalid&&(m.markAsDirty(),m.updateValueAndValidity({onlySelf:!0}))})}get isHorizontal(){return this.validateForm.controls.formLayout.value==="horizontal"}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form-layout"]],decls:26,vars:13,consts:[["nz-form","",3,"ngSubmit","nzLayout","formGroup"],[3,"nzSpan"],["formControlName","formLayout"],["nz-radio-button","",3,"nzValue"],["nzErrorTip","Please input your username!",3,"nzSpan"],["nz-input","","formControlName","fieldA","placeholder","input placeholder"],["nzErrorTip","Please input your Password!",3,"nzSpan"],["nz-input","","formControlName","filedB","placeholder","input placeholder"],[3,"nzSpan","nzOffset"],["nz-button","","nzType","primary"]],template:function(r,d){r&1&&(t(0,"form",0),s("ngSubmit",function(){return d.submitForm()}),t(1,"nz-form-item")(2,"nz-form-label",1),e(3,"Form Layout"),n(),t(4,"nz-form-control",1)(5,"nz-radio-group",2)(6,"label",3),e(7,"Horizontal"),n(),t(8,"label",3),e(9,"Vertical"),n(),t(10,"label",3),e(11,"Inline"),n()()()(),t(12,"nz-form-item")(13,"nz-form-label",1),e(14,"Field A"),n(),t(15,"nz-form-control",4),a(16,"input",5),n()(),t(17,"nz-form-item")(18,"nz-form-label",1),e(19,"Field B"),n(),t(20,"nz-form-control",6),a(21,"input",7),n()(),t(22,"nz-form-item")(23,"nz-form-control",8)(24,"button",9),e(25,"Submit"),n()()()()),r&2&&(i("nzLayout",d.validateForm.controls.formLayout.value)("formGroup",d.validateForm),o(2),i("nzSpan",d.isHorizontal?4:null),o(2),i("nzSpan",d.isHorizontal?14:null),o(2),i("nzValue","horizontal"),o(2),i("nzValue","vertical"),o(2),i("nzValue","inline"),o(3),i("nzSpan",d.isHorizontal?4:null),o(2),i("nzSpan",d.isHorizontal?14:null),o(3),i("nzSpan",d.isHorizontal?4:null),o(2),i("nzSpan",d.isHorizontal?14:null),o(3),i("nzSpan",d.isHorizontal?14:null)("nzOffset",d.isHorizontal?4:null))},dependencies:[B,F,N,x,g,A,I,R,V,_,w,v,S,E,h,C,k,b,D,y,zt,ct,st],styles:["[nz-form][_ngcontent-%COMP%]:not(.ant-form-inline):not(.ant-form-vertical){max-width:600px}"]})};var ve=class l{fb=T(M);validateForm=this.fb.group({username:this.fb.control("",[u.required]),password:this.fb.control("",[u.required]),remember:this.fb.control(!0)});submitForm(){this.validateForm.valid?console.log("submit",this.validateForm.value):Object.values(this.validateForm.controls).forEach(m=>{m.invalid&&(m.markAsDirty(),m.updateValueAndValidity({onlySelf:!0}))})}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form-normal-login"]],decls:22,vars:4,consts:[["nz-form","",1,"login-form",3,"ngSubmit","formGroup"],["nzErrorTip","Please input your username!"],["nzPrefixIcon","user"],["type","text","nz-input","","formControlName","username","placeholder","Username"],["nzErrorTip","Please input your Password!"],["nzPrefixIcon","lock"],["type","password","nz-input","","formControlName","password","placeholder","Password"],["nz-row","",1,"login-form-margin"],["nz-col","",3,"nzSpan"],["nz-checkbox","","formControlName","remember"],[1,"login-form-forgot"],["nz-button","",1,"login-form-button","login-form-margin",3,"nzType"]],template:function(r,d){r&1&&(t(0,"form",0),s("ngSubmit",function(){return d.submitForm(

1)}),t(1,"nz-form-item")(2,"nz-form-control",1)(3,"nz-input-group",2),a(4,"input",3),n()()(),t(5,"nz-form-item")(6,"nz-form-control",4)(7,"nz-input-group",5),a(8,"input",6),n()()(),t(9,"div",7)(10,"div",8)(11,"label",9)(12,"span"),e(13,"Remember me"),n()()(),t(14,"div",8)(15,"a",10),e(16,"Forgot password"),n()()(),t(17,"button",11),e(18,"Log in"),n(),e(19," Or "),t(20,"a"),e(21,"register now!"),n()()),r&2&&(i("formGroup",d.validateForm),o(10),i("nzSpan",12),o(4),i("nzSpan",12),o(3),i("nzType","primary"))},dependencies:[B,F,N,x,g,A,I,R,V,_,w,ze,ce,v,S,E,h,C,b,D,y,de],styles:[".login-form[_ngcontent-%COMP%]{max-width:300px}.login-form-margin[_ngcontent-%COMP%]{margin-bottom:16px}.login-form-forgot[_ngcontent-%COMP%]{float:right}.login-form-button[_ngcontent-%COMP%]{width:100%}"]})};function Tt(l,m){l&1&&e(0," Please confirm your password! ")}function At(l,m){l&1&&e(0," Two passwords that you enter is inconsistent! ")}function It(l,m){if(l&1&&(H(0,Tt,1,0),H(1,At,1,0)),l&2){let r=m.$implicit;O(r.errors!=null&&r.errors.required?0:-1),o(),O(r.errors!=null&&r.errors.confirm?1:-1)}}function Bt(l,m){l&1&&(t(0,"nz-select",32),a(1,"nz-option",33)(2,"nz-option",34),n())}var Ne=class l{fb=T(M);destroy$=new K;validateForm=this.fb.group({email:this.fb.control("",[u.email,u.required]),password:this.fb.control("",[u.required]),checkPassword:this.fb.control("",[u.required,this.confirmationValidator]),nickname:this.fb.control("",[u.required]),phoneNumberPrefix:this.fb.control("+86"),phoneNumber:this.fb.control("",[u.required]),website:this.fb.control("",[u.required]),captcha:this.fb.control("",[u.required]),agree:this.fb.control(!1)});captchaTooltipIcon={type:"info-circle",theme:"twotone"};ngOnInit(){this.validateForm.controls.password.valueChanges.pipe(ee(this.destroy$)).subscribe(()=>{this.validateForm.controls.checkPassword.updateValueAndValidity()})}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}submitForm(){this.validateForm.valid?console.log("submit",this.validateForm.value):Object.values(this.validateForm.controls).forEach(m=>{m.invalid&&(m.markAsDirty(),m.updateValueAndValidity({onlySelf:!0}))})}confirmationValidator(m){if(m.value){if(m.value!==this.validateForm.controls.password.value)return{confirm:!0,error:!0}}else return{required:!0};return{}}getCaptcha(m){m.preventDefault()}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form-register"]],decls:58,vars:40,consts:[["errorTpl",""],["addOnBeforeTemplate",""],["nz-form","",3,"ngSubmit","formGroup"],["nzRequired","","nzFor","email",3,"nzSm","nzXs"],["nzErrorTip","The input is not valid E-mail!",3,"nzSm","nzXs"],["nz-input","","formControlName","email","id","email"],["nzFor","password","nzRequired","",3,"nzSm","nzXs"],["nzErrorTip","Please input your password!",3,"nzSm","nzXs"],["nz-input","","type","password","id","password","formControlName","password"],["nzFor","checkPassword","nzRequired","",3,"nzSm","nzXs"],[3,"nzSm","nzXs","nzErrorTip"],["nz-input","","type","password","formControlName","checkPassword","id","checkPassword"],["nzFor","nickname","nzRequired","","nzTooltipTitle","What do you want other to call you",3,"nzSm","nzXs"],["nzErrorTip","Please input your nickname!",3,"nzSm","nzXs"],["nz-input","","id","nickname","formControlName","nickname"],["nzFor","phoneNumber","nzRequired","",3,"nzSm","nzXs"],["nzErrorTip","Please input your phone number!",3,"nzSm","nzXs","nzValidateStatus"],[3,"nzAddOnBefore"],["formControlName","phoneNumber","id","'phoneNumber'","nz-input",""],["nzFor","website","nzRequired","",3,"nzSm","nzXs"],["nzErrorTip","Please input website!",3,"nzSm","nzXs"],["nz-input","","id","website","formControlName","website","placeholder","website"],["nzFor","captcha","nzRequired","","nzTooltipTitle","Please click 'Get captcha'",3,"nzSm","nzXs","nzTooltipIcon"],["nzErrorTip","Please input the captcha you got!","nzExtra","We must make sure that your are a human.",3,"nzSm","nzXs"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nz-input","","formControlName","captcha","id","captcha"],["nz-button","",3,"click"],["nz-row","",1,"register-area"],[3,"nzSpan","nzOffset"],["nz-checkbox","","formControlName","agree"],["nz-button","","nzType","primary"],["formControlName","phoneNumberPrefix",1,"phone-select"],["nzLabel","+86","nz

1Value","+86"],["nzLabel","+87","nzValue","+87"]],template:function(r,d){if(r&1){let p=oe();t(0,"form",2),s("ngSubmit",function(){return te(p),ne(d.submitForm())}),t(1,"nz-form-item")(2,"nz-form-label",3),e(3,"E-mail"),n(),t(4,"nz-form-control",4),a(5,"input",5),n()(),t(6,"nz-form-item")(7,"nz-form-label",6),e(8,"Password"),n(),t(9,"nz-form-control",7),a(10,"input",8),n()(),t(11,"nz-form-item")(12,"nz-form-label",9),e(13,"Confirm Password"),n(),t(14,"nz-form-control",10),a(15,"input",11),Z(16,It,2,2,"ng-template",null,0,U),n()(),t(18,"nz-form-item")(19,"nz-form-label",12)(20,"span"),e(21,"Nickname"),n()(),t(22,"nz-form-control",13),a(23,"input",14),n()(),t(24,"nz-form-item")(25,"nz-form-label",15),e(26,"Phone Number"),n(),t(27,"nz-form-control",16)(28,"nz-input-group",17),Z(29,Bt,3,0,"ng-template",null,1,U),a(31,"input",18),n()()(),t(32,"nz-form-item")(33,"nz-form-label",19),e(34,"Website"),n(),t(35,"nz-form-control",20),a(36,"input",21),n()(),t(37,"nz-form-item")(38,"nz-form-label",22),e(39," Captcha "),n(),t(40,"nz-form-control",23)(41,"div",24)(42,"div",25),a(43,"input",26),n(),t(44,"div",25)(45,"button",27),s("click",function(le){return te(p),ne(d.getCaptcha(le))}),e(46,"Get captcha"),n()()()()(),t(47,"nz-form-item",28)(48,"nz-form-control",29)(49,"label",30)(50,"span"),e(51," I have read the "),t(52,"a"),e(53,"agreement"),n()()()()(),t(54,"nz-form-item",28)(55,"nz-form-control",29)(56,"button",31),e(57,"Register"),n()()()()}if(r&2){let p=j(17),L=j(30);i("formGroup",d.validateForm),o(2),i("nzSm",6)("nzXs",24),o(2),i("nzSm",14)("nzXs",24),o(3),i("nzSm",6)("nzXs",24),o(2),i("nzSm",14)("nzXs",24),o(3),i("nzSm",6)("nzXs",24),o(2),i("nzSm",14)("nzXs",24)("nzErrorTip",p),o(5),i("nzSm",6)("nzXs",24),o(3),i("nzSm",14)("nzXs",24),o(3),i("nzSm",6)("nzXs",24),o(2),i("nzSm",14)("nzXs",24)("nzValidateStatus",d.validateForm.controls.phoneNumber),o(),i("nzAddOnBefore",L),o(5),i("nzSm",6)("nzXs",24),o(2),i("nzSm",14)("nzXs",24),o(3),i("nzSm",6)("nzXs",24)("nzTooltipIcon",d.captchaTooltipIcon),o(2),i("nzSm",14)("nzXs",24),o(),i("nzGutter",8),o(),i("nzSpan",12),o(2),i("nzSpan",12),o(4),i("nzSpan",14)("nzOffset",6),o(7),i("nzSpan",14)("nzOffset",6)}},dependencies:[B,F,N,x,g,A,I,R,V,_,w,ze,ce,v,S,E,h,C,k,b,D,y,de,se,ue,pe],styles:["[nz-form][_ngcontent-%COMP%]{max-width:600px}.ant-select.ant-select-in-form-item.phone-select[_ngcontent-%COMP%]{width:80px}.register-area[_ngcontent-%COMP%]{margin-bottom:8px}"]})};var wt=()=>({span:24,offset:0}),Vt=()=>({span:16,offset:8}),ye=class l{fb=T(Ge);validateForm=this.fb.group({datePicker:this.fb.control(null),datePickerTime:this.fb.control(null),monthPicker:this.fb.control(null),rangePicker:this.fb.control(null),rangePickerTime:this.fb.control(null),timePicker:this.fb.control(null)});submitForm(){console.log(this.validateForm.value)}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form-time-related-controls"]],decls:35,vars:29,consts:[["nz-form","",3,"ngSubmit","formGroup"],["nzRequired","",3,"nzSm","nzXs"],[3,"nzSm","nzXs"],["formControlName","datePicker"],["nzShowTime","","formControlName","datePickerTime"],["nzMode","month","formControlName","monthPicker"],["formControlName","rangePicker"],["nzShowTime","","formControlName","rangePickerTime"],["formControlName","timePicker"],[3,"nzXs","nzSm"],["nz-button","","nzType","primary"]],template:function(r,d){r&1&&(t(0,"form",0),s("ngSubmit",function(){return d.submitForm()}),t(1,"nz-form-item")(2,"nz-form-label",1),e(3,"DatePicker"),n(),t(4,"nz-form-control",2),a(5,"nz-date-picker",3),n()(),t(6,"nz-form-item")(7,"nz-form-label",1),e(8,"DatePicker[ShowTime]"),n(),t(9,"nz-form-control",2),a(10,"nz-date-picker",4),n()(),t(11,"nz-form-item")(12,"nz-form-label",1),e(13,"MonthPicker"),n(),t(14,"nz-form-control",2),a(15,"nz-date-picker",5),n()(),t(16,"nz-form-item")(17,"nz-form-label",1),e(18,"RangePicker"),n(),t(19,"nz-form-control",2),a(20,"nz-range-picker",6),n()(),t(21,"nz-form-item")(22,"nz-form-label",1),e(23,"RangePicker[showTime]"),n(),t(24,"nz-form-control",2),a(25,"nz-range-picker",7),n()(),t(26,"nz-form-item")(27,"nz-form-label",1),e(28,"TimePicker"),n(),t(29,"nz-form-control",2),a(30,"nz-time-picker",8),n()(),t(31,"nz-form-item")(32,"nz-form-control",9)(33,"button",10),e(34,"Submit"),n()()()()),r&2&&(i("formGroup",d.validateForm),o(2),i("nzSm",8)("nzXs",24),o(2),i("nzSm",16)("nz

1Xs",24),o(3),i("nzSm",8)("nzXs",24),o(2),i("nzSm",16)("nzXs",24),o(3),i("nzSm",8)("nzXs",24),o(2),i("nzSm",16)("nzXs",24),o(3),i("nzSm",8)("nzXs",24),o(2),i("nzSm",16)("nzXs",24),o(3),i("nzSm",8)("nzXs",24),o(2),i("nzSm",16)("nzXs",24),o(3),i("nzSm",8)("nzXs",24),o(2),i("nzSm",16)("nzXs",24),o(3),i("nzXs",re(27,wt))("nzSm",re(28,Vt)))},dependencies:[B,F,x,g,A,I,R,V,_,w,Ye,Je,ft,v,S,E,h,C,k,b,Qe,Ue],styles:["form[_ngcontent-%COMP%]{max-width:600px}"]})};function Rt(l,m){l&1&&e(0," Please input your username! ")}function Mt(l,m){l&1&&e(0," The username is redundant! ")}function Ht(l,m){if(l&1&&(H(0,Rt,1,0),H(1,Mt,1,0)),l&2){let r=m.$implicit;O(r.errors!=null&&r.errors.required?0:-1),o(),O(r.errors!=null&&r.errors.duplicated?1:-1)}}function Ot(l,m){l&1&&e(0," The input is not valid E-mail! ")}function Lt(l,m){l&1&&e(0," Please input your E-mail! ")}function Pt(l,m){if(l&1&&(H(0,Ot,1,0),H(1,Lt,1,0)),l&2){let r=m.$implicit;O(r.errors!=null&&r.errors.email?0:-1),o(),O(r.errors!=null&&r.errors.required?1:-1)}}function Gt(l,m){l&1&&e(0," Please confirm your password! ")}function qt(l,m){l&1&&e(0," Password is inconsistent! ")}function Wt(l,m){if(l&1&&(H(0,Gt,1,0),H(1,qt,1,0)),l&2){let r=m.$implicit;O(r.errors!=null&&r.errors.required?0:-1),o(),O(r.errors!=null&&r.errors.confirm?1:-1)}}var De=class l{fb=T(M);destroy$=new K;validateForm=this.fb.group({userName:this.fb.control("",[u.required],[this.userNameAsyncValidator]),email:this.fb.control("",[u.email,u.required]),password:this.fb.control("",[u.required]),confirm:this.fb.control("",[this.confirmValidator]),comment:this.fb.control("",[u.required])});ngOnInit(){this.validateForm.controls.password.valueChanges.pipe(ee(this.destroy$)).subscribe(()=>{this.validateForm.controls.confirm.updateValueAndValidity()})}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete()}submitForm(){console.log("submit",this.validateForm.value)}resetForm(m){m.preventDefault(),this.validateForm.reset()}userNameAsyncValidator(m){return new Ie(r=>{setTimeout(()=>{m.value==="JasonWood"?r.next({error:!0,duplicated:!0}):r.next(null),r.complete()},1e3)})}confirmValidator(m){if(m.value){if(m.value!==this.validateForm.value.password)return{confirm:!0,error:!0}}else return{error:!0,required:!0};return{}}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form-validate-reactive"]],decls:39,vars:18,consts:[["userErrorTpl",""],["emailErrorTpl",""],["passwordErrorTpl",""],["nz-form","",3,"ngSubmit","formGroup"],["nzRequired","",3,"nzSpan"],["nzHasFeedback","","nzValidatingTip","Validating...",3,"nzSpan","nzErrorTip"],["nz-input","","formControlName","userName","placeholder","async validate try to write JasonWood"],["nzHasFeedback","",3,"nzSpan","nzErrorTip"],["nz-input","","formControlName","email","placeholder","email","type","email"],["nzHasFeedback","","nzErrorTip","Please input your password!",3,"nzSpan"],["nz-input","","type","password","formControlName","password"],["nz-input","","type","password","formControlName","confirm","placeholder","confirm your password"],["nzHasFeedback","","nzErrorTip","Please write something here!",3,"nzSpan"],[3,"nzMaxCharacterCount"],["formControlName","comment","nz-input","","rows","2","placeholder","write any thing"],[3,"nzOffset","nzSpan"],["nz-button","","nzType","primary",3,"disabled"],["nz-button","",3,"click"]],template:function(r,d){if(r&1){let p=oe();t(0,"form",3),s("ngSubmit",function(){return te(p),ne(d.submitForm())}),t(1,"nz-form-item")(2,"nz-form-label",4),e(3,"Username"),n(),t(4,"nz-form-control",5),a(5,"input",6),Z(6,Ht,2,2,"ng-template",null,0,U),n()(),t(8,"nz-form-item")(9,"nz-form-label",4),e(10,"E-mail"),n(),t(11,"nz-form-control",7),a(12,"input",8),Z(13,Pt,2,2,"ng-template",null,1,U),n()(),t(15,"nz-form-item")(16,"nz-form-label",4),e(17,"Password"),n(),t(18,"nz-form-control",9),a(19,"input",10),n()(),t(20,"nz-form-item")(21,"nz-form-label",4),e(22,"Confirm Password"),n(),t(23,"nz-form-control",7),a(24,"input",11),Z(25,Wt,2,2,"ng-template",null,2,U),n()(),t(27,"nz-form-item")(28,"nz-form-label",4),e(29,"Comment"),n(),t(30,"nz-form-control",12)(31,"nz-textarea-count",13),a(32,"textarea",14),n()()(),t(33,"nz-form-item")(34,"nz-form-control",15)(35,"button",16),e(36,"Submit"),n(),t(37,"button",17),s("click",function(le){return te(p),ne(d.resetForm(le))}),e(38,"Reset"),n()()()()}if(r&2){let p=j(7),L=j(14),le=j(26);i("formGroup",d.validateForm),o(2),i("nzSpan",7),o(2),i("nzSpan",12)("nzErrorTip",p),o(5),i("nzSpan",7),o(2),i("nzSpan",12)("nzErrorTip",L),o(5),i("nzSpan",7),o(2),i("nzSpan",12),o(3),i("nzSpan",7),o(2),i("nzSpan",12)("nzErrorTip",le),o(5),i("nzSpan",7),o(2),i("nzSpan",12),o(),i("nzMaxCharacterCount",2e3),o(3),i("nzOffset",7)("nzSpan",12),o(),i("disabled",!d.validateForm.valid)}},dependencies:[B,F,N,x,g,A,I,R,V,_,w,v,S,E,h,C,k,b,D,dt,y],styles:["[nz-form][_ngcontent-%COMP%]{max-width:600px}button[_ngcontent-%COMP%]{margin-left:8px}"]})};var Te=class l{static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form-validate-static"]],decls:60,vars:30,consts:[["nz-form",""],[3,"nzSpan"],["nzValidateStatus","error","nzErrorTip","Should be combination of numbers & alphabets",3,"nzSpan"],["nz-input","","name","errorValid",3,"ngModel"],["nzValidateStatus","warning",3,"nzSpan"],["nz-input","","name","warningValid",3,"ngModel"],["nzValidateStatus","validating","nzHasFeedback","","nzValidatingTip","I'm validating the content",3,"nzSpan"],["nz-input","","name","validating",3,"ngModel"],["nzValidateStatus","success","nzHasFeedback","",3,"nzSpan"],["nz-input","","name","successValid",3,"ngModel"],["nzValidateStatus","warning","nzHasFeedback","","nzWarningTip","Should be combination of numbers & alphabets",3,"nzSpan"],["nz-input","","name","warningHighValid",3,"ngModel"],["nzValidateStatus","error","nzHasFeedback","","nzErrorTip","Should be combination of numbers & alphabets",3,"nzSpan"],["nz-input","","name","invali

1dValid",3,"ngModel"],["name","date-picker-success"],["nzValidateStatus","warning","nzHasFeedback","",3,"nzSpan"],["name","time-picker-warning"],["nzValidateStatus","error","nzHasFeedback","",3,"nzSpan"],["name","select-error",3,"ngModel"],["nzValue","Option 1","nzLabel","Option 1"],["nzValue","Option 2","nzLabel","Option 2"],["nzValidateStatus","validating","nzHasFeedback","",3,"nzSpan"],["name","select-validate",3,"ngModel"],["name","inputnumber-success",2,"width","100%"]],template:function(r,d){r&1&&(t(0,"form",0)(1,"nz-form-item")(2,"nz-form-label",1),e(3,"Fail"),n(),t(4,"nz-form-control",2),a(5,"input",3),n()(),t(6,"nz-form-item")(7,"nz-form-label",1),e(8,"Warning"),n(),t(9,"nz-form-control",4),a(10,"input",5),n()(),t(11,"nz-form-item")(12,"nz-form-label",1),e(13,"Validating"),n(),t(14,"nz-form-control",6),a(15,"input",7),n()(),t(16,"nz-form-item")(17,"nz-form-label",1),e(18,"Success"),n(),t(19,"nz-form-control",8),a(20,"input",9),n()(),t(21,"nz-form-item")(22,"nz-form-label",1),e(23,"Warning"),n(),t(24,"nz-form-control",10),a(25,"input",11),n()(),t(26,"nz-form-item")(27,"nz-form-label",1),e(28,"Fail"),n(),t(29,"nz-form-control",12),a(30,"input",13),n()(),t(31,"nz-form-item")(32,"nz-form-label",1),e(33,"Success"),n(),t(34,"nz-form-control",8),a(35,"nz-date-picker",14),n()(),t(36,"nz-form-item")(37,"nz-form-label",1),e(38,"Warning"),n(),t(39,"nz-form-control",15),a(40,"nz-time-picker",16),n()(),t(41,"nz-form-item")(42,"nz-form-label",1),e(43,"Error"),n(),t(44,"nz-form-control",17)(45,"nz-select",18),a(46,"nz-option",19)(47,"nz-option",20),n()()(),t(48,"nz-form-item")(49,"nz-form-label",1),e(50,"Validating"),n(),t(51,"nz-form-control",21)(52,"nz-select",22),a(53,"nz-option",19)(54,"nz-option",20),n()()(),t(55,"nz-form-item")(56,"nz-form-label",1),e(57,"Success"),n(),t(58,"nz-form-control",8),a(59,"nz-input-number",23),n()()()),r&2&&(o(2),i("nzSpan",5),o(2),i("nzSpan",12),o(),i("ngModel","unavailable choice"),o(2),i("nzSpan",5),o(2),i("nzSpan",12),o(),i("ngModel","Warning"),o(2),i("nzSpan",5),o(2),i("nzSpan",12),o(),i("ngModel","The content is being validated"),o(2),i("nzSpan",5),o(2),i("nzSpan",12),o(),i("ngModel","The content"),o(2),i("nzSpan",5),o(2),i("nzSpan",12),o(),i("ngModel","Warning"),o(2),i("nzSpan",5),o(2),i("nzSpan",12),o(),i("ngModel","unavailable choice"),o(2),i("nzSpan",5),o(2),i("nzSpan",12),o(3),i("nzSpan",5),o(2),i("nzSpan",12),o(3),i("nzSpan",5),o(2),i("nzSpan",12),o(),i("ngModel","Option 1"),o(4),i("nzSpan",5),o(2),i("nzSpan",12),o(),i("ngModel","Option 2"),o(4),i("nzSpan",5),o(2),i("nzSpan",12))},dependencies:[qe,F,N,x,g,Pe,Le,Ye,Je,v,S,E,h,C,k,b,D,y,pt,ut,se,ue,pe,Qe,Ue],styles:["[nz-form][_ngcontent-%COMP%]{max-width:600px}nz-date-picker[_ngcontent-%COMP%]     .ant-calendar-picker{width:100%}nz-date-picker[_ngcontent-%COMP%], nz-time-picker[_ngcontent-%COMP%]{width:100%}"]})};function Xt(l,m){l&1&&e(0," MaxLength is 12 ")}function $t(l,m){l&1&&e(0," MinLength is 6 ")}function Zt(l,m){l&1&&e(0," Input is required ")}function jt(l,m){if(l&1&&(H(0,Xt,1,0),H(1,$t,1,0),H(2,Zt,1,0)),l&2){let r=m.$implicit;O(r.errors!=null&&r.errors.maxlength?0:-1),o(),O(r.errors!=null&&r.errors.minlength?1:-1),o(),O(r.errors!=null&&r.errors.required?2:-1)}}var Ae=class l{static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form-validate-template"]],decls:33,vars:19,consts:[["combineTpl",""],["nz-form",""],[3,"nzSpan"],["nzHasFeedback","","nzErrorTip","Input is required",3,"nzSpan"],["nz-input","","name","required","required","",3,"ngModel"],["nzHasFeedback","","nzErrorTip","MaxLength is 6",3,"nzSpan"],["nz-input","","name","maxlength","maxlength","6",3,"ngModel"],["nzHasFeedback","","nzErrorTip","MinLength is 6",3,"nzSpan"],["nz-input","","name","minlength","minlength","6",3,"ngModel"],["nzHasFeedback","","nzErrorTip","Email is not valid",3,"nzSpan"],["nz-input","","name","email","email","",3,"ngModel"],["nzHasFeedback","","nzErrorTip","Pattern not match",3,"nzSpan"],["nz-input","","name","pattern","pattern",".{3,}",3,"ngModel"],["nzHasFeedback","",3,"nzSpan","nzErrorTip"],["nz-input","","name","mix","minlength","6","maxlength","12","required","",3,"ngModel"]],template:function(r,d){if(r&1&&(t(0,"form",1)(1,"nz-form-item")(2,"nz-form-label",2),e(3,"Required"),n(),t(4,"nz-form-control",3),a(5,"input",4),n()(),t(6,"nz-form-item")(7,"nz-form-label",2),e(8,"MaxLength"),n(),t(9,"nz-form-control",5),a(10,"input",6),n()(),t(11,"nz-form-item")(12,"nz-form-label",2),e(13,"MinLength"),n(),t(14,"nz-form-control",7),a(15,"input",8),n()(),t(16,"nz-form-item")(17,"nz-form-label",2),e(18,"Email"),n(),t(19,"nz-form-control",9),a(20,"input",10),n()(),t(21,"nz-form-item")(22,"nz-form-label",2),e(23,"Pattern"),n(),t(24,"nz-form-control",11),a(25,"input",12),n()(),t(26,"nz-form-item")(27,"nz-form-label",2),e(28,"Mix"),n(),t(29,"nz-form-control",13),a(30,"input",14),Z(31,jt,3,3,"ng-template",null,0,U),n()()()),r&2){let p=j(32);o(2),i("nzSpan",5),o(2),i("nzSpan",12),o(),i("ngModel","Required Input"),o(2),i("nzSpan",5),o(2),i("nzSpan",12),o(),i("ngModel","MaxLength is 6"),o(2),i("nzSpan",5),o(2),i("nzSpan",12),o(),i("ngModel","MinLength is 6"),o(2),i("nzSpan",5),o(2),i("nzSpan",12),o(),i("ngModel","Input Email"),o(2),i("nzSpan",5),o(2),i("nzSpan",12),o(),i("ngModel","Match pattern"),o(2),i("nzSpan",5),o(2),i("nzSpan",12)("nzErrorTip",p),o(),i("ngModel","MaxLength is 12 and MinLength is 6")}},dependencies:[qe,F,N,x,g,ot,mt,at,lt,rt,Pe,Le,v,S,E,h,C,k,b,D,y],styles:["[nz-form][_ngcontent-%COMP%]{max-width:600px}"]})};var Ke=class l{expanded=!1;codeBoxes;goLink(m){window&&(window.location.hash=m)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEac

1h(m=>m.expandCode(this.expanded))}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form"]],viewQuery:function(r,d){if(r&1&&Ve(ae,5),r&2){let p;Re(p=Me())&&(d.codeBoxes=p)}},decls:999,vars:79,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-form-demo-horizontal-login","nzTitle","\u5185\u8054\u767B\u5F55\u680F"],["nzHref","#components-form-demo-normal-login","nzTitle","\u767B\u5F55\u6846"],["nzHref","#components-form-demo-register","nzTitle","\u6CE8\u518C\u65B0\u7528\u6237"],["nzHref","#components-form-demo-advanced-search","nzTitle","\u9AD8\u7EA7\u641C\u7D22"],["nzHref","#components-form-demo-dynamic-form-item","nzTitle","\u52A8\u6001\u589E\u51CF\u8868\u5355\u9879"],["nzHref","#components-form-demo-time-related-controls","nzTitle","\u65F6\u95F4\u7C7B\u63A7\u4EF6"],["nzHref","#components-form-demo-validate-reactive","nzTitle","\u54CD\u5E94\u5F0F\u8868\u5355\u9A8C\u8BC1"],["nzHref","#components-form-demo-validate-template","nzTitle","\u6A21\u677F\u9A71\u52A8\u8868\u5355\u9A8C\u8BC1"],["nzHref","#components-form-demo-auto-tips","nzTitle","\u81EA\u52A8\u63D0\u793A"],["nzHref","#components-form-demo-validate-static","nzTitle","\u624B\u52A8\u6307\u5B9A\u8868\u5355\u72B6\u6001"],["nzHref","#components-form-demo-coordinated","nzTitle","\u8868\u5355\u8054\u52A8"],["nzHref","#components-form-demo-layout","nzTitle","\u8868\u5355\u5E03\u5C40"],["nzHref","#components-form-demo-dynamic-rule","nzTitle","\u52A8\u6001\u6821\u9A8C\u89C4\u5219"],["nzHref","#components-form-demo-label-wrap","nzTitle","\u8868\u5355\u6807\u7B7E\u53EF\u6362\u884C"],["nzHref","#components-form-demo-label-align","nzTitle","\u8868\u5355\u6807\u7B7E\u6587\u672C\u5BF9\u9F50\u65B9\u5F0F"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["name","form","description","\u9AD8\u6027\u80FD\u8868\u5355\u63A7\u4EF6\uFF0C\u81EA\u5E26\u6570\u636E\u57DF\u7BA1\u7406\u3002\u5305\u542B\u6570\u636E\u5F55\u5165\u3001\u6821\u9A8C\u4EE5\u53CA\u5BF9\u5E94\u6837\u5F0F\u3002","language","zh"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],["href","https://angular.cn/guide/forms","target","_blank","rel","noopener"],["href","https://angular.cn/guide/forms/reactive-forms","target","_blank","rel","noopener"],["href","https://angular.cn/guide/forms/template-driven-forms","target","_blank","rel","noopener"],["id","\u8868\u5355"],["onclick","window.location.hash = '\u8868\u5355'",1,"anchor"],["id","\u8868\u5355\u9879_nz-form-item"],["onclick","window.location.hash = '\u8868\u5355\u9879_nz-form-item'",1,"anchor"],["id","\u8868\u5355\u6807\u7B7E_nz-form-label"],["onclick","window.location.hash = '\u8868\u5355\u6807\u7B7E_nz-form-label'",1,"anchor"],["id","\u8868\u5355\u57DF_nz-form-control"],["onclick","window.location.hash = '\u8868\u5355\u57DF_nz-form-control'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","punctuation"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","punctuation","attr-equals"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","\u5185\u8054\u767B\u5F55\u680F","nzSelector","nz-demo-form-horizontal-login","nzGenerateCommand","ng g ng-zorro-antd:form-horizontal-login <name>","nzComponentName","NzDemoFormHorizontalLoginComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u767B\u5F55\u6846","nzSelector","nz-demo-form-normal-login","nzGenerateCommand","ng g ng-zorro-antd:form-normal-login <name>","nzComponentName","NzDemoFormNormalLoginComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u6CE8\u518C\u65B0\u7528\u6237","nzSelector","nz-demo-form-register","nzGenerateCommand","ng g ng-zorro-antd:form-register <name>","nzComponentName","NzDemoFormRegisterComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u9AD8\u7EA7\u641C\u7D22","nzSelector","nz-demo-form-advanced-search","nzGenerateCommand","ng g ng-zorro-antd:form-advanced-search <name>","nzComponentName","NzDemoFormAdvancedSearchComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u52A8\u6001\u589E\u51CF\u8868\u5355\u9879","nzSelector","nz-demo-form-dynamic-form-item","nzGenerateCommand","ng g ng-zorro-antd:form-dynamic-form-item <name>","nzComponentName","NzDemoFormDynamicFormItemComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u65F6\u95F4\u7C7B\u63A7\u4

1EF6","nzSelector","nz-demo-form-time-related-controls","nzGenerateCommand","ng g ng-zorro-antd:form-time-related-controls <name>","nzComponentName","NzDemoFormTimeRelatedControlsComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["href","https://date-fns.org/","target","_blank","rel","noopener"],["nzTitle","\u54CD\u5E94\u5F0F\u8868\u5355\u9A8C\u8BC1","nzSelector","nz-demo-form-validate-reactive","nzGenerateCommand","ng g ng-zorro-antd:form-validate-reactive <name>","nzComponentName","NzDemoFormValidateReactiveComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["href","https://www.angular.cn/guide/template-syntax","target","_blank","rel","noopener"],["nzTitle","\u6A21\u677F\u9A71\u52A8\u8868\u5355\u9A8C\u8BC1","nzSelector","nz-demo-form-validate-template","nzGenerateCommand","ng g ng-zorro-antd:form-validate-template <name>","nzComponentName","NzDemoFormValidateTemplateComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u52A8\u63D0\u793A","nzSelector","nz-demo-form-auto-tips","nzGenerateCommand","ng g ng-zorro-antd:form-auto-tips <name>","nzComponentName","NzDemoFormAutoTipsComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u624B\u52A8\u6307\u5B9A\u8868\u5355\u72B6\u6001","nzSelector","nz-demo-form-validate-static","nzGenerateCommand","ng g ng-zorro-antd:form-validate-static <name>","nzComponentName","NzDemoFormValidateStaticComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u8868\u5355\u8054\u52A8","nzSelector","nz-demo-form-coordinated","nzGenerateCommand","ng g ng-zorro-antd:form-coordinated <name>","nzComponentName","NzDemoFormCoordinatedComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u8868\u5355\u5E03\u5C40","nzSelector","nz-demo-form-layout","nzGenerateCommand","ng g ng-zorro-antd:form-layout <name>","nzComponentName","NzDemoFormLayoutComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u52A8\u6001\u6821\u9A8C\u89C4\u5219","nzSelector","nz-demo-form-dynamic-rule","nzGenerateCommand","ng g ng-zorro-antd:form-dynamic-rule <name>","nzComponentName","NzDemoFormDynamicRuleComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u8868\u5355\u6807\u7B7E\u53EF\u6362\u884C","nzSelector","nz-demo-form-label-wrap","nzGenerateCommand","ng g ng-zorro-antd:form-label-wrap <name>","nzComponentName","NzDemoFormLabelWrapComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u8868\u5355\u6807\u7B7E\u6587\u672C\u5BF9\u9F50\u65B9\u5F0F","nzSelector","nz-demo-form-label-align","nzGenerateCommand","ng g ng-zorro-antd:form-label-align <name>","nzComponentName","NzDemoFormLabelAlignComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-form"],[1,"api-type-label","directive"],["onclick","window.location.hash = 'nz-form'",1,"anchor"],["id","nz-form-item"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-form-item'",1,"anchor"],["href","/components/grid/zh"],["id","nz-form-label"],["onclick","window.location.hash = 'nz-form-label'",1,"anchor"],["id","nz-form-control"],["onclick","window.location.hash = 'nz-form-control'",1,"anchor"],["href","https://github.com/angular/angular/issues/10887","target","_blank","rel","noopener"],["id","nz-form-split"],["onclick","window.location.hash = 'nz-form-split'",1,"anchor"],["id","nz-form-text"],["onclick","window.location.hash = 'nz-form-text'",1,"anchor"]],template:function(r,d){r&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),s("nzClick",function(L){return d.goLink(L)}),a(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11)(13,"nz-link",12)(14,"nz-link",13)(15,"nz-link",14)(16,"nz-link",15)(17,"nz-link",16)(18,"nz-link",17),n()(),t(19,"section",18)(20,"h1"),e(21,"Form"),t(22,"span",19),e(23,"\u8868\u5355"),n(),a(24,"span",20),t(25,"a",21),a(26,"nz-icon",22),n()(),a(27,"component-meta",23),t(28,"section",18),z(),t(29,"h2",24)(30,"span"),e(31,"\u4F55\u65F6\u4F7F\u7528"),n(),t(32,"a",25),e(33,"#"),n()(),t(34,"ul")(35,"li"),e(36,"\u7528\u4E8E\u521B\u5EFA\u4E00\u4E2A\u5B9E\u4F53\u6216\u6536\u96C6\u4FE1\u606F\u3002"),n(),t(37,"li"),e(38,"\u9700\u8981\u5BF9\u8F93\u5165\u7684\u6570\u636E\u7C7B\u578B\u8FDB\u884C\u6821\u9A8

1C\u65F6\u3002"),n()(),t(39,"blockquote")(40,"p"),e(41,"\u8BE5\u7EC4\u4EF6\u9700\u8981\u4E0E "),t(42,"a",26),e(43,"Angular \u8868\u5355"),n(),e(44," \u7ED3\u5408\u4F7F\u7528\uFF0C\u6839\u636E\u9700\u8981\u53EF\u4EE5\u81EA\u7531\u9009\u62E9 "),t(45,"a",27),e(46,"\u54CD\u5E94\u5F0F\u8868\u5355"),n(),e(47," \u6216 "),t(48,"a",28),e(49,"\u6A21\u677F\u9A71\u52A8\u8868\u5355"),n(),e(50,`\u3002
2\u4F7F\u7528\u8BE5\u7EC4\u4EF6\u524D\u8BF7\u786E\u4FDD\u60A8\u5DF2\u7ECF\u9605\u8BFB\u5E76\u638C\u63E1\u4E86 `),t(51,"a",26),e(52,"Angular \u8868\u5355"),n(),e(53," \u7684\u4F7F\u7528\u65B9\u5F0F\u3002"),n()(),t(54,"h2",29)(55,"span"),e(56,"\u8868\u5355"),n(),t(57,"a",30),e(58,"#"),n()(),t(59,"p"),e(60,"\u6211\u4EEC\u63D0\u4F9B\u4E86\u4EE5\u4E0B\u4E09\u79CD\u6392\u5217\u65B9\u5F0F\uFF1A"),n(),t(61,"ul")(62,"li"),e(63,"\u6C34\u5E73\u6392\u5217\uFF1A\u6807\u7B7E\u548C\u8868\u5355\u63A7\u4EF6\u6C34\u5E73\u6392\u5217\uFF1B\uFF08\u9ED8\u8BA4\uFF09"),n(),t(64,"li"),e(65,"\u5782\u76F4\u6392\u5217\uFF1A\u6807\u7B7E\u548C\u8868\u5355\u63A7\u4EF6\u4E0A\u4E0B\u5782\u76F4\u6392\u5217\uFF1B"),n(),t(66,"li"),e(67,"\u884C\u5185\u6392\u5217\uFF1A\u8868\u5355\u9879\u6C34\u5E73\u884C\u5185\u6392\u5217\u3002"),n()(),t(68,"h3",31)(69,"span"),e(70,"\u8868\u5355\u9879 nz-form-item"),n(),t(71,"a",32),e(72,"#"),n()(),t(73,"p"),e(74,"\u8868\u5355\u9879\u7528\u4E8E\u533A\u5206\u8868\u5355\u4E2D\u4E0D\u540C\u7684\u533A\u57DF\uFF0C\u5305\u542B\u8868\u5355\u57DF\u548C\u8868\u5355\u6807\u7B7E(\u53EF\u9009)\u3002"),n(),t(75,"h3",33)(76,"span"),e(77,"\u8868\u5355\u6807\u7B7E nz-form-label"),n(),t(78,"a",34),e(79,"#"),n()(),t(80,"p"),e(81,"\u7528\u4E8E\u6807\u793A\u5F53\u524D\u8868\u5355\u9879\u7684\u5185\u5BB9\uFF0C\u53EF\u9009\u3002"),n(),t(82,"h3",35)(83,"span"),e(84,"\u8868\u5355\u57DF nz-form-control"),n(),t(85,"a",36),e(86,"#"),n()(),t(87,"p"),e(88,"\u8868\u5355\u4E00\u5B9A\u4F1A\u5305\u542B\u8868\u5355\u57DF\uFF0C\u8868\u5355\u57DF\u53EF\u4EE5\u662F\u8F93\u5165\u63A7\u4EF6\uFF0C\u6807\u51C6\u8868\u5355\u57DF\uFF0C\u6807\u7B7E\uFF0C\u4E0B\u62C9\u83DC\u5355\uFF0C\u6587\u672C\u57DF\u7B49\u3002"),n(),t(89,"pre")(90,"code",37)(91,"span",38)(92,"span",38)(93,"span",39),e(94,"<"),n(),e(95,"form"),n(),e(96," "),t(97,"span",40),e(98,"nz-form"),n(),t(99,"span",39),e(100,">"),n()(),e(101,`
3  `),t(102,"span",38)(103,"span",38)(104,"span",39),e(105,"<"),n(),e(106,"nz-form-item"),n(),t(107,"span",39),e(108,">"),n()(),e(109,`
4    `),t(110,"span",38)(111,"span",38)(112,"span",39),e(113,"<"),n(),e(114,"nz-form-label"),n(),e(115," "),t(116,"span",40),e(117,"[nzSpan]"),n(),t(118,"span",41)(119,"span",42),e(120,"="),n(),t(121,"span",39),e(122,'"'),n(),e(123,"6"),t(124,"span",39),e(125,'"'),n()(),e(126," "),t(127,"span",40),e(128,"nzFor"),n(),t(129,"span",41)(130,"span",42),e(131,"="),n(),t(132,"span",39),e(133,'"'),n(),e(134,"email"),t(135,"span",39),e(136,'"'),n()(),t(137,"span",39),e(138,">"),n()(),e(139,"E-mail"),t(140,"span",38)(141,"span",38)(142,"span",39),e(143,"</"),n(),e(144,"nz-form-label"),n(),t(145,"span",39),e(146,">"),n()(),e(147,`
5    `),t(148,"span",38)(149,"span",38)(150,"span",39),e(151,"<"),n(),e(152,"nz-form-control"),n(),e(153," "),t(154,"span",40),e(155,"[nzSpan]"),n(),t(156,"span",41)(157,"span",42),e(158,"="),n(),t(159,"span",39),e(160,'"'),n(),e(161,"14"),t(162,"span",39),e(163,'"'),n()(),t(164,"span",39),e(165,">"),n()(),e(166,`
6      `),t(167,"span",38)(168,"span",38)(169,"span",39),e(170,"<"),n(),e(171,"input"),n(),e(172," "),t(173,"span",40),e(174,"nz-input"),n(),e(175," "),t(176,"span",40),e(177,"name"),n(),t(178,"span",41)(179,"span",42),e(180,"="),n(),t(181,"span",39),e(182,'"'),n(),e(183,"email"),t(184,"span",39),e(185,'"'),n()(),e(186," "),t(187,"span",40),e(188,"type"),n(),t(189,"span",41)(190,"span",42),e(191,"="),n(),t(192,"span",39),e(193,'"'),n(),e(194,"email"),t(195,"span",39),e(196,'"'),n()(),e(197," "),t(198,"span",40),e(199,"id"),n(),t(200,"span",41)(201,"span",42),e(202,"="),n(),t(203,"span",39),e(204,'"'),n(),e(205,"email"),t(206,"span",39),e(207,'"'),n()(),e(208," "),t(209,"span",39),e(210,"/>"),n()(),e(211,`
7    `),t(212,"span",38)(213,"span",38)(214,"span",39),e(215,"</"),n(),e(216,"nz-form-control"),n(),t(217,"span",39),e(218,">"),n()(),e(219,`
8  `),t(220,"span",38)(221,"span",38)(222,"span",39),e(223,"</"),n(),e(224,"nz-form-item"),n(),t(225,"span",39),e(226,">"),n()(),e(227,`
9`),t(228,"span",38)(229,"span",38)(230,"span",39),e(231,"</"),n(),e(232,"form"),n(),t(233,"span",39),e(234,">"),n()(),e(235,`
10`),n()(),c(),n(),t(236,"h2")(237,"span"),e(238,"\u4EE3\u7801\u6F14\u793A"),n(),t(239,"nz-icon",43),s("click",function(){return d.expandAllCode()}),n()()(),t(240,"div",44)(241,"div",45)(242,"nz-code-box",46),a(243,"nz-demo-form-horizontal-login",47),t(244,"div",48),z(),t(245,"p"),e(246,"\u5185\u8054\u767B\u5F55\u680F\uFF0C\u5E38\u7528\u5728\u9876\u90E8\u5BFC\u822A\u680F\u4E2D\u3002"),n(),c(),n()(),t(247,"nz-code-box",49),a(248,"nz-demo-form-normal-login",47),t(249,"div",48),z(),t(250,"p"),e(251,"\u666E\u901A\u7684\u767B\u5F55\u6846\uFF0C\u53EF\u4EE5\u5BB9\u7EB3\u66F4\u591A\u7684\u5143\u7D20\u3002"),n(),c(),n()(),t(252,"nz-code-box",50),a(253,"nz-demo-form-register",47),t(254,"div",48),z(),t(255,"p"),e(256,"\u7528\u6237\u586B\u5199\u5FC5\u987B\u7684\u4FE1\u606F\u4EE5\u6CE8\u518C\u65B0\u7528\u6237\u3002"),n(),c(),n()(),t(257,"nz-code-box",51),a(258,"nz-demo-form-advanced-search",47),t(259,"div",48),z(),t(260,"p"),e(261,"\u4E09\u5217\u6805\u683C\u5F0F\u7684\u8868\u5355\u6392\u5217\u65B9\u5F0F\uFF0C\u5E38\u7528\u4E8E\u6570\u636E\u8868\u683C\u7684\u9AD8\u7EA7\u641C\u7D22\u3002"),n(),t(262,"p"),e(263,"\u6709\u90E8\u5206\u5B9A\u5236\u7684\u6837\u5F0F\u4EE3\u7801\uFF0C\u7531\u4E8E\u8F93\u5165\u6807\u7B7E\u957F\u5EA6\u4E0D\u786E\u5B9A\uFF0C\u9700\u8981\u6839\u636E\u5177\u4F53\u60C5\u51B5\u81EA\u884C\u8C03\u6574\u3002"),n(),c(),n()(),t(264,"nz-code-box",52),a(265,"nz-demo-form-dynamic-form-item",47),t(266,"div",48),z(),t(267,"p"),e(268,"\u52A8\u6001\u589E\u52A0\u3001\u51CF\u5C11\u8868\u5355\u9879\u3002"),n(),c(),n()(),t(269,"nz-code-box",53),a(270,"nz-demo-form-time-related-controls",47),t(271,"div",48),z(),t(272,"p"),e(273,"\u65F6\u95F4\u7C7B\u7EC4\u4EF6\u7684\u8F93\u5165\u548C\u8F93\u51FA\u7C7B\u578B\u5747\u4E3A "),t(274,"code"),e(275,"Date"),n(),e(276," \u7C7B\u578B\uFF0C\u53EF\u4EE5\u901A\u8FC7 "),t(277,"a",54),e(278,"date-fns"),n(),e(279," \u5DE5\u5177\u5E93\u8FDB\u884C\u8FDB\u4E00\u6B65\u7684\u5904\u7406\u3002"),n(),c(),n()(),t(280,"nz-code-box",55),a(281,"nz-demo-form-validate-reactive",47),t(282,"div",48),z(),t(283,"p"),e(284,"\u6211\u4EEC\u5728 "),t(285,"code"),e(286,"nz-form-control"),n(),e(287," \u4E0A \u63D0\u4F9B\u4E86 "),t(288,"code"),e(289,"nzValidateStatus"),n(),t(290,"code"),e(291,"nzHasFeedback"),n(),e(292," \u7B49\u5C5E\u6027\uFF0C\u5F53\u4F7F\u7528"),t(293,"a",27),e(294,"\u54CD\u5E94\u5F0F\u8868\u5355"),n(),e(295,"\u65F6\uFF0C\u53EF\u4EE5\u81EA\u5DF1\u5B9A\u4E49\u6821\u9A8

10C\u7684\u65F6\u673A\u548C\u5185\u5BB9\u3002"),n(),t(296,"ol")(297,"li")(298,"code"),e(299,"nzValidateStatus"),n(),e(300,": \u6821\u9A8C\u72B6\u6001\uFF0C\u9ED8\u8BA4\u81EA\u52A8\u4ECE "),t(301,"code"),e(302,"nz-form-control"),n(),e(303," \u4E2D\u7684 "),t(304,"code"),e(305,"NgControl"),n(),e(306," \u83B7\u5F97\u6821\u9A8C\u72B6\u6001\uFF0C\u4E5F\u53EF\u4EE5\u624B\u52A8\u6307\u5B9A\u4E3A\u7279\u5B9A\u7684 "),t(307,"code"),e(308,"NgControl"),n(),e(309,"\u3002"),n(),t(310,"li")(311,"code"),e(312,"nzHasFeedback"),n(),e(313,"\uFF1A\u7528\u4E8E\u7ED9\u8F93\u5165\u6846\u6DFB\u52A0\u53CD\u9988\u56FE\u6807\u3002"),n(),t(314,"li")(315,"code"),e(316,"nzSuccessTip"),n(),t(317,"code"),e(318,"nzWarningTip"),n(),t(319,"code"),e(320,"nzErrorTip"),n(),t(321,"code"),e(322,"nzValidatingTip"),n(),e(323,"\uFF1A\u8BBE\u7F6E\u4E0D\u540C\u72B6\u6001\u6821\u9A8C\u6587\u6848\u3002"),n()(),t(324,"blockquote")(325,"p"),e(326,"\u5F53\u540C\u4E00\u79CD\u72B6\u6001\u4E0B\u5B58\u5728\u591A\u79CD\u63D0\u793A\u60C5\u51B5\u65F6\uFF0C"),t(327,"code"),e(328,"nzSuccessTip"),n(),t(329,"code"),e(330,"nzWarningTip"),n(),t(331,"code"),e(332,"nzErrorTip"),n(),t(333,"code"),e(334,"nzValidatingTip"),n(),e(335," \u5747\u652F\u6301\u4F20\u5165 "),t(336,"code"),e(337,"TemplateRef<{ $implicit: FormControl }"),n(),e(338," \u7C7B\u578B\uFF0C\u53EF\u4EE5\u901A\u8FC7"),t(339,"a",56),e(340,"\u6A21\u677F\u53D8\u91CF"),n(),e(341,"\u5BFC\u51FA "),t(342,"code"),e(343,"FormControl"),n(),e(344,` \u540E\u7528\u4E8E\u5207\u6362\u4E0D\u540C\u7684\u63D0\u793A\u4FE1\u606F\u3002
11\u5F53 FormControl.status \u4E3A `),t(345,"code"),e(346,"INVALID"),n(),e(347," \u5E76\u4E14\u9519\u8BEF\u5305\u542B "),t(348,"code"),e(349,"{warning\uFF1Atrue}"),n(),e(350," \u65F6\uFF0C"),t(351,"code"),e(352,"nz-form-control"),n(),e(353," \u663E\u793A\u8B66\u544A\u72B6\u6001\u3002"),n()(),c(),n()(),t(354,"nz-code-box",57),a(355,"nz-demo-form-validate-template",47),t(356,"div",48),z(),t(357,"p"),e(358,"\u5F53\u4F7F\u7528"),t(359,"a",28),e(360,"\u6A21\u677F\u9A71\u52A8\u8868\u5355"),n(),e(361,"\u65F6\uFF0C\u6A21\u677F\u53EF\u4EE5\u6839\u636E\u6A21\u677F\u8BBE\u5B9A\u81EA\u52A8\u8FDB\u884C\u6821\u9A8C\u3002"),n(),t(362,"ol")(363,"li")(364,"code"),e(365,"nzHasFeedback"),n(),e(366,"\uFF1A\u7528\u4E8E\u7ED9\u8F93\u5165\u6846\u6DFB\u52A0\u53CD\u9988\u56FE\u6807\u3002"),n(),t(367,"li")(368,"code"),e(369,"nzSuccessTip"),n(),t(370,"code"),e(371,"nzWarningTip"),n(),t(372,"code"),e(373,"nzErrorTip"),n(),t(374,"code"),e(375,"nzValidatingTip"),n(),e(376,"\uFF1A\u8BBE\u7F6E\u4E0D\u540C\u72B6\u6001\u6821\u9A8C\u6587\u6848\u3002"),n()(),t(377,"blockquote")(378,"p"),e(379,"\u5F53\u540C\u4E00\u79CD\u72B6\u6001\u4E0B\u5B58\u5728\u591A\u79CD\u63D0\u793A\u60C5\u51B5\u65F6\uFF0C"),t(380,"code"),e(381,"nzSuccessTip"),n(),t(382,"code"),e(383,"nzWarningTip"),n(),t(384,"code"),e(385,"nzErrorTip"),n(),t(386,"code"),e(387,"nzValidatingTip"),n(),e(388," \u5747\u652F\u6301\u4F20\u5165 "),t(389,"code"),e(390,"TemplateRef<{ $implicit: NgModel }"),n(),e(391," \u7C7B\u578B\uFF0C\u53EF\u4EE5\u901A\u8FC7"),t(392,"a",56),e(393,"\u6A21\u677F\u53D8\u91CF"),n(),e(394,"\u5BFC\u51FA "),t(395,"code"),e(396,"NgModel"),n(),e(397," \u540E\u7528\u4E8E\u5207\u6362\u4E0D\u540C\u7684\u63D0\u793A\u4FE1\u606F\u3002"),n()(),c(),n()(),t(398,"nz-code-box",58),a(399,"nz-demo-form-auto-tips",47),t(400,"div",48),z(),t(401,"p"),e(402,"\u8BA9\u63D0\u793A\u53D8\u5F97\u66F4\u7B80\u5355\u3002"),a(403,"br"),e(404,"\u9700\u8981\u9884\u5148\u81EA\u5B9A\u4E49 "),t(405,"code"),e(406,"Validators"),n(),e(407," \u548C\u63D0\u4F9B "),t(408,"code"),e(409,"nzAutoTips"),n(),e(410,"\uFF0C\u5B83\u4EEC\u4F18\u5148\u7EA7\u5982\u4E0B\uFF1A"),n(),t(411,"ul")(412,"li")(413,"code"),e(414,"Validators"),n(),e(415," > "),t(416,"code"),e(417,"nzAutoTips"),n()(),t(418,"li"),e(419,"\u901A\u8FC7 "),t(420,"code"),e(421,"@Input"),n(),e(422," \u8BBE\u7F6E "),t(423,"code"),e(424,"nzAutoTips"),n()(),t(425,"li"),e(426,"\u901A\u8FC7\u5168\u5C40\u914D\u7F6E\u8BBE\u7F6E "),t(427,"code"),e(428,"nzAutoTips"),n()()(),t(429,"p"),e(430,"\u53E6\u5916\uFF0C\u4F60\u53EF\u4EE5\u4F7F\u7528 "),t(431,"code"),e(432,"nzDisableAutoTips"),n(),e(433," \u53BB\u7981\u7528\u5B83\u3002"),n(),t(434,"blockquote")(435,"p"),e(436,"\u4F7F\u7528\u5F53\u524D\u7684\u8BED\u8A00\u73AF\u5883("),t(437,"code"),e(438,"zh-cn"),n(),e(439,","),t(440,"code"),e(441,"en"),n(),e(442,"...)\u4F5C\u4E3A "),t(443,"code"),e(444,"nzAutoTips"),n(),e(445," \u7684 "),t(446,"code"),e(447,"key"),n(),e(448," \u53BB\u67E5\u627E\u63D0\u793A\uFF0C\u5982\u679C\u6CA1\u627E\u5230\u4F1A\u518D\u7528 "),t(449,"code"),e(450,"default"),n(),e(451," \u67E5\u627E\u4E00\u6B21\u3002"),n()(),c(),n()(),t(452,"nz-code-box",59),a(453,"nz-demo-form-validate-static",47),t(454,"div",48),z(),t(455,"p"),e(456,"\u7528\u6237\u53EF\u4EE5\u5728\u9

1101A\u8FC7 "),t(457,"code"),e(458,"nz-form-control"),n(),e(459," \u7684 "),t(460,"code"),e(461,"nzValidateStatus"),n(),e(462," \u5C5E\u6027\u76F4\u63A5\u8BBE\u5B9A\u8868\u5355\u7684\u72B6\u6001\u3002"),n(),t(463,"ol")(464,"li")(465,"code"),e(466,"nzValidateStatus"),n(),e(467,": \u6821\u9A8C\u72B6\u6001\uFF0C\u53EF\u9009 'success', 'warning', 'error', 'validating'\u3002"),n(),t(468,"li")(469,"code"),e(470,"nzHasFeedback"),n(),e(471,"\uFF1A\u7528\u4E8E\u7ED9\u8F93\u5165\u6846\u6DFB\u52A0\u53CD\u9988\u56FE\u6807\u3002"),n(),t(472,"li")(473,"code"),e(474,"nzSuccessTip"),n(),t(475,"code"),e(476,"nzWarningTip"),n(),t(477,"code"),e(478,"nzErrorTip"),n(),t(479,"code"),e(480,"nzValidatingTip"),n(),e(481,"\uFF1A\u8BBE\u7F6E\u4E0D\u540C\u72B6\u6001\u6821\u9A8C\u6587\u6848\u3002"),n()(),c(),n()(),t(482,"nz-code-box",60),a(483,"nz-demo-form-coordinated",47),t(484,"div",48),z(),t(485,"p"),e(486,"\u4F7F\u7528 "),t(487,"code"),e(488,"setValue"),n(),e(489," \u6765\u52A8\u6001\u8BBE\u7F6E\u5176\u4ED6\u63A7\u4EF6\u7684\u503C\u3002"),n(),c(),n()(),t(490,"nz-code-box",61),a(491,"nz-demo-form-layout",47),t(492,"div",48),z(),t(493,"p"),e(494,"\u8868\u5355\u6709\u4E09\u79CD\u5E03\u5C40\u3002"),n(),c(),n()(),t(495,"nz-code-box",62),a(496,"nz-demo-form-dynamic-rule",47),t(497,"div",48),z(),t(498,"p"),e(499,"\u6839\u636E\u4E0D\u540C\u60C5\u51B5\u6267\u884C\u4E0D\u540C\u7684\u6821\u9A8C\u89C4\u5219\u3002"),n(),c(),n()(),t(500,"nz-code-box",63),a(501,"nz-demo-form-label-wrap",47),t(502,"div",48),z(),t(503,"p"),e(504,"\u4F7F\u7528 "),t(505,"code"),e(506,"nzLabelWrap"),n(),e(507," \u53EF\u4EE5\u5F00\u542F "),t(508,"code"),e(509,"label"),n(),e(510," \u6362\u884C\u3002"),n(),c(),n()(),t(511,"nz-code-box",64),a(512,"nz-demo-form-label-align",47),t(513,"div",48),z(),t(514,"p"),e(515,"\u8868\u5355\u6807\u7B7E\u6587\u672C\u5BF9\u9F50\u65B9\u5F0F\u3002"),n(),c(),n()()()(),t(516,"section",65),z(),t(517,"h2",66)(518,"span"),e(519,"API"),n(),t(520,"a",67),e(521,"#"),n()(),t(522,"h3",68)(523,"span"),e(524,"[nz-form]"),n(),t(525,"label",69),e(526,"directive"),n(),t(527,"a",70),e(528,"#"),n()(),t(529,"table")(530,"thead")(531,"tr")(532,"th"),e(533,"\u53C2\u6570"),n(),t(534,"th"),e(535,"\u8BF4\u660E"),n(),t(536,"th"),e(537,"\u7C7B\u578B"),n(),t(538,"th"),e(539,"\u9ED8\u8BA4\u503C"),n(),t(540,"th"),e(541,"\u5168\u5C40\u914D\u7F6E"),n()()(),t(542,"tbody")(543,"tr")(

11544,"td")(545,"code"),e(546,"[nzLayout]"),n()(),t(547,"td"),e(548,"\u8868\u5355\u5E03\u5C40"),n(),t(549,"td")(550,"code"),e(551,"'horizontal' | 'vertical' | 'inline'"),n()(),t(552,"td")(553,"code"),e(554,"'horizontal'"),n()(),a(555,"td"),n(),t(556,"tr")(557,"td")(558,"code"),e(559,"[nzAutoTips]"),n()(),t(560,"td"),e(561,"\u914D\u7F6E "),t(562,"code"),e(563,"nz-form-control"),n(),e(564," \u7684 "),t(565,"code"),e(566,"[nzAutoTips]"),n(),e(567," \u7684\u9ED8\u8BA4\u503C, \u5177\u4F53\u7528\u6CD5\u8BF7\u53C2\u8003\u793A\u4F8B\uFF1A"),t(568,"strong"),e(569,"\u81EA\u52A8\u63D0\u793A"),n()(),t(570,"td")(571,"code"),e(572,"Record<string, Record<string, string>>"),n()(),t(573,"td")(574,"code"),e(575,"{}"),n()(),t(576,"td"),e(577,"\u2705"),n()(),t(578,"tr")(579,"td")(580,"code"),e(581,"[nzDisableAutoTips]"),n()(),t(582,"td"),e(583,"\u914D\u7F6E "),t(584,"code"),e(585,"nz-form-control"),n(),e(586," \u7684 "),t(587,"code"),e(588,"[nzDisableAutoTips]"),n(),e(589," \u7684\u9ED8\u8BA4\u503C"),n(),t(590,"td")(591,"code"),e(592,"boolean"),n()(),t(593,"td")(594,"code"),e(595,"false"),n()(),t(596,"td"),e(597,"\u2705"),n()(),t(598,"tr")(599,"td")(600,"code"),e(601,"[nzNoColon]"),n()(),t(602,"td"),e(603,"\u914D\u7F6E "),t(604,"code"),e(605,"nz-form-label"),n(),e(606," \u7684 "),t(607,"code"),e(608,"[nzNoColon]"),n(),e(609," \u7684\u9ED8\u8BA4\u503C"),n(),t(610,"td")(611,"code"),e(612,"boolean"),n()(),t(613,"td")(614,"code"),e(615,"false"),n()(),t(616,"td"),e(617,"\u2705"),n()(),t(618,"tr")(619,"td")(620,"code"),e(621,"[nzTooltipIcon]"),n()(),t(622,"td"),e(623,"\u914D\u7F6E "),t(624,"code"),e(625,"nz-form-label"),n(),e(626," \u7684 "),t(627,"code"),e(628,"[nzTooltipIcon]"),n(),e(629," \u7684\u9ED8\u8BA4\u503C"),n(),t(630,"td")(631,"code"),e(632,"string | { type: string; theme: ThemeType }"),n()(),t(633,"td")(634,"code"),e(635,"{ type: 'question-circle', theme: 'outline' }"),n()(),t(636,"td"),e(637,"\u2705"),n()(),t(638,"tr")(639,"td")(640,"code"),e(641,"[nzLabelAlign]"),n()(),t(642,"td"),e(643,"\u914D\u7F6E "),t(644,"code"),e(645,"nz-form-label"),n(),e(646," \u7684 "),t(647,"code"),e(648,"[nzLabelAlign]"),n(),e(649," \u7684\u9ED8\u8BA4\u503C"),n(),t(650,"td")(651,"code"),e(652,"'left' | 'right'"),n()(),t(653,"td")(654,"code"),e(655,"'right'"),n()(),a(656,"td"),n(),t(657,"tr")(658,"td")(659,"code"),e(660,"[nzLabelWrap]"),n()(),t(661,"td"),e(662,"\u914D\u7F6E "),t(663,"code"),e(664,"nz-form-label"),n(),e(665," \u7684 "),t(666,"code"),e(667,"[nzLabelWrap]"),n(),e(668," \u7684\u9ED8\u8BA4\u503C"),n(),t(669,"td")(670,"code"),e(671,"boolean"),n()(),t(672,"td")(673,"code"),e(674,"fal

11se"),n()(),a(675,"td"),n()()(),t(676,"h3",71)(677,"span"),e(678,"nz-form-item"),n(),t(679,"label",72),e(680,"component"),n(),t(681,"a",73),e(682,"#"),n()(),t(683,"p"),e(684,"\u8868\u5355\u9879\u7528\u4E8E\u533A\u5206\u8868\u5355\u4E2D\u4E0D\u540C\u7684\u533A\u57DF\uFF0C\u5305\u542B\u8868\u5355\u57DF\u548C\u8868\u5355\u6807\u7B7E(\u53EF\u9009)\u3002"),n(),t(685,"blockquote")(686,"p"),e(687,"\u6240\u6709 "),t(688,"a",74),e(689,"nz-row"),n(),e(690," \u7684\u53C2\u6570\u5728 "),t(691,"code"),e(692,"nz-form-item"),n(),e(693," \u4E0A\u5747\u53EF\u76F4\u63A5\u4F7F\u7528\u3002"),n()(),t(694,"h3",75)(695,"span"),e(696,"nz-form-label"),n(),t(697,"label",72),e(698,"component"),n(),t(699,"a",76),e(700,"#"),n()(),t(701,"p"),e(702,"\u7528\u4E8E\u6807\u793A\u5F53\u524D\u8868\u5355\u9879\u7684\u5185\u5BB9\uFF0C\u53EF\u9009\u3002"),n(),t(703,"blockquote")(704,"p"),e(705,"\u6240\u6709 "),t(706,"a",74),e(707,"nz-col"),n(),e(708," \u7684\u53C2\u6570\u5728 "),t(709,"code"),e(710,"nz-form-label"),n(),e(711," \u4E0A\u5747\u53EF\u76F4\u63A5\u4F7F\u7528\u3002"),n()(),t(712,"table")(713,"thead")(714,"tr")(715,"th"),e(716,"\u53C2\u6570"),n(),t(717,"th"),e(718,"\u8BF4\u660E"),n(),t(719,"th"),e(720,"\u7C7B\u578B"),n(),t(721,"th"),e(722,"\u9ED8\u8BA4\u503C"),n()()(),t(723,"tbody")(724,"tr")(725,"td")(726,"code"),e(727,"[nzRequired]"),n()(),t(728,"td"),e(729,"\u5F53\u524D\u9879\u662F\u5426\u4E3A\u5FC5\u586B\uFF0C\u4EC5\u5F71\u54CD\u6837\u5F0F"),n(),t(730,"td")(731,"code"),e(732,"boolean"),n()(),t(733,"td")(734,"code"),e(735,"false"),n()()(),t(736,"tr")(737,"td")(738,"code"),e(739,"[nzNoColon]"),n()(),t(740,"td"),e(741,"\u662F\u5426\u4E0D\u663E\u793A label \u540E\u9762\u7684\u5192\u53F7"),n(),t(742,"td")(743,"code"),e(744,"boolean"),n()(),t(745,"td")(746,"code"),e(747,"false"),n()()(),t(748,"tr")(749,"td")(750,"code"),e(751,"[nzFor]"),n()(),t(752,"td"),e(753,"label \u6807\u7B7E\u7684 for \u5C5E\u6027"),n(),t(754,"td")(755,"code"),e(756,"string"),n()(),t(757,"td"),e(758,"-"),n()(),t(759,"tr")(760,"td")(761,"code"),e(762,"[nzTooltipTitle]"),n()(),t(763,"td"),e(764,"\u914D\u7F6E\u63D0\u793A\u4FE1\u606F"),n(),t(765,"td")(766,"code"),e(767,"string | TemplateRef<void>"),n()(),t(768,"td"),e(769,"-"),n()(),t(770,"tr")(771,"td")(772,"code"),e(773,"[nzTooltipIcon]"),n()(),t(774,"td"),e(775,"\u914D\u7F6E\u63D0\u793A\u4FE1\u606F\u7684\u56FE\u6807"),n(),t(776,"td")(777,"code"),e(778,"string | NzFormTooltipIcon"),n()(),t(779,"td"),e(780,"-"),n()(),t(781,"tr")(782,"td")(783,"code"),e(784,"[nzLabelAlign]"),n()(),t(785,"td"),e(786,"\u6807\u7B7E\u6587\u672C\u5BF9\u9F50\u65B9\u5F0F"),n(),t(787,"td")(788,"code"),e(789,"'left' | 'right'"),n()(),t(790,"td")(791,"code"),e(792,"'right'"),n()()(),t(793,"tr")(794,"td")(795,"code"),e(796,"[nzLabelWrap]"),n()(),t(797,"td"),e(798,"label \u6807\u7B7E\u7684\u6587\u672C\u6362\u884C\u65B9\u5F0F"),n(),t(799,"td")(800,"code"),e(801,"boolean"),n()(),t(802,"td")(803,"code"),e(804,"false"),n()()()()(),t(805,"h3",77)(806,"span"),e(807,"nz-form-control"),n(),t(808,"label",72),e(809,"component"),n(),t(810,"a",78),e(811,"#"),n()(),t(812,"blockquote")(813,"p"),e(814,"\u6CE8\u610F\uFF1A\u7531\u4E8E Angular Form \u76EE\u524D\u63D0\u4F9B\u7684"),t(815,"a",79),e(816,"\u72B6\u6001\u53D8\u66F4\u8BA2\u9605"),n(),e(817,"\u4E0D\u5B8C\u6574\u3002\u624B\u52A8\u66F4\u6539\u8868\u5355\u72B6\u6001\u65F6\uFF0C\u4F8B\u5982 "),t(818,"code"),e(819,"markAsDirty"),n(),e(820," \u540E\uFF0C\u9700\u8981\u6267\u884C "),t(821,"code"),e(822,"updateValueAndValidity"),n(),e(823," \u901A\u77E5 "),t(824,"code"),e(825,"nz-form-control"),n(),e(826," \u8FDB\u884C\u72B6\u6001\u53D8\u66F4\u3002"),n()(),t(827,"p"),e(828,"\u8868\u5355\u4E00\u5B9A\u4F1A\u5305\u542B\u8868\u5355\u57DF\uFF0C\u8868\u5355\u57DF\u53EF\u4EE5\u662F\u8F93\u5165\u63A7\u4EF6\uFF0C\u6807\u51C6\u8868\u5355\u57DF\uFF0C\u6807\u7B7E\uFF0C\u4E0B\u62C9\u83DC\u5355\uFF0C\u6587\u672C\u57DF\u7B49\u3002"),n(),t(829,"blockquote")(830,"p"),e(831,"\u6240\u6709 "),t(832,"a",74),e(833,"nz-col"),n(),e(834," \u7684\u53C2\u6570\u5728 "),t(835,"code"),e(836,"nz-form-control"),n(),e(837," \u4E0A\u5747\u53EF\u76F4\u63A5\u4F7F\u7528\u3002"),n()(),t(838,"table")(839,"thead")(840,"tr")(841,"th"),e(842,"\u53C2\u6570"),n(),t(843,"th"),e(844,"\u8BF4\u660E"),n(),t(845,"th"),e(846,"\u7C7B\u578B"),n(),t(847,"th"),e(848,"\u9ED8\u8BA4\u503C"),n()()(),t(849,"tbody")(850,"tr")(851,"td")(852,"code"),e(853,"[nzValidateStatus]"),n()(),t(854,"td"),e(855,"\u4F1A\u6839\u636E\u4F20\u5165\u7684 "),t(856,"code"),e(857,"FormControl"),n(),e(858," \u6216 "),t(859,"code"),e(860,"NgModel"),n(),e(861," \u81EA\u52A8\u751F\u6210\u6821\u9A8

11C\u72B6\u6001\uFF0C\u4E5F\u53EF\u4EE5\u76F4\u63A5\u6307\u5B9A\u72B6\u6001\uFF0C\u4E0D\u4F20\u5165\u65F6\u9ED8\u8BA4\u503C\u4E3A "),t(862,"code"),e(863,"nz-form-control"),n(),e(864," \u4E2D\u5305\u88F9\u7684\u7B2C\u4E00\u4E2A "),t(865,"code"),e(866,"FormControl"),n(),e(867," \u6216 "),t(868,"code"),e(869,"NgModel"),n()(),t(870,"td")(871,"code"),e(872,"'success' | 'warning' | 'error' | 'validating' | FormControl | NgModel"),n()(),t(873,"td")(874,"code"),e(875,"nz-form-control"),n(),e(876," \u4E2D\u5305\u88F9\u7684\u7B2C\u4E00\u4E2A "),t(877,"code"),e(878,"FormControl"),n(),e(879," \u6216 "),t(880,"code"),e(881,"NgModel"),n()()(),t(882,"tr")(883,"td")(884,"code"),e(885,"[nzHasFeedback]"),n()(),t(886,"td"),e(887,"\u914D\u5408 "),t(888,"code"),e(889,"nzValidateStatus"),n(),e(890," \u5C5E\u6027\u4F7F\u7528\uFF0C\u5C55\u793A\u6821\u9A8C\u72B6\u6001\u56FE\u6807"),n(),t(891,"td")(892,"code"),e(893,"boolean"),n()(),t(894,"td")(895,"code"),e(896,"false"),n()()(),t(897,"tr")(898,"td")(899,"code"),e(900,"[nzExtra]"),n()(),t(901,"td"),e(902,"\u7528\u4E8E\u663E\u793A\u8868\u5355\u989D\u5916\u63D0\u793A\u4FE1\u606F"),n(),t(903,"td")(904,"code"),e(905,"string | TemplateRef<void>"),n()(),t(906,"td"),e(907,"-"),n()(),t(908,"tr")(909,"td")(910,"code"),e(911,"[nzSuccessTip]"),n()(),t(912,"td"),e(913,"\u6821\u9A8C\u72B6\u6001 success \u65F6\u63D0\u793A\u4FE1\u606F"),n(),t(914,"td")(915,"code"),e(916,"string | TemplateRef<{ $implicit: FormControl | NgModel }>"),n()(),t(917,"td"),e(918,"-"),n()(),t(919,"tr")(920,"td")(921,"code"),e(922,"[nzWarningTip]"),n()(),t(923,"td"),e(924,"\u6821\u9A8C\u72B6\u6001 warning \u65F6\u63D0\u793A\u4FE1\u606F"),n(),t(925,"td")(926,"code"),e(927,"string | TemplateRef<{ $implicit: FormControl | NgModel }>"),n()(),t(928,"td"),e(929,"-"),n()(),t(930,"tr")(931,"td")(932,"code"),e(933,"[nzErrorTip]"),n()(),t(934,"td"),e(935,"\u6821\u9A8C\u72B6\u6001 error \u65F6\u63D0\u793A\u4FE1\u606F"),n(),t(936,"td")(937,"code"),e(938,"string | TemplateRef<{ $implicit: FormControl | NgModel }>"),n()(),t(939,"td"),e(940,"-"),n()(),t(941,"tr")(942,"td")(943,"code"),e(944,"[nzValidatingTip]"),n()(),t(945,"td"),e(946,"\u6B63\u5728\u6821\u9A8C\u65F6\u63D0\u793A\u4FE1\u606F"),n(),t(947,"td")(948,"code"),e(949,"string | TemplateRef<{ $implicit: FormControl | NgModel }>"),n()(),t(950,"td"),e(951,"-"),n()(),t(952,"tr")(953,"td")(954,"code"),e(955,"[nzAutoTips]"),n()(),t(956,"td"),e(957,"\u914D\u7F6E\u63D0\u793A\u7684\u5BF9\u8C61, \u5177\u4F53\u7528\u6CD5\u8BF7\u53C2\u8003\u793A\u4F8B\uFF1A"),t(958,"strong"),e(959,"\u81EA\u52A8\u63D0\u793A"),n()(),t(960,"td")(961,"code"),e(962,"Record<string, Record<string, string>>"),n()(),t(963,"td"),e(964,"-"),n()(),t(965,"tr")(966,"td")(967,"code"),e(968,"[nzDisableAutoTips]"),n()(),t(969,"td"),e(970,"\u7981\u7528\u81EA\u52A8\u63D0\u793A"),n(),t(971,"td")(972,"code"),e(973,"boolean"),n()(),t(974,"td"),e(975,"-"),n()()()(),t(976,"h3",80)(977,"span"),e(978,"nz-form-split"),n(),t(979,"label",72),e(980,"component"),n(),t(981,"a",81),e(982,"#"),n()(),t(983,"p"),e(984,"\u7528\u4E8E\u663E\u793A\u5206\u9694\u7B26 "),t(985,"code"),e(986,"-"),n()(),t(987,"h3",82)(988,"span"),e(989,"nz-form-text"),n(),t(990,"label",72),e(991,"component"),n(),t(992,"a",83),e(993,"#"),n()(),t(994,"p"),e(995,"\u5728 "),t(996,"code"),e(997,"nz-form-control"),n(),e(998," \u4E2D\u76F4\u63A5\u663E\u793A\u6587\u672C"),n(),c(),n()()),r&2&&(o(),i("nzOffsetTop",16),o(),i("nzAffix",!1),o(238),i("nzGutter",8),o(),i("nzSpan",24),o(),i("nzId","components-form-demo-horizontal-login")("nzLink","components-form-demo-horizontal-login")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/horizontal-login.md"),o(5),i("nzId","components-form-demo-normal-login")("nzLink","components-form-demo-normal-login")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/normal-login.md"),o(5),i("nzId","components-form-demo-register")("nzLink","components-form-demo-register")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/register.md"),o(5),i("nzId","components-form-demo-advanced-search")("nzLink","components-form-demo-advanced-search")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/advanced-search.md"),o(7),i("nzId","components-form-demo-dynamic-form-item")("nzLink","components-form-demo-dynamic-form-item")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/dynamic-form-item.md"),o(5),i("nzId","components-form-demo-time-related-controls")("nzLink","components-form-demo-time-related-controls")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/time-related-controls.md"),o(11),i("nzId","components-form-demo-validate-reactive")("nzLink","components-form-demo-validate-reactive")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/validate-reactive.md"),o(74),i("nzId","components-form-demo-validate-template")("nzLink","components-form-demo-validate-template")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/validate-template.md"),o(44),i("nzId","components-form-demo-auto-tips")("nzLink","components-form-demo-auto-tips")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/auto-tips.md"),o(54),i("nzId","components-form-demo-validate-static")("nzLink","components-form-demo-validate-static")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/validate-static.md"),o(30),i("nzId","components-form-demo-coordinated")("nzLink","components-form-demo-coordinated")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/coordinated.md"),o(8),i("nzId","components-form-demo-layout")("nzLink","components-form-demo-layout")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/layout.md"),o(5),i("nzId","components-form-demo-dynamic-rule")("nzLink","components-form-demo-dynamic-rule")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/dynamic-rule.md"),o(5),i("nzId","components-form-demo-label-wrap")("nzLink","components-form-demo-label-wrap")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/label-wrap.md"),o(11),i("nzId","components-form-demo-label-align")("nzLink","components-form-demo-label-align")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/label-align.md"))},dependencies:[je,ae,Ze,Xe,$e,We,S,E,Oe,me,fe,Ee,Se,xe,ge,Fe,Ce,he,be,ve,Ne,ye,De,Te,Ae],encapsulation:2})};var et=class l{expanded=!1;codeBoxes;goLink(m){window&&(window.location.hash=m)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEac

11h(m=>m.expandCode(this.expanded))}static \u0275fac=function(r){return new(r||l)};static \u0275cmp=f({type:l,selectors:[["nz-demo-form"]],viewQuery:function(r,d){if(r&1&&Ve(ae,5),r&2){let p;Re(p=Me())&&(d.codeBoxes=p)}},decls:1031,vars:79,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-form-demo-horizontal-login","nzTitle","Inline Login Form"],["nzHref","#components-form-demo-normal-login","nzTitle","Login Form"],["nzHref","#components-form-demo-register","nzTitle","Registration"],["nzHref","#components-form-demo-advanced-search","nzTitle","Advanced search"],["nzHref","#components-form-demo-dynamic-form-item","nzTitle","Dynamic Form Item"],["nzHref","#components-form-demo-time-related-controls","nzTitle","Time-related Controls"],["nzHref","#components-form-demo-validate-reactive","nzTitle","Reactive Forms Validation"],["nzHref","#components-form-demo-validate-template","nzTitle","Template-driven Forms Validation"],["nzHref","#components-form-demo-auto-tips","nzTitle","Auto tips"],["nzHref","#components-form-demo-validate-static","nzTitle","Manual Set Validation Status"],["nzHref","#components-form-demo-coordinated","nzTitle","Coordinated Controls"],["nzHref","#components-form-demo-layout","nzTitle","Form Layout"],["nzHref","#components-form-demo-dynamic-rule","nzTitle","Dynamic Rules"],["nzHref","#components-form-demo-label-wrap","nzTitle","Label can wrap"],["nzHref","#components-form-demo-label-align","nzTitle","Text align of form label"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["name","form","description","High-performance form component with data domain management. Includes data entry, validation, and corresponding styles.","language","en"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],["href","https://angular.dev/guide/forms","target","_blank","rel","noopener"],["href","https://angular.dev/guide/forms/reactive-forms","target","_blank","rel","noopener"],["href","https://angular.dev/guide/forms/template-driven-forms","target","_blank","rel","noopener"],["id","form"],["onclick","window.location.hash = 'form'",1,"anchor"],["id","nz-form-item"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-form-item'",1,"anchor"],["id","nz-form-label"],["onclick","window.location.hash = 'nz-form-label'",1,"anchor"],["id","nz-form-control"],["onclick","window.location.hash = 'nz-form-control'",1,"anchor"],[1,"language-html"],[1,"token","tag"],[1,"token","punctuation"],[1,"token","attr-name"],[1,"token","attr-value"],[1,"token","punctuation","attr-equals"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","Inline Login Form","nzSelector","nz-demo-form-horizontal-login","nzGenerateCommand","ng g ng-zorro-antd:form-horizontal-login <name>","nzComponentName","NzDemoFormHorizontalLoginComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Login Form","nzSelector","nz-demo-form-normal-login","nzGenerateCommand","ng g ng-zorro-antd:form-normal-login <name>","nzComponentName","NzDemoFormNormalLoginComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Registration","nzSelector","nz-demo-form-register","nzGenerateCommand","ng g ng-zorro-antd:form-register <name>","nzComponentName","NzDemoFormRegisterComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Advanced search","nzSelector","nz-demo-form-advanced-search","nzGenerateCommand","ng g ng-zorro-antd:form-advanced-search <name>","nzComponentName","NzDemoFormAdvancedSearchComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Dynamic Form Item","nzSelector","nz-demo-form-dynamic-form-item","nzGenerateCommand","ng g ng-zorro-antd:form-dynamic-form-item <name>","nzComponentName","NzDemoFormDynamicFormItemComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Time-related Controls","nzSelector","nz-demo-form-time-related-controls","nzGenerateCommand","ng g ng-zorro-antd:form-time-related-controls <name>","nzComponentName","NzDemoFormTimeRelatedControlsComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["href","https://date-fns.org/","target","_blank","rel","noopener"],["nzTitle","Reactive Forms Validation","nzSelector","nz-demo-form-validate-reactive","nzGenerateCommand","ng g ng-zorro-antd:form-validate-reactive <name>","nzComponentName","NzDemoFormValidateReactiveComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["href","https://angular.dev/guide/templates","target","_blank","rel","noopener"],["nzTitle","Template-driven Forms Validation","nzSelector","nz-demo-form-validate-template","nzGenerateCommand","ng g ng-zorro-antd:form-validate-template <name>","nzComponentName","NzDemoFormValidateTemplateComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Auto tips","nzSelector","nz-demo-form-auto-tips","nzGenerateCommand","ng g ng-zorro-antd:form-auto-tips <name>","nzComponentName","NzDemoFormAutoTipsComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Manual Set Validation Status","nzSelector","nz-demo-form-validate-static","nzGenerateCommand","ng g ng-zorro-antd:form-validate-static <name>","nzComponentName","NzDemoFormValidateStaticComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Coordinated Controls","nzSelector","nz-demo-form-coordinated","nzGenerateCommand","ng g ng-zorro-antd:form-coordinated <name>","nzComponentName","NzDemoFormCoordinatedComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Form Layout","nzSelector","nz-demo-form-layout","nzGenerateCommand","ng g ng-zorro-antd:form-layout <name>","nzComponentName","NzDemoFormLayoutComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Dynamic Rules","nzSelector","nz-demo-form-dynamic-rule","nzGenerateCommand","ng g ng-zorro-antd:form-dynamic-rule <name>","nzComponentName","NzDemoFormDynamicRuleComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Label can wrap","nzSelector","nz-demo-form-label-wrap","nzGenerateCommand","ng g ng-zorro-antd:form-label-wrap <name>","nzComponentName","NzDemoFormLabelWrapComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Text align of form label","nzSelector","nz-demo-form-label-align","nzGenerateCommand","ng g ng-zorro-antd:form-label-align <name>","nzComponentName","NzDemoFormLabelAlignComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-form"],[1,"api-type-label","directive"],["onclick","window.location.hash = 'nz-form'",1,"anchor"],["href","/components/grid/zh"],["href","https://github.com/angular/angular/issues/10887","target","_blank","rel","noopener"],["id","nz-form-split"],["onclick","window.location.hash = 'nz-form-split'",1,"anchor"],["id","nz-form-text"],["onclick","window.location.hash = 'nz-form-text'",1,"anchor"]],template:function(r,d){r&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),s("nzClick",function(L){return d.goLink(L)}),a(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11)(13,"nz-link",12)(14,"nz-link",13)(15,"nz-link",14)(16,"nz-link",15)(17,"nz-link",16)(18,"nz-link",17),n()(),t(19,"section",18)(20,"h1"),e(21,"Form"),a(22,"span",19)(23,"span",20),t(24,"a",21),a(25,"nz-icon",22),n()(),a(26,"component-meta",23),t(27,"section",18),z(),t(28,"h2",24)(29,"span"),e(30,"When To Use"),n(),t(31,"a",25),e(32,"#"),n()(),t(33,"ul")(34,"li"),e(35,"When you need to create an instance or collect information."),n(),t(36,"li"),e(37,"When you need to validate fields in certain rules."),n()(),t(38,"blockquote")(39,"p"),e(40,"Form is totally based on "),t(41,"a",26),e(42,"Angular Forms"),n(),e(43,", you can use "),t(44,"a",27),e(45,"reactive forms"),n(),e(46," or "),t(47,"a",28),e(48,"template-driven-forms"),n(),e(49,`.
12Please make sure you have read the official form document before using the component.`),n()(),t(50,"h2",29)(51,"span"),e(52,"Form"),n(),t(53,"a",30),e(54,"#"),n()(),t(55,"p"),e(56,"You can align the controls of a "),t(57,"code"),e(58,"form"),n(),e(59," using the "),t(60,"code"),e(61,"layout"),n(),e(62," prop\uFF1A"),n(),t(63,"ul")(64,"li")(65,"code"),e(66,"horizontal"),n(),e(67,"\uFF1Ato horizontally align the "),t(68,"code"),e(69,"label"),n(),e(70,"s and controls of the fields. (Default)"),n(),t(71,"li")(72,"code"),e(73,"vertical"),n(),e(74,"\uFF1Ato vertically align the "),t(75,"code"),e(76,"label"),n(),e(77,"s and controls of the fields."),n(),t(78,"li")(79,"code"),e(80,"inline"),n(),e(81,"\uFF1Ato render form fields in one line."),n()(),t(82,"h3",31)(83,"span"),e(84,"nz-form-item"),n(),t(85,"label",32),e(86,"component"),n(),t(87,"a",33),e(88,"#"),n()(),t(89,"p"),e(90,"Used to separate the item in forms, contains label(optional) and control field."),n(),t(91,"h3",34)(92,"span"),e(93,"nz-form-label"),n(),t(94,"label",32),e(95,"component"),n(),t(96,"a",35),e(97,"#"),n()(),t(98,"p"),e(99,"The label of the form item, optional."),n(),t(100,"h3",36)(101,"span"),e(102,"nz-form-control"),n(),t(103,"label",32),e(104,"component"),n(),t(105,"a",37),e(106,"#"),n()(),t(107,"p"),e(108,"A form consists of one or more form fields whose type includes input, textarea, checkbox, radio, select, tag, and more."),n(),t(109,"pre")(110,"code",38)(111,"span",39)(112,"span",39)(113,"span",40),e(114,"<"),n(),e(115,"form"),n(),e(116," "),t(117,"span",41),e(118,"nz-form"),n(),t(119,"span",40),e(120,">"),n()(),e(121,`
13  `),t(122,"span",39)(123,"span",39)(124,"span",40),e(125,"<"),n(),e(126,"nz-form-item"),n(),t(127,"span",40),e(128,">"),n()(),e(129,`
14    `),t(130,"span",39)(131,"span",39)(132,"span",40),e(133,"<"),n(),e(134,"nz-form-label"),n(),e(135," "),t(136,"span",41),e(137,"[nzSpan]"),n(),t(138,"span",42)(139,"span",43),e(140,"="),n(),t(141,"span",40),e(142,'"'),n(),e(143,"6"),t(144,"span",40),e(145,'"'),n()(),e(146," "),t(147,"span",41),e(148,"nzFor"),n(),t(149,"span",42)(150,"span",43),e(151,"="),n(),t(152,"span",40),e(153,'"'),n(),e(154,"email"),t(155,"span",40),e(156,'"'),n()(),t(157,"span",40),e(158,">"),n()(),e(159,"E-mail"),t(160,"span",39)(161,"span",39)(162,"span",40),e(163,"</"),n(),e(164,"nz-form-label"),n(),t(165,"span",40),e(166,">"),n()(),e(167,`
15    `),t(168,"span",39)(169,"span",39)(170,"span",40),e(171,"<"),n(),e(172,"nz-form-control"),n(),e(173," "),t(174,"span",41),e(175,"[nzSpan]"),n(),t(176,"span",42)(177,"span",43),e(1

1578,"="),n(),t(179,"span",40),e(180,'"'),n(),e(181,"14"),t(182,"span",40),e(183,'"'),n()(),t(184,"span",40),e(185,">"),n()(),e(186,`
16      `),t(187,"span",39)(188,"span",39)(189,"span",40),e(190,"<"),n(),e(191,"input"),n(),e(192," "),t(193,"span",41),e(194,"nz-input"),n(),e(195," "),t(196,"span",41),e(197,"name"),n(),t(198,"span",42)(199,"span",43),e(200,"="),n(),t(201,"span",40),e(202,'"'),n(),e(203,"email"),t(204,"span",40),e(205,'"'),n()(),e(206," "),t(207,"span",41),e(208,"type"),n(),t(209,"span",42)(210,"span",43),e(211,"="),n(),t(212,"span",40),e(213,'"'),n(),e(214,"email"),t(215,"span",40),e(216,'"'),n()(),e(217," "),t(218,"span",41),e(219,"id"),n(),t(220,"span",42)(221,"span",43),e(222,"="),n(),t(223,"span",40),e(224,'"'),n(),e(225,"email"),t(226,"span",40),e(227,'"'),n()(),e(228," "),t(229,"span",40),e(230,"/>"),n()(),e(231,`
17    `),t(232,"span",39)(233,"span",39)(234,"span",40),e(235,"</"),n(),e(236,"nz-form-control"),n(),t(237,"span",40),e(238,">"),n()(),e(239,`
18  `),t(240,"span",39)(241,"span",39)(242,"span",40),e(243,"</"),n(),e(244,"nz-form-item"),n(),t(245,"span",40),e(246,">"),n()(),e(247,`
19`),t(248,"span",39)(249,"span",39)(250,"span",40),e(251,"</"),n(),e(252,"form"),n(),t(253,"span",40),e(254,">"),n()(),e(255,`
20`),n()(),c(),n(),t(256,"h2")(257,"span"),e(258,"Examples"),n(),t(259,"nz-icon",44),s("click",function(){return d.expandAllCode()}),n()()(),t(260,"div",45)(261,"div",46)(262,"nz-code-box",47),a(263,"nz-demo-form-horizontal-login",48),t(264,"div",49),z(),t(265,"p"),e(266,"Inline login form is often used in navigation bar."),n(),c(),n()(),t(267,"nz-code-box",50),a(268,"nz-demo-form-normal-login",48),t(269,"div",49),z(),t(270,"p"),e(271,"Normal login form which can contain more elements."),n(),c(),n()(),t(272,"nz-code-box",51),a(273,"nz-demo-form-register",48),t(274,"div",49),z(),t(275,"p"),e(276,"Fill in this form to create a new account for you."),n(),c(),n()(),t(277,"nz-code-box",52),a(278,"nz-demo-form-advanced-search",48),t(279,"div",49),z(),t(280,"p"),e(281,"Three columns layout is often used for advanced searching of data table."),n(),t(282,"p"),e(283,"Because the width of label is not fixed, you may need to adjust it by customizing its style."),n(),c(),n()(),t(284,"nz-code-box",53),a(285,"nz-demo-form-dynamic-form-item",48),t(286,"div",49),z(),t(287,"p"),e(288,"Add or remove form items dynamically."),n(),c(),n()(),t(289,"nz-code-box",54),a(290,"nz-demo-form-time-related-controls",48),t(291,"div",49),z(),t(292,"p"),e(293,"All the types of input and output in time-related components are "),t(294,"code"),e(295,"Date"),n(),e(296,". You can use "),t(297,"a",55),e(298,"date-fns"),n(),e(299," to handle it."),n(),c(),n()(),t(300,"nz-code-box",56),a(301,"nz-demo-form-validate-reactive",48),t(302,"div",49),z(),t(303,"p"),e(304,"We provide properties like "),t(305,"code"),e(306,"nzValidateStatus"),n(),t(307,"code"),e(308,"nzHasFeedback"),n(),e(309," in "),t(310,"code"),e(311,"nz-form-control"),n(),e(312," to customize your own validate status and message, when using "),t(313,"a",27),e(314,"reactive forms"),n(),e(315,"."),n(),t(316,"ol")(317,"li")(318,"code"),e(319,"nzValidateStatus"),n(),e(320,": validate status of form components, the default status comes from the "),t(321,"code"),e(322,"NgControl"),n(),e(323," in "),t(324,"code"),e(325,"nz-form-control"),n(),e(326,", you can set other "),t(327,"code"),e(328,"NgControl"),n(),e(329," to it."),n(),t(330,"li")(331,"code"),e(332,"nzHasFeedback"),n(),e(333,": display feed icon of input control"),n(),t(334,"li")(335,"code"),e(336,"nzSuccessTip"),n(),t(337,"code"),e(338,"nzWarningTip"),n(),t(339,"code"),e(340,"nzErrorTip"),n(),t(341,"code"),e(342,"nzValidatingTip"),n(),e(343,"\uFF1Adisplay validate message\u3002"),n()(),t(344,"blockquote")(345,"p"),e(346,"When there are multiple tips in the same state, "),t(347,"code"),e(348,"nzSuccessTip"),n(),t(349,"code"),e(350,"nzWarningTip"),n(),t(351,"code"),e(352,"nzErrorTip"),n(),t(353,"code"),e(354,"nzValidatingTip"),n(),e(355," supports the passing "),t(356,"code"),e(357,"TemplateRef<{ $implicit: FormControl }"),n(),e(358," type, which can be used to switch tips after exporting "),t(359,"code"),e(360,"FormControl"),n(),e(361," via the "),t(362,"a",57),e(363,"template syntax"),n(),e(364,`.
21When the FormControl.status is `),t(365,"code"),e(366,"INVALID"),n(),e(367,", and the errors contains "),t(368,"code"),e(369,"{warning:true}"),n(),e(370," , the "),t(371,"code"),e(372,"nz-form-control"),n(),e(373," display with warning status."),n()(),c(),n()(),t(374,"nz-code-box",58),a(375,"nz-demo-form-validate-template",48),t(376,"div",49),z(),t(377,"p"),e(378,"When using "),t(379,"a",28),e(380,"template-driven forms"),n(),e(381,", the form could change its status via the template setting."),n(),t(382,"ol")(383,"li")(384,"code"),e(385,"nzHasFeedback"),n(),e(386,": display feed icon of input control"),n(),t(387,"li")(388,"code"),e(389,"nzSuccessTip"),n(),t(390,"code"),e(391,"nzWarningTip"),n(),t(392,"code"),e(393,"nzErrorTip"),n(),t(394,"code"),e(395,"nzValidatingTip"),n(),e(396,": display validate message\u3002"),n()(),t(397,"blockquote")(398,"p"),e(399,"When there are multiple tips in the same state, "),t(400,"code"),e(401,"nzSuccessTip"),n(),t(402,"code"),e(403,"nzWarningTip"),n(),t(404,"code"),e(405,"nzErrorTip"),n(),t(406,"code"),e(407,"nzValidatingTip"),n(),e(408," supports the passing "),t(409,"code"),e(410,"TemplateRef<{ $implicit: NgModel }"),n(),e(411," type, which can be used to switch tips after exporting "),t(412,"code"),e(413,"NgModel"),n(),e(414," via the "),t(415,"a",57),e(416,"template syntax"),n(),e(417,"."),n()(),c(),n()(),t(418,"nz-code-box",59),a(419,"nz-demo-form-auto-tips",48),t(420,"div",49),z(),t(421,"p"),e(422,"Make tips to be easy."),a(423,"br"),e(424,"Need to customize "),t(425,"code"),e(426,"Validators"),n(),e(427," and provide "),t(428,"code"),e(429,"nzAutoTips"),n(),e(430," in advance, the priority is as follows:"),n(),t(431,"ul")(432,"li")(433,"code"),e(434,"Validators"),n(),e(435," > "),t(436,"code"),e(437,"nzAutoTips"),n()(),t(438,"li"),e(439,"Via "),t(440,"code"),e(441,"@Input"),n(),e(442," set "),t(443,"code"),e(444,"nzAutoTips"),n()(),t(445,"li"),e(446,"Via global config set "),t(447,"code"),e(448,"nzAutoTips"),n()()(),t(449,"p"),e(450,"In addition, you can use "),t(451,"code"),e(452,"nzDisableAutoTips"),n(),e(453," to disable it."),n(),t(454,"blockquote")(455,"p"),e(456,"Via the current locale ("),t(457,"code"),e(458,"zh-cn"),n(),e(459,", "),t(460,"code"),e(461,"en"),n(),e(462,"...) is used as the "),t(463,"code"),e(464,"key"),n(),e(465," of "),t(466,"code"),e(467,"nzAutoTips"),n(),e(468," to search for tips. If it is not found, it will be searched again with "),t(469,"code"),e(470,"default"),n(),e(471,"."),n()(),c(),n()(),t(472,"nz-code-box",60),a(473,"nz-demo-form-validate-static",48),t(474,"div",49),z(),t(475,"p"),e(476,"You can set the form status directly via the "),t(477,"code"),e(478,"nzValidateStatus"),n(),e(479," on "),t(480,"code"),e(481,"nz-form-control"),n(),e(482,"."),n(),t(483,"ol")(484,"li")(485,"code"),e(486,"nzValidateStatus"),n(),e(487,": validate status of form components which could be 'success', 'warning', 'error', 'validating'."),n(),t(488,"li")(489,"code"),e(490,"nzHasFeedback"),n(),e(491,": display feed icon of input control"),n(),t(492,"li")(493,"code"),e(494,"nzSuccessTip"),n(),t(495,"code"),e(496,"nzWarningTip"),n(),t(497,"code"),e(498,"

21nzErrorTip"),n(),t(499,"code"),e(500,"nzValidatingTip"),n(),e(501,"\uFF1Adisplay validate message\u3002"),n()(),c(),n()(),t(502,"nz-code-box",61),a(503,"nz-demo-form-coordinated",48),t(504,"div",49),z(),t(505,"p"),e(506,"Use "),t(507,"code"),e(508,"setValue"),n(),e(509," to set other control's value programmaticly."),n(),c(),n()(),t(510,"nz-code-box",62),a(511,"nz-demo-form-layout",48),t(512,"div",49),z(),t(513,"p"),e(514,"There are three layout for form: "),t(515,"code"),e(516,"horizontal"),n(),e(517,", "),t(518,"code"),e(519,"vertical"),n(),e(520,", "),t(521,"code"),e(522,"inline"),n(),e(523,"."),n(),c(),n()(),t(524,"nz-code-box",63),a(525,"nz-demo-form-dynamic-rule",48),t(526,"div",49),z(),t(527,"p"),e(528,"Perform different check rules according to different situations."),n(),c(),n()(),t(529,"nz-code-box",64),a(530,"nz-demo-form-label-wrap",48),t(531,"div",49),z(),t(532,"p"),e(533,"Turn on "),t(534,"code"),e(535,"nzLabelWrap"),n(),e(536," to wrap label if text is long."),n(),c(),n()(),t(537,"nz-code-box",65),a(538,"nz-demo-form-label-align",48),t(539,"div",49),z(),t(540,"p"),e(541,"text align of form label."),n(),c(),n()()()(),t(542,"section",66),z(),t(543,"h2",67)(544,"span"),e(545,"API"),n(),t(546,"a",68),e(547,"#"),n()(),t(548,"h3",69)(549,"span"),e(550,"[nz-form]"),n(),t(551,"label",70),e(552,"directive"),n(),t(553,"a",71),e(554,"#"),n()(),t(555,"table")(556,"thead")(557,"tr")(558,"th"),e(559,"Property"),n(),t(560,"th"),e(561,"Description"),n(),t(562,"th"),e(563,"Type"),n(),t(564,"th"),e(565,"Default Value"),n(),t(566,"th"),e(567,"Global Config"),n()()(),t(568,"tbody")(569,"tr")(570,"td")(571,"code"),e(572,"[nzLayout]"),n()(),t(573,"td"),e(574,"Form layout"),n(),t(575,"td")(576,"code"),e(577,"'horizontal' | 'vertical' | 'inline'"),n()(),t(578,"td")(579,"code"),e(580,"'horizontal'"),n()(),a(581,"td"),n(),t(582,"tr")(583,"td")(584,"code"),e(585,"[nzAutoTips]"),n()(),t(586,"td"),e(587,"Set default props "),t(588,"code"),e(589,"[nzAutoTips]"),n(),e(590," value of "),t(591,"code"),e(592,"nz-form-control"),n(),e(593,", please refer to the example: "),t(594,"strong"),e(595,"Auto tips"),n()(),t(596,"td")(597,"code"),e(598,"Record<string, Record<string, string>>"),n()(),t(599,"td")(600,"code"),e(601,"{}"),n()(),t(602,"td"),e(603,"\u2705"),n()(),t(604,"tr")(605,"td")(606,"code"),e(607,"[nzDisableAutoTips]"),n()(),t(608,"td"),e(609,"Set default props "),t(610,"code"),e(611,"[nzDisableAutoTip]"),n(),e(612," value of "),t(613,"code"),e(614,"nz-form-control"),n()(),t(615,"td")(616,"code"),e(617,"boolean"),n()(),t(618,"td")(619,"code"),e(620,"false"),n()(),t(621,"td"),e(622,"\u2705"),n()(),t(623,"tr")(624,"td")(625,"code"),e(626,"[nzNoColon]"),n()(),t(627,"td"),e(628,"Set default props "),t(629,"code"),e(630,"[nzNoColon]"),n(),e(631," value of "),t(632,"code"),e(633,"nz-form-label"),n()(),t(634,"td")(635,"code"),e(636,"boolean"),n()(),t(637,"td")(638,"code"),e(639,"false"),n()(),t(640,"td"),e(641,"\u2705"),n()(),t(642,"tr")(643,"td")(644,"code"),e(645,"[nzTooltipIcon]"),n()(),t(646,"td"),e(647,"Set default props "),t(648,"code"),e(649,"[nzTooltipIcon]"),n(),e(650," value of "),t(651,"code"),e(652,"nz-form-label"),n()(),t(653,"td")(654,"code"),e(655,"string | { type: string; theme: ThemeType }"),n()(),t(656,"td")(657,"code"),e(658,"{ type: 'question-circle', theme: 'outline' }"),n()(),t(659,"td"),e(660,"\u2705"),n()(),t(661,"tr")(662,"td")(663,"code"),e(664,"[nzLabelAlign]"),n()(),t(665,"td"),e(666,"Set default props "),t(667,"code"),e(668,"[nzLabelAlign]"),n(),e(669," value of "),t(670,"code"),e(671,"nz-form-label"),n()(),t(672,"td")(673,"code"),e(674,"'left' | 'right'"),n()(),t(675,"td")(676,"code"),e(677,"'right'"),n()(),a(678,"td"),n(),t(679,"tr")(680,"td")(681,"code"),e(682,"[nzLabelWrap]"),n()(),t(683,"td"),e(684,"Set default props "),t(685,"code"),e(686,"[nzLabelWrap]"),n(),e(687," value of "),t(688,"code"),e(689,"nz-form-label"),n()(),t(690,"td")(691,"code"),e(692,"boolean"),n()(),t(693,"td")(694,"code"),e(695,"false"),n()(),a(696,"td"),n()()(),t(697,"h3",31)(698,"span"),e(699,"nz-form-item"),n(),t(700,"label",32),e(701,"component"),n(),t(702,"a",33),e(703,"#"),n()(),t(704,"p"),e(705,"Used to separate the item in forms, contains label(optional) and control field."),n(),t(706,"blockquote")(707,"p"),e(708,"All api in "),t(709,"a",72),e(710,"nz-row"),n(),e(711," can be used in "),t(712,"code"),e(713,"nz-form-item"),n(),e(714,"."),n()(),t(715,"h3",34)(716,"span"),e(717,"nz-form-label"),n(),t(718,"label",32),e(719,"component"),n(),t(720,"a",35),e(721,"#"),n()(),t(722,"p"),e(723,"The label of the form item, optional."),n(),t(724,"blockquote")(725,"p"),e(726,"All api in "),t(727,"a",72),e(728,"

21nz-col"),n(),e(729," can be used in "),t(730,"code"),e(731,"nz-form-label"),n(),e(732,"."),n()(),t(733,"table")(734,"thead")(735,"tr")(736,"th"),e(737,"Property"),n(),t(738,"th"),e(739,"Description"),n(),t(740,"th"),e(741,"Type"),n(),t(742,"th"),e(743,"Default Value"),n()()(),t(744,"tbody")(745,"tr")(746,"td")(747,"code"),e(748,"[nzRequired]"),n()(),t(749,"td"),e(750,"add required style to current item"),n(),t(751,"td")(752,"code"),e(753,"boolean"),n()(),t(754,"td")(755,"code"),e(756,"false"),n()()(),t(757,"tr")(758,"td")(759,"code"),e(760,"[nzNoColon]"),n()(),t(761,"td"),e(762,"whether to not display "),t(763,"code"),e(764,":"),n(),e(765," after label text."),n(),t(766,"td")(767,"code"),e(768,"boolean"),n()(),t(769,"td")(770,"code"),e(771,"false"),n()()(),t(772,"tr")(773,"td")(774,"code"),e(775,"[nzFor]"),n()(),t(776,"td"),e(777,"The "),t(778,"code"),e(779,"for"),n(),e(780," property of "),t(781,"code"),e(782,"label"),n()(),t(783,"td")(784,"code"),e(785,"string"),n()(),t(786,"td"),e(787,"-"),n()(),t(788,"tr")(789,"td")(790,"code"),e(791,"[nzTooltipTitle]"),n()(),t(792,"td"),e(793,"Set tooltip info"),n(),t(794,"td")(795,"code"),e(796,"string | TemplateRef<void>"),n()(),t(797,"td"),e(798,"-"),n()(),t(799,"tr")(800,"td")(801,"code"),e(802,"[nzTooltipIcon]"),n()(),t(803,"td"),e(804,"Set icon of tooltip info"),n(),t(805,"td")(806,"code"),e(807,"string | NzFormTooltipIcon"),n()(),t(808,"td"),e(809,"-"),n()(),t(810,"tr")(811,"td")(812,"code"),e(813,"[nzLabelAlign]"),n()(),t(814,"td"),e(815,"The text align of label"),n(),t(816,"td")(817,"code"),e(818,"'left' | 'right'"),n()(),t(819,"td")(820,"code"),e(821,"'right'"),n()()(),t(822,"tr")(823,"td")(824,"code"),e(825,"[nzLabelWrap]"),n()(),t(826,"td"),e(827,"whether label can be wrap"),n(),t(828,"td")(829,"code"),e(830,"boolean"),n()(),t(831,"td")(832,"code"),e(833,"false"),n()()()()(),t(834,"h3",36)(835,"span"),e(836,"nz-form-control"),n(),t(837,"label",32),e(838,"component"),n(),t(839,"a",37),e(840,"#"),n()(),t(841,"blockquote")(842,"p"),e(843,"Note\uFF1ADue to the lack of partial Observable in "),t(844,"a",73),e(845,"Angular Form"),n(),e(846,", you have to notify "),t(847,"code"),e(848,"nz-form-control"),n(),e(849," to update its status with "),t(850,"code"),e(851,"updateValueAndValidity"),n(),e(852," when you update form status using methods like "),t(853,"code"),e(854,"markAsDirty"),n(),e(855,"."),n()(),t(856,"p"),e(857,"A form consists of one or more form fields whose type includes input, textarea, checkbox, radio, select, tag, and more."),n(),t(858,"blockquote")(859,"p"),e(860,"All api in "),t(861,"a",72),e(862,"nz-col"),n(),e(863," can be used in "),t(864,"code"),e(865,"nz-form-control"),n(),e(866,"."),n()(),t(867,"table")(868,"thead")(869,"tr")(870,"th"),e(871,"Property"),n(),t(872,"th"),e(873,"Description"),n(),t(874,"th"),e(875,"Type"),n(),t(876,"th"),e(877,"Default Value"),n()()(),t(878,"tbody")(879,"tr")(880,"td")(881,"code"),e(882,"[nzValidateStatus]"),n()(),t(883,"td"),e(884,"Will generate status based on the input "),t(885,"code"),e(886,"FormControl"),n(),e(887,", "),t(888,"code"),e(889,"NgModel"),n(),e(890," or string, the default value is the first "),t(891,"code"),e(892,"FormControl"),n(),e(893," or "),t(894,"code"),e(895,"NgModel"),n(),e(896," in "),t(897,"code"),e(898,"nz-form-control"),n()(),t(899,"td")(900,"code"),e(901,"'success' | 'warning' | 'error' | 'validating' | FormControl | NgModel"),n()(),t(902,"td"),e(903,"first "),t(904,"code"),e(905,"FormControl"),n(),e(906," or "),t(907,"code"),e(908,"NgModel"),n(),e(909," in "),t(910,"code"),e(911,"nz-form-control"),n()()(),t(912,"tr")(913,"td")(914,"code"),e(915,"[nzHasFeedback]"),n()(),t(916,"td"),e(917,"Used with "),t(918,"code"),e(919,"nzValidateStatus"),n(),e(920,", this option specifies the validation status icon. Recommended to be used only with "),t(921,"code"),e(922,"Input"),n(),e(923,"."),n(),t(924,"td")(925,"code"),e(926,"boolean"),n()(),t(927,"td")(928,"code"),e(929,"false"),n()()(),t(930,"tr")(931,"td")(932,"code"),e(933,"[nzExtra]"),n()(),t(934,"td"),e(935,"The extra prompt message"),n(),t(936,"td")(937,"code"),e(938,"string | TemplateRef<void>"),n()(),t(939,"td"),e(940,"-"),n()(),t(941,"tr")(942,"td")(943,"code"),e(944,"[nzSuccessTip]"),n()(),t(945,"td"),e(946,"Tip display when validate success"),n(),t(947,"td")(948,"code"),e(949,"string | TemplateRef<{ $implicit: FormControl | NgModel }>"),n()(),t(950,"td"),e(951,"-"),n()(),t(952,"tr")(953,"td")(954,"code"),e(955,"[nzWarningTip]"),n()(),t(956,"td"),e(957,"Tip display when validate warning"),n(),t(958,"td")(959,"code"),e(960,"string | TemplateRef<{ $implicit: FormControl | NgModel }>"),n()(),t(961,"td"),e(962,"-"),n()(),t(963,"tr")(964,"td")(965,"code"),e(966,"[nzErrorTip]"),n()(),t(967,"td"),e(968,"Tip display when validate error"),n(),t(969,"td")(970,"code"),e(971,"string | TemplateRef<{ $implicit: FormControl | NgModel }>"),n()(),t(972,"td"),e(973,"-"),n()(),t(974,"tr")(975,"td")(976,"code"),e(977,"[nzValidatingTip]"),n()(),t(978,"td"),e(979,"Tip display when validating"),n(),t(980,"td")(981,"code"),e(982,"string | TemplateRef<{ $implicit: FormControl | NgModel }>"),n()(),t(983,"td"),e(984,"-"),n()(),t(985,"tr")(986,"td")(987,"code"),e(988,"[nzAutoTips]"),n()(),t(989,"td"),e(990,"The object of the tips, please refer to the example: "),t(991,"strong"),e(992,"Auto tips"),n()(),t(993,"td")(994,"code"),e(995,"Record<string, string | Record<string, string>>"),n()(),t(996,"td"),e(997,"-"),n()(),t(998,"tr")(999,"td")(1e3,"code"),e(1001,"[nzDisableAutoTips]"),n()(),t(1002,"td"),e(1003,"Disable Auto Tips"),n(),t(1004,"td")(1005,"code"),e(1006,"boolean"),n()(),t(1007,"td"),e(1008,"-"),n()()()(),t(1009,"h3",74)(1010,"span"),e(1011,"nz-form-split"),n(),t(1012,"label",32),e(1013,"component"),n(),t(1014,"a",75),e(1015,"#"),n()(),t(1016,"p"),e(1017,"The split icon of "),t(1018,"code"),e(1019,"-"),n()(),t(1020,"h3",76)(1021,"span"),e(1022,"nz-form-text"),n(),t(1023,"label",32),e(1024,"component"),n(),t(1025,"a",77),e(1026,"#"),n()(),t(1027,"p"),e(1028,"Text in "),t(1029,"code"),e(1030,"nz-form-control"),n()(),c(),n()()),r&2&&(o(),i("nzOffsetTop",16),o(),i("nzAffix",!1),o(258),i("nzGutter",8),o(),i("nzSpan",24),o(),i("nzId","components-form-demo-horizontal-login")("nzLink","components-form-demo-horizontal-login")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/horizontal-login.md"),o(5),i("nzId","components-form-demo-normal-login")("nzLink","components-form-demo-normal-login")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/normal-login.md"),o(5),i("nzId","components-form-demo-register")("nzLink","components-form-demo-register")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/register.md"),o(5),i("nzId","components-form-demo-advanced-search")("nzLink","components-form-demo-advanced-search")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/advanced-search.md"),o(7),i("nzId","components-form-demo-dynamic-form-item")("nzLink","components-form-demo-dynamic-form-item")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/dynamic-form-item.md"),o(5),i("nzId","components-form-demo-time-related-controls")("nzLink","components-form-demo-time-related-controls")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/time-related-controls.md"),o(11),i("nzId","components-form-demo-validate-reactive")("nzLink","components-form-demo-validate-reactive")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/validate-reactive.md"),o(74),i("nzId","components-form-demo-validate-template")("nzLink","components-form-demo-validate-template")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/validate-template.md"),o(44),i("nzId","components-form-demo-auto-tips")("nzLink","components-form-demo-auto-tips")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/auto-tips.md"),o(54),i("nzId","components-form-demo-validate-static")("nzLink","components-form-demo-validate-static")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/validate-static.md"),o(30),i("nzId","components-form-demo-coordinated")("nzLink","components-form-demo-coordinated")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/coordinated.md"),o(8),i("nzId","components-form-demo-layout")("nzLink","components-form-demo-layout")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/layout.md"),o(14),i("nzId","components-form-demo-dynamic-rule")("nzLink","components-form-demo-dynamic-rule")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/dynamic-rule.md"),o(5),i("nzId","components-form-demo-label-wrap")("nzLink","components-form-demo-label-wrap")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/label-wrap.md"),o(8),i("nzId","components-form-demo-label-align")("nzLink","components-form-demo-label-align")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/label-align.md"))},dependencies:[je,ae,Ze,Xe,$e,We,S,E,Oe,me,fe,Ee,Se,xe,ge,Fe,Ce,he,be,ve,Ne,ye,De,Te,Ae],encapsulation:2})};var en=[{path:"en",component:et},{path:"zh",component:Ke}],Ar=en;export{Ar as default};