@cloudbase/weda-ui 3.5.3 → 3.6.0

package/dist/web/components/modal/modal.h5.js

@@ -5,6 +5,7 @@ import { Popover } from 'tea-component';
 import './style';
 import { useSyncValue } from '../../utils/hooks/useSyncValue';
 export function ModalH5(props) {
+    var _a;
     const { overlayClassName, events, visible, content, isDefaultButton, customButton, customContent, outerRef, disableCloseIcon = false, } = props;
     const [isVisible, setIsVisible] = useSyncValue(visible);
     React.useImperativeHandle(outerRef, () => {
@@ -35,7 +36,7 @@ export function ModalH5(props) {
     if (!isVisible) {
         return _jsx(Container, { className: "lcap-modal" });
     }
-    return (_jsx(Popover, { overlayClassName: `wedatea2td-overlay ${overlayClassName}`, visible: true, overlay: _jsx(Container, { className: `lcap-modal  ${props === null || props === void 0 ? void 0 : props.className}`, children: _jsxs(Container, { className: "container", children: [_jsx(Container, { className: "lcap-modal__mask", events: closeEvents }), _jsxs(Container, { className: `lcap-modal__dialog ${isVisible ? 'enter' : ''}`, children: [_jsxs(Container, { className: "lcap-modal__header", children: [_jsx("span", { children: props === null || props === void 0 ? void 0 : props.title }), !disableCloseIcon && (_jsx(Container, { className: "lcap-modal__close_btn", events: closeEvents, children: _jsx(Container, { className: "lcap-icon-close lcap-icon", style: {
+    return (_jsx(Popover, { overlayClassName: `wedatea2td-overlay ${overlayClassName}`, visible: true, popupContainer: (_a = document.getElementById('root')) !== null && _a !== void 0 ? _a : document.body, overlay: _jsx(Container, { className: `lcap-modal  ${props === null || props === void 0 ? void 0 : props.className}`, children: _jsxs(Container, { className: "container", children: [_jsx(Container, { className: "lcap-modal__mask", events: closeEvents }), _jsxs(Container, { className: `lcap-modal__dialog ${isVisible ? 'enter' : ''}`, children: [_jsxs(Container, { className: "lcap-modal__header", children: [_jsx("span", { children: props === null || props === void 0 ? void 0 : props.title }), !disableCloseIcon && (_jsx(Container, { className: "lcap-modal__close_btn", events: closeEvents, children: _jsx(Container, { className: "lcap-icon-close lcap-icon", style: {
                                                 fontSize: 24,
                                             } }) }))] }), _jsxs(Container, { className: "lcap-modal__dialog__body", children: [_jsx(Container, { title: "modal-header", children: content ? (_jsx(Text, { level: "0", text: content, maxLines: 2, userSelect: true, space: false, contenteditable: 'false' })) : (customContent) }), _jsx(Container, { className: "lcap-modal__confirm_btn", children: isDefaultButton ? (_jsx(Button, { className: "lcap-modal__default_btn", text: "\u786E\u5B9A", events: buttonEvents })) : (customButton) })] })] })] }) }) }));
 }

package/dist/web/components/modal/modal.pc.js

@@ -5,6 +5,7 @@ import classNames from '../../utils/classnames';
 import { useSyncValue } from '../../utils/hooks/useSyncValue';
 import './style';
 export function ModalPc(props) {
+    var _a;
     const { className, content, visible, customButton, customContent, isDefaultButton, size, events, outerRef, ...restProps } = props;
     const [isVisible, setIsVisible] = useSyncValue(visible);
     React.useImperativeHandle(outerRef, () => {
@@ -22,7 +23,7 @@ export function ModalPc(props) {
             },
         };
     }, [setIsVisible]);
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs(Modal, { size: size, className: classNames('weda-ui', 'lcap-modal', 'container', className), visible: isVisible, onClose: () => {
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs(Modal, { popupContainer: (_a = document.getElementById('root')) !== null && _a !== void 0 ? _a : document.body, size: size, className: classNames('weda-ui', 'lcap-modal', 'container', className), visible: isVisible, onClose: () => {
                 events.close();
             }, ...restProps, children: [_jsx(Modal.Body, { children: content ? content : customContent }), _jsx(Modal.Footer, { children: isDefaultButton ? (_jsx(Button, { type: "primary", onClick: () => {
                             events.confirm();

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

@@ -11,6 +11,7 @@ export type INavOption = {
     iconSrc?: string;
     title: string;
     tapStatus: 'tap' | 'inside' | 'outer';
+    packageName?: string;
     insideUrl?: string;
     outerUrl?: string;
     newPage?: boolean;

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import classNames from '../../utils/classnames';
 import { Row, Col, ConfigProvider } from 'tea-component';
@@ -8,6 +8,7 @@ import { IconFont } from 'tdesign-icons-react';
 import Image from '../image';
 import isObjectEqual from '../../utils/isObjectEqual';
 import { emptyArray } from '../../utils/constant';
+import WdLink from '../wd-link';
 /**
  * Web端
  */
@@ -79,6 +80,7 @@ export default function NavLayout({ navOption = emptyArray, mobileCol, pcCol, ic
                     app.navigateTo({
                         mode: 'weDa',
                         pageId: colInfo.insideUrl,
+                        packageName: (colInfo === null || colInfo === void 0 ? void 0 : colInfo.packageName) || '',
                         params: (colInfo === null || colInfo === void 0 ? void 0 : colInfo.withParams) && (colInfo === null || colInfo === void 0 ? void 0 : colInfo.params.length) > 0
                             ? colInfo.paramObj
                             : null,
@@ -100,6 +102,15 @@ export default function NavLayout({ navOption = emptyArray, mobileCol, pcCol, ic
                 return null;
         }
     };
+    const getLinkItem = (colInfo) => {
+        const show = (_jsxs(_Fragment, { children: [!(colInfo === null || colInfo === void 0 ? void 0 : colInfo.iconSrc) ? (_jsx(IconShow, { onIcon: colInfo === null || colInfo === void 0 ? void 0 : colInfo.icon })) : (_jsx("div", { className: `${CLASS_PREFIX}__img`, children: _jsx(Image, { mode: 'scaleToFill', lazyLoad: false, maskClosable: false, imgPreview: false, fit: 'cover', alt: '', src: colInfo === null || colInfo === void 0 ? void 0 : colInfo.iconSrc, className: `${CLASS_PREFIX}__icon` }) })), (colInfo === null || colInfo === void 0 ? void 0 : colInfo.title) && (_jsx("div", { className: `${CLASS_PREFIX}__text`, style: mutiLabelStyle, title: tips ? colInfo === null || colInfo === void 0 ? void 0 : colInfo.title : '', children: colInfo === null || colInfo === void 0 ? void 0 : colInfo.title }))] }));
+        return ['inside', 'outer'].includes(colInfo === null || colInfo === void 0 ? void 0 : colInfo.tapStatus) ? (_jsx(WdLink, { style: {
+                width: '100%',
+                color: 'unset',
+                fontSize: 'unset',
+                display: 'block',
+            }, packageName: colInfo === null || colInfo === void 0 ? void 0 : colInfo.packageName, url: (colInfo === null || colInfo === void 0 ? void 0 : colInfo.tapStatus) === 'inside' ? colInfo.insideUrl : colInfo.outerUrl, params: colInfo === null || colInfo === void 0 ? void 0 : colInfo.params, disabled: true, contentSlot: show, content: '' })) : (show);
+    };
     return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { className: cls, "data-testid": "navLayout", style: style, children: _jsx("div", { className: `${CLASS_PREFIX}__wrapper`, children: navList.map((row, rowIndex) => {
                     return (_jsx(Row, { className: `${CLASS_PREFIX}__row`, children: _jsx(_Fragment, { children: row &&
                                 row.map((colInfo, colIndex) => {
@@ -108,7 +119,7 @@ export default function NavLayout({ navOption = emptyArray, mobileCol, pcCol, ic
                                             cursor: (colInfo === null || colInfo === void 0 ? void 0 : colInfo.tapStatus) != 'tap'
                                                 ? 'pointer'
                                                 : 'auto',
-                                        }, className: `${CLASS_PREFIX}__col ${CLASS_PREFIX}__col--${iconSize}`, children: _jsxs("div", { "data-testid": `${colIndex}_click`, onClick: () => navTap(colInfo), children: [!(colInfo === null || colInfo === void 0 ? void 0 : colInfo.iconSrc) ? (_jsx(IconShow, { onIcon: colInfo === null || colInfo === void 0 ? void 0 : colInfo.icon })) : (_jsx("div", { className: `${CLASS_PREFIX}__img`, children: _jsx(Image, { mode: 'scaleToFill', lazyLoad: false, maskClosable: false, imgPreview: false, fit: 'cover', alt: '', src: colInfo === null || colInfo === void 0 ? void 0 : colInfo.iconSrc, className: `${CLASS_PREFIX}__icon` }) })), (colInfo === null || colInfo === void 0 ? void 0 : colInfo.title) && (_jsx("div", { className: `${CLASS_PREFIX}__text`, style: mutiLabelStyle, title: tips ? colInfo === null || colInfo === void 0 ? void 0 : colInfo.title : '', children: colInfo === null || colInfo === void 0 ? void 0 : colInfo.title }))] }) }, colIndex));
+                                        }, className: `${CLASS_PREFIX}__col ${CLASS_PREFIX}__col--${iconSize}`, children: _jsx("div", { "data-testid": `${colIndex}_click`, onClick: () => navTap(colInfo), children: getLinkItem(colInfo) }) }, colIndex));
                                 }) }) }, rowIndex));
                 }) }) }) }));
 }

package/dist/web/components/navigationBar/common.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React from 'react';
 import { isUrl, resolveStaticResourceUrl } from '../../utils/platform';
 import { IconFont } from 'tdesign-icons-react';
+import WdLink from '../wd-link';
 const CLASS_PREFIX = 'weda-menu';
 // 标题
 export const renderTitle = (navigationStyle) => {
@@ -14,15 +15,19 @@ export const renderTitle = (navigationStyle) => {
 };
 // 菜单
 export const renderMenuTitle = (navigationStyle, item, hasIcon) => {
+    var _a;
     const { menuColor, menuFontSize, showMenuIcon } = navigationStyle;
-    const { title, level, iconUrl, iconPath } = item;
-    return (_jsxs("span", { className: "menu-text", style: {
+    const { title, level, iconUrl, iconPath, useLink } = item;
+    const show = (_jsxs("span", { className: "menu-text", style: {
             color: menuColor,
             fontSize: menuFontSize,
         }, "data-testid": "navigationBar-menu", children: [showMenuIcon &&
                 level === 0 &&
                 hasIcon &&
                 renderMenuIcon(iconUrl, iconPath, navigationStyle), title] }));
+    return useLink ? (_jsx(WdLink, { style: { width: '100%', color: 'unset', fontSize: 'unset' }, packageName: item === null || item === void 0 ? void 0 : item.packageName, url: (item === null || item === void 0 ? void 0 : item.type) === 'link' && item.linkUrl
+            ? item.linkUrl
+            : (_a = item === null || item === void 0 ? void 0 : item.path) === null || _a === void 0 ? void 0 : _a.replace('/', ''), params: [], disabled: true, contentSlot: show, content: '' })) : (show);
 };
 // 默认logo
 const defaultLogoUrl = 'https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/43d3b2b7-445c-4858-8eb0-50ac5d5cc08e.svg';
@@ -50,7 +55,7 @@ export const renderMenuIcon = (iconUrl, iconPath, navigationStyle) => {
 };
 // 页面跳转
 export const navigateTo = (menu) => {
-    const { path, linkTargetBlank, linkUrl, type, key } = menu;
+    const { path, linkTargetBlank, linkUrl, type, key, packageName } = menu;
     localStorage.setItem('selectedKey', key);
     // 存储跳转页面的id
     if (linkUrl && type === 'link') {
@@ -64,7 +69,7 @@ export const navigateTo = (menu) => {
     else {
         app.navigateTo({
             pageId: path === null || path === void 0 ? void 0 : path.replace('/', ''),
-            packageName: '',
+            packageName: packageName || '',
             mode: 'weDa',
         });
     }

package/dist/web/components/navigationBar/h5Menu.js

@@ -28,7 +28,7 @@ const H5Menu = ({ menuData, navigationStyle, setMenuData, className, selected, s
     // 渲染MenuItem
     const renderMenuItem = (item) => {
         const { key } = item;
-        return (_jsx(Menu.Item, { title: renderMenuTitle(navigationStyle, item, true), selected: item.key === selected, onClick: () => {
+        return (_jsx(Menu.Item, { title: renderMenuTitle(navigationStyle, { ...item, useLink: true }, true), selected: item.key === selected, onClick: () => {
                 if (item.key !== selected) {
                     if (item.type !== 'link') {
                         setSelected(item.key);

package/dist/web/components/navigationBar/horizontalMenu.js

@@ -60,7 +60,7 @@ const HorizontalMenu = ({ menuData, navigationStyle, selected, setSelected, navi
                             }
                             navigateTo(menu);
                         }
-                    }, children: renderMenuTitle(navigationStyle, { title }, false) }, key)) : (_jsx(List.SubMenu, { className: `${CLASS_PREFIX}__dropdown-list-item`, label: renderMenuTitle(navigationStyle, { title }, false), children: renderMenuList(children, navigationStyle) }, key));
+                    }, children: renderMenuTitle(navigationStyle, { ...menu, useLink: true }, false) }, key)) : (_jsx(List.SubMenu, { className: `${CLASS_PREFIX}__dropdown-list-item`, label: renderMenuTitle(navigationStyle, { title }, false), children: renderMenuList(children, navigationStyle) }, key));
             }) }));
     };
     return (_jsx(NavMenu, { style: menuStyle, className: `${CLASS_PREFIX}__nav`, left: _jsxs(_Fragment, { children: [navigationStyle.showLogo && (_jsx(NavMenu.Item, { type: "logo", className: `${CLASS_PREFIX}__nav-logo`, children: _jsx(MenuLogo, { navigationStyle: navigationStyle, className: `${CLASS_PREFIX}__nav-logo--img` }) })), _jsx(NavMenu.Item, { className: `${CLASS_PREFIX}__nav-title`, children: _jsx("span", { className: `${CLASS_PREFIX}__title`, children: renderTitle(navigationStyle) }) })] }), right: _jsxs("div", { className: `${CLASS_PREFIX}__nav-wrap`, children: [_jsxs(_Fragment, { children: [showButton && position.index > 0 && (_jsxs("div", { className: `${CLASS_PREFIX}__nav-shadow leftButton`, onClick: () => {
@@ -79,7 +79,7 @@ const HorizontalMenu = ({ menuData, navigationStyle, selected, setSelected, navi
                                                 navigateTo(i);
                                             }
                                         }, children: [showMenuIcon &&
-                                                renderMenuIcon(i === null || i === void 0 ? void 0 : i.iconUrl, i === null || i === void 0 ? void 0 : i.iconPath, navigationStyle), ((_a = i === null || i === void 0 ? void 0 : i.children) === null || _a === void 0 ? void 0 : _a.length) ? (_jsx(Dropdown, { trigger: 'hover', overlayClassName: `${CLASS_PREFIX}__dropdown`, button: renderMenuTitle(navigationStyle, i, false), children: renderMenuList(i.children, navigationStyle) })) : (_jsx(NavMenu.Item, { className: `${CLASS_PREFIX}__item-val`, selected: i.key === selected, children: renderMenuTitle(navigationStyle, i, false) }))] }, i.key));
+                                                renderMenuIcon(i === null || i === void 0 ? void 0 : i.iconUrl, i === null || i === void 0 ? void 0 : i.iconPath, navigationStyle), ((_a = i === null || i === void 0 ? void 0 : i.children) === null || _a === void 0 ? void 0 : _a.length) ? (_jsx(Dropdown, { trigger: 'hover', overlayClassName: `${CLASS_PREFIX}__dropdown`, button: renderMenuTitle(navigationStyle, i, false), children: renderMenuList(i.children, navigationStyle) })) : (_jsx(NavMenu.Item, { className: `${CLASS_PREFIX}__item-val`, selected: i.key === selected, children: renderMenuTitle(navigationStyle, { ...i, useLink: true }, false) }))] }, i.key));
                                 }) }) }), showButton && position.index + 2 < Object.keys(menuOffset).length && (_jsxs("div", { className: `${CLASS_PREFIX}__nav-shadow`, onClick: () => {
                                 const result = position.offset - menuOffset[position.index + 1];
                                 setPosition({ index: position.index + 1, offset: result });

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from 'react';
-import useSWR from 'swr';
+import useSWRImmutable from 'swr/immutable';
 import classNames from '../../utils/classnames';
 import { ConfigProvider } from 'tea-component';
 import { usePlatform } from '../../utils/platform';
@@ -65,7 +65,7 @@ const defaultSelectedMenu = (menu) => {
     }
 };
 const useNavigationData = (navigationbar, callApi) => {
-    const { data } = useSWR([navigationbar], async () => {
+    const { data } = useSWRImmutable([navigationbar], async () => {
         const { Content } = await callApi.getAppCustomNav();
         return destr(Content);
     });
@@ -135,6 +135,7 @@ export default function NavigationBar({ navigationbar, contentSlot, navigationSl
         navigationData === null || navigationData === void 0 ? void 0 : navigationData.menuData,
         navigationData === null || navigationData === void 0 ? void 0 : navigationData.mobileMenuData,
         navigationData === null || navigationData === void 0 ? void 0 : navigationData.navigationStyle,
+        navigationStyle,
     ]);
     /**
      * 每次渲染组件通过接口拉取数据

package/dist/web/components/navigationBar/verticalMenu.js

@@ -21,7 +21,7 @@ const VerticalMenu = ({ menuData, navigationStyle, setMenuData, selected, setSel
     // 渲染MenuItem
     const renderMenuItem = (item) => {
         const { key } = item;
-        return (_jsx(Menu.Item, { title: renderMenuTitle(navigationStyle, item, true), selected: item.key === selected, onClick: () => {
+        return (_jsx(Menu.Item, { title: renderMenuTitle(navigationStyle, { ...item, useLink: true }, true), selected: item.key === selected, onClick: () => {
                 if (item.key !== selected) {
                     if (item.type !== 'link') {
                         setSelected(item.key);

package/dist/web/components/pageLayout/PageContent/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CommonPropsType } from '../../../types';
 import './style';
 interface IPageContent extends CommonPropsType {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../style';
 import type { CommonPropsType } from '../../types';
 import type { DataType } from '../../../configs/components/wxOpenApi/phone';

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

@@ -1,4 +1,3 @@
-/// <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';

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

@@ -1,5 +1,5 @@
 .weda-richtext-toolbar {
-  border-bottom: 1px solid #d1d1d1;
+  border-bottom: 1px solid var(--wd-color-border-separator, #d1d1d1);
 }
 
 .weda-richtext-toolbar .exeditor-toolbar {
@@ -132,7 +132,7 @@ exeditor-link-modal {
 }
 
 .richtext-inner {
-  border: 1px solid #d1d1d1;
+  border: 1px solid var(--wd-color-border-separator, #d1d1d1);
   border-radius: 3px;
   background-color: inherit;
   width: 100%;

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

@@ -5,7 +5,7 @@ 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;
+    className?: string;
     events: any;
     label: any;
     labelVisible: any;

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

@@ -8,8 +8,7 @@ import { renderDecorator } from '../form/renderDecorator';
 import { usePlatform } from '../../utils/platform';
 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');
+import xss from 'xss';
 // 默认图片类型
 const IMAGE_TYPES = [
     'image/jpeg',
@@ -57,13 +56,13 @@ const VIDEO_TYPES = ['video/*'];
 export default React.memo(RichText);
 function RichText({ 
 // 系统属性
-id, style, className, events, 
+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;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const platform = usePlatform();
     const isH5 = platform === 'h5';
     const cls = classNames({
@@ -78,11 +77,15 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
         // 'weui-cell_active': isH5,
         'weui-cell_form': isH5,
         'weui-cell_disabled': isH5 && disabled,
+        'form-rich-text-pc': !isH5,
+        'is-disabled': disabled,
+        'is-readonly': readOnly,
     });
     const [, setRandomId] = React.useState('');
     const [editorHeight, setEditorHeight] = React.useState(0);
     const [syncedValue] = useSyncValue(xss(value, getWhitelist()));
     const [currentMap, setCurrentMap] = React.useState({});
+    const [currentCursor, setCurrentCursor] = React.useState(0);
     const [toolbar, setToolbar] = React.useState(platform === 'h5' ? toolbarArrayH5.join(' ') : toolbarPC);
     const ref = React.useRef({});
     const editorDomRef = React.useRef(null);
@@ -149,7 +152,7 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
             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';
+                    'https://qbase.cdn-go.cn/lcap/lcap-resource-cdngo/-/richtext@3.7.3/_files/static/richtext/exeditor3.min.js';
                 script.onload = () => {
                     resolve('');
                 };
@@ -238,6 +241,8 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
                 },
             });
             editor.on('blur', () => {
+                var _a;
+                setCurrentCursor(((_a = editor.selection()) === null || _a === void 0 ? void 0 : _a.from) || 0);
                 let html = editor.getHTML();
                 const map = cloudRef.current.cloudToHttpsMap || {};
                 Object.keys(map).forEach((key) => {
@@ -299,6 +304,9 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
             else {
                 ref.current.editor.setHTML(tempValue);
             }
+            window.setTimeout(() => {
+                ref.current.editor.selection(currentCursor, currentCursor);
+            }, 0);
         }
     }, [syncedValue, ref.current.editor]);
     React.useEffect(() => {
@@ -357,7 +365,10 @@ initialContent, placeholder, iconPack, maxSize, cloudPath, visible, }) {
         (_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: {
+    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", style: {
+                            ['--exeditor-edge-top']: (((_j = (_h = toolbarDomRef === null || toolbarDomRef === void 0 ? void 0 : toolbarDomRef.current) === null || _h === void 0 ? void 0 : _h.getBoundingClientRect()) === null || _j === void 0 ? void 0 : _j.top) ||
+                                document.body.clientHeight) + 'px',
+                        } }), _jsx("div", { ref: editorDomRef, className: "weda-richtext-editor", style: {
                             height: editorHeight
                                 ? `calc(100% - ${editorHeight + 1}px)`
                                 : '100%',

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

@@ -71,6 +71,7 @@
   overflow-x: auto;
   display: flex;
   justify-content: center;
+  flex-direction: column;
 }
 .weda-RichTextView table {
   min-width: fit-content;
@@ -100,6 +101,8 @@
   min-height: 1em;
 }
 .weda-RichTextView img {
+  max-width: 100%;
+  height: auto;
   vertical-align: unset;
 }
 .weda-RichTextView em,

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

@@ -5,8 +5,7 @@ import { getTempFileURL } from '../../utils/tcb';
 import { LOAD_ERR_IMG_BASE64, getWhitelist } from '../../utils/constant';
 import destr from 'destr';
 import './style';
-// eslint-disable-next-line @typescript-eslint/no-var-requires, tree-shaking/no-side-effects-in-initialization
-const xss = require('xss');
+import xss from 'xss';
 export default function RichTextView({ value = '', className, style, id, }) {
     const parseValue = xss(destr(value) || '', getWhitelist());
     const cls = classNames({

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../style';
 import type { ButtonProps } from '../../components/button';
 import type { DataType } from '../../../configs/components/wxOpenApi/share';

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

@@ -1,6 +1,8 @@
+import * as React from 'react';
 export interface PropsType {
     className?: string;
+    style?: React.CSSProperties;
     name: string;
     compositeParent: any;
 }
-export default function Slot({ compositeParent, name, className }: PropsType): any;
+export default function Slot({ compositeParent, name, className, style, }: PropsType): JSX.Element;

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

@@ -1,9 +1,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export default function Slot({ compositeParent, name, className }) {
+import classNames from '../../utils/classnames';
+import { usePlatform } from '../../utils/platform';
+import { useConfig } from '../../utils/config-context';
+export default function Slot({ compositeParent, name, className, style, }) {
+    const { classPrefix } = useConfig();
+    const platform = usePlatform();
+    const cls = classNames({
+        'weda-ui': true,
+        [className]: !!className,
+        [`${classPrefix}-slot`]: true,
+        [`${classPrefix}-${platform}-slot`]: true,
+    });
     if (!compositeParent) {
         console.warn('Slot组件只能用于实现复合组件');
         // 兼容编辑器点击，可选中 Slot 组件
-        return (_jsx("div", { className: 'weda-ui' + className ? ` ${className}` : '', children: 'Slot - ' + name }));
+        return (_jsx("div", { style: style, className: cls, children: 'Slot - ' + name }));
     }
-    return compositeParent.props.data[name] || null;
+    return compositeParent.props.data[name] ? (_jsx("div", { style: style, className: cls, children: compositeParent.props.data[name] })) : null;
 }

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

@@ -24,7 +24,7 @@
 }
 .weda-empty-retry-text {
   padding-left: 8px;
-  color: #0052d9;
+  color: var(--wd-color-brand, #0052d9);
   cursor: pointer;
 }
 .status-icon {
@@ -58,6 +58,10 @@
   background-color: unset;
   height: 160px;
 }
+.wd-status-content .wd-status-content__content.listview {
+  background-color: unset;
+  height: 160px;
+}
 .wd-status-content__status-icon {
   width: 48px;
   height: 48px;
@@ -72,9 +76,9 @@
   background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiBmaWxsPSJub25lIj4KPHJlY3QgeD0iNiIgeT0iMTQiIHdpZHRoPSIzNiIgaGVpZ2h0PSIyNiIgZmlsbD0iI0RDRENEQyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIzLjUgMjAuNVYzMEgyNC41VjIwLjVIMjMuNVpNMjMuMjUgMzJWMzMuNUgyNC43NVYzMkgyMy4yNVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuOSIvPgo8cGF0aCBkPSJNNiA3SDQyVjEzSDZWN1oiIGZpbGw9IiNEQ0RDREMiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ni41MjM0IDQzLjk2MzZDNDYuNTIzNCA0NC40ODMgNDYuMjY4NyA0NC45MzI1IDQ1LjkwMjggNDUuMjkyOUM0NS41Mzg3IDQ1LjY1MTYgNDUuMDM3NCA0NS45NTE3IDQ0LjQ1ODQgNDYuMTkyOUM0My4yOTgxIDQ2LjY3NjQgNDEuNzI5OCA0Ni45NjM2IDQwLjAyMzQgNDYuOTYzNkMzOC4zMTcxIDQ2Ljk2MzYgMzYuNzQ4OCA0Ni42NzY0IDM1LjU4ODUgNDYuMTkyOUMzNS4wMDk0IDQ1Ljk1MTcgMzQuNTA4MiA0NS42NTE2IDM0LjE0NDEgNDUuMjkyOUMzMy43NzgyIDQ0LjkzMjUgMzMuNTIzNCA0NC40ODMgMzMuNTIzNCA0My45NjM2VjM2Ljk2MzZDMzMuNTIzNCAzNi40NDQzIDMzLjc3ODIgMzUuOTk0OCAzNC4xNDQxIDM1LjYzNDNDMzQuNTA4MiAzNS4yNzU2IDM1LjAwOTQgMzQuOTc1NiAzNS41ODg1IDM0LjczNDNDMzYuNzQ4OCAzNC4yNTA5IDM4LjMxNzEgMzMuOTYzNiA0MC4wMjM0IDMzLjk2MzZDNDEuNzI5OCAzMy45NjM2IDQzLjI5ODEgMzQuMjUwOSA0NC40NTg0IDM0LjczNDNDNDUuMDM3NCAzNC45NzU2IDQ1LjUzODcgMzUuMjc1NiA0NS45MDI4IDM1LjYzNDNDNDYuMjY4NyAzNS45OTQ4IDQ2LjUyMzQgMzYuNDQ0MyA0Ni41MjM0IDM2Ljk2MzZWNDMuOTYzNlpNMzQuODQ1OCAzNi4zNDY3QzM0LjYwNDUgMzYuNTg0NSAzNC41MjM0IDM2Ljc5MjYgMzQuNTIzNCAzNi45NjM2QzM0LjUyMzQgMzcuMTM0NiAzNC42MDQ1IDM3LjM0MjggMzQuODQ1OCAzNy41ODA1QzM1LjA4ODkgMzcuODIgMzUuNDY2NCAzOC4wNTg3IDM1Ljk3MzEgMzguMjY5OUMzNi45ODQ0IDM4LjY5MTIgMzguNDE2MSAzOC45NjM2IDQwLjAyMzQgMzguOTYzNkM0MS42MzA4IDM4Ljk2MzYgNDMuMDYyNSAzOC42OTEyIDQ0LjA3MzggMzguMjY5OUM0NC41ODA1IDM4LjA1ODcgNDQuOTU3OSAzNy44MiA0NS4yMDEgMzcuNTgwNUM0NS40NDI0IDM3LjM0MjggNDUuNTIzNCAzNy4xMzQ2IDQ1LjUyMzQgMzYuOTYzNkM0NS41MjM0IDM2Ljc5MjYgNDUuNDQyNCAzNi41ODQ1IDQ1LjIwMSAzNi4zNDY3QzQ0Ljk1NzkgMzYuMTA3MiA0NC41ODA1IDM1Ljg2ODUgNDQuMDczOCAzNS42NTc0QzQzLjA2MjUgMzUuMjM2IDQxLjYzMDggMzQuOTYzNiA0MC4wMjM0IDM0Ljk2MzZDMzguNDE2MSAzNC45NjM2IDM2Ljk4NDQgMzUuMjM2IDM1Ljk3MzEgMzUuNjU3NEMzNS40NjY0IDM1Ljg2ODUgMzUuMDg4OSAzNi4xMDcyIDM0Ljg0NTggMzYuMzQ2N1pNNDUuNTIzNCAzOC42MTE4VjQwLjQ2MzZDNDUuNTIzNCA0MC42MzQ2IDQ1LjQ0MjQgNDAuODQyOCA0NS4yMDEgNDEuMDgwNUM0NC45NTc5IDQxLjMyIDQ0LjU4MDUgNDEuNTU4NyA0NC4wNzM4IDQxLjc2OTlDNDMuMDYyNSA0Mi4xOTEyIDQxLjYzMDggNDIuNDYzNiA0MC4wMjM0IDQyLjQ2MzZDMzguNDE2MSA0Mi40NjM2IDM2Ljk4NDQgNDIuMTkxMiAzNS45NzMxIDQxLjc2OTlDMzUuNDY2NCA0MS41NTg3IDM1LjA4ODkgNDEuMzIgMzQuODQ1OCA0MS4wODA1QzM0LjYwNDUgNDAuODQyOCAzNC41MjM0IDQwLjYzNDYgMzQuNTIzNCA0MC40NjM2VjM4LjYxMThDMzQuODI4OCAzOC44MzMzIDM1LjE5MDIgMzkuMDI3IDM1LjU4ODUgMzkuMTkyOUMzNi43NDg4IDM5LjY3NjQgMzguMzE3MSAzOS45NjM2IDQwLjAyMzQgMzkuOTYzNkM0MS43Mjk4IDM5Ljk2MzYgNDMuMjk4MSAzOS42NzY0IDQ0LjQ1ODQgMzkuMTkyOUM0NC44NTY2IDM5LjAyNyA0NS4yMTgxIDM4LjgzMzMgNDUuNTIzNCAzOC42MTE4Wk00NS41MjM0IDQzLjk2MzZWNDIuMTExOEM0NS4yMTgxIDQyLjMzMzMgNDQuODU2NiA0Mi41MjcgNDQuNDU4NCA0Mi42OTI5QzQzLjI5ODEgNDMuMTc2NCA0MS43Mjk4IDQzLjQ2MzYgNDAuMDIzNCA0My40NjM2QzM4LjMxNzEgNDMuNDYzNiAzNi43NDg4IDQzLjE3NjQgMzUuNTg4NSA0Mi42OTI5QzM1LjE5MDIgNDIuNTI3IDM0LjgyODggNDIuMzMzMyAzNC41MjM0IDQyLjExMThWNDMuOTYzNkMzNC41MjM0IDQ0LjEzNDYgMzQuNjA0NSA0NC4zNDI4IDM0Ljg0NTggNDQuNTgwNUMzNS4wODg5IDQ0LjgyIDM1LjQ2NjQgNDUuMDU4NyAzNS45NzMxIDQ1LjI2OTlDMzYuOTg0NCA0NS42OTEyIDM4LjQxNjEgNDUuOTYzNiA0MC4wMjM0IDQ1Ljk2MzZDNDEuNjMwOCA0NS45NjM2IDQzLjA2MjUgNDUuNjkxMiA0NC4wNzM4IDQ1LjI2OTlDNDQuNTgwNSA0NS4wNTg3IDQ0Ljk1NzkgNDQuODIgNDUuMjAxIDQ0LjU4MDVDNDUuNDQyNCA0NC4zNDI4IDQ1LjUyMzQgNDQuMTM0NiA0NS41MjM0IDQzLjk2MzZaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjkiLz4KPC9zdmc+) no-repeat center;
 }
 .wd-status-content__text-fail {
-  color: rgba(0, 0, 0, 0.9);
-  font-size: 14px;
-  font-weight: 400;
+  color: var(--wd-color-text-default);
+  font-size: var(--wd-font-size-3);
+  font-weight: var(--wd-font-weight-regular);
   margin: 10px 0 5px 0;
 }
 .wd-status-content__text-fail.isH5 {
@@ -169,7 +173,7 @@
 }
 .wd-btn.wd-status-content__picker-btn {
   height: 44px;
-  background: #0052d9;
+  background: var(--wd-color-brand, #0052d9);
   border-radius: 3px;
   color: #fff;
   width: 100%;

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

@@ -3,6 +3,7 @@ import React, { Fragment, useState } from 'react';
 import { ConfigProvider, Modal, Text, Button } from 'tea-component';
 import { Portal } from '../common/portal';
 import CopyToClipboard from 'react-copy-to-clipboard';
+import cx from '../../utils/classnames';
 import './style';
 export default function StatusContent(props) {
     const { emptyText, component, isH5, icon = 'empty', errorObj = {
@@ -14,9 +15,12 @@ export default function StatusContent(props) {
     const [visible, setVisible] = useState(false);
     const copiedText = `错误码: ${errorObj.code || '-'}\r\n错误信息: ${errorObj.message || '-'}\r\nRequestId: ${errorObj.requestId || '-'}`;
     const errorDetail = (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs(Text, { className: `wd-status-content__detail-text-fail ${isH5 ? 'isH5' : ''}`, children: [_jsxs("p", { className: `wd-status-content__tips-fail`, children: ["\u9519\u8BEF\u7801: ", errorObj.code || '-'] }), _jsxs("p", { className: `wd-status-content__tips-fail`, children: ["\u9519\u8BEF\u4FE1\u606F: ", errorObj.message || '-'] }), _jsxs("p", { className: `wd-status-content__tips-fail`, children: ["RequestId: ", errorObj.requestId || '-'] })] }) }));
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: `wd-status-content`, children: _jsxs("div", { className: `wd-status-content__content ${component === 'table' && 'table'} ${isH5 && 'isH5'} ${hasRecord
-                        ? 'wd-status-content__content-white'
-                        : 'wd-status-content__content-grey'}`, children: [hasRecord ? (_jsx(_Fragment, {})) : (_jsx("span", { className: `wd-status-content__status-icon ${icon}` })), _jsx("p", { className: `wd-status-content__text-fail ${isH5 && 'isH5'}`, children: emptyText }), (errorObj === null || errorObj === void 0 ? void 0 : errorObj.code) ? (_jsxs("p", { className: `wd-status-content__code-fail ${isH5 && 'isH5'}`, children: ["\u9519\u8BEF\u7801: ", errorObj.code] })) : null, (errorObj === null || errorObj === void 0 ? void 0 : errorObj.message) ? (_jsxs("p", { className: `wd-status-content__detail-fail`, onClick: () => setVisible(true), children: [_jsx("span", { className: `wd-status-content__desc-fail ${isH5 && 'isH5'}`, children: "\u67E5\u770B\u8BE6\u7EC6\u5F02\u5E38\u4FE1\u606F" }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", children: _jsx("path", { d: "M1.45964 9.45972L0.540405 8.54048L4.08079 5.0001L0.540405 1.45972L1.45964 0.540478L5.91926 5.0001L1.45964 9.45972Z", fill: "black", fillOpacity: "0.9" }) })] })) : null] }) }), isH5 && visible ? (_jsx(Portal, { type: "div", disableOutsidePointerEvents: true, disableOutsideScroll: true, children: _jsxs("div", { className: "wd-status-content__picker", children: [_jsx("div", { className: "wd-status-content__backdrop", onClick: () => {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: `wd-status-content`, children: _jsxs("div", { className: `wd-status-content__content ${cx({
+                        [component]: component,
+                        isH5: isH5,
+                        'wd-status-content__content-white': hasRecord,
+                        'wd-status-content__content-grey': !hasRecord,
+                    })}`, children: [hasRecord ? (_jsx(_Fragment, {})) : (_jsx("span", { className: `wd-status-content__status-icon ${icon}` })), _jsx("p", { className: `wd-status-content__text-fail ${isH5 && 'isH5'}`, children: emptyText }), (errorObj === null || errorObj === void 0 ? void 0 : errorObj.code) ? (_jsxs("p", { className: `wd-status-content__code-fail ${isH5 && 'isH5'}`, children: ["\u9519\u8BEF\u7801: ", errorObj.code] })) : null, (errorObj === null || errorObj === void 0 ? void 0 : errorObj.message) ? (_jsxs("p", { className: `wd-status-content__detail-fail`, onClick: () => setVisible(true), children: [_jsx("span", { className: `wd-status-content__desc-fail ${isH5 && 'isH5'}`, children: "\u67E5\u770B\u8BE6\u7EC6\u5F02\u5E38\u4FE1\u606F" }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", children: _jsx("path", { d: "M1.45964 9.45972L0.540405 8.54048L4.08079 5.0001L0.540405 1.45972L1.45964 0.540478L5.91926 5.0001L1.45964 9.45972Z", fill: "black", fillOpacity: "0.9" }) })] })) : null] }) }), isH5 && visible ? (_jsx(Portal, { type: "div", disableOutsidePointerEvents: true, disableOutsideScroll: true, children: _jsxs("div", { className: "wd-status-content__picker", children: [_jsx("div", { className: "wd-status-content__backdrop", onClick: () => {
                                 setVisible(false);
                             } }), _jsxs("div", { className: "wd-status-content__picker-inner", children: [_jsxs("p", { className: "wd-status-content__picker-title", children: ["\u8BE6\u7EC6\u5F02\u5E38\u4FE1\u606F", _jsx("span", { onClick: () => {
                                                 setVisible(false);

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

@@ -43,9 +43,11 @@
   width: 100%;
   height: auto;
   max-width: 100%;
-  max-height: 100%;
   object-fit: cover;
 }
+.g-swiper .g-swiper-item > div > * {
+  max-height: unset;
+}
 
 .g-swiper__pagination {
   position: absolute;