amis 1.4.2-beta.6 → 1.5.0

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 (488) hide show
  1. package/lib/Schema.d.ts +11 -3
  2. package/lib/Schema.js.map +1 -1
  3. package/lib/components/Alert2.d.ts +26 -21
  4. package/lib/components/Alert2.js +11 -4
  5. package/lib/components/Alert2.js.map +2 -2
  6. package/lib/components/AnchorNav.d.ts +22 -21
  7. package/lib/components/AnchorNav.js +7 -3
  8. package/lib/components/AnchorNav.js.map +2 -2
  9. package/lib/components/ArrayInput.d.ts +84 -84
  10. package/lib/components/AssociatedSelection.d.ts +930 -0
  11. package/lib/components/AssociatedSelection.js +89 -0
  12. package/lib/components/AssociatedSelection.js.map +13 -0
  13. package/lib/components/Badge.js +2 -2
  14. package/lib/components/Badge.js.map +2 -2
  15. package/lib/components/Button.js +1 -1
  16. package/lib/components/Button.js.map +2 -2
  17. package/lib/components/{ChainedCheckboxes.d.ts → ChainedSelection.d.ts} +267 -98
  18. package/lib/components/{ChainedCheckboxes.js → ChainedSelection.js} +30 -24
  19. package/lib/components/ChainedSelection.js.map +13 -0
  20. package/lib/components/Checkbox.d.ts +20 -20
  21. package/lib/components/Collapse.d.ts +51 -23
  22. package/lib/components/Collapse.js +70 -11
  23. package/lib/components/Collapse.js.map +2 -2
  24. package/lib/components/CollapseGroup.d.ts +88 -0
  25. package/lib/components/CollapseGroup.js +81 -0
  26. package/lib/components/CollapseGroup.js.map +13 -0
  27. package/lib/components/ColorPicker.d.ts +89 -85
  28. package/lib/components/ColorPicker.js +17 -4
  29. package/lib/components/ColorPicker.js.map +2 -2
  30. package/lib/components/DatePicker.d.ts +84 -84
  31. package/lib/components/DateRangePicker.d.ts +84 -84
  32. package/lib/components/Drawer.js +2 -2
  33. package/lib/components/Drawer.js.map +2 -2
  34. package/lib/components/Editor.d.ts +84 -84
  35. package/lib/components/GridNav.d.ts +52 -0
  36. package/lib/components/GridNav.js +123 -0
  37. package/lib/components/GridNav.js.map +13 -0
  38. package/lib/components/GroupedSelection.d.ts +907 -0
  39. package/lib/components/GroupedSelection.js +48 -0
  40. package/lib/components/GroupedSelection.js.map +13 -0
  41. package/lib/components/InputBox.d.ts +22 -21
  42. package/lib/components/InputBox.js +10 -2
  43. package/lib/components/InputBox.js.map +2 -2
  44. package/lib/components/Link.d.ts +29 -36
  45. package/lib/components/Link.js +14 -15
  46. package/lib/components/Link.js.map +2 -2
  47. package/lib/components/ListGroup.d.ts +21 -21
  48. package/lib/components/ModalManager.js +1 -1
  49. package/lib/components/ModalManager.js.map +2 -2
  50. package/lib/components/MonthRangePicker.d.ts +84 -84
  51. package/lib/components/NumberInput.d.ts +20 -20
  52. package/lib/components/Overlay.js +5 -0
  53. package/lib/components/Overlay.js.map +2 -2
  54. package/lib/components/PickerColumn.d.ts +514 -0
  55. package/lib/components/PickerColumn.js +279 -0
  56. package/lib/components/PickerColumn.js.map +13 -0
  57. package/lib/components/PickerContainer.d.ts +513 -0
  58. package/lib/components/PickerContainer.js +96 -0
  59. package/lib/components/PickerContainer.js.map +13 -0
  60. package/lib/components/PopOver.d.ts +1 -0
  61. package/lib/components/PopOver.js +12 -1
  62. package/lib/components/PopOver.js.map +2 -2
  63. package/lib/components/Progress.d.ts +85 -0
  64. package/lib/components/Progress.js +81 -0
  65. package/lib/components/Progress.js.map +13 -0
  66. package/lib/components/Radios.d.ts +22 -21
  67. package/lib/components/Radios.js +1 -0
  68. package/lib/components/Radios.js.map +2 -2
  69. package/lib/components/Rating.d.ts +21 -21
  70. package/lib/components/ResultBox.d.ts +84 -84
  71. package/lib/components/ResultBox.js +10 -2
  72. package/lib/components/ResultBox.js.map +2 -2
  73. package/lib/components/SearchBox.d.ts +84 -84
  74. package/lib/components/Select.d.ts +245 -237
  75. package/lib/components/Select.js +25 -4
  76. package/lib/components/Select.js.map +2 -2
  77. package/lib/components/{Checkboxes.d.ts → Selection.d.ts} +273 -98
  78. package/lib/components/Selection.js +134 -0
  79. package/lib/components/Selection.js.map +13 -0
  80. package/lib/components/{TableCheckboxes.d.ts → TableSelection.d.ts} +266 -96
  81. package/lib/components/{TableCheckboxes.js → TableSelection.js} +30 -30
  82. package/lib/components/TableSelection.js.map +13 -0
  83. package/lib/components/Tabs.d.ts +20 -20
  84. package/lib/components/TabsTransfer.d.ts +84 -84
  85. package/lib/components/TabsTransfer.js +9 -9
  86. package/lib/components/TabsTransfer.js.map +2 -2
  87. package/lib/components/TabsTransferPicker.d.ts +489 -0
  88. package/lib/components/TabsTransferPicker.js +60 -0
  89. package/lib/components/TabsTransferPicker.js.map +13 -0
  90. package/lib/components/Toast.d.ts +90 -87
  91. package/lib/components/Toast.js +15 -5
  92. package/lib/components/Toast.js.map +2 -2
  93. package/lib/components/Transfer.d.ts +908 -274
  94. package/lib/components/Transfer.js +31 -24
  95. package/lib/components/Transfer.js.map +2 -2
  96. package/lib/components/TransferDropDown.d.ts +488 -0
  97. package/lib/components/TransferDropDown.js +59 -0
  98. package/lib/components/TransferDropDown.js.map +13 -0
  99. package/lib/components/TransferPicker.d.ts +493 -0
  100. package/lib/components/TransferPicker.js +60 -0
  101. package/lib/components/TransferPicker.js.map +13 -0
  102. package/lib/components/Tree.d.ts +115 -84
  103. package/lib/components/Tree.js +183 -30
  104. package/lib/components/Tree.js.map +2 -2
  105. package/lib/components/{TreeCheckboxes.d.ts → TreeSelection.d.ts} +269 -99
  106. package/lib/components/{TreeCheckboxes.js → TreeSelection.js} +36 -32
  107. package/lib/components/TreeSelection.js.map +13 -0
  108. package/lib/components/condition-builder/Field.js +4 -2
  109. package/lib/components/condition-builder/Field.js.map +2 -2
  110. package/lib/components/condition-builder/Func.js +2 -2
  111. package/lib/components/condition-builder/Func.js.map +2 -2
  112. package/lib/components/condition-builder/InputSwitch.js +2 -2
  113. package/lib/components/condition-builder/InputSwitch.js.map +2 -2
  114. package/lib/components/condition-builder/Item.js +3 -3
  115. package/lib/components/condition-builder/Item.js.map +2 -2
  116. package/lib/components/icons.js +10 -0
  117. package/lib/components/icons.js.map +2 -2
  118. package/lib/components/index.d.ts +8 -8
  119. package/lib/components/index.js +16 -16
  120. package/lib/components/index.js.map +2 -2
  121. package/lib/envOverwrite.d.ts +1 -1
  122. package/lib/envOverwrite.js +24 -9
  123. package/lib/envOverwrite.js.map +2 -2
  124. package/lib/factory.d.ts +15 -1
  125. package/lib/factory.js +35 -6
  126. package/lib/factory.js.map +2 -2
  127. package/lib/helper.css.map +1 -1
  128. package/lib/hooks/index.d.ts +5 -0
  129. package/lib/hooks/index.js +14 -0
  130. package/lib/hooks/index.js.map +13 -0
  131. package/lib/hooks/use-set-state.d.ts +2 -0
  132. package/lib/hooks/use-set-state.js +15 -0
  133. package/lib/hooks/use-set-state.js.map +13 -0
  134. package/lib/hooks/use-touch.d.ts +16 -0
  135. package/lib/hooks/use-touch.js +73 -0
  136. package/lib/hooks/use-touch.js.map +13 -0
  137. package/lib/hooks/use-update-effect.d.ts +3 -0
  138. package/lib/hooks/use-update-effect.js +17 -0
  139. package/lib/hooks/use-update-effect.js.map +13 -0
  140. package/lib/icons/alert-danger.js +7 -0
  141. package/lib/icons/alert-info.js +7 -0
  142. package/lib/icons/alert-success.js +7 -0
  143. package/lib/icons/alert-warning.js +7 -0
  144. package/lib/icons/download.js +7 -0
  145. package/lib/icons/drag-bar.js +10 -3
  146. package/lib/index.d.ts +5 -0
  147. package/lib/index.js +6 -1
  148. package/lib/index.js.map +2 -2
  149. package/lib/locale/de-DE.js +2 -0
  150. package/lib/locale/de-DE.js.map +2 -2
  151. package/lib/locale/en-US.js +3 -0
  152. package/lib/locale/en-US.js.map +2 -2
  153. package/lib/locale/zh-CN.js +5 -2
  154. package/lib/locale/zh-CN.js.map +2 -2
  155. package/lib/renderers/Action.d.ts +10 -5
  156. package/lib/renderers/Action.js +23 -5
  157. package/lib/renderers/Action.js.map +2 -2
  158. package/lib/renderers/Alert.d.ts +21 -1
  159. package/lib/renderers/Alert.js.map +2 -2
  160. package/lib/renderers/AnchorNav.d.ts +1 -0
  161. package/lib/renderers/AnchorNav.js +2 -2
  162. package/lib/renderers/AnchorNav.js.map +2 -2
  163. package/lib/renderers/Avatar.js +3 -3
  164. package/lib/renderers/Avatar.js.map +2 -2
  165. package/lib/renderers/Breadcrumb.js +1 -1
  166. package/lib/renderers/Breadcrumb.js.map +2 -2
  167. package/lib/renderers/CRUD.d.ts +5 -0
  168. package/lib/renderers/CRUD.js +25 -4
  169. package/lib/renderers/CRUD.js.map +2 -2
  170. package/lib/renderers/Card.d.ts +5 -0
  171. package/lib/renderers/Card.js +34 -23
  172. package/lib/renderers/Card.js.map +2 -2
  173. package/lib/renderers/Collapse.d.ts +25 -20
  174. package/lib/renderers/Collapse.js +10 -72
  175. package/lib/renderers/Collapse.js.map +2 -2
  176. package/lib/renderers/CollapseGroup.d.ts +42 -0
  177. package/lib/renderers/CollapseGroup.js +33 -0
  178. package/lib/renderers/CollapseGroup.js.map +13 -0
  179. package/lib/renderers/Form/ConditionBuilder.js +2 -2
  180. package/lib/renderers/Form/ConditionBuilder.js.map +2 -2
  181. package/lib/renderers/Form/DiffEditor.d.ts +4 -3
  182. package/lib/renderers/Form/Editor.d.ts +3 -2
  183. package/lib/renderers/Form/InputCity.d.ts +84 -84
  184. package/lib/renderers/Form/InputCity.js +7 -6
  185. package/lib/renderers/Form/InputCity.js.map +2 -2
  186. package/lib/renderers/Form/InputColor.d.ts +86 -85
  187. package/lib/renderers/Form/InputColor.js +1 -1
  188. package/lib/renderers/Form/InputColor.js.map +2 -2
  189. package/lib/renderers/Form/InputFile.d.ts +6 -0
  190. package/lib/renderers/Form/InputFile.js +28 -8
  191. package/lib/renderers/Form/InputFile.js.map +2 -2
  192. package/lib/renderers/Form/InputImage.js +11 -4
  193. package/lib/renderers/Form/InputImage.js.map +2 -2
  194. package/lib/renderers/Form/Item.d.ts +1 -1
  195. package/lib/renderers/Form/Item.js +2 -1
  196. package/lib/renderers/Form/Item.js.map +2 -2
  197. package/lib/renderers/Form/Options.js +25 -4
  198. package/lib/renderers/Form/Options.js.map +2 -2
  199. package/lib/renderers/Form/Select.d.ts +42 -4
  200. package/lib/renderers/Form/Select.js +37 -3
  201. package/lib/renderers/Form/Select.js.map +2 -2
  202. package/lib/renderers/Form/TabsTransferPicker.d.ts +48 -0
  203. package/lib/renderers/Form/TabsTransferPicker.js +29 -0
  204. package/lib/renderers/Form/TabsTransferPicker.js.map +13 -0
  205. package/lib/renderers/Form/Transfer.js +18 -3
  206. package/lib/renderers/Form/Transfer.js.map +2 -2
  207. package/lib/renderers/Form/TransferPicker.d.ts +52 -0
  208. package/lib/renderers/Form/TransferPicker.js +43 -0
  209. package/lib/renderers/Form/TransferPicker.js.map +13 -0
  210. package/lib/renderers/Form/TreeSelect.js +2 -2
  211. package/lib/renderers/Form/TreeSelect.js.map +2 -2
  212. package/lib/renderers/Form/index.d.ts +5 -0
  213. package/lib/renderers/Form/index.js +5 -3
  214. package/lib/renderers/Form/index.js.map +2 -2
  215. package/lib/renderers/Form/wrapControl.js +13 -1
  216. package/lib/renderers/Form/wrapControl.js.map +2 -2
  217. package/lib/renderers/GridNav.d.ts +99 -0
  218. package/lib/renderers/GridNav.js +82 -0
  219. package/lib/renderers/GridNav.js.map +13 -0
  220. package/lib/renderers/IFrame.js +1 -3
  221. package/lib/renderers/IFrame.js.map +2 -2
  222. package/lib/renderers/Image.js +7 -5
  223. package/lib/renderers/Image.js.map +2 -2
  224. package/lib/renderers/Json.d.ts +4 -0
  225. package/lib/renderers/Json.js +4 -13
  226. package/lib/renderers/Json.js.map +2 -2
  227. package/lib/renderers/Link.d.ts +4 -2
  228. package/lib/renderers/Link.js +15 -8
  229. package/lib/renderers/Link.js.map +2 -2
  230. package/lib/renderers/List.js +1 -1
  231. package/lib/renderers/List.js.map +2 -2
  232. package/lib/renderers/Nav.d.ts +21 -21
  233. package/lib/renderers/Nav.js +37 -19
  234. package/lib/renderers/Nav.js.map +2 -2
  235. package/lib/renderers/Page.d.ts +18 -0
  236. package/lib/renderers/Page.js +53 -9
  237. package/lib/renderers/Page.js.map +2 -2
  238. package/lib/renderers/Portlet.d.ts +125 -0
  239. package/lib/renderers/Portlet.js +156 -0
  240. package/lib/renderers/Portlet.js.map +13 -0
  241. package/lib/renderers/Progress.d.ts +23 -3
  242. package/lib/renderers/Progress.js +15 -19
  243. package/lib/renderers/Progress.js.map +2 -2
  244. package/lib/renderers/Property.js +1 -1
  245. package/lib/renderers/Property.js.map +2 -2
  246. package/lib/renderers/Table/ColumnToggler.js +1 -1
  247. package/lib/renderers/Table/ColumnToggler.js.map +2 -2
  248. package/lib/renderers/Table/TableContent.d.ts +4 -1
  249. package/lib/renderers/Table/TableContent.js +21 -1
  250. package/lib/renderers/Table/TableContent.js.map +2 -2
  251. package/lib/renderers/Table/index.d.ts +5 -1
  252. package/lib/renderers/Table/index.js +65 -30
  253. package/lib/renderers/Table/index.js.map +2 -2
  254. package/lib/renderers/Tabs.js +9 -1
  255. package/lib/renderers/Tabs.js.map +2 -2
  256. package/lib/renderers/WebComponent.js +1 -1
  257. package/lib/renderers/WebComponent.js.map +2 -2
  258. package/lib/store/combo.d.ts +2 -2
  259. package/lib/store/form.d.ts +1 -1
  260. package/lib/store/form.js +3 -5
  261. package/lib/store/form.js.map +2 -2
  262. package/lib/store/formItem.js +44 -4
  263. package/lib/store/formItem.js.map +2 -2
  264. package/lib/store/table.d.ts +3 -2
  265. package/lib/store/table.js +35 -12
  266. package/lib/store/table.js.map +2 -2
  267. package/lib/themes/ang-ie11.css +934 -222
  268. package/lib/themes/ang.css +934 -222
  269. package/lib/themes/ang.css.map +1 -1
  270. package/lib/themes/antd-ie11.css +934 -222
  271. package/lib/themes/antd.css +934 -222
  272. package/lib/themes/antd.css.map +1 -1
  273. package/lib/themes/cxd-ie11.css +970 -260
  274. package/lib/themes/cxd.css +970 -260
  275. package/lib/themes/cxd.css.map +1 -1
  276. package/lib/themes/dark-ie11.css +934 -222
  277. package/lib/themes/dark.css +934 -222
  278. package/lib/themes/dark.css.map +1 -1
  279. package/lib/themes/default.css +970 -260
  280. package/lib/themes/default.css.map +1 -1
  281. package/lib/types.d.ts +38 -1
  282. package/lib/types.js +0 -5
  283. package/lib/types.js.map +2 -2
  284. package/lib/utils/api.d.ts +3 -2
  285. package/lib/utils/api.js +90 -17
  286. package/lib/utils/api.js.map +2 -2
  287. package/lib/utils/dom.d.ts +4 -0
  288. package/lib/utils/dom.js +11 -1
  289. package/lib/utils/dom.js.map +2 -2
  290. package/lib/utils/helper.d.ts +12 -23
  291. package/lib/utils/helper.js +62 -166
  292. package/lib/utils/helper.js.map +2 -2
  293. package/lib/utils/tpl-builtin.d.ts +2 -20
  294. package/lib/utils/tpl-builtin.js +25 -743
  295. package/lib/utils/tpl-builtin.js.map +2 -2
  296. package/lib/utils/tpl.js +24 -0
  297. package/lib/utils/tpl.js.map +2 -2
  298. package/package.json +5 -2
  299. package/schema.json +3966 -1263
  300. package/scss/_mixins.scss +1 -3
  301. package/scss/_properties.scss +42 -13
  302. package/scss/base/_common.scss +3 -0
  303. package/scss/base/_normalize.scss +2 -0
  304. package/scss/components/_alert.scss +28 -5
  305. package/scss/components/_anchor-nav.scss +89 -29
  306. package/scss/components/_button.scss +12 -0
  307. package/scss/components/_card.scss +9 -15
  308. package/scss/components/_collapse-group.scss +15 -0
  309. package/scss/components/_collapse.scss +48 -23
  310. package/scss/components/_grid-nav.scss +128 -0
  311. package/scss/components/_images.scss +1 -0
  312. package/scss/components/_input-box.scss +1 -0
  313. package/scss/components/_nav.scss +2 -7
  314. package/scss/components/_page.scss +35 -2
  315. package/scss/components/_picker-columns.scss +124 -0
  316. package/scss/components/_popover.scss +13 -0
  317. package/scss/components/_portlet.scss +51 -0
  318. package/scss/components/_progress.scss +141 -33
  319. package/scss/components/_result-box.scss +1 -0
  320. package/scss/components/_spinner.scss +5 -4
  321. package/scss/components/_status.scss +1 -1
  322. package/scss/components/_table.scss +32 -0
  323. package/scss/components/_toast.scss +41 -11
  324. package/scss/components/form/_checks.scss +0 -351
  325. package/scss/components/form/_color.scss +32 -3
  326. package/scss/components/form/_combo.scss +4 -0
  327. package/scss/components/form/_fieldset.scss +6 -1
  328. package/scss/components/form/_file.scss +11 -0
  329. package/scss/components/form/_form.scss +48 -0
  330. package/scss/components/form/_selection.scss +354 -0
  331. package/scss/components/form/_transfer.scss +76 -18
  332. package/scss/components/form/_tree.scss +42 -0
  333. package/scss/themes/_common.scss +6 -0
  334. package/scss/themes/_cxd-variables.scss +13 -6
  335. package/scss/themes/cxd.scss +19 -20
  336. package/sdk/ang-ie11.css +1065 -246
  337. package/sdk/ang.css +1069 -230
  338. package/sdk/antd-ie11.css +1068 -249
  339. package/sdk/antd.css +1069 -230
  340. package/sdk/charts.js +17 -17
  341. package/sdk/color-picker.js +65 -69
  342. package/sdk/cropperjs.js +3 -3
  343. package/sdk/cxd-ie11.css +1081 -268
  344. package/sdk/cxd.css +1116 -279
  345. package/sdk/dark-ie11.css +1069 -250
  346. package/sdk/dark.css +1069 -230
  347. package/sdk/exceljs.js +1 -1
  348. package/sdk/helper.css.map +1 -1
  349. package/sdk/iconfont.svg +2513 -0
  350. package/sdk/iconfont.ttf +0 -0
  351. package/sdk/iconfont.woff +0 -0
  352. package/sdk/locale/de-DE.js +2 -0
  353. package/sdk/markdown.js +69 -69
  354. package/sdk/papaparse.js +1 -1
  355. package/sdk/renderers/Form/CityDB.js +1 -1
  356. package/sdk/rest.js +20 -28
  357. package/sdk/rich-text.js +62 -62
  358. package/sdk/sdk-ie11.css +1081 -268
  359. package/sdk/sdk.css +1116 -279
  360. package/sdk/sdk.js +1371 -1189
  361. package/sdk/thirds/hls.js/hls.js +18 -18
  362. package/sdk/thirds/mpegts.js/mpegts.js +2 -2
  363. package/sdk/tinymce.js +57 -57
  364. package/src/Schema.ts +19 -1
  365. package/src/components/Alert2.tsx +32 -4
  366. package/src/components/AnchorNav.tsx +15 -4
  367. package/src/components/{AssociatedCheckboxes.tsx → AssociatedSelection.tsx} +43 -37
  368. package/src/components/Badge.tsx +3 -3
  369. package/src/components/Button.tsx +1 -0
  370. package/src/components/{ChainedCheckboxes.tsx → ChainedSelection.tsx} +57 -40
  371. package/src/components/Collapse.tsx +139 -20
  372. package/src/components/CollapseGroup.tsx +130 -0
  373. package/src/components/ColorPicker.tsx +32 -10
  374. package/src/components/Drawer.tsx +8 -6
  375. package/src/components/GridNav.tsx +233 -0
  376. package/src/components/{ListCheckboxes.tsx → GroupedSelection.tsx} +26 -21
  377. package/src/components/InputBox.tsx +10 -9
  378. package/src/components/Link.tsx +28 -37
  379. package/src/components/ModalManager.ts +1 -1
  380. package/src/components/Overlay.tsx +6 -0
  381. package/src/components/PickerColumn.tsx +429 -0
  382. package/src/components/PickerContainer.tsx +128 -0
  383. package/src/components/PopOver.tsx +15 -1
  384. package/src/components/Progress.tsx +140 -0
  385. package/src/components/Radios.tsx +3 -8
  386. package/src/components/ResultBox.tsx +9 -9
  387. package/src/components/Select.tsx +57 -5
  388. package/src/components/{Checkboxes.tsx → Selection.tsx} +75 -21
  389. package/src/components/{TableCheckboxes.tsx → TableSelection.tsx} +46 -25
  390. package/src/components/TabsTransfer.tsx +13 -7
  391. package/src/components/TabsTransferPicker.tsx +85 -0
  392. package/src/components/Toast.tsx +48 -21
  393. package/src/components/Transfer.tsx +71 -50
  394. package/src/components/TransferDropDown.tsx +120 -0
  395. package/src/components/TransferPicker.tsx +91 -0
  396. package/src/components/Tree.tsx +194 -8
  397. package/src/components/{TreeCheckboxes.tsx → TreeSelection.tsx} +33 -26
  398. package/src/components/condition-builder/Field.tsx +7 -5
  399. package/src/components/condition-builder/Func.tsx +3 -3
  400. package/src/components/condition-builder/InputSwitch.tsx +3 -3
  401. package/src/components/condition-builder/Item.tsx +5 -12
  402. package/src/components/icons.tsx +10 -0
  403. package/src/components/index.tsx +13 -13
  404. package/src/envOverwrite.ts +20 -8
  405. package/src/factory.tsx +70 -9
  406. package/src/hooks/index.ts +5 -0
  407. package/src/hooks/use-set-state.ts +19 -0
  408. package/src/hooks/use-touch.ts +100 -0
  409. package/src/hooks/use-update-effect.ts +16 -0
  410. package/src/icons/alert-danger.svg +1 -0
  411. package/src/icons/alert-info.svg +1 -0
  412. package/src/icons/alert-success.svg +1 -0
  413. package/src/icons/alert-warning.svg +1 -0
  414. package/src/icons/download.svg +4 -0
  415. package/src/icons/drag-bar.svg +12 -6
  416. package/src/index.tsx +5 -0
  417. package/src/locale/de-DE.ts +2 -0
  418. package/src/locale/en-US.ts +3 -0
  419. package/src/locale/zh-CN.ts +5 -2
  420. package/src/renderers/Action.tsx +58 -3
  421. package/src/renderers/Alert.tsx +31 -1
  422. package/src/renderers/AnchorNav.tsx +4 -0
  423. package/src/renderers/Avatar.tsx +8 -4
  424. package/src/renderers/Breadcrumb.tsx +5 -1
  425. package/src/renderers/CRUD.tsx +29 -3
  426. package/src/renderers/Card.tsx +76 -36
  427. package/src/renderers/Collapse.tsx +70 -115
  428. package/src/renderers/CollapseGroup.tsx +80 -0
  429. package/src/renderers/Form/ConditionBuilder.tsx +2 -2
  430. package/src/renderers/Form/InputCity.tsx +4 -8
  431. package/src/renderers/Form/InputColor.tsx +4 -2
  432. package/src/renderers/Form/InputFile.tsx +65 -24
  433. package/src/renderers/Form/InputImage.tsx +11 -3
  434. package/src/renderers/Form/Item.tsx +3 -2
  435. package/src/renderers/Form/Options.tsx +29 -3
  436. package/src/renderers/Form/Select.tsx +162 -21
  437. package/src/renderers/Form/TabsTransferPicker.tsx +123 -0
  438. package/src/renderers/Form/Transfer.tsx +19 -4
  439. package/src/renderers/Form/TransferPicker.tsx +145 -0
  440. package/src/renderers/Form/TreeSelect.tsx +25 -0
  441. package/src/renderers/Form/index.tsx +15 -2
  442. package/src/renderers/Form/wrapControl.tsx +26 -1
  443. package/src/renderers/GridNav.tsx +204 -0
  444. package/src/renderers/IFrame.tsx +2 -4
  445. package/src/renderers/Image.tsx +19 -15
  446. package/src/renderers/Json.tsx +9 -9
  447. package/src/renderers/Link.tsx +29 -16
  448. package/src/renderers/List.tsx +1 -1
  449. package/src/renderers/Nav.tsx +105 -56
  450. package/src/renderers/Page.tsx +62 -1
  451. package/src/renderers/Portlet.tsx +423 -0
  452. package/src/renderers/Progress.tsx +56 -38
  453. package/src/renderers/Property.tsx +6 -4
  454. package/src/renderers/Table/ColumnToggler.tsx +1 -1
  455. package/src/renderers/Table/TableContent.tsx +40 -2
  456. package/src/renderers/Table/index.tsx +88 -43
  457. package/src/renderers/Tabs.tsx +9 -1
  458. package/src/renderers/WebComponent.tsx +2 -2
  459. package/src/store/form.ts +3 -9
  460. package/src/store/formItem.ts +94 -2
  461. package/src/store/table.ts +55 -14
  462. package/src/types.ts +58 -1
  463. package/src/utils/api.ts +120 -26
  464. package/src/utils/dom.tsx +12 -0
  465. package/src/utils/helper.ts +55 -185
  466. package/src/utils/tpl-builtin.ts +40 -866
  467. package/src/utils/tpl.ts +33 -0
  468. package/tsconfig-for-declaration.json +1 -1
  469. package/dump.rdb +0 -0
  470. package/lib/components/AssociatedCheckboxes.d.ts +0 -762
  471. package/lib/components/AssociatedCheckboxes.js +0 -90
  472. package/lib/components/AssociatedCheckboxes.js.map +0 -13
  473. package/lib/components/ChainedCheckboxes.js.map +0 -13
  474. package/lib/components/Checkboxes.js +0 -101
  475. package/lib/components/Checkboxes.js.map +0 -13
  476. package/lib/components/ListCheckboxes.d.ts +0 -739
  477. package/lib/components/ListCheckboxes.js +0 -48
  478. package/lib/components/ListCheckboxes.js.map +0 -13
  479. package/lib/components/ListRadios.d.ts +0 -763
  480. package/lib/components/ListRadios.js +0 -86
  481. package/lib/components/ListRadios.js.map +0 -13
  482. package/lib/components/TableCheckboxes.js.map +0 -13
  483. package/lib/components/TreeCheckboxes.js.map +0 -13
  484. package/lib/components/TreeRadios.d.ts +0 -838
  485. package/lib/components/TreeRadios.js +0 -116
  486. package/lib/components/TreeRadios.js.map +0 -13
  487. package/src/components/ListRadios.tsx +0 -159
  488. package/src/components/TreeRadios.tsx +0 -202
