vue-devui 1.5.7 → 1.5.9

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, .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}
+.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--required-hide:before{display:none}.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/avatar/src/components/icon-body.d.ts

@@ -1,2 +1,2 @@
-import type { IconPropsType } from "../avatar-types";
+import type { IconPropsType } from '../avatar-types';
 export declare const IconBody: (props: IconPropsType) => JSX.Element;

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

@@ -13,7 +13,7 @@ export interface Comment {
     domNode?: HTMLElement;
     heightInPx?: number;
     allowEditorOverflow?: boolean;
-    offserLeft?: number;
+    offsetLeft?: number;
 }
 export declare const codeEditorProps: {
     modelValue: {

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

@@ -51,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("./code-editor-types").Comment[]>;
         default: () => never[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "click" | "afterEditorInit" | "update: modelValue", 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, "click" | "update:modelValue" | "afterEditorInit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;

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

@@ -1,5 +1,5 @@
-import { SetupContext } from "vue";
-import { CodeEditorProps } from "../code-editor-types";
+import { SetupContext } from 'vue';
+import { CodeEditorProps } from '../code-editor-types';
 export declare function useCodeEditor(props: CodeEditorProps, ctx: SetupContext): {
     editorEl: import("vue").Ref<any>;
 };

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

@@ -1,6 +1,18 @@
 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 type ExpandDirection = 'up' | 'down' | 'updown' | 'all';
+export declare type LineSide = 'left' | 'right';
+export declare type IncrementCodeInsertDirection = 'up' | 'down';
+export interface CommentPosition {
+    left: number;
+    right: number;
+}
+export interface CodeReviewMethods {
+    toggleFold: (status?: boolean) => void;
+    insertComment: (lineNumber: number, lineSide: LineSide, commentDom: HTMLElement) => void;
+    removeComment: (lineNumber: number, lineSide: LineSide) => void;
+}
 export declare const codeReviewProps: {
     diff: {
         type: StringConstructor;
@@ -15,9 +27,17 @@ export declare const codeReviewProps: {
         type: PropType<OutputFormat>;
         default: string;
     };
+    expandAllThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    codeLoader: {
+        type: PropType<(interval: Array<number | undefined>, update: (code: string) => void) => void>;
+    };
 };
 export declare type CodeReviewProps = ExtractPropTypes<typeof codeReviewProps>;
 export interface CodeReviewContext {
+    reviewContentRef: Ref<HTMLElement>;
     diffInfo: DiffFile;
     isFold: Ref<boolean>;
     rootCtx: SetupContext;

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

@@ -13,7 +13,14 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("./code-review-types").OutputFormat>;
         default: string;
     };
-}, () => 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<{
+    expandAllThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    codeLoader: {
+        type: import("vue").PropType<(interval: (number | undefined)[], update: (code: string) => void) => void>;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "contentRefresh" | "foldChange" | "addComment" | "afterViewInit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     diff: {
         type: StringConstructor;
         required: boolean;
@@ -27,9 +34,17 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("./code-review-types").OutputFormat>;
         default: string;
     };
+    expandAllThreshold: {
+        type: NumberConstructor;
+        default: number;
+    };
+    codeLoader: {
+        type: import("vue").PropType<(interval: (number | undefined)[], update: (code: string) => void) => void>;
+    };
 }>>, {
     diff: string;
     fold: boolean;
     outputFormat: import("./code-review-types").OutputFormat;
+    expandAllThreshold: number;
 }>;
 export default _default;

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

@@ -1,2 +1,6 @@
 export declare function FoldIcon(): JSX.Element;
 export declare function CopyIcon(): JSX.Element;
+export declare function CommentIcon(): JSX.Element;
+export declare function UpExpandIcon(): string;
+export declare function DownExpandIcon(): string;
+export declare function AllExpandIcon(): string;

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

@@ -0,0 +1,13 @@
+import type { SetupContext, Ref } from 'vue';
+import type { LineSide } from '../code-review-types';
+export declare function useCodeReviewComment(reviewContentRef: Ref<HTMLElement>, ctx: SetupContext): {
+    commentLeft: Ref<number>;
+    commentTop: Ref<number>;
+    onMouseEnter: (e: MouseEvent) => void;
+    onMouseMove: (e: MouseEvent) => void;
+    onMouseleave: (e: MouseEvent) => void;
+    onCommentMouseLeave: (e: MouseEvent) => void;
+    onCommentIconClick: () => void;
+    insertComment: (lineNumber: number, lineSide: LineSide, commentDom: HTMLElement) => void;
+    removeComment: (lineNumber: number, lineSide: LineSide) => void;
+};

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

@@ -0,0 +1,6 @@
+import type { Ref } from 'vue';
+import type { CodeReviewProps } from '../code-review-types';
+export declare function useCodeReviewExpand(reviewContentRef: Ref<HTMLElement>, props: CodeReviewProps): {
+    insertExpandButton: () => void;
+    onExpandButtonClick: (e: Event) => void;
+};

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

@@ -0,0 +1,6 @@
+import type { SetupContext } from 'vue';
+import type { CodeReviewProps } from '../code-review-types';
+export declare function useCodeReviewFold(props: CodeReviewProps, ctx: SetupContext): {
+    isFold: import("vue").Ref<boolean>;
+    toggleFold: (status?: boolean | undefined) => void;
+};

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

@@ -1,6 +1,9 @@
-import type { SetupContext } from 'vue';
+import type { SetupContext, Ref } from 'vue';
+import type { DiffFile } from 'diff2html/lib/types';
 import type { CodeReviewProps } from '../code-review-types';
 export declare function useCodeReview(props: CodeReviewProps, ctx: SetupContext): {
-    renderHtml: import("vue").Ref<string>;
-    isFold: import("vue").Ref<boolean>;
+    renderHtml: Ref<string>;
+    reviewContentRef: Ref<any>;
+    diffFile: Ref<DiffFile[]>;
+    onContentClick: (e: Event) => void;
 };

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

@@ -0,0 +1,2 @@
+export declare const ExpandLineReg: RegExp;
+export declare const FirstLineReg: RegExp;

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

@@ -0,0 +1,15 @@
+import type { OutputFormat, ExpandDirection, LineSide, IncrementCodeInsertDirection } from './code-review-types';
+export declare function notEmptyNode(node: HTMLElement): boolean;
+export declare function insertIncrementLineToPage(referenceDom: HTMLElement, trNodes: HTMLTableRowElement[], direction: IncrementCodeInsertDirection): void;
+export declare function ifRemoveExpandLine(expandDom: HTMLElement, newExpandDom: HTMLTableRowElement, direction: IncrementCodeInsertDirection): boolean;
+export declare function updateExpandLineCount(expandDom: HTMLElement, newExpandDom: HTMLElement): void;
+export declare function parseDiffCode(container: HTMLElement, code: string, outputFormat: OutputFormat): void;
+export declare function setLineNumberInDataset(trNode: HTMLElement, prevL: number, prevR: number, nextL: number, nextR: number): void;
+export declare function updateExpandUpDownButton(trNode: HTMLElement): void;
+export declare function updateLineNumberInDataset(trNode: HTMLElement, expandAllThreshold: number, position: 'top' | 'bottom' | 'middle', updateExpandButton?: boolean): void;
+export declare function getLineNumberFormDataset(expandDom: HTMLElement, expandAllThreshold: number): (number | undefined)[];
+export declare function insertNode(parent: HTMLElement, child: HTMLElement): void;
+export declare function addExpandButton(parentNode: HTMLElement, className: string, icon: string): void;
+export declare function attachToggleButton(dom: HTMLElement, outputFormat: OutputFormat): void;
+export declare function attachExpandUpDownButton(parentNode: HTMLElement, direction: ExpandDirection): void;
+export declare function addCommentToPage(lineHost: HTMLElement, commentDom: HTMLElement, lineSide: LineSide): void;

package/types/dragdrop/src/const.d.ts

@@ -1 +0,0 @@
-export declare const SHADOW_ID = "devui-dragdrop-placeholder-shadow";

package/types/dragdrop/src/draggable-directive.d.ts

@@ -1,19 +1,2 @@
-declare const _default: {
-    /**
-     *
-     * @param el
-     * @description
-     *   1、绑定该指令的element将会具备拖拽能力
-     *   2、为各元素进行初始化配置
-     *      2.1、dragFlag:      是否处于拖拽中
-     *      2.2、dragOverFlag： 是否处于可放置区域
-     *
-     *   1、整体思路
-     *      1.1、为每个绑定drag指令的元素维护状态
-     *        1.1.1、状态集合：dragStart、drag、dragover、drop、shouldCreateShadow
-     *
-     *      1.2、进入drop区域后，确保drop区域能够获取正在进行drag的元素
-     */
-    mounted(el: HTMLElement, binding: unknown): void;
-};
+declare const _default: {};
 export default _default;

package/types/dragdrop/src/droppable-directive.d.ts

@@ -1,15 +1,2 @@
-declare const _default: {
-    /**
-     *
-     * @param el
-     * @description
-     *   dragOver:
-     *        1、生成与清除阴影的时机
-     *           1.1、生成时机（只生成一次）： dragFlag === true && dragOverFlag === true
-     *   drop:
-     *        1、完成放的操作
-     *           1.1、清除相应的阴影
-     */
-    mounted(el: HTMLElement, binding: unknown): void;
-};
+declare const _default: {};
 export default _default;

package/types/dragdrop/src/sortable-directive.d.ts

@@ -1,18 +1,4 @@
 declare const _default: {
-    /**
-       *
-       * @param el
-       * @description
-       *     此命令用于将元素变为可放置的元素并且支持排序
-       *     功能分析
-       *        1、非自身区域内拖动，生成shadow
-       *        2、自身区域内拖动，不生成shadow
-       *    实现分析（根据ng-devui）
-       *        shadow的生成规则
-       *        shadow的生成位置
-       *    待思考问题
-       *        1、整个拖拽过程中，是否有必要添加节流防抖？
-       */
-    mounted(el: HTMLElement, binding: unknown): void;
+    mounted(el: HTMLElement, binding: any): void;
 };
 export default _default;

package/types/dragdrop/src/utils.d.ts

@@ -1,80 +1,2 @@
-/**
- *
- * @param originId
- * @description
- *    根据拖拽的id生成相应的阴影
- *    如何生成shadow？
- *    情况一： dragable   ->    drop without sortable
- *    情况二： anything   ->    drop without anything
- */
-declare function createShadow(originId: string): HTMLElement;
-/**
- *
- * @param el
- * @param originId
- * @param dragStart
- * @param drag
- * @param dragover
- * @param drop
- * @param shouldCreateShadow
- * @param dragFlag
- * @description
- *    改变拖拽元素相应的状态
- */
-declare function changeDragState(el: string, originId: string, dragStart: string, drag: string, dragover: string, drop: string, shouldCreateShadow: string, dragFlag: string): void;
-/**
- *
- * @param compareElement
- * @returns
- * @description
- *     计算可对比元素的高度
- */
-declare function computeCompareElementHeight(compareElement: HTMLCollection): unknown;
-/**
- *
- * @param sortDropArea
- * @param mouseObject
- *    1、首先确认可放置区域
- *    2、确保每个元素只生成一次shadow
- *    3、
- */
-declare function createInsertSortableShadow(sortDropArea: unknown, mouseObject: unknown, originId: string): void;
-/**
- *
- * @param dropAreaContainer
- * @param dragId
- * @param mouseObject
- * @description
- *    向sortable区域插入拖拽元素
- */
-declare function insertDragElement(dropAreaContainer: HTMLCollection, dragId: string, mouseObject: MouseEvent): void;
-/**
- *
- * @param dropSortArea
- * @description
- *    删除可排序区域中的shadow
- */
-declare function deleteInsertedSortableShadow(dropSortArea: unknown): void;
-/**
- *
- * @param mouse
- * @param sortableArea
- * @returns
- * @description 判断鼠标是否处于目标元素中
- */
-declare function judgeMouseIsInSortableArea(mouse: MouseEvent, sortableArea: Element): boolean;
-/**
- *
- * @param mouse
- * @param comparedArr
- * @description         同源交换位置
- */
-declare function sameOriginExchangeElementPosition(mouse: Event, comparedArr: Array, dragId: string, dropArea: Element): void;
-/**
- *
- * @param mouse         当前鼠标对象
- * @param dropAreaElements   放置区域的元素
- * @description
- */
-declare function exchangeShadowPosition(mouse: Event, dropAreaElements: Array, dragId: string, dropArea: Element): void;
-export { createShadow, changeDragState, createInsertSortableShadow, deleteInsertedSortableShadow, computeCompareElementHeight, insertDragElement, judgeMouseIsInSortableArea, exchangeShadowPosition, sameOriginExchangeElementPosition };
+declare function matches(element: HTMLElement, selector: string): boolean;
+export { matches, };

package/types/form/src/form-types.d.ts

@@ -54,6 +54,10 @@ export declare const formProps: {
     readonly size: {
         readonly type: PropType<FormSize>;
     };
+    readonly hideRequiredMark: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
 };
 export interface UseFieldCollection {
     itemContexts: FormItemContext[];

package/types/form/src/form.d.ts

@@ -41,6 +41,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: {
         readonly type: import("vue").PropType<import("./form-types").FormSize>;
     };
+    readonly hideRequiredMark: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "validate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly data: {
         readonly type: import("vue").PropType<import("./form-types").FormData>;
@@ -84,6 +88,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: {
         readonly type: import("vue").PropType<import("./form-types").FormSize>;
     };
+    readonly hideRequiredMark: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
 }>>, {
     readonly data: import("./form-types").FormData;
     readonly messageType: import("..").MessageType;
@@ -94,5 +102,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly labelSize: import("./form-types").LabelSize;
     readonly labelAlign: import("./form-types").LabelAlign;
     readonly validateOnRuleChange: boolean;
+    readonly hideRequiredMark: boolean;
 }>;
 export default _default;

package/types/git-graph/index.d.ts

@@ -0,0 +1,11 @@
+import type { App } from 'vue';
+import GitGraph from './src/git-graph';
+export * from './src/git-graph-types';
+export { GitGraph };
+declare const _default: {
+    title: string;
+    category: string;
+    status: string;
+    install(app: App): void;
+};
+export default _default;

package/types/git-graph/src/git-graph-class.d.ts

@@ -0,0 +1,43 @@
+import { CommitInfo, GitGraphData } from "./git-graph-types";
+export declare class GitGraph {
+    element?: HTMLElement;
+    options?: GitGraphData;
+    mtime: number;
+    mspace: number;
+    parents: any;
+    offsetX: number;
+    offsetY: number;
+    unitTime: number;
+    unitSpace: number;
+    prev_start: number;
+    preparedCommits: any;
+    preStart: number;
+    isDark: boolean;
+    daysBefore: string;
+    hoursAgo: string;
+    minutesAgo: string;
+    aMinutesAgo: string;
+    maxNameLength: number;
+    commits: CommitInfo[];
+    graphHeight: number;
+    graphWidth: number;
+    svg: any;
+    barHeight: number;
+    messageBoxWidth: number;
+    colors: string[];
+    toolTipList: any;
+    load(element: HTMLElement, options: GitGraphData, isDark: boolean): void;
+    prepareData(commits: CommitInfo[]): void;
+    collectParent(): number[][];
+    buildGraph(refName: string): void;
+    setNodeAttr(node: Element, attrs: any): void;
+    __transform(time: any): string;
+    renderPartialGraph(refName: string): void;
+    drawDot(x: number, y: number, commit: CommitInfo): void;
+    drawLines(x: number, y: number, commit: CommitInfo): void;
+    appendLabel(x: number, y: number, commit: CommitInfo): void;
+    appendAnchor(x: number, y: number, commit: CommitInfo, refName: any): void;
+    getText(x: number, y: number, text: any, attrs?: any): SVGTextElement;
+    commitTooltip(x: number, y: number, commit: CommitInfo, isDark: boolean): void;
+    textWrap(t: any, width: any, x: any): void;
+}

package/types/git-graph/src/git-graph-types.d.ts

@@ -0,0 +1,84 @@
+import { ExtractPropTypes, PropType } from "vue";
+export interface CommitInfo {
+    author: {
+        name: string;
+        email: string;
+        /**
+             * 提交者头像地址
+             */
+        avatar_url?: string;
+    };
+    /**
+       * 提交时间
+       */
+    date: string;
+    id: string;
+    /**
+       * commit信息
+       */
+    message: string;
+    /**
+       * 父级节点信息，包含父级的id和space
+       * @example [['deffajsdfasdasd056215421', 1], ['asdasdasddkfhjksdfhkjegfajszbg', 3]]
+       */
+    parents: any[][];
+    /**
+       * 分支名称或标签名称
+       */
+    refs?: string;
+    /**
+       * 横向空间位置，从主分支为1开始，没向外一层+2，第i层为2i - 1
+       * 用于计算绘图尺寸和横向最大宽度
+       */
+    space: number;
+    /**
+       * 等于commits数组index，用于计算纵向尺寸
+       */
+    time: number;
+    /**
+       * 可选，自定义点击commit信息的跳转url
+       */
+    customUrl?: string;
+    /**
+       * 分支名称，展示在hover面板中
+       */
+    branch?: string;
+    hasDrawn?: boolean;
+}
+export interface GitGraphData {
+    /**
+       * 绘图数据
+       */
+    data: {
+        /**
+             * 提交日期数据
+             * @example [['7日', '7月'], ['6日', '7月']]
+             */
+        days: string[][];
+        commits: CommitInfo[];
+    };
+    /**
+       * 跳转更改页面的url模板，会自动替换其中的‘{commitId}’
+       * @example https://xxxx/{commitId}
+       */
+    commit_url: string;
+    params: {
+        /**
+             * 时间提示，默认为'xx天前'，'xx小时前'，'xx分钟前'，'1分钟前'
+             */
+        daysBefore?: string;
+        hoursAgo?: string;
+        minutesAgo?: string;
+        aMinutesAgo?: string;
+        /**
+             * 用户名称最大长度
+             */
+        maxNameLength?: number;
+    };
+}
+export declare const gitGraphProps: {
+    option: {
+        type: PropType<GitGraphData>;
+    };
+};
+export declare type GitGraphProps = ExtractPropTypes<typeof gitGraphProps>;

package/types/git-graph/src/git-graph.d.ts

@@ -0,0 +1,10 @@
+declare const _default: import("vue").DefineComponent<{
+    option: {
+        type: import("vue").PropType<import("./git-graph-types").GitGraphData>;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "scrollToBottom", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    option: {
+        type: import("vue").PropType<import("./git-graph-types").GitGraphData>;
+    };
+}>>, {}>;
+export default _default;