amis 1.4.2-beta.1 → 1.4.2-beta.15

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 (449) hide show
  1. package/lib/Schema.d.ts +11 -3
  2. package/lib/Schema.js.map +1 -1
  3. package/lib/components/AnchorNav.d.ts +22 -21
  4. package/lib/components/AnchorNav.js +7 -3
  5. package/lib/components/AnchorNav.js.map +2 -2
  6. package/lib/components/ArrayInput.d.ts +84 -84
  7. package/lib/components/AssociatedSelection.d.ts +930 -0
  8. package/lib/components/AssociatedSelection.js +89 -0
  9. package/lib/components/AssociatedSelection.js.map +13 -0
  10. package/lib/components/Badge.js +2 -2
  11. package/lib/components/Badge.js.map +2 -2
  12. package/lib/components/{ChainedCheckboxes.d.ts → ChainedSelection.d.ts} +267 -98
  13. package/lib/components/{ChainedCheckboxes.js → ChainedSelection.js} +30 -24
  14. package/lib/components/ChainedSelection.js.map +13 -0
  15. package/lib/components/Checkbox.d.ts +20 -20
  16. package/lib/components/Collapse.d.ts +51 -23
  17. package/lib/components/Collapse.js +69 -11
  18. package/lib/components/Collapse.js.map +2 -2
  19. package/lib/components/CollapseGroup.d.ts +88 -0
  20. package/lib/components/CollapseGroup.js +81 -0
  21. package/lib/components/CollapseGroup.js.map +13 -0
  22. package/lib/components/ColorPicker.d.ts +84 -84
  23. package/lib/components/DatePicker.d.ts +84 -84
  24. package/lib/components/DateRangePicker.d.ts +84 -84
  25. package/lib/components/Editor.d.ts +84 -84
  26. package/lib/components/GridNav.d.ts +52 -0
  27. package/lib/components/GridNav.js +123 -0
  28. package/lib/components/GridNav.js.map +13 -0
  29. package/lib/components/GroupedSelection.d.ts +907 -0
  30. package/lib/components/GroupedSelection.js +48 -0
  31. package/lib/components/GroupedSelection.js.map +13 -0
  32. package/lib/components/InputBox.d.ts +22 -21
  33. package/lib/components/InputBox.js +10 -2
  34. package/lib/components/InputBox.js.map +2 -2
  35. package/lib/components/Link.d.ts +29 -36
  36. package/lib/components/Link.js +14 -15
  37. package/lib/components/Link.js.map +2 -2
  38. package/lib/components/ListGroup.d.ts +21 -21
  39. package/lib/components/ModalManager.js +1 -1
  40. package/lib/components/ModalManager.js.map +2 -2
  41. package/lib/components/MonthRangePicker.d.ts +84 -84
  42. package/lib/components/NumberInput.d.ts +20 -20
  43. package/lib/components/PickerColumn.d.ts +514 -0
  44. package/lib/components/PickerColumn.js +279 -0
  45. package/lib/components/PickerColumn.js.map +13 -0
  46. package/lib/components/PickerContainer.d.ts +513 -0
  47. package/lib/components/PickerContainer.js +96 -0
  48. package/lib/components/PickerContainer.js.map +13 -0
  49. package/lib/components/Radios.d.ts +22 -21
  50. package/lib/components/Radios.js +1 -0
  51. package/lib/components/Radios.js.map +2 -2
  52. package/lib/components/Rating.d.ts +21 -21
  53. package/lib/components/ResultBox.d.ts +84 -84
  54. package/lib/components/ResultBox.js +10 -2
  55. package/lib/components/ResultBox.js.map +2 -2
  56. package/lib/components/SearchBox.d.ts +84 -84
  57. package/lib/components/SearchBox.js +4 -4
  58. package/lib/components/SearchBox.js.map +2 -2
  59. package/lib/components/Select.d.ts +245 -237
  60. package/lib/components/Select.js +25 -4
  61. package/lib/components/Select.js.map +2 -2
  62. package/lib/components/{Checkboxes.d.ts → Selection.d.ts} +273 -98
  63. package/lib/components/Selection.js +134 -0
  64. package/lib/components/Selection.js.map +13 -0
  65. package/lib/components/{TableCheckboxes.d.ts → TableSelection.d.ts} +266 -96
  66. package/lib/components/{TableCheckboxes.js → TableSelection.js} +30 -30
  67. package/lib/components/TableSelection.js.map +13 -0
  68. package/lib/components/Tabs.d.ts +20 -20
  69. package/lib/components/TabsTransfer.d.ts +84 -84
  70. package/lib/components/TabsTransfer.js +9 -9
  71. package/lib/components/TabsTransfer.js.map +2 -2
  72. package/lib/components/TabsTransferPicker.d.ts +489 -0
  73. package/lib/components/TabsTransferPicker.js +60 -0
  74. package/lib/components/TabsTransferPicker.js.map +13 -0
  75. package/lib/components/Toast.d.ts +86 -85
  76. package/lib/components/Toast.js +6 -3
  77. package/lib/components/Toast.js.map +2 -2
  78. package/lib/components/Transfer.d.ts +908 -274
  79. package/lib/components/Transfer.js +31 -24
  80. package/lib/components/Transfer.js.map +2 -2
  81. package/lib/components/TransferDropDown.d.ts +488 -0
  82. package/lib/components/TransferDropDown.js +59 -0
  83. package/lib/components/TransferDropDown.js.map +13 -0
  84. package/lib/components/TransferPicker.d.ts +493 -0
  85. package/lib/components/TransferPicker.js +60 -0
  86. package/lib/components/TransferPicker.js.map +13 -0
  87. package/lib/components/Tree.d.ts +115 -84
  88. package/lib/components/Tree.js +183 -30
  89. package/lib/components/Tree.js.map +2 -2
  90. package/lib/components/{TreeCheckboxes.d.ts → TreeSelection.d.ts} +269 -99
  91. package/lib/components/{TreeCheckboxes.js → TreeSelection.js} +36 -32
  92. package/lib/components/TreeSelection.js.map +13 -0
  93. package/lib/components/WithRemoteConfig.js +1 -1
  94. package/lib/components/WithRemoteConfig.js.map +2 -2
  95. package/lib/components/condition-builder/Field.js +5 -2
  96. package/lib/components/condition-builder/Field.js.map +2 -2
  97. package/lib/components/condition-builder/Func.js +2 -2
  98. package/lib/components/condition-builder/Func.js.map +2 -2
  99. package/lib/components/condition-builder/InputSwitch.js +2 -2
  100. package/lib/components/condition-builder/InputSwitch.js.map +2 -2
  101. package/lib/components/condition-builder/Item.js +3 -3
  102. package/lib/components/condition-builder/Item.js.map +2 -2
  103. package/lib/components/icons.js +2 -0
  104. package/lib/components/icons.js.map +2 -2
  105. package/lib/components/index.d.ts +8 -8
  106. package/lib/components/index.js +16 -16
  107. package/lib/components/index.js.map +2 -2
  108. package/lib/envOverwrite.d.ts +1 -1
  109. package/lib/envOverwrite.js +24 -9
  110. package/lib/envOverwrite.js.map +2 -2
  111. package/lib/factory.d.ts +15 -1
  112. package/lib/factory.js +35 -6
  113. package/lib/factory.js.map +2 -2
  114. package/lib/helper.css.map +1 -1
  115. package/lib/hooks/index.d.ts +5 -0
  116. package/lib/hooks/index.js +14 -0
  117. package/lib/hooks/index.js.map +13 -0
  118. package/lib/hooks/use-set-state.d.ts +2 -0
  119. package/lib/hooks/use-set-state.js +15 -0
  120. package/lib/hooks/use-set-state.js.map +13 -0
  121. package/lib/hooks/use-touch.d.ts +16 -0
  122. package/lib/hooks/use-touch.js +73 -0
  123. package/lib/hooks/use-touch.js.map +13 -0
  124. package/lib/hooks/use-update-effect.d.ts +3 -0
  125. package/lib/hooks/use-update-effect.js +17 -0
  126. package/lib/hooks/use-update-effect.js.map +13 -0
  127. package/lib/icons/download.js +7 -0
  128. package/lib/icons/drag-bar.js +10 -3
  129. package/lib/index.d.ts +5 -0
  130. package/lib/index.js +6 -1
  131. package/lib/index.js.map +2 -2
  132. package/lib/locale/de-DE.js +2 -0
  133. package/lib/locale/de-DE.js.map +2 -2
  134. package/lib/locale/en-US.js +3 -0
  135. package/lib/locale/en-US.js.map +2 -2
  136. package/lib/locale/zh-CN.js +5 -2
  137. package/lib/locale/zh-CN.js.map +2 -2
  138. package/lib/renderers/Action.d.ts +4 -3
  139. package/lib/renderers/Action.js +17 -4
  140. package/lib/renderers/Action.js.map +2 -2
  141. package/lib/renderers/AnchorNav.d.ts +1 -0
  142. package/lib/renderers/AnchorNav.js +2 -2
  143. package/lib/renderers/AnchorNav.js.map +2 -2
  144. package/lib/renderers/Avatar.js +3 -3
  145. package/lib/renderers/Avatar.js.map +2 -2
  146. package/lib/renderers/Breadcrumb.js +1 -1
  147. package/lib/renderers/Breadcrumb.js.map +2 -2
  148. package/lib/renderers/CRUD.d.ts +9 -0
  149. package/lib/renderers/CRUD.js +24 -4
  150. package/lib/renderers/CRUD.js.map +2 -2
  151. package/lib/renderers/Card.d.ts +4 -0
  152. package/lib/renderers/Card.js +29 -23
  153. package/lib/renderers/Card.js.map +2 -2
  154. package/lib/renderers/Chart.js +1 -1
  155. package/lib/renderers/Chart.js.map +2 -2
  156. package/lib/renderers/Collapse.d.ts +25 -20
  157. package/lib/renderers/Collapse.js +10 -72
  158. package/lib/renderers/Collapse.js.map +2 -2
  159. package/lib/renderers/CollapseGroup.d.ts +42 -0
  160. package/lib/renderers/CollapseGroup.js +33 -0
  161. package/lib/renderers/CollapseGroup.js.map +13 -0
  162. package/lib/renderers/DropDownButton.js +1 -1
  163. package/lib/renderers/DropDownButton.js.map +2 -2
  164. package/lib/renderers/Form/DiffEditor.d.ts +4 -3
  165. package/lib/renderers/Form/Editor.d.ts +3 -2
  166. package/lib/renderers/Form/InputCity.d.ts +84 -84
  167. package/lib/renderers/Form/InputCity.js +7 -6
  168. package/lib/renderers/Form/InputCity.js.map +2 -2
  169. package/lib/renderers/Form/InputColor.d.ts +84 -84
  170. package/lib/renderers/Form/InputFile.d.ts +6 -0
  171. package/lib/renderers/Form/InputFile.js +28 -8
  172. package/lib/renderers/Form/InputFile.js.map +2 -2
  173. package/lib/renderers/Form/InputImage.js +11 -4
  174. package/lib/renderers/Form/InputImage.js.map +2 -2
  175. package/lib/renderers/Form/Item.d.ts +1 -1
  176. package/lib/renderers/Form/Item.js +2 -1
  177. package/lib/renderers/Form/Item.js.map +2 -2
  178. package/lib/renderers/Form/Options.js +13 -3
  179. package/lib/renderers/Form/Options.js.map +2 -2
  180. package/lib/renderers/Form/Select.d.ts +42 -4
  181. package/lib/renderers/Form/Select.js +37 -3
  182. package/lib/renderers/Form/Select.js.map +2 -2
  183. package/lib/renderers/Form/TabsTransferPicker.d.ts +48 -0
  184. package/lib/renderers/Form/TabsTransferPicker.js +29 -0
  185. package/lib/renderers/Form/TabsTransferPicker.js.map +13 -0
  186. package/lib/renderers/Form/Transfer.js +18 -3
  187. package/lib/renderers/Form/Transfer.js.map +2 -2
  188. package/lib/renderers/Form/TransferPicker.d.ts +52 -0
  189. package/lib/renderers/Form/TransferPicker.js +43 -0
  190. package/lib/renderers/Form/TransferPicker.js.map +13 -0
  191. package/lib/renderers/Form/TreeSelect.js +2 -2
  192. package/lib/renderers/Form/TreeSelect.js.map +2 -2
  193. package/lib/renderers/Form/index.d.ts +5 -0
  194. package/lib/renderers/Form/index.js +5 -3
  195. package/lib/renderers/Form/index.js.map +2 -2
  196. package/lib/renderers/Form/wrapControl.js +13 -1
  197. package/lib/renderers/Form/wrapControl.js.map +2 -2
  198. package/lib/renderers/GridNav.d.ts +99 -0
  199. package/lib/renderers/GridNav.js +82 -0
  200. package/lib/renderers/GridNav.js.map +13 -0
  201. package/lib/renderers/IFrame.js +1 -3
  202. package/lib/renderers/IFrame.js.map +2 -2
  203. package/lib/renderers/Json.d.ts +4 -0
  204. package/lib/renderers/Json.js +4 -13
  205. package/lib/renderers/Json.js.map +2 -2
  206. package/lib/renderers/Link.d.ts +4 -2
  207. package/lib/renderers/Link.js +15 -6
  208. package/lib/renderers/Link.js.map +2 -2
  209. package/lib/renderers/List.js +1 -1
  210. package/lib/renderers/List.js.map +2 -2
  211. package/lib/renderers/Mapping.d.ts +9 -2
  212. package/lib/renderers/Mapping.js +18 -6
  213. package/lib/renderers/Mapping.js.map +2 -2
  214. package/lib/renderers/Nav.d.ts +21 -21
  215. package/lib/renderers/Nav.js +39 -21
  216. package/lib/renderers/Nav.js.map +2 -2
  217. package/lib/renderers/Portlet.d.ts +125 -0
  218. package/lib/renderers/Portlet.js +156 -0
  219. package/lib/renderers/Portlet.js.map +13 -0
  220. package/lib/renderers/Property.js +2 -1
  221. package/lib/renderers/Property.js.map +2 -2
  222. package/lib/renderers/SearchBox.d.ts +6 -1
  223. package/lib/renderers/SearchBox.js +19 -5
  224. package/lib/renderers/SearchBox.js.map +2 -2
  225. package/lib/renderers/Table/TableContent.d.ts +4 -1
  226. package/lib/renderers/Table/TableContent.js +21 -1
  227. package/lib/renderers/Table/TableContent.js.map +2 -2
  228. package/lib/renderers/Table/index.d.ts +5 -1
  229. package/lib/renderers/Table/index.js +65 -30
  230. package/lib/renderers/Table/index.js.map +2 -2
  231. package/lib/renderers/Tabs.js +9 -1
  232. package/lib/renderers/Tabs.js.map +2 -2
  233. package/lib/renderers/WebComponent.js +1 -1
  234. package/lib/renderers/WebComponent.js.map +2 -2
  235. package/lib/store/combo.d.ts +2 -16
  236. package/lib/store/crud.js +3 -7
  237. package/lib/store/crud.js.map +2 -2
  238. package/lib/store/form.d.ts +1 -1
  239. package/lib/store/form.js +5 -6
  240. package/lib/store/form.js.map +2 -2
  241. package/lib/store/formItem.js +44 -4
  242. package/lib/store/formItem.js.map +2 -2
  243. package/lib/store/service.js +5 -4
  244. package/lib/store/service.js.map +2 -2
  245. package/lib/store/table.d.ts +3 -2
  246. package/lib/store/table.js +35 -12
  247. package/lib/store/table.js.map +2 -2
  248. package/lib/themes/ang-ie11.css +689 -175
  249. package/lib/themes/ang.css +689 -175
  250. package/lib/themes/ang.css.map +1 -1
  251. package/lib/themes/antd-ie11.css +689 -175
  252. package/lib/themes/antd.css +689 -175
  253. package/lib/themes/antd.css.map +1 -1
  254. package/lib/themes/cxd-ie11.css +728 -213
  255. package/lib/themes/cxd.css +728 -213
  256. package/lib/themes/cxd.css.map +1 -1
  257. package/lib/themes/dark-ie11.css +689 -175
  258. package/lib/themes/dark.css +689 -175
  259. package/lib/themes/dark.css.map +1 -1
  260. package/lib/themes/default.css +728 -213
  261. package/lib/themes/default.css.map +1 -1
  262. package/lib/types.d.ts +38 -1
  263. package/lib/types.js +0 -5
  264. package/lib/types.js.map +2 -2
  265. package/lib/utils/api.d.ts +4 -2
  266. package/lib/utils/api.js +104 -17
  267. package/lib/utils/api.js.map +2 -2
  268. package/lib/utils/dom.d.ts +4 -0
  269. package/lib/utils/dom.js +11 -1
  270. package/lib/utils/dom.js.map +2 -2
  271. package/lib/utils/helper.d.ts +8 -0
  272. package/lib/utils/helper.js +28 -2
  273. package/lib/utils/helper.js.map +2 -2
  274. package/lib/utils/icon.js +3 -0
  275. package/lib/utils/icon.js.map +2 -2
  276. package/package.json +1 -1
  277. package/schema.json +3326 -836
  278. package/scss/_mixins.scss +1 -3
  279. package/scss/_properties.scss +25 -1
  280. package/scss/base/_common.scss +3 -0
  281. package/scss/base/_normalize.scss +2 -0
  282. package/scss/components/_anchor-nav.scss +89 -29
  283. package/scss/components/_card.scss +8 -14
  284. package/scss/components/_collapse-group.scss +11 -0
  285. package/scss/components/_collapse.scss +48 -22
  286. package/scss/components/_grid-nav.scss +128 -0
  287. package/scss/components/_input-box.scss +1 -0
  288. package/scss/components/_mapping.scss +6 -0
  289. package/scss/components/_nav.scss +2 -2
  290. package/scss/components/_picker-columns.scss +124 -0
  291. package/scss/components/_popover.scss +13 -0
  292. package/scss/components/_portlet.scss +51 -0
  293. package/scss/components/_result-box.scss +1 -0
  294. package/scss/components/_spinner.scss +5 -4
  295. package/scss/components/_status.scss +1 -1
  296. package/scss/components/_table.scss +32 -0
  297. package/scss/components/form/_checks.scss +0 -351
  298. package/scss/components/form/_combo.scss +4 -0
  299. package/scss/components/form/_fieldset.scss +5 -1
  300. package/scss/components/form/_file.scss +11 -0
  301. package/scss/components/form/_form.scss +48 -0
  302. package/scss/components/form/_selection.scss +354 -0
  303. package/scss/components/form/_transfer.scss +75 -18
  304. package/scss/components/form/_tree.scss +42 -0
  305. package/scss/themes/_common.scss +7 -0
  306. package/scss/themes/_cxd-variables.scss +8 -6
  307. package/scss/themes/cxd.scss +17 -12
  308. package/sdk/ang-ie11.css +786 -196
  309. package/sdk/ang.css +820 -213
  310. package/sdk/antd-ie11.css +786 -196
  311. package/sdk/antd.css +820 -213
  312. package/sdk/charts.js +13 -13
  313. package/sdk/color-picker.js +65 -69
  314. package/sdk/cropperjs.js +2 -2
  315. package/sdk/cxd-ie11.css +825 -236
  316. package/sdk/cxd.css +862 -254
  317. package/sdk/dark-ie11.css +787 -197
  318. package/sdk/dark.css +820 -213
  319. package/sdk/exceljs.js +1 -1
  320. package/sdk/helper.css.map +1 -1
  321. package/sdk/iconfont.svg +2513 -0
  322. package/sdk/iconfont.ttf +0 -0
  323. package/sdk/iconfont.woff +0 -0
  324. package/sdk/locale/de-DE.js +2 -0
  325. package/sdk/markdown.js +69 -69
  326. package/sdk/papaparse.js +1 -1
  327. package/sdk/renderers/Form/CityDB.js +1 -1
  328. package/sdk/rest.js +20 -28
  329. package/sdk/rich-text.js +62 -62
  330. package/sdk/sdk-ie11.css +825 -236
  331. package/sdk/sdk.css +862 -254
  332. package/sdk/sdk.js +1243 -1175
  333. package/sdk/thirds/hls.js/hls.js +1 -1
  334. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  335. package/sdk/tinymce.js +57 -57
  336. package/src/Schema.ts +19 -1
  337. package/src/components/AnchorNav.tsx +15 -4
  338. package/src/components/{AssociatedCheckboxes.tsx → AssociatedSelection.tsx} +43 -37
  339. package/src/components/Badge.tsx +3 -3
  340. package/src/components/{ChainedCheckboxes.tsx → ChainedSelection.tsx} +57 -40
  341. package/src/components/Collapse.tsx +144 -20
  342. package/src/components/CollapseGroup.tsx +130 -0
  343. package/src/components/GridNav.tsx +233 -0
  344. package/src/components/{ListCheckboxes.tsx → GroupedSelection.tsx} +26 -21
  345. package/src/components/InputBox.tsx +10 -9
  346. package/src/components/Link.tsx +28 -37
  347. package/src/components/ModalManager.ts +1 -1
  348. package/src/components/PickerColumn.tsx +429 -0
  349. package/src/components/PickerContainer.tsx +128 -0
  350. package/src/components/Radios.tsx +3 -8
  351. package/src/components/ResultBox.tsx +9 -9
  352. package/src/components/SearchBox.tsx +4 -5
  353. package/src/components/Select.tsx +57 -5
  354. package/src/components/{Checkboxes.tsx → Selection.tsx} +75 -21
  355. package/src/components/{TableCheckboxes.tsx → TableSelection.tsx} +46 -25
  356. package/src/components/TabsTransfer.tsx +13 -7
  357. package/src/components/TabsTransferPicker.tsx +85 -0
  358. package/src/components/Toast.tsx +23 -16
  359. package/src/components/Transfer.tsx +71 -50
  360. package/src/components/TransferDropDown.tsx +120 -0
  361. package/src/components/TransferPicker.tsx +91 -0
  362. package/src/components/Tree.tsx +194 -8
  363. package/src/components/{TreeCheckboxes.tsx → TreeSelection.tsx} +33 -26
  364. package/src/components/WithRemoteConfig.tsx +7 -2
  365. package/src/components/condition-builder/Field.tsx +5 -5
  366. package/src/components/condition-builder/Func.tsx +3 -3
  367. package/src/components/condition-builder/InputSwitch.tsx +3 -3
  368. package/src/components/condition-builder/Item.tsx +5 -12
  369. package/src/components/icons.tsx +2 -0
  370. package/src/components/index.tsx +13 -13
  371. package/src/envOverwrite.ts +20 -8
  372. package/src/factory.tsx +70 -9
  373. package/src/hooks/index.ts +5 -0
  374. package/src/hooks/use-set-state.ts +19 -0
  375. package/src/hooks/use-touch.ts +100 -0
  376. package/src/hooks/use-update-effect.ts +16 -0
  377. package/src/icons/download.svg +4 -0
  378. package/src/icons/drag-bar.svg +12 -6
  379. package/src/index.tsx +5 -0
  380. package/src/locale/de-DE.ts +2 -0
  381. package/src/locale/en-US.ts +3 -0
  382. package/src/locale/zh-CN.ts +5 -2
  383. package/src/renderers/Action.tsx +28 -2
  384. package/src/renderers/AnchorNav.tsx +4 -0
  385. package/src/renderers/Avatar.tsx +8 -4
  386. package/src/renderers/Breadcrumb.tsx +5 -1
  387. package/src/renderers/CRUD.tsx +33 -3
  388. package/src/renderers/Card.tsx +63 -34
  389. package/src/renderers/Chart.tsx +6 -2
  390. package/src/renderers/Collapse.tsx +70 -115
  391. package/src/renderers/CollapseGroup.tsx +80 -0
  392. package/src/renderers/DropDownButton.tsx +1 -1
  393. package/src/renderers/Form/InputCity.tsx +4 -8
  394. package/src/renderers/Form/InputFile.tsx +65 -24
  395. package/src/renderers/Form/InputImage.tsx +11 -3
  396. package/src/renderers/Form/Item.tsx +3 -2
  397. package/src/renderers/Form/Options.tsx +16 -2
  398. package/src/renderers/Form/Select.tsx +162 -21
  399. package/src/renderers/Form/TabsTransferPicker.tsx +123 -0
  400. package/src/renderers/Form/Transfer.tsx +19 -4
  401. package/src/renderers/Form/TransferPicker.tsx +145 -0
  402. package/src/renderers/Form/TreeSelect.tsx +25 -0
  403. package/src/renderers/Form/index.tsx +15 -2
  404. package/src/renderers/Form/wrapControl.tsx +26 -1
  405. package/src/renderers/GridNav.tsx +204 -0
  406. package/src/renderers/IFrame.tsx +2 -4
  407. package/src/renderers/Json.tsx +9 -9
  408. package/src/renderers/Link.tsx +27 -13
  409. package/src/renderers/List.tsx +1 -1
  410. package/src/renderers/Mapping.tsx +27 -11
  411. package/src/renderers/Nav.tsx +108 -60
  412. package/src/renderers/Portlet.tsx +423 -0
  413. package/src/renderers/Property.tsx +3 -2
  414. package/src/renderers/SearchBox.tsx +23 -4
  415. package/src/renderers/Table/TableContent.tsx +40 -2
  416. package/src/renderers/Table/index.tsx +88 -43
  417. package/src/renderers/Tabs.tsx +9 -1
  418. package/src/renderers/WebComponent.tsx +2 -2
  419. package/src/store/crud.ts +3 -8
  420. package/src/store/form.ts +5 -10
  421. package/src/store/formItem.ts +94 -2
  422. package/src/store/service.ts +5 -4
  423. package/src/store/table.ts +55 -14
  424. package/src/types.ts +58 -1
  425. package/src/utils/api.ts +133 -26
  426. package/src/utils/dom.tsx +12 -0
  427. package/src/utils/helper.ts +27 -0
  428. package/src/utils/icon.tsx +4 -0
  429. package/tsconfig-for-declaration.json +1 -1
  430. package/dump.rdb +0 -0
  431. package/lib/components/AssociatedCheckboxes.d.ts +0 -762
  432. package/lib/components/AssociatedCheckboxes.js +0 -90
  433. package/lib/components/AssociatedCheckboxes.js.map +0 -13
  434. package/lib/components/ChainedCheckboxes.js.map +0 -13
  435. package/lib/components/Checkboxes.js +0 -101
  436. package/lib/components/Checkboxes.js.map +0 -13
  437. package/lib/components/ListCheckboxes.d.ts +0 -739
  438. package/lib/components/ListCheckboxes.js +0 -48
  439. package/lib/components/ListCheckboxes.js.map +0 -13
  440. package/lib/components/ListRadios.d.ts +0 -763
  441. package/lib/components/ListRadios.js +0 -86
  442. package/lib/components/ListRadios.js.map +0 -13
  443. package/lib/components/TableCheckboxes.js.map +0 -13
  444. package/lib/components/TreeCheckboxes.js.map +0 -13
  445. package/lib/components/TreeRadios.d.ts +0 -838
  446. package/lib/components/TreeRadios.js +0 -116
  447. package/lib/components/TreeRadios.js.map +0 -13
  448. package/src/components/ListRadios.tsx +0 -159
  449. package/src/components/TreeRadios.tsx +0 -202