@@ -1,90 +0,0 @@
1
- "use strict";
2
- /**
3
- * 关联多选框,仅支持两层关联选择。
4
- * 左边先点选,然后右边再次点选。
5
- * 可以满足,先从 tree 中选中一个元素,然后查出来一个列表再次勾选。
6
- */
7
- Object.defineProperty(exports, "__esModule", { value: true });
8
- exports.AssociatedCheckboxes = void 0;
9
- var tslib_1 = require("tslib");
10
- var react_1 = (0, tslib_1.__importDefault)(require("react"));
11
- var Checkboxes_1 = require("./Checkboxes");
12
- var Select_1 = require("./Select");
13
- var helper_1 = require("../utils/helper");
14
- var ListRadios_1 = (0, tslib_1.__importDefault)(require("./ListRadios"));
15
- var theme_1 = require("../theme");
16
- var uncontrollable_1 = require("uncontrollable");
17
- var ListCheckboxes_1 = (0, tslib_1.__importDefault)(require("./ListCheckboxes"));
18
- var TableCheckboxes_1 = (0, tslib_1.__importDefault)(require("./TableCheckboxes"));
19
- var TreeCheckboxes_1 = (0, tslib_1.__importDefault)(require("./TreeCheckboxes"));
20
- var ChainedCheckboxes_1 = (0, tslib_1.__importDefault)(require("./ChainedCheckboxes"));
21
- var TreeRadios_1 = (0, tslib_1.__importDefault)(require("./TreeRadios"));
22
- var icons_1 = require("./icons");
23
- var locale_1 = require("../locale");
24
- var AssociatedCheckboxes = /** @class */ (function (_super) {
25
- (0, tslib_1.__extends)(AssociatedCheckboxes, _super);
26
- function AssociatedCheckboxes() {
27
- var _this = _super !== null && _super.apply(this, arguments) || this;
28
- _this.state = {
29
- leftValue: _this.props.leftDefaultValue
30
- };
31
- return _this;
32
- }
33
- AssociatedCheckboxes.prototype.componentDidMount = function () {
34
- var leftValue = this.state.leftValue;
35
- var _a = this.props, options = _a.options, onDeferLoad = _a.onDeferLoad;
36
- if (leftValue) {
37
- var selectdOption = ListRadios_1.default.resolveSelected(leftValue, options, function (option) { return option.ref; });
38
- if (selectdOption && onDeferLoad && selectdOption.defer) {
39
- onDeferLoad(selectdOption);
40
- }
41
- }
42
- };
43
- AssociatedCheckboxes.prototype.leftOption2Value = function (option) {
44
- return option.value;
45
- };
46
- AssociatedCheckboxes.prototype.handleLeftSelect = function (value) {
47
- var _a = this.props, options = _a.options, onDeferLoad = _a.onDeferLoad;
48
- this.setState({ leftValue: value });
49
- var selectdOption = ListRadios_1.default.resolveSelected(value, options, function (option) { return option.ref; });
50
- if (selectdOption && onDeferLoad && selectdOption.defer) {
51
- onDeferLoad(selectdOption);
52
- }
53
- };
54
- AssociatedCheckboxes.prototype.handleRetry = function (option) {
55
- var onDeferLoad = this.props.onDeferLoad;
56
- onDeferLoad === null || onDeferLoad === void 0 ? void 0 : onDeferLoad(option);
57
- };
58
- AssociatedCheckboxes.prototype.render = function () {
59
- var _a = this.props, cx = _a.classnames, className = _a.className, leftOptions = _a.leftOptions, options = _a.options, option2value = _a.option2value, rightMode = _a.rightMode, onChange = _a.onChange, columns = _a.columns, value = _a.value, disabled = _a.disabled, leftMode = _a.leftMode, cellRender = _a.cellRender;
60
- var selectdOption = ListRadios_1.default.resolveSelected(this.state.leftValue, options, function (option) { return option.ref; });
61
- var __ = this.props.translate;
62
- return (react_1.default.createElement("div", { className: cx('AssociatedCheckboxes', className) },
63
- react_1.default.createElement("div", { className: cx('AssociatedCheckboxes-left') }, leftMode === 'tree' ? (react_1.default.createElement(TreeRadios_1.default, { option2value: this.leftOption2Value, options: leftOptions, value: this.state.leftValue, disabled: disabled, onChange: this.handleLeftSelect, showRadio: false })) : (react_1.default.createElement(ListRadios_1.default, { option2value: this.leftOption2Value, options: leftOptions, value: this.state.leftValue, disabled: disabled, onChange: this.handleLeftSelect, showRadio: false }))),
64
- react_1.default.createElement("div", { className: cx('AssociatedCheckboxes-right') }, this.state.leftValue ? (selectdOption ? (selectdOption.defer && !selectdOption.loaded ? (react_1.default.createElement("div", { className: cx('AssociatedCheckboxes-box') },
65
- react_1.default.createElement("div", { className: cx('AssociatedCheckboxes-reload', selectdOption.loading ? 'is-spin' : 'is-clickable'), onClick: selectdOption.loading
66
- ? undefined
67
- : this.handleRetry.bind(this, selectdOption) },
68
- react_1.default.createElement(icons_1.Icon, { icon: "reload", className: "icon" })),
69
- selectdOption.loading ? (react_1.default.createElement("p", null, __('loading'))) : (react_1.default.createElement("p", null, __('Transfer.refreshIcon'))))) : rightMode === 'table' ? (react_1.default.createElement(TableCheckboxes_1.default, { columns: columns, value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value, cellRender: cellRender })) : rightMode === 'tree' ? (react_1.default.createElement(TreeCheckboxes_1.default, { value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value })) : rightMode === 'chained' ? (react_1.default.createElement(ChainedCheckboxes_1.default, { value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value })) : (react_1.default.createElement(ListCheckboxes_1.default, { value: value, disabled: disabled, options: selectdOption.children || [], onChange: onChange, option2value: option2value }))) : (react_1.default.createElement("div", { className: cx('AssociatedCheckboxes-box') }, __('Transfer.configError')))) : (react_1.default.createElement("div", { className: cx('AssociatedCheckboxes-box') }, __('Transfer.selectFromLeft'))))));
70
- };
71
- var _a, _b;
72
- (0, tslib_1.__decorate)([
73
- helper_1.autobind,
74
- (0, tslib_1.__metadata)("design:type", Function),
75
- (0, tslib_1.__metadata)("design:paramtypes", [typeof (_a = typeof Select_1.Option !== "undefined" && Select_1.Option) === "function" ? _a : Object]),
76
- (0, tslib_1.__metadata)("design:returntype", void 0)
77
- ], AssociatedCheckboxes.prototype, "leftOption2Value", null);
78
- (0, tslib_1.__decorate)([
79
- helper_1.autobind,
80
- (0, tslib_1.__metadata)("design:type", Function),
81
- (0, tslib_1.__metadata)("design:paramtypes", [typeof (_b = typeof Select_1.Option !== "undefined" && Select_1.Option) === "function" ? _b : Object]),
82
- (0, tslib_1.__metadata)("design:returntype", void 0)
83
- ], AssociatedCheckboxes.prototype, "handleLeftSelect", null);
84
- return AssociatedCheckboxes;
85
- }(Checkboxes_1.BaseCheckboxes));
86
- exports.AssociatedCheckboxes = AssociatedCheckboxes;
87
- exports.default = (0, theme_1.themeable)((0, locale_1.localeable)((0, uncontrollable_1.uncontrollable)(AssociatedCheckboxes, {
88
- value: 'onChange'
89
- })));
90
- //# sourceMappingURL=./components/AssociatedCheckboxes.js.map
@@ -1,13 +0,0 @@
1
- {
2
- "version": 3,
3
- "file": "AssociatedCheckboxes.js",
4
- "sourceRoot": "",
5
- "sources": [
6
- "/src/components/AssociatedCheckboxes.tsx"
7
- ],
8
- "names": [],
9
- "mappings": "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",
10
- "sourcesContent": [
11
- "/**\n * 关联多选框,仅支持两层关联选择。\n * 左边先点选,然后右边再次点选。\n * 可以满足,先从 tree 中选中一个元素,然后查出来一个列表再次勾选。\n */\n\nimport React from 'react';\nimport {BaseCheckboxesProps, BaseCheckboxes} from './Checkboxes';\nimport {Options, Option} from './Select';\nimport ListMenu from './ListMenu';\nimport {autobind} from '../utils/helper';\nimport ListRadios from './ListRadios';\nimport {themeable} from '../theme';\nimport {uncontrollable} from 'uncontrollable';\nimport ListCheckboxes from './ListCheckboxes';\nimport TableCheckboxes from './TableCheckboxes';\nimport TreeCheckboxes from './TreeCheckboxes';\nimport ChainedCheckboxes from './ChainedCheckboxes';\nimport Spinner from './Spinner';\nimport TreeRadios from './TreeRadios';\nimport {Icon} from './icons';\nimport {localeable} from '../locale';\n\nexport interface AssociatedCheckboxesProps extends BaseCheckboxesProps {\n leftOptions: Options;\n leftDefaultValue?: any;\n leftMode?: 'tree' | 'list';\n rightMode?: 'table' | 'list' | 'tree' | 'chained';\n columns?: Array<any>;\n cellRender?: (\n column: {\n name: string;\n label: string;\n [propName: string]: any;\n },\n option: Option,\n colIndex: number,\n rowIndex: number\n ) => JSX.Element;\n}\n\nexport interface AssociatedCheckboxesState {\n leftValue?: Option;\n}\n\nexport class AssociatedCheckboxes extends BaseCheckboxes<\n AssociatedCheckboxesProps,\n AssociatedCheckboxesState\n> {\n state: AssociatedCheckboxesState = {\n leftValue: this.props.leftDefaultValue\n };\n\n componentDidMount() {\n const leftValue = this.state.leftValue;\n const {options, onDeferLoad} = this.props;\n\n if (leftValue) {\n const selectdOption = ListRadios.resolveSelected(\n leftValue,\n options,\n (option: Option) => option.ref\n );\n\n if (selectdOption && onDeferLoad && selectdOption.defer) {\n onDeferLoad(selectdOption);\n }\n }\n }\n\n @autobind\n leftOption2Value(option: Option) {\n return option.value;\n }\n\n @autobind\n handleLeftSelect(value: Option) {\n const {options, onDeferLoad} = this.props;\n this.setState({leftValue: value});\n\n const selectdOption = ListRadios.resolveSelected(\n value,\n options,\n (option: Option) => option.ref\n );\n\n if (selectdOption && onDeferLoad && selectdOption.defer) {\n onDeferLoad(selectdOption);\n }\n }\n\n handleRetry(option: Option) {\n const {onDeferLoad} = this.props;\n onDeferLoad?.(option);\n }\n\n render() {\n const {\n classnames: cx,\n className,\n leftOptions,\n options,\n option2value,\n rightMode,\n onChange,\n columns,\n value,\n disabled,\n leftMode,\n cellRender\n } = this.props;\n\n const selectdOption = ListRadios.resolveSelected(\n this.state.leftValue,\n options,\n (option: Option) => option.ref\n );\n const __ = this.props.translate;\n\n return (\n <div className={cx('AssociatedCheckboxes', className)}>\n <div className={cx('AssociatedCheckboxes-left')}>\n {leftMode === 'tree' ? (\n <TreeRadios\n option2value={this.leftOption2Value}\n options={leftOptions}\n value={this.state.leftValue}\n disabled={disabled}\n onChange={this.handleLeftSelect}\n showRadio={false}\n />\n ) : (\n <ListRadios\n option2value={this.leftOption2Value}\n options={leftOptions}\n value={this.state.leftValue}\n disabled={disabled}\n onChange={this.handleLeftSelect}\n showRadio={false}\n />\n )}\n </div>\n <div className={cx('AssociatedCheckboxes-right')}>\n {this.state.leftValue ? (\n selectdOption ? (\n selectdOption.defer && !selectdOption.loaded ? (\n <div className={cx('AssociatedCheckboxes-box')}>\n <div\n className={cx(\n 'AssociatedCheckboxes-reload',\n selectdOption.loading ? 'is-spin' : 'is-clickable'\n )}\n onClick={\n selectdOption.loading\n ? undefined\n : this.handleRetry.bind(this, selectdOption)\n }\n >\n <Icon icon=\"reload\" className=\"icon\" />\n </div>\n\n {selectdOption.loading ? (\n <p>{__('loading')}</p>\n ) : (\n <p>{__('Transfer.refreshIcon')}</p>\n )}\n </div>\n ) : rightMode === 'table' ? (\n <TableCheckboxes\n columns={columns!}\n value={value}\n disabled={disabled}\n options={selectdOption.children || []}\n onChange={onChange}\n option2value={option2value}\n cellRender={cellRender}\n />\n ) : rightMode === 'tree' ? (\n <TreeCheckboxes\n value={value}\n disabled={disabled}\n options={selectdOption.children || []}\n onChange={onChange}\n option2value={option2value}\n />\n ) : rightMode === 'chained' ? (\n <ChainedCheckboxes\n value={value}\n disabled={disabled}\n options={selectdOption.children || []}\n onChange={onChange}\n option2value={option2value}\n />\n ) : (\n <ListCheckboxes\n value={value}\n disabled={disabled}\n options={selectdOption.children || []}\n onChange={onChange}\n option2value={option2value}\n />\n )\n ) : (\n <div className={cx('AssociatedCheckboxes-box')}>\n {__('Transfer.configError')}\n </div>\n )\n ) : (\n <div className={cx('AssociatedCheckboxes-box')}>\n {__('Transfer.selectFromLeft')}\n </div>\n )}\n </div>\n </div>\n );\n }\n}\n\nexport default themeable(\n localeable(\n uncontrollable(AssociatedCheckboxes, {\n value: 'onChange'\n })\n )\n);\n"
12
- ]
13
- }
@@ -1,13 +0,0 @@
1
- {
2
- "version": 3,
3
- "file": "ChainedCheckboxes.js",
4
- "sourceRoot": "",
5
- "sources": [
6
- "/src/components/ChainedCheckboxes.tsx"
7
- ],
8
- "names": [],
9
- "mappings": "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",
10
- "sourcesContent": [
11
- "/**\n * 级联多选框,支持无限极。从左侧到右侧一层层点选。\n */\nimport {BaseCheckboxes, BaseCheckboxesProps} from './Checkboxes';\nimport {themeable} from '../theme';\nimport React from 'react';\nimport {uncontrollable} from 'uncontrollable';\nimport Checkbox from './Checkbox';\nimport {Option} from './Select';\nimport {getTreeDepth} from '../utils/helper';\nimport times from 'lodash/times';\nimport Spinner from './Spinner';\nimport {localeable} from '../locale';\n\nexport interface ChainedCheckboxesProps extends BaseCheckboxesProps {\n defaultSelectedIndex?: string;\n}\n\nexport interface ChainedCheckboxesState {\n selected: Array<string>;\n}\n\nexport class ChainedCheckboxes extends BaseCheckboxes<\n ChainedCheckboxesProps,\n ChainedCheckboxesState\n> {\n valueArray: Array<Option>;\n state: ChainedCheckboxesState = {\n selected: []\n };\n\n componentDidMount() {\n const defaultSelectedIndex = this.props.defaultSelectedIndex;\n\n if (defaultSelectedIndex !== undefined) {\n this.setState({\n selected: [`${defaultSelectedIndex}`]\n });\n }\n }\n\n selectOption(option: Option, depth: number, id: string) {\n const {onDeferLoad} = this.props;\n\n const selected = this.state.selected.concat();\n selected.splice(depth, selected.length - depth);\n selected.push(id);\n\n this.setState(\n {\n selected\n },\n option.defer && onDeferLoad ? () => onDeferLoad(option) : undefined\n );\n }\n\n renderOption(option: Option, index: number, depth: number, id: string) {\n const {\n labelClassName,\n disabled,\n classnames: cx,\n itemClassName,\n itemRender\n } = this.props;\n const valueArray = this.valueArray;\n\n if (Array.isArray(option.children) || option.defer) {\n return (\n <div\n key={index}\n className={cx(\n 'ChainedCheckboxes-item',\n itemClassName,\n option.className,\n disabled || option.disabled ? 'is-disabled' : '',\n ~this.state.selected.indexOf(id) ? 'is-active' : ''\n )}\n onClick={() => this.selectOption(option, depth, id)}\n >\n <div className={cx('ChainedCheckboxes-itemLabel')}>\n {itemRender(option)}\n </div>\n\n {option.defer && option.loading ? <Spinner size=\"sm\" show /> : null}\n </div>\n );\n }\n\n return (\n <div\n key={index}\n className={cx(\n 'ChainedCheckboxes-item',\n itemClassName,\n option.className,\n disabled || option.disabled ? 'is-disabled' : ''\n )}\n onClick={() => this.toggleOption(option)}\n >\n <div className={cx('ChainedCheckboxes-itemLabel')}>\n {itemRender(option)}\n </div>\n\n <Checkbox\n size=\"sm\"\n checked={!!~valueArray.indexOf(option)}\n disabled={disabled || option.disabled}\n labelClassName={labelClassName}\n description={option.description}\n />\n </div>\n );\n }\n\n render() {\n const {\n value,\n options,\n className,\n placeholder,\n classnames: cx,\n option2value,\n itemRender,\n translate: __\n } = this.props;\n\n this.valueArray = BaseCheckboxes.value2array(value, options, option2value);\n let body: Array<React.ReactNode> = [];\n\n if (Array.isArray(options) && options.length) {\n const selected: Array<string | null> = this.state.selected.concat();\n const depth = Math.min(getTreeDepth(options), 3);\n times(Math.max(depth - selected.length, 1), () => selected.push(null));\n\n selected.reduce(\n (\n {\n body,\n options,\n subTitle,\n indexes,\n placeholder\n }: {\n body: Array<React.ReactNode>;\n options: Array<Option> | null;\n subTitle?: string;\n indexes: Array<number>;\n placeholder?: string;\n },\n selected,\n depth\n ) => {\n let nextOptions: Array<Option> = [];\n let nextSubTitle: string = '';\n let nextPlaceholder: string = '';\n let nextIndexes = indexes;\n\n body.push(\n <div key={depth} className={cx('ChainedCheckboxes-col')}>\n {subTitle ? (\n <div className={cx('ChainedCheckboxes-subTitle')}>\n {subTitle}\n </div>\n ) : null}\n {Array.isArray(options) && options.length ? (\n options.map((option, index) => {\n const id = indexes.concat(index).join('-');\n\n if (id === selected) {\n nextSubTitle = option.subTitle;\n nextOptions = option.children!;\n nextIndexes = indexes.concat(index);\n nextPlaceholder = option.placeholder;\n }\n\n return this.renderOption(option, index, depth, id);\n })\n ) : (\n <div className={cx('ChainedCheckboxes-placeholder')}>\n {__(placeholder)}\n </div>\n )}\n </div>\n );\n\n return {\n options: nextOptions,\n subTitle: nextSubTitle,\n placeholder: nextPlaceholder,\n indexes: nextIndexes,\n body: body\n };\n },\n {\n options,\n body,\n indexes: [],\n placeholder\n }\n );\n }\n\n return (\n <div className={cx('ChainedCheckboxes', className)}>\n {body && body.length ? (\n body\n ) : (\n <div className={cx('ChainedCheckboxes-placeholder')}>\n {__(placeholder)}\n </div>\n )}\n </div>\n );\n }\n}\n\nexport default themeable(\n localeable(\n uncontrollable(ChainedCheckboxes, {\n value: 'onChange'\n })\n )\n);\n"
12
- ]
13
- }
@@ -1,101 +0,0 @@
1
- "use strict";
2
- /**
3
- * @file Checkboxes
4
- * @description 多选输入框
5
- * @author fex
6
- */
7
- Object.defineProperty(exports, "__esModule", { value: true });
8
- exports.Checkboxes = exports.BaseCheckboxes = void 0;
9
- var tslib_1 = require("tslib");
10
- var react_1 = (0, tslib_1.__importDefault)(require("react"));
11
- var uncontrollable_1 = require("uncontrollable");
12
- var Checkbox_1 = (0, tslib_1.__importDefault)(require("./Checkbox"));
13
- var theme_1 = require("../theme");
14
- var helper_1 = require("../utils/helper");
15
- var isEqual_1 = (0, tslib_1.__importDefault)(require("lodash/isEqual"));
16
- var locale_1 = require("../locale");
17
- var BaseCheckboxes = /** @class */ (function (_super) {
18
- (0, tslib_1.__extends)(BaseCheckboxes, _super);
19
- function BaseCheckboxes() {
20
- return _super !== null && _super.apply(this, arguments) || this;
21
- }
22
- BaseCheckboxes.value2array = function (value, options, option2value) {
23
- if (option2value === void 0) { option2value = function (option) { return option; }; }
24
- if (value === void 0) {
25
- return [];
26
- }
27
- if (!Array.isArray(value)) {
28
- value = [value];
29
- }
30
- return value.map(function (value) {
31
- var option = (0, helper_1.findTree)(options, function (option) {
32
- return (0, isEqual_1.default)(option2value(option), value);
33
- });
34
- return option || value;
35
- });
36
- };
37
- BaseCheckboxes.prototype.toggleOption = function (option) {
38
- var _a = this.props, value = _a.value, onChange = _a.onChange, option2value = _a.option2value, options = _a.options, disabled = _a.disabled;
39
- if (disabled || option.disabled) {
40
- return;
41
- }
42
- var valueArray = BaseCheckboxes.value2array(value, options, option2value);
43
- var idx = valueArray.indexOf(option);
44
- if (~idx) {
45
- valueArray.splice(idx, 1);
46
- }
47
- else {
48
- valueArray.push(option);
49
- }
50
- var newValue = option2value
51
- ? valueArray.map(function (item) { return option2value(item); })
52
- : valueArray;
53
- onChange && onChange(newValue);
54
- };
55
- BaseCheckboxes.prototype.toggleAll = function () {
56
- var _a = this.props, value = _a.value, onChange = _a.onChange, option2value = _a.option2value, options = _a.options;
57
- var valueArray = [];
58
- if (!Array.isArray(value) || !value.length) {
59
- valueArray = options.filter(function (option) { return !option.disabled; });
60
- }
61
- var newValue = option2value
62
- ? valueArray.map(function (item) { return option2value(item); })
63
- : valueArray;
64
- onChange && onChange(newValue);
65
- };
66
- BaseCheckboxes.prototype.render = function () {
67
- var _this = this;
68
- var _a = this.props, value = _a.value, options = _a.options, className = _a.className, placeholder = _a.placeholder, inline = _a.inline, labelClassName = _a.labelClassName, disabled = _a.disabled, cx = _a.classnames, option2value = _a.option2value, itemClassName = _a.itemClassName, itemRender = _a.itemRender;
69
- var __ = this.props.translate;
70
- var valueArray = BaseCheckboxes.value2array(value, options, option2value);
71
- var body = [];
72
- if (Array.isArray(options) && options.length) {
73
- body = options.map(function (option, key) { return (react_1.default.createElement(Checkbox_1.default, { className: cx(itemClassName, option.className), key: key, onChange: function () { return _this.toggleOption(option); }, checked: !!~valueArray.indexOf(option), disabled: disabled || option.disabled, labelClassName: labelClassName, description: option.description }, itemRender(option))); });
74
- }
75
- return (react_1.default.createElement("div", { className: cx('Checkboxes', className, inline ? 'Checkboxes--inline' : '') }, body && body.length ? body : react_1.default.createElement("div", null, __(placeholder))));
76
- };
77
- BaseCheckboxes.defaultProps = {
78
- placeholder: 'placeholder.noOption',
79
- itemRender: function (option) { return react_1.default.createElement("span", null, option.label); }
80
- };
81
- (0, tslib_1.__decorate)([
82
- helper_1.autobind,
83
- (0, tslib_1.__metadata)("design:type", Function),
84
- (0, tslib_1.__metadata)("design:paramtypes", []),
85
- (0, tslib_1.__metadata)("design:returntype", void 0)
86
- ], BaseCheckboxes.prototype, "toggleAll", null);
87
- return BaseCheckboxes;
88
- }(react_1.default.Component));
89
- exports.BaseCheckboxes = BaseCheckboxes;
90
- var Checkboxes = /** @class */ (function (_super) {
91
- (0, tslib_1.__extends)(Checkboxes, _super);
92
- function Checkboxes() {
93
- return _super !== null && _super.apply(this, arguments) || this;
94
- }
95
- return Checkboxes;
96
- }(BaseCheckboxes));
97
- exports.Checkboxes = Checkboxes;
98
- exports.default = (0, theme_1.themeable)((0, locale_1.localeable)((0, uncontrollable_1.uncontrollable)(Checkboxes, {
99
- value: 'onChange'
100
- })));
101
- //# sourceMappingURL=./components/Checkboxes.js.map
@@ -1,13 +0,0 @@
1
- {
2
- "version": 3,
3
- "file": "Checkboxes.js",
4
- "sourceRoot": "",
5
- "sources": [
6
- "/src/components/Checkboxes.tsx"
7
- ],
8
- "names": [],
9
- "mappings": "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",
10
- "sourcesContent": [
11
- "/**\n * @file Checkboxes\n * @description 多选输入框\n * @author fex\n */\n\nimport React from 'react';\nimport {uncontrollable} from 'uncontrollable';\nimport Checkbox from './Checkbox';\nimport chunk from 'lodash/chunk';\nimport {ClassNamesFn, themeable, ThemeProps} from '../theme';\nimport {Option, value2array, Options} from './Select';\nimport find from 'lodash/find';\nimport {autobind, findTree} from '../utils/helper';\nimport isEqual from 'lodash/isEqual';\nimport {LocaleProps, localeable} from '../locale';\n// import isPlainObject from 'lodash/isPlainObject';\n\nexport interface BaseCheckboxesProps extends ThemeProps, LocaleProps {\n options: Options;\n className?: string;\n placeholder?: string;\n value?: Array<any>;\n onChange?: (value: Array<Option>) => void;\n onDeferLoad?: (option: Option) => void;\n inline?: boolean;\n labelClassName?: string;\n option2value?: (option: Option) => any;\n itemClassName?: string;\n itemRender: (option: Option) => JSX.Element;\n\n disabled?: boolean;\n}\n\nexport class BaseCheckboxes<\n T extends BaseCheckboxesProps = BaseCheckboxesProps,\n S = any\n> extends React.Component<T, S> {\n static defaultProps = {\n placeholder: 'placeholder.noOption',\n itemRender: (option: Option) => <span>{option.label}</span>\n };\n\n static value2array(\n value: any,\n options: Options,\n option2value: (option: Option) => any = (option: Option) => option\n ): Options {\n if (value === void 0) {\n return [];\n }\n\n if (!Array.isArray(value)) {\n value = [value];\n }\n\n return value.map((value: any) => {\n const option = findTree(options, option =>\n isEqual(option2value(option), value)\n );\n return option || value;\n });\n }\n\n toggleOption(option: Option) {\n const {value, onChange, option2value, options, disabled} = this.props;\n\n if (disabled || option.disabled) {\n return;\n }\n\n let valueArray = BaseCheckboxes.value2array(value, options, option2value);\n let idx = valueArray.indexOf(option);\n\n if (~idx) {\n valueArray.splice(idx, 1);\n } else {\n valueArray.push(option);\n }\n\n let newValue: string | Array<Option> = option2value\n ? valueArray.map(item => option2value(item))\n : valueArray;\n\n onChange && onChange(newValue);\n }\n\n @autobind\n toggleAll() {\n const {value, onChange, option2value, options} = this.props;\n let valueArray: Array<Option> = [];\n\n if (!Array.isArray(value) || !value.length) {\n valueArray = options.filter(option => !option.disabled);\n }\n\n let newValue: string | Array<Option> = option2value\n ? valueArray.map(item => option2value(item))\n : valueArray;\n\n onChange && onChange(newValue);\n }\n\n render() {\n const {\n value,\n options,\n className,\n placeholder,\n inline,\n labelClassName,\n disabled,\n classnames: cx,\n option2value,\n itemClassName,\n itemRender\n } = this.props;\n\n const __ = this.props.translate;\n\n let valueArray = BaseCheckboxes.value2array(value, options, option2value);\n let body: Array<React.ReactNode> = [];\n\n if (Array.isArray(options) && options.length) {\n body = options.map((option, key) => (\n <Checkbox\n className={cx(itemClassName, option.className)}\n key={key}\n onChange={() => this.toggleOption(option)}\n checked={!!~valueArray.indexOf(option)}\n disabled={disabled || option.disabled}\n labelClassName={labelClassName}\n description={option.description}\n >\n {itemRender(option)}\n </Checkbox>\n ));\n }\n\n return (\n <div\n className={cx(\n 'Checkboxes',\n className,\n inline ? 'Checkboxes--inline' : ''\n )}\n >\n {body && body.length ? body : <div>{__(placeholder)}</div>}\n </div>\n );\n }\n}\n\nexport class Checkboxes extends BaseCheckboxes {}\n\nexport default themeable(\n localeable(\n uncontrollable(Checkboxes, {\n value: 'onChange'\n })\n )\n);\n"
12
- ]
13
- }