vue-devui 1.5.12 → 1.5.13-hotfix.1

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 (92) hide show
  1. package/auto-complete/index.es.js +139 -61
  2. package/auto-complete/index.umd.js +16 -16
  3. package/auto-complete/style.css +1 -1
  4. package/checkbox/index.es.js +115 -61
  5. package/checkbox/index.umd.js +15 -15
  6. package/checkbox/style.css +1 -1
  7. package/code-editor/index.es.js +5 -2
  8. package/code-editor/index.umd.js +6 -6
  9. package/code-review/index.es.js +12 -1
  10. package/code-review/index.umd.js +18 -18
  11. package/code-review/style.css +1 -1
  12. package/date-picker-pro/index.es.js +213 -109
  13. package/date-picker-pro/index.umd.js +19 -19
  14. package/date-picker-pro/style.css +1 -1
  15. package/editor-md/index.es.js +1 -1
  16. package/editor-md/index.umd.js +1 -1
  17. package/form/index.es.js +142 -64
  18. package/form/index.umd.js +14 -14
  19. package/form/style.css +1 -1
  20. package/image-preview/index.es.js +2 -6
  21. package/image-preview/index.umd.js +2 -2
  22. package/image-preview/style.css +1 -1
  23. package/input/index.es.js +207 -79
  24. package/input/index.umd.js +18 -18
  25. package/input/style.css +1 -1
  26. package/input-number/index.es.js +123 -46
  27. package/input-number/index.umd.js +20 -20
  28. package/input-number/style.css +1 -1
  29. package/mention/index.es.js +138 -60
  30. package/mention/index.umd.js +16 -16
  31. package/mention/style.css +1 -1
  32. package/nuxt/components/STYLE_TOKEN.js +3 -0
  33. package/nuxt/components/formControlProps.js +3 -0
  34. package/package.json +1 -1
  35. package/pagination/index.es.js +155 -89
  36. package/pagination/index.umd.js +13 -13
  37. package/pagination/style.css +1 -1
  38. package/progress/index.es.js +6 -6
  39. package/progress/index.umd.js +1 -1
  40. package/radio/index.es.js +115 -61
  41. package/radio/index.umd.js +16 -16
  42. package/radio/style.css +1 -1
  43. package/search/index.es.js +211 -83
  44. package/search/index.umd.js +19 -19
  45. package/search/style.css +1 -1
  46. package/select/index.es.js +148 -82
  47. package/select/index.umd.js +11 -11
  48. package/select/style.css +1 -1
  49. package/skeleton/index.es.js +1 -0
  50. package/skeleton/index.umd.js +2 -2
  51. package/steps/index.es.js +35 -11
  52. package/steps/index.umd.js +1 -1
  53. package/style.css +1 -1
  54. package/switch/index.es.js +115 -61
  55. package/switch/index.umd.js +14 -14
  56. package/switch/style.css +1 -1
  57. package/table/index.es.js +88 -34
  58. package/table/index.umd.js +15 -15
  59. package/table/style.css +1 -1
  60. package/textarea/index.es.js +141 -63
  61. package/textarea/index.umd.js +17 -17
  62. package/textarea/style.css +1 -1
  63. package/time-picker/index.es.js +159 -55
  64. package/time-picker/index.umd.js +11 -11
  65. package/time-picker/style.css +1 -1
  66. package/time-select/index.es.js +148 -82
  67. package/time-select/index.umd.js +17 -17
  68. package/time-select/style.css +1 -1
  69. package/tree/index.es.js +86 -32
  70. package/tree/index.umd.js +11 -11
  71. package/tree/style.css +1 -1
  72. package/types/auto-focus/index.d.ts +9 -0
  73. package/types/auto-focus/src/auto-focus-directive.d.ts +4 -0
  74. package/types/code-review/src/code-review-types.d.ts +6 -0
  75. package/types/code-review/src/code-review.d.ts +9 -0
  76. package/types/form/index.d.ts +1 -0
  77. package/types/form/src/components/form-control/use-form-control.d.ts +11 -2
  78. package/types/form/src/components/form-item/form-item-types.d.ts +10 -2
  79. package/types/form/src/components/form-item/form-item.d.ts +3 -3
  80. package/types/form/src/components/form-label/form-label.d.ts +1 -13
  81. package/types/form/src/components/form-label/use-form-label.d.ts +14 -2
  82. package/types/form/src/form-types.d.ts +11 -0
  83. package/types/form/src/form.d.ts +18 -0
  84. package/types/input/src/composables/use-input-event.d.ts +12 -2
  85. package/types/input/src/input-types.d.ts +8 -0
  86. package/types/input/src/input.d.ts +18 -0
  87. package/types/input-icon/src/input-icon.d.ts +18 -0
  88. package/types/list/index.d.ts +0 -1
  89. package/types/select/src/composables/use-select-menu-size.d.ts +5 -0
  90. package/types/vue-devui.d.ts +2 -1
  91. package/vue-devui.es.js +202 -70
  92. package/vue-devui.umd.js +78 -78
