vue-devui 1.0.0-rc.10 → 1.0.0-rc.11
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/README.md +149 -149
- package/auto-complete/index.es.js +22 -14
- package/auto-complete/index.umd.js +8 -8
- package/auto-complete/style.css +1 -1
- package/badge/index.es.js +5 -1
- package/badge/index.umd.js +1 -1
- package/badge/style.css +1 -1
- package/button/index.es.js +1 -1
- package/button/index.umd.js +1 -1
- package/button/style.css +1 -1
- package/card/index.es.js +5 -1
- package/card/index.umd.js +1 -1
- package/card/style.css +1 -1
- package/checkbox/index.es.js +21 -13
- package/checkbox/index.umd.js +7 -7
- package/checkbox/style.css +1 -1
- package/collapse/index.es.js +1 -1
- package/collapse/index.umd.js +1 -1
- package/collapse/style.css +1 -1
- package/date-picker/index.es.js +22 -14
- package/date-picker/index.umd.js +9 -9
- package/date-picker/style.css +1 -1
- package/editable-select/style.css +1 -1
- package/form/index.es.js +21 -13
- package/form/index.umd.js +11 -11
- package/icon/index.es.js +1 -1
- package/icon/index.umd.js +1 -1
- package/icon/style.css +1 -1
- package/image-preview/style.css +1 -1
- package/input/index.es.js +22 -14
- package/input/index.umd.js +7 -7
- package/input/style.css +1 -1
- package/input-number/style.css +1 -1
- package/modal/index.es.js +1 -1
- package/modal/index.umd.js +1 -1
- package/modal/style.css +1 -1
- package/notification/index.es.js +1 -1
- package/notification/index.umd.js +1 -1
- package/notification/style.css +1 -1
- package/nuxt/components/TABLE_TOKEN.js +3 -0
- package/nuxt/components/TimeSelect.js +3 -0
- package/nuxt/components/tableProps.js +3 -0
- package/package.json +2 -1
- package/pagination/style.css +1 -1
- package/panel/style.css +1 -1
- package/radio/index.es.js +21 -13
- package/radio/index.umd.js +7 -7
- package/radio/style.css +1 -1
- package/rate/style.css +1 -1
- package/result/index.es.js +1 -1
- package/result/index.umd.js +1 -1
- package/result/style.css +1 -1
- package/search/index.es.js +23 -14
- package/search/index.umd.js +7 -7
- package/search/style.css +1 -1
- package/select/index.es.js +45 -18
- package/select/index.umd.js +11 -11
- package/select/style.css +1 -1
- package/slider/index.es.js +116 -143
- package/slider/index.umd.js +1 -1
- package/slider/style.css +1 -1
- package/statistic/index.es.js +34 -16
- package/statistic/index.umd.js +1 -1
- package/statistic/style.css +1 -1
- package/status/style.css +1 -1
- package/style.css +1 -1
- package/switch/index.es.js +21 -13
- package/switch/index.umd.js +9 -9
- package/switch/style.css +1 -1
- package/table/index.es.js +212 -177
- package/table/index.umd.js +15 -15
- package/table/style.css +1 -1
- package/tabs/index.es.js +3 -1
- package/tabs/index.umd.js +1 -1
- package/tabs/style.css +1 -1
- package/textarea/index.es.js +21 -13
- package/textarea/index.umd.js +9 -9
- package/textarea/style.css +1 -1
- package/time-select/index.d.ts +7 -0
- package/time-select/index.es.js +9460 -0
- package/time-select/index.umd.js +27 -0
- package/time-select/package.json +7 -0
- package/time-select/style.css +1 -0
- package/timeline/index.es.js +1 -1
- package/timeline/index.umd.js +1 -1
- package/timeline/style.css +1 -1
- package/tree/index.es.js +1073 -63
- package/tree/index.umd.js +17 -17
- package/tree/style.css +1 -1
- package/upload/index.es.js +49 -11
- package/upload/index.umd.js +1 -1
- package/upload/style.css +1 -1
- package/vue-devui.es.js +1756 -493
- package/vue-devui.umd.js +21 -21
package/auto-complete/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 4px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 4px 8px 0) var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;color:var(--devui-text, #252b3a)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-content{width:100%}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 14px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 14px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}.devui-loading__mask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #d7d8da);opacity:.3}.devui-loading__wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}.devui-loading--hidden{overflow:hidden}.devui-loading__text{margin-left:10px}.devui-loading__area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-loading__busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-loading__busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-loading__busy-default-spinner .devui-loading__bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-loading__busy-default-spinner .devui-loading__bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}@charset "UTF-8";.devui-auto-complete .devui-dropdown-menu,.devui-auto-complete__menu .devui-dropdown-menu{width:100%;left:0!important;top:0!important;margin:0!important;box-shadow:none}.devui-auto-complete .devui-dropdown-menu ul,.devui-auto-complete__menu .devui-dropdown-menu ul{width:100%;padding:0}.devui-auto-complete .devui-form-control{padding:4px 0;width:100%;background-color:transparent}.devui-auto-complete .active,.devui-auto-complete__menu .active{background:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-auto-complete .devui-dropdown-menu,.devui-auto-complete__menu .devui-dropdown-menu{width:100%;display:block}.devui-auto-complete .devui-auto-complete__dropdown-menu-cdk,.devui-auto-complete__menu .devui-auto-complete__dropdown-menu-cdk{position:static}.devui-auto-complete .devui-dropdown-item,.devui-auto-complete__menu .devui-dropdown-item{cursor:pointer;display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px}.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected,.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected,.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover{color:var(--devui-list-item-active-text, #252b3a)!important;background-color:var(--devui-list-item-active-bg, #f2f5fc)!important}.devui-auto-complete .devui-auto-complete__no-result-template,.devui-auto-complete .devui-auto-complete__searching-template,.devui-auto-complete__menu .devui-auto-complete__no-result-template,.devui-auto-complete__menu .devui-auto-complete__searching-template{display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);color:var(--devui-disabled-text, #cfd0d3);line-height:14px}.devui-auto-complete .devui-auto-complete__no-result-template:hover,.devui-auto-complete .devui-auto-complete__no-result-template:active,.devui-auto-complete .devui-auto-complete__no-result-template:hover:active,.devui-auto-complete .devui-auto-complete__searching-template:hover,.devui-auto-complete .devui-auto-complete__searching-template:active,.devui-auto-complete .devui-auto-complete__searching-template:hover:active,.devui-auto-complete__menu .devui-auto-complete__no-result-template:hover,.devui-auto-complete__menu .devui-auto-complete__no-result-template:active,.devui-auto-complete__menu .devui-auto-complete__no-result-template:hover:active,.devui-auto-complete__menu .devui-auto-complete__searching-template:hover,.devui-auto-complete__menu .devui-auto-complete__searching-template:active,.devui-auto-complete__menu .devui-auto-complete__searching-template:hover:active{background-color:var(--devui-unavailable, #f5f5f5)}.devui-auto-complete .devui-dropdown-item.disabled,.devui-auto-complete .devui-dropdown-item.disabled:hover,.devui-auto-complete__menu .devui-dropdown-item.disabled,.devui-auto-complete__menu .devui-dropdown-item.disabled:hover{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-auto-complete ul.devui-auto-complete__list-unstyled,.devui-auto-complete__menu ul.devui-auto-complete__list-unstyled{margin:0;overflow-y:auto}.devui-auto-complete .devui-auto-complete__dropdown-bg,.devui-auto-complete__menu .devui-auto-complete__dropdown-bg{background:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-auto-complete .devui-auto-complete__popup-tips,.devui-auto-complete__menu .devui-auto-complete__popup-tips{color:var(--devui-text-weak, #575d6c);padding:4px 12px}.devui-auto-complete .devui-auto-complete__dropdown-latestSource ul,.devui-auto-complete__menu .devui-auto-complete__dropdown-latestSource ul{line-height:initial!important}.devui-auto-complete--sm{height:26px;font-size:var(--devui-font-size-sm, 12px)}.devui-auto-complete--md{height:28px;font-size:var(--devui-font-size, 14px)}.devui-auto-complete--lg{height:46px;font-size:var(--devui-font-size-lg, 14px)}.devui-auto-complete__clear--icon{cursor:pointer}.devui-auto-complete-input{display:inline-flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;height:100%}.devui-auto-complete-input__wrapper{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 8px;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 4px);background-color:var(--devui-form-control-bg, #ffffff);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-auto-complete-input__wrapper:not(.devui-auto-complete--disabled):not(.devui-auto-complete-input__wrapper--error):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-auto-complete-input__wrapper>input{border:none!important}.devui-auto-complete-input__wrapper--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}.devui-auto-complete-input__wrapper--feedback{padding-right:28px}.devui-auto-complete-input__prepend,.devui-auto-complete-input__append{color:var(--devui-text);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;padding:0 20px;white-space:nowrap;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 4px);background-color:var(--devui-form-control-bg, #ffffff)}.devui-auto-complete-input__prepend .devui-button,.devui-auto-complete-input__prepend .devui-select .devui-select__selection,.devui-auto-complete-input__append .devui-button,.devui-auto-complete-input__append .devui-select .devui-select__selection{border:none;background-color:transparent;color:inherit}.devui-auto-complete-input__prepend .devui-button,.devui-auto-complete-input__prepend .devui-select__selection,.devui-auto-complete-input__append .devui-button,.devui-auto-complete-input__append .devui-select__selection{display:inline-block;margin:0 -20px}.devui-auto-complete--focus .devui-auto-complete-input__wrapper:not(.devui-auto-complete-input__wrapper--error){border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-auto-complete--focus .devui-auto-complete-input__wrapper:not(.devui-auto-complete-input__wrapper--error):hover{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-auto-complete--disabled{color:var(--devui-disabled-text, #cfd0d3);background-color:var(--devui-disabled-bg, #f5f5f5);border-color:var(--devui-disabled-line, #dfe1e6);cursor:not-allowed}.devui-auto-complete--disabled .devui-dropdown-origin{cursor:not-allowed;background-color:transparent!important}.devui-auto-complete--prepend .devui-auto-complete-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.devui-auto-complete--append .devui-auto-complete-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.devui-auto-complete-slot{display:inline-flex;width:100%;align-items:stretch}.devui-auto-complete-slot .devui-auto-complete-input__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.devui-auto-complete-slot .devui-auto-complete-input__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.devui-auto-complete-slot .devui-auto-complete-input__prefix,.devui-auto-complete-slot .devui-auto-complete-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;align-items:center}.devui-auto-complete-slot .devui-auto-complete-input__prefix>*{margin-right:8px}.devui-auto-complete-slot .devui-auto-complete-input__suffix>*{margin-left:8px}.devui-icon__container{display:inline-flex;align-items:center;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--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;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 4px);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}
|
|
1
|
+
.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 4px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 4px 8px 0) var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;color:var(--devui-text, #252b3a)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-content{width:100%}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 14px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 14px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}.devui-loading__mask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #d7d8da);opacity:.3}.devui-loading__wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}.devui-loading--hidden{overflow:hidden}.devui-loading__text{margin-left:10px}.devui-loading__area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-loading__busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-loading__busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-loading__busy-default-spinner .devui-loading__bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-loading__busy-default-spinner .devui-loading__bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}@charset "UTF-8";.devui-auto-complete .devui-dropdown-menu,.devui-auto-complete__menu .devui-dropdown-menu{width:100%;left:0!important;top:0!important;margin:0!important;box-shadow:none}.devui-auto-complete .devui-dropdown-menu ul,.devui-auto-complete__menu .devui-dropdown-menu ul{width:100%;padding:0}.devui-auto-complete .devui-form-control{padding:4px 0;width:100%;background-color:transparent}.devui-auto-complete .active,.devui-auto-complete__menu .active{background:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-auto-complete .devui-dropdown-menu,.devui-auto-complete__menu .devui-dropdown-menu{width:100%;display:block}.devui-auto-complete .devui-auto-complete__dropdown-menu-cdk,.devui-auto-complete__menu .devui-auto-complete__dropdown-menu-cdk{position:static}.devui-auto-complete .devui-dropdown-item,.devui-auto-complete__menu .devui-dropdown-item{cursor:pointer;display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px}.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected,.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected,.devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover,.devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected .devui-auto-complete__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover{color:var(--devui-list-item-active-text, #252b3a)!important;background-color:var(--devui-list-item-active-bg, #f2f5fc)!important}.devui-auto-complete .devui-auto-complete__no-result-template,.devui-auto-complete .devui-auto-complete__searching-template,.devui-auto-complete__menu .devui-auto-complete__no-result-template,.devui-auto-complete__menu .devui-auto-complete__searching-template{display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);color:var(--devui-disabled-text, #adb0b8);line-height:14px}.devui-auto-complete .devui-auto-complete__no-result-template:hover,.devui-auto-complete .devui-auto-complete__no-result-template:active,.devui-auto-complete .devui-auto-complete__no-result-template:hover:active,.devui-auto-complete .devui-auto-complete__searching-template:hover,.devui-auto-complete .devui-auto-complete__searching-template:active,.devui-auto-complete .devui-auto-complete__searching-template:hover:active,.devui-auto-complete__menu .devui-auto-complete__no-result-template:hover,.devui-auto-complete__menu .devui-auto-complete__no-result-template:active,.devui-auto-complete__menu .devui-auto-complete__no-result-template:hover:active,.devui-auto-complete__menu .devui-auto-complete__searching-template:hover,.devui-auto-complete__menu .devui-auto-complete__searching-template:active,.devui-auto-complete__menu .devui-auto-complete__searching-template:hover:active{background-color:var(--devui-unavailable, #f5f5f5)}.devui-auto-complete .devui-dropdown-item.disabled,.devui-auto-complete .devui-dropdown-item.disabled:hover,.devui-auto-complete__menu .devui-dropdown-item.disabled,.devui-auto-complete__menu .devui-dropdown-item.disabled:hover{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-auto-complete ul.devui-auto-complete__list-unstyled,.devui-auto-complete__menu ul.devui-auto-complete__list-unstyled{margin:0;overflow-y:auto}.devui-auto-complete .devui-auto-complete__dropdown-bg,.devui-auto-complete__menu .devui-auto-complete__dropdown-bg{background:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-auto-complete .devui-auto-complete__popup-tips,.devui-auto-complete__menu .devui-auto-complete__popup-tips{color:var(--devui-text-weak, #575d6c);padding:4px 12px}.devui-auto-complete .devui-auto-complete__dropdown-latestSource ul,.devui-auto-complete__menu .devui-auto-complete__dropdown-latestSource ul{line-height:initial!important}.devui-auto-complete--sm{height:26px;font-size:var(--devui-font-size-sm, 12px)}.devui-auto-complete--md{height:28px;font-size:var(--devui-font-size, 14px)}.devui-auto-complete--lg{height:46px;font-size:var(--devui-font-size-lg, 14px)}.devui-auto-complete__clear--icon{cursor:pointer}.devui-auto-complete-input{display:inline-flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;height:100%}.devui-auto-complete-input__wrapper{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 8px;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 4px);background-color:var(--devui-form-control-bg, #ffffff);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-auto-complete-input__wrapper:not(.devui-auto-complete--disabled):not(.devui-auto-complete-input__wrapper--error):hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-auto-complete-input__wrapper>input{border:none!important}.devui-auto-complete-input__wrapper--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}.devui-auto-complete-input__wrapper--feedback{padding-right:28px}.devui-auto-complete-input__prepend,.devui-auto-complete-input__append{color:var(--devui-text);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;padding:0 20px;white-space:nowrap;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 4px);background-color:var(--devui-form-control-bg, #ffffff)}.devui-auto-complete-input__prepend .devui-button,.devui-auto-complete-input__prepend .devui-select .devui-select__selection,.devui-auto-complete-input__append .devui-button,.devui-auto-complete-input__append .devui-select .devui-select__selection{border:none;background-color:transparent;color:inherit}.devui-auto-complete-input__prepend .devui-button,.devui-auto-complete-input__prepend .devui-select__selection,.devui-auto-complete-input__append .devui-button,.devui-auto-complete-input__append .devui-select__selection{display:inline-block;margin:0 -20px}.devui-auto-complete--focus .devui-auto-complete-input__wrapper:not(.devui-auto-complete-input__wrapper--error){border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-auto-complete--focus .devui-auto-complete-input__wrapper:not(.devui-auto-complete-input__wrapper--error):hover{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-auto-complete--disabled{color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f5);border-color:var(--devui-disabled-line, #dfe1e6);cursor:not-allowed}.devui-auto-complete--disabled .devui-dropdown-origin{cursor:not-allowed;background-color:transparent!important}.devui-auto-complete--prepend .devui-auto-complete-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.devui-auto-complete--append .devui-auto-complete-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.devui-auto-complete-slot{display:inline-flex;width:100%;align-items:stretch}.devui-auto-complete-slot .devui-auto-complete-input__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.devui-auto-complete-slot .devui-auto-complete-input__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.devui-auto-complete-slot .devui-auto-complete-input__prefix,.devui-auto-complete-slot .devui-auto-complete-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;align-items:center}.devui-auto-complete-slot .devui-auto-complete-input__prefix>*{margin-right:8px}.devui-auto-complete-slot .devui-auto-complete-input__suffix>*{margin-left:8px}.devui-icon__container{display:inline-flex;align-items:center;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--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #adb0b8)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 4px);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}
|
package/badge/index.es.js
CHANGED
|
@@ -31,6 +31,10 @@ const badgeProps = {
|
|
|
31
31
|
},
|
|
32
32
|
textColor: {
|
|
33
33
|
type: String
|
|
34
|
+
},
|
|
35
|
+
hidden: {
|
|
36
|
+
type: Boolean,
|
|
37
|
+
default: false
|
|
34
38
|
}
|
|
35
39
|
};
|
|
36
40
|
function createBem(namespace, element, modifier) {
|
|
@@ -64,7 +68,7 @@ var Badge = defineComponent({
|
|
|
64
68
|
const ns = useNamespace("badge");
|
|
65
69
|
const className = computed(() => {
|
|
66
70
|
const base = ns.e("content");
|
|
67
|
-
return [base, props.showDot ? ns.m("dot") : ns.m("count"), props.status && ns.m(props.status), ctx.slots.default && props.position && ns.m(props.position), ctx.slots.default && ns.m("fixed")].join(" ");
|
|
71
|
+
return [base, props.showDot ? ns.m("dot") : ns.m("count"), props.status && ns.m(props.status), ctx.slots.default && props.position && ns.m(props.position), ctx.slots.default && ns.m("fixed"), props.hidden ? ns.m("hidden") : ns.m("show")].join(" ");
|
|
68
72
|
});
|
|
69
73
|
const style = computed(() => {
|
|
70
74
|
const styleMap = {
|
package/badge/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(o,u){typeof exports=="object"&&typeof module!="undefined"?u(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],u):(o=typeof globalThis!="undefined"?globalThis:o||self,u(o.index={},o.Vue))})(this,function(o,u){"use strict";const
|
|
1
|
+
(function(o,u){typeof exports=="object"&&typeof module!="undefined"?u(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],u):(o=typeof globalThis!="undefined"?globalThis:o||self,u(o.index={},o.Vue))})(this,function(o,u){"use strict";const y=["danger","warning","waiting","success","info","common"],b=["top-left","top-right","bottom-left","bottom-right"],r={count:{type:[Number,String]},maxCount:{type:Number,default:99},showDot:{type:Boolean,default:!1},status:{type:String,validator:t=>y.includes(t),default:"info"},position:{type:String,default:"top-right",validator:t=>b.includes(t)},offset:{type:Array},bgColor:{type:String},textColor:{type:String},hidden:{type:Boolean,default:!1}};function l(t,a,e){let d=t;return a&&(d+=`__${a}`),e&&(d+=`--${e}`),d}function h(t,a=!1){const e=a?`.devui-${t}`:`devui-${t}`;return{b:()=>l(e),e:n=>n?l(e,n):"",m:n=>n?l(e,"",n):"",em:(n,i)=>n&&i?l(e,n,i):""}}var B="",f=u.defineComponent({name:"DBadge",props:r,setup(t,a){const e=h("badge"),d=u.computed(()=>[e.e("content"),t.showDot?e.m("dot"):e.m("count"),t.status&&e.m(t.status),a.slots.default&&t.position&&e.m(t.position),a.slots.default&&e.m("fixed"),t.hidden?e.m("hidden"):e.m("show")].join(" ")),m=u.computed(()=>{const s={bgColor:"background",textColor:"color"},n=Object.keys(s).reduce((i,c)=>(t[c]&&(i[s[c]]=t[c]),i),{});if(a.slots.default&&t.offset){const[i,c]=t.offset,[x,C]=t.position.split("-");n[x]=c+"px",n[C]=i+"px"}return n}),g=u.computed(()=>{if(!t.showDot)return typeof t.count=="number"&&typeof t.maxCount=="number"&&t.count>t.maxCount?`${t.maxCount}+`:t.count});return()=>{var s,n;return u.createVNode("div",{class:e.b()},[(n=(s=a.slots).default)==null?void 0:n.call(s),u.createVNode("div",{class:d.value,style:m.value},[g.value])])}}}),v={title:"Badge \u5FBD\u6807",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.component(f.name,f)}};o.Badge=f,o.badgeProps=r,o.default=v,Object.defineProperty(o,"__esModule",{value:!0}),o[Symbol.toStringTag]="Module"});
|
package/badge/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.devui-badge{position:relative;display:inline-block}.devui-badge__content{font-size:var(--devui-font-size,
|
|
1
|
+
.devui-badge{position:relative;display:inline-block}.devui-badge__content{font-size:var(--devui-font-size-sm, 12px);color:var(--devui-light-text, #ffffff)}.devui-badge--count{padding:0 4px;min-width:16px;height:16px;line-height:16px;border-radius:var(--devui-border-radius-full, 100px);background:var(--devui-brand, #5e7ce0);text-align:center}.devui-badge--danger{background:var(--devui-danger, #f66f6a)}.devui-badge--warning{background:var(--devui-warning, #fac20a)}.devui-badge--waiting{background:var(--devui-waiting, #9faad7)}.devui-badge--success{background:var(--devui-success, #50d4ab)}.devui-badge--info{background:var(--devui-brand, #5e7ce0)}.devui-badge--common{background:var(--devui-unavailable, #f5f5f5);color:var(--devui-aide-text, #71757f)}.devui-badge--top-left{left:0;top:0;transform:translate(-50%,-50%)}.devui-badge--top-right{right:0;top:0;transform:translate(50%,-50%)}.devui-badge--bottom-left{left:0;bottom:0;transform:translate(-50%,50%)}.devui-badge--bottom-right{right:0;bottom:0;transform:translate(50%,50%)}.devui-badge--fixed{position:absolute}.devui-badge--dot{width:6px;height:6px;border-radius:50%}.devui-badge--show{visibility:visible;opacity:1;transition:all var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-out, cubic-bezier(.16, .75, .5, 1))}.devui-badge--hidden{visibility:hidden;opacity:0;transition:all var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in, cubic-bezier(.5, 0, .84, .25))}
|
package/button/index.es.js
CHANGED
|
@@ -197,9 +197,9 @@ var Icon = defineComponent({
|
|
|
197
197
|
[ns.m("operable")]: operable.value
|
|
198
198
|
}));
|
|
199
199
|
const onClick = (e) => {
|
|
200
|
+
e.stopImmediatePropagation();
|
|
200
201
|
if (disabled.value) {
|
|
201
202
|
e.preventDefault();
|
|
202
|
-
e.stopImmediatePropagation();
|
|
203
203
|
}
|
|
204
204
|
};
|
|
205
205
|
return () => {
|
package/button/index.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var $_=Object.defineProperty;var bo=Object.getOwnPropertySymbols;var H_=Object.prototype.hasOwnProperty,q_=Object.prototype.propertyIsEnumerable;var Ui=(Y,x,sn)=>x in Y?$_(Y,x,{enumerable:!0,configurable:!0,writable:!0,value:sn}):Y[x]=sn,dt=(Y,x)=>{for(var sn in x||(x={}))H_.call(x,sn)&&Ui(Y,sn,x[sn]);if(bo)for(var sn of bo(x))q_.call(x,sn)&&Ui(Y,sn,x[sn]);return Y};var qn=(Y,x,sn)=>(Ui(Y,typeof x!="symbol"?x+"":x,sn),sn);(function(Y,x){typeof exports=="object"&&typeof module!="undefined"?x(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],x):(Y=typeof globalThis!="undefined"?globalThis:Y||self,x(Y.index={},Y.Vue))})(this,function(Y,x){"use strict";const Oo={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},Po={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function vt(d,S,o){let C=d;return S&&(C+=`__${S}`),o&&(C+=`--${o}`),C}function ge(d,S=!1){const o=S?`.devui-${d}`:`devui-${d}`;return{b:()=>vt(o),e:O=>O?vt(o,O):"",m:O=>O?vt(o,"",O):"",em:(O,Z)=>O&&Z?vt(o,O,Z):""}}var K_="",Bo=x.defineComponent({name:"DSvgIcon",props:Po,setup(d){const{name:S,color:o,size:C}=x.toRefs(d),M=ge("svg-icon"),$=x.computed(()=>`#icon-${S.value}`),L=x.computed(()=>typeof C.value=="number"?`${C.value}px`:C.value),O={width:L.value,height:L.value};return()=>x.createVNode("svg",{class:M.b(),style:O},[x.createVNode("use",{"xlink:href":$.value,fill:o.value},null)])}});function Do(d){return/^((http|https):)?\/\//.test(d)}function Wo(d,S){const{component:o,name:C,size:M,color:$,classPrefix:L,rotate:O}=x.toRefs(d),Z=ge("icon"),pn=x.computed(()=>typeof M.value=="number"?`${M.value}px`:M.value),yn=o.value?x.resolveDynamicComponent(o.value):x.resolveDynamicComponent(Bo),_n=()=>x.createVNode("img",x.mergeProps({src:C.value,alt:C.value.split("/")[C.value.split("/").length-1],class:[(O==null?void 0:O.value)==="infinite"&&Z.m("spin")],style:{width:pn.value||"",transform:`rotate(${O==null?void 0:O.value}deg)`}},S.attrs),null),wt=()=>x.createVNode(yn,x.mergeProps({name:C.value,color:$.value,size:pn.value,class:[(O==null?void 0:O.value)==="infinite"&&Z.m("spin")],style:{transform:`rotate(${O==null?void 0:O.value}deg)`}},S.attrs),null),te=()=>{const Ce=/^icon-/.test(C.value)?C.value:`${L.value}-${C.value}`;return x.createVNode("i",x.mergeProps({class:[L.value,Ce,(O==null?void 0:O.value)==="infinite"&&Z.m("spin")],style:{fontSize:pn.value,color:$.value,transform:`rotate(${O==null?void 0:O.value}deg)`}},S.attrs),null)};return{iconDom:()=>o.value?wt():Do(C.value)?_n():te()}}var Fo=x.defineComponent({name:"DIcon",props:Oo,setup(d,S){const{disabled:o,operable:C}=x.toRefs(d),{iconDom:M}=Wo(d,S),$=ge("icon"),L=x.computed(()=>({[$.e("container")]:!0,[$.m("disabled")]:o.value,[$.m("operable")]:C.value})),O=Z=>{o.value&&
|
|
1
|
+
var $_=Object.defineProperty;var bo=Object.getOwnPropertySymbols;var H_=Object.prototype.hasOwnProperty,q_=Object.prototype.propertyIsEnumerable;var Ui=(Y,x,sn)=>x in Y?$_(Y,x,{enumerable:!0,configurable:!0,writable:!0,value:sn}):Y[x]=sn,dt=(Y,x)=>{for(var sn in x||(x={}))H_.call(x,sn)&&Ui(Y,sn,x[sn]);if(bo)for(var sn of bo(x))q_.call(x,sn)&&Ui(Y,sn,x[sn]);return Y};var qn=(Y,x,sn)=>(Ui(Y,typeof x!="symbol"?x+"":x,sn),sn);(function(Y,x){typeof exports=="object"&&typeof module!="undefined"?x(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],x):(Y=typeof globalThis!="undefined"?globalThis:Y||self,x(Y.index={},Y.Vue))})(this,function(Y,x){"use strict";const Oo={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},Po={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function vt(d,S,o){let C=d;return S&&(C+=`__${S}`),o&&(C+=`--${o}`),C}function ge(d,S=!1){const o=S?`.devui-${d}`:`devui-${d}`;return{b:()=>vt(o),e:O=>O?vt(o,O):"",m:O=>O?vt(o,"",O):"",em:(O,Z)=>O&&Z?vt(o,O,Z):""}}var K_="",Bo=x.defineComponent({name:"DSvgIcon",props:Po,setup(d){const{name:S,color:o,size:C}=x.toRefs(d),M=ge("svg-icon"),$=x.computed(()=>`#icon-${S.value}`),L=x.computed(()=>typeof C.value=="number"?`${C.value}px`:C.value),O={width:L.value,height:L.value};return()=>x.createVNode("svg",{class:M.b(),style:O},[x.createVNode("use",{"xlink:href":$.value,fill:o.value},null)])}});function Do(d){return/^((http|https):)?\/\//.test(d)}function Wo(d,S){const{component:o,name:C,size:M,color:$,classPrefix:L,rotate:O}=x.toRefs(d),Z=ge("icon"),pn=x.computed(()=>typeof M.value=="number"?`${M.value}px`:M.value),yn=o.value?x.resolveDynamicComponent(o.value):x.resolveDynamicComponent(Bo),_n=()=>x.createVNode("img",x.mergeProps({src:C.value,alt:C.value.split("/")[C.value.split("/").length-1],class:[(O==null?void 0:O.value)==="infinite"&&Z.m("spin")],style:{width:pn.value||"",transform:`rotate(${O==null?void 0:O.value}deg)`}},S.attrs),null),wt=()=>x.createVNode(yn,x.mergeProps({name:C.value,color:$.value,size:pn.value,class:[(O==null?void 0:O.value)==="infinite"&&Z.m("spin")],style:{transform:`rotate(${O==null?void 0:O.value}deg)`}},S.attrs),null),te=()=>{const Ce=/^icon-/.test(C.value)?C.value:`${L.value}-${C.value}`;return x.createVNode("i",x.mergeProps({class:[L.value,Ce,(O==null?void 0:O.value)==="infinite"&&Z.m("spin")],style:{fontSize:pn.value,color:$.value,transform:`rotate(${O==null?void 0:O.value}deg)`}},S.attrs),null)};return{iconDom:()=>o.value?wt():Do(C.value)?_n():te()}}var Fo=x.defineComponent({name:"DIcon",props:Oo,setup(d,S){const{disabled:o,operable:C}=x.toRefs(d),{iconDom:M}=Wo(d,S),$=ge("icon"),L=x.computed(()=>({[$.e("container")]:!0,[$.m("disabled")]:o.value,[$.m("operable")]:C.value})),O=Z=>{Z.stopImmediatePropagation(),o.value&&Z.preventDefault()};return()=>{var Z,pn,yn,_n;return x.createVNode("div",{class:L.value,onClick:O},[(pn=(Z=S.slots).prefix)==null?void 0:pn.call(Z),M(),(_n=(yn=S.slots).suffix)==null?void 0:_n.call(yn)])}}}),Y_="";x.defineComponent({name:"DIconGroup",setup(d,S){const o=ge("icon-group");return()=>{var C,M;return x.createVNode("div",{class:o.b()},[(M=(C=S.slots).default)==null?void 0:M.call(C)])}}});class Gi{constructor(){qn(this,"top","50%");qn(this,"left","50%")}}const Mo={message:String,backdrop:Boolean,view:{type:Object,default:()=>new Gi},zIndex:Number,isFull:{type:Boolean,default:!1}};class No{constructor(){qn(this,"target");qn(this,"message");qn(this,"loadingTemplateRef");qn(this,"backdrop",!0);qn(this,"positionType","relative");qn(this,"view",new Gi);qn(this,"zIndex")}}var Z_="",Uo=x.defineComponent({name:"DLoading",inheritAttrs:!1,props:Mo,setup(d){const S={top:d.view.top,left:d.view.left,zIndex:d.zIndex};d.message||(S.background="none");const o=x.ref(!1);return{style:S,isShow:o,open:()=>{o.value=!0},close:()=>{o.value=!1}}},render(){var O;const{isShow:d,isFull:S,backdrop:o,style:C,message:M,$slots:$}=this,L=ge("loading");return d&&x.createVNode("div",{class:[L.b(),S?L.m("full"):""]},[((O=$.default)==null?void 0:O.call($))||x.createVNode("div",{class:L.e("wrapper")},[o?x.createVNode("div",{class:L.e("mask")},null):null,x.createVNode("div",{style:C,class:L.e("area")},[x.createVNode("div",{class:L.e("busy-default-spinner")},[x.createVNode("div",{class:L.e("bar1")},null),x.createVNode("div",{class:L.e("bar2")},null),x.createVNode("div",{class:L.e("bar3")},null),x.createVNode("div",{class:L.e("bar4")},null)]),M?x.createVNode("span",{class:L.e("text")},[M]):null])])])}});const zi=Symbol("dev_component_container");function Go(d,S,o=null){const C=x.h(d,dt({},S),o),M=document.createElement("div");return C[zi]=M,x.render(C,M),C.component}function zo(d){x.render(null,d==null?void 0:d.vnode[zi])}const $o=x.defineComponent(Uo),Ke=new WeakSet,hr=d=>{if(!d)return!0;if(Array.isArray(d))return d.length===0;if(d instanceof Set||d instanceof Map)return d.size===0;if(d instanceof Promise)return!1;if(typeof d=="object")try{return Object.keys(d).length===0}catch{return!1}return!1},$i=d=>Object.prototype.toString.call(d).slice(8,-1).toLowerCase(),Ho=d=>{switch($i(d)){case"promise":return[d];case"array":return d.some(o=>$i(o)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):d;default:return!1}},Hi=d=>{Ke.delete(d),d.instance.proxy.close(),zo(d.instance)},qi=(d,S)=>{var o,C,M;if(S.value){const $=Ho(S.value);if($==="error")return;(M=(C=(o=d==null?void 0:d.instance)==null?void 0:o.proxy)==null?void 0:C.open)==null||M.call(C),d.appendChild(d.mask),Ke.add(d),$&&Promise.all($).catch(L=>{console.error(new Error("Promise handling errors"),L)}).finally(()=>{Hi(d)})}else Hi(d)},Ki=d=>{d.removeAttribute("zindex"),d.removeAttribute("positiontype"),d.removeAttribute("backdrop"),d.removeAttribute("message"),d.removeAttribute("view"),d.removeAttribute("loadingtemplateref")},Yi=(d,S)=>{var $;const o=dt(dt({},new No),S),C=o.loadingTemplateRef,M=Go($o,dt({},o),C?()=>C:null);d.style.position=o.positionType,d.options=o,d.instance=M,d.mask=($=M==null?void 0:M.proxy)==null?void 0:$.$el},qo={mounted:function(d,S,o){Yi(d,o.props),Ki(d),!hr(S.value)&&qi(d,S)},updated:function(d,S,o){!hr(S.value)&&Ke.has(d)||hr(S.value)&&!Ke.has(d)||(!Ke.has(d)&&Yi(d,o.props),Ki(d),qi(d,S))}},Zi={variant:{type:String,default:"outline"},size:{type:String,default:"md"},color:{type:String},icon:{type:String,default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},shape:{type:String}},Xi={size:{type:String,default:"md"}},gr=Symbol("d-button-group");var Ye=typeof globalThis!="undefined"?globalThis:typeof window!="undefined"?window:typeof global!="undefined"?global:typeof self!="undefined"?self:{},pr={exports:{}};/**
|
|
2
2
|
* @license
|
|
3
3
|
* Lodash <https://lodash.com/>
|
|
4
4
|
* Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
|
package/button/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.devui-icon__container{display:inline-flex;align-items:center;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--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;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 4px);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}@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}.devui-loading__mask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #d7d8da);opacity:.3}.devui-loading__wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}.devui-loading--hidden{overflow:hidden}.devui-loading__text{margin-left:10px}.devui-loading__area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-loading__busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-loading__busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-loading__busy-default-spinner .devui-loading__bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-loading__busy-default-spinner .devui-loading__bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-button{padding:0 20px;font-size:var(--devui-font-size-md, 14px);height:28px;line-height:var(--devui-line-height-base, 1.5);border:none;border-radius:var(--devui-border-radius, 4px);border-width:1px;background-color:transparent}.devui-button:hover{cursor:pointer}.devui-button:disabled{cursor:not-allowed}.devui-button--is-loading{pointer-events:none}.devui-button--solid{color:var(--devui-light-text, #ffffff);min-width:64px}.devui-button--solid--secondary{color:var(--devui-text, #252b3a);background-color:var(--devui-dividing-line, #f2f2f3)}.devui-button--solid--secondary:hover{opacity:.8}.devui-button--solid--secondary:focus{opacity:.8}.devui-button--solid--secondary:active{opacity:.8}.devui-button--solid--secondary:disabled{opacity:.8}.devui-button--solid--primary{background-color:var(--devui-primary, #5e7ce0)}.devui-button--solid--primary:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-button--solid--primary:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-button--solid--primary:active{background-color:var(--devui-primary-active, #344899)}.devui-button--solid--primary:disabled{color:var(--devui-light-text, #ffffff);background:var(--devui-primary-disabled, #beccfa);border:none}.devui-button--solid--danger{background-color:var(--devui-contrast, #c7000b)}.devui-button--solid--danger:hover{background-color:var(--devui-contrast-hover, #d64a52)}.devui-button--solid--danger:focus{background-color:var(--devui-contrast-hover, #d64a52)}.devui-button--solid--danger:active{background-color:var(--devui-contrast-active, #b12220)}.devui-button--solid--danger:disabled{background-color:var(--devui-contrast-disabled, #ffbcba)}.devui-button--outline{background-color:var(--devui-block, #ffffff);border-style:solid}.devui-button--outline--secondary{color:var(--devui-text, #252b3a);border-color:var(--devui-line, #d7d8da)}.devui-button--outline--secondary:hover{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--secondary:focus{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--secondary:active{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--secondary:disabled{color:var(--devui-disabled-text, #cfd0d3);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-button--outline--primary{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--primary:hover{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-button--outline--primary:focus{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-button--outline--primary:active{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-button--outline--primary:disabled{opacity:.8;color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--danger{color:var(--devui-contrast, #c7000b);border-color:var(--devui-contrast, #c7000b)}.devui-button--outline--danger:hover,.devui-button--outline--danger:focus,.devui-button--outline--danger:active,.devui-button--outline--danger:disabled{opacity:.8}.devui-button--text{padding:0}.devui-button--text--secondary{color:var(--devui-text, #252b3a)}.devui-button--text--secondary:hover{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:focus{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:active{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:disabled{color:var(--devui-disabled-text, #cfd0d3)}.devui-button--text--primary{color:var(--devui-brand-active, #526ecc)}.devui-button--text--primary:hover{color:var(--devui-brand-active-focus, #344899)}.devui-button--text--primary:focus{color:var(--devui-brand-active-focus, #344899)}.devui-button--text--primary:active{color:var(--devui-brand-active-focus, #344899)}.devui-button--text--primary:disabled{opacity:.8}.devui-button--text--danger{color:var(--devui-contrast, #c7000b)}.devui-button--text--danger:hover,.devui-button--text--danger:focus,.devui-button--text--danger:active,.devui-button--text--danger:disabled{opacity:.8}.devui-button--xs{padding:0 4px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:48px}.devui-button--sm{padding:0 16px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:56px}.devui-button--lg{padding:0 24px;height:32px;font-size:var(--devui-font-size-lg, 14px);min-width:72px}.devui-button.devui-button__icon:not(.devui-button--solid):hover,.devui-button.devui-button__icon:not(.devui-button--solid):focus{border:1px solid var(--devui-list-item-hover-bg, #f2f2f3);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-button.devui-button__icon:not(.devui-button--solid):disabled{background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap{color:var(--devui-text, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap .devui-button__icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover .devui-button__icon-fix{color:var(--devui-icon-fill-active, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover .button-content{color:var(--devui-brand, #5e7ce0)}.devui-button--circle{border-radius:100%}.devui-button--round{border-radius:20px}.devui-loading .devui-loading-default-spinner div{background-color:var(--devui-text, #252b3a)}.devui-button{transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.devui-button.devui-button__icon{padding:8px;line-height:1em}.devui-button.devui-button__icon:not(.devui-button--circle){border:1px solid transparent}.devui-button.devui-button__icon.devui-button--xs,.devui-button.devui-button__icon.devui-button--sm{padding:4px;min-width:24px}.devui-button.devui-button__icon.devui-button--lg{min-width:32px}.devui-button.devui-button__icon.devui-button--lg .icon{font-size:var(--devui-font-size-icon, 16px)}.devui-button.devui-button__icon.devui-button--circle.devui-button--xs,.devui-button.devui-button__icon.devui-button--circle.devui-button--sm{width:24px}.devui-button.devui-button__icon.devui-button--circle.devui-button--md{min-width:28px;width:28px}.devui-button.devui-button__icon.devui-button--circle.devui-button--lg{width:32px}.devui-button:not(.devui-button__icon) .icon-fix{font-size:var(--devui-font-size-icon, 16px)}.devui-button__icon-fix{position:relative;font-size:var(--devui-font-size, 14px)}.button-content{display:inline-block;position:relative}.clear-right-5{margin-right:5px}.devui-button-group{display:flex}.devui-button-group>*{position:relative}.devui-button-group>*:not(:first-child),.devui-button-group>*:not(:first-child) .devui-button{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.devui-button-group>*:not(:last-child),.devui-button-group>*:not(:last-child) .devui-button{border-top-right-radius:0;border-bottom-right-radius:0}.devui-button-group>*:hover,.devui-button-group>*:active{z-index:1}.devui-button-group>*:focus-within{z-index:1}
|
|
1
|
+
.devui-icon__container{display:inline-flex;align-items:center;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--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #adb0b8)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 4px);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}@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}.devui-loading__mask{position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #d7d8da);opacity:.3}.devui-loading__wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:9999}.devui-loading--hidden{overflow:hidden}.devui-loading__text{margin-left:10px}.devui-loading__area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-loading__busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-loading__busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-loading__busy-default-spinner .devui-loading__bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-loading__busy-default-spinner .devui-loading__bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-button{padding:var(--devui-btn-padding, 0 20px);font-size:var(--devui-font-size-md, 14px);height:28px;line-height:var(--devui-line-height-base, 1.5);border-radius:var(--devui-border-radius, 4px);border-width:1px;border-color:transparent;background-color:transparent}.devui-button:hover{cursor:pointer}.devui-button:disabled{cursor:not-allowed}.devui-button--is-loading{pointer-events:none}.devui-button--solid{color:var(--devui-light-text, #ffffff);min-width:64px}.devui-button--solid i{color:var(--devui-light-text, #ffffff)}.devui-button--solid--secondary{color:var(--devui-text, #252b3a);border-color:var(--devui-btn-common-border-color, var(--devui-line, #d7d8da));background-color:var(--devui-btn-common-bg, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:hover{color:var(--devui-btn-common-color-hover, var(--devui-brand-active, #526ecc));border-color:var(--devui-btn-common-border-color-hover, var(--devui-form-control-line-active, #5e7ce0));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:focus{color:var(--devui-btn-common-color-active, var(--devui-brand-active, #526ecc));border-color:var(--devui-btn-common-border-color-active, var(--devui-form-control-line-active, #5e7ce0));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:active{color:var(--devui-btn-common-color-active, var(--devui-brand-active, #526ecc));border-color:var(--devui-btn-common-border-color-active, var(--devui-form-control-line-active, #5e7ce0));background-color:var(--devui-btn-common-bg-hover, var(--devui-base-bg, #ffffff))}.devui-button--solid--secondary:disabled{opacity:.8}.devui-button--solid--primary{background-color:var(--devui-primary, #5e7ce0)}.devui-button--solid--primary:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-button--solid--primary:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-button--solid--primary:active{background-color:var(--devui-primary-active, #344899)}.devui-button--solid--primary:disabled{color:var(--devui-light-text, #ffffff);background:var(--devui-primary-disabled, #beccfa);border:none}.devui-button--solid--danger{background-color:var(--devui-contrast, #c7000b)}.devui-button--solid--danger:hover{background-color:var(--devui-contrast-hover, #d64a52)}.devui-button--solid--danger:focus{background-color:var(--devui-contrast-hover, #d64a52)}.devui-button--solid--danger:active{background-color:var(--devui-contrast-active, #b12220)}.devui-button--solid--danger:disabled{background-color:var(--devui-contrast-disabled, #ffbcba)}.devui-button--outline{background-color:var(--devui-block, #ffffff);border-style:solid}.devui-button--outline--secondary{color:var(--devui-text, #252b3a);border-color:var(--devui-line, #d7d8da)}.devui-button--outline--secondary:hover{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--secondary:focus{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--secondary:active{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--secondary:disabled{color:var(--devui-disabled-text, #adb0b8);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-button--outline--primary{color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--primary:hover{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-button--outline--primary:focus{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-button--outline--primary:active{color:var(--devui-brand-active-focus, #344899);border-color:var(--devui-form-control-line-active-hover, #344899)}.devui-button--outline--primary:disabled{opacity:.8;color:var(--devui-brand-active, #526ecc);border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-button--outline--danger{color:var(--devui-contrast, #c7000b);border-color:var(--devui-contrast, #c7000b)}.devui-button--outline--danger:hover,.devui-button--outline--danger:focus,.devui-button--outline--danger:active,.devui-button--outline--danger:disabled{opacity:.8}.devui-button--text{padding:0}.devui-button--text--secondary{color:var(--devui-text, #252b3a)}.devui-button--text--secondary:hover{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:focus{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:active{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button--text--secondary:disabled{color:var(--devui-disabled-text, #adb0b8)}.devui-button--text--primary{color:var(--devui-brand-active, #526ecc)}.devui-button--text--primary:hover{color:var(--devui-link-active, #526ecc)}.devui-button--text--primary:not(:disabled):hover{text-decoration:underline}.devui-button--text--primary:focus{color:var(--devui-brand-active-focus, #344899)}.devui-button--text--primary:active{color:var(--devui-brand-active-focus, #344899)}.devui-button--text--primary:disabled{opacity:.8}.devui-button--text--danger{color:var(--devui-contrast, #c7000b)}.devui-button--text--danger:hover,.devui-button--text--danger:focus,.devui-button--text--danger:active,.devui-button--text--danger:disabled{opacity:.8}.devui-button--xs{padding:0 4px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:48px}.devui-button--sm{padding:var(--devui-btn-sm-padding, 0 16px);height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:56px}.devui-button--lg{padding:var(--devui-btn-lg-padding, 0 24px);height:32px;font-size:var(--devui-font-size-lg, 14px);min-width:72px}.devui-button.devui-button__icon:not(.devui-button--solid):hover,.devui-button.devui-button__icon:not(.devui-button--solid):focus{border:1px solid var(--devui-list-item-hover-bg, #f2f2f3);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-button.devui-button__icon:not(.devui-button--solid):disabled{background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap{color:var(--devui-text, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap .devui-button__icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover{color:var(--devui-list-item-hover-text, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover .devui-button__icon-fix{color:var(--devui-icon-fill-active, #252b3a)}.devui-button:not(:disabled).devui-button--text.devui-button__icon-wrap:hover .button-content{color:var(--devui-brand, #5e7ce0)}.devui-button--circle{border-radius:100%}.devui-button--round{border-radius:20px}.devui-loading .devui-loading-default-spinner div{background-color:var(--devui-text, #252b3a)}.devui-button{transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;border-style:solid}.devui-button.devui-button__icon{padding:8px;line-height:1em;min-width:unset}.devui-button.devui-button__icon:not(.devui-button--circle){border:1px solid transparent}.devui-button.devui-button__icon.devui-button--xs,.devui-button.devui-button__icon.devui-button--sm{padding:4px;min-width:24px}.devui-button.devui-button__icon.devui-button--lg{min-width:32px}.devui-button.devui-button__icon.devui-button--lg .icon{font-size:var(--devui-font-size-icon, 16px)}.devui-button.devui-button__icon.devui-button--circle.devui-button--xs,.devui-button.devui-button__icon.devui-button--circle.devui-button--sm{width:24px}.devui-button.devui-button__icon.devui-button--circle.devui-button--lg{width:32px}.devui-button:not(.devui-button__icon) .icon-fix{font-size:var(--devui-font-size-icon, 16px)}.devui-button__icon-fix{position:relative;font-size:var(--devui-font-size, 14px)}.button-content{display:inline-block;position:relative}.clear-right-5{margin-right:5px}.devui-button-group{display:flex}.devui-button-group>*{position:relative}.devui-button-group>*:not(:first-child),.devui-button-group>*:not(:first-child) .devui-button{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.devui-button-group>*:not(:first-child).devui-button--solid--primary,.devui-button-group>*:not(:first-child) .devui-button.devui-button--solid--primary{border-left:1px solid var(--devui-brand-hover, #7693f5);margin-left:0}.devui-button-group>*:not(:last-child),.devui-button-group>*:not(:last-child) .devui-button{border-top-right-radius:0;border-bottom-right-radius:0}.devui-button-group>*:hover,.devui-button-group>*:active{z-index:1}.devui-button-group>*:focus-within{z-index:1}
|
package/card/index.es.js
CHANGED
|
@@ -7,6 +7,10 @@ const cardProps = {
|
|
|
7
7
|
src: {
|
|
8
8
|
type: String,
|
|
9
9
|
default: ""
|
|
10
|
+
},
|
|
11
|
+
shadow: {
|
|
12
|
+
type: String,
|
|
13
|
+
default: "hover"
|
|
10
14
|
}
|
|
11
15
|
};
|
|
12
16
|
function createBem(namespace, element, modifier) {
|
|
@@ -53,7 +57,7 @@ var Card = defineComponent({
|
|
|
53
57
|
return () => {
|
|
54
58
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
55
59
|
return createVNode("div", {
|
|
56
|
-
"class": ["card-container", ns.b()]
|
|
60
|
+
"class": ["card-container", ns.b(), ns.em("shadow", props.shadow)]
|
|
57
61
|
}, [(_a = slots.default) == null ? void 0 : _a.call(slots), createVNode("div", {
|
|
58
62
|
"class": ns.e("header")
|
|
59
63
|
}, [((_b = slots.avatar) == null ? void 0 : _b.call(slots)) ? createVNode("div", {
|
package/card/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(d,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(d=typeof globalThis!="undefined"?globalThis:d||self,a(d.index={},d.Vue))})(this,function(d,a){"use strict";const m={align:{type:String,default:"start"},src:{type:String,default:""},shadow:{type:String,default:"hover"}};function f(r,e,t){let i=r;return e&&(i+=`__${e}`),t&&(i+=`--${t}`),i}function y(r,e=!1){const t=e?`.devui-${r}`:`devui-${r}`;return{b:()=>f(t),e:c=>c?f(t,c):"",m:c=>c?f(t,"",c):"",em:(c,u)=>c&&u?f(t,c,u):""}}var b="",p=a.defineComponent({name:"DCard",props:m,setup(r,{slots:e}){const{align:t,src:i}=a.toRefs(r),n=y("card"),o=a.computed(()=>({[n.e("actions")]:!0,[n.em("actions",`align-${t.value}`)]:t.value!=="start"}));return()=>{var v,c,u,g,N,V,h;return a.createVNode("div",{class:["card-container",n.b(),n.em("shadow",r.shadow)]},[(v=e.default)==null?void 0:v.call(e),a.createVNode("div",{class:n.e("header")},[((c=e.avatar)==null?void 0:c.call(e))?a.createVNode("div",{class:n.e("avatar")},[(u=e.avatar)==null?void 0:u.call(e)]):"",a.createVNode("div",null,[a.createVNode("div",{class:n.e("title")},[(g=e.title)==null?void 0:g.call(e)]),a.createVNode("div",{class:n.e("subtitle")},[(N=e.subtitle)==null?void 0:N.call(e)])])]),i.value!==""?a.createVNode("img",{src:i.value,alt:"",class:n.e("meta")},null):"",a.createVNode("div",{class:n.e("content")},[(V=e.content)==null?void 0:V.call(e)]),a.createVNode("div",{class:o.value},[e.actions?(h=e.actions)==null?void 0:h.call(e):""])])}}}),C={title:"Card \u5361\u7247",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(r){r.component(p.name,p)}};d.Card=p,d.cardProps=m,d.default=C,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});
|
package/card/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.devui-card{position:relative;display:block;padding:16px 20px;border-radius:var(--devui-border-radius-card, 8px);box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-light-shadow, rgba(37, 43, 58, .1))}.devui-card__title{display:block;font-size:var(--devui-font-size-card-title, 16px);font-weight:600;color:var(--devui-text, #252b3a)}.devui-card__subtitle{display:block;font-size:var(--devui-font-size, 14px);color:var(--devui-aide-text-stress, #575d6c)}.devui-card__header{display:flex;flex-direction:row;align-items:center;margin-bottom:var(--card-block-space, 16px)}.devui-card__avatar{margin-right:var(--card-block-space, 16px)}.devui-card__content{font-size:var(--devui-font-size, 14px);color:var(--devui-aide-text, #71757f)}.devui-card__actions{margin-top:var(--card-block-space, 16px);display:flex;justify-content:flex-start;align-items:center}.devui-card__title+.devui-card__subtitle{margin-top:var(--card-ele-space, 8px)}.devui-card__actions--align-end{justify-content:flex-end}.devui-card__actions--align-spaceBetween{justify-content:space-between}.devui-card__meta{width:calc(100% + 40px);margin:0 -20px var(--card-block-space, 16px) -20px;height:auto}.devui-card__meta:first-child{margin-top:-var(--card-block-space,16px)}
|
|
1
|
+
.devui-card{position:relative;display:block;padding:16px 20px;border-radius:var(--devui-border-radius-card, 8px);box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-light-shadow, rgba(37, 43, 58, .1));transition:box-shadow var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-card__title{display:block;font-size:var(--devui-font-size-card-title, 16px);font-weight:600;color:var(--devui-text, #252b3a)}.devui-card__subtitle{display:block;font-size:var(--devui-font-size, 14px);color:var(--devui-aide-text-stress, #575d6c)}.devui-card__header{display:flex;flex-direction:row;align-items:center;margin-bottom:var(--card-block-space, 16px)}.devui-card__avatar{margin-right:var(--card-block-space, 16px)}.devui-card__content{font-size:var(--devui-font-size, 14px);color:var(--devui-aide-text, #71757f)}.devui-card__actions{margin-top:var(--card-block-space, 16px);display:flex;justify-content:flex-start;align-items:center}.devui-card__title+.devui-card__subtitle{margin-top:var(--card-ele-space, 8px)}.devui-card__actions--align-end{justify-content:flex-end}.devui-card__actions--align-spaceBetween{justify-content:space-between}.devui-card__meta{width:calc(100% + 40px);margin:0 -20px var(--card-block-space, 16px) -20px;height:auto}.devui-card__meta:first-child{margin-top:-var(--card-block-space,16px)}.devui-card__shadow--hover:hover,.devui-card__shadow--always{box-shadow:var(--devui-shadow-length-hover, 0 8px 16px 0) var(--devui-light-shadow, rgba(37, 43, 58, .1));transform:translateY(-5px)}
|
package/checkbox/index.es.js
CHANGED
|
@@ -7589,6 +7589,16 @@ Schema.register = function register(type4, validator) {
|
|
|
7589
7589
|
Schema.warning = warning;
|
|
7590
7590
|
Schema.messages = messages;
|
|
7591
7591
|
Schema.validators = validators;
|
|
7592
|
+
function getFieldValue(obj, path) {
|
|
7593
|
+
return {
|
|
7594
|
+
get value() {
|
|
7595
|
+
return lodash.exports.get(obj, path);
|
|
7596
|
+
},
|
|
7597
|
+
set value(val) {
|
|
7598
|
+
lodash.exports.set(obj, path, val);
|
|
7599
|
+
}
|
|
7600
|
+
};
|
|
7601
|
+
}
|
|
7592
7602
|
function useFormItem(messageType, _rules, validateState) {
|
|
7593
7603
|
const formContext = inject(FORM_TOKEN);
|
|
7594
7604
|
const ns2 = useNamespace("form");
|
|
@@ -7627,17 +7637,12 @@ function useFormItemValidate(props, _rules) {
|
|
|
7627
7637
|
const computedField = computed(() => {
|
|
7628
7638
|
return typeof props.field === "string" ? props.field : "";
|
|
7629
7639
|
});
|
|
7630
|
-
const fieldValue = computed({
|
|
7631
|
-
|
|
7632
|
-
|
|
7633
|
-
|
|
7634
|
-
return;
|
|
7635
|
-
}
|
|
7636
|
-
return formData[props.field];
|
|
7637
|
-
},
|
|
7638
|
-
set: (val) => {
|
|
7639
|
-
formContext.data[props.field] = val;
|
|
7640
|
+
const fieldValue = computed(() => {
|
|
7641
|
+
const formData = formContext.data;
|
|
7642
|
+
if (!formData || !props.field) {
|
|
7643
|
+
return;
|
|
7640
7644
|
}
|
|
7645
|
+
return getFieldValue(formData, props.field).value;
|
|
7641
7646
|
});
|
|
7642
7647
|
const getRuleByTrigger = (triggerVal) => {
|
|
7643
7648
|
return _rules.value.filter((rule) => {
|
|
@@ -7706,13 +7711,16 @@ function useFormItemValidate(props, _rules) {
|
|
|
7706
7711
|
if (!formContext.data || !props.field) {
|
|
7707
7712
|
return;
|
|
7708
7713
|
}
|
|
7709
|
-
|
|
7710
|
-
|
|
7714
|
+
const currentValue = getFieldValue(formContext.data, props.field);
|
|
7715
|
+
if (!lodash.exports.isEqual(currentValue.value, initFieldValue)) {
|
|
7716
|
+
isResetting = true;
|
|
7717
|
+
}
|
|
7718
|
+
currentValue.value = initFieldValue;
|
|
7711
7719
|
await nextTick();
|
|
7712
7720
|
clearValidate();
|
|
7713
7721
|
};
|
|
7714
7722
|
onMounted(() => {
|
|
7715
|
-
initFieldValue = lodash.exports.
|
|
7723
|
+
initFieldValue = lodash.exports.clone(fieldValue.value);
|
|
7716
7724
|
});
|
|
7717
7725
|
return { validateState, validateMessage, validate, resetField, clearValidate };
|
|
7718
7726
|
}
|