amis 1.8.0-beta.1 → 1.8.0-beta.13

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 (426) hide show
  1. package/lib/Schema.d.ts +9 -2
  2. package/lib/Schema.js.map +1 -1
  3. package/lib/SchemaRenderer.js +19 -3
  4. package/lib/SchemaRenderer.js.map +2 -2
  5. package/lib/WithRootStore.d.ts +18 -0
  6. package/lib/WithStore.js +2 -1
  7. package/lib/WithStore.js.map +2 -2
  8. package/lib/actions/CmptAction.js +26 -4
  9. package/lib/actions/CmptAction.js.map +2 -2
  10. package/lib/actions/PageAction.d.ts +32 -0
  11. package/lib/actions/PageAction.js +72 -0
  12. package/lib/actions/PageAction.js.map +13 -0
  13. package/lib/actions/index.d.ts +1 -0
  14. package/lib/actions/index.js +1 -0
  15. package/lib/actions/index.js.map +2 -2
  16. package/lib/components/AssociatedSelection.js +9 -2
  17. package/lib/components/AssociatedSelection.js.map +2 -2
  18. package/lib/components/BarCode.js +1 -1
  19. package/lib/components/BarCode.js.map +2 -2
  20. package/lib/components/CalendarMobile.d.ts +84 -84
  21. package/lib/components/Cascader.d.ts +2 -0
  22. package/lib/components/Cascader.js +28 -12
  23. package/lib/components/Cascader.js.map +2 -2
  24. package/lib/components/Checkbox.d.ts +24 -23
  25. package/lib/components/Checkbox.js +5 -1
  26. package/lib/components/Checkbox.js.map +2 -2
  27. package/lib/components/Collapse.d.ts +20 -20
  28. package/lib/components/DatePicker.d.ts +84 -84
  29. package/lib/components/DatePicker.js +8 -5
  30. package/lib/components/DatePicker.js.map +2 -2
  31. package/lib/components/DateRangePicker.d.ts +285 -171
  32. package/lib/components/DateRangePicker.js +471 -66
  33. package/lib/components/DateRangePicker.js.map +2 -2
  34. package/lib/components/Drawer.js +1 -1
  35. package/lib/components/Drawer.js.map +2 -2
  36. package/lib/components/ListGroup.d.ts +21 -21
  37. package/lib/components/Modal.js +1 -1
  38. package/lib/components/Modal.js.map +2 -2
  39. package/lib/components/MonthRangePicker.d.ts +84 -84
  40. package/lib/components/Overlay.d.ts +1 -0
  41. package/lib/components/Overlay.js +4 -3
  42. package/lib/components/Overlay.js.map +2 -2
  43. package/lib/components/Progress.d.ts +29 -24
  44. package/lib/components/Progress.js +44 -16
  45. package/lib/components/Progress.js.map +2 -2
  46. package/lib/components/PullRefresh.d.ts +86 -0
  47. package/lib/components/PullRefresh.js +135 -0
  48. package/lib/components/PullRefresh.js.map +13 -0
  49. package/lib/components/Radios.d.ts +22 -22
  50. package/lib/components/Radios.js +3 -5
  51. package/lib/components/Radios.js.map +2 -2
  52. package/lib/components/Range.d.ts +2 -2
  53. package/lib/components/Range.js +24 -11
  54. package/lib/components/Range.js.map +2 -2
  55. package/lib/components/Spinner.d.ts +200 -107
  56. package/lib/components/Spinner.js +30 -26
  57. package/lib/components/Spinner.js.map +2 -2
  58. package/lib/components/Steps.d.ts +6 -0
  59. package/lib/components/Steps.js +13 -9
  60. package/lib/components/Steps.js.map +2 -2
  61. package/lib/components/Tooltip.d.ts +4 -0
  62. package/lib/components/Tooltip.js +6 -4
  63. package/lib/components/Tooltip.js.map +2 -2
  64. package/lib/components/TooltipWrapper.d.ts +66 -4
  65. package/lib/components/TooltipWrapper.js +40 -8
  66. package/lib/components/TooltipWrapper.js.map +2 -2
  67. package/lib/components/Transfer.d.ts +84 -84
  68. package/lib/components/TransferDropDown.d.ts +84 -84
  69. package/lib/components/Tree.d.ts +87 -85
  70. package/lib/components/Tree.js +13 -5
  71. package/lib/components/Tree.js.map +2 -2
  72. package/lib/components/TreeSelection.d.ts +84 -84
  73. package/lib/components/calendar/Calendar.js +0 -13
  74. package/lib/components/calendar/Calendar.js.map +2 -2
  75. package/lib/components/calendar/TimeView.d.ts +1 -0
  76. package/lib/components/calendar/TimeView.js +7 -0
  77. package/lib/components/calendar/TimeView.js.map +2 -2
  78. package/lib/components/calendar/YearsView.js +3 -3
  79. package/lib/components/calendar/YearsView.js.map +2 -2
  80. package/lib/components/condition-builder/Expression.d.ts +1 -0
  81. package/lib/components/condition-builder/Expression.js +4 -4
  82. package/lib/components/condition-builder/Expression.js.map +2 -2
  83. package/lib/components/condition-builder/Field.d.ts +1 -0
  84. package/lib/components/condition-builder/Field.js +3 -2
  85. package/lib/components/condition-builder/Field.js.map +2 -2
  86. package/lib/components/condition-builder/Group.d.ts +1 -0
  87. package/lib/components/condition-builder/Group.js +2 -2
  88. package/lib/components/condition-builder/Group.js.map +2 -2
  89. package/lib/components/condition-builder/GroupOrItem.d.ts +1 -0
  90. package/lib/components/condition-builder/GroupOrItem.js +2 -2
  91. package/lib/components/condition-builder/GroupOrItem.js.map +2 -2
  92. package/lib/components/condition-builder/InputSwitch.d.ts +2 -1
  93. package/lib/components/condition-builder/InputSwitch.js +2 -2
  94. package/lib/components/condition-builder/InputSwitch.js.map +2 -2
  95. package/lib/components/condition-builder/Item.d.ts +1 -0
  96. package/lib/components/condition-builder/Item.js +9 -8
  97. package/lib/components/condition-builder/Item.js.map +2 -2
  98. package/lib/components/condition-builder/Value.d.ts +1 -0
  99. package/lib/components/condition-builder/Value.js +5 -5
  100. package/lib/components/condition-builder/Value.js.map +2 -2
  101. package/lib/components/condition-builder/index.d.ts +1 -0
  102. package/lib/components/condition-builder/index.js +2 -2
  103. package/lib/components/condition-builder/index.js.map +2 -2
  104. package/lib/components/formula/Editor.d.ts +87 -85
  105. package/lib/components/formula/Editor.js +10 -6
  106. package/lib/components/formula/Editor.js.map +2 -2
  107. package/lib/components/formula/Picker.js +3 -1
  108. package/lib/components/formula/Picker.js.map +2 -2
  109. package/lib/factory.d.ts +5 -0
  110. package/lib/factory.js +22 -1
  111. package/lib/factory.js.map +2 -2
  112. package/lib/index.js +1 -1
  113. package/lib/locale/de-DE.js +18 -1
  114. package/lib/locale/de-DE.js.map +2 -2
  115. package/lib/locale/en-US.js +18 -1
  116. package/lib/locale/en-US.js.map +2 -2
  117. package/lib/locale/zh-CN.js +18 -1
  118. package/lib/locale/zh-CN.js.map +2 -2
  119. package/lib/renderers/Action.d.ts +2 -0
  120. package/lib/renderers/Action.js +23 -5
  121. package/lib/renderers/Action.js.map +2 -2
  122. package/lib/renderers/App.d.ts +1 -0
  123. package/lib/renderers/App.js +3 -0
  124. package/lib/renderers/App.js.map +2 -2
  125. package/lib/renderers/CRUD.d.ts +8 -0
  126. package/lib/renderers/CRUD.js +12 -5
  127. package/lib/renderers/CRUD.js.map +2 -2
  128. package/lib/renderers/Carousel.d.ts +1 -0
  129. package/lib/renderers/Carousel.js +13 -1
  130. package/lib/renderers/Carousel.js.map +2 -2
  131. package/lib/renderers/Chart.d.ts +1 -0
  132. package/lib/renderers/Chart.js +3 -0
  133. package/lib/renderers/Chart.js.map +2 -2
  134. package/lib/renderers/Dialog.d.ts +1 -0
  135. package/lib/renderers/Dialog.js +3 -0
  136. package/lib/renderers/Dialog.js.map +2 -2
  137. package/lib/renderers/Drawer.d.ts +1 -0
  138. package/lib/renderers/Drawer.js +6 -1
  139. package/lib/renderers/Drawer.js.map +2 -2
  140. package/lib/renderers/Form/Checkbox.d.ts +5 -2
  141. package/lib/renderers/Form/Checkbox.js +2 -2
  142. package/lib/renderers/Form/Checkbox.js.map +2 -2
  143. package/lib/renderers/Form/Checkboxes.d.ts +7 -2
  144. package/lib/renderers/Form/Checkboxes.js +101 -12
  145. package/lib/renderers/Form/Checkboxes.js.map +2 -2
  146. package/lib/renderers/Form/Combo.d.ts +2 -1
  147. package/lib/renderers/Form/Combo.js +54 -16
  148. package/lib/renderers/Form/Combo.js.map +2 -2
  149. package/lib/renderers/Form/DiffEditor.d.ts +3 -2
  150. package/lib/renderers/Form/Editor.d.ts +2 -2
  151. package/lib/renderers/Form/InputCity.d.ts +87 -84
  152. package/lib/renderers/Form/InputCity.js +44 -2
  153. package/lib/renderers/Form/InputCity.js.map +2 -2
  154. package/lib/renderers/Form/InputDate.js +10 -3
  155. package/lib/renderers/Form/InputDate.js.map +2 -2
  156. package/lib/renderers/Form/InputDateRange.d.ts +5 -0
  157. package/lib/renderers/Form/InputDateRange.js +12 -3
  158. package/lib/renderers/Form/InputDateRange.js.map +2 -2
  159. package/lib/renderers/Form/InputFile.js +19 -8
  160. package/lib/renderers/Form/InputFile.js.map +2 -2
  161. package/lib/renderers/Form/InputImage.js +18 -7
  162. package/lib/renderers/Form/InputImage.js.map +2 -2
  163. package/lib/renderers/Form/InputMonthRange.js +5 -1
  164. package/lib/renderers/Form/InputMonthRange.js.map +2 -2
  165. package/lib/renderers/Form/InputRange.js +13 -14
  166. package/lib/renderers/Form/InputRange.js.map +2 -2
  167. package/lib/renderers/Form/InputText.d.ts +1 -1
  168. package/lib/renderers/Form/InputText.js +8 -10
  169. package/lib/renderers/Form/InputText.js.map +2 -2
  170. package/lib/renderers/Form/InputTree.d.ts +5 -0
  171. package/lib/renderers/Form/InputTree.js +51 -2
  172. package/lib/renderers/Form/InputTree.js.map +2 -2
  173. package/lib/renderers/Form/Item.d.ts +79 -76
  174. package/lib/renderers/Form/Item.js +3 -1
  175. package/lib/renderers/Form/Item.js.map +2 -2
  176. package/lib/renderers/Form/NestedSelect.d.ts +4 -0
  177. package/lib/renderers/Form/NestedSelect.js +14 -5
  178. package/lib/renderers/Form/NestedSelect.js.map +2 -2
  179. package/lib/renderers/Form/Options.js +61 -27
  180. package/lib/renderers/Form/Options.js.map +2 -2
  181. package/lib/renderers/Form/Select.js +4 -2
  182. package/lib/renderers/Form/Select.js.map +2 -2
  183. package/lib/renderers/Form/Textarea.js +2 -1
  184. package/lib/renderers/Form/Textarea.js.map +2 -2
  185. package/lib/renderers/Form/TreeSelect.d.ts +11 -2
  186. package/lib/renderers/Form/TreeSelect.js +56 -10
  187. package/lib/renderers/Form/TreeSelect.js.map +2 -2
  188. package/lib/renderers/Form/index.d.ts +3 -0
  189. package/lib/renderers/Form/index.js +53 -16
  190. package/lib/renderers/Form/index.js.map +2 -2
  191. package/lib/renderers/Form/wrapControl.d.ts +10 -0
  192. package/lib/renderers/Form/wrapControl.js +41 -19
  193. package/lib/renderers/Form/wrapControl.js.map +2 -2
  194. package/lib/renderers/Nav.d.ts +82 -67
  195. package/lib/renderers/Nav.js +49 -13
  196. package/lib/renderers/Nav.js.map +2 -2
  197. package/lib/renderers/Page.d.ts +21 -0
  198. package/lib/renderers/Page.js +54 -14
  199. package/lib/renderers/Page.js.map +2 -2
  200. package/lib/renderers/Progress.d.ts +3 -6
  201. package/lib/renderers/Progress.js +2 -2
  202. package/lib/renderers/Progress.js.map +2 -2
  203. package/lib/renderers/Service.d.ts +3 -0
  204. package/lib/renderers/Service.js +55 -20
  205. package/lib/renderers/Service.js.map +2 -2
  206. package/lib/renderers/Spinner.d.ts +58 -2
  207. package/lib/renderers/Spinner.js +8 -1
  208. package/lib/renderers/Spinner.js.map +2 -2
  209. package/lib/renderers/Steps.d.ts +8 -0
  210. package/lib/renderers/Steps.js +2 -2
  211. package/lib/renderers/Steps.js.map +2 -2
  212. package/lib/renderers/Table/ColumnToggler.d.ts +4 -0
  213. package/lib/renderers/Table/ColumnToggler.js +11 -6
  214. package/lib/renderers/Table/ColumnToggler.js.map +2 -2
  215. package/lib/renderers/Table/TableCell.js +27 -1
  216. package/lib/renderers/Table/TableCell.js.map +2 -2
  217. package/lib/renderers/Table/index.d.ts +2 -0
  218. package/lib/renderers/Table/index.js +23 -10
  219. package/lib/renderers/Table/index.js.map +2 -2
  220. package/lib/renderers/Tabs.d.ts +4 -0
  221. package/lib/renderers/Tabs.js +22 -6
  222. package/lib/renderers/Tabs.js.map +2 -2
  223. package/lib/renderers/TooltipWrapper.d.ts +35 -6
  224. package/lib/renderers/TooltipWrapper.js +19 -8
  225. package/lib/renderers/TooltipWrapper.js.map +2 -2
  226. package/lib/renderers/Wizard.d.ts +7 -3
  227. package/lib/renderers/Wizard.js +269 -152
  228. package/lib/renderers/Wizard.js.map +2 -2
  229. package/lib/store/combo.d.ts +2 -2
  230. package/lib/store/crud.d.ts +1 -0
  231. package/lib/store/crud.js +55 -19
  232. package/lib/store/crud.js.map +2 -2
  233. package/lib/store/form.d.ts +1 -1
  234. package/lib/store/form.js +5 -1
  235. package/lib/store/form.js.map +2 -2
  236. package/lib/store/formItem.js +1 -1
  237. package/lib/store/formItem.js.map +2 -2
  238. package/lib/store/index.d.ts +5 -0
  239. package/lib/store/index.js +14 -0
  240. package/lib/store/index.js.map +2 -2
  241. package/lib/store/table.d.ts +2 -2
  242. package/lib/store/table.js +2 -2
  243. package/lib/store/table.js.map +2 -2
  244. package/lib/themes/ang-ie11.css +768 -199
  245. package/lib/themes/ang.css +723 -142
  246. package/lib/themes/ang.css.map +1 -1
  247. package/lib/themes/antd-ie11.css +851 -282
  248. package/lib/themes/antd.css +724 -143
  249. package/lib/themes/antd.css.map +1 -1
  250. package/lib/themes/cxd-ie11.css +879 -310
  251. package/lib/themes/cxd.css +727 -146
  252. package/lib/themes/cxd.css.map +1 -1
  253. package/lib/themes/dark-ie11.css +769 -200
  254. package/lib/themes/dark.css +723 -142
  255. package/lib/themes/dark.css.map +1 -1
  256. package/lib/themes/default-ie11.css +879 -310
  257. package/lib/themes/default.css +727 -146
  258. package/lib/themes/default.css.map +1 -1
  259. package/lib/types.d.ts +3 -1
  260. package/lib/types.js.map +1 -1
  261. package/lib/utils/ColorScale.d.ts +19 -0
  262. package/lib/utils/ColorScale.js +104 -0
  263. package/lib/utils/ColorScale.js.map +13 -0
  264. package/lib/utils/api.js +20 -4
  265. package/lib/utils/api.js.map +2 -2
  266. package/lib/utils/columnsSplit.d.ts +1 -0
  267. package/lib/utils/columnsSplit.js +40 -0
  268. package/lib/utils/columnsSplit.js.map +13 -0
  269. package/lib/utils/debug.d.ts +1 -1
  270. package/lib/utils/debug.js +16 -22
  271. package/lib/utils/debug.js.map +2 -2
  272. package/lib/utils/dom.d.ts +1 -1
  273. package/lib/utils/dom.js +7 -5
  274. package/lib/utils/dom.js.map +2 -2
  275. package/lib/utils/position.js +0 -1
  276. package/lib/utils/position.js.map +2 -2
  277. package/lib/utils/scrollPosition.d.ts +6 -0
  278. package/lib/utils/scrollPosition.js +31 -0
  279. package/lib/utils/scrollPosition.js.map +13 -0
  280. package/package.json +3 -2
  281. package/schema.json +29681 -28936
  282. package/scss/_properties.scss +44 -13
  283. package/scss/components/_barcode.scss +1 -1
  284. package/scss/components/_carousel.scss +1 -0
  285. package/scss/components/_column-toggler.scss +21 -11
  286. package/scss/components/_debug.scss +3 -3
  287. package/scss/components/_formula.scss +1 -1
  288. package/scss/components/_nav.scss +51 -6
  289. package/scss/components/_progress.scss +4 -6
  290. package/scss/components/_pull-refresh.scss +25 -0
  291. package/scss/components/_spinner.scss +134 -56
  292. package/scss/components/_steps.scss +199 -8
  293. package/scss/components/_tooltip.scss +4 -9
  294. package/scss/components/form/_checks.scss +125 -2
  295. package/scss/components/form/_combo.scss +13 -1
  296. package/scss/components/form/_date-range.scss +27 -2
  297. package/scss/components/form/_date.scss +13 -1
  298. package/scss/components/form/_editor.scss +2 -1
  299. package/scss/components/form/_file.scss +4 -0
  300. package/scss/components/form/_form.scss +31 -8
  301. package/scss/components/form/_number.scss +3 -2
  302. package/scss/components/form/_select.scss +0 -1
  303. package/scss/components/form/_textarea.scss +1 -23
  304. package/scss/components/form/_transfer.scss +3 -2
  305. package/scss/themes/_antd-variables.scss +1 -1
  306. package/scss/themes/_common.scss +1 -0
  307. package/scss/themes/_cxd-variables.scss +4 -4
  308. package/sdk/ang-ie11.css +816 -182
  309. package/sdk/ang.css +775 -129
  310. package/sdk/antd-ie11.css +896 -262
  311. package/sdk/antd.css +776 -130
  312. package/sdk/barcode.js +51 -51
  313. package/sdk/charts.js +14 -14
  314. package/sdk/codemirror.js +7 -7
  315. package/sdk/color-picker.js +65 -65
  316. package/sdk/cropperjs.js +2 -2
  317. package/sdk/cxd-ie11.css +907 -273
  318. package/sdk/cxd.css +779 -133
  319. package/sdk/dark-ie11.css +817 -183
  320. package/sdk/dark.css +775 -129
  321. package/sdk/exceljs.js +1 -1
  322. package/sdk/locale/de-DE.js +18 -1
  323. package/sdk/markdown.js +69 -69
  324. package/sdk/papaparse.js +1 -1
  325. package/sdk/renderers/Form/CityDB.js +1 -1
  326. package/sdk/rest.js +17 -17
  327. package/sdk/rich-text.js +62 -62
  328. package/sdk/sdk-ie11.css +907 -273
  329. package/sdk/sdk.css +779 -133
  330. package/sdk/sdk.js +1317 -1273
  331. package/sdk/thirds/hls.js/hls.js +1 -1
  332. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  333. package/sdk/tinymce.js +57 -57
  334. package/src/Schema.ts +10 -0
  335. package/src/SchemaRenderer.tsx +32 -14
  336. package/src/WithStore.tsx +3 -1
  337. package/src/actions/CmptAction.ts +28 -0
  338. package/src/actions/PageAction.ts +62 -0
  339. package/src/actions/index.ts +1 -0
  340. package/src/components/AssociatedSelection.tsx +9 -3
  341. package/src/components/BarCode.tsx +2 -2
  342. package/src/components/Cascader.tsx +37 -11
  343. package/src/components/Checkbox.tsx +11 -5
  344. package/src/components/DatePicker.tsx +12 -4
  345. package/src/components/DateRangePicker.tsx +551 -88
  346. package/src/components/Drawer.tsx +1 -0
  347. package/src/components/Modal.tsx +1 -0
  348. package/src/components/Overlay.tsx +6 -3
  349. package/src/components/Progress.tsx +57 -22
  350. package/src/components/PullRefresh.tsx +197 -0
  351. package/src/components/Radios.tsx +6 -17
  352. package/src/components/Range.tsx +26 -12
  353. package/src/components/Spinner.tsx +77 -42
  354. package/src/components/Steps.tsx +28 -27
  355. package/src/components/Tooltip.tsx +12 -3
  356. package/src/components/TooltipWrapper.tsx +137 -33
  357. package/src/components/Tree.tsx +19 -5
  358. package/src/components/calendar/Calendar.tsx +0 -14
  359. package/src/components/calendar/TimeView.tsx +12 -0
  360. package/src/components/calendar/YearsView.tsx +3 -4
  361. package/src/components/condition-builder/Expression.tsx +6 -1
  362. package/src/components/condition-builder/Field.tsx +5 -1
  363. package/src/components/condition-builder/Group.tsx +4 -1
  364. package/src/components/condition-builder/GroupOrItem.tsx +4 -1
  365. package/src/components/condition-builder/InputSwitch.tsx +4 -1
  366. package/src/components/condition-builder/Item.tsx +28 -4
  367. package/src/components/condition-builder/Value.tsx +7 -1
  368. package/src/components/condition-builder/index.tsx +4 -2
  369. package/src/components/formula/Editor.tsx +20 -15
  370. package/src/components/formula/Picker.tsx +9 -5
  371. package/src/factory.tsx +29 -1
  372. package/src/locale/de-DE.ts +18 -1
  373. package/src/locale/en-US.ts +18 -1
  374. package/src/locale/zh-CN.ts +18 -1
  375. package/src/renderers/Action.tsx +22 -1
  376. package/src/renderers/App.tsx +4 -0
  377. package/src/renderers/CRUD.tsx +23 -5
  378. package/src/renderers/Carousel.tsx +8 -0
  379. package/src/renderers/Chart.tsx +4 -0
  380. package/src/renderers/Dialog.tsx +4 -0
  381. package/src/renderers/Drawer.tsx +14 -2
  382. package/src/renderers/Form/Checkbox.tsx +11 -2
  383. package/src/renderers/Form/Checkboxes.tsx +106 -23
  384. package/src/renderers/Form/Combo.tsx +104 -49
  385. package/src/renderers/Form/InputCity.tsx +33 -4
  386. package/src/renderers/Form/InputDate.tsx +18 -4
  387. package/src/renderers/Form/InputDateRange.tsx +27 -3
  388. package/src/renderers/Form/InputFile.tsx +23 -7
  389. package/src/renderers/Form/InputImage.tsx +22 -6
  390. package/src/renderers/Form/InputMonthRange.tsx +7 -1
  391. package/src/renderers/Form/InputRange.tsx +18 -16
  392. package/src/renderers/Form/InputText.tsx +14 -4
  393. package/src/renderers/Form/InputTree.tsx +40 -2
  394. package/src/renderers/Form/Item.tsx +7 -0
  395. package/src/renderers/Form/NestedSelect.tsx +23 -4
  396. package/src/renderers/Form/Options.tsx +26 -7
  397. package/src/renderers/Form/Select.tsx +5 -3
  398. package/src/renderers/Form/Textarea.tsx +3 -1
  399. package/src/renderers/Form/TreeSelect.tsx +47 -9
  400. package/src/renderers/Form/index.tsx +56 -25
  401. package/src/renderers/Form/wrapControl.tsx +23 -12
  402. package/src/renderers/Nav.tsx +231 -33
  403. package/src/renderers/Page.tsx +96 -33
  404. package/src/renderers/Progress.tsx +7 -9
  405. package/src/renderers/Service.tsx +66 -27
  406. package/src/renderers/Spinner.tsx +85 -3
  407. package/src/renderers/Steps.tsx +14 -0
  408. package/src/renderers/Table/ColumnToggler.tsx +36 -11
  409. package/src/renderers/Table/TableCell.tsx +39 -1
  410. package/src/renderers/Table/index.tsx +43 -19
  411. package/src/renderers/Tabs.tsx +75 -28
  412. package/src/renderers/TooltipWrapper.tsx +71 -28
  413. package/src/renderers/Wizard.tsx +169 -93
  414. package/src/store/crud.ts +50 -5
  415. package/src/store/form.ts +8 -3
  416. package/src/store/formItem.ts +1 -2
  417. package/src/store/index.ts +20 -0
  418. package/src/store/table.ts +2 -2
  419. package/src/types.ts +8 -1
  420. package/src/utils/ColorScale.ts +138 -0
  421. package/src/utils/api.ts +26 -4
  422. package/src/utils/columnsSplit.tsx +57 -0
  423. package/src/utils/debug.tsx +17 -24
  424. package/src/utils/dom.tsx +7 -6
  425. package/src/utils/position.ts +0 -1
  426. package/src/utils/scrollPosition.ts +29 -0
