🚀 Socket Launch Week Day 5:Introducing Repository Access Permissions and Custom Roles.Learn more →
Sign In

@rc-component/steps

Package Overview
Dependencies
Maintainers
4
Versions
18
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rc-component/steps - npm Package Compare versions

Comparing version
1.2.0-alpha.3
 to
1.2.0-alpha.4
+1
dist/dumi__tmp-pro...theme__ContextWrapper.2bdf8349.async.js
"use strict";(self.webpackChunk_rc_component_steps=self.webpackChunk_rc_component_steps||[]).push([[923],{26520:function(P,r,e){e.r(r),e.d(r,{default:function(){return j}});var g=e(5574),y=e.n(g),n=e(67294),o=e(53683),C=e(38024),x=e(64236),s=null,a=e(90482),T=e(85893),l={},i={name:"@rc-component/steps",description:"steps ui component for react",version:"1.2.0-alpha.3",license:"MIT",repository:{type:"git",url:" git+ssh://git@github.com/react-component/steps.git"}},u="browser",c=void 0,m={footer:'Copyright \xA9 2025 | Powered by <a href="https://d.umijs.org" target="_blank" rel="noreferrer">dumi</a>',prefersColor:{default:"light",switch:!0},nprogress:!0,lastUpdated:!0,name:"Steps",logo:"https://avatars0.githubusercontent.com/u/9441414?s=200&v=4"},p=!1;function j(){var E=(0,o.pC)(),S=(0,n.useState)(!1),v=y()(S,2),d=v[0],f=v[1],h=(0,n.useRef)(o.m8.location.pathname);(0,n.useEffect)(function(){return o.m8.listen(function(t){t.location.pathname!==h.current&&(h.current=t.location.pathname,document.documentElement.scrollTo(0,0))})},[]);var D=n.useMemo(function(){var t={pkg:i,historyType:u,entryExports:l,demos:null,components:s,locales:a.k,loading:d,setLoading:f,hostname:c,themeConfig:m,_2_level_nav_available:p};return Object.defineProperty(t,"demos",{get:function(){return(0,C.Kp)(!1,"`demos` return empty in latest version, please use `useDemo` instead."),{}}}),t},[i,u,l,s,a.k,d,f,c,m,p]);return(0,T.jsx)(x.D.Provider,{value:D,children:E})}}}]);
dist/meta__docs.2c204c3c.async.js

Sorry, the diff of this file is too big to display

