chore: update ant-design dependencies and add new icon types
This commit is contained in:
+128
@@ -0,0 +1,128 @@
|
||||
"use strict";
|
||||
"use client";
|
||||
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = exports.Header = exports.Footer = exports.Content = void 0;
|
||||
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _classnames = _interopRequireDefault(require("classnames"));
|
||||
var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
|
||||
var _configProvider = require("../config-provider");
|
||||
var _context = require("../config-provider/context");
|
||||
var _context2 = require("./context");
|
||||
var _useHasSider = _interopRequireDefault(require("./hooks/useHasSider"));
|
||||
var _style = _interopRequireDefault(require("./style"));
|
||||
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
||||
var t = {};
|
||||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
||||
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
||||
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
||||
}
|
||||
return t;
|
||||
};
|
||||
function generator({
|
||||
suffixCls,
|
||||
tagName,
|
||||
displayName
|
||||
}) {
|
||||
return BasicComponent => {
|
||||
const Adapter = /*#__PURE__*/React.forwardRef((props, ref) => (/*#__PURE__*/React.createElement(BasicComponent, Object.assign({
|
||||
ref: ref,
|
||||
suffixCls: suffixCls,
|
||||
tagName: tagName
|
||||
}, props))));
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
Adapter.displayName = displayName;
|
||||
}
|
||||
return Adapter;
|
||||
};
|
||||
}
|
||||
const Basic = /*#__PURE__*/React.forwardRef((props, ref) => {
|
||||
const {
|
||||
prefixCls: customizePrefixCls,
|
||||
suffixCls,
|
||||
className,
|
||||
tagName: TagName
|
||||
} = props,
|
||||
others = __rest(props, ["prefixCls", "suffixCls", "className", "tagName"]);
|
||||
const {
|
||||
getPrefixCls
|
||||
} = React.useContext(_configProvider.ConfigContext);
|
||||
const prefixCls = getPrefixCls('layout', customizePrefixCls);
|
||||
const [wrapSSR, hashId, cssVarCls] = (0, _style.default)(prefixCls);
|
||||
const prefixWithSuffixCls = suffixCls ? `${prefixCls}-${suffixCls}` : prefixCls;
|
||||
return wrapSSR(/*#__PURE__*/React.createElement(TagName, Object.assign({
|
||||
className: (0, _classnames.default)(customizePrefixCls || prefixWithSuffixCls, className, hashId, cssVarCls),
|
||||
ref: ref
|
||||
}, others)));
|
||||
});
|
||||
const BasicLayout = /*#__PURE__*/React.forwardRef((props, ref) => {
|
||||
const {
|
||||
direction
|
||||
} = React.useContext(_configProvider.ConfigContext);
|
||||
const [siders, setSiders] = React.useState([]);
|
||||
const {
|
||||
prefixCls: customizePrefixCls,
|
||||
className,
|
||||
rootClassName,
|
||||
children,
|
||||
hasSider,
|
||||
tagName: Tag,
|
||||
style
|
||||
} = props,
|
||||
others = __rest(props, ["prefixCls", "className", "rootClassName", "children", "hasSider", "tagName", "style"]);
|
||||
const passedProps = (0, _omit.default)(others, ['suffixCls']);
|
||||
const {
|
||||
getPrefixCls,
|
||||
className: contextClassName,
|
||||
style: contextStyle
|
||||
} = (0, _context.useComponentConfig)('layout');
|
||||
const prefixCls = getPrefixCls('layout', customizePrefixCls);
|
||||
const mergedHasSider = (0, _useHasSider.default)(siders, children, hasSider);
|
||||
const [wrapCSSVar, hashId, cssVarCls] = (0, _style.default)(prefixCls);
|
||||
const classString = (0, _classnames.default)(prefixCls, {
|
||||
[`${prefixCls}-has-sider`]: mergedHasSider,
|
||||
[`${prefixCls}-rtl`]: direction === 'rtl'
|
||||
}, contextClassName, className, rootClassName, hashId, cssVarCls);
|
||||
const contextValue = React.useMemo(() => ({
|
||||
siderHook: {
|
||||
addSider: id => {
|
||||
setSiders(prev => [].concat((0, _toConsumableArray2.default)(prev), [id]));
|
||||
},
|
||||
removeSider: id => {
|
||||
setSiders(prev => prev.filter(currentId => currentId !== id));
|
||||
}
|
||||
}
|
||||
}), []);
|
||||
return wrapCSSVar(/*#__PURE__*/React.createElement(_context2.LayoutContext.Provider, {
|
||||
value: contextValue
|
||||
}, /*#__PURE__*/React.createElement(Tag, Object.assign({
|
||||
ref: ref,
|
||||
className: classString,
|
||||
style: Object.assign(Object.assign({}, contextStyle), style)
|
||||
}, passedProps), children)));
|
||||
});
|
||||
const Layout = generator({
|
||||
tagName: 'div',
|
||||
displayName: 'Layout'
|
||||
})(BasicLayout);
|
||||
const Header = exports.Header = generator({
|
||||
suffixCls: 'header',
|
||||
tagName: 'header',
|
||||
displayName: 'Header'
|
||||
})(Basic);
|
||||
const Footer = exports.Footer = generator({
|
||||
suffixCls: 'footer',
|
||||
tagName: 'footer',
|
||||
displayName: 'Footer'
|
||||
})(Basic);
|
||||
const Content = exports.Content = generator({
|
||||
suffixCls: 'content',
|
||||
tagName: 'main',
|
||||
displayName: 'Content'
|
||||
})(Basic);
|
||||
var _default = exports.default = Layout;
|
||||
Reference in New Issue
Block a user