MinsoftK

5

Showing 1000 changed files with 0 additions and 3905 deletions

Too many changes to show.

To preserve performance only 1000 of 1000+ files are displayed.

1 -// =============== Common ===============
2 -.typography-paragraph() {
3 - margin-bottom: 1em;
4 -}
5 -
6 -.typography-title(@fontSize; @fontWeight; @lineHeight; @headingColor; @headingMarginBottom;) {
7 - margin-bottom: @headingMarginBottom;
8 - color: @headingColor;
9 - font-weight: @fontWeight;
10 - font-size: @fontSize;
11 - line-height: @lineHeight;
12 -}
13 -
14 -.typography-title-1() {
15 - .typography-title(
16 - @heading-1-size,
17 - @typography-title-font-weight,
18 - 1.23,
19 - @heading-color,
20 - @typography-title-margin-bottom
21 - );
22 -}
23 -.typography-title-2() {
24 - .typography-title(
25 - @heading-2-size,
26 - @typography-title-font-weight,
27 - 1.35,
28 - @heading-color,
29 - @typography-title-margin-bottom
30 - );
31 -}
32 -.typography-title-3() {
33 - .typography-title(
34 - @heading-3-size,
35 - @typography-title-font-weight,
36 - 1.35,
37 - @heading-color,
38 - @typography-title-margin-bottom
39 - );
40 -}
41 -.typography-title-4() {
42 - .typography-title(
43 - @heading-4-size,
44 - @typography-title-font-weight,
45 - 1.4,
46 - @heading-color,
47 - @typography-title-margin-bottom
48 - );
49 -}
50 -.typography-title-5() {
51 - .typography-title(
52 - @heading-5-size,
53 - @typography-title-font-weight,
54 - 1.5,
55 - @heading-color,
56 - @typography-title-margin-bottom
57 - );
58 -}
1 -@import './default.less';
2 -
3 -@line-height-base: 1.66667;
4 -@mode: compact;
5 -@font-size-base: 12px;
6 -@font-size-lg: @font-size-base + 2px;
7 -
8 -// default paddings
9 -@default-padding-lg: 24px; // containers
10 -@default-padding-md: 16px; // small containers and buttons
11 -@default-padding-sm: 12px; // Form controls and items
12 -@default-padding-xs: 8px; // small items
13 -@default-padding-xss: 4px; // more small
14 -
15 -// vertical paddings
16 -@padding-lg: 16px; // containers
17 -@padding-md: 8px; // small containers and buttons
18 -@padding-sm: 8px; // Form controls and items
19 -@padding-xs: 4px; // small items
20 -@padding-xss: 0px; // more small
21 -
22 -// vertical padding for all form controls
23 -@control-padding-horizontal: @padding-sm;
24 -@control-padding-horizontal-sm: @default-padding-xs;
25 -
26 -// vertical margins
27 -@margin-lg: 16px; // containers
28 -@margin-md: 8px; // small containers and buttons
29 -@margin-sm: 8px; // Form controls and items
30 -@margin-xs: 4px; // small items
31 -@margin-xss: 0px; // more small
32 -
33 -// height rules
34 -@height-base: 28px;
35 -@height-lg: 32px;
36 -@height-sm: 22px;
37 -
38 -// Button
39 -// ---
40 -@btn-padding-horizontal-base: @default-padding-sm - 1px;
41 -@btn-padding-horizontal-lg: @btn-padding-horizontal-base;
42 -@btn-padding-horizontal-sm: @default-padding-xs - 1px;
43 -@btn-square-only-icon-size-lg: 16px;
44 -@btn-square-only-icon-size: 14px;
45 -@btn-square-only-icon-size-sm: 12px;
46 -
47 -// Breadcrumb
48 -// ---
49 -@breadcrumb-font-size: @font-size-base;
50 -@breadcrumb-icon-font-size: @font-size-base;
51 -
52 -//Dropdown
53 -@dropdown-line-height: 18px;
54 -
55 -// Menu
56 -@menu-item-padding: 0 12px;
57 -@menu-horizontal-line-height: 38px;
58 -@menu-inline-toplevel-item-height: 32px;
59 -@menu-item-height: 32px;
60 -@menu-item-vertical-margin: 0px;
61 -@menu-item-boundary-margin: 0px;
62 -@menu-icon-margin-right: 8px;
63 -
64 -// Checkbox
65 -@checkbox-size: 14px;
66 -@checkbox-group-item-margin-right: 6px;
67 -
68 -// picker
69 -@picker-panel-cell-height: 22px;
70 -@picker-panel-cell-width: 32px;
71 -@picker-text-height: 32px;
72 -@picker-time-panel-cell-height: 24px;
73 -@picker-panel-without-time-cell-height: 48px;
74 -
75 -// Form
76 -// ---
77 -@form-item-margin-bottom: 16px;
78 -@form-vertical-label-padding: 0 0 4px;
79 -
80 -// Rate
81 -// ---
82 -@rate-star-size: 16px;
83 -
84 -// Radio
85 -// ---
86 -@radio-size: 14px;
87 -@radio-top: -2px;
88 -@radio-wrapper-margin-right: 6px;
89 -
90 -// Switch
91 -// ---
92 -@switch-height: 20px;
93 -@switch-sm-height: 14px;
94 -@switch-min-width: 40px;
95 -@switch-sm-min-width: 24px;
96 -@switch-inner-margin-min: 4px;
97 -@switch-inner-margin-max: 22px;
98 -
99 -// Slider
100 -// ---
101 -@slider-handle-size: 12px;
102 -@slider-handle-margin-top: -4px;
103 -
104 -// Input
105 -// ---
106 -@input-padding-vertical-base: round(
107 - max(
108 - round((@input-height-base - @font-size-base * @line-height-base) / 2 * 10) / 10 -
109 - @border-width-base,
110 - 2px
111 - )
112 -);
113 -@input-padding-horizontal-lg: 11px;
114 -
115 -// PageHeader
116 -// ---
117 -@page-header-padding: 16px;
118 -@page-header-padding-vertical: 8px;
119 -@page-header-heading-title: 16px;
120 -@page-header-heading-sub-title: 12px;
121 -@page-header-tabs-tab-font-size: 14px;
122 -
123 -// Pagination
124 -// ---
125 -@pagination-mini-options-size-changer-top: 1px;
126 -@pagination-item-size-sm: 22px;
127 -
128 -// Cascader
129 -// ----
130 -@cascader-dropdown-line-height: @dropdown-line-height;
131 -
132 -// Select
133 -// ---
134 -@select-dropdown-height: @height-base;
135 -@select-single-item-height-lg: 32px;
136 -@select-multiple-item-height: @input-height-base - max(@input-padding-vertical-base, 4) * 2; // Normal 24px
137 -@select-multiple-item-height-lg: 24px;
138 -@select-multiple-item-spacing-half: 3px;
139 -
140 -// Tree
141 -// ---
142 -@tree-title-height: 20px;
143 -
144 -// Transfer
145 -// ---
146 -@transfer-item-padding-vertical: 3px;
147 -@transfer-list-search-icon-top: 8px;
148 -@transfer-header-height: 36px;
149 -
150 -// Comment
151 -// ---
152 -@comment-actions-margin-bottom: 0px;
153 -@comment-actions-margin-top: @margin-xs;
154 -@comment-content-detail-p-margin-bottom: 0px;
155 -
156 -// Steps
157 -// ---
158 -@steps-icon-size: 24px;
159 -@steps-icon-custom-size: 20px;
160 -@steps-icon-custom-font-size: 20px;
161 -@steps-icon-custom-top: 2px;
162 -@steps-icon-margin: 2px 8px 2px 0;
163 -@steps-icon-font-size: @font-size-base;
164 -@steps-dot-top: 4px;
165 -@steps-icon-top: 0px;
166 -@steps-small-icon-size: 20px;
167 -@steps-vertical-icon-width: 12px;
168 -@steps-vertical-tail-width: 12px;
169 -@steps-vertical-tail-width-sm: 10px;
170 -// Collapse
171 -// ---
172 -//@collapse-header-padding-extra: 32px;
173 -@collapse-content-padding: @padding-md @padding-lg;
174 -
175 -// List
176 -// ---
177 -@list-item-meta-description-font-size: @font-size-sm;
178 -@list-item-padding-sm: 4px 12px;
179 -@list-item-padding-lg: 12px 16px;
180 -
181 -// Drawer
182 -// ---
183 -@drawer-header-padding: 11px @padding-lg;
184 -@drawer-footer-padding-vertical: @padding-sm;
185 -@drawer-header-close-size: 44px;
186 -
187 -// Modal
188 -// --
189 -@modal-header-padding: 11px @modal-header-padding-horizontal;
190 -@modal-footer-padding-vertical: @padding-sm;
191 -@modal-header-close-size: 44px;
192 -@modal-confirm-body-padding: 24px 24px 16px;
193 -
194 -// Message
195 -// ---
196 -@message-notice-content-padding: 8px 16px;
197 -
198 -// popover
199 -// --
200 -@popover-min-height: 28px;
201 -@popover-padding-horizontal: @default-padding-sm;
202 -
203 -// Card
204 -// ---
205 -@card-padding-base: 16px;
206 -@card-head-height: 36px;
207 -@card-head-font-size: @card-head-font-size-sm;
208 -@card-head-padding: 8.5px;
209 -@card-padding-base: 12px;
210 -@card-padding-base-sm: @card-padding-base;
211 -@card-head-height-sm: 30px;
212 -@card-head-padding-sm: 6px;
213 -@card-actions-li-margin: 4px 0;
214 -@card-head-tabs-margin-bottom: -9px;
215 -
216 -// Table
217 -// ---
218 -@table-padding-vertical: 12px;
219 -@table-padding-horizontal: 8px;
220 -@table-padding-vertical-md: 8px;
221 -@table-padding-horizontal-md: 8px;
222 -@table-padding-vertical-sm: 4px;
223 -@table-padding-horizontal-sm: 4px;
224 -@table-selection-column-width: 32px;
225 -
226 -// Statistic
227 -// ---
228 -@statistic-content-font-size: 20px;
229 -
230 -// Alert
231 -// ---
232 -@alert-with-description-no-icon-padding-vertical: 7px;
233 -@alert-with-description-padding-vertical: 11px;
234 -@alert-icon-top: 7px + @font-size-base * @line-height-base / 2 - @font-size-base / 2;
235 -@alert-with-description-icon-size: 20px;
236 -
237 -// Skeleton
238 -// ---
239 -@skeleton-paragraph-margin-top: 20px;
240 -@skeleton-paragraph-li-margin-top: 12px;
241 -@skeleton-paragraph-li-height: 14px;
242 -@skeleton-title-height: 14px;
243 -@skeleton-title-paragraph-margin-top: 20px;
244 -
245 -// Descriptions
246 -@descriptions-title-margin-bottom: 8px;
247 -@descriptions-default-padding: 12px @padding-lg;
248 -@descriptions-item-padding-bottom: @padding-xs;
249 -
250 -// Avatar
251 -// ---
252 -@avatar-size-base: 28px;
253 -@avatar-size-lg: 32px;
254 -@avatar-size-sm: 22px;
255 -@avatar-font-size-base: 16px;
256 -@avatar-font-size-lg: 20px;
257 -@avatar-font-size-sm: 12px;
258 -
259 -// Badge
260 -// ---
261 -@badge-height: 18px;
262 -
263 -// Tag
264 -// ---
265 -@tag-line-height: 18px;
266 -
267 -// Notification
268 -// ---
269 -@notification-padding-vertical: 12px;
270 -@notification-padding-horizontal: 16px;
271 -
272 -// Result
273 -// ---
274 -@result-title-font-size: 20px;
275 -@result-icon-font-size: 64px;
276 -@result-extra-margin: 24px 0 0 0;
277 -
278 -// Anchor
279 -// ---
280 -@anchor-link-top: 4px;
281 -@anchor-link-left: 16px;
282 -@anchor-link-padding: @anchor-link-top 0 @anchor-link-top @anchor-link-left;
283 -
284 -// Tabs
285 -// ---
286 -@tabs-card-horizontal-padding: 4px @padding-md;
287 -
288 -// Progress
289 -// ---
290 -@progress-circle-text-font-size: 0.833333em;
291 -
292 -// Image
293 -// ---
294 -@image-size-base: 48px;
295 -@image-font-size-base: 24px;
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
1 -import * as React from 'react';
2 -export declare type SwitchSize = 'small' | 'default';
3 -export declare type SwitchChangeEventHandler = (checked: boolean, event: MouseEvent) => void;
4 -export declare type SwitchClickEventHandler = SwitchChangeEventHandler;
5 -export interface SwitchProps {
6 - prefixCls?: string;
7 - size?: SwitchSize;
8 - className?: string;
9 - checked?: boolean;
10 - defaultChecked?: boolean;
11 - onChange?: SwitchChangeEventHandler;
12 - onClick?: SwitchClickEventHandler;
13 - checkedChildren?: React.ReactNode;
14 - unCheckedChildren?: React.ReactNode;
15 - disabled?: boolean;
16 - loading?: boolean;
17 - autoFocus?: boolean;
18 - style?: React.CSSProperties;
19 - title?: string;
20 -}
21 -interface CompoundedComponent extends React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLElement>> {
22 - __ANT_SWITCH: boolean;
23 -}
24 -declare const Switch: CompoundedComponent;
25 -export default Switch;
1 -"use strict";
2 -
3 -var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4 -
5 -var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6 -
7 -Object.defineProperty(exports, "__esModule", {
8 - value: true
9 -});
10 -exports["default"] = void 0;
11 -
12 -var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13 -
14 -var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15 -
16 -var React = _interopRequireWildcard(require("react"));
17 -
18 -var _rcSwitch = _interopRequireDefault(require("rc-switch"));
19 -
20 -var _classnames = _interopRequireDefault(require("classnames"));
21 -
22 -var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons/LoadingOutlined"));
23 -
24 -var _wave = _interopRequireDefault(require("../_util/wave"));
25 -
26 -var _configProvider = require("../config-provider");
27 -
28 -var _SizeContext = _interopRequireDefault(require("../config-provider/SizeContext"));
29 -
30 -var _devWarning = _interopRequireDefault(require("../_util/devWarning"));
31 -
32 -var __rest = void 0 && (void 0).__rest || function (s, e) {
33 - var t = {};
34 -
35 - for (var p in s) {
36 - if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
37 - }
38 -
39 - if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
40 - if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
41 - }
42 - return t;
43 -};
44 -
45 -var Switch = /*#__PURE__*/React.forwardRef(function (_a, ref) {
46 - var _classNames;
47 -
48 - var customizePrefixCls = _a.prefixCls,
49 - customizeSize = _a.size,
50 - loading = _a.loading,
51 - _a$className = _a.className,
52 - className = _a$className === void 0 ? '' : _a$className,
53 - disabled = _a.disabled,
54 - props = __rest(_a, ["prefixCls", "size", "loading", "className", "disabled"]);
55 -
56 - (0, _devWarning["default"])('checked' in props || !('value' in props), 'Switch', '`value` is not a valid prop, do you mean `checked`?');
57 -
58 - var _React$useContext = React.useContext(_configProvider.ConfigContext),
59 - getPrefixCls = _React$useContext.getPrefixCls,
60 - direction = _React$useContext.direction;
61 -
62 - var size = React.useContext(_SizeContext["default"]);
63 - var prefixCls = getPrefixCls('switch', customizePrefixCls);
64 - var loadingIcon = /*#__PURE__*/React.createElement("div", {
65 - className: "".concat(prefixCls, "-handle")
66 - }, loading && /*#__PURE__*/React.createElement(_LoadingOutlined["default"], {
67 - className: "".concat(prefixCls, "-loading-icon")
68 - }));
69 - var classes = (0, _classnames["default"])((_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-small"), (customizeSize || size) === 'small'), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-loading"), loading), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className);
70 - return /*#__PURE__*/React.createElement(_wave["default"], {
71 - insertExtraNode: true
72 - }, /*#__PURE__*/React.createElement(_rcSwitch["default"], (0, _extends2["default"])({}, props, {
73 - prefixCls: prefixCls,
74 - className: classes,
75 - disabled: disabled || loading,
76 - ref: ref,
77 - loadingIcon: loadingIcon
78 - })));
79 -});
80 -Switch.__ANT_SWITCH = true;
81 -Switch.displayName = 'Switch';
82 -var _default = Switch;
83 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -"use strict";
2 -
3 -require("../../style/index.css");
4 -
5 -require("./index.css");
...\ No newline at end of file ...\ No newline at end of file
1 -/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2 -/* stylelint-disable no-duplicate-selectors */
3 -/* stylelint-disable */
4 -/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
5 -.ant-switch {
6 - margin: 0;
7 - padding: 0;
8 - color: rgba(0, 0, 0, 0.85);
9 - font-size: 14px;
10 - font-variant: tabular-nums;
11 - line-height: 1.5715;
12 - list-style: none;
13 - -webkit-font-feature-settings: 'tnum';
14 - font-feature-settings: 'tnum';
15 - position: relative;
16 - display: inline-block;
17 - -webkit-box-sizing: border-box;
18 - box-sizing: border-box;
19 - min-width: 44px;
20 - height: 22px;
21 - line-height: 22px;
22 - vertical-align: middle;
23 - background-color: rgba(0, 0, 0, 0.25);
24 - border: 0;
25 - border-radius: 100px;
26 - cursor: pointer;
27 - -webkit-transition: all 0.2s;
28 - transition: all 0.2s;
29 - -webkit-user-select: none;
30 - -moz-user-select: none;
31 - -ms-user-select: none;
32 - user-select: none;
33 -}
34 -.ant-switch:focus {
35 - outline: 0;
36 - -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
37 - box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
38 -}
39 -.ant-switch-checked:focus {
40 - -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
41 - box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
42 -}
43 -.ant-switch:focus:hover {
44 - -webkit-box-shadow: none;
45 - box-shadow: none;
46 -}
47 -.ant-switch-checked {
48 - background-color: #1890ff;
49 -}
50 -.ant-switch-loading,
51 -.ant-switch-disabled {
52 - cursor: not-allowed;
53 - opacity: 0.4;
54 -}
55 -.ant-switch-loading *,
56 -.ant-switch-disabled * {
57 - -webkit-box-shadow: none;
58 - box-shadow: none;
59 - cursor: not-allowed;
60 -}
61 -.ant-switch-inner {
62 - display: block;
63 - margin: 0 7px 0 25px;
64 - color: #fff;
65 - font-size: 12px;
66 - -webkit-transition: margin 0.2s;
67 - transition: margin 0.2s;
68 -}
69 -.ant-switch-checked .ant-switch-inner {
70 - margin: 0 25px 0 7px;
71 -}
72 -.ant-switch-handle {
73 - position: absolute;
74 - top: 2px;
75 - left: 2px;
76 - width: 18px;
77 - height: 18px;
78 - -webkit-transition: all 0.2s ease-in-out;
79 - transition: all 0.2s ease-in-out;
80 -}
81 -.ant-switch-handle::before {
82 - position: absolute;
83 - top: 0;
84 - right: 0;
85 - bottom: 0;
86 - left: 0;
87 - background-color: #fff;
88 - border-radius: 9px;
89 - -webkit-box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
90 - box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
91 - -webkit-transition: all 0.2s ease-in-out;
92 - transition: all 0.2s ease-in-out;
93 - content: '';
94 -}
95 -.ant-switch-checked .ant-switch-handle {
96 - left: calc(100% - 18px - 2px);
97 -}
98 -.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before {
99 - right: -30%;
100 - left: 0;
101 -}
102 -.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before {
103 - right: 0;
104 - left: -30%;
105 -}
106 -.ant-switch-loading-icon {
107 - position: relative;
108 - top: 2px;
109 - color: rgba(0, 0, 0, 0.65);
110 - vertical-align: top;
111 -}
112 -.ant-switch-checked .ant-switch-loading-icon {
113 - color: #1890ff;
114 -}
115 -.ant-switch-small {
116 - min-width: 28px;
117 - height: 16px;
118 - line-height: 16px;
119 -}
120 -.ant-switch-small .ant-switch-inner {
121 - margin: 0 5px 0 18px;
122 - font-size: 12px;
123 -}
124 -.ant-switch-small .ant-switch-handle {
125 - width: 12px;
126 - height: 12px;
127 -}
128 -.ant-switch-small .ant-switch-loading-icon {
129 - top: 1.5px;
130 - font-size: 9px;
131 -}
132 -.ant-switch-small.ant-switch-checked .ant-switch-inner {
133 - margin: 0 18px 0 5px;
134 -}
135 -.ant-switch-small.ant-switch-checked .ant-switch-handle {
136 - left: calc(100% - 12px - 2px);
137 -}
138 -.ant-switch-rtl {
139 - direction: rtl;
140 -}
141 -.ant-switch-rtl .ant-switch-inner {
142 - margin: 0 25px 0 7px;
143 -}
144 -.ant-switch-rtl .ant-switch-handle {
145 - right: 2px;
146 - left: auto;
147 -}
148 -.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before {
149 - right: 0;
150 - left: -30%;
151 -}
152 -.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before {
153 - right: -30%;
154 - left: 0;
155 -}
156 -.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
157 - margin: 0 7px 0 25px;
158 -}
159 -.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
160 - right: calc(100% - 18px - 2px);
161 -}
162 -.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
163 - right: calc(100% - 12px - 2px);
164 -}
1 -import '../../style/index.less';
2 -import './index.less';
1 -"use strict";
2 -
3 -require("../../style/index.less");
4 -
5 -require("./index.less");
...\ No newline at end of file ...\ No newline at end of file
1 -@import '../../style/themes/index';
2 -@import '../../style/mixins/index';
3 -
4 -@switch-prefix-cls: ~'@{ant-prefix}-switch';
5 -@switch-duration: 0.2s;
6 -
7 -@switch-pin-size: @switch-height - 4px;
8 -@switch-sm-pin-size: @switch-sm-height - 4px;
9 -
10 -.@{switch-prefix-cls} {
11 - .reset-component;
12 -
13 - position: relative;
14 - display: inline-block;
15 - box-sizing: border-box;
16 - min-width: @switch-min-width;
17 - height: @switch-height;
18 - line-height: @switch-height;
19 - vertical-align: middle;
20 - background-color: @disabled-color;
21 - border: 0;
22 - border-radius: 100px;
23 - cursor: pointer;
24 - transition: all @switch-duration;
25 - user-select: none;
26 -
27 - &:focus {
28 - outline: 0;
29 - box-shadow: 0 0 0 2px fade(@disabled-color, 10%);
30 - }
31 -
32 - &-checked:focus {
33 - box-shadow: 0 0 0 2px fade(@switch-color, 20%);
34 - }
35 -
36 - &:focus:hover {
37 - box-shadow: none;
38 - }
39 -
40 - &-checked {
41 - background-color: @switch-color;
42 - }
43 -
44 - &-loading,
45 - &-disabled {
46 - cursor: not-allowed;
47 - opacity: @switch-disabled-opacity;
48 - * {
49 - box-shadow: none;
50 - cursor: not-allowed;
51 - }
52 - }
53 -
54 - // ========================= Inner ==========================
55 - &-inner {
56 - display: block;
57 - margin: 0 @switch-inner-margin-min 0 @switch-inner-margin-max;
58 - color: @text-color-inverse;
59 - font-size: @font-size-sm;
60 - transition: margin @switch-duration;
61 - }
62 -
63 - &-checked &-inner {
64 - margin: 0 @switch-inner-margin-max 0 @switch-inner-margin-min;
65 - }
66 -
67 - // ========================= Handle =========================
68 - &-handle {
69 - position: absolute;
70 - top: @switch-padding;
71 - left: @switch-padding;
72 - width: @switch-pin-size;
73 - height: @switch-pin-size;
74 - transition: all @switch-duration ease-in-out;
75 -
76 - &::before {
77 - position: absolute;
78 - top: 0;
79 - right: 0;
80 - bottom: 0;
81 - left: 0;
82 - background-color: @switch-bg;
83 - border-radius: @switch-pin-size / 2;
84 - box-shadow: 0 2px 4px 0 @switch-shadow-color;
85 - transition: all @switch-duration ease-in-out;
86 - content: '';
87 - }
88 - }
89 -
90 - &-checked &-handle {
91 - left: calc(100% - @switch-pin-size - @switch-padding);
92 - }
93 -
94 - &:not(&-disabled):active {
95 - .@{switch-prefix-cls}-handle::before {
96 - right: -30%;
97 - left: 0;
98 - }
99 -
100 - &.@{switch-prefix-cls}-checked {
101 - .@{switch-prefix-cls}-handle::before {
102 - right: 0;
103 - left: -30%;
104 - }
105 - }
106 - }
107 -
108 - // ======================== Loading =========================
109 - &-loading-icon {
110 - position: relative;
111 - top: (@switch-pin-size - @font-size-base) / 2;
112 - color: rgba(0, 0, 0, 0.65);
113 - vertical-align: top;
114 - }
115 -
116 - &-checked &-loading-icon {
117 - color: @switch-color;
118 - }
119 -
120 - // ========================== Size ==========================
121 - &-small {
122 - min-width: @switch-sm-min-width;
123 - height: @switch-sm-height;
124 - line-height: @switch-sm-height;
125 -
126 - .@{switch-prefix-cls}-inner {
127 - margin: 0 @switch-sm-inner-margin-min 0 @switch-sm-inner-margin-max;
128 - font-size: @font-size-sm;
129 - }
130 -
131 - .@{switch-prefix-cls}-handle {
132 - width: @switch-sm-pin-size;
133 - height: @switch-sm-pin-size;
134 - }
135 -
136 - .@{switch-prefix-cls}-loading-icon {
137 - top: (@switch-sm-pin-size - 9px) / 2;
138 - font-size: 9px;
139 - }
140 -
141 - &.@{switch-prefix-cls}-checked {
142 - .@{switch-prefix-cls}-inner {
143 - margin: 0 @switch-sm-inner-margin-max 0 @switch-sm-inner-margin-min;
144 - }
145 -
146 - .@{switch-prefix-cls}-handle {
147 - left: calc(100% - @switch-sm-pin-size - @switch-padding);
148 - }
149 - }
150 - }
151 -}
152 -
153 -@import './rtl';
1 -@import '../../style/themes/index';
2 -@import '../../style/mixins/index';
3 -@import './index';
4 -
5 -@switch-prefix-cls: ~'@{ant-prefix}-switch';
6 -
7 -.@{switch-prefix-cls}-rtl {
8 - direction: rtl;
9 -
10 - .@{switch-prefix-cls}-inner {
11 - margin: 0 @switch-inner-margin-max 0 @switch-inner-margin-min;
12 - }
13 -
14 - .@{switch-prefix-cls}-handle {
15 - right: @switch-padding;
16 - left: auto;
17 - }
18 -
19 - &:not(&-disabled):active {
20 - .@{switch-prefix-cls}-handle::before {
21 - right: 0;
22 - left: -30%;
23 - }
24 -
25 - &.@{switch-prefix-cls}-checked {
26 - .@{switch-prefix-cls}-handle::before {
27 - right: -30%;
28 - left: 0;
29 - }
30 - }
31 - }
32 -
33 - &.@{switch-prefix-cls}-checked {
34 - .@{switch-prefix-cls}-inner {
35 - margin: 0 @switch-inner-margin-min 0 @switch-inner-margin-max;
36 - }
37 -
38 - .@{switch-prefix-cls}-handle {
39 - right: calc(100% - @switch-pin-size - @switch-padding);
40 - }
41 - }
42 -
43 - &.@{switch-prefix-cls}-small {
44 - &.@{switch-prefix-cls}-checked {
45 - .@{switch-prefix-cls}-handle {
46 - right: calc(100% - @switch-sm-pin-size - @switch-padding);
47 - }
48 - }
49 - }
50 -}
1 -import { ColumnType } from './interface';
2 -export interface ColumnProps<RecordType> extends ColumnType<RecordType> {
3 - children?: null;
4 -}
5 -/**
6 - * This is a syntactic sugar for `columns` prop.
7 - * So HOC will not work on this.
8 - */
9 -declare function Column<RecordType>(_: ColumnProps<RecordType>): null;
10 -export default Column;
1 -"use strict";
2 -
3 -Object.defineProperty(exports, "__esModule", {
4 - value: true
5 -});
6 -exports["default"] = void 0;
7 -
8 -/* istanbul ignore next */
9 -
10 -/**
11 - * This is a syntactic sugar for `columns` prop.
12 - * So HOC will not work on this.
13 - */
14 -// eslint-disable-next-line no-unused-vars
15 -function Column(_) {
16 - return null;
17 -}
18 -
19 -var _default = Column;
20 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import * as React from 'react';
2 -import { ColumnType } from './interface';
3 -import { ColumnProps } from './Column';
4 -export interface ColumnGroupProps<RecordType> extends Omit<ColumnType<RecordType>, 'children'> {
5 - children: React.ReactElement<ColumnProps<RecordType>> | React.ReactElement<ColumnProps<RecordType>>[];
6 -}
7 -/**
8 - * This is a syntactic sugar for `columns` prop.
9 - * So HOC will not work on this.
10 - */
11 -declare function ColumnGroup<RecordType>(_: ColumnGroupProps<RecordType>): null;
12 -export default ColumnGroup;
1 -"use strict";
2 -
3 -Object.defineProperty(exports, "__esModule", {
4 - value: true
5 -});
6 -exports["default"] = void 0;
7 -
8 -/* istanbul ignore next */
9 -
10 -/**
11 - * This is a syntactic sugar for `columns` prop.
12 - * So HOC will not work on this.
13 - */
14 -// eslint-disable-next-line no-unused-vars
15 -function ColumnGroup(_) {
16 - return null;
17 -}
18 -
19 -var _default = ColumnGroup;
20 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import * as React from 'react';
2 -import { TableLocale } from './interface';
3 -interface DefaultExpandIconProps<RecordType> {
4 - prefixCls: string;
5 - onExpand: (record: RecordType, e: React.MouseEvent<HTMLElement>) => void;
6 - record: RecordType;
7 - expanded: boolean;
8 - expandable: boolean;
9 -}
10 -declare function renderExpandIcon(locale: TableLocale): <RecordType>({ prefixCls, onExpand, record, expanded, expandable, }: DefaultExpandIconProps<RecordType>) => JSX.Element;
11 -export default renderExpandIcon;
1 -"use strict";
2 -
3 -var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4 -
5 -var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6 -
7 -Object.defineProperty(exports, "__esModule", {
8 - value: true
9 -});
10 -exports["default"] = void 0;
11 -
12 -var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13 -
14 -var React = _interopRequireWildcard(require("react"));
15 -
16 -var _classnames = _interopRequireDefault(require("classnames"));
17 -
18 -function renderExpandIcon(locale) {
19 - return function expandIcon(_ref) {
20 - var _classNames;
21 -
22 - var prefixCls = _ref.prefixCls,
23 - onExpand = _ref.onExpand,
24 - record = _ref.record,
25 - expanded = _ref.expanded,
26 - expandable = _ref.expandable;
27 - var iconPrefix = "".concat(prefixCls, "-row-expand-icon");
28 - return /*#__PURE__*/React.createElement("button", {
29 - type: "button",
30 - onClick: function onClick(e) {
31 - onExpand(record, e);
32 - e.stopPropagation();
33 - },
34 - className: (0, _classnames["default"])(iconPrefix, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(iconPrefix, "-spaced"), !expandable), (0, _defineProperty2["default"])(_classNames, "".concat(iconPrefix, "-expanded"), expandable && expanded), (0, _defineProperty2["default"])(_classNames, "".concat(iconPrefix, "-collapsed"), expandable && !expanded), _classNames)),
35 - "aria-label": expanded ? locale.collapse : locale.expand
36 - });
37 - };
38 -}
39 -
40 -var _default = renderExpandIcon;
41 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -/// <reference types="react" />
2 -import { TableProps as RcTableProps } from 'rc-table/lib/Table';
3 -import { SpinProps } from '../spin';
4 -import { TableRowSelection, ColumnsType, TableCurrentDataSource, SorterResult, Key, GetPopupContainer, TablePaginationConfig, SortOrder, TableLocale } from './interface';
5 -import { SizeType } from '../config-provider/SizeContext';
6 -export { ColumnsType, TablePaginationConfig };
7 -export interface TableProps<RecordType> extends Omit<RcTableProps<RecordType>, 'transformColumns' | 'internalHooks' | 'internalRefs' | 'data' | 'columns' | 'scroll' | 'emptyText'> {
8 - dropdownPrefixCls?: string;
9 - dataSource?: RcTableProps<RecordType>['data'];
10 - columns?: ColumnsType<RecordType>;
11 - pagination?: false | TablePaginationConfig;
12 - loading?: boolean | SpinProps;
13 - size?: SizeType;
14 - bordered?: boolean;
15 - locale?: TableLocale;
16 - onChange?: (pagination: TablePaginationConfig, filters: Record<string, Key[] | null>, sorter: SorterResult<RecordType> | SorterResult<RecordType>[], extra: TableCurrentDataSource<RecordType>) => void;
17 - rowSelection?: TableRowSelection<RecordType>;
18 - getPopupContainer?: GetPopupContainer;
19 - scroll?: RcTableProps<RecordType>['scroll'] & {
20 - scrollToFirstRowOnChange?: boolean;
21 - };
22 - sortDirections?: SortOrder[];
23 - showSorterTooltip?: boolean;
24 -}
25 -declare function Table<RecordType extends object = any>(props: TableProps<RecordType>): JSX.Element;
26 -declare namespace Table {
27 - var defaultProps: {
28 - rowKey: string;
29 - };
30 - var SELECTION_ALL: "SELECT_ALL";
31 - var SELECTION_INVERT: "SELECT_INVERT";
32 - var Column: typeof import("./Column").default;
33 - var ColumnGroup: typeof import("./ColumnGroup").default;
34 - var Summary: {
35 - Cell: typeof import("rc-table/lib/Footer/Cell").default;
36 - Row: typeof import("rc-table/lib/Footer/Row").default;
37 - };
38 -}
39 -export default Table;
This diff is collapsed. Click to expand it.
1 -import * as React from 'react';
2 -import { ColumnType, Key, TableLocale, GetPopupContainer } from '../../interface';
3 -import { FilterState } from '.';
4 -export interface FilterDropdownProps<RecordType> {
5 - prefixCls: string;
6 - dropdownPrefixCls: string;
7 - column: ColumnType<RecordType>;
8 - filterState?: FilterState<RecordType>;
9 - filterMultiple: boolean;
10 - columnKey: Key;
11 - children: React.ReactNode;
12 - triggerFilter: (filterState: FilterState<RecordType>) => void;
13 - locale: TableLocale;
14 - getPopupContainer?: GetPopupContainer;
15 -}
16 -declare function FilterDropdown<RecordType>(props: FilterDropdownProps<RecordType>): JSX.Element;
17 -export default FilterDropdown;
1 -import * as React from 'react';
2 -export interface FilterDropdownMenuWrapperProps {
3 - children?: React.ReactNode;
4 - className?: string;
5 -}
6 -declare const FilterDropdownMenuWrapper: (props: FilterDropdownMenuWrapperProps) => JSX.Element;
7 -export default FilterDropdownMenuWrapper;
1 -"use strict";
2 -
3 -var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4 -
5 -Object.defineProperty(exports, "__esModule", {
6 - value: true
7 -});
8 -exports["default"] = void 0;
9 -
10 -var React = _interopRequireWildcard(require("react"));
11 -
12 -var FilterDropdownMenuWrapper = function FilterDropdownMenuWrapper(props) {
13 - return /*#__PURE__*/React.createElement("div", {
14 - className: props.className,
15 - onClick: function onClick(e) {
16 - return e.stopPropagation();
17 - }
18 - }, props.children);
19 -};
20 -
21 -var _default = FilterDropdownMenuWrapper;
22 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import { TransformColumns, ColumnsType, ColumnType, Key, TableLocale, GetPopupContainer } from '../../interface';
2 -export interface FilterState<RecordType> {
3 - column: ColumnType<RecordType>;
4 - key: Key;
5 - filteredKeys?: Key[] | null;
6 - forceFiltered?: boolean;
7 -}
8 -export declare function getFilterData<RecordType>(data: RecordType[], filterStates: FilterState<RecordType>[]): RecordType[];
9 -interface FilterConfig<RecordType> {
10 - prefixCls: string;
11 - dropdownPrefixCls: string;
12 - mergedColumns: ColumnsType<RecordType>;
13 - locale: TableLocale;
14 - onFilterChange: (filters: Record<string, Key[] | null>, filterStates: FilterState<RecordType>[]) => void;
15 - getPopupContainer?: GetPopupContainer;
16 -}
17 -declare function useFilter<RecordType>({ prefixCls, dropdownPrefixCls, mergedColumns, onFilterChange, getPopupContainer, locale: tableLocale, }: FilterConfig<RecordType>): [
18 - TransformColumns<RecordType>,
19 - FilterState<RecordType>[],
20 - () => Record<string, Key[] | null>
21 -];
22 -export default useFilter;
1 -"use strict";
2 -
3 -var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4 -
5 -var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6 -
7 -Object.defineProperty(exports, "__esModule", {
8 - value: true
9 -});
10 -exports.getFilterData = getFilterData;
11 -exports["default"] = void 0;
12 -
13 -var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
14 -
15 -var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
16 -
17 -var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
18 -
19 -var React = _interopRequireWildcard(require("react"));
20 -
21 -var _util = require("../../util");
22 -
23 -var _FilterDropdown = _interopRequireDefault(require("./FilterDropdown"));
24 -
25 -function collectFilterStates(columns, init, pos) {
26 - var filterStates = [];
27 - (columns || []).forEach(function (column, index) {
28 - var columnPos = (0, _util.getColumnPos)(index, pos);
29 -
30 - if ('children' in column) {
31 - filterStates = [].concat((0, _toConsumableArray2["default"])(filterStates), (0, _toConsumableArray2["default"])(collectFilterStates(column.children, init, columnPos)));
32 - } else if (column.filters || 'filterDropdown' in column || 'onFilter' in column) {
33 - if ('filteredValue' in column) {
34 - // Controlled
35 - filterStates.push({
36 - column: column,
37 - key: (0, _util.getColumnKey)(column, columnPos),
38 - filteredKeys: column.filteredValue,
39 - forceFiltered: column.filtered
40 - });
41 - } else {
42 - // Uncontrolled
43 - filterStates.push({
44 - column: column,
45 - key: (0, _util.getColumnKey)(column, columnPos),
46 - filteredKeys: init && column.defaultFilteredValue ? column.defaultFilteredValue : undefined,
47 - forceFiltered: column.filtered
48 - });
49 - }
50 - }
51 - });
52 - return filterStates;
53 -}
54 -
55 -function injectFilter(prefixCls, dropdownPrefixCls, columns, filterStates, triggerFilter, getPopupContainer, locale, pos) {
56 - return columns.map(function (column, index) {
57 - var columnPos = (0, _util.getColumnPos)(index, pos);
58 - var _column$filterMultipl = column.filterMultiple,
59 - filterMultiple = _column$filterMultipl === void 0 ? true : _column$filterMultipl;
60 - var newColumn = column;
61 -
62 - if (newColumn.filters || newColumn.filterDropdown) {
63 - var columnKey = (0, _util.getColumnKey)(newColumn, columnPos);
64 - var filterState = filterStates.find(function (_ref) {
65 - var key = _ref.key;
66 - return columnKey === key;
67 - });
68 - newColumn = (0, _extends2["default"])((0, _extends2["default"])({}, newColumn), {
69 - title: function title(renderProps) {
70 - return /*#__PURE__*/React.createElement(_FilterDropdown["default"], {
71 - prefixCls: "".concat(prefixCls, "-filter"),
72 - dropdownPrefixCls: dropdownPrefixCls,
73 - column: newColumn,
74 - columnKey: columnKey,
75 - filterState: filterState,
76 - filterMultiple: filterMultiple,
77 - triggerFilter: triggerFilter,
78 - locale: locale,
79 - getPopupContainer: getPopupContainer
80 - }, (0, _util.renderColumnTitle)(column.title, renderProps));
81 - }
82 - });
83 - }
84 -
85 - if ('children' in newColumn) {
86 - newColumn = (0, _extends2["default"])((0, _extends2["default"])({}, newColumn), {
87 - children: injectFilter(prefixCls, dropdownPrefixCls, newColumn.children, filterStates, triggerFilter, getPopupContainer, locale, columnPos)
88 - });
89 - }
90 -
91 - return newColumn;
92 - });
93 -}
94 -
95 -function generateFilterInfo(filterStates) {
96 - var currentFilters = {};
97 - filterStates.forEach(function (_ref2) {
98 - var key = _ref2.key,
99 - filteredKeys = _ref2.filteredKeys;
100 - currentFilters[key] = filteredKeys || null;
101 - });
102 - return currentFilters;
103 -}
104 -
105 -function flattenKeys(filters) {
106 - var keys = [];
107 - (filters || []).forEach(function (_ref3) {
108 - var value = _ref3.value,
109 - children = _ref3.children;
110 - keys.push(value);
111 -
112 - if (children) {
113 - keys = [].concat((0, _toConsumableArray2["default"])(keys), (0, _toConsumableArray2["default"])(flattenKeys(children)));
114 - }
115 - });
116 - return keys;
117 -}
118 -
119 -function getFilterData(data, filterStates) {
120 - return filterStates.reduce(function (currentData, filterState) {
121 - var _filterState$column = filterState.column,
122 - onFilter = _filterState$column.onFilter,
123 - filters = _filterState$column.filters,
124 - filteredKeys = filterState.filteredKeys;
125 -
126 - if (onFilter && filteredKeys && filteredKeys.length) {
127 - return currentData.filter(function (record) {
128 - return filteredKeys.some(function (key) {
129 - var keys = flattenKeys(filters);
130 - var keyIndex = keys.findIndex(function (k) {
131 - return String(k) === String(key);
132 - });
133 - var realKey = keyIndex !== -1 ? keys[keyIndex] : key;
134 - return onFilter(realKey, record);
135 - });
136 - });
137 - }
138 -
139 - return currentData;
140 - }, data);
141 -}
142 -
143 -function useFilter(_ref4) {
144 - var prefixCls = _ref4.prefixCls,
145 - dropdownPrefixCls = _ref4.dropdownPrefixCls,
146 - mergedColumns = _ref4.mergedColumns,
147 - onFilterChange = _ref4.onFilterChange,
148 - getPopupContainer = _ref4.getPopupContainer,
149 - tableLocale = _ref4.locale;
150 -
151 - var _React$useState = React.useState(collectFilterStates(mergedColumns, true)),
152 - _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
153 - filterStates = _React$useState2[0],
154 - setFilterStates = _React$useState2[1];
155 -
156 - var mergedFilterStates = React.useMemo(function () {
157 - var collectedStates = collectFilterStates(mergedColumns, false); // Return if not controlled
158 -
159 - if (collectedStates.every(function (_ref5) {
160 - var filteredKeys = _ref5.filteredKeys;
161 - return filteredKeys === undefined;
162 - })) {
163 - return filterStates;
164 - }
165 -
166 - return collectedStates;
167 - }, [mergedColumns, filterStates]);
168 - var getFilters = React.useCallback(function () {
169 - return generateFilterInfo(mergedFilterStates);
170 - }, [mergedFilterStates]);
171 -
172 - var triggerFilter = function triggerFilter(filterState) {
173 - var newFilterStates = mergedFilterStates.filter(function (_ref6) {
174 - var key = _ref6.key;
175 - return key !== filterState.key;
176 - });
177 - newFilterStates.push(filterState);
178 - setFilterStates(newFilterStates);
179 - onFilterChange(generateFilterInfo(newFilterStates), newFilterStates);
180 - };
181 -
182 - var transformColumns = function transformColumns(innerColumns) {
183 - return injectFilter(prefixCls, dropdownPrefixCls, innerColumns, mergedFilterStates, triggerFilter, getPopupContainer, tableLocale);
184 - };
185 -
186 - return [transformColumns, mergedFilterStates, getFilters];
187 -}
188 -
189 -var _default = useFilter;
190 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import { Key, GetRowKey } from '../interface';
2 -export default function useLazyKVMap<RecordType>(data: RecordType[], childrenColumnName: string, getRowKey: GetRowKey<RecordType>): ((key: Key) => RecordType)[];
1 -"use strict";
2 -
3 -var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4 -
5 -var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6 -
7 -Object.defineProperty(exports, "__esModule", {
8 - value: true
9 -});
10 -exports["default"] = useLazyKVMap;
11 -
12 -var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
13 -
14 -var React = _interopRequireWildcard(require("react"));
15 -
16 -function useLazyKVMap(data, childrenColumnName, getRowKey) {
17 - var mapCacheRef = React.useRef({});
18 -
19 - function getRecordByKey(key) {
20 - if (!mapCacheRef.current || mapCacheRef.current.data !== data || mapCacheRef.current.childrenColumnName !== childrenColumnName || mapCacheRef.current.getRowKey !== getRowKey) {
21 - /* eslint-disable no-inner-declarations */
22 - var dig = function dig(records) {
23 - records.forEach(function (record, index) {
24 - var rowKey = getRowKey(record, index);
25 - kvMap.set(rowKey, record);
26 -
27 - if (record && (0, _typeof2["default"])(record) === 'object' && childrenColumnName in record) {
28 - dig(record[childrenColumnName] || []);
29 - }
30 - });
31 - };
32 - /* eslint-enable */
33 -
34 -
35 - var kvMap = new Map();
36 - dig(data);
37 - mapCacheRef.current = {
38 - data: data,
39 - childrenColumnName: childrenColumnName,
40 - kvMap: kvMap,
41 - getRowKey: getRowKey
42 - };
43 - }
44 -
45 - return mapCacheRef.current.kvMap.get(key);
46 - }
47 -
48 - return [getRecordByKey];
49 -}
...\ No newline at end of file ...\ No newline at end of file
1 -import { TablePaginationConfig } from '../interface';
2 -export declare const DEFAULT_PAGE_SIZE = 10;
3 -export declare function getPaginationParam(pagination: TablePaginationConfig | boolean | undefined, mergedPagination: TablePaginationConfig): any;
4 -export default function usePagination(total: number, pagination: TablePaginationConfig | false | undefined, onChange: (current: number, pageSize: number) => void): [TablePaginationConfig, () => void];
1 -"use strict";
2 -
3 -var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4 -
5 -Object.defineProperty(exports, "__esModule", {
6 - value: true
7 -});
8 -exports.getPaginationParam = getPaginationParam;
9 -exports["default"] = usePagination;
10 -exports.DEFAULT_PAGE_SIZE = void 0;
11 -
12 -var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13 -
14 -var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15 -
16 -var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
17 -
18 -var _react = require("react");
19 -
20 -var __rest = void 0 && (void 0).__rest || function (s, e) {
21 - var t = {};
22 -
23 - for (var p in s) {
24 - if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
25 - }
26 -
27 - if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
28 - if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
29 - }
30 - return t;
31 -};
32 -
33 -var DEFAULT_PAGE_SIZE = 10;
34 -exports.DEFAULT_PAGE_SIZE = DEFAULT_PAGE_SIZE;
35 -
36 -function getPaginationParam(pagination, mergedPagination) {
37 - var param = {
38 - current: mergedPagination.current,
39 - pageSize: mergedPagination.pageSize
40 - };
41 - var paginationObj = pagination && (0, _typeof2["default"])(pagination) === 'object' ? pagination : {};
42 - Object.keys(paginationObj).forEach(function (pageProp) {
43 - var value = mergedPagination[pageProp];
44 -
45 - if (typeof value !== 'function') {
46 - param[pageProp] = value;
47 - }
48 - });
49 - return param;
50 -}
51 -
52 -function extendsObject() {
53 - var result = {};
54 -
55 - for (var _len = arguments.length, list = new Array(_len), _key = 0; _key < _len; _key++) {
56 - list[_key] = arguments[_key];
57 - }
58 -
59 - list.forEach(function (obj) {
60 - if (obj) {
61 - Object.keys(obj).forEach(function (key) {
62 - var val = obj[key];
63 -
64 - if (val !== undefined) {
65 - result[key] = val;
66 - }
67 - });
68 - }
69 - });
70 - return result;
71 -}
72 -
73 -function usePagination(total, pagination, onChange) {
74 - var _a = pagination && (0, _typeof2["default"])(pagination) === 'object' ? pagination : {},
75 - _a$total = _a.total,
76 - paginationTotal = _a$total === void 0 ? 0 : _a$total,
77 - paginationObj = __rest(_a, ["total"]);
78 -
79 - var _useState = (0, _react.useState)(function () {
80 - return {
81 - current: 'defaultCurrent' in paginationObj ? paginationObj.defaultCurrent : 1,
82 - pageSize: 'defaultPageSize' in paginationObj ? paginationObj.defaultPageSize : DEFAULT_PAGE_SIZE
83 - };
84 - }),
85 - _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
86 - innerPagination = _useState2[0],
87 - setInnerPagination = _useState2[1]; // ============ Basic Pagination Config ============
88 -
89 -
90 - var mergedPagination = extendsObject(innerPagination, paginationObj, {
91 - total: paginationTotal > 0 ? paginationTotal : total
92 - });
93 -
94 - if (!paginationTotal) {
95 - // Reset `current` if data length changed. Only reset when paginationObj do not have total
96 - var maxPage = Math.ceil(total / mergedPagination.pageSize);
97 -
98 - if (maxPage < mergedPagination.current) {
99 - mergedPagination.current = 1;
100 - }
101 - }
102 -
103 - var refreshPagination = function refreshPagination() {
104 - var current = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
105 - var pageSize = arguments.length > 1 ? arguments[1] : undefined;
106 - setInnerPagination({
107 - current: current,
108 - pageSize: pageSize || mergedPagination.pageSize
109 - });
110 - };
111 -
112 - var onInternalChange = function onInternalChange(current, pageSize) {
113 - var paginationPageSize = mergedPagination === null || mergedPagination === void 0 ? void 0 : mergedPagination.pageSize;
114 -
115 - if (pageSize && pageSize !== paginationPageSize) {
116 - current = 1;
117 - }
118 -
119 - if (pagination && pagination.onChange) pagination.onChange(current, pageSize);
120 - refreshPagination(current, pageSize);
121 - onChange(current, pageSize || paginationPageSize);
122 - };
123 -
124 - if (pagination === false) {
125 - return [{}, function () {}];
126 - }
127 -
128 - return [(0, _extends2["default"])((0, _extends2["default"])({}, mergedPagination), {
129 - onChange: onInternalChange
130 - }), refreshPagination];
131 -}
...\ No newline at end of file ...\ No newline at end of file
1 -import { TableRowSelection, Key, GetRowKey, TableLocale, SelectionItem, TransformColumns, ExpandType, GetPopupContainer } from '../interface';
2 -export declare const SELECTION_ALL: "SELECT_ALL";
3 -export declare const SELECTION_INVERT: "SELECT_INVERT";
4 -interface UseSelectionConfig<RecordType> {
5 - prefixCls: string;
6 - pageData: RecordType[];
7 - data: RecordType[];
8 - getRowKey: GetRowKey<RecordType>;
9 - getRecordByKey: (key: Key) => RecordType;
10 - expandType: ExpandType;
11 - childrenColumnName: string;
12 - expandIconColumnIndex?: number;
13 - locale: TableLocale;
14 - getPopupContainer?: GetPopupContainer;
15 -}
16 -export declare type INTERNAL_SELECTION_ITEM = SelectionItem | typeof SELECTION_ALL | typeof SELECTION_INVERT;
17 -export default function useSelection<RecordType>(rowSelection: TableRowSelection<RecordType> | undefined, config: UseSelectionConfig<RecordType>): [TransformColumns<RecordType>, Set<Key>];
18 -export {};
1 -import { TransformColumns, ColumnsType, Key, ColumnType, SortOrder, ColumnTitleProps, SorterResult, TableLocale } from '../interface';
2 -export interface SortState<RecordType> {
3 - column: ColumnType<RecordType>;
4 - key: Key;
5 - sortOrder: SortOrder | null;
6 - multiplePriority: number | false;
7 -}
8 -export declare function getSortData<RecordType>(data: RecordType[], sortStates: SortState<RecordType>[], childrenColumnName: string): RecordType[];
9 -interface SorterConfig<RecordType> {
10 - prefixCls: string;
11 - mergedColumns: ColumnsType<RecordType>;
12 - onSorterChange: (sorterResult: SorterResult<RecordType> | SorterResult<RecordType>[], sortStates: SortState<RecordType>[]) => void;
13 - sortDirections: SortOrder[];
14 - tableLocale?: TableLocale;
15 - showSorterTooltip?: boolean;
16 -}
17 -export default function useFilterSorter<RecordType>({ prefixCls, mergedColumns, onSorterChange, sortDirections, tableLocale, showSorterTooltip, }: SorterConfig<RecordType>): [
18 - TransformColumns<RecordType>,
19 - SortState<RecordType>[],
20 - ColumnTitleProps<RecordType>,
21 - () => SorterResult<RecordType> | SorterResult<RecordType>[]
22 -];
23 -export {};
This diff is collapsed. Click to expand it.
1 -import { TransformColumns, ColumnTitleProps } from '../interface';
2 -export default function useTitleColumns<RecordType>(columnTitleProps: ColumnTitleProps<RecordType>): [TransformColumns<RecordType>];
1 -"use strict";
2 -
3 -var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4 -
5 -var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6 -
7 -Object.defineProperty(exports, "__esModule", {
8 - value: true
9 -});
10 -exports["default"] = useTitleColumns;
11 -
12 -var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13 -
14 -var React = _interopRequireWildcard(require("react"));
15 -
16 -var _util = require("../util");
17 -
18 -function fillTitle(columns, columnTitleProps) {
19 - return columns.map(function (column) {
20 - var cloneColumn = (0, _extends2["default"])({}, column);
21 - cloneColumn.title = (0, _util.renderColumnTitle)(column.title, columnTitleProps);
22 -
23 - if ('children' in cloneColumn) {
24 - cloneColumn.children = fillTitle(cloneColumn.children, columnTitleProps);
25 - }
26 -
27 - return cloneColumn;
28 - });
29 -}
30 -
31 -function useTitleColumns(columnTitleProps) {
32 - var filledColumns = React.useCallback(function (columns) {
33 - return fillTitle(columns, columnTitleProps);
34 - }, [columnTitleProps]);
35 - return [filledColumns];
36 -}
...\ No newline at end of file ...\ No newline at end of file
1 -import Table, { TableProps, TablePaginationConfig } from './Table';
2 -export { ColumnProps } from './Column';
3 -export { ColumnsType, ColumnType, ColumnGroupType } from './interface';
4 -export { TableProps, TablePaginationConfig };
5 -export default Table;
1 -"use strict";
2 -
3 -var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4 -
5 -Object.defineProperty(exports, "__esModule", {
6 - value: true
7 -});
8 -exports["default"] = void 0;
9 -
10 -var _Table = _interopRequireDefault(require("./Table"));
11 -
12 -var _default = _Table["default"];
13 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import * as React from 'react';
2 -import { GetRowKey, ColumnType as RcColumnType, RenderedCell as RcRenderedCell, ExpandableConfig } from 'rc-table/lib/interface';
3 -import { CheckboxProps } from '../checkbox';
4 -import { PaginationProps } from '../pagination';
5 -import { Breakpoint } from '../_util/responsiveObserve';
6 -import { INTERNAL_SELECTION_ITEM } from './hooks/useSelection';
7 -export { GetRowKey, ExpandableConfig };
8 -export declare type Key = React.Key;
9 -export declare type RowSelectionType = 'checkbox' | 'radio';
10 -export declare type SelectionItemSelectFn = (currentRowKeys: Key[]) => void;
11 -export declare type ExpandType = null | 'row' | 'nest';
12 -export interface TableLocale {
13 - filterTitle?: string;
14 - filterConfirm?: React.ReactNode;
15 - filterReset?: React.ReactNode;
16 - filterEmptyText?: React.ReactNode;
17 - emptyText?: React.ReactNode | (() => React.ReactNode);
18 - selectAll?: React.ReactNode;
19 - selectInvert?: React.ReactNode;
20 - selectionAll?: React.ReactNode;
21 - sortTitle?: string;
22 - expand?: string;
23 - collapse?: string;
24 - triggerDesc?: string;
25 - triggerAsc?: string;
26 - cancelSort?: string;
27 -}
28 -export declare type SortOrder = 'descend' | 'ascend' | null;
29 -declare const TableActions: ["paginate", "sort", "filter"];
30 -export declare type TableAction = typeof TableActions[number];
31 -export declare type CompareFn<T> = (a: T, b: T, sortOrder?: SortOrder) => number;
32 -export interface ColumnFilterItem {
33 - text: React.ReactNode;
34 - value: string | number | boolean;
35 - children?: ColumnFilterItem[];
36 -}
37 -export interface ColumnTitleProps<RecordType> {
38 - /** @deprecated Please use `sorterColumns` instead. */
39 - sortOrder?: SortOrder;
40 - /** @deprecated Please use `sorterColumns` instead. */
41 - sortColumn?: ColumnType<RecordType>;
42 - sortColumns?: {
43 - column: ColumnType<RecordType>;
44 - order: SortOrder;
45 - }[];
46 - filters?: Record<string, string[]>;
47 -}
48 -export declare type ColumnTitle<RecordType> = React.ReactNode | ((props: ColumnTitleProps<RecordType>) => React.ReactNode);
49 -export interface FilterDropdownProps {
50 - prefixCls: string;
51 - setSelectedKeys: (selectedKeys: React.Key[]) => void;
52 - selectedKeys: React.Key[];
53 - confirm: () => void;
54 - clearFilters?: () => void;
55 - filters?: ColumnFilterItem[];
56 - visible: boolean;
57 -}
58 -export interface ColumnType<RecordType> extends RcColumnType<RecordType> {
59 - title?: ColumnTitle<RecordType>;
60 - sorter?: boolean | CompareFn<RecordType> | {
61 - compare?: CompareFn<RecordType>;
62 - /** Config multiple sorter order priority */
63 - multiple?: number;
64 - };
65 - sortOrder?: SortOrder;
66 - defaultSortOrder?: SortOrder;
67 - sortDirections?: SortOrder[];
68 - showSorterTooltip?: boolean;
69 - filtered?: boolean;
70 - filters?: ColumnFilterItem[];
71 - filterDropdown?: React.ReactNode | ((props: FilterDropdownProps) => React.ReactNode);
72 - filterMultiple?: boolean;
73 - filteredValue?: Key[] | null;
74 - defaultFilteredValue?: Key[] | null;
75 - filterIcon?: React.ReactNode | ((filtered: boolean) => React.ReactNode);
76 - onFilter?: (value: string | number | boolean, record: RecordType) => boolean;
77 - filterDropdownVisible?: boolean;
78 - onFilterDropdownVisibleChange?: (visible: boolean) => void;
79 - responsive?: Breakpoint[];
80 -}
81 -export interface ColumnGroupType<RecordType> extends Omit<ColumnType<RecordType>, 'dataIndex'> {
82 - children: ColumnsType<RecordType>;
83 -}
84 -export declare type ColumnsType<RecordType = unknown> = (ColumnGroupType<RecordType> | ColumnType<RecordType>)[];
85 -export interface SelectionItem {
86 - key: string;
87 - text: React.ReactNode;
88 - onSelect?: SelectionItemSelectFn;
89 -}
90 -export declare type SelectionSelectFn<T> = (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
91 -export interface TableRowSelection<T> {
92 - /** Keep the selection keys in list even the key not exist in `dataSource` anymore */
93 - preserveSelectedRowKeys?: boolean;
94 - type?: RowSelectionType;
95 - selectedRowKeys?: Key[];
96 - onChange?: (selectedRowKeys: Key[], selectedRows: T[]) => void;
97 - getCheckboxProps?: (record: T) => Partial<Omit<CheckboxProps, 'checked' | 'defaultChecked'>>;
98 - onSelect?: SelectionSelectFn<T>;
99 - onSelectMultiple?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
100 - /** @deprecated This function is meaningless and should use `onChange` instead */
101 - onSelectAll?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
102 - /** @deprecated This function is meaningless and should use `onChange` instead */
103 - onSelectInvert?: (selectedRowKeys: Key[]) => void;
104 - selections?: INTERNAL_SELECTION_ITEM[] | boolean;
105 - hideSelectAll?: boolean;
106 - fixed?: boolean;
107 - columnWidth?: string | number;
108 - columnTitle?: string | React.ReactNode;
109 - checkStrictly?: boolean;
110 - renderCell?: (value: boolean, record: T, index: number, originNode: React.ReactNode) => React.ReactNode | RcRenderedCell<T>;
111 -}
112 -export declare type TransformColumns<RecordType> = (columns: ColumnsType<RecordType>) => ColumnsType<RecordType>;
113 -export interface TableCurrentDataSource<RecordType> {
114 - currentDataSource: RecordType[];
115 - action: TableAction;
116 -}
117 -export interface SorterResult<RecordType> {
118 - column?: ColumnType<RecordType>;
119 - order?: SortOrder;
120 - field?: Key | Key[];
121 - columnKey?: Key;
122 -}
123 -export declare type GetPopupContainer = (triggerNode: HTMLElement) => HTMLElement;
124 -declare type TablePaginationPosition = 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
125 -export interface TablePaginationConfig extends PaginationProps {
126 - position?: TablePaginationPosition[];
127 -}
1 -"use strict";
2 -
3 -var _type = require("../_util/type");
4 -
5 -var TableActions = (0, _type.tuple)('paginate', 'sort', 'filter');
...\ No newline at end of file ...\ No newline at end of file
1 -@import './index';
2 -@import './size';
3 -
4 -@table-border: @border-width-base @border-style-base @border-color-split;
5 -
6 -.@{table-prefix-cls}.@{table-prefix-cls}-bordered {
7 - // ============================ Title =============================
8 - > .@{table-prefix-cls}-title {
9 - border: @table-border;
10 - border-bottom: 0;
11 - }
12 -
13 - > .@{table-prefix-cls}-container {
14 - // ============================ Content ============================
15 - border: @table-border;
16 - border-right: 0;
17 - border-bottom: 0;
18 -
19 - > .@{table-prefix-cls}-content,
20 - > .@{table-prefix-cls}-header,
21 - > .@{table-prefix-cls}-body {
22 - > table {
23 - // ============================= Cell =============================
24 - > thead > tr > th,
25 - > tbody > tr > td,
26 - > tfoot > tr > th,
27 - > tfoot > tr > td {
28 - border-right: @table-border;
29 - }
30 - // ============================ Header ============================
31 - > thead {
32 - > tr:not(:last-child) > th {
33 - border-bottom: @border-width-base @border-style-base @border-color-split;
34 - }
35 - }
36 -
37 - // Fixed right should provides additional border
38 - > thead > tr,
39 - > tbody > tr,
40 - > tfoot > tr {
41 - > .@{table-prefix-cls}-cell-fix-right-first::after {
42 - border-right: @table-border;
43 - }
44 - }
45 - }
46 -
47 - // ========================== Expandable ==========================
48 - > table > tbody > tr > td {
49 - > .@{table-prefix-cls}-expanded-row-fixed {
50 - margin: -@table-padding-vertical (-@table-padding-horizontal - @border-width-base);
51 -
52 - &::after {
53 - position: absolute;
54 - top: 0;
55 - right: @border-width-base;
56 - bottom: 0;
57 - border-right: @table-border;
58 - content: '';
59 - }
60 - }
61 - }
62 - }
63 - }
64 -
65 - &.@{table-prefix-cls}-scroll-horizontal {
66 - > .@{table-prefix-cls}-container > .@{table-prefix-cls}-body {
67 - > table > tbody {
68 - > tr.@{table-prefix-cls}-expanded-row,
69 - > tr.@{table-prefix-cls}-placeholder {
70 - > td {
71 - border-right: 0;
72 - }
73 - }
74 - }
75 - }
76 - }
77 -
78 - // Size related
79 - &.@{table-prefix-cls}-middle {
80 - > .@{table-prefix-cls}-container {
81 - > .@{table-prefix-cls}-content,
82 - > .@{table-prefix-cls}-body {
83 - > table > tbody > tr > td {
84 - > .@{table-prefix-cls}-expanded-row-fixed {
85 - margin: -@table-padding-vertical-md (-@table-padding-horizontal-md - @border-width-base);
86 - }
87 - }
88 - }
89 - }
90 - }
91 -
92 - &.@{table-prefix-cls}-small {
93 - > .@{table-prefix-cls}-container {
94 - > .@{table-prefix-cls}-content,
95 - > .@{table-prefix-cls}-body {
96 - > table > tbody > tr > td {
97 - > .@{table-prefix-cls}-expanded-row-fixed {
98 - margin: -@table-padding-vertical-sm (-@table-padding-horizontal-sm - @border-width-base);
99 - }
100 - }
101 - }
102 - }
103 - }
104 -
105 - // ============================ Footer ============================
106 - > .@{table-prefix-cls}-footer {
107 - border: @table-border;
108 - border-top: 0;
109 - }
110 -}
111 -
112 -.@{table-prefix-cls}-cell {
113 - // ============================ Nested ============================
114 - .@{table-prefix-cls}-container:first-child {
115 - // :first-child to avoid the case when bordered and title is set
116 - border-top: 0;
117 - }
118 -
119 - &-scrollbar {
120 - box-shadow: 0 @border-width-base 0 @border-width-base @table-header-bg;
121 - }
122 -}
1 -"use strict";
2 -
3 -require("../../style/index.css");
4 -
5 -require("./index.css");
6 -
7 -require("../../button/style/css");
8 -
9 -require("../../empty/style/css");
10 -
11 -require("../../radio/style/css");
12 -
13 -require("../../checkbox/style/css");
14 -
15 -require("../../dropdown/style/css");
16 -
17 -require("../../spin/style/css");
18 -
19 -require("../../pagination/style/css");
20 -
21 -require("../../tooltip/style/css");
...\ No newline at end of file ...\ No newline at end of file
This diff is collapsed. Click to expand it.
1 -import '../../style/index.less';
2 -import './index.less';
3 -import '../../button/style';
4 -import '../../empty/style';
5 -import '../../radio/style';
6 -import '../../checkbox/style';
7 -import '../../dropdown/style';
8 -import '../../spin/style';
9 -import '../../pagination/style';
10 -import '../../tooltip/style';
1 -"use strict";
2 -
3 -require("../../style/index.less");
4 -
5 -require("./index.less");
6 -
7 -require("../../button/style");
8 -
9 -require("../../empty/style");
10 -
11 -require("../../radio/style");
12 -
13 -require("../../checkbox/style");
14 -
15 -require("../../dropdown/style");
16 -
17 -require("../../spin/style");
18 -
19 -require("../../pagination/style");
20 -
21 -require("../../tooltip/style");
...\ No newline at end of file ...\ No newline at end of file
This diff is collapsed. Click to expand it.
1 -// ================================================================
2 -// = Border Radio =
3 -// ================================================================
4 -.@{table-prefix-cls} {
5 - /* title + table */
6 - &-title {
7 - border-radius: @table-border-radius-base @table-border-radius-base 0 0;
8 - }
9 -
10 - &-title + &-container {
11 - border-top-left-radius: 0;
12 - border-top-right-radius: 0;
13 -
14 - table > thead > tr:first-child {
15 - th:first-child {
16 - border-radius: 0;
17 - }
18 -
19 - th:last-child {
20 - border-radius: 0;
21 - }
22 - }
23 - }
24 -
25 - /* table */
26 - &-container {
27 - border-top-left-radius: @table-border-radius-base;
28 - border-top-right-radius: @table-border-radius-base;
29 -
30 - table > thead > tr:first-child {
31 - th:first-child {
32 - border-top-left-radius: @table-border-radius-base;
33 - }
34 -
35 - th:last-child {
36 - border-top-right-radius: @table-border-radius-base;
37 - }
38 - }
39 - }
40 -
41 - /* table + footer */
42 - &-footer {
43 - border-radius: 0 0 @table-border-radius-base @table-border-radius-base;
44 - }
45 -}
1 -@import '../../style/themes/index';
2 -@import '../../style/mixins/index';
3 -
4 -@table-prefix-cls: ~'@{ant-prefix}-table';
5 -@table-wrapepr-cls: ~'@{table-prefix-cls}-wrapper';
6 -@table-wrapepr-rtl-cls: ~'@{table-prefix-cls}-wrapper-rtl';
7 -
8 -.@{table-prefix-cls}-wrapper {
9 - &-rtl {
10 - direction: rtl;
11 - }
12 -}
13 -
14 -.@{table-prefix-cls} {
15 - &-rtl {
16 - direction: rtl;
17 - }
18 -
19 - table {
20 - .@{table-wrapepr-rtl-cls} & {
21 - text-align: right;
22 - }
23 - }
24 -
25 - // ============================ Header ============================
26 - &-thead {
27 - > tr {
28 - > th {
29 - &[colspan]:not([colspan='1']) {
30 - .@{table-wrapepr-rtl-cls} & {
31 - text-align: center;
32 - }
33 - }
34 -
35 - .@{table-wrapepr-rtl-cls} & {
36 - text-align: right;
37 - }
38 - }
39 - }
40 - }
41 -
42 - // ============================= Body =============================
43 - &-tbody {
44 - > tr {
45 - // ========================= Nest Table ===========================
46 - .@{table-prefix-cls}-wrapper:only-child {
47 - .@{table-prefix-cls}.@{table-prefix-cls}-rtl {
48 - margin: -@table-padding-vertical (@table-padding-horizontal + ceil(@font-size-sm * 1.4)) -@table-padding-vertical -@table-padding-horizontal;
49 - }
50 - }
51 - }
52 - }
53 -
54 - // ========================== Pagination ==========================
55 - &-pagination {
56 - &-left {
57 - .@{table-wrapepr-cls}.@{table-wrapepr-rtl-cls} & {
58 - justify-content: flex-end;
59 - }
60 - }
61 -
62 - &-right {
63 - .@{table-wrapepr-cls}.@{table-wrapepr-rtl-cls} & {
64 - justify-content: flex-start;
65 - }
66 - }
67 - }
68 -
69 - // ================================================================
70 - // = Function =
71 - // ================================================================
72 -
73 - // ============================ Sorter ============================
74 - &-column-sorter {
75 - .@{table-wrapepr-rtl-cls} & {
76 - margin-right: @padding-xs;
77 - margin-left: 0;
78 - }
79 - }
80 -
81 - // ============================ Filter ============================
82 - &-filter-column-title {
83 - .@{table-wrapepr-rtl-cls} & {
84 - padding: @table-padding-vertical @table-padding-horizontal @table-padding-vertical 2.3em;
85 - }
86 - }
87 -
88 - &-thead tr th.@{table-prefix-cls}-column-has-sorters {
89 - .@{table-prefix-cls}-filter-column-title {
90 - .@{table-prefix-cls}-rtl & {
91 - padding: 0 0 0 2.3em;
92 - }
93 - }
94 - }
95 -
96 - &-filter-trigger-container {
97 - .@{table-wrapepr-rtl-cls} & {
98 - right: auto;
99 - left: 0;
100 - }
101 - }
102 -
103 - // Dropdown
104 - &-filter-dropdown {
105 - // Checkbox
106 - &,
107 - &-submenu {
108 - .@{ant-prefix}-checkbox-wrapper + span {
109 - .@{ant-prefix}-dropdown-rtl &,
110 - .@{ant-prefix}-dropdown-menu-submenu-rtl& {
111 - padding-right: 8px;
112 - padding-left: 0;
113 - }
114 - }
115 - }
116 - }
117 -
118 - // ========================== Selections ==========================
119 - &-selection {
120 - .@{table-wrapepr-rtl-cls} & {
121 - text-align: center;
122 - }
123 - }
124 -
125 - // ========================== Expandable ==========================
126 - &-row-indent {
127 - .@{table-wrapepr-rtl-cls} & {
128 - float: right;
129 - }
130 - }
131 -
132 - &-row-expand-icon {
133 - .@{table-wrapepr-rtl-cls} & {
134 - float: right;
135 - }
136 -
137 - .@{table-prefix-cls}-row-indent + & {
138 - .@{table-wrapepr-rtl-cls} & {
139 - margin-right: 0;
140 - margin-left: @padding-xs;
141 - }
142 - }
143 -
144 - &::after {
145 - .@{table-wrapepr-rtl-cls} & {
146 - transform: rotate(-90deg);
147 - }
148 - }
149 -
150 - &-collapsed::before {
151 - .@{table-wrapepr-rtl-cls} & {
152 - transform: rotate(180deg);
153 - }
154 - }
155 -
156 - &-collapsed::after {
157 - .@{table-wrapepr-rtl-cls} & {
158 - transform: rotate(0deg);
159 - }
160 - }
161 - }
162 -}
1 -@import './index';
2 -
3 -.table-size(@size, @padding-vertical, @padding-horizontal, @font-size) {
4 - .@{table-prefix-cls}.@{table-prefix-cls}-@{size} {
5 - font-size: @font-size;
6 -
7 - .@{table-prefix-cls}-title,
8 - .@{table-prefix-cls}-footer,
9 - .@{table-prefix-cls}-thead > tr > th,
10 - .@{table-prefix-cls}-tbody > tr > td,
11 - tfoot > tr > th,
12 - tfoot > tr > td {
13 - padding: @padding-vertical @padding-horizontal;
14 - }
15 -
16 - .@{table-prefix-cls}-thead {
17 - th.@{table-prefix-cls}-column-has-sorters {
18 - padding: 0;
19 - }
20 -
21 - .@{table-prefix-cls}-filter-column {
22 - margin: -@padding-vertical -@padding-horizontal;
23 - }
24 -
25 - .@{table-prefix-cls}-filter-column-title {
26 - padding: @padding-vertical 2.3em @padding-vertical @padding-horizontal;
27 - }
28 -
29 - .@{table-prefix-cls}-column-sorters {
30 - padding: @padding-vertical @padding-horizontal;
31 - }
32 - }
33 -
34 - .@{table-prefix-cls}-expanded-row-fixed {
35 - margin: -@padding-vertical -@padding-horizontal;
36 - }
37 -
38 - .@{table-prefix-cls}-tbody {
39 - // ========================= Nest Table ===========================
40 - .@{table-prefix-cls}-wrapper:only-child {
41 - .@{table-prefix-cls} {
42 - margin: -@padding-vertical -@padding-horizontal -@padding-vertical (@padding-horizontal +
43 - ceil(@font-size-sm * 1.4));
44 - }
45 - }
46 - }
47 - }
48 -}
49 -
50 -// ================================================================
51 -// = Middle =
52 -// ================================================================
53 -.table-size(~'middle', @table-padding-vertical-md, @table-padding-horizontal-md, @table-font-size-md);
54 -
55 -// ================================================================
56 -// = Small =
57 -// ================================================================
58 -.table-size(~'small', @table-padding-vertical-sm, @table-padding-horizontal-sm, @table-font-size-sm);
59 -
60 -.@{table-prefix-cls}-small {
61 - .@{table-prefix-cls}-thead > tr > th {
62 - background-color: @table-header-bg-sm;
63 - }
64 - .@{table-prefix-cls}-selection-column {
65 - width: 46px;
66 - min-width: 46px;
67 - }
68 -}
1 -import { ColumnType, ColumnTitle, ColumnTitleProps, Key } from './interface';
2 -export declare function getColumnKey<RecordType>(column: ColumnType<RecordType>, defaultKey: string): Key;
3 -export declare function getColumnPos(index: number, pos?: string): string;
4 -export declare function renderColumnTitle<RecordType>(title: ColumnTitle<RecordType>, props: ColumnTitleProps<RecordType>): any;
1 -"use strict";
2 -
3 -Object.defineProperty(exports, "__esModule", {
4 - value: true
5 -});
6 -exports.getColumnKey = getColumnKey;
7 -exports.getColumnPos = getColumnPos;
8 -exports.renderColumnTitle = renderColumnTitle;
9 -
10 -function getColumnKey(column, defaultKey) {
11 - if ('key' in column && column.key !== undefined && column.key !== null) {
12 - return column.key;
13 - }
14 -
15 - if (column.dataIndex) {
16 - return Array.isArray(column.dataIndex) ? column.dataIndex.join('.') : column.dataIndex;
17 - }
18 -
19 - return defaultKey;
20 -}
21 -
22 -function getColumnPos(index, pos) {
23 - return pos ? "".concat(pos, "-").concat(index) : "".concat(index);
24 -}
25 -
26 -function renderColumnTitle(title, props) {
27 - if (typeof title === 'function') {
28 - return title(props);
29 - }
30 -
31 - return title;
32 -}
...\ No newline at end of file ...\ No newline at end of file
1 -import * as React from 'react';
2 -import { TabsProps as RcTabsProps, TabPaneProps } from 'rc-tabs';
3 -import { SizeType } from '../config-provider/SizeContext';
4 -export declare type TabsType = 'line' | 'card' | 'editable-card';
5 -export declare type TabsPosition = 'top' | 'right' | 'bottom' | 'left';
6 -export { TabPaneProps };
7 -export interface TabsProps extends Omit<RcTabsProps, 'editable'> {
8 - type?: TabsType;
9 - size?: SizeType;
10 - hideAdd?: boolean;
11 - centered?: boolean;
12 - addIcon?: React.ReactNode;
13 - onEdit?: (e: React.MouseEvent | React.KeyboardEvent | string, action: 'add' | 'remove') => void;
14 -}
15 -declare function Tabs({ type, className, size, onEdit, hideAdd, centered, addIcon, ...props }: TabsProps): JSX.Element;
16 -declare namespace Tabs {
17 - var TabPane: typeof import("rc-tabs").TabPane;
18 -}
19 -export default Tabs;
1 -"use strict";
2 -
3 -var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4 -
5 -var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6 -
7 -Object.defineProperty(exports, "__esModule", {
8 - value: true
9 -});
10 -exports["default"] = void 0;
11 -
12 -var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13 -
14 -var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15 -
16 -var React = _interopRequireWildcard(require("react"));
17 -
18 -var _rcTabs = _interopRequireWildcard(require("rc-tabs"));
19 -
20 -var _classnames = _interopRequireDefault(require("classnames"));
21 -
22 -var _EllipsisOutlined = _interopRequireDefault(require("@ant-design/icons/EllipsisOutlined"));
23 -
24 -var _PlusOutlined = _interopRequireDefault(require("@ant-design/icons/PlusOutlined"));
25 -
26 -var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
27 -
28 -var _devWarning = _interopRequireDefault(require("../_util/devWarning"));
29 -
30 -var _configProvider = require("../config-provider");
31 -
32 -var __rest = void 0 && (void 0).__rest || function (s, e) {
33 - var t = {};
34 -
35 - for (var p in s) {
36 - if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
37 - }
38 -
39 - if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
40 - if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
41 - }
42 - return t;
43 -};
44 -
45 -function Tabs(_a) {
46 - var _classNames;
47 -
48 - var type = _a.type,
49 - className = _a.className,
50 - size = _a.size,
51 - _onEdit = _a.onEdit,
52 - hideAdd = _a.hideAdd,
53 - centered = _a.centered,
54 - addIcon = _a.addIcon,
55 - props = __rest(_a, ["type", "className", "size", "onEdit", "hideAdd", "centered", "addIcon"]);
56 -
57 - var customizePrefixCls = props.prefixCls;
58 -
59 - var _React$useContext = React.useContext(_configProvider.ConfigContext),
60 - getPrefixCls = _React$useContext.getPrefixCls,
61 - direction = _React$useContext.direction;
62 -
63 - var prefixCls = getPrefixCls('tabs', customizePrefixCls);
64 - var editable;
65 -
66 - if (type === 'editable-card') {
67 - editable = {
68 - onEdit: function onEdit(editType, _ref) {
69 - var key = _ref.key,
70 - event = _ref.event;
71 - _onEdit === null || _onEdit === void 0 ? void 0 : _onEdit(editType === 'add' ? event : key, editType);
72 - },
73 - removeIcon: /*#__PURE__*/React.createElement(_CloseOutlined["default"], null),
74 - addIcon: addIcon || /*#__PURE__*/React.createElement(_PlusOutlined["default"], null),
75 - showAdd: hideAdd !== true
76 - };
77 - }
78 -
79 - (0, _devWarning["default"])(!('onPrevClick' in props) && !('onNextClick' in props), 'Tabs', '`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead.');
80 - return /*#__PURE__*/React.createElement(_rcTabs["default"], (0, _extends2["default"])({
81 - direction: direction
82 - }, props, {
83 - moreTransitionName: "slide-up",
84 - className: (0, _classnames["default"])((_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-").concat(size), size), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-card"), ['card', 'editable-card'].includes(type)), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-editable-card"), type === 'editable-card'), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-centered"), centered), _classNames), className),
85 - editable: editable,
86 - moreIcon: /*#__PURE__*/React.createElement(_EllipsisOutlined["default"], null),
87 - prefixCls: prefixCls
88 - }));
89 -}
90 -
91 -Tabs.TabPane = _rcTabs.TabPane;
92 -var _default = Tabs;
93 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -@import '../../style/themes/index';
2 -@import '../../style/mixins/index';
3 -@import './index';
4 -
5 -.@{tab-prefix-cls}-card {
6 - > .@{tab-prefix-cls}-nav,
7 - > div > .@{tab-prefix-cls}-nav {
8 - .@{tab-prefix-cls}-tab {
9 - margin: 0;
10 - padding: @tabs-card-horizontal-padding;
11 - background: @tabs-card-head-background;
12 - border: @border-width-base @border-style-base @border-color-split;
13 - transition: all @animation-duration-slow @ease-in-out;
14 -
15 - &-active {
16 - color: @tabs-card-active-color;
17 - background: @component-background;
18 - }
19 - }
20 -
21 - .@{tab-prefix-cls}-ink-bar {
22 - visibility: hidden;
23 - }
24 - }
25 -
26 - // ========================== Top & Bottom ==========================
27 - &.@{tab-prefix-cls}-top,
28 - &.@{tab-prefix-cls}-bottom {
29 - > .@{tab-prefix-cls}-nav,
30 - > div > .@{tab-prefix-cls}-nav {
31 - .@{tab-prefix-cls}-tab:not(:last-of-type) {
32 - margin-right: @tabs-card-gutter;
33 - }
34 - }
35 - }
36 -
37 - &.@{tab-prefix-cls}-top {
38 - > .@{tab-prefix-cls}-nav,
39 - > div > .@{tab-prefix-cls}-nav {
40 - .@{tab-prefix-cls}-tab {
41 - border-radius: @border-radius-base @border-radius-base 0 0;
42 -
43 - &-active {
44 - border-bottom-color: @component-background;
45 - }
46 - }
47 - }
48 - }
49 - &.@{tab-prefix-cls}-bottom {
50 - > .@{tab-prefix-cls}-nav,
51 - > div > .@{tab-prefix-cls}-nav {
52 - .@{tab-prefix-cls}-tab {
53 - border-radius: 0 0 @border-radius-base @border-radius-base;
54 -
55 - &-active {
56 - border-top-color: @component-background;
57 - }
58 - }
59 - }
60 - }
61 -
62 - // ========================== Left & Right ==========================
63 - &.@{tab-prefix-cls}-left,
64 - &.@{tab-prefix-cls}-right {
65 - > .@{tab-prefix-cls}-nav,
66 - > div > .@{tab-prefix-cls}-nav {
67 - .@{tab-prefix-cls}-tab:not(:last-of-type) {
68 - margin-bottom: @tabs-card-gutter;
69 - }
70 - }
71 - }
72 -
73 - &.@{tab-prefix-cls}-left {
74 - > .@{tab-prefix-cls}-nav,
75 - > div > .@{tab-prefix-cls}-nav {
76 - .@{tab-prefix-cls}-tab {
77 - border-radius: @border-radius-base 0 0 @border-radius-base;
78 -
79 - &-active {
80 - border-right-color: @component-background;
81 - }
82 - }
83 - }
84 - }
85 - &.@{tab-prefix-cls}-right {
86 - > .@{tab-prefix-cls}-nav,
87 - > div > .@{tab-prefix-cls}-nav {
88 - .@{tab-prefix-cls}-tab {
89 - border-radius: 0 @border-radius-base @border-radius-base 0;
90 -
91 - &-active {
92 - border-left-color: @component-background;
93 - }
94 - }
95 - }
96 - }
97 -}
1 -"use strict";
2 -
3 -require("../../style/index.css");
4 -
5 -require("./index.css");
...\ No newline at end of file ...\ No newline at end of file
1 -@import '../../style/themes/index';
2 -@import '../../style/mixins/index';
3 -@import './index';
4 -
5 -.@{tab-prefix-cls}-dropdown {
6 - .reset-component;
7 -
8 - position: absolute;
9 - top: -9999px;
10 - left: -9999px;
11 - z-index: @zindex-dropdown;
12 - display: block;
13 -
14 - &-hidden {
15 - display: none;
16 - }
17 -
18 - &-menu {
19 - max-height: 200px;
20 - margin: 0;
21 - padding: @dropdown-edge-child-vertical-padding 0;
22 - overflow-x: hidden;
23 - overflow-y: auto;
24 - text-align: left;
25 - list-style-type: none;
26 - background-color: @dropdown-menu-bg;
27 - background-clip: padding-box;
28 - border-radius: @border-radius-base;
29 - outline: none;
30 - box-shadow: @box-shadow-base;
31 -
32 - &-item {
33 - min-width: 120px;
34 - margin: 0;
35 - padding: @dropdown-vertical-padding @control-padding-horizontal;
36 - overflow: hidden;
37 - color: @text-color;
38 - font-weight: normal;
39 - font-size: @dropdown-font-size;
40 - line-height: @dropdown-line-height;
41 - white-space: nowrap;
42 - text-overflow: ellipsis;
43 - cursor: pointer;
44 - transition: all 0.3s;
45 -
46 - &:hover {
47 - background: @item-hover-bg;
48 - }
49 -
50 - &-disabled {
51 - &,
52 - &:hover {
53 - color: @disabled-color;
54 - background: transparent;
55 - cursor: not-allowed;
56 - }
57 - }
58 - }
59 - }
60 -}
This diff is collapsed. Click to expand it.
1 -import '../../style/index.less';
2 -import './index.less';
1 -"use strict";
2 -
3 -require("../../style/index.less");
4 -
5 -require("./index.less");
...\ No newline at end of file ...\ No newline at end of file
1 -@import '../../style/themes/index';
2 -@import '../../style/mixins/index';
3 -@import './size';
4 -@import './rtl';
5 -@import './position';
6 -@import './dropdown';
7 -@import './card';
8 -
9 -@tab-prefix-cls: ~'@{ant-prefix}-tabs';
10 -
11 -.@{tab-prefix-cls} {
12 - .reset-component;
13 -
14 - display: flex;
15 - overflow: hidden;
16 -
17 - // ========================== Navigation ==========================
18 - > .@{tab-prefix-cls}-nav,
19 - > div > .@{tab-prefix-cls}-nav {
20 - position: relative;
21 - display: flex;
22 - flex: none;
23 - align-items: center;
24 -
25 - .@{tab-prefix-cls}-nav-wrap {
26 - position: relative;
27 - display: inline-block;
28 - display: flex;
29 - flex: auto;
30 - align-self: stretch;
31 - overflow: hidden;
32 - white-space: nowrap;
33 - transform: translate(0); // Fix chrome render bug
34 -
35 - // >>>>> Ping shadow
36 - &::before,
37 - &::after {
38 - position: absolute;
39 - z-index: 1;
40 - opacity: 0;
41 - transition: opacity @animation-duration-slow;
42 - content: '';
43 - pointer-events: none;
44 - }
45 - }
46 -
47 - .@{tab-prefix-cls}-nav-list {
48 - position: relative;
49 - display: flex;
50 - transition: transform @animation-duration-slow;
51 - }
52 -
53 - // >>>>>>>> Operations
54 - .@{tab-prefix-cls}-nav-operations {
55 - display: flex;
56 - align-self: stretch;
57 -
58 - &-hidden {
59 - position: absolute;
60 - visibility: hidden;
61 - pointer-events: none;
62 - }
63 - }
64 -
65 - .@{tab-prefix-cls}-nav-more {
66 - position: relative;
67 - padding: @tabs-card-horizontal-padding;
68 - background: transparent;
69 - border: 0;
70 -
71 - &::after {
72 - position: absolute;
73 - right: 0;
74 - bottom: 0;
75 - left: 0;
76 - height: 5px;
77 - transform: translateY(100%);
78 - content: '';
79 - }
80 - }
81 -
82 - .@{tab-prefix-cls}-nav-add {
83 - min-width: @tabs-card-height;
84 - padding: 0 @padding-xs;
85 - background: @tabs-card-head-background;
86 - border: @border-width-base @border-style-base @border-color-split;
87 - border-radius: @border-radius-base @border-radius-base 0 0;
88 - outline: none;
89 - cursor: pointer;
90 - transition: all @animation-duration-slow @ease-in-out;
91 -
92 - &:hover {
93 - color: @tabs-hover-color;
94 - }
95 -
96 - &:active,
97 - &:focus {
98 - color: @tabs-active-color;
99 - }
100 - }
101 - }
102 -
103 - &-extra-content {
104 - flex: none;
105 - }
106 -
107 - &-centered {
108 - > .@{tab-prefix-cls}-nav,
109 - > div > .@{tab-prefix-cls}-nav {
110 - .@{tab-prefix-cls}-nav-wrap {
111 - &:not([class*='@{tab-prefix-cls}-nav-wrap-ping']) {
112 - justify-content: center;
113 - }
114 - }
115 - }
116 - }
117 -
118 - // ============================ InkBar ============================
119 - &-ink-bar {
120 - position: absolute;
121 - background: @tabs-ink-bar-color;
122 - pointer-events: none;
123 - }
124 -
125 - // ============================= Tabs =============================
126 - &-tab {
127 - position: relative;
128 - display: inline-flex;
129 - align-items: center;
130 - margin: @tabs-horizontal-margin;
131 - padding: @tabs-horizontal-padding;
132 - font-size: @tabs-title-font-size;
133 - background: transparent;
134 - border: 0;
135 - outline: none;
136 - cursor: pointer;
137 -
138 - &:last-of-type {
139 - margin-right: 0;
140 - margin-left: 0;
141 - }
142 -
143 - &-btn,
144 - &-remove {
145 - &:focus,
146 - &:active {
147 - color: @tabs-active-color;
148 - }
149 - }
150 -
151 - &-btn {
152 - outline: none;
153 - transition: all 0.3s;
154 - }
155 -
156 - &-remove {
157 - flex: none;
158 - margin-right: -@margin-xss;
159 - margin-left: @margin-xs;
160 - color: @text-color-secondary;
161 - font-size: @font-size-sm;
162 - background: transparent;
163 - border: none;
164 - outline: none;
165 - cursor: pointer;
166 - transition: all @animation-duration-slow;
167 -
168 - &:hover {
169 - color: @heading-color;
170 - }
171 - }
172 -
173 - &:hover {
174 - color: @tabs-hover-color;
175 - }
176 -
177 - &&-active &-btn {
178 - color: @tabs-highlight-color;
179 - font-weight: 500;
180 - }
181 -
182 - &&-disabled {
183 - color: @disabled-color;
184 - cursor: not-allowed;
185 - }
186 -
187 - &&-disabled &-btn,
188 - &&-disabled &-remove {
189 - &:focus,
190 - &:active {
191 - color: @disabled-color;
192 - }
193 - }
194 -
195 - & &-remove .@{iconfont-css-prefix} {
196 - margin: 0;
197 - }
198 -
199 - .@{iconfont-css-prefix} {
200 - margin-right: @margin-sm;
201 - }
202 - }
203 -
204 - // =========================== TabPanes ===========================
205 - &-content {
206 - &-holder {
207 - flex: auto;
208 - min-width: 0;
209 - min-height: 0;
210 - }
211 -
212 - display: flex;
213 - width: 100%;
214 -
215 - &-animated {
216 - transition: margin @animation-duration-slow;
217 - }
218 - }
219 -
220 - &-tabpane {
221 - flex: none;
222 - width: 100%;
223 - outline: none;
224 - }
225 -}
1 -@import './index';
2 -
3 -.@{tab-prefix-cls} {
4 - // ========================== Top & Bottom ==========================
5 - &-top,
6 - &-bottom {
7 - flex-direction: column;
8 -
9 - > .@{tab-prefix-cls}-nav,
10 - > div > .@{tab-prefix-cls}-nav {
11 - margin: @tabs-bar-margin;
12 -
13 - &::before {
14 - position: absolute;
15 - right: 0;
16 - left: 0;
17 - border-bottom: @border-width-base @border-style-base @border-color-split;
18 - content: '';
19 - }
20 -
21 - .@{tab-prefix-cls}-ink-bar {
22 - height: 2px;
23 -
24 - &-animated {
25 - transition: width @animation-duration-slow, left @animation-duration-slow,
26 - right @animation-duration-slow;
27 - }
28 - }
29 -
30 - .@{tab-prefix-cls}-nav-wrap {
31 - &::before,
32 - &::after {
33 - top: 0;
34 - bottom: 0;
35 - width: 30px;
36 - }
37 -
38 - &::before {
39 - left: 0;
40 - box-shadow: inset 10px 0 8px -8px fade(@shadow-color, 8%);
41 - }
42 - &::after {
43 - right: 0;
44 - box-shadow: inset -10px 0 8px -8px fade(@shadow-color, 8%);
45 - }
46 -
47 - &.@{tab-prefix-cls}-nav-wrap-ping-left::before {
48 - opacity: 1;
49 - }
50 - &.@{tab-prefix-cls}-nav-wrap-ping-right::after {
51 - opacity: 1;
52 - }
53 - }
54 - }
55 - }
56 -
57 - &-top {
58 - > .@{tab-prefix-cls}-nav,
59 - > div > .@{tab-prefix-cls}-nav {
60 - &::before {
61 - bottom: 0;
62 - }
63 -
64 - .@{tab-prefix-cls}-ink-bar {
65 - bottom: 0;
66 - }
67 - }
68 - }
69 -
70 - &-bottom {
71 - > .@{tab-prefix-cls}-nav,
72 - > div > .@{tab-prefix-cls}-nav {
73 - order: 1;
74 - margin-top: @margin-md;
75 - margin-bottom: 0;
76 -
77 - &::before {
78 - top: 0;
79 - }
80 -
81 - .@{tab-prefix-cls}-ink-bar {
82 - top: 0;
83 - }
84 - }
85 -
86 - > .@{tab-prefix-cls}-content-holder,
87 - > div > .@{tab-prefix-cls}-content-holder {
88 - order: 0;
89 - }
90 - }
91 -
92 - // ========================== Left & Right ==========================
93 - &-left,
94 - &-right {
95 - > .@{tab-prefix-cls}-nav,
96 - > div > .@{tab-prefix-cls}-nav {
97 - flex-direction: column;
98 - min-width: 50px;
99 -
100 - // >>>>>>>>>>> Tab
101 - .@{tab-prefix-cls}-tab {
102 - margin: @tabs-vertical-margin;
103 - padding: @tabs-vertical-padding;
104 - text-align: center;
105 -
106 - &:last-of-type {
107 - margin-bottom: 0;
108 - }
109 -
110 - &-active .@{tab-prefix-cls}-tab-btn {
111 - font-weight: normal;
112 - text-shadow: 0 0 0.25px @tabs-active-color;
113 - }
114 - }
115 -
116 - // >>>>>>>>>>> Nav
117 - .@{tab-prefix-cls}-nav-wrap {
118 - flex-direction: column;
119 -
120 - &::before,
121 - &::after {
122 - right: 0;
123 - left: 0;
124 - height: 30px;
125 - }
126 -
127 - &::before {
128 - top: 0;
129 - box-shadow: inset 0 10px 8px -8px fade(@shadow-color, 8%);
130 - }
131 - &::after {
132 - bottom: 0;
133 - box-shadow: inset 0 -10px 8px -8px fade(@shadow-color, 8%);
134 - }
135 -
136 - &.@{tab-prefix-cls}-nav-wrap-ping-top::before {
137 - opacity: 1;
138 - }
139 - &.@{tab-prefix-cls}-nav-wrap-ping-bottom::after {
140 - opacity: 1;
141 - }
142 - }
143 -
144 - // >>>>>>>>>>> Ink Bar
145 - .@{tab-prefix-cls}-ink-bar {
146 - width: 2px;
147 -
148 - &-animated {
149 - transition: height @animation-duration-slow, top @animation-duration-slow;
150 - }
151 - }
152 -
153 - .@{tab-prefix-cls}-nav-list,
154 - .@{tab-prefix-cls}-nav-operations {
155 - flex-direction: column;
156 - }
157 - }
158 - }
159 -
160 - &-left {
161 - > .@{tab-prefix-cls}-nav,
162 - > div > .@{tab-prefix-cls}-nav {
163 - .@{tab-prefix-cls}-ink-bar {
164 - right: 0;
165 - }
166 - }
167 -
168 - > .@{tab-prefix-cls}-content-holder,
169 - > div > .@{tab-prefix-cls}-content-holder {
170 - margin-left: -@border-width-base;
171 - border-left: @border-width-base @border-style-base @border-color-split;
172 -
173 - > .@{tab-prefix-cls}-content > .@{tab-prefix-cls}-tabpane {
174 - padding-left: @padding-lg;
175 - }
176 - }
177 - }
178 -
179 - &-right {
180 - > .@{tab-prefix-cls}-nav,
181 - > div > .@{tab-prefix-cls}-nav {
182 - order: 1;
183 -
184 - .@{tab-prefix-cls}-ink-bar {
185 - left: 0;
186 - }
187 - }
188 -
189 - > .@{tab-prefix-cls}-content-holder,
190 - > div > .@{tab-prefix-cls}-content-holder {
191 - order: 0;
192 - margin-right: -@border-width-base;
193 - border-right: @border-width-base @border-style-base @border-color-split;
194 -
195 - > .@{tab-prefix-cls}-content > .@{tab-prefix-cls}-tabpane {
196 - padding-right: @padding-lg;
197 - }
198 - }
199 - }
200 -}
1 -@import '../../style/themes/index';
2 -@import '../../style/mixins/index';
3 -
4 -@tab-prefix-cls: ~'@{ant-prefix}-tabs';
5 -
6 -.@{tab-prefix-cls} {
7 - &-rtl {
8 - direction: rtl;
9 -
10 - .@{tab-prefix-cls}-nav {
11 - .@{tab-prefix-cls}-tab {
12 - margin: @tabs-horizontal-margin-rtl;
13 -
14 - &:last-of-type {
15 - margin-left: 0;
16 - }
17 -
18 - .@{iconfont-css-prefix} {
19 - margin-right: 0;
20 - margin-left: @margin-sm;
21 - }
22 -
23 - .@{tab-prefix-cls}-tab-remove {
24 - margin-right: @margin-xs;
25 - margin-left: -@margin-xss;
26 -
27 - .@{iconfont-css-prefix} {
28 - margin: 0;
29 - }
30 - }
31 - }
32 - }
33 -
34 - &.@{tab-prefix-cls}-left {
35 - > .@{tab-prefix-cls}-nav {
36 - order: 1;
37 - }
38 - > .@{tab-prefix-cls}-content-holder {
39 - order: 0;
40 - }
41 - }
42 -
43 - &.@{tab-prefix-cls}-right {
44 - > .@{tab-prefix-cls}-nav {
45 - order: 0;
46 - }
47 - > .@{tab-prefix-cls}-content-holder {
48 - order: 1;
49 - }
50 - }
51 - }
52 -
53 - // ====================== Card ======================
54 - &-card {
55 - &.@{tab-prefix-cls}-top,
56 - &.@{tab-prefix-cls}-bottom {
57 - > .@{tab-prefix-cls}-nav,
58 - > div > .@{tab-prefix-cls}-nav {
59 - .@{tab-prefix-cls}-tab:not(:last-of-type) {
60 - .@{tab-prefix-cls}-rtl& {
61 - margin-right: 0;
62 - margin-left: @tabs-card-gutter;
63 - }
64 - }
65 - }
66 - }
67 - }
68 -}
69 -
70 -.@{tab-prefix-cls}-dropdown {
71 - &-rtl {
72 - direction: rtl;
73 - }
74 - &-menu-item {
75 - .@{tab-prefix-cls}-dropdown-rtl & {
76 - text-align: right;
77 - }
78 - }
79 -}
1 -@import '../../style/themes/index';
2 -@import '../../style/mixins/index';
3 -@import './index';
4 -
5 -.@{tab-prefix-cls} {
6 - &-small {
7 - > .@{tab-prefix-cls}-nav {
8 - .@{tab-prefix-cls}-tab {
9 - padding: @tabs-horizontal-padding-sm;
10 - font-size: @tabs-title-font-size-sm;
11 - }
12 - }
13 - }
14 -
15 - &-large {
16 - > .@{tab-prefix-cls}-nav {
17 - .@{tab-prefix-cls}-tab {
18 - padding: @tabs-horizontal-padding-lg;
19 - font-size: @tabs-title-font-size-lg;
20 - }
21 - }
22 - }
23 -
24 - &-card {
25 - &.@{tab-prefix-cls}-small {
26 - > .@{tab-prefix-cls}-nav {
27 - .@{tab-prefix-cls}-tab {
28 - padding: @tabs-card-horizontal-padding-sm;
29 - }
30 - }
31 - }
32 -
33 - &.@{tab-prefix-cls}-large {
34 - > .@{tab-prefix-cls}-nav {
35 - .@{tab-prefix-cls}-tab {
36 - padding: @tabs-card-horizontal-padding-lg;
37 - }
38 - }
39 - }
40 - }
41 -}
1 -import * as React from 'react';
2 -export interface CheckableTagProps {
3 - prefixCls?: string;
4 - className?: string;
5 - style?: React.CSSProperties;
6 - /**
7 - * @description it is an absolute controlled component and has no uncontrolled mode.
8 - * @description.zh-CN 该组件为完全受控组件,不支持非受控用法。
9 - */
10 - checked: boolean;
11 - onChange?: (checked: boolean) => void;
12 - onClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
13 -}
14 -declare const CheckableTag: React.FC<CheckableTagProps>;
15 -export default CheckableTag;
1 -"use strict";
2 -
3 -var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4 -
5 -var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6 -
7 -Object.defineProperty(exports, "__esModule", {
8 - value: true
9 -});
10 -exports["default"] = void 0;
11 -
12 -var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13 -
14 -var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15 -
16 -var React = _interopRequireWildcard(require("react"));
17 -
18 -var _classnames = _interopRequireDefault(require("classnames"));
19 -
20 -var _configProvider = require("../config-provider");
21 -
22 -var __rest = void 0 && (void 0).__rest || function (s, e) {
23 - var t = {};
24 -
25 - for (var p in s) {
26 - if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
27 - }
28 -
29 - if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
30 - if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
31 - }
32 - return t;
33 -};
34 -
35 -var CheckableTag = function CheckableTag(_a) {
36 - var _classNames;
37 -
38 - var customizePrefixCls = _a.prefixCls,
39 - className = _a.className,
40 - checked = _a.checked,
41 - onChange = _a.onChange,
42 - onClick = _a.onClick,
43 - restProps = __rest(_a, ["prefixCls", "className", "checked", "onChange", "onClick"]);
44 -
45 - var _React$useContext = React.useContext(_configProvider.ConfigContext),
46 - getPrefixCls = _React$useContext.getPrefixCls;
47 -
48 - var handleClick = function handleClick(e) {
49 - if (onChange) {
50 - onChange(!checked);
51 - }
52 -
53 - if (onClick) {
54 - onClick(e);
55 - }
56 - };
57 -
58 - var prefixCls = getPrefixCls('tag', customizePrefixCls);
59 - var cls = (0, _classnames["default"])(prefixCls, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-checkable"), true), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-checkable-checked"), checked), _classNames), className);
60 - return /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({}, restProps, {
61 - className: cls,
62 - onClick: handleClick
63 - }));
64 -};
65 -
66 -var _default = CheckableTag;
67 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import * as React from 'react';
2 -import CheckableTag from './CheckableTag';
3 -import { PresetColorType, PresetStatusColorType } from '../_util/colors';
4 -import { LiteralUnion } from '../_util/type';
5 -export { CheckableTagProps } from './CheckableTag';
6 -export interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
7 - prefixCls?: string;
8 - className?: string;
9 - color?: LiteralUnion<PresetColorType | PresetStatusColorType, string>;
10 - closable?: boolean;
11 - closeIcon?: React.ReactNode;
12 - visible?: boolean;
13 - onClose?: (e: React.MouseEvent<HTMLElement>) => void;
14 - style?: React.CSSProperties;
15 - icon?: React.ReactNode;
16 -}
17 -export interface TagType extends React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLElement>> {
18 - CheckableTag: typeof CheckableTag;
19 -}
20 -declare const Tag: TagType;
21 -export default Tag;
1 -"use strict";
2 -
3 -var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4 -
5 -var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6 -
7 -Object.defineProperty(exports, "__esModule", {
8 - value: true
9 -});
10 -exports["default"] = void 0;
11 -
12 -var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13 -
14 -var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
15 -
16 -var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
17 -
18 -var React = _interopRequireWildcard(require("react"));
19 -
20 -var _classnames = _interopRequireDefault(require("classnames"));
21 -
22 -var _omit = _interopRequireDefault(require("omit.js"));
23 -
24 -var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
25 -
26 -var _CheckableTag = _interopRequireDefault(require("./CheckableTag"));
27 -
28 -var _configProvider = require("../config-provider");
29 -
30 -var _colors = require("../_util/colors");
31 -
32 -var _wave = _interopRequireDefault(require("../_util/wave"));
33 -
34 -var __rest = void 0 && (void 0).__rest || function (s, e) {
35 - var t = {};
36 -
37 - for (var p in s) {
38 - if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
39 - }
40 -
41 - if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
42 - if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
43 - }
44 - return t;
45 -};
46 -
47 -var PresetColorRegex = new RegExp("^(".concat(_colors.PresetColorTypes.join('|'), ")(-inverse)?$"));
48 -var PresetStatusColorRegex = new RegExp("^(".concat(_colors.PresetStatusColorTypes.join('|'), ")$"));
49 -
50 -var InternalTag = function InternalTag(_a, ref) {
51 - var _classNames;
52 -
53 - var customizePrefixCls = _a.prefixCls,
54 - className = _a.className,
55 - style = _a.style,
56 - children = _a.children,
57 - icon = _a.icon,
58 - color = _a.color,
59 - onClose = _a.onClose,
60 - closeIcon = _a.closeIcon,
61 - _a$closable = _a.closable,
62 - closable = _a$closable === void 0 ? false : _a$closable,
63 - props = __rest(_a, ["prefixCls", "className", "style", "children", "icon", "color", "onClose", "closeIcon", "closable"]);
64 -
65 - var _React$useContext = React.useContext(_configProvider.ConfigContext),
66 - getPrefixCls = _React$useContext.getPrefixCls,
67 - direction = _React$useContext.direction;
68 -
69 - var _React$useState = React.useState(true),
70 - _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
71 - visible = _React$useState2[0],
72 - setVisible = _React$useState2[1];
73 -
74 - React.useEffect(function () {
75 - if ('visible' in props) {
76 - setVisible(props.visible);
77 - }
78 - }, [props.visible]);
79 -
80 - var isPresetColor = function isPresetColor() {
81 - if (!color) {
82 - return false;
83 - }
84 -
85 - return PresetColorRegex.test(color) || PresetStatusColorRegex.test(color);
86 - };
87 -
88 - var tagStyle = (0, _extends2["default"])({
89 - backgroundColor: color && !isPresetColor() ? color : undefined
90 - }, style);
91 - var presetColor = isPresetColor();
92 - var prefixCls = getPrefixCls('tag', customizePrefixCls);
93 - var tagClassName = (0, _classnames["default"])(prefixCls, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-").concat(color), presetColor), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-has-color"), color && !presetColor), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-hidden"), !visible), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className);
94 -
95 - var handleCloseClick = function handleCloseClick(e) {
96 - e.stopPropagation();
97 -
98 - if (onClose) {
99 - onClose(e);
100 - }
101 -
102 - if (e.defaultPrevented) {
103 - return;
104 - }
105 -
106 - if (!('visible' in props)) {
107 - setVisible(false);
108 - }
109 - };
110 -
111 - var renderCloseIcon = function renderCloseIcon() {
112 - if (closable) {
113 - return closeIcon ? /*#__PURE__*/React.createElement("span", {
114 - className: "".concat(prefixCls, "-close-icon"),
115 - onClick: handleCloseClick
116 - }, closeIcon) : /*#__PURE__*/React.createElement(_CloseOutlined["default"], {
117 - className: "".concat(prefixCls, "-close-icon"),
118 - onClick: handleCloseClick
119 - });
120 - }
121 -
122 - return null;
123 - };
124 -
125 - var isNeedWave = 'onClick' in props || children && children.type === 'a';
126 - var tagProps = (0, _omit["default"])(props, ['visible']);
127 - var iconNode = icon || null;
128 - var kids = iconNode ? /*#__PURE__*/React.createElement(React.Fragment, null, iconNode, /*#__PURE__*/React.createElement("span", null, children)) : children;
129 - var tagNode = /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({}, tagProps, {
130 - ref: ref,
131 - className: tagClassName,
132 - style: tagStyle
133 - }), kids, renderCloseIcon());
134 - return isNeedWave ? /*#__PURE__*/React.createElement(_wave["default"], null, tagNode) : tagNode;
135 -};
136 -
137 -var Tag = /*#__PURE__*/React.forwardRef(InternalTag);
138 -Tag.displayName = 'Tag';
139 -Tag.CheckableTag = _CheckableTag["default"];
140 -var _default = Tag;
141 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -"use strict";
2 -
3 -require("../../style/index.css");
4 -
5 -require("./index.css");
...\ No newline at end of file ...\ No newline at end of file
1 -/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2 -/* stylelint-disable no-duplicate-selectors */
3 -/* stylelint-disable */
4 -/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
5 -.ant-tag {
6 - -webkit-box-sizing: border-box;
7 - box-sizing: border-box;
8 - margin: 0;
9 - padding: 0;
10 - color: rgba(0, 0, 0, 0.85);
11 - font-size: 14px;
12 - font-variant: tabular-nums;
13 - line-height: 1.5715;
14 - list-style: none;
15 - -webkit-font-feature-settings: 'tnum';
16 - font-feature-settings: 'tnum';
17 - display: inline-block;
18 - height: auto;
19 - margin-right: 8px;
20 - padding: 0 7px;
21 - font-size: 12px;
22 - line-height: 20px;
23 - white-space: nowrap;
24 - background: #fafafa;
25 - border: 1px solid #d9d9d9;
26 - border-radius: 2px;
27 - opacity: 1;
28 - -webkit-transition: all 0.3s;
29 - transition: all 0.3s;
30 -}
31 -.ant-tag:hover {
32 - opacity: 0.85;
33 -}
34 -.ant-tag,
35 -.ant-tag a,
36 -.ant-tag a:hover {
37 - color: rgba(0, 0, 0, 0.85);
38 -}
39 -.ant-tag > a:first-child:last-child {
40 - display: inline-block;
41 - margin: 0 -8px;
42 - padding: 0 8px;
43 -}
44 -.ant-tag-close-icon {
45 - margin-left: 3px;
46 - color: rgba(0, 0, 0, 0.45);
47 - font-size: 10px;
48 - cursor: pointer;
49 - -webkit-transition: all 0.3s;
50 - transition: all 0.3s;
51 -}
52 -.ant-tag-close-icon:hover {
53 - color: rgba(0, 0, 0, 0.85);
54 -}
55 -.ant-tag-has-color {
56 - border-color: transparent;
57 -}
58 -.ant-tag-has-color,
59 -.ant-tag-has-color a,
60 -.ant-tag-has-color a:hover,
61 -.ant-tag-has-color .anticon-close,
62 -.ant-tag-has-color .anticon-close:hover {
63 - color: #fff;
64 -}
65 -.ant-tag-checkable {
66 - background-color: transparent;
67 - border-color: transparent;
68 - cursor: pointer;
69 -}
70 -.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
71 - color: #1890ff;
72 -}
73 -.ant-tag-checkable:active,
74 -.ant-tag-checkable-checked {
75 - color: #fff;
76 -}
77 -.ant-tag-checkable-checked {
78 - background-color: #1890ff;
79 -}
80 -.ant-tag-checkable:active {
81 - background-color: #096dd9;
82 -}
83 -.ant-tag-hidden {
84 - display: none;
85 -}
86 -.ant-tag-pink {
87 - color: #eb2f96;
88 - background: #fff0f6;
89 - border-color: #ffadd2;
90 -}
91 -.ant-tag-pink-inverse {
92 - color: #fff;
93 - background: #eb2f96;
94 - border-color: #eb2f96;
95 -}
96 -.ant-tag-magenta {
97 - color: #eb2f96;
98 - background: #fff0f6;
99 - border-color: #ffadd2;
100 -}
101 -.ant-tag-magenta-inverse {
102 - color: #fff;
103 - background: #eb2f96;
104 - border-color: #eb2f96;
105 -}
106 -.ant-tag-red {
107 - color: #f5222d;
108 - background: #fff1f0;
109 - border-color: #ffa39e;
110 -}
111 -.ant-tag-red-inverse {
112 - color: #fff;
113 - background: #f5222d;
114 - border-color: #f5222d;
115 -}
116 -.ant-tag-volcano {
117 - color: #fa541c;
118 - background: #fff2e8;
119 - border-color: #ffbb96;
120 -}
121 -.ant-tag-volcano-inverse {
122 - color: #fff;
123 - background: #fa541c;
124 - border-color: #fa541c;
125 -}
126 -.ant-tag-orange {
127 - color: #fa8c16;
128 - background: #fff7e6;
129 - border-color: #ffd591;
130 -}
131 -.ant-tag-orange-inverse {
132 - color: #fff;
133 - background: #fa8c16;
134 - border-color: #fa8c16;
135 -}
136 -.ant-tag-yellow {
137 - color: #fadb14;
138 - background: #feffe6;
139 - border-color: #fffb8f;
140 -}
141 -.ant-tag-yellow-inverse {
142 - color: #fff;
143 - background: #fadb14;
144 - border-color: #fadb14;
145 -}
146 -.ant-tag-gold {
147 - color: #faad14;
148 - background: #fffbe6;
149 - border-color: #ffe58f;
150 -}
151 -.ant-tag-gold-inverse {
152 - color: #fff;
153 - background: #faad14;
154 - border-color: #faad14;
155 -}
156 -.ant-tag-cyan {
157 - color: #13c2c2;
158 - background: #e6fffb;
159 - border-color: #87e8de;
160 -}
161 -.ant-tag-cyan-inverse {
162 - color: #fff;
163 - background: #13c2c2;
164 - border-color: #13c2c2;
165 -}
166 -.ant-tag-lime {
167 - color: #a0d911;
168 - background: #fcffe6;
169 - border-color: #eaff8f;
170 -}
171 -.ant-tag-lime-inverse {
172 - color: #fff;
173 - background: #a0d911;
174 - border-color: #a0d911;
175 -}
176 -.ant-tag-green {
177 - color: #52c41a;
178 - background: #f6ffed;
179 - border-color: #b7eb8f;
180 -}
181 -.ant-tag-green-inverse {
182 - color: #fff;
183 - background: #52c41a;
184 - border-color: #52c41a;
185 -}
186 -.ant-tag-blue {
187 - color: #1890ff;
188 - background: #e6f7ff;
189 - border-color: #91d5ff;
190 -}
191 -.ant-tag-blue-inverse {
192 - color: #fff;
193 - background: #1890ff;
194 - border-color: #1890ff;
195 -}
196 -.ant-tag-geekblue {
197 - color: #2f54eb;
198 - background: #f0f5ff;
199 - border-color: #adc6ff;
200 -}
201 -.ant-tag-geekblue-inverse {
202 - color: #fff;
203 - background: #2f54eb;
204 - border-color: #2f54eb;
205 -}
206 -.ant-tag-purple {
207 - color: #722ed1;
208 - background: #f9f0ff;
209 - border-color: #d3adf7;
210 -}
211 -.ant-tag-purple-inverse {
212 - color: #fff;
213 - background: #722ed1;
214 - border-color: #722ed1;
215 -}
216 -.ant-tag-success {
217 - color: #52c41a;
218 - background: #f6ffed;
219 - border-color: #b7eb8f;
220 -}
221 -.ant-tag-processing {
222 - color: #1890ff;
223 - background: #e6f7ff;
224 - border-color: #91d5ff;
225 -}
226 -.ant-tag-error {
227 - color: #f5222d;
228 - background: #fff1f0;
229 - border-color: #ffa39e;
230 -}
231 -.ant-tag-warning {
232 - color: #fa8c16;
233 - background: #fff7e6;
234 - border-color: #ffd591;
235 -}
236 -.ant-tag > .anticon + span,
237 -.ant-tag > span + .anticon {
238 - margin-left: 7px;
239 -}
240 -.ant-tag.ant-tag-rtl {
241 - margin-right: 0;
242 - margin-left: 8px;
243 - direction: rtl;
244 - text-align: right;
245 -}
246 -.ant-tag-rtl .ant-tag-close-icon {
247 - margin-right: 3px;
248 - margin-left: 0;
249 -}
250 -.ant-tag-rtl.ant-tag > .anticon + span,
251 -.ant-tag-rtl.ant-tag > span + .anticon {
252 - margin-right: 7px;
253 - margin-left: 0;
254 -}
1 -import '../../style/index.less';
2 -import './index.less';
1 -"use strict";
2 -
3 -require("../../style/index.less");
4 -
5 -require("./index.less");
...\ No newline at end of file ...\ No newline at end of file
1 -@import '../../style/themes/index';
2 -@import '../../style/mixins/index';
3 -
4 -@tag-prefix-cls: ~'@{ant-prefix}-tag';
5 -
6 -.@{tag-prefix-cls} {
7 - .reset-component;
8 -
9 - display: inline-block;
10 - height: auto;
11 - margin-right: 8px;
12 - padding: 0 7px;
13 - font-size: @tag-font-size;
14 - line-height: @tag-line-height;
15 - white-space: nowrap;
16 - background: @tag-default-bg;
17 - border: @border-width-base @border-style-base @border-color-base;
18 - border-radius: @border-radius-base;
19 - opacity: 1;
20 - transition: all 0.3s;
21 -
22 - &:hover {
23 - opacity: 0.85;
24 - }
25 -
26 - &,
27 - a,
28 - a:hover {
29 - color: @tag-default-color;
30 - }
31 -
32 - > a:first-child:last-child {
33 - display: inline-block;
34 - margin: 0 -8px;
35 - padding: 0 8px;
36 - }
37 -
38 - &-close-icon {
39 - margin-left: 3px;
40 - color: @text-color-secondary;
41 - font-size: 10px;
42 - cursor: pointer;
43 - transition: all 0.3s;
44 -
45 - &:hover {
46 - color: @heading-color;
47 - }
48 - }
49 -
50 - &-has-color {
51 - border-color: transparent;
52 - &,
53 - a,
54 - a:hover,
55 - .@{iconfont-css-prefix}-close,
56 - .@{iconfont-css-prefix}-close:hover {
57 - color: @text-color-inverse;
58 - }
59 - }
60 -
61 - &-checkable {
62 - background-color: transparent;
63 - border-color: transparent;
64 - cursor: pointer;
65 - &:not(&-checked):hover {
66 - color: @primary-color;
67 - }
68 - &:active,
69 - &-checked {
70 - color: @text-color-inverse;
71 - }
72 - &-checked {
73 - background-color: @primary-6;
74 - }
75 - &:active {
76 - background-color: @primary-7;
77 - }
78 - }
79 -
80 - &-hidden {
81 - display: none;
82 - }
83 -
84 - // mixin to iterate over colors and create CSS class for each one
85 - .make-color-classes(@i: length(@preset-colors)) when (@i > 0) {
86 - .make-color-classes(@i - 1);
87 - @color: extract(@preset-colors, @i);
88 - @lightColor: '@{color}-1';
89 - @lightBorderColor: '@{color}-3';
90 - @darkColor: '@{color}-6';
91 - &-@{color} {
92 - color: @@darkColor;
93 - background: @@lightColor;
94 - border-color: @@lightBorderColor;
95 - }
96 - &-@{color}-inverse {
97 - color: @text-color-inverse;
98 - background: @@darkColor;
99 - border-color: @@darkColor;
100 - }
101 - }
102 -
103 - .make-status-color-classes(@color, @status) {
104 - @lightColor: '@{color}-1';
105 - @lightBorderColor: '@{color}-3';
106 - @darkColor: '@{color}-6';
107 - &-@{status} {
108 - color: @@darkColor;
109 - background: @@lightColor;
110 - border-color: @@lightBorderColor;
111 - }
112 - }
113 -
114 - .make-color-classes();
115 -
116 - .make-status-color-classes('green', success);
117 - .make-status-color-classes('blue', processing);
118 - .make-status-color-classes('red', error);
119 - .make-status-color-classes('orange', warning);
120 -
121 - // To ensure that a space will be placed between character and `Icon`.
122 - > .@{iconfont-css-prefix} + span,
123 - > span + .@{iconfont-css-prefix} {
124 - margin-left: 7px;
125 - }
126 -}
127 -
128 -@import './rtl';
1 -@import '../../style/themes/index';
2 -@import '../../style/mixins/index';
3 -
4 -@tag-prefix-cls: ~'@{ant-prefix}-tag';
5 -
6 -.@{tag-prefix-cls} {
7 - &&-rtl {
8 - margin-right: 0;
9 - margin-left: 8px;
10 - direction: rtl;
11 - text-align: right;
12 - }
13 -
14 - &-close-icon {
15 - .@{tag-prefix-cls}-rtl & {
16 - margin-right: 3px;
17 - margin-left: 0;
18 - }
19 - }
20 -
21 - > .@{iconfont-css-prefix} + span,
22 - > span + .@{iconfont-css-prefix} {
23 - .@{tag-prefix-cls}-rtl& {
24 - margin-right: 7px;
25 - margin-left: 0;
26 - }
27 - }
28 -}
1 -import { Moment } from 'moment';
2 -import * as React from 'react';
3 -import { PickerTimeProps, RangePickerTimeProps } from '../date-picker/generatePicker';
4 -import { Omit } from '../_util/type';
5 -export interface TimePickerLocale {
6 - placeholder?: string;
7 - rangePlaceholder?: [string, string];
8 -}
9 -export interface TimeRangePickerProps extends Omit<RangePickerTimeProps<Moment>, 'picker'> {
10 -}
11 -declare const RangePicker: React.ForwardRefExoticComponent<TimeRangePickerProps & React.RefAttributes<any>>;
12 -export interface TimePickerProps extends Omit<PickerTimeProps<Moment>, 'picker'> {
13 - addon?: () => React.ReactNode;
14 - popupClassName?: string;
15 -}
16 -declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<any>>;
17 -declare type MergedTimePicker = typeof TimePicker & {
18 - RangePicker: typeof RangePicker;
19 -};
20 -declare const _default: MergedTimePicker;
21 -export default _default;
1 -"use strict";
2 -
3 -var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4 -
5 -var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6 -
7 -Object.defineProperty(exports, "__esModule", {
8 - value: true
9 -});
10 -exports["default"] = void 0;
11 -
12 -var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13 -
14 -var React = _interopRequireWildcard(require("react"));
15 -
16 -var _datePicker = _interopRequireDefault(require("../date-picker"));
17 -
18 -var _devWarning = _interopRequireDefault(require("../_util/devWarning"));
19 -
20 -var __rest = void 0 && (void 0).__rest || function (s, e) {
21 - var t = {};
22 -
23 - for (var p in s) {
24 - if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
25 - }
26 -
27 - if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
28 - if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
29 - }
30 - return t;
31 -};
32 -
33 -var InternalTimePicker = _datePicker["default"].TimePicker,
34 - InternalRangePicker = _datePicker["default"].RangePicker;
35 -var RangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
36 - return /*#__PURE__*/React.createElement(InternalRangePicker, (0, _extends2["default"])({}, props, {
37 - picker: "time",
38 - mode: undefined,
39 - ref: ref
40 - }));
41 -});
42 -var TimePicker = /*#__PURE__*/React.forwardRef(function (_a, ref) {
43 - var addon = _a.addon,
44 - renderExtraFooter = _a.renderExtraFooter,
45 - popupClassName = _a.popupClassName,
46 - restProps = __rest(_a, ["addon", "renderExtraFooter", "popupClassName"]);
47 -
48 - var internalRenderExtraFooter = React.useMemo(function () {
49 - if (renderExtraFooter) {
50 - return renderExtraFooter;
51 - }
52 -
53 - if (addon) {
54 - (0, _devWarning["default"])(false, 'TimePicker', '`addon` is deprecated. Please use `renderExtraFooter` instead.');
55 - return addon;
56 - }
57 -
58 - return undefined;
59 - }, [addon, renderExtraFooter]);
60 - return /*#__PURE__*/React.createElement(InternalTimePicker, (0, _extends2["default"])({}, restProps, {
61 - dropdownClassName: popupClassName,
62 - mode: undefined,
63 - ref: ref,
64 - renderExtraFooter: internalRenderExtraFooter
65 - }));
66 -});
67 -TimePicker.displayName = 'TimePicker';
68 -TimePicker.RangePicker = RangePicker;
69 -var _default = TimePicker;
70 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import { TimePickerLocale } from '../index';
2 -declare const locale: TimePickerLocale;
3 -export default locale;
1 -"use strict";
2 -
3 -Object.defineProperty(exports, "__esModule", {
4 - value: true
5 -});
6 -exports["default"] = void 0;
7 -var locale = {
8 - placeholder: 'اختيار الوقت'
9 -};
10 -var _default = locale;
11 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import { TimePickerLocale } from '../index';
2 -declare const locale: TimePickerLocale;
3 -export default locale;
1 -"use strict";
2 -
3 -Object.defineProperty(exports, "__esModule", {
4 - value: true
5 -});
6 -exports["default"] = void 0;
7 -var locale = {
8 - placeholder: 'Vaxtı seç'
9 -};
10 -var _default = locale;
11 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import { TimePickerLocale } from '../index';
2 -declare const locale: TimePickerLocale;
3 -export default locale;
1 -"use strict";
2 -
3 -Object.defineProperty(exports, "__esModule", {
4 - value: true
5 -});
6 -exports["default"] = void 0;
7 -var locale = {
8 - placeholder: 'Избор на час'
9 -};
10 -var _default = locale;
11 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import { TimePickerLocale } from '../index';
2 -declare const locale: TimePickerLocale;
3 -export default locale;
1 -"use strict";
2 -
3 -Object.defineProperty(exports, "__esModule", {
4 - value: true
5 -});
6 -exports["default"] = void 0;
7 -var locale = {
8 - placeholder: 'Выберыце час',
9 - rangePlaceholder: ['Час пачатку', 'Час заканчэння']
10 -};
11 -var _default = locale;
12 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import { TimePickerLocale } from '../index';
2 -declare const locale: TimePickerLocale;
3 -export default locale;
1 -"use strict";
2 -
3 -Object.defineProperty(exports, "__esModule", {
4 - value: true
5 -});
6 -exports["default"] = void 0;
7 -var locale = {
8 - placeholder: 'Seleccionar hora'
9 -};
10 -var _default = locale;
11 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import { TimePickerLocale } from '../index';
2 -declare const locale: TimePickerLocale;
3 -export default locale;
1 -"use strict";
2 -
3 -Object.defineProperty(exports, "__esModule", {
4 - value: true
5 -});
6 -exports["default"] = void 0;
7 -var locale = {
8 - placeholder: 'Vybrat čas'
9 -};
10 -var _default = locale;
11 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import { TimePickerLocale } from '../index';
2 -declare const locale: TimePickerLocale;
3 -export default locale;
1 -"use strict";
2 -
3 -Object.defineProperty(exports, "__esModule", {
4 - value: true
5 -});
6 -exports["default"] = void 0;
7 -var locale = {
8 - placeholder: 'Vælg tid'
9 -};
10 -var _default = locale;
11 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import { TimePickerLocale } from '../index';
2 -declare const locale: TimePickerLocale;
3 -export default locale;
1 -"use strict";
2 -
3 -Object.defineProperty(exports, "__esModule", {
4 - value: true
5 -});
6 -exports["default"] = void 0;
7 -var locale = {
8 - placeholder: 'Zeit auswählen'
9 -};
10 -var _default = locale;
11 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import { TimePickerLocale } from '../index';
2 -declare const locale: TimePickerLocale;
3 -export default locale;
1 -"use strict";
2 -
3 -Object.defineProperty(exports, "__esModule", {
4 - value: true
5 -});
6 -exports["default"] = void 0;
7 -var locale = {
8 - placeholder: 'Επιλέξτε ώρα'
9 -};
10 -var _default = locale;
11 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import { TimePickerLocale } from '../index';
2 -declare const locale: TimePickerLocale;
3 -export default locale;
1 -"use strict";
2 -
3 -Object.defineProperty(exports, "__esModule", {
4 - value: true
5 -});
6 -exports["default"] = void 0;
7 -var locale = {
8 - placeholder: 'Select time'
9 -};
10 -var _default = locale;
11 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import { TimePickerLocale } from '../index';
2 -declare const locale: TimePickerLocale;
3 -export default locale;
1 -"use strict";
2 -
3 -Object.defineProperty(exports, "__esModule", {
4 - value: true
5 -});
6 -exports["default"] = void 0;
7 -var locale = {
8 - placeholder: 'Select time',
9 - rangePlaceholder: ['Start time', 'End time']
10 -};
11 -var _default = locale;
12 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
1 -import { TimePickerLocale } from '../index';
2 -declare const locale: TimePickerLocale;
3 -export default locale;
1 -"use strict";
2 -
3 -Object.defineProperty(exports, "__esModule", {
4 - value: true
5 -});
6 -exports["default"] = void 0;
7 -var locale = {
8 - placeholder: 'Seleccionar hora'
9 -};
10 -var _default = locale;
11 -exports["default"] = _default;
...\ No newline at end of file ...\ No newline at end of file
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.