mobile-more
Version:
基于 antd-mobile v5 扩展移动端 UI 组件
47 lines • 1.93 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["left", "right", "center", "className"];
import React from 'react';
import classnames from 'classnames';
import { castArray } from 'ut2';
import useCompatId from "../../hooks/useCompatId";
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 uid = useCompatId('__base_head');
var generatorChilds = React.useCallback(function (childs) {
if (childs) {
return castArray(childs).map(function (item, index) {
return /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-button"),
key: /*#__PURE__*/React.isValidElement(item) && (item === null || item === void 0 ? void 0 : item.key) || uid + index
}, item);
});
}
return null;
}, [uid]);
var leftChilds = React.useMemo(function () {
return generatorChilds(left);
}, [generatorChilds, left]);
var rightChilds = React.useMemo(function () {
return generatorChilds(right);
}, [generatorChilds, right]);
return /*#__PURE__*/React.createElement("div", _extends({
className: classnames(prefixCls, className),
ref: ref
}, restProps), /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-left")
}, leftChilds), /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-center")
}, center), /*#__PURE__*/React.createElement("div", {
className: "".concat(prefixCls, "-right")
}, rightChilds));
});
BaseHead.displayName = 'BaseHead';
export default BaseHead;