@teamix/pro 1.4.6 → 1.4.7

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/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.6";
+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.6';
+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/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/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/card/index.js

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

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

package/lib/form/Filter/index.js

@@ -45,7 +45,7 @@ var _useBindUrl2 = _interopRequireDefault(require("./useBindUrl"));
 
 require("./index.scss");
 
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -106,6 +106,7 @@ var QueryFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
       outerReset = props.onReset,
       onExpand = props.onExpand,
       onChange = props.onChange,
+      form = props.form,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   var _useSpecialProps = (0, _useSpecialProps2.default)(props),
@@ -324,7 +325,7 @@ var QueryFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
         });
       }
     });
-  }, []); // 创建轻量筛选表单实例
+  }, [form]); // 创建轻量筛选表单实例
 
   var lightForm = (0, _react.useMemo)(function () {
     return (0, _core.createForm)({
@@ -335,7 +336,7 @@ var QueryFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
         });
       }
     });
-  }, []); // 创建高级筛选表单实例
+  }, [form]); // 创建高级筛选表单实例
 
   var advancedForm = (0, _react.useMemo)(function () {
     return (0, _core.createForm)({
@@ -355,7 +356,7 @@ var QueryFilter = /*#__PURE__*/(0, _react.memo)(function (props) {
         });
       }
     });
-  }, []);
+  }, [form]);
   var formMap = {
     simple: simpleForm,
     light: lightForm,

package/lib/form/ProForm/index.js

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

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

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _react2 = require("@formily/react");
 
+var _utils = require("@teamix/utils");
+
 var _adapterType = _interopRequireDefault(require("./adapterType"));
 
 var _adapterComponent = _interopRequireDefault(require("./adapterComponent"));
@@ -49,7 +51,7 @@ var _reactions = require("./reactions");
 
 var _fieldTypeMap = _interopRequireDefault(require("../fieldTypeMap"));
 
-var _utils = require("../utils");
+var _utils2 = require("../utils");
 
 var _warning = _interopRequireDefault(require("../warning"));
 
@@ -173,8 +175,7 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       var _newItem2 = newItem,
           component = _newItem2.component,
           type = _newItem2.type,
-          _newItem2$name = _newItem2.name,
-          name = _newItem2$name === void 0 ? (0, _utils.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,
@@ -185,8 +186,10 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
           tooltip = _newItem2.tooltip,
           request = _newItem2.request,
           data = _newItem2.data,
-          otherProps = _objectWithoutProperties(_newItem2, _excluded); // 默认类型
+          otherProps = _objectWithoutProperties(_newItem2, _excluded); // 默认字段名
+
 
+      var defaultName = !name ? (0, _utils2.getFieldName)(component === null || component === void 0 ? void 0 : component.replace(/\./g, ''), suffix) : name; // 默认类型
 
       var defaultType = (0, _adapterType.default)(type, originalComponent); // 默认装饰组件
 
@@ -225,7 +228,7 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
 
         schemaScopeRef.current[k] = v;
       });
-      var formatParam = (0, _utils.mapSchemaName)(_objectSpread(_objectSpread({}, otherProps), {}, {
+      var formatParam = (0, _utils2.mapSchemaName)(_objectSpread(_objectSpread({}, otherProps), {}, {
         type: defaultType,
         component: component,
         decorator: defaultDecorator,
@@ -245,7 +248,9 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
 
       var recursiveItems = items ? formatSchema([items], suffix) : {}; // 配置组件属性
 
-      schemaProperties[name] = _objectSpread(_objectSpread(_objectSpread({}, formatParam), recursiveProperties), recursiveItems);
+      if ((0, _utils.isUsable)(item)) {
+        schemaProperties[defaultName] = _objectSpread(_objectSpread(_objectSpread({}, formatParam), recursiveProperties), recursiveItems);
+      }
     });
     return schemaProperties;
   }, []);

package/lib/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, };