@alifd/chat 0.3.14-beta.0 → 0.3.14-beta.1

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 (57) hide show
  1. package/dist/docs/balloon/852.css +1 -1
  2. package/dist/docs/balloon/main.js +1 -1
  3. package/dist/docs/button/852.css +1 -1
  4. package/dist/docs/button/main.js +1 -1
  5. package/dist/docs/card/852.css +1 -1
  6. package/dist/docs/card/main.js +1 -1
  7. package/dist/docs/card-loading/852.css +1 -1
  8. package/dist/docs/card-loading/main.js +1 -1
  9. package/dist/docs/date-picker/852.css +1 -1
  10. package/dist/docs/date-picker/main.js +1 -1
  11. package/dist/docs/drawer/852.css +1 -1
  12. package/dist/docs/drawer/main.js +1 -1
  13. package/dist/docs/feedback/852.css +1 -1
  14. package/dist/docs/feedback/main.js +1 -1
  15. package/dist/docs/float-button/852.css +1 -1
  16. package/dist/docs/float-button/main.js +1 -1
  17. package/dist/docs/form/852.css +1 -1
  18. package/dist/docs/form/main.js +1 -1
  19. package/dist/docs/html-render/852.css +1 -1
  20. package/dist/docs/html-render/main.js +1 -1
  21. package/dist/docs/icon/852.css +1 -1
  22. package/dist/docs/icon/main.js +1 -1
  23. package/dist/docs/image-preview/852.css +1 -1
  24. package/dist/docs/image-preview/main.js +1 -1
  25. package/dist/docs/input/852.css +1 -1
  26. package/dist/docs/input/main.js +1 -1
  27. package/dist/docs/list/852.css +1 -1
  28. package/dist/docs/list/main.js +1 -1
  29. package/dist/docs/loading/852.css +1 -1
  30. package/dist/docs/loading/main.js +1 -1
  31. package/dist/docs/markdown/852.css +1 -1
  32. package/dist/docs/markdown/main.js +1 -1
  33. package/dist/docs/message/852.css +1 -1
  34. package/dist/docs/message/main.js +1 -1
  35. package/dist/docs/origin/852.css +1 -1
  36. package/dist/docs/origin/main.js +1 -1
  37. package/dist/docs/person-picker/852.css +1 -1
  38. package/dist/docs/person-picker/main.js +1 -1
  39. package/dist/docs/recommend/852.css +1 -1
  40. package/dist/docs/recommend/main.js +1 -1
  41. package/dist/docs/reference/main.css +1 -1
  42. package/dist/docs/reference/main.js +1 -1
  43. package/dist/docs/rich-text-input/852.css +1 -1
  44. package/dist/docs/rich-text-input/main.js +1 -1
  45. package/dist/docs/step/852.css +1 -1
  46. package/dist/docs/step/main.js +1 -1
  47. package/dist/docs/stop-generate/852.css +1 -1
  48. package/dist/docs/stop-generate/main.js +1 -1
  49. package/dist/docs/time-picker/852.css +1 -1
  50. package/dist/docs/time-picker/main.js +1 -1
  51. package/es/index.js +1 -1
  52. package/es/reference/index.js +20 -12
  53. package/es/reference/main.scss +1 -1
  54. package/lib/index.js +1 -1
  55. package/lib/reference/index.js +20 -12
  56. package/lib/reference/main.scss +1 -1
  57. package/package.json +1 -1
package/es/index.js CHANGED
@@ -25,4 +25,4 @@ export { default as StopGenerate } from './stop-generate';
25
25
  export { default as Reference } from './reference';
26
26
  export { default as Recommend } from './recommend';
27
27
  export { default as RichTextInput } from './rich-text-input';
28
- export const version = '0.3.14-beta.0';
28
+ export const version = '0.3.14-beta.1';
@@ -19,21 +19,27 @@ const Reference = forwardRef(({ className, defaultExpanded = false, header, list
19
19
  setIsExpanded(expanded);
20
20
  }
21
21
  }, [expanded]);
