@cloudbase/weda-ui 3.5.0 → 3.5.2-mp

package/dist/web/components/richText/index.css

@@ -1,115 +0,0 @@
-.weda-richtext-toolbar {
-  position: sticky;
-  z-index: 2;
-  border-bottom: 1px solid #d1d1d1;
-}
-
-.weda-richtext-toolbar .exeditor-toolbar {
-  padding: 5px;
-}
-
-exeditor-toolbar-fold,
-exeditor-toolbar-button,
-exeditor-toolbar-select {
-  --button-width: 26px;
-  --button-height: 26px;
-  font-size: 13px !important;
-}
-
-exeditor-toolbar-select > span > span {
-  font-size: 12px !important;
-}
-
-exeditor-toolbar-option,
-exeditor-color-palette,
-exeditor-toolbar-table-panel {
-  padding: 4px 10px !important;
-  font-size: 12px !important;
-}
-
-.weda-richtext-editor {
-  position: relative;
-}
-
-.weda-richtext-editor .tableWrapper {
-  display: flex;
-  justify-content: center;
-}
-
-.weda-richtext-editor .tableWrapper table th {
-  background-color: #f5f7fa;
-  border: 1px solid #e1e6f0;
-}
-
-.weda-richtext-editor .tableWrapper table td {
-  border: 1px solid #e1e6f0;
-}
-
-.weda-richtext-editor i {
-  font-style: italic;
-}
-
-.ExEditor-basic {
-  height: 100%;
-  overflow-y: auto;
-  padding-top: 30px;
-}
-
-.ExEditor-basic p,
-.ExEditor-basic pre {
-  margin-top: 0px !important;
-  margin-bottom: 0px !important;
-}
-
-.ExEditor-basic ol,
-.ExEditor-basic ul {
-  padding-inline-start: 32px;
-  padding-left: 32px;
-}
-
-.weda-richtext-container {
-  z-index: 2 !important;
-  height: 100%;
-}
-
-.weda-richtext-container.ex-fullscreen {
-  z-index: 1001 !important;
-}
-
-.weda-richText .weda-formcells__content.weui-flex__item {
-  padding-top: 17px;
-  padding-bottom: 17px;
-  margin-top: 0px !important;
-  margin-bottom: 0px !important;
-}
-
-.weda-richText .weui-cell_active:active {
-  background-color: unset !important;
-}
-
-.weda-richText {
-  width: 100%;
-}
-
-.weda-richText .weda-formcells__content .weui-cell_form {
-  padding-top: 0;
-  height: 100%;
-}
-
-.weda-richText .weui-cells_forms {
-  height: 100%;
-  overflow: unset;
-}
-
-.weda-richText > div {
-  height: inherit;
-}
-
-exeditor-link-modal {
-  z-index: 1005;
-  position: relative;
-}
-
-.exeditor-toolbar {
-  z-index: 1005 !important;
-}

package/dist/web/components/richText/index.js

