@chuzhi_ccd/the-chuzhi-element 1.0.2

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/dist/index.css ADDED
@@ -0,0 +1 @@
1
+ :root{--vk-color-white: #ffffff;--vk-color-black: #000000;--colors: ( primary: #409eff, success: #67c23a, warning: #e6a23c, danger: #f56c6c, info: #909399 );--vk-color-primary: #409eff ;--vk-color-primary-light-3: #79BBFF;--vk-color-primary-light-5: #A0CFFF;--vk-color-primary-light-7: #C6E2FF;--vk-color-primary-light-9: #ECF5FF;--vk-color-primary-light-8: #D9ECFF;--vk-color-primary-dark-2: #337ECC;--vk-color-success: #67c23a ;--vk-color-success-light-3: #95D475;--vk-color-success-light-5: #B3E19D;--vk-color-success-light-7: #D1EDC4;--vk-color-success-light-9: #F0F9EB;--vk-color-success-light-8: #E1F3D8;--vk-color-success-dark-2: #529B2E;--vk-color-warning: #e6a23c ;--vk-color-warning-light-3: #EEBE77;--vk-color-warning-light-5: #F3D19E;--vk-color-warning-light-7: #F8E3C5;--vk-color-warning-light-9: #FDF6EC;--vk-color-warning-light-8: #FAECD8;--vk-color-warning-dark-2: #B88230;--vk-color-danger: #f56c6c ;--vk-color-danger-light-3: #F89898;--vk-color-danger-light-5: #FAB6B6;--vk-color-danger-light-7: #FCD3D3;--vk-color-danger-light-9: #FEF0F0;--vk-color-danger-light-8: #FDE2E2;--vk-color-danger-dark-2: #C45656;--vk-color-info: #909399 ;--vk-color-info-light-3: #B1B3B8;--vk-color-info-light-5: #C8C9CC;--vk-color-info-light-7: #DEDFE0;--vk-color-info-light-9: #F4F4F5;--vk-color-info-light-8: #E9E9EB;--vk-color-info-dark-2: #73767A;--vk-bg-color: #ffffff;--vk-bg-color-page: #f2f3f5;--vk-bg-color-overlay: #ffffff;--vk-text-color-primary: #303133;--vk-text-color-regular: #606266;--vk-text-color-secondary: #909399;--vk-text-color-placeholder: #a8abb2;--vk-text-color-disabled: #c0c4cc;--vk-border-color: #dcdfe6;--vk-border-color-light: #e4e7ed;--vk-border-color-lighter: #ebeef5;--vk-border-color-extra-light: #f2f6fc;--vk-border-color-dark: #d4d7de;--vk-border-color-darker: #cdd0d6;--vk-fill-color: #f0f2f5;--vk-fill-color-light: #f5f7fa;--vk-fill-color-lighter: #fafafa;--vk-fill-color-extra-light: #fafcff;--vk-fill-color-dark: #ebedf0;--vk-fill-color-darker: #e6e8eb;--vk-fill-color-blank: #ffffff;--vk-border-width: 1px;--vk-border-style: solid;--vk-border-color-hover: var(--vk-text-color-disabled);--vk-border: var(--vk-border-width) var(--vk-border-style) var(--vk-border-color);--vk-border-radius-base: 4px;--vk-border-radius-small: 2px;--vk-border-radius-round: 20px;--vk-border-radius-circle: 100%;--vk-font-size-extra-large: 20px;--vk-font-size-large: 18px;--vk-font-size-medium: 16px;--vk-font-size-base: 14px;--vk-font-size-small: 13px;--vk-font-size-extra-small: 12px;--vk-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1", Arial, sans-serif;--vk-font-weight-primary: 500;--vk-disabled-bg-color: var(--vk-fill-color-light);--vk-disabled-text-color: var(--vk-text-color-placeholder);--vk-disabled-border-color: var(--vk-border-color-light);--vk-transition-duration: .3s;--vk-transition-duration-fast: .2s}body{font-family:var(--vk-font-family);font-weight:400;font-size:var(--vk-font-size-base);color:var(--vk-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--vk-color-primary);text-decoration:none}a:hover,a:focus{color:var(--vk-color-primary-light-3)}a:active{color:var(--vk-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--vk-text-color-regular);font-weight:inherit}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}h1{font-size:calc(var(--vk-font-size-base) + 6px)}h2{font-size:calc(var(--vk-font-size-base) + 4px)}h3{font-size:calc(var(--vk-font-size-base) + 2px)}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}p:first-child{margin-top:0}p:last-child{margin-bottom:0}sup,sub{font-size:calc(var(--vk-font-size-base) - 1px)}small{font-size:calc(var(--vk-font-size-base) - 2px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid var(--vk-border-color-lighter)}.vk-button{--vk-button-font-weight: var(--vk-font-weight-primary);--vk-button-border-color: var(--vk-border-color);--vk-button-bg-color: var(--vk-fill-color-blank);--vk-button-text-color: var(--vk-text-color-regular);--vk-button-disabled-text-color: var(--vk-disabled-text-color);--vk-button-disabled-bg-color: var(--vk-fill-color-blank);--vk-button-disabled-border-color: var(--vk-border-color-light);--vk-button-hover-text-color: var(--vk-color-primary);--vk-button-hover-bg-color: var(--vk-color-primary-light-9);--vk-button-hover-border-color: var(--vk-color-primary-light-7);--vk-button-active-text-color: var(--vk-button-hover-text-color);--vk-button-active-border-color: var(--vk-color-primary);--vk-button-active-bg-color: var(--vk-button-hover-bg-color);--vk-button-outline-color: var(--vk-color-primary-light-5);--vk-button-active-color: var(--vk-text-color-primary)}.vk-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--vk-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--vk-button-font-weight);user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--vk-button-bg-color);border:var(--vk-border);border-color:var(--vk-button-border-color);padding:8px 15px;font-size:var(--vk-font-size-base);border-radius:var(--vk-border-radius-base)}.vk-button+.vk-button{margin-left:12px}.vk-button:hover,.vk-button:focus{color:var(--vk-button-hover-text-color);border-color:var(--vk-button-hover-border-color);background-color:var(--vk-button-hover-bg-color);outline:none}.vk-button:active{color:var(--vk-button-active-text-color);border-color:var(--vk-button-active-border-color);background-color:var(--vk-button-active-bg-color);outline:none}.vk-button.is-plain{--vk-button-hover-text-color: var(--vk-color-primary);--vk-button-hover-bg-color: var(--vk-fill-color-blank);--vk-button-hover-border-color: var(--vk-color-primary)}.vk-button.is-round{border-radius:var(--vk-border-radius-round)}.vk-button.is-circle{border-radius:50%;padding:8px}.vk-button.is-disabled,.vk-button.is-disabled:hover,.vk-button.is-disabled:focus,.vk-button[disabled],.vk-button[disabled]:hover,.vk-button[disabled]:focus{color:var(--vk-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--vk-button-disabled-bg-color);border-color:var(--vk-button-disabled-border-color)}.vk-button [class*=vk-icon]+span{margin-left:6px}.vk-button--primary{--vk-button-text-color: var(--vk-color-white);--vk-button-bg-color: var(--vk-color-primary);--vk-button-border-color: var(--vk-color-primary);--vk-button-outline-color: var(--vk-color-primary-light-5);--vk-button-active-color: var(--vk-color-primary-dark-2);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-primary-light-3);--vk-button-hover-border-color: var(--vk-color-primary-light-3);--vk-button-active-bg-color: var(--vk-color-primary-dark-2);--vk-button-active-border-color: var(--vk-color-primary-dark-2);--vk-button-disabled-text-color: var(--vk-color-white);--vk-button-disabled-bg-color: var(--vk-color-primary-light-5);--vk-button-disabled-border-color: var(--vk-color-primary-light-5)}.vk-button--primary.is-plain{--vk-button-text-color: var(--vk-color-primary);--vk-button-bg-color: var(--vk-color-primary-light-9);--vk-button-border-color: var(--vk-color-primary-light-5);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-primary);--vk-button-hover-border-color: var(--vk-color-primary);--vk-button-active-text-color: var(--vk-color-white)}.vk-button--success{--vk-button-text-color: var(--vk-color-white);--vk-button-bg-color: var(--vk-color-success);--vk-button-border-color: var(--vk-color-success);--vk-button-outline-color: var(--vk-color-success-light-5);--vk-button-active-color: var(--vk-color-success-dark-2);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-success-light-3);--vk-button-hover-border-color: var(--vk-color-success-light-3);--vk-button-active-bg-color: var(--vk-color-success-dark-2);--vk-button-active-border-color: var(--vk-color-success-dark-2);--vk-button-disabled-text-color: var(--vk-color-white);--vk-button-disabled-bg-color: var(--vk-color-success-light-5);--vk-button-disabled-border-color: var(--vk-color-success-light-5)}.vk-button--success.is-plain{--vk-button-text-color: var(--vk-color-success);--vk-button-bg-color: var(--vk-color-success-light-9);--vk-button-border-color: var(--vk-color-success-light-5);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-success);--vk-button-hover-border-color: var(--vk-color-success);--vk-button-active-text-color: var(--vk-color-white)}.vk-button--warning{--vk-button-text-color: var(--vk-color-white);--vk-button-bg-color: var(--vk-color-warning);--vk-button-border-color: var(--vk-color-warning);--vk-button-outline-color: var(--vk-color-warning-light-5);--vk-button-active-color: var(--vk-color-warning-dark-2);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-warning-light-3);--vk-button-hover-border-color: var(--vk-color-warning-light-3);--vk-button-active-bg-color: var(--vk-color-warning-dark-2);--vk-button-active-border-color: var(--vk-color-warning-dark-2);--vk-button-disabled-text-color: var(--vk-color-white);--vk-button-disabled-bg-color: var(--vk-color-warning-light-5);--vk-button-disabled-border-color: var(--vk-color-warning-light-5)}.vk-button--warning.is-plain{--vk-button-text-color: var(--vk-color-warning);--vk-button-bg-color: var(--vk-color-warning-light-9);--vk-button-border-color: var(--vk-color-warning-light-5);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-warning);--vk-button-hover-border-color: var(--vk-color-warning);--vk-button-active-text-color: var(--vk-color-white)}.vk-button--info{--vk-button-text-color: var(--vk-color-white);--vk-button-bg-color: var(--vk-color-info);--vk-button-border-color: var(--vk-color-info);--vk-button-outline-color: var(--vk-color-info-light-5);--vk-button-active-color: var(--vk-color-info-dark-2);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-info-light-3);--vk-button-hover-border-color: var(--vk-color-info-light-3);--vk-button-active-bg-color: var(--vk-color-info-dark-2);--vk-button-active-border-color: var(--vk-color-info-dark-2);--vk-button-disabled-text-color: var(--vk-color-white);--vk-button-disabled-bg-color: var(--vk-color-info-light-5);--vk-button-disabled-border-color: var(--vk-color-info-light-5)}.vk-button--info.is-plain{--vk-button-text-color: var(--vk-color-info);--vk-button-bg-color: var(--vk-color-info-light-9);--vk-button-border-color: var(--vk-color-info-light-5);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-info);--vk-button-hover-border-color: var(--vk-color-info);--vk-button-active-text-color: var(--vk-color-white)}.vk-button--danger{--vk-button-text-color: var(--vk-color-white);--vk-button-bg-color: var(--vk-color-danger);--vk-button-border-color: var(--vk-color-danger);--vk-button-outline-color: var(--vk-color-danger-light-5);--vk-button-active-color: var(--vk-color-danger-dark-2);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-danger-light-3);--vk-button-hover-border-color: var(--vk-color-danger-light-3);--vk-button-active-bg-color: var(--vk-color-danger-dark-2);--vk-button-active-border-color: var(--vk-color-danger-dark-2);--vk-button-disabled-text-color: var(--vk-color-white);--vk-button-disabled-bg-color: var(--vk-color-danger-light-5);--vk-button-disabled-border-color: var(--vk-color-danger-light-5)}.vk-button--danger.is-plain{--vk-button-text-color: var(--vk-color-danger);--vk-button-bg-color: var(--vk-color-danger-light-9);--vk-button-border-color: var(--vk-color-danger-light-5);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-danger);--vk-button-hover-border-color: var(--vk-color-danger);--vk-button-active-text-color: var(--vk-color-white)}.vk-button--large{--vk-button-size: 40px;height:var(--vk-button-size);padding:12px 19px;font-size:var(--vk-font-size-base);border-radius:var(--vk-border-radius-base)}.vk-button--small{--vk-button-size: 24px;height:var(--vk-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--vk-border-radius-base) - 1px)}.vk-collapse{--vk-collapse-border-color: var(--vk-border-color-light);--vk-collapse-header-height: 48px;--vk-collapse-header-bg-color: var(--vk-fill-color-blank);--vk-collapse-header-text-color: var(--vk-text-color-primary);--vk-collapse-header-font-size: 13px;--vk-collapse-content-bg-color: var(--vk-fill-color-blank);--vk-collapse-content-font-size: 13px;--vk-collapse-content-text-color: var(--vk-text-color-primary);--vk-collapse-disabled-text-color: var(--vk-disabled-text-color);--vk-collapse-disabled-border-color: var(--vk-border-color-lighter);border-top:1px solid var(--vk-collapse-border-color);border-bottom:1px solid var(--vk-collapse-border-color)}.vk-collapse-item__header{display:flex;align-items:center;justify-content:space-between;height:var(--vk-collapse-header-height);line-height:var(--vk-collapse-header-height);background-color:var(--vk-collapse-header-bg-color);color:var(--vk-collapse-header-text-color);cursor:pointer;font-size:var(--vk-collapse-header-font-size);font-weight:500;transition:border-bottom-color var(--vk-transition-duration);outline:none;border-bottom:1px solid var(--vk-collapse-border-color)}.vk-collapse-item__header.is-disabled{color:var(--vk-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.vk-collapse-item__header.is-active{border-bottom-color:transparent}.vk-collapse-item__header.is-active .header-angle{transform:rotate(90deg)}.vk-collapse-item__header .header-angle{transition:transform var(--vk-transition-duration)}.vk-collapse-item__content{will-change:height;background-color:var(--vk-collapse-content-bg-color);overflow:hidden;box-sizing:border-box;font-size:var(--vk-collapse-content-font-size);color:var(--vk-collapse-content-text-color);border-bottom:1px solid var(--vk-collapse-border-color);padding-bottom:25px}.slide-enter-active,.slide-leave-active{transition:height var(--vk-transition-duration)}.vk-icon{--vk-icon-color: inherit;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--vk-icon-color);font-size:inherit}.vk-icon--primary{--vk-icon-color: var(--vk-color-primary)}.vk-icon--info{--vk-icon-color: var(--vk-color-info)}.vk-icon--success{--vk-icon-color: var(--vk-color-success)}.vk-icon--warning{--vk-icon-color: var(--vk-color-warning)}.vk-icon--danger{--vk-icon-color: var(--vk-color-danger)}.vk-tooltip{--vk-popover-bg-color: var(--vk-bg-color-overlay);--vk-popover-font-size: var(--vk-font-size-base);--vk-popover-border-color: var(--vk-border-color);--vk-popover-padding: 12px;--vk-popover-border-radius: 4px;display:inline-block}.vk-tooltip .vk-tooltip__popper{background:var(--vk-popover-bg-color);border-radius:var(--vk-popover-border-radius);border:1px solid var(--vk-popover-border-color);padding:var(--vk-popover-padding);color:var(--vk-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--vk-popover-font-size);box-shadow:var(--vk-box-shadow-light);word-break:break-all;box-sizing:border-box;z-index:1000}.vk-tooltip .vk-tooltip__popper #arrow,.vk-tooltip .vk-tooltip__popper #arrow:before{position:absolute;width:8px;height:8px;box-sizing:border-box;background:var(--vk-popover-bg-color)}.vk-tooltip .vk-tooltip__popper #arrow{visibility:hidden}.vk-tooltip .vk-tooltip__popper #arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.vk-tooltip .vk-tooltip__popper[data-popper-placement^=top]>#arrow{bottom:-5px}.vk-tooltip .vk-tooltip__popper[data-popper-placement^=bottom]>#arrow{top:-5px}.vk-tooltip .vk-tooltip__popper[data-popper-placement^=left]>#arrow{right:-5px}.vk-tooltip .vk-tooltip__popper[data-popper-placement^=right]>#arrow{left:-5px}.vk-tooltip .vk-tooltip__popper[data-popper-placement^=top]>#arrow:before{border-right:1px solid var(--vk-popover-border-color);border-bottom:1px solid var(--vk-popover-border-color)}.vk-tooltip .vk-tooltip__popper[data-popper-placement^=bottom]>#arrow:before{border-left:1px solid var(--vk-popover-border-color);border-top:1px solid var(--vk-popover-border-color)}.vk-tooltip .vk-tooltip__popper[data-popper-placement^=left]>#arrow:before{border-right:1px solid var(--vk-popover-border-color);border-top:1px solid var(--vk-popover-border-color)}.vk-tooltip .vk-tooltip__popper[data-popper-placement^=right]>#arrow:before{border-left:1px solid var(--vk-popover-border-color);border-bottom:1px solid var(--vk-popover-border-color)}.vk-tooltip .fade-enter-active,.vk-tooltip .fade-leave-active{transition:opacity var(--vk-transition-duration)}.vk-tooltip .fade-enter-from,.vk-tooltip .fade-leave-to{opacity:0}.vk-dropdown .vk-dropdown__menu{--vk-dropdown-menuItem-hover-fill: var(--vk-color-primary-light-9);--vk-dropdown-menuItem-hover-color: var(--vk-color-primary);--vk-dropdown-menuItem-disabled-color: var(--vk-border-color-lighter);--vk-dropdown-menuItem-divided-color: var(--vk-border-color-lighter)}.vk-dropdown{display:inline-block}.vk-dropdown .vk-tooltip{--vk-popover-padding: 5px 0}.vk-dropdown__menu{list-style-type:none;margin:0;padding:0}.vk-dropdown__menu .vk-dropdown__item{display:flex;align-items:center;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--vk-font-size-base);color:var(--vk-text-color-regular);cursor:pointer;outline:none}.vk-dropdown__menu .vk-dropdown__item:hover{background-color:var(--vk-dropdown-menuItem-hover-fill);color:var(--vk-dropdown-menuItem-hover-color)}.vk-dropdown__menu .vk-dropdown__item.is-disabled{color:var(--vk-dropdown-menuItem-disabled-color);cursor:not-allowed;background-image:none}.vk-dropdown__menu .divided-placeholder{margin:6px 0;border-top:1px solid var(--vk-dropdown-menuItem-divided-color)}.vk-message{--vk-message-bg-color: var(--vk-color-info-light-9);--vk-message-border-color: var(--vk-border-color-lighter);--vk-message-padding: 15px 19px;--vk-message-close-size: 16px;--vk-message-close-icon-color: var(--vk-text-color-placeholder);--vk-message-close-hover-color: var(--vk-text-color-secondary)}.vk-message{width:fit-content;max-width:calc(100% - 32px);box-sizing:border-box;border-radius:var(--vk-border-radius-base);border-width:var(--vk-border-width);border-style:var(--vk-border-style);border-color:var(--vk-message-border-color);position:fixed;left:50%;top:20px;transform:translate(-50%);background-color:var(--vk-message-bg-color);padding:var(--vk-message-padding);display:flex;align-items:center;transition:top var(--vk-transition-duration),opacity var(--vk-transition-duration),transform var(--vk-transition-duration)}.vk-message .vk-message__content{color:var(--vk-message-text-color);overflow-wrap:anywhere}.vk-message.is-close .vk-message__content{padding-right:30px}.vk-message .vk-message__close{display:flex;align-items:center}.vk-message .vk-message__close svg{cursor:pointer}.vk-message--info{--vk-message-bg-color: var(--vk-color-info-light-9);--vk-message-border-color: var(--vk-color-info-light-8);--vk-message-text-color: var(--vk-color-info)}.vk-message--info .vk-message__close{--vk-icon-color: var(--vk-color-info)}.vk-message--success{--vk-message-bg-color: var(--vk-color-success-light-9);--vk-message-border-color: var(--vk-color-success-light-8);--vk-message-text-color: var(--vk-color-success)}.vk-message--success .vk-message__close{--vk-icon-color: var(--vk-color-success)}.vk-message--warning{--vk-message-bg-color: var(--vk-color-warning-light-9);--vk-message-border-color: var(--vk-color-warning-light-8);--vk-message-text-color: var(--vk-color-warning)}.vk-message--warning .vk-message__close{--vk-icon-color: var(--vk-color-warning)}.vk-message--danger{--vk-message-bg-color: var(--vk-color-danger-light-9);--vk-message-border-color: var(--vk-color-danger-light-8);--vk-message-text-color: var(--vk-color-danger)}.vk-message--danger .vk-message__close{--vk-icon-color: var(--vk-color-danger)}.vk-message.fade-up-enter-from,.vk-message.fade-up-leave-to{opacity:0;transform:translate(-50%,-100%)}.vk-input{--vk-input-text-color: var(--vk-text-color-regular);--vk-input-border: var(--vk-border);--vk-input-hover-border: var(--vk-border-color-hover);--vk-input-focus-border: var(--vk-color-primary);--vk-input-transparent-border: 0 0 0 1px transparent inset;--vk-input-border-color: var(--vk-border-color);--vk-input-border-radius: var(--vk-border-radius-base);--vk-input-bg-color: var(--vk-fill-color-blank);--vk-input-icon-color: var(--vk-text-color-placeholder);--vk-input-placeholder-color: var(--vk-text-color-placeholder);--vk-input-hover-border-color: var(--vk-border-color-hover);--vk-input-clear-hover-color: var(--vk-text-color-secondary);--vk-input-focus-border-color: var(--vk-color-primary)}.vk-input{--vk-input-height: var(--vk-component-size);position:relative;font-size:var(--vk-font-size-base);display:inline-flex;width:100%;line-height:var(--vk-input-height);box-sizing:border-box;vertical-align:middle}.vk-input.is-disabled{cursor:not-allowed}.vk-input.is-disabled .vk-input__wrapper{background-color:var(--vk-disabled-bg-color);box-shadow:0 0 0 1px var(--vk-disabled-border-color) inset}.vk-input.is-disabled .vk-input__inner{color:var(--vk-disabled-text-color);-webkit-text-fill-color:var(--vk-disabled-text-color);cursor:not-allowed}.vk-input.is-disabled .vk-textarea__inner{background-color:var(--vk-disabled-bg-color);box-shadow:0 0 0 1px var(--vk-disabled-border-color) inset;color:var(--vk-disabled-text-color);-webkit-text-fill-color:var(--vk-disabled-text-color);cursor:not-allowed}.vk-input.is-prepend>.vk-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.vk-input.is-append>.vk-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.vk-input--large{--vk-input-height: var(--vk-component-size-large);font-size:14px}.vk-input--large .vk-input__wrapper{padding:1px 15px}.vk-input--large .vk-input__wrapper .vk-input__inner{--vk-input-inner-height: calc(var(--vk-input-height, 40px) - 2px)}.vk-input--small{--vk-input-height: var(--vk-component-size-small);font-size:12px}.vk-input--small .vk-input__wrapper{padding:1px 7px}.vk-input--small .vk-input__wrapper .vk-input__inner{--vk-input-inner-height: calc(var(--vk-input-height, 24px) - 2px)}.vk-input__prefix,.vk-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--vk-input-icon-color, var(--vk-text-color-placeholder));transition:all var(--vk-transition-duration)}.vk-input__prefix>:first-child{margin-left:0!important}.vk-input__prefix>:last-child{margin-right:8px!important}.vk-input__suffix>:first-child{margin-left:8px!important}.vk-input__suffix>:last-child{margin-right:0!important}.vk-input__prepend,.vk-input__append{background-color:var(--vk-fill-color-light);color:var(--vk-color-info);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;border-radius:var(--vk-input-border-radius);padding:0 20px;white-space:nowrap}.vk-input__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:1px 0 0 0 var(--vk-input-border-color) inset,0 1px 0 0 var(--vk-input-border-color) inset,0 -1px 0 0 var(--vk-input-border-color) inset}.vk-input__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:0 1px 0 0 var(--vk-input-border-color) inset,0 -1px 0 0 var(--vk-input-border-color) inset,-1px 0 0 0 var(--vk-input-border-color) inset}.vk-input__append>.vk-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.vk-input--textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--vk-font-size-base)}.vk-textarea__wrapper{position:relative;display:block;resize:vertical;padding:5px 11px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;font-family:inherit;color:var(--vk-input-text-color, var(--vk-text-color-regular));background-color:var(--vk-input-bg-color, var(--vk-fill-color-blank));background-image:none;-webkit-appearance:none;box-shadow:0 0 0 1px var(--vk-input-border-color, var(--vk-border-color)) inset;border-radius:var(--vk-input-border-radius, var(--vk-border-radius-base));transition:var(--vk-transition-box-shadow);border:none}.vk-textarea__wrapper:focus{outline:none;box-shadow:0 0 0 1px var(--vk-input-focus-border-color) inset}.vk-textarea__wrapper::placeholder{color:var(--vk-input-placeholder-color)}.vk-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;background-color:var(--vk-input-bg-color, var(--vk-fill-color-blank));background-image:none;border-radius:var(--vk-input-border-radius, var(--vk-border-radius-base));transition:var(--vk-transition-box-shadow);box-shadow:0 0 0 1px var(--vk-input-border-color, var(--vk-border-color)) inset}.vk-input__wrapper:hover{box-shadow:0 0 0 1px var(--vk-input-hover-border-color) inset}.vk-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--vk-input-focus-border-color) inset}.vk-input__wrapper .vk-input__inner{--vk-input-inner-height: calc(var(--vk-input-height, 32px) - 2px);width:100%;flex-grow:1;-webkit-appearance:none;color:var(--vk-input-text-color, var(--vk-text-color-regular));font-size:inherit;height:var(--vk-input-inner-height);line-height:var(--vk-input-inner-height);padding:0;outline:none;border:none;background:none;box-sizing:border-box}.vk-input__wrapper .vk-input__inner::placeholder{color:var(--vk-input-placeholder-color)}.vk-input__wrapper .vk-icon{height:inherit;line-height:inherit;display:flex;justify-content:center;align-items:center;transition:all var(--vk-transition-duration);margin-left:8px}.vk-input__wrapper .vk-input__clear,.vk-input__wrapper .vk-input__password{color:var(--vk-input-icon-color);font-size:14px;cursor:pointer}.vk-input__wrapper .vk-input__clear:hover,.vk-input__wrapper .vk-input__password:hover{color:var(--vk-input-clear-hover-color)}.vk-input__inner::-ms-reveal,.vk-input__inner::-webkit-credentials-auto-fill-button,.vk-input__inner::-webkit-contacts-auto-fill-button{display:none!important}.vk-switch{--vk-switch-on-color: var(--vk-color-primary);--vk-switch-off-color: var(--vk-border-color);--vk-switch-on-border-color: var(--vk-color-primary);--vk-switch-off-border-color: var(--vk-border-color)}.vk-switch{display:inline-flex;align-items:center;font-size:14px;line-height:20px;height:32px}.vk-switch .vk-swtich__input{position:absolute;width:0;height:0;opacity:0;margin:0}.vk-switch .vk-swtich__input:focus-visible~.vk-switch__core{outline:2px solid var(--vk-switch-on-color);outline-offset:1px}.vk-switch.is-disabled{opacity:.6}.vk-switch.is-disabled .vk-switch__core{cursor:not-allowed}.vk-switch.is-checked .vk-switch__core{border-color:var(--vk-switch-on-border-color);background-color:var(--vk-switch-on-color)}.vk-switch.is-checked .vk-switch__core .vk-switch__core-action{left:calc(100% - 17px)}.vk-switch.is-checked .vk-switch__core .vk-switch__core-inner{padding:0 18px 0 4px}.vk-switch--large{font-size:14px;line-height:24px;height:40px}.vk-switch--large .vk-switch__core{min-width:50px;height:24px;border-radius:12px}.vk-switch--large .vk-switch__core .vk-switch__core-action{width:20px;height:20px}.vk-switch--large.is-checked .vk-switch__core .vk-switch__core-action{left:calc(100% - 21px);color:var(--vk-switch-on-color)}.vk-switch--small{font-size:12px;line-height:16px;height:24px}.vk-switch--small .vk-switch__core{min-width:30px;height:16px;border-radius:8px}.vk-switch--small .vk-switch__core .vk-switch__core-action{width:12px;height:12px}.vk-switch--small.is-checked .vk-switch__core .vk-switch-core-action{left:calc(100% - 13px);color:var(--vk-switch-on-color)}.vk-switch__core{display:inline-flex;align-items:center;position:relative;height:20px;min-width:40px;border:1px solid var(--vk-switch-off-border-color);outline:none;border-radius:10px;box-sizing:border-box;background:var(--vk-switch-off-color);cursor:pointer;transition:border-color var(--vk-transition-duration),background-color var(--vk-transition-duration)}.vk-switch__core .vk-switch__core-action{position:absolute;left:1px;border-radius:var(--vk-border-radius-circle);width:16px;height:16px;background-color:var(--vk-color-white);transition:all var(--vk-transition-duration)}.vk-switch__core .vk-switch__core-inner{width:100%;transition:all var(--vk-transition-duration);height:16px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:0 4px 0 18px}.vk-switch__core .vk-switch__core-inner .vk-switch__core-inner-text{font-size:12px;color:var(--vk-color-white);user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vk-select{--vk-select-item-hover-bg-color: var(--vk-fill-color-light);--vk-select-item-font-size: var(--vk-font-size-base);--vk-select-item-font-color: var(--vk-text-color-regular);--vk-select-item-selected-font-color: var(--vk-color-primary);--vk-select-item-disabled-font-color: var(--vk-text-color-placeholder);--vk-select-input-focus-border-color: var(--vk-color-primary)}.vk-select{display:inline-block;vertical-align:middle;line-height:32px}.vk-select .vk-tooltip .vk-tooltip__popper{padding:0}.vk-select .vk-input.is-focus .vk-input__wrapper{box-shadow:0 0 0 1px var(--vk-select-input-focus-border-color) inset!important}.vk-select .vk-input .header-angle{transition:transform var(--vk-transition-duration)}.vk-select .vk-input .header-angle.is-active{transform:rotate(180deg)}.vk-select .vk-input__inner{cursor:pointer}.vk-select .vk-select__nodata,.vk-select .vk-select__loading{padding:10px 0;margin:0;text-align:center;color:var(--vk-text-color-secondary);font-size:var(--vk-select-font-size)}.vk-select .vk-select__menu{list-style:none;margin:6px 0;padding:0;box-sizing:border-box}.vk-select .vk-select__menu-item{margin:0;font-size:var(--vk-select-item-font-size);padding:0 32px 0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--vk-select-item-font-color);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.vk-select .vk-select__menu-item:hover{background-color:var(--vk-select-item-hover-bg-color)}.vk-select .vk-select__menu-item.is-selected{color:var(--vk-select-item-selected-font-color);font-weight:700}.vk-select .vk-select__menu-item.is-highlighted{background-color:var(--vk-select-item-hover-bg-color)}.vk-select .vk-select__menu-item.is-disabled{color:var(--vk-select-item-disabled-font-color);cursor:not-allowed}.vk-select .vk-select__menu-item.is-disabled:hover{background-color:transparent}.vk-form{--vk-form-label-font-size: var(--vk-font-size-base);--vk-form-content-font-size: var(--vk-font-size-base)}.vk-form-item{display:flex;margin-bottom:18px}.vk-form-item .vk-form-item__label{width:150px;height:32px;line-height:32px;padding:0 12px 0 0;box-sizing:border-box;display:inline-flex;justify-content:flex-end;font-size:var(--vk-form-label-font-size);color:var(--vk-text-color-regular)}.vk-form-item .vk-form-item__content{display:flex;flex-wrap:wrap;align-items:center;flex:1;line-height:32px;font-size:var(--vk-form-content-font-size);min-width:0;position:relative}.vk-form-item .vk-form-item__error-msg{position:absolute;top:100%;left:0;padding-top:2px;color:var(--vk-color-danger);font-size:12px;line-height:1}.vk-form-item.is-error .vk-input__wrapper{box-shadow:0 0 0 1px var(--vk-color-danger) inset}.vk-form-item.is-success .vk-input__wrapper{box-shadow:0 0 0 1px var(--vk-color-success) inset}.vk-form-item.is-required>.vk-form-item__label:before{content:"*";color:var(--vk-color-danger);margin-right:4px}
@@ -0,0 +1,18 @@
1
+ import type { App } from 'vue';
2
+ import Button from './components/Button';
3
+ import Collapse, { CollapseItem } from './components/Collapse';
4
+ import Dropdown from './components/Dropdown';
5
+ import Form, { FormItem } from './components/Form';
6
+ import Icon from './components/Icon';
7
+ import Message, { createMessage, closeAll as closeMessageAll } from './components/Message';
8
+ import Input from './components/Input';
9
+ import Select from './components/Select';
10
+ import Switch from './components/Switch';
11
+ import Tooltip from './components/Tooltip';
12
+
13
+ declare const install: (app: App) => void;
14
+ export { install, Button, Collapse, CollapseItem, Dropdown, Form, FormItem, Icon, Message, Input, Select, Switch, Tooltip, createMessage, closeMessageAll };
15
+ declare const _default: {
16
+ install: (app: App<any>) => void;
17
+ };
18
+ export default _default;
Binary file
@@ -0,0 +1 @@
1
+ :root{--vk-color-white: #ffffff;--vk-color-black: #000000;--colors: ( primary: #409eff, success: #67c23a, warning: #e6a23c, danger: #f56c6c, info: #909399 );--vk-color-primary: #409eff ;--vk-color-primary-light-3: #79BBFF;--vk-color-primary-light-5: #A0CFFF;--vk-color-primary-light-7: #C6E2FF;--vk-color-primary-light-9: #ECF5FF;--vk-color-primary-light-8: #D9ECFF;--vk-color-primary-dark-2: #337ECC;--vk-color-success: #67c23a ;--vk-color-success-light-3: #95D475;--vk-color-success-light-5: #B3E19D;--vk-color-success-light-7: #D1EDC4;--vk-color-success-light-9: #F0F9EB;--vk-color-success-light-8: #E1F3D8;--vk-color-success-dark-2: #529B2E;--vk-color-warning: #e6a23c ;--vk-color-warning-light-3: #EEBE77;--vk-color-warning-light-5: #F3D19E;--vk-color-warning-light-7: #F8E3C5;--vk-color-warning-light-9: #FDF6EC;--vk-color-warning-light-8: #FAECD8;--vk-color-warning-dark-2: #B88230;--vk-color-danger: #f56c6c ;--vk-color-danger-light-3: #F89898;--vk-color-danger-light-5: #FAB6B6;--vk-color-danger-light-7: #FCD3D3;--vk-color-danger-light-9: #FEF0F0;--vk-color-danger-light-8: #FDE2E2;--vk-color-danger-dark-2: #C45656;--vk-color-info: #909399 ;--vk-color-info-light-3: #B1B3B8;--vk-color-info-light-5: #C8C9CC;--vk-color-info-light-7: #DEDFE0;--vk-color-info-light-9: #F4F4F5;--vk-color-info-light-8: #E9E9EB;--vk-color-info-dark-2: #73767A;--vk-bg-color: #ffffff;--vk-bg-color-page: #f2f3f5;--vk-bg-color-overlay: #ffffff;--vk-text-color-primary: #303133;--vk-text-color-regular: #606266;--vk-text-color-secondary: #909399;--vk-text-color-placeholder: #a8abb2;--vk-text-color-disabled: #c0c4cc;--vk-border-color: #dcdfe6;--vk-border-color-light: #e4e7ed;--vk-border-color-lighter: #ebeef5;--vk-border-color-extra-light: #f2f6fc;--vk-border-color-dark: #d4d7de;--vk-border-color-darker: #cdd0d6;--vk-fill-color: #f0f2f5;--vk-fill-color-light: #f5f7fa;--vk-fill-color-lighter: #fafafa;--vk-fill-color-extra-light: #fafcff;--vk-fill-color-dark: #ebedf0;--vk-fill-color-darker: #e6e8eb;--vk-fill-color-blank: #ffffff;--vk-border-width: 1px;--vk-border-style: solid;--vk-border-color-hover: var(--vk-text-color-disabled);--vk-border: var(--vk-border-width) var(--vk-border-style) var(--vk-border-color);--vk-border-radius-base: 4px;--vk-border-radius-small: 2px;--vk-border-radius-round: 20px;--vk-border-radius-circle: 100%;--vk-font-size-extra-large: 20px;--vk-font-size-large: 18px;--vk-font-size-medium: 16px;--vk-font-size-base: 14px;--vk-font-size-small: 13px;--vk-font-size-extra-small: 12px;--vk-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1", Arial, sans-serif;--vk-font-weight-primary: 500;--vk-disabled-bg-color: var(--vk-fill-color-light);--vk-disabled-text-color: var(--vk-text-color-placeholder);--vk-disabled-border-color: var(--vk-border-color-light);--vk-transition-duration: .3s;--vk-transition-duration-fast: .2s}body{font-family:var(--vk-font-family);font-weight:400;font-size:var(--vk-font-size-base);color:var(--vk-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--vk-color-primary);text-decoration:none}a:hover,a:focus{color:var(--vk-color-primary-light-3)}a:active{color:var(--vk-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--vk-text-color-regular);font-weight:inherit}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}h1{font-size:calc(var(--vk-font-size-base) + 6px)}h2{font-size:calc(var(--vk-font-size-base) + 4px)}h3{font-size:calc(var(--vk-font-size-base) + 2px)}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}p:first-child{margin-top:0}p:last-child{margin-bottom:0}sup,sub{font-size:calc(var(--vk-font-size-base) - 1px)}small{font-size:calc(var(--vk-font-size-base) - 2px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid var(--vk-border-color-lighter)}.vk-button{--vk-button-font-weight: var(--vk-font-weight-primary);--vk-button-border-color: var(--vk-border-color);--vk-button-bg-color: var(--vk-fill-color-blank);--vk-button-text-color: var(--vk-text-color-regular);--vk-button-disabled-text-color: var(--vk-disabled-text-color);--vk-button-disabled-bg-color: var(--vk-fill-color-blank);--vk-button-disabled-border-color: var(--vk-border-color-light);--vk-button-hover-text-color: var(--vk-color-primary);--vk-button-hover-bg-color: var(--vk-color-primary-light-9);--vk-button-hover-border-color: var(--vk-color-primary-light-7);--vk-button-active-text-color: var(--vk-button-hover-text-color);--vk-button-active-border-color: var(--vk-color-primary);--vk-button-active-bg-color: var(--vk-button-hover-bg-color);--vk-button-outline-color: var(--vk-color-primary-light-5);--vk-button-active-color: var(--vk-text-color-primary)}.vk-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--vk-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--vk-button-font-weight);user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--vk-button-bg-color);border:var(--vk-border);border-color:var(--vk-button-border-color);padding:8px 15px;font-size:var(--vk-font-size-base);border-radius:var(--vk-border-radius-base)}.vk-button+.vk-button{margin-left:12px}.vk-button:hover,.vk-button:focus{color:var(--vk-button-hover-text-color);border-color:var(--vk-button-hover-border-color);background-color:var(--vk-button-hover-bg-color);outline:none}.vk-button:active{color:var(--vk-button-active-text-color);border-color:var(--vk-button-active-border-color);background-color:var(--vk-button-active-bg-color);outline:none}.vk-button.is-plain{--vk-button-hover-text-color: var(--vk-color-primary);--vk-button-hover-bg-color: var(--vk-fill-color-blank);--vk-button-hover-border-color: var(--vk-color-primary)}.vk-button.is-round{border-radius:var(--vk-border-radius-round)}.vk-button.is-circle{border-radius:50%;padding:8px}.vk-button.is-disabled,.vk-button.is-disabled:hover,.vk-button.is-disabled:focus,.vk-button[disabled],.vk-button[disabled]:hover,.vk-button[disabled]:focus{color:var(--vk-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--vk-button-disabled-bg-color);border-color:var(--vk-button-disabled-border-color)}.vk-button [class*=vk-icon]+span{margin-left:6px}.vk-button--primary{--vk-button-text-color: var(--vk-color-white);--vk-button-bg-color: var(--vk-color-primary);--vk-button-border-color: var(--vk-color-primary);--vk-button-outline-color: var(--vk-color-primary-light-5);--vk-button-active-color: var(--vk-color-primary-dark-2);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-primary-light-3);--vk-button-hover-border-color: var(--vk-color-primary-light-3);--vk-button-active-bg-color: var(--vk-color-primary-dark-2);--vk-button-active-border-color: var(--vk-color-primary-dark-2);--vk-button-disabled-text-color: var(--vk-color-white);--vk-button-disabled-bg-color: var(--vk-color-primary-light-5);--vk-button-disabled-border-color: var(--vk-color-primary-light-5)}.vk-button--primary.is-plain{--vk-button-text-color: var(--vk-color-primary);--vk-button-bg-color: var(--vk-color-primary-light-9);--vk-button-border-color: var(--vk-color-primary-light-5);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-primary);--vk-button-hover-border-color: var(--vk-color-primary);--vk-button-active-text-color: var(--vk-color-white)}.vk-button--success{--vk-button-text-color: var(--vk-color-white);--vk-button-bg-color: var(--vk-color-success);--vk-button-border-color: var(--vk-color-success);--vk-button-outline-color: var(--vk-color-success-light-5);--vk-button-active-color: var(--vk-color-success-dark-2);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-success-light-3);--vk-button-hover-border-color: var(--vk-color-success-light-3);--vk-button-active-bg-color: var(--vk-color-success-dark-2);--vk-button-active-border-color: var(--vk-color-success-dark-2);--vk-button-disabled-text-color: var(--vk-color-white);--vk-button-disabled-bg-color: var(--vk-color-success-light-5);--vk-button-disabled-border-color: var(--vk-color-success-light-5)}.vk-button--success.is-plain{--vk-button-text-color: var(--vk-color-success);--vk-button-bg-color: var(--vk-color-success-light-9);--vk-button-border-color: var(--vk-color-success-light-5);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-success);--vk-button-hover-border-color: var(--vk-color-success);--vk-button-active-text-color: var(--vk-color-white)}.vk-button--warning{--vk-button-text-color: var(--vk-color-white);--vk-button-bg-color: var(--vk-color-warning);--vk-button-border-color: var(--vk-color-warning);--vk-button-outline-color: var(--vk-color-warning-light-5);--vk-button-active-color: var(--vk-color-warning-dark-2);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-warning-light-3);--vk-button-hover-border-color: var(--vk-color-warning-light-3);--vk-button-active-bg-color: var(--vk-color-warning-dark-2);--vk-button-active-border-color: var(--vk-color-warning-dark-2);--vk-button-disabled-text-color: var(--vk-color-white);--vk-button-disabled-bg-color: var(--vk-color-warning-light-5);--vk-button-disabled-border-color: var(--vk-color-warning-light-5)}.vk-button--warning.is-plain{--vk-button-text-color: var(--vk-color-warning);--vk-button-bg-color: var(--vk-color-warning-light-9);--vk-button-border-color: var(--vk-color-warning-light-5);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-warning);--vk-button-hover-border-color: var(--vk-color-warning);--vk-button-active-text-color: var(--vk-color-white)}.vk-button--info{--vk-button-text-color: var(--vk-color-white);--vk-button-bg-color: var(--vk-color-info);--vk-button-border-color: var(--vk-color-info);--vk-button-outline-color: var(--vk-color-info-light-5);--vk-button-active-color: var(--vk-color-info-dark-2);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-info-light-3);--vk-button-hover-border-color: var(--vk-color-info-light-3);--vk-button-active-bg-color: var(--vk-color-info-dark-2);--vk-button-active-border-color: var(--vk-color-info-dark-2);--vk-button-disabled-text-color: var(--vk-color-white);--vk-button-disabled-bg-color: var(--vk-color-info-light-5);--vk-button-disabled-border-color: var(--vk-color-info-light-5)}.vk-button--info.is-plain{--vk-button-text-color: var(--vk-color-info);--vk-button-bg-color: var(--vk-color-info-light-9);--vk-button-border-color: var(--vk-color-info-light-5);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-info);--vk-button-hover-border-color: var(--vk-color-info);--vk-button-active-text-color: var(--vk-color-white)}.vk-button--danger{--vk-button-text-color: var(--vk-color-white);--vk-button-bg-color: var(--vk-color-danger);--vk-button-border-color: var(--vk-color-danger);--vk-button-outline-color: var(--vk-color-danger-light-5);--vk-button-active-color: var(--vk-color-danger-dark-2);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-danger-light-3);--vk-button-hover-border-color: var(--vk-color-danger-light-3);--vk-button-active-bg-color: var(--vk-color-danger-dark-2);--vk-button-active-border-color: var(--vk-color-danger-dark-2);--vk-button-disabled-text-color: var(--vk-color-white);--vk-button-disabled-bg-color: var(--vk-color-danger-light-5);--vk-button-disabled-border-color: var(--vk-color-danger-light-5)}.vk-button--danger.is-plain{--vk-button-text-color: var(--vk-color-danger);--vk-button-bg-color: var(--vk-color-danger-light-9);--vk-button-border-color: var(--vk-color-danger-light-5);--vk-button-hover-text-color: var(--vk-color-white);--vk-button-hover-bg-color: var(--vk-color-danger);--vk-button-hover-border-color: var(--vk-color-danger);--vk-button-active-text-color: var(--vk-color-white)}.vk-button--large{--vk-button-size: 40px;height:var(--vk-button-size);padding:12px 19px;font-size:var(--vk-font-size-base);border-radius:var(--vk-border-radius-base)}.vk-button--small{--vk-button-size: 24px;height:var(--vk-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--vk-border-radius-base) - 1px)}.vk-collapse{--vk-collapse-border-color: var(--vk-border-color-light);--vk-collapse-header-height: 48px;--vk-collapse-header-bg-color: var(--vk-fill-color-blank);--vk-collapse-header-text-color: var(--vk-text-color-primary);--vk-collapse-header-font-size: 13px;--vk-collapse-content-bg-color: var(--vk-fill-color-blank);--vk-collapse-content-font-size: 13px;--vk-collapse-content-text-color: var(--vk-text-color-primary);--vk-collapse-disabled-text-color: var(--vk-disabled-text-color);--vk-collapse-disabled-border-color: var(--vk-border-color-lighter);border-top:1px solid var(--vk-collapse-border-color);border-bottom:1px solid var(--vk-collapse-border-color)}.vk-collapse-item__header{display:flex;align-items:center;justify-content:space-between;height:var(--vk-collapse-header-height);line-height:var(--vk-collapse-header-height);background-color:var(--vk-collapse-header-bg-color);color:var(--vk-collapse-header-text-color);cursor:pointer;font-size:var(--vk-collapse-header-font-size);font-weight:500;transition:border-bottom-color var(--vk-transition-duration);outline:none;border-bottom:1px solid var(--vk-collapse-border-color)}.vk-collapse-item__header.is-disabled{color:var(--vk-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.vk-collapse-item__header.is-active{border-bottom-color:transparent}.vk-collapse-item__header.is-active .header-angle{transform:rotate(90deg)}.vk-collapse-item__header .header-angle{transition:transform var(--vk-transition-duration)}.vk-collapse-item__content{will-change:height;background-color:var(--vk-collapse-content-bg-color);overflow:hidden;box-sizing:border-box;font-size:var(--vk-collapse-content-font-size);color:var(--vk-collapse-content-text-color);border-bottom:1px solid var(--vk-collapse-border-color);padding-bottom:25px}.slide-enter-active,.slide-leave-active{transition:height var(--vk-transition-duration)}.vk-icon{--vk-icon-color: inherit;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--vk-icon-color);font-size:inherit}.vk-icon--primary{--vk-icon-color: var(--vk-color-primary)}.vk-icon--info{--vk-icon-color: var(--vk-color-info)}.vk-icon--success{--vk-icon-color: var(--vk-color-success)}.vk-icon--warning{--vk-icon-color: var(--vk-color-warning)}.vk-icon--danger{--vk-icon-color: var(--vk-color-danger)}.vk-tooltip{--vk-popover-bg-color: var(--vk-bg-color-overlay);--vk-popover-font-size: var(--vk-font-size-base);--vk-popover-border-color: var(--vk-border-color);--vk-popover-padding: 12px;--vk-popover-border-radius: 4px;display:inline-block}.vk-tooltip .vk-tooltip__popper{background:var(--vk-popover-bg-color);border-radius:var(--vk-popover-border-radius);border:1px solid var(--vk-popover-border-color);padding:var(--vk-popover-padding);color:var(--vk-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--vk-popover-font-size);box-shadow:var(--vk-box-shadow-light);word-break:break-all;box-sizing:border-box;z-index:1000}.vk-tooltip .vk-tooltip__popper #arrow,.vk-tooltip .vk-tooltip__popper #arrow:before{position:absolute;width:8px;height:8px;box-sizing:border-box;background:var(--vk-popover-bg-color)}.vk-tooltip .vk-tooltip__popper #arrow{visibility:hidden}.vk-tooltip .vk-tooltip__popper #arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.vk-tooltip .vk-tooltip__popper[data-popper-placement^=top]>#arrow{bottom:-5px}.vk-tooltip .vk-tooltip__popper[data-popper-placement^=bottom]>#arrow{top:-5px}.vk-tooltip .vk-tooltip__popper[data-popper-placement^=left]>#arrow{right:-5px}.vk-tooltip .vk-tooltip__popper[data-popper-placement^=right]>#arrow{left:-5px}.vk-tooltip .vk-tooltip__popper[data-popper-placement^=top]>#arrow:before{border-right:1px solid var(--vk-popover-border-color);border-bottom:1px solid var(--vk-popover-border-color)}.vk-tooltip .vk-tooltip__popper[data-popper-placement^=bottom]>#arrow:before{border-left:1px solid var(--vk-popover-border-color);border-top:1px solid var(--vk-popover-border-color)}.vk-tooltip .vk-tooltip__popper[data-popper-placement^=left]>#arrow:before{border-right:1px solid var(--vk-popover-border-color);border-top:1px solid var(--vk-popover-border-color)}.vk-tooltip .vk-tooltip__popper[data-popper-placement^=right]>#arrow:before{border-left:1px solid var(--vk-popover-border-color);border-bottom:1px solid var(--vk-popover-border-color)}.vk-tooltip .fade-enter-active,.vk-tooltip .fade-leave-active{transition:opacity var(--vk-transition-duration)}.vk-tooltip .fade-enter-from,.vk-tooltip .fade-leave-to{opacity:0}.vk-dropdown .vk-dropdown__menu{--vk-dropdown-menuItem-hover-fill: var(--vk-color-primary-light-9);--vk-dropdown-menuItem-hover-color: var(--vk-color-primary);--vk-dropdown-menuItem-disabled-color: var(--vk-border-color-lighter);--vk-dropdown-menuItem-divided-color: var(--vk-border-color-lighter)}.vk-dropdown{display:inline-block}.vk-dropdown .vk-tooltip{--vk-popover-padding: 5px 0}.vk-dropdown__menu{list-style-type:none;margin:0;padding:0}.vk-dropdown__menu .vk-dropdown__item{display:flex;align-items:center;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--vk-font-size-base);color:var(--vk-text-color-regular);cursor:pointer;outline:none}.vk-dropdown__menu .vk-dropdown__item:hover{background-color:var(--vk-dropdown-menuItem-hover-fill);color:var(--vk-dropdown-menuItem-hover-color)}.vk-dropdown__menu .vk-dropdown__item.is-disabled{color:var(--vk-dropdown-menuItem-disabled-color);cursor:not-allowed;background-image:none}.vk-dropdown__menu .divided-placeholder{margin:6px 0;border-top:1px solid var(--vk-dropdown-menuItem-divided-color)}.vk-message{--vk-message-bg-color: var(--vk-color-info-light-9);--vk-message-border-color: var(--vk-border-color-lighter);--vk-message-padding: 15px 19px;--vk-message-close-size: 16px;--vk-message-close-icon-color: var(--vk-text-color-placeholder);--vk-message-close-hover-color: var(--vk-text-color-secondary)}.vk-message{width:fit-content;max-width:calc(100% - 32px);box-sizing:border-box;border-radius:var(--vk-border-radius-base);border-width:var(--vk-border-width);border-style:var(--vk-border-style);border-color:var(--vk-message-border-color);position:fixed;left:50%;top:20px;transform:translate(-50%);background-color:var(--vk-message-bg-color);padding:var(--vk-message-padding);display:flex;align-items:center;transition:top var(--vk-transition-duration),opacity var(--vk-transition-duration),transform var(--vk-transition-duration)}.vk-message .vk-message__content{color:var(--vk-message-text-color);overflow-wrap:anywhere}.vk-message.is-close .vk-message__content{padding-right:30px}.vk-message .vk-message__close{display:flex;align-items:center}.vk-message .vk-message__close svg{cursor:pointer}.vk-message--info{--vk-message-bg-color: var(--vk-color-info-light-9);--vk-message-border-color: var(--vk-color-info-light-8);--vk-message-text-color: var(--vk-color-info)}.vk-message--info .vk-message__close{--vk-icon-color: var(--vk-color-info)}.vk-message--success{--vk-message-bg-color: var(--vk-color-success-light-9);--vk-message-border-color: var(--vk-color-success-light-8);--vk-message-text-color: var(--vk-color-success)}.vk-message--success .vk-message__close{--vk-icon-color: var(--vk-color-success)}.vk-message--warning{--vk-message-bg-color: var(--vk-color-warning-light-9);--vk-message-border-color: var(--vk-color-warning-light-8);--vk-message-text-color: var(--vk-color-warning)}.vk-message--warning .vk-message__close{--vk-icon-color: var(--vk-color-warning)}.vk-message--danger{--vk-message-bg-color: var(--vk-color-danger-light-9);--vk-message-border-color: var(--vk-color-danger-light-8);--vk-message-text-color: var(--vk-color-danger)}.vk-message--danger .vk-message__close{--vk-icon-color: var(--vk-color-danger)}.vk-message.fade-up-enter-from,.vk-message.fade-up-leave-to{opacity:0;transform:translate(-50%,-100%)}.vk-input{--vk-input-text-color: var(--vk-text-color-regular);--vk-input-border: var(--vk-border);--vk-input-hover-border: var(--vk-border-color-hover);--vk-input-focus-border: var(--vk-color-primary);--vk-input-transparent-border: 0 0 0 1px transparent inset;--vk-input-border-color: var(--vk-border-color);--vk-input-border-radius: var(--vk-border-radius-base);--vk-input-bg-color: var(--vk-fill-color-blank);--vk-input-icon-color: var(--vk-text-color-placeholder);--vk-input-placeholder-color: var(--vk-text-color-placeholder);--vk-input-hover-border-color: var(--vk-border-color-hover);--vk-input-clear-hover-color: var(--vk-text-color-secondary);--vk-input-focus-border-color: var(--vk-color-primary)}.vk-input{--vk-input-height: var(--vk-component-size);position:relative;font-size:var(--vk-font-size-base);display:inline-flex;width:100%;line-height:var(--vk-input-height);box-sizing:border-box;vertical-align:middle}.vk-input.is-disabled{cursor:not-allowed}.vk-input.is-disabled .vk-input__wrapper{background-color:var(--vk-disabled-bg-color);box-shadow:0 0 0 1px var(--vk-disabled-border-color) inset}.vk-input.is-disabled .vk-input__inner{color:var(--vk-disabled-text-color);-webkit-text-fill-color:var(--vk-disabled-text-color);cursor:not-allowed}.vk-input.is-disabled .vk-textarea__inner{background-color:var(--vk-disabled-bg-color);box-shadow:0 0 0 1px var(--vk-disabled-border-color) inset;color:var(--vk-disabled-text-color);-webkit-text-fill-color:var(--vk-disabled-text-color);cursor:not-allowed}.vk-input.is-prepend>.vk-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.vk-input.is-append>.vk-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.vk-input--large{--vk-input-height: var(--vk-component-size-large);font-size:14px}.vk-input--large .vk-input__wrapper{padding:1px 15px}.vk-input--large .vk-input__wrapper .vk-input__inner{--vk-input-inner-height: calc(var(--vk-input-height, 40px) - 2px)}.vk-input--small{--vk-input-height: var(--vk-component-size-small);font-size:12px}.vk-input--small .vk-input__wrapper{padding:1px 7px}.vk-input--small .vk-input__wrapper .vk-input__inner{--vk-input-inner-height: calc(var(--vk-input-height, 24px) - 2px)}.vk-input__prefix,.vk-input__suffix{display:inline-flex;white-space:nowrap;flex-shrink:0;flex-wrap:nowrap;height:100%;text-align:center;color:var(--vk-input-icon-color, var(--vk-text-color-placeholder));transition:all var(--vk-transition-duration)}.vk-input__prefix>:first-child{margin-left:0!important}.vk-input__prefix>:last-child{margin-right:8px!important}.vk-input__suffix>:first-child{margin-left:8px!important}.vk-input__suffix>:last-child{margin-right:0!important}.vk-input__prepend,.vk-input__append{background-color:var(--vk-fill-color-light);color:var(--vk-color-info);position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:100%;border-radius:var(--vk-input-border-radius);padding:0 20px;white-space:nowrap}.vk-input__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:1px 0 0 0 var(--vk-input-border-color) inset,0 1px 0 0 var(--vk-input-border-color) inset,0 -1px 0 0 var(--vk-input-border-color) inset}.vk-input__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:0 1px 0 0 var(--vk-input-border-color) inset,0 -1px 0 0 var(--vk-input-border-color) inset,-1px 0 0 0 var(--vk-input-border-color) inset}.vk-input__append>.vk-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.vk-input--textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--vk-font-size-base)}.vk-textarea__wrapper{position:relative;display:block;resize:vertical;padding:5px 11px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;font-family:inherit;color:var(--vk-input-text-color, var(--vk-text-color-regular));background-color:var(--vk-input-bg-color, var(--vk-fill-color-blank));background-image:none;-webkit-appearance:none;box-shadow:0 0 0 1px var(--vk-input-border-color, var(--vk-border-color)) inset;border-radius:var(--vk-input-border-radius, var(--vk-border-radius-base));transition:var(--vk-transition-box-shadow);border:none}.vk-textarea__wrapper:focus{outline:none;box-shadow:0 0 0 1px var(--vk-input-focus-border-color) inset}.vk-textarea__wrapper::placeholder{color:var(--vk-input-placeholder-color)}.vk-input__wrapper{display:inline-flex;flex-grow:1;align-items:center;justify-content:center;padding:1px 11px;background-color:var(--vk-input-bg-color, var(--vk-fill-color-blank));background-image:none;border-radius:var(--vk-input-border-radius, var(--vk-border-radius-base));transition:var(--vk-transition-box-shadow);box-shadow:0 0 0 1px var(--vk-input-border-color, var(--vk-border-color)) inset}.vk-input__wrapper:hover{box-shadow:0 0 0 1px var(--vk-input-hover-border-color) inset}.vk-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--vk-input-focus-border-color) inset}.vk-input__wrapper .vk-input__inner{--vk-input-inner-height: calc(var(--vk-input-height, 32px) - 2px);width:100%;flex-grow:1;-webkit-appearance:none;color:var(--vk-input-text-color, var(--vk-text-color-regular));font-size:inherit;height:var(--vk-input-inner-height);line-height:var(--vk-input-inner-height);padding:0;outline:none;border:none;background:none;box-sizing:border-box}.vk-input__wrapper .vk-input__inner::placeholder{color:var(--vk-input-placeholder-color)}.vk-input__wrapper .vk-icon{height:inherit;line-height:inherit;display:flex;justify-content:center;align-items:center;transition:all var(--vk-transition-duration);margin-left:8px}.vk-input__wrapper .vk-input__clear,.vk-input__wrapper .vk-input__password{color:var(--vk-input-icon-color);font-size:14px;cursor:pointer}.vk-input__wrapper .vk-input__clear:hover,.vk-input__wrapper .vk-input__password:hover{color:var(--vk-input-clear-hover-color)}.vk-input__inner::-ms-reveal,.vk-input__inner::-webkit-credentials-auto-fill-button,.vk-input__inner::-webkit-contacts-auto-fill-button{display:none!important}.vk-switch{--vk-switch-on-color: var(--vk-color-primary);--vk-switch-off-color: var(--vk-border-color);--vk-switch-on-border-color: var(--vk-color-primary);--vk-switch-off-border-color: var(--vk-border-color)}.vk-switch{display:inline-flex;align-items:center;font-size:14px;line-height:20px;height:32px}.vk-switch .vk-swtich__input{position:absolute;width:0;height:0;opacity:0;margin:0}.vk-switch .vk-swtich__input:focus-visible~.vk-switch__core{outline:2px solid var(--vk-switch-on-color);outline-offset:1px}.vk-switch.is-disabled{opacity:.6}.vk-switch.is-disabled .vk-switch__core{cursor:not-allowed}.vk-switch.is-checked .vk-switch__core{border-color:var(--vk-switch-on-border-color);background-color:var(--vk-switch-on-color)}.vk-switch.is-checked .vk-switch__core .vk-switch__core-action{left:calc(100% - 17px)}.vk-switch.is-checked .vk-switch__core .vk-switch__core-inner{padding:0 18px 0 4px}.vk-switch--large{font-size:14px;line-height:24px;height:40px}.vk-switch--large .vk-switch__core{min-width:50px;height:24px;border-radius:12px}.vk-switch--large .vk-switch__core .vk-switch__core-action{width:20px;height:20px}.vk-switch--large.is-checked .vk-switch__core .vk-switch__core-action{left:calc(100% - 21px);color:var(--vk-switch-on-color)}.vk-switch--small{font-size:12px;line-height:16px;height:24px}.vk-switch--small .vk-switch__core{min-width:30px;height:16px;border-radius:8px}.vk-switch--small .vk-switch__core .vk-switch__core-action{width:12px;height:12px}.vk-switch--small.is-checked .vk-switch__core .vk-switch-core-action{left:calc(100% - 13px);color:var(--vk-switch-on-color)}.vk-switch__core{display:inline-flex;align-items:center;position:relative;height:20px;min-width:40px;border:1px solid var(--vk-switch-off-border-color);outline:none;border-radius:10px;box-sizing:border-box;background:var(--vk-switch-off-color);cursor:pointer;transition:border-color var(--vk-transition-duration),background-color var(--vk-transition-duration)}.vk-switch__core .vk-switch__core-action{position:absolute;left:1px;border-radius:var(--vk-border-radius-circle);width:16px;height:16px;background-color:var(--vk-color-white);transition:all var(--vk-transition-duration)}.vk-switch__core .vk-switch__core-inner{width:100%;transition:all var(--vk-transition-duration);height:16px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:0 4px 0 18px}.vk-switch__core .vk-switch__core-inner .vk-switch__core-inner-text{font-size:12px;color:var(--vk-color-white);user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vk-select{--vk-select-item-hover-bg-color: var(--vk-fill-color-light);--vk-select-item-font-size: var(--vk-font-size-base);--vk-select-item-font-color: var(--vk-text-color-regular);--vk-select-item-selected-font-color: var(--vk-color-primary);--vk-select-item-disabled-font-color: var(--vk-text-color-placeholder);--vk-select-input-focus-border-color: var(--vk-color-primary)}.vk-select{display:inline-block;vertical-align:middle;line-height:32px}.vk-select .vk-tooltip .vk-tooltip__popper{padding:0}.vk-select .vk-input.is-focus .vk-input__wrapper{box-shadow:0 0 0 1px var(--vk-select-input-focus-border-color) inset!important}.vk-select .vk-input .header-angle{transition:transform var(--vk-transition-duration)}.vk-select .vk-input .header-angle.is-active{transform:rotate(180deg)}.vk-select .vk-input__inner{cursor:pointer}.vk-select .vk-select__nodata,.vk-select .vk-select__loading{padding:10px 0;margin:0;text-align:center;color:var(--vk-text-color-secondary);font-size:var(--vk-select-font-size)}.vk-select .vk-select__menu{list-style:none;margin:6px 0;padding:0;box-sizing:border-box}.vk-select .vk-select__menu-item{margin:0;font-size:var(--vk-select-item-font-size);padding:0 32px 0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--vk-select-item-font-color);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.vk-select .vk-select__menu-item:hover{background-color:var(--vk-select-item-hover-bg-color)}.vk-select .vk-select__menu-item.is-selected{color:var(--vk-select-item-selected-font-color);font-weight:700}.vk-select .vk-select__menu-item.is-highlighted{background-color:var(--vk-select-item-hover-bg-color)}.vk-select .vk-select__menu-item.is-disabled{color:var(--vk-select-item-disabled-font-color);cursor:not-allowed}.vk-select .vk-select__menu-item.is-disabled:hover{background-color:transparent}.vk-form{--vk-form-label-font-size: var(--vk-font-size-base);--vk-form-content-font-size: var(--vk-font-size-base)}.vk-form-item{display:flex;margin-bottom:18px}.vk-form-item .vk-form-item__label{width:150px;height:32px;line-height:32px;padding:0 12px 0 0;box-sizing:border-box;display:inline-flex;justify-content:flex-end;font-size:var(--vk-form-label-font-size);color:var(--vk-text-color-regular)}.vk-form-item .vk-form-item__content{display:flex;flex-wrap:wrap;align-items:center;flex:1;line-height:32px;font-size:var(--vk-form-content-font-size);min-width:0;position:relative}.vk-form-item .vk-form-item__error-msg{position:absolute;top:100%;left:0;padding-top:2px;color:var(--vk-color-danger);font-size:12px;line-height:1}.vk-form-item.is-error .vk-input__wrapper{box-shadow:0 0 0 1px var(--vk-color-danger) inset}.vk-form-item.is-success .vk-input__wrapper{box-shadow:0 0 0 1px var(--vk-color-success) inset}.vk-form-item.is-required>.vk-form-item__label:before{content:"*";color:var(--vk-color-danger);margin-right:4px}