ui: add MySqlFormatter to customize the sql formatter (#805)

pingcap · Nov 26, 2020 · 8804bf8 · 8804bf8
1 parent a673ded
commit 8804bf8
Show file tree

Hide file tree

Showing 7 changed files with 382 additions and 9 deletions.
diff --git a/ui/lib/apps/SlowQuery/pages/Detail/index.tsx b/ui/lib/apps/SlowQuery/pages/Detail/index.tsx
@@ -8,7 +8,7 @@ import { useLocalStorageState } from '@umijs/hooks'
 import client from '@lib/client'
 import { useClientRequest } from '@lib/utils/useClientRequest'
 import { buildQueryFn, parseQueryFn } from '@lib/utils/query'
-import formatSql from '@lib/utils/formatSql'
+import formatSql from '@lib/utils/sqlFormatter'
 import {
   AnimatedSkeleton,
   CardTabs,

diff --git a/ui/lib/apps/Statement/pages/Detail/PlanDetail.tsx b/ui/lib/apps/Statement/pages/Detail/PlanDetail.tsx
@@ -16,7 +16,7 @@ import {
 } from '@lib/components'
 import { useClientRequest } from '@lib/utils/useClientRequest'
 import client from '@lib/client'
-import formatSql from '@lib/utils/formatSql'
+import formatSql from '@lib/utils/sqlFormatter'
 
 import { IPageQuery } from '.'
 import TabBasic from './PlanDetailTabBasic'

diff --git a/ui/lib/apps/Statement/pages/Detail/index.tsx b/ui/lib/apps/Statement/pages/Detail/index.tsx
@@ -20,7 +20,7 @@ import {
   TextWithInfo,
 } from '@lib/components'
 import CopyLink from '@lib/components/CopyLink'
-import formatSql from '@lib/utils/formatSql'
+import formatSql from '@lib/utils/sqlFormatter'
 import { buildQueryFn, parseQueryFn } from '@lib/utils/query'
 import { useClientRequest } from '@lib/utils/useClientRequest'
 

diff --git a/ui/lib/components/HighlightSQL/index.tsx b/ui/lib/components/HighlightSQL/index.tsx
@@ -5,7 +5,7 @@ import sql from 'react-syntax-highlighter/dist/esm/languages/hljs/sql'
 import lightTheme from 'react-syntax-highlighter/dist/esm/styles/hljs/atom-one-light'
 import darkTheme from 'react-syntax-highlighter/dist/esm/styles/hljs/atom-one-dark'
 import Pre from '../Pre'
-import formatSql from '@lib/utils/formatSql'
+import formatSql from '@lib/utils/sqlFormatter'
 import moize from 'moize'
 
 SyntaxHighlighter.registerLanguage('sql', sql)

diff --git a/ui/lib/utils/formatSql.ts b/ui/lib/utils/formatSql.ts