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/search/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-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}.devui-input{height:28px;font-size:var(--devui-font-size, 14px)}.devui-input__wrapper{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 8px;box-sizing:border-box;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 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));height:100%}.devui-input__wrapper:not(.devui-input--error):not(.devui-input--disabled):not(.devui-input--focus):hover{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-input--focus:not(.devui-input--error){border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-input--disabled{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.devui-input--disabled:hover{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-input--disabled .devui-input__inner{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.devui-input--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}.devui-input--sm{height:26px;font-size:var(--devui-font-size-sm, 12px)}.devui-input--lg{height:46px;font-size:var(--devui-font-size-lg, 14px)}.devui-input--feedback{padding-right:28px}.devui-input__inner{width:100%;height:100%;color:var(--devui-text, #252b3a);font-size:inherit;padding:4px 0;border:none;background:none;outline:none}.devui-input--prepend .devui-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.devui-input--append .devui-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-slot{display:inline-flex;width:100%;align-items:stretch}.devui-input-slot__prepend,.devui-input-slot__append{color:var(--devui-text);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;padding:0 20px;white-space:nowrap;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 4px);background-color:var(--devui-form-control-bg, #ffffff)}.devui-input-slot__prepend .devui-button,.devui-input-slot__prepend .devui-select .devui-select__selection,.devui-input-slot__append .devui-button,.devui-input-slot__append .devui-select .devui-select__selection{border:none;background-color:transparent;color:inherit}.devui-input-slot__prepend .devui-button,.devui-input-slot__prepend .devui-select__selection,.devui-input-slot__append .devui-button,.devui-input-slot__append .devui-select__selection{display:inline-block;margin:0 -20px}.devui-input-slot__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-slot__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.devui-input-slot__prefix,.devui-input-slot__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;align-items:center}.devui-input-slot__prefix>*{margin-right:8px}.devui-input-slot__suffix>*{margin-left:8px}.devui-input__clear--icon,.devui-input__password--icon{cursor:pointer}.devui-search{position:relative;display:flex;justify-content:center;align-items:center}.devui-search:not(.devui-search--error):not(.devui-search--disabled):not(.devui-search--focus):hover .devui-input{border-color:var(--devui-form-control-line-hover, #9b9fa8)}.devui-search .devui-input{padding:4px 60px 4px 8px;display:inline-flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;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-search .devui-input__inner{padding:0}.devui-search .devui-input__wrapper{border:none;padding:0}.devui-search--focus .devui-input{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-search svg.svg-icon-clear path,.devui-search svg.svg-icon-search path{fill:var(--devui-icon-text, #71757f)}.devui-search__clear{position:absolute;right:36px;cursor:pointer;font-size:10px;width:30px;height:100%;display:flex;justify-content:center;align-items:center}.devui-search__clear:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:46%;border-left:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-search__icon{pointer-events:all;cursor:pointer;padding:0 8px;position:absolute;z-index:1;right:0;top:0;font-size:16px;width:36px;height:28px;display:flex;justify-content:center;align-items:center}.devui-search--sm .devui-input.devui-input--sm{padding-right:56px}.devui-search--sm .devui-search__icon{font-size:14px;width:34px;height:26px}.devui-search--sm .devui-search__clear{width:26px;height:100%;right:34px}.devui-search--lg .devui-input{padding:4px 36px 4px 10px}.devui-search--lg .devui-input.devui-input--lg{padding-right:70px}.devui-search--lg .devui-search__icon{font-size:18px;width:46px;height:46px}.devui-search--lg .devui-search__clear{width:30px;height:100%;right:46px}.devui-search--disabled .devui-input{cursor:not-allowed;border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-search--disabled .devui-search__icon{cursor:not-allowed}.devui-search--disabled .icon-search{color:var(--devui-disabled-text, #cfd0d3)!important}.devui-search--left .devui-input{padding:4px 26px 4px 30px}.devui-search--left .devui-input.devui-input--lg{padding-right:28px;padding-left:48px}.devui-search--left .devui-input.devui-input--sm{padding-right:24px}.devui-search--left .devui-search__clear{right:0}.devui-search--left .devui-search__clear:after{display:none}.devui-search--left .devui-search__icon{left:0}.devui-search--no-border .devui-input{border:none}
|
|
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-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}.devui-input{height:28px;font-size:var(--devui-font-size, 14px)}.devui-input__wrapper{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 8px;box-sizing:border-box;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 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));height:100%}.devui-input__wrapper:not(.devui-input--error):not(.devui-input--disabled):not(.devui-input--focus):hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-input--focus:not(.devui-input--error){border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-input--disabled{color:var(--devui-disabled-text, #adb0b8);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.devui-input--disabled:hover{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-input--disabled .devui-input__inner{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-input--error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}.devui-input--sm{height:26px;font-size:var(--devui-font-size-sm, 12px)}.devui-input--lg{height:46px;font-size:var(--devui-font-size-lg, 14px)}.devui-input--feedback{padding-right:28px}.devui-input__inner{width:100%;height:100%;color:var(--devui-text, #252b3a);font-size:inherit;padding:4px 0;border:none;background:none;outline:none}.devui-input--prepend .devui-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.devui-input--append .devui-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-slot{display:inline-flex;width:100%;align-items:stretch}.devui-input-slot__prepend,.devui-input-slot__append{color:var(--devui-text);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;padding:0 20px;white-space:nowrap;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 4px);background-color:var(--devui-form-control-bg, #ffffff)}.devui-input-slot__prepend .devui-button,.devui-input-slot__prepend .devui-select .devui-select__selection,.devui-input-slot__append .devui-button,.devui-input-slot__append .devui-select .devui-select__selection{border:none;background-color:transparent;color:inherit}.devui-input-slot__prepend .devui-button,.devui-input-slot__prepend .devui-select__selection,.devui-input-slot__append .devui-button,.devui-input-slot__append .devui-select__selection{display:inline-block;margin:0 -20px}.devui-input-slot__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-slot__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.devui-input-slot__prefix,.devui-input-slot__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;align-items:center}.devui-input-slot__prefix>*{margin-right:8px}.devui-input-slot__suffix>*{margin-left:8px}.devui-input__clear--icon,.devui-input__password--icon{cursor:pointer}.devui-search{position:relative;display:flex;justify-content:center;align-items:center}.devui-search:not(.devui-search--error):not(.devui-search--disabled):not(.devui-search--focus):hover .devui-input{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-search .devui-input{padding:4px 60px 4px 8px;display:inline-flex;align-items:center;justify-content:center;width:100%;color:var(--devui-text, #252b3a);box-sizing:border-box;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-search .devui-input__inner{padding:0}.devui-search .devui-input__wrapper{border:none;padding:0}.devui-search--focus .devui-input{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-search svg.svg-icon-clear path,.devui-search svg.svg-icon-search path{fill:var(--devui-icon-text, #71757f)}.devui-search__clear{position:absolute;right:36px;cursor:pointer;font-size:10px;width:30px;height:100%;display:flex;justify-content:center;align-items:center}.devui-search__clear:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:46%;border-left:1px solid var(--devui-dividing-line, #f2f2f3)}.devui-search__icon{pointer-events:all;cursor:pointer;padding:0 8px;position:absolute;z-index:1;right:0;top:0;font-size:16px;width:36px;height:100%;display:flex;justify-content:center;align-items:center}.devui-search--sm .devui-input.devui-input--sm{font-size:var(--devui-font-size, 14px);padding-right:24px}.devui-search--sm .devui-search__icon{font-size:14px;width:34px;height:26px}.devui-search--sm .devui-search__clear{width:26px;height:100%;right:34px}.devui-search--lg .devui-input{padding:4px 36px 4px 10px}.devui-search--lg .devui-input.devui-input--lg{padding-right:70px}.devui-search--lg .devui-search__icon{font-size:18px;width:46px;height:46px}.devui-search--lg .devui-search__clear{width:30px;height:100%;right:46px}.devui-search--disabled .devui-input{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-search--disabled .devui-search__icon{cursor:not-allowed}.devui-search--disabled .icon-search{color:var(--devui-disabled-text, #adb0b8)!important}.devui-search--left .devui-input{padding:4px 26px 4px 30px}.devui-search--left .devui-input.devui-input--lg{padding-right:28px;padding-left:48px}.devui-search--left .devui-input.devui-input--sm{padding-right:24px}.devui-search--left .devui-search__clear{right:0}.devui-search--left .devui-search__clear:after{display:none}.devui-search--left .devui-search__icon{left:0}.devui-search--no-border .devui-input{border:none}
|
package/select/index.es.js
CHANGED
|
@@ -7492,6 +7492,16 @@ Schema.register = function register(type4, validator) {
|
|
|
7492
7492
|
Schema.warning = warning;
|
|
7493
7493
|
Schema.messages = messages;
|
|
7494
7494
|
Schema.validators = validators;
|
|
7495
|
+
function getFieldValue(obj, path) {
|
|
7496
|
+
return {
|
|
7497
|
+
get value() {
|
|
7498
|
+
return lodash.exports.get(obj, path);
|
|
7499
|
+
},
|
|
7500
|
+
set value(val) {
|
|
7501
|
+
lodash.exports.set(obj, path, val);
|
|
7502
|
+
}
|
|
7503
|
+
};
|
|
7504
|
+
}
|
|
7495
7505
|
function useFormItem(messageType, _rules, validateState) {
|
|
7496
7506
|
const formContext = inject(FORM_TOKEN);
|
|
7497
7507
|
const ns2 = useNamespace("form");
|
|
@@ -7530,17 +7540,12 @@ function useFormItemValidate(props, _rules) {
|
|
|
7530
7540
|
const computedField = computed(() => {
|
|
7531
7541
|
return typeof props.field === "string" ? props.field : "";
|
|
7532
7542
|
});
|
|
7533
|
-
const fieldValue = computed({
|
|
7534
|
-
|
|
7535
|
-
|
|
7536
|
-
|
|
7537
|
-
return;
|
|
7538
|
-
}
|
|
7539
|
-
return formData[props.field];
|
|
7540
|
-
},
|
|
7541
|
-
set: (val) => {
|
|
7542
|
-
formContext.data[props.field] = val;
|
|
7543
|
+
const fieldValue = computed(() => {
|
|
7544
|
+
const formData = formContext.data;
|
|
7545
|
+
if (!formData || !props.field) {
|
|
7546
|
+
return;
|
|
7543
7547
|
}
|
|
7548
|
+
return getFieldValue(formData, props.field).value;
|
|
7544
7549
|
});
|
|
7545
7550
|
const getRuleByTrigger = (triggerVal) => {
|
|
7546
7551
|
return _rules.value.filter((rule) => {
|
|
@@ -7609,13 +7614,16 @@ function useFormItemValidate(props, _rules) {
|
|
|
7609
7614
|
if (!formContext.data || !props.field) {
|
|
7610
7615
|
return;
|
|
7611
7616
|
}
|
|
7612
|
-
|
|
7613
|
-
|
|
7617
|
+
const currentValue = getFieldValue(formContext.data, props.field);
|
|
7618
|
+
if (!lodash.exports.isEqual(currentValue.value, initFieldValue)) {
|
|
7619
|
+
isResetting = true;
|
|
7620
|
+
}
|
|
7621
|
+
currentValue.value = initFieldValue;
|
|
7614
7622
|
await nextTick();
|
|
7615
7623
|
clearValidate();
|
|
7616
7624
|
};
|
|
7617
7625
|
onMounted(() => {
|
|
7618
|
-
initFieldValue = lodash.exports.
|
|
7626
|
+
initFieldValue = lodash.exports.clone(fieldValue.value);
|
|
7619
7627
|
});
|
|
7620
7628
|
return { validateState, validateMessage, validate, resetField, clearValidate };
|
|
7621
7629
|
}
|
|
@@ -7841,7 +7849,7 @@ function useSelect(props, ctx, focus, blur, isSelectFocus) {
|
|
|
7841
7849
|
option._checked = !option._checked;
|
|
7842
7850
|
}
|
|
7843
7851
|
if (index2 > -1) {
|
|
7844
|
-
checkedItems.splice(index2);
|
|
7852
|
+
checkedItems.splice(index2, 1);
|
|
7845
7853
|
} else {
|
|
7846
7854
|
checkedItems.push(item.value);
|
|
7847
7855
|
}
|
|
@@ -7939,6 +7947,16 @@ function useSelect(props, ctx, focus, blur, isSelectFocus) {
|
|
|
7939
7947
|
const isShowEmptyText = computed(() => {
|
|
7940
7948
|
return !!emptyText.value && (!props.allowCreate || isLoading.value || props.allowCreate && injectOptionsArray.value.length === 0);
|
|
7941
7949
|
});
|
|
7950
|
+
const isDisabled = (item) => {
|
|
7951
|
+
const checkOptionDisabledKey = props.optionDisabledKey ? !!item[props.optionDisabledKey] : false;
|
|
7952
|
+
if (!props.multiple) {
|
|
7953
|
+
return checkOptionDisabledKey;
|
|
7954
|
+
} else {
|
|
7955
|
+
let tempModelValue = [];
|
|
7956
|
+
tempModelValue = props.modelValue;
|
|
7957
|
+
return checkOptionDisabledKey || !!props.multipleLimit && props.multipleLimit <= tempModelValue.length && !tempModelValue.includes(item.value);
|
|
7958
|
+
}
|
|
7959
|
+
};
|
|
7942
7960
|
watch(() => props.modelValue, () => {
|
|
7943
7961
|
formItemContext == null ? void 0 : formItemContext.validate("change").catch((err) => console.warn(err));
|
|
7944
7962
|
}, { deep: true });
|
|
@@ -7964,6 +7982,8 @@ function useSelect(props, ctx, focus, blur, isSelectFocus) {
|
|
|
7964
7982
|
tagDelete,
|
|
7965
7983
|
onFocus,
|
|
7966
7984
|
onBlur,
|
|
7985
|
+
isDisabled,
|
|
7986
|
+
toggleChange,
|
|
7967
7987
|
debounceQueryFilter,
|
|
7968
7988
|
isShowCreateOption
|
|
7969
7989
|
};
|
|
@@ -8052,6 +8072,10 @@ const selectProps = {
|
|
|
8052
8072
|
onValueChange: {
|
|
8053
8073
|
type: Function,
|
|
8054
8074
|
default: void 0
|
|
8075
|
+
},
|
|
8076
|
+
multipleLimit: {
|
|
8077
|
+
type: Number,
|
|
8078
|
+
default: 0
|
|
8055
8079
|
}
|
|
8056
8080
|
};
|
|
8057
8081
|
const optionProps = {
|
|
@@ -8767,9 +8791,9 @@ var Icon = defineComponent({
|
|
|
8767
8791
|
[ns2.m("operable")]: operable.value
|
|
8768
8792
|
}));
|
|
8769
8793
|
const onClick = (e) => {
|
|
8794
|
+
e.stopImmediatePropagation();
|
|
8770
8795
|
if (disabled.value) {
|
|
8771
8796
|
e.preventDefault();
|
|
8772
|
-
e.stopImmediatePropagation();
|
|
8773
8797
|
}
|
|
8774
8798
|
};
|
|
8775
8799
|
return () => {
|
|
@@ -9167,6 +9191,8 @@ var Select = defineComponent({
|
|
|
9167
9191
|
onFocus,
|
|
9168
9192
|
onBlur,
|
|
9169
9193
|
debounceQueryFilter,
|
|
9194
|
+
isDisabled,
|
|
9195
|
+
toggleChange,
|
|
9170
9196
|
isShowCreateOption
|
|
9171
9197
|
} = useSelect(props, ctx, focus, blur, isSelectFocus);
|
|
9172
9198
|
const scrollbarNs = useNamespace("scrollbar");
|
|
@@ -9179,7 +9205,8 @@ var Select = defineComponent({
|
|
|
9179
9205
|
const dropdownEmptyCls = ns2.em("dropdown", "empty");
|
|
9180
9206
|
ctx.expose({
|
|
9181
9207
|
focus,
|
|
9182
|
-
blur
|
|
9208
|
+
blur,
|
|
9209
|
+
toggleChange
|
|
9183
9210
|
});
|
|
9184
9211
|
provide(SELECT_TOKEN, reactive(__spreadProps(__spreadValues({}, toRefs(props)), {
|
|
9185
9212
|
selectDisabled,
|
|
@@ -9226,12 +9253,12 @@ var Select = defineComponent({
|
|
|
9226
9253
|
"key": i,
|
|
9227
9254
|
"value": item.value,
|
|
9228
9255
|
"name": item.name,
|
|
9229
|
-
"disabled":
|
|
9256
|
+
"disabled": isDisabled(item)
|
|
9230
9257
|
}, {
|
|
9231
9258
|
default: () => [props.multiple ? createVNode(Checkbox, {
|
|
9232
9259
|
"modelValue": item._checked,
|
|
9233
9260
|
"label": item.name,
|
|
9234
|
-
"disabled":
|
|
9261
|
+
"disabled": isDisabled(item)
|
|
9235
9262
|
}, null) : item.name || item.value]
|
|
9236
9263
|
}))]), [[vShow, !isLoading.value]]), isShowEmptyText.value && createVNode("div", null, [((_c = ctx.slots) == null ? void 0 : _c.empty) && ctx.slots.empty(), !((_d = ctx.slots) == null ? void 0 : _d.empty) && createVNode("p", {
|
|
9237
9264
|
"class": dropdownEmptyCls
|