@mc-markets/ui 1.0.37 → 1.0.38

package/dist/ui.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--el-color-white: #ffffff;--el-color-black: #000000;--el-color-primary-rgb: 64, 158, 255;--el-color-success-rgb: 103, 194, 58;--el-color-warning-rgb: 230, 162, 60;--el-color-danger-rgb: 245, 108, 108;--el-color-error-rgb: 245, 108, 108;--el-color-info-rgb: 144, 147, 153;--el-font-size-extra-large: 20px;--el-font-size-large: 18px;--el-font-size-medium: 16px;--el-font-size-base: 14px;--el-font-size-small: 13px;--el-font-size-extra-small: 12px;--el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--el-font-weight-primary: 500;--el-font-line-height-primary: 24px;--el-index-normal: 1;--el-index-top: 1000;--el-index-popper: 2000;--el-border-radius-base: 4px;--el-border-radius-small: 2px;--el-border-radius-round: 20px;--el-border-radius-circle: 100%;--el-transition-duration: .3s;--el-transition-duration-fast: .2s;--el-transition-function-ease-in-out-bezier: cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier: cubic-bezier(.23, 1, .32, 1);--el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;--el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large: 40px;--el-component-size: 32px;--el-component-size-small: 24px}:root{color-scheme:light;--el-color-primary: #409eff;--el-color-primary-light-3: rgb(121, 187, 255);--el-color-primary-light-5: rgb(160, 207, 255);--el-color-primary-light-7: rgb(198, 226, 255);--el-color-primary-light-8: rgb(217, 236, 255);--el-color-primary-light-9: rgb(236, 245, 255);--el-color-primary-dark-2: rgb(51, 126, 204);--el-color-success: #67c23a;--el-color-success-light-3: rgb(149, 212, 117);--el-color-success-light-5: rgb(179, 225, 157);--el-color-success-light-7: rgb(209, 237, 196);--el-color-success-light-8: rgb(225, 243, 216);--el-color-success-light-9: rgb(240, 249, 235);--el-color-success-dark-2: rgb(82, 155, 46);--el-color-warning: #e6a23c;--el-color-warning-light-3: rgb(238, 190, 119);--el-color-warning-light-5: rgb(243, 209, 158);--el-color-warning-light-7: rgb(248, 227, 197);--el-color-warning-light-8: rgb(250, 236, 216);--el-color-warning-light-9: rgb(253, 246, 236);--el-color-warning-dark-2: rgb(184, 130, 48);--el-color-danger: #f56c6c;--el-color-danger-light-3: rgb(248, 152, 152);--el-color-danger-light-5: rgb(250, 182, 182);--el-color-danger-light-7: rgb(252, 211, 211);--el-color-danger-light-8: rgb(253, 226, 226);--el-color-danger-light-9: rgb(254, 240, 240);--el-color-danger-dark-2: rgb(196, 86, 86);--el-color-error: #f56c6c;--el-color-error-light-3: rgb(248, 152, 152);--el-color-error-light-5: rgb(250, 182, 182);--el-color-error-light-7: rgb(252, 211, 211);--el-color-error-light-8: rgb(253, 226, 226);--el-color-error-light-9: rgb(254, 240, 240);--el-color-error-dark-2: rgb(196, 86, 86);--el-color-info: #909399;--el-color-info-light-3: rgb(177, 179, 184);--el-color-info-light-5: rgb(200, 201, 204);--el-color-info-light-7: rgb(222, 223, 224);--el-color-info-light-8: rgb(233, 233, 235);--el-color-info-light-9: rgb(244, 244, 245);--el-color-info-dark-2: rgb(115, 118, 122);--el-bg-color: #ffffff;--el-bg-color-page: #f2f3f5;--el-bg-color-overlay: #ffffff;--el-text-color-primary: #303133;--el-text-color-regular: #606266;--el-text-color-secondary: #909399;--el-text-color-placeholder: #a8abb2;--el-text-color-disabled: #c0c4cc;--el-border-color: #dcdfe6;--el-border-color-light: #e4e7ed;--el-border-color-lighter: #ebeef5;--el-border-color-extra-light: #f2f6fc;--el-border-color-dark: #d4d7de;--el-border-color-darker: #cdd0d6;--el-fill-color: #f0f2f5;--el-fill-color-light: #f5f7fa;--el-fill-color-lighter: #fafafa;--el-fill-color-extra-light: #fafcff;--el-fill-color-dark: #ebedf0;--el-fill-color-darker: #e6e8eb;--el-fill-color-blank: #ffffff;--el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);--el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);--el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);--el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);--el-disabled-bg-color: var(--el-fill-color-light);--el-disabled-text-color: var(--el-text-color-placeholder);--el-disabled-border-color: var(--el-border-color-light);--el-overlay-color: rgba(0, 0, 0, .8);--el-overlay-color-light: rgba(0, 0, 0, .7);--el-overlay-color-lighter: rgba(0, 0, 0, .5);--el-mask-color: rgba(255, 255, 255, .9);--el-mask-color-extra-light: rgba(255, 255, 255, .3);--el-border-width: 1px;--el-border-style: solid;--el-border-color-hover: var(--el-text-color-disabled);--el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey: var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-leave-active,.el-collapse-transition-enter-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color: inherit;height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-button{--el-button-font-weight: var(--el-font-weight-primary);--el-button-border-color: var(--el-border-color);--el-button-bg-color: var(--el-fill-color-blank);--el-button-text-color: var(--el-text-color-regular);--el-button-disabled-text-color: var(--el-disabled-text-color);--el-button-disabled-bg-color: var(--el-fill-color-blank);--el-button-disabled-border-color: var(--el-border-color-light);--el-button-divide-border-color: rgba(255, 255, 255, .5);--el-button-hover-text-color: var(--el-color-primary);--el-button-hover-bg-color: var(--el-color-primary-light-9);--el-button-hover-border-color: var(--el-color-primary-light-7);--el-button-active-text-color: var(--el-button-hover-text-color);--el-button-active-border-color: var(--el-color-primary);--el-button-active-bg-color: var(--el-button-hover-bg-color);--el-button-outline-color: var(--el-color-primary-light-5);--el-button-hover-link-text-color: var(--el-text-color-secondary);--el-button-active-color: var(--el-text-color-primary)}.el-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--el-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--el-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color)}.el-button:hover{color:var(--el-button-hover-text-color);border-color:var(--el-button-hover-border-color);background-color:var(--el-button-hover-bg-color);outline:none}.el-button:active{color:var(--el-button-active-text-color);border-color:var(--el-button-active-border-color);background-color:var(--el-button-active-bg-color);outline:none}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button>span{display:inline-flex;align-items:center}.el-button+.el-button{margin-left:12px}.el-button{padding:8px 15px;font-size:var(--el-font-size-base);border-radius:var(--el-border-radius-base)}.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color: var(--el-color-primary);--el-button-hover-bg-color: var(--el-fill-color-blank);--el-button-hover-border-color: var(--el-color-primary)}.el-button.is-active{color:var(--el-button-active-text-color);border-color:var(--el-button-active-border-color);background-color:var(--el-button-active-bg-color);outline:none}.el-button.is-disabled,.el-button.is-disabled:hover{color:var(--el-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-bg-color);border-color:var(--el-button-disabled-border-color)}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{z-index:1;pointer-events:none;content:"";position:absolute;inset:-1px;border-radius:inherit;background-color:var(--el-mask-color-extra-light)}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-circle{width:32px;border-radius:50%;padding:8px}.el-button.is-text{color:var(--el-button-text-color);border:0 solid transparent;background-color:transparent}.el-button.is-text.is-disabled{color:var(--el-button-disabled-text-color);background-color:transparent!important}.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{border-color:transparent;color:var(--el-button-text-color);background:transparent;padding:2px;height:auto}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{color:var(--el-button-disabled-text-color);background-color:transparent!important;border-color:transparent!important}.el-button.is-link:not(.is-disabled):hover{border-color:transparent;background-color:transparent}.el-button.is-link:not(.is-disabled):active{color:var(--el-button-active-color);border-color:transparent;background-color:transparent}.el-button--text{border-color:transparent;background:transparent;color:var(--el-color-primary);padding-left:0;padding-right:0}.el-button--text.is-disabled{color:var(--el-button-disabled-text-color);background-color:transparent!important;border-color:transparent!important}.el-button--text:not(.is-disabled):hover{color:var(--el-color-primary-light-3);border-color:transparent;background-color:transparent}.el-button--text:not(.is-disabled):active{color:var(--el-color-primary-dark-2);border-color:transparent;background-color:transparent}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color: var(--el-color-white);--el-button-bg-color: var(--el-color-primary);--el-button-border-color: var(--el-color-primary);--el-button-outline-color: var(--el-color-primary-light-5);--el-button-active-color: var(--el-color-primary-dark-2);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-link-text-color: var(--el-color-primary-light-5);--el-button-hover-bg-color: var(--el-color-primary-light-3);--el-button-hover-border-color: var(--el-color-primary-light-3);--el-button-active-bg-color: var(--el-color-primary-dark-2);--el-button-active-border-color: var(--el-color-primary-dark-2);--el-button-disabled-text-color: var(--el-color-white);--el-button-disabled-bg-color: var(--el-color-primary-light-5);--el-button-disabled-border-color: var(--el-color-primary-light-5)}.el-button--primary.is-plain,.el-button--primary.is-text,.el-button--primary.is-link{--el-button-text-color: var(--el-color-primary);--el-button-bg-color: var(--el-color-primary-light-9);--el-button-border-color: var(--el-color-primary-light-5);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-bg-color: var(--el-color-primary);--el-button-hover-border-color: var(--el-color-primary);--el-button-active-text-color: var(--el-color-white)}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:hover,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:active{color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8)}.el-button--success{--el-button-text-color: var(--el-color-white);--el-button-bg-color: var(--el-color-success);--el-button-border-color: var(--el-color-success);--el-button-outline-color: var(--el-color-success-light-5);--el-button-active-color: var(--el-color-success-dark-2);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-link-text-color: var(--el-color-success-light-5);--el-button-hover-bg-color: var(--el-color-success-light-3);--el-button-hover-border-color: var(--el-color-success-light-3);--el-button-active-bg-color: var(--el-color-success-dark-2);--el-button-active-border-color: var(--el-color-success-dark-2);--el-button-disabled-text-color: var(--el-color-white);--el-button-disabled-bg-color: var(--el-color-success-light-5);--el-button-disabled-border-color: var(--el-color-success-light-5)}.el-button--success.is-plain,.el-button--success.is-text,.el-button--success.is-link{--el-button-text-color: var(--el-color-success);--el-button-bg-color: var(--el-color-success-light-9);--el-button-border-color: var(--el-color-success-light-5);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-bg-color: var(--el-color-success);--el-button-hover-border-color: var(--el-color-success);--el-button-active-text-color: var(--el-color-white)}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:hover,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:active,.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:active{color:var(--el-color-success-light-5);background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8)}.el-button--warning{--el-button-text-color: var(--el-color-white);--el-button-bg-color: var(--el-color-warning);--el-button-border-color: var(--el-color-warning);--el-button-outline-color: var(--el-color-warning-light-5);--el-button-active-color: var(--el-color-warning-dark-2);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-link-text-color: var(--el-color-warning-light-5);--el-button-hover-bg-color: var(--el-color-warning-light-3);--el-button-hover-border-color: var(--el-color-warning-light-3);--el-button-active-bg-color: var(--el-color-warning-dark-2);--el-button-active-border-color: var(--el-color-warning-dark-2);--el-button-disabled-text-color: var(--el-color-white);--el-button-disabled-bg-color: var(--el-color-warning-light-5);--el-button-disabled-border-color: var(--el-color-warning-light-5)}.el-button--warning.is-plain,.el-button--warning.is-text,.el-button--warning.is-link{--el-button-text-color: var(--el-color-warning);--el-button-bg-color: var(--el-color-warning-light-9);--el-button-border-color: var(--el-color-warning-light-5);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-bg-color: var(--el-color-warning);--el-button-hover-border-color: var(--el-color-warning);--el-button-active-text-color: var(--el-color-white)}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:hover,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:active{color:var(--el-color-warning-light-5);background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8)}.el-button--danger{--el-button-text-color: var(--el-color-white);--el-button-bg-color: var(--el-color-danger);--el-button-border-color: var(--el-color-danger);--el-button-outline-color: var(--el-color-danger-light-5);--el-button-active-color: var(--el-color-danger-dark-2);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-link-text-color: var(--el-color-danger-light-5);--el-button-hover-bg-color: var(--el-color-danger-light-3);--el-button-hover-border-color: var(--el-color-danger-light-3);--el-button-active-bg-color: var(--el-color-danger-dark-2);--el-button-active-border-color: var(--el-color-danger-dark-2);--el-button-disabled-text-color: var(--el-color-white);--el-button-disabled-bg-color: var(--el-color-danger-light-5);--el-button-disabled-border-color: var(--el-color-danger-light-5)}.el-button--danger.is-plain,.el-button--danger.is-text,.el-button--danger.is-link{--el-button-text-color: var(--el-color-danger);--el-button-bg-color: var(--el-color-danger-light-9);--el-button-border-color: var(--el-color-danger-light-5);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-bg-color: var(--el-color-danger);--el-button-hover-border-color: var(--el-color-danger);--el-button-active-text-color: var(--el-color-white)}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:hover,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:active{color:var(--el-color-danger-light-5);background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8)}.el-button--info{--el-button-text-color: var(--el-color-white);--el-button-bg-color: var(--el-color-info);--el-button-border-color: var(--el-color-info);--el-button-outline-color: var(--el-color-info-light-5);--el-button-active-color: var(--el-color-info-dark-2);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-link-text-color: var(--el-color-info-light-5);--el-button-hover-bg-color: var(--el-color-info-light-3);--el-button-hover-border-color: var(--el-color-info-light-3);--el-button-active-bg-color: var(--el-color-info-dark-2);--el-button-active-border-color: var(--el-color-info-dark-2);--el-button-disabled-text-color: var(--el-color-white);--el-button-disabled-bg-color: var(--el-color-info-light-5);--el-button-disabled-border-color: var(--el-color-info-light-5)}.el-button--info.is-plain,.el-button--info.is-text,.el-button--info.is-link{--el-button-text-color: var(--el-color-info);--el-button-bg-color: var(--el-color-info-light-9);--el-button-border-color: var(--el-color-info-light-5);--el-button-hover-text-color: var(--el-color-white);--el-button-hover-bg-color: var(--el-color-info);--el-button-hover-border-color: var(--el-color-info);--el-button-active-text-color: var(--el-color-white)}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:hover,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:active,.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:active{color:var(--el-color-info-light-5);background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8)}.el-button--large{--el-button-size: 40px;height:var(--el-button-size)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large{padding:12px 19px;font-size:var(--el-font-size-base);border-radius:var(--el-border-radius-base)}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{width:var(--el-button-size);padding:12px}.el-button--small{--el-button-size: 24px;height:var(--el-button-size)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small{padding:5px 11px;font-size:12px;border-radius:calc(var(--el-border-radius-base) - 1px)}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{width:var(--el-button-size);padding:5px}.el-card{--el-card-border-color: var(--el-border-color-light);--el-card-border-radius: 4px;--el-card-padding: 20px;--el-card-bg-color: var(--el-fill-color-blank)}.el-card{border-radius:var(--el-card-border-radius);border:1px solid var(--el-card-border-color);background-color:var(--el-card-bg-color);overflow:hidden;color:var(--el-text-color-primary);transition:var(--el-transition-duration)}.el-card.is-always-shadow{box-shadow:var(--el-box-shadow-light)}.el-card.is-hover-shadow:hover,.el-card.is-hover-shadow:focus{box-shadow:var(--el-box-shadow-light)}.el-card__header{padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding);border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box}.el-card__body{padding:var(--el-card-padding)}.el-card__footer{padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding);border-top:1px solid var(--el-card-border-color);box-sizing:border-box}.iconfont[data-v-357c32d8]{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-357c32d8]{animation:icon-spin-357c32d8 1s linear infinite}@keyframes icon-spin-357c32d8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-pulse[data-v-357c32d8]{animation:icon-pulse-357c32d8 1s ease-in-out infinite}@keyframes icon-pulse-357c32d8{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.icon-flip-horizontal[data-v-357c32d8]{transform:scaleX(-1)}.icon-flip-vertical[data-v-357c32d8]{transform:scaleY(-1)}.icon-flip-both[data-v-357c32d8]{transform:scale(-1)}.icon-spin.icon-flip-horizontal[data-v-357c32d8]{animation:icon-spin-flip-horizontal-357c32d8 1s linear infinite}.icon-spin.icon-flip-vertical[data-v-357c32d8]{animation:icon-spin-flip-vertical-357c32d8 1s linear infinite}.icon-spin.icon-flip-both[data-v-357c32d8]{animation:icon-spin-flip-both-357c32d8 1s linear infinite}@keyframes icon-spin-flip-horizontal-357c32d8{0%{transform:rotate(0) scaleX(-1)}to{transform:rotate(360deg) scaleX(-1)}}@keyframes icon-spin-flip-vertical-357c32d8{0%{transform:rotate(0) scaleY(-1)}to{transform:rotate(360deg) scaleY(-1)}}@keyframes icon-spin-flip-both-357c32d8{0%{transform:rotate(0) scale(-1)}to{transform:rotate(360deg) scale(-1)}}

