1
This commit is contained in:
+3
@@ -0,0 +1,3 @@
|
||||
import type { AnimatedConfig } from '@rc-component/tabs/lib/interface';
|
||||
import type { TabsProps } from '..';
|
||||
export default function useAnimateConfig(prefixCls: string, animated?: TabsProps['animated']): AnimatedConfig;
|
||||
+42
@@ -0,0 +1,42 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = useAnimateConfig;
|
||||
var _is = require("../../_util/is");
|
||||
var _motion = require("../../_util/motion");
|
||||
const motion = {
|
||||
motionAppear: false,
|
||||
motionEnter: true,
|
||||
motionLeave: true
|
||||
};
|
||||
function useAnimateConfig(prefixCls, animated = {
|
||||
inkBar: true,
|
||||
tabPane: false
|
||||
}) {
|
||||
let mergedAnimated;
|
||||
if (animated === false) {
|
||||
mergedAnimated = {
|
||||
inkBar: false,
|
||||
tabPane: false
|
||||
};
|
||||
} else if (animated === true) {
|
||||
mergedAnimated = {
|
||||
inkBar: true,
|
||||
tabPane: true
|
||||
};
|
||||
} else {
|
||||
mergedAnimated = {
|
||||
inkBar: true,
|
||||
...((0, _is.isPlainObject)(animated) ? animated : {})
|
||||
};
|
||||
}
|
||||
if (mergedAnimated.tabPane) {
|
||||
mergedAnimated.tabPaneMotion = {
|
||||
...motion,
|
||||
motionName: (0, _motion.getTransitionName)(prefixCls, 'switch')
|
||||
};
|
||||
}
|
||||
return mergedAnimated;
|
||||
}
|
||||
+5
@@ -0,0 +1,5 @@
|
||||
import * as React from 'react';
|
||||
import type { Tab } from '@rc-component/tabs/lib/interface';
|
||||
import type { TabsProps } from '..';
|
||||
declare function useLegacyItems(items?: TabsProps['items'], children?: React.ReactNode): Tab[];
|
||||
export default useLegacyItems;
|
||||
+46
@@ -0,0 +1,46 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _util = require("@rc-component/util");
|
||||
var _warning = require("../../_util/warning");
|
||||
function filter(items) {
|
||||
return items.filter(item => item);
|
||||
}
|
||||
function useLegacyItems(items, children) {
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
const warning = (0, _warning.devUseWarning)('Tabs');
|
||||
warning.deprecated(!children, 'Tabs.TabPane', 'items');
|
||||
}
|
||||
if (items) {
|
||||
return items.map(item => ({
|
||||
...item,
|
||||
destroyOnHidden: item.destroyOnHidden ?? item.destroyInactiveTabPane
|
||||
}));
|
||||
}
|
||||
const childrenItems = (0, _util.toArray)(children).map(node => {
|
||||
if (/*#__PURE__*/React.isValidElement(node)) {
|
||||
const {
|
||||
key,
|
||||
props
|
||||
} = node;
|
||||
const {
|
||||
tab,
|
||||
...restProps
|
||||
} = props || {};
|
||||
const item = {
|
||||
key: String(key),
|
||||
...restProps,
|
||||
label: tab
|
||||
};
|
||||
return item;
|
||||
}
|
||||
return null;
|
||||
});
|
||||
return filter(childrenItems);
|
||||
}
|
||||
var _default = exports.default = useLegacyItems;
|
||||
Reference in New Issue
Block a user