meri-design/dist/theme/Select.css

基于vue框架的ui库

/*!
 * @meri-design v2.2.19-beta10
 * (c) 2019-2022 YuShu-Web
 * Released under the MIT License.
 * 2025-01-14 15:25:40
 */.p-popover-tip{border-radius:4px;display:inline-block;font-size:0;max-width:480px;padding-top:8px;position:absolute;z-index:7000}.p-popover-tip .p-popover-tip-triangle{border-style:solid;height:0;left:50%;position:absolute;width:0}.p-popover-tip-split{background-color:#fff}.p-popover-tip-split.p-popover-tip-top .p-popover-tip-triangle{border-color:#fff transparent transparent}.p-popover-tip-split.p-popover-tip-bottom .p-popover-tip-triangle{border-color:transparent transparent #fff}.p-popover-tip-words{background-color:rgba(31,36,41,.8)}.p-popover-tip-words.p-popover-tip-top .p-popover-tip-triangle{border-color:rgba(31,36,41,.8) transparent transparent}.p-popover-tip-words.p-popover-tip-bottom .p-popover-tip-triangle{border-color:transparent transparent rgba(31,36,41,.8)}.p-popover-tip-top{filter:drop-shadow(0 2px 4px rgba(31,35,41,.1))}.p-popover-tip-top .p-popover-tip-triangle{border-width:6px 6px 0;bottom:-6px}.p-popover-tip-bottom{filter:drop-shadow(0 -2px 4px rgba(31,35,41,.1))}.p-popover-tip-bottom .p-popover-tip-triangle{border-width:0 6px 6px;top:-6px}.p-popover-tip-content{display:flex;flex-wrap:wrap;max-height:184px;max-width:480px;padding-left:4px;padding-right:8px}.p-popover-tip-content .p-popover-tip-content-item{background-color:#f1f4f6;border-radius:2px;margin-bottom:8px;margin-left:4px;max-width:100%;overflow:hidden;padding-left:4px;padding-right:4px;white-space:nowrap}.p-popover-tip-content .p-popover-tip-content-item .p-popover-tip-item-text{color:#1b2129;display:inline-block;font-size:14px;line-height:24px;width:100%}.p-popover-tip-content .p-popover-tip-content-item-before{position:relative}.p-popover-tip-content .p-popover-tip-content-item-before:before{background-color:#f1f4f6;border-radius:2px;color:#1b2129;content:"...";display:inline-block;font-size:14px;height:24px;left:0;position:absolute;text-align:center;top:0;width:20px;z-index:1}.p-popover-tip-content-words{color:#fff;display:inline-block;font-size:14px;line-height:24px;padding-bottom:8px;padding-left:4px;width:100%}.p-avatar{display:inline-block;padding-right:12px;position:relative}.p-avatar .p-avatar-content{align-items:center;display:flex;justify-content:center;overflow:hidden}.p-avatar .p-avatar-large{border-radius:16px;height:32px;width:32px}.p-avatar .p-avatar-medium{border-radius:14px;height:28px;width:28px}.p-avatar .p-avatar-small{border-radius:14px;height:24px;width:24px}.p-avatar .p-avatar-minimum{border-radius:10px;height:20px;width:20px}.p-avatar .p-avatar-back-blue{background-color:#246fe5}.p-avatar .p-avatar-back-cyan,.p-avatar .p-avatar-back-turquoise{background-color:#14c4c4}.p-avatar .p-avatar-back-green{background-color:#3fbe72}.p-avatar .p-avatar-back-yellow{background-color:#f8d60c}.p-avatar .p-avatar-back-orange{background-color:#ffb800}.p-avatar .p-avatar-back-red{background-color:#f55047}.p-avatar .p-avatar-back-carmine{background-color:#9b6ced}.p-avatar .p-avatar-back-purple{background-color:#d069d2}.p-avatar .p-avatar-image{background-color:#e8ecf0}.p-avatar .p-avatar-image svg{height:100%;width:100%}.p-avatar .p-avatar-image img{display:inline-block;height:100%;width:100%}.p-avatar .p-avatar-logo svg{height:100%;width:100%}.p-avatar .p-avatar-logo img{display:inline-block;height:100%;width:100%}.p-avatar .p-avatar-text{color:#fff;font-size:12px;font-weight:400;line-height:12px}.p-avatar .p-avatar-large-font{font-size:14px}.selectDownUpExtend-enter-active{animation:selectDownUpExtend .3s}.selectDownUpExtend-leave-active{animation:selectDownUpExtend .3s reverse}.selectDownUpExtendTop-enter-active{animation:selectDownUpExtendTop .3s}.selectDownUpExtendTop-leave-active{animation:selectDownUpExtendTop .3s reverse}@-moz-keyframes selectDownUpExtend{0%{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-webkit-keyframes selectDownUpExtend{0%{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-o-keyframes selectDownUpExtend{0%{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@keyframes selectDownUpExtend{0%{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-moz-keyframes selectDownUpExtendTop{0%{opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-webkit-keyframes selectDownUpExtendTop{0%{opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-o-keyframes selectDownUpExtendTop{0%{opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@keyframes selectDownUpExtendTop{0%{opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}.p-select-not-found{background:#fff;border-radius:4px;box-sizing:border-box;color:#c4c9cf;font-size:14px;height:54px;line-height:22px;min-width:180px;overflow:hidden;padding:16px 0 16px 12px;text-overflow:ellipsis;white-space:nowrap}.p-select-option-box{background:#fff;border:1px solid #e1e5eb;border-radius:4px;box-shadow:0 2px 10px rgba(31,35,41,.1);font-size:0;position:absolute}.p-select-option-box .p-select-option-menu{font-size:0;max-height:248px;overflow:auto;padding-bottom:8px;padding-top:8px}.p-select-option-box .p-select-option-menu .p-select-option-selected{background-color:#d9ebff}.p-select-option-box .p-select-option-menu .p-select-option{box-size:border-box;align-items:center;border-radius:0;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:8px 0 8px 12px;position:relative;text-overflow:ellipsis;transition:background-color .3s;white-space:nowrap;width:100%}.p-select-option-box .p-select-option-menu .p-select-option:hover{background-color:#f1f4f6}.p-select-option-box .p-select-option-menu .p-select-option .p-select-option-content{align-items:center;display:flex;font-size:0;justify-content:flex-start}.p-select-option-box .p-select-option-menu .p-select-option .p-select-option-content .p-select-option-wraper{align-items:center;display:flex;justify-content:center}.p-select-option-box .p-select-option-menu .p-select-option .p-select-option-content .p-select-option-wraper .p-select-option-avatar{align-items:center;display:flex;justify-content:center;margin:4px 0;overflow:hidden}.p-select-option-box .p-select-option-menu .p-select-option .p-select-option-content .p-select-option-wraper .p-select-option-label{display:inline-block;font-size:14px;height:24px;line-height:24px;margin-right:8px;overflow:hidden;text-align:center;width:44px}.p-select-option-box .p-select-option-menu .p-select-option .p-select-option-content .p-select-option-main{color:#1b2129;font-size:14px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-select-option-box .p-select-option-menu .p-select-option .p-select-option-content .p-select-option-main-selected{color:#246fe5}.p-select-option-box .p-select-option-menu .p-select-option .p-select-option-content .p-select-option-main-disabled{color:#c4c9cf}.p-select-option-box .p-select-option-menu .p-select-option .p-select-option-content .p-select-option-desc{color:#8b949e;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-select-option-box .p-select-option-menu .p-select-option .p-select-option-content .p-select-option-desc-selected{color:#246fe5}.p-select-option-box .p-select-option-menu .p-select-option .p-select-option-content .p-select-option-desc-disabled{color:#c4c9cf}.p-select-option-box .p-select-option-menu .p-select-option .p-select-multiple-icon{border:2px solid #0091ff;border-right:none;border-top:none;height:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%) rotate(-45deg);width:12px}.p-select-option-box .p-select-confirm-panel{align-items:center;display:flex;height:46px;justify-content:flex-end;width:100%}.p-select-option-box .p-select-confirm-panel span{cursor:pointer;font-size:14px}.p-select-option-box .p-select-confirm-panel span:first-child{color:#1b2129;margin-right:16px}.p-select-option-box .p-select-confirm-panel span:last-child{color:#246fe5;margin-right:12px}.p-select-option-box .p-select-confirm-panel span.disabled-confirm-button{color:#c4c9cf;cursor:not-allowed;font-size:14px}.p-select-option-box .p-select-panel-shadow{position:relative}.p-select-option-box .p-select-panel-shadow:after{box-shadow:0 -2px 10px rgba(31,35,41,.1);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.p-select-option-box .p-select-option-divider{border-bottom:1px solid #e8ecf0}.p-select-option-box .p-select-option-disabled{background:none;color:#c4c9cf;cursor:not-allowed!important}.p-select-option-box .p-select-option-disabled:hover{background:none!important}.p-select-option-box .p-select-option-classify{color:#8b949e;font-size:14px;line-height:24px;padding:8px 0 8px 12px}.p-select{cursor:pointer;display:inline-block;outline:none;position:relative;vertical-align:middle}.p-select+.p-select{margin-left:12px}.p-select-drop-down{position:fixed}.p-select-drop-down .p-select-not-found{background:#fff;border:1px solid #e1e5eb;border-radius:4px;box-shadow:0 2px 10px rgba(31,35,41,.1);box-sizing:border-box;color:#c4c9cf;font-size:14px;height:54px;line-height:22px;padding:16px 0 16px 12px}.p-select-header{background-color:#fff;border:1px solid #c4c9cf;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;height:32px;min-height:32px;position:relative;text-align:left;width:100%}.p-select-header .p-select-count{color:#1b2129;font-size:14px;line-height:30px;padding-left:12px}.p-select-header .p-select-count .p-select-count-active{color:#246fe5;margin:0 4px}.p-select-header .p-select-caption{color:#8b949e;display:inline-block;flex-shrink:0;font-size:14px;height:30px;line-height:30px;max-width:196px;overflow:hidden;padding:0 0 0 12px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.p-select-header .p-select-selected-box{box-sizing:border-box;color:#1b2129;display:inline-block;flex-shrink:1;font-size:14px;height:30px;overflow-x:hidden;overflow-y:auto;position:relative;width:100%;z-index:10}.p-select-header .p-select-selected-box .p-select-disabled-input{cursor:not-allowed}.p-select-header .p-select-selected-box .p-select-fake-placeholder,.p-select-header .p-select-selected-box .p-select-input{border:none;display:inline-block;font-size:14px;left:0;line-height:30px;outline:none;padding-left:12px;position:absolute;top:0;width:100%}.p-select-header .p-select-selected-box .p-select-fake-placeholder{color:#c4c9cf;line-height:30px;overflow:hidden;padding-right:32px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.p-select-header .p-select-selected-box .p-select-number{color:#246fe5}.p-select-header .p-select-selected-box .p-select-input{background:none;height:30px;line-height:30px;padding-left:12px;padding-right:32px}.p-select-header .p-select-selected-box .p-select-cursor-input{cursor:pointer}.p-select-header .p-select-selected-box .p-select-input-fakePlaceholder{color:#1b2129}.p-select-header .p-select-triangle{height:16px;position:absolute;right:10px;top:7px;transform:rotate(180deg);transform-origin:center center;transition:transform .3s;width:16px;will-change:rotate}.p-select-header .p-select-clear{height:14px;position:absolute;right:10px;top:8px;width:14px;z-index:11}.p-select-header .p-select-clear path{fill:#e1e5eb;transition:fill .5s}.p-select-header .p-select-clear:hover path{fill:#246fe5}.p-select-header .p-select-triangle-up{transform:rotate(0)}.p-select-header .p-select-triangle-down{transform:rotate(180deg)}.p-select-header:hover{border:1px solid #246fe5;transition:.3s}.p-select-header .p-select-input-tip{background-color:#fff;border-radius:4px;max-height:104px;max-width:280px;padding:16px 20px;pointer-events:none;position:absolute;z-index:100}.p-select-header .p-select-input-tip:after{border-style:solid;border-width:4px;content:"";display:inline-block;height:0;position:absolute;transform:rotate(-45deg);width:0;z-index:0}.p-select-header .p-select-input-tip .p-select-input-tip-item{word-wrap:break-word;font-size:14px;line-height:22px;max-height:66px;overflow:hidden;position:relative;word-break:break-all}.p-select-header .p-select-input-tip .p-select-input-tip-overflow:after{background-color:#fff;bottom:0;content:"...";display:inline-block;height:22px;position:absolute;right:0;width:20px}.p-select-header .p-select-input-tip-top{box-shadow:0 2px 10px rgba(31,35,41,.1)}.p-select-header .p-select-input-tip-top:after{border-color:transparent transparent #fff #fff;bottom:-4px;box-shadow:-2px 2px 4px rgba(31,35,41,.1);left:58px;z-index:-1}.p-select-header .p-select-input-tip-bottom{box-shadow:-2px 0 10px rgba(31,35,41,.1)}.p-select-header .p-select-input-tip-bottom:after{border-color:#fff #fff transparent transparent;box-shadow:2px -2px 4px rgba(31,35,41,.1);left:58px;top:-4px}.p-select-header .p-select-input-tip-left{box-shadow:2px 0 10px rgba(31,35,41,.1)}.p-select-header .p-select-input-tip-left:after{border-color:transparent #fff #fff transparent;box-shadow:2px 2px 4px rgba(31,35,41,.1);right:-4px;top:49%}.p-select-header .p-select-input-tip-right{box-shadow:0 -2px 10px rgba(31,35,41,.1)}.p-select-header .p-select-input-tip-right:after{border-color:#fff transparent transparent #fff;box-shadow:-2px -2px 4px rgba(31,35,41,.1);left:-4px;top:49%}.p-select-header-radius{border:1px solid #c4c9cf;border-radius:16px}.p-select-header-focused{border:1px solid #246fe5;box-shadow:0 0 0 2px rgba(0,145,255,.2);transition:.3s}.p-select-header-focused .p-select-normal{color:#c4c9cf}.p-select-header-disabled{background:#e8ecf0;cursor:not-allowed}.p-select-header-disabled:hover{border:1px solid #c4c9cf}.p-select-header-disabled span{color:#c4c9cf!important}.p-select-header-disabled .p-select-triangle path{fill:#c4c9cf}.p-select-normal,.p-select-selected{color:#1b2129}.p-select-highlight{color:#246fe5}.p-select-highlight-margin{margin-left:4px;margin-right:4px}.p-trigger-error{border-color:#f55047}.p-trigger-error-text{color:#f55047;font-size:14px;left:0;line-height:14px;position:absolute;top:36px}