1 line
27 KiB
JSON
1 line
27 KiB
JSON
|
{"ast":null,"code":"import { Keyframes, unit } from '@ant-design/cssinjs';\nimport { resetComponent } from '../../style';\nimport { genStyleHooks, mergeToken } from '../../theme/internal';\nexport const LineStrokeColorVar = '--progress-line-stroke-color';\nexport const Percent = '--progress-percent';\nconst genAntProgressActive = isRtl => {\n const direction = isRtl ? '100%' : '-100%';\n return new Keyframes(`antProgress${isRtl ? 'RTL' : 'LTR'}Active`, {\n '0%': {\n transform: `translateX(${direction}) scaleX(0)`,\n opacity: 0.1\n },\n '20%': {\n transform: `translateX(${direction}) scaleX(0)`,\n opacity: 0.5\n },\n to: {\n transform: 'translateX(0) scaleX(1)',\n opacity: 0\n }\n });\n};\nconst genBaseStyle = token => {\n const {\n componentCls: progressCls,\n iconCls: iconPrefixCls\n } = token;\n return {\n [progressCls]: Object.assign(Object.assign({}, resetComponent(token)), {\n display: 'inline-block',\n '&-rtl': {\n direction: 'rtl'\n },\n '&-line': {\n position: 'relative',\n width: '100%',\n fontSize: token.fontSize\n },\n [`${progressCls}-outer`]: {\n display: 'inline-flex',\n alignItems: 'center',\n width: '100%'\n },\n [`${progressCls}-inner`]: {\n position: 'relative',\n display: 'inline-block',\n width: '100%',\n flex: 1,\n overflow: 'hidden',\n verticalAlign: 'middle',\n backgroundColor: token.remainingColor,\n borderRadius: token.lineBorderRadius\n },\n [`${progressCls}-inner:not(${progressCls}-circle-gradient)`]: {\n [`${progressCls}-circle-path`]: {\n stroke: token.defaultColor\n }\n },\n [`${progressCls}-success-bg, ${progressCls}-bg`]: {\n position: 'relative',\n background: token.defaultColor,\n borderRadius: token.lineBorderRadius,\n transition: `all ${token.motionDurationSlow} ${token.motionEaseInOutCirc}`\n },\n [`${progressCls}-layout-bottom`]: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n [`${progressCls}-text`]: {\n width: 'max-content',\n marginInlineStart: 0,\n marginTop: token.marginXXS\n }\n },\n [`${progressCls}-bg`]: {\n overflow: 'hidden',\n '&::after': {\n content: '\"\"',\n background: {\n _multi_value_: true,\n value: ['inherit', `var(${LineStrokeColorVar})`]\n },\n height: '100%',\n width: `calc(1 / var(${Percent}) * 100%)`,\n display: 'block'\n },\n [`&${progressCls}-bg-inner`]: {\n minWidth: 'max-content',\n '&::after': {\n content: 'none'\n },\n [`${progressCls}-text-inner`]: {\n color: token.colorWhite,\n [`&${progressCls}-text-bright`]: {\n color: 'rgba(0, 0, 0, 0.45)'\n }\n }\n }\n },\n [`${progressCls}-success-bg`]: {\n position: 'absolute',\n insetBlockStart: 0,\n insetInlineStart: 0,\n backgroundColor: token.colorSuccess\n },\n [`${progressCls}-text`]: {\n display: 'inline-block',\n marginInlineStart: token.marginXS,\n color: token.colorText,\n lineHeight: 1,\n width: '2em',\n whiteSpace: 'nowrap',\n textAlign: 'start',\n verticalAlign: 'middle',\n wordBreak: 'normal',\n [iconPrefixCls]: {\n fontSize: token.fontSize\n },\n [`&${progressCls}-text-outer`]: {\n width: 'max-content'\n },\n [`&${progressCls}-text-outer${progressCls}-text-start`]: {\n width: 'max-content',\n marginInlineStart: 0,\n marginInlineEnd: token.marginXS\n }\n },\n [`${progressCls}-text-inner`]: {\n display: 'flex',\n justifyContent: 'center',\n alignItems:
|