vue-devui 1.3.1 → 1.3.3-alpha.2

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.
Files changed (60) hide show
  1. package/README.md +21 -10
  2. package/button/index.es.js +10 -4
  3. package/button/index.umd.js +5 -5
  4. package/button/style.css +1 -1
  5. package/checkbox/index.es.js +2 -1
  6. package/checkbox/index.umd.js +3 -3
  7. package/date-picker-pro/index.es.js +17 -6
  8. package/date-picker-pro/index.umd.js +8 -8
  9. package/date-picker-pro/style.css +1 -1
  10. package/mention/index.es.js +2 -2
  11. package/mention/index.umd.js +1 -1
  12. package/message/index.es.js +2 -2
  13. package/message/index.umd.js +1 -1
  14. package/message/style.css +1 -1
  15. package/package.json +1 -1
  16. package/pagination/index.es.js +8 -2
  17. package/pagination/index.umd.js +1 -1
  18. package/pagination/style.css +1 -1
  19. package/select/index.es.js +2 -1
  20. package/select/index.umd.js +4 -4
  21. package/splitter/index.es.js +6 -15
  22. package/splitter/index.umd.js +9 -9
  23. package/style.css +1 -1
  24. package/table/index.es.js +12 -5
  25. package/table/index.umd.js +4 -4
  26. package/table/style.css +1 -1
  27. package/tabs/style.css +1 -1
  28. package/time-picker/index.es.js +10 -4
  29. package/time-picker/index.umd.js +5 -5
  30. package/time-picker/style.css +1 -1
  31. package/time-select/index.es.js +2 -1
  32. package/time-select/index.umd.js +1 -1
  33. package/tree/index.es.js +9 -3
  34. package/tree/index.umd.js +12 -12
  35. package/types/accordion/src/accordion-item-hreflink.d.ts +2 -2
  36. package/types/accordion/src/accordion-item-routerlink.d.ts +2 -2
  37. package/types/accordion/src/accordion-item.d.ts +2 -2
  38. package/types/accordion/src/accordion-list.d.ts +2 -2
  39. package/types/accordion/src/accordion-menu.d.ts +2 -2
  40. package/types/accordion/src/accordion.d.ts +2 -2
  41. package/types/auto-complete/src/auto-complete-types.d.ts +4 -3
  42. package/types/auto-complete/src/auto-complete.d.ts +1 -1
  43. package/types/auto-complete/src/composables/use-input-handle.d.ts +2 -2
  44. package/types/checkbox/src/checkbox-button.d.ts +1 -1
  45. package/types/checkbox/src/checkbox.d.ts +1 -1
  46. package/types/collapse/src/collapse.d.ts +1 -1
  47. package/types/date-picker/src/date-picker.d.ts +1 -1
  48. package/types/mention/__tests__/mention.spec.d.ts +1 -0
  49. package/types/nav-sprite/src/nav-sprite.d.ts +1 -1
  50. package/types/progress/src/progress.d.ts +1 -1
  51. package/types/shared/utils/is.d.ts +1 -0
  52. package/types/steps-guide/src/steps-guide.d.ts +1 -1
  53. package/types/table/src/components/column/column.d.ts +1 -1
  54. package/types/tag-input/src/tag-input.d.ts +1 -1
  55. package/types/tree/src/components/tree-node.d.ts +1 -1
  56. package/types/tree/src/tree.d.ts +1 -1
  57. package/types/virtual-list/src/components/resize-observer.d.ts +2 -0
  58. package/types/vue-devui.d.ts +24 -1
  59. package/vue-devui.es.js +15599 -7027
  60. package/vue-devui.umd.js +22 -22
