@mc-markets/ui 1.0.75 → 1.0.76

package/dist/style.css

@@ -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.is-background .el-pager li.is-active{color:var(--text-quaternary)!important}.mc-radio-custom .el-radio__input .el-radio__inner{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#667eea}.mc-radio-custom .el-radio__input .el-radio__inner:hover{background:linear-gradient(45deg,#5a6fd8,#6a4190);border-color:#5a6fd8}.mc-radio-custom .el-radio__input.is-checked .el-radio__inner{background:linear-gradient(45deg,#4c63d2,#5d3a7e);border-color:#4c63d2}.mc-radio-custom .el-radio__label{color:#667eea;font-weight:500}.mc-radio-success .el-radio__input .el-radio__inner{background-color:#67c23a;border-color:#67c23a}.mc-radio-success .el-radio__input .el-radio__inner:hover{background-color:#5daf34;border-color:#5daf34}.mc-radio-success .el-radio__input.is-checked .el-radio__inner{background-color:#529b2e;border-color:#529b2e}.mc-radio-success .el-radio__label{color:#67c23a;font-weight:500}.mc-radio-warning .el-radio__input .el-radio__inner{background-color:#e6a23c;border-color:#e6a23c}.mc-radio-warning .el-radio__input .el-radio__inner:hover{background-color:#d4922b;border-color:#d4922b}.mc-radio-warning .el-radio__input.is-checked .el-radio__inner{background-color:#c8951f;border-color:#c8951f}.mc-radio-warning .el-radio__label{color:#e6a23c;font-weight:500}.mc-radio-danger .el-radio__input .el-radio__inner{background-color:#f56c6c;border-color:#f56c6c}.mc-radio-danger .el-radio__input .el-radio__inner:hover{background-color:#f45454;border-color:#f45454}.mc-radio-danger .el-radio__input.is-checked .el-radio__inner{background-color:#f24545;border-color:#f24545}.mc-radio-danger .el-radio__label{color:#f56c6c;font-weight:500}.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}.mc-switch-custom .el-switch__core{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#667eea}.mc-switch-custom .el-switch__core:after{background:#fff}.mc-switch-custom.is-checked .el-switch__core{background:linear-gradient(45deg,#4c63d2,#5d3a7e);border-color:#4c63d2}.mc-switch-success .el-switch__core{background-color:#67c23a;border-color:#67c23a}.mc-switch-success .el-switch__core:after{background:#fff}.mc-switch-success.is-checked .el-switch__core{background-color:#529b2e;border-color:#529b2e}.mc-switch-warning .el-switch__core{background-color:#e6a23c;border-color:#e6a23c}.mc-switch-warning .el-switch__core:after{background:#fff}.mc-switch-warning.is-checked .el-switch__core{background-color:#c8951f;border-color:#c8951f}.mc-switch-danger .el-switch__core{background-color:#f56c6c;border-color:#f56c6c}.mc-switch-danger .el-switch__core:after{background:#fff}.mc-switch-danger.is-checked .el-switch__core{background-color:#f24545;border-color:#f24545}.mc-switch-gradient .el-switch__core{background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border:none}.mc-switch-gradient .el-switch__core:after{background:#fff;box-shadow:0 2px 4px #0003}.mc-switch-gradient.is-checked .el-switch__core{background:linear-gradient(90deg,#4ecdc4,#45b7d1)}.mc-switch-neon .el-switch__core{background-color:#1a1a1a;border:2px solid #00ffff;box-shadow:0 0 10px #0ff}.mc-switch-neon .el-switch__core:after{background:#0ff;box-shadow:0 0 5px #0ff}.mc-switch-neon.is-checked .el-switch__core{background-color:#0ff;border-color:#0ff;box-shadow:0 0 15px #0ff}.m-tag.el-tag{font-size:var(--font-size-text-sm);--el-tag-border-radius: 8px}.m-tag.el-tag.el-tag--primary{--el-tag-bg-color: color-mix(in srgb, var(--text-warning-primary) 10%, transparent);--el-tag-border-color: color-mix(in srgb, var(--text-warning-primary) 20%, transparent);--el-tag-text-color: var(--text-warning-primary)}.m-tag.el-tag.el-tag--success{--el-tag-bg-color: color-mix(in srgb, var(--text-success-primary) 10%, transparent);--el-tag-border-color: color-mix(in srgb, var(--text-success-primary) 20%, transparent);--el-tag-text-color: var(--text-success-primary)}.m-tag.el-tag.el-tag--danger{--el-tag-bg-color: color-mix(in srgb, var(--text-error-primary) 10%, transparent);--el-tag-border-color: color-mix(in srgb, var(--text-error-primary) 20%, transparent);--el-tag-text-color: var(--text-error-primary)}.m-tag.el-tag.el-tag--info{--el-tag-bg-color: color-mix(in srgb, var(--text-primary) 10%, transparent);--el-tag-border-color: color-mix(in srgb, var(--text-primary) 20%, transparent);--el-tag-text-color: var(--text-primary)}.m-tag.el-tag.el-tag--dark.el-tag--warning{--el-tag-bg-color: color-mix(in srgb, var(--text-warning-primary) 10%, transparent);--el-tag-border-color: transparent}.m-tag.el-tag.el-tag--dark.el-tag--success{--el-tag-bg-color: color-mix(in srgb, var(--text-success-primary) 10%, transparent);--el-tag-border-color: transparent}.m-tag.el-tag.el-tag--dark.el-tag--danger{--el-tag-bg-color: color-mix(in srgb, var(--text-error-primary) 10%, transparent);--el-tag-border-color: transparent}.m-tag.el-tag.el-tag--dark.el-tag--info{--el-tag-bg-color: var(--bg-tertiary-hover);--el-tag-border-color: transparent}.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%)}.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}.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:24px;height:24px;border:none;background:#ffffff1a;color:#fff9;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:all .2s ease}.custom-notification .notification-close:hover{background:#fff3;color:#ffffffe6}.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[data-v-23508d30]{display:flex;flex-direction:column}.m-tabs--left[data-v-23508d30]{flex-direction:row}.m-tabs--right[data-v-23508d30]{flex-direction:row-reverse}.m-tabs--bottom[data-v-23508d30]{flex-direction:column-reverse}.m-tabs__header[data-v-23508d30]{flex-shrink:0}.m-tabs__nav[data-v-23508d30]{display:flex;border-bottom:1px solid var(--el-border-color);position:relative}.m-tabs--card .m-tabs__nav[data-v-23508d30],.m-tabs--border-card .m-tabs__nav[data-v-23508d30]{border-bottom:none}.m-tabs--left .m-tabs__nav[data-v-23508d30],.m-tabs--right .m-tabs__nav[data-v-23508d30]{flex-direction:column;border-bottom:none;border-right:1px solid var(--el-border-color);width:120px}.m-tabs--right .m-tabs__nav[data-v-23508d30]{border-right:none;border-left:1px solid var(--el-border-color)}.m-tabs__item[data-v-23508d30]{display:flex;align-items:center;padding:8px 16px;cursor:pointer;border:1px solid transparent;border-bottom:none;background:transparent;color:var(--el-text-color-regular);font-size:14px;transition:all .3s ease;position:relative;flex-shrink:0}.m-tabs__item[data-v-23508d30]:hover{color:var(--el-color-primary)}.m-tabs__item--active[data-v-23508d30]{color:var(--el-color-primary);border-color:var(--el-border-color);border-bottom-color:var(--el-bg-color);background:var(--el-bg-color)}.m-tabs__item--active[data-v-23508d30]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--el-color-primary)}.m-tabs__item--disabled[data-v-23508d30]{color:var(--el-text-color-disabled);cursor:not-allowed}.m-tabs__item--disabled[data-v-23508d30]:hover{color:var(--el-text-color-disabled)}.m-tabs__item--closable[data-v-23508d30]{padding-right:24px}.m-tabs__item--add[data-v-23508d30]{padding:8px 12px;border:1px dashed var(--el-border-color);color:var(--el-text-color-regular)}.m-tabs__item--add[data-v-23508d30]:hover{color:var(--el-color-primary);border-color:var(--el-color-primary)}.m-tabs--card .m-tabs__item[data-v-23508d30]{border:1px solid var(--el-border-color);border-bottom:none;margin-right:2px}.m-tabs--card .m-tabs__item--active[data-v-23508d30]{border-bottom-color:var(--el-bg-color);background:var(--el-bg-color)}.m-tabs--card .m-tabs__item--active[data-v-23508d30]:after{display:none}.m-tabs--border-card .m-tabs__item[data-v-23508d30]{border:1px solid var(--el-border-color);border-bottom:none;margin-right:-1px;background:var(--el-fill-color-light)}.m-tabs--border-card .m-tabs__item--active[data-v-23508d30]{background:var(--el-bg-color);border-bottom-color:var(--el-bg-color)}.m-tabs--border-card .m-tabs__item--active[data-v-23508d30]:after{display:none}.m-tabs--left .m-tabs__item[data-v-23508d30],.m-tabs--right .m-tabs__item[data-v-23508d30]{border-bottom:1px solid var(--el-border-color);border-right:none}.m-tabs--left .m-tabs__item--active[data-v-23508d30],.m-tabs--right .m-tabs__item--active[data-v-23508d30]{border-bottom-color:var(--el-border-color);border-right-color:var(--el-bg-color)}.m-tabs--left .m-tabs__item--active[data-v-23508d30]:after,.m-tabs--right .m-tabs__item--active[data-v-23508d30]:after{display:none}.m-tabs--right .m-tabs__item[data-v-23508d30]{border-bottom:1px solid var(--el-border-color);border-left:none}.m-tabs--right .m-tabs__item--active[data-v-23508d30]{border-bottom-color:var(--el-border-color);border-left-color:var(--el-bg-color)}.m-tabs__item-text[data-v-23508d30]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-tabs__item-close[data-v-23508d30]{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;transition:background-color .2s ease}.m-tabs__item-close[data-v-23508d30]:hover{background-color:var(--el-fill-color)}.m-tabs__content[data-v-23508d30]{flex:1;padding:16px 0}.m-tabs--card .m-tabs__content[data-v-23508d30],.m-tabs--border-card .m-tabs__content[data-v-23508d30]{padding:16px;border:1px solid var(--el-border-color);border-top:none}.m-tabs--border-card .m-tabs__content[data-v-23508d30]{background:var(--el-bg-color)}.m-tabs--left .m-tabs__content[data-v-23508d30],.m-tabs--right .m-tabs__content[data-v-23508d30]{flex:1;padding:0 0 0 16px}.m-tabs--right .m-tabs__content[data-v-23508d30]{padding:0 16px 0 0}@media (max-width: 768px){.m-tabs__item[data-v-23508d30]{padding:6px 12px;font-size:13px}.m-tabs--left .m-tabs__nav[data-v-23508d30],.m-tabs--right .m-tabs__nav[data-v-23508d30]{width:100px}}.m-tab-pane[data-v-722bb248]{display:none}.m-tab-pane--active[data-v-722bb248]{display:block}.m-tab-pane--disabled[data-v-722bb248]{opacity:.6;pointer-events:none}
+@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)}.mc-radio-custom .el-radio__input .el-radio__inner{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#667eea}.mc-radio-custom .el-radio__input .el-radio__inner:hover{background:linear-gradient(45deg,#5a6fd8,#6a4190);border-color:#5a6fd8}.mc-radio-custom .el-radio__input.is-checked .el-radio__inner{background:linear-gradient(45deg,#4c63d2,#5d3a7e);border-color:#4c63d2}.mc-radio-custom .el-radio__label{color:#667eea;font-weight:500}.mc-radio-success .el-radio__input .el-radio__inner{background-color:#67c23a;border-color:#67c23a}.mc-radio-success .el-radio__input .el-radio__inner:hover{background-color:#5daf34;border-color:#5daf34}.mc-radio-success .el-radio__input.is-checked .el-radio__inner{background-color:#529b2e;border-color:#529b2e}.mc-radio-success .el-radio__label{color:#67c23a;font-weight:500}.mc-radio-warning .el-radio__input .el-radio__inner{background-color:#e6a23c;border-color:#e6a23c}.mc-radio-warning .el-radio__input .el-radio__inner:hover{background-color:#d4922b;border-color:#d4922b}.mc-radio-warning .el-radio__input.is-checked .el-radio__inner{background-color:#c8951f;border-color:#c8951f}.mc-radio-warning .el-radio__label{color:#e6a23c;font-weight:500}.mc-radio-danger .el-radio__input .el-radio__inner{background-color:#f56c6c;border-color:#f56c6c}.mc-radio-danger .el-radio__input .el-radio__inner:hover{background-color:#f45454;border-color:#f45454}.mc-radio-danger .el-radio__input.is-checked .el-radio__inner{background-color:#f24545;border-color:#f24545}.mc-radio-danger .el-radio__label{color:#f56c6c;font-weight:500}.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)}.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[data-v-23508d30]{display:flex;flex-direction:column}.m-tabs--left[data-v-23508d30]{flex-direction:row}.m-tabs--right[data-v-23508d30]{flex-direction:row-reverse}.m-tabs--bottom[data-v-23508d30]{flex-direction:column-reverse}.m-tabs__header[data-v-23508d30]{flex-shrink:0}.m-tabs__nav[data-v-23508d30]{display:flex;border-bottom:1px solid var(--el-border-color);position:relative}.m-tabs--card .m-tabs__nav[data-v-23508d30],.m-tabs--border-card .m-tabs__nav[data-v-23508d30]{border-bottom:none}.m-tabs--left .m-tabs__nav[data-v-23508d30],.m-tabs--right .m-tabs__nav[data-v-23508d30]{flex-direction:column;border-bottom:none;border-right:1px solid var(--el-border-color);width:120px}.m-tabs--right .m-tabs__nav[data-v-23508d30]{border-right:none;border-left:1px solid var(--el-border-color)}.m-tabs__item[data-v-23508d30]{display:flex;align-items:center;padding:8px 16px;cursor:pointer;border:1px solid transparent;border-bottom:none;background:transparent;color:var(--el-text-color-regular);font-size:14px;transition:all .3s ease;position:relative;flex-shrink:0}.m-tabs__item[data-v-23508d30]:hover{color:var(--el-color-primary)}.m-tabs__item--active[data-v-23508d30]{color:var(--el-color-primary);border-color:var(--el-border-color);border-bottom-color:var(--el-bg-color);background:var(--el-bg-color)}.m-tabs__item--active[data-v-23508d30]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--el-color-primary)}.m-tabs__item--disabled[data-v-23508d30]{color:var(--el-text-color-disabled);cursor:not-allowed}.m-tabs__item--disabled[data-v-23508d30]:hover{color:var(--el-text-color-disabled)}.m-tabs__item--closable[data-v-23508d30]{padding-right:24px}.m-tabs__item--add[data-v-23508d30]{padding:8px 12px;border:1px dashed var(--el-border-color);color:var(--el-text-color-regular)}.m-tabs__item--add[data-v-23508d30]:hover{color:var(--el-color-primary);border-color:var(--el-color-primary)}.m-tabs--card .m-tabs__item[data-v-23508d30]{border:1px solid var(--el-border-color);border-bottom:none;margin-right:2px}.m-tabs--card .m-tabs__item--active[data-v-23508d30]{border-bottom-color:var(--el-bg-color);background:var(--el-bg-color)}.m-tabs--card .m-tabs__item--active[data-v-23508d30]:after{display:none}.m-tabs--border-card .m-tabs__item[data-v-23508d30]{border:1px solid var(--el-border-color);border-bottom:none;margin-right:-1px;background:var(--el-fill-color-light)}.m-tabs--border-card .m-tabs__item--active[data-v-23508d30]{background:var(--el-bg-color);border-bottom-color:var(--el-bg-color)}.m-tabs--border-card .m-tabs__item--active[data-v-23508d30]:after{display:none}.m-tabs--left .m-tabs__item[data-v-23508d30],.m-tabs--right .m-tabs__item[data-v-23508d30]{border-bottom:1px solid var(--el-border-color);border-right:none}.m-tabs--left .m-tabs__item--active[data-v-23508d30],.m-tabs--right .m-tabs__item--active[data-v-23508d30]{border-bottom-color:var(--el-border-color);border-right-color:var(--el-bg-color)}.m-tabs--left .m-tabs__item--active[data-v-23508d30]:after,.m-tabs--right .m-tabs__item--active[data-v-23508d30]:after{display:none}.m-tabs--right .m-tabs__item[data-v-23508d30]{border-bottom:1px solid var(--el-border-color);border-left:none}.m-tabs--right .m-tabs__item--active[data-v-23508d30]{border-bottom-color:var(--el-border-color);border-left-color:var(--el-bg-color)}.m-tabs__item-text[data-v-23508d30]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-tabs__item-close[data-v-23508d30]{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;transition:background-color .2s ease}.m-tabs__item-close[data-v-23508d30]:hover{background-color:var(--el-fill-color)}.m-tabs__content[data-v-23508d30]{flex:1;padding:16px 0}.m-tabs--card .m-tabs__content[data-v-23508d30],.m-tabs--border-card .m-tabs__content[data-v-23508d30]{padding:16px;border:1px solid var(--el-border-color);border-top:none}.m-tabs--border-card .m-tabs__content[data-v-23508d30]{background:var(--el-bg-color)}.m-tabs--left .m-tabs__content[data-v-23508d30],.m-tabs--right .m-tabs__content[data-v-23508d30]{flex:1;padding:0 0 0 16px}.m-tabs--right .m-tabs__content[data-v-23508d30]{padding:0 16px 0 0}@media (max-width: 768px){.m-tabs__item[data-v-23508d30]{padding:6px 12px;font-size:13px}.m-tabs--left .m-tabs__nav[data-v-23508d30],.m-tabs--right .m-tabs__nav[data-v-23508d30]{width:100px}}.m-tab-pane[data-v-722bb248]{display:none}.m-tab-pane--active[data-v-722bb248]{display:block}.m-tab-pane--disabled[data-v-722bb248]{opacity:.6;pointer-events:none}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mc-markets/ui",
   "private": false,
-  "version": "1.0.75",
+  "version": "1.0.76",
   "type": "module",
   "author": "chenyu",
   "description": "Vue 3 组件库，基于 Element Plus 的自定义组件",

package/packages/components/Alert/Alert.vue

@@ -53,7 +53,7 @@ const iconUrl = computed(() => {
     return null
   }
   
-  return `/images/alert/alert-${props.type}.png`
+  return `https://cfdsaas-pre.oss-cn-hongkong.aliyuncs.com/mc-assets/mc-ui/alert/alert-${props.type}.png`
 })
 </script>
 
