vue-devui 1.6.10 → 1.6.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/category-search/index.es.js +11 -12
- package/category-search/index.umd.js +9 -9
- package/checkbox/index.es.js +2 -3
- package/checkbox/index.umd.js +2 -2
- package/data-grid/index.es.js +24 -15
- package/data-grid/index.umd.js +17 -17
- package/date-picker-pro/index.es.js +28 -6
- package/date-picker-pro/index.umd.js +12 -12
- package/editable-select/style.css +1 -1
- package/menu/index.es.js +26 -2
- package/menu/index.umd.js +5 -1
- package/menu/style.css +1 -1
- package/package.json +1 -1
- package/pagination/index.es.js +222 -11
- package/pagination/index.umd.js +13 -13
- package/pagination/style.css +1 -1
- package/select/index.es.js +222 -11
- package/select/index.umd.js +13 -13
- package/select/style.css +1 -1
- package/style.css +1 -1
- package/table/index.es.js +4 -5
- package/table/index.umd.js +3 -3
- package/time-select/index.es.js +222 -11
- package/time-select/index.umd.js +13 -13
- package/time-select/style.css +1 -1
- package/tree/index.es.js +2 -3
- package/tree/index.umd.js +2 -2
- package/types/checkbox/src/checkbox-types.d.ts +0 -2
- package/types/data-grid/src/data-grid-types.d.ts +4 -0
- package/types/date-picker-pro/src/date-picker-pro-types.d.ts +13 -0
- package/types/date-picker-pro/src/range-date-picker-types.d.ts +4 -0
- package/vue-devui.es.js +77 -39
- package/vue-devui.umd.js +48 -48
package/pagination/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));opacity:1;z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label--required-hide:before{display:none}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__label-tips-popover .dv-popover__icon-wrap+span{flex:1}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 12px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox__tick-wrap{position:absolute;width:14px;height:14px}.devui-checkbox .devui-checkbox__tick-wrap .devui-checkbox__tick{stroke:var(--devui-light-text, #ffffff);stroke-dasharray:13 13;stroke-dashoffset:13;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95)),opacity var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95)),transform var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.active:not(.half-checked) .devui-checkbox__tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in, cubic-bezier(.5, 0, .84, .25)),opacity var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.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):hover .devui-checkbox__material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color){background-size:0% 0%;transition:background-size var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95)),border-color var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color)>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.half-checked .devui-checkbox__material.custom-color>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox__material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat 50%/0;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox__material.devui-checkbox__default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox__material.devui-checkbox--no-label{margin-right:0}.devui-checkbox .devui-checkbox__material>.devui-checkbox__halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover{background-color:var(--devui-brand, #5e7ce0)}.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--glow-style .devui-checkbox__glow-box{position:absolute;width:16px;height:16px}.devui-checkbox--glow-style .devui-checkbox__glow-box .glow-bg{display:block;width:16px;height:16px;user-select:none;border-radius:var(--devui-border-radius, 2px);box-shadow:none;transition:box-shadow var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-checkbox--glow-style:not(.disabled):hover .glow-bg{box-shadow:0 0 0 6px var(--devui-range-item-hover-bg, #e9edfa)}.devui-checkbox--checkbox-bordered .devui-checkbox__material{vertical-align:text-bottom!important}.devui-checkbox--checkbox-bordered.devui-checkbox--checkbox-xs .devui-checkbox__glow-box,.devui-checkbox--checkbox-bordered.devui-checkbox--checkbox-sm .devui-checkbox__glow-box{left:11px}.devui-checkbox--checkbox-bordered.devui-checkbox--checkbox-md .devui-checkbox__glow-box,.devui-checkbox--checkbox-bordered.devui-checkbox--checkbox-lg .devui-checkbox__glow-box{left:12px}.devui-checkbox__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:400;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:flex;align-items:center}.devui-checkbox label.devui-checkbox--lg{display:flex;align-items:center;font-size:var(--devui-font-size-lg, 14px)}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material>svg{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg.devui-checkbox--bordered{height:40px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--md{display:flex;align-items:center;font-size:var(--devui-font-size-md, 12px)}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material>svg{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md.devui-checkbox--bordered{height:32px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--sm{display:flex;align-items:center;font-size:var(--devui-font-size-sm, 12px)}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm.devui-checkbox--bordered{height:24px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--bordered{border:1px solid var(--devui-disabled-line, #dfe1e6);border-radius:var(--devui-border-radius, 2px)}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top!important}.devui-checkbox label>span.devui-checkbox__material{flex-shrink:0}.devui-checkbox label>span.devui-checkbox__label-text{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-checkbox.disabled .devui-checkbox__material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox__material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material{background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.half-checked .devui-checkbox__material .devui-checkbox__halfchecked-bg{transform:scale(.4288);background-color:var(--devui-light-text, #ffffff);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-checkbox--no-animation{transition:none!important}.devui-checkbox__column-margin{height:28px;line-height:28px}.devui-checkbox__wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-checkbox__group{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.devui-checkbox__group>*{margin-top:8px}.devui-checkbox__group.is-row{flex-direction:row}.devui-checkbox__group.is-row div:not(:last-child){margin-right:20px}.devui-checkbox__group.is-column{flex-direction:column}.devui-checkbox-button{display:flex;align-items:center;position:relative}.devui-checkbox-button__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox-button__content{font-size:14px;color:var(--devui-text, #252b3a);padding:10px 20px;cursor:pointer;border:1px solid var(--devui-disabled-line, #dfe1e6);display:inline-block;line-height:1;user-select:none}.devui-checkbox-button__content.devui-checkbox-button--lg{font-size:var(--devui-font-size-lg, 14px);padding:var(--devui-btn-lg-padding, 0 24px);height:40px;line-height:40px}.devui-checkbox-button__content.devui-checkbox-button--md{font-size:var(--devui-font-size-md, 12px);padding:var(--devui-btn-padding, 0 20px);height:32px;line-height:32px}.devui-checkbox-button__content.devui-checkbox-button--sm{font-size:var(--devui-font-size-sm, 12px);padding:var(--devui-btn-sm-padding, 0 16px);height:24px;line-height:24px}.devui-checkbox-button.active .devui-checkbox-button__content{color:#fff;background-color:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox-button.active.disabled .devui-checkbox-button__content{color:#fff;background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox-button.disabled .devui-checkbox-button__content{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3);background-color:#fff;border-color:var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button__content{border-left:none;box-shadow:-1px 0 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-bottom-left-radius:var(--devui-border-radius, 2px);border-left:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-row .devui-checkbox-button:last-child .devui-checkbox-button__content{border-top-right-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}.devui-checkbox__group.is-column .devui-checkbox-button{width:100%;margin-top:0}.devui-checkbox__group.is-column .devui-checkbox-button__content{width:100%;border-top:none;box-shadow:0 -1px 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-column .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-top-right-radius:var(--devui-border-radius, 2px);border-top:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-column .devui-checkbox-button:last-child .devui-checkbox-button__content{border-bottom-left-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}.devui-tag{display:inline-block}.devui-tag .devui-tag__item{display:block;position:relative;padding:0 8px;height:20px;border:1px solid;border-radius:var(--devui-border-radius, 2px);font-size:var(--devui-font-size, 12px);line-height:20px;cursor:default}.devui-tag .devui-tag__item.devui-tag--default{border:0;color:var(--devui-text, #252b3a);background-color:var(--devui-default-bg, #f7f8fa)}.devui-tag .devui-tag__item.devui-tag--primary{color:var(--devui-primary, #5e7ce0);background-color:var(--devui-primary-bg, #f2f5fc)}.devui-tag .devui-tag__item.devui-tag--success{color:var(--devui-success, #50d4ab);background-color:var(--devui-success-bg, #cffcee)}.devui-tag .devui-tag__item.devui-tag--warning{color:var(--devui-warning, #fac20a);background-color:var(--devui-warning-bg, #ffe1c7)}.devui-tag .devui-tag__item.devui-tag--danger{color:var(--devui-danger, #f66f6a);background-color:var(--devui-danger-bg, #ffd5d4)}.devui-tag .devui-tag__item.devui-tag--colorful{background-color:#fff}.devui-tag .devui-tag__item.devui-tag--deletable{padding-right:32px}.devui-tag .devui-tag__item.devui-tag--lg{font-size:var(--devui-font-size-lg, 14px);height:32px;line-height:30px}.devui-tag .devui-tag__item.devui-tag--md{font-size:var(--devui-font-size-lg, 14px);height:28px;line-height:26px}.devui-tag .devui-tag__item.devui-tag--sm{font-size:var(--devui-font-size-sm, 12px);height:24px;line-height:22px}.devui-tag .remove-button{display:inline-block;margin-left:12px;font-size:var(--devui-font-size-icon, 16px);cursor:pointer;width:12px;height:12px;line-height:12px;border-radius:50%;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}.devui-tag .remove-button i{vertical-align:0}.devui-select{position:relative;width:100%;font-size:var(--devui-font-size, 12px)}.devui-select__selection:hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-select--open .devui-select__selection:not(.devui-select__selection--error),.devui-select--focus .devui-select__selection:not(.devui-select__selection--error){border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select--open .devui-select__selection:not(.devui-select__selection--error):hover,.devui-select--focus .devui-select__selection:not(.devui-select__selection--error):hover{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select .devui-tag{margin:4px 0 4px 4px}.devui-select .devui-tag .devui-tag__item.devui-tag--md{height:18px;line-height:16px}.devui-select .devui-tag .devui-tag__item.devui-tag--default{background-color:var(--devui-label-bg, #e9edfa)}.devui-select--sm{font-size:var(--devui-font-size-sm, 12px)}.devui-select--sm .devui-tag{margin:2px 0 2px 4px}.devui-select--sm .devui-tag .devui-tag__item.devui-tag--sm{height:18px;line-height:16px}.devui-select--lg{font-size:var(--devui-font-size-lg, 14px)}.devui-select:not(.devui-select--disabled):not(.devui-select--underlined) .devui-select__selection.devui-select__selection--glow-style:hover{border-color:var(--devui-form-control-line, #d7d8da);box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08))}.devui-select:not(.devui-select--disabled):not(.devui-select--underlined) .devui-select__selection.devui-select__selection--glow-style.devui-select__selection--error:hover{border-color:var(--devui-danger-line, #f66f6a);box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08))}.devui-select--open .devui-select__selection.devui-select__selection--glow-style,.devui-select--focus .devui-select__selection.devui-select__selection--glow-style{border-color:var(--devui-form-control-line-active, #5e7ce0)!important;box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08))}.devui-select--open .devui-select__selection.devui-select__selection--glow-style.devui-select__selection--error,.devui-select--focus .devui-select__selection.devui-select__selection--glow-style.devui-select__selection--error{border-color:var(--devui-danger-line, #f66f6a)}.devui-select--underlined{border-bottom:1px solid var(--devui-form-control-line, #d7d8da);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-select--underlined:not([disabled]):not(.disabled):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-select--underlined:not([disabled]):not(.disabled).devui-select--open{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select--underlined .devui-select__input,.devui-select--underlined .devui-select__selection{border:none}.devui-select--disabled,.devui-select--disabled .devui-select__input,.devui-select--disabled .devui-select__selection{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #cfd0d3)}.devui-select--disabled .devui-select__arrow,.devui-select--disabled .devui-select__clear{cursor:not-allowed}.devui-select--disabled .devui-select__arrow svg path,.devui-select--disabled .devui-select__clear svg path{fill:var(--devui-disabled-text, #cfd0d3)}.devui-select--open .devui-select__arrow{transform:rotate(180deg)}.devui-dropdown-menu-multiple .devui-select__item.active{color:var(--devui-list-item-active-text, #252b3a);background-color:transparent}.devui-select__selection{display:flex;align-items:center;position:relative;cursor:pointer;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);color:var(--devui-text, #252b3a);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),box-shadow var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in, cubic-bezier(.5, 0, .84, .25))}.devui-select__selection--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffd5d4)}.devui-select__selection--error:hover{border-color:var(--devui-danger-line, #f66f6a)}.devui-select__multiple{display:flex;align-items:center;flex-wrap:wrap;padding-right:28px;cursor:pointer}.devui-select__multiple .devui-select__multiple--input{display:flex;max-width:100%;min-width:15px}.devui-select__input{cursor:pointer;width:100%;height:30px;padding:4px 28px 4px 10px;color:var(--devui-text, #252b3a);vertical-align:middle;outline:none;background:none;box-sizing:border-box;border:none;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-select__input:not([disabled]):not(.disabled):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-select__input:not([disabled]):not(.disabled):focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select__input[disabled]:hover,.devui-select__input.disabled:hover{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #cfd0d3)}.devui-select__input.devui-select__input--lg{height:38px}.devui-select__input.devui-select__input--sm{height:22px}.devui-select__clearable:hover .devui-select__clear{display:inline-flex}.devui-select__clearable:hover .devui-select__arrow{display:none}.devui-select__clear,.devui-select__arrow{position:absolute;right:0;height:100%;width:28px;display:inline-flex;justify-content:center;align-items:center}.devui-select__clear{display:none}.devui-select__clear svg path{fill:var(--devui-shape-icon-fill, #d7d8da);transition:all var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)) var(--devui-animation-duration-slow, .3s)}.devui-select__clear svg:hover path{fill:var(--devui-shape-icon-fill-hover, #babbc0)}.devui-select__clear--feedback{right:28px}.devui-select__arrow{transform:rotate(0);transition:transform .25s ease-out}.devui-select__arrow svg path{fill:var(--devui-icon-text, #71757f)}.devui-select__arrow--feedback{right:28px}.devui-select__dropdown{overflow:auto}.devui-select__dropdown-list{max-height:300px;width:100%;overflow-y:auto;padding:0;margin:0}.devui-select__item{font-size:var(--devui-font-size, 12px);display:block;min-height:36px;line-height:1.5;width:100%;padding:8px 12px;clear:both;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:0;color:var(--devui-text, #252b3a);box-sizing:border-box;cursor:pointer}.devui-select__item:hover:not(.active):not(.disabled){color:var(--devui-list-item-hover-text, #252b3a);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-select__item.active{color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)}.devui-select__item.disabled{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);color:var(--devui-disabled-text, #cfd0d3)}.devui-select--sm .devui-select__item{font-size:var(--devui-font-size-sm, 12px)}.devui-select--sm .devui-select__item .devui-checkbox .devui-checkbox__material{width:var(--devui-font-size-sm, 12px);height:var(--devui-font-size-sm, 12px)}.devui-select--sm .devui-select__item .devui-checkbox .devui-checkbox__material>svg{width:var(--devui-font-size-sm, 12px);height:var(--devui-font-size-sm, 12px)}.devui-select--lg .devui-select__item{font-size:var(--devui-font-size-lg, 14px);padding:11px 10px}.devui-scrollbar::-webkit-scrollbar{width:8px;height:8px}.devui-scrollbar::-webkit-scrollbar-corner{background-color:transparent}.devui-scrollbar::-webkit-scrollbar-thumb{border-radius:8px;background-color:var(--devui-line, #adb0b8)}.devui-scrollbar::-webkit-scrollbar-track{background-color:transparent}.devui-select__dropdown--empty{text-align:center;font-size:var(--devui-font-size, 12px);color:var(--devui-disabled-text, #cfd0d3)}.devui-select__group{position:relative;list-style:none;margin:0;padding:0}.devui-select__group:not(:last-of-type){padding-bottom:24px}.devui-select__group:not(:last-of-type):after{content:"";position:absolute;display:block;left:12px;right:12px;bottom:12px;height:1px;background:var(--devui-dividing-line, #f2f2f3)}.devui-select__group-title{padding:4px 12px;font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f)}.fade-bottom-enter-from,.fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.fade-bottom-enter-to,.fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.fade-top-enter-from,.fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.fade-top-enter-to,.fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-dropdown span.icon-chevron-down,.devui-dropdown span.icon-select-arrow{display:inline-block;vertical-align:text-top}.devui-dropdown__menu-wrap .devui-dropdown-menu{width:100%}.devui-dropdown-animation span.icon-chevron-down,.devui-dropdown-animation span.icon-select-arrow{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-dropdown.open span.icon-chevron-down,.devui-dropdown.open span.icon-select-arrow{transform:rotate(180deg)}.fade-in-top{animation:fadeInTop .2s cubic-bezier(.16,.75,.5,1)}.fade-in-bottom{animation:fadeInBottom .2s cubic-bezier(.16,.75,.5,1)}@keyframes fadeInTop{0%{opacity:.8;transform:scaleY(.8) translateY(4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}@keyframes fadeInBottom{0%{opacity:.8;transform:scaleY(.8) translateY(-4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}.devui-dropdown--fade-bottom-enter-from,.devui-dropdown--fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-dropdown--fade-bottom-enter-to,.devui-dropdown--fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-dropdown--fade-top-enter-from,.devui-dropdown--fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-dropdown--fade-top-enter-to,.devui-dropdown--fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}@charset "UTF-8";.devui-pagination{display:flex;align-items:center;font-size:var(--devui-font-size, 12px)}.devui-pagination .devui-pagination__size{position:relative;vertical-align:middle;display:inline-flex;justify-content:center;align-items:center;min-height:28px;height:32px;margin:0 8px 0 0;padding:4px 10px;background-color:var(--devui-base-bg, #ffffff);border-color:var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);border-width:1px;border-style:solid;color:var(--devui-text, #252b3a);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));outline:0;box-sizing:border-box;cursor:pointer}.devui-pagination .devui-pagination__size span{margin-right:8px}.devui-pagination .devui-pagination__size svg{transition:transform var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)) var(--devui-animation-duration-slow, .3s)}.devui-pagination .devui-pagination__size svg path{fill:var(--devui-text, #252b3a)}.devui-pagination .devui-pagination__size:hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-pagination .devui-pagination__size:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-pagination .devui-pagination__size.devui-pagination__size--sm{height:26px}.devui-pagination .devui-pagination__size.devui-pagination__size--lg{height:46px}.devui-pagination .devui-pagination__size.devui-pagination__size--open svg{transform:rotate(180deg)}.devui-pagination .devui-pagination__size>.devui-icon__container{display:flex;align-items:center}.devui-pagination .devui-pagination__total-size{display:inline-block;position:relative;vertical-align:middle;margin:0 12px 0 0;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination__list,.devui-pagination .devui-pagination__item{padding:0;margin:0;list-style:none}.devui-pagination a{text-decoration:none;color:#3eaf7c}.devui-pagination .devui-pagination__list{vertical-align:middle;display:inline-flex;align-items:center}.devui-pagination .devui-pagination__list>.disabled>a,.devui-pagination .devui-pagination__list>.disabled>a:hover,.devui-pagination .devui-pagination__list>.disabled>a:focus{cursor:not-allowed}.devui-pagination .devui-pagination__list li.devui-pagination__item{cursor:pointer}.devui-pagination .devui-pagination__list li.devui-pagination__item:not(.disabled).active a.devui-pagination__link{text-decoration:none;background-color:var(--devui-primary, #5e7ce0);color:var(--devui-light-text, #ffffff);cursor:pointer}.devui-pagination .devui-pagination__list li.devui-pagination__item:not(.disabled).active a.devui-pagination__link:hover{text-decoration:none;background-color:var(--devui-primary, #5e7ce0);color:var(--devui-light-text, #ffffff);border:1px solid transparent;box-shadow:none}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link{display:flex;align-items:center;justify-content:center;height:28px;min-width:28px;margin-left:4px;padding:0 4px;line-height:24px;border-radius:var(--devui-border-radius, 2px);border:1px solid transparent;color:var(--devui-text-weak, #575d6c);transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link:hover{text-decoration:none;background-color:transparent;color:var(--devui-text, #252b3a);border:1px solid var(--devui-dividing-line, #f2f2f3);box-shadow:0 1px 3px 0 var(--devui-light-shadow, rgba(37, 43, 58, .12))}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link svg{vertical-align:middle}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link svg g polygon{fill:var(--devui-icon-text, #71757f)}.devui-pagination .devui-pagination__list li.devui-pagination__item.disabled a.devui-pagination__link{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-pagination .devui-pagination__list li.devui-pagination__item.disabled a.devui-pagination__link:hover{box-shadow:none;border:none}.devui-pagination .devui-pagination__list li.devui-pagination__item.disabled a.devui-pagination__link svg g polygon{fill:var(--devui-disabled-text, #cfd0d3)}.devui-pagination .devui-pagination__list li.devui-pagination__item:not(.disabled) a.devui-pagination__link:active svg g polygon{fill:var(--devui-text, #252b3a)}.devui-pagination .devui-pagination__list li.devui-pagination__item:not(.disabled) a.devui-pagination__link:hover:not(:active) svg g polygon{fill:var(--devui-icon-fill-active-hover, #252b3a)}.devui-pagination .devui-pagination--sm>li.devui-pagination__item>a.devui-pagination__link{min-width:24px;height:24px;line-height:22px;font-size:var(--devui-font-size-sm, 12px)}.devui-pagination .devui-pagination--lg>li.devui-pagination__item>a.devui-pagination__link{min-width:40px;height:40px;line-height:38px;font-size:var(--devui-font-size-lg, 14px)}.devui-pagination .devui-pagination__jump-container{display:inline-flex;position:relative;margin:0 12px;vertical-align:middle;align-items:center}.devui-pagination .devui-pagination__jump-container .devui-input{display:inline-block;width:42px;vertical-align:middle;margin:0 4px}.devui-pagination .devui-pagination__jump-container .devui-input--lg{width:56px}.devui-pagination .devui-pagination__jump-button{display:inline-flex;vertical-align:middle;width:24px;height:24px;border-radius:var(--devui-border-radius, 2px);border:1px solid var(--devui-line, #d7d8da);cursor:pointer;margin-left:4px;align-items:center;justify-content:center}.devui-pagination .devui-pagination__jump-button .devui-pagination__go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #71757f);border-bottom:6px solid transparent}.devui-pagination .devui-pagination__jump-button:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-pagination__jump-button:hover .devui-pagination__go{border-left-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-pagination__jump-size--default{width:28px;height:28px}.devui-pagination .devui-pagination__jump-size--default .devui-pagination__go{width:0;height:0;border-top:8px solid transparent;border-left:10px solid var(--devui-icon-text, #71757f);border-bottom:8px solid transparent}.devui-pagination .devui-pagination__jump-size--sm{width:24px;height:24px}.devui-pagination .devui-pagination__jump-size--sm .devui-pagination__go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #71757f);border-bottom:6px solid transparent}.devui-pagination .devui-pagination__jump-size--sm .devui-pagination__link{height:30px;line-height:32px}.devui-pagination .devui-pagination__jump-size--lg{width:46px;height:46px}.devui-pagination .devui-pagination__jump-size--lg .devui-pagination__go{width:0;height:0;border-top:14px solid transparent;border-left:14px solid var(--devui-icon-text, #71757f);border-bottom:14px solid transparent}.devui-pagination .devui-pagination__config{color:var(--devui-text, #252b3a);position:relative;display:inline-block;vertical-align:middle;margin:0 4px}.devui-pagination .devui-pagination__setup-icon{line-height:30px;cursor:pointer;display:flex}.devui-pagination .devui-pagination__config-container{padding:4px 0;box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));border-radius:var(--devui-border-radius, 2px);width:150px;background-color:var(--devui-connected-overlay-bg, #ffffff);line-height:26px;position:absolute;left:-136px;top:28px;cursor:auto;z-index:var(--devui-z-index-dropdown, 1052);user-select:none}.devui-pagination .devui-pagination__config-item{padding-bottom:8px;padding-top:4px;border-bottom:1px solid var(--devui-line, #d7d8da)}.devui-pagination .devui-pagination__config-item:last-child{border-bottom:none}.devui-pagination .config-item-title{color:var(--devui-line, #d7d8da);padding-left:8px;font-size:var(--devui-font-size, 12px);line-height:1.5}.devui-pagination .devui-pagination__number{padding-left:8px;margin-top:4px;display:flex}.devui-pagination .devui-pagination__number div{color:var(--devui-text, #252b3a);cursor:pointer;border-top:1px solid var(--devui-line, #d7d8da);border-bottom:1px solid var(--devui-line, #d7d8da);border-right:1px solid var(--devui-line, #d7d8da);text-align:center;height:26px;width:26px}.devui-pagination .devui-pagination__number div:first-child{border-left:1px solid var(--devui-line, #d7d8da)}.devui-pagination .devui-pagination__number div:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-pagination .devui-pagination__number div.choosed{color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)!important;cursor:auto!important}.devui-pagination .config-item-words{color:var(--devui-text, #252b3a);padding-left:8px;font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-pagination .config-item-words:hover{background-color:var(--devui-area, #f5f5f5);cursor:pointer}.devui-pagination__size-list{min-width:60px;padding:12px;background-clip:padding-box;background-color:var(--devui-connected-overlay-bg, #ffffff);border-radius:var(--devui-border-radius, 2px);outline:none}.devui-pagination__size-list ul{padding:0;margin:0;list-style:none}.devui-pagination__size-list li{display:block;width:100%;min-height:36px;line-height:20px;padding:8px 12px;border:0;border-radius:var(--devui-border-radius, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-pagination__size-list li:hover:not(.active){color:var(--devui-list-item-hover-text, #252b3a);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-pagination__size-list li.active{color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)}
|
|
1
|
+
.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));opacity:1;z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label--required-hide:before{display:none}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__label-tips-popover .dv-popover__icon-wrap+span{flex:1}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 12px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox__tick-wrap{position:absolute;width:14px;height:14px}.devui-checkbox .devui-checkbox__tick-wrap .devui-checkbox__tick{stroke:var(--devui-light-text, #ffffff);stroke-dasharray:13 13;stroke-dashoffset:13;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95)),opacity var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95)),transform var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.active:not(.half-checked) .devui-checkbox__tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in, cubic-bezier(.5, 0, .84, .25)),opacity var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.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):hover .devui-checkbox__material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color){background-size:0% 0%;transition:background-size var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95)),border-color var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out, cubic-bezier(.5, .05, .5, .95))}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color)>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.half-checked .devui-checkbox__material.custom-color>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox__material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat 50%/0;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox__material.devui-checkbox__default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox__material.devui-checkbox--no-label{margin-right:0}.devui-checkbox .devui-checkbox__material>.devui-checkbox__halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover{background-color:var(--devui-brand, #5e7ce0)}.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--glow-style .devui-checkbox__glow-box{position:absolute;width:16px;height:16px}.devui-checkbox--glow-style .devui-checkbox__glow-box .glow-bg{display:block;width:16px;height:16px;user-select:none;border-radius:var(--devui-border-radius, 2px);box-shadow:none;transition:box-shadow var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-checkbox--glow-style:not(.disabled):hover .glow-bg{box-shadow:0 0 0 6px var(--devui-range-item-hover-bg, #e9edfa)}.devui-checkbox--checkbox-bordered .devui-checkbox__material{vertical-align:text-bottom!important}.devui-checkbox--checkbox-bordered.devui-checkbox--checkbox-xs .devui-checkbox__glow-box,.devui-checkbox--checkbox-bordered.devui-checkbox--checkbox-sm .devui-checkbox__glow-box{left:11px}.devui-checkbox--checkbox-bordered.devui-checkbox--checkbox-md .devui-checkbox__glow-box,.devui-checkbox--checkbox-bordered.devui-checkbox--checkbox-lg .devui-checkbox__glow-box{left:12px}.devui-checkbox__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:400;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:flex;align-items:center}.devui-checkbox label.devui-checkbox--lg{display:flex;align-items:center;font-size:var(--devui-font-size-lg, 14px)}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material>svg{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg.devui-checkbox--bordered{height:40px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--md{display:flex;align-items:center;font-size:var(--devui-font-size-md, 12px)}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material>svg{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md.devui-checkbox--bordered{height:32px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--sm{display:flex;align-items:center;font-size:var(--devui-font-size-sm, 12px)}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm.devui-checkbox--bordered{height:24px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--bordered{border:1px solid var(--devui-disabled-line, #dfe1e6);border-radius:var(--devui-border-radius, 2px)}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top!important}.devui-checkbox label>span.devui-checkbox__material{flex-shrink:0}.devui-checkbox label>span.devui-checkbox__label-text{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-checkbox.disabled .devui-checkbox__material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox__material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material{background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.half-checked .devui-checkbox__material .devui-checkbox__halfchecked-bg{transform:scale(.4288);background-color:var(--devui-light-text, #ffffff);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-checkbox--no-animation{transition:none!important}.devui-checkbox__column-margin{height:28px;line-height:28px}.devui-checkbox__wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-checkbox__group{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.devui-checkbox__group>*{margin-top:8px}.devui-checkbox__group.is-row{flex-direction:row}.devui-checkbox__group.is-row div:not(:last-child){margin-right:20px}.devui-checkbox__group.is-column{flex-direction:column}.devui-checkbox-button{display:flex;align-items:center;position:relative}.devui-checkbox-button__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox-button__content{font-size:14px;color:var(--devui-text, #252b3a);padding:10px 20px;cursor:pointer;border:1px solid var(--devui-disabled-line, #dfe1e6);display:inline-block;line-height:1;user-select:none}.devui-checkbox-button__content.devui-checkbox-button--lg{font-size:var(--devui-font-size-lg, 14px);padding:var(--devui-btn-lg-padding, 0 24px);height:40px;line-height:40px}.devui-checkbox-button__content.devui-checkbox-button--md{font-size:var(--devui-font-size-md, 12px);padding:var(--devui-btn-padding, 0 20px);height:32px;line-height:32px}.devui-checkbox-button__content.devui-checkbox-button--sm{font-size:var(--devui-font-size-sm, 12px);padding:var(--devui-btn-sm-padding, 0 16px);height:24px;line-height:24px}.devui-checkbox-button.active .devui-checkbox-button__content{color:#fff;background-color:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox-button.active.disabled .devui-checkbox-button__content{color:#fff;background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox-button.disabled .devui-checkbox-button__content{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3);background-color:#fff;border-color:var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button__content{border-left:none;box-shadow:-1px 0 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-bottom-left-radius:var(--devui-border-radius, 2px);border-left:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-row .devui-checkbox-button:last-child .devui-checkbox-button__content{border-top-right-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}.devui-checkbox__group.is-column .devui-checkbox-button{width:100%;margin-top:0}.devui-checkbox__group.is-column .devui-checkbox-button__content{width:100%;border-top:none;box-shadow:0 -1px 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-column .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-top-right-radius:var(--devui-border-radius, 2px);border-top:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-column .devui-checkbox-button:last-child .devui-checkbox-button__content{border-bottom-left-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}.devui-tag{display:inline-block}.devui-tag .devui-tag__item{display:block;position:relative;padding:0 8px;height:20px;border:1px solid;border-radius:var(--devui-border-radius, 2px);font-size:var(--devui-font-size, 12px);line-height:20px;cursor:default}.devui-tag .devui-tag__item.devui-tag--default{border:0;color:var(--devui-text, #252b3a);background-color:var(--devui-default-bg, #f7f8fa)}.devui-tag .devui-tag__item.devui-tag--primary{color:var(--devui-primary, #5e7ce0);background-color:var(--devui-primary-bg, #f2f5fc)}.devui-tag .devui-tag__item.devui-tag--success{color:var(--devui-success, #50d4ab);background-color:var(--devui-success-bg, #cffcee)}.devui-tag .devui-tag__item.devui-tag--warning{color:var(--devui-warning, #fac20a);background-color:var(--devui-warning-bg, #ffe1c7)}.devui-tag .devui-tag__item.devui-tag--danger{color:var(--devui-danger, #f66f6a);background-color:var(--devui-danger-bg, #ffd5d4)}.devui-tag .devui-tag__item.devui-tag--colorful{background-color:#fff}.devui-tag .devui-tag__item.devui-tag--deletable{padding-right:32px}.devui-tag .devui-tag__item.devui-tag--lg{font-size:var(--devui-font-size-lg, 14px);height:32px;line-height:30px}.devui-tag .devui-tag__item.devui-tag--md{font-size:var(--devui-font-size-lg, 14px);height:28px;line-height:26px}.devui-tag .devui-tag__item.devui-tag--sm{font-size:var(--devui-font-size-sm, 12px);height:24px;line-height:22px}.devui-tag .remove-button{display:inline-block;margin-left:12px;font-size:var(--devui-font-size-icon, 16px);cursor:pointer;width:12px;height:12px;line-height:12px;border-radius:50%;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}.devui-tag .remove-button i{vertical-align:0}.devui-select{position:relative;width:100%;font-size:var(--devui-font-size, 12px)}.devui-select__selection:hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-select--open .devui-select__selection:not(.devui-select__selection--error),.devui-select--focus .devui-select__selection:not(.devui-select__selection--error){border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select--open .devui-select__selection:not(.devui-select__selection--error):hover,.devui-select--focus .devui-select__selection:not(.devui-select__selection--error):hover{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select .devui-tag{margin:4px 0 4px 4px}.devui-select .devui-tag .devui-tag__item.devui-tag--md{height:18px;line-height:16px}.devui-select .devui-tag .devui-tag__item.devui-tag--default{background-color:var(--devui-label-bg, #e9edfa)}.devui-select--sm{font-size:var(--devui-font-size-sm, 12px)}.devui-select--sm .devui-tag{margin:2px 0 2px 4px}.devui-select--sm .devui-tag .devui-tag__item.devui-tag--sm{height:18px;line-height:16px}.devui-select--lg{font-size:var(--devui-font-size-lg, 14px)}.devui-select:not(.devui-select--disabled):not(.devui-select--underlined) .devui-select__selection.devui-select__selection--glow-style:hover{border-color:var(--devui-form-control-line, #d7d8da);box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08))}.devui-select:not(.devui-select--disabled):not(.devui-select--underlined) .devui-select__selection.devui-select__selection--glow-style.devui-select__selection--error:hover{border-color:var(--devui-danger-line, #f66f6a);box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08))}.devui-select--open .devui-select__selection.devui-select__selection--glow-style,.devui-select--focus .devui-select__selection.devui-select__selection--glow-style{border-color:var(--devui-form-control-line-active, #5e7ce0)!important;box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08))}.devui-select--open .devui-select__selection.devui-select__selection--glow-style.devui-select__selection--error,.devui-select--focus .devui-select__selection.devui-select__selection--glow-style.devui-select__selection--error{border-color:var(--devui-danger-line, #f66f6a)}.devui-select--underlined{border-bottom:1px solid var(--devui-form-control-line, #d7d8da);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-select--underlined:not([disabled]):not(.disabled):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-select--underlined:not([disabled]):not(.disabled).devui-select--open{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select--underlined .devui-select__input,.devui-select--underlined .devui-select__selection{border:none}.devui-select--disabled,.devui-select--disabled .devui-select__input,.devui-select--disabled .devui-select__selection{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #cfd0d3)}.devui-select--disabled .devui-select__arrow,.devui-select--disabled .devui-select__clear{cursor:not-allowed}.devui-select--disabled .devui-select__arrow svg path,.devui-select--disabled .devui-select__clear svg path{fill:var(--devui-disabled-text, #cfd0d3)}.devui-select--open .devui-select__arrow{transform:rotate(180deg)}.devui-dropdown-menu-multiple .devui-select__item.active{color:var(--devui-list-item-active-text, #252b3a);background-color:transparent}.devui-select__selection{display:flex;align-items:center;position:relative;cursor:pointer;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);color:var(--devui-text, #252b3a);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),box-shadow var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in, cubic-bezier(.5, 0, .84, .25))}.devui-select__selection--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffd5d4)}.devui-select__selection--error:hover{border-color:var(--devui-danger-line, #f66f6a)}.devui-select__multiple{display:flex;align-items:center;flex-wrap:wrap;padding-right:28px;cursor:pointer}.devui-select__multiple .devui-select__multiple--input{display:flex;max-width:100%;min-width:15px}.devui-select__input{cursor:pointer;width:100%;height:30px;padding:4px 28px 4px 10px;color:var(--devui-text, #252b3a);vertical-align:middle;outline:none;background:none;box-sizing:border-box;border:none;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-select__input:not([disabled]):not(.disabled):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-select__input:not([disabled]):not(.disabled):focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select__input[disabled]:hover,.devui-select__input.disabled:hover{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #cfd0d3)}.devui-select__input.devui-select__input--lg{height:38px}.devui-select__input.devui-select__input--sm{height:22px}.devui-select__clearable:hover .devui-select__clear{display:inline-flex}.devui-select__clearable:hover .devui-select__arrow{display:none}.devui-select__clear,.devui-select__arrow{position:absolute;right:0;height:100%;width:28px;display:inline-flex;justify-content:center;align-items:center}.devui-select__clear{display:none}.devui-select__clear svg path{fill:var(--devui-shape-icon-fill, #d7d8da);transition:all var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)) var(--devui-animation-duration-slow, .3s)}.devui-select__clear svg:hover path{fill:var(--devui-shape-icon-fill-hover, #babbc0)}.devui-select__clear--feedback{right:28px}.devui-select__arrow{transform:rotate(0);transition:transform .25s ease-out}.devui-select__arrow svg path{fill:var(--devui-icon-text, #71757f)}.devui-select__arrow--feedback{right:28px}.devui-select__dropdown{overflow:auto}.devui-select__dropdown-list{max-height:300px;width:100%;overflow-y:auto;padding:0;margin:0}.devui-select__item{font-size:var(--devui-font-size, 12px);display:block;min-height:36px;line-height:1.5;width:100%;padding:8px 12px;clear:both;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:0;color:var(--devui-text, #252b3a);box-sizing:border-box;cursor:pointer}.devui-select__item:hover:not(.active):not(.disabled){color:var(--devui-list-item-hover-text, #252b3a);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-select__item.active{color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)}.devui-select__item.disabled{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);color:var(--devui-disabled-text, #cfd0d3)}.devui-select--sm .devui-select__item{font-size:var(--devui-font-size-sm, 12px)}.devui-select--sm .devui-select__item .devui-checkbox .devui-checkbox__material{width:var(--devui-font-size-sm, 12px);height:var(--devui-font-size-sm, 12px)}.devui-select--sm .devui-select__item .devui-checkbox .devui-checkbox__material>svg{width:var(--devui-font-size-sm, 12px);height:var(--devui-font-size-sm, 12px)}.devui-select--lg .devui-select__item{font-size:var(--devui-font-size-lg, 14px);padding:11px 10px}.devui-scrollbar::-webkit-scrollbar{width:8px;height:8px}.devui-scrollbar::-webkit-scrollbar-corner{background-color:transparent}.devui-scrollbar::-webkit-scrollbar-thumb{border-radius:8px;background-color:var(--devui-line, #adb0b8)}.devui-scrollbar::-webkit-scrollbar-track{background-color:transparent}.devui-select__dropdown--empty{text-align:center;font-size:var(--devui-font-size, 12px);color:var(--devui-disabled-text, #cfd0d3);min-height:22px}.devui-select__group{position:relative;list-style:none;margin:0;padding:0}.devui-select__group:not(:last-of-type){padding-bottom:24px}.devui-select__group:not(:last-of-type):after{content:"";position:absolute;display:block;left:12px;right:12px;bottom:12px;height:1px;background:var(--devui-dividing-line, #f2f2f3)}.devui-select__group-title{padding:4px 12px;font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f)}.fade-bottom-enter-from,.fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.fade-bottom-enter-to,.fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.fade-top-enter-from,.fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.fade-top-enter-to,.fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}.devui-loading__mask{z-index:var(--devui-z-index-full-page-overlay, 1080);position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #d7d8da);opacity:.3}.devui-loading__wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:var(--devui-z-index-full-page-overlay, 1080)}.devui-loading--hidden{overflow:hidden}.devui-loading__text{margin-left:10px}.devui-loading__area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-loading__busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-loading__busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-loading__busy-default-spinner .devui-loading__bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-loading__busy-default-spinner .devui-loading__bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-dropdown span.icon-chevron-down,.devui-dropdown span.icon-select-arrow{display:inline-block;vertical-align:text-top}.devui-dropdown__menu-wrap .devui-dropdown-menu{width:100%}.devui-dropdown-animation span.icon-chevron-down,.devui-dropdown-animation span.icon-select-arrow{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-dropdown.open span.icon-chevron-down,.devui-dropdown.open span.icon-select-arrow{transform:rotate(180deg)}.fade-in-top{animation:fadeInTop .2s cubic-bezier(.16,.75,.5,1)}.fade-in-bottom{animation:fadeInBottom .2s cubic-bezier(.16,.75,.5,1)}@keyframes fadeInTop{0%{opacity:.8;transform:scaleY(.8) translateY(4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}@keyframes fadeInBottom{0%{opacity:.8;transform:scaleY(.8) translateY(-4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}.devui-dropdown--fade-bottom-enter-from,.devui-dropdown--fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-dropdown--fade-bottom-enter-to,.devui-dropdown--fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-dropdown--fade-top-enter-from,.devui-dropdown--fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-dropdown--fade-top-enter-to,.devui-dropdown--fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}@charset "UTF-8";.devui-pagination{display:flex;align-items:center;font-size:var(--devui-font-size, 12px)}.devui-pagination .devui-pagination__size{position:relative;vertical-align:middle;display:inline-flex;justify-content:center;align-items:center;min-height:28px;height:32px;margin:0 8px 0 0;padding:4px 10px;background-color:var(--devui-base-bg, #ffffff);border-color:var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);border-width:1px;border-style:solid;color:var(--devui-text, #252b3a);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));outline:0;box-sizing:border-box;cursor:pointer}.devui-pagination .devui-pagination__size span{margin-right:8px}.devui-pagination .devui-pagination__size svg{transition:transform var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)) var(--devui-animation-duration-slow, .3s)}.devui-pagination .devui-pagination__size svg path{fill:var(--devui-text, #252b3a)}.devui-pagination .devui-pagination__size:hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-pagination .devui-pagination__size:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-pagination .devui-pagination__size.devui-pagination__size--sm{height:26px}.devui-pagination .devui-pagination__size.devui-pagination__size--lg{height:46px}.devui-pagination .devui-pagination__size.devui-pagination__size--open svg{transform:rotate(180deg)}.devui-pagination .devui-pagination__size>.devui-icon__container{display:flex;align-items:center}.devui-pagination .devui-pagination__total-size{display:inline-block;position:relative;vertical-align:middle;margin:0 12px 0 0;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination__list,.devui-pagination .devui-pagination__item{padding:0;margin:0;list-style:none}.devui-pagination a{text-decoration:none;color:#3eaf7c}.devui-pagination .devui-pagination__list{vertical-align:middle;display:inline-flex;align-items:center}.devui-pagination .devui-pagination__list>.disabled>a,.devui-pagination .devui-pagination__list>.disabled>a:hover,.devui-pagination .devui-pagination__list>.disabled>a:focus{cursor:not-allowed}.devui-pagination .devui-pagination__list li.devui-pagination__item{cursor:pointer}.devui-pagination .devui-pagination__list li.devui-pagination__item:not(.disabled).active a.devui-pagination__link{text-decoration:none;background-color:var(--devui-primary, #5e7ce0);color:var(--devui-light-text, #ffffff);cursor:pointer}.devui-pagination .devui-pagination__list li.devui-pagination__item:not(.disabled).active a.devui-pagination__link:hover{text-decoration:none;background-color:var(--devui-primary, #5e7ce0);color:var(--devui-light-text, #ffffff);border:1px solid transparent;box-shadow:none}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link{display:flex;align-items:center;justify-content:center;height:28px;min-width:28px;margin-left:4px;padding:0 4px;line-height:24px;border-radius:var(--devui-border-radius, 2px);border:1px solid transparent;color:var(--devui-text-weak, #575d6c);transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link:hover{text-decoration:none;background-color:transparent;color:var(--devui-text, #252b3a);border:1px solid var(--devui-dividing-line, #f2f2f3);box-shadow:0 1px 3px 0 var(--devui-light-shadow, rgba(37, 43, 58, .12))}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link svg{vertical-align:middle}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link svg g polygon{fill:var(--devui-icon-text, #71757f)}.devui-pagination .devui-pagination__list li.devui-pagination__item.disabled a.devui-pagination__link{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-pagination .devui-pagination__list li.devui-pagination__item.disabled a.devui-pagination__link:hover{box-shadow:none;border:none}.devui-pagination .devui-pagination__list li.devui-pagination__item.disabled a.devui-pagination__link svg g polygon{fill:var(--devui-disabled-text, #cfd0d3)}.devui-pagination .devui-pagination__list li.devui-pagination__item:not(.disabled) a.devui-pagination__link:active svg g polygon{fill:var(--devui-text, #252b3a)}.devui-pagination .devui-pagination__list li.devui-pagination__item:not(.disabled) a.devui-pagination__link:hover:not(:active) svg g polygon{fill:var(--devui-icon-fill-active-hover, #252b3a)}.devui-pagination .devui-pagination--sm>li.devui-pagination__item>a.devui-pagination__link{min-width:24px;height:24px;line-height:22px;font-size:var(--devui-font-size-sm, 12px)}.devui-pagination .devui-pagination--lg>li.devui-pagination__item>a.devui-pagination__link{min-width:40px;height:40px;line-height:38px;font-size:var(--devui-font-size-lg, 14px)}.devui-pagination .devui-pagination__jump-container{display:inline-flex;position:relative;margin:0 12px;vertical-align:middle;align-items:center}.devui-pagination .devui-pagination__jump-container .devui-input{display:inline-block;width:42px;vertical-align:middle;margin:0 4px}.devui-pagination .devui-pagination__jump-container .devui-input--lg{width:56px}.devui-pagination .devui-pagination__jump-button{display:inline-flex;vertical-align:middle;width:24px;height:24px;border-radius:var(--devui-border-radius, 2px);border:1px solid var(--devui-line, #d7d8da);cursor:pointer;margin-left:4px;align-items:center;justify-content:center}.devui-pagination .devui-pagination__jump-button .devui-pagination__go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #71757f);border-bottom:6px solid transparent}.devui-pagination .devui-pagination__jump-button:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-pagination__jump-button:hover .devui-pagination__go{border-left-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-pagination__jump-size--default{width:28px;height:28px}.devui-pagination .devui-pagination__jump-size--default .devui-pagination__go{width:0;height:0;border-top:8px solid transparent;border-left:10px solid var(--devui-icon-text, #71757f);border-bottom:8px solid transparent}.devui-pagination .devui-pagination__jump-size--sm{width:24px;height:24px}.devui-pagination .devui-pagination__jump-size--sm .devui-pagination__go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #71757f);border-bottom:6px solid transparent}.devui-pagination .devui-pagination__jump-size--sm .devui-pagination__link{height:30px;line-height:32px}.devui-pagination .devui-pagination__jump-size--lg{width:46px;height:46px}.devui-pagination .devui-pagination__jump-size--lg .devui-pagination__go{width:0;height:0;border-top:14px solid transparent;border-left:14px solid var(--devui-icon-text, #71757f);border-bottom:14px solid transparent}.devui-pagination .devui-pagination__config{color:var(--devui-text, #252b3a);position:relative;display:inline-block;vertical-align:middle;margin:0 4px}.devui-pagination .devui-pagination__setup-icon{line-height:30px;cursor:pointer;display:flex}.devui-pagination .devui-pagination__config-container{padding:4px 0;box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));border-radius:var(--devui-border-radius, 2px);width:150px;background-color:var(--devui-connected-overlay-bg, #ffffff);line-height:26px;position:absolute;left:-136px;top:28px;cursor:auto;z-index:var(--devui-z-index-dropdown, 1052);user-select:none}.devui-pagination .devui-pagination__config-item{padding-bottom:8px;padding-top:4px;border-bottom:1px solid var(--devui-line, #d7d8da)}.devui-pagination .devui-pagination__config-item:last-child{border-bottom:none}.devui-pagination .config-item-title{color:var(--devui-line, #d7d8da);padding-left:8px;font-size:var(--devui-font-size, 12px);line-height:1.5}.devui-pagination .devui-pagination__number{padding-left:8px;margin-top:4px;display:flex}.devui-pagination .devui-pagination__number div{color:var(--devui-text, #252b3a);cursor:pointer;border-top:1px solid var(--devui-line, #d7d8da);border-bottom:1px solid var(--devui-line, #d7d8da);border-right:1px solid var(--devui-line, #d7d8da);text-align:center;height:26px;width:26px}.devui-pagination .devui-pagination__number div:first-child{border-left:1px solid var(--devui-line, #d7d8da)}.devui-pagination .devui-pagination__number div:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-pagination .devui-pagination__number div.choosed{color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)!important;cursor:auto!important}.devui-pagination .config-item-words{color:var(--devui-text, #252b3a);padding-left:8px;font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-pagination .config-item-words:hover{background-color:var(--devui-area, #f5f5f5);cursor:pointer}.devui-pagination__size-list{min-width:60px;padding:12px;background-clip:padding-box;background-color:var(--devui-connected-overlay-bg, #ffffff);border-radius:var(--devui-border-radius, 2px);outline:none}.devui-pagination__size-list ul{padding:0;margin:0;list-style:none}.devui-pagination__size-list li{display:block;width:100%;min-height:36px;line-height:20px;padding:8px 12px;border:0;border-radius:var(--devui-border-radius, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-pagination__size-list li:hover:not(.active){color:var(--devui-list-item-hover-text, #252b3a);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-pagination__size-list li.active{color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)}
|
package/select/index.es.js
CHANGED
|
@@ -29,7 +29,11 @@ var __objRest = (source, exclude) => {
|
|
|
29
29
|
}
|
|
30
30
|
return target;
|
|
31
31
|
};
|
|
32
|
-
|
|
32
|
+
var __publicField = (obj, key, value) => {
|
|
33
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
34
|
+
return value;
|
|
35
|
+
};
|
|
36
|
+
import { defineComponent, watch, provide, reactive, toRefs, createVNode, onUnmounted, Transition, mergeProps, ref, unref, nextTick, withModifiers, Comment, Text, h, Fragment, inject, withDirectives, cloneVNode, computed, onMounted, Teleport, createTextVNode, onBeforeUnmount, toRef, onBeforeMount, vShow, resolveComponent, getCurrentInstance, render, resolveDirective } from "vue";
|
|
33
37
|
import { onClickOutside } from "@vueuse/core";
|
|
34
38
|
import "clipboard";
|
|
35
39
|
import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
|
|
@@ -4069,7 +4073,7 @@ var lodash = { exports: {} };
|
|
|
4069
4073
|
function isElement(value) {
|
|
4070
4074
|
return isObjectLike(value) && value.nodeType === 1 && !isPlainObject(value);
|
|
4071
4075
|
}
|
|
4072
|
-
function
|
|
4076
|
+
function isEmpty2(value) {
|
|
4073
4077
|
if (value == null) {
|
|
4074
4078
|
return true;
|
|
4075
4079
|
}
|
|
@@ -5199,7 +5203,7 @@ var lodash = { exports: {} };
|
|
|
5199
5203
|
lodash2.isBuffer = isBuffer;
|
|
5200
5204
|
lodash2.isDate = isDate;
|
|
5201
5205
|
lodash2.isElement = isElement;
|
|
5202
|
-
lodash2.isEmpty =
|
|
5206
|
+
lodash2.isEmpty = isEmpty2;
|
|
5203
5207
|
lodash2.isEqual = isEqual;
|
|
5204
5208
|
lodash2.isEqualWith = isEqualWith;
|
|
5205
5209
|
lodash2.isError = isError;
|
|
@@ -7552,7 +7556,7 @@ var Schema = /* @__PURE__ */ function() {
|
|
|
7552
7556
|
complete(results);
|
|
7553
7557
|
}, source);
|
|
7554
7558
|
};
|
|
7555
|
-
_proto.getType = function
|
|
7559
|
+
_proto.getType = function getType2(rule) {
|
|
7556
7560
|
if (rule.type === void 0 && rule.pattern instanceof RegExp) {
|
|
7557
7561
|
rule.type = "pattern";
|
|
7558
7562
|
}
|
|
@@ -8078,7 +8082,7 @@ function useSelect(props, selectRef, ctx, focus, blur, isSelectFocus, t) {
|
|
|
8078
8082
|
return label.toString().toLocaleLowerCase().includes(filterQuery.value.toLocaleLowerCase().trim());
|
|
8079
8083
|
}).length;
|
|
8080
8084
|
if (isLoading.value) {
|
|
8081
|
-
return
|
|
8085
|
+
return "";
|
|
8082
8086
|
}
|
|
8083
8087
|
if (isSupportFilter.value && filterQuery.value && injectOptionsArray.value.length > 0 && visibleOptionsCount === 0) {
|
|
8084
8088
|
return props.noMatchText || t("noMatchText");
|
|
@@ -8302,8 +8306,7 @@ const commonProps = {
|
|
|
8302
8306
|
default: void 0
|
|
8303
8307
|
},
|
|
8304
8308
|
size: {
|
|
8305
|
-
type: String
|
|
8306
|
-
default: "md"
|
|
8309
|
+
type: String
|
|
8307
8310
|
},
|
|
8308
8311
|
showGlowStyle: {
|
|
8309
8312
|
type: Boolean,
|
|
@@ -8503,7 +8506,7 @@ function useCheckboxGroup(props, ctx) {
|
|
|
8503
8506
|
formItemContext == null ? void 0 : formItemContext.validate("change").catch(() => {
|
|
8504
8507
|
});
|
|
8505
8508
|
}, { deep: true });
|
|
8506
|
-
const checkboxGroupSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "");
|
|
8509
|
+
const checkboxGroupSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "md");
|
|
8507
8510
|
provide(checkboxGroupInjectionKey, {
|
|
8508
8511
|
disabled: toRef(props, "disabled"),
|
|
8509
8512
|
isShowTitle: toRef(props, "isShowTitle"),
|
|
@@ -9374,8 +9377,216 @@ function useSelectFunction(props, selectRef) {
|
|
|
9374
9377
|
return { isSelectFocus, focus, blur };
|
|
9375
9378
|
}
|
|
9376
9379
|
var select = "";
|
|
9380
|
+
class View {
|
|
9381
|
+
constructor() {
|
|
9382
|
+
__publicField(this, "top", "50%");
|
|
9383
|
+
__publicField(this, "left", "50%");
|
|
9384
|
+
}
|
|
9385
|
+
}
|
|
9386
|
+
const loadingProps = {
|
|
9387
|
+
message: String,
|
|
9388
|
+
backdrop: Boolean,
|
|
9389
|
+
view: {
|
|
9390
|
+
type: Object,
|
|
9391
|
+
default: () => new View()
|
|
9392
|
+
},
|
|
9393
|
+
zIndex: Number,
|
|
9394
|
+
isFull: {
|
|
9395
|
+
type: Boolean,
|
|
9396
|
+
default: false
|
|
9397
|
+
}
|
|
9398
|
+
};
|
|
9399
|
+
class LoadingOptions {
|
|
9400
|
+
constructor() {
|
|
9401
|
+
__publicField(this, "target");
|
|
9402
|
+
__publicField(this, "message");
|
|
9403
|
+
__publicField(this, "loadingTemplateRef");
|
|
9404
|
+
__publicField(this, "backdrop", true);
|
|
9405
|
+
__publicField(this, "positionType", "relative");
|
|
9406
|
+
__publicField(this, "view", new View());
|
|
9407
|
+
__publicField(this, "zIndex");
|
|
9408
|
+
}
|
|
9409
|
+
}
|
|
9410
|
+
var loading = "";
|
|
9411
|
+
var Loading = defineComponent({
|
|
9412
|
+
name: "Loading",
|
|
9413
|
+
inheritAttrs: false,
|
|
9414
|
+
props: loadingProps,
|
|
9415
|
+
setup(props) {
|
|
9416
|
+
const style = {
|
|
9417
|
+
top: props.view.top,
|
|
9418
|
+
left: props.view.left,
|
|
9419
|
+
zIndex: props.zIndex
|
|
9420
|
+
};
|
|
9421
|
+
if (!props.message) {
|
|
9422
|
+
style.background = "none";
|
|
9423
|
+
}
|
|
9424
|
+
const isShow = ref(false);
|
|
9425
|
+
const open = () => {
|
|
9426
|
+
isShow.value = true;
|
|
9427
|
+
};
|
|
9428
|
+
const close = () => {
|
|
9429
|
+
isShow.value = false;
|
|
9430
|
+
};
|
|
9431
|
+
return {
|
|
9432
|
+
style,
|
|
9433
|
+
isShow,
|
|
9434
|
+
open,
|
|
9435
|
+
close
|
|
9436
|
+
};
|
|
9437
|
+
},
|
|
9438
|
+
render() {
|
|
9439
|
+
var _a;
|
|
9440
|
+
const {
|
|
9441
|
+
isShow,
|
|
9442
|
+
isFull,
|
|
9443
|
+
backdrop,
|
|
9444
|
+
style,
|
|
9445
|
+
message,
|
|
9446
|
+
$slots
|
|
9447
|
+
} = this;
|
|
9448
|
+
const ns2 = useNamespace$1("loading");
|
|
9449
|
+
return isShow && createVNode("div", {
|
|
9450
|
+
"class": [ns2.b(), isFull ? ns2.m("full") : ""]
|
|
9451
|
+
}, [((_a = $slots.default) == null ? void 0 : _a.call($slots)) || createVNode("div", {
|
|
9452
|
+
"class": ns2.e("wrapper")
|
|
9453
|
+
}, [backdrop ? createVNode("div", {
|
|
9454
|
+
"class": ns2.e("mask")
|
|
9455
|
+
}, null) : null, createVNode("div", {
|
|
9456
|
+
"style": style,
|
|
9457
|
+
"class": ns2.e("area")
|
|
9458
|
+
}, [createVNode("div", {
|
|
9459
|
+
"class": ns2.e("busy-default-spinner")
|
|
9460
|
+
}, [createVNode("div", {
|
|
9461
|
+
"class": ns2.e("bar1")
|
|
9462
|
+
}, null), createVNode("div", {
|
|
9463
|
+
"class": ns2.e("bar2")
|
|
9464
|
+
}, null), createVNode("div", {
|
|
9465
|
+
"class": ns2.e("bar3")
|
|
9466
|
+
}, null), createVNode("div", {
|
|
9467
|
+
"class": ns2.e("bar4")
|
|
9468
|
+
}, null)]), message ? createVNode("span", {
|
|
9469
|
+
"class": ns2.e("text")
|
|
9470
|
+
}, [message]) : null])])]);
|
|
9471
|
+
}
|
|
9472
|
+
});
|
|
9473
|
+
const COMPONENT_CONTAINER_SYMBOL = Symbol("dev_component_container");
|
|
9474
|
+
function createComponent(component, props, children = null) {
|
|
9475
|
+
const vnode = h(component, __spreadValues({}, props), children);
|
|
9476
|
+
const container = document.createElement("div");
|
|
9477
|
+
vnode[COMPONENT_CONTAINER_SYMBOL] = container;
|
|
9478
|
+
render(vnode, container);
|
|
9479
|
+
return vnode.component;
|
|
9480
|
+
}
|
|
9481
|
+
function unmountComponent(ComponnetInstance) {
|
|
9482
|
+
render(null, ComponnetInstance == null ? void 0 : ComponnetInstance.vnode[COMPONENT_CONTAINER_SYMBOL]);
|
|
9483
|
+
}
|
|
9484
|
+
const loadingConstructor = defineComponent(Loading);
|
|
9485
|
+
const cacheInstance = /* @__PURE__ */ new WeakSet();
|
|
9486
|
+
const isEmpty = (val) => {
|
|
9487
|
+
if (!val) {
|
|
9488
|
+
return true;
|
|
9489
|
+
}
|
|
9490
|
+
if (Array.isArray(val)) {
|
|
9491
|
+
return val.length === 0;
|
|
9492
|
+
}
|
|
9493
|
+
if (val instanceof Set || val instanceof Map) {
|
|
9494
|
+
return val.size === 0;
|
|
9495
|
+
}
|
|
9496
|
+
if (val instanceof Promise) {
|
|
9497
|
+
return false;
|
|
9498
|
+
}
|
|
9499
|
+
if (typeof val === "object") {
|
|
9500
|
+
try {
|
|
9501
|
+
return Object.keys(val).length === 0;
|
|
9502
|
+
} catch (e) {
|
|
9503
|
+
return false;
|
|
9504
|
+
}
|
|
9505
|
+
}
|
|
9506
|
+
return false;
|
|
9507
|
+
};
|
|
9508
|
+
const getType = (vari) => {
|
|
9509
|
+
return Object.prototype.toString.call(vari).slice(8, -1).toLowerCase();
|
|
9510
|
+
};
|
|
9511
|
+
const isPromise = (value) => {
|
|
9512
|
+
const type4 = getType(value);
|
|
9513
|
+
switch (type4) {
|
|
9514
|
+
case "promise":
|
|
9515
|
+
return [value];
|
|
9516
|
+
case "array":
|
|
9517
|
+
if (value.some((val) => getType(val) !== "promise")) {
|
|
9518
|
+
console.error(new TypeError("Binding values should all be of type Promise"));
|
|
9519
|
+
return "error";
|
|
9520
|
+
}
|
|
9521
|
+
return value;
|
|
9522
|
+
default:
|
|
9523
|
+
return false;
|
|
9524
|
+
}
|
|
9525
|
+
};
|
|
9526
|
+
const unmount = (el) => {
|
|
9527
|
+
cacheInstance.delete(el);
|
|
9528
|
+
el.instance.proxy.close();
|
|
9529
|
+
unmountComponent(el.instance);
|
|
9530
|
+
};
|
|
9531
|
+
const toggleLoading = (el, binding) => {
|
|
9532
|
+
var _a, _b, _c;
|
|
9533
|
+
if (binding.value) {
|
|
9534
|
+
const vals = isPromise(binding.value);
|
|
9535
|
+
if (vals === "error") {
|
|
9536
|
+
return;
|
|
9537
|
+
}
|
|
9538
|
+
(_c = (_b = (_a = el == null ? void 0 : el.instance) == null ? void 0 : _a.proxy) == null ? void 0 : _b.open) == null ? void 0 : _c.call(_b);
|
|
9539
|
+
el.appendChild(el.mask);
|
|
9540
|
+
cacheInstance.add(el);
|
|
9541
|
+
if (vals) {
|
|
9542
|
+
Promise.all(vals).catch((err) => {
|
|
9543
|
+
console.error(new Error("Promise handling errors"), err);
|
|
9544
|
+
}).finally(() => {
|
|
9545
|
+
unmount(el);
|
|
9546
|
+
});
|
|
9547
|
+
}
|
|
9548
|
+
} else {
|
|
9549
|
+
unmount(el);
|
|
9550
|
+
}
|
|
9551
|
+
};
|
|
9552
|
+
const removeAttribute = (el) => {
|
|
9553
|
+
el.removeAttribute("zindex");
|
|
9554
|
+
el.removeAttribute("positiontype");
|
|
9555
|
+
el.removeAttribute("backdrop");
|
|
9556
|
+
el.removeAttribute("message");
|
|
9557
|
+
el.removeAttribute("view");
|
|
9558
|
+
el.removeAttribute("loadingtemplateref");
|
|
9559
|
+
};
|
|
9560
|
+
const handleProps = (el, vprops) => {
|
|
9561
|
+
var _a;
|
|
9562
|
+
const props = __spreadValues(__spreadValues({}, new LoadingOptions()), vprops);
|
|
9563
|
+
const loadingTemplateRef = props.loadingTemplateRef;
|
|
9564
|
+
const loadingInstance = createComponent(loadingConstructor, __spreadValues({}, props), loadingTemplateRef ? () => loadingTemplateRef : null);
|
|
9565
|
+
el.style.position = props.positionType || "relative";
|
|
9566
|
+
el.options = props;
|
|
9567
|
+
el.instance = loadingInstance;
|
|
9568
|
+
el.mask = (_a = loadingInstance == null ? void 0 : loadingInstance.proxy) == null ? void 0 : _a.$el;
|
|
9569
|
+
};
|
|
9570
|
+
const LoadingDirective = {
|
|
9571
|
+
mounted: function(el, binding, vnode) {
|
|
9572
|
+
handleProps(el, vnode.props);
|
|
9573
|
+
removeAttribute(el);
|
|
9574
|
+
!isEmpty(binding.value) && toggleLoading(el, binding);
|
|
9575
|
+
},
|
|
9576
|
+
updated: function(el, binding, vnode) {
|
|
9577
|
+
if (!isEmpty(binding.value) && cacheInstance.has(el) || isEmpty(binding.value) && !cacheInstance.has(el)) {
|
|
9578
|
+
return;
|
|
9579
|
+
}
|
|
9580
|
+
!cacheInstance.has(el) && handleProps(el, vnode.props);
|
|
9581
|
+
removeAttribute(el);
|
|
9582
|
+
toggleLoading(el, binding);
|
|
9583
|
+
}
|
|
9584
|
+
};
|
|
9377
9585
|
var Select = defineComponent({
|
|
9378
9586
|
name: "DSelect",
|
|
9587
|
+
directives: {
|
|
9588
|
+
dLoading: LoadingDirective
|
|
9589
|
+
},
|
|
9379
9590
|
props: selectProps,
|
|
9380
9591
|
emits: ["toggle-change", "value-change", "update:modelValue", "focus", "blur", "remove-tag", "clear", "input-change"],
|
|
9381
9592
|
setup(props, ctx) {
|
|
@@ -9505,7 +9716,7 @@ var Select = defineComponent({
|
|
|
9505
9716
|
}, {
|
|
9506
9717
|
default: () => {
|
|
9507
9718
|
var _a, _b, _c, _d;
|
|
9508
|
-
return [createVNode("div", {
|
|
9719
|
+
return [withDirectives(createVNode("div", {
|
|
9509
9720
|
"class": dropdownCls,
|
|
9510
9721
|
"style": {
|
|
9511
9722
|
width: `${dropdownWidth.value}`
|
|
@@ -9533,9 +9744,9 @@ var Select = defineComponent({
|
|
|
9533
9744
|
"label": item.name,
|
|
9534
9745
|
"disabled": isDisabled(item)
|
|
9535
9746
|
}, null) : item.name || item.value]
|
|
9536
|
-
}))]), [[vShow, !isLoading.value]]), isShowEmptyText.value && createVNode("div", null, [((_c = ctx.slots) == null ? void 0 : _c.empty) && ctx.slots.empty(), !((_d = ctx.slots) == null ? void 0 : _d.empty) && createVNode("p", {
|
|
9747
|
+
}))]), [[vShow, !isLoading.value]]), (isLoading.value || isShowEmptyText.value) && createVNode("div", null, [((_c = ctx.slots) == null ? void 0 : _c.empty) && ctx.slots.empty(), !((_d = ctx.slots) == null ? void 0 : _d.empty) && createVNode("p", {
|
|
9537
9748
|
"class": dropdownEmptyCls
|
|
9538
|
-
}, [emptyText.value])])])];
|
|
9749
|
+
}, [emptyText.value])])]), [[resolveDirective("dLoading"), isLoading.value]])];
|
|
9539
9750
|
}
|
|
9540
9751
|
}), [[vShow, isOpen.value]])]
|
|
9541
9752
|
})]
|