22
- const handleExpandedClick = () => {
22
+ const handleExpandedClick = (event) => {
23
+ event.stopPropagation(); // Prevent event bubbling
24
+ console.log('Autumn handleExpandedClick');
23
25
  if (onExpandedClick) {
24
26
  onExpandedClick(!isExpanded);
25
27
  return;
26
28
  }
27
29
  setIsExpanded(!isExpanded);
28
30
  };
29
- const handleHeaderClick = () => {
31
+ const handleHeaderClick = (event) => {
32
+ console.log('Autumn handleHeaderClick');
33
+ event.stopPropagation();
30
34
  if (onHeaderClick) {
31
35
  onHeaderClick(!isExpanded);
32
36
  return;
33
37
  }
34
38
  setIsExpanded(!isExpanded);
35
39
  };
36
- const handelContentClick = () => {
40
+ const handelContentClick = (event) => {
41
+ console.log('Autumn handelContentClick');
42
+ event.stopPropagation();
37
43
  onContentClick === null || onContentClick === void 0 ? void 0 : onContentClick(isExpanded);
38
44
  };
39
45
  const renderHeader = () => {
@@ -45,14 +51,14 @@ const Reference = forwardRef(({ className, defaultExpanded = false, header, list
45
51
  }
46
52
  let headerIcon = (header === null || header === void 0 ? void 0 : header.icon) || DEFAULT_REFERENCE_ICON;
47
53
  const iconType = isExpanded ? 'arrow-up' : 'arrow-down';
48
- return (React.createElement("div", { className: `reference-header ${mode}`, onClick: () => {
49
- handleHeaderClick();
54
+ return (React.createElement("div", { className: `reference-header ${mode}`, onClick: (e) => {
55
+ handleHeaderClick(e);
50
56
  } },
51
57
  React.createElement("div", { className: 'reference-name' },
52
58
  renderCommonIcon(headerIcon),
53
59
  React.createElement("div", { className: 'reference-title' }, header === null || header === void 0 ? void 0 : header.title)),
54
- React.createElement("div", { className: 'reference-operate', onClick: () => {
55
- handleExpandedClick();
60
+ React.createElement("div", { className: 'reference-operate', onClick: (e) => {
61
+ handleExpandedClick(e);
56
62
  } },
57
63
  React.createElement(Icon, { type: iconType, size: 'xs' }))));
58
64
  };
@@ -68,12 +74,14 @@ const Reference = forwardRef(({ className, defaultExpanded = false, header, list
68
74
  onHeaderClose === null || onHeaderClose === void 0 ? void 0 : onHeaderClose();
69
75
  } }, renderCommonIcon(headerIcon, 'small'))));
70
76
  };
71
- const handleReferenceClick = (item, index) => {
77
+ const handleReferenceClick = (item, index, event) => {
78
+ console.log('Autumn handleReferenceClick');
79
+ event.stopPropagation();
72
80
  onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item, index);
73
81
  (item === null || item === void 0 ? void 0 : item.url) && window.open(item === null || item === void 0 ? void 0 : item.url, '_blank');
74
82
  };
75
83
  const renderDetailList = () => {
76
- return listItems.map((item, index) => (React.createElement("div", { key: index, className: 'reference-item', onClick: () => handleReferenceClick(item, index) },
84
+ return listItems.map((item, index) => (React.createElement("div", { key: index, className: 'reference-item', onClick: (e) => handleReferenceClick(item, index, e) },
77
85
  React.createElement("div", { className: 'reference-title' },
78
86
  React.createElement("div", { className: 'reference-name' },
79
87
  (item === null || item === void 0 ? void 0 : item.sourceIcon) && renderCommonIcon(item === null || item === void 0 ? void 0 : item.sourceIcon), item === null || item === void 0 ? void 0 :
@@ -88,12 +96,12 @@ const Reference = forwardRef(({ className, defaultExpanded = false, header, list
88
96
  if (!isExpanded && mode === 'simple') {
89
97
  return null;
90
98
  }
91
- return (React.createElement("div", { className: `reference-list ${mode}`, onClick: () => {
92
- handelContentClick();
99
+ return (React.createElement("div", { className: `reference-list ${mode}`, onClick: (e) => {
100
+ handelContentClick(e);
93
101
  } },
94
102
  isExpanded && mode === 'simple' && listItems.map((item, index) => (React.createElement("div", { key: index, className: 'reference-item' },
95
103
  (item === null || item === void 0 ? void 0 : item.sourceIcon) && renderCommonIcon(item === null || item === void 0 ? void 0 : item.sourceIcon),
96
- React.createElement("div", { className: 'reference-text', onClick: () => handleReferenceClick(item, index) }, item === null || item === void 0 ? void 0 : item.name),
104
+ React.createElement("div", { className: 'reference-text', onClick: (e) => handleReferenceClick(item, index, e) }, item === null || item === void 0 ? void 0 : item.name),
97
105
  (item === null || item === void 0 ? void 0 : item.modifyTime) && false && React.createElement("div", { className: 'reference-time' }, item === null || item === void 0 ? void 0 : item.modifyTime)))),
98
106
  mode === 'detail' && renderDetailList()));
99
107
  };
@@ -79,7 +79,7 @@ $detail-header-height: 62px;
79
79
 
80
80
  &.detail {
81
81
  // padding: 0px $s-4;
82
- overflow: scroll;
82
+ // overflow: auto;
83
83
  height: calc(100% - $detail-header-height);
84
84
  .reference-item {
85
85
  display:block;
package/lib/index.js CHANGED
@@ -56,4 +56,4 @@ var recommend_1 = require("./recommend");
56
56
  Object.defineProperty(exports, "Recommend", { enumerable: true, get: function () { return tslib_1.__importDefault(recommend_1).default; } });
57
57
  var rich_text_input_1 = require("./rich-text-input");
58
58
  Object.defineProperty(exports, "RichTextInput", { enumerable: true, get: function () { return tslib_1.__importDefault(rich_text_input_1).default; } });
59
- exports.version = '0.3.14-beta.0';
59
+ exports.version = '0.3.14-beta.1';
@@ -22,21 +22,27 @@ const Reference = (0, react_1.forwardRef)(({ className, defaultExpanded = false,
22
22
  setIsExpanded(expanded);
23
23
  }
24
24
  }, [expanded]);
25
- const handleExpandedClick = () => {
25
+ const handleExpandedClick = (event) => {
26
+ event.stopPropagation(); // Prevent event bubbling
27
+ console.log('Autumn handleExpandedClick');
26
28
  if (onExpandedClick) {
27
29
  onExpandedClick(!isExpanded);
28
30
  return;
29
31
  }
30
32
  setIsExpanded(!isExpanded);
31
33
  };
32
- const handleHeaderClick = () => {
34
+ const handleHeaderClick = (event) => {
35
+ console.log('Autumn handleHeaderClick');
36
+ event.stopPropagation();
33
37
  if (onHeaderClick) {
34
38
  onHeaderClick(!isExpanded);
35
39
  return;
36
40
  }
37
41
  setIsExpanded(!isExpanded);
38
42
  };
39
- const handelContentClick = () => {
43
+ const handelContentClick = (event) => {
44
+ console.log('Autumn handelContentClick');
45
+ event.stopPropagation();
40
46
  onContentClick === null || onContentClick === void 0 ? void 0 : onContentClick(isExpanded);
41
47
  };
42
48
  const renderHeader = () => {
@@ -48,14 +54,14 @@ const Reference = (0, react_1.forwardRef)(({ className, defaultExpanded = false,
48
54
  }
49
55
  let headerIcon = (header === null || header === void 0 ? void 0 : header.icon) || DEFAULT_REFERENCE_ICON;
50
56
  const iconType = isExpanded ? 'arrow-up' : 'arrow-down';
51
- return (react_1.default.createElement("div", { className: `reference-header ${mode}`, onClick: () => {
52
- handleHeaderClick();
57
+ return (react_1.default.createElement("div", { className: `reference-header ${mode}`, onClick: (e) => {
58
+ handleHeaderClick(e);
53
59
  } },
54
60
  react_1.default.createElement("div", { className: 'reference-name' },
55
61
  (0, utils_1.renderCommonIcon)(headerIcon),
56
62
  react_1.default.createElement("div", { className: 'reference-title' }, header === null || header === void 0 ? void 0 : header.title)),
57
- react_1.default.createElement("div", { className: 'reference-operate', onClick: () => {
58
- handleExpandedClick();
63
+ react_1.default.createElement("div", { className: 'reference-operate', onClick: (e) => {
64
+ handleExpandedClick(e);
59
65
  } },
60
66
  react_1.default.createElement(icon_1.default, { type: iconType, size: 'xs' }))));
61
67
  };
@@ -71,12 +77,14 @@ const Reference = (0, react_1.forwardRef)(({ className, defaultExpanded = false,
71
77
  onHeaderClose === null || onHeaderClose === void 0 ? void 0 : onHeaderClose();
72
78
  } }, (0, utils_1.renderCommonIcon)(headerIcon, 'small'))));
73
79
  };
74
- const handleReferenceClick = (item, index) => {
80
+ const handleReferenceClick = (item, index, event) => {
81
+ console.log('Autumn handleReferenceClick');
82
+ event.stopPropagation();
75
83
  onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item, index);
76
84
  (item === null || item === void 0 ? void 0 : item.url) && window.open(item === null || item === void 0 ? void 0 : item.url, '_blank');
77
85
  };
78
86
  const renderDetailList = () => {
79
- return listItems.map((item, index) => (react_1.default.createElement("div", { key: index, className: 'reference-item', onClick: () => handleReferenceClick(item, index) },
87
+ return listItems.map((item, index) => (react_1.default.createElement("div", { key: index, className: 'reference-item', onClick: (e) => handleReferenceClick(item, index, e) },
80
88
  react_1.default.createElement("div", { className: 'reference-title' },
81
89
  react_1.default.createElement("div", { className: 'reference-name' },
82
90
  (item === null || item === void 0 ? void 0 : item.sourceIcon) && (0, utils_1.renderCommonIcon)(item === null || item === void 0 ? void 0 : item.sourceIcon), item === null || item === void 0 ? void 0 :
@@ -91,12 +99,12 @@ const Reference = (0, react_1.forwardRef)(({ className, defaultExpanded = false,
91
99
  if (!isExpanded && mode === 'simple') {
92
100
  return null;
93
101
  }
94
- return (react_1.default.createElement("div", { className: `reference-list ${mode}`, onClick: () => {
95
- handelContentClick();
102
+ return (react_1.default.createElement("div", { className: `reference-list ${mode}`, onClick: (e) => {
103
+ handelContentClick(e);
96
104
  } },
97
105
  isExpanded && mode === 'simple' && listItems.map((item, index) => (react_1.default.createElement("div", { key: index, className: 'reference-item' },
98
106
  (item === null || item === void 0 ? void 0 : item.sourceIcon) && (0, utils_1.renderCommonIcon)(item === null || item === void 0 ? void 0 : item.sourceIcon),
99
- react_1.default.createElement("div", { className: 'reference-text', onClick: () => handleReferenceClick(item, index) }, item === null || item === void 0 ? void 0 : item.name),
107
+ react_1.default.createElement("div", { className: 'reference-text', onClick: (e) => handleReferenceClick(item, index, e) }, item === null || item === void 0 ? void 0 : item.name),
100
108
  (item === null || item === void 0 ? void 0 : item.modifyTime) && false && react_1.default.createElement("div", { className: 'reference-time' }, item === null || item === void 0 ? void 0 : item.modifyTime)))),
101
109
  mode === 'detail' && renderDetailList()));
102
110
  };
@@ -79,7 +79,7 @@ $detail-header-height: 62px;
79
79
 
80
80
  &.detail {
81
81
  // padding: 0px $s-4;
82
- overflow: scroll;
82
+ // overflow: auto;
83
83
  height: calc(100% - $detail-header-height);
84
84
  .reference-item {
85
85
  display:block;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alifd/chat",
3
- "version": "0.3.14-beta.0",
3
+ "version": "0.3.14-beta.1",
4
4
  "description": "A configurable component library for chat built on React.",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",