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

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

@@ -0,0 +1,172 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useRef, useEffect } from 'react';
+import { Icon, Table, StatusTip, ConfigProvider } from 'tea-component';
+import { useResizeObserver } from '@react-hookz/web';
+import { useConfig } from '../../../../utils/config-context';
+import { isInIde } from '../../../../utils/platform';
+const { sortable, radioable, selectable, injectable, pageable, autotip, scrollable, } = Table.addons;
+import StatusContent from '../../../statusContent';
+import classNames from '../../../../utils/classnames';
+import { setTableHeaderStyle } from './util';
+const { LoadingTip } = StatusTip;
+const defaultTotal = 0;
+const pageIndexSpan = 1;
+const miniPageSize = 10;
+// h5 端表格高度
+const tableHeight = { sm: 500, md: 580, lg: 880 };
+const tableHeaderHeight = 51;
+// eslint-disable-next-line complexity
+export const BaseTableCom = ({ recordKey, className, columns, records, sortColumns, sort, onSelectChange, selectedKeys, rowColor, isError, isLoading, queryParams, total = defaultTotal, refreshTable, onQueryChange, enablePagination, columnSelectType, defaultPageSize, defaultPageIndex, rowClick, currentSize, isNoDataSourceBind, isH5, emptyText: _emptyText, }) => {
+    var _a;
+    const tableRef = useRef(null);
+    const { classPrefix } = useConfig();
+    // 是否展示全局loading
+    const isShowLoading = isH5
+        ? (queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageIndex) === pageIndexSpan && isLoading
+        : isLoading;
+    // table状态样式
+    const classes = {
+        [`${classPrefix}-table--status`]: isShowLoading || isError || !(records === null || records === void 0 ? void 0 : records.length),
+    };
+    // table 插件
+    const tableAddons = [
+        // 排序
+        sortable({
+            value: sort,
+            columns: sortColumns,
+            onChange: (value, context) => {
+                const sort = [context.sort];
+                if (isH5) {
+                    onQueryChange({ sort, pageIndex: 1 });
+                }
+                else {
+                    onQueryChange({ sort });
+                }
+            },
+        }),
+        // 加载、错误信息提示
+        autotip({
+            isLoading: isShowLoading,
+            isError,
+            loadingText: (_jsx(StatusContent, { emptyText: '数据加载中,请稍候...', component: "table", icon: "loading", isH5: isH5 })),
+            emptyText: (_jsx(StatusContent, { emptyText: isNoDataSourceBind ? '请绑定数据源' : _emptyText, component: "table", icon: "empty", isH5: isH5 })),
+            errorText: (_jsx(StatusContent, { emptyText: _jsxs("p", { children: ["\u6570\u636E\u52A0\u8F7D\u5931\u8D25,", _jsx("span", { className: `${classPrefix}-empty-retry-text`, onClick: () => {
+                                refreshTable();
+                            }, children: "\u8BF7\u91CD\u8BD5" })] }), component: "table", icon: "error", isH5: isH5 })),
+        }),
+        // 行背景色
+        injectable({
+            row: (props, context) => ({
+                style: {
+                    background: rowColor
+                        ? typeof rowColor === 'function'
+                            ? rowColor({ event: { detail: context }, data: props })
+                            : `${rowColor}`
+                        : undefined,
+                },
+                className: rowColor ? 'modal-table-rowcolor' : '',
+                onClick: () => {
+                    rowClick(context);
+                },
+            }),
+        }),
+    ];
+    // 支撑分页的最大高度
+    const tableDomHeight = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight;
+    // 支持表格滚动，高度超过 500 开始显示滚动条
+    if (isH5) {
+        tableAddons.push(scrollable({
+            maxHeight: tableDomHeight - tableHeaderHeight,
+            onScrollBottom: () => {
+                if (!isLoading && (records === null || records === void 0 ? void 0 : records.length) < total && isH5) {
+                    onQueryChange({ pageIndex: queryParams.pageIndex + pageIndexSpan });
+                }
+            },
+        }));
+    }
+    // 分页
+    if (enablePagination) {
+        tableAddons.push(pageable({
+            pageIndex: queryParams.pageIndex || defaultPageIndex,
+            pageSize: queryParams.pageSize || defaultPageSize,
+            recordCount: total,
+            onPagingChange: (query) => {
+                onQueryChange(query);
+            },
+        }));
+    }
+    // 行选择
+    if (columnSelectType === 'select') {
+        tableAddons.push(selectable({
+            value: selectedKeys,
+            onChange: onSelectChange,
+            render: (element, { disabled }) => disabled ? _jsx(Icon, { type: "loading" }) : element,
+            targetColumnKey: (columns === null || columns === void 0 ? void 0 : columns.length) && columnSelectType === 'select'
+                ? 'weda_select'
+                : undefined,
+        }));
+    }
+    else if (columnSelectType === 'radio') {
+        tableAddons.push(radioable({
+            value: selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0],
+            onChange: onSelectChange,
+            render: (element, { disabled }) => disabled ? _jsx(Icon, { type: "loading" }) : element,
+            targetColumnKey: (columns === null || columns === void 0 ? void 0 : columns.length) && columnSelectType === 'radio'
+                ? 'weda_radio'
+                : undefined,
+        }));
+    }
+    const showLoadingBottomTip = isLoading && (queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageIndex) !== pageIndexSpan;
+    const showAllDataBottomTip = (records === null || records === void 0 ? void 0 : records.length) === total && !isLoading && (records === null || records === void 0 ? void 0 : records.length) > miniPageSize;
+    const bottomTipCompRender = () => {
+        if (!isH5) {
+            return false;
+        }
+        if (showLoadingBottomTip) {
+            return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx("div", { className: `${classPrefix}-h5-table-loading-wrap ${classPrefix}-h5-table-loading-${currentSize}`, children: _jsx(LoadingTip, { className: "adaptation-table__loading", loadingText: '数据加载中,请稍候...' }) }) }));
+        }
+        if (showAllDataBottomTip) {
+            return (_jsx("div", { className: `${classPrefix}-h5-table-loading-wrap ${classPrefix}-h5-table-loading-${currentSize}`, children: _jsx("span", { children: "\u5DF2\u52A0\u8F7D\u5168\u90E8\u6570\u636E" }) }));
+        }
+        return false;
+    };
+    const resetPadding = () => {
+        var _a, _b;
+        // table body 滚动区域
+        const tableBodyBoxDom = (_b = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName('wd-table__body')) === null || _b === void 0 ? void 0 : _b[0];
+        if (tableBodyBoxDom) {
+            const bodyHasScroll = (tableBodyBoxDom === null || tableBodyBoxDom === void 0 ? void 0 : tableBodyBoxDom.scrollHeight) > (tableBodyBoxDom === null || tableBodyBoxDom === void 0 ? void 0 : tableBodyBoxDom.clientHeight);
+            // 如果table body存在滚动条，则设置header的padding值（目的是表头和操作列对齐）
+            setTableHeaderStyle(tableRef, bodyHasScroll);
+        }
+    };
+    useEffect(() => {
+        if (!isLoading) {
+            // table body 滚动区域
+            resetPadding();
+        }
+    }, [isLoading, currentSize]);
+    useResizeObserver(tableRef, () => {
+        if (!isLoading) {
+            // table body 滚动区域
+            resetPadding();
+        }
+    });
+    useEffect(() => {
+        var _a;
+        // 支撑分页的最大高度
+        const minPageSizeHeight = tableHeight[currentSize];
+        const tableDomHeight = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight;
+        if ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageIndex) === pageIndexSpan &&
+            tableDomHeight > minPageSizeHeight &&
+            !isLoading &&
+            isH5 &&
+            total > miniPageSize &&
+            !isInIde()) {
+            onQueryChange({ pageIndex: queryParams.pageIndex + pageIndexSpan });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [queryParams.pageIndex, currentSize, isLoading, isH5, total]);
+    return (_jsx("div", { className: `${classPrefix}-table-scroll-wrap`, children: _jsx(Table, { ref: tableRef, className: classNames(className, classes), bordered: true, recordKey: recordKey, columns: columns, records: records, addons: tableAddons, bottomTip: bottomTipCompRender() }) }));
+};
+export const BaseTable = React.memo(BaseTableCom);

