@aloudata/aloudata-design 1.10.13 → 2.0.0-beta.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 (195) hide show
  1. package/dist/Button/index.d.ts +3 -4
  2. package/dist/Button/index.js +7 -20
  3. package/dist/Button/style/size.less +21 -8
  4. package/dist/Button/style/type.less +61 -33
  5. package/dist/Button/style/variables.less +229 -44
  6. package/dist/Checkbox/style/index.less +111 -114
  7. package/dist/Dropdown/index.d.ts +1 -2
  8. package/dist/Dropdown/style/index.less +70 -107
  9. package/dist/Icon/components/AlertTriangleDuotone.d.ts +1 -1
  10. package/dist/Icon/components/AlertTriangleLine.d.ts +11 -0
  11. package/dist/Icon/components/AlertTriangleLine.js +35 -0
  12. package/dist/Icon/components/ArrowDownFill.d.ts +11 -0
  13. package/dist/Icon/components/ArrowDownFill.js +35 -0
  14. package/dist/Icon/components/AttentionCircleFill.d.ts +11 -0
  15. package/dist/Icon/components/AttentionCircleFill.js +35 -0
  16. package/dist/Icon/components/AttentionTriangleFill.d.ts +11 -0
  17. package/dist/Icon/components/AttentionTriangleFill.js +35 -0
  18. package/dist/Icon/components/AttentionTriangleLightLine.d.ts +11 -0
  19. package/dist/Icon/components/AttentionTriangleLightLine.js +35 -0
  20. package/dist/Icon/components/CancelCircleDuotone.d.ts +1 -1
  21. package/dist/Icon/components/CheckCircleDuotone.d.ts +1 -1
  22. package/dist/Icon/components/CheckCircleFill.d.ts +11 -0
  23. package/dist/Icon/components/CheckCircleFill.js +35 -0
  24. package/dist/Icon/components/CheckCircleLightLine.d.ts +11 -0
  25. package/dist/Icon/components/CheckCircleLightLine.js +38 -0
  26. package/dist/Icon/components/CheckLightLine.d.ts +11 -0
  27. package/dist/Icon/components/CheckLightLine.js +35 -0
  28. package/dist/Icon/components/ChevronDownLine.d.ts +1 -1
  29. package/dist/Icon/components/ChevronLeftLine.d.ts +1 -1
  30. package/dist/Icon/components/ChevronRightLine.d.ts +1 -1
  31. package/dist/Icon/components/CircleLightLine.d.ts +11 -0
  32. package/dist/Icon/components/CircleLightLine.js +38 -0
  33. package/dist/Icon/components/CloseCircleFill.d.ts +11 -0
  34. package/dist/Icon/components/CloseCircleFill.js +35 -0
  35. package/dist/Icon/components/CloseLLine.d.ts +1 -1
  36. package/dist/Icon/components/CloseLightLine.d.ts +11 -0
  37. package/dist/Icon/components/CloseLightLine.js +35 -0
  38. package/dist/Icon/components/CloseMLine.d.ts +1 -1
  39. package/dist/Icon/components/DragLine.d.ts +1 -1
  40. package/dist/Icon/components/Ellipsis.d.ts +11 -0
  41. package/dist/Icon/components/Ellipsis.js +35 -0
  42. package/dist/Icon/components/EyeOffLine.d.ts +1 -1
  43. package/dist/Icon/components/EyeOnLine.d.ts +1 -1
  44. package/dist/Icon/components/FoldDownFill.d.ts +1 -1
  45. package/dist/Icon/components/FoldUpFill.d.ts +1 -1
  46. package/dist/Icon/components/InfoCircleDuotone.d.ts +1 -1
  47. package/dist/Icon/components/InfoCircleLine.d.ts +1 -1
  48. package/dist/Icon/components/InformationCircleFill.d.ts +11 -0
  49. package/dist/Icon/components/InformationCircleFill.js +35 -0
  50. package/dist/Icon/components/InformationCircleLightLine.d.ts +11 -0
  51. package/dist/Icon/components/InformationCircleLightLine.js +38 -0
  52. package/dist/Icon/components/Loading2Line.d.ts +1 -1
  53. package/dist/Icon/components/LoadingDuotone.d.ts +11 -0
  54. package/dist/Icon/components/LoadingDuotone.js +39 -0
  55. package/dist/Icon/components/LoadingLine.d.ts +1 -1
  56. package/dist/Icon/components/MoreVerticalLine.d.ts +1 -1
  57. package/dist/Icon/components/SearchLine.d.ts +1 -1
  58. package/dist/Icon/components/TriangleLightLine.d.ts +11 -0
  59. package/dist/Icon/components/TriangleLightLine.js +35 -0
  60. package/dist/Icon/index.d.ts +16 -3
  61. package/dist/Icon/index.js +16 -2
  62. package/dist/Icon/svg/Loading-duotone.svg +6 -0
  63. package/dist/Icon/svg/alert-triangle-duotone.svg +3 -1
  64. package/dist/Icon/svg/alert-triangle-line.svg +5 -0
  65. package/dist/Icon/svg/arrow-down-fill.svg +5 -0
  66. package/dist/Icon/svg/attention-circle-fill.svg +5 -0
  67. package/dist/Icon/svg/attention-triangle-fill.svg +5 -0
  68. package/dist/Icon/svg/attention-triangle-light-line.svg +5 -0
  69. package/dist/Icon/svg/cancel-circle-duotone.svg +7 -3
  70. package/dist/Icon/svg/check-circle-duotone.svg +6 -2
  71. package/dist/Icon/svg/check-circle-fill.svg +5 -0
  72. package/dist/Icon/svg/check-circle-light-line.svg +8 -0
  73. package/dist/Icon/svg/check-light-line.svg +5 -0
  74. package/dist/Icon/svg/chevron-down-line.svg +6 -4
  75. package/dist/Icon/svg/chevron-left-line.svg +6 -4
  76. package/dist/Icon/svg/chevron-right-line.svg +6 -4
  77. package/dist/Icon/svg/circle-light-line.svg +9 -0
  78. package/dist/Icon/svg/close-L-line.svg +11 -9
  79. package/dist/Icon/svg/close-circle-fill.svg +5 -0
  80. package/dist/Icon/svg/close-light-line.svg +5 -0
  81. package/dist/Icon/svg/close-m-line.svg +6 -4
  82. package/dist/Icon/svg/drag-line.svg +6 -4
  83. package/dist/Icon/svg/ellipsis.svg +5 -0
  84. package/dist/Icon/svg/eye-off-line.svg +6 -4
  85. package/dist/Icon/svg/eye-on-line.svg +14 -8
  86. package/dist/Icon/svg/fold-down-fill.svg +7 -6
  87. package/dist/Icon/svg/fold-up-fill.svg +7 -6
  88. package/dist/Icon/svg/info-circle-duotone.svg +4 -2
  89. package/dist/Icon/svg/info-circle-line.svg +3 -1
  90. package/dist/Icon/svg/information-circle-fill.svg +5 -0
  91. package/dist/Icon/svg/information-circle-light-line.svg +9 -0
  92. package/dist/Icon/svg/loading-2-line.svg +4 -2
  93. package/dist/Icon/svg/loading-line.svg +6 -4
  94. package/dist/Icon/svg/more-vertical-line.svg +6 -4
  95. package/dist/Icon/svg/search-line.svg +6 -4
  96. package/dist/Icon/svg/triangle-light-line.svg +5 -0
  97. package/dist/IconButton/index.d.ts +2 -2
  98. package/dist/IconButton/index.js +8 -19
  99. package/dist/IconButton/style/index.less +49 -25
  100. package/dist/Input/components/Input/index.js +18 -2
  101. package/dist/Input/components/Password/index.d.ts +0 -5
  102. package/dist/Input/components/Password/index.js +10 -10
  103. package/dist/Input/components/TextArea/index.js +15 -2
  104. package/dist/Input/index.d.ts +2 -5
  105. package/dist/Input/index.js +1 -3
  106. package/dist/Input/style/index.less +4 -565
  107. package/dist/Input/style/reset.less +22 -0
  108. package/dist/Input/style/size.less +82 -0
  109. package/dist/Input/style/status.less +105 -0
  110. package/dist/MemberPicker/components/MemberSelection.d.ts +2 -1
  111. package/dist/MemberPicker/components/MemberSelection.js +9 -1
  112. package/dist/MemberPicker/components/MultipleOption.js +1 -1
  113. package/dist/MemberPicker/components/Panel.d.ts +2 -1
  114. package/dist/MemberPicker/components/Panel.js +9 -3
  115. package/dist/MemberPicker/components/PanelWrapper.d.ts +3 -2
  116. package/dist/MemberPicker/components/PanelWrapper.js +5 -2
  117. package/dist/MemberPicker/components/SelectedMemberTags.d.ts +2 -1
  118. package/dist/MemberPicker/components/SelectedMemberTags.js +19 -2
  119. package/dist/MemberPicker/components/UserGroupSelection.d.ts +3 -2
  120. package/dist/MemberPicker/components/UserGroupSelection.js +8 -1
  121. package/dist/MemberPicker/index.js +4 -1
  122. package/dist/MemberPicker/interface.d.ts +1 -0
  123. package/dist/MemberPicker/style/index.less +10 -2
  124. package/dist/Menu/index.js +6 -9
  125. package/dist/Menu/style/index.less +72 -133
  126. package/dist/Modal/index.d.ts +1 -1
  127. package/dist/Modal/index.js +32 -43
  128. package/dist/Modal/style/index.less +3 -191
  129. package/dist/Modal/style/modal.less +132 -0
  130. package/dist/Modal/style/modalConfirm.less +100 -0
  131. package/dist/Pagination/index.js +4 -2
  132. package/dist/Pagination/style/index.less +11 -4
  133. package/dist/Popconfirm/index.js +8 -7
  134. package/dist/Popconfirm/style/index.less +16 -6
  135. package/dist/Popover/style/index.less +29 -29
  136. package/dist/Radio/components/Group/index.js +3 -5
  137. package/dist/Radio/components/Radio/index.js +2 -1
  138. package/dist/Radio/interface/radioGroup.d.ts +1 -1
  139. package/dist/Radio/style/index.less +69 -56
  140. package/dist/Select/components/{MultipleOption.d.ts → Option.d.ts} +2 -2
  141. package/dist/Select/components/{MultipleOption.js → Option.js} +14 -11
  142. package/dist/Select/components/SingleOption.d.ts +2 -2
  143. package/dist/Select/components/SingleOption.js +3 -1
  144. package/dist/Select/index.d.ts +5 -0
  145. package/dist/Select/index.js +26 -41
  146. package/dist/Select/style/index.less +96 -76
  147. package/dist/Select/style/layout.less +41 -0
  148. package/dist/Select/style/option.less +42 -0
  149. package/dist/Select/style/selectDropdown.less +17 -0
  150. package/dist/Select/style/size.less +95 -82
  151. package/dist/Select/style/status.less +69 -21
  152. package/dist/Select/style/variables.less +9 -16
  153. package/dist/Spin/CustomIcon/index.d.ts +3 -0
  154. package/dist/Spin/CustomIcon/index.js +20 -15
  155. package/dist/Spin/CustomIcon/index.less +32 -105
  156. package/dist/Spin/index.d.ts +2 -0
  157. package/dist/Spin/index.js +8 -2
  158. package/dist/Spin/style/index.less +9 -1
  159. package/dist/Switch/index.d.ts +1 -1
  160. package/dist/Switch/style/index.less +130 -56
  161. package/dist/Table/style/index.less +16 -8
  162. package/dist/Tabs/index.d.ts +2 -2
  163. package/dist/Tabs/index.js +4 -4
  164. package/dist/Tabs/style/index.less +20 -16
  165. package/dist/TextLink/index.d.ts +44 -0
  166. package/dist/TextLink/index.js +25 -0
  167. package/dist/TextLink/style/index.d.ts +2 -0
  168. package/dist/TextLink/style/index.js +2 -0
  169. package/dist/TextLink/style/index.less +9 -0
  170. package/dist/TextLink/style/size.less +37 -0
  171. package/dist/TextLink/style/type.less +44 -0
  172. package/dist/Tree/style/var.less +1 -1
  173. package/dist/ald.min.css +1 -1
  174. package/dist/index.d.ts +2 -1
  175. package/dist/index.js +1 -1
  176. package/dist/index.less +1 -0
  177. package/dist/message/index.js +15 -14
  178. package/dist/message/style/color.less +22 -41
  179. package/dist/message/style/index.less +15 -16
  180. package/dist/notification/demo/index.js +1 -0
  181. package/dist/notification/index.js +18 -18
  182. package/dist/notification/style/index.less +12 -6
  183. package/dist/style/index.less +1 -0
  184. package/dist/style/themes/default/default.less +1 -1
  185. package/dist/style/themes/default/index.less +3 -3
  186. package/dist/style/themes/default/scrollBar.less +1 -1
  187. package/dist/style/var/default.css +1334 -0
  188. package/package.json +4 -3
  189. package/dist/Icon/components/Icon.d.ts +0 -32
  190. package/dist/Icon/components/Icon.js +0 -25
  191. package/dist/Input/components/Group/index.d.ts +0 -18
  192. package/dist/Input/components/Group/index.js +0 -19
  193. package/dist/Menu/style/dropdown.less +0 -61
  194. package/dist/Select/style/multiple.less +0 -55
  195. package/dist/Select/style/single.less +0 -44
