@cloudbase/weda-ui 3.5.0 → 3.5.1

package/dist/web/components/wd-region-select/wd-region.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+export declare const WdRegion: ({ options }: {
+    options: any;
+}) => JSX.Element;
+export interface WdSelectProps extends CommonPropsType {
+    defaultValue?: string;
+    size?: string;
+    options?: any;
+    layout?: string;
+}

package/dist/web/components/wd-region-select/wd-region.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import classNames from '../../utils/classnames';
+import { useConfig } from '../../utils/config-context';
+import { WdInputWrap, WdIcon } from '../index';
+import { WdFormItem } from '../wd-form-item';
+import { usePlatform } from '../../utils/platform';
+import { SelectPickerH5 } from './h5';
+import { Cascader, ConfigProvider } from 'tea-component';
+const FormItemMockData = {
+    classRoot: 'member',
+    labelVisible: true,
+    label: '地区选择',
+    testId: 'form-upload-file',
+    borderedPc: true,
+    borderedH5: true,
+    layout: 'horizontal',
+    // layout: 'vertical',
+};
+const mockData = [
+    {
+        label: '北京市',
+        value: 'bj',
+        children: [
+            { label: '朝阳区', value: 'cy' },
+            { label: '海淀区', value: 'hd' },
+        ],
+    },
+    {
+        label: '上海市',
+        value: 'sh',
+        children: [
+            { label: '徐汇区', value: 'xh' },
+            { label: '黄埔区', value: 'hp' },
+        ],
+    },
+    {
+        label: '广东省',
+        value: 'gd',
+        children: [
+            {
+                label: '深圳市',
+                value: 'sz',
+                children: [
+                    { label: '南山区', value: 'ns' },
+                    { label: '宝安区', value: 'ba' },
+                    { label: '福田区', value: 'ft', disabled: true },
+                ],
+            },
+        ],
+    },
+];
+export const WdRegion = ({ options }) => {
+    const { classPrefix } = useConfig();
+    const optionsData = options || mockData;
+    const compClassName = `${classPrefix}-form-region-wrap `;
+    const platform = usePlatform();
+    const isH5 = platform === 'h5'; // 响应式判定
+    const [visible, setVisible] = React.useState(false);
+    // 类名
+    const classList = [compClassName];
+    // switch (size) {
+    //   case 'sm':
+    //     classList.push(`size-height-sm size-width-sm size-font-sm `);
+    //     optionClassList.push(`size-width-sm `);
+    //     break;
+    //   case 'md':
+    //     classList.push(`size-height-md size-width-md size-font-md `);
+    //     optionClassList.push(`size-width-md `);
+    //     break;
+    //   case 'lg':
+    //     classList.push(`size-height-lg size-width-lg size-font-lg `);
+    //     optionClassList.push(`size-width-lg `);
+    //     break;
+    //   default:
+    //     classList.push(`size-height-md size-width-md size-font-md `);
+    //     classList.push(`size-width-md `);
+    // }
+    return (_jsxs(WdFormItem, { ...FormItemMockData, children: [_jsx(WdInputWrap, { className: classNames(...classList), 
+                // 移入改变after图标为【清空】icon即可<WdIcon name="td:close-circle-filled" />
+                after: _jsx(WdIcon, { name: "td:chevron-down" }), children: isH5 ? (_jsx("input", { type: "text", className: `${classPrefix}-form-region__input`, readOnly: true, placeholder: "\u8BF7\u9009\u62E9", value: '广东省 / 深圳市 / 南山区', onClick: () => {
+                        setVisible(true);
+                    } })) : (_jsx(ConfigProvider, { classPrefix: "wd", children: _jsx(Cascader, { clearable: true, type: "menu", data: optionsData, multiple: false }) })) }), _jsx(SelectPickerH5, { isShow: visible, close: () => {
+                    setVisible(false);
+                } })] }));
+};

package/dist/web/components/wd-retry/index.d.ts

@@ -0,0 +1,3 @@
+import { WdRetry } from './wd-retry';
+export { WdRetry, type WdRetryProps } from './wd-retry';
+export default WdRetry;

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

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

