@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/lib/form/layouts/QueryFilter/style.js

@@ -1,93 +1,52 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/form/layouts/QueryFilter/style.ts
-var style_exports = {};
-__export(style_exports, {
-  useStyle: () => useStyle
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_provider = require("../../../provider");
-var genProStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      "&&": {
-        padding: 24
-      },
-      [`${token.antCls}-form-item`]: {
-        marginBlock: 0
-      },
-      [`${token.proComponentsCls}-form-group-title`]: {
-        marginBlock: 0
-      },
-      "&-row": {
-        rowGap: 24,
-        "&-split": {
-          [`${token.proComponentsCls}-form-group`]: {
-            display: "flex",
-            alignItems: "center",
-            gap: token.marginXS
-          },
-          "&:last-child": {
-            marginBlockEnd: 12
-          }
-        },
-        "&-split-line": {
-          "&:after": {
-            position: "absolute",
-            width: "100%",
-            content: '""',
-            height: 1,
-            insetBlockEnd: -12,
-            borderBlockEnd: `1px dashed ${token.colorSplit}`
-          }
-        }
-      },
-      "&-collapse-button": {
-        display: "flex",
-        alignItems: "center",
-        color: token.colorPrimary
+exports.useStyle = useStyle;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _provider = require("../../../provider");
+var genProStyle = function genProStyle(token) {
+  return (0, _defineProperty2.default)({}, token.componentCls, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    '&&': {
+      padding: 24
+    }
+  }, "".concat(token.antCls, "-form-item"), {
+    marginBlock: 0
+  }), "".concat(token.proComponentsCls, "-form-group-title"), {
+    marginBlock: 0
+  }), '&-row', {
+    rowGap: 24,
+    '&-split': (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(token.proComponentsCls, "-form-group"), {
+      display: 'flex',
+      alignItems: 'center',
+      gap: token.marginXS
+    }), '&:last-child', {
+      marginBlockEnd: 12
+    }),
+    '&-split-line': {
+      '&:after': {
+        position: 'absolute',
+        width: '100%',
+        content: '""',
+        height: 1,
+        insetBlockEnd: -12,
+        borderBlockEnd: "1px dashed ".concat(token.colorSplit)
       }
     }
-  };
+  }), '&-collapse-button', {
+    display: 'flex',
+    alignItems: 'center',
+    color: token.colorPrimary
+  }));
 };
 function useStyle(prefixCls) {
-  return (0, import_provider.useStyle)("QueryFilter", (token) => {
-    const proToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+  return (0, _provider.useStyle)('QueryFilter', function (token) {
+    var proToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProStyle(proToken)];
   });
-}
+}

package/lib/form/layouts/StepsForm/StepForm.js

@@ -1,155 +1,103 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
+"use strict";
 
