@cloudbase/weda-ui 3.5.0 → 3.5.2-mp

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

@@ -1,78 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useRef, useEffect, useState, useMemo, } from 'react';
-import classNames from '../../utils/classnames';
-import { useConfig } from '../../utils/config-context';
-import { WdFormItem } from '../wd-form-item';
-import { FORM_MAX_LENGTH } from '../../utils/constant';
-import { useFormInputTrait } from '../form-input-hooks';
-import { filterPropsWithOn, getUuid } from '../../utils/tool';
-import { useSize } from '../../utils/hooks/useFormLegacy';
-import { usePlatform } from '../../utils/platform';
-/**
- * 标准化：多行输入组件
- */
-export const WdTextarea = forwardRef(function WdTextarea(props, ref) {
-    const { name, placeholder = '请输入', counterVisible = true, focus = false, maxLength = FORM_MAX_LENGTH, events, block: _block, classRoot = 'textarea', label, required, } = props;
-    /** 兼容从 Form 获取属性，必须引入，自动挂载组件方法 */
-    const [innerHandle, setInnerHandle] = useState({});
-    const traitProps = { ...props, setInnerHandle, inputRef: ref };
-    const { value, onChange: onChangeForm, disabled, readOnly, validateErrorMsg, validateState, visible, layout, } = useFormInputTrait(traitProps);
-    const block = usePlatform() === 'h5' ? true : _block;
-    const { classPrefix } = useConfig();
-    const startWithOnProps = useMemo(() => filterPropsWithOn(props), [props]);
-    const inputId = useMemo(() => getUuid(), []);
-    const size = useSize(props);
-    const textareaRef = useRef(null);
-    const counter = typeof value === 'string' ? value.length : 0;
-    const wrapRef = useRef(null);
-    const root = `${classPrefix}-${classRoot}`;
-    const inputWrap = `${classPrefix}-form-input-wrap`;
-    const textareaWrap = `${classPrefix}-form-textarea-wrap`;
-    const cls = classNames(inputWrap, textareaWrap, `${root}-${classRoot}`, `size-width-${size}`, `size-font-${size}`, {
-        'size-width-hundred': block,
-        'is-disabled': disabled,
-        'textarea-restriction': counterVisible,
-    });
-    const countCls = `${textareaWrap}__label ${root}-${classRoot}__count-text`;
-    useEffect(() => {
-        autoScroll();
-    }, []);
-    // 输入自动滚动
-    const autoScroll = function () {
-        if (!textareaRef.current)
-            return;
-        textareaRef.current.style.height = 'auto';
-        if (textareaRef.current.scrollHeight >= textareaRef.current.offsetHeight) {
-            textareaRef.current.style.height =
-                textareaRef.current.scrollHeight + 'px';
-        }
-    };
-    /** 内部事件 */
-    const onChange = function (e) {
-        var _a;
-        autoScroll();
-        const text = typeof e === 'string' ? e : e.target.value;
-        onChangeForm(text);
-        (_a = events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: text }, { originEvent: e });
-    };
-    const onFocus = function (e) {
-        var _a;
-        (_a = events.focus) === null || _a === void 0 ? void 0 : _a.call(events, { value: e.target.value }, { originEvent: e });
-    };
-    const onBlur = function (e) {
-        var _a;
-        (_a = events.blur) === null || _a === void 0 ? void 0 : _a.call(events, { value: e.target.value }, { originEvent: e });
-    };
-    /** widgets */
-    useImperativeHandle(ref, () => ({
-        ...innerHandle,
-        name,
-        value,
-        label,
-        required,
-        visible,
-        disabled,
-        readOnly,
-    }), [innerHandle, name, value, label, required, visible, disabled, readOnly]);
-    return (visible && (_jsx(WdFormItem, { ...props, validateErrorMsg: validateErrorMsg, validateState: validateState, readOnly: readOnly, disabled: disabled, readValue: value, classRoot: classRoot, inputId: inputId, layout: layout, children: _jsxs("div", { className: cls, ref: wrapRef, onFocus: () => wrapRef.current.classList.add('is-focused'), onBlur: () => wrapRef.current.classList.remove('is-focused'), children: [_jsx("textarea", { id: inputId, ref: textareaRef, rows: 2, placeholder: placeholder, name: name, value: value, maxLength: maxLength, autoFocus: focus, disabled: disabled, readOnly: readOnly, onChange: onChange, onFocus: onFocus, onBlur: onBlur, ...startWithOnProps }), counterVisible && (_jsxs("label", { className: countCls, children: [counter, "/", maxLength] }))] }) })));
-});

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

