@douyinfe/semi-foundation 2.65.0 → 2.65.2-alpha.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.
package/chat/chat.scss CHANGED
@@ -233,6 +233,7 @@ $module: #{$prefix}-chat;
233
233
  .#{$module}-attachment-file, .#{$module}-attachment-img {
234
234
  margin-top: $spacing-chat_chatBox_content_attachment-marginY;
235
235
  margin-bottom: $spacing-chat_chatBox_content_attachment-marginY;
236
+ margin-right: $spacing-chat_chatBox_content_attachment-marginRight;
236
237
  }
237
238
 
238
239
  &-user {
@@ -457,6 +458,8 @@ $module: #{$prefix}-chat;
457
458
  flex-wrap: wrap;
458
459
  column-gap: $spacing-chat_attachment-columnGap;
459
460
  row-gap: $spacing-chat_attachment-RowGap;
461
+ margin-left: $spacing-chat_attachment-marginX;
462
+ margin-right: $spacing-chat_attachment-marginX;
460
463
 
461
464
  &-item {
462
465
  position: relative;
@@ -493,7 +496,7 @@ $module: #{$prefix}-chat;
493
496
  }
494
497
 
495
498
  &-file {
496
- display: flex;
499
+ display: inline-flex;
497
500
  flex-direction: row;
498
501
  align-items: center;
499
502
  height: $width-chat_attachment_file;
@@ -67,6 +67,7 @@ $spacing-chat_inputBox_inner-columnGap: 4px; // 输入框容器列间距
67
67
  $spacing-chat_inputBox-marginY: 4px;
68
68
  $spacing-chat_attachment-columnGap: 10px; // 附件列间距
69
69
  $spacing-chat_attachment-RowGap: 5px; // 附件行间距
70
+ $spacing-chat_attachment-marginX: 12px; // 附件左右外边距
70
71
  $spacing-chat_attachment_clear-top: 8px; // 附件清除图标顶部间距
71
72
  $spacing-chat_attachment_clear-right: 8px; // 附件清除图标右内边距
72
73
  $spacing-chat_attachment_file-columnGap: 5px; // 文件附件列间距
@@ -74,6 +75,7 @@ $spacing-chat_attachment_file-padding: 5px; // 文件附件内边距
74
75
  $spacing-chat_chatBox_loading_item-gap: 15px; // 聊天内容加载图标间距
75
76
  $spacing-chat_divider-marginY: 12px; // 分割线上下外边距
76
77
  $spacing-chat_chatBox_content_attachment-marginY: 4px; // 聊天框内容文件/图片上下外间距
78
+ $spacing-chat_chatBox_content_attachment-marginRight: 4px; //聊天框内容文件/图片上下右间距
77
79
  $spacing-chat_chatBox_content_code_topSlot-paddingX: 5px; // 聊天框代码块顶部上下内边距
78
80
  $spacing-chat_chatBox_content_code_topSlot-paddingY: 8px; // 聊天框代码块顶部左右内边距
79
81
  $spacing-chat_chatBox_content_code_topSlot_copy-columnGap: 5px; // 聊天框代码块顶部复制按钮列间距:
@@ -178,6 +178,7 @@
178
178
  .semi-chat-chatBox-content .semi-chat-attachment-file, .semi-chat-chatBox-content .semi-chat-attachment-img {
179
179
  margin-top: 4px;
180
180
  margin-bottom: 4px;
181
+ margin-right: 4px;
181
182
  }
182
183
  .semi-chat-chatBox-content-user {
183
184
  background: var(--semi-color-primary);
@@ -359,6 +360,8 @@
359
360
  flex-wrap: wrap;
360
361
  column-gap: 10px;
361
362
  row-gap: 5px;
363
+ margin-left: 12px;
364
+ margin-right: 12px;
362
365
  }
363
366
  .semi-chat-attachment-item {
364
367
  position: relative;
@@ -387,7 +390,7 @@
387
390
  transform: translate(-50%, -50%);
388
391
  }
389
392
  .semi-chat-attachment-file {
390
- display: flex;
393
+ display: inline-flex;
391
394
  flex-direction: row;
392
395
  align-items: center;
393
396
  height: 50px;
@@ -233,6 +233,7 @@ $module: #{$prefix}-chat;
233
233
  .#{$module}-attachment-file, .#{$module}-attachment-img {
234
234
  margin-top: $spacing-chat_chatBox_content_attachment-marginY;
235
235
  margin-bottom: $spacing-chat_chatBox_content_attachment-marginY;
236
+ margin-right: $spacing-chat_chatBox_content_attachment-marginRight;
236
237
  }
237
238
 
238
239
  &-user {
@@ -457,6 +458,8 @@ $module: #{$prefix}-chat;
457
458
  flex-wrap: wrap;
458
459
  column-gap: $spacing-chat_attachment-columnGap;
459
460
  row-gap: $spacing-chat_attachment-RowGap;
461
+ margin-left: $spacing-chat_attachment-marginX;
462
+ margin-right: $spacing-chat_attachment-marginX;
460
463
 
461
464
  &-item {
462
465
  position: relative;
@@ -493,7 +496,7 @@ $module: #{$prefix}-chat;
493
496
  }
494
497
 
495
498
  &-file {
496
- display: flex;
499
+ display: inline-flex;
497
500
  flex-direction: row;
498
501
  align-items: center;
499
502
  height: $width-chat_attachment_file;
@@ -67,6 +67,7 @@ $spacing-chat_inputBox_inner-columnGap: 4px; // 输入框容器列间距
67
67
  $spacing-chat_inputBox-marginY: 4px;
68
68
  $spacing-chat_attachment-columnGap: 10px; // 附件列间距
69
69
  $spacing-chat_attachment-RowGap: 5px; // 附件行间距
70
+ $spacing-chat_attachment-marginX: 12px; // 附件左右外边距
70
71
  $spacing-chat_attachment_clear-top: 8px; // 附件清除图标顶部间距
71
72
  $spacing-chat_attachment_clear-right: 8px; // 附件清除图标右内边距
72
73
  $spacing-chat_attachment_file-columnGap: 5px; // 文件附件列间距
@@ -74,6 +75,7 @@ $spacing-chat_attachment_file-padding: 5px; // 文件附件内边距
74
75
  $spacing-chat_chatBox_loading_item-gap: 15px; // 聊天内容加载图标间距
75
76
  $spacing-chat_divider-marginY: 12px; // 分割线上下外边距
76
77
  $spacing-chat_chatBox_content_attachment-marginY: 4px; // 聊天框内容文件/图片上下外间距
78
+ $spacing-chat_chatBox_content_attachment-marginRight: 4px; //聊天框内容文件/图片上下右间距
77
79
  $spacing-chat_chatBox_content_code_topSlot-paddingX: 5px; // 聊天框代码块顶部上下内边距
78
80
  $spacing-chat_chatBox_content_code_topSlot-paddingY: 8px; // 聊天框代码块顶部左右内边距
79
81
  $spacing-chat_chatBox_content_code_topSlot_copy-columnGap: 5px; // 聊天框代码块顶部复制按钮列间距:
@@ -2,7 +2,7 @@ declare const cssClasses: {
2
2
  PREFIX: string;
3
3
  };
4
4
  declare const strings: {
5
- BOUNDARY_SET: ("end" | "start")[];
5
+ BOUNDARY_SET: ("start" | "end")[];
6
6
  POSITION_SET: string[];
7
7
  MODE_SET: string[];
8
8
  MODE_MAP: {
@@ -83,6 +83,6 @@ export declare function getValueOrKey(data: any, keyMaps?: KeyMapProps): any;
83
83
  export declare function normalizeValue(value: any, withObject: boolean, keyMaps?: KeyMapProps): any;
84
84
  export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
85
85
  export declare function calcDisabledKeys(keyEntities: KeyEntities, keyMaps?: KeyMapProps): Set<string>;
86
- export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | -1 | 0;
86
+ export declare function calcDropRelativePosition(event: any, treeNode: any): 0 | 1 | -1;
87
87
  export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
88
88
  export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;
@@ -18,7 +18,7 @@ declare const strings: {
18
18
  DRAG_AREA_ILLEGAL: string;
19
19
  TRIGGER_AUTO: "auto";
20
20
  TRIGGER_CUSTOM: "custom";
21
- UPLOAD_TRIGGER: ("auto" | "custom")[];
21
+ UPLOAD_TRIGGER: ("custom" | "auto")[];
22
22
  VALIDATE_STATUS: readonly ["default", "error", "warning", "success"];
23
23
  PROMPT_POSITION: readonly ["left", "right", "bottom"];
24
24
  };
@@ -178,6 +178,7 @@
178
178
  .semi-chat-chatBox-content .semi-chat-attachment-file, .semi-chat-chatBox-content .semi-chat-attachment-img {
179
179
  margin-top: 4px;
180
180
  margin-bottom: 4px;
181
+ margin-right: 4px;
181
182
  }
182
183
  .semi-chat-chatBox-content-user {
183
184
  background: var(--semi-color-primary);
@@ -359,6 +360,8 @@
359
360
  flex-wrap: wrap;
360
361
  column-gap: 10px;
361
362
  row-gap: 5px;
363
+ margin-left: 12px;
364
+ margin-right: 12px;
362
365
  }
363
366
  .semi-chat-attachment-item {
364
367
  position: relative;
@@ -387,7 +390,7 @@
387
390
  transform: translate(-50%, -50%);
388
391
  }
389
392
  .semi-chat-attachment-file {
390
- display: flex;
393
+ display: inline-flex;
391
394
  flex-direction: row;
392
395
  align-items: center;
393
396
  height: 50px;
@@ -233,6 +233,7 @@ $module: #{$prefix}-chat;
233
233
  .#{$module}-attachment-file, .#{$module}-attachment-img {
234
234
  margin-top: $spacing-chat_chatBox_content_attachment-marginY;
235
235
  margin-bottom: $spacing-chat_chatBox_content_attachment-marginY;
236
+ margin-right: $spacing-chat_chatBox_content_attachment-marginRight;
236
237
  }
237
238
 
238
239
  &-user {
@@ -457,6 +458,8 @@ $module: #{$prefix}-chat;
457
458
  flex-wrap: wrap;
458
459
  column-gap: $spacing-chat_attachment-columnGap;
459
460
  row-gap: $spacing-chat_attachment-RowGap;
461
+ margin-left: $spacing-chat_attachment-marginX;
462
+ margin-right: $spacing-chat_attachment-marginX;
460
463
 
461
464
  &-item {
462
465
  position: relative;
@@ -493,7 +496,7 @@ $module: #{$prefix}-chat;
493
496
  }
494
497
 
495
498
  &-file {
496
- display: flex;
499
+ display: inline-flex;
497
500
  flex-direction: row;
498
501
  align-items: center;
499
502
  height: $width-chat_attachment_file;
@@ -67,6 +67,7 @@ $spacing-chat_inputBox_inner-columnGap: 4px; // 输入框容器列间距
67
67
  $spacing-chat_inputBox-marginY: 4px;
68
68
  $spacing-chat_attachment-columnGap: 10px; // 附件列间距
69
69
  $spacing-chat_attachment-RowGap: 5px; // 附件行间距
70
+ $spacing-chat_attachment-marginX: 12px; // 附件左右外边距
70
71
  $spacing-chat_attachment_clear-top: 8px; // 附件清除图标顶部间距
71
72
  $spacing-chat_attachment_clear-right: 8px; // 附件清除图标右内边距
72
73
  $spacing-chat_attachment_file-columnGap: 5px; // 文件附件列间距
@@ -74,6 +75,7 @@ $spacing-chat_attachment_file-padding: 5px; // 文件附件内边距
74
75
  $spacing-chat_chatBox_loading_item-gap: 15px; // 聊天内容加载图标间距
75
76
  $spacing-chat_divider-marginY: 12px; // 分割线上下外边距
76
77
  $spacing-chat_chatBox_content_attachment-marginY: 4px; // 聊天框内容文件/图片上下外间距
78
+ $spacing-chat_chatBox_content_attachment-marginRight: 4px; //聊天框内容文件/图片上下右间距
77
79
  $spacing-chat_chatBox_content_code_topSlot-paddingX: 5px; // 聊天框代码块顶部上下内边距
78
80
  $spacing-chat_chatBox_content_code_topSlot-paddingY: 8px; // 聊天框代码块顶部左右内边距
79
81
  $spacing-chat_chatBox_content_code_topSlot_copy-columnGap: 5px; // 聊天框代码块顶部复制按钮列间距:
@@ -2,7 +2,7 @@ declare const cssClasses: {
2
2
  PREFIX: string;
3
3
  };
4
4
  declare const strings: {
5
- BOUNDARY_SET: ("end" | "start")[];
5
+ BOUNDARY_SET: ("start" | "end")[];
6
6
  POSITION_SET: string[];
7
7
  MODE_SET: string[];
8
8
  MODE_MAP: {
@@ -83,6 +83,6 @@ export declare function getValueOrKey(data: any, keyMaps?: KeyMapProps): any;
83
83
  export declare function normalizeValue(value: any, withObject: boolean, keyMaps?: KeyMapProps): any;
84
84
  export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
85
85
  export declare function calcDisabledKeys(keyEntities: KeyEntities, keyMaps?: KeyMapProps): Set<string>;
86
- export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | -1 | 0;
86
+ export declare function calcDropRelativePosition(event: any, treeNode: any): 0 | 1 | -1;
87
87
  export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
88
88
  export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;
@@ -18,7 +18,7 @@ declare const strings: {
18
18
  DRAG_AREA_ILLEGAL: string;
19
19
  TRIGGER_AUTO: "auto";
20
20
  TRIGGER_CUSTOM: "custom";
21
- UPLOAD_TRIGGER: ("auto" | "custom")[];
21
+ UPLOAD_TRIGGER: ("custom" | "auto")[];
22
22
  VALIDATE_STATUS: readonly ["default", "error", "warning", "success"];
23
23
  PROMPT_POSITION: readonly ["left", "right", "bottom"];
24
24
  };
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-foundation",
3
- "version": "2.65.0",
3
+ "version": "2.65.2-alpha.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.65.0",
10
+ "@douyinfe/semi-animation": "2.65.2-alpha.0",
11
11
  "@mdx-js/mdx": "^3.0.1",
12
12
  "async-validator": "^3.5.0",
13
13
  "classnames": "^2.2.6",
@@ -28,7 +28,7 @@
28
28
  "*.scss",
29
29
  "*.css"
30
30
  ],
31
- "gitHead": "55dccbc8187a9a46884ee5b409975bd3607da6be",
31
+ "gitHead": "f48ef2a94cb23cd5a940baba774d7a01ce7b23cb",
32
32
  "devDependencies": {
33
33
  "@babel/plugin-transform-runtime": "^7.15.8",
34
34
  "@babel/preset-env": "^7.15.8",