@aloudata/aloudata-design 0.2.0-beta.2 → 0.2.0-beta.5

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 (321) hide show
  1. package/es/Button/style/index.css +374 -0
  2. package/es/Button/style/index.js +1 -1
  3. package/es/Dropdown/index.d.ts +1 -0
  4. package/es/Dropdown/style/index.css +178 -0
  5. package/es/Dropdown/style/index.js +1 -1
  6. package/es/Empty/style/index.css +162 -0
  7. package/es/Empty/style/index.js +1 -1
  8. package/es/Icon/iconfont/demo_index.html +49 -3
  9. package/es/Icon/iconfont/iconfont.css +11 -3
  10. package/es/Icon/iconfont/iconfont.js +5 -5
  11. package/es/Icon/iconfont/iconfont.json +14 -0
  12. package/es/Icon/iconfont/iconfont.ttf +0 -0
  13. package/es/Icon/iconfont/iconfont.woff +0 -0
  14. package/es/Icon/iconfont/iconfont.woff2 +0 -0
  15. package/es/Icon/index.css +8 -0
  16. package/es/Input/components/Group/index.d.ts +3 -1
  17. package/es/Input/components/Password/index.d.ts +1 -0
  18. package/es/Input/index.d.ts +1 -1
  19. package/es/Input/style/index.css +215 -0
  20. package/es/Input/style/index.js +1 -1
  21. package/es/Menu/Divider.d.ts +1 -0
  22. package/es/Menu/MenuItem.d.ts +7 -0
  23. package/es/Menu/index.d.ts +1 -0
  24. package/es/Menu/style/index.css +208 -0
  25. package/es/Menu/style/index.js +1 -1
  26. package/es/Navigator/style/index.css +328 -0
  27. package/es/Navigator/style/index.js +1 -1
  28. package/es/Select/Selector/index.js +1 -1
  29. package/es/Select/style/index.css +493 -0
  30. package/es/Select/style/index.js +1 -1
  31. package/es/Table/index.d.ts +1 -1
  32. package/es/Table/index.js +183 -48
  33. package/es/Table/interface.d.ts +26 -6
  34. package/es/Table/react-table-config.d.ts +122 -0
  35. package/es/Table/style/index.css +248 -0
  36. package/es/Table/style/index.js +1 -1
  37. package/es/Tabs/index.d.ts +1 -0
  38. package/es/Tabs/style/index.css +194 -0
  39. package/es/Tabs/style/index.js +1 -1
  40. package/es/Tooltip/style/index.css +154 -0
  41. package/es/Tooltip/style/index.js +1 -1
  42. package/es/index.d.ts +10 -0
  43. package/es/style/index.css +145 -0
  44. package/es/style/index.js +1 -1
  45. package/es/{Button/demo/disable/index.less → style/mixins/index.css} +0 -0
  46. package/es/style/themes/default/index.css +145 -0
  47. package/es/style/themes/default/themeColor.module.css +145 -0
  48. package/lib/Button/style/index.css +374 -0
  49. package/lib/Button/style/index.js +1 -1
  50. package/lib/Dropdown/index.d.ts +1 -0
  51. package/lib/Dropdown/style/index.css +178 -0
  52. package/lib/Dropdown/style/index.js +1 -1
  53. package/lib/Empty/style/index.css +162 -0
  54. package/lib/Empty/style/index.js +1 -1
  55. package/lib/Icon/iconfont/demo_index.html +49 -3
  56. package/lib/Icon/iconfont/iconfont.css +11 -3
  57. package/lib/Icon/iconfont/iconfont.js +5 -5
  58. package/lib/Icon/iconfont/iconfont.json +14 -0
  59. package/lib/Icon/iconfont/iconfont.ttf +0 -0
  60. package/lib/Icon/iconfont/iconfont.woff +0 -0
  61. package/lib/Icon/iconfont/iconfont.woff2 +0 -0
  62. package/lib/Icon/index.css +8 -0
  63. package/lib/Input/components/Group/index.d.ts +3 -1
  64. package/lib/Input/components/Password/index.d.ts +1 -0
  65. package/lib/Input/index.d.ts +1 -1
  66. package/lib/Input/style/index.css +215 -0
  67. package/lib/Input/style/index.js +1 -1
  68. package/lib/Menu/Divider.d.ts +1 -0
  69. package/lib/Menu/MenuItem.d.ts +7 -0
  70. package/lib/Menu/index.d.ts +1 -0
  71. package/lib/Menu/style/index.css +208 -0
  72. package/lib/Menu/style/index.js +1 -1
  73. package/lib/Navigator/style/index.css +328 -0
  74. package/lib/Navigator/style/index.js +1 -1
  75. package/lib/Select/Selector/index.js +1 -1
  76. package/lib/Select/style/index.css +493 -0
  77. package/lib/Select/style/index.js +1 -1
  78. package/lib/Table/index.d.ts +1 -1
  79. package/lib/Table/index.js +191 -54
  80. package/lib/Table/interface.d.ts +26 -6
  81. package/lib/Table/react-table-config.d.ts +122 -0
  82. package/lib/Table/style/index.css +248 -0
  83. package/lib/Table/style/index.js +1 -1
  84. package/lib/Tabs/index.d.ts +1 -0
  85. package/lib/Tabs/style/index.css +194 -0
  86. package/lib/Tabs/style/index.js +1 -1
  87. package/lib/Tooltip/style/index.css +154 -0
  88. package/lib/Tooltip/style/index.js +1 -1
  89. package/lib/index.d.ts +10 -0
  90. package/lib/style/index.css +145 -0
  91. package/lib/style/index.js +1 -1
  92. package/{es/Input/demo/allowClear/index.less → lib/style/mixins/index.css} +0 -0
  93. package/lib/style/themes/default/index.css +145 -0
  94. package/lib/style/themes/default/themeColor.module.css +145 -0
  95. package/package.json +1 -1
  96. package/es/Button/demo/Icon/index.d.ts +0 -3
  97. package/es/Button/demo/Icon/index.js +0 -67
  98. package/es/Button/demo/Icon/index.less +0 -6
  99. package/es/Button/demo/basic/index.d.ts +0 -4
  100. package/es/Button/demo/basic/index.js +0 -57
  101. package/es/Button/demo/basic/index.less +0 -6
  102. package/es/Button/demo/disable/index.d.ts +0 -3
  103. package/es/Button/demo/disable/index.js +0 -23
  104. package/es/Button/demo/href/index.d.ts +0 -2
  105. package/es/Button/demo/href/index.js +0 -17
  106. package/es/Button/demo/loading/index.d.ts +0 -3
  107. package/es/Button/demo/loading/index.js +0 -37
  108. package/es/Button/demo/loading/index.less +0 -6
  109. package/es/Button/style/index.less +0 -255
  110. package/es/Dropdown/demo/basic/index.d.ts +0 -4
  111. package/es/Dropdown/demo/basic/index.js +0 -18
  112. package/es/Dropdown/demo/button/index.d.ts +0 -3
  113. package/es/Dropdown/demo/button/index.js +0 -159
  114. package/es/Dropdown/demo/button/index.less +0 -9
  115. package/es/Dropdown/demo/placement/index.d.ts +0 -2
  116. package/es/Dropdown/demo/placement/index.js +0 -40
  117. package/es/Dropdown/demo/subMenu/index.d.ts +0 -2
  118. package/es/Dropdown/demo/subMenu/index.js +0 -42
  119. package/es/Dropdown/demo/trigger/index.d.ts +0 -2
  120. package/es/Dropdown/demo/trigger/index.js +0 -17
  121. package/es/Dropdown/style/index.less +0 -40
  122. package/es/Empty/style/index.less +0 -23
  123. package/es/Icon/index.less +0 -32
  124. package/es/Input/demo/allowClear/index.d.ts +0 -3
  125. package/es/Input/demo/allowClear/index.js +0 -11
  126. package/es/Input/demo/basic/index.d.ts +0 -4
  127. package/es/Input/demo/basic/index.js +0 -65
  128. package/es/Input/demo/basic/index.less +0 -14
  129. package/es/Input/demo/gourp/index.d.ts +0 -2
  130. package/es/Input/demo/gourp/index.js +0 -67
  131. package/es/Input/demo/password/index.d.ts +0 -3
  132. package/es/Input/demo/password/index.js +0 -21
  133. package/es/Input/demo/password/index.less +0 -0
  134. package/es/Input/demo/prefix/index.d.ts +0 -3
  135. package/es/Input/demo/prefix/index.js +0 -17
  136. package/es/Input/demo/prefix/index.less +0 -0
  137. package/es/Input/demo/showCount/index.d.ts +0 -3
  138. package/es/Input/demo/showCount/index.js +0 -17
  139. package/es/Input/demo/showCount/index.less +0 -0
  140. package/es/Input/demo/textArea/autoSize.d.ts +0 -2
  141. package/es/Input/demo/textArea/autoSize.js +0 -50
  142. package/es/Input/style/index.less +0 -65
  143. package/es/Menu/style/index.less +0 -37
  144. package/es/Navigator/demo/basic/index.d.ts +0 -4
  145. package/es/Navigator/demo/basic/index.js +0 -45
  146. package/es/Navigator/demo/basic/index.less +0 -3
  147. package/es/Navigator/demo/example/index.d.ts +0 -4
  148. package/es/Navigator/demo/example/index.js +0 -153
  149. package/es/Navigator/demo/example/index.less +0 -10
  150. package/es/Navigator/demo/logo.png +0 -0
  151. package/es/Navigator/demo/menuWithFooter/index.d.ts +0 -4
  152. package/es/Navigator/demo/menuWithFooter/index.js +0 -73
  153. package/es/Navigator/demo/menuWithFooter/index.less +0 -3
  154. package/es/Navigator/demo/subMenu/index.d.ts +0 -4
  155. package/es/Navigator/demo/subMenu/index.js +0 -71
  156. package/es/Navigator/demo/subMenu/index.less +0 -3
  157. package/es/Navigator/style/index.less +0 -224
  158. package/es/Select/demo/disabled/index.d.ts +0 -2
  159. package/es/Select/demo/disabled/index.js +0 -50
  160. package/es/Select/demo/multiple/index.d.ts +0 -2
  161. package/es/Select/demo/multiple/index.js +0 -140
  162. package/es/Select/demo/options/index.d.ts +0 -2
  163. package/es/Select/demo/options/index.js +0 -55
  164. package/es/Select/demo/single/index.d.ts +0 -3
  165. package/es/Select/demo/single/index.js +0 -89
  166. package/es/Select/demo/single/index.less +0 -5
  167. package/es/Select/style/index.less +0 -532
  168. package/es/Table/demo/basic/createData.d.ts +0 -9
  169. package/es/Table/demo/basic/createData.js +0 -18
  170. package/es/Table/demo/basic/index.d.ts +0 -2
  171. package/es/Table/demo/basic/index.js +0 -64
  172. package/es/Table/demo/editCell/index.d.ts +0 -2
  173. package/es/Table/demo/editCell/index.js +0 -39
  174. package/es/Table/demo/renderHeaderRight/index.d.ts +0 -2
  175. package/es/Table/demo/renderHeaderRight/index.js +0 -37
  176. package/es/Table/demo/rowSelect/index.d.ts +0 -2
  177. package/es/Table/demo/rowSelect/index.js +0 -40
  178. package/es/Table/demo/sort/index.d.ts +0 -2
  179. package/es/Table/demo/sort/index.js +0 -32
  180. package/es/Table/demo/virtualList/index.d.ts +0 -2
  181. package/es/Table/demo/virtualList/index.js +0 -88
  182. package/es/Table/style/index.less +0 -111
  183. package/es/Tabs/demo/adaptHeight/index.d.ts +0 -3
  184. package/es/Tabs/demo/adaptHeight/index.js +0 -19
  185. package/es/Tabs/demo/adaptHeight/index.less +0 -3
  186. package/es/Tabs/demo/basic/index.d.ts +0 -4
  187. package/es/Tabs/demo/basic/index.js +0 -44
  188. package/es/Tabs/demo/basic/index.less +0 -5
  189. package/es/Tabs/demo/horizontalScroll/index.d.ts +0 -3
  190. package/es/Tabs/demo/horizontalScroll/index.js +0 -30
  191. package/es/Tabs/demo/horizontalScroll/index.less +0 -3
  192. package/es/Tabs/style/index.less +0 -61
  193. package/es/Tooltip/demo/basic/index.d.ts +0 -2
  194. package/es/Tooltip/demo/basic/index.js +0 -7
  195. package/es/Tooltip/demo/overflow/index.d.ts +0 -2
  196. package/es/Tooltip/demo/overflow/index.js +0 -7
  197. package/es/Tooltip/demo/placement/index.d.ts +0 -6
  198. package/es/Tooltip/demo/placement/index.js +0 -70
  199. package/es/Tooltip/demo/placement/index.less +0 -7
  200. package/es/Tooltip/demo/trigger/index.d.ts +0 -3
  201. package/es/Tooltip/demo/trigger/index.js +0 -20
  202. package/es/Tooltip/demo/trigger/index.less +0 -5
  203. package/es/Tooltip/style/index.less +0 -14
  204. package/es/style/index.less +0 -3
  205. package/es/style/mixins/index.less +0 -0
  206. package/es/style/themes/default/index.less +0 -36
  207. package/es/style/themes/default/themeColor.module.less +0 -259
  208. package/lib/Button/demo/Icon/index.d.ts +0 -3
  209. package/lib/Button/demo/Icon/index.js +0 -82
  210. package/lib/Button/demo/Icon/index.less +0 -6
  211. package/lib/Button/demo/basic/index.d.ts +0 -4
  212. package/lib/Button/demo/basic/index.js +0 -73
  213. package/lib/Button/demo/basic/index.less +0 -6
  214. package/lib/Button/demo/disable/index.d.ts +0 -3
  215. package/lib/Button/demo/disable/index.js +0 -37
  216. package/lib/Button/demo/disable/index.less +0 -0
  217. package/lib/Button/demo/href/index.d.ts +0 -2
  218. package/lib/Button/demo/href/index.js +0 -30
  219. package/lib/Button/demo/loading/index.d.ts +0 -3
  220. package/lib/Button/demo/loading/index.js +0 -51
  221. package/lib/Button/demo/loading/index.less +0 -6
  222. package/lib/Button/style/index.less +0 -255
  223. package/lib/Dropdown/demo/basic/index.d.ts +0 -4
  224. package/lib/Dropdown/demo/basic/index.js +0 -35
  225. package/lib/Dropdown/demo/button/index.d.ts +0 -3
  226. package/lib/Dropdown/demo/button/index.js +0 -182
  227. package/lib/Dropdown/demo/button/index.less +0 -9
  228. package/lib/Dropdown/demo/placement/index.d.ts +0 -2
  229. package/lib/Dropdown/demo/placement/index.js +0 -56
  230. package/lib/Dropdown/demo/subMenu/index.d.ts +0 -2
  231. package/lib/Dropdown/demo/subMenu/index.js +0 -59
  232. package/lib/Dropdown/demo/trigger/index.d.ts +0 -2
  233. package/lib/Dropdown/demo/trigger/index.js +0 -32
  234. package/lib/Dropdown/style/index.less +0 -40
  235. package/lib/Empty/style/index.less +0 -23
  236. package/lib/Icon/index.less +0 -32
  237. package/lib/Input/demo/allowClear/index.d.ts +0 -3
  238. package/lib/Input/demo/allowClear/index.js +0 -25
  239. package/lib/Input/demo/allowClear/index.less +0 -0
  240. package/lib/Input/demo/basic/index.d.ts +0 -4
  241. package/lib/Input/demo/basic/index.js +0 -80
  242. package/lib/Input/demo/basic/index.less +0 -14
  243. package/lib/Input/demo/gourp/index.d.ts +0 -2
  244. package/lib/Input/demo/gourp/index.js +0 -81
  245. package/lib/Input/demo/password/index.d.ts +0 -3
  246. package/lib/Input/demo/password/index.js +0 -35
  247. package/lib/Input/demo/password/index.less +0 -0
  248. package/lib/Input/demo/prefix/index.d.ts +0 -3
  249. package/lib/Input/demo/prefix/index.js +0 -32
  250. package/lib/Input/demo/prefix/index.less +0 -0
  251. package/lib/Input/demo/showCount/index.d.ts +0 -3
  252. package/lib/Input/demo/showCount/index.js +0 -31
  253. package/lib/Input/demo/showCount/index.less +0 -0
  254. package/lib/Input/demo/textArea/autoSize.d.ts +0 -2
  255. package/lib/Input/demo/textArea/autoSize.js +0 -63
  256. package/lib/Input/style/index.less +0 -65
  257. package/lib/Menu/style/index.less +0 -37
  258. package/lib/Navigator/demo/basic/index.d.ts +0 -4
  259. package/lib/Navigator/demo/basic/index.js +0 -62
  260. package/lib/Navigator/demo/basic/index.less +0 -3
  261. package/lib/Navigator/demo/example/index.d.ts +0 -4
  262. package/lib/Navigator/demo/example/index.js +0 -179
  263. package/lib/Navigator/demo/example/index.less +0 -10
  264. package/lib/Navigator/demo/logo.png +0 -0
  265. package/lib/Navigator/demo/menuWithFooter/index.d.ts +0 -4
  266. package/lib/Navigator/demo/menuWithFooter/index.js +0 -92
  267. package/lib/Navigator/demo/menuWithFooter/index.less +0 -3
  268. package/lib/Navigator/demo/subMenu/index.d.ts +0 -4
  269. package/lib/Navigator/demo/subMenu/index.js +0 -88
  270. package/lib/Navigator/demo/subMenu/index.less +0 -3
  271. package/lib/Navigator/style/index.less +0 -224
  272. package/lib/Select/demo/disabled/index.d.ts +0 -2
  273. package/lib/Select/demo/disabled/index.js +0 -64
  274. package/lib/Select/demo/multiple/index.d.ts +0 -2
  275. package/lib/Select/demo/multiple/index.js +0 -154
  276. package/lib/Select/demo/options/index.d.ts +0 -2
  277. package/lib/Select/demo/options/index.js +0 -69
  278. package/lib/Select/demo/single/index.d.ts +0 -3
  279. package/lib/Select/demo/single/index.js +0 -103
  280. package/lib/Select/demo/single/index.less +0 -5
  281. package/lib/Select/style/index.less +0 -532
  282. package/lib/Table/demo/basic/createData.d.ts +0 -9
  283. package/lib/Table/demo/basic/createData.js +0 -23
  284. package/lib/Table/demo/basic/index.d.ts +0 -2
  285. package/lib/Table/demo/basic/index.js +0 -80
  286. package/lib/Table/demo/editCell/index.d.ts +0 -2
  287. package/lib/Table/demo/editCell/index.js +0 -54
  288. package/lib/Table/demo/renderHeaderRight/index.d.ts +0 -2
  289. package/lib/Table/demo/renderHeaderRight/index.js +0 -52
  290. package/lib/Table/demo/rowSelect/index.d.ts +0 -2
  291. package/lib/Table/demo/rowSelect/index.js +0 -55
  292. package/lib/Table/demo/sort/index.d.ts +0 -2
  293. package/lib/Table/demo/sort/index.js +0 -47
  294. package/lib/Table/demo/virtualList/index.d.ts +0 -2
  295. package/lib/Table/demo/virtualList/index.js +0 -103
  296. package/lib/Table/style/index.less +0 -111
  297. package/lib/Tabs/demo/adaptHeight/index.d.ts +0 -3
  298. package/lib/Tabs/demo/adaptHeight/index.js +0 -34
  299. package/lib/Tabs/demo/adaptHeight/index.less +0 -3
  300. package/lib/Tabs/demo/basic/index.d.ts +0 -4
  301. package/lib/Tabs/demo/basic/index.js +0 -67
  302. package/lib/Tabs/demo/basic/index.less +0 -5
  303. package/lib/Tabs/demo/horizontalScroll/index.d.ts +0 -3
  304. package/lib/Tabs/demo/horizontalScroll/index.js +0 -45
  305. package/lib/Tabs/demo/horizontalScroll/index.less +0 -3
  306. package/lib/Tabs/style/index.less +0 -61
  307. package/lib/Tooltip/demo/basic/index.d.ts +0 -2
  308. package/lib/Tooltip/demo/basic/index.js +0 -20
  309. package/lib/Tooltip/demo/overflow/index.d.ts +0 -2
  310. package/lib/Tooltip/demo/overflow/index.js +0 -20
  311. package/lib/Tooltip/demo/placement/index.d.ts +0 -6
  312. package/lib/Tooltip/demo/placement/index.js +0 -86
  313. package/lib/Tooltip/demo/placement/index.less +0 -7
  314. package/lib/Tooltip/demo/trigger/index.d.ts +0 -3
  315. package/lib/Tooltip/demo/trigger/index.js +0 -34
  316. package/lib/Tooltip/demo/trigger/index.less +0 -5
  317. package/lib/Tooltip/style/index.less +0 -14
  318. package/lib/style/index.less +0 -3
  319. package/lib/style/mixins/index.less +0 -0
  320. package/lib/style/themes/default/index.less +0 -36
  321. package/lib/style/themes/default/themeColor.module.less +0 -259
