@haoyulong1112/jh-ui 0.1.0

package/dist/index.css

@@ -0,0 +1 @@
+:root{--jh-color-white: #ffffff;--jh-color-black: #000000;--jh-color-primary: #7958d5;--jh-color-success: #67c23a;--jh-color-warning: #e6a23c;--jh-color-danger: #f56c6c;--jh-color-info: #909399;--jh-text-color-primary: #303133;--jh-text-color-regular: #606266;--jh-border-color: #dcdfe6;--jh-border-color-light: #e4e7ed;--jh-fill-color-light: #f5f7fa;--jh-disabled-bg-color: #f5f7fa;--jh-disabled-text-color: #a8abb2;--jh-border-radius-base: 4px;--jh-border-radius-round: 20px;--jh-transition-duration: .2s;--jh-font-size-base: 14px;--jh-font-size-small: 12px;--jh-font-size-large: 16px}html.dark{--jh-color-white: #1d1e1f;--jh-color-black: #ffffff;--jh-text-color-primary: #e5eaf3;--jh-text-color-regular: #cfd3dc;--jh-border-color: #4c4d4f;--jh-border-color-light: #363637;--jh-fill-color-light: #262727;--jh-disabled-bg-color: #262727;--jh-disabled-text-color: #6c6e72}.jh-alert{display:flex;align-items:flex-start;gap:10px;box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:var(--jh-border-radius-base);font-size:var(--jh-font-size-base);line-height:1.5}.jh-alert__icon{flex:0 0 auto;width:8px;height:8px;margin-top:7px;border-radius:50%;background-color:currentColor}.jh-alert__content{flex:1 1 auto;min-width:0}.jh-alert__title{color:inherit;font-weight:600}.jh-alert__description{color:inherit}.jh-alert__title+.jh-alert__description{margin-top:2px}.jh-alert__close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;opacity:.72}.jh-alert__close:hover,.jh-alert__close:focus{opacity:1;outline:none}.jh-alert--success{color:var(--jh-color-success)}.jh-alert--warning{color:var(--jh-color-warning)}.jh-alert--info{color:var(--jh-color-info)}.jh-alert--danger{color:var(--jh-color-danger)}.jh-alert--light{background-color:var(--jh-fill-color-light);border-color:var(--jh-border-color-light)}.jh-alert--dark{background-color:currentColor;border-color:currentColor}.jh-alert--dark .jh-alert__content,.jh-alert--dark .jh-alert__close{color:var(--jh-color-white)}.jh-alert--dark .jh-alert__icon{background-color:var(--jh-color-white)}.jh-backtop{position:fixed;z-index:1200;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--jh-border-color-light);border-radius:50%;background-color:var(--jh-color-white);color:var(--jh-color-primary);cursor:pointer;box-shadow:0 12px 32px #0000001a,0 2px 6px #00000014;transform:rotate(90deg);transition:color var(--jh-transition-duration),border-color var(--jh-transition-duration),opacity var(--jh-transition-duration)}.jh-backtop:hover,.jh-backtop:focus{border-color:var(--jh-color-primary);outline:none}.jh-backtop-fade-enter-active,.jh-backtop-fade-leave-active{transition:opacity var(--jh-transition-duration)}.jh-backtop-fade-enter-from,.jh-backtop-fade-leave-to{opacity:0}.jh-badge{position:relative;display:inline-flex;vertical-align:middle}.jh-badge__content{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:18px;height:18px;padding:0 6px;border:1px solid var(--jh-color-white);border-radius:999px;background-color:var(--jh-color-danger);color:var(--jh-color-white);font-size:12px;line-height:1;white-space:nowrap;transform:translate(50%,-50%)}.jh-badge__content.is-dot{width:8px;min-width:8px;height:8px;padding:0}.jh-badge__content--primary{background-color:var(--jh-color-primary)}.jh-badge__content--success{background-color:var(--jh-color-success)}.jh-badge__content--warning{background-color:var(--jh-color-warning)}.jh-badge__content--danger{background-color:var(--jh-color-danger)}.jh-badge__content--info{background-color:var(--jh-color-info)}.jh-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;color:inherit;font-size:1em;line-height:1;vertical-align:-.125em}.jh-icon__svg{width:1em;height:1em}.jh-icon.is-spin{animation:jh-icon-spin 1s linear infinite}@keyframes jh-icon-spin{to{transform:rotate(360deg)}}.jh-button{--jh-button-text-color: var(--jh-text-color-primary);--jh-button-bg-color: var(--jh-color-white);--jh-button-border-color: var(--jh-border-color);--jh-button-hover-text-color: var(--jh-color-primary);--jh-button-hover-border-color: var(--jh-color-primary);--jh-button-hover-bg-color: var(--jh-color-white);display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:8px 15px;border:1px solid var(--jh-button-border-color);border-radius:var(--jh-border-radius-base);background-color:var(--jh-button-bg-color);color:var(--jh-button-text-color);font-size:var(--jh-font-size-base);line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--jh-transition-duration),border-color var(--jh-transition-duration),background-color var(--jh-transition-duration),opacity var(--jh-transition-duration)}.jh-button:hover,.jh-button:focus{border-color:var(--jh-button-hover-border-color);background-color:var(--jh-button-hover-bg-color);color:var(--jh-button-hover-text-color);outline:none}.jh-button.is-disabled,.jh-button.is-loading{cursor:not-allowed}.jh-button.is-disabled{border-color:var(--jh-border-color-light);background-color:var(--jh-disabled-bg-color);color:var(--jh-disabled-text-color)}.jh-button.is-round{border-radius:var(--jh-border-radius-round)}.jh-button.is-circle{width:32px;height:32px;min-height:32px;padding:0;border-radius:50%}.jh-button--small{min-height:24px;padding:5px 11px;font-size:var(--jh-font-size-small)}.jh-button--small.is-circle{width:24px;height:24px;min-height:24px;padding:0}.jh-button--large{min-height:40px;padding:12px 19px;font-size:var(--jh-font-size-large)}.jh-button--large.is-circle{width:40px;height:40px;min-height:40px;padding:0}.jh-button--primary{--jh-button-text-color: var(--jh-color-white);--jh-button-bg-color: var(--jh-color-primary);--jh-button-border-color: var(--jh-color-primary);--jh-button-hover-text-color: var(--jh-color-white);--jh-button-hover-bg-color: var(--jh-color-primary);--jh-button-hover-border-color: var(--jh-color-primary)}.jh-button--primary:hover,.jh-button--primary:focus{opacity:.86}.jh-button--primary.is-plain{--jh-button-text-color: var(--jh-color-primary);--jh-button-bg-color: var(--jh-color-white);--jh-button-border-color: var(--jh-color-primary);--jh-button-hover-text-color: var(--jh-color-white)}.jh-button--success{--jh-button-text-color: var(--jh-color-white);--jh-button-bg-color: var(--jh-color-success);--jh-button-border-color: var(--jh-color-success);--jh-button-hover-text-color: var(--jh-color-white);--jh-button-hover-bg-color: var(--jh-color-success);--jh-button-hover-border-color: var(--jh-color-success)}.jh-button--success:hover,.jh-button--success:focus{opacity:.86}.jh-button--success.is-plain{--jh-button-text-color: var(--jh-color-success);--jh-button-bg-color: var(--jh-color-white);--jh-button-border-color: var(--jh-color-success);--jh-button-hover-text-color: var(--jh-color-white)}.jh-button--warning{--jh-button-text-color: var(--jh-color-white);--jh-button-bg-color: var(--jh-color-warning);--jh-button-border-color: var(--jh-color-warning);--jh-button-hover-text-color: var(--jh-color-white);--jh-button-hover-bg-color: var(--jh-color-warning);--jh-button-hover-border-color: var(--jh-color-warning)}.jh-button--warning:hover,.jh-button--warning:focus{opacity:.86}.jh-button--warning.is-plain{--jh-button-text-color: var(--jh-color-warning);--jh-button-bg-color: var(--jh-color-white);--jh-button-border-color: var(--jh-color-warning);--jh-button-hover-text-color: var(--jh-color-white)}.jh-button--danger{--jh-button-text-color: var(--jh-color-white);--jh-button-bg-color: var(--jh-color-danger);--jh-button-border-color: var(--jh-color-danger);--jh-button-hover-text-color: var(--jh-color-white);--jh-button-hover-bg-color: var(--jh-color-danger);--jh-button-hover-border-color: var(--jh-color-danger)}.jh-button--danger:hover,.jh-button--danger:focus{opacity:.86}.jh-button--danger.is-plain{--jh-button-text-color: var(--jh-color-danger);--jh-button-bg-color: var(--jh-color-white);--jh-button-border-color: var(--jh-color-danger);--jh-button-hover-text-color: var(--jh-color-white)}.jh-button--info{--jh-button-text-color: var(--jh-color-white);--jh-button-bg-color: var(--jh-color-info);--jh-button-border-color: var(--jh-color-info);--jh-button-hover-text-color: var(--jh-color-white);--jh-button-hover-bg-color: var(--jh-color-info);--jh-button-hover-border-color: var(--jh-color-info)}.jh-button--info:hover,.jh-button--info:focus{opacity:.86}.jh-button--info.is-plain{--jh-button-text-color: var(--jh-color-info);--jh-button-bg-color: var(--jh-color-white);--jh-button-border-color: var(--jh-color-info);--jh-button-hover-text-color: var(--jh-color-white)}.jh-button__loading{flex:0 0 auto}.jh-button__icon{flex:0 0 auto;font-size:1em}.jh-cascader{position:relative;display:inline-flex;width:240px;color:var(--jh-text-color-primary);font-size:var(--jh-font-size-base)}.jh-cascader__trigger{display:inline-flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:32px;padding:7px 10px 7px 11px;border:1px solid var(--jh-border-color);border-radius:var(--jh-border-radius-base);background-color:var(--jh-color-white);color:var(--jh-text-color-primary);font:inherit;line-height:1.2;cursor:pointer;transition:border-color var(--jh-transition-duration),color var(--jh-transition-duration)}.jh-cascader__trigger:hover,.jh-cascader__trigger:focus{border-color:var(--jh-color-primary);outline:none}.jh-cascader__trigger:disabled{background-color:var(--jh-disabled-bg-color);color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-cascader__label{min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.jh-cascader__label.is-placeholder{color:var(--jh-color-info)}.jh-cascader__arrow{flex:0 0 auto;color:var(--jh-color-info);transform:rotate(90deg)}.jh-cascader__clear{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:20px;height:20px;padding:0;border:0;background:transparent;color:var(--jh-color-info);cursor:pointer}.jh-cascader__clear:hover{color:var(--jh-color-primary)}.jh-cascader__panel{position:absolute;top:calc(100% + 8px);left:0;z-index:2020;display:inline-flex;max-width:calc(100vw - 32px);border:1px solid var(--jh-border-color-light);border-radius:var(--jh-border-radius-base);background-color:var(--jh-color-white);box-shadow:0 12px 32px #0000001a,0 2px 6px #00000014}.jh-cascader__menu{min-width:160px;max-height:220px;margin:0;padding:6px 0;overflow:auto;list-style:none}.jh-cascader__menu+.jh-cascader__menu{border-left:1px solid var(--jh-border-color-light)}.jh-cascader__option{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:34px;padding:0 12px;border:0;background:transparent;color:var(--jh-text-color-regular);font:inherit;line-height:1;text-align:left;white-space:nowrap;cursor:pointer}.jh-cascader__option:hover,.jh-cascader__option:focus,.jh-cascader__option.is-active{background-color:var(--jh-fill-color-light);color:var(--jh-color-primary);outline:none}.jh-cascader__option:disabled,.jh-cascader__option.is-disabled{color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-cascader__option-arrow{margin-left:12px;color:var(--jh-color-info)}.jh-cascader-fade-enter-active,.jh-cascader-fade-leave-active{transition:opacity var(--jh-transition-duration),transform var(--jh-transition-duration)}.jh-cascader-fade-enter-from,.jh-cascader-fade-leave-to{opacity:0;transform:translateY(-4px)}.jh-carousel{position:relative;width:100%;max-width:640px}.jh-carousel__container{position:relative;overflow:hidden;border-radius:var(--jh-border-radius-base);background-color:var(--jh-fill-color-light)}.jh-carousel__item{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:100%;height:100%}.jh-carousel__arrow{position:absolute;top:50%;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background-color:#00000047;color:var(--jh-color-white);cursor:pointer;opacity:1;transform:translateY(-50%);transition:opacity var(--jh-transition-duration),background-color var(--jh-transition-duration)}.jh-carousel__arrow:hover,.jh-carousel__arrow:focus{background-color:var(--jh-color-primary);outline:none}.jh-carousel__arrow--left{left:12px}.jh-carousel__arrow--right{right:12px}.jh-carousel--arrow-hover .jh-carousel__arrow{opacity:0}.jh-carousel--arrow-hover:hover .jh-carousel__arrow{opacity:1}.jh-carousel__indicators{display:flex;justify-content:center;gap:8px;padding-top:10px}.jh-carousel__indicator{width:18px;height:3px;padding:0;border:0;border-radius:999px;background-color:var(--jh-border-color);cursor:pointer;transition:width var(--jh-transition-duration),background-color var(--jh-transition-duration)}.jh-carousel__indicator.is-active,.jh-carousel__indicator:hover,.jh-carousel__indicator:focus{width:24px;background-color:var(--jh-color-primary);outline:none}.jh-checkbox,.jh-checkbox-group{display:inline-flex;align-items:center;gap:12px}.jh-checkbox{gap:8px;color:var(--jh-text-color-regular);font-size:var(--jh-font-size-base);line-height:1;cursor:pointer}.jh-checkbox__input{position:relative;display:inline-flex;width:16px;height:16px}.jh-checkbox__original{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:inherit}.jh-checkbox__inner{box-sizing:border-box;width:16px;height:16px;border:1px solid var(--jh-border-color);border-radius:3px;background-color:var(--jh-color-white);transition:border-color var(--jh-transition-duration),background-color var(--jh-transition-duration)}.jh-checkbox.is-checked .jh-checkbox__inner{border-color:var(--jh-color-primary);background-color:var(--jh-color-primary)}.jh-checkbox.is-checked .jh-checkbox__inner:after{display:block;width:4px;height:8px;margin:1px 0 0 5px;border:2px solid var(--jh-color-white);border-top:0;border-left:0;content:"";transform:rotate(45deg)}.jh-checkbox.is-disabled{color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-collapse{width:100%;max-width:640px;border-top:1px solid var(--jh-border-color-light)}.jh-collapse-item{border-bottom:1px solid var(--jh-border-color-light)}.jh-collapse-item__header{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:44px;padding:0;border:0;background-color:transparent;color:var(--jh-text-color-primary);font:inherit;font-weight:600;text-align:left;cursor:pointer;transition:color var(--jh-transition-duration)}.jh-collapse-item__header:hover,.jh-collapse-item__header:focus{color:var(--jh-color-primary);outline:none}.jh-collapse-item__header:disabled{color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-collapse-item__arrow{flex:0 0 auto;color:var(--jh-color-info);transition:transform var(--jh-transition-duration)}.jh-collapse-item.is-active .jh-collapse-item__arrow{transform:rotate(90deg)}.jh-collapse-item__wrap{overflow:hidden}.jh-collapse-item__content{padding:0 0 16px;color:var(--jh-text-color-regular);font-size:var(--jh-font-size-base);line-height:1.6}.jh-date-picker{position:relative;display:inline-flex;width:220px;font-size:var(--jh-font-size-base)}.jh-date-picker__inner{box-sizing:border-box;width:100%;height:32px;padding:1px 34px 1px 11px;border:1px solid var(--jh-border-color);border-radius:var(--jh-border-radius-base);background-color:var(--jh-color-white);color:var(--jh-text-color-primary);font:inherit;outline:none}.jh-date-picker__inner:hover,.jh-date-picker__inner:focus{border-color:var(--jh-color-primary)}.jh-date-picker__inner:disabled{background-color:var(--jh-disabled-bg-color);color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-date-picker__clear{position:absolute;top:6px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;background:transparent;color:var(--jh-color-info);cursor:pointer}.jh-input{--jh-input-text-color: var(--jh-text-color-primary);--jh-input-bg-color: var(--jh-color-white);--jh-input-border-color: var(--jh-border-color);--jh-input-hover-border-color: var(--jh-color-primary);--jh-input-focus-border-color: var(--jh-color-primary);--jh-input-placeholder-color: var(--jh-color-info);--jh-input-height: 32px;--jh-input-padding-x: 11px;position:relative;display:inline-flex;box-sizing:border-box;width:240px;vertical-align:middle}.jh-input.is-disabled{cursor:not-allowed}.jh-input__inner{box-sizing:border-box;width:100%;height:var(--jh-input-height);padding:1px var(--jh-input-padding-x);border:1px solid var(--jh-input-border-color);border-radius:var(--jh-border-radius-base);background-color:var(--jh-input-bg-color);color:var(--jh-input-text-color);font-size:var(--jh-font-size-base);line-height:var(--jh-input-height);outline:none;transition:border-color var(--jh-transition-duration),background-color var(--jh-transition-duration),color var(--jh-transition-duration)}.jh-input__inner::placeholder{color:var(--jh-input-placeholder-color)}.jh-input__inner:hover{border-color:var(--jh-input-hover-border-color)}.jh-input__inner:focus{border-color:var(--jh-input-focus-border-color)}.jh-input__inner:disabled{background-color:var(--jh-disabled-bg-color);color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-input.is-focus .jh-input__inner{border-color:var(--jh-input-focus-border-color)}.jh-input--prefix .jh-input__inner{padding-left:32px}.jh-input--suffix .jh-input__inner{padding-right:48px}.jh-input__prefix,.jh-input__suffix{position:absolute;top:0;z-index:1;display:inline-flex;align-items:center;height:var(--jh-input-height);color:var(--jh-color-info);font-size:var(--jh-font-size-base);line-height:1}.jh-input__prefix{left:10px}.jh-input__suffix{right:8px}.jh-input__icon{font-size:16px}.jh-input__action{display:inline-flex;align-items:center;justify-content:center;height:24px;min-width:24px;padding:0 4px;border:0;background:transparent;color:var(--jh-color-info);font:inherit;font-size:12px;line-height:1;cursor:pointer}.jh-input__action .jh-icon{font-size:16px}.jh-input__action:hover{color:var(--jh-color-primary)}.jh-input__action:disabled{color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-input.is-disabled .jh-input__prefix,.jh-input.is-disabled .jh-input__suffix,.jh-input.is-disabled .jh-input__action{color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box;padding:15vh 16px 40px;background-color:#00000073}.jh-dialog{--jh-dialog-bg-color: var(--jh-color-white);--jh-dialog-text-color: var(--jh-text-color-primary);--jh-dialog-padding: 20px;box-sizing:border-box;max-width:calc(100vw - 32px);border-radius:var(--jh-border-radius-base);background-color:var(--jh-dialog-bg-color);color:var(--jh-dialog-text-color);box-shadow:0 12px 32px #0000001a,0 2px 6px #00000014}.jh-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:var(--jh-dialog-padding) var(--jh-dialog-padding) 10px}.jh-dialog__title{margin:0;color:var(--jh-text-color-primary);font-size:18px;font-weight:600;line-height:1.4}.jh-dialog__close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--jh-border-radius-base);background:transparent;color:var(--jh-color-info);font:inherit;font-size:16px;line-height:1;cursor:pointer}.jh-dialog__close:hover,.jh-dialog__close:focus{color:var(--jh-color-primary);outline:none}.jh-dialog__body{padding:10px var(--jh-dialog-padding) var(--jh-dialog-padding);color:var(--jh-text-color-regular);font-size:var(--jh-font-size-base);line-height:1.6}.jh-dialog__footer{display:flex;justify-content:flex-end;gap:12px;padding:10px var(--jh-dialog-padding) var(--jh-dialog-padding)}.jh-dialog-fade-enter-active,.jh-dialog-fade-leave-active{transition:opacity var(--jh-transition-duration)}.jh-dialog-fade-enter-active .jh-dialog,.jh-dialog-fade-leave-active .jh-dialog{transition:transform var(--jh-transition-duration)}.jh-dialog-fade-enter-from,.jh-dialog-fade-leave-to{opacity:0}.jh-dialog-fade-enter-from .jh-dialog,.jh-dialog-fade-leave-to .jh-dialog{transform:translateY(-12px)}.jh-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background-color:#00000073}.jh-drawer{position:absolute;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--jh-color-white);color:var(--jh-text-color-primary);box-shadow:0 12px 32px #0000001a,0 2px 6px #00000014;will-change:transform}.jh-drawer--rtl{top:0;right:0;bottom:0}.jh-drawer--ltr{top:0;bottom:0;left:0}.jh-drawer--ttb{top:0;right:0;left:0}.jh-drawer--btt{right:0;bottom:0;left:0}.jh-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--jh-border-color-light)}.jh-drawer__title{font-size:18px;font-weight:600;line-height:1.4}.jh-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--jh-border-radius-base);background:transparent;color:var(--jh-color-info);cursor:pointer}.jh-drawer__close:hover,.jh-drawer__close:focus{color:var(--jh-color-primary);outline:none}.jh-drawer__body{flex:1 1 auto;min-height:0;padding:20px;overflow:auto;color:var(--jh-text-color-regular);font-size:var(--jh-font-size-base);line-height:1.6}.jh-drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--jh-border-color-light)}.jh-drawer-fade-enter-active,.jh-drawer-fade-leave-active{transition:opacity var(--jh-transition-duration)}.jh-drawer-fade-enter-active .jh-drawer,.jh-drawer-fade-leave-active .jh-drawer{transition:transform var(--jh-transition-duration) ease}.jh-drawer-fade-enter-from,.jh-drawer-fade-leave-to{opacity:0}.jh-drawer-fade-enter-from.jh-drawer-overlay--rtl .jh-drawer,.jh-drawer-fade-leave-to.jh-drawer-overlay--rtl .jh-drawer{transform:translate(100%)}.jh-drawer-fade-enter-from.jh-drawer-overlay--ltr .jh-drawer,.jh-drawer-fade-leave-to.jh-drawer-overlay--ltr .jh-drawer{transform:translate(-100%)}.jh-drawer-fade-enter-from.jh-drawer-overlay--ttb .jh-drawer,.jh-drawer-fade-leave-to.jh-drawer-overlay--ttb .jh-drawer{transform:translateY(-100%)}.jh-drawer-fade-enter-from.jh-drawer-overlay--btt .jh-drawer,.jh-drawer-fade-leave-to.jh-drawer-overlay--btt .jh-drawer{transform:translateY(100%)}.jh-dropdown{position:relative;display:inline-flex;color:var(--jh-text-color-primary);font-size:var(--jh-font-size-base)}.jh-dropdown__trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-height:32px;padding:8px 15px;border:1px solid var(--jh-border-color);border-radius:var(--jh-border-radius-base);background-color:var(--jh-color-white);color:var(--jh-text-color-primary);font:inherit;line-height:1;cursor:pointer;transition:color var(--jh-transition-duration),border-color var(--jh-transition-duration)}.jh-dropdown__trigger:hover,.jh-dropdown__trigger:focus{border-color:var(--jh-color-primary);color:var(--jh-color-primary);outline:none}.jh-dropdown__trigger:disabled{background-color:var(--jh-disabled-bg-color);color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-dropdown__arrow{transform:rotate(90deg)}.jh-dropdown.is-disabled .jh-dropdown__trigger{cursor:not-allowed}.jh-dropdown__menu{position:absolute;top:calc(100% + 8px);z-index:2010;display:flex;flex-direction:column;min-width:120px;padding:6px 0;border:1px solid var(--jh-border-color-light);border-radius:var(--jh-border-radius-base);background-color:var(--jh-color-white);box-shadow:0 12px 32px #0000001a,0 2px 6px #00000014}.jh-dropdown--bottom-start .jh-dropdown__menu{left:0}.jh-dropdown--bottom-end .jh-dropdown__menu{right:0}.jh-dropdown__item{box-sizing:border-box;width:100%;min-height:34px;padding:0 16px;border:0;background:transparent;color:var(--jh-text-color-regular);font:inherit;line-height:1;text-align:left;white-space:nowrap;cursor:pointer}.jh-dropdown__item:hover,.jh-dropdown__item:focus{background-color:var(--jh-fill-color-light);color:var(--jh-color-primary);outline:none}.jh-dropdown__item.is-disabled,.jh-dropdown__item:disabled{color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-dropdown__item.is-divided{margin-top:6px;border-top:1px solid var(--jh-border-color-light)}.jh-dropdown-fade-enter-active,.jh-dropdown-fade-leave-active{transition:opacity var(--jh-transition-duration),transform var(--jh-transition-duration)}.jh-dropdown-fade-enter-from,.jh-dropdown-fade-leave-to{opacity:0;transform:translateY(-4px)}.jh-form{--jh-form-label-width: 100px;display:block}.jh-form-item{display:flex;align-items:flex-start;margin-bottom:18px}.jh-form-item__label{box-sizing:border-box;width:var(--jh-form-label-width);padding-right:12px;color:var(--jh-text-color-regular);font-size:var(--jh-font-size-base);line-height:32px;text-align:right}.jh-form-item.is-required .jh-form-item__label:before{margin-right:4px;color:var(--jh-color-danger);content:"*"}.jh-form-item__content{flex:1 1 auto;min-width:0}.jh-form-item__error{margin-top:6px;color:var(--jh-color-danger);font-size:var(--jh-font-size-small);line-height:1.3}.jh-infinite-scroll{box-sizing:border-box;overflow:auto;border:1px solid var(--jh-border-color-light);border-radius:var(--jh-border-radius-base);background-color:var(--jh-color-white);color:var(--jh-text-color-regular)}.jh-infinite-scroll__loading{padding:12px;color:var(--jh-color-info);font-size:var(--jh-font-size-base);text-align:center}.jh-infinite-scroll.is-disabled{background-color:var(--jh-disabled-bg-color)}.jh-table{--jh-table-border-color: var(--jh-border-color-light);--jh-table-header-bg-color: var(--jh-fill-color-light);--jh-table-row-hover-bg-color: var(--jh-fill-color-light);--jh-table-stripe-bg-color: #fafafa;--jh-table-text-color: var(--jh-text-color-regular);--jh-table-header-text-color: var(--jh-text-color-primary);width:100%;color:var(--jh-table-text-color);font-size:var(--jh-font-size-base)}.jh-table__wrapper{position:relative;overflow:auto;box-sizing:border-box;width:100%;border-radius:var(--jh-border-radius-base)}.jh-table__table{width:100%;min-width:100%;border-collapse:collapse;table-layout:fixed;background-color:var(--jh-color-white)}.jh-table__header{color:var(--jh-table-header-text-color)}.jh-table__cell{box-sizing:border-box;padding:12px;border-bottom:1px solid var(--jh-table-border-color);text-align:left;vertical-align:middle;word-break:break-word}th.jh-table__cell{background-color:var(--jh-table-header-bg-color);font-weight:600}.jh-table__cell.is-center{text-align:center}.jh-table__cell.is-right{text-align:right}.jh-table__selection-col{width:48px}.jh-table__selection-cell{width:48px;padding-right:8px;padding-left:8px;text-align:center}.jh-table__selection{box-sizing:border-box;width:16px;height:16px;margin:0;accent-color:var(--jh-color-primary);cursor:pointer}.jh-table__selection:disabled{cursor:not-allowed}.jh-table__row{transition:background-color var(--jh-transition-duration)}.jh-table__row:hover{background-color:var(--jh-table-row-hover-bg-color)}.jh-table.is-stripe .jh-table__body .jh-table__row:nth-child(2n){background-color:var(--jh-table-stripe-bg-color)}.jh-table.is-border .jh-table__wrapper{border:1px solid var(--jh-table-border-color)}.jh-table.is-border .jh-table__cell{border-right:1px solid var(--jh-table-border-color)}.jh-table.is-border .jh-table__cell:last-child{border-right:0}.jh-table__empty{box-sizing:border-box;padding:32px 16px;border-bottom:1px solid var(--jh-table-border-color);background-color:var(--jh-color-white);color:var(--jh-color-info);text-align:center}.jh-table__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;min-height:96px;background-color:#ffffffb8;color:var(--jh-color-primary)}.jh-table__spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:jh-table-loading .8s linear infinite}html.dark .jh-table{--jh-table-stripe-bg-color: #242526}html.dark .jh-table__loading{background-color:#1d1e1fb8}@keyframes jh-table-loading{to{transform:rotate(360deg)}}.jh-pagination{display:inline-flex;align-items:center;gap:8px;color:var(--jh-text-color-regular);font-size:var(--jh-font-size-base)}.jh-pagination__button,.jh-pagination__pager{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:32px;min-width:32px;padding:0 10px;border:1px solid var(--jh-border-color);border-radius:var(--jh-border-radius-base);background-color:var(--jh-color-white);color:var(--jh-text-color-primary);font:inherit;line-height:1;cursor:pointer;transition:color var(--jh-transition-duration),border-color var(--jh-transition-duration),background-color var(--jh-transition-duration)}.jh-pagination__button:hover:not(:disabled),.jh-pagination__button:focus:not(:disabled),.jh-pagination__pager:hover:not(:disabled),.jh-pagination__pager:focus:not(:disabled){border-color:var(--jh-color-primary);color:var(--jh-color-primary);outline:none}.jh-pagination__button:disabled,.jh-pagination__pager:disabled{background-color:var(--jh-disabled-bg-color);color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-pagination__pager.is-active{border-color:var(--jh-color-primary);background-color:var(--jh-color-primary);color:var(--jh-color-white)}.jh-pagination__total{margin-left:4px;white-space:nowrap}.jh-pagination.is-disabled{cursor:not-allowed}.jh-radio,.jh-radio-group{display:inline-flex;align-items:center;gap:12px}.jh-radio{gap:8px;color:var(--jh-text-color-regular);font-size:var(--jh-font-size-base);line-height:1;cursor:pointer}.jh-radio__input{position:relative;display:inline-flex;width:16px;height:16px}.jh-radio__original{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:inherit}.jh-radio__inner{box-sizing:border-box;width:16px;height:16px;border:1px solid var(--jh-border-color);border-radius:50%;background-color:var(--jh-color-white)}.jh-radio.is-checked .jh-radio__inner{border-color:var(--jh-color-primary)}.jh-radio.is-checked .jh-radio__inner:after{display:block;width:8px;height:8px;margin:3px;border-radius:50%;background-color:var(--jh-color-primary);content:""}.jh-radio.is-disabled{color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-select{position:relative;display:inline-flex;width:240px;font-size:var(--jh-font-size-base)}.jh-select__trigger{display:inline-flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:32px;padding:7px 10px 7px 11px;border:1px solid var(--jh-border-color);border-radius:var(--jh-border-radius-base);background-color:var(--jh-color-white);color:var(--jh-text-color-primary);font:inherit;cursor:pointer}.jh-select__trigger:hover,.jh-select__trigger:focus{border-color:var(--jh-color-primary);outline:none}.jh-select__trigger:disabled{background-color:var(--jh-disabled-bg-color);color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-select__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jh-select__label.is-placeholder{color:var(--jh-color-info)}.jh-select__arrow{color:var(--jh-color-info);transform:rotate(90deg)}.jh-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;background:transparent;color:var(--jh-color-info);cursor:pointer}.jh-select__menu{position:absolute;top:calc(100% + 8px);left:0;z-index:2020;display:flex;flex-direction:column;width:100%;padding:6px 0;border:1px solid var(--jh-border-color-light);border-radius:var(--jh-border-radius-base);background-color:var(--jh-color-white);box-shadow:0 12px 32px #0000001a,0 2px 6px #00000014}.jh-select__option{min-height:34px;padding:0 12px;border:0;background:transparent;color:var(--jh-text-color-regular);font:inherit;text-align:left;cursor:pointer}.jh-select__option:hover,.jh-select__option:focus,.jh-select__option.is-active{background-color:var(--jh-fill-color-light);color:var(--jh-color-primary);outline:none}.jh-select__option:disabled,.jh-select__option.is-disabled{color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-select-fade-enter-active,.jh-select-fade-leave-active{transition:opacity var(--jh-transition-duration),transform var(--jh-transition-duration)}.jh-select-fade-enter-from,.jh-select-fade-leave-to{opacity:0;transform:translateY(-4px)}.jh-tabs{width:100%;color:var(--jh-text-color-regular);font-size:var(--jh-font-size-base)}.jh-tabs__nav{display:flex;gap:20px;border-bottom:1px solid var(--jh-border-color-light)}.jh-tabs__tab{position:relative;min-height:40px;padding:0;border:0;background:transparent;color:var(--jh-text-color-regular);font:inherit;cursor:pointer;transition:color var(--jh-transition-duration)}.jh-tabs__tab:hover,.jh-tabs__tab:focus,.jh-tabs__tab.is-active{color:var(--jh-color-primary);outline:none}.jh-tabs__tab.is-active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:999px;background-color:var(--jh-color-primary);content:""}.jh-tabs__tab:disabled,.jh-tabs__tab.is-disabled{color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-tabs__content{padding-top:16px}.jh-tab-pane{color:var(--jh-text-color-regular);line-height:1.6}.jh-link{display:inline-flex;align-items:center;gap:4px;color:var(--jh-text-color-regular);font-size:var(--jh-font-size-base);line-height:1.4;text-decoration:none;cursor:pointer;transition:color var(--jh-transition-duration)}.jh-link:hover,.jh-link:focus{color:var(--jh-color-primary);outline:none}.jh-link.is-underline:hover{text-decoration:underline}.jh-link.is-disabled{color:var(--jh-disabled-text-color);cursor:not-allowed;text-decoration:none}.jh-link__icon{flex:0 0 auto}.jh-link--primary{color:var(--jh-color-primary)}.jh-link--success{color:var(--jh-color-success)}.jh-link--warning{color:var(--jh-color-warning)}.jh-link--danger{color:var(--jh-color-danger)}.jh-link--info{color:var(--jh-color-info)}.jh-message{position:fixed;left:50%;display:inline-flex;align-items:center;box-sizing:border-box;min-width:280px;max-width:calc(100vw - 32px);padding:10px 14px;border:1px solid var(--jh-border-color-light);border-radius:var(--jh-border-radius-base);background-color:var(--jh-color-white);box-shadow:0 10px 24px #0000001a,0 2px 6px #00000014;color:var(--jh-text-color-primary);font-size:var(--jh-font-size-base);line-height:1.5;transform:translate(-50%);transition:opacity var(--jh-transition-duration),transform var(--jh-transition-duration),top var(--jh-transition-duration)}.jh-message__icon{flex:0 0 auto;width:8px;height:8px;margin-right:10px;border-radius:50%;background-color:currentColor}.jh-message__content{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.jh-message__close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px;margin-left:12px;padding:0;border:0;border-radius:var(--jh-border-radius-base);background:transparent;color:var(--jh-color-info);cursor:pointer}.jh-message__close:hover,.jh-message__close:focus{color:var(--jh-color-primary);outline:none}.jh-message--success{color:var(--jh-color-success)}.jh-message--warning{color:var(--jh-color-warning)}.jh-message--info{color:var(--jh-color-info)}.jh-message--danger{color:var(--jh-color-danger)}.jh-message-fade-enter-from,.jh-message-fade-leave-to{opacity:0;transform:translate(-50%,-16px)}.jh-message-box-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:24px;background-color:#00000073}.jh-message-box{width:min(420px,100%);box-sizing:border-box;overflow:hidden;border-radius:calc(var(--jh-border-radius-base) + 2px);background-color:var(--jh-color-white);box-shadow:0 18px 42px #00000029,0 4px 12px #0000001a;color:var(--jh-text-color-primary)}.jh-message-box__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 10px}.jh-message-box__title{min-width:0;font-size:18px;font-weight:600;line-height:1.35}.jh-message-box__close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;padding:0;border:0;border-radius:var(--jh-border-radius-base);background:transparent;color:var(--jh-color-info);cursor:pointer}.jh-message-box__close:hover,.jh-message-box__close:focus{color:var(--jh-color-primary);outline:none}.jh-message-box__body{display:flex;gap:12px;padding:8px 20px 22px}.jh-message-box__status{flex:0 0 auto;width:10px;height:10px;margin-top:7px;border-radius:50%;background-color:currentColor}.jh-message-box__message{min-width:0;color:var(--jh-text-color-regular);font-size:var(--jh-font-size-base);line-height:1.6;overflow-wrap:anywhere}.jh-message-box__footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px 18px;border-top:1px solid var(--jh-border-color-light)}.jh-message-box--success{color:var(--jh-color-success)}.jh-message-box--warning{color:var(--jh-color-warning)}.jh-message-box--info{color:var(--jh-color-info)}.jh-message-box--danger{color:var(--jh-color-danger)}.jh-message-box-fade-enter-active,.jh-message-box-fade-leave-active{transition:opacity var(--jh-transition-duration)}.jh-message-box-fade-enter-active .jh-message-box,.jh-message-box-fade-leave-active .jh-message-box{transition:transform var(--jh-transition-duration) ease}.jh-message-box-fade-enter-from,.jh-message-box-fade-leave-to{opacity:0}.jh-message-box-fade-enter-from .jh-message-box,.jh-message-box-fade-leave-to .jh-message-box{transform:translateY(-12px) scale(.98)}.jh-notification{position:fixed;display:flex;align-items:flex-start;box-sizing:border-box;width:330px;max-width:calc(100vw - 40px);padding:14px 14px 14px 16px;border:1px solid var(--jh-border-color-light);border-radius:calc(var(--jh-border-radius-base) + 2px);background-color:var(--jh-color-white);box-shadow:0 12px 30px #0000001f,0 2px 8px #00000014;color:var(--jh-text-color-primary);transition:opacity var(--jh-transition-duration),transform var(--jh-transition-duration),top var(--jh-transition-duration),bottom var(--jh-transition-duration)}.jh-notification__status{flex:0 0 auto;width:10px;height:10px;margin-top:6px;margin-right:10px;border-radius:50%;background-color:currentColor}.jh-notification__content{flex:1 1 auto;min-width:0}.jh-notification__title{color:var(--jh-text-color-primary);font-size:var(--jh-font-size-large);font-weight:600;line-height:1.35}.jh-notification__message{margin-top:4px;color:var(--jh-text-color-regular);font-size:var(--jh-font-size-base);line-height:1.55;overflow-wrap:anywhere}.jh-notification__close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;margin-left:10px;padding:0;border:0;border-radius:var(--jh-border-radius-base);background:transparent;color:var(--jh-color-info);cursor:pointer}.jh-notification__close:hover,.jh-notification__close:focus{color:var(--jh-color-primary);outline:none}.jh-notification--success{color:var(--jh-color-success)}.jh-notification--warning{color:var(--jh-color-warning)}.jh-notification--info{color:var(--jh-color-info)}.jh-notification--danger{color:var(--jh-color-danger)}.jh-notification-slide-right-enter-from,.jh-notification-slide-right-leave-to{opacity:0;transform:translate(24px)}.jh-notification-slide-left-enter-from,.jh-notification-slide-left-leave-to{opacity:0;transform:translate(-24px)}.jh-text{color:var(--jh-text-color-regular);font-size:var(--jh-font-size-base);line-height:1.5}.jh-text--small{font-size:var(--jh-font-size-small)}.jh-text--large{font-size:var(--jh-font-size-large)}.jh-text.is-truncated{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.jh-text.is-line-clamp{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--jh-text-line-clamp)}.jh-text--primary{color:var(--jh-color-primary)}.jh-text--success{color:var(--jh-color-success)}.jh-text--warning{color:var(--jh-color-warning)}.jh-text--danger{color:var(--jh-color-danger)}.jh-text--info{color:var(--jh-color-info)}.jh-scrollbar{position:relative;overflow:hidden}.jh-scrollbar__wrap{box-sizing:border-box;height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.jh-scrollbar__wrap::-webkit-scrollbar{width:8px;height:8px}.jh-scrollbar__wrap::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.jh-scrollbar__wrap::-webkit-scrollbar-track{background-color:transparent}.jh-scrollbar__wrap:hover,.jh-scrollbar.is-always .jh-scrollbar__wrap{scrollbar-color:rgba(144,147,153,.35) transparent}.jh-scrollbar__wrap:hover::-webkit-scrollbar-thumb,.jh-scrollbar.is-always .jh-scrollbar__wrap::-webkit-scrollbar-thumb{background-color:#90939959}.jh-scrollbar.is-native .jh-scrollbar__wrap{scrollbar-color:auto}.jh-scrollbar__view{box-sizing:border-box}.jh-time-select{position:relative;display:inline-flex;width:220px;font-size:var(--jh-font-size-base)}.jh-time-select__trigger{display:inline-flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:32px;padding:7px 10px 7px 11px;border:1px solid var(--jh-border-color);border-radius:var(--jh-border-radius-base);background-color:var(--jh-color-white);color:var(--jh-text-color-primary);font:inherit;cursor:pointer;transition:border-color var(--jh-transition-duration)}.jh-time-select__trigger:hover,.jh-time-select__trigger:focus{border-color:var(--jh-color-primary);outline:none}.jh-time-select__trigger:disabled{background-color:var(--jh-disabled-bg-color);color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-time-select__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jh-time-select__label.is-placeholder{color:var(--jh-color-info)}.jh-time-select__arrow{flex:0 0 auto;color:var(--jh-color-info);transform:rotate(90deg)}.jh-time-select__clear{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:20px;height:20px;padding:0;border:0;background:transparent;color:var(--jh-color-info);cursor:pointer}.jh-time-select__clear:hover,.jh-time-select__clear:focus{color:var(--jh-color-primary);outline:none}.jh-time-select__menu{position:absolute;top:calc(100% + 8px);left:0;z-index:2020;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-height:240px;padding:6px 0;overflow:auto;border:1px solid var(--jh-border-color-light);border-radius:var(--jh-border-radius-base);background-color:var(--jh-color-white);box-shadow:0 12px 32px #0000001a,0 2px 6px #00000014}.jh-time-select__option{min-height:34px;padding:0 12px;border:0;background:transparent;color:var(--jh-text-color-regular);font:inherit;text-align:left;cursor:pointer}.jh-time-select__option:hover,.jh-time-select__option:focus,.jh-time-select__option.is-active{background-color:var(--jh-fill-color-light);color:var(--jh-color-primary);outline:none}.jh-time-select__empty{padding:12px;color:var(--jh-color-info);text-align:center}.jh-time-select-fade-enter-active,.jh-time-select-fade-leave-active{transition:opacity var(--jh-transition-duration),transform var(--jh-transition-duration)}.jh-time-select-fade-enter-from,.jh-time-select-fade-leave-to{opacity:0;transform:translateY(-4px)}.jh-tree{box-sizing:border-box;width:100%;color:var(--jh-text-color-primary);font-size:var(--jh-font-size-base)}.jh-tree__empty{padding:16px;color:var(--jh-color-info);text-align:center}.jh-tree__node{display:flex;align-items:center;min-height:32px;padding-left:calc(var(--jh-tree-node-level) * 18px);border-radius:var(--jh-border-radius-base);transition:background-color var(--jh-transition-duration),color var(--jh-transition-duration)}.jh-tree__node:hover{background-color:var(--jh-fill-color-light)}.jh-tree__node.is-disabled{color:var(--jh-disabled-text-color)}.jh-tree__expand{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--jh-color-info);cursor:pointer;transition:transform var(--jh-transition-duration)}.jh-tree__expand:disabled{cursor:default}.jh-tree__node.is-expanded .jh-tree__expand{transform:rotate(90deg)}.jh-tree__checkbox{flex:0 0 auto;width:16px;height:16px;margin:0 6px 0 0;accent-color:var(--jh-color-primary)}.jh-tree__label{min-width:0;padding:0 6px;border:0;background:transparent;color:inherit;font:inherit;line-height:32px;text-align:left;cursor:pointer}.jh-tree__label:hover,.jh-tree__label:focus{color:var(--jh-color-primary);outline:none}.jh-tree__label:disabled{color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-upload{display:inline-flex;flex-direction:column;gap:8px;color:var(--jh-text-color-regular);font-size:var(--jh-font-size-base)}.jh-upload__input{display:none}.jh-upload__trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-height:32px;padding:8px 15px;border:1px dashed var(--jh-border-color);border-radius:var(--jh-border-radius-base);background-color:var(--jh-color-white);color:var(--jh-color-primary);font:inherit;line-height:1;cursor:pointer;transition:border-color var(--jh-transition-duration),background-color var(--jh-transition-duration),color var(--jh-transition-duration)}.jh-upload__trigger:hover,.jh-upload__trigger:focus{border-color:var(--jh-color-primary);background-color:var(--jh-fill-color-light);outline:none}.jh-upload__trigger:disabled{border-color:var(--jh-border-color-light);background-color:var(--jh-disabled-bg-color);color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-upload.is-drag{width:320px}.jh-upload.is-drag .jh-upload__trigger{width:100%;min-height:96px}.jh-upload.is-dragover .jh-upload__trigger{border-color:var(--jh-color-primary);background-color:var(--jh-fill-color-light)}.jh-upload__tip{color:var(--jh-color-info);font-size:var(--jh-font-size-small);line-height:1.4}.jh-upload__list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.jh-upload__item{display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;min-height:28px;padding:0 8px;border-radius:var(--jh-border-radius-base);color:var(--jh-text-color-regular)}.jh-upload__item:hover{background-color:var(--jh-fill-color-light);color:var(--jh-color-primary)}.jh-upload__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jh-upload__remove{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;background:transparent;color:var(--jh-color-info);cursor:pointer}.jh-upload__remove:hover,.jh-upload__remove:focus{color:var(--jh-color-primary);outline:none}.jh-upload__remove:disabled{color:var(--jh-disabled-text-color);cursor:not-allowed}.jh-waterfall{position:relative;box-sizing:border-box;width:100%}.jh-waterfall__columns{display:flex;align-items:flex-start;gap:var(--jh-waterfall-gap);width:100%}.jh-waterfall__column{display:flex;flex:0 0 var(--jh-waterfall-column-width);flex-direction:column;gap:var(--jh-waterfall-gap);min-width:0}.jh-waterfall__item{box-sizing:border-box;min-width:0}.jh-waterfall__measure{position:absolute;top:0;left:0;width:var(--jh-waterfall-column-width);visibility:hidden;pointer-events:none;z-index:-1}.jh-waterfall__measure-item{box-sizing:border-box;width:100%;margin-bottom:var(--jh-waterfall-gap)}.jh-waterfall__empty{display:flex;align-items:center;justify-content:center;min-height:96px;color:var(--jh-color-info);font-size:var(--jh-font-size-base)}

package/dist/index.d.ts

@@ -0,0 +1,63 @@
+import { Plugin } from 'vue';
+type MessageType = 'success' | 'warning' | 'info' | 'danger';
+interface MessageOptions {
+    message?: string;
+    type?: MessageType;
+    duration?: number;
+    showClose?: boolean;
+    offset?: number;
+    zIndex?: number;
+    onClose?: () => void;
+}
+interface MessageHandler {
+    close: () => void;
+}
+type MessageFn = {
+    (options?: string | MessageOptions): MessageHandler;
+    success: (options?: string | Omit<MessageOptions, 'type'>) => MessageHandler;
+    warning: (options?: string | Omit<MessageOptions, 'type'>) => MessageHandler;
+    info: (options?: string | Omit<MessageOptions, 'type'>) => MessageHandler;
+    danger: (options?: string | Omit<MessageOptions, 'type'>) => MessageHandler;
+    closeAll: () => void;
+};
+type MessageBoxAction = 'confirm' | 'cancel' | 'close';
+interface MessageBoxOptions {
+    title?: string;
+    message?: string;
+    type?: MessageType;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    showCancelButton?: boolean;
+    showClose?: boolean;
+    closeOnClickModal?: boolean;
+    zIndex?: number;
+    beforeClose?: (action: MessageBoxAction, done: () => void) => void;
+}
+type MessageBoxFn = {
+    (options?: string | MessageBoxOptions): Promise<MessageBoxAction>;
+    alert: (message: string, title?: string, options?: Omit<MessageBoxOptions, 'message' | 'title'>) => Promise<MessageBoxAction>;
+    confirm: (message: string, title?: string, options?: Omit<MessageBoxOptions, 'message' | 'title'>) => Promise<MessageBoxAction>;
+};
+type NotificationPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+interface NotificationOptions extends MessageOptions {
+    title?: string;
+    position?: NotificationPosition;
+}
+type NotificationFn = {
+    (options?: string | NotificationOptions): MessageHandler;
+    success: (options?: string | Omit<NotificationOptions, 'type'>) => MessageHandler;
+    warning: (options?: string | Omit<NotificationOptions, 'type'>) => MessageHandler;
+    info: (options?: string | Omit<NotificationOptions, 'type'>) => MessageHandler;
+    danger: (options?: string | Omit<NotificationOptions, 'type'>) => MessageHandler;
+    closeAll: () => void;
+};
+export * from './components/index';
+declare const JhUI: Plugin;
+export default JhUI;
+declare module 'vue' {
+    interface ComponentCustomProperties {
+        $message: MessageFn;
+        $messageBox: MessageBoxFn;
+        $notify: NotificationFn;
+    }
+}