@alifd/chat 0.3.0-beta.10 → 0.3.0-beta.12

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 (9) hide show
  1. package/es/drawer/index.js +2 -4
  2. package/es/drawer/main.scss +3 -1
  3. package/es/index.js +1 -1
  4. package/es/markdown/main.scss +6 -3
  5. package/lib/drawer/index.js +2 -4
  6. package/lib/drawer/main.scss +3 -1
  7. package/lib/index.js +1 -1
  8. package/lib/markdown/main.scss +6 -3
  9. package/package.json +1 -1
package/es/drawer/index.js CHANGED
@@ -14,11 +14,9 @@ const Drawer = forwardRef((_a, ref) => {
14
14
  var { className, headerStyle, children, footer, footerClassName } = _a, props = __rest(_a, ["className", "headerStyle", "children", "footer", "footerClassName"]);
15
15
  // 对齐小蜜现有的底部
16
16
  const defaultHeaderStyle = {
17
- "border-bottom:": "1px solid var(--40gmM)",
18
- "border-top-left-radius": "16px",
19
- "border-top-right-radius": "16px",
17
+ "border-bottom:": "1px solid var(--40gmM)"
20
18
  };
21
- return (React.createElement(NextDrawer, Object.assign({}, props, { ref: ref, headerStyle: Object.assign(Object.assign({}, defaultHeaderStyle), headerStyle), className: cs(`${PREFIX_DEFAULT}drawer`, className) }),
19
+ return (React.createElement(NextDrawer, Object.assign({}, props, { v2: true, ref: ref, headerStyle: Object.assign(Object.assign({}, defaultHeaderStyle), headerStyle), className: cs(`${PREFIX_DEFAULT}drawer`, className) }),
22
20
  React.createElement("div", { className: 'draw-content' }, children),
23
21
  footer && footer.length && React.createElement("div", { className: cs('draw-footer', footerClassName) }, footer)));
24
22
  });
package/es/drawer/main.scss CHANGED
@@ -1,7 +1,9 @@
1
1
  @import "../core/variables.scss";
2
2
 
3
3
  .#{$prefix}drawer {
4
- border: none;
4
+
5
+ border-top-left-radius: 16px;
6
+ border-top-right-radius: 16px;
5
7
 
6
8
  .draw-footer {
7
9
  width: calc(100% - 40px);
package/es/index.js CHANGED
@@ -20,4 +20,4 @@ export { default as CardLoading } from './card-loading';
20
20
  export { default as Origin } from './origin';
21
21
  export { default as Loading } from './loading';
22
22
  export { default as Drawer } from './drawer';
23
- export const version = '0.3.0-beta.10';
23
+ export const version = '0.3.0-beta.12';
package/es/markdown/main.scss CHANGED
@@ -77,7 +77,7 @@ $subTextColor: $color-text1-2;
77
77
  // margin-top: 8px;
78
78
  justify-content: space-between;
79
79
  align-items: center;
80
- background-color: #EAECED;
80
+ background-color: var(--common_gray5_color);
81
81
  padding: 5px 10px;
82
82
  border-top-left-radius: 4px;
83
83
  border-top-right-radius: 4px;
@@ -90,6 +90,7 @@ $subTextColor: $color-text1-2;
90
90
 
91
91
  .code-block-copy {
92
92
  color: var(--common_level3_base_color);
93
+ background-color: transparent;
93
94
  border: none;
94
95
  border-radius: 4px;
95
96
  height: 20px;
@@ -97,15 +98,17 @@ $subTextColor: $color-text1-2;
97
98
  }
98
99
 
99
100
  pre {
100
- background-color: #f8f8f8;
101
+ background-color: var(--common_gray5_color);
101
102
  border-bottom-left-radius: 14px;
102
103
  border-bottom-right-radius: 14px;
104
+ border-top-left-radius: 0;
105
+ border-top-right-radius: 0px;
103
106
  padding: 10px;
104
107
  margin-bottom: 10px;
105
108
  }
106
109
 
107
110
  .code-block-copy:hover {
108
- background-color: #d2d2d2;
111
+ color: var(--common_gray4_color);
109
112
  }
110
113
  //https://done.alibaba-inc.com/dsm/16247/theme/style/font?type=theme&themeid=126576
111
114
 
package/lib/drawer/index.js CHANGED
@@ -16,11 +16,9 @@ const Drawer = (0, react_1.forwardRef)((_a, ref) => {
16
16
  var { className, headerStyle, children, footer, footerClassName } = _a, props = tslib_1.__rest(_a, ["className", "headerStyle", "children", "footer", "footerClassName"]);
17
17
  // 对齐小蜜现有的底部
18
18
  const defaultHeaderStyle = {
19
- "border-bottom:": "1px solid var(--40gmM)",
20
- "border-top-left-radius": "16px",
21
- "border-top-right-radius": "16px",
19
+ "border-bottom:": "1px solid var(--40gmM)"
22
20
  };
23
- return (react_1.default.createElement(next_1.Drawer, Object.assign({}, props, { ref: ref, headerStyle: Object.assign(Object.assign({}, defaultHeaderStyle), headerStyle), className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}drawer`, className) }),
21
+ return (react_1.default.createElement(next_1.Drawer, Object.assign({}, props, { v2: true, ref: ref, headerStyle: Object.assign(Object.assign({}, defaultHeaderStyle), headerStyle), className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}drawer`, className) }),
24
22
  react_1.default.createElement("div", { className: 'draw-content' }, children),
25
23
  footer && footer.length && react_1.default.createElement("div", { className: (0, classnames_1.default)('draw-footer', footerClassName) }, footer)));
26
24
  });
package/lib/drawer/main.scss CHANGED
@@ -1,7 +1,9 @@
1
1
  @import "../core/variables.scss";
2
2
 
3
3
  .#{$prefix}drawer {
4
- border: none;
4
+
5
+ border-top-left-radius: 16px;
6
+ border-top-right-radius: 16px;
5
7
 
6
8
  .draw-footer {
7
9
  width: calc(100% - 40px);
package/lib/index.js CHANGED
@@ -46,4 +46,4 @@ var loading_1 = require("./loading");
46
46
  Object.defineProperty(exports, "Loading", { enumerable: true, get: function () { return tslib_1.__importDefault(loading_1).default; } });
47
47
  var drawer_1 = require("./drawer");
48
48
  Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return tslib_1.__importDefault(drawer_1).default; } });