package/dist/web/components/wd-table/components/Table/util.js

@@ -0,0 +1,63 @@
+let size = 0;
+export const getScrollBarSize = () => {
+    size = size || getSize();
+    return size;
+};
+const getSize = () => {
+    const outer = document.createElement('div');
+    Object.assign(outer.style, {
+        position: 'absolute',
+        top: '0px',
+        left: '0px',
+        visibility: 'hidden',
+        width: '200px',
+        height: '150px',
+        overflow: 'hidden',
+        pointerEvents: 'none',
+    });
+    const inner = document.createElement('p');
+    Object.assign(inner.style, {
+        width: '100%',
+        height: '200px',
+    });
+    outer.appendChild(inner);
+    document.body.appendChild(outer);
+    const w1 = inner.offsetWidth;
+    outer.style.overflow = 'scroll';
+    let w2 = inner.offsetWidth;
+    if (w1 === w2)
+        w2 = outer.clientWidth;
+    document.body.removeChild(outer);
+    return w1 - w2;
+};
+const tableHeight = {
+    pc: { sm: 480, md: 540, lg: 820 },
+    h5: { sm: 500, md: 580, lg: 880 },
+};
+export const getMaxHeight = ({ tableRef, platform, currentSize }) => {
+    var _a;
+    const scrollBarSize = getScrollBarSize();
+    const tableDomHeight = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight;
+    let maxHeight = tableHeight[platform][currentSize];
+    const tableHeaderHeight = 51;
+    maxHeight =
+        tableDomHeight > maxHeight
+            ? maxHeight - scrollBarSize
+            : tableDomHeight - tableHeaderHeight;
+    return maxHeight;
+};
+// 计算table header是否有padding值
+export const setTableHeaderStyle = (tableRef, bodyHasScroll) => {
+    var _a, _b, _c, _d;
+    // table header
+    const tableHeaderDom = (_b = (_a = tableRef.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName('wd-table__header')) === null || _b === void 0 ? void 0 : _b[0];
+    // table body 滚动区域
+    const tableBodyBoxDom = (_d = (_c = tableRef.current) === null || _c === void 0 ? void 0 : _c.getElementsByClassName('wd-table__body')) === null || _d === void 0 ? void 0 : _d[0];
+    if (tableBodyBoxDom && tableHeaderDom) {
+        const scrollBarSize = getScrollBarSize();
+        tableHeaderDom.style.marginRight = 0;
+        tableHeaderDom.style.paddingRight = bodyHasScroll
+            ? `${scrollBarSize}px`
+            : 0;
+    }
+};

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

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dropdown, List } from 'tea-component';
+import { useConfig } from '../../../../utils/config-context';
+import { usePlatform } from '../../../../utils/platform';
+import classNames from '../../../../utils/classnames';
+import { WdButton } from '../../../wd-button';
+const heightSize = [
+    { label: '高', value: 'lg' },
+    { label: '中', value: 'md' },
+    { label: '低', value: 'sm' },
+];
+export const ToolBar = ({ total, refreshTable, setTableHightSize, setOpenMobileFilter, hasFilterButton, currentSize, enableRefreshBtn, enableTableHeightSizeBtn, enablePagination, }) => {
+    const { classPrefix } = useConfig();
+    const isH5 = usePlatform() === 'h5'; // 响应式判定
+    const classes = {
+        [`${classPrefix}-table-mobile-header`]: isH5,
+    };
+    const changeHight = (size, close) => {
+        setTableHightSize(size);
+        close();
+    };
+    const menu = (close) => (_jsx(List, { type: "option", children: heightSize.map((i) => (_jsx(List.Item, { selected: i.value === currentSize, onClick: () => {
+                changeHight(i.value, close);
+            }, children: i.label }, i.value))) }));
+    return (_jsxs("div", { className: classNames(classes), children: [isH5 && enablePagination && (_jsxs("div", { className: `${classPrefix}-table-mobile-total ${classPrefix}-table-wrap-toolbar__col ${classPrefix}-table-wrap-toolbar__col-start`, children: ["\u5171", total, "\u9879\u6570\u636E"] })), _jsxs("div", { className: classNames(`${classPrefix}-space`, !isH5 && `${classPrefix}-bottom-btn-space`, isH5 && `${classPrefix}-table-wrap-toolbar__col`, isH5 && `${classPrefix}-table-wrap-toolbar__col-end`), children: [isH5 && hasFilterButton && (_jsx("div", { className: `${classPrefix}-space-item`, children: _jsx(WdButton, { iconType: "icon-only", theme: "secondary", icon: "td:filter", events: {
+                                tap: () => {
+                                    setOpenMobileFilter();
+                                },
+                            } }) })), enableRefreshBtn && (_jsx("div", { className: `${classPrefix}-space-item`, children: _jsx(WdButton, { iconType: "icon-only", theme: "secondary", icon: "td:refresh", events: {
+                                tap: () => {
+                                    refreshTable();
+                                },
+                            } }) })), enableTableHeightSizeBtn && (_jsx("div", { className: `${classPrefix}-space-item`, children: _jsx(Dropdown, { placement: "bottom-end", clickClose: false, button: _jsx(WdButton, { iconType: "icon-only", theme: "secondary", icon: "td:checkRowHight" }), appearance: "pure", children: menu }) }))] })] }));
+};

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

