@alifd/chat 0.3.10-beta.5 → 0.3.10-beta.6

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 (53) hide show
  1. package/dist/docs/balloon/458.css +1 -1
  2. package/dist/docs/balloon/main.js +1 -1
  3. package/dist/docs/button/458.css +1 -1
  4. package/dist/docs/button/main.js +1 -1
  5. package/dist/docs/card/458.css +1 -1
  6. package/dist/docs/card/main.js +1 -1
  7. package/dist/docs/card-loading/458.css +1 -1
  8. package/dist/docs/card-loading/main.js +1 -1
  9. package/dist/docs/date-picker/458.css +1 -1
  10. package/dist/docs/date-picker/main.js +1 -1
  11. package/dist/docs/drawer/458.css +1 -1
  12. package/dist/docs/drawer/main.js +1 -1
  13. package/dist/docs/feedback/458.css +1 -1
  14. package/dist/docs/feedback/main.js +1 -1
  15. package/dist/docs/float-button/458.css +1 -1
  16. package/dist/docs/float-button/main.js +1 -1
  17. package/dist/docs/html-render/458.css +1 -1
  18. package/dist/docs/html-render/main.js +1 -1
  19. package/dist/docs/icon/458.css +1 -1
  20. package/dist/docs/icon/main.js +1 -1
  21. package/dist/docs/image-preview/458.css +1 -1
  22. package/dist/docs/image-preview/main.js +1 -1
  23. package/dist/docs/input/458.css +1 -1
  24. package/dist/docs/input/main.js +1 -1
  25. package/dist/docs/list/458.css +1 -1
  26. package/dist/docs/list/main.js +1 -1
  27. package/dist/docs/loading/458.css +1 -1
  28. package/dist/docs/loading/main.js +1 -1
  29. package/dist/docs/markdown/458.css +1 -1
  30. package/dist/docs/markdown/main.js +5 -5
  31. package/dist/docs/message/458.css +1 -1
  32. package/dist/docs/message/main.js +1 -1
  33. package/dist/docs/origin/458.css +1 -1
  34. package/dist/docs/origin/main.js +1 -1
  35. package/dist/docs/person-picker/458.css +1 -1
  36. package/dist/docs/person-picker/main.js +1 -1
  37. package/dist/docs/recommend/main.css +1 -1
  38. package/dist/docs/recommend/main.js +1 -1
  39. package/dist/docs/reference/458.css +1 -1
  40. package/dist/docs/reference/main.js +1 -1
  41. package/dist/docs/step/458.css +1 -1
  42. package/dist/docs/step/main.js +1 -1
  43. package/dist/docs/stop-generate/458.css +1 -1
  44. package/dist/docs/stop-generate/main.js +1 -1
  45. package/dist/docs/time-picker/458.css +1 -1
  46. package/dist/docs/time-picker/main.js +1 -1
  47. package/es/index.js +1 -1
  48. package/es/recommend/index.js +1 -1
  49. package/es/recommend/main.scss +14 -8
  50. package/lib/index.js +1 -1
  51. package/lib/recommend/index.js +1 -1
  52. package/lib/recommend/main.scss +14 -8
  53. package/package.json +1 -1
package/es/index.js CHANGED
@@ -24,4 +24,4 @@ export { default as Step } from './step';
24
24
  export { default as StopGenerate } from './stop-generate';
25
25
  export { default as Reference } from './reference';
26
26
  export { default as Recommend } from './recommend';
27
- export const version = '0.3.10-beta.5';
27
+ export const version = '0.3.10-beta.6';
package/es/recommend/index.js CHANGED
@@ -27,7 +27,7 @@ const Recommend = forwardRef(({ className, defaultExpanded = false, collapsed =
27
27
  return (React.createElement(CSSTransition, { in: isExpanded, key: index, timeout: index * 100, classNames: "recommend-item", unmountOnExit: true, appear: true },
28
28
  React.createElement("div", { className: "recommend-item", onClick: () => handleRecommendClick(item, index) }, item.name)));
29
29
  };
30
- return (React.createElement("div", { className: cs(`${PREFIX_DEFAULT}recommend`, className), ref: ref }, isExpanded ? (React.createElement("div", { className: "recommend-list" }, recommendList.map((item, index) => renderRecommendItem(item, index)))) : (React.createElement("div", { className: "recommend-collapsed", onClick: handleToggle }, collapsed))));
30
+ return (React.createElement("div", { className: cs(`${PREFIX_DEFAULT}recommend`, className), ref: ref }, isExpanded ? (React.createElement("div", { className: "recommend-list" }, recommendList.map((item, index) => (React.createElement("div", { className: "recommend-container" }, renderRecommendItem(item, index)))))) : (React.createElement("div", { className: "recommend-collapsed", onClick: handleToggle }, collapsed))));
31
31
  });
32
32
  export * from './types';
33
33
  export default ConfigProvider.config(Recommend);
package/es/recommend/main.scss CHANGED
@@ -3,6 +3,16 @@
3
3
  .#{$prefix}recommend {
4
4
  width: 100%;
5
5
 