@@ -1,397 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import classNames from '../../utils/classnames';
-import { getTempFileURL } from '../../utils/tcb';
-import { v4 as uuidv4 } from 'uuid';
-import { LOAD_ERR_IMG_BASE64, RICH_TEXT_ICON_PACK } from '../../utils/constant';
-import { message } from 'tea-component';
-import { useEventListener, useResizeObserver } from '@react-hookz/web';
-import { renderDecorator } from '../form/renderDecorator';
-import { usePlatform } from '../../utils/platform';
-import styleM from './richtext.module.css';
-import './style';
-// 默认图片类型
-const IMAGE_TYPES = [
-    'image/jpeg',
-    'image/png',
-    'image/gif',
-    'image/bmp',
-    'image/tiff',
-    'image/svg+xml',
-];
-// 默认音频类型
-const AUDIO_TYPES = [
-    'audio/*',
-    '.mp3',
-    '.wma',
-    '.aac',
-    '.flac',
-    '.wav',
-    '.amr',
-    '.m4a',
-];
-const toolbarArrayH5 = [
-    'fullscreen',
-    'undo',
-    'redo',
-    'heading',
-    'color',
-    'backgroundColor',
-    'fontFamily',
-    'fontSize',
-    'bold',
-    'italic',
-    'underline',
-    'strikethrough',
-    'hr',
-    'textAlign',
-    'orderList',
-    'bulletList',
-];
-const toolbarPC = 'fullscreen clearFormat paintFormat | heading headingNumbering fontFamily fontSize bold italic underline strikethrough superScript subScript color backgroundColor link quote bulletList orderList hr picture table textAlign textIndent marginTop marginBottom marginSide lineSpace wordSpace paragraphCheck | undo redo';
-const popover = 'clearFormat bold italic underline color backgroundColor';
-//加载组件
-let loadEditorPromise;
-// 默认视频类型
-const VIDEO_TYPES = ['video/*'];
-export default React.memo(RichText);
-function RichText({ 
-// 系统属性
-id, style, className, events, 
-// 组件属性
-label, labelVisible, value, readOnly, layout, disabled, requiredFlag, onChange, decorator = undefined, acceptTypes, 
-// acceptAudioTypes,
-// acceptVideoTypes,
-initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    const cls = classNames({
-        'weda-ui': true,
-        'weda-richText': true,
-        [className]: className,
-    });
-    const platform = usePlatform();
-    const isH5 = platform === 'h5';
-    const subCls = classNames({
-        'weui-cell': isH5,
-        // 'weui-cell_active': isH5,
-        'weui-cell_form': isH5,
-        'weui-cell_disabled': isH5 && disabled,
-    });
-    const [, setRandomId] = React.useState('');
-    const [editorHeight, setEditorHeight] = React.useState(0);
-    const [editorWidth, setEditorWidth] = React.useState(0);
-    const [defaultValue, setDefaultValue] = React.useState('');
-    const [currentMap, setCurrentMap] = React.useState({});
-    const [toolbar, setToolbar] = React.useState(platform === 'h5' ? toolbarArrayH5.join(' ') : toolbarPC);
-    const ref = React.useRef({});
-    const editorDomRef = React.useRef(null);
-    const toolbarDomRef = React.useRef(null);
-    const cloudRef = React.useRef({
-        cloudToHttpsMap: {},
-    });
-    const previousValueRef = React.useRef();
-    const onDataChange = function (value) {
-        var _a;
-        if (previousValueRef.current !== value) {
-            previousValueRef.current = value;
-            (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: value === '<p></p>' ? '' : value });
-            if (onChange) {
-                if (value === '<p></p>') {
-                    onChange('');
-                }
-                else {
-                    onChange(value);
-                }
-            }
-        }
-    };
-    const isSizeAccept = (file) => {
-        if (file.size > maxSize * 1024 * 1024) {
-            message.error({
-                content: `文件大小超过上限${maxSize}M`,
-            });
-            return false;
-        }
-        return true;
-    };
-    const upload = async (file) => {
-        var _a, _b, _c, _d, _e;
-        const tcb = await ((_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.getCloudInstance());
-        try {
-            const fileType = (_e = (_d = (_c = file === null || file === void 0 ? void 0 : file.name) === null || _c === void 0 ? void 0 : _c.split('.')) === null || _d === void 0 ? void 0 : _d.pop()) === null || _e === void 0 ? void 0 : _e.toLowerCase();
-            const path = `${cloudPath}/uploader-${uuidv4()}.${fileType}`;
-            const { fileID } = await tcb.uploadFile({
-                cloudPath: path,
-                filePath: file,
-            });
-            setCurrentMap({ ...cloudRef.current.cloudToHttpsMap, [fileID]: '' });
-            const src = await getTempFileURL(fileID);
-            src && (cloudRef.current.cloudToHttpsMap[fileID] = src);
-            setCurrentMap(cloudRef.current.cloudToHttpsMap);
-            if (!ref.current.editor.hasFocus()) {
-                ref.current.editor.focus();
-            }
-            return src;
-        }
-        catch (e) {
-            message.error({
-                content: '上传图片失败' + e.message,
-            });
-        }
-    };
-    React.useEffect(() => {
-        if (!(window === null || window === void 0 ? void 0 : window.ExEditor3) && !loadEditorPromise) {
-            loadEditorPromise = new Promise((resolve) => {
-                const script = document.createElement('script');
-                script.src =
-                    'https://qbase.cdn-go.cn/lcap/lcap-resource-cdngo/-/release/_files/static/richtext/exeditor3.min.js';
-                script.onload = () => {
-                    resolve('');
-                };
-                document.body.appendChild(script);
-                const link = document.createElement('link');
-                link.setAttribute('rel', 'stylesheet');
-                link.setAttribute('href', 'https://qbase.cdn-go.cn/lcap/lcap-resource-cdngo/-/release/_files/static/richtext/exeditor3.min.css');
-                const head = document.getElementsByTagName('head');
-                if (head.length) {
-                    head[0].appendChild(link);
-                }
-                else {
-                    document.body.appendChild(link);
-                }
-            });
-        }
-        if (loadEditorPromise) {
-            loadEditorPromise.then(() => {
-                setRandomId(`${new Date().getTime()}`);
-            });
-        }
-    }, []);
-    React.useEffect(() => {
-        if (window === null || window === void 0 ? void 0 : window.ExEditor3) {
-            const editor = window === null || window === void 0 ? void 0 : window.ExEditor3({
-                root: editorDomRef.current,
-                toolbarRoot: toolbarDomRef.current,
-                toolbar: {
-                    static: toolbar,
-                    popover,
-                },
-                initialContent: defaultValue || initialContent,
-                placeholder: placeholder,
-                onCopy: (isSuccess) => {
-                    if (isSuccess) {
-                        message.success({
-                            content: '复制成功',
-                        });
-                    }
-                },
-                iconPack: iconPack,
-            }, {
-                HeadingPlugin: {
-                    levels: [1, 2, 3, 4, 5, 6],
-                    options: [
-                        { label: '标题H1', value: '1' },
-                        { label: '标题H2', value: '2' },
-                        { label: '标题H3', value: '3' },
-                        { label: '标题H4', value: '4' },
-                        { label: '标题H5', value: '5' },
-                        { label: '标题H6', value: '6' },
-                        { label: '常规', value: '' },
-                    ],
-                },
-                PicturePlugin: {
-                    upload,
-                    accept: acceptTypes.join(),
-                    inline: true,
-                    acceptFile: (file) => {
-                        let typeRegex = new RegExp(`^((${acceptTypes.join(')|(').replace('+', '\\+')}))$`);
-                        if (acceptTypes.join().includes('*')) {
-                            typeRegex = new RegExp(`^image/.+$`);
-                        }
-                        if (!typeRegex.test(file.type)) {
-                            message.error({
-                                content: '文件格式不支持',
-                            });
-                            return false;
-                        }
-                        return isSizeAccept(file);
-                    },
-                },
-                FontFamilyPlugin: {
-                    default: 'initial',
-                    options: [
-                        {
-                            label: '思源黑体',
-                            value: 'Source Han Sans SC, 思源黑体, sans-serif',
-                        },
-                    ],
-                },
-            });
-            editor.on('blur', () => {
-                let html = editor.getHTML();
-                const map = cloudRef.current.cloudToHttpsMap || {};
-                Object.keys(map).forEach((key) => {
-                    if (map[key]) {
-                        html = html.replace(`${map[key]}`.replace('&', '&amp;'), `${key}`);
-                    }
-                });
-                onDataChange(html);
-                if (html.length > 32768) {
-                    console.warn('富文本长度过长，可能导致保存失败，当前', html.length);
-                }
-            });
-            editor.on('resize', () => {
-                var _a, _b;
-                setEditorHeight(((_a = toolbarDomRef === null || toolbarDomRef === void 0 ? void 0 : toolbarDomRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0);
-                setEditorWidth(((_b = toolbarDomRef === null || toolbarDomRef === void 0 ? void 0 : toolbarDomRef.current) === null || _b === void 0 ? void 0 : _b.clientWidth) || 0);
-            });
-            ref.current.editor = editor;
-            return () => {
-                editor.destroy();
-            };
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [window === null || window === void 0 ? void 0 : window.ExEditor3, toolbar]);
-    React.useEffect(() => {
-        if (ref.current.editor) {
-            if (readOnly || disabled) {
-                ref.current.editor.setReadOnly(true);
-            }
-            else {
-                ref.current.editor.setReadOnly(false);
-            }
-        }
-    }, [readOnly, disabled, ref.current.editor]);
-    const iferror = `javascript:this.width='80';this.src='${LOAD_ERR_IMG_BASE64}';this.onerror=null`;
-    const regex = new RegExp(/<img [^>]*src=\\*"([^"]*?)\\*"/g);
-    let tempValue = (_b = (_a = (defaultValue || '')) === null || _a === void 0 ? void 0 : _a.toString()) === null || _b === void 0 ? void 0 : _b.replace(/<img /g, `<img onerror=${iferror} style="max-width:100%" `);
-    const getSrc = async (img, startSetHtml) => {
-        const url = img.replace(regex, '$1');
-        if (img.includes('cloud://')) {
-            const newURL = await getTempFileURL(url);
-            if (newURL) {
-                tempValue = tempValue.replace(new RegExp(url, 'g'), newURL);
-                cloudRef.current.cloudToHttpsMap[url] = newURL;
-            }
-        }
-        if (startSetHtml) {
-            ref.current.editor.setHTML(tempValue);
-        }
-    };
-    React.useEffect(() => {
-        if (ref.current.editor) {
-            cloudRef.current.cloudToHttpsMap = {};
-            const imgs = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.match(regex);
-            if (imgs && imgs.length > 0) {
-                imgs.forEach((img, index) => {
-                    const startSetHtml = index === imgs.length - 1;
-                    getSrc(img, startSetHtml);
-                });
-            }
-            else {
-                ref.current.editor.setHTML(tempValue);
-            }
-        }
-    }, [defaultValue, ref.current.editor]);
-    React.useEffect(() => {
-        var _a;
-        setEditorWidth(((_a = toolbarDomRef === null || toolbarDomRef === void 0 ? void 0 : toolbarDomRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0);
-    }, [style === null || style === void 0 ? void 0 : style.width, (_c = toolbarDomRef === null || toolbarDomRef === void 0 ? void 0 : toolbarDomRef.current) === null || _c === void 0 ? void 0 : _c.clientWidth]);
-    React.useEffect(() => {
-        var _a;
-        setEditorHeight(((_a = toolbarDomRef === null || toolbarDomRef === void 0 ? void 0 : toolbarDomRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0);
-    }, [style === null || style === void 0 ? void 0 : style.height, (_d = toolbarDomRef === null || toolbarDomRef === void 0 ? void 0 : toolbarDomRef.current) === null || _d === void 0 ? void 0 : _d.clientHeight]);
-    React.useEffect(() => {
-        if (value && previousValueRef.current !== value) {
-            setDefaultValue(value);
-        }
-        if (!value) {
-            setDefaultValue('');
-        }
-    }, [value]);
-    React.useEffect(() => {
-        var _a;
-        const map = currentMap;
-        if (map && Object.keys(map).length > 0) {
-            Object.keys(map).every((key) => map[key]) &&
-                ((_a = events === null || events === void 0 ? void 0 : events.finishUploadAll) === null || _a === void 0 ? void 0 : _a.call(events, { value: map }));
-        }
-    }, [currentMap]);
-    const children = (_g = (_f = (_e = toolbarDomRef === null || toolbarDomRef === void 0 ? void 0 : toolbarDomRef.current) === null || _e === void 0 ? void 0 : _e.children) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.children;
-    React.useEffect(() => {
-        var _a;
-        if (platform === 'h5' && children && children.length > 0) {
-            for (let i = children.length - 1; i >= 0; i--) {
-                if (((_a = toolbarDomRef === null || toolbarDomRef === void 0 ? void 0 : toolbarDomRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) > 70) {
-                    children[i].remove();
-                }
-                else {
-                    setToolbar(`${toolbarArrayH5.slice(0, i).join(' ')} fold(${toolbarArrayH5
-                        .slice(i)
-                        .join(' ')})`);
-                    break;
-                }
-            }
-        }
-    }, [platform, children, labelVisible, layout, visible]);
-    React.useEffect(() => {
-        var _a;
-        // pc表单输入类的组件采用的是table布局，需要重新计算max高度
-        if (platform !== 'h5') {
-            const basicDiv = (_a = editorDomRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('.ExEditor-basic');
-            if (basicDiv && (style === null || style === void 0 ? void 0 : style.height) && editorHeight) {
-                basicDiv.style.maxHeight = `calc(${style === null || style === void 0 ? void 0 : style.height} - ${editorHeight}px)`;
-            }
-        }
-    }, [style === null || style === void 0 ? void 0 : style.height, editorHeight, (_h = toolbarDomRef === null || toolbarDomRef === void 0 ? void 0 : toolbarDomRef.current) === null || _h === void 0 ? void 0 : _h.clientHeight]);
-    useEventListener(window, 'resize', () => {
-        var _a;
-        setEditorWidth(((_a = toolbarDomRef === null || toolbarDomRef === void 0 ? void 0 : toolbarDomRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0);
-    });
-    useResizeObserver(toolbarDomRef, () => {
-        var _a;
-        setEditorWidth(((_a = toolbarDomRef === null || toolbarDomRef === void 0 ? void 0 : toolbarDomRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0);
-    });
-    const richTextEl = (_jsx("div", { className: subCls, style: { height: '100%' }, children: _jsx("div", { className: styleM.richtextInner, style: { height: '100%' }, children: _jsxs("div", { className: "weda-richtext-container", id: id, children: [_jsx("div", { ref: toolbarDomRef, className: "weda-richtext-toolbar", role: "richtext" }), _jsx("div", { ref: editorDomRef, className: "weda-richtext-editor", style: {
-                            height: editorHeight
-                                ? `calc(100% - ${editorHeight + 1}px)`
-                                : '100%',
-                            width: editorWidth ? `${editorWidth}px` : '100%',
-                        } })] }) }) }));
-    return renderDecorator(richTextEl, decorator)({
-        id,
-        className: cls,
-        style,
-        label: labelVisible ? label : null,
-        layout,
-        multiCell: false,
-        requiredFlag,
-    });
-}
-RichText.whyDidYouRender = true;
-RichText.defaultProps = {
-    // 系统属性
-    events: {},
-    style: {},
-    // 组件属性
-    label: '标题',
-    labelVisible: true,
-    name: 'formRichText',
-    value: '',
-    layout: 'vertical',
-    requiredFlag: false,
-    maxSize: 10,
-    acceptTypes: IMAGE_TYPES,
-    acceptAudioTypes: AUDIO_TYPES,
-    acceptVideoTypes: VIDEO_TYPES,
-    cloudPath: 'weda-richtext-upload',
-    initialContent: '',
-    placeholder: '请输入',
-    iconPack: RICH_TEXT_ICON_PACK,
-    toolbar: {
-        static: 
-        // 'fullscreen clearFormat paintFormat | heading headingNumbering fontFamily fontSize bold italic underline strikethrough superScript subScript color backgroundColor link quote bulletList orderList hr codeBlock mathFormula picture video audio attachment table unsafeHtml textAlign textIndent fold(marginTop marginBottom marginSide lineSpace wordSpace paragraphCheck) | undo redo',
-        'fullscreen clearFormat paintFormat | heading headingNumbering fontFamily fontSize bold italic underline strikethrough superScript subScript color backgroundColor link quote bulletList orderList hr picture table textAlign textIndent marginTop marginBottom marginSide lineSpace wordSpace paragraphCheck | undo redo',
-        popover: 'clearFormat bold italic underline color backgroundColor',
-    },
-};

package/dist/web/components/richText/richtext.module.css

@@ -1,6 +0,0 @@
-.richtext_richtextInner__-9STf {
-  border: 1px solid #d1d1d1;
-  border-radius: 3px;
-  background-color: inherit;
-  width: 100%;
-}

package/dist/web/components/richText/style.js

@@ -1,2 +0,0 @@
-import './index.css';
-import '../style';

package/dist/web/components/richTextView/index.css

@@ -1,104 +0,0 @@
-.weda-RichTextView {
-  font-size: 14px;
-  word-wrap: break-word;
-  word-break: break-all;
-}
-.weda-RichTextView blockquote {
-  margin: 0 0 10px;
-  padding: 15px 20px;
-  background-color: #f1f2f3;
-  border-left: 5px solid #ccc;
-  color: #666;
-  font-style: italic;
-}
-
-.weda-RichTextView pre {
-  max-width: 100%;
-  max-height: 100%;
-  margin: 10px 0;
-  padding: 15px;
-  overflow: auto;
-  background-color: #f1f2f3;
-  border-radius: 3px;
-  color: #666;
-  font-family: monospace;
-  font-size: 1em;
-  /* font-weight: 400; */
-  font-weight: inherit;
-  line-height: 1.14285em;
-  word-wrap: break-word;
-  white-space: pre-wrap;
-}
-
-.weda-RichTextView h1 {
-  font-size: 2em;
-}
-
-.weda-RichTextView h2 {
-  font-size: 1.5em;
-}
-
-.weda-RichTextView h3 {
-  font-size: 1.17em;
-}
-
-.weda-RichTextView h4 {
-  font-size: 1em;
-}
-
-.weda-RichTextView h5 {
-  font-size: 0.83em;
-}
-
-.weda-RichTextView h6 {
-  font-size: 0.67em;
-}
-
-.weda-RichTextView ul {
-  list-style: disc !important;
-  padding: revert !important;
-}
-
-.weda-RichTextView ol {
-  list-style: decimal !important;
-  padding: revert !important;
-}
-
-.weda-RichTextView .tableWrapper,
-.weda-RichTextView div:has(> table) {
-  margin: 20px 0;
-  padding: 0;
-  overflow-x: auto;
-  display: flex;
-  justify-content: center;
-}
-.weda-RichTextView table {
-  min-width: fit-content;
-  border-collapse: collapse;
-  margin: 0;
-  overflow: hidden;
-}
-.weda-RichTextView table th,
-.weda-RichTextView table td {
-  box-sizing: border-box;
-  position: relative;
-  min-width: 70px;
-  padding: 0px 5px;
-  border: 1px solid #e1e6f0;
-  vertical-align: top;
-  background-clip: padding-box;
-}
-.weda-RichTextView table th {
-  font-weight: bold;
-  background-color: #f5f7fa;
-}
-.weda-RichTextView table td {
-  background-color: white;
-}
-.weda-RichTextView table th > p,
-.weda-RichTextView table td > p {
-  min-height: 1em;
-}
-.weda-RichTextView img {
-  vertical-align: unset;
-}

package/dist/web/components/richTextView/index.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import classNames from '../../utils/classnames';
-import { getTempFileURL } from '../../utils/tcb';
-import { LOAD_ERR_IMG_BASE64 } from '../../utils/constant';
-import destr from 'destr';
-import './style';
-export default function RichTextView({ value = '', className, style, id, }) {
-    const parseValue = destr(value);
-    const cls = classNames({
-        'weda-ui': true,
-        'weda-RichTextView': true,
-        [className]: className,
-    });
-    const [displayValue, setDisplayValue] = useState('');
-    const regex = new RegExp(/<img [^>]*src=\\*"([^"]*?)\\*"/g);
-    const iferror = `javascript:this.width='80';this.src='${LOAD_ERR_IMG_BASE64}';this.onerror=null`;
-    let tempValue = (parseValue || '')
-        .toString()
-        .replace(/<img /g, `<img onerror=${iferror} style="max-width:100%" `);
-    const getSrc = async (img) => {
-        const url = img.replace(regex, '$1');
-        if (img.includes('cloud://')) {
-            const newURL = await getTempFileURL(url);
-            if (newURL) {
-                tempValue = tempValue.replace(new RegExp(url, 'g'), newURL);
-                setDisplayValue(tempValue);
-            }
-        }
-    };
-    useEffect(() => {
-        setDisplayValue(tempValue);
-        try {
-            const imgs = parseValue.match(regex);
-            if (imgs && imgs.length > 0) {
-                imgs.forEach((img) => {
-                    getSrc(img);
-                });
-            }
-        }
-        catch (e) { }
-    }, [value]);
-    return (displayValue && (_jsx("div", { className: cls, style: style, id: id, children: _jsx("div", { dangerouslySetInnerHTML: { __html: displayValue } }) })));
-}

package/dist/web/components/richTextView/style.js

@@ -1,2 +0,0 @@
-import './index.css';
-import '../style';