@@ -0,0 +1,40 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Modal, message } from 'tea-component';
+import { alertErrorMessage } from '../../../utils/platform';
+// 删除数据事件
+export const deleteRecord = ({ selectedKeys, isModel, dataSourceAPI, beforeModalDestroy, }) => {
+    if (!isModel) {
+        return alertErrorMessage({
+            message: '当前表格组件绑定了APIs，暂不支持进行数据删除',
+        });
+    }
+    if (!(selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length)) {
+        alertErrorMessage({ message: '请选择需要删除的记录' });
+        return;
+    }
+    const msg = 
+    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+    (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) > 1 ? '确认删除选定的条目？' : '确认删除此条目？';
+    const modal = Modal.show({
+        className: 'modal-table-delete',
+        caption: '操作确认',
+        onClose: () => modal.destroy(),
+        children: (_jsxs(_Fragment, { children: [_jsx("div", { children: msg }), _jsx(Modal.Footer, { children: _jsx(Button, { type: "primary", onClick: async () => {
+                            try {
+                                modal.destroy();
+                                message.loading({
+                                    content: '删除数据中',
+                                });
+                                await dataSourceAPI.batchDeleteRecord(selectedKeys);
+                                beforeModalDestroy();
+                                message.success({ content: '删除数据成功' });
+                            }
+                            catch (error) {
+                                console.error('删除', error);
+                                alertErrorMessage({
+                                    message: `删除数据失败: ${error.message}`,
+                                });
+                            }
+                        }, children: "\u786E\u8BA4" }) })] })),
+    });
+};

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

