mobile-more
Version:
基于 antd-mobile v5 扩展移动端 UI 组件
52 lines • 1.98 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["left", "right", "center", "className"],
_excluded2 = ["key", "className"];
import React from 'react';
import classnames from 'classnames';
import { isArray, isPlainObject } from 'ut2';
import { prefixClass } from "../../config";
import "./index.css";
var prefixCls = "".concat(prefixClass, "-head");
var BaseHead = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
var left = _ref.left,
right = _ref.right,
center = _ref.center,
className = _ref.className,
restProps = _objectWithoutProperties(_ref, _excluded);
var generatorChilds = function generatorChilds(childs) {
if (childs) {
var actions = (isArray(childs) ? childs : [childs]).map(function (item, index) {
if (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 = _objectWithoutProperties(_ref2, _excluded2);
return /*#__PURE__*/React.createElement("div", _extends({
className: classnames("".concat(prefixCls, "-button"), className),
key: key
}, props));
});
}
return null;
};
return /*#__PURE__*/React.createElement("div", _extends({
className: classnames(prefixCls, className),
ref: ref
}, restProps), /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-left")
}, generatorChilds(left)), /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-center")
}, center), /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-right")
}, generatorChilds(right)));
});
BaseHead.displayName = 'BaseHead';
export default BaseHead;