@douyinfe/semi-ui 2.1.0-next.0 → 2.1.0

package/lib/cjs/steps/basicStep.js

@@ -1,180 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.stepSizeMapIconSize = exports.default = void 0;
-
-var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
-
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _lodashEs = require("lodash-es");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/steps/constants");
-
-var _semiIcons = require("@douyinfe/semi-icons");
-
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
-
-  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
-    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-var stepSizeMapIconSize;
-exports.stepSizeMapIconSize = stepSizeMapIconSize;
-
-(function (stepSizeMapIconSize) {
-  stepSizeMapIconSize["small"] = "large";
-  stepSizeMapIconSize["default"] = "extra-large";
-})(stepSizeMapIconSize || (exports.stepSizeMapIconSize = stepSizeMapIconSize = {}));
-
-const BasicStep = props => {
-  var _context;
-
-  const {
-    prefixCls,
-    className,
-    size,
-    title,
-    description,
-    status,
-    style,
-    active,
-    done,
-    icon,
-    stepNumber,
-    onClick,
-    onChange
-  } = props,
-        restProps = __rest(props, ["prefixCls", "className", "size", "title", "description", "status", "style", "active", "done", "icon", "stepNumber", "onClick", "onChange"]);
-
-  const renderIcon = () => {
-    let inner, progress;
-
-    if ('icon' in props) {
-      if ( /*#__PURE__*/_react.default.isValidElement(icon)) {
-        inner = icon;
-      }
-    } else if ('status' in props) {
-      switch (status) {
-        case 'error':
-          inner = /*#__PURE__*/_react.default.createElement(_semiIcons.IconAlertCircle, {
-            size: stepSizeMapIconSize[size]
-          });
-          break;
-
-        case 'wait':
-          inner = /*#__PURE__*/_react.default.createElement("span", {
-            className: "".concat(prefixCls, "-number-icon")
-          }, stepNumber);
-          break;
-
-        case 'process':
-          inner = /*#__PURE__*/_react.default.createElement("span", {
-            className: "".concat(prefixCls, "-number-icon")
-          }, stepNumber);
-          progress = true;
-          break;
-
-        case 'finish':
-          inner = /*#__PURE__*/_react.default.createElement(_semiIcons.IconTickCircle, {
-            size: stepSizeMapIconSize[size]
-          });
-          break;
-
-        case 'warning':
-          inner = /*#__PURE__*/_react.default.createElement(_semiIcons.IconAlertTriangle, {
-            size: stepSizeMapIconSize[size]
-          });
-          break;
-
-        default:
-          inner = null;
-          break;
-      }
-    }
-
-    const cls = (0, _classnames.default)({
-      ["".concat(prefixCls, "-icon")]: true,
-      ["".concat(prefixCls, "-custom-icon")]: 'icon' in props,
-      ["".concat(prefixCls, "-icon-process")]: progress
-    });
-    return inner ? /*#__PURE__*/_react.default.createElement("span", {
-      className: cls
-    }, inner) : null;
-  };
-
-  const classString = (0, _classnames.default)(prefixCls, className, (0, _concat.default)(_context = "".concat(prefixCls, "-")).call(_context, status), {
-    ["".concat(prefixCls, "-active")]: active,
-    ["".concat(prefixCls, "-done")]: done
-  });
-
-  const handleClick = e => {
-    if ((0, _lodashEs.isFunction)(onClick)) {
-      onClick(e);
-    }
-
-    onChange();
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({}, restProps, {
-    className: classString,
-    style: style,
-    onClick: e => handleClick(e)
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(prefixCls, "-container")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(prefixCls, "-left")
-  }, renderIcon()), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(prefixCls, "-content")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(prefixCls, "-title")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(prefixCls, "-title-text")
-  }, title)), description && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(prefixCls, "-description")
-  }, description))));
-};
-
-BasicStep.propTypes = {
-  prefixCls: _propTypes.default.string,
-  description: _propTypes.default.node,
-  icon: _propTypes.default.node,
-  status: _propTypes.default.oneOf(['wait', 'process', 'finish', 'error', 'warning']),
-  title: _propTypes.default.node,
-  className: _propTypes.default.string,
-  style: _propTypes.default.object,
-  onClick: _propTypes.default.func,
-  active: _propTypes.default.bool,
-  done: _propTypes.default.bool
-};
-BasicStep.defaultProps = {
-  prefixCls: _constants.stepsClasses.ITEM,
-  active: false,
-  done: false,
-  status: 'wait',
-  className: ''
-};
-var _default = BasicStep;
-exports.default = _default;

package/lib/cjs/steps/basicSteps.d.ts

