vue-devui 1.5.6 → 1.5.7

package/tree/style.css

@@ -1 +1 @@
-.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 4px 8px 0) var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;color:var(--devui-text, #252b3a)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 14px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 14px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox__tick-wrap{position:absolute}.devui-checkbox .devui-checkbox__tick-wrap .devui-checkbox__tick{fill:var(--devui-light-text, #ffffff);stroke-dashoffset:50;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.devui-checkbox.active:not(.half-checked) .devui-checkbox__tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset .3s cubic-bezier(.755,.05,.855,.06),opacity .2s cubic-bezier(.755,.05,.855,.06)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material:not(.custom-color),.devui-checkbox.half-checked:not(.disabled) .devui-checkbox__material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active .devui-checkbox--bordered,.devui-checkbox.half-checked .devui-checkbox--bordered{border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color){background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color):hover{border-color:var(--devui-icon-fill-active, #252b3a)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color)>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.half-checked .devui-checkbox__material.custom-color>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox__material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat 50%/0;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox__material.devui-checkbox__default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox__material.devui-checkbox--no-label{margin-right:0}.devui-checkbox .devui-checkbox__material>.devui-checkbox__halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #252b3a)}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:400;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:flex;align-items:center}.devui-checkbox label.devui-checkbox--lg{display:flex;align-items:center;font-size:var(--devui-font-size-lg, 14px)}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material>svg{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg.devui-checkbox--bordered{height:40px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--md{display:flex;align-items:center;font-size:var(--devui-font-size-md, 14px)}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material>svg{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md.devui-checkbox--bordered{height:32px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--sm{display:flex;align-items:center;font-size:var(--devui-font-size-sm, 12px)}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm.devui-checkbox--bordered{height:24px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--bordered{border:1px solid var(--devui-disabled-line, #dfe1e6);border-radius:var(--devui-border-radius, 2px)}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox label>span.devui-checkbox__material{flex-shrink:0}.devui-checkbox label>span.devui-checkbox__label-text{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-checkbox.disabled .devui-checkbox__material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox__material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material{background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material .devui-checkbox__halfchecked-bg{transform:scale(.4288);background-color:var(--devui-disabled-text, #adb0b8);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-checkbox--no-animation{transition:none!important}.devui-checkbox__column-margin{height:28px;line-height:28px}.devui-checkbox__wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-checkbox__group{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.devui-checkbox__group>*{margin-top:8px}.devui-checkbox__group.is-row{flex-direction:row}.devui-checkbox__group.is-row div:not(:last-child){margin-right:20px}.devui-checkbox__group.is-column{flex-direction:column}.devui-checkbox-button{display:flex;align-items:center;position:relative}.devui-checkbox-button__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox-button__content{font-size:14px;color:var(--devui-text, #252b3a);padding:10px 20px;cursor:pointer;border:1px solid var(--devui-disabled-line, #dfe1e6);display:inline-block;line-height:1;user-select:none}.devui-checkbox-button__content.devui-checkbox-button--lg{font-size:var(--devui-font-size-lg, 14px);padding:var(--devui-btn-lg-padding, 0 24px);height:40px;line-height:40px}.devui-checkbox-button__content.devui-checkbox-button--md{font-size:var(--devui-font-size-md, 14px);padding:var(--devui-btn-padding, 0 20px);height:32px;line-height:32px}.devui-checkbox-button__content.devui-checkbox-button--sm{font-size:var(--devui-font-size-sm, 12px);padding:var(--devui-btn-sm-padding, 0 16px);height:24px;line-height:24px}.devui-checkbox-button.active .devui-checkbox-button__content{color:#fff;background-color:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox-button.active.disabled .devui-checkbox-button__content{color:#fff;background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox-button.disabled .devui-checkbox-button__content{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8);background-color:#fff;border-color:var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button__content{border-left:none;box-shadow:-1px 0 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-bottom-left-radius:var(--devui-border-radius, 2px);border-left:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-row .devui-checkbox-button:last-child .devui-checkbox-button__content{border-top-right-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}.devui-checkbox__group.is-column .devui-checkbox-button{width:100%;margin-top:0}.devui-checkbox__group.is-column .devui-checkbox-button__content{width:100%;border-top:none;box-shadow:0 -1px 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-column .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-top-right-radius:var(--devui-border-radius, 2px);border-top:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-column .devui-checkbox-button:last-child .devui-checkbox-button__content{border-bottom-left-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}@charset "UTF-8";.devui-text-ellipsis,.devui-tree__node .devui-tree__node-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.devui-tree-indicator{height:1px;background-color:var(--devui-brand, #5e7ce0);position:absolute}.devui-tree__node{height:30px;color:var(--devui-text-weak, #575d6c);line-height:1.5;white-space:nowrap;position:relative}.devui-tree__node--drop-inner .devui-tree__node--drop-top{position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-inner .devui-tree__node--drop-bottom{position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-inner .devui-tree__node--drop-left{position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-inner .devui-tree__node--drop-right{position:absolute;top:0;bottom:0;right:0;width:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-prev .devui-tree__node--drop-top{position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-next:before .devui-tree__node--drop-bottom{position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node .devui-tree__node-content{display:inline-flex;align-items:center;font-size:var(--devui-font-size, 14px);padding-right:10px;width:100%;border-radius:var(--devui-border-radius, 2px);padding-left:6px;cursor:pointer}.devui-tree__node .devui-tree__node-content.active{background-color:var(--devui-list-item-selected-bg, #f2f5fc);text-decoration:none;border-color:transparent}.devui-tree__node .devui-tree__node-content:not(.active):hover{transition:background-color .5s;background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-tree__node .devui-tree__node-content--value-wrapper{display:inline-flex;align-items:center;height:30px;overflow:hidden}.devui-tree__node .devui-tree__node-content--value-wrapper .devui-tree__node-loading{margin-left:50px}.devui-tree__node .devui-tree__node-content--value-wrapper .devui-tree__node-loading .devui-loading-area{background:none}.devui-tree__node .devui-tree-node__children{padding-left:10px}.devui-tree__node .devui-tree-node__children:first-child{border-left-color:transparent}.devui-tree__node .devui-tree-node__children .devui-tree__node{margin-left:8px;content:"";position:relative}.devui-tree__node .devui-tree-node__children .devui-tree__node:last-child{border-left-color:transparent}.devui-tree__node .devui-tree__node-title{margin-left:5px;display:inline-block;border:1px dashed transparent;border-radius:var(--devui-border-radius, 2px);max-width:100%;flex:1}.devui-tree__node .devui-tree__node-title:not(.disabled){cursor:pointer}.devui-tree__node .devui-tree__node-title .devui-tree__match-highlight{font-weight:700;color:var(--devui-brand, #5e7ce0)}.devui-tree__node .devui-tree-node__edit{margin-left:.4em;padding:.1em}.devui-tree__node .devui-tree-node__edit>.devui-input-sm{height:26px}.devui-tree__node .devui-tree-node__edit>.devui-input-sm.error,.devui-tree__node .devui-tree-node__edit>.devui-input-sm.error:hover,.devui-tree__node .devui-tree-node__edit>.devui-input-sm.error:focus{border-color:var(--devui-danger, #f66f6a)}.devui-tree__node .devui-tree-node__leaf:not(.disabled){cursor:default}.devui-tree__node .devui-tree-node__leaf .devui-tree-node__leaf--default{color:#f2a71f}.devui-tree__node .devui-tree-node__leaf .devui-leaf-icon-none{display:inline-block;width:16px;height:16px}.devui-tree__node .devui-tree__node-folder{display:inline-block;vertical-align:middle;user-select:none;font-size:var(--devui-font-size-icon, 16px);height:16px;line-height:16px}.devui-tree__node .devui-tree__node-folder .devui-tree-node__folder--icon{display:inline-block;height:16px;line-height:16px}.devui-tree__node .devui-tree__node-folder .devui-tree-node__folder--icon:hover svg g path{fill:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node .devui-tree__node-folder .devui-tree-node__folder--icon:hover svg g rect{stroke:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node .devui-tree__node-folder:not(.disabled){cursor:pointer}.devui-tree__node .devui-tree__node-folder .devui-tree-node__folder--default{color:#f2b806}.devui-tree__node-indent{display:inline-block;width:16px;height:16px;margin-left:8px}.devui-tree__node .devui-loading-children{display:inline-block;vertical-align:middle;margin-left:.5em;margin-top:.15em;color:var(--devui-info, #5e7ce0);font-style:italic;font-size:1em;animation-name:devui-loading-children;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes devui-loading-children{0%{color:#627fe1}12.5%{color:#627fe1}25%{color:#617fe1}37.5%{color:#617ee1}50%{color:#607ee0}62.5%{color:#607ee0}75%{color:#5f7de0}87.5%{color:#5e7ce0}to{color:#5e7ce0}}.devui-tree__node svg.svg-icon path{fill:var(--devui-icon-text, #71757f)}.devui-tree__node svg.svg-icon rect{stroke:var(--devui-icon-text, #71757f)}.devui-tree__node.devui-tree__node--open:not(.devui-tree-node__customIcon)>.devui-tree__node-content svg.svg-icon path{fill:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node.devui-tree__node--open:not(.devui-tree-node__customIcon)>.devui-tree__node-content svg.svg-icon rect{stroke:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node.devui-tree__node--open:not(.devui-tree-node__customIcon)>.devui-tree__node-content svg.svg-icon.svg-icon-close rect:last-child{stroke:none;fill:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node svg.svg-icon.svg-icon-close rect:last-child{stroke:none;fill:var(--devui-icon-text, #71757f)}::ng-deep .devui-tree-mask{background:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-tree__node.devui-tree-without-virtual-scroll.devui-tree__node--open>.devui-tree__node-content{position:relative}.devui-tree__node.devui-tree-without-virtual-scroll>.devui-tree-node__children{position:relative}.devui-tree__node.devui-tree-without-virtual-scroll>.devui-tree-node__children:before{content:"";width:1px;height:calc(100% - 15px);background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;left:9px;top:0}.devui-tree__node.devui-tree-without-virtual-scroll>.devui-tree-node__children .devui-tree__node-content{position:relative}.devui-tree__node.devui-tree-without-virtual-scroll>.devui-tree-node__children .devui-tree__node-content:before{content:"";width:8px;height:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;left:-9px;top:50%}.devui-tree-vertical-line{width:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute}.devui-tree-horizontal-line{height:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;top:50%;margin-left:-16px}.toggle-disabled{cursor:not-allowed!important}.toggle-disabled svg.svg-icon rect{stroke:var(--devui-disabled-text, #adb0b8)!important}.toggle-disabled svg.svg-icon.svg-icon-close rect:last-child{stroke:none!important;fill:var(--devui-disabled-text, #adb0b8)!important}.toggle-disabled svg.svg-icon path{fill:var(--devui-disabled-text, #adb0b8)!important}.select-disabled{color:var(--devui-disabled-text, #adb0b8)!important;cursor:not-allowed!important;background-color:transparent!important}.devui-tree__node{font-size:0}.devui-tree__node,.devui-tree__node-content{position:relative}.devui-tree__node-vline{width:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute}.devui-tree__node-hline{width:9px;height:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;left:-15px;top:50%}.devui-tree__node-operation-area,.devui-tree__node-operation-area .devui-icon__container{margin-left:8px}.devui-tree__node-operation-area .devui-icon__container:first-child{margin-left:0}.devui-tree__node-operation-area .devui-icon__container:hover{cursor:pointer}.devui-tree--list-enter-active,.devui-tree--list-leave-active{transition:opacity .3s cubic-bezier(.5,.05,.5,.95),height .3s cubic-bezier(.5,.05,.5,.95)}.devui-tree--list-enter-from,.devui-tree--list-leave-to{opacity:0;height:0}
+.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;color:var(--devui-text, #252b3a)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 12px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox__tick-wrap{position:absolute}.devui-checkbox .devui-checkbox__tick-wrap .devui-checkbox__tick{fill:var(--devui-light-text, #ffffff);stroke-dashoffset:50;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.devui-checkbox.active:not(.half-checked) .devui-checkbox__tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset .3s cubic-bezier(.755,.05,.855,.06),opacity .2s cubic-bezier(.755,.05,.855,.06)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material:not(.custom-color),.devui-checkbox.half-checked:not(.disabled) .devui-checkbox__material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active .devui-checkbox--bordered,.devui-checkbox.half-checked .devui-checkbox--bordered{border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color){background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color):hover{border-color:var(--devui-icon-fill-active, #252b3a)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color)>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.half-checked .devui-checkbox__material.custom-color>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox__material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat 50%/0;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox__material.devui-checkbox__default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox__material.devui-checkbox--no-label{margin-right:0}.devui-checkbox .devui-checkbox__material>.devui-checkbox__halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #252b3a)}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:400;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:flex;align-items:center}.devui-checkbox label.devui-checkbox--lg{display:flex;align-items:center;font-size:var(--devui-font-size-lg, 14px)}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material>svg{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg.devui-checkbox--bordered{height:40px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--md{display:flex;align-items:center;font-size:var(--devui-font-size-md, 12px)}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material>svg{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md.devui-checkbox--bordered{height:32px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--sm{display:flex;align-items:center;font-size:var(--devui-font-size-sm, 12px)}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm.devui-checkbox--bordered{height:24px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--bordered{border:1px solid var(--devui-disabled-line, #dfe1e6);border-radius:var(--devui-border-radius, 2px)}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox label>span.devui-checkbox__material{flex-shrink:0}.devui-checkbox label>span.devui-checkbox__label-text{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-checkbox.disabled .devui-checkbox__material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox__material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material{background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material .devui-checkbox__halfchecked-bg{transform:scale(.4288);background-color:var(--devui-disabled-text, #cfd0d3);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-checkbox--no-animation{transition:none!important}.devui-checkbox__column-margin{height:28px;line-height:28px}.devui-checkbox__wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-checkbox__group{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.devui-checkbox__group>*{margin-top:8px}.devui-checkbox__group.is-row{flex-direction:row}.devui-checkbox__group.is-row div:not(:last-child){margin-right:20px}.devui-checkbox__group.is-column{flex-direction:column}.devui-checkbox-button{display:flex;align-items:center;position:relative}.devui-checkbox-button__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox-button__content{font-size:14px;color:var(--devui-text, #252b3a);padding:10px 20px;cursor:pointer;border:1px solid var(--devui-disabled-line, #dfe1e6);display:inline-block;line-height:1;user-select:none}.devui-checkbox-button__content.devui-checkbox-button--lg{font-size:var(--devui-font-size-lg, 14px);padding:var(--devui-btn-lg-padding, 0 24px);height:40px;line-height:40px}.devui-checkbox-button__content.devui-checkbox-button--md{font-size:var(--devui-font-size-md, 12px);padding:var(--devui-btn-padding, 0 20px);height:32px;line-height:32px}.devui-checkbox-button__content.devui-checkbox-button--sm{font-size:var(--devui-font-size-sm, 12px);padding:var(--devui-btn-sm-padding, 0 16px);height:24px;line-height:24px}.devui-checkbox-button.active .devui-checkbox-button__content{color:#fff;background-color:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox-button.active.disabled .devui-checkbox-button__content{color:#fff;background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox-button.disabled .devui-checkbox-button__content{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3);background-color:#fff;border-color:var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button__content{border-left:none;box-shadow:-1px 0 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-bottom-left-radius:var(--devui-border-radius, 2px);border-left:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-row .devui-checkbox-button:last-child .devui-checkbox-button__content{border-top-right-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}.devui-checkbox__group.is-column .devui-checkbox-button{width:100%;margin-top:0}.devui-checkbox__group.is-column .devui-checkbox-button__content{width:100%;border-top:none;box-shadow:0 -1px 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-column .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-top-right-radius:var(--devui-border-radius, 2px);border-top:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-column .devui-checkbox-button:last-child .devui-checkbox-button__content{border-bottom-left-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}@charset "UTF-8";.devui-text-ellipsis,.devui-tree__node .devui-tree__node-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.devui-tree-indicator{height:1px;background-color:var(--devui-brand, #5e7ce0);position:absolute}.devui-tree__node{height:30px;color:var(--devui-text-weak, #575d6c);line-height:1.5;white-space:nowrap;position:relative}.devui-tree__node--drop-inner .devui-tree__node--drop-top{position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-inner .devui-tree__node--drop-bottom{position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-inner .devui-tree__node--drop-left{position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-inner .devui-tree__node--drop-right{position:absolute;top:0;bottom:0;right:0;width:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-prev .devui-tree__node--drop-top{position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-next:before .devui-tree__node--drop-bottom{position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node .devui-tree__node-content{display:inline-flex;align-items:center;font-size:var(--devui-font-size, 12px);padding-right:10px;width:100%;border-radius:var(--devui-border-radius, 2px);padding-left:6px;cursor:pointer}.devui-tree__node .devui-tree__node-content.active{background-color:var(--devui-list-item-selected-bg, #f2f5fc);text-decoration:none;border-color:transparent}.devui-tree__node .devui-tree__node-content:not(.active):hover{transition:background-color .5s;background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-tree__node .devui-tree__node-content--value-wrapper{display:inline-flex;align-items:center;height:30px;overflow:hidden}.devui-tree__node .devui-tree__node-content--value-wrapper .devui-tree__node-loading{margin-left:50px}.devui-tree__node .devui-tree__node-content--value-wrapper .devui-tree__node-loading .devui-loading-area{background:none}.devui-tree__node .devui-tree-node__children{padding-left:10px}.devui-tree__node .devui-tree-node__children:first-child{border-left-color:transparent}.devui-tree__node .devui-tree-node__children .devui-tree__node{margin-left:8px;content:"";position:relative}.devui-tree__node .devui-tree-node__children .devui-tree__node:last-child{border-left-color:transparent}.devui-tree__node .devui-tree__node-title{margin-left:5px;display:inline-block;border:1px dashed transparent;border-radius:var(--devui-border-radius, 2px);max-width:100%;flex:1}.devui-tree__node .devui-tree__node-title:not(.disabled){cursor:pointer}.devui-tree__node .devui-tree__node-title .devui-tree__match-highlight{font-weight:700;color:var(--devui-brand, #5e7ce0)}.devui-tree__node .devui-tree-node__edit{margin-left:.4em;padding:.1em}.devui-tree__node .devui-tree-node__edit>.devui-input-sm{height:26px}.devui-tree__node .devui-tree-node__edit>.devui-input-sm.error,.devui-tree__node .devui-tree-node__edit>.devui-input-sm.error:hover,.devui-tree__node .devui-tree-node__edit>.devui-input-sm.error:focus{border-color:var(--devui-danger, #f66f6a)}.devui-tree__node .devui-tree-node__leaf:not(.disabled){cursor:default}.devui-tree__node .devui-tree-node__leaf .devui-tree-node__leaf--default{color:#f2a71f}.devui-tree__node .devui-tree-node__leaf .devui-leaf-icon-none{display:inline-block;width:16px;height:16px}.devui-tree__node .devui-tree__node-folder{display:inline-block;vertical-align:middle;user-select:none;font-size:var(--devui-font-size-icon, 16px);height:16px;line-height:16px}.devui-tree__node .devui-tree__node-folder .devui-tree-node__folder--icon{display:inline-block;height:16px;line-height:16px}.devui-tree__node .devui-tree__node-folder .devui-tree-node__folder--icon:hover svg g path{fill:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node .devui-tree__node-folder .devui-tree-node__folder--icon:hover svg g rect{stroke:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node .devui-tree__node-folder:not(.disabled){cursor:pointer}.devui-tree__node .devui-tree__node-folder .devui-tree-node__folder--default{color:#f2b806}.devui-tree__node-indent{display:inline-block;width:16px;height:16px;margin-left:8px}.devui-tree__node .devui-loading-children{display:inline-block;vertical-align:middle;margin-left:.5em;margin-top:.15em;color:var(--devui-info, #5e7ce0);font-style:italic;font-size:1em;animation-name:devui-loading-children;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes devui-loading-children{0%{color:#627fe1}12.5%{color:#627fe1}25%{color:#617fe1}37.5%{color:#617ee1}50%{color:#607ee0}62.5%{color:#607ee0}75%{color:#5f7de0}87.5%{color:#5e7ce0}to{color:#5e7ce0}}.devui-tree__node svg.svg-icon path{fill:var(--devui-icon-text, #71757f)}.devui-tree__node svg.svg-icon rect{stroke:var(--devui-icon-text, #71757f)}.devui-tree__node.devui-tree__node--open:not(.devui-tree-node__customIcon)>.devui-tree__node-content svg.svg-icon path{fill:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node.devui-tree__node--open:not(.devui-tree-node__customIcon)>.devui-tree__node-content svg.svg-icon rect{stroke:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node.devui-tree__node--open:not(.devui-tree-node__customIcon)>.devui-tree__node-content svg.svg-icon.svg-icon-close rect:last-child{stroke:none;fill:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node svg.svg-icon.svg-icon-close rect:last-child{stroke:none;fill:var(--devui-icon-text, #71757f)}::ng-deep .devui-tree-mask{background:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-tree__node.devui-tree-without-virtual-scroll.devui-tree__node--open>.devui-tree__node-content{position:relative}.devui-tree__node.devui-tree-without-virtual-scroll>.devui-tree-node__children{position:relative}.devui-tree__node.devui-tree-without-virtual-scroll>.devui-tree-node__children:before{content:"";width:1px;height:calc(100% - 15px);background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;left:9px;top:0}.devui-tree__node.devui-tree-without-virtual-scroll>.devui-tree-node__children .devui-tree__node-content{position:relative}.devui-tree__node.devui-tree-without-virtual-scroll>.devui-tree-node__children .devui-tree__node-content:before{content:"";width:8px;height:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;left:-9px;top:50%}.devui-tree-vertical-line{width:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute}.devui-tree-horizontal-line{height:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;top:50%;margin-left:-16px}.toggle-disabled{cursor:not-allowed!important}.toggle-disabled svg.svg-icon rect{stroke:var(--devui-disabled-text, #cfd0d3)!important}.toggle-disabled svg.svg-icon.svg-icon-close rect:last-child{stroke:none!important;fill:var(--devui-disabled-text, #cfd0d3)!important}.toggle-disabled svg.svg-icon path{fill:var(--devui-disabled-text, #cfd0d3)!important}.select-disabled{color:var(--devui-disabled-text, #cfd0d3)!important;cursor:not-allowed!important;background-color:transparent!important}.devui-tree__node{font-size:0}.devui-tree__node,.devui-tree__node-content{position:relative}.devui-tree__node-vline{width:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute}.devui-tree__node-hline{width:9px;height:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;left:-15px;top:50%}.devui-tree__node-operation-area,.devui-tree__node-operation-area .devui-icon__container{margin-left:8px}.devui-tree__node-operation-area .devui-icon__container:first-child{margin-left:0}.devui-tree__node-operation-area .devui-icon__container:hover{cursor:pointer}.devui-tree--list-enter-active,.devui-tree--list-leave-active{transition:opacity .3s cubic-bezier(.5,.05,.5,.95),height .3s cubic-bezier(.5,.05,.5,.95)}.devui-tree--list-enter-from,.devui-tree--list-leave-to{opacity:0;height:0}

package/types/code-editor/src/code-highlight-directive.d.ts

@@ -0,0 +1,5 @@
+declare const CodeHighlightDirective: {
+    mounted(el: HTMLElement): Promise<void>;
+    updated(el: HTMLElement): void;
+};
+export default CodeHighlightDirective;

package/types/code-review/src/code-review-types.d.ts

@@ -1,4 +1,5 @@
-import type { ExtractPropTypes, PropType } from 'vue';
+import type { ExtractPropTypes, InjectionKey, PropType, SetupContext, Ref } from 'vue';
+import type { DiffFile } from 'diff2html/lib/types';
 export declare type OutputFormat = 'line-by-line' | 'side-by-side';
 export declare const codeReviewProps: {
     diff: {
@@ -6,9 +7,19 @@ export declare const codeReviewProps: {
         required: boolean;
         default: string;
     };
+    fold: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     outputFormat: {
         type: PropType<OutputFormat>;
         default: string;
     };
 };
 export declare type CodeReviewProps = ExtractPropTypes<typeof codeReviewProps>;
+export interface CodeReviewContext {
+    diffInfo: DiffFile;
+    isFold: Ref<boolean>;
+    rootCtx: SetupContext;
+}
+export declare const CodeReviewInjectionKey: InjectionKey<CodeReviewContext>;

package/types/code-review/src/code-review.d.ts

@@ -1,4 +1,3 @@
-import 'diff2html/bundles/css/diff2html.min.css';
 import './code-review.scss';
 declare const _default: import("vue").DefineComponent<{
     diff: {
@@ -6,22 +5,31 @@ declare const _default: import("vue").DefineComponent<{
         required: boolean;
         default: string;
     };
+    fold: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     outputFormat: {
         type: import("vue").PropType<import("./code-review-types").OutputFormat>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "foldChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     diff: {
         type: StringConstructor;
         required: boolean;
         default: string;
     };
+    fold: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     outputFormat: {
         type: import("vue").PropType<import("./code-review-types").OutputFormat>;
         default: string;
     };
 }>>, {
     diff: string;
+    fold: boolean;
     outputFormat: import("./code-review-types").OutputFormat;
 }>;
 export default _default;

package/types/code-review/src/components/code-review-header.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/types/code-review/src/components/code-review-icons.d.ts

@@ -0,0 +1,2 @@
+export declare function FoldIcon(): JSX.Element;
+export declare function CopyIcon(): JSX.Element;

package/types/code-review/src/composables/use-code-review-header.d.ts

@@ -0,0 +1,6 @@
+import type { DiffFile } from 'diff2html/lib/types';
+export declare function useCodeReviewCopy(diffInfo: DiffFile): {
+    copyTipsText: import("vue").Ref<string>;
+    tipsPopType: import("vue").Ref<string>;
+    onCopy: () => void;
+};

package/types/code-review/src/composables/use-code-review.d.ts

@@ -1,4 +1,6 @@
+import type { SetupContext } from 'vue';
 import type { CodeReviewProps } from '../code-review-types';
-export declare function useCodeReview(props: CodeReviewProps): {
+export declare function useCodeReview(props: CodeReviewProps, ctx: SetupContext): {
     renderHtml: import("vue").Ref<string>;
+    isFold: import("vue").Ref<boolean>;
 };

package/types/shared/utils/index.d.ts

@@ -5,6 +5,7 @@ export * from './dom';
 export * from './lock-scroll';
 export * from './props-util';
 export * from './random-id';
+export * from './to-clipboard';
 export * from './set-style';
 export * from './middle-num';
 export * from './is';

package/types/shared/utils/to-clipboard.d.ts

@@ -0,0 +1 @@
+export declare function toClipboard(text: string): Promise<unknown>;

package/upload/style.css

@@ -1 +1 @@
-.devui-icon__container{display:inline-block;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--no-slots i,.devui-icon--no-slots img{display:block}.devui-icon--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #adb0b8)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;line-height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 2px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-icon-group{display:inline-flex;align-items:center}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){padding:8px;margin-left:0}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>*:not(:first-child){margin-left:0}.devui-notification{position:fixed;top:50px;right:20px;width:20em;word-break:normal;word-wrap:break-word;z-index:var(--devui-z-index-pop-up, 1060)}.devui-notification a:link,.devui-notification a:visited{color:var(--devui-link-light, #96adfa)}.devui-notification a:hover,.devui-notification a:active{color:var(--devui-link-light-active, #beccfa)}.devui-notification-item-container{position:relative;margin:0 0 8px;opacity:.95;filter:alpha(opacity=95);box-shadow:var(--devui-shadow-length-feedback-overlay, 0 8px 16px 0) var(--devui-shadow, rgba(37, 43, 58, .2));border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e)}.devui-notification__item{position:relative;display:block;padding:12px 16px}.devui-notification__icon-close{position:absolute;top:7px;right:10px;cursor:pointer}.devui-notification__icon-close i.icon{color:var(--devui-light-text, #ffffff)!important}.devui-notification__title{font-size:var(--devui-font-size-card-title, 16px);padding:0 0 calc(.5em - 2px) 0;display:block;font-weight:700}.devui-notification__image{position:absolute;display:inline-block;width:16px;height:16px;border-radius:50%;left:16px;top:14px;padding:0;line-height:1}.devui-notification__image.devui-notification__image--warning path.devui-notification__warning-outer{fill:var(--devui-warning-line, #fa9841)}.devui-notification__image.devui-notification__image--warning path.devui-notification__warning-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-notification__image.devui-notification__image--info{background-color:var(--devui-info, #5e7ce0)}.devui-notification__image.devui-notification__image--error{background-color:var(--devui-danger, #f66f6a)}.devui-notification__image.devui-notification__image--success{background-color:var(--devui-success, #50d4ab)}.devui-notification__image .devui-notification__image-info-path,.devui-notification__image .devui-notification__image-error-path,.devui-notification__image .devui-notification__image-success-path{fill:var(--devui-light-text, #ffffff)}.devui-notification__message{margin-left:20px}.devui-notification__message .devui-notification__content{font-size:var(--devui-font-size, 14px);margin-top:4px}.devui-notification-message-common .devui-notification__message{margin-left:0}.devui-notification__message p{font-size:var(--devui-font-size, 14px);margin-top:4px}.notification-fade-enter-active,.notification-fade-leave-active{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.notification-fade-enter-from,.notification-fade-leave-to{transform:translate(100%)}.devui-input-group{position:relative;display:flex!important;align-items:center;border-collapse:separate;width:360px}.devui-input-group:not(.disabled):hover .devui-input-group-addon{border-color:var(--devui-form-control-line-active, #5e7ce0);background-color:var(--devui-dividing-line, #f2f2f3);font-weight:700}.devui-input-group:not(.disabled):hover .devui-form-control{border-color:var(--devui-form-control-line-active, #5e7ce0);border-right-color:var(--devui-form-control-line, #d7d8da)}.devui-input-group:not(.disabled) .devui-input-group-addon:active{border-color:var(--devui-form-control-line-active, #5e7ce0);border-right-color:var(--devui-form-control-line, #d7d8da);background-color:var(--devui-dividing-line, #f2f2f3)}.devui-input-group .devui-input-group-addon{width:36px;white-space:nowrap;font-size:var(--devui-font-size-icon, 16px);font-weight:400;color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f8f8f8);border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:0 var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0;transition:border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));cursor:pointer;align-self:normal;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.devui-input-group .devui-form-control{cursor:pointer;display:block;width:100%;padding:4px 8px;font-size:var(--devui-font-size, 14px);line-height:32px;background-image:none;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px);border-right:none;transition:border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),box-shadow var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-input-group .devui-form-control.devui-upload__files-list{max-height:52px;padding:0 3px;overflow-x:hidden;overflow-y:auto;max-width:100%;margin:0}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-item{height:26px;line-height:26px;padding:0 48px 0 12px;margin-right:2px}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag{position:relative;background-color:var(--devui-label-bg, #e9edfa);border-radius:var(--devui-border-radius, 2px);max-width:100%}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .devui-upload__filename{height:100%;display:inline-block;vertical-align:middle;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon{position:absolute;cursor:pointer;right:8px;top:50%;transform:translateY(-50%)}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon.icon-right{color:var(--devui-success, #50d4ab)}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon.icon-running{font-size:16px}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon.devui-upload__delete-file-button{margin-right:20px}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon.devui-upload__delete,.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag:hover .devui-upload__progress,.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag:hover .icon-right{display:none}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag:hover .icon-close{display:inline-block}.devui-input-group.disabled .devui-upload__placeholder{color:var(--devui-disabled-text, #adb0b8)}.devui-input-group .devui-upload__placeholder{max-height:32px;line-height:22px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--devui-placeholder, #babbc0)}.devui-input-group .devui-upload__progress{width:16px;height:16px}.devui-input-group.disabled .devui-form-control,.devui-input-group.disabled .devui-input-group-addon{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-form-control{outline:none}.devui-input-group.disabled .devui-upload__delete-file-button{cursor:not-allowed;pointer-events:none}.devui-loading{color:var(--devui-aide-text, #71757f)}.devui-upload--failed-color{color:var(--devui-danger, #f66f6a)}.devui-upload{display:flex}.devui-upload-tip{height:18px;margin-top:8px;font-size:12px}.devui-upload-tip .icon{margin-right:8px;font-size:16px;vertical-align:middle}.devui-upload-tip .icon-right-o{color:var(--devui-success, #50d4ab)}.devui-upload-tip .devui-upload-failed{color:var(--devui-danger, #f66f6a)}.devui-upload-tip a{color:var(--devui-link, #526ecc);cursor:pointer}
+.devui-icon__container{display:inline-block;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--no-slots i,.devui-icon--no-slots img{display:block}.devui-icon--disabled{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #cfd0d3)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;line-height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 2px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-icon-group{display:inline-flex;align-items:center}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){padding:8px;margin-left:0}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>*:not(:first-child){margin-left:0}.devui-notification{position:fixed;top:50px;right:20px;width:20em;word-break:normal;word-wrap:break-word;z-index:var(--devui-z-index-pop-up, 1060)}.devui-notification a:link,.devui-notification a:visited{color:var(--devui-link-light, #96adfa)}.devui-notification a:hover,.devui-notification a:active{color:var(--devui-link-light-active, #beccfa)}.devui-notification-item-container{position:relative;margin:0 0 8px;opacity:.95;filter:alpha(opacity=95);box-shadow:var(--devui-shadow-length-feedback-overlay, 0 4px 16px 0) var(--devui-shadow, rgba(37, 43, 58, .24));border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e)}.devui-notification__item{position:relative;display:block;padding:12px 16px}.devui-notification__icon-close{position:absolute;top:7px;right:10px;cursor:pointer}.devui-notification__icon-close i.icon{color:var(--devui-light-text, #ffffff)!important}.devui-notification__title{font-size:var(--devui-font-size-card-title, 14px);padding:0 0 calc(.5em - 2px) 0;display:block;font-weight:700}.devui-notification__image{position:absolute;display:inline-block;width:16px;height:16px;border-radius:50%;left:16px;top:14px;padding:0;line-height:1}.devui-notification__image.devui-notification__image--warning path.devui-notification__warning-outer{fill:var(--devui-warning-line, #fa9841)}.devui-notification__image.devui-notification__image--warning path.devui-notification__warning-inner{fill:var(--devui-light-text, #ffffff);stroke:var(--devui-light-text, #ffffff)}.devui-notification__image.devui-notification__image--info{background-color:var(--devui-info, #5e7ce0)}.devui-notification__image.devui-notification__image--error{background-color:var(--devui-danger, #f66f6a)}.devui-notification__image.devui-notification__image--success{background-color:var(--devui-success, #50d4ab)}.devui-notification__image .devui-notification__image-info-path,.devui-notification__image .devui-notification__image-error-path,.devui-notification__image .devui-notification__image-success-path{fill:var(--devui-light-text, #ffffff)}.devui-notification__message{margin-left:20px}.devui-notification__message .devui-notification__content{font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-notification-message-common .devui-notification__message{margin-left:0}.devui-notification__message p{font-size:var(--devui-font-size, 12px);margin-top:4px}.notification-fade-enter-active,.notification-fade-leave-active{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.notification-fade-enter-from,.notification-fade-leave-to{transform:translate(100%)}.devui-input-group{position:relative;display:flex!important;align-items:center;border-collapse:separate;width:360px}.devui-input-group:not(.disabled):hover .devui-input-group-addon{border-color:var(--devui-form-control-line-active, #5e7ce0);background-color:var(--devui-dividing-line, #f2f2f3);font-weight:700}.devui-input-group:not(.disabled):hover .devui-form-control{border-color:var(--devui-form-control-line-active, #5e7ce0);border-right-color:var(--devui-form-control-line, #d7d8da)}.devui-input-group:not(.disabled) .devui-input-group-addon:active{border-color:var(--devui-form-control-line-active, #5e7ce0);border-right-color:var(--devui-form-control-line, #d7d8da);background-color:var(--devui-dividing-line, #f2f2f3)}.devui-input-group .devui-input-group-addon{width:36px;white-space:nowrap;font-size:var(--devui-font-size-icon, 16px);font-weight:400;color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f5f5f5);border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:0 var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0;transition:border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));cursor:pointer;align-self:normal;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.devui-input-group .devui-form-control{cursor:pointer;display:block;width:100%;padding:4px 8px;font-size:var(--devui-font-size, 12px);line-height:32px;background-image:none;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px);border-right:none;transition:border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),box-shadow var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-input-group .devui-form-control.devui-upload__files-list{max-height:52px;padding:0 3px;overflow-x:hidden;overflow-y:auto;max-width:100%;margin:0}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-item{height:26px;line-height:26px;padding:0 48px 0 12px;margin-right:2px}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag{position:relative;background-color:var(--devui-label-bg, #e9edfa);border-radius:var(--devui-border-radius, 2px);max-width:100%}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .devui-upload__filename{height:100%;display:inline-block;vertical-align:middle;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon{position:absolute;cursor:pointer;right:8px;top:50%;transform:translateY(-50%)}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon.icon-right{color:var(--devui-success, #50d4ab)}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon.icon-running{font-size:16px}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon.devui-upload__delete-file-button{margin-right:20px}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag .icon.devui-upload__delete,.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag:hover .devui-upload__progress,.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag:hover .icon-right{display:none}.devui-input-group .devui-form-control.devui-upload__files-list .devui-upload__file-tag:hover .icon-close{display:inline-block}.devui-input-group.disabled .devui-upload__placeholder{color:var(--devui-disabled-text, #cfd0d3)}.devui-input-group .devui-upload__placeholder{max-height:32px;line-height:22px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--devui-placeholder, #babbc0)}.devui-input-group .devui-upload__progress{width:16px;height:16px}.devui-input-group.disabled .devui-form-control,.devui-input-group.disabled .devui-input-group-addon{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #cfd0d3)}.devui-form-control{outline:none}.devui-input-group.disabled .devui-upload__delete-file-button{cursor:not-allowed;pointer-events:none}.devui-loading{color:var(--devui-aide-text, #71757f)}.devui-upload--failed-color{color:var(--devui-danger, #f66f6a)}.devui-upload{display:flex}.devui-upload-tip{height:18px;margin-top:8px;font-size:12px}.devui-upload-tip .icon{margin-right:8px;font-size:16px;vertical-align:middle}.devui-upload-tip .icon-right-o{color:var(--devui-success, #50d4ab)}.devui-upload-tip .devui-upload-failed{color:var(--devui-danger, #f66f6a)}.devui-upload-tip a{color:var(--devui-link, #526ecc);cursor:pointer}

package/vue-devui.es.js

@@ -35,6 +35,7 @@ var __publicField = (obj, key, value) => {
 };
 import { createVNode, getCurrentInstance, defineComponent, toRefs, inject, computed, Fragment, mergeProps, resolveComponent, isVNode, ref, reactive, createTextVNode, provide, onMounted, watch, Transition, withDirectives, vShow, nextTick, onUnmounted, unref, withModifiers, Comment as Comment$1, Text, h, cloneVNode, Teleport, onBeforeUnmount, render as render$1, resolveDirective, resolveDynamicComponent, toRef, shallowRef, onBeforeMount, onUpdated, readonly, toRaw, watchEffect, renderSlot, useSlots, createApp, shallowReactive, effect, TransitionGroup } from "vue";
 import { useRoute } from "vue-router";
+import Clipboard from "clipboard";
 import { offset, autoPlacement, arrow, shift, computePosition, flip } from "@floating-ui/dom";
 import { onClickOutside, toRefs as toRefs$1, useResizeObserver } from "@vueuse/core";
 import * as Diff2Html from "diff2html";
@@ -1546,6 +1547,26 @@ function randomId(n = 8) {
   }
   return result2;
 }
+function toClipboard(text) {
+  return new Promise((resolve, reject) => {
+    const ele = document.createElement("button");
+    const clipboard = new Clipboard(ele, {
+      text: () => text,
+      action: () => "copy"
+    });
+    clipboard.on("success", (e) => {
+      clipboard.destroy();
+      resolve(e);
+    });
+    clipboard.on("error", (e) => {
+      clipboard.destroy();
+      reject(e);
+    });
+    document.body.appendChild(ele);
+    ele.click();
+    document.body.removeChild(ele);
+  });
+}
 function setStyle(element, style) {
   const oldStyle = {};
   const styleKeys = Object.keys(style);
@@ -13693,7 +13714,7 @@ function useCodeEditor(props, ctx2) {
     addCommentIcon,
     expandCommentIcon
   } = toRefs(props);
-  let monaco;
+  let monaco2;
   let editor;
   let diffEditor;
   let themeService;
@@ -13732,7 +13753,7 @@ function useCodeEditor(props, ctx2) {
   });
   onMounted(async () => {
     if (inBrowser) {
-      monaco = await import("monaco-editor");
+      monaco2 = await import("monaco-editor");
       setCurrentTheme();
       init();
       if (mode.value === "review") {
@@ -13751,15 +13772,15 @@ function useCodeEditor(props, ctx2) {
       initDiffEditor();
     }
     if (!options.value["theme"]) {
-      monaco.editor.setTheme(currentTheme);
+      monaco2.editor.setTheme(currentTheme);
     }
     handleAutoHeight();
     setValueEmitter();
   }
   function initNormalEditor() {
     if (!editor) {
-      editor = monaco.editor.create(editorEl.value, options.value);
-      editor.setModel(monaco.editor.createModel(modelValue.value, options.value["language"]));
+      editor = monaco2.editor.create(editorEl.value, options.value);
+      editor.setModel(monaco2.editor.createModel(modelValue.value, options.value["language"]));
       ctx2.emit("afterEditorInit", editor);
       if (mode.value === "review") {
         editor.onMouseMove(handleMouseMove);
@@ -13770,10 +13791,10 @@ function useCodeEditor(props, ctx2) {
   }
   function initDiffEditor() {
     if (!diffEditor) {
-      diffEditor = monaco.editor.createDiffEditor(editorEl.value, options.value);
+      diffEditor = monaco2.editor.createDiffEditor(editorEl.value, options.value);
       diffEditor.setModel({
-        original: monaco.editor.createModel(originalText.value, options.value["language"]),
-        modified: monaco.editor.createModel(modelValue.value, options.value["language"])
+        original: monaco2.editor.createModel(originalText.value, options.value["language"]),
+        modified: monaco2.editor.createModel(modelValue.value, options.value["language"])
       });
       ctx2.emit("afterEditorInit", diffEditor);
     }
@@ -13809,7 +13830,7 @@ function useCodeEditor(props, ctx2) {
       currentTheme = themeService && themeService.currentTheme.isDark ? "vs" : "vs-dark";
     }
     if (editor) {
-      monaco.editor.setTheme(currentTheme);
+      monaco2.editor.setTheme(currentTheme);
     }
   }
   function handleAutoHeight() {
@@ -13843,8 +13864,8 @@ function useCodeEditor(props, ctx2) {
     if (editor) {
       if (mode.value === "normal" || mode.value === "review") {
         const model = diffEditor.getModel();
-        monaco.editor.setModelLanguage(model.modified, language);
-        monaco.editor.setModelLanguage(model.original, language);
+        monaco2.editor.setModelLanguage(model.modified, language);
+        monaco2.editor.setModelLanguage(model.original, language);
       }
     }
   }
@@ -13858,7 +13879,7 @@ function useCodeEditor(props, ctx2) {
   }
   function updateEditorHeightAuto() {
     var _a;
-    const lineHeight = editor.getOption(monaco.editor.EditorOption.lineHeight);
+    const lineHeight = editor.getOption(monaco2.editor.EditorOption.lineHeight);
     const lineCount = ((_a = editor.getModel()) == null ? void 0 : _a.getLineCount()) || 1;
     const height = editor.getTopForLineNumber(lineCount + 1) + lineHeight;
     if (editorEl.value) {
@@ -13872,7 +13893,7 @@ function useCodeEditor(props, ctx2) {
       if (!isDecorationExisted(currentLineNumber)) {
         const lineDecoration = [
           {
-            range: new monaco.Range(currentLineNumber, 0, currentLineNumber, 0),
+            range: new monaco2.Range(currentLineNumber, 0, currentLineNumber, 0),
             option: {
               isWholeLine: true,
               glyphMarginClassName: `icon-pointer ${addCommentIcon.value}`
@@ -13904,7 +13925,7 @@ function useCodeEditor(props, ctx2) {
   }
   function setDecorations(decoration) {
     return {
-      range: new monaco.Range(decoration.lineNumber, 1, decoration.lineNumber, 1),
+      range: new monaco2.Range(decoration.lineNumber, 1, decoration.lineNumber, 1),
       options: {
         isWholeLine: true,
         className: decoration.customClasses || "",
@@ -14058,51 +14079,204 @@ var CodeEditor = defineComponent({
     }, null);
   }
 });
+let monaco;
+const CodeHighlightDirective = {
+  async mounted(el) {
+    if (inBrowser) {
+      monaco = await import("monaco-editor");
+      monaco.editor.colorizeElement(el);
+    }
+  },
+  updated(el) {
+    if (inBrowser) {
+      monaco.editor.colorizeElement(el);
+    }
+  }
+};
 var CodeEditorInstall = {
   title: "Code Editor \u4EE3\u7801\u7F16\u8F91\u5668",
   category: "\u6F14\u8FDB\u4E2D",
   status: "100%",
   install(app) {
+    app.directive("d-code-highlight", CodeHighlightDirective);
     app.component(CodeEditor.name, CodeEditor);
   }
 };
+function FoldIcon() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "xmlns": "http://www.w3.org/2000/svg"
+  }, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill-rule": "evenodd"
+  }, [createVNode("polygon", {
+    "points": "4.5 5 8 8.76923077 11.5 5 13 6.61538462 8 12 3 6.61538462"
+  }, null)])]);
+}
+function CopyIcon() {
+  return createVNode("svg", {
+    "width": "16px",
+    "height": "16px",
+    "viewBox": "0 0 16 16",
+    "version": "1.1",
+    "xmlns": "http://www.w3.org/2000/svg"
+  }, [createVNode("g", {
+    "stroke": "none",
+    "stroke-width": "1",
+    "fill": "none",
+    "fill-rule": "evenodd"
+  }, [createVNode("path", {
+    "d": `M14,1 C14.5522847,1 15,1.44771525 15,2 L15,10 C15,10.5522847 14.5522847,11 14,11 L11,11 L11,14 
+        C11,14.5522847 10.5522847,15 10,15 L2,15 C1.44771525,15 1,14.5522847 1,14 L1,6 C1,5.44771525 1.44771525,5 
+        2,5 L5,5 L5,2 C5,1.44771525 5.44771525,1 6,1 L14,1 Z M10,6 L2,6 L2,14 L10,14 L10,6 Z M9,11 L9,12 L3,12 
+        L3,11 L9,11 Z M14,2 L6,2 L6,5 L10,5 C10.5522847,5 11,5.44771525 11,6 L11,10 L14,10 L14,2 Z M9,8 L9,9 L3,9 L3,8 L9,8 Z`,
+    "fill": "#babbc0",
+    "fill-rule": "nonzero"
+  }, null)])]);
+}
 const codeReviewProps = {
   diff: {
     type: String,
     required: true,
     default: ""
   },
+  fold: {
+    type: Boolean,
+    default: false
+  },
   outputFormat: {
     type: String,
     default: "line-by-line"
   }
 };
-function useCodeReview(props) {
-  const { diff, outputFormat } = toRefs(props);
+const CodeReviewInjectionKey = Symbol("d-code-review");
+function useCodeReviewCopy(diffInfo) {
+  const copyTipsText = ref("\u590D\u5236\u6587\u4EF6\u8DEF\u5F84");
+  const tipsPopType = ref("default");
+  const onCopy = () => {
+    toClipboard(diffInfo.newName).then(() => {
+    });
+  };
+  return { copyTipsText, tipsPopType, onCopy };
+}
+var CodeReviewHeader = defineComponent({
+  name: "DCodeReviewHeader",
+  emits: ["click"],
+  setup(_, ctx2) {
+    const ns2 = useNamespace("code-review");
+    const {
+      diffInfo,
+      isFold,
+      rootCtx
+    } = inject(CodeReviewInjectionKey);
+    const {
+      copyTipsText,
+      tipsPopType,
+      onCopy
+    } = useCodeReviewCopy(diffInfo);
+    const onClick = (e) => {
+      const composedPath = e.composedPath();
+      const isPreventEvent = composedPath.some((item) => {
+        var _a, _b;
+        return ((_a = item.classList) == null ? void 0 : _a.contains("operate-area")) || ((_b = item.classList) == null ? void 0 : _b.contains("icon-copy"));
+      });
+      if (!isPreventEvent) {
+        ctx2.emit("click");
+      }
+    };
+    return () => createVNode("div", {
+      "class": [ns2.e("header"), {
+        [ns2.em("header", "unfold")]: !isFold.value
+      }],
+      "onClick": onClick
+    }, [createVNode("div", {
+      "class": "file-info"
+    }, [createVNode(FoldIcon, {
+      "class": {
+        invert: !isFold.value
+      }
+    }, null), createVNode("span", {
+      "class": "file-name"
+    }, [diffInfo.newName]), createVNode("span", {
+      "class": "diff-lines add-lines"
+    }, [createTextVNode("+"), diffInfo.addedLines]), createVNode("span", {
+      "class": "diff-lines delete-lines"
+    }, [createTextVNode("-"), diffInfo.deletedLines]), createVNode(Popover, {
+      "content": copyTipsText.value,
+      "pop-type": tipsPopType.value,
+      "trigger": "hover",
+      "position": ["right"]
+    }, {
+      default: () => [createVNode(CopyIcon, {
+        "class": "icon-copy",
+        "onClick": onCopy
+      }, null)]
+    })]), rootCtx.slots.headOperate && createVNode("div", {
+      "class": "operate-area"
+    }, [rootCtx.slots.headOperate()])]);
+  }
+});
+function useCodeReview(props, ctx2) {
+  const { diff, fold, outputFormat } = toRefs(props);
   const renderHtml = ref("");
-  onMounted(() => {
-    renderHtml.value = Diff2Html.html(diff.value, {
-      drawFileList: true,
+  const isFold = ref(fold.value);
+  const diffFile = Diff2Html.parse(diff.value);
+  const initDiffContent = () => {
+    renderHtml.value = Diff2Html.html(diffFile, {
+      drawFileList: false,
       matching: "lines",
       outputFormat: outputFormat.value
     });
+  };
+  const toggleFold = (status2) => {
+    if (status2 !== void 0) {
+      isFold.value = status2;
+    } else {
+      isFold.value = !isFold.value;
+    }
+  };
+  watch(fold, (val) => {
+    isFold.value = val;
+  });
+  watch(isFold, () => {
+    if (!isFold.value && renderHtml.value === "") {
+      initDiffContent();
+    }
+    ctx2.emit("foldChange", isFold.value);
+  });
+  onBeforeMount(() => {
+    if (!isFold.value) {
+      initDiffContent();
+    }
   });
-  return { renderHtml };
+  provide(CodeReviewInjectionKey, { diffInfo: diffFile[0], isFold, rootCtx: ctx2 });
+  ctx2.expose({ toggleFold });
+  return { renderHtml, isFold };
 }
-var diff2html_min = "";
 var codeReview = "";
 var CodeReview = defineComponent({
   name: "DCodeReview",
   props: codeReviewProps,
-  setup(props) {
+  emits: ["foldChange"],
+  setup(props, ctx2) {
     const ns2 = useNamespace("code-review");
     const {
-      renderHtml
-    } = useCodeReview(props);
+      renderHtml,
+      isFold
+    } = useCodeReview(props, ctx2);
     return () => createVNode("div", {
-      "class": ns2.b(),
+      "class": ns2.b()
+    }, [createVNode(CodeReviewHeader, {
+      "onClick": () => isFold.value = !isFold.value
+    }, null), createVNode("div", {
+      "class": [ns2.e("content"), {
+        "hide-content": isFold.value
+      }],
       "innerHTML": renderHtml.value
-    }, null);
+    }, null)]);
   }
 });
 var CodeReviewInstall = {
@@ -25208,7 +25382,7 @@ function useEditorMdRender(props, ctx2) {
       clearTimeout(timer);
     }
     timer = setTimeout(() => {
-      if (!content2.value) {
+      if (content2.value === void 0) {
         return;
       }
       let html = renderService.generateHTML(content2.value);
@@ -42029,7 +42203,7 @@ const installs = [
   VirtualListInstall
 ];
 var vueDevui = {
-  version: "1.5.6",
+  version: "1.5.7",
   install(app) {
     installs.forEach((p) => app.use(p));
   }