amis 1.7.0 → 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 (469) hide show
  1. package/lib/Schema.d.ts +10 -2
  2. package/lib/Schema.js +0 -1
  3. package/lib/Schema.js.map +2 -2
  4. package/lib/SchemaRenderer.js +19 -3
  5. package/lib/SchemaRenderer.js.map +2 -2
  6. package/lib/WithRootStore.d.ts +18 -0
  7. package/lib/WithStore.js +2 -1
  8. package/lib/WithStore.js.map +2 -2
  9. package/lib/actions/CmptAction.js +26 -4
  10. package/lib/actions/CmptAction.js.map +2 -2
  11. package/lib/actions/PageAction.d.ts +32 -0
  12. package/lib/actions/PageAction.js +72 -0
  13. package/lib/actions/PageAction.js.map +13 -0
  14. package/lib/actions/index.d.ts +1 -0
  15. package/lib/actions/index.js +1 -0
  16. package/lib/actions/index.js.map +2 -2
  17. package/lib/components/Alert2.js +4 -2
  18. package/lib/components/Alert2.js.map +2 -2
  19. package/lib/components/AssociatedSelection.js +9 -2
  20. package/lib/components/AssociatedSelection.js.map +2 -2
  21. package/lib/components/Avatar.d.ts +20 -20
  22. package/lib/components/BarCode.js +1 -1
  23. package/lib/components/BarCode.js.map +2 -2
  24. package/lib/components/CalendarMobile.d.ts +84 -84
  25. package/lib/components/Card.d.ts +20 -20
  26. package/lib/components/Cascader.d.ts +2 -0
  27. package/lib/components/Cascader.js +28 -12
  28. package/lib/components/Cascader.js.map +2 -2
  29. package/lib/components/Checkbox.d.ts +24 -23
  30. package/lib/components/Checkbox.js +5 -1
  31. package/lib/components/Checkbox.js.map +2 -2
  32. package/lib/components/CityArea.js +3 -0
  33. package/lib/components/CityArea.js.map +2 -2
  34. package/lib/components/Collapse.d.ts +20 -20
  35. package/lib/components/DatePicker.d.ts +87 -84
  36. package/lib/components/DatePicker.js +48 -11
  37. package/lib/components/DatePicker.js.map +2 -2
  38. package/lib/components/DateRangePicker.d.ts +285 -171
  39. package/lib/components/DateRangePicker.js +471 -66
  40. package/lib/components/DateRangePicker.js.map +2 -2
  41. package/lib/components/Drawer.js +1 -1
  42. package/lib/components/Drawer.js.map +2 -2
  43. package/lib/components/ListGroup.d.ts +21 -21
  44. package/lib/components/Modal.js +1 -1
  45. package/lib/components/Modal.js.map +2 -2
  46. package/lib/components/MonthRangePicker.d.ts +84 -84
  47. package/lib/components/Overlay.d.ts +1 -0
  48. package/lib/components/Overlay.js +4 -3
  49. package/lib/components/Overlay.js.map +2 -2
  50. package/lib/components/Progress.d.ts +29 -24
  51. package/lib/components/Progress.js +52 -21
  52. package/lib/components/Progress.js.map +2 -2
  53. package/lib/components/PullRefresh.d.ts +86 -0
  54. package/lib/components/PullRefresh.js +135 -0
  55. package/lib/components/PullRefresh.js.map +13 -0
  56. package/lib/components/Radios.d.ts +22 -22
  57. package/lib/components/Radios.js +3 -5
  58. package/lib/components/Radios.js.map +2 -2
  59. package/lib/components/Range.d.ts +2 -2
  60. package/lib/components/Range.js +24 -11
  61. package/lib/components/Range.js.map +2 -2
  62. package/lib/components/Spinner.d.ts +200 -107
  63. package/lib/components/Spinner.js +30 -26
  64. package/lib/components/Spinner.js.map +2 -2
  65. package/lib/components/Steps.d.ts +6 -0
  66. package/lib/components/Steps.js +13 -9
  67. package/lib/components/Steps.js.map +2 -2
  68. package/lib/components/Tabs.d.ts +27 -23
  69. package/lib/components/Tabs.js +37 -22
  70. package/lib/components/Tabs.js.map +2 -2
  71. package/lib/components/Tooltip.d.ts +4 -0
  72. package/lib/components/Tooltip.js +6 -4
  73. package/lib/components/Tooltip.js.map +2 -2
  74. package/lib/components/TooltipWrapper.d.ts +87 -24
  75. package/lib/components/TooltipWrapper.js +40 -8
  76. package/lib/components/TooltipWrapper.js.map +2 -2
  77. package/lib/components/Transfer.d.ts +84 -84
  78. package/lib/components/TransferDropDown.d.ts +84 -84
  79. package/lib/components/Tree.d.ts +87 -85
  80. package/lib/components/Tree.js +13 -5
  81. package/lib/components/Tree.js.map +2 -2
  82. package/lib/components/TreeSelection.d.ts +84 -84
  83. package/lib/components/calendar/Calendar.js +3 -12
  84. package/lib/components/calendar/Calendar.js.map +2 -2
  85. package/lib/components/calendar/TimeView.d.ts +1 -0
  86. package/lib/components/calendar/TimeView.js +7 -0
  87. package/lib/components/calendar/TimeView.js.map +2 -2
  88. package/lib/components/calendar/YearsView.js +3 -3
  89. package/lib/components/calendar/YearsView.js.map +2 -2
  90. package/lib/components/condition-builder/Expression.d.ts +1 -0
  91. package/lib/components/condition-builder/Expression.js +4 -4
  92. package/lib/components/condition-builder/Expression.js.map +2 -2
  93. package/lib/components/condition-builder/Field.d.ts +1 -0
  94. package/lib/components/condition-builder/Field.js +3 -2
  95. package/lib/components/condition-builder/Field.js.map +2 -2
  96. package/lib/components/condition-builder/Group.d.ts +1 -0
  97. package/lib/components/condition-builder/Group.js +2 -2
  98. package/lib/components/condition-builder/Group.js.map +2 -2
  99. package/lib/components/condition-builder/GroupOrItem.d.ts +1 -0
  100. package/lib/components/condition-builder/GroupOrItem.js +2 -2
  101. package/lib/components/condition-builder/GroupOrItem.js.map +2 -2
  102. package/lib/components/condition-builder/InputSwitch.d.ts +2 -1
  103. package/lib/components/condition-builder/InputSwitch.js +2 -2
  104. package/lib/components/condition-builder/InputSwitch.js.map +2 -2
  105. package/lib/components/condition-builder/Item.d.ts +1 -0
  106. package/lib/components/condition-builder/Item.js +9 -8
  107. package/lib/components/condition-builder/Item.js.map +2 -2
  108. package/lib/components/condition-builder/Value.d.ts +1 -0
  109. package/lib/components/condition-builder/Value.js +5 -5
  110. package/lib/components/condition-builder/Value.js.map +2 -2
  111. package/lib/components/condition-builder/index.d.ts +1 -0
  112. package/lib/components/condition-builder/index.js +2 -2
  113. package/lib/components/condition-builder/index.js.map +2 -2
  114. package/lib/components/formula/Editor.d.ts +90 -86
  115. package/lib/components/formula/Editor.js +26 -4
  116. package/lib/components/formula/Editor.js.map +2 -2
  117. package/lib/components/formula/Picker.d.ts +5 -0
  118. package/lib/components/formula/Picker.js +21 -4
  119. package/lib/components/formula/Picker.js.map +2 -2
  120. package/lib/components/icons.js +2 -0
  121. package/lib/components/icons.js.map +2 -2
  122. package/lib/factory.d.ts +5 -0
  123. package/lib/factory.js +24 -3
  124. package/lib/factory.js.map +2 -2
  125. package/lib/icons/trash.js +10 -0
  126. package/lib/index.d.ts +1 -0
  127. package/lib/index.js +2 -1
  128. package/lib/index.js.map +2 -2
  129. package/lib/locale/de-DE.js +18 -1
  130. package/lib/locale/de-DE.js.map +2 -2
  131. package/lib/locale/en-US.js +18 -1
  132. package/lib/locale/en-US.js.map +2 -2
  133. package/lib/locale/zh-CN.js +18 -1
  134. package/lib/locale/zh-CN.js.map +2 -2
  135. package/lib/renderers/Action.d.ts +3 -1
  136. package/lib/renderers/Action.js +23 -5
  137. package/lib/renderers/Action.js.map +2 -2
  138. package/lib/renderers/App.d.ts +1 -0
  139. package/lib/renderers/App.js +3 -0
  140. package/lib/renderers/App.js.map +2 -2
  141. package/lib/renderers/ButtonGroup.d.ts +2 -2
  142. package/lib/renderers/ButtonGroup.js.map +1 -1
  143. package/lib/renderers/CRUD.d.ts +8 -0
  144. package/lib/renderers/CRUD.js +12 -5
  145. package/lib/renderers/CRUD.js.map +2 -2
  146. package/lib/renderers/Carousel.d.ts +1 -0
  147. package/lib/renderers/Carousel.js +13 -1
  148. package/lib/renderers/Carousel.js.map +2 -2
  149. package/lib/renderers/Chart.d.ts +1 -0
  150. package/lib/renderers/Chart.js +3 -0
  151. package/lib/renderers/Chart.js.map +2 -2
  152. package/lib/renderers/Dialog.d.ts +5 -0
  153. package/lib/renderers/Dialog.js +7 -3
  154. package/lib/renderers/Dialog.js.map +2 -2
  155. package/lib/renderers/Drawer.d.ts +1 -0
  156. package/lib/renderers/Drawer.js +6 -1
  157. package/lib/renderers/Drawer.js.map +2 -2
  158. package/lib/renderers/DropDownButton.d.ts +2 -0
  159. package/lib/renderers/DropDownButton.js +13 -4
  160. package/lib/renderers/DropDownButton.js.map +2 -2
  161. package/lib/renderers/Form/Checkbox.d.ts +5 -2
  162. package/lib/renderers/Form/Checkbox.js +2 -2
  163. package/lib/renderers/Form/Checkbox.js.map +2 -2
  164. package/lib/renderers/Form/Checkboxes.d.ts +7 -2
  165. package/lib/renderers/Form/Checkboxes.js +101 -12
  166. package/lib/renderers/Form/Checkboxes.js.map +2 -2
  167. package/lib/renderers/Form/Combo.d.ts +6 -4
  168. package/lib/renderers/Form/Combo.js +132 -45
  169. package/lib/renderers/Form/Combo.js.map +2 -2
  170. package/lib/renderers/Form/DiffEditor.d.ts +3 -2
  171. package/lib/renderers/Form/Editor.d.ts +2 -2
  172. package/lib/renderers/Form/InputCity.d.ts +87 -84
  173. package/lib/renderers/Form/InputCity.js +48 -3
  174. package/lib/renderers/Form/InputCity.js.map +2 -2
  175. package/lib/renderers/Form/InputDate.js +10 -3
  176. package/lib/renderers/Form/InputDate.js.map +2 -2
  177. package/lib/renderers/Form/InputDateRange.d.ts +5 -0
  178. package/lib/renderers/Form/InputDateRange.js +12 -3
  179. package/lib/renderers/Form/InputDateRange.js.map +2 -2
  180. package/lib/renderers/Form/InputFile.js +19 -8
  181. package/lib/renderers/Form/InputFile.js.map +2 -2
  182. package/lib/renderers/Form/InputFormula.d.ts +4 -0
  183. package/lib/renderers/Form/InputFormula.js +2 -2
  184. package/lib/renderers/Form/InputFormula.js.map +2 -2
  185. package/lib/renderers/Form/InputImage.js +18 -7
  186. package/lib/renderers/Form/InputImage.js.map +2 -2
  187. package/lib/renderers/Form/InputMonthRange.js +5 -1
  188. package/lib/renderers/Form/InputMonthRange.js.map +2 -2
  189. package/lib/renderers/Form/InputRange.d.ts +2 -2
  190. package/lib/renderers/Form/InputRange.js +13 -14
  191. package/lib/renderers/Form/InputRange.js.map +2 -2
  192. package/lib/renderers/Form/InputTable.js +4 -2
  193. package/lib/renderers/Form/InputTable.js.map +2 -2
  194. package/lib/renderers/Form/InputText.d.ts +1 -1
  195. package/lib/renderers/Form/InputText.js +8 -10
  196. package/lib/renderers/Form/InputText.js.map +2 -2
  197. package/lib/renderers/Form/InputTree.d.ts +5 -0
  198. package/lib/renderers/Form/InputTree.js +51 -2
  199. package/lib/renderers/Form/InputTree.js.map +2 -2
  200. package/lib/renderers/Form/Item.d.ts +79 -76
  201. package/lib/renderers/Form/Item.js +3 -1
  202. package/lib/renderers/Form/Item.js.map +2 -2
  203. package/lib/renderers/Form/NestedSelect.d.ts +4 -0
  204. package/lib/renderers/Form/NestedSelect.js +14 -5
  205. package/lib/renderers/Form/NestedSelect.js.map +2 -2
  206. package/lib/renderers/Form/Options.js +61 -27
  207. package/lib/renderers/Form/Options.js.map +2 -2
  208. package/lib/renderers/Form/Select.js +4 -2
  209. package/lib/renderers/Form/Select.js.map +2 -2
  210. package/lib/renderers/Form/Textarea.js +2 -1
  211. package/lib/renderers/Form/Textarea.js.map +2 -2
  212. package/lib/renderers/Form/TreeSelect.d.ts +11 -2
  213. package/lib/renderers/Form/TreeSelect.js +56 -10
  214. package/lib/renderers/Form/TreeSelect.js.map +2 -2
  215. package/lib/renderers/Form/index.d.ts +3 -0
  216. package/lib/renderers/Form/index.js +53 -16
  217. package/lib/renderers/Form/index.js.map +2 -2
  218. package/lib/renderers/Form/wrapControl.d.ts +10 -0
  219. package/lib/renderers/Form/wrapControl.js +41 -19
  220. package/lib/renderers/Form/wrapControl.js.map +2 -2
  221. package/lib/renderers/Nav.d.ts +82 -67
  222. package/lib/renderers/Nav.js +49 -13
  223. package/lib/renderers/Nav.js.map +2 -2
  224. package/lib/renderers/Page.d.ts +21 -0
  225. package/lib/renderers/Page.js +56 -17
  226. package/lib/renderers/Page.js.map +2 -2
  227. package/lib/renderers/Progress.d.ts +4 -7
  228. package/lib/renderers/Progress.js +3 -3
  229. package/lib/renderers/Progress.js.map +2 -2
  230. package/lib/renderers/Service.d.ts +3 -0
  231. package/lib/renderers/Service.js +55 -20
  232. package/lib/renderers/Service.js.map +2 -2
  233. package/lib/renderers/Spinner.d.ts +58 -2
  234. package/lib/renderers/Spinner.js +8 -1
  235. package/lib/renderers/Spinner.js.map +2 -2
  236. package/lib/renderers/Steps.d.ts +8 -0
  237. package/lib/renderers/Steps.js +2 -2
  238. package/lib/renderers/Steps.js.map +2 -2
  239. package/lib/renderers/Table/ColumnToggler.d.ts +4 -0
  240. package/lib/renderers/Table/ColumnToggler.js +11 -6
  241. package/lib/renderers/Table/ColumnToggler.js.map +2 -2
  242. package/lib/renderers/Table/TableCell.js +27 -1
  243. package/lib/renderers/Table/TableCell.js.map +2 -2
  244. package/lib/renderers/Table/TableRow.js +1 -1
  245. package/lib/renderers/Table/TableRow.js.map +2 -2
  246. package/lib/renderers/Table/index.d.ts +2 -0
  247. package/lib/renderers/Table/index.js +23 -10
  248. package/lib/renderers/Table/index.js.map +2 -2
  249. package/lib/renderers/Tabs.d.ts +14 -2
  250. package/lib/renderers/Tabs.js +24 -8
  251. package/lib/renderers/Tabs.js.map +2 -2
  252. package/lib/renderers/TooltipWrapper.d.ts +133 -0
  253. package/lib/renderers/TooltipWrapper.js +70 -0
  254. package/lib/renderers/TooltipWrapper.js.map +13 -0
  255. package/lib/renderers/Wizard.d.ts +7 -3
  256. package/lib/renderers/Wizard.js +269 -152
  257. package/lib/renderers/Wizard.js.map +2 -2
  258. package/lib/store/combo.d.ts +2 -2
  259. package/lib/store/crud.d.ts +1 -0
  260. package/lib/store/crud.js +55 -19
  261. package/lib/store/crud.js.map +2 -2
  262. package/lib/store/form.d.ts +1 -1
  263. package/lib/store/form.js +5 -1
  264. package/lib/store/form.js.map +2 -2
  265. package/lib/store/formItem.js +1 -1
  266. package/lib/store/formItem.js.map +2 -2
  267. package/lib/store/index.d.ts +5 -0
  268. package/lib/store/index.js +14 -0
  269. package/lib/store/index.js.map +2 -2
  270. package/lib/store/table.d.ts +2 -2
  271. package/lib/store/table.js +4 -4
  272. package/lib/store/table.js.map +2 -2
  273. package/lib/themes/ang-ie11.css +965 -210
  274. package/lib/themes/ang.css +955 -175
  275. package/lib/themes/ang.css.map +1 -1
  276. package/lib/themes/antd-ie11.css +1080 -325
  277. package/lib/themes/antd.css +956 -176
  278. package/lib/themes/antd.css.map +1 -1
  279. package/lib/themes/cxd-ie11.css +1048 -293
  280. package/lib/themes/cxd.css +961 -180
  281. package/lib/themes/cxd.css.map +1 -1
  282. package/lib/themes/dark-ie11.css +965 -210
  283. package/lib/themes/dark.css +955 -175
  284. package/lib/themes/dark.css.map +1 -1
  285. package/lib/themes/default-ie11.css +1048 -293
  286. package/lib/themes/default.css +961 -180
  287. package/lib/themes/default.css.map +1 -1
  288. package/lib/types.d.ts +3 -1
  289. package/lib/types.js.map +1 -1
  290. package/lib/utils/ColorScale.d.ts +19 -0
  291. package/lib/utils/ColorScale.js +104 -0
  292. package/lib/utils/ColorScale.js.map +13 -0
  293. package/lib/utils/api.js +20 -4
  294. package/lib/utils/api.js.map +2 -2
  295. package/lib/utils/columnsSplit.d.ts +1 -0
  296. package/lib/utils/columnsSplit.js +40 -0
  297. package/lib/utils/columnsSplit.js.map +13 -0
  298. package/lib/utils/debug.d.ts +1 -1
  299. package/lib/utils/debug.js +16 -22
  300. package/lib/utils/debug.js.map +2 -2
  301. package/lib/utils/dom.d.ts +1 -1
  302. package/lib/utils/dom.js +7 -5
  303. package/lib/utils/dom.js.map +2 -2
  304. package/lib/utils/position.js +0 -1
  305. package/lib/utils/position.js.map +2 -2
  306. package/lib/utils/scrollPosition.d.ts +6 -0
  307. package/lib/utils/scrollPosition.js +31 -0
  308. package/lib/utils/scrollPosition.js.map +13 -0
  309. package/package.json +3 -2
  310. package/schema.json +30213 -29222
  311. package/scss/_properties.scss +67 -25
  312. package/scss/components/_alert.scss +1 -1
  313. package/scss/components/_barcode.scss +1 -1
  314. package/scss/components/_button-group.scss +15 -0
  315. package/scss/components/_carousel.scss +1 -0
  316. package/scss/components/_column-toggler.scss +21 -11
  317. package/scss/components/_debug.scss +3 -3
  318. package/scss/components/_formula.scss +19 -1
  319. package/scss/components/_nav.scss +51 -6
  320. package/scss/components/_progress.scss +7 -14
  321. package/scss/components/_pull-refresh.scss +25 -0
  322. package/scss/components/_spinner.scss +134 -56
  323. package/scss/components/_steps.scss +199 -8
  324. package/scss/components/_tabs.scss +145 -13
  325. package/scss/components/_tooltip.scss +76 -9
  326. package/scss/components/form/_checks.scss +125 -2
  327. package/scss/components/form/_combo.scss +13 -1
  328. package/scss/components/form/_date-range.scss +27 -2
  329. package/scss/components/form/_date.scss +25 -0
  330. package/scss/components/form/_editor.scss +2 -1
  331. package/scss/components/form/_file.scss +4 -0
  332. package/scss/components/form/_form.scss +31 -8
  333. package/scss/components/form/_number.scss +5 -2
  334. package/scss/components/form/_select.scss +0 -1
  335. package/scss/components/form/_textarea.scss +1 -23
  336. package/scss/components/form/_transfer.scss +3 -2
  337. package/scss/themes/_antd-variables.scss +1 -1
  338. package/scss/themes/_common.scss +1 -0
  339. package/scss/themes/_cxd-variables.scss +6 -5
  340. package/sdk/ang-ie11.css +1059 -198
  341. package/sdk/ang.css +1050 -164
  342. package/sdk/antd-ie11.css +1167 -306
  343. package/sdk/antd.css +1051 -165
  344. package/sdk/barcode.js +51 -51
  345. package/sdk/charts.js +14 -14
  346. package/sdk/codemirror.js +7 -7
  347. package/sdk/color-picker.js +65 -65
  348. package/sdk/cropperjs.js +2 -2
  349. package/sdk/cxd-ie11.css +1145 -284
  350. package/sdk/cxd.css +1056 -169
  351. package/sdk/dark-ie11.css +1056 -195
  352. package/sdk/dark.css +1050 -164
  353. package/sdk/exceljs.js +1 -1
  354. package/sdk/locale/de-DE.js +18 -1
  355. package/sdk/markdown.js +69 -69
  356. package/sdk/papaparse.js +1 -1
  357. package/sdk/renderers/Form/CityDB.js +1 -1
  358. package/sdk/rest.js +17 -17
  359. package/sdk/rich-text.js +62 -62
  360. package/sdk/sdk-ie11.css +1145 -284
  361. package/sdk/sdk.css +1056 -169
  362. package/sdk/sdk.js +1321 -1273
  363. package/sdk/thirds/hls.js/hls.js +1 -1
  364. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  365. package/sdk/tinymce.js +57 -57
  366. package/src/Schema.ts +15 -2
  367. package/src/SchemaRenderer.tsx +32 -14
  368. package/src/WithStore.tsx +3 -1
  369. package/src/actions/CmptAction.ts +28 -0
  370. package/src/actions/PageAction.ts +62 -0
  371. package/src/actions/index.ts +1 -0
  372. package/src/components/Alert2.tsx +9 -3
  373. package/src/components/AssociatedSelection.tsx +9 -3
  374. package/src/components/BarCode.tsx +2 -2
  375. package/src/components/Cascader.tsx +37 -11
  376. package/src/components/Checkbox.tsx +11 -5
  377. package/src/components/CityArea.tsx +3 -0
  378. package/src/components/DatePicker.tsx +68 -22
  379. package/src/components/DateRangePicker.tsx +551 -88
  380. package/src/components/Drawer.tsx +1 -0
  381. package/src/components/Modal.tsx +1 -0
  382. package/src/components/Overlay.tsx +6 -3
  383. package/src/components/Progress.tsx +64 -33
  384. package/src/components/PullRefresh.tsx +197 -0
  385. package/src/components/Radios.tsx +6 -17
  386. package/src/components/Range.tsx +26 -12
  387. package/src/components/Spinner.tsx +77 -42
  388. package/src/components/Steps.tsx +28 -27
  389. package/src/components/Tabs.tsx +51 -21
  390. package/src/components/Tooltip.tsx +12 -3
  391. package/src/components/TooltipWrapper.tsx +140 -33
  392. package/src/components/Tree.tsx +19 -5
  393. package/src/components/calendar/Calendar.tsx +4 -13
  394. package/src/components/calendar/TimeView.tsx +12 -0
  395. package/src/components/calendar/YearsView.tsx +3 -4
  396. package/src/components/condition-builder/Expression.tsx +6 -1
  397. package/src/components/condition-builder/Field.tsx +5 -1
  398. package/src/components/condition-builder/Group.tsx +4 -1
  399. package/src/components/condition-builder/GroupOrItem.tsx +4 -1
  400. package/src/components/condition-builder/InputSwitch.tsx +4 -1
  401. package/src/components/condition-builder/Item.tsx +28 -4
  402. package/src/components/condition-builder/Value.tsx +7 -1
  403. package/src/components/condition-builder/index.tsx +4 -2
  404. package/src/components/formula/Editor.tsx +46 -10
  405. package/src/components/formula/Picker.tsx +32 -1
  406. package/src/components/icons.tsx +2 -0
  407. package/src/factory.tsx +31 -3
  408. package/src/icons/trash.svg +8 -0
  409. package/src/index.tsx +1 -0
  410. package/src/locale/de-DE.ts +18 -1
  411. package/src/locale/en-US.ts +18 -1
  412. package/src/locale/zh-CN.ts +18 -1
  413. package/src/renderers/Action.tsx +24 -2
  414. package/src/renderers/App.tsx +4 -0
  415. package/src/renderers/ButtonGroup.tsx +2 -2
  416. package/src/renderers/CRUD.tsx +23 -5
  417. package/src/renderers/Carousel.tsx +8 -0
  418. package/src/renderers/Chart.tsx +4 -0
  419. package/src/renderers/Dialog.tsx +21 -3
  420. package/src/renderers/Drawer.tsx +14 -2
  421. package/src/renderers/DropDownButton.tsx +14 -3
  422. package/src/renderers/Form/Checkbox.tsx +11 -2
  423. package/src/renderers/Form/Checkboxes.tsx +106 -23
  424. package/src/renderers/Form/Combo.tsx +179 -66
  425. package/src/renderers/Form/InputCity.tsx +46 -5
  426. package/src/renderers/Form/InputDate.tsx +18 -4
  427. package/src/renderers/Form/InputDateRange.tsx +27 -3
  428. package/src/renderers/Form/InputFile.tsx +23 -7
  429. package/src/renderers/Form/InputFormula.tsx +7 -0
  430. package/src/renderers/Form/InputImage.tsx +22 -6
  431. package/src/renderers/Form/InputMonthRange.tsx +7 -1
  432. package/src/renderers/Form/InputRange.tsx +20 -22
  433. package/src/renderers/Form/InputTable.tsx +6 -2
  434. package/src/renderers/Form/InputText.tsx +14 -4
  435. package/src/renderers/Form/InputTree.tsx +40 -2
  436. package/src/renderers/Form/Item.tsx +7 -0
  437. package/src/renderers/Form/NestedSelect.tsx +23 -4
  438. package/src/renderers/Form/Options.tsx +26 -7
  439. package/src/renderers/Form/Select.tsx +5 -3
  440. package/src/renderers/Form/Textarea.tsx +3 -1
  441. package/src/renderers/Form/TreeSelect.tsx +47 -9
  442. package/src/renderers/Form/index.tsx +56 -25
  443. package/src/renderers/Form/wrapControl.tsx +23 -12
  444. package/src/renderers/Nav.tsx +231 -33
  445. package/src/renderers/Page.tsx +97 -35
  446. package/src/renderers/Progress.tsx +9 -11
  447. package/src/renderers/Service.tsx +66 -27
  448. package/src/renderers/Spinner.tsx +85 -3
  449. package/src/renderers/Steps.tsx +14 -0
  450. package/src/renderers/Table/ColumnToggler.tsx +36 -11
  451. package/src/renderers/Table/TableCell.tsx +39 -1
  452. package/src/renderers/Table/TableRow.tsx +1 -1
  453. package/src/renderers/Table/index.tsx +43 -19
  454. package/src/renderers/Tabs.tsx +90 -31
  455. package/src/renderers/TooltipWrapper.tsx +262 -0
  456. package/src/renderers/Wizard.tsx +169 -93
  457. package/src/store/crud.ts +50 -5
  458. package/src/store/form.ts +8 -3
  459. package/src/store/formItem.ts +1 -2
  460. package/src/store/index.ts +20 -0
  461. package/src/store/table.ts +4 -4
  462. package/src/types.ts +8 -1
  463. package/src/utils/ColorScale.ts +138 -0
  464. package/src/utils/api.ts +26 -4
  465. package/src/utils/columnsSplit.tsx +57 -0
  466. package/src/utils/debug.tsx +17 -24
  467. package/src/utils/dom.tsx +7 -6
  468. package/src/utils/position.ts +0 -1
  469. 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;
