cx 25.6.3 → 25.7.0
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/dist/charts.css +250 -250
- package/dist/charts.js +109 -109
- package/dist/data.js +19 -19
- package/dist/hooks.js +1 -1
- package/dist/manifest.js +744 -744
- package/dist/svg.js +25 -25
- package/dist/ui.js +84 -84
- package/dist/util.js +6 -9
- package/dist/widgets.css +6 -6
- package/dist/widgets.js +516 -511
- package/package.json +1 -1
- package/src/charts/Legend.d.ts +45 -45
- package/src/charts/LegendEntry.js +128 -128
- package/src/charts/LegendEntry.scss +27 -27
- package/src/charts/Marker.d.ts +1 -1
- package/src/charts/MarkerLine.d.ts +25 -27
- package/src/charts/PieChart.d.ts +92 -92
- package/src/charts/RangeMarker.js +159 -159
- package/src/charts/axis/Axis.d.ts +113 -113
- package/src/charts/axis/Axis.js +280 -280
- package/src/charts/axis/CategoryAxis.d.ts +30 -30
- package/src/charts/axis/CategoryAxis.js +241 -241
- package/src/charts/axis/NumericAxis.js +351 -351
- package/src/charts/axis/Stack.js +55 -55
- package/src/charts/axis/TimeAxis.js +611 -611
- package/src/charts/helpers/SnapPointFinder.js +69 -69
- package/src/data/Binding.spec.js +69 -69
- package/src/data/ExposedValueView.d.ts +19 -19
- package/src/data/Expression.js +229 -229
- package/src/data/Expression.spec.js +229 -229
- package/src/data/StringTemplate.js +92 -92
- package/src/data/StringTemplate.spec.js +132 -132
- package/src/data/StructuredSelector.js +132 -132
- package/src/data/getAccessor.spec.js +11 -11
- package/src/data/getSelector.js +49 -49
- package/src/hooks/createLocalStorageRef.d.ts +3 -3
- package/src/hooks/createLocalStorageRef.js +20 -20
- package/src/index.scss +6 -6
- package/src/ui/Culture.d.ts +57 -57
- package/src/ui/Culture.js +139 -139
- package/src/ui/FocusManager.js +171 -171
- package/src/ui/Format.js +108 -108
- package/src/ui/HoverSync.js +147 -147
- package/src/ui/Repeater.d.ts +61 -61
- package/src/ui/index.d.ts +42 -42
- package/src/ui/layout/ContentPlaceholder.d.ts +19 -19
- package/src/ui/layout/ContentPlaceholder.js +105 -105
- package/src/ui/layout/ContentPlaceholder.spec.js +579 -579
- package/src/ui/layout/LabelsTopLayout.js +134 -134
- package/src/util/Format.js +270 -270
- package/src/util/date/encodeDate.d.ts +1 -1
- package/src/util/date/encodeDate.js +8 -8
- package/src/util/date/encodeDateWithTimezoneOffset.d.ts +1 -1
- package/src/util/date/index.d.ts +11 -11
- package/src/util/date/index.js +11 -11
- package/src/util/date/parseDateInvariant.d.ts +3 -3
- package/src/util/date/parseDateInvariant.js +20 -20
- package/src/util/getSearchQueryPredicate.js +59 -59
- package/src/util/index.d.ts +51 -51
- package/src/util/index.js +54 -54
- package/src/util/isFunction.d.ts +1 -1
- package/src/util/isValidIdentifierName.d.ts +1 -1
- package/src/util/isValidIdentifierName.js +5 -5
- package/src/util/isValidIdentifierName.spec.js +33 -33
- package/src/util/scss/add-rules.scss +38 -38
- package/src/widgets/CxCredit.scss +37 -37
- package/src/widgets/HighlightedSearchText.js +36 -36
- package/src/widgets/HighlightedSearchText.scss +18 -18
- package/src/widgets/List.scss +91 -91
- package/src/widgets/Sandbox.d.ts +18 -18
- package/src/widgets/Sandbox.js +65 -65
- package/src/widgets/drag-drop/DropZone.js +214 -214
- package/src/widgets/form/Calendar.js +618 -618
- package/src/widgets/form/Calendar.scss +196 -196
- package/src/widgets/form/Checkbox.scss +127 -127
- package/src/widgets/form/ColorField.js +397 -397
- package/src/widgets/form/ColorField.scss +96 -96
- package/src/widgets/form/ColorPicker.scss +283 -283
- package/src/widgets/form/DateTimeField.js +576 -576
- package/src/widgets/form/DateTimePicker.js +392 -392
- package/src/widgets/form/LookupField.d.ts +179 -179
- package/src/widgets/form/LookupField.scss +219 -219
- package/src/widgets/form/NumberField.js +459 -459
- package/src/widgets/form/NumberField.scss +61 -61
- package/src/widgets/form/Radio.scss +121 -121
- package/src/widgets/form/Select.scss +99 -99
- package/src/widgets/form/Slider.scss +118 -118
- package/src/widgets/form/Switch.scss +140 -140
- package/src/widgets/form/TextArea.scss +43 -43
- package/src/widgets/form/TextField.js +290 -290
- package/src/widgets/form/TextField.scss +55 -55
- package/src/widgets/form/UploadButton.d.ts +34 -34
- package/src/widgets/form/variables.scss +353 -353
- package/src/widgets/grid/Grid.d.ts +442 -442
- package/src/widgets/grid/Grid.js +28 -23
- package/src/widgets/grid/GridRow.js +228 -228
- package/src/widgets/grid/TreeNode.d.ts +23 -23
- package/src/widgets/grid/TreeNode.scss +88 -88
- package/src/widgets/grid/variables.scss +133 -133
- package/src/widgets/nav/LinkButton.js +128 -128
- package/src/widgets/nav/Menu.scss +74 -74
- package/src/widgets/overlay/Dropdown.js +612 -612
- package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
- package/src/widgets/overlay/Overlay.d.ts +73 -73
- package/src/widgets/overlay/Window.js +202 -202
- package/src/widgets/overlay/captureMouse.js +124 -124
- package/src/widgets/overlay/createHotPromiseWindowFactory.d.ts +18 -18
- package/src/widgets/overlay/createHotPromiseWindowFactory.js +56 -56
- package/src/widgets/overlay/index.d.ts +11 -11
- package/src/widgets/overlay/index.js +11 -11
- package/src/widgets/variables.scss +144 -144
package/src/util/Format.js
CHANGED
|
@@ -1,270 +1,270 @@
|
|
|
1
|
-
import { debug } from "./Debug";
|
|
2
|
-
import { GlobalCacheIdentifier } from "./GlobalCacheIdentifier";
|
|
3
|
-
import { isNumber } from "../util/isNumber";
|
|
4
|
-
import { isUndefined } from "../util/isUndefined";
|
|
5
|
-
import { isArray } from "../util/isArray";
|
|
6
|
-
import { capitalize } from "./capitalize";
|
|
7
|
-
import { parseDateInvariant } from "./date/parseDateInvariant";
|
|
8
|
-
|
|
9
|
-
//Culture dependent formatters are defined in the ui package.
|
|
10
|
-
|
|
11
|
-
const defaultFormatter = (v) => v.toString();
|
|
12
|
-
|
|
13
|
-
let formatFactory = {
|
|
14
|
-
string: function () {
|
|
15
|
-
return defaultFormatter;
|
|
16
|
-
},
|
|
17
|
-
|
|
18
|
-
wrap: function (part0, prefix, suffix) {
|
|
19
|
-
if (!prefix) prefix = "";
|
|
20
|
-
|
|
21
|
-
if (!suffix) suffix = "";
|
|
22
|
-
|
|
23
|
-
return (value) => prefix + value.toString() + suffix;
|
|
24
|
-
},
|
|
25
|
-
|
|
26
|
-
fixed: function (part0, digits) {
|
|
27
|
-
return (value) => value.toFixed(digits);
|
|
28
|
-
},
|
|
29
|
-
|
|
30
|
-
prefix: function (part0, prefix) {
|
|
31
|
-
if (!prefix) prefix = "";
|
|
32
|
-
|
|
33
|
-
return (value) => prefix + value.toString();
|
|
34
|
-
},
|
|
35
|
-
|
|
36
|
-
suffix: function (part0, suffix) {
|
|
37
|
-
if (!suffix) suffix = "";
|
|
38
|
-
|
|
39
|
-
return (value) => value.toString() + suffix;
|
|
40
|
-
},
|
|
41
|
-
|
|
42
|
-
uppercase: function () {
|
|
43
|
-
return (value) => value.toString().toUpperCase();
|
|
44
|
-
},
|
|
45
|
-
|
|
46
|
-
lowercase: function () {
|
|
47
|
-
return (value) => value.toString().toLowerCase();
|
|
48
|
-
},
|
|
49
|
-
|
|
50
|
-
urlencode: function () {
|
|
51
|
-
return (value) => encodeURIComponent(value);
|
|
52
|
-
},
|
|
53
|
-
|
|
54
|
-
number: function (part0, minFractionDigits, maxFractionDigits) {
|
|
55
|
-
let { minimumFractionDigits, maximumFractionDigits } = resolveMinMaxFractionDigits(
|
|
56
|
-
minFractionDigits,
|
|
57
|
-
maxFractionDigits,
|
|
58
|
-
);
|
|
59
|
-
let trimmable = maximumFractionDigits - minimumFractionDigits;
|
|
60
|
-
if (trimmable > 0) {
|
|
61
|
-
if (minimumFractionDigits == 0) ++trimmable;
|
|
62
|
-
return (value) => trimFractionZeros(value.toFixed(maximumFractionDigits), trimmable);
|
|
63
|
-
}
|
|
64
|
-
return (value) => value.toFixed(maximumFractionDigits);
|
|
65
|
-
},
|
|
66
|
-
|
|
67
|
-
percentage: function (part0, minFractionDigits, maxFractionDigits) {
|
|
68
|
-
let numberFormatter = formatFactory.number(part0, minFractionDigits, maxFractionDigits);
|
|
69
|
-
return (value) => numberFormatter(value * 100) + "%";
|
|
70
|
-
},
|
|
71
|
-
|
|
72
|
-
percentageSign: function (part0, minFractionDigits, maxFractionDigits) {
|
|
73
|
-
let numberFormatter = formatFactory.number(part0, minFractionDigits, maxFractionDigits);
|
|
74
|
-
return (value) => numberFormatter(value) + "%";
|
|
75
|
-
},
|
|
76
|
-
|
|
77
|
-
date: function () {
|
|
78
|
-
return (value) => {
|
|
79
|
-
let date = parseDateInvariant(value);
|
|
80
|
-
return `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`;
|
|
81
|
-
};
|
|
82
|
-
},
|
|
83
|
-
|
|
84
|
-
time: function () {
|
|
85
|
-
return (value) => {
|
|
86
|
-
let date = parseDateInvariant(value);
|
|
87
|
-
let h = date.getHours() >= 10 ? date.getHours() : "0" + date.getHours();
|
|
88
|
-
let m = date.getMinutes() >= 10 ? date.getMinutes() : "0" + date.getMinutes();
|
|
89
|
-
return `${h}:${m}`;
|
|
90
|
-
};
|
|
91
|
-
},
|
|
92
|
-
|
|
93
|
-
datetime: function () {
|
|
94
|
-
let date = formatFactory.date();
|
|
95
|
-
let time = formatFactory.time();
|
|
96
|
-
return (value) => date(value) + " " + time(value);
|
|
97
|
-
},
|
|
98
|
-
|
|
99
|
-
ellipsis: function (part0, length, where) {
|
|
100
|
-
length = Number(length);
|
|
101
|
-
if (!(length > 3)) length = 10;
|
|
102
|
-
switch (where) {
|
|
103
|
-
default:
|
|
104
|
-
case "end":
|
|
105
|
-
return (value) => {
|
|
106
|
-
let s = String(value);
|
|
107
|
-
if (s.length > length) return s.substring(0, length - 3) + "...";
|
|
108
|
-
return s;
|
|
109
|
-
};
|
|
110
|
-
|
|
111
|
-
case "start":
|
|
112
|
-
return (value) => {
|
|
113
|
-
let s = String(value);
|
|
114
|
-
if (s.length > length) return "..." + s.substring(s.length - length + 3);
|
|
115
|
-
return s;
|
|
116
|
-
};
|
|
117
|
-
|
|
118
|
-
case "middle":
|
|
119
|
-
return (value) => {
|
|
120
|
-
let s = String(value);
|
|
121
|
-
if (s.length > length) {
|
|
122
|
-
let x = Math.floor(length - 2) / 2;
|
|
123
|
-
return s.substring(0, x) + "..." + s.substring(s.length - (length - 3 - x));
|
|
124
|
-
}
|
|
125
|
-
return s;
|
|
126
|
-
};
|
|
127
|
-
}
|
|
128
|
-
},
|
|
129
|
-
|
|
130
|
-
zeroPad: function (part0, length) {
|
|
131
|
-
return (value) => {
|
|
132
|
-
let s = String(value);
|
|
133
|
-
return s.padStart(length, "0");
|
|
134
|
-
};
|
|
135
|
-
},
|
|
136
|
-
|
|
137
|
-
leftPad: function (part0, length, char) {
|
|
138
|
-
return (value) => {
|
|
139
|
-
let s = String(value);
|
|
140
|
-
return s.padStart(length, char ?? " ");
|
|
141
|
-
};
|
|
142
|
-
},
|
|
143
|
-
|
|
144
|
-
capitalize: function () {
|
|
145
|
-
return (value) => {
|
|
146
|
-
let s = String(value);
|
|
147
|
-
return capitalize(s);
|
|
148
|
-
};
|
|
149
|
-
},
|
|
150
|
-
|
|
151
|
-
titleCase: function () {
|
|
152
|
-
return (value) => {
|
|
153
|
-
let s = String(value);
|
|
154
|
-
return s.replace(/\w\S*/g, function (word) {
|
|
155
|
-
return capitalize(word.toLowerCase());
|
|
156
|
-
});
|
|
157
|
-
};
|
|
158
|
-
},
|
|
159
|
-
};
|
|
160
|
-
|
|
161
|
-
formatFactory.s = formatFactory.str = formatFactory.string;
|
|
162
|
-
formatFactory.f = formatFactory.fixed;
|
|
163
|
-
formatFactory.n = formatFactory.number;
|
|
164
|
-
formatFactory.p = formatFactory.percentage;
|
|
165
|
-
formatFactory.ps = formatFactory.percentageSign;
|
|
166
|
-
formatFactory.d = formatFactory.date;
|
|
167
|
-
formatFactory.t = formatFactory.time;
|
|
168
|
-
formatFactory.dt = formatFactory.datetime;
|
|
169
|
-
formatFactory.zeropad = formatFactory.zeroPad;
|
|
170
|
-
formatFactory.leftpad = formatFactory.leftPad;
|
|
171
|
-
formatFactory.capitalize = formatFactory.capitalize;
|
|
172
|
-
formatFactory.titlecase = formatFactory.titleCase;
|
|
173
|
-
|
|
174
|
-
function buildFormatter(format) {
|
|
175
|
-
let formatter = defaultFormatter,
|
|
176
|
-
nullText = "";
|
|
177
|
-
if (format) {
|
|
178
|
-
let pipeParts = format.split("|");
|
|
179
|
-
nullText = pipeParts[1] || "";
|
|
180
|
-
let colonSepParts = pipeParts[0].split(":");
|
|
181
|
-
for (let i = 0; i < colonSepParts.length; i++) {
|
|
182
|
-
let parts = colonSepParts[i].split(";");
|
|
183
|
-
let factory = formatFactory[parts[0]];
|
|
184
|
-
if (!factory) debug("Unknown string format: " + format);
|
|
185
|
-
else if (i == 0) formatter = factory(...parts);
|
|
186
|
-
else {
|
|
187
|
-
let outerFmt = factory(...parts);
|
|
188
|
-
let innerFmt = formatter;
|
|
189
|
-
formatter = (v) => outerFmt(innerFmt(v));
|
|
190
|
-
}
|
|
191
|
-
}
|
|
192
|
-
}
|
|
193
|
-
return (v) => (v == null || v === "" ? nullText : formatter(v));
|
|
194
|
-
}
|
|
195
|
-
|
|
196
|
-
let format = {
|
|
197
|
-
cache: {},
|
|
198
|
-
};
|
|
199
|
-
|
|
200
|
-
function getDefaultFormatCache() {
|
|
201
|
-
if (format.cacheIdentifier != GlobalCacheIdentifier.get()) {
|
|
202
|
-
format = {
|
|
203
|
-
cache: {},
|
|
204
|
-
cacheIdentifier: GlobalCacheIdentifier.get(),
|
|
205
|
-
};
|
|
206
|
-
}
|
|
207
|
-
return format.cache;
|
|
208
|
-
}
|
|
209
|
-
|
|
210
|
-
let getFormatCache = getDefaultFormatCache;
|
|
211
|
-
|
|
212
|
-
export function setGetFormatCacheCallback(callback) {
|
|
213
|
-
getFormatCache = callback;
|
|
214
|
-
}
|
|
215
|
-
|
|
216
|
-
function getFormatter(format) {
|
|
217
|
-
if (!format) format = "";
|
|
218
|
-
let formatCache = getFormatCache();
|
|
219
|
-
let formatter = formatCache[format];
|
|
220
|
-
if (!formatter) formatter = formatCache[format] = buildFormatter(format);
|
|
221
|
-
|
|
222
|
-
return formatter;
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
export class Format {
|
|
226
|
-
static value(v, format) {
|
|
227
|
-
let formatter = getFormatter(format);
|
|
228
|
-
return formatter(v);
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
static parse(format) {
|
|
232
|
-
return getFormatter(format);
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
static register(format, formatter) {
|
|
236
|
-
this.registerFactory(format, () => formatter);
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
static registerFactory(format, factory) {
|
|
240
|
-
if (isArray(format)) format.forEach((f) => this.registerFactory(f, factory));
|
|
241
|
-
else formatFactory[format] = factory;
|
|
242
|
-
}
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
export function resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits) {
|
|
246
|
-
minimumFractionDigits = minimumFractionDigits != null ? Number(minimumFractionDigits) : minimumFractionDigits;
|
|
247
|
-
maximumFractionDigits = maximumFractionDigits != null ? Number(maximumFractionDigits) : maximumFractionDigits;
|
|
248
|
-
|
|
249
|
-
if (isNumber(minimumFractionDigits)) {
|
|
250
|
-
if (isUndefined(maximumFractionDigits)) maximumFractionDigits = minimumFractionDigits;
|
|
251
|
-
else if (isNumber(maximumFractionDigits) && maximumFractionDigits < minimumFractionDigits)
|
|
252
|
-
maximumFractionDigits = minimumFractionDigits;
|
|
253
|
-
} else if (minimumFractionDigits == null && maximumFractionDigits == null) {
|
|
254
|
-
minimumFractionDigits = 0;
|
|
255
|
-
maximumFractionDigits = 18;
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
return {
|
|
259
|
-
minimumFractionDigits,
|
|
260
|
-
maximumFractionDigits,
|
|
261
|
-
};
|
|
262
|
-
}
|
|
263
|
-
|
|
264
|
-
export function trimFractionZeros(str, max) {
|
|
265
|
-
let cnt = 0,
|
|
266
|
-
l = str.length;
|
|
267
|
-
while (cnt < max && (str[l - 1 - cnt] === "0" || str[l - 1 - cnt] === ".")) cnt++;
|
|
268
|
-
|
|
269
|
-
return cnt > 0 ? str.substring(0, l - cnt) : str;
|
|
270
|
-
}
|
|
1
|
+
import { debug } from "./Debug";
|
|
2
|
+
import { GlobalCacheIdentifier } from "./GlobalCacheIdentifier";
|
|
3
|
+
import { isNumber } from "../util/isNumber";
|
|
4
|
+
import { isUndefined } from "../util/isUndefined";
|
|
5
|
+
import { isArray } from "../util/isArray";
|
|
6
|
+
import { capitalize } from "./capitalize";
|
|
7
|
+
import { parseDateInvariant } from "./date/parseDateInvariant";
|
|
8
|
+
|
|
9
|
+
//Culture dependent formatters are defined in the ui package.
|
|
10
|
+
|
|
11
|
+
const defaultFormatter = (v) => v.toString();
|
|
12
|
+
|
|
13
|
+
let formatFactory = {
|
|
14
|
+
string: function () {
|
|
15
|
+
return defaultFormatter;
|
|
16
|
+
},
|
|
17
|
+
|
|
18
|
+
wrap: function (part0, prefix, suffix) {
|
|
19
|
+
if (!prefix) prefix = "";
|
|
20
|
+
|
|
21
|
+
if (!suffix) suffix = "";
|
|
22
|
+
|
|
23
|
+
return (value) => prefix + value.toString() + suffix;
|
|
24
|
+
},
|
|
25
|
+
|
|
26
|
+
fixed: function (part0, digits) {
|
|
27
|
+
return (value) => value.toFixed(digits);
|
|
28
|
+
},
|
|
29
|
+
|
|
30
|
+
prefix: function (part0, prefix) {
|
|
31
|
+
if (!prefix) prefix = "";
|
|
32
|
+
|
|
33
|
+
return (value) => prefix + value.toString();
|
|
34
|
+
},
|
|
35
|
+
|
|
36
|
+
suffix: function (part0, suffix) {
|
|
37
|
+
if (!suffix) suffix = "";
|
|
38
|
+
|
|
39
|
+
return (value) => value.toString() + suffix;
|
|
40
|
+
},
|
|
41
|
+
|
|
42
|
+
uppercase: function () {
|
|
43
|
+
return (value) => value.toString().toUpperCase();
|
|
44
|
+
},
|
|
45
|
+
|
|
46
|
+
lowercase: function () {
|
|
47
|
+
return (value) => value.toString().toLowerCase();
|
|
48
|
+
},
|
|
49
|
+
|
|
50
|
+
urlencode: function () {
|
|
51
|
+
return (value) => encodeURIComponent(value);
|
|
52
|
+
},
|
|
53
|
+
|
|
54
|
+
number: function (part0, minFractionDigits, maxFractionDigits) {
|
|
55
|
+
let { minimumFractionDigits, maximumFractionDigits } = resolveMinMaxFractionDigits(
|
|
56
|
+
minFractionDigits,
|
|
57
|
+
maxFractionDigits,
|
|
58
|
+
);
|
|
59
|
+
let trimmable = maximumFractionDigits - minimumFractionDigits;
|
|
60
|
+
if (trimmable > 0) {
|
|
61
|
+
if (minimumFractionDigits == 0) ++trimmable;
|
|
62
|
+
return (value) => trimFractionZeros(value.toFixed(maximumFractionDigits), trimmable);
|
|
63
|
+
}
|
|
64
|
+
return (value) => value.toFixed(maximumFractionDigits);
|
|
65
|
+
},
|
|
66
|
+
|
|
67
|
+
percentage: function (part0, minFractionDigits, maxFractionDigits) {
|
|
68
|
+
let numberFormatter = formatFactory.number(part0, minFractionDigits, maxFractionDigits);
|
|
69
|
+
return (value) => numberFormatter(value * 100) + "%";
|
|
70
|
+
},
|
|
71
|
+
|
|
72
|
+
percentageSign: function (part0, minFractionDigits, maxFractionDigits) {
|
|
73
|
+
let numberFormatter = formatFactory.number(part0, minFractionDigits, maxFractionDigits);
|
|
74
|
+
return (value) => numberFormatter(value) + "%";
|
|
75
|
+
},
|
|
76
|
+
|
|
77
|
+
date: function () {
|
|
78
|
+
return (value) => {
|
|
79
|
+
let date = parseDateInvariant(value);
|
|
80
|
+
return `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`;
|
|
81
|
+
};
|
|
82
|
+
},
|
|
83
|
+
|
|
84
|
+
time: function () {
|
|
85
|
+
return (value) => {
|
|
86
|
+
let date = parseDateInvariant(value);
|
|
87
|
+
let h = date.getHours() >= 10 ? date.getHours() : "0" + date.getHours();
|
|
88
|
+
let m = date.getMinutes() >= 10 ? date.getMinutes() : "0" + date.getMinutes();
|
|
89
|
+
return `${h}:${m}`;
|
|
90
|
+
};
|
|
91
|
+
},
|
|
92
|
+
|
|
93
|
+
datetime: function () {
|
|
94
|
+
let date = formatFactory.date();
|
|
95
|
+
let time = formatFactory.time();
|
|
96
|
+
return (value) => date(value) + " " + time(value);
|
|
97
|
+
},
|
|
98
|
+
|
|
99
|
+
ellipsis: function (part0, length, where) {
|
|
100
|
+
length = Number(length);
|
|
101
|
+
if (!(length > 3)) length = 10;
|
|
102
|
+
switch (where) {
|
|
103
|
+
default:
|
|
104
|
+
case "end":
|
|
105
|
+
return (value) => {
|
|
106
|
+
let s = String(value);
|
|
107
|
+
if (s.length > length) return s.substring(0, length - 3) + "...";
|
|
108
|
+
return s;
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
case "start":
|
|
112
|
+
return (value) => {
|
|
113
|
+
let s = String(value);
|
|
114
|
+
if (s.length > length) return "..." + s.substring(s.length - length + 3);
|
|
115
|
+
return s;
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
case "middle":
|
|
119
|
+
return (value) => {
|
|
120
|
+
let s = String(value);
|
|
121
|
+
if (s.length > length) {
|
|
122
|
+
let x = Math.floor(length - 2) / 2;
|
|
123
|
+
return s.substring(0, x) + "..." + s.substring(s.length - (length - 3 - x));
|
|
124
|
+
}
|
|
125
|
+
return s;
|
|
126
|
+
};
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
|
|
130
|
+
zeroPad: function (part0, length) {
|
|
131
|
+
return (value) => {
|
|
132
|
+
let s = String(value);
|
|
133
|
+
return s.padStart(length, "0");
|
|
134
|
+
};
|
|
135
|
+
},
|
|
136
|
+
|
|
137
|
+
leftPad: function (part0, length, char) {
|
|
138
|
+
return (value) => {
|
|
139
|
+
let s = String(value);
|
|
140
|
+
return s.padStart(length, char ?? " ");
|
|
141
|
+
};
|
|
142
|
+
},
|
|
143
|
+
|
|
144
|
+
capitalize: function () {
|
|
145
|
+
return (value) => {
|
|
146
|
+
let s = String(value);
|
|
147
|
+
return capitalize(s);
|
|
148
|
+
};
|
|
149
|
+
},
|
|
150
|
+
|
|
151
|
+
titleCase: function () {
|
|
152
|
+
return (value) => {
|
|
153
|
+
let s = String(value);
|
|
154
|
+
return s.replace(/\w\S*/g, function (word) {
|
|
155
|
+
return capitalize(word.toLowerCase());
|
|
156
|
+
});
|
|
157
|
+
};
|
|
158
|
+
},
|
|
159
|
+
};
|
|
160
|
+
|
|
161
|
+
formatFactory.s = formatFactory.str = formatFactory.string;
|
|
162
|
+
formatFactory.f = formatFactory.fixed;
|
|
163
|
+
formatFactory.n = formatFactory.number;
|
|
164
|
+
formatFactory.p = formatFactory.percentage;
|
|
165
|
+
formatFactory.ps = formatFactory.percentageSign;
|
|
166
|
+
formatFactory.d = formatFactory.date;
|
|
167
|
+
formatFactory.t = formatFactory.time;
|
|
168
|
+
formatFactory.dt = formatFactory.datetime;
|
|
169
|
+
formatFactory.zeropad = formatFactory.zeroPad;
|
|
170
|
+
formatFactory.leftpad = formatFactory.leftPad;
|
|
171
|
+
formatFactory.capitalize = formatFactory.capitalize;
|
|
172
|
+
formatFactory.titlecase = formatFactory.titleCase;
|
|
173
|
+
|
|
174
|
+
function buildFormatter(format) {
|
|
175
|
+
let formatter = defaultFormatter,
|
|
176
|
+
nullText = "";
|
|
177
|
+
if (format) {
|
|
178
|
+
let pipeParts = format.split("|");
|
|
179
|
+
nullText = pipeParts[1] || "";
|
|
180
|
+
let colonSepParts = pipeParts[0].split(":");
|
|
181
|
+
for (let i = 0; i < colonSepParts.length; i++) {
|
|
182
|
+
let parts = colonSepParts[i].split(";");
|
|
183
|
+
let factory = formatFactory[parts[0]];
|
|
184
|
+
if (!factory) debug("Unknown string format: " + format);
|
|
185
|
+
else if (i == 0) formatter = factory(...parts);
|
|
186
|
+
else {
|
|
187
|
+
let outerFmt = factory(...parts);
|
|
188
|
+
let innerFmt = formatter;
|
|
189
|
+
formatter = (v) => outerFmt(innerFmt(v));
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
return (v) => (v == null || v === "" ? nullText : formatter(v));
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
let format = {
|
|
197
|
+
cache: {},
|
|
198
|
+
};
|
|
199
|
+
|
|
200
|
+
function getDefaultFormatCache() {
|
|
201
|
+
if (format.cacheIdentifier != GlobalCacheIdentifier.get()) {
|
|
202
|
+
format = {
|
|
203
|
+
cache: {},
|
|
204
|
+
cacheIdentifier: GlobalCacheIdentifier.get(),
|
|
205
|
+
};
|
|
206
|
+
}
|
|
207
|
+
return format.cache;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
let getFormatCache = getDefaultFormatCache;
|
|
211
|
+
|
|
212
|
+
export function setGetFormatCacheCallback(callback) {
|
|
213
|
+
getFormatCache = callback;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
function getFormatter(format) {
|
|
217
|
+
if (!format) format = "";
|
|
218
|
+
let formatCache = getFormatCache();
|
|
219
|
+
let formatter = formatCache[format];
|
|
220
|
+
if (!formatter) formatter = formatCache[format] = buildFormatter(format);
|
|
221
|
+
|
|
222
|
+
return formatter;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
export class Format {
|
|
226
|
+
static value(v, format) {
|
|
227
|
+
let formatter = getFormatter(format);
|
|
228
|
+
return formatter(v);
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
static parse(format) {
|
|
232
|
+
return getFormatter(format);
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
static register(format, formatter) {
|
|
236
|
+
this.registerFactory(format, () => formatter);
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
static registerFactory(format, factory) {
|
|
240
|
+
if (isArray(format)) format.forEach((f) => this.registerFactory(f, factory));
|
|
241
|
+
else formatFactory[format] = factory;
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
export function resolveMinMaxFractionDigits(minimumFractionDigits, maximumFractionDigits) {
|
|
246
|
+
minimumFractionDigits = minimumFractionDigits != null ? Number(minimumFractionDigits) : minimumFractionDigits;
|
|
247
|
+
maximumFractionDigits = maximumFractionDigits != null ? Number(maximumFractionDigits) : maximumFractionDigits;
|
|
248
|
+
|
|
249
|
+
if (isNumber(minimumFractionDigits)) {
|
|
250
|
+
if (isUndefined(maximumFractionDigits)) maximumFractionDigits = minimumFractionDigits;
|
|
251
|
+
else if (isNumber(maximumFractionDigits) && maximumFractionDigits < minimumFractionDigits)
|
|
252
|
+
maximumFractionDigits = minimumFractionDigits;
|
|
253
|
+
} else if (minimumFractionDigits == null && maximumFractionDigits == null) {
|
|
254
|
+
minimumFractionDigits = 0;
|
|
255
|
+
maximumFractionDigits = 18;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
return {
|
|
259
|
+
minimumFractionDigits,
|
|
260
|
+
maximumFractionDigits,
|
|
261
|
+
};
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
export function trimFractionZeros(str, max) {
|
|
265
|
+
let cnt = 0,
|
|
266
|
+
l = str.length;
|
|
267
|
+
while (cnt < max && (str[l - 1 - cnt] === "0" || str[l - 1 - cnt] === ".")) cnt++;
|
|
268
|
+
|
|
269
|
+
return cnt > 0 ? str.substring(0, l - cnt) : str;
|
|
270
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export function encodeDate(date: Date): string;
|
|
1
|
+
export function encodeDate(date: Date): string;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
function pad(num) {
|
|
2
|
-
const norm = Math.floor(Math.abs(num));
|
|
3
|
-
return (norm < 10 ? "0" : "") + norm;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
export function encodeDate(date) {
|
|
7
|
-
return date.getFullYear() + "-" + pad(date.getMonth() + 1) + "-" + pad(date.getDate());
|
|
8
|
-
}
|
|
1
|
+
function pad(num) {
|
|
2
|
+
const norm = Math.floor(Math.abs(num));
|
|
3
|
+
return (norm < 10 ? "0" : "") + norm;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
export function encodeDate(date) {
|
|
7
|
+
return date.getFullYear() + "-" + pad(date.getMonth() + 1) + "-" + pad(date.getDate());
|
|
8
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export function encodeDateWithTimezoneOffset(date: Date): string;
|
|
1
|
+
export function encodeDateWithTimezoneOffset(date: Date): string;
|
package/src/util/date/index.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export * from "./dateDiff";
|
|
2
|
-
export * from "./zeroTime";
|
|
3
|
-
export * from "./monthStart";
|
|
4
|
-
export * from "./lowerBoundCheck";
|
|
5
|
-
export * from "./upperBoundCheck";
|
|
6
|
-
export * from "./maxDate";
|
|
7
|
-
export * from "./minDate";
|
|
8
|
-
export * from "./sameDate";
|
|
9
|
-
export * from "./encodeDateWithTimezoneOffset";
|
|
10
|
-
export * from "./encodeDate";
|
|
11
|
-
export * from "./parseDateInvariant";
|
|
1
|
+
export * from "./dateDiff";
|
|
2
|
+
export * from "./zeroTime";
|
|
3
|
+
export * from "./monthStart";
|
|
4
|
+
export * from "./lowerBoundCheck";
|
|
5
|
+
export * from "./upperBoundCheck";
|
|
6
|
+
export * from "./maxDate";
|
|
7
|
+
export * from "./minDate";
|
|
8
|
+
export * from "./sameDate";
|
|
9
|
+
export * from "./encodeDateWithTimezoneOffset";
|
|
10
|
+
export * from "./encodeDate";
|
|
11
|
+
export * from "./parseDateInvariant";
|
package/src/util/date/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export * from "./dateDiff";
|
|
2
|
-
export * from "./zeroTime";
|
|
3
|
-
export * from "./monthStart";
|
|
4
|
-
export * from "./lowerBoundCheck";
|
|
5
|
-
export * from "./upperBoundCheck";
|
|
6
|
-
export * from "./maxDate";
|
|
7
|
-
export * from "./minDate";
|
|
8
|
-
export * from "./sameDate";
|
|
9
|
-
export * from "./encodeDateWithTimezoneOffset";
|
|
10
|
-
export * from "./encodeDate";
|
|
11
|
-
export * from "./parseDateInvariant";
|
|
1
|
+
export * from "./dateDiff";
|
|
2
|
+
export * from "./zeroTime";
|
|
3
|
+
export * from "./monthStart";
|
|
4
|
+
export * from "./lowerBoundCheck";
|
|
5
|
+
export * from "./upperBoundCheck";
|
|
6
|
+
export * from "./maxDate";
|
|
7
|
+
export * from "./minDate";
|
|
8
|
+
export * from "./sameDate";
|
|
9
|
+
export * from "./encodeDateWithTimezoneOffset";
|
|
10
|
+
export * from "./encodeDate";
|
|
11
|
+
export * from "./parseDateInvariant";
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export function parseDateInvariant(input: string | number | Date): Date;
|
|
2
|
-
|
|
3
|
-
export function overrideParseDateInvariant(newImpl: (input: string | number | Date) => Date): void;
|
|
1
|
+
export function parseDateInvariant(input: string | number | Date): Date;
|
|
2
|
+
|
|
3
|
+
export function overrideParseDateInvariant(newImpl: (input: string | number | Date) => Date): void;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
// This module addresses a common issue when handling date strings in the format "yyyy-MM-dd" usually returned by backends.
|
|
2
|
-
// In time zones earlier than UTC, creating a Date object from such a string can result in the date being shifted one day earlier.
|
|
3
|
-
// This happens because "yyyy-MM-dd" is interpreted as a UTC date at 00:00, and when the browser displays it in local time, it adjusts backward.
|
|
4
|
-
// To resolve this, the default implementation (`defaultInvariantParseDate`) appends " 00:00" to the date string,
|
|
5
|
-
// explicitly indicating local time. Custom parsing logic can also be registered dynamically using `registerInvariantParseDateImpl`
|
|
6
|
-
// to accommodate other formats or requirements.
|
|
7
|
-
function defaultParseDateInvariant(input) {
|
|
8
|
-
if (typeof input == "string" && input.length == 10 && input[4] == "-" && input[7] == "-")
|
|
9
|
-
return new Date(`${input} 00:00`);
|
|
10
|
-
return new Date(input);
|
|
11
|
-
}
|
|
12
|
-
let impl = defaultParseDateInvariant;
|
|
13
|
-
|
|
14
|
-
export function parseDateInvariant(input) {
|
|
15
|
-
return impl(input);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export function overrideParseDateInvariant(newImpl) {
|
|
19
|
-
impl = newImpl;
|
|
20
|
-
}
|
|
1
|
+
// This module addresses a common issue when handling date strings in the format "yyyy-MM-dd" usually returned by backends.
|
|
2
|
+
// In time zones earlier than UTC, creating a Date object from such a string can result in the date being shifted one day earlier.
|
|
3
|
+
// This happens because "yyyy-MM-dd" is interpreted as a UTC date at 00:00, and when the browser displays it in local time, it adjusts backward.
|
|
4
|
+
// To resolve this, the default implementation (`defaultInvariantParseDate`) appends " 00:00" to the date string,
|
|
5
|
+
// explicitly indicating local time. Custom parsing logic can also be registered dynamically using `registerInvariantParseDateImpl`
|
|
6
|
+
// to accommodate other formats or requirements.
|
|
7
|
+
function defaultParseDateInvariant(input) {
|
|
8
|
+
if (typeof input == "string" && input.length == 10 && input[4] == "-" && input[7] == "-")
|
|
9
|
+
return new Date(`${input} 00:00`);
|
|
10
|
+
return new Date(input);
|
|
11
|
+
}
|
|
12
|
+
let impl = defaultParseDateInvariant;
|
|
13
|
+
|
|
14
|
+
export function parseDateInvariant(input) {
|
|
15
|
+
return impl(input);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export function overrideParseDateInvariant(newImpl) {
|
|
19
|
+
impl = newImpl;
|
|
20
|
+
}
|