@alifd/chat 0.3.32-beta.3 → 0.3.32-beta.5

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/html-render/index.js +19 -7
  2. package/es/index.js +1 -1
  3. package/es/reference/index.js +2 -0
  4. package/es/reference/main.scss +14 -0
  5. package/lib/html-render/index.js +19 -7
  6. package/lib/index.js +1 -1
  7. package/lib/reference/index.js +2 -0
  8. package/lib/reference/main.scss +14 -0
  9. package/package.json +1 -1
package/es/html-render/index.js CHANGED
@@ -103,7 +103,7 @@ const HTMLRenderer = memo(function HTMLRenderer({ className, children, imagePrev
103
103
  const parserOptions = {
104
104
  // @ts-ignore
105
105
  replace: domNode => {
106
- var _a, _b, _c, _d, _e, _f;
106
+ var _a, _b, _c, _d, _e, _f, _g;
107
107
  // 处理文本节点
108
108
  if ((domNode.type === 'text' || domNode.nodeType === 3) && typewriterEffect) {
109
109
  return processTextNode(domNode);
@@ -112,10 +112,22 @@ const HTMLRenderer = memo(function HTMLRenderer({ className, children, imagePrev
112
112
  const { name } = domNode;
113
113
  if (name === 'link-reference') {
114
114
  const element = (domToReact([domNode]));
115
+ // 检查是否有子元素
116
+ if (!((_a = element.props) === null || _a === void 0 ? void 0 : _a.children)) {
117
+ return null;
118
+ }
115
119
  // link-reference 的子元素一定是 a 标签
116
- const aElement = (_a = element.props) === null || _a === void 0 ? void 0 : _a.children;
120
+ const aElement = (_b = element.props) === null || _b === void 0 ? void 0 : _b.children;
121
+ // 检查a标签是否存在
122
+ if (!aElement || !aElement.props) {
123
+ return null;
124
+ }
117
125
  // a 标签的子元素一定是 span 节点
118
- const spanElement = (_b = aElement === null || aElement === void 0 ? void 0 : aElement.props) === null || _b === void 0 ? void 0 : _b.children;
126
+ const spanElement = (_c = aElement === null || aElement === void 0 ? void 0 : aElement.props) === null || _c === void 0 ? void 0 : _c.children;
127
+ // 检查span元素是否存在
128
+ if (!spanElement || !spanElement.props) {
129
+ return null;
130
+ }
119
131
  const handleUrlClick = () => {
120
132
  var _a;
121
133
  if (!((_a = aElement === null || aElement === void 0 ? void 0 : aElement.props) === null || _a === void 0 ? void 0 : _a.href)) {
@@ -128,10 +140,10 @@ const HTMLRenderer = memo(function HTMLRenderer({ className, children, imagePrev
128
140
  defaultOpenLink(aElement.props.href);
129
141
  }
130
142
  };
131
- return (React.createElement(Balloon, { v2: true, align: "b", className: "link-reference-balloon", closable: false, offset: [0, -8], triggerType: ['hover'], trigger: React.createElement("span", { className: "link-reference-index", onClick: handleUrlClick }, (_c = spanElement === null || spanElement === void 0 ? void 0 : spanElement.props) === null || _c === void 0 ? void 0 : _c.children) },
143
+ return (React.createElement(Balloon, { v2: true, align: "b", className: "link-reference-balloon", closable: false, offset: [0, -8], triggerType: ['hover'], trigger: React.createElement("span", { className: "link-reference-index", onClick: handleUrlClick }, (_d = spanElement === null || spanElement === void 0 ? void 0 : spanElement.props) === null || _d === void 0 ? void 0 : _d.children) },
132
144
  React.createElement("div", { className: "link-reference-content" },
133
- React.createElement("img", { className: "link-reference-source-icon", src: ((_d = element.props) === null || _d === void 0 ? void 0 : _d['data-source-icon']) || '' }),
134
- React.createElement("a", { className: "link-reference-title", onClick: handleUrlClick }, ((_e = element.props) === null || _e === void 0 ? void 0 : _e['data-title']) || ''))));
145
+ React.createElement("img", { className: "link-reference-source-icon", src: ((_e = element.props) === null || _e === void 0 ? void 0 : _e['data-source-icon']) || '' }),
146
+ React.createElement("a", { className: "link-reference-title", onClick: handleUrlClick }, ((_f = element.props) === null || _f === void 0 ? void 0 : _f['data-title']) || ''))));
135
147
  }
136
148
  if (name === 'a') {
137
149
  const element = (domToReact([domNode]));
@@ -185,7 +197,7 @@ const HTMLRenderer = memo(function HTMLRenderer({ className, children, imagePrev
185
197
  return renderImage(element.props);
186
198
  }
187
199
  // 换成统一的图片渲染
188
- return React.createElement(Img, Object.assign({}, element.props, { imageClassName: (_f = element.props) === null || _f === void 0 ? void 0 : _f.className, enablePreview: imagePreview, onImageClick: () => {
200
+ return React.createElement(Img, Object.assign({}, element.props, { imageClassName: (_g = element.props) === null || _g === void 0 ? void 0 : _g.className, enablePreview: imagePreview, onImageClick: () => {
189
201
  handleImageClick === null || handleImageClick === void 0 ? void 0 : handleImageClick(element.props.src);
190
202
  } }));
191
203
  }
package/es/index.js CHANGED
@@ -31,4 +31,4 @@ export { default as RadioGroup } from './radio-group';
31
31
  export { default as CheckboxGroup } from './checkbox-group';
32
32
  export { default as Select } from './select';
33
33
  export { default as Flip } from './flip';
34
- export const version = '0.3.32-beta.3';
34
+ export const version = '0.3.32-beta.5';
package/es/reference/index.js CHANGED
@@ -81,6 +81,7 @@ const Reference = forwardRef(({ className, defaultExpanded = false, header, list
81
81
  return listItems.map((item, index) => (React.createElement("div", { key: index, className: 'reference-item', onClick: (e) => handleReferenceClick(item, index, e) },
82
82
  React.createElement("div", { className: 'reference-title' },
83
83
  React.createElement("div", { className: 'reference-name' },
84
+ React.createElement("span", { className: 'reference-item-index' }, index + 1),
84
85
  (item === null || item === void 0 ? void 0 : item.sourceIcon) && renderCommonIcon(item === null || item === void 0 ? void 0 : item.sourceIcon),
85
86
  React.createElement("span", null, item === null || item === void 0 ? void 0 : item.name)),
86
87
  (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)),
@@ -97,6 +98,7 @@ const Reference = forwardRef(({ className, defaultExpanded = false, header, list
97
98
  handelContentClick(e);
98
99
  } },
99
100
  isExpanded && mode === 'simple' && listItems.map((item, index) => (React.createElement("div", { key: index, className: 'reference-item' },
101
+ React.createElement("span", { className: 'reference-item-index' }, index + 1),
100
102
  (item === null || item === void 0 ? void 0 : item.sourceIcon) && renderCommonIcon(item === null || item === void 0 ? void 0 : item.sourceIcon),
101
103
  React.createElement("div", { className: 'reference-text', onClick: (e) => handleReferenceClick(item, index, e) }, item === null || item === void 0 ? void 0 : item.name),
102
104
  (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)))),
package/es/reference/main.scss CHANGED
@@ -169,6 +169,20 @@ $detail-header-height: $s-12;
169
169
  }
170
170
  }
171
171
 
172
+ &-index {
173
+ display: inline-block;
174
+ flex: none;
175
+ font-size: 10px;
176
+ color: $color-text1-3;
177
+ width: 16px;
178
+ text-align: center;
179
+ margin-left: 2px;
180
+ margin-right: $s-1;
181
+ overflow: hidden;
182
+ text-overflow: ellipsis;
183
+ white-space: nowrap;
184
+ }
185
+
172
186
  .reference-text {
173
187
  font-size: $font-size-caption;
174
188
  color: $color-link-3;
package/lib/html-render/index.js CHANGED
@@ -106,7 +106,7 @@ const HTMLRenderer = (0, react_1.memo)(function HTMLRenderer({ className, childr
106
106
  const parserOptions = {
107
107
  // @ts-ignore
108
108
  replace: domNode => {
109
- var _a, _b, _c, _d, _e, _f;
109
+ var _a, _b, _c, _d, _e, _f, _g;
110
110
  // 处理文本节点
111
111
  if ((domNode.type === 'text' || domNode.nodeType === 3) && typewriterEffect) {
112
112
  return processTextNode(domNode);
@@ -115,10 +115,22 @@ const HTMLRenderer = (0, react_1.memo)(function HTMLRenderer({ className, childr
115
115
  const { name } = domNode;
116
116
  if (name === 'link-reference') {
117
117
  const element = ((0, html_react_parser_1.domToReact)([domNode]));
118
+ // 检查是否有子元素
119
+ if (!((_a = element.props) === null || _a === void 0 ? void 0 : _a.children)) {
120
+ return null;
121
+ }
118
122
  // link-reference 的子元素一定是 a 标签
119
- const aElement = (_a = element.props) === null || _a === void 0 ? void 0 : _a.children;
123
+ const aElement = (_b = element.props) === null || _b === void 0 ? void 0 : _b.children;
124
+ // 检查a标签是否存在
125
+ if (!aElement || !aElement.props) {
126
+ return null;
127
+ }
120
128
  // a 标签的子元素一定是 span 节点
121
- const spanElement = (_b = aElement === null || aElement === void 0 ? void 0 : aElement.props) === null || _b === void 0 ? void 0 : _b.children;
129
+ const spanElement = (_c = aElement === null || aElement === void 0 ? void 0 : aElement.props) === null || _c === void 0 ? void 0 : _c.children;
130
+ // 检查span元素是否存在
131
+ if (!spanElement || !spanElement.props) {
132
+ return null;
133
+ }
122
134
  const handleUrlClick = () => {
123
135
  var _a;
124
136
  if (!((_a = aElement === null || aElement === void 0 ? void 0 : aElement.props) === null || _a === void 0 ? void 0 : _a.href)) {
@@ -131,10 +143,10 @@ const HTMLRenderer = (0, react_1.memo)(function HTMLRenderer({ className, childr
131
143
  defaultOpenLink(aElement.props.href);
132
144
  }
133
145
  };
134
- return (react_1.default.createElement(balloon_1.default, { v2: true, align: "b", className: "link-reference-balloon", closable: false, offset: [0, -8], triggerType: ['hover'], trigger: react_1.default.createElement("span", { className: "link-reference-index", onClick: handleUrlClick }, (_c = spanElement === null || spanElement === void 0 ? void 0 : spanElement.props) === null || _c === void 0 ? void 0 : _c.children) },
146
+ return (react_1.default.createElement(balloon_1.default, { v2: true, align: "b", className: "link-reference-balloon", closable: false, offset: [0, -8], triggerType: ['hover'], trigger: react_1.default.createElement("span", { className: "link-reference-index", onClick: handleUrlClick }, (_d = spanElement === null || spanElement === void 0 ? void 0 : spanElement.props) === null || _d === void 0 ? void 0 : _d.children) },
135
147
  react_1.default.createElement("div", { className: "link-reference-content" },
136
- react_1.default.createElement("img", { className: "link-reference-source-icon", src: ((_d = element.props) === null || _d === void 0 ? void 0 : _d['data-source-icon']) || '' }),
137
- react_1.default.createElement("a", { className: "link-reference-title", onClick: handleUrlClick }, ((_e = element.props) === null || _e === void 0 ? void 0 : _e['data-title']) || ''))));
148
+ react_1.default.createElement("img", { className: "link-reference-source-icon", src: ((_e = element.props) === null || _e === void 0 ? void 0 : _e['data-source-icon']) || '' }),
149
+ react_1.default.createElement("a", { className: "link-reference-title", onClick: handleUrlClick }, ((_f = element.props) === null || _f === void 0 ? void 0 : _f['data-title']) || ''))));
138
150
  }
139
151
  if (name === 'a') {
140
152
  const element = ((0, html_react_parser_1.domToReact)([domNode]));
@@ -188,7 +200,7 @@ const HTMLRenderer = (0, react_1.memo)(function HTMLRenderer({ className, childr
188
200
  return renderImage(element.props);
189
201
  }
190
202
  // 换成统一的图片渲染
191
- return react_1.default.createElement(img_1.default, Object.assign({}, element.props, { imageClassName: (_f = element.props) === null || _f === void 0 ? void 0 : _f.className, enablePreview: imagePreview, onImageClick: () => {
203
+ return react_1.default.createElement(img_1.default, Object.assign({}, element.props, { imageClassName: (_g = element.props) === null || _g === void 0 ? void 0 : _g.className, enablePreview: imagePreview, onImageClick: () => {
192
204
  handleImageClick === null || handleImageClick === void 0 ? void 0 : handleImageClick(element.props.src);
193
205
  } }));
194
206
  }
package/lib/index.js CHANGED
@@ -68,4 +68,4 @@ var select_1 = require("./select");
68
68
  Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return tslib_1.__importDefault(select_1).default; } });
69
69
  var flip_1 = require("./flip");
70
70
  Object.defineProperty(exports, "Flip", { enumerable: true, get: function () { return tslib_1.__importDefault(flip_1).default; } });
71
- exports.version = '0.3.32-beta.3';
71
+ exports.version = '0.3.32-beta.5';
package/lib/reference/index.js CHANGED
@@ -84,6 +84,7 @@ const Reference = (0, react_1.forwardRef)(({ className, defaultExpanded = false,
84
84
  return listItems.map((item, index) => (react_1.default.createElement("div", { key: index, className: 'reference-item', onClick: (e) => handleReferenceClick(item, index, e) },
85
85
  react_1.default.createElement("div", { className: 'reference-title' },
86
86
  react_1.default.createElement("div", { className: 'reference-name' },
87
+ react_1.default.createElement("span", { className: 'reference-item-index' }, index + 1),
87
88
  (item === null || item === void 0 ? void 0 : item.sourceIcon) && (0, icon_2.renderCommonIcon)(item === null || item === void 0 ? void 0 : item.sourceIcon),
88
89
  react_1.default.createElement("span", null, item === null || item === void 0 ? void 0 : item.name)),
89
90
  (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)),
@@ -100,6 +101,7 @@ const Reference = (0, react_1.forwardRef)(({ className, defaultExpanded = false,
100
101
  handelContentClick(e);
101
102
  } },
102
103
  isExpanded && mode === 'simple' && listItems.map((item, index) => (react_1.default.createElement("div", { key: index, className: 'reference-item' },
104
+ react_1.default.createElement("span", { className: 'reference-item-index' }, index + 1),
103
105
  (item === null || item === void 0 ? void 0 : item.sourceIcon) && (0, icon_2.renderCommonIcon)(item === null || item === void 0 ? void 0 : item.sourceIcon),
104
106
  react_1.default.createElement("div", { className: 'reference-text', onClick: (e) => handleReferenceClick(item, index, e) }, item === null || item === void 0 ? void 0 : item.name),
105
107
  (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)))),
package/lib/reference/main.scss CHANGED
@@ -169,6 +169,20 @@ $detail-header-height: $s-12;
169
169
  }
170
170
  }
171
171
 
172
+ &-index {
173
+ display: inline-block;
174
+ flex: none;
175
+ font-size: 10px;
176
+ color: $color-text1-3;
177
+ width: 16px;
178
+ text-align: center;
179
+ margin-left: 2px;
180
+ margin-right: $s-1;
181
+ overflow: hidden;
182
+ text-overflow: ellipsis;
183
+ white-space: nowrap;
184
+ }
185
+
172
186
  .reference-text {
173
187
  font-size: $font-size-caption;
174
188
  color: $color-link-3;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alifd/chat",
3
- "version": "0.3.32-beta.3",
3
+ "version": "0.3.32-beta.5",
4
4
  "description": "A configurable component library for chat built on React.",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",