@@ -323,19 +325,18 @@
323
325
  --ButtonGroup--primary-isActive-color: var(--white);
324
326
  --ButtonGroup--primary-isActive-bg: var(--primary);
325
327
  --Breadcrumb-item-fontSize: var(--fontSizeMd);
326
- --Breadcrumb-item-default-color: #83868C;
327
- --Breadcrumb-item-hover-color: #2468F2;
328
- --Breadcrumb-item-active-color: #1C53C1;
329
- --Breadcrumb-item-last-color: #151A26;
330
- --BreadcrumbDropdown-item-default-color: #151A26;
331
- --BreadcrumbDropdown-item-default-bg: #FFFFFF;
332
- --BreadcrumbDropdown-item-hover-bg: #E9F0FD;
328
+ --Breadcrumb-item-default-color: #83868c;
329
+ --Breadcrumb-item-hover-color: #2468f2;
330
+ --Breadcrumb-item-active-color: #1c53c1;
331
+ --Breadcrumb-item-last-color: #151a26;
332
+ --BreadcrumbDropdown-item-default-color: #151a26;
333
+ --BreadcrumbDropdown-item-default-bg: #ffffff;
334
+ --BreadcrumbDropdown-item-hover-bg: #e9f0fd;
333
335
  --BreadcrumbDropdown-item-fontSize: var(--fontSizeSm);
