@cloudbase/weda-ui 3.5.0 → 3.5.2-mp

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

@@ -1,489 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable max-lines */
-import { useRef, useEffect, useState, useMemo, useImperativeHandle, forwardRef, memo, } from 'react';
-import { ConfigProvider } from 'tea-component';
-import { Table, ExportFileModal, ImportFileModal, InOrOutRecordModal, deleteRecord, importHandleByApi, exportHandleByApi, exportHandle, FilterFieldsPanel, ToolBar, } from './components';
-import classNames from '../../utils/classnames';
-import { useConfig } from '../../utils/config-context';
-import { DataSource } from '../../utils/datasource';
-import { CELL_CUSTOM_OPTION } from '../../utils/constant';
-import { useEnumContext } from '../../utils/hooks/context';
-import { EnumHoc } from '../../utils/hooks/EnumHoc';
-import { usePlatform, isInIde } from '../../utils/platform';
-import { convertWhere } from '../../utils/getModelParams';
-import isObjectEqual from '../../utils/isObjectEqual';
-import { useAuthFields } from './hooks/useAuthFields';
-import { useDataSourceTitle } from './hooks/useDataSource';
-import { useTableData } from './hooks/useTableData';
-import { useViewFields } from './hooks/useViewFields';
-import { useQueryParams } from './hooks/useQueryParams';
-import { getSlots, getFilterFields, getSelectedView, getSortColumns, mapTableDataWithView, } from './utils';
-import { Mock } from './mock';
-import { getTableColumns, slotRender, mapColumKey, } from './components/FieldRender';
-import Modal from '../modal';
-import { WdButton } from '../wd-button';
-import '../style';
-const _defaultPageIndex = 1;
-const _defaultPageSize = 10;
-const TableOption = memo(function TableOption({ slots, ...props }) {
-    const component = useMemo(() => {
-        // 计算单元格的值
-        return slotRender(slots[CELL_CUSTOM_OPTION], props);
-    }, [props, slots]);
-    return component;
-});
-const GlobalButton = memo(function GlobalButtonDom({ classPrefix, slots, }) {
-    return _jsx("div", { className: `${classPrefix}-global-btn`, children: slotRender(slots) });
-});
-// eslint-disable-next-line complexity
-export const WdTable = forwardRef(function TableComp({ className, style, dataSourceType, bindConnectMetadata = {
-    datasource: { id: '', name: '', title: '' },
-}, // APImock数据
-connectorMethod = { name: '', inParams: [], outParams: [], title: '' }, // API方法
-connectorParams: rawConnectorParams = {}, // API查询入参
-bindMetadata = {
-    datasource: {},
-    enabledFieldNames: [],
-    selectedViewIds: [],
-}, // 数据源+字段data对象
-filterFields, // 筛选字段
-columnSets, // 列管理，具备列排序/列勾选/列自定义渲染作用，存在时代替enabledFieldNames
-rowColor, // 行背景色
-id, // 组件id
-events, // 事件
-orderBy, // 排序字段
-orderType, // 排序方式
-fixedFront = '', // 冻结首列至本列
-fixedEnd = '', // 冻结本列至尾列
-enableCellCustomOption, // 是否显示插槽操作列
-enableGlobalButton, // 是否显示插槽全局按钮
-enablePagination = true, columnSelectType = 'select', defaultPageIndex = _defaultPageIndex, defaultPageSize = _defaultPageSize, 
-// 以下为非标准属性，config中没有
-// isOrderBy, // API是否支持排序(旧的表格有该属性)
-isMock = false, //是否mock数据
-enableRefreshBtn = true, enableTableHeightSizeBtn = true, emptyText, ...props }, ref) {
-    const where = convertWhere(props); // 查询参数
-    const { classPrefix } = useConfig();
-    const platform = usePlatform();
-    const isH5 = platform === 'h5'; // 响应式判定
-    const [tableHightSize, setTableHightSize] = useState('md');
-    const tableClassList = {
-        [`${classPrefix}-table--size-${tableHightSize}`]: !!tableHightSize,
-    };
-    // 打开移动端筛选面板
-    const [openMobileFilter, setOpenMobileFilter] = useState(false);
-    const connectorParams = rawConnectorParams && JSON.parse(JSON.stringify(rawConnectorParams));
-    // 数据源类型是否是模型
-    const isModel = dataSourceType !== 'custom-connector';
-    const { datasource, enabledFieldNames, isNewData, selectedViewIds } = isModel
-        ? bindMetadata
-        : bindConnectMetadata;
-    const { outParams } = connectorMethod;
-    const dbName = datasource === null || datasource === void 0 ? void 0 : datasource.name;
-    const dbFieldNames = isModel ? enabledFieldNames : outParams;
-    // 视图列表 列表
-    const selectedView = getSelectedView(selectedViewIds);
-    // 判断是否支持视图
-    const isViewTable = selectedView === null || selectedView === void 0 ? void 0 : selectedView.length;
-    // 是否未绑定数据源
-    const isNoDataSourceBind = !dbName && !(connectorMethod === null || connectorMethod === void 0 ? void 0 : connectorMethod.name);
-    // wrap类名
-    const wrapClassList = {
-        [`${classPrefix}-table-wrap`]: true,
-        [`${classPrefix}-${platform}-table-wrap`]: true,
-        // 响应式css api
-        [`${classPrefix}-${platform}-table`]: true,
-        [`${classPrefix}-${platform}-table-without-global-btn`]: isH5 && (!enableGlobalButton || isNoDataSourceBind),
-    };
-    // 弹窗显隐
-    const [isInOrOutRecordModalVisible, setIsInOrOutRecordModalVisible] = useState(null);
-    const [isImportFileModalByApiVisible, setIsImportFileModalByApiVisible] = useState(false);
-    const [isExportFileModalByApiVisible, setIsExportFileModalByApiVisible] = useState(false);
-    // 移动端操作按钮弹窗
-    const [isMobileOptionVisible, setIsMobileOptionVisible] = useState(false);
-    const modalRef = useRef(null);
-    const { enumOptions } = useEnumContext();
-    const dataSourceAPI = useMemo(() => new DataSource(dbName), [dbName]); // datasource 方法-模型
-    // 插槽属性
-    const slots = useMemo(() => {
-        return getSlots(props);
-    }, [props]);
-    // table选中key值
-    const [selectedKeys, setSelectedKeys] = useState([]);
-    // 行点击出参
-    const [rowData, setRowData] = useState({});
-    // 筛选条件
-    const wList = where;
-    // 搜索和分页参数
-    let initPageIndex = isModel ? defaultPageIndex : connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.pageNo;
-    let initPageSize = isModel ? defaultPageSize : connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.pageSize;
-    initPageIndex = parseInt(initPageIndex);
-    initPageSize = parseInt(initPageSize);
-    const [queryParams, setQueryParams] = useState({
-        pageIndex: initPageIndex,
-        pageSize: initPageSize,
-        sort: [],
-        searchValues: [],
-        orderBy,
-        orderType,
-    });
-    const { dataSourceName } = useDataSourceTitle(dbName, isModel);
-    // 数据源名称
-    const datasourceTitle = dataSourceName || dbName;
-    // 过滤权限字段
-    const { authFields, fieldsLoading } = useAuthFields(dbName, dbFieldNames, isNewData, isModel, connectorMethod);
-    // 视图
-    const { viewFieldsData, viewFields, viewLoading } = useViewFields({
-        selectedView,
-        selectedViewIds,
-        dbName,
-        isModel,
-        authFields,
-        isViewTable,
-    });
-    const fields = isViewTable ? viewFields : authFields;
-    // 筛选字段
-    const filterFieldsData = getFilterFields(filterFields, fields);
-    // 可排序字段
-    const sortColumns = getSortColumns({ fields, columnSets });
-    // 表格 columns
-    const [resizeColumns, setColumns] = useState([]);
-    useEffect(() => {
-        setColumns([]);
-    }, [columnSets]);
-    const columns = useMemo(() => {
-        if (isMock || (isInIde() && isNoDataSourceBind)) {
-            return Mock.columns;
-        }
-        if (fieldsLoading || isNoDataSourceBind) {
-            return [];
-        }
-        let baseColumns = getTableColumns({
-            fields,
-            columnSets,
-            slots,
-            fixedFront,
-            fixedEnd,
-            isH5,
-        });
-        // 操作列
-        if (enableCellCustomOption && !isH5) {
-            // 展示插槽操作列
-            baseColumns.push({
-                key: 'button',
-                header: '操作',
-                width: 150,
-                align: 'left',
-                fixed: 'right',
-                render: (record, rowKey, recordIndex, column, columnIndex) => (_jsx("div", { className: `${classPrefix}-pc-table-option-btn-wrap`, children: _jsx(TableOption, { slots: slots, record: record, rowKey: rowKey, recordIndex: recordIndex, column: column, columnIndex: columnIndex }) })),
-            });
-        }
-        // 选择列
-        if (columnSelectType === 'radio') {
-            baseColumns.unshift({
-                key: 'weda_radio',
-                header: '',
-                width: 48,
-                fixed: 'left',
-            });
-        }
-        else if (columnSelectType === 'select') {
-            // 插入选择项列，进行冻结
-            baseColumns.unshift({
-                key: 'weda_select',
-                header: '',
-                width: 48,
-                fixed: 'left',
-            });
-        }
-        baseColumns = baseColumns.map((i) => {
-            var _a;
-            const width = (_a = resizeColumns === null || resizeColumns === void 0 ? void 0 : resizeColumns.find((j) => i.key === j.key)) === null || _a === void 0 ? void 0 : _a.width;
-            return width ? { ...i, width } : i;
-        });
-        return baseColumns;
-    }, [
-        isMock,
-        isNoDataSourceBind,
-        fieldsLoading,
-        fields,
-        columnSets,
-        slots,
-        fixedFront,
-        fixedEnd,
-        isH5,
-        enableCellCustomOption,
-        columnSelectType,
-        classPrefix,
-        resizeColumns,
-    ]);
-    // 查询参数
-    const { query } = useQueryParams({
-        queryParams,
-        wList,
-        viewFieldsData,
-        connectorParams,
-        isModel,
-        isViewTable,
-        events,
-        columns,
-    });
-    // 查询数据
-    const { tableData, total, tableLoading, getNewList } = useTableData({
-        dataSourceAPI,
-        dbName,
-        connectorMethod,
-        query,
-        events,
-        isModel,
-        isH5,
-        isNoDataSourceBind,
-        viewFieldsData,
-        isViewTable,
-    });
-    const refreshTable = () => {
-        // 清除选中的 key
-        setSelectedKeys([]);
-        if (queryParams.pageIndex === _defaultPageIndex) {
-            getNewList();
-        }
-        else {
-            setQueryParams((queryParams) => ({ ...queryParams, pageIndex: 1 }));
-        }
-    };
-    const isTableLoading = !isNoDataSourceBind &&
-        (tableLoading ||
-            fieldsLoading ||
-            !fields.length ||
-            (viewLoading && isViewTable));
-    // 表格数据
-    const mapTableData = () => {
-        if (isMock || (isInIde() && isNoDataSourceBind)) {
-            return Mock.records;
-        }
-        // 加载过程中,pc端每次查询置空,h5端仅首页置空
-        // 避免编辑器内切换数据源时,column更改,table render还未更新造成渲染问题
-        if ((isTableLoading && !isH5) || isNoDataSourceBind) {
-            return [];
-        }
-        if (isTableLoading &&
-            isH5 &&
-            (queryParams === null || queryParams === void 0 ? void 0 : queryParams.pageIndex) === _defaultPageIndex) {
-            return [];
-        }
-        if (viewFieldsData === null || viewFieldsData === void 0 ? void 0 : viewFieldsData.selectedViewId) {
-            mapTableDataWithView(viewFieldsData, tableData);
-        }
-        return tableData;
-    };
-    const tableRecords = mapTableData();
-    // 总数
-    const beforeModalDestroy = () => {
-        // 重新加载数据
-        refreshTable();
-    };
-    // 事件属性
-    useImperativeHandle(ref, () => ({
-        deleteOne: (params) => {
-            const selectedKeys = [];
-            const { id } = params;
-            if (id) {
-                selectedKeys.push(id);
-            }
-            deleteRecord({
-                selectedKeys,
-                isModel,
-                dataSourceAPI,
-                beforeModalDestroy,
-            });
-        },
-        // 删除选中数据
-        deleteSelected: () => deleteRecord({
-            selectedKeys,
-            isModel,
-            dataSourceAPI,
-            beforeModalDestroy,
-        }),
-        // 导入
-        import: () => importHandleByApi({
-            isModel,
-            isH5,
-            setIsImportFileModalByApiVisible,
-        }),
-        // 导出
-        export: () => exportHandle({
-            selectedKeys,
-            records: tableRecords,
-            enumOptions,
-            datasourceTitle,
-            columnSets,
-            fields: fields,
-        }),
-        // 后端导出
-        exportOptionalMode: () => exportHandleByApi({ isModel, isH5, setIsExportFileModalByApiVisible }),
-        refresh: () => {
-            refreshTable();
-        },
-        // 刷新表格(查看当前页数据)
-        refreshKeepPage: () => {
-            if (isH5) {
-                // 移动端下拉分页不支持查看当前页，刷新即首页
-                refreshTable();
-            }
-            else {
-                // 清除选中的 key
-                setSelectedKeys([]);
-                getNewList();
-            }
-        },
-        // 移动端打开弹窗
-        openOperationDialog: () => {
-            if (isH5) {
-                setIsMobileOptionVisible(true);
-            }
-        },
-        // 当前页数据
-        records: tableRecords,
-        // 当前总数
-        total: total,
-        pageNo: query.pageNo,
-        pageSize: query.pageSize,
-        selectedRecords: tableRecords.filter((_) => selectedKeys.find((key) => _._id === key)),
-        dataSourceType,
-        bindMetadata,
-        columnSets,
-        defaultPageSize,
-        defaultPageIndex,
-    }), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-        columnSets,
-        datasourceTitle,
-        fields === null || fields === void 0 ? void 0 : fields.length,
-        isH5,
-        isModel,
-        selectedKeys,
-        tableRecords === null || tableRecords === void 0 ? void 0 : tableRecords.length,
-        total,
-        query.pageNo,
-        query.pageSize,
-        dataSourceType,
-        bindMetadata,
-        defaultPageSize,
-        defaultPageIndex,
-    ]);
-    // 表格更改上下文数据
-    // 移动端和自定义APIs场景不支持导入功能，监听变化存到表格上下文中
-    useEffect(() => {
-        // 表格上下文
-        if (typeof (events === null || events === void 0 ? void 0 : events.onDataChange) === 'function') {
-            const selectedRecords = tableRecords.filter((_) => selectedKeys.find((key) => _._id === key));
-            events.onDataChange({
-                data: tableRecords,
-                state: {
-                    total: total,
-                    pageNo: query.pageNo,
-                    pageSize: query.pageSize,
-                    selectedRecords,
-                    isModel,
-                    isH5,
-                },
-            });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isH5, isModel, selectedKeys, total, tableRecords === null || tableRecords === void 0 ? void 0 : tableRecords.length]);
-    useEffect(() => {
-        if (isModel) {
-            setQueryParams((queryParams) => ({
-                ...queryParams,
-                searchValues: (queryParams === null || queryParams === void 0 ? void 0 : queryParams.searchValues) || [],
-                pageIndex: defaultPageIndex,
-                pageSize: defaultPageSize,
-                orderBy: orderBy,
-                orderType: orderType,
-            }));
-        }
-        else {
-            setQueryParams(() => ({
-                pageIndex: (connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.pageNo) || _defaultPageIndex,
-                pageSize: (connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.pageSize) || _defaultPageSize,
-                orderBy: connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.orderBy,
-                orderType: connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.orderType,
-                sort: [],
-            }));
-        }
-    }, [defaultPageIndex, defaultPageSize, connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.pageSize, connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.pageNo, isModel, orderBy, orderType, connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.orderBy, connectorParams === null || connectorParams === void 0 ? void 0 : connectorParams.orderType]);
-    useEffect(() => {
-        if (isH5) {
-            setQueryParams((queryParams) => ({ ...queryParams, pageIndex: 1 }));
-        }
-        else {
-            setQueryParams((queryParams) => ({
-                ...queryParams,
-                pageSize: initPageSize,
-                pageIndex: initPageIndex,
-            }));
-        }
-        // 仅当切换小屏的时候重新请求
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isH5]);
-    const hasFilterButton = !!filterFieldsData.length;
-    const recordKey = isInIde() ? undefined : '_id';
-    // 行点击事件
-    const rowClick = (context) => {
-        if (events === null || events === void 0 ? void 0 : events.tabTableRow) {
-            events.tabTableRow({
-                record: context.record,
-                rowKey: context.rowKey,
-                recordIndex: context.recordIndex,
-            });
-        }
-        setRowData({
-            record: context.record,
-            rowKey: context.rowKey,
-            recordIndex: context.recordIndex,
-        });
-    };
-    // 选择事件
-    const onSelectChange = (keys, context) => {
-        setSelectedKeys([].concat(keys));
-        if (events === null || events === void 0 ? void 0 : events.rowsSelect) {
-            const selectValue = columnSelectType === 'radio'
-                ? context === null || context === void 0 ? void 0 : context.record
-                : context === null || context === void 0 ? void 0 : context.selectedRecords;
-            events.rowsSelect(selectValue);
-        }
-    };
-    // 查询参数改变
-    const onQueryChange = (query) => {
-        setQueryParams({ ...queryParams, ...query });
-    };
-    return (_jsx(ConfigProvider, { classPrefix: classPrefix, children: _jsx(EnumHoc, { fields: authFields, children: _jsxs("div", { className: classNames(wrapClassList, className), style: style, id: id, children: [_jsx(FilterFieldsPanel, { openMobileFilter: openMobileFilter, setOpenMobileFilter: setOpenMobileFilter, filterFields: filterFieldsData, fetchData: (searchValues = []) => {
-                            if (isObjectEqual(queryParams.searchValues, searchValues)) {
-                                getNewList();
-                            }
-                            else {
-                                setQueryParams({ ...queryParams, searchValues, pageIndex: 1 });
-                            }
-                        } }), _jsxs("div", { className: `${classPrefix}-table-container`, children: [!isH5 && !isNoDataSourceBind && (_jsxs("div", { className: `${classPrefix}-table-wrap-toolbar`, children: [enableGlobalButton && (_jsx("div", { className: `${classPrefix}-table-wrap-toolbar__col ${classPrefix}-table-wrap-toolbar__col-start`, children: _jsx(GlobalButton, { classPrefix: classPrefix, slots: slots === null || slots === void 0 ? void 0 : slots.globalButton }) })), (enableRefreshBtn || enableTableHeightSizeBtn) && (_jsx("div", { className: `${classPrefix}-table-wrap-toolbar__col ${classPrefix}-table-wrap-toolbar__col-end`, children: _jsx(ToolBar, { hasFilterButton: hasFilterButton, total: total, refreshTable: refreshTable, setTableHightSize: setTableHightSize, currentSize: tableHightSize, setOpenMobileFilter: () => {
-                                                setOpenMobileFilter(true);
-                                            }, enableRefreshBtn: enableRefreshBtn, enableTableHeightSizeBtn: enableTableHeightSizeBtn, enablePagination: enablePagination }) }))] })), isH5 &&
-                                (enablePagination ||
-                                    enableRefreshBtn ||
-                                    enableTableHeightSizeBtn ||
-                                    hasFilterButton) && (_jsx(ToolBar, { hasFilterButton: hasFilterButton, total: total, refreshTable: refreshTable, setTableHightSize: setTableHightSize, currentSize: tableHightSize, setOpenMobileFilter: () => {
-                                    setOpenMobileFilter(true);
-                                }, enableRefreshBtn: enableRefreshBtn, enableTableHeightSizeBtn: enableTableHeightSizeBtn, enablePagination: enablePagination })), _jsx(Table, { emptyText: emptyText, isH5: isH5, isNoDataSourceBind: isNoDataSourceBind, className: tableClassList, recordKey: recordKey, currentSize: tableHightSize, defaultPageIndex: defaultPageIndex, defaultPageSize: defaultPageSize, sortColumns: sortColumns, enablePagination: !isH5 && enablePagination, columnSelectType: columnSelectType, columns: columns, setColumns: setColumns, records: tableRecords, sort: queryParams.sort, selectedKeys: selectedKeys, onSelectChange: onSelectChange, isError: false, isLoading: isTableLoading, rowColor: rowColor, queryParams: queryParams, total: total, refreshTable: refreshTable, onQueryChange: onQueryChange, rowClick: rowClick }), isH5 && enableGlobalButton && !isNoDataSourceBind && (_jsx("div", { className: `${classPrefix}-h5-table-wrap-footer`, children: _jsx(GlobalButton, { classPrefix: classPrefix, slots: slots === null || slots === void 0 ? void 0 : slots.globalButton }) }))] }), _jsx(ImportFileModal, { dbName: dbName, datasourceTitle: datasourceTitle, fields: fields, setIsImportFileModalByApiVisible: setIsImportFileModalByApiVisible, isImportFileModalByApiVisible: isImportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible, refresh: () => {
-                            // 导入成功后刷新页面
-                            refreshTable();
-                        } }), _jsx(ExportFileModal, { whereList: wList, fields: fields, columns: mapColumKey(columns), isExportFileModalByApiVisible: isExportFileModalByApiVisible, selectedKeys: selectedKeys, dbName: dbName, query: query, setIsExportFileModalByApiVisible: setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible }), _jsx(InOrOutRecordModal, { dbName: dbName, isInOrOutRecordModalVisible: isInOrOutRecordModalVisible, setIsImportFileModalByApiVisible: setIsImportFileModalByApiVisible, setIsExportFileModalByApiVisible: setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible }), isH5 && (_jsx(Modal, { className: `${classPrefix}-h5-table-option-modal-wrap`, disableCloseIcon: true, title: "\u64CD\u4F5C", visible: isMobileOptionVisible, outerRef: modalRef, events: {
-                            close: () => {
-                                setIsMobileOptionVisible(false);
-                            },
-                        }, content: '', customContent: _jsx("div", { className: `${classPrefix}-h5-table-option-btn-wrap`, children: enableCellCustomOption &&
-                                slotRender(slots[CELL_CUSTOM_OPTION], rowData) }), customButton: _jsx(WdButton, { variant: "text", text: "\u53D6\u6D88", events: {
-                                tap: () => {
-                                    setIsMobileOptionVisible(false);
-                                },
-                            } }) }))] }) }) }));
-});