package/dist/web/components/wd-retry/wd-retry.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+export declare const WdRetry: () => JSX.Element;
+export interface WdRetryProps extends CommonPropsType {
+    text?: string;
+}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useConfig } from '../../utils/config-context';
+export const WdRetry = () => {
+    const { classPrefix } = useConfig();
+    return (_jsxs("div", { className: `${classPrefix}-retry ${classPrefix}-retry--center`, children: [_jsx("div", { className: `${classPrefix}-retry__text`, children: "\u52A0\u8F7D\u5931\u8D25" }), _jsx("div", { className: `${classPrefix}-retry__try`, children: "\u91CD\u8BD5" })] }));
+};

package/dist/web/components/wd-select/h5.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function SelectPickerH5({ isShow, close }: {
+    isShow?: boolean;
+    close: any;
+}): JSX.Element;

package/dist/web/components/wd-select/h5.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef } from 'react';
+import { Portal } from '../common/portal';
+import { useConfig } from '../../utils/config-context';
+import { WdIcon } from '../index';
+// import StatusContent from '../statusContent';
+const mockBasicsOptionData = [
+    { label: ' ' },
+    { label: ' ' },
+    { label: '选项1', key: 0 },
+    { label: '选项2', key: 1 },
+    { label: '选项3', key: 2 },
+    { label: ' ' },
+    { label: ' ' },
+];
+const mockOptionData = [
+    { label: '选项1', key: 0 },
+    { label: '选项2', key: 1 },
+    { label: '选项3', key: 2 },
+    { label: '选项4', key: 3 },
+    { label: '选项5(已禁用)', key: 4 },
+    { label: '选项6', key: 5 },
+];
+const type = 'radio'; // 基础下拉：basics 单选下拉radio 多选下拉 checkbox
+// const clickIndex = 1;
+export function SelectPickerH5({ isShow = true, close }) {
+    const [inputFocus, setInputFocus] = useState(false);
+    const [selectIndex, setSelectIndex] = useState(0);
+    const { classPrefix } = useConfig();
+    // 滑动监听参数
+    const optionRef = useRef();
+    const heightRef = useRef(Number('40'));
+    const optionScroll = () => {
+        // setOptionCheck(dateRef.current.children.item(0));
+        const index = Math.round(optionRef.current.children.item(0).scrollTop / heightRef.current);
+        setSelectIndex(index);
+    };
+    return isShow ? (_jsx(Portal, { type: "div", children: _jsxs("div", { className: `${classPrefix}-custom-picker`, children: [_jsx("div", { className: `${classPrefix}-custom-backdrop`, onClick: () => {
+                        close();
+                    } }), _jsxs("div", { className: `${classPrefix}-custom-picker__inner`, style: inputFocus ? { height: 'calc(100vh - 96px)' } : null, children: [['basics'].includes(type) ||
+                            (['checkbox'].includes(type) && !inputFocus) ? (_jsxs("div", { className: `${classPrefix}-custom-picker__header`, children: [_jsx("div", { className: `${classPrefix}-custom-picker__header-cancle`, children: "\u53D6\u6D88" }), _jsx("div", { className: `${classPrefix}-custom-picker__header-title` }), _jsx("div", { className: `${classPrefix}-custom-picker__header-confirm`, children: "\u786E\u8BA4" })] })) : !inputFocus ? (_jsxs("div", { className: `${classPrefix}-custom-picker__header`, children: [_jsx("div", { className: `${classPrefix}-custom-picker__header-cancle` }), _jsx("div", { className: `${classPrefix}-custom-picker__header-title` }), _jsx("div", { className: `${classPrefix}-custom-picker__header-confirm`, children: _jsx(WdIcon, { name: "td:close", size: "md" }) })] })) : (''), _jsxs("div", { className: `${classPrefix}-custom-picker__body`, children: [![type].includes('basics') && (_jsxs("div", { style: {
+                                        margin: inputFocus ? '16px 16px 8px 16px' : '0 16px 16px',
+                                    }, className: `${classPrefix}-custom-search
+          ${inputFocus ? 'is-focused' : ''}`, children: [_jsxs("div", { className: `${classPrefix}-custom-search-box`, onClick: () => {
+                                                setInputFocus(true);
+                                            }, children: [inputFocus ? (_jsx("input", { className: `${classPrefix}-input`, autoFocus: true })) : (
+                                                // 此处主要为了兼容 iOS
+                                                _jsx("div", { className: `${classPrefix}-input` })), _jsxs("div", { className: `${classPrefix}-custom-search-box__label`, children: [_jsx(WdIcon, { className: `${classPrefix}-custom-search-box__search-icon`, name: "td:search", size: "sm" }), _jsx("span", { className: `${classPrefix}-custom-search-box__search-placeholder`, children: "\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9" })] }), _jsx(WdIcon, { className: `${classPrefix}-custom-search-box__dismiss-icon`, name: "td:close-circle-filled", size: "sm" })] }), _jsx("button", { className: `${classPrefix}-custom-search__btn-cancle`, onClick: () => {
+                                                setInputFocus(false);
+                                                // setSearchValue('');
+                                            }, children: "\u53D6\u6D88" })] })), [type].includes('basics') && (_jsxs("div", { className: `${classPrefix}-custom-picker__columns ${classPrefix}-custom-picker__columns--basics `, style: {
+                                        height: inputFocus ? 'calc(100vh - 160px)' : '200px',
+                                    }, ref: optionRef, children: [_jsx("ul", { className: `${classPrefix}-custom-picker__column `, onScroll: () => {
+                                                optionScroll();
+                                            }, children: mockBasicsOptionData.map((item, index) => {
+                                                return (_jsx("li", { className: `${classPrefix}-custom-picker__column-item is-basics ${(item === null || item === void 0 ? void 0 : item.key) == selectIndex ? 'is-current' : ''}`, children: _jsx("p", { children: item.label }) }, index));
+                                            }) }), _jsx("div", { className: `${classPrefix}-custom-picker__column-mask-top` }), _jsx("div", { className: `${classPrefix}-custom-picker__column-mask-bottom` })] })), [type].includes('radio') && (_jsx("div", { className: `${classPrefix}-custom-picker__columns ${classPrefix}-custom-picker__columns--select`, style: {
+                                        height: inputFocus ? 'calc(100vh - 210px)' : '310px',
+                                    }, ref: optionRef, children: _jsx("ul", { className: `${classPrefix}-custom-picker__column`, style: {
+                                            height: inputFocus ? 'calc(100vh - 240px)' : '280px',
+                                        }, children: mockOptionData.map((item, index) => {
+                                            return (_jsx("li", { className: `${classPrefix}-custom-picker__column-item ${(item === null || item === void 0 ? void 0 : item.key) === selectIndex ? 'is-selected' : ''} ${index === Number('4') ? 'is-disabled' : ''}`, onClick: () => {
+                                                    setSelectIndex(item === null || item === void 0 ? void 0 : item.key);
+                                                }, children: _jsx("p", { children: item.label }) }, index));
+                                        }) }) })), [type].includes('checkbox') && (_jsx("div", { className: `${classPrefix}-custom-picker__columns ${classPrefix}-custom-picker__columns--select`, style: {
+                                        height: inputFocus ? 'calc(100vh - 210px)' : '310px',
+                                    }, ref: optionRef, children: _jsx("ul", { className: `${classPrefix}-custom-picker__column`, style: {
+                                            height: inputFocus ? 'calc(100vh - 240px)' : '280px',
+                                        }, children: mockOptionData.map((item, index) => {
+                                            return (_jsx("li", { className: `${classPrefix}-custom-picker__column-item ${classPrefix}-custom-picker__column-item-multiple ${(item === null || item === void 0 ? void 0 : item.key) === selectIndex ? 'is-selected' : ''} `, onClick: () => {
+                                                    setSelectIndex(item === null || item === void 0 ? void 0 : item.key);
+                                                }, children: _jsx("p", { className: `${classPrefix}-custom-picker__column-item-text-multiple`, children: item.label }) }, index));
+                                        }) }) }))] })] })] }) })) : null;
+}

