@alifd/chat 0.3.8 → 0.3.9-beta.2

package/es/index.d.ts

@@ -20,4 +20,5 @@ export { default as CardLoading } from './card-loading';
 export { default as Origin } from './origin';
 export { default as Loading } from './loading';
 export { default as Drawer } from './drawer';
+export { default as SvgRender } from './svg-render';
 export declare const version: string;

package/es/index.js

@@ -20,4 +20,5 @@ export { default as CardLoading } from './card-loading';
 export { default as Origin } from './origin';
 export { default as Loading } from './loading';
 export { default as Drawer } from './drawer';
-export const version = '0.3.8';
+export { default as SvgRender } from './svg-render';
+export const version = '0.3.9-beta.2';

package/es/svg-render/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @component svg-render
+ * @en svg-render
+ * @type 通用 - svg 渲染组件
+ * @when svg 渲染
+ */
+import React from 'react';
+import type { SvgRenderProps } from './types';
+export * from './types';
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<SvgRenderProps & React.RefAttributes<HTMLDivElement>, "key" | keyof SvgRenderProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, HTMLDivElement, {}>;
+export default _default;

package/es/svg-render/index.js

@@ -0,0 +1,27 @@
+/**
+ * @component svg-render
+ * @en svg-render
+ * @type 通用 - svg 渲染组件
+ * @when svg 渲染
+ */
+import React, { forwardRef } from 'react';
+import { ConfigProvider } from '@alifd/next';
+import cs from 'classnames';
+import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
+import { ReactSVG } from 'react-svg';
+const SvgRender = forwardRef(({ className, svgClassName, src, options }) => {
+    return (React.createElement(ReactSVG, { className: cs(`${PREFIX_DEFAULT}svg-render`, className), src: src, beforeInjection: (svg) => {
+            if (options === null || options === void 0 ? void 0 : options.clearColor) {
+                // 去除 svg 下面 g 标签的 fill 属性
+                svg.querySelectorAll('*').forEach(dom => {
+                    dom.removeAttribute('fill');
+                });
+            }
+            svgClassName && svg.classList.add(svgClassName);
+        } }));
+});
+const SvgRenderWithSub = assignSubComponent(SvgRender, {
+    displayName: 'SvgRender',
+});
+export * from './types';
+export default ConfigProvider.config(SvgRenderWithSub);

package/es/svg-render/style.d.ts

@@ -0,0 +1 @@
+import './main.scss';

package/es/svg-render/style.js

@@ -0,0 +1 @@
+import './main.scss';

package/es/svg-render/types.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type CommonProps } from '@alifd/next';
+/**
+ * @api svg-render
+ */
+export interface SvgRenderProps extends React.HTMLAttributes<HTMLElement>, CommonProps {
+    className?: string;
+    svgClassName?: string;
+    src: string;
+    options?: {
+        clearColor?: boolean;
+    };
+}

package/es/svg-render/types.js

@@ -0,0 +1 @@
+export {};

package/lib/index.d.ts

@@ -20,4 +20,5 @@ export { default as CardLoading } from './card-loading';
 export { default as Origin } from './origin';
 export { default as Loading } from './loading';
 export { default as Drawer } from './drawer';
+export { default as SvgRender } from './svg-render';
 export declare const version: string;

package/lib/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.version = exports.Drawer = exports.Loading = exports.Origin = exports.CardLoading = exports.Markdown = exports.HtmlRender = 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;
+exports.version = exports.SvgRender = exports.Drawer = exports.Loading = exports.Origin = exports.CardLoading = exports.Markdown = exports.HtmlRender = 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;
 const tslib_1 = require("tslib");
 var button_1 = require("./button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return tslib_1.__importDefault(button_1).default; } });
@@ -46,4 +46,6 @@ var loading_1 = require("./loading");
 Object.defineProperty(exports, "Loading", { enumerable: true, get: function () { return tslib_1.__importDefault(loading_1).default; } });
 var drawer_1 = require("./drawer");
 Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return tslib_1.__importDefault(drawer_1).default; } });
