@douyinfe/semi-foundation 2.78.0-beta.0 → 2.78.0

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 (17) hide show
  1. package/backtop/foundation.ts +3 -0
  2. package/lib/cjs/backtop/foundation.js +3 -0
  3. package/lib/cjs/scrollList/scrollList.css +1 -0
  4. package/lib/cjs/scrollList/scrollList.scss +1 -0
  5. package/lib/cjs/scrollList/variables.scss +1 -0
  6. package/lib/cjs/table/animation.scss +1 -1
  7. package/lib/cjs/table/table.css +1 -1
  8. package/lib/es/backtop/foundation.js +3 -0
  9. package/lib/es/scrollList/scrollList.css +1 -0
  10. package/lib/es/scrollList/scrollList.scss +1 -0
  11. package/lib/es/scrollList/variables.scss +1 -0
  12. package/lib/es/table/animation.scss +1 -1
  13. package/lib/es/table/table.css +1 -1
  14. package/package.json +4 -4
  15. package/scrollList/scrollList.scss +1 -0
  16. package/scrollList/variables.scss +1 -0
  17. package/table/animation.scss +1 -1
package/backtop/foundation.ts CHANGED
@@ -22,6 +22,9 @@ export default class BackTopFoundation extends BaseFoundation<BackTopAdapter> {
22
22
  init() {
23
23
  const { target } = this.getProps();
24
24
  const targetNode = target();
25
+ if (!targetNode) {
26
+ return;
27
+ }
25
28
  targetNode.addEventListener('scroll', this.handleScroll);
26
29
  this.handleScroll();
27
30
  }
package/lib/cjs/backtop/foundation.js CHANGED
@@ -51,6 +51,9 @@ class BackTopFoundation extends _foundation.default {
51
51
  target
52
52
  } = this.getProps();
53
53
  const targetNode = target();
54
+ if (!targetNode) {
55
+ return;
56
+ }
54
57
  targetNode.addEventListener('scroll', this.handleScroll);
55
58
  this.handleScroll();
56
59
  }
package/lib/cjs/scrollList/scrollList.css CHANGED
@@ -17,6 +17,7 @@
17
17
  .semi-scrolllist-header {
18
18
  text-align: center;
19
19
  padding: 0 16px;
20
+ background: transparent;
20
21
  }