334
336
  --BreadcrumbDropdown-item-height: 2rem;
335
337
  --BreadcrumbDropdown-item-paddingX: var(--gap-sm);
336
338
  --BreadcrumbDropdown-item-paddingY: calc(
337
- (var(--BreadcrumbDropdown-item-height) - var(--fontSizeSm)) /
338
- 2
339
+ (var(--BreadcrumbDropdown-item-height) - var(--fontSizeSm)) / 2
339
340
  );
340
341
  --Calendar-btn-bg: var(--info);
341
342
  --Calendar-btn-border: var(--Calendar-btn-bg);
@@ -447,19 +448,26 @@
447
448
  --Carousel-svg-height: var(--gap-lg);
448
449
  --Carousel-svg-width: var(--gap-lg);
449
450
  --Carousel-transitionDuration: var(--animation-duration);
450
- --Checkbox--full-inner-size: 0.75rem;
451
- --Checkbox--sm--full-inner-size: 0.625rem;
451
+ --Checkbox--full-inner-size: 0.5rem;
452
+ --Checkbox--sm--full-inner-size: 0.5rem;
452
453
  --Checkbox--sm-inner-size: calc(var(--Checkbox--sm-size) / 2);
453
454
  --Checkbox--sm-size: 1rem;
454
- --Checkbox-borderRadius: var(--borderRadius);
455
+ --Checkbox-borderRadius: 0.125rem;
455
456
  --Checkbox-color: var(--Form-input-borderColor);
456
457
  --Checkbox-gap: var(--gap-xs);
457
458
  --Checkbox-gb: #fff;
458
- --Checkbox-size: var(--Form-fontSize);
459
+ --Checkbox-size: 1rem;
459
460
  --Checkbox-inner-size: calc(var(--Checkbox-size) / 2);
460
461
  --Checkbox-onHover-color: var(--info);
461
462
  --Checkbox-onDisabled-bg: #e5e7eb;
462
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;
463
471
  --ColorPicker-bg: var(--white);
464
472
  --ColorPicker-borderColor: var(--Form-input-borderColor);
465
473
  --ColorPicker-borderRadius: var(--Form-input-borderRadius);
@@ -563,6 +571,16 @@
563
571
  ) / 2 - var(--DatePicker-borderWidth)
564
572
  );
565
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
+ );
566
584
  --LocationPicker-borderRadius: var(--Form-input-borderWidth);
567
585
  --Divider-borderStyle: solid;
568
586
  --Drawer-bg: var(--background);
@@ -616,6 +634,8 @@
616
634
  --Form--horizontal-label-widthMd: 10rem;
617
635
  --Form--horizontal-label-widthSm: 5.625rem;
618
636
  --Form--horizontal-label-widthXs: 3.75rem;
637
+ --Form--horizontal-justify-label-align: left;
638
+ --Form--horizontal-justify-value-align: right;
619
639
  --Form-control-widthBase: 12.5rem;
620
640
  --Form-control-widthLg: 20rem;
621
641
  --Form-control-widthMd: 15rem;
@@ -789,7 +809,7 @@
789
809
  --InputRange-padding: 1.25rem;
790
810
  --InputRange-onDisabled-color: var(--light);
791
811
  --InputRange-primaryColor: var(--primary);
792
- --InputRange-track-height: 0.25rem;
812
+ --InputRange-track-height: 0.375rem;
793
813
  --InputRange-track-bg: #f3f4f6;
794
814
  --InputRange-track-onDisabled-bg: var(--InputRange-onDisabled-color);
795
815
  --InputRange-track-onActive-bg: var(--InputRange-primaryColor);
@@ -984,6 +1004,8 @@
984
1004
  --Nav-item-onHover-color: var(--text--loud-color);
985
1005
  --Nav-subItem-fontSize: var(--fontSizeBase);
986
1006
  --Nav-subItem-onActiveBeforeBg: #e5eaeb;
1007
+ --Nav-Item-maxWidth--tabs: 10rem;
1008
+ --Nav-Item-height: 2.5rem;
987
1009
  --Number-bg: var(--Form-input-bg);
988
1010
  --Number-borderColor: var(--Form-input-borderColor);
989
1011
  --Number-borderRadius: var(--Form-input-borderRadius);
@@ -1115,14 +1137,15 @@
1115
1137
  --Satus-icon-height: var(--Satus-icon-width);
1116
1138
  --Sparkline-line-color: var(--info);
1117
1139
  --Sparkline-area-color: rgba(24, 144, 255, 0.1);
1118
- --Spinner--lg-height: 3.125rem;
1119
- --Spinner--lg-width: 3.125rem;
1140
+ --Spinner--lg-height: 3rem;
1141
+ --Spinner--lg-width: 3rem;
1120
1142
  --Spinner--sm-height: 1rem;
1121
1143
  --Spinner--sm-width: 1rem;
1122
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");
1123
- --Spinner-height: 1.625rem;
1145
+ --Spinner-height: 2rem;
1124
1146
  --Spinner-overlay-bg: rgba(255, 255, 255, 0.4);
1125
- --Spinner-width: 1.625rem;
1147
+ --Spinner-width: 2rem;
1148
+ --Spinner-color: #2468f2;
1126
1149
  --Switch-bgColor: #4b5563;
1127
1150
  --Switch-borderColor: #353c46;
1128
1151
  --Switch-gap: var(--gap-sm);
@@ -1208,6 +1231,7 @@
1208
1231
  --Tabs--line-content-padding: var(--gap-base) 0;
1209
1232
  --Tabs--line-linkMargin: 0 32px 0 0;
1210
1233
  --Tabs--line-linkPadding: 0 0 8px;
1234
+ --Tabs--line-addPadding: 0 0 10px;
1211
1235
  --Tabs--line-padding: var(--gap-md);
1212
1236
  --Tabs--line-onHover-borderColor: var(--primary);
1213
1237
  --Tabs--line-onHover-color: var(--primary);
@@ -1230,13 +1254,20 @@
1230
1254
  --Tabs-onActive-color: #374151;
1231
1255
  --Tabs-onDisabled-color: #4b5563;
1232
1256
  --Tabs-onHover-borderColor: #e5e7eb;