@@ -0,0 +1,10 @@
+import { Pagination } from './Pagination';
+import { BaseTable as Table } from './Table';
+import { SearchBox } from './SearchBox';
+import { ExportFileModal, exportHandle, exportHandleByApi, } from './ExportFileModalByApi';
+import { ImportFileModal, importHandleByApi } from './ImportFileModalByApi';
+import { InOrOutRecordModal } from './InOrOutRecordModal';
+import { deleteRecord } from './deleteModal';
+import { FilterFieldsPanel } from './FilterFieldsPanel';
+import { ToolBar } from './ToolBar';
+export { Pagination, Table, SearchBox, ExportFileModal, ImportFileModal, InOrOutRecordModal, deleteRecord, importHandleByApi, exportHandle, exportHandleByApi, FilterFieldsPanel, ToolBar, };

package/dist/web/components/wd-table/hooks/useAuthFields.js

@@ -0,0 +1,13 @@
+import useSWR from 'swr';
+import { getAuthFields } from '../../../utils/datasource';
+export const useAuthFields = (dbName, dbFieldNames, isNewData, isModel, connectorMethod) => {
+    const { data, error } = useSWR([isModel, dbName, connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name], async () => {
+        const { showFields } = await getAuthFields(dbName, dbFieldNames, true, !!isNewData, isModel, connectorMethod);
+        return showFields;
+    });
+    return {
+        authFields: data || [],
+        isError: error,
+        fieldsLoading: !error && !data,
+    };
+};