package/package.json

@@ -1,61 +1,52 @@
 {
   "name": "@mc-markets/ui",
   "private": false,
-  "version": "1.0.37",
+  "version": "1.0.38",
   "type": "module",
   "author": "chenyu",
-  "description": "Element Plus 完整导出包，提供所有组件、指令和服务",
+  "description": "Vue 3 组件库，基于 Element Plus 的自定义组件",
   "main": "dist/index.js",
   "module": "dist/index.js",
-  "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.js"
     },
     "./style": "./dist/style.css",
     "./styles": "./dist/style.css",
     "./dist/style.css": "./dist/style.css",
     "./scss-variables": "./packages/styles/variables.scss",
     "./styles/index": "./packages/styles/index.scss",
-    "./theme-config": "./packages/styles/theme-config.ts",
+    "./theme-config": "./packages/styles/theme-config.js",
     "./element-plus": {
       "import": "./node_modules/element-plus/dist/index.full.mjs",
-      "require": "./node_modules/element-plus/dist/index.full.js",
-      "types": "./node_modules/element-plus/dist/index.d.ts"
+      "require": "./node_modules/element-plus/dist/index.full.js"
     },
     "./element-plus/style": "./node_modules/element-plus/dist/index.css",
-    "./element-plus/styles": "./node_modules/element-plus/dist/index.css",
-    "./locales": "./dist/locales/index.js",
-    "./themes": "./dist/themes/index.js"
+    "./element-plus/styles": "./node_modules/element-plus/dist/index.css"
   },
   "files": [
     "dist",
     "packages/styles",
     "README.md",
-    "USAGE.md",
     "node_modules/element-plus/dist"
   ],
   "keywords": [
     "vue3",
-    "typescript",
+    "javascript",
     "ui",
     "component",
     "element-plus",
-    "element-ui",
     "ui-library",
     "components"
   ],
   "license": "MIT",
   "scripts": {
     "dev": "vite",
-    "dev:fast": "cross-env NODE_ENV=development vite --force",
     "dev:inspector": "cross-env VUE_INSPECTOR=true vite",
-    "build": "tsc && vite build",
+    "build": "vite build",
     "preview": "vite preview",
-    "type-check": "vue-tsc --noEmit",
-    "lint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx --fix",
+    "lint": "eslint . --ext .vue,.js,.jsx --fix",
     "format": "prettier --write .",
     "test": "vitest",
     "test:coverage": "vitest --coverage",
@@ -64,11 +55,13 @@
   },
   "dependencies": {
     "@vueuse/core": "^10.5.0",
-    "element-plus": "^2.8.0",
-    "vue": "^3.3.0"
+    "element-plus": "^2.11.2",
+    "highlight.js": "^11.11.1",
+    "vue": "^3.3.0",
+    "vue-router": "^4.5.1"
   },
   "peerDependencies": {
-    "element-plus": "^2.8.0",
+    "element-plus": "^2.11.2",
     "vue": "^3.3.0"
   },
   "peerDependenciesMeta": {
@@ -95,29 +88,16 @@
     "@antfu/eslint-config": "^0.38.4",
     "@iconify-json/ep": "^1.1.10",
     "@iconify/vue": "^4.1.1",
-    "@types/nprogress": "^0.2.0",
-    "@types/path-browserify": "^1.0.0",
-    "@types/qs": "^6.9.7",
     "@vitejs/plugin-vue": "^4.1.0",
     "@vitejs/plugin-vue-jsx": "^3.0.1",
     "autoprefixer": "^10.4.14",
-    "bumpp": "^9.1.0",
     "cross-env": "^7.0.3",
-    "cz-conventional-changelog": "^3.3.0",
-    "cz-git": "^1.6.1",
     "eslint": "^8.38.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "esno": "^0.16.3",
     "fs-extra": "^11.1.1",
-    "http-server": "^14.1.1",
-    "lint-staged": "^13.2.1",
-    "npm-run-all": "^4.1.5",
-    "plop": "^3.1.2",
     "postcss-html": "^1.5.0",
     "prettier": "^2.8.8",
-    "sass": "^1.77.0",
-    "simple-git-hooks": "^2.8.1",
-    "sortablejs": "^1.15.0",
+    "sass": "^1.92.1",
     "stylelint": "^15.4.0",
     "stylelint-config-standard": "^32.0.0",
     "stylelint-config-standard-scss": "^8.0.0",
@@ -126,20 +106,9 @@
     "stylelint-stylistic": "^0.4.0",
     "svgo": "^3.0.2",
     "terser": "^5.16.9",
-    "typescript": "^5.0.4",
     "unplugin-auto-import": "^0.15.3",
     "unplugin-vue-components": "^0.24.1",
-    "vite": "^4.2.1",
-    "vite-plugin-banner": "^0.7.0",
-    "vite-plugin-compression": "^0.5.1",
-    "vite-plugin-dts": "^4.2.1",
-    "vite-plugin-mock": "^2.9.6",
-    "vite-plugin-pages": "^0.29.0",
-    "vite-plugin-spritesmith": "^0.1.1",
-    "vite-plugin-svg-icons": "^2.0.1",
-    "vite-plugin-vue-inspector": "^3.4.0",
-    "vite-plugin-vue-meta-layouts": "^0.2.2",
-    "vite-plugin-vue-setup-extend": "^0.4.0",
-    "vue-tsc": "^1.2.0"
+    "vite": "^7.1.5",
+    "vite-plugin-vue-inspector": "^3.4.0"
   }
 }

