vue-devui 1.0.0-rc.10 → 1.0.0-rc.11

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, 4px);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-content{width:100%}.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, 4px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat center/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:18px;line-height:18px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:block}.devui-checkbox label.devui-checkbox--lg{font-size:var(--devui-font-size-lg, 14px)}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material{width:16px;height:16px}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material>svg{width:16px;height:16px}.devui-checkbox label.devui-checkbox--lg.devui-checkbox--bordered{height:40px;line-height:40px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--md{font-size:var(--devui-font-size-lg, 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:36px;line-height:36px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--sm{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:32px;line-height:32px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--xs{font-size:var(--devui-font-size-sm, 12px)}.devui-checkbox label.devui-checkbox--xs .devui-checkbox__material{width:14px;height:14px}.devui-checkbox label.devui-checkbox--xs .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox label.devui-checkbox--xs.devui-checkbox--bordered{height:28px;line-height:28px;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, 4px)}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.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}:host{display:block}.devui-checkbox--list-inline{min-height:28px;line-height:28px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:-8px 0 0}.devui-checkbox--list-inline div:not(:last-child){margin-right:20px}.devui-checkbox--list-inline>*{margin-top:8px}.devui-checkbox-button{display:inline-block;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);border-left:none;display:inline-block;line-height:1;user-select:none;box-shadow:-1px 0 #dfe1e6}.devui-checkbox-button__content.devui-checkbox-button--lg{font-size:var(--devui-font-size-lg, 14px);padding:12px 20px}.devui-checkbox-button__content.devui-checkbox-button--md{font-size:var(--devui-font-size-lg, 14px);padding:10px 20px}.devui-checkbox-button__content.devui-checkbox-button--sm{font-size:var(--devui-font-size-sm, 12px);padding:9px 15px}.devui-checkbox-button__content.devui-checkbox-button--xs{font-size:var(--devui-font-size-sm, 12px);padding:7px 15px}.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-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 4px);border-bottom-left-radius:var(--devui-border-radius, 4px);border-left:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox-button:last-child .devui-checkbox-button__content{border-top-right-radius:var(--devui-border-radius, 4px);border-bottom-right-radius:var(--devui-border-radius, 4px)}@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{color:var(--devui-text-weak, #575d6c);line-height:1.5;white-space:nowrap;position:relative}.devui-tree__node .devui-tree__drop-draggable{border-top:1px solid transparent;border-bottom:1px solid transparent}.devui-tree__node .devui-tree__drop-inner{color:var(--devui-brand, #5e7ce0)}.devui-tree__node .devui-tree__drop-prev{border-top:1px solid var(--devui-brand, #5e7ce0)}.devui-tree__node .devui-tree__drop-next{border-bottom:1px solid 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, 4px);padding-left:6px}.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{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-tree__node .devui-tree__node-content--value-wrapper{display:inline-flex;align-items:center;width:100%;height:30px}.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, 4px);max-width:100%}.devui-tree__node .devui-tree__node-title:not(.disabled){cursor:pointer}.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:8px;height:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;left:-14px;top:50%}
+.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, 4px);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-content{width:100%}.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, 4px);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:block}.devui-checkbox label.devui-checkbox--lg{font-size:var(--devui-font-size-lg, 14px)}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material{width:16px;height:16px}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material>svg{width:16px;height:16px}.devui-checkbox label.devui-checkbox--lg.devui-checkbox--bordered{height:40px;line-height:40px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--md{font-size:var(--devui-font-size-lg, 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:36px;line-height:36px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--sm{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:32px;line-height:32px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--xs{font-size:var(--devui-font-size-sm, 12px)}.devui-checkbox label.devui-checkbox--xs .devui-checkbox__material{width:14px;height:14px}.devui-checkbox label.devui-checkbox--xs .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox label.devui-checkbox--xs.devui-checkbox--bordered{height:28px;line-height:28px;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, 4px)}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.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}:host{display:block}.devui-checkbox--list-inline{min-height:28px;line-height:28px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:-8px 0 0}.devui-checkbox--list-inline div:not(:last-child){margin-right:20px}.devui-checkbox--list-inline>*{margin-top:8px}.devui-checkbox-button{display:inline-block;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);border-left:none;display:inline-block;line-height:1;user-select:none;box-shadow:-1px 0 #dfe1e6}.devui-checkbox-button__content.devui-checkbox-button--lg{font-size:var(--devui-font-size-lg, 14px);padding:12px 20px}.devui-checkbox-button__content.devui-checkbox-button--md{font-size:var(--devui-font-size-lg, 14px);padding:10px 20px}.devui-checkbox-button__content.devui-checkbox-button--sm{font-size:var(--devui-font-size-sm, 12px);padding:9px 15px}.devui-checkbox-button__content.devui-checkbox-button--xs{font-size:var(--devui-font-size-sm, 12px);padding:7px 15px}.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-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 4px);border-bottom-left-radius:var(--devui-border-radius, 4px);border-left:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox-button:last-child .devui-checkbox-button__content{border-top-right-radius:var(--devui-border-radius, 4px);border-bottom-right-radius:var(--devui-border-radius, 4px)}@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{color:var(--devui-text-weak, #575d6c);line-height:1.5;white-space:nowrap;position:relative}.devui-tree__node .devui-tree__drop-draggable{border-top:1px solid transparent;border-bottom:1px solid transparent}.devui-tree__node .devui-tree__drop-inner{color:var(--devui-brand, #5e7ce0)}.devui-tree__node .devui-tree__drop-prev{border-top:1px solid var(--devui-brand, #5e7ce0)}.devui-tree__node .devui-tree__drop-next{border-bottom:1px solid 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, 4px);padding-left:6px}.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{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-tree__node .devui-tree__node-content--value-wrapper{display:inline-flex;align-items:center;width:100%;height:30px}.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, 4px);max-width:100%}.devui-tree__node .devui-tree__node-title:not(.disabled){cursor:pointer}.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%}

package/upload/index.es.js

@@ -221,9 +221,9 @@ var Icon = defineComponent({
       [ns2.m("operable")]: operable.value
     }));
     const onClick = (e) => {
+      e.stopImmediatePropagation();
       if (disabled.value) {
         e.preventDefault();
-        e.stopImmediatePropagation();
       }
     };
     return () => {
@@ -617,17 +617,29 @@ const uploadProps = {
     type: Function,
     default: void 0
   },
-  "on-error": {
+  onError: {
     type: Function,
     default: void 0
   },
-  "on-success": {
+  onSuccess: {
+    type: Function,
+    default: void 0
+  },
+  onExceed: {
     type: Function,
     default: void 0
   },
   oneTimeUpload: {
     type: Boolean,
     default: false
+  },
+  limit: {
+    type: Number,
+    default: 0
+  },
+  httpRequest: {
+    type: Function,
+    default: void 0
   }
 };
 const getAllFilesBeyondMaximalFileSizeMsg = (maximalSize) => `\u6700\u5927\u652F\u6301\u4E0A\u4F20${maximalSize}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`;
@@ -943,7 +955,9 @@ var Upload = defineComponent({
       modelValue,
       multiple,
       accept,
-      webkitdirectory
+      webkitdirectory,
+      limit,
+      httpRequest
     } = toRefs(props);
     const ns2 = useNamespace("upload");
     const inputGroupNs = useNamespace("input-group");
@@ -966,7 +980,7 @@ var Upload = defineComponent({
       _oneTimeUpload,
       getSameNameFiles
     } = useUpload();
-    const isDropOVer = ref(false);
+    const isDropOver = ref(false);
     const alertMsg = (errorMsg) => {
       NotificationService.open({
         type: "warning",
@@ -994,7 +1008,7 @@ var Upload = defineComponent({
       }
     };
     const onFileOver = (event) => {
-      isDropOVer.value = event;
+      isDropOver.value = event;
       ctx.emit("fileOver", event);
     };
     const deleteUploadedFile = (file) => {
@@ -1005,7 +1019,7 @@ var Upload = defineComponent({
       ctx.emit("update:modelValue", newUploadedFiles);
     };
     const onDeleteFile = (event, file, status) => {
-      event.stopPropagation();
+      event == null ? void 0 : event.stopPropagation();
       if (status === UploadStatus.uploaded) {
         deleteUploadedFile(file);
       }
@@ -1034,20 +1048,32 @@ var Upload = defineComponent({
           removeFiles();
           return;
         }
+        if (typeof (httpRequest == null ? void 0 : httpRequest.value) === "function") {
+          const files = fileUploaders.value.map((tempFileUploader) => tempFileUploader.file);
+          httpRequest.value(files);
+          return;
+        }
         const uploadObservable = oneTimeUpload.value ? _oneTimeUpload() : upload2(fileUploader);
         uploadObservable == null ? void 0 : uploadObservable.then((results) => {
-          props["on-success"] && props["on-success"](results);
+          props.onSuccess && props.onSuccess(results);
           const newFiles = results.map((result) => result.file);
           const newUploadedFiles = [...newFiles, ...modelValue.value];
           ctx.emit("update:modelValue", newUploadedFiles);
+          props.onChange && props.onChange(newFiles, newUploadedFiles);
         }).catch((error) => {
-          props["on-error"] && props["on-error"](error);
+          props.onError && props.onError(error);
+          props.onChange && props.onChange([error.file], modelValue.value);
         });
       });
     };
     const _dealFiles = (promise) => {
       resetSameNameFiles();
       promise.then((files) => {
+        if (limit.value && modelValue.value.length + files.length > limit.value) {
+          props.onExceed && props.onExceed(files, modelValue.value);
+          return;
+        }
+        props.onChange && props.onChange(files, modelValue.value);
         files.forEach((file) => {
           if (!multiple.value) {
             removeFiles();
@@ -1079,15 +1105,27 @@ var Upload = defineComponent({
       }));
     };
     const onFileDrop = (files) => {
-      isDropOVer.value = false;
+      isDropOver.value = false;
       _dealFiles(triggerDropFiles(files));
       ctx.emit("fileDrop", files);
     };
+    const submit = (event, fileUploader) => {
+      fileUpload(event, fileUploader);
+    };
+    const clearFiles = (event) => {
+      fileUploaders.value.forEach((fileUploader) => {
+        onDeleteFile(event, fileUploader.file, fileUploader.status);
+      });
+    };
+    ctx.expose({
+      submit,
+      clearFiles
+    });
     return () => {
       var _a, _b, _c, _d;
       return createVNode("div", null, [withDirectives(createVNode("div", {
         "class": ns2.b(),
-        "style": `border: ${isDropOVer.value ? "1px solid #15bf15" : "0"}`
+        "style": `border: ${isDropOver.value ? "1px solid #15bf15" : "0"}`
       }, [((_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)) ? createVNode("div", {
         "onClick": handleClick
       }, [ctx.slots.default()]) : createVNode("div", {

package/upload/index.umd.js

@@ -1 +1 @@
-var Ge=Object.defineProperty,We=Object.defineProperties;var Xe=Object.getOwnPropertyDescriptors;var K=Object.getOwnPropertySymbols;var Ye=Object.prototype.hasOwnProperty,Je=Object.prototype.propertyIsEnumerable;var z=(F,e,x)=>e in F?Ge(F,e,{enumerable:!0,configurable:!0,writable:!0,value:x}):F[e]=x,_=(F,e)=>{for(var x in e||(e={}))Ye.call(e,x)&&z(F,x,e[x]);if(K)for(var x of K(e))Je.call(e,x)&&z(F,x,e[x]);return F},Q=(F,e)=>We(F,Xe(e));var V=(F,e,x)=>(z(F,typeof e!="symbol"?e+"":e,x),x);(function(F,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(F=typeof globalThis!="undefined"?globalThis:F||self,e(F.index={},F.Vue))})(this,function(F,e){"use strict";const x={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}},U={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},ee={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function A(t,n,o){let s=t;return n&&(s+=`__${n}`),o&&(s+=`--${o}`),s}function C(t,n=!1){const o=n?`.devui-${t}`:`devui-${t}`;return{b:()=>A(o),e:i=>i?A(o,i):"",m:i=>i?A(o,"",i):"",em:(i,h)=>i&&h?A(o,i,h):""}}var Qe="",te=e.defineComponent({name:"DSvgIcon",props:ee,setup(t){const{name:n,color:o,size:s}=e.toRefs(t),r=C("svg-icon"),d=e.computed(()=>`#icon-${n.value}`),f=e.computed(()=>typeof s.value=="number"?`${s.value}px`:s.value),i={width:f.value,height:f.value};return()=>e.createVNode("svg",{class:r.b(),style:i},[e.createVNode("use",{"xlink:href":d.value,fill:o.value},null)])}});function ne(t){return/^((http|https):)?\/\//.test(t)}function oe(t,n){const{component:o,name:s,size:r,color:d,classPrefix:f,rotate:i}=e.toRefs(t),h=C("icon"),u=e.computed(()=>typeof r.value=="number"?`${r.value}px`:r.value),c=o.value?e.resolveDynamicComponent(o.value):e.resolveDynamicComponent(te),p=()=>e.createVNode("img",e.mergeProps({src:s.value,alt:s.value.split("/")[s.value.split("/").length-1],class:[(i==null?void 0:i.value)==="infinite"&&h.m("spin")],style:{width:u.value||"",transform:`rotate(${i==null?void 0:i.value}deg)`}},n.attrs),null),k=()=>e.createVNode(c,e.mergeProps({name:s.value,color:d.value,size:u.value,class:[(i==null?void 0:i.value)==="infinite"&&h.m("spin")],style:{transform:`rotate(${i==null?void 0:i.value}deg)`}},n.attrs),null),l=()=>{const v=/^icon-/.test(s.value)?s.value:`${f.value}-${s.value}`;return e.createVNode("i",e.mergeProps({class:[f.value,v,(i==null?void 0:i.value)==="infinite"&&h.m("spin")],style:{fontSize:u.value,color:d.value,transform:`rotate(${i==null?void 0:i.value}deg)`}},n.attrs),null)};return{iconDom:()=>o.value?k():ne(s.value)?p():l()}}var se=e.defineComponent({name:"DIcon",props:U,setup(t,n){const{disabled:o,operable:s}=e.toRefs(t),{iconDom:r}=oe(t,n),d=C("icon"),f=e.computed(()=>({[d.e("container")]:!0,[d.m("disabled")]:o.value,[d.m("operable")]:s.value})),i=h=>{o.value&&(h.preventDefault(),h.stopImmediatePropagation())};return()=>{var h,u,c,p;return e.createVNode("div",{class:f.value,onClick:i},[(u=(h=n.slots).prefix)==null?void 0:u.call(h),r(),(p=(c=n.slots).suffix)==null?void 0:p.call(c)])}}}),Ue="";e.defineComponent({name:"DIconGroup",setup(t,n){const o=C("icon-group");return()=>{var s,r;return e.createVNode("div",{class:o.b()},[(r=(s=n.slots).default)==null?void 0:r.call(s)])}}});var le=e.defineComponent({emits:["click"],setup(t,{emit:n}){const o=C("notification");return()=>e.createVNode("div",{class:o.e("icon-close"),onClick:s=>n("click",s)},[e.createVNode(se,{name:"close",size:"14px"},null)])}});const L=C("notification");function ae(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("defs",null,[e.createVNode("polygon",{id:"path-s",points:"6.53553391 9.77817459 12.1923882 4.12132034 13.6066017 5.53553391            6.53553391 12.6066017 3 9.07106781 4.41421356 7.65685425 6.53553391 9.77817459"},null)]),e.createVNode("g",{id:"correct",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("mask",{id:"mask-2",fill:"white"},[e.createVNode("use",{"xlink:href":"#path-s"},null)]),e.createVNode("use",{id:"Mask",class:L.e("image-success-path"),"xlink:href":"#path-s"},null)])])}function re(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:L.e("warning-outer"),d:"M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117            15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873            0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"},null),e.createVNode("path",{class:L.e("warning-inner"),"stroke-width":"0.3","fill-rule":"nonzero",d:"M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105            L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"},null)])])}function ie(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{id:"info",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:L.e("image-info-path"),d:"M7,13 L7,6 L9,6 L9,13 L7,13 Z M7,5 L7,3 L9,3 L9,5 L7,5 Z",id:"info"},null)])])}function ue(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("defs",null,[e.createVNode("polygon",{id:"path-e",points:"8.07106781 6.65685425 10.8994949 3.82842712 12.3137085 5.24264069 9.48528137 8.07106781 12.3137085            10.8994949 10.8994949 12.3137085 8.07106781 9.48528137 5.24264069 12.3137085 3.82842712 10.8994949 6.65685425            8.07106781 3.82842712 5.24264069 5.24264069 3.82842712"},null)]),e.createVNode("g",{id:"error",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("mask",{id:"mask-2",fill:"white"},[e.createVNode("use",{"xlink:href":"#path-e"},null)]),e.createVNode("use",{id:"Mask",class:L.e("image-error-path"),"xlink:href":"#path-e"},null)])])}var ce=e.defineComponent({props:{type:{type:String,default:"normal"}},setup(t){const{type:n}=e.toRefs(t),o=C("notification"),s=e.computed(()=>({[o.e("image")]:!0,[o.em("image",n.value)]:!0}));return()=>e.createVNode("span",{class:s.value},[n.value&&n.value!=="normal"&&(n.value==="success"&&e.createVNode(ae,null,null)||n.value==="info"&&e.createVNode(ie,null,null)||n.value==="warning"&&e.createVNode(re,null,null)||n.value==="error"&&e.createVNode(ue,null,null))])}});function de(t){return{classes:e.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${t.type}`]:!0}))}}function pe(t,n){let o=null,s;const r=()=>{var h;clearTimeout(o),o=null,(h=t.onClose)==null||h.call(t),n("update:modelValue",!1)},d=()=>{o&&(clearTimeout(o),o=null)},f=()=>{if(!t.modelValue){const h=t.duration-(Date.now()-s);o=setTimeout(r,h)}},i=()=>{n("destroy")};return e.watch(()=>t.modelValue,h=>{h&&(s=Date.now(),t.duration&&(o=setTimeout(r,t.duration)))}),{interrupt:d,removeReset:f,close:r,handleDestroy:i}}var et="",fe=e.defineComponent({name:"DNotification",props:x,emits:["update:modelValue","destroy"],setup(t,{emit:n,slots:o}){const{modelValue:s,title:r,type:d}=e.toRefs(t),{classes:f}=de(t),{interrupt:i,removeReset:h,close:u,handleDestroy:c}=pe(t,n),p=C("notification");return()=>e.createVNode(e.Transition,{name:"notification-fade",onAfterLeave:c},{default:()=>{var k;return[s.value&&e.createVNode("div",{class:p.b()},[e.createVNode("div",{class:f.value,onMouseenter:i,onMouseleave:h},[e.createVNode("div",{class:p.e("item")},[e.createVNode(le,{onClick:u},null),r.value&&e.createVNode(ce,{type:d.value},null),e.createVNode("div",{class:p.e("message")},[e.createVNode("span",{class:p.e("title")},[r.value]),e.createVNode("span",{class:p.e("content")},[(k=o.default)==null?void 0:k.call(o)])])])])])]}})}});function me(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const he={modelValue:!1,duration:3e3,type:"normal"};function ge(t,n){const o=document.createElement("div"),s=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(fe,e.mergeProps(t,{onDestroy:s.unmount}),me(n)?n:{default:()=>[n]})}});return document.body.appendChild(o),s.mount(o),s}function Fe(t,n){t.modelValue=!1,n==null||n()}class ve{static open(n){const o=n.onClose||null,s=n.content;let r;delete n.content;const d=e.reactive(Q(_(_({},he),n),{onClose:()=>{Fe(d,o)}}));ge(d,s),d.modelValue=!0,clearTimeout(r),n.duration&&(r=setTimeout(d.onClose,n.duration))}}class ye{constructor(){V(this,"uri");V(this,"method");V(this,"maximumSize");V(this,"headers");V(this,"authToken");V(this,"authTokenHeader");V(this,"additionalParameter");V(this,"fileFieldName");V(this,"checkSameName");V(this,"withCredentials");V(this,"responseType")}}class we{constructor(){V(this,"accept");V(this,"multiple");V(this,"webkitdirectory")}}var w=(t=>(t[t.preLoad=0]="preLoad",t[t.uploading=1]="uploading",t[t.uploaded=2]="uploaded",t[t.failed=3]="failed",t))(w||{});const R={accept:{type:String},webkitdirectory:{type:Boolean,default:!1},uploadOptions:{type:Object},multiple:{type:Boolean,default:!1},autoUpload:{type:Boolean,default:!0},placeholder:{type:String,default:"\u9009\u62E9\u6587\u4EF6"},modelValue:{type:Array,default:()=>[]},droppable:{type:Boolean,default:!1},beforeUpload:{type:Function},dynamicUploadOptionsFn:{type:Function},disabled:{type:Boolean,default:!1},onChange:{type:Function},fileDrop:{type:Function,default:void 0},fileOver:{type:Function,default:void 0},fileSelect:{type:Function,default:void 0},deleteUploadedFile:{type:Function,default:void 0},"on-error":{type:Function,default:void 0},"on-success":{type:Function,default:void 0},oneTimeUpload:{type:Boolean,default:!1}},Ne=t=>`\u6700\u5927\u652F\u6301\u4E0A\u4F20${t}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`,Ve=(t,n)=>`\u6700\u5927\u652F\u6301\u4E0A\u4F20${n}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${t}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`,ke=(t,n)=>`\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${n}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${t}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`,xe=t=>`\u60A8\u4E0A\u4F20\u7684 "${t}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`,Ee=()=>{const t=e.ref(""),n=u=>{const c=document.createEvent("MouseEvents");c.initMouseEvent("click",!0,!0,window,1,0,0,0,0,!1,!1,!1,!1,0,null),u.dispatchEvent(c)},o=({multiple:u,accept:c,webkitdirectory:p})=>new Promise(k=>{const l=document.getElementById("d-upload-temp");l&&document.body.removeChild(l);const a=document.createElement("input");a.style.position="fixed",a.style.left="-2000px",a.style.top="-2000px",a.setAttribute("id","d-upload-temp"),a.setAttribute("type","file"),u&&a.setAttribute("multiple",""),c&&a.setAttribute("accept",c),p&&a.setAttribute("webkitdirectory",""),a.addEventListener("change",v=>{k(Array.prototype.slice.call(v.target.files))}),document.body.appendChild(a),n(a)}),s=(u,c)=>{if(u){const p=u.split(","),k=c.type.replace(/\/.*$/,"");return p.some(l=>{const a=l.trim();return a.startsWith(".")?c.name.toLowerCase().indexOf(a.toLowerCase(),c.name.toLowerCase().length-a.toLowerCase().length)>-1:/\/\*$/.test(a)?k===a.replace(/\/.*$/,""):c.type===a})}return!0},r=(u,c)=>c?u>1024*1024*c:!1;return{triggerSelectFiles:u=>{const{multiple:c,accept:p,webkitdirectory:k}=u;return o({multiple:c,accept:p,webkitdirectory:k})},_validateFiles:(u,c,p)=>s(c,u)?p&&r(u.size,p.maximumSize)?{checkError:!0,errorMsg:Ve(u.name,p.maximumSize||0)}:{checkError:!1,errorMsg:void 0}:{checkError:!0,errorMsg:ke(u.name,c)},triggerDropFiles:u=>Promise.resolve(u),checkAllFilesSize:(u,c)=>{if(r(u,c))return t.value=Ne(c),{checkError:!0,errorMsg:t.value}}}};class j{constructor(n,o){V(this,"xhr");V(this,"status");V(this,"response");V(this,"percentage",0);this.file=n,this.uploadOptions=o,this.file=n,this.uploadOptions=o,this.status=w.preLoad}send(n){return new Promise((o,s)=>{const{uri:r,method:d,headers:f,authToken:i,authTokenHeader:h,additionalParameter:u,fileFieldName:c,withCredentials:p,responseType:k}=this.uploadOptions||{},l=h||"Authorization",a=c||"file";this.xhr=new XMLHttpRequest,this.xhr.open(d||"POST",r||""),p&&(this.xhr.withCredentials=p),k&&(this.xhr.responseType=k),i&&this.xhr.setRequestHeader(l,i),f&&Object.keys(f).forEach(E=>{var b;(b=this.xhr)==null||b.setRequestHeader(E,f[E])}),this.xhr.upload.onprogress=E=>{this.percentage=Math.round(E.loaded*100/E.total)};const v=n&&n.length?this.oneTimeUploadFiles(a,u,n):this.parallelUploadFiles(a,u);this.xhr.send(v),this.status=w.uploading,this.xhr.onabort=()=>{this.status=w.preLoad,this.xhr=null},this.xhr.onerror=()=>{var E,b;this.response=(E=this.xhr)==null?void 0:E.response,this.status=w.failed,s({file:this.file,response:(b=this.xhr)==null?void 0:b.response})},this.xhr.onload=()=>{var E,b,S;((E=this.xhr)==null?void 0:E.readyState)===4&&this.xhr.status>=200&&this.xhr.status<300?(this.response=this.xhr.response,this.status=w.uploaded,o({file:this.file,response:this.xhr.response})):(this.response=(b=this.xhr)==null?void 0:b.response,this.status=w.failed,s({file:this.file,response:(S=this.xhr)==null?void 0:S.response}))}})}parallelUploadFiles(n,o){const s=new FormData;return s.append(n,this.file,this.file.name),o&&Object.keys(o).forEach(r=>{s.append(r,o[r])}),s}oneTimeUploadFiles(n,o,s){const r=new FormData;return s.forEach(d=>{r.append(n,d.file,d.file.name),o&&Object.keys(o).forEach(f=>{r.append(f,o[f])})}),r}cancel(){this.xhr&&this.xhr.abort()}}const Ce=()=>{const t=e.ref([]),n=e.ref([]),o=l=>{let a=!0;for(let v=0;v<t.value.length;v++)if(l===t.value[v].file.name){a=!1,n.value.indexOf(l)===-1&&n.value.push(l);break}return a},s=(l,a)=>{a&&a.checkSameName?o(l.name)&&t.value.push(new j(l,a)):t.value.push(new j(l,a))},r=()=>t.value.map(l=>l.file),d=()=>t.value.map(l=>l),f=async l=>{if(!l||!l.length)return Promise.reject("no files");let a=[];return await l[0].send(l).finally(()=>a=l.map(v=>(v.status=l[0].status,v.percentage=l[0].percentage,{file:v.file,response:l[0].response}))),a};return{fileUploaders:t,getFiles:r,addFile:s,getFullFiles:d,deleteFile:l=>{const a=t.value.find(v=>v.file===l);a==null||a.cancel(),t.value=t.value.filter(v=>l!==v.file)},upload:async l=>{let a=[];if(l){l.percentage=0;const v=await l.send();a.push(v)}else{const v=t.value.filter(S=>S.status===w.preLoad),E=t.value.filter(S=>S.status===w.failed),b=v.length>0?v:E;a=await Promise.all(b.map(async S=>(S.percentage=0,await S.send())))}return a.length>0?Promise.resolve(a):Promise.reject("no files")},removeFiles:()=>{t.value=[],n.value=[]},getSameNameFiles:()=>n.value.join(),resetSameNameFiles:()=>{n.value=[]},_oneTimeUpload:()=>{const l=t.value.filter(a=>a.status!==w.uploaded);return f(l)}}};var tt="",B=e.defineComponent({name:"DUpload",props:R,emits:["fileDrop","fileOver","fileSelect","deleteUploadedFile","update:modelValue"],setup(t,n){const{uploadOptions:o,placeholder:s,autoUpload:r,disabled:d,beforeUpload:f,droppable:i,oneTimeUpload:h,modelValue:u,multiple:c,accept:p,webkitdirectory:k}=e.toRefs(t),l=C("upload"),a=C("input-group"),v=C("form-control"),E=C("input-group-addon"),{triggerSelectFiles:b,_validateFiles:S,triggerDropFiles:H,checkAllFilesSize:Me}=Ee(),{fileUploaders:T,addFile:Be,getFullFiles:Ie,deleteFile:Z,upload:Pe,resetSameNameFiles:Oe,removeFiles:P,_oneTimeUpload:$e,getSameNameFiles:ze}=Ce(),O=e.ref(!1),M=g=>{ve.open({type:"warning",content:g})},_e=()=>{var y;let g=0;if(T.value.forEach(N=>{g+=N.file.size;const D=S(N.file,(p==null?void 0:p.value)||"",N.uploadOptions);if(D&&D.checkError){Z(N.file),M(D.errorMsg);return}}),h.value){const N=Me(g,((y=o==null?void 0:o.value)==null?void 0:y.maximumSize)||0);N&&N.checkError&&(P(),M(N.errorMsg))}},Re=g=>{O.value=g,n.emit("fileOver",g)},G=g=>{const y=u.value.filter(N=>N.name!==g.name);n.emit("deleteUploadedFile",g),n.emit("update:modelValue",y)},je=(g,y,N)=>{g.stopPropagation(),N===w.uploaded&&G(y),Z(y)},qe=()=>{let g=Promise.resolve(!0);if(f==null?void 0:f.value){const y=f==null?void 0:f.value(Ie());typeof y!="undefined"&&(typeof y=="boolean"?g=Promise.resolve(y):g=y)}return g},W=(g,y)=>{g&&g.stopPropagation(),qe().then(N=>{if(!N){P();return}const D=h.value?$e():Pe(y);D==null||D.then(m=>{t["on-success"]&&t["on-success"](m);const $=[...m.map(Ze=>Ze.file),...u.value];n.emit("update:modelValue",$)}).catch(m=>{t["on-error"]&&t["on-error"](m)})})},X=g=>{Oe(),g.then(y=>{y.forEach(m=>{c.value||P(),Be(m,o==null?void 0:o.value)}),_e();const N=ze();(o==null?void 0:o.value)&&o.value.checkSameName&&N.length&&M(xe(N));const D=T.value.filter(m=>m.status===w.preLoad).map(m=>m.file);n.emit("fileSelect",D),r.value&&W()}).catch(y=>{M(y.message)})},Y=()=>{d.value||X(b({accept:p==null?void 0:p.value,multiple:c.value,webkitdirectory:k.value}))},He=g=>{O.value=!1,X(H(g)),n.emit("fileDrop",g)};return()=>{var g,y,N,D;return e.createVNode("div",null,[e.withDirectives(e.createVNode("div",{class:l.b(),style:`border: ${O.value?"1px solid #15bf15":"0"}`},[((y=(g=n.slots).default)==null?void 0:y.call(g))?e.createVNode("div",{onClick:Y},[n.slots.default()]):e.createVNode("div",{class:[a.b(),d.value?"disabled":""],onClick:Y},[T.value.length===0&&e.createVNode("div",{class:[v.b(),l.e("placeholder")]},[s.value]),T.value.length>0&&e.createVNode("ul",{class:[v.b(),l.e("files-list")]},[T.value.map((m,J)=>e.createVNode("li",{key:J,class:[l.e("file-item"),l.e("file-tag")],style:"display: inline-block; margin: 0 2px 2px 0",title:m.file.name},[e.createVNode("span",{class:[l.e("filename"),m.status===w.failed?l.m("failed-color"):""]},[m.file.name]),e.createVNode(e.resolveComponent("d-icon"),{name:"close",class:[(m==null?void 0:m.status)===w.failed?l.e("delete-file-button"):"",(m==null?void 0:m.status)===w.uploading||(m==null?void 0:m.status)===w.uploaded?l.e("delete"):""],onClick:$=>je($,m.file,m.status)},null),m.status===w.uploading&&e.createVNode("div",{class:["icon",l.e("progress")]},[e.createVNode(e.resolveComponent("d-progress"),{isCircle:!0,percentage:m.percentage,barbgcolor:"#50D4AB",strokeWidth:8,showContent:!1},null)]),m.status===w.failed&&e.createVNode(e.resolveComponent("d-icon"),{name:"running",onClick:W},null),m.status===w.uploaded&&e.createVNode(e.resolveComponent("d-icon"),{name:"right",color:"#50d4ab"},null)]))]),e.createVNode("span",{class:E.b()},[e.createVNode(e.resolveComponent("d-icon"),{name:"more-operate",color:"#252b3a"},null)])])]),[[e.resolveDirective("file-drop"),{droppable:i,isSingle:!c,onFileDrop:He,onFileOver:Re}]]),e.createVNode("div",null,[(D=(N=n.slots)["uploaded-files"])==null?void 0:D.call(N,{uploadedFiles:u.value,deleteFile:G})])])}}});const q=t=>{var n;return t.dataTransfer?t.dataTransfer:(n=t.originalEvent)==null?void 0:n.dataTransfer},be=t=>t?t.indexOf?t.indexOf("Files")!==-1:t.contains?t.contains("Files"):!1:!1,I=t=>{t.preventDefault(),t.stopPropagation()},De=(t,n)=>{const{onFileOver:o}=n.value;t.addEventListener("dragover",s=>{const r=q(s);!be(r.types)||(I(s),o&&o(!0))})},Se=(t,n)=>{const{onFileOver:o}=n.value;t.addEventListener("dragleave",s=>{s.currentTarget!==t&&(I(s),o&&o(!0))})},Le=(t,n)=>{const{onFileDrop:o,isSingle:s}=n.value;t.addEventListener("drop",r=>{const d=q(r);!d||(I(r),s?o&&o([d.files[0]]):o&&o(Array.from(d.files)))})},Te={mounted:(t,n)=>{const{droppable:o}=n.value;!o||(De(t,n),Se(t,n),Le(t,n))}};var Ae={title:"Upload \u4E0A\u4F20",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(t){t.directive("file-drop",Te),t.component(B.name,B)}};F.IFileOptions=we,F.IUploadOptions=ye,F.Upload=B,F.UploadStatus=w,F.default=Ae,F.uploadProps=R,Object.defineProperty(F,"__esModule",{value:!0}),F[Symbol.toStringTag]="Module"});
+var Je=Object.defineProperty,Ke=Object.defineProperties;var Qe=Object.getOwnPropertyDescriptors;var Q=Object.getOwnPropertySymbols;var Ue=Object.prototype.hasOwnProperty,et=Object.prototype.propertyIsEnumerable;var R=(y,e,E)=>e in y?Je(y,e,{enumerable:!0,configurable:!0,writable:!0,value:E}):y[e]=E,j=(y,e)=>{for(var E in e||(e={}))Ue.call(e,E)&&R(y,E,e[E]);if(Q)for(var E of Q(e))et.call(e,E)&&R(y,E,e[E]);return y},U=(y,e)=>Ke(y,Qe(e));var V=(y,e,E)=>(R(y,typeof e!="symbol"?e+"":e,E),E);(function(y,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(y=typeof globalThis!="undefined"?globalThis:y||self,e(y.index={},y.Vue))})(this,function(y,e){"use strict";const E={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:"normal"},duration:{type:Number,default:3e3},onClose:{type:Function}},ee={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},te={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function M(t,n,o){let l=t;return n&&(l+=`__${n}`),o&&(l+=`--${o}`),l}function b(t,n=!1){const o=n?`.devui-${t}`:`devui-${t}`;return{b:()=>M(o),e:i=>i?M(o,i):"",m:i=>i?M(o,"",i):"",em:(i,v)=>i&&v?M(o,i,v):""}}var nt="",ne=e.defineComponent({name:"DSvgIcon",props:te,setup(t){const{name:n,color:o,size:l}=e.toRefs(t),a=b("svg-icon"),d=e.computed(()=>`#icon-${n.value}`),g=e.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),i={width:g.value,height:g.value};return()=>e.createVNode("svg",{class:a.b(),style:i},[e.createVNode("use",{"xlink:href":d.value,fill:o.value},null)])}});function oe(t){return/^((http|https):)?\/\//.test(t)}function le(t,n){const{component:o,name:l,size:a,color:d,classPrefix:g,rotate:i}=e.toRefs(t),v=b("icon"),u=e.computed(()=>typeof a.value=="number"?`${a.value}px`:a.value),c=o.value?e.resolveDynamicComponent(o.value):e.resolveDynamicComponent(ne),h=()=>e.createVNode("img",e.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(i==null?void 0:i.value)==="infinite"&&v.m("spin")],style:{width:u.value||"",transform:`rotate(${i==null?void 0:i.value}deg)`}},n.attrs),null),k=()=>e.createVNode(c,e.mergeProps({name:l.value,color:d.value,size:u.value,class:[(i==null?void 0:i.value)==="infinite"&&v.m("spin")],style:{transform:`rotate(${i==null?void 0:i.value}deg)`}},n.attrs),null),r=()=>{const f=/^icon-/.test(l.value)?l.value:`${g.value}-${l.value}`;return e.createVNode("i",e.mergeProps({class:[g.value,f,(i==null?void 0:i.value)==="infinite"&&v.m("spin")],style:{fontSize:u.value,color:d.value,transform:`rotate(${i==null?void 0:i.value}deg)`}},n.attrs),null)};return{iconDom:()=>o.value?k():oe(l.value)?h():r()}}var se=e.defineComponent({name:"DIcon",props:ee,setup(t,n){const{disabled:o,operable:l}=e.toRefs(t),{iconDom:a}=le(t,n),d=b("icon"),g=e.computed(()=>({[d.e("container")]:!0,[d.m("disabled")]:o.value,[d.m("operable")]:l.value})),i=v=>{v.stopImmediatePropagation(),o.value&&v.preventDefault()};return()=>{var v,u,c,h;return e.createVNode("div",{class:g.value,onClick:i},[(u=(v=n.slots).prefix)==null?void 0:u.call(v),a(),(h=(c=n.slots).suffix)==null?void 0:h.call(c)])}}}),ot="";e.defineComponent({name:"DIconGroup",setup(t,n){const o=b("icon-group");return()=>{var l,a;return e.createVNode("div",{class:o.b()},[(a=(l=n.slots).default)==null?void 0:a.call(l)])}}});var ae=e.defineComponent({emits:["click"],setup(t,{emit:n}){const o=b("notification");return()=>e.createVNode("div",{class:o.e("icon-close"),onClick:l=>n("click",l)},[e.createVNode(se,{name:"close",size:"14px"},null)])}});const A=b("notification");function ie(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("defs",null,[e.createVNode("polygon",{id:"path-s",points:"6.53553391 9.77817459 12.1923882 4.12132034 13.6066017 5.53553391            6.53553391 12.6066017 3 9.07106781 4.41421356 7.65685425 6.53553391 9.77817459"},null)]),e.createVNode("g",{id:"correct",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("mask",{id:"mask-2",fill:"white"},[e.createVNode("use",{"xlink:href":"#path-s"},null)]),e.createVNode("use",{id:"Mask",class:A.e("image-success-path"),"xlink:href":"#path-s"},null)])])}function re(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:A.e("warning-outer"),d:"M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117            15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873            0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"},null),e.createVNode("path",{class:A.e("warning-inner"),"stroke-width":"0.3","fill-rule":"nonzero",d:"M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105            L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"},null)])])}function ue(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{id:"info",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("path",{class:A.e("image-info-path"),d:"M7,13 L7,6 L9,6 L9,13 L7,13 Z M7,5 L7,3 L9,3 L9,5 L7,5 Z",id:"info"},null)])])}function ce(){return e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("defs",null,[e.createVNode("polygon",{id:"path-e",points:"8.07106781 6.65685425 10.8994949 3.82842712 12.3137085 5.24264069 9.48528137 8.07106781 12.3137085            10.8994949 10.8994949 12.3137085 8.07106781 9.48528137 5.24264069 12.3137085 3.82842712 10.8994949 6.65685425            8.07106781 3.82842712 5.24264069 5.24264069 3.82842712"},null)]),e.createVNode("g",{id:"error",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("mask",{id:"mask-2",fill:"white"},[e.createVNode("use",{"xlink:href":"#path-e"},null)]),e.createVNode("use",{id:"Mask",class:A.e("image-error-path"),"xlink:href":"#path-e"},null)])])}var de=e.defineComponent({props:{type:{type:String,default:"normal"}},setup(t){const{type:n}=e.toRefs(t),o=b("notification"),l=e.computed(()=>({[o.e("image")]:!0,[o.em("image",n.value)]:!0}));return()=>e.createVNode("span",{class:l.value},[n.value&&n.value!=="normal"&&(n.value==="success"&&e.createVNode(ie,null,null)||n.value==="info"&&e.createVNode(ue,null,null)||n.value==="warning"&&e.createVNode(re,null,null)||n.value==="error"&&e.createVNode(ce,null,null))])}});function fe(t){return{classes:e.computed(()=>({"devui-notification-item-container":!0,[`devui-notification-message-${t.type}`]:!0}))}}function pe(t,n){let o=null,l;const a=()=>{var v;clearTimeout(o),o=null,(v=t.onClose)==null||v.call(t),n("update:modelValue",!1)},d=()=>{o&&(clearTimeout(o),o=null)},g=()=>{if(!t.modelValue){const v=t.duration-(Date.now()-l);o=setTimeout(a,v)}},i=()=>{n("destroy")};return e.watch(()=>t.modelValue,v=>{v&&(l=Date.now(),t.duration&&(o=setTimeout(a,t.duration)))}),{interrupt:d,removeReset:g,close:a,handleDestroy:i}}var lt="",me=e.defineComponent({name:"DNotification",props:E,emits:["update:modelValue","destroy"],setup(t,{emit:n,slots:o}){const{modelValue:l,title:a,type:d}=e.toRefs(t),{classes:g}=fe(t),{interrupt:i,removeReset:v,close:u,handleDestroy:c}=pe(t,n),h=b("notification");return()=>e.createVNode(e.Transition,{name:"notification-fade",onAfterLeave:c},{default:()=>{var k;return[l.value&&e.createVNode("div",{class:h.b()},[e.createVNode("div",{class:g.value,onMouseenter:i,onMouseleave:v},[e.createVNode("div",{class:h.e("item")},[e.createVNode(ae,{onClick:u},null),a.value&&e.createVNode(de,{type:d.value},null),e.createVNode("div",{class:h.e("message")},[e.createVNode("span",{class:h.e("title")},[a.value]),e.createVNode("span",{class:h.e("content")},[(k=o.default)==null?void 0:k.call(o)])])])])])]}})}});function he(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const ge={modelValue:!1,duration:3e3,type:"normal"};function Fe(t,n){const o=document.createElement("div"),l=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(me,e.mergeProps(t,{onDestroy:l.unmount}),he(n)?n:{default:()=>[n]})}});return document.body.appendChild(o),l.mount(o),l}function ve(t,n){t.modelValue=!1,n==null||n()}class ye{static open(n){const o=n.onClose||null,l=n.content;let a;delete n.content;const d=e.reactive(U(j(j({},ge),n),{onClose:()=>{ve(d,o)}}));Fe(d,l),d.modelValue=!0,clearTimeout(a),n.duration&&(a=setTimeout(d.onClose,n.duration))}}class Ne{constructor(){V(this,"uri");V(this,"method");V(this,"maximumSize");V(this,"headers");V(this,"authToken");V(this,"authTokenHeader");V(this,"additionalParameter");V(this,"fileFieldName");V(this,"checkSameName");V(this,"withCredentials");V(this,"responseType")}}class we{constructor(){V(this,"accept");V(this,"multiple");V(this,"webkitdirectory")}}var N=(t=>(t[t.preLoad=0]="preLoad",t[t.uploading=1]="uploading",t[t.uploaded=2]="uploaded",t[t.failed=3]="failed",t))(N||{});const q={accept:{type:String},webkitdirectory:{type:Boolean,default:!1},uploadOptions:{type:Object},multiple:{type:Boolean,default:!1},autoUpload:{type:Boolean,default:!0},placeholder:{type:String,default:"\u9009\u62E9\u6587\u4EF6"},modelValue:{type:Array,default:()=>[]},droppable:{type:Boolean,default:!1},beforeUpload:{type:Function},dynamicUploadOptionsFn:{type:Function},disabled:{type:Boolean,default:!1},onChange:{type:Function},fileDrop:{type:Function,default:void 0},fileOver:{type:Function,default:void 0},fileSelect:{type:Function,default:void 0},deleteUploadedFile:{type:Function,default:void 0},onError:{type:Function,default:void 0},onSuccess:{type:Function,default:void 0},onExceed:{type:Function,default:void 0},oneTimeUpload:{type:Boolean,default:!1},limit:{type:Number,default:0},httpRequest:{type:Function,default:void 0}},Ve=t=>`\u6700\u5927\u652F\u6301\u4E0A\u4F20${t}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`,ke=(t,n)=>`\u6700\u5927\u652F\u6301\u4E0A\u4F20${n}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${t}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`,Ee=(t,n)=>`\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${n}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${t}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`,xe=t=>`\u60A8\u4E0A\u4F20\u7684 "${t}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`,Ce=()=>{const t=e.ref(""),n=u=>{const c=document.createEvent("MouseEvents");c.initMouseEvent("click",!0,!0,window,1,0,0,0,0,!1,!1,!1,!1,0,null),u.dispatchEvent(c)},o=({multiple:u,accept:c,webkitdirectory:h})=>new Promise(k=>{const r=document.getElementById("d-upload-temp");r&&document.body.removeChild(r);const s=document.createElement("input");s.style.position="fixed",s.style.left="-2000px",s.style.top="-2000px",s.setAttribute("id","d-upload-temp"),s.setAttribute("type","file"),u&&s.setAttribute("multiple",""),c&&s.setAttribute("accept",c),h&&s.setAttribute("webkitdirectory",""),s.addEventListener("change",f=>{k(Array.prototype.slice.call(f.target.files))}),document.body.appendChild(s),n(s)}),l=(u,c)=>{if(u){const h=u.split(","),k=c.type.replace(/\/.*$/,"");return h.some(r=>{const s=r.trim();return s.startsWith(".")?c.name.toLowerCase().indexOf(s.toLowerCase(),c.name.toLowerCase().length-s.toLowerCase().length)>-1:/\/\*$/.test(s)?k===s.replace(/\/.*$/,""):c.type===s})}return!0},a=(u,c)=>c?u>1024*1024*c:!1;return{triggerSelectFiles:u=>{const{multiple:c,accept:h,webkitdirectory:k}=u;return o({multiple:c,accept:h,webkitdirectory:k})},_validateFiles:(u,c,h)=>l(c,u)?h&&a(u.size,h.maximumSize)?{checkError:!0,errorMsg:ke(u.name,h.maximumSize||0)}:{checkError:!1,errorMsg:void 0}:{checkError:!0,errorMsg:Ee(u.name,c)},triggerDropFiles:u=>Promise.resolve(u),checkAllFilesSize:(u,c)=>{if(a(u,c))return t.value=Ve(c),{checkError:!0,errorMsg:t.value}}}};class H{constructor(n,o){V(this,"xhr");V(this,"status");V(this,"response");V(this,"percentage",0);this.file=n,this.uploadOptions=o,this.file=n,this.uploadOptions=o,this.status=N.preLoad}send(n){return new Promise((o,l)=>{const{uri:a,method:d,headers:g,authToken:i,authTokenHeader:v,additionalParameter:u,fileFieldName:c,withCredentials:h,responseType:k}=this.uploadOptions||{},r=v||"Authorization",s=c||"file";this.xhr=new XMLHttpRequest,this.xhr.open(d||"POST",a||""),h&&(this.xhr.withCredentials=h),k&&(this.xhr.responseType=k),i&&this.xhr.setRequestHeader(r,i),g&&Object.keys(g).forEach(x=>{var C;(C=this.xhr)==null||C.setRequestHeader(x,g[x])}),this.xhr.upload.onprogress=x=>{this.percentage=Math.round(x.loaded*100/x.total)};const f=n&&n.length?this.oneTimeUploadFiles(s,u,n):this.parallelUploadFiles(s,u);this.xhr.send(f),this.status=N.uploading,this.xhr.onabort=()=>{this.status=N.preLoad,this.xhr=null},this.xhr.onerror=()=>{var x,C;this.response=(x=this.xhr)==null?void 0:x.response,this.status=N.failed,l({file:this.file,response:(C=this.xhr)==null?void 0:C.response})},this.xhr.onload=()=>{var x,C,D;((x=this.xhr)==null?void 0:x.readyState)===4&&this.xhr.status>=200&&this.xhr.status<300?(this.response=this.xhr.response,this.status=N.uploaded,o({file:this.file,response:this.xhr.response})):(this.response=(C=this.xhr)==null?void 0:C.response,this.status=N.failed,l({file:this.file,response:(D=this.xhr)==null?void 0:D.response}))}})}parallelUploadFiles(n,o){const l=new FormData;return l.append(n,this.file,this.file.name),o&&Object.keys(o).forEach(a=>{l.append(a,o[a])}),l}oneTimeUploadFiles(n,o,l){const a=new FormData;return l.forEach(d=>{a.append(n,d.file,d.file.name),o&&Object.keys(o).forEach(g=>{a.append(g,o[g])})}),a}cancel(){this.xhr&&this.xhr.abort()}}const be=()=>{const t=e.ref([]),n=e.ref([]),o=r=>{let s=!0;for(let f=0;f<t.value.length;f++)if(r===t.value[f].file.name){s=!1,n.value.indexOf(r)===-1&&n.value.push(r);break}return s},l=(r,s)=>{s&&s.checkSameName?o(r.name)&&t.value.push(new H(r,s)):t.value.push(new H(r,s))},a=()=>t.value.map(r=>r.file),d=()=>t.value.map(r=>r),g=async r=>{if(!r||!r.length)return Promise.reject("no files");let s=[];return await r[0].send(r).finally(()=>s=r.map(f=>(f.status=r[0].status,f.percentage=r[0].percentage,{file:f.file,response:r[0].response}))),s};return{fileUploaders:t,getFiles:a,addFile:l,getFullFiles:d,deleteFile:r=>{const s=t.value.find(f=>f.file===r);s==null||s.cancel(),t.value=t.value.filter(f=>r!==f.file)},upload:async r=>{let s=[];if(r){r.percentage=0;const f=await r.send();s.push(f)}else{const f=t.value.filter(D=>D.status===N.preLoad),x=t.value.filter(D=>D.status===N.failed),C=f.length>0?f:x;s=await Promise.all(C.map(async D=>(D.percentage=0,await D.send())))}return s.length>0?Promise.resolve(s):Promise.reject("no files")},removeFiles:()=>{t.value=[],n.value=[]},getSameNameFiles:()=>n.value.join(),resetSameNameFiles:()=>{n.value=[]},_oneTimeUpload:()=>{const r=t.value.filter(s=>s.status!==N.uploaded);return g(r)}}};var st="",P=e.defineComponent({name:"DUpload",props:q,emits:["fileDrop","fileOver","fileSelect","deleteUploadedFile","update:modelValue"],setup(t,n){const{uploadOptions:o,placeholder:l,autoUpload:a,disabled:d,beforeUpload:g,droppable:i,oneTimeUpload:v,modelValue:u,multiple:c,accept:h,webkitdirectory:k,limit:r,httpRequest:s}=e.toRefs(t),f=b("upload"),x=b("input-group"),C=b("form-control"),D=b("input-group-addon"),{triggerSelectFiles:G,_validateFiles:Be,triggerDropFiles:Ie,checkAllFilesSize:Pe}=Ce(),{fileUploaders:L,addFile:Oe,getFullFiles:$e,deleteFile:W,upload:ze,resetSameNameFiles:_e,removeFiles:$,_oneTimeUpload:Re,getSameNameFiles:je}=be(),z=e.ref(!1),B=p=>{ye.open({type:"warning",content:p})},qe=()=>{var F;let p=0;if(L.value.forEach(w=>{p+=w.file.size;const S=Be(w.file,(h==null?void 0:h.value)||"",w.uploadOptions);if(S&&S.checkError){W(w.file),B(S.errorMsg);return}}),v.value){const w=Pe(p,((F=o==null?void 0:o.value)==null?void 0:F.maximumSize)||0);w&&w.checkError&&($(),B(w.errorMsg))}},He=p=>{z.value=p,n.emit("fileOver",p)},X=p=>{const F=u.value.filter(w=>w.name!==p.name);n.emit("deleteUploadedFile",p),n.emit("update:modelValue",F)},Y=(p,F,w)=>{p==null||p.stopPropagation(),w===N.uploaded&&X(F),W(F)},Ze=()=>{let p=Promise.resolve(!0);if(g==null?void 0:g.value){const F=g==null?void 0:g.value($e());typeof F!="undefined"&&(typeof F=="boolean"?p=Promise.resolve(F):p=F)}return p},_=(p,F)=>{p&&p.stopPropagation(),Ze().then(w=>{if(!w){$();return}if(typeof(s==null?void 0:s.value)=="function"){const m=L.value.map(T=>T.file);s.value(m);return}const S=v.value?Re():ze(F);S==null||S.then(m=>{t.onSuccess&&t.onSuccess(m);const T=m.map(Ye=>Ye.file),I=[...T,...u.value];n.emit("update:modelValue",I),t.onChange&&t.onChange(T,I)}).catch(m=>{t.onError&&t.onError(m),t.onChange&&t.onChange([m.file],u.value)})})},J=p=>{_e(),p.then(F=>{if(r.value&&u.value.length+F.length>r.value){t.onExceed&&t.onExceed(F,u.value);return}t.onChange&&t.onChange(F,u.value),F.forEach(m=>{c.value||$(),Oe(m,o==null?void 0:o.value)}),qe();const w=je();(o==null?void 0:o.value)&&o.value.checkSameName&&w.length&&B(xe(w));const S=L.value.filter(m=>m.status===N.preLoad).map(m=>m.file);n.emit("fileSelect",S),a.value&&_()}).catch(F=>{B(F.message)})},K=()=>{d.value||J(G({accept:h==null?void 0:h.value,multiple:c.value,webkitdirectory:k.value}))},Ge=p=>{z.value=!1,J(Ie(p)),n.emit("fileDrop",p)},We=(p,F)=>{_(p,F)},Xe=p=>{L.value.forEach(F=>{Y(p,F.file,F.status)})};return n.expose({submit:We,clearFiles:Xe}),()=>{var p,F,w,S;return e.createVNode("div",null,[e.withDirectives(e.createVNode("div",{class:f.b(),style:`border: ${z.value?"1px solid #15bf15":"0"}`},[((F=(p=n.slots).default)==null?void 0:F.call(p))?e.createVNode("div",{onClick:K},[n.slots.default()]):e.createVNode("div",{class:[x.b(),d.value?"disabled":""],onClick:K},[L.value.length===0&&e.createVNode("div",{class:[C.b(),f.e("placeholder")]},[l.value]),L.value.length>0&&e.createVNode("ul",{class:[C.b(),f.e("files-list")]},[L.value.map((m,T)=>e.createVNode("li",{key:T,class:[f.e("file-item"),f.e("file-tag")],style:"display: inline-block; margin: 0 2px 2px 0",title:m.file.name},[e.createVNode("span",{class:[f.e("filename"),m.status===N.failed?f.m("failed-color"):""]},[m.file.name]),e.createVNode(e.resolveComponent("d-icon"),{name:"close",class:[(m==null?void 0:m.status)===N.failed?f.e("delete-file-button"):"",(m==null?void 0:m.status)===N.uploading||(m==null?void 0:m.status)===N.uploaded?f.e("delete"):""],onClick:I=>Y(I,m.file,m.status)},null),m.status===N.uploading&&e.createVNode("div",{class:["icon",f.e("progress")]},[e.createVNode(e.resolveComponent("d-progress"),{isCircle:!0,percentage:m.percentage,barbgcolor:"#50D4AB",strokeWidth:8,showContent:!1},null)]),m.status===N.failed&&e.createVNode(e.resolveComponent("d-icon"),{name:"running",onClick:_},null),m.status===N.uploaded&&e.createVNode(e.resolveComponent("d-icon"),{name:"right",color:"#50d4ab"},null)]))]),e.createVNode("span",{class:D.b()},[e.createVNode(e.resolveComponent("d-icon"),{name:"more-operate",color:"#252b3a"},null)])])]),[[e.resolveDirective("file-drop"),{droppable:i,isSingle:!c,onFileDrop:Ge,onFileOver:He}]]),e.createVNode("div",null,[(S=(w=n.slots)["uploaded-files"])==null?void 0:S.call(w,{uploadedFiles:u.value,deleteFile:X})])])}}});const Z=t=>{var n;return t.dataTransfer?t.dataTransfer:(n=t.originalEvent)==null?void 0:n.dataTransfer},Se=t=>t?t.indexOf?t.indexOf("Files")!==-1:t.contains?t.contains("Files"):!1:!1,O=t=>{t.preventDefault(),t.stopPropagation()},De=(t,n)=>{const{onFileOver:o}=n.value;t.addEventListener("dragover",l=>{const a=Z(l);!Se(a.types)||(O(l),o&&o(!0))})},Le=(t,n)=>{const{onFileOver:o}=n.value;t.addEventListener("dragleave",l=>{l.currentTarget!==t&&(O(l),o&&o(!0))})},Te=(t,n)=>{const{onFileDrop:o,isSingle:l}=n.value;t.addEventListener("drop",a=>{const d=Z(a);!d||(O(a),l?o&&o([d.files[0]]):o&&o(Array.from(d.files)))})},Ae={mounted:(t,n)=>{const{droppable:o}=n.value;!o||(De(t,n),Le(t,n),Te(t,n))}};var Me={title:"Upload \u4E0A\u4F20",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(t){t.directive("file-drop",Ae),t.component(P.name,P)}};y.IFileOptions=we,y.IUploadOptions=Ne,y.Upload=P,y.UploadStatus=N,y.default=Me,y.uploadProps=q,Object.defineProperty(y,"__esModule",{value:!0}),y[Symbol.toStringTag]="Module"});

package/upload/style.css

@@ -1 +1 @@
-.devui-icon__container{display:inline-flex;align-items:center;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--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;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 4px);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: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;line-height:1;color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f5f5f5);border-top:1px solid var(--devui-form-control-line, #d7d8da);border-bottom:1px solid var(--devui-form-control-line, #d7d8da);border-right:1px solid var(--devui-form-control-line, #d7d8da);border-radius:0 var(--devui-border-radius, 4px) var(--devui-border-radius, 4px) 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;height:100%;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%;min-height:28px;height:unset;padding:4px 8px;font-size:var(--devui-font-size, 14px);line-height:1.5;background-image:none;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 4px) 0 0 var(--devui-border-radius, 4px);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:2px 2px 0;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:22px;line-height:22px;padding:0 48px 0 12px}.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, 4px);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:28px;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}
+.devui-icon__container{display:inline-flex;align-items:center;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--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;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 4px);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: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;line-height:1;color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f8f8f8);border-top:1px solid var(--devui-form-control-line, #d7d8da);border-bottom:1px solid var(--devui-form-control-line, #d7d8da);border-right:1px solid var(--devui-form-control-line, #d7d8da);border-radius:0 var(--devui-border-radius, 4px) var(--devui-border-radius, 4px) 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;height:100%;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%;min-height:28px;height:unset;padding:4px 8px;font-size:var(--devui-font-size, 14px);line-height:1.5;background-image:none;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 4px) 0 0 var(--devui-border-radius, 4px);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:2px 2px 0;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:22px;line-height:22px;padding:0 48px 0 12px}.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, 4px);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:28px;line-height:18px;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}