package/dist/web/components/wd-text/convert-legacy-props.js

@@ -1,14 +0,0 @@
-const PROPS_VALUE_MAP = {
-    level: {
-        '0': 'body-md',
-        '1': 'title-1',
-        '2': 'title-2',
-        '3': 'title-3',
-        '4': 'title-4',
-        '5': 'title-5',
-        '6': 'title-6',
-    },
-};
-export const convertLegacyProps = (key, prop) => {
-    return PROPS_VALUE_MAP[key][prop];
-};

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

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

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

@@ -1,105 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { forwardRef, useImperativeHandle } from 'react';
-import classNames from '../../utils/classnames';
-import { useConfig } from '../../utils/config-context';
-import { textToString, usePlatform } from '../../utils/platform';
-import { convertLegacyProps } from './convert-legacy-props';
-import { convertLegacyEnum } from '../../utils/tool';
-import { WD_TEXT_LEVEL, WD_TEXT_MAX_LINES } from '../../../enum';
-import '../style';
-export const WdText = forwardRef(function WdText({ className, style, id, level: _level = 'body-default', text, overflow, maxLines: _maxLines, space, tips, userSelect, events, contenteditable, onInput, onBlur, ...props }, ref) {
-    const platform = usePlatform();
-    // 兼容旧版组件的属性值
-    let level = convertLegacyProps('level', String(_level)) || _level;
-    // 枚举转换
-    level = convertLegacyEnum(level, WD_TEXT_LEVEL);
-    const maxLines = convertLegacyEnum(String(_maxLines), WD_TEXT_MAX_LINES);
-    // 样式
-    const { classPrefix } = useConfig();
-    const compClassName = `${classPrefix}-typography`;
-    const levelClass = {
-        'title-1': `${compClassName}-display-lg`,
-        'title-2': `${compClassName}-display-md`,
-        'title-3': `${compClassName}-headline-lg`,
-        'title-4': `${compClassName}-headline-sm`,
-        'title-5': `${compClassName}-title-xl`,
-        'title-6': `${compClassName}-title-lg`,
-        'body-sm': `${compClassName}-body-sm`,
-        'body-md': `${compClassName}-body-md`,
-        'body-lg': `${compClassName}-body-lg`,
-    };
-    // 响应式css api
-    const platformCss = `${classPrefix}-${platform}-typography`;
-    const classes = {
-        [compClassName]: true,
-        // size
-        [levelClass[level]]: levelClass[level],
-        // 连续字符会换行，正常英文不会强制换行
-        [`${classPrefix}-g-wrod-break`]: true,
-        // 是否可选中
-        [`${classPrefix}-g-user-select-none`]: !userSelect,
-        // 超出隐藏多少行
-        [`${classPrefix}-g-text-ellipsis-${maxLines}`]: overflow,
-        // 是否支持空格
-        [`${classPrefix}-g-white-space-pre-wrap`]: space,
-        [platformCss]: true,
-    };
-    const maxLevel = 10;
-    // 兼容旧的text组件溢出省略
-    const inlineStyle = React.useMemo(() => Number(_maxLines) > maxLevel
-        ? {
-            WebkitLineClamp: _maxLines,
-            ...style,
-        }
-        : { ...style }, [style, _maxLines]);
-    const propsStartWithOn = React.useMemo(() => {
-        return Object.keys(props).reduce((acc, cur) => {
-            if (cur.startsWith('on') || cur === 'data-testid') {
-                acc[cur] = props[cur];
-            }
-            return acc;
-        }, {});
-    }, [props]);
-    // Widget API，挂载组件只读属性和组件方法
-    useImperativeHandle(ref, () => {
-        return {
-            text,
-            level,
-            overflow,
-            maxLines,
-            space,
-            userSelect,
-            tips,
-        };
-    }, [text, level, overflow, maxLines, space, userSelect, tips]);
-    switch (level) {
-        case 'title-1':
-            return (_jsx("h1", { className: classNames(classes, className), style: inlineStyle, id: id, 
-                //@ts-expect-error contentEditable type def sucks
-                contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, title: tips ? textToString(text) : '', onClick: (e) => events.tap({}, { originEvent: e }), ...propsStartWithOn, children: textToString(text) }));
-        case 'title-2':
-            return (_jsx("h2", { className: classNames(classes, className), style: inlineStyle, id: id, 
-                //@ts-expect-error contentEditable type def sucks
-                contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, title: tips ? textToString(text) : '', onClick: (e) => events.tap({}, { originEvent: e }), ...propsStartWithOn, children: textToString(text) }));
-        case 'title-3':
-            return (_jsx("h3", { className: classNames(classes, className), style: inlineStyle, id: id, 
-                //@ts-expect-error contentEditable type def sucks
-                contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, title: tips ? textToString(text) : '', onClick: (e) => events.tap({}, { originEvent: e }), ...propsStartWithOn, children: textToString(text) }));
-        case 'title-4':
-            return (_jsx("h4", { className: classNames(classes, className), style: inlineStyle, id: id, 
-                //@ts-expect-error contentEditable type def sucks
-                contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, title: tips ? textToString(text) : '', onClick: (e) => events.tap({}, { originEvent: e }), ...propsStartWithOn, children: textToString(text) }));
-        case 'title-5':
-            return (_jsx("h5", { className: classNames(classes, className), style: inlineStyle, id: id, 
-                //@ts-expect-error contentEditable type def sucks
-                contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, title: tips ? textToString(text) : '', onClick: (e) => events.tap({}, { originEvent: e }), ...propsStartWithOn, children: textToString(text) }));
-        case 'title-6':
-            return (_jsx("h6", { className: classNames(classes, className), style: inlineStyle, id: id, 
-                //@ts-expect-error contentEditable type def sucks
-                contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, title: tips ? textToString(text) : '', onClick: (e) => events.tap({}, { originEvent: e }), ...propsStartWithOn, children: textToString(text) }));
-        default:
-            return (_jsx("p", { className: classNames(classes, className), style: inlineStyle, id: id, 
-                //@ts-expect-error contentEditable type def sucks
-                contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, title: tips ? textToString(text) : '', onClick: (e) => events.tap({}, { originEvent: e }), ...propsStartWithOn, children: textToString(text) }));
-    }
-});

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

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