@ant-design/pro-components 3.1.0-0 → 3.1.1-1

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

@@ -6,14 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _icons = require("@ant-design/icons");
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
@@ -25,14 +17,13 @@ var _ListToolBar = _interopRequireDefault(require("../ListToolBar"));
 var _DensityIcon = _interopRequireDefault(require("./DensityIcon"));
 var _FullscreenIcon = _interopRequireDefault(require("./FullscreenIcon"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["headerTitle", "tooltip", "toolBarRender", "action", "options", "selectedRowKeys", "selectedRows", "toolbar", "onSearch", "columns", "optionsRender"];
-function getButtonText(_ref, options) {
-  var _options$reloadIcon;
-  var intl = _ref.intl;
+function getButtonText({
+  intl
+}, options) {
   return {
     reload: {
       text: intl.getMessage('tableToolBar.reload', '刷新'),
-      icon: (_options$reloadIcon = options.reloadIcon) !== null && _options$reloadIcon !== void 0 ? _options$reloadIcon : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ReloadOutlined, {})
+      icon: options.reloadIcon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ReloadOutlined, {})
     },
     density: {
       text: intl.getMessage('tableToolBar.density', '表格密度'),
@@ -54,24 +45,23 @@ function getButtonText(_ref, options) {
  * @param className
  */
 function renderDefaultOption(options, defaultOptions, actions, columns) {
-  return Object.keys(options).filter(function (item) {
-    return item;
-  }).map(function (key) {
-    var value = options[key];
+  return Object.keys(options).filter(item => item).map(key => {
+    const value = options[key];
     if (!value) {
       return null;
     }
-    var onClick = value === true ? defaultOptions[key] : function (event) {
-      value === null || value === void 0 || value(event, actions.current);
+    let onClick = value === true ? defaultOptions[key] : event => {
+      value?.(event, actions.current);
     };
     if (typeof onClick !== 'function') {
-      onClick = function onClick() {};
+      onClick = () => {};
     }
     if (key === 'setting') {
-      return /*#__PURE__*/(0, _react.createElement)(_ColumnSetting.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, options[key]), {}, {
+      return /*#__PURE__*/(0, _react.createElement)(_ColumnSetting.default, {
+        ...options[key],
         columns: columns,
         key: key
-      }));
+      });
     }
     if (key === 'fullScreen') {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -79,7 +69,7 @@ function renderDefaultOption(options, defaultOptions, actions, columns) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullscreenIcon.default, {})
       }, key);
     }
-    var optionItem = getButtonText(defaultOptions, options)[key];
+    const optionItem = getButtonText(defaultOptions, options)[key];
     if (optionItem) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         onClick: onClick,
@@ -90,215 +80,185 @@ function renderDefaultOption(options, defaultOptions, actions, columns) {
       }, key);
     }
     return null;
-  }).filter(function (item) {
-    return item;
-  });
+  }).filter(item => item);
 }