@@ -0,0 +1,354 @@
1
+ .#{$ns}Selection {
2
+ > .#{$ns}Checkbox {
3
+ display: block;
4
+ height: var(--Form-input-height);
5
+ line-height: var(--Form-input-lineHeight);
6
+ font-size: var(--Form-input-fontSize);
7
+ padding: calc(
8
+ (
9
+ var(--Form-input-height) - var(--Form-input-lineHeight) *
10
+ var(--Form-input-fontSize)
11
+ ) / 2
12
+ )
13
+ var(--gap-sm)
14
+ calc(
15
+ (
16
+ var(--Form-input-height) - var(--Form-input-lineHeight) *
17
+ var(--Form-input-fontSize)
18
+ ) / 2
19
+ )
20
+ calc(var(--gap-sm) + var(--Checkbox-size));
21
+ }
22
+
23
+ &--inline > .#{$ns}Checkbox {
24
+ display: inline-block;
25
+ }
26
+
27
+ &-addBtn {
28
+ display: block;
29
+ cursor: pointer;
30
+
31
+ &:hover {
32
+ text-decoration: none;
33
+ }
34
+
35
+ > svg {
36
+ width: px2rem(14px);
37
+ height: px2rem(14px);
38
+ margin-right: var(--Checkbox-gap);
39
+ }
40
+ }
41
+ }
42
+
43
+ .#{$ns}GroupedSelection {
44
+ &-group:not(:first-child) > &-itemLabel {
45
+ border-top: px2rem(1px) solid var(--ListMenu-divider-color);
46
+ }
47
+
48
+ &-group > &-itemLabel {
49
+ font-size: var(--fontSizeSm);
50
+ padding: var(--gap-xs) var(--gap-xs);
51
+ color: var(--text--muted-color);
52
+ }
53
+
54
+ &-item {
55
+ display: flex;
56
+ height: var(--Form-input-height);
57
+ line-height: var(--Form-input-lineHeight);
58
+ font-size: var(--Form-input-fontSize);
59
+ padding: calc(
60
+ (
61
+ var(--Form-input-height) - var(--Form-input-lineHeight) *
62
+ var(--Form-input-fontSize)
63
+ ) / 2
64
+ )
65
+ var(--gap-sm);
66
+ flex-direction: row;
67
+
68
+ > .#{$ns}Checkbox {
69
+ margin-right: 0;
70
+ }
71
+ cursor: pointer;
72
+ user-select: none;
73
+
74
+ &.is-active {
75
+ color: var(--Form-select-menu-onActive-color);
76
+ background: var(--Form-select-menu-onActive-bg);
77
+ }
78
+
79
+ &:hover {
80
+ background: var(--Tree-item-onHover-bg);
81
+ }
82
+
83
+ &.is-disabled {
84
+ pointer-events: none;
85
+ color: var(--text--muted-color);
86
+ }
87
+ }
88
+
89
+ &-group > &-items > &-item {
90
+ padding-left: var(--gap-base);
91
+ }
92
+
93
+ &-itemLabel {
94
+ flex-grow: 1;
95
+
96
+ span {
97
+ white-space: nowrap; // 避免在条件组合中折行
98
+ }
99
+ }
100
+
101
+ &-placeholder {
102
+ @include checkboxes-placeholder();
103
+ }
104
+ }
105
+
106
+ .#{$ns}TableSelection {
107
+ .#{$ns}Table-content {
108
+ border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
109
+ }
110
+
111
+ .#{$ns}Table-table > thead > tr > th,
112
+ .#{$ns}Table-table > tbody > tr > td {
113
+ font-size: var(--fontSizeSm);
114
+ padding-top: var(--gap-xs);
115
+ padding-bottom: px2rem(6px);
116
+ vertical-align: middle;
117
+ }
118
+
119
+ .#{$ns}Table-table > thead > tr > th {
120
+ padding-top: px2rem(6px);
121
+ }
122
+
123
+ .#{$ns}Table-table > thead > tr > th:first-child,
124
+ .#{$ns}Table-table > tbody > tr > td:first-child {
125
+ padding-left: px2rem(10px);
126
+ padding-right: 0;
127
+ }
128
+
129
+ .#{$ns}Table-table > thead > tr > th:last-child,
130
+ .#{$ns}Table-table > tbody > tr > td:last-child {
131
+ padding-right: var(--gap-md);
132
+ }
133
+
134
+ .#{$ns}Table-table > tbody > tr {
135
+ cursor: pointer;
136
+ }
137
+
138
+ .#{$ns}Table-table > tbody > tr.is-active {
139
+ color: var(--Form-select-menu-onActive-color);
140
+ background: var(--Form-select-menu-onActive-bg);
141
+ }
142
+ }
143
+
144
+ .#{$ns}TreeSelection {
145
+ .#{$ns}Table-expandBtn {
146
+ color: var(--icon-color);
147
+ margin-right: 5px;
148
+ }
149
+
150
+ &-sublist {
151
+ position: relative;
152
+ margin: 0 0 0 px2rem(35px);
153
+ display: none;
154
+
155
+ &:before {
156
+ width: 1px;
157
+ content: '';
158
+ display: block;
159
+ position: absolute;
160
+ top: calc(var(--gap-xs) * -1);
161
+ bottom: calc(var(--Form-input-height) / 2);
162
+ left: -19px;
163
+ border-left: dashed 1px var(--icon-color);
164
+ }
165
+ }
166
+
167
+ &-item {
168
+ position: relative;
169
+ }
170
+ &-item.is-expanded > &-sublist {
171
+ display: block;
172
+ }
173
+
174
+ &-item:not(:last-child) > &-sublist:before {
175
+ bottom: 0;
176
+ }
177
+
178
+ &-sublist &-item:before {
179
+ height: 1px;
180
+ content: '';
181
+ display: block;
182
+ position: absolute;
183
+ top: calc(var(--Form-input-height) / 2);
184
+ width: 19px;
185
+ left: -19px;
186
+ border-top: dashed 1px var(--icon-color);
187
+ }
188
+
189
+ &-itemInner {
190
+ display: flex;
191
+ align-items: center;
192
+ height: var(--Form-input-height);
193
+ line-height: var(--Form-input-lineHeight);
194
+ font-size: var(--Form-input-fontSize);
195
+ padding: calc(
196
+ (
197
+ var(--Form-input-height) - var(--Form-input-lineHeight) *
198
+ var(--Form-input-fontSize)
199
+ ) / 2
200
+ )
201
+ var(--gap-sm);
202
+ flex-direction: row;
203
+
204
+ > .#{$ns}Checkbox {
205
+ margin-right: 0;
206
+ margin-left: var(--gap-sm);
207
+ }
208
+ cursor: pointer;
209
+ user-select: none;
210
+
211
+ position: relative;
212
+ & > * {
213
+ position: relative;
214
+ z-index: 2;
215
+ }
216
+
217
+ &:hover:after {
218
+ position: absolute;
219
+ content: '';
220
+ z-index: 1;
221
+ top: 0;
222
+ right: 0;
223
+ bottom: 0;
224
+ left: -99999px;
225
+ background: var(--Tree-item-onHover-bg);
226
+ }
227
+
228
+ &.is-active {
229
+ color: var(--Form-select-menu-onActive-color);
230
+ }
231
+
232
+ &.is-disabled {
233
+ pointer-events: none;
234
+ color: var(--text--muted-color);
235
+ }
236
+ }
237
+
238
+ &-itemLabel {
239
+ flex-grow: 1;
240
+ }
241
+
242
+ &-placeholder {
243
+ @include checkboxes-placeholder();
244
+ }
245
+ }
246
+
247
+ .#{$ns}ChainedSelection {
248
+ display: flex;
249
+ flex-direction: row;
250
+
251
+ &-col {
252
+ flex-grow: 1;
253
+ min-width: 150px;
254
+ }
255
+
256
+ &-col:not(:last-child) {
257
+ border-right: 1px solid var(--borderColor);
258
+ }
259
+
260
+ &-subTitle {
261
+ font-size: var(--fontSizeSm);
262
+ padding: var(--gap-xs) var(--gap-xs);
263
+ color: var(--text--muted-color);
264
+ }
265
+
266
+ &-item {
267
+ display: flex;
268
+ height: var(--Form-input-height);
269
+ line-height: var(--Form-input-lineHeight);
270
+ font-size: var(--Form-input-fontSize);
271
+ padding: calc(
272
+ (
273
+ var(--Form-input-height) - var(--Form-input-lineHeight) *
274
+ var(--Form-input-fontSize)
275
+ ) / 2
276
+ )
277
+ var(--gap-sm);
278
+ flex-direction: row;
279
+
280
+ > .#{$ns}Checkbox {
281
+ margin-right: 0;
282
+ }
283
+ cursor: pointer;
284
+ user-select: none;
285
+
286
+ &.is-active {
287
+ color: var(--Form-select-menu-onActive-color);
288
+ background: var(--Form-select-menu-onActive-bg);
289
+ }
290
+
291
+ &:hover {
292
+ background: var(--Tree-item-onHover-bg);
293
+ }
294
+
295
+ &.is-disabled {
296
+ pointer-events: none;
297
+ color: var(--text--muted-color);
298
+ }
299
+ }
300
+
301
+ &-itemLabel {
302
+ flex-grow: 1;
303
+ }
304
+
305
+ &-placeholder {
306
+ @include checkboxes-placeholder();
307
+ }
308
+ }
309
+
310
+ .#{$ns}AssociatedSelection {
311
+ display: flex;
312
+ flex-direction: row;
313
+
314
+ &-left,
315
+ &-right {
316
+ flex-grow: 1;
317
+ width: 0;
318
+ min-height: px2rem(200px);
319
+ max-height: px2rem(400px);
320
+ overflow: auto;
321
+ }
322
+
323
+ &-left {
324
+ border-right: 1px solid var(--borderColor);
325
+ }
326
+
327
+ &-reload {
328
+ text-align: center;
329
+ color: var(--info);
330
+ margin: 20px 0 0;
331
+
332
+ &.is-clickable {
333
+ cursor: pointer;
334
+ }
335
+ }
336
+
337
+ &-box {
338
+ line-height: var(--Form-input-lineHeight);
339
+ font-size: var(--fontSizeSm);
340
+ color: var(--text--muted-color);
341
+ flex-grow: 1;
342
+ display: flex;
343
+ flex-direction: column;
344
+ align-items: center;
345
+ justify-content: center;
346
+ height: 100%;
347
+
348
+ > p {
349
+ text-align: center;
350
+ margin: 10px 0 20px;
351
+ color: var(--text--muted-color);
352
+ }
353
+ }
354
+ }
@@ -47,19 +47,19 @@
47
47
  border-radius: var(--borderRadius);
