@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
package/utils/style.ts CHANGED
@@ -1,58 +1,58 @@
1
- import { canUseDocument } from "./dom";
2
- export const getCssVarsValue = (name: string, element?: HTMLElement) => {
3
- if (!canUseDocument) return;
4
-
5
- const el = element || document.documentElement;
6
- return getComputedStyle(el).getPropertyValue(name);
7
- };
8
-
9
- const trim = (str: string): string => (str || "").replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, "");
10
-
11
- export function hasClass(el: Element, cls: string) {
12
- if (!el || !cls) return false;
13
- if (cls.indexOf(" ") !== -1) throw new Error("className should not contain space.");
14
- if (el.classList) {
15
- return el.classList.contains(cls);
16
- }
17
- return ` ${el.className} `.indexOf(` ${cls} `) > -1;
18
- }
19
-
20
- export const addClass = function (el: Element, cls: string) {
21
- if (!el) return;
22
- let curClass = el.className;
23
- const classes = (cls || "").split(" ");
24
-
25
- for (let i = 0, j = classes.length; i < j; i++) {
26
- const clsName = classes[i];
27
- if (!clsName) continue;
28
-
29
- if (el.classList) {
30
- el.classList.add(clsName);
31
- } else if (!hasClass(el, clsName)) {
32
- curClass += ` ${clsName}`;
33
- }
34
- }
35
- if (!el.classList) {
36
- el.className = curClass;
37
- }
38
- };
39
-
40
- export const removeClass = function (el: Element, cls: string) {
41
- if (!el || !cls) return;
42
- const classes = cls.split(" ");
43
- let curClass = ` ${el.className} `;
44
-
45
- for (let i = 0, j = classes.length; i < j; i++) {
46
- const clsName = classes[i];
47
- if (!clsName) continue;
48
-
49
- if (el.classList) {
50
- el.classList.remove(clsName);
51
- } else if (hasClass(el, clsName)) {
52
- curClass = curClass.replace(` ${clsName} `, " ");
53
- }
54
- }
55
- if (!el.classList) {
56
- el.className = trim(curClass);
57
- }
58
- };
1
+ import { canUseDocument } from "./dom";
2
+ export const getCssVarsValue = (name: string, element?: HTMLElement) => {
3
+ if (!canUseDocument) return;
4
+
5
+ const el = element || document.documentElement;
6
+ return getComputedStyle(el).getPropertyValue(name);
7
+ };
8
+
9
+ const trim = (str: string): string => (str || "").replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, "");
10
+
11
+ export function hasClass(el: Element, cls: string) {
12
+ if (!el || !cls) return false;
13
+ if (cls.indexOf(" ") !== -1) throw new Error("className should not contain space.");
14
+ if (el.classList) {
15
+ return el.classList.contains(cls);
16
+ }
17
+ return ` ${el.className} `.indexOf(` ${cls} `) > -1;
18
+ }
19
+
20
+ export const addClass = function (el: Element, cls: string) {
21
+ if (!el) return;
22
+ let curClass = el.className;
23
+ const classes = (cls || "").split(" ");
24
+
25
+ for (let i = 0, j = classes.length; i < j; i++) {
26
+ const clsName = classes[i];
27
+ if (!clsName) continue;
28
+
29
+ if (el.classList) {
30
+ el.classList.add(clsName);
31
+ } else if (!hasClass(el, clsName)) {
32
+ curClass += ` ${clsName}`;
33
+ }
34
+ }
35
+ if (!el.classList) {
36
+ el.className = curClass;
37
+ }
38
+ };
39
+
40
+ export const removeClass = function (el: Element, cls: string) {
41
+ if (!el || !cls) return;
42
+ const classes = cls.split(" ");
43
+ let curClass = ` ${el.className} `;
44
+
45
+ for (let i = 0, j = classes.length; i < j; i++) {
46
+ const clsName = classes[i];
47
+ if (!clsName) continue;
48
+
49
+ if (el.classList) {
50
+ el.classList.remove(clsName);
51
+ } else if (hasClass(el, clsName)) {
52
+ curClass = curClass.replace(` ${clsName} `, " ");
53
+ }
54
+ }
55
+ if (!el.classList) {
56
+ el.className = trim(curClass);
57
+ }
58
+ };