@cloudbase/weda-ui 3.4.7 → 3.4.9-alpha.1024

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

@@ -1,4 +1,5 @@
-import React, { forwardRef, useImperativeHandle } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle } from 'react';
 import classNames from '../../utils/classnames';
 import { emptyObject } from '../../utils/constant';
 import { useConfig } from '../../utils/config-context';
@@ -45,7 +46,7 @@ export const WdLink = forwardRef(function WdLink({ content, url, isOpenInNewWind
             [`${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 icon || iconSrc ? (_jsx(WdIcon, { className: iconCls, size: 'sm', name: icon, src: iconSrc, type: iconSource })) : null;
     };
     // Widget API，挂载组件只读属性和组件方法
     useImperativeHandle(ref, () => {
@@ -55,12 +56,7 @@ export const WdLink = forwardRef(function WdLink({ content, url, isOpenInNewWind
             disabled,
         };
     }, [content, url, disabled]);
-    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))));
+    return (_jsxs("a", { style: style, className: classNames(classes, className), target: isOpenInNewWindow ? '_blank' : '_self', href: href, id: id, onClick: onClick, rel: "noopener noreferrer", ...props, children: [enableSlot && contentSlot && (_jsx("div", { className: `${classPrefix}-link__slot`, children: contentSlot })), _jsxs("span", { className: `${classPrefix}-link__wrap`, children: [iconPosition === 'before' && iconType === 'text-with-icon' && _jsx(Icon, {}), iconType === 'icon-only' ? (_jsx(Icon, {})) : (_jsx("span", { className: `${classPrefix}-link__text`, children: content })), iconPosition === 'after' && iconType === 'text-with-icon' && _jsx(Icon, {})] })] }));
 });
 function processUrl(url, params) {
     url = url === null || url === void 0 ? void 0 : url.trim();

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ConfigProvider } from 'tea-component';
+import { ExportFileModalByApi as ExportFileModalByApiFromTable } from '../../../table/ExportFileModalByApi';
+import './index.css';
+export function ExportFileModalByApi({ onCancel, visible, fields, selectedKeysList, handleInOrOutRecordModalVisible, dbName, whereList, where, orderBy, orderType, tableColumns, }) {
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(ExportFileModalByApiFromTable, { onCancel: onCancel, visible: visible, fields: fields, selectedKeysList: selectedKeysList, handleInOrOutRecordModealVisible: handleInOrOutRecordModalVisible, dbName: dbName, where: where, whereList: whereList, orderBy: orderBy, orderType: orderType, tableColumns: tableColumns }) }));
+}

package/dist/web/components/wd-table/components/ExportFileModalByApi/index.css

@@ -0,0 +1,9 @@
+.weda-export-csv-file-modal__wrap_text {
+  margin-top: 20px;
+  margin-bottom: 10px;
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.weda-export-csv-file-modal .wedatea2td-form__label {
+  color: rgba(0, 0, 0, 0.6);
+}

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

@@ -0,0 +1,74 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ExportFileModalByApi } from './ExportFileModalByApi';
+import { formatDataToXlsx, filterCustomFields } from '../FieldRender';
+import { getFieldsTypeName } from '../../../../utils/tool';
+import { alertErrorMessage } from '../../../../utils/platform';
+import { exportData } from '../../../../utils/file';
+import './index.css';
+/**
+ * 后端导出弹窗
+ */
+export const ExportFileModal = ({ fields, columns, isExportFileModalByApiVisible, selectedKeys, dbName, query, whereList, setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible, }) => {
+    var _a, _b;
+    const supportFields = (_b = (_a = fields === null || fields === void 0 ? void 0 : fields.filter((field) => {
+        // 不支持上传的类型
+        if (!field)
+            return false;
+        if (field['x-system'])
+            return false;
+        return true;
+    })) === null || _a === void 0 ? void 0 : _a.sort((a, b) => (a === null || a === void 0 ? void 0 : a['x-index']) - (b === null || b === void 0 ? void 0 : b['x-index']))) === null || _b === void 0 ? void 0 : _b.filter((item) => {
+        // 筛选出列管理字段
+        const isVisible = columns === null || columns === void 0 ? void 0 : columns.findIndex((column) => (column === null || column === void 0 ? void 0 : column.fieldKey) === (item === null || item === void 0 ? void 0 : item.name) && (column === null || column === void 0 ? void 0 : column.isExport));
+        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+        return isVisible != -1;
+    });
+    // 没有数据标识默认加上数据标识字段
+    const isExitId = supportFields === null || supportFields === void 0 ? void 0 : supportFields.findIndex((item) => (item === null || item === void 0 ? void 0 : item.name) === '_id');
+    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+    if (isExitId === -1) {
+        supportFields.push({
+            name: '_id',
+            title: '数据标识',
+            type: 'string',
+        });
+    }
+    return (isExportFileModalByApiVisible && (_jsx(ExportFileModalByApi, { whereList: whereList, fields: getFieldsTypeName(supportFields), selectedKeysList: selectedKeys, visible: isExportFileModalByApiVisible, dbName: dbName, tableColumns: columns, where: query === null || query === void 0 ? void 0 : query.where, orderBy: query === null || query === void 0 ? void 0 : query.orderBy, orderType: query === null || query === void 0 ? void 0 : query.orderType, onCancel: () => {
+            setIsExportFileModalByApiVisible(false);
+        }, handleInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible })));
+};
+/**
+ * 表格导出方法
+ */
+export const exportHandle = ({ selectedKeys, records, enumOptions, datasourceTitle, columnSets, fields, }) => {
+    if (!selectedKeys.length) {
+        return alertErrorMessage({
+            message: '请选择需要导出的数据',
+        });
+    }
+    // 导出字段按列管理过滤，不过滤自定义列，自定义列只导出映射字段值
+    const exportFields = filterCustomFields({
+        fields,
+        columnSets,
+        isFilterGenre: true,
+    });
+    const selectedData = records.filter((_) => selectedKeys.find((key) => _._id === key));
+    const selectedDataTrans = formatDataToXlsx(selectedData, exportFields, enumOptions);
+    exportData(selectedDataTrans, 'xlsx', datasourceTitle);
+};
+/**
+ * 后端表格导出方法
+ */
+export const exportHandleByApi = ({ isModel, isH5, setIsExportFileModalByApiVisible, }) => {
+    if (!isModel) {
+        return alertErrorMessage({
+            message: '当前表格组件绑定了APIs，暂不支持进行数据导出',
+        });
+    }
+    if (isH5) {
+        return alertErrorMessage({
+            message: '移动端暂不支持进行数据导出',
+        });
+    }
+    setIsExportFileModalByApiVisible(true);
+};

package/dist/web/components/wd-table/components/FieldRender/Form/Enum.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Select, Icon } from 'tea-component';
+import { useEnumContext } from '../../../../../utils/hooks/context';
+// 枚举输入组件
+export const EnumSelect = (props) => {
+    const { field, onChange } = props;
+    const { enumOptions } = useEnumContext();
+    const optionName = field['x-option-name'];
+    const isMulti = field['x-multi-select'];
+    const selectProps = {
+        options: (enumOptions === null || enumOptions === void 0 ? void 0 : enumOptions[optionName]) || [],
+        ...props,
+        virtual: true,
+        size: 'full',
+        matchButtonWidth: true,
+        appearance: 'button',
+        clearable: true,
+        searchable: true,
+        staging: false,
+    };
+    const onSelectChange = (value) => {
+        if (onChange) {
+            onChange(value || '');
+        }
+    };
+    if (isMulti) {
+        return _jsx(Select.Multiple, { ...selectProps });
+    }
+    return _jsx(Select, { ...selectProps, onChange: onSelectChange });
+};
+// 转换枚举值
+export const formatEnum = (value, field, enumOptions) => {
+    var _a;
+    try {
+        const optionName = field['x-option-name'];
+        const isMulti = field['x-multi-select'];
+        const options = (enumOptions === null || enumOptions === void 0 ? void 0 : enumOptions[optionName]) || [];
+        const getTextByValue = (value) => { var _a; return ((_a = options === null || options === void 0 ? void 0 : options.find((item) => (item === null || item === void 0 ? void 0 : item.value) === value)) === null || _a === void 0 ? void 0 : _a.text) || value; };
+        if (isMulti) {
+            return (_a = []
+                .concat(value)
+                .map((v) => getTextByValue(v))) === null || _a === void 0 ? void 0 : _a.join();
+        }
+        return getTextByValue(value);
+    }
+    catch (e) { }
+    return value;
+};
+// 枚举值展示组件
+export const EnumView = (props) => {
+    const { field, values } = props;
+    const { enumOptions, loading } = useEnumContext();
+    if (loading)
+        return _jsx(Icon, { type: "loading" });
+    return formatEnum(values, field, enumOptions);
+};

package/dist/web/components/wd-table/components/FieldRender/Form/Location.css

@@ -0,0 +1,11 @@
+.weda-business-location-input {
+  background-color: white;
+}
+
+.weda-business-location-form-array-label {
+  padding-right: 20px;
+}
+
+.weda-business-location-form-item .wedatea2td-form__controls {
+  padding-bottom: 16px !important;
+}

package/dist/web/components/wd-table/components/FieldRender/Form/Location.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import classNames from '../../../../../utils/classnames';
+import { Form, Input, Text } from 'tea-component';
+import './Location.css';
+export const locationProperties = {
+    address: {
+        title: '地点',
+        type: 'string',
+        name: 'address',
+    },
+    longitude: {
+        title: '经度',
+        type: 'number',
+        name: 'longitude',
+        maximum: 180,
+        minimum: -180,
+    },
+    latitude: {
+        title: '纬度',
+        type: 'number',
+        name: 'latitude',
+        maximum: 90,
+        minimum: -90,
+    },
+};
+const convertNumber = (number) => {
+    const value = parseFloat(number);
+    return value || value === 0 ? value : null;
+};
+const Location = (props) => {
+    var _a, _b, _c, _d, _e;
+    const { onChange, field, value, readonly, parentIsArray } = props || {};
+    const initAddress = value === null || value === void 0 ? void 0 : value.address;
+    const isRequired = field === null || field === void 0 ? void 0 : field['x-required'];
+    const disabled = field === null || field === void 0 ? void 0 : field['x-powerDisabled'];
+    // 新建或编辑时设置空值状态下的初始值
+    useEffect(() => {
+        if (!initAddress && !isRequired) {
+            onChange === null || onChange === void 0 ? void 0 : onChange({
+                address: '',
+                geopoint: {
+                    type: 'Point',
+                    coordinates: [null, null],
+                },
+            });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [initAddress]);
+    const onTrigger = (changeValue) => {
+        var _a, _b, _c, _d;
+        const currentValue = {
+            address: value === null || value === void 0 ? void 0 : value.address,
+            longitude: (_b = (_a = value === null || value === void 0 ? void 0 : value.geopoint) === null || _a === void 0 ? void 0 : _a.coordinates) === null || _b === void 0 ? void 0 : _b[0],
+            latitude: (_d = (_c = value === null || value === void 0 ? void 0 : value.geopoint) === null || _c === void 0 ? void 0 : _c.coordinates) === null || _d === void 0 ? void 0 : _d[1],
+        };
+        const newValue = {
+            ...currentValue,
+            ...changeValue,
+        };
+        const finalValue = {
+            address: (newValue === null || newValue === void 0 ? void 0 : newValue.address) || '',
+            geopoint: {
+                type: 'Point',
+                coordinates: [
+                    convertNumber(newValue === null || newValue === void 0 ? void 0 : newValue.longitude),
+                    convertNumber(newValue === null || newValue === void 0 ? void 0 : newValue.latitude),
+                ],
+            },
+        };
+        onChange === null || onChange === void 0 ? void 0 : onChange(finalValue);
+    };
+    const options = [
+        {
+            name: 'address',
+            title: '地址',
+            ...(_a = field === null || field === void 0 ? void 0 : field.properties) === null || _a === void 0 ? void 0 : _a.address,
+            props: {
+                value: value === null || value === void 0 ? void 0 : value.address,
+                size: 'full',
+                disabled,
+                onChange: (value) => {
+                    onTrigger({ address: value });
+                },
+            },
+        },
+        {
+            name: 'longitude',
+            title: '经度',
+            props: {
+                value: (_c = (_b = value === null || value === void 0 ? void 0 : value.geopoint) === null || _b === void 0 ? void 0 : _b.coordinates) === null || _c === void 0 ? void 0 : _c[0],
+                size: 'full',
+                type: 'number',
+                disabled,
+                onChange: (value) => {
+                    onTrigger({ longitude: value });
+                },
+            },
+        },
+        {
+            name: 'latitude',
+            title: '纬度',
+            props: {
+                value: (_e = (_d = value === null || value === void 0 ? void 0 : value.geopoint) === null || _d === void 0 ? void 0 : _d.coordinates) === null || _e === void 0 ? void 0 : _e[1],
+                size: 'full',
+                type: 'number',
+                disabled,
+                onChange: (value) => {
+                    onTrigger({ latitude: value });
+                },
+            },
+        },
+    ];
+    const renderFormLabel = (option) => {
+        if (parentIsArray) {
+            return (_jsx("div", { className: "weda-business-location-form-array-label", children: option.title }));
+        }
+        return option.title;
+    };
+    return (_jsx(Form, { readonly: readonly, children: options.map((option) => {
+            var _a;
+            return (_jsx(Form.Item, { className: classNames({
+                    ['weda-business-location-form-item']: parentIsArray,
+                }), label: renderFormLabel(option), children: readonly ? (_jsx(Form.Text, { children: _jsx(Text, { children: (_a = option === null || option === void 0 ? void 0 : option.props) === null || _a === void 0 ? void 0 : _a.value }) })) : (_jsx(Input, { ...option.props, className: "weda-business-location-input" })) }, option.name));
+        }) }));
+};
+export default Location;

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Image from '../../../wd-image';
+import { useConfig } from '../../../../utils/config-context';
+export const ImagePreview = ({ srcList }) => {
+    const { classPrefix } = useConfig();
+    const res = [].concat(srcList);
+    return (_jsx("div", { className: `${classPrefix}-table-image-preview`, children: res === null || res === void 0 ? void 0 : res.map((i, index) => (_jsx(Image, { src: i, maskClosable: false, alt: '', imgPreview: true, lazyLoad: true, isStopPropagation: true }, index))) }));
+};

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useState } from 'react';
+import { Button, Modal, ConfigProvider } from 'tea-component';
+/**
+ * 引用类型显示弹窗
+ * @description 使用组件方式编写，避免数据流中断
+ */
+export const QuoteModal = ({ children, ...restProps }) => {
+    const [visible, setVisible] = useState(false);
+    const onHandleModalVisible = () => {
+        setVisible(!visible);
+    };
+    return (_jsx(Fragment, { children: _jsxs(ConfigProvider, { classPrefix: "wedatea2td", children: [_jsx(Button, { onClick: (e) => {
+                        e.stopPropagation();
+                        onHandleModalVisible();
+                    }, type: "link", children: "\u8BE6\u60C5" }), _jsx(Modal, { ...restProps, visible: visible, onClose: onHandleModalVisible, children: _jsx(Modal.Body, { children: children }) })] }) }));
+};

package/dist/web/components/wd-table/components/FieldRender/UserDepartment/ViewCell.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'tea-component';
+import { getRelationData } from './utils';
+import './viewCell.css';
+export const ViewCell = ({ data, showType, relation }) => {
+    if (showType === 'tree') {
+        return _jsx(Text, { verticalAlign: "middle", children: (data === null || data === void 0 ? void 0 : data.content) || '-' });
+    }
+    const defaultValue = getRelationData(relation);
+    return (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.id) ? (_jsx(Text, { verticalAlign: "middle", children: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.content })) : (_jsx(Text, { children: "-" }));
+};

package/dist/web/components/wd-table/components/FieldRender/UserDepartment/utils.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from 'tea-component';
+import { safeJsonParse } from '../../../../../utils/tool';
+export const parentIcon = ({ expanded }) => (_jsx(Icon, { type: expanded ? 'folderopen' : 'folderclose' }));
+// 角色icon
+export const roleIcon = () => _jsx(Icon, { type: 'role' });
+// 部门icon
+export const departIcon = () => _jsx(Icon, { type: 'depart' });
+// 处理部门数据格式
+export const dealOrgData = (data = []) => data.map((i) => ({
+    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+    id: `${guidMod(7)}-${i.OrgId}`,
+    //   icon: getIcon(i.depth),
+    content: i[i.PrimaryColumn],
+    children: undefined,
+    selectable: true,
+    expandable: true,
+    icon: parentIcon,
+    orgId: i.OrgId,
+}));
+// 处理角色数据格式
+export const dealRoleData = (data = []) => data.map((role) => ({
+    id: role.Id,
+    expandable: true,
+    selectable: false,
+    content: role.Name,
+    children: undefined,
+    icon: parentIcon,
+}));
+// 处理用户数据格式
+export const dealUserData = (data = [], isRole) => data.map((user) => {
+    var _a;
+    return ({
+        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+        id: `${guidMod(7)}-${user.UserId}`,
+        expandable: false,
+        selectable: true,
+        content: (user === null || user === void 0 ? void 0 : user[user === null || user === void 0 ? void 0 : user.PrimaryColumn]) ||
+            ((user === null || user === void 0 ? void 0 : user.UserExtend)
+                ? (_a = safeJsonParse(user.UserExtend)) === null || _a === void 0 ? void 0 : _a[user === null || user === void 0 ? void 0 : user.PrimaryColumn]
+                : null),
+        userId: user.UserId,
+        isUser: true,
+        icon: isRole ? roleIcon : departIcon,
+    });
+});
+export function guidMod(bit) {
+    const str = 'qwertyuiopasdfghjklmnbvcxz1234567890';
+    let cont = '';
+    for (let i = 0; i < bit; i++) {
+        cont += str[Math.floor(Math.random() * str.length)];
+    }
+    return cont;
+}
+export const getNode = (nodes, id, key) => {
+    if (!id)
+        return null;
+    for (const node of nodes) {
+        if (node[key] === id) {
+            return node;
+        }
+        if (node.children) {
+            const result = getNode(node.children, id, key);
+            if (result) {
+                return result;
+            }
+        }
+    }
+    return null;
+};
+export const getRelationData = (relation) => {
+    var _a, _b;
+    const record = (_a = relation === null || relation === void 0 ? void 0 : relation.v1) === null || _a === void 0 ? void 0 : _a.record;
+    const primaryColumn = (_b = relation === null || relation === void 0 ? void 0 : relation.v1) === null || _b === void 0 ? void 0 : _b.primaryColumn;
+    const data = {
+        content: record === null || record === void 0 ? void 0 : record[primaryColumn],
+        // eslint-disable-next-line no-underscore-dangle
+        id: record === null || record === void 0 ? void 0 : record._id,
+    };
+    // eslint-disable-next-line no-underscore-dangle
+    return data;
+};

package/dist/web/components/wd-table/components/FieldRender/UserDepartment/viewCell.css

@@ -0,0 +1,11 @@
+.view-cell-bubble .wedatea2td-bubble__inner {
+  padding: 5px 8px;
+  font-size: 14px;
+  line-height: 22px;
+  color: rgba(255, 255, 255, 0.9);
+  background: rgba(0, 0, 0, 0.9);
+}
+.view-cell-bubble .wedatea2td-bubble__inner::after,
+.view-cell-bubble .wedatea2td-bubble__inner::before {
+  border-bottom-color: rgba(0, 0, 0, 0.9);
+}