package/dist/web/components/wd-select/index.d.ts

@@ -0,0 +1,3 @@
+import { WdSelect } from './wd-select';
+export { WdSelect, type WdSelectProps } from './wd-select';
+export default WdSelect;

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

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

package/dist/web/components/wd-select/wd-select.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+export declare const WdSelect: ({ size, options }: {
+    size: any;
+    options: any;
+}) => JSX.Element;
+export interface WdSelectProps extends CommonPropsType {
+    defaultValue?: string;
+    size?: string;
+    options?: any;
+    layout?: string;
+}

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

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import classNames from '../../utils/classnames';
+import { useConfig } from '../../utils/config-context';
+import { WdInputWrap, WdIcon } from '../index';
+import StatusContent from '../statusContent';
+import { usePlatform } from '../../utils/platform';
+import { SelectPickerH5 } from './h5';
+import { WdFormItem } from '../wd-form-item';
+// import { WdRetry } from '../wd-retry/index';
+import { Popover } from 'tea-component';
+const LoadingStatus = false; // 是否加载中
+const searchShow = true;
+const mockData = [
+    { label: '全选', value: '1', isAll: true },
+    { label: '选中禁用状态', value: '1', checked: true },
+    { label: '选中状态', value: '2', checked: true },
+    { label: '未选中状态', value: '3' },
+    { label: '未选中状态', value: '4' },
+    { label: '未选中状态', value: '5' },
+    { label: '选中状态', value: '6', checked: true },
+    { label: '未选中状态', value: '7' },
+];
+const FormItemMockData = {
+    classRoot: 'member',
+    labelVisible: true,
+    label: '下拉选择',
+    testId: 'form-upload-file',
+    borderedPc: true,
+    borderedH5: true,
+    layout: 'horizontal',
+    // layout: 'vertical',
+};
+export const WdSelect = ({ size, options }) => {
+    const { classPrefix } = useConfig();
+    const [visible, setVisible] = React.useState(false);
+    const optionsData = options || mockData;
+    const compClassName = `${classPrefix}-form-select-wrap `;
+    const platform = usePlatform();
+    const isH5 = platform === 'h5'; // 响应式判定
+    // 类名
+    const classList = [compClassName];
+    const optionClassList = [''];
+    switch (size) {
+        case 'sm':
+            classList.push(`size-height-sm size-width-sm size-font-sm `);
+            optionClassList.push(`size-width-sm `);
+            break;
+        case 'md':
+            classList.push(`size-height-md size-width-md size-font-md `);
+            optionClassList.push(`size-width-md `);
+            break;
+        case 'lg':
+            classList.push(`size-height-lg size-width-lg size-font-lg `);
+            optionClassList.push(`size-width-lg `);
+            break;
+        default:
+            classList.push(`size-height-md size-width-md size-font-md `);
+            optionClassList.push(`size-width-md `);
+    }
+    return (_jsx(_Fragment, { children: _jsx(WdFormItem, { ...FormItemMockData, children: isH5 ? (_jsxs("div", { children: [_jsx(WdInputWrap, { className: classNames(...classList), 
+                        // 移入改变after图标为【清空】icon即可<WdIcon name="td:close-circle-filled" />
+                        after: _jsx(WdIcon, { name: "td:chevron-right", size: "sm" }), onClick: () => {
+                            setVisible(true);
+                        }, children: _jsxs("div", { className: `${classPrefix}-form-select__tag-group `, children: [_jsxs("div", { className: `${classPrefix}-form-select__tag-item `, children: [_jsx("span", { className: `${classPrefix}-form-select__tag-text `, children: "\u6D4B\u8BD51" }), _jsx(WdIcon, { name: "td:close" })] }), _jsxs("div", { className: `${classPrefix}-form-select__tag-item `, children: [_jsx("span", { className: `${classPrefix}-form-select__tag-text `, children: "\u6D4B\u8BD51" }), _jsx(WdIcon, { name: "td:close" })] }), _jsxs("div", { className: `${classPrefix}-form-select__tag-item `, children: [_jsx("span", { className: `${classPrefix}-form-select__tag-text `, children: "\u6D4B\u8BD51" }), _jsx(WdIcon, { name: "td:close" })] }), _jsx("div", { className: `${classPrefix}-form-select__tag-item `, children: _jsx("span", { className: `${classPrefix}-form-select__tag-text `, children: "+4" }) })] }) }), _jsx(SelectPickerH5, { isShow: visible, close: () => {
+                            setVisible(false);
+                        } })] })) : (_jsx(Popover, { visible: visible, onVisibleChange: (visible) => setVisible(visible), placement: "bottom-start", trigger: "click", overlayClassName: `${classPrefix}-select-option `, overlay: _jsxs("div", { className: `${classPrefix}-form-select-option-wrap ${classNames(optionClassList)}`, children: [searchShow && (_jsx("div", { className: `${classPrefix}-form-select-search-box`, children: _jsx(WdInputWrap, { className: `${classPrefix}-form-input-wrap--no-border`, after: _jsx(WdIcon, { name: "td:search" }), children: _jsx("input", { type: "text", placeholder: "\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9" }) }) })), _jsx("div", { className: `${classPrefix}-form-select-option`, children: !(optionsData === null || optionsData === void 0 ? void 0 : optionsData.length) ? (_jsx("div", { className: `${classPrefix}-form-select-option-loading-box`, children: LoadingStatus ? (_jsx(StatusContent, { emptyText: '数据加载中,请稍候...', component: "table", icon: "loading" })) : (
+                                // <StatusContent
+                                //   emptyText={
+                                //     <p>
+                                //       数据加载失败,
+                                //       <span className={`${classPrefix}-empty-retry-text`}>
+                                //         请重试
+                                //       </span>
+                                //     </p>
+                                //   }
+                                //   component="table"
+                                //   icon="error"
+                                // />
+                                // 无搜索内容
+                                _jsx(StatusContent, { emptyText: "\u65E0\u641C\u7D22\u5185\u5BB9", component: "table", icon: "empty" })) })) : (optionsData === null || optionsData === void 0 ? void 0 : optionsData.map((item, index) => {
+                                return (_jsx("div", { className: `${classPrefix}-form-select-option-item
+                  ${(item === null || item === void 0 ? void 0 : item.checked) ? 'is-checked' : ''}`, children: _jsx("span", { className: `${classPrefix}-form-select-option-item__label`, children: (item === null || item === void 0 ? void 0 : item.label) || '' }) }, index));
+                            })) })] }), children: _jsx(WdInputWrap, { className: classNames(...classList), 
+                    // 移入改变after图标为【清空】icon即可<WdIcon name="td:close-circle-filled" />
+                    after: _jsx(WdIcon, { name: "td:chevron-down" }), children: _jsx("input", { type: "text", className: `${classPrefix}-form-select_input`, readOnly: true, placeholder: "\u8BF7\u9009\u62E9" }) }) })) }) }));
+};

