-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathchunk-L2VRREAM.js
31 lines (31 loc) · 50.5 KB
/
chunk-L2VRREAM.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
import{b as E,c as F,d as h,e as b}from"./chunk-5LOXWKBM.js";import{a as Ne,c as ve,d as ye,e as we,f as Fe}from"./chunk-LXPFUZQD.js";import{a as xe,d as Ee,f as be}from"./chunk-JFWAWJQZ.js";import{c as Se,g as he,l as fe,n as Ce,p as ge,q as Re,s as De}from"./chunk-2PKDPLMQ.js";import"./chunk-GPMGMT23.js";import"./chunk-OSRM2LOJ.js";import"./chunk-TOQK3HAA.js";import"./chunk-UQWHPGOE.js";import"./chunk-UYZJPMN6.js";import"./chunk-5MIZTJTE.js";import"./chunk-YFUEY227.js";import"./chunk-XRZD46X6.js";import"./chunk-VED23IKS.js";import"./chunk-7IR2ER4N.js";import"./chunk-O5GFCFR7.js";import{a as se,b as ue,d as pe}from"./chunk-56XIMETV.js";import{a as ze}from"./chunk-MM6PISML.js";import"./chunk-AMB2SXIB.js";import{a as R,g as U,h as J,j as Y}from"./chunk-N7GBLZI4.js";import"./chunk-M3GNLX5T.js";import"./chunk-TSUNBK3M.js";import{Ha as v,Ja as de,Jc as y,Kc as w,Lc as ce,Nc as $,gc as j}from"./chunk-O3IWK6WU.js";import{Aa as P,Ac as Q,Bc as q,Fc as me,Gc as e,Hc as V,Ib as x,Ic as N,Ob as L,Sc as ie,Vb as m,Wb as S,cc as G,ec as ee,fc as te,gc as ne,hc as t,ic as n,jc as d,kc as oe,lc as re,nc as W,qc as s,rb as o,sc as g,xa as u,ya as p,za as O,zc as Z}from"./chunk-NACBYLXS.js";import{a as le,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:a}){cancelAnimationFrame(this.id),this.id=requestAnimationFrame(()=>{this.width=l,this.height=i,this.resizeDirection=a})}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,a){i&1&&(t(0,"div",0),s("nzResize",function(c){return a.onResize(c)}),d(1,"nz-resize-handles"),e(2," content "),n()),i&2&&(S("height",a.height,"px")("width",a.width,"px"),m("nzMaxWidth",600)("nzMinWidth",80)("nzMaxHeight",200)("nzMinHeight",80)("nzDisabled",a.disabled))},dependencies:[b,E,h],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,a){i&1&&(t(0,"div",0),s("nzResize",function(c){return a.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&&(S("height",a.height,"px")("width",a.width,"px"),o(3),m("nzRotate",135))},dependencies:[de,v,b,E,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 Ie=()=>({padding:0,height:"calc(100vh - 55px)"}),Te=()=>["right"];function Ae(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),o(),m("nzDirections",ie(2,Te)))}function Me(r,l){if(r&1&&(oe(0),L(1,Ae,8,3,"div",3),re()),r&2){let i=g();o(),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,a){i&1&&(t(0,"button",0),s("click",function(){return a.open()}),e(1,"Open"),n(),t(2,"nz-drawer",1),s("nzOnClose",function(){return a.close()}),L(3,Me,2,1,"ng-container",2),n()),i&2&&(o(2),m("nzClosable",!1)("nzVisible",a.visible)("nzBodyStyle",ie(4,Ie))("nzWidth",a.width))},dependencies:[pe,ue,se,ze,be,Ee,xe,b,E,h],styles:[".drawer-body[_ngcontent-%COMP%]{width:100%;height:100%;padding:24px}"]})};var 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,a){i&1&&(t(0,"div",0)(1,"div",1),s("nzResize",function(c){return a.onResize(c)}),d(2,"nz-resize-handles",2),e(3),n(),t(4,"div",3),e(5),n()()),i&2&&(o(),m("nzMinColumn",3)("nzMaxColumn",20)("nzGridColumnCount",24)("nzSpan",a.col),o(),m("nzDirections",a.directions),o(),N(" col-",a.col," "),o(),m("nzSpan",24-a.col),o(),N("col-",24-a.col,""))},dependencies:[ce,w,y,b,E,h],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,a){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 a.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 a.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&&(o(4),m("nzWidth",a.siderWidth)("nzMinWidth",50)("nzMaxWidth",300),o(5),S("height",a.contentHeight,"px"),m("nzMaxHeight",300)("nzMinHeight",50))},dependencies:[Fe,we,ve,Ne,ye,b,E,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,a){i&1&&(t(0,"div",0),s("nzResize",function(c){return a.onResize(c)}),d(1,"nz-resize-handles"),e(2," content "),n()),i&2&&S("height",a.height,"px")("width",a.width,"px")},dependencies:[b,E,h],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,a){i&1&&(t(0,"div",0),s("nzResizeEnd",function(c){return a.onResize(c)}),d(1,"nz-resize-handles"),e(2," content "),n()),i&2&&S("height",a.height,"px")("width",a.width,"px")},dependencies:[b,E,h],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 He(r,l){if(r&1){let i=W();t(0,"th",3),s("nzResizeEnd",function(z){O(i);let c=g().$implicit,_e=g();return P(_e.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),o(),N(" ",i.title," ")}}function Le(r,l){if(r&1&&(t(0,"th"),e(1),n()),r&2){let i=g().$implicit;o(),N(" ",i.title," ")}}function Oe(r,l){if(r&1&&L(0,He,4,4,"th",2)(1,Le,2,1,"th"),r&2){let i=l.$implicit;G(i.width?0:1)}}function Pe(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;o(2),V(i.name),o(2),V(i.age),o(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(a=>a.title===i?ae(le({},a),{width:`${l}px`}):a)}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,a){if(i&1&&(t(0,"nz-table",1,0)(2,"thead")(3,"tr"),te(4,Oe,2,1,null,null,ee),n()(),t(6,"tbody"),te(7,Pe,9,3,"tr",null,ee),n()()),i&2){let z=me(1);m("nzData",a.listOfData),o(4),ne(a.cols),o(3),ne(z.data)}},dependencies:[b,E,F,De,Ce,Se,he,Re,fe,ge],styles:[".nz-resizable-preview[_ngcontent-%COMP%]{border-width:0;border-right-width:1px}"]})};var K=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,a){if(i&1&&Z(R,5),i&2){let z;Q(z=q())&&(a.codeBoxes=z)}},decls:626,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"],[2,"border-color","#faad14"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],["id","\u5F15\u5165\u6A21\u5757"],["onclick","window.location.hash = '\u5F15\u5165\u6A21\u5757'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["id","\u5F15\u5165\u6837\u5F0F"],["onclick","window.location.hash = '\u5F15\u5165\u6837\u5F0F'",1,"anchor"],[1,"language-less"],[1,"token","variable"],["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,"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,a){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),s("nzClick",function(c){return a.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,"section",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()(),t(20,"section",11),p(),t(21,"blockquote",16)(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,"p"),e(30,"\u8C03\u6574\u5143\u7D20\u5C3A\u5BF8\u3002"),n(),t(31,"ul")(32,"li"),e(33,"\u652F\u6301\u91CA\u653E\u524D\u9884\u89C8\u63D0\u9AD8\u6027\u80FD"),n(),t(34,"li"),e(35,"\u652F\u6301\u6805\u683C\u7CFB\u7EDF"),n(),t(36,"li"),e(37,"\u652F\u6301\u81EA\u5B9A\u4E49\u8C03\u6574\u624B\u67C4\u548C\u9884\u89C8\u6837\u5F0F"),n()(),t(38,"h2",17)(39,"span"),e(40,"\u4F55\u65F6\u4F7F\u7528"),n(),t(41,"a",18),e(42,"#"),n()(),t(43,"p"),e(44,"\u5F53\u4F60\u60F3\u8C03\u6574\u5143\u7D20\u5C3A\u5BF8\u65F6."),n(),t(45,"h3",19)(46,"span"),e(47,"\u5F15\u5165\u6A21\u5757"),n(),t(48,"a",20),e(49,"#"),n()(),t(50,"pre")(51,"code",21)(52,"span",22),e(53,"import"),n(),e(54," "),t(55,"span",23),e(56,"{"),n(),e(57," NzResizableModule "),t(58,"span",23),e(59,"}"),n(),e(60," "),t(61,"span",22),e(62,"from"),n(),e(63," "),t(64,"span",24),e(65,"'ng-zorro-antd/resizable'"),n(),t(66,"span",23),e(67,";"),n(),e(68,`
`),n()(),t(69,"h3",25)(70,"span"),e(71,"\u5F15\u5165\u6837\u5F0F"),n(),t(72,"a",26),e(73,"#"),n()(),t(74,"pre")(75,"code",27)(76,"span",28),e(77,"@import"),n(),e(78," "),t(79,"span",24),e(80,"'node_modules/ng-zorro-antd/resizable/style/entry.less'"),n(),t(81,"span",23),e(82,";"),n(),e(83,`
`),n()(),u(),n(),t(84,"h2")(85,"span"),e(86,"\u4EE3\u7801\u6F14\u793A"),n(),t(87,"nz-icon",29),s("click",function(){return a.expandAllCode()}),n()()(),t(88,"div",30)(89,"div",31)(90,"nz-code-box",32),d(91,"nz-demo-resizable-basic",33),t(92,"div",34),p(),t(93,"p"),e(94,"\u57FA\u672C\u4F7F\u7528\u3002"),n(),u(),n()(),t(95,"nz-code-box",35),d(96,"nz-demo-resizable-customize",33),t(97,"div",34),p(),t(98,"p"),e(99,"\u81EA\u5B9A\u4E49\u62D6\u62FD\u67C4\u6837\u5F0F\u3002"),n(),u(),n()(),t(100,"nz-code-box",36),d(101,"nz-demo-resizable-lock-aspect-ratio",33),t(102,"div",34),p(),t(103,"p"),e(104,"\u9501\u5B9A\u5BBD\u9AD8\u6BD4\u3002"),n(),u(),n()(),t(105,"nz-code-box",37),d(106,"nz-demo-resizable-preview",33),t(107,"div",34),p(),t(108,"p"),e(109,"\u5728\u5E94\u7528\u5C3A\u5BF8\u524D\u9884\u89C8\u3002"),n(),u(),n()(),t(110,"nz-code-box",38),d(111,"nz-demo-resizable-grid",33),t(112,"div",34),p(),t(113,"p"),e(114,"\u914D\u5408\u6805\u683C\u4F7F\u7528"),n(),u(),n()(),t(115,"nz-code-box",39),d(116,"nz-demo-resizable-layout",33),t(117,"div",34),p(),t(118,"p"),e(119,"\u8C03\u6574\u5E03\u5C40\u5C3A\u5BF8\u3002"),n(),u(),n()(),t(120,"nz-code-box",40),d(121,"nz-demo-resizable-drawer",33),t(122,"div",34),p(),t(123,"p"),e(124,"\u8C03\u6574\u62BD\u5C49\u5BBD\u5EA6\u3002"),n(),u(),n()(),t(125,"nz-code-box",41),d(126,"nz-demo-resizable-table",33),t(127,"div",34),p(),t(128,"p"),e(129,"\u8C03\u6574\u8868\u5934\u5BBD\u5EA6\u3002"),n(),u(),n()()()(),t(130,"section",42),p(),t(131,"h2",43)(132,"span"),e(133,"API"),n(),t(134,"a",44),e(135,"#"),n()(),t(136,"h3",45)(137,"span"),e(138,"[nz-resizable]"),n(),t(139,"label",46),e(140,"directive"),n(),t(141,"a",47),e(142,"#"),n()(),t(143,"p"),e(144,"\u58F0\u660E\u5728\u9700\u8981\u8C03\u6574\u5C3A\u5BF8\u7684\u5143\u7D20\u4E0A\uFF0C\u5143\u7D20 "),t(145,"code"),e(146,"position"),n(),e(147," \u5C5E\u6027\u5FC5\u987B\u4E3A "),t(148,"code"),e(149,"'relative' | 'absolute' | 'fixed' |'sticky'"),n(),e(150," \u4E4B\u4E00\uFF0C\u9ED8\u8BA4\u4F1A\u81EA\u52A8\u8BBE\u7F6E\u4E3A "),t(151,"code"),e(152,"'relative'"),n(),e(153,"\u3002"),n(),t(154,"pre")(155,"code",21)(156,"span",22),e(157,"interface"),n(),e(158," "),t(159,"span",48),e(160,"NzResizeEvent"),n(),e(161," "),t(162,"span",23),e(163,"{"),n(),e(164,`
width`),t(165,"span",49),e(166,"?"),n(),t(167,"span",49),e(168,":"),n(),e(169," "),t(170,"span",50),e(171,"number"),n(),t(172,"span",23),e(173,";"),n(),e(174,`
height`),t(175,"span",49),e(176,"?"),n(),t(177,"span",49),e(178,":"),n(),e(179," "),t(180,"span",50),e(181,"number"),n(),t(182,"span",23),e(183,";"),n(),e(184,`
col`),t(185,"span",49),e(186,"?"),n(),t(187,"span",49),e(188,":"),n(),e(189," "),t(190,"span",50),e(191,"number"),n(),t(192,"span",23),e(193,";"),n(),e(194,`
direction`),t(195,"span",49),e(196,"?"),n(),t(197,"span",49),e(198,":"),n(),e(199," NzResizeDirection"),t(200,"span",23),e(201,";"),n(),e(202,`
mouseEvent`),t(203,"span",49),e(204,"?"),n(),t(205,"span",49),e(206,":"),n(),e(207," MouseEvent"),t(208,"span",23),e(209,";"),n(),e(210,`
`),t(211,"span",23),e(212,"}"),n(),e(213,`
`),n()(),t(214,"table")(215,"thead")(216,"tr")(217,"th"),e(218,"\u53C2\u6570"),n(),t(219,"th"),e(220,"\u8BF4\u660E"),n(),t(221,"th"),e(222,"\u7C7B\u578B"),n(),t(223,"th"),e(224,"\u9ED8\u8BA4\u503C"),n()()(),t(225,"tbody")(226,"tr")(227,"td"),e(228,"[nzBounds]"),n(),t(229,"td"),e(230,"\u8C03\u6574\u5C3A\u5BF8\u7684\u8FB9\u754C"),n(),t(231,"td")(232,"code"),e(233,"'window' | 'parent' | ElementRef<HTMLElement>"),n()(),t(234,"td")(235,"code"),e(236,"parent"),n()()(),t(237,"tr")(238,"td"),e(239,"[nzMaxHeight]"),n(),t(240,"td"),e(241,"\u6700\u5927\u9AD8\u5EA6(\u8D85\u8FC7\u8FB9\u754C\u90E8\u5206\u5FFD\u7565)"),n(),t(242,"td")(243,"code"),e(244,"number"),n()(),t(245,"td"),e(246,"-"),n()(),t(247,"tr")(248,"td"),e(249,"[nzMaxWidth]"),n(),t(250,"td"),e(251,"\u6700\u5927\u5BBD\u5EA6(\u8D85\u8FC7\u8FB9\u754C\u90E8\u5206\u5FFD\u7565)"),n(),t(252,"td")(253,"code"),e(254,"number"),n()(),t(255,"td"),e(256,"-"),n()(),t(257,"tr")(258,"td"),e(259,"[nzMinHeight]"),n(),t(260,"td"),e(261,"\u6700\u5C0F\u9AD8\u5EA6"),n(),t(262,"td")(263,"code"),e(264,"number"),n()(),t(265,"td")(266,"code"),e(267,"40"),n()()(),t(268,"tr")(269,"td"),e(270,"[nzMinWidth]"),n(),t(271,"td"),e(272,"\u6700\u5C0F\u5BBD\u5EA6"),n(),t(273,"td")(274,"code"),e(275,"number"),n()(),t(276,"td")(277,"code"),e(278,"40"),n()()(),t(279,"tr")(280,"td"),e(281,"[nzGridColumnCount]"),n(),t(282,"td"),e(283,"\u6805\u683C\u5217\u6570(-1 \u4E3A\u4E0D\u6805\u683C)"),n(),t(284,"td")(285,"code"),e(286,"number"),n()(),t(287,"td")(288,"code"),e(289,"-1"),n()()(),t(290,"tr")(291,"td"),e(292,"[nzMaxColumn]"),n(),t(293,"td"),e(294,"\u6805\u683C\u6700\u5927\u5217\u6570"),n(),t(295,"td")(296,"code"),e(297,"number"),n()(),t(298,"td"),e(299,"-"),n()(),t(300,"tr")(301,"td"),e(302,"[nzMinColumn]"),n(),t(303,"td"),e(304,"\u6805\u683C\u6700\u5C0F\u5217\u6570"),n(),t(305,"td")(306,"code"),e(307,"number"),n()(),t(308,"td"),e(309,"-"),n()(),t(310,"tr")(311,"td"),e(312,"[nzLockAspectRatio]"),n(),t(313,"td"),e(314,"\u9501\u5B9A\u5BBD\u9AD8\u6BD4"),n(),t(315,"td")(316,"code"),e(317,"boolean"),n()(),t(318,"td")(319,"code"),e(320,"false"),n()()(),t(321,"tr")(322,"td"),e(323,"[nzPreview]"),n(),t(324,"td"),e(325,"\u5F00\u542F\u9884\u89C8"),n(),t(326,"td")(327,"code"),e(328,"boolean"),n()(),t(329,"td")(330,"code"),e(331,"false"),n()()(),t(332,"tr")(333,"td"),e(334,"[nzDisabled]"),n(),t(335,"td"),e(336,"\u7981\u7528"),n(),t(337,"td")(338,"code"),e(339,"boolean"),n()(),t(340,"td")(341,"code"),e(342,"false"),n()()(),t(343,"tr")(344,"td"),e(345,"(nzResize)"),n(),t(346,"td"),e(347,"\u8C03\u6574\u5C3A\u5BF8\u65F6\u7684\u4E8B\u4EF6"),n(),t(348,"td")(349,"code"),e(350,"EventEmitter<NzResizeEvent>"),n()(),t(351,"td"),e(352,"-"),n()(),t(353,"tr")(354,"td"),e(355,"(nzResizeStart)"),n(),t(356,"td"),e(357,"\u5F00\u59CB\u8C03\u6574\u5C3A\u5BF8\u65F6\u7684\u4E8B\u4EF6"),n(),t(358,"td")(359,"code"),e(360,"EventEmitter<NzResizeEvent>"),n()(),t(361,"td"),e(362,"-"),n()(),t(363,"tr")(364,"td"),e(365,"(nzResizeEnd)"),n(),t(366,"td"),e(367,"\u7ED3\u675F\u8C03\u6574\u5C3A\u5BF8\u65F6\u7684\u4E8B\u4EF6"),n(),t(368,"td")(369,"code"),e(370,"EventEmitter<NzResizeEvent>"),n()(),t(371,"td"),e(372,"-"),n()()()(),t(373,"h3",51)(374,"span"),e(375,"nz-resize-handle"),n(),t(376,"label",52),e(377,"component"),n(),t(378,"a",53),e(379,"#"),n()(),t(380,"p"),e(381,"\u5B9A\u4E49\u8C03\u6574\u624B\u67C4\u53CA\u65B9\u5411\u3002"),n(),t(382,"pre")(383,"code",21)(384,"span",22),e(385,"type"),n(),e(386," "),t(387,"span",48),e(388,"NzResizeDirection"),n(),e(389," "),t(390,"span",49),e(391,"="),n(),e(392," "),t(393,"span",24),e(394,"'top'"),n(),e(395," "),t(396,"span",49),e(397,"|"),n(),e(398," "),t(399,"span",24),e(400,"'right'"),n(),e(401," "),t(402,"span",49),e(403,"|"),n(),e(404," "),t(405,"span",24),e(406,"'bottom'"),n(),e(407," "),t(408,"span",49),e(409,"|"),n(),e(410," "),t(411,"span",24),e(412,"'left'"),n(),e(413," "),t(414,"span",49),e(415,"|"),n(),e(416," "),t(417,"span",24),e(418,"'topRight'"),n(),e(419," "),t(420,"span",49),e(421,"|"),n(),e(422," "),t(423,"span",24),e(424,"'bottomRight'"),n(),e(425," "),t(426,"span",49),e(427,"|"),n(),e(428," "),t(429,"span",24),e(430,"'bottomLeft'"),n(),e(431," "),t(432,"span",49),e(433,"|"),n(),e(434," "),t(435,"span",24),e(436,"'topLeft'"),n(),t(437,"span",23),e(438,";"),n(),e(439,`
`),t(440,"span",22),e(441,"type"),n(),e(442," "),t(443,"span",48),e(444,"NzCursorType"),n(),e(445," "),t(446,"span",49),e(447,"="),n(),e(448," "),t(449,"span",24),e(450,"'window'"),n(),e(451," "),t(452,"span",49),e(453,"|"),n(),e(454," "),t(455,"span",24),e(456,"'grid'"),n(),t(457,"span",23),e(458,";"),n(),e(459,`
`),n()(),t(460,"table")(461,"thead")(462,"tr")(463,"th"),e(464,"\u53C2\u6570"),n(),t(465,"th"),e(466,"\u8BF4\u660E"),n(),t(467,"th"),e(468,"\u7C7B\u578B"),n(),t(469,"th"),e(470,"\u9ED8\u8BA4\u503C"),n()()(),t(471,"tbody")(472,"tr")(473,"td"),e(474,"[nzDirection]"),n(),t(475,"td"),e(476,"\u8C03\u6574\u65B9\u5411"),n(),t(477,"td")(478,"code"),e(479,"NzResizeDirection"),n()(),t(480,"td")(481,"code"),e(482,"'bottomRight'"),n()()(),t(483,"tr")(484,"td"),e(485,"[nzCursorType]"),n(),t(486,"td"),e(487,"\u624B\u67C4\u7684\u5149\u6807\u7C7B\u578B"),n(),t(488,"td")(489,"code"),e(490,"NzCursorType"),n()(),t(491,"td")(492,"code"),e(493,"'window'"),n()()()()(),t(494,"h3",54)(495,"span"),e(496,"nz-resize-handles"),n(),t(497,"label",52),e(498,"component"),n(),t(499,"a",55),e(500,"#"),n()(),t(501,"p"),e(502,"\u5B9A\u4E49\u8C03\u6574\u624B\u67C4\u7684\u5FEB\u6377\u7EC4\u4EF6\u3002"),n(),t(503,"pre")(504,"code",21)(505,"span",22),e(506,"interface"),n(),e(507," "),t(508,"span",48),e(509,"NzResizeHandleOption"),n(),e(510," "),t(511,"span",23),e(512,"{"),n(),e(513,`
direction`),t(514,"span",49),e(515,":"),n(),e(516," NzResizeDirection"),t(517,"span",23),e(518,";"),n(),e(519,`
cursorType`),t(520,"span",49),e(521,":"),n(),e(522," NzCursorType"),t(523,"span",23),e(524,";"),n(),e(525,`
`),t(526,"span",23),e(527,"}"),n(),e(528,`
`),n()(),t(529,"table")(530,"thead")(531,"tr")(532,"th"),e(533,"\u53C2\u6570"),n(),t(534,"th"),e(535,"\u8BF4\u660E"),n(),t(536,"th"),e(537,"\u7C7B\u578B"),n(),t(538,"th"),e(539,"\u9ED8\u8BA4\u503C"),n()()(),t(540,"tbody")(541,"tr")(542,"td"),e(543,"[nzDirections]"),n(),t(544,"td"),e(545,"\u9700\u8981\u7684\u624B\u67C4\u65B9\u5411\u6216\u624B\u67C4\u9009\u9879"),n(),t(546,"td")(547,"code"),e(548,"(NzResizeDirection | NzResizeHandleOption)[]"),n()(),t(549,"td"),e(550,"\u6240\u6709\u65B9\u5411"),n()()()(),t(551,"h3",56)(552,"span"),e(553,"\u6837\u5F0F"),n(),t(554,"a",57),e(555,"#"),n()(),t(556,"p"),e(557,"\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(558,"ul")(559,"li")(560,"code"),e(561,".nz-resizable"),n(),t(562,"code"),e(563,"nz-resizable"),n(),e(564," \u7EC4\u4EF6\u547D\u540D\u7A7A\u95F4"),n(),t(565,"li")(566,"code"),e(567,".nz-resizable-resizing"),n(),e(568," \u6B63\u5728\u8C03\u6574\u5C3A\u5BF8\u65F6\u88AB\u6DFB\u52A0\u5230 "),t(569,"code"),e(570,"nz-resizable"),n(),e(571," \u4E0A"),n(),t(572,"li")(573,"code"),e(574,".nz-resizable-preview"),n(),e(575," \u5F00\u542F\u9884\u89C8\u65F6\u5E7D\u7075\u5143\u7D20\u7684\u7C7B\u540D"),n(),t(576,"li")(577,"code"),e(578,".nz-resizable-handle-box-hover"),n(),e(579," \u5F53\u9F20\u6807\u60AC\u505C\u5728 "),t(580,"code"),e(581,"nz-resizable"),n(),e(582," \u4E0A\u65F6\u88AB\u6DFB\u52A0\u5230 "),t(583,"code"),e(584," nz-resize-handle"),n(),e(585," \u4E0A\u3002"),n(),t(586,"li")(587,"code"),e(588,".nz-resizable-handle"),n(),e(589," \u8C03\u6574\u624B\u67C4\u547D\u540D\u7A7A\u95F4\u53CA\u5404\u65B9\u5411\u7C7B\u540D"),t(590,"ul")(591,"li")(592,"code"),e(593,".nz-resizable-handle-top"),n()(),t(594,"li")(595,"code"),e(596,".nz-resizable-handle-left"),n()(),t(597,"li")(598,"code"),e(599,".nz-resizable-handle-bottom"),n()(),t(600,"li")(601,"code"),e(602,".nz-resizable-handle-right"),n()(),t(603,"li")(604,"code"),e(605,".nz-resizable-handle-topRight"),n()(),t(606,"li")(607,"code"),e(608,".nz-resizable-handle-topLeft"),n()(),t(609,"li")(610,"code"),e(611,".nz-resizable-handle-bottomRight"),n()(),t(612,"li")(613,"code"),e(614,".nz-resizable-handle-bottomLeft"),n()()()(),t(615,"li")(616,"code"),e(617,".nz-resizable-handle-cursor-type"),n(),e(618," \u624B\u67C4\u7684\u5149\u6807\u7C7B\u578B\u547D\u540D\u7A7A\u95F4"),t(619,"ul")(620,"li")(621,"code"),e(622,".nz-resizable-handle-cursor-type-window"),n()(),t(623,"li")(624,"code"),e(625,".nz-resizable-handle-cursor-type-grid"),n()()()()(),u(),n()()),i&2&&(o(),m("nzOffsetTop",16),o(),m("nzAffix",!1),o(86),m("nzGutter",8),o(),m("nzSpan",24),o(),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"),o(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"),o(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"),o(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"),o(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"),o(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"),o(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"),o(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:[Y,R,U,J,$,w,y,j,v,B,k,_,I,T,A,M,H],encapsulation:2})};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,a){if(i&1&&Z(R,5),i&2){let z;Q(z=q())&&(a.codeBoxes=z)}},decls:628,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"],[2,"border-color","#faad14"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],["id","import_module"],["onclick","window.location.hash = 'import_module'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["id","import_style"],["onclick","window.location.hash = 'import_style'",1,"anchor"],[1,"language-less"],[1,"token","variable"],["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,"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,a){i&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),s("nzClick",function(c){return a.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,"section",11)(13,"h1"),e(14,"Resizable"),d(15,"span",12)(16,"span",13),t(17,"a",14),d(18,"nz-icon",15),n()(),t(19,"section",11),p(),t(20,"blockquote",16)(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,"p"),e(29,"Resize element."),n(),t(30,"ul")(31,"li"),e(32,"Support preview"),n(),t(33,"li"),e(34,"Support Grids System"),n(),t(35,"li"),e(36,"Support for custom handles and preview styles"),n()(),t(37,"h2",17)(38,"span"),e(39,"When To Use"),n(),t(40,"a",18),e(41,"#"),n()(),t(42,"p"),e(43,"When you want to resize elements."),n(),t(44,"h3",19)(45,"span"),e(46,"Import Module"),n(),t(47,"a",20),e(48,"#"),n()(),t(49,"pre")(50,"code",21)(51,"span",22),e(52,"import"),n(),e(53," "),t(54,"span",23),e(55,"{"),n(),e(56," NzResizableModule "),t(57,"span",23),e(58,"}"),n(),e(59," "),t(60,"span",22),e(61,"from"),n(),e(62," "),t(63,"span",24),e(64,"'ng-zorro-antd/resizable'"),n(),t(65,"span",23),e(66,";"),n(),e(67,`
`),n()(),t(68,"h3",25)(69,"span"),e(70,"Import Style"),n(),t(71,"a",26),e(72,"#"),n()(),t(73,"pre")(74,"code",27)(75,"span",28),e(76,"@import"),n(),e(77," "),t(78,"span",24),e(79,"'node_modules/ng-zorro-antd/resizable/style/entry.less'"),n(),t(80,"span",23),e(81,";"),n(),e(82,`
`),n()(),u(),n(),t(83,"h2")(84,"span"),e(85,"Examples"),n(),t(86,"nz-icon",29),s("click",function(){return a.expandAllCode()}),n()()(),t(87,"div",30)(88,"div",31)(89,"nz-code-box",32),d(90,"nz-demo-resizable-basic",33),t(91,"div",34),p(),t(92,"p"),e(93,"Basic Usage."),n(),u(),n()(),t(94,"nz-code-box",35),d(95,"nz-demo-resizable-customize",33),t(96,"div",34),p(),t(97,"p"),e(98,"Customize Handle\u3002"),n(),u(),n()(),t(99,"nz-code-box",36),d(100,"nz-demo-resizable-lock-aspect-ratio",33),t(101,"div",34),p(),t(102,"p"),e(103,"Lock the resize aspect ratio."),n(),u(),n()(),t(104,"nz-code-box",37),d(105,"nz-demo-resizable-preview",33),t(106,"div",34),p(),t(107,"p"),e(108,"Preview before apply size."),n(),u(),n()(),t(109,"nz-code-box",38),d(110,"nz-demo-resizable-grid",33),t(111,"div",34),p(),t(112,"p"),e(113,"Resize with grid."),n(),u(),n()(),t(114,"nz-code-box",39),d(115,"nz-demo-resizable-layout",33),t(116,"div",34),p(),t(117,"p"),e(118,"Layout with resizable."),n(),u(),n()(),t(119,"nz-code-box",40),d(120,"nz-demo-resizable-drawer",33),t(121,"div",34),p(),t(122,"p"),e(123,"Resize the drawer width."),n(),u(),n()(),t(124,"nz-code-box",41),d(125,"nz-demo-resizable-table",33),t(126,"div",34),p(),t(127,"p"),e(128,"Resize the table header."),n(),u(),n()()()(),t(129,"section",42),p(),t(130,"h2",43)(131,"span"),e(132,"API"),n(),t(133,"a",44),e(134,"#"),n()(),t(135,"h3",45)(136,"span"),e(137,"[nz-resizable]"),n(),t(138,"label",46),e(139,"directive"),n(),t(140,"a",47),e(141,"#"),n()(),t(142,"p"),e(143,"Resizable element the "),t(144,"code"),e(145,"position"),n(),e(146," attribute must be one of "),t(147,"code"),e(148,"'relative' | 'absolute' | 'fixed' |'sticky'"),n(),e(149,"\uFF0Cdefault is "),t(150,"code"),e(151,"'relative'"),n(),e(152,"."),n(),t(153,"pre")(154,"code",21)(155,"span",22),e(156,"interface"),n(),e(157," "),t(158,"span",48),e(159,"NzResizeEvent"),n(),e(160," "),t(161,"span",23),e(162,"{"),n(),e(163,`
width`),t(164,"span",49),e(165,"?"),n(),t(166,"span",49),e(167,":"),n(),e(168," "),t(169,"span",50),e(170,"number"),n(),t(171,"span",23),e(172,";"),n(),e(173,`
height`),t(174,"span",49),e(175,"?"),n(),t(176,"span",49),e(177,":"),n(),e(178," "),t(179,"span",50),e(180,"number"),n(),t(181,"span",23),e(182,";"),n(),e(183,`
col`),t(184,"span",49),e(185,"?"),n(),t(186,"span",49),e(187,":"),n(),e(188," "),t(189,"span",50),e(190,"number"),n(),t(191,"span",23),e(192,";"),n(),e(193,`
direction`),t(194,"span",49),e(195,"?"),n(),t(196,"span",49),e(197,":"),n(),e(198," NzResizeDirection"),t(199,"span",23),e(200,";"),n(),e(201,`
mouseEvent`),t(202,"span",49),e(203,"?"),n(),t(204,"span",49),e(205,":"),n(),e(206," MouseEvent"),t(207,"span",23),e(208,";"),n(),e(209,`
`),t(210,"span",23),e(211,"}"),n(),e(212,`
`),n()(),t(213,"table")(214,"thead")(215,"tr")(216,"th"),e(217,"Property"),n(),t(218,"th"),e(219,"Description"),n(),t(220,"th"),e(221,"Type"),n(),t(222,"th"),e(223,"Default"),n()()(),t(224,"tbody")(225,"tr")(226,"td"),e(227,"[nzBounds]"),n(),t(228,"td"),e(229,"Specifies resize boundaries."),n(),t(230,"td")(231,"code"),e(232,"'window' | 'parent' | ElementRef<HTMLElement>"),n()(),t(233,"td")(234,"code"),e(235,"parent"),n()()(),t(236,"tr")(237,"td"),e(238,"[nzMaxHeight]"),n(),t(239,"td"),e(240,"Maximum height of resizable element"),n(),t(241,"td")(242,"code"),e(243,"number"),n()(),t(244,"td"),e(245,"-"),n()(),t(246,"tr")(247,"td"),e(248,"[nzMaxWidth]"),n(),t(249,"td"),e(250,"Maximum width of resizable element"),n(),t(251,"td")(252,"code"),e(253,"number"),n()(),t(254,"td"),e(255,"-"),n()(),t(256,"tr")(257,"td"),e(258,"[nzMinHeight]"),n(),t(259,"td"),e(260,"Minimum height of resizable element"),n(),t(261,"td")(262,"code"),e(263,"number"),n()(),t(264,"td")(265,"code"),e(266,"40"),n()()(),t(267,"tr")(268,"td"),e(269,"[nzMinWidth]"),n(),t(270,"td"),e(271,"Minimum width of resizable element"),n(),t(272,"td")(273,"code"),e(274,"number"),n()(),t(275,"td")(276,"code"),e(277,"40"),n()()(),t(278,"tr")(279,"td"),e(280,"[nzGridColumnCount]"),n(),t(281,"td"),e(282,"Number of columns(-1 is not grid)"),n(),t(283,"td")(284,"code"),e(285,"number"),n()(),t(286,"td")(287,"code"),e(288,"-1"),n()()(),t(289,"tr")(290,"td"),e(291,"[nzMaxColumn]"),n(),t(292,"td"),e(293,"Maximum Column"),n(),t(294,"td")(295,"code"),e(296,"number"),n()(),t(297,"td"),e(298,"-"),n()(),t(299,"tr")(300,"td"),e(301,"[nzMinColumn]"),n(),t(302,"td"),e(303,"Minimum Column"),n(),t(304,"td")(305,"code"),e(306,"number"),n()(),t(307,"td"),e(308,"-"),n()(),t(309,"tr")(310,"td"),e(311,"[nzLockAspectRatio]"),n(),t(312,"td"),e(313,"Lock the aspect ratio based on the initial size"),n(),t(314,"td")(315,"code"),e(316,"boolean"),n()(),t(317,"td")(318,"code"),e(319,"false"),n()()(),t(320,"tr")(321,"td"),e(322,"[nzPreview]"),n(),t(323,"td"),e(324,"Enable preview when resizing"),n(),t(325,"td")(326,"code"),e(327,"boolean"),n()(),t(328,"td")(329,"code"),e(330,"false"),n()()(),t(331,"tr")(332,"td"),e(333,"[nzDisabled]"),n(),t(334,"td"),e(335,"Disable resize"),n(),t(336,"td")(337,"code"),e(338,"boolean"),n()(),t(339,"td")(340,"code"),e(341,"false"),n()()(),t(342,"tr")(343,"td"),e(344,"(nzResize)"),n(),t(345,"td"),e(346,"Calls when Resizing"),n(),t(347,"td")(348,"code"),e(349,"EventEmitter<NzResizeEvent>"),n()(),t(350,"td"),e(351,"-"),n()(),t(352,"tr")(353,"td"),e(354,"(nzResizeStart)"),n(),t(355,"td"),e(356,"Calls when resize start"),n(),t(357,"td")(358,"code"),e(359,"EventEmitter<NzResizeEvent>"),n()(),t(360,"td"),e(361,"-"),n()(),t(362,"tr")(363,"td"),e(364,"(nzResizeEnd)"),n(),t(365,"td"),e(366,"Calls when resize end"),n(),t(367,"td")(368,"code"),e(369,"EventEmitter<NzResizeEvent>"),n()(),t(370,"td"),e(371,"-"),n()()()(),t(372,"h3",51)(373,"span"),e(374,"nz-resize-handle"),n(),t(375,"label",52),e(376,"component"),n(),t(377,"a",53),e(378,"#"),n()(),t(379,"p"),e(380,"Define handles and directions."),n(),t(381,"pre")(382,"code",21)(383,"span",22),e(384,"type"),n(),e(385," "),t(386,"span",48),e(387,"NzResizeDirection"),n(),e(388," "),t(389,"span",49),e(390,"="),n(),e(391," "),t(392,"span",24),e(393,"'top'"),n(),e(394," "),t(395,"span",49),e(396,"|"),n(),e(397," "),t(398,"span",24),e(399,"'right'"),n(),e(400," "),t(401,"span",49),e(402,"|"),n(),e(403," "),t(404,"span",24),e(405,"'bottom'"),n(),e(406," "),t(407,"span",49),e(408,"|"),n(),e(409," "),t(410,"span",24),e(411,"'left'"),n(),e(412," "),t(413,"span",49),e(414,"|"),n(),e(415," "),t(416,"span",24),e(417,"'topRight'"),n(),e(418," "),t(419,"span",49),e(420,"|"),n(),e(421," "),t(422,"span",24),e(423,"'bottomRight'"),n(),e(424," "),t(425,"span",49),e(426,"|"),n(),e(427," "),t(428,"span",24),e(429,"'bottomLeft'"),n(),e(430," "),t(431,"span",49),e(432,"|"),n(),e(433," "),t(434,"span",24),e(435,"'topLeft'"),n(),t(436,"span",23),e(437,";"),n(),e(438,`
`),t(439,"span",22),e(440,"type"),n(),e(441," "),t(442,"span",48),e(443,"NzCursorType"),n(),e(444," "),t(445,"span",49),e(446,"="),n(),e(447," "),t(448,"span",24),e(449,"'window'"),n(),e(450," "),t(451,"span",49),e(452,"|"),n(),e(453," "),t(454,"span",24),e(455,"'grid'"),n(),t(456,"span",23),e(457,";"),n(),e(458,`
`),n()(),t(459,"table")(460,"thead")(461,"tr")(462,"th"),e(463,"Property"),n(),t(464,"th"),e(465,"Description"),n(),t(466,"th"),e(467,"Type"),n(),t(468,"th"),e(469,"Default"),n()()(),t(470,"tbody")(471,"tr")(472,"td"),e(473,"[nzDirection]"),n(),t(474,"td"),e(475,"Set the direction of resizable"),n(),t(476,"td")(477,"code"),e(478,"NzResizeDirection"),n()(),t(479,"td")(480,"code"),e(481,"'bottomRight'"),n()()(),t(482,"tr")(483,"td"),e(484,"[nzCursorType]"),n(),t(485,"td"),e(486,"Cursor type for handle"),n(),t(487,"td")(488,"code"),e(489,"NzCursorType"),n()(),t(490,"td")(491,"code"),e(492,"'window'"),n()()()()(),t(493,"h3",54)(494,"span"),e(495,"nz-resize-handles"),n(),t(496,"label",52),e(497,"component"),n(),t(498,"a",55),e(499,"#"),n()(),t(500,"p"),e(501,"Simpler way to define handles."),n(),t(502,"pre")(503,"code",21)(504,"span",22),e(505,"interface"),n(),e(506," "),t(507,"span",48),e(508,"NzResizeHandleOption"),n(),e(509," "),t(510,"span",23),e(511,"{"),n(),e(512,`
direction`),t(513,"span",49),e(514,":"),n(),e(515," NzResizeDirection"),t(516,"span",23),e(517,";"),n(),e(518,`
cursorType`),t(519,"span",49),e(520,":"),n(),e(521," NzCursorType"),t(522,"span",23),e(523,";"),n(),e(524,`
`),t(525,"span",23),e(526,"}"),n(),e(527,`
`),n()(),t(528,"table")(529,"thead")(530,"tr")(531,"th"),e(532,"Property"),n(),t(533,"th"),e(534,"Description"),n(),t(535,"th"),e(536,"Type"),n(),t(537,"th"),e(538,"Default"),n()()(),t(539,"tbody")(540,"tr")(541,"td"),e(542,"[nzDirections]"),n(),t(543,"td"),e(544,"Allow handle directions or handle options"),n(),t(545,"td")(546,"code"),e(547,"(NzResizeDirection | NzResizeHandleOption)[]"),n()(),t(548,"td"),e(549,"ALL DIRECTIONS"),n()()()(),t(550,"h3",56)(551,"span"),e(552,"Styling"),n(),t(553,"a",57),e(554,"#"),n()(),t(555,"p"),e(556,"The Component styles only contain the necessary positional properties and simple styles, you can customize the style by overriding the following class."),n(),t(557,"ul")(558,"li")(559,"code"),e(560,".nz-resizable"),n(),e(561," The "),t(562,"code"),e(563,"nz-resizable"),n(),e(564," component namespace"),n(),t(565,"li")(566,"code"),e(567,".nz-resizable-resizing"),n(),e(568," This class name that is added to "),t(569,"code"),e(570,"nz-resizable"),n(),e(571," while resizing"),n(),t(572,"li")(573,"code"),e(574,".nz-resizable-preview"),n(),e(575," The ghost element's class name when enable preview"),n(),t(576,"li")(577,"code"),e(578,".nz-resizable-handle-box-hover"),n(),e(579," This class name that is added to "),t(580,"code"),e(581,"nz-resize-handle"),n(),e(582," while mouse hover on "),t(583,"code"),e(584,"nz-resizable"),n()(),t(585,"li")(586,"code"),e(587,".nz-resizable-handle"),n(),e(588," The "),t(589,"code"),e(590,"nz-resize-handle"),n(),e(591," component namespace and directions class name"),t(592,"ul")(593,"li")(594,"code"),e(595,".nz-resizable-handle-top"),n()(),t(596,"li")(597,"code"),e(598,".nz-resizable-handle-left"),n()(),t(599,"li")(600,"code"),e(601,".nz-resizable-handle-bottom"),n()(),t(602,"li")(603,"code"),e(604,".nz-resizable-handle-right"),n()(),t(605,"li")(606,"code"),e(607,".nz-resizable-handle-topRight"),n()(),t(608,"li")(609,"code"),e(610,".nz-resizable-handle-topLeft"),n()(),t(611,"li")(612,"code"),e(613,".nz-resizable-handle-bottomRight"),n()(),t(614,"li")(615,"code"),e(616,".nz-resizable-handle-bottomLeft"),n()()()(),t(617,"li")(618,"code"),e(619,".nz-resizable-handle-cursor-type"),n(),e(620," Cursor type namespace for handle"),t(621,"ul")(622,"li")(623,"code"),e(624,".nz-resizable-handle-cursor-type-window"),n()(),t(625,"li")(626,"code"),e(627,".nz-resizable-handle-cursor-type-grid"),n()()()()(),u(),n()()),i&2&&(o(),m("nzOffsetTop",16),o(),m("nzAffix",!1),o(85),m("nzGutter",8),o(),m("nzSpan",24),o(),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"),o(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"),o(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"),o(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"),o(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"),o(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"),o(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"),o(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:[Y,R,U,J,$,w,y,j,v,B,k,_,I,T,A,M,H],encapsulation:2})};var qe=[{path:"en",component:X},{path:"zh",component:K}],tn=qe;export{tn as default};