@pisell/materials 1.0.449 → 1.0.451

package/es/components/dataSourceComponents/dataSourceForm/utils.js

@@ -0,0 +1,188 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["renderMode", "value", "onChange"],
+  _excluded2 = ["name", "label", "mode", "tooltip", "noStyle", "extra", "required", "requiredobj", "minLengthobj", "maxLengthobj", "typeobj", "maxobj", "minobj", "style", "__designMode"];
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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, { useMemo } from 'react';
+import { isArr, isString } from '@pisell/utils';
+import { Tag } from 'antd';
+import Form from "../../form";
+import useDataSource from "../hooks/useDataSource";
+import useFormSetting from "./provider/hooks/useFormSetting";
+/**
+ * @title: 增加renderMode属性
+ * @description: 基于renderMode属性控制渲染模式
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-11-23 17:13:18
+ */
+export var withMode = function withMode(FieldComponent, ReadPrettyComponent, transformProps) {
+  return function (_ref) {
+    var _ref$renderMode = _ref.renderMode,
+      renderMode = _ref$renderMode === void 0 ? 'edit' : _ref$renderMode,
+      value = _ref.value,
+      onChange = _ref.onChange,
+      props = _objectWithoutProperties(_ref, _excluded);
+    var transformedProps = (transformProps === null || transformProps === void 0 ? void 0 : transformProps(_objectSpread(_objectSpread({}, props), {}, {
+      value: value,
+      onChange: onChange,
+      renderMode: renderMode
+    }), renderMode)) || _objectSpread(_objectSpread({}, props), {}, {
+      value: value,
+      onChange: onChange,
+      renderMode: renderMode
+    });
+    if (renderMode === 'view' && ReadPrettyComponent) {
+      return /*#__PURE__*/React.createElement(ReadPrettyComponent, transformedProps);
+    }
+    if (renderMode === 'disabled') {
+      return /*#__PURE__*/React.createElement(FieldComponent, _extends({}, transformedProps, {
+        disabled: true
+      }));
+    }
+    return /*#__PURE__*/React.createElement(FieldComponent, transformedProps);
+  };
+};
+var FORM_ITEM_SPLIT_CHAR = '__zsj__';
+
+// 替换name中的.为FORM_ITEM_SPLIT_CHAR
+export var formItemNameReplace = function formItemNameReplace(name) {
+  return name.replace(/\./g, FORM_ITEM_SPLIT_CHAR);
+};
+
+// 替换name中的FORM_ITEM_SPLIT_CHAR为.
+export var formItemNameReverse = function formItemNameReverse(name) {
+  return name.replace(new RegExp(FORM_ITEM_SPLIT_CHAR, 'g'), '.');
+};
+
+/**
+ * @title: 追加formItem层
+ * @description:
+ * @return: *
+ * @Author: shengjie.zuo
+ * @Date: 2024-11-23 17:14:25
+ */
+export var withFormItem = function withFormItem(WrappedComponent) {
+  return function (_ref2) {
+    var _field$uiSchema;
+    var propsName = _ref2.name,
+      propsLabel = _ref2.label,
+      propsMode = _ref2.mode,
+      tooltip = _ref2.tooltip,
+      noStyle = _ref2.noStyle,
+      extra = _ref2.extra,
+      required = _ref2.required,
+      requiredobj = _ref2.requiredobj,
+      minLengthobj = _ref2.minLengthobj,
+      maxLengthobj = _ref2.maxLengthobj,
+      typeobj = _ref2.typeobj,
+      maxobj = _ref2.maxobj,
+      minobj = _ref2.minobj,
+      style = _ref2.style,
+      __designMode = _ref2.__designMode,
+      otherProps = _objectWithoutProperties(_ref2, _excluded2);
+    var _useDataSource = useDataSource(),
+      dataSource = _useDataSource.dataSource;
+    var _ref3 = dataSource || {},
+      fields = _ref3.fields;
+    var _useFormSetting = useFormSetting(),
+      globalMode = _useFormSetting.mode;
+    var field = fields === null || fields === void 0 ? void 0 : fields.find(function (item) {
+      return item.name === propsName;
+    });
+
+    // 优先级：外部传入 > schema 中的 title > 字段名
+    var label = propsLabel || (field === null || field === void 0 ? void 0 : (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title) || propsName;
+
+    // 模式优先级：外部传入 mode > 全局模式
+    var effectiveMode = propsMode || globalMode;
+    var renderComponent = useMemo(function () {
+      // 使用renderMode属性，避免和组件mode冲突
+      return /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, otherProps, {
+        renderMode: effectiveMode
+      }));
+    }, [effectiveMode, otherProps]);
+    var isDesignMode = __designMode === 'design';
+    var isHidden = effectiveMode === 'hidden';
+
+    // 如果name是字符串，并且包含.，则将name转换为数组 否则提交时会转换为对象
+    var name = isString(propsName) && propsName.includes('.') ? [propsName] : propsName;
+    var rules = [];
+    if (requiredobj && requiredobj.required) {
+      rules.push(requiredobj);
+    }
+    if (typeobj && typeobj.enabled) {
+      rules.push(typeobj);
+    }
+    if (maxLengthobj && maxLengthobj.enabled) {
+      rules.push(maxLengthobj);
+    }
+    if (minLengthobj && minLengthobj.enabled) {
+      rules.push(minLengthobj);
+    }
+    if (maxobj && maxobj.enabled) {
+      rules.push(maxobj);
+    }
+    if (minobj && minobj.enabled) {
+      rules.push(minobj);
+    }
+    return /*#__PURE__*/React.createElement(Form.Item, {
+      required: required,
+      style: _objectSpread(_objectSpread({
+        width: '100%'
+      }, style), {}, {
+        opacity: isDesignMode && isHidden ? '0.3' : 1
+      }),
+      name: name,
+      label: label,
+      tooltip: tooltip,
+      noStyle: noStyle,
+      extra: extra,
+      hidden: isHidden && !isDesignMode,
+      rules: rules
+    }, renderComponent);
+  };
+};
+
+// 获取嵌套对象的值
+export var getNestedValue = function getNestedValue(obj, path) {
+  var keys = path.split('.');
+  var value = obj;
+  var _iterator = _createForOfIteratorHelper(keys),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var k = _step.value;
+      if (!value) break;
+      value = value[k];
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return value;
+};
+
+// 根据valueMap渲染value 用于ReadPretty组件 Select Radio Checkbox
+export var renderValueWithMap = function renderValueWithMap(value, valueMap) {
+  if (isArr(value)) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, value.map(function (item) {
+      return /*#__PURE__*/React.createElement(Tag, {
+        key: item
+      }, valueMap === null || valueMap === void 0 ? void 0 : valueMap[item]);
+    }));
+  } else if (isString(value)) {
+    return /*#__PURE__*/React.createElement(Tag, null, (valueMap === null || valueMap === void 0 ? void 0 : valueMap[value]) || value);
+  }
+  return null;
+};

