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

package/lib/es/steps/navStep.js

@@ -19,12 +19,11 @@ const NavStep = props => {
     onKeyDown,
     onChange,
     lastOne,
-    type,
     size
   } = props;
   const classString = classnames(prefixCls, {
     ["".concat(prefixCls, "-active")]: active,
-    ["".concat(prefixCls, "-nav")]: type,
+    ["".concat(prefixCls, "-nav")]: props.usedInC2D,
     ["".concat(prefixCls, "-small")]: size === 'small'
   }, className);
 
@@ -88,4 +87,5 @@ NavStep.defaultProps = {
   active: false,
   className: ''
 };
+NavStep.elementType = 'Steps.NavStep';
 export default NavStep;

package/lib/es/steps/navSteps.js

@@ -22,10 +22,12 @@ const 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 = () => {

package/lib/es/steps/step.d.ts

@@ -8,7 +8,6 @@ export interface StepProps {
     className?: string;
     style?: React.CSSProperties;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
-    type?: string;
 }
 declare const Step: {
     (props: StepProps): JSX.Element;

package/lib/es/steps/step.js

@@ -5,8 +5,9 @@ import NavStep from './navStep';
 import Context from './context';
 
 const Step = props => {
-  const stepContext = useContext(Context);
-  const type = stepContext ? stepContext.type : props.type;
+  const {
+    type
+  } = useContext(Context);
 
   const renderStep = () => {
     switch (type) {

package/lib/es/table/Table.d.ts

@@ -280,7 +280,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
      * Combine pagination and table paging processing functions
      */
     mergePagination: (pagination: TablePaginationProps) => {
-        position?: "top" | "bottom" | "both";
+        position?: "both" | "top" | "bottom";
         formatPageText?: import("./interface").FormatPageText;
         style?: React.CSSProperties;
         className?: string;
@@ -300,7 +300,7 @@ declare class Table<RecordType extends Record<string, any>> extends BaseComponen
         showSizeChanger?: boolean;
         showQuickJumper?: boolean;
         popoverZIndex?: number;
-        popoverPosition?: "top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
+        popoverPosition?: "left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver";
         hideOnSinglePage?: boolean;
         hoverShowPageSelect?: boolean;
     };

package/lib/es/timeline/item.d.ts

@@ -12,8 +12,12 @@ export interface TimelineItemProps {
     className?: string;
     style?: React.CSSProperties;
     onClick?: React.MouseEventHandler<HTMLLIElement>;
+    mode?: 'left' | 'right' | 'center' | 'alternate';
+    oddIndex?: boolean;
+    lastOne?: boolean;
 }
 export default class Item extends PureComponent<TimelineItemProps> {
+    static elementType: string;
     static propTypes: {
         color: PropTypes.Requireable<string>;
         time: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -24,11 +28,14 @@ export default class Item extends PureComponent<TimelineItemProps> {
         className: PropTypes.Requireable<string>;
         style: PropTypes.Requireable<object>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        mode: PropTypes.Requireable<string>;
+        lastOne: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         type: string;
         time: string;
         onClick: (...args: any[]) => void;
     };
+    getC2DCls: () => string;
     render(): JSX.Element;
 }

package/lib/es/timeline/item.js

@@ -6,6 +6,41 @@ import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/timeline/c
 import '@douyinfe/semi-foundation/lib/es/timeline/timeline.css';
 const prefixCls = cssClasses.ITEM;
 export default class Item extends PureComponent {
+  constructor() {
+    super(...arguments); // getC2DCls is used in C2D, it does not work in non-C2D scenes
+
+    this.getC2DCls = () => {
+      let c2dCls = '';
+      const {
+        mode,
+        oddIndex,
+        lastOne
+      } = this.props;
+
+      if (mode) {
+        switch (mode) {
+          case 'center':
+            c2dCls = "".concat(prefixCls, "-center  ").concat(prefixCls, "-left");
+            break;
+
+          case 'alternate':
+            c2dCls = "".concat(prefixCls, "-alternate  ").concat(prefixCls, "-").concat(oddIndex ? 'left' : 'right');
+            break;
+
+          default:
+            c2dCls = "".concat(prefixCls, "-").concat(mode, " ").concat(mode === 'right' ? "".concat(prefixCls, "-mode-right") : '');
+            break;
+        }
+      }
+
+      if (!lastOne) {
+        c2dCls += " ".concat(prefixCls, "-not-last-child");
+      }
+
+      return c2dCls;
+    };
+  }
+
   render() {
     const {
       className,
@@ -18,7 +53,7 @@ export default class Item extends PureComponent {
       extra,
       onClick
     } = this.props;
-    const itemCls = cls(prefixCls, className);
+    const itemCls = cls(prefixCls, className, this.getC2DCls());
     const dotCls = cls({
       ["".concat(prefixCls, "-head")]: true,
       ["".concat(prefixCls, "-head-custom")]: dot,
@@ -58,10 +93,13 @@ Item.propTypes = {
   position: PropTypes.oneOf(strings.ITEM_POS),
   className: PropTypes.string,
   style: PropTypes.object,
-  onClick: PropTypes.func
+  onClick: PropTypes.func,
+  mode: PropTypes.string,
+  lastOne: PropTypes.bool
 };
 Item.defaultProps = {
   type: 'default',
   time: '',
   onClick: _noop
-};
+};
+Item.elementType = 'Timeline.Item';

package/lib/es/tooltip/index.d.ts

@@ -86,7 +86,7 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         motion: PropTypes.Requireable<boolean>;
         autoAdjustOverflow: PropTypes.Requireable<boolean>;
-        position: PropTypes.Requireable<"top" | "topLeft" | "topRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom" | "bottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
+        position: PropTypes.Requireable<"left" | "top" | "right" | "bottom" | "topLeft" | "topRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "bottomLeft" | "bottomRight" | "leftTopOver" | "rightTopOver" | "leftBottomOver" | "rightBottomOver">;
         getPopupContainer: PropTypes.Requireable<(...args: any[]) => any>;
         mouseEnterDelay: PropTypes.Requireable<number>;
         mouseLeaveDelay: PropTypes.Requireable<number>;

package/lib/es/typography/numeral.d.ts

@@ -28,7 +28,7 @@ export default class Numeral extends PureComponent<NumeralProps> {
     static propTypes: {
         rule: PropTypes.Requireable<"text" | "numbers" | "bytes-decimal" | "bytes-binary" | "percentages" | "exponential">;
         precision: PropTypes.Requireable<number>;
-        truncate: PropTypes.Requireable<"ceil" | "floor" | "round">;
+        truncate: PropTypes.Requireable<"round" | "ceil" | "floor">;
         parser: PropTypes.Requireable<(...args: any[]) => any>;
         copyable: PropTypes.Requireable<NonNullable<boolean | object>>;
         delete: PropTypes.Requireable<boolean>;

package/lib/es/typography/title.d.ts

@@ -37,7 +37,7 @@ export default class Title extends PureComponent<TitleProps> {
         underline: PropTypes.Requireable<boolean>;
         strong: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<"warning" | "success" | "primary" | "tertiary" | "secondary" | "danger" | "quaternary">;
-        heading: PropTypes.Requireable<1 | 2 | 3 | 4 | 5 | 6>;
+        heading: PropTypes.Requireable<4 | 2 | 1 | 3 | 6 | 5>;
         style: PropTypes.Requireable<object>;
         className: PropTypes.Requireable<string>;
         component: PropTypes.Requireable<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.30.0-alpha.0",
+    "version": "2.30.0-alpha.2",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.30.0-alpha.0",
-        "@douyinfe/semi-animation-react": "2.30.0-alpha.0",
-        "@douyinfe/semi-foundation": "2.30.0-alpha.0",
-        "@douyinfe/semi-icons": "2.30.0-alpha.0",
-        "@douyinfe/semi-illustrations": "2.30.0-alpha.0",
-        "@douyinfe/semi-theme-default": "2.30.0-alpha.0",
+        "@douyinfe/semi-animation": "2.30.0-alpha.2",
+        "@douyinfe/semi-animation-react": "2.30.0-alpha.2",
+        "@douyinfe/semi-foundation": "2.30.0-alpha.2",
+        "@douyinfe/semi-icons": "2.30.0-alpha.2",
+        "@douyinfe/semi-illustrations": "2.30.0-alpha.2",
+        "@douyinfe/semi-theme-default": "2.30.0-alpha.2",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "5f4c9d8a0aadec8453ba22b1206ba1182878dceb",
+    "gitHead": "22568ce0c431646136c6823016342214cac447ca",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",