@mc-markets/ui 1.0.81 → 1.0.83

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/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-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 .el-pager .number:hover{border:1px solid var(--border-tertiary)}.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)}.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 .prefixIcon{margin-right:4px}.m-tag .suffixIcon{margin-left:4px}.m-tag.is-loading .prefixIcon,.m-tag.is-loading .suffixIcon{animation:rotate 3s linear infinite;transform-origin:center center}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}}.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-402b42a8]{position:relative}.m-tabs__nav[data-v-402b42a8]{position:relative;display:flex;border-bottom:1px solid var(--border-primary)}.m-tabs__item[data-v-402b42a8]{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}.m-tabs__item[data-v-402b42a8]:hover,.m-tabs__item.is-active[data-v-402b42a8]{color:var(--text-brand)}.m-tabs__item[data-v-402b42a8]:last-child{margin-right:0}.m-tabs__active-bar[data-v-402b42a8]{position:absolute;bottom:0;height:3px;background-color:var(--text-brand);transition:all .3s;z-index:1}.m-tab-pane[data-v-31f89b3b]{display:none}.m-tab-pane.is-active[data-v-31f89b3b]{display:block}
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.el-date-editor.el-input__wrapper,.m-datepicker .el-input__wrapper{box-shadow:none;background-color:var(--bg-tertiary-hover)}.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-4d230557]{position:relative}.m-tabs__nav[data-v-4d230557]{position:relative;display:flex;border-bottom:1px solid var(--border-primary)}.m-tabs__item[data-v-4d230557]{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-4d230557]:hover,.m-tabs__item.is-active[data-v-4d230557]{color:var(--text-brand)}.m-tabs__item[data-v-4d230557]:last-child{margin-right:0}.m-tabs__active-bar[data-v-4d230557]{position:absolute;bottom:0;height:3px;background-color:var(--text-brand);transition:all .3s;z-index:1}.m-tab-pane[data-v-31f89b3b]{display:none}.m-tab-pane.is-active[data-v-31f89b3b]{display:block}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mc-markets/ui",
3
3
  "private": false,
4
- "version": "1.0.81",
4
+ "version": "1.0.83",
5
5
  "type": "module",
6
6
  "author": "chenyu",
7
7
  "description": "Vue 3 组件库,基于 Element Plus 的自定义组件",
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <el-date-picker v-bind="mergedAttrs" :popper-class="popperClass">
2
+ <el-date-picker v-bind="mergedAttrs" class="m-datepicker" :popper-class="popperClass">
3
3
  <template v-for="(_, name) in $slots" :key="name" #[name]>
4
4
  <slot :name="name" />
5
5
  </template>
@@ -28,6 +28,12 @@ const { mergedAttrs, className: popperClass } = useClassName(
28
28
  );
29
29
  </script>
30
30
  <style lang="scss">
