roui-element 1.0.0

package/dist/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/dist/types/components/Button/Button.vue.d.ts

@@ -0,0 +1,26 @@
+import { ButtonProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        _ref: HTMLButtonElement;
+    };
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {
+    ref: import('vue').Ref<HTMLButtonElement, HTMLButtonElement>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
+    nativeType: import('./types').NativeType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    _ref: HTMLButtonElement;
+}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/Button/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Button } from './Button.vue';
+export default Button;
+export * from './types.js';

package/dist/types/components/Button/types.d.ts

@@ -0,0 +1,18 @@
+export type ButtonType = 'primary' | 'success' | 'info' | 'warning' | 'danger' | 'link';
+export type ButtonSize = 'small' | 'medium' | 'large';
+export type NativeType = 'button' | 'submit' | 'reset';
+export interface ButtonProps {
+    type?: ButtonType;
+    size?: ButtonSize;
+    plain?: boolean;
+    disabled?: boolean;
+    round?: boolean;
+    circle?: boolean;
+    nativeType?: NativeType;
+    autofocus?: boolean;
+    icon?: string;
+    loading?: boolean;
+}
+export interface ButtonInstance {
+    ref: HTMLButtonElement;
+}

package/dist/types/components/Collapse/Collapse.vue.d.ts