48
48
  }
49
49
 
50
- &-select > &-checkboxes,
51
- &-result > &-selections {
50
+ &-select > &-selection,
51
+ &-result > &-value {
52
52
  flex-grow: 1;
53
53
  max-height: 100%;
54
54
  overflow: auto;
55
55
  position: relative; // 貌似不加 relative 会有 bug。
56
56
  }
57
57
 
58
- &-search + &-checkboxes {
58
+ &-search + &-selection {
59
59
  border-top: 1px solid var(--borderColor);
60
60
  }
61
61
 
62
- &-checkboxes .#{$ns}ListCheckboxes-placeholder {
62
+ &-selection .#{$ns}ListSelection-placeholder {
63
63
  height: 100%;
64
64
  display: flex;
65
65
  align-items: center;
@@ -105,6 +105,24 @@
105
105
  color: var(--text--muted-color);
106
106
  }
107
107
  }
108
+ }
109
+
110
+ .#{$ns}TabsTransfer {
111
+ .#{$ns}Transfer-title {
112
+ height: 40px;
113
+ }
114
+
115
+ // .#{$ns}Transfer-result {
116
+ // flex-grow: unset;
117
+ // }
118
+
119
+ &-placeholder {
120
+ @include checkboxes-placeholder();
121
+ }
122
+
123
+ &-tab {
124
+ padding: 0;
125
+ }
108
126
 
