chore: 规范 module 名称
This commit is contained in:
52
package/layer/src/composable/useMove.ts
Normal file
52
package/layer/src/composable/useMove.ts
Normal file
@@ -0,0 +1,52 @@
|
||||
const useMove = function (el: HTMLElement, callback: Function) {
|
||||
el.style.position = "fixed";
|
||||
let offsetX: number;
|
||||
let offsetY: number;
|
||||
if (el != null) {
|
||||
el.addEventListener("mousedown", function (event: any) {
|
||||
if (event.path[0].className === "layui-layer-title") {
|
||||
if (event.button == 0 && el != null) {
|
||||
const lexObj: any = getComputedStyle(el);
|
||||
offsetX =
|
||||
event.pageX - el.offsetLeft + parseInt(lexObj["margin-left"]);
|
||||
offsetY =
|
||||
event.pageY - el.offsetTop + parseInt(lexObj["margin-right"]);
|
||||
const move = function (event: any) {
|
||||
if (el != null) {
|
||||
let x = event.pageX - offsetX;
|
||||
let y = event.pageY - offsetY;
|
||||
if (x < 0) {
|
||||
x = 0;
|
||||
} else if (
|
||||
x >
|
||||
document.documentElement.clientWidth - el.offsetWidth
|
||||
) {
|
||||
x = document.documentElement.clientWidth - el.offsetWidth;
|
||||
}
|
||||
if (y < 0) {
|
||||
y = 0;
|
||||
} else if (
|
||||
y >
|
||||
document.documentElement.clientHeight - el.offsetHeight
|
||||
) {
|
||||
y = document.documentElement.clientHeight - el.offsetHeight;
|
||||
}
|
||||
el.style.left = `${x}px`;
|
||||
el.style.top = `${y}px`;
|
||||
callback(el.style.left, el.style.top);
|
||||
}
|
||||
return false;
|
||||
};
|
||||
document.addEventListener("mousemove", move);
|
||||
const stop = function () {
|
||||
document.removeEventListener("mousemove", move);
|
||||
document.removeEventListener("mouseup", stop);
|
||||
};
|
||||
document.addEventListener("mouseup", stop);
|
||||
}
|
||||
}
|
||||
return false;
|
||||
});
|
||||
}
|
||||
};
|
||||
export default useMove;
|
||||
34
package/layer/src/composable/useResize.ts
Normal file
34
package/layer/src/composable/useResize.ts
Normal file
@@ -0,0 +1,34 @@
|
||||
const useMove = function (el: HTMLElement, callback: Function) {
|
||||
if (el != null) {
|
||||
el.addEventListener("mousedown", function (event: any) {
|
||||
if (event.path[0].className === "layui-layer-resize") {
|
||||
if (event.button == 0 && el != null) {
|
||||
var x = el.offsetLeft;
|
||||
var y = el.offsetTop;
|
||||
const move = function (moveEvent: any) {
|
||||
if (el != null) {
|
||||
var offsetX = moveEvent.clientX;
|
||||
var offsetY = moveEvent.clientY;
|
||||
var w = offsetX - x;
|
||||
var h = offsetY - y;
|
||||
w < 260 && (w = 260);
|
||||
h < 115 && (h = 115);
|
||||
el.style.width = `${w}px`;
|
||||
el.style.height = `${h}px`;
|
||||
callback(el.style.width, el.style.height);
|
||||
}
|
||||
return false;
|
||||
};
|
||||
document.addEventListener("mousemove", move);
|
||||
const stop = function () {
|
||||
document.removeEventListener("mousemove", move);
|
||||
document.removeEventListener("mouseup", stop);
|
||||
};
|
||||
document.addEventListener("mouseup", stop);
|
||||
}
|
||||
}
|
||||
return false;
|
||||
});
|
||||
}
|
||||
};
|
||||
export default useMove;
|
||||
Reference in New Issue
Block a user