meri-design/dist/theme/MCascade.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
 */.m-cascade{vertical-align:middle}.m-cascade,.p-popover-tip{display:inline-block;font-size:0}.p-popover-tip{border-radius:4px;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-drop-trigger{align-items:flex-start;border:1px solid #c4c9cf;border-radius:4px;display:inline-flex;font-size:0;justify-content:space-between;position:relative;transition:border-color .3s;width:120px}.p-drop-trigger-active{cursor:pointer}.p-drop-trigger-active:hover{border-color:#246fe5}.p-drop-trigger-active:active{border-color:#215dd9}.p-drop-trigger-disabled{background-color:#e8ecf0;cursor:not-allowed}.p-drop-trigger-disabled .p-drop-trigger-caption{color:#c4c9cf}.p-drop-trigger-disabled .p-drop-trigger-icon svg path{fill:#c4c9cf}.p-drop-trigger-disabled .p-drop-trigger-label{cursor:not-allowed}.p-drop-trigger-disabled .p-drop-trigger-label .p-drop-trigger-selected .p-drop-trigger-selected-m-c,.p-drop-trigger-disabled .p-drop-trigger-label .p-drop-trigger-selected>span{color:#c4c9cf}.p-drop-trigger-normal{height:32px}.p-drop-trigger-tag{max-height:84px;min-height:32px}.p-drop-trigger-text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-drop-trigger-main{padding-left:8px;width:calc(100% - 30px)}.p-drop-trigger-caption,.p-drop-trigger-main-normal{height:30px;line-height:30px}.p-drop-trigger-caption{color:#626c78;display:inline-block;font-size:14px;max-width:98px}.p-drop-trigger-label{cursor:pointer;display:inline-block;height:30px;overflow:hidden;position:relative;width:100%}.p-drop-trigger-label-pl{padding-left:8px}.p-drop-trigger-placeholder{color:var(--placeholder-color,#c4c9cf);font-size:14px}.p-drop-trigger-placeholder,.p-drop-trigger-selected{display:block;height:30px;line-height:30px;width:100%}.p-drop-trigger-selected>span{color:#1b2129;display:block;font-size:14px;height:100%;overflow:hidden;text-overflow:ellipsis;transition:color .3s;white-space:nowrap;width:100%}.p-drop-trigger-selected-m-c{color:#246fe5;padding-left:4px;padding-right:4px}.p-drop-trigger-selected-focus .p-drop-trigger-selected-m-c,.p-drop-trigger-selected-focus>span{color:#c4c9cf}.p-drop-trigger-input{background:none;border:0;color:#1b2129;font-size:14px;height:30px;left:0;outline:none;position:absolute;top:0;width:100%}.p-drop-trigger-input-readonly{cursor:pointer}.p-drop-trigger-main-tag{display:inline-flex;min-height:30px}.p-drop-trigger-main-tag-box{max-height:82px;min-height:28px}.p-drop-trigger-tag-list{align-items:flex-start;display:inline-flex;flex-wrap:wrap;min-height:28px;padding-top:4px;width:100%}.p-drop-trigger-tag-list-item{align-items:center;background-color:#e8ecf0;display:inline-flex;height:22px;line-height:22px;margin-bottom:4px;margin-right:4px;padding-left:4px}.p-drop-trigger-tag-list-item .p-drop-trigger-tag-list-text{color:#1b2129;cursor:text;font-size:14px}.p-drop-trigger-tag-list-item .p-drop-trigger-tag-list-svg{height:22px;text-align:center;width:22px}.p-drop-trigger-tag-list-item .p-drop-trigger-tag-list-svg svg{font-size:0;height:10px;vertical-align:middle;width:10px}.p-drop-trigger-tag-list-item .p-drop-trigger-tag-list-svg svg path{transition:fill .3s}.p-drop-trigger-tag-list-item .p-drop-trigger-tag-list-svg-normal:hover path{fill:#246fe5}.p-drop-trigger-tag-list-item .p-drop-trigger-tag-list-svg-disabled{cursor:not-allowed}.p-drop-trigger-icon{height:30px;width:30px}.p-drop-trigger-icon-clear:hover .p-drop-trigger-tgl{display:none}.p-drop-trigger-icon-clear:hover .p-drop-trigger-del{display:flex}.p-drop-trigger-svg{align-items:center;display:flex;height:100%;justify-content:center;transition:transform .3s;width:100%}.p-drop-trigger-svg svg{font-size:0;height:16px;width:16px}.p-drop-trigger-svg svg path{transition:fill .3s}.p-drop-trigger-del{display:none}.p-drop-trigger-del svg:hover path{fill:#246fe5}.p-drop-trigger-tgl-open{transform:rotate(180deg)}.p-trigger-error{border-color:#f55047}.p-trigger-error-text{color:#f55047;font-size:14px;left:0;line-height:14px;position:absolute;top:36px}.p-drop-trigger-borderless{border:1px solid transparent;min-width:86px;width:unset}.p-drop-trigger-borderless.p-drop-trigger-drop_show,.p-drop-trigger-borderless:hover{background-color:#e8ecf0;border:1px solid #e8ecf0}.p-drop-trigger-label_transparent{opacity:0}.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)}}.m-drop-cascade{align-items:self-start;background-color:#fff;border:1px solid #e1e5eb;border-radius:4px;display:inline-flex;font-size:0;height:230px;outline:none;overflow:hidden;position:absolute;z-index:7000}.m-drop-cascade-top{box-shadow:0 -2px 10px rgba(31,35,41,.1)}.m-drop-cascade-bottom{box-shadow:0 2px 10px rgba(31,35,41,.1)}.m-ul-cascade{font-size:0;height:100%;overflow-x:hidden;overflow-y:auto;width:300px}.m-ul-cascade:not(:first-child){border-left:1px solid #e8ecf0}.m-li-cascade{align-items:center;cursor:pointer;display:flex;height:38px;justify-content:space-between;line-height:38px;padding-left:12px;transition:background-color .3s;width:100%}.m-li-cascade:hover{background-color:#f1f4f6}.m-li-cascade-active{background-color:#d9ebff}.m-li-cascade-active .m-li-cascade-name{color:#246fe5}.m-li-cascade-disabled{background-color:#f1f4f6;cursor:not-allowed}.m-li-cascade-disabled .m-li-cascade-name{color:#c4c9cf}.m-li-cascade-disabled svg path{fill:#c4c9cf}.m-li-cascade-name{color:#1b2129;flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;transition:color .3s;white-space:nowrap}.m-li-cascade-arrow{height:38px;text-align:center;width:38px}.m-li-cascade-arrow svg{height:16px;vertical-align:middle;width:16px}.cascade-drop-not-found{align-items:center;color:#c4c9cf;display:flex;font-size:14px;height:100%;justify-content:center}