vue-devui 1.6.4 → 1.6.6

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 (127) hide show
  1. package/auto-complete/index.es.js +19 -6
  2. package/auto-complete/index.umd.js +10 -10
  3. package/auto-complete/style.css +1 -1
  4. package/breadcrumb/index.es.js +2 -15
  5. package/breadcrumb/index.umd.js +1 -1
  6. package/breadcrumb/style.css +1 -1
  7. package/button/index.es.js +31 -12
  8. package/button/index.umd.js +10 -10
  9. package/button/style.css +1 -1
  10. package/carousel/index.es.js +36 -213
  11. package/carousel/index.umd.js +1 -1
  12. package/carousel/style.css +1 -1
  13. package/category-search/index.es.js +53 -29
  14. package/category-search/index.umd.js +12 -12
  15. package/category-search/style.css +1 -1
  16. package/checkbox/index.es.js +22 -9
  17. package/checkbox/index.umd.js +8 -8
  18. package/checkbox/style.css +1 -1
  19. package/code-review/style.css +1 -1
  20. package/collapse/index.es.js +15 -18
  21. package/collapse/index.umd.js +5 -5
  22. package/data-grid/index.es.js +48 -29
  23. package/data-grid/index.umd.js +6 -6
  24. package/data-grid/style.css +1 -1
  25. package/date-picker-pro/index.es.js +91 -20
  26. package/date-picker-pro/index.umd.js +16 -16
  27. package/date-picker-pro/style.css +1 -1
  28. package/dropdown/index.es.js +2 -15
  29. package/dropdown/index.umd.js +1 -1
  30. package/dropdown/style.css +1 -1
  31. package/editable-select/index.es.js +84 -207
  32. package/editable-select/index.umd.js +20 -16
  33. package/editable-select/style.css +1 -1
  34. package/editor-md/index.es.js +32 -18
  35. package/editor-md/index.umd.js +15 -15
  36. package/editor-md/style.css +1 -1
  37. package/form/style.css +1 -1
  38. package/icon/index.es.js +1 -2
  39. package/icon/index.umd.js +1 -1
  40. package/input/index.es.js +27 -7
  41. package/input/index.umd.js +11 -11
  42. package/input/style.css +1 -1
  43. package/input-number/index.es.js +5 -0
  44. package/input-number/index.umd.js +10 -10
  45. package/input-number/style.css +1 -1
  46. package/mention/index.es.js +12 -3
  47. package/mention/index.umd.js +8 -8
  48. package/mention/style.css +1 -1
  49. package/message/index.es.js +1 -2
  50. package/message/index.umd.js +1 -1
  51. package/modal/index.es.js +27 -4
  52. package/modal/index.umd.js +7 -1
  53. package/modal/style.css +1 -1
  54. package/notification/index.es.js +1 -2
  55. package/notification/index.umd.js +2 -2
  56. package/overlay/style.css +1 -1
  57. package/package.json +1 -1
  58. package/pagination/index.es.js +83 -263
  59. package/pagination/index.umd.js +14 -19
  60. package/pagination/style.css +1 -1
  61. package/popover/style.css +1 -1
  62. package/radio/index.es.js +10 -28
  63. package/radio/index.umd.js +9 -9
  64. package/radio/style.css +1 -1
  65. package/result/index.es.js +1 -2
  66. package/result/index.umd.js +1 -1
  67. package/search/index.es.js +54 -28
  68. package/search/index.umd.js +18 -14
  69. package/search/style.css +1 -1
  70. package/select/index.es.js +71 -52
  71. package/select/index.umd.js +18 -23
  72. package/select/style.css +1 -1
  73. package/splitter/style.css +1 -1
  74. package/steps/index.es.js +1 -2
  75. package/steps/index.umd.js +1 -1
  76. package/style.css +2 -2
  77. package/switch/index.es.js +16 -2
  78. package/switch/index.umd.js +15 -15
  79. package/switch/style.css +1 -1
  80. package/table/index.es.js +49 -30
  81. package/table/index.umd.js +12 -12
  82. package/table/style.css +1 -1
  83. package/textarea/index.es.js +6 -1
  84. package/textarea/index.umd.js +1 -1
  85. package/textarea/style.css +1 -1
  86. package/time-picker/index.es.js +66 -14
  87. package/time-picker/index.umd.js +16 -16
  88. package/time-picker/style.css +1 -1
  89. package/time-select/index.es.js +71 -52
  90. package/time-select/index.umd.js +12 -17
  91. package/time-select/style.css +1 -1
  92. package/timeline/index.es.js +1 -2
  93. package/timeline/index.umd.js +1 -1
  94. package/tooltip/style.css +1 -1
  95. package/tree/index.es.js +22 -9
  96. package/tree/index.umd.js +9 -9
  97. package/tree/style.css +1 -1
  98. package/types/auto-complete/src/auto-complete-types.d.ts +4 -0
  99. package/types/carousel/src/components/carousel-icons.d.ts +2 -0
  100. package/types/cascader/src/cascader-types.d.ts +4 -0
  101. package/types/checkbox/src/checkbox-types.d.ts +8 -0
  102. package/types/date-picker-pro/src/date-picker-pro-types.d.ts +12 -0
  103. package/types/date-picker-pro/src/range-date-picker-types.d.ts +4 -0
  104. package/types/dropdown/src/use-dropdown.d.ts +1 -1
  105. package/types/editable-select/src/editable-select-types.d.ts +4 -0
  106. package/types/editor-md/src/composables/use-editor-md.d.ts +1 -0
  107. package/types/editor-md/src/editor-md-types.d.ts +3 -0
  108. package/types/icon/src/icon-types.d.ts +0 -1
  109. package/types/input/src/input-types.d.ts +4 -0
  110. package/types/input-icon/src/input-icon.d.ts +9 -0
  111. package/types/input-number/src/input-number-types.d.ts +4 -0
  112. package/types/mention/src/mention-types.d.ts +4 -0
  113. package/types/mention/src/mention.d.ts +9 -0
  114. package/types/modal/src/components/modal-icons.d.ts +1 -0
  115. package/types/radio/src/radio-types.d.ts +8 -0
  116. package/types/select/src/select-types.d.ts +4 -0
  117. package/types/svg-icons/index.d.ts +3 -0
  118. package/types/textarea/src/textarea-types.d.ts +4 -0
  119. package/types/time-picker/src/components/time-scroll/index.d.ts +9 -0
  120. package/types/time-picker/src/time-picker-types.d.ts +4 -0
  121. package/upload/index.es.js +1 -2
  122. package/upload/index.umd.js +2 -2
  123. package/vue-devui.es.js +393 -174
  124. package/vue-devui.umd.js +93 -82
  125. package/types/search/src/components/search-close-icon.d.ts +0 -2
  126. package/types/search/src/components/search-icon.d.ts +0 -2
  127. package/types/select/src/components/select-arrow-icon.d.ts +0 -2
