@havue/components 1.1.0 → 1.1.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/style.css
CHANGED
|
@@ -1 +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 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-draggable[data-v-
|
|
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 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-draggable[data-v-e9c66d0f]{width:fit-content;cursor:grab}.hv-draggable.disabled[data-v-e9c66d0f]{cursor:not-allowed}.hv-draggable__clone-item[data-v-e9c66d0f]{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{--drag-box-border-width: 1px;--scale-area-width: 30px;--scale-mark-gap: 2px;--scale-mark-width: 3px;--scale-mark-inset: calc(0px - (var(--scale-mark-width) + var(--scale-mark-gap) + var(--drag-box-border-width)));--scale-mark-line-width: calc(var(--scale-area-width) / 2);--scale-area-inset: calc(0px - var(--scale-area-width) / 2 + var(--scale-mark-width) + var(--scale-mark-gap));position:relative;box-sizing:border-box;border:var(--drag-box-border-width) dashed #fff}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark{position:absolute;inset:var(--scale-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(--scale-mark-line-width) var(--scale-mark-width),var(--scale-mark-line-width) var(--scale-mark-width),var(--scale-mark-line-width) var(--scale-mark-width),var(--scale-mark-line-width) var(--scale-mark-width),var(--scale-mark-line-width) var(--scale-mark-width),var(--scale-mark-line-width) var(--scale-mark-width),var(--scale-mark-width) var(--scale-mark-line-width),var(--scale-mark-width) var(--scale-mark-line-width),var(--scale-mark-width) var(--scale-mark-line-width),var(--scale-mark-width) var(--scale-mark-line-width),var(--scale-mark-width) var(--scale-mark-line-width),var(--scale-mark-width) var(--scale-mark-line-width)}.hv-drag-and-scale .hv-drag-and-scale__zoom-mark .hv-drag-and-scale__area-box{position:absolute;inset:var(--scale-area-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(--scale-area-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(--scale-area-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}
|
|
@@ -4,7 +4,7 @@ export type DragAndDropPoint = {
|
|
|
4
4
|
y: number;
|
|
5
5
|
};
|
|
6
6
|
export type DragAndDropDragType = string | number | symbol;
|
|
7
|
-
type
|
|
7
|
+
export type DnDManagerEvents = {
|
|
8
8
|
down: (p: DragAndDropPoint) => void;
|
|
9
9
|
'first-move': (p: DragAndDropPoint, e: MouseEvent | TouchEvent) => void;
|
|
10
10
|
start: (p: DragAndDropPoint) => void;
|
|
@@ -19,7 +19,7 @@ type Events = {
|
|
|
19
19
|
point: DragAndDropPoint;
|
|
20
20
|
}) => void;
|
|
21
21
|
};
|
|
22
|
-
export declare class DnDManager extends EventBus<
|
|
22
|
+
export declare class DnDManager extends EventBus<DnDManagerEvents> {
|
|
23
23
|
/** 是否开始拖动 */
|
|
24
24
|
isDragStart: boolean;
|
|
25
25
|
/** 拖动元素类型 */
|
|
@@ -78,4 +78,3 @@ export declare class DnDManager extends EventBus<Events> {
|
|
|
78
78
|
destroyed(): void;
|
|
79
79
|
}
|
|
80
80
|
export declare const DnDManagerInstance: DnDManager;
|
|
81
|
-
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@havue/components",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.2",
|
|
4
4
|
"description": "Some components for Vue3",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"havue",
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
"url": "git+https://github.com/HappyPedestrian/havue.git"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@havue/shared": "^1.1.
|
|
18
|
-
"@havue/color-picker": "^1.1.
|
|
19
|
-
"@havue/drag-and-drop": "^1.1.
|
|
20
|
-
"@havue/drag-and-scale": "^1.1.
|
|
17
|
+
"@havue/shared": "^1.1.2",
|
|
18
|
+
"@havue/color-picker": "^1.1.2",
|
|
19
|
+
"@havue/drag-and-drop": "^1.1.2",
|
|
20
|
+
"@havue/drag-and-scale": "^1.1.2"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"vue": "^3.3.0"
|