@cloudbase/weda-ui 3.4.3 → 3.4.5

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

@@ -0,0 +1,171 @@
+import * as React from 'react';
+import { usePlatform } from '../../utils/platform';
+// import { CreatePortal } from '../../utils/hooks/CreatePortal';
+import { useGesture } from '@use-gesture/react';
+import { useConfig } from '../../utils/config-context';
+import { useRef } from 'react';
+import { findDOMNode } from 'react-dom';
+const ASPECT_RASIO = 1;
+const OFFSET_RASIO = 0.5;
+const SCALE_RASIO_PC = 0.8;
+const SCALE_RASIO_H5 = 1;
+export function ImageInner({ objectFit, style, className, alt, src, isError, setIsError, events, lazyLoad, maskClosable, imgPreview, }) {
+    const { classPrefix } = useConfig();
+    const platform = usePlatform();
+    const [imgShow, setImgShow] = React.useState(false);
+    const imagePreviewRef = useRef();
+    const onMaskClick = () => {
+        if (maskClosable) {
+            setImgShow(false);
+        }
+    };
+    const [showHeight, setShowHeight] = React.useState(0);
+    const [showWidth, setShowWidth] = React.useState(0);
+    const realWidth = React.useRef(0);
+    const realHeight = React.useRef(0);
+    const [offsetHeight, setOffsetHeight] = React.useState(0);
+    const [offsetWidth, setOffsetWidth] = React.useState(0);
+    const [translateX, setTranslateX] = React.useState(0);
+    const [translateY, setTranslateY] = React.useState(0);
+    const [previewScale, setPreviewScale] = React.useState(ASPECT_RASIO);
+    React.useEffect(() => {
+        // 防止触发浏览器的放大缩小
+        const handler = (e) => e.preventDefault();
+        document.addEventListener('gesturestart', handler);
+        document.addEventListener('gesturechange', handler);
+        return () => {
+            document.removeEventListener('gesturestart', handler);
+            document.removeEventListener('gesturechange', handler);
+        };
+    }, []);
+    const bind = useGesture({
+        onClick: ({ event }) => {
+            // 防止冒泡出发关闭预览
+            event.stopPropagation();
+            // eslint-disable-next-line react/no-find-dom-node
+            const component = findDOMNode(imagePreviewRef.current);
+            if (component && event.target === component) {
+                return;
+            }
+        },
+        onPinch: ({ offset }) => {
+            const [s] = offset;
+            setPreviewScale(s);
+        },
+        onDrag: ({ offset, event }) => {
+            event.stopPropagation();
+            const [x, y] = offset;
+            setTranslateX(x);
+            setTranslateY(y);
+        },
+    }, {
+        drag: {
+            delay: true,
+            preventDefault: true,
+            from: () => [translateX, translateY],
+        },
+        pinch: {
+            scaleBounds: { min: 0.6, max: 5 },
+            pointer: {
+                touch: true,
+            },
+        },
+    });
+    if (platform === 'h5' || !imgPreview || isError) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("img", { style: {
+                    objectFit,
+                    ...style,
+                }, className: `${className} wd-h5-image`, alt: alt, src: src, onLoad: (e) => {
+                    const img = e.target;
+                    const { naturalHeight, naturalWidth } = img;
+                    realHeight.current = naturalHeight;
+                    realWidth.current = naturalWidth;
+                    setIsError(false);
+                    events.load && events.load({}, { originEvent: e });
+                }, onError: (e) => {
+                    setIsError(true);
+                    events.error && events.error({}, { originEvent: e });
+                }, onClick: (e) => {
+                    if (imgPreview && !isError) {
+                        setTranslateX(0);
+                        setTranslateY(0);
+                        setPreviewScale(ASPECT_RASIO);
+                        const windowHeight = window.innerHeight;
+                        const windowWidth = window.innerWidth;
+                        const widthRasio = (windowWidth * SCALE_RASIO_H5) / realWidth.current;
+                        const heightRasio = (windowHeight * SCALE_RASIO_H5) / realHeight.current;
+                        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);
+                        setShowWidth(realWidth.current * scale);
+                        setImgShow(true);
+                    }
+                    events.tap && events.tap({}, { originEvent: e });
+                }, loading: lazyLoad ? 'lazy' : undefined }),
+            imgShow && (
+            // <CreatePortal>
+            React.createElement("div", { className: `${classPrefix}-image-mask`, onClick: onMaskClick },
+                React.createElement("div", { onClick: () => setImgShow(false), className: `${classPrefix}-image-mask__close-btn` },
+                    React.createElement("i", { className: `${classPrefix}-image-mask__icon-close` })),
+                React.createElement("div", { ...bind(), ref: imagePreviewRef, className: `${classPrefix}-image-preview`, style: {
+                        touchAction: 'none',
+                        backgroundImage: `url('${src}')`,
+                        transform: `translate(${translateX}px, ${translateY}px) scale(${previewScale})`,
+                        width: showWidth,
+                        height: showHeight,
+                        marginTop: offsetHeight,
+                        marginLeft: offsetWidth,
+                    } }))
+            // </CreatePortal>
+            )));
+    }
+    else {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("img", { style: {
+                    objectFit,
+                    cursor: 'zoom-in',
+                    ...style,
+                }, className: `${className} wd-pc-image`, alt: alt, src: src, onLoad: (e) => {
+                    const img = e.target;
+                    const { naturalHeight, naturalWidth } = img;
+                    realHeight.current = naturalHeight;
+                    realWidth.current = naturalWidth;
+                    setIsError(false);
+                    events.load && events.load({}, { originEvent: e });
+                }, onError: (e) => {
+                    setIsError(true);
+                    events.error && events.error({}, { originEvent: e });
+                }, loading: lazyLoad ? 'lazy' : undefined, onClick: (e) => {
+                    if (imgPreview && !isError) {
+                        const windowHeight = window.innerHeight;
+                        const windowWidth = window.innerWidth;
+                        const widthRasio = (windowWidth * SCALE_RASIO_PC) / realWidth.current;
+                        const heightRasio = (windowHeight * SCALE_RASIO_PC) / realHeight.current;
+                        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);
+                        setShowWidth(realWidth.current * scale);
+                        setImgShow(true);
+                    }
+                    events.tap && events.tap({}, { originEvent: e });
+                } }),
+            imgShow && (
+            // <CreatePortal>
+            React.createElement("div", { className: `${classPrefix}-image-mask`, onClick: onMaskClick },
+                React.createElement("div", { onClick: () => setImgShow(false), className: `${classPrefix}-image-mask__close-btn` },
+                    React.createElement("i", { className: `${classPrefix}-image-mask__icon-close` })),
+                React.createElement("div", { ...bind(), className: `${classPrefix}-image-preview`, style: {
+                        touchAction: 'none',
+                        backgroundImage: `url('${src}')`,
+                        width: showWidth,
+                        height: showHeight,
+                        marginTop: offsetHeight,
+                        marginLeft: offsetWidth,
+                    } }))
+            // </CreatePortal>
+            )));
+    }
+}

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

