@teamix/pro 1.4.5 → 1.4.8

package/es/actions/dialog-form.js

@@ -29,14 +29,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import React, { useState, useEffect, createRef } from 'react';
+import React, { useState, useEffect, createRef, useMemo } from 'react';
 import { useHistory } from 'react-router-dom';
 import { Loading } from '@alicloudfe/components';
-import ProForm, { createForm } from '../form';
+import ProForm, { createForm, formilyReactive } from '../form';
 import { getTargetValue, resolveMaybePromiseMethod } from '@teamix/utils';
 import { doRequest } from './request';
 import useDialogAction from './dialog';
 import { addContext } from './utils';
+var toJS = formilyReactive.toJS;
 
 function getDefaultFormPropsByDialogSize(size) {
   if (size === 'small') {
@@ -93,15 +94,22 @@ var DialogForm = function DialogForm(props) {
       innerFormRef = props.innerFormRef,
       _props$validateFirst = props.validateFirst,
       validateFirst = _props$validateFirst === void 0 ? true : _props$validateFirst;
-
-  var _getSchemaAndFormProp = getSchemaAndFormProps(schema, formProps),
-      formSchema = _getSchemaAndFormProp.schema,
-      others = _objectWithoutProperties(_getSchemaAndFormProp, _excluded);
-
-  var form = createForm({
-    initialValues: getTargetValue(initialValues, context),
-    validateFirst: validateFirst
-  });
+  var form = useMemo(function () {
+    return createForm({
+      initialValues: getTargetValue(initialValues, context),
+      validateFirst: validateFirst
+    });
+  }, [validateFirst, initialValues, context]);
+
+  var _useMemo = useMemo(function () {
+    return getSchemaAndFormProps(schema, formProps);
+  }, [schema, formProps]),
+      formSchema = _useMemo.schema,
+      others = _objectWithoutProperties(_useMemo, _excluded);
+
+  var otherFormProps = useMemo(function () {
+    return addContext(getTargetValue(others, context), context);
+  }, [context, JSON.stringify(others)]);
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -134,7 +142,7 @@ var DialogForm = function DialogForm(props) {
   }, /*#__PURE__*/React.createElement(ProForm, _objectSpread(_objectSpread({
     form: form,
     schema: formSchema
-  }, getDefaultFormPropsByDialogSize(size)), addContext(getTargetValue(others, context), context))));
+  }, getDefaultFormPropsByDialogSize(size)), otherFormProps)));
 };
 
 export function useDialogFormAction(action, context) {
@@ -177,51 +185,55 @@ export function useDialogFormAction(action, context) {
         innerFormRef.current.validate().then( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
           var _innerFormRef$current;
 
-          var beforeRequestContext, requestContext;
+          var beforeRequestContext, fields, requestContext;
           return regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
                 case 0:
+                  fields = toJS((_innerFormRef$current = innerFormRef.current) === null || _innerFormRef$current === void 0 ? void 0 : _innerFormRef$current.values);
+
                   if (!propsBeforeRequest) {
-                    _context.next = 13;
+                    _context.next = 14;
                     break;
                   }
 
-                  _context.prev = 1;
-                  _context.next = 4;
-                  return resolveMaybePromiseMethod(propsBeforeRequest, context);
+                  _context.prev = 2;
+                  _context.next = 5;
+                  return resolveMaybePromiseMethod(propsBeforeRequest, _objectSpread(_objectSpread({}, context), {}, {
+                    fields: fields
+                  }));
 
-                case 4:
+                case 5:
                   beforeRequestContext = _context.sent;
-                  _context.next = 10;
+                  _context.next = 11;
                   break;
 
-                case 7:
-                  _context.prev = 7;
-                  _context.t0 = _context["catch"](1);
+                case 8:
+                  _context.prev = 8;
+                  _context.t0 = _context["catch"](2);
                   beforeRequestContext = false;
 
-                case 10:
+                case 11:
                   if (!(beforeRequestContext === false)) {
-                    _context.next = 13;
+                    _context.next = 14;
                     break;
                   }
 
                   reject(false);
                   return _context.abrupt("return");
 
-                case 13:
+                case 14:
                   requestContext = Object.assign({
-                    fields: (_innerFormRef$current = innerFormRef.current) === null || _innerFormRef$current === void 0 ? void 0 : _innerFormRef$current.values
+                    fields: fields
                   }, _typeof(beforeRequestContext) === 'object' ? beforeRequestContext : {});
                   resolve(requestContext);
 
-                case 15:
+                case 16:
                 case "end":
                   return _context.stop();
               }
             }
-          }, _callee, null, [[1, 7]]);
+          }, _callee, null, [[2, 8]]);
         }))).catch(function () {
           resolve(false);
         });

