docs(all): add inject global styles

alibaba · May 26, 2021 · 70852e9 · 70852e9
1 parent ddd8fc9
commit 70852e9
Show file tree

Hide file tree

Showing 33 changed files with 133 additions and 193 deletions.
diff --git a/.umirc.js b/.umirc.js
@@ -1,7 +1,6 @@
 export default {
   mode: 'site',
-  logo:
-    '//img.alicdn.com/imgextra/i2/O1CN01Kq3OHU1fph6LGqjIz_!!6000000004056-55-tps-1141-150.svg',
+  logo: '//img.alicdn.com/imgextra/i2/O1CN01Kq3OHU1fph6LGqjIz_!!6000000004056-55-tps-1141-150.svg',
   title: 'Formily',
   hash: true,
   favicon:
@@ -64,8 +63,7 @@ export default {
           },
           {
             title: 'Chrome Extension',
-            path:
-              'https://chrome.google.com/webstore/detail/formily-devtools/kkocalmbfnplecdmbadaapgapdioecfm?hl=zh-CN',
+            path: 'https://chrome.google.com/webstore/detail/formily-devtools/kkocalmbfnplecdmbadaapgapdioecfm?hl=zh-CN',
           },
         ],
       },
@@ -140,8 +138,7 @@ export default {
           },
           {
             title: 'Chrome扩展',
-            path:
-              'https://chrome.google.com/webstore/detail/formily-devtools/kkocalmbfnplecdmbadaapgapdioecfm?hl=zh-CN',
+            path: 'https://chrome.google.com/webstore/detail/formily-devtools/kkocalmbfnplecdmbadaapgapdioecfm?hl=zh-CN',
           },
         ],
       },
@@ -165,6 +162,12 @@ export default {
       },
     ],
   },
+  links: [
+    {
+      rel: 'stylesheet',
+      href: 'https://unpkg.com/antd/dist/antd.css',
+    },
+  ],
   styles: [
     `.__dumi-default-navbar-logo{
       height: 60px !important;
@@ -289,8 +292,6 @@ export default {
           },
         ],
       },
-
-
     ],
 
     '/zh-CN/guide': [
@@ -396,8 +397,6 @@ export default {
           },
         ],
       },
-
-
     ],
   },
 }
diff --git a/docs/guide/advanced/calculator.md b/docs/guide/advanced/calculator.md
@@ -18,7 +18,6 @@ import {
 } from '@formily/antd'
 import { createForm } from '@formily/core'
 import { createSchemaField } from '@formily/react'
-import 'antd/lib/alert/style'
 
 const SchemaField = createSchemaField({
   components: {
@@ -174,7 +173,6 @@ import {
 } from '@formily/antd'
 import { createForm } from '@formily/core'
 import { createSchemaField } from '@formily/react'
-import 'antd/lib/alert/style'
 
 const SchemaField = createSchemaField({
   components: {
@@ -363,4 +361,3 @@ export default () => {
   )
 }
 ```
-
diff --git a/docs/guide/advanced/calculator.zh-CN.md b/docs/guide/advanced/calculator.zh-CN.md
@@ -18,7 +18,6 @@ import {
 } from '@formily/antd'
 import { createForm } from '@formily/core'
 import { createSchemaField } from '@formily/react'
-import 'antd/lib/alert/style'
 
 const SchemaField = createSchemaField({
   components: {
@@ -174,7 +173,6 @@ import {
 } from '@formily/antd'
 import { createForm } from '@formily/core'
 import { createSchemaField } from '@formily/react'
-import 'antd/lib/alert/style'
 
 const SchemaField = createSchemaField({
   components: {

diff --git a/docs/guide/advanced/destructor.md b/docs/guide/advanced/destructor.md
@@ -1,6 +1,6 @@
 # Compatible solution for front-end and back-end data differences
 
-Many times, we always encounter scenarios where the front-end data structure does not match the back-end data structure. The seemingly simple problem is actually very uncomfortable to solve. The most common problems are: 
+Many times, we always encounter scenarios where the front-end data structure does not match the back-end data structure. The seemingly simple problem is actually very uncomfortable to solve. The most common problems are:
 
 The output of the front-end date range component is an array structure, but the format required by the back-end is to split a flat data structure. This problem is largely limited by the back-end domain model. Because from the perspective of back-end model design, splitting the flat structure is the best solution;
 
@@ -22,7 +22,6 @@ import {
 } from '@formily/antd'
 import { createForm, onFieldValueChange } from '@formily/core'
 import { createSchemaField, FormConsumer } from '@formily/react'
-import 'antd/lib/alert/style'
 
 const SchemaField = createSchemaField({
   components: {
@@ -100,7 +99,6 @@ import {
 } from '@formily/antd'
 import { createForm } from '@formily/core'
 import { createSchemaField, FormConsumer } from '@formily/react'
-import 'antd/lib/alert/style'
 
 const SchemaField = createSchemaField({
   components: {
@@ -183,7 +181,6 @@ import {
 } from '@formily/antd'
 import { createForm } from '@formily/core'
 import { Field, FormConsumer } from '@formily/react'
-import 'antd/lib/alert/style'
 
 const form = createForm()
 
@@ -213,7 +210,7 @@ export default () => {
         initialValue={['2020-11-20', '2021-12-30']}
         decorator={[FormItem]}
         component={[DatePicker.RangePicker]}
-        reactions={(field)=>{
+        reactions={(field) => {
           field.visible = !!field.query('visible_destructor').value()
         }}
       />

diff --git a/docs/guide/advanced/destructor.zh-CN.md b/docs/guide/advanced/destructor.zh-CN.md
@@ -22,7 +22,6 @@ import {
 } from '@formily/antd'
 import { createForm, onFieldValueChange } from '@formily/core'
 import { createSchemaField, FormConsumer } from '@formily/react'
-import 'antd/lib/alert/style'
 
 const SchemaField = createSchemaField({
   components: {
@@ -100,7 +99,6 @@ import {
 } from '@formily/antd'
 import { createForm } from '@formily/core'
 import { createSchemaField, FormConsumer } from '@formily/react'
-import 'antd/lib/alert/style'
 
 const SchemaField = createSchemaField({
   components: {
@@ -183,7 +181,6 @@ import {
 } from '@formily/antd'
 import { createForm } from '@formily/core'
 import { Field, FormConsumer } from '@formily/react'
-import 'antd/lib/alert/style'
 
 const form = createForm()
 
@@ -213,7 +210,7 @@ export default () => {
         initialValue={['2020-11-20', '2021-12-30']}
         decorator={[FormItem]}
         component={[DatePicker.RangePicker]}
-        reactions={(field)=>{
+        reactions={(field) => {
           field.visible = !!field.query('visible_destructor').value()
         }}
       />