@cleartrip/ct-design-segment 4.0.0-SNAPSHOT-rnfinaltest34.0 → 4.0.0-SNAPSHOT-rnfinaltest37.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Segment.d.ts.map +1 -1
- package/dist/Segment.native.d.ts.map +1 -1
- package/dist/SegmentButton.d.ts.map +1 -1
- package/dist/SegmentButton.native.d.ts +5 -0
- package/dist/SegmentButton.native.d.ts.map +1 -0
- package/dist/ct-design-segment.browser.cjs.js +1 -1
- package/dist/ct-design-segment.browser.cjs.js.map +1 -1
- package/dist/ct-design-segment.browser.esm.js +1 -1
- package/dist/ct-design-segment.browser.esm.js.map +1 -1
- package/dist/ct-design-segment.cjs.js +271 -93
- package/dist/ct-design-segment.cjs.js.map +1 -1
- package/dist/ct-design-segment.esm.js +274 -96
- package/dist/ct-design-segment.esm.js.map +1 -1
- package/dist/ct-design-segment.umd.js +275 -96
- package/dist/ct-design-segment.umd.js.map +1 -1
- package/dist/style.d.ts +38 -7
- package/dist/style.d.ts.map +1 -1
- package/package.json +10 -10
- package/src/Segment.native.tsx +200 -69
- package/src/Segment.tsx +195 -92
- package/src/SegmentButton.native.tsx +109 -0
- package/src/SegmentButton.tsx +73 -29
- package/src/style.ts +67 -13
package/dist/Segment.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Segment.d.ts","sourceRoot":"","sources":["../packages/components/Segment/src/Segment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,OAAO,EAAE,aAAa,EAAkB,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Segment.d.ts","sourceRoot":"","sources":["../packages/components/Segment/src/Segment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,OAAO,EAAE,aAAa,EAAkB,MAAM,QAAQ,CAAC;AAcvD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgQpC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Segment.native.d.ts","sourceRoot":"","sources":["../packages/components/Segment/src/Segment.native.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Segment.native.d.ts","sourceRoot":"","sources":["../packages/components/Segment/src/Segment.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAazE,OAAO,EAAE,aAAa,EAAgD,MAAM,QAAQ,CAAC;AAYrF,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmQpC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentButton.d.ts","sourceRoot":"","sources":["../packages/components/Segment/src/SegmentButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SegmentButton.d.ts","sourceRoot":"","sources":["../packages/components/Segment/src/SegmentButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,mBAAmB,EAAkB,MAAM,QAAQ,CAAC;AAG7D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsGvD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SegmentButton.native.d.ts","sourceRoot":"","sources":["../packages/components/Segment/src/SegmentButton.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,mBAAmB,EAAkB,MAAM,QAAQ,CAAC;AAG7D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiGvD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var t=require("react/jsx-runtime"),e=require("react"),o=require("@cleartrip/ct-design-theme"),n=require("@cleartrip/ct-design-style-manager"),r=require("@cleartrip/ct-design-container"),i=require("@cleartrip/ct-design-button"),a=require("@emotion/css");function l(t){return t&&t.__esModule?t:{default:t}}var s,d=l(require("@cleartrip/ct-design-use-isomorphic-effect"));exports.SegmentVariant=void 0,(s=exports.SegmentVariant||(exports.SegmentVariant={})).DEFAULT="default",s.DARK="dark";const u=n.makeStyles(t=>{const e=t.size[10],o=t.border.width.sm,n=Math.max(e-2*o,0),r=Math.max(t.spacing[.25],0),i=Math.max(n-2*r,0),a=Math.max(0,e/2),l=Math.max(0,n/2),s=Math.max(0,l-r);return{root:{display:"flex",flexDirection:"row",borderWidth:o,borderColor:"transparent",borderRadius:a,overflow:"hidden",backgroundColor:t.color.background.disabled,position:"relative",height:e,alignItems:"stretch"},button:{backgroundColor:"transparent",fontSize:t.typography.size[14],fontWeight:t.typography.weight.medium,lineHeight:t.size[5],borderColor:t.color.border.default,borderRadius:s,textAlign:"center",justifyContent:"center",alignItems:"center"},animatedContainerBlock:{position:"absolute",height:e,left:r,right:r,zIndex:t.zIndex.modal},animatedBlock:{position:"absolute",height:i,borderRadius:s,backgroundColor:t.color.background.neutral,top:r},animatedContainer:{flexDirection:"row",alignItems:"stretch",justifyContent:"flex-start",width:t.size["100P"],height:e},tabMeasureCell:{flexGrow:1,flexShrink:1,flexBasis:0,minWidth:0},animatedBlockWidth:{width:t.size["100P"]}}}),c=n.makeStyles(t=>{const e=t.size[10],o=t.border.width.sm,n=Math.max(e-2*o,0),r=Math.max(t.spacing[.25],0),i=Math.max(n-2*r,0),a=Math.max(0,n/2);return{root:{position:"absolute",height:i,borderRadius:Math.max(0,a-r),backgroundColor:t.color.background.neutral,top:r,boxShadow:"0px 0px 4px rgba(0, 0, 0, 0.12)"}}}),g=({theme:t,isActive:e})=>({color:e?t.color.tab.selectedPrimaryLabel:t.color.tab.nonSelectedPrimaryLabel,fontSize:t.typography.size[14],fontWeight:t.typography.weight.medium,lineHeight:t.size[5]}),m=({option:e,index:r,activeIndex:a,disabled:l,onOptionClick:s,styleConfig:d,variant:c,optionLength:m})=>{var h,p;const b=o.useTheme(),v=r===a,{segmentButton:x={},segmentText:f={}}=d||{},y=n.useStyles(t=>({rowCell:{flexGrow:1,flexBasis:0,flexShrink:1,minWidth:0,minHeight:0,width:void 0,alignSelf:"stretch",height:t.size[10],maxHeight:t.size[10],paddingHorizontal:0,paddingTop:0,paddingBottom:0,paddingVertical:0,justifyContent:"center",alignItems:"center"}}),[]),C=n.useStyles(t=>c===exports.SegmentVariant.DARK?{typography:{fontSize:t.typography.size[14],fontWeight:t.typography.weight.medium,lineHeight:t.size[5],textAlign:"center",display:"flex",justifyContent:"center",alignItems:"center",paddingTop:0,paddingBottom:0,marginTop:0,marginBottom:0,color:v?b.color.text.neutral:t.color.text.primary}}:{typography:Object.assign(Object.assign({},g({theme:t,isActive:v})),{textAlign:"center",display:"flex",justifyContent:"center",alignItems:"center",paddingTop:0,paddingBottom:0,marginTop:0,marginBottom:0})},[v,c,b]),B=void 0===f.root?[]:Array.isArray(f.root)?f.root:[f.root];return t.jsx(i.Button,{variant:i.ButtonVariant.BARE,color:i.ButtonColor.TERTIARY,size:i.ButtonSize.SMALL,isFullWidth:!1,prefixIcon:null==e?void 0:e.icon,onClick:()=>{l||s(e.tabId,r)},disabled:l,styleConfig:Object.assign(Object.assign({},x),{root:[u.button,...null!==(h=x.root)&&void 0!==h?h:[],y.rowCell],typography:Object.assign(Object.assign({},f),{root:[C.typography,...B]})}),children:null!==(p=null==e?void 0:e.text)&&void 0!==p?p:""})};function h(t){return null==t?[]:Array.isArray(t)?t:[t]}exports.Segment=({block:i=!1,disabled:l=!1,enableTabClick:s=!1,variant:g=exports.SegmentVariant.DEFAULT,onChange:p,options:b=[],activeTabId:v,animationDuration:x=500,styleConfig:f={}})=>{var y,C,B,k,M,S;const{root:w=[],optionButtonWrapper:A=[],segmentButton:z,animatedContainer:j=[],animatedBlock:I=[],optionButtonWrapperActive:T=[],segmentButtonActive:R=[]}=f||{},O=o.useTheme(),W=e.useMemo(()=>((t,e)=>{switch(t){case exports.SegmentVariant.DARK:return{animatedBlock:{style:{backgroundColor:e.color.background.defaultDarkest}},segmentButton:{style:{color:e.color.text.primary}},segmentButtonActive:{style:{color:e.color.text.neutral}},root:{style:{backgroundColor:e.color.background.neutral,borderColor:e.color.border.disabledDark}}};case exports.SegmentVariant.DEFAULT:default:return{animatedBlock:{},segmentButton:{},segmentButtonActive:{}}}})(g,O),[g,O]),D=e.useRef(null),$=e.useRef([]),E=e.useMemo(()=>b.filter(t=>{var e;return String(null!==(e=t.tabId)&&void 0!==e?e:"").trim().length>0}),[b]),[L,V]=e.useState(()=>{const t="string"==typeof v?v.trim():"";return t.length>0?t:""}),[q,H]=e.useState(0),[F,P]=e.useState([]),K=e.useMemo(()=>{var t;return null!==(t=null==z?void 0:z.segmentButton)&&void 0!==t?t:{}},[z]),N=e.useMemo(()=>{var t;return null!==(t=null==z?void 0:z.segmentText)&&void 0!==t?t:{}},[z]),U=e.useMemo(()=>h(K.root),[K.root]),G=e.useMemo(()=>h(N.root),[N.root]),_=e.useCallback(()=>{const t=D.current;if(!t)return;const e=t.getBoundingClientRect();H(e.width);const o=E.map((t,o)=>{const n=$.current[o];if(!n)return{x:0,width:0};const r=n.getBoundingClientRect();return{x:r.left-e.left,width:r.width}});P(o)},[E]);e.useEffect(()=>{$.current=$.current.slice(0,E.length)},[E.length]),e.useEffect(()=>{_()},[_]),e.useEffect(()=>{if("undefined"==typeof ResizeObserver||!D.current)return;const t=new ResizeObserver(()=>{_()});return t.observe(D.current),$.current.forEach(e=>{e&&t.observe(e)}),()=>t.disconnect()},[_,E.length]);const Y=e.useCallback(t=>{const e=E.findIndex(e=>e.tabId===t.trim());return-1===e?0:e},[E]),J=e.useCallback((t,e)=>{var o;const n=E[e],r=null!==(o=null==n?void 0:n.disabled)&&void 0!==o&&o;r&&!s||(p(t),r||V(t||""))},[s,p,E]),Q=E.length,X=Y(L),Z=n.useStyles(()=>({root:{width:i?null==O?void 0:O.size["100P"]:"auto"}}),[i,O]),tt=e.useCallback(t=>{var e,o;const n=t===X;return{segmentButton:Object.assign(Object.assign({},K),{root:[...A,...n?T:[],...U]}),segmentText:Object.assign(Object.assign({},N),{root:[...(null===(e=W.segmentButton)||void 0===e?void 0:e.style)?[W.segmentButton.style]:[],...n&&(null===(o=W.segmentButtonActive)||void 0===o?void 0:o.style)?[W.segmentButtonActive.style]:[],...n?R:[],...G]})}},[X,K,U,N,G,A,T,R,null===(y=W.segmentButton)||void 0===y?void 0:y.style,null===(C=W.segmentButtonActive)||void 0===C?void 0:C.style]);d.default(()=>{if(null==v)return;const t=`${v}`.trim();t.length&&E.some(e=>e.tabId===t)&&V(t)},[v,E]),d.default(()=>{V(t=>{var e,o;const n=t.trim();return n.length>0&&E.some(t=>t.tabId===n)?t:null!==(o=null===(e=E[0])||void 0===e?void 0:e.tabId)&&void 0!==o?o:""})},[E]);const et=n.useWebMergeStyles([u.root,Z.root,...(null===(B=W.root)||void 0===B?void 0:B.style)?[W.root.style]:[],...w],[u.root,Z.root,null===(k=W.root)||void 0===k?void 0:k.style,w]),ot=n.useWebMergeStyles([u.tabMeasureCell],[u.tabMeasureCell]),nt=n.useWebMergeStyles([c.root,...(null===(M=W.animatedBlock)||void 0===M?void 0:M.style)?[W.animatedBlock.style]:[],...I],[c.root,null===(S=W.animatedBlock)||void 0===S?void 0:S.style,I]),rt=F.length>=Q&&F.slice(0,Q).every(t=>!!t&&t.width>0),it=Q>0?100/Q:100,at=e.useMemo(()=>{var t,e;const o=`left ${x}ms ease, width ${x}ms ease`;if(rt&&Q>0){const n=Math.max(0,Math.min(X,Q-1)),r=F[n],i=Math.max(null!==(t=null==r?void 0:r.width)&&void 0!==t?t:q/Math.max(Q,1),0),l=Math.max(q-i,0),s=Math.min(Math.max(null!==(e=null==r?void 0:r.x)&&void 0!==e?e:0,0),l);return a.css({left:`${s}px`,width:`${i}px`,transition:o})}return a.css({left:`calc(${X*it}%)`,width:`${it}%`,transition:o,animationDuration:`${x}ms`,animationFillMode:"forwards"})},[X,x,rt,Q,it,F,q]);return(null==E?void 0:E.length)?t.jsxs("div",{className:et,ref:D,children:[t.jsx(r.Container,{styleConfig:{root:[u.animatedContainer,u.animatedContainerBlock,...j]},children:(lt=E,!(!lt||0===lt.length)&&E.map((e,o)=>t.jsx("div",{ref:t=>{$.current[o]=t},className:ot,children:t.jsx(m,{option:e,index:o,activeIndex:X,disabled:l,onOptionClick:J,optionLength:Q,variant:g,styleConfig:tt(o)})},e.tabId)))}),t.jsx("div",{className:`${nt} ${at}`})]}):null;var lt};
|
|
2
2
|
//# sourceMappingURL=ct-design-segment.browser.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-segment.browser.cjs.js","sources":["../packages/components/Segment/src/type.ts","../packages/components/Segment/src/style.ts","../packages/components/Segment/src/SegmentButton.tsx","../packages/components/Segment/src/Segment.tsx"],"sourcesContent":[null,null,null,null],"names":["SegmentVariant","segmentStaticStyles","makeStyles","theme","root","display","flexDirection","borderWidth","border","width","sm","borderColor","borderRadius","radius","overflow","backgroundColor","color","background","disabled","position","height","spacing","alignItems","button","fontSize","typography","size","fontWeight","weight","medium","lineHeight","default","textAlign","animatedContainerBlock","zIndex","modal","animatedBlock","top","animatedContainer","animatedBlockWidth","SegmentButton","option","index","activeIndex","onOptionClick","styleConfig","variant","useTheme","isActive","segmentButton","segmentText","dynamicStyles","useStyles","innerTheme","text","primary","subHeading","DARK","neutral","_jsxs","Button","isFullWidth","onClick","tabId","Object","assign","children","icon","_jsx","jsx","Typography","staticStyles","webStaticStyles","css","animationFillMode","block","enableTabClick","DEFAULT","onChange","options","activeTabId","animationDuration","rootRef","useRef","activeTabEleId","setActiveTabEleId","useState","_a","setContainerWidth","useEffect","ResizeObserver","current","node","observer","entries","entry","contentRect","observe","getBoundingClientRect","disconnect","findActiveIndex","useCallback","id","findIndex","item","initialActiveIndex","_b","handleOptionClick","clickedOption","isDisabled","optionLength","length","undefined","disabledDark","variantAnimatedBlock","defaultDarkest","useIsomorphicEffect","rootClassName","useWebMergeStyles","dynamicWebStyles","useMemo","offsetLeft","left","transition","webMergedStyles","jsxs","className","Container","map"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ct-design-segment.browser.cjs.js","sources":["../packages/components/Segment/src/type.ts","../packages/components/Segment/src/style.ts","../packages/components/Segment/src/SegmentButton.tsx","../packages/components/Segment/src/Segment.tsx"],"sourcesContent":[null,null,null,null],"names":["SegmentVariant","segmentStaticStyles","makeStyles","theme","trackHeight","size","borderWidth","border","width","sm","trackInnerHeight","Math","max","thumbInset","spacing","thumbHeight","trackRadius","trackInnerRadius","thumbRadius","root","display","flexDirection","borderColor","borderRadius","overflow","backgroundColor","color","background","disabled","position","height","alignItems","button","fontSize","typography","fontWeight","weight","medium","lineHeight","default","textAlign","justifyContent","animatedContainerBlock","left","right","zIndex","modal","animatedBlock","neutral","top","animatedContainer","tabMeasureCell","flexGrow","flexShrink","flexBasis","minWidth","animatedBlockWidth","segmentWebThumbStyles","boxShadow","getStyledSegmentButtonStyles","isActive","tab","selectedPrimaryLabel","nonSelectedPrimaryLabel","SegmentButton","option","index","activeIndex","onOptionClick","styleConfig","variant","optionLength","_optionLength","useTheme","segmentButton","segmentText","shell","useStyles","t","rowCell","minHeight","undefined","alignSelf","maxHeight","paddingHorizontal","paddingTop","paddingBottom","paddingVertical","dynamicStyles","innerTheme","DARK","marginTop","marginBottom","text","primary","segmentTextRoot","Array","isArray","_jsx","Button","ButtonVariant","BARE","ButtonColor","TERTIARY","ButtonSize","SMALL","isFullWidth","prefixIcon","icon","onClick","tabId","Object","assign","_a","children","_b","toStyleArray","value","block","enableTabClick","DEFAULT","onChange","options","activeTabId","animationDuration","optionButtonWrapper","segmentButtonConfig","optionButtonWrapperActive","segmentButtonActive","variantStyles","useMemo","style","defaultDarkest","disabledDark","getSegmentVariantStyles","rootRef","useRef","tabRefs","sanitizedOptions","filter","String","trim","length","activeTabEleId","setActiveTabEleId","useState","trackWidth","setTrackWidth","tabLayouts","setTabLayouts","baseSegmentButtonConfig","baseSegmentTextConfig","baseSegmentButtonRoot","baseSegmentTextRoot","measureTabs","useCallback","rootNode","current","rootRect","getBoundingClientRect","layouts","map","_","tabNode","x","rect","useEffect","slice","ResizeObserver","observer","observe","forEach","disconnect","findActiveIndex","id","idx","findIndex","item","handleOptionClick","clickedOption","isDisabled","getSegmentButtonStyleConfig","useIsomorphicEffect","some","prev","trimmed","rootClassName","useWebMergeStyles","_c","_d","tabMeasureCellClassName","webThumbBaseClassName","_e","_f","hasStableMeasurements","every","layout","segmentPercent","dynamicWebStyles","transition","safeIndex","min","activeLayout","maxLeft","css","animationFillMode","_jsxs","className","ref","Container","opts","jsx","element"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useMemo as o,useRef as n,useState as i,useCallback as r,useEffect as a}from"react";import{useTheme as l}from"@cleartrip/ct-design-theme";import{makeStyles as s,useStyles as d,useWebMergeStyles as c}from"@cleartrip/ct-design-style-manager";import{Container as u}from"@cleartrip/ct-design-container";import{Button as g,ButtonVariant as m,ButtonColor as h,ButtonSize as p}from"@cleartrip/ct-design-button";import{css as v}from"@emotion/css";import b from"@cleartrip/ct-design-use-isomorphic-effect";var f;!function(t){t.DEFAULT="default",t.DARK="dark"}(f||(f={}));const y=s(t=>{const e=t.size[10],o=t.border.width.sm,n=Math.max(e-2*o,0),i=Math.max(t.spacing[.25],0),r=Math.max(n-2*i,0),a=Math.max(0,e/2),l=Math.max(0,n/2),s=Math.max(0,l-i);return{root:{display:"flex",flexDirection:"row",borderWidth:o,borderColor:"transparent",borderRadius:a,overflow:"hidden",backgroundColor:t.color.background.disabled,position:"relative",height:e,alignItems:"stretch"},button:{backgroundColor:"transparent",fontSize:t.typography.size[14],fontWeight:t.typography.weight.medium,lineHeight:t.size[5],borderColor:t.color.border.default,borderRadius:s,textAlign:"center",justifyContent:"center",alignItems:"center"},animatedContainerBlock:{position:"absolute",height:e,left:i,right:i,zIndex:t.zIndex.modal},animatedBlock:{position:"absolute",height:r,borderRadius:s,backgroundColor:t.color.background.neutral,top:i},animatedContainer:{flexDirection:"row",alignItems:"stretch",justifyContent:"flex-start",width:t.size["100P"],height:e},tabMeasureCell:{flexGrow:1,flexShrink:1,flexBasis:0,minWidth:0},animatedBlockWidth:{width:t.size["100P"]}}}),x=s(t=>{const e=t.size[10],o=t.border.width.sm,n=Math.max(e-2*o,0),i=Math.max(t.spacing[.25],0),r=Math.max(n-2*i,0),a=Math.max(0,n/2);return{root:{position:"absolute",height:r,borderRadius:Math.max(0,a-i),backgroundColor:t.color.background.neutral,top:i,boxShadow:"0px 0px 4px rgba(0, 0, 0, 0.12)"}}}),B=({theme:t,isActive:e})=>({color:e?t.color.tab.selectedPrimaryLabel:t.color.tab.nonSelectedPrimaryLabel,fontSize:t.typography.size[14],fontWeight:t.typography.weight.medium,lineHeight:t.size[5]}),C=({option:e,index:o,activeIndex:n,disabled:i,onOptionClick:r,styleConfig:a,variant:s,optionLength:c})=>{var u,v;const b=l(),x=o===n,{segmentButton:C={},segmentText:k={}}=a||{},w=d(t=>({rowCell:{flexGrow:1,flexBasis:0,flexShrink:1,minWidth:0,minHeight:0,width:void 0,alignSelf:"stretch",height:t.size[10],maxHeight:t.size[10],paddingHorizontal:0,paddingTop:0,paddingBottom:0,paddingVertical:0,justifyContent:"center",alignItems:"center"}}),[]),A=d(t=>s===f.DARK?{typography:{fontSize:t.typography.size[14],fontWeight:t.typography.weight.medium,lineHeight:t.size[5],textAlign:"center",display:"flex",justifyContent:"center",alignItems:"center",paddingTop:0,paddingBottom:0,marginTop:0,marginBottom:0,color:x?b.color.text.neutral:t.color.text.primary}}:{typography:Object.assign(Object.assign({},B({theme:t,isActive:x})),{textAlign:"center",display:"flex",justifyContent:"center",alignItems:"center",paddingTop:0,paddingBottom:0,marginTop:0,marginBottom:0})},[x,s,b]),M=void 0===k.root?[]:Array.isArray(k.root)?k.root:[k.root];return t(g,{variant:m.BARE,color:h.TERTIARY,size:p.SMALL,isFullWidth:!1,prefixIcon:null==e?void 0:e.icon,onClick:()=>{i||r(e.tabId,o)},disabled:i,styleConfig:Object.assign(Object.assign({},C),{root:[y.button,...null!==(u=C.root)&&void 0!==u?u:[],w.rowCell],typography:Object.assign(Object.assign({},k),{root:[A.typography,...M]})}),children:null!==(v=null==e?void 0:e.text)&&void 0!==v?v:""})};function k(t){return null==t?[]:Array.isArray(t)?t:[t]}const w=({block:s=!1,disabled:g=!1,enableTabClick:m=!1,variant:h=f.DEFAULT,onChange:p,options:B=[],activeTabId:w,animationDuration:A=500,styleConfig:M={}})=>{var z,I,j,T,O,R;const{root:D=[],optionButtonWrapper:S=[],segmentButton:W,animatedContainer:$=[],animatedBlock:L=[],optionButtonWrapperActive:E=[],segmentButtonActive:H=[]}=M||{},F=l(),P=o(()=>((t,e)=>{switch(t){case f.DARK:return{animatedBlock:{style:{backgroundColor:e.color.background.defaultDarkest}},segmentButton:{style:{color:e.color.text.primary}},segmentButtonActive:{style:{color:e.color.text.neutral}},root:{style:{backgroundColor:e.color.background.neutral,borderColor:e.color.border.disabledDark}}};case f.DEFAULT:default:return{animatedBlock:{},segmentButton:{},segmentButtonActive:{}}}})(h,F),[h,F]),K=n(null),N=n([]),U=o(()=>B.filter(t=>{var e;return String(null!==(e=t.tabId)&&void 0!==e?e:"").trim().length>0}),[B]),[G,V]=i(()=>{const t="string"==typeof w?w.trim():"";return t.length>0?t:""}),[Y,q]=i(0),[J,Q]=i([]),X=o(()=>{var t;return null!==(t=null==W?void 0:W.segmentButton)&&void 0!==t?t:{}},[W]),Z=o(()=>{var t;return null!==(t=null==W?void 0:W.segmentText)&&void 0!==t?t:{}},[W]),_=o(()=>k(X.root),[X.root]),tt=o(()=>k(Z.root),[Z.root]),et=r(()=>{const t=K.current;if(!t)return;const e=t.getBoundingClientRect();q(e.width);const o=U.map((t,o)=>{const n=N.current[o];if(!n)return{x:0,width:0};const i=n.getBoundingClientRect();return{x:i.left-e.left,width:i.width}});Q(o)},[U]);a(()=>{N.current=N.current.slice(0,U.length)},[U.length]),a(()=>{et()},[et]),a(()=>{if("undefined"==typeof ResizeObserver||!K.current)return;const t=new ResizeObserver(()=>{et()});return t.observe(K.current),N.current.forEach(e=>{e&&t.observe(e)}),()=>t.disconnect()},[et,U.length]);const ot=r(t=>{const e=U.findIndex(e=>e.tabId===t.trim());return-1===e?0:e},[U]),nt=r((t,e)=>{var o;const n=U[e],i=null!==(o=null==n?void 0:n.disabled)&&void 0!==o&&o;i&&!m||(p(t),i||V(t||""))},[m,p,U]),it=U.length,rt=ot(G),at=d(()=>({root:{width:s?null==F?void 0:F.size["100P"]:"auto"}}),[s,F]),lt=r(t=>{var e,o;const n=t===rt;return{segmentButton:Object.assign(Object.assign({},X),{root:[...S,...n?E:[],..._]}),segmentText:Object.assign(Object.assign({},Z),{root:[...(null===(e=P.segmentButton)||void 0===e?void 0:e.style)?[P.segmentButton.style]:[],...n&&(null===(o=P.segmentButtonActive)||void 0===o?void 0:o.style)?[P.segmentButtonActive.style]:[],...n?H:[],...tt]})}},[rt,X,_,Z,tt,S,E,H,null===(z=P.segmentButton)||void 0===z?void 0:z.style,null===(I=P.segmentButtonActive)||void 0===I?void 0:I.style]);b(()=>{if(null==w)return;const t=`${w}`.trim();t.length&&U.some(e=>e.tabId===t)&&V(t)},[w,U]),b(()=>{V(t=>{var e,o;const n=t.trim();return n.length>0&&U.some(t=>t.tabId===n)?t:null!==(o=null===(e=U[0])||void 0===e?void 0:e.tabId)&&void 0!==o?o:""})},[U]);const st=c([y.root,at.root,...(null===(j=P.root)||void 0===j?void 0:j.style)?[P.root.style]:[],...D],[y.root,at.root,null===(T=P.root)||void 0===T?void 0:T.style,D]),dt=c([y.tabMeasureCell],[y.tabMeasureCell]),ct=c([x.root,...(null===(O=P.animatedBlock)||void 0===O?void 0:O.style)?[P.animatedBlock.style]:[],...L],[x.root,null===(R=P.animatedBlock)||void 0===R?void 0:R.style,L]),ut=J.length>=it&&J.slice(0,it).every(t=>!!t&&t.width>0),gt=it>0?100/it:100,mt=o(()=>{var t,e;const o=`left ${A}ms ease, width ${A}ms ease`;if(ut&&it>0){const n=Math.max(0,Math.min(rt,it-1)),i=J[n],r=Math.max(null!==(t=null==i?void 0:i.width)&&void 0!==t?t:Y/Math.max(it,1),0),a=Math.max(Y-r,0),l=Math.min(Math.max(null!==(e=null==i?void 0:i.x)&&void 0!==e?e:0,0),a);return v({left:`${l}px`,width:`${r}px`,transition:o})}return v({left:`calc(${rt*gt}%)`,width:`${gt}%`,transition:o,animationDuration:`${A}ms`,animationFillMode:"forwards"})},[rt,A,ut,it,gt,J,Y]);return(null==U?void 0:U.length)?e("div",{className:st,ref:K,children:[t(u,{styleConfig:{root:[y.animatedContainer,y.animatedContainerBlock,...$]},children:(ht=U,!(!ht||0===ht.length)&&U.map((e,o)=>t("div",{ref:t=>{N.current[o]=t},className:dt,children:t(C,{option:e,index:o,activeIndex:rt,disabled:g,onOptionClick:nt,optionLength:it,variant:h,styleConfig:lt(o)})},e.tabId)))}),t("div",{className:`${ct} ${mt}`})]}):null;var ht};export{w as Segment,f as SegmentVariant};
|
|
2
2
|
//# sourceMappingURL=ct-design-segment.browser.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-segment.browser.esm.js","sources":["../packages/components/Segment/src/type.ts","../packages/components/Segment/src/style.ts","../packages/components/Segment/src/SegmentButton.tsx","../packages/components/Segment/src/Segment.tsx"],"sourcesContent":[null,null,null,null],"names":["SegmentVariant","segmentStaticStyles","makeStyles","theme","root","display","flexDirection","borderWidth","border","width","sm","borderColor","borderRadius","radius","overflow","backgroundColor","color","background","disabled","position","height","spacing","alignItems","button","fontSize","typography","size","fontWeight","weight","medium","lineHeight","default","textAlign","animatedContainerBlock","zIndex","modal","animatedBlock","top","animatedContainer","animatedBlockWidth","SegmentButton","option","index","activeIndex","onOptionClick","styleConfig","variant","useTheme","isActive","segmentButton","segmentText","dynamicStyles","useStyles","innerTheme","text","primary","subHeading","DARK","neutral","_jsxs","Button","isFullWidth","onClick","tabId","Object","assign","children","icon","_jsx","Typography","staticStyles","webStaticStyles","css","animationFillMode","Segment","block","enableTabClick","DEFAULT","onChange","options","activeTabId","animationDuration","rootRef","useRef","activeTabEleId","setActiveTabEleId","useState","_a","setContainerWidth","useEffect","ResizeObserver","current","node","observer","entries","entry","contentRect","observe","getBoundingClientRect","disconnect","findActiveIndex","useCallback","id","findIndex","item","initialActiveIndex","_b","handleOptionClick","clickedOption","isDisabled","optionLength","length","undefined","disabledDark","variantAnimatedBlock","defaultDarkest","useIsomorphicEffect","rootClassName","useWebMergeStyles","dynamicWebStyles","useMemo","left","transition","webMergedStyles","className","Container","map"],"mappings":"sjBAaYA,GAAZ,SAAYA,GACVA,EAAA,QAAA,UACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,ICVM,MAAMC,EAAsBC,EAAYC,IACtC,CACLC,KAAM,CACJC,QAAS,OACTC,cAAe,MACfC,YAAaJ,EAAMK,OAAOC,MAAMC,GAChCC,YAAa,cACbC,aAAcT,EAAMK,OAAOK,OAAO,IAClCC,SAAU,SACVC,gBAAiBZ,EAAMa,MAAMC,WAAWC,SACxCC,SAAU,WACVC,OAAQjB,EAAMkB,QAAQ,IACtBC,WAAY,UAEdC,OAAQ,CACNR,gBAAiB,cACjBS,SAAUrB,EAAMsB,WAAWC,KAAK,IAChCC,WAAYxB,EAAMsB,WAAWG,OAAOC,OACpCC,WAAY3B,EAAMuB,KAAK,GACvBf,YAAaR,EAAMa,MAAMR,OAAOuB,QAChCnB,aAAcT,EAAMK,OAAOK,OAAO,IAClCJ,MAAON,EAAMuB,KAAK,QAClBM,UAAW,UAEbC,uBAAwB,CACtBd,SAAU,WACVC,OAAQjB,EAAMkB,QAAQ,IACtBZ,MAAON,EAAMuB,KAAK,QAClBQ,OAAQ/B,EAAM+B,OAAOC,OAEvBC,cAAe,CACbjB,SAAU,WACVC,OAAQjB,EAAMkB,QAAQ,GACtBT,aAAcT,EAAMK,OAAOK,OAAO,IAClCE,gBAAiB,OACjBsB,IAAK,KAEPC,kBAAmB,CACjBhC,cAAe,MACfG,MAAON,EAAMuB,KAAK,SAEpBa,mBAAoB,CAClB9B,MAAON,EAAMuB,KAAK,YCtCXc,EAA+C,EAC1DC,SACAC,QACAC,cACAzB,WACA0B,gBACAC,cACAC,cAEA,MAAM3C,EAAQ4C,IACRC,EAAWN,IAAUC,GAErBM,cAAEA,EAAgB,GAAEC,YAAEA,EAAc,CAAA,GAAOL,GAAe,GAE1DM,EAAgBC,EACnBC,IAAgB,CACf9B,OAAQ,CACNP,MAAOgC,EAAW7C,EAAMa,MAAMsC,KAAKC,QAAUpD,EAAMa,MAAMsC,KAAKE,YAEhE/B,WAAY,CACVT,MACE8B,IAAY9C,EAAeyD,MAAQT,EAC/B7C,EAAMa,MAAMsC,KAAKI,QACjBV,EACEK,EAAWrC,MAAMsC,KAAKC,QACtBF,EAAWrC,MAAMsC,KAAKE,cAGlC,CAACR,EAAUF,EAAS3C,IAGtB,OACEwD,EAACC,EAAM,CAELC,aACA,EAAAC,QAAS,KACH5C,GACJ0B,EAAcH,EAAOsB,MAAOrB,IAE9BxB,SAAUA,EACV2B,YACKmB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAhB,GACH,CAAA7C,KAAM,CAACH,EAAoBsB,OAAQ4B,EAAc5B,UAAO2C,SAAA,CAGzDzB,aAAA,EAAAA,EAAQ0B,KACTC,EAACC,EACC,CAAAvB,QAAQ,KACRD,YACKmB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAf,GACH,CAAA9C,KAAM,CAAC+C,EAAc1B,uBAGtBgB,aAAM,EAANA,EAAQa,SApBNb,aAAM,EAANA,EAAQsB,QC/BbO,EAAepE,EAAW,KACvB,CACLE,KAAM,CACJe,SAAU,WACVC,OAAQ,GACRR,aAAc,GACdG,gBAAiB,OACjBsB,IAAK,QAKLkC,EAAkBC,EAAI,CAC1B/D,MAAO,mBACPgE,kBAAmB,aAGfC,EAAmC,EACvCC,SAAQ,EACRzD,YAAW,EACX0D,kBAAiB,EACjB9B,UAAU9C,EAAe6E,QACzBC,WACAC,UAAU,GACVC,cACAC,oBAAoB,IACpBpC,cAAc,CAAA,cAEd,MAAMzC,KAAEA,EAAO,GAAE6C,cAAEA,EAAgB,CAAA,EAAEX,kBAAEA,EAAoB,GAAEF,cAAEA,EAAgB,IAAOS,GAAe,CAAA,EAC/F1C,EAAQ4C,IAERmC,EAAUC,EAA8B,OAEvCC,EAAgBC,GAAqBC,EAAiBN,IAAyB,UAAVD,EAAQ,UAAE,IAAAQ,OAAA,EAAAA,EAAExB,QAAS,MACxFyB,GAAqBF,EAAiB,GAE/CG,EAAU,KACR,GAA8B,oBAAnBC,iBAAmCR,EAAQS,QAAS,OAC/D,MAAMC,EAAOV,EAAQS,QACfE,EAAW,IAAIH,eAAgBI,IACnC,IAAK,MAAMC,KAASD,EAClBN,EAAkBO,EAAMC,YAAYvF,SAKxC,OAFAoF,EAASI,QAAQL,GACjBJ,EAAkBI,EAAKM,wBAAwBzF,OACxC,IAAMoF,EAASM,cACrB,IAEH,MAAMC,EAAkBC,EAAaC,GAAevB,EAAQwB,UAAWC,GAASA,EAAKzC,QAAUuC,IAAO,EAAG,CAACvB,IACpG0B,EAAqBL,EAAgBpB,IAAyB,QAAV0B,EAAA3B,EAAQ,UAAE,IAAA2B,OAAA,EAAAA,EAAE3C,QAEhE4C,EAAoBN,EACxB,CAACtC,EAAerB,WACd,MAAMkE,EAAgB7B,EAAQrC,GACxBmE,EAAwC,QAA3BtB,EAAAqB,aAAA,EAAAA,EAAe1F,gBAAY,IAAAqE,GAAAA,EAE1CsB,IAAejC,IACnBE,EAASf,GACJ8C,GACHxB,EAAkBtB,GAAS,MAG/B,CAACa,EAAgBE,EAAUC,IAGvB+B,EAAe/B,aAAA,EAAAA,EAASgC,OACxBpE,EAAcyD,EAAgBhB,GAE9BjC,EAAgBC,EACpB,KAAO,CACLhD,KAAM,CACJK,MAAOkE,EAAQxE,aAAK,EAALA,EAAOuB,KAAK,QAAU,OACrCX,gBAAiB+B,IAAY9C,EAAeyD,KAAOtD,EAAMa,MAAMC,WAAWyC,aAAUsD,EACpFrG,YAAamC,IAAY9C,EAAeyD,KAAOtD,EAAMa,MAAMR,OAAOyG,kBAAeD,GAEnF5E,cAAe,CACb3B,MAAOqG,EAAkB,IAAMA,EAAT,IAA2B,QAEnDI,qBAAsB,CACpBnG,gBAAiB+B,IAAY9C,EAAeyD,KAAOtD,EAAMa,MAAMC,WAAWkG,oBAAiBH,KAG/F,CAACrC,EAAOmC,EAAchE,EAAS3C,IAGjCiH,EAAoB,KACdpC,GACFK,EAAkBL,IAEnB,CAACA,EAAayB,IAEjB,MAAMY,EAAgBC,EACpB,CAACrH,EAAoBG,KAAM+C,EAAc/C,QAASA,GAClD,CAACH,EAAoBG,KAAM+C,EAAc/C,KAAMA,IAG3CmH,EAAmBC,EAAQ,IAExBhD,EAAI,CACTiD,KAAM,QAAQ9E,EAAc,GAAK,QAFA,IAAhBA,EAAoB,GAAK,OAG1C+E,WAAY,QAAQzC,WACpBA,kBAAmB,GAAGA,MACtBR,kBAAmB,aAEpB,CAAC9B,EAAasC,IAEX0C,EAAkBL,EACtB,CAAChD,EAAalE,KAAMmE,EAAiBgD,GACrC,CAACjD,EAAalE,KAAMmE,EAAiBgD,IAGvC,OAAKxC,aAAA,EAAAA,EAASgC,QAGZpD,EAAK,MAAA,CAAAiE,UAAWP,YACdjD,EAACyD,EACC,CAAAhF,YAAa,CACXzC,KAAM,CACJH,EAAoBqC,kBACpBrC,EAAoBgC,0BACjBK,IAIN4B,SAAAa,EAAQ+C,IAAI,CAACrF,EAAQC,aAAU,OAC9B0B,EAAC5B,EAAa,CAEZC,OAAQA,EACRC,MAAOA,EACPC,YAAaA,EACbzB,SAAUA,EACV0B,cAAe+D,EACfG,aAAcA,EACdhE,QAASA,EACTD,YAAa,CACXI,cACKe,OAAAC,OAAAD,OAAAC,OAAA,GAAAhB,eAAAA,EAAeA,eAAa,CAC/B7C,KAAM,KAAmC,QAA9BmF,EAAAtC,aAAa,EAAbA,EAAeA,qBAAe,IAAAsC,OAAA,EAAAA,EAAAnF,OAAQ,GAAK+C,EAAcf,iBAEtEc,YACKc,OAAAC,OAAAD,OAAAC,OAAA,GAAAhB,eAAAA,EAAeC,aAAW,CAC7B9C,KAAM,KAAiC,QAA5BsG,EAAAzD,aAAa,EAAbA,EAAeC,mBAAa,IAAAwD,OAAA,EAAAA,EAAAtG,OAAQ,GAAK+C,EAAcf,mBAfjEK,EAAOsB,WAqBlBK,EAACyD,EAAS,CACRhF,YAAa,CACXzC,KAAM,CACJH,EAAoBmC,cACpBe,EAAcf,cACde,EAAc+D,wBACX9E,IAIP8B,SAAAE,EAAA,MAAA,CAAKwD,UAAWD,SA9CO"}
|
|
1
|
+
{"version":3,"file":"ct-design-segment.browser.esm.js","sources":["../packages/components/Segment/src/type.ts","../packages/components/Segment/src/style.ts","../packages/components/Segment/src/SegmentButton.tsx","../packages/components/Segment/src/Segment.tsx"],"sourcesContent":[null,null,null,null],"names":["SegmentVariant","segmentStaticStyles","makeStyles","theme","trackHeight","size","borderWidth","border","width","sm","trackInnerHeight","Math","max","thumbInset","spacing","thumbHeight","trackRadius","trackInnerRadius","thumbRadius","root","display","flexDirection","borderColor","borderRadius","overflow","backgroundColor","color","background","disabled","position","height","alignItems","button","fontSize","typography","fontWeight","weight","medium","lineHeight","default","textAlign","justifyContent","animatedContainerBlock","left","right","zIndex","modal","animatedBlock","neutral","top","animatedContainer","tabMeasureCell","flexGrow","flexShrink","flexBasis","minWidth","animatedBlockWidth","segmentWebThumbStyles","boxShadow","getStyledSegmentButtonStyles","isActive","tab","selectedPrimaryLabel","nonSelectedPrimaryLabel","SegmentButton","option","index","activeIndex","onOptionClick","styleConfig","variant","optionLength","_optionLength","useTheme","segmentButton","segmentText","shell","useStyles","t","rowCell","minHeight","undefined","alignSelf","maxHeight","paddingHorizontal","paddingTop","paddingBottom","paddingVertical","dynamicStyles","innerTheme","DARK","marginTop","marginBottom","text","primary","segmentTextRoot","Array","isArray","_jsx","Button","ButtonVariant","BARE","ButtonColor","TERTIARY","ButtonSize","SMALL","isFullWidth","prefixIcon","icon","onClick","tabId","Object","assign","_a","children","_b","toStyleArray","value","Segment","block","enableTabClick","DEFAULT","onChange","options","activeTabId","animationDuration","optionButtonWrapper","segmentButtonConfig","optionButtonWrapperActive","segmentButtonActive","variantStyles","useMemo","style","defaultDarkest","disabledDark","getSegmentVariantStyles","rootRef","useRef","tabRefs","sanitizedOptions","filter","String","trim","length","activeTabEleId","setActiveTabEleId","useState","trackWidth","setTrackWidth","tabLayouts","setTabLayouts","baseSegmentButtonConfig","baseSegmentTextConfig","baseSegmentButtonRoot","baseSegmentTextRoot","measureTabs","useCallback","rootNode","current","rootRect","getBoundingClientRect","layouts","map","_","tabNode","x","rect","useEffect","slice","ResizeObserver","observer","observe","forEach","disconnect","findActiveIndex","id","idx","findIndex","item","handleOptionClick","clickedOption","isDisabled","getSegmentButtonStyleConfig","useIsomorphicEffect","some","prev","trimmed","rootClassName","useWebMergeStyles","_c","_d","tabMeasureCellClassName","webThumbBaseClassName","_e","_f","hasStableMeasurements","every","layout","segmentPercent","dynamicWebStyles","transition","safeIndex","min","activeLayout","maxLeft","css","animationFillMode","_jsxs","className","ref","Container","opts","element"],"mappings":"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"}
|