fix: icon support spin (#250)

Author: mortalYoung

src/components/icon/index.tsx

@@ -15,7 +15,8 @@ export function Icon(props: React.PropsWithChildren<IIconProps>) {
             className={classNames(
                 className,
                 'codicon',
-                prefixClaName(type, 'codicon')
+                type.includes('~spin') && 'codicon-spin',
+                prefixClaName(type.split('~spin')[0], 'codicon')
             )}
             {...restProps}
         >

src/extensions/folderTree/index.tsx

@@ -48,10 +48,10 @@ export const ExtendsFolderTree: IExtension = {
                     id: `${file.id}`?.split('_')?.[0],
                     modified: false,
                     data: {
-                        ...(file.data || {}),
                         value: file.content,
                         path: file.location,
                         language: extName,
+                        ...(file.data || {}),
                     },
                 };
 

src/style/animation.scss

@@ -11,3 +11,17 @@
 .fade-in {
     animation: fadeIn 0.083s linear;
 }
+
+@keyframes fa-spin {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(359deg);
+    }
+}
+
+.codicon-spin {
+    animation: fa-spin 2s infinite linear;
+}

src/workbench/editor/style.scss

@@ -49,6 +49,7 @@
             &--disabled {
                 cursor: default;
                 opacity: 0.4;
+                pointer-events: none;
             }
         }
     }