@cloudbase/weda-ui 3.4.1 → 3.4.3

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

@@ -0,0 +1,109 @@
+import React, { useState, useEffect } from 'react';
+import { ConfigProvider } from 'tea-component';
+import { PageContent, PageNullDb } from '../pageLayout/PageContent';
+import { BaseTable } from './BaseTable';
+import { getAuthFields } from '../../utils/datasource';
+import { TABLE_BUTTONS, TABLE_SETTINGS, TABLE_SLOT_PREFIX, GLOBAL_BUTTON, } from '../../utils/constant';
+import { EnumHoc } from '../../utils/hooks/EnumHoc';
+import { alertErrorMessage } from '../../utils/platform';
+/**
+ * 列表组件
+ */
+export default React.forwardRef(function ModelTable(props, ref) {
+    const { dataSourceType, bindConnectMetadata = {
+        datasource: { id: '', name: '', title: '' },
+    }, // APImock数据
+    connectorMethod = { name: '', inParams: [], outParams: [], title: '' }, // API方法
+    connectorParams, // API查询入参
+    isOrderBy, // API是否支持排序
+    bindMetadata = {
+        datasource: {},
+        enabledFieldNames: [],
+        selectedViewIds: [],
+    }, // 数据源+字段data对象
+    filterType = 'searchbox', // 条件筛选类型
+    filterFields, // 筛选字段
+    buttons = TABLE_BUTTONS, // 选区按钮集合
+    settings = TABLE_SETTINGS, // 列表操作列默认按钮选区
+    _selectableBlockEvents: selectableBlockEvents, // 选区的事件集合
+    columnSets, // 列管理，具备列排序/列勾选/列自定义渲染作用，存在时代替enabledFieldNames
+    rowColor, // 行背景色
+    id: compId, // 组件id
+    events, // 事件
+    where, // 搜索条件
+    orderBy, // 排序字段
+    orderType, // 排序方式
+    fixedFront = '', // 冻结首列至本列
+    fixedEnd = '', // 冻结本列至尾列
+    enableCellCustomOption, // 是否显示插槽操作列
+    enableGlobalButton, // 是否显示插槽全局按钮
+    ...rest } = props;
+    const isModel = dataSourceType !== 'custom-connector';
+    const { datasource, enabledFieldNames, selectedViewIds: selectedView, isNewData, } = isModel ? bindMetadata : bindConnectMetadata;
+    const { outParams } = connectorMethod;
+    const dbName = datasource === null || datasource === void 0 ? void 0 : datasource.name;
+    const dbFieldNames = isModel ? enabledFieldNames : outParams;
+    const [showFields, setShowFields] = useState([]);
+    const [getFieldsLoading, setGetFieldsLoading] = useState(true);
+    useEffect(() => {
+        try {
+            // eslint-disable-next-line no-inner-declarations
+            async function getShowFields() {
+                const { showFields: value } = await getAuthFields(dbName, dbFieldNames, true, !!isNewData, isModel, connectorMethod);
+                setShowFields(value);
+                setGetFieldsLoading(false);
+            }
+            getShowFields();
+        }
+        catch (err) {
+            setGetFieldsLoading(false);
+            setShowFields([]);
+            alertErrorMessage({ message: `获取数据源字段失败,错误信息:${err}` });
+            console.error(`获取数据源字段失败,错误信息:${err}`);
+        }
+    }, [dbName]);
+    /**
+     * 通过前缀过滤出插槽属性，传入属性是确定的，所以可以通过前缀识别
+     */
+    const slots = Object.keys(rest).reduce((acc, key) => {
+        if (key.startsWith(TABLE_SLOT_PREFIX) || key === GLOBAL_BUTTON) {
+            acc[key] = rest[key];
+        }
+        return acc;
+    }, {});
+    /**
+     * 获取选中的筛选字段
+     */
+    const getFilterFields = (filterFields) => {
+        var _a;
+        let result = [];
+        try {
+            const filterFieldsObj = JSON.parse(JSON.stringify(filterFields));
+            result =
+                ((_a = filterFieldsObj === null || filterFieldsObj === void 0 ? void 0 : filterFieldsObj.selected) === null || _a === void 0 ? void 0 : _a.map((i) => showFields.find((j) => j.name === i))) || [];
+        }
+        catch (error) {
+            result = [];
+        }
+        return result;
+    };
+    /**
+     * 处理选择视图的意外情况(存量用户不会更新数据源的默认视图可能会出现[null])
+     */
+    const getSelectedView = (selectedViews) => {
+        if (selectedViews && (selectedViews === null || selectedViews === void 0 ? void 0 : selectedViews.length) > 0) {
+            return selectedViews.filter((item) => !!item);
+        }
+        return [];
+    };
+    // 1、编辑器内未绑定数据源时返回
+    if ((isModel && !dbName) || (!isModel && !(connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name))) {
+        return React.createElement(PageNullDb, { ...rest });
+    }
+    // 2、正常返回
+    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement(EnumHoc, { fields: showFields },
+            React.createElement(PageContent, { ...rest, loading: getFieldsLoading },
+                React.createElement(BaseTable, { filterType: filterType, filterFields: getFilterFields(filterFields), actionColumn: true, tableAction: true, enableCellCustomOption: enableCellCustomOption, enableGlobalButton: enableGlobalButton, dbName: dbName, fields: showFields, connectorParams: connectorParams, isOrderBy: isOrderBy, isModel: isModel, tableSearch: !!isModel, connectorMethod: connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name, compId: compId, buttons: buttons, settings: settings, selectableBlockEvents: selectableBlockEvents, selectedView: getSelectedView(selectedView), columnSets: columnSets, slots: slots, rowColor: rowColor, events: events, onSelectConfirm: undefined, onSelectCancel: undefined, defaultSearchValue: undefined, outerRef: ref, where: where, orderBy: orderBy, orderType: orderType, fixedFront: fixedFront, fixedEnd: fixedEnd })))));
+});
+export { BaseTable };