109
127
  &-tabs {
110
128
  display: flex;
@@ -141,18 +159,19 @@
141
159
 
142
160
  > .#{$ns}Tabs-content {
143
161
  flex-grow: 1;
162
+ min-height: 0;
144
163
  position: relative;
145
164
  padding: 5px 0 0;
146
165
 
147
166
  > .#{$ns}Tabs-pane {
148
167
  position: relative;
149
- min-height: 100%;
168
+ height: 100%;
150
169
 
151
170
  &.is-active {
152
171
  display: flex;
153
172
  flex-direction: column;
154
173
 
155
- > .#{$ns}Transfer-checkboxes {
174
+ > .#{$ns}Transfer-selection {
156
175
  flex-grow: 1;
157
176
  max-height: 100%;
158
177
  overflow: auto;
@@ -163,24 +182,62 @@
163
182
  }
164
183
  }
165
184
 
166
- .#{$ns}TabsTransfer {
167
- .#{$ns}Transfer-title {
168
- height: 40px;
185
+ .#{$ns}TransferControl {
186
+ position: relative;
187
+
188
+ &.is-inline {
189
+ display: inline-block;
169
190
  }
191
+ }
170
192
 
171
- // .#{$ns}Transfer-result {
172
- // flex-grow: unset;
173
- // }
193
+ .#{$ns}TransferPicker {
194
+ &-icon {
195
+ transition: transform var(--animation-duration) ease-out;
196
+ margin: 5px 5px 5px auto;
197
+ display: flex;
198
+ color: var(--Form-select-caret-iconColor);
199
+ &:hover {
200
+ color: var(--Form-select-caret-onHover-iconColor);
201
+ }
174
202
 
175
- &-placeholder {
176
- @include checkboxes-placeholder();
203
+ > svg {
204
+ width: px2rem(12px);
205
+ height: px2rem(12px);
206
+ top: 0;
207
+ }
177
208
  }
178
209
  }