package/dist/web/components/wd-switch/index.d.ts

@@ -0,0 +1,3 @@
+import { WdSwitch } from './wd-switch';
+export { WdSwitch, type WdSwitchProps } from './wd-switch';
+export default WdSwitch;

package/dist/web/components/wd-switch/wd-switch.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-switch';
+export declare const WdSwitch: React.ForwardRefExoticComponent<WdSwitchProps & React.RefAttributes<any>>;
+export interface WdSwitchProps extends CommonPropsType, DataType {
+    checked?: boolean;
+    onChange?: (val: any) => void;
+}

package/dist/web/components/wd-table/components/ExportFileModalByApi/index.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+/**
+ * 后端导出弹窗
+ */
+export declare const ExportFileModal: ({ fields, columns, isExportFileModalByApiVisible, selectedKeys, dbName, query, whereList, setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible, supportManyRelated, }: {
+    fields: any;
+    columns: any;
+    isExportFileModalByApiVisible: any;
+    selectedKeys: any;
+    dbName: any;
+    query: any;
+    whereList: any;
+    setIsExportFileModalByApiVisible: any;
+    setIsInOrOutRecordModalVisible: any;
+    supportManyRelated: any;
+}) => JSX.Element;
+/**
+ * 表格导出方法
+ */
+export declare const exportHandle: ({ selectedKeys, records, enumOptions, datasourceTitle, columnSets, fields, }: {
+    selectedKeys: any;
+    records: any;
+    enumOptions: any;
+    datasourceTitle: any;
+    columnSets: any;
+    fields: any;
+}) => void;
+/**
+ * 后端表格导出方法
+ */
+export declare const exportHandleByApi: ({ isH5, setIsExportFileModalByApiVisible, }: {
+    isH5: any;
+    setIsExportFileModalByApiVisible: any;
+}) => void;

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

