@mc-markets/ui 1.0.86 → 1.0.87
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -90
- package/dist/components/Breadcrumb/Breadcrumb.vue.d.ts +5 -13
- package/dist/components/Breadcrumb/Breadcrumb.vue.d.ts.map +1 -1
- package/dist/components/Breadcrumb/BreadcrumbSeparator.vue.d.ts +3 -0
- package/dist/components/Breadcrumb/BreadcrumbSeparator.vue.d.ts.map +1 -0
- package/dist/components/DatePicker/DatePicker.vue.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.vue.d.ts.map +1 -1
- package/dist/components/TabCard/TabCard.vue.d.ts.map +1 -1
- package/dist/components/TabCard/TabCardItem.vue.d.ts.map +1 -1
- package/dist/index.cjs +1 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +597 -662
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/packages/components/Breadcrumb/Breadcrumb.vue +84 -48
- package/packages/components/Breadcrumb/BreadcrumbSeparator.vue +31 -0
- package/packages/components/DatePicker/DatePicker.vue +1 -2
- package/packages/components/Empty/Empty.vue +2 -2
- package/packages/components/TabCard/TabCard.vue +7 -67
- package/packages/components/TabCard/TabCardItem.vue +25 -8
- package/packages/styles/components/select.scss +3 -1
- package/dist/components/Breadcrumb/BreadcrumbItem.vue.d.ts +0 -17
- package/dist/components/Breadcrumb/BreadcrumbItem.vue.d.ts.map +0 -1
- package/packages/components/Breadcrumb/BreadcrumbItem.vue +0 -142
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.iconfont[data-v-90f84c9e]{display:inline-block;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;line-height:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-spin[data-v-90f84c9e]{animation:icon-spin-90f84c9e 1s linear infinite}@keyframes icon-spin-90f84c9e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-pulse[data-v-90f84c9e]{animation:icon-pulse-90f84c9e 1s ease-in-out infinite}@keyframes icon-pulse-90f84c9e{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.icon-flip-horizontal[data-v-90f84c9e]{transform:scaleX(-1)}.icon-flip-vertical[data-v-90f84c9e]{transform:scaleY(-1)}.icon-flip-both[data-v-90f84c9e]{transform:scale(-1)}.icon-spin.icon-flip-horizontal[data-v-90f84c9e]{animation:icon-spin-flip-horizontal-90f84c9e 1s linear infinite}.icon-spin.icon-flip-vertical[data-v-90f84c9e]{animation:icon-spin-flip-vertical-90f84c9e 1s linear infinite}.icon-spin.icon-flip-both[data-v-90f84c9e]{animation:icon-spin-flip-both-90f84c9e 1s linear infinite}@keyframes icon-spin-flip-horizontal-90f84c9e{0%{transform:rotate(0) scaleX(-1)}to{transform:rotate(360deg) scaleX(-1)}}@keyframes icon-spin-flip-vertical-90f84c9e{0%{transform:rotate(0) scaleY(-1)}to{transform:rotate(360deg) scaleY(-1)}}@keyframes icon-spin-flip-both-90f84c9e{0%{transform:rotate(0) scale(-1)}to{transform:rotate(360deg) scale(-1)}}.mc-tooltip-popper.is-dark{color:#fff!important;background-color:var(--all-gray-6)!important;border-color:var(--all-gray-6)!important}.mc-tooltip-popper.is-dark .el-popper__arrow:before{background-color:var(--all-gray-6)!important;border-color:var(--all-gray-6)!important}.mc-tooltip-popper.is-light{color:#606266!important;background-color:#fff!important;border:1px solid #e4e7ed!important}.mc-tooltip-popper.is-light .el-popper__arrow:before{background-color:#fff!important;border-color:#fff!important}:deep(.el-popper).is-light{background:var(--bg-tertiary-hover);border-color:var(--border-primary)}.m-pagination{--el-border-color-hover: var(--border-tertiary) !important;--el-pagination-button-bg-color: var(--bg-tertiary-hover) !important}.m-pagination.is-background .el-pager li.is-active{color:var(--text-quaternary)!important}.m-pagination .el-pager li{border-radius:var(--xs);border:1px solid transparent}.m-pagination .el-pager li:hover{border:1px solid var(--border-tertiary);color:var(--text-primary)}.m-pagination .el-select .el-select__wrapper{width:112px;min-height:32px;padding:5px 8px;border-radius:var(--xs);background-color:var(--bg-tertiary-hover)}.m-pagination .el-input .el-input__wrapper{height:30px;border-radius:var(--xs);background-color:var(--bg-tertiary-hover)}.m-pagination .el-pagination.is-background{background-color:var(--bg-tertiary-hover)}.m-pagination .el-pager .number{font-size:var(--font-size-text-sm);font-weight:500}.m-pagination .btn-prev:disabled,.m-pagination .btn-next:disabled{background-color:transparent!important}.m-pagination .btn-prev:hover:not(:disabled),.m-pagination .btn-next:hover:not(:disabled){border:1px solid var(--border-tertiary);color:var(--text-primary)}.m-pagination .btn-prev,.m-pagination .btn-next{background-color:transparent!important}.m-radio.el-radio{--el-radio-input-height: 16px;--el-radio-input-width: 16px;--el-radio-input-border: 2px solid var(--icon-tertiary)}.m-radio.el-radio.el-radio--large{--el-radio-input-height: 20px;--el-radio-input-width: 20px}.m-radio.el-radio.el-radio--large .el-radio__inner{height:var(--el-radio-input-height);width:var(--el-radio-input-width)}.m-radio.el-radio .el-radio__input.is-checked .el-radio__inner:after{height:6px;width:6px;background-color:var(--bg-primary)}.m-radio.el-radio .el-radio__input.is-disabled .el-radio__inner{background-color:var(--all-alphe-white-20);border-color:var(--icon-tertiary)}.m-radio.el-radio .el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--all-alphe-white-20)}.mc-radio-group-custom .el-radio .el-radio__input .el-radio__inner{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#667eea}.mc-radio-group-custom .el-radio .el-radio__input .el-radio__inner:hover{background:linear-gradient(45deg,#5a6fd8,#6a4190);border-color:#5a6fd8}.mc-radio-group-custom .el-radio .el-radio__input.is-checked .el-radio__inner{background:linear-gradient(45deg,#4c63d2,#5d3a7e);border-color:#4c63d2}.mc-radio-group-custom .el-radio .el-radio__label{color:#667eea;font-weight:500}.mc-radio-group-success .el-radio .el-radio__input .el-radio__inner{background-color:#67c23a;border-color:#67c23a}.mc-radio-group-success .el-radio .el-radio__input .el-radio__inner:hover{background-color:#5daf34;border-color:#5daf34}.mc-radio-group-success .el-radio .el-radio__input.is-checked .el-radio__inner{background-color:#529b2e;border-color:#529b2e}.mc-radio-group-success .el-radio .el-radio__label{color:#67c23a;font-weight:500}.mc-radio-group-warning .el-radio .el-radio__input .el-radio__inner{background-color:#e6a23c;border-color:#e6a23c}.mc-radio-group-warning .el-radio .el-radio__input .el-radio__inner:hover{background-color:#d4922b;border-color:#d4922b}.mc-radio-group-warning .el-radio .el-radio__input.is-checked .el-radio__inner{background-color:#c8951f;border-color:#c8951f}.mc-radio-group-warning .el-radio .el-radio__label{color:#e6a23c;font-weight:500}.mc-radio-group-danger .el-radio .el-radio__input .el-radio__inner{background-color:#f56c6c;border-color:#f56c6c}.mc-radio-group-danger .el-radio .el-radio__input .el-radio__inner:hover{background-color:#f45454;border-color:#f45454}.mc-radio-group-danger .el-radio .el-radio__input.is-checked .el-radio__inner{background-color:#f24545;border-color:#f24545}.mc-radio-group-danger .el-radio .el-radio__label{color:#f56c6c;font-weight:500}.mc-radio-button-custom .el-radio-button__inner{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.mc-radio-button-custom .el-radio-button__inner:hover{background:linear-gradient(45deg,#5a6fd8,#6a4190);border-color:#5a6fd8}.mc-radio-button-custom .el-radio-button__original-radio:checked+.el-radio-button__inner{background:linear-gradient(45deg,#4c63d2,#5d3a7e);border-color:#4c63d2;box-shadow:-1px 0 #4c63d2}.mc-radio-button-success .el-radio-button__inner{background-color:#67c23a;border-color:#67c23a;color:#fff}.mc-radio-button-success .el-radio-button__inner:hover{background-color:#5daf34;border-color:#5daf34}.mc-radio-button-success .el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:#529b2e;border-color:#529b2e;box-shadow:-1px 0 #529b2e}.mc-radio-button-warning .el-radio-button__inner{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.mc-radio-button-warning .el-radio-button__inner:hover{background-color:#d4922b;border-color:#d4922b}.mc-radio-button-warning .el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:#c8951f;border-color:#c8951f;box-shadow:-1px 0 #c8951f}.mc-radio-button-danger .el-radio-button__inner{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.mc-radio-button-danger .el-radio-button__inner:hover{background-color:#f45454;border-color:#f45454}.mc-radio-button-danger .el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:#f24545;border-color:#f24545;box-shadow:-1px 0 #f24545}.m-switch.is-checked .el-switch__action{background-color:var(--all-gray-10)}.m-switch:not(.is-checked) .el-switch__core{background-color:var(--all-gray-5);border-color:var(--all-gray-5)}.m-switch:not(.is-checked) .el-switch__core .el-switch__action{background-color:var(--all-gray-1)}.m-tag .prefixIcon,.m-tag .suffixIcon{font-size:16px;display:inline-block;line-height:1}.m-tag .prefixIcon.iconfont,.m-tag .suffixIcon.iconfont{font-family:iconfont!important}.m-tag .prefixIcon.colorfont,.m-tag .suffixIcon.colorfont{font-family:colorfont!important}.m-tag .el-tag__content{display:flex;align-items:center}.m-tag .prefixIcon{margin-right:4px}.m-tag .suffixIcon{margin-left:4px}.m-tag .custom-spinner{display:inline-block;margin-right:4px;width:16px;height:16px;overflow:hidden}.m-tag .custom-spinner .ldio-spinner{width:100%;height:100%;position:relative;transform:translateZ(0) scale(.16);backface-visibility:hidden;transform-origin:0 0}.m-tag .custom-spinner .ldio-spinner div{left:46px;top:7.5px;position:absolute;animation:ldio-spinner-fade linear 1s infinite;background:currentColor;width:8px;height:21px;border-radius:3.15px;transform-origin:4px 42.5px;box-sizing:content-box}.m-tag .custom-spinner .ldio-spinner div:nth-child(1){transform:rotate(0);animation-delay:-.875s}.m-tag .custom-spinner .ldio-spinner div:nth-child(2){transform:rotate(45deg);animation-delay:-.75s}.m-tag .custom-spinner .ldio-spinner div:nth-child(3){transform:rotate(90deg);animation-delay:-.625s}.m-tag .custom-spinner .ldio-spinner div:nth-child(4){transform:rotate(135deg);animation-delay:-.5s}.m-tag .custom-spinner .ldio-spinner div:nth-child(5){transform:rotate(180deg);animation-delay:-.375s}.m-tag .custom-spinner .ldio-spinner div:nth-child(6){transform:rotate(225deg);animation-delay:-.25s}.m-tag .custom-spinner .ldio-spinner div:nth-child(7){transform:rotate(270deg);animation-delay:-.125s}.m-tag .custom-spinner .ldio-spinner div:nth-child(8){transform:rotate(315deg);animation-delay:0s}@keyframes ldio-spinner-fade{0%{opacity:1}to{opacity:0}}.mc-alert.el-alert{--el-alert-padding: 14px 16px}.mc-alert.el-alert .mc-alert-icon{width:16px;height:16px;object-fit:contain}.mc-alert.el-alert .el-alert__close-btn{top:50%;transform:translateY(-50%);opacity:.6;transition:opacity .2s ease;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mc-alert.el-alert .el-alert__close-btn:hover{opacity:1;background:#0000001a}.mc-alert.el-alert.el-alert--error.is-light{background-color:var(--all-red-10);color:var(--text-error-primary);border-color:var(--all-red-10)}.mc-alert.el-alert.el-alert--error.is-light .el-alert__title,.mc-alert.el-alert.el-alert--error.is-light .el-alert__description,.mc-alert.el-alert.el-alert--error.is-light .el-alert__close-btn{color:var(--text-error-primary)}.mc-alert.el-alert.el-alert--error.is-light .el-alert__icon{display:flex;align-items:center}.mc-alert.el-alert.el-alert--warning.is-light{background-color:var(--all-orange-10);color:var(--text-warning-primary);border-color:var(--all-orange-10)}.mc-alert.el-alert.el-alert--warning.is-light .el-alert__title,.mc-alert.el-alert.el-alert--warning.is-light .el-alert__description,.mc-alert.el-alert.el-alert--warning.is-light .el-alert__close-btn{color:var(--text-warning-primary)}.mc-alert.el-alert.el-alert--warning.is-light .el-alert__icon{display:flex;align-items:center}.mc-alert.el-alert.el-alert--success.is-light{background-color:var(--all-green-10);color:var(--all-green-4);border-color:var(--all-green-10)}.mc-alert.el-alert.el-alert--success.is-light .el-alert__title,.mc-alert.el-alert.el-alert--success.is-light .el-alert__description,.mc-alert.el-alert.el-alert--success.is-light .el-alert__close-btn{color:var(--all-green-4)}.mc-alert.el-alert.el-alert--success.is-light .el-alert__icon{display:flex;align-items:center}.message-container{position:fixed;z-index:9999;pointer-events:none}.custom-message{position:fixed;left:50%;transform:translate(-50%);min-width:200px;max-width:320px;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #00000026;pointer-events:auto;z-index:9999;font-size:14px}.custom-message.message-top{top:20px}.custom-message.message-top:nth-child(2){top:70px}.custom-message.message-top:nth-child(3){top:120px}.custom-message.message-top:nth-child(4){top:170px}.custom-message.message-top:nth-child(5){top:220px}.custom-message.message-top-left{top:20px;left:20px;transform:none}.custom-message.message-top-left:nth-child(2){top:70px}.custom-message.message-top-left:nth-child(3){top:120px}.custom-message.message-top-left:nth-child(4){top:170px}.custom-message.message-top-left:nth-child(5){top:220px}.custom-message.message-top-right{top:20px;right:20px;left:auto;transform:none}.custom-message.message-top-right:nth-child(2){top:70px}.custom-message.message-top-right:nth-child(3){top:120px}.custom-message.message-top-right:nth-child(4){top:170px}.custom-message.message-top-right:nth-child(5){top:220px}.custom-message.message-bottom{bottom:20px;top:auto}.custom-message.message-bottom:nth-child(2){bottom:70px}.custom-message.message-bottom:nth-child(3){bottom:120px}.custom-message.message-bottom:nth-child(4){bottom:170px}.custom-message.message-bottom:nth-child(5){bottom:220px}.custom-message.message-bottom-left{bottom:20px;left:20px;top:auto;transform:none}.custom-message.message-bottom-left:nth-child(2){bottom:70px}.custom-message.message-bottom-left:nth-child(3){bottom:120px}.custom-message.message-bottom-left:nth-child(4){bottom:170px}.custom-message.message-bottom-left:nth-child(5){bottom:220px}.custom-message.message-bottom-right{inset:auto 20px 20px auto;transform:none}.custom-message.message-bottom-right:nth-child(2){bottom:70px}.custom-message.message-bottom-right:nth-child(3){bottom:120px}.custom-message.message-bottom-right:nth-child(4){bottom:170px}.custom-message.message-bottom-right:nth-child(5){bottom:220px}.custom-message .message-icon{flex-shrink:0;display:flex;align-items:center}.custom-message .message-icon .message-icon-img{width:16px;height:16px;object-fit:contain}.custom-message .message-content{flex:1;line-height:1.4;position:relative}.custom-message .message-content .message-repeat{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;background:#666;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:8px;border:2px solid white;box-shadow:0 2px 4px #0003}.custom-message .message-close{flex-shrink:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;opacity:.6;transition:opacity .2s ease;font-size:24px;width:20px;height:20px;border-radius:50%;color:var(--icon-tertiary, #999)}.custom-message .message-close:hover{opacity:1;background:#0000001a}.custom-message.message-success{background-color:var(--bg-tertiary-hover, #f5f5f5);color:var(--all-green-4, #67c23a);border:1px solid var(--bg-tertiary-hover, #f5f5f5)}.custom-message.message-success .message-icon{color:var(--all-green-4, #67c23a)}.custom-message.message-success .message-repeat{background:var(--all-green-4, #67c23a);border-color:var(--all-green-4, #67c23a)}.custom-message.message-success.message-plain{background:var(--all-green-4, #67c23a);border:1px solid var(--all-green-4, #67c23a);color:#fff}.custom-message.message-success.message-plain .message-icon{color:#fff}.custom-message.message-warning{background-color:var(--bg-tertiary-hover, #f5f5f5);color:var(--text-warning-primary, #e6a23c);border:1px solid var(--bg-tertiary-hover, #f5f5f5)}.custom-message.message-warning .message-icon{color:var(--text-warning-primary, #e6a23c)}.custom-message.message-warning .message-repeat{background:var(--text-warning-primary, #e6a23c);border-color:var(--text-warning-primary, #e6a23c)}.custom-message.message-warning.message-plain{background:var(--text-warning-primary, #e6a23c);border:1px solid var(--text-warning-primary, #e6a23c);color:#fff}.custom-message.message-warning.message-plain .message-icon{color:#fff}.custom-message.message-error{background-color:var(--bg-tertiary-hover, #f5f5f5);color:var(--text-error-primary, #f56c6c);border:1px solid var(--bg-tertiary-hover, #f5f5f5)}.custom-message.message-error .message-icon{color:var(--text-error-primary, #f56c6c)}.custom-message.message-error .message-repeat{background:var(--text-error-primary, #f56c6c);border-color:var(--text-error-primary, #f56c6c)}.custom-message.message-error.message-plain{background:var(--text-error-primary, #f56c6c);border:1px solid var(--text-error-primary, #f56c6c);color:#fff}.custom-message.message-error.message-plain .message-icon{color:#fff}.message-enter-active,.message-leave-active{transition:all .3s ease}.message-enter-from,.message-leave-to{opacity:0;transform:translate(-50%) translateY(-20px)}.message-move{transition:transform .3s ease}.message-top-left.message-enter-from,.message-top-left.message-leave-to{transform:translate(-20px)}.message-top-right.message-enter-from,.message-top-right.message-leave-to{transform:translate(20px)}.message-bottom.message-enter-from,.message-bottom.message-leave-to{transform:translate(-50%) translateY(20px)}.message-bottom-left.message-enter-from,.message-bottom-left.message-leave-to{transform:translate(-20px)}.message-bottom-right.message-enter-from,.message-bottom-right.message-leave-to{transform:translate(20px)}@media (max-width: 480px){.custom-message{min-width:calc(100vw - 40px);max-width:calc(100vw - 40px);left:20px!important;right:20px!important;transform:none!important}.custom-message.message-enter-from,.custom-message.message-leave-to{transform:translateY(-20px)!important}}.notification-container{position:fixed;z-index:9999;pointer-events:none}.custom-notification{position:fixed;top:20px;right:20px;width:400px;background:#201f24;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:4px;box-shadow:0 8px 32px #0000004d;pointer-events:auto;z-index:9999}.custom-notification:nth-child(2){top:100px}.custom-notification:nth-child(3){top:180px}.custom-notification:nth-child(4){top:260px}.custom-notification:nth-child(5){top:340px}.custom-notification .notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transform:translate(-9px,-8px)}.custom-notification .notification-icon img{width:100%;height:100%;object-fit:contain}.custom-notification .notification-content{flex:1}.custom-notification .notification-content .notification-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px}.custom-notification .notification-content .notification-message{color:#fffc;font-size:14px;line-height:1.5;margin-bottom:16px}.custom-notification .notification-content .notification-action .custom-action-link{color:#ffd905;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.custom-notification .notification-content .notification-action .custom-action-link:hover{color:#fff}.custom-notification .notification-content .notification-action .custom-action-link span{line-height:1}.custom-notification .notification-content .notification-action .custom-action-link .arrow{transition:transform .2s ease;display:flex;align-items:center;line-height:1}.custom-notification .notification-content .notification-action .custom-action-link:hover .arrow{transform:translate(2px)}.custom-notification .notification-close{position:absolute;top:12px;right:12px;width:20px;height:20px;border:none;background:transparent;color:var(--icon-tertiary, #999);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;opacity:.6;transition:opacity .2s ease}.custom-notification .notification-close:hover{opacity:1;background:#0000001a}.notification-enter-active,.notification-leave-active{transition:all .3s ease}.notification-enter-from,.notification-leave-to{opacity:0;transform:translate(100%)}.notification-move{transition:transform .3s ease}@media (max-width: 480px){.custom-notification{width:calc(100vw - 40px);left:20px!important;right:20px!important}}.m-datepicker.style-type-solid.el-date-editor.el-input__wrapper,.m-datepicker.style-type-solid .el-input__wrapper{box-shadow:none;background-color:var(--bg-tertiary-hover)}.m-datepicker.el-input--small{--el-input-height: 40px}.mc-datepicker-popper .el-picker-panel{border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 4px 12px #0000001a}.mc-datepicker-popper .el-picker-panel .current .el-date-table-cell .el-date-table-cell__text,.mc-datepicker-popper .el-picker-panel .start-date .el-date-table-cell .el-date-table-cell__text,.mc-datepicker-popper .el-picker-panel .end-date .el-date-table-cell .el-date-table-cell__text{color:var(--text-quaternary);border-radius:3px}.mc-datepicker-popper .el-picker-panel .start-date .el-date-table-cell{border-top-left-radius:3px;border-bottom-left-radius:3px}.mc-datepicker-popper .el-picker-panel .end-date .el-date-table-cell{border-top-right-radius:3px;border-bottom-right-radius:3px}.mc-datepicker-popper .el-picker-panel .el-button.is-text{color:var(--text-brand)}.mc-datepicker-popper .el-picker-panel .el-button.is-plain{background:var(--bg-brand);color:var(--text-quaternary)}.m-banner[data-v-00c80323]{position:relative;display:flex;align-items:center;min-height:40px;border-radius:4px;border:1px solid;font-size:14px;line-height:1.5;padding:10px;transition:all .3s ease}.m-banner__content[data-v-00c80323]{display:flex;align-items:center;width:100%;flex:1}.m-banner__icon[data-v-00c80323]{display:flex;align-items:center;margin-right:8px;flex-shrink:0}.m-banner__text[data-v-00c80323]{flex:1;word-break:break-word}.m-banner__close[data-v-00c80323]{display:flex;align-items:center;justify-content:center;margin-left:8px;cursor:pointer;padding:4px;border-radius:3px;transition:background-color .2s ease;flex-shrink:0;min-width:20px;min-height:20px;opacity:.7}.m-banner__close[data-v-00c80323]:hover{background-color:#0000001a;opacity:1}.m-banner--info[data-v-00c80323]{background-color:#e1f3ff;border-color:#b3d8ff;color:#06c}.m-banner--info .m-banner__close[data-v-00c80323]:hover{background-color:#0066cc1a}.m-banner--success[data-v-00c80323]{background-color:#f0f9ff;border-color:#b3e5b3;color:#00a854}.m-banner--success .m-banner__close[data-v-00c80323]:hover{background-color:#00a8541a}.m-banner--warning[data-v-00c80323]{background-color:#fff7e6;border-color:#ffd591;color:#fa8c16}.m-banner--warning .m-banner__close[data-v-00c80323]:hover{background-color:#fa8c161a}.m-banner--error[data-v-00c80323]{background-color:#fff2f0;border-color:#ffccc7;color:#ff4d4f}.m-banner--error .m-banner__close[data-v-00c80323]:hover{background-color:#ff4d4f1a}.m-banner.m-banner-leave-active[data-v-00c80323]{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}@media (prefers-color-scheme: dark){.m-banner--info[data-v-00c80323]{background-color:#1890ff1a;border-color:#1890ff4d;color:#69c0ff}.m-banner--success[data-v-00c80323]{background-color:#52c41a1a;border-color:#52c41a4d;color:#95de64}.m-banner--warning[data-v-00c80323]{background-color:#faad141a;border-color:#faad144d;color:#ffd666}.m-banner--error[data-v-00c80323]{background-color:#ff4d4f1a;border-color:#ff4d4f4d;color:#ff7875}}.m-tabs__header[data-v-37dc138d]{position:relative}.m-tabs__nav[data-v-37dc138d]{position:relative;display:flex;border-bottom:1px solid var(--border-primary)}.m-tabs__item[data-v-37dc138d]{position:relative;height:24px;margin-right:20px;margin-bottom:6px;cursor:pointer;color:var(--text-tertiary);font-size:var(--font-size-text-base);transition:color .3s;user-select:none;font-weight:600}.m-tabs__item[data-v-37dc138d]:hover,.m-tabs__item.is-active[data-v-37dc138d]{color:var(--text-brand)}.m-tabs__item[data-v-37dc138d]:last-child{margin-right:0}.m-tabs__active-bar[data-v-37dc138d]{position:absolute;bottom:0;height:3px;background-color:var(--text-brand);transition:all .3s;z-index:1}.m-tabs.style-solid .m-tabs__nav[data-v-37dc138d]{border-bottom:none;background-color:var(--bg-tertiary-hover);border-radius:8px;padding:4px}.m-tabs.style-solid .m-tabs__item[data-v-37dc138d]{height:32px;margin-right:0;margin-bottom:0;padding:0 16px;border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:transparent;transition:all .3s}.m-tabs.style-solid .m-tabs__item[data-v-37dc138d]:hover{background-color:#0000000d}.m-tabs.style-solid .m-tabs__item.is-active[data-v-37dc138d]{background-color:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 4px #0000001a}.m-tab-pane[data-v-31f89b3b]{display:none}.m-tab-pane.is-active[data-v-31f89b3b]{display:block}.m-tab-card[data-v-dd55f784]{display:inline-block}.m-tab-card.is-disabled[data-v-dd55f784]{pointer-events:none;opacity:.6}.m-tab-card__container[data-v-dd55f784]{display:flex;background-color:var(--bg-tertiary-hover, #2a2a2a);border-radius:var(--md);padding:4px;gap:0}.m-tab-card__item[data-v-dd55f784]{position:relative;display:flex;align-items:center;justify-content:center;min-width:132px;height:40px;padding:0 16px;border-radius:var(--md);cursor:pointer;user-select:none;background-color:transparent;min-width:80px;text-align:center;z-index:1}.m-tab-card__item.is-active[data-v-dd55f784]{background-color:var(--bg-brand, #ffd700);color:var(--text-quaternary);font-weight:600;box-shadow:0 2px 4px #0000001a}.m-tab-card__item.is-disabled[data-v-dd55f784]{cursor:not-allowed;opacity:.5}.m-tab-card__item[data-v-dd55f784]:not(.is-active){color:var(--text-secondary, #ffffff)}.m-tab-card__text[data-v-dd55f784]{font-size:14px;line-height:1.4;white-space:nowrap}@media (prefers-color-scheme: dark){.m-tab-card__container[data-v-dd55f784]{background-color:var(--bg-tertiary-hover, #2a2a2a)}.m-tab-card__item[data-v-dd55f784]:not(.is-active){color:var(--text-secondary, #cccccc)}.m-tab-card__item.is-active[data-v-dd55f784]{background-color:var(--bg-brand, #ffd700);color:var(--text-primary, #1a1a1a)}}.m-tab-card-item[data-v-adce2436]{position:relative;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;user-select:none;background-color:transparent;min-width:80px;text-align:center;z-index:1}.m-tab-card-item[data-v-adce2436]:hover:not(.is-disabled):not(.is-active){background-color:#ffffff0d}.m-tab-card-item.is-active[data-v-adce2436]{background-color:var(--bg-brand, #ffd700);color:var(--text-primary, #1a1a1a);font-weight:600;box-shadow:0 2px 4px #0000001a}.m-tab-card-item.is-disabled[data-v-adce2436]{cursor:not-allowed;opacity:.5}.m-tab-card-item[data-v-adce2436]:not(.is-active){color:var(--text-secondary, #ffffff)}.m-tab-card-item__text[data-v-adce2436]{font-size:14px;line-height:1.4;white-space:nowrap}.m-breadcrumb[data-v-e2689f65]{font-size:14px;line-height:1;color:var(--text-secondary, #606266)}.m-breadcrumb[data-v-e2689f65]:before{display:table;content:""}.m-breadcrumb[data-v-e2689f65]:after{display:table;clear:both;content:""}.m-breadcrumb__item[data-v-29577d85]{float:left}.m-breadcrumb__item .m-breadcrumb__inner[data-v-29577d85]{color:var(--text-secondary, #606266);text-decoration:none;transition:color .2s cubic-bezier(.645,.045,.355,1)}.m-breadcrumb__item .m-breadcrumb__inner[data-v-29577d85]:hover,.m-breadcrumb__item .m-breadcrumb__inner.is-link[data-v-29577d85]{color:var(--text-primary);cursor:pointer}.m-breadcrumb__item .m-breadcrumb__separator[data-v-29577d85]{margin:0 9px;font-weight:500;color:var(--text-tertiary, #c0c4cc);display:inline-flex;align-items:center;transform:translateY(10%)}.m-breadcrumb__item .m-breadcrumb__separator[data-v-29577d85] svg{width:14px;height:14px}.m-breadcrumb__item .m-breadcrumb__separator [class*=icon][data-v-29577d85]{margin-right:6px}.m-breadcrumb__item:last-child .m-breadcrumb__inner[data-v-29577d85]{color:var(--text-tertiary, #909399);cursor:text}.m-breadcrumb__item:last-child .m-breadcrumb__separator[data-v-29577d85]{display:none}
|
|
1
|
+
@charset "UTF-8";.iconfont[data-v-90f84c9e]{display:inline-block;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;line-height:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-spin[data-v-90f84c9e]{animation:icon-spin-90f84c9e 1s linear infinite}@keyframes icon-spin-90f84c9e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-pulse[data-v-90f84c9e]{animation:icon-pulse-90f84c9e 1s ease-in-out infinite}@keyframes icon-pulse-90f84c9e{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.icon-flip-horizontal[data-v-90f84c9e]{transform:scaleX(-1)}.icon-flip-vertical[data-v-90f84c9e]{transform:scaleY(-1)}.icon-flip-both[data-v-90f84c9e]{transform:scale(-1)}.icon-spin.icon-flip-horizontal[data-v-90f84c9e]{animation:icon-spin-flip-horizontal-90f84c9e 1s linear infinite}.icon-spin.icon-flip-vertical[data-v-90f84c9e]{animation:icon-spin-flip-vertical-90f84c9e 1s linear infinite}.icon-spin.icon-flip-both[data-v-90f84c9e]{animation:icon-spin-flip-both-90f84c9e 1s linear infinite}@keyframes icon-spin-flip-horizontal-90f84c9e{0%{transform:rotate(0) scaleX(-1)}to{transform:rotate(360deg) scaleX(-1)}}@keyframes icon-spin-flip-vertical-90f84c9e{0%{transform:rotate(0) scaleY(-1)}to{transform:rotate(360deg) scaleY(-1)}}@keyframes icon-spin-flip-both-90f84c9e{0%{transform:rotate(0) scale(-1)}to{transform:rotate(360deg) scale(-1)}}.mc-tooltip-popper.is-dark{color:#fff!important;background-color:var(--all-gray-6)!important;border-color:var(--all-gray-6)!important}.mc-tooltip-popper.is-dark .el-popper__arrow:before{background-color:var(--all-gray-6)!important;border-color:var(--all-gray-6)!important}.mc-tooltip-popper.is-light{color:#606266!important;background-color:#fff!important;border:1px solid #e4e7ed!important}.mc-tooltip-popper.is-light .el-popper__arrow:before{background-color:#fff!important;border-color:#fff!important}:deep(.el-popper).is-light{background:var(--bg-tertiary-hover);border-color:var(--border-primary)}.m-pagination{--el-border-color-hover: var(--border-tertiary) !important;--el-pagination-button-bg-color: var(--bg-tertiary-hover) !important}.m-pagination.is-background .el-pager li.is-active{color:var(--text-quaternary)!important}.m-pagination .el-pager li{border-radius:var(--xs);border:1px solid transparent}.m-pagination .el-pager li:hover{border:1px solid var(--border-tertiary);color:var(--text-primary)}.m-pagination .el-select .el-select__wrapper{width:112px;min-height:32px;padding:5px 8px;border-radius:var(--xs);background-color:var(--bg-tertiary-hover)}.m-pagination .el-input .el-input__wrapper{height:30px;border-radius:var(--xs);background-color:var(--bg-tertiary-hover)}.m-pagination .el-pagination.is-background{background-color:var(--bg-tertiary-hover)}.m-pagination .el-pager .number{font-size:var(--font-size-text-sm);font-weight:500}.m-pagination .btn-prev:disabled,.m-pagination .btn-next:disabled{background-color:transparent!important}.m-pagination .btn-prev:hover:not(:disabled),.m-pagination .btn-next:hover:not(:disabled){border:1px solid var(--border-tertiary);color:var(--text-primary)}.m-pagination .btn-prev,.m-pagination .btn-next{background-color:transparent!important}.m-radio.el-radio{--el-radio-input-height: 16px;--el-radio-input-width: 16px;--el-radio-input-border: 2px solid var(--icon-tertiary)}.m-radio.el-radio.el-radio--large{--el-radio-input-height: 20px;--el-radio-input-width: 20px}.m-radio.el-radio.el-radio--large .el-radio__inner{height:var(--el-radio-input-height);width:var(--el-radio-input-width)}.m-radio.el-radio .el-radio__input.is-checked .el-radio__inner:after{height:6px;width:6px;background-color:var(--bg-primary)}.m-radio.el-radio .el-radio__input.is-disabled .el-radio__inner{background-color:var(--all-alphe-white-20);border-color:var(--icon-tertiary)}.m-radio.el-radio .el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--all-alphe-white-20)}.mc-radio-group-custom .el-radio .el-radio__input .el-radio__inner{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#667eea}.mc-radio-group-custom .el-radio .el-radio__input .el-radio__inner:hover{background:linear-gradient(45deg,#5a6fd8,#6a4190);border-color:#5a6fd8}.mc-radio-group-custom .el-radio .el-radio__input.is-checked .el-radio__inner{background:linear-gradient(45deg,#4c63d2,#5d3a7e);border-color:#4c63d2}.mc-radio-group-custom .el-radio .el-radio__label{color:#667eea;font-weight:500}.mc-radio-group-success .el-radio .el-radio__input .el-radio__inner{background-color:#67c23a;border-color:#67c23a}.mc-radio-group-success .el-radio .el-radio__input .el-radio__inner:hover{background-color:#5daf34;border-color:#5daf34}.mc-radio-group-success .el-radio .el-radio__input.is-checked .el-radio__inner{background-color:#529b2e;border-color:#529b2e}.mc-radio-group-success .el-radio .el-radio__label{color:#67c23a;font-weight:500}.mc-radio-group-warning .el-radio .el-radio__input .el-radio__inner{background-color:#e6a23c;border-color:#e6a23c}.mc-radio-group-warning .el-radio .el-radio__input .el-radio__inner:hover{background-color:#d4922b;border-color:#d4922b}.mc-radio-group-warning .el-radio .el-radio__input.is-checked .el-radio__inner{background-color:#c8951f;border-color:#c8951f}.mc-radio-group-warning .el-radio .el-radio__label{color:#e6a23c;font-weight:500}.mc-radio-group-danger .el-radio .el-radio__input .el-radio__inner{background-color:#f56c6c;border-color:#f56c6c}.mc-radio-group-danger .el-radio .el-radio__input .el-radio__inner:hover{background-color:#f45454;border-color:#f45454}.mc-radio-group-danger .el-radio .el-radio__input.is-checked .el-radio__inner{background-color:#f24545;border-color:#f24545}.mc-radio-group-danger .el-radio .el-radio__label{color:#f56c6c;font-weight:500}.mc-radio-button-custom .el-radio-button__inner{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.mc-radio-button-custom .el-radio-button__inner:hover{background:linear-gradient(45deg,#5a6fd8,#6a4190);border-color:#5a6fd8}.mc-radio-button-custom .el-radio-button__original-radio:checked+.el-radio-button__inner{background:linear-gradient(45deg,#4c63d2,#5d3a7e);border-color:#4c63d2;box-shadow:-1px 0 #4c63d2}.mc-radio-button-success .el-radio-button__inner{background-color:#67c23a;border-color:#67c23a;color:#fff}.mc-radio-button-success .el-radio-button__inner:hover{background-color:#5daf34;border-color:#5daf34}.mc-radio-button-success .el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:#529b2e;border-color:#529b2e;box-shadow:-1px 0 #529b2e}.mc-radio-button-warning .el-radio-button__inner{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.mc-radio-button-warning .el-radio-button__inner:hover{background-color:#d4922b;border-color:#d4922b}.mc-radio-button-warning .el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:#c8951f;border-color:#c8951f;box-shadow:-1px 0 #c8951f}.mc-radio-button-danger .el-radio-button__inner{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.mc-radio-button-danger .el-radio-button__inner:hover{background-color:#f45454;border-color:#f45454}.mc-radio-button-danger .el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:#f24545;border-color:#f24545;box-shadow:-1px 0 #f24545}.m-switch.is-checked .el-switch__action{background-color:var(--all-gray-10)}.m-switch:not(.is-checked) .el-switch__core{background-color:var(--all-gray-5);border-color:var(--all-gray-5)}.m-switch:not(.is-checked) .el-switch__core .el-switch__action{background-color:var(--all-gray-1)}.m-tag .prefixIcon,.m-tag .suffixIcon{font-size:16px;display:inline-block;line-height:1}.m-tag .prefixIcon.iconfont,.m-tag .suffixIcon.iconfont{font-family:iconfont!important}.m-tag .prefixIcon.colorfont,.m-tag .suffixIcon.colorfont{font-family:colorfont!important}.m-tag .el-tag__content{display:flex;align-items:center}.m-tag .prefixIcon{margin-right:4px}.m-tag .suffixIcon{margin-left:4px}.m-tag .custom-spinner{display:inline-block;margin-right:4px;width:16px;height:16px;overflow:hidden}.m-tag .custom-spinner .ldio-spinner{width:100%;height:100%;position:relative;transform:translateZ(0) scale(.16);backface-visibility:hidden;transform-origin:0 0}.m-tag .custom-spinner .ldio-spinner div{left:46px;top:7.5px;position:absolute;animation:ldio-spinner-fade linear 1s infinite;background:currentColor;width:8px;height:21px;border-radius:3.15px;transform-origin:4px 42.5px;box-sizing:content-box}.m-tag .custom-spinner .ldio-spinner div:nth-child(1){transform:rotate(0);animation-delay:-.875s}.m-tag .custom-spinner .ldio-spinner div:nth-child(2){transform:rotate(45deg);animation-delay:-.75s}.m-tag .custom-spinner .ldio-spinner div:nth-child(3){transform:rotate(90deg);animation-delay:-.625s}.m-tag .custom-spinner .ldio-spinner div:nth-child(4){transform:rotate(135deg);animation-delay:-.5s}.m-tag .custom-spinner .ldio-spinner div:nth-child(5){transform:rotate(180deg);animation-delay:-.375s}.m-tag .custom-spinner .ldio-spinner div:nth-child(6){transform:rotate(225deg);animation-delay:-.25s}.m-tag .custom-spinner .ldio-spinner div:nth-child(7){transform:rotate(270deg);animation-delay:-.125s}.m-tag .custom-spinner .ldio-spinner div:nth-child(8){transform:rotate(315deg);animation-delay:0s}@keyframes ldio-spinner-fade{0%{opacity:1}to{opacity:0}}.mc-alert.el-alert{--el-alert-padding: 14px 16px}.mc-alert.el-alert .mc-alert-icon{width:16px;height:16px;object-fit:contain}.mc-alert.el-alert .el-alert__close-btn{top:50%;transform:translateY(-50%);opacity:.6;transition:opacity .2s ease;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mc-alert.el-alert .el-alert__close-btn:hover{opacity:1;background:#0000001a}.mc-alert.el-alert.el-alert--error.is-light{background-color:var(--all-red-10);color:var(--text-error-primary);border-color:var(--all-red-10)}.mc-alert.el-alert.el-alert--error.is-light .el-alert__title,.mc-alert.el-alert.el-alert--error.is-light .el-alert__description,.mc-alert.el-alert.el-alert--error.is-light .el-alert__close-btn{color:var(--text-error-primary)}.mc-alert.el-alert.el-alert--error.is-light .el-alert__icon{display:flex;align-items:center}.mc-alert.el-alert.el-alert--warning.is-light{background-color:var(--all-orange-10);color:var(--text-warning-primary);border-color:var(--all-orange-10)}.mc-alert.el-alert.el-alert--warning.is-light .el-alert__title,.mc-alert.el-alert.el-alert--warning.is-light .el-alert__description,.mc-alert.el-alert.el-alert--warning.is-light .el-alert__close-btn{color:var(--text-warning-primary)}.mc-alert.el-alert.el-alert--warning.is-light .el-alert__icon{display:flex;align-items:center}.mc-alert.el-alert.el-alert--success.is-light{background-color:var(--all-green-10);color:var(--all-green-4);border-color:var(--all-green-10)}.mc-alert.el-alert.el-alert--success.is-light .el-alert__title,.mc-alert.el-alert.el-alert--success.is-light .el-alert__description,.mc-alert.el-alert.el-alert--success.is-light .el-alert__close-btn{color:var(--all-green-4)}.mc-alert.el-alert.el-alert--success.is-light .el-alert__icon{display:flex;align-items:center}.message-container{position:fixed;z-index:9999;pointer-events:none}.custom-message{position:fixed;left:50%;transform:translate(-50%);min-width:200px;max-width:320px;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #00000026;pointer-events:auto;z-index:9999;font-size:14px}.custom-message.message-top{top:20px}.custom-message.message-top:nth-child(2){top:70px}.custom-message.message-top:nth-child(3){top:120px}.custom-message.message-top:nth-child(4){top:170px}.custom-message.message-top:nth-child(5){top:220px}.custom-message.message-top-left{top:20px;left:20px;transform:none}.custom-message.message-top-left:nth-child(2){top:70px}.custom-message.message-top-left:nth-child(3){top:120px}.custom-message.message-top-left:nth-child(4){top:170px}.custom-message.message-top-left:nth-child(5){top:220px}.custom-message.message-top-right{top:20px;right:20px;left:auto;transform:none}.custom-message.message-top-right:nth-child(2){top:70px}.custom-message.message-top-right:nth-child(3){top:120px}.custom-message.message-top-right:nth-child(4){top:170px}.custom-message.message-top-right:nth-child(5){top:220px}.custom-message.message-bottom{bottom:20px;top:auto}.custom-message.message-bottom:nth-child(2){bottom:70px}.custom-message.message-bottom:nth-child(3){bottom:120px}.custom-message.message-bottom:nth-child(4){bottom:170px}.custom-message.message-bottom:nth-child(5){bottom:220px}.custom-message.message-bottom-left{bottom:20px;left:20px;top:auto;transform:none}.custom-message.message-bottom-left:nth-child(2){bottom:70px}.custom-message.message-bottom-left:nth-child(3){bottom:120px}.custom-message.message-bottom-left:nth-child(4){bottom:170px}.custom-message.message-bottom-left:nth-child(5){bottom:220px}.custom-message.message-bottom-right{inset:auto 20px 20px auto;transform:none}.custom-message.message-bottom-right:nth-child(2){bottom:70px}.custom-message.message-bottom-right:nth-child(3){bottom:120px}.custom-message.message-bottom-right:nth-child(4){bottom:170px}.custom-message.message-bottom-right:nth-child(5){bottom:220px}.custom-message .message-icon{flex-shrink:0;display:flex;align-items:center}.custom-message .message-icon .message-icon-img{width:16px;height:16px;object-fit:contain}.custom-message .message-content{flex:1;line-height:1.4;position:relative}.custom-message .message-content .message-repeat{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;background:#666;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:8px;border:2px solid white;box-shadow:0 2px 4px #0003}.custom-message .message-close{flex-shrink:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:8px;opacity:.6;transition:opacity .2s ease;font-size:24px;width:20px;height:20px;border-radius:50%;color:var(--icon-tertiary, #999)}.custom-message .message-close:hover{opacity:1;background:#0000001a}.custom-message.message-success{background-color:var(--bg-tertiary-hover, #f5f5f5);color:var(--all-green-4, #67c23a);border:1px solid var(--bg-tertiary-hover, #f5f5f5)}.custom-message.message-success .message-icon{color:var(--all-green-4, #67c23a)}.custom-message.message-success .message-repeat{background:var(--all-green-4, #67c23a);border-color:var(--all-green-4, #67c23a)}.custom-message.message-success.message-plain{background:var(--all-green-4, #67c23a);border:1px solid var(--all-green-4, #67c23a);color:#fff}.custom-message.message-success.message-plain .message-icon{color:#fff}.custom-message.message-warning{background-color:var(--bg-tertiary-hover, #f5f5f5);color:var(--text-warning-primary, #e6a23c);border:1px solid var(--bg-tertiary-hover, #f5f5f5)}.custom-message.message-warning .message-icon{color:var(--text-warning-primary, #e6a23c)}.custom-message.message-warning .message-repeat{background:var(--text-warning-primary, #e6a23c);border-color:var(--text-warning-primary, #e6a23c)}.custom-message.message-warning.message-plain{background:var(--text-warning-primary, #e6a23c);border:1px solid var(--text-warning-primary, #e6a23c);color:#fff}.custom-message.message-warning.message-plain .message-icon{color:#fff}.custom-message.message-error{background-color:var(--bg-tertiary-hover, #f5f5f5);color:var(--text-error-primary, #f56c6c);border:1px solid var(--bg-tertiary-hover, #f5f5f5)}.custom-message.message-error .message-icon{color:var(--text-error-primary, #f56c6c)}.custom-message.message-error .message-repeat{background:var(--text-error-primary, #f56c6c);border-color:var(--text-error-primary, #f56c6c)}.custom-message.message-error.message-plain{background:var(--text-error-primary, #f56c6c);border:1px solid var(--text-error-primary, #f56c6c);color:#fff}.custom-message.message-error.message-plain .message-icon{color:#fff}.message-enter-active,.message-leave-active{transition:all .3s ease}.message-enter-from,.message-leave-to{opacity:0;transform:translate(-50%) translateY(-20px)}.message-move{transition:transform .3s ease}.message-top-left.message-enter-from,.message-top-left.message-leave-to{transform:translate(-20px)}.message-top-right.message-enter-from,.message-top-right.message-leave-to{transform:translate(20px)}.message-bottom.message-enter-from,.message-bottom.message-leave-to{transform:translate(-50%) translateY(20px)}.message-bottom-left.message-enter-from,.message-bottom-left.message-leave-to{transform:translate(-20px)}.message-bottom-right.message-enter-from,.message-bottom-right.message-leave-to{transform:translate(20px)}@media (max-width: 480px){.custom-message{min-width:calc(100vw - 40px);max-width:calc(100vw - 40px);left:20px!important;right:20px!important;transform:none!important}.custom-message.message-enter-from,.custom-message.message-leave-to{transform:translateY(-20px)!important}}.notification-container{position:fixed;z-index:9999;pointer-events:none}.custom-notification{position:fixed;top:20px;right:20px;width:400px;background:#201f24;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:4px;box-shadow:0 8px 32px #0000004d;pointer-events:auto;z-index:9999}.custom-notification:nth-child(2){top:100px}.custom-notification:nth-child(3){top:180px}.custom-notification:nth-child(4){top:260px}.custom-notification:nth-child(5){top:340px}.custom-notification .notification-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transform:translate(-9px,-8px)}.custom-notification .notification-icon img{width:100%;height:100%;object-fit:contain}.custom-notification .notification-content{flex:1}.custom-notification .notification-content .notification-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:8px}.custom-notification .notification-content .notification-message{color:#fffc;font-size:14px;line-height:1.5;margin-bottom:16px}.custom-notification .notification-content .notification-action .custom-action-link{color:#ffd905;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.custom-notification .notification-content .notification-action .custom-action-link:hover{color:#fff}.custom-notification .notification-content .notification-action .custom-action-link span{line-height:1}.custom-notification .notification-content .notification-action .custom-action-link .arrow{transition:transform .2s ease;display:flex;align-items:center;line-height:1}.custom-notification .notification-content .notification-action .custom-action-link:hover .arrow{transform:translate(2px)}.custom-notification .notification-close{position:absolute;top:12px;right:12px;width:20px;height:20px;border:none;background:transparent;color:var(--icon-tertiary, #999);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;opacity:.6;transition:opacity .2s ease}.custom-notification .notification-close:hover{opacity:1;background:#0000001a}.notification-enter-active,.notification-leave-active{transition:all .3s ease}.notification-enter-from,.notification-leave-to{opacity:0;transform:translate(100%)}.notification-move{transition:transform .3s ease}@media (max-width: 480px){.custom-notification{width:calc(100vw - 40px);left:20px!important;right:20px!important}}.m-datepicker.style-type-solid.el-date-editor.el-input__wrapper,.m-datepicker.style-type-solid .el-input__wrapper{box-shadow:none;background-color:var(--bg-tertiary-hover)}.m-datepicker.el-input--small{--el-input-height: 40px}.mc-datepicker-popper .el-picker-panel{border:1px solid var(--border-primary);border-radius:6px;box-shadow:0 4px 12px #0000001a}.mc-datepicker-popper .el-picker-panel .current .el-date-table-cell .el-date-table-cell__text,.mc-datepicker-popper .el-picker-panel .start-date .el-date-table-cell .el-date-table-cell__text,.mc-datepicker-popper .el-picker-panel .end-date .el-date-table-cell .el-date-table-cell__text{color:var(--text-quaternary);border-radius:3px}.mc-datepicker-popper .el-picker-panel .start-date .el-date-table-cell{border-top-left-radius:3px;border-bottom-left-radius:3px}.mc-datepicker-popper .el-picker-panel .end-date .el-date-table-cell{border-top-right-radius:3px;border-bottom-right-radius:3px}.mc-datepicker-popper .el-picker-panel .el-button.is-text{color:var(--text-brand)}.mc-datepicker-popper .el-picker-panel .el-button.is-plain{background:var(--bg-brand);color:var(--text-quaternary)}.m-banner[data-v-00c80323]{position:relative;display:flex;align-items:center;min-height:40px;border-radius:4px;border:1px solid;font-size:14px;line-height:1.5;padding:10px;transition:all .3s ease}.m-banner__content[data-v-00c80323]{display:flex;align-items:center;width:100%;flex:1}.m-banner__icon[data-v-00c80323]{display:flex;align-items:center;margin-right:8px;flex-shrink:0}.m-banner__text[data-v-00c80323]{flex:1;word-break:break-word}.m-banner__close[data-v-00c80323]{display:flex;align-items:center;justify-content:center;margin-left:8px;cursor:pointer;padding:4px;border-radius:3px;transition:background-color .2s ease;flex-shrink:0;min-width:20px;min-height:20px;opacity:.7}.m-banner__close[data-v-00c80323]:hover{background-color:#0000001a;opacity:1}.m-banner--info[data-v-00c80323]{background-color:#e1f3ff;border-color:#b3d8ff;color:#06c}.m-banner--info .m-banner__close[data-v-00c80323]:hover{background-color:#0066cc1a}.m-banner--success[data-v-00c80323]{background-color:#f0f9ff;border-color:#b3e5b3;color:#00a854}.m-banner--success .m-banner__close[data-v-00c80323]:hover{background-color:#00a8541a}.m-banner--warning[data-v-00c80323]{background-color:#fff7e6;border-color:#ffd591;color:#fa8c16}.m-banner--warning .m-banner__close[data-v-00c80323]:hover{background-color:#fa8c161a}.m-banner--error[data-v-00c80323]{background-color:#fff2f0;border-color:#ffccc7;color:#ff4d4f}.m-banner--error .m-banner__close[data-v-00c80323]:hover{background-color:#ff4d4f1a}.m-banner.m-banner-leave-active[data-v-00c80323]{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}@media (prefers-color-scheme: dark){.m-banner--info[data-v-00c80323]{background-color:#1890ff1a;border-color:#1890ff4d;color:#69c0ff}.m-banner--success[data-v-00c80323]{background-color:#52c41a1a;border-color:#52c41a4d;color:#95de64}.m-banner--warning[data-v-00c80323]{background-color:#faad141a;border-color:#faad144d;color:#ffd666}.m-banner--error[data-v-00c80323]{background-color:#ff4d4f1a;border-color:#ff4d4f4d;color:#ff7875}}.m-tabs__header[data-v-37dc138d]{position:relative}.m-tabs__nav[data-v-37dc138d]{position:relative;display:flex;border-bottom:1px solid var(--border-primary)}.m-tabs__item[data-v-37dc138d]{position:relative;height:24px;margin-right:20px;margin-bottom:6px;cursor:pointer;color:var(--text-tertiary);font-size:var(--font-size-text-base);transition:color .3s;user-select:none;font-weight:600}.m-tabs__item[data-v-37dc138d]:hover,.m-tabs__item.is-active[data-v-37dc138d]{color:var(--text-brand)}.m-tabs__item[data-v-37dc138d]:last-child{margin-right:0}.m-tabs__active-bar[data-v-37dc138d]{position:absolute;bottom:0;height:3px;background-color:var(--text-brand);transition:all .3s;z-index:1}.m-tabs.style-solid .m-tabs__nav[data-v-37dc138d]{border-bottom:none;background-color:var(--bg-tertiary-hover);border-radius:8px;padding:4px}.m-tabs.style-solid .m-tabs__item[data-v-37dc138d]{height:32px;margin-right:0;margin-bottom:0;padding:0 16px;border-radius:6px;display:flex;align-items:center;justify-content:center;background-color:transparent;transition:all .3s}.m-tabs.style-solid .m-tabs__item[data-v-37dc138d]:hover{background-color:#0000000d}.m-tabs.style-solid .m-tabs__item.is-active[data-v-37dc138d]{background-color:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 4px #0000001a}.m-tab-pane[data-v-31f89b3b]{display:none}.m-tab-pane.is-active[data-v-31f89b3b]{display:block}.m-tab-card-item[data-v-18eaffcc]{position:relative;display:flex;align-items:center;justify-content:center;height:40px;border-radius:var(--md);cursor:pointer;user-select:none;background-color:transparent;padding:0 36px;text-align:center;z-index:1}.m-tab-card-item.is-active[data-v-18eaffcc]{background-color:var(--bg-brand, #ffd700);color:var(--text-quaternary);font-weight:600;box-shadow:0 2px 4px #0000001a}.m-tab-card-item.is-disabled[data-v-18eaffcc]{cursor:not-allowed;opacity:.5}.m-tab-card-item[data-v-18eaffcc]:not(.is-active){color:var(--text-secondary, #ffffff)}.m-tab-card-item__text[data-v-18eaffcc]{font-size:14px;line-height:1.4;white-space:nowrap}@media (prefers-color-scheme: dark){.m-tab-card-item[data-v-18eaffcc]:not(.is-active){color:var(--text-secondary, #cccccc)}.m-tab-card-item.is-active[data-v-18eaffcc]{background-color:var(--bg-brand, #ffd700);color:var(--text-primary, #1a1a1a)}}.m-tab-card[data-v-4384e3e5]{display:inline-block}.m-tab-card.is-disabled[data-v-4384e3e5]{pointer-events:none;opacity:.6}.m-tab-card__container[data-v-4384e3e5]{display:flex;background-color:var(--bg-tertiary-hover, #2a2a2a);border-radius:var(--md);padding:4px;gap:0}@media (prefers-color-scheme: dark){.m-tab-card__container[data-v-4384e3e5]{background-color:var(--bg-tertiary-hover, #2a2a2a)}}.breadcrumb-separator-icon[data-v-dd1ad62c]{display:inline-block;vertical-align:middle}.m-breadcrumb[data-v-bfa840fa]{display:inline-flex;align-items:center;font-size:14px;line-height:20px;height:20px}.m-breadcrumb__item[data-v-bfa840fa]{color:var(--text-secondary, #909399);transition:color .2s;white-space:nowrap;line-height:20px;height:20px;display:inline-flex;align-items:center}.m-breadcrumb__item.is-link[data-v-bfa840fa]{color:var(--text-primary, #303133);cursor:pointer;font-weight:500}.m-breadcrumb__item.is-link[data-v-bfa840fa]:hover{color:var(--bg-brand, #ffd700)}.m-breadcrumb__item[data-v-bfa840fa]:last-child{color:var(--text-tertiary, #c0c4cc);cursor:default;font-weight:400}.m-breadcrumb__separator[data-v-bfa840fa]{margin:0 8px;color:var(--text-tertiary, #c0c4cc);flex-shrink:0;display:inline-flex;align-items:center;height:20px}
|
package/package.json
CHANGED
|
@@ -1,77 +1,113 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<nav class="m-breadcrumb" aria-label="Breadcrumb">
|
|
3
|
-
<
|
|
3
|
+
<template v-for="(item, index) in items" :key="index">
|
|
4
|
+
<span
|
|
5
|
+
:class="['m-breadcrumb__item', { 'is-link': item.to }]"
|
|
6
|
+
@click="handleItemClick(item)"
|
|
7
|
+
>
|
|
8
|
+
{{ item.label }}
|
|
9
|
+
</span>
|
|
10
|
+
<BreadcrumbSeparator
|
|
11
|
+
v-if="index < items.length - 1"
|
|
12
|
+
class="m-breadcrumb__separator"
|
|
13
|
+
/>
|
|
14
|
+
</template>
|
|
4
15
|
</nav>
|
|
5
16
|
</template>
|
|
6
17
|
|
|
7
18
|
<script setup>
|
|
8
|
-
import
|
|
19
|
+
import BreadcrumbSeparator from './BreadcrumbSeparator.vue'
|
|
9
20
|
|
|
10
21
|
defineOptions({
|
|
11
22
|
name: "MBreadcrumb",
|
|
12
23
|
})
|
|
13
24
|
|
|
14
|
-
// 定义 props
|
|
15
25
|
const props = defineProps({
|
|
16
|
-
|
|
17
|
-
type:
|
|
18
|
-
default:
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
26
|
+
items: {
|
|
27
|
+
type: Array,
|
|
28
|
+
default: () => [],
|
|
29
|
+
validator: (items) => {
|
|
30
|
+
return items.every(item =>
|
|
31
|
+
typeof item === 'object' &&
|
|
32
|
+
item.label !== undefined
|
|
33
|
+
)
|
|
34
|
+
}
|
|
23
35
|
}
|
|
24
36
|
})
|
|
25
37
|
|
|
26
|
-
|
|
27
|
-
const items = ref([])
|
|
38
|
+
const emit = defineEmits(['click'])
|
|
28
39
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
40
|
+
const handleItemClick = (item) => {
|
|
41
|
+
if (!item.to) return
|
|
42
|
+
|
|
43
|
+
emit('click', item)
|
|
44
|
+
|
|
45
|
+
// 处理路由跳转
|
|
46
|
+
if (typeof item.to === 'string') {
|
|
47
|
+
if (item.to.startsWith('http://') || item.to.startsWith('https://')) {
|
|
48
|
+
window.location.href = item.to
|
|
49
|
+
} else {
|
|
50
|
+
if (item.replace) {
|
|
51
|
+
window.history.replaceState({}, '', item.to)
|
|
52
|
+
} else {
|
|
53
|
+
window.history.pushState({}, '', item.to)
|
|
54
|
+
}
|
|
55
|
+
window.dispatchEvent(new PopStateEvent('popstate'))
|
|
56
|
+
}
|
|
57
|
+
} else if (typeof item.to === 'object' && item.to.path) {
|
|
58
|
+
const path = item.to.path
|
|
59
|
+
if (item.replace) {
|
|
60
|
+
window.history.replaceState({}, '', path)
|
|
61
|
+
} else {
|
|
62
|
+
window.history.pushState({}, '', path)
|
|
63
|
+
}
|
|
64
|
+
window.dispatchEvent(new PopStateEvent('popstate'))
|
|
41
65
|
}
|
|
42
66
|
}
|
|
43
|
-
|
|
44
|
-
// 判断是否为最后一项
|
|
45
|
-
const isLastItem = (currentId) => {
|
|
46
|
-
const currentIndex = items.value.indexOf(currentId)
|
|
47
|
-
return currentIndex === items.value.length - 1
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
// 提供给子组件的配置
|
|
51
|
-
provide('breadcrumbContext', {
|
|
52
|
-
separator: props.separator,
|
|
53
|
-
separatorIcon: props.separatorIcon,
|
|
54
|
-
registerItem,
|
|
55
|
-
unregisterItem,
|
|
56
|
-
isLastItem
|
|
57
|
-
})
|
|
58
67
|
</script>
|
|
59
68
|
|
|
60
69
|
<style lang="scss" scoped>
|
|
61
70
|
.m-breadcrumb {
|
|
71
|
+
display: inline-flex;
|
|
72
|
+
align-items: center;
|
|
62
73
|
font-size: 14px;
|
|
63
|
-
line-height:
|
|
64
|
-
|
|
74
|
+
line-height: 20px;
|
|
75
|
+
height: 20px;
|
|
65
76
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
77
|
+
&__item {
|
|
78
|
+
color: var(--text-secondary, #909399);
|
|
79
|
+
transition: color 0.2s;
|
|
80
|
+
white-space: nowrap;
|
|
81
|
+
line-height: 20px;
|
|
82
|
+
height: 20px;
|
|
83
|
+
display: inline-flex;
|
|
84
|
+
align-items: center;
|
|
85
|
+
|
|
86
|
+
&.is-link {
|
|
87
|
+
color: var(--text-primary, #303133);
|
|
88
|
+
cursor: pointer;
|
|
89
|
+
font-weight: 500;
|
|
90
|
+
|
|
91
|
+
&:hover {
|
|
92
|
+
color: var(--bg-brand, #ffd700);
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
&:last-child {
|
|
97
|
+
color: var(--text-tertiary, #c0c4cc);
|
|
98
|
+
cursor: default;
|
|
99
|
+
font-weight: normal;
|
|
100
|
+
}
|
|
69
101
|
}
|
|
70
102
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
103
|
+
&__separator {
|
|
104
|
+
margin: 0 8px;
|
|
105
|
+
color: var(--text-tertiary, #c0c4cc);
|
|
106
|
+
flex-shrink: 0;
|
|
107
|
+
display: inline-flex;
|
|
108
|
+
align-items: center;
|
|
109
|
+
height: 20px;
|
|
75
110
|
}
|
|
76
111
|
}
|
|
77
112
|
</style>
|
|
113
|
+
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<svg
|
|
3
|
+
class="breadcrumb-separator-icon"
|
|
4
|
+
width="6"
|
|
5
|
+
height="10"
|
|
6
|
+
viewBox="0 0 6 10"
|
|
7
|
+
fill="none"
|
|
8
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
9
|
+
>
|
|
10
|
+
<path
|
|
11
|
+
fill-rule="evenodd"
|
|
12
|
+
clip-rule="evenodd"
|
|
13
|
+
d="M0.52827 0.529247C0.788619 0.268897 1.21073 0.268897 1.47108 0.529247L5.47108 4.52925C5.73143 4.7896 5.73143 5.21171 5.47108 5.47206L1.47108 9.47206C1.21073 9.73241 0.788619 9.73241 0.52827 9.47206C0.26792 9.21171 0.26792 8.7896 0.52827 8.52925L4.05687 5.00065L0.52827 1.47206C0.26792 1.21171 0.26792 0.789596 0.52827 0.529247Z"
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
/>
|
|
16
|
+
</svg>
|
|
17
|
+
</template>
|
|
18
|
+
|
|
19
|
+
<script setup>
|
|
20
|
+
defineOptions({
|
|
21
|
+
name: "BreadcrumbSeparator",
|
|
22
|
+
})
|
|
23
|
+
</script>
|
|
24
|
+
|
|
25
|
+
<style lang="scss" scoped>
|
|
26
|
+
.breadcrumb-separator-icon {
|
|
27
|
+
display: inline-block;
|
|
28
|
+
vertical-align: middle;
|
|
29
|
+
}
|
|
30
|
+
</style>
|
|
31
|
+
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<el-date-picker v-bind="mergedAttrs" class="m-datepicker" :popper-class="popperClass" :class="styleType">
|
|
2
|
+
<el-date-picker v-bind="mergedAttrs" class="m-datepicker" :popper-class="popperClass" :class="{ 'style-type-solid': styleType === 'solid' }">
|
|
3
3
|
<template v-for="(_, name) in $slots" :key="name" #[name]>
|
|
4
4
|
<slot :name="name" />
|
|
5
5
|
</template>
|
|
@@ -21,7 +21,6 @@ const props = defineProps({
|
|
|
21
21
|
},
|
|
22
22
|
styleType: {
|
|
23
23
|
type: String,
|
|
24
|
-
default: "default",
|
|
25
24
|
},
|
|
26
25
|
});
|
|
27
26
|
|
|
@@ -1,20 +1,13 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="m-tab-card" :class="{ 'is-disabled': disabled }">
|
|
3
3
|
<div class="m-tab-card__container">
|
|
4
|
-
<
|
|
4
|
+
<m-tab-card-item
|
|
5
5
|
v-for="(tab, index) in tabs"
|
|
6
6
|
:key="tab.name"
|
|
7
|
-
:
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
'is-disabled': tab.disabled
|
|
12
|
-
}
|
|
13
|
-
]"
|
|
14
|
-
@click="handleTabClick(tab.name, tab.disabled)"
|
|
15
|
-
>
|
|
16
|
-
<span class="m-tab-card__text">{{ tab.label }}</span>
|
|
17
|
-
</div>
|
|
7
|
+
:name="tab.name"
|
|
8
|
+
:label="tab.label"
|
|
9
|
+
:disabled="tab.disabled"
|
|
10
|
+
/>
|
|
18
11
|
</div>
|
|
19
12
|
</div>
|
|
20
13
|
</template>
|
|
@@ -22,6 +15,7 @@
|
|
|
22
15
|
<script setup>
|
|
23
16
|
import { ref, computed, watch, provide } from 'vue'
|
|
24
17
|
import { useClassName } from "@packages/hooks/useClassName.js"
|
|
18
|
+
import MTabCardItem from './TabCardItem.vue'
|
|
25
19
|
|
|
26
20
|
defineOptions({
|
|
27
21
|
name: "MTabCard",
|
|
@@ -109,69 +103,15 @@ provide('tabCardContext', {
|
|
|
109
103
|
padding: 4px;
|
|
110
104
|
gap: 0;
|
|
111
105
|
}
|
|
112
|
-
|
|
113
|
-
&__item {
|
|
114
|
-
position: relative;
|
|
115
|
-
display: flex;
|
|
116
|
-
align-items: center;
|
|
117
|
-
justify-content: center;
|
|
118
|
-
min-width: 132px;
|
|
119
|
-
height: 40px;
|
|
120
|
-
padding: 0 16px;
|
|
121
|
-
border-radius: var(--md);
|
|
122
|
-
cursor: pointer;
|
|
123
|
-
// transition: all 0.3s ease;
|
|
124
|
-
user-select: none;
|
|
125
|
-
background-color: transparent;
|
|
126
|
-
min-width: 80px;
|
|
127
|
-
text-align: center;
|
|
128
|
-
z-index: 1;
|
|
129
|
-
|
|
130
|
-
&:hover:not(.is-disabled):not(.is-active) {
|
|
131
|
-
// background-color: rgba(255, 255, 255, 0.05);
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
&.is-active {
|
|
135
|
-
background-color: var(--bg-brand, #ffd700);
|
|
136
|
-
color: var(--text-quaternary);
|
|
137
|
-
font-weight: 600;
|
|
138
|
-
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
&.is-disabled {
|
|
142
|
-
cursor: not-allowed;
|
|
143
|
-
opacity: 0.5;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
&:not(.is-active) {
|
|
147
|
-
color: var(--text-secondary, #ffffff);
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
&__text {
|
|
152
|
-
font-size: 14px;
|
|
153
|
-
line-height: 1.4;
|
|
154
|
-
white-space: nowrap;
|
|
155
|
-
}
|
|
156
106
|
}
|
|
157
107
|
|
|
108
|
+
|
|
158
109
|
// 深色主题适配
|
|
159
110
|
@media (prefers-color-scheme: dark) {
|
|
160
111
|
.m-tab-card {
|
|
161
112
|
&__container {
|
|
162
113
|
background-color: var(--bg-tertiary-hover, #2a2a2a);
|
|
163
114
|
}
|
|
164
|
-
|
|
165
|
-
&__item {
|
|
166
|
-
&:not(.is-active) {
|
|
167
|
-
color: var(--text-secondary, #cccccc);
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
&.is-active {
|
|
171
|
-
background-color: var(--bg-brand, #ffd700);
|
|
172
|
-
color: var(--text-primary, #1a1a1a);
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
115
|
}
|
|
176
116
|
}
|
|
177
117
|
</style>
|
|
@@ -63,23 +63,26 @@ const handleClick = () => {
|
|
|
63
63
|
<style lang="scss" scoped>
|
|
64
64
|
.m-tab-card-item {
|
|
65
65
|
position: relative;
|
|
66
|
-
|
|
67
|
-
|
|
66
|
+
display: flex;
|
|
67
|
+
align-items: center;
|
|
68
|
+
justify-content: center;
|
|
69
|
+
height: 40px;
|
|
70
|
+
border-radius: var(--md);
|
|
68
71
|
cursor: pointer;
|
|
69
|
-
transition: all 0.3s ease;
|
|
72
|
+
// transition: all 0.3s ease;
|
|
70
73
|
user-select: none;
|
|
71
74
|
background-color: transparent;
|
|
72
|
-
|
|
75
|
+
padding: 0 36px;
|
|
73
76
|
text-align: center;
|
|
74
77
|
z-index: 1;
|
|
75
78
|
|
|
76
|
-
&:hover:not(.is-disabled):not(.is-active) {
|
|
77
|
-
|
|
78
|
-
}
|
|
79
|
+
// &:hover:not(.is-disabled):not(.is-active) {
|
|
80
|
+
// background-color: rgba(255, 255, 255, 0.05);
|
|
81
|
+
// }
|
|
79
82
|
|
|
80
83
|
&.is-active {
|
|
81
84
|
background-color: var(--bg-brand, #ffd700);
|
|
82
|
-
color: var(--text-
|
|
85
|
+
color: var(--text-quaternary);
|
|
83
86
|
font-weight: 600;
|
|
84
87
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
85
88
|
}
|
|
@@ -99,4 +102,18 @@ const handleClick = () => {
|
|
|
99
102
|
white-space: nowrap;
|
|
100
103
|
}
|
|
101
104
|
}
|
|
105
|
+
|
|
106
|
+
// 深色主题适配
|
|
107
|
+
@media (prefers-color-scheme: dark) {
|
|
108
|
+
.m-tab-card-item {
|
|
109
|
+
&:not(.is-active) {
|
|
110
|
+
color: var(--text-secondary, #cccccc);
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
&.is-active {
|
|
114
|
+
background-color: var(--bg-brand, #ffd700);
|
|
115
|
+
color: var(--text-primary, #1a1a1a);
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
}
|
|
102
119
|
</style>
|
|
@@ -13,12 +13,14 @@
|
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.el-select__wrapper {
|
|
16
|
+
box-sizing: border-box;
|
|
16
17
|
padding: 4px 16px;
|
|
18
|
+
height: 40px;
|
|
17
19
|
&.is-disabled {
|
|
18
20
|
background: var(--bg-tertiary-hover);
|
|
19
21
|
}
|
|
20
22
|
}
|
|
21
|
-
|
|
23
|
+
|
|
22
24
|
.el-select--small {
|
|
23
25
|
.el-select__wrapper {
|
|
24
26
|
padding: 8px 16px;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
2
|
-
export default _default;
|
|
3
|
-
type __VLS_WithTemplateSlots<T, S> = T & (new () => {
|
|
4
|
-
$slots: S;
|
|
5
|
-
});
|
|
6
|
-
declare const __VLS_component: import('vue').DefineComponent<{}, {
|
|
7
|
-
replace: boolean;
|
|
8
|
-
to: string | Record<string, any>;
|
|
9
|
-
$props: {
|
|
10
|
-
readonly replace?: boolean;
|
|
11
|
-
readonly to?: string | Record<string, any>;
|
|
12
|
-
};
|
|
13
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
14
|
-
declare function __VLS_template(): {
|
|
15
|
-
default?(_: {}): any;
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=BreadcrumbItem.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbItem.vue.d.ts","sourceRoot":"","sources":["../../../packages/components/Breadcrumb/BreadcrumbItem.vue.js"],"names":[],"mappings":"AA2BA;wBAwNqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;;6BAC1E,CAAC,EAAE,CAAC;;;AATjC;;;;;;;2OAOG;AA9IH;qBAuH8B,GAAG;EAGhC"}
|