@cloudbase/weda-ui 3.12.0 → 3.12.1

package/dist/web/components/form/uploader/uploader.pc.d.ts

@@ -20,6 +20,7 @@ export interface TcbImageProps {
     imgTypeCls?: string;
     previewIcon?: string;
     actions?: React.ReactNode;
+    portalContainer?: HTMLElement;
 }
 export declare const TcbImage: (props: TcbImageProps) => JSX.Element;
 export interface PropsType extends H5UploaderProps {
@@ -28,6 +29,10 @@ export interface PropsType extends H5UploaderProps {
     btnTitle?: string;
     uploadPath?: string;
     readOnly?: boolean;
+    popupContainer?: HTMLElement;
+    onChange?: (value: string | string[]) => void;
+    onError?: (error: Error) => void;
+    onSuccess?: (value: string | string[]) => void;
 }
 export declare function encodeConvert(src: any): any;
 export {};

package/dist/web/components/form/uploader/uploader.pc.js

@@ -21,7 +21,7 @@ export const IMAGE_TYPES = [
     'image/gif',
 ];
 export function UploaderPCInner(props) {
-    const { tips = '', btnTitle = '上传图片', maxUploadCount = 9, maxSize = 10, acceptTypes = IMAGE_TYPES, events, single = false, disabled = false, onChange, imgTypeCls, readOnly, sourceType, callbacks, } = props;
+    const { tips = '', btnTitle = '上传图片', maxUploadCount = 9, maxSize = 10, acceptTypes = IMAGE_TYPES, events, single = false, disabled = false, onChange, imgTypeCls, readOnly, sourceType, callbacks, popupContainer: portalContainer, } = props;
     const { tempFile, uploading, upload, getTempFile } = useUploader(props);
     const handleChange = (allFile = [], isDelete = false) => {
         var _a;
@@ -84,8 +84,7 @@ export function UploaderPCInner(props) {
                 if (typeof ret === 'boolean') {
                     shouldUploadToCos = ret;
                 }
-                else if (Array.isArray(ret) &&
-                    ret.every((item) => item instanceof File)) {
+                else if (Array.isArray(ret) && ret.every((item) => item instanceof File)) {
                     fileList = ret;
                 }
                 else if (!isNil(ret)) {
@@ -115,13 +114,11 @@ export function UploaderPCInner(props) {
     const extraProps = {};
     //是否支持多选
     extraProps['multiple'] = !single;
-    extraProps['accept'] =
-        acceptTypes.length === 0 ? IMAGE_TYPES : Array.from(new Set(acceptTypes));
+    extraProps['accept'] = acceptTypes.length === 0 ? IMAGE_TYPES : Array.from(new Set(acceptTypes));
     tips && (extraProps['title'] = tips);
     maxSize && (extraProps['maxSize'] = maxSize * 1024 * 1024);
     const hasActions = !uploading && !readOnly && !(disabled || sourceType === 'camera');
-    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs("div", { className: "_weda-fn-upload-result", children: [tempFile === null || tempFile === void 0 ? void 0 : tempFile.map((d, index) => (_jsx("div", { className: `_weda-fn-upload-result__item ${imgTypeCls}`, children: _jsx(TcbImage, { index: index, allFile: tempFile, tempFile: d, imgTypeCls: imgTypeCls, isZoom: true, previewIcon: "td:browse", actions: hasActions && (_jsx(WdIcon, { className: `${CLASS_PREFIX}__image-actions-delete`, name: "td:delete", onClick: () => deleteHandle(d), size: "sm" })) }) }, d.key))), _jsxs("div", { className: `${CLASS_PREFIX}__input-box`, children: [readOnly && tempFile.length < 1 && _jsx("div", { children: "-" }), sourceType === 'camera' || (disabled && !readOnly) ? (_jsx("li", { className: `_weda-fn-upload-result__item wedatea2td-disabled ${imgTypeCls}`, children: _jsxs("div", { className: "_weda-fn-upload-result__status", children: [_jsx("i", { className: "wedatea2td-icon wedatea2td-icon-plus", role: "img", "aria-label": "plus" }), _jsx("span", { className: "wedatea2td-mt-1n wedatea2td-text-label wedatea2td-fz-reset", children: btnTitle })] }) })) : (((!single && tempFile.length < maxUploadCount) ||
-                            (single && tempFile.length < 1 && !uploading)) &&
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs("div", { className: "_weda-fn-upload-result", children: [tempFile === null || tempFile === void 0 ? void 0 : tempFile.map((d, index) => (_jsx("div", { className: `_weda-fn-upload-result__item ${imgTypeCls}`, children: _jsx(TcbImage, { index: index, allFile: tempFile, tempFile: d, imgTypeCls: imgTypeCls, isZoom: true, previewIcon: "td:browse", portalContainer: portalContainer, actions: hasActions && (_jsx(WdIcon, { className: `${CLASS_PREFIX}__image-actions-delete`, name: "td:delete", onClick: () => deleteHandle(d), size: "sm" })) }) }, d.key))), _jsxs("div", { className: `${CLASS_PREFIX}__input-box`, children: [readOnly && tempFile.length < 1 && _jsx("div", { children: "-" }), sourceType === 'camera' || (disabled && !readOnly) ? (_jsx("li", { className: `_weda-fn-upload-result__item wedatea2td-disabled ${imgTypeCls}`, children: _jsxs("div", { className: "_weda-fn-upload-result__status", children: [_jsx("i", { className: "wedatea2td-icon wedatea2td-icon-plus", role: "img", "aria-label": "plus" }), _jsx("span", { className: "wedatea2td-mt-1n wedatea2td-text-label wedatea2td-fz-reset", children: btnTitle })] }) })) : (((!single && tempFile.length < maxUploadCount) || (single && tempFile.length < 1 && !uploading)) &&
                             !readOnly && (
                         // single 模式时，当数组为空且不在上传文件过程中时显示
                         _jsx(Upload, { ...extraProps, beforeUpload: beforeHandle, children: _jsxs("li", { 
@@ -133,7 +130,7 @@ export function UploaderPCInner(props) {
                                 className: `_weda-fn-upload-result__item _weda-fn-upload-result__item--upload ${imgTypeCls}`, children: [imgTypeCls, _jsxs("div", { className: "_weda-fn-upload-result__status", children: [_jsx("i", { className: "wedatea2td-icon wedatea2td-icon-plus", role: "img", "aria-label": "plus" }), _jsx("span", { className: "wedatea2td-mt-1n wedatea2td-text-label wedatea2td-fz-reset", children: btnTitle })] })] }) })))] })] }) }));
 }
 export const TcbImage = (props) => {
-    const { fileID, tempFile = { progress: 100, loading: false, realUrl: null, tempUrl: null }, isZoom, imgTypeCls, previewIcon, actions, allFile, index, ...rest } = props;
+    const { fileID, tempFile = { progress: 100, loading: false, realUrl: null, tempUrl: null }, isZoom, imgTypeCls, previewIcon, actions, allFile = [], index, portalContainer, ...rest } = props;
     const { progress, loading, realUrl, tempUrl } = tempFile;
     const fileCloudID = (realUrl !== null && realUrl !== void 0 ? realUrl : tempUrl) || fileID;
     const [isError, setIsError] = React.useState(false);
@@ -162,10 +159,11 @@ export const TcbImage = (props) => {
         className: `${CLASS_PREFIX}__image ${imgTypeCls}`,
         src: encodeURI(encodeSrc),
         previewImageList,
+        portalContainer,
     };
     if (previewIcon || actions) {
         return (_jsx(ImagePreview, { ...previewProps, children: (open) => {
-                return (_jsxs(_Fragment, { children: [renderImg(), _jsxs("div", { className: `_weda-fn-upload-result__op ${imgTypeCls} ${CLASS_PREFIX}__image-actions`, children: [previewIcon && (_jsx(WdIcon, { name: previewIcon, onClick: open, className: `${CLASS_PREFIX}__image-actions-open`, size: "sm" })), actions && (_jsx("span", { className: `${CLASS_PREFIX}__image-actions-separator`, children: "|" })), actions] })] }));
+                return (_jsxs(_Fragment, { children: [renderImg(), _jsxs("div", { className: `_weda-fn-upload-result__op ${imgTypeCls} ${CLASS_PREFIX}__image-actions`, children: [previewIcon && (_jsx(WdIcon, { name: previewIcon, onClick: open, className: `${CLASS_PREFIX}__image-actions-open`, size: "sm" })), actions && _jsx("span", { className: `${CLASS_PREFIX}__image-actions-separator`, children: "|" }), actions] })] }));
             } }));
     }
     else {

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

@@ -5,7 +5,7 @@ import './style';
  * 图片上传-展示组件
  */
 export default function UploaderView({ srcList, // 兼容 cloud:和https: 协议，兼容 字符串和字符串数组
-alt, gutter, height, width, events, isZoom, isEmptyPlace, className, id, style, }: PropsType): JSX.Element;
+alt, gutter, height, width, events, isZoom, isEmptyPlace, className, id, style, popupContainer: portalContainer, }: PropsType): JSX.Element;
 export interface PropsType extends CommonPropsType {
     srcList?: string[] | string;
     alt?: string;
@@ -14,4 +14,11 @@ export interface PropsType extends CommonPropsType {
     height?: number;
     width?: number;
     isEmptyPlace?: boolean;
+    popupContainer?: HTMLElement;
+    events?: {
+        load?: ({ success, error }: {
+            success: string[];
+            error: string[];
+        }) => void;
+    };
 }

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

@@ -9,7 +9,7 @@ const CLASS_PREFIX = 'g-uploader-view';
  * 图片上传-展示组件
  */
 export default function UploaderView({ srcList, // 兼容 cloud:和https: 协议，兼容 字符串和字符串数组
-alt = '[加载失败]', gutter = 8, height = 100, width = 100, events = emptyObject, isZoom = true, isEmptyPlace = true, className, id, style, }) {
+alt = '[加载失败]', gutter = 8, height = 100, width = 100, events = emptyObject, isZoom = true, isEmptyPlace = true, className, id, style, popupContainer: portalContainer, }) {
     const cls = classNames({
         [CLASS_PREFIX]: true,
         [className]: className,
@@ -26,10 +26,9 @@ alt = '[加载失败]', gutter = 8, height = 100, width = 100, events = emptyObj
         marginBottom: gutter,
         height: height,
         width: width,
+        cursor: isZoom ? 'zoom-in' : 'auto',
     };
-    const values = []
-        .concat(srcList)
-        .filter((d) => typeof d === 'string' && d !== '');
+    const values = [].concat(srcList).filter((d) => typeof d === 'string' && d !== '');
     return (_jsx("div", { className: cls, id: id, style: style, children: _jsxs("div", { className: `${CLASS_PREFIX}__image-list`, children: [values.map((d, i) => {
                     const imgProps = {
                         fileID: d,
@@ -38,6 +37,8 @@ alt = '[加载失败]', gutter = 8, height = 100, width = 100, events = emptyObj
                         isZoom,
                         onLoad: () => setSuccessList((list) => [...list, d]),
                         onError: () => setErrorList((list) => [...list, d]),
+                        portalContainer,
+                        allFile: values === null || values === void 0 ? void 0 : values.map((d) => ({ realUrl: d })),
                     };
                     return (_jsx("div", { className: `${CLASS_PREFIX}__image-box`, style: boxStyle, title: d, children: _jsx(TcbImage, { ...imgProps }) }, `${d}-${i}`));
                 }), values.length === 0 && isEmptyPlace && (_jsx("div", { className: `${CLASS_PREFIX}__image-box`, style: boxStyle, children: _jsx("img", { className: `${CLASS_PREFIX}__image`, alt: "\u6682\u65E0\u56FE\u7247" }) }))] }) }));

package/dist/web/components/wd-form-item/wd-input-wrap.js

@@ -1,5 +1,5 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useMemo } from 'react';
+import { useRef, useMemo, useState } from 'react';
 import { useConfig } from '../../utils/config-context';
 import classNames from '../../utils/classnames';
 import { useSize, convertIconSize } from '../../utils/hooks/useFormLegacy';
@@ -16,6 +16,7 @@ export const WdInputWrap = (props) => {
     const { classPrefix } = useConfig();
     const size = useSize(props);
     const iconSize = convertIconSize(size);
+    const [isFocus, setIsFocus] = useState(false);
     const root = `${classPrefix}-${classRoot}`;
     const inputWrap = `${classPrefix}-form-input-wrap`;
     const contentCls = `${inputWrap}__content`;
@@ -29,11 +30,16 @@ export const WdInputWrap = (props) => {
         [`${inputWrap}--no-radius-left`]: before,
         [`${inputWrap}--no-radius-right`]: after,
         [`${inputWrap}--no-radius`]: before && after,
+        'is-focused': isFocus,
     });
     const propsStartWithOn = useMemo(() => {
         return filterPropsWithOn(rest);
     }, [rest]);
     if (readOnly)
         return _jsx(_Fragment, { children: children });
-    return (_jsxs("div", { className: cls, ref: wrapRef, onFocus: () => { var _a, _b; return (_b = (_a = wrapRef.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('is-focused'); }, onBlur: () => { var _a, _b; return (_b = (_a = wrapRef.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove('is-focused'); }, ...propsStartWithOn, children: [prefixType && (_jsx("div", { className: prefixCls, children: _jsx(WdIcon, { size: iconSize, name: prefixIcon, type: prefixType, src: prefixSrc, className: prefixIconCls }) })), _jsx("div", { className: contentCls, children: children }), hasClearIcon && (_jsx("div", { className: suffixCls, children: _jsx(WdIcon, { size: iconSize, className: `${classPrefix}-icon__trigger`, name: "td:close-circle-filled", onMouseDown: onClear }) })), !hasClearIcon && suffixType && (_jsx("div", { className: suffixCls, children: _jsx(WdIcon, { size: iconSize, name: suffixIcon, type: suffixType, src: suffixSrc, className: suffixIconCls }) }))] }));
+    return (_jsxs("div", { className: cls, ref: wrapRef, onFocus: () => {
+            setIsFocus(true);
+        }, onBlur: () => {
+            setIsFocus(false);
+        }, ...propsStartWithOn, children: [prefixType && (_jsx("div", { className: prefixCls, children: _jsx(WdIcon, { size: iconSize, name: prefixIcon, type: prefixType, src: prefixSrc, className: prefixIconCls }) })), _jsx("div", { className: contentCls, children: children }), hasClearIcon && (_jsx("div", { className: suffixCls, children: _jsx(WdIcon, { size: iconSize, className: `${classPrefix}-icon__trigger`, name: "td:close-circle-filled", onMouseDown: onClear }) })), !hasClearIcon && suffixType && (_jsx("div", { className: suffixCls, children: _jsx(WdIcon, { size: iconSize, name: suffixIcon, type: suffixType, src: suffixSrc, className: suffixIconCls }) }))] }));
 };

package/dist/web/components/wd-image/ImagePreview.js

@@ -92,8 +92,9 @@ export const ImagePreview = (props) => {
             setRotate(0);
             setTranslateX(0);
             setTranslateY(0);
+            setCurrentImg(previewImageList[index]);
         });
-    }, [children]);
+    }, [children, index, previewImageList, setCurrentImg]);
     return (_jsxs(_Fragment, { children: [child, visible && (_jsx(Portal, { type: "div", portalContainer: portalContainer, children: _jsx("div", { "data-testid": "portal-container", style: { zIndex: 1001, position: 'relative' }, className: `${classPrefix}-image-preview-container`, children: _jsxs("div", { className: `${classPrefix}-image-mask`, onClick: onMaskClick, children: [_jsx("div", { onClick: (e) => {
                                     if (isStopPropagation) {
                                         e.stopPropagation();
@@ -102,18 +103,14 @@ export const ImagePreview = (props) => {
                                 }, className: `${classPrefix}-image-mask__close-btn`, children: _jsx("i", { className: `${classPrefix}-image-mask__icon-close` }) }), _jsx("div", { ...bind(), className: `${classPrefix}-image-preview`, style: previewStyle }), platform === 'pc' && (_jsxs("div", { className: `${classPrefix}-image-preview-toolbar`, children: [(previewImageList === null || previewImageList === void 0 ? void 0 : previewImageList.length) > 1 && (_jsxs(_Fragment, { children: [_jsx("span", { className: "wd-icon-wrap wd-event-tap", children: _jsx(WdIcon, { name: 'td:chevron-left', size: "sm", events: {
                                                         tap: () => {
                                                             const index = previewImageList.findIndex((i) => i === currentImg);
-                                                            const currentIndex = index === 0
-                                                                ? previewImageList.length - 1
-                                                                : index - 1;
+                                                            const currentIndex = index === 0 ? previewImageList.length - 1 : index - 1;
                                                             setCurrentImg(previewImageList[currentIndex]);
                                                             setRotate(0);
                                                         },
                                                     } }) }), _jsx("span", { className: "wd-icon-wrap wd-event-tap", children: _jsx(WdIcon, { name: 'td:chevron-right', size: "sm", events: {
                                                         tap: () => {
                                                             const index = previewImageList.findIndex((i) => i === currentImg);
-                                                            const currentIndex = index === previewImageList.length - 1
-                                                                ? 0
-                                                                : index + 1;
+                                                            const currentIndex = index === previewImageList.length - 1 ? 0 : index + 1;
                                                             setCurrentImg(previewImageList[currentIndex]);
                                                             setRotate(0);
                                                         },
@@ -121,7 +118,7 @@ export const ImagePreview = (props) => {
                                                 tap: (arg, { originEvent: e }) => {
                                                     e.stopPropagation();
                                                     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-                                                    setRotate(rotate + 90);
+                                                    setRotate(rotate - 90);
                                                 },
                                             } }) })] }))] }) }) }))] }));
 };

package/dist/web/components/wd-image/image.d.ts

@@ -5,6 +5,7 @@ interface ImageInnerPropsType extends Except<PropsType, 'fit'> {
     objectFit: React.CSSProperties['objectFit'];
     isError: boolean;
     setIsError: React.Dispatch<React.SetStateAction<boolean>>;
+    portalContainer?: HTMLElement;
 }
-export declare function ImageInner({ objectFit, style, className, alt, src, isError, setIsError, events, lazyLoad, maskClosable, imgPreview, id, isStopPropagation, }: ImageInnerPropsType): JSX.Element;
+export declare function ImageInner({ objectFit, style, className, alt, src, isError, setIsError, events, lazyLoad, maskClosable, imgPreview, id, isStopPropagation, portalContainer, }: ImageInnerPropsType): JSX.Element;
 export {};

package/dist/web/components/wd-image/image.js

@@ -1,16 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { usePlatform } from '../../utils/platform';
-import { useRef } from 'react';
 import { ImagePreview } from './ImagePreview';
 const ASPECT_RASIO = 1;
 const OFFSET_RASIO = 0.5;
 const SCALE_RADIO_PC = 0.8;
 const SCALE_RADIO_H5 = 1;
-export function ImageInner({ objectFit, style, className, alt, src, isError, setIsError, events, lazyLoad, maskClosable, imgPreview, id, isStopPropagation, }) {
-    var _a;
+export function ImageInner(_a) {
+    var _b;
+    var { objectFit, style, className, alt, src, isError, setIsError, events, lazyLoad, maskClosable, imgPreview, id, isStopPropagation, portalContainer = (_b = document.getElementById('root')) !== null && _b !== void 0 ? _b : document.body, } = _a;
     const platform = usePlatform();
-    const portalContainer = useRef((_a = document.getElementById('root')) !== null && _a !== void 0 ? _a : document.body);
     const [showHeight, setShowHeight] = React.useState(0);
     const [showWidth, setShowWidth] = React.useState(0);
     const realWidth = React.useRef(0);
@@ -48,8 +47,7 @@ export function ImageInner({ objectFit, style, className, alt, src, isError, set
                         const windowWidth = window.innerWidth;
                         const widthRasio = (windowWidth * SCALE_RADIO) / realWidth.current;
                         const heightRasio = (windowHeight * SCALE_RADIO) / realHeight.current;
-                        const scale = Math.min(widthRasio, heightRasio, ASPECT_RASIO) ||
-                            ASPECT_RASIO;
+                        const scale = Math.min(widthRasio, heightRasio, ASPECT_RASIO) || ASPECT_RASIO;
                         setOffsetHeight((windowHeight - realHeight.current * scale) * OFFSET_RASIO);
                         setOffsetWidth((windowWidth - realWidth.current * scale) * OFFSET_RASIO);
                         setShowHeight(realHeight.current * scale);

package/dist/web/components/wd-image/index.d.ts

@@ -3,6 +3,7 @@ import type { CommonPropsType } from '../../types';
 import type { DataType } from '../../../configs/components/image';
 export interface PropsType extends CommonPropsType, DataType {
     isStopPropagation?: boolean;
+    popupContainer?: HTMLElement;
 }
 import '../style';
 declare const _default: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<unknown>>;

package/dist/web/components/wd-image/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useState, useMemo, useEffect, } from 'react';
+import { forwardRef, useImperativeHandle, useState, useMemo, useEffect } from 'react';
 import classNames from '../../utils/classnames';
 import { ImageInner } from './image';
 import { usePlatform } from '../../utils/platform';
@@ -11,7 +11,7 @@ export default forwardRef(function WdImage({
 // 系统属性
 className, events = emptyObject, style, 
 // 组件属性
-src, alt, mode, lazyLoad = false, imgPreview = false, maskClosable = true, fit, id, isStopPropagation = false, }, ref) {
+src, alt, mode, lazyLoad = false, imgPreview = false, maskClosable = true, fit, id, isStopPropagation = false, popupContainer, }, ref) {
     const [isError, setIsError] = useState(false);
     const { classPrefix } = useConfig();
     const platform = usePlatform();
@@ -20,7 +20,7 @@ src, alt, mode, lazyLoad = false, imgPreview = false, maskClosable = true, fit,
         [`${classPrefix}-image__error`]: isError,
         [className]: className,
         [`${classPrefix}-${platform}-image`]: true,
-        [`${classPrefix}-image__zoom-in`]: platform === 'h5' || !imgPreview || isError,
+        [`${classPrefix}-image__zoom-in`]: imgPreview && !isError,
     });
     const objectFit = fit || getObjectFitByWxImageMode(mode);
     const { data: realSrc, isLoading } = useTempUrl(src);
@@ -80,7 +80,7 @@ src, alt, mode, lazyLoad = false, imgPreview = false, maskClosable = true, fit,
      *
      *    4. 图片src未传，传入undefined，不展示占位符
      */
-    return isLoading || (!isLoading && src === undefined) ? null : (_jsx(ImageInner, { objectFit: realFit, style: realStyle, className: cls, alt: alt, src: realSrc || null, isError: isError, setIsError: setIsError, events: events, lazyLoad: lazyLoad, imgPreview: imgPreview, maskClosable: maskClosable, id: id, isStopPropagation: isStopPropagation }));
+    return isLoading || (!isLoading && src === undefined) ? null : (_jsx(ImageInner, { objectFit: realFit, style: realStyle, className: cls, alt: alt, src: realSrc || null, isError: isError, setIsError: setIsError, events: events, lazyLoad: lazyLoad, imgPreview: imgPreview, maskClosable: maskClosable, id: id, isStopPropagation: isStopPropagation, portalContainer: popupContainer }));
 });
 function getObjectFitByWxImageMode(mode) {
     const array = [

package/dist/web/components/wd-select/relationSelect/relationSelect.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-magic-numbers */
-import { useState, useImperativeHandle, useMemo, useEffect, useCallback, } from 'react';
+import { useState, useImperativeHandle, useMemo, useEffect, useCallback } from 'react';
 import { LoadingTip } from 'tea-component';
 import { SelectUI as Select } from '../select/selectUI';
 import { WdIcon } from '../../wd-icon';
@@ -48,6 +48,7 @@ const OptionText = ({ mode, option, selectFields, authFields, onChange, onRelati
 const defaultSize = 50;
 const defaultPage = 1;
 export function RelationSelect(props) {
+    var _a;
     const { placeholder, size, disabled, onChange, value, onSearch, addRelationButton, childRef, dataSourceName, selectFields, selectFieldType, primaryField, setRefreshStatus, mode, onRelationOptionJump, enableRelationOptionJump, } = props;
     const { authFields } = useAuthFields({
         dbName: dataSourceName,
@@ -115,26 +116,20 @@ export function RelationSelect(props) {
                 }, 500);
             },
         };
-    }, [
-        getRelationOptions,
-        query.pageNo,
-        searchOptionListWithWhere,
-        setRefreshStatus,
-    ]);
+    }, [getRelationOptions, query.pageNo, searchOptionListWithWhere, setRefreshStatus]);
     const searchHandle = (keyword) => {
         let where = whereList;
         if (keyword === null || keyword === void 0 ? void 0 : keyword.length) {
             // 筛选面板的查询条件与数据过滤的查询条件是且的关系
             where = {
-                $and: [
-                    ...whereList,
-                    { $and: [{ [primaryField]: { $search: keyword } }] },
-                ],
+                $and: [...whereList, { $and: [{ [primaryField]: { $search: keyword } }] }],
             };
         }
         searchOptionListWithWhere(where);
         onSearch(keyword);
     };
+    const primaryFieldTitle = (_a = authFields === null || authFields === void 0 ? void 0 : authFields.find((j) => (j === null || j === void 0 ? void 0 : j.name) === primaryField)) === null || _a === void 0 ? void 0 : _a.title;
+    const searchPlaceholder = `搜索主列${primaryFieldTitle}[${primaryField}]`;
     return (_jsx(EnumHoc, { fields: authFields, children: _jsx(Select, { ...props, overlayClassName: isRelationSelectOption ? 'wd-relation-select-overlay' : '', searchable: true, matchButtonWidth: true, placeholder: placeholder, appearance: 'button', size: size, disabled: disabled, autoClearSearchValue: true, options: customOptions, value: value, onChange: onChange, onSearch: searchHandle, tips: isLoading ? '' : undefined, bottomTips: isLoading ? _jsx(LoadingTip, {}) : undefined, onScrollBottom: () => {
                 if (!isLoading && customOptions.length < total) {
                     setQuery((query) => ({
@@ -144,7 +139,7 @@ export function RelationSelect(props) {
                 }
             }, onOpen: () => {
                 searchOptionListWithWhere();
-            }, footer: addRelationButton, mode: mode }) }));
+            }, footer: addRelationButton, mode: mode, searchPlaceholder: searchPlaceholder }) }));
 }
 export function EnumSelect(props) {
     const { placeholder, size, disabled, onChange, value, onSearch, addRelationButton, childRef, dataSourceName, enumName, primaryField, format, viewId, where, setRefreshStatus, mode, } = props;

package/dist/web/components/wd-select/select/selectUI.js

@@ -5,12 +5,12 @@ import { WdFormItemReadOnly } from '../../wd-form-item';
 import { Modal } from '../../wd-date/elements/Modal.h5';
 import classNames from '../../../utils/classnames';
 import { useConfig } from '../../../utils/config-context';
-import { usePlatform } from '../../../utils/platform';
+import { usePlatform, textToString } from '../../../utils/platform';
 import { useSyncValue } from '../../../utils/hooks/useSyncValue';
 import isObjectEqual from '../../../utils/isObjectEqual';
 import AllEmpty from '../../form/select/status/allEmpty';
 import '../style';
-const OptionList = ({ options, inputFocus, currentSelected, optionClick, bottomTips, onScrollBottom, }) => {
+const OptionList = ({ options, inputFocus, currentSelected, optionClick, bottomTips, onScrollBottom }) => {
     return (_jsxs(List, { className: "weda-ui-custom-picker__cloumn", style: {
             height: inputFocus ? 'calc(100vh - 190px)' : '250px',
         }, onScrollBottom: onScrollBottom, children: [options === null || options === void 0 ? void 0 : options.map((item, index) => {
@@ -20,15 +20,12 @@ const OptionList = ({ options, inputFocus, currentSelected, optionClick, bottomT
                     'is-selected': currentSelected.find((i) => i.value === item.value),
                     'is-disabled': item.disabled,
                 });
-                return (_jsx(List.Item, { className: itemCls, onClick: () => optionClick(item), children: _jsx("p", { className: 'weda-ui-custom-picker__cloumn-item-text', children: item.text || item.label }) }, index));
+                return (_jsx(List.Item, { className: itemCls, onClick: () => optionClick(item), children: _jsx("p", { className: 'weda-ui-custom-picker__cloumn-item-text', children: textToString(item.text) || textToString(item.label) }) }, index));
             }), bottomTips && (_jsx(List.Item, { children: _jsx("div", { className: "weda-ui-custom-picker__status weda-ui-custom-picker__status--empty", children: bottomTips }) }))] }));
 };
 const getSelectedItem = (options = [], value) => {
-    if (!value) {
-        return [];
-    }
     const selectedVal = Array.isArray(value) ? value : [value];
-    return options === null || options === void 0 ? void 0 : options.filter((i) => selectedVal.find((j) => j === i.value));
+    return options === null || options === void 0 ? void 0 : options.filter((i) => selectedVal.find((j) => j === i.value) !== undefined);
 };
 function SelectH5(props) {
     const { placeholder, name, disabled, footer, options = [], value, onChange, overlayClassName, searchable, bottomTips, onSearch, onOpen, onScrollBottom, mode, readValue, popupContainer, searchPlaceholder, } = props;
@@ -156,25 +153,23 @@ export function SelectUI(props) {
         const selectedItem = getSelectedItem(options, value);
         if (isMultiple) {
             return selectedItem
-                .map((i) => (i === null || i === void 0 ? void 0 : i.label) || i.value)
+                .map((i) => textToString(i === null || i === void 0 ? void 0 : i.label) || textToString(i.value))
                 .join(',');
         }
         else {
-            return ((_a = selectedItem[0]) === null || _a === void 0 ? void 0 : _a.label) || ((_b = selectedItem[0]) === null || _b === void 0 ? void 0 : _b.value) || '';
+            return textToString((_a = selectedItem[0]) === null || _a === void 0 ? void 0 : _a.label) || textToString((_b = selectedItem[0]) === null || _b === void 0 ? void 0 : _b.value) || '';
         }
     }, [isMultiple, options, value]);
     const render = () => {
         if (platform === 'h5') {
-            return (_jsx(SelectH5, { ...props, readValue: readValue, searchPlaceholder: searchPlaceholder }));
+            return _jsx(SelectH5, { ...props, readValue: readValue, searchPlaceholder: searchPlaceholder });
         }
         else if (mode === 'multiple') {
             return (_jsx(SelectMultiple, { popupContainer: popupContainer, button: (selectedItem) => {
                     if (!(selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.length)) {
                         return _jsx("div", { className: "wedatea2td-text-weak", children: placeholder });
                     }
-                    return selectedItem
-                        .map((i) => (i === null || i === void 0 ? void 0 : i.label) || i.value)
-                        .join(',');
+                    return selectedItem.map((i) => (i === null || i === void 0 ? void 0 : i.label) || i.value).join(',');
                 }, staging: false, overlayClassName: `${overlayClassName} multiple`, searchable: searchable, matchButtonWidth: true, placeholder: placeholder, searchPlaceholder: searchPlaceholder, appearance: 'button', size: size, disabled: disabled, autoClearSearchValue: true, options: options === null || options === void 0 ? void 0 : options.map((i) => ({ ...i, text: i.text || i.label })), value: Array.isArray(value) ? value : [], onChange: onChange, onSearch: onSearch, footer: footer, onOpen: onOpen, onScrollBottom: onScrollBottom, bottomTips: bottomTips, tips: tips, listHeight: listHeight, listWidth: listWidth }));
         }
         else {

package/dist/web/components/wd-table/wd-table.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable max-lines */
-import { useRef, useEffect, useState, useMemo, forwardRef, memo, } from 'react';
+import { useRef, useEffect, useState, useMemo, forwardRef, memo } from 'react';
 import { ConfigProvider } from 'tea-component';
 import { Table, ExportFileModal, ImportFileModal, InOrOutRecordModal, deleteRecord, importHandleByApi, exportHandleByApi, exportHandle, FilterFieldsPanel, ToolBar, } from './components';
 import classNames from '../../utils/classnames';
@@ -19,7 +19,7 @@ import { useQueryParams } from './hooks/useQueryParams';
 import { WdCompError } from '../../utils/error';
 import { getSlots, getFilterFields, getSelectedView, getSortColumns, mapTableDataWithView, checkSupport, DataSourceType, getRecordKey, getCurrentPageData, } from './utils';
 import { Mock } from './mock';
-import { getTableColumns, slotRender, mapColumKey, } from './components/FieldRender';
+import { getTableColumns, slotRender, mapColumKey } from './components/FieldRender';
 import Modal from '../modal';
 import { WdButton } from '../wd-button';
 import { useSetWidgetApi } from '../../utils/widget-api/use-set-widget-api';
@@ -30,7 +30,7 @@ export const _defaultPageSize = 10;
 export const TableOption = function TableOption({ slots, ...props }) {
     return slotRender(slots[CELL_CUSTOM_OPTION], props);
 };
-export const GlobalButton = memo(function GlobalButtonDom({ classPrefix, slots, }) {
+export const GlobalButton = memo(function GlobalButtonDom({ classPrefix, slots }) {
     return _jsx("div", { className: `${classPrefix}-global-btn`, children: slotRender(slots) });
 });
 // eslint-disable-next-line complexity
@@ -92,9 +92,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
     // 数据源类型是否是apis
     const isApis = dataSourceType === DataSourceType.CustomConnector;
     const { enabledFieldNames, isNewData, selectedViewIds } = bindMetadata;
-    const datasource = isModel
-        ? bindMetadata.datasource
-        : bindConnectMetadata.datasource;
+    const datasource = isModel ? bindMetadata.datasource : bindConnectMetadata.datasource;
     const { outParams } = connectorMethod;
     const dbName = datasource === null || datasource === void 0 ? void 0 : datasource.name;
     // 数据源名称
@@ -144,10 +142,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
     initPageIndex = parseInt(initPageIndex);
     initPageSize = parseInt(initPageSize);
     // 排序规则
-    const _sort = useMemo(() => {
-        var _a;
-        return ((_a = sorter === null || sorter === void 0 ? void 0 : sorter.filter((n) => n.orderBy && n.orderType)) === null || _a === void 0 ? void 0 : _a.map((i) => ({ by: i.orderBy, order: i.orderType }))) || [];
-    }, [sorter]);
+    const _sort = useMemo(() => { var _a; return ((_a = sorter === null || sorter === void 0 ? void 0 : sorter.filter((n) => n.orderBy && n.orderType)) === null || _a === void 0 ? void 0 : _a.map((i) => ({ by: i.orderBy, order: i.orderType }))) || []; }, [sorter]);
     const [queryParams, setQueryParams] = useState({
         pageIndex: initPageIndex,
         pageSize: initPageSize,
@@ -294,7 +289,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
         isSupportMultipleSort,
     });
     // 查询数据
-    const { tableData, tableTotal, tableLoading, getNewList, isError, errorObj, emptyTable, } = useTableData({
+    const { tableData, tableTotal, tableLoading, getNewList, isError, errorObj, emptyTable } = useTableData({
         dataSourceAPI,
         dbName,
         connectorMethod,
@@ -346,9 +341,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
         if ((isTableLoading && !isH5) || isNoDataSourceBind) {
             return [];
         }
-        if (isTableLoading &&
-            isH5 &&
-            (queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageIndex) === _defaultPageIndex) {
+        if (isTableLoading && isH5 && (queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageIndex) === _defaultPageIndex) {
             return [];
         }
         if (viewFieldsData === null || viewFieldsData === void 0 ? void 0 : viewFieldsData.selectedViewId) {
@@ -547,6 +540,10 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
                 });
             }
         },
+        // 清空选中项
+        clearSelection: () => {
+            onSelectChange([], {}, true);
+        },
         // 当前页数据
         records: isExpression && !enableTotal
             ? getCurrentPageData(dataRef.current.tableRecords, query.pageNo, query.pageSize)
@@ -563,9 +560,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
         defaultPageSize,
         defaultPageIndex,
         dataSourceData: dataRef.current.dataSourceData,
-        sort: supportManyRelated
-            ? query.orderBy
-            : [{ orderBy: query.orderBy, orderType: query.orderType }],
+        sort: supportManyRelated ? query.orderBy : [{ orderBy: query.orderBy, orderType: query.orderType }],
         filter: supportManyRelated ? query.filter : query === null || query === void 0 ? void 0 : query.where,
         dataSourceVersion: supportManyRelated ? 'v2' : 'v1',
         filterConfig,
@@ -614,15 +609,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
             });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        isH5,
-        isModel,
-        selectedRecords,
-        total,
-        tableRecords === null || tableRecords === void 0 ? void 0 : tableRecords.length,
-        query.pageNo,
-        query.pageSize,
-    ]);
+    }, [isH5, isModel, selectedRecords, total, tableRecords === null || tableRecords === void 0 ? void 0 : tableRecords.length, query.pageNo, query.pageSize]);
     useEffect(() => {
         if (isModel || isExpression) {
             setQueryParams((queryParams) => ({
@@ -645,19 +632,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
                 sort: [],
             }));
         }
-    }, [
-        defaultPageIndex,
-        defaultPageSize,
-        connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.pageSize,
-        connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.pageNo,
-        isModel,
-        orderBy,
-        orderType,
-        connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.orderBy,
-        connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.orderType,
-        isExpression,
-        _sort,
-    ]);
+    }, [defaultPageIndex, defaultPageSize, connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.pageSize, connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.pageNo, isModel, orderBy, orderType, connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.orderBy, connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.orderType, isExpression, _sort]);
     useEffect(() => {
         if (isH5) {
             setQueryParams((queryParams) => ({ ...queryParams, pageIndex: 1 }));
@@ -749,18 +724,13 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
     const errorMsg = isError ? errorObj : fieldsError;
     return (_jsx(ConfigProvider, { classPrefix: classPrefix, children: _jsx(EnumHoc, { fields: authFields, children: _jsxs("div", { className: classNames(wrapClassList, className), style: style, id: id, children: [hasFilterButton && (_jsx(FilterFieldsPanel, { ref: filterMethodsRef, openMobileFilter: openMobileFilter, setOpenMobileFilter: setOpenMobileFilter, filterFields: filterFieldsData, fetchData: onFilterChange, setFilterConfig: setFilterConfig })), _jsxs("div", { className: `${classPrefix}-table-container`, children: [!isH5 && !isNoDataSourceBind && (_jsxs("div", { className: `${classPrefix}-table-wrap-toolbar`, children: [enableGlobalButton && (_jsx("div", { className: `${classPrefix}-table-wrap-toolbar__col ${classPrefix}-table-wrap-toolbar__col-start`, children: _jsx(GlobalButton, { classPrefix: classPrefix, slots: slots === null || slots === void 0 ? void 0 : slots.globalButton }) })), (enableRefreshBtn || enableTableHeightSizeBtn) && (_jsx("div", { className: `${classPrefix}-table-wrap-toolbar__col ${classPrefix}-table-wrap-toolbar__col-end`, children: _jsx(ToolBar, { hasFilterButton: hasFilterButton, total: total, refreshTable: onRefreshBtnClick, setTableHightSize: setTableHightSize, currentSize: tableHightSize, setOpenMobileFilter: () => {
                                                 setOpenMobileFilter(true);
-                                            }, enableRefreshBtn: enableRefreshBtn, enableTableHeightSizeBtn: enableTableHeightSizeBtn, enablePagination: enablePagination }) }))] })), isH5 &&
-                                (enablePagination ||
-                                    enableRefreshBtn ||
-                                    enableTableHeightSizeBtn ||
-                                    hasFilterButton) && (_jsx(ToolBar, { hasFilterButton: hasFilterButton, total: total, refreshTable: onRefreshBtnClick, setTableHightSize: setTableHightSize, currentSize: tableHightSize, setOpenMobileFilter: () => {
+                                            }, enableRefreshBtn: enableRefreshBtn, enableTableHeightSizeBtn: enableTableHeightSizeBtn, enablePagination: enablePagination }) }))] })), isH5 && (enablePagination || enableRefreshBtn || enableTableHeightSizeBtn || hasFilterButton) && (_jsx(ToolBar, { hasFilterButton: hasFilterButton, total: total, refreshTable: onRefreshBtnClick, setTableHightSize: setTableHightSize, currentSize: tableHightSize, setOpenMobileFilter: () => {
                                     setOpenMobileFilter(true);
                                 }, enableRefreshBtn: enableRefreshBtn, enableTableHeightSizeBtn: enableTableHeightSizeBtn, enablePagination: enablePagination })), _jsx(Table, { events: events, emptyText: emptyText, isH5: isH5, isNoDataSourceBind: isNoDataSourceBind, className: tableClassList, recordKey: recordKey, currentSize: tableHightSize, defaultPageIndex: defaultPageIndex, defaultPageSize: defaultPageSize, sortColumns: sortColumns, enablePagination: !isH5 && enablePagination, columnSelectType: columnSelectType, columns: columns, setColumns: setColumns, records: tableRecords, sort: queryParams.sort, selectedKeys: selectedKeys, onSelectChange: onSelectChange, isLoading: isTableLoading, rowColor: rowColor, queryParams: queryParams, total: total, onQueryChange: onQueryChange, rowClick: rowClick, cellClick: cellClick, isError: errorStatus, errorObj: errorMsg, __innerSlot: __innerSlot }), isH5 && enableGlobalButton && !isNoDataSourceBind && (_jsx("div", { className: `${classPrefix}-h5-table-wrap-footer`, children: _jsx(GlobalButton, { classPrefix: classPrefix, slots: slots === null || slots === void 0 ? void 0 : slots.globalButton }) }))] }), _jsx(ImportFileModal, { columnSets: columnSets, dbName: dbName, datasourceTitle: datasourceTitle, fields: fields, setIsImportFileModalByApiVisible: setIsImportFileModalByApiVisible, isImportFileModalByApiVisible: isImportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible, refresh: refreshTable, supportManyRelated: supportManyRelated }), _jsx(ExportFileModal, { whereList: wList, fields: fields, columns: mapColumKey(columns), isExportFileModalByApiVisible: isExportFileModalByApiVisible, selectedKeys: selectedKeys, dbName: dbName, query: query, setIsExportFileModalByApiVisible: setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible, supportManyRelated: supportManyRelated }), _jsx(InOrOutRecordModal, { dbName: dbName, isInOrOutRecordModalVisible: isInOrOutRecordModalVisible, setIsImportFileModalByApiVisible: setIsImportFileModalByApiVisible, setIsExportFileModalByApiVisible: setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible }), isH5 && (_jsx(Modal, { overlayClassName: `${classPrefix}-h5-table-overlay`, className: `${classPrefix}-h5-table-option-modal-wrap`, disableCloseIcon: true, title: "\u64CD\u4F5C", visible: isMobileOptionVisible, outerRef: modalRef, events: {
                             close: () => {
                                 setIsMobileOptionVisible(false);
                             },
-                        }, content: '', customContent: _jsx("div", { className: `${classPrefix}-h5-table-option-btn-wrap`, children: enableCellCustomOption &&
-                                slotRender(slots[CELL_CUSTOM_OPTION], rowData) }), customButton: _jsx(WdButton, { variant: "text", text: "\u53D6\u6D88", events: {
+                        }, content: '', customContent: _jsx("div", { className: `${classPrefix}-h5-table-option-btn-wrap`, children: enableCellCustomOption && slotRender(slots[CELL_CUSTOM_OPTION], rowData) }), customButton: _jsx(WdButton, { variant: "text", text: "\u53D6\u6D88", events: {
                                 tap: () => {
                                     setIsMobileOptionVisible(false);
                                 },

package/dist/web/components/web-view/web-view.d.ts

@@ -4,6 +4,8 @@ import type { DataType, EventsType } from '../../../configs/components/web-view'
 import './style';
 export declare const WebView: React.ForwardRefExoticComponent<CommonPropsType & {
     link: string;
+    allow: string;
+    sandbox: string;
 } & {
     events: {
         load: (eventDetail: {

package/dist/web/components/web-view/web-view.js

@@ -7,7 +7,7 @@ import { useSetWidgetApi } from '../../utils/widget-api/use-set-widget-api';
 import { Bubble } from 'tea-component';
 import EmptyContent from '../statusContent';
 import './style';
-export const WebView = forwardRef(function WebView({ link = '', events, className, style }, ref) {
+export const WebView = forwardRef(function WebView({ link = '', events, className, style, allow = 'microphone;camera;midi;encrypted-media;geolocation;fullscreen;clipboard-write;clipboard-read;', sandbox = 'allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts allow-downloads', }, ref) {
     const platform = usePlatform();
     const iframeRef = useRef(null);
     // 样式
@@ -68,5 +68,5 @@ export const WebView = forwardRef(function WebView({ link = '', events, classNam
                 (events === null || events === void 0 ? void 0 : events.message) && (events === null || events === void 0 ? void 0 : events.message({ data: e.data }));
         }, false);
     }, [events, link]);
-    return (_jsx(_Fragment, { children: isInIde() ? (_jsx(_Fragment, { children: _jsx(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5728\u5C0F\u7A0B\u5E8F\u7AEF\u5C06\u94FA\u6EE1\u6574\u4E2A\u9875\u9762\u5E76\u8986\u76D6\u5176\u4ED6\u7EC4\u4EF6\uFF0C\u5E76\u4E14\u5C0F\u7A0B\u5E8F\u4E3A\u4F01\u4E1A\u4E3B\u4F53\u65F6\u624D\u80FD\u6B63\u5E38\u4F7F\u7528", children: link ? (_jsx("iframe", { src: link, style: style, className: classNames(classes, className) })) : (_jsx("div", { style: style, className: classNames(classes, className), children: _jsx(EmptyContent, { emptyText: "\u6682\u65E0\u7F51\u9875\uFF0C\u8BF7\u8F93\u5165\u7F51\u9875\u94FE\u63A5", component: "table", isH5: true }) })) }) })) : (_jsx(_Fragment, { children: link ? (_jsx("iframe", { onLoad: onLoad, onError: () => onError(), ref: iframeRef, id: 'web-view', name: 'web-view', src: link, title: 'web-view', style: style, className: classNames(classes, className) })) : (_jsx("div", { style: style, className: classNames(classes, className), children: _jsx(EmptyContent, { emptyText: "\u6682\u65E0\u7F51\u9875\uFF0C\u8BF7\u8F93\u5165\u7F51\u9875\u94FE\u63A5", component: "table", isH5: true }) })) })) }));
+    return (_jsx(_Fragment, { children: isInIde() ? (_jsx(_Fragment, { children: _jsx(Bubble, { content: "\u8BE5\u7EC4\u4EF6\u5728\u5C0F\u7A0B\u5E8F\u7AEF\u5C06\u94FA\u6EE1\u6574\u4E2A\u9875\u9762\u5E76\u8986\u76D6\u5176\u4ED6\u7EC4\u4EF6\uFF0C\u5E76\u4E14\u5C0F\u7A0B\u5E8F\u4E3A\u4F01\u4E1A\u4E3B\u4F53\u65F6\u624D\u80FD\u6B63\u5E38\u4F7F\u7528", children: link ? (_jsx("iframe", { src: link, style: style, className: classNames(classes, className) })) : (_jsx("div", { style: style, className: classNames(classes, className), children: _jsx(EmptyContent, { emptyText: "\u6682\u65E0\u7F51\u9875\uFF0C\u8BF7\u8F93\u5165\u7F51\u9875\u94FE\u63A5", component: "table", isH5: true }) })) }) })) : (_jsx(_Fragment, { children: link ? (_jsx("iframe", { onLoad: onLoad, onError: () => onError(), ref: iframeRef, id: 'web-view', name: 'web-view', src: link, title: 'web-view', style: style, className: classNames(classes, className), allow: allow, sandbox: sandbox })) : (_jsx("div", { style: style, className: classNames(classes, className), children: _jsx(EmptyContent, { emptyText: "\u6682\u65E0\u7F51\u9875\uFF0C\u8BF7\u8F93\u5165\u7F51\u9875\u94FE\u63A5", component: "table", isH5: true }) })) })) }));
 });