vue-devui 1.6.5 → 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.
- package/auto-complete/index.es.js +18 -4
- package/auto-complete/index.umd.js +10 -10
- package/auto-complete/style.css +1 -1
- package/breadcrumb/style.css +1 -1
- package/button/index.es.js +30 -10
- package/button/index.umd.js +10 -10
- package/button/style.css +1 -1
- package/category-search/index.es.js +50 -12
- package/category-search/index.umd.js +12 -12
- package/category-search/style.css +1 -1
- package/checkbox/index.es.js +22 -9
- package/checkbox/index.umd.js +8 -8
- package/checkbox/style.css +1 -1
- package/code-review/style.css +1 -1
- package/data-grid/index.es.js +45 -12
- package/data-grid/index.umd.js +6 -6
- package/data-grid/style.css +1 -1
- package/date-picker-pro/index.es.js +70 -14
- package/date-picker-pro/index.umd.js +14 -14
- package/date-picker-pro/style.css +1 -1
- package/dropdown/style.css +1 -1
- package/editable-select/index.es.js +83 -205
- package/editable-select/index.umd.js +20 -16
- package/editable-select/style.css +1 -1
- package/editor-md/style.css +1 -1
- package/form/style.css +1 -1
- package/input/index.es.js +6 -1
- package/input/index.umd.js +6 -6
- package/input/style.css +1 -1
- package/input-number/index.es.js +5 -0
- package/input-number/index.umd.js +10 -10
- package/input-number/style.css +1 -1
- package/mention/index.es.js +11 -1
- package/mention/index.umd.js +8 -8
- package/mention/style.css +1 -1
- package/modal/style.css +1 -1
- package/overlay/style.css +1 -1
- package/package.json +1 -1
- package/pagination/index.es.js +28 -10
- package/pagination/index.umd.js +14 -14
- package/pagination/style.css +1 -1
- package/popover/style.css +1 -1
- package/radio/index.es.js +10 -28
- package/radio/index.umd.js +9 -9
- package/radio/style.css +1 -1
- package/search/index.es.js +6 -1
- package/search/index.umd.js +6 -6
- package/search/style.css +1 -1
- package/select/index.es.js +28 -10
- package/select/index.umd.js +15 -15
- package/select/style.css +1 -1
- package/splitter/style.css +1 -1
- package/style.css +2 -2
- package/switch/index.es.js +16 -2
- package/switch/index.umd.js +15 -15
- package/switch/style.css +1 -1
- package/table/index.es.js +46 -13
- package/table/index.umd.js +12 -12
- package/table/style.css +1 -1
- package/textarea/index.es.js +6 -1
- package/textarea/index.umd.js +1 -1
- package/textarea/style.css +1 -1
- package/time-picker/index.es.js +45 -8
- package/time-picker/index.umd.js +9 -9
- package/time-picker/style.css +1 -1
- package/time-select/index.es.js +28 -10
- package/time-select/index.umd.js +8 -8
- package/time-select/style.css +1 -1
- package/tooltip/style.css +1 -1
- package/tree/index.es.js +22 -9
- package/tree/index.umd.js +9 -9
- package/tree/style.css +1 -1
- package/types/auto-complete/src/auto-complete-types.d.ts +4 -0
- package/types/cascader/src/cascader-types.d.ts +4 -0
- package/types/checkbox/src/checkbox-types.d.ts +8 -0
- package/types/date-picker-pro/src/date-picker-pro-types.d.ts +12 -0
- package/types/date-picker-pro/src/range-date-picker-types.d.ts +4 -0
- package/types/editable-select/src/editable-select-types.d.ts +4 -0
- package/types/input/src/input-types.d.ts +4 -0
- package/types/input-icon/src/input-icon.d.ts +9 -0
- package/types/input-number/src/input-number-types.d.ts +4 -0
- package/types/mention/src/mention-types.d.ts +4 -0
- package/types/mention/src/mention.d.ts +9 -0
- package/types/radio/src/radio-types.d.ts +8 -0
- package/types/select/src/select-types.d.ts +4 -0
- package/types/textarea/src/textarea-types.d.ts +4 -0
- package/types/time-picker/src/components/time-scroll/index.d.ts +9 -0
- package/types/time-picker/src/time-picker-types.d.ts +4 -0
- package/vue-devui.es.js +208 -79
- package/vue-devui.umd.js +52 -52
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,
|
|
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";
|
|
@@ -7446,19 +7446,36 @@ var Button = defineComponent({
|
|
|
7446
7446
|
classes,
|
|
7447
7447
|
iconClass
|
|
7448
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
|
+
};
|
|
7449
7463
|
const onClick = (e) => {
|
|
7450
7464
|
if (loading2.value) {
|
|
7451
7465
|
return;
|
|
7452
7466
|
}
|
|
7467
|
+
showClickWave(e);
|
|
7453
7468
|
ctx.emit("click", e);
|
|
7454
7469
|
};
|
|
7455
7470
|
return () => {
|
|
7456
7471
|
var _a, _b;
|
|
7457
7472
|
return createVNode("button", {
|
|
7458
|
-
"class": classes.value,
|
|
7473
|
+
"class": [classes.value, isMouseDown.value ? "mousedown" : ""],
|
|
7459
7474
|
"disabled": disabled.value,
|
|
7460
7475
|
"onClick": onClick,
|
|
7461
|
-
"type": nativeType.value
|
|
7476
|
+
"type": nativeType.value,
|
|
7477
|
+
"onMousedown": () => isMouseDown.value = true,
|
|
7478
|
+
"onMouseup": () => isMouseDown.value = false
|
|
7462
7479
|
}, [icon2.value && createVNode(Icon, {
|
|
7463
7480
|
"name": icon2.value,
|
|
7464
7481
|
"size": "var(--devui-font-size, 12px)",
|
|
@@ -7472,7 +7489,10 @@ var Button = defineComponent({
|
|
|
7472
7489
|
"color": "#BBDEFB"
|
|
7473
7490
|
}, null)]), [[vShow, loading2.value]]), createVNode("span", {
|
|
7474
7491
|
"class": "button-content"
|
|
7475
|
-
}, [(_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)]);
|
|
7476
7496
|
};
|
|
7477
7497
|
}
|
|
7478
7498
|
});
|
|
@@ -7529,6 +7549,10 @@ const commonProps = {
|
|
|
7529
7549
|
size: {
|
|
7530
7550
|
type: String,
|
|
7531
7551
|
default: "md"
|
|
7552
|
+
},
|
|
7553
|
+
showGlowStyle: {
|
|
7554
|
+
type: Boolean,
|
|
7555
|
+
default: true
|
|
7532
7556
|
}
|
|
7533
7557
|
};
|
|
7534
7558
|
const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
|
|
@@ -9814,7 +9838,10 @@ var Checkbox = defineComponent({
|
|
|
9814
9838
|
active: mergedChecked.value,
|
|
9815
9839
|
"half-checked": props.halfChecked,
|
|
9816
9840
|
disabled: mergedDisabled.value,
|
|
9817
|
-
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
|
|
9818
9845
|
};
|
|
9819
9846
|
const labelTitle = mergedIsShowTitle.value ? props.title || props.label : "";
|
|
9820
9847
|
const bgImgStyle = mergedColor.value && props.halfChecked || mergedColor.value ? `linear-gradient(${mergedColor.value}, ${mergedColor.value})` : "";
|
|
@@ -9831,7 +9858,7 @@ var Checkbox = defineComponent({
|
|
|
9831
9858
|
[ns2.m("no-animation")]: !mergedShowAnimation.value
|
|
9832
9859
|
};
|
|
9833
9860
|
const labelCls = {
|
|
9834
|
-
[ns2.m(size.value)]:
|
|
9861
|
+
[ns2.m(size.value)]: border.value,
|
|
9835
9862
|
[ns2.m("bordered")]: border.value
|
|
9836
9863
|
};
|
|
9837
9864
|
const stopPropagation = ($event) => $event.stopPropagation();
|
|
@@ -9843,7 +9870,11 @@ var Checkbox = defineComponent({
|
|
|
9843
9870
|
"style": wrapperStyle.value
|
|
9844
9871
|
}, [createVNode("div", {
|
|
9845
9872
|
"class": checkboxCls
|
|
9846
|
-
}, [createVNode("
|
|
9873
|
+
}, [props.showGlowStyle && mergedShowAnimation.value && createVNode("div", {
|
|
9874
|
+
"class": ns2.e("glow-box")
|
|
9875
|
+
}, [createVNode("span", {
|
|
9876
|
+
"class": "glow-bg"
|
|
9877
|
+
}, null)]), createVNode("label", {
|
|
9847
9878
|
"title": labelTitle,
|
|
9848
9879
|
"onClick": handleClick,
|
|
9849
9880
|
"class": labelCls,
|
|
@@ -9865,18 +9896,20 @@ var Checkbox = defineComponent({
|
|
|
9865
9896
|
}, [createVNode("span", {
|
|
9866
9897
|
"class": ns2.e("halfchecked-bg")
|
|
9867
9898
|
}, null), createVNode("svg", {
|
|
9868
|
-
"viewBox": "0 0
|
|
9869
|
-
"
|
|
9870
|
-
"
|
|
9899
|
+
"viewBox": "0 0 14 14",
|
|
9900
|
+
"width": "14",
|
|
9901
|
+
"height": "14",
|
|
9871
9902
|
"class": ns2.e("tick-wrap")
|
|
9872
9903
|
}, [createVNode("g", {
|
|
9873
9904
|
"stroke": "none",
|
|
9874
9905
|
"stroke-width": "1",
|
|
9875
9906
|
"fill": "none",
|
|
9876
9907
|
"fill-rule": "evenodd"
|
|
9877
|
-
}, [createVNode("
|
|
9878
|
-
"
|
|
9879
|
-
"
|
|
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",
|
|
9880
9913
|
"class": polygonCls
|
|
9881
9914
|
}, null)])])]), createVNode("span", {
|
|
9882
9915
|
"class": ns2.e("label-text")
|