@douyinfe/semi-foundation 2.56.4-alpha.2 → 2.56.4-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/lib/cjs/markdownRender/foundation.d.ts +2 -1
  2. package/lib/cjs/markdownRender/foundation.js +5 -2
  3. package/lib/cjs/markdownRender/markdownRender.scss +9 -12
  4. package/lib/cjs/markdownRender/variables.scss +5 -5
  5. package/lib/es/markdownRender/foundation.d.ts +2 -1
  6. package/lib/es/markdownRender/foundation.js +5 -2
  7. package/lib/es/markdownRender/markdownRender.scss +9 -12
  8. package/lib/es/markdownRender/variables.scss +5 -5
  9. package/markdownRender/foundation.ts +6 -4
  10. package/markdownRender/markdownRender.scss +9 -12
  11. package/markdownRender/variables.scss +5 -5
  12. package/package.json +3 -3
package/lib/cjs/markdownRender/foundation.d.ts CHANGED
@@ -4,8 +4,9 @@ export interface MarkdownRenderAdapter<P = Record<string, any>, S = Record<strin
4
4
  getRuntime: () => any;
5
5
  }
6
6
  export interface MarkdownRenderBaseProps {
7
- mdxRaw: string;
7
+ raw: string;
8
8
  components: MDXProps['components'];
9
+ format: "md" | "mdx";
9
10
  }