-exports.version = '0.3.8';
+var svg_render_1 = require("./svg-render");
+Object.defineProperty(exports, "SvgRender", { enumerable: true, get: function () { return tslib_1.__importDefault(svg_render_1).default; } });
+exports.version = '0.3.9-beta.2';

package/lib/svg-render/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @component svg-render
+ * @en svg-render
+ * @type 通用 - svg 渲染组件
+ * @when svg 渲染
+ */
+import React from 'react';
+import type { SvgRenderProps } from './types';
+export * from './types';
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<SvgRenderProps & React.RefAttributes<HTMLDivElement>, "key" | keyof SvgRenderProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, HTMLDivElement, {}>;
+export default _default;

package/lib/svg-render/index.js

@@ -0,0 +1,30 @@
+"use strict";
+/**
+ * @component svg-render
+ * @en svg-render
+ * @type 通用 - svg 渲染组件
+ * @when svg 渲染
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const next_1 = require("@alifd/next");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const utils_1 = require("../utils");
+const react_svg_1 = require("react-svg");
+const SvgRender = (0, react_1.forwardRef)(({ className, svgClassName, src, options }) => {
+    return (react_1.default.createElement(react_svg_1.ReactSVG, { className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}svg-render`, className), src: src, beforeInjection: (svg) => {
+            if (options === null || options === void 0 ? void 0 : options.clearColor) {
+                // 去除 svg 下面 g 标签的 fill 属性
+                svg.querySelectorAll('*').forEach(dom => {
+                    dom.removeAttribute('fill');
+                });
+            }
+            svgClassName && svg.classList.add(svgClassName);
+        } }));
+});
+const SvgRenderWithSub = (0, utils_1.assignSubComponent)(SvgRender, {
+    displayName: 'SvgRender',
+});
+tslib_1.__exportStar(require("./types"), exports);
+exports.default = next_1.ConfigProvider.config(SvgRenderWithSub);

package/lib/svg-render/style.d.ts

@@ -0,0 +1 @@
+import './main.scss';

package/lib/svg-render/style.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./main.scss");

package/lib/svg-render/types.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type CommonProps } from '@alifd/next';
+/**
+ * @api svg-render
+ */
+export interface SvgRenderProps extends React.HTMLAttributes<HTMLElement>, CommonProps {
+    className?: string;
+    svgClassName?: string;
+    src: string;
+    options?: {
+        clearColor?: boolean;
+    };
+}

package/lib/svg-render/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alifd/chat",
-  "version": "0.3.8",
+  "version": "0.3.9-beta.2",
   "description": "A configurable component library for chat built on React.",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -325,6 +325,18 @@
     "./drawer/style.js": {
       "import": "./es/drawer/style.js",
       "require": "./lib/drawer/style.js"
+    },
+    "./svg-render": {
+      "import": "./es/svg-render/index.js",
+      "require": "./lib/svg-render/index.js"
+    },
+    "./svg-render/style": {
+      "import": "./es/svg-render/style.js",
+      "require": "./lib/svg-render/style.js"
+    },
+    "./svg-render/style.js": {
+      "import": "./es/svg-render/style.js",
+      "require": "./lib/svg-render/style.js"
     }
   },
   "files": [
@@ -393,7 +405,7 @@
     "rehype-slug": "^6.0.0",
     "remark-gfm": "^4.0.0",
     "sass": "^1.70.0",
-    "sass-loader": "^14.0.0",
+    "sass-loader": "^16.0.0",
     "ts-morph": "^21.0.1",
     "tsconfck": "^3.1.1",
     "tsx": "^4.7.0",
@@ -422,7 +434,8 @@
     "react-copy-to-clipboard": "^5.1.0",
     "react-photo-view": "^1.2.6",
     "sanitize-html": "~2.7.3",
-    "tslib": "^2.6.2"
+    "tslib": "^2.6.2",
+    "react-svg": "^16.1.34"
   },
   "sideEffects": [
     "es/**/style.js",