@havue/components 1.2.0 → 1.2.1

package/dist/style.css

@@ -1 +1 @@
-.hv-color-picker__color-form{width:100%;overflow:hidden}.hv-color-picker__color-form .mb-12{margin-bottom:12px}.hv-color-picker__color-form .el-input{--el-input-border-color: #30343b}.hv-color-picker__color-form .el-input .el-input__wrapper{padding-right:10px;padding-left:10px;background-color:#101114;border-radius:2px}.hv-color-picker__color-form .el-input .el-input__wrapper .el-input__inner{text-align:left}.hv-color-picker__color-form .hv-color-picker__form-group{display:flex;align-items:center}.hv-color-picker__color-form .hv-color-picker__form-group .hv-color-picker__form-label{width:72px}.hv-color-picker__color-form .hv-color-picker__form-group .el-input{flex:1}.hv-color-picker__preset .hv-color-picker__preset-title{margin-bottom:4px;font-size:12px;color:#fff}.hv-color-picker__preset .hv-color-picker__preset-list{display:flex;flex-wrap:wrap;justify-content:space-between}.hv-color-picker__preset .hv-color-picker__preset-list .hv-color-picker__preset-list-item{width:16px;height:16px;margin-right:calc((100% - 160px) / 9);margin-bottom:4px;border-radius:50%}.hv-color-picker__preset .hv-color-picker__preset-list .hv-color-picker__preset-list-item:nth-child(10n){margin-right:0}.hv-color-picker{box-sizing:border-box;width:264px;padding:12px;font-size:12px;color:#fff;background-color:#212326;border:1px solid #353d46;border-radius:4px;box-shadow:0 12px 24px #00000080}.hv-color-picker .hv-color-picker__title{margin-bottom:12px;font-weight:700}.hv-color-picker .hv-color-picker__area-outer{width:auto;border:5px solid #000;border-radius:3px}.hv-color-picker .hv-color-picker__area-outer .hv-color-picker__area{position:relative;width:auto;height:168px;overflow:hidden;background-color:#000}.hv-color-picker .hv-color-picker__area-outer .hv-color-picker__area.is-disabled{cursor:not-allowed}.hv-color-picker .hv-color-picker__area-outer .hv-color-picker__area canvas{width:100%;height:100%}.hv-color-picker .hv-color-picker__area-outer .hv-color-picker__area .hv-color-picker__circle{position:absolute;box-sizing:border-box;width:18px;height:18px;border:3px solid #dcdcdc;border-radius:50%;box-shadow:0 2px 4px -1px #0000001f,0 4px 5px #00000014,0 1px 10px #0000000d;transform:translate(-50%,-50%)}.hv-color-picker .hv-color-picker__slider{position:relative;display:flex;align-items:center;justify-content:space-between}.hv-color-picker .hv-color-picker__slider .hv-color-picker__origin-color{width:18px;height:18px;margin-left:12px;border-radius:2px}.hv-color-picker .el-slider{box-sizing:border-box}.hv-color-picker .el-slider .el-slider__runway{width:210px;height:8px;background:var(--el-slider-runway-bg-color)}.hv-color-picker .el-slider .el-slider__runway .el-slider__bar{background-color:transparent}.hv-color-picker .el-slider .el-slider__runway .el-slider__button-wrapper .el-slider__button{box-sizing:border-box;width:18px;height:18px;background-color:var(--el-slider-main-bg-color);border-color:#fff;border-width:3px}.hv-color-picker__color-area-outer[data-v-d4f5b081]{position:relative;width:216px;height:216px}.hv-color-picker__color-area-outer .hv-color-picker__color-area[data-v-d4f5b081]{width:100%;height:100%}.hv-color-picker__color-area-outer .hv-color-picker__color-area[data-v-d4f5b081]:before{position:absolute;right:0;left:0;width:100%;height:100%;pointer-events:none;content:"";background:linear-gradient(to right,#fff 1px,transparent 215px)}.hv-color-picker__color-area-outer .hv-color-picker__color-area[data-v-d4f5b081]:after{position:absolute;right:0;left:0;width:100%;height:100%;pointer-events:none;content:"";background:linear-gradient(to bottom,transparent 1px,#000 215px)}.hv-color-picker__color-area-outer .hv-color-picker__color-area .hv-color-picker__circle[data-v-d4f5b081]{position:absolute;z-index:1;box-sizing:border-box;width:12px;height:12px;pointer-events:none;border:2px solid #fff;border-radius:100%;box-shadow:0 0 0 1px #0003;transform:translate(-50%,50%)}.el-select__popper.el-popper.hv-color-picker-popper{--el-bg-color-overlay: #131519;--el-border-color: #3c4452;--el-fill-color-light: #0977e5;--el-border-color-light: #565d6b}.el-select__popper.el-popper.hv-color-picker-popper .el-select-dropdown__item{color:#a8b0c1}.hv-color_picker__form[data-v-855a2e17]{display:flex;gap:6px;margin-top:6px;--el-fill-color-blank: #131519;--el-border-color: #3c4452}.hv-color_picker__form .hv-color-picker__form-type[data-v-855a2e17] .el-select{--el-select-width: 60px}.hv-color_picker__form .hv-color-picker__form-type[data-v-855a2e17] .el-select .el-select__wrapper{padding:6px}.hv-color_picker__form .hv-color-picker__form-type[data-v-855a2e17] .el-select .el-select__wrapper .el-select__placeholder{width:fit-content;text-overflow:inherit;color:#c2c6cc}.hv-color_picker__form .hv-color-picker__form-body[data-v-855a2e17]{display:flex}.hv-color_picker__form .hv-color-picker__form-body[data-v-855a2e17] .el-input-number{--el-text-color-regular: #c2c6cc;flex:1;width:23%}.hv-color_picker__form .hv-color-picker__form-body[data-v-855a2e17] .el-input-number:last-child{width:31%}.hv-color_picker__form .hv-color-picker__form-body[data-v-855a2e17] .el-input-number .el-input__wrapper{padding:0 4px}.hv-color_picker__form .hv-color-picker__form-body[data-v-855a2e17] .el-input-number .el-input__wrapper .el-input__suffix .el-input__suffix-inner span{margin-left:0}.hv-color-picker__preset .hv-color-picker__preset-title[data-v-c15cc053]{margin-bottom:4px;font-size:12px;color:#cad1e0}.hv-color-picker__preset .hv-color-picker__preset-list[data-v-c15cc053]{display:flex;flex-wrap:wrap;justify-content:space-between}.hv-color-picker__preset .hv-color-picker__preset-list .hv-color-picker__preset-list-item[data-v-c15cc053]{width:18px;height:18px;margin-right:calc((100% - 180px) / 9);margin-bottom:4px;cursor:pointer;border-radius:2px}.hv-color-picker__preset .hv-color-picker__preset-list .hv-color-picker__preset-list-item[data-v-c15cc053]:nth-child(10n){margin-right:0}.hv-color-picker-normal[data-v-fbafd973]{box-sizing:border-box;width:248px;padding:16px;overflow:hidden;background-color:#22252a}.hv-color-picker-normal .hv-color-picker__color-select-box[data-v-fbafd973]{display:flex;gap:14px;align-items:center;margin-top:6px}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__dropper[data-v-fbafd973]{width:28px;height:28px;color:#cad1e0;cursor:pointer;border-radius:4px}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__dropper.is-disabled[data-v-fbafd973]{cursor:not-allowed}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__dropper[data-v-fbafd973]:hover{background-color:#3c4452}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__dropper[data-v-fbafd973]:active{color:#0977e5;background-color:#0977e533}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__sliders[data-v-fbafd973]{flex:1}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__sliders[data-v-fbafd973] .el-slider{height:24px}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__sliders[data-v-fbafd973] .el-slider .el-slider__runway{--el-slider-height: 12px;--el-slider-border-radius: 6px}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__sliders[data-v-fbafd973] .el-slider .el-slider__bar{opacity:0}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__sliders[data-v-fbafd973] .el-slider .el-slider__button-wrapper{top:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);--el-slider-button-wrapper-size: 20px}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__sliders[data-v-fbafd973] .el-slider .el-slider__button-wrapper .el-slider__button{box-sizing:border-box;width:14px;height:14px;background-color:var(--el-slider-button-bg-color);border-color:#fff;border-width:3px}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__sliders[data-v-fbafd973] .hv-color-picker__hue-slider .el-slider__runway{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__sliders[data-v-fbafd973] .hv-color-picker__alpha-slider .el-slider__runway{--el-slider-main-bg-color: var(--hv-cur-full-alpha-color);--el-slider-button-bg-color: var(--hv-cur-full-alpha-color);background:linear-gradient(to right,transparent 0%,var(--el-slider-main-bg-color) 100%),linear-gradient(to right,#e1e1e1,#e1e1e1 50%,#fff 50%,#fff) 0 0/12px 50% repeat-x,linear-gradient(to right,#e1e1e1,#e1e1e1 50%,#fff 50%,#fff) 6px 6px/12px 50% repeat-x}.hv-color-picker-normal .mb-12[data-v-fbafd973]{margin-bottom:12px}.hv-draggable[data-v-2309f70a]{width:fit-content;cursor:grab}.hv-draggable.disabled[data-v-2309f70a]{cursor:not-allowed}.hv-draggable__clone-item[data-v-2309f70a]{position:fixed;top:0;left:0;z-index:99999;width:fit-content;cursor:grabbing;opacity:.8;will-change:transform}.hv-droppable{position:relative;width:fit-content}.hv-drag-and-scale{--hv-dns-border-width: 1px;--hv-dns-response-width: 30px;--hv-dns-mark-gap: 2px;--hv-dns-mark-width: 3px;--hv-dns-mark-inset: calc(0px - (var(--hv-dns-mark-width) + var(--hv-dns-mark-gap) + var(--hv-dns-border-width)));--hv-dns-mark-border-width: calc(var(--hv-dns-response-width) / 2);--hv-dns-inset: calc(0px - var(--hv-dns-response-width) / 2 + var(--hv-dns-mark-width) + var(--hv-dns-mark-gap));position:relative;box-sizing:border-box;border:var(--hv-dns-border-width) dashed #fff}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark{position:absolute;inset:var(--hv-dns-mark-inset);background:linear-gradient(to right,#fff,#fff) left top no-repeat,linear-gradient(to right,#fff,#fff) right top no-repeat,linear-gradient(to right,#fff,#fff) center top no-repeat,linear-gradient(to right,#fff,#fff) left bottom no-repeat,linear-gradient(to right,#fff,#fff) right bottom no-repeat,linear-gradient(to right,#fff,#fff) center bottom no-repeat,linear-gradient(to bottom,#fff,#fff) left top no-repeat,linear-gradient(to bottom,#fff,#fff) left bottom no-repeat,linear-gradient(to bottom,#fff,#fff) left center no-repeat,linear-gradient(to bottom,#fff,#fff) right top no-repeat,linear-gradient(to bottom,#fff,#fff) right bottom no-repeat,linear-gradient(to bottom,#fff,#fff) right center no-repeat;background-size:var(--hv-dns-mark-border-width) var(--hv-dns-mark-width),var(--hv-dns-mark-border-width) var(--hv-dns-mark-width),var(--hv-dns-mark-border-width) var(--hv-dns-mark-width),var(--hv-dns-mark-border-width) var(--hv-dns-mark-width),var(--hv-dns-mark-border-width) var(--hv-dns-mark-width),var(--hv-dns-mark-border-width) var(--hv-dns-mark-width),var(--hv-dns-mark-width) var(--hv-dns-mark-border-width),var(--hv-dns-mark-width) var(--hv-dns-mark-border-width),var(--hv-dns-mark-width) var(--hv-dns-mark-border-width),var(--hv-dns-mark-width) var(--hv-dns-mark-border-width),var(--hv-dns-mark-width) var(--hv-dns-mark-border-width),var(--hv-dns-mark-width) var(--hv-dns-mark-border-width)}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box{position:absolute;inset:var(--hv-dns-inset);box-sizing:border-box;display:flex;flex-direction:column}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-block{box-sizing:border-box;display:flex;width:100%}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-block .hv-drag-and-scale__area-left,.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-block .hv-drag-and-scale__area-right{box-sizing:border-box;width:var(--hv-dns-response-width);max-width:33.3333%;height:100%}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-block .hv-drag-and-scale__area-center{box-sizing:border-box;flex:1;height:100%}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box.disabled .hv-drag-and-scale__area-block *{cursor:not-allowed!important}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-middle{flex:1}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-middle .hv-drag-and-scale__area-left,.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-middle .hv-drag-and-scale__area-right{height:100%;cursor:ew-resize}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-middle .hv-drag-and-scale__area-center{flex:1;height:100%;cursor:move}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-top .hv-drag-and-scale__area-left,.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-bottom .hv-drag-and-scale__area-right{cursor:nw-resize}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-top .hv-drag-and-scale__area-right,.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-bottom .hv-drag-and-scale__area-left{cursor:ne-resize}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-top,.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-bottom{box-sizing:border-box;height:var(--hv-dns-response-width);max-height:33.3333%}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-top .hv-drag-and-scale__area-center,.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-bottom .hv-drag-and-scale__area-center{cursor:ns-resize}.hv-ip-input{--hv-ip-input-width: 30px;display:inline-block;padding:6px 8px;font-size:14px;line-height:19px;outline:none;border:1px solid #373d48;border-radius:4px}.hv-ip-input input{width:var(--hv-ip-input-width);text-align:center;outline:none;background-color:transparent;border:none}.hv-ip-input.is-disabled,.hv-ip-input.is-disabled input{cursor:not-allowed}.hv-ip-input .hv-ip-input-item{display:inline-block}
+.hv-color-picker__color-form{width:100%;overflow:hidden}.hv-color-picker__color-form .mb-12{margin-bottom:12px}.hv-color-picker__color-form .el-input{--el-input-border-color: #30343b}.hv-color-picker__color-form .el-input .el-input__wrapper{padding-right:10px;padding-left:10px;background-color:#101114;border-radius:2px}.hv-color-picker__color-form .el-input .el-input__wrapper .el-input__inner{text-align:left}.hv-color-picker__color-form .hv-color-picker__form-group{display:flex;align-items:center}.hv-color-picker__color-form .hv-color-picker__form-group .hv-color-picker__form-label{width:72px}.hv-color-picker__color-form .hv-color-picker__form-group .el-input{flex:1}.hv-color-picker__preset .hv-color-picker__preset-title{margin-bottom:4px;font-size:12px;color:#fff}.hv-color-picker__preset .hv-color-picker__preset-list{display:flex;flex-wrap:wrap;justify-content:space-between}.hv-color-picker__preset .hv-color-picker__preset-list .hv-color-picker__preset-list-item{width:16px;height:16px;margin-right:calc((100% - 160px) / 9);margin-bottom:4px;border-radius:50%}.hv-color-picker__preset .hv-color-picker__preset-list .hv-color-picker__preset-list-item:nth-child(10n){margin-right:0}.hv-color-picker{box-sizing:border-box;width:264px;padding:12px;font-size:12px;color:#fff;background-color:#212326;border:1px solid #353d46;border-radius:4px;box-shadow:0 12px 24px #00000080}.hv-color-picker .hv-color-picker__title{margin-bottom:12px;font-weight:700}.hv-color-picker .hv-color-picker__area-outer{width:auto;border:5px solid #000;border-radius:3px}.hv-color-picker .hv-color-picker__area-outer .hv-color-picker__area{position:relative;width:auto;height:168px;overflow:hidden;background-color:#000}.hv-color-picker .hv-color-picker__area-outer .hv-color-picker__area.is-disabled{cursor:not-allowed}.hv-color-picker .hv-color-picker__area-outer .hv-color-picker__area canvas{width:100%;height:100%}.hv-color-picker .hv-color-picker__area-outer .hv-color-picker__area .hv-color-picker__circle{position:absolute;box-sizing:border-box;width:18px;height:18px;border:3px solid #dcdcdc;border-radius:50%;box-shadow:0 2px 4px -1px #0000001f,0 4px 5px #00000014,0 1px 10px #0000000d;transform:translate(-50%,-50%)}.hv-color-picker .hv-color-picker__slider{position:relative;display:flex;align-items:center;justify-content:space-between}.hv-color-picker .hv-color-picker__slider .hv-color-picker__origin-color{width:18px;height:18px;margin-left:12px;border-radius:2px}.hv-color-picker .el-slider{box-sizing:border-box}.hv-color-picker .el-slider .el-slider__runway{width:210px;height:8px;background:var(--el-slider-runway-bg-color)}.hv-color-picker .el-slider .el-slider__runway .el-slider__bar{background-color:transparent}.hv-color-picker .el-slider .el-slider__runway .el-slider__button-wrapper .el-slider__button{box-sizing:border-box;width:18px;height:18px;background-color:var(--el-slider-main-bg-color);border-color:#fff;border-width:3px}.hv-color-picker__color-area-outer[data-v-d4f5b081]{position:relative;width:216px;height:216px}.hv-color-picker__color-area-outer .hv-color-picker__color-area[data-v-d4f5b081]{width:100%;height:100%}.hv-color-picker__color-area-outer .hv-color-picker__color-area[data-v-d4f5b081]:before{position:absolute;right:0;left:0;width:100%;height:100%;pointer-events:none;content:"";background:linear-gradient(to right,#fff 1px,transparent 215px)}.hv-color-picker__color-area-outer .hv-color-picker__color-area[data-v-d4f5b081]:after{position:absolute;right:0;left:0;width:100%;height:100%;pointer-events:none;content:"";background:linear-gradient(to bottom,transparent 1px,#000 215px)}.hv-color-picker__color-area-outer .hv-color-picker__color-area .hv-color-picker__circle[data-v-d4f5b081]{position:absolute;z-index:1;box-sizing:border-box;width:12px;height:12px;pointer-events:none;border:2px solid #fff;border-radius:100%;box-shadow:0 0 0 1px #0003;transform:translate(-50%,50%)}.el-select__popper.el-popper.hv-color-picker-popper{--el-bg-color-overlay: #131519;--el-border-color: #3c4452;--el-fill-color-light: #0977e5;--el-border-color-light: #565d6b}.el-select__popper.el-popper.hv-color-picker-popper .el-select-dropdown__item{color:#a8b0c1}.hv-color_picker__form[data-v-0118404d]{display:flex;gap:6px;margin-top:6px;--el-fill-color-blank: #131519;--el-border-color: #3c4452}.hv-color_picker__form .hv-color-picker__form-type[data-v-0118404d] .el-select{--el-select-width: 60px}.hv-color_picker__form .hv-color-picker__form-type[data-v-0118404d] .el-select .el-select__wrapper{padding:6px}.hv-color_picker__form .hv-color-picker__form-type[data-v-0118404d] .el-select .el-select__wrapper .el-select__placeholder{width:fit-content;text-overflow:inherit;color:#c2c6cc}.hv-color_picker__form .hv-color-picker__form-body[data-v-0118404d]{display:flex;flex:1}.hv-color_picker__form .hv-color-picker__form-body[data-v-0118404d] .el-input-number{--el-text-color-regular: #c2c6cc;flex:23;width:23%}.hv-color_picker__form .hv-color-picker__form-body[data-v-0118404d] .el-input-number.hv-color-picker__form-opacity{flex:31}.hv-color_picker__form .hv-color-picker__form-body[data-v-0118404d] .el-input-number .el-input__wrapper{padding:0 4px}.hv-color_picker__form .hv-color-picker__form-body[data-v-0118404d] .el-input-number .el-input__wrapper .el-input__suffix .el-input__suffix-inner span{margin-left:0}.hv-color-picker__preset .hv-color-picker__preset-title[data-v-c15cc053]{margin-bottom:4px;font-size:12px;color:#cad1e0}.hv-color-picker__preset .hv-color-picker__preset-list[data-v-c15cc053]{display:flex;flex-wrap:wrap;justify-content:space-between}.hv-color-picker__preset .hv-color-picker__preset-list .hv-color-picker__preset-list-item[data-v-c15cc053]{width:18px;height:18px;margin-right:calc((100% - 180px) / 9);margin-bottom:4px;cursor:pointer;border-radius:2px}.hv-color-picker__preset .hv-color-picker__preset-list .hv-color-picker__preset-list-item[data-v-c15cc053]:nth-child(10n){margin-right:0}.hv-color-picker-normal[data-v-fbafd973]{box-sizing:border-box;width:248px;padding:16px;overflow:hidden;background-color:#22252a}.hv-color-picker-normal .hv-color-picker__color-select-box[data-v-fbafd973]{display:flex;gap:14px;align-items:center;margin-top:6px}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__dropper[data-v-fbafd973]{width:28px;height:28px;color:#cad1e0;cursor:pointer;border-radius:4px}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__dropper.is-disabled[data-v-fbafd973]{cursor:not-allowed}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__dropper[data-v-fbafd973]:hover{background-color:#3c4452}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__dropper[data-v-fbafd973]:active{color:#0977e5;background-color:#0977e533}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__sliders[data-v-fbafd973]{flex:1}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__sliders[data-v-fbafd973] .el-slider{height:24px}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__sliders[data-v-fbafd973] .el-slider .el-slider__runway{--el-slider-height: 12px;--el-slider-border-radius: 6px}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__sliders[data-v-fbafd973] .el-slider .el-slider__bar{opacity:0}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__sliders[data-v-fbafd973] .el-slider .el-slider__button-wrapper{top:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);--el-slider-button-wrapper-size: 20px}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__sliders[data-v-fbafd973] .el-slider .el-slider__button-wrapper .el-slider__button{box-sizing:border-box;width:14px;height:14px;background-color:var(--el-slider-button-bg-color);border-color:#fff;border-width:3px}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__sliders[data-v-fbafd973] .hv-color-picker__hue-slider .el-slider__runway{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.hv-color-picker-normal .hv-color-picker__color-select-box .hv-color-picker__sliders[data-v-fbafd973] .hv-color-picker__alpha-slider .el-slider__runway{--el-slider-main-bg-color: var(--hv-cur-full-alpha-color);--el-slider-button-bg-color: var(--hv-cur-full-alpha-color);background:linear-gradient(to right,transparent 0%,var(--el-slider-main-bg-color) 100%),linear-gradient(to right,#e1e1e1,#e1e1e1 50%,#fff 50%,#fff) 0 0/12px 50% repeat-x,linear-gradient(to right,#e1e1e1,#e1e1e1 50%,#fff 50%,#fff) 6px 6px/12px 50% repeat-x}.hv-color-picker-normal .mb-12[data-v-fbafd973]{margin-bottom:12px}.hv-draggable[data-v-695472bf]{width:fit-content;cursor:grab}.hv-draggable.disabled[data-v-695472bf]{cursor:not-allowed}.hv-draggable__clone-item[data-v-695472bf]{position:fixed;top:0;left:0;z-index:99999;width:fit-content;cursor:grabbing;opacity:.8;will-change:transform}.hv-droppable{position:relative;width:fit-content}.hv-drag-and-scale{--hv-dns-border-width: 1px;--hv-dns-response-width: 30px;--hv-dns-mark-gap: 2px;--hv-dns-mark-width: 3px;--hv-dns-mark-inset: calc(0px - (var(--hv-dns-mark-width) + var(--hv-dns-mark-gap) + var(--hv-dns-border-width)));--hv-dns-mark-border-width: calc(var(--hv-dns-response-width) / 2);--hv-dns-inset: calc(0px - var(--hv-dns-response-width) / 2 + var(--hv-dns-mark-width) + var(--hv-dns-mark-gap));position:relative;box-sizing:border-box;border:var(--hv-dns-border-width) dashed #fff}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark{position:absolute;inset:var(--hv-dns-mark-inset);background:linear-gradient(to right,#fff,#fff) left top no-repeat,linear-gradient(to right,#fff,#fff) right top no-repeat,linear-gradient(to right,#fff,#fff) center top no-repeat,linear-gradient(to right,#fff,#fff) left bottom no-repeat,linear-gradient(to right,#fff,#fff) right bottom no-repeat,linear-gradient(to right,#fff,#fff) center bottom no-repeat,linear-gradient(to bottom,#fff,#fff) left top no-repeat,linear-gradient(to bottom,#fff,#fff) left bottom no-repeat,linear-gradient(to bottom,#fff,#fff) left center no-repeat,linear-gradient(to bottom,#fff,#fff) right top no-repeat,linear-gradient(to bottom,#fff,#fff) right bottom no-repeat,linear-gradient(to bottom,#fff,#fff) right center no-repeat;background-size:var(--hv-dns-mark-border-width) var(--hv-dns-mark-width),var(--hv-dns-mark-border-width) var(--hv-dns-mark-width),var(--hv-dns-mark-border-width) var(--hv-dns-mark-width),var(--hv-dns-mark-border-width) var(--hv-dns-mark-width),var(--hv-dns-mark-border-width) var(--hv-dns-mark-width),var(--hv-dns-mark-border-width) var(--hv-dns-mark-width),var(--hv-dns-mark-width) var(--hv-dns-mark-border-width),var(--hv-dns-mark-width) var(--hv-dns-mark-border-width),var(--hv-dns-mark-width) var(--hv-dns-mark-border-width),var(--hv-dns-mark-width) var(--hv-dns-mark-border-width),var(--hv-dns-mark-width) var(--hv-dns-mark-border-width),var(--hv-dns-mark-width) var(--hv-dns-mark-border-width)}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box{position:absolute;inset:var(--hv-dns-inset);box-sizing:border-box;display:flex;flex-direction:column}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-block{box-sizing:border-box;display:flex;width:100%}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-block .hv-drag-and-scale__area-left,.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-block .hv-drag-and-scale__area-right{box-sizing:border-box;width:var(--hv-dns-response-width);max-width:33.3333%;height:100%}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-block .hv-drag-and-scale__area-center{box-sizing:border-box;flex:1;height:100%}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box.disabled .hv-drag-and-scale__area-block *{cursor:not-allowed!important}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-middle{flex:1}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-middle .hv-drag-and-scale__area-left,.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-middle .hv-drag-and-scale__area-right{height:100%;cursor:ew-resize}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-middle .hv-drag-and-scale__area-center{flex:1;height:100%;cursor:move}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-top .hv-drag-and-scale__area-left,.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-bottom .hv-drag-and-scale__area-right{cursor:nw-resize}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-top .hv-drag-and-scale__area-right,.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-bottom .hv-drag-and-scale__area-left{cursor:ne-resize}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-top,.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-bottom{box-sizing:border-box;height:var(--hv-dns-response-width);max-height:33.3333%}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-top .hv-drag-and-scale__area-center,.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box .hv-drag-and-scale__area-bottom .hv-drag-and-scale__area-center{cursor:ns-resize}.hv-ip-input{--hv-ip-input-width: 30px;display:inline-block;padding:6px 8px;font-size:14px;line-height:19px;outline:none;border:1px solid #373d48;border-radius:4px}.hv-ip-input input{width:var(--hv-ip-input-width);text-align:center;outline:none;background-color:transparent;border:none}.hv-ip-input.is-disabled,.hv-ip-input.is-disabled input{cursor:not-allowed}.hv-ip-input .hv-ip-input-item{display:inline-block}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@havue/components",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Some components for Vue3",
   "keywords": [
     "havue",
@@ -14,10 +14,10 @@
     "url": "git+https://github.com/HappyPedestrian/havue.git"
   },
   "dependencies": {
-    "@havue/shared": "^1.2.0",
-    "@havue/color-picker": "^1.2.0",
-    "@havue/drag-and-scale": "^1.2.0",
-    "@havue/drag-and-drop": "^1.2.0"
+    "@havue/shared": "^1.2.1",
+    "@havue/drag-and-drop": "^1.2.1",
+    "@havue/color-picker": "^1.2.1",
+    "@havue/drag-and-scale": "^1.2.1"
   },
   "devDependencies": {
     "vue": "^3.3.0"