+1
dist/preload_helper.b00581fa.js
!function(){"use strict";var t="/".replace(/([^/])$/,"$1/"),e=location.pathname,n=e.startsWith(t)&&decodeURI("/".concat(e.slice(t.length)));if(n){var a=document,c=a.head,r=a.createElement.bind(a),i=function(t,e,n){var a,c=e.r[t]||(null===(a=Object.entries(e.r).find((function(e){var n=e[0];return new RegExp("^".concat(n.replace(/\/:[^/]+/g,"/[^/]+").replace("/*","/.+"),"$")).test(t)})))||void 0===a?void 0:a[1]);return null==c?void 0:c.map((function(t){var a=e.f[t][1],c=e.f[t][0];return{type:c.split(".").pop(),url:"".concat(n.publicPath).concat(c),attrs:[["data-".concat(e.b),"".concat(e.p,":").concat(a)]]}}))}(n,{"p":"@rc-component/steps","b":"webpack","f":[["nm__dumi__dist__client__pages__Demo__index.578aa5c0.chunk.css",9],["nm__dumi__dist__client__pages__Demo__index.7c088c5b.async.js",9],["nm__dumi__dist__client__pages__404.8b85f2d9.chunk.css",65],["nm__dumi__dist__client__pages__404.f32ed690.async.js",65],["docs__demo__stepIcon.md.33be0665.chunk.css",68],["docs__demo__stepIcon.md.672a50aa.async.js",68],["docs__demo__nav-base.md.33be0665.chunk.css",138],["docs__demo__nav-base.md.607db000.async.js",138],["docs__demo__custom-svg-icon.md.33be0665.chunk.css",145],["docs__demo__custom-svg-icon.md.ed3e7546.async.js",145],["docs__demo__alternativeLabel.md.33be0665.chunk.css",147],["docs__demo__alternativeLabel.md.23211483.async.js",147],["docs__demo__progressDot.md.33be0665.chunk.css",343],["docs__demo__progressDot.md.9af8f887.async.js",343],["docs__demo__inline.md.33be0665.chunk.css",398],["docs__demo__inline.md.0f043b8e.async.js",398],["docs__demo__verticalSmall.md.33be0665.chunk.css",505],["docs__demo__verticalSmall.md.da618aed.async.js",505],["docs__demo__customIcon.md.33be0665.chunk.css",506],["docs__demo__customIcon.md.192900c7.async.js",506],["nm__dumi__theme-default__layouts__DocLayout__index.cec00151.async.js",519],["docs__demo__vertical.md.33be0665.chunk.css",536],["docs__demo__vertical.md.8fa1a11f.async.js",536],["docs__demo__composable.md.33be0665.chunk.css",555],["docs__demo__composable.md.26e627fc.async.js",555],["574.e8c51481.chunk.css",574],["574.df2b6bcf.async.js",574],["docs__demo__dynamic.md.33be0665.chunk.css",599],["docs__demo__dynamic.md.77f70aeb.async.js",599],["docs__demo__errorStep.md.33be0665.chunk.css",636],["docs__demo__errorStep.md.c493a05b.async.js",636],["docs__demo__nextStep.md.33be0665.chunk.css",639],["docs__demo__nextStep.md.4063bd3d.async.js",639],["docs__demo__simple.md.33be0665.chunk.css",714],["docs__demo__simple.md.b595be88.async.js",714],["dumi__tmp-production__dumi__theme__ContextWrapper.2bdf8349.async.js",923],["docs__index.md.33be0665.chunk.css",935],["docs__index.md.1a2118bd.async.js",935],["972.c85cf207.async.js",972],["docs__demo__smallSize.md.33be0665.chunk.css",998],["docs__demo__smallSize.md.a8a7d158.async.js",998]],"r":{"/*":[2,3,20,25,26,35],"/":[36,37,38,20,25,26,35],"/~demos/:id":[0,1,35],"/demo/alternative-label":[10,11,38,20,25,26,35],"/demo/custom-svg-icon":[8,9,38,20,25,26,35],"/demo/vertical-small":[16,17,38,20,25,26,35],"/demo/progress-dot":[12,13,38,20,25,26,35],"/demo/composable":[23,24,38,20,25,26,35],"/demo/custom-icon":[18,19,38,20,25,26,35],"/demo/error-step":[29,30,38,20,25,26,35],"/demo/small-size":[38,39,40,20,25,26,35],"/demo/nav-base":[6,7,38,20,25,26,35],"/demo/next-step":[31,32,38,20,25,26,35],"/demo/step-icon":[4,5,38,20,25,26,35],"/demo/vertical":[21,22,38,20,25,26,35],"/demo/dynamic":[27,28,38,20,25,26,35],"/demo/inline":[14,15,38,20,25,26,35],"/demo/simple":[33,34,38,20,25,26,35]}},{publicPath:"/"});null==i||i.forEach((function(t){var e,n=t.type,a=t.url;if("js"===n)(e=r("script")).src=a,e.async=!0;else{if("css"!==n)return;(e=r("link")).href=a,e.rel="preload",e.as="style"}t.attrs.forEach((function(t){e.setAttribute(t[0],t[1]||"")})),c.appendChild(e)}))}}();
dist/umi.3fc6395d.js

Sorry, the diff of this file is too big to display

