ts,tsx code format

Author: xpioneer

.eslintrc.js

@@ -84,6 +84,7 @@ module.exports = {
     '@typescript-eslint/space-before-function-paren': [2],
     '@typescript-eslint/keyword-spacing': [2, ],
     '@typescript-eslint/comma-spacing': 2,
-    '@typescript-eslint/type-annotation-spacing': 2
+    '@typescript-eslint/type-annotation-spacing': 2,
+    '@typescript-eslint/ban-types': 0
   }
 }

src/components/editor/index.tsx

@@ -29,7 +29,7 @@ const toolbarOptions = [
 interface IEditor {
   disabled?: boolean
   value: string
-  onChange(text: string): Function
+  onChange(text: string): () => void
 }
 
 export default class QuillEditorComponent extends React.Component<IEditor> {
@@ -49,7 +49,7 @@ export default class QuillEditorComponent extends React.Component<IEditor> {
 
   $editor: HTMLDivElement = null
 
-  componentDidMount() {
+  componentDidMount () {
     const { onChange } = this.props
     const { $editor } = this
     this.quillEditor = new Quill($editor, this.quillOptions)
@@ -59,7 +59,7 @@ export default class QuillEditorComponent extends React.Component<IEditor> {
       if (_html === '<p><br></p>') {
         _html = ''
       }
-      if(this.oldVal !== _html) {
+      if (this.oldVal !== _html) {
         this.oldVal = _html
         onChange && onChange(_html)
       }
@@ -70,13 +70,13 @@ export default class QuillEditorComponent extends React.Component<IEditor> {
   changeEditorText = () => {
     const { value } = this.props
     // 赋值
-    if(this.oldVal !== value && value !== undefined && this.quillEditor) {
+    if (this.oldVal !== value && value !== undefined && this.quillEditor) {
       this.quillEditor.root.innerHTML = value
       this.oldVal = value
     }
   }
 
-  render(){
+  render () {
     const { disabled } = this.props
     this.changeEditorText()
 

src/components/loading.tsx

@@ -7,7 +7,7 @@ interface ILoadingProps {
 
 export default class Loading extends React.Component<ILoadingProps> {
 
-  render() {
+  render () {
     const { size = 'default' } = this.props
 
     return (

src/pages/article/articleCreate.tsx

@@ -29,11 +29,11 @@ export default class ArticleCreate extends React.Component<IProps> {
     this.props.history.push(`/home/blog-article/${id}`)
   }
 
-  componentDidMount() {
+  componentDidMount () {
     this.props.articleCreateStore.getInitData()
   }
 
-  render(){
+  render () {
     const { mainData, typeList, tagList, tagChange, inputChange, save } = this.props.articleCreateStore
 
     return <React.Fragment>

src/pages/article/articleCreateStore.ts

@@ -44,14 +44,14 @@ class articleCreateStore {
     })
   }
 
-  @action save = (cb: Function) => {
+  @action save = (cb: (args: any) => void) => {
     this.loading = true
 
     $http.post(GRAPHQL_API, {
       query: postArticle,
       variables: {input: this.mainData}
     }).then((res: any) => {
-      const {article:{id}} = res.data
+      const {article: {id}} = res.data
       cb(id)
       runInAction(() => {
         this.loading = false

src/pages/article/articleEdit.tsx

@@ -25,12 +25,12 @@ export default class ArticleEdit extends React.Component<IProps> {
     this.props.history.go(-1)
   }
 
-  componentDidMount() {
+  componentDidMount () {
     const {id}: any = this.props.match.params
     this.props.articleEditStore.getDetail(id)
   }
 
-  render(){
+  render () {
     const { mainData, typeList, tagList, tagChange, inputChange, update } = this.props.articleEditStore
 
     return <React.Fragment>

src/pages/article/articleList.tsx

@@ -52,19 +52,19 @@ export default class ArticleList extends React.Component<IProps> {
     render: (text: string, record, index) => <Button size="small" type="primary" onClick={() => this.viewDetail(record)}>详情</Button>,
   }]
 
-  viewDetail(data: IArticle) {
+  viewDetail (data: IArticle) {
     this.props.history.push(`/home/blog-article/${data.id}`)
   }
 
   create = () => {
     this.props.history.push('/home/blog-articleCreate')
   }
 
-  componentDidMount() {
+  componentDidMount () {
     this.props.articleListStore.search()
   }
 
-  render(){
+  render () {
     const { value, loading, list, meta, createdAt, inputChange, search, clear } = this.props.articleListStore
 
     return <React.Fragment>

src/pages/article/articleListStore.ts

@@ -28,7 +28,7 @@ class articleListStore {
 
 
   @action inputChange = (value: any, type: string) => {
-    if(type === 'createdAt') {
+    if (type === 'createdAt') {
       this.createdAt = value
       const range = value
       this.value[type] = range.map((d: Moment, index: number) => {
@@ -55,7 +55,7 @@ class articleListStore {
   @action search = (pagination: any = {}, filters: any, orders: any) => {
     this.value['page'] = pagination.current || 1
 
-    if(orders && Object.keys(orders).length > 0) {
+    if (orders && Object.keys(orders).length > 0) {
       this.value.order[orders.field] = orders.order === 'ascend' ? 'ASC' : 'DESC'
     }
 

src/pages/articleType/articleTypeCreate.tsx

@@ -16,11 +16,11 @@ export default class ArticleTypeCreate extends React.Component<IProps> {
     this.props.history.push(`/home/blog-type/${id}`)
   }
 
-  componentDidMount() {
+  componentDidMount () {
     // 
   }
 
-  render(){
+  render () {
     const { mainData, inputChange, save } = this.props.articleTypeCreateStore
 
     return <React.Fragment>

src/pages/articleType/articleTypeCreateStore.ts

@@ -17,7 +17,7 @@ class articleTypeCreateStore {
       query: postArticleType,
       variables: this.mainData
     }).then((res: any) => {
-      const {articleType:{id}} = res.data
+      const {articleType: {id}} = res.data
       cb(id)
       runInAction(() => {
         this.loading = false