acud/lib/timeline/timeline.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 _react = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _timelineItem = _interopRequireDefault(require("./timelineItem"));
var _configProvider = require("../config-provider");
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); }
/**
 * @file timeline 时间线
 * @author jc
 */

var _layout = {
  vertical: ' is-vertical',
  horizontal: ' is-horizontal'
};
var _number = {
  vertical: ' number-vertical',
  horizontal: ' number-horizontal'
};
var Timeline = function Timeline(_ref) {
  var customizePrefixCls = _ref.prefixCls,
    _ref$mode = _ref.mode,
    mode = _ref$mode === void 0 ? 'vertical' : _ref$mode,
    _ref$reverse = _ref.reverse,
    reverse = _ref$reverse === void 0 ? false : _ref$reverse,
    _ref$isNumber = _ref.isNumber,
    isNumber = _ref$isNumber === void 0 ? false : _ref$isNumber,
    className = _ref.className,
    style = _ref.style,
    children = _ref.children;
  var _React$useContext = _react["default"].useContext(_configProvider.ConfigContext),
    getPrefixCls = _React$useContext.getPrefixCls;
  var prefixCls = getPrefixCls('timeline', customizePrefixCls);
  // 整体样式布局
  var layout = (0, _react.useMemo)(function () {
    var layoutClass = _layout[mode] || ' is-vertical';
    var numberClass = '';
    if (isNumber) {
      numberClass = _number[mode] || ' number-vertical';
    }
    return (0, _classnames["default"])(prefixCls, layoutClass, numberClass, className);
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [mode, className, prefixCls]);
  // 列表
  var listContext = (0, _react.useMemo)(function () {
    if (Array.isArray(children) && reverse) {
      return children.reverse();
    }
    return children;
  }, [children, reverse]);
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: layout,
    style: style
  }, listContext);
};
Timeline.Item = _timelineItem["default"];
var _default = exports["default"] = Timeline;