package/es/actions/dialog.js

@@ -1,4 +1,4 @@
-var _excluded = ["trigger", "url", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError"],
+var _excluded = ["trigger", "url", "customRequest", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError"],
     _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "popType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "className"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -84,6 +84,7 @@ export function useDialogAction(action, actionContext, hasForm) {
 
     var trigger = action.trigger,
         url = action.url,
+        customRequest = action.customRequest,
         method = action.method,
         params = action.params,
         data = action.data,

package/es/card/index.js

@@ -226,8 +226,7 @@ export var ProCard = function ProCard(props) {
       value: description,
       type: "text",
       render: {
-        ellipsis: true,
-        tooltip: description
+        ellipsis: true
       }
     })));
   };

package/es/card/index.scss

@@ -32,7 +32,7 @@
     $grid-columns: 24;
     @for $i from 1 through $grid-columns {
       &-#{$i} {
-        $width: percentage($i/$grid-columns);
+        $width: percentage($i / $grid-columns);
         flex: 0 0 $width;
         width: $width;
         max-width: $width;
@@ -52,7 +52,7 @@
       }
     }
 
-    &-name{
+    &-name {
       flex-shrink: 0;
     }
 

package/es/form/Components/LightFilter/index.js

@@ -16,7 +16,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import React, { useState, useCallback, useContext } from 'react';
+import React, { useState, useCallback, useContext, useEffect } from 'react';
 import { observer, useFieldSchema, RecursionField, SchemaExpressionScopeContext } from '@formily/react';
 import { Select, Button } from '@alicloudfe/components';
 import TeamixIcon from '@teamix/icon';
@@ -113,6 +113,11 @@ var LightFilter = observer(function (props) {
     setActive(value);
     onFilterChange && onFilterChange(value);
   }, [onFilterChange]);
+  useEffect(function () {
+    if (!filterItems.length) {
+      setActive(undefined);
+    }
+  }, [filterItems.length]);
   return /*#__PURE__*/React.createElement("span", {
     className: cls(basePrefix(size), prefixCls({
       '': true,
@@ -121,7 +126,7 @@ var LightFilter = observer(function (props) {
   }, /*#__PURE__*/React.createElement("span", {
     className: prefixCls('main')
   }, /*#__PURE__*/React.createElement(Select, _objectSpread(_objectSpread({}, filterProps), {}, {
-    className: cls(prefixCls('select'), filterProps === null || filterProps === void 0 ? void 0 : filterProps.className),
+    className: cls(prefixCls('select'), _defineProperty({}, prefixCls('select-none'), !content.length), filterProps === null || filterProps === void 0 ? void 0 : filterProps.className),
     dataSource: filterItems,
     onChange: onSelectChange,
     value: active

package/es/form/Components/LightFilter/index.scss

@@ -37,6 +37,11 @@ $light-filter: #{teamix-pro-form}-light-filter;
         padding-right: 0;
       }
     }
+    .#{$light-filter}-select-none {
+      .#{$css-prefix}input-control {
+        padding-right: var(--input-m-icon-padding-right, 8px);
+      }
+    }
   }
 
   // 按钮后缀

package/es/form/Filter/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["addonAfter", "addonBefore", "mode", "purePanel", "expand", "formRef", "defaultFilterValue", "filterValues", "filterDebounce", "bindUrl", "onFilter", "onInit", "onReset", "onExpand", "onChange"];
+var _excluded = ["addonAfter", "addonBefore", "mode", "purePanel", "expand", "formRef", "defaultFilterValue", "filterValues", "filterDebounce", "bindUrl", "onFilter", "onInit", "onReset", "onExpand", "onChange", "form"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -70,6 +70,7 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
       outerReset = props.onReset,
       onExpand = props.onExpand,
       onChange = props.onChange,
+      form = props.form,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   var _useSpecialProps = useSpecialProps(props),
@@ -288,7 +289,7 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
         });
       }
     });
-  }, []); // 创建轻量筛选表单实例
+  }, [form]); // 创建轻量筛选表单实例
 
   var lightForm = useMemo(function () {
     return createForm({
@@ -299,7 +300,7 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
         });
       }
     });
