Update from Vibe Studio

node_modules/@ant-design/pro-table/lib/components/Form/index.js

@@ -0,0 +1,175 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+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 _proUtils = require("@ant-design/pro-utils");
+var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../../utils/index");
+var _FormRender = _interopRequireDefault(require("./FormRender"));
+var _jsxRuntime = require("react/jsx-runtime");
+var FormSearch = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(FormSearch, _React$Component);
+  var _super = (0, _createSuper2.default)(FormSearch);
+  function FormSearch() {
+    var _this;
+    (0, _classCallCheck2.default)(this, FormSearch);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    /** 查询表单相关的配置 */
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSubmit", function (value, firstLoad) {
+      var _this$props = _this.props,
+        pagination = _this$props.pagination,
+        _this$props$beforeSea = _this$props.beforeSearchSubmit,
+        beforeSearchSubmit = _this$props$beforeSea === void 0 ? function (searchParams) {
+          return searchParams;
+        } : _this$props$beforeSea,
+        action = _this$props.action,
+        onSubmit = _this$props.onSubmit,
+        onFormSearchSubmit = _this$props.onFormSearchSubmit;
+      // 只传入 pagination 中的 current 和 pageSize 参数
+      var pageInfo = pagination ? (0, _proUtils.omitUndefined)({
+        current: pagination.current,
+        pageSize: pagination.pageSize
+      }) : {};
+      var submitParams = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, value), {}, {
+        _timestamp: Date.now()
+      }, pageInfo);
+      var omitParams = (0, _omit.default)(beforeSearchSubmit(submitParams), Object.keys(pageInfo));
+      onFormSearchSubmit(omitParams);
+      if (!firstLoad) {
+        var _action$current, _action$current$setPa;
+        // back first page
+        (_action$current = action.current) === null || _action$current === void 0 || (_action$current$setPa = _action$current.setPageInfo) === null || _action$current$setPa === void 0 || _action$current$setPa.call(_action$current, {
+          current: 1
+        });
+      }
+      // 不是第一次提交就不触发，第一次提交是 js 触发的
+      // 为了解决 https://github.com/ant-design/pro-components/issues/579
+      if (onSubmit && !firstLoad) {
+        onSubmit === null || onSubmit === void 0 || onSubmit(value);
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onReset", function (value) {
+      var _action$current2, _action$current2$setP;
+      var _this$props2 = _this.props,
+        pagination = _this$props2.pagination,
+        _this$props2$beforeSe = _this$props2.beforeSearchSubmit,
+        beforeSearchSubmit = _this$props2$beforeSe === void 0 ? function (searchParams) {
+          return searchParams;
+        } : _this$props2$beforeSe,
+        action = _this$props2.action,
+        onFormSearchSubmit = _this$props2.onFormSearchSubmit,
+        onReset = _this$props2.onReset;
+      var pageInfo = pagination ? (0, _proUtils.omitUndefined)({
+        current: pagination.current,
+        pageSize: pagination.pageSize
+      }) : {};
+      var omitParams = (0, _omit.default)(beforeSearchSubmit((0, _objectSpread2.default)((0, _objectSpread2.default)({}, value), pageInfo)), Object.keys(pageInfo));
+      onFormSearchSubmit(omitParams);
+      // back first page
+      (_action$current2 = action.current) === null || _action$current2 === void 0 || (_action$current2$setP = _action$current2.setPageInfo) === null || _action$current2$setP === void 0 || _action$current2$setP.call(_action$current2, {
+        current: 1
+      });
+      onReset === null || onReset === void 0 || onReset();
+    });
+    /**
+     * 只 Diff 需要用的 props，能减少 5 次左右的render
+     *
+     * @param next
+     * @see 因为 hooks 每次的 setFormSearch 都是新的，所以每次都触发 render
+     * @see action 也是同样的原因
+     * @returns
+     */
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isEqual", function (next) {
+      var _this$props3 = _this.props,
+        columns = _this$props3.columns,
+        loading = _this$props3.loading,
+        formRef = _this$props3.formRef,
+        type = _this$props3.type,
+        cardBordered = _this$props3.cardBordered,
+        dateFormatter = _this$props3.dateFormatter,
+        form = _this$props3.form,
+        search = _this$props3.search,
+        manualRequest = _this$props3.manualRequest;
+      var diffProps = {
+        columns: columns,
+        loading: loading,
+        formRef: formRef,
+        type: type,
+        cardBordered: cardBordered,
+        dateFormatter: dateFormatter,
+        form: form,
+        search: search,
+        manualRequest: manualRequest
+      };
+      return !(0, _proUtils.isDeepEqualReact)(diffProps, {
+        columns: next.columns,
+        formRef: next.formRef,
+        loading: next.loading,
+        type: next.type,
+        cardBordered: next.cardBordered,
+        dateFormatter: next.dateFormatter,
+        form: next.form,
+        search: next.search,
+        manualRequest: next.manualRequest
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "shouldComponentUpdate", function (next) {
+      return _this.isEqual(next);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "render", function () {
+      var _this$props4 = _this.props,
+        columns = _this$props4.columns,
+        loading = _this$props4.loading,
+        formRef = _this$props4.formRef,
+        type = _this$props4.type,
+        action = _this$props4.action,
+        cardBordered = _this$props4.cardBordered,
+        dateFormatter = _this$props4.dateFormatter,
+        form = _this$props4.form,
+        search = _this$props4.search,
+        pagination = _this$props4.pagination,
+        ghost = _this$props4.ghost,
+        manualRequest = _this$props4.manualRequest;
+      var pageInfo = pagination ? (0, _proUtils.omitUndefined)({
+        current: pagination.current,
+        pageSize: pagination.pageSize
+      }) : {};
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormRender.default, {
+        submitButtonLoading: loading,
+        columns: columns,
+        type: type,
+        ghost: ghost,
+        formRef: formRef,
+        onSubmit: _this.onSubmit,
+        manualRequest: manualRequest,
+        onReset: _this.onReset,
+        dateFormatter: dateFormatter,
+        search: search,
+        form: (0, _objectSpread2.default)((0, _objectSpread2.default)({
+          autoFocusFirstInput: false
+        }, form), {}, {
+          extraUrlParams: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, pageInfo), form === null || form === void 0 ? void 0 : form.extraUrlParams)
+        }),
+        action: action,
+        bordered: (0, _index.isBordered)('search', cardBordered)
+      });
+    });
+    return _this;
+  }
+  return (0, _createClass2.default)(FormSearch);
+}(_react.default.Component);
+var _default = exports.default = FormSearch;