mobile-more/lib/components/BizHead/BaseHead.js

基于 antd-mobile v5 扩展移动端 UI 组件

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _ut = require("ut2");
var _config = require("../../config");
require("./index.css");
var _excluded = ["left", "right", "center", "className"],
  _excluded2 = ["key", "className"];
var prefixCls = "".concat(_config.prefixClass, "-head");
var BaseHead = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
  var left = _ref.left,
    right = _ref.right,
    center = _ref.center,
    className = _ref.className,
    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  var generatorChilds = function generatorChilds(childs) {
    if (childs) {
      var actions = ((0, _ut.isArray)(childs) ? childs : [childs]).map(function (item, index) {
        if ((0, _ut.isPlainObject)(item) && !('props' in item)) {
          return item;
        }
        return {
          key: '' + index,
          children: item
        };
      });
      return actions.map(function (_ref2) {
        var key = _ref2.key,
          className = _ref2.className,
          props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
        return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
          className: (0, _classnames.default)("".concat(prefixCls, "-button"), className),
          key: key
        }, props));
      });
    }
    return null;
  };
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
    className: (0, _classnames.default)(prefixCls, className),
    ref: ref
  }, restProps), /*#__PURE__*/_react.default.createElement("div", {
    className: "".concat(prefixCls, "-left")
  }, generatorChilds(left)), /*#__PURE__*/_react.default.createElement("div", {
    className: "".concat(prefixCls, "-center")
  }, center), /*#__PURE__*/_react.default.createElement("div", {
    className: "".concat(prefixCls, "-right")
  }, generatorChilds(right)));
});
BaseHead.displayName = 'BaseHead';
var _default = exports.default = BaseHead;