package/es/components/dataSourceComponents/dataSourceTable/hooks/useColumns.d.ts

@@ -0,0 +1,11 @@
+import { ColumnType } from 'antd/es/table';
+export declare type Column = ColumnType<{
+    fieldComponent: string;
+}>;
+declare type UseColumnsProps = {
+    columns: Column[];
+    fields?: any[];
+    actionsColumns?: any[];
+};
+declare const useColumns: ({ columns, fields, actionsColumns, }: UseColumnsProps) => Column[];
+export default useColumns;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useColumns.js

@@ -0,0 +1,56 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { useMemo } from 'react';
+import { getFieldComponent } from "../../fields";
+var genFieldProps = function genFieldProps(field) {
+  var props = {
+    mode: 'view',
+    noStyle: true
+  };
+  if (!field) return props;
+  if (['Select', 'Radio.Group', 'Checkbox.Group'].includes(field.uiSchema['x-component']) && field.uiSchema.enum.length > 0) {
+    if (['Radio.Group', 'Checkbox.Group'].includes(field.uiSchema['x-component'])) {
+      props.direction = 'horizontal';
+    }
+    props.options = field.uiSchema.enum;
+  }
+  return props;
+};
+var useColumns = function useColumns(_ref) {
+  var columns = _ref.columns,
+    fields = _ref.fields,
+    actionsColumns = _ref.actionsColumns;
+  // 将fields转换为map
+  var fieldMap = useMemo(function () {
+    if (!fields) return {};
+    return fields.reduce(function (acc, field) {
+      acc[field.name] = field;
+      return acc;
+    }, {});
+  }, [fields]);
+  return useMemo(function () {
+    if (Object.keys(fieldMap).length === 0) return [];
+    return columns.map(function (column) {
+      var field = fieldMap[column === null || column === void 0 ? void 0 : column.dataIndex];
+
+      // 优先 column.title -> field.title
+      var title = (column === null || column === void 0 ? void 0 : column.title) || (field === null || field === void 0 ? void 0 : field.title);
+      var FieldComponent = getFieldComponent(column === null || column === void 0 ? void 0 : column.fieldComponent) || 'div';
+      var fieldProps = genFieldProps(field);
+      return _objectSpread(_objectSpread({}, column), {}, {
+        title: title,
+        render: function render(text) {
+          return /*#__PURE__*/React.createElement(FieldComponent, _extends({}, fieldProps, {
+            value: text
+          }));
+        }
+      });
+    }).concat(actionsColumns || []);
+  }, [columns, fieldMap, actionsColumns]);
+};
+export default useColumns;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDesignMode.d.ts

