@maketribe/ms-app 5.0.0 → 5.0.1

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 (171) hide show
  1. package/dist/cjs/{404-BdtOEZjD.cjs → 404-DbH2VtUJ.cjs} +2 -2
  2. package/dist/cjs/{404-BdtOEZjD.cjs.map → 404-DbH2VtUJ.cjs.map} +1 -1
  3. package/dist/cjs/{Editor-DStyEb-5.cjs → Editor-CWxWXw--.cjs} +2 -2
  4. package/dist/cjs/{Editor-DStyEb-5.cjs.map → Editor-CWxWXw--.cjs.map} +1 -1
  5. package/dist/cjs/{Editor-eGV0m-Yn.cjs → Editor-HmV0CISz.cjs} +2 -2
  6. package/dist/cjs/{Editor-eGV0m-Yn.cjs.map → Editor-HmV0CISz.cjs.map} +1 -1
  7. package/dist/cjs/{PermissionManage-Crzb8lrg.cjs → PermissionManage-BR2yJRAe.cjs} +2 -2
  8. package/dist/cjs/{PermissionManage-Crzb8lrg.cjs.map → PermissionManage-BR2yJRAe.cjs.map} +1 -1
  9. package/dist/cjs/{ResourceSelectInput-TtE4wiwO.cjs → ResourceSelectInput-BCBtfd8f.cjs} +2 -2
  10. package/dist/cjs/{ResourceSelectInput-TtE4wiwO.cjs.map → ResourceSelectInput-BCBtfd8f.cjs.map} +1 -1
  11. package/dist/cjs/{dialog-emNqxRQr.cjs → dialog-Bws-7xvl.cjs} +2 -2
  12. package/dist/cjs/{dialog-emNqxRQr.cjs.map → dialog-Bws-7xvl.cjs.map} +1 -1
  13. package/dist/cjs/{dialog-DVF8SYsj.cjs → dialog-DbD51Z-b.cjs} +2 -2
  14. package/dist/cjs/{dialog-DVF8SYsj.cjs.map → dialog-DbD51Z-b.cjs.map} +1 -1
  15. package/dist/cjs/{dialog-k5dGLHb5.cjs → dialog-DomloCVd.cjs} +2 -2
  16. package/dist/cjs/{dialog-k5dGLHb5.cjs.map → dialog-DomloCVd.cjs.map} +1 -1
  17. package/dist/cjs/{edit-Dlv5bmcS.cjs → edit-BP8hWYwF.cjs} +2 -2
  18. package/dist/cjs/{edit-Dlv5bmcS.cjs.map → edit-BP8hWYwF.cjs.map} +1 -1
  19. package/dist/cjs/{index-KLTxBKk-.cjs → index--AtBegTn.cjs} +2 -2
  20. package/dist/cjs/{index-KLTxBKk-.cjs.map → index--AtBegTn.cjs.map} +1 -1
  21. package/dist/cjs/{index-CFZY7EQD.cjs → index-B0WcgZX5.cjs} +2 -2
  22. package/dist/cjs/{index-CFZY7EQD.cjs.map → index-B0WcgZX5.cjs.map} +1 -1
  23. package/dist/cjs/{index-K1P9ll2O.cjs → index-B2_kGhuM.cjs} +2 -2
  24. package/dist/cjs/index-B2_kGhuM.cjs.map +1 -0
  25. package/dist/cjs/{index-CNXtUT7p.cjs → index-B8ergi4x.cjs} +2 -2
  26. package/dist/cjs/{index-CNXtUT7p.cjs.map → index-B8ergi4x.cjs.map} +1 -1
  27. package/dist/cjs/{index-DxsW-6so.cjs → index-BEN_IfEA.cjs} +2 -2
  28. package/dist/cjs/{index-DxsW-6so.cjs.map → index-BEN_IfEA.cjs.map} +1 -1
  29. package/dist/cjs/{index-oLs72oSO.cjs → index-BErkUm00.cjs} +2 -2
  30. package/dist/cjs/index-BErkUm00.cjs.map +1 -0
  31. package/dist/cjs/{index-DvXJS0iT.cjs → index-BQ98NiKE.cjs} +5 -3
  32. package/dist/cjs/{index-DvXJS0iT.cjs.map → index-BQ98NiKE.cjs.map} +1 -1
  33. package/dist/cjs/{index-D7r_gqqK.cjs → index-BRgtQh4g.cjs} +2 -2
  34. package/dist/cjs/{index-D7r_gqqK.cjs.map → index-BRgtQh4g.cjs.map} +1 -1
  35. package/dist/cjs/{index-CRW5paTk.cjs → index-BSnxRKZN.cjs} +3 -3
  36. package/dist/cjs/{index-CRW5paTk.cjs.map → index-BSnxRKZN.cjs.map} +1 -1
  37. package/dist/cjs/{index-Bl6SlseL.cjs → index-BVO_Svse.cjs} +2 -2
  38. package/dist/cjs/{index-Bl6SlseL.cjs.map → index-BVO_Svse.cjs.map} +1 -1
  39. package/dist/cjs/{index-D5kC4Bsk.cjs → index-BWqbZDTR.cjs} +2 -2
  40. package/dist/cjs/{index-D5kC4Bsk.cjs.map → index-BWqbZDTR.cjs.map} +1 -1
  41. package/dist/cjs/{index-CIjoXjXc.cjs → index-BaHTiCie.cjs} +4 -4
  42. package/dist/cjs/{index-CIjoXjXc.cjs.map → index-BaHTiCie.cjs.map} +1 -1
  43. package/dist/cjs/{index-DwagDsMo.cjs → index-Bg96pnlX.cjs} +3 -3
  44. package/dist/cjs/{index-DwagDsMo.cjs.map → index-Bg96pnlX.cjs.map} +1 -1
  45. package/dist/cjs/{index-CxThVuac.cjs → index-Bt6LrO0Y.cjs} +2 -2
  46. package/dist/cjs/{index-CxThVuac.cjs.map → index-Bt6LrO0Y.cjs.map} +1 -1
  47. package/dist/cjs/{index-PSbZ2_8O.cjs → index-BvX51GcU.cjs} +2 -2
  48. package/dist/cjs/{index-PSbZ2_8O.cjs.map → index-BvX51GcU.cjs.map} +1 -1
  49. package/dist/cjs/{index-CvreJFiP.cjs → index-BxpMDoeo.cjs} +3 -3
  50. package/dist/cjs/{index-CvreJFiP.cjs.map → index-BxpMDoeo.cjs.map} +1 -1
  51. package/dist/cjs/{index-B-i9hmaT.cjs → index-C9ykzsLb.cjs} +40 -40
  52. package/dist/cjs/{index-B-i9hmaT.cjs.map → index-C9ykzsLb.cjs.map} +1 -1
  53. package/dist/cjs/{index-WmdVOpZN.cjs → index-CA0Aljjt.cjs} +2 -2
  54. package/dist/cjs/{index-WmdVOpZN.cjs.map → index-CA0Aljjt.cjs.map} +1 -1
  55. package/dist/cjs/{index-DlAE8S1e.cjs → index-CRx3vrt5.cjs} +2 -2
  56. package/dist/cjs/{index-DlAE8S1e.cjs.map → index-CRx3vrt5.cjs.map} +1 -1
  57. package/dist/cjs/{index-uD_PsuYL.cjs → index-D3wyludi.cjs} +3 -3
  58. package/dist/cjs/{index-uD_PsuYL.cjs.map → index-D3wyludi.cjs.map} +1 -1
  59. package/dist/cjs/{index-BBH17BqB.cjs → index-DI4Pl_k2.cjs} +2 -2
  60. package/dist/cjs/{index-BBH17BqB.cjs.map → index-DI4Pl_k2.cjs.map} +1 -1
  61. package/dist/cjs/{index-lQLtcPd7.cjs → index-DkJRuTYb.cjs} +3 -3
  62. package/dist/cjs/{index-lQLtcPd7.cjs.map → index-DkJRuTYb.cjs.map} +1 -1
  63. package/dist/cjs/{index-Btxu_1xK.cjs → index-Dpxpw5sA.cjs} +2 -2
  64. package/dist/cjs/{index-Btxu_1xK.cjs.map → index-Dpxpw5sA.cjs.map} +1 -1
  65. package/dist/cjs/{index-C0ODAkSE.cjs → index-Ff9KIH5J.cjs} +2 -2
  66. package/dist/cjs/{index-C0ODAkSE.cjs.map → index-Ff9KIH5J.cjs.map} +1 -1
  67. package/dist/cjs/{index-CydU6uj7.cjs → index-UyDr8lR5.cjs} +2 -2
  68. package/dist/cjs/{index-CydU6uj7.cjs.map → index-UyDr8lR5.cjs.map} +1 -1
  69. package/dist/cjs/{index-Ct4XDFV6.cjs → index-hZKsj7MM.cjs} +2 -2
  70. package/dist/cjs/{index-Ct4XDFV6.cjs.map → index-hZKsj7MM.cjs.map} +1 -1
  71. package/dist/cjs/{index-BhHZr_EU.cjs → index-orkkC3Zz.cjs} +2 -2
  72. package/dist/cjs/{index-BhHZr_EU.cjs.map → index-orkkC3Zz.cjs.map} +1 -1
  73. package/dist/cjs/{index-DwY00Av_.cjs → index-sjzPbJp6.cjs} +2 -2
  74. package/dist/cjs/{index-DwY00Av_.cjs.map → index-sjzPbJp6.cjs.map} +1 -1
  75. package/dist/cjs/index.js +1 -1
  76. package/dist/cjs/ms-app.css +1354 -520
  77. package/dist/cjs/{normal-D9qU7EY1.cjs → normal-B2hKQ9VX.cjs} +2 -2
  78. package/dist/cjs/{normal-D9qU7EY1.cjs.map → normal-B2hKQ9VX.cjs.map} +1 -1
  79. package/dist/cjs/{normal-kHgUfVIH.cjs → normal-kYNC1vlA.cjs} +2 -2
  80. package/dist/cjs/{normal-kHgUfVIH.cjs.map → normal-kYNC1vlA.cjs.map} +1 -1
  81. package/dist/cjs/{table-D2ck9nqn.cjs → table-DRs-B0jQ.cjs} +2 -2
  82. package/dist/cjs/{table-D2ck9nqn.cjs.map → table-DRs-B0jQ.cjs.map} +1 -1
  83. package/dist/esm/{404-C_INWkSX.js → 404-DeMBWR4-.js} +2 -2
  84. package/dist/esm/{404-C_INWkSX.js.map → 404-DeMBWR4-.js.map} +1 -1
  85. package/dist/esm/{Editor-eZTNL_lf.js → Editor-AEN1oVTW.js} +2 -2
  86. package/dist/esm/{Editor-eZTNL_lf.js.map → Editor-AEN1oVTW.js.map} +1 -1
  87. package/dist/esm/{Editor-7v3ijfIC.js → Editor-BAGyPYfN.js} +2 -2
  88. package/dist/esm/{Editor-7v3ijfIC.js.map → Editor-BAGyPYfN.js.map} +1 -1
  89. package/dist/esm/{PermissionManage-BRXrtNsi.js → PermissionManage-thq0cmd2.js} +2 -2
  90. package/dist/esm/{PermissionManage-BRXrtNsi.js.map → PermissionManage-thq0cmd2.js.map} +1 -1
  91. package/dist/esm/{ResourceSelectInput-B8QNMtRD.js → ResourceSelectInput-CU31hXPG.js} +2 -2
  92. package/dist/esm/{ResourceSelectInput-B8QNMtRD.js.map → ResourceSelectInput-CU31hXPG.js.map} +1 -1
  93. package/dist/esm/{dialog-CHOVJpgo.js → dialog-CHWojc0v.js} +2 -2
  94. package/dist/esm/{dialog-CHOVJpgo.js.map → dialog-CHWojc0v.js.map} +1 -1
  95. package/dist/esm/{dialog-C1Lq_RD8.js → dialog-CudzLm6M.js} +2 -2
  96. package/dist/esm/{dialog-C1Lq_RD8.js.map → dialog-CudzLm6M.js.map} +1 -1
  97. package/dist/esm/{dialog-DmeFfpOh.js → dialog-DRR8bdNI.js} +2 -2
  98. package/dist/esm/{dialog-DmeFfpOh.js.map → dialog-DRR8bdNI.js.map} +1 -1
  99. package/dist/esm/{edit-D9IEiSYN.js → edit-B-JPSP-m.js} +2 -2
  100. package/dist/esm/{edit-D9IEiSYN.js.map → edit-B-JPSP-m.js.map} +1 -1
  101. package/dist/esm/{index-BqmzzHTb.js → index-5Q99UmCJ.js} +2 -2
  102. package/dist/esm/{index-BqmzzHTb.js.map → index-5Q99UmCJ.js.map} +1 -1
  103. package/dist/esm/{index-Dil-0682.js → index-BOD4eaOd.js} +2 -2
  104. package/dist/esm/{index-Dil-0682.js.map → index-BOD4eaOd.js.map} +1 -1
  105. package/dist/esm/{index-Cokd78jI.js → index-BVkqnfAb.js} +2 -2
  106. package/dist/esm/{index-Cokd78jI.js.map → index-BVkqnfAb.js.map} +1 -1
  107. package/dist/esm/{index-C4cavm_p.js → index-BZtnJqH-.js} +2 -2
  108. package/dist/esm/{index-C4cavm_p.js.map → index-BZtnJqH-.js.map} +1 -1
  109. package/dist/esm/{index-7811LI0q.js → index-BcIRrPZw.js} +4 -4
  110. package/dist/esm/{index-7811LI0q.js.map → index-BcIRrPZw.js.map} +1 -1
  111. package/dist/esm/{index-Bt2nDJpx.js → index-BsDr9etu.js} +2 -2
  112. package/dist/esm/{index-Bt2nDJpx.js.map → index-BsDr9etu.js.map} +1 -1
  113. package/dist/esm/{index-DE9HraAy.js → index-C2WXYBcO.js} +2 -2
  114. package/dist/esm/index-C2WXYBcO.js.map +1 -0
  115. package/dist/esm/{index-DTgno_W2.js → index-C8Q_RoZ4.js} +2 -2
  116. package/dist/esm/{index-DTgno_W2.js.map → index-C8Q_RoZ4.js.map} +1 -1
  117. package/dist/esm/{index-DHQbrNgx.js → index-CCrCUvmM.js} +2 -2
  118. package/dist/esm/{index-DHQbrNgx.js.map → index-CCrCUvmM.js.map} +1 -1
  119. package/dist/esm/{index-B7NDvaRP.js → index-CLiQltSj.js} +2 -2
  120. package/dist/esm/{index-B7NDvaRP.js.map → index-CLiQltSj.js.map} +1 -1
  121. package/dist/esm/{index-D_Mw-ek3.js → index-CXaOoJ_C.js} +3 -3
  122. package/dist/esm/{index-D_Mw-ek3.js.map → index-CXaOoJ_C.js.map} +1 -1
  123. package/dist/esm/{index-BEIz8ISj.js → index-CaQVIJPt.js} +2 -2
  124. package/dist/esm/{index-BEIz8ISj.js.map → index-CaQVIJPt.js.map} +1 -1
  125. package/dist/esm/{index-CSCWrHLH.js → index-CgBuqx9B.js} +2 -2
  126. package/dist/esm/{index-CSCWrHLH.js.map → index-CgBuqx9B.js.map} +1 -1
  127. package/dist/esm/{index-BmzTn5qA.js → index-CjFcZP-D.js} +2 -2
  128. package/dist/esm/{index-BmzTn5qA.js.map → index-CjFcZP-D.js.map} +1 -1
  129. package/dist/esm/{index-Dc-yByJL.js → index-CqApIQHR.js} +2 -2
  130. package/dist/esm/{index-Dc-yByJL.js.map → index-CqApIQHR.js.map} +1 -1
  131. package/dist/esm/{index-CiSR_id4.js → index-Cqu47mRN.js} +2 -2
  132. package/dist/esm/{index-CiSR_id4.js.map → index-Cqu47mRN.js.map} +1 -1
  133. package/dist/esm/{index-D6ZY98AY.js → index-Cx413RIm.js} +5 -3
  134. package/dist/esm/{index-D6ZY98AY.js.map → index-Cx413RIm.js.map} +1 -1
  135. package/dist/esm/{index-Bffdjwfo.js → index-DC6Iqb0R.js} +3 -3
  136. package/dist/esm/{index-Bffdjwfo.js.map → index-DC6Iqb0R.js.map} +1 -1
  137. package/dist/esm/{index-D3U7veMo.js → index-DHO3EhJo.js} +2 -2
  138. package/dist/esm/index-DHO3EhJo.js.map +1 -0
  139. package/dist/esm/{index-BgrdzSBM.js → index-Degw2Gzo.js} +3 -3
  140. package/dist/esm/{index-BgrdzSBM.js.map → index-Degw2Gzo.js.map} +1 -1
  141. package/dist/esm/{index-D6gCeQhq.js → index-Dlpn21j0.js} +40 -40
  142. package/dist/esm/{index-D6gCeQhq.js.map → index-Dlpn21j0.js.map} +1 -1
  143. package/dist/esm/{index-7WtY9hI1.js → index-Doxkktpi.js} +2 -2
  144. package/dist/esm/{index-7WtY9hI1.js.map → index-Doxkktpi.js.map} +1 -1
  145. package/dist/esm/{index-B_3F2zAz.js → index-Ds28JluW.js} +2 -2
  146. package/dist/esm/{index-B_3F2zAz.js.map → index-Ds28JluW.js.map} +1 -1
  147. package/dist/esm/{index-C_B-uZZR.js → index-Okxce81s.js} +2 -2
  148. package/dist/esm/{index-C_B-uZZR.js.map → index-Okxce81s.js.map} +1 -1
  149. package/dist/esm/{index-HwPEYPXd.js → index-Oo6QXvLC.js} +2 -2
  150. package/dist/esm/{index-HwPEYPXd.js.map → index-Oo6QXvLC.js.map} +1 -1
  151. package/dist/esm/{index-DSgAvjEu.js → index-Wu3JIIE4.js} +3 -3
  152. package/dist/esm/{index-DSgAvjEu.js.map → index-Wu3JIIE4.js.map} +1 -1
  153. package/dist/esm/{index-DfvhNlhk.js → index-i-W95pWZ.js} +3 -3
  154. package/dist/esm/{index-DfvhNlhk.js.map → index-i-W95pWZ.js.map} +1 -1
  155. package/dist/esm/{index-CBDJfqBF.js → index-kRcz_vxW.js} +2 -2
  156. package/dist/esm/{index-CBDJfqBF.js.map → index-kRcz_vxW.js.map} +1 -1
  157. package/dist/esm/index.js +1 -1
  158. package/dist/esm/ms-app.css +1354 -520
  159. package/dist/esm/{normal-BHPxOcaV.js → normal-BqXuF_Kg.js} +2 -2
  160. package/dist/esm/{normal-BHPxOcaV.js.map → normal-BqXuF_Kg.js.map} +1 -1
  161. package/dist/esm/{normal-DDgv-Q74.js → normal-F3vxaWhJ.js} +2 -2
  162. package/dist/esm/{normal-DDgv-Q74.js.map → normal-F3vxaWhJ.js.map} +1 -1
  163. package/dist/esm/{table-CYqwn9Yh.js → table-CC94_GR3.js} +2 -2
  164. package/dist/esm/{table-CYqwn9Yh.js.map → table-CC94_GR3.js.map} +1 -1
  165. package/dist/types/components/data-model/data-table/views/tree/index.d.ts +412 -265
  166. package/dist/types/components/data-model/data-table/views/tree/tree.d.ts +411 -264
  167. package/package.json +3 -3
  168. package/dist/cjs/index-K1P9ll2O.cjs.map +0 -1
  169. package/dist/cjs/index-oLs72oSO.cjs.map +0 -1
  170. package/dist/esm/index-D3U7veMo.js.map +0 -1
  171. package/dist/esm/index-DE9HraAy.js.map +0 -1