package/switch/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;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}:host{display:inline-block;font-size:0;vertical-align:middle}.devui-switch{display:inline-flex;align-items:center;width:44.8px;height:32px}.devui-switch__wrapper{width:100%;height:62.5%;border-radius:var(--devui-border-radius-full, 100px);background:var(--devui-line, #d7d8da);border:1px solid var(--devui-line, #d7d8da);position:relative;display:inline-block;box-sizing:border-box;overflow:visible;padding:0;margin:0;cursor:pointer;vertical-align:bottom;transition:var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)) all}.devui-switch__wrapper:not(.devui-switch--checked):hover{border-color:var(--devui-line, #d7d8da)}.devui-switch__wrapper:active{border-color:var(--devui-brand-active-focus, #344899)}.devui-switch__wrapper .devui-switch__inner-wrapper{display:inline-block;width:100%;height:100%;padding-left:14px;font-size:var(--devui-font-size, 12px);box-sizing:border-box}.devui-switch__wrapper .devui-switch__inner-wrapper .devui-switch__inner{color:var(--devui-light-text, #ffffff);width:100%;height:100%;text-align:center;overflow:hidden}.devui-switch__wrapper small{width:16px;height:16px;background:var(--devui-light-text, #ffffff);border-radius:var(--devui-border-radius-full, 100px);position:absolute;top:1px;left:1px;transition:var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)) all}.devui-switch .devui-switch--checked .devui-switch__inner-wrapper{padding-left:unset;padding-right:14px}.devui-switch .devui-switch--checked small{background:var(--devui-light-text, #ffffff);left:26px}.devui-switch--lg{width:56px;height:40px}.devui-switch--lg .devui-switch__wrapper{height:64%}.devui-switch--lg .devui-switch__inner-wrapper{padding-left:24px;font-size:var(--devui-font-size-modal-title, 18px)}.devui-switch--lg .devui-switch--checked .devui-switch__inner-wrapper{padding-left:unset;padding-right:24px}.devui-switch--lg small{width:22px;height:22px}.devui-switch--lg .devui-switch--checked small{background:var(--devui-light-text, #ffffff);left:31px}.devui-switch--sm{width:33.6px;height:24px}.devui-switch--sm .devui-switch__wrapper{height:66%}.devui-switch--sm .devui-switch__inner-wrapper{line-height:1;padding-left:12px;font-size:var(--devui-font-size-sm, 12px)}.devui-switch--sm .devui-switch--checked .devui-switch__inner-wrapper{padding-left:unset;padding-right:18px}.devui-switch--sm small{width:12px;height:12px;position:absolute}.devui-switch--sm .devui-switch--checked small{left:19px}.devui-switch--checked{background:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-switch--checked:hover{background:var(--devui-brand-active, #526ecc);border-color:var(--devui-brand-active, #526ecc)}.devui-switch--checked:active{background:var(--devui-brand-active-focus, #344899);border-color:var(--devui-brand-active-focus, #344899)}.devui-switch--disabled,.devui-switch--disabled:hover,.devui-switch--disabled:active,.devui-switch--disabled.devui-switch--checked{cursor:not-allowed}.devui-switch--disabled,.devui-switch--disabled:hover,.devui-switch--disabled:active{background-color:var(--devui-disabled-line, #dfe1e6);border-color:var(--devui-disabled-line, #dfe1e6)}.devui-switch--disabled small,.devui-switch--disabled:hover small,.devui-switch--disabled:active small{background-color:var(--devui-unavailable, #f5f5f5)}.devui-switch--disabled.devui-switch--checked{background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-switch--disabled.devui-switch--checked small{background-color:var(--devui-light-text, #ffffff)}
1
+ .devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));opacity:1;z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label--required-hide:before{display:none}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__label-tips-popover .dv-popover__icon-wrap+span{flex:1}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 12px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}:host{display:inline-block;font-size:0;vertical-align:middle}.devui-switch{display:inline-flex;align-items:center;width:44.8px;height:32px}.devui-switch__wrapper{width:100%;height:62.5%;border-radius:var(--devui-border-radius-full, 100px);background:var(--devui-line, #d7d8da);border:1px solid var(--devui-line, #d7d8da);position:relative;display:inline-block;box-sizing:border-box;overflow:visible;padding:0;margin:0;cursor:pointer;vertical-align:bottom;transition:var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)) all}.devui-switch__wrapper:not(.devui-switch--checked):hover{background-color:#bdbdbd;border-color:#bdbdbd}.devui-switch__wrapper:active{border-color:var(--devui-primary-hover, #7693f5)}.devui-switch__wrapper .devui-switch__inner-wrapper{display:inline-block;width:100%;height:100%;padding-left:14px;font-size:var(--devui-font-size, 12px);box-sizing:border-box}.devui-switch__wrapper .devui-switch__inner-wrapper .devui-switch__inner{color:var(--devui-light-text, #ffffff);width:100%;height:100%;text-align:center;overflow:hidden}.devui-switch__wrapper small{width:16px;height:16px;background:var(--devui-light-text, #ffffff);border-radius:var(--devui-border-radius-full, 100px);position:absolute;top:1px;left:1px;transition:var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)) all}.devui-switch__wrapper small.mouseDown{width:19px}.devui-switch .devui-switch--checked .devui-switch__inner-wrapper{padding-left:unset;padding-right:14px}.devui-switch .devui-switch--checked small{background:var(--devui-light-text, #ffffff);left:26px}.devui-switch .devui-switch--checked small.mouseDown{left:23px}.devui-switch--lg{width:56px;height:40px}.devui-switch--lg .devui-switch__wrapper{height:64%}.devui-switch--lg .devui-switch__inner-wrapper{padding-left:24px;font-size:var(--devui-font-size-modal-title, 18px)}.devui-switch--lg .devui-switch--checked .devui-switch__inner-wrapper{padding-left:unset;padding-right:24px}.devui-switch--lg small{width:22px;height:22px}.devui-switch--lg small.mouseDown{width:26px}.devui-switch--lg .devui-switch--checked small{background:var(--devui-light-text, #ffffff);left:31px}.devui-switch--lg .devui-switch--checked small.mouseDown{left:28px}.devui-switch--sm{width:33.6px;height:24px}.devui-switch--sm .devui-switch__wrapper{height:66%}.devui-switch--sm .devui-switch__inner-wrapper{line-height:1;padding-left:12px;font-size:var(--devui-font-size-sm, 12px)}.devui-switch--sm .devui-switch--checked .devui-switch__inner-wrapper{padding-left:unset;padding-right:18px}.devui-switch--sm small{width:12px;height:12px;position:absolute}.devui-switch--sm small.mouseDown{width:14px}.devui-switch--sm .devui-switch--checked small{left:19px}.devui-switch--sm .devui-switch--checked small.mouseDown{left:17px}.devui-switch--checked{background:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-switch--checked:hover{background:var(--devui-primary-hover, #7693f5);border-color:var(--devui-primary-hover, #7693f5)}.devui-switch--checked:active{background:var(--devui-brand-active-focus, #344899);border-color:var(--devui-brand-active-focus, #344899)}.devui-switch>.devui-switch--disabled,.devui-switch>.devui-switch--disabled:hover,.devui-switch>.devui-switch--disabled:active,.devui-switch>.devui-switch--disabled.devui-switch--checked{cursor:not-allowed}.devui-switch>.devui-switch--disabled,.devui-switch>.devui-switch--disabled:hover,.devui-switch>.devui-switch--disabled:active{background-color:var(--devui-disabled-line, #dfe1e6);border-color:var(--devui-disabled-line, #dfe1e6)}.devui-switch>.devui-switch--disabled small,.devui-switch>.devui-switch--disabled:hover small,.devui-switch>.devui-switch--disabled:active small{background-color:var(--devui-unavailable, #f5f5f5)}.devui-switch>.devui-switch--disabled.devui-switch--checked{background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-switch>.devui-switch--disabled.devui-switch--checked small{background-color:var(--devui-light-text, #ffffff)}
package/table/index.es.js CHANGED
@@ -33,7 +33,7 @@ var __publicField = (obj, key, value) => {
33
33
  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
34
34
  return value;
35
35
  };
36
- import { computed, ref, watchEffect, watch, getCurrentInstance, unref, defineComponent, inject, createVNode, mergeProps, toRefs, onMounted, onUnmounted, Transition, nextTick, withModifiers, Comment, Text, h, Fragment, withDirectives, cloneVNode, provide, Teleport, vShow, resolveDynamicComponent, render, resolveComponent, toRef, reactive, createTextVNode, onBeforeUnmount, isVNode, onBeforeMount, onUpdated, resolveDirective } from "vue";
36
+ import { computed, ref, watchEffect, watch, getCurrentInstance, unref, defineComponent, inject, createVNode, mergeProps, toRefs, onMounted, onUnmounted, Transition, nextTick, withModifiers, Comment, Text, h, Fragment, withDirectives, cloneVNode, provide, Teleport, vShow, resolveDynamicComponent, render, reactive, resolveComponent, toRef, createTextVNode, onBeforeUnmount, isVNode, onBeforeMount, onUpdated, resolveDirective } from "vue";
37
37
  import "clipboard";
38
38
  import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
39
39
  import { onClickOutside } from "@vueuse/core";
@@ -1012,17 +1012,7 @@ const useDropdownEvent = ({ id, isOpen, origin, dropdownRef, props, emit }) => {
1012
1012
  onInvalidate(() => subscriptions.forEach((v) => v()));
1013
1013
  });
1014
1014
  };