package/pagination/style.css CHANGED
@@ -1 +1 @@
1
- .devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;color:var(--devui-text, #252b3a)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label--required-hide:before{display:none}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 12px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox__tick-wrap{position:absolute}.devui-checkbox .devui-checkbox__tick-wrap .devui-checkbox__tick{fill:var(--devui-light-text, #ffffff);stroke-dashoffset:50;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.devui-checkbox.active:not(.half-checked) .devui-checkbox__tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset .3s cubic-bezier(.755,.05,.855,.06),opacity .2s cubic-bezier(.755,.05,.855,.06)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material:not(.custom-color),.devui-checkbox.half-checked:not(.disabled) .devui-checkbox__material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active .devui-checkbox--bordered,.devui-checkbox.half-checked .devui-checkbox--bordered{border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color){background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color):hover{border-color:var(--devui-icon-fill-active, #252b3a)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color)>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.half-checked .devui-checkbox__material.custom-color>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox__material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat 50%/0;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox__material.devui-checkbox__default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox__material.devui-checkbox--no-label{margin-right:0}.devui-checkbox .devui-checkbox__material>.devui-checkbox__halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #252b3a)}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:400;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:flex;align-items:center}.devui-checkbox label.devui-checkbox--lg{display:flex;align-items:center;font-size:var(--devui-font-size-lg, 14px)}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material>svg{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg.devui-checkbox--bordered{height:40px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--md{display:flex;align-items:center;font-size:var(--devui-font-size-md, 12px)}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material>svg{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md.devui-checkbox--bordered{height:32px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--sm{display:flex;align-items:center;font-size:var(--devui-font-size-sm, 12px)}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm.devui-checkbox--bordered{height:24px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--bordered{border:1px solid var(--devui-disabled-line, #dfe1e6);border-radius:var(--devui-border-radius, 2px)}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox label>span.devui-checkbox__material{flex-shrink:0}.devui-checkbox label>span.devui-checkbox__label-text{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-checkbox.disabled .devui-checkbox__material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox__material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material{background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material .devui-checkbox__halfchecked-bg{transform:scale(.4288);background-color:var(--devui-disabled-text, #cfd0d3);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-checkbox--no-animation{transition:none!important}.devui-checkbox__column-margin{height:28px;line-height:28px}.devui-checkbox__wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-checkbox__group{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.devui-checkbox__group>*{margin-top:8px}.devui-checkbox__group.is-row{flex-direction:row}.devui-checkbox__group.is-row div:not(:last-child){margin-right:20px}.devui-checkbox__group.is-column{flex-direction:column}.devui-checkbox-button{display:flex;align-items:center;position:relative}.devui-checkbox-button__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox-button__content{font-size:14px;color:var(--devui-text, #252b3a);padding:10px 20px;cursor:pointer;border:1px solid var(--devui-disabled-line, #dfe1e6);display:inline-block;line-height:1;user-select:none}.devui-checkbox-button__content.devui-checkbox-button--lg{font-size:var(--devui-font-size-lg, 14px);padding:var(--devui-btn-lg-padding, 0 24px);height:40px;line-height:40px}.devui-checkbox-button__content.devui-checkbox-button--md{font-size:var(--devui-font-size-md, 12px);padding:var(--devui-btn-padding, 0 20px);height:32px;line-height:32px}.devui-checkbox-button__content.devui-checkbox-button--sm{font-size:var(--devui-font-size-sm, 12px);padding:var(--devui-btn-sm-padding, 0 16px);height:24px;line-height:24px}.devui-checkbox-button.active .devui-checkbox-button__content{color:#fff;background-color:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox-button.active.disabled .devui-checkbox-button__content{color:#fff;background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox-button.disabled .devui-checkbox-button__content{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3);background-color:#fff;border-color:var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button__content{border-left:none;box-shadow:-1px 0 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-bottom-left-radius:var(--devui-border-radius, 2px);border-left:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-row .devui-checkbox-button:last-child .devui-checkbox-button__content{border-top-right-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}.devui-checkbox__group.is-column .devui-checkbox-button{width:100%;margin-top:0}.devui-checkbox__group.is-column .devui-checkbox-button__content{width:100%;border-top:none;box-shadow:0 -1px 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-column .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-top-right-radius:var(--devui-border-radius, 2px);border-top:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-column .devui-checkbox-button:last-child .devui-checkbox-button__content{border-bottom-left-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}.devui-tag{display:inline-block}.devui-tag .devui-tag__item{display:block;position:relative;padding:0 8px;height:20px;border:1px solid;border-radius:var(--devui-border-radius, 2px);font-size:var(--devui-font-size, 12px);line-height:20px;cursor:default}.devui-tag .devui-tag__item.devui-tag--default{border:0;color:var(--devui-text, #252b3a);background-color:var(--devui-default-bg, #f7f8fa)}.devui-tag .devui-tag__item.devui-tag--primary{color:var(--devui-primary, #5e7ce0);background-color:var(--devui-primary-bg, #f2f5fc)}.devui-tag .devui-tag__item.devui-tag--success{color:var(--devui-success, #50d4ab);background-color:var(--devui-success-bg, #cffcee)}.devui-tag .devui-tag__item.devui-tag--warning{color:var(--devui-warning, #fac20a);background-color:var(--devui-warning-bg, #ffe1c7)}.devui-tag .devui-tag__item.devui-tag--danger{color:var(--devui-danger, #f66f6a);background-color:var(--devui-danger-bg, #ffd5d4)}.devui-tag .devui-tag__item.devui-tag--colorful{background-color:#fff}.devui-tag .devui-tag__item.devui-tag--deletable{padding-right:32px}.devui-tag .devui-tag__item.devui-tag--lg{font-size:var(--devui-font-size-lg, 14px);height:32px;line-height:30px}.devui-tag .devui-tag__item.devui-tag--md{font-size:var(--devui-font-size-lg, 14px);height:28px;line-height:26px}.devui-tag .devui-tag__item.devui-tag--sm{font-size:var(--devui-font-size-sm, 12px);height:24px;line-height:22px}.devui-tag .remove-button{display:inline-block;margin-left:12px;font-size:var(--devui-font-size-icon, 16px);cursor:pointer;width:12px;height:12px;line-height:12px;border-radius:50%;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}.devui-tag .remove-button i{vertical-align:0}.devui-select{position:relative;width:100%;font-size:var(--devui-font-size, 12px)}.devui-select__selection:hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-select--open .devui-select__selection:not(.devui-select__selection--error),.devui-select--focus .devui-select__selection:not(.devui-select__selection--error){border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select--open .devui-select__selection:not(.devui-select__selection--error):hover,.devui-select--focus .devui-select__selection:not(.devui-select__selection--error):hover{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select .devui-tag{margin:4px 0 4px 4px}.devui-select .devui-tag .devui-tag__item.devui-tag--md{height:18px;line-height:16px}.devui-select .devui-tag .devui-tag__item.devui-tag--default{background-color:var(--devui-label-bg, #e9edfa)}.devui-select--sm{font-size:var(--devui-font-size-sm, 12px)}.devui-select--sm .devui-tag{margin:2px 0 2px 4px}.devui-select--sm .devui-tag .devui-tag__item.devui-tag--sm{height:18px;line-height:16px}.devui-select--lg{font-size:var(--devui-font-size-lg, 14px)}.devui-select--underlined{border-bottom:1px solid var(--devui-form-control-line, #d7d8da);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-select--underlined:not([disabled]):not(.disabled):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-select--underlined:not([disabled]):not(.disabled).devui-select--open{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select--underlined .devui-select__input,.devui-select--underlined .devui-select__selection{border:none}.devui-select--disabled,.devui-select--disabled .devui-select__input,.devui-select--disabled .devui-select__selection{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #cfd0d3)}.devui-select--disabled .devui-select__arrow,.devui-select--disabled .devui-select__clear{cursor:not-allowed}.devui-select--disabled .devui-select__arrow svg path,.devui-select--disabled .devui-select__clear svg path{fill:var(--devui-disabled-text, #cfd0d3)}.devui-select--open .devui-select__arrow{transform:rotate(180deg)}.devui-dropdown-menu-multiple .devui-select__item.active{color:var(--devui-list-item-active-text, #252b3a);background-color:transparent}.devui-select__selection{display:flex;align-items:center;position:relative;cursor:pointer;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);color:var(--devui-text, #252b3a)}.devui-select__selection--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffd5d4)}.devui-select__selection--error:hover{border-color:var(--devui-danger-line, #f66f6a)}.devui-select__multiple{display:flex;align-items:center;flex-wrap:wrap;padding-right:28px;cursor:pointer}.devui-select__multiple .devui-select__multiple--input{display:flex;max-width:100%;min-width:15px}.devui-select__input{cursor:pointer;width:100%;height:30px;padding:4px 28px 4px 10px;color:var(--devui-text, #252b3a);vertical-align:middle;outline:none;background:none;box-sizing:border-box;border:none;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-select__input:not([disabled]):not(.disabled):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-select__input:not([disabled]):not(.disabled):focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select__input[disabled]:hover,.devui-select__input.disabled:hover{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #cfd0d3)}.devui-select__input.devui-select__input--lg{height:38px}.devui-select__input.devui-select__input--sm{height:22px}.devui-select__clearable:hover .devui-select__clear{display:inline-flex}.devui-select__clearable:hover .devui-select__arrow{display:none}.devui-select__clear,.devui-select__arrow{position:absolute;right:0;height:100%;width:28px;display:inline-flex;justify-content:center;align-items:center}.devui-select__clear{display:none}.devui-select__clear svg path{fill:var(--devui-text-weak, #575d6c)}.devui-select__clear--feedback{right:28px}.devui-select__arrow{transform:rotate(0);transition:transform .25s ease-out}.devui-select__arrow svg path{fill:var(--devui-icon-text, #71757f)}.devui-select__arrow--feedback{right:28px}.devui-select__dropdown{overflow:auto}.devui-select__dropdown-list{max-height:300px;width:100%;overflow-y:auto;padding:0;margin:0}.devui-select__item{font-size:var(--devui-font-size, 12px);display:block;min-height:36px;line-height:1.5;width:100%;padding:8px 12px;clear:both;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:0;color:var(--devui-text, #252b3a);box-sizing:border-box;cursor:pointer}.devui-select__item:hover:not(.active):not(.disabled){color:var(--devui-list-item-hover-text, #252b3a);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-select__item.active{color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)}.devui-select__item.disabled{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);color:var(--devui-disabled-text, #cfd0d3)}.devui-select--sm .devui-select__item{font-size:var(--devui-font-size-sm, 12px)}.devui-select--sm .devui-select__item .devui-checkbox .devui-checkbox__material{width:var(--devui-font-size-sm, 12px);height:var(--devui-font-size-sm, 12px)}.devui-select--sm .devui-select__item .devui-checkbox .devui-checkbox__material>svg{width:var(--devui-font-size-sm, 12px);height:var(--devui-font-size-sm, 12px)}.devui-select--lg .devui-select__item{font-size:var(--devui-font-size-lg, 14px);padding:11px 10px}.devui-scrollbar::-webkit-scrollbar{width:8px;height:8px}.devui-scrollbar::-webkit-scrollbar-corner{background-color:transparent}.devui-scrollbar::-webkit-scrollbar-thumb{border-radius:8px;background-color:var(--devui-line, #adb0b8)}.devui-scrollbar::-webkit-scrollbar-track{background-color:transparent}.fade-enter-active,.fade-leave-active{transform:scale3d(0,1,0,.9999) translate3d(0,1,0,0);transform-origin:0 0%;opacity:1;transition:transform,opacity .25s ease-out}.fade-enter-from,.fade-leave-to{transform:scale3d(0,1,0,0) translate3d(0,1,0,-4px);opacity:0;transition:transform,opacity .25s ease-in}.devui-select__dropdown--empty{text-align:center;font-size:var(--devui-font-size, 12px);color:var(--devui-disabled-text, #cfd0d3)}.devui-select__group{position:relative;list-style:none;margin:0;padding:0}.devui-select__group:not(:last-of-type){padding-bottom:24px}.devui-select__group:not(:last-of-type):after{content:"";position:absolute;display:block;left:12px;right:12px;bottom:12px;height:1px;background:var(--devui-dividing-line, #f2f2f3)}.devui-select__group-title{padding:4px 12px;font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f)}.devui-icon__container{display:inline-block;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--no-slots i,.devui-icon--no-slots img{display:block}.devui-icon--disabled{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #cfd0d3)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;line-height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 2px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-icon-group{display:inline-flex;align-items:center}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){padding:8px;margin-left:0}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>*:not(:first-child){margin-left:0}.devui-dropdown span.icon-chevron-down,.devui-dropdown span.icon-select-arrow{display:inline-block;vertical-align:text-top}.devui-dropdown__menu-wrap .devui-dropdown-menu{width:100%}.devui-dropdown-animation span.icon-chevron-down,.devui-dropdown-animation span.icon-select-arrow{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-dropdown.open span.icon-chevron-down,.devui-dropdown.open span.icon-select-arrow{transform:rotate(180deg)}.fade-in-top{animation:fadeInTop .2s cubic-bezier(.16,.75,.5,1)}.fade-in-bottom{animation:fadeInBottom .2s cubic-bezier(.16,.75,.5,1)}@keyframes fadeInTop{0%{opacity:.8;transform:scaleY(.8) translateY(4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}@keyframes fadeInBottom{0%{opacity:.8;transform:scaleY(.8) translateY(-4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}.devui-dropdown--fade-bottom-enter-from,.devui-dropdown--fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-dropdown--fade-bottom-enter-to,.devui-dropdown--fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-dropdown--fade-top-enter-from,.devui-dropdown--fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-dropdown--fade-top-enter-to,.devui-dropdown--fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}@charset "UTF-8";.devui-pagination{display:flex;align-items:center;font-size:var(--devui-font-size, 12px)}.devui-pagination .devui-pagination__size{position:relative;vertical-align:middle;display:inline-flex;justify-content:center;align-items:center;min-height:28px;height:32px;margin:0 8px 0 0;padding:4px 10px;background-color:var(--devui-base-bg, #ffffff);border-color:var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);border-width:1px;border-style:solid;color:var(--devui-text, #252b3a);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));outline:0;box-sizing:border-box;cursor:pointer}.devui-pagination .devui-pagination__size:hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-pagination .devui-pagination__size:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-pagination .devui-pagination__size.devui-pagination__size--sm{height:26px}.devui-pagination .devui-pagination__size.devui-pagination__size--lg{height:46px}.devui-pagination .devui-pagination__total-size{display:inline-block;position:relative;vertical-align:middle;margin:0 12px 0 0;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination__list,.devui-pagination .devui-pagination__item{padding:0;margin:0;list-style:none}.devui-pagination a{text-decoration:none;color:#3eaf7c}.devui-pagination .devui-pagination__list{vertical-align:middle;display:inline-flex;align-items:center}.devui-pagination .devui-pagination__list>.disabled>a,.devui-pagination .devui-pagination__list>.disabled>a:hover,.devui-pagination .devui-pagination__list>.disabled>a:focus{cursor:not-allowed}.devui-pagination .devui-pagination__list li.devui-pagination__item{cursor:pointer}.devui-pagination .devui-pagination__list li.devui-pagination__item:not(.disabled).active a.devui-pagination__link{text-decoration:none;background-color:var(--devui-primary, #5e7ce0);color:var(--devui-light-text, #ffffff);cursor:pointer}.devui-pagination .devui-pagination__list li.devui-pagination__item:not(.disabled).active a.devui-pagination__link:hover{text-decoration:none;background-color:var(--devui-primary, #5e7ce0);color:var(--devui-light-text, #ffffff);border:1px solid transparent;box-shadow:none}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link{display:flex;align-items:center;justify-content:center;height:28px;min-width:28px;margin-left:4px;padding:0 4px;line-height:24px;border-radius:var(--devui-border-radius, 2px);border:1px solid transparent;color:var(--devui-text-weak, #575d6c);transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link:hover{text-decoration:none;background-color:transparent;color:var(--devui-text, #252b3a);border:1px solid var(--devui-dividing-line, #f2f2f3);box-shadow:0 1px 3px 0 var(--devui-light-shadow, rgba(37, 43, 58, .12))}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link svg{vertical-align:middle}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link svg g polygon{fill:var(--devui-icon-text, #71757f)}.devui-pagination .devui-pagination__list li.devui-pagination__item.disabled a.devui-pagination__link{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-pagination .devui-pagination__list li.devui-pagination__item.disabled a.devui-pagination__link:hover{box-shadow:none;border:none}.devui-pagination .devui-pagination__list li.devui-pagination__item.disabled a.devui-pagination__link svg g polygon{fill:var(--devui-disabled-text, #cfd0d3)}.devui-pagination .devui-pagination__list li.devui-pagination__item:not(.disabled) a.devui-pagination__link:active svg g polygon{fill:var(--devui-text, #252b3a)}.devui-pagination .devui-pagination__list li.devui-pagination__item:not(.disabled) a.devui-pagination__link:hover:not(:active) svg g polygon{fill:var(--devui-icon-fill-active-hover, #252b3a)}.devui-pagination .devui-pagination--sm>li.devui-pagination__item>a.devui-pagination__link{min-width:24px;height:24px;line-height:22px;font-size:var(--devui-font-size-sm, 12px)}.devui-pagination .devui-pagination--lg>li.devui-pagination__item>a.devui-pagination__link{min-width:40px;height:40px;line-height:38px;font-size:var(--devui-font-size-lg, 14px)}.devui-pagination .devui-pagination__jump-container{display:inline-flex;position:relative;margin:0 12px;vertical-align:middle;align-items:center}.devui-pagination .devui-pagination__jump-container .devui-input{display:inline-block;width:42px;vertical-align:middle;margin:0 4px}.devui-pagination .devui-pagination__jump-container .devui-input--lg{width:56px}.devui-pagination .devui-pagination__jump-button{display:inline-flex;vertical-align:middle;width:24px;height:24px;border-radius:var(--devui-border-radius, 2px);border:1px solid var(--devui-line, #d7d8da);cursor:pointer;margin-left:4px;align-items:center;justify-content:center}.devui-pagination .devui-pagination__jump-button .devui-pagination__go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #71757f);border-bottom:6px solid transparent}.devui-pagination .devui-pagination__jump-button:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-pagination__jump-button:hover .devui-pagination__go{border-left-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-pagination__jump-size--default{width:28px;height:28px}.devui-pagination .devui-pagination__jump-size--default .devui-pagination__go{width:0;height:0;border-top:8px solid transparent;border-left:10px solid var(--devui-icon-text, #71757f);border-bottom:8px solid transparent}.devui-pagination .devui-pagination__jump-size--sm{width:24px;height:24px}.devui-pagination .devui-pagination__jump-size--sm .devui-pagination__go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #71757f);border-bottom:6px solid transparent}.devui-pagination .devui-pagination__jump-size--sm .devui-pagination__link{height:30px;line-height:32px}.devui-pagination .devui-pagination__jump-size--lg{width:46px;height:46px}.devui-pagination .devui-pagination__jump-size--lg .devui-pagination__go{width:0;height:0;border-top:14px solid transparent;border-left:14px solid var(--devui-icon-text, #71757f);border-bottom:14px solid transparent}.devui-pagination .devui-pagination__config{color:var(--devui-text, #252b3a);position:relative;display:inline-block;vertical-align:middle;margin:0 4px}.devui-pagination .devui-pagination__setup-icon{line-height:30px;cursor:pointer;display:flex}.devui-pagination .devui-pagination__config-container{padding:4px 0;box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));border-radius:var(--devui-border-radius, 2px);width:150px;background-color:var(--devui-connected-overlay-bg, #ffffff);line-height:26px;position:absolute;left:-136px;top:28px;cursor:auto;z-index:var(--devui-z-index-dropdown, 1052);user-select:none}.devui-pagination .devui-pagination__config-item{padding-bottom:8px;padding-top:4px;border-bottom:1px solid var(--devui-line, #d7d8da)}.devui-pagination .devui-pagination__config-item:last-child{border-bottom:none}.devui-pagination .config-item-title{color:var(--devui-line, #d7d8da);padding-left:8px;font-size:var(--devui-font-size, 12px);line-height:1.5}.devui-pagination .devui-pagination__number{padding-left:8px;margin-top:4px;display:flex}.devui-pagination .devui-pagination__number div{color:var(--devui-text, #252b3a);cursor:pointer;border-top:1px solid var(--devui-line, #d7d8da);border-bottom:1px solid var(--devui-line, #d7d8da);border-right:1px solid var(--devui-line, #d7d8da);text-align:center;height:26px;width:26px}.devui-pagination .devui-pagination__number div:first-child{border-left:1px solid var(--devui-line, #d7d8da)}.devui-pagination .devui-pagination__number div:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-pagination .devui-pagination__number div.choosed{color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)!important;cursor:auto!important}.devui-pagination .config-item-words{color:var(--devui-text, #252b3a);padding-left:8px;font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-pagination .config-item-words:hover{background-color:var(--devui-area, #f5f5f5);cursor:pointer}.devui-pagination__size-list{min-width:60px;padding:12px;background-clip:padding-box;background-color:var(--devui-connected-overlay-bg, #ffffff);border-radius:var(--devui-border-radius, 2px);outline:none}.devui-pagination__size-list ul{padding:0;margin:0;list-style:none}.devui-pagination__size-list li{display:block;width:100%;min-height:36px;line-height:20px;padding:8px 12px;border:0;border-radius:var(--devui-border-radius, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-pagination__size-list li:hover:not(.active){color:var(--devui-list-item-hover-text, #252b3a);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-pagination__size-list li.active{color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)}
1
+ .devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label--required-hide:before{display:none}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__label-tips-popover .dv-popover__icon-wrap+span{flex:1}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 12px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox__tick-wrap{position:absolute}.devui-checkbox .devui-checkbox__tick-wrap .devui-checkbox__tick{fill:var(--devui-light-text, #ffffff);stroke-dashoffset:50;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.devui-checkbox.active:not(.half-checked) .devui-checkbox__tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset .3s cubic-bezier(.755,.05,.855,.06),opacity .2s cubic-bezier(.755,.05,.855,.06)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material:not(.custom-color),.devui-checkbox.half-checked:not(.disabled) .devui-checkbox__material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active .devui-checkbox--bordered,.devui-checkbox.half-checked .devui-checkbox--bordered{border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color){background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color):hover{border-color:var(--devui-icon-fill-active, #252b3a)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color)>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.half-checked .devui-checkbox__material.custom-color>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox__material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat 50%/0;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox__material.devui-checkbox__default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox__material.devui-checkbox--no-label{margin-right:0}.devui-checkbox .devui-checkbox__material>.devui-checkbox__halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #252b3a)}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:400;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:flex;align-items:center}.devui-checkbox label.devui-checkbox--lg{display:flex;align-items:center;font-size:var(--devui-font-size-lg, 14px)}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material>svg{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg.devui-checkbox--bordered{height:40px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--md{display:flex;align-items:center;font-size:var(--devui-font-size-md, 12px)}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material>svg{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md.devui-checkbox--bordered{height:32px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--sm{display:flex;align-items:center;font-size:var(--devui-font-size-sm, 12px)}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm.devui-checkbox--bordered{height:24px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--bordered{border:1px solid var(--devui-disabled-line, #dfe1e6);border-radius:var(--devui-border-radius, 2px)}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox label>span.devui-checkbox__material{flex-shrink:0}.devui-checkbox label>span.devui-checkbox__label-text{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-checkbox.disabled .devui-checkbox__material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox__material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material{background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material .devui-checkbox__halfchecked-bg{transform:scale(.4288);background-color:var(--devui-disabled-text, #cfd0d3);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-checkbox--no-animation{transition:none!important}.devui-checkbox__column-margin{height:28px;line-height:28px}.devui-checkbox__wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-checkbox__group{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.devui-checkbox__group>*{margin-top:8px}.devui-checkbox__group.is-row{flex-direction:row}.devui-checkbox__group.is-row div:not(:last-child){margin-right:20px}.devui-checkbox__group.is-column{flex-direction:column}.devui-checkbox-button{display:flex;align-items:center;position:relative}.devui-checkbox-button__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox-button__content{font-size:14px;color:var(--devui-text, #252b3a);padding:10px 20px;cursor:pointer;border:1px solid var(--devui-disabled-line, #dfe1e6);display:inline-block;line-height:1;user-select:none}.devui-checkbox-button__content.devui-checkbox-button--lg{font-size:var(--devui-font-size-lg, 14px);padding:var(--devui-btn-lg-padding, 0 24px);height:40px;line-height:40px}.devui-checkbox-button__content.devui-checkbox-button--md{font-size:var(--devui-font-size-md, 12px);padding:var(--devui-btn-padding, 0 20px);height:32px;line-height:32px}.devui-checkbox-button__content.devui-checkbox-button--sm{font-size:var(--devui-font-size-sm, 12px);padding:var(--devui-btn-sm-padding, 0 16px);height:24px;line-height:24px}.devui-checkbox-button.active .devui-checkbox-button__content{color:#fff;background-color:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox-button.active.disabled .devui-checkbox-button__content{color:#fff;background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox-button.disabled .devui-checkbox-button__content{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3);background-color:#fff;border-color:var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button__content{border-left:none;box-shadow:-1px 0 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-bottom-left-radius:var(--devui-border-radius, 2px);border-left:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-row .devui-checkbox-button:last-child .devui-checkbox-button__content{border-top-right-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}.devui-checkbox__group.is-column .devui-checkbox-button{width:100%;margin-top:0}.devui-checkbox__group.is-column .devui-checkbox-button__content{width:100%;border-top:none;box-shadow:0 -1px 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-column .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-top-right-radius:var(--devui-border-radius, 2px);border-top:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-column .devui-checkbox-button:last-child .devui-checkbox-button__content{border-bottom-left-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}.devui-tag{display:inline-block}.devui-tag .devui-tag__item{display:block;position:relative;padding:0 8px;height:20px;border:1px solid;border-radius:var(--devui-border-radius, 2px);font-size:var(--devui-font-size, 12px);line-height:20px;cursor:default}.devui-tag .devui-tag__item.devui-tag--default{border:0;color:var(--devui-text, #252b3a);background-color:var(--devui-default-bg, #f7f8fa)}.devui-tag .devui-tag__item.devui-tag--primary{color:var(--devui-primary, #5e7ce0);background-color:var(--devui-primary-bg, #f2f5fc)}.devui-tag .devui-tag__item.devui-tag--success{color:var(--devui-success, #50d4ab);background-color:var(--devui-success-bg, #cffcee)}.devui-tag .devui-tag__item.devui-tag--warning{color:var(--devui-warning, #fac20a);background-color:var(--devui-warning-bg, #ffe1c7)}.devui-tag .devui-tag__item.devui-tag--danger{color:var(--devui-danger, #f66f6a);background-color:var(--devui-danger-bg, #ffd5d4)}.devui-tag .devui-tag__item.devui-tag--colorful{background-color:#fff}.devui-tag .devui-tag__item.devui-tag--deletable{padding-right:32px}.devui-tag .devui-tag__item.devui-tag--lg{font-size:var(--devui-font-size-lg, 14px);height:32px;line-height:30px}.devui-tag .devui-tag__item.devui-tag--md{font-size:var(--devui-font-size-lg, 14px);height:28px;line-height:26px}.devui-tag .devui-tag__item.devui-tag--sm{font-size:var(--devui-font-size-sm, 12px);height:24px;line-height:22px}.devui-tag .remove-button{display:inline-block;margin-left:12px;font-size:var(--devui-font-size-icon, 16px);cursor:pointer;width:12px;height:12px;line-height:12px;border-radius:50%;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}.devui-tag .remove-button i{vertical-align:0}.devui-select{position:relative;width:100%;font-size:var(--devui-font-size, 12px)}.devui-select__selection:hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-select--open .devui-select__selection:not(.devui-select__selection--error),.devui-select--focus .devui-select__selection:not(.devui-select__selection--error){border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select--open .devui-select__selection:not(.devui-select__selection--error):hover,.devui-select--focus .devui-select__selection:not(.devui-select__selection--error):hover{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select .devui-tag{margin:4px 0 4px 4px}.devui-select .devui-tag .devui-tag__item.devui-tag--md{height:18px;line-height:16px}.devui-select .devui-tag .devui-tag__item.devui-tag--default{background-color:var(--devui-label-bg, #e9edfa)}.devui-select--sm{font-size:var(--devui-font-size-sm, 12px)}.devui-select--sm .devui-tag{margin:2px 0 2px 4px}.devui-select--sm .devui-tag .devui-tag__item.devui-tag--sm{height:18px;line-height:16px}.devui-select--lg{font-size:var(--devui-font-size-lg, 14px)}.devui-select--underlined{border-bottom:1px solid var(--devui-form-control-line, #d7d8da);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-select--underlined:not([disabled]):not(.disabled):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-select--underlined:not([disabled]):not(.disabled).devui-select--open{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select--underlined .devui-select__input,.devui-select--underlined .devui-select__selection{border:none}.devui-select--disabled,.devui-select--disabled .devui-select__input,.devui-select--disabled .devui-select__selection{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #cfd0d3)}.devui-select--disabled .devui-select__arrow,.devui-select--disabled .devui-select__clear{cursor:not-allowed}.devui-select--disabled .devui-select__arrow svg path,.devui-select--disabled .devui-select__clear svg path{fill:var(--devui-disabled-text, #cfd0d3)}.devui-select--open .devui-select__arrow{transform:rotate(180deg)}.devui-dropdown-menu-multiple .devui-select__item.active{color:var(--devui-list-item-active-text, #252b3a);background-color:transparent}.devui-select__selection{display:flex;align-items:center;position:relative;cursor:pointer;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);color:var(--devui-text, #252b3a)}.devui-select__selection--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffd5d4)}.devui-select__selection--error:hover{border-color:var(--devui-danger-line, #f66f6a)}.devui-select__multiple{display:flex;align-items:center;flex-wrap:wrap;padding-right:28px;cursor:pointer}.devui-select__multiple .devui-select__multiple--input{display:flex;max-width:100%;min-width:15px}.devui-select__input{cursor:pointer;width:100%;height:30px;padding:4px 28px 4px 10px;color:var(--devui-text, #252b3a);vertical-align:middle;outline:none;background:none;box-sizing:border-box;border:none;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-select__input:not([disabled]):not(.disabled):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-select__input:not([disabled]):not(.disabled):focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-select__input[disabled]:hover,.devui-select__input.disabled:hover{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #cfd0d3)}.devui-select__input.devui-select__input--lg{height:38px}.devui-select__input.devui-select__input--sm{height:22px}.devui-select__clearable:hover .devui-select__clear{display:inline-flex}.devui-select__clearable:hover .devui-select__arrow{display:none}.devui-select__clear,.devui-select__arrow{position:absolute;right:0;height:100%;width:28px;display:inline-flex;justify-content:center;align-items:center}.devui-select__clear{display:none}.devui-select__clear svg path{fill:var(--devui-text-weak, #575d6c)}.devui-select__clear--feedback{right:28px}.devui-select__arrow{transform:rotate(0);transition:transform .25s ease-out}.devui-select__arrow svg path{fill:var(--devui-icon-text, #71757f)}.devui-select__arrow--feedback{right:28px}.devui-select__dropdown{overflow:auto}.devui-select__dropdown-list{max-height:300px;width:100%;overflow-y:auto;padding:0;margin:0}.devui-select__item{font-size:var(--devui-font-size, 12px);display:block;min-height:36px;line-height:1.5;width:100%;padding:8px 12px;clear:both;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:0;color:var(--devui-text, #252b3a);box-sizing:border-box;cursor:pointer}.devui-select__item:hover:not(.active):not(.disabled){color:var(--devui-list-item-hover-text, #252b3a);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-select__item.active{color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)}.devui-select__item.disabled{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);color:var(--devui-disabled-text, #cfd0d3)}.devui-select--sm .devui-select__item{font-size:var(--devui-font-size-sm, 12px)}.devui-select--sm .devui-select__item .devui-checkbox .devui-checkbox__material{width:var(--devui-font-size-sm, 12px);height:var(--devui-font-size-sm, 12px)}.devui-select--sm .devui-select__item .devui-checkbox .devui-checkbox__material>svg{width:var(--devui-font-size-sm, 12px);height:var(--devui-font-size-sm, 12px)}.devui-select--lg .devui-select__item{font-size:var(--devui-font-size-lg, 14px);padding:11px 10px}.devui-scrollbar::-webkit-scrollbar{width:8px;height:8px}.devui-scrollbar::-webkit-scrollbar-corner{background-color:transparent}.devui-scrollbar::-webkit-scrollbar-thumb{border-radius:8px;background-color:var(--devui-line, #adb0b8)}.devui-scrollbar::-webkit-scrollbar-track{background-color:transparent}.fade-enter-active,.fade-leave-active{transform:scale3d(0,1,0,.9999) translate3d(0,1,0,0);transform-origin:0 0%;opacity:1;transition:transform,opacity .25s ease-out}.fade-enter-from,.fade-leave-to{transform:scale3d(0,1,0,0) translate3d(0,1,0,-4px);opacity:0;transition:transform,opacity .25s ease-in}.devui-select__dropdown--empty{text-align:center;font-size:var(--devui-font-size, 12px);color:var(--devui-disabled-text, #cfd0d3)}.devui-select__group{position:relative;list-style:none;margin:0;padding:0}.devui-select__group:not(:last-of-type){padding-bottom:24px}.devui-select__group:not(:last-of-type):after{content:"";position:absolute;display:block;left:12px;right:12px;bottom:12px;height:1px;background:var(--devui-dividing-line, #f2f2f3)}.devui-select__group-title{padding:4px 12px;font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f)}.devui-icon__container{display:inline-block;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--no-slots i,.devui-icon--no-slots img{display:block}.devui-icon--disabled{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #cfd0d3)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;line-height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 2px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-icon-group{display:inline-flex;align-items:center}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){padding:8px;margin-left:0}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>*:not(:first-child){margin-left:0}.devui-dropdown span.icon-chevron-down,.devui-dropdown span.icon-select-arrow{display:inline-block;vertical-align:text-top}.devui-dropdown__menu-wrap .devui-dropdown-menu{width:100%}.devui-dropdown-animation span.icon-chevron-down,.devui-dropdown-animation span.icon-select-arrow{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-dropdown.open span.icon-chevron-down,.devui-dropdown.open span.icon-select-arrow{transform:rotate(180deg)}.fade-in-top{animation:fadeInTop .2s cubic-bezier(.16,.75,.5,1)}.fade-in-bottom{animation:fadeInBottom .2s cubic-bezier(.16,.75,.5,1)}@keyframes fadeInTop{0%{opacity:.8;transform:scaleY(.8) translateY(4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}@keyframes fadeInBottom{0%{opacity:.8;transform:scaleY(.8) translateY(-4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}.devui-dropdown--fade-bottom-enter-from,.devui-dropdown--fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-dropdown--fade-bottom-enter-to,.devui-dropdown--fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-dropdown--fade-top-enter-from,.devui-dropdown--fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-dropdown--fade-top-enter-to,.devui-dropdown--fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}@charset "UTF-8";.devui-pagination{display:flex;align-items:center;font-size:var(--devui-font-size, 12px)}.devui-pagination .devui-pagination__size{position:relative;vertical-align:middle;display:inline-flex;justify-content:center;align-items:center;min-height:28px;height:32px;margin:0 8px 0 0;padding:4px 10px;background-color:var(--devui-base-bg, #ffffff);border-color:var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);border-width:1px;border-style:solid;color:var(--devui-text, #252b3a);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));outline:0;box-sizing:border-box;cursor:pointer}.devui-pagination .devui-pagination__size:hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-pagination .devui-pagination__size:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-pagination .devui-pagination__size.devui-pagination__size--sm{height:26px}.devui-pagination .devui-pagination__size.devui-pagination__size--lg{height:46px}.devui-pagination .devui-pagination__total-size{display:inline-block;position:relative;vertical-align:middle;margin:0 12px 0 0;color:var(--devui-text-weak, #575d6c)}.devui-pagination .devui-pagination__list,.devui-pagination .devui-pagination__item{padding:0;margin:0;list-style:none}.devui-pagination a{text-decoration:none;color:#3eaf7c}.devui-pagination .devui-pagination__list{vertical-align:middle;display:inline-flex;align-items:center}.devui-pagination .devui-pagination__list>.disabled>a,.devui-pagination .devui-pagination__list>.disabled>a:hover,.devui-pagination .devui-pagination__list>.disabled>a:focus{cursor:not-allowed}.devui-pagination .devui-pagination__list li.devui-pagination__item{cursor:pointer}.devui-pagination .devui-pagination__list li.devui-pagination__item:not(.disabled).active a.devui-pagination__link{text-decoration:none;background-color:var(--devui-primary, #5e7ce0);color:var(--devui-light-text, #ffffff);cursor:pointer}.devui-pagination .devui-pagination__list li.devui-pagination__item:not(.disabled).active a.devui-pagination__link:hover{text-decoration:none;background-color:var(--devui-primary, #5e7ce0);color:var(--devui-light-text, #ffffff);border:1px solid transparent;box-shadow:none}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link{display:flex;align-items:center;justify-content:center;height:28px;min-width:28px;margin-left:4px;padding:0 4px;line-height:24px;border-radius:var(--devui-border-radius, 2px);border:1px solid transparent;color:var(--devui-text-weak, #575d6c);transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link:hover{text-decoration:none;background-color:transparent;color:var(--devui-text, #252b3a);border:1px solid var(--devui-dividing-line, #f2f2f3);box-shadow:0 1px 3px 0 var(--devui-light-shadow, rgba(37, 43, 58, .12))}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link svg{vertical-align:middle}.devui-pagination .devui-pagination__list li.devui-pagination__item .devui-pagination__link svg g polygon{fill:var(--devui-icon-text, #71757f)}.devui-pagination .devui-pagination__list li.devui-pagination__item.disabled a.devui-pagination__link{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-pagination .devui-pagination__list li.devui-pagination__item.disabled a.devui-pagination__link:hover{box-shadow:none;border:none}.devui-pagination .devui-pagination__list li.devui-pagination__item.disabled a.devui-pagination__link svg g polygon{fill:var(--devui-disabled-text, #cfd0d3)}.devui-pagination .devui-pagination__list li.devui-pagination__item:not(.disabled) a.devui-pagination__link:active svg g polygon{fill:var(--devui-text, #252b3a)}.devui-pagination .devui-pagination__list li.devui-pagination__item:not(.disabled) a.devui-pagination__link:hover:not(:active) svg g polygon{fill:var(--devui-icon-fill-active-hover, #252b3a)}.devui-pagination .devui-pagination--sm>li.devui-pagination__item>a.devui-pagination__link{min-width:24px;height:24px;line-height:22px;font-size:var(--devui-font-size-sm, 12px)}.devui-pagination .devui-pagination--lg>li.devui-pagination__item>a.devui-pagination__link{min-width:40px;height:40px;line-height:38px;font-size:var(--devui-font-size-lg, 14px)}.devui-pagination .devui-pagination__jump-container{display:inline-flex;position:relative;margin:0 12px;vertical-align:middle;align-items:center}.devui-pagination .devui-pagination__jump-container .devui-input{display:inline-block;width:42px;vertical-align:middle;margin:0 4px}.devui-pagination .devui-pagination__jump-container .devui-input--lg{width:56px}.devui-pagination .devui-pagination__jump-button{display:inline-flex;vertical-align:middle;width:24px;height:24px;border-radius:var(--devui-border-radius, 2px);border:1px solid var(--devui-line, #d7d8da);cursor:pointer;margin-left:4px;align-items:center;justify-content:center}.devui-pagination .devui-pagination__jump-button .devui-pagination__go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #71757f);border-bottom:6px solid transparent}.devui-pagination .devui-pagination__jump-button:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-pagination__jump-button:hover .devui-pagination__go{border-left-color:var(--devui-brand-active, #526ecc)}.devui-pagination .devui-pagination__jump-size--default{width:28px;height:28px}.devui-pagination .devui-pagination__jump-size--default .devui-pagination__go{width:0;height:0;border-top:8px solid transparent;border-left:10px solid var(--devui-icon-text, #71757f);border-bottom:8px solid transparent}.devui-pagination .devui-pagination__jump-size--sm{width:24px;height:24px}.devui-pagination .devui-pagination__jump-size--sm .devui-pagination__go{width:0;height:0;border-top:6px solid transparent;border-left:6px solid var(--devui-icon-text, #71757f);border-bottom:6px solid transparent}.devui-pagination .devui-pagination__jump-size--sm .devui-pagination__link{height:30px;line-height:32px}.devui-pagination .devui-pagination__jump-size--lg{width:46px;height:46px}.devui-pagination .devui-pagination__jump-size--lg .devui-pagination__go{width:0;height:0;border-top:14px solid transparent;border-left:14px solid var(--devui-icon-text, #71757f);border-bottom:14px solid transparent}.devui-pagination .devui-pagination__config{color:var(--devui-text, #252b3a);position:relative;display:inline-block;vertical-align:middle;margin:0 4px}.devui-pagination .devui-pagination__setup-icon{line-height:30px;cursor:pointer;display:flex}.devui-pagination .devui-pagination__config-container{padding:4px 0;box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));border-radius:var(--devui-border-radius, 2px);width:150px;background-color:var(--devui-connected-overlay-bg, #ffffff);line-height:26px;position:absolute;left:-136px;top:28px;cursor:auto;z-index:var(--devui-z-index-dropdown, 1052);user-select:none}.devui-pagination .devui-pagination__config-item{padding-bottom:8px;padding-top:4px;border-bottom:1px solid var(--devui-line, #d7d8da)}.devui-pagination .devui-pagination__config-item:last-child{border-bottom:none}.devui-pagination .config-item-title{color:var(--devui-line, #d7d8da);padding-left:8px;font-size:var(--devui-font-size, 12px);line-height:1.5}.devui-pagination .devui-pagination__number{padding-left:8px;margin-top:4px;display:flex}.devui-pagination .devui-pagination__number div{color:var(--devui-text, #252b3a);cursor:pointer;border-top:1px solid var(--devui-line, #d7d8da);border-bottom:1px solid var(--devui-line, #d7d8da);border-right:1px solid var(--devui-line, #d7d8da);text-align:center;height:26px;width:26px}.devui-pagination .devui-pagination__number div:first-child{border-left:1px solid var(--devui-line, #d7d8da)}.devui-pagination .devui-pagination__number div:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-pagination .devui-pagination__number div.choosed{color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)!important;cursor:auto!important}.devui-pagination .config-item-words{color:var(--devui-text, #252b3a);padding-left:8px;font-size:var(--devui-font-size, 12px);margin-top:4px}.devui-pagination .config-item-words:hover{background-color:var(--devui-area, #f5f5f5);cursor:pointer}.devui-pagination__size-list{min-width:60px;padding:12px;background-clip:padding-box;background-color:var(--devui-connected-overlay-bg, #ffffff);border-radius:var(--devui-border-radius, 2px);outline:none}.devui-pagination__size-list ul{padding:0;margin:0;list-style:none}.devui-pagination__size-list li{display:block;width:100%;min-height:36px;line-height:20px;padding:8px 12px;border:0;border-radius:var(--devui-border-radius, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-pagination__size-list li:hover:not(.active){color:var(--devui-list-item-hover-text, #252b3a);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-pagination__size-list li.active{color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)}
package/progress/index.es.js CHANGED
@@ -1,11 +1,5 @@
1
1
  import { defineComponent, toRefs, ref, effect, reactive, watch, createVNode, createTextVNode } from "vue";
2
2
  import "clipboard";
3
- function middleNum(num, min = 0, max = 100) {
4
- let middle = 0;
5
- middle = Math.min(num, max);
6
- middle = Math.max(middle, min);
7
- return middle;
8
- }
9
3
  const progressProps = {
10
4
  height: {
11
5
  type: String,
@@ -44,6 +38,12 @@ const progressProps = {
44
38
  default: ""
45
39
  }
46
40
  };
41
+ function middleNum(num, min = 0, max = 100) {
42
+ let middle = 0;
43
+ middle = Math.min(num, max);
44
+ middle = Math.max(middle, min);
45
+ return middle;
46
+ }
47
47
  function createBem(namespace, element, modifier) {
48
48
  let cls = namespace;
49
49
  if (element) {
package/progress/index.umd.js CHANGED
@@ -1,3 +1,3 @@
1
- (function(i,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("clipboard")):typeof define=="function"&&define.amd?define(["exports","vue","clipboard"],e):(i=typeof globalThis!="undefined"?globalThis:i||self,e(i.index={},i.Vue))})(this,function(i,e){"use strict";function N(t,o=0,r=100){let s=0;return s=Math.min(t,r),s=Math.max(s,o),s}const C={height:{type:String,default:"20px"},percentage:{type:Number,default:0},percentageText:{type:String,default:""},barBgColor:{type:String,default:"#5170ff"},isCircle:{type:Boolean,default:!1},strokeWidth:{type:Number,default:6},showContent:{type:Boolean,default:!0},percentageTextPlacement:{type:String,default:"inside"},percentageTextColor:{type:String,default:""}};function P(t,o,r){let s=t;return o&&(s+=`__${o}`),r&&(s+=`--${r}`),s}function $(t,o=!1){const r=o?`.devui-${t}`:`devui-${t}`;return{b:()=>P(r),e:a=>a?P(r,a):"",m:a=>a?P(r,"",a):"",em:(a,d)=>a&&d?P(r,a,d):""}}var S="",x=e.defineComponent({name:"DProgress",props:C,setup(t){const{height:o,percentage:r,percentageText:s,percentageTextPlacement:g,percentageTextColor:h,barBgColor:f,isCircle:a,strokeWidth:d,showContent:u}=e.toRefs(t),l=e.ref(0);e.effect(()=>{l.value=N(r.value)});const n=e.reactive({pathString:"",trailPath:null,strokePath:null}),y=()=>{if(!a)return;const c=50-d.value/2,k=-c,m=c*-2;n.pathString=`M 50,50 m 0,${k}
1
+ (function(i,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("clipboard")):typeof define=="function"&&define.amd?define(["exports","vue","clipboard"],e):(i=typeof globalThis!="undefined"?globalThis:i||self,e(i.index={},i.Vue))})(this,function(i,e){"use strict";const C={height:{type:String,default:"20px"},percentage:{type:Number,default:0},percentageText:{type:String,default:""},barBgColor:{type:String,default:"#5170ff"},isCircle:{type:Boolean,default:!1},strokeWidth:{type:Number,default:6},showContent:{type:Boolean,default:!0},percentageTextPlacement:{type:String,default:"inside"},percentageTextColor:{type:String,default:""}};function N(t,o=0,r=100){let s=0;return s=Math.min(t,r),s=Math.max(s,o),s}function P(t,o,r){let s=t;return o&&(s+=`__${o}`),r&&(s+=`--${r}`),s}function $(t,o=!1){const r=o?`.devui-${t}`:`devui-${t}`;return{b:()=>P(r),e:a=>a?P(r,a):"",m:a=>a?P(r,"",a):"",em:(a,d)=>a&&d?P(r,a,d):""}}var S="",x=e.defineComponent({name:"DProgress",props:C,setup(t){const{height:o,percentage:r,percentageText:s,percentageTextPlacement:g,percentageTextColor:h,barBgColor:f,isCircle:a,strokeWidth:d,showContent:u}=e.toRefs(t),l=e.ref(0);e.effect(()=>{l.value=N(r.value)});const n=e.reactive({pathString:"",trailPath:null,strokePath:null}),y=()=>{if(!a)return;const c=50-d.value/2,k=-c,m=c*-2;n.pathString=`M 50,50 m 0,${k}
2
2
  a ${c},${c} 0 1 1 0,${-m}
3
3
  a ${c},${c} 0 1 1 0,${m}`;const p=Math.PI*2*c;n.trailPath={stroke:"var(--devui-dividing-line, #dfe1e6)",strokeDasharray:`${p}px ${p}px`,strokeDashoffset:"0",transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"},n.strokePath={stroke:f||null,strokeDasharray:`${l.value/100*p}px ${p}px`,strokeDashoffset:"0",transition:"stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s"}};return y(),e.watch([o,l,s,g,h,f,a,d,u],()=>{y()}),{data:n,normalPercentage:l}},render(){var b;const{height:t,normalPercentage:o,percentageText:r,percentageTextPlacement:s,percentageTextColor:g,barBgColor:h,isCircle:f,strokeWidth:a,showContent:d,data:u,$slots:l}=this,n=$("progress"),y=s==="outside",c=s==="insideBg",k=()=>e.createVNode("span",{style:{lineHeight:t,color:g}},[r]),m=e.createVNode("div",{class:n.e("content")},[e.createVNode("div",{class:n.e("line"),style:{height:t,borderRadius:t}},[e.createVNode("div",{class:[n.e("bar"),s],style:{height:t,borderRadius:t,width:`${o}%`,backgroundColor:h}},[!y&&!c?k():null]),c?k():null]),y&&!!r?k():null]),p=e.createVNode("span",{class:n.e("circle-text"),style:{color:g}},[o,e.createTextVNode("%")]),V=e.createVNode("div",{class:n.e("circle")},[e.createVNode("svg",{class:n.e("circle"),viewBox:"0 0 100 100"},[e.createVNode("path",{"fill-opacity":"0","stroke-width":a,style:u.trailPath,d:u.pathString},null),e.createVNode("path",{d:u.pathString,"stroke-linecap":"round","fill-opacity":"0",stroke:h,"stroke-width":o?a:0,style:u.strokePath},null)]),d&&((b=l.default)==null?void 0:b.call(l)),d&&!l.default&&p]);return e.createVNode("div",{class:n.b()},[f?V:m])}}),T={title:"Progress \u8FDB\u5EA6\u6761",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.component(x.name,x)}};i.Progress=x,i.default=T,i.progressProps=C,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
package/radio/index.es.js CHANGED
@@ -179,32 +179,18 @@ const formProps = {
179
179
  hideRequiredMark: {
180
180
  type: Boolean,
181
181
  default: false
182
+ },
183
+ styleType: {
184
+ type: String,
185
+ default: "default"
186
+ },
187
+ appendToBodyScrollStrategy: {
188
+ type: String,
189
+ default: "reposition"
182
190
  }
183
191
  };
184
192
  const FORM_TOKEN = Symbol("dForm");
185
- function createBem(namespace, element, modifier) {
186
- let cls = namespace;
187
- if (element) {
188
- cls += `__${element}`;
189
- }
190
- if (modifier) {
191
- cls += `--${modifier}`;
192
- }
193
- return cls;
194
- }
195
- function useNamespace(block, needDot = false) {
196
- const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
197
- const b = () => createBem(namespace);
198
- const e = (element) => element ? createBem(namespace, element) : "";
199
- const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
200
- const em = (element, modifier) => element && modifier ? createBem(namespace, element, modifier) : "";
201
- return {
202
- b,
203
- e,
204
- m,
205
- em
206
- };
207
- }
193
+ const STYLE_TOKEN = Symbol("dForm");
208
194
  function useFieldCollection() {
209
195
  const itemContexts = [];
210
196
  const addItemContext = (field) => {
@@ -1395,7 +1381,7 @@ var lodash = { exports: {} };
1395
1381
  if (typeof func != "function") {
1396
1382
  throw new TypeError2(FUNC_ERROR_TEXT);
1397
1383
  }
1398
- return setTimeout(function() {
1384
+ return setTimeout2(function() {
1399
1385
  func.apply(undefined$1, args);
1400
1386
  }, wait);
1401
1387
  }
@@ -3204,7 +3190,7 @@ var lodash = { exports: {} };
3204
3190
  return object4[key];
3205
3191
  }
3206
3192
  var setData = shortOut(baseSetData);
3207
- var setTimeout = ctxSetTimeout || function(func, wait) {
3193
+ var setTimeout2 = ctxSetTimeout || function(func, wait) {
3208
3194
  return root.setTimeout(func, wait);
3209
3195
  };
3210
3196
  var setToString = shortOut(baseSetToString);
@@ -3996,7 +3982,7 @@ var lodash = { exports: {} };
3996
3982
  }
3997
3983
  function leadingEdge(time) {
3998
3984
  lastInvokeTime = time;
3999
- timerId = setTimeout(timerExpired, wait);
3985
+ timerId = setTimeout2(timerExpired, wait);
4000
3986
  return leading ? invokeFunc(time) : result2;
4001
3987
  }
4002
3988
  function remainingWait(time) {
@@ -4012,7 +3998,7 @@ var lodash = { exports: {} };
4012
3998
  if (shouldInvoke(time)) {
4013
3999
  return trailingEdge(time);
4014
4000
  }
4015
- timerId = setTimeout(timerExpired, remainingWait(time));
4001
+ timerId = setTimeout2(timerExpired, remainingWait(time));
4016
4002
  }
4017
4003
  function trailingEdge(time) {
4018
4004
  timerId = undefined$1;
@@ -4043,12 +4029,12 @@ var lodash = { exports: {} };
4043
4029
  }
4044
4030
  if (maxing) {
4045
4031
  clearTimeout(timerId);
4046
- timerId = setTimeout(timerExpired, wait);
4032
+ timerId = setTimeout2(timerExpired, wait);
4047
4033
  return invokeFunc(lastCallTime);
4048
4034
  }
4049
4035
  }
4050
4036
  if (timerId === undefined$1) {
4051
- timerId = setTimeout(timerExpired, wait);
4037
+ timerId = setTimeout2(timerExpired, wait);
4052
4038
  }
4053
4039
  return result2;
4054
4040
  }
@@ -5684,7 +5670,7 @@ defineComponent({
5684
5670
  props: formProps,
5685
5671
  emits: ["validate"],
5686
5672
  setup(props, ctx) {
5687
- const ns2 = useNamespace("form");
5673
+ const ns2 = useNamespace$1("form");
5688
5674
  const {
5689
5675
  itemContexts,
5690
5676
  addItemContext,
@@ -5711,6 +5697,7 @@ defineComponent({
5711
5697
  addItemContext,
5712
5698
  removeItemContext
5713
5699
  })));
5700
+ provide(STYLE_TOKEN, props.styleType);
5714
5701
  ctx.expose({
5715
5702
  validate,
5716
5703
  validateFields,
@@ -5752,7 +5739,7 @@ const formItemProps = {
5752
5739
  default: void 0
5753
5740
  },
5754
5741
  helpTips: {
5755
- type: String,
5742
+ type: [String, Object],
5756
5743
  default: ""
5757
5744
  },
5758
5745
  feedbackStatus: {
@@ -5765,12 +5752,6 @@ const formItemProps = {
5765
5752
  };
5766
5753
  const FORM_ITEM_TOKEN = Symbol("dFormItem");
5767
5754
  const LABEL_DATA = Symbol("labelData");
5768
- const formLabelProps = {
5769
- helpTips: {
5770
- type: String,
5771
- default: ""
5772
- }
5773
- };
5774
5755
  const fixedOverlayProps = {
5775
5756
  modelValue: {
5776
5757
  type: Boolean,
@@ -5807,6 +5788,29 @@ function useFixedOverlay(props, ctx) {
5807
5788
  onUnmounted(removeBodyAdditions);
5808
5789
  return { onClick };
5809
5790
  }
5791
+ function createBem(namespace, element, modifier) {
5792
+ let cls = namespace;
5793
+ if (element) {
5794
+ cls += `__${element}`;
5795
+ }
5796
+ if (modifier) {
5797
+ cls += `--${modifier}`;
5798
+ }
5799
+ return cls;
5800
+ }
5801
+ function useNamespace(block, needDot = false) {
5802
+ const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
5803
+ const b = () => createBem(namespace);
5804
+ const e = (element) => element ? createBem(namespace, element) : "";
5805
+ const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
5806
+ const em = (element, modifier) => element && modifier ? createBem(namespace, element, modifier) : "";
5807
+ return {
5808
+ b,
5809
+ e,
5810
+ m,
5811
+ em
5812
+ };
5813
+ }
5810
5814
  var fixedOverlay = "";
5811
5815
  defineComponent({
5812
5816
  name: "DFixedOverlay",
@@ -6471,7 +6475,13 @@ function useFormLabel() {
6471
6475
  const formContext = inject(FORM_TOKEN);
6472
6476
  const formItemContext = inject(FORM_ITEM_TOKEN);
6473
6477
  const labelData = inject(LABEL_DATA);
6474
- const ns2 = useNamespace("form");
6478
+ const ns2 = useNamespace$1("form");
6479
+ const defaultTipsPopover = {
6480
+ content: "",
6481
+ position: ["top"],
6482
+ trigger: "hover",
6483
+ popType: "info"
6484
+ };
6475
6485
  const labelClasses = computed(() => ({
6476
6486
  [`${ns2.e("label")}`]: true,
6477
6487
  [`${ns2.em("label", "vertical")}`]: labelData.value.layout === "vertical",
@@ -6483,17 +6493,24 @@ function useFormLabel() {
6483
6493
  [`${ns2.em("label", "required")}`]: formItemContext.isRequired,
6484
6494
  [`${ns2.em("label", "required-hide")}`]: formItemContext.isRequired && formContext.hideRequiredMark
6485
6495
  }));
6486
- return { labelClasses, labelInnerClasses };
6496
+ const tipsPopover = computed(() => {
6497
+ if (typeof labelData.value.helpTips === "string") {
6498
+ return __spreadProps(__spreadValues({}, defaultTipsPopover), { content: labelData.value.helpTips });
6499
+ } else {
6500
+ return __spreadValues(__spreadValues({}, defaultTipsPopover), labelData.value.helpTips);
6501
+ }
6502
+ });
6503
+ return { labelClasses, labelInnerClasses, tipsPopover };
6487
6504
  }
6488
6505
  var formLabel = "";
6489
6506
  var FormLabel = defineComponent({
6490
6507
  name: "DFormLabel",
6491
- props: formLabelProps,
6492
- setup(props, ctx) {
6493
- const ns2 = useNamespace("form");
6508
+ setup(_, ctx) {
6509
+ const ns2 = useNamespace$1("form");
6494
6510
  const {
6495
6511
  labelClasses,
6496
- labelInnerClasses
6512
+ labelInnerClasses,
6513
+ tipsPopover
6497
6514
  } = useFormLabel();
6498
6515
  return () => {
6499
6516
  var _a, _b;
@@ -6501,12 +6518,9 @@ var FormLabel = defineComponent({
6501
6518
  "class": labelClasses.value
6502
6519
  }, [createVNode("span", {
6503
6520
  "class": labelInnerClasses.value
6504
- }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]), props.helpTips && createVNode(Popover, {
6505
- "content": props.helpTips,
6506
- "position": ["top"],
6507
- "trigger": "hover",
6508
- "pop-type": "info"
6509
- }, {
6521
+ }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]), tipsPopover.value.content && createVNode(Popover, mergeProps({
6522
+ "class": ns2.e("label-tips-popover")
6523
+ }, tipsPopover.value), {
6510
6524
  default: () => [createVNode(HelpTipsIcon, {
6511
6525
  "class": ns2.e("label-help")
6512
6526
  }, null), createTextVNode(",")]
@@ -6525,7 +6539,7 @@ const formControlProps = {
6525
6539
  };
6526
6540
  function useFormControl(props) {
6527
6541
  const labelData = inject(LABEL_DATA);
6528
- const ns2 = useNamespace("form");
6542
+ const ns2 = useNamespace$1("form");
6529
6543
  const { feedbackStatus } = toRefs(props);
6530
6544
  const controlClasses = computed(() => ({
6531
6545
  [ns2.e("control")]: true,
@@ -6537,7 +6551,7 @@ function useFormControl(props) {
6537
6551
  [ns2.em("control-container", "has-feedback")]: Boolean(feedbackStatus == null ? void 0 : feedbackStatus.value),
6538
6552
  [ns2.em("control-container", "feedback-error")]: Boolean((feedbackStatus == null ? void 0 : feedbackStatus.value) === "error")
6539
6553
  }));
6540
- return { controlClasses, controlContainerClasses };
6554
+ return { controlClasses, controlContainerClasses, labelData };
6541
6555
  }
6542
6556
  function useFormControlValidate() {
6543
6557
  const formItemContext = inject(FORM_ITEM_TOKEN);
@@ -6554,11 +6568,15 @@ var FormControl = defineComponent({
6554
6568
  name: "DFormControl",
6555
6569
  props: formControlProps,
6556
6570
  setup(props, ctx) {
6571
+ const formContext = inject(FORM_TOKEN);
6557
6572
  const formControl2 = ref();
6558
- const ns2 = useNamespace("form");
6573
+ const popoverRef = ref();
6574
+ const ns2 = useNamespace$1("form");
6575
+ const showPopoverClick = ref(true);
6559
6576
  const {
6560
6577
  controlClasses,
6561
- controlContainerClasses
6578
+ controlContainerClasses,
6579
+ labelData
6562
6580
  } = useFormControl(props);
6563
6581
  const {
6564
6582
  feedbackStatus,
@@ -6568,17 +6586,52 @@ var FormControl = defineComponent({
6568
6586
  errorMessage,
6569
6587
  popPosition
6570
6588
  } = useFormControlValidate();
6589
+ const align = computed(() => {
6590
+ var _a, _b;
6591
+ if ((_a = popPosition.value) == null ? void 0 : _a.some((item) => item.includes("start"))) {
6592
+ return "start";
6593
+ }
6594
+ if ((_b = popPosition.value) == null ? void 0 : _b.some((item) => item.includes("end"))) {
6595
+ return "end";
6596
+ }
6597
+ return void 0;
6598
+ });
6599
+ const onDocumentClick = (e) => {
6600
+ const composedPath = e.composedPath();
6601
+ if (composedPath.includes(popoverRef.value.triggerEl)) {
6602
+ showPopoverClick.value = true;
6603
+ } else {
6604
+ showPopoverClick.value = false;
6605
+ }
6606
+ };
6607
+ watch(showPopover, (val) => {
6608
+ if (val) {
6609
+ setTimeout(() => {
6610
+ document.addEventListener("click", onDocumentClick);
6611
+ });
6612
+ } else {
6613
+ showPopoverClick.value = true;
6614
+ document.removeEventListener("click", onDocumentClick);
6615
+ }
6616
+ });
6617
+ onUnmounted(() => {
6618
+ document.removeEventListener("click", onDocumentClick);
6619
+ });
6571
6620
  return () => createVNode("div", {
6572
6621
  "class": controlClasses.value,
6573
6622
  "ref": formControl2
6574
6623
  }, [createVNode("div", {
6575
6624
  "class": controlContainerClasses.value
6576
6625
  }, [createVNode(Popover, {
6577
- "is-open": showPopover.value,
6626
+ "ref": popoverRef,
6627
+ "is-open": showPopover.value && showPopoverClick.value,
6578
6628
  "trigger": "manually",
6579
6629
  "content": errorMessage.value,
6580
6630
  "pop-type": "error",
6581
- "position": popPosition.value
6631
+ "position": popPosition.value,
6632
+ "align": align.value,
6633
+ "scroll-element": "auto",
6634
+ "append-to-body-scroll-strategy": formContext.appendToBodyScrollStrategy
6582
6635
  }, {
6583
6636
  default: () => {
6584
6637
  var _a, _b;
@@ -6590,7 +6643,7 @@ var FormControl = defineComponent({
6590
6643
  "class": ns2.e("control-info")
6591
6644
  }, [showMessage.value && createVNode("div", {
6592
6645
  "class": "error-message"
6593
- }, [errorMessage.value]), props.extraInfo && createVNode("div", {
6646
+ }, [errorMessage.value]), labelData.value.formItemCtx.slots.extraInfo ? labelData.value.formItemCtx.slots.extraInfo() : props.extraInfo && createVNode("div", {
6594
6647
  "class": ns2.e("control-extra")
6595
6648
  }, [props.extraInfo])])]);
6596
6649
  }
@@ -7609,7 +7662,7 @@ function getFieldValue(obj, path) {
7609
7662
  }
7610
7663
  function useFormItem(messageType, _rules, validateState) {
7611
7664
  const formContext = inject(FORM_TOKEN);
7612
- const ns2 = useNamespace("form");
7665
+ const ns2 = useNamespace$1("form");
7613
7666
  const itemClasses = computed(() => ({
7614
7667
  [`${ns2.em("item", "horizontal")}`]: formContext.layout === "horizontal",
7615
7668
  [`${ns2.em("item", "vertical")}`]: formContext.layout === "vertical",
@@ -7773,7 +7826,9 @@ defineComponent({
7773
7826
  const labelData = computed(() => ({
7774
7827
  layout: formContext.layout,
7775
7828
  labelSize: formContext.labelSize,
7776
- labelAlign: formContext.labelAlign
7829
+ labelAlign: formContext.labelAlign,
7830
+ helpTips: helpTips.value,
7831
+ formItemCtx: ctx
7777
7832
  }));
7778
7833
  provide(LABEL_DATA, labelData);
7779
7834
  const context = reactive(__spreadProps(__spreadValues({}, otherProps), {
@@ -7789,6 +7844,7 @@ defineComponent({
7789
7844
  }));
7790
7845
  provide(FORM_ITEM_TOKEN, context);
7791
7846
  ctx.expose({
7847
+ validate,
7792
7848
  resetField,
7793
7849
  clearValidate
7794
7850
  });
@@ -7802,9 +7858,7 @@ defineComponent({
7802
7858
  });
7803
7859
  return () => createVNode("div", {
7804
7860
  "class": itemClasses.value
7805
- }, [createVNode(FormLabel, {
7806
- "help-tips": helpTips.value
7807
- }, {
7861
+ }, [createVNode(FormLabel, null, {
7808
7862
  default: () => [ctx.slots.label ? ctx.slots.label() : label == null ? void 0 : label.value]
7809
7863
  }), createVNode(FormControl, {
7810
7864
  "feedback-status": feedbackStatus == null ? void 0 : feedbackStatus.value,