package/date-picker-pro/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, .2));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 4px 8px 0) var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;color:var(--devui-text, #252b3a)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 14px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 14px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}.devui-icon__container{display:inline-block;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--no-slots i,.devui-icon--no-slots img{display:block}.devui-icon--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #adb0b8)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;line-height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 2px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-input{width:100%;height:32px;font-size:var(--devui-font-size, 14px)}.devui-input__wrapper{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 8px;box-sizing:border-box;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));height:100%}.devui-input__wrapper:not(.devui-input--error):not(.devui-input--disabled):not(.devui-input--focus):hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-input--focus:not(.devui-input--error){border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-input--disabled{color:var(--devui-disabled-text, #adb0b8);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.devui-input--disabled:hover{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-input--disabled .devui-input__inner{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-input--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}.devui-input--sm{height:24px;font-size:var(--devui-font-size-sm, 12px)}.devui-input--lg{height:40px;font-size:var(--devui-font-size-lg, 14px)}.devui-input--feedback{padding-right:28px}.devui-input__inner{width:100%;height:100%;color:var(--devui-text, #252b3a);font-size:inherit;padding:4px 0;border:none;background:none;outline:none;box-sizing:border-box}.devui-input--prepend .devui-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.devui-input--append .devui-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-slot{display:inline-flex;width:100%;align-items:stretch}.devui-input-slot__prepend,.devui-input-slot__append{color:var(--devui-text);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;padding:0 20px;white-space:nowrap;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff)}.devui-input-slot__prepend .devui-button,.devui-input-slot__prepend .devui-select .devui-select__selection,.devui-input-slot__append .devui-button,.devui-input-slot__append .devui-select .devui-select__selection{border:none!important;background-color:transparent!important;color:inherit}.devui-input-slot__prepend .devui-button,.devui-input-slot__prepend .devui-select__selection,.devui-input-slot__append .devui-button,.devui-input-slot__append .devui-select__selection{margin:0 -20px}.devui-input-slot__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-slot__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.devui-input-slot__prefix,.devui-input-slot__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;align-items:center}.devui-input-slot__prefix>*{margin-right:8px}.devui-input-slot__suffix>*{margin-left:8px}.devui-input__clear--icon,.devui-input__password--icon{cursor:pointer}.devui-scroll-box{width:100%;height:100%;overflow:hidden;position:relative}.devui-scroll-box *{user-select:none}.devui-scroll-box .box-content{height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.devui-scroll-box .box-content-behavior-auto{scroll-behavior:auto}.devui-scroll-box .box-sroll{width:8px;height:100%;position:absolute;right:0;top:0;opacity:0;background-color:#d46b6b00}.devui-scroll-box .box-sroll .scroll-child{width:100%;position:absolute;top:0;right:0;background:var(--devui-line, #d7d8da);border-radius:8px}.devui-time-list{width:100%;height:256px;border-bottom:1px solid var(--devui-dividing-line, #f2f2f3);display:flex}.devui-time-list .time-item{height:100%;display:inline-block;border-right:1px solid var(--devui-dividing-line, #f2f2f3);overflow-y:auto}.devui-time-list .time-item:last-child{border-right:none}.devui-time-list .time-item .time-ul{width:100%;height:100%;cursor:pointer;padding:0;margin:0 auto;list-style:none}.devui-time-list .time-item .time-ul .time-li{display:block;box-sizing:border-box;list-style:none;text-align:center;margin:0 0 6px;height:26px;overflow:hidden;line-height:26px;font-size:0;color:var(--devui-text, #252b3a)}.devui-time-list .time-item .time-ul .time-li:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-time-list .time-item .time-ul .time-li span{display:block;font-size:var(--devui-font-size-md, 14px)}.devui-time-list .time-item .time-ul:last-child:after{content:"";display:block;height:224px}.devui-time-list .time-item .time-ul .active-li,.devui-time-list .time-item .time-ul .active-li:hover{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-time-list .time-item .time-ul .disabled-li{background-color:var(--devui-disabled-bg, #f5f5f5);color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-icon-group{display:inline-flex;align-items:center}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){padding:8px;margin-left:0}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>*:not(:first-child){margin-left:0}@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-button{padding:var(--devui-btn-padding, 0 20px);font-size:var(--devui-font-size-md, 14px);line-height:var(--devui-line-height-base, 1.5);border-radius:var(--devui-border-radius, 2px);border-width:1px;border-color:transparent;background-color:transparent}.devui-button:hover{cursor:pointer}.devui-button:disabled{cursor:not-allowed}.devui-button--is-loading{pointer-events:none}.devui-button--solid{color:var(--devui-light-text, #ffffff);min-width:64px}.devui-button--solid i{color:var(--devui-light-text, #ffffff)}.devui-button--solid--secondary{color:var(--devui-text, #252b3a);border-color:var(--devui-btn-common-border-color, var(--devui-line, #d7d8da));background-color:var(--devui-btn-common-bg, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:hover{color:var(--devui-btn-common-color-hover, var(--devui-brand-active, #526ecc));border-color:var(--devui-btn-common-border-color-hover, var(--devui-form-control-line-active, #5e7ce0));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:focus{color:var(--devui-btn-common-color-active, var(--devui-brand-active, #526ecc));border-color:var(--devui-btn-common-border-color-active, var(--devui-form-control-line-active, #5e7ce0));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:active{color:var(--devui-btn-common-color-active, var(--devui-brand-active, #526ecc));border-color:var(--devui-btn-common-border-color-active, var(--devui-form-control-line-active, #5e7ce0));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:disabled{opacity:.8}.devui-button--solid--primary{background-color:var(--devui-primary, #5e7ce0)}.devui-button--solid--primary:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-button--solid--primary:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-button--solid--primary:active{background-color:var(--devui-primary-active, #344899)}.devui-button--solid--primary:disabled{color:var(--devui-light-text, #ffffff);background:var(--devui-primary-disabled, #beccfa);border:none}.devui-button--solid--danger{background-color:var(--devui-contrast, #c7000b)}.devui-button--solid--danger:hover{background-color:var(--devui-contrast-hover, #d64a52)}.devui-button--solid--danger:focus{background-color:var(--devui-contrast-hover, #d64a52)}.devui-button--solid--danger:active{background-color:var(--devui-contrast-active, #b12220)}.devui-button--solid--danger:disabled{background-color:var(--devui-contrast-disabled, #ffbcba)}.devui-button--outline{background-color:var(--devui-block, #ffffff);border-style:solid}.devui-button--outline i{color:var(--devui-text, #252b3a)}.devui-button--outline--secondary{color:var(--devui-text, #252b3a);border-color:var(--devui-line, #d7d8da)}.devui-button--outline--secondary:hover,.devui-button--outline--secondary:focus,.devui-button--outline--secondary:active{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--secondary:hover i,.devui-button--outline--secondary:focus i,.devui-button--outline--secondary:active i{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--secondary:disabled{color:var(--devui-disabled-text, #adb0b8);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-button--outline--secondary:disabled i{color:var(--devui-disabled-text, #adb0b8)}.devui-button--outline--primary{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--primary:hover,.devui-button--outline--primary:focus,.devui-button--outline--primary:active{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-button--outline--primary:hover i,.devui-button--outline--primary:focus i,.devui-button--outline--primary:active i{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-button--outline--primary:disabled{opacity:.8;color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--primary:disabled i{color:var(--devui-brand-active, #526ecc)}.devui-button--outline--danger{color:var(--devui-contrast, #c7000b);border-color:var(--devui-contrast, #c7000b)}.devui-button--outline--danger i{color:var(--devui-contrast, #c7000b)}.devui-button--outline--danger:hover,.devui-button--outline--danger:focus,.devui-button--outline--danger:active,.devui-button--outline--danger:disabled{opacity:.8}.devui-button--text{padding:0}.devui-button--text--secondary{color:var(--devui-text, #252b3a)}.devui-button--text--secondary:hover{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:focus{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:active{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:disabled{color:var(--devui-disabled-text, #adb0b8)}.devui-button--text--primary{color:var(--devui-brand-active, #526ecc)}.devui-button--text--primary:hover{color:var(--devui-link-active, #526ecc)}.devui-button--text--primary:focus{color:var(--devui-brand-active-focus, #344899)}.devui-button--text--primary:active{color:var(--devui-brand-active-focus, #344899)}.devui-button--text--primary:disabled{opacity:.8}.devui-button--text--danger{color:var(--devui-contrast, #c7000b)}.devui-button--text--danger:hover,.devui-button--text--danger:focus,.devui-button--text--danger:active,.devui-button--text--danger:disabled{opacity:.8}.devui-button--sm{padding:var(--devui-btn-sm-padding, 0 16px);height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:56px}.devui-button--lg{padding:var(--devui-btn-lg-padding, 0 24px);height:40px;font-size:var(--devui-font-size-lg, 14px);min-width:72px}.devui-button.devui-button__icon:not(.devui-button--solid):hover,.devui-button.devui-button__icon:not(.devui-button--solid):focus{border:1px solid var(--devui-list-item-hover-bg, #f2f2f3);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-button.devui-button__icon:not(.devui-button--solid):disabled{background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap{color:var(--devui-text, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap .devui-button__icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover .devui-button__icon-fix{color:var(--devui-icon-fill-active, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover .button-content{color:var(--devui-brand, #5e7ce0)}.devui-button--circle{border-radius:100%}.devui-button--round{border-radius:20px}.devui-loading .devui-loading-default-spinner div{background-color:var(--devui-text, #252b3a)}.devui-button{transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;border-style:solid}.devui-button.devui-button__icon{padding:8px;line-height:1em;min-width:unset}.devui-button.devui-button__icon:not(.devui-button--circle){border:1px solid transparent}.devui-button.devui-button__icon.devui-button--sm{padding:4px;min-width:24px}.devui-button.devui-button__icon.devui-button--lg{min-width:32px}.devui-button.devui-button__icon.devui-button--lg .icon{font-size:var(--devui-font-size-icon, 16px)}.devui-button.devui-button__icon.devui-button--circle{width:32px}.devui-button.devui-button__icon.devui-button--circle.devui-button--sm{width:24px}.devui-button.devui-button__icon.devui-button--circle.devui-button--lg{width:40px}.devui-button:not(.devui-button__icon) .icon-fix{font-size:var(--devui-font-size-icon, 16px)}.devui-button__icon-fix{position:relative;font-size:var(--devui-font-size, 14px)}.button-content{display:inline-block;position:relative}.clear-right-5{margin-right:5px}.devui-button-group{display:flex}.devui-button-group>*{position:relative}.devui-button-group>*:not(:first-child),.devui-button-group>*:not(:first-child) .devui-button{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.devui-button-group>*:not(:first-child).devui-button--solid--primary,.devui-button-group>*:not(:first-child) .devui-button.devui-button--solid--primary{border-left:1px solid var(--devui-brand-hover, #7693f5);margin-left:0}.devui-button-group>*:not(:last-child),.devui-button-group>*:not(:last-child) .devui-button{border-top-right-radius:0;border-bottom-right-radius:0}.devui-button-group>*:hover,.devui-button-group>*:active{z-index:1}.devui-button-group>*:focus-within{z-index:1}.devui-date-picker-pro{display:inline-block;background-color:var(--devui-base-bg, #ffffff)}.devui-date-picker-pro .devui-date-picker-pro__single-picker{position:relative}.devui-date-picker-pro .devui-date-picker-pro__single-picker-icon{display:inline-flex;align-items:center}.devui-date-picker-pro .devui-date-picker-pro__single-picker .devui-input-slot__suffix{cursor:pointer}.devui-date-picker-pro .devui-date-picker-pro__single-picker .close-icon{width:16px;height:16px;display:inline-flex;line-height:12px;align-items:center}.devui-date-picker-pro .devui-date-picker-pro__single-picker .close-icon svg path{fill:var(--devui-shape-icon-fill, #d7d8da)}.devui-date-picker-pro .devui-date-picker-pro__single-picker .close-icon:hover svg path{fill:var(--devui-shape-icon-fill-active, #babbc0)}.devui-date-picker-pro .devui-date-picker-pro__single-picker .devui-date-picker-pro--icon-visible{visibility:visible}.devui-date-picker-pro .devui-date-picker-pro__single-picker .devui-date-picker-pro--icon-hidden{visibility:hidden}.devui-date-picker-pro__panel{width:max-content}.devui-date-picker-pro__panel-content{display:flex}.devui-date-picker-pro__panel-footer{border-top:1px solid var(--devui-dividing-line, #f2f2f3);padding:8px}.devui-date-picker-pro__panel-footer-center{text-align:center}.devui-date-picker-pro__panel-right-area{padding:8px 16px;display:inline-block;height:305px;font-size:var(--devui-font-size-sm, 12px);overflow:auto;-ms-overflow-style:none;scrollbar-width:none;border-left:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-date-picker-pro__panel-right-area::-webkit-scrollbar{width:0!important}.devui-date-picker-pro__calendar-panel{text-align:center;display:flex}.devui-date-picker-pro__calendar-panel--year-list{display:inline-block;width:80px;height:305px;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.devui-date-picker-pro__calendar-panel--year-list::-webkit-scrollbar{width:0!important}.devui-date-picker-pro__calendar-panel--year-list-item{background-color:var(--devui-global-bg, #f8f8fa)}.devui-date-picker-pro__calendar-panel--year-list-item .devui-date-picker-pro__year-title{font-size:var(--devui-font-size-md, 14px);font-weight:700;line-height:30px;cursor:pointer}.devui-date-picker-pro__calendar-panel--year-list-item .devui-date-picker-pro__month-title{font-size:var(--devui-font-size-sm, 12px);line-height:30px;cursor:pointer}.devui-date-picker-pro__calendar-panel--year-list-item.devui-date-picker-pro__year-title-active{background-color:var(--devui-base-bg, #ffffff)}.devui-date-picker-pro__calendar-panel--year-list-item:hover:not(.devui-date-picker-pro__year-title-active){background-color:var(--devui-list-item-selected-bg, #f2f5fc)}.devui-date-picker-pro__calendar-panel--main{padding:4px;display:inline-block;width:253px;height:305px;font-size:var(--devui-font-size-sm, 12px);overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.devui-date-picker-pro__calendar-panel--main::-webkit-scrollbar{width:0!important}.devui-date-picker-pro__calendar-panel--main .devui-date-picker-pro__calendar-table tr,.devui-date-picker-pro__calendar-panel--main .devui-date-picker-pro__calendar-table td{border:none;padding:0;text-align:center;font-size:var(--devui-font-size-sm, 12px)}.devui-date-picker-pro__tbody-wrapper{height:270px;width:100%;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.devui-date-picker-pro__tbody-wrapper::-webkit-scrollbar{width:0!important}.devui-date-picker-pro__calendar-table{border-spacing:0;margin:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-week-header td{width:35px;height:22px;padding:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-title{text-align:start;line-height:26px;color:var(--devui-aide-text, #71757f);padding-left:8px}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content{color:var(--devui-text, #252b3a);border-spacing:0 4px;border-collapse:separate;margin:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date{padding:0 4px;width:30px}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date span{cursor:pointer;display:block;width:22px;height:22px;line-height:22px;border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date:not(.devui-date-picker-pro__table-date-selected):not(.devui-date-picker-pro__table-date-disabled):hover span{background-color:var(--devui-range-item-hover-bg, #e9edfa)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-today span{color:var(--devui-brand, #5e7ce0)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-selected span,.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start span,.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end span{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-in-range{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-in-range span:hover{background-color:var(--devui-range-item-hover-bg, #e9edfa)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start:not(.devui-date-picker-pro__table-date-end){position:relative}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start:not(.devui-date-picker-pro__table-date-end):after{content:"";display:block;position:absolute;width:8px;height:22px;background-color:var(--devui-list-item-hover-bg, #f2f2f3);right:0;top:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start:not(.devui-date-picker-pro__table-date-end):hover:after{display:none}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start:not(.devui-date-picker-pro__table-date-end) span:not(:hover){border-radius:var(--devui-border-radius-feedback, 4px) 0 0 var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end:not(.devui-date-picker-pro__table-date-start){position:relative}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end:not(.devui-date-picker-pro__table-date-start):after{content:"";display:block;position:absolute;width:5px;height:22px;background-color:var(--devui-list-item-hover-bg, #f2f2f3);left:0;top:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end:not(.devui-date-picker-pro__table-date-start):hover:after{display:none}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end:not(.devui-date-picker-pro__table-date-start) span:not(:hover){border-radius:0 var(--devui-border-radius-feedback, 4px) var(--devui-border-radius-feedback, 4px) 0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-disabled span{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-date-picker-pro__panel-time{display:inline-block;border-left:1px solid var(--devui-dividing-line, #f2f2f3);height:305px;text-align:center;width:115px}.devui-date-picker-pro__panel-time--title{display:flex;height:30px}.devui-date-picker-pro__panel-time--title-item{flex:1 1 0%;line-height:30px}.devui-date-picker-pro__panel-time .devui-time-list,.devui-date-picker-pro__panel-time .devui-time-list .time-item{border:none}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .time-li{padding:0 7px;line-height:22px;height:22px;margin-bottom:8px}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .time-li:hover{background-color:transparent}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .time-li span{font-size:var(--devui-font-size-sm, 12px);border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .time-li span:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .active-li{background-color:transparent}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .active-li span,.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .active-li span:hover{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-range-date-picker-pro{display:inline-block;background-color:var(--devui-base-bg, #ffffff)}.devui-range-date-picker-pro.devui-range-date-picker-pro__range-width{width:300px}.devui-range-date-picker-pro.devui-range-date-picker-pro__range-time-width{width:400px}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker{display:flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:100%;min-height:24px;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker:not(.devui-range-date-picker-pro--error):not(.devui-range-date-picker-pro--disabled):hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__input{flex:1 1}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input{display:inline-block;height:26px;width:100%}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input__wrapper{border:none}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input.devui-input--sm{height:24px}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input.devui-input--lg{height:44px}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__start .devui-input--feedback{padding-right:0}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__active-input .devui-input__inner{color:var(--devui-brand, #5e7ce0)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__normal-input .devui-input__inner{color:var(--devui-text, #252b3a)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__separator{display:inline-block;padding:0 4px}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input-slot__suffix{cursor:pointer}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker-icon{display:inline-flex;align-items:center}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .close-icon{width:16px;height:16px;display:inline-flex;line-height:12px;align-items:center}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .close-icon svg path{fill:var(--devui-shape-icon-fill, #d7d8da)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .close-icon:hover svg path{fill:var(--devui-shape-icon-fill-active, #babbc0)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro--icon-visible{visibility:visible}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro--icon-hidden{visibility:hidden}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker.devui-range-date-picker-pro--disabled{color:var(--devui-disabled-text, #adb0b8);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker.devui-range-date-picker-pro--disabled:hover{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker.devui-range-date-picker-pro--disabled .devui-input__inner{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker.devui-range-date-picker-pro--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}.devui-range-date-picker-pro--open .devui-range-date-picker-pro__range-picker{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-range-date-picker-pro--open .devui-range-date-picker-pro__range-picker:not(.devui-range-date-picker-pro--error):not(.devui-range-date-picker-pro--disabled):hover{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-date-picker-pro__year-calendar-panel{height:200px;width:204px;padding:8px 12px;font-size:var(--devui-font-size-sm, 12px)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list{width:184px;height:186px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list::-webkit-scrollbar{width:0}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-list-item{display:flex;padding:4px 0;height:48px}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title{width:60px;height:40px;line-height:40px;text-align:center;cursor:pointer;border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title:hover:not(.devui-date-picker-pro__year-active):not(.devui-date-picker-pro__year-disabled){background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__this-year{color:var(--devui-brand, #5e7ce0)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-active{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-in-range:not(.devui-date-picker-pro__year-active){background:var(--devui-list-item-hover-bg, #f2f2f3);border-radius:0}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-in-range:not(.devui-date-picker-pro__year-active):hover{background-color:var(--devui-range-item-hover-bg, #e9edfa);border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-start:not(.devui-date-picker-pro__year-end):not(:hover){border-radius:var(--devui-border-radius-feedback, 4px) 0 0 var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-end:not(.devui-date-picker-pro__year-start):not(:hover){border-radius:0 var(--devui-border-radius-feedback, 4px) var(--devui-border-radius-feedback, 4px) 0}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed;border-radius:0}.devui-date-picker-pro__month-calendar-panel{height:300px;text-align:center;font-size:var(--devui-font-size-sm, 12px);display:flex}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list{height:100%;overflow:auto;scrollbar-width:none;display:inline-block;width:80px;-ms-overflow-style:none}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list::-webkit-scrollbar{width:0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list-item{background-color:var(--devui-global-bg, #f8f8fa);font-size:var(--devui-font-size-md, 14px);height:30px;line-height:30px;cursor:pointer}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list-item.devui-date-picker-pro__year-item-active{background-color:var(--devui-base-bg, #ffffff)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list-item:hover:not(.devui-date-picker-pro__year-item-active){background-color:var(--devui-list-item-selected-bg, #f2f5fc)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper{height:300px;width:208px;padding:4px;display:inline-block}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__month-list{height:100%;width:100%;overflow:auto;scrollbar-width:none}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__month-list::-webkit-scrollbar{width:0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__month-list tr,.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__month-list td{text-align:center;border:none;padding:0;font-size:var(--devui-font-size-sm, 12px)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-title{text-align:start;line-height:26px;color:var(--devui-aide-text, #71757f);padding-left:8px}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content{color:var(--devui-text, #252b3a);margin:0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item{width:60px;height:40px;padding:4px 0;box-sizing:border-box;text-align:center;cursor:pointer}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item span{cursor:pointer;display:block;height:32px;line-height:32px;border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item:hover:not(.devui-date-picker-pro__month-active):not(.devui-date-picker-pro__month-disabled) span{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__this-month span{color:var(--devui-brand, #5e7ce0)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-active span{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-in-range:not(.devui-date-picker-pro__month-active) span{background:var(--devui-list-item-hover-bg, #f2f2f3);border-radius:0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-in-range:not(.devui-date-picker-pro__month-active):hover span{background-color:var(--devui-range-item-hover-bg, #e9edfa);border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-start:not(.devui-date-picker-pro__month-end):not(:hover) span{border-radius:var(--devui-border-radius-feedback, 4px) 0 0 var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-end:not(.devui-date-picker-pro__month-start):not(:hover) span{border-radius:0 var(--devui-border-radius-feedback, 4px) var(--devui-border-radius-feedback, 4px) 0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-disabled{cursor:not-allowed}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-disabled span{color:var(--devui-disabled-text, #adb0b8);border-radius:0}
1
+ .devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 4px 8px 0) var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;color:var(--devui-text, #252b3a)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 14px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 14px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}.devui-icon__container{display:inline-block;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--no-slots i,.devui-icon--no-slots img{display:block}.devui-icon--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #adb0b8)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;line-height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 2px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-input{width:100%;height:32px;font-size:var(--devui-font-size, 14px)}.devui-input__wrapper{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 8px;box-sizing:border-box;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));height:100%}.devui-input__wrapper:not(.devui-input--error):not(.devui-input--disabled):not(.devui-input--focus):hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-input--focus:not(.devui-input--error){border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-input--disabled{color:var(--devui-disabled-text, #adb0b8);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.devui-input--disabled:hover{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-input--disabled .devui-input__inner{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-input--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}.devui-input--sm{height:24px;font-size:var(--devui-font-size-sm, 12px)}.devui-input--lg{height:40px;font-size:var(--devui-font-size-lg, 14px)}.devui-input--feedback{padding-right:28px}.devui-input__inner{width:100%;height:100%;color:var(--devui-text, #252b3a);font-size:inherit;padding:4px 0;border:none;background:none;outline:none;box-sizing:border-box}.devui-input--prepend .devui-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.devui-input--append .devui-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-slot{display:inline-flex;width:100%;align-items:stretch}.devui-input-slot__prepend,.devui-input-slot__append{color:var(--devui-text);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;padding:0 20px;white-space:nowrap;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff)}.devui-input-slot__prepend .devui-button,.devui-input-slot__prepend .devui-select .devui-select__selection,.devui-input-slot__append .devui-button,.devui-input-slot__append .devui-select .devui-select__selection{border:none!important;background-color:transparent!important;color:inherit}.devui-input-slot__prepend .devui-button,.devui-input-slot__prepend .devui-select__selection,.devui-input-slot__append .devui-button,.devui-input-slot__append .devui-select__selection{margin:0 -20px}.devui-input-slot__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-slot__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.devui-input-slot__prefix,.devui-input-slot__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;align-items:center}.devui-input-slot__prefix>*{margin-right:8px}.devui-input-slot__suffix>*{margin-left:8px}.devui-input__clear--icon,.devui-input__password--icon{cursor:pointer}.devui-scroll-box{width:100%;height:100%;overflow:hidden;position:relative}.devui-scroll-box *{user-select:none}.devui-scroll-box .box-content{height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.devui-scroll-box .box-content-behavior-auto{scroll-behavior:auto}.devui-scroll-box .box-sroll{width:8px;height:100%;position:absolute;right:0;top:0;opacity:0;background-color:#d46b6b00}.devui-scroll-box .box-sroll .scroll-child{width:100%;position:absolute;top:0;right:0;background:var(--devui-line, #d7d8da);border-radius:8px}.devui-time-list{width:100%;height:256px;border-bottom:1px solid var(--devui-dividing-line, #f2f2f3);display:flex}.devui-time-list .time-item{height:100%;display:inline-block;border-right:1px solid var(--devui-dividing-line, #f2f2f3);overflow-y:auto}.devui-time-list .time-item:last-child{border-right:none}.devui-time-list .time-item .time-ul{width:100%;height:100%;cursor:pointer;padding:0;margin:0 auto;list-style:none}.devui-time-list .time-item .time-ul .time-li{display:block;box-sizing:border-box;list-style:none;text-align:center;margin:0 0 6px;height:26px;overflow:hidden;line-height:26px;font-size:0;color:var(--devui-text, #252b3a)}.devui-time-list .time-item .time-ul .time-li:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-time-list .time-item .time-ul .time-li span{display:block;font-size:var(--devui-font-size-md, 14px)}.devui-time-list .time-item .time-ul:last-child:after{content:"";display:block;height:224px}.devui-time-list .time-item .time-ul .active-li,.devui-time-list .time-item .time-ul .active-li:hover{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-time-list .time-item .time-ul .disabled-li{background-color:var(--devui-disabled-bg, #f5f5f5);color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-icon-group{display:inline-flex;align-items:center}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){padding:8px;margin-left:0}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>*:not(:first-child){margin-left:0}@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-button{padding:var(--devui-btn-padding, 0 20px);font-size:var(--devui-font-size-md, 14px);line-height:var(--devui-line-height-base, 1.5);border-radius:var(--devui-border-radius, 2px);border-width:1px;border-color:transparent;background-color:transparent}.devui-button:hover{cursor:pointer}.devui-button:disabled{cursor:not-allowed}.devui-button--is-loading{pointer-events:none}.devui-button--solid{color:var(--devui-light-text, #ffffff);min-width:64px}.devui-button--solid i{color:var(--devui-light-text, #ffffff)}.devui-button--solid--secondary{color:var(--devui-text, #252b3a);border-color:var(--devui-btn-common-border-color, var(--devui-line, #d7d8da));background-color:var(--devui-btn-common-bg, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:hover{color:var(--devui-btn-common-color-hover, var(--devui-brand-active, #526ecc));border-color:var(--devui-btn-common-border-color-hover, var(--devui-form-control-line-active, #5e7ce0));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:focus{color:var(--devui-btn-common-color-active, var(--devui-brand-active, #526ecc));border-color:var(--devui-btn-common-border-color-active, var(--devui-form-control-line-active, #5e7ce0));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:active{color:var(--devui-btn-common-color-active, var(--devui-brand-active, #526ecc));border-color:var(--devui-btn-common-border-color-active, var(--devui-form-control-line-active, #5e7ce0));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:disabled{opacity:.8}.devui-button--solid--primary{background-color:var(--devui-primary, #5e7ce0)}.devui-button--solid--primary:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-button--solid--primary:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-button--solid--primary:active{background-color:var(--devui-primary-active, #344899)}.devui-button--solid--primary:disabled{color:var(--devui-light-text, #ffffff);background:var(--devui-primary-disabled, #beccfa);border:none}.devui-button--solid--danger{background-color:var(--devui-contrast, #c7000b)}.devui-button--solid--danger:hover{background-color:var(--devui-contrast-hover, #d64a52)}.devui-button--solid--danger:focus{background-color:var(--devui-contrast-hover, #d64a52)}.devui-button--solid--danger:active{background-color:var(--devui-contrast-active, #b12220)}.devui-button--solid--danger:disabled{background-color:var(--devui-contrast-disabled, #ffbcba)}.devui-button--outline{background-color:var(--devui-block, #ffffff);border-style:solid}.devui-button--outline i{color:var(--devui-text, #252b3a)}.devui-button--outline--secondary{color:var(--devui-text, #252b3a);border-color:var(--devui-line, #d7d8da)}.devui-button--outline--secondary:hover,.devui-button--outline--secondary:focus,.devui-button--outline--secondary:active{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--secondary:hover i,.devui-button--outline--secondary:focus i,.devui-button--outline--secondary:active i{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--secondary:disabled{color:var(--devui-disabled-text, #adb0b8);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-button--outline--secondary:disabled i{color:var(--devui-disabled-text, #adb0b8)}.devui-button--outline--primary{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--primary:hover,.devui-button--outline--primary:focus,.devui-button--outline--primary:active{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-button--outline--primary:hover i,.devui-button--outline--primary:focus i,.devui-button--outline--primary:active i{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-button--outline--primary:disabled{opacity:.8;color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--primary:disabled i{color:var(--devui-brand-active, #526ecc)}.devui-button--outline--danger{color:var(--devui-contrast, #c7000b);border-color:var(--devui-contrast, #c7000b)}.devui-button--outline--danger i{color:var(--devui-contrast, #c7000b)}.devui-button--outline--danger:hover,.devui-button--outline--danger:focus,.devui-button--outline--danger:active,.devui-button--outline--danger:disabled{opacity:.8}.devui-button--text{padding:0}.devui-button--text--secondary{color:var(--devui-text, #252b3a)}.devui-button--text--secondary:hover{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:focus{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:active{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:disabled{color:var(--devui-disabled-text, #adb0b8)}.devui-button--text--primary{color:var(--devui-brand-active, #526ecc)}.devui-button--text--primary:hover{color:var(--devui-link-active, #526ecc)}.devui-button--text--primary:focus{color:var(--devui-brand-active-focus, #344899)}.devui-button--text--primary:active{color:var(--devui-brand-active-focus, #344899)}.devui-button--text--primary:disabled{opacity:.8}.devui-button--text--danger{color:var(--devui-contrast, #c7000b)}.devui-button--text--danger:hover,.devui-button--text--danger:focus,.devui-button--text--danger:active,.devui-button--text--danger:disabled{opacity:.8}.devui-button--sm{padding:var(--devui-btn-sm-padding, 0 16px);height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:56px}.devui-button--lg{padding:var(--devui-btn-lg-padding, 0 24px);height:40px;font-size:var(--devui-font-size-lg, 14px);min-width:72px}.devui-button.devui-button__icon:not(.devui-button--solid):hover,.devui-button.devui-button__icon:not(.devui-button--solid):focus{border:1px solid var(--devui-list-item-hover-bg, #f2f2f3);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-button.devui-button__icon:not(.devui-button--solid):disabled{background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap{color:var(--devui-text, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap .devui-button__icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover .devui-button__icon-fix{color:var(--devui-icon-fill-active, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover .button-content{color:var(--devui-brand, #5e7ce0)}.devui-button--circle{border-radius:100%}.devui-button--round{border-radius:20px}.devui-loading .devui-loading-default-spinner div{background-color:var(--devui-text, #252b3a)}.devui-button{transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;border-style:solid}.devui-button.devui-button__icon{padding:8px;line-height:1em;min-width:unset}.devui-button.devui-button__icon:not(.devui-button--circle){border:1px solid transparent}.devui-button.devui-button__icon.devui-button--sm{padding:4px;min-width:24px}.devui-button.devui-button__icon.devui-button--lg{min-width:32px}.devui-button.devui-button__icon.devui-button--lg .icon{font-size:var(--devui-font-size-icon, 16px)}.devui-button.devui-button__icon.devui-button--circle{width:32px}.devui-button.devui-button__icon.devui-button--circle.devui-button--sm{width:24px}.devui-button.devui-button__icon.devui-button--circle.devui-button--lg{width:40px}.devui-button:not(.devui-button__icon) .icon-fix{font-size:var(--devui-font-size-icon, 16px)}.devui-button__icon-fix{position:relative;font-size:var(--devui-font-size, 14px)}.button-content{display:inline-block;position:relative}.clear-right-5{margin-right:5px}.loading-icon__container{display:inline-flex;align-items:center;margin-right:5px}.loading-icon__container .button-icon-loading{animation:rotating 1.5s linear infinite}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.devui-button-group{display:flex}.devui-button-group>*{position:relative}.devui-button-group>*:not(:first-child),.devui-button-group>*:not(:first-child) .devui-button{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.devui-button-group>*:not(:first-child).devui-button--solid--primary,.devui-button-group>*:not(:first-child) .devui-button.devui-button--solid--primary{border-left:1px solid var(--devui-brand-hover, #7693f5);margin-left:0}.devui-button-group>*:not(:last-child),.devui-button-group>*:not(:last-child) .devui-button{border-top-right-radius:0;border-bottom-right-radius:0}.devui-button-group>*:hover,.devui-button-group>*:active{z-index:1}.devui-button-group>*:focus-within{z-index:1}.devui-date-picker-pro{display:inline-block;background-color:var(--devui-base-bg, #ffffff)}.devui-date-picker-pro .devui-date-picker-pro__single-picker{position:relative}.devui-date-picker-pro .devui-date-picker-pro__single-picker-icon{display:inline-flex;align-items:center}.devui-date-picker-pro .devui-date-picker-pro__single-picker .devui-input-slot__suffix{cursor:pointer}.devui-date-picker-pro .devui-date-picker-pro__single-picker .close-icon{width:16px;height:16px;display:inline-flex;line-height:12px;align-items:center}.devui-date-picker-pro .devui-date-picker-pro__single-picker .close-icon svg path{fill:var(--devui-shape-icon-fill, #d7d8da)}.devui-date-picker-pro .devui-date-picker-pro__single-picker .close-icon:hover svg path{fill:var(--devui-shape-icon-fill-active, #babbc0)}.devui-date-picker-pro .devui-date-picker-pro__single-picker .devui-date-picker-pro--icon-visible{visibility:visible}.devui-date-picker-pro .devui-date-picker-pro__single-picker .devui-date-picker-pro--icon-hidden{visibility:hidden}.devui-date-picker-pro__panel{width:max-content}.devui-date-picker-pro__panel-content{display:flex}.devui-date-picker-pro__panel-footer{border-top:1px solid var(--devui-dividing-line, #f2f2f3);padding:8px}.devui-date-picker-pro__panel-footer-center{text-align:center}.devui-date-picker-pro__panel-right-area{padding:8px 16px;display:inline-block;height:305px;font-size:var(--devui-font-size-sm, 12px);overflow:auto;-ms-overflow-style:none;scrollbar-width:none;border-left:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-date-picker-pro__panel-right-area::-webkit-scrollbar{width:0!important}.devui-date-picker-pro__calendar-panel{text-align:center;display:flex}.devui-date-picker-pro__calendar-panel--year-list{display:inline-block;width:80px;height:305px;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.devui-date-picker-pro__calendar-panel--year-list::-webkit-scrollbar{width:0!important}.devui-date-picker-pro__calendar-panel--year-list-item{background-color:var(--devui-global-bg, #f8f8fa)}.devui-date-picker-pro__calendar-panel--year-list-item .devui-date-picker-pro__year-title{font-size:var(--devui-font-size-md, 14px);font-weight:700;line-height:30px;cursor:pointer}.devui-date-picker-pro__calendar-panel--year-list-item .devui-date-picker-pro__month-title{font-size:var(--devui-font-size-sm, 12px);line-height:30px;cursor:pointer}.devui-date-picker-pro__calendar-panel--year-list-item.devui-date-picker-pro__year-title-active{background-color:var(--devui-base-bg, #ffffff)}.devui-date-picker-pro__calendar-panel--year-list-item:hover:not(.devui-date-picker-pro__year-title-active){background-color:var(--devui-list-item-selected-bg, #f2f5fc)}.devui-date-picker-pro__calendar-panel--main{padding:4px;display:inline-block;width:253px;height:305px;font-size:var(--devui-font-size-sm, 12px);overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.devui-date-picker-pro__calendar-panel--main::-webkit-scrollbar{width:0!important}.devui-date-picker-pro__calendar-panel--main .devui-date-picker-pro__calendar-table tr,.devui-date-picker-pro__calendar-panel--main .devui-date-picker-pro__calendar-table td{border:none;padding:0;text-align:center;font-size:var(--devui-font-size-sm, 12px)}.devui-date-picker-pro__tbody-wrapper{height:270px;width:100%;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.devui-date-picker-pro__tbody-wrapper::-webkit-scrollbar{width:0!important}.devui-date-picker-pro__calendar-table{border-spacing:0;margin:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-week-header td{width:35px;height:22px;padding:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-title{text-align:start;line-height:26px;color:var(--devui-aide-text, #71757f);padding-left:8px}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content{color:var(--devui-text, #252b3a);border-spacing:0 4px;border-collapse:separate;margin:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date{padding:0 4px;width:30px}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date span{cursor:pointer;display:block;width:22px;height:22px;line-height:22px;border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date:not(.devui-date-picker-pro__table-date-selected):not(.devui-date-picker-pro__table-date-disabled):hover span{background-color:var(--devui-range-item-hover-bg, #e9edfa)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-today span{color:var(--devui-brand, #5e7ce0)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-selected span,.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start span,.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end span{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-in-range{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-in-range span:hover{background-color:var(--devui-range-item-hover-bg, #e9edfa)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start:not(.devui-date-picker-pro__table-date-end){position:relative}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start:not(.devui-date-picker-pro__table-date-end):after{content:"";display:block;position:absolute;width:8px;height:22px;background-color:var(--devui-list-item-hover-bg, #f2f2f3);right:0;top:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start:not(.devui-date-picker-pro__table-date-end):hover:after{display:none}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-start:not(.devui-date-picker-pro__table-date-end) span:not(:hover){border-radius:var(--devui-border-radius-feedback, 4px) 0 0 var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end:not(.devui-date-picker-pro__table-date-start){position:relative}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end:not(.devui-date-picker-pro__table-date-start):after{content:"";display:block;position:absolute;width:5px;height:22px;background-color:var(--devui-list-item-hover-bg, #f2f2f3);left:0;top:0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end:not(.devui-date-picker-pro__table-date-start):hover:after{display:none}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-end:not(.devui-date-picker-pro__table-date-start) span:not(:hover){border-radius:0 var(--devui-border-radius-feedback, 4px) var(--devui-border-radius-feedback, 4px) 0}.devui-date-picker-pro__calendar-table .devui-date-picker-pro__table-month-content .devui-date-picker-pro__table-date.devui-date-picker-pro__table-date-disabled span{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-date-picker-pro__panel-time{display:inline-block;border-left:1px solid var(--devui-dividing-line, #f2f2f3);height:305px;text-align:center;width:115px}.devui-date-picker-pro__panel-time--title{display:flex;height:30px}.devui-date-picker-pro__panel-time--title-item{flex:1 1 0%;line-height:30px}.devui-date-picker-pro__panel-time .devui-time-list,.devui-date-picker-pro__panel-time .devui-time-list .time-item{border:none}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .time-li{padding:0 7px;line-height:22px;height:22px;margin-bottom:8px}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .time-li:hover{background-color:transparent}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .time-li span{font-size:var(--devui-font-size-sm, 12px);border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .time-li span:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .active-li{background-color:transparent}.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .active-li span,.devui-date-picker-pro__panel-time .devui-time-list .time-item .time-ul .active-li span:hover{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-range-date-picker-pro{display:inline-block;background-color:var(--devui-base-bg, #ffffff)}.devui-range-date-picker-pro.devui-range-date-picker-pro__range-width{width:300px}.devui-range-date-picker-pro.devui-range-date-picker-pro__range-time-width{width:400px}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker{display:flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:100%;min-height:24px;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker:not(.devui-range-date-picker-pro--error):not(.devui-range-date-picker-pro--disabled):hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__input{flex:1 1}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input{display:inline-block;height:26px;width:100%}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input__wrapper{border:none}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input.devui-input--sm{height:24px}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input.devui-input--lg{height:44px}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__start .devui-input--feedback{padding-right:0}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__active-input .devui-input__inner{color:var(--devui-brand, #5e7ce0)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__normal-input .devui-input__inner{color:var(--devui-text, #252b3a)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro__separator{display:inline-block;padding:0 4px}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-input-slot__suffix{cursor:pointer}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker-icon{display:inline-flex;align-items:center}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .close-icon{width:16px;height:16px;display:inline-flex;line-height:12px;align-items:center}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .close-icon svg path{fill:var(--devui-shape-icon-fill, #d7d8da)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .close-icon:hover svg path{fill:var(--devui-shape-icon-fill-active, #babbc0)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro--icon-visible{visibility:visible}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker .devui-range-date-picker-pro--icon-hidden{visibility:hidden}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker.devui-range-date-picker-pro--disabled{color:var(--devui-disabled-text, #adb0b8);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker.devui-range-date-picker-pro--disabled:hover{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker.devui-range-date-picker-pro--disabled .devui-input__inner{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-range-date-picker-pro .devui-range-date-picker-pro__range-picker.devui-range-date-picker-pro--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}.devui-range-date-picker-pro--open .devui-range-date-picker-pro__range-picker{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-range-date-picker-pro--open .devui-range-date-picker-pro__range-picker:not(.devui-range-date-picker-pro--error):not(.devui-range-date-picker-pro--disabled):hover{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-date-picker-pro__year-calendar-panel{height:200px;width:204px;padding:8px 12px;font-size:var(--devui-font-size-sm, 12px)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list{width:184px;height:186px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list::-webkit-scrollbar{width:0}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-list-item{display:flex;padding:4px 0;height:48px}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title{width:60px;height:40px;line-height:40px;text-align:center;cursor:pointer;border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title:hover:not(.devui-date-picker-pro__year-active):not(.devui-date-picker-pro__year-disabled){background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__this-year{color:var(--devui-brand, #5e7ce0)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-active{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-in-range:not(.devui-date-picker-pro__year-active){background:var(--devui-list-item-hover-bg, #f2f2f3);border-radius:0}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-in-range:not(.devui-date-picker-pro__year-active):hover{background-color:var(--devui-range-item-hover-bg, #e9edfa);border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-start:not(.devui-date-picker-pro__year-end):not(:hover){border-radius:var(--devui-border-radius-feedback, 4px) 0 0 var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-end:not(.devui-date-picker-pro__year-start):not(:hover){border-radius:0 var(--devui-border-radius-feedback, 4px) var(--devui-border-radius-feedback, 4px) 0}.devui-date-picker-pro__year-calendar-panel .devui-date-picker-pro__year-list .devui-date-picker-pro__year-item-title.devui-date-picker-pro__year-disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed;border-radius:0}.devui-date-picker-pro__month-calendar-panel{height:300px;text-align:center;font-size:var(--devui-font-size-sm, 12px);display:flex}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list{height:100%;overflow:auto;scrollbar-width:none;display:inline-block;width:80px;-ms-overflow-style:none}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list::-webkit-scrollbar{width:0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list-item{background-color:var(--devui-global-bg, #f8f8fa);font-size:var(--devui-font-size-md, 14px);height:30px;line-height:30px;cursor:pointer}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list-item.devui-date-picker-pro__year-item-active{background-color:var(--devui-base-bg, #ffffff)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__year-list-item:hover:not(.devui-date-picker-pro__year-item-active){background-color:var(--devui-list-item-selected-bg, #f2f5fc)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper{height:300px;width:208px;padding:4px;display:inline-block}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__month-list{height:100%;width:100%;overflow:auto;scrollbar-width:none}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__month-list::-webkit-scrollbar{width:0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__month-list tr,.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__month-list td{text-align:center;border:none;padding:0;font-size:var(--devui-font-size-sm, 12px)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-title{text-align:start;line-height:26px;color:var(--devui-aide-text, #71757f);padding-left:8px}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content{color:var(--devui-text, #252b3a);margin:0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item{width:60px;height:40px;padding:4px 0;box-sizing:border-box;text-align:center;cursor:pointer}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item span{cursor:pointer;display:block;height:32px;line-height:32px;border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item:hover:not(.devui-date-picker-pro__month-active):not(.devui-date-picker-pro__month-disabled) span{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__this-month span{color:var(--devui-brand, #5e7ce0)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-active span{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-in-range:not(.devui-date-picker-pro__month-active) span{background:var(--devui-list-item-hover-bg, #f2f2f3);border-radius:0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-in-range:not(.devui-date-picker-pro__month-active):hover span{background-color:var(--devui-range-item-hover-bg, #e9edfa);border-radius:var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-start:not(.devui-date-picker-pro__month-end):not(:hover) span{border-radius:var(--devui-border-radius-feedback, 4px) 0 0 var(--devui-border-radius-feedback, 4px)}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-end:not(.devui-date-picker-pro__month-start):not(:hover) span{border-radius:0 var(--devui-border-radius-feedback, 4px) var(--devui-border-radius-feedback, 4px) 0}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-disabled{cursor:not-allowed}.devui-date-picker-pro__month-calendar-panel .devui-date-picker-pro__month-wrapper .devui-date-picker-pro__table-month-content .devui-date-picker-pro__month-item.devui-date-picker-pro__month-disabled span{color:var(--devui-disabled-text, #adb0b8);border-radius:0}
package/mention/index.es.js CHANGED
@@ -8195,10 +8195,10 @@ var Mention = defineComponent({
8195
8195
  if (props.trigger.includes(val[0])) {
8196
8196
  showSuggestions.value = true;
8197
8197
  if (props.position === "top") {
8198
- nextTick(() => {
8198
+ setTimeout(() => {
8199
8199
  const height = window.getComputedStyle(suggestionsDom.value, null).height;
8200
8200
  suggestionsTop.value = -Number(height.replace("px", ""));
8201
- });
8201
+ }, 0);
8202
8202
  }
8203
8203
  filteredSuggestions.value = suggestions.value.filter((item) => String(item[props.dmValueParse.value]).toLocaleLowerCase().includes(val.slice(1).toLocaleLowerCase()));
8204
8204
  } else {
package/mention/index.umd.js CHANGED
@@ -32,5 +32,5 @@ function print() { __p += __j.call(arguments, '') }
32
32
  z-index:-1000 !important;
33
33
  top:0 !important;
34
34
  right:0 !important;
35
- `,Cl=["letter-spacing","line-height","padding-top","padding-bottom","font-family","font-weight","font-size","text-rendering","text-transform","width","text-indent","padding-left","padding-right","border-width","box-sizing"];function Sl(l){const u=window.getComputedStyle(l),i=u.getPropertyValue("box-sizing"),s=Number.parseFloat(u.getPropertyValue("padding-bottom"))+Number.parseFloat(u.getPropertyValue("padding-top")),h=Number.parseFloat(u.getPropertyValue("border-bottom-width"))+Number.parseFloat(u.getPropertyValue("border-top-width"));return{contextStyle:Cl.map(g=>`${g}:${u.getPropertyValue(g)}`).join(";"),paddingSize:s,borderSize:h,boxSizing:i}}function bo(l,u=1,i){var L;if(l===void 0)return{};Qe||(Qe=document.createElement("textarea"),document.body.appendChild(Qe));const{paddingSize:s,borderSize:h,boxSizing:v,contextStyle:g}=Sl(l);Qe.setAttribute("style",`${g};${bl}`),Qe.value=l.value||l.placeholder||"";let y=Qe.scrollHeight;Qe.value="";const A={};v==="border-box"?y+=h:v==="content-box"&&(y-=s);const E=Qe.scrollHeight-s;if((L=Qe.parentNode)==null||L.removeChild(Qe),Qe=void 0,u===void 0)return A.height=`${y}px`,A;if(xe.exports.isNumber(u)){let R=E*u;v==="border-box"&&(R=R+s+h),y=Math.max(R,y),A.minHeight=`${R}px`}if(xe.exports.isNumber(i)){let R=E*i;v==="border-box"&&(R=R+s+h),y=Math.min(R,y)}return A.height=`${y}px`,A}function El(l,u){const i=c.shallowRef(""),s=()=>{const{autosize:v}=l;if(v){const{minRows:g,maxRows:y}=xe.exports.isObject(v)?v:{minRows:void 0,maxRows:void 0};i.value=at({},bo(u.value,g,y))}else i.value={minHeight:bo(u.value).minHeight}};return{textareaStyle:c.computed(()=>[i.value,{resize:l.resize}]),updateTextareaStyle:s}}var B1="",Ol=c.defineComponent({name:"DTextarea",inheritAttrs:!1,props:wl,emits:["update:modelValue","update","focus","blur","change","keydown"],setup(l,u){const{modelValue:i}=c.toRefs(l),s=c.inject(Hn,void 0),h=c.shallowRef(),v=ye("textarea"),{isFocus:g,textareaDisabled:y,wrapClasses:A}=xl(l),{onFocus:E,onBlur:L,onInput:R,onChange:B,onKeydown:K}=Al(g,l,u),{textareaStyle:J,updateTextareaStyle:N}=El(l,h);return c.watch(()=>l.modelValue,()=>{l.validateEvent&&(s==null||s.validate("change").catch(I=>console.warn(I))),c.nextTick(()=>N())}),c.onMounted(()=>{N()}),()=>{var I;return c.createVNode("div",{style:"width: 100%"},[c.createVNode("textarea",c.mergeProps({ref:h},u.attrs,{value:i.value,autofocus:l.autofocus,placeholder:l.placeholder,disabled:y.value,style:J.value,class:A.value,onInput:R,onFocus:E,onBlur:L,onChange:B,onKeydown:K}),null),l.showCount&&c.createVNode("div",{class:v.e("show-count")},[i.value.length,((I=u.attrs.maxlength)!=null?I:!1)?" / "+u.attrs.maxlength:""])])}}});const Ll={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},Tl={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};var q1="",Fl=c.defineComponent({name:"DSvgIcon",props:Tl,setup(l){const{name:u,color:i,size:s}=c.toRefs(l),h=ye("svg-icon"),v=c.computed(()=>`#icon-${u.value}`),g=c.computed(()=>typeof s.value=="number"?`${s.value}px`:s.value),y={width:g.value,height:g.value};return()=>c.createVNode("svg",{class:h.b(),style:y},[c.createVNode("use",{"xlink:href":v.value,fill:i.value},null)])}});function Rl(l){return/^((http|https):)?\/\//.test(l)}function Il(l,u){const{component:i,name:s,size:h,color:v,classPrefix:g,rotate:y}=c.toRefs(l),A=ye("icon"),E=c.computed(()=>typeof h.value=="number"?`${h.value}px`:h.value),L=i.value?c.resolveDynamicComponent(i.value):c.resolveDynamicComponent(Fl),R=()=>c.createVNode("img",c.mergeProps({src:s.value,alt:s.value.split("/")[s.value.split("/").length-1],class:[(y==null?void 0:y.value)==="infinite"&&A.m("spin")],style:{width:E.value||"",transform:`rotate(${y==null?void 0:y.value}deg)`,verticalAlign:"middle"}},u.attrs),null),B=()=>c.createVNode(L,c.mergeProps({name:s.value,color:v.value,size:E.value,class:[(y==null?void 0:y.value)==="infinite"&&A.m("spin")],style:{transform:`rotate(${y==null?void 0:y.value}deg)`}},u.attrs),null),K=()=>{const N=/^icon-/.test(s.value)?s.value:`${g.value}-${s.value}`;return c.createVNode("i",c.mergeProps({class:[g.value,N,(y==null?void 0:y.value)==="infinite"&&A.m("spin")],style:{fontSize:E.value,color:v.value,transform:`rotate(${y==null?void 0:y.value}deg)`}},u.attrs),null)};return{iconDom:()=>i.value?B():Rl(s.value)?R():K()}}var Pl=c.defineComponent({name:"DIcon",props:Ll,emits:["click"],setup(l,u){const{disabled:i,operable:s}=c.toRefs(l),{iconDom:h}=Il(l,u),v=ye("icon"),g=c.computed(()=>({[v.e("container")]:!0,[v.m("disabled")]:i.value,[v.m("operable")]:s.value,[v.m("no-slots")]:!Object.keys(u.slots).length})),y=A=>{i.value||u.emit("click",A)};return()=>{var A,E,L,R;return c.createVNode("div",{class:g.value,onClick:y},[(E=(A=u.slots).prefix)==null?void 0:E.call(A),h(),(R=(L=u.slots).suffix)==null?void 0:R.call(L)])}}}),W1="",$r=c.defineComponent({name:"DMention",components:{DTextarea:Ol,DIcon:Pl},props:Ue,emits:["select","change"],setup(l,{slots:u,emit:i}){const s=ye("mention"),h=c.ref(""),v=c.ref(!1),g=c.ref(0),y=c.ref(),A=c.ref([]),E=c.ref([]),L=c.ref(),R=c.computed(()=>l.loading),B=c.getCurrentInstance(),K=xe.exports.debounce(T=>{l.trigger.includes(T[0])?(v.value=!0,l.position==="top"&&c.nextTick(()=>{const U=window.getComputedStyle(L.value,null).height;y.value=-Number(U.replace("px",""))}),E.value=A.value.filter(U=>String(U[l.dmValueParse.value]).toLocaleLowerCase().includes(T.slice(1).toLocaleLowerCase()))):v.value=!1,i("change",T.slice(1))},300),J=T=>{const{target:U}=T,Z=document.querySelector(".devui-mention");(Z==null?void 0:Z.contains(U))||setTimeout(()=>{v.value=!1},100)},N=()=>{l.trigger.includes(h.value)&&(v.value=!0)},I=(T,U)=>{i("select",T),U.stopPropagation(),U.preventDefault(),v.value=!1,h.value=h.value.substring(0,1)+T[l.dmValueParse.value]},O=T=>{var U,Z,fe;if(v.value&&E.value.length){T.key==="ArrowDown"&&(g.value++,g.value===E.value.length&&(g.value=0)),T.key==="ArrowUp"&&(g.value--,g.value===-1&&(g.value=E.value.length-1));const oe=(U=B==null?void 0:B.proxy)==null?void 0:U.$refs[`devui-suggestions-item-${g.value}`],ge=oe==null?void 0:oe.offsetTop,Te=(Z=L.value)==null?void 0:Z.clientHeight,sn=Math.ceil(Te/oe.clientHeight);(T.key==="ArrowDown"&&g.value>=sn||T.key==="ArrowUp")&&((fe=L.value)==null||fe.scrollTo({top:ge}))}},j=T=>{v.value&&E.value.length&&T.key==="Enter"&&(T.stopPropagation(),T.preventDefault(),v.value=!1,h.value=h.value.substring(0,1)+E.value[g.value][l.dmValueParse.value],i("select",E.value[g.value]))};return c.watch(()=>l.suggestions,T=>{A.value=T,E.value=T},{immediate:!0,deep:!0}),c.onMounted(()=>{window.addEventListener("keydown",O),window.addEventListener("keydown",j),document.addEventListener("click",J)}),c.onUnmounted(()=>{window.removeEventListener("keydown",O),window.removeEventListener("keydown",j),document.removeEventListener("click",J)}),()=>{var T;return c.createVNode("div",{class:s.b()},[c.createVNode(c.resolveComponent("d-textarea"),{modelValue:h.value,"onUpdate:modelValue":U=>h.value=U,onUpdate:K,onFocus:N},null),v.value?R.value?c.createVNode("div",{class:[`${s.e("suggestions")} ${s.e("suggestions-loading")}`]},[c.createTextVNode("\u52A0\u8F7D\u4E2D... ")]):c.createVNode("div",{class:s.e("suggestions"),ref:L,style:{marginTop:l.position==="top"?"0px":"-16px",top:y.value?y.value+"px":"inherit"}},[E.value.length>0?(T=E.value)==null?void 0:T.map((U,Z)=>c.createVNode("div",{ref:`devui-suggestions-item-${Z}`,class:`${s.e("suggestions-item")}
35
+ `,Cl=["letter-spacing","line-height","padding-top","padding-bottom","font-family","font-weight","font-size","text-rendering","text-transform","width","text-indent","padding-left","padding-right","border-width","box-sizing"];function Sl(l){const u=window.getComputedStyle(l),i=u.getPropertyValue("box-sizing"),s=Number.parseFloat(u.getPropertyValue("padding-bottom"))+Number.parseFloat(u.getPropertyValue("padding-top")),h=Number.parseFloat(u.getPropertyValue("border-bottom-width"))+Number.parseFloat(u.getPropertyValue("border-top-width"));return{contextStyle:Cl.map(g=>`${g}:${u.getPropertyValue(g)}`).join(";"),paddingSize:s,borderSize:h,boxSizing:i}}function bo(l,u=1,i){var L;if(l===void 0)return{};Qe||(Qe=document.createElement("textarea"),document.body.appendChild(Qe));const{paddingSize:s,borderSize:h,boxSizing:v,contextStyle:g}=Sl(l);Qe.setAttribute("style",`${g};${bl}`),Qe.value=l.value||l.placeholder||"";let y=Qe.scrollHeight;Qe.value="";const A={};v==="border-box"?y+=h:v==="content-box"&&(y-=s);const E=Qe.scrollHeight-s;if((L=Qe.parentNode)==null||L.removeChild(Qe),Qe=void 0,u===void 0)return A.height=`${y}px`,A;if(xe.exports.isNumber(u)){let R=E*u;v==="border-box"&&(R=R+s+h),y=Math.max(R,y),A.minHeight=`${R}px`}if(xe.exports.isNumber(i)){let R=E*i;v==="border-box"&&(R=R+s+h),y=Math.min(R,y)}return A.height=`${y}px`,A}function El(l,u){const i=c.shallowRef(""),s=()=>{const{autosize:v}=l;if(v){const{minRows:g,maxRows:y}=xe.exports.isObject(v)?v:{minRows:void 0,maxRows:void 0};i.value=at({},bo(u.value,g,y))}else i.value={minHeight:bo(u.value).minHeight}};return{textareaStyle:c.computed(()=>[i.value,{resize:l.resize}]),updateTextareaStyle:s}}var B1="",Ol=c.defineComponent({name:"DTextarea",inheritAttrs:!1,props:wl,emits:["update:modelValue","update","focus","blur","change","keydown"],setup(l,u){const{modelValue:i}=c.toRefs(l),s=c.inject(Hn,void 0),h=c.shallowRef(),v=ye("textarea"),{isFocus:g,textareaDisabled:y,wrapClasses:A}=xl(l),{onFocus:E,onBlur:L,onInput:R,onChange:B,onKeydown:K}=Al(g,l,u),{textareaStyle:J,updateTextareaStyle:N}=El(l,h);return c.watch(()=>l.modelValue,()=>{l.validateEvent&&(s==null||s.validate("change").catch(I=>console.warn(I))),c.nextTick(()=>N())}),c.onMounted(()=>{N()}),()=>{var I;return c.createVNode("div",{style:"width: 100%"},[c.createVNode("textarea",c.mergeProps({ref:h},u.attrs,{value:i.value,autofocus:l.autofocus,placeholder:l.placeholder,disabled:y.value,style:J.value,class:A.value,onInput:R,onFocus:E,onBlur:L,onChange:B,onKeydown:K}),null),l.showCount&&c.createVNode("div",{class:v.e("show-count")},[i.value.length,((I=u.attrs.maxlength)!=null?I:!1)?" / "+u.attrs.maxlength:""])])}}});const Ll={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},Tl={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};var q1="",Fl=c.defineComponent({name:"DSvgIcon",props:Tl,setup(l){const{name:u,color:i,size:s}=c.toRefs(l),h=ye("svg-icon"),v=c.computed(()=>`#icon-${u.value}`),g=c.computed(()=>typeof s.value=="number"?`${s.value}px`:s.value),y={width:g.value,height:g.value};return()=>c.createVNode("svg",{class:h.b(),style:y},[c.createVNode("use",{"xlink:href":v.value,fill:i.value},null)])}});function Rl(l){return/^((http|https):)?\/\//.test(l)}function Il(l,u){const{component:i,name:s,size:h,color:v,classPrefix:g,rotate:y}=c.toRefs(l),A=ye("icon"),E=c.computed(()=>typeof h.value=="number"?`${h.value}px`:h.value),L=i.value?c.resolveDynamicComponent(i.value):c.resolveDynamicComponent(Fl),R=()=>c.createVNode("img",c.mergeProps({src:s.value,alt:s.value.split("/")[s.value.split("/").length-1],class:[(y==null?void 0:y.value)==="infinite"&&A.m("spin")],style:{width:E.value||"",transform:`rotate(${y==null?void 0:y.value}deg)`,verticalAlign:"middle"}},u.attrs),null),B=()=>c.createVNode(L,c.mergeProps({name:s.value,color:v.value,size:E.value,class:[(y==null?void 0:y.value)==="infinite"&&A.m("spin")],style:{transform:`rotate(${y==null?void 0:y.value}deg)`}},u.attrs),null),K=()=>{const N=/^icon-/.test(s.value)?s.value:`${g.value}-${s.value}`;return c.createVNode("i",c.mergeProps({class:[g.value,N,(y==null?void 0:y.value)==="infinite"&&A.m("spin")],style:{fontSize:E.value,color:v.value,transform:`rotate(${y==null?void 0:y.value}deg)`}},u.attrs),null)};return{iconDom:()=>i.value?B():Rl(s.value)?R():K()}}var Pl=c.defineComponent({name:"DIcon",props:Ll,emits:["click"],setup(l,u){const{disabled:i,operable:s}=c.toRefs(l),{iconDom:h}=Il(l,u),v=ye("icon"),g=c.computed(()=>({[v.e("container")]:!0,[v.m("disabled")]:i.value,[v.m("operable")]:s.value,[v.m("no-slots")]:!Object.keys(u.slots).length})),y=A=>{i.value||u.emit("click",A)};return()=>{var A,E,L,R;return c.createVNode("div",{class:g.value,onClick:y},[(E=(A=u.slots).prefix)==null?void 0:E.call(A),h(),(R=(L=u.slots).suffix)==null?void 0:R.call(L)])}}}),W1="",$r=c.defineComponent({name:"DMention",components:{DTextarea:Ol,DIcon:Pl},props:Ue,emits:["select","change"],setup(l,{slots:u,emit:i}){const s=ye("mention"),h=c.ref(""),v=c.ref(!1),g=c.ref(0),y=c.ref(),A=c.ref([]),E=c.ref([]),L=c.ref(),R=c.computed(()=>l.loading),B=c.getCurrentInstance(),K=xe.exports.debounce(T=>{l.trigger.includes(T[0])?(v.value=!0,l.position==="top"&&setTimeout(()=>{const U=window.getComputedStyle(L.value,null).height;y.value=-Number(U.replace("px",""))},0),E.value=A.value.filter(U=>String(U[l.dmValueParse.value]).toLocaleLowerCase().includes(T.slice(1).toLocaleLowerCase()))):v.value=!1,i("change",T.slice(1))},300),J=T=>{const{target:U}=T,Z=document.querySelector(".devui-mention");(Z==null?void 0:Z.contains(U))||setTimeout(()=>{v.value=!1},100)},N=()=>{l.trigger.includes(h.value)&&(v.value=!0)},I=(T,U)=>{i("select",T),U.stopPropagation(),U.preventDefault(),v.value=!1,h.value=h.value.substring(0,1)+T[l.dmValueParse.value]},O=T=>{var U,Z,fe;if(v.value&&E.value.length){T.key==="ArrowDown"&&(g.value++,g.value===E.value.length&&(g.value=0)),T.key==="ArrowUp"&&(g.value--,g.value===-1&&(g.value=E.value.length-1));const oe=(U=B==null?void 0:B.proxy)==null?void 0:U.$refs[`devui-suggestions-item-${g.value}`],ge=oe==null?void 0:oe.offsetTop,Te=(Z=L.value)==null?void 0:Z.clientHeight,sn=Math.ceil(Te/oe.clientHeight);(T.key==="ArrowDown"&&g.value>=sn||T.key==="ArrowUp")&&((fe=L.value)==null||fe.scrollTo({top:ge}))}},j=T=>{v.value&&E.value.length&&T.key==="Enter"&&(T.stopPropagation(),T.preventDefault(),v.value=!1,h.value=h.value.substring(0,1)+E.value[g.value][l.dmValueParse.value],i("select",E.value[g.value]))};return c.watch(()=>l.suggestions,T=>{A.value=T,E.value=T},{immediate:!0,deep:!0}),c.onMounted(()=>{window.addEventListener("keydown",O),window.addEventListener("keydown",j),document.addEventListener("click",J)}),c.onUnmounted(()=>{window.removeEventListener("keydown",O),window.removeEventListener("keydown",j),document.removeEventListener("click",J)}),()=>{var T;return c.createVNode("div",{class:s.b()},[c.createVNode(c.resolveComponent("d-textarea"),{modelValue:h.value,"onUpdate:modelValue":U=>h.value=U,onUpdate:K,onFocus:N},null),v.value?R.value?c.createVNode("div",{class:[`${s.e("suggestions")} ${s.e("suggestions-loading")}`]},[c.createTextVNode("\u52A0\u8F7D\u4E2D... ")]):c.createVNode("div",{class:s.e("suggestions"),ref:L,style:{marginTop:l.position==="top"?"0px":"-16px",top:y.value?y.value+"px":"inherit"}},[E.value.length>0?(T=E.value)==null?void 0:T.map((U,Z)=>c.createVNode("div",{ref:`devui-suggestions-item-${Z}`,class:`${s.e("suggestions-item")}
36
36
  ${g.value===Z?`${s.e("suggestions-item-active")}`:""}`,key:U.id,onClick:fe=>I(U,fe)},[u.template?u.template({item:U}):U.value])):c.createVNode("div",null,[l.notFoundContent])]):null])}}}),Nl={title:"Mention \u63D0\u53CA",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(l){l.component($r.name,$r)}};te.Mention=$r,te.default=Nl,te.mentionProps=Ue,Object.defineProperty(te,"__esModule",{value:!0}),te[Symbol.toStringTag]="Module"});
package/message/index.es.js CHANGED
@@ -350,13 +350,13 @@ var Message$1 = defineComponent({
350
350
  (_a = props.onClose) == null ? void 0 : _a.call(props);
351
351
  };
352
352
  const interrupt = () => {
353
- if (timer) {
353
+ if (timer && props.duration) {
354
354
  clearTimeout(timer);
355
355
  timer = null;
356
356
  }
357
357
  };
358
358
  const removeReset = () => {
359
- if (props.visible) {
359
+ if (props.visible && props.duration) {
360
360
  const remainTime = props.duration - (Date.now() - timestamp);
361
361
  timer = setTimeout(close, remainTime);
362
362
  }
package/message/index.umd.js CHANGED
@@ -1 +1 @@
1
- var ie=Object.defineProperty,ue=Object.defineProperties;var de=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var me=Object.prototype.hasOwnProperty,fe=Object.prototype.propertyIsEnumerable;var L=(c,e,f)=>e in c?ie(c,e,{enumerable:!0,configurable:!0,writable:!0,value:f}):c[e]=f,p=(c,e)=>{for(var f in e||(e={}))me.call(e,f)&&L(c,f,e[f]);if(B)for(var f of B(e))fe.call(e,f)&&L(c,f,e[f]);return c},b=(c,e)=>ue(c,de(e));(function(c,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis!="undefined"?globalThis:c||self,e(c.index={},c.Vue))})(this,function(c,e){"use strict";const f=n=>typeof n=="string",k={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},O={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function C(n,t,s){let o=n;return t&&(o+=`__${t}`),s&&(o+=`--${s}`),o}function y(n,t=!1){const s=t?`.devui-${n}`:`devui-${n}`;return{b:()=>C(s),e:l=>l?C(s,l):"",m:l=>l?C(s,"",l):"",em:(l,d)=>l&&d?C(s,l,d):""}}var ge="",_=e.defineComponent({name:"DSvgIcon",props:O,setup(n){const{name:t,color:s,size:o}=e.toRefs(n),r=y("svg-icon"),a=e.computed(()=>`#icon-${t.value}`),g=e.computed(()=>typeof o.value=="number"?`${o.value}px`:o.value),l={width:g.value,height:g.value};return()=>e.createVNode("svg",{class:r.b(),style:l},[e.createVNode("use",{"xlink:href":a.value,fill:s.value},null)])}});function j(n){return/^((http|https):)?\/\//.test(n)}function A(n,t){const{component:s,name:o,size:r,color:a,classPrefix:g,rotate:l}=e.toRefs(n),d=y("icon"),i=e.computed(()=>typeof r.value=="number"?`${r.value}px`:r.value),m=s.value?e.resolveDynamicComponent(s.value):e.resolveDynamicComponent(_),v=()=>e.createVNode("img",e.mergeProps({src:o.value,alt:o.value.split("/")[o.value.split("/").length-1],class:[(l==null?void 0:l.value)==="infinite"&&d.m("spin")],style:{width:i.value||"",transform:`rotate(${l==null?void 0:l.value}deg)`,verticalAlign:"middle"}},t.attrs),null),z=()=>e.createVNode(m,e.mergeProps({name:o.value,color:a.value,size:i.value,class:[(l==null?void 0:l.value)==="infinite"&&d.m("spin")],style:{transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null),N=()=>{const S=/^icon-/.test(o.value)?o.value:`${g.value}-${o.value}`;return e.createVNode("i",e.mergeProps({class:[g.value,S,(l==null?void 0:l.value)==="infinite"&&d.m("spin")],style:{fontSize:i.value,color:a.value,transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null)};return{iconDom:()=>s.value?z():j(o.value)?v():N()}}var R=e.defineComponent({name:"DIcon",props:k,emits:["click"],setup(n,t){const{disabled:s,operable:o}=e.toRefs(n),{iconDom:r}=A(n,t),a=y("icon"),g=e.computed(()=>({[a.e("container")]:!0,[a.m("disabled")]:s.value,[a.m("operable")]:o.value,[a.m("no-slots")]:!Object.keys(t.slots).length})),l=d=>{s.value||t.emit("click",d)};return()=>{var d,i,m,v;return e.createVNode("div",{class:g.value,onClick:l},[(i=(d=t.slots).prefix)==null?void 0:i.call(d),r(),(v=(m=t.slots).suffix)==null?void 0:v.call(m)])}}}),ye="";e.defineComponent({name:"DIconGroup",setup(n,t){const s=y("icon-group");return()=>{var o,r;return e.createVNode("div",{class:s.b()},[(r=(o=t.slots).default)==null?void 0:r.call(o)])}}});var E=e.defineComponent({emits:["click"],setup(n,{emit:t}){const s=y("message");return()=>e.createVNode("div",{class:s.e("icon-close"),onClick:o=>t("click",o)},[e.createVNode(R,{name:"close",size:"14px"},null)])}});const x={id:{type:String,default:""},visible:{type:Boolean,default:!1},message:{type:String,default:""},type:{type:String,default:"normal"},bordered:{type:Boolean,default:!0},shadow:{type:Boolean,default:!0},duration:{type:Number,default:3e3},showClose:{type:Boolean,default:!1},onClose:{type:Function}},V=y("message");function F(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:V.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"},null)])}function U(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:V.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z"},null)])}function q(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:V.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"},null)])}function G(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:V.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"},null)])}var ve="",X=e.defineComponent({name:"DMessage",props:x,emits:["destroy","close"],setup(n,{emit:t,slots:s}){const{visible:o,message:r,type:a,bordered:g,shadow:l,showClose:d}=e.toRefs(n),i=y("message");let m=null,v;const z=()=>{t("destroy")},N=()=>{var u;m&&clearTimeout(m),m=null,(u=n.onClose)==null||u.call(n)},P=()=>{m&&(clearTimeout(m),m=null)},S=()=>{if(n.visible){const u=n.duration-(Date.now()-v);m=setTimeout(N,u)}};e.watch(()=>n.visible,u=>{u&&(v=Date.now(),n.duration&&(m=setTimeout(N,n.duration)))});const oe=e.computed(()=>({[i.b()]:!0,[i.m(a.value)]:!0})),se=e.computed(()=>H(n.id)),le=e.computed(()=>{const u={};return g.value||(u.border="none"),l.value||(u["box-shadow"]="none"),b(p({},u),{top:`${se.value}px`})}),ae=e.computed(()=>{const u=e.computed(()=>({[i.e("image")]:!0,[i.em("image",a.value)]:!0}));return!(!a.value||a.value==="normal")&&e.createVNode("span",{class:u.value},[a.value&&(a.value==="success"&&e.createVNode(F,null,null)||a.value==="info"&&e.createVNode(q,null,null)||a.value==="warning"&&e.createVNode(U,null,null)||a.value==="error"&&e.createVNode(G,null,null))])}),ce=e.computed(()=>{var T;const u=e.computed(()=>({[i.e("content")]:!0,[i.em("content",a.value)]:!0}));return e.createVNode("span",{class:u.value},[r.value?r.value:(T=s.default)==null?void 0:T.call(s)])}),re=e.computed(()=>d.value&&e.createVNode("span",{class:[i.e("close")],onClick:N},[e.createVNode(E,null,null)]));return()=>e.createVNode(e.Transition,{name:"message-fade",onAfterLeave:z},{default:()=>[o.value&&e.createVNode("div",{class:oe.value,style:p({},le.value),onMouseenter:P,onMouseleave:S},[ae.value,ce.value,re.value])]})}});function W(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const I=e.shallowReactive([]),H=n=>I.findIndex(s=>s.id===n)*65+80,J=n=>{const t=I.findIndex(s=>s.id===n);return t!==-1&&I.splice(t,1),t},K=(n,t,s)=>{const o=document.createElement("div");o.id=n;const r=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(X,e.mergeProps(t,{id:n,onDestroy:r.unmount}),W(s)?s:{default:()=>[s]})}});return document.body.appendChild(o),r.mount(o),{id:n,props:t}},D={duration:3e3,type:"normal"},h=n=>{const t=!n||f(n)?{message:n}:n;return p(p({},D),t)};let $=0;function w(n){const t=n.onClose||null,s=n.message;delete n.message;const o=e.reactive(b(p(p({},D),n),{onClose:()=>{o.visible=!1,J(o.id),t==null||t()}}));$++;const r=`message_${$}`;o.id=r;const a=K(r,o,s);I.push(a),o.visible=!0}function Q(n){const t=h(n);w(p({},t))}function Y(n){const t=h(n);w(b(p({},t),{type:"success"}))}function Z(n){const t=h(n);w(b(p({},t),{type:"error"}))}function ee(n){const t=h(n);w(b(p({},t),{type:"warning"}))}function ne(n){const t=h(n);w(b(p({},t),{type:"info"}))}const M=Object.assign(Q,{success:Y,error:Z,warning:ee,info:ne});var te={title:"Message \u5168\u5C40\u63D0\u793A",category:"\u53CD\u9988",status:"100%",install(n){n.config.globalProperties.$message=M}};c.Message=M,c.default=te,c.messageProps=x,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"});
1
+ var ie=Object.defineProperty,ue=Object.defineProperties;var de=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var me=Object.prototype.hasOwnProperty,fe=Object.prototype.propertyIsEnumerable;var L=(c,e,f)=>e in c?ie(c,e,{enumerable:!0,configurable:!0,writable:!0,value:f}):c[e]=f,p=(c,e)=>{for(var f in e||(e={}))me.call(e,f)&&L(c,f,e[f]);if(B)for(var f of B(e))fe.call(e,f)&&L(c,f,e[f]);return c},b=(c,e)=>ue(c,de(e));(function(c,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis!="undefined"?globalThis:c||self,e(c.index={},c.Vue))})(this,function(c,e){"use strict";const f=n=>typeof n=="string",k={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},O={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function C(n,t,s){let o=n;return t&&(o+=`__${t}`),s&&(o+=`--${s}`),o}function y(n,t=!1){const s=t?`.devui-${n}`:`devui-${n}`;return{b:()=>C(s),e:l=>l?C(s,l):"",m:l=>l?C(s,"",l):"",em:(l,d)=>l&&d?C(s,l,d):""}}var ge="",_=e.defineComponent({name:"DSvgIcon",props:O,setup(n){const{name:t,color:s,size:o}=e.toRefs(n),r=y("svg-icon"),a=e.computed(()=>`#icon-${t.value}`),g=e.computed(()=>typeof o.value=="number"?`${o.value}px`:o.value),l={width:g.value,height:g.value};return()=>e.createVNode("svg",{class:r.b(),style:l},[e.createVNode("use",{"xlink:href":a.value,fill:s.value},null)])}});function j(n){return/^((http|https):)?\/\//.test(n)}function A(n,t){const{component:s,name:o,size:r,color:a,classPrefix:g,rotate:l}=e.toRefs(n),d=y("icon"),i=e.computed(()=>typeof r.value=="number"?`${r.value}px`:r.value),m=s.value?e.resolveDynamicComponent(s.value):e.resolveDynamicComponent(_),v=()=>e.createVNode("img",e.mergeProps({src:o.value,alt:o.value.split("/")[o.value.split("/").length-1],class:[(l==null?void 0:l.value)==="infinite"&&d.m("spin")],style:{width:i.value||"",transform:`rotate(${l==null?void 0:l.value}deg)`,verticalAlign:"middle"}},t.attrs),null),z=()=>e.createVNode(m,e.mergeProps({name:o.value,color:a.value,size:i.value,class:[(l==null?void 0:l.value)==="infinite"&&d.m("spin")],style:{transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null),N=()=>{const S=/^icon-/.test(o.value)?o.value:`${g.value}-${o.value}`;return e.createVNode("i",e.mergeProps({class:[g.value,S,(l==null?void 0:l.value)==="infinite"&&d.m("spin")],style:{fontSize:i.value,color:a.value,transform:`rotate(${l==null?void 0:l.value}deg)`}},t.attrs),null)};return{iconDom:()=>s.value?z():j(o.value)?v():N()}}var R=e.defineComponent({name:"DIcon",props:k,emits:["click"],setup(n,t){const{disabled:s,operable:o}=e.toRefs(n),{iconDom:r}=A(n,t),a=y("icon"),g=e.computed(()=>({[a.e("container")]:!0,[a.m("disabled")]:s.value,[a.m("operable")]:o.value,[a.m("no-slots")]:!Object.keys(t.slots).length})),l=d=>{s.value||t.emit("click",d)};return()=>{var d,i,m,v;return e.createVNode("div",{class:g.value,onClick:l},[(i=(d=t.slots).prefix)==null?void 0:i.call(d),r(),(v=(m=t.slots).suffix)==null?void 0:v.call(m)])}}}),ye="";e.defineComponent({name:"DIconGroup",setup(n,t){const s=y("icon-group");return()=>{var o,r;return e.createVNode("div",{class:s.b()},[(r=(o=t.slots).default)==null?void 0:r.call(o)])}}});var E=e.defineComponent({emits:["click"],setup(n,{emit:t}){const s=y("message");return()=>e.createVNode("div",{class:s.e("icon-close"),onClick:o=>t("click",o)},[e.createVNode(R,{name:"close",size:"14px"},null)])}});const x={id:{type:String,default:""},visible:{type:Boolean,default:!1},message:{type:String,default:""},type:{type:String,default:"normal"},bordered:{type:Boolean,default:!0},shadow:{type:Boolean,default:!0},duration:{type:Number,default:3e3},showClose:{type:Boolean,default:!1},onClose:{type:Function}},V=y("message");function F(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:V.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"},null)])}function U(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:V.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z"},null)])}function q(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:V.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"},null)])}function G(){return e.createVNode("svg",{viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",class:V.e("icon")},[e.createVNode("path",{fill:"currentColor",d:"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"},null)])}var ve="",X=e.defineComponent({name:"DMessage",props:x,emits:["destroy","close"],setup(n,{emit:t,slots:s}){const{visible:o,message:r,type:a,bordered:g,shadow:l,showClose:d}=e.toRefs(n),i=y("message");let m=null,v;const z=()=>{t("destroy")},N=()=>{var u;m&&clearTimeout(m),m=null,(u=n.onClose)==null||u.call(n)},P=()=>{m&&n.duration&&(clearTimeout(m),m=null)},S=()=>{if(n.visible&&n.duration){const u=n.duration-(Date.now()-v);m=setTimeout(N,u)}};e.watch(()=>n.visible,u=>{u&&(v=Date.now(),n.duration&&(m=setTimeout(N,n.duration)))});const oe=e.computed(()=>({[i.b()]:!0,[i.m(a.value)]:!0})),se=e.computed(()=>H(n.id)),le=e.computed(()=>{const u={};return g.value||(u.border="none"),l.value||(u["box-shadow"]="none"),b(p({},u),{top:`${se.value}px`})}),ae=e.computed(()=>{const u=e.computed(()=>({[i.e("image")]:!0,[i.em("image",a.value)]:!0}));return!(!a.value||a.value==="normal")&&e.createVNode("span",{class:u.value},[a.value&&(a.value==="success"&&e.createVNode(F,null,null)||a.value==="info"&&e.createVNode(q,null,null)||a.value==="warning"&&e.createVNode(U,null,null)||a.value==="error"&&e.createVNode(G,null,null))])}),ce=e.computed(()=>{var T;const u=e.computed(()=>({[i.e("content")]:!0,[i.em("content",a.value)]:!0}));return e.createVNode("span",{class:u.value},[r.value?r.value:(T=s.default)==null?void 0:T.call(s)])}),re=e.computed(()=>d.value&&e.createVNode("span",{class:[i.e("close")],onClick:N},[e.createVNode(E,null,null)]));return()=>e.createVNode(e.Transition,{name:"message-fade",onAfterLeave:z},{default:()=>[o.value&&e.createVNode("div",{class:oe.value,style:p({},le.value),onMouseenter:P,onMouseleave:S},[ae.value,ce.value,re.value])]})}});function W(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const I=e.shallowReactive([]),H=n=>I.findIndex(s=>s.id===n)*65+80,J=n=>{const t=I.findIndex(s=>s.id===n);return t!==-1&&I.splice(t,1),t},K=(n,t,s)=>{const o=document.createElement("div");o.id=n;const r=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(o)}),()=>e.createVNode(X,e.mergeProps(t,{id:n,onDestroy:r.unmount}),W(s)?s:{default:()=>[s]})}});return document.body.appendChild(o),r.mount(o),{id:n,props:t}},D={duration:3e3,type:"normal"},h=n=>{const t=!n||f(n)?{message:n}:n;return p(p({},D),t)};let $=0;function w(n){const t=n.onClose||null,s=n.message;delete n.message;const o=e.reactive(b(p(p({},D),n),{onClose:()=>{o.visible=!1,J(o.id),t==null||t()}}));$++;const r=`message_${$}`;o.id=r;const a=K(r,o,s);I.push(a),o.visible=!0}function Q(n){const t=h(n);w(p({},t))}function Y(n){const t=h(n);w(b(p({},t),{type:"success"}))}function Z(n){const t=h(n);w(b(p({},t),{type:"error"}))}function ee(n){const t=h(n);w(b(p({},t),{type:"warning"}))}function ne(n){const t=h(n);w(b(p({},t),{type:"info"}))}const M=Object.assign(Q,{success:Y,error:Z,warning:ee,info:ne});var te={title:"Message \u5168\u5C40\u63D0\u793A",category:"\u53CD\u9988",status:"100%",install(n){n.config.globalProperties.$message=M}};c.Message=M,c.default=te,c.messageProps=x,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"});
package/message/style.css CHANGED
@@ -1 +1 @@
1
- .devui-icon__container{display:inline-block;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--no-slots i,.devui-icon--no-slots img{display:block}.devui-icon--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #adb0b8)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;line-height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 2px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-icon-group{display:inline-flex;align-items:center}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){padding:8px;margin-left:0}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>*:not(:first-child){margin-left:0}.devui-message{position:fixed;z-index:var(--devui-z-index-modal, 1079);padding:10px 15px;border-radius:var(--devui-border-radius-feedback, 4px);left:50%;transform:translate(-50%);top:80px;display:flex;align-items:center;border-width:1px;border-style:solid;border-color:var(--devui-line, #d7d8da);box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;background-color:var(--devui-base-bg, #ffffff);transition:top .5s ease}.devui-message--success{background-color:var(--devui-success-bg, #edfff9);border-color:var(--devui-success-line, #50d4ab)}.devui-message--info{background-color:var(--devui-info-bg, #f2f5fc);border-color:var(--devui-info-line, #5e7ce0)}.devui-message--warning{background-color:var(--devui-warning-bg, #fff3e8);border-color:var(--devui-warning-line, #fa9841)}.devui-message--error{background-color:var(--devui-danger-bg, #ffeeed);border-color:var(--devui-danger-line, #f66f6a)}.devui-message__close{margin-left:auto;padding-left:10px;margin-top:-2px}.devui-message__image{margin-top:1px;display:inline-block;width:var(--devui-font-size-icon, 16px);min-width:var(--devui-font-size-icon, 16px);min-height:var(--devui-font-size-icon, 16px);height:var(--devui-font-size-icon, 16px);padding:0;line-height:1;margin-right:10px}.devui-message__image--success{color:var(--devui-success, #50d4ab)}.devui-message__image--info{color:var(--devui-info, #5e7ce0)}.devui-message__image--warning{color:var(--devui-warning, #fac20a)}.devui-message__image--error{color:var(--devui-danger, #f66f6a)}.devui-message__content{font-size:var(--devui-font-size-page-title, 16px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.devui-message__content--success{color:var(--devui-success, #50d4ab)}.devui-message__content--info{color:var(--devui-info, #5e7ce0)}.devui-message__content--warning{color:var(--devui-warning, #fac20a)}.devui-message__content--error{color:var(--devui-danger, #f66f6a)}.message-fade-enter-active,.message-fade-leave-active{transform:translate(-50%);transition:all .5s ease}.message-fade-enter-from,.message-fade-leave-to{opacity:0;transform:translate(-50%,-200%)}
1
+ .devui-icon__container{display:inline-block;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--no-slots i,.devui-icon--no-slots img{display:block}.devui-icon--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #adb0b8)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;line-height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 2px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-icon-group{display:inline-flex;align-items:center}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){padding:8px;margin-left:0}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>*:not(:first-child){margin-left:0}.devui-message{position:fixed;z-index:var(--devui-z-index-modal, 1079);padding:10px 15px;border-radius:var(--devui-border-radius-feedback, 4px);left:50%;transform:translate(-50%);top:80px;display:flex;align-items:center;border-width:1px;border-style:solid;border-color:var(--devui-line, #d7d8da);box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;background-color:var(--devui-base-bg, #ffffff);transition:top .5s ease}.devui-message--success{background-color:var(--devui-success-bg, #edfff9);border-color:var(--devui-success-line, #50d4ab)}.devui-message--info{background-color:var(--devui-info-bg, #f2f5fc);border-color:var(--devui-info-line, #5e7ce0)}.devui-message--warning{background-color:var(--devui-warning-bg, #fff3e8);border-color:var(--devui-warning-line, #fa9841)}.devui-message--error{background-color:var(--devui-danger-bg, #ffeeed);border-color:var(--devui-danger-line, #f66f6a)}.devui-message__close{margin-left:auto;padding-left:10px;line-height:0;cursor:pointer}.devui-message__image{margin-top:1px;display:inline-block;width:var(--devui-font-size-icon, 16px);min-width:var(--devui-font-size-icon, 16px);min-height:var(--devui-font-size-icon, 16px);height:var(--devui-font-size-icon, 16px);padding:0;line-height:1;margin-right:10px}.devui-message__image--success{color:var(--devui-success, #50d4ab)}.devui-message__image--info{color:var(--devui-info, #5e7ce0)}.devui-message__image--warning{color:var(--devui-warning, #fac20a)}.devui-message__image--error{color:var(--devui-danger, #f66f6a)}.devui-message__content{font-size:var(--devui-font-size-page-title, 16px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.devui-message__content--success{color:var(--devui-success, #50d4ab)}.devui-message__content--info{color:var(--devui-info, #5e7ce0)}.devui-message__content--warning{color:var(--devui-warning, #fac20a)}.devui-message__content--error{color:var(--devui-danger, #f66f6a)}.message-fade-enter-active,.message-fade-leave-active{transform:translate(-50%);transition:all .5s ease}.message-fade-enter-from,.message-fade-leave-to{opacity:0;transform:translate(-50%,-200%)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue-devui",
3
- "version": "1.3.1",
3
+ "version": "1.3.3-alpha.2",
4
4
  "license": "MIT",
5
5
  "description": "DevUI components based on Vite and Vue3",
6
6
  "keywords": [
package/pagination/index.es.js CHANGED
@@ -8328,7 +8328,8 @@ function useCheckbox(props, ctx2) {
8328
8328
  ctx2.emit("update:modelValue", current);
8329
8329
  ctx2.emit("change", current);
8330
8330
  };
8331
- const handleClick = () => {
8331
+ const handleClick = ($event) => {
8332
+ $event.stopPropagation();
8332
8333
  canChange(!isChecked.value, props.label).then((res) => res && toggle());
8333
8334
  };
8334
8335
  const size = computed(() => (formContext == null ? void 0 : formContext.size) || (checkboxGroupConf == null ? void 0 : checkboxGroupConf.size.value) || props.size);
@@ -10551,7 +10552,12 @@ var PageSize = defineComponent({
10551
10552
  prefix: () => createVNode("span", null, [currentPageSize.value])
10552
10553
  })]),
10553
10554
  menu: () => createVNode("ul", null, [pageSizeOptions.value.map((item, index2) => createVNode("li", {
10554
- "onClick": withModifiers(pageSizeChange, ["stop"]),
10555
+ "class": {
10556
+ active: item === currentPageSize.value
10557
+ },
10558
+ "onClick": withModifiers(pageSizeChange.bind(null, {
10559
+ value: item
10560
+ }), ["stop"]),
10555
10561
  "key": index2
10556
10562
  }, [item]))])
10557
10563
  }), createVNode("span", {