179
210
 
180
- .#{$ns}TransferControl {
181
- position: relative;
211
+ .#{$ns}TransferDropDown {
212
+ &-icon {
213
+ transition: transform var(--animation-duration) ease-out;
214
+ margin: 5px 5px 5px auto;
215
+ display: flex;
216
+ color: var(--Form-select-caret-iconColor);
217
+ &:hover {
218
+ color: var(--Form-select-caret-onHover-iconColor);
219
+ }
182
220
 
183
- &.is-inline {
184
- display: inline-block;
221
+ > svg {
222
+ width: px2rem(10px);
223
+ height: px2rem(10px);
224
+ top: 0;
225
+ }
226
+ }
227
+
228
+ &.is-active &-icon {
229
+ transform: rotate(180deg);
230
+ }
231
+ }
232
+ .#{$ns}TransferDropDown-content {
233
+ min-height: px2rem(200px);
234
+ display: flex;
235
+ flex-direction: column;
236
+
237
+ & > .#{$ns}Transfer-selection {
238
+ flex-grow: 1;
239
+ max-height: 100%;
240
+ overflow: auto;
241
+ position: relative; // 貌似不加 relative 会有 bug。
185
242
  }
186
243
  }
@@ -59,6 +59,10 @@
59
59
  pointer-events: none;
