Added Statistics calculation
Statistics now show calculated values
This commit is contained in:
parent
fe87374e47
commit
fc0f69dacb
2147 changed files with 141321 additions and 39 deletions
143
node_modules/@mui/x-date-pickers/esm/DateCalendar/PickersSlideTransition.js
generated
vendored
Normal file
143
node_modules/@mui/x-date-pickers/esm/DateCalendar/PickersSlideTransition.js
generated
vendored
Normal file
|
|
@ -0,0 +1,143 @@
|
|||
import _extends from "@babel/runtime/helpers/esm/extends";
|
||||
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
||||
const _excluded = ["children", "className", "reduceAnimations", "slideDirection", "transKey", "classes"];
|
||||
import * as React from 'react';
|
||||
import clsx from 'clsx';
|
||||
import { styled, useTheme, useThemeProps } from '@mui/material/styles';
|
||||
import composeClasses from '@mui/utils/composeClasses';
|
||||
import { CSSTransition, TransitionGroup } from 'react-transition-group';
|
||||
import { getPickersSlideTransitionUtilityClass, pickersSlideTransitionClasses } from "./pickersSlideTransitionClasses.js";
|
||||
import { usePickerPrivateContext } from "../internals/hooks/usePickerPrivateContext.js";
|
||||
import { jsx as _jsx } from "react/jsx-runtime";
|
||||
const useUtilityClasses = (classes, ownerState) => {
|
||||
const {
|
||||
slideDirection
|
||||
} = ownerState;
|
||||
const slots = {
|
||||
root: ['root'],
|
||||
exit: ['slideExit'],
|
||||
enterActive: ['slideEnterActive'],
|
||||
enter: [`slideEnter-${slideDirection}`],
|
||||
exitActive: [`slideExitActiveLeft-${slideDirection}`]
|
||||
};
|
||||
return composeClasses(slots, getPickersSlideTransitionUtilityClass, classes);
|
||||
};
|
||||
const PickersSlideTransitionRoot = styled(TransitionGroup, {
|
||||
name: 'MuiPickersSlideTransition',
|
||||
slot: 'Root',
|
||||
overridesResolver: (_, styles) => [styles.root, {
|
||||
[`.${pickersSlideTransitionClasses['slideEnter-left']}`]: styles['slideEnter-left']
|
||||
}, {
|
||||
[`.${pickersSlideTransitionClasses['slideEnter-right']}`]: styles['slideEnter-right']
|
||||
}, {
|
||||
[`.${pickersSlideTransitionClasses.slideEnterActive}`]: styles.slideEnterActive
|
||||
}, {
|
||||
[`.${pickersSlideTransitionClasses.slideExit}`]: styles.slideExit
|
||||
}, {
|
||||
[`.${pickersSlideTransitionClasses['slideExitActiveLeft-left']}`]: styles['slideExitActiveLeft-left']
|
||||
}, {
|
||||
[`.${pickersSlideTransitionClasses['slideExitActiveLeft-right']}`]: styles['slideExitActiveLeft-right']
|
||||
}]
|
||||
})(({
|
||||
theme
|
||||
}) => {
|
||||
const slideTransition = theme.transitions.create('transform', {
|
||||
duration: theme.transitions.duration.complex,
|
||||
easing: 'cubic-bezier(0.35, 0.8, 0.4, 1)'
|
||||
});
|
||||
return {
|
||||
display: 'block',
|
||||
position: 'relative',
|
||||
overflowX: 'hidden',
|
||||
'& > *': {
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
right: 0,
|
||||
left: 0
|
||||
},
|
||||
[`& .${pickersSlideTransitionClasses['slideEnter-left']}`]: {
|
||||
willChange: 'transform',
|
||||
transform: 'translate(100%)',
|
||||
zIndex: 1
|
||||
},
|
||||
[`& .${pickersSlideTransitionClasses['slideEnter-right']}`]: {
|
||||
willChange: 'transform',
|
||||
transform: 'translate(-100%)',
|
||||
zIndex: 1
|
||||
},
|
||||
[`& .${pickersSlideTransitionClasses.slideEnterActive}`]: {
|
||||
transform: 'translate(0%)',
|
||||
transition: slideTransition
|
||||
},
|
||||
[`& .${pickersSlideTransitionClasses.slideExit}`]: {
|
||||
transform: 'translate(0%)'
|
||||
},
|
||||
[`& .${pickersSlideTransitionClasses['slideExitActiveLeft-left']}`]: {
|
||||
willChange: 'transform',
|
||||
transform: 'translate(-100%)',
|
||||
transition: slideTransition,
|
||||
zIndex: 0
|
||||
},
|
||||
[`& .${pickersSlideTransitionClasses['slideExitActiveLeft-right']}`]: {
|
||||
willChange: 'transform',
|
||||
transform: 'translate(100%)',
|
||||
transition: slideTransition,
|
||||
zIndex: 0
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
/**
|
||||
* @ignore - do not document.
|
||||
*/
|
||||
export function PickersSlideTransition(inProps) {
|
||||
const props = useThemeProps({
|
||||
props: inProps,
|
||||
name: 'MuiPickersSlideTransition'
|
||||
});
|
||||
const {
|
||||
children,
|
||||
className,
|
||||
reduceAnimations,
|
||||
slideDirection,
|
||||
transKey,
|
||||
classes: classesProp
|
||||
} = props,
|
||||
other = _objectWithoutPropertiesLoose(props, _excluded);
|
||||
const {
|
||||
ownerState: pickerOwnerState
|
||||
} = usePickerPrivateContext();
|
||||
const ownerState = _extends({}, pickerOwnerState, {
|
||||
slideDirection
|
||||
});
|
||||
const classes = useUtilityClasses(classesProp, ownerState);
|
||||
const theme = useTheme();
|
||||
if (reduceAnimations) {
|
||||
return /*#__PURE__*/_jsx("div", {
|
||||
className: clsx(classes.root, className),
|
||||
children: children
|
||||
});
|
||||
}
|
||||
const transitionClasses = {
|
||||
exit: classes.exit,
|
||||
enterActive: classes.enterActive,
|
||||
enter: classes.enter,
|
||||
exitActive: classes.exitActive
|
||||
};
|
||||
return /*#__PURE__*/_jsx(PickersSlideTransitionRoot, {
|
||||
className: clsx(classes.root, className),
|
||||
childFactory: element => /*#__PURE__*/React.cloneElement(element, {
|
||||
classNames: transitionClasses
|
||||
}),
|
||||
role: "presentation",
|
||||
ownerState: ownerState,
|
||||
children: /*#__PURE__*/_jsx(CSSTransition, _extends({
|
||||
mountOnEnter: true,
|
||||
unmountOnExit: true,
|
||||
timeout: theme.transitions.duration.complex,
|
||||
classNames: transitionClasses
|
||||
}, other, {
|
||||
children: children
|
||||
}), transKey)
|
||||
});
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue