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

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 (55) 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 +4 -2
  49. package/es/recommend/main.scss +7 -7
  50. package/es/recommend/types.d.ts +1 -1
  51. package/lib/index.js +1 -1
  52. package/lib/recommend/index.js +4 -2
  53. package/lib/recommend/main.scss +7 -7
  54. package/lib/recommend/types.d.ts +1 -1
  55. 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.6';
27
+ export const version = '0.3.10-beta.7';
package/es/recommend/index.js CHANGED
@@ -9,7 +9,7 @@ import { ConfigProvider, Icon } from '@alifd/next';
9
9
  import cs from 'classnames';
10
10
  import { PREFIX_DEFAULT } from '../utils';
11
11
  import { CSSTransition } from 'react-transition-group';
12
- const Recommend = forwardRef(({ className, defaultExpanded = false, collapsed = (React.createElement("div", null,
12
+ const Recommend = forwardRef(({ className, defaultExpanded = false, header = (React.createElement("div", null,
13
13
  "\u76F8\u5173\u95EE\u9898",
14
14
  React.createElement(Icon, { type: "arrow-right", size: "xxs", style: { marginLeft: 2 } }))), expanded, recommendList = [], onToggle, onItemClick, }, ref) => {
15
15
  const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);
@@ -27,7 +27,9 @@ 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) => (React.createElement("div", { className: "recommend-container" }, 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 },
31
+ React.createElement("div", { className: "recommend-header", onClick: handleToggle }, header),
32
+ isExpanded && (React.createElement("div", { className: "recommend-list" }, recommendList.map((item, index) => (React.createElement("div", { className: "recommend-container" }, renderRecommendItem(item, index))))))));
31
33
  });
32
34
  export * from './types';
33
35
  export default ConfigProvider.config(Recommend);
package/es/recommend/main.scss CHANGED
@@ -2,15 +2,13 @@
2
2
 
3
3
  .#{$prefix}recommend {
4
4
  width: 100%;
5
+ transition: height 0.3s;
5
6
 
6
7
  .recommend-container {
7
8
  display: flex;
8
9
  flex-direction: column;
9
10
  align-items: flex-start;
10
- margin-bottom: 8px;
11
- &:last-child {
12
- margin-bottom: 0;
13
- }
11
+ margin-top: 8px;
14
12
  }
15
13
 
16
14
  .recommend-item {
@@ -20,7 +18,7 @@
20
18
  cursor: pointer;
21
19
  padding: 4px 12px;
22
20
  border-radius: 8px;
23
- background-color: $color-fill1-2;
21
+ background-color: $color-fill1-3;
24
22
  color: $color-text1-4;
25
23
  transition:
26
24
  background-color 0.3s,
@@ -33,7 +31,7 @@
33
31
  text-overflow: ellipsis;
34
32
 
35
33
  &:hover {
36
- background-color: $color-fill1-3;
34
+ background-color: $color-fill1-4;
37
35
  }
38
36
 
39
37
  &:active {
@@ -55,8 +53,10 @@
55
53
  left: 0;
56
54
  }
57
55
  }
58
- .recommend-collapsed {
56
+ .recommend-header {
59
57
  display: inline-block;
60
58
  cursor: pointer;
59
+ user-select: none;
60
+ -webkit-user-select: none;
61
61
  }
62
62
  }
package/es/recommend/types.d.ts CHANGED
@@ -17,7 +17,7 @@ export interface RecommendProps extends React.HTMLAttributes<HTMLElement>, Commo
17
17
  /**
18
18
  * 自定义头部，包含图标和标题
19
19
  */
20
- collapsed?: ReactNode;
20
+ header?: ReactNode;
21
21
  /**
22
22
  * 列表区域，展示内容和跳转地址
23
23
  */
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.6';
57
+ exports.version = '0.3.10-beta.7';
package/lib/recommend/index.js CHANGED
@@ -12,7 +12,7 @@ const next_1 = require("@alifd/next");
12
12
  const classnames_1 = tslib_1.__importDefault(require("classnames"));
13
13
  const utils_1 = require("../utils");
14
14
  const react_transition_group_1 = require("react-transition-group");
15
- const Recommend = (0, react_1.forwardRef)(({ className, defaultExpanded = false, collapsed = (react_1.default.createElement("div", null,
15
+ const Recommend = (0, react_1.forwardRef)(({ className, defaultExpanded = false, header = (react_1.default.createElement("div", null,
16
16
  "\u76F8\u5173\u95EE\u9898",
17
17
  react_1.default.createElement(next_1.Icon, { type: "arrow-right", size: "xxs", style: { marginLeft: 2 } }))), expanded, recommendList = [], onToggle, onItemClick, }, ref) => {
18
18
  const [internalExpanded, setInternalExpanded] = (0, react_1.useState)(defaultExpanded);
@@ -30,7 +30,9 @@ 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) => (react_1.default.createElement("div", { className: "recommend-container" }, 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 },
34
+ react_1.default.createElement("div", { className: "recommend-header", onClick: handleToggle }, header),
35
+ isExpanded && (react_1.default.createElement("div", { className: "recommend-list" }, recommendList.map((item, index) => (react_1.default.createElement("div", { className: "recommend-container" }, renderRecommendItem(item, index))))))));
34
36
  });
35
37
  tslib_1.__exportStar(require("./types"), exports);
36
38
  exports.default = next_1.ConfigProvider.config(Recommend);
package/lib/recommend/main.scss CHANGED
@@ -2,15 +2,13 @@
2
2
 
3
3
  .#{$prefix}recommend {
4
4
  width: 100%;
5
+ transition: height 0.3s;
5
6
 
6
7
  .recommend-container {
7
8
  display: flex;
8
9
  flex-direction: column;
9
10
  align-items: flex-start;
10
- margin-bottom: 8px;
11
- &:last-child {
12
- margin-bottom: 0;
13
- }
11
+ margin-top: 8px;
14
12
  }
15
13
 
16
14
  .recommend-item {
@@ -20,7 +18,7 @@
20
18
  cursor: pointer;
21
19
  padding: 4px 12px;
22
20
  border-radius: 8px;
23
- background-color: $color-fill1-2;
21
+ background-color: $color-fill1-3;
24
22
  color: $color-text1-4;
25
23
  transition:
26
24
  background-color 0.3s,
@@ -33,7 +31,7 @@
33
31
  text-overflow: ellipsis;
34
32
 
35
33
  &:hover {
36
- background-color: $color-fill1-3;
34
+ background-color: $color-fill1-4;
37
35
  }
38
36
 
39
37
  &:active {
@@ -55,8 +53,10 @@
55
53
  left: 0;
56
54
  }
57
55
  }
58
- .recommend-collapsed {
56
+ .recommend-header {
59
57
  display: inline-block;
60
58
  cursor: pointer;
59
+ user-select: none;
60
+ -webkit-user-select: none;
61
61
  }
62
62
  }
package/lib/recommend/types.d.ts CHANGED
@@ -17,7 +17,7 @@ export interface RecommendProps extends React.HTMLAttributes<HTMLElement>, Commo
17
17
  /**
18
18
  * 自定义头部，包含图标和标题
19
19
  */
20
- collapsed?: ReactNode;
20
+ header?: ReactNode;
21
21
  /**
22
22
  * 列表区域，展示内容和跳转地址
23
23
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alifd/chat",
3
- "version": "0.3.10-beta.6",
3
+ "version": "0.3.10-beta.7",
4
4
  "description": "A configurable component library for chat built on React.",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",