@cloudbase/weda-ui 3.24.1 → 3.25.1

package/dist/web/components/wd-config-provider/wd-config-provider.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { WdConfigContext } from './wd-config-context';
-const configStore = {};
+import { useMemo } from 'react';
+import { WdConfigContext, DEFAULT_CLASS_PREFIX, DEFAULT_LOCALE } from './wd-config-context';
+const configStore = { classPrefix: DEFAULT_CLASS_PREFIX, locale: DEFAULT_LOCALE };
 export function ConfigProvider({ children, ...configProps }) {
-    useEffect(() => {
-        Object.assign(configStore, { ...configProps, ...configStore });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [configProps.classPrefix]);
     // props 优先级高于全局配置
-    const config = Object.assign({}, configStore, configProps);
-    return (_jsx(WdConfigContext.Provider, { value: config, children: children }));
+    const config = useMemo(() => {
+        // 合并全局配置和组件props，props优先级更高
+        return { ...configStore, ...configProps };
+    }, [configProps]); // 依赖项为 configProps
+    return _jsx(WdConfigContext.Provider, { value: config, children: children });
 }

package/dist/web/components/wd-form/hoc/form-container-decorator.js

@@ -15,7 +15,7 @@ import { useFormFieldObj } from '../contexts/form-field-obj-context';
  */
 export function withFormContainer(Component) {
     const WithFormContainer = React.forwardRef((props, ref) => {
-        var _a, _b;
+        var _a;
         const { ...componentProps } = props;
         const formField = useFormField();
         const formFieldObjsContext = useFormFieldObj();
@@ -54,7 +54,7 @@ export function withFormContainer(Component) {
         // 顶层没有表单容器，则组件自己管理值
         // 非table组件，直接渲染原始组件，值交给顶层表单容器管理
         // 在表单容器内，table组件，如果结合嵌套组件使用，则将组件值交给顶层表单容器管理，否则自己管理
-        const shouldUseProvider = formField ? !formFieldObjsContext && ((_b = props === null || props === void 0 ? void 0 : props.id) === null || _b === void 0 ? void 0 : _b.includes('table')) : true;
+        const shouldUseProvider = formField ? !formFieldObjsContext && (props === null || props === void 0 ? void 0 : props.componentType) === 'table' : true;
         if (!shouldUseProvider) {
             return _jsx(Component, { ...props, ref: ref, isInformContainer: true });
         }

package/dist/web/components/wd-form/hooks/use-remote-value.js

@@ -226,7 +226,7 @@ export function useRemoteParamsFromValue({ dataSourceProfile, formData, formType
             const format = (_c = (_b = (_a = dataSourceProfile.schema) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b[cur]) === null || _c === void 0 ? void 0 : _c.format;
             acc[cur] = formData[cur];
             if (SINGLE_SELECT_FORMATS.includes(format)) {
-                acc[cur] = { _id: formData[cur] || '' };
+                acc[cur] = { _id: formData[cur] };
             }
             if (MULTI_SELECT_FORMATS.includes(format)) {
                 acc[cur] = (_d = acc[cur]) === null || _d === void 0 ? void 0 : _d.map((_id) => ({ _id }));

package/dist/web/components/wd-form-item/wd-form-item.js

@@ -17,24 +17,21 @@ const Label = React.memo(function Label({ labelCls, labelStyle, itemWrap, inputI
 const Item = React.memo(function Item({ itemWrap, testId, controlWrapCls, readOnly, before, after, readValue, readBeforeAfter, format, value, children, }) {
     return (_jsx("div", { className: `${itemWrap}__control`, "data-testid": testId, children: _jsx("div", { className: controlWrapCls, children: _jsx(WdFormItemReadOnly, { readOnly: readOnly, readValue: readValue, version: "wd", before: before, after: after, readBeforeAfter: readBeforeAfter, format: format, value: value, children: children }) }) }));
 });
-const LabelContainer = React.memo(function LabelContainer(props) {
-    const { mode, labelProps, itemProps, children } = props || {};
+const LabelContainerComp = React.memo(function LabelContainer(props) {
+    const { isH5, isRoot, labelVisible, mode, labelProps, itemProps, children } = props || {};
     const cardRef = React.createRef();
     const [iconName, setIconName] = useState('chevronup');
     const headerSlot = (_jsxs(_Fragment, { children: [_jsx(WdIcon, { name: iconName, events: {
                     tap: () => {
                         setIconName(iconName === 'chevrondown' ? 'chevronup' : 'chevrondown');
                     },
-                } }), _jsx(Label, { ...labelProps })] }));
-    if (mode === 'custom' || mode === 'table') {
-        return _jsx(Item, { ...itemProps, children: children });
+                } }), (labelVisible || (!isH5 && isRoot)) && _jsx(Label, { ...labelProps })] }));
+    const showLabel = isRoot && labelVisible;
+    if (mode === 'custom' || mode === 'table' || mode === 'web-table') {
+        return (_jsxs(_Fragment, { children: [showLabel && _jsx(Label, { ...labelProps }), _jsx(Item, { ...itemProps, children: children }), ' '] }));
     }
     const contentSlot = _jsx(Item, { ...itemProps, children: children });
-    return (_jsx(WdCard, { ref: cardRef, className: iconName === 'chevrondown' ? 'wd-card-content__hidden' : '', showContent: true, headerSlot: headerSlot, contentSlot: contentSlot, events: { tap: () => { } } }));
-});
-const LabelContainerComp = React.memo(function LabelContainerComp({ isRoot, isH5, mode, labelProps, itemProps, children, }) {
-    const showLabel = isRoot && !isH5;
-    return (_jsxs(_Fragment, { children: [showLabel && _jsx(Label, { ...labelProps }), _jsx(LabelContainer, { isRoot: isRoot, labelProps: labelProps, itemProps: itemProps, mode: mode, children: children })] }));
+    return (_jsxs(_Fragment, { children: [showLabel && !isH5 && _jsx(Label, { ...labelProps }), ' ', _jsx(WdCard, { ref: cardRef, className: iconName === 'chevrondown' ? 'wd-card-content__hidden' : '', showContent: true, headerSlot: headerSlot, contentSlot: contentSlot, events: { tap: () => { } } })] }));
 });
 /**
  * 表单项包裹，包括标题、文本提示、校验
@@ -152,5 +149,6 @@ export const WdFormItem = React.memo(function WdFormItem(props) {
     };
     if (!visible)
         return null;
-    return (_jsxs("div", { className: cls, id: isRoot ? id : null, style: style, children: [_jsx("div", { className: itemWrap, children: hasLabelContainer ? (_jsx(LabelContainerComp, { isRoot: isRoot, isH5: isH5, mode: props === null || props === void 0 ? void 0 : props.mode, labelProps: labelProps, itemProps: itemProps, children: children })) : (_jsxs(_Fragment, { children: [labelVisible && _jsx(Label, { ...labelProps }), _jsx(Item, { ...itemProps, children: children })] })) }), Message, Help] }));
+    const labelClass = classNames({ [`${itemWrap}`]: true, [`${itemWrap}__vertical`]: hasLabelContainer && isH5 });
+    return (_jsxs("div", { className: cls, id: isRoot ? id : null, style: style, children: [_jsx("div", { className: labelClass, children: hasLabelContainer ? (_jsx(LabelContainerComp, { isRoot: isRoot, isH5: isH5, mode: props === null || props === void 0 ? void 0 : props.mode, labelProps: labelProps, itemProps: itemProps, labelVisible: labelVisible, children: children })) : (_jsxs(_Fragment, { children: [labelVisible && _jsx(Label, { ...labelProps }), _jsx(Item, { ...itemProps, children: children })] })) }), Message, Help] }));
 });

package/dist/web/components/wd-image/ImagePreview.js

@@ -95,7 +95,11 @@ export const ImagePreview = (props) => {
             setCurrentImg(previewImageList[index]);
         });
     }, [children, index, previewImageList, setCurrentImg]);
-    return (_jsxs(_Fragment, { children: [child, visible && (_jsx(Portal, { type: "div", portalContainer: portalContainer, children: _jsx("div", { "data-testid": "portal-container", style: { zIndex: 1010, position: 'relative' }, className: `${classPrefix}-image-preview-container`, children: _jsxs("div", { className: `${classPrefix}-image-mask`, onClick: onMaskClick, children: [_jsx("div", { onClick: (e) => {
+    return (_jsxs(_Fragment, { children: [child, visible && (_jsx(Portal, { type: "div", portalContainer: portalContainer, children: _jsx("div", { "data-testid": "portal-container", style: { zIndex: 1010, position: 'relative' }, className: `${classPrefix}-image-preview-container`, children: _jsxs("div", { className: `${classPrefix}-image-mask`, onDoubleClick: (e) => {
+                            e.stopPropagation();
+                        }, onClick: onMaskClick, children: [_jsx("div", { onDoubleClick: (e) => {
+                                    e.stopPropagation();
+                                }, onClick: (e) => {
                                     if (isStopPropagation) {
                                         e.stopPropagation();
                                     }

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

@@ -26,5 +26,5 @@ export const WdRichText = forwardRef(function WdRichText(props, ref) {
     };
     if (!visible)
         return null;
-    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(RichText, { placeholder: true, events: events, acceptTypes: acceptTypes, maxSize: maxSize, readOnly: readOnly, disabled: disabled, value: value, decorator: null, onChange: onChange, id: props.id, storageType: storageType }) }));
+    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(RichText, { events: events, acceptTypes: acceptTypes, maxSize: maxSize, readOnly: readOnly, disabled: disabled, value: value, decorator: null, onChange: onChange, id: props.id, storageType: storageType }) }));
 });

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React, { forwardRef, useMemo, useState } from 'react';
 import { useDeepCompareEffect } from '@react-hookz/web';
 import { Table } from './components';
 // eslint-disable-next-line tree-shaking/no-side-effects-in-initialization
@@ -7,26 +7,40 @@ import { withFormContainer } from '../wd-form/hoc/form-container-decorator';
 import { useFormField } from '../wd-form/contexts/form-field-context';
 import { useFormFieldObj } from '../wd-form/contexts/form-field-obj-context';
 import { useSetWidgetApi } from '../../utils/widget-api/use-set-widget-api';
-export const TableWithForm = withFormContainer(forwardRef(function TableComp(tableProps, ref) {
+import isObjectEqual from '../../utils/isObjectEqual';
+export const TableWithForm = withFormContainer(React.memo(forwardRef(function TableComp(tableProps, ref) {
+    var _a, _b;
     const { records = [] } = tableProps;
     const formField = useFormField();
-    const { formFieldsValue = [], setFieldValue, setFormFieldsValue } = formField || {};
+    const { formFieldsValue = [], setFieldValue, setFormFieldsValue, getFieldValue } = formField || {};
     const formFieldObjsContext = useFormFieldObj();
+    const [columns, setColumns] = useState(tableProps.columns);
+    const isEditorMode = (_b = (_a = window.$w) === null || _a === void 0 ? void 0 : _a.wedaContext) === null || _b === void 0 ? void 0 : _b.isEditorMode;
+    const parentNamePath = tableProps.isInformContainer && (formFieldObjsContext === null || formFieldObjsContext === void 0 ? void 0 : formFieldObjsContext.isChildField) ? formFieldObjsContext === null || formFieldObjsContext === void 0 ? void 0 : formFieldObjsContext.namePath : null;
+    const tableValue = useMemo(() => {
+        return parentNamePath && getFieldValue ? getFieldValue({ namePath: parentNamePath }) : formFieldsValue;
+    }, [formFieldsValue, getFieldValue, parentNamePath]);
     useDeepCompareEffect(() => {
+        if (!isObjectEqual(tableProps.columns, columns, true)) {
+            setColumns(tableProps.columns);
+        }
+    }, [tableProps.columns]);
+    useDeepCompareEffect(() => {
+        // records变化时，同步更新value
         const value = [...records];
-        if (tableProps.isInformContainer) {
-            if (setFieldValue) {
-                // 在表单容器内，表格作为子表单，结合嵌套组件使用，通过顶层表单容器实现值管理
-                const parentNamePath = (formFieldObjsContext === null || formFieldObjsContext === void 0 ? void 0 : formFieldObjsContext.isChildField) ? formFieldObjsContext === null || formFieldObjsContext === void 0 ? void 0 : formFieldObjsContext.namePath : [];
-                setFieldValue({ namePath: parentNamePath, value });
-            }
+        const parentNamePath = tableProps.isInformContainer && (formFieldObjsContext === null || formFieldObjsContext === void 0 ? void 0 : formFieldObjsContext.isChildField) ? formFieldObjsContext === null || formFieldObjsContext === void 0 ? void 0 : formFieldObjsContext.namePath : null;
+        if (setFieldValue && parentNamePath && !isObjectEqual(tableValue, value)) {
+            // 情况1: 在表单容器内且是子字段，通过父路径设置值
+            setFieldValue({ namePath: parentNamePath, value });
         }
-        else if (setFormFieldsValue) {
+        else if (setFormFieldsValue && !isObjectEqual(tableValue, value)) {
+            // 情况2: 不在表单容器内，或者是表单容器但非子字段，直接设置表单值
             setFormFieldsValue(value);
         }
     }, [formFieldObjsContext === null || formFieldObjsContext === void 0 ? void 0 : formFieldObjsContext.namePath, records, tableProps.isInformContainer, formFieldObjsContext === null || formFieldObjsContext === void 0 ? void 0 : formFieldObjsContext.isChildField]);
     useSetWidgetApi(() => ({
-        value: formFieldsValue,
-    }), [formFieldsValue], ref);
-    return _jsx(Table, { ...tableProps });
-}));
+        value: tableValue,
+    }), [tableValue], ref);
+    // 非编辑模式缓存columns
+    return _jsx(Table, { ...tableProps, columns: isEditorMode ? tableProps.columns : columns });
+})));

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

@@ -75,7 +75,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
     isSupportMultipleSort = false, // 是否支持多字段排序
     sorter, // 排序规则
     __innerSlot, enableRelationTag = true, // 关联关系字段是否开启关联标签
-    enableBottomTipSlot = false, row__bottom__slot, ...props } = tableProps;
+    enableBottomTipSlot = false, row__bottom__slot, rowDisabled, ...props } = tableProps;
     const wList = convertWhere(props, supportManyRelated); // 查询参数
     const { classPrefix } = useConfig();
     const platform = usePlatform();
@@ -552,7 +552,16 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
         },
         // 设置选中项
         setSelectedKeys: (params) => {
-            setSelectedKeys(params.selectedKeys);
+            var _a, _b;
+            if (!(params === null || params === void 0 ? void 0 : params.selectedKeys) || params.selectedKeys.length === 0) {
+                onSelectChange([], {}, true);
+                return;
+            }
+            const recordsMap = new Map(dataRef.current.tableRecords.map((item) => [item[recordKey], item]));
+            const records = (_b = (_a = params === null || params === void 0 ? void 0 : params.selectedKeys) === null || _a === void 0 ? void 0 : _a.map((key) => recordsMap.get(key))) === null || _b === void 0 ? void 0 : _b.filter(Boolean);
+            const context = { record: records, selectedRecords: records };
+            const validSelectedKeys = (records === null || records === void 0 ? void 0 : records.map((record) => record[recordKey])) || [];
+            onSelectChange(validSelectedKeys, context, false);
         },
         // 当前页数据
         records: isExpression && !enableTotal && enablePagination
@@ -682,6 +691,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
     const onSelectChange = (keys, context, empty = false) => {
         if (empty) {
             setSelectedKeys([]);
+            setSelectedRecords([]);
             return;
         }
         setSelectedKeys([].concat(keys));
@@ -728,7 +738,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
                 pageIndex: 1,
             }));
         }
-        events === null || events === void 0 ? void 0 : events.onFilterChange({ searchValues });
+        events === null || events === void 0 ? void 0 : events.onFilterChange({ searchValues, filterConfig });
     };
     const errorStatus = isError || fieldsError;
     const errorMsg = isError ? errorObj : fieldsError;
@@ -737,7 +747,7 @@ export const WdTable = forwardRef(function TableComp(tableProps, ref) {
                                                 setOpenMobileFilter(true);
                                             }, enableRefreshBtn: enableRefreshBtn, enableTableHeightSizeBtn: enableTableHeightSizeBtn, enablePagination: enablePagination }) }))] })), isH5 && (enablePagination || enableRefreshBtn || enableTableHeightSizeBtn || hasFilterButton) && (_jsx(ToolBar, { hasFilterButton: hasFilterButton, total: total, refreshTable: onRefreshBtnClick, setTableHightSize: setTableHightSize, currentSize: tableHightSize, setOpenMobileFilter: () => {
                                     setOpenMobileFilter(true);
-                                }, enableRefreshBtn: enableRefreshBtn, enableTableHeightSizeBtn: enableTableHeightSizeBtn, enablePagination: enablePagination })), _jsx(TableWithForm, { ref: ref, events: events, emptyText: emptyText, isH5: isH5, isNoDataSourceBind: isNoDataSourceBind, className: tableClassList, recordKey: recordKey, currentSize: tableHightSize, defaultPageIndex: defaultPageIndex, defaultPageSize: defaultPageSize, sortColumns: sortColumns, enablePagination: !isH5 && enablePagination, columnSelectType: columnSelectType, columns: visibleColumns, setColumns: setColumns, records: tableRecords, sort: queryParams.sort, selectedKeys: selectedKeys, onSelectChange: onSelectChange, isLoading: isTableLoading, rowColor: rowColor, queryParams: queryParams, total: total, onQueryChange: onQueryChange, rowClick: rowClick, cellClick: cellClick, isError: errorStatus, errorObj: errorMsg, __innerSlot: __innerSlot, bottomTip: row__bottom__slot, enableBottomTipSlot: enableBottomTipSlot }), 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, { columnSets: columnSets, dbName: dbName, datasourceTitle: datasourceTitle, fields: fields, setIsImportFileModalByApiVisible: setIsImportFileModalByApiVisible, isImportFileModalByApiVisible: isImportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible, refresh: refreshTable, supportManyRelated: supportManyRelated }), _jsx(ExportFileModal, { whereList: wList, fields: fields, columns: mapColumKey(columns), isExportFileModalByApiVisible: isExportFileModalByApiVisible, selectedKeys: selectedKeys, dbName: dbName, query: query, setIsExportFileModalByApiVisible: setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible, supportManyRelated: supportManyRelated }), _jsx(InOrOutRecordModal, { dbName: dbName, isInOrOutRecordModalVisible: isInOrOutRecordModalVisible, setIsImportFileModalByApiVisible: setIsImportFileModalByApiVisible, setIsExportFileModalByApiVisible: setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible }), isH5 && (_jsx(Modal, { overlayClassName: `${classPrefix}-h5-table-overlay`, className: `${classPrefix}-h5-table-option-modal-wrap`, disableCloseIcon: true, title: "\u64CD\u4F5C", visible: isMobileOptionVisible, outerRef: modalRef, events: {
+                                }, enableRefreshBtn: enableRefreshBtn, enableTableHeightSizeBtn: enableTableHeightSizeBtn, enablePagination: enablePagination })), _jsx(TableWithForm, { ref: ref, events: events, emptyText: emptyText, isH5: isH5, isNoDataSourceBind: isNoDataSourceBind, className: tableClassList, recordKey: recordKey, currentSize: tableHightSize, defaultPageIndex: defaultPageIndex, defaultPageSize: defaultPageSize, sortColumns: sortColumns, enablePagination: !isH5 && enablePagination, columnSelectType: columnSelectType, columns: visibleColumns, setColumns: setColumns, records: tableRecords, sort: queryParams.sort, selectedKeys: selectedKeys, onSelectChange: onSelectChange, isLoading: isTableLoading, rowColor: rowColor, queryParams: queryParams, total: total, onQueryChange: onQueryChange, rowClick: rowClick, cellClick: cellClick, isError: errorStatus, errorObj: errorMsg, __innerSlot: __innerSlot, bottomTip: row__bottom__slot, enableBottomTipSlot: enableBottomTipSlot, componentType: "table", rowDisabled: rowDisabled }), 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, { columnSets: columnSets, dbName: dbName, datasourceTitle: datasourceTitle, fields: fields, setIsImportFileModalByApiVisible: setIsImportFileModalByApiVisible, isImportFileModalByApiVisible: isImportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible, refresh: refreshTable, supportManyRelated: supportManyRelated }), _jsx(ExportFileModal, { whereList: wList, fields: fields, columns: mapColumKey(columns), isExportFileModalByApiVisible: isExportFileModalByApiVisible, selectedKeys: selectedKeys, dbName: dbName, query: query, setIsExportFileModalByApiVisible: setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible, supportManyRelated: supportManyRelated }), _jsx(InOrOutRecordModal, { dbName: dbName, isInOrOutRecordModalVisible: isInOrOutRecordModalVisible, setIsImportFileModalByApiVisible: setIsImportFileModalByApiVisible, setIsExportFileModalByApiVisible: setIsExportFileModalByApiVisible, setIsInOrOutRecordModalVisible: setIsInOrOutRecordModalVisible }), isH5 && (_jsx(Modal, { overlayClassName: `${classPrefix}-h5-table-overlay`, className: `${classPrefix}-h5-table-option-modal-wrap`, disableCloseIcon: true, title: "\u64CD\u4F5C", visible: isMobileOptionVisible, outerRef: modalRef, events: {
                             close: () => {
                                 setIsMobileOptionVisible(false);
                             },

package/dist/web/components/wd-tree/utils.d.ts

@@ -148,8 +148,8 @@ declare const getTreeInfo: (params: IFindNodeParams, checkable: boolean) => {
     expandedtate?: boolean;
     expanded: string[];
     event: string;
-    checked: string[];
     selected: string[];
+    checked: string[];
     currentNode: {
         data?: {
             label: string;

package/dist/web/components/wd-upload-file/wd-upload-file.js

@@ -7,12 +7,16 @@ import UploaderFile from '../form/uploaderFile';
 import { emptyObject } from '../../utils/constant';
 import { convertSingleValue } from '../../utils/tool';
 import { X_RUNTIME_DEFAULT } from '../../../configs/type-utils/x-runtime-default';
+import { useTranslation } from '../../utils/i18n/translation';
 import './style';
 /**
  * 文件上传-标准化
  */
 export const WdUploadFile = forwardRef(function WdUploadFile(props, ref) {
-    const { classRoot = 'upload-file', acceptTypes: _acceptTypes = X_RUNTIME_DEFAULT._acceptTypesInFile, maxSize = X_RUNTIME_DEFAULT.maxSize, single = X_RUNTIME_DEFAULT.single, maxUploadCount = X_RUNTIME_DEFAULT.maxUploadCount, events = emptyObject, deleteVisible = X_RUNTIME_DEFAULT.deleteVisible, downloadVisible = X_RUNTIME_DEFAULT.downloadVisible, callbacks, uploadButtonText = X_RUNTIME_DEFAULT._uploadButtonText, uploadTipText = X_RUNTIME_DEFAULT._uploadTipText, storageType = 'cloudID', } = props;
+    const { classRoot = 'upload-file', acceptTypes: _acceptTypes = X_RUNTIME_DEFAULT._acceptTypesInFile, maxSize = X_RUNTIME_DEFAULT.maxSize, single = X_RUNTIME_DEFAULT.single, maxUploadCount = X_RUNTIME_DEFAULT.maxUploadCount, events = emptyObject, deleteVisible = X_RUNTIME_DEFAULT.deleteVisible, downloadVisible = X_RUNTIME_DEFAULT.downloadVisible, callbacks, uploadButtonText: _uploadButtonText, uploadTipText: _uploadTipText, storageType = 'cloudID', } = props;
+    const t = useTranslation();
+    const uploadButtonText = _uploadButtonText !== null && _uploadButtonText !== void 0 ? _uploadButtonText : t.clickToUpload;
+    const uploadTipText = _uploadTipText !== null && _uploadTipText !== void 0 ? _uploadTipText : t.supportBatchUpload;
     const acceptTypes = useMemo(() => convertAcceptTypes(_acceptTypes), [_acceptTypes]);
     // 强制转换初始值
     const initRef = useRef(false);

package/dist/web/utils/config-context/use-config.d.ts

@@ -1,3 +1,4 @@
 export declare function useConfig(): {
     classPrefix: string;
+    locale: "zh" | "en";
 };

package/dist/web/utils/config-context/use-config.js

@@ -1,9 +1,10 @@
 import { useContext } from 'react';
-import { WdConfigContext, DEFAULT_CLASS_PREFIX, } from '../../components/wd-config-provider/wd-config-context';
+import { WdConfigContext, DEFAULT_CLASS_PREFIX, DEFAULT_LOCALE, } from '../../components/wd-config-provider/wd-config-context';
 export function useConfig() {
     const context = useContext(WdConfigContext) || {};
     return {
         classPrefix: DEFAULT_CLASS_PREFIX,
+        locale: DEFAULT_LOCALE,
         ...context,
     };
 }

package/dist/web/utils/hooks/useCanPreview.js

@@ -15,5 +15,5 @@ export function useCanPreview() {
             dispose();
         };
     }, [dispose]);
-    return (((_b = (_a = window.$w) === null || _a === void 0 ? void 0 : _a.wedaContext) === null || _b === void 0 ? void 0 : _b.isEditorMode) || (editorPlatforms === null || editorPlatforms === void 0 ? void 0 : editorPlatforms.includes('MP')));
+    return ((_b = (_a = window.$w) === null || _a === void 0 ? void 0 : _a.wedaContext) === null || _b === void 0 ? void 0 : _b.isEditorMode) || (editorPlatforms === null || editorPlatforms === void 0 ? void 0 : editorPlatforms.includes('MP'));
 }

package/dist/web/utils/i18n/index.d.ts

@@ -0,0 +1 @@
+export { useTranslation } from './translation';

package/dist/web/utils/i18n/index.js

@@ -0,0 +1 @@
+export { useTranslation } from './translation';

package/dist/web/utils/i18n/locale/en_US.d.ts

@@ -0,0 +1,119 @@
+declare const _default: {
+    locale: string;
+    okText: string;
+    cancelText: string;
+    loadingText: string;
+    loadErrorText: string;
+    loadRetryText: string;
+    closeText: string;
+    helpText: string;
+    cleanText: string;
+    resetText: string;
+    searchText: string;
+    emptyText: string;
+    selectAllText: string;
+    paginationRecordCount: (count: any) => JSX.Element;
+    paginationPrevPage: string;
+    paginationNextPage: string;
+    paginationToFirstPage: string;
+    paginationToLastPage: string;
+    paginationAtFirst: string;
+    paginationAtLast: string;
+    paginationRecordPerPage: string;
+    paginationPageCount: (count: any) => string;
+    pleaseSelect: string;
+    foundText: string;
+    foundManyText: (count: any) => string;
+    foundManyTextWithKeyword: (keyword: any, count: any) => string;
+    foundNothingWithKeyword: (keyword: any) => string;
+    clearResultText: string;
+    tagSearchBoxTips: string;
+    tagSearchBoxEditingTips: string;
+    tagSearchBoxSelectTitle: string;
+    today: string;
+    curMonth: string;
+    prevMonth: string;
+    nextMonth: string;
+    curYear: string;
+    prevYear: string;
+    nextYear: string;
+    curTwentyYears: string;
+    prevTwentyYears: string;
+    nextTwentyYears: string;
+    monthBeforeYear: boolean;
+    yearFormat: string;
+    selectTime: string;
+    startTime: string;
+    endTime: string;
+    selectDate: string;
+    guideCancel: string;
+    guideBack: string;
+    guideNext: string;
+    guideFinish: string;
+    copy: string;
+    copied: string;
+    clickToEnlarge: string;
+    expand: string;
+    collapse: string;
+    recentlyVisited: string;
+    member: string;
+    department: string;
+    directMember: string;
+    memberPlaceholder: string;
+    memberLabel: string;
+    memberSelect: string;
+    organization: string;
+    selected: string;
+    multiple: string;
+    departmentLabel: string;
+    departmentPlaceholder: string;
+    selectDepartment: string;
+    noDepartmentData: string;
+    pleaseSelectDepartment: string;
+    loadingFailed: string;
+    noImage: string;
+    uploadFile: string;
+    clickToUpload: string;
+    supportBatchUpload: string;
+    fileName: string;
+    fileSize: string;
+    fileStatus: string;
+    fileOperation: string;
+    pendingUpload: string;
+    uploading: string;
+    uploadSuccess: string;
+    uploadFailed: string;
+    delete: string;
+    reupload: string;
+    download: string;
+    waitingUpload: string;
+    fileTotalExceed: string;
+    fileTypeError: string;
+    fileSizeExceed: string;
+    clickTopBtn: string;
+    richTextTitle: string;
+    richTextPlaceholder: string;
+    fileSizeExceedsLimit: string;
+    uploadImageFailed: string;
+    copySuccess: string;
+    fileFormatNotSupported: string;
+    headingH1: string;
+    headingH2: string;
+    headingH3: string;
+    headingH4: string;
+    headingH5: string;
+    headingH6: string;
+    normal: string;
+    sourceHanSans: string;
+    richTextErrorMessage: string;
+    batchSelect: string;
+    unrelatedUser: string;
+    unselectedMembers: string;
+    unselectedDepartments: string;
+    noMoreData: string;
+    noSelectableMembers: string;
+    noRelated: string;
+    noSelectable: string;
+    uploadImage: string;
+};
+export default _default;

package/dist/web/utils/i18n/locale/en_US.js

@@ -0,0 +1,187 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+// prettier-ignore
+// eslint-disable-next-line
+export default {
+    locale: 'en_US',
+    // 操作：确定按钮
+    okText: ('OK'),
+    // 操作：取消按钮
+    cancelText: ('Cancel'),
+    // 文案：数据加载中
+    loadingText: ('Loading…'),
+    // 文案：数据加载失败
+    loadErrorText: ('Loading failed'),
+    // 操作：重试数据加载
+    loadRetryText: ('Retry'),
+    // 操作：关闭
+    closeText: ('Close'),
+    // 文案：帮助
+    helpText: ('Help'),
+    // 操作：清空
+    cleanText: ('Clear'),
+    // 操作：重置
+    resetText: ('Reset'),
+    // 操作：搜索
+    searchText: ('Search'),
+    // 文案：数据为空
+    emptyText: ('No data yet'),
+    // 操作：全选
+    selectAllText: ('Select all'),
+    // 文案：分页组件显示总记录数
+    paginationRecordCount: (count) => (_jsxs(Fragment, { children: ["Total items: ", _jsx("strong", { children: count }), " "] })),
+    // 操作：跳到上一页
+    paginationPrevPage: ('Previous'),
+    // 操作：跳到下一页
+    paginationNextPage: ('Next'),
+    // 操作：跳到第一页
+    paginationToFirstPage: ('First page'),
+    // 操作：跳到最后一页
+    paginationToLastPage: ('Last page'),
+    // 文案：提醒用户当前已经在第一页，无法再跳到上一页
+    paginationAtFirst: ('This is the first page'),
+    // 文案：提醒用户当前已经在最后一页，无法再跳到上一页
+    paginationAtLast: ('This is the last page'),
+    // 文案：表示分页组件每页显示多少行记录，后接行数选项
+    paginationRecordPerPage: ('/ page'),
+    // 文案：表示分页组件总共有多少页，前面是当前的页码
+    paginationPageCount: (count) => (count > 1 ? ` / ${count} pages` : ` / ${count} page`),
+    // 文案：下拉选择组件默认的提示文案
+    pleaseSelect: ('Please select'),
+    // 文案：查询到结果
+    foundText: ('Found the following results'),
+    // 文案：表格中，用于显示找到多少条结果，后面会拼接「返回原列表」
+    foundManyText: (count) => (count > 1 ? `${count} results found` : `${count} result found`),
+    // 文案：同 resultText，不过是在有关键字的情况下显示
+    foundManyTextWithKeyword: (keyword, count) => (count > 1 ? `${count} results found for "${keyword}"` : `${count} result found for "${keyword}"`),
+    // 文案：搜索某个关键字的情况下，没有找到结果
+    foundNothingWithKeyword: (keyword) => (`No results found for "${keyword}"`),
+    // 操作：表格中清空当前筛选结果，返回源列表
+    clearResultText: ('Back to list'),
+    // 文案：tagSearchBox 使用提示
+    tagSearchBoxTips: ('Separate keywords with "|"; press Enter to separate filter tags'),
+    // 文案：tagSearchBox 使用提示
+    tagSearchBoxEditingTips: ('Click to modify. Press Enter to finish.'),
+    // 文案：tagSearchBox 选择框标题
+    tagSearchBoxSelectTitle: ('Select a filter'),
+    // 文案：今天
+    today: ('Today'),
+    // 文案：本月
+    curMonth: ('This month'),
+    // 文案：下个月
+    prevMonth: ('Previous month'),
+    // 文案：下个月
+    nextMonth: ('Next month'),
+    // 文案：今年
+    curYear: ('This year'),
+    // 文案：下一年
+    prevYear: ('Previous year'),
+    // 文案：下一年
+    nextYear: ('Next year'),
+    // 文案：当前二十年
+    curTwentyYears: ('Latest 20 years'),
+    // 文案：上二十年
+    prevTwentyYears: ('Previous 20 years'),
+    // 文案：下二十年
+    nextTwentyYears: ('Next 20 years'),
+    // 变量：该语言日期表达中 [月] 是否在 [年] 之前，是的话为 - true，否则 - false
+    monthBeforeYear: (true),
+    // 变量：该语言日期表达中 [年] 的表达方式，其中 YYYY 为年份数字
+    yearFormat: (' YYYY'),
+    // 文案：选择时间
+    selectTime: ('Select time'),
+    // 文案：开始时间
+    startTime: ('Start time'),
+    // 文案：结束时间
+    endTime: ('End time'),
+    // 文案：选择日期
+    selectDate: ('Select date'),
+    // 文案：跳过
+    guideCancel: ("Skip"),
+    // 文案：上一步
+    guideBack: ("Back"),
+    // 文案：下一步
+    guideNext: ("Next"),
+    // 文案：完成
+    guideFinish: ("Done"),
+    // 文案：复制
+    copy: ("Copy"),
+    // 文案：复制成功
+    copied: ("Copied"),
+    // 文案：点击查看大图
+    clickToEnlarge: ('Click to enlarge'),
+    // 文案：展开
+    expand: ('Expand'),
+    // 文案：收起
+    collapse: ('Collapse'),
+    // 文案：最近访问
+    recentlyVisited: ('Recently Visited'),
+    member: ('Member'),
+    department: ('Department'),
+    directMember: ('Direct Member'),
+    // Member selection placeholder
+    memberPlaceholder: ('Please select member'),
+    memberLabel: ('Member Selection'),
+    memberSelect: ('Select Member'),
+    // Organization structure
+    organization: ('Organization'),
+    selected: ('Selected'),
+    // Multiple selection
+    multiple: ('Multiple'),
+    // Department selection
+    departmentLabel: ('Department Selection'),
+    departmentPlaceholder: ('Please select department'),
+    selectDepartment: ('Select Department'),
+    noDepartmentData: ('No department data'),
+    pleaseSelectDepartment: ('Please select department'),
+    // UploaderView component
+    loadingFailed: ('[Loading Failed]'),
+    noImage: ('No Image'),
+    // UploaderFileView component
+    uploadFile: ('Upload File'),
+    clickToUpload: ('Click to Upload'),
+    supportBatchUpload: ('Batch Upload Supported'),
+    fileName: ('File Name'),
+    fileSize: ('Size'),
+    fileStatus: ('Status'),
+    fileOperation: ('Operation'),
+    pendingUpload: ('Pending Upload'),
+    uploading: ('Uploading'),
+    uploadSuccess: ('Upload Success'),
+    uploadFailed: ('Upload Failed'),
+    delete: ('Delete'),
+    reupload: ('Re-upload'),
+    download: ('Download'),
+    waitingUpload: ('Waiting to Upload'),
+    fileTotalExceed: ('Total number of files cannot exceed {count}'),
+    fileTypeError: ('File type error'),
+    fileSizeExceed: ('File size cannot exceed {size}M'),
+    // Click above
+    clickTopBtn: ('Click the "{btn}" button above'),
+    // RichText component
+    richTextTitle: 'Title',
+    richTextPlaceholder: 'Please enter',
+    fileSizeExceedsLimit: 'File size exceeds limit',
+    uploadImageFailed: 'Failed to upload image',
+    copySuccess: 'Copied successfully',
+    fileFormatNotSupported: 'File format not supported',
+    headingH1: 'Heading H1',
+    headingH2: 'Heading H2',
+    headingH3: 'Heading H3',
+    headingH4: 'Heading H4',
+    headingH5: 'Heading H5',
+    headingH6: 'Heading H6',
+    normal: 'Normal',
+    sourceHanSans: 'Source Han Sans',
+    richTextErrorMessage: ('Rich text is too long and may fail to save. Current length is'),
+    batchSelect: ('Batch Select'),
+    unrelatedUser: ('Unrelated User'),
+    unselectedMembers: ('Unselected Members'),
+    unselectedDepartments: ('Unselected Departments'),
+    noMoreData: ('No more data'),
+    noSelectableMembers: ('No selectable members'),
+    noRelated: ('No Related '),
+    noSelectable: ('None Available'),
+    // UploaderPC component
+    uploadImage: ('Upload Image'),
+};