@@ -1,3 +0,0 @@
-import { WdTree } from './wd-tree';
-export { WdTree } from './wd-tree';
-export default WdTree;

package/dist/web/components/wd-tree/utils.js

@@ -1,291 +0,0 @@
-/* eslint-disable max-lines */
-/* eslint-disable @typescript-eslint/no-magic-numbers */
-import { deepClone } from '../../utils/tool';
-const TREE_INFO_GOT = [
-    { key: 'value', infoKey: 'selected', alias: 'selected' },
-    { key: 'value', infoKey: 'selected', alias: 'selectedPositions', aim: 'pos' },
-    { key: 'value', infoKey: 'selected', alias: 'selectedNodes', aim: 'root' },
-    { key: 'isExpand', value: true, alias: 'expanded' },
-    { key: 'isExpand', value: true, alias: 'expandedPositions', aim: 'pos' },
-    { key: 'isExpand', value: true, alias: 'expandedNodes', aim: 'root' },
-    { key: 'searched', value: 'searched' },
-    {
-        key: 'searched',
-        value: 'searched',
-        alias: 'searchedPositions',
-        aim: 'pos',
-    },
-    { key: 'searched', value: 'searched', alias: 'searchedNodes', aim: 'root' },
-    { key: 'checked', value: 'checked' },
-    { key: 'checked', value: 'checked', alias: 'checkedPositions', aim: 'pos' },
-    { key: 'checked', value: 'checked', alias: 'checkedNodes', aim: 'root' },
-    { key: 'checked', value: 'childChecked', alias: 'childChecked' },
-    {
-        key: 'checked',
-        value: 'childChecked',
-        alias: 'childCheckedPositions',
-        aim: 'pos',
-    },
-    {
-        key: 'checked',
-        value: 'childChecked',
-        alias: 'childCheckedNodes',
-        aim: 'root',
-    },
-];
-/**
- * 仅根据初始值判断当前节点的展开状态
- * @param treeNode 当前节点
- * @param expandType 节点展开类型
- * @param expandCustom 自定义要展开的节点
- * @returns
- */
-const judgeExpand = (treeNode, expandType, expandCustom) => {
-    if (!expandType)
-        return treeNode.expanded || '';
-    if (expandType === 'all')
-        return 'expand';
-    if (expandType !== 'none') {
-        return (expandCustom === null || expandCustom === void 0 ? void 0 : expandCustom.includes(treeNode.value)) ? 'expand' : '';
-    }
-    return '';
-};
-/**
- * 仅根据搜索关键字判断节点是否被搜索到
- * @param treeNode 当前节点
- * @param searchKey 关键字
- * @returns
- */
-const judgeSearch = (treeNode, searchKey) => {
-    var _a;
-    return searchKey && ((_a = treeNode.label) === null || _a === void 0 ? void 0 : _a.includes(searchKey)) ? 'searched' : '';
-};
-/**
- * 仅根据初始值判断是否选中
- * @param treeNode 当前节点
- * @param checkedCustom 自定义选中的节点
- * @returns
- */
-const judgeCheck = (treeNode, checkedCustom) => {
-    if (!(checkedCustom === null || checkedCustom === void 0 ? void 0 : checkedCustom.length))
-        return treeNode.checked || '';
-    return checkedCustom.includes(treeNode.value) ? 'checked' : '';
-};
-/**
- * 根据初始值获取用于组件展示的数据
- * @param {IInitData} param0
- * @returns
- */
-const initData = ({ data, parent, showIcon, expendIcon, foldIcon, leafIcon, pos = '', }) => {
-    if (!Array.isArray(data))
-        return [];
-    return data
-        .filter((item) => item === null || item === void 0 ? void 0 : item.value)
-        .map((item, index) => {
-        var _a;
-        item.pos = `${pos ? `${pos}-` : ''}${index}`;
-        item.root = item.root || { ...deepClone(item), pos: item.pos };
-        if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
-            item.children = initData({
-                data: item.children,
-                parent: item,
-                showIcon,
-                expendIcon,
-                foldIcon,
-                leafIcon,
-                pos: item.pos,
-            });
-        }
-        item.expendIcon = item.expendIcon || expendIcon;
-        item.foldIcon = item.foldIcon || foldIcon;
-        item.leafIcon = item.leafIcon || leafIcon;
-        item.showIcon = showIcon;
-        item.parent = parent;
-        return item;
-    });
-};
-/**
- * 根据子节点的状态处理父节点的相关状态，如选中、展开
- * @param {IGetStateOfChildrenParams} param0
- * @returns
- */
-const getStateOfChildren = ({ treeNode, key, state, }) => {
-    var _a, _b, _c;
-    const notHas = (_a = treeNode.children) === null || _a === void 0 ? void 0 : _a.map((v) => v[key]).includes(state.notHas);
-    const has = (_b = treeNode.children) === null || _b === void 0 ? void 0 : _b.map((v) => v[key]).includes(state.has);
-    const childHas = (_c = treeNode.children) === null || _c === void 0 ? void 0 : _c.map((v) => v[key]).includes(state.childHas);
-    if (notHas && !has && !childHas) {
-        return state.notHas;
-    }
-    else if (has && !notHas && !childHas) {
-        return state.has;
-    }
-    return state.childHas;
-};
-/**
- * 处理节点的搜索状态
- * @param treeNode 节点
- * @returns
- */
-const getSearched = (treeNode) => getStateOfChildren({
-    treeNode,
-    key: 'searched',
-    state: {
-        notHas: '',
-        has: 'searched',
-        childHas: 'childSearched',
-    },
-});
-/**
- * 处理节点的展开状态
- * @param treeNode 节点
- * @returns
- */
-const getExpand = (treeNode) => getStateOfChildren({
-    treeNode,
-    key: 'expanded',
-    state: {
-        notHas: '',
-        has: 'expand',
-        childHas: 'childExpand',
-    },
-});
-/**
- * 处理节点的选中状态
- * @param treeNode 节点
- * @returns
- */
-const getChecked = (treeNode) => getStateOfChildren({
-    treeNode,
-    key: 'checked',
-    state: {
-        notHas: '',
-        has: 'checked',
-        childHas: 'childChecked',
-    },
-});
-/**
- * 初始化节点状态
- * @param param0
- * @returns
- */
-const initTreeState = ({ data, checkedCustom, expandType, expandCustom, searchKey = '', parentChecked = '', }) => {
-    if (!Array.isArray(data))
-        return [];
-    return data.map((item) => {
-        var _a, _b, _c;
-        const currentChecked = parentChecked || judgeCheck(item, checkedCustom);
-        const currentSearched = judgeSearch(item, searchKey);
-        const currentExpand = judgeExpand(item, expandType, expandCustom);
-        if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
-            item.children = initTreeState({
-                data: item.children,
-                checkedCustom,
-                expandType,
-                expandCustom,
-                searchKey,
-                parentChecked: currentChecked === 'checked' ? 'checked' : '', // 只有父节点选中才去操作子节点选中
-            });
-            item.checked = currentChecked || getChecked(item);
-            item.searched = currentSearched || getSearched(item);
-            item.expanded = currentExpand || getExpand(item);
-        }
-        else {
-            item.checked = currentChecked || judgeCheck(item, checkedCustom);
-            item.searched = currentSearched;
-            item.expanded = item.searched ? 'expand' : '';
-        }
-        // 被搜索到的或根据输入判断需要展开的都认为要展开
-        item.isExpand =
-            !!((_b = item.children) === null || _b === void 0 ? void 0 : _b.length) &&
-                (searchKey ? !!item.searched : !!item.expanded);
-        if (item.showIcon) {
-            if ((_c = item.children) === null || _c === void 0 ? void 0 : _c.length) {
-                item.iconShow = item.isExpand ? item.expendIcon : item.foldIcon;
-            }
-            else {
-                item.iconShow = item.leafIcon;
-            }
-        }
-        return item;
-    });
-};
-/**
- * 当某节点的选择状态变化时，处理该节点的父和子的选择状态
- * @param treeNode
- */
-const dealCheck = (treeNode) => {
-    var _a;
-    let parent = treeNode.parent;
-    const adjust = (arr, checked) => {
-        arr.forEach((item) => {
-            var _a;
-            item.checked = checked;
-            if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
-                adjust(item.children, item.checked);
-            }
-        });
-    };
-    while (parent) {
-        parent.checked = getChecked(parent);
-        parent = parent.parent;
-    }
-    if ((_a = treeNode.children) === null || _a === void 0 ? void 0 : _a.length) {
-        adjust(treeNode.children, treeNode.checked);
-    }
-};
-/**
- * 查找满足要求的节点
- * @param tree 树
- * @param condition 需要获取的内容
- * @returns
- */
-const findNode = (params) => {
-    const { tree, info, condition } = params;
-    const list = {};
-    tree.forEach((item) => {
-        var _a;
-        let childList = {};
-        if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
-            childList = findNode({ tree: item.children, info, condition });
-        }
-        condition.forEach((v) => {
-            var _a;
-            const { key, value, alias, aim, infoKey } = v;
-            const k = alias || key;
-            const aimValue = infoKey ? info[infoKey] : value;
-            if (!list[k])
-                list[k] = [];
-            if (item[key] === aimValue) {
-                list[k].push(item[aim || 'value']);
-            }
-            if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
-                list[k] = [...new Set([...list[k], ...childList[k]])];
-            }
-        });
-    });
-    return list;
-};
-/**
- * 根据checkable状态获取树信息
- * @param params
- * @param checkable
- * @returns
- */
-const getTreeInfo = (params, checkable) => {
-    const info = findNode(params);
-    // 如果未开启多选，则将点击状态覆盖选中状态
-    if (!checkable) {
-        info.checked = info.selected;
-        info.checkedNodes = info.selectedNodes;
-        info.checkedPositions = info.selectedPositions;
-        info.childChecked = [];
-        info.childCheckedNodes = [];
-        info.childCheckedPositions = [];
-    }
-    delete info.selected;
-    delete info.selectedNodes;
-    delete info.selectedPositions;
-    return info;
-};
-export { TREE_INFO_GOT, initData, initTreeState, dealCheck, findNode, getTreeInfo, };

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