21
22
  .semi-scrolllist-header-title {
22
23
  padding: 16px 0;
package/lib/cjs/scrollList/scrollList.scss CHANGED
@@ -22,6 +22,7 @@ $module: #{$prefix}-scrolllist;
22
22
  &-header {
23
23
  text-align: center;
24
24
  padding: $spacing-scrollList_header-paddingY $spacing-scrollList_header-paddingX;
25
+ background: $color-scrollList_header-bg;
25
26
 
26
27
  &-title {
27
28
  padding: $spacing-scrollList_header_title-paddingY $spacing-scrollList_header_title-paddingX;
package/lib/cjs/scrollList/variables.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  // Color
2
2
  $color-scrollList-bg: var(--semi-color-bg-3); // 滚动列表背景色
3
3
  $color-scrollList-border: var(--semi-color-border); // 滚动列表描边颜色
4
+ $color-scrollList_header-bg: transparent; // 滚动列表 header 背景色
4
5
  $color-scrollList_header-title: var(--semi-color-text-0); // 滚动列表标题颜色
5
6
  $color-scrollList_item-bg: transparent; // 滚动列表选项背景色
6
7
  $color-scrollList_item-text: var(--semi-color-text-0); // 滚动列表选项文字颜色
package/lib/cjs/table/animation.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  $transition_duration-table_body-bg: var(--semi-transition_duration-none); // 表格-背景颜色-动画持续时间
2
2
  $transition_function-table_body-bg: var(--semi-transition_function-easeOut); // 表格-背景颜色-过渡曲线
3
3
  $transition_delay-table_body-bg: 0ms; // 表格-背景颜色-延迟时间
4
- $transition_duration-table_row-head-bg: 0.1s; // 表格-行头-背景颜色-动画持续时间
4
+ $transition_duration-table_row-head-bg: var(--semi-transition_duration-none); // 表格-行头-背景颜色-动画持续时间
5
5
  $transition_function-table_row-head-bg: linear; // 表格-行头-背景颜色-过渡曲线
package/lib/cjs/table/table.css CHANGED
@@ -134,7 +134,7 @@
134
134
  vertical-align: middle;
135
135
  overflow-wrap: break-word;
136
136
  position: relative;
137
- transition: background-color 0.1s linear;
137
+ transition: background-color var(--semi-transition_duration-none) linear;
138
138
  }
139
139
  .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort {
140
140
  cursor: pointer;
package/lib/es/backtop/foundation.js CHANGED
@@ -44,6 +44,9 @@ export default class BackTopFoundation extends BaseFoundation {
44
44
  target
45
45
  } = this.getProps();
46
46
  const targetNode = target();
47
+ if (!targetNode) {
48
+ return;
49
+ }
47
50
  targetNode.addEventListener('scroll', this.handleScroll);
48
51
  this.handleScroll();
49
52
  }
package/lib/es/scrollList/scrollList.css CHANGED
@@ -17,6 +17,7 @@
17
17
  .semi-scrolllist-header {
18
18
  text-align: center;
19
19
  padding: 0 16px;
20
+ background: transparent;
20
21
  }
21
22
  .semi-scrolllist-header-title {
22
23
  padding: 16px 0;
package/lib/es/scrollList/scrollList.scss CHANGED
@@ -22,6 +22,7 @@ $module: #{$prefix}-scrolllist;
22
22
  &-header {
23
23
  text-align: center;
24
24
  padding: $spacing-scrollList_header-paddingY $spacing-scrollList_header-paddingX;
25
+ background: $color-scrollList_header-bg;
25
26
 
26
27
  &-title {
27
28
  padding: $spacing-scrollList_header_title-paddingY $spacing-scrollList_header_title-paddingX;
package/lib/es/scrollList/variables.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  // Color
2
2
  $color-scrollList-bg: var(--semi-color-bg-3); // 滚动列表背景色
3
3
  $color-scrollList-border: var(--semi-color-border); // 滚动列表描边颜色
4
+ $color-scrollList_header-bg: transparent; // 滚动列表 header 背景色
4
5
  $color-scrollList_header-title: var(--semi-color-text-0); // 滚动列表标题颜色
5
6
  $color-scrollList_item-bg: transparent; // 滚动列表选项背景色
6
7
  $color-scrollList_item-text: var(--semi-color-text-0); // 滚动列表选项文字颜色
package/lib/es/table/animation.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  $transition_duration-table_body-bg: var(--semi-transition_duration-none); // 表格-背景颜色-动画持续时间
2
2
  $transition_function-table_body-bg: var(--semi-transition_function-easeOut); // 表格-背景颜色-过渡曲线
3
3
  $transition_delay-table_body-bg: 0ms; // 表格-背景颜色-延迟时间
4
- $transition_duration-table_row-head-bg: 0.1s; // 表格-行头-背景颜色-动画持续时间
4
+ $transition_duration-table_row-head-bg: var(--semi-transition_duration-none); // 表格-行头-背景颜色-动画持续时间
5
5
  $transition_function-table_row-head-bg: linear; // 表格-行头-背景颜色-过渡曲线
package/lib/es/table/table.css CHANGED
@@ -134,7 +134,7 @@
134
134
  vertical-align: middle;
135
135
  overflow-wrap: break-word;
136
136
  position: relative;
137
- transition: background-color 0.1s linear;
137
+ transition: background-color var(--semi-transition_duration-none) linear;
138
138
  }
139
139
  .semi-table-thead > .semi-table-row > .semi-table-row-head.semi-table-row-head-clickSort {
140
140
  cursor: pointer;
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-foundation",
3
- "version": "2.78.0-beta.0",
3
+ "version": "2.78.0",
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.78.0-beta.0",
11
- "@douyinfe/semi-json-viewer-core": "2.78.0-beta.0",
10
+ "@douyinfe/semi-animation": "2.78.0",
11
+ "@douyinfe/semi-json-viewer-core": "2.78.0",
12
12
  "@mdx-js/mdx": "^3.0.1",
13
13
  "async-validator": "^3.5.0",
14
14
  "classnames": "^2.2.6",
@@ -29,7 +29,7 @@
29
29
  "*.scss",
30
30
  "*.css"
31
31
  ],
32
- "gitHead": "763dd181e5b8c00d69b15a0cec20b011532742ab",
32
+ "gitHead": "eb0c5baa2dd7436a6d4118eebde39f3da67eef7f",
33
33
  "devDependencies": {
34
34
  "@babel/plugin-transform-runtime": "^7.15.8",
35
35
  "@babel/preset-env": "^7.15.8",
package/scrollList/scrollList.scss CHANGED
@@ -22,6 +22,7 @@ $module: #{$prefix}-scrolllist;
22
22
  &-header {
23
23
  text-align: center;
24
24
  padding: $spacing-scrollList_header-paddingY $spacing-scrollList_header-paddingX;
25
+ background: $color-scrollList_header-bg;
25
26
 
26
27
  &-title {
27
28
  padding: $spacing-scrollList_header_title-paddingY $spacing-scrollList_header_title-paddingX;
package/scrollList/variables.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  // Color
2
2
  $color-scrollList-bg: var(--semi-color-bg-3); // 滚动列表背景色
3
3
  $color-scrollList-border: var(--semi-color-border); // 滚动列表描边颜色
4
+ $color-scrollList_header-bg: transparent; // 滚动列表 header 背景色
4
5
  $color-scrollList_header-title: var(--semi-color-text-0); // 滚动列表标题颜色
5
6
  $color-scrollList_item-bg: transparent; // 滚动列表选项背景色
6
7
  $color-scrollList_item-text: var(--semi-color-text-0); // 滚动列表选项文字颜色
package/table/animation.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  $transition_duration-table_body-bg: var(--semi-transition_duration-none); // 表格-背景颜色-动画持续时间
2
2
  $transition_function-table_body-bg: var(--semi-transition_function-easeOut); // 表格-背景颜色-过渡曲线
3
3
  $transition_delay-table_body-bg: 0ms; // 表格-背景颜色-延迟时间
4
- $transition_duration-table_row-head-bg: 0.1s; // 表格-行头-背景颜色-动画持续时间
4
+ $transition_duration-table_row-head-bg: var(--semi-transition_duration-none); // 表格-行头-背景颜色-动画持续时间
5
5
  $transition_function-table_row-head-bg: linear; // 表格-行头-背景颜色-过渡曲线