@@ -1,9 +1,15 @@
1
1
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g id="eye-on-line">
3
- <g id="Icon">
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12ZM16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z" fill="black"/>
5
- <path fill-rule="evenodd" clip-rule="evenodd" d="M21.9664 11.82L22.0356 12L21.9666 12.1795L21.4999 12C21.9666 12.1795 21.9662 12.1806 21.9662 12.1806L21.9655 12.1824L21.9634 12.1877L21.9565 12.2051C21.9506 12.2198 21.9421 12.2405 21.9311 12.2668C21.9089 12.3194 21.8764 12.3945 21.8328 12.4888C21.7458 12.6774 21.6147 12.9435 21.4354 13.2613C21.0774 13.8959 20.5244 14.7419 19.7423 15.5891C18.1743 17.2879 15.6744 19 11.9999 19C8.32548 19 5.82558 17.2879 4.25754 15.5891C3.47546 14.7419 2.92244 13.8959 2.56445 13.2613C2.3852 12.9435 2.2541 12.6774 2.16705 12.4888C2.12351 12.3945 2.09094 12.3194 2.06882 12.2668C2.05776 12.2405 2.04931 12.2198 2.04341 12.2051L2.03645 12.1877L2.03439 12.1824L2.03371 12.1806L2.03327 12.1795L2.49994 12C2.03327 11.8205 2.03371 11.8194 2.03371 11.8194L2.03439 11.8176L2.03645 11.8123L2.04341 11.7949C2.04931 11.7802 2.05776 11.7595 2.06882 11.7332C2.09094 11.6806 2.12351 11.6055 2.16705 11.5112C2.2541 11.3226 2.3852 11.0565 2.56445 10.7387C2.92244 10.1041 3.47546 9.25812 4.25754 8.41086C5.82558 6.71214 8.32548 5 11.9999 5C15.6744 5 18.1743 6.71214 19.7423 8.41086C20.5244 9.25812 21.0774 10.1041 21.4354 10.7387C21.6147 11.0565 21.7458 11.3226 21.8328 11.5112C21.8764 11.6055 21.9089 11.6806 21.9311 11.7332C21.9421 11.7595 21.9506 11.7802 21.9565 11.7949L21.9634 11.8123L21.9655 11.8176L21.9664 11.82ZM3.07501 12.0698C3.06349 12.0448 3.05291 12.0215 3.04326 12C3.05291 11.9785 3.06349 11.9552 3.07501 11.9302C3.15203 11.7634 3.27093 11.5216 3.43543 11.23C3.76494 10.6459 4.27442 9.86688 4.99234 9.08914C6.4243 7.53786 8.6744 6 11.9999 6C15.3255 6 17.5756 7.53786 19.0075 9.08914C19.7255 9.86688 20.2349 10.6459 20.5645 11.23C20.7289 11.5216 20.8479 11.7634 20.9249 11.9302C20.9364 11.9552 20.947 11.9785 20.9566 12C20.947 12.0215 20.9364 12.0448 20.9249 12.0698C20.8479 12.2366 20.7289 12.4784 20.5645 12.77C20.2349 13.3541 19.7255 14.1331 19.0075 14.9109C17.5756 16.4621 15.3255 18 11.9999 18C8.6744 18 6.4243 16.4621 4.99234 14.9109C4.27442 14.1331 3.76494 13.3541 3.43543 12.77C3.27093 12.4784 3.15203 12.2366 3.07501 12.0698ZM21.4999 12C21.9666 11.8205 21.9664 11.82 21.9664 11.82L21.4999 12Z" fill="black"/>
6
- <path d="M2.03327 12.1795L1.96423 12L2.03327 11.8205L2.49994 12C2.03327 12.1795 2.03327 12.1795 2.03327 12.1795Z" fill="black"/>
7
- </g>
8
- </g>
9
- </svg>
2
+ <g id="eye-on-line">
3
+ <g id="Icon">
4
+ <path fill-rule="evenodd" clip-rule="evenodd"
5
+ d="M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12ZM16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z"
6
+ fill="black" />
7
+ <path fill-rule="evenodd" clip-rule="evenodd"
8
+ d="M21.9664 11.82L22.0356 12L21.9666 12.1795L21.4999 12C21.9666 12.1795 21.9662 12.1806 21.9662 12.1806L21.9655 12.1824L21.9634 12.1877L21.9565 12.2051C21.9506 12.2198 21.9421 12.2405 21.9311 12.2668C21.9089 12.3194 21.8764 12.3945 21.8328 12.4888C21.7458 12.6774 21.6147 12.9435 21.4354 13.2613C21.0774 13.8959 20.5244 14.7419 19.7423 15.5891C18.1743 17.2879 15.6744 19 11.9999 19C8.32548 19 5.82558 17.2879 4.25754 15.5891C3.47546 14.7419 2.92244 13.8959 2.56445 13.2613C2.3852 12.9435 2.2541 12.6774 2.16705 12.4888C2.12351 12.3945 2.09094 12.3194 2.06882 12.2668C2.05776 12.2405 2.04931 12.2198 2.04341 12.2051L2.03645 12.1877L2.03439 12.1824L2.03371 12.1806L2.03327 12.1795L2.49994 12C2.03327 11.8205 2.03371 11.8194 2.03371 11.8194L2.03439 11.8176L2.03645 11.8123L2.04341 11.7949C2.04931 11.7802 2.05776 11.7595 2.06882 11.7332C2.09094 11.6806 2.12351 11.6055 2.16705 11.5112C2.2541 11.3226 2.3852 11.0565 2.56445 10.7387C2.92244 10.1041 3.47546 9.25812 4.25754 8.41086C5.82558 6.71214 8.32548 5 11.9999 5C15.6744 5 18.1743 6.71214 19.7423 8.41086C20.5244 9.25812 21.0774 10.1041 21.4354 10.7387C21.6147 11.0565 21.7458 11.3226 21.8328 11.5112C21.8764 11.6055 21.9089 11.6806 21.9311 11.7332C21.9421 11.7595 21.9506 11.7802 21.9565 11.7949L21.9634 11.8123L21.9655 11.8176L21.9664 11.82ZM3.07501 12.0698C3.06349 12.0448 3.05291 12.0215 3.04326 12C3.05291 11.9785 3.06349 11.9552 3.07501 11.9302C3.15203 11.7634 3.27093 11.5216 3.43543 11.23C3.76494 10.6459 4.27442 9.86688 4.99234 9.08914C6.4243 7.53786 8.6744 6 11.9999 6C15.3255 6 17.5756 7.53786 19.0075 9.08914C19.7255 9.86688 20.2349 10.6459 20.5645 11.23C20.7289 11.5216 20.8479 11.7634 20.9249 11.9302C20.9364 11.9552 20.947 11.9785 20.9566 12C20.947 12.0215 20.9364 12.0448 20.9249 12.0698C20.8479 12.2366 20.7289 12.4784 20.5645 12.77C20.2349 13.3541 19.7255 14.1331 19.0075 14.9109C17.5756 16.4621 15.3255 18 11.9999 18C8.6744 18 6.4243 16.4621 4.99234 14.9109C4.27442 14.1331 3.76494 13.3541 3.43543 12.77C3.27093 12.4784 3.15203 12.2366 3.07501 12.0698ZM21.4999 12C21.9666 11.8205 21.9664 11.82 21.9664 11.82L21.4999 12Z"
9
+ fill="black" />
10
+ <path
11
+ d="M2.03327 12.1795L1.96423 12L2.03327 11.8205L2.49994 12C2.03327 12.1795 2.03327 12.1795 2.03327 12.1795Z"
12
+ fill="black" />
13
+ </g>
14
+ </g>
15
+ </svg>
@@ -1,7 +1,8 @@
1
1
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g id="fold-down-fill">
3
- <g id="Icon">
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M17 9L12 16L7 9H17Z" fill="black" style="mix-blend-mode:luminosity"/>
5
- </g>
6
- </g>
7
- </svg>
2
+ <g id="fold-down-fill">
3
+ <g id="Icon">
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M17 9L12 16L7 9H17Z" fill="black"
5
+ style="mix-blend-mode:luminosity" />
6
+ </g>
7
+ </g>
8
+ </svg>
@@ -1,7 +1,8 @@
1
1
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g id="fold-up-fill">
3
- <g id="Icon">
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M17 15L12 8L7 15H17Z" fill="black" style="mix-blend-mode:luminosity"/>
5
- </g>
6
- </g>
7
- </svg>
2
+ <g id="fold-up-fill">
3
+ <g id="Icon">
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M17 15L12 8L7 15H17Z" fill="black"
5
+ style="mix-blend-mode:luminosity" />
6
+ </g>
7
+ </g>
8
+ </svg>
@@ -1,3 +1,5 @@
1
1
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM12 9C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9ZM10 11V10H13V16H15V17H10V16H12V11H10Z" fill="black"/>
3
- </svg>
2
+ <path fill-rule="evenodd" clip-rule="evenodd"
3
+ d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM12 9C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9ZM10 11V10H13V16H15V17H10V16H12V11H10Z"
4
+ fill="black" />
5
+ </svg>
@@ -1,3 +1,5 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 9C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9ZM10 10V11H12V16H10V17H15V16H13V10H10Z" fill="black"/>
2
+ <path fill-rule="evenodd" clip-rule="evenodd"
3
+ d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 9C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9ZM10 10V11H12V16H10V17H15V16H13V10H10Z"
4
+ fill="black" />
3
5
  </svg>
