1

2026-05-25 17:08:18 +08:00
parent df501f6151
commit f1259b71b5
9178 changed files with 1626125 additions and 0 deletions
@@ -0,0 +1,43 @@
+import { genCssVar } from '../../theme/util/genStyleUtils';
+const genVerticalStyle = token => {
+  const {
+    componentCls,
+    marginXXS,
+    paddingSM,
+    controlHeight,
+    antCls,
+    calc
+  } = token;
+  const itemCls = `${componentCls}-item`;
+  const [varName, varRef] = genCssVar(antCls, 'cmp-steps');
+  return {
+    [`${componentCls}-vertical`]: {
+      [varName('vertical-rail-margin')]: calc(marginXXS).mul(1.5).equal(),
+      flexDirection: 'column',
+      alignItems: 'stretch',
+      // Item
+      [`> ${itemCls}`]: {
+        minHeight: calc(controlHeight).mul(1.5).equal(),
+        paddingBottom: paddingSM,
+        '&:last-child': {
+          paddingBottom: 0
+        },
+        // Icon
+        [`${itemCls}-icon`]: {
+          marginInlineStart: `calc((${varRef('icon-size-max')} - ${varRef('icon-size')}) / 2)`
+        },
+        // >>> Rail
+        [`${itemCls}-rail`]: {
+          [varName('rail-offset')]: calc(varRef('heading-height')).sub(varRef('icon-size')).div(2).equal(),
+          borderInlineStartWidth: varRef('rail-size'),
+          position: 'absolute',
+          top: calc(varRef('icon-size')).add(varRef('item-wrapper-padding-top')).add(varRef('rail-offset')).add(varRef('vertical-rail-margin')).equal(),
+          insetInlineStart: calc(varRef('icon-size-max')).div(2).equal(),
+          bottom: calc(varRef('vertical-rail-margin')).sub(varRef('rail-offset')).equal(),
+          marginInlineStart: `calc(${varRef('rail-size')} / -2)`
+        }
+      }
+    }
+  };
+};
+export default genVerticalStyle;