@alifd/chat 0.3.0-beta.2 → 0.3.0-beta.4
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.
- package/es/{HTMLRenderer → html-render}/index.js +1 -1
- package/es/index.d.ts +2 -2
- package/es/index.js +3 -3
- package/es/markdown/index.js +1 -1
- package/lib/{HTMLRenderer → html-render}/index.js +2 -2
- package/lib/index.d.ts +2 -2
- package/lib/index.js +6 -6
- package/lib/markdown/index.js +2 -2
- package/package.json +37 -13
- /package/es/{HTMLRenderer → html-render}/index.d.ts +0 -0
- /package/es/{HTMLRenderer → html-render}/index.less +0 -0
- /package/es/{HTMLRenderer → html-render}/main.scss +0 -0
- /package/es/{HTMLRenderer → html-render}/style.d.ts +0 -0
- /package/es/{HTMLRenderer → html-render}/style.js +0 -0
- /package/es/{HTMLRenderer → html-render}/types.d.ts +0 -0
- /package/es/{HTMLRenderer → html-render}/types.js +0 -0
- /package/es/{ImagePreview → image-preview}/index.d.ts +0 -0
- /package/es/{ImagePreview → image-preview}/index.js +0 -0
- /package/es/{ImagePreview → image-preview}/main.scss +0 -0
- /package/es/{ImagePreview → image-preview}/style.d.ts +0 -0
- /package/es/{ImagePreview → image-preview}/style.js +0 -0
- /package/es/{ImagePreview → image-preview}/types.d.ts +0 -0
- /package/es/{ImagePreview → image-preview}/types.js +0 -0
- /package/lib/{HTMLRenderer → html-render}/index.d.ts +0 -0
- /package/lib/{HTMLRenderer → html-render}/index.less +0 -0
- /package/lib/{HTMLRenderer → html-render}/main.scss +0 -0
- /package/lib/{HTMLRenderer → html-render}/style.d.ts +0 -0
- /package/lib/{HTMLRenderer → html-render}/style.js +0 -0
- /package/lib/{HTMLRenderer → html-render}/types.d.ts +0 -0
- /package/lib/{HTMLRenderer → html-render}/types.js +0 -0
- /package/lib/{ImagePreview → image-preview}/index.d.ts +0 -0
- /package/lib/{ImagePreview → image-preview}/index.js +0 -0
- /package/lib/{ImagePreview → image-preview}/main.scss +0 -0
- /package/lib/{ImagePreview → image-preview}/style.d.ts +0 -0
- /package/lib/{ImagePreview → image-preview}/style.js +0 -0
- /package/lib/{ImagePreview → image-preview}/types.d.ts +0 -0
- /package/lib/{ImagePreview → image-preview}/types.js +0 -0
|
@@ -11,7 +11,7 @@ import sanitizeHtml from 'sanitize-html';
|
|
|
11
11
|
import parse, { domToReact, Element } from 'html-react-parser';
|
|
12
12
|
import { PhotoProvider } from 'react-photo-view';
|
|
13
13
|
import qs from 'query-string';
|
|
14
|
-
import ImagePreview from '../
|
|
14
|
+
import ImagePreview from '../image-preview';
|
|
15
15
|
import { ConfigProvider } from '@alifd/next';
|
|
16
16
|
import { assignSubComponent } from '../utils';
|
|
17
17
|
const sanitizeHtmlOptions = {
|
package/es/index.d.ts
CHANGED
|
@@ -13,8 +13,8 @@ export { default as Message } from './message';
|
|
|
13
13
|
export { default as Icon } from './icon';
|
|
14
14
|
export { default as Balloon } from './balloon';
|
|
15
15
|
export { default as List } from './list';
|
|
16
|
-
export { default as ImagePreview } from './
|
|
17
|
-
export { default as
|
|
16
|
+
export { default as ImagePreview } from './image-preview';
|
|
17
|
+
export { default as HtmlRenderer } from './html-render';
|
|
18
18
|
export { default as Markdown } from './markdown';
|
|
19
19
|
export { default as CardLoading } from './card-loading';
|
|
20
20
|
export { default as Origin } from './origin';
|
package/es/index.js
CHANGED
|
@@ -13,9 +13,9 @@ export { default as Message } from './message';
|
|
|
13
13
|
export { default as Icon } from './icon';
|
|
14
14
|
export { default as Balloon } from './balloon';
|
|
15
15
|
export { default as List } from './list';
|
|
16
|
-
export { default as ImagePreview } from './
|
|
17
|
-
export { default as
|
|
16
|
+
export { default as ImagePreview } from './image-preview';
|
|
17
|
+
export { default as HtmlRenderer } from './html-render';
|
|
18
18
|
export { default as Markdown } from './markdown';
|
|
19
19
|
export { default as CardLoading } from './card-loading';
|
|
20
20
|
export { default as Origin } from './origin';
|
|
21
|
-
export const version = '0.3.0-beta.
|
|
21
|
+
export const version = '0.3.0-beta.4';
|
package/es/markdown/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef, useEffect, useMemo, useRef } from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
3
|
import MarkdownIt from 'markdown-it';
|
|
4
|
-
import HTMLRenderer from '../
|
|
4
|
+
import HTMLRenderer from '../html-render';
|
|
5
5
|
import { ConfigProvider } from '@alifd/next';
|
|
6
6
|
import { assignSubComponent } from '../utils';
|
|
7
7
|
import { init, transformTextWithEmoji } from '@ali/dingtalk-im-emoji';
|
|
@@ -14,7 +14,7 @@ const sanitize_html_1 = tslib_1.__importDefault(require("sanitize-html"));
|
|
|
14
14
|
const html_react_parser_1 = tslib_1.__importStar(require("html-react-parser"));
|
|
15
15
|
const react_photo_view_1 = require("react-photo-view");
|
|
16
16
|
const query_string_1 = tslib_1.__importDefault(require("query-string"));
|
|
17
|
-
const
|
|
17
|
+
const image_preview_1 = tslib_1.__importDefault(require("../image-preview"));
|
|
18
18
|
const next_1 = require("@alifd/next");
|
|
19
19
|
const utils_1 = require("../utils");
|
|
20
20
|
const sanitizeHtmlOptions = {
|
|
@@ -116,7 +116,7 @@ const HTMLRenderer = (0, react_1.memo)(function HTMLRenderer({ className, childr
|
|
|
116
116
|
if (name === 'img') {
|
|
117
117
|
const element = ((0, html_react_parser_1.domToReact)([domNode]));
|
|
118
118
|
if (imagePreview) {
|
|
119
|
-
return react_1.default.createElement(
|
|
119
|
+
return react_1.default.createElement(image_preview_1.default, { className: "image", src: element.props.src }, element);
|
|
120
120
|
}
|
|
121
121
|
else {
|
|
122
122
|
return element;
|
package/lib/index.d.ts
CHANGED
|
@@ -13,8 +13,8 @@ export { default as Message } from './message';
|
|
|
13
13
|
export { default as Icon } from './icon';
|
|
14
14
|
export { default as Balloon } from './balloon';
|
|
15
15
|
export { default as List } from './list';
|
|
16
|
-
export { default as ImagePreview } from './
|
|
17
|
-
export { default as
|
|
16
|
+
export { default as ImagePreview } from './image-preview';
|
|
17
|
+
export { default as HtmlRenderer } from './html-render';
|
|
18
18
|
export { default as Markdown } from './markdown';
|
|
19
19
|
export { default as CardLoading } from './card-loading';
|
|
20
20
|
export { default as Origin } from './origin';
|
package/lib/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.version = exports.Origin = exports.CardLoading = exports.Markdown = exports.
|
|
3
|
+
exports.version = exports.Origin = exports.CardLoading = exports.Markdown = exports.HtmlRenderer = exports.ImagePreview = exports.List = exports.Balloon = exports.Icon = exports.Message = exports.PersonPicker = exports.TimePicker = exports.DatePicker = exports.Input = exports.Tab = exports.Tag = exports.Text = exports.FloatButton = exports.Feedback = exports.Card = exports.Button = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
var button_1 = require("./button");
|
|
6
6
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return tslib_1.__importDefault(button_1).default; } });
|
|
@@ -32,14 +32,14 @@ var balloon_1 = require("./balloon");
|
|
|
32
32
|
Object.defineProperty(exports, "Balloon", { enumerable: true, get: function () { return tslib_1.__importDefault(balloon_1).default; } });
|
|
33
33
|
var list_1 = require("./list");
|
|
34
34
|
Object.defineProperty(exports, "List", { enumerable: true, get: function () { return tslib_1.__importDefault(list_1).default; } });
|
|
35
|
-
var
|
|
36
|
-
Object.defineProperty(exports, "ImagePreview", { enumerable: true, get: function () { return tslib_1.__importDefault(
|
|
37
|
-
var
|
|
38
|
-
Object.defineProperty(exports, "
|
|
35
|
+
var image_preview_1 = require("./image-preview");
|
|
36
|
+
Object.defineProperty(exports, "ImagePreview", { enumerable: true, get: function () { return tslib_1.__importDefault(image_preview_1).default; } });
|
|
37
|
+
var html_render_1 = require("./html-render");
|
|
38
|
+
Object.defineProperty(exports, "HtmlRenderer", { enumerable: true, get: function () { return tslib_1.__importDefault(html_render_1).default; } });
|
|
39
39
|
var markdown_1 = require("./markdown");
|
|
40
40
|
Object.defineProperty(exports, "Markdown", { enumerable: true, get: function () { return tslib_1.__importDefault(markdown_1).default; } });
|
|
41
41
|
var card_loading_1 = require("./card-loading");
|
|
42
42
|
Object.defineProperty(exports, "CardLoading", { enumerable: true, get: function () { return tslib_1.__importDefault(card_loading_1).default; } });
|
|
43
43
|
var origin_1 = require("./origin");
|
|
44
44
|
Object.defineProperty(exports, "Origin", { enumerable: true, get: function () { return tslib_1.__importDefault(origin_1).default; } });
|
|
45
|
-
exports.version = '0.3.0-beta.
|
|
45
|
+
exports.version = '0.3.0-beta.4';
|
package/lib/markdown/index.js
CHANGED
|
@@ -4,7 +4,7 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
5
5
|
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
6
6
|
const markdown_it_1 = tslib_1.__importDefault(require("markdown-it"));
|
|
7
|
-
const
|
|
7
|
+
const html_render_1 = tslib_1.__importDefault(require("../html-render"));
|
|
8
8
|
const next_1 = require("@alifd/next");
|
|
9
9
|
const utils_1 = require("../utils");
|
|
10
10
|
const dingtalk_im_emoji_1 = require("@ali/dingtalk-im-emoji");
|
|
@@ -169,7 +169,7 @@ const Markdown = (0, react_1.forwardRef)(({ className, onReady, content }, ref)
|
|
|
169
169
|
}
|
|
170
170
|
}, [html]);
|
|
171
171
|
return (react_1.default.createElement("div", { ref: containerRef, className: (0, classnames_1.default)(className) },
|
|
172
|
-
react_1.default.createElement(
|
|
172
|
+
react_1.default.createElement(html_render_1.default, { imagePreview: true }, html)));
|
|
173
173
|
});
|
|
174
174
|
const MarkdownWithSub = (0, utils_1.assignSubComponent)(Markdown, {
|
|
175
175
|
displayName: 'Markdown',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alifd/chat",
|
|
3
|
-
"version": "0.3.0-beta.
|
|
3
|
+
"version": "0.3.0-beta.4",
|
|
4
4
|
"description": "A configurable component library for chat built on React.",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -219,28 +219,28 @@
|
|
|
219
219
|
"require": "./lib/list/style.js"
|
|
220
220
|
},
|
|
221
221
|
"./ImagePreview": {
|
|
222
|
-
"import": "./es/
|
|
223
|
-
"require": "./lib/
|
|
222
|
+
"import": "./es/image-preview/index.js",
|
|
223
|
+
"require": "./lib/image-preview/index.js"
|
|
224
224
|
},
|
|
225
225
|
"./ImagePreview/style": {
|
|
226
|
-
"import": "./es/
|
|
227
|
-
"require": "./lib/
|
|
226
|
+
"import": "./es/image-preview/style.js",
|
|
227
|
+
"require": "./lib/image-preview/style.js"
|
|
228
228
|
},
|
|
229
229
|
"./ImagePreview/style.js": {
|
|
230
|
-
"import": "./es/
|
|
231
|
-
"require": "./lib/
|
|
230
|
+
"import": "./es/image-preview/style.js",
|
|
231
|
+
"require": "./lib/image-preview/style.js"
|
|
232
232
|
},
|
|
233
233
|
"./HTMLRenderer": {
|
|
234
|
-
"import": "./es/
|
|
235
|
-
"require": "./lib/
|
|
234
|
+
"import": "./es/html-render/index.js",
|
|
235
|
+
"require": "./lib/html-render/index.js"
|
|
236
236
|
},
|
|
237
237
|
"./HTMLRenderer/style": {
|
|
238
|
-
"import": "./es/
|
|
239
|
-
"require": "./lib/
|
|
238
|
+
"import": "./es/html-render/style.js",
|
|
239
|
+
"require": "./lib/html-render/style.js"
|
|
240
240
|
},
|
|
241
241
|
"./HTMLRenderer/style.js": {
|
|
242
|
-
"import": "./es/
|
|
243
|
-
"require": "./lib/
|
|
242
|
+
"import": "./es/html-render/style.js",
|
|
243
|
+
"require": "./lib/html-render/style.js"
|
|
244
244
|
},
|
|
245
245
|
"./markdown": {
|
|
246
246
|
"import": "./es/markdown/index.js",
|
|
@@ -277,6 +277,30 @@
|
|
|
277
277
|
"./origin/style.js": {
|
|
278
278
|
"import": "./es/origin/style.js",
|
|
279
279
|
"require": "./lib/origin/style.js"
|
|
280
|
+
},
|
|
281
|
+
"./html-render": {
|
|
282
|
+
"import": "./es/html-render/index.js",
|
|
283
|
+
"require": "./lib/html-render/index.js"
|
|
284
|
+
},
|
|
285
|
+
"./html-render/style": {
|
|
286
|
+
"import": "./es/html-render/style.js",
|
|
287
|
+
"require": "./lib/html-render/style.js"
|
|
288
|
+
},
|
|
289
|
+
"./html-render/style.js": {
|
|
290
|
+
"import": "./es/html-render/style.js",
|
|
291
|
+
"require": "./lib/html-render/style.js"
|
|
292
|
+
},
|
|
293
|
+
"./image-preview": {
|
|
294
|
+
"import": "./es/image-preview/index.js",
|
|
295
|
+
"require": "./lib/image-preview/index.js"
|
|
296
|
+
},
|
|
297
|
+
"./image-preview/style": {
|
|
298
|
+
"import": "./es/image-preview/style.js",
|
|
299
|
+
"require": "./lib/image-preview/style.js"
|
|
300
|
+
},
|
|
301
|
+
"./image-preview/style.js": {
|
|
302
|
+
"import": "./es/image-preview/style.js",
|
|
303
|
+
"require": "./lib/image-preview/style.js"
|
|
280
304
|
}
|
|
281
305
|
},
|
|
282
306
|
"files": [
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|