@@ -0,0 +1,5 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g id=" Icon / Fill / Interface / Information-Circle-fill">
3
+ <path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM10.5 8.00006C10.5 7.17163 11.1716 6.50006 12 6.50006H12.01C12.8384 6.50006 13.51 7.17163 13.51 8.00006V8.01006C13.51 8.83849 12.8384 9.51006 12.01 9.51006H12C11.1716 9.51006 10.5 8.83849 10.5 8.01006V8.00006ZM12 11.0001C12.5523 11.0001 13 11.4478 13 12.0001V16.0001C13 16.5523 12.5523 17.0001 12 17.0001C11.4477 17.0001 11 16.5523 11 16.0001V12.0001C11 11.4478 11.4477 11.0001 12 11.0001Z" fill="black"/>
4
+ </g>
5
+ </svg>
@@ -0,0 +1,9 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g id=" Icon / Light / Interface / Information Circle-light-line">
3
+ <g id="Icon">
4
+ <path d="M11 8C11 7.44772 11.4477 7 12 7H12.01C12.5623 7 13.01 7.44772 13.01 8V8.01C13.01 8.56228 12.5623 9.01 12.01 9.01H12C11.4477 9.01 11 8.56228 11 8.01V8Z" fill="black"/>
5
+ <path d="M12.75 12C12.75 11.5858 12.4142 11.25 12 11.25C11.5858 11.25 11.25 11.5858 11.25 12V16C11.25 16.4142 11.5858 16.75 12 16.75C12.4142 16.75 12.75 16.4142 12.75 16V12Z" fill="black"/>
6
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75Z" fill="black"/>
7
+ </g>
8
+ </g>
9
+ </svg>
@@ -1,6 +1,8 @@
1
1
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <g id="loading2-line">
3
- <path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M11.5 7V3H12.5V7H11.5ZM11.5 21V17H12.5V21H11.5ZM17 11.5H21V12.5H17V11.5ZM3 11.5H7V12.5H3V11.5ZM18.7175 18.0104L15.8891 15.1819L15.182 15.8891L18.0104 18.7175L18.7175 18.0104ZM8.81802 8.11088L5.98959 5.28245L5.28249 5.98956L8.11091 8.81799L8.81802 8.11088ZM8.81802 15.8891L5.98959 18.7175L5.28249 18.0104L8.11091 15.182L8.81802 15.8891ZM18.7175 5.98961L15.8891 8.81803L15.182 8.11093L18.0104 5.2825L18.7175 5.98961Z" fill="black"/>
3
+ <path id="Icon" fill-rule="evenodd" clip-rule="evenodd"
4
+ d="M11.5 7V3H12.5V7H11.5ZM11.5 21V17H12.5V21H11.5ZM17 11.5H21V12.5H17V11.5ZM3 11.5H7V12.5H3V11.5ZM18.7175 18.0104L15.8891 15.1819L15.182 15.8891L18.0104 18.7175L18.7175 18.0104ZM8.81802 8.11088L5.98959 5.28245L5.28249 5.98956L8.11091 8.81799L8.81802 8.11088ZM8.81802 15.8891L5.98959 18.7175L5.28249 18.0104L8.11091 15.182L8.81802 15.8891ZM18.7175 5.98961L15.8891 8.81803L15.182 8.11093L18.0104 5.2825L18.7175 5.98961Z"
5
+ fill="black" />
4
6
  </g>