@@ -1,41 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export declare type Direction = 'horizontal' | 'vertical';
-export declare type Status = 'wait' | 'process' | 'finish' | 'error' | 'warning';
-export declare type Size = 'default' | 'small';
-export interface BasicStepsProps {
-    prefixCls?: string;
-    className?: string;
-    direction?: Direction;
-    current?: number;
-    initial?: number;
-    status?: Status;
-    style?: React.CSSProperties;
-    size?: Size;
-    hasLine?: boolean;
-    children?: React.ReactNode;
-    onChange?: (current: number) => void;
-}
-declare const Steps: {
-    (props: BasicStepsProps): JSX.Element;
-    propTypes: {
-        prefixCls: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-        current: PropTypes.Requireable<number>;
-        initial: PropTypes.Requireable<number>;
-        direction: PropTypes.Requireable<string>;
-        status: PropTypes.Requireable<string>;
-        hasLine: PropTypes.Requireable<boolean>;
-    };
-    defaultProps: {
-        prefixCls: string;
-        current: number;
-        direction: string;
-        size: string;
-        initial: number;
-        hasLine: boolean;
-        status: string;
-    };
-};
-export default Steps;

package/lib/cjs/steps/basicSteps.js

@@ -1,127 +0,0 @@
-"use strict";
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/steps/constants");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const Steps = props => {
-  var _context2, _context3;
-
-  const {
-    size,
-    current,
-    status,
-    children,
-    prefixCls,
-    initial,
-    direction,
-    className,
-    style,
-    hasLine,
-    onChange
-  } = props;
-  const inner = (0, _react.useMemo)(() => {
-    var _context;
-
-    const filteredChildren = (0, _filter.default)(_context = _react.Children.toArray(children)).call(_context, c => Boolean(c));
-    const content = (0, _map.default)(_react.Children).call(_react.Children, filteredChildren, (child, index) => {
-      if (!child) {
-        return null;
-      }
-
-      const stepNumber = initial + index;
-      const childProps = (0, _assign.default)({
-        stepNumber: "".concat(stepNumber + 1),
-        size
-      }, child.props);
-
-      if (status === 'error' && index === current - 1) {
-        childProps.className = "".concat(prefixCls, "-next-error");
-      }
-
-      if (!child.props.status) {
-        if (stepNumber === current) {
-          childProps.status = status;
-        } else if (stepNumber < current) {
-          childProps.status = 'finish';
-        } else {
-          childProps.status = 'wait';
-        }
-      }
-
-      childProps.active = stepNumber === current;
-      childProps.done = stepNumber < current;
-
-      childProps.onChange = () => {
-        if (index !== current) {
-          onChange(index + initial);
-        }
-      };
-
-      return /*#__PURE__*/(0, _react.cloneElement)(child, (0, _assign.default)({}, childProps));
-    });
-    return content;
-  }, [children, initial, prefixCls, direction, status, current, size]);
-  const wrapperCls = (0, _classnames.default)(className, {
-    ["".concat(prefixCls, "-basic")]: true,
-    [(0, _concat.default)(_context2 = "".concat(prefixCls, "-")).call(_context2, direction)]: true,
-    [(0, _concat.default)(_context3 = "".concat(prefixCls, "-")).call(_context3, size)]: size !== 'default',
-    ["".concat(prefixCls, "-hasline")]: hasLine
-  });
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: wrapperCls,
-    style: style
-  }, inner);
-};
-
-Steps.propTypes = {
-  prefixCls: _propTypes.default.string,
-  className: _propTypes.default.string,
-  style: _propTypes.default.object,
-  current: _propTypes.default.number,
-  initial: _propTypes.default.number,
-  direction: _propTypes.default.oneOf(['horizontal', 'vertical']),
-  status: _propTypes.default.oneOf(['wait', 'process', 'finish', 'error', 'warning']),
-  hasLine: _propTypes.default.bool
-};
-Steps.defaultProps = {
-  prefixCls: _constants.stepsClasses.PREFIX,
-  current: 0,
-  direction: 'horizontal',
-  size: '',
-  initial: 0,
-  hasLine: true,
-  status: 'process'
-};
-var _default = Steps;
-exports.default = _default;

package/lib/cjs/steps/context.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface ContextValue {
-    type?: 'nav' | 'fill' | 'basic';
-}
-declare const _default: React.Context<ContextValue>;
-export default _default;

package/lib/cjs/steps/context.js

@@ -1,17 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _default = /*#__PURE__*/_react.default.createContext(null);
-
-exports.default = _default;

package/lib/cjs/steps/fillStep.d.ts