1015
- function useDropdown(id, visible, isOpen, origin, dropdownRef, popDirection, emit) {
1016
- const calcPopDirection = (dropdownEl) => {
1017
- const elementHeight = dropdownEl.offsetHeight;
1018
- const bottomDistance = window.innerHeight - origin.value.getBoundingClientRect().bottom;
1019
- const isBottomEnough = bottomDistance >= elementHeight;
1020
- if (!isBottomEnough) {
1021
- popDirection.value = "top";
1022
- } else {
1023
- popDirection.value = "bottom";
1024
- }
1025
- };
1015
+ function useDropdown(id, visible, isOpen, origin, dropdownRef, emit) {
1026
1016
  watch(visible, (newVal, oldVal) => {
1027
1017
  if (oldVal === void 0) {
1028
1018
  return;
@@ -1046,9 +1036,6 @@ function useDropdown(id, visible, isOpen, origin, dropdownRef, popDirection, emi
1046
1036
  }
1047
1037
  }
1048
1038
  }
1049
- if (dropdownEl) {
1050
- calcPopDirection(dropdownEl);
1051
- }
1052
1039
  });
1053
1040
  onMounted(() => {
1054
1041
  dropdownMap.set(id, { toggleEl: origin.value });
@@ -1414,7 +1401,7 @@ var Dropdown = defineComponent({
1414
1401
  props,
1415
1402
  emit
1416
1403
  });
1417
- useDropdown(id, visible, isOpen, origin, dropdownRef, currentPosition, emit);
1404
+ useDropdown(id, visible, isOpen, origin, dropdownRef, emit);
1418
1405
  const {
1419
1406
  overlayModelValue,
1420
1407
  overlayShowValue,
@@ -1571,8 +1558,7 @@ const DEFAULT_PREFIX = "icon";
1571
1558
  const iconProps = {
1572
1559
  name: {
1573
1560
  type: String,
1574
- default: "",
1575
- required: true
1561
+ default: ""
1576
1562
  },
1577
1563
  size: {
1578
1564
  type: [Number, String],
@@ -7460,19 +7446,36 @@ var Button = defineComponent({
7460
7446
  classes,
7461
7447
  iconClass
7462
7448
  } = useButton(props, ctx);
7449
+ const isMouseDown = ref(false);
7450
+ const showWave = ref(false);
7451
+ const waveStyle = reactive({
7452
+ top: "0px",
7453
+ left: "0px"
7454
+ });
7455
+ const showClickWave = (e) => {
7456
+ waveStyle.left = e.offsetX + "px";
7457
+ waveStyle.top = e.offsetY + "px";
7458
+ showWave.value = true;
7459
+ setTimeout(() => {
7460
+ showWave.value = false;
7461
+ }, 300);
7462
+ };
7463
7463
  const onClick = (e) => {
7464
7464
  if (loading2.value) {
7465
7465
  return;
7466
7466
  }
7467
+ showClickWave(e);
7467
7468
  ctx.emit("click", e);
7468
7469
  };
7469
7470
  return () => {
7470
7471
  var _a, _b;
7471
7472
  return createVNode("button", {
7472
- "class": classes.value,
7473
+ "class": [classes.value, isMouseDown.value ? "mousedown" : ""],
7473
7474
  "disabled": disabled.value,
7474
7475
  "onClick": onClick,
7475
- "type": nativeType.value
7476
+ "type": nativeType.value,
7477
+ "onMousedown": () => isMouseDown.value = true,
7478
+ "onMouseup": () => isMouseDown.value = false
7476
7479
  }, [icon2.value && createVNode(Icon, {
7477
7480
  "name": icon2.value,
7478
7481
  "size": "var(--devui-font-size, 12px)",
@@ -7486,7 +7489,10 @@ var Button = defineComponent({
7486
7489
  "color": "#BBDEFB"
7487
7490
  }, null)]), [[vShow, loading2.value]]), createVNode("span", {
7488
7491
  "class": "button-content"
7489
- }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])]);
7492
+ }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]), showWave.value && createVNode("div", {
7493
+ "class": "water-wave",
7494
+ "style": waveStyle
7495
+ }, null)]);
7490
7496
  };
