index.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. /* stylelint-disable */
  4. /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
  5. @keyframes antCheckboxEffect {
  6. 0% {
  7. transform: scale(1);
  8. opacity: 0.5;
  9. }
  10. 100% {
  11. transform: scale(1.6);
  12. opacity: 0;
  13. }
  14. }
  15. @keyframes ant-tree-node-fx-do-not-use {
  16. 0% {
  17. opacity: 0;
  18. }
  19. 100% {
  20. opacity: 1;
  21. }
  22. }
  23. .ant-tree.ant-tree-directory .ant-tree-treenode {
  24. position: relative;
  25. }
  26. .ant-tree.ant-tree-directory .ant-tree-treenode::before {
  27. position: absolute;
  28. top: 0;
  29. right: 0;
  30. bottom: 4px;
  31. left: 0;
  32. transition: background-color 0.3s;
  33. content: '';
  34. pointer-events: none;
  35. }
  36. .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
  37. background: #f5f5f5;
  38. }
  39. .ant-tree.ant-tree-directory .ant-tree-treenode > * {
  40. z-index: 1;
  41. }
  42. .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
  43. transition: color 0.3s;
  44. }
  45. .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
  46. border-radius: 0;
  47. -webkit-user-select: none;
  48. -moz-user-select: none;
  49. user-select: none;
  50. }
  51. .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  52. background: transparent;
  53. }
  54. .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
  55. color: #fff;
  56. background: transparent;
  57. }
  58. .ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
  59. .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  60. background: #1890ff;
  61. }
  62. .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
  63. color: #fff;
  64. }
  65. .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
  66. color: #fff;
  67. background: transparent;
  68. }
  69. .ant-tree-checkbox {
  70. box-sizing: border-box;
  71. margin: 0;
  72. padding: 0;
  73. color: rgba(0, 0, 0, 0.85);
  74. font-size: 14px;
  75. font-variant: tabular-nums;
  76. line-height: 1.5715;
  77. list-style: none;
  78. font-feature-settings: 'tnum';
  79. position: relative;
  80. top: 0.2em;
  81. line-height: 1;
  82. white-space: nowrap;
  83. outline: none;
  84. cursor: pointer;
  85. }
  86. .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
  87. .ant-tree-checkbox:hover .ant-tree-checkbox-inner,
  88. .ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  89. border-color: #1890ff;
  90. }
  91. .ant-tree-checkbox-checked::after {
  92. position: absolute;
  93. top: 0;
  94. left: 0;
  95. width: 100%;
  96. height: 100%;
  97. border: 1px solid #1890ff;
  98. border-radius: 2px;
  99. visibility: hidden;
  100. animation: antCheckboxEffect 0.36s ease-in-out;
  101. animation-fill-mode: backwards;
  102. content: '';
  103. }
  104. .ant-tree-checkbox:hover::after,
  105. .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  106. visibility: visible;
  107. }
  108. .ant-tree-checkbox-inner {
  109. position: relative;
  110. top: 0;
  111. left: 0;
  112. display: block;
  113. width: 16px;
  114. height: 16px;
  115. direction: ltr;
  116. background-color: #fff;
  117. border: 1px solid #d9d9d9;
  118. border-radius: 2px;
  119. border-collapse: separate;
  120. transition: all 0.3s;
  121. }
  122. .ant-tree-checkbox-inner::after {
  123. position: absolute;
  124. top: 50%;
  125. left: 21.5%;
  126. display: table;
  127. width: 5.71428571px;
  128. height: 9.14285714px;
  129. border: 2px solid #fff;
  130. border-top: 0;
  131. border-left: 0;
  132. transform: rotate(45deg) scale(0) translate(-50%, -50%);
  133. opacity: 0;
  134. transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  135. content: ' ';
  136. }
  137. .ant-tree-checkbox-input {
  138. position: absolute;
  139. top: 0;
  140. right: 0;
  141. bottom: 0;
  142. left: 0;
  143. z-index: 1;
  144. width: 100%;
  145. height: 100%;
  146. cursor: pointer;
  147. opacity: 0;
  148. }
  149. .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  150. position: absolute;
  151. display: table;
  152. border: 2px solid #fff;
  153. border-top: 0;
  154. border-left: 0;
  155. transform: rotate(45deg) scale(1) translate(-50%, -50%);
  156. opacity: 1;
  157. transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  158. content: ' ';
  159. }
  160. .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  161. background-color: #1890ff;
  162. border-color: #1890ff;
  163. }
  164. .ant-tree-checkbox-disabled {
  165. cursor: not-allowed;
  166. }
  167. .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  168. border-color: rgba(0, 0, 0, 0.25);
  169. animation-name: none;
  170. }
  171. .ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  172. cursor: not-allowed;
  173. pointer-events: none;
  174. }
  175. .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  176. background-color: #f5f5f5;
  177. border-color: #d9d9d9 !important;
  178. }
  179. .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  180. border-color: #f5f5f5;
  181. border-collapse: separate;
  182. animation-name: none;
  183. }
  184. .ant-tree-checkbox-disabled + span {
  185. color: rgba(0, 0, 0, 0.25);
  186. cursor: not-allowed;
  187. }
  188. .ant-tree-checkbox-disabled:hover::after,
  189. .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  190. visibility: hidden;
  191. }
  192. .ant-tree-checkbox-wrapper {
  193. box-sizing: border-box;
  194. margin: 0;
  195. padding: 0;
  196. color: rgba(0, 0, 0, 0.85);
  197. font-size: 14px;
  198. font-variant: tabular-nums;
  199. line-height: 1.5715;
  200. list-style: none;
  201. font-feature-settings: 'tnum';
  202. display: inline-flex;
  203. align-items: baseline;
  204. line-height: unset;
  205. cursor: pointer;
  206. }
  207. .ant-tree-checkbox-wrapper::after {
  208. display: inline-block;
  209. width: 0;
  210. overflow: hidden;
  211. content: '\a0';
  212. }
  213. .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  214. cursor: not-allowed;
  215. }
  216. .ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  217. margin-left: 8px;
  218. }
  219. .ant-tree-checkbox + span {
  220. padding-right: 8px;
  221. padding-left: 8px;
  222. }
  223. .ant-tree-checkbox-group {
  224. box-sizing: border-box;
  225. margin: 0;
  226. padding: 0;
  227. color: rgba(0, 0, 0, 0.85);
  228. font-size: 14px;
  229. font-variant: tabular-nums;
  230. line-height: 1.5715;
  231. list-style: none;
  232. font-feature-settings: 'tnum';
  233. display: inline-block;
  234. }
  235. .ant-tree-checkbox-group-item {
  236. margin-right: 8px;
  237. }
  238. .ant-tree-checkbox-group-item:last-child {
  239. margin-right: 0;
  240. }
  241. .ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  242. margin-left: 0;
  243. }
  244. .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  245. background-color: #fff;
  246. border-color: #d9d9d9;
  247. }
  248. .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  249. top: 50%;
  250. left: 50%;
  251. width: 8px;
  252. height: 8px;
  253. background-color: #1890ff;
  254. border: 0;
  255. transform: translate(-50%, -50%) scale(1);
  256. opacity: 1;
  257. content: ' ';
  258. }
  259. .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  260. background-color: rgba(0, 0, 0, 0.25);
  261. border-color: rgba(0, 0, 0, 0.25);
  262. }
  263. .ant-tree {
  264. box-sizing: border-box;
  265. margin: 0;
  266. padding: 0;
  267. color: rgba(0, 0, 0, 0.85);
  268. font-size: 14px;
  269. font-variant: tabular-nums;
  270. line-height: 1.5715;
  271. list-style: none;
  272. font-feature-settings: 'tnum';
  273. background: #fff;
  274. border-radius: 2px;
  275. transition: background-color 0.3s;
  276. }
  277. .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
  278. background: #e6f7ff;
  279. }
  280. .ant-tree-list-holder-inner {
  281. align-items: flex-start;
  282. }
  283. .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
  284. align-items: stretch;
  285. }
  286. .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
  287. flex: auto;
  288. }
  289. .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging {
  290. position: relative;
  291. }
  292. .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after {
  293. position: absolute;
  294. top: 0;
  295. right: 0;
  296. bottom: 4px;
  297. left: 0;
  298. border: 1px solid #1890ff;
  299. opacity: 0;
  300. animation: ant-tree-node-fx-do-not-use 0.3s;
  301. animation-play-state: running;
  302. animation-fill-mode: forwards;
  303. content: '';
  304. pointer-events: none;
  305. }
  306. .ant-tree .ant-tree-treenode {
  307. display: flex;
  308. align-items: flex-start;
  309. padding: 0 0 4px 0;
  310. outline: none;
  311. }
  312. .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  313. color: rgba(0, 0, 0, 0.25);
  314. cursor: not-allowed;
  315. }
  316. .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
  317. background: transparent;
  318. }
  319. .ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
  320. background: #f5f5f5;
  321. }
  322. .ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title {
  323. color: inherit;
  324. font-weight: 500;
  325. }
  326. .ant-tree-indent {
  327. align-self: stretch;
  328. white-space: nowrap;
  329. -webkit-user-select: none;
  330. -moz-user-select: none;
  331. user-select: none;
  332. }
  333. .ant-tree-indent-unit {
  334. display: inline-block;
  335. width: 24px;
  336. }
  337. .ant-tree-draggable-icon {
  338. width: 24px;
  339. line-height: 24px;
  340. text-align: center;
  341. opacity: 0.2;
  342. transition: opacity 0.3s;
  343. }
  344. .ant-tree-treenode:hover .ant-tree-draggable-icon {
  345. opacity: 0.45;
  346. }
  347. .ant-tree-switcher {
  348. position: relative;
  349. flex: none;
  350. align-self: stretch;
  351. width: 24px;
  352. margin: 0;
  353. line-height: 24px;
  354. text-align: center;
  355. cursor: pointer;
  356. -webkit-user-select: none;
  357. -moz-user-select: none;
  358. user-select: none;
  359. }
  360. .ant-tree-switcher .ant-tree-switcher-icon,
  361. .ant-tree-switcher .ant-select-tree-switcher-icon {
  362. display: inline-block;
  363. font-size: 10px;
  364. vertical-align: baseline;
  365. }
  366. .ant-tree-switcher .ant-tree-switcher-icon svg,
  367. .ant-tree-switcher .ant-select-tree-switcher-icon svg {
  368. transition: transform 0.3s;
  369. }
  370. .ant-tree-switcher-noop {
  371. cursor: default;
  372. }
  373. .ant-tree-switcher_close .ant-tree-switcher-icon svg {
  374. transform: rotate(-90deg);
  375. }
  376. .ant-tree-switcher-loading-icon {
  377. color: #1890ff;
  378. }
  379. .ant-tree-switcher-leaf-line {
  380. position: relative;
  381. z-index: 1;
  382. display: inline-block;
  383. width: 100%;
  384. height: 100%;
  385. }
  386. .ant-tree-switcher-leaf-line::before {
  387. position: absolute;
  388. top: 0;
  389. right: 12px;
  390. bottom: -4px;
  391. margin-left: -1px;
  392. border-right: 1px solid #d9d9d9;
  393. content: ' ';
  394. }
  395. .ant-tree-switcher-leaf-line::after {
  396. position: absolute;
  397. width: 10px;
  398. height: 14px;
  399. border-bottom: 1px solid #d9d9d9;
  400. content: ' ';
  401. }
  402. .ant-tree-checkbox {
  403. top: initial;
  404. margin: 4px 8px 0 0;
  405. }
  406. .ant-tree .ant-tree-node-content-wrapper {
  407. position: relative;
  408. z-index: auto;
  409. min-height: 24px;
  410. margin: 0;
  411. padding: 0 4px;
  412. color: inherit;
  413. line-height: 24px;
  414. background: transparent;
  415. border-radius: 2px;
  416. cursor: pointer;
  417. transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
  418. }
  419. .ant-tree .ant-tree-node-content-wrapper:hover {
  420. background-color: #f5f5f5;
  421. }
  422. .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  423. background-color: #bae7ff;
  424. }
  425. .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
  426. display: inline-block;
  427. width: 24px;
  428. height: 24px;
  429. line-height: 24px;
  430. text-align: center;
  431. vertical-align: top;
  432. }
  433. .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
  434. display: none;
  435. }
  436. .ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
  437. background-color: transparent;
  438. }
  439. .ant-tree-node-content-wrapper {
  440. line-height: 24px;
  441. -webkit-user-select: none;
  442. -moz-user-select: none;
  443. user-select: none;
  444. }
  445. .ant-tree-node-content-wrapper .ant-tree-drop-indicator {
  446. position: absolute;
  447. z-index: 1;
  448. height: 2px;
  449. background-color: #1890ff;
  450. border-radius: 1px;
  451. pointer-events: none;
  452. }
  453. .ant-tree-node-content-wrapper .ant-tree-drop-indicator::after {
  454. position: absolute;
  455. top: -3px;
  456. left: -6px;
  457. width: 8px;
  458. height: 8px;
  459. background-color: transparent;
  460. border: 2px solid #1890ff;
  461. border-radius: 50%;
  462. content: '';
  463. }
  464. .ant-tree .ant-tree-treenode.drop-container > [draggable] {
  465. box-shadow: 0 0 0 2px #1890ff;
  466. }
  467. .ant-tree-show-line .ant-tree-indent-unit {
  468. position: relative;
  469. height: 100%;
  470. }
  471. .ant-tree-show-line .ant-tree-indent-unit::before {
  472. position: absolute;
  473. top: 0;
  474. right: 12px;
  475. bottom: -4px;
  476. border-right: 1px solid #d9d9d9;
  477. content: '';
  478. }
  479. .ant-tree-show-line .ant-tree-indent-unit-end::before {
  480. display: none;
  481. }
  482. .ant-tree-show-line .ant-tree-switcher {
  483. background: #fff;
  484. }
  485. .ant-tree-show-line .ant-tree-switcher-line-icon {
  486. vertical-align: -0.15em;
  487. }
  488. .ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
  489. top: auto !important;
  490. bottom: auto !important;
  491. height: 14px !important;
  492. }
  493. .ant-tree-rtl {
  494. direction: rtl;
  495. }
  496. .ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
  497. right: -6px;
  498. left: unset;
  499. }
  500. .ant-tree .ant-tree-treenode-rtl {
  501. direction: rtl;
  502. }
  503. .ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
  504. transform: rotate(90deg);
  505. }
  506. .ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
  507. right: auto;
  508. left: -13px;
  509. border-right: none;
  510. border-left: 1px solid #d9d9d9;
  511. }
  512. .ant-tree-rtl.ant-tree-checkbox {
  513. margin: 4px 0 0 8px;
  514. }
  515. .ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
  516. margin: 4px 0 0 8px;
  517. }