roui-element 1.0.0

package/dist/umd/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";:root{--ro-color-primary: #409eff;--ro-color-primary-light-3: rgb(121.3, 187.1, 255);--ro-color-primary-light-5: rgb(159.5, 206.5, 255);--ro-color-primary-light-7: rgb(197.7, 225.9, 255);--ro-color-primary-light-8: rgb(216.8, 235.6, 255);--ro-color-primary-dark-2: rgb(51.2, 126.4, 204);--ro-color-success: #67c23a;--ro-color-success-light-3: rgb(148.6, 212.3, 117.1);--ro-color-success-light-5: rgb(179, 224.5, 156.5);--ro-color-success-light-7: rgb(209.4, 236.7, 195.9);--ro-color-success-light-8: rgb(224.6, 242.8, 215.6);--ro-color-success-dark-2: rgb(82.4, 155.2, 46.4);--ro-color-warning: #e6a23c;--ro-color-warning-light-3: rgb(237.5, 189.9, 118.5);--ro-color-warning-light-5: rgb(242.5, 208.5, 157.5);--ro-color-warning-light-7: rgb(247.5, 227.1, 196.5);--ro-color-warning-light-8: rgb(250, 236.4, 216);--ro-color-warning-dark-2: rgb(184, 129.6, 48);--ro-color-danger: #f56c6c;--ro-color-danger-light-3: rgb(248, 152.1, 152.1);--ro-color-danger-light-5: rgb(250, 181.5, 181.5);--ro-color-danger-light-7: rgb(252, 210.9, 210.9);--ro-color-danger-light-8: rgb(253, 225.6, 225.6);--ro-color-danger-dark-2: rgb(196, 86.4, 86.4);--ro-color-info: #909399;--ro-color-info-light-3: rgb(177.3, 179.4, 183.6);--ro-color-info-light-5: rgb(199.5, 201, 204);--ro-color-info-light-7: rgb(221.7, 222.6, 224.4);--ro-color-info-light-8: rgb(232.8, 233.4, 234.6);--ro-color-info-dark-2: rgb(115.2, 117.6, 122.4);--ro-color-white: #ffffff;--ro-color-black: #000000;--ro-bg-color: #ffffff;--ro-bg-color-page: #f2f3f5;--ro-bg-color-overlay: #ffffff;--ro-text-color-primary: #303133;--ro-text-color-regular: #606266;--ro-text-color-secondary: #909399;--ro-text-color-placeholder: #a8abb2;--ro-text-color-disabled: #c0c4cc;--ro-border-color: #dcdfe6;--ro-border-color-light: #e4e7ed;--ro-border-color-lighter: #ebeef5;--ro-border-color-extra-light: #f2f6fc;--ro-border-color-dark: #d4d7de;--ro-border-color-darker: #cdd0d6;--ro-fill-color: #f0f2f5;--ro-fill-color-light: #f5f7fa;--ro-fill-color-lighter: #fafafa;--ro-fill-color-extra-light: #fafcff;--ro-fill-color-dark: #ebedf0;--ro-fill-color-darker: #e6e8eb;--ro-fill-color-blank: #ffffff;--ro-border-width: 1px;--ro-border-style: solid;--ro-border-color-hover: var(--ro-text-color-disabled);--ro-border: var(--ro-border-width) var(--ro-border-style) var(--ro-border-color);--ro-border-radius-base: 4px;--ro-border-radius-small: 2px;--ro-border-radius-round: 20px;--ro-border-radius-circle: 100%;--ro-font-size-extra-large: 20px;--ro-font-size-large: 18px;--ro-font-size-medium: 16px;--ro-font-size-base: 14px;--ro-font-size-small: 13px;--ro-font-size-extra-small: 12px;--ro-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--ro-font-weight-primary: 500;--ro-disabled-bg-color: var(--ro-fill-color-light);--ro-disabled-text-color: var(--ro-text-color-placeholder);--ro-disabled-border-color: var(--ro-border-color-light);--ro-transition-duration: .3s;--ro-transition-duration-fast: .2s}body{font-family:var(--ro-font-family);font-weight:400;font-size:var(--ro-font-size-base);color:var(--ro-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--ro-color-primary);text-decoration:none}a:hover,a:focus{color:var(--ro-color-primary-light-3)}a:active{color:var(--ro-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--ro-text-color-regular);font-weight:inherit}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}h1{font-size:calc(var(--ro-font-size-base) + 6px)}h2{font-size:calc(var(--ro-font-size-base) + 4px)}h3{font-size:calc(var(--ro-font-size-base) + 2px)}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}p:first-child{margin-top:0}p:last-child{margin-bottom:0}sup,sub{font-size:calc(var(--ro-font-size-base) - 1px)}small{font-size:calc(var(--ro-font-size-base) - 2px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid var(--ro-border-color-lighter)}.ro-button{--ro-button-font-weight: var(--ro-font-weight-primary);--ro-button-border-color: var(--ro-border-color);--ro-button-bg-color: var(--ro-fill-color-blank);--ro-button-text-color: var(--ro-text-color-regular);--ro-button-disabled-text-color: var(--ro-disabled-text-color);--ro-button-disabled-bg-color: var(--ro-fill-color-blank);--ro-button-disabled-border-color: var(--ro-border-color-light);--ro-button-hover-text-color: var(--ro-color-primary);--ro-button-hover-bg-color: var(--ro-color-primary-light-9);--ro-button-hover-border-color: var(--ro-color-primary-light-7);--ro-button-active-text-color: var(--ro-button-hover-text-color);--ro-button-active-border-color: var(--ro-color-primary);--ro-button-active-bg-color: var(--ro-button-hover-bg-color);--ro-button-outline-color: var(--ro-color-primary-light-5);--ro-button-active-color: var(--ro-text-color-primary)}.ro-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--ro-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--ro-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--ro-button-bg-color);border:var(--ro-border);border-color:var(--ro-button-border-color);padding:8px 15px;font-size:var(--ro-font-size-base);border-radius:var(--ro-border-radius-base)}.ro-button+.ro-button{margin-left:12px}.ro-button:hover,.ro-button:focus{color:var(--ro-button-hover-text-color);border-color:var(--ro-button-hover-border-color);background-color:var(--ro-button-hover-bg-color);outline:none}.ro-button:active{color:var(--ro-button-active-text-color);border-color:var(--ro-button-active-border-color);background-color:var(--ro-button-active-bg-color);outline:none}.ro-button.is-plain{--ro-button-hover-text-color: var(--ro-color-primary);--ro-button-hover-bg-color: var(--ro-fill-color-blank);--ro-button-hover-border-color: var(--ro-color-primary)}.ro-button.is-round{border-radius:var(--ro-border-radius-round)}.ro-button.is-circle{border-radius:50%;padding:8px}.ro-button.is-disabled,.ro-button.is-disabled:hover,.ro-button.is-disabled:focus,.ro-button[disabled],.ro-button[disabled]:hover,.ro-button[disabled]:focus{color:var(--ro-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--ro-button-disabled-bg-color);border-color:var(--ro-button-disabled-border-color)}.ro-button [class*=ro-icon]+span{margin-left:6px}.ro-button--primary{--ro-button-text-color: var(--ro-color-white);--ro-button-bg-color: var(--ro-color-primary);--ro-button-border-color: var(--ro-color-primary);--ro-button-outline-color: var(--ro-color-primary-light-5);--ro-button-active-color: var(--ro-color-primary-dark-2);--ro-button-hover-text-color: var(--ro-color-white);--ro-button-hover-bg-color: var(--ro-color-primary-light-3);--ro-button-hover-border-color: var(--ro-color-primary-light-3);--ro-button-active-bg-color: var(--ro-color-primary-dark-2);--ro-button-active-border-color: var(--ro-color-primary-dark-2);--ro-button-disabled-text-color: var(--ro-color-white);--ro-button-disabled-bg-color: var(--ro-color-primary-light-5);--ro-button-disabled-border-color: var(--ro-color-primary-light-5)}.ro-button--primary.is-plain{--ro-button-text-color: var(--ro-color-primary);--ro-button-bg-color: var(--ro-color-primary-light-9);--ro-button-border-color: var(--ro-color-primary-light-5);--ro-button-hover-text-color: var(--ro-color-white);--ro-button-hover-bg-color: var(--ro-color-primary);--ro-button-hover-border-color: var(--ro-color-primary);--ro-button-active-text-color: var(--ro-color-white)}.ro-button--success{--ro-button-text-color: var(--ro-color-white);--ro-button-bg-color: var(--ro-color-success);--ro-button-border-color: var(--ro-color-success);--ro-button-outline-color: var(--ro-color-success-light-5);--ro-button-active-color: var(--ro-color-success-dark-2);--ro-button-hover-text-color: var(--ro-color-white);--ro-button-hover-bg-color: var(--ro-color-success-light-3);--ro-button-hover-border-color: var(--ro-color-success-light-3);--ro-button-active-bg-color: var(--ro-color-success-dark-2);--ro-button-active-border-color: var(--ro-color-success-dark-2);--ro-button-disabled-text-color: var(--ro-color-white);--ro-button-disabled-bg-color: var(--ro-color-success-light-5);--ro-button-disabled-border-color: var(--ro-color-success-light-5)}.ro-button--success.is-plain{--ro-button-text-color: var(--ro-color-success);--ro-button-bg-color: var(--ro-color-success-light-9);--ro-button-border-color: var(--ro-color-success-light-5);--ro-button-hover-text-color: var(--ro-color-white);--ro-button-hover-bg-color: var(--ro-color-success);--ro-button-hover-border-color: var(--ro-color-success);--ro-button-active-text-color: var(--ro-color-white)}.ro-button--warning{--ro-button-text-color: var(--ro-color-white);--ro-button-bg-color: var(--ro-color-warning);--ro-button-border-color: var(--ro-color-warning);--ro-button-outline-color: var(--ro-color-warning-light-5);--ro-button-active-color: var(--ro-color-warning-dark-2);--ro-button-hover-text-color: var(--ro-color-white);--ro-button-hover-bg-color: var(--ro-color-warning-light-3);--ro-button-hover-border-color: var(--ro-color-warning-light-3);--ro-button-active-bg-color: var(--ro-color-warning-dark-2);--ro-button-active-border-color: var(--ro-color-warning-dark-2);--ro-button-disabled-text-color: var(--ro-color-white);--ro-button-disabled-bg-color: var(--ro-color-warning-light-5);--ro-button-disabled-border-color: var(--ro-color-warning-light-5)}.ro-button--warning.is-plain{--ro-button-text-color: var(--ro-color-warning);--ro-button-bg-color: var(--ro-color-warning-light-9);--ro-button-border-color: var(--ro-color-warning-light-5);--ro-button-hover-text-color: var(--ro-color-white);--ro-button-hover-bg-color: var(--ro-color-warning);--ro-button-hover-border-color: var(--ro-color-warning);--ro-button-active-text-color: var(--ro-color-white)}.ro-button--info{--ro-button-text-color: var(--ro-color-white);--ro-button-bg-color: var(--ro-color-info);--ro-button-border-color: var(--ro-color-info);--ro-button-outline-color: var(--ro-color-info-light-5);--ro-button-active-color: var(--ro-color-info-dark-2);--ro-button-hover-text-color: var(--ro-color-white);--ro-button-hover-bg-color: var(--ro-color-info-light-3);--ro-button-hover-border-color: var(--ro-color-info-light-3);--ro-button-active-bg-color: var(--ro-color-info-dark-2);--ro-button-active-border-color: var(--ro-color-info-dark-2);--ro-button-disabled-text-color: var(--ro-color-white);--ro-button-disabled-bg-color: var(--ro-color-info-light-5);--ro-button-disabled-border-color: var(--ro-color-info-light-5)}.ro-button--info.is-plain{--ro-button-text-color: var(--ro-color-info);--ro-button-bg-color: var(--ro-color-info-light-9);--ro-button-border-color: var(--ro-color-info-light-5);--ro-button-hover-text-color: var(--ro-color-white);--ro-button-hover-bg-color: var(--ro-color-info);--ro-button-hover-border-color: var(--ro-color-info);--ro-button-active-text-color: var(--ro-color-white)}.ro-button--danger{--ro-button-text-color: var(--ro-color-white);--ro-button-bg-color: var(--ro-color-danger);--ro-button-border-color: var(--ro-color-danger);--ro-button-outline-color: var(--ro-color-danger-light-5);--ro-button-active-color: var(--ro-color-danger-dark-2);--ro-button-hover-text-color: var(--ro-color-white);--ro-button-hover-bg-color: var(--ro-color-danger-light-3);--ro-button-hover-border-color: var(--ro-color-danger-light-3);--ro-button-active-bg-color: var(--ro-color-danger-dark-2);--ro-button-active-border-color: var(--ro-color-danger-dark-2);--ro-button-disabled-text-color: var(--ro-color-white);--ro-button-disabled-bg-color: var(--ro-color-danger-light-5);--ro-button-disabled-border-color: var(--ro-color-danger-light-5)}.ro-button--danger.is-plain{--ro-button-text-color: var(--ro-color-danger);--ro-button-bg-color: var(--ro-color-danger-light-9);--ro-button-border-color: var(--ro-color-danger-light-5);--ro-button-hover-text-color: var(--ro-color-white);--ro-button-hover-bg-color: var(--ro-color-danger);--ro-button-hover-border-color: var(--ro-color-danger);--ro-button-active-text-color: var(--ro-color-white)}.ro-button--large{--ro-button-size: 40px;height:var(--ro-button-size);padding:12px 19px;font-size:var(--ro-font-size-base);border-radius:var(--ro-border-radius-base)}.ro-button--small{--ro-button-size: 24px;height:var(--ro-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--ro-border-radius-base) - 1px)}.ro-collapse{--ro-collapse-border-color: var(--ro-border-color-lighter);--ro-collapse-header-height: 48px;--ro-collapse-header-bg-color: var(--ro-fill-color-blank);--ro-collapse-header-text-color: var(--ro-text-color-primary);--ro-collapse-header-font-size: 13px;--ro-collapse-content-bg-color: var(--ro-fill-color-blank);--ro-collapse-content-font-size: 13px;--ro-collapse-content-text-color: var(--ro-text-color-regular);--ro-collapse-disabled-text-color: var(--ro-text-color-placeholder);--ro-collapse-transition-duration: .3s}.ro-collapse{border:1px solid var(--ro-collapse-border-color);border-radius:var(--ro-border-radius-base)}.ro-collapse-item{border-bottom:1px solid var(--ro-collapse-border-color)}.ro-collapse-item:last-child{border-bottom:none}.ro-collapse-item__header{display:flex;align-items:center;height:var(--ro-collapse-header-height);line-height:var(--ro-collapse-header-height);background-color:var(--ro-collapse-header-bg-color);color:var(--ro-collapse-header-text-color);cursor:pointer;border-bottom:1px solid var(--ro-collapse-border-color);font-size:var(--ro-collapse-header-font-size);font-weight:500;transition:border-bottom-color var(--ro-collapse-transition-duration);padding:0 15px;outline:none;position:relative}.ro-collapse-item:last-child .ro-collapse-item__header{border-bottom:none}.ro-collapse-item__header:hover{background-color:var(--ro-fill-color-light)}.header-angle{margin-left:auto;transition:transform var(--ro-collapse-transition-duration) ease-in-out;display:flex;align-items:center;justify-content:center;transform-origin:center center}.header-angle--rotate{transform:rotate(90deg)!important}.ro-collapse-item.is-active .ro-collapse-item__header{border-bottom-color:transparent}.ro-collapse-item__wrap{will-change:height;overflow:hidden;box-sizing:border-box}.ro-collapse-item__content{padding:15px;font-size:var(--ro-collapse-content-font-size);color:var(--ro-collapse-content-text-color);line-height:1.7692307692;background-color:var(--ro-collapse-content-bg-color)}.ro-collapse-item.is-disabled .ro-collapse-item__header{color:var(--ro-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.ro-collapse-item.is-disabled .ro-collapse-item__header:hover{background-color:var(--ro-collapse-header-bg-color)}.ro-collapse--accordion .ro-collapse-item__header{border-bottom:1px solid var(--ro-collapse-border-color)}.ro-collapse-item__wrap-enter-active,.ro-collapse-item__wrap-leave-active{transition:height var(--ro-collapse-transition-duration) ease-in-out}.ro-collapse--borderless{border:none}.ro-collapse--borderless .ro-collapse-item{border-bottom:1px solid var(--ro-collapse-border-color)}.ro-collapse--borderless .ro-collapse-item:last-child{border-bottom:none}.ro-collapse--borderless .ro-collapse-item__header{border-bottom:none}.ro-collapse--card{border:none;border-radius:var(--ro-border-radius-base)}.ro-collapse--card .ro-collapse-item{border-bottom:none;margin-bottom:8px;border-radius:var(--ro-border-radius-base);overflow:hidden;box-shadow:0 1px 3px #0000001a}.ro-collapse--card .ro-collapse-item__header{border-radius:var(--ro-border-radius-base) var(--ro-border-radius-base) 0 0;border-bottom:1px solid var(--ro-collapse-border-color)}.ro-collapse--card .ro-collapse-item.is-active .ro-collapse-item__header{border-bottom:1px solid var(--ro-collapse-border-color)}.ro-collapse--card .ro-collapse-item__content{border-radius:0 0 var(--ro-border-radius-base) var(--ro-border-radius-base)}@media (max-width: 768px){.ro-collapse-item__header{padding:0 12px;height:44px;line-height:44px;font-size:14px}.ro-collapse-item__content{padding:12px}}.ro-collapse-item__header:focus{outline:2px solid var(--ro-color-primary-light-5);outline-offset:-2px}.ro-collapse-item__header .ro-collapse-item__title{flex:1;display:flex;align-items:center}.ro-collapse-item__header .ro-collapse-item__extra{margin-left:auto;font-size:12px;color:var(--ro-text-color-secondary)}.ro-collapse-item.is-loading .ro-collapse-item__header{cursor:wait}.ro-collapse-item.is-loading .ro-collapse-item__arrow:before{content:"⏳";animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slide-enter-active,.slide-leave-active{transition:height .2s ease-in-out}.ro-icon{--ro-icon-color: inherit;--ro-icon-size: 16px;--ro-icon-font-size: inherit;--ro-icon-disabled-color: var(--ro-text-color-disabled)}.ro-icon{display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--ro-icon-color);font-size:var(--ro-icon-font-size);line-height:1;vertical-align:middle}.ro-icon:before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}.ro-icon--small{--ro-icon-size: 14px;--ro-icon-font-size: 14px}.ro-icon--medium{--ro-icon-size: 16px;--ro-icon-font-size: 16px}.ro-icon--large{--ro-icon-size: 20px;--ro-icon-font-size: 20px}.ro-icon--extra-large{--ro-icon-size: 24px;--ro-icon-font-size: 24px}.ro-icon--primary{--ro-icon-color: var(--ro-color-primary)}.ro-icon--success{--ro-icon-color: var(--ro-color-success)}.ro-icon--warning{--ro-icon-color: var(--ro-color-warning)}.ro-icon--danger{--ro-icon-color: var(--ro-color-danger)}.ro-icon--info{--ro-icon-color: var(--ro-color-info)}.ro-icon.is-disabled{color:var(--ro-icon-disabled-color);cursor:not-allowed}.ro-icon.is-disabled:hover{color:var(--ro-icon-disabled-color)}.ro-icon.is-rotating{animation:rotating 2s linear infinite}.ro-icon.is-pulsing{animation:pulsing 2s ease-in-out infinite}@keyframes pulsing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.ro-icon-button{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--ro-border-radius-base);cursor:pointer;transition:all var(--ro-transition-duration-fast);color:var(--ro-text-color-regular)}.ro-icon-button:hover{background-color:var(--ro-fill-color-light);color:var(--ro-color-primary)}.ro-icon-button:active{background-color:var(--ro-fill-color)}.ro-icon-button.is-disabled{color:var(--ro-text-color-disabled);cursor:not-allowed;background:transparent}.ro-icon-button.is-disabled:hover{background:transparent;color:var(--ro-text-color-disabled)}.ro-icon-button--small{width:24px;height:24px}.ro-icon-button--large{width:40px;height:40px}.ro-icon-group{display:inline-flex;align-items:center}.ro-icon-group .ro-icon:not(:first-child){margin-left:4px}.ro-icon-group--vertical{flex-direction:column}.ro-icon-group--vertical .ro-icon:not(:first-child){margin-left:0;margin-top:4px}.ro-icon-loading{animation:rotating 1s linear infinite}.ro-icon--arrow-up:before{content:"↑"}.ro-icon--arrow-down:before{content:"↓"}.ro-icon--arrow-left:before{content:"←"}.ro-icon--arrow-right:before{content:"→"}.ro-icon--close:before{content:"×"}.ro-icon--check:before{content:"✓"}.ro-icon--plus:before{content:"+"}.ro-icon--minus:before{content:"−"}.ro-icon--search:before{content:"🔍"}.ro-icon--setting:before{content:"⚙"}.ro-icon--user:before{content:"👤"}.ro-icon--home:before{content:"🏠"}.ro-icon--star:before{content:"★"}.ro-icon--heart:before{content:"❤"}.ro-icon--info-circle:before{content:"ℹ"}.ro-icon--warning:before{content:"⚠"}.ro-icon--error:before{content:"❌"}.ro-icon--success:before{content:"✅"}@media (max-width: 768px){.ro-icon{--ro-icon-size: 14px;--ro-icon-font-size: 14px}.ro-icon--large{--ro-icon-size: 18px;--ro-icon-font-size: 18px}.ro-icon--extra-large{--ro-icon-size: 20px;--ro-icon-font-size: 20px}}.ro-icon:focus{outline:2px solid var(--ro-color-primary-light-5);outline-offset:2px;border-radius:2px}.ro-icon.is-clickable{cursor:pointer;transition:color var(--ro-transition-duration-fast)}.ro-icon.is-clickable:hover{color:var(--ro-color-primary)}.ro-icon.is-clickable:active{color:var(--ro-color-primary-dark-2)}.ro-icon-text{display:inline-flex;align-items:center;gap:4px}.ro-icon-text--reverse{flex-direction:row-reverse}.ro-icon-text--vertical{flex-direction:column;gap:2px}.ro-icon-text--vertical-reverse{flex-direction:column-reverse;gap:2px}.ro-tooltip{position:relative;display:inline-block}.ro-tooltip__trigger{display:inline-block}.ro-tooltip__content{position:absolute;z-index:2000;padding:8px 12px;border-radius:4px;font-size:12px;line-height:1.4;min-width:10px;word-wrap:break-word;box-shadow:0 2px 12px #0000001a;max-width:200px;text-align:center;background-color:#fff;color:#606266;border:1px solid #ebeef5}.ro-tooltip__content:before,.ro-tooltip__content:after{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:6px}.ro-tooltip__content:before{border-color:transparent;z-index:-1}.ro-tooltip__content:after{border-color:transparent}.ro-tooltip__content[data-popper-placement^=top]{margin-bottom:12px}.ro-tooltip__content[data-popper-placement^=top]:before,.ro-tooltip__content[data-popper-placement^=top]:after{bottom:-6px;left:50%;transform:translate(-50%)}.ro-tooltip__content[data-popper-placement^=top]:before{border-top-color:#ebeef5;border-bottom-width:0}.ro-tooltip__content[data-popper-placement^=top]:after{border-top-color:#fff;border-bottom-width:0;bottom:-5px}.ro-tooltip__content[data-popper-placement^=bottom]{margin-top:12px}.ro-tooltip__content[data-popper-placement^=bottom]:before,.ro-tooltip__content[data-popper-placement^=bottom]:after{top:-6px;left:50%;transform:translate(-50%)}.ro-tooltip__content[data-popper-placement^=bottom]:before{border-bottom-color:#ebeef5;border-top-width:0}.ro-tooltip__content[data-popper-placement^=bottom]:after{border-bottom-color:#fff;border-top-width:0;top:-5px}.ro-tooltip__content[data-popper-placement^=left]{margin-right:12px}.ro-tooltip__content[data-popper-placement^=left]:before,.ro-tooltip__content[data-popper-placement^=left]:after{right:-6px;top:50%;transform:translateY(-50%)}.ro-tooltip__content[data-popper-placement^=left]:before{border-left-color:#ebeef5;border-right-width:0}.ro-tooltip__content[data-popper-placement^=left]:after{border-left-color:#fff;border-right-width:0;right:-5px}.ro-tooltip__content[data-popper-placement^=right]{margin-left:12px}.ro-tooltip__content[data-popper-placement^=right]:before,.ro-tooltip__content[data-popper-placement^=right]:after{left:-6px;top:50%;transform:translateY(-50%)}.ro-tooltip__content[data-popper-placement^=right]:before{border-right-color:#ebeef5;border-left-width:0}.ro-tooltip__content[data-popper-placement^=right]:after{border-right-color:#fff;border-left-width:0;left:-5px}.ro-tooltip.ro-tooltip--dark .ro-tooltip__content{background-color:#303133;color:#fff;border:none}.ro-tooltip.ro-tooltip--dark .ro-tooltip__content[data-popper-placement^=top]:after{border-top-color:#303133}.ro-tooltip.ro-tooltip--dark .ro-tooltip__content[data-popper-placement^=bottom]:after{border-bottom-color:#303133}.ro-tooltip.ro-tooltip--dark .ro-tooltip__content[data-popper-placement^=left]:after{border-left-color:#303133}.ro-tooltip.ro-tooltip--dark .ro-tooltip__content[data-popper-placement^=right]:after{border-right-color:#303133}.ro-tooltip.ro-tooltip--success .ro-tooltip__content{background-color:#f0f9eb;color:#67c23a;border-color:#e1f3d8}.ro-tooltip.ro-tooltip--success .ro-tooltip__content[data-popper-placement^=top]:after{border-top-color:#f0f9eb}.ro-tooltip.ro-tooltip--success .ro-tooltip__content[data-popper-placement^=bottom]:after{border-bottom-color:#f0f9eb}.ro-tooltip.ro-tooltip--success .ro-tooltip__content[data-popper-placement^=left]:after{border-left-color:#f0f9eb}.ro-tooltip.ro-tooltip--success .ro-tooltip__content[data-popper-placement^=right]:after{border-right-color:#f0f9eb}.ro-tooltip.ro-tooltip--warning .ro-tooltip__content{background-color:#fdf6ec;color:#e6a23c;border-color:#faecd8}.ro-tooltip.ro-tooltip--warning .ro-tooltip__content[data-popper-placement^=top]:after{border-top-color:#fdf6ec}.ro-tooltip.ro-tooltip--warning .ro-tooltip__content[data-popper-placement^=bottom]:after{border-bottom-color:#fdf6ec}.ro-tooltip.ro-tooltip--warning .ro-tooltip__content[data-popper-placement^=left]:after{border-left-color:#fdf6ec}.ro-tooltip.ro-tooltip--warning .ro-tooltip__content[data-popper-placement^=right]:after{border-right-color:#fdf6ec}.ro-tooltip.ro-tooltip--danger .ro-tooltip__content{background-color:#fef0f0;color:#f56c6c;border-color:#fde2e2}.ro-tooltip.ro-tooltip--danger .ro-tooltip__content[data-popper-placement^=top]:after{border-top-color:#fef0f0}.ro-tooltip.ro-tooltip--danger .ro-tooltip__content[data-popper-placement^=bottom]:after{border-bottom-color:#fef0f0}.ro-tooltip.ro-tooltip--danger .ro-tooltip__content[data-popper-placement^=left]:after{border-left-color:#fef0f0}.ro-tooltip.ro-tooltip--danger .ro-tooltip__content[data-popper-placement^=right]:after{border-right-color:#fef0f0}.ro-tooltip.ro-tooltip--info .ro-tooltip__content{background-color:#f4f4f5;color:#909399;border-color:#e9e9eb}.ro-tooltip.ro-tooltip--info .ro-tooltip__content[data-popper-placement^=top]:after{border-top-color:#f4f4f5}.ro-tooltip.ro-tooltip--info .ro-tooltip__content[data-popper-placement^=bottom]:after{border-bottom-color:#f4f4f5}.ro-tooltip.ro-tooltip--info .ro-tooltip__content[data-popper-placement^=left]:after{border-left-color:#f4f4f5}.ro-tooltip.ro-tooltip--info .ro-tooltip__content[data-popper-placement^=right]:after{border-right-color:#f4f4f5}.fade-enter-active,.fade-leave-active{transition:opacity .3s,transform .3s}.fade-enter-from,.fade-leave-to{opacity:0;transform:scale(.9)}.scale-enter-active,.scale-leave-active{transition:opacity .3s,transform .3s}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(0)}.tooltip-slide-enter-active,.tooltip-slide-leave-active{transition:opacity .3s,transform .3s}.tooltip-slide-enter-from{opacity:0;transform:translateY(-10px)}.tooltip-slide-leave-to{opacity:0;transform:translateY(10px)}.ro-tooltip__content{animation-duration:.3s;animation-fill-mode:both}.ro-dropdown{display:inline-block;position:relative;color:var(--ro-text-color-regular, #606266);font-size:14px}.ro-dropdown .ro-tooltip__content{background:transparent!important;padding:0!important;border:none!important;box-shadow:none!important}.ro-dropdown .ro-tooltip__content:before,.ro-dropdown .ro-tooltip__content:after{display:none!important}.ro-dropdown .ro-dropdown__menu{margin:0;padding:5px 0;background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;box-shadow:0 2px 12px #0000001a;list-style:none;min-width:100px;z-index:10}.ro-dropdown .ro-dropdown__menu .divided-placeholder{display:block;height:1px;margin:6px 0;background-color:#ebeef5;padding:0;line-height:0}.ro-dropdown .ro-dropdown__menu .ro-dropdown__item{display:flex;align-items:center;line-height:36px;padding:0 16px;margin:0;font-size:14px;color:#606266;cursor:pointer;outline:none;white-space:nowrap;transition:background-color .2s,color .2s}.ro-dropdown .ro-dropdown__menu .ro-dropdown__item:hover{background-color:#ecf5ff;color:#409eff}.ro-dropdown .ro-dropdown__menu .ro-dropdown__item.is-disabled{cursor:not-allowed;color:#a8abb2;background-color:transparent}.ro-dropdown .ro-dropdown__menu .ro-dropdown__item.is-disabled:hover{color:#a8abb2;background-color:transparent}.ro-dropdown .ro-dropdown__menu .ro-dropdown__item.is-divided{margin-top:6px;border-top:1px solid #ebeef5}.ro-message{position:fixed;left:50%;transform:translate(-50%);min-width:380px;max-width:500px;box-sizing:border-box;border-radius:4px;border-width:1px;border-style:solid;background-color:#edf2fc;border-color:#ebeef5;transition:opacity .3s,transform .4s,top .4s;overflow:hidden;padding:15px 15px 15px 20px;display:flex;align-items:center;box-shadow:0 2px 12px #0000001a;z-index:2000}.ro-message .ro-message__content{flex:1;padding:0;font-size:14px;line-height:1.5;color:#606266;word-break:break-word}.ro-message .ro-message__close{margin-left:15px;cursor:pointer;color:#c0c4cc;font-size:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.ro-message .ro-message__close:hover{color:#909399;background-color:#f2f6fc}.ro-message .ro-message__close:active{background-color:#e4e7ed}.ro-message.ro-message--success{background-color:#f0f9eb;border-color:#e1f3d8}.ro-message.ro-message--success .ro-message__content{color:#67c23a}.ro-message.ro-message--success .ro-message__close:hover{background-color:#e1f3d8}.ro-message.ro-message--info{background-color:#edf2fc;border-color:#ebeef5}.ro-message.ro-message--info .ro-message__content{color:#606266}.ro-message.ro-message--info .ro-message__close:hover{background-color:#f2f6fc}.ro-message.ro-message--warning{background-color:#fdf6ec;border-color:#faecd8}.ro-message.ro-message--warning .ro-message__content{color:#e6a23c}.ro-message.ro-message--warning .ro-message__close:hover{background-color:#faecd8}.ro-message.ro-message--danger{background-color:#fef0f0;border-color:#fde2e2}.ro-message.ro-message--danger .ro-message__content{color:#f56c6c}.ro-message.ro-message--danger .ro-message__close:hover{background-color:#fde2e2}.ro-message.is-close{padding-right:40px}.fade-up-enter-active,.fade-up-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.fade-up-enter-from,.fade-up-leave-to{opacity:0;transform:translate(-50%,-20px)}.fade-up-enter-to,.fade-up-leave-from{opacity:1;transform:translate(-50%)}.ro-message__icon{margin-right:10px;font-size:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.ro-message__icon.ro-message__icon--success{color:#67c23a}.ro-message__icon.ro-message__icon--info{color:#909399}.ro-message__icon.ro-message__icon--warning{color:#e6a23c}.ro-message__icon.ro-message__icon--danger{color:#f56c6c}.ro-message-group{position:fixed;left:50%;transform:translate(-50%);z-index:2000}@media (max-width: 768px){.ro-message{min-width:300px;max-width:calc(100vw - 32px);left:16px;right:16px;transform:none;margin:0 auto}.ro-message.fade-up-enter-from,.ro-message.fade-up-leave-to{transform:translateY(-20px)}.ro-message.fade-up-enter-to,.ro-message.fade-up-leave-from{transform:translateY(0)}}.ro-message--center{text-align:center}.ro-message--center .ro-message__content{justify-content:center}.ro-message--with-icon{padding-left:20px}.ro-message--with-icon .ro-message__content{display:flex;align-items:center}.ro-message--closable{cursor:pointer}.ro-message--closable:hover{box-shadow:0 2px 16px #00000026}.ro-message__progress{position:absolute;bottom:0;left:0;height:2px;background-color:currentColor;opacity:.3;transition:width linear}.ro-input{position:relative;font-size:14px;display:inline-flex;width:100%;line-height:normal;box-sizing:border-box;vertical-align:middle}.ro-input__wrapper{display:flex;align-items:center;width:100%;flex:1;position:relative}.ro-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:none;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.ro-input__inner::placeholder{color:#c0c4cc}.ro-input__inner:hover{border-color:#c0c4cc}.ro-input__inner:focus{outline:none;border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.ro-input--small .ro-input__inner{height:32px;line-height:32px;padding:0 12px;font-size:12px}.ro-input--large .ro-input__inner{height:48px;line-height:48px;padding:0 20px;font-size:16px}.ro-input.is-disabled .ro-input__inner{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.ro-input.is-disabled .ro-input__inner:hover{border-color:#e4e7ed}.ro-input.is-focus .ro-input__inner{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.ro-input__prepend,.ro-input__append{background-color:#f5f7fa;color:#909399;vertical-align:middle;display:flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #dcdfe6;border-radius:4px;padding:0 20px;font-size:14px;min-height:40px;box-sizing:border-box}.ro-input__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.ro-input__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.ro-input__prefix,.ro-input__suffix{display:flex;align-items:center;justify-content:center;color:#c0c4cc;position:absolute;top:0;height:100%;z-index:1;transition:all .3s}.ro-input__prefix{left:5px;width:25px}.ro-input__suffix{right:5px;width:25px}.ro-input.is-prefix .ro-input__inner{padding-left:30px}.ro-input.is-suffix .ro-input__inner{padding-right:30px}.ro-input.is-prepend,.ro-input.is-append{display:inline-flex}.ro-input.is-prepend .ro-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.ro-input.is-append .ro-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.ro-input__clear{cursor:pointer;color:#c0c4cc;transition:color .2s cubic-bezier(.645,.045,.355,1)}.ro-input__clear:hover{color:#909399}.ro-input__password{cursor:pointer;color:#c0c4cc;transition:color .2s cubic-bezier(.645,.045,.355,1)}.ro-input__password:hover{color:#409eff}.ro-input .ro-textarea__wrapper{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);min-height:60px}.ro-input .ro-textarea__wrapper::placeholder{color:#c0c4cc}.ro-input .ro-textarea__wrapper:hover{border-color:#c0c4cc}.ro-input .ro-textarea__wrapper:focus{outline:none;border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.ro-input.is-error .ro-input__inner,.ro-input.is-error .ro-textarea__wrapper{border-color:#f56c6c}.ro-input.is-error .ro-input__inner:focus,.ro-input.is-error .ro-textarea__wrapper:focus{border-color:#f56c6c;box-shadow:0 0 0 2px #f56c6c33}.ro-input.is-success .ro-input__inner,.ro-input.is-success .ro-textarea__wrapper{border-color:#67c23a}.ro-input.is-success .ro-input__inner:focus,.ro-input.is-success .ro-textarea__wrapper:focus{border-color:#67c23a;box-shadow:0 0 0 2px #67c23a33}.ro-input.is-warning .ro-input__inner,.ro-input.is-warning .ro-textarea__wrapper{border-color:#e6a23c}.ro-input.is-warning .ro-input__inner:focus,.ro-input.is-warning .ro-textarea__wrapper:focus{border-color:#e6a23c;box-shadow:0 0 0 2px #e6a23c33}.ro-input-group{display:inline-flex;width:100%;align-items:center}.ro-input-group>.ro-input__inner{border-radius:0}.ro-input-group>.ro-input__inner:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.ro-input-group>.ro-input__inner:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.ro-input .ro-icon{font-size:14px}.ro-input-enter-active,.ro-input-leave-active{transition:all .3s}.ro-input-enter-from,.ro-input-leave-to{opacity:0;transform:translateY(-10px)}@media (max-width: 768px){.ro-input{width:100%}.ro-input__inner{font-size:16px}}@media (prefers-color-scheme: dark){.ro-input__inner{background-color:#2d2d2d;border-color:#4a4a4a;color:#e0e0e0}.ro-input__inner::placeholder{color:#888}.ro-input__inner:hover{border-color:#666}.ro-input__inner:focus{border-color:#409eff;box-shadow:0 0 0 2px #409eff4d}.ro-input.is-disabled .ro-input__inner{background-color:#3a3a3a;border-color:#4a4a4a;color:#666}.ro-input__prepend,.ro-input__append{background-color:#3a3a3a;border-color:#4a4a4a;color:#aaa}}.ro-select{position:relative;display:inline-block;width:100%;font-size:14px;line-height:1.42857;color:#606266}.ro-select .ro-tooltip__content{background:transparent!important;padding:0!important;border:none!important;box-shadow:none!important}.ro-select .ro-tooltip__content:before,.ro-select .ro-tooltip__content:after{display:none!important}.ro-select.is-disabled .ro-select__input{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.ro-select.is-disabled .ro-select__input:hover{border-color:#e4e7ed}.ro-select.is-disabled .header-angle{color:#c0c4cc}.ro-select.is-active .ro-select__input{border-color:#409eff;outline:0;box-shadow:0 0 0 2px #409eff33}.ro-select.is-active .header-angle{transform:rotate(180deg)}.ro-select.is-error .ro-select__input{border-color:#f56c6c}.ro-select.is-error .ro-select__input:focus,.ro-select.is-error .ro-select__input:hover{border-color:#f56c6c}.ro-select.is-warning .ro-select__input{border-color:#e6a23c}.ro-select.is-warning .ro-select__input:focus,.ro-select.is-warning .ro-select__input:hover{border-color:#e6a23c}.ro-select.is-success .ro-select__input{border-color:#67c23a}.ro-select.is-success .ro-select__input:focus,.ro-select.is-success .ro-select__input:hover{border-color:#67c23a}.ro-select__input-wrapper{position:relative}.ro-select__input{width:100%;height:40px;padding:0 30px 0 15px;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1)}.ro-select__input:hover{border-color:#c0c4cc}.ro-select__input:focus{border-color:#409eff;outline:0;box-shadow:0 0 0 2px #409eff33}.ro-select__input[readonly]{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:pointer}.header-angle{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#c0c4cc;font-size:12px;transition:transform .3s,color .3s;pointer-events:none}.header-angle.is-active{transform:translateY(-50%) rotate(180deg);color:#409eff}.ro-select__menu{width:100%;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px #0000001a;box-sizing:border-box;max-height:274px;overflow-y:auto;padding:6px 0;list-style:none;margin:0}.ro-select__menu::-webkit-scrollbar{width:6px}.ro-select__menu::-webkit-scrollbar-thumb{background-color:#c0c4cc;border-radius:3px}.ro-select__menu::-webkit-scrollbar-thumb:hover{background-color:#909399}.ro-select__menu-item{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer;transition:background-color .3s}.ro-select__menu-item:hover{background-color:#f5f7fa}.ro-select__menu-item.is-selected{color:#409eff;font-weight:700;background-color:#f0f9ff}.ro-select__menu-item.is-selected:hover{background-color:#ecf5ff}.ro-select__menu-item.is-disabled{color:#c0c4cc;cursor:not-allowed}.ro-select__menu-item.is-disabled:hover{background-color:transparent}.ro-select__menu-item.is-group-title{color:#909399;font-size:12px;padding-left:20px;height:30px;line-height:30px;cursor:default}.ro-select__menu-item.is-group-title:hover{background-color:transparent}.ro-select__menu-item.is-create{color:#409eff;font-weight:500}.ro-select__empty{padding:10px 0;margin:0;text-align:center;color:#c0c4cc;font-size:14px}.ro-select__loading{display:inline-block;vertical-align:middle;width:14px;height:14px;margin-right:5px;animation:rotating 2s linear infinite}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ro-select--small .ro-select__input{height:32px;padding:0 25px 0 12px;font-size:12px}.ro-select--small .header-angle{right:6px;font-size:10px}.ro-select--small .ro-select__menu-item{height:30px;line-height:30px;font-size:12px}.ro-select--large .ro-select__input{height:48px;padding:0 35px 0 18px;font-size:16px}.ro-select--large .header-angle{right:10px;font-size:14px}.ro-select--large .ro-select__menu-item{height:38px;line-height:38px;font-size:16px}.ro-select--multiple .ro-select__input{height:auto;min-height:40px;padding:0 30px 0 8px}.ro-select--multiple .ro-select__tags{display:flex;flex-wrap:wrap;align-items:center;padding:0;margin:0;list-style:none}.ro-select--multiple .ro-select__tag{display:inline-flex;align-items:center;height:24px;line-height:22px;font-size:12px;color:#409eff;background-color:#ecf5ff;border:1px solid #d9ecff;border-radius:4px;margin:3px 0 3px 6px;padding:0 8px}.ro-select--multiple .ro-select__tag .ro-select__tag-close{margin-left:5px;color:#409eff;cursor:pointer;font-size:12px}.ro-select--multiple .ro-select__tag .ro-select__tag-close:hover{color:#66b1ff}@media (max-width: 768px){.ro-select{font-size:16px}.ro-select .ro-select__input{height:44px}}@media (prefers-color-scheme: dark){.ro-select{color:#e5e7eb}.ro-select .ro-select__input{background-color:#1f2937;border-color:#374151;color:#e5e7eb}.ro-select .ro-select__input:hover{border-color:#4b5563}.ro-select .ro-select__input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.ro-select .ro-select__menu{background-color:#1f2937;border-color:#374151}.ro-select .ro-select__menu-item{color:#e5e7eb}.ro-select .ro-select__menu-item:hover{background-color:#374151}.ro-select .ro-select__menu-item.is-selected{color:#3b82f6;background-color:#1e3a5f}}.ro-select-enter-active,.ro-select-leave-active{transition:opacity .3s,transform .3s}.ro-select-enter-from,.ro-select-leave-to{opacity:0;transform:translateY(-10px)}.ro-switch{display:inline-flex;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none}.ro-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.ro-switch__core{margin:0;display:inline-block;position:relative;width:50px;height:20px;border:1px solid #dcdfe6;outline:none;border-radius:10px;background-color:#dcdfe6;box-sizing:border-box;transition:border-color .3s,background-color .3s;cursor:pointer;overflow:hidden}.ro-switch__core-inner{position:absolute;top:0;height:100%;width:calc(100% - 20px);left:18px;color:#fff;font-size:12px;line-height:18px;transition:all .3s;white-space:nowrap;display:flex;align-items:center;justify-content:center;z-index:1}.ro-switch__core-inner-text{transform:scale(.9);display:inline-block}.ro-switch__core-action{position:absolute;top:1px;left:1px;border-radius:100%;transition:all .3s;width:16px;height:16px;background-color:#fff;z-index:2}.ro-switch.is-checked .ro-switch__core{border-color:#409eff;background-color:#409eff}.ro-switch.is-checked .ro-switch__core .ro-switch__core-inner{left:1px}.ro-switch.is-checked .ro-switch__core .ro-switch__core-action{left:100%;margin-left:-17px}.ro-switch.is-disabled{cursor:not-allowed;opacity:.6}.ro-switch.is-disabled .ro-switch__core{cursor:not-allowed}.ro-switch--small{height:16px;font-size:12px}.ro-switch--small .ro-switch__core{width:40px;height:16px;border-radius:8px}.ro-switch--small .ro-switch__core-inner{line-height:14px;width:calc(100% - 16px);left:14px}.ro-switch--small .ro-switch__core-inner-text{font-size:12px;transform:scale(.8)}.ro-switch--small .ro-switch__core-action{width:12px;height:12px;top:1px;left:1px}.ro-switch--small.is-checked .ro-switch__core .ro-switch__core-inner{left:1px}.ro-switch--small.is-checked .ro-switch__core .ro-switch__core-action{margin-left:-13px}.ro-switch--large{height:24px;font-size:16px}.ro-switch--large .ro-switch__core{width:60px;height:24px;border-radius:12px}.ro-switch--large .ro-switch__core-inner{line-height:22px;font-size:14px;width:calc(100% - 24px);left:22px}.ro-switch--large .ro-switch__core-action{width:20px;height:20px;top:1px;left:1px}.ro-switch--large.is-checked .ro-switch__core .ro-switch__core-inner{left:1px}.ro-switch--large.is-checked .ro-switch__core .ro-switch__core-action{margin-left:-21px}

