acud/lib/steps/index.js

acg react 组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var React = _interopRequireWildcard(require("react"));
var _steps = _interopRequireDefault(require("./src/steps"));
var _classnames = _interopRequireDefault(require("classnames"));
var _configProvider = require("../config-provider");
var _OutlinedCloseSmall = _interopRequireDefault(require("acud-icon/lib/icons/OutlinedCloseSmall"));
var _OutlinedCheckSmall = _interopRequireDefault(require("acud-icon/lib/icons/OutlinedCheckSmall"));
var _useBreakpoint2 = _interopRequireDefault(require("../grid/hooks/useBreakpoint"));
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
// import omit from 'rc-util/lib/omit';

// Progress组件依赖 目前已满足UE要求，不需要使用进度条
// import Progress from '../progress';

var Steps = function Steps(props) {
  var className = props.className,
    direction = props.direction,
    responsive = props.responsive;
  var _useBreakpoint = (0, _useBreakpoint2["default"])(),
    xs = _useBreakpoint.xs;
  var _React$useContext = React.useContext(_configProvider.ConfigContext),
    getPrefixCls = _React$useContext.getPrefixCls,
    rtlDirection = _React$useContext.direction;
  var getDirection = React.useCallback(function () {
    return responsive && xs ? 'vertical' : direction;
  }, [responsive, xs, direction]);
  var prefixCls = getPrefixCls('steps', props.prefixCls);
  var iconPrefix = getPrefixCls('', props.iconPrefix);
  var stepsClassName = (0, _classnames["default"])((0, _defineProperty2["default"])({}, "".concat(prefixCls, "-rtl"), rtlDirection === 'rtl'), className);
  var icons = {
    finish: /*#__PURE__*/React.createElement(_OutlinedCheckSmall["default"], {
      className: "".concat(prefixCls, "-finish-icon")
    }),
    error: /*#__PURE__*/React.createElement(_OutlinedCloseSmall["default"], {
      className: "".concat(prefixCls, "-error-icon")
    })
  };
  var stepIconRender = function stepIconRender(_ref) {
    var node = _ref.node,
      status = _ref.status;
    if (status === 'process') {
      // currently it's hard-coded, since we can't easily read the actually width of icon
      // const progressWidth = size === 'small' ? 32 : 40;
      var iconWithProgress = /*#__PURE__*/React.createElement("div", {
        className: "".concat(prefixCls, "-progress-icon")
      }, node);
      return iconWithProgress;
    }
    return node;
  };
  return /*#__PURE__*/React.createElement(_steps["default"], (0, _extends2["default"])({
    icons: icons
  }, props, {
    direction: getDirection(),
    stepIcon: stepIconRender,
    prefixCls: prefixCls,
    iconPrefix: iconPrefix,
    className: stepsClassName
  }));
};
Steps.Step = _steps["default"].Step;
Steps.defaultProps = {
  current: 0
};
var _default = exports["default"] = Steps;