-function ToolBar(_ref2) {
-  var headerTitle = _ref2.headerTitle,
-    tooltip = _ref2.tooltip,
-    toolBarRender = _ref2.toolBarRender,
-    action = _ref2.action,
-    propsOptions = _ref2.options,
-    selectedRowKeys = _ref2.selectedRowKeys,
-    selectedRows = _ref2.selectedRows,
-    toolbar = _ref2.toolbar,
-    onSearch = _ref2.onSearch,
-    columns = _ref2.columns,
-    optionsRender = _ref2.optionsRender,
-    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-  var counter = (0, _react.useContext)(_Provide.TableContext);
-  var intl = (0, _provider.useIntl)();
-  var optionDom = (0, _react.useMemo)(function () {
-    var defaultOptions = {
-      reload: function reload() {
-        var _action$current;
-        return action === null || action === void 0 || (_action$current = action.current) === null || _action$current === void 0 ? void 0 : _action$current.reload();
-      },
+function ToolBar({
+  headerTitle,
+  tooltip,
+  toolBarRender,
+  action,
+  options: propsOptions,
+  selectedRowKeys,
+  selectedRows,
+  toolbar,
+  onSearch,
+  columns,
+  optionsRender,
+  ...rest
+}) {
+  const counter = (0, _react.useContext)(_Provide.TableContext);
+  const intl = (0, _provider.useIntl)();
+  const optionDom = (0, _react.useMemo)(() => {
+    const defaultOptions = {
+      reload: () => action?.current?.reload(),
       density: true,
       setting: true,
       search: false,
-      fullScreen: function fullScreen() {
-        var _action$current2, _action$current2$full;
-        return action === null || action === void 0 || (_action$current2 = action.current) === null || _action$current2 === void 0 || (_action$current2$full = _action$current2.fullScreen) === null || _action$current2$full === void 0 ? void 0 : _action$current2$full.call(_action$current2);
-      }
+      fullScreen: () => action?.current?.fullScreen?.()
     };
     if (propsOptions === false) {
       return [];
     }
-    var options = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultOptions), {}, {
-      fullScreen: false
-    }, propsOptions);
-    var settings = renderDefaultOption(options, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultOptions), {}, {
-      intl: intl
-    }), action, columns);
+    const options = {
+      ...defaultOptions,
+      fullScreen: false,
+      ...propsOptions
+    };
+    const settings = renderDefaultOption(options, {
+      ...defaultOptions,
+      intl
+    }, action, columns);
     if (optionsRender) {
-      return optionsRender((0, _objectSpread2.default)({
-        headerTitle: headerTitle,
-        tooltip: tooltip,
-        toolBarRender: toolBarRender,
-        action: action,
+      return optionsRender({
+        headerTitle,
+        tooltip,
+        toolBarRender,
+        action,
         options: propsOptions,
-        selectedRowKeys: selectedRowKeys,
-        selectedRows: selectedRows,
-        toolbar: toolbar,
-        onSearch: onSearch,
-        columns: columns,
-        optionsRender: optionsRender
-      }, rest), settings);
+        selectedRowKeys,
+        selectedRows,
+        toolbar,
+        onSearch,
+        columns,
+        optionsRender,
+        ...rest
+      }, settings);
     }
     return settings;
   }, [action, columns, headerTitle, intl, onSearch, optionsRender, propsOptions, rest, selectedRowKeys, selectedRows, toolBarRender, toolbar, tooltip]);
   // 操作列表
-  var actions = toolBarRender ? toolBarRender(action === null || action === void 0 ? void 0 : action.current, {
-    selectedRowKeys: selectedRowKeys,
-    selectedRows: selectedRows
+  const actions = toolBarRender ? toolBarRender(action?.current, {
+    selectedRowKeys,
+    selectedRows
   }) : [];
-  var searchConfig = (0, _react.useMemo)(function () {
+  const searchConfig = (0, _react.useMemo)(() => {
     if (!propsOptions) {
       return false;
     }
     if (!propsOptions.search) return false;
 
     /** 受控的value 和 onChange */
-    var defaultSearchConfig = {
+    const defaultSearchConfig = {
       value: counter.keyWords,
-      onChange: function onChange(e) {
-        return counter.setKeyWords(e.target.value);
-      }
+      onChange: e => counter.setKeyWords(e.target.value)
     };
     if (propsOptions.search === true) return defaultSearchConfig;
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultSearchConfig), propsOptions.search);
+    return {
+      ...defaultSearchConfig,
+      ...propsOptions.search
+    };
   }, [counter, propsOptions]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (counter.keyWords === undefined) {
-      onSearch === null || onSearch === void 0 || onSearch('');
+      onSearch?.('');
     }
   }, [counter.keyWords, onSearch]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListToolBar.default, (0, _objectSpread2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListToolBar.default, {
     title: headerTitle,
     tooltip: tooltip,
     search: searchConfig,
     onSearch: onSearch,
     actions: actions,
-    settings: optionDom
-  }, toolbar));
+    settings: optionDom,
+    ...toolbar
+  });
 }
 /** 这里负责与table交互，并且减少 render次数 */