60
60
  }
61
61
 
62
+ &.is-draggable {
63
+ position: relative;
64
+ }
65
+
62
66
  &--outline &-sublist &-item--isLeaf {
63
67
  &:before {
64
68
  position: absolute;
@@ -101,6 +105,10 @@
101
105
  }
102
106
  }
103
107
 
108
+ &.is-draggable &-itemLabel:hover::after {
109
+ display: none;
110
+ }
111
+
104
112
  &-item-icons {
105
113
  visibility: hidden;
106
114
  transition: visibility var(--animation-duration) ease;
@@ -227,6 +235,11 @@
227
235
  width: calc(var(--Tree-itemArrowWidth) + var(--gap-xs));
228
236
  }
229
237
 
238
+ &-itemDrager {
239
+ cursor: move;
240
+ color: var(--icon-color);
241
+ }
242
+
230
243
  &-spinner {
231
244
  margin-right: var(--gap-xs);
232
245
  }
@@ -274,4 +287,33 @@
274
287
  &-placeholder {
275
288
  color: var(--text--muted-color);
276
289
  }
290
+
291
+ &-dropIndicator {
292
+ position: absolute;
293
+ height: px2rem(2px);
294
+ background-color: var(--Tree-itemLabel--onChecked-color);
295
+ border-radius: px2rem(1px);
296
+ z-index: 1;
297
+
298
+ &::after {
299
+ position: absolute;
300
+ top: px2rem(-3px);
301
+ left: px2rem(-6px);
302
+ width: px2rem(8px);
303
+ height: px2rem(8px);
304
+ background-color: transparent;
305
+ border: px2rem(2px) solid var(--Tree-itemLabel--onChecked-color);
306
+ border-radius: 50%;
307
+ content: '';
308
+ }
309
+
310
+ &--hover {
311
+ border-radius: 0;
312
+ background-color: var(--Tree-item-onHover-bg);
313
+
314
+ &::after {
315
+ display: none;
316
+ }
317
+ }
318
+ }
277
319
  }
