@douyinfe/semi-ui 2.30.0-alpha.0 → 2.30.0-alpha.1

package/dist/umd/semi-ui.js

@@ -78992,8 +78992,8 @@ const BasicStep = props => {
     onClick,
     onChange,
     onKeyDown,
-    type: typeInProps,
-    direction: directionInProps
+    usedInC2D,
+    direction: direction
   } = props;
 
   const renderIcon = () => {
@@ -79055,8 +79055,8 @@ const BasicStep = props => {
   const classString = classnames_default()(prefixCls, "".concat(prefixCls, "-").concat(status), {
     ["".concat(prefixCls, "-active")]: active,
     ["".concat(prefixCls, "-done")]: done,
-    ["".concat(prefixCls, "-basic")]: typeInProps,
-    ["".concat(prefixCls, "-").concat(directionInProps)]: directionInProps,
+    ["".concat(prefixCls, "-basic")]: usedInC2D,
+    ["".concat(prefixCls, "-").concat(direction)]: direction,
     ["".concat(prefixCls, "-small")]: size === 'small'
   }, className);
 
@@ -79121,6 +79121,7 @@ BasicStep.defaultProps = {
   status: 'wait',
   className: ''
 };
+BasicStep.elementType = 'Steps.BasicStep';
 /* harmony default export */ var basicStep = (BasicStep);
 // CONCATENATED MODULE: ./steps/fillStep.tsx
 
@@ -79223,7 +79224,7 @@ const FillStep = props => {
       [prefixCls]: true,
       ["".concat(prefixCls, "-").concat(status)]: Boolean(status),
       ["".concat(prefixCls, "-clickable")]: onClick,
-      ["".concat(prefixCls, "-fill")]: props.type === 'fill'
+      ["".concat(prefixCls, "-fill")]: props.usedInC2D
     }, className),
     style: style,
     onClick: e => {
@@ -79258,6 +79259,7 @@ FillStep.defaultProps = {
   status: 'wait',
   className: ''
 };
+FillStep.elementType = 'Steps.FillStep';
 /* harmony default export */ var fillStep = (FillStep);
 // CONCATENATED MODULE: ./steps/navStep.tsx
 
@@ -79281,12 +79283,11 @@ const NavStep = props => {
     onKeyDown,
     onChange,
     lastOne,
-    type,
     size
   } = props;
   const classString = classnames_default()(prefixCls, {
     ["".concat(prefixCls, "-active")]: active,
-    ["".concat(prefixCls, "-nav")]: type,
+    ["".concat(prefixCls, "-nav")]: props.usedInC2D,
     ["".concat(prefixCls, "-small")]: size === 'small'
   }, className);
 
@@ -79350,6 +79351,7 @@ NavStep.defaultProps = {
   active: false,
   className: ''
 };
+NavStep.elementType = 'Steps.NavStep';
 /* harmony default export */ var navStep = (NavStep);
 // CONCATENATED MODULE: ./steps/context.ts
 
@@ -79362,8 +79364,9 @@ NavStep.defaultProps = {
 
 
 const Step = props => {
-  const stepContext = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["useContext"])(steps_context);
-  const type = stepContext ? stepContext.type : props.type;
+  const {
+    type
+  } = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["useContext"])(steps_context);
 
   const renderStep = () => {
     switch (type) {
@@ -79409,19 +79412,20 @@ const fillSteps_Steps = props => {
     onChange
   } = props;
   const inner = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["useMemo"])(() => {
-    const filteredChildren = external_root_React_commonjs2_react_commonjs_react_amd_react_["Children"].toArray(children).filter(c => /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(c));
-    const colStyle = direction === 'vertical' ? null : {
-      width: "".concat(100 / filteredChildren.length, "%")
-    };
+    const filteredChildren = external_root_React_commonjs2_react_commonjs_react_amd_react_["Children"].toArray(children).filter(c => /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["isValidElement"])(c)); // const colStyle = direction === 'vertical' ? null : { width: `${100 / filteredChildren.length }%` };
+
     const content = external_root_React_commonjs2_react_commonjs_react_amd_react_["Children"].map(filteredChildren, (child, index) => {
       if (!child) {
         return null;
       }
 
       const stepNumber = initial + index;
-      const childProps = Object.assign({
-        stepNumber: "".concat(stepNumber + 1)
-      }, child.props);
+      const childProps = Object.assign(Object.assign({
+        stepNumber: "".concat(stepNumber + 1),
+        direction
+      }, child.props), {
+        total: filteredChildren.length
+      });
 
       if (status === 'error' && index === current - 1) {
         childProps.className = "".concat(prefixCls, "-next-error");
@@ -79441,11 +79445,10 @@ const fillSteps_Steps = props => {
         if (index !== current) {
           onChange(index + initial);
         }
-      };
+      }; // return <Col style={colStyle}>{cloneElement(child, { ...childProps })}</Col>;
 
-      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(grid_col, {
-        style: colStyle
-      }, /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["cloneElement"])(child, Object.assign({}, childProps)));
+
+      return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(grid_col, null, /*#__PURE__*/Object(external_root_React_commonjs2_react_commonjs_react_amd_react_["cloneElement"])(child, Object.assign({}, childProps)));
     });
     return content;
   }, [children, initial, prefixCls, direction, status, current, onChange]);
@@ -79508,10 +79511,13 @@ const basicSteps_Steps = props => {
       }
 
       const stepNumber = initial + index;
-      const childProps = Object.assign({
+      const childProps = Object.assign(Object.assign({
         stepNumber: "".concat(stepNumber + 1),
-        size
-      }, child.props);
+        size,
+        direction
+      }, child.props), {
+        total: filteredChildren.length
+      });
 
       if (status === 'error' && index === current - 1) {
         childProps.className = "".concat(prefixCls, "-next-error");
@@ -79598,10 +79604,12 @@ const navSteps_Steps = props => {
         return null;
       }
 
-      const childProps = Object.assign({
+      const childProps = Object.assign(Object.assign({
         index,
         total
-      }, child.props);
+      }, child.props), {
+        size
+      });
       childProps.active = index === current;
 
       childProps.onChange = () => {
@@ -79665,6 +79673,9 @@ var steps_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
+
+
 class steps_Steps extends external_root_React_commonjs2_react_commonjs_react_amd_react_["Component"] {
   renderComponent() {
     const _a = this.props,
@@ -79702,6 +79713,9 @@ class steps_Steps extends external_root_React_commonjs2_react_commonjs_react_amd
 }
 
 steps_Steps.Step = steps_step;
+steps_Steps.FillStep = fillStep;
+steps_Steps.BasicStep = basicStep;
+steps_Steps.NavStep = navStep;
 steps_Steps.propTypes = {
   onChange: prop_types_default.a.func,
   type: prop_types_default.a.oneOf(['fill', 'basic', 'nav']),
@@ -88432,6 +88446,32 @@ const timeline_constants_strings = {
 
 const timeline_item_prefixCls = timeline_constants_cssClasses.ITEM;
 class timeline_item_Item extends external_root_React_commonjs2_react_commonjs_react_amd_react_["PureComponent"] {
+  constructor() {
+    super(...arguments); // getC2DCls is used in C2D, it does not work in non-C2D scenes
+
+    this.getC2DCls = () => {
+      const {
+        mode,
+        oddIndex
+      } = this.props;
+
+      if (mode) {
+        switch (mode) {
+          case 'center':
+            return "".concat(timeline_item_prefixCls, "-center  ").concat(timeline_item_prefixCls, "-left");
+
+          case 'alternate':
+            return "".concat(timeline_item_prefixCls, "-alternate  ").concat(timeline_item_prefixCls, "-").concat(oddIndex ? 'left' : 'right');
+
+          default:
+            return "".concat(timeline_item_prefixCls, "-").concat(mode, " ").concat(mode === 'right' ? "".concat(timeline_item_prefixCls, "-mode-right") : '');
+        }
+      }
+
+      return '';
+    };
+  }
+
   render() {
     const {
       className,
@@ -88444,7 +88484,7 @@ class timeline_item_Item extends external_root_React_commonjs2_react_commonjs_re
       extra,
       onClick
     } = this.props;
-    const itemCls = classnames_default()(timeline_item_prefixCls, className);
+    const itemCls = classnames_default()(timeline_item_prefixCls, className, this.getC2DCls());
     const dotCls = classnames_default()({
       ["".concat(timeline_item_prefixCls, "-head")]: true,
       ["".concat(timeline_item_prefixCls, "-head-custom")]: dot,
@@ -88484,13 +88524,15 @@ timeline_item_Item.propTypes = {
   position: prop_types_default.a.oneOf(timeline_constants_strings.ITEM_POS),
   className: prop_types_default.a.string,
   style: prop_types_default.a.object,
-  onClick: prop_types_default.a.func
+  onClick: prop_types_default.a.func,
+  mode: prop_types_default.a.string
 };
 timeline_item_Item.defaultProps = {
   type: 'default',
   time: '',
   onClick: noop_default.a
 };
+timeline_item_Item.elementType = 'Timeline.Item';
 // CONCATENATED MODULE: ./timeline/index.tsx