@jinli6386/element 1.0.1 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/types/components/Message/Message.vue.d.ts +30 -0
- package/dist/types/components/Message/createMessage.test.d.ts +1 -0
- package/dist/types/components/Message/method.d.ts +23 -0
- package/dist/types/components/Message/types.d.ts +20 -0
- package/dist/types/hooks/useEventListener.d.ts +2 -0
- package/dist/types/hooks/useZIndex.d.ts +6 -0
- package/dist/umd/index.css +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
body{font-family:var(--jl-font-family);font-weight:400;font-size:var(--jl-font-size-base);color:var(--jl-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--jl-color-primary);text-decoration:none}a:hover,a:focus{color:var(--jl-color-primary-light-3)}a:active{color:var(--jl-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--jl-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(--jl-font-size-base) + 6px)}h2{font-size:calc(var(--jl-font-size-base) + 4px)}h3{font-size:calc(var(--jl-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(--jl-font-size-base) - 1px)}small{font-size:calc(var(--jl-font-size-base) - 2px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid var(--jl-border-color-lighter)}:root{--jl-color-white: #ffffff;--jl-color-black: #000000;--colors: (primary: #409eff, success: #67c23a, warning: #e6a23c, danger: #f56c6c, info: #909399);--jl-color-primary: #007bff;--jl-color-primary-light-3: #4d9eff;--jl-color-primary-light-5: #80b3ff;--jl-color-primary-light-7: #b3d1ff;--jl-color-primary-light-9: #e6f0ff;--jl-color-primary-light-8: #ccddff;--jl-color-primary-dark-2: #0066d0;--jl-color-success: #28a745;--jl-color-success-light-3: #6abf7b;--jl-color-success-light-5: #99d2a6;--jl-color-success-light-7: #c6e6d1;--jl-color-success-light-9: #f3f9f6;--jl-color-success-light-8: #dfeee6;--jl-color-success-dark-2: #218838;--jl-color-danger: #dc3545;--jl-color-danger-light-3: #e5737f;--jl-color-danger-light-5: #ed9aa2;--jl-color-danger-light-7: #f5c0c6;--jl-color-danger-light-9: #fdeeee;--jl-color-danger-light-8: #f9d5d8;--jl-color-danger-dark-2: #c82333;--jl-color-warning: #e6a23c;--jl-color-warning-light-3: #eebe77;--jl-color-warning-light-5: #f3d19e;--jl-color-warning-light-7: #f8e3c5;--jl-color-warning-light-9: #fdf6ec;--jl-color-warning-light-8: #faecd8;--jl-color-warning-dark-2: #b88230;--jl-color-info: #909399;--jl-color-info-light-3: #b1b3b8;--jl-color-info-light-5: #c8c9cc;--jl-color-info-light-7: #dedfe0;--jl-color-info-light-9: #f4f4f5;--jl-color-info-light-8: #e9e9eb;--jl-color-info-dark-2: #73767a;--jl-bg-color: #ffffff;--jl-bg-color-page: #f2f3f5;--jl-bg-color-overlay: #ffffff;--jl-text-color-primary: #303133;--jl-text-color-regular: #606266;--jl-text-color-secondary: #909399;--jl-text-color-placeholder: #a8abb2;--jl-text-color-disabled: #c0c4cc;--jl-border-color: #dcdfe6;--jl-border-color-light: #e4e7ed;--jl-border-color-lighter: #ebeef5;--jl-border-color-extra-light: #f2f6fc;--jl-border-color-dark: #d4d7de;--jl-border-color-darker: #cdd0d6;--jl-fill-color: #f0f2f5;--jl-fill-color-light: #f5f7fa;--jl-fill-color-lighter: #fafafa;--jl-fill-color-extra-light: #fafcff;--jl-fill-color-dark: #ebedf0;--jl-fill-color-darker: #e6e8eb;--jl-fill-color-blank: #ffffff;--jl-border-width: 1px;--jl-border-style: solid;--jl-border-color-hover: var(--jl-text-color-disabled);--jl-border: var(--jl-border-width) var(--jl-border-style) var(--jl-border-color);--jl-border-radius-base: 4px;--jl-border-radius-small: 2px;--jl-border-radius-round: 20px;--jl-border-radius-circle: 100%;--jl-font-size-extra-large: 20px;--jl-font-size-large: 18px;--jl-font-size-medium: 16px;--jl-font-size-base: 14px;--jl-font-size-small: 13px;--jl-font-size-extra-small: 12px;--jl-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--jl-font-weight-primary: 500;--jl-disabled-bg-color: var(--jl-fill-color-light);--jl-disabled-text-color: var(--jl-text-color-placeholder);--jl-disabled-border-color: var(--jl-border-color-light);--jl-transition-duration: .3s;--jl-transition-duration-fast: .2s}html:not(.dark){--jl-bg-color: #ffffff;--jl-bg-color-page: #f2f3f5;--jl-bg-color-overlay: #ffffff;--jl-text-color-primary: #303133;--jl-text-color-regular: #606266;--jl-text-color-secondary: #909399;--jl-text-color-placeholder: #a8abb2;--jl-text-color-disabled: #c0c4cc;--jl-border-color: #dcdfe6;--jl-border-color-light: #e4e7ed;--jl-border-color-lighter: #ebeef5;--jl-border-color-extra-light: #f2f6fc;--jl-border-color-dark: #d4d7de;--jl-border-color-darker: #cdd0d6;--jl-fill-color: #f0f2f5;--jl-fill-color-light: #f5f7fa;--jl-fill-color-lighter: #fafafa;--jl-fill-color-extra-light: #fafcff;--jl-fill-color-dark: #ebedf0;--jl-fill-color-darker: #e6e8eb;--jl-fill-color-blank: #ffffff;--jl-disabled-bg-color: #f5f7fa;--jl-disabled-text-color: #a8abb2;--jl-disabled-border-color: #e4e7ed}html.dark{--jl-bg-color: #1a1a1a;--jl-bg-color-page: #0d0d0d;--jl-bg-color-overlay: #1a1a1a;--jl-text-color-primary: #e5e5e5;--jl-text-color-regular: #b3b3b3;--jl-text-color-secondary: #909399;--jl-text-color-placeholder: #6c6c6c;--jl-text-color-disabled: #4d4d4d;--jl-border-color: #414243;--jl-border-color-light: #363637;--jl-border-color-lighter: #2b2b2c;--jl-border-color-extra-light: #252526;--jl-border-color-dark: #4d4d4d;--jl-border-color-darker: #5a5a5a;--jl-fill-color: #262727;--jl-fill-color-light: #1f1f1f;--jl-fill-color-lighter: #191919;--jl-fill-color-extra-light: #141414;--jl-fill-color-dark: #2d2d2d;--jl-fill-color-darker: #353535;--jl-fill-color-blank: #1a1a1a;--jl-disabled-bg-color: #262727;--jl-disabled-text-color: #6c6c6c;--jl-disabled-border-color: #363637}.jl-button{--jl-button-font-weight: var(--jl-font-weight-primary);--jl-button-border-color: var(--jl-border-color);--jl-button-bg-color: var(--jl-fill-color-blank);--jl-button-text-color: var(--jl-text-color-regular);--jl-button-disabled-text-color: var(--jl-disabled-text-color);--jl-button-disabled-bg-color: var(--jl-fill-color-blank);--jl-button-disabled-border-color: var(--jl-border-color-light);--jl-button-hover-text-color: var(--jl-color-primary);--jl-button-hover-bg-color: var(--jl-color-primary-light-9);--jl-button-hover-border-color: var(--jl-color-primary-light-7);--jl-button-active-text-color: var(--jl-button-hover-text-color);--jl-button-active-border-color: var(--jl-color-primary);--jl-button-active-bg-color: var(--jl-button-hover-bg-color);--jl-button-outline-color: var(--jl-color-primary-light-5);--jl-button-active-color: var(--jl-text-color-primary)}.jl-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--jl-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--jl-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--jl-button-bg-color);border:var(--jl-border);border-color:var(--jl-button-border-color);padding:8px 15px;font-size:var(--jl-font-size-base);border-radius:var(--jl-border-radius-base)}.jl-button+.jl-button{margin-left:12px}.jl-button:hover,.jl-button:focus{color:var(--jl-button-hover-text-color);border-color:var(--jl-button-hover-border-color);background-color:var(--jl-button-hover-bg-color);outline:none}.jl-button:active{color:var(--jl-button-active-text-color);border-color:var(--jl-button-active-border-color);background-color:var(--jl-button-active-bg-color);outline:none}.jl-button.is-plain{--jl-button-hover-text-color: var(--jl-color-primary);--jl-button-hover-bg-color: var(--jl-fill-color-blank);--jl-button-hover-border-color: var(--jl-color-primary)}.jl-button.is-round{border-radius:var(--jl-border-radius-round)}.jl-button.is-circle{border-radius:50%;padding:8px;width:32px}.jl-button.is-disabled,.jl-button.is-disabled:hover,.jl-button.is-disabled:focus,.jl-button[disabled],.jl-button[disabled]:hover,.jl-button[disabled]:focus{color:var(--jl-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--jl-button-disabled-bg-color);border-color:var(--jl-button-disabled-border-color)}.jl-button [class*=jl-icon]+span{margin-left:6px}.jl-button--primary{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-primary);--jl-button-border-color: var(--jl-color-primary);--jl-button-outline-color: var(--jl-color-primary-light-5);--jl-button-active-color: var(--jl-color-primary-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-primary-light-3);--jl-button-hover-border-color: var(--jl-color-primary-light-3);--jl-button-active-bg-color: var(--jl-color-primary-dark-2);--jl-button-active-border-color: var(--jl-color-primary-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-primary-light-5);--jl-button-disabled-border-color: var(--jl-color-primary-light-5)}.jl-button--primary.is-plain{--jl-button-text-color: var(--jl-color-primary);--jl-button-bg-color: var(--jl-color-primary-light-9);--jl-button-border-color: var(--jl-color-primary-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-primary);--jl-button-hover-border-color: var(--jl-color-primary);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--success{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-success);--jl-button-border-color: var(--jl-color-success);--jl-button-outline-color: var(--jl-color-success-light-5);--jl-button-active-color: var(--jl-color-success-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-success-light-3);--jl-button-hover-border-color: var(--jl-color-success-light-3);--jl-button-active-bg-color: var(--jl-color-success-dark-2);--jl-button-active-border-color: var(--jl-color-success-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-success-light-5);--jl-button-disabled-border-color: var(--jl-color-success-light-5)}.jl-button--success.is-plain{--jl-button-text-color: var(--jl-color-success);--jl-button-bg-color: var(--jl-color-success-light-9);--jl-button-border-color: var(--jl-color-success-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-success);--jl-button-hover-border-color: var(--jl-color-success);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--warning{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-warning);--jl-button-border-color: var(--jl-color-warning);--jl-button-outline-color: var(--jl-color-warning-light-5);--jl-button-active-color: var(--jl-color-warning-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-warning-light-3);--jl-button-hover-border-color: var(--jl-color-warning-light-3);--jl-button-active-bg-color: var(--jl-color-warning-dark-2);--jl-button-active-border-color: var(--jl-color-warning-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-warning-light-5);--jl-button-disabled-border-color: var(--jl-color-warning-light-5)}.jl-button--warning.is-plain{--jl-button-text-color: var(--jl-color-warning);--jl-button-bg-color: var(--jl-color-warning-light-9);--jl-button-border-color: var(--jl-color-warning-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-warning);--jl-button-hover-border-color: var(--jl-color-warning);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--info{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-info);--jl-button-border-color: var(--jl-color-info);--jl-button-outline-color: var(--jl-color-info-light-5);--jl-button-active-color: var(--jl-color-info-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-info-light-3);--jl-button-hover-border-color: var(--jl-color-info-light-3);--jl-button-active-bg-color: var(--jl-color-info-dark-2);--jl-button-active-border-color: var(--jl-color-info-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-info-light-5);--jl-button-disabled-border-color: var(--jl-color-info-light-5)}.jl-button--info.is-plain{--jl-button-text-color: var(--jl-color-info);--jl-button-bg-color: var(--jl-color-info-light-9);--jl-button-border-color: var(--jl-color-info-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-info);--jl-button-hover-border-color: var(--jl-color-info);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--danger{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-danger);--jl-button-border-color: var(--jl-color-danger);--jl-button-outline-color: var(--jl-color-danger-light-5);--jl-button-active-color: var(--jl-color-danger-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-danger-light-3);--jl-button-hover-border-color: var(--jl-color-danger-light-3);--jl-button-active-bg-color: var(--jl-color-danger-dark-2);--jl-button-active-border-color: var(--jl-color-danger-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-danger-light-5);--jl-button-disabled-border-color: var(--jl-color-danger-light-5)}.jl-button--danger.is-plain{--jl-button-text-color: var(--jl-color-danger);--jl-button-bg-color: var(--jl-color-danger-light-9);--jl-button-border-color: var(--jl-color-danger-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-danger);--jl-button-hover-border-color: var(--jl-color-danger);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--large{--jl-button-size: 40px;height:var(--jl-button-size);padding:12px 19px;font-size:var(--jl-font-size-base);border-radius:var(--jl-border-radius-base)}.jl-button--large.is-circle{width:var(--jl-button-size);padding:12px}.jl-button--small{--jl-button-size: 24px;height:var(--jl-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--jl-border-radius-base) - 1px)}.jl-button--small.is-circle{width:var(--jl-button-size);padding:5px}.jl-collapse{--jl-collapse-border-color: var(--jl-border-color-light);--jl-collapse-header-height: 48px;--jl-collapse-header-bg-color: var(--jl-fill-color-blank);--jl-collapse-header-text-color: var(--jl-text-color-primary);--jl-collapse-header-font-size: 13px;--jl-collapse-content-bg-color: var(--jl-fill-color-blank);--jl-collapse-content-font-size: 13px;--jl-collapse-content-text-color: var(--jl-text-color-primary);--jl-collapse-disabled-text-color: var(--jl-disabled-text-color);--jl-collapse-disabled-border-color: var(--jl-border-color-lighter);border-top:1px solid var(--jl-collapse-border-color);border-bottom:1px solid var(--jl-collapse-border-color)}.jl-collapse-item__header{display:flex;align-items:center;justify-content:space-between;height:var(--jl-collapse-header-height);line-height:var(--jl-collapse-header-height);background-color:var(--jl-collapse-header-bg-color);color:var(--jl-collapse-header-text-color);cursor:pointer;font-size:var(--jl-collapse-header-font-size);font-weight:500;transition:border-bottom-color var(--jl-transition-duration);outline:none;border-bottom:1px solid var(--jl-collapse-border-color)}.jl-collapse-item__header.is-disabled{color:var(--jl-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.jl-collapse-item__header.is-active{border-bottom-color:transparent}.jl-collapse-item__header.is-active .header-angle{transform:rotate(90deg)}.jl-collapse-item__header .header-angle{transition:transform var(--jl-transition-duration)}.jl-collapse-item__content{will-change:height;background-color:var(--jl-collapse-content-bg-color);overflow:hidden;box-sizing:border-box;font-size:var(--jl-collapse-content-font-size);color:var(--jl-collapse-content-text-color);border-bottom:1px solid var(--jl-collapse-border-color);padding-bottom:25px}.slide-enter-active,.slide-leave-active{transition:height var(--jl-transition-duration)}.jl-icon{--jl-icon-color: inherit;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--jl-icon-color);font-size:inherit}.jl-icon--primary{--jl-icon-color: var(--jl-color-primary)}.jl-icon--info{--jl-icon-color: var(--jl-color-info)}.jl-icon--success{--jl-icon-color: var(--jl-color-success)}.jl-icon--warning{--jl-icon-color: var(--jl-color-warning)}.jl-icon--danger{--jl-icon-color: var(--jl-color-danger)}.jl-tooltip{--jl-popover-bg-color: var(--jl-bg-color-overlay);--jl-popover-font-size: var(--jl-font-size-base);--jl-popover-border-color: var(--jl-border-color);--jl-popover-padding: 12px;--jl-popover-border-radius: 4px;display:inline-block}.jl-tooltip .jl-tooltip__popper{background:var(--jl-popover-bg-color);border-radius:var(--jl-popover-border-radius);border:1px solid var(--jl-popover-border-color);padding:var(--jl-popover-padding);color:var(--jl-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--jl-popover-font-size);box-shadow:var(--jl-box-shadow-light);word-break:break-all;box-sizing:border-box;z-index:1000}.jl-tooltip .jl-tooltip__popper #arrow,.jl-tooltip .jl-tooltip__popper #arrow:before{position:absolute;width:8px;height:8px;box-sizing:border-box;background:var(--jl-popover-bg-color)}.jl-tooltip .jl-tooltip__popper #arrow{visibility:hidden}.jl-tooltip .jl-tooltip__popper #arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=top]>#arrow{bottom:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=bottom]>#arrow{top:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=left]>#arrow{right:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=right]>#arrow{left:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=top]>#arrow:before{border-right:1px solid var(--jl-popover-border-color);border-bottom:1px solid var(--jl-popover-border-color)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=bottom]>#arrow:before{border-left:1px solid var(--jl-popover-border-color);border-top:1px solid var(--jl-popover-border-color)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=left]>#arrow:before{border-right:1px solid var(--jl-popover-border-color);border-top:1px solid var(--jl-popover-border-color)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=right]>#arrow:before{border-left:1px solid var(--jl-popover-border-color);border-bottom:1px solid var(--jl-popover-border-color)}.jl-tooltip .fade-enter-active,.jl-tooltip .fade-leave-active{transition:opacity var(--jl-transition-duration)}.jl-tooltip .fade-enter-from,.jl-tooltip .fade-leave-to{opacity:0}.jl-dropdown .jl-dropdown__menu{--jl-dropdown-menuItem-hover-fill: var(--jl-color-primary-light-9);--jl-dropdown-menuItem-hover-color: var(--jl-color-primary);--jl-dropdown-menuItem-disabled-color: var(--jl-border-color-lighter);--jl-dropdown-menuItem-divided-color: var(--jl-border-color-lighter)}.jl-dropdown{display:inline-block}.jl-dropdown .jl-tooltip{--jl-popover-padding: 5px 0}.jl-dropdown__menu{list-style-type:none;margin:0;padding:0}.jl-dropdown__menu .jl-dropdown__item{display:flex;align-items:center;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--jl-font-size-base);color:var(--jl-text-color-regular);cursor:pointer;outline:none}.jl-dropdown__menu .jl-dropdown__item:hover{background-color:var(--jl-dropdown-menuItem-hover-fill);color:var(--jl-dropdown-menuItem-hover-color)}.jl-dropdown__menu .jl-dropdown__item.is-disabled{color:var(--jl-dropdown-menuItem-disabled-color);cursor:not-allowed;background-image:none}.jl-dropdown__menu .divided-placeholder{margin:6px 0;border-top:1px solid var(--jl-dropdown-menuItem-divided-color)}
|
|
1
|
+
body{font-family:var(--jl-font-family);font-weight:400;font-size:var(--jl-font-size-base);color:var(--jl-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--jl-color-primary);text-decoration:none}a:hover,a:focus{color:var(--jl-color-primary-light-3)}a:active{color:var(--jl-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--jl-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(--jl-font-size-base) + 6px)}h2{font-size:calc(var(--jl-font-size-base) + 4px)}h3{font-size:calc(var(--jl-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(--jl-font-size-base) - 1px)}small{font-size:calc(var(--jl-font-size-base) - 2px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid var(--jl-border-color-lighter)}:root{--jl-color-white: #ffffff;--jl-color-black: #000000;--colors: (primary: #409eff, success: #67c23a, warning: #e6a23c, danger: #f56c6c, info: #909399);--jl-color-primary: #007bff;--jl-color-primary-light-3: #4d9eff;--jl-color-primary-light-5: #80b3ff;--jl-color-primary-light-7: #b3d1ff;--jl-color-primary-light-9: #e6f0ff;--jl-color-primary-light-8: #ccddff;--jl-color-primary-dark-2: #0066d0;--jl-color-success: #28a745;--jl-color-success-light-3: #6abf7b;--jl-color-success-light-5: #99d2a6;--jl-color-success-light-7: #c6e6d1;--jl-color-success-light-9: #f3f9f6;--jl-color-success-light-8: #dfeee6;--jl-color-success-dark-2: #218838;--jl-color-danger: #dc3545;--jl-color-danger-light-3: #e5737f;--jl-color-danger-light-5: #ed9aa2;--jl-color-danger-light-7: #f5c0c6;--jl-color-danger-light-9: #fdeeee;--jl-color-danger-light-8: #f9d5d8;--jl-color-danger-dark-2: #c82333;--jl-color-warning: #e6a23c;--jl-color-warning-light-3: #eebe77;--jl-color-warning-light-5: #f3d19e;--jl-color-warning-light-7: #f8e3c5;--jl-color-warning-light-9: #fdf6ec;--jl-color-warning-light-8: #faecd8;--jl-color-warning-dark-2: #b88230;--jl-color-info: #909399;--jl-color-info-light-3: #b1b3b8;--jl-color-info-light-5: #c8c9cc;--jl-color-info-light-7: #dedfe0;--jl-color-info-light-9: #f4f4f5;--jl-color-info-light-8: #e9e9eb;--jl-color-info-dark-2: #73767a;--jl-bg-color: #ffffff;--jl-bg-color-page: #f2f3f5;--jl-bg-color-overlay: #ffffff;--jl-text-color-primary: #303133;--jl-text-color-regular: #606266;--jl-text-color-secondary: #909399;--jl-text-color-placeholder: #a8abb2;--jl-text-color-disabled: #c0c4cc;--jl-border-color: #dcdfe6;--jl-border-color-light: #e4e7ed;--jl-border-color-lighter: #ebeef5;--jl-border-color-extra-light: #f2f6fc;--jl-border-color-dark: #d4d7de;--jl-border-color-darker: #cdd0d6;--jl-fill-color: #f0f2f5;--jl-fill-color-light: #f5f7fa;--jl-fill-color-lighter: #fafafa;--jl-fill-color-extra-light: #fafcff;--jl-fill-color-dark: #ebedf0;--jl-fill-color-darker: #e6e8eb;--jl-fill-color-blank: #ffffff;--jl-border-width: 1px;--jl-border-style: solid;--jl-border-color-hover: var(--jl-text-color-disabled);--jl-border: var(--jl-border-width) var(--jl-border-style) var(--jl-border-color);--jl-border-radius-base: 4px;--jl-border-radius-small: 2px;--jl-border-radius-round: 20px;--jl-border-radius-circle: 100%;--jl-font-size-extra-large: 20px;--jl-font-size-large: 18px;--jl-font-size-medium: 16px;--jl-font-size-base: 14px;--jl-font-size-small: 13px;--jl-font-size-extra-small: 12px;--jl-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--jl-font-weight-primary: 500;--jl-disabled-bg-color: var(--jl-fill-color-light);--jl-disabled-text-color: var(--jl-text-color-placeholder);--jl-disabled-border-color: var(--jl-border-color-light);--jl-transition-duration: .3s;--jl-transition-duration-fast: .2s}html:not(.dark){--jl-bg-color: #ffffff;--jl-bg-color-page: #f2f3f5;--jl-bg-color-overlay: #ffffff;--jl-text-color-primary: #303133;--jl-text-color-regular: #606266;--jl-text-color-secondary: #909399;--jl-text-color-placeholder: #a8abb2;--jl-text-color-disabled: #c0c4cc;--jl-border-color: #dcdfe6;--jl-border-color-light: #e4e7ed;--jl-border-color-lighter: #ebeef5;--jl-border-color-extra-light: #f2f6fc;--jl-border-color-dark: #d4d7de;--jl-border-color-darker: #cdd0d6;--jl-fill-color: #f0f2f5;--jl-fill-color-light: #f5f7fa;--jl-fill-color-lighter: #fafafa;--jl-fill-color-extra-light: #fafcff;--jl-fill-color-dark: #ebedf0;--jl-fill-color-darker: #e6e8eb;--jl-fill-color-blank: #ffffff;--jl-disabled-bg-color: #f5f7fa;--jl-disabled-text-color: #a8abb2;--jl-disabled-border-color: #e4e7ed}html.dark{--jl-bg-color: #1a1a1a;--jl-bg-color-page: #0d0d0d;--jl-bg-color-overlay: #1a1a1a;--jl-text-color-primary: #e5e5e5;--jl-text-color-regular: #b3b3b3;--jl-text-color-secondary: #909399;--jl-text-color-placeholder: #6c6c6c;--jl-text-color-disabled: #4d4d4d;--jl-border-color: #414243;--jl-border-color-light: #363637;--jl-border-color-lighter: #2b2b2c;--jl-border-color-extra-light: #252526;--jl-border-color-dark: #4d4d4d;--jl-border-color-darker: #5a5a5a;--jl-fill-color: #262727;--jl-fill-color-light: #1f1f1f;--jl-fill-color-lighter: #191919;--jl-fill-color-extra-light: #141414;--jl-fill-color-dark: #2d2d2d;--jl-fill-color-darker: #353535;--jl-fill-color-blank: #1a1a1a;--jl-disabled-bg-color: #262727;--jl-disabled-text-color: #6c6c6c;--jl-disabled-border-color: #363637}.jl-button{--jl-button-font-weight: var(--jl-font-weight-primary);--jl-button-border-color: var(--jl-border-color);--jl-button-bg-color: var(--jl-fill-color-blank);--jl-button-text-color: var(--jl-text-color-regular);--jl-button-disabled-text-color: var(--jl-disabled-text-color);--jl-button-disabled-bg-color: var(--jl-fill-color-blank);--jl-button-disabled-border-color: var(--jl-border-color-light);--jl-button-hover-text-color: var(--jl-color-primary);--jl-button-hover-bg-color: var(--jl-color-primary-light-9);--jl-button-hover-border-color: var(--jl-color-primary-light-7);--jl-button-active-text-color: var(--jl-button-hover-text-color);--jl-button-active-border-color: var(--jl-color-primary);--jl-button-active-bg-color: var(--jl-button-hover-bg-color);--jl-button-outline-color: var(--jl-color-primary-light-5);--jl-button-active-color: var(--jl-text-color-primary)}.jl-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--jl-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--jl-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--jl-button-bg-color);border:var(--jl-border);border-color:var(--jl-button-border-color);padding:8px 15px;font-size:var(--jl-font-size-base);border-radius:var(--jl-border-radius-base)}.jl-button+.jl-button{margin-left:12px}.jl-button:hover,.jl-button:focus{color:var(--jl-button-hover-text-color);border-color:var(--jl-button-hover-border-color);background-color:var(--jl-button-hover-bg-color);outline:none}.jl-button:active{color:var(--jl-button-active-text-color);border-color:var(--jl-button-active-border-color);background-color:var(--jl-button-active-bg-color);outline:none}.jl-button.is-plain{--jl-button-hover-text-color: var(--jl-color-primary);--jl-button-hover-bg-color: var(--jl-fill-color-blank);--jl-button-hover-border-color: var(--jl-color-primary)}.jl-button.is-round{border-radius:var(--jl-border-radius-round)}.jl-button.is-circle{border-radius:50%;padding:8px;width:32px}.jl-button.is-disabled,.jl-button.is-disabled:hover,.jl-button.is-disabled:focus,.jl-button[disabled],.jl-button[disabled]:hover,.jl-button[disabled]:focus{color:var(--jl-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--jl-button-disabled-bg-color);border-color:var(--jl-button-disabled-border-color)}.jl-button [class*=jl-icon]+span{margin-left:6px}.jl-button--primary{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-primary);--jl-button-border-color: var(--jl-color-primary);--jl-button-outline-color: var(--jl-color-primary-light-5);--jl-button-active-color: var(--jl-color-primary-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-primary-light-3);--jl-button-hover-border-color: var(--jl-color-primary-light-3);--jl-button-active-bg-color: var(--jl-color-primary-dark-2);--jl-button-active-border-color: var(--jl-color-primary-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-primary-light-5);--jl-button-disabled-border-color: var(--jl-color-primary-light-5)}.jl-button--primary.is-plain{--jl-button-text-color: var(--jl-color-primary);--jl-button-bg-color: var(--jl-color-primary-light-9);--jl-button-border-color: var(--jl-color-primary-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-primary);--jl-button-hover-border-color: var(--jl-color-primary);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--success{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-success);--jl-button-border-color: var(--jl-color-success);--jl-button-outline-color: var(--jl-color-success-light-5);--jl-button-active-color: var(--jl-color-success-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-success-light-3);--jl-button-hover-border-color: var(--jl-color-success-light-3);--jl-button-active-bg-color: var(--jl-color-success-dark-2);--jl-button-active-border-color: var(--jl-color-success-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-success-light-5);--jl-button-disabled-border-color: var(--jl-color-success-light-5)}.jl-button--success.is-plain{--jl-button-text-color: var(--jl-color-success);--jl-button-bg-color: var(--jl-color-success-light-9);--jl-button-border-color: var(--jl-color-success-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-success);--jl-button-hover-border-color: var(--jl-color-success);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--warning{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-warning);--jl-button-border-color: var(--jl-color-warning);--jl-button-outline-color: var(--jl-color-warning-light-5);--jl-button-active-color: var(--jl-color-warning-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-warning-light-3);--jl-button-hover-border-color: var(--jl-color-warning-light-3);--jl-button-active-bg-color: var(--jl-color-warning-dark-2);--jl-button-active-border-color: var(--jl-color-warning-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-warning-light-5);--jl-button-disabled-border-color: var(--jl-color-warning-light-5)}.jl-button--warning.is-plain{--jl-button-text-color: var(--jl-color-warning);--jl-button-bg-color: var(--jl-color-warning-light-9);--jl-button-border-color: var(--jl-color-warning-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-warning);--jl-button-hover-border-color: var(--jl-color-warning);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--info{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-info);--jl-button-border-color: var(--jl-color-info);--jl-button-outline-color: var(--jl-color-info-light-5);--jl-button-active-color: var(--jl-color-info-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-info-light-3);--jl-button-hover-border-color: var(--jl-color-info-light-3);--jl-button-active-bg-color: var(--jl-color-info-dark-2);--jl-button-active-border-color: var(--jl-color-info-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-info-light-5);--jl-button-disabled-border-color: var(--jl-color-info-light-5)}.jl-button--info.is-plain{--jl-button-text-color: var(--jl-color-info);--jl-button-bg-color: var(--jl-color-info-light-9);--jl-button-border-color: var(--jl-color-info-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-info);--jl-button-hover-border-color: var(--jl-color-info);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--danger{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-danger);--jl-button-border-color: var(--jl-color-danger);--jl-button-outline-color: var(--jl-color-danger-light-5);--jl-button-active-color: var(--jl-color-danger-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-danger-light-3);--jl-button-hover-border-color: var(--jl-color-danger-light-3);--jl-button-active-bg-color: var(--jl-color-danger-dark-2);--jl-button-active-border-color: var(--jl-color-danger-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-danger-light-5);--jl-button-disabled-border-color: var(--jl-color-danger-light-5)}.jl-button--danger.is-plain{--jl-button-text-color: var(--jl-color-danger);--jl-button-bg-color: var(--jl-color-danger-light-9);--jl-button-border-color: var(--jl-color-danger-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-danger);--jl-button-hover-border-color: var(--jl-color-danger);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--large{--jl-button-size: 40px;height:var(--jl-button-size);padding:12px 19px;font-size:var(--jl-font-size-base);border-radius:var(--jl-border-radius-base)}.jl-button--large.is-circle{width:var(--jl-button-size);padding:12px}.jl-button--small{--jl-button-size: 24px;height:var(--jl-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--jl-border-radius-base) - 1px)}.jl-button--small.is-circle{width:var(--jl-button-size);padding:5px}.jl-collapse{--jl-collapse-border-color: var(--jl-border-color-light);--jl-collapse-header-height: 48px;--jl-collapse-header-bg-color: var(--jl-fill-color-blank);--jl-collapse-header-text-color: var(--jl-text-color-primary);--jl-collapse-header-font-size: 13px;--jl-collapse-content-bg-color: var(--jl-fill-color-blank);--jl-collapse-content-font-size: 13px;--jl-collapse-content-text-color: var(--jl-text-color-primary);--jl-collapse-disabled-text-color: var(--jl-disabled-text-color);--jl-collapse-disabled-border-color: var(--jl-border-color-lighter);border-top:1px solid var(--jl-collapse-border-color);border-bottom:1px solid var(--jl-collapse-border-color)}.jl-collapse-item__header{display:flex;align-items:center;justify-content:space-between;height:var(--jl-collapse-header-height);line-height:var(--jl-collapse-header-height);background-color:var(--jl-collapse-header-bg-color);color:var(--jl-collapse-header-text-color);cursor:pointer;font-size:var(--jl-collapse-header-font-size);font-weight:500;transition:border-bottom-color var(--jl-transition-duration);outline:none;border-bottom:1px solid var(--jl-collapse-border-color)}.jl-collapse-item__header.is-disabled{color:var(--jl-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.jl-collapse-item__header.is-active{border-bottom-color:transparent}.jl-collapse-item__header.is-active .header-angle{transform:rotate(90deg)}.jl-collapse-item__header .header-angle{transition:transform var(--jl-transition-duration)}.jl-collapse-item__content{will-change:height;background-color:var(--jl-collapse-content-bg-color);overflow:hidden;box-sizing:border-box;font-size:var(--jl-collapse-content-font-size);color:var(--jl-collapse-content-text-color);border-bottom:1px solid var(--jl-collapse-border-color);padding-bottom:25px}.slide-enter-active,.slide-leave-active{transition:height var(--jl-transition-duration)}.jl-icon{--jl-icon-color: inherit;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--jl-icon-color);font-size:inherit}.jl-icon--primary{--jl-icon-color: var(--jl-color-primary)}.jl-icon--info{--jl-icon-color: var(--jl-color-info)}.jl-icon--success{--jl-icon-color: var(--jl-color-success)}.jl-icon--warning{--jl-icon-color: var(--jl-color-warning)}.jl-icon--danger{--jl-icon-color: var(--jl-color-danger)}.jl-tooltip{--jl-popover-bg-color: var(--jl-bg-color-overlay);--jl-popover-font-size: var(--jl-font-size-base);--jl-popover-border-color: var(--jl-border-color);--jl-popover-padding: 12px;--jl-popover-border-radius: 4px;display:inline-block}.jl-tooltip .jl-tooltip__popper{background:var(--jl-popover-bg-color);border-radius:var(--jl-popover-border-radius);border:1px solid var(--jl-popover-border-color);padding:var(--jl-popover-padding);color:var(--jl-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--jl-popover-font-size);box-shadow:var(--jl-box-shadow-light);word-break:break-all;box-sizing:border-box;z-index:1000}.jl-tooltip .jl-tooltip__popper #arrow,.jl-tooltip .jl-tooltip__popper #arrow:before{position:absolute;width:8px;height:8px;box-sizing:border-box;background:var(--jl-popover-bg-color)}.jl-tooltip .jl-tooltip__popper #arrow{visibility:hidden}.jl-tooltip .jl-tooltip__popper #arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=top]>#arrow{bottom:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=bottom]>#arrow{top:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=left]>#arrow{right:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=right]>#arrow{left:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=top]>#arrow:before{border-right:1px solid var(--jl-popover-border-color);border-bottom:1px solid var(--jl-popover-border-color)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=bottom]>#arrow:before{border-left:1px solid var(--jl-popover-border-color);border-top:1px solid var(--jl-popover-border-color)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=left]>#arrow:before{border-right:1px solid var(--jl-popover-border-color);border-top:1px solid var(--jl-popover-border-color)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=right]>#arrow:before{border-left:1px solid var(--jl-popover-border-color);border-bottom:1px solid var(--jl-popover-border-color)}.jl-tooltip .fade-enter-active,.jl-tooltip .fade-leave-active{transition:opacity var(--jl-transition-duration)}.jl-tooltip .fade-enter-from,.jl-tooltip .fade-leave-to{opacity:0}.jl-dropdown .jl-dropdown__menu{--jl-dropdown-menuItem-hover-fill: var(--jl-color-primary-light-9);--jl-dropdown-menuItem-hover-color: var(--jl-color-primary);--jl-dropdown-menuItem-disabled-color: var(--jl-border-color-lighter);--jl-dropdown-menuItem-divided-color: var(--jl-border-color-lighter)}.jl-dropdown{display:inline-block}.jl-dropdown .jl-tooltip{--jl-popover-padding: 5px 0}.jl-dropdown__menu{list-style-type:none;margin:0;padding:0}.jl-dropdown__menu .jl-dropdown__item{display:flex;align-items:center;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--jl-font-size-base);color:var(--jl-text-color-regular);cursor:pointer;outline:none}.jl-dropdown__menu .jl-dropdown__item:hover{background-color:var(--jl-dropdown-menuItem-hover-fill);color:var(--jl-dropdown-menuItem-hover-color)}.jl-dropdown__menu .jl-dropdown__item.is-disabled{color:var(--jl-dropdown-menuItem-disabled-color);cursor:not-allowed;background-image:none}.jl-dropdown__menu .divided-placeholder{margin:6px 0;border-top:1px solid var(--jl-dropdown-menuItem-divided-color)}.jl-message{--jl-message-bg-color: var(--jl-color-info-light-9);--jl-message-border-color: var(--jl-border-color-lighter);--jl-message-padding: 15px 19px;--jl-message-close-size: 16px;--jl-message-close-icon-color: var(--jl-text-color-placeholder);--jl-message-close-hover-color: var(--jl-text-color-secondary)}.jl-message{width:fit-content;max-width:calc(100% - 32px);box-sizing:border-box;border-radius:var(--jl-border-radius-base);border-width:var(--jl-border-width);border-style:var(--jl-border-style);border-color:var(--jl-message-border-color);position:fixed;left:50%;top:20px;transform:translate(-50%);background-color:var(--jl-message-bg-color);padding:var(--jl-message-padding);display:flex;align-items:center;transition:top var(--jl-transition-duration),opacity var(--jl-transition-duration),transform var(--jl-transition-duration)}.jl-message .jl-message__content{color:var(--jl-message-text-color);overflow-wrap:anywhere}.jl-message.is-close .jl-message__content{padding-right:30px}.jl-message .jl-message__close{display:flex;align-items:center}.jl-message .jl-message__close svg{cursor:pointer}.jl-message--info{--jl-message-bg-color: var(--jl-color-info-light-9);--jl-message-border-color: var(--jl-color-info-light-8);--jl-message-text-color: var(--jl-color-info)}.jl-message--info .jl-message__close{--jl-icon-color: var(--jl-color-info)}.jl-message--success{--jl-message-bg-color: var(--jl-color-success-light-9);--jl-message-border-color: var(--jl-color-success-light-8);--jl-message-text-color: var(--jl-color-success)}.jl-message--success .jl-message__close{--jl-icon-color: var(--jl-color-success)}.jl-message--warning{--jl-message-bg-color: var(--jl-color-warning-light-9);--jl-message-border-color: var(--jl-color-warning-light-8);--jl-message-text-color: var(--jl-color-warning)}.jl-message--warning .jl-message__close{--jl-icon-color: var(--jl-color-warning)}.jl-message--danger{--jl-message-bg-color: var(--jl-color-danger-light-9);--jl-message-border-color: var(--jl-color-danger-light-8);--jl-message-text-color: var(--jl-color-danger)}.jl-message--danger .jl-message__close{--jl-icon-color: var(--jl-color-danger)}.jl-message.fade-up-enter-from,.jl-message.fade-up-leave-to{opacity:0;transform:translate(-50%,-100%)}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { MessageProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {
|
|
8
|
+
messageRef: HTMLDivElement;
|
|
9
|
+
};
|
|
10
|
+
rootEl: any;
|
|
11
|
+
};
|
|
12
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<MessageProps, {
|
|
14
|
+
bottomOffset: import('vue').ComputedRef<any>;
|
|
15
|
+
visible: import('vue').Ref<boolean, boolean>;
|
|
16
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MessageProps> & Readonly<{}>, {
|
|
17
|
+
type: "success" | "warning" | "info" | "error";
|
|
18
|
+
offset: number;
|
|
19
|
+
duration: number;
|
|
20
|
+
transitionName: string;
|
|
21
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
22
|
+
messageRef: HTMLDivElement;
|
|
23
|
+
}, any>;
|
|
24
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
25
|
+
export default _default;
|
|
26
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
27
|
+
new (): {
|
|
28
|
+
$slots: S;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const rAF: () => Promise<unknown>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { CreateMessageProps, MessageContext } from './types';
|
|
2
|
+
export declare const createMessage: (props: CreateMessageProps) => {
|
|
3
|
+
id: string;
|
|
4
|
+
vnode: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
5
|
+
[key: string]: any;
|
|
6
|
+
}>;
|
|
7
|
+
vm: import('vue').ComponentInternalInstance;
|
|
8
|
+
props: {
|
|
9
|
+
id: string;
|
|
10
|
+
zIndex: number;
|
|
11
|
+
onDestroy: () => void;
|
|
12
|
+
type?: "success" | "warning" | "info" | "error" | undefined;
|
|
13
|
+
offset?: number | undefined;
|
|
14
|
+
duration?: number | undefined;
|
|
15
|
+
message?: (string | import('vue').VNode) | undefined;
|
|
16
|
+
showClose?: boolean | undefined;
|
|
17
|
+
transitionName?: string | undefined;
|
|
18
|
+
};
|
|
19
|
+
destroy: () => void;
|
|
20
|
+
};
|
|
21
|
+
export declare const getLastInstance: () => MessageContext | undefined;
|
|
22
|
+
export declare const getLastBottomOffset: (id: string) => any;
|
|
23
|
+
export declare const closeAll: () => void;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { VNode, ComponentInternalInstance } from 'vue';
|
|
2
|
+
export interface MessageProps {
|
|
3
|
+
message?: string | VNode;
|
|
4
|
+
duration?: number;
|
|
5
|
+
showClose?: boolean;
|
|
6
|
+
type?: "success" | "warning" | "info" | "error";
|
|
7
|
+
onDestroy: () => void;
|
|
8
|
+
offset?: number;
|
|
9
|
+
id: string;
|
|
10
|
+
zIndex: number;
|
|
11
|
+
transitionName?: string;
|
|
12
|
+
}
|
|
13
|
+
export interface MessageContext {
|
|
14
|
+
id: string;
|
|
15
|
+
vnode: VNode;
|
|
16
|
+
vm: ComponentInternalInstance;
|
|
17
|
+
props: MessageProps;
|
|
18
|
+
destroy: () => void;
|
|
19
|
+
}
|
|
20
|
+
export type CreateMessageProps = Omit<MessageProps, "onDestroy" | "id" | "zIndex">;
|
package/dist/umd/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
body{font-family:var(--jl-font-family);font-weight:400;font-size:var(--jl-font-size-base);color:var(--jl-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--jl-color-primary);text-decoration:none}a:hover,a:focus{color:var(--jl-color-primary-light-3)}a:active{color:var(--jl-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--jl-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(--jl-font-size-base) + 6px)}h2{font-size:calc(var(--jl-font-size-base) + 4px)}h3{font-size:calc(var(--jl-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(--jl-font-size-base) - 1px)}small{font-size:calc(var(--jl-font-size-base) - 2px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid var(--jl-border-color-lighter)}:root{--jl-color-white: #ffffff;--jl-color-black: #000000;--colors: (primary: #409eff, success: #67c23a, warning: #e6a23c, danger: #f56c6c, info: #909399);--jl-color-primary: #007bff;--jl-color-primary-light-3: #4d9eff;--jl-color-primary-light-5: #80b3ff;--jl-color-primary-light-7: #b3d1ff;--jl-color-primary-light-9: #e6f0ff;--jl-color-primary-light-8: #ccddff;--jl-color-primary-dark-2: #0066d0;--jl-color-success: #28a745;--jl-color-success-light-3: #6abf7b;--jl-color-success-light-5: #99d2a6;--jl-color-success-light-7: #c6e6d1;--jl-color-success-light-9: #f3f9f6;--jl-color-success-light-8: #dfeee6;--jl-color-success-dark-2: #218838;--jl-color-danger: #dc3545;--jl-color-danger-light-3: #e5737f;--jl-color-danger-light-5: #ed9aa2;--jl-color-danger-light-7: #f5c0c6;--jl-color-danger-light-9: #fdeeee;--jl-color-danger-light-8: #f9d5d8;--jl-color-danger-dark-2: #c82333;--jl-color-warning: #e6a23c;--jl-color-warning-light-3: #eebe77;--jl-color-warning-light-5: #f3d19e;--jl-color-warning-light-7: #f8e3c5;--jl-color-warning-light-9: #fdf6ec;--jl-color-warning-light-8: #faecd8;--jl-color-warning-dark-2: #b88230;--jl-color-info: #909399;--jl-color-info-light-3: #b1b3b8;--jl-color-info-light-5: #c8c9cc;--jl-color-info-light-7: #dedfe0;--jl-color-info-light-9: #f4f4f5;--jl-color-info-light-8: #e9e9eb;--jl-color-info-dark-2: #73767a;--jl-bg-color: #ffffff;--jl-bg-color-page: #f2f3f5;--jl-bg-color-overlay: #ffffff;--jl-text-color-primary: #303133;--jl-text-color-regular: #606266;--jl-text-color-secondary: #909399;--jl-text-color-placeholder: #a8abb2;--jl-text-color-disabled: #c0c4cc;--jl-border-color: #dcdfe6;--jl-border-color-light: #e4e7ed;--jl-border-color-lighter: #ebeef5;--jl-border-color-extra-light: #f2f6fc;--jl-border-color-dark: #d4d7de;--jl-border-color-darker: #cdd0d6;--jl-fill-color: #f0f2f5;--jl-fill-color-light: #f5f7fa;--jl-fill-color-lighter: #fafafa;--jl-fill-color-extra-light: #fafcff;--jl-fill-color-dark: #ebedf0;--jl-fill-color-darker: #e6e8eb;--jl-fill-color-blank: #ffffff;--jl-border-width: 1px;--jl-border-style: solid;--jl-border-color-hover: var(--jl-text-color-disabled);--jl-border: var(--jl-border-width) var(--jl-border-style) var(--jl-border-color);--jl-border-radius-base: 4px;--jl-border-radius-small: 2px;--jl-border-radius-round: 20px;--jl-border-radius-circle: 100%;--jl-font-size-extra-large: 20px;--jl-font-size-large: 18px;--jl-font-size-medium: 16px;--jl-font-size-base: 14px;--jl-font-size-small: 13px;--jl-font-size-extra-small: 12px;--jl-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--jl-font-weight-primary: 500;--jl-disabled-bg-color: var(--jl-fill-color-light);--jl-disabled-text-color: var(--jl-text-color-placeholder);--jl-disabled-border-color: var(--jl-border-color-light);--jl-transition-duration: .3s;--jl-transition-duration-fast: .2s}html:not(.dark){--jl-bg-color: #ffffff;--jl-bg-color-page: #f2f3f5;--jl-bg-color-overlay: #ffffff;--jl-text-color-primary: #303133;--jl-text-color-regular: #606266;--jl-text-color-secondary: #909399;--jl-text-color-placeholder: #a8abb2;--jl-text-color-disabled: #c0c4cc;--jl-border-color: #dcdfe6;--jl-border-color-light: #e4e7ed;--jl-border-color-lighter: #ebeef5;--jl-border-color-extra-light: #f2f6fc;--jl-border-color-dark: #d4d7de;--jl-border-color-darker: #cdd0d6;--jl-fill-color: #f0f2f5;--jl-fill-color-light: #f5f7fa;--jl-fill-color-lighter: #fafafa;--jl-fill-color-extra-light: #fafcff;--jl-fill-color-dark: #ebedf0;--jl-fill-color-darker: #e6e8eb;--jl-fill-color-blank: #ffffff;--jl-disabled-bg-color: #f5f7fa;--jl-disabled-text-color: #a8abb2;--jl-disabled-border-color: #e4e7ed}html.dark{--jl-bg-color: #1a1a1a;--jl-bg-color-page: #0d0d0d;--jl-bg-color-overlay: #1a1a1a;--jl-text-color-primary: #e5e5e5;--jl-text-color-regular: #b3b3b3;--jl-text-color-secondary: #909399;--jl-text-color-placeholder: #6c6c6c;--jl-text-color-disabled: #4d4d4d;--jl-border-color: #414243;--jl-border-color-light: #363637;--jl-border-color-lighter: #2b2b2c;--jl-border-color-extra-light: #252526;--jl-border-color-dark: #4d4d4d;--jl-border-color-darker: #5a5a5a;--jl-fill-color: #262727;--jl-fill-color-light: #1f1f1f;--jl-fill-color-lighter: #191919;--jl-fill-color-extra-light: #141414;--jl-fill-color-dark: #2d2d2d;--jl-fill-color-darker: #353535;--jl-fill-color-blank: #1a1a1a;--jl-disabled-bg-color: #262727;--jl-disabled-text-color: #6c6c6c;--jl-disabled-border-color: #363637}.jl-button{--jl-button-font-weight: var(--jl-font-weight-primary);--jl-button-border-color: var(--jl-border-color);--jl-button-bg-color: var(--jl-fill-color-blank);--jl-button-text-color: var(--jl-text-color-regular);--jl-button-disabled-text-color: var(--jl-disabled-text-color);--jl-button-disabled-bg-color: var(--jl-fill-color-blank);--jl-button-disabled-border-color: var(--jl-border-color-light);--jl-button-hover-text-color: var(--jl-color-primary);--jl-button-hover-bg-color: var(--jl-color-primary-light-9);--jl-button-hover-border-color: var(--jl-color-primary-light-7);--jl-button-active-text-color: var(--jl-button-hover-text-color);--jl-button-active-border-color: var(--jl-color-primary);--jl-button-active-bg-color: var(--jl-button-hover-bg-color);--jl-button-outline-color: var(--jl-color-primary-light-5);--jl-button-active-color: var(--jl-text-color-primary)}.jl-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--jl-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--jl-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--jl-button-bg-color);border:var(--jl-border);border-color:var(--jl-button-border-color);padding:8px 15px;font-size:var(--jl-font-size-base);border-radius:var(--jl-border-radius-base)}.jl-button+.jl-button{margin-left:12px}.jl-button:hover,.jl-button:focus{color:var(--jl-button-hover-text-color);border-color:var(--jl-button-hover-border-color);background-color:var(--jl-button-hover-bg-color);outline:none}.jl-button:active{color:var(--jl-button-active-text-color);border-color:var(--jl-button-active-border-color);background-color:var(--jl-button-active-bg-color);outline:none}.jl-button.is-plain{--jl-button-hover-text-color: var(--jl-color-primary);--jl-button-hover-bg-color: var(--jl-fill-color-blank);--jl-button-hover-border-color: var(--jl-color-primary)}.jl-button.is-round{border-radius:var(--jl-border-radius-round)}.jl-button.is-circle{border-radius:50%;padding:8px;width:32px}.jl-button.is-disabled,.jl-button.is-disabled:hover,.jl-button.is-disabled:focus,.jl-button[disabled],.jl-button[disabled]:hover,.jl-button[disabled]:focus{color:var(--jl-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--jl-button-disabled-bg-color);border-color:var(--jl-button-disabled-border-color)}.jl-button [class*=jl-icon]+span{margin-left:6px}.jl-button--primary{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-primary);--jl-button-border-color: var(--jl-color-primary);--jl-button-outline-color: var(--jl-color-primary-light-5);--jl-button-active-color: var(--jl-color-primary-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-primary-light-3);--jl-button-hover-border-color: var(--jl-color-primary-light-3);--jl-button-active-bg-color: var(--jl-color-primary-dark-2);--jl-button-active-border-color: var(--jl-color-primary-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-primary-light-5);--jl-button-disabled-border-color: var(--jl-color-primary-light-5)}.jl-button--primary.is-plain{--jl-button-text-color: var(--jl-color-primary);--jl-button-bg-color: var(--jl-color-primary-light-9);--jl-button-border-color: var(--jl-color-primary-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-primary);--jl-button-hover-border-color: var(--jl-color-primary);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--success{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-success);--jl-button-border-color: var(--jl-color-success);--jl-button-outline-color: var(--jl-color-success-light-5);--jl-button-active-color: var(--jl-color-success-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-success-light-3);--jl-button-hover-border-color: var(--jl-color-success-light-3);--jl-button-active-bg-color: var(--jl-color-success-dark-2);--jl-button-active-border-color: var(--jl-color-success-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-success-light-5);--jl-button-disabled-border-color: var(--jl-color-success-light-5)}.jl-button--success.is-plain{--jl-button-text-color: var(--jl-color-success);--jl-button-bg-color: var(--jl-color-success-light-9);--jl-button-border-color: var(--jl-color-success-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-success);--jl-button-hover-border-color: var(--jl-color-success);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--warning{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-warning);--jl-button-border-color: var(--jl-color-warning);--jl-button-outline-color: var(--jl-color-warning-light-5);--jl-button-active-color: var(--jl-color-warning-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-warning-light-3);--jl-button-hover-border-color: var(--jl-color-warning-light-3);--jl-button-active-bg-color: var(--jl-color-warning-dark-2);--jl-button-active-border-color: var(--jl-color-warning-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-warning-light-5);--jl-button-disabled-border-color: var(--jl-color-warning-light-5)}.jl-button--warning.is-plain{--jl-button-text-color: var(--jl-color-warning);--jl-button-bg-color: var(--jl-color-warning-light-9);--jl-button-border-color: var(--jl-color-warning-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-warning);--jl-button-hover-border-color: var(--jl-color-warning);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--info{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-info);--jl-button-border-color: var(--jl-color-info);--jl-button-outline-color: var(--jl-color-info-light-5);--jl-button-active-color: var(--jl-color-info-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-info-light-3);--jl-button-hover-border-color: var(--jl-color-info-light-3);--jl-button-active-bg-color: var(--jl-color-info-dark-2);--jl-button-active-border-color: var(--jl-color-info-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-info-light-5);--jl-button-disabled-border-color: var(--jl-color-info-light-5)}.jl-button--info.is-plain{--jl-button-text-color: var(--jl-color-info);--jl-button-bg-color: var(--jl-color-info-light-9);--jl-button-border-color: var(--jl-color-info-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-info);--jl-button-hover-border-color: var(--jl-color-info);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--danger{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-danger);--jl-button-border-color: var(--jl-color-danger);--jl-button-outline-color: var(--jl-color-danger-light-5);--jl-button-active-color: var(--jl-color-danger-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-danger-light-3);--jl-button-hover-border-color: var(--jl-color-danger-light-3);--jl-button-active-bg-color: var(--jl-color-danger-dark-2);--jl-button-active-border-color: var(--jl-color-danger-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-danger-light-5);--jl-button-disabled-border-color: var(--jl-color-danger-light-5)}.jl-button--danger.is-plain{--jl-button-text-color: var(--jl-color-danger);--jl-button-bg-color: var(--jl-color-danger-light-9);--jl-button-border-color: var(--jl-color-danger-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-danger);--jl-button-hover-border-color: var(--jl-color-danger);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--large{--jl-button-size: 40px;height:var(--jl-button-size);padding:12px 19px;font-size:var(--jl-font-size-base);border-radius:var(--jl-border-radius-base)}.jl-button--large.is-circle{width:var(--jl-button-size);padding:12px}.jl-button--small{--jl-button-size: 24px;height:var(--jl-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--jl-border-radius-base) - 1px)}.jl-button--small.is-circle{width:var(--jl-button-size);padding:5px}.jl-collapse{--jl-collapse-border-color: var(--jl-border-color-light);--jl-collapse-header-height: 48px;--jl-collapse-header-bg-color: var(--jl-fill-color-blank);--jl-collapse-header-text-color: var(--jl-text-color-primary);--jl-collapse-header-font-size: 13px;--jl-collapse-content-bg-color: var(--jl-fill-color-blank);--jl-collapse-content-font-size: 13px;--jl-collapse-content-text-color: var(--jl-text-color-primary);--jl-collapse-disabled-text-color: var(--jl-disabled-text-color);--jl-collapse-disabled-border-color: var(--jl-border-color-lighter);border-top:1px solid var(--jl-collapse-border-color);border-bottom:1px solid var(--jl-collapse-border-color)}.jl-collapse-item__header{display:flex;align-items:center;justify-content:space-between;height:var(--jl-collapse-header-height);line-height:var(--jl-collapse-header-height);background-color:var(--jl-collapse-header-bg-color);color:var(--jl-collapse-header-text-color);cursor:pointer;font-size:var(--jl-collapse-header-font-size);font-weight:500;transition:border-bottom-color var(--jl-transition-duration);outline:none;border-bottom:1px solid var(--jl-collapse-border-color)}.jl-collapse-item__header.is-disabled{color:var(--jl-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.jl-collapse-item__header.is-active{border-bottom-color:transparent}.jl-collapse-item__header.is-active .header-angle{transform:rotate(90deg)}.jl-collapse-item__header .header-angle{transition:transform var(--jl-transition-duration)}.jl-collapse-item__content{will-change:height;background-color:var(--jl-collapse-content-bg-color);overflow:hidden;box-sizing:border-box;font-size:var(--jl-collapse-content-font-size);color:var(--jl-collapse-content-text-color);border-bottom:1px solid var(--jl-collapse-border-color);padding-bottom:25px}.slide-enter-active,.slide-leave-active{transition:height var(--jl-transition-duration)}.jl-icon{--jl-icon-color: inherit;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--jl-icon-color);font-size:inherit}.jl-icon--primary{--jl-icon-color: var(--jl-color-primary)}.jl-icon--info{--jl-icon-color: var(--jl-color-info)}.jl-icon--success{--jl-icon-color: var(--jl-color-success)}.jl-icon--warning{--jl-icon-color: var(--jl-color-warning)}.jl-icon--danger{--jl-icon-color: var(--jl-color-danger)}.jl-tooltip{--jl-popover-bg-color: var(--jl-bg-color-overlay);--jl-popover-font-size: var(--jl-font-size-base);--jl-popover-border-color: var(--jl-border-color);--jl-popover-padding: 12px;--jl-popover-border-radius: 4px;display:inline-block}.jl-tooltip .jl-tooltip__popper{background:var(--jl-popover-bg-color);border-radius:var(--jl-popover-border-radius);border:1px solid var(--jl-popover-border-color);padding:var(--jl-popover-padding);color:var(--jl-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--jl-popover-font-size);box-shadow:var(--jl-box-shadow-light);word-break:break-all;box-sizing:border-box;z-index:1000}.jl-tooltip .jl-tooltip__popper #arrow,.jl-tooltip .jl-tooltip__popper #arrow:before{position:absolute;width:8px;height:8px;box-sizing:border-box;background:var(--jl-popover-bg-color)}.jl-tooltip .jl-tooltip__popper #arrow{visibility:hidden}.jl-tooltip .jl-tooltip__popper #arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=top]>#arrow{bottom:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=bottom]>#arrow{top:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=left]>#arrow{right:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=right]>#arrow{left:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=top]>#arrow:before{border-right:1px solid var(--jl-popover-border-color);border-bottom:1px solid var(--jl-popover-border-color)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=bottom]>#arrow:before{border-left:1px solid var(--jl-popover-border-color);border-top:1px solid var(--jl-popover-border-color)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=left]>#arrow:before{border-right:1px solid var(--jl-popover-border-color);border-top:1px solid var(--jl-popover-border-color)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=right]>#arrow:before{border-left:1px solid var(--jl-popover-border-color);border-bottom:1px solid var(--jl-popover-border-color)}.jl-tooltip .fade-enter-active,.jl-tooltip .fade-leave-active{transition:opacity var(--jl-transition-duration)}.jl-tooltip .fade-enter-from,.jl-tooltip .fade-leave-to{opacity:0}.jl-dropdown .jl-dropdown__menu{--jl-dropdown-menuItem-hover-fill: var(--jl-color-primary-light-9);--jl-dropdown-menuItem-hover-color: var(--jl-color-primary);--jl-dropdown-menuItem-disabled-color: var(--jl-border-color-lighter);--jl-dropdown-menuItem-divided-color: var(--jl-border-color-lighter)}.jl-dropdown{display:inline-block}.jl-dropdown .jl-tooltip{--jl-popover-padding: 5px 0}.jl-dropdown__menu{list-style-type:none;margin:0;padding:0}.jl-dropdown__menu .jl-dropdown__item{display:flex;align-items:center;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--jl-font-size-base);color:var(--jl-text-color-regular);cursor:pointer;outline:none}.jl-dropdown__menu .jl-dropdown__item:hover{background-color:var(--jl-dropdown-menuItem-hover-fill);color:var(--jl-dropdown-menuItem-hover-color)}.jl-dropdown__menu .jl-dropdown__item.is-disabled{color:var(--jl-dropdown-menuItem-disabled-color);cursor:not-allowed;background-image:none}.jl-dropdown__menu .divided-placeholder{margin:6px 0;border-top:1px solid var(--jl-dropdown-menuItem-divided-color)}
|
|
1
|
+
body{font-family:var(--jl-font-family);font-weight:400;font-size:var(--jl-font-size-base);color:var(--jl-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--jl-color-primary);text-decoration:none}a:hover,a:focus{color:var(--jl-color-primary-light-3)}a:active{color:var(--jl-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--jl-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(--jl-font-size-base) + 6px)}h2{font-size:calc(var(--jl-font-size-base) + 4px)}h3{font-size:calc(var(--jl-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(--jl-font-size-base) - 1px)}small{font-size:calc(var(--jl-font-size-base) - 2px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid var(--jl-border-color-lighter)}:root{--jl-color-white: #ffffff;--jl-color-black: #000000;--colors: (primary: #409eff, success: #67c23a, warning: #e6a23c, danger: #f56c6c, info: #909399);--jl-color-primary: #007bff;--jl-color-primary-light-3: #4d9eff;--jl-color-primary-light-5: #80b3ff;--jl-color-primary-light-7: #b3d1ff;--jl-color-primary-light-9: #e6f0ff;--jl-color-primary-light-8: #ccddff;--jl-color-primary-dark-2: #0066d0;--jl-color-success: #28a745;--jl-color-success-light-3: #6abf7b;--jl-color-success-light-5: #99d2a6;--jl-color-success-light-7: #c6e6d1;--jl-color-success-light-9: #f3f9f6;--jl-color-success-light-8: #dfeee6;--jl-color-success-dark-2: #218838;--jl-color-danger: #dc3545;--jl-color-danger-light-3: #e5737f;--jl-color-danger-light-5: #ed9aa2;--jl-color-danger-light-7: #f5c0c6;--jl-color-danger-light-9: #fdeeee;--jl-color-danger-light-8: #f9d5d8;--jl-color-danger-dark-2: #c82333;--jl-color-warning: #e6a23c;--jl-color-warning-light-3: #eebe77;--jl-color-warning-light-5: #f3d19e;--jl-color-warning-light-7: #f8e3c5;--jl-color-warning-light-9: #fdf6ec;--jl-color-warning-light-8: #faecd8;--jl-color-warning-dark-2: #b88230;--jl-color-info: #909399;--jl-color-info-light-3: #b1b3b8;--jl-color-info-light-5: #c8c9cc;--jl-color-info-light-7: #dedfe0;--jl-color-info-light-9: #f4f4f5;--jl-color-info-light-8: #e9e9eb;--jl-color-info-dark-2: #73767a;--jl-bg-color: #ffffff;--jl-bg-color-page: #f2f3f5;--jl-bg-color-overlay: #ffffff;--jl-text-color-primary: #303133;--jl-text-color-regular: #606266;--jl-text-color-secondary: #909399;--jl-text-color-placeholder: #a8abb2;--jl-text-color-disabled: #c0c4cc;--jl-border-color: #dcdfe6;--jl-border-color-light: #e4e7ed;--jl-border-color-lighter: #ebeef5;--jl-border-color-extra-light: #f2f6fc;--jl-border-color-dark: #d4d7de;--jl-border-color-darker: #cdd0d6;--jl-fill-color: #f0f2f5;--jl-fill-color-light: #f5f7fa;--jl-fill-color-lighter: #fafafa;--jl-fill-color-extra-light: #fafcff;--jl-fill-color-dark: #ebedf0;--jl-fill-color-darker: #e6e8eb;--jl-fill-color-blank: #ffffff;--jl-border-width: 1px;--jl-border-style: solid;--jl-border-color-hover: var(--jl-text-color-disabled);--jl-border: var(--jl-border-width) var(--jl-border-style) var(--jl-border-color);--jl-border-radius-base: 4px;--jl-border-radius-small: 2px;--jl-border-radius-round: 20px;--jl-border-radius-circle: 100%;--jl-font-size-extra-large: 20px;--jl-font-size-large: 18px;--jl-font-size-medium: 16px;--jl-font-size-base: 14px;--jl-font-size-small: 13px;--jl-font-size-extra-small: 12px;--jl-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--jl-font-weight-primary: 500;--jl-disabled-bg-color: var(--jl-fill-color-light);--jl-disabled-text-color: var(--jl-text-color-placeholder);--jl-disabled-border-color: var(--jl-border-color-light);--jl-transition-duration: .3s;--jl-transition-duration-fast: .2s}html:not(.dark){--jl-bg-color: #ffffff;--jl-bg-color-page: #f2f3f5;--jl-bg-color-overlay: #ffffff;--jl-text-color-primary: #303133;--jl-text-color-regular: #606266;--jl-text-color-secondary: #909399;--jl-text-color-placeholder: #a8abb2;--jl-text-color-disabled: #c0c4cc;--jl-border-color: #dcdfe6;--jl-border-color-light: #e4e7ed;--jl-border-color-lighter: #ebeef5;--jl-border-color-extra-light: #f2f6fc;--jl-border-color-dark: #d4d7de;--jl-border-color-darker: #cdd0d6;--jl-fill-color: #f0f2f5;--jl-fill-color-light: #f5f7fa;--jl-fill-color-lighter: #fafafa;--jl-fill-color-extra-light: #fafcff;--jl-fill-color-dark: #ebedf0;--jl-fill-color-darker: #e6e8eb;--jl-fill-color-blank: #ffffff;--jl-disabled-bg-color: #f5f7fa;--jl-disabled-text-color: #a8abb2;--jl-disabled-border-color: #e4e7ed}html.dark{--jl-bg-color: #1a1a1a;--jl-bg-color-page: #0d0d0d;--jl-bg-color-overlay: #1a1a1a;--jl-text-color-primary: #e5e5e5;--jl-text-color-regular: #b3b3b3;--jl-text-color-secondary: #909399;--jl-text-color-placeholder: #6c6c6c;--jl-text-color-disabled: #4d4d4d;--jl-border-color: #414243;--jl-border-color-light: #363637;--jl-border-color-lighter: #2b2b2c;--jl-border-color-extra-light: #252526;--jl-border-color-dark: #4d4d4d;--jl-border-color-darker: #5a5a5a;--jl-fill-color: #262727;--jl-fill-color-light: #1f1f1f;--jl-fill-color-lighter: #191919;--jl-fill-color-extra-light: #141414;--jl-fill-color-dark: #2d2d2d;--jl-fill-color-darker: #353535;--jl-fill-color-blank: #1a1a1a;--jl-disabled-bg-color: #262727;--jl-disabled-text-color: #6c6c6c;--jl-disabled-border-color: #363637}.jl-button{--jl-button-font-weight: var(--jl-font-weight-primary);--jl-button-border-color: var(--jl-border-color);--jl-button-bg-color: var(--jl-fill-color-blank);--jl-button-text-color: var(--jl-text-color-regular);--jl-button-disabled-text-color: var(--jl-disabled-text-color);--jl-button-disabled-bg-color: var(--jl-fill-color-blank);--jl-button-disabled-border-color: var(--jl-border-color-light);--jl-button-hover-text-color: var(--jl-color-primary);--jl-button-hover-bg-color: var(--jl-color-primary-light-9);--jl-button-hover-border-color: var(--jl-color-primary-light-7);--jl-button-active-text-color: var(--jl-button-hover-text-color);--jl-button-active-border-color: var(--jl-color-primary);--jl-button-active-bg-color: var(--jl-button-hover-bg-color);--jl-button-outline-color: var(--jl-color-primary-light-5);--jl-button-active-color: var(--jl-text-color-primary)}.jl-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--jl-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--jl-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--jl-button-bg-color);border:var(--jl-border);border-color:var(--jl-button-border-color);padding:8px 15px;font-size:var(--jl-font-size-base);border-radius:var(--jl-border-radius-base)}.jl-button+.jl-button{margin-left:12px}.jl-button:hover,.jl-button:focus{color:var(--jl-button-hover-text-color);border-color:var(--jl-button-hover-border-color);background-color:var(--jl-button-hover-bg-color);outline:none}.jl-button:active{color:var(--jl-button-active-text-color);border-color:var(--jl-button-active-border-color);background-color:var(--jl-button-active-bg-color);outline:none}.jl-button.is-plain{--jl-button-hover-text-color: var(--jl-color-primary);--jl-button-hover-bg-color: var(--jl-fill-color-blank);--jl-button-hover-border-color: var(--jl-color-primary)}.jl-button.is-round{border-radius:var(--jl-border-radius-round)}.jl-button.is-circle{border-radius:50%;padding:8px;width:32px}.jl-button.is-disabled,.jl-button.is-disabled:hover,.jl-button.is-disabled:focus,.jl-button[disabled],.jl-button[disabled]:hover,.jl-button[disabled]:focus{color:var(--jl-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--jl-button-disabled-bg-color);border-color:var(--jl-button-disabled-border-color)}.jl-button [class*=jl-icon]+span{margin-left:6px}.jl-button--primary{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-primary);--jl-button-border-color: var(--jl-color-primary);--jl-button-outline-color: var(--jl-color-primary-light-5);--jl-button-active-color: var(--jl-color-primary-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-primary-light-3);--jl-button-hover-border-color: var(--jl-color-primary-light-3);--jl-button-active-bg-color: var(--jl-color-primary-dark-2);--jl-button-active-border-color: var(--jl-color-primary-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-primary-light-5);--jl-button-disabled-border-color: var(--jl-color-primary-light-5)}.jl-button--primary.is-plain{--jl-button-text-color: var(--jl-color-primary);--jl-button-bg-color: var(--jl-color-primary-light-9);--jl-button-border-color: var(--jl-color-primary-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-primary);--jl-button-hover-border-color: var(--jl-color-primary);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--success{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-success);--jl-button-border-color: var(--jl-color-success);--jl-button-outline-color: var(--jl-color-success-light-5);--jl-button-active-color: var(--jl-color-success-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-success-light-3);--jl-button-hover-border-color: var(--jl-color-success-light-3);--jl-button-active-bg-color: var(--jl-color-success-dark-2);--jl-button-active-border-color: var(--jl-color-success-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-success-light-5);--jl-button-disabled-border-color: var(--jl-color-success-light-5)}.jl-button--success.is-plain{--jl-button-text-color: var(--jl-color-success);--jl-button-bg-color: var(--jl-color-success-light-9);--jl-button-border-color: var(--jl-color-success-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-success);--jl-button-hover-border-color: var(--jl-color-success);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--warning{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-warning);--jl-button-border-color: var(--jl-color-warning);--jl-button-outline-color: var(--jl-color-warning-light-5);--jl-button-active-color: var(--jl-color-warning-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-warning-light-3);--jl-button-hover-border-color: var(--jl-color-warning-light-3);--jl-button-active-bg-color: var(--jl-color-warning-dark-2);--jl-button-active-border-color: var(--jl-color-warning-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-warning-light-5);--jl-button-disabled-border-color: var(--jl-color-warning-light-5)}.jl-button--warning.is-plain{--jl-button-text-color: var(--jl-color-warning);--jl-button-bg-color: var(--jl-color-warning-light-9);--jl-button-border-color: var(--jl-color-warning-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-warning);--jl-button-hover-border-color: var(--jl-color-warning);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--info{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-info);--jl-button-border-color: var(--jl-color-info);--jl-button-outline-color: var(--jl-color-info-light-5);--jl-button-active-color: var(--jl-color-info-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-info-light-3);--jl-button-hover-border-color: var(--jl-color-info-light-3);--jl-button-active-bg-color: var(--jl-color-info-dark-2);--jl-button-active-border-color: var(--jl-color-info-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-info-light-5);--jl-button-disabled-border-color: var(--jl-color-info-light-5)}.jl-button--info.is-plain{--jl-button-text-color: var(--jl-color-info);--jl-button-bg-color: var(--jl-color-info-light-9);--jl-button-border-color: var(--jl-color-info-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-info);--jl-button-hover-border-color: var(--jl-color-info);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--danger{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-danger);--jl-button-border-color: var(--jl-color-danger);--jl-button-outline-color: var(--jl-color-danger-light-5);--jl-button-active-color: var(--jl-color-danger-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-danger-light-3);--jl-button-hover-border-color: var(--jl-color-danger-light-3);--jl-button-active-bg-color: var(--jl-color-danger-dark-2);--jl-button-active-border-color: var(--jl-color-danger-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-danger-light-5);--jl-button-disabled-border-color: var(--jl-color-danger-light-5)}.jl-button--danger.is-plain{--jl-button-text-color: var(--jl-color-danger);--jl-button-bg-color: var(--jl-color-danger-light-9);--jl-button-border-color: var(--jl-color-danger-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-danger);--jl-button-hover-border-color: var(--jl-color-danger);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--large{--jl-button-size: 40px;height:var(--jl-button-size);padding:12px 19px;font-size:var(--jl-font-size-base);border-radius:var(--jl-border-radius-base)}.jl-button--large.is-circle{width:var(--jl-button-size);padding:12px}.jl-button--small{--jl-button-size: 24px;height:var(--jl-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--jl-border-radius-base) - 1px)}.jl-button--small.is-circle{width:var(--jl-button-size);padding:5px}.jl-collapse{--jl-collapse-border-color: var(--jl-border-color-light);--jl-collapse-header-height: 48px;--jl-collapse-header-bg-color: var(--jl-fill-color-blank);--jl-collapse-header-text-color: var(--jl-text-color-primary);--jl-collapse-header-font-size: 13px;--jl-collapse-content-bg-color: var(--jl-fill-color-blank);--jl-collapse-content-font-size: 13px;--jl-collapse-content-text-color: var(--jl-text-color-primary);--jl-collapse-disabled-text-color: var(--jl-disabled-text-color);--jl-collapse-disabled-border-color: var(--jl-border-color-lighter);border-top:1px solid var(--jl-collapse-border-color);border-bottom:1px solid var(--jl-collapse-border-color)}.jl-collapse-item__header{display:flex;align-items:center;justify-content:space-between;height:var(--jl-collapse-header-height);line-height:var(--jl-collapse-header-height);background-color:var(--jl-collapse-header-bg-color);color:var(--jl-collapse-header-text-color);cursor:pointer;font-size:var(--jl-collapse-header-font-size);font-weight:500;transition:border-bottom-color var(--jl-transition-duration);outline:none;border-bottom:1px solid var(--jl-collapse-border-color)}.jl-collapse-item__header.is-disabled{color:var(--jl-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.jl-collapse-item__header.is-active{border-bottom-color:transparent}.jl-collapse-item__header.is-active .header-angle{transform:rotate(90deg)}.jl-collapse-item__header .header-angle{transition:transform var(--jl-transition-duration)}.jl-collapse-item__content{will-change:height;background-color:var(--jl-collapse-content-bg-color);overflow:hidden;box-sizing:border-box;font-size:var(--jl-collapse-content-font-size);color:var(--jl-collapse-content-text-color);border-bottom:1px solid var(--jl-collapse-border-color);padding-bottom:25px}.slide-enter-active,.slide-leave-active{transition:height var(--jl-transition-duration)}.jl-icon{--jl-icon-color: inherit;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--jl-icon-color);font-size:inherit}.jl-icon--primary{--jl-icon-color: var(--jl-color-primary)}.jl-icon--info{--jl-icon-color: var(--jl-color-info)}.jl-icon--success{--jl-icon-color: var(--jl-color-success)}.jl-icon--warning{--jl-icon-color: var(--jl-color-warning)}.jl-icon--danger{--jl-icon-color: var(--jl-color-danger)}.jl-tooltip{--jl-popover-bg-color: var(--jl-bg-color-overlay);--jl-popover-font-size: var(--jl-font-size-base);--jl-popover-border-color: var(--jl-border-color);--jl-popover-padding: 12px;--jl-popover-border-radius: 4px;display:inline-block}.jl-tooltip .jl-tooltip__popper{background:var(--jl-popover-bg-color);border-radius:var(--jl-popover-border-radius);border:1px solid var(--jl-popover-border-color);padding:var(--jl-popover-padding);color:var(--jl-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--jl-popover-font-size);box-shadow:var(--jl-box-shadow-light);word-break:break-all;box-sizing:border-box;z-index:1000}.jl-tooltip .jl-tooltip__popper #arrow,.jl-tooltip .jl-tooltip__popper #arrow:before{position:absolute;width:8px;height:8px;box-sizing:border-box;background:var(--jl-popover-bg-color)}.jl-tooltip .jl-tooltip__popper #arrow{visibility:hidden}.jl-tooltip .jl-tooltip__popper #arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=top]>#arrow{bottom:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=bottom]>#arrow{top:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=left]>#arrow{right:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=right]>#arrow{left:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=top]>#arrow:before{border-right:1px solid var(--jl-popover-border-color);border-bottom:1px solid var(--jl-popover-border-color)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=bottom]>#arrow:before{border-left:1px solid var(--jl-popover-border-color);border-top:1px solid var(--jl-popover-border-color)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=left]>#arrow:before{border-right:1px solid var(--jl-popover-border-color);border-top:1px solid var(--jl-popover-border-color)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=right]>#arrow:before{border-left:1px solid var(--jl-popover-border-color);border-bottom:1px solid var(--jl-popover-border-color)}.jl-tooltip .fade-enter-active,.jl-tooltip .fade-leave-active{transition:opacity var(--jl-transition-duration)}.jl-tooltip .fade-enter-from,.jl-tooltip .fade-leave-to{opacity:0}.jl-dropdown .jl-dropdown__menu{--jl-dropdown-menuItem-hover-fill: var(--jl-color-primary-light-9);--jl-dropdown-menuItem-hover-color: var(--jl-color-primary);--jl-dropdown-menuItem-disabled-color: var(--jl-border-color-lighter);--jl-dropdown-menuItem-divided-color: var(--jl-border-color-lighter)}.jl-dropdown{display:inline-block}.jl-dropdown .jl-tooltip{--jl-popover-padding: 5px 0}.jl-dropdown__menu{list-style-type:none;margin:0;padding:0}.jl-dropdown__menu .jl-dropdown__item{display:flex;align-items:center;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--jl-font-size-base);color:var(--jl-text-color-regular);cursor:pointer;outline:none}.jl-dropdown__menu .jl-dropdown__item:hover{background-color:var(--jl-dropdown-menuItem-hover-fill);color:var(--jl-dropdown-menuItem-hover-color)}.jl-dropdown__menu .jl-dropdown__item.is-disabled{color:var(--jl-dropdown-menuItem-disabled-color);cursor:not-allowed;background-image:none}.jl-dropdown__menu .divided-placeholder{margin:6px 0;border-top:1px solid var(--jl-dropdown-menuItem-divided-color)}.jl-message{--jl-message-bg-color: var(--jl-color-info-light-9);--jl-message-border-color: var(--jl-border-color-lighter);--jl-message-padding: 15px 19px;--jl-message-close-size: 16px;--jl-message-close-icon-color: var(--jl-text-color-placeholder);--jl-message-close-hover-color: var(--jl-text-color-secondary)}.jl-message{width:fit-content;max-width:calc(100% - 32px);box-sizing:border-box;border-radius:var(--jl-border-radius-base);border-width:var(--jl-border-width);border-style:var(--jl-border-style);border-color:var(--jl-message-border-color);position:fixed;left:50%;top:20px;transform:translate(-50%);background-color:var(--jl-message-bg-color);padding:var(--jl-message-padding);display:flex;align-items:center;transition:top var(--jl-transition-duration),opacity var(--jl-transition-duration),transform var(--jl-transition-duration)}.jl-message .jl-message__content{color:var(--jl-message-text-color);overflow-wrap:anywhere}.jl-message.is-close .jl-message__content{padding-right:30px}.jl-message .jl-message__close{display:flex;align-items:center}.jl-message .jl-message__close svg{cursor:pointer}.jl-message--info{--jl-message-bg-color: var(--jl-color-info-light-9);--jl-message-border-color: var(--jl-color-info-light-8);--jl-message-text-color: var(--jl-color-info)}.jl-message--info .jl-message__close{--jl-icon-color: var(--jl-color-info)}.jl-message--success{--jl-message-bg-color: var(--jl-color-success-light-9);--jl-message-border-color: var(--jl-color-success-light-8);--jl-message-text-color: var(--jl-color-success)}.jl-message--success .jl-message__close{--jl-icon-color: var(--jl-color-success)}.jl-message--warning{--jl-message-bg-color: var(--jl-color-warning-light-9);--jl-message-border-color: var(--jl-color-warning-light-8);--jl-message-text-color: var(--jl-color-warning)}.jl-message--warning .jl-message__close{--jl-icon-color: var(--jl-color-warning)}.jl-message--danger{--jl-message-bg-color: var(--jl-color-danger-light-9);--jl-message-border-color: var(--jl-color-danger-light-8);--jl-message-text-color: var(--jl-color-danger)}.jl-message--danger .jl-message__close{--jl-icon-color: var(--jl-color-danger)}.jl-message.fade-up-enter-from,.jl-message.fade-up-leave-to{opacity:0;transform:translate(-50%,-100%)}
|