vue-devui 1.0.0-rc.10 → 1.0.0-rc.11

package/switch/style.css

@@ -1 +1 @@
-.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 4px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 4px 8px 0) var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;color:var(--devui-text, #252b3a)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-content{width:100%}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 14px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 14px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}:host{display:inline-block;font-size:0;vertical-align:middle}.devui-switch{width:36px;height:18px;border-radius:10px;background:var(--devui-line, #d7d8da);border:1px solid var(--devui-line, #d7d8da);position:relative;display:inline-block;box-sizing:content-box;overflow:visible;padding:0;margin:0 5px 0 0;cursor:pointer;transition:var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)) all}.devui-switch:not(.devui-switch--checked):hover{border-color:var(--devui-line, #d7d8da)}.devui-switch:active{border-color:var(--devui-brand-active-focus, #344899)}.devui-switch.devui-switch--checked:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-switch .devui-switch__inner-wrapper{display:inline-block;width:100%;height:100%;padding-left:16px;font-size:var(--devui-font-size, 14px);color:var(--devui-global-bg, #f8f8fa)}.devui-switch .devui-switch__inner-wrapper .devui-switch__inner{color:#fff;font-weight:700;display:flex;width:100%;height:100%;align-items:center;justify-content:center;float:right}.devui-switch.devui-switch--checked .devui-switch__inner-wrapper{padding-left:unset;padding-right:16px}.devui-switch small{width:16px;height:16px;background:var(--devui-light-text, #ffffff);border-radius:100%;position:absolute;top:1px;left:1px;transition:var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)) all}.devui-switch.devui-switch--checked small{left:19px}.devui-switch.devui-switch--lg{width:58px;height:30px;border-radius:16px}.devui-switch.devui-switch--lg .devui-switch__inner-wrapper{padding-left:28px;font-size:var(--devui-font-size-modal-title, 18px)}.devui-switch.devui-switch--lg.devui-switch--checked .devui-switch__inner-wrapper{padding-left:unset;padding-right:28px}.devui-switch.devui-switch--lg small{width:28px;height:28px;top:1px;left:1px}.devui-switch.devui-switch--lg.devui-switch--checked small{background:var(--devui-light-text, #ffffff);left:29px}.devui-switch.devui-switch--sm{width:30px;height:14px;border-radius:8px}.devui-switch.devui-switch--sm .devui-switch__inner-wrapper{padding-left:12px;font-size:var(--devui-font-size, 14px)}.devui-switch.devui-switch--sm.devui-switch--checked .devui-switch__inner-wrapper{padding-left:unset;padding-right:12px}.devui-switch.devui-switch--sm small{width:12px;height:12px;position:absolute}.devui-switch.devui-switch--sm.devui-switch--checked small{left:17px}.devui-switch.devui-switch--checked{background:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-switch.devui-switch--checked:hover{background:var(--devui-brand-active, #526ecc);border-color:var(--devui-brand-active, #526ecc)}.devui-switch.devui-switch--checked:active{background:var(--devui-brand-active-focus, #344899);border-color:var(--devui-brand-active-focus, #344899)}.devui-switch.devui-switch--disabled,.devui-switch.devui-switch--disabled:hover,.devui-switch.devui-switch--disabled:active,.devui-switch.devui-switch--disabled.devui-switch--checked{cursor:not-allowed}.devui-switch.devui-switch--disabled,.devui-switch.devui-switch--disabled:hover,.devui-switch.devui-switch--disabled:active{background-color:var(--devui-disabled-line, #dfe1e6);border-color:var(--devui-disabled-line, #dfe1e6)}.devui-switch.devui-switch--disabled small,.devui-switch.devui-switch--disabled:hover small,.devui-switch.devui-switch--disabled:active small{background-color:var(--devui-unavailable, #f5f5f5)}.devui-switch.devui-switch--disabled.devui-switch--checked{background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-switch.devui-switch--disabled.devui-switch--checked small{background-color:var(--devui-light-text, #ffffff)}
+.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 4px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 4px 8px 0) var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover__icon-wrap{width:16px;height:16px;margin-right:8px}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>circle,.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover__icon-wrap .devui-popover__icon.devui-popover__icon--error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover__content.devui-flexible-overlay{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover__content.devui-flexible-overlay.is-icon{flex-wrap:nowrap}.devui-popover--fade-bottom-enter-from,.devui-popover--fade-bottom-leave-to,.devui-popover--fade-top-enter-from,.devui-popover--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover--fade-bottom-enter-to,.devui-popover--fade-bottom-leave-from,.devui-popover--fade-top-enter-to,.devui-popover--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover--fade-bottom-enter-active,.devui-popover--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-bottom-leave-active,.devui-popover--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover--fade-left-enter-from,.devui-popover--fade-left-leave-to,.devui-popover--fade-right-enter-from,.devui-popover--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover--fade-left-enter-to,.devui-popover--fade-left-leave-from,.devui-popover--fade-right-enter-to,.devui-popover--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover--fade-left-enter-active,.devui-popover--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover--fade-left-leave-active,.devui-popover--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form__label{align-self:flex-start}.devui-form__label--vertical{padding-bottom:8px}.devui-form__label--sm{flex:0 0 80px}.devui-form__label--md{flex:0 0 100px}.devui-form__label--lg{flex:0 0 150px}.devui-form__label--start{text-align:left}.devui-form__label--center{text-align:center}.devui-form__label--end{text-align:end}.devui-form__label-span{display:inline-block;vertical-align:middle;color:var(--devui-text, #252b3a)}.devui-form__label--required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form__label-help{position:relative;top:-.1em;display:inline-block;vertical-align:middle;margin-left:4px;cursor:pointer}.devui-form__control{flex:1 1 auto;position:relative;width:100%}.devui-form__control--horizontal{margin-left:16px}.devui-form__control .devui-star{color:red}.devui-form__control .devui-form__control-container{position:relative}.devui-form__control .devui-form__control-container--horizontal{display:flex;width:100%}.devui-form__control .devui-form__control-container--horizontal .devui-validate-tip{margin:0}.devui-form__control .devui-form__control-container .devui-form__feedback-icon{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;text-align:center;visibility:visible;pointer-events:none;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg circle{fill:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--error svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg circle{fill:var(--devui-success, #50d4ab)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--success svg polygon{fill:var(--devui-base-bg, #ffffff)}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg{animation:loading-keyframes 1s infinite linear}.devui-form__control .devui-form__control-container .devui-form__feedback-icon--pending svg path{fill:var(--devui-brand, #5e7ce0)}.devui-form__control .devui-form__control-content{width:100%}.devui-form__control .devui-form__control-container--has-feedback{display:flex;align-items:center}.devui-form__control .devui-form__control-container--has-feedback input{padding-right:28px}.devui-form__control .devui-form__control-container--feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form__control .devui-form__control-container--feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form__control .devui-form__control-container--feedback-error input:hover{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error input:focus{border-color:transparent!important}.devui-form__control .devui-form__control-container--feedback-error .devui-select-arrow{right:24px!important}.devui-form__control .devui-form__control-info{line-height:1}.devui-form__control .devui-form__control-info .error-message{display:inline-block;min-height:20px;line-height:1.5;font-size:var(--devui-font-size, 14px);color:var(--devui-danger, #f66f6a)}.devui-form__control .devui-form__control-info .devui-form__control-extra{font-size:var(--devui-font-size, 14px);color:var(--devui-aide-text, #71757f);min-height:20px;line-height:1.5;text-align:justify}@keyframes loading-keyframes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devui-form__item--horizontal{display:flex;align-items:center;margin-bottom:20px}.devui-form__item--vertical{display:flex;flex-direction:column;margin-bottom:20px}.devui-form__item--error{margin-bottom:0}.devui-form-operation .star{color:red}:host{display:inline-block;font-size:0;vertical-align:middle}.devui-switch{width:36px;height:18px;border-radius:var(--devui-border-radius-full, 100px);background:var(--devui-line, #d7d8da);border:1px solid var(--devui-line, #d7d8da);position:relative;display:inline-block;box-sizing:content-box;overflow:visible;padding:0;margin:0;cursor:pointer;transition:var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)) all}.devui-switch:not(.devui-switch--checked):hover{border-color:var(--devui-line, #d7d8da)}.devui-switch:active{border-color:var(--devui-brand-active-focus, #344899)}.devui-switch.devui-switch--checked:hover{border-color:var(--devui-brand-active, #526ecc)}.devui-switch .devui-switch__inner-wrapper{display:inline-block;width:100%;height:100%;padding-left:16px;font-size:var(--devui-font-size, 14px);box-sizing:border-box}.devui-switch .devui-switch__inner-wrapper .devui-switch__inner{color:var(--devui-light-text, #ffffff);width:100%;height:100%;text-align:center}.devui-switch.devui-switch--checked .devui-switch__inner-wrapper{padding-left:unset;padding-right:16px}.devui-switch small{width:16px;height:16px;background:var(--devui-light-text, #ffffff);border-radius:var(--devui-border-radius-full, 100px);position:absolute;top:1px;left:1px;transition:var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)) all}.devui-switch.devui-switch--checked small{left:19px}.devui-switch.devui-switch--lg{width:58px;height:30px}.devui-switch.devui-switch--lg .devui-switch__inner-wrapper{padding-left:28px;font-size:var(--devui-font-size-modal-title, 18px)}.devui-switch.devui-switch--lg.devui-switch--checked .devui-switch__inner-wrapper{padding-left:unset;padding-right:28px}.devui-switch.devui-switch--lg small{width:28px;height:28px;top:1px;left:1px}.devui-switch.devui-switch--lg.devui-switch--checked small{background:var(--devui-light-text, #ffffff);left:29px}.devui-switch.devui-switch--sm{width:30px;height:14px}.devui-switch.devui-switch--sm .devui-switch__inner-wrapper{padding-left:12px;font-size:var(--devui-font-size, 14px)}.devui-switch.devui-switch--sm.devui-switch--checked .devui-switch__inner-wrapper{padding-left:unset;padding-right:12px}.devui-switch.devui-switch--sm small{width:12px;height:12px;position:absolute}.devui-switch.devui-switch--sm.devui-switch--checked small{left:17px}.devui-switch.devui-switch--checked{background:var(--devui-brand, #5e7ce0);border-color:var(--devui-brand, #5e7ce0)}.devui-switch.devui-switch--checked:hover{background:var(--devui-brand-active, #526ecc);border-color:var(--devui-brand-active, #526ecc)}.devui-switch.devui-switch--checked:active{background:var(--devui-brand-active-focus, #344899);border-color:var(--devui-brand-active-focus, #344899)}.devui-switch.devui-switch--disabled,.devui-switch.devui-switch--disabled:hover,.devui-switch.devui-switch--disabled:active,.devui-switch.devui-switch--disabled.devui-switch--checked{cursor:not-allowed}.devui-switch.devui-switch--disabled,.devui-switch.devui-switch--disabled:hover,.devui-switch.devui-switch--disabled:active{background-color:var(--devui-disabled-line, #dfe1e6);border-color:var(--devui-disabled-line, #dfe1e6)}.devui-switch.devui-switch--disabled small,.devui-switch.devui-switch--disabled:hover small,.devui-switch.devui-switch--disabled:active small{background-color:var(--devui-unavailable, #f5f5f5)}.devui-switch.devui-switch--disabled.devui-switch--checked{background-color:var(--devui-icon-fill-active-disabled, #beccfa);border-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-switch.devui-switch--disabled.devui-switch--checked small{background-color:var(--devui-light-text, #ffffff)}

package/table/index.es.js

@@ -33,10 +33,10 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { computed, ref, watch, unref, defineComponent, inject, createVNode, toRefs, onMounted, onUnmounted, Transition, mergeProps, nextTick, Comment, Text, h, Fragment, withDirectives, cloneVNode, provide, Teleport, vShow, resolveDynamicComponent, render, resolveDirective, toRef, reactive, createTextVNode, onBeforeUnmount, isVNode, getCurrentInstance, onBeforeMount } from "vue";
+import { computed, ref, watchEffect, getCurrentInstance, watch, unref, defineComponent, inject, createVNode, toRefs, onMounted, onUnmounted, Transition, mergeProps, nextTick, Comment, Text, h, Fragment, withDirectives, cloneVNode, provide, Teleport, vShow, resolveDynamicComponent, render, resolveDirective, toRef, reactive, createTextVNode, onBeforeUnmount, isVNode, onBeforeMount } from "vue";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 import { onClickOutside } from "@vueuse/core";
-const TableProps = {
+const tableProps = {
   data: {
     type: Array,
     default: []
@@ -113,6 +113,13 @@ const TableProps = {
   rowKey: {
     type: String
   },
+  defaultExpandAll: {
+    type: Boolean,
+    default: false
+  },
+  expandRowKeys: {
+    type: Array
+  },
   trackBy: {
     type: Function
   }
@@ -241,6 +248,133 @@ function useTableLayout(table2) {
   };
   return { tableWidth, updateColumnWidth };
 }
+function useTableWatcher(props, store) {
+  watchEffect(() => {
+    if (props.expandRowKeys) {
+      store.setExpandRows(props.expandRowKeys);
+    }
+  });
+}
+const inBrowser = typeof window !== "undefined";
+function getElement(element) {
+  if (element instanceof Element) {
+    return element;
+  }
+  if (element && typeof element === "object" && element.$el instanceof Element) {
+    return element.$el;
+  }
+  return null;
+}
+function lockScroll() {
+  if (document.documentElement.scrollHeight > document.documentElement.clientHeight) {
+    const scrollTop = document.documentElement.scrollTop;
+    const style = document.documentElement.getAttribute("style");
+    document.documentElement.style.position = "fixed";
+    document.documentElement.style.top = `-${scrollTop}px`;
+    document.documentElement.style.width = document.documentElement.style.width || "100%";
+    document.documentElement.style.overflowY = "scroll";
+    return () => {
+      if (style) {
+        document.documentElement.setAttribute("style", style);
+      } else {
+        document.documentElement.removeAttribute("style");
+      }
+      document.documentElement.scrollTop = scrollTop;
+    };
+  }
+  return;
+}
+const isBoolean = (value) => typeof value === "boolean";
+function formatWidth(width) {
+  if (width === "") {
+    return width;
+  }
+  if (typeof width === "number") {
+    return width;
+  }
+  return parseInt(width, 10) || 80;
+}
+function getRowIdentity(row, rowKey) {
+  const paths = rowKey.split(".");
+  let obj = row;
+  for (const p of paths) {
+    obj = obj[p];
+  }
+  return `${obj}`;
+}
+function getRowKeysMap(data, rowKey) {
+  const rowKeyMap = {};
+  (data || []).forEach((row, index2) => {
+    rowKeyMap[getRowIdentity(row, rowKey)] = { row, index: index2 };
+  });
+  return rowKeyMap;
+}
+function toggleRowExpandStatus(rowsArr, row, status) {
+  let isChanged = false;
+  const index2 = rowsArr.indexOf(row);
+  const isIncluded = index2 !== -1;
+  const addRow = () => {
+    rowsArr.push(row);
+    isChanged = true;
+  };
+  const deleteRow = () => {
+    rowsArr.splice(index2, 1);
+    isChanged = true;
+  };
+  if (isBoolean(status)) {
+    if (status && !isIncluded) {
+      addRow();
+    } else if (!status && isIncluded) {
+      deleteRow();
+    }
+  } else {
+    if (isIncluded) {
+      deleteRow();
+    } else {
+      addRow();
+    }
+  }
+  return isChanged;
+}
+function useExpand(dataSource) {
+  const tableInstance = getCurrentInstance();
+  const rowKey = tableInstance.props.rowKey || "";
+  const defaultExpandAll = ref(tableInstance.props.defaultExpandAll);
+  const _expandedRows = ref([]);
+  const updateExpandRows = () => {
+    if (defaultExpandAll.value) {
+      _expandedRows.value = dataSource.value.slice();
+    } else {
+      _expandedRows.value = [];
+    }
+  };
+  const setExpandRows = (rowKeys) => {
+    const data = dataSource.value || [];
+    const rowKeysMap = getRowKeysMap(data, rowKey);
+    _expandedRows.value = rowKeys.reduce((pre, cur) => {
+      const currentRow = rowKeysMap[cur];
+      if (currentRow) {
+        pre.push(currentRow.row);
+      }
+      return pre;
+    }, []);
+  };
+  const toggleRowExpansion = (row, expanded) => {
+    const isChanged = toggleRowExpandStatus(_expandedRows.value, row, expanded);
+    if (isChanged) {
+      tableInstance.emit("expand-change", row, _expandedRows.value.slice());
+    }
+  };
+  const isRowExpanded = (row) => {
+    return _expandedRows.value.includes(row);
+  };
+  return {
+    isRowExpanded,
+    updateExpandRows,
+    setExpandRows,
+    toggleRowExpansion
+  };
+}
 function replaceColumn(array4, column) {
   return array4.map((item) => {
     var _a;
@@ -372,81 +506,17 @@ const createFixedLogic = (columns) => {
   });
   return { isFixedLeft };
 };
-const createExpandRow = (dataSource, trackBy) => {
-  const _expandedRows = ref(/* @__PURE__ */ new Set());
-  const isRowExpanded = (row) => {
-    return _expandedRows.value.has(trackBy(row));
-  };
-  const expandRow = (row) => {
-    _expandedRows.value.add(trackBy(row));
-  };
-  const collapseRow = (row) => {
-    _expandedRows.value.delete(trackBy(row));
-  };
-  const toggleRow = (row) => {
-    if (isRowExpanded(row)) {
-      collapseRow(row);
-    } else {
-      expandRow(row);
-    }
-  };
-  const getExpandedRows = () => {
-    return dataSource.value.filter((item) => isRowExpanded(item));
-  };
-  const expandAllRows = () => {
-    dataSource.value.forEach((item) => {
-      expandRow(item);
-    });
-  };
-  const collapseAllRows = () => {
-    dataSource.value.forEach((item) => {
-      collapseRow(item);
-    });
-  };
-  return {
-    _expandedRows,
-    toggleRow,
-    expandRow,
-    collapseRow,
-    isRowExpanded,
-    getExpandedRows,
-    expandAllRows,
-    collapseAllRows
-  };
-};
 function createStore(dataSource, table2) {
   const _data = ref([]);
+  const { _columns, flatColumns, insertColumn, removeColumn, sortColumn, updateColumns } = createColumnGenerator();
+  const { _checkAll, _checkSet, _halfChecked, getCheckedRows, isRowChecked, checkRow } = createSelection(_data, table2.props.trackBy);
+  const { sortData, thList } = createSorter(dataSource, _data);
+  const { isFixedLeft } = createFixedLogic(_columns);
+  const { isRowExpanded, updateExpandRows, setExpandRows, toggleRowExpansion } = useExpand(_data);
   watch(dataSource, (value) => {
     _data.value = [...value];
+    updateExpandRows();
   }, { deep: true, immediate: true });
-  const {
-    _columns,
-    flatColumns,
-    insertColumn,
-    removeColumn,
-    sortColumn,
-    updateColumns
-  } = createColumnGenerator();
-  const {
-    _checkAll,
-    _checkSet,
-    _halfChecked,
-    getCheckedRows,
-    isRowChecked,
-    checkRow
-  } = createSelection(_data, table2.props.trackBy);
-  const { sortData, thList } = createSorter(dataSource, _data);
-  const { isFixedLeft } = createFixedLogic(_columns);
-  const {
-    _expandedRows,
-    toggleRow,
-    expandRow,
-    collapseRow,
-    isRowExpanded,
-    getExpandedRows,
-    expandAllRows,
-    collapseAllRows
-  } = createExpandRow(dataSource, table2.props.trackBy);
   return {
     _table: table2,
     states: {
@@ -457,8 +527,7 @@ function createStore(dataSource, table2) {
       _checkAll,
       _halfChecked,
       isFixedLeft,
-      thList,
-      _expandedRows
+      thList
     },
     insertColumn,
     sortColumn,
@@ -468,13 +537,9 @@ function createStore(dataSource, table2) {
     sortData,
     isRowChecked,
     checkRow,
-    toggleRow,
-    expandRow,
-    collapseRow,
     isRowExpanded,
-    getExpandedRows,
-    expandAllRows,
-    collapseAllRows
+    setExpandRows,
+    toggleRowExpansion
   };
 }
 var ColGroup = defineComponent({
@@ -623,15 +688,6 @@ const dropdownProps = {
   }
 };
 const POPPER_TRIGGER_TOKEN = Symbol("popper-trigger");
-function getElement(element) {
-  if (element instanceof Element) {
-    return element;
-  }
-  if (element && typeof element === "object" && element.$el instanceof Element) {
-    return element.$el;
-  }
-  return null;
-}
 const dropdownMap = /* @__PURE__ */ new Map();
 function subscribeEvent(dom, type4, callback) {
   dom == null ? void 0 : dom.addEventListener(type4, callback);
@@ -797,25 +853,6 @@ const fixedOverlayProps = {
     default: true
   }
 };
-function lockScroll() {
-  if (document.documentElement.scrollHeight > document.documentElement.clientHeight) {
-    const scrollTop = document.documentElement.scrollTop;
-    const style = document.documentElement.getAttribute("style");
-    document.documentElement.style.position = "fixed";
-    document.documentElement.style.top = `-${scrollTop}px`;
-    document.documentElement.style.width = document.documentElement.style.width || "100%";
-    document.documentElement.style.overflowY = "scroll";
-    return () => {
-      if (style) {
-        document.documentElement.setAttribute("style", style);
-      } else {
-        document.documentElement.removeAttribute("style");
-      }
-      document.documentElement.scrollTop = scrollTop;
-    };
-  }
-  return;
-}
 function useFixedOverlay(props, ctx) {
   let lockScrollCb;
   const onClick = (event) => {
@@ -1031,7 +1068,6 @@ const FlexibleOverlay = defineComponent({
     };
   }
 });
-const inBrowser = typeof window !== "undefined";
 const isObject = (val) => val !== null && typeof val === "object";
 const ns$1 = useNamespace("popper-trigger");
 function wrapContent(content) {
@@ -1432,9 +1468,9 @@ var Icon = defineComponent({
       [ns2.m("operable")]: operable.value
     }));
     const onClick = (e) => {
+      e.stopImmediatePropagation();
       if (disabled.value) {
         e.preventDefault();
-        e.stopImmediatePropagation();
       }
     };
     return () => {
@@ -5695,7 +5731,7 @@ var lodash = { exports: {} };
       function isArrayLikeObject(value) {
         return isObjectLike(value) && isArrayLike(value);
       }
-      function isBoolean(value) {
+      function isBoolean2(value) {
         return value === true || value === false || isObjectLike(value) && baseGetTag(value) == boolTag;
       }
       var isBuffer = nativeIsBuffer || stubFalse;
@@ -6829,7 +6865,7 @@ var lodash = { exports: {} };
       lodash2.isArrayBuffer = isArrayBuffer;
       lodash2.isArrayLike = isArrayLike;
       lodash2.isArrayLikeObject = isArrayLikeObject;
-      lodash2.isBoolean = isBoolean;
+      lodash2.isBoolean = isBoolean2;
       lodash2.isBuffer = isBuffer;
       lodash2.isDate = isDate;
       lodash2.isElement = isElement;
@@ -9025,6 +9061,16 @@ Schema.register = function register(type4, validator) {
 Schema.warning = warning;
 Schema.messages = messages;
 Schema.validators = validators;
+function getFieldValue(obj, path) {
+  return {
+    get value() {
+      return lodash.exports.get(obj, path);
+    },
+    set value(val) {
+      lodash.exports.set(obj, path, val);
+    }
+  };
+}
 function useFormItem(messageType, _rules, validateState) {
   const formContext = inject(FORM_TOKEN);
   const ns2 = useNamespace("form");
@@ -9063,17 +9109,12 @@ function useFormItemValidate(props, _rules) {
   const computedField = computed(() => {
     return typeof props.field === "string" ? props.field : "";
   });
-  const fieldValue = computed({
-    get: () => {
-      const formData = formContext.data;
-      if (!formData || !props.field) {
-        return;
-      }
-      return formData[props.field];
-    },
-    set: (val) => {
-      formContext.data[props.field] = val;
+  const fieldValue = computed(() => {
+    const formData = formContext.data;
+    if (!formData || !props.field) {
+      return;
     }
+    return getFieldValue(formData, props.field).value;
   });
   const getRuleByTrigger = (triggerVal) => {
     return _rules.value.filter((rule) => {
@@ -9142,13 +9183,16 @@ function useFormItemValidate(props, _rules) {
     if (!formContext.data || !props.field) {
       return;
     }
-    isResetting = true;
-    fieldValue.value = initFieldValue;
+    const currentValue = getFieldValue(formContext.data, props.field);
+    if (!lodash.exports.isEqual(currentValue.value, initFieldValue)) {
+      isResetting = true;
+    }
+    currentValue.value = initFieldValue;
     await nextTick();
     clearValidate();
   };
   onMounted(() => {
-    initFieldValue = lodash.exports.cloneDeep(formContext.data[props.field]);
+    initFieldValue = lodash.exports.clone(fieldValue.value);
   });
   return { validateState, validateMessage, validate, resetField, clearValidate };
 }
@@ -10410,47 +10454,47 @@ var TableBody = defineComponent({
     const onCellClick = (cellClickArg) => {
       table2.emit("cell-click", cellClickArg);
     };
+    const onRowClick = (rowClickArg) => {
+      table2.emit("row-click", rowClickArg);
+    };
     return () => createVNode("tbody", {
       "class": ns2.e("tbody")
     }, [data.value.map((row, rowIndex) => {
-      const tableRow = () => {
-        return createVNode("tr", {
-          "key": rowIndex,
-          "class": {
-            "hover-enabled": hoverEnabled.value,
-            "expanded": table2.store.isRowExpanded(row)
-          }
-        }, [flatColumns.value.map((column, columnIndex) => {
-          var _a;
-          const cellId = `${rowIndex}-${columnIndex}`;
-          const [rowspan, colspan] = (_a = tableSpans.value[cellId]) != null ? _a : [1, 1];
-          if (removeCells.value.includes(cellId)) {
-            return null;
-          }
-          return createVNode(TD, {
-            "column": column,
-            "index": rowIndex,
-            "row": row,
-            "rowspan": rowspan,
-            "colspan": colspan,
-            "onClick": () => onCellClick({
-              rowIndex,
-              columnIndex,
-              column,
-              row
-            })
-          }, null);
-        })]);
-      };
-      const expandedRow = () => {
-        var _a, _b, _c, _d;
-        return flatColumns.value.some((column) => column.type === "expand") && createVNode("tr", null, [createVNode("td", {
-          "colspan": flatColumns.value.length
-        }, [(_d = (_c = (_b = (_a = flatColumns.value.filter((column) => column.type === "expand")) == null ? void 0 : _a[0]) == null ? void 0 : _b.slots) == null ? void 0 : _c.default) == null ? void 0 : _d.call(_c, {
+      var _a, _b, _c, _d;
+      return createVNode(Fragment, null, [createVNode("tr", {
+        "key": rowIndex,
+        "class": {
+          "hover-enabled": hoverEnabled.value,
+          expanded: table2.store.isRowExpanded(row)
+        },
+        "onClick": () => onRowClick({
           row
-        })])]);
-      };
-      return createVNode(Fragment, null, [tableRow(), table2.store.isRowExpanded(row) && expandedRow()]);
+        })
+      }, [flatColumns.value.map((column, columnIndex) => {
+        var _a2;
+        const cellId = `${rowIndex}-${columnIndex}`;
+        const [rowspan, colspan] = (_a2 = tableSpans.value[cellId]) != null ? _a2 : [1, 1];
+        if (removeCells.value.includes(cellId)) {
+          return null;
+        }
+        return createVNode(TD, {
+          "column": column,
+          "index": rowIndex,
+          "row": row,
+          "rowspan": rowspan,
+          "colspan": colspan,
+          "onClick": () => onCellClick({
+            rowIndex,
+            columnIndex,
+            column,
+            row
+          })
+        }, null);
+      })]), flatColumns.value.some((column) => column.type === "expand") && table2.store.isRowExpanded(row) && createVNode("tr", null, [createVNode("td", {
+        "colspan": flatColumns.value.length
+      }, [(_d = (_c = (_b = (_a = flatColumns.value.filter((column) => column.type === "expand")) == null ? void 0 : _a[0]) == null ? void 0 : _b.slots) == null ? void 0 : _c.default) == null ? void 0 : _d.call(_c, {
+        row
+      })])])]);
     })]);
   }
 });
@@ -10517,8 +10561,8 @@ var Table = defineComponent({
   directives: {
     dLoading: loadingDirective
   },
-  props: TableProps,
-  emits: ["sort-change", "cell-click", "check-change", "check-all-change", "expand-change"],
+  props: tableProps,
+  emits: ["sort-change", "cell-click", "row-click", "check-change", "check-all-change", "expand-change"],
   setup(props, ctx) {
     const table2 = getCurrentInstance();
     const store = createStore(toRef(props, "data"), table2);
@@ -10535,6 +10579,7 @@ var Table = defineComponent({
       classes,
       styles
     } = useTable(props, tableWidth);
+    useTableWatcher(props, store);
     const isEmpty2 = computed(() => props.data.length === 0);
     const ns2 = useNamespace("table");
     const hiddenColumns = ref(null);
@@ -10650,21 +10695,12 @@ const tableColumnProps = {
     default: false
   }
 };
-function formatWidth(width) {
-  if (width === "") {
-    return width;
-  }
-  if (typeof width === "number") {
-    return width;
-  }
-  return parseInt(width, 10) || 80;
-}
 const cellMap = {
   checkable: {
     renderHeader(column, store) {
       return h(Checkbox, {
         modelValue: store.states._checkAll.value,
-        halfchecked: store.states._halfChecked.value,
+        halfChecked: store.states._halfChecked.value,
         onChange: (val) => {
           store.states._checkAll.value = val;
           store._table.emit("check-all-change", val);
@@ -10701,8 +10737,7 @@ const cellMap = {
         "name": "chevron-right",
         "class": "icon-expand-row",
         "onClick": () => {
-          store.toggleRow(rowData);
-          store._table.emit("expand-change", rowData, store.getExpandedRows());
+          store.toggleRowExpansion(rowData);
         }
       }, null);
     }
@@ -10879,4 +10914,4 @@ var index = {
     app.component(Column.name, Column);
   }
 };
-export { Column, Table, index as default };
+export { Column, TABLE_TOKEN, Table, index as default, tableProps };