chunk-AXYQ67JJ.js

import{a as oe,b as c,c as u}from"./chunk-COOVNHP2.js";import{a as J,c as q}from"./chunk-6XDY44LU.js";import{a as j,b as ee,d as ne}from"./chunk-SF6YDLBW.js";import{a as $}from"./chunk-FKGJGU3K.js";import"./chunk-B3KZDYFP.js";import{a as C,g as G,h as V,j as P}from"./chunk-CQCG3332.js";import"./chunk-MC2HPSUP.js";import"./chunk-V4U3URE2.js";import{Ca as M,Fc as me,Hc as _,Ic as L,Lc as R,ec as A,oc as te,sc as ie}from"./chunk-U67ZLHSB.js";import{Ac as F,Bc as O,Cc as T,Hc as t,Ib as z,Jc as Q,Mc as U,Nc as X,Oc as Y,Tc as K,Wb as o,Xb as E,ic as e,jc as n,kc as i,rc as f,tb as d,ya as s,za as p}from"./chunk-6WFMSBDD.js";import"./chunk-EQDQRRRY.js";var y=class r{options=["Daily","Weekly","Monthly","Quarterly","Yearly"];handleValueChange(a){console.log(a)}static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-basic"]],decls:1,vars:1,consts:[[3,"nzValueChange","nzOptions"]],template:function(m,l){m&1&&(e(0,"nz-segmented",0),f("nzValueChange",function(S){return l.handleValueChange(S)}),n()),m&2&&o("nzOptions",l.options)},dependencies:[u,c],encapsulation:2})};var D=class r{options=["Daily","Weekly","Monthly","Quarterly","Yearly"];static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-block"]],decls:1,vars:2,consts:[[3,"nzOptions","nzBlock"]],template:function(m,l){m&1&&i(0,"nz-segmented",0),m&2&&o("nzOptions",l.options)("nzBlock",!0)},dependencies:[u,c],encapsulation:2})};var N=class r{static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-custom"]],decls:43,vars:18,consts:[["nz-segmented-item","","nzValue","user1"],["nzSrc","https://joeschmoe.io/api/v1/random"],["nz-segmented-item","","nzValue","user2"],["nzText","K"],["nz-segmented-item","","nzValue","user3"],["nzIcon","user"],["nz-segmented-item","","nzValue","spring"],["nz-segmented-item","","nzValue","summer"],["nz-segmented-item","","nzValue","autumn"],["nz-segmented-item","","nzValue","winter"]],template:function(m,l){m&1&&(e(0,"nz-segmented")(1,"label",0)(2,"div"),i(3,"nz-avatar",1),e(4,"div"),t(5,"User 1"),n()()(),e(6,"label",2)(7,"div"),i(8,"nz-avatar",3),e(9,"div"),t(10,"User 2"),n()()(),e(11,"label",4)(12,"div"),i(13,"nz-avatar",5),e(14,"div"),t(15,"User 3"),n()()()(),i(16,"br")(17,"br"),e(18,"nz-segmented")(19,"label",6)(20,"div")(21,"div"),t(22,"Spring"),n(),e(23,"div"),t(24,"Jan-Mar"),n()()(),e(25,"label",7)(26,"div")(27,"div"),t(28,"Summer"),n(),e(29,"div"),t(30,"Apr-Jun"),n()()(),e(31,"label",8)(32,"div")(33,"div"),t(34,"Autumn"),n(),e(35,"div"),t(36,"Jul-Sept"),n()()(),e(37,"label",9)(38,"div")(39,"div"),t(40,"Winter"),n(),e(41,"div"),t(42,"Oct-Dec"),n()()()()),m&2&&(d(2),E("padding",4,"px"),d(5),E("padding",4,"px"),d(),E("background","#f56a00"),d(4),E("padding",4,"px"),d(),E("background","#87d068"),d(7),E("padding",4,"px"),d(6),E("padding",4,"px"),d(6),E("padding",4,"px"),d(6),E("padding",4,"px"))},dependencies:[q,J,u,c,oe],encapsulation:2})};var le=()=>["Map","Transit","Satellite"],I=class r{options=["Daily",{label:"Weekly",value:"Weekly",disabled:!0},"Monthly",{label:"Quarterly",value:"Quarterly",disabled:!0},"Yearly"];static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-disabled"]],decls:3,vars:3,consts:[["nzDisabled","",3,"nzOptions"],[3,"nzOptions"]],template:function(m,l){m&1&&i(0,"nz-segmented",0)(1,"br")(2,"nz-segmented",1),m&2&&(o("nzOptions",K(2,le)),d(2),o("nzOptions",l.options))},dependencies:[u,c],styles:[".ant-segmented[_ngcontent-%COMP%]{margin-bottom:10px}"]})};var de=["Daily","Weekly","Monthly"],v=class r{options=[...de];moreLoaded=!1;handleLoadMore(){this.moreLoaded=!0,this.options=[...de,"Quarterly","Yearly"]}static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-dynamic"]],decls:4,vars:2,consts:[[3,"nzOptions"],["nz-button","","nzType","primary",3,"click","disabled"]],template:function(m,l){m&1&&(i(0,"nz-segmented",0)(1,"br"),e(2,"button",1),f("click",function(){return l.handleLoadMore()}),t(3," Load more options "),n()),m&2&&(o("nzOptions",l.options),d(2),o("disabled",l.moreLoaded))},dependencies:[ne,ee,j,$,u,c],styles:[".ant-segmented[_ngcontent-%COMP%]{margin-bottom:10px}"]})};var k=class r{options=[{label:"List",value:"List",icon:"bars"},{label:"Kanban",value:"Kanban",icon:"appstore"}];static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-icon"]],decls:1,vars:1,consts:[[3,"nzOptions"]],template:function(m,l){m&1&&i(0,"nz-segmented",0),m&2&&o("nzOptions",l.options)},dependencies:[u,c],encapsulation:2})};var B=class r{options=["Daily","Weekly","Monthly","Quarterly","Yearly"];static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-size"]],decls:5,vars:3,consts:[["nzSize","small",3,"nzOptions"],[3,"nzOptions"],["nzSize","large",3,"nzOptions"]],template:function(m,l){m&1&&i(0,"nz-segmented",0)(1,"br")(2,"nz-segmented",1)(3,"br")(4,"nz-segmented",2),m&2&&(o("nzOptions",l.options),d(2),o("nzOptions",l.options),d(2),o("nzOptions",l.options))},dependencies:[u,c],styles:[".ant-segmented[_ngcontent-%COMP%]{margin-bottom:10px}"]})};var H=class r{selectedValue="Weekly";options=["Daily","Weekly","Monthly","Quarterly","Yearly"];handleModelChange(a){console.log(a)}static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-value"]],decls:3,vars:3,consts:[[3,"ngModelChange","nzOptions","ngModel"]],template:function(m,l){m&1&&(e(0,"nz-segmented",0),Y("ngModelChange",function(S){return X(l.selectedValue,S)||(l.selectedValue=S),S}),f("ngModelChange",function(S){return l.handleModelChange(S)}),n(),i(1,"br"),t(2)),m&2&&(o("nzOptions",l.options),U("ngModel",l.selectedValue),d(2),Q(" Selected value: ",l.selectedValue," "))},dependencies:[me,te,ie,u,c],styles:[".ant-segmented[_ngcontent-%COMP%]{margin-bottom:10px}"]})};var w=class r{options=[{value:"List",icon:"bars"},{value:"Kanban",icon:"appstore"}];static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-with-icon-only"]],decls:1,vars:1,consts:[[3,"nzOptions"]],template:function(m,l){m&1&&i(0,"nz-segmented",0),m&2&&o("nzOptions",l.options)},dependencies:[u,c],encapsulation:2})};var W=class r{expanded=!1;codeBoxes;goLink(a){window&&(window.location.hash=a)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(a=>a.expandCode(this.expanded))}static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented"]],viewQuery:function(m,l){if(m&1&&F(C,5),m&2){let g;O(g=T())&&(l.codeBoxes=g)}},decls:281,vars:52,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-segmented-demo-basic","nzTitle","\u57FA\u672C"],["nzHref","#components-segmented-demo-disabled","nzTitle","\u4E0D\u53EF\u7528"],["nzHref","#components-segmented-demo-dynamic","nzTitle","\u52A8\u6001\u6570\u636E"],["nzHref","#components-segmented-demo-icon","nzTitle","\u8BBE\u7F6E\u56FE\u6807"],["nzHref","#components-segmented-demo-value","nzTitle","ngModel"],["nzHref","#components-segmented-demo-custom","nzTitle","\u81EA\u5B9A\u4E49\u6E32\u67D3"],["nzHref","#components-segmented-demo-size","nzTitle","\u4E09\u79CD\u5927\u5C0F"],["nzHref","#components-segmented-demo-block","nzTitle","Block \u5206\u6BB5\u9009\u62E9\u5668"],["nzHref","#components-segmented-demo-with-icon-only","nzTitle","\u53EA\u8BBE\u7F6E\u56FE\u6807"],["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/segmented/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["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,"nzXl","nzSpan"],["nzTitle","\u57FA\u672C","nzSelector","nz-demo-segmented-basic","nzGenerateCommand","ng g ng-zorro-antd:segmented-basic <name>","nzComponentName","NzDemoSegmentedBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u52A8\u6001\u6570\u636E","nzSelector","nz-demo-segmented-dynamic","nzGenerateCommand","ng g ng-zorro-antd:segmented-dynamic <name>","nzComponentName","NzDemoSegmentedDynamicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","ngModel","nzSelector","nz-demo-segmented-value","nzGenerateCommand","ng g ng-zorro-antd:segmented-value <name>","nzComponentName","NzDemoSegmentedValueComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u4E09\u79CD\u5927\u5C0F","nzSelector","nz-demo-segmented-size","nzGenerateCommand","ng g ng-zorro-antd:segmented-size <name>","nzComponentName","NzDemoSegmentedSizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u53EA\u8BBE\u7F6E\u56FE\u6807","nzSelector","nz-demo-segmented-with-icon-only","nzGenerateCommand","ng g ng-zorro-antd:segmented-with-icon-only <name>","nzComponentName","NzDemoSegmentedWithIconOnlyComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u4E0D\u53EF\u7528","nzSelector","nz-demo-segmented-disabled","nzGenerateCommand","ng g ng-zorro-antd:segmented-disabled <name>","nzComponentName","NzDemoSegmentedDisabledComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u8BBE\u7F6E\u56FE\u6807","nzSelector","nz-demo-segmented-icon","nzGenerateCommand","ng g ng-zorro-antd:segmented-icon <name>","nzComponentName","NzDemoSegmentedIconComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u6E32\u67D3","nzSelector","nz-demo-segmented-custom","nzGenerateCommand","ng g ng-zorro-antd:segmented-custom <name>","nzComponentName","NzDemoSegmentedCustomComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Block \u5206\u6BB5\u9009\u62E9\u5668","nzSelector","nz-demo-segmented-block","nzGenerateCommand","ng g ng-zorro-antd:segmented-block <name>","nzComponentName","NzDemoSegmentedBlockComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-segmented"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-segmented'",1,"anchor"],["id","labelnz-segmented-item"],["onclick","window.location.hash = 'labelnz-segmented-item'",1,"anchor"]],template:function(m,l){m&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),f("nzClick",function(S){return l.goLink(S)}),i(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11),n()(),e(13,"section",12)(14,"h1"),t(15,"Segmented"),e(16,"span",13),t(17,"\u5206\u6BB5\u63A7\u5236\u5668"),n(),i(18,"span",14),e(19,"a",15),i(20,"nz-icon",16),n()(),e(21,"section",12),p(),e(22,"h2",17)(23,"span"),t(24,"\u4F55\u65F6\u4F7F\u7528"),n(),e(25,"a",18),t(26,"#"),n()(),e(27,"ul")(28,"li"),t(29,"\u7528\u4E8E\u5C55\u793A\u591A\u4E2A\u9009\u9879\u5E76\u5141\u8BB8\u7528\u6237\u9009\u62E9\u5176\u4E2D\u5355\u4E2A\u9009\u9879\uFF1B"),n(),e(30,"li"),t(31,"\u5F53\u5207\u6362\u9009\u4E2D\u9009\u9879\u65F6\uFF0C\u5173\u8054\u533A\u57DF\u7684\u5185\u5BB9\u4F1A\u53D1\u751F\u53D8\u5316\u3002"),n()(),e(32,"pre")(33,"code",19)(34,"span",20),t(35,"import"),n(),t(36," "),e(37,"span",21),t(38,"{"),n(),t(39," NzSegmentedModule "),e(40,"span",21),t(41,"}"),n(),t(42," "),e(43,"span",20),t(44,"from"),n(),t(45," "),e(46,"span",22),t(47,"'ng-zorro-antd/segmented'"),n(),e(48,"span",21),t(49,";"),n(),t(50,`
`),n()(),s(),n(),e(51,"h2")(52,"span"),t(53,"\u4EE3\u7801\u6F14\u793A"),n(),e(54,"nz-icon",23),f("click",function(){return l.expandAllCode()}),n()()(),e(55,"div",24)(56,"div",25)(57,"nz-code-box",26),i(58,"nz-demo-segmented-basic",27),e(59,"div",28),p(),e(60,"p"),t(61,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),n(),s(),n()(),e(62,"nz-code-box",29),i(63,"nz-demo-segmented-dynamic",27),e(64,"div",28),p(),e(65,"p"),t(66,"\u52A8\u6001\u52A0\u8F7D\u6570\u636E\u3002"),n(),s(),n()(),e(67,"nz-code-box",30),i(68,"nz-demo-segmented-value",27),e(69,"div",28),p(),e(70,"p"),t(71,"\u901A\u8FC7 ngModel \u6307\u5B9A\u9009\u4E2D\u7684 value"),n(),s(),n()(),e(72,"nz-code-box",31),i(73,"nz-demo-segmented-size",27),e(74,"div",28),p(),e(75,"p"),t(76,"\u6211\u4EEC\u4E3A Segmented \u7EC4\u4EF6\u5B9A\u4E49\u4E86\u4E09\u79CD\u5C3A\u5BF8\uFF08\u5927\u3001\u9ED8\u8BA4\u3001\u5C0F\uFF09\uFF0C\u9AD8\u5EA6\u5206\u522B\u4E3A "),e(77,"code"),t(78,"40px"),n(),t(79,"\u3001"),e(80,"code"),t(81,"32px"),n(),t(82," \u548C "),e(83,"code"),t(84,"24px"),n(),t(85,"\u3002"),n(),s(),n()(),e(86,"nz-code-box",32),i(87,"nz-demo-segmented-with-icon-only",27),e(88,"div",28),p(),e(89,"p"),t(90,"\u5728 Segmented Item \u9009\u9879\u4E2D\u53EA\u8BBE\u7F6E Icon\u3002"),n(),s(),n()()(),e(91,"div",25)(92,"nz-code-box",33),i(93,"nz-demo-segmented-disabled",27),e(94,"div",28),p(),e(95,"p"),t(96,"Segmented \u4E0D\u53EF\u7528\u3002"),n(),s(),n()(),e(97,"nz-code-box",34),i(98,"nz-demo-segmented-icon",27),e(99,"div",28),p(),e(100,"p"),t(101,"\u7ED9 Segmented Item \u8BBE\u7F6E Icon\u3002"),n(),s(),n()(),e(102,"nz-code-box",35),i(103,"nz-demo-segmented-custom",27),e(104,"div",28),p(),e(105,"p"),t(106,"\u81EA\u5B9A\u4E49\u6E32\u67D3\u6BCF\u4E00\u4E2A Segmented Item\u3002"),n(),s(),n()(),e(107,"nz-code-box",36),i(108,"nz-demo-segmented-block",27),e(109,"div",28),p(),e(110,"p")(111,"code"),t(112,"nzBlock"),n(),t(113," \u5C5E\u6027\u4F7F\u5176\u9002\u5408\u7236\u5143\u7D20\u5BBD\u5EA6\u3002"),n(),s(),n()()()(),e(114,"section",37),p(),e(115,"h2",38)(116,"span"),t(117,"API"),n(),e(118,"a",39),t(119,"#"),n()(),e(120,"h3",40)(121,"span"),t(122,"nz-segmented"),n(),e(123,"label",41),t(124,"component"),n(),e(125,"a",42),t(126,"#"),n()(),e(127,"table")(128,"thead")(129,"tr")(130,"th"),t(131,"\u53C2\u6570"),n(),e(132,"th"),t(133,"\u8BF4\u660E"),n(),e(134,"th"),t(135,"\u7C7B\u578B"),n(),e(136,"th"),t(137,"\u9ED8\u8BA4\u503C"),n(),e(138,"th"),t(139,"\u5168\u5C40\u914D\u7F6E"),n()()(),e(140,"tbody")(141,"tr")(142,"td")(143,"code"),t(144,"[nzBlock]"),n()(),e(145,"td"),t(146,"\u5C06\u5BBD\u5EA6\u8C03\u6574\u4E3A\u7236\u5143\u7D20\u5BBD\u5EA6\u7684\u9009\u9879"),n(),e(147,"td")(148,"code"),t(149,"boolean"),n()(),e(150,"td"),t(151,"false"),n(),i(152,"td"),n(),e(153,"tr")(154,"td")(155,"code"),t(156,"[nzDisabled]"),n()(),e(157,"td"),t(158,"\u662F\u5426\u7981\u7528"),n(),e(159,"td")(160,"code"),t(161,"boolean"),n()(),e(162,"td"),t(163,"false"),n(),i(164,"td"),n(),e(165,"tr")(166,"td")(167,"code"),t(168,"[nzOptions]"),n()(),e(169,"td"),t(170,"\u6570\u636E\u5316\u914D\u7F6E\u9009\u9879\u5185\u5BB9"),n(),e(171,"td")(172,"code"),t(173,"string[] | number[] | Array<{ label: string; value: string | number; icon: string; disabled?: boolean; }>"),n()(),e(174,"td"),t(175,"-"),n(),i(176,"td"),n(),e(177,"tr")(178,"td")(179,"code"),t(180,"[nzSize]"),n()(),e(181,"td"),t(182,"\u63A7\u4EF6\u5C3A\u5BF8"),n(),e(183,"td")(184,"code"),t(185,"large | default | small"),n()(),e(186,"td"),t(187,"-"),n(),e(188,"td"),t(189,"\u2705"),n()(),e(190,"tr")(191,"td")(192,"code"),t(193,"[ngModel]"),n()(),e(194,"td"),t(195,"\u5F53\u524D\u9009\u4E2D\u9879\u76EE\u7684 value"),n(),e(196,"td")(197,"code"),t(198,"string | number"),n()(),e(199,"td"),t(200,"-"),n(),i(201,"td"),n(),e(202,"tr")(203,"td")(204,"code"),t(205,"(nzValueChange)"),n()(),e(206,"td"),t(207,"\u5F53\u524D\u9009\u4E2D\u9879\u76EE\u53D8\u5316\u65F6\u89E6\u53D1\u56DE\u8C03"),n(),e(208,"td")(209,"code"),t(210,"EventEmitter<string | number>"),n()(),e(211,"td"),t(212,"-"),n(),i(213,"td"),n(),e(214,"tr")(215,"td")(216,"code"),t(217,"(ngModelChange)"),n()(),e(218,"td"),t(219,"\u5F53\u524D\u9009\u4E2D\u9879\u76EE\u53D8\u5316\u65F6\u89E6\u53D1\u56DE\u8C03"),n(),e(220,"td")(221,"code"),t(222,"EventEmitter<string | number>"),n()(),e(223,"td"),t(224,"-"),n(),i(225,"td"),n()()(),e(226,"h3",43)(227,"span"),t(228,"label[nz-segmented-item]"),n(),e(229,"a",44),t(230,"#"),n()(),e(231,"table")(232,"thead")(233,"tr")(234,"th"),t(235,"\u53C2\u6570"),n(),e(236,"th"),t(237,"\u8BF4\u660E"),n(),e(238,"th"),t(239,"\u7C7B\u578B"),n(),e(240,"th"),t(241,"\u9ED8\u8BA4\u503C"),n(),e(242,"th"),t(243,"\u5168\u5C40\u914D\u7F6E"),n()()(),e(244,"tbody")(245,"tr")(246,"td")(247,"code"),t(248,"[nzIcon]"),n()(),e(249,"td"),t(250,"\u56FE\u6807"),n(),e(251,"td")(252,"code"),t(253,"string"),n()(),e(254,"td"),t(255,"-"),n(),i(256,"td"),n(),e(257,"tr")(258,"td")(259,"code"),t(260,"[nzValue]"),n()(),e(261,"td"),t(262,"\u503C"),n(),e(263,"td")(264,"code"),t(265,"string | number"),n()(),e(266,"td"),t(267,"-"),n(),i(268,"td"),n(),e(269,"tr")(270,"td")(271,"code"),t(272,"[nzDisabled]"),n()(),e(273,"td"),t(274,"\u662F\u5426\u7981\u7528"),n(),e(275,"td")(276,"code"),t(277,"boolean"),n()(),e(278,"td"),t(279,"false"),n(),i(280,"td"),n()()(),s(),n()()),m&2&&(d(),o("nzOffsetTop",16),d(),o("nzAffix",!1),d(53),o("nzGutter",16),d(),o("nzXl",12)("nzSpan",24),d(),o("nzId","components-segmented-demo-basic")("nzLink","components-segmented-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/basic.md"),d(5),o("nzId","components-segmented-demo-dynamic")("nzLink","components-segmented-demo-dynamic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/dynamic.md"),d(5),o("nzId","components-segmented-demo-value")("nzLink","components-segmented-demo-value")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/value.md"),d(5),o("nzId","components-segmented-demo-size")("nzLink","components-segmented-demo-size")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/size.md"),d(14),o("nzId","components-segmented-demo-with-icon-only")("nzLink","components-segmented-demo-with-icon-only")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/with-icon-only.md"),d(5),o("nzXl",12)("nzSpan",24),d(),o("nzId","components-segmented-demo-disabled")("nzLink","components-segmented-demo-disabled")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/disabled.md"),d(5),o("nzId","components-segmented-demo-icon")("nzLink","components-segmented-demo-icon")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/icon.md"),d(5),o("nzId","components-segmented-demo-custom")("nzLink","components-segmented-demo-custom")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/custom.md"),d(5),o("nzId","components-segmented-demo-block")("nzLink","components-segmented-demo-block")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/block.md"))},dependencies:[P,C,G,V,R,L,_,A,M,y,D,N,I,v,k,B,H,w],encapsulation:2})};var Z=class r{expanded=!1;codeBoxes;goLink(a){window&&(window.location.hash=a)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(a=>a.expandCode(this.expanded))}static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented"]],viewQuery:function(m,l){if(m&1&&F(C,5),m&2){let g;O(g=T())&&(l.codeBoxes=g)}},decls:295,vars:52,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-segmented-demo-basic","nzTitle","Basic usage"],["nzHref","#components-segmented-demo-disabled","nzTitle","Disabled"],["nzHref","#components-segmented-demo-dynamic","nzTitle","Dynamic"],["nzHref","#components-segmented-demo-icon","nzTitle","With Icon"],["nzHref","#components-segmented-demo-value","nzTitle","ngModel"],["nzHref","#components-segmented-demo-custom","nzTitle","Custom Render"],["nzHref","#components-segmented-demo-size","nzTitle","Three sizes of Segmented"],["nzHref","#components-segmented-demo-block","nzTitle","Block Segmented"],["nzHref","#components-segmented-demo-with-icon-only","nzTitle","With Icon only"],["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/segmented/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Basic usage","nzSelector","nz-demo-segmented-basic","nzGenerateCommand","ng g ng-zorro-antd:segmented-basic <name>","nzComponentName","NzDemoSegmentedBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Dynamic","nzSelector","nz-demo-segmented-dynamic","nzGenerateCommand","ng g ng-zorro-antd:segmented-dynamic <name>","nzComponentName","NzDemoSegmentedDynamicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","ngModel","nzSelector","nz-demo-segmented-value","nzGenerateCommand","ng g ng-zorro-antd:segmented-value <name>","nzComponentName","NzDemoSegmentedValueComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Three sizes of Segmented","nzSelector","nz-demo-segmented-size","nzGenerateCommand","ng g ng-zorro-antd:segmented-size <name>","nzComponentName","NzDemoSegmentedSizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","With Icon only","nzSelector","nz-demo-segmented-with-icon-only","nzGenerateCommand","ng g ng-zorro-antd:segmented-with-icon-only <name>","nzComponentName","NzDemoSegmentedWithIconOnlyComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Disabled","nzSelector","nz-demo-segmented-disabled","nzGenerateCommand","ng g ng-zorro-antd:segmented-disabled <name>","nzComponentName","NzDemoSegmentedDisabledComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","With Icon","nzSelector","nz-demo-segmented-icon","nzGenerateCommand","ng g ng-zorro-antd:segmented-icon <name>","nzComponentName","NzDemoSegmentedIconComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Custom Render","nzSelector","nz-demo-segmented-custom","nzGenerateCommand","ng g ng-zorro-antd:segmented-custom <name>","nzComponentName","NzDemoSegmentedCustomComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Block Segmented","nzSelector","nz-demo-segmented-block","nzGenerateCommand","ng g ng-zorro-antd:segmented-block <name>","nzComponentName","NzDemoSegmentedBlockComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-segmented"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-segmented'",1,"anchor"],["id","labelnz-segmented-item"],["onclick","window.location.hash = 'labelnz-segmented-item'",1,"anchor"]],template:function(m,l){m&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),f("nzClick",function(S){return l.goLink(S)}),i(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11),n()(),e(13,"section",12)(14,"h1"),t(15,"Segmented"),i(16,"span",13)(17,"span",14),e(18,"a",15),i(19,"nz-icon",16),n()(),e(20,"section",12),p(),e(21,"h2",17)(22,"span"),t(23,"When To Use"),n(),e(24,"a",18),t(25,"#"),n()(),e(26,"ul")(27,"li"),t(28,"When displaying multiple options and user can select a single option;"),n(),e(29,"li"),t(30,"When switching the selected option, the content of the associated area changes."),n()(),e(31,"pre")(32,"code",19)(33,"span",20),t(34,"import"),n(),t(35," "),e(36,"span",21),t(37,"{"),n(),t(38," NzSegmentedModule "),e(39,"span",21),t(40,"}"),n(),t(41," "),e(42,"span",20),t(43,"from"),n(),t(44," "),e(45,"span",22),t(46,"'ng-zorro-antd/segmented'"),n(),e(47,"span",21),t(48,";"),n(),t(49,`
`),n()(),s(),n(),e(50,"h2")(51,"span"),t(52,"Examples"),n(),e(53,"nz-icon",23),f("click",function(){return l.expandAllCode()}),n()()(),e(54,"div",24)(55,"div",25)(56,"nz-code-box",26),i(57,"nz-demo-segmented-basic",27),e(58,"div",28),p(),e(59,"p"),t(60,"Basic Usage."),n(),s(),n()(),e(61,"nz-code-box",29),i(62,"nz-demo-segmented-dynamic",27),e(63,"div",28),p(),e(64,"p"),t(65,"Load "),e(66,"code"),t(67,"options"),n(),t(68," dynamically."),n(),s(),n()(),e(69,"nz-code-box",30),i(70,"nz-demo-segmented-value",27),e(71,"div",28),p(),e(72,"p"),t(73,"Set selected option via ngModel."),n(),s(),n()(),e(74,"nz-code-box",31),i(75,"nz-demo-segmented-size",27),e(76,"div",28),p(),e(77,"p"),t(78,"There are three sizes of an Segmented: "),e(79,"code"),t(80,"large"),n(),t(81," (40px), "),e(82,"code"),t(83,"default"),n(),t(84," (32px) and "),e(85,"code"),t(86,"small"),n(),t(87," (24px)."),n(),s(),n()(),e(88,"nz-code-box",32),i(89,"nz-demo-segmented-with-icon-only",27),e(90,"div",28),p(),e(91,"p"),t(92,"Set "),e(93,"code"),t(94,"icon"),n(),t(95," without "),e(96,"code"),t(97,"label"),n(),t(98," for Segmented Item."),n(),s(),n()()(),e(99,"div",25)(100,"nz-code-box",33),i(101,"nz-demo-segmented-disabled",27),e(102,"div",28),p(),e(103,"p"),t(104,"Disabled Segmented."),n(),s(),n()(),e(105,"nz-code-box",34),i(106,"nz-demo-segmented-icon",27),e(107,"div",28),p(),e(108,"p"),t(109,"Set "),e(110,"code"),t(111,"icon"),n(),t(112," for Segmented Item."),n(),s(),n()(),e(113,"nz-code-box",35),i(114,"nz-demo-segmented-custom",27),e(115,"div",28),p(),e(116,"p"),t(117,"Custom render each Segmented Item."),n(),s(),n()(),e(118,"nz-code-box",36),i(119,"nz-demo-segmented-block",27),e(120,"div",28),p(),e(121,"p")(122,"code"),t(123,"nzBlock"),n(),t(124," property will make the "),e(125,"code"),t(126,"Segmented"),n(),t(127," fit to its parent width."),n(),s(),n()()()(),e(128,"section",37),p(),e(129,"h2",38)(130,"span"),t(131,"API"),n(),e(132,"a",39),t(133,"#"),n()(),e(134,"h3",40)(135,"span"),t(136,"nz-segmented"),n(),e(137,"label",41),t(138,"component"),n(),e(139,"a",42),t(140,"#"),n()(),e(141,"table")(142,"thead")(143,"tr")(144,"th"),t(145,"Property"),n(),e(146,"th"),t(147,"Description"),n(),e(148,"th"),t(149,"Type"),n(),e(150,"th"),t(151,"Default"),n(),e(152,"th"),t(153,"Global Config"),n()()(),e(154,"tbody")(155,"tr")(156,"td")(157,"code"),t(158,"[nzBlock]"),n()(),e(159,"td"),t(160,"Option to fit width to its parent's width"),n(),e(161,"td")(162,"code"),t(163,"boolean"),n()(),e(164,"td"),t(165,"false"),n(),i(166,"td"),n(),e(167,"tr")(168,"td")(169,"code"),t(170,"[nzDisabled]"),n()(),e(171,"td"),t(172,"Disable all segments"),n(),e(173,"td")(174,"code"),t(175,"boolean"),n()(),e(176,"td"),t(177,"false"),n(),i(178,"td"),n(),e(179,"tr")(180,"td")(181,"code"),t(182,"[nzOptions]"),n()(),e(183,"td"),t(184,"Set children optional"),n(),e(185,"td")(186,"code"),t(187,"string[] | number[] | Array<{ label: string; value: string | number; icon: string; disabled?: boolean }>"),n()(),e(188,"td"),t(189,"-"),n(),i(190,"td"),n(),e(191,"tr")(192,"td")(193,"code"),t(194,"[nzSize]"),n()(),e(195,"td"),t(196,"The size of the Segmented"),n(),e(197,"td")(198,"code"),t(199,"large | default | small"),n()(),e(200,"td"),t(201,"-"),n(),e(202,"td"),t(203,"\u2705"),n()(),e(204,"tr")(205,"td")(206,"code"),t(207,"[ngModel]"),n()(),e(208,"td"),t(209,"Value of the currently selected option"),n(),e(210,"td")(211,"code"),t(212,"string | number"),n()(),e(213,"td"),t(214,"-"),n(),i(215,"td"),n(),e(216,"tr")(217,"td")(218,"code"),t(219,"(nzValueChange)"),n()(),e(220,"td"),t(221,"Emits when value of the currently selected option changes"),n(),e(222,"td")(223,"code"),t(224,"EventEmitter<string | number>"),n()(),e(225,"td"),t(226,"-"),n(),i(227,"td"),n(),e(228,"tr")(229,"td")(230,"code"),t(231,"(ngModelChange)"),n()(),e(232,"td"),t(233,"Emits when value of the currently selected option changes"),n(),e(234,"td")(235,"code"),t(236,"EventEmitter<string | number>"),n()(),e(237,"td"),t(238,"-"),n(),i(239,"td"),n()()(),e(240,"h3",43)(241,"span"),t(242,"label[nz-segmented-item]"),n(),e(243,"a",44),t(244,"#"),n()(),e(245,"table")(246,"thead")(247,"tr")(248,"th"),t(249,"Property"),n(),e(250,"th"),t(251,"Description"),n(),e(252,"th"),t(253,"Type"),n(),e(254,"th"),t(255,"Default"),n(),e(256,"th"),t(257,"Global Config"),n()()(),e(258,"tbody")(259,"tr")(260,"td")(261,"code"),t(262,"[nzIcon]"),n()(),e(263,"td"),t(264,"Icon in segmented item"),n(),e(265,"td")(266,"code"),t(267,"string"),n()(),e(268,"td"),t(269,"-"),n(),i(270,"td"),n(),e(271,"tr")(272,"td")(273,"code"),t(274,"[nzValue]"),n()(),e(275,"td"),t(276,"Value of segmented item"),n(),e(277,"td")(278,"code"),t(279,"string | number"),n()(),e(280,"td"),t(281,"-"),n(),i(282,"td"),n(),e(283,"tr")(284,"td")(285,"code"),t(286,"[nzDisabled]"),n()(),e(287,"td"),t(288,"Disable the segmented item"),n(),e(289,"td")(290,"code"),t(291,"boolean"),n()(),e(292,"td"),t(293,"false"),n(),i(294,"td"),n()()(),s(),n()()),m&2&&(d(),o("nzOffsetTop",16),d(),o("nzAffix",!1),d(52),o("nzGutter",16),d(),o("nzXl",12)("nzSpan",24),d(),o("nzId","components-segmented-demo-basic")("nzLink","components-segmented-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/basic.md"),d(5),o("nzId","components-segmented-demo-dynamic")("nzLink","components-segmented-demo-dynamic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/dynamic.md"),d(8),o("nzId","components-segmented-demo-value")("nzLink","components-segmented-demo-value")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/value.md"),d(5),o("nzId","components-segmented-demo-size")("nzLink","components-segmented-demo-size")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/size.md"),d(14),o("nzId","components-segmented-demo-with-icon-only")("nzLink","components-segmented-demo-with-icon-only")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/with-icon-only.md"),d(11),o("nzXl",12)("nzSpan",24),d(),o("nzId","components-segmented-demo-disabled")("nzLink","components-segmented-demo-disabled")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/disabled.md"),d(5),o("nzId","components-segmented-demo-icon")("nzLink","components-segmented-demo-icon")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/icon.md"),d(8),o("nzId","components-segmented-demo-custom")("nzLink","components-segmented-demo-custom")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/custom.md"),d(5),o("nzId","components-segmented-demo-block")("nzLink","components-segmented-demo-block")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/block.md"))},dependencies:[P,C,G,V,R,L,_,A,M,y,D,N,I,v,k,B,H,w],encapsulation:2})};var ue=[{path:"en",component:Z},{path:"zh",component:W}],gn=ue;export{gn as default};