auto: apply newest APITable commit

Author: github-actions[bot]

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "a apitable widget",
   "engines": {
     "node": ">=8.x"

src/render_components/components/markdown/markdown.tsx

@@ -1,12 +1,15 @@
 import React, { FC } from 'react';
-import ReactMarkdown from 'react-markdown';
+import { StyleSheetManager } from 'styled-components';
+import { MarkdownStyled } from './styled';
+import { IContentWindow } from '../../render_base';
 
 interface IMarkdownProps {
   source: string;
+  window: IContentWindow;
 }
 
 export const Markdown: FC<IMarkdownProps> = (props) => {
-  const { source } = props;
+  const { source, window } = props;
 
   const LinkRenderer = (props) => {
     return (
@@ -17,8 +20,14 @@ export const Markdown: FC<IMarkdownProps> = (props) => {
   }
 
   return (
-    <ReactMarkdown components={{ a: LinkRenderer }}>
-      {source}
-    </ReactMarkdown>
+    <StyleSheetManager 
+      target={window.document.head}
+    >
+      <MarkdownStyled 
+        components={{ a: LinkRenderer }}
+      >
+        {source}
+      </MarkdownStyled>
+    </StyleSheetManager>
   );
 };

src/render_components/components/markdown/styled.ts

@@ -0,0 +1,13 @@
+import styled, { css } from 'styled-components';
+import ReactMarkdown from 'react-markdown';
+import { applyDefaultTheme } from '../utils';
+
+export const MarkdownStyled = styled(ReactMarkdown).attrs(applyDefaultTheme)`
+  ${props => {
+    const { textCommonPrimary } = props.theme.color;
+
+    return css`
+      color: ${textCommonPrimary};
+    `;
+  }}
+`;

src/render_components/components/text/styled.ts

@@ -0,0 +1,12 @@
+import styled, { css } from 'styled-components';
+import { applyDefaultTheme } from '../utils';
+
+export const TextContainer = styled.div.attrs(applyDefaultTheme)`
+  ${props => {
+    const { textCommonPrimary } = props.theme.color;
+
+    return css`
+      color: ${textCommonPrimary};
+    `;
+  }}
+`;

src/render_components/components/text/text.tsx

@@ -1,22 +1,23 @@
 import React, { FC } from 'react';
-import { useTheme } from '@apitable/components';
 import { StyleSheetManager } from 'styled-components';
+import { TextContainer } from './styled';
+import { IContentWindow } from '../../render_base';
 
 interface ITextProps {
   name: string;
+  window: IContentWindow;
 }
 
 export const Text: FC<ITextProps> = (props) => {
-  const { name } = props;
-  const { color } = useTheme();
+  const { name, window } = props;
 
   return (
     <StyleSheetManager 
       target={window.document.head}
     >
-      <div style={{ color: color.textStaticPrimary }}>
+      <TextContainer>
         {name}
-      </div>
+      </TextContainer>
     </StyleSheetManager>
   );
 }

src/render_components/output.tsx

@@ -15,10 +15,9 @@ export class OutputClass extends RenderBase implements Output {
   }
 
   public markdown(source: string) {
+    const props = { source };
     this.renderComponent(
-      <Markdown 
-        source={source}
-      />
+      <Markdown {...props as any} />
     );
   }