Commit a15fd6d

committed

feat: point调整

1 parent adcf420 commit a15fd6dCopy full SHA for a15fd6d

File tree

+39

-21

lines changed

src/views/common/drag
- components
  - draggable.module.scss
- hooks
  - useMouse.ts

+39

-21

lines changed

Lines changed: 23 additions & 5 deletions

Original file line number	Diff line number	Diff line change
`@@ -17,27 +17,45 @@`
`17`	`17`	`border: 3px solid var(--primary-color);`
`18`	`18`	`border-radius: 5px;`
`19`	`19`	`background-color: #fff;`
`20`		`- transform: translate(-50%, -50%);`
`21`	`20`
`22`	`21`	`&.t {`
`23`	`22`	`width: 30px;`
	`23`	`+ transform: translate(-50%, -100%);`
`24`	`24`	`}`
`25`	`25`
`26`	`26`	`&.b {`
`27`	`27`	`width: 30px;`
	`28`	`+ transform: translate(-50%);`
`28`	`29`	`}`
`29`	`30`
`30`	`31`	`&.l,`
`31`	`32`	`&.r {`
`32`	`33`	`height: 30px;`
`33`	`34`	`}`
`34`	`35`
`35`		`- &.r {}`
	`36`	`+ &.r {`
	`37`	`+ transform: translate(0%, -50%);`
	`38`	`+ }`
	`39`	`+`
	`40`	`+ &.l {`
	`41`	`+ transform: translate(-100%, -50%);`
	`42`	`+ }`
	`43`	`+`
	`44`	`+ &.rt {`
	`45`	`+ transform: translate(0%, -100%);`
	`46`	`+ }`
`36`	`47`
`37`		`- &.l {}`
	`48`	`+ &.rb {`
	`49`	`+ transform: translate(0%, 0%);`
	`50`	`+ }`
`38`	`51`
`39`		`- &.rt,`
`40`		`- &.rb {}`
	`52`	`+ &.lb {`
	`53`	`+ transform: translate(-100%, 0%);`
	`54`	`+ }`
	`55`	`+`
	`56`	`+ &.lt {`
	`57`	`+ transform: translate(-100%, -100%);`
	`58`	`+ }`
`41`	`59`	`}`
`42`	`60`
`43`	`61`	`.draggableActiveModal {`

Lines changed: 16 additions & 16 deletions

Original file line number	Diff line number	Diff line change
`@@ -39,22 +39,22 @@ export default function useMouse(`
`39`	`39`	`let x = itemAttrX + (isLeft ? currX : 0)`
`40`	`40`	`let y = itemAttrY + (isTop ? currY : 0)`
`41`	`41`
`42`		`- if (x > parentWidth - w) {`
`43`		`- w = Math.abs(parentWidth - x)`
`44`		`- x = parentWidth - w`
`45`		`- }`
`46`		`- if (x < 0) {`
`47`		`- w = w - Math.abs(x)`
`48`		`- x = 0`
`49`		`- }`
`50`		`- if (y > parentHeight - h) {`
`51`		`- h = Math.abs(parentHeight - y)`
`52`		`- y = parentHeight - h`
`53`		`- }`
`54`		`- if (y < 0) {`
`55`		`- h = h - Math.abs(y)`
`56`		`- y = 0`
`57`		`- }`
	`42`	`+ // if (x > parentWidth - w) {`
	`43`	`+ // w = Math.abs(parentWidth - x)`
	`44`	`+ // x = parentWidth - w`
	`45`	`+ // }`
	`46`	`+ // if (x < 0) {`
	`47`	`+ // w = w - Math.abs(x)`
	`48`	`+ // x = 0`
	`49`	`+ // }`
	`50`	`+ // if (y > parentHeight - h) {`
	`51`	`+ // h = Math.abs(parentHeight - y)`
	`52`	`+ // y = parentHeight - h`
	`53`	`+ // }`
	`54`	`+ // if (y < 0) {`
	`55`	`+ // h = h - Math.abs(y)`
	`56`	`+ // y = 0`
	`57`	`+ // }`
`58`	`58`
`59`	`59`	`setAttrs({ x, y, w, h })`
`60`	`60`	`})`

Comments

(0)