UNPKG

ng-zorro-antd

Version:

An enterprise-class UI components based on Ant Design and Angular

1,536 lines (1,535 loc) 43.6 kB
/* 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 */ @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-select-tree-checkbox { 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.5; list-style: none; 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-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner, .ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner { border-color: #1890ff; } .ant-select-tree-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-select-tree-checkbox:hover::after, .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after { visibility: visible; } .ant-select-tree-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-select-tree-checkbox-inner::after { position: absolute; top: 50%; left: 21%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-select-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-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-select-tree-checkbox-disabled { cursor: not-allowed; } .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input { cursor: not-allowed; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-select-tree-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-tree-checkbox-wrapper { 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.5; list-style: none; font-feature-settings: 'tnum'; display: inline-block; line-height: unset; cursor: pointer; } .ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper { margin-left: 8px; } .ant-select-tree-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-select-tree-checkbox-group { 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.5; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-select-tree-checkbox-group-item { display: inline-block; margin-right: 8px; } .ant-select-tree-checkbox-group-item:last-child { margin-right: 0; } .ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item { margin-left: 0; } .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-select-tree { box-sizing: border-box; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; margin: 0; margin-top: -4px; padding: 0 4px; } .ant-select-tree li { margin: 8px 0; padding: 0; white-space: nowrap; list-style: none; outline: 0; } .ant-select-tree li.filter-node > span { font-weight: 500; } .ant-select-tree li ul { margin: 0; padding: 0 0 0 18px; } .ant-select-tree li .ant-select-tree-node-content-wrapper { display: inline-block; width: calc(100% - 24px); margin: 0; padding: 3px 5px; color: rgba(0, 0, 0, 0.65); text-decoration: none; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .ant-select-tree li .ant-select-tree-node-content-wrapper:hover { background-color: #e6f7ff; } .ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected { background-color: #bae7ff; } .ant-select-tree li span.ant-select-tree-checkbox { margin: 0 4px 0 0; } .ant-select-tree li span.ant-select-tree-checkbox + .ant-select-tree-node-content-wrapper { width: calc(100% - 46px); } .ant-select-tree li span.ant-select-tree-switcher, .ant-select-tree li span.ant-select-tree-iconEle { display: inline-block; width: 24px; height: 24px; margin: 0; line-height: 22px; text-align: center; vertical-align: middle; border: 0 none; outline: none; cursor: pointer; } .ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon { position: absolute; left: 0; display: inline-block; color: #1890ff; font-size: 14px; transform: none; } .ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-select-tree li span.ant-select-tree-switcher { position: relative; } .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop { cursor: auto; } .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon, .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon { font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); display: inline-block; font-weight: bold; } :root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon, :root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon { font-size: 12px; } .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon svg, .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon svg { transition: transform 0.3s; } .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon, .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon { font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); display: inline-block; font-weight: bold; } :root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon, :root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon { font-size: 12px; } .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon svg, .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg { transition: transform 0.3s; } .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg { transform: rotate(-90deg); } .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon, .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon { position: absolute; left: 0; display: inline-block; width: 24px; height: 24px; color: #1890ff; font-size: 14px; transform: none; } .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon svg, .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-select-tree .ant-select-tree-treenode-loading .ant-select-tree-iconEle { display: none; } .ant-select-tree-child-tree { display: none; } .ant-select-tree-child-tree-open { display: block; } li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher), li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper, li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hover { background: transparent; } .ant-select-tree-icon__open { margin-right: 2px; vertical-align: top; } .ant-select-tree-icon__close { margin-right: 2px; vertical-align: top; } .ant-select-tree-dropdown { 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.5; list-style: none; font-feature-settings: 'tnum'; } .ant-select-tree-dropdown .ant-select-dropdown-search { position: sticky; top: 0; z-index: 1; display: block; padding: 4px; background: #fff; } .ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap { width: 100%; } .ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field { box-sizing: border-box; width: 100%; padding: 4px 7px; border: 1px solid #d9d9d9; border-radius: 4px; outline: none; } .ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide { display: none; } .ant-select-tree-dropdown .ant-select-not-found { display: block; padding: 7px 16px; color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tree.ant-tree-directory { position: relative; } .ant-tree.ant-tree-directory > li span.ant-tree-switcher, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher { position: relative; z-index: 1; } .ant-tree.ant-tree-directory > li span.ant-tree-switcher.ant-tree-switcher-noop, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher.ant-tree-switcher-noop { pointer-events: none; } .ant-tree.ant-tree-directory > li span.ant-tree-checkbox, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-checkbox { position: relative; z-index: 1; } .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper { border-radius: 0; user-select: none; } .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before { background: #e6f7ff; } .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected { color: #fff; background: transparent; } .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper::before, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before { position: absolute; right: 0; left: 0; height: 24px; transition: all 0.3s; content: ''; } .ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper > span, .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper > span { position: relative; z-index: 1; } .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher, .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher { color: #fff; } .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner, .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner { border-color: #1890ff; } .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after, .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after { border-color: #fff; } .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner, .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner { background: #fff; } .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after, .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { border-color: #1890ff; } .ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before, .ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before { background: #1890ff; } .ant-tree-checkbox { 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.5; list-style: none; 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; animation: antCheckboxEffect 0.36s ease-in-out; 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; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-tree-checkbox-inner::after { position: absolute; top: 50%; left: 21%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; 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; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; 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); 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; animation-name: none; } .ant-tree-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tree-checkbox-wrapper { 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.5; list-style: none; font-feature-settings: 'tnum'; display: inline-block; line-height: unset; cursor: pointer; } .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 { 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.5; list-style: none; 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; 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 { /* see https://github.com/ant-design/ant-design/issues/16259 */ box-sizing: border-box; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; margin: 0; padding: 0; } .ant-tree-checkbox-checked::after { position: absolute; top: 16.67%; left: 0; width: 100%; height: 66.67%; } .ant-tree ol, .ant-tree ul { margin: 0; padding: 0; list-style: none; } .ant-tree li { margin: 0; padding: 4px 0; white-space: nowrap; list-style: none; outline: 0; } .ant-tree li span[draggable], .ant-tree li span[draggable='true'] { line-height: 20px; border-top: 2px transparent solid; border-bottom: 2px transparent solid; user-select: none; /* Required to make elements draggable in old WebKit */ -khtml-user-drag: element; -webkit-user-drag: element; } .ant-tree li.drag-over > span[draggable] { color: white; background-color: #1890ff; opacity: 0.8; } .ant-tree li.drag-over-gap-top > span[draggable] { border-top-color: #1890ff; } .ant-tree li.drag-over-gap-bottom > span[draggable] { border-bottom-color: #1890ff; } .ant-tree li.filter-node > span { color: #f5222d !important; font-weight: 500 !important; } .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon, .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon { position: absolute; left: 0; display: inline-block; width: 24px; height: 24px; color: #1890ff; font-size: 14px; transform: none; } .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon svg, .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } :root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open::after, :root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close::after { opacity: 0; } .ant-tree li ul { margin: 0; padding: 0 0 0 18px; } .ant-tree li .ant-tree-node-content-wrapper { display: inline-block; height: 24px; margin: 0; padding: 0 5px; color: rgba(0, 0, 0, 0.65); line-height: 24px; text-decoration: none; vertical-align: top; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .ant-tree li .ant-tree-node-content-wrapper:hover { background-color: #e6f7ff; } .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected { background-color: #bae7ff; } .ant-tree li span.ant-tree-checkbox { top: initial; height: 24px; margin: 0 4px 0 2px; padding: 4px 0; } .ant-tree li span.ant-tree-switcher, .ant-tree li span.ant-tree-iconEle { display: inline-block; width: 24px; height: 24px; margin: 0; line-height: 24px; text-align: center; vertical-align: top; border: 0 none; outline: none; cursor: pointer; } .ant-tree li span.ant-tree-switcher { position: relative; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop { cursor: default; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon, .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon { font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); display: inline-block; font-weight: bold; } :root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon, :root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon { font-size: 12px; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg, .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg { transition: transform 0.3s; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon, .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon { font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); display: inline-block; font-weight: bold; } :root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon, :root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon { font-size: 12px; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg, .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg { transition: transform 0.3s; } .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg { transform: rotate(-90deg); } .ant-tree li:last-child > span.ant-tree-switcher::before, .ant-tree li:last-child > span.ant-tree-iconEle::before { display: none; } .ant-tree > li:first-child { padding-top: 7px; } .ant-tree > li:last-child { padding-bottom: 7px; } .ant-tree-child-tree > li:first-child { padding-top: 8px; } .ant-tree-child-tree > li:last-child { padding-bottom: 0; } li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher), li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper, li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover { background: transparent; } .ant-tree-icon__open { margin-right: 2px; vertical-align: top; } .ant-tree-icon__close { margin-right: 2px; vertical-align: top; } .ant-tree.ant-tree-show-line li { position: relative; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher { color: rgba(0, 0, 0, 0.45); background: #fff; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon { display: inline-block; font-weight: normal; font-size: 12px; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon svg, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon svg { transition: transform 0.3s; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon { display: inline-block; font-weight: normal; font-size: 12px; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg { transition: transform 0.3s; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon { display: inline-block; font-weight: normal; font-size: 12px; } .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg, .ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg { transition: transform 0.3s; } .ant-tree.ant-tree-show-line li:not(:last-child)::before { position: absolute; left: 12px; width: 1px; height: 100%; height: calc(100% - 22px); margin: 22px 0 0; border-left: 1px solid #d9d9d9; content: ' '; } .ant-tree.ant-tree-icon-hide .ant-tree-treenode-loading .ant-tree-iconEle { display: none; } .ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper { width: calc(100% - 24px); } .ant-tree.ant-tree-block-node li span.ant-tree-checkbox + .ant-tree-node-content-wrapper { width: calc(100% - 46px); } /* * @license * Copyright Alibaba.com All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE */ .ant-tree.ant-tree-show-line nz-tree-node:not(:last-child) > li::before { content: ' '; width: 1px; border-left: 1px solid #d9d9d9; height: 100%; position: absolute; left: 12px; margin: 22px 0; } .font-highlight { color: #f5222d; } .ant-select { 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.5; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; outline: 0; } .ant-select ul, .ant-select ol { margin: 0; padding: 0; list-style: none; } .ant-select > ul > li > a { padding: 0; background-color: #fff; } .ant-select-arrow { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 11px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; line-height: 1; transform-origin: 50% 50%; } .ant-select-arrow > * { line-height: 1; } .ant-select-arrow svg { display: inline-block; } .ant-select-arrow::before { display: none; } .ant-select-arrow .ant-select-arrow-icon { display: block; } .ant-select-arrow .ant-select-arrow-icon svg { transition: transform 0.3s; } .ant-select-selection { display: block; box-sizing: border-box; background-color: #fff; border: 1px solid #d9d9d9; border-top-width: 1.02px; border-radius: 4px; outline: none; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); user-select: none; } .ant-select-selection:hover { border-color: #40a9ff; border-right-width: 1px !important; } .ant-select-focused .ant-select-selection, .ant-select-selection:focus, .ant-select-selection:active { border-color: #40a9ff; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-select-selection__clear { position: absolute; top: 50%; right: 11px; z-index: 1; display: inline-block; width: 12px; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; font-style: normal; line-height: 12px; text-align: center; text-transform: none; background: #fff; cursor: pointer; opacity: 0; transition: color 0.3s ease, opacity 0.15s ease; text-rendering: auto; } .ant-select-selection__clear::before { display: block; } .ant-select-selection__clear:hover { color: rgba(0, 0, 0, 0.45); } .ant-select-selection:hover .ant-select-selection__clear { opacity: 1; } .ant-select-selection-selected-value { float: left; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-select-no-arrow .ant-select-selection-selected-value { padding-right: 0; } .ant-select-disabled { color: rgba(0, 0, 0, 0.25); } .ant-select-disabled .ant-select-selection { background: #f5f5f5; cursor: not-allowed; } .ant-select-disabled .ant-select-selection:hover, .ant-select-disabled .ant-select-selection:focus, .ant-select-disabled .ant-select-selection:active { border-color: #d9d9d9; box-shadow: none; } .ant-select-disabled .ant-select-selection__clear { display: none; visibility: hidden; pointer-events: none; } .ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice { padding-right: 10px; color: rgba(0, 0, 0, 0.33); background: #f5f5f5; } .ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove { display: none; } .ant-select-selection--single { position: relative; height: 32px; cursor: pointer; } .ant-select-selection--single .ant-select-selection__rendered { margin-right: 24px; } .ant-select-no-arrow .ant-select-selection__rendered { margin-right: 11px; } .ant-select-selection__rendered { position: relative; display: block; margin-right: 11px; margin-left: 11px; line-height: 30px; } .ant-select-selection__rendered::after { display: inline-block; width: 0; visibility: hidden; content: '.'; pointer-events: none; } .ant-select-lg { font-size: 16px; } .ant-select-lg .ant-select-selection--single { height: 40px; } .ant-select-lg .ant-select-selection__rendered { line-height: 38px; } .ant-select-lg .ant-select-selection--multiple { min-height: 40px; } .ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li { height: 32px; line-height: 32px; } .ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear, .ant-select-lg .ant-select-selection--multiple .ant-select-arrow { top: 20px; } .ant-select-sm .ant-select-selection--single { height: 24px; } .ant-select-sm .ant-select-selection__rendered { margin-left: 7px; line-height: 22px; } .ant-select-sm .ant-select-selection--multiple { min-height: 24px; } .ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li { height: 16px; line-height: 14px; } .ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear, .ant-select-sm .ant-select-selection--multiple .ant-select-arrow { top: 12px; } .ant-select-sm .ant-select-selection__clear, .ant-select-sm .ant-select-arrow { right: 8px; } .ant-select-disabled .ant-select-selection__choice__remove { color: rgba(0, 0, 0, 0.25); cursor: default; } .ant-select-disabled .ant-select-selection__choice__remove:hover { color: rgba(0, 0, 0, 0.25); } .ant-select-search__field__wrap { position: relative; display: inline-block; } .ant-select-selection__placeholder, .ant-select-search__field__placeholder { position: absolute; top: 50%; right: 9px; left: 0; max-width: 100%; height: 20px; margin-top: -10px; overflow: hidden; color: #bfbfbf; line-height: 20px; white-space: nowrap; text-align: left; text-overflow: ellipsis; } .ant-select-search__field__placeholder { left: 12px; } .ant-select-search__field__mirror { position: absolute; top: 0; left: 0; white-space: pre; opacity: 0; pointer-events: none; } .ant-select-search--inline { position: absolute; width: 100%; height: 100%; } .ant-select-search--inline .ant-select-search__field__wrap { width: 100%; height: 100%; } .ant-select-search--inline .ant-select-search__field { width: 100%; height: 100%; font-size: 100%; line-height: 1; background: transparent; border-width: 0; border-radius: 4px; outline: 0; } .ant-select-search--inline > i { float: right; } .ant-select-selection--multiple { min-height: 32px; padding-bottom: 3px; cursor: text; zoom: 1; } .ant-select-selection--multiple::before, .ant-select-selection--multiple::after { display: table; content: ''; } .ant-select-selection--multiple::after { clear: both; } .ant-select-selection--multiple .ant-select-search--inline { position: static; float: left; width: auto; max-width: 100%; padding: 0; } .ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field { width: 0.75em; max-width: 100%; } .ant-select-selection--multiple .ant-select-selection__rendered { height: auto; margin-bottom: -3px; margin-left: 5px; } .ant-select-selection--multiple .ant-select-selection__placeholder { margin-left: 6px; } .ant-select-selection--multiple > ul > li, .ant-select-selection--multiple .ant-select-selection__rendered > ul > li { height: 24px; margin-top: 3px; line-height: 22px; } .ant-select-selection--multiple .ant-select-selection__choice { position: relative; float: left; max-width: 99%; margin-right: 4px; padding: 0 20px 0 10px; overflow: hidden; color: rgba(0, 0, 0, 0.65); background-color: #fafafa; border: 1px solid #e8e8e8; border-radius: 2px; cursor: default; transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-select-selection--multiple .ant-select-selection__choice__disabled { padding: 0 10px; } .ant-select-selection--multiple .ant-select-selection__choice__content { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-select-selection--multiple .ant-select-selection__choice__remove { color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 4px; color: rgba(0, 0, 0, 0.45); font-weight: bold; line-height: inherit; cursor: pointer; transition: all 0.3s; display: inline-block; font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); } .ant-select-selection--multiple .ant-select-selection__choice__remove > * { line-height: 1; } .ant-select-selection--multiple .ant-select-selection__choice__remove svg { display: inline-block; } .ant-select-selection--multiple .ant-select-selection__choice__remove::before { display: none; } .ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon { display: block; } :root .ant-select-selection--multiple .ant-select-selection__choice__remove { font-size: 12px; } .ant-select-selection--multiple .ant-select-selection__choice__remove:hover { color: rgba(0, 0, 0, 0.75); } .ant-select-selection--multiple .ant-select-selection__clear, .ant-select-selection--multiple .ant-select-arrow { top: 16px; } .ant-select-allow-clear .ant-select-selection--single .ant-select-selection-selected-value { padding-right: 16px; } .ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered, .ant-select-show-arrow .ant-select-selection--multiple .ant-select-selection__rendered { margin-right: 20px; } .ant-select-open .ant-select-arrow-icon svg { transform: rotate(180deg); } .ant-select-open .ant-select-selection { border-color: #40a9ff; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-select-combobox .ant-select-arrow { display: none; } .ant-select-combobox .ant-select-search--inline { float: none; width: 100%; height: 100%; } .ant-select-combobox .ant-select-search__field__wrap { width: 100%; height: 100%; } .ant-select-combobox .ant-select-search__field { position: relative; z-index: 1; width: 100%; height: 100%; box-shadow: none; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s; } .ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered, .ant-select-combobox.ant-select-show-arrow .ant-select-selection:hover .ant-select-selection__rendered { margin-right: 20px; } .ant-select-dropdown { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; box-sizing: border-box; font-size: 14px; font-variant: initial; background-color: #fff; border-radius: 4px; outline: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft, .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft { animation-name: antSlideUpIn; } .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft, .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft { animation-name: antSlideDownIn; } .ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft { animation-name: antSlideUpOut; } .ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft { animation-name: antSlideDownOut; } .ant-select-dropdown-hidden { display: none; } .ant-select-dropdown-menu { max-height: 250px; margin-bottom: 0; padding-left: 0; overflow: auto; list-style: none; outline: none; } .ant-select-dropdown-menu-item-group-list { margin: 0; padding: 0; } .ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item { padding-left: 20px; } .ant-select-dropdown-menu-item-group-title { height: 32px; padding: 0 12px; color: rgba(0, 0, 0, 0.45); font-size: 12px; line-height: 32px; } .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child), .ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child { border-radius: 0; } .ant-select-dropdown-menu-item { position: relative; display: block; padding: 5px 12px; overflow: hidden; color: rgba(0, 0, 0, 0.65); font-weight: normal; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: background 0.3s ease; } .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) { background-color: #e6f7ff; } .ant-select-dropdown-menu-item:first-child { border-radius: 4px 4px 0 0; } .ant-select-dropdown-menu-item:last-child { border-radius: 0 0 4px 4px; } .ant-select-dropdown-menu-item-selected { color: rgba(0, 0, 0, 0.65); font-weight: 600; background-color: #fafafa; } .ant-select-dropdown-menu-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) { background-color: #e6f7ff; } .ant-select-dropdown-menu-item-divider { height: 1px; margin: 1px 0; overflow: hidden; line-height: 0; background-color: #e8e8e8; } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item { padding-right: 32px; } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon { position: absolute; top: 50%; right: 12px; color: transparent; font-weight: bold; font-size: 12px; text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0; transform: translateY(-50%); transition: all 0.2s; } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon { color: rgba(0, 0, 0, 0.87); } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon { display: none; } .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon, .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon { display: inline-block; color: #1890ff; } .ant-select-dropdown--empty.ant-select-dropdown--multiple .ant-select-dropdown-menu-item { padding-right: 12px; } .ant-select-dropdown-container-open .ant-select-dropdown, .ant-select-dropdown-open .ant-select-dropdown { display: block; } .ant-empty { margin: 0 8px; font-size: 14px; line-height: 22px; text-align: center; } .ant-empty-image { height: 100px; margin-bottom: 8px; } .ant-empty-image img { height: 100%; } .ant-empty-image svg { height: 100%; margin: auto; } .ant-empty-description { margin: 0; } .ant-empty-footer { margin-top: 16px; } .ant-empty-normal { margin: 32px 0; color: rgba(0, 0, 0, 0.25); } .ant-empty-normal .ant-empty-image { height: 40px; } .ant-empty-small { margin: 8px 0; color: rgba(0, 0, 0, 0.25); } .ant-empty-small .ant-empty-image { height: 35px; } .ant-tree.ant-select-tree.ant-tree-show-line nz-tree-node:not(:last-child) > li::before { content: ' '; width: 1px; border-left: 1px solid #d9d9d9; height: calc(100% - 16px); position: absolute; left: 12px; margin: 26px 0; }