@cloudbase/weda-ui 3.5.2-mp → 3.5.3

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType, EventsType } from '../../../configs/components/web-view';
+import './style';
+export declare const WebView: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<{
+    link: string;
+}> & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<[{
+    readonly name: "load";
+    readonly title: "网页加载成功";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        src: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "error";
+    readonly title: "网页加载失败";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        src: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "message";
+    readonly title: "接收网页消息";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        data: import("@sinclair/typebox").TRecord<import("@sinclair/typebox").TString, import("@sinclair/typebox").TAny>;
+    }>;
+}]>> & React.RefAttributes<unknown>>;
+export type WdWebViewProps = CommonPropsType & DataType & EventsType;

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

@@ -0,0 +1,61 @@
+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 }) })) })) }));
+});

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

@@ -0,0 +1,42 @@
+.weda-ui_video {
+  height: 500px;
+  overflow: hidden;
+  background-color: #000;
+  position: relative;
+}
+
+.weda-ui_video-h5 {
+  height: 250px;
+}
+
+.weda-ui_video_control .vjs-control-bar {
+  background: none !important;
+}
+
+.weda-ui_video__video-wrap {
+  padding-top: 0 !important;
+  height: 100% !important;
+}
+
+.vjs-paused .vjs-big-play-button,
+.vjs-paused.vjs-has-started .vjs-big-play-button {
+  display: block;
+}
+
+.vjs-slider-vertical .vjs-volume-level:before {
+  left: -0.5em !important;
+}
+
+.weda-ui_video__video-loading {
+  position: absolute;
+  z-index: 100;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+}

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { CommonPropsType } from '../../types';
+import './style';
+export interface VideoProps {
+    videoDataSource: string;
+    posterImage: string;
+    autoPlay: boolean;
+    loopPlay: boolean;
+    mutePlay: boolean;
+    controlBarStatus: boolean;
+    startTime: number;
+    endTime: number;
+}
+export type WedaVideoProps = Partial<CommonPropsType & VideoProps>;
+declare const WedaVideo: React.FC<WedaVideoProps>;
+export default WedaVideo;

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

