@cloudbase/weda-ui 3.4.2 → 3.4.4

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

@@ -5,7 +5,7 @@ import './index.css';
 import { usePlatform, isCloudFileID, isInIde } from '../../utils/platform';
 import classNames from '../../utils/classnames';
 import { ConfigProvider, Icon } from 'tea-component';
-import { useTempUrl } from '../../utils/use-cloud-id-temp-url';
+import { useTempUrl } from '../../utils/hooks/use-cloud-id-temp-url';
 const { useEffect, useRef, useMemo, useState } = React;
 const MimetypesKind = {
     opus: 'video/ogg',
@@ -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,4 +1,5 @@
 import * as components from './components';
 import * as actions from './actions';
 export * from './components';
+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

@@ -16,9 +16,103 @@ export const REL_DICT = {
     less: 'lt',
     less_or_equal: 'lte',
     in: 'in',
-    not_in: 'nin', // 不在多选值
+    not_in: 'nin',
+    uin: 'nin',
+    empty: 'empty',
+    nempty: 'nempty', // 不为空
 };
 export const emptyObject = {};
 export const emptyArray = [];
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 export const noop = (() => { });
+// 内置字段
+export const SystemDefaultFields = [
+    '_id',
+    'createdAt',
+    'updatedAt',
+    'owner',
+    'createBy',
+    'updateBy',
+];
+// 表格组件上方的默认按钮集合
+export const TABLE_BUTTONS = [
+    {
+        text: '新建',
+        tooltip: '',
+        type: 'primary',
+        htmlType: 'button',
+        action: 'create',
+        show: true,
+        loading: false,
+        disabled: false,
+    },
+    {
+        text: '删除',
+        tooltip: '',
+        type: 'weak',
+        htmlType: 'button',
+        action: 'del',
+        show: true,
+        loading: false,
+        disabled: false,
+    },
+    {
+        text: '导出',
+        tooltip: '',
+        type: 'weak',
+        htmlType: 'button',
+        action: 'export',
+        show: true,
+        loading: false,
+        disabled: false,
+    },
+    {
+        text: '导入',
+        tooltip: '',
+        type: 'weak',
+        htmlType: 'button',
+        action: 'import',
+        show: true,
+        loading: false,
+        disabled: false,
+    },
+];
+// 表格组件操作列的默认按钮集合
+export const TABLE_SETTINGS = [
+    {
+        text: '查看',
+        tooltip: '',
+        type: 'link',
+        htmlType: 'button',
+        action: 'retrieve',
+        show: true,
+        loading: false,
+        disabled: false,
+    },
+    {
+        text: '编辑',
+        tooltip: '',
+        type: 'link',
+        htmlType: 'button',
+        action: 'edit',
+        show: true,
+        loading: false,
+        disabled: false,
+    },
+    {
+        text: '删除',
+        tooltip: '',
+        type: 'link',
+        htmlType: 'button',
+        action: 'del',
+        show: true,
+        loading: false,
+        disabled: false,
+    },
+];
+// 组件动态插槽属性名称，用作前缀
+export const TABLE_SLOT_PREFIX = 'cell_';
+// 表格操作列插槽名称 (双下划线作用于编辑器内插槽规定排序)
+export const CELL_CUSTOM_OPTION = 'cell__custom__option';
+// 表格全局按钮插槽名称
+export const GLOBAL_BUTTON = 'globalButton';