@@ -1,193 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable max-lines */
-import { forwardRef, useImperativeHandle, useEffect, useState, useCallback, } from 'react';
-import classNames from '../../utils/classnames';
-import { useConfig } from '../../utils/config-context';
-import { usePlatform } from '../../utils/platform';
-import WdCheckbox from '../wd-checkbox';
-import WdIcon from '../wd-icon';
-import { TREE_INFO_GOT, initData, initTreeState, dealCheck, getTreeInfo, } from './utils';
-import { deepClone } from '../../utils/tool';
-export const WdTree = forwardRef(function WdTree(props, ref) {
-    var _a;
-    const { className = '', style, id, events, data, checkable, checkedCustom, expandType, expandCustom, showIcon, foldIcon, expendIcon, leafIcon, line, } = props;
-    const platform = usePlatform();
-    // 样式
-    const { classPrefix } = useConfig();
-    // 响应式css api
-    const platformCss = `${classPrefix}-${platform}-tree`;
-    const classes = {
-        [`${classPrefix}-tree`]: true,
-        [platformCss]: true,
-        [`${classPrefix}-tree--line`]: props.line,
-    };
-    const nodeClassName = `${classPrefix}-tree-node`;
-    // 组件内树节点初始化
-    const [showData, setShowData] = useState([]);
-    const [treeInfo, setTreeInfo] = useState({});
-    // 点击的节点
-    const [selected, setSelected] = useState(((_a = props.checkedCustom) === null || _a === void 0 ? void 0 : _a.length) ? props.checkedCustom[0] : '');
-    // 搜索内容
-    const [searchKey, setSearchKey] = useState('');
-    /**
-     * 组件搜索节点方法
-     */
-    const searchNode = useCallback(({ searchKey = '' } = {}) => {
-        setSearchKey(searchKey || '');
-        setShowData(initTreeState({
-            data: showData,
-            checkedCustom: [],
-            expandType: '',
-            expandCustom: [],
-            searchKey,
-        }));
-    }, [showData]);
-    // Widget API，挂载组件只读属性和组件方法
-    useImperativeHandle(ref, () => {
-        return {
-            methods: {
-                searchNode,
-            },
-            treeInfo,
-            data,
-            checkable,
-            checkedCustom,
-            expandType,
-            expandCustom,
-            showIcon,
-            foldIcon,
-            expendIcon,
-            leafIcon,
-            line,
-        };
-    }, [
-        checkable,
-        checkedCustom,
-        data,
-        expandCustom,
-        expandType,
-        expendIcon,
-        foldIcon,
-        leafIcon,
-        line,
-        searchNode,
-        showIcon,
-        treeInfo,
-    ]);
-    useEffect(() => {
-        var _a;
-        const aimData = initTreeState({
-            data: initData({
-                data: deepClone(props.data),
-                parent: null,
-                showIcon: props.showIcon,
-                expendIcon: props.expendIcon,
-                foldIcon: props.foldIcon,
-                leafIcon: props.leafIcon,
-            }),
-            checkedCustom: props.checkedCustom,
-            expandType: props.expandType || 'all',
-            expandCustom: props.expandCustom,
-        });
-        setShowData(aimData);
-        const selected = ((_a = props.checkedCustom) === null || _a === void 0 ? void 0 : _a.length) ? props.checkedCustom[0] : '';
-        setTreeInfo({
-            event: 'init',
-            currentNode: [],
-            ...getTreeInfo({ tree: aimData, info: { selected }, condition: TREE_INFO_GOT }, props.checkable),
-        });
-        setSelected(selected);
-    }, [props.data, props.checkedCustom, props.expandCustom, props.expandType, props.showIcon, props.expendIcon, props.foldIcon, props.leafIcon, props.checkable]);
-    /**
-     * 节点变化，check：选中节点改变，select：点击节点，expand：节点展开/折叠
-     * @param treeNode
-     * @param event
-     * @param state 改变的状态
-     */
-    const change = (treeNode, event, state) => {
-        var _a;
-        if (treeNode.disabled && event !== 'expand')
-            return;
-        // 开启多选属性时, 点击节点事件去掉, 变成check事件
-        if (event === 'select' && props.checkable) {
-            event = 'check';
-            state = treeNode.checked !== 'checked';
-        }
-        const eventKey = {
-            check: 'selectNodeChange',
-            select: 'selectNodeChange',
-            expand: 'nodeExpandChange',
-        }[event];
-        let selectedKey = selected;
-        // 不同类型要执行的操作
-        const typeFunc = {
-            check: () => {
-                treeNode.checked = state ? 'checked' : '';
-                // 处理节点的父/子节点选中状态
-                dealCheck(treeNode);
-            },
-            select: () => {
-                state = selectedKey !== treeNode.value;
-                selectedKey = state ? treeNode.value : '';
-                setSelected(selectedKey);
-            },
-            expand: () => {
-                var _a;
-                treeNode.isExpand = state;
-                treeNode.expanded = state ? 'expand' : '';
-                if (treeNode.iconShow && ((_a = treeNode.children) === null || _a === void 0 ? void 0 : _a.length)) {
-                    treeNode.iconShow = state ? treeNode.expendIcon : treeNode.foldIcon;
-                }
-            },
-        }[event];
-        typeFunc === null || typeFunc === void 0 ? void 0 : typeFunc();
-        const info = {
-            event,
-            currentNode: [treeNode.root],
-            [`${event}State`]: state,
-            ...getTreeInfo({
-                tree: showData,
-                info: { selected: selectedKey },
-                condition: TREE_INFO_GOT,
-            }, props.checkable),
-        };
-        (_a = events[eventKey]) === null || _a === void 0 ? void 0 : _a.call(events, info);
-        // events.change?.(info);
-        setTreeInfo(info);
-        event !== 'select' && setShowData([...showData]);
-    };
-    const list = [];
-    const renderNode = (d, count) => {
-        if (!Array.isArray(d))
-            return [];
-        // @ts-ignore const 会报错，应该是let
-        count = count || 0;
-        const STEP = 1;
-        d.filter((item) => item === null || item === void 0 ? void 0 : item.value).forEach((item, index) => {
-            var _a;
-            const subTree = ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? item.children : undefined;
-            const spaceDom = [];
-            const disableStyle = item.disabled
-                ? { cursor: 'not-allowed', color: 'rgba(0,0,0,.26)' }
-                : {};
-            for (let i = 0; i < count; i++) {
-                spaceDom.push(_jsx("span", { className: `${classPrefix}-tree__space` }, Math.random()));
-            }
-            list.push(_jsxs("div", { 
-                // 叶子节点 加 `${classPrefix}-tree-node--leaf` 为了连线的时候，对横线特殊处理
-                // 选中态，加 is-selected
-                className: `${nodeClassName} ${subTree ? '' : `${classPrefix}-tree-node--leaf`} ${selected === item.value && !props.checkable ? 'is-selected' : ''}`, "data-testid": nodeClassName, children: [spaceDom, _jsx("div", { className: `${classPrefix}-tree__switcher`, onClick: () => change(item, 'expand', !item.isExpand), children: subTree && (
-                        // 展开/收起的图标
-                        _jsx(WdIcon, { className: `${classPrefix}-tree__switcher-icon`, name: item.isExpand ? 'td:caret-down-small' : 'td:caret-right-small' })) }), _jsxs("div", { className: `${classPrefix}-tree__label`, onClick: () => change(item, 'select'), children: [props.checkable && (_jsx(WdCheckbox, { index: index + count, option: { value: item.value }, isAll: item.checked === 'childChecked', size: "md", disabled: item.disabled, getChangeHandler: () => {
-                                    if (item.disabled)
-                                        return;
-                                    change(item, 'check', item.checked !== 'checked');
-                                }, checkedItemValue: { [item.value]: item.checked === 'checked' }, ...{} })), item.iconShow && (_jsx(WdIcon, { "data-testid": "wd-tree-icon-test", className: `${classPrefix}-tree__label-icon `, name: item.iconShow, src: item.iconShow, type: item.iconShow.startsWith('http') ? 'custom' : 'inner' })), _jsx("label", { className: `${classPrefix}-tree__label-text`, htmlFor: "", style: disableStyle, children: searchKey
-                                    ? item.label.split(searchKey).map((v, i) => (_jsxs("span", { children: [i !== 0 && (_jsx("span", { className: `${classPrefix}-tree__label-text-search`, children: searchKey })), v] }, i)))
-                                    : item.label })] })] }, item.value));
-            subTree && item.isExpand && renderNode(subTree, count + STEP);
-        });
-        return list;
-    };
-    return (_jsx("div", { id: id, style: style, className: classNames(classes, className), "data-testid": "wd-tree-test", children: renderNode(showData, 0) }));
-});

