Latest updates from IceHrmPro
This commit is contained in:
31
web/node_modules/antd/lib/switch/index.d.ts
generated
vendored
Normal file
31
web/node_modules/antd/lib/switch/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,31 @@
|
||||
import * as React from 'react';
|
||||
import { ConfigConsumerProps } from '../config-provider';
|
||||
export declare type SwitchSize = 'small' | 'default';
|
||||
export declare type SwitchChangeEventHandler = (checked: boolean, event: MouseEvent) => void;
|
||||
export declare type SwitchClickEventHandler = SwitchChangeEventHandler;
|
||||
export interface SwitchProps {
|
||||
prefixCls?: string;
|
||||
size?: SwitchSize;
|
||||
className?: string;
|
||||
checked?: boolean;
|
||||
defaultChecked?: boolean;
|
||||
onChange?: SwitchChangeEventHandler;
|
||||
onClick?: SwitchClickEventHandler;
|
||||
checkedChildren?: React.ReactNode;
|
||||
unCheckedChildren?: React.ReactNode;
|
||||
disabled?: boolean;
|
||||
loading?: boolean;
|
||||
autoFocus?: boolean;
|
||||
style?: React.CSSProperties;
|
||||
title?: string;
|
||||
}
|
||||
export default class Switch extends React.Component<SwitchProps, {}> {
|
||||
static __ANT_SWITCH: boolean;
|
||||
private rcSwitch;
|
||||
constructor(props: SwitchProps);
|
||||
saveSwitch: (node: any) => void;
|
||||
focus(): void;
|
||||
blur(): void;
|
||||
renderSwitch: ({ getPrefixCls, direction }: ConfigConsumerProps) => JSX.Element;
|
||||
render(): JSX.Element;
|
||||
}
|
||||
129
web/node_modules/antd/lib/switch/index.js
generated
vendored
Normal file
129
web/node_modules/antd/lib/switch/index.js
generated
vendored
Normal file
@@ -0,0 +1,129 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports["default"] = void 0;
|
||||
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
|
||||
var _rcSwitch = _interopRequireDefault(require("rc-switch"));
|
||||
|
||||
var _classnames = _interopRequireDefault(require("classnames"));
|
||||
|
||||
var _omit = _interopRequireDefault(require("omit.js"));
|
||||
|
||||
var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons/LoadingOutlined"));
|
||||
|
||||
var _wave = _interopRequireDefault(require("../_util/wave"));
|
||||
|
||||
var _configProvider = require("../config-provider");
|
||||
|
||||
var _warning = _interopRequireDefault(require("../_util/warning"));
|
||||
|
||||
var _SizeContext = _interopRequireDefault(require("../config-provider/SizeContext"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
||||
|
||||
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
||||
|
||||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
||||
|
||||
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 _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 _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 _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); }
|
||||
|
||||
var Switch = /*#__PURE__*/function (_React$Component) {
|
||||
_inherits(Switch, _React$Component);
|
||||
|
||||
var _super = _createSuper(Switch);
|
||||
|
||||
function Switch(props) {
|
||||
var _this;
|
||||
|
||||
_classCallCheck(this, Switch);
|
||||
|
||||
_this = _super.call(this, props);
|
||||
|
||||
_this.saveSwitch = function (node) {
|
||||
_this.rcSwitch = node;
|
||||
};
|
||||
|
||||
_this.renderSwitch = function (_ref) {
|
||||
var getPrefixCls = _ref.getPrefixCls,
|
||||
direction = _ref.direction;
|
||||
var _this$props = _this.props,
|
||||
customizePrefixCls = _this$props.prefixCls,
|
||||
customizeSize = _this$props.size,
|
||||
loading = _this$props.loading,
|
||||
_this$props$className = _this$props.className,
|
||||
className = _this$props$className === void 0 ? '' : _this$props$className,
|
||||
disabled = _this$props.disabled;
|
||||
var prefixCls = getPrefixCls('switch', customizePrefixCls);
|
||||
var loadingIcon = loading ? /*#__PURE__*/React.createElement(_LoadingOutlined["default"], {
|
||||
className: "".concat(prefixCls, "-loading-icon")
|
||||
}) : null;
|
||||
return /*#__PURE__*/React.createElement(_SizeContext["default"].Consumer, null, function (size) {
|
||||
var _classNames;
|
||||
|
||||
var classes = (0, _classnames["default"])(className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-small"), (customizeSize || size) === 'small'), _defineProperty(_classNames, "".concat(prefixCls, "-loading"), loading), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames));
|
||||
return /*#__PURE__*/React.createElement(_wave["default"], {
|
||||
insertExtraNode: true
|
||||
}, /*#__PURE__*/React.createElement(_rcSwitch["default"], _extends({}, (0, _omit["default"])(_this.props, ['loading']), {
|
||||
prefixCls: prefixCls,
|
||||
className: classes,
|
||||
disabled: disabled || loading,
|
||||
ref: _this.saveSwitch,
|
||||
loadingIcon: loadingIcon
|
||||
})));
|
||||
});
|
||||
};
|
||||
|
||||
(0, _warning["default"])('checked' in props || !('value' in props), 'Switch', '`value` is not a valid prop, do you mean `checked`?');
|
||||
return _this;
|
||||
}
|
||||
|
||||
_createClass(Switch, [{
|
||||
key: "focus",
|
||||
value: function focus() {
|
||||
this.rcSwitch.focus();
|
||||
}
|
||||
}, {
|
||||
key: "blur",
|
||||
value: function blur() {
|
||||
this.rcSwitch.blur();
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
return /*#__PURE__*/React.createElement(_configProvider.ConfigConsumer, null, this.renderSwitch);
|
||||
}
|
||||
}]);
|
||||
|
||||
return Switch;
|
||||
}(React.Component);
|
||||
|
||||
exports["default"] = Switch;
|
||||
Switch.__ANT_SWITCH = true;
|
||||
5
web/node_modules/antd/lib/switch/style/css.js
generated
vendored
Normal file
5
web/node_modules/antd/lib/switch/style/css.js
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
"use strict";
|
||||
|
||||
require("../../style/index.css");
|
||||
|
||||
require("./index.css");
|
||||
225
web/node_modules/antd/lib/switch/style/index.css
generated
vendored
Normal file
225
web/node_modules/antd/lib/switch/style/index.css
generated
vendored
Normal file
@@ -0,0 +1,225 @@
|
||||
/* 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-switch {
|
||||
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';
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
min-width: 44px;
|
||||
height: 22px;
|
||||
line-height: 20px;
|
||||
vertical-align: middle;
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
border: 1px solid transparent;
|
||||
border-radius: 100px;
|
||||
cursor: pointer;
|
||||
-webkit-transition: all 0.36s;
|
||||
transition: all 0.36s;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.ant-switch-inner {
|
||||
display: block;
|
||||
margin-right: 6px;
|
||||
margin-left: 24px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
}
|
||||
.ant-switch-loading-icon,
|
||||
.ant-switch::after {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-color: #fff;
|
||||
border-radius: 18px;
|
||||
cursor: pointer;
|
||||
-webkit-transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
||||
transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
||||
content: ' ';
|
||||
}
|
||||
.ant-switch::after {
|
||||
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
|
||||
}
|
||||
.ant-switch:not(.ant-switch-disabled):active::before,
|
||||
.ant-switch:not(.ant-switch-disabled):active::after {
|
||||
width: 24px;
|
||||
}
|
||||
.ant-switch-loading-icon {
|
||||
z-index: 1;
|
||||
display: none;
|
||||
font-size: 12px;
|
||||
background: transparent;
|
||||
}
|
||||
.ant-switch-loading-icon svg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: auto;
|
||||
}
|
||||
.ant-switch-loading .ant-switch-loading-icon {
|
||||
display: inline-block;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
|
||||
color: #1890ff;
|
||||
}
|
||||
.ant-switch:focus {
|
||||
outline: 0;
|
||||
-webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
|
||||
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
|
||||
}
|
||||
.ant-switch:focus:hover {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.ant-switch-small {
|
||||
min-width: 28px;
|
||||
height: 16px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.ant-switch-small .ant-switch-inner {
|
||||
margin-right: 3px;
|
||||
margin-left: 18px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.ant-switch-small::after {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
.ant-switch-small:active::before,
|
||||
.ant-switch-small:active::after {
|
||||
width: 16px;
|
||||
}
|
||||
.ant-switch-small .ant-switch-loading-icon {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
.ant-switch-small.ant-switch-checked .ant-switch-inner {
|
||||
margin-right: 18px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
.ant-switch-small.ant-switch-checked .ant-switch-loading-icon {
|
||||
left: 100%;
|
||||
margin-left: -13px;
|
||||
}
|
||||
.ant-switch-small.ant-switch-loading .ant-switch-loading-icon {
|
||||
font-weight: bold;
|
||||
-webkit-transform: scale(0.66667);
|
||||
transform: scale(0.66667);
|
||||
}
|
||||
.ant-switch-checked {
|
||||
background-color: #1890ff;
|
||||
}
|
||||
.ant-switch-checked .ant-switch-inner {
|
||||
margin-right: 24px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
.ant-switch-checked::after {
|
||||
left: 100%;
|
||||
margin-left: -1px;
|
||||
-webkit-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
.ant-switch-checked .ant-switch-loading-icon {
|
||||
left: 100%;
|
||||
margin-left: -19px;
|
||||
}
|
||||
.ant-switch-loading,
|
||||
.ant-switch-disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.4;
|
||||
}
|
||||
.ant-switch-loading *,
|
||||
.ant-switch-disabled * {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-switch-loading::before,
|
||||
.ant-switch-disabled::before,
|
||||
.ant-switch-loading::after,
|
||||
.ant-switch-disabled::after {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
@-webkit-keyframes AntSwitchSmallLoadingCircle {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg) scale(0.66667);
|
||||
transform: rotate(0deg) scale(0.66667);
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg) scale(0.66667);
|
||||
transform: rotate(360deg) scale(0.66667);
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
}
|
||||
@keyframes AntSwitchSmallLoadingCircle {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg) scale(0.66667);
|
||||
transform: rotate(0deg) scale(0.66667);
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg) scale(0.66667);
|
||||
transform: rotate(360deg) scale(0.66667);
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
}
|
||||
.ant-switch-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ant-switch-rtl .ant-switch-inner {
|
||||
margin-right: 24px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
.ant-switch-rtl.ant-switch-loading-icon,
|
||||
.ant-switch-rtl.ant-switch::after {
|
||||
left: 100%;
|
||||
margin-left: -1px;
|
||||
-webkit-transform: translateX(-100%);
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
.ant-switch-rtl.ant-switch-small .ant-switch-inner {
|
||||
margin-right: 18px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
.ant-switch-rtl.ant-switch-small .ant-switch-loading-icon {
|
||||
margin-left: 12px;
|
||||
}
|
||||
.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-inner {
|
||||
margin-right: 3px;
|
||||
margin-left: 18px;
|
||||
}
|
||||
.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
|
||||
margin-right: 6px;
|
||||
margin-left: 24px;
|
||||
}
|
||||
.ant-switch-rtl.ant-switch-checked::after {
|
||||
left: 1px;
|
||||
margin-left: 0;
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
.ant-switch-rtl.ant-switch-checked .ant-switch-loading-icon {
|
||||
margin-left: -41px;
|
||||
}
|
||||
2
web/node_modules/antd/lib/switch/style/index.d.ts
generated
vendored
Normal file
2
web/node_modules/antd/lib/switch/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
import '../../style/index.less';
|
||||
import './index.less';
|
||||
5
web/node_modules/antd/lib/switch/style/index.js
generated
vendored
Normal file
5
web/node_modules/antd/lib/switch/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
"use strict";
|
||||
|
||||
require("../../style/index.less");
|
||||
|
||||
require("./index.less");
|
||||
180
web/node_modules/antd/lib/switch/style/index.less
generated
vendored
Normal file
180
web/node_modules/antd/lib/switch/style/index.less
generated
vendored
Normal file
@@ -0,0 +1,180 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
|
||||
@switch-prefix-cls: ~'@{ant-prefix}-switch';
|
||||
@switch-duration: 0.36s;
|
||||
|
||||
.@{switch-prefix-cls} {
|
||||
.reset-component;
|
||||
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
min-width: @switch-min-width;
|
||||
height: @switch-height;
|
||||
line-height: @switch-height - 2px;
|
||||
vertical-align: middle;
|
||||
background-color: @disabled-color;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 100px;
|
||||
cursor: pointer;
|
||||
transition: all @switch-duration;
|
||||
user-select: none;
|
||||
|
||||
&-inner {
|
||||
display: block;
|
||||
margin-right: 6px;
|
||||
margin-left: 24px;
|
||||
color: @text-color-inverse;
|
||||
font-size: @font-size-sm;
|
||||
}
|
||||
|
||||
&-loading-icon,
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
width: @switch-height - 4px;
|
||||
height: @switch-height - 4px;
|
||||
background-color: @switch-bg;
|
||||
border-radius: 18px;
|
||||
cursor: pointer;
|
||||
transition: all @switch-duration @ease-in-out-circ;
|
||||
content: ' ';
|
||||
}
|
||||
|
||||
&::after {
|
||||
box-shadow: 0 2px 4px 0 @switch-shadow-color;
|
||||
}
|
||||
|
||||
&:not(&-disabled):active::before,
|
||||
&:not(&-disabled):active::after {
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
&-loading-icon {
|
||||
z-index: 1;
|
||||
display: none;
|
||||
font-size: 12px;
|
||||
// loading default use animation
|
||||
// animation: loadingCircle 1s infinite linear;
|
||||
background: transparent;
|
||||
svg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&-loading &-loading-icon {
|
||||
display: inline-block;
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
&-checked&-loading &-loading-icon {
|
||||
color: @switch-color;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 2px fade(@switch-color, 20%);
|
||||
}
|
||||
|
||||
&:focus:hover {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&-small {
|
||||
min-width: @switch-sm-min-width;
|
||||
height: @switch-sm-height;
|
||||
line-height: @switch-sm-height - 2px;
|
||||
|
||||
.@{switch-prefix-cls}-inner {
|
||||
margin-right: 3px;
|
||||
margin-left: 18px;
|
||||
font-size: @font-size-sm;
|
||||
}
|
||||
|
||||
&::after {
|
||||
width: @switch-sm-height - 4px;
|
||||
height: @switch-sm-height - 4px;
|
||||
}
|
||||
|
||||
&:active::before,
|
||||
&:active::after {
|
||||
width: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
&-small &-loading-icon {
|
||||
width: @switch-sm-height - 4px;
|
||||
height: @switch-sm-height - 4px;
|
||||
}
|
||||
|
||||
&-small&-checked {
|
||||
.@{switch-prefix-cls}-inner {
|
||||
margin-right: 18px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
&-small&-checked &-loading-icon {
|
||||
left: 100%;
|
||||
margin-left: @switch-sm-checked-margin-left;
|
||||
}
|
||||
|
||||
&-small&-loading &-loading-icon {
|
||||
font-weight: bold;
|
||||
// animation: AntSwitchSmallLoadingCircle 1s infinite linear;
|
||||
transform: scale(0.66667);
|
||||
}
|
||||
|
||||
&-checked {
|
||||
background-color: @switch-color;
|
||||
|
||||
.@{switch-prefix-cls}-inner {
|
||||
margin-right: 24px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
&::after {
|
||||
left: 100%;
|
||||
margin-left: -1px;
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
|
||||
&-checked &-loading-icon {
|
||||
left: 100%;
|
||||
margin-left: -19px;
|
||||
}
|
||||
|
||||
&-loading,
|
||||
&-disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: @switch-disabled-opacity;
|
||||
* {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
&::before,
|
||||
&::after {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes AntSwitchSmallLoadingCircle {
|
||||
0% {
|
||||
transform: rotate(0deg) scale(0.66667);
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg) scale(0.66667);
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@import './rtl';
|
||||
73
web/node_modules/antd/lib/switch/style/rtl.less
generated
vendored
Normal file
73
web/node_modules/antd/lib/switch/style/rtl.less
generated
vendored
Normal file
@@ -0,0 +1,73 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
|
||||
@switch-prefix-cls: ~'@{ant-prefix}-switch';
|
||||
|
||||
.@{switch-prefix-cls} {
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
&-inner {
|
||||
.@{switch-prefix-cls}-rtl & {
|
||||
margin-right: 24px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
&-loading-icon,
|
||||
&::after {
|
||||
.@{switch-prefix-cls}-rtl& {
|
||||
left: 100%;
|
||||
margin-left: -1px;
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
|
||||
&-small {
|
||||
.@{switch-prefix-cls}-inner {
|
||||
.@{switch-prefix-cls}-rtl& {
|
||||
margin-right: 18px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-small &-loading-icon {
|
||||
.@{switch-prefix-cls}-rtl& {
|
||||
margin-left: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
&-small&-checked {
|
||||
.@{switch-prefix-cls}-inner {
|
||||
.@{switch-prefix-cls}-rtl& {
|
||||
margin-right: 3px;
|
||||
margin-left: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-checked {
|
||||
.@{switch-prefix-cls}-inner {
|
||||
.@{switch-prefix-cls}-rtl& {
|
||||
margin-right: 6px;
|
||||
margin-left: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
&::after {
|
||||
.@{switch-prefix-cls}-rtl& {
|
||||
left: 1px;
|
||||
margin-left: 0;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-checked &-loading-icon {
|
||||
.@{switch-prefix-cls}-rtl& {
|
||||
margin-left: -41px;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user