@@ -1,18 +1,24 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ExportFileModalByApi } from './ExportFileModalByApi';
+import { ConfigProvider } from 'tea-component';
+import { ExportFileModalByApi as ExportFileModalByApiFromTable } from '../../../table/ExportFileModalByApi';
 import { formatDataToXlsx, filterCustomFields } from '../FieldRender';
 import { getFieldsTypeName } from '../../../../utils/tool';
 import { alertErrorMessage } from '../../../../utils/platform';
 import { exportData } from '../../../../utils/file';
-import './style';
 /**
  * 后端导出弹窗
  */
-export const ExportFileModal = ({ fields, columns, isExportFileModalByApiVisible, selectedKeys, dbName, query, whereList, setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible, }) => {
+export const ExportFileModal = ({ fields, columns, isExportFileModalByApiVisible, selectedKeys, dbName, query, whereList, setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible, supportManyRelated, }) => {
     const supportFields = [];
     columns.forEach((i) => {
         const field = fields.find((field) => field.name === i.key);
-        if (field && (i === null || i === void 0 ? void 0 : i.isExport)) {
+        if (field &&
+            (i === null || i === void 0 ? void 0 : i.isExport) &&
+            !(i === null || i === void 0 ? void 0 : i.isRelated) &&
+            (i === null || i === void 0 ? void 0 : i.format) !== 'many-many' &&
+            (i === null || i === void 0 ? void 0 : i.format) !== 'many-one' &&
+            (i === null || i === void 0 ? void 0 : i.format) !== 'one-many' &&
+            (i === null || i === void 0 ? void 0 : i.format) !== 'one-one') {
             supportFields.push(field);
         }
     });
@@ -26,9 +32,30 @@ export const ExportFileModal = ({ fields, columns, isExportFileModalByApiVisible
             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 })));
+    const relateSupportFields = columns
+        .filter((el) => {
+        const field = fields.find((i) => (i === null || i === void 0 ? void 0 : i.name) === (el === null || el === void 0 ? void 0 : el.key) && el.isRelated);
+        const format = field === null || field === void 0 ? void 0 : field.format;
+        return (el.isRelated &&
+            el.isExport &&
+            format !== 'many-many' &&
+            format !== 'one-many');
+    })
+        .map((item) => {
+        return {
+            ...item,
+            name: item === null || item === void 0 ? void 0 : item.slotKey,
+            title: item.header,
+        };
+    });
+    const getOrderField = () => {
+        const obj = (query === null || query === void 0 ? void 0 : query.orderBy[0]) || {};
+        const key = Object.keys(obj)[0] || '';
+        return key;
+    };
+    return (isExportFileModalByApiVisible && (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(ExportFileModalByApiFromTable, { whereList: whereList, fields: getFieldsTypeName(supportFields.concat(relateSupportFields)), selectedKeysList: selectedKeys, visible: isExportFileModalByApiVisible, dbName: dbName, tableColumns: columns, where: supportManyRelated ? query === null || query === void 0 ? void 0 : query.filter : query === null || query === void 0 ? void 0 : query.where, orderBy: supportManyRelated ? getOrderField() : query === null || query === void 0 ? void 0 : query.orderBy, orderType: query === null || query === void 0 ? void 0 : query.orderType, onCancel: () => {
+                setIsExportFileModalByApiVisible(false);
+            }, handleInOrOutRecordModealVisible: setIsInOrOutRecordModalVisible, supportManyRelated: supportManyRelated }) })));
 };
 /**
  * 表格导出方法
@@ -52,12 +79,7 @@ export const exportHandle = ({ selectedKeys, records, enumOptions, datasourceTit
 /**
  * 后端表格导出方法
  */