@@ -51,6 +51,8 @@
51
51
  --borderRadiusLg: 0.428rem;
52
52
  --boxShadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
53
53
  --boxShadowSm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
54
+ --boxTooltipShadow: 0 4px 6px 1px rgb(8 14 26 / 6%),
55
+ 0 1px 10px 0 rgb(8 14 26 / 5%), 0 2px 4px -1px rgb(8 14 26 / 4%);
54
56
  --lineHeightBase: 1.5;
55
57
  --body-lineHeight: var(--lineHeightBase);
56
58
  --borderWidth: 0.0625rem;
@@ -446,19 +448,26 @@
446
448
  --Carousel-svg-height: var(--gap-lg);
447
449
  --Carousel-svg-width: var(--gap-lg);
448
450
  --Carousel-transitionDuration: var(--animation-duration);
449
- --Checkbox--full-inner-size: 0.75rem;
450
- --Checkbox--sm--full-inner-size: 0.625rem;
451
+ --Checkbox--full-inner-size: 0.5rem;
452
+ --Checkbox--sm--full-inner-size: 0.5rem;
451
453
  --Checkbox--sm-inner-size: calc(var(--Checkbox--sm-size) / 2);
452
454
  --Checkbox--sm-size: 1rem;
453
- --Checkbox-borderRadius: var(--borderRadius);
455
+ --Checkbox-borderRadius: 0.125rem;
454
456
  --Checkbox-color: var(--Form-input-borderColor);