package/packages/styles/README.md

@@ -1,150 +0,0 @@
-# @mc-markets/ui 样式系统
-
-## 概述
-
-本项目提供了完整的 Element Plus 主题定制解决方案，包括 SCSS 变量覆盖、CSS 变量配置和主题管理工具。
-
-## 文件结构
-
-```
-packages/styles/
-├── index.scss              # 样式入口文件
-├── variables.scss          # Element Plus 主题变量覆盖
-├── variables.scss          # SCSS 变量和 CSS 变量定义
-├── theme-config.ts         # 主题管理工具
-└── variables/              # 详细样式变量
-    ├── index.scss
-    ├── border-mode.css
-    ├── color-modes-dark.css
-    ├── primitives-style.css
-    ├── radius-mode.css
-    ├── spacing-mode.css
-    ├── typography-desktop.css
-    └── typography-mobile.css
-```
-
-## 使用方法
-
-### 1. 导入完整样式
-
-```typescript
-// 导入所有样式（推荐）
-import '@mc-markets/ui/styles/index'
-
-// 或者分别导入
-import '@mc-markets/ui/scss-variables'
-```
-
-### 2. 使用主题管理工具
-
-```typescript
-import { 
-  setTheme, 
-  setPrimaryColor, 
-  toggleDark,
-  themeConfigManager 
-} from '@mc-markets/ui'
-
-// 设置主题
-setTheme({
-  name: 'custom',
-  primaryColor: '#1890ff',
-  dark: false
-})
-
-// 动态修改主色调
-setPrimaryColor('#52c41a')
-
-// 切换暗色主题
-toggleDark()
-
-// 使用主题管理器
-const manager = themeConfigManager.getInstance()
-manager.setSuccessColor('#67c23a')
-```
-
-### 3. 在 Vue 组件中使用
-
-```vue
-<template>
-  <div class="custom-theme">
-    <el-button type="primary">主要按钮</el-button>
-    <el-button type="success">成功按钮</el-button>
-    <el-button type="warning">警告按钮</el-button>
-  </div>
-</template>
-
-<script setup>
-import { setPrimaryColor } from '@mc-markets/ui'
-
-// 动态设置主题色
-setPrimaryColor('#722ed1')
-</script>
-```
-
-### 4. 自定义 CSS 变量
-
-```css
-/* 在你的样式文件中覆盖 CSS 变量 */
-:root {
-  --el-color-primary: #1890ff;
-  --el-color-success: #52c41a;
-  --el-border-radius-base: 8px;
-}
-```
-
-## 样式覆盖原理
-
-### SCSS 变量覆盖
-
-`variables.scss` 文件使用 Element Plus 的 `@use` 语法来覆盖默认变量：
-
-```scss
-@use 'element-plus/theme-chalk/src/common/var.scss' with (
-  $colors: (
-    'primary': (
-      'base': #000, // 覆盖主色调
-    ),
-  ),
-  $font-size: (
-    'base': 14px, // 覆盖基础字体大小
-  ),
-);
-```
-
-### CSS 变量覆盖
-
-`variables.scss` 文件定义了完整的 SCSS 变量和 CSS 变量系统，支持：
-
-- 亮色/暗色主题切换
-- 动态颜色调整
-- 自定义主题类
-
-## 主题配置选项
-
-### ThemeConfig 接口
-
-```typescript
-interface ThemeConfig {
-  name?: string              // 主题名称
-  dark?: boolean            // 是否暗色主题
-  cssVars?: Record<string, string>  // 自定义CSS变量
-  customClass?: string      // 自定义类名
-  primaryColor?: string     // 主色调
-  successColor?: string     // 成功色
-  warningColor?: string     // 警告色
-  dangerColor?: string      // 危险色
-  infoColor?: string        // 信息色
-}
-```
-
-## 注意事项
-
-1. **导入顺序**：确保在导入 Element Plus 样式之前导入自定义样式
-2. **构建工具**：需要支持 SCSS 的构建工具（如 Vite、Webpack）
-3. **浏览器兼容性**：CSS 变量需要现代浏览器支持
-4. **性能考虑**：建议在生产环境中使用构建后的 CSS 文件
-
-## 示例项目
-
-查看 `src/components/ThemeDemo.vue` 文件了解完整的使用示例。