@@ -1,34 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export declare type Status = 'wait' | 'process' | 'finish' | 'error' | 'warning';
-export interface FillStepProps {
-    description?: React.ReactNode;
-    icon?: React.ReactNode;
-    status?: Status;
-    title?: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    prefixCls?: string;
-    stepNumber?: string;
-    onChange?: () => void;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-}
-declare const FillStep: {
-    (props: FillStepProps): JSX.Element;
-    propTypes: {
-        prefixCls: PropTypes.Requireable<string>;
-        description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        status: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    defaultProps: {
-        prefixCls: string;
-        status: string;
-        className: string;
-    };
-};
-export default FillStep;

package/lib/cjs/steps/fillStep.js

@@ -1,142 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _lodashEs = require("lodash-es");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/steps/constants");
-
-var _semiIcons = require("@douyinfe/semi-icons");
-
-const FillStep = props => {
-  var _context;
-
-  const {
-    prefixCls,
-    className,
-    title,
-    description,
-    status,
-    style,
-    onClick,
-    icon,
-    onChange,
-    stepNumber
-  } = props;
-
-  const renderIcon = () => {
-    let inner, progress;
-
-    if ('icon' in props) {
-      inner = icon;
-    } else if ('status' in props) {
-      switch (status) {
-        case 'error':
-          inner = /*#__PURE__*/_react.default.createElement(_semiIcons.IconAlertCircle, {
-            size: "extra-large"
-          });
-          break;
-
-        case 'wait':
-          inner = stepNumber;
-          break;
-
-        case 'process':
-          inner = stepNumber;
-          progress = true;
-          break;
-
-        case 'finish':
-          inner = /*#__PURE__*/_react.default.createElement(_semiIcons.IconTickCircle, {
-            size: "extra-large"
-          });
-          break;
-
-        case 'warning':
-          inner = /*#__PURE__*/_react.default.createElement(_semiIcons.IconAlertTriangle, {
-            size: "extra-large"
-          });
-          break;
-
-        default:
-          inner = null;
-          break;
-      }
-    }
-
-    const cls = (0, _classnames.default)({
-      ["".concat(prefixCls, "-left")]: true,
-      ["".concat(prefixCls, "-icon")]: 'icon' in props,
-      ["".concat(prefixCls, "-plain")]: !('icon' in props),
-      ["".concat(prefixCls, "-icon-process")]: progress
-    });
-    return inner ? /*#__PURE__*/_react.default.createElement("div", {
-      className: cls
-    }, inner) : null;
-  };
-
-  const handleClick = e => {
-    if ((0, _lodashEs.isFunction)(onClick)) {
-      onClick(e);
-    }
-
-    onChange();
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)({
-      [className]: Boolean(className),
-      [prefixCls]: true,
-      [(0, _concat.default)(_context = "".concat(prefixCls, "-")).call(_context, status)]: Boolean(status),
-      ["".concat(prefixCls, "-clickable")]: onClick
-    }),
-    style: style,
-    onClick: e => {
-      handleClick(e);
-    }
-  }, renderIcon(), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(prefixCls, "-content")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(prefixCls, "-title"),
-    title: typeof title === 'string' ? title : null
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(prefixCls, "-title-text")
-  }, title)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(prefixCls, "-description"),
-    title: typeof description === 'string' ? description : null
-  }, description)));
-};
-
-FillStep.propTypes = {
-  prefixCls: _propTypes.default.string,
-  description: _propTypes.default.node,
-  icon: _propTypes.default.node,
-  status: _propTypes.default.oneOf(['wait', 'process', 'finish', 'error', 'warning']),
-  title: _propTypes.default.node,
-  className: _propTypes.default.string,
-  style: _propTypes.default.object,
-  onClick: _propTypes.default.func
-};
-FillStep.defaultProps = {
-  prefixCls: _constants.stepsClasses.ITEM,
-  status: 'wait',
-  className: ''
-};
-var _default = FillStep;
-exports.default = _default;

package/lib/cjs/steps/fillSteps.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export declare type Status = 'wait' | 'process' | 'finish' | 'error' | 'warning';
-export declare type Direction = 'horizontal' | 'vertical';
-export interface FillStepsProps {
-    prefixCls?: string;
-    className?: string;
-    current?: number;
-    direction?: Direction;
-    initial?: number;
-    status?: Status;
-    style?: React.CSSProperties;
-    children?: React.ReactNode;
-    onChange?: (current: number) => void;
-}
-declare const Steps: {
-    (props: FillStepsProps): JSX.Element;
-    propTypes: {
-        prefixCls: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-        current: PropTypes.Requireable<number>;
-        initial: PropTypes.Requireable<number>;
-        direction: PropTypes.Requireable<string>;
-        status: PropTypes.Requireable<string>;
-    };
-    defaultProps: {
-        prefixCls: string;
-        current: number;
-        direction: string;
-        initial: number;
-        status: string;
-    };
-};
-export default Steps;