@@ -0,0 +1,2 @@
+declare const useDesignMode: (props: any, { registerVariable, openDrawer, closeDrawer, data }: any) => void;
+export default useDesignMode;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDesignMode.js

@@ -0,0 +1,39 @@
+import { useEffect } from 'react';
+
+// 设计模式下状态管理
+var useDesignMode = function useDesignMode(props, _ref) {
+  var registerVariable = _ref.registerVariable,
+    openDrawer = _ref.openDrawer,
+    closeDrawer = _ref.closeDrawer,
+    data = _ref.data;
+  var __designMode = props.__designMode,
+    showDetailButton = props.showDetailButton,
+    showEditButton = props.showEditButton;
+  useEffect(function () {
+    if (__designMode === 'design') {
+      if (showDetailButton) {
+        var _data$data;
+        openDrawer('detail');
+        registerVariable === null || registerVariable === void 0 ? void 0 : registerVariable({
+          currentRecord: (data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data[0]) || null
+        });
+      } else {
+        closeDrawer();
+      }
+    }
+  }, [showDetailButton, __designMode]);
+  useEffect(function () {
+    if (__designMode === 'design') {
+      if (showEditButton) {
+        var _data$data2;
+        openDrawer('edit');
+        registerVariable === null || registerVariable === void 0 ? void 0 : registerVariable({
+          currentRecord: (data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2[0]) || null
+        });
+      } else {
+        closeDrawer();
+      }
+    }
+  }, [showEditButton, __designMode]);
+};
+export default useDesignMode;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const useDrawerState: () => {
+    drawerVisible: boolean;
+    setDrawerVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    drawerType: "add" | "edit" | "detail";
+    setDrawerType: import("react").Dispatch<import("react").SetStateAction<"add" | "edit" | "detail">>;
+    openDrawer: (type: 'detail' | 'edit' | 'add') => void;
+    closeDrawer: () => void;
+};
+export default useDrawerState;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDrawerState.js