5
- </svg>
7
+ </svg>
6
8
 
@@ -1,5 +1,7 @@
1
1
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g id="loading-line">
3
- <path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M7.28604 3.1808C9.32641 2.0902 11.6818 1.74081 13.9509 2.19216C16.22 2.64351 18.2624 3.86768 19.7301 5.65608C21.1978 7.44448 22 9.68646 22 12H20C20 10.1492 19.3582 8.35559 18.1841 6.92487C17.0099 5.49415 15.376 4.51481 13.5607 4.15373C11.7454 3.79265 9.86113 4.07216 8.22883 4.94465C6.59653 5.81713 5.31725 7.22859 4.60897 8.93855C3.90068 10.6485 3.80721 12.5511 4.34448 14.3223C4.88175 16.0934 6.01652 17.6235 7.55544 18.6518C9.09436 19.68 10.9422 20.1429 12.7841 19.9615C14.6261 19.7801 16.3481 18.9656 17.6569 17.6569L19.0711 19.0711C17.4351 20.707 15.2826 21.7251 12.9802 21.9519C10.6778 22.1786 8.36795 21.6001 6.4443 20.3147C4.52065 19.0294 3.10219 17.1168 2.4306 14.9029C1.75901 12.6889 1.87585 10.3106 2.76121 8.17318C3.64657 6.03574 5.24566 4.2714 7.28604 3.1808Z" fill="black"/>
4
- </g>
5
- </svg>
2
+ <g id="loading-line">
3
+ <path id="Icon" fill-rule="evenodd" clip-rule="evenodd"
4
+ d="M7.28604 3.1808C9.32641 2.0902 11.6818 1.74081 13.9509 2.19216C16.22 2.64351 18.2624 3.86768 19.7301 5.65608C21.1978 7.44448 22 9.68646 22 12H20C20 10.1492 19.3582 8.35559 18.1841 6.92487C17.0099 5.49415 15.376 4.51481 13.5607 4.15373C11.7454 3.79265 9.86113 4.07216 8.22883 4.94465C6.59653 5.81713 5.31725 7.22859 4.60897 8.93855C3.90068 10.6485 3.80721 12.5511 4.34448 14.3223C4.88175 16.0934 6.01652 17.6235 7.55544 18.6518C9.09436 19.68 10.9422 20.1429 12.7841 19.9615C14.6261 19.7801 16.3481 18.9656 17.6569 17.6569L19.0711 19.0711C17.4351 20.707 15.2826 21.7251 12.9802 21.9519C10.6778 22.1786 8.36795 21.6001 6.4443 20.3147C4.52065 19.0294 3.10219 17.1168 2.4306 14.9029C1.75901 12.6889 1.87585 10.3106 2.76121 8.17318C3.64657 6.03574 5.24566 4.2714 7.28604 3.1808Z"
5
+ fill="black" />
6
+ </g>
7
+ </svg>
@@ -1,5 +1,7 @@
1
1
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g id="more-vertical-line">
3
- <path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M13 6C13 6.55228 12.5523 7 12 7C11.4477 7 11 6.55228 11 6C11 5.44772 11.4477 5 12 5C12.5523 5 13 5.44772 13 6ZM13 18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18C11 17.4477 11.4477 17 12 17C12.5523 17 13 17.4477 13 18ZM12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" fill="black"/>
4
- </g>
5
- </svg>
2
+ <g id="more-vertical-line">
3
+ <path id="Icon" fill-rule="evenodd" clip-rule="evenodd"
4
+ d="M13 6C13 6.55228 12.5523 7 12 7C11.4477 7 11 6.55228 11 6C11 5.44772 11.4477 5 12 5C12.5523 5 13 5.44772 13 6ZM13 18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18C11 17.4477 11.4477 17 12 17C12.5523 17 13 17.4477 13 18ZM12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z"
5
+ fill="black" />
6
+ </g>
7
+ </svg>
@@ -1,5 +1,7 @@
1
1
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g id="search-line">
3
- <path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M15.438 16.1451C14.1188 17.3001 12.3911 18 10.5 18C6.35786 18 3 14.6421 3 10.5C3 6.35786 6.35786 3 10.5 3C14.6421 3 18 6.35786 18 10.5C18 12.3911 17.3001 14.1188 16.1451 15.438L20.8536 20.1465L20.1465 20.8536L15.438 16.1451ZM17 10.5C17 14.0899 14.0899 17 10.5 17C6.91015 17 4 14.0899 4 10.5C4 6.91015 6.91015 4 10.5 4C14.0899 4 17 6.91015 17 10.5Z" fill="black"/>
4
- </g>
5
- </svg>
2
+ <g id="search-line">
3
+ <path id="Icon" fill-rule="evenodd" clip-rule="evenodd"
4
+ d="M15.438 16.1451C14.1188 17.3001 12.3911 18 10.5 18C6.35786 18 3 14.6421 3 10.5C3 6.35786 6.35786 3 10.5 3C14.6421 3 18 6.35786 18 10.5C18 12.3911 17.3001 14.1188 16.1451 15.438L20.8536 20.1465L20.1465 20.8536L15.438 16.1451ZM17 10.5C17 14.0899 14.0899 17 10.5 17C6.91015 17 4 14.0899 4 10.5C4 6.91015 6.91015 4 10.5 4C14.0899 4 17 6.91015 17 10.5Z"
5
+ fill="black" />
6
+ </g>
7
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g id=" Icon / Light / Interface / Attention triangle-light-line">
3
+ <path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M11.7836 2.87059C11.8799 2.70427 12.12 2.70427 12.2163 2.87059L21.4819 18.8747C21.5784 19.0414 21.4581 19.25 21.2655 19.25H2.73442C2.54183 19.25 2.42157 19.0414 2.51806 18.8747L11.7836 2.87059ZM13.5145 2.11903C12.8404 0.954782 11.1595 0.954792 10.4855 2.11904L1.21992 18.1232C0.544478 19.2898 1.38634 20.75 2.73442 20.75H21.2655C22.6136 20.75 23.4555 19.2898 22.78 18.1232L13.5145 2.11903ZM12 12.75C11.5858 12.75 11.25 12.4142 11.25 12V8C11.25 7.58579 11.5858 7.25 12 7.25C12.4142 7.25 12.75 7.58579 12.75 8V12C12.75 12.4142 12.4142 12.75 12 12.75ZM11.005 15.9984C11.005 15.4498 11.4497 15.005 11.9984 15.005H12.0116C12.5602 15.005 13.005 15.4498 13.005 15.9984V16.0116C13.005 16.5603 12.5602 17.005 12.0116 17.005H11.9984C11.4497 17.005 11.005 16.5603 11.005 16.0116V15.9984Z" fill="black"/>
4
+ </g>
5
+ </svg>
@@ -15,8 +15,8 @@ interface IIconButtonProps {
15
15
  }