package/dist/web/components/web-view/index.css

@@ -1,5 +0,0 @@
-.wd-web-view-container {
-  border: 0;
-  width: 100vw;
-  height: 100vh;
-}

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

@@ -1,3 +0,0 @@
-import { WebView } from './web-view';
-export { WebView } from './web-view';
-export default WebView;

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

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

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

@@ -1,61 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useRef, useEffect, } from 'react';
-import classNames from '../../utils/classnames';
-import { useConfig } from '../../utils/config-context';
-import { isInIde, usePlatform } from '../../utils/platform';
-import { Bubble } from 'tea-component';
-import EmptyContent from '../statusContent';
-import './style';
-export const WebView = forwardRef(function WebView({ link, events, className, style }, ref) {
-    const platform = usePlatform();
-    const iframeRef = useRef(null);
-    // 样式
-    const { classPrefix } = useConfig();
-    const platformCss = `${classPrefix}-${platform}-web-view`;
-    const classes = {
-        [`${classPrefix}-web-view-container`]: true,
-        [platformCss]: true,
-    };
-    function onLoad() {
-        try {
-            linkCheck(link);
-        }
-        catch {
-            onError();
-        }
-    }
-    // 检测src是否存在
-    function linkCheck(src) {
-        const link = document.createElement('link');
-        link.rel = 'stylesheet';
-        link.type = 'text/css';
-        // 这里设置需要检测的url
-        link.href = src;
-        link.onload = function () {
-            onSuccess();
-        };
-        link.onerror = function () {
-            onError();
-        };
-        document.body.appendChild(link);
-    }
-    function onError() {
-        (events === null || events === void 0 ? void 0 : events.error) && events.error({ src: link });
-    }
-    function onSuccess() {
-        (events === null || events === void 0 ? void 0 : events.load) && (events === null || events === void 0 ? void 0 : events.load({ src: link }));
-    }
-    // Widget API，挂载组件只读属性和组件方法
-    useImperativeHandle(ref, () => {
-        return { link };
-    }, [link]);
-    useEffect(() => {
-        // 监听message事件
-        window.addEventListener('message', (e) => {
-            const origin = e.origin || e['originalEvent'].origin;
-            if (link.indexOf(origin) >= 0)
-                (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 }) })) })) }));
-});