@@ -69,47 +69,47 @@
69
69
  :root {
70
70
  color-scheme: light;
71
71
  --el-color-primary: #409eff;
72
- --el-color-primary-light-3: rgb(121.3, 187.1, 255);
73
- --el-color-primary-light-5: rgb(159.5, 206.5, 255);
74
- --el-color-primary-light-7: rgb(197.7, 225.9, 255);
75
- --el-color-primary-light-8: rgb(216.8, 235.6, 255);
76
- --el-color-primary-light-9: rgb(235.9, 245.3, 255);
77
- --el-color-primary-dark-2: rgb(51.2, 126.4, 204);
72
+ --el-color-primary-light-3: rgb(121, 187, 255);
73
+ --el-color-primary-light-5: rgb(160, 207, 255);
74
+ --el-color-primary-light-7: rgb(198, 226, 255);
75
+ --el-color-primary-light-8: rgb(217, 236, 255);
76
+ --el-color-primary-light-9: rgb(236, 245, 255);
77
+ --el-color-primary-dark-2: rgb(51, 126, 204);
78
78
  --el-color-success: #67c23a;
79
- --el-color-success-light-3: rgb(148.6, 212.3, 117.1);
80
- --el-color-success-light-5: rgb(179, 224.5, 156.5);
81
- --el-color-success-light-7: rgb(209.4, 236.7, 195.9);
82
- --el-color-success-light-8: rgb(224.6, 242.8, 215.6);
83
- --el-color-success-light-9: rgb(239.8, 248.9, 235.3);
84
- --el-color-success-dark-2: rgb(82.4, 155.2, 46.4);
79
+ --el-color-success-light-3: rgb(149, 212, 117);
80
+ --el-color-success-light-5: rgb(179, 225, 157);
81
+ --el-color-success-light-7: rgb(209, 237, 196);
82
+ --el-color-success-light-8: rgb(225, 243, 216);
83
+ --el-color-success-light-9: rgb(240, 249, 235);
84
+ --el-color-success-dark-2: rgb(82, 155, 46);
85
85
  --el-color-warning: #e6a23c;
86
- --el-color-warning-light-3: rgb(237.5, 189.9, 118.5);
87
- --el-color-warning-light-5: rgb(242.5, 208.5, 157.5);
88
- --el-color-warning-light-7: rgb(247.5, 227.1, 196.5);
89
- --el-color-warning-light-8: rgb(250, 236.4, 216);
90
- --el-color-warning-light-9: rgb(252.5, 245.7, 235.5);
91
- --el-color-warning-dark-2: rgb(184, 129.6, 48);
86
+ --el-color-warning-light-3: rgb(238, 190, 119);
87
+ --el-color-warning-light-5: rgb(243, 209, 158);
88
+ --el-color-warning-light-7: rgb(248, 227, 197);
89
+ --el-color-warning-light-8: rgb(250, 236, 216);
90
+ --el-color-warning-light-9: rgb(253, 246, 236);
91
+ --el-color-warning-dark-2: rgb(184, 130, 48);
92
92
  --el-color-danger: #f56c6c;
93
- --el-color-danger-light-3: rgb(248, 152.1, 152.1);
94
- --el-color-danger-light-5: rgb(250, 181.5, 181.5);
95
- --el-color-danger-light-7: rgb(252, 210.9, 210.9);
96
- --el-color-danger-light-8: rgb(253, 225.6, 225.6);
97
- --el-color-danger-light-9: rgb(254, 240.3, 240.3);
98
- --el-color-danger-dark-2: rgb(196, 86.4, 86.4);
93
+ --el-color-danger-light-3: rgb(248, 152, 152);
94
+ --el-color-danger-light-5: rgb(250, 182, 182);
95
+ --el-color-danger-light-7: rgb(252, 211, 211);
96
+ --el-color-danger-light-8: rgb(253, 226, 226);
97
+ --el-color-danger-light-9: rgb(254, 240, 240);
98
+ --el-color-danger-dark-2: rgb(196, 86, 86);
99
99
  --el-color-error: #f56c6c;
100
- --el-color-error-light-3: rgb(248, 152.1, 152.1);
101
- --el-color-error-light-5: rgb(250, 181.5, 181.5);
102
- --el-color-error-light-7: rgb(252, 210.9, 210.9);
103
- --el-color-error-light-8: rgb(253, 225.6, 225.6);
104
- --el-color-error-light-9: rgb(254, 240.3, 240.3);
105
- --el-color-error-dark-2: rgb(196, 86.4, 86.4);
100
+ --el-color-error-light-3: rgb(248, 152, 152);
101
+ --el-color-error-light-5: rgb(250, 182, 182);
102
+ --el-color-error-light-7: rgb(252, 211, 211);
103
+ --el-color-error-light-8: rgb(253, 226, 226);
104
+ --el-color-error-light-9: rgb(254, 240, 240);
105
+ --el-color-error-dark-2: rgb(196, 86, 86);
106
106
  --el-color-info: #909399;
107
- --el-color-info-light-3: rgb(177.3, 179.4, 183.6);
108
- --el-color-info-light-5: rgb(199.5, 201, 204);
109
- --el-color-info-light-7: rgb(221.7, 222.6, 224.4);
110
- --el-color-info-light-8: rgb(232.8, 233.4, 234.6);
111
- --el-color-info-light-9: rgb(243.9, 244.2, 244.8);
112
- --el-color-info-dark-2: rgb(115.2, 117.6, 122.4);
107
+ --el-color-info-light-3: rgb(177, 179, 184);
108
+ --el-color-info-light-5: rgb(200, 201, 204);
109
+ --el-color-info-light-7: rgb(222, 223, 224);
110
+ --el-color-info-light-8: rgb(233, 233, 235);
111
+ --el-color-info-light-9: rgb(244, 244, 245);
112
+ --el-color-info-dark-2: rgb(115, 118, 122);
113
113
  --el-bg-color: #ffffff;
114
114
  --el-bg-color-page: #f2f3f5;
115
115
  --el-bg-color-overlay: #ffffff;
@@ -269,10 +269,6 @@
269
269
  transition: opacity var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
270
270
  }
271
271
 
272
- .el-icon-loading {
273
- animation: rotating 2s linear infinite;
274
- }
275
-
276
272
  .el-icon--right {
277
273
  margin-left: 5px;
278
274
  }
@@ -353,6 +349,21 @@
353
349
  justify-content: center;
354
350
  }
355
351
 
352
+ .el-alert--primary {
353
+ --el-alert-bg-color: var(--el-color-primary-light-9);
354
+ }
355
+ .el-alert--primary.is-light {
356
+ background-color: var(--el-alert-bg-color);
357
+ color: var(--el-color-primary);
358
+ }
359
+ .el-alert--primary.is-light .el-alert__description {
360
+ color: var(--el-color-primary);
361
+ }
362
+ .el-alert--primary.is-dark {
363
+ background-color: var(--el-color-primary);
364
+ color: var(--el-color-white);
365
+ }
366
+
356
367
  .el-alert--success {
357
368
  --el-alert-bg-color: var(--el-color-success-light-9);
358
369
  }
@@ -520,6 +531,16 @@
520
531
  border-radius: var(--el-border-radius-base);
521
532
  box-sizing: border-box;
522
533
  }
534
+ .el-autocomplete-suggestion__header {
535
+ padding: 10px;
536
+ border-bottom: 1px solid var(--el-border-color-lighter);
537
+ }
538
+
539
+ .el-autocomplete-suggestion__footer {
540
+ padding: 10px;
541
+ border-top: 1px solid var(--el-border-color-lighter);
542
+ }
543
+
523
544
  .el-autocomplete-suggestion__wrap {
524
545
  max-height: 280px;
525
546
  padding: 10px 0;
@@ -540,9 +561,9 @@
540
561
  font-size: var(--el-font-size-base);
541
562
  list-style: none;
542
563
  text-align: left;
543
- white-space: nowrap;
544
564
  overflow: hidden;
545
565
  text-overflow: ellipsis;
566
+ white-space: nowrap;
546
567
  }
547
568
  .el-autocomplete-suggestion li:hover {
548
569
  background-color: var(--el-fill-color-light);
@@ -558,25 +579,17 @@
558
579
  margin-bottom: -6px;
559
580
  }
560
581
  .el-autocomplete-suggestion.is-loading li {
561
- text-align: center;
582
+ cursor: default;
562
583
  height: 100px;
563
- line-height: 100px;
584
+ display: flex;
585
+ align-items: center;
586
+ justify-content: center;
564
587
  font-size: 20px;
565
588
  color: var(--el-text-color-secondary);
566
589
  }
567
- .el-autocomplete-suggestion.is-loading li::after {
568
- display: inline-block;
569
- content: "";
570
- height: 100%;
571
- vertical-align: middle;
572
- }
573
-
574
590
  .el-autocomplete-suggestion.is-loading li:hover {
575
591
  background-color: var(--el-bg-color-overlay);
576
592
  }
577
- .el-autocomplete-suggestion.is-loading .el-icon-loading {
578
- vertical-align: middle;
579
- }
580
593
 
581
594
  .el-avatar {
582
595
  --el-avatar-text-color: var(--el-color-white);
@@ -775,35 +788,9 @@
775
788
  display: none;
776
789
  }
777
790
 
778
- .el-button-group {
779
- display: inline-block;
780
- vertical-align: middle;
781
- }
782
- .el-button-group::before,
783
- .el-button-group::after {
784
- display: table;
785
- content: "";
786
- }
787
-
788
- .el-button-group::after {
789
- clear: both;
790
- }
791
-
792
- .el-button-group > .el-button {
793
- float: left;
794
- position: relative;
795
- }
796
791
  .el-button-group > .el-button + .el-button {
797
792
  margin-left: 0;
798
793
  }
799
- .el-button-group > .el-button:first-child {
800
- border-top-right-radius: 0;
801
- border-bottom-right-radius: 0;
802
- }
803
- .el-button-group > .el-button:last-child {
804
- border-top-left-radius: 0;
805
- border-bottom-left-radius: 0;
806
- }
807
794
  .el-button-group > .el-button:first-child:last-child {
808
795
  border-top-right-radius: var(--el-border-radius-base);
809
796
  border-bottom-right-radius: var(--el-border-radius-base);
@@ -819,9 +806,6 @@
819
806
  .el-button-group > .el-button:not(:first-child):not(:last-child) {
820
807
  border-radius: 0;
821
808
  }
822
- .el-button-group > .el-button:not(:last-child) {
823
- margin-right: -1px;
824
- }
825
809
  .el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active {
826
810
  z-index: 1;
827
811
  }
@@ -829,61 +813,165 @@
829
813
  z-index: 1;
830
814
  }
831
815
 
