vue-devui 1.5.12-hotfix.1 → 1.5.13
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 +139 -61
- package/auto-complete/index.umd.js +16 -16
- package/auto-complete/style.css +1 -1
- package/checkbox/index.es.js +115 -61
- package/checkbox/index.umd.js +15 -15
- package/checkbox/style.css +1 -1
- package/code-editor/index.es.js +5 -2
- package/code-editor/index.umd.js +6 -6
- package/code-review/index.es.js +12 -1
- package/code-review/index.umd.js +18 -18
- package/code-review/style.css +1 -1
- package/date-picker-pro/index.es.js +213 -109
- package/date-picker-pro/index.umd.js +19 -19
- package/date-picker-pro/style.css +1 -1
- package/editor-md/index.es.js +1 -1
- package/editor-md/index.umd.js +1 -1
- package/form/index.es.js +142 -64
- package/form/index.umd.js +14 -14
- package/form/style.css +1 -1
- package/image-preview/index.es.js +2 -6
- package/image-preview/index.umd.js +2 -2
- package/image-preview/style.css +1 -1
- package/input/index.es.js +207 -79
- package/input/index.umd.js +18 -18
- package/input/style.css +1 -1
- package/input-number/index.es.js +123 -46
- package/input-number/index.umd.js +20 -20
- package/input-number/style.css +1 -1
- package/mention/index.es.js +138 -60
- package/mention/index.umd.js +16 -16
- package/mention/style.css +1 -1
- package/nuxt/components/STYLE_TOKEN.js +3 -0
- package/nuxt/components/formControlProps.js +3 -0
- package/package.json +1 -1
- package/pagination/index.es.js +376 -161
- package/pagination/index.umd.js +19 -19
- package/pagination/style.css +1 -1
- package/progress/index.es.js +6 -6
- package/progress/index.umd.js +1 -1
- package/radio/index.es.js +115 -61
- package/radio/index.umd.js +16 -16
- package/radio/style.css +1 -1
- package/search/index.es.js +211 -83
- package/search/index.umd.js +19 -19
- package/search/style.css +1 -1
- package/select/index.es.js +358 -143
- package/select/index.umd.js +17 -17
- package/select/style.css +1 -1
- package/skeleton/index.es.js +1 -0
- package/skeleton/index.umd.js +2 -2
- package/steps/index.es.js +35 -11
- package/steps/index.umd.js +1 -1
- package/style.css +1 -1
- package/switch/index.es.js +115 -61
- package/switch/index.umd.js +14 -14
- package/switch/style.css +1 -1
- package/table/index.es.js +88 -34
- package/table/index.umd.js +15 -15
- package/table/style.css +1 -1
- package/textarea/index.es.js +141 -63
- package/textarea/index.umd.js +17 -17
- package/textarea/style.css +1 -1
- package/time-picker/index.es.js +159 -55
- package/time-picker/index.umd.js +11 -11
- package/time-picker/style.css +1 -1
- package/time-select/index.es.js +358 -143
- package/time-select/index.umd.js +22 -22
- package/time-select/style.css +1 -1
- package/tree/index.es.js +86 -32
- package/tree/index.umd.js +11 -11
- package/tree/style.css +1 -1
- package/types/auto-focus/index.d.ts +9 -0
- package/types/auto-focus/src/auto-focus-directive.d.ts +4 -0
- package/types/code-review/src/code-review-types.d.ts +6 -0
- package/types/code-review/src/code-review.d.ts +9 -0
- package/types/form/index.d.ts +1 -0
- package/types/form/src/components/form-control/use-form-control.d.ts +11 -2
- package/types/form/src/components/form-item/form-item-types.d.ts +10 -2
- package/types/form/src/components/form-item/form-item.d.ts +3 -3
- package/types/form/src/components/form-label/form-label.d.ts +1 -13
- package/types/form/src/components/form-label/use-form-label.d.ts +14 -2
- package/types/form/src/form-types.d.ts +11 -0
- package/types/form/src/form.d.ts +18 -0
- package/types/input/src/composables/use-input-event.d.ts +12 -2
- package/types/input/src/input-types.d.ts +8 -0
- package/types/input/src/input.d.ts +18 -0
- package/types/input-icon/src/input-icon.d.ts +18 -0
- package/types/list/index.d.ts +0 -1
- package/types/select/src/composables/use-select-menu-size.d.ts +5 -0
- package/types/select/src/select-types.d.ts +23 -4
- package/types/select/src/select.d.ts +19 -1
- package/types/select/src/use-select.d.ts +1 -1
- package/types/vue-devui.d.ts +2 -1
- package/vue-devui.es.js +415 -134
- package/vue-devui.umd.js +76 -76
package/tree/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;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--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__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}.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox__tick-wrap{position:absolute}.devui-checkbox .devui-checkbox__tick-wrap .devui-checkbox__tick{fill:var(--devui-light-text, #ffffff);stroke-dashoffset:50;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.devui-checkbox.active:not(.half-checked) .devui-checkbox__tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset .3s cubic-bezier(.755,.05,.855,.06),opacity .2s cubic-bezier(.755,.05,.855,.06)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material:not(.custom-color),.devui-checkbox.half-checked:not(.disabled) .devui-checkbox__material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active .devui-checkbox--bordered,.devui-checkbox.half-checked .devui-checkbox--bordered{border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color){background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color):hover{border-color:var(--devui-icon-fill-active, #252b3a)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color)>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.half-checked .devui-checkbox__material.custom-color>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox__material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat 50%/0;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox__material.devui-checkbox__default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox__material.devui-checkbox--no-label{margin-right:0}.devui-checkbox .devui-checkbox__material>.devui-checkbox__halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #252b3a)}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:400;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:flex;align-items:center}.devui-checkbox label.devui-checkbox--lg{display:flex;align-items:center;font-size:var(--devui-font-size-lg, 14px)}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material>svg{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg.devui-checkbox--bordered{height:40px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--md{display:flex;align-items:center;font-size:var(--devui-font-size-md, 12px)}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material>svg{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md.devui-checkbox--bordered{height:32px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--sm{display:flex;align-items:center;font-size:var(--devui-font-size-sm, 12px)}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm.devui-checkbox--bordered{height:24px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--bordered{border:1px solid var(--devui-disabled-line, #dfe1e6);border-radius:var(--devui-border-radius, 2px)}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox label>span.devui-checkbox__material{flex-shrink:0}.devui-checkbox label>span.devui-checkbox__label-text{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-checkbox.disabled .devui-checkbox__material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox__material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material{background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material .devui-checkbox__halfchecked-bg{transform:scale(.4288);background-color:var(--devui-disabled-text, #cfd0d3);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-checkbox--no-animation{transition:none!important}.devui-checkbox__column-margin{height:28px;line-height:28px}.devui-checkbox__wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-checkbox__group{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.devui-checkbox__group>*{margin-top:8px}.devui-checkbox__group.is-row{flex-direction:row}.devui-checkbox__group.is-row div:not(:last-child){margin-right:20px}.devui-checkbox__group.is-column{flex-direction:column}.devui-checkbox-button{display:flex;align-items:center;position:relative}.devui-checkbox-button__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox-button__content{font-size:14px;color:var(--devui-text, #252b3a);padding:10px 20px;cursor:pointer;border:1px solid var(--devui-disabled-line, #dfe1e6);display:inline-block;line-height:1;user-select:none}.devui-checkbox-button__content.devui-checkbox-button--lg{font-size:var(--devui-font-size-lg, 14px);padding:var(--devui-btn-lg-padding, 0 24px);height:40px;line-height:40px}.devui-checkbox-button__content.devui-checkbox-button--md{font-size:var(--devui-font-size-md, 12px);padding:var(--devui-btn-padding, 0 20px);height:32px;line-height:32px}.devui-checkbox-button__content.devui-checkbox-button--sm{font-size:var(--devui-font-size-sm, 12px);padding:var(--devui-btn-sm-padding, 0 16px);height:24px;line-height:24px}.devui-checkbox-button.active .devui-checkbox-button__content{color:#fff;background-color:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox-button.active.disabled .devui-checkbox-button__content{color:#fff;background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox-button.disabled .devui-checkbox-button__content{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3);background-color:#fff;border-color:var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button__content{border-left:none;box-shadow:-1px 0 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-bottom-left-radius:var(--devui-border-radius, 2px);border-left:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-row .devui-checkbox-button:last-child .devui-checkbox-button__content{border-top-right-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}.devui-checkbox__group.is-column .devui-checkbox-button{width:100%;margin-top:0}.devui-checkbox__group.is-column .devui-checkbox-button__content{width:100%;border-top:none;box-shadow:0 -1px 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-column .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-top-right-radius:var(--devui-border-radius, 2px);border-top:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-column .devui-checkbox-button:last-child .devui-checkbox-button__content{border-bottom-left-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}@charset "UTF-8";.devui-text-ellipsis,.devui-tree__node .devui-tree__node-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.devui-tree-indicator{height:1px;background-color:var(--devui-brand, #5e7ce0);position:absolute}.devui-tree__node{height:30px;color:var(--devui-text-weak, #575d6c);line-height:1.5;white-space:nowrap;position:relative}.devui-tree__node--drop-inner .devui-tree__node--drop-top{position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-inner .devui-tree__node--drop-bottom{position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-inner .devui-tree__node--drop-left{position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-inner .devui-tree__node--drop-right{position:absolute;top:0;bottom:0;right:0;width:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-prev .devui-tree__node--drop-top{position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-next:before .devui-tree__node--drop-bottom{position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node .devui-tree__node-content{display:inline-flex;align-items:center;font-size:var(--devui-font-size, 12px);padding-right:10px;width:100%;border-radius:var(--devui-border-radius, 2px);padding-left:6px;cursor:pointer}.devui-tree__node .devui-tree__node-content.active{background-color:var(--devui-list-item-selected-bg, #f2f5fc);text-decoration:none;border-color:transparent}.devui-tree__node .devui-tree__node-content:not(.active):hover{transition:background-color .5s;background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-tree__node .devui-tree__node-content--value-wrapper{display:inline-flex;align-items:center;height:30px;overflow:hidden}.devui-tree__node .devui-tree__node-content--value-wrapper .devui-tree__node-loading{margin-left:50px}.devui-tree__node .devui-tree__node-content--value-wrapper .devui-tree__node-loading .devui-loading-area{background:none}.devui-tree__node .devui-tree-node__children{padding-left:10px}.devui-tree__node .devui-tree-node__children:first-child{border-left-color:transparent}.devui-tree__node .devui-tree-node__children .devui-tree__node{margin-left:8px;content:"";position:relative}.devui-tree__node .devui-tree-node__children .devui-tree__node:last-child{border-left-color:transparent}.devui-tree__node .devui-tree__node-title{margin-left:5px;display:inline-block;border:1px dashed transparent;border-radius:var(--devui-border-radius, 2px);max-width:100%;flex:1}.devui-tree__node .devui-tree__node-title:not(.disabled){cursor:pointer}.devui-tree__node .devui-tree__node-title .devui-tree__match-highlight{font-weight:700;color:var(--devui-brand, #5e7ce0)}.devui-tree__node .devui-tree-node__edit{margin-left:.4em;padding:.1em}.devui-tree__node .devui-tree-node__edit>.devui-input-sm{height:26px}.devui-tree__node .devui-tree-node__edit>.devui-input-sm.error,.devui-tree__node .devui-tree-node__edit>.devui-input-sm.error:hover,.devui-tree__node .devui-tree-node__edit>.devui-input-sm.error:focus{border-color:var(--devui-danger, #f66f6a)}.devui-tree__node .devui-tree-node__leaf:not(.disabled){cursor:default}.devui-tree__node .devui-tree-node__leaf .devui-tree-node__leaf--default{color:#f2a71f}.devui-tree__node .devui-tree-node__leaf .devui-leaf-icon-none{display:inline-block;width:16px;height:16px}.devui-tree__node .devui-tree__node-folder{display:inline-block;vertical-align:middle;user-select:none;font-size:var(--devui-font-size-icon, 16px);height:16px;line-height:16px}.devui-tree__node .devui-tree__node-folder .devui-tree-node__folder--icon{display:inline-block;height:16px;line-height:16px}.devui-tree__node .devui-tree__node-folder .devui-tree-node__folder--icon:hover svg g path{fill:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node .devui-tree__node-folder .devui-tree-node__folder--icon:hover svg g rect{stroke:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node .devui-tree__node-folder:not(.disabled){cursor:pointer}.devui-tree__node .devui-tree__node-folder .devui-tree-node__folder--default{color:#f2b806}.devui-tree__node-indent{display:inline-block;width:16px;height:16px;margin-left:8px}.devui-tree__node .devui-loading-children{display:inline-block;vertical-align:middle;margin-left:.5em;margin-top:.15em;color:var(--devui-info, #5e7ce0);font-style:italic;font-size:1em;animation-name:devui-loading-children;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes devui-loading-children{0%{color:#627fe1}12.5%{color:#627fe1}25%{color:#617fe1}37.5%{color:#617ee1}50%{color:#607ee0}62.5%{color:#607ee0}75%{color:#5f7de0}87.5%{color:#5e7ce0}to{color:#5e7ce0}}.devui-tree__node svg.svg-icon path{fill:var(--devui-icon-text, #71757f)}.devui-tree__node svg.svg-icon rect{stroke:var(--devui-icon-text, #71757f)}.devui-tree__node.devui-tree__node--open:not(.devui-tree-node__customIcon)>.devui-tree__node-content svg.svg-icon path{fill:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node.devui-tree__node--open:not(.devui-tree-node__customIcon)>.devui-tree__node-content svg.svg-icon rect{stroke:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node.devui-tree__node--open:not(.devui-tree-node__customIcon)>.devui-tree__node-content svg.svg-icon.svg-icon-close rect:last-child{stroke:none;fill:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node svg.svg-icon.svg-icon-close rect:last-child{stroke:none;fill:var(--devui-icon-text, #71757f)}::ng-deep .devui-tree-mask{background:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-tree__node.devui-tree-without-virtual-scroll.devui-tree__node--open>.devui-tree__node-content{position:relative}.devui-tree__node.devui-tree-without-virtual-scroll>.devui-tree-node__children{position:relative}.devui-tree__node.devui-tree-without-virtual-scroll>.devui-tree-node__children:before{content:"";width:1px;height:calc(100% - 15px);background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;left:9px;top:0}.devui-tree__node.devui-tree-without-virtual-scroll>.devui-tree-node__children .devui-tree__node-content{position:relative}.devui-tree__node.devui-tree-without-virtual-scroll>.devui-tree-node__children .devui-tree__node-content:before{content:"";width:8px;height:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;left:-9px;top:50%}.devui-tree-vertical-line{width:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute}.devui-tree-horizontal-line{height:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;top:50%;margin-left:-16px}.toggle-disabled{cursor:not-allowed!important}.toggle-disabled svg.svg-icon rect{stroke:var(--devui-disabled-text, #cfd0d3)!important}.toggle-disabled svg.svg-icon.svg-icon-close rect:last-child{stroke:none!important;fill:var(--devui-disabled-text, #cfd0d3)!important}.toggle-disabled svg.svg-icon path{fill:var(--devui-disabled-text, #cfd0d3)!important}.select-disabled{color:var(--devui-disabled-text, #cfd0d3)!important;cursor:not-allowed!important;background-color:transparent!important}.devui-tree__node{font-size:0}.devui-tree__node,.devui-tree__node-content{position:relative}.devui-tree__node-vline{width:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute}.devui-tree__node-hline{width:9px;height:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;left:-15px;top:50%}.devui-tree__node-operation-area,.devui-tree__node-operation-area .devui-icon__container{margin-left:8px}.devui-tree__node-operation-area .devui-icon__container:first-child{margin-left:0}.devui-tree__node-operation-area .devui-icon__container:hover{cursor:pointer}.devui-tree--list-enter-active,.devui-tree--list-leave-active{transition:opacity .3s cubic-bezier(.5,.05,.5,.95),height .3s cubic-bezier(.5,.05,.5,.95)}.devui-tree--list-enter-from,.devui-tree--list-leave-to{opacity:0;height: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));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}.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox__tick-wrap{position:absolute}.devui-checkbox .devui-checkbox__tick-wrap .devui-checkbox__tick{fill:var(--devui-light-text, #ffffff);stroke-dashoffset:50;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.devui-checkbox.active:not(.half-checked) .devui-checkbox__tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset .3s cubic-bezier(.755,.05,.855,.06),opacity .2s cubic-bezier(.755,.05,.855,.06)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material:not(.custom-color),.devui-checkbox.half-checked:not(.disabled) .devui-checkbox__material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active .devui-checkbox--bordered,.devui-checkbox.half-checked .devui-checkbox--bordered{border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox__material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color){background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material:not(.custom-color):hover{border-color:var(--devui-icon-fill-active, #252b3a)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox__material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.half-checked .devui-checkbox__material:not(.custom-color)>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.half-checked .devui-checkbox__material.custom-color>.devui-checkbox__halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox__material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat 50%/0;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox__material.devui-checkbox__default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox__material.devui-checkbox--no-label{margin-right:0}.devui-checkbox .devui-checkbox__material>.devui-checkbox__halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #252b3a)}.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):focus,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).half-checked .devui-checkbox__material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:400;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:flex;align-items:center}.devui-checkbox label.devui-checkbox--lg{display:flex;align-items:center;font-size:var(--devui-font-size-lg, 14px)}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg .devui-checkbox__material>svg{width:18px;height:18px}.devui-checkbox label.devui-checkbox--lg.devui-checkbox--bordered{height:40px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--md{display:flex;align-items:center;font-size:var(--devui-font-size-md, 12px)}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md .devui-checkbox__material>svg{width:16px;height:16px}.devui-checkbox label.devui-checkbox--md.devui-checkbox--bordered{height:32px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--sm{display:flex;align-items:center;font-size:var(--devui-font-size-sm, 12px)}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm .devui-checkbox__material>svg{width:14px;height:14px}.devui-checkbox label.devui-checkbox--sm.devui-checkbox--bordered{height:24px;padding:0 15px 0 10px}.devui-checkbox label.devui-checkbox--bordered{border:1px solid var(--devui-disabled-line, #dfe1e6);border-radius:var(--devui-border-radius, 2px)}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox label>span.devui-checkbox__material{flex-shrink:0}.devui-checkbox label>span.devui-checkbox__label-text{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.devui-checkbox.disabled .devui-checkbox__material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox__material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material{background-color:var(--devui-disabled-bg, #f5f5f5)}.devui-checkbox.disabled.half-checked .devui-checkbox__material .devui-checkbox__halfchecked-bg{transform:scale(.4288);background-color:var(--devui-disabled-text, #cfd0d3);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-checkbox--no-animation{transition:none!important}.devui-checkbox__column-margin{height:28px;line-height:28px}.devui-checkbox__wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devui-checkbox__group{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.devui-checkbox__group>*{margin-top:8px}.devui-checkbox__group.is-row{flex-direction:row}.devui-checkbox__group.is-row div:not(:last-child){margin-right:20px}.devui-checkbox__group.is-column{flex-direction:column}.devui-checkbox-button{display:flex;align-items:center;position:relative}.devui-checkbox-button__input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox-button__content{font-size:14px;color:var(--devui-text, #252b3a);padding:10px 20px;cursor:pointer;border:1px solid var(--devui-disabled-line, #dfe1e6);display:inline-block;line-height:1;user-select:none}.devui-checkbox-button__content.devui-checkbox-button--lg{font-size:var(--devui-font-size-lg, 14px);padding:var(--devui-btn-lg-padding, 0 24px);height:40px;line-height:40px}.devui-checkbox-button__content.devui-checkbox-button--md{font-size:var(--devui-font-size-md, 12px);padding:var(--devui-btn-padding, 0 20px);height:32px;line-height:32px}.devui-checkbox-button__content.devui-checkbox-button--sm{font-size:var(--devui-font-size-sm, 12px);padding:var(--devui-btn-sm-padding, 0 16px);height:24px;line-height:24px}.devui-checkbox-button.active .devui-checkbox-button__content{color:#fff;background-color:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox-button.active.disabled .devui-checkbox-button__content{color:#fff;background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox-button.disabled .devui-checkbox-button__content{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3);background-color:#fff;border-color:var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button__content{border-left:none;box-shadow:-1px 0 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-row .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-bottom-left-radius:var(--devui-border-radius, 2px);border-left:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-row .devui-checkbox-button:last-child .devui-checkbox-button__content{border-top-right-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}.devui-checkbox__group.is-column .devui-checkbox-button{width:100%;margin-top:0}.devui-checkbox__group.is-column .devui-checkbox-button__content{width:100%;border-top:none;box-shadow:0 -1px 0 0 var(--devui-disabled-line, #dfe1e6)}.devui-checkbox__group.is-column .devui-checkbox-button:first-child .devui-checkbox-button__content{border-top-left-radius:var(--devui-border-radius, 2px);border-top-right-radius:var(--devui-border-radius, 2px);border-top:1px solid var(--devui-disabled-line, #dfe1e6);box-shadow:none}.devui-checkbox__group.is-column .devui-checkbox-button:last-child .devui-checkbox-button__content{border-bottom-left-radius:var(--devui-border-radius, 2px);border-bottom-right-radius:var(--devui-border-radius, 2px)}@charset "UTF-8";.devui-text-ellipsis,.devui-tree__node .devui-tree__node-title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.devui-tree-indicator{height:1px;background-color:var(--devui-brand, #5e7ce0);position:absolute}.devui-tree__node{height:30px;color:var(--devui-text-weak, #575d6c);line-height:1.5;white-space:nowrap;position:relative}.devui-tree__node--drop-inner .devui-tree__node--drop-top{position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-inner .devui-tree__node--drop-bottom{position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-inner .devui-tree__node--drop-left{position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-inner .devui-tree__node--drop-right{position:absolute;top:0;bottom:0;right:0;width:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-prev .devui-tree__node--drop-top{position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node--drop-next:before .devui-tree__node--drop-bottom{position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--devui-brand, #5e7ce0)}.devui-tree__node .devui-tree__node-content{display:inline-flex;align-items:center;font-size:var(--devui-font-size, 12px);padding-right:10px;width:100%;border-radius:var(--devui-border-radius, 2px);padding-left:6px;cursor:pointer}.devui-tree__node .devui-tree__node-content.active{background-color:var(--devui-list-item-selected-bg, #f2f5fc);text-decoration:none;border-color:transparent}.devui-tree__node .devui-tree__node-content:not(.active):hover{transition:background-color .5s;background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-tree__node .devui-tree__node-content--value-wrapper{display:inline-flex;align-items:center;height:30px;overflow:hidden}.devui-tree__node .devui-tree__node-content--value-wrapper .devui-tree__node-loading{margin-left:50px}.devui-tree__node .devui-tree__node-content--value-wrapper .devui-tree__node-loading .devui-loading-area{background:none}.devui-tree__node .devui-tree-node__children{padding-left:10px}.devui-tree__node .devui-tree-node__children:first-child{border-left-color:transparent}.devui-tree__node .devui-tree-node__children .devui-tree__node{margin-left:8px;content:"";position:relative}.devui-tree__node .devui-tree-node__children .devui-tree__node:last-child{border-left-color:transparent}.devui-tree__node .devui-tree__node-title{margin-left:5px;display:inline-block;border:1px dashed transparent;border-radius:var(--devui-border-radius, 2px);max-width:100%;flex:1}.devui-tree__node .devui-tree__node-title:not(.disabled){cursor:pointer}.devui-tree__node .devui-tree__node-title .devui-tree__match-highlight{font-weight:700;color:var(--devui-brand, #5e7ce0)}.devui-tree__node .devui-tree-node__edit{margin-left:.4em;padding:.1em}.devui-tree__node .devui-tree-node__edit>.devui-input-sm{height:26px}.devui-tree__node .devui-tree-node__edit>.devui-input-sm.error,.devui-tree__node .devui-tree-node__edit>.devui-input-sm.error:hover,.devui-tree__node .devui-tree-node__edit>.devui-input-sm.error:focus{border-color:var(--devui-danger, #f66f6a)}.devui-tree__node .devui-tree-node__leaf:not(.disabled){cursor:default}.devui-tree__node .devui-tree-node__leaf .devui-tree-node__leaf--default{color:#f2a71f}.devui-tree__node .devui-tree-node__leaf .devui-leaf-icon-none{display:inline-block;width:16px;height:16px}.devui-tree__node .devui-tree__node-folder{display:inline-block;vertical-align:middle;user-select:none;font-size:var(--devui-font-size-icon, 16px);height:16px;line-height:16px}.devui-tree__node .devui-tree__node-folder .devui-tree-node__folder--icon{display:inline-block;height:16px;line-height:16px}.devui-tree__node .devui-tree__node-folder .devui-tree-node__folder--icon:hover svg g path{fill:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node .devui-tree__node-folder .devui-tree-node__folder--icon:hover svg g rect{stroke:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node .devui-tree__node-folder:not(.disabled){cursor:pointer}.devui-tree__node .devui-tree__node-folder .devui-tree-node__folder--default{color:#f2b806}.devui-tree__node-indent{display:inline-block;width:16px;height:16px;margin-left:8px}.devui-tree__node .devui-loading-children{display:inline-block;vertical-align:middle;margin-left:.5em;margin-top:.15em;color:var(--devui-info, #5e7ce0);font-style:italic;font-size:1em;animation-name:devui-loading-children;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes devui-loading-children{0%{color:#627fe1}12.5%{color:#627fe1}25%{color:#617fe1}37.5%{color:#617ee1}50%{color:#607ee0}62.5%{color:#607ee0}75%{color:#5f7de0}87.5%{color:#5e7ce0}to{color:#5e7ce0}}.devui-tree__node svg.svg-icon path{fill:var(--devui-icon-text, #71757f)}.devui-tree__node svg.svg-icon rect{stroke:var(--devui-icon-text, #71757f)}.devui-tree__node.devui-tree__node--open:not(.devui-tree-node__customIcon)>.devui-tree__node-content svg.svg-icon path{fill:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node.devui-tree__node--open:not(.devui-tree-node__customIcon)>.devui-tree__node-content svg.svg-icon rect{stroke:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node.devui-tree__node--open:not(.devui-tree-node__customIcon)>.devui-tree__node-content svg.svg-icon.svg-icon-close rect:last-child{stroke:none;fill:var(--devui-icon-fill-active, #252b3a)}.devui-tree__node svg.svg-icon.svg-icon-close rect:last-child{stroke:none;fill:var(--devui-icon-text, #71757f)}::ng-deep .devui-tree-mask{background:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-tree__node.devui-tree-without-virtual-scroll.devui-tree__node--open>.devui-tree__node-content{position:relative}.devui-tree__node.devui-tree-without-virtual-scroll>.devui-tree-node__children{position:relative}.devui-tree__node.devui-tree-without-virtual-scroll>.devui-tree-node__children:before{content:"";width:1px;height:calc(100% - 15px);background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;left:9px;top:0}.devui-tree__node.devui-tree-without-virtual-scroll>.devui-tree-node__children .devui-tree__node-content{position:relative}.devui-tree__node.devui-tree-without-virtual-scroll>.devui-tree-node__children .devui-tree__node-content:before{content:"";width:8px;height:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;left:-9px;top:50%}.devui-tree-vertical-line{width:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute}.devui-tree-horizontal-line{height:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;top:50%;margin-left:-16px}.toggle-disabled{cursor:not-allowed!important}.toggle-disabled svg.svg-icon rect{stroke:var(--devui-disabled-text, #cfd0d3)!important}.toggle-disabled svg.svg-icon.svg-icon-close rect:last-child{stroke:none!important;fill:var(--devui-disabled-text, #cfd0d3)!important}.toggle-disabled svg.svg-icon path{fill:var(--devui-disabled-text, #cfd0d3)!important}.select-disabled{color:var(--devui-disabled-text, #cfd0d3)!important;cursor:not-allowed!important;background-color:transparent!important}.devui-tree__node{font-size:0}.devui-tree__node,.devui-tree__node-content{position:relative}.devui-tree__node-vline{width:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute}.devui-tree__node-hline{width:9px;height:1px;background-color:var(--devui-dividing-line, #f2f2f3);position:absolute;left:-15px;top:50%}.devui-tree__node-operation-area,.devui-tree__node-operation-area .devui-icon__container{margin-left:8px}.devui-tree__node-operation-area .devui-icon__container:first-child{margin-left:0}.devui-tree__node-operation-area .devui-icon__container:hover{cursor:pointer}.devui-tree--list-enter-active,.devui-tree--list-leave-active{transition:opacity .3s cubic-bezier(.5,.05,.5,.95),height .3s cubic-bezier(.5,.05,.5,.95)}.devui-tree--list-enter-from,.devui-tree--list-leave-to{opacity:0;height:0}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { ExtractPropTypes, InjectionKey, PropType, SetupContext, Ref } from 'vue';
|
|
2
2
|
import type { DiffFile } from 'diff2html/lib/types';
|
|
3
|
+
export declare type DiffType = 'modify' | 'add' | 'delete' | 'rename';
|
|
3
4
|
export declare type OutputFormat = 'line-by-line' | 'side-by-side';
|
|
4
5
|
export declare type ExpandDirection = 'up' | 'down' | 'updown' | 'all';
|
|
5
6
|
export declare type LineSide = 'left' | 'right';
|
|
@@ -35,6 +36,10 @@ export declare const codeReviewProps: {
|
|
|
35
36
|
type: BooleanConstructor;
|
|
36
37
|
default: boolean;
|
|
37
38
|
};
|
|
39
|
+
diffType: {
|
|
40
|
+
type: PropType<DiffType>;
|
|
41
|
+
default: string;
|
|
42
|
+
};
|
|
38
43
|
outputFormat: {
|
|
39
44
|
type: PropType<OutputFormat>;
|
|
40
45
|
default: string;
|
|
@@ -49,6 +54,7 @@ export declare const codeReviewProps: {
|
|
|
49
54
|
};
|
|
50
55
|
export declare type CodeReviewProps = ExtractPropTypes<typeof codeReviewProps>;
|
|
51
56
|
export interface CodeReviewContext {
|
|
57
|
+
diffType: Ref<DiffType>;
|
|
52
58
|
reviewContentRef: Ref<HTMLElement>;
|
|
53
59
|
diffInfo: DiffFile;
|
|
54
60
|
isFold: Ref<boolean>;
|
|
@@ -21,6 +21,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
21
21
|
type: BooleanConstructor;
|
|
22
22
|
default: boolean;
|
|
23
23
|
};
|
|
24
|
+
diffType: {
|
|
25
|
+
type: import("vue").PropType<import("./code-review-types").DiffType>;
|
|
26
|
+
default: string;
|
|
27
|
+
};
|
|
24
28
|
outputFormat: {
|
|
25
29
|
type: import("vue").PropType<import("./code-review-types").OutputFormat>;
|
|
26
30
|
default: string;
|
|
@@ -54,6 +58,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
54
58
|
type: BooleanConstructor;
|
|
55
59
|
default: boolean;
|
|
56
60
|
};
|
|
61
|
+
diffType: {
|
|
62
|
+
type: import("vue").PropType<import("./code-review-types").DiffType>;
|
|
63
|
+
default: string;
|
|
64
|
+
};
|
|
57
65
|
outputFormat: {
|
|
58
66
|
type: import("vue").PropType<import("./code-review-types").OutputFormat>;
|
|
59
67
|
default: string;
|
|
@@ -71,6 +79,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
71
79
|
allowComment: boolean;
|
|
72
80
|
allowExpand: boolean;
|
|
73
81
|
showBlob: boolean;
|
|
82
|
+
diffType: import("./code-review-types").DiffType;
|
|
74
83
|
outputFormat: import("./code-review-types").OutputFormat;
|
|
75
84
|
expandThreshold: number;
|
|
76
85
|
}>;
|
package/types/form/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import FormOperation from './src/components/form-operation/form-operation';
|
|
|
5
5
|
export { Form, FormItem, FormOperation };
|
|
6
6
|
export * from './src/form-types';
|
|
7
7
|
export * from './src/components/form-item/form-item-types';
|
|
8
|
+
export * from './src/components/form-control/form-control-types';
|
|
8
9
|
declare const _default: {
|
|
9
10
|
title: string;
|
|
10
11
|
category: string;
|
|
@@ -1,3 +1,12 @@
|
|
|
1
|
-
import { FormControlProps,
|
|
2
|
-
|
|
1
|
+
import { FormControlProps, UseFormControlValidate } from './form-control-types';
|
|
2
|
+
import { LabelData } from '../form-item/form-item-types';
|
|
3
|
+
export declare function useFormControl(props: FormControlProps): {
|
|
4
|
+
controlClasses: import("vue").ComputedRef<{
|
|
5
|
+
[x: string]: boolean;
|
|
6
|
+
}>;
|
|
7
|
+
controlContainerClasses: import("vue").ComputedRef<{
|
|
8
|
+
[x: string]: boolean;
|
|
9
|
+
}>;
|
|
10
|
+
labelData: LabelData;
|
|
11
|
+
};
|
|
3
12
|
export declare function useFormControlValidate(): UseFormControlValidate;
|
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
import type { RuleItem, ValidateFieldsError } from 'async-validator';
|
|
2
|
-
import type { ComputedRef, ExtractPropTypes, PropType, InjectionKey, Ref } from 'vue';
|
|
2
|
+
import type { ComputedRef, ExtractPropTypes, PropType, InjectionKey, Ref, SetupContext } from 'vue';
|
|
3
3
|
import { LabelAlign, LabelSize, Layout } from '../../form-types';
|
|
4
4
|
import { FeedbackStatus } from '../form-control/form-control-types';
|
|
5
5
|
export declare type FormItemValidateState = '' | 'error' | 'pending' | 'success';
|
|
6
6
|
export declare type MessageType = 'popover' | 'text' | 'none';
|
|
7
7
|
export declare type PopPosition = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
|
|
8
|
+
export interface HelpTips {
|
|
9
|
+
content: string;
|
|
10
|
+
position?: PopPosition[];
|
|
11
|
+
trigger?: 'hover' | 'click';
|
|
12
|
+
popType?: string;
|
|
13
|
+
}
|
|
8
14
|
export interface FormRuleItem extends RuleItem {
|
|
9
15
|
trigger?: Array<string>;
|
|
10
16
|
}
|
|
@@ -34,7 +40,7 @@ export declare const formItemProps: {
|
|
|
34
40
|
default: undefined;
|
|
35
41
|
};
|
|
36
42
|
helpTips: {
|
|
37
|
-
type:
|
|
43
|
+
type: PropType<string | HelpTips>;
|
|
38
44
|
default: string;
|
|
39
45
|
};
|
|
40
46
|
feedbackStatus: {
|
|
@@ -52,6 +58,8 @@ export declare type LabelData = ComputedRef<{
|
|
|
52
58
|
layout: Layout;
|
|
53
59
|
labelSize: LabelSize;
|
|
54
60
|
labelAlign: LabelAlign;
|
|
61
|
+
helpTips: string | HelpTips;
|
|
62
|
+
formItemCtx: SetupContext;
|
|
55
63
|
}>;
|
|
56
64
|
export interface FormItemContext extends FormItemProps {
|
|
57
65
|
isRequired: boolean;
|
|
@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
25
25
|
default: undefined;
|
|
26
26
|
};
|
|
27
27
|
helpTips: {
|
|
28
|
-
type:
|
|
28
|
+
type: import("vue").PropType<string | import("./form-item-types").HelpTips>;
|
|
29
29
|
default: string;
|
|
30
30
|
};
|
|
31
31
|
feedbackStatus: {
|
|
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
61
61
|
default: undefined;
|
|
62
62
|
};
|
|
63
63
|
helpTips: {
|
|
64
|
-
type:
|
|
64
|
+
type: import("vue").PropType<string | import("./form-item-types").HelpTips>;
|
|
65
65
|
default: string;
|
|
66
66
|
};
|
|
67
67
|
feedbackStatus: {
|
|
@@ -76,6 +76,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
76
76
|
field: string;
|
|
77
77
|
extraInfo: string;
|
|
78
78
|
showFeedback: boolean;
|
|
79
|
-
helpTips: string;
|
|
79
|
+
helpTips: string | import("./form-item-types").HelpTips;
|
|
80
80
|
}>;
|
|
81
81
|
export default _default;
|
|
@@ -1,15 +1,3 @@
|
|
|
1
1
|
import './form-label.scss';
|
|
2
|
-
declare const _default: import("vue").DefineComponent<{
|
|
3
|
-
helpTips: {
|
|
4
|
-
type: StringConstructor;
|
|
5
|
-
default: string;
|
|
6
|
-
};
|
|
7
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
8
|
-
helpTips: {
|
|
9
|
-
type: StringConstructor;
|
|
10
|
-
default: string;
|
|
11
|
-
};
|
|
12
|
-
}>>, {
|
|
13
|
-
helpTips: string;
|
|
14
|
-
}>;
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
15
3
|
export default _default;
|
|
@@ -1,2 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export declare function useFormLabel(): {
|
|
2
|
+
labelClasses: import("vue").ComputedRef<{
|
|
3
|
+
[x: string]: boolean;
|
|
4
|
+
}>;
|
|
5
|
+
labelInnerClasses: import("vue").ComputedRef<{
|
|
6
|
+
[x: string]: boolean;
|
|
7
|
+
}>;
|
|
8
|
+
tipsPopover: import("vue").ComputedRef<{
|
|
9
|
+
content: string;
|
|
10
|
+
position?: import("../form-item/form-item-types").PopPosition[] | undefined;
|
|
11
|
+
trigger?: "click" | "hover" | undefined;
|
|
12
|
+
popType?: string | undefined;
|
|
13
|
+
}>;
|
|
14
|
+
};
|
|
@@ -6,6 +6,8 @@ export declare type LabelSize = 'sm' | 'md' | 'lg';
|
|
|
6
6
|
export declare type FormSize = 'sm' | 'md' | 'lg';
|
|
7
7
|
export declare type LabelAlign = 'start' | 'center' | 'end';
|
|
8
8
|
export declare type FormData = Record<string, unknown>;
|
|
9
|
+
export declare type StyleType = 'default' | 'gray';
|
|
10
|
+
export declare type AppendToBodyScrollStrategy = 'close' | 'reposition';
|
|
9
11
|
export declare type FormRules = Partial<Record<string, Array<FormRuleItem>>>;
|
|
10
12
|
export interface ValidateFailure {
|
|
11
13
|
errors: ValidateError[] | null;
|
|
@@ -58,6 +60,14 @@ export declare const formProps: {
|
|
|
58
60
|
readonly type: BooleanConstructor;
|
|
59
61
|
readonly default: false;
|
|
60
62
|
};
|
|
63
|
+
readonly styleType: {
|
|
64
|
+
readonly type: PropType<StyleType>;
|
|
65
|
+
readonly default: "default";
|
|
66
|
+
};
|
|
67
|
+
readonly appendToBodyScrollStrategy: {
|
|
68
|
+
readonly type: PropType<AppendToBodyScrollStrategy>;
|
|
69
|
+
readonly default: "reposition";
|
|
70
|
+
};
|
|
61
71
|
};
|
|
62
72
|
export interface UseFieldCollection {
|
|
63
73
|
itemContexts: FormItemContext[];
|
|
@@ -77,6 +87,7 @@ export interface FormContext extends FormProps {
|
|
|
77
87
|
removeItemContext: (field: FormItemContext) => void;
|
|
78
88
|
}
|
|
79
89
|
export declare const FORM_TOKEN: InjectionKey<FormContext>;
|
|
90
|
+
export declare const STYLE_TOKEN: InjectionKey<StyleType>;
|
|
80
91
|
export interface DValidateResult<E = never, F = never> {
|
|
81
92
|
errors: E;
|
|
82
93
|
fields: F;
|
package/types/form/src/form.d.ts
CHANGED
|
@@ -45,6 +45,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
45
45
|
readonly type: BooleanConstructor;
|
|
46
46
|
readonly default: false;
|
|
47
47
|
};
|
|
48
|
+
readonly styleType: {
|
|
49
|
+
readonly type: import("vue").PropType<import("./form-types").StyleType>;
|
|
50
|
+
readonly default: "default";
|
|
51
|
+
};
|
|
52
|
+
readonly appendToBodyScrollStrategy: {
|
|
53
|
+
readonly type: import("vue").PropType<import("./form-types").AppendToBodyScrollStrategy>;
|
|
54
|
+
readonly default: "reposition";
|
|
55
|
+
};
|
|
48
56
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "validate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
49
57
|
readonly data: {
|
|
50
58
|
readonly type: import("vue").PropType<import("./form-types").FormData>;
|
|
@@ -92,6 +100,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
92
100
|
readonly type: BooleanConstructor;
|
|
93
101
|
readonly default: false;
|
|
94
102
|
};
|
|
103
|
+
readonly styleType: {
|
|
104
|
+
readonly type: import("vue").PropType<import("./form-types").StyleType>;
|
|
105
|
+
readonly default: "default";
|
|
106
|
+
};
|
|
107
|
+
readonly appendToBodyScrollStrategy: {
|
|
108
|
+
readonly type: import("vue").PropType<import("./form-types").AppendToBodyScrollStrategy>;
|
|
109
|
+
readonly default: "reposition";
|
|
110
|
+
};
|
|
95
111
|
}>>, {
|
|
96
112
|
readonly data: import("./form-types").FormData;
|
|
97
113
|
readonly messageType: import("..").MessageType;
|
|
@@ -103,5 +119,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
103
119
|
readonly labelAlign: import("./form-types").LabelAlign;
|
|
104
120
|
readonly validateOnRuleChange: boolean;
|
|
105
121
|
readonly hideRequiredMark: boolean;
|
|
122
|
+
readonly styleType: import("./form-types").StyleType;
|
|
123
|
+
readonly appendToBodyScrollStrategy: import("./form-types").AppendToBodyScrollStrategy;
|
|
106
124
|
}>;
|
|
107
125
|
export default _default;
|
|
@@ -1,3 +1,13 @@
|
|
|
1
1
|
import type { Ref, SetupContext } from 'vue';
|
|
2
|
-
import { InputProps
|
|
3
|
-
export declare function useInputEvent(isFocus: Ref<boolean>, props: InputProps, ctx: SetupContext, focus: () => void):
|
|
2
|
+
import { InputProps } from '../input-types';
|
|
3
|
+
export declare function useInputEvent(isFocus: Ref<boolean>, props: InputProps, ctx: SetupContext, focus: () => void): {
|
|
4
|
+
onFocus: (e: FocusEvent) => void;
|
|
5
|
+
onBlur: (e: FocusEvent) => void;
|
|
6
|
+
onInput: (e: Event) => void;
|
|
7
|
+
onChange: (e: Event) => void;
|
|
8
|
+
onKeydown: (e: KeyboardEvent) => void;
|
|
9
|
+
onClear: () => void;
|
|
10
|
+
onCompositionStart: () => void;
|
|
11
|
+
onCompositionUpdate: (e: CompositionEvent) => void;
|
|
12
|
+
onCompositionEnd: (e: CompositionEvent) => void;
|
|
13
|
+
};
|
|
@@ -40,6 +40,14 @@ export declare const inputProps: {
|
|
|
40
40
|
readonly type: StringConstructor;
|
|
41
41
|
readonly default: "";
|
|
42
42
|
};
|
|
43
|
+
readonly title: {
|
|
44
|
+
readonly type: StringConstructor;
|
|
45
|
+
readonly default: "";
|
|
46
|
+
};
|
|
47
|
+
readonly autofocus: {
|
|
48
|
+
readonly type: BooleanConstructor;
|
|
49
|
+
readonly default: false;
|
|
50
|
+
};
|
|
43
51
|
};
|
|
44
52
|
export declare type InputProps = ExtractPropTypes<typeof inputProps>;
|
|
45
53
|
export interface UseInputRender {
|
|
@@ -39,6 +39,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
39
39
|
readonly type: StringConstructor;
|
|
40
40
|
readonly default: "";
|
|
41
41
|
};
|
|
42
|
+
readonly title: {
|
|
43
|
+
readonly type: StringConstructor;
|
|
44
|
+
readonly default: "";
|
|
45
|
+
};
|
|
46
|
+
readonly autofocus: {
|
|
47
|
+
readonly type: BooleanConstructor;
|
|
48
|
+
readonly default: false;
|
|
49
|
+
};
|
|
42
50
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "input" | "clear" | "blur" | "change" | "focus" | "keydown" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
43
51
|
readonly modelValue: {
|
|
44
52
|
readonly type: StringConstructor;
|
|
@@ -79,9 +87,19 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
79
87
|
readonly type: StringConstructor;
|
|
80
88
|
readonly default: "";
|
|
81
89
|
};
|
|
90
|
+
readonly title: {
|
|
91
|
+
readonly type: StringConstructor;
|
|
92
|
+
readonly default: "";
|
|
93
|
+
};
|
|
94
|
+
readonly autofocus: {
|
|
95
|
+
readonly type: BooleanConstructor;
|
|
96
|
+
readonly default: false;
|
|
97
|
+
};
|
|
82
98
|
}>>, {
|
|
83
99
|
readonly error: boolean;
|
|
100
|
+
readonly title: string;
|
|
84
101
|
readonly prefix: string;
|
|
102
|
+
readonly autofocus: boolean;
|
|
85
103
|
readonly disabled: boolean;
|
|
86
104
|
readonly placeholder: string;
|
|
87
105
|
readonly modelValue: string;
|
|
@@ -57,6 +57,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
57
57
|
readonly type: StringConstructor;
|
|
58
58
|
readonly default: "";
|
|
59
59
|
};
|
|
60
|
+
title: {
|
|
61
|
+
readonly type: StringConstructor;
|
|
62
|
+
readonly default: "";
|
|
63
|
+
};
|
|
64
|
+
autofocus: {
|
|
65
|
+
readonly type: BooleanConstructor;
|
|
66
|
+
readonly default: false;
|
|
67
|
+
};
|
|
60
68
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
61
69
|
name: {
|
|
62
70
|
type: StringConstructor;
|
|
@@ -114,9 +122,19 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
114
122
|
readonly type: StringConstructor;
|
|
115
123
|
readonly default: "";
|
|
116
124
|
};
|
|
125
|
+
title: {
|
|
126
|
+
readonly type: StringConstructor;
|
|
127
|
+
readonly default: "";
|
|
128
|
+
};
|
|
129
|
+
autofocus: {
|
|
130
|
+
readonly type: BooleanConstructor;
|
|
131
|
+
readonly default: false;
|
|
132
|
+
};
|
|
117
133
|
}>>, {
|
|
118
134
|
error: boolean;
|
|
135
|
+
title: string;
|
|
119
136
|
prefix: string;
|
|
137
|
+
autofocus: boolean;
|
|
120
138
|
disabled: boolean;
|
|
121
139
|
placeholder: string;
|
|
122
140
|
modelValue: string;
|
package/types/list/index.d.ts
CHANGED
|
@@ -9,9 +9,10 @@ export declare type OptionItem = number | string | ({
|
|
|
9
9
|
value: string | number;
|
|
10
10
|
} & Partial<OptionObjectItem>);
|
|
11
11
|
export declare type Options = Array<OptionItem>;
|
|
12
|
-
export declare type ModelValue = number | string | Array<number | string
|
|
12
|
+
export declare type ModelValue = number | string | Array<number | string> | boolean;
|
|
13
13
|
export declare type filterValue = boolean | ((query: string) => void);
|
|
14
14
|
export declare type SelectSize = 'sm' | 'md' | 'lg';
|
|
15
|
+
export declare type Position = 'top' | 'right' | 'bottom' | 'left';
|
|
15
16
|
export declare const selectProps: {
|
|
16
17
|
readonly modelValue: {
|
|
17
18
|
readonly type: PropType<ModelValue>;
|
|
@@ -29,6 +30,10 @@ export declare const selectProps: {
|
|
|
29
30
|
readonly type: PropType<SelectSize>;
|
|
30
31
|
readonly default: "";
|
|
31
32
|
};
|
|
33
|
+
readonly position: {
|
|
34
|
+
readonly type: PropType<Position[]>;
|
|
35
|
+
readonly default: () => string[];
|
|
36
|
+
};
|
|
32
37
|
readonly overview: {
|
|
33
38
|
readonly type: PropType<"border" | "underlined">;
|
|
34
39
|
readonly default: "border";
|
|
@@ -101,13 +106,16 @@ export declare const selectProps: {
|
|
|
101
106
|
readonly type: NumberConstructor;
|
|
102
107
|
readonly default: 0;
|
|
103
108
|
};
|
|
109
|
+
readonly showEmptyWhenUnmatched: {
|
|
110
|
+
readonly type: BooleanConstructor;
|
|
111
|
+
readonly default: true;
|
|
112
|
+
};
|
|
104
113
|
};
|
|
105
114
|
export declare type SelectProps = ExtractPropTypes<typeof selectProps>;
|
|
106
115
|
export declare type OptionModelValue = number | string;
|
|
107
116
|
export interface UseSelectReturnType {
|
|
108
117
|
selectDisabled: ComputedRef<boolean>;
|
|
109
118
|
selectSize: ComputedRef<SelectSize>;
|
|
110
|
-
originRef: Ref<HTMLElement | undefined>;
|
|
111
119
|
dropdownRef: Ref<HTMLElement | undefined>;
|
|
112
120
|
isOpen: Ref<boolean>;
|
|
113
121
|
selectCls: ComputedRef<string>;
|
|
@@ -133,14 +141,16 @@ export interface SelectContext extends SelectProps {
|
|
|
133
141
|
selectDisabled: boolean;
|
|
134
142
|
selectSize: string;
|
|
135
143
|
isOpen: boolean;
|
|
144
|
+
isSelectFocus: boolean;
|
|
136
145
|
selectedOptions: OptionObjectItem[];
|
|
137
146
|
filterQuery: string;
|
|
147
|
+
dropdownWidth: number;
|
|
138
148
|
valueChange: (item: OptionObjectItem) => void;
|
|
139
149
|
handleClear: () => void;
|
|
140
150
|
updateInjectOptions: (item: Record<string, unknown>, operation: string, isObject: boolean) => void;
|
|
141
151
|
tagDelete: (data: OptionObjectItem) => void;
|
|
142
|
-
onFocus: (
|
|
143
|
-
onBlur: (
|
|
152
|
+
onFocus: () => void;
|
|
153
|
+
onBlur: () => void;
|
|
144
154
|
debounceQueryFilter: (query: string) => void;
|
|
145
155
|
}
|
|
146
156
|
export declare const optionProps: {
|
|
@@ -169,23 +179,32 @@ export interface UseOptionReturnType {
|
|
|
169
179
|
optionSelect: () => void;
|
|
170
180
|
}
|
|
171
181
|
export interface UseSelectContentReturnType {
|
|
182
|
+
singleInputRef: Ref;
|
|
172
183
|
searchQuery: Ref<string>;
|
|
184
|
+
singleSearchKey: Ref<string>;
|
|
173
185
|
selectedData: ComputedRef<OptionObjectItem[]>;
|
|
174
186
|
isSelectDisable: ComputedRef<boolean>;
|
|
175
187
|
isSupportCollapseTags: ComputedRef<boolean>;
|
|
176
188
|
isDisabledTooltip: ComputedRef<boolean>;
|
|
177
189
|
isReadOnly: ComputedRef<boolean>;
|
|
190
|
+
isSupportFilter: ComputedRef<boolean>;
|
|
178
191
|
selectionCls: ComputedRef<string>;
|
|
179
192
|
inputCls: ComputedRef<string>;
|
|
180
193
|
tagSize: ComputedRef<string>;
|
|
181
194
|
placeholder: ComputedRef<string>;
|
|
195
|
+
singlePlaceholder: ComputedRef<string>;
|
|
196
|
+
singlePlaceholderWidth: ComputedRef<string>;
|
|
182
197
|
isMultiple: ComputedRef<boolean>;
|
|
183
198
|
displayInputValue: ComputedRef<string>;
|
|
199
|
+
isPlaceholderDark: ComputedRef<boolean>;
|
|
184
200
|
handleClear: (e: MouseEvent) => void;
|
|
201
|
+
onSingleInputWrapClick: () => void;
|
|
202
|
+
onMultipleClick: (e: any) => void;
|
|
185
203
|
tagDelete: (data: OptionObjectItem) => void;
|
|
186
204
|
onFocus: (e: FocusEvent) => void;
|
|
187
205
|
onBlur: (e: FocusEvent) => void;
|
|
188
206
|
queryFilter: (e: Event) => void;
|
|
207
|
+
onArrowClick: () => void;
|
|
189
208
|
}
|
|
190
209
|
export interface UseSelectFunctionReturn {
|
|
191
210
|
isSelectFocus: Ref<boolean>;
|