@@ -0,0 +1,143 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import videojs from 'video.js';
+import { usePlatform, isCloudFileID, isInIde } from '../../utils/platform';
+import classNames from '../../utils/classnames';
+import { ConfigProvider, Icon } from 'tea-component';
+import { useTempUrl } from '../../utils/hooks/use-cloud-id-temp-url';
+import './style';
+const { useEffect, useRef, useMemo, useState } = React;
+const MimetypesKind = {
+    opus: 'video/ogg',
+    ogv: 'video/ogg',
+    mp4: 'video/mp4',
+    mov: 'video/mp4',
+    m4v: 'video/mp4',
+    mkv: 'video/x-matroska',
+    m4a: 'audio/mp4',
+    mp3: 'audio/mpeg',
+    aac: 'audio/aac',
+    caf: 'audio/x-caf',
+    flac: 'audio/flac',
+    oga: 'audio/ogg',
+    wav: 'audio/wav',
+    m3u8: 'application/x-mpegURL',
+    jpg: 'image/jpeg',
+    jpeg: 'image/jpeg',
+    gif: 'image/gif',
+    png: 'image/png',
+    svg: 'image/svg+xml',
+    webp: 'image/webp',
+};
+const CLASS_PREFIX = 'weda-ui_video';
+const WedaVideo = ({ className, style, id, videoDataSource, posterImage, autoPlay, loopPlay, mutePlay, controlBarStatus, startTime, endTime, }) => {
+    const platform = usePlatform();
+    const cls = classNames({
+        [className]: className,
+        [CLASS_PREFIX]: true,
+        [`${CLASS_PREFIX}-h5`]: platform === 'h5',
+        'weda-ui_video_control': !controlBarStatus,
+    });
+    const videoRef = useRef(null);
+    const playerRef = useRef(null);
+    const [videoModalStatus, setVideoModalStatus] = useState(true);
+    const [videoErrMsg, setVideoErrMsg] = useState('');
+    const { data: realPosterImage } = useTempUrl(posterImage);
+    const { data: realSrc, error } = useTempUrl(videoDataSource);
+    const videoType = useMemo(() => {
+        return realSrc === null || realSrc === void 0 ? void 0 : realSrc.substring(realSrc.lastIndexOf('.') + 1).toLowerCase();
+    }, [realSrc]);
+    if (error) {
+        console.error('getCloudUrl error', error);
+        setVideoErrMsg('获取云文件资源失败');
+    }
+    useEffect(() => {
+        const videoElement = videoRef.current;
+        if (!playerRef.current) {
+            const videoOptions = {
+                poster: realPosterImage,
+                autoplay: autoPlay,
+                bigPlayButton: true,
+                loop: loopPlay,
+                muted: mutePlay,
+                controls: controlBarStatus,
+                language: 'zh-CN',
+                fluid: true,
+                controlBar: {
+                    children: [
+                        { name: 'playToggle' },
+                        { name: 'currentTimeDisplay' },
+                        { name: 'progressControl' },
+                        { name: 'durationDisplay' },
+                        {
+                            name: 'volumePanel',
+                            inline: false, // 不使用水平方式
+                        },
+                        { name: 'FullscreenToggle' }, // 全屏按钮
+                    ],
+                },
+                sources: realSrc
+                    ? [
+                        {
+                            src: realSrc,
+                            type: MimetypesKind[videoType] || 'video/mp4',
+                        },
+                    ]
+                    : [],
+            };
+            playerRef.current = videojs(videoElement, videoOptions, () => {
+                players.currentTime(startTime); //指定播放时间
+                setVideoModalStatus(false);
+                setVideoErrMsg('');
+            });
+            const players = playerRef.current;
+            // 指定结束时间
+            if (endTime) {
+                players.on('timeupdate', () => {
+                    //播放时间改变
+                    const currentTime = players.currentTime();
+                    if (startTime >= endTime)
+                        return;
+                    if (currentTime > endTime) {
+                        players.currentTime(startTime);
+                        // eslint-disable-next-line rulesdir/no-timer
+                        setTimeout(() => {
+                            !loopPlay && players.pause();
+                        }, 200);
+                    }
+                });
+            }
+            players.on('canplaythrough', function () {
+                setVideoModalStatus(false);
+                setVideoErrMsg('');
+            });
+            players.on('error', function () {
+                let errorMsg = `视频资源加载出错，错误信息：${players === null || players === void 0 ? void 0 : players.error().message}`;
+                const pattern = new RegExp('^(((https?)://)|/resources/)[^\\s]+$');
+                if (isInIde() &&
+                    !pattern.test(videoDataSource) &&
+                    !isCloudFileID(videoDataSource)) {
+                    errorMsg = '请在预览区查看视频效果';
+                }
+                console.error('player error', errorMsg);
+                setVideoErrMsg(errorMsg);
+                setVideoModalStatus(true);
+            });
+        }
+    }, [videoRef, realPosterImage]);
+    useEffect(() => {
+        // 切换视频源
+        if (playerRef.current && videoType) {
+            const srcOption = [
+                {
+                    src: realSrc,
+                    type: MimetypesKind[videoType],
+                },
+            ];
+            playerRef.current.src(srcOption);
+            playerRef.current.load(realSrc);
+        }
+    }, [realSrc]);
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs("div", { className: cls, id: id, style: style, "data-testid": "wedaVideo", children: [_jsx("div", { "data-vjs-player": true, children: _jsx("video", { ref: videoRef, className: `video-js vjs-big-play-centered ${CLASS_PREFIX}__video-wrap`, playsInline: true }) }), videoModalStatus && (_jsx("div", { className: `${CLASS_PREFIX}__video-loading`, children: realSrc === null ? _jsx(Icon, { type: "loading" }) : videoErrMsg }))] }) }));
+};
+export default WedaVideo;

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

@@ -0,0 +1,3 @@
+import 'video.js/dist/video-js.css';
+import './index.css';
+import '../style';

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

@@ -0,0 +1,4 @@
+import 'video.js/dist/video-js.css';
+import './index.css';
+// common style
+import '../style';

package/dist/web/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./components";
+declare namespace _default {
+    export { components };
+    export { actions };
+}
+export default _default;
+import * as components from "./components";
+import * as actions from "./actions";
+export { isH5Platform, usePlatform } from "./utils/platform";

package/dist/web/index.js

@@ -0,0 +1,6 @@
+import * as components from './components';
+import * as actions from './actions';
+// eslint-disable-next-line rulesdir/no-export-all
+export * from './components';
+export { isH5Platform, usePlatform } from './utils/platform';
+export default { components, actions };

package/dist/web/utils/classnames.d.ts

@@ -0,0 +1,2 @@
+export default classNames;
+declare function classNames(...args: any[]): any;

package/dist/web/utils/classnames.js