+2
-2
dist/~demos/:id/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/~demos/docs-d...-label-demo-alternativelabel/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/~demos/docs-demo-composable-demo-composable/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/~demos/docs-demo-custom-icon-demo-customicon/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/~demos/docs-d...vg-icon-demo-custom-svg-icon/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/~demos/docs-demo-dynamic-demo-dynamic/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/~demos/docs-demo-error-step-demo-errorstep/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/~demos/docs-demo-inline-demo-inline/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/~demos/docs-demo-nav-base-demo-nav-base/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/~demos/docs-demo-next-step-demo-nextstep/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/~demos/docs-d...rogress-dot-demo-progressdot/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/~demos/docs-demo-simple-demo-simple/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/~demos/docs-demo-small-size-demo-smallsize/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/~demos/docs-demo-step-icon-demo-stepicon/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/~demos/docs-demo-vertical-demo-vertical/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/~demos/docs-d...cal-small-demo-verticalsmall/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/404.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/demo/alternative-label/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/demo/composable/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/demo/custom-icon/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/demo/custom-svg-icon/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/demo/dynamic/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/demo/error-step/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/demo/inline/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/demo/nav-base/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/demo/next-step/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/demo/progress-dot/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/demo/simple/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/demo/small-size/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/demo/step-icon/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/demo/vertical-small/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/demo/vertical/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+2
-2
dist/index.html

@@ -9,8 +9,8 @@ <!DOCTYPE html>

<link rel="stylesheet" href="/umi.4e0bcd92.css">
<script src="/preload_helper.b83bb61c.js"></script>
<script src="/preload_helper.b00581fa.js"></script>
</head>
<body>
<div id="root"></div>
<script src="/umi.fcbfc7dc.js"></script>
<script src="/umi.3fc6395d.js"></script>
</body>
</html>
+3
-3
es/Rail.d.ts
import * as React from 'react';
import type { Status, StepsProps } from './Steps';
import type { Status } from './Steps';
export interface RailProps {
prefixCls: string;
classNames: StepsProps['classNames'];
styles: StepsProps['styles'];
className: string;
style: React.CSSProperties;
status: Status;
}
export default function Rail(props: RailProps): React.JSX.Element;
+4
-4
es/Rail.js

@@ -6,4 +6,4 @@ import * as React from 'react';

prefixCls,
classNames,
styles,
className,
style,
status

@@ -15,5 +15,5 @@ } = props;

return /*#__PURE__*/React.createElement("div", {
className: cls(railCls, `${railCls}-${status}`, classNames.itemRail),
style: styles.itemRail
className: cls(railCls, `${railCls}-${status}`, className),
style: style
});
}
+46
-17
es/Step.js

@@ -8,3 +8,3 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

import { UnstableContext } from "./UnstableContext";
import StepIcon from "./StepIcon";
import StepIcon, { StepIconSemanticContext } from "./StepIcon";
function hasContent(value) {

@@ -51,2 +51,4 @@ return value !== undefined && value !== null;

style,
classNames: itemClassNames = {},
styles: itemStyles = {},
...restItemProps

@@ -93,3 +95,3 @@ } = data;

[`${itemCls}-empty-header`]: !hasTitle && !hasSubTitle
}, className, classNames.item);
}, className, classNames.item, itemClassNames.root);
let iconNode = /*#__PURE__*/React.createElement(StepIcon, null);