@@ -0,0 +1,82 @@
+import * as React from 'react';
+import { useState, useMemo } from 'react';
+import classNames from '../../utils/classnames';
+import { ImageInner } from './image';
+import { emptyObject } from '../../utils/constant';
+import { useTempUrl } from '../../utils/hooks/use-cloud-id-temp-url';
+import { useConfig } from '../../utils/config-context';
+export default function Image({ 
+// 系统属性
+className, events = emptyObject, style, 
+// 组件属性
+src, alt, mode, lazyLoad, imgPreview, maskClosable, fit, }) {
+    const [isError, setIsError] = useState(false);
+    const { classPrefix } = useConfig();
+    const cls = classNames({
+        [`${classPrefix}-image`]: true,
+        [`${classPrefix}-image__error`]: isError,
+        [className]: className,
+    });
+    const objectFit = fit || getObjectFitByWxImageMode(mode);
+    const { data: realSrc } = useTempUrl(src);
+    /**
+     * 模拟小程序的widthFix、heightFix模式
+     */
+    const realFit = useMemo(() => {
+        if (objectFit === 'widthFix' || objectFit === 'heightFix') {
+            return 'unset';
+        }
+        else {
+            return objectFit;
+        }
+    }, [objectFit]);
+    const realStyle = useMemo(() => {
+        if (isError) {
+            return style;
+        }
+        else {
+            if (objectFit === 'widthFix') {
+                return {
+                    ...style,
+                    height: 'auto',
+                };
+            }
+            else if (objectFit === 'heightFix') {
+                return {
+                    ...style,
+                    width: 'auto',
+                };
+            }
+            else {
+                return style;
+            }
+        }
+    }, [style, objectFit, isError]);
+    return src === realSrc || (realSrc !== undefined && src !== realSrc) ? (React.createElement(ImageInner, { objectFit: realFit, style: realStyle, className: cls, alt: alt, src: realSrc, isError: isError, setIsError: setIsError, events: events, lazyLoad: lazyLoad, imgPreview: imgPreview, maskClosable: maskClosable })) : null;
+}
+function getObjectFitByWxImageMode(mode) {
+    const array = [
+        {
+            mode: 'scaleToFill',
+            h5: 'fill',
+        },
+        {
+            mode: 'aspectFit',
+            h5: 'contain',
+        },
+        {
+            mode: 'aspectFill',
+            h5: 'cover',
+        },
+        {
+            mode: 'widthFix',
+            h5: 'cover',
+        },
+        {
+            mode: 'heightFix',
+            h5: 'contain',
+        },
+    ];
+    const item = array.find((item) => item.mode === mode);
+    return item === null || item === void 0 ? void 0 : item.h5;
+}

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

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

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