package/packages/styles/element/form.scss

@@ -1,18 +1,3 @@
-.el-input {
-  --el-input-text-color: var(--text-white);
-  --el-input-border: var(--el-border);
-  --el-input-hover-border: var(--el-border-color-hover);
-  --el-input-focus-border: var(--el-color-primary);
-  --el-input-transparent-border: 0 0 0 1px transparent inset;
-  --el-input-border-color: var(--el-border-color);
-  --el-input-border-radius: var(--el-border-radius-base);
-  --el-input-bg-color: var(--el-fill-color-blank);
-  --el-input-icon-color: var(--el-text-color-placeholder);
-  --el-input-placeholder-color: var(--el-text-color-placeholder);
-  --el-input-hover-border-color: var(--el-border-color-hover);
-  --el-input-clear-hover-color: var(--el-text-color-secondary);
-  --el-input-focus-border-color: var(--el-color-primary);
-}
 
 .el-form-item__label {
   height: var(--el-component-size);
@@ -25,3 +10,12 @@
     line-height: 20px;
   }
 }
+
+
+.el-input__wrapper{
+  padding: 1px 16px;
+}
+
+.el-form-item{
+  margin-bottom: 20px;
+}

package/packages/styles/element/popper.scss

@@ -0,0 +1,6 @@
+.el-popper{
+    &.is-light{
+        background:var(--bg-tertiary-hover);
+        border-color: var(--border-primary);
+    }
+}

