@teamix/pro 1.2.17 → 1.2.21

package/lib/form/ProForm/index.js

@@ -105,12 +105,12 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   }, [breakpoints, layout, labelAlign, wrapperAlign, labelCol, wrapperCol]); // 添加onChange
 
   (0, _react.useEffect)(function () {
-    form.removeEffects('onChange');
-    form.addEffects('onChange', function () {
-      (0, _core.onFormValuesChange)(function (form) {
-        if (onChange) {
-          onChange((0, _reactive.toJS)(form.values));
-        }
+    form.removeEffects('onFieldValueChange');
+    form.addEffects('onFieldValueChange', function () {
+      (0, _core.onFieldValueChange)('*', function (field, form) {
+        var _field$props;
+
+        onChange && onChange((0, _reactive.toJS)(form.values), (0, _reactive.toJS)(field.value), (_field$props = field.props) === null || _field$props === void 0 ? void 0 : _field$props.name);
       });
     });
   }, [form, onChange]); // 配置表单默认值
@@ -121,6 +121,10 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     } else if (initialRequest) {
       (0, _useInitialRequest.default)(initialRequest).then(function (values) {
         form.setInitialValues(values);
+      }).finally(function () {
+        initialRequest.onComplete && initialRequest.onComplete(undefined, undefined, {
+          form: form
+        });
       });
     }
   }, []); // 配置国际化

package/lib/form/ProForm/index.scss

@@ -180,6 +180,9 @@
       border: 0;
     }
   }
+  .#{$css-prefix}input-control:last-child {
+    padding-right: 0;
+  }
 }
 
 // 数组类组件添加按钮

package/lib/form/ProForm/useFieldRequest.js

@@ -7,8 +7,6 @@ exports.default = void 0;
 
 var _react = require("@formily/react");
 
