调整鼠标和导入的渐变色调整

doc/CustomElement.md

@@ -147,7 +147,7 @@ const handleSelectElement = (e: MouseEvent | TouchEvent, canMove = true) => {
 .element-content {
   width: 100%;
   height: 100%;
-  cursor: move;
+  cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg'), default;
 }
 .drag-handler {
   position: absolute;

src/utils/psdParser/text.ts

@@ -176,7 +176,7 @@ const extractRotation = (matrix:any) => {
 const getGradient = (obj: any) => {
     const { GrFl } = obj.data
     const angle = GrFl.Angl.value - 90
-    let linear = `linear-gradient(${angle}deg `
+    let linear = `linear-gradient(${-angle}deg `
     let intr = GrFl.Grad.Intr
     GrFl.Grad.Clrs.forEach((x: any, i: number) => {
         const clrStr = JSON.stringify(x['Clr ']).split(',')

src/views/components/element/AudioElement/BaseAudioElement.vue

@@ -53,6 +53,6 @@ const audioIconSize = computed(() => {
   align-items: center;
 }
 .audio-icon {
-  cursor: move;
+  cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg'), default;
 }
 </style>

src/views/components/element/AudioElement/index.vue

@@ -113,7 +113,7 @@ const handleSelectElement = (e: MouseEvent | TouchEvent) => {
   align-items: center;
 }
 .audio-icon {
-  cursor: move;
+  cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg'), default;
 }
 .audio-player {
   position: absolute;

src/views/components/element/ChartElement/index.vue

@@ -74,7 +74,7 @@ const openDataEditor = () => {
   position: absolute;
 
   &.lock .element-content {
-    cursor: default;
+    cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg'), default;
   }
 }
 .rotate-wrapper {
@@ -85,6 +85,6 @@ const openDataEditor = () => {
   width: 100%;
   height: 100%;
   overflow: hidden;
-  cursor: move;
+  cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg'), default;
 }
 </style>

src/views/components/element/ImageElement/index.vue

@@ -185,7 +185,7 @@ const handleClip = (data: ImageClipedEmitData | null) => {
   width: 100%;
   height: 100%;
   position: relative;
-  cursor: move;
+  cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg'), default;
 
   .image-content {
     width: 100%;

src/views/components/element/LatexElement/index.vue

@@ -69,7 +69,7 @@ const openLatexEditor = () => {
   position: absolute;
 
   &.lock .element-content {
-    cursor: default;
+    cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg'), default;
   }
 }
 .rotate-wrapper {
@@ -80,7 +80,7 @@ const openLatexEditor = () => {
   width: 100%;
   height: 100%;
   position: relative;
-  cursor: move;
+  cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg'), default;
 
   svg {
     transform-origin: 0 0;

src/views/components/element/LineElement/index.vue

@@ -128,6 +128,6 @@ const path = computed(() => {
 }
 .line-path, .line-point {
   pointer-events: all;
-  cursor: move;
+  cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg'), default;
 }
 </style>

src/views/components/element/ShapeElement/index.vue

@@ -190,7 +190,7 @@ const startEdit = () => {
   pointer-events: none;
 
   &.lock .element-content {
-    cursor: default;
+    cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg'), default;cursor: default;
   }
   &.format-painter .element-content {
     cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuNzUgMTMuNzY0VjEuNDIxYS4zLjMgMCAwMS40NDgtLjI2bDEwLjkxIDYuMTk3YS4zLjMgMCAwMS0uMTE2LjU1OWwtNC4xOTYuNDQyIDIuNTgyIDQuNDcyYS4zLjMgMCAwMS0uMTEuNDFsLTMuMTg0IDEuODM4YS4zLjMgMCAwMS0uNDEtLjExbC0yLjU4MS00LjQ3Mi0yLjgxIDMuNDU2YS4zLjMgMCAwMS0uNTMzLS4xODl6IiBmaWxsPSIjZmZmIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMjYgMTQuNWw0LjUtNC41LTYtNmMtMiAyLTMgMi01LjUgMi41LjQgMy4yIDQuODMzIDYuNjY3IDcgOHptNC41ODgtNC40OTRhLjMuMyAwIDAwLjQyNCAwbC42OC0uNjhhMS41IDEuNSAwIDAwMC0yLjEyMUwzMC4zNCA1Ljg1MmwyLjAyNi0xLjU4MmExLjYyOSAxLjYyOSAwIDEwLTIuMjgtMi4yOTZsLTEuNjAzIDIuMDIxLTEuMzU3LTEuMzU2YTEuNSAxLjUgMCAwMC0yLjEyIDBsLS42ODEuNjhhLjMuMyAwIDAwMCAuNDI0bDYuMjYzIDYuMjYzeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNC41NDMgMy45NjFzLTEuMDMgMS4yMDItMi40OTQgMS44OTFjLTEuMDA2LjQ3NC0yLjE4MS41ODUtMi43MzQuNjI3LS4yLjAxNC0uMzQ0LjIwOS0uMjc3LjM5OC4yOTMuODIgMS4xMTIgMi44MDEgMi42NTggNC4zNDcgMi4xMjYgMi4xMjYgMy42NTkgMi45NjggNC4xNDIgMy4yMDIuMS4wNDguMjE1LjAzLjI5OS0uMDQxLjM4NS0uMzI2IDEuNS0xLjI3NyAyLjIxLTEuOTg2Ljg5MS0uODkgMi4xODYtMi40NDggMi4xODYtMi40NDhtLjQ4LjA1NWEuMy4zIDAgMDEtLjQyNSAwbC02LjI2My02LjI2M2EuMy4zIDAgMDEwLS40MjRsLjY4LS42OGExLjUgMS41IDAgMDEyLjEyMiAwbDEuMzU2IDEuMzU2IDEuNjA0LTIuMDIxYTEuNjI5IDEuNjI5IDAgMTEyLjI3OSAyLjI5NkwzMC4zNCA1Ljg1MmwxLjM1MyAxLjM1M2ExLjUgMS41IDAgMDEwIDIuMTIxbC0uNjguNjh6IiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=) 2 5, default !important;
@@ -204,7 +204,7 @@ const startEdit = () => {
   width: 100%;
   height: 100%;
   position: relative;
-  cursor: move;
+  cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg'), default;
 
   svg {
     transform-origin: 0 0;

src/views/components/element/TableElement/index.vue

@@ -167,7 +167,7 @@ const updateSelectedCells = (cells: string[]) => {
   position: absolute;
 
   &.lock .element-content {
-    cursor: default;
+    cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg'), default;
   }
 }
 .rotate-wrapper {
@@ -178,7 +178,7 @@ const updateSelectedCells = (cells: string[]) => {
   width: 100%;
   height: 100%;
   position: relative;
-  cursor: move;
+  cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg'), default;
 }
 .table-mask {
   @include absolute-0();

src/views/components/element/TextElement/BaseTextElement.vue

@@ -87,7 +87,7 @@ const { shadowStyle } = useElementShadow(shadow)
   padding: 10px;
   line-height: 1.5;
   word-break: break-word;
-  cursor: move;
+  cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg'), default;
 
   .text {
     position: relative;

src/views/components/element/TextElement/index.vue

@@ -206,7 +206,7 @@ watch(isHandleElement, () => {
   position: absolute;
 
   &.lock .element-content {
-    cursor: default;
+    cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg'), default;
   }
 }
 .rotate-wrapper {
@@ -218,7 +218,7 @@ watch(isHandleElement, () => {
   padding: 10px;
   line-height: 1.5;
   word-break: break-word;
-  cursor: move;
+  cursor: url('https://im.oytour.com/trip/cusor/c7ca2e93ad449598be9ead2d132dd05b.svg'), default;
 
   .text {
     position: relative;