-var ToolbarRender = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(ToolbarRender, _React$Component);
-  var _super = (0, _createSuper2.default)(ToolbarRender);
-  function ToolbarRender() {
-    var _this;
-    (0, _classCallCheck2.default)(this, ToolbarRender);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+const ToolbarRender = props => {
+  const {
+    hideToolbar,
+    tableColumn,
+    options,
+    searchNode,
+    tooltip,
+    toolbar,
+    selectedRows,
+    selectedRowKeys,
+    headerTitle,
+    actionRef,
+    toolBarRender,
+    optionsRender,
+    onFormSearchSubmit
+  } = props;
+  const onSearch = (0, _react.useCallback)(keyword => {
+    if (!options || !options.search) {
+      return;
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSearch", function (keyword) {
-      var _options$search, _options$search$onSea, _actionRef$current, _actionRef$current$se;
-      var _this$props = _this.props,
-        options = _this$props.options,
-        onFormSearchSubmit = _this$props.onFormSearchSubmit,
-        actionRef = _this$props.actionRef;
-      if (!options || !options.search) {
-        return;
-      }
-      var _ref3 = options.search === true ? {} : options.search,
-        _ref3$name = _ref3.name,
-        name = _ref3$name === void 0 ? 'keyword' : _ref3$name;
+    const {
+      name = 'keyword'
+    } = options.search === true ? {} : options.search;
 
-      /** 如果传入的 onSearch 返回值为 false，应该直接拦截请求 */
-      var success = (_options$search = options.search) === null || _options$search === void 0 || (_options$search$onSea = _options$search.onSearch) === null || _options$search$onSea === void 0 ? void 0 : _options$search$onSea.call(_options$search, keyword);
-      if (success === false) return;
+    /** 如果传入的 onSearch 返回值为 false，应该直接拦截请求 */
+    const success = options.search?.onSearch?.(keyword);
+    if (success === false) return;
 
-      // 查询的时候的回到第一页
-      actionRef === null || actionRef === void 0 || (_actionRef$current = actionRef.current) === null || _actionRef$current === void 0 || (_actionRef$current$se = _actionRef$current.setPageInfo) === null || _actionRef$current$se === void 0 || _actionRef$current$se.call(_actionRef$current, {
-        current: 1
-      });
-      onFormSearchSubmit((0, _utils.omitUndefined)((0, _defineProperty2.default)({
-        _timestamp: Date.now()
-      }, name, keyword)));
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isEquals", function (next) {
-      var _this$props2 = _this.props,
-        hideToolbar = _this$props2.hideToolbar,
-        tableColumn = _this$props2.tableColumn,
-        options = _this$props2.options,
-        tooltip = _this$props2.tooltip,
-        toolbar = _this$props2.toolbar,
-        selectedRows = _this$props2.selectedRows,
-        selectedRowKeys = _this$props2.selectedRowKeys,
-        headerTitle = _this$props2.headerTitle,
-        actionRef = _this$props2.actionRef,
-        toolBarRender = _this$props2.toolBarRender;
-      return (0, _utils.isDeepEqualReact)({
-        hideToolbar: hideToolbar,
-        tableColumn: tableColumn,
-        options: options,
-        tooltip: tooltip,
-        toolbar: toolbar,
-        selectedRows: selectedRows,
-        selectedRowKeys: selectedRowKeys,
-        headerTitle: headerTitle,
-        actionRef: actionRef,
-        toolBarRender: toolBarRender
-      }, {
-        hideToolbar: next.hideToolbar,
-        tableColumn: next.tableColumn,
-        options: next.options,
-        tooltip: next.tooltip,
-        toolbar: next.toolbar,
-        selectedRows: next.selectedRows,
-        selectedRowKeys: next.selectedRowKeys,
-        headerTitle: next.headerTitle,
-        actionRef: next.actionRef,
-        toolBarRender: next.toolBarRender
-      }, ['render', 'formItemRender']);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "shouldComponentUpdate", function (next) {
-      if (next.searchNode) {
-        return true;
-      }
-      return !_this.isEquals(next);
+    // 查询的时候的回到第一页
+    actionRef?.current?.setPageInfo?.({
+      current: 1
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "render", function () {
-      var _this$props3 = _this.props,
-        hideToolbar = _this$props3.hideToolbar,
-        tableColumn = _this$props3.tableColumn,
-        options = _this$props3.options,
-        searchNode = _this$props3.searchNode,
-        tooltip = _this$props3.tooltip,
-        toolbar = _this$props3.toolbar,
-        selectedRows = _this$props3.selectedRows,
-        selectedRowKeys = _this$props3.selectedRowKeys,
-        headerTitle = _this$props3.headerTitle,
-        actionRef = _this$props3.actionRef,
-        toolBarRender = _this$props3.toolBarRender,
-        optionsRender = _this$props3.optionsRender;
+    onFormSearchSubmit((0, _utils.omitUndefined)({
+      _timestamp: Date.now(),
+      [name]: keyword
+    }));
+  }, [options, onFormSearchSubmit, actionRef]);
 
-      // 不展示 toolbar
-      if (hideToolbar) {
-        return null;
-      }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolBar, {
-        tooltip: tooltip,
-        columns: tableColumn,
-        options: options,
-        headerTitle: headerTitle,
-        action: actionRef,
-        onSearch: _this.onSearch,
-        selectedRows: selectedRows,
-        selectedRowKeys: selectedRowKeys,
-        toolBarRender: toolBarRender,
-        toolbar: (0, _objectSpread2.default)({
-          filter: searchNode
-        }, toolbar),
-        optionsRender: optionsRender
-      });
-    });
-    return _this;
+  // 不展示 toolbar
+  if (hideToolbar) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolBar, {
+    tooltip: tooltip,
+    columns: tableColumn,
+    options: options,
+    headerTitle: headerTitle,
+    action: actionRef,
+    onSearch: onSearch,
+    selectedRows: selectedRows,
+    selectedRowKeys: selectedRowKeys,
+    toolBarRender: toolBarRender,
+    toolbar: {
+      filter: searchNode,
+      ...toolbar
+    },
+    optionsRender: optionsRender
+  });
+};
+const isPropsEqual = (prev, next) => {
+  if (next.searchNode) {
+    return false;
   }
-  return (0, _createClass2.default)(ToolbarRender);
-}(_react.default.Component);
-var _default = exports.default = ToolbarRender;
+  return (0, _utils.isDeepEqualReact)({
+    hideToolbar: prev.hideToolbar,
+    tableColumn: prev.tableColumn,
+    options: prev.options,
+    tooltip: prev.tooltip,
+    toolbar: prev.toolbar,
+    selectedRows: prev.selectedRows,
+    selectedRowKeys: prev.selectedRowKeys,
+    headerTitle: prev.headerTitle,
+    actionRef: prev.actionRef,
+    toolBarRender: prev.toolBarRender
+  }, {
+    hideToolbar: next.hideToolbar,
+    tableColumn: next.tableColumn,
+    options: next.options,
+    tooltip: next.tooltip,
+    toolbar: next.toolbar,
+    selectedRows: next.selectedRows,
+    selectedRowKeys: next.selectedRowKeys,
+    headerTitle: next.headerTitle,
+    actionRef: next.actionRef,
+    toolBarRender: next.toolBarRender
+  }, ['render', 'formItemRender']);
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ToolbarRender, isPropsEqual);

package/lib/table/index.js

@@ -6,164 +6,164 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "CellEditorTable", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CellEditorTable.CellEditorTable;
   }
 });
 Object.defineProperty(exports, "ConfigConsumer", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.ConfigConsumer;
   }
 });
 Object.defineProperty(exports, "DragSortTable", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DragSortTable.default;
   }
 });
 Object.defineProperty(exports, "EditableProTable", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _EditableTable.default;
   }
 });
 Object.defineProperty(exports, "IndexColumn", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _field.FieldIndexColumn;
   }
 });
 Object.defineProperty(exports, "IntlConsumer", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.ConfigConsumer;
   }
 });
 Object.defineProperty(exports, "ListToolBar", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ListToolBar.default;
   }
 });
 Object.defineProperty(exports, "ProTable", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Table.default;
   }
 });
 Object.defineProperty(exports, "RowEditorTable", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _RowEditorTable.RowEditorTable;
   }
 });
 Object.defineProperty(exports, "Search", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Form.default;
   }
 });
 Object.defineProperty(exports, "TableDropdown", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Dropdown.default;
   }
 });
 Object.defineProperty(exports, "TableStatus", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _field.FieldStatus;
   }
 });
 Object.defineProperty(exports, "arEGIntl", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.arEGIntl;
   }
 });
 Object.defineProperty(exports, "caESIntl", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.caESIntl;
   }
 });
 Object.defineProperty(exports, "createIntl", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.createIntl;
   }
 });
 exports.default = void 0;
 Object.defineProperty(exports, "enUSIntl", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.enUSIntl;
   }
 });
 Object.defineProperty(exports, "esESIntl", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.esESIntl;
   }
 });
 Object.defineProperty(exports, "frFRIntl", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.frFRIntl;
   }
 });
 Object.defineProperty(exports, "itITIntl", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.itITIntl;
   }
 });
 Object.defineProperty(exports, "jaJPIntl", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.jaJPIntl;
   }
 });
 Object.defineProperty(exports, "msMYIntl", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.msMYIntl;
   }
 });
 Object.defineProperty(exports, "ptBRIntl", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.ptBRIntl;
   }
 });
 Object.defineProperty(exports, "ruRUIntl", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.ruRUIntl;
   }
 });
 Object.defineProperty(exports, "thTHIntl", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.thTHIntl;
   }
 });
 Object.defineProperty(exports, "viVNIntl", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.viVNIntl;
   }
 });
 Object.defineProperty(exports, "zhCNIntl", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.zhCNIntl;
   }
 });
 Object.defineProperty(exports, "zhTWIntl", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _provider.zhTWIntl;
   }
 });