@@ -1,37 +0,0 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
-
5
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
6
-
7
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
8
-
9
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
11
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
- import React from "react";
14
- import { Button } from "@aloudata/aloudata-design";
15
- import './index.less';
16
- export default (function () {
17
- var _React$useState = React.useState(false),
18
- _React$useState2 = _slicedToArray(_React$useState, 2),
19
- loading = _React$useState2[0],
20
- setLoading = _React$useState2[1];
21
-
22
- var handleChange = function handleChange(e) {
23
- setLoading(true);
24
- setTimeout(setLoading.bind(false), 3000);
25
- };
26
-
27
- return /*#__PURE__*/React.createElement("div", {
28
- className: "ald-button-demo"
29
- }, /*#__PURE__*/React.createElement(Button, {
30
- loading: true
31
- }, "loading"), /*#__PURE__*/React.createElement(Button, {
32
- loading: true
33
- }), /*#__PURE__*/React.createElement(Button, {
34
- loading: loading,
35
- onClick: handleChange
36
- }, "\u70B9\u51FB\u63D0\u4EA4"));
37
- });
@@ -1,6 +0,0 @@
1
- .ald-button-demo {
2
- .ant-btn {
3
- margin-right: 8px;
4
- margin-bottom: 12px;
5
- }
6
- }
@@ -1,255 +0,0 @@
1
- @import '../../style/index.less';
2
-
3
- @ald-prefix:ant;
4
- @ald-iconfont-css-prefix:anticon;
5
- .@{ald-prefix}-btn {
6
-
7
- &.@{ald-prefix}-btn {
8
- // &-loading::before{
9
- // // display: none !important;
10
- // }
11
-
12
- &-primary,
13
- &-dangerous,
14
- &-secondary,
15
- &-text,
16
- &-link {
17
- font-size: 12px;
18
- height: @height-base;
19
- padding: 0 12px;
20
- display: inline-flex;
21
- line-height: @height-base;
22
- align-items: center;
23
- font-weight: 500;
24
- justify-content: center;
25
- .@{ald-iconfont-css-prefix} {
26
- + span {
27
- margin-left: 4px;
28
- }
29
-
30
- &-icon-left {
31
- margin-left: -4px;
32
- }
33
-
34
- &-icon-right {
35
- margin-right: -4px;
36
- }
37
- }
38
- }
39
-
40
- &-primary {
41
- background-color: @B40;
42
- border-color: @B40;
43
- box-shadow: none;
44
- border-radius: @border-radius-base;
45
- text-shadow: @text-shadow;
46
- &:hover,
47
- &:focus,
48
- &:active,
49
- &.@{ald-prefix}-btn-loading {
50
- background-color: @B20;
51
- border-color: @B20;
52
- color: @ND0;
53
- }
54
-
55
- &[disabled] {
56
- background-color: @NL90;
57
- border-color: transparent;
58
- color: @NL80;
59
-
60
- &:hover,
61
- &:focus,
62
- &:active {
63
- background-color: @NL90;
64
- border-color: transparent;
65
- color: @NL80;
66
- }
67
- }
68
- }
69
- &-dangerous.@{ald-prefix}-btn-primary {
70
- background-color: @SC40;
71
- border-color: @SC40;
72
- color: @ND0;
73
- text-shadow: @text-shadow;
74
- box-shadow: unset;
75
-
76
- &:hover {
77
- background-color: @SC20;
78
- border-color: @SC20;
79
- color: @ND0;
80
- }
81
- &:focus,
82
- &:active,
83
- &.@{ald-prefix}-btn-loading {
84
- background-color: @SC20;
85
- border-color: @SC20;
86
- color: @ND0;
87
- }
88
-
89
- &[disabled] {
90
- background-color: @NL90;
91
- border-color: transparent;
92
- color: @NL80;
93
-
94
- &:hover,
95
- &:focus,
96
- &:active {
97
- background-color: @NL90;
98
- border-color: transparent;
99
- color: @NL80;
100
- }
101
- }
102
- }
103
-
104
- &-secondary {
105
- background-color: @BG100;
106
- border-color: @NL90;
107
- color: @NL30;
108
- box-shadow: none;
109
- border-radius: @border-radius-base;
110
- text-shadow: @text-shadow;
111
-
112
- &:hover,
113
- &:focus,
114
- &:active,
115
- &.@{ald-prefix}-btn-loading {
116
- background-color: @NL97;
117
- border-color: @NL90;
118
- color: @NL30;
119
- }
120
-
121
- &[disabled] {
122
- background-color: @BG100;
123
- border-color: @NL90;
124
- color: @NL80;
125
-
126
- &:hover,
127
- &:focus,
128
- &:active {
129
- background-color: @BG100;
130
- border-color: @NL90;
131
- color: @NL80;
132
- }
133
- }
134
- }
135
-
136
- &-text {
137
- background-color: @BG100;
138
- border-color: @BG100;
139
- color: @NL30;
140
- box-shadow: none;
141
- border-radius: @border-radius-base;
142
- text-shadow: @text-shadow;
143
- &:hover,
144
- &:focus,
145
- &:active,
146
- &.@{ald-prefix}-btn-loading {
147
- background-color: @NL97;
148
- // border-color: @NL97;
149
- color: @NL30;
150
- }
151
-
152
- &[disabled] {
153
- background-color: transparent;
154
- border-color: transparent;
155
- color: @NL80;
156
-
157
- &:hover,
158
- &:focus,
159
- &:active {
160
- background-color: transparent;
161
- border-color: transparent;
162
- color: @NL80;
163
- }
164
- }
165
- }
166
-
167
- &-link {
168
- background-color: @BG100;
169
- border-color: @BG100;
170
- color: @B40;
171
- font-weight: 400;
172
- box-shadow: none;
173
- border-radius: @border-radius-base;
174
- text-shadow: @text-shadow;
175
- &:hover,
176
- &:focus,
177
- &:active,
178
- &.@{ald-prefix}-btn-loading {
179
- background-color: @BG100;
180
- border-color: @BG100;
181
- color: @B20;
182
- }
183
-
184
- &[disabled] {
185
- background-color: transparent;
186
- border-color: transparent;
187
- color: @NL80;
188
-
189
- &:hover,
190
- &:focus,
191
- &:active {
192
- background-color: transparent;
193
- border-color: transparent;
194
- color: @NL80;
195
- }
196
- }
197
- }
198
-
199
- &-icon-only {
200
- justify-content: center;
201
- padding: 0;
202
- vertical-align: bottom;
203
- height: @height-base;
204
- width: @height-base;
205
- &.@{ald-prefix}-btn-loading-icon {
206
- vertical-align: baseline;
207
- }
208
- .@{ald-iconfont-css-prefix} {
209
- display: flex;
210
- align-items: center;
211
- justify-content: center;
212
- margin-left: 0;
213
- }
214
- }
215
-
216
- &-circle {
217
- width: @height-base;
218
- min-width: auto;
219
- padding: 0;
220
- justify-content: center;
221
- border-radius: 50%;
222
- }
223
-
224
- &-lg {
225
- height: 32px;
226
- font-size: 14px;
227
- min-width: auto;
228
- &.@{ald-prefix}-btn-icon-only {
229
- height: 32px;
230
- width: 32px;
231
- min-width: auto;
232
- }
233
- &.@{ald-prefix}-btn-circle {
234
- width: 32px;
235
- height: 32px;
236
- border-radius: 50%;
237
- }
238
- }
239
-
240
- &-sm {
241
- height: 24px;
242
- border-radius: @border-radius-sm;
243
- &.@{ald-prefix}-btn-icon-only {
244
- height: 24px;
245
- width: 24px;
246
- border-radius: @border-radius-sm;
247
- }
248
- &.@{ald-prefix}-btn-circle {
249
- width: 32px;
250
- height: 32px;
251
- border-radius: 50%;
252
- }
253
- }
254
- }
255
- }
@@ -1,4 +0,0 @@
1
- import '../../style/index.less';
2
- import '../../../Menu/style/index.less';
3
- declare const _default: () => JSX.Element;
4
- export default _default;
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- import { Dropdown, Menu } from '@aloudata/aloudata-design';
3
- import '../../style/index.less';
4
- import '../../../Menu/style/index.less';
5
- var MenuItem = Menu.Item;
6
- export default (function () {
7
- var menu = /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem, {
8
- key: 1
9
- }, "1st menu item"), /*#__PURE__*/React.createElement(MenuItem, {
10
- key: 2,
11
- disabled: true
12
- }, "2nd menu item"), /*#__PURE__*/React.createElement(MenuItem, {
13
- key: 3
14
- }, "3nd menu item"));
15
- return /*#__PURE__*/React.createElement(Dropdown, {
16
- overlay: menu
17
- }, /*#__PURE__*/React.createElement("span", null, "Hover me"));
18
- });
@@ -1,3 +0,0 @@
1
- import './index.less';
2
- declare const _default: () => JSX.Element;
3
- export default _default;
@@ -1,159 +0,0 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
-
5
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
6
-
7
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
8
-
9
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
11
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
- import React, { useState } from 'react';
14
- import Icon from '../../../Icon';
15
- import Radio from 'antd/lib/radio';
16
- import { Dropdown, Menu } from '@aloudata/aloudata-design';
17
- import './index.less';
18
- var DropdownButton = Dropdown.Button;
19
- export default (function () {
20
- var _useState = useState('default'),
21
- _useState2 = _slicedToArray(_useState, 2),
22
- size = _useState2[0],
23
- setSize = _useState2[1];
24
-
25
- var _useState3 = useState('primary'),
26
- _useState4 = _slicedToArray(_useState3, 2),
27
- type = _useState4[0],
28
- setType = _useState4[1];
29
-
30
- var _useState5 = useState(false),
31
- _useState6 = _slicedToArray(_useState5, 2),
32
- disabled = _useState6[0],
33
- setDisabled = _useState6[1];
34
-
35
- var _useState7 = useState(false),
36
- _useState8 = _slicedToArray(_useState7, 2),
37
- isIcon = _useState8[0],
38
- setIsIcon = _useState8[1];
39
-
40
- var _useState9 = useState(false),
41
- _useState10 = _slicedToArray(_useState9, 2),
42
- loading = _useState10[0],
43
- setLoading = _useState10[1];
44
-
45
- var _useState11 = useState('bottomLeft'),
46
- _useState12 = _slicedToArray(_useState11, 2),
47
- placement = _useState12[0],
48
- setPlacement = _useState12[1];
49
-
50
- var menu = /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Item, {
51
- key: "1"
52
- }, "1st menu item"), /*#__PURE__*/React.createElement(Menu.Item, {
53
- key: "2"
54
- }, "2nd menu item"), /*#__PURE__*/React.createElement(Menu.Item, {
55
- key: "3"
56
- }, "3rd menu item, long long content"));
57
-
58
- function onChangeValue(setCallback) {
59
- return function (e) {
60
- return setCallback(e.target.value);
61
- };
62
- }
63
-
64
- return /*#__PURE__*/React.createElement("div", {
65
- className: "demo-dropdown-button"
66
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
67
- className: "row"
68
- }, /*#__PURE__*/React.createElement("span", {
69
- className: "title"
70
- }, "type:"), /*#__PURE__*/React.createElement(Radio.Group, {
71
- value: type,
72
- onChange: onChangeValue(setType)
73
- }, /*#__PURE__*/React.createElement(Radio, {
74
- value: "primary"
75
- }, "primary"), /*#__PURE__*/React.createElement(Radio, {
76
- value: "secondary"
77
- }, "secondary"), /*#__PURE__*/React.createElement(Radio, {
78
- value: "danger"
79
- }, "danger"), /*#__PURE__*/React.createElement(Radio, {
80
- value: "text"
81
- }, "text"), /*#__PURE__*/React.createElement(Radio, {
82
- value: "link"
83
- }, "link"))), /*#__PURE__*/React.createElement("div", {
84
- className: "row"
85
- }, /*#__PURE__*/React.createElement("span", {
86
- className: "title"
87
- }, "size:"), /*#__PURE__*/React.createElement(Radio.Group, {
88
- value: size,
89
- onChange: onChangeValue(setSize)
90
- }, /*#__PURE__*/React.createElement(Radio, {
91
- value: "large"
92
- }, "large"), /*#__PURE__*/React.createElement(Radio, {
93
- value: "default"
94
- }, "default"), /*#__PURE__*/React.createElement(Radio, {
95
- value: "small"
96
- }, "small"))), /*#__PURE__*/React.createElement("div", {
97
- className: "row"
98
- }, /*#__PURE__*/React.createElement("span", {
99
- className: "title"
100
- }, "disabled:"), /*#__PURE__*/React.createElement(Radio.Group, {
101
- value: disabled,
102
- onChange: onChangeValue(setDisabled)
103
- }, /*#__PURE__*/React.createElement(Radio, {
104
- value: true
105
- }, "true"), /*#__PURE__*/React.createElement(Radio, {
106
- value: false
107
- }, "false"))), /*#__PURE__*/React.createElement("div", {
108
- className: "row"
109
- }, /*#__PURE__*/React.createElement("span", {
110
- className: "title"
111
- }, "icon button:"), /*#__PURE__*/React.createElement(Radio.Group, {
112
- value: isIcon,
113
- onChange: onChangeValue(setIsIcon)
114
- }, /*#__PURE__*/React.createElement(Radio, {
115
- value: true
116
- }, "icon button"), /*#__PURE__*/React.createElement(Radio, {
117
- value: false
118
- }, "not icon button"))), /*#__PURE__*/React.createElement("div", {
119
- className: "row"
120
- }, /*#__PURE__*/React.createElement("span", {
121
- className: "title"
122
- }, "loading:"), /*#__PURE__*/React.createElement(Radio.Group, {
123
- value: loading,
124
- onChange: onChangeValue(setLoading)
125
- }, /*#__PURE__*/React.createElement(Radio, {
126
- value: true
127
- }, "loading"), /*#__PURE__*/React.createElement(Radio, {
128
- value: false
129
- }, "not loading"))), /*#__PURE__*/React.createElement("div", {
130
- className: "row"
131
- }, /*#__PURE__*/React.createElement("span", {
132
- className: "title"
133
- }, "placement:"), /*#__PURE__*/React.createElement(Radio.Group, {
134
- value: placement,
135
- onChange: onChangeValue(setPlacement)
136
- }, /*#__PURE__*/React.createElement(Radio, {
137
- value: "bottomLeft"
138
- }, "bottomLeft"), /*#__PURE__*/React.createElement(Radio, {
139
- value: "bottomCenter"
140
- }, "bottomCenter"), /*#__PURE__*/React.createElement(Radio, {
141
- value: "bottomRight"
142
- }, "bottomRight"), /*#__PURE__*/React.createElement(Radio, {
143
- value: "topLeft"
144
- }, "topLeft"), /*#__PURE__*/React.createElement(Radio, {
145
- value: "topCenter"
146
- }, "topCenter"), /*#__PURE__*/React.createElement(Radio, {
147
- value: "topRight"
148
- }, "topRight")))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DropdownButton, {
149
- overlay: menu,
150
- icon: isIcon && /*#__PURE__*/React.createElement(Icon, {
151
- type: "arrow_drop_down"
152
- }),
153
- loading: loading,
154
- disabled: disabled,
155
- size: size,
156
- type: type,
157
- placement: placement
158
- }, isIcon ? null : 'Button Content')));
159
- });
@@ -1,9 +0,0 @@
1
- .demo-dropdown-button {
2
- .row {
3
- margin-bottom: 8px;
4
- }
5
-
6
- .title {
7
- padding-right: 8px;
8
- }
9
- }
@@ -1,2 +0,0 @@
1
- declare const _default: () => JSX.Element;
2
- export default _default;
@@ -1,40 +0,0 @@
1
- import React from 'react';
2
- import Button from 'antd/lib/button';
3
- import Space from 'antd/lib/space';
4
- import { Dropdown, Menu } from '@aloudata/aloudata-design';
5
- var menu = /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(Menu.Item, {
6
- key: 1
7
- }, "1st menu item"), /*#__PURE__*/React.createElement(Menu.Item, {
8
- key: 2
9
- }, "2nd menu item"), /*#__PURE__*/React.createElement(Menu.Item, {
10
- key: 3
11
- }, "3rd menu item"));
12
- export default (function () {
13
- return /*#__PURE__*/React.createElement("div", {
14
- className: "demo-dropdown-placement"
15
- }, /*#__PURE__*/React.createElement(Space, {
16
- direction: "vertical"
17
- }, /*#__PURE__*/React.createElement(Space, {
18
- wrap: true
19
- }, /*#__PURE__*/React.createElement(Dropdown, {
20
- overlay: menu,
21
- placement: "bottomLeft"
22
- }, /*#__PURE__*/React.createElement(Button, null, "bottomLeft")), /*#__PURE__*/React.createElement(Dropdown, {
23
- overlay: menu,
24
- placement: "bottomCenter"
25
- }, /*#__PURE__*/React.createElement(Button, null, "bottomCenter")), /*#__PURE__*/React.createElement(Dropdown, {
26
- overlay: menu,
27
- placement: "bottomRight"
28
- }, /*#__PURE__*/React.createElement(Button, null, "bottomRight"))), /*#__PURE__*/React.createElement(Space, {
29
- wrap: true
30
- }, /*#__PURE__*/React.createElement(Dropdown, {
31
- overlay: menu,
32
- placement: "topLeft"
33
- }, /*#__PURE__*/React.createElement(Button, null, "topLeft")), /*#__PURE__*/React.createElement(Dropdown, {
34
- overlay: menu,
35
- placement: "topCenter"
36
- }, /*#__PURE__*/React.createElement(Button, null, "topCenter")), /*#__PURE__*/React.createElement(Dropdown, {
37
- overlay: menu,
38
- placement: "topRight"
39
- }, /*#__PURE__*/React.createElement(Button, null, "topRight")))));
40
- });
@@ -1,2 +0,0 @@
1
- declare const _default: () => JSX.Element;
2
- export default _default;
@@ -1,42 +0,0 @@
1
- import "antd/es/message/style";
2
- import _message from "antd/es/message";
3
- import React from 'react';
4
- import { Dropdown, Menu } from '@aloudata/aloudata-design';
5
- var MenuItem = Menu.Item;
6
- var SubMenu = Menu.SubMenu;
7
- var MenuDivider = Menu.Divider;
8
- export default (function () {
9
- var menu = /*#__PURE__*/React.createElement(Menu, {
10
- onClick: function onClick(info) {
11
- _message.info("Click on menu item ".concat(info.key));
12
- }
13
- }, /*#__PURE__*/React.createElement(MenuItem, {
14
- key: 1
15
- }, "1st menu item"), /*#__PURE__*/React.createElement(MenuItem, {
16
- key: 2,
17
- disabled: true
18
- }, "2nd menu item"), /*#__PURE__*/React.createElement(MenuItem, {
19
- key: 3
20
- }, "3nd menu item"), /*#__PURE__*/React.createElement(MenuDivider, null), /*#__PURE__*/React.createElement(SubMenu, {
21
- key: 4,
22
- title: "sub menu"
23
- }, /*#__PURE__*/React.createElement(MenuItem, {
24
- key: 5
25
- }, "Sub menu item5"), /*#__PURE__*/React.createElement(MenuItem, {
26
- key: 6
27
- }, "Sub menu item6Sub menu item6Sub menu item6Sub menu item6"), /*#__PURE__*/React.createElement(MenuItem, {
28
- key: 7
29
- }, "Sub menu item7"), /*#__PURE__*/React.createElement(SubMenu, {
30
- key: 8,
31
- title: "sub menu"
32
- }, /*#__PURE__*/React.createElement(MenuItem, {
33
- key: 9
34
- }, "Sub menu item9"), /*#__PURE__*/React.createElement(MenuItem, {
35
- key: 10
36
- }, "Sub menu item10"), /*#__PURE__*/React.createElement(MenuItem, {
37
- key: 11
38
- }, "Sub menu item11"))));
39
- return /*#__PURE__*/React.createElement(Dropdown, {
40
- overlay: menu
41
- }, /*#__PURE__*/React.createElement("span", null, "Hover me"));
42
- });
@@ -1,2 +0,0 @@
1
- declare const _default: () => JSX.Element;
2
- export default _default;
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- import { Dropdown, Menu } from '@aloudata/aloudata-design';
3
- var MenuItem = Menu.Item;
4
- export default (function () {
5
- var menu = /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem, {
6
- key: 1
7
- }, "1st menu item"), /*#__PURE__*/React.createElement(MenuItem, {
8
- key: 2,
9
- disabled: true
10
- }, "2nd menu item"), /*#__PURE__*/React.createElement(MenuItem, {
11
- key: 3
12
- }, "3nd menu item"));
13
- return /*#__PURE__*/React.createElement(Dropdown, {
14
- overlay: menu,
15
- trigger: ['click']
16
- }, /*#__PURE__*/React.createElement("span", null, "Click me"));
17
- });
@@ -1,40 +0,0 @@
1
- @import '../../style/index.less';
2
-
3
- .ant-dropdown-menu > .ant-dropdown-menu {
4
- padding: 0;
5
- box-shadow: none;
6
- }
7
-
8
- .ald-menu,
9
- .ald-submenu {
10
- .ant-dropdown-menu-item-active {
11
- background-color: @NL97;
12
- }
13
-
14
- .ant-dropdown-menu-item-disabled {
15
- color: @NL80;
16
- }
17
-
18
- .ant-dropdown-menu-submenu-title {
19
- padding: 5px 24px 5px 12px;
20
-
21
- .ant-dropdown-menu-submenu-expand-icon {
22
- right: 12px;
23
- }
24
- }
25
-
26
- .ant-dropdown-menu-item {
27
- padding: 5px 12px;
28
- }
29
-
30
- .ant-dropdown-menu-item,
31
- .ant-dropdown-menu-submenu-title {
32
- &:hover {
33
- background-color: @NL97;
34
- }
35
- }
36
- }
37
-
38
- .ald-submenu.ant-dropdown-menu-submenu-popup ul {
39
- margin: 0;
40
- }
@@ -1,23 +0,0 @@
1
- @import '../../style/index.less';
2
-
3
- @ald-prefix:ant;
4
- @ald-iconfont-css-prefix:anticon;
5
- .@{ald-prefix}-empty {
6
- display: flex;
7
- align-items: center;
8
- justify-content: center;
9
- padding: 46px 0;
10
- height: 100%;
11
-
12
- &-content {
13
- text-align: center;
14
- }
15
-
16
- &-description {
17
- font-size: 12px;
18
- font-weight: 500;
19
- color: @NL0;
20
- text-align: center;
21
- line-height: 16px;
22
- }
23
- }