16
16
  declare const DropdownButton: React.ForwardRefExoticComponent<IIconButtonProps & IDropdownProps & {
17
17
  showArrow?: boolean | undefined;
18
- } & React.RefAttributes<HTMLButtonElement>>;
19
- declare const IconButton: React.ForwardRefExoticComponent<IIconButtonProps & React.RefAttributes<HTMLButtonElement>> & {
18
+ } & React.RefAttributes<HTMLDivElement>>;
19
+ declare const IconButton: React.ForwardRefExoticComponent<IIconButtonProps & React.RefAttributes<HTMLDivElement>> & {
20
20
  dropdown: typeof DropdownButton;
21
21
  __ANT_BUTTON: boolean;
22
22
  };
@@ -1,4 +1,4 @@
1
- var _excluded = ["icon", "onClick", "disabled", "size", "menu", "className", "onOpenChange", "tooltip", "id", "overlay", "showArrow", "mode"];
1
+ var _excluded = ["icon", "onClick", "disabled", "size", "menu", "className", "onOpenChange", "tooltip", "id", "showArrow", "mode"];
2
2
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
3
3
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
4
4
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -31,14 +31,13 @@ var InternalIconButton = /*#__PURE__*/forwardRef(function (props, ref) {
31
31
  };
32
32
  return /*#__PURE__*/React.createElement(Tooltip, _extends({}, tooltip, {
33
33
  title: tooltip === null || tooltip === void 0 ? void 0 : tooltip.title
34
- }), /*#__PURE__*/React.createElement("button", {
34
+ }), /*#__PURE__*/React.createElement("div", {
35
35
  id: id,
36
36
  className: classnames(className, 'ald-icon-button', "ald-icon-button-".concat(getSizeType(size)), {
37
37
  'ald-icon-button-disabled': disabled,
38
38
  'ald-icon-button-focus': keepFocus,
39
39
  'ald-icon-button-dark': mode === 'dark'
40
40
  }),
41
- type: "button",
42
41
  ref: ref,
43
42
  onClick: onButtonClick
44
43
  // disabled={disabled}
@@ -58,15 +57,11 @@ var DropdownButton = /*#__PURE__*/forwardRef(function (props, ref) {
58
57
  onOpenChange = props.onOpenChange,
59
58
  tooltip = props.tooltip,
60
59
  id = props.id,
61
- overlay = props.overlay,
62
60
  _props$showArrow = props.showArrow,
63
61
  showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
64
62
  _props$mode2 = props.mode,
65
63
  mode = _props$mode2 === void 0 ? 'light' : _props$mode2,
66
64
  restDropdownProps = _objectWithoutProperties(props, _excluded);
67
- var sizeMemo = React.useMemo(function () {
68
- return getSizeType(size);
69
- }, [size]);
70
65
  var onButtonClick = function onButtonClick(e) {
71
66
  if (disabled) {
72
67
  e.stopPropagation();
@@ -77,45 +72,39 @@ var DropdownButton = /*#__PURE__*/forwardRef(function (props, ref) {
77
72
  };
78
73
  var canDropdown = useMemo(function () {
79
74
  var hasMenu = menu && menu.items && menu.items.length > 0;
80
- return (hasMenu || overlay) && !disabled;
81
- }, [menu, overlay, disabled]);
75
+ return hasMenu && !disabled;
76
+ }, [menu, disabled]);
82
77
  if (!canDropdown) {
83
78
  return /*#__PURE__*/React.createElement(Tooltip, _extends({}, tooltip, {
84
79
  title: tooltip === null || tooltip === void 0 ? void 0 : tooltip.title
85
- }), /*#__PURE__*/React.createElement("button", {
80
+ }), /*#__PURE__*/React.createElement("div", {
86
81
  id: id,
87
82
  className: classnames(className, 'ald-icon-button-dropdown', "ald-icon-button-".concat(getSizeType(size)), {
88
83
  'ald-icon-button-disabled': disabled,
89
84
  'ald-icon-button-dark': mode === 'dark'
90
85
  }),
91
- type: "button",
92
86
  ref: ref,
93
87
  onClick: onButtonClick
94
88
  }, /*#__PURE__*/React.createElement("div", {
95
89
  className: "ald-icon-button-wrap"
96
- }, icon), showArrow && /*#__PURE__*/React.createElement(FoldDownFill, {
97
- size: sizeMemo === 'large' ? 20 : 16
98
- })));
90
+ }, icon), showArrow && /*#__PURE__*/React.createElement(FoldDownFill, null)));
99
91
  }
100
92
  return /*#__PURE__*/React.createElement(Tooltip, _extends({}, tooltip, {
101
93
  title: tooltip === null || tooltip === void 0 ? void 0 : tooltip.title
102
94
  }), /*#__PURE__*/React.createElement(Dropdown, _extends({
103
95
  menu: menu,
104
96
  onOpenChange: onOpenChange
105
- }, restDropdownProps), /*#__PURE__*/React.createElement("button", {
97
+ }, restDropdownProps), /*#__PURE__*/React.createElement("div", {
106
98
  id: id,
107
99
  className: classnames(className, 'ald-icon-button-dropdown', "ald-icon-button-".concat(getSizeType(size)), {
108
100
  'ald-icon-button-disabled': disabled,
109
101
  'ald-icon-button-dark': mode === 'dark'
110
102
  }),
111
- type: "button",
112
103
  ref: ref,
113
104
  onClick: onButtonClick
114
105
  }, /*#__PURE__*/React.createElement("div", {
115
106
  className: "ald-icon-button-wrap"
116
- }, icon), showArrow && /*#__PURE__*/React.createElement(FoldDownFill, {
117
- size: sizeMemo === 'large' ? 20 : 16
118
- }))));
107
+ }, icon), showArrow && /*#__PURE__*/React.createElement(FoldDownFill, null))));
119
108
  });