-// src/form/layouts/StepsForm/StepForm.tsx
-var StepForm_exports = {};
-__export(StepForm_exports, {
-  default: () => StepForm_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(StepForm_exports);
-var import_omit = __toESM(require("rc-util/lib/omit"));
-var import_warning = require("rc-util/lib/warning");
-var import_react = require("react");
-var import_BaseForm = require("../../BaseForm");
-var import_index = require("./index");
+exports.default = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _util = require("@rc-component/util");
+var _react = require("react");
+var _BaseForm = require("../../BaseForm");
+var _index = require("./index");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["onFinish", "step", "formRef", "title", "stepProps"];
+var noteOnce = _util.warning.noteOnce;
 function StepForm(stepNativeProps) {
-  const formRef = (0, import_react.useRef)();
-  const context = (0, import_react.useContext)(import_index.StepsFormProvide);
-  const stepContext = (0, import_react.useContext)(import_index.StepFormProvide);
-  const props = __spreadValues(__spreadValues({}, stepNativeProps), stepContext);
-  const _a = props, {
-    onFinish,
-    step,
-    formRef: propFormRef,
-    title,
-    stepProps
-  } = _a, restProps = __objRest(_a, [
-    "onFinish",
-    "step",
-    "formRef",
-    "title",
-    "stepProps"
-  ]);
-  (0, import_warning.noteOnce)(!restProps.submitter, "StepForm 不包含提交按钮，请在 StepsForm 上");
-  (0, import_react.useImperativeHandle)(propFormRef, () => formRef.current, [
-    propFormRef == null ? void 0 : propFormRef.current
-  ]);
-  (0, import_react.useEffect)(() => {
-    if (!(props.name || props.step))
-      return;
-    const name = (props.name || props.step).toString();
-    context == null ? void 0 : context.regForm(name, props);
-    return () => {
-      context == null ? void 0 : context.unRegForm(name);
+  var formRef = (0, _react.useRef)();
+  var context = (0, _react.useContext)(_index.StepsFormProvide);
+  var stepContext = (0, _react.useContext)(_index.StepFormProvide);
+  var props = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, stepNativeProps), stepContext);
+  var onFinish = props.onFinish,
+    step = props.step,
+    propFormRef = props.formRef,
+    title = props.title,
+    stepProps = props.stepProps,
+    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  noteOnce(!restProps.submitter, 'StepForm 不包含提交按钮，请在 StepsForm 上');
+
+  /** 重置 formRef */
+  (0, _react.useImperativeHandle)(propFormRef, function () {
+    return formRef.current;
+  }, [propFormRef === null || propFormRef === void 0 ? void 0 : propFormRef.current]);
+
+  /** Dom 不存在的时候解除挂载 */
+  (0, _react.useEffect)(function () {
+    if (!(props.name || props.step)) return;
+    var name = (props.name || props.step).toString();
+    context === null || context === void 0 || context.regForm(name, props);
+    return function () {
+      context === null || context === void 0 || context.unRegForm(name);
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  if (context && (context == null ? void 0 : context.formArrayRef)) {
+  if (context && context !== null && context !== void 0 && context.formArrayRef) {
     context.formArrayRef.current[step || 0] = formRef;
   }
-  return /* @__PURE__ */ React.createElement(
-    import_BaseForm.BaseForm,
-    __spreadValues({
-      formRef,
-      onFinish: (values) => __async(this, null, function* () {
-        if (restProps.name) {
-          context == null ? void 0 : context.onFormFinish(restProps.name, values);
-        }
-        if (onFinish) {
-          context == null ? void 0 : context.setLoading(true);
-          try {
-            const success = yield onFinish == null ? void 0 : onFinish(values);
-            if (success) {
-              context == null ? void 0 : context.next();
-            }
-          } finally {
-            context == null ? void 0 : context.setLoading(false);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseForm.BaseForm, (0, _objectSpread2.default)({
+    formRef: formRef,
+    onFinish: ( /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(values) {
+        var success;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (restProps.name) {
+                context === null || context === void 0 || context.onFormFinish(restProps.name, values);
+              }
+              if (!onFinish) {
+                _context.next = 12;
+                break;
+              }
+              context === null || context === void 0 || context.setLoading(true);
+              _context.prev = 3;
+              _context.next = 6;
+              return onFinish === null || onFinish === void 0 ? void 0 : onFinish(values);
+            case 6:
+              success = _context.sent;
+              if (success) {
+                context === null || context === void 0 || context.next();
+              }
+            case 8:
+              _context.prev = 8;
+              context === null || context === void 0 || context.setLoading(false);
+              return _context.finish(8);
+            case 11:
+              return _context.abrupt("return");
+            case 12:
+              if (!(context !== null && context !== void 0 && context.lastStep)) context === null || context === void 0 || context.next();
+            case 13:
+            case "end":
+              return _context.stop();
           }
-          return;
-        }
-        if (!(context == null ? void 0 : context.lastStep))
-          context == null ? void 0 : context.next();
-      }),
-      onInit: (_, form) => {
-        var _a2;
-        formRef.current = form;
-        if (context && (context == null ? void 0 : context.formArrayRef)) {
-          context.formArrayRef.current[step || 0] = formRef;
-        }
-        (_a2 = restProps == null ? void 0 : restProps.onInit) == null ? void 0 : _a2.call(restProps, _, form);
-      },
-      layout: "vertical"
-    }, (0, import_omit.default)(restProps, ["layoutType", "columns"]))
-  );
+        }, _callee, null, [[3,, 8, 11]]);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }()),
+    onInit: function onInit(_, form) {
+      var _restProps$onInit;
+      formRef.current = form;
+      if (context && context !== null && context !== void 0 && context.formArrayRef) {
+        context.formArrayRef.current[step || 0] = formRef;
+      }
+      restProps === null || restProps === void 0 || (_restProps$onInit = restProps.onInit) === null || _restProps$onInit === void 0 || _restProps$onInit.call(restProps, _, form);
+    },
+    layout: "vertical"
+  }, (0, _util.omit)(restProps, ['layoutType', 'columns'])));
 }
-var StepForm_default = StepForm;
+var _default = exports.default = StepForm;