@seafile/seafile-calendar 1.0.9-beta.1 → 1.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/index.css +11 -12
- package/es/date/DateInput.js +6 -1
- package/es/icons.js +9 -1
- package/lib/date/DateInput.js +7 -1
- package/lib/icons.js +11 -2
- package/package.json +1 -1
package/assets/index.css
CHANGED
|
@@ -83,23 +83,22 @@
|
|
|
83
83
|
overflow: hidden;
|
|
84
84
|
width: 20px;
|
|
85
85
|
height: 20px;
|
|
86
|
-
text-align: center;
|
|
87
|
-
line-height: 20px;
|
|
88
86
|
top: 6px;
|
|
89
87
|
margin: 0;
|
|
88
|
+
display: -ms-flexbox;
|
|
89
|
+
display: flex;
|
|
90
|
+
-ms-flex-pack: center;
|
|
91
|
+
justify-content: center;
|
|
92
|
+
-ms-flex-align: center;
|
|
93
|
+
align-items: center;
|
|
90
94
|
}
|
|
91
|
-
.rc-calendar-clear-btn
|
|
92
|
-
content: 'x';
|
|
93
|
-
font-size: 12px;
|
|
94
|
-
color: #aaa;
|
|
95
|
-
display: inline-block;
|
|
96
|
-
line-height: 1;
|
|
97
|
-
width: 20px;
|
|
98
|
-
transition: color 0.3s ease;
|
|
99
|
-
}
|
|
100
|
-
.rc-calendar-clear-btn:hover:after {
|
|
95
|
+
.rc-calendar-clear-btn svg {
|
|
101
96
|
color: #666;
|
|
102
97
|
}
|
|
98
|
+
.rc-calendar-clear-btn:hover {
|
|
99
|
+
background-color: rgba(0, 0, 0, 0.04);
|
|
100
|
+
border-radius: 4px;
|
|
101
|
+
}
|
|
103
102
|
.rc-calendar-picker {
|
|
104
103
|
position: absolute;
|
|
105
104
|
left: -9999px;
|
package/es/date/DateInput.js
CHANGED
|
@@ -8,6 +8,7 @@ import KeyCode from 'rc-util/es/KeyCode';
|
|
|
8
8
|
import { polyfill } from 'react-lifecycles-compat';
|
|
9
9
|
import dayjs from 'dayjs';
|
|
10
10
|
import { formatDate, initializeStr } from '../util';
|
|
11
|
+
import { CloseIcon } from '../icons';
|
|
11
12
|
|
|
12
13
|
var customParseFormat = require('dayjs/plugin/customParseFormat');
|
|
13
14
|
|
|
@@ -109,7 +110,11 @@ var DateInput = function (_React$Component) {
|
|
|
109
110
|
title: locale.clear,
|
|
110
111
|
onClick: this.onClear
|
|
111
112
|
},
|
|
112
|
-
clearIcon || React.createElement(
|
|
113
|
+
clearIcon || React.createElement(
|
|
114
|
+
'span',
|
|
115
|
+
{ className: prefixCls + '-clear-btn' },
|
|
116
|
+
React.createElement(CloseIcon, null)
|
|
117
|
+
)
|
|
113
118
|
)
|
|
114
119
|
);
|
|
115
120
|
};
|
package/es/icons.js
CHANGED
|
@@ -34,4 +34,12 @@ var DoubleArrowRightIcon = function DoubleArrowRightIcon() {
|
|
|
34
34
|
);
|
|
35
35
|
};
|
|
36
36
|
|
|
37
|
-
|
|
37
|
+
var CloseIcon = function CloseIcon() {
|
|
38
|
+
return React.createElement(
|
|
39
|
+
"svg",
|
|
40
|
+
{ width: "12", height: "12", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
|
|
41
|
+
React.createElement("path", { d: "M489.6 444.8l294.4-294.4 67.2 67.2-294.4 294.4 294.4 294.4-67.2 67.2-294.4-294.4-272 272-67.2-67.2 272-272-272-272 67.2-67.2z", "p-id": "18369", fill: "currentColor" })
|
|
42
|
+
);
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
export { ArrowLeftIcon, ArrowRightIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, CloseIcon };
|
package/lib/date/DateInput.js
CHANGED
|
@@ -38,6 +38,8 @@ var _dayjs2 = _interopRequireDefault(_dayjs);
|
|
|
38
38
|
|
|
39
39
|
var _util = require('../util');
|
|
40
40
|
|
|
41
|
+
var _icons = require('../icons');
|
|
42
|
+
|
|
41
43
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
|
42
44
|
|
|
43
45
|
var customParseFormat = require('dayjs/plugin/customParseFormat');
|
|
@@ -140,7 +142,11 @@ var DateInput = function (_React$Component) {
|
|
|
140
142
|
title: locale.clear,
|
|
141
143
|
onClick: this.onClear
|
|
142
144
|
},
|
|
143
|
-
clearIcon || _react2['default'].createElement(
|
|
145
|
+
clearIcon || _react2['default'].createElement(
|
|
146
|
+
'span',
|
|
147
|
+
{ className: prefixCls + '-clear-btn' },
|
|
148
|
+
_react2['default'].createElement(_icons.CloseIcon, null)
|
|
149
|
+
)
|
|
144
150
|
)
|
|
145
151
|
);
|
|
146
152
|
};
|
package/lib/icons.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.DoubleArrowRightIcon = exports.DoubleArrowLeftIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = undefined;
|
|
4
|
+
exports.CloseIcon = exports.DoubleArrowRightIcon = exports.DoubleArrowLeftIcon = exports.ArrowRightIcon = exports.ArrowLeftIcon = undefined;
|
|
5
5
|
|
|
6
6
|
var _react = require("react");
|
|
7
7
|
|
|
@@ -43,7 +43,16 @@ var DoubleArrowRightIcon = function DoubleArrowRightIcon() {
|
|
|
43
43
|
);
|
|
44
44
|
};
|
|
45
45
|
|
|
46
|
+
var CloseIcon = function CloseIcon() {
|
|
47
|
+
return _react2["default"].createElement(
|
|
48
|
+
"svg",
|
|
49
|
+
{ width: "12", height: "12", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg" },
|
|
50
|
+
_react2["default"].createElement("path", { d: "M489.6 444.8l294.4-294.4 67.2 67.2-294.4 294.4 294.4 294.4-67.2 67.2-294.4-294.4-272 272-67.2-67.2 272-272-272-272 67.2-67.2z", "p-id": "18369", fill: "currentColor" })
|
|
51
|
+
);
|
|
52
|
+
};
|
|
53
|
+
|
|
46
54
|
exports.ArrowLeftIcon = ArrowLeftIcon;
|
|
47
55
|
exports.ArrowRightIcon = ArrowRightIcon;
|
|
48
56
|
exports.DoubleArrowLeftIcon = DoubleArrowLeftIcon;
|
|
49
|
-
exports.DoubleArrowRightIcon = DoubleArrowRightIcon;
|
|
57
|
+
exports.DoubleArrowRightIcon = DoubleArrowRightIcon;
|
|
58
|
+
exports.CloseIcon = CloseIcon;
|