@cloudbase/weda-ui 3.5.0 → 3.5.2

package/dist/web/components/pageLayout/style.d.ts

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

package/dist/web/components/phone/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import '../style';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wxOpenApi/phone';
+import type { ButtonProps } from '../../components/button';
+export type PhoneProps = CommonPropsType & DataType;
+declare const Phone: (props: ButtonProps) => JSX.Element;
+export default Phone;

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /*
  * @Date: 2023-04-12 16:43:55
  * @LastEditTime: 2023-05-04 12:09:27
@@ -6,10 +6,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import * as React from 'react';
 import Button from '../../components/button';
-import { Bubble, ConfigProvider } from 'tea-component';
+import { Bubble, ConfigProvider, ExternalLink } from 'tea-component';
 import '../style';
 // @ts-ignore忽略ts交验
-// eslint-disable-next-line rulesdir/no-phantom-deps,import/no-unresolved
+// eslint-disable-next-line rulesdir/no-phantom-deps
 import { autorun } from 'mobx';
 const Phone = (props) => {
     var _a, _b;
@@ -26,6 +26,6 @@ const Phone = (props) => {
         };
     }, [dispose]);
     return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: ((_b = (_a = window.$w) === null || _a === void 0 ? void 0 : _a.wedaContext) === null || _b === void 0 ? void 0 : _b.isEditorMode) ||
-            (editorPlatforms === null || editorPlatforms === void 0 ? void 0 : editorPlatforms.includes('MP')) ? (_jsx(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C, \u5E76\u4E14\u5C0F\u7A0B\u5E8F\u5FC5\u987B\u4E3A\u4F01\u4E1A\u4E3B\u4F53\u3002", children: _jsx(Button, { ...props }) })) : null }));
+            (editorPlatforms === null || editorPlatforms === void 0 ? void 0 : editorPlatforms.includes('MP')) ? (_jsx(Bubble, { content: _jsxs("p", { children: ["\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C, \u5E76\u4E14\u5C0F\u7A0B\u5E8F\u5FC5\u987B\u4E3A\u4F01\u4E1A\u4E3B\u4F53\uFF0C\u8BF7\u786E\u4FDD\u5C0F\u7A0B\u5E8F\u5DF2\u7ECF\u5B8C\u6210\u5FAE\u4FE1\u8BA4\u8BC1\u3002", _jsx(ExternalLink, { href: "https://developers.weixin.qq.com/miniprogram/product/renzheng.html", children: "\u53BB\u8BA4\u8BC1" })] }), children: _jsx(Button, { ...props }) })) : null }));
 };
 export default Phone;

package/dist/web/components/phoneCode/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { ButtonProps } from '../../components/button';
+import type { FromSchema } from 'json-schema-to-ts';
+import type CompConfig from '../../../configs/components/wxOpenApi/phoneCode';
+import type { CommonPropsType } from '../../types';
+import '../style';
+type TCompConfig = typeof CompConfig;
+type CompProps = FromSchema<TCompConfig['data']>;
+export type PhoneCodeProps = CompProps & CommonPropsType;
+declare const PhoneCode: (props: ButtonProps) => JSX.Element;
+export default PhoneCode;

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

@@ -1,9 +1,9 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Button from '../../components/button';
-import { Bubble, ConfigProvider } from 'tea-component';
+import { Bubble, ConfigProvider, ExternalLink } from 'tea-component';
 import '../style';
 // export type PhoneCodeProps =
 const PhoneCode = (props) => {
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C, \u5E76\u4E14\u5C0F\u7A0B\u5E8F\u5FC5\u987B\u4E3A\u4F01\u4E1A\u4E3B\u4F53\u3002", children: _jsx(Button, { ...props }) }) }));
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(Bubble, { content: _jsxs("p", { children: ["\u8BE5\u7EC4\u4EF6\u5FC5\u987B\u5728\u5C0F\u7A0B\u5E8F\u771F\u5B9E\u73AF\u5883\u4F7F\u7528\u624D\u80FD\u591F\u770B\u5230\u5B9E\u9645\u6548\u679C, \u5E76\u4E14\u5C0F\u7A0B\u5E8F\u5FC5\u987B\u4E3A\u4F01\u4E1A\u4E3B\u4F53\uFF0C\u8BF7\u786E\u4FDD\u5C0F\u7A0B\u5E8F\u5DF2\u7ECF\u5B8C\u6210\u5FAE\u4FE1\u8BA4\u8BC1\u3002", _jsx(ExternalLink, { href: "https://developers.weixin.qq.com/miniprogram/product/renzheng.html", children: "\u53BB\u8BA4\u8BC1" })] }), children: _jsx(Button, { ...props }) }) }));
 };
 export default PhoneCode;

package/dist/web/components/picker/datePicker.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { CommonPropsType } from '../../types';
+import '../style';
+export interface PropsType extends CommonPropsType {
+    start: string;
+    end: string;
+    defaultValue: string;
+    title: string;
+    children?: React.ReactNode | undefined;
+}
+export default function DatePicker(props: PropsType): JSX.Element;

package/dist/web/components/picker/picker.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import './style';
+export interface PropsType extends CommonPropsType {
+    title?: string;
+}
+export default function Picker(props: PropsType): JSX.Element;

package/dist/web/components/picker/style.d.ts

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

package/dist/web/components/picker/timePicker.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import '../style';
+export interface PropsType extends CommonPropsType {
+    defaultValue?: string;
+    title?: string;
+}
+export default function TimePicker(props: PropsType): JSX.Element;

package/dist/web/components/qrcode/index.d.ts

@@ -0,0 +1,3 @@
+import { QrCode } from './qr-code';
+export { QrCode, type QrCodeProps } from './qr-code';
+export default QrCode;

package/dist/web/components/qrcode/qr-code.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/qr_code';
+import type { Except } from 'type-fest';
+import '../style';
+export declare const QrCode: React.ForwardRefExoticComponent<QrCodeProps & React.RefAttributes<unknown>>;
+export interface QrCodeProps extends CommonPropsType, Except<DataType, 'text'> {
+    text: DataType['text'];
+    backgroundColor: DataType['backgroundColor'];
+    foregroundColor: DataType['foregroundColor'];
+    showMenuByLongpress: DataType['showMenuByLongpress'];
+}

package/dist/web/components/repeater/index.d.ts

@@ -0,0 +1,14 @@
+declare function Repeater({ children }: {
+    children: any;
+}): JSX.Element;
+declare namespace Repeater {
+    namespace propTypes {
+        const data: PropTypes.Requireable<any[]>;
+    }
+    namespace defaultProps {
+        const data_1: any[];
+        export { data_1 as data };
+    }
+}
+export default Repeater;
+import * as PropTypes from "prop-types";

package/dist/web/components/repeater-item/index.d.ts

@@ -0,0 +1,8 @@
+declare function RepeaterItem({ children }: {
+    children: any;
+}): JSX.Element;
+declare namespace RepeaterItem {
+    const propTypes: {};
+    const defaultProps: {};
+}
+export default RepeaterItem;

package/dist/web/components/richText/const.d.ts

@@ -0,0 +1 @@
+export declare const defaultBase64 = "data:image/png;base64,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";

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

@@ -1,6 +1,4 @@
 .weda-richtext-toolbar {
-  position: sticky;
-  z-index: 2;
   border-bottom: 1px solid #d1d1d1;
 }
 
@@ -55,6 +53,10 @@ exeditor-toolbar-table-panel {
   padding-top: 30px;
 }
 
+.weda-richtext-container.ex-fullscreen .ExEditor-basic {
+  max-height: unset !important;
+}
+
 .ExEditor-basic p,
 .ExEditor-basic pre {
   margin-top: 0px !important;
@@ -101,10 +103,25 @@ exeditor-toolbar-table-panel {
   overflow: unset;
 }
 
-.weda-richText > div {
+.weda-richText > :last-child {
   height: inherit;
 }
 
+.weda-richText.weda-richText-web-not-vertical > :last-child {
+  width: calc(
+    100% - var(--wd-form-item-label-width) - var(--wd-form-item-label-mr)
+  ) !important;
+  max-width: inherit;
+}
+
+.weda-richText.weda-richText-web-not-vertical {
+  display: flex;
+}
+
+.weda-richText.weda-richText-web-vertical > :last-child {
+  max-width: inherit;
+}
+
 exeditor-link-modal {
   z-index: 1005;
   position: relative;
@@ -113,3 +130,10 @@ exeditor-link-modal {
 .exeditor-toolbar {
   z-index: 1005 !important;
 }
+
+.richtext-inner {
+  border: 1px solid #d1d1d1;
+  border-radius: 3px;
+  background-color: inherit;
+  width: 100%;
+}

package/dist/web/components/richText/index.d.ts

@@ -0,0 +1,60 @@
+import React from 'react';
+import './style';
+declare const _default: React.MemoExoticComponent<typeof RichText>;
+export default _default;
+declare function RichText({ id, style, className, events, label, labelVisible, value, readOnly, layout, disabled, requiredFlag, onChange, decorator, acceptTypes, initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }: {
+    id: any;
+    style: any;
+    className: any;
+    events: any;
+    label: any;
+    labelVisible: any;
+    value: any;
+    readOnly: any;
+    layout: any;
+    disabled: any;
+    requiredFlag: any;
+    onChange: any;
+    decorator?: any;
+    acceptTypes: any;
+    initialContent: any;
+    placeholder: any;
+    iconPack: any;
+    maxSize: any;
+    cloudPath: any;
+    visible: any;
+}): JSX.Element;
+declare namespace RichText {
+    var whyDidYouRender: boolean;
+    var defaultProps: WdRichTextProps;
+}
+export interface WdRichTextProps {
+    id?: string;
+    style?: any;
+    label?: string;
+    labelVisible?: boolean;
+    visible?: boolean;
+    layout?: string;
+    requiredFlag?: boolean;
+    decorator?: any;
+    initialContent?: string;
+    value?: string;
+    readOnly?: boolean;
+    placeholder?: string;
+    exteralPlugins?: Plugin[];
+    toolbar?: string | {
+        static: string;
+        popover?: string;
+    };
+    iconPack?: Record<string, string>;
+    languagePack?: Record<string, string>;
+    events?: any;
+    onChange?: (v: any) => void;
+    acceptTypes?: any[];
+    acceptAudioTypes?: any[];
+    acceptVideoTypes?: any[];
+    disabled?: boolean;
+    maxSize?: number;
+    name?: string;
+    cloudPath?: string;
+}

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

@@ -3,13 +3,13 @@ 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 { LOAD_ERR_IMG_BASE64, RICH_TEXT_ICON_PACK, getWhitelist, } from '../../utils/constant';
 import { renderDecorator } from '../form/renderDecorator';
 import { usePlatform } from '../../utils/platform';
-import styleM from './richtext.module.css';
 import './style';
+import { useSyncValue } from '../../utils/hooks/useSyncValue';
+// eslint-disable-next-line @typescript-eslint/no-var-requires, tree-shaking/no-side-effects-in-initialization
+const xss = require('xss');
 // 默认图片类型
 const IMAGE_TYPES = [
     'image/jpeg',
@@ -63,14 +63,16 @@ label, labelVisible, value, readOnly, layout, disabled, requiredFlag, onChange,
 // acceptAudioTypes,
 // acceptVideoTypes,
 initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g;
+    const platform = usePlatform();
+    const isH5 = platform === 'h5';
     const cls = classNames({
         'weda-ui': true,
         'weda-richText': true,
+        'weda-richText-web-not-vertical': !isH5 && layout !== 'vertical',
+        'weda-richText-web-vertical': !isH5 && layout === 'vertical',
         [className]: className,
     });
-    const platform = usePlatform();
-    const isH5 = platform === 'h5';
     const subCls = classNames({
         'weui-cell': isH5,
         // 'weui-cell_active': isH5,
@@ -79,13 +81,13 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
     });
     const [, setRandomId] = React.useState('');
     const [editorHeight, setEditorHeight] = React.useState(0);
-    const [editorWidth, setEditorWidth] = React.useState(0);
-    const [defaultValue, setDefaultValue] = React.useState('');
+    const [syncedValue] = useSyncValue(xss(value, getWhitelist()));
     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 containerRef = React.useRef(null);
     const cloudRef = React.useRef({
         cloudToHttpsMap: {},
     });
@@ -106,16 +108,18 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
         }
     };
     const isSizeAccept = (file) => {
+        var _a, _b;
         if (file.size > maxSize * 1024 * 1024) {
-            message.error({
-                content: `文件大小超过上限${maxSize}M`,
+            (_b = (_a = window === null || window === void 0 ? void 0 : window.$w) === null || _a === void 0 ? void 0 : _a.utils) === null || _b === void 0 ? void 0 : _b.showToast({
+                title: `文件大小超过上限${maxSize}M`,
+                icon: 'error',
             });
             return false;
         }
         return true;
     };
     const upload = async (file) => {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g;
         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();
@@ -134,8 +138,9 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
             return src;
         }
         catch (e) {
-            message.error({
-                content: '上传图片失败' + e.message,
+            (_g = (_f = window === null || window === void 0 ? void 0 : window.$w) === null || _f === void 0 ? void 0 : _f.utils) === null || _g === void 0 ? void 0 : _g.showToast({
+                title: '上传图片失败',
+                icon: 'error',
             });
         }
     };
@@ -176,16 +181,19 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
                     static: toolbar,
                     popover,
                 },
-                initialContent: defaultValue || initialContent,
+                initialContent: syncedValue || initialContent,
                 placeholder: placeholder,
                 onCopy: (isSuccess) => {
+                    var _a, _b;
                     if (isSuccess) {
-                        message.success({
-                            content: '复制成功',
+                        (_b = (_a = window === null || window === void 0 ? void 0 : window.$w) === null || _a === void 0 ? void 0 : _a.utils) === null || _b === void 0 ? void 0 : _b.showToast({
+                            title: '复制成功',
+                            icon: 'success',
                         });
                     }
                 },
                 iconPack: iconPack,
+                BeaconAction: false,
             }, {
                 HeadingPlugin: {
                     levels: [1, 2, 3, 4, 5, 6],
@@ -204,13 +212,15 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
                     accept: acceptTypes.join(),
                     inline: true,
                     acceptFile: (file) => {
-                        let typeRegex = new RegExp(`^((${acceptTypes.join(')|(').replace('+', '\\+')}))$`);
+                        var _a, _b;
+                        let typeRegex = new RegExp(`^((${acceptTypes.join(')|(').replaceAll('+', '\\+')}))$`);
                         if (acceptTypes.join().includes('*')) {
                             typeRegex = new RegExp(`^image/.+$`);
                         }
                         if (!typeRegex.test(file.type)) {
-                            message.error({
-                                content: '文件格式不支持',
+                            (_b = (_a = window === null || window === void 0 ? void 0 : window.$w) === null || _a === void 0 ? void 0 : _a.utils) === null || _b === void 0 ? void 0 : _b.showToast({
+                                title: '文件格式不支持',
+                                icon: 'error',
                             });
                             return false;
                         }
@@ -232,18 +242,17 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
                 const map = cloudRef.current.cloudToHttpsMap || {};
                 Object.keys(map).forEach((key) => {
                     if (map[key]) {
-                        html = html.replace(`${map[key]}`.replace('&', '&'), `${key}`);
+                        html = html.replaceAll(`${map[key]}`.replaceAll('&', '&'), `${key}`);
                     }
                 });
                 onDataChange(html);
-                if (html.length > 32768) {
+                if (html.length > 262144) {
                     console.warn('富文本长度过长，可能导致保存失败，当前', html.length);
                 }
             });
             editor.on('resize', () => {
-                var _a, _b;
+                var _a;
                 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 () => {
@@ -264,8 +273,8 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
     }, [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) => {
+    let tempValue = (_b = (_a = (syncedValue || '')) === 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) => {
         const url = img.replace(regex, '$1');
         if (img.includes('cloud://')) {
             const newURL = await getTempFileURL(url);
@@ -274,41 +283,37 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
                 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);
+            const imgs = syncedValue === null || syncedValue === void 0 ? void 0 : syncedValue.match(regex);
             if (imgs && imgs.length > 0) {
-                imgs.forEach((img, index) => {
-                    const startSetHtml = index === imgs.length - 1;
-                    getSrc(img, startSetHtml);
-                });
+                (async () => {
+                    await Promise.all(imgs.map(async (img) => {
+                        await getSrc(img);
+                    }));
+                    ref.current.editor.setHTML(tempValue);
+                })();
             }
             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]);
+    }, [syncedValue, ref.current.editor]);
     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]);
+    }, [style === null || style === void 0 ? void 0 : style.height, (_c = toolbarDomRef === null || toolbarDomRef === void 0 ? void 0 : toolbarDomRef.current) === null || _c === void 0 ? void 0 : _c.clientHeight]);
     React.useEffect(() => {
-        if (value && previousValueRef.current !== value) {
-            setDefaultValue(value);
-        }
-        if (!value) {
-            setDefaultValue('');
+        var _a, _b, _c, _d;
+        if ((style === null || style === void 0 ? void 0 : style.height) && layout === 'vertical') {
+            const ele = (_c = (_b = (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.parentNode) === null || _c === void 0 ? void 0 : _c.children;
+            if (ele && ele.length > 1) {
+                ele[1].style.height = `calc(100% - ${((_d = ele === null || ele === void 0 ? void 0 : ele[0]) === null || _d === void 0 ? void 0 : _d.clientHeight) || 0}px - ${labelVisible ? 10 : 0}px)`;
+            }
         }
-    }, [value]);
+    }, [style === null || style === void 0 ? void 0 : style.height, layout, labelVisible]);
     React.useEffect(() => {
         var _a;
         const map = currentMap;
@@ -317,7 +322,7 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
                 ((_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;
+    const children = (_f = (_e = (_d = toolbarDomRef === null || toolbarDomRef === void 0 ? void 0 : toolbarDomRef.current) === null || _d === void 0 ? void 0 : _d.children) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.children;
     React.useEffect(() => {
         var _a;
         if (platform === 'h5' && children && children.length > 0) {
@@ -339,29 +344,30 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
         // 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)`;
+            if (basicDiv) {
+                basicDiv.style.maxHeight =
+                    (style === null || style === void 0 ? void 0 : style.height) && editorHeight
+                        ? `calc(${style === null || style === void 0 ? void 0 : style.height} - ${editorHeight}px)`
+                        : '100%';
             }
         }
-    }, [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: {
+    }, [
+        style === null || style === void 0 ? void 0 : style.height,
+        editorHeight,
+        (_g = toolbarDomRef === null || toolbarDomRef === void 0 ? void 0 : toolbarDomRef.current) === null || _g === void 0 ? void 0 : _g.clientHeight,
+        platform,
+    ]);
+    const richTextEl = (_jsx("div", { className: subCls, style: { height: '100%' }, ref: containerRef, children: _jsx("div", { className: 'richtext-inner', 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%',
+                            width: '100%',
+                            caretColor: readOnly || disabled ? 'transparent' : 'unset',
                         } })] }) }) }));
     return renderDecorator(richTextEl, decorator)({
         id,
         className: cls,
-        style,
+        style: (style === null || style === void 0 ? void 0 : style.width) && !isH5 ? { ...style, maxWidth: style === null || style === void 0 ? void 0 : style.width } : style,
         label: labelVisible ? label : null,
         layout,
         multiCell: false,

package/dist/web/components/richText/style.d.ts

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

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

@@ -102,3 +102,7 @@
 .weda-RichTextView img {
   vertical-align: unset;
 }
+.weda-RichTextView em,
+.weda-RichTextView i {
+  font-style: italic;
+}

package/dist/web/components/richTextView/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import './style';
+export interface PropsType extends CommonPropsType {
+    value: string;
+}
+export default function RichTextView({ value, className, style, id, }: PropsType): JSX.Element;