455
457
  --Checkbox-gap: var(--gap-xs);
456
458
  --Checkbox-gb: #fff;
457
- --Checkbox-size: var(--Form-fontSize);
459
+ --Checkbox-size: 1rem;
458
460
  --Checkbox-inner-size: calc(var(--Checkbox-size) / 2);
459
461
  --Checkbox-onHover-color: var(--info);
460
462
  --Checkbox-onDisabled-bg: #e5e7eb;
461
463
  --Checkbox-onDisabled-color: var(--text--muted-color);
464
+ --Checkbox-inner-onDisabled-bg: #d4d6d9;
465
+ --Checkbox-disabled-unchecked-bg: #f2f3f3;
466
+ --Checkbox-border-width: var(--Form-input-borderWidth);
467
+ --Checkbox-paddingX: 0.75rem;
468
+ --Checkbox-button-height: 2rem;
469
+ --Checkbox-button-line-height: 1.75rem;
470
+ --Checkbox-button-min-width: 5rem;
462
471
  --ColorPicker-bg: var(--white);
463
472
  --ColorPicker-borderColor: var(--Form-input-borderColor);
464
473
  --ColorPicker-borderRadius: var(--Form-input-borderRadius);
@@ -562,6 +571,16 @@
562
571
  ) / 2 - var(--DatePicker-borderWidth)
563
572
  );
564
573
  --DatePicker-placeholderColor: var(--Form-input-placeholderColor);
574
+ --DatePicker-minWidth: calc(
575
+ var(--fontSizeLg) * 5 +var(--DatePicker-paddingX) * 2 + var(
576
+ --Form-input-clearBtn-size
577
+ ) * 2
578
+ );
579
+ --DateRangePicker-minWidth: calc(
580
+ var(--fontSizeLg) * 8 +var(--DatePicker-paddingX) * 2 + var(
581
+ --Form-input-clearBtn-size
582
+ ) * 2
583
+ );
565
584
  --LocationPicker-borderRadius: var(--Form-input-borderWidth);
566
585
  --Divider-borderStyle: solid;
567
586
  --Drawer-bg: var(--background);
@@ -615,6 +634,8 @@
615
634
  --Form--horizontal-label-widthMd: 10rem;
616
635
  --Form--horizontal-label-widthSm: 5.625rem;
617
636
  --Form--horizontal-label-widthXs: 3.75rem;
637
+ --Form--horizontal-justify-label-align: left;
638
+ --Form--horizontal-justify-value-align: right;
618
639
  --Form-control-widthBase: 12.5rem;
619
640
  --Form-control-widthLg: 20rem;
620
641
  --Form-control-widthMd: 15rem;
@@ -788,7 +809,7 @@
788
809
  --InputRange-padding: 1.25rem;
789
810
  --InputRange-onDisabled-color: var(--light);
790
811
  --InputRange-primaryColor: var(--primary);
791
- --InputRange-track-height: 0.25rem;
812
+ --InputRange-track-height: 0.375rem;
792
813
  --InputRange-track-bg: #f3f4f6;
793
814
  --InputRange-track-onDisabled-bg: var(--InputRange-onDisabled-color);
794
815
  --InputRange-track-onActive-bg: var(--InputRange-primaryColor);
@@ -983,6 +1004,8 @@
983
1004
  --Nav-item-onHover-color: var(--text--loud-color);
984
1005
  --Nav-subItem-fontSize: var(--fontSizeBase);
985
1006
  --Nav-subItem-onActiveBeforeBg: #e5eaeb;
1007
+ --Nav-Item-maxWidth--tabs: 10rem;
1008
+ --Nav-Item-height: 2.5rem;
986
1009
  --Number-bg: var(--Form-input-bg);
987
1010
  --Number-borderColor: var(--Form-input-borderColor);
988
1011
  --Number-borderRadius: var(--Form-input-borderRadius);
@@ -1114,14 +1137,15 @@
1114
1137
  --Satus-icon-height: var(--Satus-icon-width);
1115
1138
  --Sparkline-line-color: var(--info);
1116
1139
  --Sparkline-area-color: rgba(24, 144, 255, 0.1);
1117
- --Spinner--lg-height: 3.125rem;
1118
- --Spinner--lg-width: 3.125rem;
1140
+ --Spinner--lg-height: 3rem;
1141
+ --Spinner--lg-width: 3rem;
1119
1142
  --Spinner--sm-height: 1rem;
1120
1143
  --Spinner--sm-width: 1rem;
