Latest updates from IceHrmPro
This commit is contained in:
37
web/node_modules/antd/es/carousel/index.d.ts
generated
vendored
Normal file
37
web/node_modules/antd/es/carousel/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,37 @@
|
||||
import * as React from 'react';
|
||||
import { Settings } from '@ant-design/react-slick';
|
||||
import { ConfigConsumerProps } from '../config-provider';
|
||||
export declare type CarouselEffect = 'scrollx' | 'fade';
|
||||
export declare type DotPosition = 'top' | 'bottom' | 'left' | 'right';
|
||||
export interface CarouselProps extends Omit<Settings, 'dots' | 'dotsClass'> {
|
||||
effect?: CarouselEffect;
|
||||
style?: React.CSSProperties;
|
||||
prefixCls?: string;
|
||||
slickGoTo?: number;
|
||||
dotPosition?: DotPosition;
|
||||
children?: React.ReactNode;
|
||||
dots?: boolean | {
|
||||
className?: string;
|
||||
};
|
||||
}
|
||||
export default class Carousel extends React.Component<CarouselProps, {}> {
|
||||
static defaultProps: {
|
||||
dots: boolean;
|
||||
arrows: boolean;
|
||||
draggable: boolean;
|
||||
};
|
||||
innerSlider: any;
|
||||
private slick;
|
||||
constructor(props: CarouselProps);
|
||||
componentDidMount(): void;
|
||||
componentDidUpdate(prevProps: CarouselProps): void;
|
||||
componentWillUnmount(): void;
|
||||
getDotPosition(): DotPosition;
|
||||
saveSlick: (node: any) => void;
|
||||
onWindowResized: () => void;
|
||||
next(): void;
|
||||
prev(): void;
|
||||
goTo(slide: number, dontAnimate?: boolean): void;
|
||||
renderCarousel: ({ getPrefixCls, direction }: ConfigConsumerProps) => JSX.Element;
|
||||
render(): JSX.Element;
|
||||
}
|
||||
164
web/node_modules/antd/es/carousel/index.js
generated
vendored
Normal file
164
web/node_modules/antd/es/carousel/index.js
generated
vendored
Normal file
@@ -0,0 +1,164 @@
|
||||
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||||
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||||
|
||||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||||
|
||||
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
||||
|
||||
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
||||
|
||||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||||
|
||||
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
||||
|
||||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||||
|
||||
import * as React from 'react';
|
||||
import debounce from 'lodash/debounce';
|
||||
import SlickCarousel from '@ant-design/react-slick';
|
||||
import classNames from 'classnames';
|
||||
import { ConfigConsumer } from '../config-provider';
|
||||
|
||||
var Carousel = /*#__PURE__*/function (_React$Component) {
|
||||
_inherits(Carousel, _React$Component);
|
||||
|
||||
var _super = _createSuper(Carousel);
|
||||
|
||||
function Carousel(props) {
|
||||
var _this;
|
||||
|
||||
_classCallCheck(this, Carousel);
|
||||
|
||||
_this = _super.call(this, props);
|
||||
|
||||
_this.saveSlick = function (node) {
|
||||
_this.slick = node;
|
||||
};
|
||||
|
||||
_this.onWindowResized = function () {
|
||||
// Fix https://github.com/ant-design/ant-design/issues/2550
|
||||
var autoplay = _this.props.autoplay;
|
||||
|
||||
if (autoplay && _this.slick && _this.slick.innerSlider && _this.slick.innerSlider.autoPlay) {
|
||||
_this.slick.innerSlider.autoPlay();
|
||||
}
|
||||
};
|
||||
|
||||
_this.renderCarousel = function (_ref) {
|
||||
var _classNames;
|
||||
|
||||
var getPrefixCls = _ref.getPrefixCls,
|
||||
direction = _ref.direction;
|
||||
|
||||
var _a;
|
||||
|
||||
var props = _extends({}, _this.props);
|
||||
|
||||
if (props.effect === 'fade') {
|
||||
props.fade = true;
|
||||
}
|
||||
|
||||
var prefixCls = getPrefixCls('carousel', props.prefixCls);
|
||||
var dotsClass = 'slick-dots';
|
||||
|
||||
var dotPosition = _this.getDotPosition();
|
||||
|
||||
props.vertical = dotPosition === 'left' || dotPosition === 'right';
|
||||
var enableDots = !!props.dots;
|
||||
var dsClass = classNames(dotsClass, "".concat(dotsClass, "-").concat(dotPosition || 'bottom'), typeof props.dots === 'boolean' ? false : (_a = props.dots) === null || _a === void 0 ? void 0 : _a.className);
|
||||
var className = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames, "".concat(prefixCls, "-vertical"), props.vertical), _classNames));
|
||||
return /*#__PURE__*/React.createElement("div", {
|
||||
className: className
|
||||
}, /*#__PURE__*/React.createElement(SlickCarousel, _extends({
|
||||
ref: _this.saveSlick
|
||||
}, props, {
|
||||
dots: enableDots,
|
||||
dotsClass: dsClass
|
||||
})));
|
||||
};
|
||||
|
||||
_this.onWindowResized = debounce(_this.onWindowResized, 500, {
|
||||
leading: false
|
||||
});
|
||||
return _this;
|
||||
}
|
||||
|
||||
_createClass(Carousel, [{
|
||||
key: "componentDidMount",
|
||||
value: function componentDidMount() {
|
||||
var autoplay = this.props.autoplay;
|
||||
|
||||
if (autoplay) {
|
||||
window.addEventListener('resize', this.onWindowResized);
|
||||
} // https://github.com/ant-design/ant-design/issues/7191
|
||||
|
||||
|
||||
this.innerSlider = this.slick && this.slick.innerSlider;
|
||||
}
|
||||
}, {
|
||||
key: "componentDidUpdate",
|
||||
value: function componentDidUpdate(prevProps) {
|
||||
if (React.Children.count(this.props.children) !== React.Children.count(prevProps.children)) {
|
||||
this.goTo(this.props.initialSlide || 0, false);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "componentWillUnmount",
|
||||
value: function componentWillUnmount() {
|
||||
var autoplay = this.props.autoplay;
|
||||
|
||||
if (autoplay) {
|
||||
window.removeEventListener('resize', this.onWindowResized);
|
||||
this.onWindowResized.cancel();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "getDotPosition",
|
||||
value: function getDotPosition() {
|
||||
var _this$props$dotPositi = this.props.dotPosition,
|
||||
dotPosition = _this$props$dotPositi === void 0 ? 'bottom' : _this$props$dotPositi;
|
||||
return dotPosition;
|
||||
}
|
||||
}, {
|
||||
key: "next",
|
||||
value: function next() {
|
||||
this.slick.slickNext();
|
||||
}
|
||||
}, {
|
||||
key: "prev",
|
||||
value: function prev() {
|
||||
this.slick.slickPrev();
|
||||
}
|
||||
}, {
|
||||
key: "goTo",
|
||||
value: function goTo(slide) {
|
||||
var dontAnimate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
||||
this.slick.slickGoTo(slide, dontAnimate);
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
return /*#__PURE__*/React.createElement(ConfigConsumer, null, this.renderCarousel);
|
||||
}
|
||||
}]);
|
||||
|
||||
return Carousel;
|
||||
}(React.Component);
|
||||
|
||||
export { Carousel as default };
|
||||
Carousel.defaultProps = {
|
||||
dots: true,
|
||||
arrows: false,
|
||||
draggable: false
|
||||
};
|
||||
2
web/node_modules/antd/es/carousel/style/css.js
generated
vendored
Normal file
2
web/node_modules/antd/es/carousel/style/css.js
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
import '../../style/index.css';
|
||||
import './index.css';
|
||||
290
web/node_modules/antd/es/carousel/style/index.css
generated
vendored
Normal file
290
web/node_modules/antd/es/carousel/style/index.css
generated
vendored
Normal file
@@ -0,0 +1,290 @@
|
||||
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
|
||||
/* stylelint-disable no-duplicate-selectors */
|
||||
/* stylelint-disable */
|
||||
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
|
||||
.ant-carousel {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-size: 14px;
|
||||
font-variant: tabular-nums;
|
||||
line-height: 1.5715;
|
||||
list-style: none;
|
||||
-webkit-font-feature-settings: 'tnum';
|
||||
font-feature-settings: 'tnum';
|
||||
}
|
||||
.ant-carousel .slick-slider {
|
||||
position: relative;
|
||||
display: block;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-touch-callout: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.ant-carousel .slick-list {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.ant-carousel .slick-list:focus {
|
||||
outline: none;
|
||||
}
|
||||
.ant-carousel .slick-list.dragging {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ant-carousel .slick-list .slick-slide {
|
||||
pointer-events: none;
|
||||
}
|
||||
.ant-carousel .slick-list .slick-slide.slick-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.ant-carousel .slick-slider .slick-track,
|
||||
.ant-carousel .slick-slider .slick-list {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
.ant-carousel .slick-track {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
}
|
||||
.ant-carousel .slick-track::before,
|
||||
.ant-carousel .slick-track::after {
|
||||
display: table;
|
||||
content: '';
|
||||
}
|
||||
.ant-carousel .slick-track::after {
|
||||
clear: both;
|
||||
}
|
||||
.slick-loading .ant-carousel .slick-track {
|
||||
visibility: hidden;
|
||||
}
|
||||
.ant-carousel .slick-slide {
|
||||
display: none;
|
||||
float: left;
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
}
|
||||
.ant-carousel .slick-slide img {
|
||||
display: block;
|
||||
}
|
||||
.ant-carousel .slick-slide.slick-loading img {
|
||||
display: none;
|
||||
}
|
||||
.ant-carousel .slick-slide.dragging img {
|
||||
pointer-events: none;
|
||||
}
|
||||
.ant-carousel .slick-initialized .slick-slide {
|
||||
display: block;
|
||||
}
|
||||
.ant-carousel .slick-loading .slick-slide {
|
||||
visibility: hidden;
|
||||
}
|
||||
.ant-carousel .slick-vertical .slick-slide {
|
||||
display: block;
|
||||
height: auto;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.ant-carousel .slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
.ant-carousel .slick-prev,
|
||||
.ant-carousel .slick-next {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-top: -10px;
|
||||
padding: 0;
|
||||
color: transparent;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ant-carousel .slick-prev:hover,
|
||||
.ant-carousel .slick-next:hover,
|
||||
.ant-carousel .slick-prev:focus,
|
||||
.ant-carousel .slick-next:focus {
|
||||
color: transparent;
|
||||
background: transparent;
|
||||
outline: none;
|
||||
}
|
||||
.ant-carousel .slick-prev:hover::before,
|
||||
.ant-carousel .slick-next:hover::before,
|
||||
.ant-carousel .slick-prev:focus::before,
|
||||
.ant-carousel .slick-next:focus::before {
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-carousel .slick-prev.slick-disabled::before,
|
||||
.ant-carousel .slick-next.slick-disabled::before {
|
||||
opacity: 0.25;
|
||||
}
|
||||
.ant-carousel .slick-prev {
|
||||
left: -25px;
|
||||
}
|
||||
.ant-carousel .slick-prev::before {
|
||||
content: '←';
|
||||
}
|
||||
.ant-carousel .slick-next {
|
||||
right: -25px;
|
||||
}
|
||||
.ant-carousel .slick-next::before {
|
||||
content: '→';
|
||||
}
|
||||
.ant-carousel .slick-dots {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 15;
|
||||
display: -webkit-box !important;
|
||||
display: -ms-flexbox !important;
|
||||
display: flex !important;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
margin-right: 15%;
|
||||
margin-left: 15%;
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.ant-carousel .slick-dots-bottom {
|
||||
bottom: 12px;
|
||||
}
|
||||
.ant-carousel .slick-dots-top {
|
||||
top: 12px;
|
||||
}
|
||||
.ant-carousel .slick-dots li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 1 auto;
|
||||
flex: 0 1 auto;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
width: 16px;
|
||||
height: 3px;
|
||||
margin: 0 2px;
|
||||
margin-right: 3px;
|
||||
margin-left: 3px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
text-indent: -999px;
|
||||
vertical-align: top;
|
||||
-webkit-transition: all 0.5s;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
.ant-carousel .slick-dots li button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
padding: 0;
|
||||
color: transparent;
|
||||
font-size: 0;
|
||||
background: #fff;
|
||||
border: 0;
|
||||
border-radius: 1px;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
opacity: 0.3;
|
||||
-webkit-transition: all 0.5s;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
.ant-carousel .slick-dots li button:hover,
|
||||
.ant-carousel .slick-dots li button:focus {
|
||||
opacity: 0.75;
|
||||
}
|
||||
.ant-carousel .slick-dots li.slick-active {
|
||||
width: 24px;
|
||||
}
|
||||
.ant-carousel .slick-dots li.slick-active button {
|
||||
background: #fff;
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-carousel .slick-dots li.slick-active:hover,
|
||||
.ant-carousel .slick-dots li.slick-active:focus {
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-carousel-vertical .slick-dots {
|
||||
top: 50%;
|
||||
bottom: auto;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
width: 3px;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.ant-carousel-vertical .slick-dots-left {
|
||||
right: auto;
|
||||
left: 12px;
|
||||
}
|
||||
.ant-carousel-vertical .slick-dots-right {
|
||||
right: 12px;
|
||||
left: auto;
|
||||
}
|
||||
.ant-carousel-vertical .slick-dots li {
|
||||
width: 3px;
|
||||
height: 16px;
|
||||
margin: 4px 2px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
.ant-carousel-vertical .slick-dots li button {
|
||||
width: 3px;
|
||||
height: 16px;
|
||||
}
|
||||
.ant-carousel-vertical .slick-dots li.slick-active {
|
||||
width: 3px;
|
||||
height: 24px;
|
||||
}
|
||||
.ant-carousel-vertical .slick-dots li.slick-active button {
|
||||
width: 3px;
|
||||
height: 24px;
|
||||
}
|
||||
.ant-carousel-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ant-carousel-rtl .ant-carousel .slick-track {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.ant-carousel-rtl .ant-carousel .slick-prev {
|
||||
right: -25px;
|
||||
left: auto;
|
||||
}
|
||||
.ant-carousel-rtl .ant-carousel .slick-prev::before {
|
||||
content: '→';
|
||||
}
|
||||
.ant-carousel-rtl .ant-carousel .slick-next {
|
||||
right: auto;
|
||||
left: -25px;
|
||||
}
|
||||
.ant-carousel-rtl .ant-carousel .slick-next::before {
|
||||
content: '←';
|
||||
}
|
||||
.ant-carousel-rtl.ant-carousel .slick-dots {
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: reverse;
|
||||
-ms-flex-direction: row-reverse;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
2
web/node_modules/antd/es/carousel/style/index.d.ts
generated
vendored
Normal file
2
web/node_modules/antd/es/carousel/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
import '../../style/index.less';
|
||||
import './index.less';
|
||||
2
web/node_modules/antd/es/carousel/style/index.js
generated
vendored
Normal file
2
web/node_modules/antd/es/carousel/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
import '../../style/index.less';
|
||||
import './index.less';
|
||||
256
web/node_modules/antd/es/carousel/style/index.less
generated
vendored
Normal file
256
web/node_modules/antd/es/carousel/style/index.less
generated
vendored
Normal file
@@ -0,0 +1,256 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
|
||||
@carousel-prefix-cls: ~'@{ant-prefix}-carousel';
|
||||
|
||||
.@{carousel-prefix-cls} {
|
||||
.reset-component;
|
||||
|
||||
.slick-slider {
|
||||
position: relative;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
-webkit-touch-callout: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.slick-list {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&.dragging {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slick-slide {
|
||||
pointer-events: none;
|
||||
|
||||
&.slick-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
display: table;
|
||||
content: '';
|
||||
}
|
||||
|
||||
&::after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.slick-loading & {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
.slick-slide {
|
||||
display: none;
|
||||
float: left;
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
}
|
||||
&.slick-loading img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.dragging img {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
.slick-initialized .slick-slide {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-loading .slick-slide {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-vertical .slick-slide {
|
||||
display: block;
|
||||
height: auto;
|
||||
border: @border-width-base @border-style-base transparent;
|
||||
}
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Arrows
|
||||
.slick-prev,
|
||||
.slick-next {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-top: -10px;
|
||||
padding: 0;
|
||||
color: transparent;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: transparent;
|
||||
background: transparent;
|
||||
outline: none;
|
||||
&::before {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
&.slick-disabled::before {
|
||||
opacity: 0.25;
|
||||
}
|
||||
}
|
||||
|
||||
.slick-prev {
|
||||
left: -25px;
|
||||
|
||||
&::before {
|
||||
content: '←';
|
||||
}
|
||||
}
|
||||
|
||||
.slick-next {
|
||||
right: -25px;
|
||||
&::before {
|
||||
content: '→';
|
||||
}
|
||||
}
|
||||
|
||||
// Dots
|
||||
.slick-dots {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 15;
|
||||
display: flex !important;
|
||||
justify-content: center;
|
||||
margin-right: 15%;
|
||||
margin-left: 15%;
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
|
||||
&-bottom {
|
||||
bottom: 12px;
|
||||
}
|
||||
&-top {
|
||||
top: 12px;
|
||||
}
|
||||
li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
flex: 0 1 auto;
|
||||
box-sizing: content-box;
|
||||
width: @carousel-dot-width;
|
||||
height: @carousel-dot-height;
|
||||
margin: 0 2px;
|
||||
margin-right: 3px;
|
||||
margin-left: 3px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
text-indent: -999px;
|
||||
vertical-align: top;
|
||||
transition: all 0.5s;
|
||||
button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: @carousel-dot-height;
|
||||
padding: 0;
|
||||
color: transparent;
|
||||
font-size: 0;
|
||||
background: @component-background;
|
||||
border: 0;
|
||||
border-radius: 1px;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
opacity: 0.3;
|
||||
transition: all 0.5s;
|
||||
&:hover,
|
||||
&:focus {
|
||||
opacity: 0.75;
|
||||
}
|
||||
}
|
||||
&.slick-active {
|
||||
width: @carousel-dot-active-width;
|
||||
& button {
|
||||
background: @component-background;
|
||||
opacity: 1;
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{ant-prefix}-carousel-vertical {
|
||||
.slick-dots {
|
||||
top: 50%;
|
||||
bottom: auto;
|
||||
flex-direction: column;
|
||||
width: @carousel-dot-height;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
transform: translateY(-50%);
|
||||
|
||||
&-left {
|
||||
right: auto;
|
||||
left: 12px;
|
||||
}
|
||||
&-right {
|
||||
right: 12px;
|
||||
left: auto;
|
||||
}
|
||||
li {
|
||||
width: @carousel-dot-height;
|
||||
height: @carousel-dot-width;
|
||||
margin: 4px 2px;
|
||||
vertical-align: baseline;
|
||||
button {
|
||||
width: @carousel-dot-height;
|
||||
height: @carousel-dot-width;
|
||||
}
|
||||
&.slick-active {
|
||||
width: @carousel-dot-height;
|
||||
height: @carousel-dot-active-width;
|
||||
|
||||
button {
|
||||
width: @carousel-dot-height;
|
||||
height: @carousel-dot-active-width;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@import './rtl';
|
||||
52
web/node_modules/antd/es/carousel/style/rtl.less
generated
vendored
Normal file
52
web/node_modules/antd/es/carousel/style/rtl.less
generated
vendored
Normal file
@@ -0,0 +1,52 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
|
||||
@carousel-prefix-cls: ~'@{ant-prefix}-carousel';
|
||||
|
||||
.@{carousel-prefix-cls} {
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.slick-track {
|
||||
.@{carousel-prefix-cls}-rtl & {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.slick-prev {
|
||||
.@{carousel-prefix-cls}-rtl & {
|
||||
right: -25px;
|
||||
left: auto;
|
||||
&::before {
|
||||
content: '→';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slick-next {
|
||||
.@{carousel-prefix-cls}-rtl & {
|
||||
right: auto;
|
||||
left: -25px;
|
||||
&::before {
|
||||
content: '←';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Dots
|
||||
.slick-dots {
|
||||
.@{carousel-prefix-cls}-rtl& {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{ant-prefix}-carousel-vertical {
|
||||
.slick-dots {
|
||||
.@{carousel-prefix-cls}-rtl& {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user