package/packages/styles/element/select.scss

@@ -0,0 +1,35 @@
+.el-select__wrapper{
+  padding: 4px 16px;
+}
+.el-select-dropdown{
+  padding: 12px;
+}
+.el-select-dropdown__list{
+  padding:0;
+}
+.el-select-dropdown__item{
+  padding:0px 12px;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 6px;
+  font-size: var(--font-size-text-sm);
+  color: var(--text-primary);
+  &:hover,&.is-hovering{
+    background: var(--all-alphe-white-6, #FFFFFF0F);
+  }
+}
+
+.el-select-dropdown__header{
+  border: none;
+  padding: 0;
+  padding-bottom: 4px;
+}
+
+
+
+.el-select--small{
+  .el-select__wrapper{
+    padding: 4px 16px;
+    font-size: var(--font-size-text-sm);
+  }
+}

package/packages/styles/index.scss

@@ -12,6 +12,7 @@
 @use './variables.scss';
 @use './element/button.scss';
 @use './element/form.scss';
-
+@use './element/popper.scss';
+@use './element/select.scss';
 // 导入 Element Plus 基础样式
 // @import 'element-plus/dist/index.css';

package/packages/styles/{theme-config.ts → theme-config.js}

@@ -5,32 +5,12 @@
  * @see https://element-plus.org/zh-CN/guide/theming.html
  */
 
-export interface ThemeConfig {
-  /** 主题名称 */
-  name?: string
-  /** 是否暗色主题 */
-  dark?: boolean
-  /** 自定义CSS变量 */
-  cssVars?: Record<string, string>
-  /** 自定义类名 */
-  customClass?: string
-  /** 主色调 */
-  primaryColor?: string
-  /** 成功色 */
-  successColor?: string
-  /** 警告色 */
-  warningColor?: string
-  /** 危险色 */
-  dangerColor?: string
-  /** 信息色 */
-  infoColor?: string
-}
-
 export class ThemeConfigManager {
-  private static instance: ThemeConfigManager
-  private currentTheme: ThemeConfig = { name: 'default', dark: false }
+  constructor() {
+    this.currentTheme = { name: 'default', dark: false }
+  }
   
-  static getInstance(): ThemeConfigManager {
+  static getInstance() {
     if (!ThemeConfigManager.instance) {
       ThemeConfigManager.instance = new ThemeConfigManager()
     }
@@ -38,66 +18,66 @@ export class ThemeConfigManager {
   }
   
   /** 设置主题 */
-  setTheme(theme: ThemeConfig): void {
+  setTheme(theme) {
     this.currentTheme = { ...this.currentTheme, ...theme }
     this.applyTheme()
   }
   
   /** 获取当前主题 */
-  getTheme(): ThemeConfig {
+  getTheme() {
     return { ...this.currentTheme }
   }
   
   /** 切换暗色主题 */
-  toggleDark(): void {
+  toggleDark() {
     this.currentTheme.dark = !this.currentTheme.dark
     this.applyTheme()
   }
   
   /** 设置主色调 */
-  setPrimaryColor(color: string): void {
+  setPrimaryColor(color) {
     this.setCssVar('--el-color-primary', color)
     this.generateColorPalette(color, 'primary')
   }
   
   /** 设置成功色 */
-  setSuccessColor(color: string): void {
+  setSuccessColor(color) {
     this.setCssVar('--el-color-success', color)
     this.generateColorPalette(color, 'success')
   }
   
   /** 设置警告色 */
-  setWarningColor(color: string): void {
+  setWarningColor(color) {
     this.setCssVar('--el-color-warning', color)
     this.generateColorPalette(color, 'warning')
   }
   
   /** 设置危险色 */
-  setDangerColor(color: string): void {
+  setDangerColor(color) {
     this.setCssVar('--el-color-danger', color)
     this.generateColorPalette(color, 'danger')
   }
   
   /** 设置信息色 */
-  setInfoColor(color: string): void {
+  setInfoColor(color) {
     this.setCssVar('--el-color-info', color)
     this.generateColorPalette(color, 'info')
   }
   
   /** 设置CSS变量 */
-  setCssVar(name: string, value: string): void {
+  setCssVar(name, value) {
     const root = document.documentElement
     root.style.setProperty(name, value)
   }
   
   /** 获取CSS变量 */
-  getCssVar(name: string): string {
+  getCssVar(name) {
     const root = document.documentElement
     return getComputedStyle(root).getPropertyValue(name).trim()
   }
   
   /** 生成颜色调色板 */
-  private generateColorPalette(color: string, type: 'primary' | 'success' | 'warning' | 'danger' | 'info'): void {
+  generateColorPalette(color, type) {
     const root = document.documentElement
     const baseColor = this.hexToRgb(color)
     
@@ -118,7 +98,7 @@ export class ThemeConfigManager {
   }
   
   /** 应用主题 */
-  private applyTheme(): void {
+  applyTheme() {
     const root = document.documentElement
     
     // 应用暗色主题
@@ -159,7 +139,7 @@ export class ThemeConfigManager {
   }
   
   /** 十六进制颜色转RGB */
-  private hexToRgb(hex: string): { r: number; g: number; b: number } | null {
+  hexToRgb(hex) {
     const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)
     return result ? {
       r: parseInt(result[1], 16),
@@ -169,13 +149,13 @@ export class ThemeConfigManager {
   }
   
   /** RGB转十六进制 */
-  private rgbToHex(r: number, g: number, b: number): string {
+  rgbToHex(r, g, b) {
     return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`
   }
   
   /** 生成浅色变体 */
-  private generateLightColors(rgb: { r: number; g: number; b: number }): Record<number, string> {
-    const colors: Record<number, string> = {}
+  generateLightColors(rgb) {
+    const colors = {}
     
     for (let i = 1; i <= 9; i++) {
       const factor = (10 - i) / 10
@@ -189,8 +169,8 @@ export class ThemeConfigManager {
   }
   
   /** 生成深色变体 */
-  private generateDarkColors(rgb: { r: number; g: number; b: number }): Record<number, string> {
-    const colors: Record<number, string> = {}
+  generateDarkColors(rgb) {
+    const colors = {}
     
     for (let i = 1; i <= 2; i++) {
       const factor = i / 10
@@ -204,7 +184,7 @@ export class ThemeConfigManager {
   }
   
   /** 重置主题 */
-  resetTheme(): void {
+  resetTheme() {
     const root = document.documentElement
     root.className = ''
     root.style.cssText = ''
@@ -212,10 +192,10 @@ export class ThemeConfigManager {
   }
   
   /** 导出主题配置 */
-  exportTheme(): string {
+  exportTheme() {
     const root = document.documentElement
     const computedStyle = getComputedStyle(root)
-    const cssVars: Record<string, string> = {}
+    const cssVars = {}
     
     // 获取所有CSS变量
     for (let i = 0; i < computedStyle.length; i++) {
@@ -232,7 +212,7 @@ export class ThemeConfigManager {
   }
   
   /** 导入主题配置 */
-  importTheme(config: string): void {
+  importTheme(config) {
     try {
       const themeConfig = JSON.parse(config)
       this.setTheme(themeConfig)
@@ -246,16 +226,16 @@ export class ThemeConfigManager {
 export const themeConfigManager = ThemeConfigManager.getInstance()
 
 // 导出便捷方法
-export const setTheme = (theme: ThemeConfig) => themeConfigManager.setTheme(theme)
+export const setTheme = (theme) => themeConfigManager.setTheme(theme)
 export const getTheme = () => themeConfigManager.getTheme()
 export const toggleDark = () => themeConfigManager.toggleDark()
-export const setPrimaryColor = (color: string) => themeConfigManager.setPrimaryColor(color)
-export const setSuccessColor = (color: string) => themeConfigManager.setSuccessColor(color)
-export const setWarningColor = (color: string) => themeConfigManager.setWarningColor(color)
-export const setDangerColor = (color: string) => themeConfigManager.setDangerColor(color)
-export const setInfoColor = (color: string) => themeConfigManager.setInfoColor(color)
-export const setCssVar = (name: string, value: string) => themeConfigManager.setCssVar(name, value)
-export const getCssVar = (name: string) => themeConfigManager.getCssVar(name)
+export const setPrimaryColor = (color) => themeConfigManager.setPrimaryColor(color)
+export const setSuccessColor = (color) => themeConfigManager.setSuccessColor(color)
+export const setWarningColor = (color) => themeConfigManager.setWarningColor(color)
+export const setDangerColor = (color) => themeConfigManager.setDangerColor(color)
+export const setInfoColor = (color) => themeConfigManager.setInfoColor(color)
+export const setCssVar = (name, value) => themeConfigManager.setCssVar(name, value)
+export const getCssVar = (name) => themeConfigManager.getCssVar(name)
 export const resetTheme = () => themeConfigManager.resetTheme()
 export const exportTheme = () => themeConfigManager.exportTheme()
-export const importTheme = (config: string) => themeConfigManager.importTheme(config)
+export const importTheme = (config) => themeConfigManager.importTheme(config)