1import{b,c as F,d as S,e as E}from"./chunk-G5EUGVJP.js";import{a as ve,c as ye,d as we,e as Fe,f as Be}from"./chunk-C7RELDYA.js";import{a as be,d as Ee,f as he}from"./chunk-ZM3AFOTM.js";import{c as Se,g as fe,l as Ce,n as ge,p as Re,q as De,s as Ne}from"./chunk-EHVF6I5V.js";import"./chunk-Q7YG5UND.js";import"./chunk-JUFC6QW2.js";import"./chunk-W2BSQ2AD.js";import"./chunk-U4W6GRTZ.js";import"./chunk-WM6G6BCO.js";import"./chunk-WNDNDOYU.js";import"./chunk-MSGUQD5Y.js";import"./chunk-3DMEKNY7.js";import{a as R,g as U,h as J,m as Y,n as K}from"./chunk-2UO6NPYH.js";import"./chunk-3TLZ5TMP.js";import"./chunk-JKD4VGRU.js";import{Dd as y,Ed as w,Fd as xe,Hd as $,Lc as ze,Mc as ue,Oc as pe,Qc as ce,_a as v,ab as se,zc as j}from"./chunk-BS5JWHVW.js";import{Aa as P,Ac as Q,Bc as q,Fc as de,Gc as e,Hc as V,Ib as x,Ic as N,Ob as L,Sc as le,Vb as m,Wb as h,cc as G,ec as te,fc as ne,gc as ie,hc as t,ic as n,jc as d,kc as re,lc as me,nc as W,qc as s,rb as a,sc as g,xa as u,ya as p,za as O,zc as Z}from"./chunk-NACBYLXS.js";import{a as oe,b as ae}from"./chunk-EQDQRRRY.js";var B=class r{width=400;height=200;id=-1;disabled=!1;resizeDirection=null;onResize({width:l,height:i,direction:o}){cancelAnimationFrame(this.id),this.id=requestAnimationFrame(()=>{this.width=l,this.height=i,this.resizeDirection=o})}static \u0275fac=function(i){return new(i||r)};static \u0275cmp=x({type:r,selectors:[["nz-demo-resizable-basic"]],decls:3,vars:9,consts:[["nz-resizable","",1,"box",3,"nzResize","nzMaxWidth","nzMinWidth","nzMaxHeight","nzMinHeight","nzDisabled"]],template:function(i,o){i&1&&(t(0,"div",0),s("nzResize",function(c){return o.onResize(c)}),d(1,"nz-resize-handles"),e(2," content "),n()),i&2&&(h("height",o.height,"px")("width",o.width,"px"),m("nzMaxWidth",600)("nzMinWidth",80)("nzMaxHeight",200)("nzMinHeight",80)("nzDisabled",o.disabled))},dependencies:[E,b,S],styles:["[_nghost-%COMP%]{display:block;height:200px}.box[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;background:#eee;border:1px solid #ddd}"]})};var k=class r{width=400;height=200;id=-1;onResize({width:l,height:i}){cancelAnimationFrame(this.id),this.id=requestAnimationFrame(()=>{this.width=l,this.height=i})}static \u0275fac=function(i){return new(i||r)};static \u0275cmp=x({type:r,selectors:[["nz-demo-resizable-customize"]],decls:7,vars:5,consts:[["nz-resizable","",1,"box",3,"nzResize"],["nzDirection","bottomRight"],["nzType","caret-up","nzTheme","outline",1,"bottom-right",3,"nzRotate"],["nzDirection","right"],[1,"right-wrap"],["nzType","more","nzTheme","outline",1,"right"]],template:function(i,o){i&1&&(t(0,"div",0),s("nzResize",function(c){return o.onResize(c)}),e(1," content "),t(2,"nz-resize-handle",1),d(3,"nz-icon",2),n(),t(4,"nz-resize-handle",3)(5,"div",4),d(6,"nz-icon",5),n()()()),i&2&&(h("height",o.height,"px")("width",o.width,"px"),a(3),m("nzRotate",135))},dependencies:[se,v,E,b,F],styles:["[_nghost-%COMP%]{display:block;height:200px}.box[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;background:#eee;border:1px solid #ddd}.bottom-right[_ngcontent-%COMP%]{position:absolute;top:0;left:0}.right-wrap[_ngcontent-%COMP%]{height:100%;display:flex;align-items:center;justify-content:center}.right[_ngcontent-%COMP%]{background:#fff;border:1px solid #ddd;text-align:center;font-size:12px;height:20px;line-height:20px}"]})};var Te=()=>({padding:0,height:"calc(100vh - 55px)"}),Ae=()=>["right"];function Me(r,l){if(r&1){let i=W();t(0,"div",4),s("nzResize",function(z){O(i);let c=g(2);return P(c.onResize(z))}),d(1,"nz-resize-handles",5),t(2,"p"),e(3,"Some contents..."),n(),t(4,"p"),e(5,"Some contents..."),n(),t(6,"p"),e(7,"Some contents..."),n()()}r&2&&(m("nzMinWidth",256),a(),m("nzDirections",le(2,Ae)))}function He(r,l){if(r&1&&(re(0),L(1,Me,8,3,"div",3),me()),r&2){let i=g();a(),G(i.visible?1:-1)}}var _=class r{width=256;visible=!1;id=-1;onResize({width:l}){cancelAnimationFrame(this.id),this.id=requestAnimationFrame(()=>{this.width=l})}open(){this.visible=!0}close(){this.visible=!1}static \u0275fac=function(i){return new(i||r)};static \u0275cmp=x({type:r,selectors:[["nz-demo-resizable-drawer"]],decls:4,vars:5,consts:[["nz-button","","nzType","primary",3,"click"],["nzPlacement","left","nzTitle","Resizable Drawer",3,"nzOnClose","nzClosable","nzVisible","nzBodyStyle","nzWidth"],[4,"nzDrawerContent"],["nz-resizable","","nzBounds","window",1,"drawer-body",3,"nzMinWidth"],["nz-resizable","","nzBounds","window",1,"drawer-body",3,"nzResize","nzMinWidth"],[3,"nzDirections"]],template:function(i,o){i&1&&(t(0,"button",0),s("click",function(){return o.open()}),e(1,"Open"),n(),t(2,"nz-drawer",1),s("nzOnClose",function(){return o.close()}),L(3,He,2,1,"ng-container",2),n()),i&2&&(a(2),m("nzClosable",!1)("nzVisible",o.visible)("nzBodyStyle",le(4,Te))("nzWidth",o.width))},dependencies:[ce,pe,ze,ue,he,Ee,be,E,b,S],styles:[".drawer-body[_ngcontent-%COMP%]{width:100%;height:100%;padding:24px}"]})};
1var I=class r{col=8;id=-1;directions=[{direction:"right",cursorType:"grid"}];onResize({col:l}){cancelAnimationFrame(this.id),this.id=requestAnimationFrame(()=>{this.col=l})}static \u0275fac=function(i){return new(i||r)};static \u0275cmp=x({type:r,selectors:[["nz-demo-resizable-grid"]],decls:6,vars:8,consts:[["nz-row",""],["nz-col","","nz-resizable","",1,"col",3,"nzResize","nzMinColumn","nzMaxColumn","nzGridColumnCount","nzSpan"],[3,"nzDirections"],["nz-col","",1,"col","right",3,"nzSpan"]],template:function(i,o){i&1&&(t(0,"div",0)(1,"div",1),s("nzResize",function(c){return o.onResize(c)}),d(2,"nz-resize-handles",2),e(3),n(),t(4,"div",3),e(5),n()()),i&2&&(a(),m("nzMinColumn",3)("nzMaxColumn",20)("nzGridColumnCount",24)("nzSpan",o.col),a(),m("nzDirections",o.directions),a(),N(" col-",o.col," "),a(),m("nzSpan",24-o.col),a(),N("col-",24-o.col,""))},dependencies:[xe,w,y,E,b,S],styles:[".col[_ngcontent-%COMP%]{padding:16px 0;text-align:center;border-radius:0;min-height:30px;margin-top:8px;margin-bottom:8px;background:#00a0e9b3;color:#fff}.col.right[_ngcontent-%COMP%]{background:#00a0e9}"]})};var T=class r{siderWidth=120;contentHeight=200;id=-1;onSideResize({width:l}){cancelAnimationFrame(this.id),this.id=requestAnimationFrame(()=>{this.siderWidth=l})}onContentResize({height:l}){cancelAnimationFrame(this.id),this.id=requestAnimationFrame(()=>{this.contentHeight=l})}static \u0275fac=function(i){return new(i||r)};static \u0275cmp=x({type:r,selectors:[["nz-demo-resizable-layout"]],decls:15,vars:7,consts:[["nz-resizable","",3,"nzResize","nzWidth","nzMinWidth","nzMaxWidth"],["nzDirection","right","nzCursorType","grid"],[1,"sider-resize-line"],["nz-resizable","",1,"resizable-box",3,"nzResize","nzMaxHeight","nzMinHeight"],["nzDirection","bottom","nzCursorType","grid"],[1,"content-resize-line"]],template:function(i,o){i&1&&(t(0,"nz-layout")(1,"nz-header"),e(2,"Header"),n(),t(3,"nz-layout")(4,"nz-sider",0),s("nzResize",function(c){return o.onSideResize(c)}),t(5,"nz-resize-handle",1),d(6,"div",2),n(),e(7," Sider "),n(),t(8,"nz-content")(9,"div",3),s("nzResize",function(c){return o.onContentResize(c)}),t(10,"nz-resize-handle",4),d(11,"div",5),n(),e(12," Content 1 "),n(),t(13,"div"),e(14,"Content 2"),n()()()()),i&2&&(a(4),m("nzWidth",o.siderWidth)("nzMinWidth",50)("nzMaxWidth",300),a(5),h("height",o.contentHeight,"px"),m("nzMaxHeight",300)("nzMinHeight",50))},dependencies:[Be,Fe,ye,ve,we,E,b,F],styles:["nz-header[_ngcontent-%COMP%]{background:#7dbcea;color:#fff}nz-sider[_ngcontent-%COMP%]{background:#3ba0e9;color:#fff}nz-sider.nz-resizable-resizing[_ngcontent-%COMP%]{transition:none}nz-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;background:#108ee9;height:350px;color:#fff}nz-content[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{width:100%;display:flex;align-items:center;justify-content:center;flex:1}nz-content[_ngcontent-%COMP%] .resizable-box[_ngcontent-%COMP%]{flex:none}nz-content[_ngcontent-%COMP%], nz-header[_ngcontent-%COMP%], nz-sider>.ant-layout-sider-children{display:flex;align-items:center;justify-content:center}.sider-resize-line[_ngcontent-%COMP%]{height:100%;width:5px;border-right:1px solid #e8e8e8}.content-resize-line[_ngcontent-%COMP%]{width:100%;height:5px;border-bottom:1px solid #e8e8e8}"]})};var A=class r{width=400;height=200;id=-1;onResize({width:l,height:i}){cancelAnimationFrame(this.id),this.id=requestAnimationFrame(()=>{this.width=l,this.height=i})}static \u0275fac=function(i){return new(i||r)};static \u0275cmp=x({type:r,selectors:[["nz-demo-resizable-lock-aspect-ratio"]],decls:3,vars:4,consts:[["nz-resizable","","nzLockAspectRatio","",1,"box",3,"nzResize"]],template:function(i,o){i&1&&(t(0,"div",0),s("nzResize",function(c){return o.onResize(c)}),d(1,"nz-resize-handles"),e(2," content "),n()),i&2&&h("height",o.height,"px")("width",o.width,"px")},dependencies:[E,b,S],styles:["[_nghost-%COMP%]{display:block;height:200px}.box[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;background:#eee;border:1px solid #ddd}"]})};var M=class r{width=400;height=200;onResize({width:l,height:i}){this.width=l,this.height=i}static \u0275fac=function(i){return new(i||r)};static \u0275cmp=x({type:r,selectors:[["nz-demo-resizable-preview"]],decls:3,vars:4,consts:[["nz-resizable","","nzPreview","",1,"box",3,"nzResizeEnd"]],template:function(i,o){i&1&&(t(0,"div",0),s("nzResizeEnd",function(c){return o.onResize(c)}),d(1,"nz-resize-handles"),e(2," content "),n()),i&2&&h("height",o.height,"px")("width",o.width,"px")}
1,dependencies:[E,b,S],styles:["[_nghost-%COMP%]{display:block;height:200px}.box[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;background:#eee;border:1px solid #ddd}"]})};function Le(r,l){if(r&1){let i=W();t(0,"th",3),s("nzResizeEnd",function(z){O(i);let c=g().$implicit,Ie=g();return P(Ie.onResize(z,c.title))}),e(1),t(2,"nz-resize-handle",4),d(3,"div",5),n()()}if(r&2){let i=g().$implicit;m("nzWidth",i.width)("nzMaxWidth",256)("nzMinWidth",60),a(),N(" ",i.title," ")}}function Oe(r,l){if(r&1&&(t(0,"th"),e(1),n()),r&2){let i=g().$implicit;a(),N(" ",i.title," ")}}function Pe(r,l){if(r&1&&L(0,Le,4,4,"th",2)(1,Oe,2,1,"th"),r&2){let i=l.$implicit;G(i.width?0:1)}}function Ge(r,l){if(r&1&&(t(0,"tr")(1,"td"),e(2),n(),t(3,"td"),e(4),n(),t(5,"td"),e(6),n(),t(7,"td"),e(8,"-"),n()()),r&2){let i=l.$implicit;a(2),V(i.name),a(2),V(i.age),a(2),V(i.address)}}var H=class r{cols=[{title:"Name",width:"180px"},{title:"Age",width:"180px"},{title:"Address",width:"200px"},{title:"Actions"}];listOfData=[{key:"1",name:"John Brown",age:32,address:"New York No. 1 Lake Park"},{key:"2",name:"Jim Green",age:42,address:"London No. 1 Lake Park"},{key:"3",name:"Joe Black",age:32,address:"Sidney No. 1 Lake Park"}];onResize({width:l},i){this.cols=this.cols.map(o=>o.title===i?ae(oe({},o),{width:`${l}px`}):o)}static \u0275fac=function(i){return new(i||r)};static \u0275cmp=x({type:r,selectors:[["nz-demo-resizable-table"]],decls:9,vars:1,consts:[["basicTable",""],[3,"nzData"],["nz-resizable","","nzBounds","window","nzPreview","",3,"nzWidth","nzMaxWidth","nzMinWidth"],["nz-resizable","","nzBounds","window","nzPreview","",3,"nzResizeEnd","nzWidth","nzMaxWidth","nzMinWidth"],["nzDirection","right"],[1,"resize-trigger"]],template:function(i,o){if(i&1&&(t(0,"nz-table",1,0)(2,"thead")(3,"tr"),ne(4,Pe,2,1,null,null,te),n()(),t(6,"tbody"),ne(7,Ge,9,3,"tr",null,te),n()()),i&2){let z=de(1);m("nzData",o.listOfData),a(4),ie(o.cols),a(3),ie(z.data)}},dependencies:[E,b,F,Ne,ge,Se,fe,De,Ce,Re],styles:[".nz-resizable-preview[_ngcontent-%COMP%]{border-width:0;border-right-width:1px}"]})};var X=class r{expanded=!1;codeBoxes;goLink(l){window&&(window.location.hash=l)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(l=>l.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||r)};static \u0275cmp=x({type:r,selectors:[["nz-demo-resizable"]],viewQuery:function(i,o){if(i&1&&Z(R,5),i&2){let z;Q(z=q())&&(o.codeBoxes=z)}},decls:601,vars:44,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-resizable-demo-basic","nzTitle","\u57FA\u672C\u4F7F\u7528"],["nzHref","#components-resizable-demo-customize","nzTitle","\u81EA\u5B9A\u4E49"],["nzHref","#components-resizable-demo-lock-aspect-ratio","nzTitle","\u9501\u5B9A\u6BD4\u4F8B"],["nzHref","#components-resizable-demo-preview","nzTitle","\u9884\u89C8"],["nzHref","#components-resizable-demo-grid","nzTitle","\u6805\u683C"],["nzHref","#components-resizable-demo-layout","nzTitle","\u5E03\u5C40"],["nzHref","#components-resizable-demo-drawer","nzTitle","\u62BD\u5C49"],["nzHref","#components-resizable-demo-table","nzTitle","\u8868\u683C"],["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/resizable/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["name","resizable","description","\u8C03\u6574\u5143\u7D20\u5C3A\u5BF8\u3002","language","zh"],[2,"border-color","#faad14"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],["id","\u5F15\u5165\u6837\u5F0F"],["onclick","window.location.hash = '\u5F15\u5165\u6837\u5F0F'",1,"anchor"],[1,"language-less"],[1,"token","variable"],[1,"token","string"],[1,"token","punctuation"],["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","\u57FA\u672C\u4F7F\u7528","nzSelector","nz-demo-resizable-basic","nzGenerateCommand","ng g ng-zorro-antd:resizable-basic <name>","nzComponentName","NzDemoResizableBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u81EA\u5B9A\u4E49","nzSelector","nz-demo-resizable-customize","nzGenerateCommand","ng g ng-zorro-antd:resizable-customize <name>","nzComponentName","NzDemoResizableCustomizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u9501\u5B9A\u6BD4\u4F8B","nzSelector","nz-demo-resizable-lock-aspect-ratio","nzGenerateCommand","ng g ng-zorro-antd:resizable-lock-aspect-ratio <name>","nzComponentName","NzDemoResizableLockAspectRatioComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u9884\u89C8","nzSelector","nz-demo-resizable-preview","nzGenerateCommand","ng g ng-zorro-antd:resizable-preview <name>","nzComponentName","NzDemoResizablePreviewComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u6805\u683C","nzSelector","nz-demo-resizable-grid","nzGenerateCommand","ng g ng-zorro-antd:resizable-grid <name>","nzComponentName","NzDemoResizableGridComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5E03\u5C40","nzSelector","nz-demo-resizable-layout","nzGenerateCommand","ng g ng-zorro-antd:resizable-layout <name>","nzComponentName","NzDemoResizableLayoutComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u62BD\u5C49","nzSelector","nz-demo-resizable-drawer","nzGenerateCommand","ng g ng-zorro-antd:resizable-drawer <name>","nzComponentName","NzDemoResizableDrawerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u8868\u683C","nzSelector","nz-demo-resizable-table","nzGenerateCommand","ng g ng-zorro-antd:resizable-table <name>","nzComponentName","NzDemoResizableTableComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-resizable"],[1,"api-type-label","directive"],["onclick","window.location.hash = 'nz-resizable'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","class-name"],[1,"token","operator"],[1,"token","builtin"],["id","nz-resize-handle"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-resize-handle'",1,"anchor"],["id","nz-resize-handles"],["onclick","window.location.hash = 'nz-resize-handles'",1,"anchor"],["id","\u6837\u5F0F"],["onclick","window.location.hash = '\u6837\u5F0F'",1,"anchor"]],template:function(i,o){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),s("nzClick",function(c){return o.goLink(c)}),d(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),n()(),t(12,"
1section",11)(13,"h1"),e(14,"Resizable"),t(15,"span",12),e(16,"\u8C03\u6574\u5C3A\u5BF8"),n(),d(17,"span",13),t(18,"a",14),d(19,"nz-icon",15),n()(),d(20,"component-meta",16),t(21,"blockquote",17)(22,"p"),e(23,"NG-ZORRO \u5B9E\u9A8C\u6027\u529F\u80FD\u662F\u6307\u5DF2\u53D1\u5E03\u4F46\u4E0D\u7A33\u5B9A\u6216\u8005\u8FD8\u672A\u51C6\u5907\u597D\u7528\u4E8E\u751F\u4EA7\u73AF\u5883\u7684\u529F\u80FD\u3002"),n(),t(24,"p"),e(25,"\u5F00\u53D1\u8005\u6216\u7528\u6237\u53EF\u4EE5\u9009\u62E9\u5728\u6B63\u5F0F\u53D1\u5E03\u524D\u4F7F\u7528\u8FD9\u4E9B\u529F\u80FD\uFF0C\u4F46\u662F\u6BCF\u6B21\u53D1\u5E03\u7248\u672C\u65F6\u90FD\u53EF\u80FD\u5B58\u5728 "),t(26,"strong"),e(27,"breaking changes"),n(),e(28,"\u3002"),n()(),t(29,"section",11),p(),t(30,"h2",18)(31,"span"),e(32,"\u4F55\u65F6\u4F7F\u7528"),n(),t(33,"a",19),e(34,"#"),n()(),t(35,"p"),e(36,"\u5F53\u4F60\u60F3\u8C03\u6574\u5143\u7D20\u5C3A\u5BF8\u65F6."),n(),t(37,"ul")(38,"li"),e(39,"\u652F\u6301\u91CA\u653E\u524D\u9884\u89C8\u63D0\u9AD8\u6027\u80FD"),n(),t(40,"li"),e(41,"\u652F\u6301\u6805\u683C\u7CFB\u7EDF"),n(),t(42,"li"),e(43,"\u652F\u6301\u81EA\u5B9A\u4E49\u8C03\u6574\u624B\u67C4\u548C\u9884\u89C8\u6837\u5F0F"),n()(),t(44,"h3",20)(45,"span"),e(46,"\u5F15\u5165\u6837\u5F0F"),n(),t(47,"a",21),e(48,"#"),n()(),t(49,"pre")(50,"code",22)(51,"span",23),e(52,"@import"),n(),e(53," "),t(54,"span",24),e(55,"'node_modules/ng-zorro-antd/resizable/style/entry.less'"),n(),t(56,"span",25),e(57,";"),n(),e(58,` 2`),n()(),u(),n(),t(59,"h2")(60,"span"),e(61,"\u4EE3\u7801\u6F14\u793A"),n(),t(62,"nz-icon",26),s("click",function(){return o.expandAllCode()}),n()()(),t(63,"div",27)(64,"div",28)(65,"nz-code-box",29),d(66,"nz-demo-resizable-basic",30),t(67,"div",31),p(),t(68,"p"),e(69,"\u57FA\u672C\u4F7F\u7528\u3002"),n(),u(),n()(),t(70,"nz-code-box",32),d(71,"nz-demo-resizable-customize",30),t(72,"div",31),p(),t(73,"p"),e(74,"\u81EA\u5B9A\u4E49\u62D6\u62FD\u67C4\u6837\u5F0F\u3002"),n(),u(),n()(),t(75,"nz-code-box",33),d(76,"nz-demo-resizable-lock-aspect-ratio",30),t(77,"div",31),p(),t(78,"p"),e(79,"\u9501\u5B9A\u5BBD\u9AD8\u6BD4\u3002"),n(),u(),n()(),t(80,"nz-code-box",34),d(81,"nz-demo-resizable-preview",30),t(82,"div",31),p(),t(83,"p"),e(84,"\u5728\u5E94\u7528\u5C3A\u5BF8\u524D\u9884\u89C8\u3002"),n(),u(),n()(),t(85,"nz-code-box",35),d(86,"nz-demo-resizable-grid",30),t(87,"div",31),p(),t(88,"p"),e(89,"\u914D\u5408\u6805\u683C\u4F7F\u7528"),n(),u(),n()(),t(90,"nz-code-box",36),d(91,"nz-demo-resizable-layout",30),t(92,"div",31),p(),t(93,"p"),e(94,"\u8C03\u6574\u5E03\u5C40\u5C3A\u5BF8\u3002"),n(),u(),n()(),t(95,"nz-code-box",37),d(96,"nz-demo-resizable-drawer",30),t(97,"div",31),p(),t(98,"p"),e(99,"\u8C03\u6574\u62BD\u5C49\u5BBD\u5EA6\u3002"),n(),u(),n()(),t(100,"nz-code-box",38),d(101,"nz-demo-resizable-table",30),t(102,"div",31),p(),t(103,"p"),e(104,"\u8C03\u6574\u8868\u5934\u5BBD\u5EA6\u3002"),n(),u(),n()()()(),t(105,"section",39),p(),t(106,"h2",40)(107,"span"),e(108,"API"),n(),t(109,"a",41),e(110,"#"),n()(),t(111,"h3",42)(112,"span"),e(113,"[nz-resizable]"),n(),t(114,"label",43),e(115,"directive"),n(),t(116,"a",44),e(117,"#"),n()(),t(118,"p"),e(119,"\u58F0\u660E\u5728\u9700\u8981\u8C03\u6574\u5C3A\u5BF8\u7684\u5143\u7D20\u4E0A\uFF0C\u5143\u7D20 "),t(120,"code"),e(121,"position"),n(),e(122," \u5C5E\u6027\u5FC5\u987B\u4E3A "),t(123,"code"),e(124,"'relative' | 'absolute' | 'fixed' |'sticky'"),n(),e(125," \u4E4B\u4E00\uFF0C\u9ED8\u8BA4\u4F1A\u81EA\u52A8\u8BBE\u7F6E\u4E3A "),t(126,"code"),e(127,"'relative'"),n(),e(128,"\u3002"),n(),t(129,"pre")(130,"code",45)(131,"span",46),e(132,"interface"),n(),e(133," "),t(134,"span",47),e(135,"NzResizeEvent"),n(),e(136," "),t(137,"span",25),e(138,"{"),n(),e(139,` 3 width`),t(140,"span",48),e(141,"?"),n(),t(142,"span",48),e(143,":"),n(),e(144," "),t(145,"span",49),e(146,"number"),n(),t(147,"span",25),e(148,";"),n(),e(149,` 4 height`),t(150,"span",48),e(151,"?"),n(),t(152,"span",48),e(153,":"),n(),e(154," "),t(155,"span",49),e(156,"number"),n(),t(157,"span",25),e(158,";"),n(),e(159,` 5 col`),t(160,"span",48),e(161,"?"),n(),t(162,"span",48),e(163,":"),n(),e(164," "),t(165,"span",49),e(166,"number"),n(),t(167,"span",25),e(168,";"),n(),e(169,` 6 direction`),t(170,"span",48),e(171,"?"),n(),t(172,"span",48),e(173,":"),n(),e(174," NzResizeDirection"),t(175,"span",25),e(176,";"),n(),e(177,`
7 mouseEvent`),t(178,"span",48),e(179,"?"),n(),t(180,"span",48),e(181,":"),n(),e(182," MouseEvent"),t(183,"span",25),e(184,";"),n(),e(185,` 8`),t(186,"span",25),e(187,"}"),n(),e(188,` 9`),n()(),t(189,"table")(190,"thead")(191,"tr")(192,"th"),e(193,"\u53C2\u6570"),n(),t(194,"th"),e(195,"\u8BF4\u660E"),n(),t(196,"th"),e(197,"\u7C7B\u578B"),n(),t(198,"th"),e(199,"\u9ED8\u8BA4\u503C"),n()()(),t(200,"tbody")(201,"tr")(202,"td"),e(203,"[nzBounds]"),n(),t(204,"td"),e(205,"\u8C03\u6574\u5C3A\u5BF8\u7684\u8FB9\u754C"),n(),t(206,"td")(207,"code"),e(208,"'window' | 'parent' | ElementRef<HTMLElement>"),n()(),t(209,"td")(210,"code"),e(211,"parent"),n()()(),t(212,"tr")(213,"td"),e(214,"[nzMaxHeight]"),n(),t(215,"td"),e(216,"\u6700\u5927\u9AD8\u5EA6(\u8D85\u8FC7\u8FB9\u754C\u90E8\u5206\u5FFD\u7565)"),n(),t(217,"td")(218,"code"),e(219,"number"),n()(),t(220,"td"),e(221,"-"),n()(),t(222,"tr")(223,"td"),e(224,"[nzMaxWidth]"),n(),t(225,"td"),e(226,"\u6700\u5927\u5BBD\u5EA6(\u8D85\u8FC7\u8FB9\u754C\u90E8\u5206\u5FFD\u7565)"),n(),t(227,"td")(228,"code"),e(229,"number"),n()(),t(230,"td"),e(231,"-"),n()(),t(232,"tr")(233,"td"),e(234,"[nzMinHeight]"),n(),t(235,"td"),e(236,"\u6700\u5C0F\u9AD8\u5EA6"),n(),t(237,"td")(238,"code"),e(239,"number"),n()(),t(240,"td")(241,"code"),e(242,"40"),n()()(),t(243,"tr")(244,"td"),e(245,"[nzMinWidth]"),n(),t(246,"td"),e(247,"\u6700\u5C0F\u5BBD\u5EA6"),n(),t(248,"td")(249,"code"),e(250,"number"),n()(),t(251,"td")(252,"code"),e(253,"40"),n()()(),t(254,"tr")(255,"td"),e(256,"[nzGridColumnCount]"),n(),t(257,"td"),e(258,"\u6805\u683C\u5217\u6570(-1 \u4E3A\u4E0D\u6805\u683C)"),n(),t(259,"td")(260,"code"),e(261,"number"),n()(),t(262,"td")(263,"code"),e(264,"-1"),n()()(),t(265,"tr")(266,"td"),e(267,"[nzMaxColumn]"),n(),t(268,"td"),e(269,"\u6805\u683C\u6700\u5927\u5217\u6570"),n(),t(270,"td")(271,"code"),e(272,"number"),n()(),t(273,"td"),e(274,"-"),n()(),t(275,"tr")(276,"td"),e(277,"[nzMinColumn]"),n(),t(278,"td"),e(279,"\u6805\u683C\u6700\u5C0F\u5217\u6570"),n(),t(280,"td")(281,"code"),e(282,"number"),n()(),t(283,"td"),e(284,"-"),n()(),t(285,"tr")(286,"td"),e(287,"[nzLockAspectRatio]"),n(),t(288,"td"),e(289,"\u9501\u5B9A\u5BBD\u9AD8\u6BD4"),n(),t(290,"td")(291,"code"),e(292,"boolean"),n()(),t(293,"td")(294,"code"),e(295,"false"),n()()(),t(296,"tr")(297,"td"),e(298,"[nzPreview]"),n(),t(299,"td"),e(300,"\u5F00\u542F\u9884\u89C8"),n(),t(301,"td")(302,"code"),e(303,"boolean"),n()(),t(304,"td")(305,"code"),e(306,"false"),n()()(),t(307,"tr")(308,"td"),e(309,"[nzDisabled]"),n(),t(310,"td"),e(311,"\u7981\u7528"),n(),t(312,"td")(313,"code"),e(314,"boolean"),n()(),t(315,"td")(316,"code"),e(317,"false"),n()()(),t(318,"tr")(319,"td"),e(320,"(nzResize)"),n(),t(321,"td"),e(322,"\u8C03\u6574\u5C3A\u5BF8\u65F6\u7684\u4E8B\u4EF6"),n(),t(323,"td")(324,"code"),e(325,"EventEmitter<NzResizeEvent>"),n()(),t(326,"td"),e(327,"-"),n()(),t(328,"tr")(329,"td"),e(330,"(nzResizeStart)"),n(),t(331,"td"),e(332,"\u5F00\u59CB\u8C03\u6574\u5C3A\u5BF8\u65F6\u7684\u4E8B\u4EF6"),n(),t(333,"td")(334,"code"),e(335,"EventEmitter<NzResizeEvent>"),n()(),t(336,"td"),e(337,"-"),n()(),t(338,"tr")(339,"td"),e(340,"(nzResizeEnd)"),n(),t(341,"td"),e(342,"\u7ED3\u675F\u8C03\u6574\u5C3A\u5BF8\u65F6\u7684\u4E8B\u4EF6"),n(),t(343,"td")(344,"code"),e(345,"EventEmitter<NzResizeEvent>"),n()(),t(346,"td"),e(347,"-"),n()()()(),t(348,"h3",50)(349,"span"),e(350,"nz-resize-handle"),n(),t(351,"label",51),e(352,"component"),n(),t(353,"a",52),e(354,"#"),n()(),t(355,"p"),e(356,"\u5B9A\u4E49\u8C03\u6574\u624B\u67C4\u53CA\u65B9\u5411\u3002"),n(),t(357,"pre")(358,"code",45)(359,"span",46),e(360,"type"),n(),e(361," "),t(362,"span",47),e(363,"NzResizeDirection"),n(),e(364," "),t(365,"span",48),e(366,"="),n(),e(367," "),t(368,"span",24),e(369,"'top'"),n(),e(370," "),t(371,"span",48),e(372,"|"),n(),e(373," "),t(374,"span",24),e(375,"'right'"),n(),e(376," "),t(377,"span",48),e(378,"|"),n(),e(379," "),t(380,"span",24),e(381,"'bottom'"),n(),e(382," "),t(383,"span",48),e(384,"|"),n(),e(385," "),t(386,"span",24),e(387,"'left'"),n(),e(388," "),t(389,"span",48),e(390,"|"),n(),e(391," "),t(392,"span",24),e(393,"'topRight'"),n(),e(394," "),t(395,"span",48),e(396,"|"),n(),e(397," "),t(398,"span",24),e(399,"'bottomRight'"),n(),e(400," "),t(401,"span",48),e(402,"|"),n(),e(403," "),t(404,"span",24),e(405,"'bottomLeft'"),n(),e(406," "),t(407,"span",48),e(408,"|"),n(),e(409," "),t(410,"span",24),e(411,"'topLeft'"),n(),t(412,"span",25),e(413,";"),n(),e(414,` 10`),t(415,"span",46),e(416,"type"),n(),e(417," "),t(418,"span",47),e(419,"NzCursorType"),n(),e(420," "),t(421,"span",48),e(422,"="),n(),e(423," "),t(424,"span",24),e(425,"'window'"),n(),e(426," "),t(427,"span",48),e(428,"|"),n(),e(429," "),t(430,"span",24),e(431,"'grid'"),n(),t(432,"span",25),e(433,";"),n(),e(434,` 11`),n()(),t(435,"table")(436,"thead")(437,"tr")(438,"th"),e(439,"\u53C2\u6570"),n(),t(440,"th"),e(441,"\u8BF4\u660E"),n(),t(442,"th"),e(443,"\u7C7B\u578B"),n(),t(444,"th"),e(445,"\u9ED8\u8BA4\u503C"),n()()(),t(446,"tbody")(447,"tr")(448,"td"),e(449,"[nzDirection]"),n(),t(450,"td"),e(451,"\u8C03\u6574\u65B9\u54
1111"),n(),t(452,"td")(453,"code"),e(454,"NzResizeDirection"),n()(),t(455,"td")(456,"code"),e(457,"'bottomRight'"),n()()(),t(458,"tr")(459,"td"),e(460,"[nzCursorType]"),n(),t(461,"td"),e(462,"\u624B\u67C4\u7684\u5149\u6807\u7C7B\u578B"),n(),t(463,"td")(464,"code"),e(465,"NzCursorType"),n()(),t(466,"td")(467,"code"),e(468,"'window'"),n()()()()(),t(469,"h3",53)(470,"span"),e(471,"nz-resize-handles"),n(),t(472,"label",51),e(473,"component"),n(),t(474,"a",54),e(475,"#"),n()(),t(476,"p"),e(477,"\u5B9A\u4E49\u8C03\u6574\u624B\u67C4\u7684\u5FEB\u6377\u7EC4\u4EF6\u3002"),n(),t(478,"pre")(479,"code",45)(480,"span",46),e(481,"interface"),n(),e(482," "),t(483,"span",47),e(484,"NzResizeHandleOption"),n(),e(485," "),t(486,"span",25),e(487,"{"),n(),e(488,` 12 direction`),t(489,"span",48),e(490,":"),n(),e(491," NzResizeDirection"),t(492,"span",25),e(493,";"),n(),e(494,` 13 cursorType`),t(495,"span",48),e(496,":"),n(),e(497," NzCursorType"),t(498,"span",25),e(499,";"),n(),e(500,` 14`),t(501,"span",25),e(502,"}"),n(),e(503,` 15`),n()(),t(504,"table")(505,"thead")(506,"tr")(507,"th"),e(508,"\u53C2\u6570"),n(),t(509,"th"),e(510,"\u8BF4\u660E"),n(),t(511,"th"),e(512,"\u7C7B\u578B"),n(),t(513,"th"),e(514,"\u9ED8\u8BA4\u503C"),n()()(),t(515,"tbody")(516,"tr")(517,"td"),e(518,"[nzDirections]"),n(),t(519,"td"),e(520,"\u9700\u8981\u7684\u624B\u67C4\u65B9\u5411\u6216\u624B\u67C4\u9009\u9879"),n(),t(521,"td")(522,"code"),e(523,"(NzResizeDirection | NzResizeHandleOption)[]"),n()(),t(524,"td"),e(525,"\u6240\u6709\u65B9\u5411"),n()()()(),t(526,"h3",55)(527,"span"),e(528,"\u6837\u5F0F"),n(),t(529,"a",56),e(530,"#"),n()(),t(531,"p"),e(532,"\u7EC4\u4EF6\u6837\u5F0F\u53EA\u5305\u542B\u4E86\u5FC5\u8981\u7684\u4F4D\u7F6E\u5C5E\u6027\u548C\u7B80\u5355\u7684\u6837\u5F0F\uFF0C\u4F60\u53EF\u4EE5\u901A\u8FC7\u8986\u5199\u4E0B\u5217\u7C7B\u540D\u81EA\u5B9A\u4E49\u6837\u5F0F\u3002"),n(),t(533,"ul")(534,"li")(535,"code"),e(536,".nz-resizable"),n(),t(537,"code"),e(538,"nz-resizable"),n(),e(539," \u7EC4\u4EF6\u547D\u540D\u7A7A\u95F4"),n(),t(540,"li")(541,"code"),e(542,".nz-resizable-resizing"),n(),e(543," \u6B63\u5728\u8C03\u6574\u5C3A\u5BF8\u65F6\u88AB\u6DFB\u52A0\u5230 "),t(544,"code"),e(545,"nz-resizable"),n(),e(546," \u4E0A"),n(),t(547,"li")(548,"code"),e(549,".nz-resizable-preview"),n(),e(550," \u5F00\u542F\u9884\u89C8\u65F6\u5E7D\u7075\u5143\u7D20\u7684\u7C7B\u540D"),n(),t(551,"li")(552,"code"),e(553,".nz-resizable-handle-box-hover"),n(),e(554," \u5F53\u9F20\u6807\u60AC\u505C\u5728 "),t(555,"code"),e(556,"nz-resizable"),n(),e(557," \u4E0A\u65F6\u88AB\u6DFB\u52A0\u5230 "),t(558,"code"),e(559," nz-resize-handle"),n(),e(560," \u4E0A\u3002"),n(),t(561,"li")(562,"code"),e(563,".nz-resizable-handle"),n(),e(564," \u8C03\u6574\u624B\u67C4\u547D\u540D\u7A7A\u95F4\u53CA\u5404\u65B9\u5411\u7C7B\u540D"),t(565,"ul")(566,"li")(567,"code"),e(568,".nz-resizable-handle-top"),n()(),t(569,"li")(570,"code"),e(571,".nz-resizable-handle-left"),n()(),t(572,"li")(573,"code"),e(574,".nz-resizable-handle-bottom"),n()(),t(575,"li")(576,"code"),e(577,".nz-resizable-handle-right"),n()(),t(578,"li")(579,"code"),e(580,".nz-resizable-handle-topRight"),n()(),t(581,"li")(582,"code"),e(583,".nz-resizable-handle-topLeft"),n()(),t(584,"li")(585,"code"),e(586,".nz-resizable-handle-bottomRight"),n()(),t(587,"li")(588,"code"),e(589,".nz-resizable-handle-bottomLeft"),n()()()(),t(590,"li")(591,"code"),e(592,".nz-resizable-handle-cursor-type"),n(),e(593," \u624B\u67C4\u7684\u5149\u6807\u7C7B\u578B\u547D\u540D\u7A7A\u95F4"),t(594,"ul")(595,"li")(596,"code"),e(597,".nz-resizable-handle-cursor-type-window"),n()(),t(598,"li")(599,"code"),e(600,".nz-resizable-handle-cursor-type-grid"),n()()()()(),u(),n()()),i&2&&(a(),m("nzOffsetTop",16),a(),m("nzAffix",!1),a(61),m("nzGutter",8),a(),m("nzSpan",24),a(),m("nzId","components-resizable-demo-basic")("nzLink","components-resizable-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/basic.md"),a(5),m("nzId","components-resizable-demo-customize")("nzLink","components-resizable-demo-customize")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/customize.md"),a(5),m("nzId","components-resizable-demo-lock-aspect-ratio")("nzLink","components-resizable-demo-lock-aspect-ratio")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/lock-aspect-ratio.md"),a(5),m("nzId","components-resizable-demo-preview")("nzLink","components-resizable-demo-preview")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/preview.md"),a(5),m("nzId","components-resizable-demo-grid")("nzLink","components-resizable-demo-grid")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/grid.md"),a(5),m("nzId","components-resizable-demo-layout")("nzLink","components-resizable-demo-layout")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/layout.md"),a(5),m("nzId","components-resizable-demo-drawer")("nzLink","components-resizable-demo-drawer")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/drawer.md"),a(5),m("nzId","components-resizable-demo-table")("nzLink","components-resizable-demo-table")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/table.md"))},dependencies:[K,R,Y,U,J,$,w,y,j,v,B,k,_,I,T,A,M,H],encapsulation:2})};var ee=class r{expanded=!1;codeBoxes;goLink(l){window&&(window.location.hash=l)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEac
vendor: 4,719 bytes, line 15
15h(l=>l.expandCode(this.expanded))}static \u0275fac=function(i){return new(i||r)};static \u0275cmp=x({type:r,selectors:[["nz-demo-resizable"]],viewQuery:function(i,o){if(i&1&&Z(R,5),i&2){let z;Q(z=q())&&(o.codeBoxes=z)}},decls:603,vars:44,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-resizable-demo-basic","nzTitle","Basic Usage"],["nzHref","#components-resizable-demo-customize","nzTitle","Customize"],["nzHref","#components-resizable-demo-lock-aspect-ratio","nzTitle","Lock Aspect Ratio"],["nzHref","#components-resizable-demo-preview","nzTitle","Preview"],["nzHref","#components-resizable-demo-grid","nzTitle","Grid"],["nzHref","#components-resizable-demo-layout","nzTitle","Layout"],["nzHref","#components-resizable-demo-drawer","nzTitle","Drawer"],["nzHref","#components-resizable-demo-table","nzTitle","Table"],["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/resizable/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["name","resizable","description","Resize element.","language","en"],[2,"border-color","#faad14"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],["id","import_style"],["onclick","window.location.hash = 'import_style'",1,"anchor"],[1,"language-less"],[1,"token","variable"],[1,"token","string"],[1,"token","punctuation"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","Basic Usage","nzSelector","nz-demo-resizable-basic","nzGenerateCommand","ng g ng-zorro-antd:resizable-basic <name>","nzComponentName","NzDemoResizableBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Customize","nzSelector","nz-demo-resizable-customize","nzGenerateCommand","ng g ng-zorro-antd:resizable-customize <name>","nzComponentName","NzDemoResizableCustomizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Lock Aspect Ratio","nzSelector","nz-demo-resizable-lock-aspect-ratio","nzGenerateCommand","ng g ng-zorro-antd:resizable-lock-aspect-ratio <name>","nzComponentName","NzDemoResizableLockAspectRatioComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Preview","nzSelector","nz-demo-resizable-preview","nzGenerateCommand","ng g ng-zorro-antd:resizable-preview <name>","nzComponentName","NzDemoResizablePreviewComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Grid","nzSelector","nz-demo-resizable-grid","nzGenerateCommand","ng g ng-zorro-antd:resizable-grid <name>","nzComponentName","NzDemoResizableGridComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Layout","nzSelector","nz-demo-resizable-layout","nzGenerateCommand","ng g ng-zorro-antd:resizable-layout <name>","nzComponentName","NzDemoResizableLayoutComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Drawer","nzSelector","nz-demo-resizable-drawer","nzGenerateCommand","ng g ng-zorro-antd:resizable-drawer <name>","nzComponentName","NzDemoResizableDrawerComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Table","nzSelector","nz-demo-resizable-table","nzGenerateCommand","ng g ng-zorro-antd:resizable-table <name>","nzComponentName","NzDemoResizableTableComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-resizable"],[1,"api-type-label","directive"],["onclick","window.location.hash = 'nz-resizable'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","class-name"],[1,"token","operator"],[1,"token","builtin"],["id","nz-resize-handle"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-resize-handle'",1,"anchor"],["id","nz-resize-handles"],["onclick","window.location.hash = 'nz-resize-handles'",1,"anchor"],["id","styling"],["onclick","window.location.hash = 'styling'",1,"anchor"]],template:function(i,o){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),s("nzClick",function(c){return o.goLink(c)}),d(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),n()(),t(12,"
15section",11)(13,"h1"),e(14,"Resizable"),d(15,"span",12)(16,"span",13),t(17,"a",14),d(18,"nz-icon",15),n()(),d(19,"component-meta",16),t(20,"blockquote",17)(21,"p"),e(22,"NG-ZORRO experiments are features that are released but not yet considered stable or production ready"),n(),t(23,"p"),e(24,"Developers and users can opt in into these features before they are fully released. But "),t(25,"strong"),e(26,"breaking changes"),n(),e(27," may occur with any release."),n()(),t(28,"section",11),p(),t(29,"h2",18)(30,"span"),e(31,"When To Use"),n(),t(32,"a",19),e(33,"#"),n()(),t(34,"p"),e(35,"When you want to resize elements."),n(),t(36,"ul")(37,"li"),e(38,"Support preview"),n(),t(39,"li"),e(40,"Support Grids System"),n(),t(41,"li"),e(42,"Support for custom handles and preview styles"),n()(),t(43,"h3",20)(44,"span"),e(45,"Import Style"),n(),t(46,"a",21),e(47,"#"),n()(),t(48,"pre")(49,"code",22)(50,"span",23),e(51,"@import"),n(),e(52," "),t(53,"span",24),e(54,"'node_modules/ng-zorro-antd/resizable/style/entry.less'"),n(),t(55,"span",25),e(56,";"),n(),e(57,` 16`),n()(),u(),n(),t(58,"h2")(59,"span"),e(60,"Examples"),n(),t(61,"nz-icon",26),s("click",function(){return o.expandAllCode()}),n()()(),t(62,"div",27)(63,"div",28)(64,"nz-code-box",29),d(65,"nz-demo-resizable-basic",30),t(66,"div",31),p(),t(67,"p"),e(68,"Basic Usage."),n(),u(),n()(),t(69,"nz-code-box",32),d(70,"nz-demo-resizable-customize",30),t(71,"div",31),p(),t(72,"p"),e(73,"Customize Handle\u3002"),n(),u(),n()(),t(74,"nz-code-box",33),d(75,"nz-demo-resizable-lock-aspect-ratio",30),t(76,"div",31),p(),t(77,"p"),e(78,"Lock the resize aspect ratio."),n(),u(),n()(),t(79,"nz-code-box",34),d(80,"nz-demo-resizable-preview",30),t(81,"div",31),p(),t(82,"p"),e(83,"Preview before apply size."),n(),u(),n()(),t(84,"nz-code-box",35),d(85,"nz-demo-resizable-grid",30),t(86,"div",31),p(),t(87,"p"),e(88,"Resize with grid."),n(),u(),n()(),t(89,"nz-code-box",36),d(90,"nz-demo-resizable-layout",30),t(91,"div",31),p(),t(92,"p"),e(93,"Layout with resizable."),n(),u(),n()(),t(94,"nz-code-box",37),d(95,"nz-demo-resizable-drawer",30),t(96,"div",31),p(),t(97,"p"),e(98,"Resize the drawer width."),n(),u(),n()(),t(99,"nz-code-box",38),d(100,"nz-demo-resizable-table",30),t(101,"div",31),p(),t(102,"p"),e(103,"Resize the table header."),n(),u(),n()()()(),t(104,"section",39),p(),t(105,"h2",40)(106,"span"),e(107,"API"),n(),t(108,"a",41),e(109,"#"),n()(),t(110,"h3",42)(111,"span"),e(112,"[nz-resizable]"),n(),t(113,"label",43),e(114,"directive"),n(),t(115,"a",44),e(116,"#"),n()(),t(117,"p"),e(118,"Resizable element the "),t(119,"code"),e(120,"position"),n(),e(121," attribute must be one of "),t(122,"code"),e(123,"'relative' | 'absolute' | 'fixed' |'sticky'"),n(),e(124,"\uFF0Cdefault is "),t(125,"code"),e(126,"'relative'"),n(),e(127,"."),n(),t(128,"pre")(129,"code",45)(130,"span",46),e(131,"interface"),n(),e(132," "),t(133,"span",47),e(134,"NzResizeEvent"),n(),e(135," "),t(136,"span",25),e(137,"{"),n(),e(138,` 17 width`),t(139,"span",48),e(140,"?"),n(),t(141,"span",48),e(142,":"),n(),e(143," "),t(144,"span",49),e(145,"number"),n(),t(146,"span",25),e(147,";"),n(),e(148,` 18 height`),t(149,"span",48),e(150,"?"),n(),t(151,"span",48),e(152,":"),n(),e(153," "),t(154,"span",49),e(155,"number"),n(),t(156,"span",25),e(157,";"),n(),e(158,` 19 col`),t(159,"span",48),e(160,"?"),n(),t(161,"span",48),e(162,":"),n(),e(163," "),t(164,"span",49),e(165,"number"),n(),t(166,"span",25),e(167,";"),n(),e(168,` 20 direction`),t(169,"span",48),e(170,"?"),n(),t(171,"span",48),e(172,":"),n(),e(173," NzResizeDirection"),t(174,"span",25),e(175,";"),n(),e(176,` 21 mouseEvent`),t(177,"span",48),e(178,"?"),n(),t(179,"span",48),e(180,":"),n(),e(181," MouseEvent"),t(182,"span",25),e(183,";"),n(),e(184,` 22`),t(185,"span",25),e(186,"}"),n(),e(187,` 23`),n()(),t(188,"table")(189,"thead")(190,"tr")(191,"th"),e(192,"Property"),n(),t(193,"th"),e(194,"Description"),n(),t(195,"th"),e(196,"Type"),n(),t(197,"th"),e(198,"Default"),n()()(),t(199,"tbody")(200,"tr")(201,"td"),e(202,"[nzBounds]"),n(),t(203,"td"),e(204,"Specifies resize boundaries."),n(),t(205,"td")(206,"code"),e(207,"'window' | 'parent' | ElementRef<HTMLElement>"),n()(),t(208,"td")(209,"code"),e(210,"parent"),n()()(),t(211,"tr")(212,"td"),e(213,"[nzMaxHeight]"),n(),t(214,"td"),e(215,"Maximum height of resizable element"),n(),t(216,"td")(217,"code"),e(218,"number"),n()(),t(219,"td"),e(220,"-"),n()(),t(221,"tr")(222,"td"),e(223,"[nzMaxWidth]"),n(),t(224,"td"),e(225,"Maximum width of resizable element"),n(),t(226,"td")(227,"code"),e(228,"number"),n()(),t(229,"td"),e(230,"-"),n()(),t(231,"tr")(232,"td"),e(233,"[nzMinHeight]"),n(),t(234,"td"),e(235,"Minimum height of resizable element"),n(),t(236,"td")(237,"code"),e(238,"number"),n()(),t(239,"td")(240,"code"),e(241,"40"),n()()(),t(242,"tr")(243,"td"),e(244,"[nzMinWidth]"),n(),t(245,"td"),e(246,"Minimum width of resizable element"),n(),t(247,"td")(248,"code"),e(249,"number"),n()(),t(250,"td")(251,"code"),e(252,"40"),n()()(),t(253,"tr")(254,"td"),e(255,"[nzGridColumnCount]"),n(),t(256,"td"),e(257,"Number of columns(-1 is not grid)"),n(),t(258,"td")(259,"code"),e(260,"number"),n()(),t(261,"td")(262,"code"),e(263,"-1"),n()()(),t(264,"tr")(265,"td"),e(266,"[nzMaxColumn]"),n(),t(267,"td"),e(268,"Maximum Column"),n(),t(269,"td")(270,"code"),e(271,"number"),n()(),t(272,"td"),e(273,"-"),n()(),t(274,"tr")(275,"td"),e(276,"[nzMinColumn]"),n(),t(277,"td"),e(278,"Minimum Column"),n(),t(279,"td")(280,"code"),e(281,"number"),n()(),t(282,"td"),e(283,"-"),n()(),t(284,"tr")(285,"td"),e(286,"[nzLockAspectRatio]"),n(),t(287,"td"),e(288,"Lock the aspect ratio based on the initial size"),n(),t(289,"td")(290,"code"),e(291,"boolean"),n()(),t(292,"td")(293,"code"),e(294,"false"),n()()(),t(295,"tr")(296,"td"),e(297,"[nzPreview]"),n(),t(298,"td"),e(299,"Enable preview when resizing"),n(),t(300,"td")(301,"code"),e(302,"boolean"),n()(),t(303,"td")(304,"code"),e(305,"false"),n()()(),t(306,"tr")(307,"td"),e(308,"[nzDisabled]"),n(),t(309,"td"),e(310,"Disable resize"),n(),t(311,"td")(312,"code"),e(313,"boolean"),n()(),t(314,"td")(315,"code"),e(316,"false"),n()()(),t(317,"tr")(318,"td"),e(319,"(nzResize)"),n(),t(320,"td"),e(321,"Calls when Resizing"),n(),t(322,"td")(323,"code"),e(324,"EventEmitter<NzResizeEvent>"),n()(),t(325,"td"),e(326,"-"),n()(),t(327,"tr")(328,"td"),e(329,"(nzResizeStart)"),n(),t(330,"td"),e(331,"Calls when resize start"),n(),t(332,"td")(333,"code"),e(334,"EventEmitter<NzResizeEvent>"),n()(),t(335,"td"),e(336,"-"),n()(),t(337,"tr")(338,"td"),e(339,"(nzResizeEnd)"),n(),t(340,"td"),e(341,"Calls when resize end"),n(),t(342,"td")(343,"code"),e(344,"EventEmitter<NzResizeEvent>"),n()(),t(345,"td"),e(346,"-"),n()()()(),t(347,"h3",50)(348,"span"),e(349,"nz-resize-handle"),n(),t(350,"label",51),e(351,"component"),n(),t(352,"a",52),e(353,"#"),n()(),t(354,"p"),e(355,"Define handles and directions."),n(),t(356,"pre")(357,"code",45)(358,"span",46),e(359,"type"),n(),e(360," "),t(361,"span",47),e(362,"NzResizeDirection"),n(),e(363," "),t(364,"span",48),e(365,"="),n(),e(366," "),t(367,"span",24),e(368,"'to
23p'"),n(),e(369," "),t(370,"span",48),e(371,"|"),n(),e(372," "),t(373,"span",24),e(374,"'right'"),n(),e(375," "),t(376,"span",48),e(377,"|"),n(),e(378," "),t(379,"span",24),e(380,"'bottom'"),n(),e(381," "),t(382,"span",48),e(383,"|"),n(),e(384," "),t(385,"span",24),e(386,"'left'"),n(),e(387," "),t(388,"span",48),e(389,"|"),n(),e(390," "),t(391,"span",24),e(392,"'topRight'"),n(),e(393," "),t(394,"span",48),e(395,"|"),n(),e(396," "),t(397,"span",24),e(398,"'bottomRight'"),n(),e(399," "),t(400,"span",48),e(401,"|"),n(),e(402," "),t(403,"span",24),e(404,"'bottomLeft'"),n(),e(405," "),t(406,"span",48),e(407,"|"),n(),e(408," "),t(409,"span",24),e(410,"'topLeft'"),n(),t(411,"span",25),e(412,";"),n(),e(413,` 24`),t(414,"span",46),e(415,"type"),n(),e(416," "),t(417,"span",47),e(418,"NzCursorType"),n(),e(419," "),t(420,"span",48),e(421,"="),n(),e(422," "),t(423,"span",24),e(424,"'window'"),n(),e(425," "),t(426,"span",48),e(427,"|"),n(),e(428," "),t(429,"span",24),e(430,"'grid'"),n(),t(431,"span",25),e(432,";"),n(),e(433,` 25`),n()(),t(434,"table")(435,"thead")(436,"tr")(437,"th"),e(438,"Property"),n(),t(439,"th"),e(440,"Description"),n(),t(441,"th"),e(442,"Type"),n(),t(443,"th"),e(444,"Default"),n()()(),t(445,"tbody")(446,"tr")(447,"td"),e(448,"[nzDirection]"),n(),t(449,"td"),e(450,"Set the direction of resizable"),n(),t(451,"td")(452,"code"),e(453,"NzResizeDirection"),n()(),t(454,"td")(455,"code"),e(456,"'bottomRight'"),n()()(),t(457,"tr")(458,"td"),e(459,"[nzCursorType]"),n(),t(460,"td"),e(461,"Cursor type for handle"),n(),t(462,"td")(463,"code"),e(464,"NzCursorType"),n()(),t(465,"td")(466,"code"),e(467,"'window'"),n()()()()(),t(468,"h3",53)(469,"span"),e(470,"nz-resize-handles"),n(),t(471,"label",51),e(472,"component"),n(),t(473,"a",54),e(474,"#"),n()(),t(475,"p"),e(476,"Simpler way to define handles."),n(),t(477,"pre")(478,"code",45)(479,"span",46),e(480,"interface"),n(),e(481," "),t(482,"span",47),e(483,"NzResizeHandleOption"),n(),e(484," "),t(485,"span",25),e(486,"{"),n(),e(487,` 26 direction`),t(488,"span",48),e(489,":"),n(),e(490," NzResizeDirection"),t(491,"span",25),e(492,";"),n(),e(493,` 27 cursorType`),t(494,"span",48),e(495,":"),n(),e(496," NzCursorType"),t(497,"span",25),e(498,";"),n(),e(499,` 28`),t(500,"span",25),e(501,"}"),n(),e(502,` 29`),n()(),t(503,"table")(504,"thead")(505,"tr")(506,"th"),e(507,"Property"),n(),t(508,"th"),e(509,"Description"),n(),t(510,"th"),e(511,"Type"),n(),t(512,"th"),e(513,"Default"),n()()(),t(514,"tbody")(515,"tr")(516,"td"),e(517,"[nzDirections]"),n(),t(518,"td"),e(519,"Allow handle directions or handle options"),n(),t(520,"td")(521,"code"),e(522,"(NzResizeDirection | NzResizeHandleOption)[]"),n()(),t(523,"td"),e(524,"ALL DIRECTIONS"),n()()()(),t(525,"h3",55)(526,"span"),e(527,"Styling"),n(),t(528,"a",56),e(529,"#"),n()(),t(530,"p"),e(531,"The Component styles only contain the necessary positional properties and simple styles, you can customize the style by overriding the following class."),n(),t(532,"ul")(533,"li")(534,"code"),e(535,".nz-resizable"),n(),e(536," The "),t(537,"code"),e(538,"nz-resizable"),n(),e(539," component namespace"),n(),t(540,"li")(541,"code"),e(542,".nz-resizable-resizing"),n(),e(543," This class name that is added to "),t(544,"code"),e(545,"nz-resizable"),n(),e(546," while resizing"),n(),t(547,"li")(548,"code"),e(549,".nz-resizable-preview"),n(),e(550," The ghost element's class name when enable preview"),n(),t(551,"li")(552,"code"),e(553,".nz-resizable-handle-box-hover"),n(),e(554," This class name that is added to "),t(555,"code"),e(556,"nz-resize-handle"),n(),e(557," while mouse hover on "),t(558,"code"),e(559,"nz-resizable"),n()(),t(560,"li")(561,"code"),e(562,".nz-resizable-handle"),n(),e(563," The "),t(564,"code"),e(565,"nz-resize-handle"),n(),e(566," component namespace and directions class name"),t(567,"ul")(568,"li")(569,"code"),e(570,".nz-resizable-handle-top"),n()(),t(571,"li")(572,"code"),e(573,".nz-resizable-handle-left"),n()(),t(574,"li")(575,"code"),e(576,".nz-resizable-handle-bottom"),n()(),t(577,"li")(578,"code"),e(579,".nz-resizable-handle-right"),n()(),t(580,"li")(581,"code"),e(582,".nz-resizable-handle-topRight"),n()(),t(583,"li")(584,"code"),e(585,".nz-resizable-handle-topLeft"),n()(),t(586,"li")(587,"code"),e(588,".nz-resizable-handle-bottomRight"),n()(),t(589,"li")(590,"code"),e(591,".nz-resizable-handle-bottomLeft"),n()()()(),t(592,"li")(593,"code"),e(594,".nz-resizable-handle-cursor-type"),n(),e(595," Cursor type namespace for handle"),t(596,"ul")(597,"li")(598,"code"),e(599,".nz-resizable-handle-cursor-type-window"),n()(),t(600,"li")(601,"code"),e(602,".nz-resizable-handle-cursor-type-grid"),n()()()()(),u(),n()()),i&2&&(a(),m("nzOff
29setTop",16),a(),m("nzAffix",!1),a(60),m("nzGutter",8),a(),m("nzSpan",24),a(),m("nzId","components-resizable-demo-basic")("nzLink","components-resizable-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/basic.md"),a(5),m("nzId","components-resizable-demo-customize")("nzLink","components-resizable-demo-customize")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/customize.md"),a(5),m("nzId","components-resizable-demo-lock-aspect-ratio")("nzLink","components-resizable-demo-lock-aspect-ratio")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/lock-aspect-ratio.md"),a(5),m("nzId","components-resizable-demo-preview")("nzLink","components-resizable-demo-preview")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/preview.md"),a(5),m("nzId","components-resizable-demo-grid")("nzLink","components-resizable-demo-grid")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/grid.md"),a(5),m("nzId","components-resizable-demo-layout")("nzLink","components-resizable-demo-layout")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/layout.md"),a(5),m("nzId","components-resizable-demo-drawer")("nzLink","components-resizable-demo-drawer")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/drawer.md"),a(5),m("nzId","components-resizable-demo-table")("nzLink","components-resizable-demo-table")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/resizable/demo/table.md"))},dependencies:[K,R,Y,U,J,$,w,y,j,v,B,k,_,I,T,A,M,H],encapsulation:2})};var je=[{path:"en",component:ee},{path:"zh",component:X}],ln=je;export{ln as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.