@@ -0,0 +1,37 @@
+/* !
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+function classNames(...args) {
+    const classes = [];
+    for (let i = 0; i < args.length; i++) {
+        const arg = args[i];
+        if (!arg)
+            continue;
+        const argType = typeof arg;
+        if (argType === 'string' || argType === 'number') {
+            classes.push(arg);
+        }
+        else if (Array.isArray(arg)) {
+            if (arg.length) {
+                const inner = classes.push(classNames(...arg));
+                if (inner) {
+                    classes.push(inner);
+                }
+            }
+        }
+        else if (argType === 'object') {
+            if (arg.toString === Object.prototype.toString) {
+                Object.keys(arg).forEach((key) => {
+                    arg[key] && classes.push(key);
+                });
+            }
+            else {
+                classes.push(arg.toString());
+            }
+        }
+    }
+    return classes.join(' ');
+}
+export default classNames;

package/dist/web/utils/config-context/index.d.ts

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

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

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

package/dist/web/utils/config-context/use-config.d.ts

@@ -0,0 +1,3 @@
+export declare function useConfig(): {
+    classPrefix: string;
+};

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/console.d.ts

@@ -0,0 +1,3 @@
+type TConsoleLog = typeof console;
+export declare const debug: (label: string) => TConsoleLog;
+export {};

package/dist/web/utils/console.js

@@ -0,0 +1,52 @@
+import { noop } from './constant';
+export const debug = (label) => {
+    var _a;
+    const envLabel = (_a = (typeof window !== 'undefined' &&
+        window.localStorage.getItem('WEDA_COMP_DEBUG'))) !== null && _a !== void 0 ? _a : '';
+    const showLog = (envLabel.length > 0 && label.startsWith(envLabel)) || envLabel == '*';
+    const globalVar = typeof globalThis !== 'undefined'
+        ? globalThis
+        : typeof self !== 'undefined'
+            ? self
+            : window;
+    // 防 drop console
+    const globalConsoleObj = globalVar['con' + 'sole'];
+    // @ts-expect-error ignore
+    return createProxy((k) => {
+        if (showLog) {
+            return (...args) => {
+                globalConsoleObj[k](label, ...args);
+            };
+        }
+        else {
+            return noop;
+        }
+    });
+};
+function createProxy(initValue) {
+    function set(key) {
+        const value = initValue(key);
+        Object.defineProperty(container, key, { value, configurable: true });
+        return value;
+    }
+    const container = {
+        __proto__: new Proxy({ __proto__: null }, {
+            get(_, key) {
+                if (typeof key === 'symbol')
+                    return undefined;
+                return set(key);
+            },
+        }),
+    };
+    return new Proxy(container, {
+        getPrototypeOf: () => null,
+        setPrototypeOf: (_, v) => v === null,
+        getOwnPropertyDescriptor: (_, key) => {
+            if (typeof key === 'symbol')
+                return undefined;
+            if (!(key in container))
+                set(key);
+            return Object.getOwnPropertyDescriptor(container, key);
+        },
+    });
+}

package/dist/web/utils/constant.d.ts

@@ -0,0 +1,77 @@
+export declare const NOT_EXISTED_VALUE: unique symbol;
+export declare const TitleType: {
+    readonly LEFT: "left";
+    readonly TOP: "top";
+    readonly NONE: "none";
+};
+export declare const LOAD_ERR_IMG_BASE64: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjUuMzIgMTYuMzU5N0MyNi4wNzY0IDE2LjM1OTcgMjYuODI1NCAxNi41MDg3IDI3LjUyNDMgMTYuNzk4MUMyOC4yMjMxIDE3LjA4NzYgMjguODU4MSAxNy41MTE5IDI5LjM5MjkgMTguMDQ2OEMyOS45Mjc4IDE4LjU4MTYgMzAuMzUyMSAxOS4yMTY2IDMwLjY0MTYgMTkuOTE1NEMzMC45MzEgMjAuNjE0MyAzMS4wOCAyMS4zNjMzIDMxLjA4IDIyLjExOTdDMzEuMDggMjIuODc2MSAzMC45MzEgMjMuNjI1MSAzMC42NDE2IDI0LjMyMzlDMzAuMzUyMSAyNS4wMjI4IDI5LjkyNzggMjUuNjU3OCAyOS4zOTI5IDI2LjE5MjZDMjguODU4MSAyNi43Mjc1IDI4LjIyMzEgMjcuMTUxOCAyNy41MjQzIDI3LjQ0MTJDMjYuODI1NCAyNy43MzA3IDI2LjA3NjQgMjcuODc5NyAyNS4zMiAyNy44Nzk3QzIzLjc5MjQgMjcuODc5NyAyMi4zMjczIDI3LjI3MjggMjEuMjQ3MSAyNi4xOTI2QzIwLjE2NjkgMjUuMTEyNCAxOS41NiAyMy42NDczIDE5LjU2IDIyLjExOTdDMTkuNTYgMjAuNTkyIDIwLjE2NjkgMTkuMTI3IDIxLjI0NzEgMTguMDQ2OEMyMi4zMjczIDE2Ljk2NjUgMjMuNzkyNCAxNi4zNTk3IDI1LjMyIDE2LjM1OTdaTTI4IDMuNTU5NjlWMTQuODc2OEMyNy4xNzc3IDE0LjU4NjYgMjYuMTkyIDE0LjQzODggMjUuMzIgMTQuNDM5N0MyNC4wMzEgMTQuNDM5NyAyMi44MTU3IDE0Ljc1NzEgMjEuNzQ4OCAxNS4zMTg0TDIwLjc5NTIgMTMuMTU5N0wxNi4wMjU5IDIwLjAyNzVMOC40NDU3NiAxNi40NDFMMy41NiAyMy4zOTk3SDE3Ljc0NjJDMTcuOTg2NyAyNC44MjkgMTguNjI4MiAyNi4xNjA2IDE5LjU5NTggMjcuMjM5N0gxVjMuNTU5NjlIMjhaTTI1Ljk2IDI0LjAzOTdIMjQuNjhWMjUuMzE5N0gyNS45NlYyNC4wMzk3Wk0yNS45NiAxOC45MTk3SDI0LjY4VjIzLjM5OTdIMjUuOTZWMTguOTE5N1pNNi4xMiAxMC41OTk3QzYuMTIgMTEuOTk4MSA3LjE5OTA0IDEzLjEwODUgOC42MDc2OCAxMy4xNTg0QzEwLjAyMDggMTMuMjA3NyAxMS4yNCAxMi4wNDggMTEuMjQgMTAuNTk5N0MxMS4yNCA5LjI0NjA5IDEwLjA2NDMgOC4wODU3NyA4Ljc1MjMyIDguMDQwOTdDNy4yOTU2OCA3Ljk5MTY5IDYuMTIgOS4xNTEzNyA2LjEyIDEwLjU5OTdaIiBmaWxsPSIjQkNDNEQwIj48L3BhdGg+Cjwvc3ZnPgo=";
+export declare const RICH_TEXT_ICON_PACK: {
+    mathFormula: string;
+    leftTextAlign: string;
+    centerTextAlign: string;
+    rightTextAlign: string;
+    justifyTextAlign: string;
+    textIndent: string;
+    heading: string;
+    marginTop: string;
+    marginBottom: string;
+    marginSide: string;
+    lineSpace: string;
+    wordSpace: string;
+};
+export declare const REL_DICT: {
+    readonly equal: "eq";
+    readonly unequal: "neq";
+    readonly include: "search";
+    readonly exclude: "_exclude";
+    readonly begin_with: "_begin_with";
+    readonly greater: "gt";
+    readonly greater_or_equal: "gte";
+    readonly bigger_or_equal: "gte";
+    readonly less: "lt";
+    readonly less_or_equal: "lte";
+    readonly in: "in";
+    readonly not_in: "nin";
+    readonly uin: "nin";
+    readonly empty: "empty";
+    readonly nempty: "nempty";
+};
+export declare const emptyObject: {};
+export declare const emptyArray: readonly [];
+export declare const noop: () => void;
+export declare const SystemDefaultFields: string[];
+export declare const TABLE_BUTTONS: {
+    text: string;
+    tooltip: string;
+    type: string;
+    htmlType: string;
+    action: string;
+    show: boolean;
+    loading: boolean;
+    disabled: boolean;
+}[];
+export declare const TABLE_SETTINGS: {
+    text: string;
+    tooltip: string;
+    type: string;
+    htmlType: string;
+    action: string;
+    show: boolean;
+    loading: boolean;
+    disabled: boolean;
+}[];
+export declare const TABLE_SLOT_PREFIX = "cell_";
+export declare const CELL_CUSTOM_OPTION = "cell__custom__option";
+export declare const GLOBAL_BUTTON = "globalButton";
+export declare const FORM_MAX_LENGTH = 140;
+export declare const KEY_DOWN_CODE = 13;
+export declare const getWhitelist: () => {
+    whiteList: {
+        a: string[];
+        img: string[];
+        td: string[];
+        th: string[];
+    };
+    onTagAttr: (tag: any, name: any, value: any) => string;
+    onIgnoreTagAttr: (tag: any, name: any, value: any) => string;
+};