832
- .el-button-group > .el-dropdown > .el-button {
816
+ .el-button-group--horizontal {
817
+ display: inline-block;
818
+ vertical-align: middle;
819
+ }
820
+ .el-button-group--horizontal::before,
821
+ .el-button-group--horizontal::after {
822
+ display: table;
823
+ content: "";
824
+ }
825
+
826
+ .el-button-group--horizontal::after {
827
+ clear: both;
828
+ }
829
+
830
+ .el-button-group--horizontal > .el-button {
831
+ float: left;
832
+ position: relative;
833
+ }
834
+ .el-button-group--horizontal > .el-button:first-child {
835
+ border-top-right-radius: 0;
836
+ border-bottom-right-radius: 0;
837
+ }
838
+ .el-button-group--horizontal > .el-button:last-child {
833
839
  border-top-left-radius: 0;
834
840
  border-bottom-left-radius: 0;
835
- border-left-color: var(--el-button-divide-border-color);
836
841
  }
837
- .el-button-group .el-button--primary:first-child {
842
+ .el-button-group--horizontal > .el-button:not(:last-child) {
843
+ margin-right: -1px;
844
+ }
845
+ .el-button-group--horizontal .el-button--primary:first-child {
838
846
  border-right-color: var(--el-button-divide-border-color);
839
847
  }
840
- .el-button-group .el-button--primary:last-child {
848
+ .el-button-group--horizontal .el-button--primary:last-child {
841
849
  border-left-color: var(--el-button-divide-border-color);
842
850
  }
843
- .el-button-group .el-button--primary:not(:first-child):not(:last-child) {
851
+ .el-button-group--horizontal .el-button--primary:not(:first-child):not(:last-child) {
844
852
  border-left-color: var(--el-button-divide-border-color);
845
853
  border-right-color: var(--el-button-divide-border-color);
846
854
  }
847
- .el-button-group .el-button--success:first-child {
855
+ .el-button-group--horizontal .el-button--success:first-child {
848
856
  border-right-color: var(--el-button-divide-border-color);
849
857
  }
850
- .el-button-group .el-button--success:last-child {
858
+ .el-button-group--horizontal .el-button--success:last-child {
851
859
  border-left-color: var(--el-button-divide-border-color);
852
860
  }
853
- .el-button-group .el-button--success:not(:first-child):not(:last-child) {
861
+ .el-button-group--horizontal .el-button--success:not(:first-child):not(:last-child) {
854
862
  border-left-color: var(--el-button-divide-border-color);
855
863
  border-right-color: var(--el-button-divide-border-color);
856
864
  }
857
- .el-button-group .el-button--warning:first-child {
865
+ .el-button-group--horizontal .el-button--warning:first-child {
858
866
  border-right-color: var(--el-button-divide-border-color);
859
867
  }
860
- .el-button-group .el-button--warning:last-child {
868
+ .el-button-group--horizontal .el-button--warning:last-child {
861
869
  border-left-color: var(--el-button-divide-border-color);
862
870
  }
863
- .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
871
+ .el-button-group--horizontal .el-button--warning:not(:first-child):not(:last-child) {
864
872
  border-left-color: var(--el-button-divide-border-color);
865
873
  border-right-color: var(--el-button-divide-border-color);
866
874
  }
867
- .el-button-group .el-button--danger:first-child {
875
+ .el-button-group--horizontal .el-button--danger:first-child {
868
876
  border-right-color: var(--el-button-divide-border-color);
869
877
  }
870
- .el-button-group .el-button--danger:last-child {
878
+ .el-button-group--horizontal .el-button--danger:last-child {
871
879
  border-left-color: var(--el-button-divide-border-color);
872
880
  }
873
- .el-button-group .el-button--danger:not(:first-child):not(:last-child) {
881
+ .el-button-group--horizontal .el-button--danger:not(:first-child):not(:last-child) {
874
882
  border-left-color: var(--el-button-divide-border-color);
875
883
  border-right-color: var(--el-button-divide-border-color);
876
884
  }
877
- .el-button-group .el-button--info:first-child {
885
+ .el-button-group--horizontal .el-button--info:first-child {
878
886
  border-right-color: var(--el-button-divide-border-color);
879
887
  }
880
- .el-button-group .el-button--info:last-child {
888
+ .el-button-group--horizontal .el-button--info:last-child {
881
889
  border-left-color: var(--el-button-divide-border-color);
882
890
  }
883
- .el-button-group .el-button--info:not(:first-child):not(:last-child) {
891
+ .el-button-group--horizontal .el-button--info:not(:first-child):not(:last-child) {
884
892
  border-left-color: var(--el-button-divide-border-color);
885
893
  border-right-color: var(--el-button-divide-border-color);
886
894
  }
895
+ .el-button-group--horizontal > .el-dropdown > .el-button {
896
+ border-top-left-radius: 0;
897
+ border-bottom-left-radius: 0;
898
+ border-left-color: var(--el-button-divide-border-color);
899
+ }
900
+
901
+ .el-button-group--vertical {
902
+ display: inline-flex;
903
+ flex-direction: column;
904
+ align-items: stretch;
905
+ }
906
+ .el-button-group--vertical > .el-button {
907
+ margin-top: -1px;
908
+ }
909
+ .el-button-group--vertical > .el-button:first-child {
910
+ border-bottom-left-radius: 0;
911
+ border-bottom-right-radius: 0;
912
+ }
913
+ .el-button-group--vertical > .el-button:last-child {
914
+ border-top-left-radius: 0;
915
+ border-top-right-radius: 0;
916
+ }
917
+ .el-button-group--vertical > .el-dropdown {
918
+ margin-top: -1px;
919
+ }
920
+ .el-button-group--vertical > .el-dropdown > .el-button {
921
+ border-top-left-radius: 0;
922
+ border-top-right-radius: 0;
923
+ border-left-color: var(--el-button-divide-border-color);
924
+ }
925
+ .el-button-group--vertical .el-button--primary:first-child {
926
+ border-bottom-color: var(--el-button-divide-border-color);
927
+ }
928
+ .el-button-group--vertical .el-button--primary:last-child {
929
+ border-top-color: var(--el-button-divide-border-color);
930
+ }
931
+ .el-button-group--vertical .el-button--primary:not(:first-child):not(:last-child) {
932
+ border-top-color: var(--el-button-divide-border-color);
933
+ border-bottom-color: var(--el-button-divide-border-color);
934
+ }
935
+ .el-button-group--vertical .el-button--success:first-child {
936
+ border-bottom-color: var(--el-button-divide-border-color);
937
+ }
938
+ .el-button-group--vertical .el-button--success:last-child {
939
+ border-top-color: var(--el-button-divide-border-color);
940
+ }
941
+ .el-button-group--vertical .el-button--success:not(:first-child):not(:last-child) {
942
+ border-top-color: var(--el-button-divide-border-color);
943
+ border-bottom-color: var(--el-button-divide-border-color);
944
+ }
945
+ .el-button-group--vertical .el-button--warning:first-child {
946
+ border-bottom-color: var(--el-button-divide-border-color);
947
+ }
948
+ .el-button-group--vertical .el-button--warning:last-child {
949
+ border-top-color: var(--el-button-divide-border-color);
950
+ }
951
+ .el-button-group--vertical .el-button--warning:not(:first-child):not(:last-child) {
952
+ border-top-color: var(--el-button-divide-border-color);
953
+ border-bottom-color: var(--el-button-divide-border-color);
954
+ }
955
+ .el-button-group--vertical .el-button--danger:first-child {
956
+ border-bottom-color: var(--el-button-divide-border-color);
957
+ }
958
+ .el-button-group--vertical .el-button--danger:last-child {
959
+ border-top-color: var(--el-button-divide-border-color);
960
+ }
961
+ .el-button-group--vertical .el-button--danger:not(:first-child):not(:last-child) {
962
+ border-top-color: var(--el-button-divide-border-color);
963
+ border-bottom-color: var(--el-button-divide-border-color);
964
+ }
965
+ .el-button-group--vertical .el-button--info:first-child {
966
+ border-bottom-color: var(--el-button-divide-border-color);
967
+ }
968
+ .el-button-group--vertical .el-button--info:last-child {
969
+ border-top-color: var(--el-button-divide-border-color);
970
+ }
971
+ .el-button-group--vertical .el-button--info:not(:first-child):not(:last-child) {
972
+ border-top-color: var(--el-button-divide-border-color);
973
+ border-bottom-color: var(--el-button-divide-border-color);
974
+ }
887
975
 
888
976
  .el-button {
889
977
  --el-button-font-weight: var(--el-font-weight-primary);
@@ -901,7 +989,7 @@
901
989
  --el-button-active-border-color: var(--el-color-primary);
902
990
  --el-button-active-bg-color: var(--el-button-hover-bg-color);
903
991
  --el-button-outline-color: var(--el-color-primary-light-5);
904
- --el-button-hover-link-text-color: var(--el-color-info);
992
+ --el-button-hover-link-text-color: var(--el-text-color-secondary);
905
993
  --el-button-active-color: var(--el-text-color-primary);
906
994
  }
907
995
 
@@ -1378,6 +1466,8 @@
1378
1466
  }
1379
1467
 
1380
1468
  .el-card {
1469
+ display: flex;
1470
+ flex-direction: column;
1381
1471
  border-radius: var(--el-card-border-radius);
1382
1472
  border: 1px solid var(--el-card-border-color);
1383
1473
  background-color: var(--el-card-bg-color);
@@ -1400,6 +1490,8 @@
1400
1490
  }
1401
1491
 
1402
1492
  .el-card__body {
1493
+ flex: 1;
1494
+ overflow: auto;
1403
1495
  padding: var(--el-card-padding);
1404
1496
  }
1405
1497
 
@@ -1648,6 +1740,7 @@
1648
1740
 
1649
1741
  .el-cascader-panel {
1650
1742
  display: flex;
1743
+ width: fit-content;
1651
1744
  border-radius: var(--el-cascader-menu-radius);
1652
1745
  font-size: var(--el-cascader-menu-font-size);
1653
1746
  }
@@ -1788,10 +1881,12 @@
1788
1881
  }
1789
1882
  .el-cascader .el-input .el-input__inner {
1790
1883
  text-overflow: ellipsis;
1884
+ }
1885
+ .el-cascader .el-input .el-input__inner:read-only {
1791
1886
  cursor: pointer;
1792
1887
  }
1793
- .el-cascader .el-input .el-input__suffix-inner .el-icon {
1794
- height: calc(100% - 2px);
1888
+ .el-cascader .el-input .el-input__inner:disabled {
1889
+ cursor: not-allowed;
1795
1890
  }
1796
1891
  .el-cascader .el-input .el-input__suffix-inner .el-icon svg {
1797
1892
  vertical-align: middle;
@@ -1815,11 +1910,29 @@
1815
1910
  font-size: 14px;
1816
1911
  line-height: 40px;
1817
1912
  }
1913
+ .el-cascader--large .el-cascader__tags {
1914
+ gap: 6px;
1915
+ padding: 8px;
1916
+ }
1917
+
1918
+ .el-cascader--large .el-cascader__search-input {
1919
+ height: 24px;
1920
+ margin-left: 7px;
1921
+ }
1818
1922
 
1819
1923
  .el-cascader--small {
1820
1924
  font-size: 12px;
1821
1925
  line-height: 24px;
1822
1926
  }
1927
+ .el-cascader--small .el-cascader__tags {
1928
+ gap: 4px;
1929
+ padding: 2px;
1930
+ }
1931
+
1932
+ .el-cascader--small .el-cascader__search-input {
1933
+ height: 20px;
1934
+ margin-left: 5px;
1935
+ }
1823
1936
 
1824
1937
  .el-cascader.is-disabled .el-cascader__label {
1825
1938
  z-index: calc(var(--el-index-normal) + 1);
@@ -1872,6 +1985,16 @@
1872
1985
  box-shadow: var(--el-cascader-menu-shadow);
1873
1986
  }
1874
1987
 
1988
+ .el-cascader__header {
1989
+ padding: 10px;
1990
+ border-bottom: 1px solid var(--el-border-color-light);
1991
+ }
1992
+
1993
+ .el-cascader__footer {
1994
+ padding: 10px;
1995
+ border-top: 1px solid var(--el-border-color-light);
1996
+ }
1997
+
1875
1998
  .el-cascader__tags {
1876
1999
  position: absolute;
1877
2000
  left: 0;
@@ -1880,6 +2003,8 @@
1880
2003
  transform: translateY(-50%);
1881
2004
  display: flex;
1882
2005
  flex-wrap: wrap;
2006
+ padding: 4px;
2007
+ gap: 6px;
1883
2008
  line-height: normal;
1884
2009
  text-align: left;
1885
2010
  box-sizing: border-box;
@@ -1888,7 +2013,6 @@
1888
2013
  display: inline-flex;
1889
2014
  align-items: center;
1890
2015
  max-width: 100%;
1891
- margin: 2px 0 2px 6px;
1892
2016
  text-overflow: ellipsis;
1893
2017
  background: var(--el-cascader-tag-background);
1894
2018
  }
@@ -1903,6 +2027,7 @@
1903
2027
  }
1904
2028
  .el-cascader__tags .el-tag > span {
1905
2029
  flex: 1;
2030
+ line-height: normal;
1906
2031
  overflow: hidden;
1907
2032
  text-overflow: ellipsis;
1908
2033
  }
@@ -1914,6 +2039,9 @@
1914
2039
  .el-cascader__tags .el-tag .el-icon-close:hover {
1915
2040
  background-color: var(--el-text-color-secondary);
1916
2041
  }
2042
+ .el-cascader__tags .el-tag + input {
2043
+ margin-left: 0;
2044
+ }
1917
2045
  .el-cascader__tags.is-validate {
1918
2046
  right: 55px;
1919
2047
  }
@@ -1926,7 +2054,6 @@
1926
2054
  display: inline-flex;
1927
2055
  align-items: center;
1928
2056
  max-width: 100%;
1929
- margin: 2px 0 2px 6px;
1930
2057
  text-overflow: ellipsis;
1931
2058
  background: var(--el-fill-color);
1932
2059
  }
@@ -1941,6 +2068,7 @@
1941
2068
  }
1942
2069
  .el-cascader__collapse-tags .el-tag > span {
1943
2070
  flex: 1;
2071
+ line-height: normal;
1944
2072
  overflow: hidden;
1945
2073
  text-overflow: ellipsis;
1946
2074
  }
@@ -1952,6 +2080,12 @@
1952
2080
  .el-cascader__collapse-tags .el-tag .el-icon-close:hover {
1953
2081
  background-color: var(--el-text-color-secondary);
1954
2082
  }
2083
+ .el-cascader__collapse-tags .el-tag + input {
2084
+ margin-left: 0;
2085
+ }
2086
+ .el-cascader__collapse-tags .el-tag {
2087
+ margin: 2px 0;
2088
+ }
1955
2089
 
1956
2090
  .el-cascader__suggestion-panel {
1957
2091
  border-radius: var(--el-cascader-menu-radius);
@@ -1996,7 +2130,7 @@
1996
2130
  flex: 1;
1997
2131
  height: 24px;
1998
2132
  min-width: 60px;
1999
- margin: 2px 0 2px 11px;
2133
+ margin-left: 7px;
2000
2134
  padding: 0;
2001
2135
  color: var(--el-cascader-menu-text-color);
2002
2136
  border: none;
@@ -2191,13 +2325,11 @@
2191
2325
  vertical-align: middle;
2192
2326
  cursor: pointer;
2193
2327
  background: var(--el-button-bg-color, var(--el-fill-color-blank));
2194
- border: var(--el-border);
2195
- border-left-color: transparent;
2328
+ outline: var(--el-border);
2196
2329
  color: var(--el-button-text-color, var(--el-text-color-regular));
2197
2330
  -webkit-appearance: none;
2198
2331
  text-align: center;
2199
2332
  box-sizing: border-box;
2200
- outline: none;
2201
2333
  margin: 0;
2202
2334
  position: relative;
2203
2335
  transition: var(--el-transition-all);
@@ -2248,7 +2380,6 @@
2248
2380
  border-left-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
2249
2381
  }
2250
2382
  .el-checkbox-button:first-child .el-checkbox-button__inner {
2251
- border-left: var(--el-border);
2252
2383
  border-top-left-radius: var(--el-border-radius-base);
2253
2384
  border-bottom-left-radius: var(--el-border-radius-base);
2254
2385
  box-shadow: none !important;
@@ -2381,6 +2512,7 @@
2381
2512
  .el-checkbox__input.is-disabled .el-checkbox__inner::after {
2382
2513
  cursor: not-allowed;
2383
2514
  border-color: var(--el-checkbox-disabled-icon-color);
2515
+ will-change: transform;
2384
2516
  }
2385
2517
  .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
2386
2518
  background-color: var(--el-checkbox-disabled-checked-input-fill);
@@ -2407,7 +2539,7 @@
2407
2539
  border-color: var(--el-checkbox-checked-input-border-color);
2408
2540
  }
2409
2541
  .el-checkbox__input.is-checked .el-checkbox__inner::after {
2410
- transform: rotate(45deg) scaleY(1);
2542
+ transform: translate(-45%, -60%) rotate(45deg) scaleY(1);
2411
2543
  border-color: var(--el-checkbox-checked-icon-color);
2412
2544
  }
2413
2545
  .el-checkbox__input.is-checked + .el-checkbox__label {
@@ -2459,10 +2591,10 @@
2459
2591
  border-left: 0;
2460
2592
  border-top: 0;
2461
2593
  height: 7px;
2462
- left: 4px;
2594
+ left: 50%;
2463
2595
  position: absolute;
2464
- top: 1px;
2465
- transform: rotate(45deg) scaleY(0);
2596
+ top: 50%;
2597
+ transform: translate(-45%, -60%) rotate(45deg) scaleY(0);
2466
2598
  width: 3px;
2467
2599
  transition: transform 0.15s ease-in 0.05s;
2468
2600
  transform-origin: center;
@@ -5514,7 +5646,7 @@
5514
5646
  border: none;
5515
5647
  display: flex;
5516
5648
  align-items: center;
5517
- height: var(--el-collapse-header-height);
5649
+ min-height: var(--el-collapse-header-height);
5518
5650
  line-height: var(--el-collapse-header-height);
5519
5651
  background-color: var(--el-collapse-header-bg-color);
5520
5652
  color: var(--el-collapse-header-text-color);
@@ -5526,7 +5658,6 @@
5526
5658
  outline: none;
5527
5659
  }
5528
5660
  .el-collapse-item__arrow {
5529
- margin: 0 8px 0 auto;
5530
5661
  transition: transform var(--el-transition-duration);
5531
5662
  font-weight: 300;
5532
5663
  }
@@ -5534,6 +5665,11 @@
5534
5665
  transform: rotate(90deg);
5535
5666
  }
5536
5667
 
5668
+ .el-collapse-item__title {
5669
+ text-align: left;
5670
+ flex: auto;
5671
+ }
5672
+
5537
5673
  .el-collapse-item__header.focusing:focus:not(:hover) {
5538
5674
  color: var(--el-color-primary);
5539
5675
  }
@@ -5560,6 +5696,64 @@
5560
5696
  margin-bottom: -1px;
5561
5697
  }
5562
5698
 
5699
+ .el-collapse-icon-position-left .el-collapse-item__header {
5700
+ gap: 8px;
5701
+ }
5702
+ .el-collapse-icon-position-left .el-collapse-item__title {
5703
+ order: 1;
5704
+ }
5705
+ .el-collapse-icon-position-right .el-collapse-item__header {
5706
+ padding-right: 8px;
5707
+ }
5708
+
5709
+ .el-color-picker-panel {
5710
+ width: 300px;
5711
+ padding: 12px;
5712
+ box-sizing: content-box;
5713
+ background: var(--el-bg-color-overlay);
5714
+ }
5715
+ .el-color-picker-panel.is-border {
5716
+ border: solid 1px var(--el-border-color-lighter);
5717
+ border-radius: 4px;
5718
+ }
5719
+
5720
+ .el-color-picker-panel__wrapper {
5721
+ margin-bottom: 6px;
5722
+ }
5723
+ .el-color-picker-panel__footer {
5724
+ display: flex;
5725
+ justify-content: space-between;
5726
+ margin-top: 12px;
5727
+ text-align: right;
5728
+ }
5729
+ .el-color-picker-panel__footer .el-input {
5730
+ line-height: 26px;
5731
+ font-size: 12px;
5732
+ color: #000000;
5733
+ width: 160px;
5734
+ }
5735
+
5736
+ .el-color-picker-panel.is-disabled .el-color-svpanel {
5737
+ cursor: not-allowed;
5738
+ opacity: 0.3;
5739
+ }
5740
+ .el-color-picker-panel.is-disabled .el-color-hue-slider {
5741
+ cursor: not-allowed;
5742
+ opacity: 0.3;
5743
+ }
5744
+ .el-color-picker-panel.is-disabled .el-color-hue-slider__thumb {
5745
+ cursor: not-allowed;
5746
+ }
5747
+
5748
+ .el-color-picker-panel.is-disabled .el-color-alpha-slider {
5749
+ cursor: not-allowed;
5750
+ opacity: 0.3;
5751
+ }
5752
+ .el-color-picker-panel.is-disabled .el-color-predefine .el-color-predefine__color-selector {
5753
+ cursor: not-allowed;
5754
+ opacity: 0.3;
5755
+ }
5756
+
5563
5757
  .el-color-predefine {
5564
5758
  display: flex;
5565
5759
  font-size: 12px;
@@ -5568,27 +5762,31 @@
5568
5762
  }
5569
5763
  .el-color-predefine__colors {
5570
5764
  display: flex;
5765
+ gap: 8px;
5571
5766
  flex: 1;
5572
5767
  flex-wrap: wrap;
5573
5768
  }
5574
5769
 
5575
5770
  .el-color-predefine__color-selector {
5576
- margin: 0 0 8px 8px;
5577
5771
  width: 20px;
5578
5772
  height: 20px;
5579
- border-radius: 4px;
5773
+ padding: 0;
5774
+ border-radius: var(--el-border-radius-base);
5775
+ border: none;
5776
+ outline: none;
5777
+ overflow: hidden;
5580
5778
  cursor: pointer;
5581
5779
  }
5582
- .el-color-predefine__color-selector:nth-child(10n+1) {
5583
- margin-left: 0;
5584
- }
5585
5780
  .el-color-predefine__color-selector.selected {
5586
5781
  box-shadow: 0 0 3px 2px var(--el-color-primary);
5587
5782
  }
5783
+ .el-color-predefine__color-selector:focus-visible {
5784
+ outline: 2px solid var(--el-color-primary);
5785
+ outline-offset: 2px;
5786
+ }
5588
5787
  .el-color-predefine__color-selector > div {
5589
5788
  display: flex;
5590
5789
  height: 100%;
5591
- border-radius: 3px;
5592
5790
  }
5593
5791
  .el-color-predefine__color-selector.is-alpha {
5594
5792
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
@@ -5647,34 +5845,21 @@
5647
5845
  position: relative;
5648
5846
  width: 280px;
5649
5847
  height: 180px;
5848
+ background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
5650
5849
  }
5651
- .el-color-svpanel__white, .el-color-svpanel__black {
5652
- position: absolute;
5653
- top: 0;
5654
- left: 0;
5655
- right: 0;
5656
- bottom: 0;
5657
- }
5658
-
5659
- .el-color-svpanel__white {
5660
- background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
5661
- }
5662
-
5663
- .el-color-svpanel__black {
5664
- background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
5665
- }
5666
-
5667
5850
  .el-color-svpanel__cursor {
5668
5851
  position: absolute;
5669
- }
5670
- .el-color-svpanel__cursor > div {
5671
- cursor: head;
5852
+ cursor: pointer;
5672
5853
  width: 4px;
5673
5854
  height: 4px;
5674
5855
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
5675
5856
  border-radius: 50%;
5676
5857
  transform: translate(-2px, -2px);
5677
5858
  }
5859
+ .el-color-svpanel__cursor:focus-visible {
5860
+ outline: 2px solid var(--el-color-primary);
5861
+ outline-offset: 2px;
5862
+ }
5678
5863
 
5679
5864
  .el-color-alpha-slider {
5680
5865
  position: relative;
@@ -5685,6 +5870,10 @@
5685
5870
  background-size: 12px 12px;
5686
5871
  background-position: 0 0, 6px 0, 6px -6px, 0 6px;
5687
5872
  }
5873
+ .el-color-alpha-slider.is-disabled .el-color-alpha-slider__thumb {
5874
+ cursor: not-allowed;
5875
+ }
5876
+
5688
5877
  .el-color-alpha-slider__bar {
5689
5878
  position: relative;
5690
5879
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--el-bg-color) 100%);
@@ -5724,29 +5913,13 @@
5724
5913
  height: 4px;
5725
5914
  }
5726
5915
 
5727
- .el-color-dropdown {
5728
- width: 300px;
5729
- }
5730
- .el-color-dropdown__main-wrapper {
5731
- margin-bottom: 6px;
5732
- }
5733
- .el-color-dropdown__main-wrapper::after {
5734
- content: "";
5735
- display: table;
5736
- clear: both;
5737
- }
5738
-
5739
- .el-color-dropdown__btns {
5740
- margin-top: 12px;
5741
- text-align: right;
5916
+ .el-color-picker-panel {
5917
+ --el-color-picker-alpha-bg-a: #ccc;
5918
+ --el-color-picker-alpha-bg-b: transparent;
5742
5919
  }
5743
5920
 
5744
- .el-color-dropdown__value {
5745
- float: left;
5746
- line-height: 26px;
5747
- font-size: 12px;
5748
- color: #000000;
5749
- width: 160px;
5921
+ .dark .el-color-picker-panel {
5922
+ --el-color-picker-alpha-bg-a: #333333;
5750
5923
  }
5751
5924
 
5752
5925
  .el-color-picker {
@@ -5754,6 +5927,8 @@
5754
5927
  position: relative;
5755
5928
  line-height: normal;
5756
5929
  outline: none;
5930
+ height: 32px;
5931
+ width: 32px;
5757
5932
  }
5758
5933
  .el-color-picker:hover:not(.is-disabled, .is-focused) .el-color-picker__trigger {
5759
5934
  border-color: var(--el-border-color-hover);
@@ -5768,56 +5943,34 @@
5768
5943
 
5769
5944
  .el-color-picker.is-disabled .el-color-picker__trigger {
5770
5945
  cursor: not-allowed;
5946
+ background-color: var(--el-fill-color-light);
5947
+ }
5948
+ .el-color-picker.is-disabled .el-color-picker__color {
5949
+ opacity: 0.3;
5771
5950
  }
5772
5951
 
5773
5952
  .el-color-picker--large {
5774
5953
  height: 40px;
5775
- }
5776
- .el-color-picker--large .el-color-picker__trigger {
5777
- height: 40px;
5778
- width: 40px;
5779
- }
5780
- .el-color-picker--large .el-color-picker__mask {
5781
- height: 38px;
5782
- width: 38px;
5954
+ width: 40px;
5783
5955
  }
5784
5956
 
5785
5957
  .el-color-picker--small {
5786
5958
  height: 24px;
5787
- }
5788
- .el-color-picker--small .el-color-picker__trigger {
5789
- height: 24px;
5790
5959
  width: 24px;
5791
5960
  }
5792
- .el-color-picker--small .el-color-picker__mask {
5793
- height: 22px;
5794
- width: 22px;
5795
- }
5796
5961
 
5797
5962
  .el-color-picker--small .el-color-picker__icon,
5798
5963
  .el-color-picker--small .el-color-picker__empty {
5799
5964
  transform: scale(0.8);
5800
5965
  }
5801
5966
 
5802
- .el-color-picker__mask {
5803
- height: 30px;
5804
- width: 30px;
5805
- border-radius: 4px;
5806
- position: absolute;
5807
- top: 1px;
5808
- left: 1px;
5809
- z-index: 1;
5810
- cursor: not-allowed;
5811
- background-color: rgba(255, 255, 255, 0.7);
5812
- }
5813
-
5814
5967
  .el-color-picker__trigger {
5815
5968
  display: inline-flex;
5816
5969
  justify-content: center;
5817
5970
  align-items: center;
5818
5971
  box-sizing: border-box;
5819
- height: 32px;
5820
- width: 32px;
5972
+ height: 100%;
5973
+ width: 100%;
5821
5974
  padding: 4px;
5822
5975
  border: 1px solid var(--el-border-color);
5823
5976
  border-radius: 4px;
@@ -5862,10 +6015,6 @@
5862
6015
  font-size: 12px;
5863
6016
  }
5864
6017
  .el-color-picker__panel {
5865
- position: absolute;
5866
- z-index: 10;
5867
- padding: 6px;
5868
- box-sizing: content-box;
5869
6018
  background-color: #ffffff;
5870
6019
  border-radius: var(--el-border-radius-base);
5871
6020
  box-shadow: var(--el-box-shadow-light);
@@ -6010,7 +6159,8 @@
6010
6159
  }
6011
6160
  .el-date-table td.week {
6012
6161
  font-size: 80%;
6013
- color: var(--el-datepicker-header-text-color);
6162
+ color: var(--el-datepicker-off-text-color);
6163
+ cursor: default;
6014
6164
  }
6015
6165
  .el-date-table td:focus {
6016
6166
  outline: none;
@@ -6021,6 +6171,10 @@
6021
6171
  font-weight: 400;
6022
6172
  border-bottom: solid 1px var(--el-border-color-lighter);
6023
6173
  }
6174
+ .el-date-table th.el-date-table__week-header {
6175
+ padding: 0;
6176
+ width: 24px;
6177
+ }
6024
6178
 
6025
6179
  .el-month-table {
6026
6180
  font-size: 12px;
@@ -6338,6 +6492,10 @@
6338
6492
  .el-date-editor.el-input__wrapper:hover {
6339
6493
  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
6340
6494
  }
6495
+ .el-date-editor.is-focus .el-input__wrapper {
6496
+ box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
6497
+ }
6498
+
6341
6499
  .el-date-editor.el-input, .el-date-editor.el-input__wrapper {
6342
6500
  width: var(--el-date-editor-width);
6343
6501
  height: var(--el-input-height, var(--el-component-size));
@@ -6366,7 +6524,7 @@
6366
6524
  cursor: pointer;
6367
6525
  }
6368
6526
  .el-date-editor .clear-icon:hover {
6369
- color: var(--el-text-color-secondary);
6527
+ color: var(--el-input-clear-hover-color);
6370
6528
  }
6371
6529
  .el-date-editor .el-range__icon {
6372
6530
  height: inherit;
@@ -6415,7 +6573,7 @@
6415
6573
  cursor: pointer;
6416
6574
  }
6417
6575
  .el-date-editor .el-range__close-icon:hover {
6418
- color: var(--el-text-color-secondary);
6576
+ color: var(--el-input-clear-hover-color);
6419
6577
  }
6420
6578
  .el-date-editor .el-range__close-icon svg {
6421
6579
  vertical-align: middle;
@@ -6494,7 +6652,7 @@
6494
6652
  .el-picker-panel {
6495
6653
  color: var(--el-text-color-regular);
6496
6654
  background: var(--el-bg-color-overlay);
6497
- border-radius: var(--el-border-radius-base);
6655
+ border-radius: var(--el-popper-border-radius, var(--el-border-radius-base));
6498
6656
  line-height: 30px;
6499
6657
  }
6500
6658
  .el-picker-panel .el-time-panel {
@@ -6567,7 +6725,9 @@
6567
6725
  background: transparent;
6568
6726
  cursor: pointer;
6569
6727
  outline: none;
6728
+ line-height: 1;
6570
6729
  margin-top: 8px;
6730
+ padding: 1px 6px;
6571
6731
  }
6572
6732
  .el-picker-panel__icon-btn:hover {
6573
6733
  color: var(--el-datepicker-hover-text-color);
@@ -6581,6 +6741,9 @@
6581
6741
  .el-picker-panel__icon-btn.is-disabled:hover {
6582
6742
  cursor: not-allowed;
6583
6743
  }
6744
+ .el-picker-panel__icon-btn.is-disabled .el-icon {
6745
+ cursor: inherit;
6746
+ }
6584
6747
 
6585
6748
  .el-picker-panel__icon-btn .el-icon {
6586
6749
  cursor: pointer;
@@ -6591,6 +6754,46 @@
6591
6754
  vertical-align: middle;
6592
6755
  }
6593
6756
 
6757
+ .el-picker-panel.is-disabled .el-picker-panel__prev-btn {
6758
+ color: var(--el-text-color-disabled);
6759
+ }
6760
+ .el-picker-panel.is-disabled .el-picker-panel__prev-btn:hover {
6761
+ cursor: not-allowed;
6762
+ }
6763
+ .el-picker-panel.is-disabled .el-picker-panel__prev-btn .el-icon {
6764
+ cursor: inherit;
6765
+ }
6766
+
6767
+ .el-picker-panel.is-disabled .el-picker-panel__next-btn {
6768
+ color: var(--el-text-color-disabled);
6769
+ }
6770
+ .el-picker-panel.is-disabled .el-picker-panel__next-btn:hover {
6771
+ cursor: not-allowed;
6772
+ }
6773
+ .el-picker-panel.is-disabled .el-picker-panel__next-btn .el-icon {
6774
+ cursor: inherit;
6775
+ }
6776
+
6777
+ .el-picker-panel.is-disabled .el-picker-panel__icon-btn {
6778
+ color: var(--el-text-color-disabled);
6779
+ }
6780
+ .el-picker-panel.is-disabled .el-picker-panel__icon-btn:hover {
6781
+ cursor: not-allowed;
6782
+ }
6783
+ .el-picker-panel.is-disabled .el-picker-panel__icon-btn .el-icon {
6784
+ cursor: inherit;
6785
+ }
6786
+
6787
+ .el-picker-panel.is-disabled .el-picker-panel__shortcut {
6788
+ color: var(--el-text-color-disabled);
6789
+ }
6790
+ .el-picker-panel.is-disabled .el-picker-panel__shortcut:hover {
6791
+ cursor: not-allowed;
6792
+ }
6793
+ .el-picker-panel.is-disabled .el-picker-panel__shortcut .el-icon {
6794
+ cursor: inherit;
6795
+ }
6796
+
6594
6797
  .el-picker-panel *[slot=sidebar],
6595
6798
  .el-picker-panel__sidebar {
6596
6799
  position: absolute;
@@ -6600,7 +6803,6 @@
6600
6803
  border-right: 1px solid var(--el-datepicker-inner-border-color);
6601
6804
  box-sizing: border-box;
6602
6805
  padding-top: 6px;
6603
- background-color: var(--el-bg-color-overlay);
6604
6806
  overflow: auto;
6605
6807
  }
6606
6808
 
@@ -6713,6 +6915,15 @@
6713
6915
  .el-date-picker .el-time-panel {
6714
6916
  position: absolute;
6715
6917
  }
6918
+ .el-date-picker.is-disabled .el-date-picker__header-label {
6919
+ color: var(--el-text-color-disabled);
6920
+ }
6921
+ .el-date-picker.is-disabled .el-date-picker__header-label:hover {
6922
+ cursor: not-allowed;
6923
+ }
6924
+ .el-date-picker.is-disabled .el-date-picker__header-label .el-icon {
6925
+ cursor: inherit;
6926
+ }
6716
6927
 
6717
6928
  .el-date-range-picker {
6718
6929
  --el-datepicker-text-color: var(--el-text-color-regular);
@@ -6763,8 +6974,28 @@
6763
6974
  margin-right: 50px;
6764
6975
  }
6765
6976
 
6977
+ .el-date-range-picker__header-label {
6978
+ font-size: 16px;
6979
+ font-weight: 500;
6980
+ padding: 0 5px;
6981
+ line-height: 22px;
6982
+ text-align: center;
6983
+ cursor: pointer;
6984
+ color: var(--el-text-color-regular);
6985
+ }
6986
+ .el-date-range-picker__header-label:hover {
6987
+ color: var(--el-datepicker-hover-text-color);
6988
+ }
6989
+ .el-date-range-picker__header-label:focus-visible {
6990
+ outline: none;
6991
+ color: var(--el-datepicker-hover-text-color);
6992
+ }
6993
+ .el-date-range-picker__header-label.active {
6994
+ color: var(--el-datepicker-active-color);
6995
+ }
6996
+
6766
6997
  .el-date-range-picker__content {
6767
- float: left;
6998
+ display: table-cell;
6768
6999
  width: 50%;
6769
7000
  box-sizing: border-box;
6770
7001
  margin: 0;
@@ -6819,6 +7050,16 @@
6819
7050
  position: absolute;
6820
7051
  }
6821
7052
 
7053
+ .el-date-range-picker.is-disabled .el-date-range-picker__header-label {
7054
+ color: var(--el-text-color-disabled);
7055
+ }
7056
+ .el-date-range-picker.is-disabled .el-date-range-picker__header-label:hover {
7057
+ cursor: not-allowed;
7058
+ }
7059
+ .el-date-range-picker.is-disabled .el-date-range-picker__header-label .el-icon {
7060
+ cursor: inherit;
7061
+ }
7062
+
6822
7063
  .el-time-range-picker {
6823
7064
  width: 354px;
6824
7065
  overflow: visible;
@@ -6920,6 +7161,24 @@
6920
7161
  color: var(--el-timepicker-active-color, var(--el-color-primary));
6921
7162
  }
6922
7163
 
7164
+ .el-picker-panel.is-border {
7165
+ border: solid 1px var(--el-border-color-lighter);
7166
+ }
7167
+ .el-picker-panel.is-border .el-picker-panel__body-wrapper {
7168
+ position: relative;
7169
+ }
7170
+
7171
+ .el-picker-panel.is-border.el-picker-panel *[slot=sidebar], .el-picker-panel.is-border.el-picker-panel__sidebar {
7172
+ position: absolute;
7173
+ top: 0;
7174
+ height: 100%;
7175
+ width: 110px;
7176
+ border-right: 1px solid var(--el-datepicker-inner-border-color);
7177
+ box-sizing: border-box;
7178
+ padding-top: 6px;
7179
+ overflow: auto;
7180
+ }
7181
+
6923
7182
  .el-descriptions {
6924
7183
  --el-descriptions-table-border: 1px solid var(--el-border-color-lighter);
6925
7184
  --el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
@@ -6949,7 +7208,6 @@
6949
7208
  .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
6950
7209
  box-sizing: border-box;
6951
7210
  text-align: left;
6952
- font-weight: normal;
6953
7211
  line-height: 23px;
6954
7212
  font-size: 14px;
6955
7213
  }
@@ -7117,6 +7375,7 @@
7117
7375
  margin-bottom: 0;
7118
7376
  height: 100%;
7119
7377
  overflow: auto;
7378
+ border-radius: 0px;
7120
7379
  }
7121
7380
 
7122
7381
  .el-dialog__wrapper {
@@ -7190,6 +7449,13 @@
7190
7449
  text-align: inherit;
7191
7450
  }
7192
7451
 
7452
+ .el-modal-dialog.is-penetrable {
7453
+ pointer-events: none;
7454
+ }
7455
+ .el-modal-dialog.is-penetrable .el-dialog {
7456
+ pointer-events: auto;
7457
+ }
7458
+
7193
7459
  .el-overlay-dialog {
7194
7460
  position: fixed;
7195
7461
  top: 0;
@@ -7198,6 +7464,9 @@
7198
7464
  left: 0;
7199
7465
  overflow: auto;
7200
7466
  }
7467
+ .el-overlay-dialog.is-closing .el-dialog {
7468
+ pointer-events: none;
7469
+ }
7201
7470
 
7202
7471
  .dialog-fade-enter-active {
7203
7472
  animation: modal-fade-in var(--el-transition-duration);
@@ -7293,9 +7562,14 @@
7293
7562
  transform: translateY(-50%);
7294
7563
  }
7295
7564
 
7565
+ .el-overlay.is-drawer {
7566
+ overflow: hidden;
7567
+ }
7568
+
7296
7569
  .el-drawer {
7297
7570
  --el-drawer-bg-color: var(--el-dialog-bg-color, var(--el-bg-color));
7298
7571
  --el-drawer-padding-primary: var(--el-dialog-padding-primary, 20px);
7572
+ --el-drawer-dragger-size: 8px;
7299
7573
  }
7300
7574
 
7301
7575
  .el-drawer {
@@ -7305,7 +7579,6 @@
7305
7579
  display: flex;
7306
7580
  flex-direction: column;
7307
7581
  box-shadow: var(--el-box-shadow-dark);
7308
- overflow: hidden;
7309
7582
  transition: all var(--el-transition-duration);
7310
7583
  }
7311
7584
  .el-drawer .rtl {
@@ -7325,11 +7598,12 @@
7325
7598
  }
7326
7599
  .el-drawer__header {
7327
7600
  align-items: center;
7328
- color: rgb(114, 118, 123);
7601
+ color: var(--el-text-color-primary);
7329
7602
  display: flex;
7330
7603
  margin-bottom: 32px;
7331
7604
  padding: var(--el-drawer-padding-primary);
7332
7605
  padding-bottom: 0;
7606
+ overflow: hidden;
7333
7607
  }
7334
7608
  .el-drawer__header > :first-child {
7335
7609
  flex: 1;
@@ -7344,6 +7618,7 @@
7344
7618
  padding: var(--el-drawer-padding-primary);
7345
7619
  padding-top: 10px;
7346
7620
  text-align: right;
7621
+ overflow: hidden;
7347
7622
  }
7348
7623
 
7349
7624
  .el-drawer__close-btn {
@@ -7366,28 +7641,103 @@
7366
7641
  .el-drawer__body > * {
7367
7642
  box-sizing: border-box;
7368
7643
  }
7644
+ .el-drawer.is-dragging {
7645
+ transition: none;
7646
+ }
7647
+
7648
+ .el-drawer__dragger {
7649
+ position: absolute;
7650
+ background-color: transparent;
7651
+ user-select: none;
7652
+ transition: all 0.2s;
7653
+ }
7654
+ .el-drawer__dragger::before {
7655
+ content: "";
7656
+ position: absolute;
7657
+ background-color: transparent;
7658
+ transition: all 0.2s;
7659
+ }
7660
+ .el-drawer__dragger:hover::before {
7661
+ background-color: var(--el-color-primary);
7662
+ }
7663
+
7369
7664
  .el-drawer.ltr, .el-drawer.rtl {
7370
7665
  height: 100%;
7371
7666
  top: 0;
7372
7667
  bottom: 0;
7373
7668
  }
7669
+ .el-drawer.ltr > .el-drawer__dragger, .el-drawer.rtl > .el-drawer__dragger {
7670
+ height: 100%;
7671
+ width: var(--el-drawer-dragger-size);
7672
+ top: 0;
7673
+ bottom: 0;
7674
+ cursor: ew-resize;
7675
+ }
7676
+ .el-drawer.ltr > .el-drawer__dragger::before, .el-drawer.rtl > .el-drawer__dragger::before {
7677
+ top: 0;
7678
+ bottom: 0;
7679
+ width: 3px;
7680
+ }
7374
7681
  .el-drawer.ttb, .el-drawer.btt {
7375
7682
  width: 100%;
7376
7683
  left: 0;
7377
7684
  right: 0;
7378
7685
  }
7686
+ .el-drawer.ttb > .el-drawer__dragger, .el-drawer.btt > .el-drawer__dragger {
7687
+ width: 100%;
7688
+ height: var(--el-drawer-dragger-size);
7689
+ left: 0;
7690
+ right: 0;
7691
+ cursor: ns-resize;
7692
+ }
7693
+ .el-drawer.ttb > .el-drawer__dragger::before, .el-drawer.btt > .el-drawer__dragger::before {
7694
+ left: 0;
7695
+ right: 0;
7696
+ height: 3px;
7697
+ }
7379
7698
  .el-drawer.ltr {
7380
7699
  left: 0;
7381
7700
  }
7701
+ .el-drawer.ltr > .el-drawer__dragger {
7702
+ right: 0;
7703
+ }
7704
+ .el-drawer.ltr > .el-drawer__dragger::before {
7705
+ right: -2px;
7706
+ }
7382
7707
  .el-drawer.rtl {
7383
7708
  right: 0;
7384
7709
  }
7710
+ .el-drawer.rtl > .el-drawer__dragger {
7711
+ left: 0;
7712
+ }
7713
+ .el-drawer.rtl > .el-drawer__dragger::before {
7714
+ left: -2px;
7715
+ }
7385
7716
  .el-drawer.ttb {
7386
7717
  top: 0;
7387
7718
  }
7719
+ .el-drawer.ttb > .el-drawer__dragger {
7720
+ bottom: 0;
7721
+ }
7722
+ .el-drawer.ttb > .el-drawer__dragger::before {
7723
+ bottom: -2px;
7724
+ }
7388
7725
  .el-drawer.btt {
7389
7726
  bottom: 0;
7390
7727
  }
7728
+ .el-drawer.btt > .el-drawer__dragger {
7729
+ top: 0;
7730
+ }
7731
+ .el-drawer.btt > .el-drawer__dragger::before {
7732
+ top: -2px;
7733
+ }
7734
+
7735
+ .el-modal-drawer.is-penetrable {
7736
+ pointer-events: none;
7737
+ }
7738
+ .el-modal-drawer.is-penetrable .el-drawer {
7739
+ pointer-events: auto;
7740
+ }
7391
7741
 
7392
7742
  .el-drawer-fade-enter-active, .el-drawer-fade-leave-active {
7393
7743
  transition: all var(--el-transition-duration);
@@ -7644,23 +7994,6 @@
7644
7994
  height: var(--el-footer-height);
7645
7995
  }
7646
7996
 
7647
- .el-form {
7648
- --el-form-label-font-size: var(--el-font-size-base);
7649
- --el-form-inline-content-width: 220px;
7650
- }
7651
- .el-form--inline .el-form-item {
7652
- display: inline-flex;
7653
- vertical-align: middle;
7654
- margin-right: 32px;
7655
- }
7656
- .el-form--inline.el-form--label-top {
7657
- display: flex;
7658
- flex-wrap: wrap;
7659
- }
7660
- .el-form--inline.el-form--label-top .el-form-item {
7661
- display: block;
7662
- }
7663
-
7664
7997
  .el-form-item {
7665
7998
  display: flex;
7666
7999
  --font-size: 14px;
@@ -7727,19 +8060,26 @@
7727
8060
  }
7728
8061
 
7729
8062
  .el-form-item--label-left .el-form-item__label {
8063
+ text-align: left;
7730
8064
  justify-content: flex-start;
7731
8065
  }
7732
8066
 
8067
+ .el-form-item--label-right .el-form-item__label {
8068
+ text-align: right;
8069
+ justify-content: flex-end;
8070
+ }
8071
+
7733
8072
  .el-form-item--label-top {
7734
8073
  display: block;
7735
8074
  }
7736
8075
  .el-form-item--label-top .el-form-item__label {
7737
- display: inline-block;
7738
- vertical-align: middle;
8076
+ display: block;
8077
+ width: fit-content;
7739
8078
  height: auto;
7740
8079
  text-align: left;
7741
8080
  margin-bottom: 8px;
7742
8081
  line-height: 22px;
8082
+ padding-right: 0;
7743
8083
  }
7744
8084
 
7745
8085
  .el-form-item__label-wrap {
@@ -7748,7 +8088,6 @@
7748
8088
 
7749
8089
  .el-form-item__label {
7750
8090
  display: inline-flex;
7751
- justify-content: flex-end;
7752
8091
  align-items: flex-start;
7753
8092
  flex: 0 0 auto;
7754
8093
  font-size: var(--el-form-label-font-size);
@@ -7803,26 +8142,30 @@
7803
8142
  margin-left: 4px;
7804
8143
  }
7805
8144
 
7806
- .el-form-item.is-error .el-input__wrapper, .el-form-item.is-error .el-input__wrapper:hover, .el-form-item.is-error .el-input__wrapper:focus, .el-form-item.is-error .el-input__wrapper.is-focus,
7807
- .el-form-item.is-error .el-textarea__inner,
7808
- .el-form-item.is-error .el-textarea__inner:hover,
7809
- .el-form-item.is-error .el-textarea__inner:focus,
7810
- .el-form-item.is-error .el-textarea__inner.is-focus,
7811
- .el-form-item.is-error .el-select__wrapper,
7812
- .el-form-item.is-error .el-select__wrapper:hover,
7813
- .el-form-item.is-error .el-select__wrapper:focus,
7814
- .el-form-item.is-error .el-select__wrapper.is-focus {
8145
+ .el-form-item.is-error .el-form-item__content .el-input__wrapper, .el-form-item.is-error .el-form-item__content .el-input__wrapper:hover, .el-form-item.is-error .el-form-item__content .el-input__wrapper:focus, .el-form-item.is-error .el-form-item__content .el-input__wrapper.is-focus,
8146
+ .el-form-item.is-error .el-form-item__content .el-textarea__inner,
8147
+ .el-form-item.is-error .el-form-item__content .el-textarea__inner:hover,
8148
+ .el-form-item.is-error .el-form-item__content .el-textarea__inner:focus,
8149
+ .el-form-item.is-error .el-form-item__content .el-textarea__inner.is-focus,
8150
+ .el-form-item.is-error .el-form-item__content .el-select__wrapper,
8151
+ .el-form-item.is-error .el-form-item__content .el-select__wrapper:hover,
8152
+ .el-form-item.is-error .el-form-item__content .el-select__wrapper:focus,
8153
+ .el-form-item.is-error .el-form-item__content .el-select__wrapper.is-focus,
8154
+ .el-form-item.is-error .el-form-item__content .el-input-tag__wrapper,
8155
+ .el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:hover,
8156
+ .el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:focus,
8157
+ .el-form-item.is-error .el-form-item__content .el-input-tag__wrapper.is-focus {
7815
8158
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
7816
8159
  }
7817
- .el-form-item.is-error .el-input-group__append .el-input__wrapper,
7818
- .el-form-item.is-error .el-input-group__prepend .el-input__wrapper {
8160
+ .el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__wrapper,
8161
+ .el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__wrapper {
7819
8162
  box-shadow: 0 0 0 1px transparent inset;
7820
8163
  }
7821
- .el-form-item.is-error .el-input-group__append .el-input__validateIcon,
7822
- .el-form-item.is-error .el-input-group__prepend .el-input__validateIcon {
8164
+ .el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__validateIcon,
8165
+ .el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__validateIcon {
7823
8166
  display: none;
7824
8167
  }
7825
- .el-form-item.is-error .el-input__validateIcon {
8168
+ .el-form-item.is-error .el-form-item__content .el-input__validateIcon {
7826
8169
  color: var(--el-color-danger);
7827
8170
  }
7828
8171
 
@@ -7830,6 +8173,23 @@
7830
8173
  display: inline-flex;
7831
8174
  }
7832
8175
 
8176
+ .el-form {
8177
+ --el-form-label-font-size: var(--el-font-size-base);
8178
+ --el-form-inline-content-width: 220px;
8179
+ }
8180
+ .el-form--inline .el-form-item {
8181
+ display: inline-flex;
8182
+ vertical-align: middle;
8183
+ margin-right: 32px;
8184
+ }
8185
+ .el-form--inline.el-form--label-top {
8186
+ display: flex;
8187
+ flex-wrap: wrap;
8188
+ }
8189
+ .el-form--inline.el-form--label-top .el-form-item {
8190
+ display: block;
8191
+ }
8192
+
7833
8193
  .el-header {
7834
8194
  --el-header-padding: 0px;
7835
8195
  --el-header-height: 60px;
@@ -7846,6 +8206,9 @@
7846
8206
  bottom: 0;
7847
8207
  left: 0;
7848
8208
  }
8209
+ .el-image-viewer__wrapper:focus {
8210
+ outline: none !important;
8211
+ }
7849
8212
 
7850
8213
  .el-image-viewer__btn {
7851
8214
  position: absolute;
@@ -7860,7 +8223,6 @@
7860
8223
  user-select: none;
7861
8224
  }
7862
8225
  .el-image-viewer__btn .el-icon {
7863
- font-size: inherit;
7864
8226
  cursor: pointer;
7865
8227
  }
7866
8228
 
@@ -7886,7 +8248,6 @@
7886
8248
  left: 50%;
7887
8249
  bottom: 30px;
7888
8250
  transform: translateX(-50%);
7889
- width: 282px;
7890
8251
  height: 44px;
7891
8252
  padding: 0 23px;
7892
8253
  background-color: var(--el-text-color-regular);
@@ -7902,6 +8263,19 @@
7902
8263
  display: flex;
7903
8264
  align-items: center;
7904
8265
  justify-content: space-around;
8266
+ gap: 22px;
8267
+ padding: 0 6px;
8268
+ }
8269
+ .el-image-viewer__actions__divider {
8270
+ margin: 0 -6px;
8271
+ }
8272
+
8273
+ .el-image-viewer__progress {
8274
+ left: 50%;
8275
+ transform: translateX(-50%);
8276
+ cursor: default;
8277
+ color: #fff;
8278
+ bottom: 90px;
7905
8279
  }
7906
8280
 
7907
8281
  .el-image-viewer__prev {
@@ -7948,6 +8322,10 @@
7948
8322
  background: #000;
7949
8323
  }
7950
8324
 
8325
+ .el-image-viewer-parent--hidden {
8326
+ overflow: hidden;
8327
+ }
8328
+
7951
8329
  .viewer-fade-enter-active {
7952
8330
  animation: viewer-fade-in var(--el-transition-duration);
7953
8331
  }
@@ -8081,6 +8459,16 @@
8081
8459
  bottom: 5px;
8082
8460
  right: 10px;
8083
8461
  }
8462
+ .el-textarea .el-input__count.is-outside {
8463
+ position: absolute;
8464
+ background: transparent;
8465
+ padding-top: 2px;
8466
+ top: 100%;
8467
+ right: 0;
8468
+ bottom: unset;
8469
+ line-height: 1;
8470
+ }
8471
+
8084
8472
  .el-textarea.is-disabled .el-textarea__inner {
8085
8473
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
8086
8474
  background-color: var(--el-disabled-bg-color);
@@ -8168,6 +8556,19 @@
8168
8556
  display: inline-block;
8169
8557
  padding-left: 8px;
8170
8558
  }
8559
+ .el-input .el-input__count.is-outside {
8560
+ height: unset;
8561
+ position: absolute;
8562
+ padding-top: 2px;
8563
+ top: 100%;
8564
+ right: 0;
8565
+ }
8566
+ .el-input .el-input__count.is-outside .el-input__count-inner {
8567
+ background: transparent;
8568
+ padding-left: 0px;
8569
+ line-height: 1;
8570
+ }
8571
+
8171
8572
  .el-input__wrapper {
8172
8573
  display: inline-flex;
8173
8574
  flex-grow: 1;
@@ -8189,8 +8590,10 @@
8189
8590
  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
8190
8591
  }
8191
8592
 
8192
- .el-input__inner {
8593
+ .el-input {
8193
8594
  --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
8595
+ }
8596
+ .el-input__inner {
8194
8597
  width: 100%;
8195
8598
  flex-grow: 1;
8196
8599
  -webkit-appearance: none;
@@ -8223,6 +8626,7 @@
8223
8626
  flex-shrink: 0;
8224
8627
  flex-wrap: nowrap;
8225
8628
  height: 100%;
8629
+ line-height: var(--el-input-inner-height);
8226
8630
  text-align: center;
8227
8631
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
8228
8632
  transition: all var(--el-transition-duration);
@@ -8248,6 +8652,7 @@
8248
8652
  flex-shrink: 0;
8249
8653
  flex-wrap: nowrap;
8250
8654
  height: 100%;
8655
+ line-height: var(--el-input-inner-height);
8251
8656
  text-align: center;
8252
8657
  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
8253
8658
  transition: all var(--el-transition-duration);
@@ -8286,6 +8691,7 @@
8286
8691
  }
8287
8692
  .el-input.is-disabled .el-input__wrapper {
8288
8693
  background-color: var(--el-disabled-bg-color);
8694
+ cursor: not-allowed;
8289
8695
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
8290
8696
  }
8291
8697
  .el-input.is-disabled .el-input__inner {
@@ -8299,6 +8705,10 @@
8299
8705
  .el-input.is-disabled .el-input__icon {
8300
8706
  cursor: not-allowed;
8301
8707
  }
8708
+ .el-input.is-disabled .el-input__prefix-inner,
8709
+ .el-input.is-disabled .el-input__suffix-inner {
8710
+ pointer-events: none;
8711
+ }
8302
8712
 
8303
8713
  .el-input.is-exceed .el-input__wrapper {
8304
8714
  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
@@ -8315,7 +8725,7 @@
8315
8725
  padding: 1px 15px;
8316
8726
  }
8317
8727
 
8318
- .el-input--large .el-input__inner {
8728
+ .el-input--large {
8319
8729
  --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px);
8320
8730
  }
8321
8731
 
@@ -8327,7 +8737,7 @@
8327
8737
  padding: 1px 7px;
8328
8738
  }
8329
8739
 
8330
- .el-input--small .el-input__inner {
8740
+ .el-input--small {
8331
8741
  --el-input-inner-height: calc(var(--el-input-height, 24px) - 2px);
8332
8742
  }
8333
8743
 
@@ -8355,6 +8765,7 @@
8355
8765
  .el-input-group__append .el-button, .el-input-group__prepend .el-select,
8356
8766
  .el-input-group__prepend .el-button {
8357
8767
  display: inline-block;
8768
+ flex: 1;
8358
8769
  margin: 0 -20px;
8359
8770
  }
8360
8771
  .el-input-group__append button.el-button,
@@ -8433,6 +8844,18 @@
8433
8844
  margin: 0;
8434
8845
  -webkit-appearance: none;
8435
8846
  }
8847
+ .el-input-number.is-left .el-input__inner {
8848
+ text-align: left;
8849
+ }
8850
+
8851
+ .el-input-number.is-right .el-input__inner {
8852
+ text-align: right;
8853
+ }
8854
+
8855
+ .el-input-number.is-center .el-input__inner {
8856
+ text-align: center;
8857
+ }
8858
+
8436
8859
  .el-input-number__increase, .el-input-number__decrease {
8437
8860
  display: flex;
8438
8861
  justify-content: center;
@@ -8490,6 +8913,10 @@
8490
8913
  font-size: 14px;
8491
8914
  }
8492
8915
 
8916
+ .el-input-number--large.is-controls-right .el-input--large .el-input__wrapper {
8917
+ padding-right: 47px;
8918
+ }
8919
+
8493
8920
  .el-input-number--large .el-input--large .el-input__wrapper {
8494
8921
  padding-left: 47px;
8495
8922
  padding-right: 47px;
@@ -8504,56 +8931,254 @@
8504
8931
  font-size: 12px;
8505
8932
  }
8506
8933
 
8934
+ .el-input-number--small.is-controls-right .el-input--small .el-input__wrapper {
8935
+ padding-right: 31px;
8936
+ }
8937
+
8507
8938
  .el-input-number--small .el-input--small .el-input__wrapper {
8508
8939
  padding-left: 31px;
8509
8940
  padding-right: 31px;
8510
8941
  }
8511
8942
 
8512
- .el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
8513
- transform: scale(0.9);
8943
+ .el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
8944
+ transform: scale(0.9);
8945
+ }
8946
+
8947
+ .el-input-number.is-without-controls .el-input__wrapper {
8948
+ padding-left: 15px;
8949
+ padding-right: 15px;
8950
+ }
8951
+
8952
+ .el-input-number.is-controls-right .el-input__wrapper {
8953
+ padding-left: 15px;
8954
+ padding-right: 42px;
8955
+ }
8956
+ .el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
8957
+ --el-input-number-controls-height: 15px;
8958
+ height: var(--el-input-number-controls-height);
8959
+ line-height: var(--el-input-number-controls-height);
8960
+ }
8961
+ .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] {
8962
+ transform: scale(0.8);
8963
+ }
8964
+
8965
+ .el-input-number.is-controls-right .el-input-number__increase {
8966
+ bottom: auto;
8967
+ left: auto;
8968
+ border-radius: 0 var(--el-border-radius-base) 0 0;
8969
+ border-bottom: var(--el-border);
8970
+ }
8971
+
8972
+ .el-input-number.is-controls-right .el-input-number__decrease {
8973
+ right: 1px;
8974
+ top: auto;
8975
+ left: auto;
8976
+ border-right: none;
8977
+ border-left: var(--el-border);
8978
+ border-radius: 0 0 var(--el-border-radius-base) 0;
8979
+ }
8980
+
8981
+ .el-input-number.is-controls-right[class*=large] [class*=increase],
8982
+ .el-input-number.is-controls-right[class*=large] [class*=decrease] {
8983
+ --el-input-number-controls-height: 19px;
8984
+ }
8985
+ .el-input-number.is-controls-right[class*=small] [class*=increase],
8986
+ .el-input-number.is-controls-right[class*=small] [class*=decrease] {
8987
+ --el-input-number-controls-height: 11px;
8988
+ }
8989
+
8990
+ .el-input-tag {
8991
+ --el-input-tag-border-color-hover: var(--el-border-color-hover);
8992
+ --el-input-tag-placeholder-color: var(--el-text-color-placeholder);
8993
+ --el-input-tag-disabled-color: var(--el-disabled-text-color);
8994
+ --el-input-tag-disabled-border: var(--el-disabled-border-color);
8995
+ --el-input-tag-font-size: var(--el-font-size-base);
8996
+ --el-input-tag-close-hover-color: var(--el-text-color-secondary);
8997
+ --el-input-tag-text-color: var(--el-text-color-regular);
8998
+ --el-input-tag-input-focus-border-color: var(--el-color-primary);
8999
+ --el-input-tag-width: 100%;
9000
+ --el-input-tag-mini-height: var(--el-component-size);
9001
+ --el-input-tag-gap: 6px;
9002
+ --el-input-tag-padding: 4px;
9003
+ --el-input-tag-inner-padding: 8px;
9004
+ --el-input-tag-line-height: 24px;
9005
+ }
9006
+
9007
+ .el-input-tag {
9008
+ display: flex;
9009
+ align-items: center;
9010
+ box-sizing: border-box;
9011
+ cursor: pointer;
9012
+ font-size: var(--el-input-tag-font-size);
9013
+ padding: var(--el-input-tag-padding);
9014
+ width: var(--el-input-tag-width);
9015
+ min-height: var(--el-input-tag-mini-height);
9016
+ line-height: var(--el-input-tag-line-height);
9017
+ border-radius: var(--el-border-radius-base);
9018
+ background-color: var(--el-fill-color-blank);
9019
+ transition: var(--el-transition-duration);
9020
+ transform: translate3d(0, 0, 0);
9021
+ box-shadow: 0 0 0 1px var(--el-border-color) inset;
9022
+ }
9023
+ .el-input-tag.is-focused {
9024
+ box-shadow: 0 0 0 1px var(--el-color-primary) inset;
9025
+ }
9026
+
9027
+ .el-input-tag.is-hovering:not(.is-focused) {
9028
+ box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
9029
+ }
9030
+
9031
+ .el-input-tag.is-disabled {
9032
+ cursor: not-allowed;
9033
+ background-color: var(--el-fill-color-light);
9034
+ box-shadow: 0 0 0 1px var(--el-input-tag-disabled-border) inset;
9035
+ }
9036
+ .el-input-tag.is-disabled:hover {
9037
+ box-shadow: 0 0 0 1px var(--el-input-tag-disabled-border) inset;
9038
+ }
9039
+ .el-input-tag.is-disabled.is-focus {
9040
+ box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
9041
+ }
9042
+ .el-input-tag.is-disabled .el-input-tag__inner .el-input-tag__input {
9043
+ cursor: not-allowed;
9044
+ }
9045
+
9046
+ .el-input-tag.is-disabled .el-input-tag__inner .el-tag {
9047
+ cursor: not-allowed;
9048
+ }
9049
+
9050
+ .el-input-tag__prefix {
9051
+ display: flex;
9052
+ align-items: center;
9053
+ flex-shrink: 0;
9054
+ padding: 0 var(--el-input-tag-inner-padding);
9055
+ color: var(--el-input-icon-color, var(--el-text-color-placeholder));
9056
+ }
9057
+
9058
+ .el-input-tag__suffix {
9059
+ display: flex;
9060
+ align-items: center;
9061
+ flex-shrink: 0;
9062
+ padding: 0 var(--el-input-tag-inner-padding);
9063
+ gap: 8px;
9064
+ color: var(--el-input-icon-color, var(--el-text-color-placeholder));
9065
+ }
9066
+
9067
+ .el-input-tag__input-tag-list {
9068
+ position: relative;
9069
+ display: flex;
9070
+ flex-wrap: wrap;
9071
+ align-items: center;
9072
+ flex: 1;
9073
+ min-width: 0;
9074
+ gap: 6px;
9075
+ }
9076
+ .el-input-tag__input-tag-list.is-near {
9077
+ margin-left: -8px;
9078
+ }
9079
+
9080
+ .el-input-tag__input-tag-list .el-tag {
9081
+ cursor: pointer;
9082
+ border-color: transparent;
9083
+ }
9084
+ .el-input-tag__input-tag-list .el-tag.el-tag--plain {
9085
+ border-color: var(--el-tag-border-color);
9086
+ }
9087
+ .el-input-tag__input-tag-list .el-tag .el-tag__content {
9088
+ min-width: 0;
9089
+ }
9090
+
9091
+ .el-input-tag__inner {
9092
+ position: relative;
9093
+ display: flex;
9094
+ flex-wrap: wrap;
9095
+ align-items: center;
9096
+ flex: 1;
9097
+ max-width: 100%;
9098
+ min-width: 0;
9099
+ gap: var(--el-input-tag-gap);
9100
+ }
9101
+ .el-input-tag__inner.is-left-space {
9102
+ margin-left: var(--el-input-tag-inner-padding);
9103
+ }
9104
+
9105
+ .el-input-tag__inner.is-right-space {
9106
+ margin-right: var(--el-input-tag-inner-padding);
8514
9107
  }
8515
9108
 
8516
- .el-input-number.is-without-controls .el-input__wrapper {
8517
- padding-left: 15px;
8518
- padding-right: 15px;
9109
+ .el-input-tag__inner.is-draggable .el-tag {
9110
+ cursor: move;
9111
+ user-select: none;
8519
9112
  }
8520
9113
 
8521
- .el-input-number.is-controls-right .el-input__wrapper {
8522
- padding-left: 15px;
8523
- padding-right: 42px;
9114
+ .el-input-tag__drop-indicator {
9115
+ position: absolute;
9116
+ top: 0;
9117
+ width: 1px;
9118
+ height: var(--el-input-tag-line-height);
9119
+ background-color: var(--el-color-primary);
8524
9120
  }
8525
- .el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
8526
- --el-input-number-controls-height: 15px;
8527
- height: var(--el-input-number-controls-height);
8528
- line-height: var(--el-input-number-controls-height);
9121
+
9122
+ .el-input-tag__inner .el-tag {
9123
+ max-width: 100%;
9124
+ cursor: pointer;
9125
+ border-color: transparent;
8529
9126
  }
8530
- .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] {
8531
- transform: scale(0.8);
9127
+ .el-input-tag__inner .el-tag.el-tag--plain {
9128
+ border-color: var(--el-tag-border-color);
9129
+ }
9130
+ .el-input-tag__inner .el-tag .el-tag__content {
9131
+ min-width: 0;
9132
+ line-height: normal;
9133
+ overflow: hidden;
9134
+ text-overflow: ellipsis;
9135
+ white-space: nowrap;
8532
9136
  }
8533
9137
 
8534
- .el-input-number.is-controls-right .el-input-number__increase {
8535
- bottom: auto;
8536
- left: auto;
8537
- border-radius: 0 var(--el-border-radius-base) 0 0;
8538
- border-bottom: var(--el-border);
9138
+ .el-input-tag__input-wrapper {
9139
+ flex: 1;
8539
9140
  }
8540
9141
 
8541
- .el-input-number.is-controls-right .el-input-number__decrease {
8542
- right: 1px;
8543
- top: auto;
8544
- left: auto;
8545
- border-right: none;
8546
- border-left: var(--el-border);
8547
- border-radius: 0 0 var(--el-border-radius-base) 0;
9142
+ .el-input-tag__input {
9143
+ border: none;
9144
+ outline: none;
9145
+ padding: 0;
9146
+ color: var(--el-input-tag-text-color);
9147
+ font-size: inherit;
9148
+ font-family: inherit;
9149
+ line-height: inherit;
9150
+ appearance: none;
9151
+ width: 100%;
9152
+ background-color: transparent;
9153
+ }
9154
+ .el-input-tag__input::placeholder {
9155
+ color: var(--el-input-tag-placeholder-color);
8548
9156
  }
8549
9157
 
8550
- .el-input-number.is-controls-right[class*=large] [class*=increase],
8551
- .el-input-number.is-controls-right[class*=large] [class*=decrease] {
8552
- --el-input-number-controls-height: 19px;
9158
+ .el-input-tag__input-calculator {
9159
+ position: absolute;
9160
+ left: 0;
9161
+ top: 0;
9162
+ max-width: 100%;
9163
+ visibility: hidden;
9164
+ white-space: pre;
9165
+ overflow: hidden;
8553
9166
  }
8554
- .el-input-number.is-controls-right[class*=small] [class*=increase],
8555
- .el-input-number.is-controls-right[class*=small] [class*=decrease] {
8556
- --el-input-number-controls-height: 11px;
9167
+
9168
+ .el-input-tag--large {
9169
+ --el-input-tag-gap: 6px;
9170
+ --el-input-tag-padding: 8px;
9171
+ --el-input-tag-padding-left: 8px;
9172
+ --el-input-tag-font-size: 14px;
9173
+ }
9174
+
9175
+ .el-input-tag--small {
9176
+ --el-input-tag-gap: 4px;
9177
+ --el-input-tag-padding: 2px;
9178
+ --el-input-tag-padding-left: 6px;
9179
+ --el-input-tag-font-size: 12px;
9180
+ --el-input-tag-line-height: 20px;
9181
+ --el-input-tag-mini-height: var(--el-component-size-small);
8557
9182
  }
8558
9183
 
8559
9184
  .el-link {
@@ -8566,9 +9191,9 @@
8566
9191
 
8567
9192
  .el-link {
8568
9193
  display: inline-flex;
8569
- flex-direction: row;
8570
- align-items: center;
8571
9194
  justify-content: center;
9195
+ align-items: center;
9196
+ flex-direction: row;
8572
9197
  vertical-align: middle;
8573
9198
  position: relative;
8574
9199
  text-decoration: none;
@@ -8579,10 +9204,7 @@
8579
9204
  font-weight: var(--el-link-font-weight);
8580
9205
  color: var(--el-link-text-color);
8581
9206
  }
8582
- .el-link:hover {
8583
- color: var(--el-link-hover-text-color);
8584
- }
8585
- .el-link.is-underline:hover:after {
9207
+ .el-link.is-hover-underline:hover:after {
8586
9208
  content: "";
8587
9209
  position: absolute;
8588
9210
  left: 0;
@@ -8592,17 +9214,25 @@
8592
9214
  border-bottom: 1px solid var(--el-link-hover-text-color);
8593
9215
  }
8594
9216
 
8595
- .el-link.is-disabled {
8596
- color: var(--el-link-disabled-text-color);
8597
- cursor: not-allowed;
9217
+ .el-link.is-underline:after {
9218
+ content: "";
9219
+ position: absolute;
9220
+ left: 0;
9221
+ right: 0;
9222
+ height: 0;
9223
+ bottom: 0;
9224
+ border-bottom: 1px solid var(--el-link-text-color);
8598
9225
  }
8599
9226
 
8600
- .el-link [class*=el-icon-] + span {
8601
- margin-left: 5px;
9227
+ .el-link:hover {
9228
+ color: var(--el-link-hover-text-color);
8602
9229
  }
8603
- .el-link.el-link--default:after {
9230
+ .el-link:hover:after {
8604
9231
  border-color: var(--el-link-hover-text-color);
8605
9232
  }
9233
+ .el-link [class*=el-icon-] + span {
9234
+ margin-left: 5px;
9235
+ }
8606
9236
  .el-link__inner {
8607
9237
  display: inline-flex;
8608
9238
  justify-content: center;
@@ -8614,71 +9244,37 @@
8614
9244
  --el-link-hover-text-color: var(--el-color-primary-light-3);
8615
9245
  --el-link-disabled-text-color: var(--el-color-primary-light-5);
8616
9246
  }
8617
- .el-link.el-link--primary:after {
8618
- border-color: var(--el-link-text-color);
8619
- }
8620
- .el-link.el-link--primary.is-underline:hover:after {
8621
- border-color: var(--el-link-text-color);
8622
- }
8623
-
8624
9247
  .el-link.el-link--success {
8625
9248
  --el-link-text-color: var(--el-color-success);
8626
9249
  --el-link-hover-text-color: var(--el-color-success-light-3);
8627
9250
  --el-link-disabled-text-color: var(--el-color-success-light-5);
8628
9251
  }
8629
- .el-link.el-link--success:after {
8630
- border-color: var(--el-link-text-color);
8631
- }
8632
- .el-link.el-link--success.is-underline:hover:after {
8633
- border-color: var(--el-link-text-color);
8634
- }
8635
-
8636
9252
  .el-link.el-link--warning {
8637
9253
  --el-link-text-color: var(--el-color-warning);
8638
9254
  --el-link-hover-text-color: var(--el-color-warning-light-3);
8639
9255
  --el-link-disabled-text-color: var(--el-color-warning-light-5);
8640
9256
  }
8641
- .el-link.el-link--warning:after {
8642
- border-color: var(--el-link-text-color);
8643
- }
8644
- .el-link.el-link--warning.is-underline:hover:after {
8645
- border-color: var(--el-link-text-color);
8646
- }
8647
-
8648
9257
  .el-link.el-link--danger {
8649
9258
  --el-link-text-color: var(--el-color-danger);
8650
9259
  --el-link-hover-text-color: var(--el-color-danger-light-3);
8651
9260
  --el-link-disabled-text-color: var(--el-color-danger-light-5);
8652
9261
  }
8653
- .el-link.el-link--danger:after {
8654
- border-color: var(--el-link-text-color);
8655
- }
8656
- .el-link.el-link--danger.is-underline:hover:after {
8657
- border-color: var(--el-link-text-color);
8658
- }
8659
-
8660
9262
  .el-link.el-link--error {
8661
9263
  --el-link-text-color: var(--el-color-error);
8662
9264
  --el-link-hover-text-color: var(--el-color-error-light-3);
8663
9265
  --el-link-disabled-text-color: var(--el-color-error-light-5);
8664
9266
  }
8665
- .el-link.el-link--error:after {
8666
- border-color: var(--el-link-text-color);
8667
- }
8668
- .el-link.el-link--error.is-underline:hover:after {
8669
- border-color: var(--el-link-text-color);
8670
- }
8671
-
8672
9267
  .el-link.el-link--info {
8673
9268
  --el-link-text-color: var(--el-color-info);
8674
9269
  --el-link-hover-text-color: var(--el-color-info-light-3);
8675
9270
  --el-link-disabled-text-color: var(--el-color-info-light-5);
8676
9271
  }
8677
- .el-link.el-link--info:after {
8678
- border-color: var(--el-link-text-color);
9272
+ .el-link.is-disabled {
9273
+ color: var(--el-link-disabled-text-color);
9274
+ cursor: not-allowed;
8679
9275
  }
8680
- .el-link.el-link--info.is-underline:hover:after {
8681
- border-color: var(--el-link-text-color);
9276
+ .el-link.is-disabled:after {
9277
+ border-color: var(--el-link-disabled-text-color);
8682
9278
  }
8683
9279
 
8684
9280
  :root {
@@ -8870,12 +9466,12 @@
8870
9466
  .el-menu--horizontal .el-menu .el-sub-menu__title {
8871
9467
  padding-right: 40px;
8872
9468
  }
8873
- .el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title {
9469
+ .el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-menu-item.is-active:hover, .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title, .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title:hover {
8874
9470
  color: var(--el-menu-active-color);
8875
9471
  }
8876
9472
  .el-menu--horizontal .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
8877
9473
  outline: none;
8878
- color: var(--el-menu-hover-text-color);
9474
+ color: var(--el-menu-active-color, var(--el-menu-hover-text-color));
8879
9475
  background-color: var(--el-menu-hover-bg-color);
8880
9476
  }
8881
9477
  .el-menu--horizontal > .el-menu-item.is-active {
@@ -9039,6 +9635,9 @@
9039
9635
  height: var(--el-menu-sub-item-height);
9040
9636
  line-height: var(--el-menu-sub-item-height);
9041
9637
  }
9638
+ .el-sub-menu.el-sub-menu__hide-arrow .el-sub-menu__title {
9639
+ padding-right: var(--el-menu-base-level-padding);
9640
+ }
9042
9641
  .el-sub-menu__hide-arrow .el-sub-menu__icon-arrow {
9043
9642
  display: none !important;
9044
9643
  }
@@ -9090,6 +9689,12 @@
9090
9689
  opacity: 0;
9091
9690
  }
9092
9691
 
9692
+ .el-popper,
9693
+ .el-menu--popup-container,
9694
+ .el-menu {
9695
+ outline: none;
9696
+ }
9697
+
9093
9698
  .el-message-box {
9094
9699
  --el-messagebox-title-color: var(--el-text-color-primary);
9095
9700
  --el-messagebox-width: 420px;
@@ -9123,7 +9728,7 @@
9123
9728
  .el-message-box:focus {
9124
9729
  outline: none !important;
9125
9730
  }
9126
- .el-overlay.is-message-box .el-overlay-message-box {
9731
+ .is-message-box .el-overlay-message-box {
9127
9732
  text-align: center;
9128
9733
  position: fixed;
9129
9734
  top: 0;
@@ -9133,7 +9738,7 @@
9133
9738
  padding: 16px;
9134
9739
  overflow: auto;
9135
9740
  }
9136
- .el-overlay.is-message-box .el-overlay-message-box::after {
9741
+ .is-message-box .el-overlay-message-box::after {
9137
9742
  content: "";
9138
9743
  display: inline-block;
9139
9744
  height: 100%;
@@ -9204,6 +9809,10 @@
9204
9809
  .el-message-box__status {
9205
9810
  font-size: 24px;
9206
9811
  }
9812
+ .el-message-box__status.el-message-box-icon--primary {
9813
+ --el-messagebox-color: var(--el-color-primary);
9814
+ color: var(--el-messagebox-color);
9815
+ }
9207
9816
  .el-message-box__status.el-message-box-icon--success {
9208
9817
  --el-messagebox-color: var(--el-color-success);
9209
9818
  color: var(--el-messagebox-color);
@@ -9223,6 +9832,7 @@
9223
9832
 
9224
9833
  .el-message-box__message {
9225
9834
  margin: 0;
9835
+ min-width: 0;
9226
9836
  }
9227
9837
  .el-message-box__message p {
9228
9838
  margin: 0;
@@ -9262,6 +9872,10 @@
9262
9872
  justify-content: center;
9263
9873
  }
9264
9874
 
9875
+ .el-message-box-parent--hidden {
9876
+ overflow: hidden;
9877
+ }
9878
+
9265
9879
  .fade-in-linear-enter-active .el-overlay-message-box {
9266
9880
  animation: msgbox-fade-in var(--el-transition-duration);
9267
9881
  }
@@ -9298,20 +9912,24 @@
9298
9912
  border-style: var(--el-border-style);
9299
9913
  border-color: var(--el-message-border-color);
9300
9914
  position: fixed;
9301
- left: 50%;
9302
- top: 20px;
9303
- transform: translateX(-50%);
9304
9915
  background-color: var(--el-message-bg-color);
9305
- transition: opacity var(--el-transition-duration), transform 0.4s, top 0.4s;
9916
+ transition: opacity var(--el-transition-duration), transform 0.4s, top 0.4s, bottom 0.4s;
9306
9917
  padding: var(--el-message-padding);
9307
9918
  display: flex;
9308
9919
  align-items: center;
9309
9920
  gap: 8px;
9310
9921
  }
9922
+ .el-message.is-left {
9923
+ left: 16px;
9924
+ }
9925
+ .el-message.is-right {
9926
+ right: 16px;
9927
+ }
9311
9928
  .el-message.is-center {
9312
- justify-content: center;
9929
+ left: 0;
9930
+ right: 0;
9931
+ margin: 0 auto;
9313
9932
  }
9314
-
9315
9933
  .el-message.is-plain {
9316
9934
  background-color: var(--el-bg-color-overlay);
9317
9935
  border-color: var(--el-bg-color-overlay);
@@ -9321,6 +9939,19 @@
9321
9939
  .el-message p {
9322
9940
  margin: 0;
9323
9941
  }
9942
+ .el-message--primary {
9943
+ --el-message-bg-color: var(--el-color-primary-light-9);
9944
+ --el-message-border-color: var(--el-color-primary-light-8);
9945
+ --el-message-text-color: var(--el-color-primary);
9946
+ }
9947
+ .el-message--primary .el-message__content {
9948
+ color: var(--el-message-text-color);
9949
+ overflow-wrap: break-word;
9950
+ }
9951
+
9952
+ .el-message .el-message-icon--primary {
9953
+ color: var(--el-message-text-color);
9954
+ }
9324
9955
  .el-message--success {
9325
9956
  --el-message-bg-color: var(--el-color-success-light-9);
9326
9957
  --el-message-border-color: var(--el-color-success-light-8);
@@ -9402,7 +10033,11 @@
9402
10033
  .el-message-fade-enter-from,
9403
10034
  .el-message-fade-leave-to {
9404
10035
  opacity: 0;
9405
- transform: translate(-50%, -100%);
10036
+ transform: translateY(-100%);
10037
+ }
10038
+ .el-message-fade-enter-from.is-bottom,
10039
+ .el-message-fade-leave-to.is-bottom {
10040
+ transform: translateY(100%);
9406
10041
  }
9407
10042
 
9408
10043
  .el-notification {
@@ -9445,6 +10080,8 @@
9445
10080
  left: 16px;
9446
10081
  }
9447
10082
  .el-notification__group {
10083
+ flex: 1;
10084
+ min-width: 0;
9448
10085
  margin-left: var(--el-notification-group-margin-left);
9449
10086
  margin-right: var(--el-notification-group-margin-right);
9450
10087
  }
@@ -9468,6 +10105,7 @@
9468
10105
  }
9469
10106
 
9470
10107
  .el-notification .el-notification__icon {
10108
+ flex-shrink: 0;
9471
10109
  height: var(--el-notification-icon-size);
9472
10110
  width: var(--el-notification-icon-size);
9473
10111
  font-size: var(--el-notification-icon-size);
@@ -9483,6 +10121,10 @@
9483
10121
  .el-notification .el-notification__closeBtn:hover {
9484
10122
  color: var(--el-notification-close-hover-color);
9485
10123
  }
10124
+ .el-notification .el-notification--primary {
10125
+ --el-notification-icon-color: var(--el-color-primary);
10126
+ color: var(--el-notification-icon-color);
10127
+ }
9486
10128
  .el-notification .el-notification--success {
9487
10129
  --el-notification-icon-color: var(--el-color-success);
9488
10130
  color: var(--el-notification-icon-color);
@@ -9610,7 +10252,8 @@
9610
10252
  .el-pagination .el-select {
9611
10253
  width: 128px;
9612
10254
  }
9613
- .el-pagination button {
10255
+ .el-pagination .btn-prev,
10256
+ .el-pagination .btn-next {
9614
10257
  display: flex;
9615
10258
  justify-content: center;
9616
10259
  align-items: center;
@@ -9627,30 +10270,38 @@
9627
10270
  text-align: center;
9628
10271
  box-sizing: border-box;
9629
10272
  }
9630
- .el-pagination button * {
10273
+ .el-pagination .btn-prev *,
10274
+ .el-pagination .btn-next * {
9631
10275
  pointer-events: none;
9632
10276
  }
9633
- .el-pagination button:focus {
10277
+ .el-pagination .btn-prev:focus,
10278
+ .el-pagination .btn-next:focus {
9634
10279
  outline: none;
9635
10280
  }
9636
- .el-pagination button:hover {
10281
+ .el-pagination .btn-prev:hover,
10282
+ .el-pagination .btn-next:hover {
9637
10283
  color: var(--el-pagination-hover-color);
9638
10284
  }
9639
- .el-pagination button.is-active {
10285
+ .el-pagination .btn-prev.is-active,
10286
+ .el-pagination .btn-next.is-active {
9640
10287
  color: var(--el-pagination-hover-color);
9641
10288
  cursor: default;
9642
10289
  font-weight: bold;
9643
10290
  }
9644
- .el-pagination button.is-active.is-disabled {
10291
+ .el-pagination .btn-prev.is-active.is-disabled,
10292
+ .el-pagination .btn-next.is-active.is-disabled {
9645
10293
  font-weight: bold;
9646
10294
  color: var(--el-text-color-secondary);
9647
10295
  }
9648
- .el-pagination button:disabled, .el-pagination button.is-disabled {
10296
+ .el-pagination .btn-prev:disabled, .el-pagination .btn-prev.is-disabled,
10297
+ .el-pagination .btn-next:disabled,
10298
+ .el-pagination .btn-next.is-disabled {
9649
10299
  color: var(--el-pagination-button-disabled-color);
9650
10300
  background-color: var(--el-pagination-button-disabled-bg-color);
9651
10301
  cursor: not-allowed;
9652
10302
  }
9653
- .el-pagination button:focus-visible {
10303
+ .el-pagination .btn-prev:focus-visible,
10304
+ .el-pagination .btn-next:focus-visible {
9654
10305
  outline: 1px solid var(--el-pagination-hover-color);
9655
10306
  outline-offset: -1px;
9656
10307
  }
@@ -9838,6 +10489,9 @@
9838
10489
  outline-offset: -1px;
9839
10490
  }
9840
10491
 
10492
+ .el-popconfirm {
10493
+ outline: none;
10494
+ }
9841
10495
  .el-popconfirm__main {
9842
10496
  display: flex;
9843
10497
  align-items: center;
@@ -10067,14 +10721,12 @@
10067
10721
  white-space: nowrap;
10068
10722
  vertical-align: middle;
10069
10723
  background: var(--el-button-bg-color, var(--el-fill-color-blank));
10070
- border: var(--el-border);
10724
+ outline: var(--el-border);
10071
10725
  font-weight: var(--el-button-font-weight, var(--el-font-weight-primary));
10072
- border-left: 0;
10073
10726
  color: var(--el-button-text-color, var(--el-text-color-regular));
10074
10727
  -webkit-appearance: none;
10075
10728
  text-align: center;
10076
10729
  box-sizing: border-box;
10077
- outline: none;
10078
10730
  margin: 0;
10079
10731
  position: relative;
10080
10732
  cursor: pointer;
@@ -10098,7 +10750,6 @@
10098
10750
  }
10099
10751
 
10100
10752
  .el-radio-button:first-child .el-radio-button__inner {
10101
- border-left: var(--el-border);
10102
10753
  border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
10103
10754
  box-shadow: none !important;
10104
10755
  }
@@ -10276,6 +10927,7 @@
10276
10927
  background: var(--el-color-primary);
10277
10928
  }
10278
10929
  .el-radio__input.is-checked .el-radio__inner::after {
10930
+ background-color: var(--el-color-white);
10279
10931
  transform: translate(-50%, -50%) scale(1);
10280
10932
  }
10281
10933
  .el-radio__input.is-checked + .el-radio__label {
@@ -10296,6 +10948,7 @@
10296
10948
  cursor: pointer;
10297
10949
  display: inline-block;
10298
10950
  box-sizing: border-box;
10951
+ transition: all 0.3s;
10299
10952
  }
10300
10953
  .el-radio__inner:hover {
10301
10954
  border-color: var(--el-radio-input-border-color-hover);
@@ -10304,7 +10957,6 @@
10304
10957
  width: 4px;
10305
10958
  height: 4px;
10306
10959
  border-radius: var(--el-radio-input-border-radius);
10307
- background-color: var(--el-color-white);
10308
10960
  content: "";
10309
10961
  position: absolute;
10310
10962
  left: 50%;
@@ -10368,6 +11020,7 @@
10368
11020
  --el-rate-fill-color: #f7ba2a;
10369
11021
  --el-rate-disabled-void-color: var(--el-fill-color);
10370
11022
  --el-rate-text-color: var(--el-text-color-primary);
11023
+ --el-rate-outline-color: var(--el-color-primary-light-5);
10371
11024
  }
10372
11025
 
10373
11026
  .el-rate {
@@ -10378,6 +11031,11 @@
10378
11031
  .el-rate:focus, .el-rate:active {
10379
11032
  outline: none;
10380
11033
  }
11034
+ .el-rate:focus-visible .el-rate__item .el-rate__icon.is-focus-visible {
11035
+ outline: 2px solid var(--el-rate-outline-color);
11036
+ transition: outline-offset 0s, outline 0s;
11037
+ }
11038
+
10381
11039
  .el-rate__item {
10382
11040
  cursor: pointer;
10383
11041
  display: inline-block;
@@ -10438,7 +11096,7 @@
10438
11096
  }
10439
11097
 
10440
11098
  .el-rate.is-disabled .el-rate__item {
10441
- cursor: auto;
11099
+ cursor: not-allowed;
10442
11100
  color: var(--el-rate-disabled-void-color);
10443
11101
  }
10444
11102
 
@@ -10736,10 +11394,14 @@
10736
11394
  }
10737
11395
 
10738
11396
  .el-select-group__title {
10739
- padding-left: 20px;
11397
+ box-sizing: border-box;
11398
+ padding: 0 20px;
10740
11399
  font-size: 12px;
10741
11400
  color: var(--el-color-info);
10742
11401
  line-height: 34px;
11402
+ overflow: hidden;
11403
+ text-overflow: ellipsis;
11404
+ white-space: nowrap;
10743
11405
  }
10744
11406
 
10745
11407
  .el-select-group .el-select-dropdown__item {
@@ -10818,6 +11480,13 @@
10818
11480
  .el-select__wrapper.is-disabled .el-tag {
10819
11481
  cursor: not-allowed;
10820
11482
  }
11483
+ .el-select__wrapper.is-disabled input {
11484
+ cursor: not-allowed;
11485
+ }
11486
+ .el-select__wrapper.is-disabled .el-select__prefix,
11487
+ .el-select__wrapper.is-disabled .el-select__suffix {
11488
+ pointer-events: none;
11489
+ }
10821
11490
 
10822
11491
  .el-select__prefix {
10823
11492
  display: flex;
@@ -10846,6 +11515,13 @@
10846
11515
  transform: rotateZ(180deg);
10847
11516
  }
10848
11517
 
11518
+ .el-select__clear {
11519
+ cursor: pointer;
11520
+ }
11521
+ .el-select__clear:hover {
11522
+ color: var(--el-select-close-hover-color);
11523
+ }
11524
+
10849
11525
  .el-select__selection {
10850
11526
  position: relative;
10851
11527
  display: flex;
@@ -10886,6 +11562,7 @@
10886
11562
 
10887
11563
  .el-select__placeholder {
10888
11564
  position: absolute;
11565
+ z-index: -1;
10889
11566
  display: block;
10890
11567
  top: 50%;
10891
11568
  transform: translateY(-50%);
@@ -10926,11 +11603,12 @@
10926
11603
  }
10927
11604
 
10928
11605
  .el-select__input-wrapper {
10929
- max-width: 100%;
11606
+ flex: 1;
10930
11607
  }
10931
11608
  .el-select__input-wrapper.is-hidden {
10932
11609
  position: absolute;
10933
11610
  opacity: 0;
11611
+ z-index: -1;
10934
11612
  }
10935
11613
 
10936
11614
  .el-select__input {
@@ -10942,12 +11620,9 @@
10942
11620
  font-family: inherit;
10943
11621
  appearance: none;
10944
11622
  height: 24px;
10945
- max-width: 100%;
11623
+ width: 100%;
10946
11624
  background-color: transparent;
10947
11625
  }
10948
- .el-select__input.is-disabled {
10949
- cursor: not-allowed;
10950
- }
10951
11626
 
10952
11627
  .el-select__input-calculator {
10953
11628
  position: absolute;
@@ -11415,7 +12090,7 @@
11415
12090
  .el-step__icon.is-text {
11416
12091
  border-radius: 50%;
11417
12092
  border: 2px solid;
11418
- border-color: inherit;
12093
+ border-color: currentColor;
11419
12094
  }
11420
12095
 
11421
12096
  .el-step__icon.is-icon {
@@ -11440,7 +12115,7 @@
11440
12115
 
11441
12116
  .el-step__line {
11442
12117
  position: absolute;
11443
- border-color: inherit;
12118
+ border-color: currentColor;
11444
12119
  background-color: var(--el-text-color-placeholder);
11445
12120
  }
11446
12121
 
@@ -11448,7 +12123,7 @@
11448
12123
  display: block;
11449
12124
  border-width: 1px;
11450
12125
  border-style: solid;
11451
- border-color: inherit;
12126
+ border-color: currentColor;
11452
12127
  transition: 0.15s ease-out;
11453
12128
  box-sizing: border-box;
11454
12129
  width: 0;
@@ -11551,6 +12226,10 @@
11551
12226
  width: 24px;
11552
12227
  }
11553
12228
 
12229
+ .el-step.is-vertical .el-step__description {
12230
+ padding-right: 0;
12231
+ }
12232
+
11554
12233
  .el-step.is-center .el-step__head {
11555
12234
  text-align: center;
11556
12235
  }
@@ -11639,6 +12318,7 @@
11639
12318
 
11640
12319
  .el-steps {
11641
12320
  display: flex;
12321
+ line-height: normal;
11642
12322
  }
11643
12323
  .el-steps--simple {
11644
12324
  padding: 13px 8%;
@@ -11743,8 +12423,9 @@
11743
12423
  overflow: hidden;
11744
12424
  padding: 0 4px 0 calc(16px + 2px);
11745
12425
  }
11746
- .el-switch__core .el-switch__inner .is-icon,
11747
- .el-switch__core .el-switch__inner .is-text {
12426
+ .el-switch__core .el-switch__inner-wrapper {
12427
+ display: flex;
12428
+ align-items: center;
11748
12429
  font-size: 12px;
11749
12430
  color: var(--el-color-white);
11750
12431
  user-select: none;
@@ -11878,6 +12559,7 @@
11878
12559
  margin: 0;
11879
12560
  list-style: none;
11880
12561
  min-width: 100px;
12562
+ outline: none;
11881
12563
  }
11882
12564
 
11883
12565
  .el-table-filter__list-item {
@@ -11885,8 +12567,9 @@
11885
12567
  padding: 0 10px;
11886
12568
  cursor: pointer;
11887
12569
  font-size: var(--el-font-size-base);
12570
+ outline: none;
11888
12571
  }
11889
- .el-table-filter__list-item:hover {
12572
+ .el-table-filter__list-item:hover, .el-table-filter__list-item:focus {
11890
12573
  background-color: var(--el-color-primary-light-9);
11891
12574
  color: var(--el-color-primary);
11892
12575
  }
@@ -11895,6 +12578,10 @@
11895
12578
  color: #ffffff;
11896
12579
  }
11897
12580
 
12581
+ .el-table-filter__multiple {
12582
+ outline: none;
12583
+ }
12584
+
11898
12585
  .el-table-filter__content {
11899
12586
  min-width: 100px;
11900
12587
  }
@@ -11904,19 +12591,26 @@
11904
12591
  padding: 8px;
11905
12592
  }
11906
12593
  .el-table-filter__bottom button {
11907
- background: transparent;
12594
+ cursor: pointer;
12595
+ padding: 0;
12596
+ margin: 0;
12597
+ background-color: transparent;
12598
+ appearance: none;
11908
12599
  border: none;
12600
+ border-radius: var(--el-border-radius-base);
12601
+ outline: none;
12602
+ transition: transform var(--el-transition-duration-fast) ease-in-out;
11909
12603
  color: var(--el-text-color-regular);
11910
- cursor: pointer;
11911
12604
  font-size: var(--el-font-size-small);
11912
12605
  padding: 0 3px;
11913
12606
  }
12607
+ .el-table-filter__bottom button:focus-visible {
12608
+ outline: 2px solid var(--el-color-primary);
12609
+ outline-offset: 2px;
12610
+ }
11914
12611
  .el-table-filter__bottom button:hover {
11915
12612
  color: var(--el-color-primary);
11916
12613
  }
11917
- .el-table-filter__bottom button:focus {
11918
- outline: none;
11919
- }
11920
12614
  .el-table-filter__bottom button.is-disabled {
11921
12615
  color: var(--el-disabled-text-color);
11922
12616
  cursor: not-allowed;
@@ -11966,7 +12660,7 @@
11966
12660
  width: 100%;
11967
12661
  max-width: 100%;
11968
12662
  background-color: var(--el-table-bg-color);
11969
- font-size: 14px;
12663
+ font-size: var(--el-font-size-base);
11970
12664
  color: var(--el-table-text-color);
11971
12665
  }
11972
12666
  .el-table__inner-wrapper {
@@ -12011,12 +12705,24 @@
12011
12705
  }
12012
12706
 
12013
12707
  .el-table__expand-icon {
12014
- position: relative;
12015
12708
  cursor: pointer;
12709
+ padding: 0;
12710
+ margin: 0;
12711
+ background-color: transparent;
12712
+ appearance: none;
12713
+ border: none;
12714
+ border-radius: var(--el-border-radius-base);
12715
+ outline: none;
12716
+ transition: transform var(--el-transition-duration-fast) ease-in-out;
12016
12717
  color: var(--el-text-color-regular);
12017
12718
  font-size: 12px;
12018
- transition: transform var(--el-transition-duration-fast) ease-in-out;
12019
- height: 20px;
12719
+ line-height: 12px;
12720
+ width: min(23px, 100%);
12721
+ height: 23px;
12722
+ }
12723
+ .el-table__expand-icon:focus-visible {
12724
+ outline: 2px solid var(--el-color-primary);
12725
+ outline-offset: -2px;
12020
12726
  }
12021
12727
  .el-table__expand-icon--expanded {
12022
12728
  transform: rotate(90deg);
@@ -12116,7 +12822,7 @@
12116
12822
  }
12117
12823
 
12118
12824
  .el-table--default {
12119
- font-size: 14px;
12825
+ font-size: var(--el-font-size-base);
12120
12826
  }
12121
12827
  .el-table--default .el-table__cell {
12122
12828
  padding: 8px 0;
@@ -12126,7 +12832,7 @@
12126
12832
  }
12127
12833
 
12128
12834
  .el-table--small {
12129
- font-size: 12px;
12835
+ font-size: var(--el-font-size-extra-small);
12130
12836
  }
12131
12837
  .el-table--small .el-table__cell {
12132
12838
  padding: 4px 0;
@@ -12253,7 +12959,7 @@
12253
12959
  position: absolute;
12254
12960
  top: 0px;
12255
12961
  width: 10px;
12256
- bottom: -1px;
12962
+ bottom: 0px;
12257
12963
  overflow-x: hidden;
12258
12964
  overflow-y: hidden;
12259
12965
  box-shadow: none;
@@ -12277,7 +12983,6 @@
12277
12983
  .el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column::before,
12278
12984
  .el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column::before {
12279
12985
  right: -10px;
12280
- box-shadow: none;
12281
12986
  }
12282
12987
  .el-table__header-wrapper tr td.el-table__fixed-right-patch,
12283
12988
  .el-table__header-wrapper tr th.el-table__fixed-right-patch, .el-table__body-wrapper tr td.el-table__fixed-right-patch,
@@ -12377,16 +13082,28 @@
12377
13082
  }
12378
13083
 
12379
13084
  .el-table .caret-wrapper {
13085
+ cursor: pointer;
13086
+ padding: 0;
13087
+ margin: 0;
13088
+ background-color: transparent;
13089
+ appearance: none;
13090
+ border: none;
13091
+ border-radius: var(--el-border-radius-base);
13092
+ outline: none;
13093
+ transition: transform var(--el-transition-duration-fast) ease-in-out;
12380
13094
  display: inline-flex;
12381
13095
  flex-direction: column;
12382
13096
  align-items: center;
12383
13097
  height: 14px;
12384
13098
  width: 24px;
12385
13099
  vertical-align: middle;
12386
- cursor: pointer;
12387
13100
  overflow: initial;
12388
13101
  position: relative;
12389
13102
  }
13103
+ .el-table .caret-wrapper:focus-visible {
13104
+ outline: 2px solid var(--el-color-primary);
13105
+ outline-offset: 2px;
13106
+ }
12390
13107
  .el-table .sort-caret {
12391
13108
  width: 0;
12392
13109
  height: 0;
@@ -12453,8 +13170,20 @@
12453
13170
  }
12454
13171
 
12455
13172
  .el-table__column-filter-trigger {
12456
- display: inline-block;
12457
13173
  cursor: pointer;
13174
+ padding: 0;
13175
+ margin: 0;
13176
+ background-color: transparent;
13177
+ appearance: none;
13178
+ border: none;
13179
+ border-radius: var(--el-border-radius-base);
13180
+ outline: none;
13181
+ transition: transform var(--el-transition-duration-fast) ease-in-out;
13182
+ display: inline-block;
13183
+ }
13184
+ .el-table__column-filter-trigger:focus-visible {
13185
+ outline: 2px solid var(--el-color-primary);
13186
+ outline-offset: 2px;
12458
13187
  }
12459
13188
  .el-table__column-filter-trigger i {
12460
13189
  color: var(--el-color-info);
@@ -12499,11 +13228,8 @@
12499
13228
 
12500
13229
  .el-table [class*=el-table__row--level] .el-table__expand-icon {
12501
13230
  display: inline-block;
12502
- width: 12px;
12503
- line-height: 12px;
12504
- height: 12px;
13231
+ width: 20px;
12505
13232
  text-align: center;
12506
- margin-right: 8px;
12507
13233
  }
12508
13234
  .el-table .el-table.el-table--border .el-table__cell {
12509
13235
  border-right: var(--el-table-border);
@@ -12533,7 +13259,7 @@
12533
13259
  }
12534
13260
 
12535
13261
  .el-table-v2 {
12536
- font-size: 14px;
13262
+ font-size: var(--el-font-size-base);
12537
13263
  }
12538
13264
  .el-table-v2 * {
12539
13265
  box-sizing: border-box;
@@ -12568,7 +13294,6 @@
12568
13294
  background-color: var(--el-bg-color);
12569
13295
  left: 0;
12570
13296
  box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.06);
12571
- z-index: 1;
12572
13297
  }
12573
13298
  .el-table-v2__left .el-virtual-scrollbar {
12574
13299
  opacity: 0;
@@ -12579,7 +13304,6 @@
12579
13304
  }
12580
13305
 
12581
13306
  .el-table-v2__right {
12582
- z-index: 1;
12583
13307
  display: flex;
12584
13308
  flex-direction: column-reverse;
12585
13309
  position: absolute;
@@ -12612,6 +13336,9 @@
12612
13336
  position: relative;
12613
13337
  overflow: hidden;
12614
13338
  }
13339
+ .el-table-v2__header .el-checkbox {
13340
+ z-index: 0;
13341
+ }
12615
13342
 
12616
13343
  .el-table-v2__footer {
12617
13344
  position: absolute;
@@ -12669,12 +13396,25 @@
12669
13396
  }
12670
13397
 
12671
13398
  .el-table-v2__sort-icon {
13399
+ cursor: pointer;
13400
+ padding: 0;
13401
+ margin: 0;
13402
+ background-color: transparent;
13403
+ appearance: none;
13404
+ border: none;
13405
+ border-radius: var(--el-border-radius-base);
13406
+ outline: none;
13407
+ transition: transform var(--el-transition-duration-fast) ease-in-out;
12672
13408
  transition: opacity, display var(--el-transition-duration);
12673
13409
  opacity: 0.6;
12674
13410
  display: none;
12675
13411
  }
13412
+ .el-table-v2__sort-icon:focus-visible {
13413
+ outline: 2px solid var(--el-color-primary);
13414
+ outline-offset: 2px;
13415
+ }
12676
13416
  .el-table-v2__sort-icon.is-sorting {
12677
- display: block;
13417
+ display: flex;
12678
13418
  opacity: 1;
12679
13419
  }
12680
13420
 
@@ -12709,10 +13449,22 @@
12709
13449
  }
12710
13450
 
12711
13451
  .el-table-v2__expand-icon {
12712
- margin: 0 4px;
12713
13452
  cursor: pointer;
13453
+ padding: 0;
13454
+ margin: 0;
13455
+ background-color: transparent;
13456
+ appearance: none;
13457
+ border: none;
13458
+ border-radius: var(--el-border-radius-base);
13459
+ outline: none;
13460
+ transition: transform var(--el-transition-duration-fast) ease-in-out;
13461
+ margin: 0 4px;
12714
13462
  user-select: none;
12715
13463
  }
13464
+ .el-table-v2__expand-icon:focus-visible {
13465
+ outline: 2px solid var(--el-color-primary);
13466
+ outline-offset: 2px;
13467
+ }
12716
13468
  .el-table-v2__expand-icon svg {
12717
13469
  transition: transform var(--el-transition-duration);
12718
13470
  }
@@ -12761,11 +13513,15 @@
12761
13513
  transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
12762
13514
  list-style: none;
12763
13515
  }
13516
+ .el-tabs__active-bar.is-bottom {
13517
+ bottom: auto;
13518
+ }
12764
13519
 
12765
13520
  .el-tabs__new-tab {
12766
13521
  display: flex;
12767
13522
  align-items: center;
12768
13523
  justify-content: center;
13524
+ flex-shrink: 0;
12769
13525
  border: 1px solid var(--el-border-color);
12770
13526
  height: 20px;
12771
13527
  width: 20px;
@@ -12810,6 +13566,10 @@
12810
13566
  background-color: var(--el-border-color-light);
12811
13567
  z-index: var(--el-index-normal);
12812
13568
  }
13569
+ .el-tabs__nav-wrap.is-bottom::after {
13570
+ top: 0;
13571
+ bottom: auto;
13572
+ }
12813
13573
  .el-tabs__nav-wrap.is-scrollable {
12814
13574
  padding: 0 20px;
12815
13575
  box-sizing: border-box;
@@ -12923,6 +13683,7 @@
12923
13683
  .el-tabs--card > .el-tabs__header {
12924
13684
  border-bottom: 1px solid var(--el-border-color-light);
12925
13685
  height: var(--el-tabs-header-height);
13686
+ box-sizing: border-box;
12926
13687
  }
12927
13688
  .el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
12928
13689
  content: none;
@@ -12946,6 +13707,7 @@
12946
13707
  transform-origin: 100% 50%;
12947
13708
  }
12948
13709
  .el-tabs--card > .el-tabs__header .el-tabs__item {
13710
+ margin-top: -1px;
12949
13711
  border-bottom: 1px solid transparent;
12950
13712
  border-left: 1px solid var(--el-border-color-light);
12951
13713
  transition: color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
@@ -13123,7 +13885,7 @@
13123
13885
  }
13124
13886
 
13125
13887
  .el-tabs--left {
13126
- flex-direction: row-reverse;
13888
+ flex-direction: row;
13127
13889
  }
13128
13890
  .el-tabs--left .el-tabs__header.is-left {
13129
13891
  margin-bottom: 0;
@@ -13189,6 +13951,9 @@
13189
13951
  border-top-color: rgb(209, 219, 229);
13190
13952
  border-bottom-color: rgb(209, 219, 229);
13191
13953
  }
13954
+ .el-tabs--left > .el-tabs__content + .el-tabs__header {
13955
+ order: -1;
13956
+ }
13192
13957
 
13193
13958
  .el-tabs--right .el-tabs__header.is-right {
13194
13959
  margin-bottom: 0;
@@ -13246,7 +14011,10 @@
13246
14011
  }
13247
14012
 
13248
14013
  .el-tabs--top {
13249
- flex-direction: column-reverse;
14014
+ flex-direction: column;
14015
+ }
14016
+ .el-tabs--top > .el-tabs__content + .el-tabs__header {
14017
+ order: -1;
13250
14018
  }
13251
14019
 
13252
14020
  .slideInRight-transition,
@@ -13417,6 +14185,7 @@
13417
14185
  --el-tag-text-color: var(--el-color-info);
13418
14186
  }
13419
14187
  .el-tag .el-icon {
14188
+ display: flex;
13420
14189
  border-radius: 50%;
13421
14190
  cursor: pointer;
13422
14191
  font-size: calc(var(--el-icon-size) - 2px);
@@ -13424,8 +14193,18 @@
13424
14193
  width: var(--el-icon-size);
13425
14194
  }
13426
14195
  .el-tag .el-tag__close {
14196
+ padding: 0;
14197
+ background-color: transparent;
14198
+ border-radius: 50%;
14199
+ border: none;
14200
+ outline: none;
14201
+ overflow: hidden;
13427
14202
  margin-left: 6px;
13428
14203
  }
14204
+ .el-tag .el-tag__close:focus-visible {
14205
+ outline: 2px solid var(--el-color-primary);
14206
+ outline-offset: 2px;
14207
+ }
13429
14208
  .el-tag--dark {
13430
14209
  --el-tag-text-color: var(--el-color-white);
13431
14210
  --el-tag-bg-color: var(--el-color-primary);
@@ -13793,115 +14572,6 @@
13793
14572
  height: calc(50% - 10px);
13794
14573
  }
13795
14574
 
13796
- .el-tooltip-v2__content {
13797
- --el-tooltip-v2-padding: 5px 10px;
13798
- --el-tooltip-v2-border-radius: 4px;
13799
- --el-tooltip-v2-border-color: var(--el-border-color);
13800
- border-radius: var(--el-tooltip-v2-border-radius);
13801
- color: var(--el-color-black);
13802
- background-color: var(--el-color-white);
13803
- padding: var(--el-tooltip-v2-padding);
13804
- border: 1px solid var(--el-border-color);
13805
- }
13806
- .el-tooltip-v2__arrow {
13807
- position: absolute;
13808
- color: var(--el-color-white);
13809
- width: var(--el-tooltip-v2-arrow-width);
13810
- height: var(--el-tooltip-v2-arrow-height);
13811
- pointer-events: none;
13812
- left: var(--el-tooltip-v2-arrow-x);
13813
- top: var(--el-tooltip-v2-arrow-y);
13814
- }
13815
- .el-tooltip-v2__arrow::before {
13816
- content: "";
13817
- width: 0;
13818
- height: 0;
13819
- border: var(--el-tooltip-v2-arrow-border-width) solid transparent;
13820
- position: absolute;
13821
- }
13822
- .el-tooltip-v2__arrow::after {
13823
- content: "";
13824
- width: 0;
13825
- height: 0;
13826
- border: var(--el-tooltip-v2-arrow-border-width) solid transparent;
13827
- position: absolute;
13828
- }
13829
- .el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow {
13830
- bottom: 0;
13831
- }
13832
- .el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow::before {
13833
- border-top-color: var(--el-color-white);
13834
- border-top-width: var(--el-tooltip-v2-arrow-border-width);
13835
- border-bottom: 0;
13836
- top: calc(100% - 1px);
13837
- }
13838
- .el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow::after {
13839
- border-top-color: var(--el-border-color);
13840
- border-top-width: var(--el-tooltip-v2-arrow-border-width);
13841
- border-bottom: 0;
13842
- top: 100%;
13843
- z-index: -1;
13844
- }
13845
- .el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow {
13846
- top: 0;
13847
- }
13848
- .el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow::before {
13849
- border-bottom-color: var(--el-color-white);
13850
- border-bottom-width: var(--el-tooltip-v2-arrow-border-width);
13851
- border-top: 0;
13852
- bottom: calc(100% - 1px);
13853
- }
13854
- .el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow::after {
13855
- border-bottom-color: var(--el-border-color);
13856
- border-bottom-width: var(--el-tooltip-v2-arrow-border-width);
13857
- border-top: 0;
13858
- bottom: 100%;
13859
- z-index: -1;
13860
- }
13861
- .el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow {
13862
- right: 0;
13863
- }
13864
- .el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow::before {
13865
- border-left-color: var(--el-color-white);
13866
- border-left-width: var(--el-tooltip-v2-arrow-border-width);
13867
- border-right: 0;
13868
- left: calc(100% - 1px);
13869
- }
13870
- .el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow::after {
13871
- border-left-color: var(--el-border-color);
13872
- border-left-width: var(--el-tooltip-v2-arrow-border-width);
13873
- border-right: 0;
13874
- left: 100%;
13875
- z-index: -1;
13876
- }
13877
- .el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow {
13878
- left: 0;
13879
- }
13880
- .el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow::before {
13881
- border-right-color: var(--el-color-white);
13882
- border-right-width: var(--el-tooltip-v2-arrow-border-width);
13883
- border-left: 0;
13884
- right: calc(100% - 1px);
13885
- }
13886
- .el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow::after {
13887
- border-right-color: var(--el-border-color);
13888
- border-right-width: var(--el-tooltip-v2-arrow-border-width);
13889
- border-left: 0;
13890
- right: 100%;
13891
- z-index: -1;
13892
- }
13893
-
13894
- .el-tooltip-v2__content.is-dark {
13895
- --el-tooltip-v2-border-color: transparent;
13896
- background-color: var(--el-color-black);
13897
- color: var(--el-color-white);
13898
- border-color: transparent;
13899
- }
13900
- .el-tooltip-v2__content.is-dark .el-tooltip-v2__arrow {
13901
- background-color: var(--el-color-black);
13902
- border-color: transparent;
13903
- }
13904
-
13905
14575
  .el-transfer {
13906
14576
  --el-transfer-border-color: var(--el-border-color-lighter);
13907
14577
  --el-transfer-border-radius: var(--el-border-radius-base);
@@ -13987,6 +14657,7 @@
13987
14657
  }
13988
14658
  .el-transfer-panel__item.el-checkbox {
13989
14659
  color: var(--el-text-color-regular);
14660
+ margin-right: 30px;
13990
14661
  }
13991
14662
  .el-transfer-panel__item:hover {
13992
14663
  color: var(--el-color-primary);
@@ -14086,16 +14757,6 @@
14086
14757
  .el-transfer-panel .el-checkbox__label {
14087
14758
  padding-left: 8px;
14088
14759
  }
14089
- .el-transfer-panel .el-checkbox__inner {
14090
- height: 14px;
14091
- width: 14px;
14092
- border-radius: 3px;
14093
- }
14094
- .el-transfer-panel .el-checkbox__inner::after {
14095
- height: 6px;
14096
- width: 3px;
14097
- left: 4px;
14098
- }
14099
14760
 
14100
14761
  .el-tree {
14101
14762
  --el-tree-node-content-height: 26px;
@@ -14240,8 +14901,10 @@
14240
14901
  }
14241
14902
 
14242
14903
  .el-upload {
14243
- --el-upload-dragger-padding-horizontal: 40px;
14244
- --el-upload-dragger-padding-vertical: 10px;
14904
+ --el-upload-dragger-padding-horizontal: 10px;
14905
+ --el-upload-dragger-padding-vertical: 40px;
14906
+ --el-upload-list-picture-card-size: var(--el-upload-picture-card-size);
14907
+ --el-upload-picture-card-size: 148px;
14245
14908
  }
14246
14909
 
14247
14910
  .el-upload {
@@ -14295,7 +14958,6 @@
14295
14958
  filter: alpha(opacity=0);
14296
14959
  }
14297
14960
  .el-upload--picture-card {
14298
- --el-upload-picture-card-size: 148px;
14299
14961
  background-color: var(--el-fill-color-lighter);
14300
14962
  border: 1px dashed var(--el-border-color-darker);
14301
14963
  border-radius: 6px;
@@ -14330,7 +14992,7 @@
14330
14992
  }
14331
14993
 
14332
14994
  .el-upload-dragger {
14333
- padding: var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);
14995
+ padding: var(--el-upload-dragger-padding-vertical) var(--el-upload-dragger-padding-horizontal);
14334
14996
  background-color: var(--el-fill-color-blank);
14335
14997
  border: 1px dashed var(--el-border-color);
14336
14998
  border-radius: 6px;
@@ -14367,11 +15029,18 @@
14367
15029
  border-color: var(--el-color-primary);
14368
15030
  }
14369
15031
  .el-upload-dragger.is-dragover {
14370
- padding: calc(var(--el-upload-dragger-padding-horizontal) - 1px) calc(var(--el-upload-dragger-padding-vertical) - 1px);
15032
+ padding: calc(var(--el-upload-dragger-padding-vertical) - 1px) calc(var(--el-upload-dragger-padding-horizontal) - 1px);
14371
15033
  background-color: var(--el-color-primary-light-9);
14372
15034
  border: 2px dashed var(--el-color-primary);
14373
15035
  }
14374
15036
 
15037
+ .el-upload-list {
15038
+ --el-upload-dragger-padding-horizontal: 10px;
15039
+ --el-upload-dragger-padding-vertical: 40px;
15040
+ --el-upload-list-picture-card-size: var(--el-upload-picture-card-size);
15041
+ --el-upload-picture-card-size: 148px;
15042
+ }
15043
+
14375
15044
  .el-upload-list {
14376
15045
  margin: 10px 0 0;
14377
15046
  padding: 0;
@@ -14518,7 +15187,6 @@
14518
15187
  }
14519
15188
 
14520
15189
  .el-upload-list--picture-card {
14521
- --el-upload-list-picture-card-size: 148px;
14522
15190
  display: inline-flex;
14523
15191
  flex-wrap: wrap;
14524
15192
  margin: 0;
@@ -14842,6 +15510,7 @@
14842
15510
  line-height: 20px;
14843
15511
  min-width: 10px;
14844
15512
  overflow-wrap: break-word;
15513
+ word-break: normal;
14845
15514
  visibility: visible;
14846
15515
  }
14847
15516
  .el-popper.is-dark {
@@ -14910,19 +15579,19 @@
14910
15579
  .el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
14911
15580
  border-bottom-left-radius: 2px;
14912
15581
  }
14913
- .el-popper[data-popper-placement^=top] .el-popper__arrow::before {
15582
+ .el-popper[data-popper-placement^=top] > .el-popper__arrow::before {
14914
15583
  border-top-color: transparent !important;
14915
15584
  border-left-color: transparent !important;
14916
15585
  }
14917
- .el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
15586
+ .el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
14918
15587
  border-bottom-color: transparent !important;
14919
15588
  border-right-color: transparent !important;
14920
15589
  }
14921
- .el-popper[data-popper-placement^=left] .el-popper__arrow::before {
15590
+ .el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
14922
15591
  border-left-color: transparent !important;
14923
15592
  border-bottom-color: transparent !important;
14924
15593
  }
14925
- .el-popper[data-popper-placement^=right] .el-popper__arrow::before {
15594
+ .el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
14926
15595
  border-right-color: transparent !important;
14927
15596
  border-top-color: transparent !important;
14928
15597
  }
@@ -15129,6 +15798,7 @@
15129
15798
  --el-anchor-font-size: 12px;
15130
15799
  --el-anchor-color: var(--el-text-color-secondary);
15131
15800
  --el-anchor-active-color: var(--el-color-primary);
15801
+ --el-anchor-hover-color: var(--el-text-color-regular);
15132
15802
  --el-anchor-marker-bg-color: var(--el-color-primary);
15133
15803
  position: relative;
15134
15804
  background-color: var(--el-anchor-bg-color);
@@ -15198,7 +15868,6 @@
15198
15868
  }
15199
15869
 
15200
15870
  .el-anchor__item {
15201
- overflow: hidden;
15202
15871
  display: flex;
15203
15872
  flex-direction: column;
15204
15873
  }
@@ -15218,7 +15887,11 @@
15218
15887
  cursor: pointer;
15219
15888
  }
15220
15889
  .el-anchor__link:hover, .el-anchor__link:focus {
15221
- color: var(--el-anchor-color);
15890
+ color: var(--el-hover-color);
15891
+ }
15892
+ .el-anchor__link:focus-visible {
15893
+ border-radius: var(--el-border-radius-base);
15894
+ outline: 2px solid var(--el-color-primary);
15222
15895
  }
15223
15896
  .el-anchor__link.is-active {
15224
15897
  color: var(--el-anchor-active-color);
@@ -15228,6 +15901,13 @@
15228
15901
  display: inline-block;
15229
15902
  }
15230
15903
 
15904
+ .el-segmented--vertical {
15905
+ flex-direction: column;
15906
+ }
15907
+ .el-segmented--vertical .el-segmented__item {
15908
+ padding: 11px 11px;
15909
+ }
15910
+
15231
15911
  .el-segmented {
15232
15912
  --el-segmented-color: var(--el-text-color-regular);
15233
15913
  --el-segmented-bg-color: var(--el-fill-color-light);
@@ -15277,7 +15957,10 @@
15277
15957
  .el-segmented__item-selected.is-focus-visible:before {
15278
15958
  position: absolute;
15279
15959
  content: "";
15280
- inset: 0;
15960
+ left: 0;
15961
+ right: 0;
15962
+ top: 0;
15963
+ bottom: 0;
15281
15964
  border-radius: inherit;
15282
15965
  outline: 2px solid var(--el-segmented-item-selected-bg-color);
15283
15966
  outline-offset: 1px;
@@ -15346,6 +16029,10 @@
15346
16029
  border-radius: calc(var(--el-border-radius-base) - 2px);
15347
16030
  }
15348
16031
 
16032
+ .el-segmented--large .el-segmented--vertical .el-segmented__item {
16033
+ padding: 11px 11px;
16034
+ }
16035
+
15349
16036
  .el-segmented--large .el-segmented__item {
15350
16037
  border-radius: calc(var(--el-border-radius-base) - 2px);
15351
16038
  padding: 0 11px;
@@ -15360,6 +16047,10 @@
15360
16047
  border-radius: calc(calc(var(--el-border-radius-base) - 1px) - 2px);
15361
16048
  }
15362
16049
 
16050
+ .el-segmented--small .el-segmented--vertical .el-segmented__item {
16051
+ padding: 7px 7px;
16052
+ }
16053
+
15363
16054
  .el-segmented--small .el-segmented__item {
15364
16055
  border-radius: calc(calc(var(--el-border-radius-base) - 1px) - 2px);
15365
16056
  padding: 0 7px;
@@ -15477,6 +16168,149 @@
15477
16168
  border-top: var(--el-mention-border);
15478
16169
  }
15479
16170
 
16171
+ .el-splitter {
16172
+ position: relative;
16173
+ display: flex;
16174
+ height: 100%;
16175
+ width: 100%;
16176
+ margin: 0;
16177
+ padding: 0;
16178
+ }
16179
+ .el-splitter__mask {
16180
+ position: absolute;
16181
+ z-index: 999;
16182
+ left: 0;
16183
+ right: 0;
16184
+ top: 0;
16185
+ bottom: 0;
16186
+ }
16187
+
16188
+ .el-splitter__mask-horizontal {
16189
+ cursor: ew-resize;
16190
+ }
16191
+
16192
+ .el-splitter__mask-vertical {
16193
+ cursor: ns-resize;
16194
+ }
16195
+
16196
+ .el-splitter__horizontal {
16197
+ flex-direction: row;
16198
+ }
16199
+
16200
+ .el-splitter__vertical {
16201
+ flex-direction: column;
16202
+ }
16203
+
16204
+ .el-splitter-bar {
16205
+ flex: none;
16206
+ position: relative;
16207
+ user-select: none;
16208
+ }
16209
+ .el-splitter-bar__dragger {
16210
+ z-index: 1;
16211
+ position: absolute;
16212
+ background: transparent;
16213
+ top: 50%;
16214
+ left: 50%;
16215
+ transform: translate(-50%, -50%);
16216
+ }
16217
+ .el-splitter-bar__dragger::before, .el-splitter-bar__dragger::after {
16218
+ content: "";
16219
+ position: absolute;
16220
+ top: 50%;
16221
+ left: 50%;
16222
+ transform: translate(-50%, -50%);
16223
+ background-color: var(--el-border-color-light);
16224
+ }
16225
+ .el-splitter-bar__dragger:not(.is-lazy)::after {
16226
+ display: none;
16227
+ }
16228
+ .el-splitter-bar__dragger::after {
16229
+ opacity: 0.4;
16230
+ }
16231
+ .el-splitter-bar__dragger:hover:not(.is-disabled)::before {
16232
+ background-color: var(--el-color-primary-light-5);
16233
+ }
16234
+
16235
+ .el-splitter-bar__dragger-horizontal::before, .el-splitter-bar__dragger-horizontal::after {
16236
+ height: 100%;
16237
+ width: 2px;
16238
+ }
16239
+
16240
+ .el-splitter-bar__dragger-vertical::before, .el-splitter-bar__dragger-vertical::after {
16241
+ height: 2px;
16242
+ width: 100%;
16243
+ }
16244
+
16245
+ .el-splitter-bar__dragger-active::before, .el-splitter-bar__dragger-active::after {
16246
+ background-color: var(--el-color-primary-light-3);
16247
+ }
16248
+ .el-splitter-bar__dragger-active.el-splitter-bar__dragger-horizontal::after {
16249
+ transform: translate(calc(-50% + var(--el-splitter-bar-offset)), -50%);
16250
+ }
16251
+ .el-splitter-bar__dragger-active.el-splitter-bar__dragger-vertical::after {
16252
+ transform: translate(-50%, calc(-50% + var(--el-splitter-bar-offset)));
16253
+ }
16254
+
16255
+ .el-splitter-bar:hover .el-splitter-bar__collapse-icon {
16256
+ opacity: 1;
16257
+ }
16258
+
16259
+ .el-splitter-bar__collapse-icon {
16260
+ display: flex;
16261
+ align-items: center;
16262
+ justify-content: center;
16263
+ position: absolute;
16264
+ background: var(--el-border-color-light);
16265
+ border-radius: 2px;
16266
+ cursor: pointer;
16267
+ opacity: 0;
16268
+ z-index: 9;
16269
+ }
16270
+ .el-splitter-bar__collapse-icon:hover {
16271
+ opacity: 1;
16272
+ background-color: var(--el-color-primary-light-5);
16273
+ }
16274
+
16275
+ .el-splitter-bar__horizontal-collapse-icon-start {
16276
+ left: -12px;
16277
+ top: 50%;
16278
+ height: 24px;
16279
+ width: 16px;
16280
+ transform: translate(-50%, -50%);
16281
+ }
16282
+
16283
+ .el-splitter-bar__horizontal-collapse-icon-end {
16284
+ left: 12px;
16285
+ top: 50%;
16286
+ height: 24px;
16287
+ width: 16px;
16288
+ transform: translate(-50%, -50%);
16289
+ }
16290
+
16291
+ .el-splitter-bar__vertical-collapse-icon-start {
16292
+ top: -12px;
16293
+ right: 50%;
16294
+ height: 16px;
16295
+ width: 24px;
16296
+ transform: translate(50%, -50%);
16297
+ }
16298
+
16299
+ .el-splitter-bar__vertical-collapse-icon-end {
16300
+ top: 12px;
16301
+ right: 50%;
16302
+ height: 16px;
16303
+ width: 24px;
16304
+ transform: translate(50%, -50%);
16305
+ }
16306
+
16307
+ .el-splitter-panel {
16308
+ flex-grow: 0;
16309
+ overflow: auto;
16310
+ scrollbar-width: thin;
16311
+ box-sizing: border-box;
16312
+ }
16313
+
15480
16314
  .vue-cropper[data-v-a742df44] {
15481
16315
  position: relative;
15482
16316
  width: 100%;