-var _utils = require("@teamix/utils");
-
 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; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -19,13 +17,7 @@ var _default = function _default() {
   var field = (0, _react.useField)();
 
   var refresh = function refresh() {
-    if (!(0, _utils.isPlainObj)(field.data)) {
-      field.data = {
-        refresh: {}
-      };
-    } else {
-      field.data.refresh = _objectSpread({}, field.data.refresh);
-    }
+    field.data.refresh = _objectSpread({}, field.data.refresh);
   };
 
   return {

package/lib/form/ProForm/useFormDisplayValues.js

@@ -65,7 +65,9 @@ var getDisplayValues = function getDisplayValues(form, values) {
   }; // 判断值的类型，递归获取每个值在该结构中的完整路径
 
 
-  if ((0, _utils.isPlainObj)(values) && isLayoutValue(values)) {
+  if (!(0, _utils.isSignificative)(values)) {
+    displayValues = {};
+  } else if ((0, _utils.isPlainObj)(values) && isLayoutValue(values)) {
     // 如果值是对象且是布局对象的值
     displayValues = {};
     Object.entries(values).forEach(function (_ref) {

package/lib/form/SchemaForm/index.js

@@ -57,6 +57,8 @@ var _initializeFormTab = _interopRequireDefault(require("./initializeFormTab"));
 
 var _initializeFormCollapse = _interopRequireDefault(require("./initializeFormCollapse"));
 
+var _reactions = require("./reactions");
+
 var _fieldTypeMap = _interopRequireDefault(require("../fieldTypeMap"));
 
 var _utils = require("../utils");
@@ -139,12 +141,17 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   }, []); // 合并 schema 中 request 的 scope
 
   var mergedScope = (0, _react.useMemo)(function () {
-    return _objectSpread({}, scope);
+    return _objectSpread(_objectSpread({}, scope), {}, {
+      $request: _reactions.$request,
+      $common: _reactions.$common,
+      $dataSource: _reactions.$dataSource,
+      $validator: _reactions.$validator
+    });
   }, [scope]); // 格式化 schema
 
   var formatSchema = (0, _react.useCallback)(function (schema) {
     var schemaProperties = {};
-    schema === null || schema === void 0 ? void 0 : schema.forEach(function (item) {
+    schema === null || schema === void 0 ? void 0 : schema.forEach(function (item, index) {
       var newItem = (0, _warning.default)(item);
       var _newItem = newItem,
           originalComponent = _newItem.component; // 根据component的不同，初始化为内置的item
@@ -208,7 +215,7 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
           component = _newItem2.component,
           type = _newItem2.type,
           _newItem2$name = _newItem2.name,
-          name = _newItem2$name === void 0 ? (0, _utils.getRandomName)(component === null || component === void 0 ? void 0 : component.replace(/\./g, '')) : _newItem2$name,
+          name = _newItem2$name === void 0 ? (0, _utils.getFieldName)(component === null || component === void 0 ? void 0 : component.replace(/\./g, ''), index) : _newItem2$name,
           decorator = _newItem2.decorator,
           decoratorProps = _newItem2.decoratorProps,
           dataSource = _newItem2.dataSource,
@@ -233,18 +240,18 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       var defaultDecoratorProps = _objectSpread(_objectSpread({}, tooltipProps), decoratorProps); // 初始化request
 
 
-      var _initializeRequest = (0, _initializeRequest2.default)(request),
+      var _initializeRequest = (0, _initializeRequest2.default)(request, index),
           requestReactions = _initializeRequest.reactions,
           requestScope = _initializeRequest.scope; // 初始化dataSource
 
 
-      var _initializeDataSource = (0, _initializeDataSource2.default)(dataSource),
+      var _initializeDataSource = (0, _initializeDataSource2.default)(dataSource, index),
           defaultDataSource = _initializeDataSource.dataSource,
           dataSourceReactions = _initializeDataSource.reactions,
           dataSourceScope = _initializeDataSource.scope; // 初始化rules
 
 
-      var _initializeRules = (0, _initializeRules2.default)(rules),
+      var _initializeRules = (0, _initializeRules2.default)(rules, index),
           defaultRules = _initializeRules.rules,
           rulesScope = _initializeRules.scope; // 合并reactions，初始化reactions
 
@@ -266,7 +273,9 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
         rules: defaultRules,
         reactions: defaultReactions,
         dataSource: defaultDataSource,
-        data: data
+        data: data || {
+          placeholder: true
+        }
       })); // 递归子组件
 
       var recursiveProperties = (children === null || children === void 0 ? void 0 : children.length) ? {
@@ -280,15 +289,15 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     });
     return schemaProperties;
   }, [mergedScope]);
-  var proFormSchema = (0, _react.useMemo)(function () {
+  var formilySchema = (0, _react.useMemo)(function () {
     return {
       type: 'object',
       properties: formatSchema(schema)
     };
-  }, [schema]); // console.log(proFormSchema);
+  }, [schema]); // console.log(formilySchema);
 
   return /*#__PURE__*/_react.default.createElement(SchemaField, {
-    schema: proFormSchema,
+    schema: formilySchema,
     components: components,
     scope: mergedScope
   });

package/lib/form/SchemaForm/initializeDataSource.d.ts

@@ -1,6 +1,6 @@
-import type { ProFormRequestConfig } from '../';
+import type { ProFormRequestConfig } from '../typing';
 interface IInitializeDataSource {
-    (requestConfig?: ProFormRequestConfig | any): {
+    (requestConfig?: ProFormRequestConfig | any, index?: number): {
         dataSource?: any[];
         reactions: any[];
         scope: {

package/lib/form/SchemaForm/initializeDataSource.js

@@ -7,22 +7,15 @@ exports.default = void 0;
 
 var _utils = require("@teamix/utils");
 
-var _reactions = require("./reactions");
-
-var _utils2 = require("../utils");
-
 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; }
 
-var initializeDataSource = function initializeDataSource(dataSource) {
+var initializeDataSource = function initializeDataSource(dataSource, index) {
   if ((0, _utils.isPlainObj)(dataSource)) {
-    var _scope;
-
     var requestConfig = dataSource;
-    var requestScopeName = (0, _utils2.getRandomName)('$request');
-    var dataSourceScopeName = (0, _utils2.getRandomName)('$dataSource');
+    var requestConfigName = "$requestConfig_".concat(index);
     return {
-      reactions: ["{{".concat(dataSourceScopeName, "(").concat(requestScopeName, ",").concat(requestConfig.onComplete, ",context)}}")],
-      scope: (_scope = {}, _defineProperty(_scope, requestScopeName, (0, _reactions.$request)(requestConfig)), _defineProperty(_scope, dataSourceScopeName, _reactions.$dataSource), _scope)
+      reactions: ["{{$dataSource($request,".concat(requestConfigName, ",context)}}")],
+      scope: _defineProperty({}, requestConfigName, requestConfig)
     };
   }
 

package/lib/form/SchemaForm/initializeRequest.d.ts

@@ -1,6 +1,6 @@
-import type { ProFormRequestConfig } from '../';
+import type { ProFormRequestConfig } from '../typing';
 interface IInitializeRequest {
-    (requestConfig?: ProFormRequestConfig): {
+    (requestConfig?: ProFormRequestConfig, index?: number): {
         reactions: any[];
         scope: {
             [x: string]: any;

package/lib/form/SchemaForm/initializeRequest.js

@@ -5,21 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _reactions = require("../SchemaForm/reactions");
-
-var _utils = require("../utils");
-
 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; }
 
-var initializeRequest = function initializeRequest(requestConfig) {
+var initializeRequest = function initializeRequest(requestConfig, index) {
   if (requestConfig) {
-    var _scope;
-
-    var requestScopeName = (0, _utils.getRandomName)('$request');
-    var contextScopeName = (0, _utils.getRandomName)('$context');
+    var requestConfigName = "$requestConfig_".concat(index);
     return {
-      reactions: ["{{".concat(contextScopeName, "(").concat(requestScopeName, ",").concat(requestConfig.onComplete, ",context)}}")],
-      scope: (_scope = {}, _defineProperty(_scope, requestScopeName, (0, _reactions.$request)(requestConfig)), _defineProperty(_scope, contextScopeName, _reactions.$context), _scope)
+      reactions: ["{{$common($request,".concat(requestConfigName, ",context)}}")],
+      scope: _defineProperty({}, requestConfigName, requestConfig)
     };
   }
 

package/lib/form/SchemaForm/initializeRules.d.ts

@@ -1,5 +1,11 @@
 interface IInitializeRules {
-    (rules?: any): any;
+    (rules?: any, index?: number): {
+        rules?: any;
+        reactions: any[];
+        scope: {
+            [x: string]: any;
+        };
+    };
 }
 declare const initializeRules: IInitializeRules;
 export default initializeRules;

package/lib/form/SchemaForm/initializeRules.js

@@ -7,12 +7,6 @@ exports.default = void 0;
 
 var _utils = require("@teamix/utils");
 
-var _reactions = require("../SchemaForm/reactions");
-
-var _utils2 = require("../utils");
-
-var _reactions2 = require("./reactions");
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -31,19 +25,18 @@ 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; }
 
-var initializeRules = function initializeRules(rules) {
+var initializeRules = function initializeRules(rules, index) {
   var initializeValidator = function initializeValidator(rule) {
-    if ((0, _utils.isPlainObj)(rule === null || rule === void 0 ? void 0 : rule.validator)) {
-      var _scope;
+    var subIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
 
-      var validator = rule.validator;
-      var requestScopeName = (0, _utils2.getRandomName)('$request');
-      var validatorScopeName = (0, _utils2.getRandomName)('$validator');
+    if ((0, _utils.isPlainObj)(rule === null || rule === void 0 ? void 0 : rule.validator)) {
+      var requestConfig = rule.validator;
+      var requestConfigName = "$requestConfig_".concat(index, "_").concat(subIndex);
       return {
         rules: _objectSpread(_objectSpread({}, rule), {}, {
-          validator: "{{".concat(validatorScopeName, "(").concat(requestScopeName, ",").concat(validator.onComplete, ",context)}}")
+          validator: "{{$validator($request,".concat(requestConfigName, ",context)}}")
         }),
-        scope: (_scope = {}, _defineProperty(_scope, requestScopeName, (0, _reactions.$request)(validator)), _defineProperty(_scope, validatorScopeName, _reactions2.$validator), _scope)
+        scope: _defineProperty({}, requestConfigName, requestConfig)
       };
     }
 
@@ -54,8 +47,8 @@ var initializeRules = function initializeRules(rules) {
   };
 
   if ((0, _utils.isArr)(rules)) {
-    return rules.reduce(function (prev, current) {
-      var result = initializeValidator(current);
+    return rules.reduce(function (prev, current, subIndex) {
+      var result = initializeValidator(current, subIndex);
       prev.rules = [].concat(_toConsumableArray(prev.rules), [result.rules]);
       prev.scope = _objectSpread(_objectSpread({}, prev.scope), result.scope);
       return prev;

package/lib/form/SchemaForm/reactions.d.ts

@@ -1,6 +1,6 @@
 import type { ProFormRequestConfig } from '../typing';
-declare const $request: (requestConfig: ProFormRequestConfig) => (field: any, context: any) => Promise<unknown>;
-declare const $context: (services: any, onComplete: any, context: any) => (field: any) => any;
-declare const $validator: (services: any, onComplete: any, context: any) => (value: any, rules: any, { field }: any) => any;
-declare const $dataSource: (services: any, onComplete: any, context: any) => (field: any) => any;
-export { $request, $context, $dataSource, $validator };
+declare const $request: (field: any, requestConfig: ProFormRequestConfig, context: any) => Promise<unknown>;
+declare const $common: (services: any, requestConfig: ProFormRequestConfig, context: any) => (field: any) => any;
+declare const $validator: (services: any, requestConfig: ProFormRequestConfig, context: any) => (value: any, rules: any, { field }: any) => any;
+declare const $dataSource: (services: any, requestConfig: ProFormRequestConfig, context: any) => (field: any) => any;
+export { $request, $common, $dataSource, $validator };

package/lib/form/SchemaForm/reactions.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.$validator = exports.$request = exports.$dataSource = exports.$context = void 0;
+exports.$validator = exports.$request = exports.$dataSource = exports.$common = void 0;
 
 var _utils = require("@teamix/utils");
 
@@ -14,46 +14,44 @@ 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; }
 
 // 配置请求
-var $request = function $request(requestConfig) {
-  return function (field, context) {
-    var _field$data;
-
-    var refresh = field === null || field === void 0 ? void 0 : (_field$data = field.data) === null || _field$data === void 0 ? void 0 : _field$data.refresh;
-    var beforeRequest = requestConfig.beforeRequest,
-        onSuccess = requestConfig.onSuccess;
-    var refreshResult = (0, _utils.isPlainObj)(refresh) ? refresh : {};
-    var beforeRequestResult = (0, _utils.isFn)(beforeRequest) ? beforeRequest(field, context) : {};
-    return (0, _utils.doCommonRequest)(_objectSpread(_objectSpread({}, requestConfig), {}, {
-      params: _objectSpread(_objectSpread(_objectSpread({}, requestConfig.params), beforeRequestResult), refreshResult),
-      beforeRequest: function beforeRequest() {
-        return beforeRequestResult;
-      },
-      onSuccess: (0, _utils.isFn)(onSuccess) ? function (res) {
-        return onSuccess(res, field, context);
-      } : onSuccess
-    }), context);
-  };
-}; // 配置上下文
+var $request = function $request(field, requestConfig, context) {
+  var _field$data;
+
+  var refresh = field === null || field === void 0 ? void 0 : (_field$data = field.data) === null || _field$data === void 0 ? void 0 : _field$data.refresh;
+  var beforeRequest = requestConfig.beforeRequest,
+      onSuccess = requestConfig.onSuccess;
+  var refreshResult = (0, _utils.isPlainObj)(refresh) ? refresh : {};
+  var beforeRequestResult = (0, _utils.isFn)(beforeRequest) ? beforeRequest(field, context) : {};
+  return (0, _utils.doCommonRequest)(_objectSpread(_objectSpread({}, requestConfig), {}, {
+    params: _objectSpread(_objectSpread(_objectSpread({}, requestConfig.params), beforeRequestResult), refreshResult),
+    beforeRequest: function beforeRequest() {
+      return beforeRequestResult;
+    },
+    onSuccess: (0, _utils.isFn)(onSuccess) ? function (res) {
+      return onSuccess(res, field, context);
+    } : onSuccess
+  }), context);
+}; // 通用请求配置上下文
 
 
 exports.$request = $request;
 
-var $context = function $context(services, onComplete, context) {
+var $common = function $common(services, requestConfig, context) {
   return function (field) {
-    return services(field, context).then(function (res) {
-      return onComplete && onComplete(res, field, context);
+    return services(field, requestConfig, context).then(function (res) {
+      return requestConfig.onComplete && requestConfig.onComplete(res, field, context);
     });
   };
 }; // 配置校验
 
 
-exports.$context = $context;
+exports.$common = $common;
 
-var $validator = function $validator(services, onComplete, context) {
+var $validator = function $validator(services, requestConfig, context) {
   return function (value, rules, _ref) {
     var field = _ref.field;
-    return services(field, context).then(function (res) {
-      return onComplete && onComplete(res, field, context);
+    return services(field, requestConfig, context).then(function (res) {
+      return requestConfig.onComplete && requestConfig.onComplete(res, field, context);
     });
   };
 }; // 配置DataSource
@@ -61,13 +59,13 @@ var $validator = function $validator(services, onComplete, context) {
 
 exports.$validator = $validator;
 
-var $dataSource = function $dataSource(services, onComplete, context) {
+var $dataSource = function $dataSource(services, requestConfig, context) {
   return function (field) {
     field.setState({
       loading: true,
       readOnly: true
     });
-    return services(field, context).then(function (res) {
+    return services(field, requestConfig, context).then(function (res) {
       var isValueInDataSource = (0, _utils.getValueByValue)(res, field.value);
       var clearValue = isValueInDataSource ? {} : {
         value: undefined
@@ -77,7 +75,7 @@ var $dataSource = function $dataSource(services, onComplete, context) {
         loading: false,
         readOnly: false
       }, clearValue));
-      return onComplete && onComplete(res, field, context);
+      return requestConfig.onComplete && requestConfig.onComplete(res, field, context);
     }).catch(function () {
       field.setState({
         loading: false,

package/lib/form/typing.d.ts

@@ -58,12 +58,18 @@ export interface ProFormProps extends IFormLayoutProps {
     };
     children?: React.ReactNode;
     initialValues?: AnyObject;
-    initialRequest?: CommonRequestConfig;
+    initialRequest?: ProFormRequestConfig;
     previewTextPlaceholder?: ReactNode;
-    onChange?: (values: any, displayValues?: any) => any;
+    onChange?: (values: any, fieldValue?: any, fieldName?: any) => any;
     onSubmit?: ((values: any) => any) | CommonRequestConfig;
     onSubmitFailed?: (feedbacks: IFormFeedback[]) => void;
 }
+export interface FilterProps extends ProFormProps {
+    form: FormType;
+    defaultFilterValue?: string;
+    onReset?: (payload?: any) => void;
+    onResetClick?: () => void;
+}
 export interface QueryFilterProps extends ProFormProps {
     /**
      * @deprecated triggerType已弃用
@@ -73,6 +79,9 @@ export interface QueryFilterProps extends ProFormProps {
     expand?: boolean;
     addonBefore?: ReactNode;
     addonAfter?: ReactNode;
+    defaultFilterValue?: string;
+    formRef?: React.MutableRefObject<any>;
+    onInit?: (values: any) => boolean;
     onFilter?: (values: any) => void;
     onReset?: (payload?: any) => void;
 }

package/lib/form/utils.d.ts

@@ -15,14 +15,15 @@ declare const mapStatus: (props: any, field: any) => any;
 declare const mapDataSource: (props: any, field: any) => any;
 declare const mapMode: (props: any, field: any) => any;
 /**
- * 为未配置name的字段添加随机字段名称
- * @param prefix 随机字段名称前缀，默认为name
- * @returns 随机字段名称
+ * 创建字段名称
+ * @param prefix 字段名称前缀，接收字段component名称，默认为FieldName
+ * @param index 字段索引
+ * @returns 字段唯一名称
  */
-interface IGetRandomName {
-    (prefix?: string): string;
+interface IGetFieldName {
+    (prefix: string, index?: number): string;
 }
-declare const getRandomName: IGetRandomName;
+declare const getFieldName: IGetFieldName;
 /**
  * 将ProForm的key映射为formily的key，然后筛除掉无效的key/value
  * @param obj
@@ -36,4 +37,4 @@ declare const mapSchemaName: (obj: any) => any;
  * @returns 合并数组或合并其他值
  */
 declare const mergeArrayValue: (arr: any[], v?: any) => any[];
-export { mapSize, mapStatus, mapDataSource, mapMode, mergeArrayValue, getRandomName, mapSchemaName, };
+export { mapSize, mapStatus, mapDataSource, mapMode, mergeArrayValue, getFieldName, mapSchemaName, };

package/lib/form/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mergeArrayValue = exports.mapStatus = exports.mapSize = exports.mapSchemaName = exports.mapMode = exports.mapDataSource = exports.getRandomName = void 0;
+exports.mergeArrayValue = exports.mapStatus = exports.mapSize = exports.mapSchemaName = exports.mapMode = exports.mapDataSource = exports.getFieldName = void 0;
 
 var _core = require("@formily/core");
 
@@ -133,9 +133,10 @@ var mapMode = function mapMode(props, field) {
 
 exports.mapMode = mapMode;
 
-var getRandomName = function getRandomName() {
-  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'name';
-  return "".concat(prefix, "_").concat(Math.floor(Math.random() * Math.pow(10, 18)));
+var getFieldName = function getFieldName() {
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'FieldName';
+  var index = arguments.length > 1 ? arguments[1] : undefined;
+  return "".concat(prefix, "-").concat(index);
 };
 /**
  * 将ProForm的key映射为formily的key，然后筛除掉无效的key/value
@@ -144,7 +145,7 @@ var getRandomName = function getRandomName() {
  */
 
 
-exports.getRandomName = getRandomName;
+exports.getFieldName = getFieldName;
 
 var mapSchemaName = function mapSchemaName(obj) {
   var temp = {};

package/lib/index.d.ts

@@ -21,5 +21,5 @@ export * from './page-container';
 export * from './page-header';
 export * from './skeleton';
 export * from './table';
-declare const version = "1.2.16";
+declare const version = "1.2.20";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, hooks, nocode, templates, utils, };

package/lib/index.js

@@ -253,5 +253,5 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 _icon.default.setConfig(_utils.default.getTeamixIconConfig());
 
 // export * from './sidebar';
-var version = '1.2.16';
+var version = '1.2.20';
 exports.version = version;

package/lib/table/components/Pagination/index.d.ts

@@ -0,0 +1,3 @@
+import { PaginationProps } from '@alicloudfe/components/types/pagination';
+declare const _default: (props: PaginationProps) => JSX.Element;
+export default _default;

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

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _components = require("@alicloudfe/components");
+
+var _hooks = require("@teamix/hooks");
+
+var _excluded = ["className", "onChange", "total", "totalRender", "pageSize", "current", "pageSizeList", "pageSizeSelector", "type", "onPageSizeChange"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var _default = function _default(props) {
+  var className = props.className,
+      onChange = props.onChange,
+      total = props.total,
+      totalRender = props.totalRender,
+      pageSize = props.pageSize,
+      current = props.current,
+      pageSizeList = props.pageSizeList,
+      pageSizeSelector = props.pageSizeSelector,
+      type = props.type,
+      onPageSizeChange = props.onPageSizeChange,
+      otherProps = _objectWithoutProperties(props, _excluded);
+
+  var _useResponsiveProps = (0, _hooks.useResponsiveProps)([480, 580, 680], ['mini', 'small', 'simple', 'normal']),
+      responsiveProps = _useResponsiveProps.responsiveProps,
+      paginationWrapperRef = _useResponsiveProps.ref;
+
+  var commonPaginationProps = {
+    className: className,
+    onChange: onChange,
+    total: total,
+    pageSize: pageSize,
+    current: current,
+    shape: 'arrow-only',
+    pageSizeList: pageSizeList,
+    pageSizeSelector: pageSizeSelector,
+    pageSizePosition: 'end',
+    onPageSizeChange: onPageSizeChange
+  };
+
+  var renderPagination = function renderPagination() {
+    switch (responsiveProps) {
+      case 'normal':
+        return /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), otherProps));
+
+      case 'simple':
+        return /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
+          pageShowCount: 3
+        }, otherProps));
+
+      case 'small':
+        return /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
+          pageSizeSelector: false,
+          type: "simple"
+        }, otherProps));
+
+      case 'mini':
+        return /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
+          pageSizeSelector: false,
+          type: "mini"
+        }, otherProps));
+
+      default:
+        return /*#__PURE__*/_react.default.createElement(_components.Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), otherProps));
+    }
+  };
+
+  return (
+    /*#__PURE__*/
+    // 用于获取翻页器响应式 ref
+    _react.default.createElement("div", {
+      ref: paginationWrapperRef,
+      className: "pagination-wrapper"
+    }, renderPagination())
+  );
+};
+
+exports.default = _default;