@douyinfe/semi-foundation 2.87.0-alpha.0 → 2.87.0-alpha.1
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/chat/foundation.ts +0 -4
- package/lib/cjs/anchor/foundation.js +11 -15
- package/lib/cjs/backtop/foundation.js +3 -4
- package/lib/cjs/base/foundation.js +2 -6
- package/lib/cjs/calendar/eventUtil.js +3 -9
- package/lib/cjs/cascader/foundation.js +1 -2
- package/lib/cjs/chat/foundation.d.ts +0 -1
- package/lib/cjs/chat/foundation.js +3 -7
- package/lib/cjs/colorPicker/foundation.js +8 -10
- package/lib/cjs/colorPicker/utils/convert.js +49 -61
- package/lib/cjs/colorPicker/utils/round.js +1 -3
- package/lib/cjs/cropper/utils.js +1 -2
- package/lib/cjs/datePicker/_utils/formatter.js +5 -7
- package/lib/cjs/datePicker/_utils/getDayOfWeek.js +3 -4
- package/lib/cjs/datePicker/_utils/getMonthTable.js +2 -6
- package/lib/cjs/datePicker/_utils/isBetween.js +4 -5
- package/lib/cjs/datePicker/_utils/isWithinInterval.js +4 -5
- package/lib/cjs/datePicker/foundation.js +17 -46
- package/lib/cjs/datePicker/inputFoundation.js +15 -19
- package/lib/cjs/datePicker/monthsGridFoundation.js +7 -15
- package/lib/cjs/datePicker/yearAndMonthFoundation.js +9 -18
- package/lib/cjs/form/foundation.js +9 -13
- package/lib/cjs/form/utils.js +3 -6
- package/lib/cjs/highlight/foundation.js +44 -50
- package/lib/cjs/image/previewImageFoundation.js +9 -16
- package/lib/cjs/image/previewInnerFoundation.js +5 -9
- package/lib/cjs/image/utils.js +1 -3
- package/lib/cjs/input/util/calculateNodeHeight.js +1 -3
- package/lib/cjs/inputNumber/foundation.js +5 -16
- package/lib/cjs/navigation/NavItem.js +1 -2
- package/lib/cjs/navigation/foundation.js +4 -15
- package/lib/cjs/navigation/subNavFoundation.js +2 -10
- package/lib/cjs/overflowList/foundation.js +3 -6
- package/lib/cjs/pagination/foundation.js +1 -4
- package/lib/cjs/pincode/foundation.js +2 -5
- package/lib/cjs/resizable/utils.js +2 -4
- package/lib/cjs/scrollList/itemFoundation.js +2 -4
- package/lib/cjs/scrollList/scrollTo.js +3 -4
- package/lib/cjs/select/foundation.js +2 -4
- package/lib/cjs/slider/foundation.js +4 -10
- package/lib/cjs/table/bodyFoundation.js +1 -5
- package/lib/cjs/table/foundation.js +13 -28
- package/lib/cjs/table/utils.js +27 -59
- package/lib/cjs/timePicker/ComboxFoundation.js +1 -2
- package/lib/cjs/timePicker/foundation.js +11 -19
- package/lib/cjs/timePicker/utils/index.js +5 -15
- package/lib/cjs/timePicker/utils/localeDate.js +2 -7
- package/lib/cjs/toast/toastListFoundation.js +3 -6
- package/lib/cjs/tooltip/foundation.js +17 -31
- package/lib/cjs/tree/foundation.js +2 -4
- package/lib/cjs/tree/treeUtil.d.ts +1 -1
- package/lib/cjs/tree/treeUtil.js +10 -23
- package/lib/cjs/treeSelect/foundation.js +1 -2
- package/lib/cjs/upload/foundation.js +27 -32
- package/lib/cjs/utils/Event.js +4 -8
- package/lib/cjs/utils/Logger.js +5 -21
- package/lib/cjs/utils/array.js +1 -2
- package/lib/cjs/utils/classnames.js +2 -8
- package/lib/cjs/utils/dom.js +2 -8
- package/lib/cjs/utils/log.js +1 -4
- package/lib/cjs/utils/object.js +2 -4
- package/lib/cjs/utils/touchPolyfill.js +1 -3
- package/lib/cjs/utils/uuid.js +1 -2
- package/lib/cjs/videoPlayer/progressFoundation.js +6 -9
- package/lib/es/anchor/foundation.js +11 -15
- package/lib/es/backtop/foundation.js +3 -4
- package/lib/es/base/foundation.js +2 -6
- package/lib/es/calendar/eventUtil.js +3 -9
- package/lib/es/cascader/foundation.js +1 -2
- package/lib/es/chat/foundation.d.ts +0 -1
- package/lib/es/chat/foundation.js +3 -7
- package/lib/es/colorPicker/foundation.js +8 -10
- package/lib/es/colorPicker/utils/convert.js +49 -61
- package/lib/es/colorPicker/utils/round.js +1 -3
- package/lib/es/cropper/utils.js +1 -2
- package/lib/es/datePicker/_utils/formatter.js +5 -7
- package/lib/es/datePicker/_utils/getDayOfWeek.js +3 -4
- package/lib/es/datePicker/_utils/getMonthTable.js +2 -6
- package/lib/es/datePicker/_utils/isBetween.js +4 -5
- package/lib/es/datePicker/_utils/isWithinInterval.js +4 -5
- package/lib/es/datePicker/foundation.js +17 -46
- package/lib/es/datePicker/inputFoundation.js +15 -19
- package/lib/es/datePicker/monthsGridFoundation.js +7 -15
- package/lib/es/datePicker/yearAndMonthFoundation.js +9 -18
- package/lib/es/form/foundation.js +8 -11
- package/lib/es/form/utils.js +3 -6
- package/lib/es/highlight/foundation.js +44 -50
- package/lib/es/image/previewImageFoundation.js +9 -16
- package/lib/es/image/previewInnerFoundation.js +5 -9
- package/lib/es/image/utils.js +1 -3
- package/lib/es/input/util/calculateNodeHeight.js +1 -3
- package/lib/es/inputNumber/foundation.js +5 -16
- package/lib/es/navigation/NavItem.js +1 -2
- package/lib/es/navigation/foundation.js +4 -15
- package/lib/es/navigation/subNavFoundation.js +2 -10
- package/lib/es/overflowList/foundation.js +3 -6
- package/lib/es/pagination/foundation.js +1 -4
- package/lib/es/pincode/foundation.js +2 -5
- package/lib/es/resizable/utils.js +2 -4
- package/lib/es/scrollList/itemFoundation.js +2 -4
- package/lib/es/scrollList/scrollTo.js +3 -4
- package/lib/es/select/foundation.js +1 -2
- package/lib/es/slider/foundation.js +4 -10
- package/lib/es/table/bodyFoundation.js +1 -5
- package/lib/es/table/foundation.js +13 -28
- package/lib/es/table/utils.js +27 -59
- package/lib/es/timePicker/ComboxFoundation.js +1 -2
- package/lib/es/timePicker/foundation.js +11 -19
- package/lib/es/timePicker/utils/index.js +5 -15
- package/lib/es/timePicker/utils/localeDate.js +2 -7
- package/lib/es/toast/toastListFoundation.js +3 -6
- package/lib/es/tooltip/foundation.js +17 -31
- package/lib/es/tree/foundation.js +2 -4
- package/lib/es/tree/treeUtil.d.ts +1 -1
- package/lib/es/tree/treeUtil.js +10 -23
- package/lib/es/treeSelect/foundation.js +1 -2
- package/lib/es/upload/foundation.js +27 -32
- package/lib/es/utils/Event.js +4 -8
- package/lib/es/utils/Logger.js +5 -21
- package/lib/es/utils/array.js +1 -2
- package/lib/es/utils/classnames.js +2 -8
- package/lib/es/utils/dom.js +2 -8
- package/lib/es/utils/log.js +1 -4
- package/lib/es/utils/object.js +2 -4
- package/lib/es/utils/touchPolyfill.js +1 -3
- package/lib/es/utils/uuid.js +1 -2
- package/lib/es/videoPlayer/progressFoundation.js +6 -9
- package/package.json +5 -5
package/chat/foundation.ts
CHANGED
|
@@ -145,10 +145,6 @@ export default class ChatFoundation <P = Record<string, any>, S = Record<string,
|
|
|
145
145
|
return scroll;
|
|
146
146
|
}, 100)
|
|
147
147
|
|
|
148
|
-
handleScrollContainerResize = () => {
|
|
149
|
-
this.getScroll(this._adapter.getContainerRef());
|
|
150
|
-
}
|
|
151
|
-
|
|
152
148
|
clearContext = (e: any) => {
|
|
153
149
|
const { chats } = this.getStates();
|
|
154
150
|
if (chats[chats.length - 1].role === ROLE.DIVIDER) {
|
|
@@ -13,9 +13,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
13
13
|
const prefixCls = _constants.cssClasses.PREFIX;
|
|
14
14
|
class AnchorFoundation extends _foundation.default {
|
|
15
15
|
constructor(adapter) {
|
|
16
|
-
var _this;
|
|
17
16
|
super(Object.assign(Object.assign({}, AnchorFoundation.defaultAdapter), adapter));
|
|
18
|
-
_this = this;
|
|
19
17
|
this.init = () => {};
|
|
20
18
|
this.destroy = () => {};
|
|
21
19
|
this.addLink = link => {
|
|
@@ -24,14 +22,13 @@ class AnchorFoundation extends _foundation.default {
|
|
|
24
22
|
this.removeLink = link => {
|
|
25
23
|
this._adapter.removeLink(link);
|
|
26
24
|
};
|
|
27
|
-
this.setActiveLink =
|
|
28
|
-
|
|
29
|
-
const
|
|
30
|
-
const onChange = _this._adapter.getProp('onChange');
|
|
25
|
+
this.setActiveLink = (link, prevLink, shouldNotify = true) => {
|
|
26
|
+
const activeLink = this._adapter.getState('activeLink');
|
|
27
|
+
const onChange = this._adapter.getProp('onChange');
|
|
31
28
|
if (activeLink !== link) {
|
|
32
|
-
|
|
29
|
+
this._adapter.setActiveLink(link, this._setActiveSlide);
|
|
33
30
|
if (onChange && shouldNotify) {
|
|
34
|
-
|
|
31
|
+
this._adapter.notifyChange(link, prevLink);
|
|
35
32
|
}
|
|
36
33
|
}
|
|
37
34
|
};
|
|
@@ -93,17 +90,16 @@ class AnchorFoundation extends _foundation.default {
|
|
|
93
90
|
const activeLink = links[lastNegativeIndex];
|
|
94
91
|
this.setActiveLink(activeLink, prevActiveLink);
|
|
95
92
|
};
|
|
96
|
-
this.handleClick =
|
|
97
|
-
|
|
98
|
-
const
|
|
99
|
-
|
|
100
|
-
_this.setActiveLink(link, prevLink, shouldNotify);
|
|
93
|
+
this.handleClick = (e, link, shouldNotify = true) => {
|
|
94
|
+
const destNode = this._adapter.getContentNode(link);
|
|
95
|
+
const prevLink = this._adapter.getState('activeLink');
|
|
96
|
+
this.setActiveLink(link, prevLink, shouldNotify);
|
|
101
97
|
if (destNode) {
|
|
102
98
|
try {
|
|
103
|
-
|
|
99
|
+
this._adapter.setClickLinkWithCallBack(true, link, this._scrollIntoView);
|
|
104
100
|
} catch (error) {}
|
|
105
101
|
}
|
|
106
|
-
shouldNotify &&
|
|
102
|
+
shouldNotify && this._adapter.notifyClick(e, link);
|
|
107
103
|
};
|
|
108
104
|
this.handleClickLink = () => {
|
|
109
105
|
this._adapter.setClickLink(false);
|
|
@@ -25,10 +25,9 @@ class BackTopFoundation extends _foundation.default {
|
|
|
25
25
|
duration,
|
|
26
26
|
easing: 'easeInOutCubic'
|
|
27
27
|
});
|
|
28
|
-
this.animation.on('frame',
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
} = _ref;
|
|
28
|
+
this.animation.on('frame', ({
|
|
29
|
+
scrollTop
|
|
30
|
+
}) => {
|
|
32
31
|
this._adapter.targetScrollToTop(targetNode, scrollTop);
|
|
33
32
|
});
|
|
34
33
|
this.animation.start();
|
|
@@ -90,8 +90,7 @@ class BaseFoundation {
|
|
|
90
90
|
this._adapter.stopPropagation(e);
|
|
91
91
|
}
|
|
92
92
|
// Determine whether a controlled component
|
|
93
|
-
_isControlledComponent() {
|
|
94
|
-
let key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'value';
|
|
93
|
+
_isControlledComponent(key = 'value') {
|
|
95
94
|
const props = this.getProps();
|
|
96
95
|
const isControlComponent = key in props;
|
|
97
96
|
return isControlComponent;
|
|
@@ -108,10 +107,7 @@ class BaseFoundation {
|
|
|
108
107
|
// Subclasses should override this method to perform de-initialization routines (de-registering events, etc.)
|
|
109
108
|
}
|
|
110
109
|
/* istanbul ignore next */
|
|
111
|
-
log(text) {
|
|
112
|
-
for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
113
|
-
rest[_key - 1] = arguments[_key];
|
|
114
|
-
}
|
|
110
|
+
log(text, ...rest) {
|
|
115
111
|
(0, _log.default)(text, ...rest);
|
|
116
112
|
}
|
|
117
113
|
_persistEvent(e) {
|
|
@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.sortDate = exports.round = exports.renderDailyEvent = exports.parseWeeklyAllDayEvent = exports.parseRangeAllDayEvent = exports.parseEvent = exports.parseAllDayEvent = exports.isAllDayEvent = exports.getPos = exports.getCurrDate = exports.filterWeeklyEvents = exports.filterEvents = exports.convertEventsArrToMap = exports.collectDailyEvents = exports.checkWeekend = exports.calcWeekData = exports.calcRowHeight = exports.calcRangeData = exports.amendEvent = void 0;
|
|
7
7
|
var _dateFns = require("date-fns");
|
|
8
|
-
const copyEvent =
|
|
9
|
-
let allDay = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
|
|
8
|
+
const copyEvent = (event, date, start, end, allDay = false) => {
|
|
10
9
|
const copied = Object.assign({}, event);
|
|
11
10
|
copied.date = date;
|
|
12
11
|
start ? copied.start = start : null;
|
|
@@ -109,10 +108,7 @@ const calcRangeData = (value, start, rangeLen, mode, locale, weekStartsOn) => {
|
|
|
109
108
|
* create weekly object array
|
|
110
109
|
*/
|
|
111
110
|
exports.calcRangeData = calcRangeData;
|
|
112
|
-
const calcWeekData =
|
|
113
|
-
let mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'week';
|
|
114
|
-
let locale = arguments.length > 3 ? arguments[3] : undefined;
|
|
115
|
-
let weekStartsOn = arguments.length > 4 ? arguments[4] : undefined;
|
|
111
|
+
const calcWeekData = (value, monthStart, mode = 'week', locale, weekStartsOn) => {
|
|
116
112
|
const start = (0, _dateFns.startOfWeek)(value, {
|
|
117
113
|
weekStartsOn
|
|
118
114
|
});
|
|
@@ -127,9 +123,7 @@ const calcWeekData = function (value, monthStart) {
|
|
|
127
123
|
* parsed a spanned all-day event into multiple dates
|
|
128
124
|
*/
|
|
129
125
|
exports.calcWeekData = calcWeekData;
|
|
130
|
-
const parseAllDayEvent =
|
|
131
|
-
let allDay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
132
|
-
let currDate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
|
|
126
|
+
const parseAllDayEvent = (event, allDay = true, currDate = undefined) => {
|
|
133
127
|
const res = [];
|
|
134
128
|
const {
|
|
135
129
|
start,
|
|
@@ -194,8 +194,7 @@ class CascaderFoundation extends _foundation.default {
|
|
|
194
194
|
}
|
|
195
195
|
return cacheValue;
|
|
196
196
|
}
|
|
197
|
-
collectOptions() {
|
|
198
|
-
let init = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
197
|
+
collectOptions(init = false) {
|
|
199
198
|
const {
|
|
200
199
|
treeData,
|
|
201
200
|
value,
|
|
@@ -64,7 +64,6 @@ export default class ChatFoundation<P = Record<string, any>, S = Record<string,
|
|
|
64
64
|
scrollToBottomWithAnimation: () => void;
|
|
65
65
|
containerScroll: (e: any) => void;
|
|
66
66
|
getScroll: import("lodash").DebouncedFunc<(target: any) => typeof scroll>;
|
|
67
|
-
handleScrollContainerResize: () => void;
|
|
68
67
|
clearContext: (e: any) => void;
|
|
69
68
|
onMessageSend: (input: string, attachment: any[]) => void;
|
|
70
69
|
onHintClick: (hint: string) => void;
|
|
@@ -57,10 +57,9 @@ class ChatFoundation extends _foundation.default {
|
|
|
57
57
|
duration,
|
|
58
58
|
easing: 'easeInOutCubic'
|
|
59
59
|
});
|
|
60
|
-
this.animation.on('frame',
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
} = _ref;
|
|
60
|
+
this.animation.on('frame', ({
|
|
61
|
+
scrollTop
|
|
62
|
+
}) => {
|
|
64
63
|
element.scrollTop = scrollTop;
|
|
65
64
|
});
|
|
66
65
|
this.animation.start();
|
|
@@ -90,9 +89,6 @@ class ChatFoundation extends _foundation.default {
|
|
|
90
89
|
}
|
|
91
90
|
return scroll;
|
|
92
91
|
}, 100);
|
|
93
|
-
this.handleScrollContainerResize = () => {
|
|
94
|
-
this.getScroll(this._adapter.getContainerRef());
|
|
95
|
-
};
|
|
96
92
|
this.clearContext = e => {
|
|
97
93
|
const {
|
|
98
94
|
chats
|
|
@@ -92,11 +92,10 @@ class ColorPickerFoundation extends _foundation.default {
|
|
|
92
92
|
this.handleColorChangeByHandle = newHue => {
|
|
93
93
|
this.handleChangeH(this.getCurrentColor(), newHue.h);
|
|
94
94
|
};
|
|
95
|
-
this.getHandlePositionByHSVA = (hsva,
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
} = _ref;
|
|
95
|
+
this.getHandlePositionByHSVA = (hsva, {
|
|
96
|
+
width,
|
|
97
|
+
height
|
|
98
|
+
}, handleSize) => {
|
|
100
99
|
const defaultColorPosition = {
|
|
101
100
|
x: hsva.s / 100 * width,
|
|
102
101
|
y: (1 - hsva.v / 100) * height
|
|
@@ -106,11 +105,10 @@ class ColorPickerFoundation extends _foundation.default {
|
|
|
106
105
|
y: defaultColorPosition.y - handleSize / 2
|
|
107
106
|
};
|
|
108
107
|
};
|
|
109
|
-
this.getHandlePositionByMousePosition = (mousePosition,
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
} = _ref2;
|
|
108
|
+
this.getHandlePositionByMousePosition = (mousePosition, {
|
|
109
|
+
width,
|
|
110
|
+
height
|
|
111
|
+
}, handleSize) => {
|
|
114
112
|
if (mousePosition.x > width || mousePosition.x < 0) {
|
|
115
113
|
return null;
|
|
116
114
|
}
|
|
@@ -37,8 +37,7 @@ const hexToRgba = hex => {
|
|
|
37
37
|
};
|
|
38
38
|
};
|
|
39
39
|
exports.hexToRgba = hexToRgba;
|
|
40
|
-
const parseHue =
|
|
41
|
-
let unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "deg";
|
|
40
|
+
const parseHue = (value, unit = "deg") => {
|
|
42
41
|
return Number(value) * (angleUnits[unit] || 1);
|
|
43
42
|
};
|
|
44
43
|
exports.parseHue = parseHue;
|
|
@@ -60,13 +59,12 @@ const hslaStringToHsva = hslString => {
|
|
|
60
59
|
};
|
|
61
60
|
exports.hslaStringToHsva = hslaStringToHsva;
|
|
62
61
|
const hslStringToHsva = exports.hslStringToHsva = hslaStringToHsva;
|
|
63
|
-
const hslaToHsva =
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
} = _ref;
|
|
62
|
+
const hslaToHsva = ({
|
|
63
|
+
h,
|
|
64
|
+
s,
|
|
65
|
+
l,
|
|
66
|
+
a
|
|
67
|
+
}) => {
|
|
70
68
|
s *= (l < 50 ? l : 100 - l) / 100;
|
|
71
69
|
return {
|
|
72
70
|
h: h,
|
|
@@ -78,13 +76,12 @@ const hslaToHsva = _ref => {
|
|
|
78
76
|
exports.hslaToHsva = hslaToHsva;
|
|
79
77
|
const hsvaToHex = hsva => rgbaToHex(hsvaToRgba(hsva));
|
|
80
78
|
exports.hsvaToHex = hsvaToHex;
|
|
81
|
-
const hsvaToHsla =
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
} = _ref2;
|
|
79
|
+
const hsvaToHsla = ({
|
|
80
|
+
h,
|
|
81
|
+
s,
|
|
82
|
+
v,
|
|
83
|
+
a
|
|
84
|
+
}) => {
|
|
88
85
|
const hh = (200 - s) * v / 100;
|
|
89
86
|
return {
|
|
90
87
|
h: (0, _round.round)(h),
|
|
@@ -132,13 +129,12 @@ const hsvaToHslaString = hsva => {
|
|
|
132
129
|
return `hsla(${h}, ${s}%, ${l}%, ${a})`;
|
|
133
130
|
};
|
|
134
131
|
exports.hsvaToHslaString = hsvaToHslaString;
|
|
135
|
-
const hsvaToRgba =
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
} = _ref3;
|
|
132
|
+
const hsvaToRgba = ({
|
|
133
|
+
h,
|
|
134
|
+
s,
|
|
135
|
+
v,
|
|
136
|
+
a
|
|
137
|
+
}) => {
|
|
142
138
|
h = h / 360 * 6;
|
|
143
139
|
s = s / 100;
|
|
144
140
|
v = v / 100;
|
|
@@ -219,13 +215,12 @@ const format = number => {
|
|
|
219
215
|
const hex = number.toString(16);
|
|
220
216
|
return hex.length < 2 ? "0" + hex : hex;
|
|
221
217
|
};
|
|
222
|
-
const rgbaToHex =
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
} = _ref4;
|
|
218
|
+
const rgbaToHex = ({
|
|
219
|
+
r,
|
|
220
|
+
g,
|
|
221
|
+
b,
|
|
222
|
+
a
|
|
223
|
+
}) => {
|
|
229
224
|
const percentToHex = p => {
|
|
230
225
|
//const percent = Math.max(0, Math.min(100, p)); // bound percent from 0 to 100
|
|
231
226
|
const intValue = Math.round(p / 100 * 255); // map percent to nearest integer (0 - 255)
|
|
@@ -239,13 +234,12 @@ const rgbaToHex = _ref4 => {
|
|
|
239
234
|
}
|
|
240
235
|
};
|
|
241
236
|
exports.rgbaToHex = rgbaToHex;
|
|
242
|
-
const rgbaToHsva =
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
} = _ref5;
|
|
237
|
+
const rgbaToHsva = ({
|
|
238
|
+
r,
|
|
239
|
+
g,
|
|
240
|
+
b,
|
|
241
|
+
a
|
|
242
|
+
}) => {
|
|
249
243
|
const max = Math.max(r, g, b);
|
|
250
244
|
const delta = max - Math.min(r, g, b);
|
|
251
245
|
// prettier-ignore
|
|
@@ -265,31 +259,25 @@ const roundHsva = hsva => ({
|
|
|
265
259
|
a: (0, _round.round)(hsva.a, 2)
|
|
266
260
|
});
|
|
267
261
|
exports.roundHsva = roundHsva;
|
|
268
|
-
const rgbaToRgb =
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
b
|
|
278
|
-
};
|
|
279
|
-
};
|
|
262
|
+
const rgbaToRgb = ({
|
|
263
|
+
r,
|
|
264
|
+
g,
|
|
265
|
+
b
|
|
266
|
+
}) => ({
|
|
267
|
+
r,
|
|
268
|
+
g,
|
|
269
|
+
b
|
|
270
|
+
});
|
|
280
271
|
exports.rgbaToRgb = rgbaToRgb;
|
|
281
|
-
const hslaToHsl =
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
l
|
|
291
|
-
};
|
|
292
|
-
};
|
|
272
|
+
const hslaToHsl = ({
|
|
273
|
+
h,
|
|
274
|
+
s,
|
|
275
|
+
l
|
|
276
|
+
}) => ({
|
|
277
|
+
h,
|
|
278
|
+
s,
|
|
279
|
+
l
|
|
280
|
+
});
|
|
293
281
|
exports.hslaToHsl = hslaToHsl;
|
|
294
282
|
const hsvaToHsv = hsva => {
|
|
295
283
|
const {
|
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.round = void 0;
|
|
7
|
-
const round =
|
|
8
|
-
let digits = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
9
|
-
let base = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Math.pow(10, digits);
|
|
7
|
+
const round = (number, digits = 0, base = Math.pow(10, digits)) => {
|
|
10
8
|
return Math.round(base * number) / base;
|
|
11
9
|
};
|
|
12
10
|
exports.round = round;
|
package/lib/cjs/cropper/utils.js
CHANGED
|
@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.getAspectHW = getAspectHW;
|
|
7
7
|
exports.getMiddle = getMiddle;
|
|
8
|
-
function getMiddle(value,
|
|
9
|
-
let [min, max] = _ref;
|
|
8
|
+
function getMiddle(value, [min, max]) {
|
|
10
9
|
return Math.min(Math.max(value, min), max);
|
|
11
10
|
}
|
|
12
11
|
function getAspectHW(width, height, aspect) {
|
|
@@ -19,13 +19,11 @@ var _constants = require("../constants");
|
|
|
19
19
|
* @param {Object} locale
|
|
20
20
|
* @returns {string}
|
|
21
21
|
*/
|
|
22
|
-
function formatDateValues(values, formatToken
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
} = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
28
|
-
let locale = arguments.length > 3 ? arguments[3] : undefined;
|
|
22
|
+
function formatDateValues(values, formatToken, {
|
|
23
|
+
groupInnerSeparator = _constants.strings.DEFAULT_SEPARATOR_RANGE,
|
|
24
|
+
groupSize = 1,
|
|
25
|
+
groupSeparator = _constants.strings.DEFAULT_SEPARATOR_MULTIPLE
|
|
26
|
+
} = {}, locale) {
|
|
29
27
|
let text = '';
|
|
30
28
|
(groupSize <= 0 || typeof groupSize !== 'number') && (groupSize = 1);
|
|
31
29
|
// console.log(values, formatToken, groupInnerSeparator, groupSize, groupSeparator);
|
|
@@ -10,10 +10,9 @@ exports.default = void 0;
|
|
|
10
10
|
* the index of the first day of the week (0-Sunday,1-Monday, etc)
|
|
11
11
|
*
|
|
12
12
|
*/
|
|
13
|
-
const getDayofWeek =
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
} = _ref;
|
|
13
|
+
const getDayofWeek = ({
|
|
14
|
+
weekStartsOn = 0
|
|
15
|
+
}) => {
|
|
17
16
|
const weekDay = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
|
|
18
17
|
for (let index = 0; index < weekStartsOn; index++) {
|
|
19
18
|
weekDay.push(weekDay.shift());
|
|
@@ -11,18 +11,14 @@ var _dateFns = require("date-fns");
|
|
|
11
11
|
* @param {string} month
|
|
12
12
|
*/
|
|
13
13
|
|
|
14
|
-
function formatFullDate() {
|
|
15
|
-
let year = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
16
|
-
let month = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
17
|
-
let day = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
|
14
|
+
function formatFullDate(year = '', month = '', day = '') {
|
|
18
15
|
let dateStr = '';
|
|
19
16
|
const monthFull = typeof month === 'number' && month < 10 ? `0${month}` : month.toString();
|
|
20
17
|
const dayNumberFull = typeof day === 'number' && day < 10 ? `0${day}` : day.toString();
|
|
21
18
|
dateStr = `${String(year)}-${monthFull}-${dayNumberFull}`;
|
|
22
19
|
return dateStr;
|
|
23
20
|
}
|
|
24
|
-
function getWeeks(date) {
|
|
25
|
-
let weekStartsOn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
21
|
+
function getWeeks(date, weekStartsOn = 0) {
|
|
26
22
|
const weekDayNotInMonth = {
|
|
27
23
|
dayNumber: '',
|
|
28
24
|
dateNumberFull: '',
|
|
@@ -14,11 +14,10 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
14
14
|
* @param {Object} { start: string|Date, end: string|Date}
|
|
15
15
|
* @returns {Boolean}
|
|
16
16
|
*/
|
|
17
|
-
function isBetween(day,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
} = _ref;
|
|
17
|
+
function isBetween(day, {
|
|
18
|
+
start,
|
|
19
|
+
end
|
|
20
|
+
}) {
|
|
22
21
|
const d = (0, _isString.default)(day) ? (0, _dateFns.parseISO)(day) : day;
|
|
23
22
|
const s = (0, _isString.default)(start) ? (0, _dateFns.parseISO)(start) : start;
|
|
24
23
|
const e = (0, _isString.default)(end) ? (0, _dateFns.parseISO)(end) : end;
|
|
@@ -7,11 +7,10 @@ exports.default = isWithinInterval;
|
|
|
7
7
|
var _dateFns = require("date-fns");
|
|
8
8
|
var _isString = _interopRequireDefault(require("../../utils/isString"));
|
|
9
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
function isWithinInterval(day,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
} = _ref;
|
|
10
|
+
function isWithinInterval(day, {
|
|
11
|
+
start,
|
|
12
|
+
end
|
|
13
|
+
}) {
|
|
15
14
|
const d = (0, _isString.default)(day) ? (0, _dateFns.parseISO)(day) : day;
|
|
16
15
|
const s = (0, _isString.default)(start) ? (0, _dateFns.parseISO)(start) : start;
|
|
17
16
|
const e = (0, _isString.default)(end) ? (0, _dateFns.parseISO)(end) : end;
|
|
@@ -73,12 +73,11 @@ class DatePickerFoundation extends _foundation.default {
|
|
|
73
73
|
}
|
|
74
74
|
this.initPanelOpenStatus(this.getProp('defaultOpen'));
|
|
75
75
|
}
|
|
76
|
-
initFromProps(
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
} = _ref;
|
|
76
|
+
initFromProps({
|
|
77
|
+
value,
|
|
78
|
+
timeZone,
|
|
79
|
+
prevTimeZone
|
|
80
|
+
}) {
|
|
82
81
|
const _value = (Array.isArray(value) ? [...value] : (value || value === 0) && [value]) || [];
|
|
83
82
|
const result = this.parseWithTimezone(_value, timeZone, prevTimeZone);
|
|
84
83
|
this._adapter.updatePrevTimezone(prevTimeZone);
|
|
@@ -382,10 +381,7 @@ class DatePickerFoundation extends _foundation.default {
|
|
|
382
381
|
* @param {String} input
|
|
383
382
|
* @param {Event} e
|
|
384
383
|
*/
|
|
385
|
-
handleInputBlur() {
|
|
386
|
-
let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
387
|
-
let e = arguments.length > 1 ? arguments[1] : undefined;
|
|
388
|
-
}
|
|
384
|
+
handleInputBlur(input = '', e) {}
|
|
389
385
|
/**
|
|
390
386
|
* called when range type rangeEnd input tab press
|
|
391
387
|
* @param {Event} e
|
|
@@ -436,8 +432,7 @@ class DatePickerFoundation extends _foundation.default {
|
|
|
436
432
|
}
|
|
437
433
|
handleRangeInputBlur(value, e) {}
|
|
438
434
|
// Parses input only after user returns
|
|
439
|
-
handleInputComplete() {
|
|
440
|
-
let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
435
|
+
handleInputComplete(input = '') {
|
|
441
436
|
// console.log(input);
|
|
442
437
|
let parsedResult = input ? this._isMultiple() ? this.parseMultipleInput(input, ',', true) : this.parseInput(input) : [];
|
|
443
438
|
parsedResult = parsedResult && parsedResult.length ? parsedResult : this.getState('value');
|
|
@@ -466,9 +461,7 @@ class DatePickerFoundation extends _foundation.default {
|
|
|
466
461
|
* @param {string} input
|
|
467
462
|
* @returns {Date [] | '}
|
|
468
463
|
*/
|
|
469
|
-
parseInput() {
|
|
470
|
-
let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
471
|
-
let format = arguments.length > 1 ? arguments[1] : undefined;
|
|
464
|
+
parseInput(input = '', format) {
|
|
472
465
|
let result = [];
|
|
473
466
|
// console.log(input);
|
|
474
467
|
const {
|
|
@@ -530,8 +523,7 @@ class DatePickerFoundation extends _foundation.default {
|
|
|
530
523
|
* parseInputLoose('2022-03- ~ 2022-0'); // [null, null]
|
|
531
524
|
* ```
|
|
532
525
|
*/
|
|
533
|
-
parseInputLoose() {
|
|
534
|
-
let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
526
|
+
parseInputLoose(input = '') {
|
|
535
527
|
let result = [];
|
|
536
528
|
const {
|
|
537
529
|
dateFnsLocale,
|
|
@@ -595,10 +587,7 @@ class DatePickerFoundation extends _foundation.default {
|
|
|
595
587
|
* parseMultipleInputLoose(''); // [];
|
|
596
588
|
* ```
|
|
597
589
|
*/
|
|
598
|
-
parseMultipleInputLoose() {
|
|
599
|
-
let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
600
|
-
let separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.strings.DEFAULT_SEPARATOR_MULTIPLE;
|
|
601
|
-
let needDedupe = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
590
|
+
parseMultipleInputLoose(input = '', separator = _constants.strings.DEFAULT_SEPARATOR_MULTIPLE, needDedupe = false) {
|
|
602
591
|
const max = this.getProp('max');
|
|
603
592
|
const inputArr = input.split(separator);
|
|
604
593
|
const result = [];
|
|
@@ -629,10 +618,7 @@ class DatePickerFoundation extends _foundation.default {
|
|
|
629
618
|
* @param {boolean} [needDedupe=false]
|
|
630
619
|
* @returns {Date[]}
|
|
631
620
|
*/
|
|
632
|
-
parseMultipleInput() {
|
|
633
|
-
let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
634
|
-
let separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.strings.DEFAULT_SEPARATOR_MULTIPLE;
|
|
635
|
-
let needDedupe = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
621
|
+
parseMultipleInput(input = '', separator = _constants.strings.DEFAULT_SEPARATOR_MULTIPLE, needDedupe = false) {
|
|
636
622
|
const max = this.getProp('max');
|
|
637
623
|
const inputArr = input.split(separator);
|
|
638
624
|
const result = [];
|
|
@@ -661,9 +647,7 @@ class DatePickerFoundation extends _foundation.default {
|
|
|
661
647
|
* @param {Date[]} dates
|
|
662
648
|
* @returns {string}
|
|
663
649
|
*/
|
|
664
|
-
formatDates() {
|
|
665
|
-
let dates = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
666
|
-
let customFormat = arguments.length > 1 ? arguments[1] : undefined;
|
|
650
|
+
formatDates(dates = [], customFormat) {
|
|
667
651
|
let str = '';
|
|
668
652
|
const rangeSeparator = this.getProp('rangeSeparator');
|
|
669
653
|
if (Array.isArray(dates) && dates.length) {
|
|
@@ -702,10 +686,7 @@ class DatePickerFoundation extends _foundation.default {
|
|
|
702
686
|
* @param {Date[]} dates
|
|
703
687
|
* @returns {string}
|
|
704
688
|
*/
|
|
705
|
-
formatMultipleDates() {
|
|
706
|
-
let dates = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
707
|
-
let separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.strings.DEFAULT_SEPARATOR_MULTIPLE;
|
|
708
|
-
let customFormat = arguments.length > 2 ? arguments[2] : undefined;
|
|
689
|
+
formatMultipleDates(dates = [], separator = _constants.strings.DEFAULT_SEPARATOR_MULTIPLE, customFormat) {
|
|
709
690
|
const strs = [];
|
|
710
691
|
if (Array.isArray(dates) && dates.length) {
|
|
711
692
|
const type = this.getProp('type');
|
|
@@ -826,8 +807,7 @@ class DatePickerFoundation extends _foundation.default {
|
|
|
826
807
|
* when changing the year and month through the panel when the type is year or month or monthRange
|
|
827
808
|
* @param {*} item
|
|
828
809
|
*/
|
|
829
|
-
handleYMSelectedChange() {
|
|
830
|
-
let item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
810
|
+
handleYMSelectedChange(item = {}) {
|
|
831
811
|
// console.log(item);
|
|
832
812
|
const {
|
|
833
813
|
currentMonth,
|
|
@@ -1074,7 +1054,7 @@ class DatePickerFoundation extends _foundation.default {
|
|
|
1074
1054
|
* @param {Date|Date[]} date
|
|
1075
1055
|
* @returns {Boolean}
|
|
1076
1056
|
*/
|
|
1077
|
-
disposeDateFn(fn, date) {
|
|
1057
|
+
disposeDateFn(fn, date, ...rest) {
|
|
1078
1058
|
const {
|
|
1079
1059
|
notifyDate
|
|
1080
1060
|
} = this.disposeCallbackArgs(date);
|
|
@@ -1086,9 +1066,6 @@ class DatePickerFoundation extends _foundation.default {
|
|
|
1086
1066
|
} else {
|
|
1087
1067
|
disposeDate = dateIsArray ? [notifyDate] : notifyDate[0];
|
|
1088
1068
|
}
|
|
1089
|
-
for (var _len = arguments.length, rest = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
|
|
1090
|
-
rest[_key - 2] = arguments[_key];
|
|
1091
|
-
}
|
|
1092
1069
|
return fn(disposeDate, ...rest);
|
|
1093
1070
|
}
|
|
1094
1071
|
/**
|
|
@@ -1097,13 +1074,10 @@ class DatePickerFoundation extends _foundation.default {
|
|
|
1097
1074
|
* @param {Date} date
|
|
1098
1075
|
* @returns {Boolean}
|
|
1099
1076
|
*/
|
|
1100
|
-
disabledDisposeDate(date) {
|
|
1077
|
+
disabledDisposeDate(date, ...rest) {
|
|
1101
1078
|
const {
|
|
1102
1079
|
disabledDate
|
|
1103
1080
|
} = this.getProps();
|
|
1104
|
-
for (var _len2 = arguments.length, rest = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
1105
|
-
rest[_key2 - 1] = arguments[_key2];
|
|
1106
|
-
}
|
|
1107
1081
|
return this.disposeDateFn(disabledDate, date, ...rest);
|
|
1108
1082
|
}
|
|
1109
1083
|
/**
|
|
@@ -1112,13 +1086,10 @@ class DatePickerFoundation extends _foundation.default {
|
|
|
1112
1086
|
* @param {Date|Date[]} date
|
|
1113
1087
|
* @returns {Object}
|
|
1114
1088
|
*/
|
|
1115
|
-
disabledDisposeTime(date) {
|
|
1089
|
+
disabledDisposeTime(date, ...rest) {
|
|
1116
1090
|
const {
|
|
1117
1091
|
disabledTime
|
|
1118
1092
|
} = this.getProps();
|
|
1119
|
-
for (var _len3 = arguments.length, rest = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
|
|
1120
|
-
rest[_key3 - 1] = arguments[_key3];
|
|
1121
|
-
}
|
|
1122
1093
|
return this.disposeDateFn(disabledTime, date, ...rest);
|
|
1123
1094
|
}
|
|
1124
1095
|
/**
|