-  }, []); // 创建高级筛选表单实例
+  }, [form]); // 创建高级筛选表单实例
 
   var advancedForm = useMemo(function () {
     return createForm({
@@ -319,7 +320,7 @@ var QueryFilter = /*#__PURE__*/memo(function (props) {
         });
       }
     });
-  }, []);
+  }, [form]);
   var formMap = {
     simple: simpleForm,
     light: lightForm,

package/es/form/ProForm/index.js

@@ -89,7 +89,7 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
     return outerForm || createForm({
       validateFirst: validateFirst
     });
-  }, []);
+  }, [outerForm]);
   var prefixCls = usePrefixCls('teamix-pro-form'); // 由于Actions需要，解构context供使用。原context键名的上下文继续保留。
 
   var mergedScope = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, context), globalScope), scope), {}, {

package/es/form/ProForm/index.scss

@@ -332,6 +332,11 @@
   }
 }
 
+// ArrayTable
+.#{$form-array}-table-status-select {
+  display: none;
+}
+
 // SelectTable
 .#{$teamix-pro-form}-select-table-column-tree
   > .#{$css-prefix}table-cell-wrapper {

package/es/form/SchemaForm/index.js

@@ -32,6 +32,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import React, { memo, useCallback, useRef, useMemo } from 'react';
 import { createSchemaField } from '@formily/react';
+import { isUsable } from '@teamix/utils';
 import adapterType from './adapterType';
 import adapterComponent from './adapterComponent';
 import adapterDecorator from './adapterDecorator';
