@qn-pandora/pandora-component 4.3.2 → 4.3.4
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +37 -0
- package/CHANGELOG.md +35 -45
- package/README.md +36 -36
- package/es/components/AutoComplete/style.less +8 -8
- package/es/components/Breadcrumb/style.less +9 -9
- package/es/components/Button/style.less +51 -51
- package/es/components/Card/RowExtra/style.less +8 -8
- package/es/components/Card/SearchInput/style.less +8 -8
- package/es/components/Card/style.less +11 -11
- package/es/components/CheckTransformList/style.less +35 -35
- package/es/components/Checkbox/style.less +5 -5
- package/es/components/CheckboxList/style.less +11 -11
- package/es/components/Collapse/style.less +58 -58
- package/es/components/CollapsiblePanel/style.less +63 -63
- package/es/components/DateTimePicker/Base/style.less +160 -160
- package/es/components/DateTimePicker/BaseMobile/Absolute/style.less +35 -35
- package/es/components/DateTimePicker/BaseMobile/style.less +32 -32
- package/es/components/DateTimePicker/Collapse/Panel/style.less +26 -26
- package/es/components/DateTimePicker/DisplayInput/style.less +9 -9
- package/es/components/DateTimePicker/constants.d.ts +2 -2
- package/es/components/DateTimePicker/style.less +19 -19
- package/es/components/Descriptions/style.less +16 -16
- package/es/components/Drawer/CloseIcon/style.less +8 -8
- package/es/components/Drawer/index.d.ts +1 -0
- package/es/components/Drawer/index.js +13 -4
- package/es/components/Drawer/style.less +61 -61
- package/es/components/FileResumable/constants.d.ts +1 -0
- package/es/components/FileResumable/index.js +4 -2
- package/es/components/FileResumable/style.less +94 -94
- package/es/components/Input/style.less +12 -12
- package/es/components/KeyValuePair/style.less +25 -25
- package/es/components/Menu/style.less +18 -18
- package/es/components/Modal/style.less +30 -30
- package/es/components/NameExplainTooltip/style.less +10 -10
- package/es/components/NameLimiter/index.d.ts +5 -4
- package/es/components/NameLimiter/index.js +2 -2
- package/es/components/NameLimiter/style.less +19 -19
- package/es/components/OptionList/InlineOptionList/style.less +16 -16
- package/es/components/OptionList/OptionItem/style.less +25 -25
- package/es/components/OptionList/PopoverOptionList/style.less +30 -30
- package/es/components/OptionList/style.less +3 -3
- package/es/components/RadioGroup/style.less +41 -41
- package/es/components/RangeInput/style.less +37 -37
- package/es/components/RemarkName/style.less +2 -2
- package/es/components/Selector/style.less +99 -99
- package/es/components/Spin/style.less +26 -26
- package/es/components/Steps/ControlButton/style.less +5 -5
- package/es/components/Steps/style.less +48 -48
- package/es/components/Table/ColumnSetting/style.less +46 -46
- package/es/components/Table/ColumnTag/style.less +40 -40
- package/es/components/Table/style.less +321 -321
- package/es/components/Tabs/style.less +33 -33
- package/es/components/TagList/Tag/style.less +72 -72
- package/es/components/TagList/TagSwitch/style.less +28 -28
- package/es/components/TagList/style.less +28 -28
- package/es/components/Timeline/TimelineItem/style.less +49 -49
- package/es/components/Timeline/style.less +23 -23
- package/es/components/Transfer/List/style.less +19 -19
- package/es/components/Transfer/ListBody/style.less +18 -18
- package/es/components/Transfer/style.less +14 -14
- package/es/components/TreeSelector/style.less +56 -56
- package/es/index.css +1928 -1928
- package/es/index.less +53 -53
- package/es/style/mixin.less +45 -45
- package/es/style/theme.less +412 -412
- package/lib/components/AutoComplete/style.less +8 -8
- package/lib/components/Breadcrumb/style.less +9 -9
- package/lib/components/Button/style.less +51 -51
- package/lib/components/Card/RowExtra/style.less +8 -8
- package/lib/components/Card/SearchInput/style.less +8 -8
- package/lib/components/Card/style.less +11 -11
- package/lib/components/CheckTransformList/style.less +35 -35
- package/lib/components/Checkbox/style.less +5 -5
- package/lib/components/CheckboxList/style.less +11 -11
- package/lib/components/Collapse/style.less +58 -58
- package/lib/components/CollapsiblePanel/style.less +63 -63
- package/lib/components/DateTimePicker/Base/style.less +160 -160
- package/lib/components/DateTimePicker/BaseMobile/Absolute/style.less +35 -35
- package/lib/components/DateTimePicker/BaseMobile/style.less +32 -32
- package/lib/components/DateTimePicker/Collapse/Panel/style.less +26 -26
- package/lib/components/DateTimePicker/DisplayInput/style.less +9 -9
- package/lib/components/DateTimePicker/constants.d.ts +2 -2
- package/lib/components/DateTimePicker/style.less +19 -19
- package/lib/components/Descriptions/style.less +16 -16
- package/lib/components/Drawer/CloseIcon/style.less +8 -8
- package/lib/components/Drawer/index.d.ts +1 -0
- package/lib/components/Drawer/index.js +13 -4
- package/lib/components/Drawer/style.less +61 -61
- package/lib/components/FileResumable/constants.d.ts +1 -0
- package/lib/components/FileResumable/index.js +4 -2
- package/lib/components/FileResumable/style.less +94 -94
- package/lib/components/Input/style.less +12 -12
- package/lib/components/KeyValuePair/style.less +25 -25
- package/lib/components/Menu/style.less +18 -18
- package/lib/components/Modal/style.less +30 -30
- package/lib/components/NameExplainTooltip/style.less +10 -10
- package/lib/components/NameLimiter/index.d.ts +5 -4
- package/lib/components/NameLimiter/index.js +2 -2
- package/lib/components/NameLimiter/style.less +19 -19
- package/lib/components/OptionList/InlineOptionList/style.less +16 -16
- package/lib/components/OptionList/OptionItem/style.less +25 -25
- package/lib/components/OptionList/PopoverOptionList/style.less +30 -30
- package/lib/components/OptionList/style.less +3 -3
- package/lib/components/RadioGroup/style.less +41 -41
- package/lib/components/RangeInput/style.less +37 -37
- package/lib/components/RemarkName/style.less +2 -2
- package/lib/components/Selector/style.less +99 -99
- package/lib/components/Spin/style.less +26 -26
- package/lib/components/Steps/ControlButton/style.less +5 -5
- package/lib/components/Steps/style.less +48 -48
- package/lib/components/Table/ColumnSetting/style.less +46 -46
- package/lib/components/Table/ColumnTag/style.less +40 -40
- package/lib/components/Table/style.less +321 -321
- package/lib/components/Tabs/style.less +33 -33
- package/lib/components/TagList/Tag/style.less +72 -72
- package/lib/components/TagList/TagSwitch/style.less +28 -28
- package/lib/components/TagList/style.less +28 -28
- package/lib/components/Timeline/TimelineItem/style.less +49 -49
- package/lib/components/Timeline/style.less +23 -23
- package/lib/components/Transfer/List/style.less +19 -19
- package/lib/components/Transfer/ListBody/style.less +18 -18
- package/lib/components/Transfer/style.less +14 -14
- package/lib/components/TreeSelector/style.less +56 -56
- package/lib/index.css +4457 -4457
- package/lib/index.less +53 -53
- package/lib/style/mixin.less +45 -45
- package/lib/style/theme.less +412 -412
- package/package.json +83 -83
@@ -1,32 +1,32 @@
|
|
1
|
-
@import '../../../style/theme.less';
|
2
|
-
|
3
|
-
.@{sdk-prefix}-datetime-mobile-picker-title {
|
4
|
-
.@{sdk-prefix}-datetime-mobile-picker-title-div-containter {
|
5
|
-
width: 32px;
|
6
|
-
margin: 0 auto;
|
7
|
-
margin-top: 10px;
|
8
|
-
margin-bottom: 5px;
|
9
|
-
.@{sdk-prefix}-datetime-mobile-picker-title-div {
|
10
|
-
border-radius: 2px;
|
11
|
-
border: 2px solid @time-absolute-picker-title-div;
|
12
|
-
}
|
13
|
-
}
|
14
|
-
}
|
15
|
-
|
16
|
-
.@{sdk-prefix}-datetime-mobile-picker {
|
17
|
-
border-radius: 12px;
|
18
|
-
.am-picker-popup-header-left {
|
19
|
-
visibility: hidden;
|
20
|
-
}
|
21
|
-
.am-picker-popup-content {
|
22
|
-
.am-picker-popup-body {
|
23
|
-
.am-picker-popup-header {
|
24
|
-
border-bottom: none;
|
25
|
-
background-image: none;
|
26
|
-
background-position: unset;
|
27
|
-
background-size: unset;
|
28
|
-
position: initial;
|
29
|
-
}
|
30
|
-
}
|
31
|
-
}
|
32
|
-
}
|
1
|
+
@import '../../../style/theme.less';
|
2
|
+
|
3
|
+
.@{sdk-prefix}-datetime-mobile-picker-title {
|
4
|
+
.@{sdk-prefix}-datetime-mobile-picker-title-div-containter {
|
5
|
+
width: 32px;
|
6
|
+
margin: 0 auto;
|
7
|
+
margin-top: 10px;
|
8
|
+
margin-bottom: 5px;
|
9
|
+
.@{sdk-prefix}-datetime-mobile-picker-title-div {
|
10
|
+
border-radius: 2px;
|
11
|
+
border: 2px solid @time-absolute-picker-title-div;
|
12
|
+
}
|
13
|
+
}
|
14
|
+
}
|
15
|
+
|
16
|
+
.@{sdk-prefix}-datetime-mobile-picker {
|
17
|
+
border-radius: 12px;
|
18
|
+
.am-picker-popup-header-left {
|
19
|
+
visibility: hidden;
|
20
|
+
}
|
21
|
+
.am-picker-popup-content {
|
22
|
+
.am-picker-popup-body {
|
23
|
+
.am-picker-popup-header {
|
24
|
+
border-bottom: none;
|
25
|
+
background-image: none;
|
26
|
+
background-position: unset;
|
27
|
+
background-size: unset;
|
28
|
+
position: initial;
|
29
|
+
}
|
30
|
+
}
|
31
|
+
}
|
32
|
+
}
|
@@ -1,26 +1,26 @@
|
|
1
|
-
@import '../../../../style/theme.less';
|
2
|
-
|
3
|
-
.@{sdk-prefix}-panel-title {
|
4
|
-
display: flex;
|
5
|
-
justify-content: space-between;
|
6
|
-
font-size: 12px;
|
7
|
-
color: @icon-color-2;
|
8
|
-
cursor: pointer;
|
9
|
-
padding-bottom: 16px;
|
10
|
-
border-bottom: 1px solid @border-color-base;
|
11
|
-
.icon {
|
12
|
-
font-size: 14px;
|
13
|
-
}
|
14
|
-
}
|
15
|
-
.@{sdk-prefix}-panel-content {
|
16
|
-
padding: 20px 0 0 0;
|
17
|
-
}
|
18
|
-
.@{sdk-prefix}-panel-hidden {
|
19
|
-
display: none;
|
20
|
-
}
|
21
|
-
.@{sdk-prefix}-panel {
|
22
|
-
margin-bottom: 20px;
|
23
|
-
}
|
24
|
-
.@{sdk-prefix}-panel-disable {
|
25
|
-
cursor: default;
|
26
|
-
}
|
1
|
+
@import '../../../../style/theme.less';
|
2
|
+
|
3
|
+
.@{sdk-prefix}-panel-title {
|
4
|
+
display: flex;
|
5
|
+
justify-content: space-between;
|
6
|
+
font-size: 12px;
|
7
|
+
color: @icon-color-2;
|
8
|
+
cursor: pointer;
|
9
|
+
padding-bottom: 16px;
|
10
|
+
border-bottom: 1px solid @border-color-base;
|
11
|
+
.icon {
|
12
|
+
font-size: 14px;
|
13
|
+
}
|
14
|
+
}
|
15
|
+
.@{sdk-prefix}-panel-content {
|
16
|
+
padding: 20px 0 0 0;
|
17
|
+
}
|
18
|
+
.@{sdk-prefix}-panel-hidden {
|
19
|
+
display: none;
|
20
|
+
}
|
21
|
+
.@{sdk-prefix}-panel {
|
22
|
+
margin-bottom: 20px;
|
23
|
+
}
|
24
|
+
.@{sdk-prefix}-panel-disable {
|
25
|
+
cursor: default;
|
26
|
+
}
|
@@ -1,9 +1,9 @@
|
|
1
|
-
@import 'antd/lib/input/style/index.less';
|
2
|
-
@import '../../../style/theme.less';
|
3
|
-
|
4
|
-
.@{sdk-prefix}-datetime-pick-input {
|
5
|
-
.@{ant-prefix}-input-suffix {
|
6
|
-
pointer-events: none;
|
7
|
-
color: @font-color-3;
|
8
|
-
}
|
9
|
-
}
|
1
|
+
@import 'antd/lib/input/style/index.less';
|
2
|
+
@import '../../../style/theme.less';
|
3
|
+
|
4
|
+
.@{sdk-prefix}-datetime-pick-input {
|
5
|
+
.@{ant-prefix}-input-suffix {
|
6
|
+
pointer-events: none;
|
7
|
+
color: @font-color-3;
|
8
|
+
}
|
9
|
+
}
|
@@ -44,7 +44,7 @@ export interface IRelativeTimeUnit {
|
|
44
44
|
time: (num: number) => moment().startOf('day').subtract(num, 'days')
|
45
45
|
}
|
46
46
|
*
|
47
|
-
|
47
|
+
|
48
48
|
* 像 昨天、前天、上个月,不需要用户再额外输入数字。
|
49
49
|
* {
|
50
50
|
text: '昨天',
|
@@ -93,7 +93,7 @@ export declare const relativeTimeUnitsWithoutNowStatic: {
|
|
93
93
|
time: (num: number) => moment().startOf('day').subtract(num, 'days')
|
94
94
|
}
|
95
95
|
*
|
96
|
-
|
96
|
+
|
97
97
|
* 像 昨天、前天、上个月,不需要用户再额外输入数字。
|
98
98
|
* {
|
99
99
|
text: '昨天',
|
@@ -1,19 +1,19 @@
|
|
1
|
-
@import 'antd/lib/popover/style/index.less';
|
2
|
-
@import '../../style/theme.less';
|
3
|
-
|
4
|
-
.@{sdk-prefix}-datetime-pick-popover-root {
|
5
|
-
.@{ant-prefix}-popover-inner-content {
|
6
|
-
padding: 0;
|
7
|
-
}
|
8
|
-
.@{ant-prefix}-btn {
|
9
|
-
line-height: 1.499;
|
10
|
-
}
|
11
|
-
|
12
|
-
.@{ant-prefix}-table {
|
13
|
-
line-height: 1.5;
|
14
|
-
}
|
15
|
-
}
|
16
|
-
|
17
|
-
.@{sdk-prefix}-datetime-pick-popover {
|
18
|
-
width: 650px;
|
19
|
-
}
|
1
|
+
@import 'antd/lib/popover/style/index.less';
|
2
|
+
@import '../../style/theme.less';
|
3
|
+
|
4
|
+
.@{sdk-prefix}-datetime-pick-popover-root {
|
5
|
+
.@{ant-prefix}-popover-inner-content {
|
6
|
+
padding: 0;
|
7
|
+
}
|
8
|
+
.@{ant-prefix}-btn {
|
9
|
+
line-height: 1.499;
|
10
|
+
}
|
11
|
+
|
12
|
+
.@{ant-prefix}-table {
|
13
|
+
line-height: 1.5;
|
14
|
+
}
|
15
|
+
}
|
16
|
+
|
17
|
+
.@{sdk-prefix}-datetime-pick-popover {
|
18
|
+
width: 650px;
|
19
|
+
}
|
@@ -1,16 +1,16 @@
|
|
1
|
-
@import 'antd/lib/popover/style/index.less';
|
2
|
-
@import '../../style/theme.less';
|
3
|
-
|
4
|
-
.@{sdk-prefix}-descriptions {
|
5
|
-
.@{sdk-prefix}-remark-icon {
|
6
|
-
margin-left: 5px;
|
7
|
-
}
|
8
|
-
.@{ant-prefix}-descriptions-item-label {
|
9
|
-
color: @font-color-9;
|
10
|
-
}
|
11
|
-
|
12
|
-
.@{ant-prefix}-descriptions-item-content {
|
13
|
-
color: @font-color-7;
|
14
|
-
overflow: hidden;
|
15
|
-
}
|
16
|
-
}
|
1
|
+
@import 'antd/lib/popover/style/index.less';
|
2
|
+
@import '../../style/theme.less';
|
3
|
+
|
4
|
+
.@{sdk-prefix}-descriptions {
|
5
|
+
.@{sdk-prefix}-remark-icon {
|
6
|
+
margin-left: 5px;
|
7
|
+
}
|
8
|
+
.@{ant-prefix}-descriptions-item-label {
|
9
|
+
color: @font-color-9;
|
10
|
+
}
|
11
|
+
|
12
|
+
.@{ant-prefix}-descriptions-item-content {
|
13
|
+
color: @font-color-7;
|
14
|
+
overflow: hidden;
|
15
|
+
}
|
16
|
+
}
|
@@ -1,8 +1,8 @@
|
|
1
|
-
@import '../../../style/theme.less';
|
2
|
-
|
3
|
-
.@{sdk-prefix}-modal-close-icon {
|
4
|
-
font-size: 20px;
|
5
|
-
&:hover {
|
6
|
-
background: @close-icon-hover-color;
|
7
|
-
}
|
8
|
-
}
|
1
|
+
@import '../../../style/theme.less';
|
2
|
+
|
3
|
+
.@{sdk-prefix}-modal-close-icon {
|
4
|
+
font-size: 20px;
|
5
|
+
&:hover {
|
6
|
+
background: @close-icon-hover-color;
|
7
|
+
}
|
8
|
+
}
|
@@ -91,6 +91,7 @@ export declare class Drawer extends React.Component<React.PropsWithChildren<IDra
|
|
91
91
|
onMouseClick(e: MouseEvent): void;
|
92
92
|
initWidth(width?: string | number, size?: string): React.ReactText;
|
93
93
|
handleClose(e: EventType | null): void;
|
94
|
+
getIconPopupContainer(): Element;
|
94
95
|
componentDidMount(): void;
|
95
96
|
UNSAFE_componentWillUpdate(nextProps: Readonly<React.PropsWithChildren<IDrawerProps>>): void;
|
96
97
|
componentWillUnmount(): void;
|
@@ -88,14 +88,14 @@ var Drawer = /** @class */ (function (_super) {
|
|
88
88
|
Object.defineProperty(Drawer.prototype, "extra", {
|
89
89
|
get: function () {
|
90
90
|
var _a = this.props, closable = _a.closable, closeIconPlacement = _a.closeIconPlacement, showFullScreen = _a.showFullScreen;
|
91
|
-
var fullIcon = showFullScreen === true ? (this.isFullscreen ? (React.createElement(Tooltip, { title: formatString(ModalLocale.exit_full, this.context.locale) },
|
92
|
-
React.createElement(FullscreenExitOutlined, { onClick: this.handleFull, className: SDK_PREFIX + "-drawer-header-full-icon" }))) : (React.createElement(Tooltip, { title: formatString(ModalLocale.full, this.context.locale) },
|
91
|
+
var fullIcon = showFullScreen === true ? (this.isFullscreen ? (React.createElement(Tooltip, { title: formatString(ModalLocale.exit_full, this.context.locale), getPopupContainer: this.getIconPopupContainer },
|
92
|
+
React.createElement(FullscreenExitOutlined, { onClick: this.handleFull, className: SDK_PREFIX + "-drawer-header-full-icon" }))) : (React.createElement(Tooltip, { title: formatString(ModalLocale.full, this.context.locale), getPopupContainer: this.getIconPopupContainer },
|
93
93
|
React.createElement(FullscreenOutlined, { onClick: this.handleFull, className: SDK_PREFIX + "-drawer-header-full-icon" })))) : null;
|
94
94
|
if (closable !== false && closeIconPlacement === 'right') {
|
95
95
|
return (React.createElement(React.Fragment, null,
|
96
96
|
this.props.extra,
|
97
97
|
fullIcon,
|
98
|
-
React.createElement(CloseIcon, { className: SDK_PREFIX + "-drawer-close-icon", onClick: this.handleClose })));
|
98
|
+
React.createElement(CloseIcon, { className: SDK_PREFIX + "-drawer-close-icon", onClick: this.handleClose, getPopupContainer: this.getIconPopupContainer })));
|
99
99
|
}
|
100
100
|
return (React.createElement(React.Fragment, null,
|
101
101
|
fullIcon,
|
@@ -181,6 +181,9 @@ var Drawer = /** @class */ (function (_super) {
|
|
181
181
|
}
|
182
182
|
}
|
183
183
|
};
|
184
|
+
Drawer.prototype.getIconPopupContainer = function () {
|
185
|
+
return document.getElementsByClassName(this.drawerId)[0] || undefined;
|
186
|
+
};
|
184
187
|
Drawer.prototype.componentDidMount = function () {
|
185
188
|
document.body.addEventListener('mousedown', this.onMouseClick);
|
186
189
|
if (this.props.canDrag) {
|
@@ -204,7 +207,7 @@ var Drawer = /** @class */ (function (_super) {
|
|
204
207
|
var _b = this.props, width = _b.width, className = _b.className, children = _b.children, canDrag = _b.canDrag, visible = _b.visible, closable = _b.closable, extra = _b.extra, size = _b.size, onClose = _b.onClose, other = __rest(_b, ["width", "className", "children", "canDrag", "visible", "closable", "extra", "size", "onClose"]);
|
205
208
|
return (React.createElement(BaseDrawer, __assign({ className: classnames(this.drawerId, SDK_PREFIX + "-drawer", className, (_a = {},
|
206
209
|
_a[SDK_PREFIX + "-drawer-no-mask"] = this.props.mask === false,
|
207
|
-
_a)), width: this.isFullscreen ? '100%' : this.realWidth || 800, zIndex: 1200, visible: visible, closable: this.closable, extra: this.extra, closeIcon: React.createElement(CloseIcon, { className: SDK_PREFIX + "-drawer-close-icon", onClick: this.handleClose }), onClose: this.handleClose }, other),
|
210
|
+
_a)), width: this.isFullscreen ? '100%' : this.realWidth || 800, zIndex: 1200, visible: visible, closable: this.closable, extra: this.extra, closeIcon: React.createElement(CloseIcon, { className: SDK_PREFIX + "-drawer-close-icon", onClick: this.handleClose, getPopupContainer: this.getIconPopupContainer }), onClose: this.handleClose }, other),
|
208
211
|
canDrag && (React.createElement("div", { className: SDK_PREFIX + "-scroll-handler", onMouseDown: this.onMouseDown })),
|
209
212
|
children));
|
210
213
|
};
|
@@ -294,6 +297,12 @@ var Drawer = /** @class */ (function (_super) {
|
|
294
297
|
__metadata("design:paramtypes", [Object]),
|
295
298
|
__metadata("design:returntype", void 0)
|
296
299
|
], Drawer.prototype, "handleClose", null);
|
300
|
+
__decorate([
|
301
|
+
bind,
|
302
|
+
__metadata("design:type", Function),
|
303
|
+
__metadata("design:paramtypes", []),
|
304
|
+
__metadata("design:returntype", void 0)
|
305
|
+
], Drawer.prototype, "getIconPopupContainer", null);
|
297
306
|
Drawer = __decorate([
|
298
307
|
observer
|
299
308
|
], Drawer);
|
@@ -1,61 +1,61 @@
|
|
1
|
-
@import 'antd/lib/drawer/style/index.less';
|
2
|
-
@import '../../style/theme.less';
|
3
|
-
|
4
|
-
.@{sdk-prefix}-drawer {
|
5
|
-
.@{ant-prefix}-drawer-content-wrapper {
|
6
|
-
width: 50%;
|
7
|
-
min-width: 300px;
|
8
|
-
}
|
9
|
-
.@{ant-prefix}-drawer-content > div {
|
10
|
-
position: relative;
|
11
|
-
}
|
12
|
-
.@{ant-prefix}-drawer-close-x {
|
13
|
-
width: 60px;
|
14
|
-
height: 60px;
|
15
|
-
line-height: 60px;
|
16
|
-
}
|
17
|
-
.@{ant-prefix}-drawer-header-title {
|
18
|
-
overflow: hidden;
|
19
|
-
}
|
20
|
-
}
|
21
|
-
|
22
|
-
.@{sdk-prefix}-drawer-size-small {
|
23
|
-
max-width: 38%;
|
24
|
-
}
|
25
|
-
.@{sdk-prefix}-drawer-size-default {
|
26
|
-
max-width: 50%;
|
27
|
-
}
|
28
|
-
.@{sdk-prefix}-drawer-size-large {
|
29
|
-
max-width: 75%;
|
30
|
-
}
|
31
|
-
|
32
|
-
.@{sdk-prefix}-drawer-no-mask {
|
33
|
-
.@{ant-prefix}-drawer-content-wrapper {
|
34
|
-
width: 100%;
|
35
|
-
}
|
36
|
-
}
|
37
|
-
|
38
|
-
.@{sdk-prefix}-scroll-handler {
|
39
|
-
position: absolute;
|
40
|
-
width: 5px;
|
41
|
-
padding: 4px 0 0;
|
42
|
-
top: 0;
|
43
|
-
left: 0;
|
44
|
-
bottom: 0;
|
45
|
-
z-index: 100;
|
46
|
-
cursor: ew-resize;
|
47
|
-
}
|
48
|
-
|
49
|
-
.@{sdk-prefix}-drawer-close-icon {
|
50
|
-
margin-left: 24px;
|
51
|
-
}
|
52
|
-
|
53
|
-
.@{sdk-prefix}-drawer-header-full-icon {
|
54
|
-
margin-left: 24px;
|
55
|
-
color: @font-color-7;
|
56
|
-
font-size: 14px;
|
57
|
-
}
|
58
|
-
|
59
|
-
.@{sdk-prefix}-drawer-no-mask {
|
60
|
-
background-color: @normal-color;
|
61
|
-
}
|
1
|
+
@import 'antd/lib/drawer/style/index.less';
|
2
|
+
@import '../../style/theme.less';
|
3
|
+
|
4
|
+
.@{sdk-prefix}-drawer {
|
5
|
+
.@{ant-prefix}-drawer-content-wrapper {
|
6
|
+
width: 50%;
|
7
|
+
min-width: 300px;
|
8
|
+
}
|
9
|
+
.@{ant-prefix}-drawer-content > div {
|
10
|
+
position: relative;
|
11
|
+
}
|
12
|
+
.@{ant-prefix}-drawer-close-x {
|
13
|
+
width: 60px;
|
14
|
+
height: 60px;
|
15
|
+
line-height: 60px;
|
16
|
+
}
|
17
|
+
.@{ant-prefix}-drawer-header-title {
|
18
|
+
overflow: hidden;
|
19
|
+
}
|
20
|
+
}
|
21
|
+
|
22
|
+
.@{sdk-prefix}-drawer-size-small {
|
23
|
+
max-width: 38%;
|
24
|
+
}
|
25
|
+
.@{sdk-prefix}-drawer-size-default {
|
26
|
+
max-width: 50%;
|
27
|
+
}
|
28
|
+
.@{sdk-prefix}-drawer-size-large {
|
29
|
+
max-width: 75%;
|
30
|
+
}
|
31
|
+
|
32
|
+
.@{sdk-prefix}-drawer-no-mask {
|
33
|
+
.@{ant-prefix}-drawer-content-wrapper {
|
34
|
+
width: 100%;
|
35
|
+
}
|
36
|
+
}
|
37
|
+
|
38
|
+
.@{sdk-prefix}-scroll-handler {
|
39
|
+
position: absolute;
|
40
|
+
width: 5px;
|
41
|
+
padding: 4px 0 0;
|
42
|
+
top: 0;
|
43
|
+
left: 0;
|
44
|
+
bottom: 0;
|
45
|
+
z-index: 100;
|
46
|
+
cursor: ew-resize;
|
47
|
+
}
|
48
|
+
|
49
|
+
.@{sdk-prefix}-drawer-close-icon {
|
50
|
+
margin-left: 24px;
|
51
|
+
}
|
52
|
+
|
53
|
+
.@{sdk-prefix}-drawer-header-full-icon {
|
54
|
+
margin-left: 24px;
|
55
|
+
color: @font-color-7;
|
56
|
+
font-size: 14px;
|
57
|
+
}
|
58
|
+
|
59
|
+
.@{sdk-prefix}-drawer-no-mask {
|
60
|
+
background-color: @normal-color;
|
61
|
+
}
|
@@ -261,7 +261,7 @@ export default function FileResumable(props) {
|
|
261
261
|
onError
|
262
262
|
]);
|
263
263
|
var handleStart = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
|
264
|
-
var params, realFile_1, reader;
|
264
|
+
var params, realFile_1, reader, extension_1;
|
265
265
|
var _this = this;
|
266
266
|
return __generator(this, function (_a) {
|
267
267
|
params = __assign({}, query);
|
@@ -271,6 +271,7 @@ export default function FileResumable(props) {
|
|
271
271
|
reader.readAsText(realFile_1.size > 50 * 1024 * 1024
|
272
272
|
? realFile_1.slice(0, 2 * 1024 * 1024)
|
273
273
|
: realFile_1);
|
274
|
+
extension_1 = realFile_1.name.split('.').pop().toLowerCase();
|
274
275
|
reader.onloadend = function (e) { return __awaiter(_this, void 0, void 0, function () {
|
275
276
|
var md5Str, id, fileId, error_1;
|
276
277
|
var _a, _b, _c;
|
@@ -286,7 +287,7 @@ export default function FileResumable(props) {
|
|
286
287
|
return [4 /*yield*/, fileIsExit({
|
287
288
|
resumableModifyTime: realFile_1.lastModified,
|
288
289
|
resumableFilename: realFile_1.name,
|
289
|
-
resumableType: realFile_1.type,
|
290
|
+
resumableType: realFile_1.type || "application/" + extension_1,
|
290
291
|
resumableFileMd5: md5Str,
|
291
292
|
resumableTotalSize: realFile_1.size
|
292
293
|
})];
|
@@ -303,6 +304,7 @@ export default function FileResumable(props) {
|
|
303
304
|
params.resumableFileMd5 = md5Str;
|
304
305
|
params.resumableModifyTime = realFile_1.lastModified;
|
305
306
|
params.resumableIdentifier = uuid();
|
307
|
+
params.resumableType = realFile_1.type || "application/" + extension_1;
|
306
308
|
(_a = resumable.current) === null || _a === void 0 ? void 0 : _a.updateQuery(params);
|
307
309
|
(_b = resumable.current) === null || _b === void 0 ? void 0 : _b.upload();
|
308
310
|
}
|
@@ -1,94 +1,94 @@
|
|
1
|
-
@import 'antd/lib/upload/style/index.less';
|
2
|
-
@import '../../style/theme.less';
|
3
|
-
|
4
|
-
.@{sdk-prefix}-file-resumable {
|
5
|
-
cursor: pointer;
|
6
|
-
}
|
7
|
-
|
8
|
-
.@{sdk-prefix}-file-resumable-run-container {
|
9
|
-
text-align: right;
|
10
|
-
.@{sdk-prefix}-file-resumable-run-container-icon {
|
11
|
-
color: @theme-color;
|
12
|
-
cursor: pointer;
|
13
|
-
font-size: 14px;
|
14
|
-
margin: 0 6px;
|
15
|
-
}
|
16
|
-
|
17
|
-
.@{sdk-prefix}-file-resumable-run-container-icon-disabled {
|
18
|
-
color: @font-disable-color;
|
19
|
-
&:hover {
|
20
|
-
cursor: not-allowed;
|
21
|
-
}
|
22
|
-
}
|
23
|
-
}
|
24
|
-
|
25
|
-
.@{sdk-prefix}-file-resumable-upload-icon {
|
26
|
-
font-size: 50px;
|
27
|
-
color: @icon-color;
|
28
|
-
}
|
29
|
-
|
30
|
-
.downloadIcon {
|
31
|
-
color: @theme-color;
|
32
|
-
cursor: pointer;
|
33
|
-
font-size: 20px;
|
34
|
-
}
|
35
|
-
|
36
|
-
.@{sdk-prefix}-file-resumable:hover {
|
37
|
-
border-color: @theme-color;
|
38
|
-
}
|
39
|
-
|
40
|
-
.@{sdk-prefix}-file-resumable-img-container {
|
41
|
-
background: @normal-color;
|
42
|
-
border: 1px dashed @border-color-1;
|
43
|
-
width: 50px;
|
44
|
-
height: 50px;
|
45
|
-
padding: 4px;
|
46
|
-
border-radius: 2px;
|
47
|
-
align-items: center;
|
48
|
-
cursor: pointer;
|
49
|
-
position: relative;
|
50
|
-
font-size: 16px;
|
51
|
-
display: flex;
|
52
|
-
justify-content: center;
|
53
|
-
.@{sdk-prefix}-file-resumable-img-operator {
|
54
|
-
display: flex;
|
55
|
-
justify-content: center;
|
56
|
-
align-items: center;
|
57
|
-
position: absolute;
|
58
|
-
top: 4px;
|
59
|
-
left: 4px;
|
60
|
-
right: 4px;
|
61
|
-
bottom: 4px;
|
62
|
-
.anticon {
|
63
|
-
font-size: 16px;
|
64
|
-
}
|
65
|
-
}
|
66
|
-
.@{sdk-prefix}-file-resumable-img-hidden-plus-icon {
|
67
|
-
display: none;
|
68
|
-
}
|
69
|
-
|
70
|
-
.@{sdk-prefix}-file-resumable-img-box {
|
71
|
-
max-width: 100%;
|
72
|
-
max-height: 100%;
|
73
|
-
padding: 4px;
|
74
|
-
}
|
75
|
-
|
76
|
-
&:hover {
|
77
|
-
.@{sdk-prefix}-file-resumable-img-operator {
|
78
|
-
background: @image-operator-hover-bg;
|
79
|
-
display: flex;
|
80
|
-
.anticon {
|
81
|
-
font-size: 16px;
|
82
|
-
color: @normal-color;
|
83
|
-
}
|
84
|
-
}
|
85
|
-
}
|
86
|
-
}
|
87
|
-
.@{sdk-prefix}-file-resumable-img.ant-upload.ant-upload-drag {
|
88
|
-
width: 50px;
|
89
|
-
height: 50px;
|
90
|
-
border: none;
|
91
|
-
.@{ant-prefix}-upload-btn {
|
92
|
-
padding: 0;
|
93
|
-
}
|
94
|
-
}
|
1
|
+
@import 'antd/lib/upload/style/index.less';
|
2
|
+
@import '../../style/theme.less';
|
3
|
+
|
4
|
+
.@{sdk-prefix}-file-resumable {
|
5
|
+
cursor: pointer;
|
6
|
+
}
|
7
|
+
|
8
|
+
.@{sdk-prefix}-file-resumable-run-container {
|
9
|
+
text-align: right;
|
10
|
+
.@{sdk-prefix}-file-resumable-run-container-icon {
|
11
|
+
color: @theme-color;
|
12
|
+
cursor: pointer;
|
13
|
+
font-size: 14px;
|
14
|
+
margin: 0 6px;
|
15
|
+
}
|
16
|
+
|
17
|
+
.@{sdk-prefix}-file-resumable-run-container-icon-disabled {
|
18
|
+
color: @font-disable-color;
|
19
|
+
&:hover {
|
20
|
+
cursor: not-allowed;
|
21
|
+
}
|
22
|
+
}
|
23
|
+
}
|
24
|
+
|
25
|
+
.@{sdk-prefix}-file-resumable-upload-icon {
|
26
|
+
font-size: 50px;
|
27
|
+
color: @icon-color;
|
28
|
+
}
|
29
|
+
|
30
|
+
.downloadIcon {
|
31
|
+
color: @theme-color;
|
32
|
+
cursor: pointer;
|
33
|
+
font-size: 20px;
|
34
|
+
}
|
35
|
+
|
36
|
+
.@{sdk-prefix}-file-resumable:hover {
|
37
|
+
border-color: @theme-color;
|
38
|
+
}
|
39
|
+
|
40
|
+
.@{sdk-prefix}-file-resumable-img-container {
|
41
|
+
background: @normal-color;
|
42
|
+
border: 1px dashed @border-color-1;
|
43
|
+
width: 50px;
|
44
|
+
height: 50px;
|
45
|
+
padding: 4px;
|
46
|
+
border-radius: 2px;
|
47
|
+
align-items: center;
|
48
|
+
cursor: pointer;
|
49
|
+
position: relative;
|
50
|
+
font-size: 16px;
|
51
|
+
display: flex;
|
52
|
+
justify-content: center;
|
53
|
+
.@{sdk-prefix}-file-resumable-img-operator {
|
54
|
+
display: flex;
|
55
|
+
justify-content: center;
|
56
|
+
align-items: center;
|
57
|
+
position: absolute;
|
58
|
+
top: 4px;
|
59
|
+
left: 4px;
|
60
|
+
right: 4px;
|
61
|
+
bottom: 4px;
|
62
|
+
.anticon {
|
63
|
+
font-size: 16px;
|
64
|
+
}
|
65
|
+
}
|
66
|
+
.@{sdk-prefix}-file-resumable-img-hidden-plus-icon {
|
67
|
+
display: none;
|
68
|
+
}
|
69
|
+
|
70
|
+
.@{sdk-prefix}-file-resumable-img-box {
|
71
|
+
max-width: 100%;
|
72
|
+
max-height: 100%;
|
73
|
+
padding: 4px;
|
74
|
+
}
|
75
|
+
|
76
|
+
&:hover {
|
77
|
+
.@{sdk-prefix}-file-resumable-img-operator {
|
78
|
+
background: @image-operator-hover-bg;
|
79
|
+
display: flex;
|
80
|
+
.anticon {
|
81
|
+
font-size: 16px;
|
82
|
+
color: @normal-color;
|
83
|
+
}
|
84
|
+
}
|
85
|
+
}
|
86
|
+
}
|
87
|
+
.@{sdk-prefix}-file-resumable-img.ant-upload.ant-upload-drag {
|
88
|
+
width: 50px;
|
89
|
+
height: 50px;
|
90
|
+
border: none;
|
91
|
+
.@{ant-prefix}-upload-btn {
|
92
|
+
padding: 0;
|
93
|
+
}
|
94
|
+
}
|