10
11
  export interface MarkdownRenderBaseState {
11
12
  MDXContentComponent: any;
package/lib/cjs/markdownRender/foundation.js CHANGED
@@ -41,9 +41,12 @@ class MarkdownRenderFoundation extends _foundation.default {
41
41
  this.getOptions = () => {
42
42
  return {
43
43
  evaluateOptions: {
44
- remarkPlugins: [_remarkGfm.default]
44
+ remarkPlugins: [_remarkGfm.default],
45
+ format: this.getProp("format")
46
+ },
47
+ compileOptions: {
48
+ format: this.getProp("format")
45
49
  },
46
- compileOptions: {},
47
50
  runOptions: {}
48
51
  };
49
52
  };
package/lib/cjs/markdownRender/markdownRender.scss CHANGED
@@ -4,38 +4,35 @@ $module: #{$prefix}-markdownRender;
4
4
 
5
5
  .#{$module} {
6
6
 
7
- ul,li {
8
- color:$color-markdownRender_component_list
7
+ ul, li {
8
+ color: $color-markdownRender_component_list
9
9
  }
10
10
 
11
- &-component-image{
11
+ &-component-image {
12
12
  margin: $spacing-markdownRender_component_image-marginTop $spacing-markdownRender_component_image-marginRight $spacing-markdownRender_component_image-marginBottom $spacing-markdownRender_component_image-marginLeft;
13
13
  max-width: $width-markdownRender_component_image-maxWidth;
14
14
  max-height: $width-markdownRender_component_image-maxHeight;
15
- display:flex;
15
+ display: flex;
16
16
  flex-direction: column;
17
17
  justify-content: center;
18
18
 
19
- &-alt{
19
+ &-alt {
20
20
  margin-top: $spacing-markdownRender_component_image_alt-marginTop;
21
21
  text-align: center;
22
- color:$color-markdownRender_component_image_alt;
22
+ color: $color-markdownRender_component_image_alt;
23
23
  }
24
24
  }
25
25
 
26
- & &-component-header{
26
+ & &-component-header {
27
27
  margin-top: $spacing-markdownRender_component_header-marginTop;
28
28
  margin-bottom: $spacing-markdownRender_component_header-marginBottom;
29
29
  }
30
30
 
31
- &-component-p{
32
- strong{
31
+ &-component-p {
32
+ strong {
33
33
  font-weight: $font-weight-bold;
34
34
  }
35
35
  }
36
36
 
37
37
 
38
-
39
-
40
-
41
38
  }
package/lib/cjs/markdownRender/variables.scss CHANGED
@@ -1,7 +1,7 @@
1
- $spacing-markdownRender_component_image-marginLeft:16px;
2
- $spacing-markdownRender_component_image-marginRight:16px;
3
- $spacing-markdownRender_component_image-marginTop:16px;
4
- $spacing-markdownRender_component_image-marginBottom:16px;
1
+ $spacing-markdownRender_component_image-marginLeft: 16px;
2
+ $spacing-markdownRender_component_image-marginRight: 16px;
3
+ $spacing-markdownRender_component_image-marginTop: 16px;
4
+ $spacing-markdownRender_component_image-marginBottom: 16px;
5
5
  $width-markdownRender_component_image-maxWidth: 50%;
6
6
  $width-markdownRender_component_image-maxHeight: 500px;
7
7
  $spacing-markdownRender_component_image_alt-marginTop: 8px;
@@ -12,4 +12,4 @@ $spacing-markdownRender_component_header-marginBottom: 16px;
12
12
 
13
13
 
14
14
  $color-markdownRender_component_list: var(--semi-color-text-0);
15
- $color-markdownRender_component_image_alt:var(--semi-color-tertiary);
15
+ $color-markdownRender_component_image_alt: var(--semi-color-tertiary);
package/lib/es/markdownRender/foundation.d.ts CHANGED
@@ -4,8 +4,9 @@ export interface MarkdownRenderAdapter<P = Record<string, any>, S = Record<strin
4
4
  getRuntime: () => any;
5
5
  }
6
6
  export interface MarkdownRenderBaseProps {
7
- mdxRaw: string;
7
+ raw: string;
8
8
  components: MDXProps['components'];
9
+ format: "md" | "mdx";
9
10
  }
10
11
  export interface MarkdownRenderBaseState {
11
12
  MDXContentComponent: any;
package/lib/es/markdownRender/foundation.js CHANGED
@@ -34,9 +34,12 @@ class MarkdownRenderFoundation extends BaseFoundation {
34
34
  this.getOptions = () => {
35
35
  return {
36
36
  evaluateOptions: {
37
- remarkPlugins: [remarkGfm]
37
+ remarkPlugins: [remarkGfm],
38
+ format: this.getProp("format")
39
+ },
40
+ compileOptions: {
41
+ format: this.getProp("format")
38
42
  },
39
- compileOptions: {},
40
43
  runOptions: {}
41
44
  };
42
45
  };
package/lib/es/markdownRender/markdownRender.scss CHANGED
@@ -4,38 +4,35 @@ $module: #{$prefix}-markdownRender;
4
4
 
5
5
  .#{$module} {
6
6
 
7
- ul,li {
8
- color:$color-markdownRender_component_list
7
+ ul, li {
8
+ color: $color-markdownRender_component_list
9
9
  }
10
10
 
11
- &-component-image{
11
+ &-component-image {
12
12
  margin: $spacing-markdownRender_component_image-marginTop $spacing-markdownRender_component_image-marginRight $spacing-markdownRender_component_image-marginBottom $spacing-markdownRender_component_image-marginLeft;
13
13
  max-width: $width-markdownRender_component_image-maxWidth;
14
14
  max-height: $width-markdownRender_component_image-maxHeight;
15
- display:flex;
15
+ display: flex;
16
16
  flex-direction: column;
17
17
  justify-content: center;
18
18
 
19
- &-alt{
19
+ &-alt {
20
20
  margin-top: $spacing-markdownRender_component_image_alt-marginTop;
21
21
  text-align: center;
22
- color:$color-markdownRender_component_image_alt;
22
+ color: $color-markdownRender_component_image_alt;
23
23
  }
24
24
  }
25
25
 
26
- & &-component-header{
26
+ & &-component-header {
27
27
  margin-top: $spacing-markdownRender_component_header-marginTop;
28
28
  margin-bottom: $spacing-markdownRender_component_header-marginBottom;
29
29
  }
30
30
 
31
- &-component-p{
32
- strong{
31
+ &-component-p {
32
+ strong {
33
33
  font-weight: $font-weight-bold;
34
34
  }
35
35
  }
36
36
 
37
37
 
38
-
39
-
40
-
41
38
  }
package/lib/es/markdownRender/variables.scss CHANGED
@@ -1,7 +1,7 @@
1
- $spacing-markdownRender_component_image-marginLeft:16px;
2
- $spacing-markdownRender_component_image-marginRight:16px;
3
- $spacing-markdownRender_component_image-marginTop:16px;
4
- $spacing-markdownRender_component_image-marginBottom:16px;
1
+ $spacing-markdownRender_component_image-marginLeft: 16px;
2
+ $spacing-markdownRender_component_image-marginRight: 16px;
3
+ $spacing-markdownRender_component_image-marginTop: 16px;
4
+ $spacing-markdownRender_component_image-marginBottom: 16px;
5
5
  $width-markdownRender_component_image-maxWidth: 50%;
6
6
  $width-markdownRender_component_image-maxHeight: 500px;
7
7
  $spacing-markdownRender_component_image_alt-marginTop: 8px;
@@ -12,4 +12,4 @@ $spacing-markdownRender_component_header-marginBottom: 16px;
12
12
 
13
13
 
14
14
  $color-markdownRender_component_list: var(--semi-color-text-0);
15
- $color-markdownRender_component_image_alt:var(--semi-color-tertiary);
15
+ $color-markdownRender_component_image_alt: var(--semi-color-tertiary);
package/markdownRender/foundation.ts CHANGED
@@ -11,8 +11,9 @@ export interface MarkdownRenderAdapter <P = Record<string, any>, S = Record<stri
11
11
 
12
12
 
13
13
  export interface MarkdownRenderBaseProps{
14
- mdxRaw: string;
15
- components: MDXProps['components']
14
+ raw: string;
15
+ components: MDXProps['components'];
16
+ format: "md"|"mdx"
16
17
  }
17
18
 
18
19
 
@@ -25,10 +26,11 @@ class MarkdownRenderFoundation extends BaseFoundation<MarkdownRenderAdapter> {
25
26
  private getOptions = ()=>{
26
27
  return {
27
28
  evaluateOptions: {
28
- remarkPlugins: [remarkGfm]
29
+ remarkPlugins: [remarkGfm],
30
+ format: this.getProp("format")
29
31
  },
30
32
  compileOptions: {
31
-
33
+ format: this.getProp("format")
32
34
  },
33
35
  runOptions: {
34
36
  }
package/markdownRender/markdownRender.scss CHANGED
@@ -4,38 +4,35 @@ $module: #{$prefix}-markdownRender;
4
4
 
5
5
  .#{$module} {
6
6
 
7
- ul,li {
8
- color:$color-markdownRender_component_list
7
+ ul, li {
8
+ color: $color-markdownRender_component_list
9
9
  }
10
10
 
11
- &-component-image{
11
+ &-component-image {
12
12
  margin: $spacing-markdownRender_component_image-marginTop $spacing-markdownRender_component_image-marginRight $spacing-markdownRender_component_image-marginBottom $spacing-markdownRender_component_image-marginLeft;
13
13
  max-width: $width-markdownRender_component_image-maxWidth;
14
14
  max-height: $width-markdownRender_component_image-maxHeight;
15
- display:flex;
15
+ display: flex;
16
16
  flex-direction: column;
17
17
  justify-content: center;
18
18
 
19
- &-alt{
19
+ &-alt {
20
20
  margin-top: $spacing-markdownRender_component_image_alt-marginTop;
21
21
  text-align: center;
22
- color:$color-markdownRender_component_image_alt;
22
+ color: $color-markdownRender_component_image_alt;
23
23
  }
24
24
  }
25
25
 
26
- & &-component-header{
26
+ & &-component-header {
27
27
  margin-top: $spacing-markdownRender_component_header-marginTop;
28
28
  margin-bottom: $spacing-markdownRender_component_header-marginBottom;
29
29
  }
30
30
 
31
- &-component-p{
32
- strong{
31
+ &-component-p {
32
+ strong {
33
33
  font-weight: $font-weight-bold;
34
34
  }
35
35
  }
36
36
 
37
37
 
38
-
39
-
40
-
41
38
  }
package/markdownRender/variables.scss CHANGED
@@ -1,7 +1,7 @@
1
- $spacing-markdownRender_component_image-marginLeft:16px;
2
- $spacing-markdownRender_component_image-marginRight:16px;
3
- $spacing-markdownRender_component_image-marginTop:16px;
4
- $spacing-markdownRender_component_image-marginBottom:16px;
1
+ $spacing-markdownRender_component_image-marginLeft: 16px;
2
+ $spacing-markdownRender_component_image-marginRight: 16px;
3
+ $spacing-markdownRender_component_image-marginTop: 16px;
4
+ $spacing-markdownRender_component_image-marginBottom: 16px;
5
5
  $width-markdownRender_component_image-maxWidth: 50%;
6
6
  $width-markdownRender_component_image-maxHeight: 500px;
7
7
  $spacing-markdownRender_component_image_alt-marginTop: 8px;
@@ -12,4 +12,4 @@ $spacing-markdownRender_component_header-marginBottom: 16px;
12
12
 
13
13
 
14
14
  $color-markdownRender_component_list: var(--semi-color-text-0);
15
- $color-markdownRender_component_image_alt:var(--semi-color-tertiary);
15
+ $color-markdownRender_component_image_alt: var(--semi-color-tertiary);
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-foundation",
3
- "version": "2.56.4-alpha.2",
3
+ "version": "2.56.4-alpha.4",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "build:lib": "node ./scripts/compileLib.js",
7
7
  "prepublishOnly": "npm run build:lib"
8
8
  },
9
9
  "dependencies": {
10
- "@douyinfe/semi-animation": "2.56.4-alpha.2",
10
+ "@douyinfe/semi-animation": "2.56.4-alpha.4",
11
11
  "@mdx-js/mdx": "^3.0.1",
12
12
  "async-validator": "^3.5.0",
13
13
  "classnames": "^2.2.6",
@@ -26,7 +26,7 @@
26
26
  "*.scss",
27
27
  "*.css"
28
28
  ],
29
- "gitHead": "da5eaf67cac576a79ab6e556874d05b6c061c94a",
29
+ "gitHead": "f73f819fa77d637dd93549b9205dfd690afff69e",
30
30
  "devDependencies": {
31
31
  "@babel/plugin-transform-runtime": "^7.15.8",
32
32
  "@babel/preset-env": "^7.15.8",