Latest updates from IceHrmPro
This commit is contained in:
Thilina Pituwala
38
web/node_modules/antd/es/select/index.d.ts
generated
vendored
Normal file
38
web/node_modules/antd/es/select/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,38 @@
|
||||
import * as React from 'react';
|
||||
import RcSelect, { Option, SelectProps as RcSelectProps } from 'rc-select';
|
||||
import { ConfigConsumerProps } from '../config-provider';
|
||||
import { SizeType } from '../config-provider/SizeContext';
|
||||
declare type RawValue = string | number;
|
||||
export declare type OptionType = typeof Option;
|
||||
export interface LabeledValue {
|
||||
key?: string;
|
||||
value: RawValue;
|
||||
label: React.ReactNode;
|
||||
}
|
||||
export declare type SelectValue = RawValue | RawValue[] | LabeledValue | LabeledValue[];
|
||||
export interface InternalSelectProps<VT> extends Omit<RcSelectProps<VT>, 'mode'> {
|
||||
suffixIcon?: React.ReactNode;
|
||||
size?: SizeType;
|
||||
mode?: 'multiple' | 'tags' | 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
|
||||
bordered?: boolean;
|
||||
}
|
||||
export interface SelectProps<VT> extends Omit<InternalSelectProps<VT>, 'inputIcon' | 'mode' | 'getInputElement' | 'backfill'> {
|
||||
mode?: 'multiple' | 'tags';
|
||||
}
|
||||
declare class Select<ValueType extends SelectValue = SelectValue> extends React.Component<SelectProps<ValueType>> {
|
||||
static Option: import("rc-select/lib/Option").OptionFC;
|
||||
static OptGroup: import("rc-select/lib/OptGroup").OptionGroupFC;
|
||||
static SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
|
||||
static defaultProps: {
|
||||
transitionName: string;
|
||||
choiceTransitionName: string;
|
||||
bordered: boolean;
|
||||
};
|
||||
selectRef: React.RefObject<RcSelect<ValueType>>;
|
||||
focus: () => void;
|
||||
blur: () => void;
|
||||
getMode: () => "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE" | "combobox" | undefined;
|
||||
renderSelect: ({ getPopupContainer: getContextPopupContainer, getPrefixCls, renderEmpty, direction, }: ConfigConsumerProps) => JSX.Element;
|
||||
render(): JSX.Element;
|
||||
}
|
||||
export default Select;
|
||||
165
web/node_modules/antd/es/select/index.js
generated
vendored
Normal file
165
web/node_modules/antd/es/select/index.js
generated
vendored
Normal file
@@ -0,0 +1,165 @@
|
||||
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); }
|
||||
|
||||
// TODO: 4.0 - codemod should help to change `filterOption` to support node props.
|
||||
import * as React from 'react';
|
||||
import omit from 'omit.js';
|
||||
import classNames from 'classnames';
|
||||
import RcSelect, { Option, OptGroup } from 'rc-select';
|
||||
import { ConfigConsumer } from '../config-provider';
|
||||
import getIcons from './utils/iconUtil';
|
||||
import SizeContext from '../config-provider/SizeContext'; // We still use class here since `forwardRef` not support generic in typescript
|
||||
|
||||
var Select = /*#__PURE__*/function (_React$Component) {
|
||||
_inherits(Select, _React$Component);
|
||||
|
||||
var _super = _createSuper(Select);
|
||||
|
||||
function Select() {
|
||||
var _this;
|
||||
|
||||
_classCallCheck(this, Select);
|
||||
|
||||
_this = _super.apply(this, arguments);
|
||||
_this.selectRef = React.createRef();
|
||||
|
||||
_this.focus = function () {
|
||||
if (_this.selectRef.current) {
|
||||
_this.selectRef.current.focus();
|
||||
}
|
||||
};
|
||||
|
||||
_this.blur = function () {
|
||||
if (_this.selectRef.current) {
|
||||
_this.selectRef.current.blur();
|
||||
}
|
||||
};
|
||||
|
||||
_this.getMode = function () {
|
||||
var mode = _this.props.mode;
|
||||
|
||||
if (mode === 'combobox') {
|
||||
return undefined;
|
||||
}
|
||||
|
||||
if (mode === Select.SECRET_COMBOBOX_MODE_DO_NOT_USE) {
|
||||
return 'combobox';
|
||||
}
|
||||
|
||||
return mode;
|
||||
};
|
||||
|
||||
_this.renderSelect = function (_ref) {
|
||||
var getContextPopupContainer = _ref.getPopupContainer,
|
||||
getPrefixCls = _ref.getPrefixCls,
|
||||
renderEmpty = _ref.renderEmpty,
|
||||
direction = _ref.direction;
|
||||
var _this$props = _this.props,
|
||||
customizePrefixCls = _this$props.prefixCls,
|
||||
notFoundContent = _this$props.notFoundContent,
|
||||
className = _this$props.className,
|
||||
customizeSize = _this$props.size,
|
||||
_this$props$listHeigh = _this$props.listHeight,
|
||||
listHeight = _this$props$listHeigh === void 0 ? 256 : _this$props$listHeigh,
|
||||
_this$props$listItemH = _this$props.listItemHeight,
|
||||
listItemHeight = _this$props$listItemH === void 0 ? 32 : _this$props$listItemH,
|
||||
getPopupContainer = _this$props.getPopupContainer,
|
||||
dropdownClassName = _this$props.dropdownClassName,
|
||||
bordered = _this$props.bordered;
|
||||
var prefixCls = getPrefixCls('select', customizePrefixCls);
|
||||
|
||||
var mode = _this.getMode();
|
||||
|
||||
var isMultiple = mode === 'multiple' || mode === 'tags'; // ===================== Empty =====================
|
||||
|
||||
var mergedNotFound;
|
||||
|
||||
if (notFoundContent !== undefined) {
|
||||
mergedNotFound = notFoundContent;
|
||||
} else if (mode === 'combobox') {
|
||||
mergedNotFound = null;
|
||||
} else {
|
||||
mergedNotFound = renderEmpty('Select');
|
||||
} // ===================== Icons =====================
|
||||
|
||||
|
||||
var _getIcons = getIcons(_extends(_extends({}, _this.props), {
|
||||
multiple: isMultiple
|
||||
})),
|
||||
suffixIcon = _getIcons.suffixIcon,
|
||||
itemIcon = _getIcons.itemIcon,
|
||||
removeIcon = _getIcons.removeIcon,
|
||||
clearIcon = _getIcons.clearIcon;
|
||||
|
||||
var selectProps = omit(_this.props, ['prefixCls', 'suffixIcon', 'itemIcon', 'removeIcon', 'clearIcon', 'size', 'bordered']);
|
||||
var rcSelectRtlDropDownClassName = classNames(dropdownClassName, _defineProperty({}, "".concat(prefixCls, "-dropdown-").concat(direction), direction === 'rtl'));
|
||||
return /*#__PURE__*/React.createElement(SizeContext.Consumer, null, function (size) {
|
||||
var _classNames2;
|
||||
|
||||
var mergedSize = customizeSize || size;
|
||||
var mergedClassName = classNames(className, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-lg"), mergedSize === 'large'), _defineProperty(_classNames2, "".concat(prefixCls, "-sm"), mergedSize === 'small'), _defineProperty(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames2, "".concat(prefixCls, "-borderless"), !bordered), _classNames2));
|
||||
return /*#__PURE__*/React.createElement(RcSelect, _extends({
|
||||
ref: _this.selectRef
|
||||
}, selectProps, {
|
||||
listHeight: listHeight,
|
||||
listItemHeight: listItemHeight,
|
||||
mode: mode,
|
||||
prefixCls: prefixCls,
|
||||
direction: direction,
|
||||
inputIcon: suffixIcon,
|
||||
menuItemSelectedIcon: itemIcon,
|
||||
removeIcon: removeIcon,
|
||||
clearIcon: clearIcon,
|
||||
notFoundContent: mergedNotFound,
|
||||
className: mergedClassName,
|
||||
getPopupContainer: getPopupContainer || getContextPopupContainer,
|
||||
dropdownClassName: rcSelectRtlDropDownClassName
|
||||
}));
|
||||
});
|
||||
};
|
||||
|
||||
return _this;
|
||||
}
|
||||
|
||||
_createClass(Select, [{
|
||||
key: "render",
|
||||
value: function render() {
|
||||
return /*#__PURE__*/React.createElement(ConfigConsumer, null, this.renderSelect);
|
||||
}
|
||||
}]);
|
||||
|
||||
return Select;
|
||||
}(React.Component);
|
||||
|
||||
Select.Option = Option;
|
||||
Select.OptGroup = OptGroup;
|
||||
Select.SECRET_COMBOBOX_MODE_DO_NOT_USE = 'SECRET_COMBOBOX_MODE_DO_NOT_USE';
|
||||
Select.defaultProps = {
|
||||
transitionName: 'slide-up',
|
||||
choiceTransitionName: 'zoom',
|
||||
bordered: true
|
||||
};
|
||||
export default Select;
|
||||
4
web/node_modules/antd/es/select/style/css.js
generated
vendored
Normal file
4
web/node_modules/antd/es/select/style/css.js
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
import '../../style/index.css';
|
||||
import './index.css'; // style dependencies
|
||||
|
||||
import '../../empty/style/css';
|
||||
684
web/node_modules/antd/es/select/style/index.css
generated
vendored
Normal file
684
web/node_modules/antd/es/select/style/index.css
generated
vendored
Normal file
@@ -0,0 +1,684 @@
|
||||
/* 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-select-single .ant-select-selector {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.ant-select-single .ant-select-selector .ant-select-selection-search {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 11px;
|
||||
bottom: 0;
|
||||
left: 11px;
|
||||
}
|
||||
.ant-select-single .ant-select-selector .ant-select-selection-search-input {
|
||||
width: 100%;
|
||||
}
|
||||
.ant-select-single .ant-select-selector .ant-select-selection-item,
|
||||
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
|
||||
padding: 0;
|
||||
line-height: 30px;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
pointer-events: none;
|
||||
}
|
||||
@supports (-moz-appearance: meterbar) {
|
||||
.ant-select-single .ant-select-selector .ant-select-selection-item,
|
||||
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
.ant-select-single .ant-select-selector::after,
|
||||
.ant-select-single .ant-select-selector .ant-select-selection-item::after,
|
||||
.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
visibility: hidden;
|
||||
content: '\a0';
|
||||
}
|
||||
.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
|
||||
right: 25px;
|
||||
}
|
||||
.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
|
||||
.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
|
||||
padding-right: 18px;
|
||||
}
|
||||
.ant-select-single.ant-select-open .ant-select-selection-item {
|
||||
opacity: 0.4;
|
||||
}
|
||||
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 2px;
|
||||
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
padding: 0 11px;
|
||||
}
|
||||
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector input {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ant-select-show-search.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
||||
cursor: text;
|
||||
}
|
||||
.ant-select-show-search.ant-select-single:not(.ant-select-customize-input) .ant-select-selector input {
|
||||
cursor: auto;
|
||||
}
|
||||
.ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
||||
border-color: #40a9ff;
|
||||
border-right-width: 1px !important;
|
||||
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-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
background: #f5f5f5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-select-disabled.ant-select-single:not(.ant-select-customize-input) .ant-select-selector input {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
|
||||
height: 30px;
|
||||
}
|
||||
.ant-select-single.ant-select-customize-input .ant-select-selector::after {
|
||||
display: none;
|
||||
}
|
||||
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
|
||||
position: static;
|
||||
width: 100%;
|
||||
}
|
||||
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
padding: 0 11px;
|
||||
}
|
||||
.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
|
||||
display: none;
|
||||
}
|
||||
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
|
||||
height: 40px;
|
||||
}
|
||||
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
|
||||
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
|
||||
line-height: 38px;
|
||||
}
|
||||
.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
|
||||
height: 38px;
|
||||
}
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
|
||||
height: 24px;
|
||||
}
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
|
||||
line-height: 22px;
|
||||
}
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
|
||||
height: 22px;
|
||||
}
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
|
||||
right: 7px;
|
||||
left: 7px;
|
||||
}
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
|
||||
padding: 0 7px;
|
||||
}
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
|
||||
right: 28px;
|
||||
}
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
|
||||
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
|
||||
padding-right: 21px;
|
||||
}
|
||||
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
|
||||
padding: 0 11px;
|
||||
}
|
||||
/**
|
||||
* Do not merge `height` & `line-height` under style with `selection` & `search`,
|
||||
* since chrome may update to redesign with its align logic.
|
||||
*/
|
||||
.ant-select-multiple .ant-select-selector {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 2px;
|
||||
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 1px 4px;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selector input {
|
||||
cursor: pointer;
|
||||
}
|
||||
.ant-select-show-search.ant-select-multiple .ant-select-selector {
|
||||
cursor: text;
|
||||
}
|
||||
.ant-select-show-search.ant-select-multiple .ant-select-selector input {
|
||||
cursor: auto;
|
||||
}
|
||||
.ant-select-focused.ant-select-multiple .ant-select-selector {
|
||||
border-color: #40a9ff;
|
||||
border-right-width: 1px !important;
|
||||
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-select-disabled.ant-select-multiple .ant-select-selector {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
background: #f5f5f5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-select-disabled.ant-select-multiple .ant-select-selector input {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selector .ant-select-selection-search-input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
.ant-select-show-search.ant-select-multiple .ant-select-selector {
|
||||
cursor: text;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selector::after {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
margin: 2px 0;
|
||||
line-height: 24px;
|
||||
content: '\a0';
|
||||
}
|
||||
.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
|
||||
padding-right: 24px;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-item {
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: none;
|
||||
flex: none;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
height: 24px;
|
||||
margin-top: 2px;
|
||||
margin-right: 4px;
|
||||
margin-bottom: 2px;
|
||||
padding: 0 4px 0 8px;
|
||||
line-height: 22px;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #f0f0f0;
|
||||
border-radius: 2px;
|
||||
cursor: default;
|
||||
-webkit-transition: font-size 0.3s, line-height 0.3s, height 0.3s;
|
||||
transition: font-size 0.3s, line-height 0.3s, height 0.3s;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-item-content {
|
||||
display: inline-block;
|
||||
margin-right: 4px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-item-remove {
|
||||
color: inherit;
|
||||
font-style: normal;
|
||||
line-height: 0;
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
vertical-align: -0.125em;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
line-height: inherit;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-size: 10px;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-item-remove > * {
|
||||
line-height: 1;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-item-remove svg {
|
||||
display: inline-block;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-item-remove::before {
|
||||
display: none;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
|
||||
display: block;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-item-remove:hover {
|
||||
color: rgba(0, 0, 0, 0.75);
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-search {
|
||||
position: relative;
|
||||
margin-left: 0.5px;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-search-input,
|
||||
.ant-select-multiple .ant-select-selection-search-mirror {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
line-height: 1.5715;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-search-input {
|
||||
width: 100%;
|
||||
min-width: 3px;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-search-mirror {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
white-space: nowrap;
|
||||
visibility: hidden;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-search:first-child .ant-select-selection-search-input {
|
||||
margin-left: 6.5px;
|
||||
}
|
||||
.ant-select-multiple .ant-select-selection-placeholder {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 11px;
|
||||
left: 11px;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.ant-select-multiple.ant-select-lg .ant-select-selector::after {
|
||||
line-height: 32px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
|
||||
height: 32px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
|
||||
height: 33px;
|
||||
line-height: 33px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
|
||||
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
|
||||
height: 32px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-sm .ant-select-selector::after {
|
||||
line-height: 16px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
|
||||
height: 16px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
|
||||
height: 17px;
|
||||
line-height: 17px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
|
||||
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
|
||||
height: 16px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
|
||||
left: 7px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-sm .ant-select-selection-search:first-child .ant-select-selection-search-input {
|
||||
margin-left: 3px;
|
||||
}
|
||||
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.ant-select-disabled .ant-select-selection-item-remove {
|
||||
display: none;
|
||||
}
|
||||
/* Reset search input style */
|
||||
.ant-select {
|
||||
-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';
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
|
||||
border-color: #40a9ff;
|
||||
border-right-width: 1px !important;
|
||||
}
|
||||
.ant-select-selection-item {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
@media all and (-ms-high-contrast: none) {
|
||||
.ant-select-selection-item *::-ms-backdrop,
|
||||
.ant-select-selection-item {
|
||||
-ms-flex: auto;
|
||||
flex: auto;
|
||||
}
|
||||
}
|
||||
.ant-select-selection-placeholder {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
opacity: 0.4;
|
||||
}
|
||||
@media all and (-ms-high-contrast: none) {
|
||||
.ant-select-selection-placeholder *::-ms-backdrop,
|
||||
.ant-select-selection-placeholder {
|
||||
-ms-flex: auto;
|
||||
flex: auto;
|
||||
}
|
||||
}
|
||||
.ant-select-arrow {
|
||||
display: inline-block;
|
||||
color: inherit;
|
||||
font-style: normal;
|
||||
line-height: 0;
|
||||
text-transform: none;
|
||||
vertical-align: -0.125em;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
position: absolute;
|
||||
top: 53%;
|
||||
right: 11px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin-top: -6px;
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
}
|
||||
.ant-select-arrow > * {
|
||||
line-height: 1;
|
||||
}
|
||||
.ant-select-arrow svg {
|
||||
display: inline-block;
|
||||
}
|
||||
.ant-select-arrow::before {
|
||||
display: none;
|
||||
}
|
||||
.ant-select-arrow .ant-select-arrow-icon {
|
||||
display: block;
|
||||
}
|
||||
.ant-select-arrow .anticon {
|
||||
vertical-align: top;
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
transition: transform 0.3s, -webkit-transform 0.3s;
|
||||
}
|
||||
.ant-select-arrow .anticon > svg {
|
||||
vertical-align: top;
|
||||
}
|
||||
.ant-select-open .ant-select-arrow .anticon.anticon-down {
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.ant-select-arrow.anticon-down {
|
||||
pointer-events: none;
|
||||
}
|
||||
.ant-select-clear {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 11px;
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin-top: -6px;
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
background: #fff;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
-webkit-transition: color 0.3s ease, opacity 0.15s ease;
|
||||
transition: color 0.3s ease, opacity 0.15s ease;
|
||||
text-rendering: auto;
|
||||
}
|
||||
.ant-select-clear::before {
|
||||
display: block;
|
||||
}
|
||||
.ant-select-clear:hover {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
.ant-select:hover .ant-select-clear {
|
||||
opacity: 1;
|
||||
}
|
||||
.ant-select-dropdown {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-variant: tabular-nums;
|
||||
line-height: 1.5715;
|
||||
list-style: none;
|
||||
-webkit-font-feature-settings: 'tnum';
|
||||
font-feature-settings: 'tnum';
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
left: -9999px;
|
||||
z-index: 1050;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 4px 0;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
font-variant: initial;
|
||||
background-color: #fff;
|
||||
border-radius: 2px;
|
||||
outline: none;
|
||||
-webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
|
||||
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
|
||||
-webkit-animation-name: antSlideUpIn;
|
||||
animation-name: antSlideUpIn;
|
||||
}
|
||||
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
|
||||
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
|
||||
-webkit-animation-name: antSlideDownIn;
|
||||
animation-name: antSlideDownIn;
|
||||
}
|
||||
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
|
||||
-webkit-animation-name: antSlideUpOut;
|
||||
animation-name: antSlideUpOut;
|
||||
}
|
||||
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
|
||||
-webkit-animation-name: antSlideDownOut;
|
||||
animation-name: antSlideDownOut;
|
||||
}
|
||||
.ant-select-dropdown-hidden {
|
||||
display: none;
|
||||
}
|
||||
.ant-select-item-empty {
|
||||
position: relative;
|
||||
display: block;
|
||||
min-height: 32px;
|
||||
padding: 5px 12px;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-weight: normal;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.ant-select-item {
|
||||
position: relative;
|
||||
display: block;
|
||||
min-height: 32px;
|
||||
padding: 5px 12px;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-weight: normal;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
cursor: pointer;
|
||||
-webkit-transition: background 0.3s ease;
|
||||
transition: background 0.3s ease;
|
||||
}
|
||||
.ant-select-item-group {
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
font-size: 12px;
|
||||
cursor: default;
|
||||
}
|
||||
.ant-select-item-option {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.ant-select-item-option-content {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: auto;
|
||||
flex: auto;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.ant-select-item-option-state {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: none;
|
||||
flex: none;
|
||||
}
|
||||
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-weight: 600;
|
||||
background-color: #e6f7ff;
|
||||
}
|
||||
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
|
||||
color: #1890ff;
|
||||
}
|
||||
.ant-select-item-option-disabled {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-select-item-option-grouped {
|
||||
padding-left: 24px;
|
||||
}
|
||||
.ant-select-lg {
|
||||
font-size: 16px;
|
||||
}
|
||||
.ant-select-borderless .ant-select-selector {
|
||||
background-color: transparent !important;
|
||||
border-color: transparent !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.ant-select-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ant-select-rtl .ant-select-arrow {
|
||||
right: initial;
|
||||
left: 11px;
|
||||
}
|
||||
.ant-select-rtl .ant-select-clear {
|
||||
right: initial;
|
||||
left: 11px;
|
||||
}
|
||||
.ant-select-dropdown-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ant-select-dropdown-rtl .ant-select-item-option-grouped {
|
||||
padding-right: 24px;
|
||||
padding-left: 12px;
|
||||
}
|
||||
.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
|
||||
padding-right: 4px;
|
||||
padding-left: 24px;
|
||||
}
|
||||
.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
|
||||
margin-right: 0;
|
||||
margin-left: 4px;
|
||||
text-align: right;
|
||||
}
|
||||
.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
|
||||
margin-right: 0;
|
||||
margin-left: 4px;
|
||||
text-align: right;
|
||||
}
|
||||
.ant-select-rtl.ant-select-multiple .ant-select-selection-search {
|
||||
margin-right: 0.5px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
|
||||
right: 11px;
|
||||
left: auto;
|
||||
}
|
||||
.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
|
||||
right: 7px;
|
||||
}
|
||||
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
|
||||
.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
|
||||
right: 0;
|
||||
left: 9px;
|
||||
text-align: right;
|
||||
}
|
||||
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
|
||||
right: 11px;
|
||||
left: 25px;
|
||||
}
|
||||
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
|
||||
.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
|
||||
padding-right: 0;
|
||||
padding-left: 18px;
|
||||
}
|
||||
.ant-select-rtl.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
||||
padding: 0 11px;
|
||||
}
|
||||
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
|
||||
right: 0;
|
||||
}
|
||||
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
|
||||
.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
|
||||
padding-right: 0;
|
||||
padding-left: 21px;
|
||||
}
|
||||
3
web/node_modules/antd/es/select/style/index.d.ts
generated
vendored
Normal file
3
web/node_modules/antd/es/select/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
import '../../style/index.less';
|
||||
import './index.less';
|
||||
import '../../empty/style';
|
||||
4
web/node_modules/antd/es/select/style/index.js
generated
vendored
Normal file
4
web/node_modules/antd/es/select/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
import '../../style/index.less';
|
||||
import './index.less'; // style dependencies
|
||||
|
||||
import '../../empty/style';
|
||||
290
web/node_modules/antd/es/select/style/index.less
generated
vendored
Normal file
290
web/node_modules/antd/es/select/style/index.less
generated
vendored
Normal file
@@ -0,0 +1,290 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
@import '../../input/style/mixin';
|
||||
|
||||
@import './single';
|
||||
@import './multiple';
|
||||
|
||||
@select-prefix-cls: ~'@{ant-prefix}-select';
|
||||
@select-height-without-border: @input-height-base - 2 * @border-width-base;
|
||||
@select-dropdown-edge-child-vertical-padding: @dropdown-edge-child-vertical-padding;
|
||||
|
||||
.select-selector() {
|
||||
position: relative;
|
||||
background-color: @select-background;
|
||||
border: @border-width-base @border-style-base @select-border-color;
|
||||
border-radius: @border-radius-base;
|
||||
transition: all 0.3s @ease-in-out;
|
||||
|
||||
input {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-show-search& {
|
||||
cursor: text;
|
||||
|
||||
input {
|
||||
cursor: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-focused& {
|
||||
.active();
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-disabled& {
|
||||
color: @disabled-color;
|
||||
background: @input-disabled-bg;
|
||||
cursor: not-allowed;
|
||||
|
||||
input {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Reset search input style */
|
||||
.select-search-input-without-border() {
|
||||
.@{select-prefix-cls}-selection-search-input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.@{select-prefix-cls} {
|
||||
.reset-component;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
|
||||
&:not(.@{select-prefix-cls}-disabled):hover &-selector {
|
||||
.hover();
|
||||
}
|
||||
|
||||
// ======================== Selection ========================
|
||||
&-selection-item {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
// IE11 css hack. `*::-ms-backdrop,` is a must have
|
||||
@media all and (-ms-high-contrast: none) {
|
||||
*::-ms-backdrop,
|
||||
& {
|
||||
flex: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ======================= Placeholder =======================
|
||||
&-selection-placeholder {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
opacity: 0.4;
|
||||
|
||||
// IE11 css hack. `*::-ms-backdrop,` is a must have
|
||||
@media all and (-ms-high-contrast: none) {
|
||||
*::-ms-backdrop,
|
||||
& {
|
||||
flex: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ========================== Arrow ==========================
|
||||
&-arrow {
|
||||
.iconfont-mixin();
|
||||
position: absolute;
|
||||
top: 53%;
|
||||
right: @control-padding-horizontal - 1px;
|
||||
width: @font-size-sm;
|
||||
height: @font-size-sm;
|
||||
margin-top: -@font-size-sm / 2;
|
||||
color: @disabled-color;
|
||||
font-size: @font-size-sm;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
|
||||
.anticon {
|
||||
vertical-align: top;
|
||||
transition: transform 0.3s;
|
||||
|
||||
> svg {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-open &.anticon-down {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
&.anticon-down {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
// ========================== Clear ==========================
|
||||
&-clear {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: @control-padding-horizontal - 1px;
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
width: @font-size-sm;
|
||||
height: @font-size-sm;
|
||||
margin-top: -@font-size-sm / 2;
|
||||
color: @disabled-color;
|
||||
font-size: @font-size-sm;
|
||||
font-style: normal;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
background: @select-clear-background;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
transition: color 0.3s ease, opacity 0.15s ease;
|
||||
text-rendering: auto;
|
||||
&::before {
|
||||
display: block;
|
||||
}
|
||||
&:hover {
|
||||
color: @text-color-secondary;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}:hover & {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// ========================== Popup ==========================
|
||||
&-dropdown {
|
||||
.reset-component;
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
left: -9999px;
|
||||
z-index: @zindex-dropdown;
|
||||
box-sizing: border-box;
|
||||
padding: @select-dropdown-edge-child-vertical-padding 0;
|
||||
overflow: hidden;
|
||||
font-size: @font-size-base;
|
||||
// Fix select render lag of long text in chrome
|
||||
// https://github.com/ant-design/ant-design/issues/11456
|
||||
// https://github.com/ant-design/ant-design/issues/11843
|
||||
font-variant: initial;
|
||||
background-color: @select-dropdown-bg;
|
||||
border-radius: @border-radius-base;
|
||||
outline: none;
|
||||
box-shadow: @box-shadow-base;
|
||||
|
||||
&.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
|
||||
&.slide-up-appear.slide-up-appear-active&-placement-bottomLeft {
|
||||
animation-name: antSlideUpIn;
|
||||
}
|
||||
|
||||
&.slide-up-enter.slide-up-enter-active&-placement-topLeft,
|
||||
&.slide-up-appear.slide-up-appear-active&-placement-topLeft {
|
||||
animation-name: antSlideDownIn;
|
||||
}
|
||||
|
||||
&.slide-up-leave.slide-up-leave-active&-placement-bottomLeft {
|
||||
animation-name: antSlideUpOut;
|
||||
}
|
||||
|
||||
&.slide-up-leave.slide-up-leave-active&-placement-topLeft {
|
||||
animation-name: antSlideDownOut;
|
||||
}
|
||||
|
||||
&-hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// ========================= Options =========================
|
||||
.item() {
|
||||
position: relative;
|
||||
display: block;
|
||||
min-height: @select-dropdown-height;
|
||||
padding: @select-dropdown-vertical-padding @control-padding-horizontal;
|
||||
color: @text-color;
|
||||
font-weight: normal;
|
||||
font-size: @select-dropdown-font-size;
|
||||
line-height: @select-dropdown-line-height;
|
||||
}
|
||||
|
||||
&-item-empty {
|
||||
.item();
|
||||
}
|
||||
|
||||
&-item {
|
||||
.item();
|
||||
|
||||
cursor: pointer;
|
||||
transition: background 0.3s ease;
|
||||
|
||||
// =========== Group ============
|
||||
&-group {
|
||||
color: @text-color-secondary;
|
||||
font-size: @font-size-sm;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
// =========== Option ===========
|
||||
&-option {
|
||||
display: flex;
|
||||
|
||||
&-content {
|
||||
flex: auto;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
&-state {
|
||||
flex: none;
|
||||
}
|
||||
|
||||
&-active:not(&-disabled) {
|
||||
background-color: @select-item-active-bg;
|
||||
}
|
||||
|
||||
&-selected:not(&-disabled) {
|
||||
color: @text-color;
|
||||
font-weight: @select-item-selected-font-weight;
|
||||
background-color: @select-item-selected-bg;
|
||||
|
||||
.@{select-prefix-cls}-item-option-state {
|
||||
color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled {
|
||||
color: @disabled-color;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
&-grouped {
|
||||
padding-left: @control-padding-horizontal * 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ============================================================
|
||||
// == Size ==
|
||||
// ============================================================
|
||||
&-lg {
|
||||
font-size: @font-size-lg;
|
||||
}
|
||||
|
||||
// no border style
|
||||
&-borderless &-selector {
|
||||
background-color: transparent !important;
|
||||
border-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@import './rtl';
|
||||
190
web/node_modules/antd/es/select/style/multiple.less
generated
vendored
Normal file
190
web/node_modules/antd/es/select/style/multiple.less
generated
vendored
Normal file
@@ -0,0 +1,190 @@
|
||||
@import './index';
|
||||
|
||||
@select-multiple-item-border-width: 1px;
|
||||
|
||||
@select-multiple-padding: max(
|
||||
@input-padding-vertical-base - @select-multiple-item-border-width -
|
||||
@select-multiple-item-spacing-half,
|
||||
0
|
||||
);
|
||||
|
||||
/**
|
||||
* Do not merge `height` & `line-height` under style with `selection` & `search`,
|
||||
* since chrome may update to redesign with its align logic.
|
||||
*/
|
||||
|
||||
.@{select-prefix-cls} {
|
||||
&-multiple {
|
||||
// ========================= Selector =========================
|
||||
.@{select-prefix-cls}-selector {
|
||||
.select-selector();
|
||||
.select-search-input-without-border();
|
||||
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
// Multiple is little different that horizontal is follow the vertical
|
||||
padding: @select-multiple-padding @input-padding-vertical-base;
|
||||
|
||||
.@{select-prefix-cls}-show-search& {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
&::after {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
margin: @select-multiple-item-spacing-half 0;
|
||||
line-height: @select-multiple-item-height;
|
||||
content: '\a0';
|
||||
}
|
||||
}
|
||||
|
||||
&.@{select-prefix-cls}-allow-clear .@{select-prefix-cls}-selector {
|
||||
padding-right: @font-size-sm + @control-padding-horizontal;
|
||||
}
|
||||
|
||||
// ======================== Selections ========================
|
||||
.@{select-prefix-cls}-selection-item {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex: none;
|
||||
box-sizing: border-box;
|
||||
max-width: 100%;
|
||||
|
||||
height: @select-multiple-item-height;
|
||||
margin-top: @select-multiple-item-spacing-half;
|
||||
margin-right: @input-padding-vertical-base;
|
||||
margin-bottom: @select-multiple-item-spacing-half;
|
||||
padding: 0 (@padding-xs / 2) 0 @padding-xs;
|
||||
line-height: @select-multiple-item-height - @select-multiple-item-border-width * 2;
|
||||
background: @select-selection-item-bg;
|
||||
border: 1px solid @select-selection-item-border-color;
|
||||
border-radius: @border-radius-base;
|
||||
cursor: default;
|
||||
transition: font-size 0.3s, line-height 0.3s, height 0.3s;
|
||||
user-select: none;
|
||||
|
||||
// It's ok not to do this, but 24px makes bottom narrow in view should adjust
|
||||
&-content {
|
||||
display: inline-block;
|
||||
margin-right: @padding-xs / 2;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
&-remove {
|
||||
.iconfont-mixin();
|
||||
|
||||
display: inline-block;
|
||||
color: @text-color-secondary;
|
||||
font-weight: bold;
|
||||
font-size: @font-size-sm;
|
||||
line-height: inherit;
|
||||
cursor: pointer;
|
||||
.iconfont-size-under-12px(10px);
|
||||
&:hover {
|
||||
color: @icon-color-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ========================== Input ==========================
|
||||
.@{select-prefix-cls}-selection-search {
|
||||
position: relative;
|
||||
margin-left: @select-multiple-padding / 2;
|
||||
|
||||
&-input,
|
||||
&-mirror {
|
||||
font-family: @font-family;
|
||||
line-height: @line-height-base;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
&-input {
|
||||
width: 100%;
|
||||
min-width: 3px;
|
||||
}
|
||||
|
||||
&-mirror {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
white-space: nowrap;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
// https://github.com/ant-design/ant-design/issues/22906
|
||||
&:first-child .@{select-prefix-cls}-selection-search-input {
|
||||
margin-left: 6.5px;
|
||||
}
|
||||
}
|
||||
|
||||
// ======================= Placeholder =======================
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: @input-padding-horizontal;
|
||||
left: @input-padding-horizontal;
|
||||
transform: translateY(-50%);
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
// ============================================================
|
||||
// == Size ==
|
||||
// ============================================================
|
||||
.select-size(@suffix, @input-height) {
|
||||
@merged-cls: ~'@{select-prefix-cls}-@{suffix}';
|
||||
&.@{merged-cls} {
|
||||
@select-selection-height: @input-height - @input-padding-vertical-base * 2;
|
||||
@select-height-without-border: @input-height - @border-width-base * 2;
|
||||
|
||||
.@{select-prefix-cls}-selector::after {
|
||||
line-height: @select-selection-height;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-selection-item {
|
||||
height: @select-selection-height;
|
||||
line-height: @select-selection-height - @border-width-base * 2;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-selection-search {
|
||||
height: @select-selection-height + @select-multiple-padding;
|
||||
line-height: @select-selection-height + @select-multiple-padding;
|
||||
|
||||
&-input,
|
||||
&-mirror {
|
||||
height: @select-selection-height;
|
||||
line-height: @select-selection-height - @border-width-base * 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select-size('lg', @input-height-lg);
|
||||
.select-size('sm', @input-height-sm);
|
||||
|
||||
// Size small need additional set padding
|
||||
&.@{select-prefix-cls}-sm {
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
left: @input-padding-horizontal-sm;
|
||||
}
|
||||
// https://github.com/ant-design/ant-design/issues/22906
|
||||
.@{select-prefix-cls}-selection-search:first-child
|
||||
.@{select-prefix-cls}-selection-search-input {
|
||||
margin-left: 3px;
|
||||
}
|
||||
}
|
||||
&.@{select-prefix-cls}-lg {
|
||||
.@{select-prefix-cls}-selection-item {
|
||||
height: @select-multiple-item-height-lg;
|
||||
line-height: @select-multiple-item-height-lg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-disabled .@{select-prefix-cls}-selection-item-remove {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
185
web/node_modules/antd/es/select/style/rtl.less
generated
vendored
Normal file
185
web/node_modules/antd/es/select/style/rtl.less
generated
vendored
Normal file
@@ -0,0 +1,185 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
@import '../../input/style/mixin';
|
||||
|
||||
@select-prefix-cls: ~'@{ant-prefix}-select';
|
||||
|
||||
.@{select-prefix-cls} {
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
// ========================== Arrow ==========================
|
||||
&-arrow {
|
||||
.@{select-prefix-cls}-rtl & {
|
||||
right: initial;
|
||||
left: @control-padding-horizontal - 1px;
|
||||
}
|
||||
}
|
||||
|
||||
// ========================== Clear ==========================
|
||||
&-clear {
|
||||
.@{select-prefix-cls}-rtl & {
|
||||
right: initial;
|
||||
left: @control-padding-horizontal - 1px;
|
||||
}
|
||||
}
|
||||
|
||||
// ========================== Popup ==========================
|
||||
&-dropdown {
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
}
|
||||
|
||||
// ========================= Options =========================
|
||||
&-item {
|
||||
&-option {
|
||||
&-grouped {
|
||||
.@{select-prefix-cls}-dropdown-rtl & {
|
||||
padding-right: @control-padding-horizontal * 2;
|
||||
padding-left: @control-padding-horizontal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// multiple
|
||||
@select-multiple-item-border-width: 1px;
|
||||
@select-multiple-item-spacing-half: ceil(@input-padding-vertical-base / 2);
|
||||
@select-multiple-padding: max(
|
||||
@input-padding-vertical-base - @select-multiple-item-border-width -
|
||||
@select-multiple-item-spacing-half,
|
||||
0
|
||||
);
|
||||
|
||||
.@{select-prefix-cls}-multiple {
|
||||
&.@{select-prefix-cls}-allow-clear .@{select-prefix-cls}-selector {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
padding-right: @input-padding-vertical-base;
|
||||
padding-left: @font-size-sm + @control-padding-horizontal;
|
||||
}
|
||||
}
|
||||
// ======================== Selections ========================
|
||||
.@{select-prefix-cls}-selection-item {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
margin-right: 0;
|
||||
margin-left: @input-padding-vertical-base;
|
||||
text-align: right;
|
||||
}
|
||||
// It's ok not to do this, but 24px makes bottom narrow in view should adjust
|
||||
&-content {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
margin-right: 0;
|
||||
margin-left: @padding-xs / 2;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ========================== Input ==========================
|
||||
.@{select-prefix-cls}-selection-search {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
margin-right: @select-multiple-padding / 2;
|
||||
margin-left: @input-padding-vertical-base;
|
||||
}
|
||||
|
||||
&-mirror {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ======================= Placeholder =======================
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
right: @input-padding-horizontal;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// ============================================================
|
||||
// == Size ==
|
||||
// ============================================================
|
||||
|
||||
// Size small need additional set padding
|
||||
&.@{select-prefix-cls}-sm {
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
right: @input-padding-horizontal-sm;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// single
|
||||
@selection-item-padding: ceil(@font-size-base * 1.25);
|
||||
|
||||
.@{select-prefix-cls}-single {
|
||||
// ========================= Selector =========================
|
||||
.@{select-prefix-cls}-selector {
|
||||
.@{select-prefix-cls}-selection-item,
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
right: 0;
|
||||
left: 9px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// With arrow should provides `padding-right` to show the arrow
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
right: @input-padding-horizontal-base;
|
||||
left: @input-padding-horizontal-base + @font-size-base;
|
||||
}
|
||||
}
|
||||
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item,
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
padding-right: 0;
|
||||
padding-left: @selection-item-padding;
|
||||
}
|
||||
}
|
||||
|
||||
// ========================== Input ==========================
|
||||
// We only change the style of non-customize input which is only support by `combobox` mode.
|
||||
|
||||
// Not customize
|
||||
&:not(.@{select-prefix-cls}-customize-input) {
|
||||
.@{select-prefix-cls}-selector {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
padding: 0 @input-padding-horizontal-base;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ============================================================
|
||||
// == Size ==
|
||||
// ============================================================
|
||||
|
||||
// Size small need additional set padding
|
||||
&.@{select-prefix-cls}-sm {
|
||||
&:not(.@{select-prefix-cls}-customize-input) {
|
||||
// With arrow should provides `padding-right` to show the arrow
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item,
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
|
||||
.@{select-prefix-cls}-rtl& {
|
||||
padding-right: 0;
|
||||
padding-left: @font-size-base * 1.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
167
web/node_modules/antd/es/select/style/single.less
generated
vendored
Normal file
167
web/node_modules/antd/es/select/style/single.less
generated
vendored
Normal file
@@ -0,0 +1,167 @@
|
||||
@import './index';
|
||||
|
||||
@selection-item-padding: ceil(@font-size-base * 1.25);
|
||||
|
||||
.@{select-prefix-cls}-single {
|
||||
// ========================= Selector =========================
|
||||
.@{select-prefix-cls}-selector {
|
||||
display: flex;
|
||||
|
||||
.@{select-prefix-cls}-selection-search {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: @input-padding-horizontal-base;
|
||||
bottom: 0;
|
||||
left: @input-padding-horizontal-base;
|
||||
|
||||
&-input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-selection-item,
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
padding: 0;
|
||||
line-height: @select-height-without-border;
|
||||
transition: all 0.3s;
|
||||
pointer-events: none;
|
||||
|
||||
// Firefox inline-block position calculation is not same as Chrome & Safari. Patch this:
|
||||
@supports (-moz-appearance: meterbar) {
|
||||
& {
|
||||
line-height: @select-height-without-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// For common baseline align
|
||||
&::after,
|
||||
// For '' value baseline align
|
||||
.@{select-prefix-cls}-selection-item::after,
|
||||
// For undefined value baseline align
|
||||
.@{select-prefix-cls}-selection-placeholder::after {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
visibility: hidden;
|
||||
content: '\a0';
|
||||
}
|
||||
}
|
||||
|
||||
// With arrow should provides `padding-right` to show the arrow
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
|
||||
right: @input-padding-horizontal-base + @font-size-base;
|
||||
}
|
||||
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item,
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
|
||||
padding-right: @selection-item-padding;
|
||||
}
|
||||
|
||||
// Opacity selection if open
|
||||
&.@{select-prefix-cls}-open .@{select-prefix-cls}-selection-item {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
// ========================== Input ==========================
|
||||
// We only change the style of non-customize input which is only support by `combobox` mode.
|
||||
|
||||
// Not customize
|
||||
&:not(.@{select-prefix-cls}-customize-input) {
|
||||
.@{select-prefix-cls}-selector {
|
||||
.select-selector();
|
||||
.select-search-input-without-border();
|
||||
width: 100%;
|
||||
|
||||
height: @input-height-base;
|
||||
padding: 0 @input-padding-horizontal-base;
|
||||
|
||||
.@{select-prefix-cls}-selection-search-input {
|
||||
height: @select-height-without-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.@{select-prefix-cls}-customize-input {
|
||||
.@{select-prefix-cls}-selector {
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-selection-search {
|
||||
position: static;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
padding: 0 @input-padding-horizontal-base;
|
||||
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ============================================================
|
||||
// == Size ==
|
||||
// ============================================================
|
||||
.select-size(@suffix, @input-height) {
|
||||
@merged-cls: ~'@{select-prefix-cls}-@{suffix}';
|
||||
|
||||
&.@{merged-cls}:not(.@{select-prefix-cls}-customize-input) {
|
||||
.@{select-prefix-cls}-selector {
|
||||
height: @input-height;
|
||||
|
||||
.@{select-prefix-cls}-selection-item,
|
||||
.@{select-prefix-cls}-selection-placeholder {
|
||||
line-height: @input-height - 2 * @border-width-base;
|
||||
}
|
||||
}
|
||||
|
||||
// Not customize
|
||||
&:not(.@{select-prefix-cls}-customize-input) {
|
||||
.@{select-prefix-cls}-selection-search-input {
|
||||
height: @input-height - 2 * @border-width-base;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select-size('lg', @select-single-item-height-lg);
|
||||
.select-size('sm', @input-height-sm);
|
||||
|
||||
// Size small need additional set padding
|
||||
&.@{select-prefix-cls}-sm {
|
||||
&:not(.@{select-prefix-cls}-customize-input) {
|
||||
.@{select-prefix-cls}-selection-search {
|
||||
right: @input-padding-horizontal-sm;
|
||||
left: @input-padding-horizontal-sm;
|
||||
}
|
||||
|
||||
.@{select-prefix-cls}-selector {
|
||||
padding: 0 @input-padding-horizontal-sm;
|
||||
}
|
||||
|
||||
// With arrow should provides `padding-right` to show the arrow
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-search {
|
||||
right: @input-padding-horizontal-sm + @font-size-base * 1.5;
|
||||
}
|
||||
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-item,
|
||||
&.@{select-prefix-cls}-show-arrow .@{select-prefix-cls}-selection-placeholder {
|
||||
padding-right: @font-size-base * 1.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.@{select-prefix-cls}-lg {
|
||||
&:not(.@{select-prefix-cls}-customize-input) {
|
||||
.@{select-prefix-cls}-selector {
|
||||
padding: 0 @input-padding-horizontal-lg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
14
web/node_modules/antd/es/select/utils/iconUtil.d.ts
generated
vendored
Normal file
14
web/node_modules/antd/es/select/utils/iconUtil.d.ts
generated
vendored
Normal file
@@ -0,0 +1,14 @@
|
||||
import React from 'react';
|
||||
export default function getIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loading, multiple, }: {
|
||||
suffixIcon?: React.ReactNode;
|
||||
clearIcon?: React.ReactNode;
|
||||
menuItemSelectedIcon?: React.ReactNode;
|
||||
removeIcon?: React.ReactNode;
|
||||
loading?: boolean;
|
||||
multiple?: boolean;
|
||||
}): {
|
||||
clearIcon: React.ReactNode;
|
||||
suffixIcon: {} | null;
|
||||
itemIcon: {} | null;
|
||||
removeIcon: {} | null;
|
||||
};
|
||||
69
web/node_modules/antd/es/select/utils/iconUtil.js
generated
vendored
Normal file
69
web/node_modules/antd/es/select/utils/iconUtil.js
generated
vendored
Normal file
@@ -0,0 +1,69 @@
|
||||
import React from 'react';
|
||||
import DownOutlined from '@ant-design/icons/DownOutlined';
|
||||
import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
|
||||
import CheckOutlined from '@ant-design/icons/CheckOutlined';
|
||||
import CloseOutlined from '@ant-design/icons/CloseOutlined';
|
||||
import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
|
||||
import SearchOutlined from '@ant-design/icons/SearchOutlined';
|
||||
export default function getIcons(_ref) {
|
||||
var suffixIcon = _ref.suffixIcon,
|
||||
clearIcon = _ref.clearIcon,
|
||||
menuItemSelectedIcon = _ref.menuItemSelectedIcon,
|
||||
removeIcon = _ref.removeIcon,
|
||||
loading = _ref.loading,
|
||||
multiple = _ref.multiple;
|
||||
// Clear Icon
|
||||
var mergedClearIcon = clearIcon;
|
||||
|
||||
if (!clearIcon) {
|
||||
mergedClearIcon = /*#__PURE__*/React.createElement(CloseCircleFilled, null);
|
||||
} // Arrow item icon
|
||||
|
||||
|
||||
var mergedSuffixIcon = null;
|
||||
|
||||
if (suffixIcon !== undefined) {
|
||||
mergedSuffixIcon = suffixIcon;
|
||||
} else if (loading) {
|
||||
mergedSuffixIcon = /*#__PURE__*/React.createElement(LoadingOutlined, {
|
||||
spin: true
|
||||
});
|
||||
} else {
|
||||
mergedSuffixIcon = function mergedSuffixIcon(_ref2) {
|
||||
var open = _ref2.open,
|
||||
showSearch = _ref2.showSearch;
|
||||
|
||||
if (open && showSearch) {
|
||||
return /*#__PURE__*/React.createElement(SearchOutlined, null);
|
||||
}
|
||||
|
||||
return /*#__PURE__*/React.createElement(DownOutlined, null);
|
||||
};
|
||||
} // Checked item icon
|
||||
|
||||
|
||||
var mergedItemIcon = null;
|
||||
|
||||
if (menuItemSelectedIcon !== undefined) {
|
||||
mergedItemIcon = menuItemSelectedIcon;
|
||||
} else if (multiple) {
|
||||
mergedItemIcon = /*#__PURE__*/React.createElement(CheckOutlined, null);
|
||||
} else {
|
||||
mergedItemIcon = null;
|
||||
}
|
||||
|
||||
var mergedRemoveIcon = null;
|
||||
|
||||
if (removeIcon !== undefined) {
|
||||
mergedRemoveIcon = removeIcon;
|
||||
} else {
|
||||
mergedRemoveIcon = /*#__PURE__*/React.createElement(CloseOutlined, null);
|
||||
}
|
||||
|
||||
return {
|
||||
clearIcon: mergedClearIcon,
|
||||
suffixIcon: mergedSuffixIcon,
|
||||
itemIcon: mergedItemIcon,
|
||||
removeIcon: mergedRemoveIcon
|
||||
};
|
||||
}
|
||||
Reference in New Issue
Block a user