1 line
14 KiB
JSON
1 line
14 KiB
JSON
|
{"ast":null,"code":"import { unit } from '@ant-design/cssinjs';\nconst genStepsProgressDotStyle = token => {\n const {\n componentCls,\n descriptionMaxWidth,\n lineHeight,\n dotCurrentSize,\n dotSize,\n motionDurationSlow\n } = token;\n return {\n [`&${componentCls}-dot, &${componentCls}-dot${componentCls}-small`]: {\n [`${componentCls}-item`]: {\n '&-title': {\n lineHeight\n },\n '&-tail': {\n // Math.floor((token.size - token.lineWidth * 3) / 2)\n top: token.calc(token.dotSize).sub(token.calc(token.lineWidth).mul(3).equal()).div(2).equal(),\n width: '100%',\n marginTop: 0,\n marginBottom: 0,\n marginInline: `${unit(token.calc(descriptionMaxWidth).div(2).equal())} 0`,\n padding: 0,\n '&::after': {\n width: `calc(100% - ${unit(token.calc(token.marginSM).mul(2).equal())})`,\n height: token.calc(token.lineWidth).mul(3).equal(),\n marginInlineStart: token.marginSM\n }\n },\n '&-icon': {\n width: dotSize,\n height: dotSize,\n marginInlineStart: token.calc(token.descriptionMaxWidth).sub(dotSize).div(2).equal(),\n paddingInlineEnd: 0,\n lineHeight: unit(dotSize),\n background: 'transparent',\n border: 0,\n [`${componentCls}-icon-dot`]: {\n position: 'relative',\n float: 'left',\n width: '100%',\n height: '100%',\n borderRadius: 100,\n // very large number\n transition: `all ${motionDurationSlow}`,\n /* expand hover area */\n '&::after': {\n position: 'absolute',\n top: token.calc(token.marginSM).mul(-1).equal(),\n insetInlineStart: token.calc(dotSize).sub(token.calc(token.controlHeightLG).mul(1.5).equal()).div(2).equal(),\n width: token.calc(token.controlHeightLG).mul(1.5).equal(),\n height: token.controlHeight,\n background: 'transparent',\n content: '\"\"'\n }\n }\n },\n '&-content': {\n width: descriptionMaxWidth\n },\n [`&-process ${componentCls}-item-icon`]: {\n position: 'relative',\n top: token.calc(dotSize).sub(dotCurrentSize).div(2).equal(),\n width: dotCurrentSize,\n height: dotCurrentSize,\n lineHeight: unit(dotCurrentSize),\n background: 'none',\n marginInlineStart: token.calc(token.descriptionMaxWidth).sub(dotCurrentSize).div(2).equal()\n },\n [`&-process ${componentCls}-icon`]: {\n [`&:first-child ${componentCls}-icon-dot`]: {\n insetInlineStart: 0\n }\n }\n }\n },\n [`&${componentCls}-vertical${componentCls}-dot`]: {\n [`${componentCls}-item-icon`]: {\n marginTop: token.calc(token.controlHeight).sub(dotSize).div(2).equal(),\n marginInlineStart: 0,\n background: 'none'\n },\n [`${componentCls}-item-process ${componentCls}-item-icon`]: {\n marginTop: token.calc(token.controlHeight).sub(dotCurrentSize).div(2).equal(),\n top: 0,\n insetInlineStart: token.calc(dotSize).sub(dotCurrentSize).div(2).equal(),\n marginInlineStart: 0\n },\n // https://github.com/ant-design/ant-design/issues/18354\n [`${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: {\n top: token.calc(token.controlHeight).sub(dotSize).div(2).equal(),\n insetInlineStart: 0,\n margin: 0,\n padding: `${unit(token.calc(dotSize).add(token.paddingXS).equal())} 0 ${unit(token.paddingXS)}`,\n '&::after': {\n marginInlineStart: token.calc(dotSize).sub(token.lineWidth).div(2).equal()\n }\n },\n [`&${componentCls}-small`]: {\n [`${componentCls}-item-icon`]: {\n marginTop: token.calc(token.controlHeightSM).sub(dotSize).div(2).equal()\n },\n [`${com
|