@@ -2,6 +2,7 @@
2
2
  @import '../base/reset';
3
3
  @import '../base/normalize';
4
4
  @import '../base/typography';
5
+ @import '../base/common';
5
6
 
6
7
  @import '../layout/layout';
7
8
  @import '../layout/grid';
@@ -17,6 +18,7 @@
17
18
  @import '../components/tooltip';
18
19
  @import '../components/tpl';
19
20
  @import '../components/popover';
21
+ @import '../components/picker-columns';
20
22
  @import '../components/toast';
21
23
  @import '../components/alert';
22
24
  @import '../components/app';
@@ -36,6 +38,7 @@
36
38
  @import '../components/dropdown';
37
39
  @import '../components/each';
38
40
  @import '../components/collapse';
41
+ @import '../components/collapse-group';
39
42
  @import '../components/color';
40
43
  @import '../components/condition-builder';
41
44
  @import '../components/context-menu';
@@ -66,6 +69,8 @@
66
69
  @import '../components/json';
67
70
  @import '../components/icon';
68
71
  @import '../components/steps';
72
+ @import '../components/portlet';
73
+ @import '../components/grid-nav';
69
74
 
70
75
  @import '../components/form/fieldset';
71
76
  @import '../components/form/group';
@@ -73,6 +78,7 @@
73
78
  @import '../components/form/text';