6
+ .recommend-container {
7
+ display: flex;
8
+ flex-direction: column;
9
+ align-items: flex-start;
10
+ margin-bottom: 8px;
11
+ &:last-child {
12
+ margin-bottom: 0;
13
+ }
14
+ }
15
+
6
16
  .recommend-item {
7
17
  display: inline-block;
8
18
  position: relative;
@@ -10,9 +20,8 @@
10
20
  cursor: pointer;
11
21
  padding: 4px 12px;
12
22
  border-radius: 8px;
13
- background-color: $color-line1-0;
23
+ background-color: $color-fill1-2;
14
24
  color: $color-text1-4;
15
- margin-bottom: 8px;
16
25
  transition:
17
26
  background-color 0.3s,
18
27
  opacity 0.3s,
@@ -24,15 +33,11 @@
24
33
  text-overflow: ellipsis;
25
34
 
26
35
  &:hover {
27
- background-color: $color-line1-1;
36
+ background-color: $color-fill1-3;
28
37
  }
29
38
 
30
39
  &:active {
31
- background-color: $color-line1-2;
32
- }
33
-
34
- &:last-child {
35
- margin-bottom: 0;
40
+ background-color: $color-fill1-4;
36
41
  }
37
42
 
38
43
  &-appear {
@@ -51,6 +56,7 @@
51
56
  }
52
57
  }
53
58
  .recommend-collapsed {
59
+ display: inline-block;
54
60
  cursor: pointer;
55
61
  }
56
62
  }
package/lib/index.js CHANGED
@@ -54,4 +54,4 @@ var reference_1 = require("./reference");
54
54
  Object.defineProperty(exports, "Reference", { enumerable: true, get: function () { return tslib_1.__importDefault(reference_1).default; } });
55
55
  var recommend_1 = require("./recommend");
56
56
  Object.defineProperty(exports, "Recommend", { enumerable: true, get: function () { return tslib_1.__importDefault(recommend_1).default; } });
57
- exports.version = '0.3.10-beta.5';
57
+ exports.version = '0.3.10-beta.6';
package/lib/recommend/index.js CHANGED
@@ -30,7 +30,7 @@ const Recommend = (0, react_1.forwardRef)(({ className, defaultExpanded = false,
30
30
  return (react_1.default.createElement(react_transition_group_1.CSSTransition, { in: isExpanded, key: index, timeout: index * 100, classNames: "recommend-item", unmountOnExit: true, appear: true },
31
31
  react_1.default.createElement("div", { className: "recommend-item", onClick: () => handleRecommendClick(item, index) }, item.name)));
32
32
  };
33
- return (react_1.default.createElement("div", { className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}recommend`, className), ref: ref }, isExpanded ? (react_1.default.createElement("div", { className: "recommend-list" }, recommendList.map((item, index) => renderRecommendItem(item, index)))) : (react_1.default.createElement("div", { className: "recommend-collapsed", onClick: handleToggle }, collapsed))));
33
+ return (react_1.default.createElement("div", { className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}recommend`, className), ref: ref }, isExpanded ? (react_1.default.createElement("div", { className: "recommend-list" }, recommendList.map((item, index) => (react_1.default.createElement("div", { className: "recommend-container" }, renderRecommendItem(item, index)))))) : (react_1.default.createElement("div", { className: "recommend-collapsed", onClick: handleToggle }, collapsed))));
34
34
  });
35
35
  tslib_1.__exportStar(require("./types"), exports);
36
36
  exports.default = next_1.ConfigProvider.config(Recommend);
package/lib/recommend/main.scss CHANGED
@@ -3,6 +3,16 @@
3
3
  .#{$prefix}recommend {
4
4
  width: 100%;
5
5
 
6
+ .recommend-container {
7
+ display: flex;
8
+ flex-direction: column;
9
+ align-items: flex-start;
10
+ margin-bottom: 8px;
11
+ &:last-child {
12
+ margin-bottom: 0;
13
+ }
14
+ }
15
+
6
16
  .recommend-item {
7
17
  display: inline-block;
8
18
  position: relative;
@@ -10,9 +20,8 @@
10
20
  cursor: pointer;
11
21
  padding: 4px 12px;
12
22
  border-radius: 8px;
13
- background-color: $color-line1-0;
23
+ background-color: $color-fill1-2;
14
24
  color: $color-text1-4;
15
- margin-bottom: 8px;
16
25
  transition:
17
26
  background-color 0.3s,
18
27
  opacity 0.3s,
@@ -24,15 +33,11 @@
24
33
  text-overflow: ellipsis;
25
34
 
26
35
  &:hover {
27
- background-color: $color-line1-1;
36
+ background-color: $color-fill1-3;
28
37
  }
29
38
 
30
39
  &:active {
31
- background-color: $color-line1-2;
32
- }
33
-
34
- &:last-child {
35
- margin-bottom: 0;
40
+ background-color: $color-fill1-4;
36
41
  }
37
42
 
38
43
  &-appear {
@@ -51,6 +56,7 @@
51
56
  }
52
57
  }
53
58
  .recommend-collapsed {
59
+ display: inline-block;
54
60
  cursor: pointer;
55
61
  }
56
62
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alifd/chat",
3
- "version": "0.3.10-beta.5",
3
+ "version": "0.3.10-beta.6",
4
4
  "description": "A configurable component library for chat built on React.",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",