@@ -0,0 +1,105 @@
+import * as React from 'react';
+import classNames from '../../utils/classnames';
+import { emptyObject } from '../../utils/constant';
+import { useConfig } from '../../utils/config-context';
+import { usePlatform } from '../../utils/platform';
+import { WdIcon } from '../index';
+export const WdLink = ({ content, url, isOpenInNewWindow, params, iconType, iconSource = 'inner', icon, iconSrc, iconPosition = 'before', disabled, enableSlot = true, contentSlot, events = emptyObject, className, style, id, ...props }) => {
+    const platform = usePlatform();
+    // 样式
+    const { classPrefix } = useConfig();
+    const compClassName = `${classPrefix}-link`;
+    // 类名
+    // 响应式css api
+    const platformCss = `${classPrefix}-${platform}-link`;
+    const classes = {
+        [`${classPrefix}-link`]: true,
+        // 是否是纯图标
+        [`${compClassName}--icon`]: iconType === 'icon-only',
+        // 禁用
+        'is-disabled': disabled,
+        [platformCss]: true,
+    };
+    const { href, path, paramObj, isAbosolutePath } = processUrl(url, params);
+    // 方法
+    const onClick = (e) => {
+        var _a;
+        if (disabled)
+            return;
+        events.tap && events.tap({}, { originEvent: e });
+        if (!e.defaultPrevented && !isAbosolutePath && (window === null || window === void 0 ? void 0 : window.app)) {
+            e.preventDefault();
+            (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.navigateTo({
+                pageId: path,
+                packageName: '',
+                mode: 'weDa',
+                params: paramObj,
+            });
+        }
+    };
+    const Icon = () => {
+        // icon样式
+        const iconCls = classNames({
+            [`${classPrefix}-link__icon`]: true,
+            [`${classPrefix}-link__before-icon`]: iconType === 'text-with-icon' && iconPosition === 'before',
+            [`${classPrefix}-link__after-icon`]: iconType === 'text-with-icon' && iconPosition === 'after',
+            [`${classPrefix}-icon--inherit`]: (style === null || style === void 0 ? void 0 : style.fontSize) && iconSource === 'inner',
+        });
+        return icon || iconSrc ? (React.createElement(WdIcon, { className: iconCls, size: 'sm', name: icon, src: iconSrc, type: iconSource })) : null;
+    };
+    return (React.createElement("a", { style: style, className: classNames(classes, className), target: isOpenInNewWindow ? '_blank' : '_self', href: href, id: id, onClick: onClick, rel: "noopener noreferrer", ...props },
+        enableSlot && contentSlot && (React.createElement("div", { className: `${classPrefix}-link__slot` }, contentSlot)),
+        React.createElement("span", { className: `${classPrefix}-link__wrap` },
+            iconPosition === 'before' && iconType === 'text-with-icon' && React.createElement(Icon, null),
+            iconType === 'icon-only' ? (React.createElement(Icon, null)) : (React.createElement("span", { className: `${classPrefix}-link__text` }, content)),
+            iconPosition === 'after' && iconType === 'text-with-icon' && React.createElement(Icon, null))));
+};
+function processUrl(url, params) {
+    url = url === null || url === void 0 ? void 0 : url.trim();
+    // URL 构造函数不支持 '//xxx.com' 的格式
+    if ((url === null || url === void 0 ? void 0 : url.indexOf('//')) === 0) {
+        url = location.protocol + url;
+    }
+    // "proto:" 或 "//" 起头的是绝对路径
+    let isAbosolutePath = /^(?:[a-z]+:)/i.test(url);
+    let base, path, href, paramObj = {}, urlObj;
+    if (!isAbosolutePath) {
+        // 相对地址使用站位域名，不实际使用
+        base =
+            location.origin && location.origin !== 'null'
+                ? location.origin
+                : 'https://we.da';
+    }
+    try {
+        urlObj = new URL(url, base);
+        params.forEach((x) => {
+            urlObj === null || urlObj === void 0 ? void 0 : urlObj.searchParams.append(x.key, x.value);
+        });
+        href = urlObj === null || urlObj === void 0 ? void 0 : urlObj.href;
+        path = urlObj === null || urlObj === void 0 ? void 0 : urlObj.pathname;
+        for (const [key, value] of urlObj.searchParams) {
+            paramObj[key] = value;
+        }
+        // 相对地址去掉占位域名
+        if (!isAbosolutePath) {
+            href = (urlObj === null || urlObj === void 0 ? void 0 : urlObj.pathname) + (urlObj === null || urlObj === void 0 ? void 0 : urlObj.search) + (urlObj === null || urlObj === void 0 ? void 0 : urlObj.hash);
+            href = href === null || href === void 0 ? void 0 : href.replace(/^\//, '');
+        }
+    }
+    catch (e) {
+        // 非法 url
+        isAbosolutePath = true;
+        href = url;
+        path = '';
+        paramObj = params === null || params === void 0 ? void 0 : params.reduce((p, x) => {
+            p[x.key] = x.value;
+            return p;
+        }, {});
+    }
+    return {
+        isAbosolutePath,
+        href,
+        path,
+        paramObj,
+    };
+}

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

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

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

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { useConfig } from '../../utils/config-context';
+import { WdButton } from '../wd-button';
+export const WdTable = ({ className, 
+// style,
+// id,
+type = 'solid', }) => {
+    // 兼容旧版组件的属性值
+    const { classPrefix } = useConfig();
+    const compClassName = `${classPrefix}-table`;
+    // 类名
+    const classList = [compClassName];
+    type && classList.push(`${compClassName}--${type}`);
+    // diriction && classList.push(`${btnClassName}-${diriction}`);
+    // 用户定义的className
+    classList.push(className);
+    return (React.createElement("div", { className: `${classPrefix}-table-wrap`, "data-testid": "wd-table-test" },
+        React.createElement("div", { className: `${classPrefix}-table-wrap__toolbar` },
+            React.createElement("div", { className: `${classPrefix}-table-wrap__toolbar-col` },
+                React.createElement(WdButton, { theme: "primary", text: "\u65B0\u5EFA" }),
+                React.createElement(WdButton, { theme: "secondary", text: "\u5220\u9664" })),
+            React.createElement("div", { className: `${classPrefix}-table-wrap__toolbar-col` },
+                React.createElement(WdButton, { iconType: "icon-only", theme: "secondary", icon: "td:filter" })))));
+};

package/dist/web/components/wd-text/convert-legacy-props.js

@@ -0,0 +1,14 @@
+const PROPS_VALUE_MAP = {
+    level: {
+        '0': 'body-md',
+        '1': 'title-1',
+        '2': 'title-2',
+        '3': 'title-3',
+        '4': 'title-4',
+        '5': 'title-5',
+        '6': 'title-6',
+    },
+};
+export const convertLegacyProps = (key, prop) => {
+    return PROPS_VALUE_MAP[key][prop];
+};

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

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

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

@@ -0,0 +1,91 @@
+import * as React from 'react';
+import classNames from '../../utils/classnames';
+import { useConfig } from '../../utils/config-context';
+import { textToString, usePlatform } from '../../utils/platform';
+import { convertLegacyProps } from './convert-legacy-props';
+import { convertLegacyEnum } from '../../utils/tool';
+import { WD_TEXT_LEVEL, WD_TEXT_MAX_LINES } from '../../../enum';
+export const WdText = ({ className, style, id, level: _level = 'body-default', text, overflow, maxLines: _maxLines, space, tips, userSelect, events, contenteditable, onInput, onBlur, ...props }) => {
+    const platform = usePlatform();
+    // 兼容旧版组件的属性值
+    let level = convertLegacyProps('level', String(_level)) || _level;
+    // 枚举转换
+    level = convertLegacyEnum(level, WD_TEXT_LEVEL);
+    const maxLines = convertLegacyEnum(String(_maxLines), WD_TEXT_MAX_LINES);
+    // 样式
+    const { classPrefix } = useConfig();
+    const compClassName = `${classPrefix}-typography`;
+    const levelClass = {
+        'title-1': `${compClassName}-display-lg`,
+        'title-2': `${compClassName}-display-md`,
+        'title-3': `${compClassName}-headline-lg`,
+        'title-4': `${compClassName}-headline-sm`,
+        'title-5': `${compClassName}-title-xl`,
+        'title-6': `${compClassName}-title-lg`,
+        'body-sm': `${compClassName}-body-sm`,
+        'body-md': `${compClassName}-body-md`,
+        'body-lg': `${compClassName}-body-lg`,
+    };
+    // 响应式css api
+    const platformCss = `${classPrefix}-${platform}-typography`;
+    const classes = {
+        [compClassName]: true,
+        // size
+        [levelClass[level]]: levelClass[level],
+        // 连续字符会换行，正常英文不会强制换行
+        [`${classPrefix}-g-wrod-break`]: true,
+        // 是否可选中
+        [`${classPrefix}-g-user-select-none`]: !userSelect,
+        // 超出隐藏多少行
+        [`${classPrefix}-g-text-ellipsis-${maxLines}`]: overflow,
+        // 是否支持空格
+        [`${classPrefix}-g-white-space-pre-wrap`]: space,
+        [platformCss]: true,
+    };
+    const maxLevel = 10;
+    // 兼容旧的text组件溢出省略
+    const inlineStyle = React.useMemo(() => Number(_maxLines) > maxLevel
+        ? {
+            WebkitLineClamp: _maxLines,
+            ...style,
+        }
+        : { ...style }, [style, _maxLines]);
+    const propsStartWithOn = React.useMemo(() => {
+        return Object.keys(props).reduce((acc, cur) => {
+            if (cur.startsWith('on') || cur === 'data-testid') {
+                acc[cur] = props[cur];
+            }
+            return acc;
+        }, {});
+    }, [props]);
+    switch (level) {
+        case 'title-1':
+            return (React.createElement("h1", { className: classNames(classes, className), style: inlineStyle, id: id, 
+                //@ts-expect-error contentEditable type def sucks
+                contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, title: tips ? textToString(text) : '', onClick: (e) => events.tap({}, { originEvent: e }), ...propsStartWithOn }, textToString(text)));
+        case 'title-2':
+            return (React.createElement("h2", { className: classNames(classes, className), style: inlineStyle, id: id, 
+                //@ts-expect-error contentEditable type def sucks
+                contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, title: tips ? textToString(text) : '', onClick: (e) => events.tap({}, { originEvent: e }), ...propsStartWithOn }, textToString(text)));
+        case 'title-3':
+            return (React.createElement("h3", { className: classNames(classes, className), style: inlineStyle, id: id, 
+                //@ts-expect-error contentEditable type def sucks
+                contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, title: tips ? textToString(text) : '', onClick: (e) => events.tap({}, { originEvent: e }), ...propsStartWithOn }, textToString(text)));
+        case 'title-4':
+            return (React.createElement("h4", { className: classNames(classes, className), style: inlineStyle, id: id, 
+                //@ts-expect-error contentEditable type def sucks
+                contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, title: tips ? textToString(text) : '', onClick: (e) => events.tap({}, { originEvent: e }), ...propsStartWithOn }, textToString(text)));
+        case 'title-5':
+            return (React.createElement("h5", { className: classNames(classes, className), style: inlineStyle, id: id, 
+                //@ts-expect-error contentEditable type def sucks
+                contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, title: tips ? textToString(text) : '', onClick: (e) => events.tap({}, { originEvent: e }), ...propsStartWithOn }, textToString(text)));
+        case 'title-6':
+            return (React.createElement("h6", { className: classNames(classes, className), style: inlineStyle, id: id, 
+                //@ts-expect-error contentEditable type def sucks
+                contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, title: tips ? textToString(text) : '', onClick: (e) => events.tap({}, { originEvent: e }), ...propsStartWithOn }, textToString(text)));
+        default:
+            return (React.createElement("p", { className: classNames(classes, className), style: inlineStyle, id: id, 
+                //@ts-expect-error contentEditable type def sucks
+                contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, title: tips ? textToString(text) : '', onClick: (e) => events.tap({}, { originEvent: e }), ...propsStartWithOn }, textToString(text)));
+    }
+};

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

@@ -1,12 +1,12 @@
 .weda-ui_video {
-  height: 35.71429rem;
+  height: 500px;
   overflow: hidden;
   background-color: #000;
   position: relative;
 }
 
 .weda-ui_video-h5 {
-  height: 17.85714rem;
+  height: 250px;
 }
 
 .weda-ui_video_control .vjs-control-bar {
@@ -40,6 +40,3 @@
   justify-content: center;
   color: #fff;
 }
-
-/*# sourceURL=webpack://./src/web/components/wedaVideo/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy93ZWRhVmlkZW8vaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsbUJBQW1CO0VBQ25CLGdCQUFnQjtFQUNoQixzQkFBc0I7RUFDdEIsa0JBQWtCO0FBQ3BCOztBQUVBO0VBQ0UsbUJBQW1CO0FBQ3JCOztBQUVBO0VBQ0UsMkJBQTJCO0FBQzdCOztBQUVBO0VBQ0UseUJBQXlCO0VBQ3pCLHVCQUF1QjtBQUN6Qjs7QUFFQTs7RUFFRSxjQUFjO0FBQ2hCOztBQUVBO0VBQ0UsdUJBQXVCO0FBQ3pCOztBQUVBO0VBQ0Usa0JBQWtCO0VBQ2xCLFlBQVk7RUFDWixPQUFPO0VBQ1AsTUFBTTtFQUNOLFdBQVc7RUFDWCxZQUFZO0VBQ1osc0JBQXNCO0VBQ3RCLGFBQWE7RUFDYixtQkFBbUI7RUFDbkIsdUJBQXVCO0VBQ3ZCLFdBQVc7QUFDYiIsInNvdXJjZXNDb250ZW50IjpbIi53ZWRhLXVpX3ZpZGVvIHtcbiAgaGVpZ2h0OiAzNS43MTQyOXJlbTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ud2VkYS11aV92aWRlby1oNSB7XG4gIGhlaWdodDogMTcuODU3MTRyZW07XG59XG5cbi53ZWRhLXVpX3ZpZGVvX2NvbnRyb2wgLnZqcy1jb250cm9sLWJhciB7XG4gIGJhY2tncm91bmQ6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuLndlZGEtdWlfdmlkZW9fX3ZpZGVvLXdyYXAge1xuICBwYWRkaW5nLXRvcDogMCAhaW1wb3J0YW50O1xuICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbn1cblxuLnZqcy1wYXVzZWQgLnZqcy1iaWctcGxheS1idXR0b24sXG4udmpzLXBhdXNlZC52anMtaGFzLXN0YXJ0ZWQgLnZqcy1iaWctcGxheS1idXR0b24ge1xuICBkaXNwbGF5OiBibG9jaztcbn1cblxuLnZqcy1zbGlkZXItdmVydGljYWwgLnZqcy12b2x1bWUtbGV2ZWw6YmVmb3JlIHtcbiAgbGVmdDogLTAuNWVtICFpbXBvcnRhbnQ7XG59XG5cbi53ZWRhLXVpX3ZpZGVvX192aWRlby1sb2FkaW5nIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAxMDA7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzAwMDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGNvbG9yOiAjZmZmO1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */

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

@@ -75,12 +75,14 @@ const WedaVideo = ({ className, style, id, videoDataSource, posterImage, autoPla
                         { name: 'FullscreenToggle' }, // 全屏按钮
                     ],
                 },
-                sources: [
-                    {
-                        src: realSrc || 'no',
-                        type: MimetypesKind[videoType] || 'video/mp4',
-                    },
-                ],
+                sources: realSrc
+                    ? [
+                        {
+                            src: realSrc,
+                            type: MimetypesKind[videoType] || 'video/mp4',
+                        },
+                    ]
+                    : [],
             };
             playerRef.current = videojs(videoElement, videoOptions, () => {
                 players.currentTime(startTime); //指定播放时间

package/dist/web/index.js

@@ -1,5 +1,5 @@
 import * as components from './components';
 import * as actions from './actions';
 export * from './components';
-export * from './utils/platform';
+export { isH5Platform, usePlatform } from './utils/platform';
 export default { components, actions };

package/dist/web/utils/config-context/index.js

@@ -0,0 +1 @@
+export { useConfig } from './use-config';

package/dist/web/utils/config-context/use-config.js

@@ -0,0 +1,9 @@
+import { useContext } from 'react';
+import { WdConfigContext, DEFAULT_CLASS_PREFIX, } from '../../components/wd-config-provider/wd-config-context';
+export function useConfig() {
+    const context = useContext(WdConfigContext) || {};
+    return {
+        classPrefix: DEFAULT_CLASS_PREFIX,
+        ...context,
+    };
+}

package/dist/web/utils/constant.js

@@ -17,6 +17,7 @@ export const REL_DICT = {
     less_or_equal: 'lte',
     in: 'in',
     not_in: 'nin',
+    uin: 'nin',
     empty: 'empty',
     nempty: 'nempty', // 不为空
 };

package/dist/web/utils/datasource.js

@@ -116,9 +116,13 @@ export const getDataSourceByName = async (dbName, GetColumnAuth = false) => {
         // dbName 为空时
         if (!dbName)
             return;
-        // 兼容私有环境，新接口不存在的情况
+        // 兼容私有环境，新接口不存在的情况 私有化权限接口存在两种情况 1、sdk版本getDataSourceProfileAsync方法不存在 2、getDataSourceProfileAsync方法存在但是没有返回权限字段resourceCheckInfos
         if ((window === null || window === void 0 ? void 0 : window._isPrivate) && !((_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.cloud) === null || _b === void 0 ? void 0 : _b.getDataSourceProfileAsync)) {
-            return getDataSourceByNameCompatibleProvite(dbName);
+            const { resourceCheckInfos } = await window.app.cloud.getDataSourceProfileAsync(GetColumnAuth ? { Name: dbName, GetColumnAuth: true } : dbName);
+            // 没有返回权限字段resourceCheckInfos
+            if (!resourceCheckInfos) {
+                return getDataSourceByNameCompatibleProvite(dbName);
+            }
         }
         const datasource = await window.app.cloud.getDataSourceProfileAsync(GetColumnAuth ? { Name: dbName, GetColumnAuth: true } : dbName);
         return datasource;
@@ -186,17 +190,25 @@ export const getAuthFieldsByName = async (dbName) => {
  */
 export const getDataSourceFieldsWithAuth = (authList, resourceCheckInfos) => {
     try {
-        if (isInIde() || (window === null || window === void 0 ? void 0 : window._isPrivate)) {
-            // 编辑器编辑区 和 兼容私有环境，新接口不存在的情况
+        if (isInIde() || !resourceCheckInfos) {
+            // 编辑器编辑区 和 兼容私有环境，新接口不存在的情况没有返回权限字段
             return authList.map((item) => ({ ...item, readWriteAuth: 'rw' }));
         }
         if ((resourceCheckInfos === null || resourceCheckInfos === void 0 ? void 0 : resourceCheckInfos.length) > 0 && (authList === null || authList === void 0 ? void 0 : authList.length) > 0) {
-            const resourceCheckInfosList = resourceCheckInfos.map((item) => item.ReadWrite);
             return authList.map((authItem) => {
-                const authInfoList = resourceCheckInfosList.filter((item) => !!item[authItem.name]);
+                var _a, _b;
+                const recordName = (authItem === null || authItem === void 0 ? void 0 : authItem['x-viewType']) === 'RELATION_VIEW'
+                    ? authItem === null || authItem === void 0 ? void 0 : authItem.parentRelationRecordsName //关联模型字段name
+                    : authItem === null || authItem === void 0 ? void 0 : authItem.name;
+                let authInfoList = resourceCheckInfos.filter((item) => { var _a; return !!((_a = item === null || item === void 0 ? void 0 : item['ReadWrite']) === null || _a === void 0 ? void 0 : _a[recordName]); });
+                if ((authItem === null || authItem === void 0 ? void 0 : authItem['x-viewType']) === 'RELATION_VIEW') {
+                    // 可能会有字段名重复的，通过关联模型字段筛选出来
+                    authInfoList = authInfoList === null || authInfoList === void 0 ? void 0 : authInfoList.filter((item) => `@${item === null || item === void 0 ? void 0 : item.RelationField}` === (authItem === null || authItem === void 0 ? void 0 : authItem['x-parentRelationKey']));
+                }
                 // 匹配到了权限字段
                 if (authInfoList[0]) {
-                    authItem.readWriteAuth = authInfoList[0][authItem.name];
+                    authItem.readWriteAuth =
+                        (_b = (_a = authInfoList === null || authInfoList === void 0 ? void 0 : authInfoList[0]) === null || _a === void 0 ? void 0 : _a['ReadWrite']) === null || _b === void 0 ? void 0 : _b[recordName];
                     if (authInfoList[0][authItem.name] === 'r') {
                         // 只读字段标单项disable状态
                         authItem['x-powerDisabled'] = true;