1233
- --Tabs-add-icon-size: 1rem;
1257
+ --Tabs-add-icon-size: 0.9375rem;
1234
1258
  --Tabs-add-icon-padding: 0.0625rem;
1235
1259
  --Tabs-add-icon-margin: var(--gap-xs);
1236
1260
  --Tabs-add-margin: var(--gap-lg);
1261
+ --Tabs-gray-color: #83868c;
1237
1262
  --Tabs-close-margin: var(--gap-xs);
1263
+ --Tabs-close-marginTop: 0.0625rem;
1238
1264
  --Tabs-close-size: 0.75rem;
1239
1265
  --Tabs-link-maxWidth: 10rem;
1266
+ --Tabs--sidebar-sideWidth: 3.875rem;
1267
+ --Tabs--sidebar-sidePadding: 1.6875rem;
1268
+ --Tabs--sidebar-sideMargin: 0 0 1.375rem 0;
1269
+ --Tabs--sidebar-iconSize: 1.5rem;
1270
+ --Tabs--sidebar-iconMargin: 0.3125rem;
1240
1271
  --Tabs--vertical-bg: var(--Table-thead-bg);
1241
1272
  --Tabs--vertical-width: 8.75rem;
1242
1273
  --Tabs--vertical-onActive-color: var(--primary);
@@ -1311,29 +1342,36 @@
1311
1342
  --Tooltip--attr-paddingY: 0.125rem;
1312
1343
  --Tooltip--attr-transition: all var(--animation-duration) ease-in-out;
1313
1344
  --Tooltip-arrow-color: var(--Tooltip-bg);
1314
- --Tooltip-arrow-color: var(--Tooltip-bg);
1345
+ --Tooltip-arrow-color--dark: rgba(7, 12, 20, 0.85);
1315
1346
  --Tooltip-arrow-height: 0.5rem;
1316
1347
  --Tooltip-arrow-height: 0.5rem;
1317
1348
  --Tooltip-arrow-outerColor: #d1d5db;
1318
1349
  --Tooltip-arrow-width: 1rem;
1319
1350
  --Tooltip-arrow-width: 1rem;
1320
1351
  --Tooltip-bg: var(--background);
1352
+ --Tooltip-bg--dark: rgba(7, 12, 20, 0.85);
1321
1353
  --Tooltip-body-color: var(--text-color);
1322
- --Tooltip-body-paddingX: var(--gap-sm);
1354
+ --Tooltip-body-color--dark: var(--white);
1355
+ --Tooltip-body-paddingX: var(--gap-base);
1323
1356
  --Tooltip-body-paddingY: var(--gap-sm);
1324
1357
  --Tooltip-borderColor: var(--borderColor);
1325
1358
  --Tooltip-borderRadius: var(--borderRadiusLg);
1326
1359
  --Tooltip-borderWidth: var(--borderWidth);
1327
- --Tooltip-boxShadow: var(--boxShadow);
1360
+ --Tooltip-boxShadow: var(--boxTooltipShadow);
1361
+ --Tooltip-boxShadow--dark: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
1328
1362
  --Tooltip-fontSize: var(--fontSizeSm);
1363
+ --Tooltip-fontWeight: var(--fontWeightMd);
1329
1364
  --Tooltip-maxWidth: 15rem;
1330
1365
  --Tooltip-minWidth: auto;
1366
+ --Tooltip-title-fontWeight: bold;
1331
1367
  --Tooltip-title-bg: #f7f7f7;
1332
1368
  --Tooltip-title-borderBottom-color: #ebebeb;
1333
1369
  --Tooltip-title-color: var(--text--loud-color);
1334
- --Tooltip-title-paddingX: var(--gap-sm);
1335
- --Tooltip-title-paddingY: var(--gap-xs);
1370
+ --Tooltip-title-color--dark: var(--white);
1371
+ --Tooltip-title-paddingX: var(--gap-base);
1372
+ --Tooltip-title-paddingY: var(--gap-sm);
1336
1373
  --Transfer-title-bg: #f6f8f8;
1374
+ --Transfer-selection-maxHeight: 21.875rem;
1337
1375
  --Tree-indent: var(--gap-md);
1338
1376
  --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
1339
1377
  --Tree-item-onHover-bg: rgba(0, 126, 255, 0.08);
@@ -1385,6 +1423,10 @@
1385
1423
  --ColumnToggler-fontColor: #151a26;
1386
1424
  --ColumnToggler-item-backgroundColor: #f6f7f8;
1387
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;
1388
1430
  --InputFormula-header-bgColor: #fafafa;
1389
1431
  --InputFormula-icon-size: 1.5rem;
1390
1432
  --InputFormula-icon-color-onActive: var(--primary);
@@ -1432,7 +1474,7 @@
1432
1474
  "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
1433
1475
  "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1434
1476
  --lineHeightBase: 1.57;
1435
- --borderColor: #eceff8;
1477
+ --borderColor: #d9d9d9;
1436
1478
  --text-color: rgba(0, 0, 0, 0.85);
1437
1479
  --text--muted-color: #999;
1438
1480
  --text--loud-color: #333;
@@ -14978,7 +15020,6 @@ input[type=button].antd-Button--block {
14978
15020
  z-index: 1600;
14979
15021
  word-wrap: break-word;
14980
15022
  background: var(--Tooltip-bg);
14981
- border: var(--Tooltip-borderWidth) solid var(--Tooltip-borderColor);
14982
15023
  box-shadow: var(--Tooltip-boxShadow);
14983
15024
  }
14984
15025
  .antd-Tooltip-arrow {
@@ -15008,7 +15049,6 @@ input[type=button].antd-Button--block {
15008
15049
  }
15009
15050
  .antd-Tooltip--top .antd-Tooltip-arrow::before {
15010
15051
  bottom: 0;
15011
- border-top-color: var(--Tooltip-arrow-outerColor);
15012
15052
  }
15013
15053
  .antd-Tooltip--top .antd-Tooltip-arrow::after {
15014
15054
  bottom: var(--Tooltip-borderWidth);
@@ -15030,7 +15070,6 @@ input[type=button].antd-Button--block {
15030
15070
  }
15031
15071
  .antd-Tooltip--right .antd-Tooltip-arrow::before {
15032
15072
  left: 0;
15033
- border-right-color: var(--Tooltip-arrow-outerColor);
15034
15073
  }
15035
15074
  .antd-Tooltip--right .antd-Tooltip-arrow::after {
15036
15075
  left: var(--Tooltip-borderWidth);
@@ -15048,7 +15087,6 @@ input[type=button].antd-Button--block {
15048
15087
  }
15049
15088
  .antd-Tooltip--bottom .antd-Tooltip-arrow::before {
15050
15089
  top: 0;
15051
- border-bottom-color: var(--Tooltip-arrow-outerColor);
15052
15090
  }
15053
15091
  .antd-Tooltip--bottom .antd-Tooltip-arrow::after {
15054
15092
  top: var(--Tooltip-borderWidth);
@@ -15081,21 +15119,20 @@ input[type=button].antd-Button--block {
15081
15119
  }
15082
15120
  .antd-Tooltip--left .antd-Tooltip-arrow::before {
15083
15121
  right: 0;
15084
- border-left-color: var(--Tooltip-arrow-outerColor);
15085
15122
  }
15086
15123
  .antd-Tooltip--left .antd-Tooltip-arrow::after {
15087
15124
  right: var(--Tooltip-borderWidth);
15088
15125
  border-left-color: var(--Tooltip-arrow-color);
15089
15126
  }
15090
15127
  .antd-Tooltip-title {
15091
- padding: var(--Tooltip-title-paddingY) var(--Tooltip-title-paddingX);
15128
+ padding: var(--Tooltip-title-paddingY) var(--Tooltip-title-paddingX) 0;
15092
15129
  margin-bottom: 0;
15093
15130
  font-size: var(--fontSizeBase);
15094
15131
  color: var(--Tooltip-title-color);
15095
- background: var(--Tooltip-title-bg);
15096
- border-bottom: var(--Tooltip-borderWidth) solid var(--Tooltip-title-borderBottom-color);
15132
+ font-weight: var(--Tooltip-fontWeight);
15097
15133
  border-top-left-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) );
15098
15134
  border-top-right-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) );
15135
+ font-weight: var(--Tooltip-title-fontWeight);
15099
15136
  }
