chunk-WWNBM2BC.js

import{a as S,b as C,c as ne}from"./chunk-HRG6VCKG.js";import{a as v,b as K}from"./chunk-I3LV2BEY.js";import{a as Z,c as ee,d as te}from"./chunk-KEW64DST.js";import{e as Q,i as X,l as Y}from"./chunk-AQGOD4VY.js";import{a as q,b as J}from"./chunk-Q5WFLR45.js";import{a as _,c as G}from"./chunk-Y54HNU3H.js";import"./chunk-FFGJMO62.js";import"./chunk-XRBZUWDJ.js";import{o as k,q as L,r as P,t as $}from"./chunk-LJRBPGSW.js";import"./chunk-JYBRZQRP.js";import{Da as t,Ea as n,Fa as g,Ga as E,Ha as x,I as h,Ja as R,Ka as O,La as d,O as I,P as H,Qb as w,Ta as s,Ua as o,Wa as D,Ya as W,Za as j,_a as U,ca as m,fb as f,la as u,ma as b,ra as p,rb as F,va as r,zb as V}from"./chunk-UJIEDWPF.js";function se(e,l){e&1&&(t(0,"div",6)(1,"span"),o(2,"Card name"),n(),t(3,"button",7),o(4,"Operation button"),n()()),e&2&&(m(3),r("nelType","text"))}function fe(e,l){if(e&1&&(t(0,"div",8),o(1),n()),e&2){let i=l.$implicit;m(),D(" ","List item "+i," ")}}function _e(e,l){if(e&1&&(t(0,"nel-card",4),p(1,se,5,1,"ng-template",null,0,f)(3,fe,2,1,"div",5),n()),e&2){let i=s(2),a=d(2);r("nelHeader",i),m(3),r("ngForOf",a.list)}}function Se(e,l){e&1&&(E(0),p(1,_e,4,2,"nel-card",3),x())}var ie=(()=>{class e{constructor(){this.list=[1,2,3]}static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=u({type:e,selectors:[["nel-demo-space-basic"]],standalone:!1,decls:2,vars:1,consts:[["header",""],["nelWrap",""],[4,"ngFor","ngForOf"],["class","box-card","style","width: 250px",3,"nelHeader",4,"nelSpaceItem"],[1,"box-card",2,"width","250px",3,"nelHeader"],["class","text item",4,"ngFor","ngForOf"],[1,"card-header"],["nel-button","",1,"button",3,"nelType"],[1,"text","item"]],template:function(a,c){a&1&&(t(0,"nel-space",1),p(1,Se,2,0,"ng-container",2),n()),a&2&&(m(),r("ngForOf",c.list))},dependencies:[F,C,S,v,_],styles:[".card-header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center}"]})}}return e})();function Ee(e,l){e&1&&(t(0,"div",6)(1,"span"),o(2,"Card name"),n(),t(3,"button",7),o(4,"Operation button"),n()()),e&2&&(m(3),r("nelType","text"))}function xe(e,l){if(e&1&&(t(0,"div",8),o(1),n()),e&2){let i=l.$implicit;m(),D(" ","List item "+i," ")}}function ge(e,l){if(e&1&&(t(0,"nel-card",4),p(1,Ee,5,1,"ng-template",null,0,f)(3,xe,2,1,"div",5),n()),e&2){let i=s(2),a=d(2);r("nelHeader",i),m(3),r("ngForOf",a.list)}}function De(e,l){e&1&&(E(0),p(1,ge,4,2,"nel-card",3),x())}var oe=(()=>{class e{constructor(){this.list=[1,2]}static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=u({type:e,selectors:[["nel-demo-space-direction"]],standalone:!1,decls:2,vars:2,consts:[["header",""],[3,"nelDirection"],[4,"ngFor","ngForOf"],["class","box-card","style","width: 250px",3,"nelHeader",4,"nelSpaceItem"],[1,"box-card",2,"width","250px",3,"nelHeader"],["class","text item",4,"ngFor","ngForOf"],[1,"card-header"],["nel-button","",1,"button",3,"nelType"],[1,"text","item"]],template:function(a,c){a&1&&(t(0,"nel-space",1),p(1,De,2,0,"ng-container",2),n()),a&2&&(r("nelDirection","vertical"),m(),r("ngForOf",c.list))},dependencies:[F,C,S,v,_],styles:[".card-header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center}"]})}}return e})();function ve(e,l){if(e&1){let i=R();t(0,"div")(1,"nel-radio-group",4),U("ngModelChange",function(c){I(i);let y=d();return j(y.size,c)||(y.size=c),H(c)}),t(2,"label",5),o(3,"\u8FF7\u4F60"),n(),t(4,"label",5),o(5,"\u5C0F"),n(),t(6,"label",5),o(7,"\u4E2D\u7B49"),n(),t(8,"label",5),o(9,"\u5927\u53F7"),n()()()}if(e&2){let i=d();m(),W("ngModel",i.size),m(),r("nelValue","mini"),m(2),r("nelValue","small"),m(2),r("nelValue","medium"),m(2),r("nelValue","large")}}function Ne(e,l){e&1&&(t(0,"div",11)(1,"span"),o(2,"Card name"),n(),t(3,"button",12),o(4,"Operation button"),n()()),e&2&&(m(3),r("nelType","text"))}function ye(e,l){if(e&1&&(t(0,"div",13),o(1),n()),e&2){let i=l.$implicit;m(),D(" ","List item "+i," ")}}function he(e,l){if(e&1&&(t(0,"nel-card",9),p(1,Ne,5,1,"ng-template",null,0,f)(3,ye,2,1,"div",10),n()),e&2){let i=s(2),a=d(3);r("nelHeader",i),m(3),r("ngForOf",a.list)}}function be(e,l){e&1&&(E(0),p(1,he,4,2,"nel-card",8),x())}function Ae(e,l){if(e&1&&(t(0,"nel-space",6),p(1,be,2,0,"ng-container",7),n()),e&2){let i=d();r("nelSize",i.size),m(),r("ngForOf",i.list)}}var ae=(()=>{class e{constructor(){this.list=[1,2,3],this.size="small"}changeSize(i){this.size=i}static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=u({type:e,selectors:[["nel-demo-space-size"]],standalone:!1,decls:3,vars:3,consts:[["header",""],[3,"nelDirection","nelAlignment","nelSize"],[4,"nelSpaceItem"],["nelWrap","",3,"nelSize",4,"nelSpaceItem"],[3,"ngModelChange","ngModel"],["nel-radio","",3,"nelValue"],["nelWrap","",3,"nelSize"],[4,"ngFor","ngForOf"],["class","box-card","style","width: 250px",3,"nelHeader",4,"nelSpaceItem"],[1,"box-card",2,"width","250px",3,"nelHeader"],["class","text item",4,"ngFor","ngForOf"],[1,"card-header"],["nel-button","",1,"button",3,"nelType"],[1,"text","item"]],template:function(a,c){a&1&&(t(0,"nel-space",1),p(1,ve,10,5,"div",2)(2,Ae,2,2,"nel-space",3),n()),a&2&&r("nelDirection","vertical")("nelAlignment","start")("nelSize",30)},dependencies:[F,Q,X,C,S,v,_,Z,ee],styles:[".card-header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center}"]})}}return e})();function ze(e,l){e&1&&(t(0,"div",7)(1,"span"),o(2,"Card name"),n(),t(3,"button",8),o(4,"Operation button"),n()()),e&2&&(m(3),r("nelType","text"))}function Te(e,l){if(e&1&&(t(0,"div",9),o(1),n()),e&2){let i=l.$implicit;m(),D(" ","List item "+i," ")}}function Me(e,l){if(e&1&&(t(0,"nel-card",5),p(1,ze,5,1,"ng-template",null,0,f)(3,Te,2,1,"div",6),n()),e&2){let i=s(2),a=d(2);r("nelHeader",i),m(3),r("ngForOf",a.list)}}function Oe(e,l){e&1&&(E(0),p(1,Me,4,2,"nel-card",4),x())}var re=(()=>{class e{constructor(){this.list=[1,2,3],this.size=20}reduce(){let i=this.size-10;i<0?this.size=0:this.size=i}increase(){let i=this.size+10;i>100?this.size=100:this.size=i}static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=u({type:e,selectors:[["nel-demo-space-size-number"]],standalone:!1,decls:8,vars:3,consts:[["header",""],["nel-button","",3,"click"],["nelWrap","",3,"nelSize"],[4,"ngFor","ngForOf"],["class","box-card","style","width: 250px",3,"nelHeader",4,"nelSpaceItem"],[1,"box-card",2,"width","250px",3,"nelHeader"],["class","text item",4,"ngFor","ngForOf"],[1,"card-header"],["nel-button","",1,"button",3,"nelType"],[1,"text","item"]],template:function(a,c){a&1&&(t(0,"div")(1,"button",1),O("click",function(){return c.reduce()}),o(2,"\u9012\u51CF"),n(),o(3),t(4,"button",1),O("click",function(){return c.increase()}),o(5,"\u9012\u589E"),n()(),t(6,"nel-space",2),p(7,Oe,2,0,"ng-container",3),n()),a&2&&(m(3),D(" ",c.size," "),m(3),r("nelSize",c.size),m(),r("ngForOf",c.list))},dependencies:[F,C,S,v,_],styles:[".card-header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center}"]})}}return e})();function Ie(e,l){e&1&&(t(0,"div")(1,"button",3),o(2," \u6587\u5B57\u6309\u94AE "),n()()),e&2&&(m(),r("nelType","text"))}function He(e,l){e&1&&(E(0),p(1,Ie,3,1,"div",2),x())}var me=(()=>{class e{constructor(){this.list=[]}ngOnInit(){for(let i=0;i<20;i++)this.list.push(i)}static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=u({type:e,selectors:[["nel-demo-space-wrap"]],standalone:!1,decls:2,vars:1,consts:[["nelWrap",""],[4,"ngFor","ngForOf"],[4,"nelSpaceItem"],["nel-button","",3,"nelType"]],template:function(a,c){a&1&&(t(0,"nel-space",0),p(1,He,2,0,"ng-container",1),n()),a&2&&(m(),r("ngForOf",c.list))},dependencies:[F,C,S,_],encapsulation:2})}}return e})();function We(e,l){if(e&1&&(t(0,"div")(1,"button",5),o(2),n()()),e&2){let i=d().$implicit;m(2),D(" button ",i," ")}}function je(e,l){e&1&&(E(0),p(1,We,3,1,"div",4),x())}function Ue(e,l){if(e&1&&(t(0,"div")(1,"button",5),o(2),n()()),e&2){let i=d().$implicit;m(2),D(" button ",i," ")}}function Ve(e,l){e&1&&(E(0),p(1,Ue,3,1,"div",4),x())}function ke(e,l){e&1&&g(0,"nel-divider",6),e&2&&r("nelDirection","vertical")}var le=(()=>{class e{constructor(){this.size=10,this.list=[1,2]}static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=u({type:e,selectors:[["nel-demo-space-spacer"]],standalone:!1,decls:8,vars:6,consts:[["spacer",""],[3,"nelSize","nelSpacer"],[4,"ngFor","ngForOf"],[2,"margin-top","10px"],[4,"nelSpaceItem"],["nel-button",""],[3,"nelDirection"]],template:function(a,c){if(a&1&&(t(0,"div")(1,"nel-space",1),p(2,je,2,0,"ng-container",2),n()(),t(3,"div",3)(4,"nel-space",1),p(5,Ve,2,0,"ng-container",2),n(),p(6,ke,1,1,"ng-template",null,0,f),n()),a&2){let y=s(7);m(),r("nelSize",c.size)("nelSpacer","|"),m(),r("ngForOf",c.list),m(2),r("nelSize",c.size)("nelSpacer",y),m(),r("ngForOf",c.list)}},dependencies:[F,C,S,_,q],encapsulation:2})}}return e})();function Pe(e,l){e&1&&(t(0,"div"),o(1,"string"),n())}function $e(e,l){e&1&&(t(0,"button",6),o(1," button "),n())}function Ge(e,l){e&1&&o(0," header ")}function qe(e,l){if(e&1&&(t(0,"nel-card",7),p(1,Ge,1,0,"ng-template",null,0,f),o(3," body "),n()),e&2){let i=s(2);r("nelHeader",i)}}function Je(e,l){e&1&&(t(0,"div"),o(1,"string"),n())}function Ke(e,l){e&1&&(t(0,"button",6),o(1," button "),n())}function Qe(e,l){e&1&&o(0," header ")}function Xe(e,l){if(e&1&&(t(0,"nel-card",7),p(1,Qe,1,0,"ng-template",null,0,f),o(3," body "),n()),e&2){let i=s(2);r("nelHeader",i)}}function Ye(e,l){e&1&&(t(0,"div"),o(1,"string"),n())}function Ze(e,l){e&1&&(t(0,"button",6),o(1," button "),n())}function et(e,l){e&1&&o(0," header ")}function tt(e,l){if(e&1&&(t(0,"nel-card",7),p(1,et,1,0,"ng-template",null,0,f),o(3," body "),n()),e&2){let i=s(2);r("nelHeader",i)}}var pe=(()=>{class e{static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=u({type:e,selectors:[["nel-demo-space-alignment"]],standalone:!1,decls:15,vars:2,consts:[["header",""],[2,"width","240px","margin-bottom","20px","padding","8px","border","1px solid #ccc"],[4,"nelSpaceItem"],["nel-button","",4,"nelSpaceItem"],[3,"nelHeader",4,"nelSpaceItem"],[3,"nelAlignment"],["nel-button",""],[3,"nelHeader"]],template:function(a,c){a&1&&(t(0,"div",1)(1,"nel-space"),p(2,Pe,2,0,"div",2)(3,$e,2,0,"button",3)(4,qe,4,1,"nel-card",4),n()(),t(5,"div",1)(6,"nel-space",5),p(7,Je,2,0,"div",2)(8,Ke,2,0,"button",3)(9,Xe,4,1,"nel-card",4),n()(),t(10,"div",1)(11,"nel-space",5),p(12,Ye,2,0,"div",2)(13,Ze,2,0,"button",3)(14,tt,4,1,"nel-card",4),n()()),a&2&&(m(6),r("nelAlignment","flex-start"),m(5),r("nelAlignment","flex-end"))},dependencies:[C,S,v,_],encapsulation:2})}}return e})();var ce=(()=>{class e{static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275mod=b({type:e})}static{this.\u0275inj=h({imports:[V,Y,ne,K,G,te,J]})}}return e})();var ue=(()=>{class e{static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275cmp=u({type:e,selectors:[["app-space"]],standalone:!1,decls:52,vars:8,consts:[["code","import { NelSpaceModule } from 'ng-element-ui/space';"],[3,"codeUrl"],["demo",""],[3,"docUrl"]],template:function(a,c){a&1&&(t(0,"h2"),o(1,"Space \u95F4\u8DDD"),n(),t(2,"p"),o(3,"\u867D\u7136\u6211\u4EEC\u62E5\u6709 Divider \u7EC4\u4EF6, \u4F46\u5F88\u591A\u65F6\u5019\u6211\u4EEC\u9700\u8981\u4E0D\u662F\u4E00\u4E2A\u88AB Divider \u7EC4\u4EF6 \u5206\u5272\u5F00\u7684\u9875\u9762\u7ED3\u6784, \u56E0\u6B64\u6211\u4EEC\u4F1A\u91CD\u590D\u7684\u4F7F\u7528\u5F88\u591A\u7684 Divider \u7EC4\u4EF6, \u8FD9\u5728\u6211\u4EEC\u7684\u5F00\u53D1\u6548\u7387\u4E0A\u9020\u6210\u4E86\u4E00\u5B9A\u7684\u56F0\u6270, \u95F4\u8DDD\u7EC4\u4EF6\u5C31\u662F\u4E3A\u4E86\u89E3\u51B3\u8FD9\u79CD\u56F0\u6270\u5E94\u8FD0\u800C\u751F\u7684."),n(),g(4,"app-code",0),t(5,"h3"),o(6,"\u57FA\u7840\u7528\u6CD5"),n(),t(7,"p"),o(8,"\u6700\u57FA\u7840\u7684\u7528\u6CD5, \u901A\u8FC7\u8FD9\u4E2A\u7EC4\u4EF6\u6765\u7ED9\u7EC4\u4EF6\u4E4B\u95F4\u63D0\u4F9B\u7EDF\u4E00\u7684\u95F4\u8DDD"),n(),t(9,"app-demo",1),g(10,"nel-demo-space-basic",2),n(),t(11,"h3"),o(12,"\u5782\u76F4\u5E03\u5C40"),n(),t(13,"p"),o(14,"\u4F7F\u7528 direction \u6765\u63A7\u5236\u5E03\u5C40\u7684\u65B9\u5F0F, \u80CC\u540E\u5B9E\u9645\u4E0A\u662F\u5229\u7528\u4E86 flex-direction \u6765\u63A7\u5236."),n(),t(15,"app-demo",1),g(16,"nel-demo-space-direction",2),n(),t(17,"h3"),o(18,"\u63A7\u5236\u95F4\u8DDD\u7684\u5927\u5C0F"),n(),t(19,"p"),o(20,"\u901A\u8FC7\u8C03\u6574 size \u7684\u503C\u6765\u63A7\u5236\u95F4\u8DDD\u7684\u5927\u5C0F"),n(),t(21,"p"),o(22,"\u53EF\u4F9B\u9009\u62E9\u7684\u5185\u5EFA\u7684\u503C\u6709 mini, small, medium, large, \u5206\u522B\u5BF9\u5E94 4px, 8px, 12px, 16px. \u9ED8\u8BA4\u7684\u95F4\u8DDD\u5927\u5C0F\u4E3A small \u4E5F\u5C31\u662F 8px"),n(),t(23,"p"),o(24,"\u60A8\u4E5F\u53EF\u4EE5\u901A\u8FC7\u81EA\u5B9A\u4E49\u7684 size \u6765\u63A7\u5236\u5927\u5C0F\uFF0C\u8BE6\u89C1\u4E0B\u4E00\u90E8\u5206"),n(),t(25,"app-demo",1),g(26,"nel-demo-space-size",2),n(),t(27,"h3"),o(28,"\u81EA\u5B9A\u4E49 Size"),n(),t(29,"p"),o(30,"\u5F88\u591A\u65F6\u5019, \u5185\u5EFA\u7684\u5927\u5C0F\u4E0D\u6EE1\u8DB3\u8BBE\u8BA1\u5E08\u7684\u8981\u6C42, \u6211\u4EEC\u53EF\u4EE5\u901A\u8FC7\u4F20\u5165\u81EA\u5DF1\u5B9A\u4E49\u7684\u5927\u5C0F (\u6570\u5B57\u7C7B\u578B) \u6765\u8BBE\u7F6E"),n(),t(31,"app-demo",1),g(32,"nel-demo-space-size-number",2),n(),t(33,"h3"),o(34,"\u81EA\u52A8\u6362\u884C"),n(),t(35,"p"),o(36,"\u5728\u6C34\u5E73 (horizontal) \u6A21\u5F0F\u4E0B,\u901A\u8FC7\u63A7\u5236 wrap (\u5E03\u5C14\u7C7B\u578B) \u6765\u63A7\u5236\u662F\u5426\u81EA\u52A8\u6362\u884C"),n(),t(37,"app-demo",1),g(38,"nel-demo-space-wrap",2),n(),t(39,"h3"),o(40,"\u884C\u95F4\u5206\u9694\u7B26"),n(),t(41,"p"),o(42,"\u6709\u65F6\u5019, \u4EC5\u4EC5\u5728\u884C\u95F4\u52A0\u7A7A\u767D, \u5E76\u4E0D\u80FD\u6EE1\u8DB3\u6211\u4EEC\u7684\u65E5\u5E38\u9700\u6C42, \u6B64\u65F6\u5206\u9694\u7B26 (spacer) \u5C31\u53EF\u4EE5\u53D1\u6325\u975E\u5E38\u597D\u7684\u4F5C\u7528\u4E86."),n(),t(43,"app-demo",1),g(44,"nel-demo-space-spacer",2),n(),t(45,"h3"),o(46,"\u5BF9\u9F50\u65B9\u5F0F"),n(),t(47,"p"),o(48,"\u8BBE\u7F6E\u8BE5\u503C\u53EF\u4EE5\u8C03\u6574\u6240\u6709\u5B50\u8282\u70B9\u5728\u5BB9\u5668\u5185\u7684\u5BF9\u9F50\u65B9\u5F0F, \u53EF\u8BBE\u7F6E\u7684\u503C\u4E0E align-items \u4E00\u81F4"),n(),t(49,"app-demo",1),g(50,"nel-demo-space-alignment",2),n(),g(51,"app-doc",3)),a&2&&(m(9),r("codeUrl","components-space-demo-basic.component"),m(6),r("codeUrl","components-space-demo-direction.component"),m(10),r("codeUrl","components-space-demo-size.component"),m(6),r("codeUrl","components-space-demo-size-number.component"),m(6),r("codeUrl","components-space-demo-wrap.component"),m(6),r("codeUrl","components-space-demo-spacer.component"),m(6),r("codeUrl","components-space-demo-alignment.component"),m(2),r("docUrl","components-space"))},dependencies:[ie,oe,ae,re,me,le,pe,k,L,P],encapsulation:2})}}return e})();var it=[{path:"",component:ue}],de=(()=>{class e{static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275mod=b({type:e})}static{this.\u0275inj=h({imports:[w.forChild(it),w]})}}return e})();var kt=(()=>{class e{static{this.\u0275fac=function(a){return new(a||e)}}static{this.\u0275mod=b({type:e})}static{this.\u0275inj=h({imports:[ce,$,de]})}}return e})();export{kt as SpaceModule};