package/dist/web/components/wd-table/hooks/useChooseList.js

@@ -0,0 +1,72 @@
+import { useState, useEffect } from 'react';
+const defaultPage = 1;
+const getDataBase = (format, fields) => {
+    const filter = fields.filter((item) => (item === null || item === void 0 ? void 0 : item.format) === format);
+    const data = filter === null || filter === void 0 ? void 0 : filter.map((item) => {
+        var _a, _b, _c;
+        const childDbName = (_a = item['x-parent']) === null || _a === void 0 ? void 0 : _a.parentDataSourceName;
+        const primaryColumn = (_c = (_b = item.parentDatasource) === null || _b === void 0 ? void 0 : _b.schema) === null || _c === void 0 ? void 0 : _c['x-primary-column'];
+        const childItem = {
+            childDbName,
+            primaryColumn,
+        };
+        return childItem;
+    });
+    return data;
+};
+export const getDataBaseInfo = (fields, format, childDbName) => {
+    var _a;
+    const FORMAT_FATHER_SON = 'father-son';
+    const FORMAT_RELATED = 'related';
+    const fatherSon = getDataBase(FORMAT_FATHER_SON, fields);
+    const related = getDataBase(FORMAT_RELATED, fields);
+    const dsList = [
+        {
+            format: FORMAT_FATHER_SON,
+            list: fatherSon,
+        },
+        {
+            format: FORMAT_RELATED,
+            list: related,
+        },
+    ];
+    const dataBase = (_a = dsList === null || dsList === void 0 ? void 0 : dsList.find((child) => child.format === format)) === null || _a === void 0 ? void 0 : _a.list.find((item) => item.childDbName === childDbName);
+    return dataBase;
+};
+export const mapResult = (data, primaryColumn) => {
+    var _a, _b;
+    return (_b = (_a = data === null || data === void 0 ? void 0 : data.records) === null || _a === void 0 ? void 0 : _a.filter((item) => primaryColumn in item)) === null || _b === void 0 ? void 0 : _b.map((childItem) => ({
+        value: childItem._id,
+        text: childItem[primaryColumn].length === 0
+            ? childItem._id
+            : childItem[primaryColumn],
+    }));
+};
+export const useChooseList = ({ dataSourceAPI, queryParams, childDbName, primaryColumn, }) => {
+    const [option, setOption] = useState([]);
+    const [total, setTotal] = useState(0);
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        async function fetchData() {
+            setLoading(true);
+            const result = await dataSourceAPI.getRecordList(queryParams, childDbName);
+            let optionRes = mapResult(result, primaryColumn);
+            if ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageNo) > defaultPage) {
+                optionRes = [...option, ...optionRes];
+            }
+            setOption(optionRes);
+            setTotal(result === null || result === void 0 ? void 0 : result.total);
+            setLoading(false);
+        }
+        fetchData();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [childDbName, queryParams]);
+    return {
+        result: option || [],
+        total: total,
+        isValidating: loading,
+        empty: () => {
+            setOption([]);
+        },
+    };
+};

package/dist/web/components/wd-table/hooks/useDataSource.js

@@ -0,0 +1,5 @@
+import { useDataSource } from '../../../utils/hooks/useDataSource';
+export const useDataSourceTitle = (dbName, isModel) => {
+    const { data } = useDataSource(dbName, isModel);
+    return { dataSourceName: (data === null || data === void 0 ? void 0 : data.title) || '' };
+};

