style: Formatted code

Author: rennzhang

build/plugins/custom/InjectCss.ts

@@ -6,7 +6,7 @@ const fileRegex = /\.(css)$/;
 
 const injectCode = (code: string) =>
   `function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(\`${code}\`)`;
-const template = `console.warn("__INJECT__")`;
+const template = 'console.warn("__INJECT__")';
 
 let viteConfig: ResolvedConfig;
 const css: string[] = [];
@@ -25,7 +25,7 @@ const libInjectCss = (): PluginOption => {
       if (fileRegex.test(id)) {
         css.push(code);
         return {
-          code: "",
+          code: ""
         };
       }
       if (
@@ -34,7 +34,7 @@ const libInjectCss = (): PluginOption => {
       ) {
         return {
           code: `${code}
-          ${template}`,
+          ${template}`
         };
       }
       return null;
@@ -49,7 +49,7 @@ const libInjectCss = (): PluginOption => {
 
         try {
           let data: string = fs.readFileSync(filePath, {
-            encoding: "utf8",
+            encoding: "utf8"
           });
 
           if (data.includes(template)) {
@@ -61,7 +61,7 @@ const libInjectCss = (): PluginOption => {
           console.error(e);
         }
       }
-    },
+    }
   };
 };
 

build/plugins/index.ts

@@ -16,8 +16,8 @@ export default [
     eslintrc: {
       enabled: true, // Default `false`
       filepath: "./.eslintrc-auto-import.json", // Default `./.eslintrc-auto-import.json`
-      globalsPropValue: true, // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable')
-    },
+      globalsPropValue: true // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable')
+    }
     // Generate corresponding .eslintrc-auto-import.json file.
     // eslint globals Docs - https://eslint.org/docs/user-guide/configuring/language-options#specifying-globals
   }),
@@ -27,20 +27,20 @@ export default [
     eslint: {
       lintCommand: 'eslint "./packages/**/*.{ts,tsx,vue}"',
       dev: {
-        logLevel: ["error"],
-      },
-    },
+        logLevel: ["error"]
+      }
+    }
   }),
   dts(),
   libInjectCss(),
   Pages({
     dirs: [
       {
         dir: "playground/demo",
-        baseRoute: "demo",
-      },
+        baseRoute: "demo"
+      }
     ],
-    exclude: ["playground/demo/index.vue"],
+    exclude: ["playground/demo/index.vue"]
   }),
-  WindiCSS(),
+  WindiCSS()
 ];

docs/demo/home.vue

@@ -5,12 +5,12 @@
 </template>
 
 <script lang="ts" setup>
-  import { ref } from "vue"
-  import type { EditorConfiguration } from "codemirror"
-  import Codemirror from "../../packages/index"
+  import { ref } from "vue";
+  import type { EditorConfiguration } from "codemirror";
+  import Codemirror from "../../packages/index";
 
   // language
-  import "codemirror/mode/javascript/javascript.js"
+  import "codemirror/mode/javascript/javascript.js";
 
   const code = ref(
     `var arr = [3, 10, 6, 2];
@@ -24,9 +24,9 @@ for (var i = 0; i < arr.length - 1; i++) {
     }
 }
 console.log(arr)`
-  )
+  );
 
   const cmOptions: EditorConfiguration = {
     mode: "text/javascript"
-  }
+  };
 </script>

docs/demo/index.vue

@@ -12,34 +12,34 @@
 </template>
 
 <script setup lang="ts">
-  import { ref, onMounted } from "vue"
-  import { Editor } from "codemirror"
-  import Codemirror from "../../packages/index"
+  import { ref, onMounted } from "vue";
+  import { Editor } from "codemirror";
+  import Codemirror from "../../packages/index";
 
   // language
-  import "codemirror/mode/javascript/javascript.js"
+  import "codemirror/mode/javascript/javascript.js";
 
   // theme
   // import "codemirror/theme/dracula.css"
 
-  const isMounted = ref(false)
+  const isMounted = ref(false);
 
   const code = ref(`var i = 0;
 for (; i < 9; i++) {
     console.log(i);
     // more statements
 }
-`)
+`);
 
   const onChange = (val: string, cm: Editor) => {
-    console.log(val, cm)
-  }
+    console.log(val, cm);
+  };
 
   const cmOptions = {
     mode: "text/javascript",
     theme: "default"
-  }
+  };
   onMounted(() => {
-    isMounted.value = true
-  })
+    isMounted.value = true;
+  });
 </script>

