@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/styles/components/checkbox/_var.scss CHANGED
@@ -1,59 +1,59 @@
1
- @use "../../_vars.scss" as *;
2
- // 组件变量
3
- // 名称可按如下规则定义//
4
- // <component>-[type]-[attrtype]-<attr>-[status]
5
-
6
- // component:组件名，如button//
7
- // type: 组件类型，如 button 的次要按钮（line//
8
- // attrtype: 属性的具体应用场景。如颜色，用于背景（bg）、文本（text）、边框（border）等
9
- // attr: 属性名称，如color、height、radius//
10
- // status: 表示组件状态或尺寸，如 hover、disabled、s、l
11
-
12
- // 如：$button-line-bg-color-hover
13
- // 如：$button-line-height-s
14
-
15
- $checkbox-cls: "#{$prefix}-checkbox";
16
-
17
- // 颜色
18
- $checkbox-border-color: $border-level-2-color;
19
- $checkbox-border-color-checked: $brand-color;
20
- $checkbox-border-color-hover: $brand-color;
21
-
22
- $checkbox-input-color: $bg-color-container;
23
- $checkbox-input-color-checked: $brand-color;
24
- $checkbox-input-color-disabled: $bg-color-component-disabled;
25
-
26
- $checkbox-check-color: $text-color-anti;
27
- $checkbox-check-color-disabled: $text-color-disabled;
28
- // 图标禁止选中状态下时icon的色值变量
29
- $checkbox-check-icon-disabled-color: $text-color-disabled;
30
-
31
- $checkbox-input-color-indeterminate: $brand-color;
32
- $checkbox-indeterminate-color-disabled: $text-color-disabled;
33
-
34
- $checkbox-label-color: $text-color-primary;
35
-
36
- // 尺寸
37
- $checkbox-size: 16px;
38
- $checkbox-border-radius: $border-radius-default;
39
- $checkbox-margin-right: $comp-margin-s;
40
-
41
- $checkbox-check-width: 5px;
42
- $checkbox-check-height: 9px;
43
- $checkbox-check-size: (($checkbox-check-width + $checkbox-check-height) / sqrt(2));
44
- $checkbox-check-left: 3px;
45
-
46
- $checkbox-indeterminate-width: 16px;
47
- $checkbox-indeterminate-height: 4px;
48
- $checkbox-indeterminate-color: $font-white-1;
49
-
50
- // 字号
51
- $checkbox-font: $font-body-medium;
52
-
53
- // padding
54
- $checkbox-input-label-spacer: $spacer;
55
-
56
- // 组合复选框间距
57
- $checkbox-group-gap: $spacer-2;
58
- // 单个复选框margin
59
- $checkbox-margin: inherit;
1
+ @use "../../_vars.scss" as *;
2
+ // 组件变量
3
+ // 名称可按如下规则定义//
4
+ // <component>-[type]-[attrtype]-<attr>-[status]
5
+
6
+ // component:组件名，如button//
7
+ // type: 组件类型，如 button 的次要按钮（line//
8
+ // attrtype: 属性的具体应用场景。如颜色，用于背景（bg）、文本（text）、边框（border）等
9
+ // attr: 属性名称，如color、height、radius//
10
+ // status: 表示组件状态或尺寸，如 hover、disabled、s、l
11
+
12
+ // 如：$button-line-bg-color-hover
13
+ // 如：$button-line-height-s
14
+
15
+ $checkbox-cls: "#{$prefix}-checkbox";
16
+
17
+ // 颜色
18
+ $checkbox-border-color: $border-level-2-color;
19
+ $checkbox-border-color-checked: $brand-color;
20
+ $checkbox-border-color-hover: $brand-color;
21
+
22
+ $checkbox-input-color: $bg-color-container;
23
+ $checkbox-input-color-checked: $brand-color;
24
+ $checkbox-input-color-disabled: $bg-color-component-disabled;
25
+
26
+ $checkbox-check-color: $text-color-anti;
27
+ $checkbox-check-color-disabled: $text-color-disabled;
28
+ // 图标禁止选中状态下时icon的色值变量
29
+ $checkbox-check-icon-disabled-color: $text-color-disabled;
30
+
31
+ $checkbox-input-color-indeterminate: $brand-color;
32
+ $checkbox-indeterminate-color-disabled: $text-color-disabled;
33
+
34
+ $checkbox-label-color: $text-color-primary;
35
+
36
+ // 尺寸
37
+ $checkbox-size: 16px;
38
+ $checkbox-border-radius: $border-radius-default;
39
+ $checkbox-margin-right: $comp-margin-s;
40
+
41
+ $checkbox-check-width: 5px;
42
+ $checkbox-check-height: 9px;
43
+ $checkbox-check-size: (($checkbox-check-width + $checkbox-check-height) / sqrt(2));
44
+ $checkbox-check-left: 3px;
45
+
46
+ $checkbox-indeterminate-width: 16px;
47
+ $checkbox-indeterminate-height: 4px;
48
+ $checkbox-indeterminate-color: $font-white-1;
49
+
50
+ // 字号
51
+ $checkbox-font: $font-body-medium;
52
+
53
+ // padding
54
+ $checkbox-input-label-spacer: $spacer;
55
+
56
+ // 组合复选框间距
57
+ $checkbox-group-gap: $spacer-2;
58
+ // 单个复选框margin
59
+ $checkbox-margin: inherit;