-export const exportHandleByApi = ({ isModel, isH5, setIsExportFileModalByApiVisible, }) => {
-    if (!isModel) {
-        return alertErrorMessage({
-            message: '当前表格组件绑定了APIs，暂不支持进行数据导出',
-        });
-    }
+export const exportHandleByApi = ({ isH5, setIsExportFileModalByApiVisible, }) => {
     if (isH5) {
         return alertErrorMessage({
             message: '移动端暂不支持进行数据导出',

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const EnumSelect: (props: any) => JSX.Element;
+export declare const formatEnum: (value: any, field: any, enumOptions: any) => any;
+export declare const EnumView: (props: any) => any;

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import './style';
+export declare const locationProperties: {
+    address: {
+        title: string;
+        type: string;
+        name: string;
+    };
+    longitude: {
+        title: string;
+        type: string;
+        name: string;
+        maximum: number;
+        minimum: number;
+    };
+    latitude: {
+        title: string;
+        type: string;
+        name: string;
+        maximum: number;
+        minimum: number;
+    };
+};
+declare const Location: (props: any) => JSX.Element;
+export default Location;

package/dist/web/components/wd-table/components/FieldRender/Form/style.d.ts

@@ -0,0 +1,2 @@
+import './Location.css';
+import '../../../../style';

package/dist/web/components/wd-table/components/FieldRender/ImagePreview.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ImagePreview: ({ srcList }: {
+    srcList: any;
+}) => JSX.Element;

package/dist/web/components/wd-table/components/FieldRender/QuoteModal.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * 引用类型显示弹窗
+ * @description 使用组件方式编写，避免数据流中断
+ */
+export declare const QuoteModal: ({ children, ...restProps }: {
+    [x: string]: any;
+    children: any;
+}) => JSX.Element;

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './style';
+export declare const ViewCell: ({ data, showType, relation }: {
+    data: any;
+    showType: any;
+    relation: any;
+}) => JSX.Element;

package/dist/web/components/wd-table/components/FieldRender/UserDepartment/style.d.ts

@@ -0,0 +1,2 @@
+import './viewCell.css';
+import '../../../../style';

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

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+export declare const parentIcon: ({ expanded }: {
+    expanded: any;
+}) => JSX.Element;
+export declare const roleIcon: () => JSX.Element;
+export declare const departIcon: () => JSX.Element;
+export declare const dealOrgData: (data?: any[]) => {
+    id: string;
+    content: any;
+    children: any;
+    selectable: boolean;
+    expandable: boolean;
+    icon: ({ expanded }: {
+        expanded: any;
+    }) => JSX.Element;
+    orgId: any;
+}[];
+export declare const dealRoleData: (data?: any[]) => {
+    id: any;
+    expandable: boolean;
+    selectable: boolean;
+    content: any;
+    children: any;
+    icon: ({ expanded }: {
+        expanded: any;
+    }) => JSX.Element;
+}[];
+export declare const dealUserData: (data: any[], isRole: any) => {
+    id: string;
+    expandable: boolean;
+    selectable: boolean;
+    content: any;
+    userId: any;
+    isUser: boolean;
+    icon: () => JSX.Element;
+}[];
+export declare function guidMod(bit: any): string;
+export declare const getNode: (nodes: any, id: any, key: any) => any;
+export declare const getRelationData: (relation: any) => {
+    content: any;
+    id: any;
+};