package/dist/web/components/wd-table/hooks/useQueryParams.js

@@ -0,0 +1,41 @@
+import { useEffect, useRef, useState } from 'react';
+import { getQueryParams } from '../utils';
+import isObjectEqual from '../../../utils/isObjectEqual';
+// const defaultCount = 1;
+export const useQueryParams = ({ queryParams, wList, viewFieldsData, connectorParams, isModel, isViewTable, events, }) => {
+    const queryRef = useRef({});
+    const [query, setQuery] = useState(() => {
+        return getQueryParams({
+            queryParams,
+            wList,
+            viewFieldsData,
+            connectorParams,
+            isModel,
+            isViewTable,
+        });
+    });
+    useEffect(() => {
+        // 查询参数
+        const query = getQueryParams({
+            queryParams,
+            wList,
+            viewFieldsData,
+            connectorParams,
+            isModel,
+            isViewTable,
+        });
+        if (!isObjectEqual(queryRef.current, query)) {
+            queryRef.current = query;
+            setQuery(query);
+        }
+    }, [
+        connectorParams,
+        events,
+        isModel,
+        isViewTable,
+        queryParams,
+        viewFieldsData,
+        wList,
+    ]);
+    return { query };
+};

package/dist/web/components/wd-table/hooks/useTableData.js

@@ -0,0 +1,48 @@
+import { useEffect, useCallback, useState } from 'react';
+import { getPrimaryField } from '../../../utils/datasource';
+const defaultPageNo = 1;
+export const useTableData = ({ dataSourceAPI, connectorMethod, query, events, isModel, dbName, isH5, isNoDataSourceBind, }) => {
+    const [total, setTotal] = useState(0);
+    const [tableLoading, setTableLoading] = useState(true);
+    const [tableData, setTableData] = useState([]);
+    const fetch = useCallback(async () => {
+        var _a;
+        if (isNoDataSourceBind) {
+            return;
+        }
+        let data = { records: [], total: 0 };
+        setTableLoading(true);
+        if (isModel) {
+            data = await dataSourceAPI.getRecordList(query);
+            data.records =
+                ((_a = data.records) === null || _a === void 0 ? void 0 : _a.map((item) => {
+                    const temp = getPrimaryField(item);
+                    return { ...temp };
+                })) || [];
+        }
+        else if (connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name) {
+            data = await dataSourceAPI.getConnect(connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name, query);
+        }
+        setTotal(data.total);
+        if (isH5 && query.pageNo !== defaultPageNo) {
+            setTableData((tableData) => [...tableData, ...data.records]);
+        }
+        else {
+            setTableData(data.records);
+        }
+        events === null || events === void 0 ? void 0 : events.querySuccess({
+            data: Object.assign({}, data, query),
+        });
+        setTableLoading(false);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [dbName, isModel, connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name, query, isNoDataSourceBind]);
+    useEffect(() => {
+        fetch();
+    }, [fetch]);
+    return {
+        tableData: tableData,
+        total,
+        tableLoading,
+        getNewList: fetch,
+    };
+};

package/dist/web/components/wd-table/hooks/useViewFields.js

@@ -0,0 +1,20 @@
+import useSWR from 'swr';
+import { getViews } from '../utils';
+export const useViewFields = ({ selectedView, selectedViewIds, dbName, isModel, authFields, isViewTable, }) => {
+    const { data, error } = useSWR([dbName, selectedViewIds], async () => {
+        if (!isModel || !dbName || !isViewTable)
+            return;
+        const result = await getViews(dbName, selectedView);
+        return result;
+    });
+    return {
+        viewFieldsData: data || {
+            viewList: [],
+            fields: authFields,
+            selectedViewId: '',
+        },
+        viewFields: (data === null || data === void 0 ? void 0 : data.fields) || authFields,
+        isError: error,
+        loading: !error && !data,
+    };
+};