31
+ .m-datepicker{
32
+ &.el-date-editor.el-input__wrapper, .el-input__wrapper{
33
+ box-shadow: none ;
34
+ background-color: var(--bg-tertiary-hover);
35
+ }
36
+ }
31
37
  .mc-datepicker-popper {
32
38
  .el-picker-panel {
33
39
  border: 1px solid var(--border-primary);
@@ -19,6 +19,14 @@ defineOptions({
19
19
  &.is-background .el-pager li.is-active {
20
20
  color: var(--text-quaternary) !important;
21
21
  }
22
+ .el-pager li{
23
+ border-radius: var(--xs);
24
+ border: 1px solid transparent;
25
+ &:hover {
26
+ border: 1px solid var(--border-tertiary);
27
+ color: var(--text-primary);
28
+ }
29
+ }
22
30
  .el-select .el-select__wrapper {
23
31
  width: 112px;
24
32
  min-height: 32px;
@@ -37,9 +45,6 @@ defineOptions({
37
45
  .el-pager .number {
38
46
  font-size: var(--font-size-text-sm);
39
47
  font-weight: 500;
40
- &:hover {
41
- border: 1px solid var(--border-tertiary);
42
- }
43
48
  }
44
49
  .btn-prev,
45
50
  .btn-next {
@@ -48,7 +53,9 @@ defineOptions({
48
53
  }
49
54
  &:hover:not(:disabled) {
50
55
  border: 1px solid var(--border-tertiary);
56
+ color: var(--text-primary);
51
57
  }
58
+ background-color: transparent !important;
52
59
  }
53
60
  }
54
61
  </style>
@@ -200,6 +200,7 @@ export default {
200
200
  font-size: var(--font-size-text-base);
201
201
  transition: color 0.3s;
202
202
  user-select: none;
203
+ font-weight: 600;
203
204
 
204
205
  &:hover {
205
206
  color: var(--text-brand);
@@ -1,12 +1,21 @@
1
1
  <template>
2
2
  <el-tag v-bind="$attrs" class="m-tag" :class="{ 'is-loading': loading }">
3
3
  <template v-for="(_, name) in $slots" :key="name" #[name]>
4
+ <!-- 自定义spinner loading效果 -->
5
+ <div v-if="loading && !prefixIcon" class="custom-spinner">
6
+ <div class="ldio-spinner">
7
+ <div v-for="i in 8" :key="i"></div>
8
+ </div>
9
+ </div>
10
+ <!-- 原有的prefixIcon -->
4
11
  <i
5
12
  class="prefixIcon"
6
- :class="['iconfont', prefixIcon]"
7
- v-if="prefixIcon"
13
+ :class="['iconfont', computedPrefixIcon]"
14
+ v-else-if="computedPrefixIcon"
8
15
  ></i>
9
- <slot :name="name" />
16
+ <div>
17
+ <slot :name="name" />
18
+ </div>
10
19
  <i
11
20
  class="suffixIcon"
12
21
  :class="['iconfont', suffixIcon]"
@@ -17,10 +26,13 @@
17
26
  </template>
18
27
 
19
28
  <script setup>
29
+ import { computed } from 'vue'
30
+
20
31
  defineOptions({
21
32
  name: 'MTag'
22
33
  })
23
- defineProps({
34
+
35
+ const props = defineProps({
24
36
  prefixIcon: {
25
37
  type: String,
26
38
  default: ''
@@ -32,13 +44,13 @@ defineProps({
32
44
  loading: {
33
45
  type: Boolean,
34
46
  default: false
35
- },
36
- iconType: {
37
- type: String,
38
- default: 'normal',
39
- validator: (value) => ['normal', 'color'].includes(value)
40
47
  }
41
48
  })
49
+
50
+ // 计算属性:处理prefixIcon
51
+ const computedPrefixIcon = computed(() => {
52
+ return props.prefixIcon
53
+ })
42
54
  </script>
43
55
 
44
56
  <style lang="scss">
@@ -57,6 +69,10 @@ defineProps({
57
69
  font-family: "colorfont" !important;
58
70
  }
59
71
  }
72
+ .el-tag__content{
73
+ display: flex;
74
+ align-items: center;
75
+ }
60
76
 
61
77
  .prefixIcon {
62
78
  margin-right: 4px;
@@ -66,21 +82,84 @@ defineProps({
66
82
  margin-left: 4px;
67
83
  }
68
84
 
69
- &.is-loading {
70
- .prefixIcon,
71
- .suffixIcon {
72
- animation: rotate 3s linear infinite;
73
- transform-origin: center center;
85
+ // 自定义spinner样式
86
+ .custom-spinner {
87
+ display: inline-block;
88
+ margin-right: 4px;
89
+ width: 16px;
90
+ height: 16px;
91
+ overflow: hidden;
92
+
93
+ .ldio-spinner {
94
+ width: 100%;
95
+ height: 100%;
96
+ position: relative;
97
+ transform: translateZ(0) scale(0.16);
98
+ backface-visibility: hidden;
99
+ transform-origin: 0 0;
100
+
101
+ div {
102
+ left: 46px;
103
+ top: 7.5px;
104
+ position: absolute;
105
+ animation: ldio-spinner-fade linear 1s infinite;
106
+ background: currentColor;
107
+ width: 8px;
108
+ height: 21px;
109
+ border-radius: 3.15px / 3.15px;
110
+ transform-origin: 4px 42.5px;
111
+ box-sizing: content-box;
112
+ }
113
+
114
+ div:nth-child(1) {
115
+ transform: rotate(0deg);
116
+ animation-delay: -0.875s;
117
+ }
118
+
119
+ div:nth-child(2) {
120
+ transform: rotate(45deg);
121
+ animation-delay: -0.75s;
122
+ }
123
+
124
+ div:nth-child(3) {
125
+ transform: rotate(90deg);
126
+ animation-delay: -0.625s;
127
+ }
128
+
129
+ div:nth-child(4) {
130
+ transform: rotate(135deg);
131
+ animation-delay: -0.5s;
132
+ }
133
+
134
+ div:nth-child(5) {
135
+ transform: rotate(180deg);
136
+ animation-delay: -0.375s;
137
+ }
138
+
139
+ div:nth-child(6) {
140
+ transform: rotate(225deg);
141
+ animation-delay: -0.25s;
142
+ }
143
+
144
+ div:nth-child(7) {
145
+ transform: rotate(270deg);
146
+ animation-delay: -0.125s;
147
+ }
148
+
149
+ div:nth-child(8) {
150
+ transform: rotate(315deg);
151
+ animation-delay: 0s;
152
+ }
74
153
  }
75
154
  }
76
155
  }
77
156
 
78
- @keyframes rotate {
79
- from {
80
- transform: rotate(0deg);
157
+ @keyframes ldio-spinner-fade {
158
+ 0% {
159
+ opacity: 1;
81
160
  }
82
- to {
83
- transform: rotate(360deg);
161
+ 100% {
162
+ opacity: 0;
84
163
  }
85
164
  }
86
165
  </style>