7491
7497
  }
7492
7498
  });
@@ -7543,6 +7549,10 @@ const commonProps = {
7543
7549
  size: {
7544
7550
  type: String,
7545
7551
  default: "md"
7552
+ },
7553
+ showGlowStyle: {
7554
+ type: Boolean,
7555
+ default: true
7546
7556
  }
7547
7557
  };
7548
7558
  const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
@@ -9828,7 +9838,10 @@ var Checkbox = defineComponent({
9828
9838
  active: mergedChecked.value,
9829
9839
  "half-checked": props.halfChecked,
9830
9840
  disabled: mergedDisabled.value,
9831
- unchecked: !mergedChecked.value
9841
+ unchecked: !mergedChecked.value,
9842
+ [ns2.m("glow-style")]: props.showGlowStyle,
9843
+ [ns2.m(`checkbox-${size.value}`)]: border.value,
9844
+ [ns2.m("checkbox-bordered")]: border.value
9832
9845
  };
9833
9846
  const labelTitle = mergedIsShowTitle.value ? props.title || props.label : "";
9834
9847
  const bgImgStyle = mergedColor.value && props.halfChecked || mergedColor.value ? `linear-gradient(${mergedColor.value}, ${mergedColor.value})` : "";
@@ -9845,7 +9858,7 @@ var Checkbox = defineComponent({
9845
9858
  [ns2.m("no-animation")]: !mergedShowAnimation.value
9846
9859
  };
9847
9860
  const labelCls = {
9848
- [ns2.m(size.value)]: size.value,
9861
+ [ns2.m(size.value)]: border.value,
9849
9862
  [ns2.m("bordered")]: border.value
9850
9863
  };
9851
9864
  const stopPropagation = ($event) => $event.stopPropagation();
@@ -9857,7 +9870,11 @@ var Checkbox = defineComponent({
9857
9870
  "style": wrapperStyle.value
9858
9871
  }, [createVNode("div", {
9859
9872
  "class": checkboxCls
9860
- }, [createVNode("label", {
9873
+ }, [props.showGlowStyle && mergedShowAnimation.value && createVNode("div", {
9874
+ "class": ns2.e("glow-box")
9875
+ }, [createVNode("span", {
9876
+ "class": "glow-bg"
9877
+ }, null)]), createVNode("label", {
9861
9878
  "title": labelTitle,
9862
9879
  "onClick": handleClick,
9863
9880
  "class": labelCls,
@@ -9879,18 +9896,20 @@ var Checkbox = defineComponent({
9879
9896
  }, [createVNode("span", {
9880
9897
  "class": ns2.e("halfchecked-bg")
9881
9898
  }, null), createVNode("svg", {
9882
- "viewBox": "0 0 16 16",
9883
- "version": "1.1",
9884
- "xmlns": "http://www.w3.org/2000/svg",
9899
+ "viewBox": "0 0 14 14",
9900
+ "width": "14",
9901
+ "height": "14",
9885
9902
  "class": ns2.e("tick-wrap")
9886
9903
  }, [createVNode("g", {
9887
9904
  "stroke": "none",
9888
9905
  "stroke-width": "1",
9889
9906
  "fill": "none",
9890
9907
  "fill-rule": "evenodd"
9891
- }, [createVNode("polygon", {
9892
- "fill-rule": "nonzero",
9893
- "points": "5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",
9908
+ }, [createVNode("path", {
9909
+ "d": "M 2.3 7.0 5.6 9.6 11.4 3.5",
9910
+ "stroke": "#fff",
9911
+ "stroke-width": "1.5",
9912
+ "fill": "none",
9894
9913
  "class": polygonCls
9895
9914
  }, null)])])]), createVNode("span", {
9896
9915
  "class": ns2.e("label-text")