15100
15137
  .antd-Tooltip-title:empty {
15101
15138
  display: none;
@@ -15103,6 +15140,52 @@ input[type=button].antd-Button--block {
15103
15140
  .antd-Tooltip-body {
15104
15141
  color: var(--Tooltip-body-color);
15105
15142
  padding: var(--Tooltip-body-paddingY) var(--Tooltip-body-paddingX);
15143
+ word-break: break-all;
15144
+ text-align: left;
15145
+ }
15146
+ .antd-Tooltip--dark {
15147
+ background: var(--Tooltip-bg--dark);
15148
+ border: none;
15149
+ box-shadow: var(--Tooltip-boxShadow--dark);
15150
+ }
15151
+ .antd-Tooltip--dark .antd-Tooltip-title {
15152
+ color: var(--Tooltip-title-color--dark);
15153
+ background: transparent;
15154
+ border-bottom: none;
15155
+ }
15156
+ .antd-Tooltip--dark .antd-Tooltip-title::before {
15157
+ border-bottom-color: transparent;
15158
+ }
15159
+ .antd-Tooltip--dark .antd-Tooltip-body {
15160
+ color: var(--Tooltip-body-color--dark);
15161
+ }
15162
+ .antd-Tooltip--dark.antd-Tooltip--top .antd-Tooltip-arrow::before {
15163
+ border-width: 0;
15164
+ }
15165
+ .antd-Tooltip--dark.antd-Tooltip--top .antd-Tooltip-arrow::after {
15166
+ border-top-color: var(--Tooltip-arrow-color--dark);
15167
+ }
15168
+ .antd-Tooltip--dark.antd-Tooltip--bottom .antd-Tooltip-arrow::before {
15169
+ border-width: 0;
15170
+ }
15171
+ .antd-Tooltip--dark.antd-Tooltip--bottom .antd-Tooltip-arrow::after {
15172
+ border-bottom-color: var(--Tooltip-arrow-color--dark);
15173
+ }
15174
+ .antd-Tooltip--dark.antd-Tooltip--left .antd-Tooltip-arrow::before {
15175
+ border-width: 0;
15176
+ }
15177
+ .antd-Tooltip--dark.antd-Tooltip--left .antd-Tooltip-arrow::after {
15178
+ border-left-color: var(--Tooltip-arrow-color--dark);
15179
+ }
15180
+ .antd-Tooltip--dark.antd-Tooltip--right .antd-Tooltip-arrow::before {
15181
+ border-width: 0;
15182
+ }
15183
+ .antd-Tooltip--dark.antd-Tooltip--right .antd-Tooltip-arrow::after {
15184
+ border-right-color: var(--Tooltip-arrow-color--dark);
15185
+ }
15186
+
15187
+ .antd-TooltipWrapper--inline {
15188
+ display: inline-block;
15106
15189
  }
15107
15190
 
15108
15191
  @keyframes tooltipIn {
@@ -15731,7 +15814,7 @@ input[type=button].antd-Button--block {
15731
15814
  align-items: flex-start;
15732
15815
  }
15733
15816
  .antd-Alert-icon {
15734
- margin-right: 0.5rem;
15817
+ margin-right: var(--gap-sm);
15735
15818
  font-size: var(--fontSizeLg);
15736
15819
  }
15737
15820
  .antd-Alert-content {
@@ -15950,7 +16033,7 @@ input[type=button].antd-Button--block {
15950
16033
  margin-left: var(--Tabs-add-margin);
15951
16034
  align-items: center;
15952
16035
  justify-content: flex-start;
15953
- padding: var(--Tabs--line-linkPadding);
16036
+ padding: var(--Tabs--line-addPadding);
15954
16037
  white-space: nowrap;
15955
16038
  cursor: pointer;
15956
16039
  }
@@ -15964,14 +16047,19 @@ input[type=button].antd-Button--block {
15964
16047
  margin-left: 4px;
15965
16048
  line-height: 1;
15966
16049
  }
16050
+ .antd-Tabs-linksContainer-wrapper .antd-Tabs-addable:hover {
16051
+ color: var(--primary);
16052
+ fill: var(--primary);
16053
+ }
15967
16054
  .antd-Tabs-linksContainer-wrapper .antd-Tabs-linksContainer {
16055
+ flex-grow: 1;
15968
16056
  position: relative;
15969
16057
  display: flex;
15970
16058
  align-items: center;
15971
16059
  overflow: hidden;
15972
16060
  }
15973
16061
  .antd-Tabs-linksContainer-wrapper .antd-Tabs-linksContainer-arrow {
15974
- margin-bottom: 7px;
16062
+ margin: var(--Tabs--line-addPadding);
15975
16063
  width: 16px;
15976
16064
  height: 100%;
15977
16065
  display: flex;
@@ -15999,6 +16087,7 @@ input[type=button].antd-Button--block {
15999
16087
  color: var(--Number-handler-onDisabled-color);
16000
16088
  }
16001
16089
  .antd-Tabs-linksContainer-wrapper .antd-Tabs-linksContainer-main {
16090
+ position: relative;
16002
16091
  overflow-y: auto;
16003
16092
  scrollbar-width: none;
16004
16093
  width: 100%;
@@ -16007,8 +16096,10 @@ input[type=button].antd-Button--block {
16007
16096
  display: none;
16008
16097
  }
16009
16098
  .antd-Tabs-linksContainer-wrapper .antd-Tabs-linksContainer-main .antd-Tabs-links {
16010
- position: relative;
16011
16099
  min-width: 100%;
16100
+ max-width: 0;
16101
+ height: 100%;
16102
+ overflow-x: hidden;
16012
16103
  }
16013
16104
  .antd-Tabs-linksContainer-wrapper .antd-Tabs-linksContainer-main .antd-Tabs-links .antd-Tabs-links-drag {
16014
16105
  position: absolute;
@@ -16043,7 +16134,9 @@ input[type=button].antd-Button--block {
16043
16134
  outline: none;
16044
16135
  }
16045
16136
  .antd-Tabs-links > .antd-Tabs-link .antd-Tabs-link-close {
16046
- margin-left: var(--Tabs-close-margin);
16137
+ margin: var(--Tabs-close-marginTop) 0 0 var(--Tabs-close-margin);
16138
+ fill: var(--Tabs-gray-color);
16139
+ cursor: pointer;
16047
16140
  }
16048
16141
  .antd-Tabs-links > .antd-Tabs-link .antd-Tabs-link-close .antd-Tabs-link-close-icon {
16049
16142
  width: var(--Tabs-close-size);
@@ -16114,6 +16207,15 @@ input[type=button].antd-Button--block {
16114
16207
  .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper {
16115
16208
  border-bottom: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
16116
16209
  }
16210
+ .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper--toolbar .antd-Tabs-link {
16211
+ padding-top: 10px;
16212
+ }
16213
+ .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper--toolbar .antd-Tabs-addable {
16214
+ padding: 0;
16215
+ }
16216
+ .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper--toolbar .antd-Tabs-linksContainer-arrow {
16217
+ margin: 0;
16218
+ }
16117
16219
  .antd-Tabs--line > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-arrow {
16118
16220
  top: -4px;
16119
16221
  }
@@ -16139,13 +16241,16 @@ input[type=button].antd-Button--block {
16139
16241
  border-width: 0 0 var(--Tabs--line-borderWidth) 0;
16140
16242
  padding: var(--Tabs--line-linkPadding);
16141
16243
  }
16142
- .antd-Tabs--line > .antd-Tabs-linksWrapper > .antd-Tabs-links > li > a:first-child:hover, .antd-Tabs--line > .antd-Tabs-linksWrapper > .antd-Tabs-links > li > a:first-child:focus,
16143
- .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li > a:first-child:hover,
16144
- .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li > a:first-child:focus {
16244
+ .antd-Tabs--line > .antd-Tabs-linksWrapper > .antd-Tabs-links > li:hover a:first-child,
16245
+ .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li:hover a:first-child {
16145
16246
  color: var(--primary);
16146
16247
  background: transparent;
16147
16248
  border-color: transparent;
16148
16249
  }
16250
+ .antd-Tabs--line > .antd-Tabs-linksWrapper > .antd-Tabs-links > li:hover .antd-Tabs-link-close,
16251
+ .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li:hover .antd-Tabs-link-close {
16252
+ fill: var(--primary);
16253
+ }
16149
16254
  .antd-Tabs--line > .antd-Tabs-linksWrapper > .antd-Tabs-links > li:last-child > a,
16150
16255
  .antd-Tabs--line > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li:last-child > a {
16151
16256
  margin: 0;
@@ -16177,6 +16282,9 @@ input[type=button].antd-Button--block {
16177
16282
  padding-top: var(--Tabs--card-add-gap-top);
16178
16283
  margin-right: var(--Tabs--card-add-gap);
16179
16284
  }
16285
+ .antd-Tabs--card > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer .antd-Tabs-addable {
16286
+ padding: 0;
16287
+ }
16180
16288
  .antd-Tabs--card > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-arrow {
16181
16289
  padding: var(--Tabs--card-arrow-gap) var(--Tabs--card-add-gap) 0;
16182
16290
  margin-bottom: 0;
@@ -16206,13 +16314,17 @@ input[type=button].antd-Button--block {
16206
16314
  padding: 0;
16207
16315
  border: none;
16208
16316
  }
16317
+ .antd-Tabs--card > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-toolbar {
16318
+ padding: var(--Tabs--card-padding);
16319
+ margin: 0;
16320
+ }
16209
16321
  .antd-Tabs--card > .antd-Tabs-content {
16210
16322
  border-width: 0;
16211
16323
  }
16212
16324
  .antd-Tabs--radio > .antd-Tabs-linksContainer-wrapper {
16213
16325
  margin-bottom: 0.625rem;
16214
16326
  }
16215
- .antd-Tabs--radio > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-addable {
16327
+ .antd-Tabs--radio > .antd-Tabs-linksContainer-wrapper .antd-Tabs-addable {
16216
16328
  padding: 0;
16217
16329
  }
16218
16330
  .antd-Tabs--radio > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-arrow {
@@ -16287,7 +16399,7 @@ input[type=button].antd-Button--block {
16287
16399
  .antd-Tabs--tiled > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer.antd-Tabs-linksContainer--overflow > .antd-Tabs-linksContainer-main > .antd-Tabs-links > .antd-Tabs-link:last-of-type {
16288
16400
  border-right-width: 0;
16289
16401
  }
16290
- .antd-Tabs--tiled > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-addable {
16402
+ .antd-Tabs--tiled > .antd-Tabs-linksContainer-wrapper .antd-Tabs-addable {
16291
16403
  padding: 0 var(--Tabs--tiled-add-gap);
16292
16404
  margin-left: 0;
16293
16405
  white-space: nowrap;
@@ -16378,6 +16490,71 @@ input[type=button].antd-Button--block {
16378
16490
  .antd-Tabs--vertical > .antd-Tabs-content > .antd-Tabs-pane {
16379
16491
  height: 100%;
16380
16492
  }
16493
+ .antd-Tabs--sidebar {
16494
+ display: flex;
16495
+ height: 100%;
16496
+ }
16497
+ .antd-Tabs--sidebar.sidebar--left {
16498
+ flex-direction: row;
16499
+ }
16500
+ .antd-Tabs--sidebar.sidebar--left > .antd-Tabs-content {
16501
+ border-right: none;
16502
+ }
16503
+ .antd-Tabs--sidebar.sidebar--right {
16504
+ flex-direction: row-reverse;
16505
+ }
16506
+ .antd-Tabs--sidebar.sidebar--right > .antd-Tabs-content {
16507
+ border-left: none;
16508
+ }
16509
+ .antd-Tabs--sidebar > .antd-Tabs-linksWrapper {
16510
+ flex: 0 0 var(--Tabs--sidebar-sideWidth);
16511
+ align-items: flex-start;
16512
+ border: none;
16513
+ }
16514
+ .antd-Tabs--sidebar > .antd-Tabs-linksWrapper > .antd-Tabs-links {
16515
+ position: relative;
16516
+ margin: 0;
16517
+ padding-top: var(--Tabs--sidebar-sidePadding);
16518
+ flex-grow: 1;
16519
+ border: none;
16520
+ flex-direction: column;
16521
+ border: 0;
16522
+ }
16523
+ .antd-Tabs--sidebar > .antd-Tabs-linksWrapper > .antd-Tabs-links > li {
16524
+ display: flex;
16525
+ margin: var(--Tabs--sidebar-sideMargin);
16526
+ padding: 0;
16527
+ flex-direction: column;
16528
+ justify-content: flex-start;
16529
+ align-items: center;
16530
+ border: 0;
16531
+ }
16532
+ .antd-Tabs--sidebar > .antd-Tabs-linksWrapper > .antd-Tabs-links > li > a:first-child {
16533
+ padding: 0;
16534
+ border: 0;
16535
+ margin: 0;
16536
+ display: flex;
16537
+ flex-direction: column;
16538
+ align-items: center;
16539
+ color: var(--Tabs-gray-color);
16540
+ }
16541
+ .antd-Tabs--sidebar > .antd-Tabs-linksWrapper > .antd-Tabs-links > li > a:first-child .antd-Icon {
16542
+ font-size: var(--Tabs--sidebar-iconSize);
16543
+ height: var(--Tabs--sidebar-iconSize);
16544
+ margin-bottom: var(--Tabs--sidebar-iconMargin);
16545
+ }
16546
+ .antd-Tabs--sidebar > .antd-Tabs-linksWrapper > .antd-Tabs-links > li.is-active > a:first-child,
16547
+ .antd-Tabs--sidebar > .antd-Tabs-linksWrapper > .antd-Tabs-links > li > a:first-child:hover,
16548
+ .antd-Tabs--sidebar > .antd-Tabs-linksWrapper > .antd-Tabs-links > li > a:first-child:focus {
16549
+ color: var(--Tabs--sidebar-iconColor);
16550
+ }
16551
+ .antd-Tabs--sidebar > .antd-Tabs-content {
16552
+ flex-grow: 1;
16553
+ border-bottom: none;
16554
+ }
16555
+ .antd-Tabs--sidebar > .antd-Tabs-content > .antd-Tabs-pane {
16556
+ height: 100%;
16557
+ }
16381
16558
  .antd-Tabs--chrome > .antd-Tabs-linksWrapper {
16382
16559
  background: var(--Tabs--chrome-bg);
16383
16560
  border-bottom: none;
@@ -16475,7 +16652,7 @@ input[type=button].antd-Button--block {
16475
16652
  .antd-Tabs--simple > .antd-Tabs-linksContainer-wrapper {
16476
16653
  border-bottom: none;
16477
16654
  }
16478
- .antd-Tabs--simple > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-addable {
16655
+ .antd-Tabs--simple > .antd-Tabs-linksContainer-wrapper .antd-Tabs-addable {
16479
16656
  padding: 0;
16480
16657
  }
16481
16658
  .antd-Tabs--simple > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-arrow {
@@ -16514,6 +16691,9 @@ input[type=button].antd-Button--block {
16514
16691
  color: var(--Tabs--line-onHover-color);
16515
16692
  border: none;
16516
16693
  }
16694
+ .antd-Tabs--simple > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li:hover .antd-Tabs-link-close {
16695
+ fill: var(--primary);
16696
+ }
16517
16697
  .antd-Tabs--simple > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > li > a:first-child {
16518
16698
  padding: 0;
16519
16699
  }
@@ -16527,7 +16707,7 @@ input[type=button].antd-Button--block {
16527
16707
  align-items: stretch;
16528
16708
  border-bottom: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
16529
16709
  }
16530
- .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-addable {
16710
+ .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper .antd-Tabs-addable {
16531
16711
  width: var(--Tabs--strong-add-size);
16532
16712
  margin-left: var(--Tabs--card-arrow-gap);
16533
16713
  padding: 0;
@@ -16540,10 +16720,10 @@ input[type=button].antd-Button--block {
16540
16720
  border-top-right-radius: var(--Tabs-borderRadius);
16541
16721
  flex: none;
16542
16722
  }
16543
- .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-addable > .antd-Tabs-addable-icon {
16723
+ .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper .antd-Tabs-addable > .antd-Tabs-addable-icon {
16544
16724
  margin-right: 0;
16545
16725
  }
16546
- .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-addable:hover {
16726
+ .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper .antd-Tabs-addable:hover {
16547
16727
  color: var(--Tabs--line-onHover-color);
16548
16728
  }
16549
16729
  .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer {
@@ -16595,6 +16775,9 @@ input[type=button].antd-Button--block {
16595
16775
  .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > .antd-Tabs-link:hover > a:first-child:focus {
16596
16776
  color: var(--Tabs--line-onHover-color);
16597
16777
  }
16778
+ .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > .antd-Tabs-link:hover .antd-Tabs-link-close {
16779
+ fill: var(--primary);
16780
+ }
16598
16781
  .antd-Tabs--strong > .antd-Tabs-linksContainer-wrapper > .antd-Tabs-linksContainer > .antd-Tabs-linksContainer-main > .antd-Tabs-links > .antd-Tabs-link:last-of-type {
16599
16782
  margin-right: 0;
16600
16783
  }
@@ -16604,9 +16787,10 @@ input[type=button].antd-Button--block {
16604
16787
  border: none;
16605
16788
  }
16606
16789
  .antd-Tabs-toolbar {
16607
- display: inline-block;
16608
- float: right;
16609
- padding-top: var(--gap-xs);
16790
+ margin-left: var(--gap-base);
16791
+ display: flex;
16792
+ flex-direction: row;
16793
+ align-items: center;
16610
16794
  }
16611
16795
 
16612
16796
  .antd-Nav {
@@ -16626,6 +16810,30 @@ input[type=button].antd-Button--block {
16626
16810
  height: var(--Tabs-linkFontSize);
16627
16811
  vertical-align: middle;
16628
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
+ }
16629
16837
  .antd-Nav .antd-Nav-list--tabs {
16630
16838
  border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
16631
16839
  }
@@ -16633,6 +16841,7 @@ input[type=button].antd-Button--block {
16633
16841
  margin-bottom: calc(var(--Tabs-borderWidth) * -1);
16634
16842
  display: inline-block;
16635
16843
  position: relative;
16844
+ max-width: var(--Nav-Item-maxWidth--tabs);
16636
16845
  }
16637
16846
  .antd-Nav .antd-Nav-list--tabs .antd-Nav-item > a {
16638
16847
  font-size: var(--Tabs-linkFontSize);
@@ -16646,10 +16855,14 @@ input[type=button].antd-Button--block {
16646
16855
  margin-right: 0.125rem;
16647
16856
  padding: var(--gap-sm) var(--gap-xl);
16648
16857
  cursor: pointer;
16858
+ text-overflow: ellipsis;
16859
+ overflow: hidden;
16860
+ white-space: nowrap;
16649
16861
  }
16650
16862
  .antd-Nav .antd-Nav-list--tabs .antd-Nav-item:hover > a,
16651
16863
  .antd-Nav .antd-Nav-list--tabs .antd-Nav-item > a:focus {
16652
16864
  border-color: var(--Tabs-onHover-borderColor);
16865
+ border-bottom: none;
16653
16866
  text-decoration: none;
16654
16867
  }
16655
16868
  .antd-Nav .antd-Nav-list--tabs .antd-Nav-item.disabled > a, .antd-Nav .antd-Nav-list--tabs .antd-Nav-item.is-disabled > a {
@@ -16664,41 +16877,57 @@ input[type=button].antd-Button--block {
16664
16877
  border-color: var(--Tabs-onActive-borderColor);
16665
16878
  border-bottom-color: var(--Tabs-content-bg);
16666
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
+ }
16667
16885
  .antd-Nav .antd-Nav-list--stacked {
16668
16886
  min-height: 3.125rem;
16669
16887
  }
16670
- .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 {
16671
16890
  position: relative;
16672
16891
  display: flex;
16673
16892
  flex-wrap: wrap;
16674
16893
  align-items: stretch;
16675
16894
  width: 100%;
16676
16895
  }
16677
- .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 {
16678
16898
  cursor: move;
16679
16899
  position: absolute;
16680
16900
  left: 0;
16681
16901
  display: none;
16682
16902
  line-height: 0;
16683
16903
  }
16684
- .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 {
16685
16908
  color: var(--icon-color);
16686
16909
  }
16687
- .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 {
16688
16914
  color: var(--icon-onHover-color);
16689
16915
  }
16690
- .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 {
16691
16918
  width: 1rem;
16692
16919
  height: 1rem;
16693
16920
  }
16694
- .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 {
16695
16923
  position: absolute;
16696
16924
  top: 0;
16697
16925
  bottom: 0;
16698
16926
  width: 2.1875rem;
16699
16927
  overflow: hidden;
16700
16928
  }
16701
- .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 {
16702
16931
  position: absolute;
16703
16932
  top: 0.125rem;
16704
16933
  left: -0.8125rem;
@@ -16709,12 +16938,14 @@ input[type=button].antd-Button--block {
16709
16938
  color: var(--white);
16710
16939
  background: var(--success);
16711
16940
  }
16712
- .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 {
16713
16943
  display: flex;
16714
16944
  align-items: center;
16715
16945
  }
16716
16946
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a,
16717
- .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,
16718
16949
  .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a {
16719
16950
  display: flex;
16720
16951
  align-items: center;
@@ -16735,7 +16966,8 @@ input[type=button].antd-Button--block {
16735
16966
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:hover,
16736
16967
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:focus,
16737
16968
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:hover + .antd-Nav-item-atcions,
16738
- .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,
16739
16971
  .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:focus,
16740
16972
  .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:hover + .antd-Nav-item-atcions,
16741
16973
  .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:focus + .antd-Nav-item-atcions,
@@ -16751,37 +16983,60 @@ input[type=button].antd-Button--block {
16751
16983
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a:hover > .antd-Nav-itemDrager,
16752
16984
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > a:focus > .antd-Nav-itemDrager,
16753
16985
  .antd-Nav .antd-Nav-list--stacked .antd-Nav-item > .antd-Badge > a:hover > .antd-Nav-itemDrager,
16754
- .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,
16755
16988
  .antd-Nav .antd-Nav-list--stacked .antd-Badge > a:focus > .antd-Nav-itemDrager,
16756
16989
  .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a:hover > .antd-Nav-itemDrager,
16757
16990
  .antd-Nav .antd-Nav-list--stacked .antd-Badge > .antd-Badge > a:focus > .antd-Nav-itemDrager {
16758
16991
  display: block;
16759
16992
  }
16760
- .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 {
16761
16998
  color: var(--Nav-item-onDisabled-color);
16762
16999
  background: transparent;
16763
17000
  pointer-events: none;
16764
17001
  }
16765
- .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 {
16766
17009
  color: var(--Nav-item-onActive-color);
16767
17010
  position: relative;
16768
17011
  background: var(--Nav-item-onActive-bg) !important;
16769
17012
  }
16770
- .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 {
16771
17020
  transform: scaleY(1);
16772
17021
  }
16773
- .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 {
16774
17025
  transform: rotate(180deg) scale(0.8);
16775
17026
  }
16776
- .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 {
16777
17030
  display: block;
16778
17031
  }
16779
- .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 {
16780
17034
  position: absolute;
16781
17035
  right: 0.625rem;
16782
17036
  top: 0.5rem;
16783
17037
  }
16784
- .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 {
16785
17040
  float: left;
16786
17041
  margin-right: 0.625rem;
16787
17042
  height: 1.5rem;
@@ -16792,18 +17047,21 @@ input[type=button].antd-Button--block {
16792
17047
  transform: scale(0.8);
16793
17048
  transition: transform var(--animation-duration);
16794
17049
  }
16795
- .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 {
16796
17052
  width: 10px;
16797
17053
  height: 10px;
16798
17054
  top: 0;
16799
17055
  }
16800
- .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 {
16801
17058
  display: none;
16802
17059
  padding-left: 0;
16803
17060
  list-style: none;
16804
17061
  width: 100%;
16805
17062
  }
16806
- .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 {
16807
17065
  font-size: var(--Nav-subItem-fontSize);
16808
17066
  }
16809
17067
  .antd-Nav .antd-Nav-dropIndicator {
@@ -17402,54 +17660,101 @@ input[type=button].antd-Button--block {
17402
17660
  transform: rotate(1turn);
17403
17661
  }
17404
17662
  }
17405
- .is-spin {
17406
- animation: spin 2s linear infinite;
17407
- }
17408
-
17409
- .antd-Spinner-overlay {
17410
- position: absolute;
17411
- z-index: 10;
17412
- top: 0;
17413
- left: 0;
17414
- right: 0;
17415
- bottom: 0;
17416
- background: var(--Spinner-overlay-bg);
17417
- 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;
17418
17668
  opacity: 0;
17669
+ transition: ease-out opacity var(--animation-duration);
17419
17670
  }
17420
- .antd-Spinner-overlay.in {
17671
+ .antd-Spinner.in {
17421
17672
  opacity: 1;
17422
17673
  }
17423
-
17424
- .antd-Spinner {
17674
+ .antd-Spinner .antd-Spinner-icon {
17425
17675
  width: var(--Spinner-width);
17426
17676
  height: var(--Spinner-height);
17677
+ position: relative;
17427
17678
  transform: translateZ(0);
17428
- 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 {
17429
17683
  background: var(--Spinner-bg);
17430
17684
  background-size: 100%;
17431
- 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;
17432
17700
  }
17433
- .antd-Spinner--lg {
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);
17709
+ }
17710
+ .antd-Spinner .antd-Spinner-icon--custom {
17711
+ width: auto;
17712
+ height: auto;
17713
+ }
17714
+ .antd-Spinner .antd-Spinner-icon--lg {
17434
17715
  width: var(--Spinner--lg-width);
17435
17716
  height: var(--Spinner--lg-height);
17436
17717
  }
17437
- .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 {
17438
17722
  width: var(--Spinner--sm-width);
17439
17723
  height: var(--Spinner--sm-height);
17440
17724
  }
17441
- .antd-Spinner--icon {
17442
- background: transparent;
17443
- animation: spin 2s linear infinite;
17444
- width: 16px;
17445
- height: 16px;
17725
+ .antd-Spinner .antd-Spinner-icon--sm i.icon {
17726
+ font-size: var(--Spinner--sm-height);
17446
17727
  }
17447
- .antd-Spinner--icon svg.icon {
17448
- width: 16px;
17449
- height: 16px;
17450
- 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;
17451
17757
  }
17452
-
17453
17758
  .antd-Spinner--overlay {
17454
17759
  position: absolute;
17455
17760
  z-index: 11;
@@ -17458,21 +17763,34 @@ input[type=button].antd-Button--block {
17458
17763
  transform: translate3d(-50%, -50%, 0);
17459
17764
  }
17460
17765
 
17461
- .antd-Spinner--overlay.antd-Spinner--lg {
17462
- width: var(--Spinner--lg-width);
17463
- height: var(--Spinner--lg-height);
17464
- 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;
17465
17779
  }
17466
17780
 
17467
- @media (min-width: 768px) {
17468
- .antd-Layout .antd-Page-body > .antd-Spinner-overlay {
17469
- left: var(--Layout-aside-width);
17470
- }
17471
-
17472
- .antd-Layout--folded .antd-Page-body > .antd-Spinner-overlay {
17473
- left: var(--Layout-aside--folded-width);
17474
- }
17781
+ .antd-Spinner-wrap {
17782
+ position: relative;
17783
+ width: 100%;
17784
+ height: 100%;
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);
17475
17792
  }
17793
+
17476
17794
  .antd-ButtonGroup {
17477
17795
  position: relative;
17478
17796
  display: inline-flex;
@@ -17527,11 +17845,15 @@ input[type=button].antd-Button--block {
17527
17845
  border-top-left-radius: 0;
17528
17846
  border-bottom-left-radius: 0;
17529
17847
  }
17848
+ .antd-ButtonGroup > .antd-ButtonGroup:last-child > .antd-Button:not(:last-child) {
17849
+ border-top-right-radius: 0;
17850
+ }
17530
17851
 
17531
17852
  .antd-ButtonGroup--vertical {
17532
17853
  flex-direction: column;
17533
17854
  align-items: flex-start;
17534
17855
  justify-content: center;
17856
+ /* 修正头尾的圆角 */
17535
17857
  }
17536
17858
  .antd-ButtonGroup--vertical .antd-Button,
17537
17859
  .antd-ButtonGroup--vertical .antd-ButtonGroup {
@@ -17554,6 +17876,14 @@ input[type=button].antd-Button--block {
17554
17876
  border-top-left-radius: 0;
17555
17877
  border-top-right-radius: 0;
17556
17878
  }
17879
+ .antd-ButtonGroup--vertical > .antd-Button:first-child,
17880
+ .antd-ButtonGroup--vertical > .antd-ButtonGroup:first-child > .antd-Button:first-child {
17881
+ border-top-right-radius: var(--Button-borderRadius);
17882
+ }
17883
+ .antd-ButtonGroup--vertical > .antd-Button:last-child,
17884
+ .antd-ButtonGroup--vertical > .antd-ButtonGroup:last-child > .antd-Button:last-child {
17885
+ border-bottom-left-radius: var(--Button-borderRadius);
17886
+ }
17557
17887
 
17558
17888
  .antd-ButtonGroup--tiled {
17559
17889
  display: flex;
@@ -20337,14 +20667,11 @@ input[type=button].antd-Button--block {
20337
20667
  background: var(--ColumnToggler-item-backgroundColor);
20338
20668
  border-radius: 0.125rem;
20339
20669
  font-size: var(--fontSizeSm);
20340
- padding: 0.25rem 0.5rem;
20670
+ padding: var(--ColumnToggler-item-paddingY) var(--ColumnToggler-item-paddingX);
20341
20671
  height: var(--ColumnToggler-lineHeight);
20342
- width: calc((100% - 24px) / 3);
20672
+ width: calc((100% - var(--ColumnToggler-item-margin) * 6) / 3);
20673
+ margin: var(--ColumnToggler-item-margin);
20343
20674
  float: left;
20344
- margin: 0.25rem;
20345
- text-overflow: ellipsis;
20346
- white-space: nowrap;
20347
- overflow: hidden;
20348
20675
  }
20349
20676
  .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem:hover {
20350
20677
  background: var(--ColumnToggler-item-backgroundColor-onHover);
@@ -20352,16 +20679,30 @@ input[type=button].antd-Button--block {
20352
20679
  .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem--dragging {
20353
20680
  border: 1px solid var(--link-color);
20354
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
+ }
20355
20694
  .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem label > i {
20356
20695
  height: var(--fontSizeLg);
20357
20696
  width: var(--fontSizeLg);
20358
20697
  vertical-align: top;
20359
20698
  }
20360
20699
  .antd-ColumnToggler-modal-content .antd-ColumnToggler-menuItem-dragBar {
20700
+ display: inline-block;
20361
20701
  margin-left: 0;
20362
20702
  margin-right: var(--gap-xs);
20703
+ vertical-align: super;
20704
+ color: var(--ColumnToggler-item-dragBar-color);
20363
20705
  cursor: move;
20364
- color: #d8d8d8;
20365
20706
  }
20366
20707
  .antd-ColumnToggler-modal-footer {
20367
20708
  width: 100%;
@@ -20392,9 +20733,6 @@ input[type=button].antd-Button--block {
20392
20733
  .antd-ColumnToggler-modal-footer > div:last-child {
20393
20734
  justify-content: flex-end;
20394
20735
  }
20395
- .antd-ColumnToggler-modal-footer > div:last-child button {
20396
- width: 72px;
20397
- }
20398
20736
 
20399
20737
  .antd-ColumnToggler-tooltip {
20400
20738
  border: none;
@@ -21196,28 +21534,27 @@ input[type=button].antd-Button--block {
21196
21534
  right: 0;
21197
21535
  }
21198
21536
 
21537
+ .antd-Progress {
21538
+ display: flex;
21539
+ align-items: center;
21540
+ color: var(--text-color);
21541
+ font-size: var(--fontSizeXs);
21542
+ }
21199
21543
  .antd-Progress-line {
21200
21544
  display: inline-block;
21201
21545
  width: 100%;
21202
- margin-right: calc(-2em + -8px);
21203
- padding-right: calc(2em + 8px);
21546
+ height: 10px;
21204
21547
  }
21205
21548
  .antd-Progress-line-inter {
21206
- height: 10px;
21549
+ height: 100%;
21207
21550
  background-color: var(--Progress-bar-backgroundColor);
21208
21551
  overflow: hidden;
21209
21552
  border-radius: var(--Progress-borderRadius);
21210
21553
  }
21211
- .antd-Progress-line-no-label {
21212
- padding-right: 0;
21213
- margin-right: 0;
21214
- }
21215
21554
  .antd-Progress-line-text {
21216
21555
  display: inline-block;
21217
- width: 2em;
21556
+ flex-grow: 1;
21218
21557
  margin-left: 8px;
21219
- color: var(--text-color);
21220
- font-size: var(--fontSizeXs);
21221
21558
  white-space: nowrap;
21222
21559
  text-align: left;
21223
21560
  word-break: normal;
@@ -21270,9 +21607,6 @@ input[type=button].antd-Button--block {
21270
21607
  width: 100%;
21271
21608
  margin: 0;
21272
21609
  padding: 0;
21273
- color: var(--text-color);
21274
- font-size: 1em;
21275
- line-height: 1;
21276
21610
  white-space: normal;
21277
21611
  text-align: center;
21278
21612
  transform: translate(-50%, -50%);
@@ -21669,6 +22003,7 @@ input[type=button].antd-Button--block {
21669
22003
  text-align: center;
21670
22004
  }
21671
22005
  .antd-Carousel-dotsControl .antd-Carousel-dot {
22006
+ cursor: pointer;
21672
22007
  display: inline-block;
21673
22008
  height: var(--Carousel-dot-width);
21674
22009
  width: var(--Carousel-dot-height);
@@ -22644,6 +22979,9 @@ input[type=button].antd-Button--block {
22644
22979
  height: auto;
22645
22980
  line-height: 2rem;
22646
22981
  }
22982
+ .antd-Steps .antd-StepsItem-container {
22983
+ position: relative;
22984
+ }
22647
22985
  .antd-Steps .antd-StepsItem-containerIcon {
22648
22986
  vertical-align: top;
22649
22987
  display: inline-block;
@@ -22686,6 +23024,12 @@ input[type=button].antd-Button--block {
22686
23024
  .antd-Steps .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-title.is-success:after {
22687
23025
  background-color: var(--Steps-line-success-bg);
22688
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
+ }
22689
23033
  .antd-Steps .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-subTitle {
22690
23034
  padding-left: 0.625rem;
22691
23035
  font-size: var(--Steps-sub-title-fontsize);
@@ -22694,6 +23038,8 @@ input[type=button].antd-Button--block {
22694
23038
  .antd-Steps .antd-StepsItem-containerWrapper .antd-StepsItem-body .antd-StepsItem-description {
22695
23039
  max-width: 8.75rem;
22696
23040
  white-space: nowrap;
23041
+ position: relative;
23042
+ bottom: 0.625rem;
22697
23043
  }
22698
23044
  .antd-Steps .antd-StepsItem:last-child {
22699
23045
  flex: none;
@@ -22707,29 +23053,162 @@ input[type=button].antd-Button--block {
22707
23053
  .antd-Steps--vertical .antd-StepsItem {
22708
23054
  padding: 0.3125rem 0;
22709
23055
  min-height: 75px;
23056
+ overflow: visible;
22710
23057
  }
22711
- .antd-Steps--vertical .antd-StepsItem-containerIcon > .antd-StepsItem-icon {
22712
- position: relative;
22713
- }
22714
- .antd-Steps--vertical .antd-StepsItem-containerIcon > .antd-StepsItem-icon:after {
23058
+ .antd-Steps--vertical .antd-StepsItem-containerIcon:after {
22715
23059
  content: "";
22716
23060
  position: absolute;
22717
23061
  right: 0;
22718
- top: 2.1875rem;
22719
- height: 9999px;
22720
- left: 0.875rem;
23062
+ top: 2rem;
23063
+ height: calc(100% - 23px);
23064
+ left: 0.6875rem;
22721
23065
  width: 1px;
22722
23066
  background-color: var(--Steps-line-bg);
22723
23067
  }
22724
23068
  .antd-Steps--vertical .antd-StepsItem-containerWrapper > .antd-StepsItem-body > .antd-StepsItem-title:after {
22725
23069
  display: none;
22726
23070
  }
23071
+ .antd-Steps--vertical .antd-StepsItem-containerTail:after {
23072
+ display: none !important;
23073
+ }
22727
23074
  .antd-Steps--vertical .antd-StepsItem:last-child {
22728
23075
  flex: none;
22729
23076
  }
22730
- .antd-Steps--vertical .antd-StepsItem:last-child .antd-StepsItem-icon:after {
23077
+ .antd-Steps--vertical .antd-StepsItem:last-child .antd-StepsItem-containerIcon:after {
23078
+ display: none;
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 {
22731
23168
  display: none;
22732
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
+ }
22733
23212
  .antd-Steps .antd-StepsItem.is-wait .antd-StepsItem-icon {
22734
23213
  background-color: var(--white);
22735
23214
  color: var(--Steps-bg);
@@ -23589,9 +24068,101 @@ fieldset.antd-Collapse--lg:after {
23589
24068
  }
23590
24069
 
23591
24070
  .antd-TextareaControl {
24071
+ position: relative;
24072
+ max-width: 100%;
23592
24073
  --Form-input-clearBtn-padding: 0.125rem;
23593
24074
  position: relative;
23594
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
+ }
23595
24166
  .antd-TextareaControl > textarea {
23596
24167
  border: 1px solid var(--Form-input-borderColor);
23597
24168
  border-radius: var(--Form-input-borderRadius);
@@ -23618,20 +24189,6 @@ fieldset.antd-Collapse--lg:after {
23618
24189
  .antd-TextareaControl > textarea:hover {
23619
24190
  border-color: var(--Form-input-onHover-borderColor);
23620
24191
  }
23621
- .antd-TextareaControl > textarea:focus, .antd-TextareaControl.is-focused > textarea {
23622
- border-color: var(--Form-input-onFocused-borderColor);
23623
- box-shadow: var(--Form-input-boxShadow);
23624
- }
23625
- .antd-TextareaControl > textarea:focus:hover, .antd-TextareaControl.is-focused > textarea:hover {
23626
- border-color: var(--Form-input-onFocused-borderColor);
23627
- }
23628
- .antd-TextareaControl.is-disabled > textarea, .antd-TextareaControl > textarea[disabled] {
23629
- background: #e5e7eb;
23630
- color: var(--text--muted-color);
23631
- }
23632
- .antd-TextareaControl.is-error > textarea {
23633
- border-color: var(--Form-input-onError-borderColor);
23634
- }
23635
24192
  .antd-TextareaControl-counter {
23636
24193
  position: absolute;
23637
24194
  right: var(--Form-input-paddingX);
@@ -23800,10 +24357,106 @@ fieldset.antd-Collapse--lg:after {
23800
24357
  height: 0;
23801
24358
  border-color: transparent;
23802
24359
  transition: width var(--animation-duration), height var(--animation-duration), transform var(--animation-duration);
23803
- border-width: 0 0 0.125rem 0.125rem;
23804
- transform: translate(-50%, -60%) rotate(-40deg);
24360
+ border-width: 0 0 0.0625rem 0.0625rem;
24361
+ transform: translate(-50%, -90%) rotate(-40deg);
23805
24362
  border-style: solid;
23806
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;
24445
+ border-style: solid;
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
+ }
23807
24460
  .antd-Checkbox--radio {
23808
24461
  padding-left: var(--Radio-size);
23809
24462
  }
@@ -23884,11 +24537,21 @@ fieldset.antd-Collapse--lg:after {
23884
24537
  display: block;
23885
24538
  margin-bottom: var(--Form-label-paddingTop);
23886
24539
  }
24540
+ .antd-RadiosControl .antd-Checkbox--button,
24541
+ .antd-CheckboxesControl .antd-Checkbox--button {
24542
+ margin-bottom: 0;
24543
+ }
23887
24544
  .antd-RadiosControl.is-inline .antd-Checkbox,
23888
24545
  .antd-CheckboxesControl.is-inline .antd-Checkbox {
23889
24546
  display: inline-block;
23890
24547
  margin-right: var(--gap-md);
23891
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
+ }
23892
24555
 
23893
24556
  .antd-RadiosControl-group:not(:first-child),
23894
24557
  .antd-CheckboxesControl-group:not(:first-child) {
@@ -24346,6 +25009,7 @@ fieldset.antd-Collapse--lg:after {
24346
25009
  background: var(--Number-bg);
24347
25010
  border: var(--Number-borderWidth) solid var(--Number-borderColor);
24348
25011
  border-radius: var(--Number-borderRadius);
25012
+ overflow: hidden;
24349
25013
  }
24350
25014
  .antd-Number--borderHalf {
24351
25015
  border-left-color: transparent !important;
@@ -24406,6 +25070,7 @@ fieldset.antd-Collapse--lg:after {
24406
25070
  transition: all var(--animation-duration) ease;
24407
25071
  border: 0;
24408
25072
  border-radius: var(--Form-input-borderRadius);
25073
+ color: var(--Form-input-color);
24409
25074
  padding: 0 var(--Form-input-paddingX);
24410
25075
  }
24411
25076
  .antd-Number-handler {
@@ -24450,9 +25115,10 @@ fieldset.antd-Collapse--lg:after {
24450
25115
  color: var(--Number-handler-onDisabled-color);
24451
25116
  }
24452
25117
  .antd-Number-disabled .antd-Number-input {
24453
- opacity: 0.72;
24454
25118
  cursor: not-allowed;
24455
- 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);
24456
25122
  }
24457
25123
  .antd-Number-disabled .antd-Number-handler {
24458
25124
  opacity: 0.72;
@@ -24534,7 +25200,6 @@ fieldset.antd-Collapse--lg:after {
24534
25200
  line-height: 1.25rem;
24535
25201
  }
24536
25202
  .antd-Select-placeholder {
24537
- color: var(--Form-select-placeholderColor);
24538
25203
  line-height: var(--Form-input-lineHeight);
24539
25204
  user-select: none;
24540
25205
  white-space: nowrap;
@@ -25236,6 +25901,19 @@ fieldset.antd-Collapse--lg:after {
25236
25901
  color: var(--DatePicker-color);
25237
25902
  background: var(--DatePicker-bg);
25238
25903
  border-radius: var(--DatePicker-borderRadius);
25904
+ min-width: var(--DatePicker-minWidth);
25905
+ }
25906
+ .antd-DatePicker-input {
25907
+ display: inline-block;
25908
+ width: 100%;
25909
+ background: none;
25910
+ padding: 0;
25911
+ border: 0;
25912
+ }
25913
+ .antd-DatePicker-input:focus {
25914
+ border: none;
25915
+ outline: none;
25916
+ box-sizing: none;
25239
25917
  }
25240
25918
  .antd-DatePicker--borderHalf {
25241
25919
  border-left-color: transparent !important;
@@ -25336,6 +26014,13 @@ fieldset.antd-Collapse--lg:after {
25336
26014
  display: flex;
25337
26015
  }
25338
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
+
25339
26024
  .antd-DatePicker-shortcuts {
25340
26025
  margin: 0;
25341
26026
  background: var(--Calendar-shortcuts-bg);
@@ -25750,6 +26435,7 @@ td.rdtQuarter.rdtDisabled > span {
25750
26435
  border-radius: var(--DatePicker-borderRadius);
25751
26436
  color: var(--DatePicker-color);
25752
26437
  background: var(--DatePicker-bg);
26438
+ min-width: var(--DateRangePicker-minWidth);
25753
26439
  }
25754
26440
  .antd-DateRangePicker--borderHalf {
25755
26441
  border-left-color: transparent !important;
@@ -25773,6 +26459,19 @@ td.rdtQuarter.rdtDisabled > span {
25773
26459
  border-color: var(--DatePicker-onFocused-borderColor);
25774
26460
  box-shadow: var(--Form-input-boxShadow);
25775
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
+ }
25776
26475
  .antd-DateRangePicker.is-disabled {
25777
26476
  background: #e5e7eb;
25778
26477
  }
@@ -25889,6 +26588,13 @@ td.rdtQuarter.rdtDisabled > span {
25889
26588
  display: flex;
25890
26589
  }
25891
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
+
25892
26598
  .antd-DateRangePicker-popover {
25893
26599
  margin: 0.125rem 0 0;
25894
26600
  }
@@ -26333,6 +27039,9 @@ td.rdtQuarter.rdtDisabled > span {
26333
27039
  height: 48px;
26334
27040
  top: 0;
26335
27041
  }
27042
+ .antd-FileControl-dropzone.is-active .antd-FileControl-acceptTip {
27043
+ border-color: var(--info);
27044
+ }
26336
27045
  .antd-FileControl-sum {
26337
27046
  font-size: var(--fontSizeSm);
26338
27047
  }
@@ -26385,7 +27094,7 @@ td.rdtQuarter.rdtDisabled > span {
26385
27094
  }
26386
27095
  .antd-EditorControl > .antd-MonacoEditor,
26387
27096
  .antd-EditorControl > .antd-MonacoEditor > .monaco-diff-editor {
26388
- min-height: 12.375rem;
27097
+ min-height: inherit;
26389
27098
  }
26390
27099
  .antd-EditorControl.is-error {
26391
27100
  border-color: var(--Form-input-onError-borderColor);
@@ -27325,6 +28034,9 @@ td.rdtQuarter.rdtDisabled > span {
27325
28034
  pointer-events: none;
27326
28035
  opacity: var(--Button-onDisabled-opacity);
27327
28036
  }
28037
+ .antd-Combo--hor .antd-Combo-delController {
28038
+ margin-left: var(--gap-xs);
28039
+ }
27328
28040
  .antd-Combo--hor.is-draggable .antd-Combo-toolbar {
27329
28041
  padding-left: 1.5rem;
27330
28042
  }
@@ -27371,9 +28083,17 @@ td.rdtQuarter.rdtDisabled > span {
27371
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 {
27372
28084
  border-color: var(--Combo--vertical-item-onHover-borderColor);
27373
28085
  }
27374
- .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 {
27375
28089
  opacity: 1;
27376
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
+ }
27377
28097
  .antd-Combo--ver:not(.antd-Combo--noBorder) > .antd-Combo-items > .antd-Combo-item > .antd-Combo-itemDrager {
27378
28098
  position: absolute;
27379
28099
  top: var(--Combo--horizontal-dragger-top);
@@ -28112,8 +28832,9 @@ td.rdtQuarter.rdtDisabled > span {
28112
28832
  }
28113
28833
  .antd-TransferDropDown-content > .antd-Transfer-selection {
28114
28834
  flex-grow: 1;
28115
- max-height: 100%;
28116
- overflow: auto;
28835
+ max-height: var(--Transfer-selection-maxHeight);
28836
+ overflow-x: hidden;
28837
+ overflow-y: auto;
28117
28838
  position: relative;
28118
28839
  }
28119
28840
 
@@ -28589,6 +29310,19 @@ td.rdtQuarter.rdtDisabled > span {
28589
29310
  text-align: var(--Form--horizontal-label-align);
28590
29311
  white-space: var(--Form--horizontal-label-whiteSpace);
28591
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
+ }
28592
29326
  .antd-Form-item--normal > .antd-Form-label {
28593
29327
  display: block;
28594
29328
  }
@@ -28888,6 +29622,16 @@ td.rdtQuarter.rdtDisabled > span {
28888
29622
 
28889
29623
  /* 移动端样式调整 */
28890
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
+ }
28891
29635
  .antd-Form .antd-Form-item {
28892
29636
  display: flex;
28893
29637
  flex-wrap: wrap;
@@ -28904,7 +29648,6 @@ td.rdtQuarter.rdtDisabled > span {
28904
29648
  bottom: 0;
28905
29649
  left: 0;
28906
29650
  border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
28907
- transform: scaleY(0.5);
28908
29651
  }
28909
29652
  .antd-Form .antd-Form-item .antd-InputGroup-addOn,
28910
29653
  .antd-Form .antd-Form-item .antd-TextControl-addOn {
@@ -29011,15 +29754,15 @@ td.rdtQuarter.rdtDisabled > span {
29011
29754
  .antd-Form .antd-Form-groupColumn {
29012
29755
  margin-bottom: 0;
29013
29756
  }
29757
+ .antd-Form > .antd-Form-item.is-placeholder::after {
29758
+ display: none;
29759
+ }
29014
29760
  .antd-Form .antd-Divider {
29015
29761
  display: none;
29016
29762
  }
29017
29763
  .antd-Form .antd-Tabs-pane {
29018
29764
  padding: 0;
29019
29765
  }
29020
- .antd-Form > .antd-Form-item:last-child::after, .antd-Form > .antd-Form-item:last-of-type::after {
29021
- display: none;
29022
- }
29023
29766
  .antd-Form .antd-Form-item .antd-Form-groupColumn > .antd-Form-item {
29024
29767
  padding-bottom: var(--Form-input-paddingX);
29025
29768
  }
@@ -29562,7 +30305,7 @@ td.rdtQuarter.rdtDisabled > span {
29562
30305
  }
29563
30306
  .antd-FormulaEditor-FuncList-item {
29564
30307
  cursor: pointer;
29565
- padding: 0 var(--gap-lg);
30308
+ padding: 0 1.875rem;
29566
30309
  height: var(--gap-xl);
29567
30310
  line-height: var(--gap-xl);
29568
30311
  }
@@ -29645,6 +30388,23 @@ td.rdtQuarter.rdtDisabled > span {
29645
30388
  fill: var(--InputFormula-icon-color-onActive);
29646
30389
  color: var(--InputFormula-icon-color-onActive);
29647
30390
  }
30391
+ .antd-FormulaPicker-ResultBox {
30392
+ padding-right: 10px;
30393
+ }
30394
+ .antd-FormulaPicker-ResultBox span.c-field {
30395
+ background: #007bff;
30396
+ padding: 3px 5px;
30397
+ margin: 0 1px;
30398
+ color: #fff;
30399
+ font-size: 12px;
30400
+ border-radius: 4px;
30401
+ }
30402
+ .antd-FormulaPicker-ResultBox span.c-func {
30403
+ color: #ae4597;
30404
+ font-weight: bold;
30405
+ line-height: 14px;
30406
+ padding: 0 2px;
30407
+ }
29648
30408
 
29649
30409
  .antd-Timeline-vertical {
29650
30410
  display: flex;
@@ -29804,11 +30564,32 @@ td.rdtQuarter.rdtDisabled > span {
29804
30564
  border-radius: var(--TimelineItem--icon-radius);
29805
30565
  }
29806
30566
 
29807
- .antd-BarCode > svg {
30567
+ .antd-BarCode > img {
29808
30568
  display: block;
29809
30569
  margin: 0 auto;
29810
30570
  }
29811
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
+
29812
30593
  /**
29813
30594
  * Debug 模块的 UI,由于没法使用任何主题,所以这里使用独立配色风格
29814
30595
  */
@@ -29869,9 +30650,8 @@ td.rdtQuarter.rdtDisabled > span {
29869
30650
  right: 0;
29870
30651
  width: 24px;
29871
30652
  height: 48px;
29872
- box-shadow: rgba(0, 0, 0, 0.24) -2px 0px 4px 0px;
29873
- border-top-left-radius: 12px;
29874
- 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);
29875
30655
  padding-top: 14px;
29876
30656
  padding-left: 6px;
29877
30657
  cursor: pointer;