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

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

@@ -1,76 +1,45 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-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));
-
-// src/form/layouts/QueryFilter/style.ts
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useStyle as useAntdStyle } from "../../../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
+var genProStyle = function genProStyle(token) {
+  return _defineProperty({}, token.componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    '&&': {
+      padding: 24
+    }
+  }, "".concat(token.antCls, "-form-item"), {
+    marginBlock: 0
+  }), "".concat(token.proComponentsCls, "-form-group-title"), {
+    marginBlock: 0
+  }), '&-row', {
+    rowGap: 24,
+    '&-split': _defineProperty(_defineProperty({}, "".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 useAntdStyle("QueryFilter", (token) => {
-    const proToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('QueryFilter', function (token) {
+    var proToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProStyle(proToken)];
   });
-}
-export {
-  useStyle
-};
+}

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

@@ -1,128 +1,96 @@
-var __defProp = Object.defineProperty;
-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 __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 __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());
-  });
-};
-
-// src/form/layouts/StepsForm/StepForm.tsx
-import omit from "rc-util/lib/omit";
-import { noteOnce } from "rc-util/lib/warning";
-import { useContext, useEffect, useImperativeHandle, useRef } from "react";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var _excluded = ["onFinish", "step", "formRef", "title", "stepProps"];
+import { omit, warning } from '@rc-component/util';
+import { useContext, useEffect, useImperativeHandle, useRef } from 'react';
 import { BaseForm } from "../../BaseForm";
 import { StepFormProvide, StepsFormProvide } from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+var noteOnce = warning.noteOnce;
 function StepForm(stepNativeProps) {
-  const formRef = useRef();
-  const context = useContext(StepsFormProvide);
-  const stepContext = useContext(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"
-  ]);
-  noteOnce(!restProps.submitter, "StepForm 不包含提交按钮，请在 StepsForm 上");
-  useImperativeHandle(propFormRef, () => formRef.current, [
-    propFormRef == null ? void 0 : propFormRef.current
-  ]);
-  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 = useRef();
+  var context = useContext(StepsFormProvide);
+  var stepContext = useContext(StepFormProvide);
+  var props = _objectSpread(_objectSpread({}, stepNativeProps), stepContext);
+  var onFinish = props.onFinish,
+    step = props.step,
+    propFormRef = props.formRef,
+    title = props.title,
+    stepProps = props.stepProps,
+    restProps = _objectWithoutProperties(props, _excluded);
+  noteOnce(!restProps.submitter, 'StepForm 不包含提交按钮，请在 StepsForm 上');
+
+  /** 重置 formRef */
+  useImperativeHandle(propFormRef, function () {
+    return formRef.current;
+  }, [propFormRef === null || propFormRef === void 0 ? void 0 : propFormRef.current]);
+
+  /** Dom 不存在的时候解除挂载 */
+  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(
-    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__*/_jsx(BaseForm, _objectSpread({
+    formRef: formRef,
+    onFinish: ( /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values) {
+        var success;
+        return _regeneratorRuntime().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"
-    }, omit(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"
+  }, omit(restProps, ['layoutType', 'columns'])));
 }
-var StepForm_default = StepForm;
-export {
-  StepForm_default as default
-};
+export default StepForm;