49
- exports.version = '0.3.0-beta.10';
49
+ exports.version = '0.3.0-beta.12';
package/lib/markdown/main.scss CHANGED
@@ -77,7 +77,7 @@ $subTextColor: $color-text1-2;
77
77
  // margin-top: 8px;
78
78
  justify-content: space-between;
79
79
  align-items: center;
80
- background-color: #EAECED;
80
+ background-color: var(--common_gray5_color);
81
81
  padding: 5px 10px;
82
82
  border-top-left-radius: 4px;
83
83
  border-top-right-radius: 4px;
@@ -90,6 +90,7 @@ $subTextColor: $color-text1-2;
90
90
 
91
91
  .code-block-copy {
92
92
  color: var(--common_level3_base_color);
93
+ background-color: transparent;
93
94
  border: none;
94
95
  border-radius: 4px;
95
96
  height: 20px;
@@ -97,15 +98,17 @@ $subTextColor: $color-text1-2;
97
98
  }
98
99
 
99
100
  pre {
100
- background-color: #f8f8f8;
101
+ background-color: var(--common_gray5_color);
101
102
  border-bottom-left-radius: 14px;
102
103
  border-bottom-right-radius: 14px;
104
+ border-top-left-radius: 0;
105
+ border-top-right-radius: 0px;
103
106
  padding: 10px;
104
107
  margin-bottom: 10px;
105
108
  }
106
109
 
107
110
  .code-block-copy:hover {
108
- background-color: #d2d2d2;
111
+ color: var(--common_gray4_color);
109
112
  }
110
113
  //https://done.alibaba-inc.com/dsm/16247/theme/style/font?type=theme&themeid=126576
111
114
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alifd/chat",
3
- "version": "0.3.0-beta.10",
3
+ "version": "0.3.0-beta.12",
4
4
  "description": "A configurable component library for chat built on React.",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",