chunk-7QUBX36U.js

import{d as Ue,e as ct,f as Qe}from"./chunk-DDXRK4C7.js";import{b as Ze,c as je}from"./chunk-LNMFZCXX.js";import{a as ut,b as pt,c as st}from"./chunk-QJV6BNJ5.js";import{b as se,d as ce}from"./chunk-B5YFDAEY.js";import{a as C,b as h,c as b,d as I,e as v}from"./chunk-GKVGRQJH.js";import{b as de,h as ue,i as pe}from"./chunk-VXEXO2ZG.js";import"./chunk-7YBW4ECE.js";import"./chunk-WB2K572S.js";import"./chunk-NOC6LG5C.js";import{a as lt,b as dt}from"./chunk-ERVUYXST.js";import{f as y,h as le,j as at,k as D}from"./chunk-DNIAAPRH.js";import"./chunk-EGUMISKP.js";import{a as _,b as V,d as R}from"./chunk-SF6YDLBW.js";import{a as w}from"./chunk-FKGJGU3K.js";import"./chunk-B3KZDYFP.js";import{a as me,g as We,h as Xe,j as $e}from"./chunk-U4AC2EQT.js";import"./chunk-OYNQOHKE.js";import{Ac as ot,Bc as rt,Ca as re,Cc as mt,Dc as Pe,Ea as Me,Ec as M,Fc as Ge,Gc as k,Hc as E,Ic as S,Lc as qe,ec as He,kc as N,mc as u,oc as x,pc as g,rc as Oe,sc as Le,tc as F,wc as A,xc as B,yc as nt,zc as it}from"./chunk-U67ZLHSB.js";import{Aa as ee,Ac as we,Ba as te,Bc as Ve,Cc as Re,Gc as Z,Hc as e,Ib as f,Jc as tt,Pb as H,Tc as oe,Vb as Be,Wb as i,aa as K,bd as j,c as Ae,dc as O,f as Y,fc as ke,gc as Ie,hc as _e,ic as t,jc as n,kc as a,na as T,oc as ie,rc as s,tb as o,tc as Ke,ya as c,za as z}from"./chunk-6WFMSBDD.js";import"./chunk-EQDQRRRY.js";function xt(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(),tt("Field ",r.index,""),o(2),i("formControlName","field"+r.index),Be("id","field"+r.index)}}var ze=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),Ie(2,xt,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(),_e(d.controlArray),o(3),i("nzSpan",24),o(),i("nzType","primary"),o(6),i("nzType",d.isCollapse?"down":"up"))},dependencies:[k,F,N,x,g,A,B,R,V,_,w,v,S,E,h,C,I,b,Me,re,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 gt(l,m){l&1&&e(0," Please confirm your password! ")}function Ft(l,m){l&1&&e(0," Password is inconsistent! ")}function Ct(l,m){if(l&1&&H(0,gt,1,0)(1,Ft,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 fe=class l{fb=T(M);destroy$=new Y;validateForm=this.fb.group({username:this.fb.control("",[ne.required,ne.maxLength(12),ne.minLength(6)],[this.usernameAsyncValidator]),mobile:this.fb.control("",[ne.required,ne.mobile]),email:this.fb.control("",[ne.required,ne.email]),password:this.fb.control("",[ne.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 valid email"}};ngOnInit(){this.validateForm.controls.password.valueChanges.pipe(K(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 Ae(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=ie();t(0,"form",1),s("ngSubmit",function(){return ee(p),te(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),H(26,Ct,2,2,"ng-template",null,0,j),n()(),t(28,"nz-form-item")(29,"nz-form-control",12)(30,"button",13),e(31,"Submit"),n()()()()}if(r&2){let p=Z(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:[k,F,N,x,g,A,B,R,V,_,w,v,S,E,h,C,I,b,D,y],styles:["[nz-form][_ngcontent-%COMP%]{max-width:600px}"]})},ne=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 ht(r)||bt(r)?null:{mobile:{"zh-cn":"\u624B\u673A\u53F7\u7801\u683C\u5F0F\u4E0D\u6B63\u786E",en:"Mobile phone number is not valid"}}}};function ht(l){return l==null||l.length===0}function bt(l){return typeof l=="string"&&/(^1\d{10}$)/.test(l)}var Ee=class l{fb=T(Pe);destroy$=new Y;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(K(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()}),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:[k,F,N,x,g,A,B,R,V,_,w,v,S,E,h,C,I,b,D,y,pe,de,ue],styles:["[nz-form][_ngcontent-%COMP%]{max-width:600px}"]})};var ft=()=>({span:24,offset:0}),Et=()=>({span:20,offset:4});function vt(l,m){if(l&1&&(t(0,"nz-form-label",5),e(1," Passengers "),n()),l&2){let r=Ke().$implicit;i("nzXs",24)("nzSm",4)("nzFor",r.controlInstance)}}function Nt(l,m){if(l&1){let r=ie();t(0,"nz-form-item"),H(1,vt,2,3,"nz-form-label",5),t(2,"nz-form-control",6),a(3,"input",7),t(4,"span",8),s("click",function(p){let L=ee(r).$implicit,ae=Ke();return te(ae.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 Se=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"],["nz-icon","","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()}),Ie(1,Nt,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(),_e(d.listOfControl),o(3),i("nzXs",oe(5,ft))("nzSm",oe(6,Et)),o(5),i("nzXs",oe(7,ft))("nzSm",oe(8,Et)))},dependencies:[k,F,N,x,g,A,B,R,V,_,w,v,S,E,h,C,I,b,Me,re,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 xe=class l{fb=T(M);destroy$=new Y;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(K(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=>{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:[k,F,N,x,g,A,B,R,V,_,w,ce,se,v,S,E,h,C,I,b,D,y],encapsulation:2})};var ge=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:[k,F,N,x,g,A,B,R,V,_,w,v,S,E,h,C,b,D,y,le],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-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:[k,F,N,x,g,A,B,v,S,E,h,C,I,b,D,y],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-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:[k,F,N,x,g,A,B,R,V,_,w,v,S,E,h,C,I,b,D,y],encapsulation:2})};var he=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:[k,F,N,x,g,A,B,R,V,_,w,v,S,E,h,C,I,b,D,y,st,pt,ut],styles:["[nz-form][_ngcontent-%COMP%]:not(.ant-form-inline):not(.ant-form-vertical){max-width:600px}"]})};var be=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()}),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:[k,F,N,x,g,A,B,R,V,_,w,ce,se,v,S,E,h,C,b,D,y,le],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 yt(l,m){l&1&&e(0," Please confirm your password! ")}function Dt(l,m){l&1&&e(0," Two passwords that you enter is inconsistent! ")}function Tt(l,m){if(l&1&&H(0,yt,1,0)(1,Dt,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 At(l,m){l&1&&(t(0,"nz-select",32),a(1,"nz-option",33)(2,"nz-option",34),n())}var ve=class l{fb=T(M);destroy$=new Y;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(K(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","nzValue","+86"],["nzLabel","+87","nzValue","+87"]],template:function(r,d){if(r&1){let p=ie();t(0,"form",2),s("ngSubmit",function(){return ee(p),te(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),H(16,Tt,2,2,"ng-template",null,0,j),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),H(29,At,3,0,"ng-template",null,1,j),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(ae){return ee(p),te(d.getCaptcha(ae))}),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=Z(17),L=Z(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:[k,F,N,x,g,A,B,R,V,_,w,ce,se,v,S,E,h,C,I,b,D,y,le,pe,de,ue],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 It=()=>({span:24,offset:0}),_t=()=>({span:16,offset:8}),Ne=class l{fb=T(Pe);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)("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("nzSm",8)("nzXs",24),o(2),i("nzSm",16)("nzXs",24),o(3),i("nzXs",oe(27,It))("nzSm",oe(28,_t)))},dependencies:[k,F,x,g,A,B,R,V,_,w,Qe,Ue,ct,v,S,E,h,C,I,b,je,Ze],styles:["form[_ngcontent-%COMP%]{max-width:600px}"]})};function wt(l,m){l&1&&e(0," Please input your username! ")}function Vt(l,m){l&1&&e(0," The username is redundant! ")}function Rt(l,m){if(l&1&&H(0,wt,1,0)(1,Vt,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 Mt(l,m){l&1&&e(0," The input is not valid E-mail! ")}function Ht(l,m){l&1&&e(0," Please input your E-mail! ")}function Ot(l,m){if(l&1&&H(0,Mt,1,0)(1,Ht,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 Lt(l,m){l&1&&e(0," Please confirm your password! ")}function Pt(l,m){l&1&&e(0," Password is inconsistent! ")}function Gt(l,m){if(l&1&&H(0,Lt,1,0)(1,Pt,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 ye=class l{fb=T(M);destroy$=new Y;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(K(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 Ae(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=ie();t(0,"form",3),s("ngSubmit",function(){return ee(p),te(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),H(6,Rt,2,2,"ng-template",null,0,j),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),H(13,Ot,2,2,"ng-template",null,1,j),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),H(25,Gt,2,2,"ng-template",null,2,j),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(ae){return ee(p),te(d.resetForm(ae))}),e(38,"Reset"),n()()()()}if(r&2){let p=Z(7),L=Z(14),ae=Z(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",ae),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:[k,F,N,x,g,A,B,R,V,_,w,v,S,E,h,C,I,b,D,at,y],styles:["[nz-form][_ngcontent-%COMP%]{max-width:600px}button[_ngcontent-%COMP%]{margin-left:8px}"]})};var De=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","invalidValid",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:[Ge,F,N,x,g,Le,Oe,Qe,Ue,v,S,E,h,C,I,b,D,y,dt,lt,pe,de,ue,je,Ze],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 qt(l,m){l&1&&e(0," MaxLength is 12 ")}function Wt(l,m){l&1&&e(0," MinLength is 6 ")}function Xt(l,m){l&1&&e(0," Input is required ")}function $t(l,m){if(l&1&&H(0,qt,1,0)(1,Wt,1,0)(2,Xt,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 Te=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),H(31,$t,3,3,"ng-template",null,0,j),n()()()),r&2){let p=Z(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:[Ge,F,N,x,g,nt,ot,rt,mt,it,Le,Oe,v,S,E,h,C,I,b,D,y],styles:["[nz-form][_ngcontent-%COMP%]{max-width:600px}"]})};var Je=class l{expanded=!1;codeBoxes;goLink(m){window&&(window.location.hash=m)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(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&&we(me,5),r&2){let p;Ve(p=Re())&&(d.codeBoxes=p)}},decls:1011,vars:64,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"],["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"],[1,"language-ts"],[1,"token","keyword"],[1,"token","string"],["nz-icon","","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","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","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","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","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","nzIframeHeight","nzHref"],["nzTitle","\u65F6\u95F4\u7C7B\u63A7\u4EF6","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","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","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","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","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","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","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","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","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","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","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()(),t(27,"section",18),z(),t(28,"p"),e(29,"\u5177\u6709\u6570\u636E\u6536\u96C6\u3001\u6821\u9A8C\u548C\u63D0\u4EA4\u529F\u80FD\u7684\u8868\u5355\uFF0C\u5305\u542B\u590D\u9009\u6846\u3001\u5355\u9009\u6846\u3001\u8F93\u5165\u6846\u3001\u4E0B\u62C9\u9009\u62E9\u6846\u7B49\u5143\u7D20\u3002"),n(),t(30,"p"),e(31,"\u8BE5\u7EC4\u4EF6\u9700\u8981\u4E0E "),t(32,"a",23),e(33,"Angular \u8868\u5355"),n(),e(34," \u7ED3\u5408\u4F7F\u7528\uFF0C\u5F00\u53D1\u8005\u6839\u636E\u9700\u8981\u53EF\u4EE5\u81EA\u7531\u9009\u62E9 "),t(35,"a",24),e(36,"\u54CD\u5E94\u5F0F\u8868\u5355"),n(),e(37," \u6216 "),t(38,"a",25),e(39,"\u6A21\u677F\u9A71\u52A8\u8868\u5355"),n(),e(40,"."),n(),t(41,"blockquote")(42,"p"),e(43,"\u4F7F\u7528\u8BE5\u7EC4\u4EF6\u524D\u8BF7\u786E\u4FDD\u60A8\u5DF2\u7ECF\u9605\u8BFB\u5E76\u638C\u63E1\u4E86 "),t(44,"a",23),e(45,"Forms"),n(),e(46," \u7684\u4F7F\u7528\u65B9\u5F0F\u3002"),n()(),t(47,"h2",26)(48,"span"),e(49,"\u8868\u5355"),n(),t(50,"a",27),e(51,"#"),n()(),t(52,"p"),e(53,"\u6211\u4EEC\u63D0\u4F9B\u4E86\u4EE5\u4E0B\u4E09\u79CD\u6392\u5217\u65B9\u5F0F\uFF1A"),n(),t(54,"ul")(55,"li"),e(56,"\u6C34\u5E73\u6392\u5217\uFF1A\u6807\u7B7E\u548C\u8868\u5355\u63A7\u4EF6\u6C34\u5E73\u6392\u5217\uFF1B\uFF08\u9ED8\u8BA4\uFF09"),n(),t(57,"li"),e(58,"\u5782\u76F4\u6392\u5217\uFF1A\u6807\u7B7E\u548C\u8868\u5355\u63A7\u4EF6\u4E0A\u4E0B\u5782\u76F4\u6392\u5217\uFF1B"),n(),t(59,"li"),e(60,"\u884C\u5185\u6392\u5217\uFF1A\u8868\u5355\u9879\u6C34\u5E73\u884C\u5185\u6392\u5217\u3002"),n()(),t(61,"h3",28)(62,"span"),e(63,"\u8868\u5355\u9879 nz-form-item"),n(),t(64,"a",29),e(65,"#"),n()(),t(66,"p"),e(67,"\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(68,"h3",30)(69,"span"),e(70,"\u8868\u5355\u6807\u7B7E nz-form-label"),n(),t(71,"a",31),e(72,"#"),n()(),t(73,"p"),e(74,"\u7528\u4E8E\u6807\u793A\u5F53\u524D\u8868\u5355\u9879\u7684\u5185\u5BB9\uFF0C\u53EF\u9009\u3002"),n(),t(75,"h3",32)(76,"span"),e(77,"\u8868\u5355\u57DF nz-form-control"),n(),t(78,"a",33),e(79,"#"),n()(),t(80,"p"),e(81,"\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(82,"pre")(83,"code",34)(84,"span",35)(85,"span",35)(86,"span",36),e(87,"<"),n(),e(88,"form"),n(),e(89," "),t(90,"span",37),e(91,"nz-form"),n(),t(92,"span",36),e(93,">"),n()(),e(94,`
  `),t(95,"span",35)(96,"span",35)(97,"span",36),e(98,"<"),n(),e(99,"nz-form-item"),n(),t(100,"span",36),e(101,">"),n()(),e(102,`
    `),t(103,"span",35)(104,"span",35)(105,"span",36),e(106,"<"),n(),e(107,"nz-form-label"),n(),e(108," "),t(109,"span",37),e(110,"[nzSpan]"),n(),t(111,"span",38)(112,"span",39),e(113,"="),n(),t(114,"span",36),e(115,'"'),n(),e(116,"6"),t(117,"span",36),e(118,'"'),n()(),e(119," "),t(120,"span",37),e(121,"nzFor"),n(),t(122,"span",38)(123,"span",39),e(124,"="),n(),t(125,"span",36),e(126,'"'),n(),e(127,"email"),t(128,"span",36),e(129,'"'),n()(),t(130,"span",36),e(131,">"),n()(),e(132,"E-mail"),t(133,"span",35)(134,"span",35)(135,"span",36),e(136,"</"),n(),e(137,"nz-form-label"),n(),t(138,"span",36),e(139,">"),n()(),e(140,`
    `),t(141,"span",35)(142,"span",35)(143,"span",36),e(144,"<"),n(),e(145,"nz-form-control"),n(),e(146," "),t(147,"span",37),e(148,"[nzSpan]"),n(),t(149,"span",38)(150,"span",39),e(151,"="),n(),t(152,"span",36),e(153,'"'),n(),e(154,"14"),t(155,"span",36),e(156,'"'),n()(),t(157,"span",36),e(158,">"),n()(),e(159,`
      `),t(160,"span",35)(161,"span",35)(162,"span",36),e(163,"<"),n(),e(164,"input"),n(),e(165," "),t(166,"span",37),e(167,"nz-input"),n(),e(168," "),t(169,"span",37),e(170,"name"),n(),t(171,"span",38)(172,"span",39),e(173,"="),n(),t(174,"span",36),e(175,'"'),n(),e(176,"email"),t(177,"span",36),e(178,'"'),n()(),e(179," "),t(180,"span",37),e(181,"type"),n(),t(182,"span",38)(183,"span",39),e(184,"="),n(),t(185,"span",36),e(186,'"'),n(),e(187,"email"),t(188,"span",36),e(189,'"'),n()(),e(190," "),t(191,"span",37),e(192,"id"),n(),t(193,"span",38)(194,"span",39),e(195,"="),n(),t(196,"span",36),e(197,'"'),n(),e(198,"email"),t(199,"span",36),e(200,'"'),n()(),e(201," "),t(202,"span",36),e(203,"/>"),n()(),e(204,`
    `),t(205,"span",35)(206,"span",35)(207,"span",36),e(208,"</"),n(),e(209,"nz-form-control"),n(),t(210,"span",36),e(211,">"),n()(),e(212,`
  `),t(213,"span",35)(214,"span",35)(215,"span",36),e(216,"</"),n(),e(217,"nz-form-item"),n(),t(218,"span",36),e(219,">"),n()(),e(220,`
`),t(221,"span",35)(222,"span",35)(223,"span",36),e(224,"</"),n(),e(225,"form"),n(),t(226,"span",36),e(227,">"),n()(),e(228,`
`),n()(),t(229,"pre")(230,"code",40)(231,"span",41),e(232,"import"),n(),e(233," "),t(234,"span",36),e(235,"{"),n(),e(236," NzFormModule "),t(237,"span",36),e(238,"}"),n(),e(239," "),t(240,"span",41),e(241,"from"),n(),e(242," "),t(243,"span",42),e(244,"'ng-zorro-antd/form'"),n(),t(245,"span",36),e(246,";"),n(),e(247,`
`),n()(),c(),n(),t(248,"h2")(249,"span"),e(250,"\u4EE3\u7801\u6F14\u793A"),n(),t(251,"span",43),s("click",function(){return d.expandAllCode()}),n()()(),t(252,"div",44)(253,"div",45)(254,"nz-code-box",46),a(255,"nz-demo-form-horizontal-login",47),t(256,"div",48),z(),t(257,"p"),e(258,"\u5185\u8054\u767B\u5F55\u680F\uFF0C\u5E38\u7528\u5728\u9876\u90E8\u5BFC\u822A\u680F\u4E2D\u3002"),n(),c(),n()(),t(259,"nz-code-box",49),a(260,"nz-demo-form-normal-login",47),t(261,"div",48),z(),t(262,"p"),e(263,"\u666E\u901A\u7684\u767B\u5F55\u6846\uFF0C\u53EF\u4EE5\u5BB9\u7EB3\u66F4\u591A\u7684\u5143\u7D20\u3002"),n(),c(),n()(),t(264,"nz-code-box",50),a(265,"nz-demo-form-register",47),t(266,"div",48),z(),t(267,"p"),e(268,"\u7528\u6237\u586B\u5199\u5FC5\u987B\u7684\u4FE1\u606F\u4EE5\u6CE8\u518C\u65B0\u7528\u6237\u3002"),n(),c(),n()(),t(269,"nz-code-box",51),a(270,"nz-demo-form-advanced-search",47),t(271,"div",48),z(),t(272,"p"),e(273,"\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(274,"p"),e(275,"\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(276,"nz-code-box",52),a(277,"nz-demo-form-dynamic-form-item",47),t(278,"div",48),z(),t(279,"p"),e(280,"\u52A8\u6001\u589E\u52A0\u3001\u51CF\u5C11\u8868\u5355\u9879\u3002"),n(),c(),n()(),t(281,"nz-code-box",53),a(282,"nz-demo-form-time-related-controls",47),t(283,"div",48),z(),t(284,"p"),e(285,"\u65F6\u95F4\u7C7B\u7EC4\u4EF6\u7684\u8F93\u5165\u548C\u8F93\u51FA\u7C7B\u578B\u5747\u4E3A "),t(286,"code"),e(287,"Date"),n(),e(288," \u7C7B\u578B\uFF0C\u53EF\u4EE5\u901A\u8FC7 "),t(289,"a",54),e(290,"date-fns"),n(),e(291," \u5DE5\u5177\u5E93\u8FDB\u884C\u8FDB\u4E00\u6B65\u7684\u5904\u7406\u3002"),n(),c(),n()(),t(292,"nz-code-box",55),a(293,"nz-demo-form-validate-reactive",47),t(294,"div",48),z(),t(295,"p"),e(296,"\u6211\u4EEC\u5728 "),t(297,"code"),e(298,"nz-form-control"),n(),e(299," \u4E0A \u63D0\u4F9B\u4E86 "),t(300,"code"),e(301,"nzValidateStatus"),n(),t(302,"code"),e(303,"nzHasFeedback"),n(),e(304," \u7B49\u5C5E\u6027\uFF0C\u5F53\u4F7F\u7528"),t(305,"a",24),e(306,"\u54CD\u5E94\u5F0F\u8868\u5355"),n(),e(307,"\u65F6\uFF0C\u53EF\u4EE5\u81EA\u5DF1\u5B9A\u4E49\u6821\u9A8C\u7684\u65F6\u673A\u548C\u5185\u5BB9\u3002"),n(),t(308,"ol")(309,"li")(310,"code"),e(311,"nzValidateStatus"),n(),e(312,": \u6821\u9A8C\u72B6\u6001\uFF0C\u9ED8\u8BA4\u81EA\u52A8\u4ECE "),t(313,"code"),e(314,"nz-form-control"),n(),e(315," \u4E2D\u7684 "),t(316,"code"),e(317,"NgControl"),n(),e(318," \u83B7\u5F97\u6821\u9A8C\u72B6\u6001\uFF0C\u4E5F\u53EF\u4EE5\u624B\u52A8\u6307\u5B9A\u4E3A\u7279\u5B9A\u7684 "),t(319,"code"),e(320,"NgControl"),n(),e(321,"\u3002"),n(),t(322,"li")(323,"code"),e(324,"nzHasFeedback"),n(),e(325,"\uFF1A\u7528\u4E8E\u7ED9\u8F93\u5165\u6846\u6DFB\u52A0\u53CD\u9988\u56FE\u6807\u3002"),n(),t(326,"li")(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,"\uFF1A\u8BBE\u7F6E\u4E0D\u540C\u72B6\u6001\u6821\u9A8C\u6587\u6848\u3002"),n()(),t(336,"blockquote")(337,"p"),e(338,"\u5F53\u540C\u4E00\u79CD\u72B6\u6001\u4E0B\u5B58\u5728\u591A\u79CD\u63D0\u793A\u60C5\u51B5\u65F6\uFF0C"),t(339,"code"),e(340,"nzSuccessTip"),n(),t(341,"code"),e(342,"nzWarningTip"),n(),t(343,"code"),e(344,"nzErrorTip"),n(),t(345,"code"),e(346,"nzValidatingTip"),n(),e(347," \u5747\u652F\u6301\u4F20\u5165 "),t(348,"code"),e(349,"TemplateRef<{ $implicit: FormControl }"),n(),e(350," \u7C7B\u578B\uFF0C\u53EF\u4EE5\u901A\u8FC7"),t(351,"a",56),e(352,"\u6A21\u677F\u53D8\u91CF"),n(),e(353,"\u5BFC\u51FA "),t(354,"code"),e(355,"FormControl"),n(),e(356,` \u540E\u7528\u4E8E\u5207\u6362\u4E0D\u540C\u7684\u63D0\u793A\u4FE1\u606F\u3002
\u5F53 FormControl.status \u4E3A `),t(357,"code"),e(358,"INVALID"),n(),e(359," \u5E76\u4E14\u9519\u8BEF\u5305\u542B "),t(360,"code"),e(361,"{warning\uFF1Atrue}"),n(),e(362," \u65F6\uFF0C"),t(363,"code"),e(364,"nz-form-control"),n(),e(365," \u663E\u793A\u8B66\u544A\u72B6\u6001\u3002"),n()(),c(),n()(),t(366,"nz-code-box",57),a(367,"nz-demo-form-validate-template",47),t(368,"div",48),z(),t(369,"p"),e(370,"\u5F53\u4F7F\u7528"),t(371,"a",25),e(372,"\u6A21\u677F\u9A71\u52A8\u8868\u5355"),n(),e(373,"\u65F6\uFF0C\u6A21\u677F\u53EF\u4EE5\u6839\u636E\u6A21\u677F\u8BBE\u5B9A\u81EA\u52A8\u8FDB\u884C\u6821\u9A8C\u3002"),n(),t(374,"ol")(375,"li")(376,"code"),e(377,"nzHasFeedback"),n(),e(378,"\uFF1A\u7528\u4E8E\u7ED9\u8F93\u5165\u6846\u6DFB\u52A0\u53CD\u9988\u56FE\u6807\u3002"),n(),t(379,"li")(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,"\uFF1A\u8BBE\u7F6E\u4E0D\u540C\u72B6\u6001\u6821\u9A8C\u6587\u6848\u3002"),n()(),t(389,"blockquote")(390,"p"),e(391,"\u5F53\u540C\u4E00\u79CD\u72B6\u6001\u4E0B\u5B58\u5728\u591A\u79CD\u63D0\u793A\u60C5\u51B5\u65F6\uFF0C"),t(392,"code"),e(393,"nzSuccessTip"),n(),t(394,"code"),e(395,"nzWarningTip"),n(),t(396,"code"),e(397,"nzErrorTip"),n(),t(398,"code"),e(399,"nzValidatingTip"),n(),e(400," \u5747\u652F\u6301\u4F20\u5165 "),t(401,"code"),e(402,"TemplateRef<{ $implicit: NgModel }"),n(),e(403," \u7C7B\u578B\uFF0C\u53EF\u4EE5\u901A\u8FC7"),t(404,"a",56),e(405,"\u6A21\u677F\u53D8\u91CF"),n(),e(406,"\u5BFC\u51FA "),t(407,"code"),e(408,"NgModel"),n(),e(409," \u540E\u7528\u4E8E\u5207\u6362\u4E0D\u540C\u7684\u63D0\u793A\u4FE1\u606F\u3002"),n()(),c(),n()(),t(410,"nz-code-box",58),a(411,"nz-demo-form-auto-tips",47),t(412,"div",48),z(),t(413,"p"),e(414,"\u8BA9\u63D0\u793A\u53D8\u5F97\u66F4\u7B80\u5355\u3002"),a(415,"br"),e(416,"\u9700\u8981\u9884\u5148\u81EA\u5B9A\u4E49 "),t(417,"code"),e(418,"Validators"),n(),e(419," \u548C\u63D0\u4F9B "),t(420,"code"),e(421,"nzAutoTips"),n(),e(422,"\uFF0C\u5B83\u4EEC\u4F18\u5148\u7EA7\u5982\u4E0B\uFF1A"),n(),t(423,"ul")(424,"li")(425,"code"),e(426,"Validators"),n(),e(427," > "),t(428,"code"),e(429,"nzAutoTips"),n()(),t(430,"li"),e(431,"\u901A\u8FC7 "),t(432,"code"),e(433,"@Input"),n(),e(434," \u8BBE\u7F6E "),t(435,"code"),e(436,"nzAutoTips"),n()(),t(437,"li"),e(438,"\u901A\u8FC7\u5168\u5C40\u914D\u7F6E\u8BBE\u7F6E "),t(439,"code"),e(440,"nzAutoTips"),n()()(),t(441,"p"),e(442,"\u53E6\u5916\uFF0C\u4F60\u53EF\u4EE5\u4F7F\u7528 "),t(443,"code"),e(444,"nzDisableAutoTips"),n(),e(445," \u53BB\u7981\u7528\u5B83\u3002"),n(),t(446,"blockquote")(447,"p"),e(448,"\u4F7F\u7528\u5F53\u524D\u7684\u8BED\u8A00\u73AF\u5883("),t(449,"code"),e(450,"zh-cn"),n(),e(451,","),t(452,"code"),e(453,"en"),n(),e(454,"...)\u4F5C\u4E3A "),t(455,"code"),e(456,"nzAutoTips"),n(),e(457," \u7684 "),t(458,"code"),e(459,"key"),n(),e(460," \u53BB\u67E5\u627E\u63D0\u793A\uFF0C\u5982\u679C\u6CA1\u627E\u5230\u4F1A\u518D\u7528 "),t(461,"code"),e(462,"default"),n(),e(463," \u67E5\u627E\u4E00\u6B21\u3002"),n()(),c(),n()(),t(464,"nz-code-box",59),a(465,"nz-demo-form-validate-static",47),t(466,"div",48),z(),t(467,"p"),e(468,"\u7528\u6237\u53EF\u4EE5\u5728\u901A\u8FC7 "),t(469,"code"),e(470,"nz-form-control"),n(),e(471," \u7684 "),t(472,"code"),e(473,"nzValidateStatus"),n(),e(474," \u5C5E\u6027\u76F4\u63A5\u8BBE\u5B9A\u8868\u5355\u7684\u72B6\u6001\u3002"),n(),t(475,"ol")(476,"li")(477,"code"),e(478,"nzValidateStatus"),n(),e(479,": \u6821\u9A8C\u72B6\u6001\uFF0C\u53EF\u9009 'success', 'warning', 'error', 'validating'\u3002"),n(),t(480,"li")(481,"code"),e(482,"nzHasFeedback"),n(),e(483,"\uFF1A\u7528\u4E8E\u7ED9\u8F93\u5165\u6846\u6DFB\u52A0\u53CD\u9988\u56FE\u6807\u3002"),n(),t(484,"li")(485,"code"),e(486,"nzSuccessTip"),n(),t(487,"code"),e(488,"nzWarningTip"),n(),t(489,"code"),e(490,"nzErrorTip"),n(),t(491,"code"),e(492,"nzValidatingTip"),n(),e(493,"\uFF1A\u8BBE\u7F6E\u4E0D\u540C\u72B6\u6001\u6821\u9A8C\u6587\u6848\u3002"),n()(),c(),n()(),t(494,"nz-code-box",60),a(495,"nz-demo-form-coordinated",47),t(496,"div",48),z(),t(497,"p"),e(498,"\u4F7F\u7528 "),t(499,"code"),e(500,"setValue"),n(),e(501," \u6765\u52A8\u6001\u8BBE\u7F6E\u5176\u4ED6\u63A7\u4EF6\u7684\u503C\u3002"),n(),c(),n()(),t(502,"nz-code-box",61),a(503,"nz-demo-form-layout",47),t(504,"div",48),z(),t(505,"p"),e(506,"\u8868\u5355\u6709\u4E09\u79CD\u5E03\u5C40\u3002"),n(),c(),n()(),t(507,"nz-code-box",62),a(508,"nz-demo-form-dynamic-rule",47),t(509,"div",48),z(),t(510,"p"),e(511,"\u6839\u636E\u4E0D\u540C\u60C5\u51B5\u6267\u884C\u4E0D\u540C\u7684\u6821\u9A8C\u89C4\u5219\u3002"),n(),c(),n()(),t(512,"nz-code-box",63),a(513,"nz-demo-form-label-wrap",47),t(514,"div",48),z(),t(515,"p"),e(516,"\u4F7F\u7528 "),t(517,"code"),e(518,"nzLabelWrap"),n(),e(519," \u53EF\u4EE5\u5F00\u542F "),t(520,"code"),e(521,"label"),n(),e(522," \u6362\u884C\u3002"),n(),c(),n()(),t(523,"nz-code-box",64),a(524,"nz-demo-form-label-align",47),t(525,"div",48),z(),t(526,"p"),e(527,"\u8868\u5355\u6807\u7B7E\u6587\u672C\u5BF9\u9F50\u65B9\u5F0F\u3002"),n(),c(),n()()()(),t(528,"section",65),z(),t(529,"h2",66)(530,"span"),e(531,"API"),n(),t(532,"a",67),e(533,"#"),n()(),t(534,"h3",68)(535,"span"),e(536,"[nz-form]"),n(),t(537,"label",69),e(538,"directive"),n(),t(539,"a",70),e(540,"#"),n()(),t(541,"table")(542,"thead")(543,"tr")(544,"th"),e(545,"\u53C2\u6570"),n(),t(546,"th"),e(547,"\u8BF4\u660E"),n(),t(548,"th"),e(549,"\u7C7B\u578B"),n(),t(550,"th"),e(551,"\u9ED8\u8BA4\u503C"),n(),t(552,"th"),e(553,"\u5168\u5C40\u914D\u7F6E"),n()()(),t(554,"tbody")(555,"tr")(556,"td")(557,"code"),e(558,"[nzLayout]"),n()(),t(559,"td"),e(560,"\u8868\u5355\u5E03\u5C40"),n(),t(561,"td")(562,"code"),e(563,"'horizontal' | 'vertical' | 'inline'"),n()(),t(564,"td")(565,"code"),e(566,"'horizontal'"),n()(),a(567,"td"),n(),t(568,"tr")(569,"td")(570,"code"),e(571,"[nzAutoTips]"),n()(),t(572,"td"),e(573,"\u914D\u7F6E "),t(574,"code"),e(575,"nz-form-control"),n(),e(576," \u7684 "),t(577,"code"),e(578,"[nzAutoTips]"),n(),e(579," \u7684\u9ED8\u8BA4\u503C, \u5177\u4F53\u7528\u6CD5\u8BF7\u53C2\u8003\u793A\u4F8B\uFF1A"),t(580,"strong"),e(581,"\u81EA\u52A8\u63D0\u793A"),n()(),t(582,"td")(583,"code"),e(584,"Record<string, Record<string, string>>"),n()(),t(585,"td")(586,"code"),e(587,"{}"),n()(),t(588,"td"),e(589,"\u2705"),n()(),t(590,"tr")(591,"td")(592,"code"),e(593,"[nzDisableAutoTips]"),n()(),t(594,"td"),e(595,"\u914D\u7F6E "),t(596,"code"),e(597,"nz-form-control"),n(),e(598," \u7684 "),t(599,"code"),e(600,"[nzDisableAutoTips]"),n(),e(601," \u7684\u9ED8\u8BA4\u503C"),n(),t(602,"td")(603,"code"),e(604,"boolean"),n()(),t(605,"td")(606,"code"),e(607,"false"),n()(),t(608,"td"),e(609,"\u2705"),n()(),t(610,"tr")(611,"td")(612,"code"),e(613,"[nzNoColon]"),n()(),t(614,"td"),e(615,"\u914D\u7F6E "),t(616,"code"),e(617,"nz-form-label"),n(),e(618," \u7684 "),t(619,"code"),e(620,"[nzNoColon]"),n(),e(621," \u7684\u9ED8\u8BA4\u503C"),n(),t(622,"td")(623,"code"),e(624,"boolean"),n()(),t(625,"td")(626,"code"),e(627,"false"),n()(),t(628,"td"),e(629,"\u2705"),n()(),t(630,"tr")(631,"td")(632,"code"),e(633,"[nzTooltipIcon]"),n()(),t(634,"td"),e(635,"\u914D\u7F6E "),t(636,"code"),e(637,"nz-form-label"),n(),e(638," \u7684 "),t(639,"code"),e(640,"[nzTooltipIcon]"),n(),e(641," \u7684\u9ED8\u8BA4\u503C"),n(),t(642,"td")(643,"code"),e(644,"string | { type: string; theme: ThemeType }"),n()(),t(645,"td")(646,"code"),e(647,"{ type: 'question-circle', theme: 'outline' }"),n()(),t(648,"td"),e(649,"\u2705"),n()(),t(650,"tr")(651,"td")(652,"code"),e(653,"[nzLabelAlign]"),n()(),t(654,"td"),e(655,"\u914D\u7F6E "),t(656,"code"),e(657,"nz-form-label"),n(),e(658," \u7684 "),t(659,"code"),e(660,"[nzLabelAlign]"),n(),e(661," \u7684\u9ED8\u8BA4\u503C"),n(),t(662,"td")(663,"code"),e(664,"'left' | 'right'"),n()(),t(665,"td")(666,"code"),e(667,"'right'"),n()(),a(668,"td"),n(),t(669,"tr")(670,"td")(671,"code"),e(672,"[nzLabelWrap]"),n()(),t(673,"td"),e(674,"\u914D\u7F6E "),t(675,"code"),e(676,"nz-form-label"),n(),e(677," \u7684 "),t(678,"code"),e(679,"[nzLabelWrap]"),n(),e(680," \u7684\u9ED8\u8BA4\u503C"),n(),t(681,"td")(682,"code"),e(683,"boolean"),n()(),t(684,"td")(685,"code"),e(686,"false"),n()(),a(687,"td"),n()()(),t(688,"h3",71)(689,"span"),e(690,"nz-form-item"),n(),t(691,"label",72),e(692,"component"),n(),t(693,"a",73),e(694,"#"),n()(),t(695,"p"),e(696,"\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(697,"blockquote")(698,"p"),e(699,"\u6240\u6709 "),t(700,"a",74),e(701,"nz-row"),n(),e(702," \u7684\u53C2\u6570\u5728 "),t(703,"code"),e(704,"nz-form-item"),n(),e(705," \u4E0A\u5747\u53EF\u76F4\u63A5\u4F7F\u7528\u3002"),n()(),t(706,"h3",75)(707,"span"),e(708,"nz-form-label"),n(),t(709,"label",72),e(710,"component"),n(),t(711,"a",76),e(712,"#"),n()(),t(713,"p"),e(714,"\u7528\u4E8E\u6807\u793A\u5F53\u524D\u8868\u5355\u9879\u7684\u5185\u5BB9\uFF0C\u53EF\u9009\u3002"),n(),t(715,"blockquote")(716,"p"),e(717,"\u6240\u6709 "),t(718,"a",74),e(719,"nz-col"),n(),e(720," \u7684\u53C2\u6570\u5728 "),t(721,"code"),e(722,"nz-form-label"),n(),e(723," \u4E0A\u5747\u53EF\u76F4\u63A5\u4F7F\u7528\u3002"),n()(),t(724,"table")(725,"thead")(726,"tr")(727,"th"),e(728,"\u53C2\u6570"),n(),t(729,"th"),e(730,"\u8BF4\u660E"),n(),t(731,"th"),e(732,"\u7C7B\u578B"),n(),t(733,"th"),e(734,"\u9ED8\u8BA4\u503C"),n()()(),t(735,"tbody")(736,"tr")(737,"td")(738,"code"),e(739,"[nzRequired]"),n()(),t(740,"td"),e(741,"\u5F53\u524D\u9879\u662F\u5426\u4E3A\u5FC5\u586B\uFF0C\u4EC5\u5F71\u54CD\u6837\u5F0F"),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,"[nzNoColon]"),n()(),t(752,"td"),e(753,"\u662F\u5426\u4E0D\u663E\u793A label \u540E\u9762\u7684\u5192\u53F7"),n(),t(754,"td")(755,"code"),e(756,"boolean"),n()(),t(757,"td")(758,"code"),e(759,"false"),n()()(),t(760,"tr")(761,"td")(762,"code"),e(763,"[nzFor]"),n()(),t(764,"td"),e(765,"label \u6807\u7B7E\u7684 for \u5C5E\u6027"),n(),t(766,"td")(767,"code"),e(768,"string"),n()(),t(769,"td"),e(770,"-"),n()(),t(771,"tr")(772,"td")(773,"code"),e(774,"[nzTooltipTitle]"),n()(),t(775,"td"),e(776,"\u914D\u7F6E\u63D0\u793A\u4FE1\u606F"),n(),t(777,"td")(778,"code"),e(779,"string | TemplateRef<void>"),n()(),t(780,"td"),e(781,"-"),n()(),t(782,"tr")(783,"td")(784,"code"),e(785,"[nzTooltipIcon]"),n()(),t(786,"td"),e(787,"\u914D\u7F6E\u63D0\u793A\u4FE1\u606F\u7684\u56FE\u6807"),n(),t(788,"td")(789,"code"),e(790,"string | NzFormTooltipIcon"),n()(),t(791,"td"),e(792,"-"),n()(),t(793,"tr")(794,"td")(795,"code"),e(796,"[nzLabelAlign]"),n()(),t(797,"td"),e(798,"\u6807\u7B7E\u6587\u672C\u5BF9\u9F50\u65B9\u5F0F"),n(),t(799,"td")(800,"code"),e(801,"'left' | 'right'"),n()(),t(802,"td")(803,"code"),e(804,"'right'"),n()()(),t(805,"tr")(806,"td")(807,"code"),e(808,"[nzLabelWrap]"),n()(),t(809,"td"),e(810,"label \u6807\u7B7E\u7684\u6587\u672C\u6362\u884C\u65B9\u5F0F"),n(),t(811,"td")(812,"code"),e(813,"boolean"),n()(),t(814,"td")(815,"code"),e(816,"false"),n()()()()(),t(817,"h3",77)(818,"span"),e(819,"nz-form-control"),n(),t(820,"label",72),e(821,"component"),n(),t(822,"a",78),e(823,"#"),n()(),t(824,"blockquote")(825,"p"),e(826,"\u6CE8\u610F\uFF1A\u7531\u4E8E Angular Form \u76EE\u524D\u63D0\u4F9B\u7684"),t(827,"a",79),e(828,"\u72B6\u6001\u53D8\u66F4\u8BA2\u9605"),n(),e(829,"\u4E0D\u5B8C\u6574\u3002\u624B\u52A8\u66F4\u6539\u8868\u5355\u72B6\u6001\u65F6\uFF0C\u4F8B\u5982 "),t(830,"code"),e(831,"markAsDirty"),n(),e(832," \u540E\uFF0C\u9700\u8981\u6267\u884C "),t(833,"code"),e(834,"updateValueAndValidity"),n(),e(835," \u901A\u77E5 "),t(836,"code"),e(837,"nz-form-control"),n(),e(838," \u8FDB\u884C\u72B6\u6001\u53D8\u66F4\u3002"),n()(),t(839,"p"),e(840,"\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(841,"blockquote")(842,"p"),e(843,"\u6240\u6709 "),t(844,"a",74),e(845,"nz-col"),n(),e(846," \u7684\u53C2\u6570\u5728 "),t(847,"code"),e(848,"nz-form-control"),n(),e(849," \u4E0A\u5747\u53EF\u76F4\u63A5\u4F7F\u7528\u3002"),n()(),t(850,"table")(851,"thead")(852,"tr")(853,"th"),e(854,"\u53C2\u6570"),n(),t(855,"th"),e(856,"\u8BF4\u660E"),n(),t(857,"th"),e(858,"\u7C7B\u578B"),n(),t(859,"th"),e(860,"\u9ED8\u8BA4\u503C"),n()()(),t(861,"tbody")(862,"tr")(863,"td")(864,"code"),e(865,"[nzValidateStatus]"),n()(),t(866,"td"),e(867,"\u4F1A\u6839\u636E\u4F20\u5165\u7684 "),t(868,"code"),e(869,"FormControl"),n(),e(870," \u6216 "),t(871,"code"),e(872,"NgModel"),n(),e(873," \u81EA\u52A8\u751F\u6210\u6821\u9A8C\u72B6\u6001\uFF0C\u4E5F\u53EF\u4EE5\u76F4\u63A5\u6307\u5B9A\u72B6\u6001\uFF0C\u4E0D\u4F20\u5165\u65F6\u9ED8\u8BA4\u503C\u4E3A "),t(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,"td")(883,"code"),e(884,"'success' | 'warning' | 'error' | 'validating' | FormControl | NgModel"),n()(),t(885,"td")(886,"code"),e(887,"nz-form-control"),n(),e(888," \u4E2D\u5305\u88F9\u7684\u7B2C\u4E00\u4E2A "),t(889,"code"),e(890,"FormControl"),n(),e(891," \u6216 "),t(892,"code"),e(893,"NgModel"),n()()(),t(894,"tr")(895,"td")(896,"code"),e(897,"[nzHasFeedback]"),n()(),t(898,"td"),e(899,"\u914D\u5408 "),t(900,"code"),e(901,"nzValidateStatus"),n(),e(902," \u5C5E\u6027\u4F7F\u7528\uFF0C\u5C55\u793A\u6821\u9A8C\u72B6\u6001\u56FE\u6807"),n(),t(903,"td")(904,"code"),e(905,"boolean"),n()(),t(906,"td")(907,"code"),e(908,"false"),n()()(),t(909,"tr")(910,"td")(911,"code"),e(912,"[nzExtra]"),n()(),t(913,"td"),e(914,"\u7528\u4E8E\u663E\u793A\u8868\u5355\u989D\u5916\u63D0\u793A\u4FE1\u606F"),n(),t(915,"td")(916,"code"),e(917,"string | TemplateRef<void>"),n()(),t(918,"td"),e(919,"-"),n()(),t(920,"tr")(921,"td")(922,"code"),e(923,"[nzSuccessTip]"),n()(),t(924,"td"),e(925,"\u6821\u9A8C\u72B6\u6001 success \u65F6\u63D0\u793A\u4FE1\u606F"),n(),t(926,"td")(927,"code"),e(928,"string | TemplateRef<{ $implicit: FormControl | NgModel }>"),n()(),t(929,"td"),e(930,"-"),n()(),t(931,"tr")(932,"td")(933,"code"),e(934,"[nzWarningTip]"),n()(),t(935,"td"),e(936,"\u6821\u9A8C\u72B6\u6001 warning \u65F6\u63D0\u793A\u4FE1\u606F"),n(),t(937,"td")(938,"code"),e(939,"string | TemplateRef<{ $implicit: FormControl | NgModel }>"),n()(),t(940,"td"),e(941,"-"),n()(),t(942,"tr")(943,"td")(944,"code"),e(945,"[nzErrorTip]"),n()(),t(946,"td"),e(947,"\u6821\u9A8C\u72B6\u6001 error \u65F6\u63D0\u793A\u4FE1\u606F"),n(),t(948,"td")(949,"code"),e(950,"string | TemplateRef<{ $implicit: FormControl | NgModel }>"),n()(),t(951,"td"),e(952,"-"),n()(),t(953,"tr")(954,"td")(955,"code"),e(956,"[nzValidatingTip]"),n()(),t(957,"td"),e(958,"\u6B63\u5728\u6821\u9A8C\u65F6\u63D0\u793A\u4FE1\u606F"),n(),t(959,"td")(960,"code"),e(961,"string | TemplateRef<{ $implicit: FormControl | NgModel }>"),n()(),t(962,"td"),e(963,"-"),n()(),t(964,"tr")(965,"td")(966,"code"),e(967,"[nzAutoTips]"),n()(),t(968,"td"),e(969,"\u914D\u7F6E\u63D0\u793A\u7684\u5BF9\u8C61, \u5177\u4F53\u7528\u6CD5\u8BF7\u53C2\u8003\u793A\u4F8B\uFF1A"),t(970,"strong"),e(971,"\u81EA\u52A8\u63D0\u793A"),n()(),t(972,"td")(973,"code"),e(974,"Record<string, Record<string, string>>"),n()(),t(975,"td"),e(976,"-"),n()(),t(977,"tr")(978,"td")(979,"code"),e(980,"[nzDisableAutoTips]"),n()(),t(981,"td"),e(982,"\u7981\u7528\u81EA\u52A8\u63D0\u793A"),n(),t(983,"td")(984,"code"),e(985,"boolean"),n()(),t(986,"td"),e(987,"-"),n()()()(),t(988,"h3",80)(989,"span"),e(990,"nz-form-split"),n(),t(991,"label",72),e(992,"component"),n(),t(993,"a",81),e(994,"#"),n()(),t(995,"p"),e(996,"\u7528\u4E8E\u663E\u793A\u5206\u9694\u7B26 "),t(997,"code"),e(998,"-"),n()(),t(999,"h3",82)(1e3,"span"),e(1001,"nz-form-text"),n(),t(1002,"label",72),e(1003,"component"),n(),t(1004,"a",83),e(1005,"#"),n()(),t(1006,"p"),e(1007,"\u5728 "),t(1008,"code"),e(1009,"nz-form-control"),n(),e(1010," \u4E2D\u76F4\u63A5\u663E\u793A\u6587\u672C"),n(),c(),n()()),r&2&&(o(),i("nzOffsetTop",16),o(),i("nzAffix",!1),o(250),i("nzGutter",8),o(),i("nzSpan",24),o(),i("nzId","components-form-demo-horizontal-login")("nzLink","components-form-demo-horizontal-login")("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")("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")("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")("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")("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")("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")("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")("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")("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")("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")("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")("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")("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")("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")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/label-align.md"))},dependencies:[$e,me,We,Xe,qe,S,E,He,re,ze,fe,Ee,Se,xe,ge,Fe,Ce,he,be,ve,Ne,ye,De,Te],encapsulation:2})};var Ye=class l{expanded=!1;codeBoxes;goLink(m){window&&(window.location.hash=m)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(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&&we(me,5),r&2){let p;Ve(p=Re())&&(d.codeBoxes=p)}},decls:1043,vars:64,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"],["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"],[1,"language-ts"],[1,"token","keyword"],[1,"token","string"],["nz-icon","","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","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","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","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","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","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","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","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","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","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","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","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","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","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","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","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()(),t(26,"section",18),z(),t(27,"p"),e(28,"Form is used to collect, validate, and submit the user input, usually contains various form items including checkbox, radio, input, select, and etc."),n(),t(29,"p"),e(30,"Form is totally based on "),t(31,"a",23),e(32,"Angular Forms"),n(),e(33,", you can use "),t(34,"a",24),e(35,"reactive forms"),n(),e(36," or "),t(37,"a",25),e(38,"template-driven-forms"),n(),e(39,"."),n(),t(40,"blockquote")(41,"p"),e(42,"Please make sure you have read the official form document before using the component."),n()(),t(43,"h2",26)(44,"span"),e(45,"Form"),n(),t(46,"a",27),e(47,"#"),n()(),t(48,"p"),e(49,"You can align the controls of a "),t(50,"code"),e(51,"form"),n(),e(52," using the "),t(53,"code"),e(54,"layout"),n(),e(55," prop\uFF1A"),n(),t(56,"ul")(57,"li")(58,"code"),e(59,"horizontal"),n(),e(60,"\uFF1Ato horizontally align the "),t(61,"code"),e(62,"label"),n(),e(63,"s and controls of the fields. (Default)"),n(),t(64,"li")(65,"code"),e(66,"vertical"),n(),e(67,"\uFF1Ato vertically align the "),t(68,"code"),e(69,"label"),n(),e(70,"s and controls of the fields."),n(),t(71,"li")(72,"code"),e(73,"inline"),n(),e(74,"\uFF1Ato render form fields in one line."),n()(),t(75,"h3",28)(76,"span"),e(77,"nz-form-item"),n(),t(78,"label",29),e(79,"component"),n(),t(80,"a",30),e(81,"#"),n()(),t(82,"p"),e(83,"Used to separate the item in forms, contains label(optional) and control field."),n(),t(84,"h3",31)(85,"span"),e(86,"nz-form-label"),n(),t(87,"label",29),e(88,"component"),n(),t(89,"a",32),e(90,"#"),n()(),t(91,"p"),e(92,"The label of the form item, optional."),n(),t(93,"h3",33)(94,"span"),e(95,"nz-form-control"),n(),t(96,"label",29),e(97,"component"),n(),t(98,"a",34),e(99,"#"),n()(),t(100,"p"),e(101,"A form consists of one or more form fields whose type includes input, textarea, checkbox, radio, select, tag, and more."),n(),t(102,"pre")(103,"code",35)(104,"span",36)(105,"span",36)(106,"span",37),e(107,"<"),n(),e(108,"form"),n(),e(109," "),t(110,"span",38),e(111,"nz-form"),n(),t(112,"span",37),e(113,">"),n()(),e(114,`
  `),t(115,"span",36)(116,"span",36)(117,"span",37),e(118,"<"),n(),e(119,"nz-form-item"),n(),t(120,"span",37),e(121,">"),n()(),e(122,`
    `),t(123,"span",36)(124,"span",36)(125,"span",37),e(126,"<"),n(),e(127,"nz-form-label"),n(),e(128," "),t(129,"span",38),e(130,"[nzSpan]"),n(),t(131,"span",39)(132,"span",40),e(133,"="),n(),t(134,"span",37),e(135,'"'),n(),e(136,"6"),t(137,"span",37),e(138,'"'),n()(),e(139," "),t(140,"span",38),e(141,"nzFor"),n(),t(142,"span",39)(143,"span",40),e(144,"="),n(),t(145,"span",37),e(146,'"'),n(),e(147,"email"),t(148,"span",37),e(149,'"'),n()(),t(150,"span",37),e(151,">"),n()(),e(152,"E-mail"),t(153,"span",36)(154,"span",36)(155,"span",37),e(156,"</"),n(),e(157,"nz-form-label"),n(),t(158,"span",37),e(159,">"),n()(),e(160,`
    `),t(161,"span",36)(162,"span",36)(163,"span",37),e(164,"<"),n(),e(165,"nz-form-control"),n(),e(166," "),t(167,"span",38),e(168,"[nzSpan]"),n(),t(169,"span",39)(170,"span",40),e(171,"="),n(),t(172,"span",37),e(173,'"'),n(),e(174,"14"),t(175,"span",37),e(176,'"'),n()(),t(177,"span",37),e(178,">"),n()(),e(179,`
      `),t(180,"span",36)(181,"span",36)(182,"span",37),e(183,"<"),n(),e(184,"input"),n(),e(185," "),t(186,"span",38),e(187,"nz-input"),n(),e(188," "),t(189,"span",38),e(190,"name"),n(),t(191,"span",39)(192,"span",40),e(193,"="),n(),t(194,"span",37),e(195,'"'),n(),e(196,"email"),t(197,"span",37),e(198,'"'),n()(),e(199," "),t(200,"span",38),e(201,"type"),n(),t(202,"span",39)(203,"span",40),e(204,"="),n(),t(205,"span",37),e(206,'"'),n(),e(207,"email"),t(208,"span",37),e(209,'"'),n()(),e(210," "),t(211,"span",38),e(212,"id"),n(),t(213,"span",39)(214,"span",40),e(215,"="),n(),t(216,"span",37),e(217,'"'),n(),e(218,"email"),t(219,"span",37),e(220,'"'),n()(),e(221," "),t(222,"span",37),e(223,"/>"),n()(),e(224,`
    `),t(225,"span",36)(226,"span",36)(227,"span",37),e(228,"</"),n(),e(229,"nz-form-control"),n(),t(230,"span",37),e(231,">"),n()(),e(232,`
  `),t(233,"span",36)(234,"span",36)(235,"span",37),e(236,"</"),n(),e(237,"nz-form-item"),n(),t(238,"span",37),e(239,">"),n()(),e(240,`
`),t(241,"span",36)(242,"span",36)(243,"span",37),e(244,"</"),n(),e(245,"form"),n(),t(246,"span",37),e(247,">"),n()(),e(248,`
`),n()(),t(249,"pre")(250,"code",41)(251,"span",42),e(252,"import"),n(),e(253," "),t(254,"span",37),e(255,"{"),n(),e(256," NzFormModule "),t(257,"span",37),e(258,"}"),n(),e(259," "),t(260,"span",42),e(261,"from"),n(),e(262," "),t(263,"span",43),e(264,"'ng-zorro-antd/form'"),n(),t(265,"span",37),e(266,";"),n(),e(267,`
`),n()(),c(),n(),t(268,"h2")(269,"span"),e(270,"Examples"),n(),t(271,"span",44),s("click",function(){return d.expandAllCode()}),n()()(),t(272,"div",45)(273,"div",46)(274,"nz-code-box",47),a(275,"nz-demo-form-horizontal-login",48),t(276,"div",49),z(),t(277,"p"),e(278,"Inline login form is often used in navigation bar."),n(),c(),n()(),t(279,"nz-code-box",50),a(280,"nz-demo-form-normal-login",48),t(281,"div",49),z(),t(282,"p"),e(283,"Normal login form which can contain more elements."),n(),c(),n()(),t(284,"nz-code-box",51),a(285,"nz-demo-form-register",48),t(286,"div",49),z(),t(287,"p"),e(288,"Fill in this form to create a new account for you."),n(),c(),n()(),t(289,"nz-code-box",52),a(290,"nz-demo-form-advanced-search",48),t(291,"div",49),z(),t(292,"p"),e(293,"Three columns layout is often used for advanced searching of data table."),n(),t(294,"p"),e(295,"Because the width of label is not fixed, you may need to adjust it by customizing its style."),n(),c(),n()(),t(296,"nz-code-box",53),a(297,"nz-demo-form-dynamic-form-item",48),t(298,"div",49),z(),t(299,"p"),e(300,"Add or remove form items dynamically."),n(),c(),n()(),t(301,"nz-code-box",54),a(302,"nz-demo-form-time-related-controls",48),t(303,"div",49),z(),t(304,"p"),e(305,"All the types of input and output in time-related components are "),t(306,"code"),e(307,"Date"),n(),e(308,". You can use "),t(309,"a",55),e(310,"date-fns"),n(),e(311," to handle it."),n(),c(),n()(),t(312,"nz-code-box",56),a(313,"nz-demo-form-validate-reactive",48),t(314,"div",49),z(),t(315,"p"),e(316,"We provide properties like "),t(317,"code"),e(318,"nzValidateStatus"),n(),t(319,"code"),e(320,"nzHasFeedback"),n(),e(321," in "),t(322,"code"),e(323,"nz-form-control"),n(),e(324," to customize your own validate status and message, when using "),t(325,"a",24),e(326,"reactive forms"),n(),e(327,"."),n(),t(328,"ol")(329,"li")(330,"code"),e(331,"nzValidateStatus"),n(),e(332,": validate status of form components, the default status comes from the "),t(333,"code"),e(334,"NgControl"),n(),e(335," in "),t(336,"code"),e(337,"nz-form-control"),n(),e(338,", you can set other "),t(339,"code"),e(340,"NgControl"),n(),e(341," to it."),n(),t(342,"li")(343,"code"),e(344,"nzHasFeedback"),n(),e(345,": display feed icon of input control"),n(),t(346,"li")(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,"\uFF1Adisplay validate message\u3002"),n()(),t(356,"blockquote")(357,"p"),e(358,"When there are multiple tips in the same state, "),t(359,"code"),e(360,"nzSuccessTip"),n(),t(361,"code"),e(362,"nzWarningTip"),n(),t(363,"code"),e(364,"nzErrorTip"),n(),t(365,"code"),e(366,"nzValidatingTip"),n(),e(367," supports the passing "),t(368,"code"),e(369,"TemplateRef<{ $implicit: FormControl }"),n(),e(370," type, which can be used to switch tips after exporting "),t(371,"code"),e(372,"FormControl"),n(),e(373," via the "),t(374,"a",57),e(375,"template syntax"),n(),e(376,`.
When the FormControl.status is `),t(377,"code"),e(378,"INVALID"),n(),e(379,", and the errors contains "),t(380,"code"),e(381,"{warning:true}"),n(),e(382," , the "),t(383,"code"),e(384,"nz-form-control"),n(),e(385," display with warning status."),n()(),c(),n()(),t(386,"nz-code-box",58),a(387,"nz-demo-form-validate-template",48),t(388,"div",49),z(),t(389,"p"),e(390,"When using "),t(391,"a",25),e(392,"template-driven forms"),n(),e(393,", the form could change its status via the template setting."),n(),t(394,"ol")(395,"li")(396,"code"),e(397,"nzHasFeedback"),n(),e(398,": display feed icon of input control"),n(),t(399,"li")(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,": display validate message\u3002"),n()(),t(409,"blockquote")(410,"p"),e(411,"When there are multiple tips in the same state, "),t(412,"code"),e(413,"nzSuccessTip"),n(),t(414,"code"),e(415,"nzWarningTip"),n(),t(416,"code"),e(417,"nzErrorTip"),n(),t(418,"code"),e(419,"nzValidatingTip"),n(),e(420," supports the passing "),t(421,"code"),e(422,"TemplateRef<{ $implicit: NgModel }"),n(),e(423," type, which can be used to switch tips after exporting "),t(424,"code"),e(425,"NgModel"),n(),e(426," via the "),t(427,"a",57),e(428,"template syntax"),n(),e(429,"."),n()(),c(),n()(),t(430,"nz-code-box",59),a(431,"nz-demo-form-auto-tips",48),t(432,"div",49),z(),t(433,"p"),e(434,"Make tips to be easy."),a(435,"br"),e(436,"Need to customize "),t(437,"code"),e(438,"Validators"),n(),e(439," and provide "),t(440,"code"),e(441,"nzAutoTips"),n(),e(442," in advance, the priority is as follows:"),n(),t(443,"ul")(444,"li")(445,"code"),e(446,"Validators"),n(),e(447," > "),t(448,"code"),e(449,"nzAutoTips"),n()(),t(450,"li"),e(451,"Via "),t(452,"code"),e(453,"@Input"),n(),e(454," set "),t(455,"code"),e(456,"nzAutoTips"),n()(),t(457,"li"),e(458,"Via global config set "),t(459,"code"),e(460,"nzAutoTips"),n()()(),t(461,"p"),e(462,"In addition, you can use "),t(463,"code"),e(464,"nzDisableAutoTips"),n(),e(465," to disable it."),n(),t(466,"blockquote")(467,"p"),e(468,"Via the current locale ("),t(469,"code"),e(470,"zh-cn"),n(),e(471,", "),t(472,"code"),e(473,"en"),n(),e(474,"...) is used as the "),t(475,"code"),e(476,"key"),n(),e(477," of "),t(478,"code"),e(479,"nzAutoTips"),n(),e(480," to search for tips. If it is not found, it will be searched again with "),t(481,"code"),e(482,"default"),n(),e(483,"."),n()(),c(),n()(),t(484,"nz-code-box",60),a(485,"nz-demo-form-validate-static",48),t(486,"div",49),z(),t(487,"p"),e(488,"You can set the form status directly via the "),t(489,"code"),e(490,"nzValidateStatus"),n(),e(491," on "),t(492,"code"),e(493,"nz-form-control"),n(),e(494,"."),n(),t(495,"ol")(496,"li")(497,"code"),e(498,"nzValidateStatus"),n(),e(499,": validate status of form components which could be 'success', 'warning', 'error', 'validating'."),n(),t(500,"li")(501,"code"),e(502,"nzHasFeedback"),n(),e(503,": display feed icon of input control"),n(),t(504,"li")(505,"code"),e(506,"nzSuccessTip"),n(),t(507,"code"),e(508,"nzWarningTip"),n(),t(509,"code"),e(510,"nzErrorTip"),n(),t(511,"code"),e(512,"nzValidatingTip"),n(),e(513,"\uFF1Adisplay validate message\u3002"),n()(),c(),n()(),t(514,"nz-code-box",61),a(515,"nz-demo-form-coordinated",48),t(516,"div",49),z(),t(517,"p"),e(518,"Use "),t(519,"code"),e(520,"setValue"),n(),e(521," to set other control's value programmaticly."),n(),c(),n()(),t(522,"nz-code-box",62),a(523,"nz-demo-form-layout",48),t(524,"div",49),z(),t(525,"p"),e(526,"There are three layout for form: "),t(527,"code"),e(528,"horizontal"),n(),e(529,", "),t(530,"code"),e(531,"vertical"),n(),e(532,", "),t(533,"code"),e(534,"inline"),n(),e(535,"."),n(),c(),n()(),t(536,"nz-code-box",63),a(537,"nz-demo-form-dynamic-rule",48),t(538,"div",49),z(),t(539,"p"),e(540,"Perform different check rules according to different situations."),n(),c(),n()(),t(541,"nz-code-box",64),a(542,"nz-demo-form-label-wrap",48),t(543,"div",49),z(),t(544,"p"),e(545,"Turn on "),t(546,"code"),e(547,"nzLabelWrap"),n(),e(548," to wrap label if text is long."),n(),c(),n()(),t(549,"nz-code-box",65),a(550,"nz-demo-form-label-align",48),t(551,"div",49),z(),t(552,"p"),e(553,"text align of form label."),n(),c(),n()()()(),t(554,"section",66),z(),t(555,"h2",67)(556,"span"),e(557,"API"),n(),t(558,"a",68),e(559,"#"),n()(),t(560,"h3",69)(561,"span"),e(562,"[nz-form]"),n(),t(563,"label",70),e(564,"directive"),n(),t(565,"a",71),e(566,"#"),n()(),t(567,"table")(568,"thead")(569,"tr")(570,"th"),e(571,"Property"),n(),t(572,"th"),e(573,"Description"),n(),t(574,"th"),e(575,"Type"),n(),t(576,"th"),e(577,"Default Value"),n(),t(578,"th"),e(579,"Global Config"),n()()(),t(580,"tbody")(581,"tr")(582,"td")(583,"code"),e(584,"[nzLayout]"),n()(),t(585,"td"),e(586,"Form layout"),n(),t(587,"td")(588,"code"),e(589,"'horizontal' | 'vertical' | 'inline'"),n()(),t(590,"td")(591,"code"),e(592,"'horizontal'"),n()(),a(593,"td"),n(),t(594,"tr")(595,"td")(596,"code"),e(597,"[nzAutoTips]"),n()(),t(598,"td"),e(599,"Set default props "),t(600,"code"),e(601,"[nzAutoTips]"),n(),e(602," value of "),t(603,"code"),e(604,"nz-form-control"),n(),e(605,", please refer to the example: "),t(606,"strong"),e(607,"Auto tips"),n()(),t(608,"td")(609,"code"),e(610,"Record<string, Record<string, string>>"),n()(),t(611,"td")(612,"code"),e(613,"{}"),n()(),t(614,"td"),e(615,"\u2705"),n()(),t(616,"tr")(617,"td")(618,"code"),e(619,"[nzDisableAutoTips]"),n()(),t(620,"td"),e(621,"Set default props "),t(622,"code"),e(623,"[nzDisableAutoTip]"),n(),e(624," value of "),t(625,"code"),e(626,"nz-form-control"),n()(),t(627,"td")(628,"code"),e(629,"boolean"),n()(),t(630,"td")(631,"code"),e(632,"false"),n()(),t(633,"td"),e(634,"\u2705"),n()(),t(635,"tr")(636,"td")(637,"code"),e(638,"[nzNoColon]"),n()(),t(639,"td"),e(640,"Set default props "),t(641,"code"),e(642,"[nzNoColon]"),n(),e(643," value of "),t(644,"code"),e(645,"nz-form-label"),n()(),t(646,"td")(647,"code"),e(648,"boolean"),n()(),t(649,"td")(650,"code"),e(651,"false"),n()(),t(652,"td"),e(653,"\u2705"),n()(),t(654,"tr")(655,"td")(656,"code"),e(657,"[nzTooltipIcon]"),n()(),t(658,"td"),e(659,"Set default props "),t(660,"code"),e(661,"[nzTooltipIcon]"),n(),e(662," value of "),t(663,"code"),e(664,"nz-form-label"),n()(),t(665,"td")(666,"code"),e(667,"string | { type: string; theme: ThemeType }"),n()(),t(668,"td")(669,"code"),e(670,"{ type: 'question-circle', theme: 'outline' }"),n()(),t(671,"td"),e(672,"\u2705"),n()(),t(673,"tr")(674,"td")(675,"code"),e(676,"[nzLabelAlign]"),n()(),t(677,"td"),e(678,"Set default props "),t(679,"code"),e(680,"[nzLabelAlign]"),n(),e(681," value of "),t(682,"code"),e(683,"nz-form-label"),n()(),t(684,"td")(685,"code"),e(686,"'left' | 'right'"),n()(),t(687,"td")(688,"code"),e(689,"'right'"),n()(),a(690,"td"),n(),t(691,"tr")(692,"td")(693,"code"),e(694,"[nzLabelWrap]"),n()(),t(695,"td"),e(696,"Set default props "),t(697,"code"),e(698,"[nzLabelWrap]"),n(),e(699," value of "),t(700,"code"),e(701,"nz-form-label"),n()(),t(702,"td")(703,"code"),e(704,"boolean"),n()(),t(705,"td")(706,"code"),e(707,"false"),n()(),a(708,"td"),n()()(),t(709,"h3",28)(710,"span"),e(711,"nz-form-item"),n(),t(712,"label",29),e(713,"component"),n(),t(714,"a",30),e(715,"#"),n()(),t(716,"p"),e(717,"Used to separate the item in forms, contains label(optional) and control field."),n(),t(718,"blockquote")(719,"p"),e(720,"All api in "),t(721,"a",72),e(722,"nz-row"),n(),e(723," can be used in "),t(724,"code"),e(725,"nz-form-item"),n(),e(726,"."),n()(),t(727,"h3",31)(728,"span"),e(729,"nz-form-label"),n(),t(730,"label",29),e(731,"component"),n(),t(732,"a",32),e(733,"#"),n()(),t(734,"p"),e(735,"The label of the form item, optional."),n(),t(736,"blockquote")(737,"p"),e(738,"All api in "),t(739,"a",72),e(740,"nz-col"),n(),e(741," can be used in "),t(742,"code"),e(743,"nz-form-label"),n(),e(744,"."),n()(),t(745,"table")(746,"thead")(747,"tr")(748,"th"),e(749,"Property"),n(),t(750,"th"),e(751,"Description"),n(),t(752,"th"),e(753,"Type"),n(),t(754,"th"),e(755,"Default Value"),n()()(),t(756,"tbody")(757,"tr")(758,"td")(759,"code"),e(760,"[nzRequired]"),n()(),t(761,"td"),e(762,"add required style to current item"),n(),t(763,"td")(764,"code"),e(765,"boolean"),n()(),t(766,"td")(767,"code"),e(768,"false"),n()()(),t(769,"tr")(770,"td")(771,"code"),e(772,"[nzNoColon]"),n()(),t(773,"td"),e(774,"whether to not display "),t(775,"code"),e(776,":"),n(),e(777," after label text."),n(),t(778,"td")(779,"code"),e(780,"boolean"),n()(),t(781,"td")(782,"code"),e(783,"false"),n()()(),t(784,"tr")(785,"td")(786,"code"),e(787,"[nzFor]"),n()(),t(788,"td"),e(789,"The "),t(790,"code"),e(791,"for"),n(),e(792," property of "),t(793,"code"),e(794,"label"),n()(),t(795,"td")(796,"code"),e(797,"string"),n()(),t(798,"td"),e(799,"-"),n()(),t(800,"tr")(801,"td")(802,"code"),e(803,"[nzTooltipTitle]"),n()(),t(804,"td"),e(805,"Set tooltip info"),n(),t(806,"td")(807,"code"),e(808,"string | TemplateRef<void>"),n()(),t(809,"td"),e(810,"-"),n()(),t(811,"tr")(812,"td")(813,"code"),e(814,"[nzTooltipIcon]"),n()(),t(815,"td"),e(816,"Set icon of tooltip info"),n(),t(817,"td")(818,"code"),e(819,"string | NzFormTooltipIcon"),n()(),t(820,"td"),e(821,"-"),n()(),t(822,"tr")(823,"td")(824,"code"),e(825,"[nzLabelAlign]"),n()(),t(826,"td"),e(827,"The text align of label"),n(),t(828,"td")(829,"code"),e(830,"'left' | 'right'"),n()(),t(831,"td")(832,"code"),e(833,"'right'"),n()()(),t(834,"tr")(835,"td")(836,"code"),e(837,"[nzLabelWrap]"),n()(),t(838,"td"),e(839,"whether label can be wrap"),n(),t(840,"td")(841,"code"),e(842,"boolean"),n()(),t(843,"td")(844,"code"),e(845,"false"),n()()()()(),t(846,"h3",33)(847,"span"),e(848,"nz-form-control"),n(),t(849,"label",29),e(850,"component"),n(),t(851,"a",34),e(852,"#"),n()(),t(853,"blockquote")(854,"p"),e(855,"Note\uFF1ADue to the lack of partial Observable in "),t(856,"a",73),e(857,"Angular Form"),n(),e(858,", you have to notify "),t(859,"code"),e(860,"nz-form-control"),n(),e(861," to update its status with "),t(862,"code"),e(863,"updateValueAndValidity"),n(),e(864," when you update form status using methods like "),t(865,"code"),e(866,"markAsDirty"),n(),e(867,"."),n()(),t(868,"p"),e(869,"A form consists of one or more form fields whose type includes input, textarea, checkbox, radio, select, tag, and more."),n(),t(870,"blockquote")(871,"p"),e(872,"All api in "),t(873,"a",72),e(874,"nz-col"),n(),e(875," can be used in "),t(876,"code"),e(877,"nz-form-control"),n(),e(878,"."),n()(),t(879,"table")(880,"thead")(881,"tr")(882,"th"),e(883,"Property"),n(),t(884,"th"),e(885,"Description"),n(),t(886,"th"),e(887,"Type"),n(),t(888,"th"),e(889,"Default Value"),n()()(),t(890,"tbody")(891,"tr")(892,"td")(893,"code"),e(894,"[nzValidateStatus]"),n()(),t(895,"td"),e(896,"Will generate status based on the input "),t(897,"code"),e(898,"FormControl"),n(),e(899,", "),t(900,"code"),e(901,"NgModel"),n(),e(902," or string, the default value is the first "),t(903,"code"),e(904,"FormControl"),n(),e(905," or "),t(906,"code"),e(907,"NgModel"),n(),e(908," in "),t(909,"code"),e(910,"nz-form-control"),n()(),t(911,"td")(912,"code"),e(913,"'success' | 'warning' | 'error' | 'validating' | FormControl | NgModel"),n()(),t(914,"td"),e(915,"first "),t(916,"code"),e(917,"FormControl"),n(),e(918," or "),t(919,"code"),e(920,"NgModel"),n(),e(921," in "),t(922,"code"),e(923,"nz-form-control"),n()()(),t(924,"tr")(925,"td")(926,"code"),e(927,"[nzHasFeedback]"),n()(),t(928,"td"),e(929,"Used with "),t(930,"code"),e(931,"nzValidateStatus"),n(),e(932,", this option specifies the validation status icon. Recommended to be used only with "),t(933,"code"),e(934,"Input"),n(),e(935,"."),n(),t(936,"td")(937,"code"),e(938,"boolean"),n()(),t(939,"td")(940,"code"),e(941,"false"),n()()(),t(942,"tr")(943,"td")(944,"code"),e(945,"[nzExtra]"),n()(),t(946,"td"),e(947,"The extra prompt message"),n(),t(948,"td")(949,"code"),e(950,"string | TemplateRef<void>"),n()(),t(951,"td"),e(952,"-"),n()(),t(953,"tr")(954,"td")(955,"code"),e(956,"[nzSuccessTip]"),n()(),t(957,"td"),e(958,"Tip display when validate success"),n(),t(959,"td")(960,"code"),e(961,"string | TemplateRef<{ $implicit: FormControl | NgModel }>"),n()(),t(962,"td"),e(963,"-"),n()(),t(964,"tr")(965,"td")(966,"code"),e(967,"[nzWarningTip]"),n()(),t(968,"td"),e(969,"Tip display when validate warning"),n(),t(970,"td")(971,"code"),e(972,"string | TemplateRef<{ $implicit: FormControl | NgModel }>"),n()(),t(973,"td"),e(974,"-"),n()(),t(975,"tr")(976,"td")(977,"code"),e(978,"[nzErrorTip]"),n()(),t(979,"td"),e(980,"Tip display when validate error"),n(),t(981,"td")(982,"code"),e(983,"string | TemplateRef<{ $implicit: FormControl | NgModel }>"),n()(),t(984,"td"),e(985,"-"),n()(),t(986,"tr")(987,"td")(988,"code"),e(989,"[nzValidatingTip]"),n()(),t(990,"td"),e(991,"Tip display when validating"),n(),t(992,"td")(993,"code"),e(994,"string | TemplateRef<{ $implicit: FormControl | NgModel }>"),n()(),t(995,"td"),e(996,"-"),n()(),t(997,"tr")(998,"td")(999,"code"),e(1e3,"[nzAutoTips]"),n()(),t(1001,"td"),e(1002,"The object of the tips, please refer to the example: "),t(1003,"strong"),e(1004,"Auto tips"),n()(),t(1005,"td")(1006,"code"),e(1007,"Record<string, string | Record<string, string>>"),n()(),t(1008,"td"),e(1009,"-"),n()(),t(1010,"tr")(1011,"td")(1012,"code"),e(1013,"[nzDisableAutoTips]"),n()(),t(1014,"td"),e(1015,"Disable Auto Tips"),n(),t(1016,"td")(1017,"code"),e(1018,"boolean"),n()(),t(1019,"td"),e(1020,"-"),n()()()(),t(1021,"h3",74)(1022,"span"),e(1023,"nz-form-split"),n(),t(1024,"label",29),e(1025,"component"),n(),t(1026,"a",75),e(1027,"#"),n()(),t(1028,"p"),e(1029,"The split icon of "),t(1030,"code"),e(1031,"-"),n()(),t(1032,"h3",76)(1033,"span"),e(1034,"nz-form-text"),n(),t(1035,"label",29),e(1036,"component"),n(),t(1037,"a",77),e(1038,"#"),n()(),t(1039,"p"),e(1040,"Text in "),t(1041,"code"),e(1042,"nz-form-control"),n()(),c(),n()()),r&2&&(o(),i("nzOffsetTop",16),o(),i("nzAffix",!1),o(270),i("nzGutter",8),o(),i("nzSpan",24),o(),i("nzId","components-form-demo-horizontal-login")("nzLink","components-form-demo-horizontal-login")("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")("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")("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")("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")("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")("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")("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")("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")("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")("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")("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")("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")("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")("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")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/form/demo/label-align.md"))},dependencies:[$e,me,We,Xe,qe,S,E,He,re,ze,fe,Ee,Se,xe,ge,Fe,Ce,he,be,ve,Ne,ye,De,Te],encapsulation:2})};var Jt=[{path:"en",component:Ye},{path:"zh",component:Je}],yr=Jt;export{yr as default};