120
109
  var IconButton = InternalIconButton;
121
110
  IconButton.dropdown = DropdownButton;
@@ -2,12 +2,18 @@
2
2
  @import '../../Dropdown/style/index.less';
3
3
  @import '../../Menu/style/index.less';
4
4
  @import '../../Tooltip/style/index.less';
5
+ // height size
5
6
  @icon-button-size-large: 28px;
6
7
  @icon-button-size-middle: 24px;
7
8
  @icon-button-size-small: 20px;
9
+ // icon size
8
10
  @icon-button-icon-size-large: 24px;
9
11
  @icon-button-icon-size-middle: 20px;
10
12
  @icon-button-icon-size-small: 16px;
13
+ // borderRadius size
14
+ @icon-button-border-radius-large: var(--alias-radius-100, 8px);
15
+ @icon-button-border-radius-middle: var(--alias-radius-75, 6px);
16
+ @icon-button-border-radius-small: var(--alias-radius-50, 4px);
11
17
 
12
18
  .ald-icon-button,
13
19
  .ald-icon-button-dropdown {
@@ -19,12 +25,12 @@
19
25
  text-align: center;
20
26
  vertical-align: middle;
21
27
  cursor: pointer;
22
- background: transparent;
28
+ background: var(--alias-colors-bg-transp, rgba(0, 0, 0, 0));
23
29
  border: 0;
24
30
  padding: 0;
25
31
  outline: 0;
26
32
  font-size: inherit;
27
- color: #171717;
33
+ color: var(--alias-colors-icon-subtle, rgb(107, 114, 128));
28
34
  -webkit-tap-highlight-color: transparent;
29
35
  appearance: none;
30
36
  box-sizing: border-box;
@@ -32,52 +38,61 @@
32
38
  transition: background 0.3s;
33
39
 
34
40
  &:hover {
35
- background: var(--colors-gray-98, #f4f4f4);
41
+ background: var(--alias-colors-bg-interaction-hover, rgba(0, 0, 0, 0.05));
42
+ }
43
+
44
+ &.ald-icon-button-focus {
45
+ background: var(--alias-colors-bg-interaction-hover, rgba(0, 0, 0, 0.05));
46
+ }
47
+
48
+ &.ant-dropdown-open {
49
+ background: var(--alias-colors-bg-interaction-hover, rgba(0, 0, 0, 0.05));
36
50
  }
37
51
 
38
52
  &:active {
39
53
  // mouse down
40
- background: var(--colors-gray-100, #ededed);
54
+ background: var(--alias-colors-bg-interaction-press, rgba(0, 0, 0, 0.1));
41
55
  }
42
56
 
43
57
  &-disabled {
44
- opacity: 0.5;
58
+ color: var(--alias-colors-icon-disabled, rgba(0, 0, 0, 0.25));
45
59
  cursor: default;
46
- background-color: transparent;
60
+ background-color: var(--alias-colors-bg-transp, rgba(0, 0, 0, 0));
47
61
 
48
62
  &:hover,
49
63
  &:active,
50
64
  &:focus {
51
- background-color: transparent;
65
+ background-color: var(--alias-colors-bg-transp, rgba(0, 0, 0, 0));
52
66
  }
53
67
  }
54
68
 
55
- &.ald-icon-button-focus {
56
- background: var(--colors-gray-100, #f4f4f4);
57
- }
58
-
59
- &.ant-dropdown-open {
60
- background: var(--colors-gray-98, #f4f4f4);
61
- }
62
-
63
69
  &.ald-icon-button-dropdown {
64
70
  width: auto;
65
71
  word-spacing: 0;
66
72
  }
67
73
 
68
74
  &.ald-icon-button-dark {
69
- color: #d5d5d5;
75
+ color: var(--alias-colors-icon-inverse-subtle, rgba(0, 0, 0, 0.55));
70
76
 
71
77
  &:hover {
72
- background: fade(#f4f4f4, 10%);
78
+ background: var(
79
+ --alias-colors-bg-interaction-inverse-hover,
80
+ rgba(255, 255, 255, 0.1)
81
+ );
73
82
  }
74
83
 
75
84
  &.ant-dropdown-open {
76
- background: fade(#f4f4f4, 10%);
85
+ background: var(
86
+ --alias-colors-bg-interaction-inverse-hover,
87
+ rgba(255, 255, 255, 0.1)
88
+ );
77
89
  }
78
90
 
79
91
  &:active {
80
- background: fade(#ededed, 20%);
92
+ background: var(
93
+ --alias-colors-bg-interaction-inverse-press,
94
+ rgba(255, 255, 255, 0.15)
95
+ );
81
96
  }
82
97
  }
83
98
 
@@ -99,8 +114,11 @@
99
114
  width: @icon-button-size-large;
100
115
  height: @icon-button-size-large;
101
116
  padding: 2px;
102
- border-radius: 4px;
103
- font-size: @icon-button-icon-size-large;
117
+ border-radius: @icon-button-border-radius-large;
118
+
119
+ svg {
120
+ font-size: @icon-button-icon-size-large;
121
+ }
104
122
 
105
123
  .ald-icon-button-wrap {
106
124
  .ald-icon-button-wrap-content(@icon-button-icon-size-large);
@@ -111,8 +129,11 @@
111
129
  width: @icon-button-size-middle;
112
130
  height: @icon-button-size-middle;
113
131
  padding: 2px;
114
- border-radius: 2px;
115
- font-size: @icon-button-icon-size-middle;
132
+ border-radius: @icon-button-border-radius-middle;
133
+
134
+ svg {
135
+ font-size: @icon-button-icon-size-middle;
136
+ }
116
137
 
117
138
  .ald-icon-button-wrap {
118
139
  .ald-icon-button-wrap-content(@icon-button-icon-size-middle);
@@ -123,8 +144,11 @@
123
144
  width: @icon-button-size-small;
124
145
  height: @icon-button-size-small;
125
146
  padding: 2px;
126
- border-radius: 2px;
127
- font-size: @icon-button-icon-size-small;
147
+ border-radius: @icon-button-border-radius-small;
148
+
149
+ svg {
150
+ font-size: @icon-button-icon-size-small;
151
+ }
128
152
 
129
153
  .ald-icon-button-wrap {
130
154
  .ald-icon-button-wrap-content(@icon-button-icon-size-small);
@@ -1,5 +1,9 @@
1
- var _excluded = ["size", "className", "prefixCls", "bordered"];
1
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
+ var _excluded = ["size", "className", "prefixCls", "bordered", "status", "disabled", "allowClear"];
2
3
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
6
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
3
7
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
8
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
9
  import SizeContext from 'antd/lib/config-provider/SizeContext';
@@ -8,6 +12,7 @@ import { useCompactItemContext } from 'antd/lib/space/Compact';
8
12
  import classnames from 'classnames';
9
13
  import React, { useContext } from 'react';
10
14
  import { ConfigContext } from "../../../ConfigProvider";
15
+ import { CloseCircleFill } from "../../../Icon";
11
16
  export function getSizeType(sizeType) {
12
17
  if (['small', 'middle', 'large'].includes(sizeType || '')) {
13
18
  return sizeType;
@@ -15,10 +20,14 @@ export function getSizeType(sizeType) {
15
20
  return 'middle';
16
21
  }
17
22
  var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
23
+ var _classnames;
18
24
  var customSize = props.size,
19
25
  className = props.className,
20
26
  customizePrefixCls = props.prefixCls,
21
27
  bordered = props.bordered,
28
+ status = props.status,
29
+ disabled = props.disabled,
30
+ allowClear = props.allowClear,
22
31
  rest = _objectWithoutProperties(props, _excluded);
23
32
  var _React$useContext = React.useContext(ConfigContext),
24
33
  getPrefixCls = _React$useContext.getPrefixCls,
@@ -33,8 +42,15 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
33
42
  return /*#__PURE__*/React.createElement(AntdInput, _extends({}, rest, {
34
43
  ref: ref,
35
44
  bordered: bordered,
45
+ disabled: disabled,
46
+ allowClear: allowClear ? {
47
+ clearIcon: /*#__PURE__*/React.createElement(CloseCircleFill, {
48
+ size: 20,
49
+ color: "#6B7280"
50
+ })
51
+ } : undefined,
36
52
  spellCheck: false,
37
- className: classnames('ald-input', "ald-input-".concat(getSizeType(size)), className, compactItemClassnames),
53
+ className: classnames('ald-input', "ald-input-".concat(getSizeType(size)), (_classnames = {}, _defineProperty(_classnames, "ald-input-".concat(status), status), _defineProperty(_classnames, "ald-input-disabled", disabled), _classnames), className, compactItemClassnames),
38
54
  suffix: null
39
55
  }));
40
56
  });
@@ -1,11 +1,6 @@
1
1
  import { PasswordProps } from 'antd/lib/input/Password';
2
2
  import React from 'react';
3
3
  import { TSize } from '../Input';
4
- export declare const iconSizeMap: {
5
- small: number;
6
- middle: number;
7
- large: number;
8
- };
9
4
  export interface IPasswordProps extends Omit<PasswordProps, 'size'> {
10
5
  /**
11
6
  * @description 是否显示切换按钮
@@ -1,5 +1,9 @@
1
- var _excluded = ["size", "className"];
1
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
+ var _excluded = ["size", "className", "disabled"];
2
3
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
6
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
3
7
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
8
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
9
  import AntdPassword from 'antd/lib/input/Password';
@@ -8,28 +12,24 @@ import React, { useContext } from 'react';
8
12
  import SizeContext from "../../../ConfigProvider/sizeContext";
9
13
  import { EyeOffLine, EyeOnLine } from "../../../Icon";
10
14
  import { getSizeType } from "../Input";
11
- // 不同的size对应的不同的icon
12
- export var iconSizeMap = {
13
- small: 16,
14
- middle: 20,
15
- large: 24
16
- };
17
15
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
18
16
  export default /*#__PURE__*/React.forwardRef(function (props, ref) {
19
17
  var customSize = props.size,
20
18
  className = props.className,
19
+ disabled = props.disabled,
21
20
  restProps = _objectWithoutProperties(props, _excluded);
22
21
  var contentSize = useContext(SizeContext);
23
22
  var size = customSize || contentSize || 'middle';
24
23
  return /*#__PURE__*/React.createElement(AntdPassword, _extends({}, restProps, {
25
24
  ref: ref,
26
25
  spellCheck: false,
27
- className: classnames('ald-input', "ald-input-".concat(getSizeType(size)), className),
26
+ disabled: disabled,
27
+ className: classnames('ald-input', 'ald-input-password', "ald-input-".concat(getSizeType(size)), _defineProperty({}, "ald-input-disabled", disabled), className),
28
28
  iconRender: function iconRender(visible) {
29
29
  return visible ? /*#__PURE__*/React.createElement(EyeOnLine, {
30
- size: iconSizeMap[size]
30
+ size: 20
31
31
  }) : /*#__PURE__*/React.createElement(EyeOffLine, {
32
- size: iconSizeMap[size]
32
+ size: 20
33
33
  });
34
34
  }
35
35
  }));
@@ -1,24 +1,37 @@
1
- var _excluded = ["bordered", "size", "className"];
1
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
+ var _excluded = ["bordered", "size", "disabled", "className"];
2
3
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
6
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
3
7
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
8
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
9
  import AntdTextArea from 'antd/lib/input/TextArea';
6
10
  import classnames from 'classnames';
7
11
  import React, { useContext } from 'react';
8
12
  import SizeContext from "../../../ConfigProvider/sizeContext";
13
+ import { CloseCircleFill } from "../../../Icon";
9
14
  import { getSizeType } from "../Input";
10
15
  export default /*#__PURE__*/React.forwardRef(function (props, ref) {
11
16
  var _props$bordered = props.bordered,
12
17
  bordered = _props$bordered === void 0 ? true : _props$bordered,
13
18
  customSize = props.size,
19
+ disabled = props.disabled,
14
20
  _props$className = props.className,
15
21
  className = _props$className === void 0 ? '' : _props$className,
16
22
  rest = _objectWithoutProperties(props, _excluded);
17
23
  var contentSize = useContext(SizeContext);
18
24
  var size = customSize || contentSize || 'middle';
19
25
  return /*#__PURE__*/React.createElement(AntdTextArea, _extends({}, rest, {
26
+ disabled: disabled,
20
27
  spellCheck: false,
21
- className: classnames('ald-input-textarea', "ald-input-textarea-".concat(getSizeType(size)), className),
28
+ className: classnames('ald-input', 'ald-input-textarea', "ald-input-textarea-".concat(getSizeType(size)), _defineProperty({}, "ald-input-disabled", disabled), className),
29
+ allowClear: {
30
+ clearIcon: /*#__PURE__*/React.createElement(CloseCircleFill, {
31
+ size: 20,
32
+ color: "#6B7280"
33
+ })
34
+ },
22
35
  ref: ref,
23
36
  bordered: bordered
24
37
  }));
@@ -1,14 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  import { IInputProps, InputRef } from './components/Input';
3
- import Group from './components/Group';
4
- import TextArea from './components/TextArea';
5
3
  import Password from './components/Password';
4
+ import TextArea from './components/TextArea';
6
5
  export type { IInputProps, InputRef, TSize } from './components/Input';
7
- export type { IGroupProps } from './components/Group';
8
- export type { ITextAreaProps, TextAreaRef } from './components/TextArea';
9
6
  export type { IPasswordProps } from './components/Password';
7
+ export type { ITextAreaProps, TextAreaRef } from './components/TextArea';
10
8
  interface ICompoundedComponent extends React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<InputRef>> {
11
- Group: typeof Group;
12
9
  TextArea: typeof TextArea;
13
10
  Password: typeof Password;
14
11
  }
@@ -1,9 +1,7 @@
1
1
  import InternalInput from "./components/Input";
2
- import Group from "./components/Group";
3
- import TextArea from "./components/TextArea";
4
2
  import Password from "./components/Password";
3
+ import TextArea from "./components/TextArea";
5
4
  var Input = InternalInput;
6
- Input.Group = Group;
7
5
  Input.TextArea = TextArea;
8
6
  Input.Password = Password;
9
7
  export default Input;