package/package.json

@@ -0,0 +1,108 @@
+{
+  "name": "roui-element",
+  "version": "1.0.0",
+  "description": "Roui 是一个基于 Vue 3 的组件库",
+  "author": "xiamimi",
+  "license": "MIT",
+  "keywords": [
+    "Component",
+    "UI",
+    "Vue3"
+  ],
+  "homepage": "https://github.com/origin-mumu/roui",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/origin-mumu/roui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/origin-mumu/roui/issues"
+  },
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/umd/r-element.umd.cjs",
+  "module": "./dist/es/r-element.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/es/r-element.js",
+      "require": "./dist/umd/r-element.umd.cjs"
+    },
+    "./dist/": {
+      "import": "./dist/",
+      "require": "./dist/"
+    }
+  },
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "npm run build-only && npm run move-style",
+    "preview": "vite preview",
+    "build-only": "run-p build-es build-umd",
+    "build-umd": "vite build --config vite.umd.config.ts",
+    "build-es": "vite build --config vite.es.config.ts",
+    "move-style": "move-file dist/es/style.css dist/style.css",
+    "type-check": "vue-tsc --build",
+    "lint": "eslint . --fix --cache",
+    "format": "prettier --write --experimental-cli src/",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@vitepress-demo-preview/component": "^2.6.1",
+    "@vitepress-demo-preview/plugin": "^1.4.1",
+    "axios": "^1.13.2",
+    "lodash-es": "^4.17.22",
+    "shiki": "^3.20.0",
+    "vue": "^3.3.4"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.4"
+  },
+  "devDependencies": {
+    "@fortawesome/fontawesome-svg-core": "^7.1.0",
+    "@fortawesome/free-solid-svg-icons": "^7.1.0",
+    "@fortawesome/vue-fontawesome": "^3.1.2",
+    "@popperjs/core": "^2.11.8",
+    "@rollup/plugin-json": "^6.1.0",
+    "@tsconfig/node24": "^24.0.3",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^24.10.1",
+    "@vitejs/plugin-vue": "^6.0.2",
+    "@vitejs/plugin-vue-jsx": "^5.1.3",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/eslint-config-typescript": "^14.6.0",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.8.1",
+    "async-validator": "^4.2.5",
+    "eslint": "^9.39.1",
+    "eslint-plugin-vue": "~10.5.1",
+    "jiti": "^2.6.1",
+    "jsdom": "^27.3.0",
+    "npm-run-all2": "^8.0.4",
+    "postcss-comment": "^2.0.0",
+    "postcss-for": "^2.1.1",
+    "postcss-nested": "^7.0.2",
+    "prettier": "3.6.2",
+    "rollup": "^4.54.0",
+    "sass": "^1.97.1",
+    "typescript": "~5.9.0",
+    "unplugin-vue-macros": "^1.8.1",
+    "vite": "^5.4.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-eslint": "^1.8.1",
+    "vitepress": "^2.0.0-alpha.15",
+    "vitest": "^4.0.16",
+    "vue-tsc": "^3.1.5"
+  },
+    "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ]
+}