@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,40 +0,0 @@
1
- import React from 'react';
2
- import { Table, Input } from '@aloudata/aloudata-design';
3
- import { makeData } from '../basic/createData'; // import Table from '../../Example'
4
-
5
- var columns = [{
6
- Header: 'First Name',
7
- accessor: 'firstName',
8
- width: 150
9
- }, {
10
- Header: 'Last Name',
11
- accessor: 'lastName'
12
- }, {
13
- Header: 'Age',
14
- accessor: 'age'
15
- }, {
16
- Header: 'Visits',
17
- accessor: 'visits'
18
- }, {
19
- Header: 'Status',
20
- accessor: 'status'
21
- }, {
22
- Header: 'Profile Progress',
23
- accessor: 'progress'
24
- }];
25
- export default (function () {
26
- return /*#__PURE__*/React.createElement("div", {
27
- className: "ald-table-demo"
28
- }, /*#__PURE__*/React.createElement(Table, {
29
- columns: columns,
30
- onRowSelected: function onRowSelected(record) {
31
- console.log(record);
32
- },
33
- data: makeData(10),
34
- renderHeaderRight: function renderHeaderRight() {
35
- return /*#__PURE__*/React.createElement(Input, {
36
- placeholder: "\u8BF7\u8F93\u5165"
37
- });
38
- }
39
- }));
40
- });
@@ -1,2 +0,0 @@
1
- declare const _default: () => JSX.Element;
2
- export default _default;
@@ -1,32 +0,0 @@
1
- import React from 'react';
2
- import { Table } from '@aloudata/aloudata-design';
3
- import { makeData } from '../basic/createData'; // import Table from '../../Example'
4
-
5
- var columns = [{
6
- Header: 'First Name',
7
- accessor: 'firstName',
8
- width: 150
9
- }, {
10
- Header: 'Last Name',
11
- accessor: 'lastName'
12
- }, {
13
- Header: 'Age',
14
- accessor: 'age'
15
- }, {
16
- Header: 'Visits',
17
- accessor: 'visits'
18
- }, {
19
- Header: 'Status',
20
- accessor: 'status'
21
- }, {
22
- Header: 'Profile Progress',
23
- accessor: 'progress'
24
- }];
25
- export default (function () {
26
- return /*#__PURE__*/React.createElement("div", {
27
- className: "ald-table-demo"
28
- }, /*#__PURE__*/React.createElement(Table, {
29
- columns: columns,
30
- data: makeData(10)
31
- }));
32
- });
@@ -1,2 +0,0 @@
1
- declare const _default: () => JSX.Element;
2
- export default _default;
@@ -1,88 +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 { Table } from '@aloudata/aloudata-design';
15
- import { makeData } from '../basic/createData';
16
- var columns = [{
17
- Header: 'First Name',
18
- accessor: 'firstName',
19
- width: 150
20
- }, {
21
- Header: 'Last Name',
22
- accessor: 'lastName'
23
- }, {
24
- Header: 'Age',
25
- accessor: 'age'
26
- }, {
27
- Header: 'Visits',
28
- accessor: 'visits'
29
- }, {
30
- Header: 'Status',
31
- accessor: 'status'
32
- }, {
33
- Header: 'Profile Progress',
34
- accessor: 'progress'
35
- }];
36
- export default (function () {
37
- var _React$useState = React.useState([]),
38
- _React$useState2 = _slicedToArray(_React$useState, 2),
39
- data = _React$useState2[0],
40
- setData = _React$useState2[1];
41
-
42
- var _React$useState3 = React.useState(false),
43
- _React$useState4 = _slicedToArray(_React$useState3, 2),
44
- loading = _React$useState4[0],
45
- setLoading = _React$useState4[1];
46
-
47
- var _React$useState5 = React.useState(true),
48
- _React$useState6 = _slicedToArray(_React$useState5, 2),
49
- hasNextPage = _React$useState6[0],
50
- setHasNextPage = _React$useState6[1];
51
-
52
- var _React$useState7 = React.useState(1),
53
- _React$useState8 = _slicedToArray(_React$useState7, 2),
54
- currentPage = _React$useState8[0],
55
- setCurrentPage = _React$useState8[1];
56
-
57
- var pageSize = 10;
58
-
59
- var loadMoreItems = function loadMoreItems() {
60
- return new Promise(function (resolve) {
61
- setLoading(true);
62
- setTimeout(function () {
63
- var newData = makeData(pageSize * currentPage);
64
- setCurrentPage(currentPage + 1);
65
- setLoading(false);
66
-
67
- if (newData.length > 100) {
68
- setHasNextPage(false);
69
- } else {
70
- setData(newData);
71
- }
72
-
73
- resolve();
74
- }, 1000);
75
- });
76
- };
77
-
78
- return /*#__PURE__*/React.createElement("div", {
79
- className: "ald-input-demo"
80
- }, /*#__PURE__*/React.createElement(Table, {
81
- columns: columns,
82
- scrollY: 450,
83
- loading: loading,
84
- data: data,
85
- loadMore: loadMoreItems,
86
- hasNextPage: hasNextPage
87
- }));
88
- });
@@ -1,111 +0,0 @@
1
- @import '../../style/index.less';
2
-
3
- @ald-prefix:ant;
4
- @ald-iconfont-css-prefix:anticon;
5
- @table-row-height:40px;
6
- .@{ald-prefix}-blockTable {
7
- &-thead {
8
- .@{ald-prefix}-blockTable-cell {
9
- position: relative;
10
- color: @NL50;
11
- // border: 1px solid red;
12
-
13
- .@{ald-prefix}-blockTable-dragBar {
14
- display: inline-block;
15
- background: blue;
16
- width: 1px;
17
- height: 12px;
18
- position: absolute;
19
- top: 50%;
20
- left: 0;
21
- transform: translateY(-50%);
22
- z-index: 1;
23
- touch-action: none;
24
- background-color: @NL95;
25
- }
26
-
27
- &:first-child {
28
- .@{ald-prefix}-blockTable-dragBar {
29
- display: none;
30
- }
31
- }
32
- }
33
- }
34
-
35
- &-tbody {
36
- overflow: hidden;
37
-
38
- &-scroll {
39
- overflow-y: scroll;
40
- overflow-y: overlay;
41
- }
42
- .@{ald-prefix}-blockTable-row {
43
- &:hover {
44
- background-color: @NL97;
45
- }
46
-
47
- &-selected {
48
- background-color: @BBG97;
49
-
50
- &:hover {
51
- background-color: @BBG97;
52
- }
53
- }
54
-
55
- &:last-of-type {
56
- .@{ald-prefix}-blockTable-cell {
57
- border-bottom: 1px solid transparent;
58
- }
59
- }
60
- }
61
- }
62
-
63
- &-row {
64
- max-width: 100%;
65
- }
66
-
67
- &-cell {
68
- padding: 0 12px;
69
- height: @table-row-height;
70
- line-height: @table-row-height;
71
- border-bottom: 1px solid @NL95;
72
- text-align: left;
73
- color: @NL0;
74
- overflow: hidden;
75
- white-space: nowrap;
76
- text-overflow: ellipsis;
77
- flex-grow: 1;
78
- }
79
-
80
- &-loading {
81
- text-align: center;
82
- line-height: @table-row-height;
83
- color: @NL80;
84
- }
85
-
86
- &-header {
87
- display: flex;
88
- justify-content: space-between;
89
- padding: 0 10px;
90
- align-items: center;
91
- margin-bottom: 24px;
92
-
93
- &-left {
94
- font-weight: 500;
95
- font-size: 14px;
96
- color: @NL0;
97
- }
98
-
99
- &-right {
100
- display: flex;
101
- height: 28px;
102
- align-items: center;
103
- font-size: 14px;
104
- color: @NL0;
105
- }
106
- }
107
-
108
- &-list {
109
- overflow: overlay !important;
110
- }
111
- }
@@ -1,3 +0,0 @@
1
- import './index.less';
2
- declare const _default: () => JSX.Element;
3
- export default _default;
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- import './index.less';
3
- import { Tabs } from '@aloudata/aloudata-design';
4
- var TabPane = Tabs.TabPane;
5
- export default (function () {
6
- return /*#__PURE__*/React.createElement("div", {
7
- className: "demo-adapt-height"
8
- }, /*#__PURE__*/React.createElement(Tabs, {
9
- adaptHeight: true
10
- }, /*#__PURE__*/React.createElement(TabPane, {
11
- tab: "Tab 1",
12
- key: "1",
13
- className: "demo-tabpane"
14
- }, "Content of Tab Pane 1"), /*#__PURE__*/React.createElement(TabPane, {
15
- tab: "Tab 2",
16
- key: "2",
17
- className: "demo-tabpane"
18
- }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement("div", null, "Content of Tab Pane 2")))));
19
- });
@@ -1,3 +0,0 @@
1
- .demo-adapt-height {
2
- height: 200px;
3
- }
@@ -1,4 +0,0 @@
1
- import 'antd/lib//switch/style/index.less';
2
- import './index.less';
3
- declare const _default: () => JSX.Element;
4
- export default _default;
@@ -1,44 +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 Switch from 'antd/lib/switch';
15
- import 'antd/lib//switch/style/index.less';
16
- import './index.less';
17
- import { Tabs } from '@aloudata/aloudata-design';
18
- var TabPane = Tabs.TabPane;
19
- export default (function () {
20
- var _useState = useState('default'),
21
- _useState2 = _slicedToArray(_useState, 2),
22
- size = _useState2[0],
23
- setSize = _useState2[1];
24
-
25
- return /*#__PURE__*/React.createElement("div", {
26
- className: "demo-basic"
27
- }, /*#__PURE__*/React.createElement("div", null, "large size: ", /*#__PURE__*/React.createElement(Switch, {
28
- checked: size === 'large',
29
- onChange: function onChange(checked) {
30
- return setSize(checked ? 'large' : 'default');
31
- }
32
- })), /*#__PURE__*/React.createElement("div", {
33
- className: "tabs-container"
34
- }, /*#__PURE__*/React.createElement(Tabs, {
35
- size: size,
36
- destroyInactiveTabPane: true
37
- }, /*#__PURE__*/React.createElement(TabPane, {
38
- tab: "Tab 1",
39
- key: "1"
40
- }, "Content of Tab Pane 1"), /*#__PURE__*/React.createElement(TabPane, {
41
- tab: "Tab 2",
42
- key: "2"
43
- }, "Content of Tab Pane 2"))));
44
- });
@@ -1,5 +0,0 @@
1
- .demo-basic {
2
- .tabs-container {
3
- height: 100px;
4
- }
5
- }
@@ -1,3 +0,0 @@
1
- import './index.less';
2
- declare const _default: () => JSX.Element;
3
- export default _default;
@@ -1,30 +0,0 @@
1
- import React from 'react';
2
- import './index.less';
3
- import { Tabs } from '@aloudata/aloudata-design';
4
- var TabPane = Tabs.TabPane;
5
- export default (function () {
6
- return /*#__PURE__*/React.createElement("div", {
7
- className: "demo-horizontal-scroll"
8
- }, /*#__PURE__*/React.createElement(Tabs, null, /*#__PURE__*/React.createElement(TabPane, {
9
- tab: "Tab 1",
10
- key: "1"
11
- }, "Content of Tab Pane 1"), /*#__PURE__*/React.createElement(TabPane, {
12
- tab: "Tab 2",
13
- key: "2"
14
- }, "Content of Tab Pane 2"), /*#__PURE__*/React.createElement(TabPane, {
15
- tab: "Tab 3",
16
- key: "3"
17
- }, "Content of Tab Pane 3"), /*#__PURE__*/React.createElement(TabPane, {
18
- tab: "Tab 4",
19
- key: "4"
20
- }, "Content of Tab Pane 4"), /*#__PURE__*/React.createElement(TabPane, {
21
- tab: "Tab 5",
22
- key: "5"
23
- }, "Content of Tab Pane 5"), /*#__PURE__*/React.createElement(TabPane, {
24
- tab: "Tab 6",
25
- key: "6"
26
- }, "Content of Tab Pane 6"), /*#__PURE__*/React.createElement(TabPane, {
27
- tab: "Tab 7",
28
- key: "7"
29
- }, "Content of Tab Pane 7")));
30
- });
@@ -1,3 +0,0 @@
1
- .demo-horizontal-scroll {
2
- width: 200px;
3
- }
@@ -1,61 +0,0 @@
1
- @import '../../style/index.less';
2
-
3
- .ald-tabs {
4
- &.ant-tabs {
5
- color: @NL30;
6
- }
7
-
8
- .ant-tabs-tab {
9
- font-size: 14px;
10
- line-height: 20px;
11
-
12
- &:hover {
13
- color: inherit;
14
- }
15
-
16
- &.ant-tabs-tab-active {
17
- font-weight: 500;
18
- }
19
- }
20
-
21
- .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
22
- text-shadow: none;
23
- }
24
-
25
- /* large size */
26
- &.ant-tabs-large {
27
- .ant-tabs-tab {
28
- font-size: 16px;
29
- line-height: 24px;
30
- }
31
- }
32
-
33
- .ant-tabs-nav-more {
34
- margin: 0 !important;
35
- }
36
-
37
- /* body自适应高度 */
38
- &.ald-adapt-height {
39
- height: 100%;
40
-
41
- .ant-tabs-content {
42
- height: 100%;
43
- }
44
-
45
- .ant-tabs-tabpane {
46
- height: 100%;
47
- overflow-y: auto;
48
- }
49
- }
50
-
51
- &.ant-tabs-top > .ant-tabs-nav,
52
- &.ant-tabs-bottom > .ant-tabs-nav,
53
- &.ant-tabs-top > div > .ant-tabs-nav,
54
- &.ant-tabs-bottom > div > .ant-tabs-nav {
55
- margin: 0 0 24px;
56
-
57
- &::before {
58
- border-color: @NL90;
59
- }
60
- }
61
- }
@@ -1,2 +0,0 @@
1
- declare const _default: () => JSX.Element;
2
- export default _default;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { Tooltip } from '@aloudata/aloudata-design';
3
- export default (function () {
4
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
5
- title: "Tooltip"
6
- }, /*#__PURE__*/React.createElement("span", null, "Tooltip will show on mouse enter")));
7
- });
@@ -1,2 +0,0 @@
1
- declare const _default: () => JSX.Element;
2
- export default _default;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { Tooltip } from '@aloudata/aloudata-design';
3
- export default (function () {
4
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
5
- title: "longMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsg"
6
- }, /*#__PURE__*/React.createElement("span", null, "Tooltip will show on mouse enter")));
7
- });
@@ -1,6 +0,0 @@
1
- /**
2
- * title: 调整位置
3
- */
4
- import './index.less';
5
- declare const _default: () => JSX.Element;
6
- export default _default;
@@ -1,70 +0,0 @@
1
- /**
2
- * title: 调整位置
3
- */
4
- import React from 'react';
5
- import { Tooltip, Button } from '@aloudata/aloudata-design';
6
- import './index.less';
7
- var text = /*#__PURE__*/React.createElement("span", null, "prompt text");
8
- var buttonWidth = 70;
9
- export default (function () {
10
- return /*#__PURE__*/React.createElement("div", {
11
- className: "demo-placement"
12
- }, /*#__PURE__*/React.createElement("div", {
13
- style: {
14
- marginLeft: buttonWidth,
15
- whiteSpace: 'nowrap'
16
- }
17
- }, /*#__PURE__*/React.createElement(Tooltip, {
18
- placement: "topLeft",
19
- title: text
20
- }, /*#__PURE__*/React.createElement(Button, null, "TL")), /*#__PURE__*/React.createElement(Tooltip, {
21
- placement: "top",
22
- title: text
23
- }, /*#__PURE__*/React.createElement(Button, null, "Top")), /*#__PURE__*/React.createElement(Tooltip, {
24
- placement: "topRight",
25
- title: text
26
- }, /*#__PURE__*/React.createElement(Button, null, "TR"))), /*#__PURE__*/React.createElement("div", {
27
- style: {
28
- width: buttonWidth,
29
- float: 'left'
30
- }
31
- }, /*#__PURE__*/React.createElement(Tooltip, {
32
- placement: "leftTop",
33
- title: text
34
- }, /*#__PURE__*/React.createElement(Button, null, "LT")), /*#__PURE__*/React.createElement(Tooltip, {
35
- placement: "left",
36
- title: text
37
- }, /*#__PURE__*/React.createElement(Button, null, "Left")), /*#__PURE__*/React.createElement(Tooltip, {
38
- placement: "leftBottom",
39
- title: text
40
- }, /*#__PURE__*/React.createElement(Button, null, "LB"))), /*#__PURE__*/React.createElement("div", {
41
- style: {
42
- width: buttonWidth,
43
- marginLeft: buttonWidth * 4 + 24
44
- }
45
- }, /*#__PURE__*/React.createElement(Tooltip, {
46
- placement: "rightTop",
47
- title: text
48
- }, /*#__PURE__*/React.createElement(Button, null, "RT")), /*#__PURE__*/React.createElement(Tooltip, {
49
- placement: "right",
50
- title: text
51
- }, /*#__PURE__*/React.createElement(Button, null, "Right")), /*#__PURE__*/React.createElement(Tooltip, {
52
- placement: "rightBottom",
53
- title: text
54
- }, /*#__PURE__*/React.createElement(Button, null, "RB"))), /*#__PURE__*/React.createElement("div", {
55
- style: {
56
- marginLeft: buttonWidth,
57
- clear: 'both',
58
- whiteSpace: 'nowrap'
59
- }
60
- }, /*#__PURE__*/React.createElement(Tooltip, {
61
- placement: "bottomLeft",
62
- title: text
63
- }, /*#__PURE__*/React.createElement(Button, null, "BL")), /*#__PURE__*/React.createElement(Tooltip, {
64
- placement: "bottom",
65
- title: text
66
- }, /*#__PURE__*/React.createElement(Button, null, "Bottom")), /*#__PURE__*/React.createElement(Tooltip, {
67
- placement: "bottomRight",
68
- title: text
69
- }, /*#__PURE__*/React.createElement(Button, null, "BR"))));
70
- });
@@ -1,7 +0,0 @@
1
- .demo-placement {
2
- .ant-btn {
3
- width: 70px;
4
- margin-right: 8px;
5
- margin-bottom: 8px;
6
- }
7
- }
@@ -1,3 +0,0 @@
1
- import './index.less';
2
- declare const _default: () => JSX.Element;
3
- export default _default;
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- import { Tooltip, Button } from '@aloudata/aloudata-design';
3
- import './index.less';
4
- export default (function () {
5
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
6
- className: "demo-trigger"
7
- }, /*#__PURE__*/React.createElement(Tooltip, {
8
- title: "Tooltip",
9
- trigger: "hover"
10
- }, /*#__PURE__*/React.createElement(Button, null, "hover")), /*#__PURE__*/React.createElement(Tooltip, {
11
- title: "Tooltip",
12
- trigger: "click"
13
- }, /*#__PURE__*/React.createElement(Button, null, "click")), /*#__PURE__*/React.createElement(Tooltip, {
14
- title: "Tooltip",
15
- trigger: "contextMenu"
16
- }, /*#__PURE__*/React.createElement(Button, null, "contextMenu")), /*#__PURE__*/React.createElement(Tooltip, {
17
- title: "Tooltip",
18
- trigger: "focus"
19
- }, /*#__PURE__*/React.createElement(Button, null, "focus"))));
20
- });
@@ -1,5 +0,0 @@
1
- .demo-trigger {
2
- .ant-btn {
3
- margin-right: 8px;
4
- }
5
- }
@@ -1,14 +0,0 @@
1
- @import '../../style/index.less';
2
-
3
- .ald-tooltip-overlay {
4
- .ant-tooltip-inner {
5
- padding: 6px 12px;
6
- border-radius: @border-radius-base;
7
- box-shadow: none;
8
- background: @BG10;
9
- }
10
-
11
- .ant-tooltip-arrow-content {
12
- background: @BG10;
13
- }
14
- }
@@ -1,3 +0,0 @@
1
- @root-entry-name: default;
2
- @import './mixins/index.less';
3
- @import './themes/default/index.less';
File without changes