@tendaui/components 1.3.0 → 1.3.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/LICENSE +21 -21
- package/README.md +176 -176
- package/button/_example/ghost.tsx +2 -5
- package/color-picker/utils/color-picker/cmyk.ts +89 -89
- package/color-picker/utils/color-picker/color.ts +467 -467
- package/color-picker/utils/color-picker/constants.ts +187 -187
- package/color-picker/utils/color-picker/draggable.ts +99 -99
- package/color-picker/utils/color-picker/format.ts +90 -90
- package/color-picker/utils/color-picker/gradient.ts +237 -237
- package/color-picker/utils/color-picker/index.ts +7 -7
- package/color-picker/utils/color-picker/types.ts +33 -33
- package/dialog/hooks/useDialogPosition.ts +35 -35
- package/form/type.ts +519 -519
- package/global-config/default-config.ts +95 -95
- package/global-config/locale/ar_KW.ts +259 -259
- package/global-config/locale/en_US.ts +265 -265
- package/global-config/locale/it_IT.ts +264 -264
- package/global-config/locale/ja_JP.ts +264 -264
- package/global-config/locale/ko_KR.ts +264 -264
- package/global-config/locale/ru_RU.ts +277 -277
- package/global-config/locale/zh_CN.ts +265 -265
- package/global-config/locale/zh_TW.ts +265 -265
- package/global-config/mobile/default-config.ts +6 -6
- package/global-config/mobile/locale/ar_KW.ts +112 -112
- package/global-config/mobile/locale/en_US.ts +113 -113
- package/global-config/mobile/locale/it_IT.ts +113 -113
- package/global-config/mobile/locale/ja_JP.ts +100 -100
- package/global-config/mobile/locale/ko_KR.ts +100 -100
- package/global-config/mobile/locale/ru_RU.ts +112 -112
- package/global-config/mobile/locale/zh_CN.ts +100 -100
- package/global-config/mobile/locale/zh_TW.ts +100 -100
- package/global-config/t.ts +111 -111
- package/input-number/InputNumber.tsx +124 -124
- package/input-number/defaultProps.ts +17 -17
- package/input-number/index.ts +9 -9
- package/input-number/style/css.js +1 -1
- package/input-number/style/index.js +1 -1
- package/input-number/useInputNumber.tsx +270 -270
- package/list/ListItem.tsx +36 -36
- package/list/ListItemMeta.tsx +40 -40
- package/list/defaultProps.ts +11 -11
- package/list/hooks/useListVirtualScroll.ts +82 -82
- package/list/style/css.js +1 -1
- package/list/style/index.js +1 -1
- package/locale/LocalReceiver.ts +55 -55
- package/locale/ar_KW.ts +7 -7
- package/locale/en_US.ts +7 -7
- package/locale/it_IT.ts +6 -6
- package/locale/ja_JP.ts +6 -6
- package/locale/ko_KR.ts +6 -6
- package/locale/ru_RU.ts +6 -6
- package/locale/zh_CN.ts +5 -5
- package/locale/zh_TW.ts +7 -7
- package/package.json +2 -2
- package/radio/_example/default.tsx +2 -2
- package/select/type.ts +382 -382
- package/select-input/type.ts +280 -280
- package/slider/SliderHandleButton.tsx +50 -50
- package/slider/defaultProps.ts +15 -15
- package/slider/style/css.js +1 -1
- package/slider/style/index.js +1 -1
- package/styles/_global.scss +40 -40
- package/styles/_vars.scss +374 -374
- package/styles/components/alert/_index.scss +175 -175
- package/styles/components/alert/_vars.scss +41 -41
- package/styles/components/badge/_index.scss +71 -71
- package/styles/components/badge/_vars.scss +26 -26
- package/styles/components/button/_index.scss +499 -499
- package/styles/components/button/_mixins.scss +40 -40
- package/styles/components/button/_vars.scss +121 -121
- package/styles/components/checkbox/_index.scss +158 -158
- package/styles/components/checkbox/_var.scss +59 -59
- package/styles/components/color-picker/_index.scss +586 -586
- package/styles/components/color-picker/_vars.scss +79 -79
- package/styles/components/dialog/_animate.scss +133 -133
- package/styles/components/dialog/_index.scss +310 -310
- package/styles/components/dialog/_vars.scss +60 -60
- package/styles/components/drawer/_index.scss +206 -206
- package/styles/components/drawer/_var.scss +55 -55
- package/styles/components/fireworks/_index.scss +86 -86
- package/styles/components/fireworks/_vars.scss +5 -5
- package/styles/components/form/_index.scss +175 -175
- package/styles/components/form/_mixins.scss +74 -74
- package/styles/components/form/_vars.scss +101 -101
- package/styles/components/input/_index.scss +350 -350
- package/styles/components/input/_mixins.scss +120 -120
- package/styles/components/input/_vars.scss +130 -130
- package/styles/components/input-number/_index.scss +327 -327
- package/styles/components/input-number/_vars.scss +56 -56
- package/styles/components/ip-input/_index.scss +277 -277
- package/styles/components/layout/_index.scss +47 -47
- package/styles/components/layout/_vars.scss +19 -19
- package/styles/components/layout/doc.scss +74 -74
- package/styles/components/list/_index.scss +172 -172
- package/styles/components/list/_vars.scss +42 -42
- package/styles/components/loading/_index.scss +113 -113
- package/styles/components/loading/_vars.scss +40 -40
- package/styles/components/notification/_index.scss +140 -140
- package/styles/components/notification/_mixins.scss +13 -13
- package/styles/components/notification/_vars.scss +60 -60
- package/styles/components/popup/_index.scss +78 -78
- package/styles/components/popup/_mixin.scss +149 -149
- package/styles/components/popup/_vars.scss +33 -33
- package/styles/components/radio/_index.scss +376 -376
- package/styles/components/radio/_vars.scss +89 -89
- package/styles/components/select/_index.scss +291 -291
- package/styles/components/select/_var.scss +64 -64
- package/styles/components/select-input/_index.scss +5 -5
- package/styles/components/select-input/_var.scss +4 -4
- package/styles/components/slider/_index.scss +241 -241
- package/styles/components/slider/_vars.scss +51 -51
- package/styles/components/switch/_index.scss +175 -175
- package/styles/components/switch/_vars.scss +63 -63
- package/styles/components/table/_index.scss +194 -194
- package/styles/components/table/_var.scss +52 -52
- package/styles/components/tabs/_index.scss +165 -165
- package/styles/components/tabs/_mixins.scss +11 -11
- package/styles/components/tabs/_vars.scss +72 -72
- package/styles/components/tag/_index.scss +317 -317
- package/styles/components/tag/_var.scss +86 -86
- package/styles/components/tag-input/_index.scss +164 -164
- package/styles/components/tag-input/_vars.scss +17 -17
- package/styles/mixins/_focus.scss +8 -8
- package/styles/mixins/_layout.scss +32 -32
- package/styles/mixins/_reset.scss +11 -11
- package/styles/mixins/_scrollbar.scss +32 -32
- package/styles/mixins/_text.scss +50 -50
- package/styles/themes/_dark.scss +169 -169
- package/styles/themes/_font.scss +69 -69
- package/styles/themes/_index.scss +5 -5
- package/styles/themes/_light.scss +170 -170
- package/styles/themes/_radius.scss +9 -9
- package/styles/themes/_size.scss +68 -68
- package/styles/utilities/_animation.scss +58 -58
- package/styles/utilities/_tips.scss +10 -10
- package/switch/_example/with-label.tsx +1 -1
- package/utils/input-number/large-number.ts +423 -423
- package/utils/input-number/number.ts +257 -257
- package/utils/log/index.ts +3 -3
- package/utils/log/log.ts +29 -29
- package/utils/log/types.ts +9 -9
- package/utils/style.ts +58 -58
|
@@ -1,257 +1,257 @@
|
|
|
1
|
-
import { isUndefined, isString, isNumber } from "lodash-es";
|
|
2
|
-
/** 普通数相关方法 */
|
|
3
|
-
import {
|
|
4
|
-
compareNumber,
|
|
5
|
-
formatENumber,
|
|
6
|
-
largeNumberToFixed,
|
|
7
|
-
isInputNumber,
|
|
8
|
-
largeNumberAdd,
|
|
9
|
-
largeNumberSubtract
|
|
10
|
-
} from "./large-number";
|
|
11
|
-
import log from "../log";
|
|
12
|
-
import type { InputNumberDecimalPlaces } from "./large-number";
|
|
13
|
-
|
|
14
|
-
export * from "./large-number";
|
|
15
|
-
|
|
16
|
-
export type NumberType = number | string;
|
|
17
|
-
|
|
18
|
-
// 小于最大值,才允许继续添加
|
|
19
|
-
export function canAddNumber(num: NumberType, max: NumberType, largeNumber = false): boolean {
|
|
20
|
-
if (!num && num !== 0) return true;
|
|
21
|
-
if (largeNumber && isString(num)) {
|
|
22
|
-
return compareNumber(num, max, largeNumber) < 0;
|
|
23
|
-
}
|
|
24
|
-
return num < max;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
// 大于最小值,才允许继续减少
|
|
28
|
-
export function canReduceNumber(num: NumberType, min: NumberType, largeNumber = false): boolean {
|
|
29
|
-
if (!num && num !== 0) return true;
|
|
30
|
-
if (largeNumber && isString(num)) {
|
|
31
|
-
return compareNumber(num, min, largeNumber) > 0;
|
|
32
|
-
}
|
|
33
|
-
return num > min;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* 将数字控制在 max 和 min 之间
|
|
38
|
-
*/
|
|
39
|
-
export function putInRangeNumber(
|
|
40
|
-
val: NumberType,
|
|
41
|
-
params: {
|
|
42
|
-
max?: NumberType;
|
|
43
|
-
min?: NumberType;
|
|
44
|
-
lastValue?: NumberType;
|
|
45
|
-
largeNumber?: boolean;
|
|
46
|
-
}
|
|
47
|
-
) {
|
|
48
|
-
if (val === "") return undefined;
|
|
49
|
-
const { max, min, lastValue, largeNumber } = params;
|
|
50
|
-
if (!isInputNumber(val)) return lastValue;
|
|
51
|
-
if (largeNumber && (isString(max) || max === Infinity) && (isString(min) || min === -Infinity)) {
|
|
52
|
-
if (compareNumber(max, val, largeNumber) < 0) return max;
|
|
53
|
-
if (compareNumber(min, val, largeNumber) > 0) return min;
|
|
54
|
-
return val;
|
|
55
|
-
}
|
|
56
|
-
return Math.max(Number(min), Math.min(Number(max), Number(val)));
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
/**
|
|
60
|
-
* 仅支持正数,小数加法精度处理,小数部分和整数部分分开处理
|
|
61
|
-
*/
|
|
62
|
-
export function positiveAdd(num1: number, num2: number): number {
|
|
63
|
-
if (!num1 || !num2) return (num1 || 0) + (num2 || 0);
|
|
64
|
-
const r1 = num1.toString().split(".")[1]?.length || 0;
|
|
65
|
-
const r2 = num2.toString().split(".")[1]?.length || 0;
|
|
66
|
-
// 整数不存在精度问题,直接返回
|
|
67
|
-
if (!r1 && !r2) return num1 + num2;
|
|
68
|
-
let newNumber1 = num1;
|
|
69
|
-
let newNumber2 = num2;
|
|
70
|
-
const diff = Math.abs(r1 - r2);
|
|
71
|
-
const digit = 10 ** Math.max(r1, r2);
|
|
72
|
-
if (diff > 0) {
|
|
73
|
-
const cm = 10 ** diff;
|
|
74
|
-
if (r1 > r2) {
|
|
75
|
-
newNumber1 = Number(num1.toString().replace(".", ""));
|
|
76
|
-
newNumber2 = Number(num2.toString().replace(".", "")) * cm;
|
|
77
|
-
} else {
|
|
78
|
-
newNumber1 = Number(num1.toString().replace(".", "")) * cm;
|
|
79
|
-
newNumber2 = Number(num2.toString().replace(".", ""));
|
|
80
|
-
}
|
|
81
|
-
} else {
|
|
82
|
-
newNumber1 = Number(num1.toString().replace(".", ""));
|
|
83
|
-
newNumber2 = Number(num2.toString().replace(".", ""));
|
|
84
|
-
}
|
|
85
|
-
return (newNumber1 + newNumber2) / digit;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
/**
|
|
89
|
-
* 正数,小数减法精度处理,小数部分和整数部分分开处理
|
|
90
|
-
*/
|
|
91
|
-
export function positiveSubtract(num1: number, num2: number): number {
|
|
92
|
-
if (!num1 || !num2) return (num1 || 0) - (num2 || 0);
|
|
93
|
-
const r1 = num1.toString().split(".")[1]?.length || 0;
|
|
94
|
-
const r2 = num2.toString().split(".")[1]?.length || 0;
|
|
95
|
-
const digit = 10 ** Math.max(r1, r2);
|
|
96
|
-
const n = r1 >= r2 ? r1 : r2;
|
|
97
|
-
return Number(((num1 * digit - num2 * digit) / digit).toFixed(n));
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
/**
|
|
101
|
-
* 支持正数、负数、小数等全部数字的加法
|
|
102
|
-
* -0.766 + 1 => 1 - 0.766
|
|
103
|
-
* -1 + (-0.766) => - (1 + 0.766)
|
|
104
|
-
* 1 + (-0.766) => 1 - 0.766
|
|
105
|
-
* 1 + 0.766 => 1 + 0.766
|
|
106
|
-
*/
|
|
107
|
-
export function add(num1: number, num2: number): number {
|
|
108
|
-
if (num1 < 0 && num2 > 0) return positiveSubtract(num2, Math.abs(num1));
|
|
109
|
-
if (num1 < 0 && num2 < 0) return positiveAdd(Math.abs(num1), Math.abs(num2)) * -1;
|
|
110
|
-
if (num1 > 0 && num2 < 0) return positiveSubtract(num1, Math.abs(num2));
|
|
111
|
-
return positiveAdd(num1, num2);
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
/**
|
|
115
|
-
* 支持正数、负数、小数等全部数字的减法
|
|
116
|
-
* -0.766 - 1 => - (1 + 0.766)
|
|
117
|
-
* -1 - (-0.766) => 0.766 - 1
|
|
118
|
-
* 1 - (-0.766) => 1 + 0.766
|
|
119
|
-
* 1 - 0.766 => 1 - 0.766
|
|
120
|
-
*/
|
|
121
|
-
export function subtract(num1: number, num2: number): number {
|
|
122
|
-
if (num1 < 0 && num2 > 0) return positiveAdd(Math.abs(num1), num2) * -1;
|
|
123
|
-
if (num1 < 0 && num2 < 0) return positiveSubtract(Math.abs(num2), Math.abs(num1));
|
|
124
|
-
if (num1 > 0 && num2 < 0) return positiveAdd(num1, Math.abs(num2));
|
|
125
|
-
return positiveSubtract(num1, num2);
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
export function getStepValue(p: {
|
|
129
|
-
op: "add" | "reduce";
|
|
130
|
-
step: NumberType;
|
|
131
|
-
max?: NumberType;
|
|
132
|
-
min?: NumberType;
|
|
133
|
-
lastValue?: NumberType;
|
|
134
|
-
largeNumber?: boolean;
|
|
135
|
-
}) {
|
|
136
|
-
const { op, step, lastValue, max, min, largeNumber } = p;
|
|
137
|
-
if (Number(step) <= 0) {
|
|
138
|
-
log.error("InputNumber", "step must be larger than 0.");
|
|
139
|
-
return lastValue;
|
|
140
|
-
}
|
|
141
|
-
const tStep = isNumber(step) ? String(step) : step;
|
|
142
|
-
let newVal;
|
|
143
|
-
if (op === "add") {
|
|
144
|
-
if (largeNumber && isString(lastValue)) {
|
|
145
|
-
newVal = largeNumberAdd(String(lastValue), String(tStep));
|
|
146
|
-
} else {
|
|
147
|
-
newVal = add(Number(lastValue || 0), Number(step));
|
|
148
|
-
}
|
|
149
|
-
} else if (op === "reduce") {
|
|
150
|
-
if (largeNumber && isString(lastValue)) {
|
|
151
|
-
newVal = largeNumberSubtract(String(lastValue), String(tStep));
|
|
152
|
-
} else {
|
|
153
|
-
newVal = subtract(Number(lastValue || 0), Number(step));
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
if (isUndefined(lastValue)) {
|
|
157
|
-
newVal = putInRangeNumber(newVal, { max, min, lastValue, largeNumber });
|
|
158
|
-
}
|
|
159
|
-
return largeNumber ? newVal : Number(newVal);
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
export type InputNumberErrorType = "exceed-maximum" | "below-minimum" | undefined;
|
|
163
|
-
|
|
164
|
-
/**
|
|
165
|
-
* 最大值和最小值校验
|
|
166
|
-
*/
|
|
167
|
-
export function getMaxOrMinValidateResult(p: {
|
|
168
|
-
largeNumber: boolean;
|
|
169
|
-
value: NumberType;
|
|
170
|
-
max: NumberType;
|
|
171
|
-
min: NumberType;
|
|
172
|
-
}): InputNumberErrorType {
|
|
173
|
-
const { largeNumber, value, max, min } = p;
|
|
174
|
-
if (isUndefined(value) || isUndefined(largeNumber)) return undefined;
|
|
175
|
-
if (largeNumber && isNumber(value)) {
|
|
176
|
-
log.warn("InputNumber", "largeNumber value must be a string.");
|
|
177
|
-
}
|
|
178
|
-
let error: InputNumberErrorType;
|
|
179
|
-
if (compareNumber(value, max, largeNumber) > 0) {
|
|
180
|
-
error = "exceed-maximum";
|
|
181
|
-
} else if (compareNumber(value, min, largeNumber) < 0) {
|
|
182
|
-
error = "below-minimum";
|
|
183
|
-
} else {
|
|
184
|
-
error = undefined;
|
|
185
|
-
}
|
|
186
|
-
return error;
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
export const specialCode = ["-", ".", "e", "E", "+"];
|
|
190
|
-
|
|
191
|
-
/**
|
|
192
|
-
* 是否允许输入当前字符,输入字符校验
|
|
193
|
-
* 1.23E+08 就表示 1.23 乘 10 的 8 次方
|
|
194
|
-
* 2e3 表示 2 乘 10 的 3 次方
|
|
195
|
-
*/
|
|
196
|
-
export function canInputNumber(number: string | undefined | null, largeNumber?: boolean) {
|
|
197
|
-
if (["", null, undefined].includes(number)) return true;
|
|
198
|
-
// 数字最前方不允许出现连续的两个 0
|
|
199
|
-
if (number.slice(0, 2) === "00") return false;
|
|
200
|
-
// 不能出现空格
|
|
201
|
-
if (number.match(/\s/g)) return false;
|
|
202
|
-
// 只能出现一个点(.)
|
|
203
|
-
if (number.match(/\./g)?.length > 1) return false;
|
|
204
|
-
// 只能出现一个e(e)
|
|
205
|
-
if (number.match(/e/g)?.length > 1) return false;
|
|
206
|
-
// 只能出现一个负号(-)或 一个正号(+),并且在第一个位置;但允许 3e+10 这种形式
|
|
207
|
-
const tmpNumber = number.slice(1);
|
|
208
|
-
const tmpMatched = tmpNumber.match(/(\+|-)/g);
|
|
209
|
-
if (tmpMatched && (!/e(\+|-)/i.test(tmpNumber) || tmpMatched.length > 1)) return false;
|
|
210
|
-
// 允许输入数字字符
|
|
211
|
-
const isNumber = (largeNumber && isInputNumber(number)) || !Number.isNaN(Number(number));
|
|
212
|
-
if (!isNumber && !specialCode.includes(number.slice(-1))) return false;
|
|
213
|
-
if (/e/i.test(number) && (!/\de/i.test(number) || /e\./.test(number))) return false;
|
|
214
|
-
return true;
|
|
215
|
-
}
|
|
216
|
-
|
|
217
|
-
/**
|
|
218
|
-
* 是否允许设置组件新值,触发 onChange 事件
|
|
219
|
-
*/
|
|
220
|
-
export function canSetValue(number: string, lastNumber: number) {
|
|
221
|
-
return parseFloat(number) !== lastNumber && !Number.isNaN(Number(number));
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
/**
|
|
225
|
-
* 1. 格式化未输入完成的数字,如:如:2e/2+/2.等
|
|
226
|
-
* 2. 处理小数点 decimalPlaces
|
|
227
|
-
* 3. 格式化大数字 formatENumber
|
|
228
|
-
*/
|
|
229
|
-
export function formatUnCompleteNumber(
|
|
230
|
-
number: string,
|
|
231
|
-
extra: {
|
|
232
|
-
decimalPlaces?: InputNumberDecimalPlaces;
|
|
233
|
-
largeNumber?: boolean;
|
|
234
|
-
isToFixed?: boolean;
|
|
235
|
-
} = {}
|
|
236
|
-
): number | string {
|
|
237
|
-
if (["", null, undefined].includes(number) || !/\d+/.test(number)) return undefined;
|
|
238
|
-
const { decimalPlaces, largeNumber, isToFixed } = extra;
|
|
239
|
-
let newNumber = number.replace(/[.|+|\-|e]$/, "");
|
|
240
|
-
if (largeNumber) {
|
|
241
|
-
newNumber = formatENumber(newNumber);
|
|
242
|
-
}
|
|
243
|
-
if (decimalPlaces !== undefined) {
|
|
244
|
-
newNumber = largeNumberToFixed(newNumber, decimalPlaces, largeNumber);
|
|
245
|
-
}
|
|
246
|
-
if (largeNumber) return newNumber;
|
|
247
|
-
return isToFixed ? newNumber : parseFloat(newNumber);
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
/**
|
|
251
|
-
* 对千分位进行处理 111,111,222 -> 111111222
|
|
252
|
-
*/
|
|
253
|
-
export function formatThousandths(number: string) {
|
|
254
|
-
const thousandthsRegExp = /^[-+]?\d{1,3}(,\d{3})*(\.(\d*))?$/;
|
|
255
|
-
if (thousandthsRegExp.test(number)) return number.replace(/,/g, "");
|
|
256
|
-
return number;
|
|
257
|
-
}
|
|
1
|
+
import { isUndefined, isString, isNumber } from "lodash-es";
|
|
2
|
+
/** 普通数相关方法 */
|
|
3
|
+
import {
|
|
4
|
+
compareNumber,
|
|
5
|
+
formatENumber,
|
|
6
|
+
largeNumberToFixed,
|
|
7
|
+
isInputNumber,
|
|
8
|
+
largeNumberAdd,
|
|
9
|
+
largeNumberSubtract
|
|
10
|
+
} from "./large-number";
|
|
11
|
+
import log from "../log";
|
|
12
|
+
import type { InputNumberDecimalPlaces } from "./large-number";
|
|
13
|
+
|
|
14
|
+
export * from "./large-number";
|
|
15
|
+
|
|
16
|
+
export type NumberType = number | string;
|
|
17
|
+
|
|
18
|
+
// 小于最大值,才允许继续添加
|
|
19
|
+
export function canAddNumber(num: NumberType, max: NumberType, largeNumber = false): boolean {
|
|
20
|
+
if (!num && num !== 0) return true;
|
|
21
|
+
if (largeNumber && isString(num)) {
|
|
22
|
+
return compareNumber(num, max, largeNumber) < 0;
|
|
23
|
+
}
|
|
24
|
+
return num < max;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
// 大于最小值,才允许继续减少
|
|
28
|
+
export function canReduceNumber(num: NumberType, min: NumberType, largeNumber = false): boolean {
|
|
29
|
+
if (!num && num !== 0) return true;
|
|
30
|
+
if (largeNumber && isString(num)) {
|
|
31
|
+
return compareNumber(num, min, largeNumber) > 0;
|
|
32
|
+
}
|
|
33
|
+
return num > min;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* 将数字控制在 max 和 min 之间
|
|
38
|
+
*/
|
|
39
|
+
export function putInRangeNumber(
|
|
40
|
+
val: NumberType,
|
|
41
|
+
params: {
|
|
42
|
+
max?: NumberType;
|
|
43
|
+
min?: NumberType;
|
|
44
|
+
lastValue?: NumberType;
|
|
45
|
+
largeNumber?: boolean;
|
|
46
|
+
}
|
|
47
|
+
) {
|
|
48
|
+
if (val === "") return undefined;
|
|
49
|
+
const { max, min, lastValue, largeNumber } = params;
|
|
50
|
+
if (!isInputNumber(val)) return lastValue;
|
|
51
|
+
if (largeNumber && (isString(max) || max === Infinity) && (isString(min) || min === -Infinity)) {
|
|
52
|
+
if (compareNumber(max, val, largeNumber) < 0) return max;
|
|
53
|
+
if (compareNumber(min, val, largeNumber) > 0) return min;
|
|
54
|
+
return val;
|
|
55
|
+
}
|
|
56
|
+
return Math.max(Number(min), Math.min(Number(max), Number(val)));
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* 仅支持正数,小数加法精度处理,小数部分和整数部分分开处理
|
|
61
|
+
*/
|
|
62
|
+
export function positiveAdd(num1: number, num2: number): number {
|
|
63
|
+
if (!num1 || !num2) return (num1 || 0) + (num2 || 0);
|
|
64
|
+
const r1 = num1.toString().split(".")[1]?.length || 0;
|
|
65
|
+
const r2 = num2.toString().split(".")[1]?.length || 0;
|
|
66
|
+
// 整数不存在精度问题,直接返回
|
|
67
|
+
if (!r1 && !r2) return num1 + num2;
|
|
68
|
+
let newNumber1 = num1;
|
|
69
|
+
let newNumber2 = num2;
|
|
70
|
+
const diff = Math.abs(r1 - r2);
|
|
71
|
+
const digit = 10 ** Math.max(r1, r2);
|
|
72
|
+
if (diff > 0) {
|
|
73
|
+
const cm = 10 ** diff;
|
|
74
|
+
if (r1 > r2) {
|
|
75
|
+
newNumber1 = Number(num1.toString().replace(".", ""));
|
|
76
|
+
newNumber2 = Number(num2.toString().replace(".", "")) * cm;
|
|
77
|
+
} else {
|
|
78
|
+
newNumber1 = Number(num1.toString().replace(".", "")) * cm;
|
|
79
|
+
newNumber2 = Number(num2.toString().replace(".", ""));
|
|
80
|
+
}
|
|
81
|
+
} else {
|
|
82
|
+
newNumber1 = Number(num1.toString().replace(".", ""));
|
|
83
|
+
newNumber2 = Number(num2.toString().replace(".", ""));
|
|
84
|
+
}
|
|
85
|
+
return (newNumber1 + newNumber2) / digit;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
/**
|
|
89
|
+
* 正数,小数减法精度处理,小数部分和整数部分分开处理
|
|
90
|
+
*/
|
|
91
|
+
export function positiveSubtract(num1: number, num2: number): number {
|
|
92
|
+
if (!num1 || !num2) return (num1 || 0) - (num2 || 0);
|
|
93
|
+
const r1 = num1.toString().split(".")[1]?.length || 0;
|
|
94
|
+
const r2 = num2.toString().split(".")[1]?.length || 0;
|
|
95
|
+
const digit = 10 ** Math.max(r1, r2);
|
|
96
|
+
const n = r1 >= r2 ? r1 : r2;
|
|
97
|
+
return Number(((num1 * digit - num2 * digit) / digit).toFixed(n));
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
/**
|
|
101
|
+
* 支持正数、负数、小数等全部数字的加法
|
|
102
|
+
* -0.766 + 1 => 1 - 0.766
|
|
103
|
+
* -1 + (-0.766) => - (1 + 0.766)
|
|
104
|
+
* 1 + (-0.766) => 1 - 0.766
|
|
105
|
+
* 1 + 0.766 => 1 + 0.766
|
|
106
|
+
*/
|
|
107
|
+
export function add(num1: number, num2: number): number {
|
|
108
|
+
if (num1 < 0 && num2 > 0) return positiveSubtract(num2, Math.abs(num1));
|
|
109
|
+
if (num1 < 0 && num2 < 0) return positiveAdd(Math.abs(num1), Math.abs(num2)) * -1;
|
|
110
|
+
if (num1 > 0 && num2 < 0) return positiveSubtract(num1, Math.abs(num2));
|
|
111
|
+
return positiveAdd(num1, num2);
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
/**
|
|
115
|
+
* 支持正数、负数、小数等全部数字的减法
|
|
116
|
+
* -0.766 - 1 => - (1 + 0.766)
|
|
117
|
+
* -1 - (-0.766) => 0.766 - 1
|
|
118
|
+
* 1 - (-0.766) => 1 + 0.766
|
|
119
|
+
* 1 - 0.766 => 1 - 0.766
|
|
120
|
+
*/
|
|
121
|
+
export function subtract(num1: number, num2: number): number {
|
|
122
|
+
if (num1 < 0 && num2 > 0) return positiveAdd(Math.abs(num1), num2) * -1;
|
|
123
|
+
if (num1 < 0 && num2 < 0) return positiveSubtract(Math.abs(num2), Math.abs(num1));
|
|
124
|
+
if (num1 > 0 && num2 < 0) return positiveAdd(num1, Math.abs(num2));
|
|
125
|
+
return positiveSubtract(num1, num2);
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
export function getStepValue(p: {
|
|
129
|
+
op: "add" | "reduce";
|
|
130
|
+
step: NumberType;
|
|
131
|
+
max?: NumberType;
|
|
132
|
+
min?: NumberType;
|
|
133
|
+
lastValue?: NumberType;
|
|
134
|
+
largeNumber?: boolean;
|
|
135
|
+
}) {
|
|
136
|
+
const { op, step, lastValue, max, min, largeNumber } = p;
|
|
137
|
+
if (Number(step) <= 0) {
|
|
138
|
+
log.error("InputNumber", "step must be larger than 0.");
|
|
139
|
+
return lastValue;
|
|
140
|
+
}
|
|
141
|
+
const tStep = isNumber(step) ? String(step) : step;
|
|
142
|
+
let newVal;
|
|
143
|
+
if (op === "add") {
|
|
144
|
+
if (largeNumber && isString(lastValue)) {
|
|
145
|
+
newVal = largeNumberAdd(String(lastValue), String(tStep));
|
|
146
|
+
} else {
|
|
147
|
+
newVal = add(Number(lastValue || 0), Number(step));
|
|
148
|
+
}
|
|
149
|
+
} else if (op === "reduce") {
|
|
150
|
+
if (largeNumber && isString(lastValue)) {
|
|
151
|
+
newVal = largeNumberSubtract(String(lastValue), String(tStep));
|
|
152
|
+
} else {
|
|
153
|
+
newVal = subtract(Number(lastValue || 0), Number(step));
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
if (isUndefined(lastValue)) {
|
|
157
|
+
newVal = putInRangeNumber(newVal, { max, min, lastValue, largeNumber });
|
|
158
|
+
}
|
|
159
|
+
return largeNumber ? newVal : Number(newVal);
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
export type InputNumberErrorType = "exceed-maximum" | "below-minimum" | undefined;
|
|
163
|
+
|
|
164
|
+
/**
|
|
165
|
+
* 最大值和最小值校验
|
|
166
|
+
*/
|
|
167
|
+
export function getMaxOrMinValidateResult(p: {
|
|
168
|
+
largeNumber: boolean;
|
|
169
|
+
value: NumberType;
|
|
170
|
+
max: NumberType;
|
|
171
|
+
min: NumberType;
|
|
172
|
+
}): InputNumberErrorType {
|
|
173
|
+
const { largeNumber, value, max, min } = p;
|
|
174
|
+
if (isUndefined(value) || isUndefined(largeNumber)) return undefined;
|
|
175
|
+
if (largeNumber && isNumber(value)) {
|
|
176
|
+
log.warn("InputNumber", "largeNumber value must be a string.");
|
|
177
|
+
}
|
|
178
|
+
let error: InputNumberErrorType;
|
|
179
|
+
if (compareNumber(value, max, largeNumber) > 0) {
|
|
180
|
+
error = "exceed-maximum";
|
|
181
|
+
} else if (compareNumber(value, min, largeNumber) < 0) {
|
|
182
|
+
error = "below-minimum";
|
|
183
|
+
} else {
|
|
184
|
+
error = undefined;
|
|
185
|
+
}
|
|
186
|
+
return error;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
export const specialCode = ["-", ".", "e", "E", "+"];
|
|
190
|
+
|
|
191
|
+
/**
|
|
192
|
+
* 是否允许输入当前字符,输入字符校验
|
|
193
|
+
* 1.23E+08 就表示 1.23 乘 10 的 8 次方
|
|
194
|
+
* 2e3 表示 2 乘 10 的 3 次方
|
|
195
|
+
*/
|
|
196
|
+
export function canInputNumber(number: string | undefined | null, largeNumber?: boolean) {
|
|
197
|
+
if (["", null, undefined].includes(number)) return true;
|
|
198
|
+
// 数字最前方不允许出现连续的两个 0
|
|
199
|
+
if (number.slice(0, 2) === "00") return false;
|
|
200
|
+
// 不能出现空格
|
|
201
|
+
if (number.match(/\s/g)) return false;
|
|
202
|
+
// 只能出现一个点(.)
|
|
203
|
+
if (number.match(/\./g)?.length > 1) return false;
|
|
204
|
+
// 只能出现一个e(e)
|
|
205
|
+
if (number.match(/e/g)?.length > 1) return false;
|
|
206
|
+
// 只能出现一个负号(-)或 一个正号(+),并且在第一个位置;但允许 3e+10 这种形式
|
|
207
|
+
const tmpNumber = number.slice(1);
|
|
208
|
+
const tmpMatched = tmpNumber.match(/(\+|-)/g);
|
|
209
|
+
if (tmpMatched && (!/e(\+|-)/i.test(tmpNumber) || tmpMatched.length > 1)) return false;
|
|
210
|
+
// 允许输入数字字符
|
|
211
|
+
const isNumber = (largeNumber && isInputNumber(number)) || !Number.isNaN(Number(number));
|
|
212
|
+
if (!isNumber && !specialCode.includes(number.slice(-1))) return false;
|
|
213
|
+
if (/e/i.test(number) && (!/\de/i.test(number) || /e\./.test(number))) return false;
|
|
214
|
+
return true;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
/**
|
|
218
|
+
* 是否允许设置组件新值,触发 onChange 事件
|
|
219
|
+
*/
|
|
220
|
+
export function canSetValue(number: string, lastNumber: number) {
|
|
221
|
+
return parseFloat(number) !== lastNumber && !Number.isNaN(Number(number));
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
/**
|
|
225
|
+
* 1. 格式化未输入完成的数字,如:如:2e/2+/2.等
|
|
226
|
+
* 2. 处理小数点 decimalPlaces
|
|
227
|
+
* 3. 格式化大数字 formatENumber
|
|
228
|
+
*/
|
|
229
|
+
export function formatUnCompleteNumber(
|
|
230
|
+
number: string,
|
|
231
|
+
extra: {
|
|
232
|
+
decimalPlaces?: InputNumberDecimalPlaces;
|
|
233
|
+
largeNumber?: boolean;
|
|
234
|
+
isToFixed?: boolean;
|
|
235
|
+
} = {}
|
|
236
|
+
): number | string {
|
|
237
|
+
if (["", null, undefined].includes(number) || !/\d+/.test(number)) return undefined;
|
|
238
|
+
const { decimalPlaces, largeNumber, isToFixed } = extra;
|
|
239
|
+
let newNumber = number.replace(/[.|+|\-|e]$/, "");
|
|
240
|
+
if (largeNumber) {
|
|
241
|
+
newNumber = formatENumber(newNumber);
|
|
242
|
+
}
|
|
243
|
+
if (decimalPlaces !== undefined) {
|
|
244
|
+
newNumber = largeNumberToFixed(newNumber, decimalPlaces, largeNumber);
|
|
245
|
+
}
|
|
246
|
+
if (largeNumber) return newNumber;
|
|
247
|
+
return isToFixed ? newNumber : parseFloat(newNumber);
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
/**
|
|
251
|
+
* 对千分位进行处理 111,111,222 -> 111111222
|
|
252
|
+
*/
|
|
253
|
+
export function formatThousandths(number: string) {
|
|
254
|
+
const thousandthsRegExp = /^[-+]?\d{1,3}(,\d{3})*(\.(\d*))?$/;
|
|
255
|
+
if (thousandthsRegExp.test(number)) return number.replace(/,/g, "");
|
|
256
|
+
return number;
|
|
257
|
+
}
|
package/utils/log/index.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import log from "./log";
|
|
2
|
-
|
|
3
|
-
export default log;
|
|
1
|
+
import log from "./log";
|
|
2
|
+
|
|
3
|
+
export default log;
|
package/utils/log/log.ts
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import { Log } from "./types";
|
|
2
|
-
|
|
3
|
-
const logSet = new Set();
|
|
4
|
-
|
|
5
|
-
const log: Log = {
|
|
6
|
-
warn(componentName, message): void {
|
|
7
|
-
console.warn(`TDesign ${componentName} Warn: ${message}`);
|
|
8
|
-
},
|
|
9
|
-
warnOnce(componentName, message): void {
|
|
10
|
-
const msgContent = `TDesign ${componentName} Warn: ${message}`;
|
|
11
|
-
if (logSet.has(msgContent)) return;
|
|
12
|
-
logSet.add(msgContent);
|
|
13
|
-
console.warn(msgContent);
|
|
14
|
-
},
|
|
15
|
-
error(componentName, message): void {
|
|
16
|
-
console.error(`TDesign ${componentName} Error: ${message}`);
|
|
17
|
-
},
|
|
18
|
-
errorOnce(componentName, message): void {
|
|
19
|
-
const msgContent = `TDesign ${componentName} Error: ${message}`;
|
|
20
|
-
if (logSet.has(msgContent)) return;
|
|
21
|
-
logSet.add(msgContent);
|
|
22
|
-
console.error(msgContent);
|
|
23
|
-
},
|
|
24
|
-
info(componentName, message): void {
|
|
25
|
-
console.info(`TDesign ${componentName} Info: ${message}`);
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
export default log;
|
|
1
|
+
import { Log } from "./types";
|
|
2
|
+
|
|
3
|
+
const logSet = new Set();
|
|
4
|
+
|
|
5
|
+
const log: Log = {
|
|
6
|
+
warn(componentName, message): void {
|
|
7
|
+
console.warn(`TDesign ${componentName} Warn: ${message}`);
|
|
8
|
+
},
|
|
9
|
+
warnOnce(componentName, message): void {
|
|
10
|
+
const msgContent = `TDesign ${componentName} Warn: ${message}`;
|
|
11
|
+
if (logSet.has(msgContent)) return;
|
|
12
|
+
logSet.add(msgContent);
|
|
13
|
+
console.warn(msgContent);
|
|
14
|
+
},
|
|
15
|
+
error(componentName, message): void {
|
|
16
|
+
console.error(`TDesign ${componentName} Error: ${message}`);
|
|
17
|
+
},
|
|
18
|
+
errorOnce(componentName, message): void {
|
|
19
|
+
const msgContent = `TDesign ${componentName} Error: ${message}`;
|
|
20
|
+
if (logSet.has(msgContent)) return;
|
|
21
|
+
logSet.add(msgContent);
|
|
22
|
+
console.error(msgContent);
|
|
23
|
+
},
|
|
24
|
+
info(componentName, message): void {
|
|
25
|
+
console.info(`TDesign ${componentName} Info: ${message}`);
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export default log;
|
package/utils/log/types.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export type LogFunction = (componentName: string, message: string) => void;
|
|
2
|
-
|
|
3
|
-
export interface Log {
|
|
4
|
-
warn: LogFunction;
|
|
5
|
-
warnOnce: LogFunction;
|
|
6
|
-
error: LogFunction;
|
|
7
|
-
errorOnce: LogFunction;
|
|
8
|
-
info: LogFunction;
|
|
9
|
-
}
|
|
1
|
+
export type LogFunction = (componentName: string, message: string) => void;
|
|
2
|
+
|
|
3
|
+
export interface Log {
|
|
4
|
+
warn: LogFunction;
|
|
5
|
+
warnOnce: LogFunction;
|
|
6
|
+
error: LogFunction;
|
|
7
|
+
errorOnce: LogFunction;
|
|
8
|
+
info: LogFunction;
|
|
9
|
+
}
|