1121
1144
  --Spinner-bg: url("data:image/svg+xml,%0A%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23eee' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23999' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23666' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23eee' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
1122
- --Spinner-height: 1.625rem;
1145
+ --Spinner-height: 2rem;
1123
1146
  --Spinner-overlay-bg: rgba(255, 255, 255, 0.4);
1124
- --Spinner-width: 1.625rem;
1147
+ --Spinner-width: 2rem;
1148
+ --Spinner-color: #2468f2;
1125
1149
  --Switch-bgColor: #4b5563;
1126
1150
  --Switch-borderColor: #353c46;
1127
1151
  --Switch-gap: var(--gap-sm);
@@ -1328,14 +1352,15 @@
1328
1352
  --Tooltip-bg--dark: rgba(7, 12, 20, 0.85);
1329
1353
  --Tooltip-body-color: var(--text-color);
1330
1354
  --Tooltip-body-color--dark: var(--white);
1331
- --Tooltip-body-paddingX: var(--gap-sm);
1355
+ --Tooltip-body-paddingX: var(--gap-base);
1332
1356
  --Tooltip-body-paddingY: var(--gap-sm);
1333
1357
  --Tooltip-borderColor: var(--borderColor);
1334
1358
  --Tooltip-borderRadius: var(--borderRadiusLg);
1335
1359
  --Tooltip-borderWidth: var(--borderWidth);
1336
- --Tooltip-boxShadow: var(--boxShadow);
1360
+ --Tooltip-boxShadow: var(--boxTooltipShadow);
1337
1361
  --Tooltip-boxShadow--dark: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
1338
1362
  --Tooltip-fontSize: var(--fontSizeSm);
1363
+ --Tooltip-fontWeight: var(--fontWeightMd);
1339
1364
  --Tooltip-maxWidth: 15rem;
1340
1365
  --Tooltip-minWidth: auto;
1341
1366
  --Tooltip-title-fontWeight: bold;
@@ -1343,9 +1368,10 @@
1343
1368
  --Tooltip-title-borderBottom-color: #ebebeb;
1344
1369
  --Tooltip-title-color: var(--text--loud-color);
1345
1370
  --Tooltip-title-color--dark: var(--white);
1346
- --Tooltip-title-paddingX: var(--gap-sm);
1347
- --Tooltip-title-paddingY: var(--gap-xs);
1371
+ --Tooltip-title-paddingX: var(--gap-base);
1372
+ --Tooltip-title-paddingY: var(--gap-sm);
1348
1373
  --Transfer-title-bg: #f6f8f8;
1374
+ --Transfer-selection-maxHeight: 21.875rem;
1349
1375
  --Tree-indent: var(--gap-md);
1350
1376
  --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
1351
1377
  --Tree-item-onHover-bg: rgba(0, 126, 255, 0.08);
@@ -1397,6 +1423,10 @@
1397
1423
  --ColumnToggler-fontColor: #151a26;
1398
1424
  --ColumnToggler-item-backgroundColor: #f6f7f8;
1399
1425
  --ColumnToggler-item-backgroundColor-onHover: rgba(36, 104, 242, 0.1);
1426
+ --ColumnToggler-item-paddingX: 0.5rem;
1427
+ --ColumnToggler-item-paddingY: 0.25rem;
1428
+ --ColumnToggler-item-margin: 0.25rem;
1429
+ --ColumnToggler-item-dragBar-color: #d8d8d8;
1400
1430
  --InputFormula-header-bgColor: #fafafa;
1401
1431
  --InputFormula-icon-size: 1.5rem;
1402
1432
  --InputFormula-icon-color-onActive: var(--primary);
@@ -1444,7 +1474,7 @@
1444
1474
  "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
1445
1475
  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1446
1476
  --lineHeightBase: 1.57;
1447
- --borderColor: #eceff8;
1477
+ --borderColor: #d9d9d9;
1448
1478
  --text-color: rgba(0, 0, 0, 0.85);
1449
1479
  --text--muted-color: #999;
1450
1480
  --text--loud-color: #333;
@@ -14990,7 +15020,6 @@ input[type=button].antd-Button--block {
14990
15020
  z-index: 1600;
14991
15021
  word-wrap: break-word;
14992
15022
  background: var(--Tooltip-bg);
14993
- border: var(--Tooltip-borderWidth) solid var(--Tooltip-borderColor);
14994
15023
  box-shadow: var(--Tooltip-boxShadow);
14995
15024
  }
14996
15025
  .antd-Tooltip-arrow {
@@ -15020,7 +15049,6 @@ input[type=button].antd-Button--block {
15020
15049
  }
15021
15050
  .antd-Tooltip--top .antd-Tooltip-arrow::before {
15022
15051
  bottom: 0;
15023
- border-top-color: var(--Tooltip-arrow-outerColor);
15024
15052
  }
15025
15053
  .antd-Tooltip--top .antd-Tooltip-arrow::after {
15026
15054
  bottom: var(--Tooltip-borderWidth);
@@ -15042,7 +15070,6 @@ input[type=button].antd-Button--block {
15042
15070
  }
15043
15071
  .antd-Tooltip--right .antd-Tooltip-arrow::before {
15044
15072
  left: 0;
15045
- border-right-color: var(--Tooltip-arrow-outerColor);
15046
15073
  }
15047
15074
  .antd-Tooltip--right .antd-Tooltip-arrow::after {
15048
15075
  left: var(--Tooltip-borderWidth);
@@ -15060,7 +15087,6 @@ input[type=button].antd-Button--block {
15060
15087
  }
15061
15088
  .antd-Tooltip--bottom .antd-Tooltip-arrow::before {
15062
15089
  top: 0;
15063
- border-bottom-color: var(--Tooltip-arrow-outerColor);
15064
15090
  }
15065
15091
  .antd-Tooltip--bottom .antd-Tooltip-arrow::after {
15066
15092
  top: var(--Tooltip-borderWidth);
@@ -15093,19 +15119,17 @@ input[type=button].antd-Button--block {
15093
15119
  }
15094
15120
  .antd-Tooltip--left .antd-Tooltip-arrow::before {
15095
15121
  right: 0;
15096
- border-left-color: var(--Tooltip-arrow-outerColor);
15097
15122
  }
15098
15123
  .antd-Tooltip--left .antd-Tooltip-arrow::after {
15099
15124
  right: var(--Tooltip-borderWidth);
15100
15125
  border-left-color: var(--Tooltip-arrow-color);
15101
15126
  }
15102
15127
  .antd-Tooltip-title {
15103
- padding: var(--Tooltip-title-paddingY) var(--Tooltip-title-paddingX);
15128
+ padding: var(--Tooltip-title-paddingY) var(--Tooltip-title-paddingX) 0;
15104
15129
  margin-bottom: 0;
15105
15130
  font-size: var(--fontSizeBase);
15106
15131
  color: var(--Tooltip-title-color);
15107
- background: var(--Tooltip-title-bg);
15108
- border-bottom: var(--Tooltip-borderWidth) solid var(--Tooltip-title-borderBottom-color);
15132
+ font-weight: var(--Tooltip-fontWeight);
15109
15133
  border-top-left-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) );
15110
15134
  border-top-right-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) );
15111
15135
  font-weight: var(--Tooltip-title-fontWeight);
@@ -15116,6 +15140,8 @@ input[type=button].antd-Button--block {
15116
15140
  .antd-Tooltip-body {
15117
15141
  color: var(--Tooltip-body-color);
15118
15142
  padding: var(--Tooltip-body-paddingY) var(--Tooltip-body-paddingX);
15143
+ word-break: break-all;
15144
+ text-align: left;
15119
15145
  }
15120
15146
  .antd-Tooltip--dark {
15121
15147
  background: var(--Tooltip-bg--dark);
@@ -16784,6 +16810,30 @@ input[type=button].antd-Button--block {
16784
16810
  height: var(--Tabs-linkFontSize);
16785
16811
  vertical-align: middle;
16786
16812
  }
16813
+ .antd-Nav .antd-Nav-list-overflow {
16814
+ min-height: var(--Nav-Item-height) !important;
16815
+ max-height: calc(var(--Nav-Item-height) * 5);
16816
+ max-width: var(--Nav-Item-maxWidth--tabs);
16817
+ font-size: var(--Nav-subItem-fontSize);
16818
+ overflow-x: hidden;
16819
+ overflow-y: auto;
16820
+ }
16821
+ .antd-Nav .antd-Nav-list-overflow .antd-Nav-subItems {
16822
+ margin-block-start: 0;
16823
+ margin-block-end: 0;
16824
+ }
16825
+ .antd-Nav .antd-Nav-list-overflow .antd-Nav-item {
16826
+ max-width: var(--Nav-Item-maxWidth--tabs);
16827
+ height: var(--Nav-Item-height);
16828
+ }
16829
+ .antd-Nav .antd-Nav-list-overflow .antd-Nav-item > a {
16830
+ border: none !important;
16831
+ display: block !important;
16832
+ text-overflow: ellipsis;
16833
+ overflow: hidden;
16834
+ white-space: nowrap;
16835
+ user-select: none;
16836
+ }
16787
16837
  .antd-Nav .antd-Nav-list--tabs {
16788
16838
  border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
16789
16839
  }
@@ -16791,6 +16841,7 @@ input[type=button].antd-Button--block {
16791
16841
  margin-bottom: calc(var(--Tabs-borderWidth) * -1);
16792
16842
  display: inline-block;
16793
16843
  position: relative;
16844
+ max-width: var(--Nav-Item-maxWidth--tabs);
16794
16845
  }
16795
16846
  .antd-Nav .antd-Nav-list--tabs .antd-Nav-item > a {
16796
16847
  font-size: var(--Tabs-linkFontSize);
@@ -16804,10 +16855,14 @@ input[type=button].antd-Button--block {
16804
16855
  margin-right: 0.125rem;
16805
16856
  padding: var(--gap-sm) var(--gap-xl);
16806
16857
  cursor: pointer;
16858
+ text-overflow: ellipsis;
16859
+ overflow: hidden;
16860
+ white-space: nowrap;
16807
16861
  }
16808
16862
  .antd-Nav .antd-Nav-list--tabs .antd-Nav-item:hover > a,
16809
16863
  .antd-Nav .antd-Nav-list--tabs .antd-Nav-item > a:focus {
16810
16864
  border-color: var(--Tabs-onHover-borderColor);
16865
+ border-bottom: none;
16811
16866
  text-decoration: none;
16812
16867
  }
16813
16868
  .antd-Nav .antd-Nav-list--tabs .antd-Nav-item.disabled > a, .antd-Nav .antd-Nav-list--tabs .antd-Nav-item.is-disabled > a {
@@ -16822,41 +16877,57 @@ input[type=button].antd-Button--block {
16822
16877
  border-color: var(--Tabs-onActive-borderColor);
16823
16878
  border-bottom-color: var(--Tabs-content-bg);
16824
16879
  }
16880
+ .antd-Nav .antd-Nav-list--tabs .antd-Nav-item-overflow:hover > a,
16881
+ .antd-Nav .antd-Nav-list--tabs .antd-Nav-item-overflow > a:focus, .antd-Nav .antd-Nav-list--tabs .antd-Nav-item-overflow.is-overflow-opened > a {
16882
+ color: var(--primary);
16883
+ border-color: transparent;
16884
+ }
16825
16885
  .antd-Nav .antd-Nav-list--stacked {
16826
16886
  min-height: 3.125rem;
16827
16887
  }
16828
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item, .antd-Nav .antd-Nav-list--stacked .antd-Badge {
16888
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item,
16889
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge {
16829
16890
  position: relative;
16830
16891
  display: flex;
16831
16892
  flex-wrap: wrap;
16832
16893
  align-items: stretch;
16833
16894
  width: 100%;
16834
16895
  }
16835
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager {
16896
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager,
16897
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager {
16836
16898
  cursor: move;
16837
16899
  position: absolute;
16838
16900
  left: 0;
16839
16901
  display: none;
16840
16902
  line-height: 0;
16841
16903
  }
16842
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager > .icon, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager > .antd-Badge > .icon, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager > .icon, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager > .antd-Badge > .icon {
16904
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager > .icon,
16905
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager > .antd-Badge > .icon,
16906
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager > .icon,
16907
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager > .antd-Badge > .icon {
16843
16908
  color: var(--icon-color);
16844
16909
  }
16845
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager > .icon:hover, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager > .antd-Badge > .icon:hover, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager > .icon:hover, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager > .antd-Badge > .icon:hover {
16910
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager > .icon:hover,
16911
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager > .antd-Badge > .icon:hover,
16912
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager > .icon:hover,
16913
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager > .antd-Badge > .icon:hover {
16846
16914
  color: var(--icon-onHover-color);
16847
16915
  }
16848
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager svg, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager svg {
16916
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemDrager svg,
16917
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemDrager svg {
16849
16918
  width: 1rem;
16850
16919
  height: 1rem;
16851
16920
  }
16852
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Nav-item-badgeText, .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Nav-item-badgeText {
16921
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Nav-item-badgeText,
16922
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Nav-item-badgeText {
16853
16923
  position: absolute;
16854
16924
  top: 0;
16855
16925
  bottom: 0;
16856
16926
  width: 2.1875rem;
16857
16927
  overflow: hidden;
16858
16928
  }
16859
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Nav-item-badgeText > span, .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Nav-item-badgeText > span {
16929
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Nav-item-badgeText > span,
16930
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Nav-item-badgeText > span {
16860
16931
  position: absolute;
16861
16932
  top: 0.125rem;
16862
16933
  left: -0.8125rem;
@@ -16867,12 +16938,14 @@ input[type=button].antd-Button--block {
16867
16938
  color: var(--white);
16868
16939
  background: var(--success);
16869
16940
  }
16870
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Nav-item-atcions {
16941
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Nav-item-atcions,
16942
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Nav-item-atcions {
16871
16943
  display: flex;
16872
16944
  align-items: center;
16873
16945
  }
16874
16946
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a,
16875
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge > a,
16947
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a,
16948
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > a,
16876
16949
  .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a {
16877
16950
  display: flex;
16878
16951
  align-items: center;
@@ -16893,7 +16966,8 @@ input[type=button].antd-Button--block {
16893
16966
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:hover,
16894
16967
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:focus,
16895
16968
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:hover + .antd-Nav-item-atcions,
16896
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:focus + .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:hover,
16969
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:focus + .antd-Nav-item-atcions,
16970
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:hover,
16897
16971
  .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:focus,
16898
16972
  .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:hover + .antd-Nav-item-atcions,
16899
16973
  .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:focus + .antd-Nav-item-atcions,
@@ -16909,37 +16983,60 @@ input[type=button].antd-Button--block {
16909
16983
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a:hover > .antd-Nav-itemDrager,
16910
16984
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a:focus > .antd-Nav-itemDrager,
16911
16985
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:hover > .antd-Nav-itemDrager,
16912
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:focus > .antd-Nav-itemDrager, .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:hover > .antd-Nav-itemDrager,
16986
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:focus > .antd-Nav-itemDrager,
16987
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:hover > .antd-Nav-itemDrager,
16913
16988
  .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:focus > .antd-Nav-itemDrager,
16914
16989
  .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a:hover > .antd-Nav-itemDrager,
16915
16990
  .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a:focus > .antd-Nav-itemDrager {
16916
16991
  display: block;
16917
16992
  }
16918
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.disabled > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-disabled > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.disabled > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-disabled > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.disabled > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-disabled > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.disabled > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-disabled > .antd-Badge > a {
16993
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.disabled > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-disabled > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.disabled > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-disabled > .antd-Badge > a,
16994
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.disabled > a,
16995
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-disabled > a,
16996
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.disabled > .antd-Badge > a,
16997
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-disabled > .antd-Badge > a {
16919
16998
  color: var(--Nav-item-onDisabled-color);
16920
16999
  background: transparent;
16921
17000
  pointer-events: none;
16922
17001
  }
16923
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > a {
17002
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > .antd-Badge > a, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > .antd-Nav-item-atcions, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > a,
17003
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > a,
17004
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Nav-item-atcions,
17005
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > a,
17006
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > .antd-Badge > a,
17007
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > .antd-Nav-item-atcions,
17008
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > a {
16924
17009
  color: var(--Nav-item-onActive-color);
16925
17010
  position: relative;
16926
17011
  background: var(--Nav-item-onActive-bg) !important;
16927
17012
  }
16928
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > .antd-Badge > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > .antd-Badge > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > a::after {
17013
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.active > .antd-Badge > a::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > .antd-Nav-item-atcions::after, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-active > .antd-Badge > a::after,
17014
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > a::after,
17015
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Nav-item-atcions::after,
17016
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > a::after,
17017
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.active > .antd-Badge > a::after,
17018
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > .antd-Nav-item-atcions::after,
17019
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-active > .antd-Badge > a::after {
16929
17020
  transform: scaleY(1);
16930
17021
  }
16931
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-unfolded > a .antd-Nav-itemToggler, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-unfolded > .antd-Badge > a .antd-Nav-itemToggler, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-unfolded > a .antd-Nav-itemToggler, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-unfolded > .antd-Badge > a .antd-Nav-itemToggler {
17022
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-unfolded > a .antd-Nav-itemToggler, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-unfolded > .antd-Badge > a .antd-Nav-itemToggler,
17023
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-unfolded > a .antd-Nav-itemToggler,
17024
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-unfolded > .antd-Badge > a .antd-Nav-itemToggler {
16932
17025
  transform: rotate(180deg) scale(0.8);
16933
17026
  }
16934
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-unfolded > .antd-Nav-subItems, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-unfolded > .antd-Badge > .antd-Nav-subItems, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-unfolded > .antd-Nav-subItems, .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-unfolded > .antd-Badge > .antd-Nav-subItems {
17027
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-unfolded > .antd-Nav-subItems, .antd-Nav .antd-Nav-list--stacked .antd-Nav-item.is-unfolded > .antd-Badge > .antd-Nav-subItems,
17028
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-unfolded > .antd-Nav-subItems,
17029
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge.is-unfolded > .antd-Badge > .antd-Nav-subItems {
16935
17030
  display: block;
16936
17031
  }
16937
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-spinner, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-spinner {
17032
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-spinner,
17033
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-spinner {
16938
17034
  position: absolute;
16939
17035
  right: 0.625rem;
16940
17036
  top: 0.5rem;
16941
17037
  }
16942
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemToggler, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemToggler {
17038
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemToggler,
17039
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemToggler {
16943
17040
  float: left;
16944
17041
  margin-right: 0.625rem;
16945
17042
  height: 1.5rem;
@@ -16950,18 +17047,21 @@ input[type=button].antd-Button--block {
16950
17047
  transform: scale(0.8);
16951
17048
  transition: transform var(--animation-duration);
16952
17049
  }
16953
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemToggler > svg, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemToggler > svg {
17050
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-itemToggler > svg,
17051
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-itemToggler > svg {
16954
17052
  width: 10px;
16955
17053
  height: 10px;
16956
17054
  top: 0;
16957
17055
  }
16958
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-subItems, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-subItems {
17056
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-subItems,
17057
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-subItems {
16959
17058
  display: none;
16960
17059
  padding-left: 0;
16961
17060
  list-style: none;
16962
17061
  width: 100%;
16963
17062
  }
16964
- .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-item, .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-item {
17063
+ .antd-Nav .antd-Nav-list--stacked .antd-Nav-item .antd-Nav-item,
17064
+ .antd-Nav .antd-Nav-list--stacked .antd-Badge .antd-Nav-item {
16965
17065
  font-size: var(--Nav-subItem-fontSize);
16966
17066
  }
16967
17067
  .antd-Nav .antd-Nav-dropIndicator {
@@ -17560,54 +17660,101 @@ input[type=button].antd-Button--block {
17560
17660
  transform: rotate(1turn);
17561
17661
  }
17562
17662
  }
17563
- .is-spin {
17564
- animation: spin 2s linear infinite;
17565
- }
17566
-
17567
- .antd-Spinner-overlay {
17568
- position: absolute;
17569
- z-index: 10;
17570
- top: 0;
17571
- left: 0;
17572
- right: 0;
17573
- bottom: 0;
17574
- background: var(--Spinner-overlay-bg);
17575
- transition: ease-out opacity var(--animation-duration);
17663
+ .antd-Spinner {
17664
+ display: inline-flex;
17665
+ flex-direction: column;
17666
+ align-items: center;
17667
+ justify-content: center;
17576
17668
  opacity: 0;
17669
+ transition: ease-out opacity var(--animation-duration);
17577
17670
  }
17578
- .antd-Spinner-overlay.in {
17671
+ .antd-Spinner.in {
17579
17672
  opacity: 1;
17580
17673
  }
17581
-
17582
- .antd-Spinner {
17674
+ .antd-Spinner .antd-Spinner-icon {
17583
17675
  width: var(--Spinner-width);
17584
17676
  height: var(--Spinner-height);
17677
+ position: relative;
17585
17678
  transform: translateZ(0);
17586
- display: inline-flex;
17679
+ animation: spin 2s linear infinite;
17680
+ transition: ease-out all var(--animation-duration);
17681
+ }
17682
+ .antd-Spinner .antd-Spinner-icon--default {
17587
17683
  background: var(--Spinner-bg);
17588
17684
  background-size: 100%;
17589
- transition: ease-out all var(--animation-duration);
17685
+ animation: none;
17686
+ }
17687
+ .antd-Spinner .antd-Spinner-icon--simple {
17688
+ background: transparent;
17689
+ display: flex;
17690
+ align-items: center;
17691
+ justify-content: center;
17692
+ }
17693
+ .antd-Spinner .antd-Spinner-icon--simple .icon {
17694
+ width: 100%;
17695
+ height: 100%;
17696
+ color: var(--Spinner-color);
17697
+ }
17698
+ .antd-Spinner .antd-Spinner-icon--simple svg.icon {
17699
+ top: 0;
17700
+ }
17701
+ .antd-Spinner .antd-Spinner-icon--simple svg.icon path {
17702
+ fill: var(--Spinner-color);
17703
+ }
17704
+ .antd-Spinner .antd-Spinner-icon--simple i.icon {
17705
+ display: flex;
17706
+ align-items: center;
17707
+ justify-content: center;
17708
+ font-size: var(--Spinner-width);
17590
17709
  }
17591
- .antd-Spinner--lg {
17710
+ .antd-Spinner .antd-Spinner-icon--custom {
17711
+ width: auto;
17712
+ height: auto;
17713
+ }
17714
+ .antd-Spinner .antd-Spinner-icon--lg {
17592
17715
  width: var(--Spinner--lg-width);
17593
17716
  height: var(--Spinner--lg-height);
17594
17717
  }
17595
- .antd-Spinner--sm {
17718
+ .antd-Spinner .antd-Spinner-icon--lg i.icon {
17719
+ font-size: var(--Spinner--lg-height);
17720
+ }
17721
+ .antd-Spinner .antd-Spinner-icon--sm {
17596
17722
  width: var(--Spinner--sm-width);
17597
17723
  height: var(--Spinner--sm-height);
17598
17724
  }
17599
- .antd-Spinner--icon {
17600
- background: transparent;
17601
- animation: spin 2s linear infinite;
17602
- width: 16px;
17603
- height: 16px;
17725
+ .antd-Spinner .antd-Spinner-icon--sm i.icon {
17726
+ font-size: var(--Spinner--sm-height);
17604
17727
  }
17605
- .antd-Spinner--icon svg.icon {
17606
- width: 16px;
17607
- height: 16px;
17608
- top: 0;
17728
+ .antd-Spinner .antd-Spinner-tip {
17729
+ margin: 0.75rem 0 0 0;
17730
+ word-break: keep-all;
17731
+ white-space: nowrap;
17732
+ color: var(--Spinner-color);
17733
+ }
17734
+ .antd-Spinner.antd-Spinner-tip--top {
17735
+ flex-direction: column-reverse;
17736
+ }
17737
+ .antd-Spinner.antd-Spinner-tip--top .antd-Spinner-tip {
17738
+ margin: 0 0 0.75rem 0;
17739
+ }
17740
+ .antd-Spinner.antd-Spinner-tip--right {
17741
+ flex-direction: row;
17742
+ }
17743
+ .antd-Spinner.antd-Spinner-tip--right .antd-Spinner-tip {
17744
+ margin: 0 0 0 0.75rem;
17745
+ }
17746
+ .antd-Spinner.antd-Spinner-tip--bottom {
17747
+ flex-direction: column;
17748
+ }
17749
+ .antd-Spinner.antd-Spinner-tip--bottom .antd-Spinner-tip {
17750
+ margin: 0.75rem 0 0 0;
17751
+ }
17752
+ .antd-Spinner.antd-Spinner-tip--left {
17753
+ flex-direction: row-reverse;
17754
+ }
17755
+ .antd-Spinner.antd-Spinner-tip--left .antd-Spinner-tip {
17756
+ margin: 0 0.75rem 0 0;
17609
17757
  }
17610
-
17611
17758
  .antd-Spinner--overlay {
17612
17759
  position: absolute;
17613
17760
  z-index: 11;
@@ -17616,21 +17763,34 @@ input[type=button].antd-Button--block {
17616
17763
  transform: translate3d(-50%, -50%, 0);
17617
17764
  }
17618
17765
 
17619
- .antd-Spinner--overlay.antd-Spinner--lg {
17620
- width: var(--Spinner--lg-width);
17621
- height: var(--Spinner--lg-height);
17622
- line-height: var(--Spinner--lg-height);
17766
+ .antd-Spinner-overlay {
17767
+ position: absolute;
17768
+ z-index: 10;
17769
+ top: 0;
17770
+ left: 0;
17771
+ right: 0;
17772
+ bottom: 0;
17773
+ background: var(--Spinner-overlay-bg);
17774
+ transition: ease-out opacity var(--animation-duration);
17775
+ opacity: 0;
17776
+ }
17777
+ .antd-Spinner-overlay.in {
17778
+ opacity: 1;
17623
17779
  }
17624
17780
 
17625
- @media (min-width: 768px) {
17626
- .antd-Layout .antd-Page-body > .antd-Spinner-overlay {
17627
- left: var(--Layout-aside-width);
17628
- }
17629
-
17630
- .antd-Layout--folded .antd-Page-body > .antd-Spinner-overlay {
17631
- left: var(--Layout-aside--folded-width);
17632
- }
17781
+ .antd-Spinner-wrap {
17782
+ position: relative;
17783
+ width: 100%;
17784
+ height: 100%;
17633
17785
  }
17786
+ .antd-Spinner-wrap .antd-Spinner {
17787
+ position: absolute;
17788
+ z-index: 11;
17789
+ top: 50%;
17790
+ left: 50%;
17791
+ transform: translate3d(-50%, -50%, 0);
17792
+ }
17793
+
17634
17794
  .antd-ButtonGroup {
17635
17795
  position: relative;
17636
17796
  display: inline-flex;
@@ -20507,14 +20667,11 @@ input[type=button].antd-Button--block {
20507
20667
  background: var(--ColumnToggler-item-backgroundColor);
20508
20668
  border-radius: 0.125rem;
20509
20669
  font-size: var(--fontSizeSm);
20510
- padding: 0.25rem 0.5rem;
20670
+ padding: var(--ColumnToggler-item-paddingY) var(--ColumnToggler-item-paddingX);
20511
20671
  height: var(--ColumnToggler-lineHeight);
20512
- width: calc((100% - 24px) / 3);
20672
+ width: calc((100% - var(--ColumnToggler-item-margin) * 6) / 3);
20673
+ margin: var(--ColumnToggler-item-margin);
20513
20674
  float: left;
20514
- margin: 0.25rem;
20515
- text-overflow: ellipsis;
20516
- white-space: nowrap;
20517
- overflow: hidden;
20518
20675
  }
20519
20676
  .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem:hover {
20520
20677
  background: var(--ColumnToggler-item-backgroundColor-onHover);
@@ -20522,16 +20679,30 @@ input[type=button].antd-Button--block {
20522
20679
  .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem--dragging {
20523
20680
  border: 1px solid var(--link-color);
20524
20681
  }
20682
+ .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem-label {
20683
+ display: inline-block;
20684
+ width: calc(100% - var(--Checkbox--sm-size));
20685
+ }
20686
+ .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem-label > span {
20687
+ display: inline-block;
20688
+ max-width: 100%;
20689
+ text-overflow: ellipsis;
20690
+ white-space: nowrap;
20691
+ overflow: hidden;
20692
+ user-select: none;
20693
+ }
20525
20694
  .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem label > i {
20526
20695
  height: var(--fontSizeLg);
20527
20696
  width: var(--fontSizeLg);
20528
20697
  vertical-align: top;
20529
20698
  }
20530
20699
  .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem-dragBar {
20700
+ display: inline-block;
20531
20701
  margin-left: 0;
20532
20702
  margin-right: var(--gap-xs);
20703
+ vertical-align: super;
20704
+ color: var(--ColumnToggler-item-dragBar-color);
20533
20705
  cursor: move;
20534
- color: #d8d8d8;
20535
20706
  }
20536
20707
  .antd-ColumnToggler-modal-footer {
20537
20708
  width: 100%;
@@ -20562,9 +20733,6 @@ input[type=button].antd-Button--block {
20562
20733
  .antd-ColumnToggler-modal-footer > div:last-child {
20563
20734
  justify-content: flex-end;
20564
20735
  }
20565
- .antd-ColumnToggler-modal-footer > div:last-child button {
20566
- width: 72px;
20567
- }
20568
20736
 
20569
20737
  .antd-ColumnToggler-tooltip {
20570
20738
  border: none;
@@ -21369,13 +21537,16 @@ input[type=button].antd-Button--block {
21369
21537
  .antd-Progress {
21370
21538
  display: flex;
21371
21539
  align-items: center;
21540
+ color: var(--text-color);
21541
+ font-size: var(--fontSizeXs);
21372
21542
  }
21373
21543
  .antd-Progress-line {
21374
21544
  display: inline-block;
21375
21545
  width: 100%;
21546
+ height: 10px;
21376
21547
  }
21377
21548
  .antd-Progress-line-inter {
21378
- height: 10px;
21549
+ height: 100%;
21379
21550
  background-color: var(--Progress-bar-backgroundColor);
21380
21551
  overflow: hidden;
21381
21552
  border-radius: var(--Progress-borderRadius);
@@ -21384,8 +21555,6 @@ input[type=button].antd-Button--block {
21384
21555
  display: inline-block;
21385
21556
  flex-grow: 1;
21386
21557
  margin-left: 8px;
21387
- color: var(--text-color);
21388
- font-size: var(--fontSizeXs);
21389
21558
  white-space: nowrap;
21390
21559
  text-align: left;
21391
21560
  word-break: normal;
@@ -21438,9 +21607,6 @@ input[type=button].antd-Button--block {
21438
21607
  width: 100%;
21439
21608
  margin: 0;
21440
21609
  padding: 0;
21441
- color: var(--text-color);
21442
- font-size: 1em;
21443
- line-height: 1;
21444
21610
  white-space: normal;
21445
21611
  text-align: center;
21446
21612
  transform: translate(-50%, -50%);
@@ -21837,6 +22003,7 @@ input[type=button].antd-Button--block {
21837
22003
  text-align: center;
21838
22004
  }
21839
22005
  .antd-Carousel-dotsControl .antd-Carousel-dot {
22006
+ cursor: pointer;
21840
22007
  display: inline-block;
21841
22008
  height: var(--Carousel-dot-width);
21842
22009
  width: var(--Carousel-dot-height);
@@ -22812,6 +22979,9 @@ input[type=button].antd-Button--block {
22812
22979
  height: auto;
22813
22980
  line-height: 2rem;
22814
22981
  }
22982
+ .antd-Steps .antd-StepsItem-container {
22983
+ position: relative;
22984
+ }
22815
22985
  .antd-Steps .antd-StepsItem-containerIcon {
22816
22986
  vertical-align: top;
22817
22987
  display: inline-block;
@@ -22854,6 +23024,12 @@ input[type=button].antd-Button--block {
22854
23024
  .antd-Steps .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title.is-success:after {
22855
23025
  background-color: var(--Steps-line-success-bg);
22856
23026
  }
23027
+ .antd-Steps .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-ellText {
23028
+ max-width: 9.875rem;
23029
+ overflow: hidden;
23030
+ text-overflow: ellipsis;
23031
+ white-space: nowrap;
23032
+ }
22857
23033
  .antd-Steps .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-subTitle {
22858
23034
  padding-left: 0.625rem;
22859
23035
  font-size: var(--Steps-sub-title-fontsize);
@@ -22862,6 +23038,8 @@ input[type=button].antd-Button--block {
22862
23038
  .antd-Steps .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-description {
22863
23039
  max-width: 8.75rem;
22864
23040
  white-space: nowrap;
23041
+ position: relative;
23042
+ bottom: 0.625rem;
22865
23043
  }
22866
23044
  .antd-Steps .antd-StepsItem:last-child {
22867
23045
  flex: none;
@@ -22875,29 +23053,162 @@ input[type=button].antd-Button--block {
22875
23053
  .antd-Steps--vertical .antd-StepsItem {
22876
23054
  padding: 0.3125rem 0;
22877
23055
  min-height: 75px;
23056
+ overflow: visible;
22878
23057
  }
22879
- .antd-Steps--vertical .antd-StepsItem-containerIcon > .antd-StepsItem-icon {
22880
- position: relative;
22881
- }
22882
- .antd-Steps--vertical .antd-StepsItem-containerIcon > .antd-StepsItem-icon:after {
23058
+ .antd-Steps--vertical .antd-StepsItem-containerIcon:after {
22883
23059
  content: "";
22884
23060
  position: absolute;
22885
23061
  right: 0;
22886
- top: 2.1875rem;
22887
- height: 9999px;
22888
- left: 0.875rem;
23062
+ top: 2rem;
23063
+ height: calc(100% - 23px);
23064
+ left: 0.6875rem;
22889
23065
  width: 1px;
22890
23066
  background-color: var(--Steps-line-bg);
22891
23067
  }
22892
23068
  .antd-Steps--vertical .antd-StepsItem-containerWrapper > .antd-StepsItem-body > .antd-StepsItem-title:after {
22893
23069
  display: none;
22894
23070
  }
23071
+ .antd-Steps--vertical .antd-StepsItem-containerTail:after {
23072
+ display: none !important;
23073
+ }
22895
23074
  .antd-Steps--vertical .antd-StepsItem:last-child {
22896
23075
  flex: none;
22897
23076
  }
22898
- .antd-Steps--vertical .antd-StepsItem:last-child .antd-StepsItem-icon:after {
23077
+ .antd-Steps--vertical .antd-StepsItem:last-child .antd-StepsItem-containerIcon:after {
22899
23078
  display: none;
22900
23079
  }
23080
+ .antd-Steps--vertical .antd-StepsItem-ProgressDot .antd-StepsItem-container {
23081
+ flex-direction: row;
23082
+ }
23083
+ .antd-Steps--vertical .antd-StepsItem-ProgressDot .antd-StepsItem-containerTail {
23084
+ display: none;
23085
+ }
23086
+ .antd-Steps--vertical .antd-StepsItem-ProgressDot .antd-StepsItem-containerWrapper {
23087
+ width: 25rem;
23088
+ }
23089
+ .antd-Steps--vertical .antd-StepsItem-ProgressDot .antd-StepsItem-containerProgressDot {
23090
+ margin-left: 0px;
23091
+ margin-top: 0.625rem;
23092
+ }
23093
+ .antd-Steps--vertical .antd-StepsItem-ProgressDot .antd-StepsItem-containerProgressDot:after {
23094
+ content: "";
23095
+ position: absolute;
23096
+ display: inline-block;
23097
+ top: 1.375rem;
23098
+ width: 1px;
23099
+ left: 3px;
23100
+ height: calc(100% - 5px);
23101
+ background-color: var(--Steps-line-bg);
23102
+ }
23103
+ .antd-Steps--vertical .antd-StepsItem-ProgressDot .antd-StepsItem-title > span {
23104
+ display: inline-block !important;
23105
+ }
23106
+ .antd-Steps--vertical .antd-StepsItem-ProgressDot .antd-StepsItem-vertical-ProgressDot {
23107
+ right: 0.625rem;
23108
+ }
23109
+ .antd-Steps--vertical .antd-StepsItem-ProgressDot .antd-StepsItem-body {
23110
+ text-align: left !important;
23111
+ }
23112
+ .antd-Steps--vertical .antd-StepsItem-ProgressDot:last-child .antd-StepsItem-containerProgressDot:after {
23113
+ display: none;
23114
+ }
23115
+ .antd-Steps--vertical .is-finish .antd-StepsItem-containerProgressDot:after {
23116
+ background: var(--Steps-status-success);
23117
+ }
23118
+ .antd-Steps--Placement-vertical {
23119
+ display: flex;
23120
+ list-style: none;
23121
+ padding: 0;
23122
+ }
23123
+ .antd-Steps--Placement-vertical .antd-StepsItem {
23124
+ flex: 1;
23125
+ padding: 0;
23126
+ overflow: visible;
23127
+ }
23128
+ .antd-Steps--Placement-vertical .antd-StepsItem-container {
23129
+ display: flex;
23130
+ flex-direction: column;
23131
+ justify-content: flex-start;
23132
+ }
23133
+ .antd-Steps--Placement-vertical .antd-StepsItem-containerTail:after {
23134
+ content: "";
23135
+ position: absolute;
23136
+ display: inline-block;
23137
+ top: 1rem;
23138
+ height: 1px;
23139
+ left: 8.125rem;
23140
+ width: calc(100% - 55px);
23141
+ background-color: var(--Steps-line-bg);
23142
+ }
23143
+ .antd-Steps--Placement-vertical .antd-StepsItem-containerIcon {
23144
+ margin-left: 5.625rem;
23145
+ }
23146
+ .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper {
23147
+ width: 12.5rem;
23148
+ }
23149
+ .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body {
23150
+ text-align: center;
23151
+ }
23152
+ .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title {
23153
+ padding: 0 0.625rem;
23154
+ width: 100%;
23155
+ }
23156
+ .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title > span {
23157
+ display: block;
23158
+ position: relative;
23159
+ left: 0.625rem;
23160
+ }
23161
+ .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title .antd-StepsItem-subTitle {
23162
+ word-break: break-all;
23163
+ padding: 0 0.625rem;
23164
+ position: relative;
23165
+ left: 0.625rem;
23166
+ }
23167
+ .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title:after {
23168
+ display: none;
23169
+ }
23170
+ .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-description {
23171
+ min-width: 12.5rem;
23172
+ word-break: break-all;
23173
+ padding: 0 0.625rem;
23174
+ }
23175
+ .antd-Steps--Placement-vertical .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title.is-success:after {
23176
+ background-color: var(--Steps-line-success-bg);
23177
+ }
23178
+ .antd-Steps--Placement-vertical .antd-StepsItem:last-child .antd-StepsItem-containerTail:after {
23179
+ display: none;
23180
+ }
23181
+ .antd-Steps--Placement-vertical .is-finish .antd-StepsItem-containerTail:after {
23182
+ background: var(--Steps-status-success);
23183
+ }
23184
+ .antd-Steps--ProgressDot .antd-StepsItem-containerTail:after {
23185
+ left: 6.875rem;
23186
+ width: calc(100% - 20px);
23187
+ }
23188
+ .antd-Steps--ProgressDot .antd-StepsItem-containerProgressDot {
23189
+ margin-top: 0.8125rem;
23190
+ margin-bottom: 0.3125rem;
23191
+ width: 0.5rem;
23192
+ height: 0.5rem;
23193
+ margin-left: 6rem;
23194
+ border: 1px solid var(--Steps-line-success-bg);
23195
+ border-radius: 100%;
23196
+ }
23197
+ .antd-Steps--ProgressDot .is-finish .antd-StepsItem-containerTail:after {
23198
+ background: var(--Steps-status-success);
23199
+ }
23200
+ .antd-Steps--ProgressDot .is-wait .antd-StepsItem-containerProgressDot {
23201
+ background: var(--Steps-line-bg);
23202
+ border: 1px solid var(--Steps-line-bg);
23203
+ }
23204
+ .antd-Steps--ProgressDot .is-error .antd-StepsItem-containerProgressDot {
23205
+ background: var(--Steps-status-error);
23206
+ border: 1px solid var(--Steps-status-error);
23207
+ }
23208
+ .antd-Steps--ProgressDot .is-process .antd-StepsItem-containerProgressDot {
23209
+ border: 1px solid var(--Steps-status-success);
23210
+ background: var(--Steps-status-success);
23211
+ }
22901
23212
  .antd-Steps .antd-StepsItem.is-wait .antd-StepsItem-icon {
22902
23213
  background-color: var(--white);
22903
23214
  color: var(--Steps-bg);
@@ -23757,9 +24068,101 @@ fieldset.antd-Collapse--lg:after {
23757
24068
  }
23758
24069
 
23759
24070
  .antd-TextareaControl {
24071
+ position: relative;
24072
+ max-width: 100%;
23760
24073
  --Form-input-clearBtn-padding: 0.125rem;
23761
24074
  position: relative;
23762
24075
  }
24076
+ .antd-TextareaControl.is-inline {
24077
+ display: inline-block;
24078
+ width: var(--Form-control-widthBase);
24079
+ }
24080
+ .antd-TextareaControl-input {
24081
+ display: flex;
24082
+ background: var(--Form-input-bg);
24083
+ border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
24084
+ border-radius: var(--Form-input-borderRadius);
24085
+ line-height: var(--Form-input-lineHeight);
24086
+ padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
24087
+ font-size: var(--Form-input-fontSize);
24088
+ flex-wrap: wrap;
24089
+ justify-content: flex-start;
24090
+ }
24091
+ .antd-TextareaControl-input input {
24092
+ flex-basis: 5rem;
24093
+ flex-grow: 1;
24094
+ outline: none;
24095
+ background: transparent;
24096
+ border: none;
24097
+ color: var(--Form-input-color);
24098
+ width: 100%;
24099
+ height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
24100
+ }
24101
+ .antd-TextareaControl-input input::placeholder {
24102
+ color: var(--Form-input-placeholderColor);
24103
+ user-select: none;
24104
+ }
24105
+ .antd-TextareaControl-input:hover {
24106
+ border-color: var(--Form-input-onFocused-borderColor);
24107
+ }
24108
+ .antd-TextareaControl-input--borderHalf {
24109
+ border-left-color: transparent !important;
24110
+ border-right-color: transparent !important;
24111
+ border-top-color: transparent !important;
24112
+ }
24113
+ .antd-TextareaControl-input--borderNone {
24114
+ border-color: transparent !important;
24115
+ }
24116
+ .antd-TextareaControl.is-error > .antd-TextareaControl-input {
24117
+ border-color: var(--Form-input-onError-borderColor);
24118
+ background: var(--Form-input-onError-bg);
24119
+ transition: all var(--animation-duration);
24120
+ }
24121
+ .antd-TextareaControl.is-focused > .antd-TextareaControl-input {
24122
+ border-color: var(--Form-input-onFocused-borderColor);
24123
+ box-shadow: var(--Form-input-boxShadow);
24124
+ background: var(--Form-input-onFocused-bg);
24125
+ transition: all var(--animation-duration);
24126
+ }
24127
+ .antd-TextareaControl.is-error.is-focused > .antd-TextareaControl-input {
24128
+ border-color: var(--Form-input-onError-borderColor);
24129
+ }
24130
+ .antd-TextareaControl.is-disabled > .antd-TextareaControl-input {
24131
+ color: var(--text--muted-color);
24132
+ background: var(--Form-input-onDisabled-bg);
24133
+ border-color: var(--Form-input-onDisabled-borderColor);
24134
+ transition: all var(--animation-duration);
24135
+ }
24136
+ .antd-TextareaControl-spinner {
24137
+ line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
24138
+ }
24139
+ .antd-TextareaControl-clear {
24140
+ padding: var(--Form-input-clearBtn-padding);
24141
+ cursor: pointer;
24142
+ display: flex;
24143
+ align-items: center;
24144
+ justify-content: center;
24145
+ margin-left: auto;
24146
+ text-decoration: none;
24147
+ }
24148
+ .antd-TextareaControl-clear svg {
24149
+ fill: var(--Form-input-clearBtn-color);
24150
+ top: 0;
24151
+ width: var(--Form-input-clearBtn-size);
24152
+ height: var(--Form-input-clearBtn-size);
24153
+ }
24154
+ .antd-TextareaControl-clear:hover svg {
24155
+ fill: var(--Form-input-clearBtn-color-onHover);
24156
+ }
24157
+ .antd-TextareaControl-clear:active svg {
24158
+ fill: var(--Form-input-clearBtn-color-onActive);
24159
+ }
24160
+ @media (min-width: 576px) {
24161
+ .antd-TextareaControl.antd-Form-control--sizeXs > .antd-TextareaControl-input, .antd-TextareaControl.antd-Form-control--sizeSm > .antd-TextareaControl-input, .antd-TextareaControl.antd-Form-control--sizeMd > .antd-TextareaControl-input, .antd-TextareaControl.antd-Form-control--sizeLg > .antd-TextareaControl-input {
24162
+ min-width: 100%;
24163
+ display: inline-flex;
24164
+ }
24165
+ }
23763
24166
  .antd-TextareaControl > textarea {
23764
24167
  border: 1px solid var(--Form-input-borderColor);
23765
24168
  border-radius: var(--Form-input-borderRadius);
@@ -23786,20 +24189,6 @@ fieldset.antd-Collapse--lg:after {
23786
24189
  .antd-TextareaControl > textarea:hover {
23787
24190
  border-color: var(--Form-input-onHover-borderColor);
23788
24191
  }
23789
- .antd-TextareaControl > textarea:focus, .antd-TextareaControl.is-focused > textarea {
23790
- border-color: var(--Form-input-onFocused-borderColor);
23791
- box-shadow: var(--Form-input-boxShadow);
23792
- }
23793
- .antd-TextareaControl > textarea:focus:hover, .antd-TextareaControl.is-focused > textarea:hover {
23794
- border-color: var(--Form-input-onFocused-borderColor);
23795
- }
23796
- .antd-TextareaControl.is-disabled > textarea, .antd-TextareaControl > textarea[disabled] {
23797
- background: #e5e7eb;
23798
- color: var(--text--muted-color);
23799
- }
23800
- .antd-TextareaControl.is-error > textarea {
23801
- border-color: var(--Form-input-onError-borderColor);
23802
- }
23803
24192
  .antd-TextareaControl-counter {
23804
24193
  position: absolute;
23805
24194
  right: var(--Form-input-paddingX);
@@ -23968,10 +24357,106 @@ fieldset.antd-Collapse--lg:after {
23968
24357
  height: 0;
23969
24358
  border-color: transparent;
23970
24359
  transition: width var(--animation-duration), height var(--animation-duration), transform var(--animation-duration);
23971
- border-width: 0 0 0.125rem 0.125rem;
23972
- transform: translate(-50%, -60%) rotate(-40deg);
24360
+ border-width: 0 0 0.0625rem 0.0625rem;
24361
+ transform: translate(-50%, -90%) rotate(-40deg);
24362
+ border-style: solid;
24363
+ }
24364
+ .antd-Checkbox--partial.antd-Checkbox--checkbox input {
24365
+ margin-left: calc(var(--Checkbox-size) * -1);
24366
+ }
24367
+ .antd-Checkbox--partial.antd-Checkbox--checkbox input + i {
24368
+ border-color: var(--Checkbox-onHover-color);
24369
+ }
24370
+ .antd-Checkbox--partial.antd-Checkbox--checkbox input + i:before {
24371
+ width: var(--Checkbox-inner-size);
24372
+ height: var(--Checkbox-inner-size);
24373
+ background: var(--Checkbox-onHover-color);
24374
+ }
24375
+ .antd-Checkbox--partial.antd-Checkbox--checkbox input[disabled] + i {
24376
+ border-color: var(--Checkbox-onDisabled-color);
24377
+ }
24378
+ .antd-Checkbox--partial.antd-Checkbox--checkbox input[disabled] + i:before {
24379
+ width: var(--Checkbox-inner-size);
24380
+ height: var(--Checkbox-inner-size);
24381
+ background: var(--Checkbox-inner-onDisabled-bg);
24382
+ }
24383
+ .antd-Checkbox--partial.antd-Checkbox--checkbox input:checked[disabled] + i {
24384
+ width: var(--Checkbox-inner-size);
24385
+ height: var(--Checkbox-inner-size);
24386
+ background: var(--Checkbox-onDisabled-bg);
24387
+ }
24388
+ .antd-Checkbox--button.antd-Checkbox--checkbox {
24389
+ text-align: center;
24390
+ height: var(--Checkbox-button-height);
24391
+ line-height: var(--Checkbox-button-line-height);
24392
+ padding-left: var(--Checkbox-paddingX);
24393
+ padding-right: var(--Checkbox-paddingX);
24394
+ font-size: var(--fontSizeSm);
24395
+ border: var(--Checkbox-border-width) solid;
24396
+ cursor: pointer;
24397
+ position: relative;
24398
+ display: inline-block;
24399
+ background-color: var(--Checkbox-gb);
24400
+ border-color: var(--Checkbox-color);
24401
+ margin-right: 0;
24402
+ border-radius: calc(var(--Checkbox-borderRadius) * 2);
24403
+ min-width: var(--Checkbox-button-min-width);
24404
+ }
24405
+ .antd-Checkbox--button.antd-Checkbox--checkbox:hover:not(:disabled) {
24406
+ color: var(--Checkbox-onHover-color);
24407
+ }
24408
+ .antd-Checkbox--button.antd-Checkbox--checkbox input:checked + i {
24409
+ background: transparent;
24410
+ top: 0;
24411
+ left: 0;
24412
+ width: 0;
24413
+ height: 0;
24414
+ border-width: 0.5rem;
24415
+ border-color: var(--Checkbox-onHover-color) transparent transparent var(--Checkbox-onHover-color);
24416
+ border-radius: 0;
24417
+ }
24418
+ .antd-Checkbox--button.antd-Checkbox--checkbox input:checked + i:before {
24419
+ position: absolute;
24420
+ top: 0;
24421
+ left: 0;
24422
+ width: var(--Checkbox--full-inner-size);
24423
+ height: calc(var(--Checkbox--full-inner-size) / 2);
24424
+ transform: translate(-80%, -160%) rotate(-50deg);
24425
+ background: transparent;
24426
+ }
24427
+ .antd-Checkbox--button.antd-Checkbox--checkbox input[disabled] + i {
24428
+ border-color: var(--Checkbox-onDisabled-color);
24429
+ background: transparent;
24430
+ }
24431
+ .antd-Checkbox--button.antd-Checkbox--checkbox input[disabled] + i:before {
24432
+ background: transparent;
24433
+ }
24434
+ .antd-Checkbox--button.antd-Checkbox--checkbox input:checked[disabled] + i {
24435
+ background: transparent;
24436
+ border-width: 0.5rem;
24437
+ border-color: var(--Checkbox-onHover-color) transparent transparent var(--Checkbox-onHover-color);
24438
+ }
24439
+ .antd-Checkbox--button.antd-Checkbox--checkbox > i {
24440
+ position: absolute;
24441
+ top: 0;
24442
+ left: 0;
24443
+ margin-left: 0;
24444
+ border: 0;
23973
24445
  border-style: solid;
23974
24446
  }
24447
+ .antd-Checkbox--button.antd-Checkbox--checkbox > i + span {
24448
+ max-width: 6.25rem;
24449
+ text-overflow: ellipsis;
24450
+ white-space: nowrap;
24451
+ overflow: hidden;
24452
+ }
24453
+ .antd-Checkbox--button--checked.antd-Checkbox--checkbox {
24454
+ border-color: var(--Checkbox-onHover-color);
24455
+ color: var(--Checkbox-onHover-color);
24456
+ }
24457
+ .antd-Checkbox--button--disabled--unchecked.antd-Checkbox--checkbox {
24458
+ background: var(--Checkbox-disabled-unchecked-bg);
24459
+ }
23975
24460
  .antd-Checkbox--radio {
23976
24461
  padding-left: var(--Radio-size);
23977
24462
  }
@@ -24052,11 +24537,21 @@ fieldset.antd-Collapse--lg:after {
24052
24537
  display: block;
24053
24538
  margin-bottom: var(--Form-label-paddingTop);
24054
24539
  }
24540
+ .antd-RadiosControl .antd-Checkbox--button,
24541
+ .antd-CheckboxesControl .antd-Checkbox--button {
24542
+ margin-bottom: 0;
24543
+ }
24055
24544
  .antd-RadiosControl.is-inline .antd-Checkbox,
24056
24545
  .antd-CheckboxesControl.is-inline .antd-Checkbox {
24057
24546
  display: inline-block;
24058
24547
  margin-right: var(--gap-md);
24059
24548
  }
24549
+ .antd-RadiosControl.is-inline .antd-Checkbox--button,
24550
+ .antd-CheckboxesControl.is-inline .antd-Checkbox--button {
24551
+ display: inline-block;
24552
+ margin-right: 0;
24553
+ margin-bottom: 0;
24554
+ }
24060
24555
 
24061
24556
  .antd-RadiosControl-group:not(:first-child),
24062
24557
  .antd-CheckboxesControl-group:not(:first-child) {
@@ -24620,9 +25115,10 @@ fieldset.antd-Collapse--lg:after {
24620
25115
  color: var(--Number-handler-onDisabled-color);
24621
25116
  }
24622
25117
  .antd-Number-disabled .antd-Number-input {
24623
- opacity: 0.72;
24624
25118
  cursor: not-allowed;
24625
- background: var(--Number-onDisabled-bg);
25119
+ color: var(--text--muted-color);
25120
+ background: var(--Form-input-onDisabled-bg);
25121
+ border-color: var(--Form-input-onDisabled-borderColor);
24626
25122
  }
24627
25123
  .antd-Number-disabled .antd-Number-handler {
24628
25124
  opacity: 0.72;
@@ -24704,7 +25200,6 @@ fieldset.antd-Collapse--lg:after {
24704
25200
  line-height: 1.25rem;
24705
25201
  }
24706
25202
  .antd-Select-placeholder {
24707
- color: var(--Form-select-placeholderColor);
24708
25203
  line-height: var(--Form-input-lineHeight);
24709
25204
  user-select: none;
24710
25205
  white-space: nowrap;
@@ -25406,15 +25901,16 @@ fieldset.antd-Collapse--lg:after {
25406
25901
  color: var(--DatePicker-color);
25407
25902
  background: var(--DatePicker-bg);
25408
25903
  border-radius: var(--DatePicker-borderRadius);
25904
+ min-width: var(--DatePicker-minWidth);
25409
25905
  }
25410
- .antd-DatePicker input {
25906
+ .antd-DatePicker-input {
25411
25907
  display: inline-block;
25412
25908
  width: 100%;
25413
25909
  background: none;
25414
25910
  padding: 0;
25415
25911
  border: 0;
25416
25912
  }
25417
- .antd-DatePicker input:focus {
25913
+ .antd-DatePicker-input:focus {
25418
25914
  border: none;
25419
25915
  outline: none;
25420
25916
  box-sizing: none;
@@ -25518,6 +26014,13 @@ fieldset.antd-Collapse--lg:after {
25518
26014
  display: flex;
25519
26015
  }
25520
26016
 
26017
+ .antd-DateControl.is-date > .antd-DatePicker {
26018
+ min-width: calc(var(--DatePicker-minWidth) + var(--fontSizeLg) * 2);
26019
+ }
26020
+ .antd-DateControl.is-datetime > .antd-DatePicker {
26021
+ min-width: calc(var(--DatePicker-minWidth) + var(--fontSizeLg) * 6);
26022
+ }
26023
+
25521
26024
  .antd-DatePicker-shortcuts {
25522
26025
  margin: 0;
25523
26026
  background: var(--Calendar-shortcuts-bg);
@@ -25932,6 +26435,7 @@ td.rdtQuarter.rdtDisabled > span {
25932
26435
  border-radius: var(--DatePicker-borderRadius);
25933
26436
  color: var(--DatePicker-color);
25934
26437
  background: var(--DatePicker-bg);
26438
+ min-width: var(--DateRangePicker-minWidth);
25935
26439
  }
25936
26440
  .antd-DateRangePicker--borderHalf {
25937
26441
  border-left-color: transparent !important;
@@ -25955,6 +26459,19 @@ td.rdtQuarter.rdtDisabled > span {
25955
26459
  border-color: var(--DatePicker-onFocused-borderColor);
25956
26460
  box-shadow: var(--Form-input-boxShadow);
25957
26461
  }
26462
+ .antd-DateRangePicker .antd-DateRangePicker-input {
26463
+ border: none;
26464
+ border-bottom: 1px solid transparent;
26465
+ outline: none;
26466
+ padding: 0;
26467
+ background: 0;
26468
+ }
26469
+ .antd-DateRangePicker .antd-DateRangePicker-input.isActive {
26470
+ border-bottom: 1px solid var(--DatePicker-onFocused-borderColor);
26471
+ }
26472
+ .antd-DateRangePicker .antd-DateRangePicker-input-separator {
26473
+ margin: 0 var(--gap-sm);
26474
+ }
25958
26475
  .antd-DateRangePicker.is-disabled {
25959
26476
  background: #e5e7eb;
25960
26477
  }
@@ -26071,6 +26588,13 @@ td.rdtQuarter.rdtDisabled > span {
26071
26588
  display: flex;
26072
26589
  }
26073
26590
 
26591
+ .antd-DateRangeControl.is-date > .antd-DateRangePicker {
26592
+ min-width: calc(var(--DateRangePicker-minWidth) + var(--fontSizeLg) * 5.5);
26593
+ }
26594
+ .antd-DateRangeControl.is-datetime > .antd-DateRangePicker {
26595
+ min-width: calc(var(--DateRangePicker-minWidth) + var(--fontSizeLg) * 11);
26596
+ }
26597
+
26074
26598
  .antd-DateRangePicker-popover {
26075
26599
  margin: 0.125rem 0 0;
26076
26600
  }
@@ -26515,6 +27039,9 @@ td.rdtQuarter.rdtDisabled > span {
26515
27039
  height: 48px;
26516
27040
  top: 0;
26517
27041
  }
27042
+ .antd-FileControl-dropzone.is-active .antd-FileControl-acceptTip {
27043
+ border-color: var(--info);
27044
+ }
26518
27045
  .antd-FileControl-sum {
26519
27046
  font-size: var(--fontSizeSm);
26520
27047
  }
@@ -26567,7 +27094,7 @@ td.rdtQuarter.rdtDisabled > span {
26567
27094
  }
26568
27095
  .antd-EditorControl > .antd-MonacoEditor,
26569
27096
  .antd-EditorControl > .antd-MonacoEditor > .monaco-diff-editor {
26570
- min-height: 12.375rem;
27097
+ min-height: inherit;
26571
27098
  }
26572
27099
  .antd-EditorControl.is-error {
26573
27100
  border-color: var(--Form-input-onError-borderColor);
@@ -27507,6 +28034,9 @@ td.rdtQuarter.rdtDisabled > span {
27507
28034
  pointer-events: none;
27508
28035
  opacity: var(--Button-onDisabled-opacity);
27509
28036
  }
28037
+ .antd-Combo--hor .antd-Combo-delController {
28038
+ margin-left: var(--gap-xs);
28039
+ }
27510
28040
  .antd-Combo--hor.is-draggable .antd-Combo-toolbar {
27511
28041
  padding-left: 1.5rem;
27512
28042
  }
@@ -27553,9 +28083,17 @@ td.rdtQuarter.rdtDisabled > span {
27553
28083
  .antd-Combo--ver:not(.antd-Combo--noBorder):not(.is-disabled) > .antd-Combo-item:hover, .antd-Combo--ver:not(.antd-Combo--noBorder):not(.is-disabled) > .antd-Combo-items > .antd-Combo-item:hover {
27554
28084
  border-color: var(--Combo--vertical-item-onHover-borderColor);
27555
28085
  }
27556
- .antd-Combo--ver:not(.antd-Combo--noBorder):not(.is-disabled) > .antd-Combo-item:hover > .antd-Combo-delBtn, .antd-Combo--ver:not(.antd-Combo--noBorder):not(.is-disabled) > .antd-Combo-items > .antd-Combo-item:hover > .antd-Combo-delBtn {
28086
+ .antd-Combo--ver:not(.antd-Combo--noBorder):not(.is-disabled) > .antd-Combo-item:hover > .antd-Combo-delBtn,
28087
+ .antd-Combo--ver:not(.antd-Combo--noBorder):not(.is-disabled) > .antd-Combo-item:hover > .antd-Combo-delController, .antd-Combo--ver:not(.antd-Combo--noBorder):not(.is-disabled) > .antd-Combo-items > .antd-Combo-item:hover > .antd-Combo-delBtn,
28088
+ .antd-Combo--ver:not(.antd-Combo--noBorder):not(.is-disabled) > .antd-Combo-items > .antd-Combo-item:hover > .antd-Combo-delController {
27557
28089
  opacity: 1;
27558
28090
  }
28091
+ .antd-Combo--ver:not(.antd-Combo--noBorder) .antd-Combo-delController {
28092
+ position: absolute;
28093
+ top: var(--gap-xs);
28094
+ right: var(--gap-xs);
28095
+ opacity: 0;
28096
+ }
27559
28097
  .antd-Combo--ver:not(.antd-Combo--noBorder) > .antd-Combo-items > .antd-Combo-item > .antd-Combo-itemDrager {
27560
28098
  position: absolute;
27561
28099
  top: var(--Combo--horizontal-dragger-top);
@@ -28294,8 +28832,9 @@ td.rdtQuarter.rdtDisabled > span {
28294
28832
  }
28295
28833
  .antd-TransferDropDown-content > .antd-Transfer-selection {
28296
28834
  flex-grow: 1;
28297
- max-height: 100%;
28298
- overflow: auto;
28835
+ max-height: var(--Transfer-selection-maxHeight);
28836
+ overflow-x: hidden;
28837
+ overflow-y: auto;
28299
28838
  position: relative;
28300
28839
  }
28301
28840
 
@@ -28771,6 +29310,19 @@ td.rdtQuarter.rdtDisabled > span {
28771
29310
  text-align: var(--Form--horizontal-label-align);
28772
29311
  white-space: var(--Form--horizontal-label-whiteSpace);
28773
29312
  }
29313
+ .antd-Form-item--horizontal-justify {
29314
+ justify-content: space-between;
29315
+ }
29316
+ .antd-Form-item--horizontal-justify > .antd-Form-label {
29317
+ text-align: var(--Form--horizontal-justify-label-align);
29318
+ white-space: var(--Form--horizontal-justify-label-whiteSpace);
29319
+ }
29320
+ .antd-Form-item--horizontal-justify > .antd-Form-value {
29321
+ text-align: var(--Form--horizontal-justify-value-align);
29322
+ }
29323
+ .antd-Form-item--horizontal-justify > .antd-Form-value > * {
29324
+ text-align: initial;
29325
+ }
28774
29326
  .antd-Form-item--normal > .antd-Form-label {
28775
29327
  display: block;
28776
29328
  }
@@ -29070,6 +29622,16 @@ td.rdtQuarter.rdtDisabled > span {
29070
29622
 
29071
29623
  /* 移动端样式调整 */
29072
29624
  @media (max-width: 767px) {
29625
+ .antd-Form::before {
29626
+ position: absolute;
29627
+ box-sizing: border-box;
29628
+ content: " ";
29629
+ pointer-events: none;
29630
+ right: 0;
29631
+ top: 0;
29632
+ left: 0;
29633
+ border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
29634
+ }
29073
29635
  .antd-Form .antd-Form-item {
29074
29636
  display: flex;
29075
29637
  flex-wrap: wrap;
@@ -29086,7 +29648,6 @@ td.rdtQuarter.rdtDisabled > span {
29086
29648
  bottom: 0;
29087
29649
  left: 0;
29088
29650
  border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
29089
- transform: scaleY(0.5);
29090
29651
  }
29091
29652
  .antd-Form .antd-Form-item .antd-InputGroup-addOn,
29092
29653
  .antd-Form .antd-Form-item .antd-TextControl-addOn {
@@ -29193,15 +29754,15 @@ td.rdtQuarter.rdtDisabled > span {
29193
29754
  .antd-Form .antd-Form-groupColumn {
29194
29755
  margin-bottom: 0;
29195
29756
  }
29757
+ .antd-Form > .antd-Form-item.is-placeholder::after {
29758
+ display: none;
29759
+ }
29196
29760
  .antd-Form .antd-Divider {
29197
29761
  display: none;
29198
29762
  }
29199
29763
  .antd-Form .antd-Tabs-pane {
29200
29764
  padding: 0;
29201
29765
  }
29202
- .antd-Form > .antd-Form-item:last-child::after, .antd-Form > .antd-Form-item:last-of-type::after {
29203
- display: none;
29204
- }
29205
29766
  .antd-Form .antd-Form-item .antd-Form-groupColumn > .antd-Form-item {
29206
29767
  padding-bottom: var(--Form-input-paddingX);
29207
29768
  }
@@ -29744,7 +30305,7 @@ td.rdtQuarter.rdtDisabled > span {
29744
30305
  }
29745
30306
  .antd-FormulaEditor-FuncList-item {
29746
30307
  cursor: pointer;
29747
- padding: 0 var(--gap-lg);
30308
+ padding: 0 1.875rem;
29748
30309
  height: var(--gap-xl);
29749
30310
  line-height: var(--gap-xl);
29750
30311
  }
@@ -30003,11 +30564,32 @@ td.rdtQuarter.rdtDisabled > span {
30003
30564
  border-radius: var(--TimelineItem--icon-radius);
30004
30565
  }
30005
30566
 
30006
- .antd-BarCode > svg {
30567
+ .antd-BarCode > img {
30007
30568
  display: block;
30008
30569
  margin: 0 auto;
30009
30570
  }
30010
30571
 
30572
+ .antd-PullRefresh-wrap {
30573
+ position: relative;
30574
+ height: 100%;
30575
+ }
30576
+ .antd-PullRefresh-header {
30577
+ position: absolute;
30578
+ left: 0px;
30579
+ width: 100%;
30580
+ text-align: center;
30581
+ transform: translateY(-100%);
30582
+ overflow: hidden;
30583
+ padding: var(--gap-xs) 0;
30584
+ min-height: var(--gap-lg);
30585
+ line-height: var(--gap-lg);
30586
+ color: #999;
30587
+ }
30588
+ .antd-PullRefresh .loading-icon {
30589
+ animation: var(--Button-animation-spin);
30590
+ margin-right: var(--gap-xs);
30591
+ }
30592
+
30011
30593
  /**
30012
30594
  * Debug 模块的 UI,由于没法使用任何主题,所以这里使用独立配色风格
30013
30595
  */
@@ -30068,9 +30650,8 @@ td.rdtQuarter.rdtDisabled > span {
30068
30650
  right: 0;
30069
30651
  width: 24px;
30070
30652
  height: 48px;
30071
- box-shadow: rgba(0, 0, 0, 0.24) -2px 0px 4px 0px;
30072
- border-top-left-radius: 12px;
30073
- border-bottom-left-radius: 12px;
30653
+ box-shadow: 0 4px 6px 0 rgba(8, 14, 26, 0.04), 0 1px 10px 0 rgba(8, 14, 26, 0.05), 0 2px 4px -1px rgba(8, 14, 26, 0.06);
30654
+ border-radius: var(--borderRadius) 0 0 var(--borderRadius);
30074
30655
  padding-top: 14px;
30075
30656
  padding-left: 6px;
30076
30657
  cursor: pointer;