style: lint code

Author: SSShooter

.eslintignore

@@ -1,2 +1,3 @@
 dist
 src/__tests__
+**/*.d.ts

.eslintrc.js

@@ -4,9 +4,10 @@ module.exports = {
     amd: true,
     node: true,
   },
+  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:prettier/recommended'],
+  plugins: ['@typescript-eslint'],
   parser: '@typescript-eslint/parser',
   parserOptions: {
     sourceType: 'module',
   },
-  extends: ['eslint:recommended', 'plugin:prettier/recommended'],
 }

package.json

@@ -38,7 +38,8 @@
     "@babel/runtime": "^7.15.4",
     "@commitlint/cli": "^17.4.3",
     "@commitlint/config-conventional": "^17.4.3",
-    "@typescript-eslint/parser": "^5.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.52.0",
+    "@typescript-eslint/parser": "^5.52.0",
     "babel-loader": "^8.0.6",
     "better-docs": "^2.3.2",
     "canvg": "^3.0.6",

src/customLink.ts

@@ -1,14 +1,8 @@
-import {
-  LinkDragMoveHelper,
-  generateUUID,
-  getArrowPoints,
-  calcP1,
-  calcP4,
-} from './utils/index'
+import { LinkDragMoveHelper, generateUUID, getArrowPoints, calcP1, calcP4 } from './utils/index'
 import { createSvgGroup } from './utils/svg'
 
 // TODO Link label
-export const createLink = function(from, to, isInitPaint, obj) {
+export const createLink = function (from, to, isInitPaint, obj) {
   const map = this.map.getBoundingClientRect()
   if (!from || !to) {
     return // not expand
@@ -115,10 +109,12 @@ export const createLink = function(from, to, isInitPaint, obj) {
     this.currentLink = newSvgGroup
   }
   this.linkSvgGroup.appendChild(newSvgGroup)
-  if (!isInitPaint) { this.showLinkController(p2x, p2y, p3x, p3y, newLinkObj, fromData, toData) }
+  if (!isInitPaint) {
+    this.showLinkController(p2x, p2y, p3x, p3y, newLinkObj, fromData, toData)
+  }
 }
 
-export const removeLink = function(linkSvg) {
+export const removeLink = function (linkSvg) {
   let link
   if (linkSvg) {
     link = linkSvg
@@ -134,7 +130,7 @@ export const removeLink = function(linkSvg) {
   link.remove()
   link = null
 }
-export const selectLink = function(targetElement) {
+export const selectLink = function (targetElement) {
   this.currentLink = targetElement
   const obj = targetElement.linkObj
   const from = obj.from
@@ -168,20 +164,12 @@ export const selectLink = function(targetElement) {
 
   this.showLinkController(p2x, p2y, p3x, p3y, obj, fromData, toData)
 }
-export const hideLinkController = function() {
+export const hideLinkController = function () {
   this.linkController.style.display = 'none'
   this.P2.style.display = 'none'
   this.P3.style.display = 'none'
 }
-export const showLinkController = function(
-  p2x,
-  p2y,
-  p3x,
-  p3y,
-  linkObj,
-  fromData,
-  toData
-) {
+export const showLinkController = function (p2x, p2y, p3x, p3y, linkObj, fromData, toData) {
   this.linkController.style.display = 'initial'
   this.P2.style.display = 'initial'
   this.P3.style.display = 'initial'
@@ -227,10 +215,7 @@ export const showLinkController = function(
 
     this.P2.style.top = p2y + 'px'
     this.P2.style.left = p2x + 'px'
-    this.currentLink.children[0].setAttribute(
-      'd',
-      `M ${p1x} ${p1y} C ${p2x} ${p2y} ${p3x} ${p3y} ${p4x} ${p4y}`
-    )
+    this.currentLink.children[0].setAttribute('d', `M ${p1x} ${p1y} C ${p2x} ${p2y} ${p3x} ${p3y} ${p4x} ${p4y}`)
     this.line1.setAttribute('x1', p1x)
     this.line1.setAttribute('y1', p1y)
     this.line1.setAttribute('x2', p2x)
@@ -250,14 +235,8 @@ export const showLinkController = function(
 
     this.P3.style.top = p3y + 'px'
     this.P3.style.left = p3x + 'px'
-    this.currentLink.children[0].setAttribute(
-      'd',
-      `M ${p1x} ${p1y} C ${p2x} ${p2y} ${p3x} ${p3y} ${p4x} ${p4y}`
-    )
-    this.currentLink.children[1].setAttribute(
-      'd',
-      `M ${arrowPoint.x1} ${arrowPoint.y1} L ${p4x} ${p4y} L ${arrowPoint.x2} ${arrowPoint.y2}`
-    )
+    this.currentLink.children[0].setAttribute('d', `M ${p1x} ${p1y} C ${p2x} ${p2y} ${p3x} ${p3y} ${p4x} ${p4y}`)
+    this.currentLink.children[1].setAttribute('d', `M ${arrowPoint.x1} ${arrowPoint.y1} L ${p4x} ${p4y} L ${arrowPoint.x2} ${arrowPoint.y2}`)
     this.line2.setAttribute('x1', p3x)
     this.line2.setAttribute('y1', p3y)
     this.line2.setAttribute('x2', p4x)

src/exampleData/1.js

@@ -9,7 +9,8 @@ export default {
         topic: 'logo',
         id: '56dae51a90d350a8',
         direction: 0,
-        expanded: true, children: [
+        expanded: true,
+        children: [
           {
             topic: 'mind-elixir',
             image: {
@@ -185,8 +186,7 @@ export default {
         expanded: true,
         children: [
           {
-            topic:
-              'Drag a node to another node\nand the former one will become a child node of latter one',
+            topic: 'Drag a node to another node\nand the former one will become a child node of latter one',
             id: 'bd1f07c598e729dc',
           },
         ],

src/exampleData/2.js

@@ -65,9 +65,7 @@ export default {
                           {
                             topic: 'grp',
                             id: '3390930112ea7367',
-                            tags: [
-                              'what add node actually do is to append grp tag to children',
-                            ],
+                            tags: ['what add node actually do is to append grp tag to children'],
                           },
                           { topic: 'grp...', id: '3390940a8c8380a6' },
                         ],

src/global.d.ts

@@ -1,4 +1,4 @@
 declare interface Element {
-    setAttribute(name: string, value: boolean): void;
-    setAttribute(name: string, value: number): void;
+  setAttribute(name: string, value: boolean): void
+  setAttribute(name: string, value: number): void
 }