@@ -68,6 +68,19 @@ const iconUrl = computed(() => {
   .el-alert__close-btn{
     top: 50%;
     transform: translateY(-50%);
+    opacity: 0.6;
+    transition: opacity 0.2s ease;
+    border-radius: 50%;
+    width: 20px;
+    height: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    
+    &:hover {
+      opacity: 1;
+      background: rgba(0, 0, 0, 0.1);
+    }
   }
   // Error 类型样式
   &.el-alert--error.is-light {

package/packages/components/Form/Form.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form v-bind="$attrs" class="m-form">
+  <el-form ref="formRef" v-bind="$attrs" class="m-form">
     <template v-for="(_, name) in $slots" :key="name" #[name]>
       <slot :name="name" />
     </template>
@@ -7,9 +7,23 @@
 </template>
 
 <script setup>
+import { ref, useAttrs, defineExpose } from 'vue'
+
 defineOptions({
   name: 'MForm'
 })
+
+const formRef = ref()
+const attrs = useAttrs()
+
+// 暴露表单方法
+defineExpose({
+  validate: (callback) => formRef.value?.validate(callback),
+  validateField: (props, callback) => formRef.value?.validateField(props, callback),
+  resetFields: () => formRef.value?.resetFields(),
+  scrollToField: (prop) => formRef.value?.scrollToField(prop),
+  clearValidate: (props) => formRef.value?.clearValidate(props)
+})
 </script>
 
 <style lang="scss">

package/packages/components/Message/Message.vue

@@ -0,0 +1,504 @@
+<template>
+  <teleport to="body">
+    <transition-group name="message" tag="div" class="message-container">
+      <div
+        v-for="message in messages"
+        :key="message.id"
+        :class="[
+          'custom-message',
+          `message-${message.type}`,
+          `message-${message.placement}`,
+          { 'message-plain': message.plain }
+        ]"
+      >
+        <!-- 图标 -->
+        <div v-if="message.showIcon" class="message-icon">
+          <img 
+            v-if="message.customIcon"
+            :src="message.customIcon"
+            alt="custom icon"
+            class="message-icon-img"
+          />
+          <img 
+            v-else-if="message.type === 'success'"
+            src="https://cfdsaas-pre.oss-cn-hongkong.aliyuncs.com/mc-assets/mc-ui/alert/alert-success.png"
+            alt="success icon"
+            class="message-icon-img"
+          />
+          <img 
+            v-else-if="message.type === 'warning'"
+            src="https://cfdsaas-pre.oss-cn-hongkong.aliyuncs.com/mc-assets/mc-ui/alert/alert-warning.png"
+            alt="warning icon"
+            class="message-icon-img"
+          />
+          <img 
+            v-else-if="message.type === 'error'"
+            src="https://cfdsaas-pre.oss-cn-hongkong.aliyuncs.com/mc-assets/mc-ui/alert/alert-error.png"
+            alt="error icon"
+            class="message-icon-img"
+          />
+        </div>
+
+        <!-- 消息内容 -->
+        <div class="message-content">
+          <component 
+            v-if="typeof message.message === 'function'"
+            :is="message.message"
+          />
+          <div 
+            v-else-if="message.dangerouslyUseHTMLString"
+            v-html="message.message"
+          />
+          <span v-else>{{ message.message }}</span>
+          
+          <!-- 重复数量 -->
+          <span v-if="message.repeatNum > 1" class="message-repeat">
+            {{ message.repeatNum }}
+          </span>
+        </div>
+
+        <!-- 关闭按钮 -->
+        <button 
+          v-if="message.showClose"
+          class="message-close"
+          @click="closeMessage(message.id)"
+        >
+          ×
+        </button>
+      </div>
+    </transition-group>
+  </teleport>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+// 全局消息列表
+const messages = ref([])
+let messageId = 0
+
+// 创建 Message 静态方法对象
+const Message = {
+  // 默认配置
+  defaultOptions: {
+    message: '',
+    type: 'success',
+    plain: false,
+    customIcon: '',
+    dangerouslyUseHTMLString: false,
+    customClass: '',
+    duration: 3000,
+    showClose: false,
+    showIcon: true,
+    onClose: null,
+    offset: 16,
+    placement: 'top',
+    appendTo: 'body',
+    grouping: false,
+    repeatNum: 1
+  },
+
+  // 显示消息
+  show(options = {}) {
+    // 如果是字符串，转换为配置对象
+    if (typeof options === 'string') {
+      options = { message: options }
+    }
+
+    const config = {
+      ...this.defaultOptions,
+      ...options,
+      id: ++messageId
+    }
+
+    // 分组处理
+    if (config.grouping) {
+      const existingIndex = messages.value.findIndex(
+        m => m.message === config.message && m.type === config.type && m.grouping
+      )
+      
+      if (existingIndex > -1) {
+        messages.value[existingIndex].repeatNum++
+        return { close: () => this.close(messages.value[existingIndex].id) }
+      }
+    }
+
+    // 添加到消息列表
+    messages.value.push(config)
+
+    // 如果设置了自动关闭时间，则自动关闭
+    if (config.duration > 0) {
+      setTimeout(() => {
+        this.close(config.id)
+      }, config.duration)
+    }
+
+    return {
+      close: () => this.close(config.id)
+    }
+  },
+
+  // 关闭指定消息
+  close(id) {
+    const index = messages.value.findIndex(m => m.id === id)
+    if (index > -1) {
+      const message = messages.value[index]
+      if (message.onClose) {
+        message.onClose(message)
+      }
+      messages.value.splice(index, 1)
+    }
+  },
+
+  // 关闭所有消息
+  closeAll() {
+    messages.value = []
+  },
+
+  // 便捷方法
+  success(options = {}) {
+    if (typeof options === 'string') {
+      options = { message: options }
+    }
+    return this.show({ ...options, type: 'success' })
+  },
+
+  warning(options = {}) {
+    if (typeof options === 'string') {
+      options = { message: options }
+    }
+    return this.show({ ...options, type: 'warning' })
+  },
+
+  error(options = {}) {
+    if (typeof options === 'string') {
+      options = { message: options }
+    }
+    return this.show({ ...options, type: 'error' })
+  }
+}
+
+// 关闭消息的方法
+const closeMessage = (id) => {
+  Message.close(id)
+}
+
+// Vue 组件定义
+export default {
+  name: 'MMessage',
+  setup() {
+    return {
+      messages,
+      closeMessage
+    }
+  }
+}
+
+// 导出类供直接使用
+export { Message }
+</script>
+
+<style lang="scss">
+.message-container {
+  position: fixed;
+  z-index: 9999;
+  pointer-events: none;
+}
+
+.custom-message {
+  position: fixed;
+  left: 50%;
+  transform: translateX(-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 rgba(0, 0, 0, 0.15);
+  pointer-events: auto;
+  z-index: 9999;
+  font-size: 14px;
+  
+  // 位置控制
+  &.message-top {
+    top: 20px;
+    
+    &:nth-child(2) { top: 70px; }
+    &:nth-child(3) { top: 120px; }
+    &:nth-child(4) { top: 170px; }
+    &:nth-child(5) { top: 220px; }
+  }
+  
+  &.message-top-left {
+    top: 20px;
+    left: 20px;
+    transform: none;
+    
+    &:nth-child(2) { top: 70px; }
+    &:nth-child(3) { top: 120px; }
+    &:nth-child(4) { top: 170px; }
+    &:nth-child(5) { top: 220px; }
+  }
+  
+  &.message-top-right {
+    top: 20px;
+    right: 20px;
+    left: auto;
+    transform: none;
+    
+    &:nth-child(2) { top: 70px; }
+    &:nth-child(3) { top: 120px; }
+    &:nth-child(4) { top: 170px; }
+    &:nth-child(5) { top: 220px; }
+  }
+  
+  &.message-bottom {
+    bottom: 20px;
+    top: auto;
+    
+    &:nth-child(2) { bottom: 70px; }
+    &:nth-child(3) { bottom: 120px; }
+    &:nth-child(4) { bottom: 170px; }
+    &:nth-child(5) { bottom: 220px; }
+  }
+  
+  &.message-bottom-left {
+    bottom: 20px;
+    left: 20px;
+    top: auto;
+    transform: none;
+    
+    &:nth-child(2) { bottom: 70px; }
+    &:nth-child(3) { bottom: 120px; }
+    &:nth-child(4) { bottom: 170px; }
+    &:nth-child(5) { bottom: 220px; }
+  }
+  
+  &.message-bottom-right {
+    bottom: 20px;
+    right: 20px;
+    left: auto;
+    top: auto;
+    transform: none;
+    
+    &:nth-child(2) { bottom: 70px; }
+    &:nth-child(3) { bottom: 120px; }
+    &:nth-child(4) { bottom: 170px; }
+    &:nth-child(5) { bottom: 220px; }
+  }
+  
+  .message-icon {
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    
+    .message-icon-img {
+      width: 16px;
+      height: 16px;
+      object-fit: contain;
+    }
+  }
+  
+  .message-content {
+    flex: 1;
+    line-height: 1.4;
+    position: relative;
+    
+    .message-repeat {
+      position: absolute;
+      top: -8px;
+      right: -8px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: #666;
+      color: white;
+      font-size: 10px;
+      font-weight: bold;
+      min-width: 16px;
+      height: 16px;
+      padding: 0 4px;
+      border-radius: 8px;
+      border: 2px solid white;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    }
+  }
+  
+  .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: 0.6;
+    transition: opacity 0.2s ease;
+    font-size: 24px;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    color: var(--icon-tertiary, #999);
+    
+    &:hover {
+      opacity: 1;
+      background: rgba(0, 0, 0, 0.1);
+    }
+  }
+  
+  // 不同类型的样式 - 统一使用 bg-tertiary-hover 背景
+  &.message-success {
+    background-color: var(--bg-tertiary-hover, #f5f5f5);
+    color: var(--all-green-4, #67c23a);
+    border: 1px solid var(--bg-tertiary-hover, #f5f5f5);
+    
+    .message-icon {
+      color: var(--all-green-4, #67c23a);
+    }
+    
+    .message-repeat {
+      background: var(--all-green-4, #67c23a);
+      border-color: var(--all-green-4, #67c23a);
+    }
+    
+    &.message-plain {
+      background: var(--all-green-4, #67c23a);
+      border: 1px solid var(--all-green-4, #67c23a);
+      color: #fff;
+      
+      .message-icon {
+        color: #fff;
+      }
+    }
+  }
+  
+  &.message-warning {
+    background-color: var(--bg-tertiary-hover, #f5f5f5);
+    color: var(--text-warning-primary, #e6a23c);
+    border: 1px solid var(--bg-tertiary-hover, #f5f5f5);
+    
+    .message-icon {
+      color: var(--text-warning-primary, #e6a23c);
+    }
+    
+    .message-repeat {
+      background: var(--text-warning-primary, #e6a23c);
+      border-color: var(--text-warning-primary, #e6a23c);
+    }
+    
+    &.message-plain {
+      background: var(--text-warning-primary, #e6a23c);
+      border: 1px solid var(--text-warning-primary, #e6a23c);
+      color: #fff;
+      
+      .message-icon {
+        color: #fff;
+      }
+    }
+  }
+  
+  &.message-error {
+    background-color: var(--bg-tertiary-hover, #f5f5f5);
+    color: var(--text-error-primary, #f56c6c);
+    border: 1px solid var(--bg-tertiary-hover, #f5f5f5);
+    
+    .message-icon {
+      color: var(--text-error-primary, #f56c6c);
+    }
+    
+    .message-repeat {
+      background: var(--text-error-primary, #f56c6c);
+      border-color: var(--text-error-primary, #f56c6c);
+    }
+    
+    &.message-plain {
+      background: var(--text-error-primary, #f56c6c);
+      border: 1px solid var(--text-error-primary, #f56c6c);
+      color: #fff;
+      
+      .message-icon {
+        color: #fff;
+      }
+    }
+  }
+}
+
+// 动画效果
+.message-enter-active {
+  transition: all 0.3s ease;
+}
+
+.message-leave-active {
+  transition: all 0.3s ease;
+}
+
+.message-enter-from {
+  opacity: 0;
+  transform: translateX(-50%) translateY(-20px);
+}
+
+.message-leave-to {
+  opacity: 0;
+  transform: translateX(-50%) translateY(-20px);
+}
+
+.message-move {
+  transition: transform 0.3s ease;
+}
+
+// 不同位置的动画
+.message-top-left {
+  &.message-enter-from,
+  &.message-leave-to {
+    transform: translateX(-20px);
+  }
+}
+
+.message-top-right {
+  &.message-enter-from,
+  &.message-leave-to {
+    transform: translateX(20px);
+  }
+}
+
+.message-bottom {
+  &.message-enter-from,
+  &.message-leave-to {
+    transform: translateX(-50%) translateY(20px);
+  }
+}
+
+.message-bottom-left {
+  &.message-enter-from,
+  &.message-leave-to {
+    transform: translateX(-20px);
+  }
+}
+
+.message-bottom-right {
+  &.message-enter-from,
+  &.message-leave-to {
+    transform: translateX(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;
+    
+    &.message-enter-from,
+    &.message-leave-to {
+      transform: translateY(-20px) !important;
+    }
+  }
+}
+</style>