@teamix/pro 1.4.4 → 1.4.7

package/es/actions/dialog-form.js

@@ -29,7 +29,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, 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';
@@ -93,15 +93,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 +141,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) {

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
       }
     })));
   };
@@ -249,7 +248,7 @@ export var ProCard = function ProCard(props) {
       padding: 0,
       margin: 0
     } : {}
-  }, (loading || contentLoading) && /*#__PURE__*/React.createElement(ProSkeletonRaw.Card.Content, null), !loading && /*#__PURE__*/React.createElement("div", {
+  }, (loading || contentLoading) && /*#__PURE__*/React.createElement(ProSkeletonRaw.Card.Content, null), !(loading || contentLoading) && /*#__PURE__*/React.createElement("div", {
     className: cardContentClassName,
     style: cardContentStyle
   }, empty && /*#__PURE__*/React.createElement("div", {

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

@@ -111,15 +111,19 @@
 // 尺寸 - small
 .#{$form-item-cls}-size-small {
   // 预览态行高
-  .#{$css-prefix}form-preview {
-    line-height: var(--form-element-small-height, 24px);
+  .#{$teamix-pro-field} {
+    .#{$css-prefix}form-preview {
+      line-height: var(--form-element-small-height, 24px);
+    }
   }
 }
 // 尺寸 - large
 .#{$form-item-cls}-size-large {
   // 预览态行高
-  .#{$css-prefix}form-preview {
-    line-height: var(--form-element-large-height, 36px);
+  .#{$teamix-pro-field} {
+    .#{$css-prefix}form-preview {
+      line-height: var(--form-element-large-height, 36px);
+    }
   }
 }
 
@@ -328,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/SchemaForm/initializeFormButton.js

@@ -11,15 +11,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 { getMessage } from '@teamix/utils';
-var buttonTextMap = {
-  Submit: getMessage('submit'),
-  Reset: getMessage('reset')
-};
 
 var initializeButton = function initializeButton(item) {
   var component = item.component,
       _item$props = item.props,
       props = _item$props === void 0 ? {} : _item$props;
+  var buttonTextMap = {
+    Submit: getMessage('submit'),
+    Reset: getMessage('reset')
+  };
   return _objectSpread(_objectSpread({}, item), {}, {
     component: component,
     props: _objectSpread({

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

@@ -13,6 +13,7 @@ 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';
@@ -27,5 +28,5 @@ export * from './table';
 export * from './sidebar';
 export * from './utils';
 export * from './timeline';
-declare const version = "1.4.4";
-export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, hooks, nocode, templates, utils, };
+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.js

@@ -31,6 +31,6 @@ export * from './table';
 export * from './sidebar';
 export * from './utils';
 export * from './timeline';
-var version = '1.4.4';
+var version = '1.4.7';
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, // ProLayout,
-ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, hooks, nocode, templates, utils };
+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),

package/lib/actions/dialog-form.js

@@ -114,15 +114,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 = (0, _form.createForm)({
-    initialValues: (0, _utils.getTargetValue)(initialValues, context),
-    validateFirst: validateFirst
-  });
+  var form = (0, _react.useMemo)(function () {
+    return (0, _form.createForm)({
+      initialValues: (0, _utils.getTargetValue)(initialValues, context),
+      validateFirst: validateFirst
+    });
+  }, [validateFirst, initialValues, context]);
+
+  var _useMemo = (0, _react.useMemo)(function () {
+    return getSchemaAndFormProps(schema, formProps);
+  }, [schema, formProps]),
+      formSchema = _useMemo.schema,
+      others = _objectWithoutProperties(_useMemo, _excluded);
+
+  var otherFormProps = (0, _react.useMemo)(function () {
+    return (0, _utils2.addContext)((0, _utils.getTargetValue)(others, context), context);
+  }, [context, JSON.stringify(others)]);
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -155,7 +162,7 @@ var DialogForm = function DialogForm(props) {
   }, /*#__PURE__*/_react.default.createElement(_form.default, _objectSpread(_objectSpread({
     form: form,
     schema: formSchema
-  }, getDefaultFormPropsByDialogSize(size)), (0, _utils2.addContext)((0, _utils.getTargetValue)(others, context), context))));
+  }, getDefaultFormPropsByDialogSize(size)), otherFormProps)));
 };
 
 function useDialogFormAction(action, context) {

package/lib/card/index.js

@@ -267,8 +267,7 @@ var ProCard = function ProCard(props) {
       value: description,
       type: "text",
       render: {
-        ellipsis: true,
-        tooltip: description
+        ellipsis: true
       }
     })));
   };
@@ -290,7 +289,7 @@ var ProCard = function ProCard(props) {
       padding: 0,
       margin: 0
     } : {}
-  }, (loading || contentLoading) && /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Card.Content, null), !loading && /*#__PURE__*/_react.default.createElement("div", {
+  }, (loading || contentLoading) && /*#__PURE__*/_react.default.createElement(_skeleton.ProSkeletonRaw.Card.Content, null), !(loading || contentLoading) && /*#__PURE__*/_react.default.createElement("div", {
     className: cardContentClassName,
     style: cardContentStyle
   }, empty && /*#__PURE__*/_react.default.createElement("div", {

package/lib/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/lib/form/Components/LightFilter/index.js

@@ -135,6 +135,11 @@ var LightFilter = (0, _react2.observer)(function (props) {
     setActive(value);
     onFilterChange && onFilterChange(value);
   }, [onFilterChange]);
+  (0, _react.useEffect)(function () {
+    if (!filterItems.length) {
+      setActive(undefined);
+    }
+  }, [filterItems.length]);
   return /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(basePrefix(size), prefixCls({
       '': true,
@@ -143,7 +148,7 @@ var LightFilter = (0, _react2.observer)(function (props) {
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: prefixCls('main')
   }, /*#__PURE__*/_react.default.createElement(_components.Select, _objectSpread(_objectSpread({}, filterProps), {}, {
-    className: (0, _classnames.default)(prefixCls('select'), filterProps === null || filterProps === void 0 ? void 0 : filterProps.className),
+    className: (0, _classnames.default)(prefixCls('select'), _defineProperty({}, prefixCls('select-none'), !content.length), filterProps === null || filterProps === void 0 ? void 0 : filterProps.className),
     dataSource: filterItems,
     onChange: onSelectChange,
     value: active

package/lib/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);
+      }
+    }
   }
 
   // 按钮后缀