@@ -105,25 +107,51 @@ if (iconRender) {

const wrapperNode = /*#__PURE__*/React.createElement("div", {
className: cls(`${itemCls}-wrapper`, classNames.itemWrapper),
style: styles.itemWrapper
}, iconNode, /*#__PURE__*/React.createElement("div", {
className: cls(`${itemCls}-section`, classNames.itemSection),
style: styles.itemSection
className: cls(`${itemCls}-wrapper`, classNames.itemWrapper, itemClassNames.wrapper),
style: {
...styles.itemWrapper,
...itemStyles.wrapper
}
}, /*#__PURE__*/React.createElement(StepIconSemanticContext.Provider, {
value: {
className: itemClassNames.icon,
style: itemStyles.icon
}
}, iconNode), /*#__PURE__*/React.createElement("div", {
className: cls(`${itemCls}-section`, classNames.itemSection, itemClassNames.section),
style: {
...styles.itemSection,
...itemStyles.section
}
}, /*#__PURE__*/React.createElement("div", {
className: cls(`${itemCls}-header`, classNames.itemHeader),
style: styles.itemHeader
className: cls(`${itemCls}-header`, classNames.itemHeader, itemClassNames.header),
style: {
...styles.itemHeader,
...itemStyles.header
}
}, hasTitle && /*#__PURE__*/React.createElement("div", {
className: cls(`${itemCls}-title`, classNames.itemTitle),
style: styles.itemTitle
className: cls(`${itemCls}-title`, classNames.itemTitle, itemClassNames.title),
style: {
...styles.itemTitle,
...itemStyles.title
}
}, title), hasSubTitle && /*#__PURE__*/React.createElement("div", {
title: typeof subTitle === 'string' ? subTitle : undefined,
className: cls(`${itemCls}-subtitle`, classNames.itemSubtitle),
style: styles.itemSubtitle
className: cls(`${itemCls}-subtitle`, classNames.itemSubtitle, itemClassNames.subtitle),
style: {
...styles.itemSubtitle,
...itemStyles.subtitle
}
}, subTitle), !last && /*#__PURE__*/React.createElement(Rail, {
prefixCls: itemCls,
classNames: classNames,
styles: styles,
className: cls(classNames.itemRail, itemClassNames.rail),
style: {
...styles.itemRail,
...itemStyles.rail
},
status: railFollowPrevStatus ? status : nextStatus
})), hasContent(mergedContent) && /*#__PURE__*/React.createElement("div", {
className: cls(`${itemCls}-content`, classNames.itemContent),
style: styles.itemContent
className: cls(`${itemCls}-content`, classNames.itemContent, itemClassNames.content),
style: {
...styles.itemContent,
...itemStyles.content
}
}, mergedContent)));

@@ -134,2 +162,3 @@ let stepNode = /*#__PURE__*/React.createElement("div", _extends({}, restItemProps, accessibilityProps, {

...styles.item,
...itemStyles.root,
...style

@@ -136,0 +165,0 @@ }

+5
-0
es/StepIcon.d.ts
import * as React from 'react';
export interface StepIconSemanticContextProps {
className?: string;
style?: React.CSSProperties;
}
export declare const StepIconSemanticContext: React.Context<StepIconSemanticContextProps>;
export type StepIconProps = React.HTMLAttributes<HTMLDivElement>;
declare const StepIcon: React.ForwardRefExoticComponent<StepIconProps & React.RefAttributes<HTMLDivElement>>;
export default StepIcon;
+7
-1
es/StepIcon.js

@@ -6,2 +6,3 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

import pickAttrs from "@rc-component/util/es/pickAttrs";
export const StepIconSemanticContext = /*#__PURE__*/React.createContext({});
const StepIcon = /*#__PURE__*/React.forwardRef((props, ref) => {

@@ -19,8 +20,13 @@ const {

} = React.useContext(StepsContext);
const {
className: itemClassName,
style: itemStyle
} = React.useContext(StepIconSemanticContext);
const itemCls = `${prefixCls}-item`;
return /*#__PURE__*/React.createElement("div", _extends({}, pickAttrs(restProps, false), {
ref: ref,
className: cls(`${itemCls}-icon`, classNames.itemIcon, className),
className: cls(`${itemCls}-icon`, classNames.itemIcon, itemClassName, className),
style: {
...styles.itemIcon,
...itemStyle,
...style

@@ -27,0 +33,0 @@ }

+3
-0
es/Steps.d.ts

@@ -5,2 +5,3 @@ import React from 'react';

export type SemanticName = 'root' | 'item' | 'itemWrapper' | 'itemHeader' | 'itemTitle' | 'itemSubtitle' | 'itemSection' | 'itemContent' | 'itemIcon' | 'itemRail';
export type ItemSemanticName = 'root' | 'wrapper' | 'header' | 'title' | 'subtitle' | 'section' | 'content' | 'icon' | 'rail';
export type StepItem = {

@@ -15,2 +16,4 @@ /** @deprecated Please use `content` instead. */

title?: React.ReactNode;
classNames?: Partial<Record<ItemSemanticName, string>>;
styles?: Partial<Record<ItemSemanticName, React.CSSProperties>>;
} & Pick<React.HtmlHTMLAttributes<HTMLDivElement>, 'onClick' | 'className' | 'style'>;

@@ -17,0 +20,0 @@ export type StepIconRender = (info: {

+3
-3
lib/Rail.d.ts
import * as React from 'react';
import type { Status, StepsProps } from './Steps';
import type { Status } from './Steps';
export interface RailProps {
prefixCls: string;
classNames: StepsProps['classNames'];
styles: StepsProps['styles'];
className: string;
style: React.CSSProperties;
status: Status;
}
export default function Rail(props: RailProps): React.JSX.Element;
+4
-4
lib/Rail.js

@@ -15,4 +15,4 @@ "use strict";

prefixCls,
classNames,
styles,
className,
style,
status

@@ -24,5 +24,5 @@ } = props;

return /*#__PURE__*/React.createElement("div", {
className: (0, _classnames.default)(railCls, `${railCls}-${status}`, classNames.itemRail),
style: styles.itemRail
className: (0, _classnames.default)(railCls, `${railCls}-${status}`, className),
style: style
});
}
+46
-17
lib/Step.js

@@ -12,3 +12,3 @@ "use strict";

var _UnstableContext = require("./UnstableContext");
var _StepIcon = _interopRequireDefault(require("./StepIcon"));
var _StepIcon = _interopRequireWildcard(require("./StepIcon"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -59,2 +59,4 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }

style,
classNames: itemClassNames = {},
styles: itemStyles = {},
...restItemProps

@@ -101,3 +103,3 @@ } = data;

[`${itemCls}-empty-header`]: !hasTitle && !hasSubTitle
}, className, classNames.item);
}, className, classNames.item, itemClassNames.root);
let iconNode = /*#__PURE__*/React.createElement(_StepIcon.default, null);

@@ -113,25 +115,51 @@ if (iconRender) {

const wrapperNode = /*#__PURE__*/React.createElement("div", {
className: (0, _classnames.default)(`${itemCls}-wrapper`, classNames.itemWrapper),
style: styles.itemWrapper
}, iconNode, /*#__PURE__*/React.createElement("div", {
className: (0, _classnames.default)(`${itemCls}-section`, classNames.itemSection),
style: styles.itemSection
className: (0, _classnames.default)(`${itemCls}-wrapper`, classNames.itemWrapper, itemClassNames.wrapper),
style: {
...styles.itemWrapper,
...itemStyles.wrapper
}
}, /*#__PURE__*/React.createElement(_StepIcon.StepIconSemanticContext.Provider, {
value: {
className: itemClassNames.icon,
style: itemStyles.icon
}
}, iconNode), /*#__PURE__*/React.createElement("div", {
className: (0, _classnames.default)(`${itemCls}-section`, classNames.itemSection, itemClassNames.section),
style: {
...styles.itemSection,
...itemStyles.section
}
}, /*#__PURE__*/React.createElement("div", {
className: (0, _classnames.default)(`${itemCls}-header`, classNames.itemHeader),
style: styles.itemHeader
className: (0, _classnames.default)(`${itemCls}-header`, classNames.itemHeader, itemClassNames.header),
style: {
...styles.itemHeader,
...itemStyles.header
}
}, hasTitle && /*#__PURE__*/React.createElement("div", {
className: (0, _classnames.default)(`${itemCls}-title`, classNames.itemTitle),
style: styles.itemTitle
className: (0, _classnames.default)(`${itemCls}-title`, classNames.itemTitle, itemClassNames.title),
style: {
...styles.itemTitle,
...itemStyles.title
}
}, title), hasSubTitle && /*#__PURE__*/React.createElement("div", {
title: typeof subTitle === 'string' ? subTitle : undefined,
className: (0, _classnames.default)(`${itemCls}-subtitle`, classNames.itemSubtitle),
style: styles.itemSubtitle
className: (0, _classnames.default)(`${itemCls}-subtitle`, classNames.itemSubtitle, itemClassNames.subtitle),
style: {
...styles.itemSubtitle,
...itemStyles.subtitle
}
}, subTitle), !last && /*#__PURE__*/React.createElement(_Rail.default, {
prefixCls: itemCls,
classNames: classNames,
styles: styles,
className: (0, _classnames.default)(classNames.itemRail, itemClassNames.rail),
style: {
...styles.itemRail,
...itemStyles.rail
},
status: railFollowPrevStatus ? status : nextStatus
})), hasContent(mergedContent) && /*#__PURE__*/React.createElement("div", {
className: (0, _classnames.default)(`${itemCls}-content`, classNames.itemContent),
style: styles.itemContent
className: (0, _classnames.default)(`${itemCls}-content`, classNames.itemContent, itemClassNames.content),
style: {
...styles.itemContent,
...itemStyles.content
}
}, mergedContent)));

@@ -142,2 +170,3 @@ let stepNode = /*#__PURE__*/React.createElement("div", _extends({}, restItemProps, accessibilityProps, {

...styles.item,
...itemStyles.root,
...style

@@ -144,0 +173,0 @@ }

+5
-0
lib/StepIcon.d.ts
import * as React from 'react';
export interface StepIconSemanticContextProps {
className?: string;
style?: React.CSSProperties;
}
export declare const StepIconSemanticContext: React.Context<StepIconSemanticContextProps>;
export type StepIconProps = React.HTMLAttributes<HTMLDivElement>;
declare const StepIcon: React.ForwardRefExoticComponent<StepIconProps & React.RefAttributes<HTMLDivElement>>;
export default StepIcon;
+8
-2
lib/StepIcon.js

@@ -6,3 +6,3 @@ "use strict";

});
exports.default = void 0;
exports.default = exports.StepIconSemanticContext = void 0;
var React = _interopRequireWildcard(require("react"));

@@ -16,2 +16,3 @@ var _classnames = _interopRequireDefault(require("classnames"));

function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
const StepIconSemanticContext = exports.StepIconSemanticContext = /*#__PURE__*/React.createContext({});
const StepIcon = /*#__PURE__*/React.forwardRef((props, ref) => {

@@ -29,8 +30,13 @@ const {

} = React.useContext(_Context.StepsContext);
const {
className: itemClassName,
style: itemStyle
} = React.useContext(StepIconSemanticContext);
const itemCls = `${prefixCls}-item`;
return /*#__PURE__*/React.createElement("div", _extends({}, (0, _pickAttrs.default)(restProps, false), {
ref: ref,
className: (0, _classnames.default)(`${itemCls}-icon`, classNames.itemIcon, className),
className: (0, _classnames.default)(`${itemCls}-icon`, classNames.itemIcon, itemClassName, className),
style: {
...styles.itemIcon,
...itemStyle,
...style

@@ -37,0 +43,0 @@ }

+3
-0
lib/Steps.d.ts

@@ -5,2 +5,3 @@ import React from 'react';

export type SemanticName = 'root' | 'item' | 'itemWrapper' | 'itemHeader' | 'itemTitle' | 'itemSubtitle' | 'itemSection' | 'itemContent' | 'itemIcon' | 'itemRail';
export type ItemSemanticName = 'root' | 'wrapper' | 'header' | 'title' | 'subtitle' | 'section' | 'content' | 'icon' | 'rail';
export type StepItem = {

@@ -15,2 +16,4 @@ /** @deprecated Please use `content` instead. */

title?: React.ReactNode;
classNames?: Partial<Record<ItemSemanticName, string>>;
styles?: Partial<Record<ItemSemanticName, React.CSSProperties>>;
} & Pick<React.HtmlHTMLAttributes<HTMLDivElement>, 'onClick' | 'className' | 'style'>;

@@ -17,0 +20,0 @@ export type StepIconRender = (info: {

+1
-1
package.json
{
"name": "@rc-component/steps",
"version": "1.2.0-alpha.3",
"version": "1.2.0-alpha.4",
"description": "steps ui component for react",

@@ -5,0 +5,0 @@ "keywords": [

-1
dist/dumi__tmp-pro...theme__ContextWrapper.bf2e198c.async.js
"use strict";(self.webpackChunk_rc_component_steps=self.webpackChunk_rc_component_steps||[]).push([[923],{26520:function(P,r,e){e.r(r),e.d(r,{default:function(){return j}});var g=e(5574),y=e.n(g),n=e(67294),o=e(53683),C=e(38024),x=e(64236),s=null,a=e(90482),T=e(85893),l={},i={name:"@rc-component/steps",description:"steps ui component for react",version:"1.2.0-alpha.2",license:"MIT",repository:{type:"git",url:" git+ssh://git@github.com/react-component/steps.git"}},u="browser",c=void 0,m={footer:'Copyright \xA9 2025 | Powered by <a href="https://d.umijs.org" target="_blank" rel="noreferrer">dumi</a>',prefersColor:{default:"light",switch:!0},nprogress:!0,lastUpdated:!0,name:"Steps",logo:"https://avatars0.githubusercontent.com/u/9441414?s=200&v=4"},p=!1;function j(){var E=(0,o.pC)(),S=(0,n.useState)(!1),v=y()(S,2),d=v[0],f=v[1],h=(0,n.useRef)(o.m8.location.pathname);(0,n.useEffect)(function(){return o.m8.listen(function(t){t.location.pathname!==h.current&&(h.current=t.location.pathname,document.documentElement.scrollTo(0,0))})},[]);var D=n.useMemo(function(){var t={pkg:i,historyType:u,entryExports:l,demos:null,components:s,locales:a.k,loading:d,setLoading:f,hostname:c,themeConfig:m,_2_level_nav_available:p};return Object.defineProperty(t,"demos",{get:function(){return(0,C.Kp)(!1,"`demos` return empty in latest version, please use `useDemo` instead."),{}}}),t},[i,u,l,s,a.k,d,f,c,m,p]);return(0,T.jsx)(x.D.Provider,{value:D,children:E})}}}]);
dist/meta__docs.a2482646.async.js

Sorry, the diff of this file is too big to display

-1
dist/preload_helper.b83bb61c.js
!function(){"use strict";var t="/".replace(/([^/])$/,"$1/"),e=location.pathname,n=e.startsWith(t)&&decodeURI("/".concat(e.slice(t.length)));if(n){var a=document,c=a.head,r=a.createElement.bind(a),i=function(t,e,n){var a,c=e.r[t]||(null===(a=Object.entries(e.r).find((function(e){var n=e[0];return new RegExp("^".concat(n.replace(/\/:[^/]+/g,"/[^/]+").replace("/*","/.+"),"$")).test(t)})))||void 0===a?void 0:a[1]);return null==c?void 0:c.map((function(t){var a=e.f[t][1],c=e.f[t][0];return{type:c.split(".").pop(),url:"".concat(n.publicPath).concat(c),attrs:[["data-".concat(e.b),"".concat(e.p,":").concat(a)]]}}))}(n,{"p":"@rc-component/steps","b":"webpack","f":[["nm__dumi__dist__client__pages__Demo__index.578aa5c0.chunk.css",9],["nm__dumi__dist__client__pages__Demo__index.7c088c5b.async.js",9],["nm__dumi__dist__client__pages__404.8b85f2d9.chunk.css",65],["nm__dumi__dist__client__pages__404.f32ed690.async.js",65],["docs__demo__stepIcon.md.33be0665.chunk.css",68],["docs__demo__stepIcon.md.672a50aa.async.js",68],["docs__demo__nav-base.md.33be0665.chunk.css",138],["docs__demo__nav-base.md.607db000.async.js",138],["docs__demo__custom-svg-icon.md.33be0665.chunk.css",145],["docs__demo__custom-svg-icon.md.ed3e7546.async.js",145],["docs__demo__alternativeLabel.md.33be0665.chunk.css",147],["docs__demo__alternativeLabel.md.23211483.async.js",147],["docs__demo__progressDot.md.33be0665.chunk.css",343],["docs__demo__progressDot.md.9af8f887.async.js",343],["docs__demo__inline.md.33be0665.chunk.css",398],["docs__demo__inline.md.0f043b8e.async.js",398],["docs__demo__verticalSmall.md.33be0665.chunk.css",505],["docs__demo__verticalSmall.md.da618aed.async.js",505],["docs__demo__customIcon.md.33be0665.chunk.css",506],["docs__demo__customIcon.md.192900c7.async.js",506],["nm__dumi__theme-default__layouts__DocLayout__index.cec00151.async.js",519],["docs__demo__vertical.md.33be0665.chunk.css",536],["docs__demo__vertical.md.8fa1a11f.async.js",536],["docs__demo__composable.md.33be0665.chunk.css",555],["docs__demo__composable.md.26e627fc.async.js",555],["574.e8c51481.chunk.css",574],["574.df2b6bcf.async.js",574],["docs__demo__dynamic.md.33be0665.chunk.css",599],["docs__demo__dynamic.md.77f70aeb.async.js",599],["docs__demo__errorStep.md.33be0665.chunk.css",636],["docs__demo__errorStep.md.c493a05b.async.js",636],["docs__demo__nextStep.md.33be0665.chunk.css",639],["docs__demo__nextStep.md.4063bd3d.async.js",639],["docs__demo__simple.md.33be0665.chunk.css",714],["docs__demo__simple.md.b595be88.async.js",714],["dumi__tmp-production__dumi__theme__ContextWrapper.bf2e198c.async.js",923],["docs__index.md.33be0665.chunk.css",935],["docs__index.md.1a2118bd.async.js",935],["972.c85cf207.async.js",972],["docs__demo__smallSize.md.33be0665.chunk.css",998],["docs__demo__smallSize.md.a8a7d158.async.js",998]],"r":{"/*":[2,3,20,25,26,35],"/":[36,37,38,20,25,26,35],"/~demos/:id":[0,1,35],"/demo/alternative-label":[10,11,38,20,25,26,35],"/demo/custom-svg-icon":[8,9,38,20,25,26,35],"/demo/vertical-small":[16,17,38,20,25,26,35],"/demo/progress-dot":[12,13,38,20,25,26,35],"/demo/composable":[23,24,38,20,25,26,35],"/demo/custom-icon":[18,19,38,20,25,26,35],"/demo/error-step":[29,30,38,20,25,26,35],"/demo/small-size":[38,39,40,20,25,26,35],"/demo/nav-base":[6,7,38,20,25,26,35],"/demo/next-step":[31,32,38,20,25,26,35],"/demo/step-icon":[4,5,38,20,25,26,35],"/demo/vertical":[21,22,38,20,25,26,35],"/demo/dynamic":[27,28,38,20,25,26,35],"/demo/inline":[14,15,38,20,25,26,35],"/demo/simple":[33,34,38,20,25,26,35]}},{publicPath:"/"});null==i||i.forEach((function(t){var e,n=t.type,a=t.url;if("js"===n)(e=r("script")).src=a,e.async=!0;else{if("css"!==n)return;(e=r("link")).href=a,e.rel="preload",e.as="style"}t.attrs.forEach((function(t){e.setAttribute(t[0],t[1]||"")})),c.appendChild(e)}))}}();
dist/umi.fcbfc7dc.js

Sorry, the diff of this file is too big to display