@@ -135,8 +136,7 @@ export default /*#__PURE__*/memo(function (_ref) {
       var _newItem2 = newItem,
           component = _newItem2.component,
           type = _newItem2.type,
-          _newItem2$name = _newItem2.name,
-          name = _newItem2$name === void 0 ? getFieldName(component === null || component === void 0 ? void 0 : component.replace(/\./g, ''), suffix) : _newItem2$name,
+          name = _newItem2.name,
           decorator = _newItem2.decorator,
           decoratorProps = _newItem2.decoratorProps,
           dataSource = _newItem2.dataSource,
@@ -147,9 +147,11 @@ export default /*#__PURE__*/memo(function (_ref) {
           tooltip = _newItem2.tooltip,
           request = _newItem2.request,
           data = _newItem2.data,
-          otherProps = _objectWithoutProperties(_newItem2, _excluded); // 默认类型
+          otherProps = _objectWithoutProperties(_newItem2, _excluded); // 默认字段名
 
 
+      var defaultName = !name ? getFieldName(component === null || component === void 0 ? void 0 : component.replace(/\./g, ''), suffix) : name; // 默认类型
+
       var defaultType = adapterType(type, originalComponent); // 默认装饰组件
 
       var defaultDecorator = adapterDecorator(decorator, originalComponent); // 默认装饰组件属性
@@ -207,7 +209,9 @@ export default /*#__PURE__*/memo(function (_ref) {
 
       var recursiveItems = items ? formatSchema([items], suffix) : {}; // 配置组件属性
 
-      schemaProperties[name] = _objectSpread(_objectSpread(_objectSpread({}, formatParam), recursiveProperties), recursiveItems);
+      if (isUsable(item)) {
+        schemaProperties[defaultName] = _objectSpread(_objectSpread(_objectSpread({}, formatParam), recursiveProperties), recursiveItems);
+      }
     });
     return schemaProperties;
   }, []);

package/es/form/index.d.ts

@@ -16,8 +16,8 @@ declare const formilyReact: {
     };
     useFormDisplayValues: () => any;
     Schema: typeof originalFormilyReact.Schema;
-    FormProvider: import("react").FC<originalFormilyReact.IProviderProps>;
-    FormConsumer: import("react").FC<originalFormilyReact.IFormSpyProps>;
+    FormProvider: originalFormilyReact.ReactFC<originalFormilyReact.IProviderProps>;
+    FormConsumer: originalFormilyReact.ReactFC<originalFormilyReact.IFormSpyProps>;
     ArrayField: {
         <D extends originalFormilyReact.JSXComponent, C extends originalFormilyReact.JSXComponent>(props: originalFormilyReact.IFieldProps<D, C, import("@formily/core").ArrayField<any, any>>): JSX.Element;
         displayName: string;
@@ -30,8 +30,8 @@ declare const formilyReact: {
         <D_2 extends originalFormilyReact.JSXComponent, C_2 extends originalFormilyReact.JSXComponent>(props: originalFormilyReact.IVoidFieldProps<D_2, C_2, import("@formily/core").VoidField<any, any, any>>): JSX.Element;
         displayName: string;
     };
-    RecursionField: import("react").FC<originalFormilyReact.IRecursionFieldProps>;
-    ExpressionScope: import("react").FC<originalFormilyReact.IExpressionScopeProps>;
+    RecursionField: originalFormilyReact.ReactFC<originalFormilyReact.IRecursionFieldProps>;
+    ExpressionScope: originalFormilyReact.ReactFC<originalFormilyReact.IExpressionScopeProps>;
     createSchemaField<Components extends originalFormilyReact.SchemaReactComponents>(options?: originalFormilyReact.ISchemaFieldReactFactoryOptions<Components> | undefined): {
         <Decorator extends originalFormilyReact.JSXComponent, Component extends originalFormilyReact.JSXComponent>(props: originalFormilyReact.ISchemaFieldProps<Decorator, Component, import("@formily/core").ObjectField<Decorator, Component>>): JSX.Element;
         displayName: string;
@@ -81,17 +81,18 @@ declare const formilyReact: {
     SchemaMarkupContext: import("react").Context<originalFormilyReact.Schema<any, any, any, any, any, any, any, any, any>>;
     SchemaContext: import("react").Context<originalFormilyReact.Schema<any, any, any, any, any, any, any, any, any>>;
     SchemaExpressionScopeContext: import("react").Context<any>;
+    SchemaComponentsContext: import("react").Context<originalFormilyReact.SchemaReactComponents>;
     SchemaOptionsContext: import("react").Context<originalFormilyReact.ISchemaFieldReactFactoryOptions<any>>;
     ContextCleaner: ({ children }: {
         children: any;
     }) => any;
-    mapProps<T extends originalFormilyReact.JSXComponent>(...args: originalFormilyReact.IStateMapper<import("react").ComponentProps<T>>[]): (target: T) => import("react").MemoExoticComponent<import("react").FunctionComponent<any>>;
-    mapReadPretty<T_1 extends originalFormilyReact.JSXComponent, C_4 extends originalFormilyReact.JSXComponent>(component: C_4, readPrettyProps?: import("react").ComponentProps<C_4> | undefined): (target: T_1) => import("react").MemoExoticComponent<import("react").FunctionComponent<{
+    mapProps<T extends originalFormilyReact.JSXComponent>(...args: originalFormilyReact.IStateMapper<import("react").ComponentProps<T>>[]): (target: T) => import("react").MemoExoticComponent<originalFormilyReact.ReactFC<any>>;
+    mapReadPretty<T_1 extends originalFormilyReact.JSXComponent, C_4 extends originalFormilyReact.JSXComponent>(component: C_4, readPrettyProps?: import("react").ComponentProps<C_4> | undefined): (target: T_1) => import("react").MemoExoticComponent<originalFormilyReact.ReactFC<{
         ref?: import("react").RefAttributes<any> | undefined;
     }>>;
     connect<T_2 extends originalFormilyReact.JSXComponent>(target: T_2, ...args: originalFormilyReact.IComponentMapper<T_2>[]): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<Partial<import("react").ComponentProps<T_2>>> & import("react").RefAttributes<unknown>>;
     observer: typeof originalFormilyReact.observer;
-    Observer: import("react").MemoExoticComponent<import("react").FunctionComponent<import("@formily/reactive-react").IObserverProps>>;
+    Observer: import("react").MemoExoticComponent<originalFormilyReact.ReactFC<import("@formily/reactive-react").IObserverProps>>;
     useForm: <T_3 extends object = any>() => import("@formily/core").Form<T_3>;
     useField: <T_4 = import("@formily/core").GeneralField>() => T_4;
     useParentForm: () => import("@formily/core").Form<any> | import("@formily/core").ObjectField<any, any>;

package/es/index-without-icon.d.ts

@@ -0,0 +1,32 @@
+import ProAction from './actions';
+import ProCard from './card';
+import ProField from './field';
+import ProForm from './form';
+import hooks from './hooks';
+import ProInfo from './info';
+import ProPageContainer from './page-container';
+import ProPageHeader from './page-header';
+import ProTable from './table';
+import ProSkeleton from './skeleton';
+import utils from './utils';
+import ProSidebar from './sidebar';
+import { ProTimeline } from './timeline';
+import * as nocode from './nocode';
+import * as templates from './templates';
+import TeamixIcon from '@teamix/icon';
+import './global.scss';
+export * from './actions';
+export * from './card';
+export * from './field';
+export * from './form';
+export * from './info';
+export * from './nocode';
+export * from './page-container';
+export * from './page-header';
+export * from './skeleton';
+export * from './table';
+export * from './sidebar';
+export * from './utils';
+export * from './timeline';
+declare const version = "1.4.7";
+export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils, };

package/es/index-without-icon.js

@@ -0,0 +1,35 @@
+// 不带有设置图标源的入口文件
+import ProAction from './actions';
+import ProCard from './card';
+import ProField from './field';
+import ProForm from './form';
+import hooks from './hooks';
+import ProInfo from './info'; // import ProLayout from './layout';
+
+import ProPageContainer from './page-container';
+import ProPageHeader from './page-header';
+import ProTable from './table';
+import ProSkeleton from './skeleton';
+import utils from './utils';
+import ProSidebar from './sidebar';
+import { ProTimeline } from './timeline';
+import * as nocode from './nocode';
+import * as templates from './templates';
+import TeamixIcon from '@teamix/icon';
+import './global.scss';
+export * from './actions';
+export * from './card';
+export * from './field';
+export * from './form';
+export * from './info';
+export * from './nocode';
+export * from './page-container';
+export * from './page-header';
+export * from './skeleton';
+export * from './table';
+export * from './sidebar';
+export * from './utils';
+export * from './timeline';
+var version = '1.4.7';
+export { version, ProAction, ProCard, ProField, ProForm, ProInfo, // ProLayout,
+ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils };

package/es/index.d.ts

@@ -28,5 +28,5 @@ export * from './table';
 export * from './sidebar';
 export * from './utils';
 export * from './timeline';
-declare const version = "1.4.5";
+declare const version = "1.4.8";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils, };

package/es/index.js

@@ -1,3 +1,5 @@
+var _window;
+
 import ProAction from './actions';
 import ProCard from './card';
 import ProField from './field';
@@ -17,7 +19,10 @@ import * as templates from './templates';
 import TeamixIcon from '@teamix/icon';
 import './global.scss'; // 设置图标源
 
-TeamixIcon.setConfig(utils.getTeamixIconConfig());
+if (!((_window = window) === null || _window === void 0 ? void 0 : _window.TEAMIXPRO_WITHOUT_ICON)) {
+  TeamixIcon.setConfig(utils.getTeamixIconConfig());
+}
+
 export * from './actions';
 export * from './card';
 export * from './field';
@@ -31,6 +36,6 @@ export * from './table';
 export * from './sidebar';
 export * from './utils';
 export * from './timeline';
-var version = '1.4.5';
+var version = '1.4.8';
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, // ProLayout,
 ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils };

package/es/page-header/index.js

@@ -161,11 +161,13 @@ var ProPageHeader = function ProPageHeader(props) {
   var backgroundImage = image ? "url('".concat(image, "')") : undefined;
 
   var showList = function showList(list) {
+    var _list$actions;
+
     if (loading) {
       return !!list;
     }
 
-    return list && list.length > 0;
+    return list && (list.length > 0 || (list === null || list === void 0 ? void 0 : (_list$actions = list.actions) === null || _list$actions === void 0 ? void 0 : _list$actions.length) > 0);
   };
 
   var renderTitle = function renderTitle() {

package/es/table/components/Pagination/index.js

@@ -98,7 +98,7 @@ export default (function (props) {
           lineHeight: '18px'
         }
       }, getMessage('total', {
-        total: total
+        total: new Intl.NumberFormat().format(total)
       }))
     }, /*#__PURE__*/React.createElement("div", {
       className: prefixCls('custom-total-content')
@@ -216,7 +216,7 @@ export default (function (props) {
         return /*#__PURE__*/React.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
           totalRender: function totalRender(total) {
             return getMessage('total', {
-              total: total
+              total: new Intl.NumberFormat().format(total)
             });
           }
         }, otherProps));
@@ -226,7 +226,7 @@ export default (function (props) {
           pageShowCount: 3,
           totalRender: function totalRender(total) {
             return getMessage('total', {
-              total: total
+              total: new Intl.NumberFormat().format(total)
             });
           }
         }, otherProps));

package/es/table/index.js

@@ -936,7 +936,7 @@ var ProTable = function ProTable(props) {
         // pageSizePosition="end"
         totalRender: function totalRender(total) {
           return getMessage('total', {
-            total: total
+            total: new Intl.NumberFormat().format(total)
           });
         },
         pageSize: pageSize,

package/es/table/utils/genProColumnToColumn.d.ts

@@ -1,9 +1,13 @@
 import React from 'react';
 import { ProTableColumnProps, ProTableActionType } from '../typing';
 import { ColumnProps } from '@alicloudfe/components/types/table';
+declare type FixedColumnProps = ColumnProps & {
+    wordBreak?: string;
+};
 /**
  * ProColumn => Column
  */
 export default function genProColumnToColumn(columns: ProTableColumnProps[], 
 /** 是否渲染骨架屏 */
-showSkeleton: boolean, actionRef: React.MutableRefObject<ProTableActionType | undefined>, context?: any): ColumnProps[];
+showSkeleton: boolean, actionRef: React.MutableRefObject<ProTableActionType | undefined>, context?: any): FixedColumnProps[];
+export {};

package/es/table/utils/genProColumnToColumn.js

@@ -13,6 +13,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React from 'react';
 import { renderColumnsTitle, renderCell } from './columnRender';
 import { ProSkeletonRaw as Skeleton } from '../../skeleton';
+import { getLanguage } from '@teamix/utils';
 /**
  * ProColumn => Column
  */
@@ -40,7 +41,8 @@ showSkeleton, actionRef) {
 
     return _objectSpread(_objectSpread({
       // 金钱样式默认右对齐
-      align: columnProps.valueType === 'money' ? 'right' : 'left'
+      align: columnProps.valueType === 'money' ? 'right' : 'left',
+      wordBreak: getLanguage() === 'en-us' ? 'word' : 'all'
     }, others), {}, {
       dataIndex: dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.toString(),
       title: renderColumnsTitle(columnProps, actionRef),