docs/demo/log/fclog.vue

@@ -3,8 +3,8 @@
 </template>
 
 <script>
-  import { ref, defineComponent } from "vue"
-  import Codemirror, { createLinkMark, createLog, createTitle } from "../../../packages/index"
+  import { ref, defineComponent } from "vue";
+  import Codemirror, { createLinkMark, createLog, createTitle } from "../../../packages/index";
 
   export default defineComponent({
     components: { Codemirror },
@@ -19,15 +19,15 @@ ${createTitle("带有时间节点和输出类型的日志")}
 ${createLog("info content", "info")}
 ${createLog("warning content", "warning")}
 ${createLog("error content", "error")}
-`)
+`);
       const cmOptions = {
         mode: "fclog"
-      }
+      };
       return {
         ref,
         code,
         cmOptions
-      }
+      };
     }
-  })
+  });
 </script>

docs/demo/log/index.vue

@@ -3,8 +3,8 @@
 </template>
 
 <script>
-  import { ref, defineComponent } from "vue"
-  import Codemirror, { createLinkMark, createLogMark, createTitle } from "../../../packages/index"
+  import { ref, defineComponent } from "vue";
+  import Codemirror, { createLinkMark, createLogMark, createTitle } from "../../../packages/index";
 
   export default defineComponent({
     components: { Codemirror },
@@ -31,11 +31,11 @@ at com.zhiweicloud.dataprocess.engine.FlinkEngine.readFlinkEngineConfig(FlinkEng
 at com.zhiweicloud.dataprocess.engine.FlinkEngine.buildFlinkStream(FlinkEngine.
 at com.zhiweicloud.dataprocess.engine.FlinkEngine.startFlinkEngine(FlinkEngine.
 at com.zhiweicloud.dataprocess.DataStreamMain.main(DataStreamMain.
- `)
+ `);
       const cmOptions = {
         mode: "log",
         theme: "default"
-      }
+      };
       return {
         Codemirror,
         createLinkMark,
@@ -44,7 +44,7 @@ at com.zhiweicloud.dataprocess.DataStreamMain.main(DataStreamMain.
         ref,
         code,
         cmOptions
-      }
+      };
     }
-  })
+  });
 </script>

docs/demo/mergeDemo.vue

@@ -10,34 +10,34 @@
 </template>
 
 <script>
-  import { ref, defineComponent, onMounted, reactive } from "vue"
+  import { ref, defineComponent, onMounted, reactive } from "vue";
 
-  import Codemirror from "../../packages/index"
+  import Codemirror from "../../packages/index";
 
-  import "codemirror/mode/htmlmixed/htmlmixed.js"
+  import "codemirror/mode/htmlmixed/htmlmixed.js";
 
   export default defineComponent({
     components: {
       Codemirror
     },
     setup() {
-      const isMounted = ref(false)
+      const isMounted = ref(false);
       const code = ref(`<head>
   <title>codemirror-editor-vue</title>
   <meta data-n-head="ssr" charset="utf-8">
-</head>`)
+</head>`);
       const orig2 = ref(`<head>
   <title>test title</title>
   <meta data-n-head="ssr" charset="utf-8">
-</head>`)
+</head>`);
       onMounted(() => {
-        isMounted.value = true
-      })
+        isMounted.value = true;
+      });
       return {
         isMounted,
         onChange(val, cminstance) {
-          console.log(val)
-          console.log(cminstance)
+          console.log(val);
+          console.log(cminstance);
         },
         cmOptions: reactive({
           value: code,
@@ -49,7 +49,7 @@
           collapseIdentical: false,
           highlightDifferences: true
         })
-      }
+      };
     }
-  })
+  });
 </script>

packages/index.ts

@@ -6,10 +6,7 @@ import _CodeMirror from "./src/sourceLib";
 
 interface CmComp {
   cminstance: Editor;
-  resize: (
-    width?: string | number | null,
-    height?: string | number | null
-  ) => void;
+  resize: (width?: string | number | null, height?: string | number | null) => void;
   refresh: () => void;
   destroy: () => void;
 }