@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.
Files changed (142) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +176 -176
  3. package/button/_example/ghost.tsx +2 -5
  4. package/color-picker/utils/color-picker/cmyk.ts +89 -89
  5. package/color-picker/utils/color-picker/color.ts +467 -467
  6. package/color-picker/utils/color-picker/constants.ts +187 -187
  7. package/color-picker/utils/color-picker/draggable.ts +99 -99
  8. package/color-picker/utils/color-picker/format.ts +90 -90
  9. package/color-picker/utils/color-picker/gradient.ts +237 -237
  10. package/color-picker/utils/color-picker/index.ts +7 -7
  11. package/color-picker/utils/color-picker/types.ts +33 -33
  12. package/dialog/hooks/useDialogPosition.ts +35 -35
  13. package/form/type.ts +519 -519
  14. package/global-config/default-config.ts +95 -95
  15. package/global-config/locale/ar_KW.ts +259 -259
  16. package/global-config/locale/en_US.ts +265 -265
  17. package/global-config/locale/it_IT.ts +264 -264
  18. package/global-config/locale/ja_JP.ts +264 -264
  19. package/global-config/locale/ko_KR.ts +264 -264
  20. package/global-config/locale/ru_RU.ts +277 -277
  21. package/global-config/locale/zh_CN.ts +265 -265
  22. package/global-config/locale/zh_TW.ts +265 -265
  23. package/global-config/mobile/default-config.ts +6 -6
  24. package/global-config/mobile/locale/ar_KW.ts +112 -112
  25. package/global-config/mobile/locale/en_US.ts +113 -113
  26. package/global-config/mobile/locale/it_IT.ts +113 -113
  27. package/global-config/mobile/locale/ja_JP.ts +100 -100
  28. package/global-config/mobile/locale/ko_KR.ts +100 -100
  29. package/global-config/mobile/locale/ru_RU.ts +112 -112
  30. package/global-config/mobile/locale/zh_CN.ts +100 -100
  31. package/global-config/mobile/locale/zh_TW.ts +100 -100
  32. package/global-config/t.ts +111 -111
  33. package/input-number/InputNumber.tsx +124 -124
  34. package/input-number/defaultProps.ts +17 -17
  35. package/input-number/index.ts +9 -9
  36. package/input-number/style/css.js +1 -1
  37. package/input-number/style/index.js +1 -1
  38. package/input-number/useInputNumber.tsx +270 -270
  39. package/list/ListItem.tsx +36 -36
  40. package/list/ListItemMeta.tsx +40 -40
  41. package/list/defaultProps.ts +11 -11
  42. package/list/hooks/useListVirtualScroll.ts +82 -82
  43. package/list/style/css.js +1 -1
  44. package/list/style/index.js +1 -1
  45. package/locale/LocalReceiver.ts +55 -55
  46. package/locale/ar_KW.ts +7 -7
  47. package/locale/en_US.ts +7 -7
  48. package/locale/it_IT.ts +6 -6
  49. package/locale/ja_JP.ts +6 -6
  50. package/locale/ko_KR.ts +6 -6
  51. package/locale/ru_RU.ts +6 -6
  52. package/locale/zh_CN.ts +5 -5
  53. package/locale/zh_TW.ts +7 -7
  54. package/package.json +2 -2
  55. package/radio/_example/default.tsx +2 -2
  56. package/select/type.ts +382 -382
  57. package/select-input/type.ts +280 -280
  58. package/slider/SliderHandleButton.tsx +50 -50
  59. package/slider/defaultProps.ts +15 -15
  60. package/slider/style/css.js +1 -1
  61. package/slider/style/index.js +1 -1
  62. package/styles/_global.scss +40 -40
  63. package/styles/_vars.scss +374 -374
  64. package/styles/components/alert/_index.scss +175 -175
  65. package/styles/components/alert/_vars.scss +41 -41
  66. package/styles/components/badge/_index.scss +71 -71
  67. package/styles/components/badge/_vars.scss +26 -26
  68. package/styles/components/button/_index.scss +499 -499
  69. package/styles/components/button/_mixins.scss +40 -40
  70. package/styles/components/button/_vars.scss +121 -121
  71. package/styles/components/checkbox/_index.scss +158 -158
  72. package/styles/components/checkbox/_var.scss +59 -59
  73. package/styles/components/color-picker/_index.scss +586 -586
  74. package/styles/components/color-picker/_vars.scss +79 -79
  75. package/styles/components/dialog/_animate.scss +133 -133
  76. package/styles/components/dialog/_index.scss +310 -310
  77. package/styles/components/dialog/_vars.scss +60 -60
  78. package/styles/components/drawer/_index.scss +206 -206
  79. package/styles/components/drawer/_var.scss +55 -55
  80. package/styles/components/fireworks/_index.scss +86 -86
  81. package/styles/components/fireworks/_vars.scss +5 -5
  82. package/styles/components/form/_index.scss +175 -175
  83. package/styles/components/form/_mixins.scss +74 -74
  84. package/styles/components/form/_vars.scss +101 -101
  85. package/styles/components/input/_index.scss +350 -350
  86. package/styles/components/input/_mixins.scss +120 -120
  87. package/styles/components/input/_vars.scss +130 -130
  88. package/styles/components/input-number/_index.scss +327 -327
  89. package/styles/components/input-number/_vars.scss +56 -56
  90. package/styles/components/ip-input/_index.scss +277 -277
  91. package/styles/components/layout/_index.scss +47 -47
  92. package/styles/components/layout/_vars.scss +19 -19
  93. package/styles/components/layout/doc.scss +74 -74
  94. package/styles/components/list/_index.scss +172 -172
  95. package/styles/components/list/_vars.scss +42 -42
  96. package/styles/components/loading/_index.scss +113 -113
  97. package/styles/components/loading/_vars.scss +40 -40
  98. package/styles/components/notification/_index.scss +140 -140
  99. package/styles/components/notification/_mixins.scss +13 -13
  100. package/styles/components/notification/_vars.scss +60 -60
  101. package/styles/components/popup/_index.scss +78 -78
  102. package/styles/components/popup/_mixin.scss +149 -149
  103. package/styles/components/popup/_vars.scss +33 -33
  104. package/styles/components/radio/_index.scss +376 -376
  105. package/styles/components/radio/_vars.scss +89 -89
  106. package/styles/components/select/_index.scss +291 -291
  107. package/styles/components/select/_var.scss +64 -64
  108. package/styles/components/select-input/_index.scss +5 -5
  109. package/styles/components/select-input/_var.scss +4 -4
  110. package/styles/components/slider/_index.scss +241 -241
  111. package/styles/components/slider/_vars.scss +51 -51
  112. package/styles/components/switch/_index.scss +175 -175
  113. package/styles/components/switch/_vars.scss +63 -63
  114. package/styles/components/table/_index.scss +194 -194
  115. package/styles/components/table/_var.scss +52 -52
  116. package/styles/components/tabs/_index.scss +165 -165
  117. package/styles/components/tabs/_mixins.scss +11 -11
  118. package/styles/components/tabs/_vars.scss +72 -72
  119. package/styles/components/tag/_index.scss +317 -317
  120. package/styles/components/tag/_var.scss +86 -86
  121. package/styles/components/tag-input/_index.scss +164 -164
  122. package/styles/components/tag-input/_vars.scss +17 -17
  123. package/styles/mixins/_focus.scss +8 -8
  124. package/styles/mixins/_layout.scss +32 -32
  125. package/styles/mixins/_reset.scss +11 -11
  126. package/styles/mixins/_scrollbar.scss +32 -32
  127. package/styles/mixins/_text.scss +50 -50
  128. package/styles/themes/_dark.scss +169 -169
  129. package/styles/themes/_font.scss +69 -69
  130. package/styles/themes/_index.scss +5 -5
  131. package/styles/themes/_light.scss +170 -170
  132. package/styles/themes/_radius.scss +9 -9
  133. package/styles/themes/_size.scss +68 -68
  134. package/styles/utilities/_animation.scss +58 -58
  135. package/styles/utilities/_tips.scss +10 -10
  136. package/switch/_example/with-label.tsx +1 -1
  137. package/utils/input-number/large-number.ts +423 -423
  138. package/utils/input-number/number.ts +257 -257
  139. package/utils/log/index.ts +3 -3
  140. package/utils/log/log.ts +29 -29
  141. package/utils/log/types.ts +9 -9
  142. 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
+ }
@@ -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;
@@ -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
+ }