package/dist/web/components/tabs/tabs.h5.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
 import './index.css';
 import classNames from '../../utils/classnames';
-import { useSyncValue } from '../../utils/useSyncValue';
+import { useSyncValue } from '../../utils/hooks/useSyncValue';
 import { useCustomCompareEffect, useSyncedRef } from '@react-hookz/web';
 import isObjectEqual from '../../utils/isObjectEqual';
 import { emptyArray } from '../../utils/constant';

package/dist/web/components/tabs/tabs.pc.js

@@ -4,7 +4,7 @@ import { Tabs as TeaTabs, TabPanel, ConfigProvider } from 'tea-component';
 import classNames from '../../utils/classnames';
 import { emptyArray } from '../../utils/constant';
 import isObjectEqual from '../../utils/isObjectEqual';
-import { useSyncValue } from '../../utils/useSyncValue';
+import { useSyncValue } from '../../utils/hooks/useSyncValue';
 export default function TabsPc({ tabs = emptyArray, selectedIndex, events, className, style, isMultipleSlot = true, ...restProps }) {
     const [activeIndex, setActiveIndex] = useSyncValue(selectedIndex);
     const _tabs = React.useMemo(() => {

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

@@ -3,6 +3,7 @@
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
+  word-break: break-all;
   /* -webkit-line-clamp: 1;
   white-space: pre-line; */
 }
@@ -26,4 +27,4 @@
 }
 
 /*# sourceURL=webpack://./src/web/components/text/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy90ZXh0L2luZGV4LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLHVCQUF1QjtFQUN2QixnQkFBZ0I7RUFDaEIsb0JBQW9CO0VBQ3BCLDRCQUE0QjtFQUM1QjswQkFDd0I7QUFDMUI7QUFDQTtFQUNFLGdDQUFnQztBQUNsQztBQUNBO0VBQ0UsMEJBQTBCO0FBQzVCO0FBQ0E7RUFDRSxnQ0FBZ0M7QUFDbEM7QUFDQTtFQUNFLGdDQUFnQztBQUNsQztBQUNBO0VBQ0UsZ0NBQWdDO0FBQ2xDO0FBQ0E7RUFDRSxnQ0FBZ0M7QUFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyIud2VkYS10ZXh0IHtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAvKiAtd2Via2l0LWxpbmUtY2xhbXA6IDE7XG4gIHdoaXRlLXNwYWNlOiBwcmUtbGluZTsgKi9cbn1cbi53ZWRhLXRleHQubGV2ZWxfMSB7XG4gIGZvbnQtc2l6ZTogNC41NzE0M3JlbSAhaW1wb3J0YW50O1xufVxuLndlZGEtdGV4dC5sZXZlbF8yIHtcbiAgZm9udC1zaXplOiA0cmVtICFpbXBvcnRhbnQ7XG59XG4ud2VkYS10ZXh0LmxldmVsXzMge1xuICBmb250LXNpemU6IDMuNDI4NTdyZW0gIWltcG9ydGFudDtcbn1cbi53ZWRhLXRleHQubGV2ZWxfNCB7XG4gIGZvbnQtc2l6ZTogMi44NTcxNHJlbSAhaW1wb3J0YW50O1xufVxuLndlZGEtdGV4dC5sZXZlbF81IHtcbiAgZm9udC1zaXplOiAyLjI4NTcxcmVtICFpbXBvcnRhbnQ7XG59XG4ud2VkYS10ZXh0LmxldmVsXzYge1xuICBmb250LXNpemU6IDEuNzE0MjlyZW0gIWltcG9ydGFudDtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy90ZXh0L2luZGV4LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLHVCQUF1QjtFQUN2QixnQkFBZ0I7RUFDaEIsb0JBQW9CO0VBQ3BCLDRCQUE0QjtFQUM1QixxQkFBcUI7RUFDckI7MEJBQ3dCO0FBQzFCO0FBQ0E7RUFDRSxnQ0FBZ0M7QUFDbEM7QUFDQTtFQUNFLDBCQUEwQjtBQUM1QjtBQUNBO0VBQ0UsZ0NBQWdDO0FBQ2xDO0FBQ0E7RUFDRSxnQ0FBZ0M7QUFDbEM7QUFDQTtFQUNFLGdDQUFnQztBQUNsQztBQUNBO0VBQ0UsZ0NBQWdDO0FBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiLndlZGEtdGV4dCB7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgd29yZC1icmVhazogYnJlYWstYWxsO1xuICAvKiAtd2Via2l0LWxpbmUtY2xhbXA6IDE7XG4gIHdoaXRlLXNwYWNlOiBwcmUtbGluZTsgKi9cbn1cbi53ZWRhLXRleHQubGV2ZWxfMSB7XG4gIGZvbnQtc2l6ZTogNC41NzE0M3JlbSAhaW1wb3J0YW50O1xufVxuLndlZGEtdGV4dC5sZXZlbF8yIHtcbiAgZm9udC1zaXplOiA0cmVtICFpbXBvcnRhbnQ7XG59XG4ud2VkYS10ZXh0LmxldmVsXzMge1xuICBmb250LXNpemU6IDMuNDI4NTdyZW0gIWltcG9ydGFudDtcbn1cbi53ZWRhLXRleHQubGV2ZWxfNCB7XG4gIGZvbnQtc2l6ZTogMi44NTcxNHJlbSAhaW1wb3J0YW50O1xufVxuLndlZGEtdGV4dC5sZXZlbF81IHtcbiAgZm9udC1zaXplOiAyLjI4NTcxcmVtICFpbXBvcnRhbnQ7XG59XG4ud2VkYS10ZXh0LmxldmVsXzYge1xuICBmb250LXNpemU6IDEuNzE0MjlyZW0gIWltcG9ydGFudDtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */

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

@@ -3,10 +3,10 @@ import classNames from '../../utils/classnames';
 import { textToString } from '../../utils/platform';
 import './index.css';
 export default function Text({ text, maxLines, space, tips, userSelect, style, className, events, id, level, contenteditable, onInput, onBlur, }) {
-    const textStyle = {
+    const textStyle = React.useMemo(() => ({
         WebkitLineClamp: maxLines,
         whiteSpace: space ? 'pre-wrap' : 'pre-line',
-    };
+    }), [maxLines, space]);
     if (!userSelect) {
         textStyle.userSelect = 'none';
     }

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

@@ -3,14 +3,15 @@ import { UploadFilePc } from '../form/uploaderFile/uploadFile.pc';
 import { UploadFileH5 } from '../form/uploaderFile/uploadFile.h5';
 import { filterStrList, isCloudFileID, downloadFile, usePlatform, transFileCloudidToName, } from '../../utils/platform';
 import './index.css';
-import { useTempUrl } from '../../utils/use-cloud-id-temp-url';
+import { useTempUrl } from '../../utils/hooks/use-cloud-id-temp-url';
 const CLASS_PREFIX = 'weda-uploader-file-view';
 /**
  * 上传文件回显，传showType强制展示某端样式，否则根据平台自动判断
  */
-export default function UploaderFileView({ value, className, single = true, // 展示为单行 a 标签
-showType, // 展示端为 pc 还是 h5 样式
-...rest }) {
+export default function UploaderFileView(props) {
+    const { value, className, single = true, // 展示为单行 a 标签
+    showType, // 展示端为 pc 还是 h5 样式
+    ...rest } = props;
     const platform = usePlatform();
     const fileIDList = filterStrList(value);
     if (single) {
@@ -42,5 +43,5 @@ const FileView = ({ fileID }) => {
             return fileID;
         }
     }, [fileID]);
-    return (React.createElement("a", { title: title, onClick: () => downloadFile(src), className: `${CLASS_PREFIX}__single` }, title));
+    return (React.createElement("a", { title: title, onClick: () => downloadFile(src, title), className: `${CLASS_PREFIX}__single` }, title));
 };

package/dist/web/components/wd-bubble/index.css

@@ -0,0 +1,21 @@
+.wd-bubble {
+  margin-top: 5.71429rem;
+}
+
+.wedatea2td-bubble__inner {
+  padding: 0.57143rem 0.85714rem;
+  border-radius: 0.21429rem;
+}
+
+.wd-bubble-content {
+  min-width: 10rem;
+  display: inline-flex;
+  justify-content: center;
+}
+
+.wd-bubble-child {
+  display: inline-block;
+}
+
+/*# sourceURL=webpack://./src/web/components/wd-bubble/index.css */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy93ZC1idWJibGUvaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0Usc0JBQXNCO0FBQ3hCOztBQUVBO0VBQ0UsOEJBQThCO0VBQzlCLHlCQUF5QjtBQUMzQjs7QUFFQTtFQUNFLGdCQUFnQjtFQUNoQixvQkFBb0I7RUFDcEIsdUJBQXVCO0FBQ3pCOztBQUVBO0VBQ0UscUJBQXFCO0FBQ3ZCIiwic291cmNlc0NvbnRlbnQiOlsiLndkLWJ1YmJsZSB7XG4gIG1hcmdpbi10b3A6IDUuNzE0MjlyZW07XG59XG5cbi53ZWRhdGVhMnRkLWJ1YmJsZV9faW5uZXIge1xuICBwYWRkaW5nOiAwLjU3MTQzcmVtIDAuODU3MTRyZW07XG4gIGJvcmRlci1yYWRpdXM6IDAuMjE0MjlyZW07XG59XG5cbi53ZC1idWJibGUtY29udGVudCB7XG4gIG1pbi13aWR0aDogMTByZW07XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLndkLWJ1YmJsZS1jaGlsZCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Bubble, ConfigProvider } from 'tea-component';
+import './index.css';
+import classNames from '../../utils/classnames';
+import { isInIde } from '../../utils/platform';
+export default function WdBubble({ trigger, placement, promptTheme, arrowPointAtCenter, openDelay, closeDelay, bubbleContent, bubbleChildren, events, id, style, className, }) {
+    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement("div", { className: classNames('wd-bubble', className), id: id, style: style }, isInIde() ? (React.createElement(Bubble, { content: React.createElement("div", { className: 'wd-bubble-content', style: isInIde() ? { minWidth: '140px' } : { minWidth: '0px' } }, bubbleContent), visible: true }, bubbleChildren)) : (React.createElement(Bubble, { content: bubbleContent, error: promptTheme === 'error', dark: promptTheme === 'dark', trigger: trigger, placement: placement, arrowPointAtCenter: arrowPointAtCenter, openDelay: Number(openDelay), closeDelay: Number(closeDelay), onVisibleChange: (visible) => {
+                if (visible) {
+                    events === null || events === void 0 ? void 0 : events.open();
+                }
+                else {
+                    events === null || events === void 0 ? void 0 : events.close();
+                }
+            } },
+            React.createElement("span", { className: 'wd-bubble-child' }, bubbleChildren))))));
+}

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',

package/dist/web/index.js

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

package/dist/web/utils/constant.js

@@ -16,9 +16,102 @@ export const REL_DICT = {
     less: 'lt',
     less_or_equal: 'lte',
     in: 'in',
-    not_in: 'nin', // 不在多选值
+    not_in: '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';