UNPKG

yw-ui-vue2

Version:

YW-UI-Vue2

1,891 lines (1,888 loc) 43.5 kB
/*!***************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-34.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-34.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-34.use[3]!./node_modules/ant-design-vue/es/style/index.less ***! \***************************************************************************************************************************************************************************************************************************************************************/ /* 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 */ /* stylelint-disable at-rule-no-unknown */ html, body { width: 100%; height: 100%; } input::-ms-clear, input::-ms-reveal { display: none; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; color: rgba(0, 0, 0, 0.65); font-size: 12px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-variant: tabular-nums; line-height: 1.5; background-color: #fff; font-feature-settings: 'tnum'; } [tabindex='-1']:focus { outline: none !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 500; } p { margin-top: 0; margin-bottom: 1em; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; border-bottom: 0; cursor: help; } address { margin-bottom: 1em; font-style: normal; line-height: inherit; } input[type='text'], input[type='password'], input[type='number'], textarea { -webkit-appearance: none; } ol, ul, dl { margin-top: 0; margin-bottom: 1em; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 500; } dd { margin-bottom: 0.5em; margin-left: 0; } blockquote { margin: 0 0 1em; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #167BE4; text-decoration: none; background-color: transparent; outline: none; cursor: pointer; transition: color 0.3s; -webkit-text-decoration-skip: objects; } a:hover { color: #3e9af0; } a:active { color: #095abd; } a:active, a:hover { text-decoration: none; outline: 0; } a[disabled] { color: #999999; cursor: not-allowed; pointer-events: none; } pre, code, kbd, samp { font-size: 1em; font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; } pre { margin-top: 0; margin-bottom: 1em; overflow: auto; } figure { margin: 0 0 1em; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } a, area, button, [role='button'], input:not([type='range']), label, select, summary, textarea { touch-action: manipulation; } table { border-collapse: collapse; } caption { padding-top: 0.75em; padding-bottom: 0.3em; color: rgba(0, 0, 0, 0.45); text-align: left; caption-side: bottom; } th { text-align: inherit; } input, button, select, optgroup, textarea { margin: 0; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { padding: 0; border-style: none; } input[type='radio'], input[type='checkbox'] { box-sizing: border-box; padding: 0; } input[type='date'], input[type='time'], input[type='datetime-local'], input[type='month'] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; margin: 0; padding: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; margin-bottom: 0.5em; padding: 0; color: inherit; font-size: 1.5em; line-height: inherit; white-space: normal; } progress { vertical-align: baseline; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; } [type='search'] { outline-offset: -2px; -webkit-appearance: none; } [type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; } template { display: none; } [hidden] { display: none !important; } mark { padding: 0.2em; background-color: #feffe6; } ::-moz-selection { color: #fff; background: #167BE4; } ::selection { color: #fff; background: #167BE4; } .clearfix { zoom: 1; } .clearfix::before, .clearfix::after { display: table; content: ''; } .clearfix::after { clear: both; } .anticon { 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; } .anticon > * { line-height: 1; } .anticon svg { display: inline-block; } .anticon::before { display: none; } .anticon .anticon-icon { display: block; } .anticon[tabindex] { cursor: pointer; } .anticon-spin::before { display: inline-block; animation: loadingCircle 1s infinite linear; } .anticon-spin { display: inline-block; animation: loadingCircle 1s infinite linear; } .fade-enter, .fade-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .fade-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .fade-enter.fade-enter-active, .fade-appear.fade-appear-active { animation-name: antFadeIn; animation-play-state: running; } .fade-leave.fade-leave-active { animation-name: antFadeOut; animation-play-state: running; pointer-events: none; } .fade-enter, .fade-appear { opacity: 0; animation-timing-function: linear; } .fade-leave { animation-timing-function: linear; } @keyframes antFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes antFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .move-up-enter, .move-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-up-enter.move-up-enter-active, .move-up-appear.move-up-appear-active { animation-name: antMoveUpIn; animation-play-state: running; } .move-up-leave.move-up-leave-active { animation-name: antMoveUpOut; animation-play-state: running; pointer-events: none; } .move-up-enter, .move-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-up-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-down-enter, .move-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-down-enter.move-down-enter-active, .move-down-appear.move-down-appear-active { animation-name: antMoveDownIn; animation-play-state: running; } .move-down-leave.move-down-leave-active { animation-name: antMoveDownOut; animation-play-state: running; pointer-events: none; } .move-down-enter, .move-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-down-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-left-enter, .move-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-left-enter.move-left-enter-active, .move-left-appear.move-left-appear-active { animation-name: antMoveLeftIn; animation-play-state: running; } .move-left-leave.move-left-leave-active { animation-name: antMoveLeftOut; animation-play-state: running; pointer-events: none; } .move-left-enter, .move-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-left-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } .move-right-enter, .move-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .move-right-enter.move-right-enter-active, .move-right-appear.move-right-appear-active { animation-name: antMoveRightIn; animation-play-state: running; } .move-right-leave.move-right-leave-active { animation-name: antMoveRightOut; animation-play-state: running; pointer-events: none; } .move-right-enter, .move-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .move-right-leave { animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); } @keyframes antMoveDownIn { 0% { transform: translateY(100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveDownOut { 0% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateY(100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveLeftIn { 0% { transform: translateX(-100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveLeftOut { 0% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateX(-100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveRightIn { 0% { transform: translateX(100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveRightOut { 0% { transform: translateX(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateX(100%); transform-origin: 0 0; opacity: 0; } } @keyframes antMoveUpIn { 0% { transform: translateY(-100%); transform-origin: 0 0; opacity: 0; } 100% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } } @keyframes antMoveUpOut { 0% { transform: translateY(0%); transform-origin: 0 0; opacity: 1; } 100% { transform: translateY(-100%); transform-origin: 0 0; opacity: 0; } } @keyframes loadingCircle { 100% { transform: rotate(360deg); } } [ant-click-animating='true'], [ant-click-animating-without-extra-node='true'] { position: relative; } html { --antd-wave-shadow-color: #167BE4; } [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; border-radius: inherit; box-shadow: 0 0 0 0 #167BE4; box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); opacity: 0.2; animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1); animation-fill-mode: forwards; content: ''; pointer-events: none; } @keyframes waveEffect { 100% { box-shadow: 0 0 0 #167BE4; box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } } @keyframes fadeEffect { 100% { opacity: 0; } } .slide-up-enter, .slide-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-up-enter.slide-up-enter-active, .slide-up-appear.slide-up-appear-active { animation-name: antSlideUpIn; animation-play-state: running; } .slide-up-leave.slide-up-leave-active { animation-name: antSlideUpOut; animation-play-state: running; pointer-events: none; } .slide-up-enter, .slide-up-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-up-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-down-enter, .slide-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-down-enter.slide-down-enter-active, .slide-down-appear.slide-down-appear-active { animation-name: antSlideDownIn; animation-play-state: running; } .slide-down-leave.slide-down-leave-active { animation-name: antSlideDownOut; animation-play-state: running; pointer-events: none; } .slide-down-enter, .slide-down-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-down-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-left-enter, .slide-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-left-enter.slide-left-enter-active, .slide-left-appear.slide-left-appear-active { animation-name: antSlideLeftIn; animation-play-state: running; } .slide-left-leave.slide-left-leave-active { animation-name: antSlideLeftOut; animation-play-state: running; pointer-events: none; } .slide-left-enter, .slide-left-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-left-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .slide-right-enter, .slide-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .slide-right-enter.slide-right-enter-active, .slide-right-appear.slide-right-appear-active { animation-name: antSlideRightIn; animation-play-state: running; } .slide-right-leave.slide-right-leave-active { animation-name: antSlideRightOut; animation-play-state: running; pointer-events: none; } .slide-right-enter, .slide-right-appear { opacity: 0; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .slide-right-leave { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @keyframes antSlideUpIn { 0% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideUpOut { 0% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideDownIn { 0% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } } @keyframes antSlideDownOut { 0% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } } @keyframes antSlideLeftIn { 0% { transform: scaleX(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 0% 0%; opacity: 1; } } @keyframes antSlideLeftOut { 0% { transform: scaleX(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 0% 0%; opacity: 0; } } @keyframes antSlideRightIn { 0% { transform: scaleX(0.8); transform-origin: 100% 0%; opacity: 0; } 100% { transform: scaleX(1); transform-origin: 100% 0%; opacity: 1; } } @keyframes antSlideRightOut { 0% { transform: scaleX(1); transform-origin: 100% 0%; opacity: 1; } 100% { transform: scaleX(0.8); transform-origin: 100% 0%; opacity: 0; } } .swing-enter, .swing-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .swing-enter.swing-enter-active, .swing-appear.swing-appear-active { animation-name: antSwingIn; animation-play-state: running; } @keyframes antSwingIn { 0%, 100% { transform: translateX(0); } 20% { transform: translateX(-10px); } 40% { transform: translateX(10px); } 60% { transform: translateX(-5px); } 80% { transform: translateX(5px); } } .zoom-enter, .zoom-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-enter.zoom-enter-active, .zoom-appear.zoom-appear-active { animation-name: antZoomIn; animation-play-state: running; } .zoom-leave.zoom-leave-active { animation-name: antZoomOut; animation-play-state: running; pointer-events: none; } .zoom-enter, .zoom-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-big-enter, .zoom-big-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-enter.zoom-big-enter-active, .zoom-big-appear.zoom-big-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .zoom-big-leave.zoom-big-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .zoom-big-enter, .zoom-big-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-big-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-big-fast-enter, .zoom-big-fast-appear { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-fast-leave { animation-duration: 0.1s; animation-fill-mode: both; animation-play-state: paused; } .zoom-big-fast-enter.zoom-big-fast-enter-active, .zoom-big-fast-appear.zoom-big-fast-appear-active { animation-name: antZoomBigIn; animation-play-state: running; } .zoom-big-fast-leave.zoom-big-fast-leave-active { animation-name: antZoomBigOut; animation-play-state: running; pointer-events: none; } .zoom-big-fast-enter, .zoom-big-fast-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-big-fast-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-up-enter, .zoom-up-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-up-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-up-enter.zoom-up-enter-active, .zoom-up-appear.zoom-up-appear-active { animation-name: antZoomUpIn; animation-play-state: running; } .zoom-up-leave.zoom-up-leave-active { animation-name: antZoomUpOut; animation-play-state: running; pointer-events: none; } .zoom-up-enter, .zoom-up-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-up-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-down-enter, .zoom-down-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-down-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-down-enter.zoom-down-enter-active, .zoom-down-appear.zoom-down-appear-active { animation-name: antZoomDownIn; animation-play-state: running; } .zoom-down-leave.zoom-down-leave-active { animation-name: antZoomDownOut; animation-play-state: running; pointer-events: none; } .zoom-down-enter, .zoom-down-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-down-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-left-enter, .zoom-left-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-left-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-left-enter.zoom-left-enter-active, .zoom-left-appear.zoom-left-appear-active { animation-name: antZoomLeftIn; animation-play-state: running; } .zoom-left-leave.zoom-left-leave-active { animation-name: antZoomLeftOut; animation-play-state: running; pointer-events: none; } .zoom-left-enter, .zoom-left-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-left-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } .zoom-right-enter, .zoom-right-appear { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-right-leave { animation-duration: 0.2s; animation-fill-mode: both; animation-play-state: paused; } .zoom-right-enter.zoom-right-enter-active, .zoom-right-appear.zoom-right-appear-active { animation-name: antZoomRightIn; animation-play-state: running; } .zoom-right-leave.zoom-right-leave-active { animation-name: antZoomRightOut; animation-play-state: running; pointer-events: none; } .zoom-right-enter, .zoom-right-appear { transform: scale(0); opacity: 0; animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); } .zoom-right-leave { animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); } @keyframes antZoomIn { 0% { transform: scale(0.2); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes antZoomOut { 0% { transform: scale(1); } 100% { transform: scale(0.2); opacity: 0; } } @keyframes antZoomBigIn { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes antZoomBigOut { 0% { transform: scale(1); } 100% { transform: scale(0.8); opacity: 0; } } @keyframes antZoomUpIn { 0% { transform: scale(0.8); transform-origin: 50% 0%; opacity: 0; } 100% { transform: scale(1); transform-origin: 50% 0%; } } @keyframes antZoomUpOut { 0% { transform: scale(1); transform-origin: 50% 0%; } 100% { transform: scale(0.8); transform-origin: 50% 0%; opacity: 0; } } @keyframes antZoomLeftIn { 0% { transform: scale(0.8); transform-origin: 0% 50%; opacity: 0; } 100% { transform: scale(1); transform-origin: 0% 50%; } } @keyframes antZoomLeftOut { 0% { transform: scale(1); transform-origin: 0% 50%; } 100% { transform: scale(0.8); transform-origin: 0% 50%; opacity: 0; } } @keyframes antZoomRightIn { 0% { transform: scale(0.8); transform-origin: 100% 50%; opacity: 0; } 100% { transform: scale(1); transform-origin: 100% 50%; } } @keyframes antZoomRightOut { 0% { transform: scale(1); transform-origin: 100% 50%; } 100% { transform: scale(0.8); transform-origin: 100% 50%; opacity: 0; } } @keyframes antZoomDownIn { 0% { transform: scale(0.8); transform-origin: 50% 100%; opacity: 0; } 100% { transform: scale(1); transform-origin: 50% 100%; } } @keyframes antZoomDownOut { 0% { transform: scale(1); transform-origin: 50% 100%; } 100% { transform: scale(0.8); transform-origin: 50% 100%; opacity: 0; } } .ant-motion-collapse-legacy { overflow: hidden; } .ant-motion-collapse-legacy-active { transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .ant-motion-collapse { overflow: hidden; transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important; } .baseShadow { box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); } .centerShadow { box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1); } .topShadow { box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.1); } .rightShadow { box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.1); } .leftShadow { box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.1); } .minor-btn { background: var(--Gray-Gray4-, #dcdcdc); border-color: var(--Gray-Gray4-, #dcdcdc); } .minor-btn:hover { background: var(--Gray-Gray5-, #c5c5c5); border-color: var(--Gray-Gray4-, #c5c5c5); } .minor-btn:active { background: var(--Gray-Gray6-, #999); border-color: var(--Gray-Gray4-, #999); } /*!********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-34.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-34.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-34.use[3]!./node_modules/ant-design-vue/es/tabs/style/index.less ***! \********************************************************************************************************************************************************************************************************************************************************************/ /* 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 */ .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container { height: 40px; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar { visibility: hidden; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab { height: 40px; margin: 0; margin-right: 2px; padding: 0 16px; line-height: 38px; background: #fafafa; border: 1px solid #e8e8e8; border-radius: 3px 3px 0 0; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { height: 40px; color: #167BE4; background: #fff; border-color: #e8e8e8; border-bottom: 1px solid #fff; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before { border-top: 2px solid transparent; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled { color: #167BE4; color: #999999; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive { padding: 0; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap { margin-bottom: 0; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x { width: 16px; height: 16px; height: 12px; margin-right: -5px; margin-left: 3px; overflow: hidden; color: rgba(0, 0, 0, 0.45); font-size: 12px; vertical-align: middle; transition: all 0.3s; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover { color: rgba(0, 0, 0, 0.85); } .ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane, .ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane { transition: none !important; } .ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive, .ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive { overflow: hidden; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close { opacity: 1; } .ant-tabs-extra-content { line-height: 42px; } .ant-tabs-extra-content .ant-tabs-new-tab { position: relative; width: 20px; height: 20px; color: rgba(0, 0, 0, 0.65); font-size: 12px; line-height: 20px; text-align: center; border: 1px solid #e8e8e8; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .ant-tabs-extra-content .ant-tabs-new-tab:hover { color: #167BE4; border-color: #167BE4; } .ant-tabs-extra-content .ant-tabs-new-tab svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-tabs.ant-tabs-large .ant-tabs-extra-content { line-height: 53px; } .ant-tabs.ant-tabs-small .ant-tabs-extra-content { line-height: 34px; } .ant-tabs.ant-tabs-card .ant-tabs-extra-content { line-height: 40px; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container { height: 100%; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab { margin-bottom: 8px; border-bottom: 1px solid #e8e8e8; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active { padding-bottom: 4px; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child { margin-bottom: 8px; } .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab, .ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab { width: 90%; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap { margin-right: 0; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab { margin-right: 1px; border-right: 0; border-radius: 3px 0 0 3px; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active { margin-right: -1px; padding-right: 18px; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap { margin-left: 0; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab { margin-left: 1px; border-left: 0; border-radius: 0 3px 3px 0; } .ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active { margin-left: -1px; padding-left: 18px; } .ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab { height: auto; border-top: 0; border-bottom: 1px solid #e8e8e8; border-radius: 0 0 3px 3px; } .ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active { padding-top: 1px; padding-bottom: 0; color: #167BE4; } .ant-tabs { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 12px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; overflow: hidden; zoom: 1; } .ant-tabs::before, .ant-tabs::after { display: table; content: ''; } .ant-tabs::after { clear: both; } .ant-tabs-ink-bar { position: absolute; bottom: 1px; left: 0; z-index: 1; box-sizing: border-box; width: 0; height: 2px; background-color: #167BE4; transform-origin: 0 0; } .ant-tabs-bar { margin: 0 0 16px 0; border-bottom: 1px solid #e8e8e8; outline: none; transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-nav-container { position: relative; box-sizing: border-box; margin-bottom: -1px; overflow: hidden; font-size: 12px; line-height: 1.5; white-space: nowrap; transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); zoom: 1; } .ant-tabs-nav-container::before, .ant-tabs-nav-container::after { display: table; content: ''; } .ant-tabs-nav-container::after { clear: both; } .ant-tabs-nav-container-scrolling { padding-right: 32px; padding-left: 32px; } .ant-tabs-bottom .ant-tabs-bottom-bar { margin-top: 16px; margin-bottom: 0; border-top: 1px solid #e8e8e8; border-bottom: none; } .ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar { top: 1px; bottom: auto; } .ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container { margin-top: -1px; margin-bottom: 0; } .ant-tabs-tab-prev, .ant-tabs-tab-next { position: absolute; z-index: 2; width: 0; height: 100%; color: rgba(0, 0, 0, 0.45); text-align: center; background-color: transparent; border: 0; cursor: pointer; opacity: 0; transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; } .ant-tabs-tab-prev.ant-tabs-tab-arrow-show, .ant-tabs-tab-next.ant-tabs-tab-arrow-show { width: 32px; height: 100%; opacity: 1; pointer-events: auto; } .ant-tabs-tab-prev:hover, .ant-tabs-tab-next:hover { color: rgba(0, 0, 0, 0.65); } .ant-tabs-tab-prev-icon, .ant-tabs-tab-next-icon { position: absolute; top: 50%; left: 50%; font-weight: bold; font-style: normal; font-variant: normal; line-height: inherit; text-align: center; text-transform: none; transform: translate(-50%, -50%); } .ant-tabs-tab-prev-icon-target, .ant-tabs-tab-next-icon-target { display: block; display: inline-block; font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); } :root .ant-tabs-tab-prev-icon-target, :root .ant-tabs-tab-next-icon-target { font-size: 12px; } .ant-tabs-tab-btn-disabled { cursor: not-allowed; } .ant-tabs-tab-btn-disabled, .ant-tabs-tab-btn-disabled:hover { color: #999999; } .ant-tabs-tab-next { right: 2px; } .ant-tabs-tab-prev { left: 0; } :root .ant-tabs-tab-prev { filter: none; } .ant-tabs-nav-wrap { margin-bottom: -1px; overflow: hidden; } .ant-tabs-nav-scroll { overflow: hidden; white-space: nowrap; } .ant-tabs-nav { position: relative; display: inline-block; box-sizing: border-box; margin: 0; padding-left: 0; list-style: none; transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-nav::before, .ant-tabs-nav::after { display: table; content: ' '; } .ant-tabs-nav::after { clear: both; } .ant-tabs-nav .ant-tabs-tab { position: relative; display: inline-block; box-sizing: border-box; height: 100%; margin: 0 32px 0 0; padding: 12px 16px; text-decoration: none; cursor: pointer; transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-nav .ant-tabs-tab::before { position: absolute; top: -1px; left: 0; width: 100%; border-top: 2px solid transparent; border-radius: 3px 3px 0 0; transition: all 0.3s; content: ''; pointer-events: none; } .ant-tabs-nav .ant-tabs-tab:last-child { margin-right: 0; } .ant-tabs-nav .ant-tabs-tab:hover { color: #3e9af0; } .ant-tabs-nav .ant-tabs-tab:active { color: #095abd; } .ant-tabs-nav .ant-tabs-tab .anticon { margin-right: 8px; } .ant-tabs-nav .ant-tabs-tab-active { color: #167BE4; text-shadow: 0 0 0.25px currentColor; } .ant-tabs-nav .ant-tabs-tab-disabled, .ant-tabs-nav .ant-tabs-tab-disabled:hover { color: #999999; cursor: not-allowed; } .ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container { font-size: 14px; } .ant-tabs .ant-tabs-large-bar .ant-tabs-tab { padding: 16px; } .ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container { font-size: 12px; } .ant-tabs .ant-tabs-small-bar .ant-tabs-tab { padding: 8px 16px; } .ant-tabs-content::before { display: block; overflow: hidden; content: ''; } .ant-tabs .ant-tabs-top-content, .ant-tabs .ant-tabs-bottom-content { width: 100%; } .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane, .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane { flex-shrink: 0; width: 100%; -webkit-backface-visibility: hidden; opacity: 1; transition: opacity 0.45s; } .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive, .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive { height: 0; padding: 0 !important; overflow: hidden; opacity: 0; pointer-events: none; } .ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input, .ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input { visibility: hidden; } .ant-tabs .ant-tabs-top-content.ant-tabs-content-animated, .ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated { display: flex; flex-direction: row; transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); will-change: margin-left; } .ant-tabs .ant-tabs-left-bar, .ant-tabs .ant-tabs-right-bar { height: 100%; border-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show { width: 100%; height: 32px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab { display: block; float: none; margin: 0 0 16px 0; padding: 8px 24px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child { margin-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content, .ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content { text-align: center; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll { width: auto; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap { height: 100%; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container { margin-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling { padding: 32px 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap { margin-bottom: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav, .ant-tabs .ant-tabs-right-bar .ant-tabs-nav { width: 100%; } .ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar, .ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar { top: 0; bottom: auto; left: auto; width: 2px; height: 0; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next { right: 0; bottom: 0; width: 100%; height: 32px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev, .ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev { top: 0; width: 100%; height: 32px; } .ant-tabs .ant-tabs-left-content, .ant-tabs .ant-tabs-right-content { width: auto; margin-top: 0 !important; overflow: hidden; } .ant-tabs .ant-tabs-left-bar { float: left; margin-right: -1px; margin-bottom: 0; border-right: 1px solid #e8e8e8; } .ant-tabs .ant-tabs-left-bar .ant-tabs-tab { text-align: right; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container { margin-right: -1px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap { margin-right: -1px; } .ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar { right: 1px; } .ant-tabs .ant-tabs-left-content { padding-left: 24px; border-left: 1px solid #e8e8e8; } .ant-tabs .ant-tabs-right-bar { float: right; margin-bottom: 0; margin-left: -1px; border-left: 1px solid #e8e8e8; } .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container { margin-left: -1px; } .ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap { margin-left: -1px; } .ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar { left: 1px; } .ant-tabs .ant-tabs-right-content { padding-right: 24px; border-right: 1px solid #e8e8e8; } .ant-tabs-top .ant-tabs-ink-bar-animated, .ant-tabs-bottom .ant-tabs-ink-bar-animated { transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-left .ant-tabs-ink-bar-animated, .ant-tabs-right .ant-tabs-ink-bar-animated { transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .no-flex > .ant-tabs-content > .ant-tabs-content-animated, .ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated { margin-left: 0 !important; transform: none !important; } .no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive, .ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive { height: 0; padding: 0 !important; overflow: hidden; opacity: 0; pointer-events: none; } .no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input, .ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input { visibility: hidden; } .ant-tabs-left-content > .ant-tabs-content-animated, .ant-tabs-right-content > .ant-tabs-content-animated { margin-left: 0 !important; transform: none !important; } .ant-tabs-left-content > .ant-tabs-tabpane-inactive, .ant-tabs-right-content > .ant-tabs-tabpane-inactive { height: 0; padding: 0 !important; overflow: hidden; opacity: 0; pointer-events: none; } .ant-tabs-left-content > .ant-tabs-tabpane-inactive input, .ant-tabs-right-content > .ant-tabs-tabpane-inactive input { visibility: hidden; } .baseShadow { box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); } .centerShadow { box-shadow: 0px 3px 14px 0px rgba(0, 0, 0, 0.1); } .topShadow { box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.1); } .rightShadow { box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.1); } .leftShadow { box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.1); } .minor-btn { background: var(--Gray-Gray4-, #dcdcdc); border-color: var(--Gray-Gray4-, #dcdcdc); } .minor-btn:hover { background: var(--Gray-Gray5-, #c5c5c5); border-color: var(--Gray-Gray4-, #c5c5c5); } .minor-btn:active { background: var(--Gray-Gray6-, #999); border-color: var(--Gray-Gray4-, #999); }