vue-devui 1.6.16 → 1.6.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/auto-complete/index.es.js +12 -13
- package/auto-complete/index.umd.js +16 -16
- package/auto-complete/style.css +1 -1
- package/breadcrumb/index.es.js +1 -7
- package/breadcrumb/index.umd.js +1 -1
- package/category-search/index.es.js +13 -18
- package/category-search/index.umd.js +14 -14
- package/category-search/style.css +1 -1
- package/checkbox/index.es.js +11 -10
- package/checkbox/index.umd.js +7 -7
- package/checkbox/style.css +1 -1
- package/code-review/index.es.js +4 -9
- package/code-review/index.umd.js +17 -17
- package/data-grid/index.es.js +12 -17
- package/data-grid/index.umd.js +15 -15
- package/data-grid/style.css +1 -1
- package/date-picker-pro/index.es.js +16 -31
- package/date-picker-pro/index.umd.js +12 -12
- package/date-picker-pro/style.css +1 -1
- package/dropdown/index.es.js +1 -7
- package/dropdown/index.umd.js +1 -1
- package/editable-select/index.es.js +2 -6
- package/editable-select/index.umd.js +10 -10
- package/editor-md/index.es.js +2 -14
- package/editor-md/index.umd.js +22 -22
- package/form/index.es.js +11 -10
- package/form/index.umd.js +8 -8
- package/form/style.css +1 -1
- package/input/index.es.js +11 -10
- package/input/index.umd.js +9 -9
- package/input/style.css +1 -1
- package/input-number/index.es.js +11 -10
- package/input-number/index.umd.js +16 -16
- package/input-number/style.css +1 -1
- package/mention/index.es.js +11 -10
- package/mention/index.umd.js +15 -15
- package/mention/style.css +1 -1
- package/package.json +1 -1
- package/pagination/index.es.js +18 -21
- package/pagination/index.umd.js +16 -16
- package/pagination/style.css +1 -1
- package/popover/index.es.js +4 -9
- package/popover/index.umd.js +10 -10
- package/radio/index.es.js +11 -10
- package/radio/index.umd.js +14 -14
- package/radio/style.css +1 -1
- package/search/index.es.js +11 -10
- package/search/index.umd.js +8 -8
- package/search/style.css +1 -1
- package/select/index.es.js +16 -13
- package/select/index.umd.js +14 -14
- package/select/style.css +1 -1
- package/splitter/index.es.js +1 -7
- package/splitter/index.umd.js +9 -9
- package/style.css +1 -1
- package/switch/index.es.js +11 -10
- package/switch/index.umd.js +10 -10
- package/switch/style.css +1 -1
- package/table/index.es.js +13 -24
- package/table/index.umd.js +12 -12
- package/table/style.css +1 -1
- package/textarea/index.es.js +11 -10
- package/textarea/index.umd.js +11 -11
- package/textarea/style.css +1 -1
- package/time-picker/index.es.js +16 -13
- package/time-picker/index.umd.js +16 -16
- package/time-picker/style.css +1 -1
- package/time-select/index.es.js +16 -13
- package/time-select/index.umd.js +13 -13
- package/time-select/style.css +1 -1
- package/tooltip/index.es.js +1 -7
- package/tooltip/index.umd.js +11 -11
- package/tree/index.es.js +11 -10
- package/tree/index.umd.js +9 -9
- package/tree/style.css +1 -1
- package/types/auto-complete/src/auto-complete-types.d.ts +1 -1
- package/types/dropdown/src/dropdown-types.d.ts +1 -6
- package/types/dropdown/src/dropdown.d.ts +2 -11
- package/types/editable-select/src/editable-select-types.d.ts +1 -1
- package/types/form/src/components/form-item/form-item-types.d.ts +2 -1
- package/types/form/src/form-types.d.ts +5 -0
- package/types/popover/src/popover-types.d.ts +1 -6
- package/types/popover/src/popover.d.ts +2 -11
- package/types/select/src/select-types.d.ts +5 -0
- package/types/time-picker/src/components/time-scroll/index.d.ts +9 -0
- package/types/time-picker/src/time-picker-types.d.ts +5 -0
- package/types/tooltip/src/tooltip-types.d.ts +1 -6
- package/types/tooltip/src/tooltip.d.ts +2 -11
- package/vue-devui.es.js +30 -64
- package/vue-devui.umd.js +39 -39
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, .24));opacity:1;z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label--required-hide:before{display:none}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__label-tips-popover .dv-popover__icon-wrap+span{flex:1}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 12px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}@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{z-index:var(--devui-z-index-full-page-overlay, 1080);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:var(--devui-z-index-full-page-overlay, 1080)}.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;line-height:20px;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-auto-complete .devui-dropdown-item:not(:first-child),.devui-auto-complete__menu .devui-dropdown-item:not(:first-child){margin-top:4px}.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:24px;font-size:var(--devui-font-size-sm, 12px)}.devui-auto-complete--md{height:32px;font-size:var(--devui-font-size-md, 12px)}.devui-auto-complete--lg{height:40px;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:not(.devui-auto-complete--focus) .devui-auto-complete--glow-style:hover{box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08));border-color:var(--devui-form-control-line, #d7d8da)}.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, 2px);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)),box-shadow var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in, cubic-bezier(.5, 0, .84, .25))}.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, #ffd5d4)}.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, 2px);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--glow-style:not(.devui-auto-complete--disabled):not(.devui-auto-complete-input__wrapper--error):hover{box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08));border-color:var(--devui-form-control-line, #d7d8da)}.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--focus .devui-auto-complete--glow-style:not(.devui-auto-complete-input__wrapper--error){box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08));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-auto-complete--fade-bottom-enter-from,.devui-auto-complete--fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-auto-complete--fade-bottom-enter-to,.devui-auto-complete--fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-auto-complete--fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-auto-complete--fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-auto-complete--fade-top-enter-from,.devui-auto-complete--fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-auto-complete--fade-top-enter-to,.devui-auto-complete--fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-auto-complete--fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-auto-complete--fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-icon__container{display:inline-block;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--no-slots i,.devui-icon--no-slots img{display:block}.devui-icon--disabled{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #cfd0d3)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;line-height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 2px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-icon-group{display:inline-flex;align-items:center}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){padding:8px;margin-left:0}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>*:not(:first-child){margin-left:0}
|
|
1
|
+
.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));opacity:1;z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label--required-right:after{content:"*";color:red;display:inline-block;margin-left:8px}.devui-form__label--required-hide:before,.devui-form__label--required-hide:after{display:none}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__label-tips-popover .dv-popover__icon-wrap+span{flex:1}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 12px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}@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{z-index:var(--devui-z-index-full-page-overlay, 1080);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:var(--devui-z-index-full-page-overlay, 1080)}.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;line-height:20px;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-auto-complete .devui-dropdown-item:not(:first-child),.devui-auto-complete__menu .devui-dropdown-item:not(:first-child){margin-top:4px}.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:24px;font-size:var(--devui-font-size-sm, 12px)}.devui-auto-complete--md{height:32px;font-size:var(--devui-font-size-md, 12px)}.devui-auto-complete--lg{height:40px;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:not(.devui-auto-complete--focus) .devui-auto-complete--glow-style:hover{box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08));border-color:var(--devui-form-control-line, #d7d8da)}.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, 2px);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)),box-shadow var(--devui-animation-duration-base, .2s) var(--devui-animation-ease-in, cubic-bezier(.5, 0, .84, .25))}.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, #ffd5d4)}.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, 2px);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--glow-style:not(.devui-auto-complete--disabled):not(.devui-auto-complete-input__wrapper--error):hover{box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08));border-color:var(--devui-form-control-line, #d7d8da)}.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--focus .devui-auto-complete--glow-style:not(.devui-auto-complete-input__wrapper--error){box-shadow:0 0 0 4px var(--devui-form-control-interactive-outline, rgba(94, 124, 224, .08));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-auto-complete--fade-bottom-enter-from,.devui-auto-complete--fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-auto-complete--fade-bottom-enter-to,.devui-auto-complete--fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-auto-complete--fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-auto-complete--fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-auto-complete--fade-top-enter-from,.devui-auto-complete--fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-auto-complete--fade-top-enter-to,.devui-auto-complete--fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-auto-complete--fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-auto-complete--fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-icon__container{display:inline-block;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--no-slots i,.devui-icon--no-slots img{display:block}.devui-icon--disabled{color:var(--devui-disabled-text, #cfd0d3);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #cfd0d3)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;line-height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 2px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-icon-group{display:inline-flex;align-items:center}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){padding:8px;margin-left:0}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>*:not(:first-child){margin-left:0}
|
package/breadcrumb/index.es.js
CHANGED
|
@@ -88,11 +88,7 @@ const dropdownProps = {
|
|
|
88
88
|
},
|
|
89
89
|
position: {
|
|
90
90
|
type: Array,
|
|
91
|
-
default: ["bottom"]
|
|
92
|
-
},
|
|
93
|
-
align: {
|
|
94
|
-
type: String,
|
|
95
|
-
default: null
|
|
91
|
+
default: () => ["bottom", "top", "left", "right"]
|
|
96
92
|
},
|
|
97
93
|
offset: {
|
|
98
94
|
type: [Number, Object],
|
|
@@ -622,7 +618,6 @@ var DDropdown = defineComponent({
|
|
|
622
618
|
const {
|
|
623
619
|
visible,
|
|
624
620
|
position,
|
|
625
|
-
align,
|
|
626
621
|
offset: offset2,
|
|
627
622
|
destroyOnHide,
|
|
628
623
|
shiftOffset,
|
|
@@ -680,7 +675,6 @@ var DDropdown = defineComponent({
|
|
|
680
675
|
"ref": overlayRef,
|
|
681
676
|
"origin": origin.value,
|
|
682
677
|
"position": position.value,
|
|
683
|
-
"align": align.value,
|
|
684
678
|
"offset": offset2.value,
|
|
685
679
|
"shiftOffset": shiftOffset == null ? void 0 : shiftOffset.value,
|
|
686
680
|
"onPositionChange": handlePositionChange,
|
package/breadcrumb/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var de=Object.defineProperty,fe=Object.defineProperties;var me=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var pe=Object.prototype.hasOwnProperty,ge=Object.prototype.propertyIsEnumerable;var F=(p,e,w)=>e in p?de(p,e,{enumerable:!0,configurable:!0,writable:!0,value:w}):p[e]=w,z=(p,e)=>{for(var w in e||(e={}))pe.call(e,w)&&F(p,w,e[w]);if(_)for(var w of _(e))ge.call(e,w)&&F(p,w,e[w]);return p},H=(p,e)=>fe(p,me(e));(function(p,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],e):(p=typeof globalThis!="undefined"?globalThis:p||self,e(p.index={},p.Vue,p.dom))})(this,function(p,e,w){"use strict";const I={source:{type:Array,default:[]},separatorIcon:{type:String}},R={showMenu:{type:Boolean,default:!1},menuList:{type:Array},isSearch:{type:Boolean,dafault:!1},to:{type:[String,Object],default:""},replace:{type:Boolean,default:!1}};function L(t,n,o){let a=t;return n&&(a+=`__${n}`),o&&(a+=`--${o}`),a}function A(t,n=!1){const o=n?`.devui-${t}`:`devui-${t}`;return{b:()=>L(o),e:l=>l?L(o,l):"",m:l=>l?L(o,"",l):"",em:(l,r)=>l&&r?L(o,l,r):""}}var ye="";const U={visible:{type:Boolean,default:!1},trigger:{type:String,default:"click"},closeScope:{type:String,default:"all"},position:{type:Array,default:["bottom"]},align:{type:String,default:null},offset:{type:[Number,Object],default:4},shiftOffset:{type:Number},closeOnMouseLeaveMenu:{type:Boolean,default:!1},showAnimation:{type:Boolean,default:!0},overlayClass:{type:String,default:""},destroyOnHide:{type:Boolean,default:!0},teleport:{type:[String,Object],default:"body"}},$=Symbol("popper-trigger");function W(t){return t instanceof Element?t:t&&typeof t=="object"&&t.$el instanceof Element?t.$el:null}const T=new Map;function O(t,n,o){return t==null||t.addEventListener(n,o),()=>{t==null||t.removeEventListener(n,o)}}const q=({id:t,isOpen:n,origin:o,dropdownRef:a,props:c,emit:i})=>{let s=!1,l=!1;const{trigger:r,closeScope:u,closeOnMouseLeaveMenu:N}=e.toRefs(c),m=v=>{n.value=v,i("toggle",n.value)},B=async(v,C)=>{await new Promise(f=>setTimeout(f,50)),!(v==="origin"&&s||v==="dropdown"&&l)&&(C&&[...T.values()].reverse().forEach(f=>{setTimeout(()=>{var d;(d=f.toggle)==null||d.call(f)},0)}),m(!1))};e.watch([r,o,a],([v,C,f],d,y)=>{const g=W(C),V=[];setTimeout(()=>{V.push(O(document,"click",h=>{h.stopPropagation();const b=[...T.values()];!n.value||u.value==="none"||(f==null?void 0:f.contains(h.target))&&u.value==="blank"||b.some(k=>{var E;return(E=k.toggleEl)==null?void 0:E.contains(h.target)})&&b.some(k=>{var E;return(E=k.menuEl)==null?void 0:E.contains(h.target)})||([...T.values()].reverse().forEach(k=>{setTimeout(()=>{var E,x;((E=k.toggleEl)==null?void 0:E.contains(h.target))||(x=k.toggle)==null||x.call(k)},0)}),s=!1)}))},0),v==="click"?V.push(O(g,"click",()=>m(!n.value)),O(f,"mouseleave",h=>{var b;N.value&&!((b=T.get(t).child)==null?void 0:b.contains(h.relatedTarget))&&B("dropdown",!0)})):v==="hover"&&V.push(O(g,"mouseenter",()=>{l=!0,m(!0)}),O(g,"mouseleave",()=>{l=!1,B("origin")}),O(f,"mouseenter",()=>{s=!0,n.value=!0}),O(f,"mouseleave",h=>{var b;s=!1,!(h.relatedTarget&&((g==null?void 0:g.contains(h.relatedTarget))||((b=T.get(t).child)==null?void 0:b.contains(h.relatedTarget))))&&B("dropdown",!0)})),y(()=>V.forEach(h=>h()))})};function G(t,n,o,a,c,i){e.watch(n,(s,l)=>{l!==void 0&&(o.value=s,i("toggle",o.value))},{immediate:!0}),e.watch([o,c],([s,l])=>{var r;if(s){T.set(t,H(z({},T.get(t)),{menuEl:l,toggle:()=>{o.value=!1,i("toggle",o.value)}}));for(const u of T.values())((r=u.menuEl)==null?void 0:r.contains(a.value))&&(u.child=l)}}),e.onMounted(()=>{T.set(t,{toggleEl:a.value})}),e.onUnmounted(()=>{T.delete(t)})}function Y(t,n,o){const{showAnimation:a,overlayClass:c,destroyOnHide:i}=e.toRefs(t),s=e.ref(!1),l=e.ref(!1),r=e.computed(()=>({transformOrigin:n.value==="top"?"0% 100%":"0% 0%",zIndex:"var(--devui-z-index-dropdown, 1052)"})),u=e.computed(()=>({"fade-in-bottom":a.value&&o.value&&n.value==="bottom","fade-in-top":a.value&&o.value&&n.value==="top",[`${c.value}`]:!0})),N=m=>{n.value=m.includes("top")||m.includes("right-end")||m.includes("left-end")?"top":"bottom"};return e.watch(o,m=>{s.value=i.value?m:!0,l.value=m}),{overlayModelValue:s,overlayShowValue:l,styles:r,classes:u,handlePositionChange:N}}const K={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function X(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const t=document.documentElement.scrollTop,n=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${t}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{n?document.documentElement.setAttribute("style",n):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=t}}}function J(t,n){let o;const a=i=>{i.preventDefault(),n.emit("click",i),t.closeOnClickOverlay&&n.emit("update:modelValue",!1)},c=()=>{o==null||o()};return e.watch(()=>t.modelValue,i=>{i?t.lockScroll&&(o=X()):c()}),e.onUnmounted(c),{onClick:a}}var he="";e.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:K,emits:["update:modelValue","click"],setup(t,n){const{modelValue:o}=e.toRefs(t),a=A("fixed-overlay"),{onClick:c}=J(t,n);return()=>e.createVNode(e.Transition,{name:a.m("fade")},{default:()=>{var i,s;return[o.value&&e.createVNode("div",e.mergeProps({class:a.b()},n.attrs,{onClick:c}),[(s=(i=n.slots).default)==null?void 0:s.call(i)])]}})}});const Q={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1},fitOriginWidth:{type:Boolean,default:!1}};function Z(t,n,o,a){let{x:c,y:i}=n;if(!t){const{width:s,height:l}=a;c&&o.includes("start")&&(c=12),c&&o.includes("end")&&(c=Math.round(s-24)),i&&o.includes("start")&&(i=10),i&&o.includes("end")&&(i=l-14)}return{x:c,y:i}}function ee(t,n){const{fitOriginWidth:o,position:a,showArrow:c}=e.toRefs(t),i=e.ref(),s=e.ref(),l=e.ref(0);let r;const u=e.computed(()=>o.value?{width:l.value+"px"}:{}),N=(d,y,g,V)=>{const{x:h,y:b}=Z(t.isArrowCenter,g,y,V.getBoundingClientRect()),k={top:"bottom",right:"left",bottom:"top",left:"right"}[y.split("-")[0]];Object.assign(d.style,{left:h?`${h}px`:"",top:b?`${b}px`:"",right:"",bottom:"",[k]:"-4px"})},m=async()=>{const d=t.origin,y=e.unref(i.value),g=e.unref(s.value),[V,...h]=a.value,b=[w.offset(t.offset)];b.push(h.length?w.flip({fallbackPlacements:h}):w.flip()),c.value&&b.push(w.arrow({element:s.value}));const{x:k,y:E,placement:x,middlewareData:P}=await w.computePosition(d,y,{strategy:"fixed",placement:V,middleware:b});let se=k,ue=E;n("positionChange",x),Object.assign(y.style,{top:`${ue}px`,left:`${se}px`}),t.showArrow&&N(g,x,P.arrow,y)},B=d=>{var g,V;const y=d.target;(y==null?void 0:y.contains((V=(g=t.origin)==null?void 0:g.$el)!=null?V:t.origin))&&m()},v=d=>{l.value=d.getBoundingClientRect().width,m()},C=()=>{var d,y;if(o.value&&typeof window!="undefined"){const g=(y=(d=t.origin)==null?void 0:d.$el)!=null?y:t.origin;g&&(r=new window.ResizeObserver(()=>v(g)),r.observe(g))}},f=()=>{var y,g;const d=(g=(y=t.origin)==null?void 0:y.$el)!=null?g:t.origin;d&&(r==null||r.unobserve(d))};return e.watch(()=>t.modelValue,()=>{t.modelValue&&t.origin?(e.nextTick(m),window.addEventListener("scroll",B,!0),window.addEventListener("resize",m),C()):(window.removeEventListener("scroll",B,!0),window.removeEventListener("resize",m),f())}),e.onUnmounted(()=>{window.removeEventListener("scroll",B,!0),window.removeEventListener("resize",m),f()}),{arrowRef:s,overlayRef:i,styles:u,updatePosition:m}}var be="";const te=e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:Q,emits:["update:modelValue","positionChange"],setup(t,{slots:n,attrs:o,emit:a,expose:c}){const i=A("flexible-overlay"),{clickEventBubble:s}=e.toRefs(t),{arrowRef:l,overlayRef:r,styles:u,updatePosition:N}=ee(t,a);return c({updatePosition:N}),()=>{var m;return t.modelValue&&e.createVNode("div",e.mergeProps({ref:r,class:i.b(),style:u.value},o,{onClick:e.withModifiers(()=>({}),[s.value?"":"stop"]),onPointerup:e.withModifiers(()=>({}),["stop"])}),[(m=n.default)==null?void 0:m.call(n),t.showArrow&&e.createVNode("div",{ref:l,class:i.e("arrow")},null)])}}}),ne=t=>t!==null&&typeof t=="object",oe=A("popper-trigger");function D(t){return e.h("span",{class:oe.b()},t)}function j(t){for(const n of t){if(ne(n)){if(n.type===e.Comment)continue;return n.type==="svg"||n.type===e.Text?D(n):n.type===e.Fragment?j(n.children):n}return D(n)}return null}var re=e.defineComponent({name:"DPopperTrigger",setup(t,n){const{slots:o,attrs:a}=n;return()=>{var l;const c=(l=o.default)==null?void 0:l.call(o,a),i=e.inject($);if(!c)return null;const s=j(c);return s?e.withDirectives(e.cloneVNode(s,a),[[{mounted(r){i.value=r},updated(r){i.value=r},unmounted(){i.value=null}}]]):null}}}),we="";let ae=1;var le=e.defineComponent({name:"DDropdown",inheritAttrs:!1,props:U,emits:["toggle"],setup(t,{slots:n,attrs:o,emit:a,expose:c}){const{visible:i,position:s,align:l,offset:r,destroyOnHide:u,shiftOffset:N,showAnimation:m,teleport:B}=e.toRefs(t),v=e.ref(),C=e.ref(),f=e.ref(),d=`dropdown_${ae++}`,y=e.ref(!1),g=e.ref("bottom"),V=A("dropdown");e.provide($,v),q({id:d,isOpen:y,origin:v,dropdownRef:C,props:t,emit:a}),G(d,i,y,v,C,a);const{overlayModelValue:h,overlayShowValue:b,styles:k,classes:E,handlePositionChange:x}=Y(t,g,y);return e.watch(b,P=>{e.nextTick(()=>{!u.value&&P&&f.value.updatePosition()})}),c({updatePosition:()=>f.value.updatePosition()}),()=>e.createVNode(e.Fragment,null,[e.createVNode(re,null,{default:()=>{var P;return[(P=n.default)==null?void 0:P.call(n)]}}),e.createVNode(e.Teleport,{to:B.value},{default:()=>[e.createVNode(e.Transition,{name:m.value?V.m(`fade-${g.value}`):""},{default:()=>[e.withDirectives(e.createVNode(te,{modelValue:h.value,"onUpdate:modelValue":P=>h.value=P,ref:f,origin:v.value,position:s.value,align:l.value,offset:r.value,shiftOffset:N==null?void 0:N.value,onPositionChange:x,"click-event-bubble":!0,class:E.value,style:k.value},{default:()=>{var P;return[e.createVNode("div",e.mergeProps({ref:C,class:V.e("menu-wrap")},o),[(P=n.menu)==null?void 0:P.call(n)])]}}),[[e.vShow,b.value]])]})]})])}}),S=e.defineComponent({name:"DBreadcrumbItem",components:{DDropdown:le},props:R,setup(t,{slots:n}){var C;const o=e.inject("separatorIcon"),a=A("breadcrumb"),c=t.to?"is-link":"",i=t.showMenu&&((C=t.menuList)==null?void 0:C.length)?a.e("dropdown-title"):"",s=e.ref(null),l=e.getCurrentInstance(),r=l==null?void 0:l.appContext.config.globalProperties.$router,u=e.ref(t.showMenu),N=e.ref(t.menuList||[]),m=()=>{!t.to||!r||(t.replace?r.replace(t.to):r.push(t.to))};e.onMounted(()=>{var f;(f=s.value)==null||f.addEventListener("click",m)}),e.onBeforeUnmount(()=>{var f;(f=s.value)==null||f.removeEventListener("click",m)});const B=()=>e.createVNode("span",{class:a.e("separator")},[o]),v=()=>{var f;return u.value?e.createVNode("div",{class:a.e("item")},[e.createVNode(e.resolveComponent("d-dropdown"),{trigger:"hover","close-scope":"blank"},{default:()=>{var d;return[e.createVNode("span",{class:[c,i]},[(d=n==null?void 0:n.default)==null?void 0:d.call(n),e.createVNode("span",{class:"icon icon-chevron-down"},null)])]},menu:()=>e.createVNode("ul",{class:a.e("item-dropdown")},[N.value.map(d=>d.link?e.createVNode("a",{href:d.link,target:d.target?d.target:"_self"},[e.createVNode("li",{class:a.e("item-dropdown-item")},[d.title])]):e.createVNode("li",{class:a.e("item-dropdown-item")},[e.createVNode("span",{class:c},[d.title])]))])})]):e.createVNode("div",{class:a.e("item")},[e.createVNode("span",{ref:s,class:c},[(f=n==null?void 0:n.default)==null?void 0:f.call(n)]),B()])};return()=>v()}});function ie(t,n,o="default"){var a,c;return(c=n[o])!=null?c:(a=t[o])==null?void 0:a.call(t)}var ve="",M=e.defineComponent({name:"DBreadcrumb",components:{DBreadcrumbItem:S},props:I,setup(t,{slots:n}){var l;const o=(l=ie(n,t,"separatorIcon"))!=null?l:"/";e.provide("separatorIcon",o);const a=A("breadcrumb"),c=r=>e.createVNode(e.resolveComponent("d-breadcrumb-item"),{to:`path: ${r.link}`,replace:r.replace},{default:()=>[r.title]}),i=r=>e.createVNode(e.resolveComponent("d-breadcrumb-item"),{menuList:r.children,showMenu:r.showMenu,to:`path: ${r.link}`,replace:r.replace},{default:()=>[!r.noNavigation&&(!r.linkType||r.linkType==="hrefLink")?e.createVNode("a",{href:r.link,target:r.target?r.target:"_self"},[r.title]):null,r.noNavigation?e.createVNode("span",null,[r.title]):null]}),s=r=>r.map(u=>!u.noNavigation&&u.linkType==="routerLink"?c(u):u.children&&u.children.length>0?i(u):e.createVNode(e.resolveComponent("d-breadcrumb-item"),null,{default:()=>[!u.noNavigation&&(!u.linkType||u.linkType==="hrefLink")?e.createVNode("a",{href:u.link,target:u.target?u.target:"_self"},[u.title]):null,u.noNavigation?e.createVNode("span",null,[u.title]):null]}));return()=>{var r;return e.createVNode("div",{class:a.b()},[t.source&&t.source.length?s(t.source):(r=n==null?void 0:n.default)==null?void 0:r.call(n)])}}}),ce={title:"Breadcrumb \u9762\u5305\u5C51",category:"\u5BFC\u822A",status:"100%",install(t){t.component(M.name,M),t.component(S.name,S)}};p.Breadcrumb=M,p.BreadcrumbItem=S,p.breadcrumbItemProps=R,p.breadcrumbProps=I,p.default=ce,Object.defineProperty(p,"__esModule",{value:!0}),p[Symbol.toStringTag]="Module"});
|
|
1
|
+
var de=Object.defineProperty,fe=Object.defineProperties;var me=Object.getOwnPropertyDescriptors;var j=Object.getOwnPropertySymbols;var pe=Object.prototype.hasOwnProperty,ge=Object.prototype.propertyIsEnumerable;var _=(p,e,w)=>e in p?de(p,e,{enumerable:!0,configurable:!0,writable:!0,value:w}):p[e]=w,F=(p,e)=>{for(var w in e||(e={}))pe.call(e,w)&&_(p,w,e[w]);if(j)for(var w of j(e))ge.call(e,w)&&_(p,w,e[w]);return p},z=(p,e)=>fe(p,me(e));(function(p,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],e):(p=typeof globalThis!="undefined"?globalThis:p||self,e(p.index={},p.Vue,p.dom))})(this,function(p,e,w){"use strict";const M={source:{type:Array,default:[]},separatorIcon:{type:String}},I={showMenu:{type:Boolean,default:!1},menuList:{type:Array},isSearch:{type:Boolean,dafault:!1},to:{type:[String,Object],default:""},replace:{type:Boolean,default:!1}};function A(t,n,o){let a=t;return n&&(a+=`__${n}`),o&&(a+=`--${o}`),a}function x(t,n=!1){const o=n?`.devui-${t}`:`devui-${t}`;return{b:()=>A(o),e:l=>l?A(o,l):"",m:l=>l?A(o,"",l):"",em:(l,r)=>l&&r?A(o,l,r):""}}var ye="";const H={visible:{type:Boolean,default:!1},trigger:{type:String,default:"click"},closeScope:{type:String,default:"all"},position:{type:Array,default:()=>["bottom","top","left","right"]},offset:{type:[Number,Object],default:4},shiftOffset:{type:Number},closeOnMouseLeaveMenu:{type:Boolean,default:!1},showAnimation:{type:Boolean,default:!0},overlayClass:{type:String,default:""},destroyOnHide:{type:Boolean,default:!0},teleport:{type:[String,Object],default:"body"}},R=Symbol("popper-trigger");function U(t){return t instanceof Element?t:t&&typeof t=="object"&&t.$el instanceof Element?t.$el:null}const T=new Map;function O(t,n,o){return t==null||t.addEventListener(n,o),()=>{t==null||t.removeEventListener(n,o)}}const W=({id:t,isOpen:n,origin:o,dropdownRef:a,props:c,emit:i})=>{let s=!1,l=!1;const{trigger:r,closeScope:u,closeOnMouseLeaveMenu:P}=e.toRefs(c),m=v=>{n.value=v,i("toggle",n.value)},k=async(v,E)=>{await new Promise(f=>setTimeout(f,50)),!(v==="origin"&&s||v==="dropdown"&&l)&&(E&&[...T.values()].reverse().forEach(f=>{setTimeout(()=>{var d;(d=f.toggle)==null||d.call(f)},0)}),m(!1))};e.watch([r,o,a],([v,E,f],d,h)=>{const g=U(E),N=[];setTimeout(()=>{N.push(O(document,"click",y=>{y.stopPropagation();const b=[...T.values()];!n.value||u.value==="none"||(f==null?void 0:f.contains(y.target))&&u.value==="blank"||b.some(C=>{var B;return(B=C.toggleEl)==null?void 0:B.contains(y.target)})&&b.some(C=>{var B;return(B=C.menuEl)==null?void 0:B.contains(y.target)})||([...T.values()].reverse().forEach(C=>{setTimeout(()=>{var B,V;((B=C.toggleEl)==null?void 0:B.contains(y.target))||(V=C.toggle)==null||V.call(C)},0)}),s=!1)}))},0),v==="click"?N.push(O(g,"click",()=>m(!n.value)),O(f,"mouseleave",y=>{var b;P.value&&!((b=T.get(t).child)==null?void 0:b.contains(y.relatedTarget))&&k("dropdown",!0)})):v==="hover"&&N.push(O(g,"mouseenter",()=>{l=!0,m(!0)}),O(g,"mouseleave",()=>{l=!1,k("origin")}),O(f,"mouseenter",()=>{s=!0,n.value=!0}),O(f,"mouseleave",y=>{var b;s=!1,!(y.relatedTarget&&((g==null?void 0:g.contains(y.relatedTarget))||((b=T.get(t).child)==null?void 0:b.contains(y.relatedTarget))))&&k("dropdown",!0)})),h(()=>N.forEach(y=>y()))})};function q(t,n,o,a,c,i){e.watch(n,(s,l)=>{l!==void 0&&(o.value=s,i("toggle",o.value))},{immediate:!0}),e.watch([o,c],([s,l])=>{var r;if(s){T.set(t,z(F({},T.get(t)),{menuEl:l,toggle:()=>{o.value=!1,i("toggle",o.value)}}));for(const u of T.values())((r=u.menuEl)==null?void 0:r.contains(a.value))&&(u.child=l)}}),e.onMounted(()=>{T.set(t,{toggleEl:a.value})}),e.onUnmounted(()=>{T.delete(t)})}function G(t,n,o){const{showAnimation:a,overlayClass:c,destroyOnHide:i}=e.toRefs(t),s=e.ref(!1),l=e.ref(!1),r=e.computed(()=>({transformOrigin:n.value==="top"?"0% 100%":"0% 0%",zIndex:"var(--devui-z-index-dropdown, 1052)"})),u=e.computed(()=>({"fade-in-bottom":a.value&&o.value&&n.value==="bottom","fade-in-top":a.value&&o.value&&n.value==="top",[`${c.value}`]:!0})),P=m=>{n.value=m.includes("top")||m.includes("right-end")||m.includes("left-end")?"top":"bottom"};return e.watch(o,m=>{s.value=i.value?m:!0,l.value=m}),{overlayModelValue:s,overlayShowValue:l,styles:r,classes:u,handlePositionChange:P}}const Y={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function K(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const t=document.documentElement.scrollTop,n=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${t}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{n?document.documentElement.setAttribute("style",n):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=t}}}function X(t,n){let o;const a=i=>{i.preventDefault(),n.emit("click",i),t.closeOnClickOverlay&&n.emit("update:modelValue",!1)},c=()=>{o==null||o()};return e.watch(()=>t.modelValue,i=>{i?t.lockScroll&&(o=K()):c()}),e.onUnmounted(c),{onClick:a}}var he="";e.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:Y,emits:["update:modelValue","click"],setup(t,n){const{modelValue:o}=e.toRefs(t),a=x("fixed-overlay"),{onClick:c}=X(t,n);return()=>e.createVNode(e.Transition,{name:a.m("fade")},{default:()=>{var i,s;return[o.value&&e.createVNode("div",e.mergeProps({class:a.b()},n.attrs,{onClick:c}),[(s=(i=n.slots).default)==null?void 0:s.call(i)])]}})}});const J={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1},fitOriginWidth:{type:Boolean,default:!1}};function Q(t,n,o,a){let{x:c,y:i}=n;if(!t){const{width:s,height:l}=a;c&&o.includes("start")&&(c=12),c&&o.includes("end")&&(c=Math.round(s-24)),i&&o.includes("start")&&(i=10),i&&o.includes("end")&&(i=l-14)}return{x:c,y:i}}function Z(t,n){const{fitOriginWidth:o,position:a,showArrow:c}=e.toRefs(t),i=e.ref(),s=e.ref(),l=e.ref(0);let r;const u=e.computed(()=>o.value?{width:l.value+"px"}:{}),P=(d,h,g,N)=>{const{x:y,y:b}=Q(t.isArrowCenter,g,h,N.getBoundingClientRect()),C={top:"bottom",right:"left",bottom:"top",left:"right"}[h.split("-")[0]];Object.assign(d.style,{left:y?`${y}px`:"",top:b?`${b}px`:"",right:"",bottom:"",[C]:"-4px"})},m=async()=>{const d=t.origin,h=e.unref(i.value),g=e.unref(s.value),[N,...y]=a.value,b=[w.offset(t.offset)];b.push(y.length?w.flip({fallbackPlacements:y}):w.flip()),c.value&&b.push(w.arrow({element:s.value}));const{x:C,y:B,placement:V,middlewareData:ce}=await w.computePosition(d,h,{strategy:"fixed",placement:N,middleware:b});let se=C,ue=B;n("positionChange",V),Object.assign(h.style,{top:`${ue}px`,left:`${se}px`}),t.showArrow&&P(g,V,ce.arrow,h)},k=d=>{var g,N;const h=d.target;(h==null?void 0:h.contains((N=(g=t.origin)==null?void 0:g.$el)!=null?N:t.origin))&&m()},v=d=>{l.value=d.getBoundingClientRect().width,m()},E=()=>{var d,h;if(o.value&&typeof window!="undefined"){const g=(h=(d=t.origin)==null?void 0:d.$el)!=null?h:t.origin;g&&(r=new window.ResizeObserver(()=>v(g)),r.observe(g))}},f=()=>{var h,g;const d=(g=(h=t.origin)==null?void 0:h.$el)!=null?g:t.origin;d&&(r==null||r.unobserve(d))};return e.watch(()=>t.modelValue,()=>{t.modelValue&&t.origin?(e.nextTick(m),window.addEventListener("scroll",k,!0),window.addEventListener("resize",m),E()):(window.removeEventListener("scroll",k,!0),window.removeEventListener("resize",m),f())}),e.onUnmounted(()=>{window.removeEventListener("scroll",k,!0),window.removeEventListener("resize",m),f()}),{arrowRef:s,overlayRef:i,styles:u,updatePosition:m}}var be="";const ee=e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:J,emits:["update:modelValue","positionChange"],setup(t,{slots:n,attrs:o,emit:a,expose:c}){const i=x("flexible-overlay"),{clickEventBubble:s}=e.toRefs(t),{arrowRef:l,overlayRef:r,styles:u,updatePosition:P}=Z(t,a);return c({updatePosition:P}),()=>{var m;return t.modelValue&&e.createVNode("div",e.mergeProps({ref:r,class:i.b(),style:u.value},o,{onClick:e.withModifiers(()=>({}),[s.value?"":"stop"]),onPointerup:e.withModifiers(()=>({}),["stop"])}),[(m=n.default)==null?void 0:m.call(n),t.showArrow&&e.createVNode("div",{ref:l,class:i.e("arrow")},null)])}}}),te=t=>t!==null&&typeof t=="object",ne=x("popper-trigger");function $(t){return e.h("span",{class:ne.b()},t)}function D(t){for(const n of t){if(te(n)){if(n.type===e.Comment)continue;return n.type==="svg"||n.type===e.Text?$(n):n.type===e.Fragment?D(n.children):n}return $(n)}return null}var oe=e.defineComponent({name:"DPopperTrigger",setup(t,n){const{slots:o,attrs:a}=n;return()=>{var l;const c=(l=o.default)==null?void 0:l.call(o,a),i=e.inject(R);if(!c)return null;const s=D(c);return s?e.withDirectives(e.cloneVNode(s,a),[[{mounted(r){i.value=r},updated(r){i.value=r},unmounted(){i.value=null}}]]):null}}}),we="";let re=1;var ae=e.defineComponent({name:"DDropdown",inheritAttrs:!1,props:H,emits:["toggle"],setup(t,{slots:n,attrs:o,emit:a,expose:c}){const{visible:i,position:s,offset:l,destroyOnHide:r,shiftOffset:u,showAnimation:P,teleport:m}=e.toRefs(t),k=e.ref(),v=e.ref(),E=e.ref(),f=`dropdown_${re++}`,d=e.ref(!1),h=e.ref("bottom"),g=x("dropdown");e.provide(R,k),W({id:f,isOpen:d,origin:k,dropdownRef:v,props:t,emit:a}),q(f,i,d,k,v,a);const{overlayModelValue:N,overlayShowValue:y,styles:b,classes:C,handlePositionChange:B}=G(t,h,d);return e.watch(y,V=>{e.nextTick(()=>{!r.value&&V&&E.value.updatePosition()})}),c({updatePosition:()=>E.value.updatePosition()}),()=>e.createVNode(e.Fragment,null,[e.createVNode(oe,null,{default:()=>{var V;return[(V=n.default)==null?void 0:V.call(n)]}}),e.createVNode(e.Teleport,{to:m.value},{default:()=>[e.createVNode(e.Transition,{name:P.value?g.m(`fade-${h.value}`):""},{default:()=>[e.withDirectives(e.createVNode(ee,{modelValue:N.value,"onUpdate:modelValue":V=>N.value=V,ref:E,origin:k.value,position:s.value,offset:l.value,shiftOffset:u==null?void 0:u.value,onPositionChange:B,"click-event-bubble":!0,class:C.value,style:b.value},{default:()=>{var V;return[e.createVNode("div",e.mergeProps({ref:v,class:g.e("menu-wrap")},o),[(V=n.menu)==null?void 0:V.call(n)])]}}),[[e.vShow,y.value]])]})]})])}}),L=e.defineComponent({name:"DBreadcrumbItem",components:{DDropdown:ae},props:I,setup(t,{slots:n}){var E;const o=e.inject("separatorIcon"),a=x("breadcrumb"),c=t.to?"is-link":"",i=t.showMenu&&((E=t.menuList)==null?void 0:E.length)?a.e("dropdown-title"):"",s=e.ref(null),l=e.getCurrentInstance(),r=l==null?void 0:l.appContext.config.globalProperties.$router,u=e.ref(t.showMenu),P=e.ref(t.menuList||[]),m=()=>{!t.to||!r||(t.replace?r.replace(t.to):r.push(t.to))};e.onMounted(()=>{var f;(f=s.value)==null||f.addEventListener("click",m)}),e.onBeforeUnmount(()=>{var f;(f=s.value)==null||f.removeEventListener("click",m)});const k=()=>e.createVNode("span",{class:a.e("separator")},[o]),v=()=>{var f;return u.value?e.createVNode("div",{class:a.e("item")},[e.createVNode(e.resolveComponent("d-dropdown"),{trigger:"hover","close-scope":"blank"},{default:()=>{var d;return[e.createVNode("span",{class:[c,i]},[(d=n==null?void 0:n.default)==null?void 0:d.call(n),e.createVNode("span",{class:"icon icon-chevron-down"},null)])]},menu:()=>e.createVNode("ul",{class:a.e("item-dropdown")},[P.value.map(d=>d.link?e.createVNode("a",{href:d.link,target:d.target?d.target:"_self"},[e.createVNode("li",{class:a.e("item-dropdown-item")},[d.title])]):e.createVNode("li",{class:a.e("item-dropdown-item")},[e.createVNode("span",{class:c},[d.title])]))])})]):e.createVNode("div",{class:a.e("item")},[e.createVNode("span",{ref:s,class:c},[(f=n==null?void 0:n.default)==null?void 0:f.call(n)]),k()])};return()=>v()}});function le(t,n,o="default"){var a,c;return(c=n[o])!=null?c:(a=t[o])==null?void 0:a.call(t)}var ve="",S=e.defineComponent({name:"DBreadcrumb",components:{DBreadcrumbItem:L},props:M,setup(t,{slots:n}){var l;const o=(l=le(n,t,"separatorIcon"))!=null?l:"/";e.provide("separatorIcon",o);const a=x("breadcrumb"),c=r=>e.createVNode(e.resolveComponent("d-breadcrumb-item"),{to:`path: ${r.link}`,replace:r.replace},{default:()=>[r.title]}),i=r=>e.createVNode(e.resolveComponent("d-breadcrumb-item"),{menuList:r.children,showMenu:r.showMenu,to:`path: ${r.link}`,replace:r.replace},{default:()=>[!r.noNavigation&&(!r.linkType||r.linkType==="hrefLink")?e.createVNode("a",{href:r.link,target:r.target?r.target:"_self"},[r.title]):null,r.noNavigation?e.createVNode("span",null,[r.title]):null]}),s=r=>r.map(u=>!u.noNavigation&&u.linkType==="routerLink"?c(u):u.children&&u.children.length>0?i(u):e.createVNode(e.resolveComponent("d-breadcrumb-item"),null,{default:()=>[!u.noNavigation&&(!u.linkType||u.linkType==="hrefLink")?e.createVNode("a",{href:u.link,target:u.target?u.target:"_self"},[u.title]):null,u.noNavigation?e.createVNode("span",null,[u.title]):null]}));return()=>{var r;return e.createVNode("div",{class:a.b()},[t.source&&t.source.length?s(t.source):(r=n==null?void 0:n.default)==null?void 0:r.call(n)])}}}),ie={title:"Breadcrumb \u9762\u5305\u5C51",category:"\u5BFC\u822A",status:"100%",install(t){t.component(S.name,S),t.component(L.name,L)}};p.Breadcrumb=S,p.BreadcrumbItem=L,p.breadcrumbItemProps=I,p.breadcrumbProps=M,p.default=ie,Object.defineProperty(p,"__esModule",{value:!0}),p[Symbol.toStringTag]="Module"});
|
|
@@ -129,11 +129,7 @@ const dropdownProps = {
|
|
|
129
129
|
},
|
|
130
130
|
position: {
|
|
131
131
|
type: Array,
|
|
132
|
-
default: ["bottom"]
|
|
133
|
-
},
|
|
134
|
-
align: {
|
|
135
|
-
type: String,
|
|
136
|
-
default: null
|
|
132
|
+
default: () => ["bottom", "top", "left", "right"]
|
|
137
133
|
},
|
|
138
134
|
offset: {
|
|
139
135
|
type: [Number, Object],
|
|
@@ -686,7 +682,6 @@ var Dropdown = defineComponent({
|
|
|
686
682
|
const {
|
|
687
683
|
visible,
|
|
688
684
|
position,
|
|
689
|
-
align,
|
|
690
685
|
offset: offset2,
|
|
691
686
|
destroyOnHide,
|
|
692
687
|
shiftOffset,
|
|
@@ -744,7 +739,6 @@ var Dropdown = defineComponent({
|
|
|
744
739
|
"ref": overlayRef,
|
|
745
740
|
"origin": origin.value,
|
|
746
741
|
"position": position.value,
|
|
747
|
-
"align": align.value,
|
|
748
742
|
"offset": offset2.value,
|
|
749
743
|
"shiftOffset": shiftOffset == null ? void 0 : shiftOffset.value,
|
|
750
744
|
"onPositionChange": handlePositionChange,
|
|
@@ -1110,7 +1104,7 @@ var CategorySearchTag = defineComponent({
|
|
|
1110
1104
|
var _a, _b, _c, _d;
|
|
1111
1105
|
return [rootCtx.slots[`${item.value.field}Tag`] ? rootCtx.slots[`${item.value.field}Tag`]({
|
|
1112
1106
|
tag: item.value
|
|
1113
|
-
}) : isJoinLabelType.value ? createVNode(Fragment, null, [createVNode("span", null, [item.value.label]), createVNode("span", {
|
|
1107
|
+
}) : isJoinLabelType.value ? createVNode(Fragment, null, [createVNode("span", null, [item.value.label, createTextVNode(": ")]), createVNode("span", {
|
|
1114
1108
|
"class": "dp-category-search-multi-tag",
|
|
1115
1109
|
"style": {
|
|
1116
1110
|
maxWidth: (tagMaxWidth == null ? void 0 : tagMaxWidth.value) + "px"
|
|
@@ -2912,6 +2906,10 @@ const formProps = {
|
|
|
2912
2906
|
appendToBodyScrollStrategy: {
|
|
2913
2907
|
type: String,
|
|
2914
2908
|
default: "reposition"
|
|
2909
|
+
},
|
|
2910
|
+
requirePosition: {
|
|
2911
|
+
type: String,
|
|
2912
|
+
default: "left"
|
|
2915
2913
|
}
|
|
2916
2914
|
};
|
|
2917
2915
|
const FORM_TOKEN = "dForm";
|
|
@@ -8488,11 +8486,7 @@ const popoverProps = {
|
|
|
8488
8486
|
},
|
|
8489
8487
|
position: {
|
|
8490
8488
|
type: Array,
|
|
8491
|
-
default: ["bottom"]
|
|
8492
|
-
},
|
|
8493
|
-
align: {
|
|
8494
|
-
type: String,
|
|
8495
|
-
default: null
|
|
8489
|
+
default: () => ["top", "right", "bottom", "left"]
|
|
8496
8490
|
},
|
|
8497
8491
|
offset: {
|
|
8498
8492
|
type: [Number, Object],
|
|
@@ -8563,6 +8557,7 @@ function usePopover(props, visible, placement, origin, popoverRef) {
|
|
|
8563
8557
|
function usePopoverEvent(props, visible, origin) {
|
|
8564
8558
|
const { trigger, position, mouseEnterDelay, mouseLeaveDelay, disabled } = toRefs(props);
|
|
8565
8559
|
const isClick = computed(() => trigger.value === "click");
|
|
8560
|
+
const isHover = computed(() => trigger.value === "hover");
|
|
8566
8561
|
const placement = ref(position.value[0].split("-")[0]);
|
|
8567
8562
|
const isEnter = ref(false);
|
|
8568
8563
|
const onClick = () => {
|
|
@@ -8581,13 +8576,13 @@ function usePopoverEvent(props, visible, origin) {
|
|
|
8581
8576
|
if (disabled.value) {
|
|
8582
8577
|
return;
|
|
8583
8578
|
}
|
|
8584
|
-
if (
|
|
8579
|
+
if (isHover.value) {
|
|
8585
8580
|
isEnter.value = true;
|
|
8586
8581
|
enter();
|
|
8587
8582
|
}
|
|
8588
8583
|
};
|
|
8589
8584
|
const onMouseleave = () => {
|
|
8590
|
-
if (
|
|
8585
|
+
if (isHover.value) {
|
|
8591
8586
|
isEnter.value = false;
|
|
8592
8587
|
leave();
|
|
8593
8588
|
}
|
|
@@ -8737,7 +8732,6 @@ var Popover = defineComponent({
|
|
|
8737
8732
|
content,
|
|
8738
8733
|
popType,
|
|
8739
8734
|
position,
|
|
8740
|
-
align,
|
|
8741
8735
|
offset: offset2,
|
|
8742
8736
|
showAnimation
|
|
8743
8737
|
} = toRefs(props);
|
|
@@ -8779,7 +8773,6 @@ var Popover = defineComponent({
|
|
|
8779
8773
|
"ref": popoverRef,
|
|
8780
8774
|
"origin": origin.value,
|
|
8781
8775
|
"position": position.value,
|
|
8782
|
-
"align": align.value,
|
|
8783
8776
|
"offset": offset2.value,
|
|
8784
8777
|
"class": [ns2.e("content"), popType.value !== "default" ? "is-icon" : ""],
|
|
8785
8778
|
"show-arrow": true,
|
|
@@ -8901,7 +8894,8 @@ function useFormLabel() {
|
|
|
8901
8894
|
}));
|
|
8902
8895
|
const labelInnerClasses = computed(() => ({
|
|
8903
8896
|
[`${ns2.e("label-span")}`]: true,
|
|
8904
|
-
[`${ns2.em("label", "required")}`]: formItemContext.isRequired,
|
|
8897
|
+
[`${ns2.em("label", "required")}`]: formItemContext.isRequired && labelData.value.requiredPosition === "left",
|
|
8898
|
+
[`${ns2.em("label", "required-right")}`]: formItemContext.isRequired && labelData.value.requiredPosition === "right",
|
|
8905
8899
|
[`${ns2.em("label", "required-hide")}`]: formItemContext.isRequired && formContext.hideRequiredMark
|
|
8906
8900
|
}));
|
|
8907
8901
|
const tipsPopover = computed(() => {
|
|
@@ -10218,6 +10212,7 @@ defineComponent({
|
|
|
10218
10212
|
layout: formContext.layout,
|
|
10219
10213
|
labelSize: formContext.labelSize,
|
|
10220
10214
|
labelAlign: formContext.labelAlign,
|
|
10215
|
+
requiredPosition: formContext.requirePosition,
|
|
10221
10216
|
helpTips: helpTips.value,
|
|
10222
10217
|
formItemCtx: ctx
|
|
10223
10218
|
}));
|