74
79
  @import '../components/form/textarea';
75
80
  @import '../components/form/checks';
81
+ @import '../components/form/selection';
76
82
  @import '../components/form/city';
77
83
  @import '../components/form/switch';
78
84
  @import '../components/form/number';
@@ -109,5 +115,6 @@
109
115
  @import '../components/anchor-nav';
110
116
  @import '../components/markdown';
111
117
  @import '../components/link';
118
+ @import '../components/mapping';
112
119
 
113
120
  @import '../utilities';
@@ -10,7 +10,7 @@ $primary: $B6;
10
10
  $success: $S6;
11
11
  $warning: $W6;
12
12
  $danger: $E6;
13
- $light: #1ac5ff;
13
+ $light: #eaf6fe;
14
14
  $white: #fff;
15
15
  $secondary: $G6;
16
16
 
@@ -229,14 +229,16 @@ $R8: 50%;
229
229
  --ColorPicker-onDisabled-bg: #f5f5f5;
230
230
  --ColorPicker-onDisabled-color: #999;
231
231
 
232
- --Collapse-border: #{px2rem(1px)} solid #{$G8};
233
- --Collapse-border-color: #{$G8};
232
+ --Collapse-border: #{px2rem(1px)} solid #EBEDF5;
233
+ --Collapse-border-color: #EBEDF5;
234
234
  --Collapse-header-fontSize: #{$T3};
235
235
  --Collapse-header-fontWeight: #{$W3};
236
- --Collapse-header-padding: #{px2rem(16px)};
237
- --Collapse-header-bg: #{$G10};
238
- --Collapse-header-onHover-bg: #{$G9};
236
+ --Collapse-header-padding: #{px2rem(14px)};
237
+ --Collapse-header-bg: #F6F7FA;
238
+ --Collapse-header-onHover-bg: #F3F9FE;
239
+ --Collapse-header-bg-disabled-color: #F6F7FA;
239
240
  --Collapse-header-collapsed-borderBottom: none;
241
+ --Collapse-header-wrapper-direction: row-reverse;
240
242
  --Collapse-content-padding: #{px2rem(16px)};
241
243
  --Collapse-content-color: #{$G4};
242
244
  --Collapse-content-fontSize: #{$T2};