Latest updates from IceHrmPro
This commit is contained in:
Thilina Pituwala
5
web/node_modules/antd/lib/tree/style/css.js
generated
vendored
Normal file
5
web/node_modules/antd/lib/tree/style/css.js
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
"use strict";
|
||||
|
||||
require("../../style/index.css");
|
||||
|
||||
require("./index.css");
|
||||
74
web/node_modules/antd/lib/tree/style/directory.less
generated
vendored
Normal file
74
web/node_modules/antd/lib/tree/style/directory.less
generated
vendored
Normal file
@@ -0,0 +1,74 @@
|
||||
@import '../../style/themes/index';
|
||||
|
||||
@tree-prefix-cls: ~'@{ant-prefix}-tree';
|
||||
|
||||
.@{tree-prefix-cls} {
|
||||
&.@{tree-prefix-cls}-directory {
|
||||
// ================== TreeNode ==================
|
||||
.@{tree-prefix-cls}-treenode {
|
||||
position: relative;
|
||||
|
||||
// Hover color
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 4px;
|
||||
left: 0;
|
||||
transition: background-color 0.3s;
|
||||
content: '';
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&::before {
|
||||
background: @item-hover-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// Elements
|
||||
> * {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
// >>> Switcher
|
||||
.@{tree-prefix-cls}-switcher {
|
||||
transition: color 0.3s;
|
||||
}
|
||||
|
||||
// >>> Title
|
||||
.@{tree-prefix-cls}-node-content-wrapper {
|
||||
border-radius: 0;
|
||||
user-select: none;
|
||||
|
||||
&:hover {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
&.@{tree-prefix-cls}-node-selected {
|
||||
color: @tree-directory-selected-color;
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
// ============= Selected =============
|
||||
&-selected {
|
||||
&:hover::before,
|
||||
&::before {
|
||||
background: @primary-color;
|
||||
}
|
||||
|
||||
// >>> Switcher
|
||||
.@{tree-prefix-cls}-switcher {
|
||||
color: @tree-directory-selected-color;
|
||||
}
|
||||
|
||||
// >>> Title
|
||||
.@{tree-prefix-cls}-node-content-wrapper {
|
||||
color: @tree-directory-selected-color;
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
478
web/node_modules/antd/lib/tree/style/index.css
generated
vendored
Normal file
478
web/node_modules/antd/lib/tree/style/index.css
generated
vendored
Normal file
@@ -0,0 +1,478 @@
|
||||
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
|
||||
/* stylelint-disable no-duplicate-selectors */
|
||||
/* stylelint-disable */
|
||||
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
|
||||
@-webkit-keyframes antCheckboxEffect {
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 0.5;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1.6);
|
||||
transform: scale(1.6);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes antCheckboxEffect {
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 0.5;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1.6);
|
||||
transform: scale(1.6);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.ant-tree.ant-tree-directory .ant-tree-treenode {
|
||||
position: relative;
|
||||
}
|
||||
.ant-tree.ant-tree-directory .ant-tree-treenode::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 4px;
|
||||
left: 0;
|
||||
-webkit-transition: background-color 0.3s;
|
||||
transition: background-color 0.3s;
|
||||
content: '';
|
||||
pointer-events: none;
|
||||
}
|
||||
.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
.ant-tree.ant-tree-directory .ant-tree-treenode > * {
|
||||
z-index: 1;
|
||||
}
|
||||
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
|
||||
-webkit-transition: color 0.3s;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
|
||||
border-radius: 0;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
|
||||
background: transparent;
|
||||
}
|
||||
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
|
||||
color: #fff;
|
||||
background: transparent;
|
||||
}
|
||||
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
|
||||
.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
|
||||
background: #1890ff;
|
||||
}
|
||||
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
|
||||
color: #fff;
|
||||
}
|
||||
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
|
||||
color: #fff;
|
||||
background: transparent;
|
||||
}
|
||||
.ant-tree-checkbox {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-size: 14px;
|
||||
font-variant: tabular-nums;
|
||||
line-height: 1.5715;
|
||||
list-style: none;
|
||||
-webkit-font-feature-settings: 'tnum';
|
||||
font-feature-settings: 'tnum';
|
||||
position: relative;
|
||||
top: -0.09em;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
|
||||
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
|
||||
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
|
||||
border-color: #1890ff;
|
||||
}
|
||||
.ant-tree-checkbox-checked::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 1px solid #1890ff;
|
||||
border-radius: 2px;
|
||||
visibility: hidden;
|
||||
-webkit-animation: antCheckboxEffect 0.36s ease-in-out;
|
||||
animation: antCheckboxEffect 0.36s ease-in-out;
|
||||
-webkit-animation-fill-mode: backwards;
|
||||
animation-fill-mode: backwards;
|
||||
content: '';
|
||||
}
|
||||
.ant-tree-checkbox:hover::after,
|
||||
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
|
||||
visibility: visible;
|
||||
}
|
||||
.ant-tree-checkbox-inner {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
direction: ltr;
|
||||
background-color: #fff;
|
||||
border: 1px solid #d9d9d9;
|
||||
border-radius: 2px;
|
||||
border-collapse: separate;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.ant-tree-checkbox-inner::after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 22%;
|
||||
display: table;
|
||||
width: 5.71428571px;
|
||||
height: 9.14285714px;
|
||||
border: 2px solid #fff;
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
-webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
|
||||
transform: rotate(45deg) scale(0) translate(-50%, -50%);
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
|
||||
transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
|
||||
content: ' ';
|
||||
}
|
||||
.ant-tree-checkbox-input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
}
|
||||
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
|
||||
position: absolute;
|
||||
display: table;
|
||||
border: 2px solid #fff;
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
-webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
|
||||
transform: rotate(45deg) scale(1) translate(-50%, -50%);
|
||||
opacity: 1;
|
||||
-webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
|
||||
transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
|
||||
content: ' ';
|
||||
}
|
||||
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
|
||||
background-color: #1890ff;
|
||||
border-color: #1890ff;
|
||||
}
|
||||
.ant-tree-checkbox-disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
|
||||
border-color: rgba(0, 0, 0, 0.25);
|
||||
-webkit-animation-name: none;
|
||||
animation-name: none;
|
||||
}
|
||||
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
|
||||
background-color: #f5f5f5;
|
||||
border-color: #d9d9d9 !important;
|
||||
}
|
||||
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
|
||||
border-color: #f5f5f5;
|
||||
border-collapse: separate;
|
||||
-webkit-animation-name: none;
|
||||
animation-name: none;
|
||||
}
|
||||
.ant-tree-checkbox-disabled + span {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-tree-checkbox-disabled:hover::after,
|
||||
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
|
||||
visibility: hidden;
|
||||
}
|
||||
.ant-tree-checkbox-wrapper {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-size: 14px;
|
||||
font-variant: tabular-nums;
|
||||
line-height: 1.5715;
|
||||
list-style: none;
|
||||
-webkit-font-feature-settings: 'tnum';
|
||||
font-feature-settings: 'tnum';
|
||||
display: inline-block;
|
||||
line-height: unset;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.ant-tree-checkbox + span {
|
||||
padding-right: 8px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
.ant-tree-checkbox-group {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-size: 14px;
|
||||
font-variant: tabular-nums;
|
||||
line-height: 1.5715;
|
||||
list-style: none;
|
||||
-webkit-font-feature-settings: 'tnum';
|
||||
font-feature-settings: 'tnum';
|
||||
display: inline-block;
|
||||
}
|
||||
.ant-tree-checkbox-group-item {
|
||||
display: inline-block;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.ant-tree-checkbox-group-item:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
|
||||
margin-left: 0;
|
||||
}
|
||||
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
|
||||
background-color: #fff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background-color: #1890ff;
|
||||
border: 0;
|
||||
-webkit-transform: translate(-50%, -50%) scale(1);
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
opacity: 1;
|
||||
content: ' ';
|
||||
}
|
||||
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
border-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.ant-tree {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-size: 14px;
|
||||
font-variant: tabular-nums;
|
||||
line-height: 1.5715;
|
||||
list-style: none;
|
||||
-webkit-font-feature-settings: 'tnum';
|
||||
font-feature-settings: 'tnum';
|
||||
background: #fff;
|
||||
border-radius: 2px;
|
||||
-webkit-transition: background-color 0.3s;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
|
||||
background: #e6f7ff;
|
||||
}
|
||||
.ant-tree-list-holder-inner {
|
||||
-webkit-box-align: start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
|
||||
-webkit-box-align: stretch;
|
||||
-ms-flex-align: stretch;
|
||||
align-items: stretch;
|
||||
}
|
||||
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: auto;
|
||||
flex: auto;
|
||||
}
|
||||
.ant-tree .ant-tree-treenode {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: start;
|
||||
-ms-flex-align: start;
|
||||
align-items: flex-start;
|
||||
padding: 0 0 4px 0;
|
||||
outline: none;
|
||||
}
|
||||
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
|
||||
background: transparent;
|
||||
}
|
||||
.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
.ant-tree-indent {
|
||||
-ms-flex-item-align: stretch;
|
||||
align-self: stretch;
|
||||
white-space: nowrap;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.ant-tree-indent-unit {
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
}
|
||||
.ant-tree .ant-tree-switcher {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: none;
|
||||
flex: none;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin: 0;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ant-tree .ant-tree-switcher .ant-tree-switcher-icon,
|
||||
.ant-tree .ant-tree-switcher .ant-select-tree-switcher-icon {
|
||||
font-size: 10px;
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
}
|
||||
.ant-tree .ant-tree-switcher .ant-tree-switcher-icon svg,
|
||||
.ant-tree .ant-tree-switcher .ant-select-tree-switcher-icon svg {
|
||||
-webkit-transition: -webkit-transform 0.3s;
|
||||
transition: -webkit-transform 0.3s;
|
||||
transition: transform 0.3s;
|
||||
transition: transform 0.3s, -webkit-transform 0.3s;
|
||||
}
|
||||
.ant-tree .ant-tree-switcher-noop {
|
||||
cursor: default;
|
||||
}
|
||||
.ant-tree .ant-tree-switcher_close .ant-tree-switcher-icon svg {
|
||||
-webkit-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
.ant-tree .ant-tree-checkbox {
|
||||
top: initial;
|
||||
margin: 4px 8px 0 0;
|
||||
}
|
||||
.ant-tree .ant-tree-node-content-wrapper {
|
||||
min-height: 24px;
|
||||
margin: 0;
|
||||
padding: 0 4px;
|
||||
color: inherit;
|
||||
line-height: 24px;
|
||||
background: transparent;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
-webkit-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.ant-tree .ant-tree-node-content-wrapper:hover {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
|
||||
background-color: #bae7ff;
|
||||
}
|
||||
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
}
|
||||
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
|
||||
display: none;
|
||||
}
|
||||
.ant-tree .ant-tree-treenode-loading .ant-tree-iconEle {
|
||||
display: none;
|
||||
}
|
||||
.ant-tree-node-content-wrapper[draggable='true'] {
|
||||
line-height: 20px;
|
||||
border-top: 2px transparent solid;
|
||||
border-bottom: 2px transparent solid;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.ant-tree .ant-tree-treenode.drag-over > [draggable] {
|
||||
color: white;
|
||||
background-color: #1890ff;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.ant-tree .ant-tree-treenode.drag-over-gap-top > [draggable] {
|
||||
border-top-color: #1890ff;
|
||||
}
|
||||
.ant-tree .ant-tree-treenode.drag-over-gap-bottom > [draggable] {
|
||||
border-bottom-color: #1890ff;
|
||||
}
|
||||
.ant-tree-show-line {
|
||||
/* Motion should hide line of measure */
|
||||
}
|
||||
.ant-tree-show-line .ant-tree-indent-unit {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
.ant-tree-show-line .ant-tree-indent-unit::before {
|
||||
position: absolute;
|
||||
top: calc(100% - 4px);
|
||||
right: -12px;
|
||||
bottom: -28px;
|
||||
border-right: 1px solid #d9d9d9;
|
||||
content: '';
|
||||
}
|
||||
.ant-tree-show-line .ant-tree-indent-unit-end::before {
|
||||
display: none;
|
||||
}
|
||||
.ant-tree-show-line .ant-tree-treenode-motion:not(.ant-motion-collapse-leave):not(.ant-motion-collapse-appear-active) .ant-tree-indent-unit::before {
|
||||
display: none;
|
||||
}
|
||||
.ant-tree-show-line .ant-tree-switcher {
|
||||
z-index: 1;
|
||||
background: #fff;
|
||||
}
|
||||
.ant-tree-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ant-tree .ant-tree-treenode-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ant-tree-rtl.ant-tree .ant-tree-switcher_close .ant-tree-switcher-icon svg {
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
|
||||
right: auto;
|
||||
left: -12px;
|
||||
border-right: none;
|
||||
border-left: 1px solid #d9d9d9;
|
||||
}
|
||||
2
web/node_modules/antd/lib/tree/style/index.d.ts
generated
vendored
Normal file
2
web/node_modules/antd/lib/tree/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
import '../../style/index.less';
|
||||
import './index.less';
|
||||
5
web/node_modules/antd/lib/tree/style/index.js
generated
vendored
Normal file
5
web/node_modules/antd/lib/tree/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
"use strict";
|
||||
|
||||
require("../../style/index.less");
|
||||
|
||||
require("./index.less");
|
||||
219
web/node_modules/antd/lib/tree/style/index.less
generated
vendored
Normal file
219
web/node_modules/antd/lib/tree/style/index.less
generated
vendored
Normal file
@@ -0,0 +1,219 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
@import '../../checkbox/style/mixin';
|
||||
@import './mixin';
|
||||
@import './directory';
|
||||
|
||||
@tree-prefix-cls: ~'@{ant-prefix}-tree';
|
||||
@tree-node-prefix-cls: ~'@{tree-prefix-cls}-treenode';
|
||||
@tree-motion: ~'@{ant-prefix}-motion-collapse';
|
||||
|
||||
.antCheckboxFn(@checkbox-prefix-cls: ~'@{ant-prefix}-tree-checkbox');
|
||||
|
||||
.antTreeFn(@tree-prefix-cls) {
|
||||
.@{tree-prefix-cls} {
|
||||
.reset-component;
|
||||
background: @tree-bg;
|
||||
border-radius: @border-radius-base;
|
||||
transition: background-color 0.3s;
|
||||
|
||||
&-focused:not(:hover):not(&-active-focused) {
|
||||
background: @primary-1;
|
||||
}
|
||||
|
||||
// =================== Virtual List ===================
|
||||
&-list-holder-inner {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
&.@{tree-prefix-cls}-block-node {
|
||||
.@{tree-prefix-cls}-list-holder-inner {
|
||||
align-items: stretch;
|
||||
|
||||
// >>> Title
|
||||
.@{tree-prefix-cls}-node-content-wrapper {
|
||||
flex: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ===================== TreeNode =====================
|
||||
.@{tree-node-prefix-cls} {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
padding: 0 0 (@padding-xs / 2) 0;
|
||||
outline: none;
|
||||
// Disabled
|
||||
&-disabled {
|
||||
// >>> Title
|
||||
.@{tree-prefix-cls}-node-content-wrapper {
|
||||
color: @disabled-color;
|
||||
cursor: not-allowed;
|
||||
|
||||
&:hover {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-active .@{tree-prefix-cls}-node-content-wrapper {
|
||||
background: @tree-node-hover-bg;
|
||||
}
|
||||
}
|
||||
|
||||
// >>> Indent
|
||||
&-indent {
|
||||
align-self: stretch;
|
||||
white-space: nowrap;
|
||||
user-select: none;
|
||||
|
||||
&-unit {
|
||||
display: inline-block;
|
||||
width: @tree-title-height;
|
||||
}
|
||||
}
|
||||
|
||||
// >>> Switcher
|
||||
& &-switcher {
|
||||
.antTreeSwitcherIcon();
|
||||
flex: none;
|
||||
|
||||
width: @tree-title-height;
|
||||
height: @tree-title-height;
|
||||
margin: 0;
|
||||
line-height: @tree-title-height;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
|
||||
&-noop {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
&_close {
|
||||
.@{tree-prefix-cls}-switcher-icon {
|
||||
svg {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// >>> Checkbox
|
||||
& &-checkbox {
|
||||
top: initial;
|
||||
margin: ((@tree-title-height - @checkbox-size) / 2) 8px 0 0;
|
||||
}
|
||||
|
||||
// >>> Title
|
||||
& &-node-content-wrapper {
|
||||
min-height: @tree-title-height;
|
||||
margin: 0;
|
||||
padding: 0 4px;
|
||||
color: inherit;
|
||||
line-height: @tree-title-height;
|
||||
background: transparent;
|
||||
border-radius: @border-radius-base;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s;
|
||||
|
||||
&:hover {
|
||||
background-color: @tree-node-hover-bg;
|
||||
}
|
||||
&.@{tree-prefix-cls}-node-selected {
|
||||
background-color: @tree-node-selected-bg;
|
||||
}
|
||||
|
||||
// Icon
|
||||
.@{tree-prefix-cls}-iconEle {
|
||||
display: inline-block;
|
||||
width: @tree-title-height;
|
||||
height: @tree-title-height;
|
||||
line-height: @tree-title-height;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ===================== Loading ======================
|
||||
.@{tree-node-prefix-cls}-loading {
|
||||
// Icon
|
||||
.@{tree-prefix-cls}-iconEle {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// ==================== Draggable =====================
|
||||
&-node-content-wrapper[draggable='true'] {
|
||||
line-height: @tree-title-height - 4px;
|
||||
border-top: 2px transparent solid;
|
||||
border-bottom: 2px transparent solid;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.@{tree-node-prefix-cls}.drag-over {
|
||||
> [draggable] {
|
||||
color: white;
|
||||
background-color: @primary-color;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
.@{tree-node-prefix-cls}.drag-over-gap-top {
|
||||
> [draggable] {
|
||||
border-top-color: @primary-color;
|
||||
}
|
||||
}
|
||||
.@{tree-node-prefix-cls}.drag-over-gap-bottom {
|
||||
> [draggable] {
|
||||
border-bottom-color: @primary-color;
|
||||
}
|
||||
}
|
||||
|
||||
// ==================== Show Line =====================
|
||||
&-show-line {
|
||||
// ================ Indent lines ================
|
||||
.@{tree-prefix-cls}-indent {
|
||||
&-unit {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: calc(100% - 4px);
|
||||
right: -@tree-title-height / 2;
|
||||
bottom: -@tree-title-height - 4px;
|
||||
border-right: 1px solid @border-color-base;
|
||||
content: '';
|
||||
}
|
||||
|
||||
&-end {
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Motion should hide line of measure */
|
||||
.@{tree-node-prefix-cls}-motion:not(.@{tree-motion}-leave):not(.@{tree-motion}-appear-active) {
|
||||
.@{tree-prefix-cls}-indent-unit {
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ============== Cover Background ==============
|
||||
.@{tree-prefix-cls}-switcher {
|
||||
z-index: 1;
|
||||
background: @component-background;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.antTreeFn(@tree-prefix-cls);
|
||||
|
||||
@import './rtl';
|
||||
29
web/node_modules/antd/lib/tree/style/mixin.less
generated
vendored
Normal file
29
web/node_modules/antd/lib/tree/style/mixin.less
generated
vendored
Normal file
@@ -0,0 +1,29 @@
|
||||
@import '../../style/mixins/index';
|
||||
|
||||
@tree-prefix-cls: ~'@{ant-prefix}-tree';
|
||||
@select-tree-prefix-cls: ~'@{ant-prefix}-select-tree';
|
||||
|
||||
.antTreeSwitcherIcon(@type: 'tree-default-open-icon') {
|
||||
.@{tree-prefix-cls}-switcher-icon,
|
||||
.@{select-tree-prefix-cls}-switcher-icon {
|
||||
.iconfont-size-under-12px(10px);
|
||||
|
||||
display: inline-block;
|
||||
font-weight: bold;
|
||||
svg {
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.antTreeShowLineIcon(@type) {
|
||||
.@{tree-prefix-cls}-switcher-icon,
|
||||
.@{tree-select-prefix-cls}-switcher-icon {
|
||||
display: inline-block;
|
||||
font-weight: normal;
|
||||
font-size: 12px;
|
||||
svg {
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
}
|
||||
}
|
||||
50
web/node_modules/antd/lib/tree/style/rtl.less
generated
vendored
Normal file
50
web/node_modules/antd/lib/tree/style/rtl.less
generated
vendored
Normal file
@@ -0,0 +1,50 @@
|
||||
@import '../../style/themes/index';
|
||||
@import '../../style/mixins/index';
|
||||
@import '../../checkbox/style/mixin';
|
||||
|
||||
@tree-prefix-cls: ~'@{ant-prefix}-tree';
|
||||
@tree-node-prefix-cls: ~'@{tree-prefix-cls}-treenode';
|
||||
|
||||
.antTreeFn(@tree-prefix-cls) {
|
||||
.@{tree-prefix-cls} {
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
// ===================== TreeNode =====================
|
||||
.@{tree-node-prefix-cls} {
|
||||
&-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
}
|
||||
|
||||
// >>> Switcher
|
||||
& &-switcher {
|
||||
&_close {
|
||||
.@{tree-prefix-cls}-switcher-icon {
|
||||
svg {
|
||||
.@{tree-prefix-cls}-rtl& {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// ==================== Show Line =====================
|
||||
&-show-line {
|
||||
// ================ Indent lines ================
|
||||
.@{tree-prefix-cls}-indent {
|
||||
&-unit {
|
||||
&::before {
|
||||
.@{tree-prefix-cls}-rtl& {
|
||||
right: auto;
|
||||
left: -@tree-title-height / 2;
|
||||
border-right: none;
|
||||
border-left: 1px solid @border-color-base;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user