@teamix/pro 1.2.17 → 1.2.21

package/es/form/ProForm/index.js

@@ -12,7 +12,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React, { memo, useEffect, useMemo } from 'react';
 import cls from 'classnames';
-import { createForm, onFormValuesChange, registerValidateLocale, setValidateLanguage } from '@formily/core';
+import { createForm, onFieldValueChange, registerValidateLocale, setValidateLanguage } from '@formily/core';
 import { toJS } from '@formily/reactive';
 import { Form } from '@teamix/formily';
 import { usePrefixCls, getLanguage } from '@teamix/utils';
@@ -78,12 +78,12 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
   }, [breakpoints, layout, labelAlign, wrapperAlign, labelCol, wrapperCol]); // 添加onChange
 
   useEffect(function () {
-    form.removeEffects('onChange');
-    form.addEffects('onChange', function () {
-      onFormValuesChange(function (form) {
-        if (onChange) {
-          onChange(toJS(form.values));
-        }
+    form.removeEffects('onFieldValueChange');
+    form.addEffects('onFieldValueChange', function () {
+      onFieldValueChange('*', function (field, form) {
+        var _field$props;
+
+        onChange && onChange(toJS(form.values), toJS(field.value), (_field$props = field.props) === null || _field$props === void 0 ? void 0 : _field$props.name);
       });
     });
   }, [form, onChange]); // 配置表单默认值
@@ -94,6 +94,10 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
     } else if (initialRequest) {
       useInitialRequest(initialRequest).then(function (values) {
         form.setInitialValues(values);
+      }).finally(function () {
+        initialRequest.onComplete && initialRequest.onComplete(undefined, undefined, {
+          form: form
+        });
       });
     }
   }, []); // 配置国际化

package/es/form/ProForm/index.scss

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

package/es/form/ProForm/useFieldRequest.js

@@ -5,18 +5,11 @@ 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 { useField } from '@formily/react';
-import { isPlainObj } from '@teamix/utils';
 export default (function () {
   var field = useField();
 
   var refresh = function refresh() {
-    if (!isPlainObj(field.data)) {
-      field.data = {
-        refresh: {}
-      };
-    } else {
-      field.data.refresh = _objectSpread({}, field.data.refresh);
-    }
+    field.data.refresh = _objectSpread({}, field.data.refresh);
   };
 
   return {

package/es/form/ProForm/useFormDisplayValues.js

@@ -12,7 +12,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { useForm } from '@formily/react';
 import { toJS } from '@formily/reactive';
-import { isArr, isPlainObj, getValueByValue } from '@teamix/utils';
+import { isArr, isPlainObj, isSignificative, getValueByValue } from '@teamix/utils';
 /**
  * 获取表单值的可显示值
  * @returns 如果某字段有dataSource，则返回value对应label
@@ -56,7 +56,9 @@ var getDisplayValues = function getDisplayValues(form, values) {
   }; // 判断值的类型，递归获取每个值在该结构中的完整路径
 
 
-  if (isPlainObj(values) && isLayoutValue(values)) {
+  if (!isSignificative(values)) {
+    displayValues = {};
+  } else if (isPlainObj(values) && isLayoutValue(values)) {
     // 如果值是对象且是布局对象的值
     displayValues = {};
     Object.entries(values).forEach(function (_ref) {

package/es/form/SchemaForm/index.js

@@ -55,8 +55,9 @@ import initializeFormGroup from './initializeFormGroup';
 import initializeFormStep from './initializeFormStep';
 import initializeFormTab from './initializeFormTab';
 import initializeFormCollapse from './initializeFormCollapse';
+import { $request, $common, $dataSource, $validator } from './reactions';
 import fieldTypeMap from '../fieldTypeMap';
-import { getRandomName, mapSchemaName } from '../utils';
+import { getFieldName, mapSchemaName } from '../utils';
 import warning from '../warning';
 export default /*#__PURE__*/memo(function (_ref) {
   var schema = _ref.schema,
@@ -96,12 +97,17 @@ export default /*#__PURE__*/memo(function (_ref) {
   }, []); // 合并 schema 中 request 的 scope
 
   var mergedScope = useMemo(function () {
-    return _objectSpread({}, scope);
+    return _objectSpread(_objectSpread({}, scope), {}, {
+      $request: $request,
+      $common: $common,
+      $dataSource: $dataSource,
+      $validator: $validator
+    });
   }, [scope]); // 格式化 schema
 
   var formatSchema = 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 = warning(item);
       var _newItem = newItem,
           originalComponent = _newItem.component; // 根据component的不同，初始化为内置的item
@@ -165,7 +171,7 @@ export default /*#__PURE__*/memo(function (_ref) {
           component = _newItem2.component,
           type = _newItem2.type,
           _newItem2$name = _newItem2.name,
-          name = _newItem2$name === void 0 ? getRandomName(component === null || component === void 0 ? void 0 : component.replace(/\./g, '')) : _newItem2$name,
+          name = _newItem2$name === void 0 ? getFieldName(component === null || component === void 0 ? void 0 : component.replace(/\./g, ''), index) : _newItem2$name,
           decorator = _newItem2.decorator,
           decoratorProps = _newItem2.decoratorProps,
           dataSource = _newItem2.dataSource,
@@ -190,18 +196,18 @@ export default /*#__PURE__*/memo(function (_ref) {
       var defaultDecoratorProps = _objectSpread(_objectSpread({}, tooltipProps), decoratorProps); // 初始化request
 
 
-      var _initializeRequest = initializeRequest(request),
+      var _initializeRequest = initializeRequest(request, index),
           requestReactions = _initializeRequest.reactions,
           requestScope = _initializeRequest.scope; // 初始化dataSource
 
 
-      var _initializeDataSource = initializeDataSource(dataSource),
+      var _initializeDataSource = initializeDataSource(dataSource, index),
           defaultDataSource = _initializeDataSource.dataSource,
           dataSourceReactions = _initializeDataSource.reactions,
           dataSourceScope = _initializeDataSource.scope; // 初始化rules
 
 
-      var _initializeRules = initializeRules(rules),
+      var _initializeRules = initializeRules(rules, index),
           defaultRules = _initializeRules.rules,
           rulesScope = _initializeRules.scope; // 合并reactions，初始化reactions
 
@@ -223,7 +229,9 @@ export default /*#__PURE__*/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) ? {
@@ -237,15 +245,15 @@ export default /*#__PURE__*/memo(function (_ref) {
     });
     return schemaProperties;
   }, [mergedScope]);
-  var proFormSchema = useMemo(function () {
+  var formilySchema = useMemo(function () {
     return {
       type: 'object',
       properties: formatSchema(schema)
     };
-  }, [schema]); // console.log(proFormSchema);
+  }, [schema]); // console.log(formilySchema);
 
   return /*#__PURE__*/React.createElement(SchemaField, {
-    schema: proFormSchema,
+    schema: formilySchema,
     components: components,
     scope: mergedScope
   });

package/es/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/es/form/SchemaForm/initializeDataSource.js

@@ -1,19 +1,14 @@
 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 { isPlainObj } from '@teamix/utils';
-import { $request, $dataSource } from './reactions';
-import { getRandomName } from '../utils';
 
-var initializeDataSource = function initializeDataSource(dataSource) {
+var initializeDataSource = function initializeDataSource(dataSource, index) {
   if (isPlainObj(dataSource)) {
-    var _scope;
-
     var requestConfig = dataSource;
-    var requestScopeName = getRandomName('$request');
-    var dataSourceScopeName = getRandomName('$dataSource');
+    var requestConfigName = "$requestConfig_".concat(index);
     return {
-      reactions: ["{{".concat(dataSourceScopeName, "(").concat(requestScopeName, ",").concat(requestConfig.onComplete, ",context)}}")],
-      scope: (_scope = {}, _defineProperty(_scope, requestScopeName, $request(requestConfig)), _defineProperty(_scope, dataSourceScopeName, $dataSource), _scope)
+      reactions: ["{{$dataSource($request,".concat(requestConfigName, ",context)}}")],
+      scope: _defineProperty({}, requestConfigName, requestConfig)
     };
   }
 

package/es/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/es/form/SchemaForm/initializeRequest.js

@@ -1,17 +1,11 @@
 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 { $request, $context } from '../SchemaForm/reactions';
-import { getRandomName } from '../utils';
-
-var initializeRequest = function initializeRequest(requestConfig) {
+var initializeRequest = function initializeRequest(requestConfig, index) {
   if (requestConfig) {
-    var _scope;
-
-    var requestScopeName = getRandomName('$request');
-    var contextScopeName = getRandomName('$context');
+    var requestConfigName = "$requestConfig_".concat(index);
     return {
-      reactions: ["{{".concat(contextScopeName, "(").concat(requestScopeName, ",").concat(requestConfig.onComplete, ",context)}}")],
-      scope: (_scope = {}, _defineProperty(_scope, requestScopeName, $request(requestConfig)), _defineProperty(_scope, contextScopeName, $context), _scope)
+      reactions: ["{{$common($request,".concat(requestConfigName, ",context)}}")],
+      scope: _defineProperty({}, requestConfigName, requestConfig)
     };
   }
 

package/es/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/es/form/SchemaForm/initializeRules.js

@@ -17,23 +17,19 @@ 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 { isArr, isPlainObj } from '@teamix/utils';
-import { $request } from '../SchemaForm/reactions';
-import { getRandomName } from '../utils';
-import { $validator } from './reactions';
 
-var initializeRules = function initializeRules(rules) {
+var initializeRules = function initializeRules(rules, index) {
   var initializeValidator = function initializeValidator(rule) {
-    if (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 = getRandomName('$request');
-      var validatorScopeName = getRandomName('$validator');
+    if (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, $request(validator)), _defineProperty(_scope, validatorScopeName, $validator), _scope)
+        scope: _defineProperty({}, requestConfigName, requestConfig)
       };
     }
 
@@ -44,8 +40,8 @@ var initializeRules = function initializeRules(rules) {
   };
 
   if (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/es/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/es/form/SchemaForm/reactions.js

@@ -6,54 +6,52 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import { isFn, isPlainObj, doCommonRequest, getValueByValue } from '@teamix/utils'; // 配置请求
 
-var $request = function $request(requestConfig) {
-  return function (field, context) {
-    var _field$data;
+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 = isPlainObj(refresh) ? refresh : {};
-    var beforeRequestResult = isFn(beforeRequest) ? beforeRequest(field, context) : {};
-    return doCommonRequest(_objectSpread(_objectSpread({}, requestConfig), {}, {
-      params: _objectSpread(_objectSpread(_objectSpread({}, requestConfig.params), beforeRequestResult), refreshResult),
-      beforeRequest: function beforeRequest() {
-        return beforeRequestResult;
-      },
-      onSuccess: isFn(onSuccess) ? function (res) {
-        return onSuccess(res, field, context);
-      } : onSuccess
-    }), context);
-  };
-}; // 配置上下文
+  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 = isPlainObj(refresh) ? refresh : {};
+  var beforeRequestResult = isFn(beforeRequest) ? beforeRequest(field, context) : {};
+  return doCommonRequest(_objectSpread(_objectSpread({}, requestConfig), {}, {
+    params: _objectSpread(_objectSpread(_objectSpread({}, requestConfig.params), beforeRequestResult), refreshResult),
+    beforeRequest: function beforeRequest() {
+      return beforeRequestResult;
+    },
+    onSuccess: isFn(onSuccess) ? function (res) {
+      return onSuccess(res, field, context);
+    } : onSuccess
+  }), context);
+}; // 通用请求配置上下文
 
 
-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);
     });
   };
 }; // 配置校验
 
 
-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
 
 
-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 = getValueByValue(res, field.value);
       var clearValue = isValueInDataSource ? {} : {
         value: undefined
@@ -63,7 +61,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,
@@ -73,4 +71,4 @@ var $dataSource = function $dataSource(services, onComplete, context) {
   };
 };
 
-export { $request, $context, $dataSource, $validator };
+export { $request, $common, $dataSource, $validator };

package/es/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/es/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/es/form/utils.js

@@ -113,9 +113,10 @@ var mapMode = function mapMode(props, field) {
   });
 };
 
-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
@@ -168,4 +169,4 @@ var mergeArrayValue = function mergeArrayValue(arr, v) {
   return [].concat(_toConsumableArray(arr), [v]);
 };
 
-export { mapSize, mapStatus, mapDataSource, mapMode, mergeArrayValue, getRandomName, mapSchemaName };
+export { mapSize, mapStatus, mapDataSource, mapMode, mergeArrayValue, getFieldName, mapSchemaName };

package/es/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/es/index.js

@@ -27,7 +27,7 @@ export * from './page-header';
 export * from './skeleton';
 export * from './table'; // export * from './sidebar';
 
-var version = '1.2.16';
+var version = '1.2.20';
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, // ProLayout,
 ProPageContainer, ProPageHeader, ProSkeleton, ProTable, // ProSidebar,
 hooks, nocode, templates, utils };

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

@@ -24,6 +24,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// 表格项列筛选
 import React, { useEffect, useMemo, useState } from 'react';
 import TeamixIcon from '@teamix/icon';
 import { Button, Dropdown, Menu } from '@alicloudfe/components';

package/es/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/es/table/components/Pagination/index.js

@@ -0,0 +1,82 @@
+var _excluded = ["className", "onChange", "total", "totalRender", "pageSize", "current", "pageSizeList", "pageSizeSelector", "type", "onPageSizeChange"];
+
+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; }
+
+// 自适应宽度的翻页器
+import React from 'react';
+import { Pagination } from '@alicloudfe/components';
+import { useResponsiveProps } from '@teamix/hooks';
+export default (function (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 = 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.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), otherProps));
+
+      case 'simple':
+        return /*#__PURE__*/React.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
+          pageShowCount: 3
+        }, otherProps));
+
+      case 'small':
+        return /*#__PURE__*/React.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
+          pageSizeSelector: false,
+          type: "simple"
+        }, otherProps));
+
+      case 'mini':
+        return /*#__PURE__*/React.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), {}, {
+          pageSizeSelector: false,
+          type: "mini"
+        }, otherProps));
+
+      default:
+        return /*#__PURE__*/React.createElement(Pagination, _objectSpread(_objectSpread({}, commonPaginationProps), otherProps));
+    }
+  };
+
+  return (
+    /*#__PURE__*/
+    // 用于获取翻页器响应式 ref
+    React.createElement("div", {
+      ref: paginationWrapperRef,
+      className: "pagination-wrapper"
+    }, renderPagination())
+  );
+});