@@ -0,0 +1,35 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useState } from 'react';
+var useDrawerState = function useDrawerState() {
+  // 抽屉是否显示
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    drawerVisible = _useState2[0],
+    setDrawerVisible = _useState2[1];
+  // 抽屉类型
+  var _useState3 = useState('detail'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    drawerType = _useState4[0],
+    setDrawerType = _useState4[1];
+  var openDrawer = function openDrawer(type) {
+    setDrawerVisible(true);
+    setDrawerType(type);
+  };
+  var closeDrawer = function closeDrawer() {
+    setDrawerVisible(false);
+  };
+  return {
+    drawerVisible: drawerVisible,
+    setDrawerVisible: setDrawerVisible,
+    drawerType: drawerType,
+    setDrawerType: setDrawerType,
+    openDrawer: openDrawer,
+    closeDrawer: closeDrawer
+  };
+};
+export default useDrawerState;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useFormat.d.ts

@@ -0,0 +1,27 @@
+export declare type ListResult = {
+    data: any[];
+    count: number;
+    page: number;
+    pageSize: number;
+};
+export declare type UseFormatParams = {
+    dataSourceKey: string;
+};
+export declare type FormatListResultParams = {
+    list: any[];
+    count: number;
+    page: number;
+    size: number;
+} | {
+    data: any[];
+    meta: {
+        count: number;
+        page: number;
+        pageSize: number;
+    };
+};
+declare const useFormat: ({ dataSourceKey }: UseFormatParams) => {
+    formatListResult: (res: FormatListResultParams) => ListResult;
+    formatListParams: (params: any) => any;
+};
+export default useFormat;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useFormat.js

@@ -0,0 +1,41 @@
+import { useMemoizedFn } from 'ahooks';
+// 数据格式化
+var useFormat = function useFormat(_ref) {
+  var dataSourceKey = _ref.dataSourceKey;
+  // list接口请求 结果格式化
+  var formatListResult = useMemoizedFn(function (res) {
+    if (dataSourceKey === 'pisell2-api' && 'list' in res) {
+      return {
+        data: res.list,
+        count: res.count,
+        page: res.page,
+        pageSize: res.size
+      };
+    }
+    if ('meta' in res) {
+      return {
+        data: res.data,
+        count: res.meta.count,
+        page: res.meta.page,
+        pageSize: res.meta.pageSize
+      };
+    }
+    return res;
+  });
+
+  // list接口请求 参数格式化
+  var formatListParams = useMemoizedFn(function (params) {
+    if (dataSourceKey === 'pisell2-api') {
+      return {
+        page: params.page,
+        size: params.pageSize
+      };
+    }
+    return params;
+  });
+  return {
+    formatListResult: formatListResult,
+    formatListParams: formatListParams
+  };
+};
+export default useFormat;

package/es/components/dataSourceComponents/dataSourceTable/hooks/usePagination.d.ts

@@ -0,0 +1,16 @@
+declare type UsePaginationProps = {
+    data: {
+        count: number;
+        page: number;
+        pageSize: number;
+        [key: string]: any;
+    };
+};
+declare const usePagination: ({ data }: UsePaginationProps) => {
+    total: number;
+    current: number;
+    pageSize: number;
+    size: string;
+    showSizeChanger: boolean;
+};
+export default usePagination;

package/es/components/dataSourceComponents/dataSourceTable/hooks/usePagination.js

@@ -0,0 +1,14 @@
+import { useMemo } from 'react';
+var usePagination = function usePagination(_ref) {
+  var data = _ref.data;
+  return useMemo(function () {
+    return {
+      total: data === null || data === void 0 ? void 0 : data.count,
+      current: data === null || data === void 0 ? void 0 : data.page,
+      pageSize: data === null || data === void 0 ? void 0 : data.pageSize,
+      size: 'large',
+      showSizeChanger: (data === null || data === void 0 ? void 0 : data.count) > 50
+    };
+  }, [data]);
+};
+export default usePagination;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+declare const useTableQuery: () => {
+    queryPageConfig: {
+        page: number;
+        pageSize: number;
+    };
+    setQueryPageConfig: import("react").Dispatch<import("react").SetStateAction<{
+        page: number;
+        pageSize: number;
+    }>>;
+    handleValuesChange: (params: {
+        pagination: {
+            page: number;
+            size: number;
+        };
+    }) => void;
+    refreshData: () => void;
+};
+export default useTableQuery;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableQuery.js

@@ -0,0 +1,51 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useState } from 'react';
+import { useMemoizedFn } from 'ahooks';
+var useTableQuery = function useTableQuery() {
+  // 分页配置
+  var _useState = useState({
+      page: 1,
+      pageSize: 10
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    queryPageConfig = _useState2[0],
+    setQueryPageConfig = _useState2[1];
+
+  // 分页变化
+  var handleValuesChange = useMemoizedFn(function (params) {
+    var _params$pagination = params.pagination,
+      page = _params$pagination.page,
+      size = _params$pagination.size;
+    if (page !== queryPageConfig.page || size !== queryPageConfig.pageSize) {
+      setQueryPageConfig({
+        page: size !== queryPageConfig.pageSize ? 1 : page,
+        pageSize: size
+      });
+    }
+  });
+  var refreshData = useMemoizedFn(function () {
+    setQueryPageConfig(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, {
+        page: 1
+      });
+    });
+  });
+  return {
+    queryPageConfig: queryPageConfig,
+    setQueryPageConfig: setQueryPageConfig,
+    handleValuesChange: handleValuesChange,
+    refreshData: refreshData
+  };
+};
+export default useTableQuery;

package/es/components/dataSourceComponents/dataSourceTable/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DataSourceTableProps } from './type';
+declare const DataSourceTable: (props: DataSourceTableProps) => React.JSX.Element;
+export default DataSourceTable;