@@ -0,0 +1,24 @@
+import { NameType, CopllapseProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CopllapseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: NameType[]) => any;
+    change: (value: NameType[]) => any;
+}, string, import('vue').PublicProps, Readonly<CopllapseProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: NameType[]) => any;
+    onChange?: (value: NameType[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/Collapse/CollapseItem.vue.d.ts

@@ -0,0 +1,19 @@
+import { CollapseItemProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CollapseItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CollapseItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/Collapse/index.d.ts

@@ -0,0 +1,5 @@
+import { default as Collapse } from './Collapse.vue';
+import { default as CollapseItem } from './CollapseItem.vue';
+export default Collapse;
+export { CollapseItem };
+export * from './types.js';

package/dist/types/components/Collapse/types.d.ts

@@ -0,0 +1,20 @@
+import { Ref, InjectionKey } from 'vue';
+export type NameType = string | number;
+export interface CopllapseProps {
+    modelValue?: NameType[];
+    accordion?: boolean;
+}
+export interface CollapseItemProps {
+    name: NameType;
+    title?: string;
+    disabled?: boolean;
+}
+export interface CollapseContext {
+    activeNames: Ref<NameType[]>;
+    handleItemClick: (item: NameType) => void;
+}
+export interface CollapseEmits {
+    (e: 'update:modelValue', value: NameType[]): void;
+    (e: 'change', value: NameType[]): void;
+}
+export declare const collapseContextKey: InjectionKey<CollapseContext>;

package/dist/types/components/Common/RenderVnode.d.ts

@@ -0,0 +1,12 @@
+declare const RenderVnode: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    vNode: {
+        type: (ObjectConstructor | StringConstructor)[];
+        required: true;
+    };
+}>, () => string | Record<string, any>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    vNode: {
+        type: (ObjectConstructor | StringConstructor)[];
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default RenderVnode;

package/dist/types/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,86 @@
+import { PropType } from 'vue';
+import { Placement, Options } from '@popperjs/core';
+import { MenuOption } from './types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    trigger: {
+        type: PropType<"hover" | "click">;
+        default: string;
+    };
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    openDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    closeDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    popperOptions: {
+        type: PropType<Options>;
+    };
+    menuOptions: {
+        type: PropType<MenuOption[]>;
+        required: true;
+    };
+    hideAfterClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    manual: {
+        type: BooleanConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("select" | "visible-change")[], "select" | "visible-change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    trigger: {
+        type: PropType<"hover" | "click">;
+        default: string;
+    };
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    openDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    closeDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    popperOptions: {
+        type: PropType<Options>;
+    };
+    menuOptions: {
+        type: PropType<MenuOption[]>;
+        required: true;
+    };
+    hideAfterClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    manual: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{
+    onSelect?: (...args: any[]) => any;
+    "onVisible-change"?: (...args: any[]) => any;
+}>, {
+    transition: string;
+    hideAfterClick: boolean;
+    trigger: "hover" | "click";
+    placement: Placement;
+    manual: boolean;
+    openDelay: number;
+    closeDelay: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/Dropdown/Dropdown.vue.d.ts

@@ -0,0 +1,191 @@
+import { DropdownProps, MenuOption } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        tooltipRef: {
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                transition: string;
+                trigger: "hover" | "click";
+                placement: import('@popperjs/core').Placement;
+            }> & Omit<{
+                readonly content?: string;
+                readonly trigger?: "hover" | "click";
+                readonly placement?: import('@popperjs/core').Placement;
+                readonly manual?: boolean;
+                readonly popperOptions?: Partial<import('@popperjs/core').Options>;
+                readonly transition?: string;
+                readonly "onVisible-change"?: (value: boolean) => any;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "transition" | "trigger" | "placement">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                popperContainerNode: HTMLDivElement;
+                triggerNode: HTMLDivElement;
+                popperNode: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any>;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "visible-change", value: boolean) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('../Tooltip').TooltipProps> & Readonly<{
+                "onVisible-change"?: (value: boolean) => any;
+            }>, {
+                show: () => void;
+                hide: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                "visible-change": (value: boolean) => any;
+            }, string, {
+                transition: string;
+                trigger: "hover" | "click";
+                placement: import('@popperjs/core').Placement;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            transition: string;
+            trigger: "hover" | "click";
+            placement: import('@popperjs/core').Placement;
+        }> & Omit<Readonly<import('../Tooltip').TooltipProps> & Readonly<{
+            "onVisible-change"?: (value: boolean) => any;
+        }>, ("transition" | "trigger" | "placement") | "show" | "hide"> & import('vue').ShallowUnwrapRef<{
+            show: () => void;
+            hide: () => void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+                content?(_: {}): any;
+            };
+        };
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DropdownProps, {
+    show: () => void;
+    hide: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (value: MenuOption) => any;
+    "visible-change": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<DropdownProps> & Readonly<{
+    onSelect?: (value: MenuOption) => any;
+    "onVisible-change"?: (value: boolean) => any;
+}>, {
+    hideAfterClick: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    tooltipRef: {
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            transition: string;
+            trigger: "hover" | "click";
+            placement: import('@popperjs/core').Placement;
+        }> & Omit<{
+            readonly content?: string;
+            readonly trigger?: "hover" | "click";
+            readonly placement?: import('@popperjs/core').Placement;
+            readonly manual?: boolean;
+            readonly popperOptions?: Partial<import('@popperjs/core').Options>;
+            readonly transition?: string;
+            readonly "onVisible-change"?: (value: boolean) => any;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "transition" | "trigger" | "placement">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            popperContainerNode: HTMLDivElement;
+            triggerNode: HTMLDivElement;
+            popperNode: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any>;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "visible-change", value: boolean) => void;
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../Tooltip').TooltipProps> & Readonly<{
+            "onVisible-change"?: (value: boolean) => any;
+        }>, {
+            show: () => void;
+            hide: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "visible-change": (value: boolean) => any;
+        }, string, {
+            transition: string;
+            trigger: "hover" | "click";
+            placement: import('@popperjs/core').Placement;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        transition: string;
+        trigger: "hover" | "click";
+        placement: import('@popperjs/core').Placement;
+    }> & Omit<Readonly<import('../Tooltip').TooltipProps> & Readonly<{
+        "onVisible-change"?: (value: boolean) => any;
+    }>, ("transition" | "trigger" | "placement") | "show" | "hide"> & import('vue').ShallowUnwrapRef<{
+        show: () => void;
+        hide: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+            content?(_: {}): any;
+        };
+    };
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Dropdown } from './Dropdown.vue';
+export default Dropdown;
+export * from './types';

package/dist/types/components/Dropdown/types.d.ts

@@ -0,0 +1,20 @@
+import { VNode } from 'vue';
+import { TooltipProps } from '../Tooltip/types';
+export interface DropdownProps extends TooltipProps {
+    menuOptions: MenuOption[];
+    hideAfterClick?: boolean;
+}
+export interface MenuOption {
+    label: string | VNode;
+    key: string | number;
+    disabled?: boolean;
+    divided?: boolean;
+}
+export interface DropdownEmits {
+    (e: 'visible-change', value: boolean): void;
+    (e: 'select', value: MenuOption): void;
+}
+export interface DropdownInstance {
+    show: () => void;
+    hide: () => void;
+}

package/dist/types/components/Form/Form.vue.d.ts

@@ -0,0 +1,22 @@
+import { FormProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLFormElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<FormProps, {
+    validate: () => Promise<any>;
+    resetFields: (props?: string[]) => void;
+    clearValidate: (props?: string[]) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FormProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFormElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/Form/FormItem.vue.d.ts

@@ -0,0 +1,28 @@
+import { FormItemProps, ValidateStatusProp } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        label?(_: {
+            label: string;
+        }): any;
+        default?(_: {
+            validate: (trigger?: string) => Promise<true | void>;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<FormItemProps, {
+    validateStatus: ValidateStatusProp;
+    validate: (trigger?: string) => Promise<any>;
+    resetField(): void;
+    clearValidate(): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FormItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/Form/index copy.d.ts

@@ -0,0 +1,5 @@
+import { default as Form } from './Form.vue';
+import { default as FormItem } from './FormItem.vue';
+export default Form;
+export { FormItem };
+export * from './types';

package/dist/types/components/Form/index.d.ts

@@ -0,0 +1,5 @@
+import { default as Form } from './Form.vue';
+import { default as FormItem } from './FormItem.vue';
+export default Form;
+export { FormItem };
+export * from './types';