@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/form/_vars.scss CHANGED
@@ -1,101 +1,101 @@
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
-
16
- $form-font: $font-body-medium;
17
- $form-item-help-font: $font-body-small;
18
-
19
- // 行高
20
- $form-item-help-line-height: $text-line-height-s;
21
-
22
- // 颜色
23
- $form-color-label: $text-color-primary;
24
- $form-color-error: $error-color;
25
- $form-color-warning: $warning-color;
26
- $form-color-success: $success-color;
27
- $form-color-extra: $text-color-placeholder;
28
-
29
- $form-color: (
30
- label: $text-color-primary,
31
- error: $error-color,
32
- warning: $warning-color,
33
- success: $success-color,
34
- extra: $text-color-placeholder
35
- );
36
- // 间距
37
- $form-item-margin-bottom: $comp-margin-xxl;
38
- $form-item-with-help-margin-bottom: $comp-margin-xs;
39
- $form-item-control-height: $comp-margin-xxxl;
40
- $form-item-row-gap: $comp-margin-l;
41
- $form-item-padding-bottom: $comp-paddingTB-xs;
42
- $form-item-margin-right-inline: $comp-margin-xxl;
43
-
44
- $form-label-line-height: $text-line-height-base;
45
- $form-label-padding-right: $comp-paddingLR-xl;
46
- $form-label-margin-left-required: $comp-margin-xs;
47
- $form-label-margin-right-required: $comp-margin-xs;
48
- $form-label-margin-colon: 0 $comp-margin-xxs;
49
- $form-status-margin: 0 $comp-margin-s;
50
- $form-status-button-margin: $comp-margin-s;
51
- $form-status-button-width: $comp-size-m;
52
- $from-help-text-margin-top: $comp-margin-xs;
53
- $form-status-icon-size: $comp-size-xxxs;
54
-
55
- // status
56
- $input-border-color-success: $success-color;
57
- $input-box-shadow-color-success-focus: $success-color-focus;
58
- $input-border-color-warning: $warning-color;
59
- $input-box-shadow-color-warning-focus: $warning-color-focus;
60
- $input-border-color-error: $error-color;
61
- $input-box-shadow-color-error-focus: $error-color-focus;
62
-
63
- $input-color: (
64
- border: (
65
- default: (
66
- hover: $brand-color,
67
- focus: $brand-color
68
- ),
69
- success: $success-color,
70
- warning: $warning-color,
71
- error: $error-color
72
- ),
73
- text: (
74
- default: $text-color-primary,
75
- success: $success-color,
76
- warning: $warning-color,
77
- error: $error-color,
78
- readonly: $text-color-primary,
79
- tips: $text-color-placeholder,
80
- disabled: $text-color-disabled
81
- ),
82
- bg-color: (
83
- default: $text-color-placeholder,
84
- readonly: $bg-color-specialcomponent,
85
- disabled: $bg-color-component-disabled
86
- ),
87
- extra: (
88
- default: $text-color-placeholder,
89
- success: $success-color,
90
- warning: $warning-color,
91
- error: $error-color
92
- ),
93
- append: $bg-color-secondarycontainer-hover,
94
- limit: $text-color-placeholder,
95
- box-shadow: (
96
- default: $brand-color-focus,
97
- success: $success-color-focus,
98
- warning: $warning-color-focus,
99
- error: $error-color-focus
100
- )
101
- );
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
+
16
+ $form-font: $font-body-medium;
17
+ $form-item-help-font: $font-body-small;
18
+
19
+ // 行高
20
+ $form-item-help-line-height: $text-line-height-s;
21
+
22
+ // 颜色
23
+ $form-color-label: $text-color-primary;
24
+ $form-color-error: $error-color;
25
+ $form-color-warning: $warning-color;
26
+ $form-color-success: $success-color;
27
+ $form-color-extra: $text-color-placeholder;
28
+
29
+ $form-color: (
30
+ label: $text-color-primary,
31
+ error: $error-color,
32
+ warning: $warning-color,
33
+ success: $success-color,
34
+ extra: $text-color-placeholder
35
+ );
36
+ // 间距
37
+ $form-item-margin-bottom: $comp-margin-xxl;
38
+ $form-item-with-help-margin-bottom: $comp-margin-xs;
39
+ $form-item-control-height: $comp-margin-xxxl;
40
+ $form-item-row-gap: $comp-margin-l;
41
+ $form-item-padding-bottom: $comp-paddingTB-xs;
42
+ $form-item-margin-right-inline: $comp-margin-xxl;
43
+
44
+ $form-label-line-height: $text-line-height-base;
45
+ $form-label-padding-right: $comp-paddingLR-xl;
46
+ $form-label-margin-left-required: $comp-margin-xs;
47
+ $form-label-margin-right-required: $comp-margin-xs;
48
+ $form-label-margin-colon: 0 $comp-margin-xxs;
49
+ $form-status-margin: 0 $comp-margin-s;
50
+ $form-status-button-margin: $comp-margin-s;
51
+ $form-status-button-width: $comp-size-m;
52
+ $from-help-text-margin-top: $comp-margin-xs;
53
+ $form-status-icon-size: $comp-size-xxxs;
54
+
55
+ // status
56
+ $input-border-color-success: $success-color;
57
+ $input-box-shadow-color-success-focus: $success-color-focus;
58
+ $input-border-color-warning: $warning-color;
59
+ $input-box-shadow-color-warning-focus: $warning-color-focus;
60
+ $input-border-color-error: $error-color;
61
+ $input-box-shadow-color-error-focus: $error-color-focus;
62
+
63
+ $input-color: (
64
+ border: (
65
+ default: (
66
+ hover: $brand-color,
67
+ focus: $brand-color
68
+ ),
69
+ success: $success-color,
70
+ warning: $warning-color,
71
+ error: $error-color
72
+ ),
73
+ text: (
74
+ default: $text-color-primary,
75
+ success: $success-color,
76
+ warning: $warning-color,
77
+ error: $error-color,
78
+ readonly: $text-color-primary,
79
+ tips: $text-color-placeholder,
80
+ disabled: $text-color-disabled
81
+ ),
82
+ bg-color: (
83
+ default: $text-color-placeholder,
84
+ readonly: $bg-color-specialcomponent,
85
+ disabled: $bg-color-component-disabled
86
+ ),
87
+ extra: (
88
+ default: $text-color-placeholder,
89
+ success: $success-color,
90
+ warning: $warning-color,
91
+ error: $error-color
92
+ ),
93
+ append: $bg-color-secondarycontainer-hover,
94
+ limit: $text-color-placeholder,
95
+ box-shadow: (
96
+ default: $brand-color-focus,
97
+ success: $success-color-focus,
98
+ warning: $warning-color-focus,
99
+ error: $error-color-focus
100
+ )
101
+ );