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

package/es/form/components/Captcha/index.js

@@ -1,175 +1,168 @@
-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));
-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);
-      }
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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 _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["rules", "name", "phoneName", "fieldProps", "onTiming", "captchaTextRender", "captchaProps"];
+import { Button, Form, Input } from 'antd';
+import React, { useEffect, useImperativeHandle, useState } from 'react';
+import { warpField } from "../FormItem/warpField";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var BaseProFormCaptcha = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var form = Form.useFormInstance();
+  var _useState = useState(props.countDown || 60),
+    _useState2 = _slicedToArray(_useState, 2),
+    count = _useState2[0],
+    setCount = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    timing = _useState4[0],
+    setTiming = _useState4[1];
+  var _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  // 这么写是为了防止restProps中 带入 onChange, defaultValue, rules props tabUtil
+  var rules = props.rules,
+    name = props.name,
+    phoneName = props.phoneName,
+    fieldProps = props.fieldProps,
+    onTiming = props.onTiming,
+    _props$captchaTextRen = props.captchaTextRender,
+    captchaTextRender = _props$captchaTextRen === void 0 ? function (paramsTiming, paramsCount) {
+      return paramsTiming ? "".concat(paramsCount, " \u79D2\u540E\u91CD\u65B0\u83B7\u53D6") : '获取验证码';
+    } : _props$captchaTextRen,
+    captchaProps = props.captchaProps,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var onGetCaptcha = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(mobile) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            setLoading(true);
+            _context.next = 4;
+            return restProps.onGetCaptcha(mobile);
+          case 4:
+            setLoading(false);
+            setTiming(true);
+            _context.next = 13;
+            break;
+          case 8:
+            _context.prev = 8;
+            _context.t0 = _context["catch"](0);
+            setTiming(false);
+            setLoading(false);
+            // eslint-disable-next-line no-console
+            console.log(_context.t0);
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 8]]);
+    }));
+    return function onGetCaptcha(_x) {
+      return _ref.apply(this, arguments);
     };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
+  }();
+  /**
+   * 暴露ref方法
+   */
+  useImperativeHandle(ref, function () {
+    return {
+      startTiming: function startTiming() {
+        return setTiming(true);
+      },
+      endTiming: function endTiming() {
+        return setTiming(false);
       }
     };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
   });
-};
-
-// src/form/components/Captcha/index.tsx
-import { Button, Form, Input } from "antd";
-import React, { useEffect, useImperativeHandle, useState } from "react";
-import { warpField } from "../FormItem/warpField";
-var BaseProFormCaptcha = React.forwardRef(
-  (props, ref) => {
-    const form = Form.useFormInstance();
-    const [count, setCount] = useState(props.countDown || 60);
-    const [timing, setTiming] = useState(false);
-    const [loading, setLoading] = useState();
-    const _a = props, {
-      rules,
-      name,
-      phoneName,
-      fieldProps,
-      onTiming,
-      captchaTextRender = (paramsTiming, paramsCount) => {
-        return paramsTiming ? `${paramsCount} 秒后重新获取` : "获取验证码";
-      },
-      captchaProps
-    } = _a, restProps = __objRest(_a, [
-      "rules",
-      "name",
-      "phoneName",
-      "fieldProps",
-      "onTiming",
-      "captchaTextRender",
-      "captchaProps"
-    ]);
-    const onGetCaptcha = (mobile) => __async(void 0, null, function* () {
-      try {
-        setLoading(true);
-        yield restProps.onGetCaptcha(mobile);
-        setLoading(false);
-        setTiming(true);
-      } catch (error) {
-        setTiming(false);
-        setLoading(false);
-        console.log(error);
-      }
-    });
-    useImperativeHandle(ref, () => ({
-      startTiming: () => setTiming(true),
-      endTiming: () => setTiming(false)
-    }));
-    useEffect(() => {
-      let interval = 0;
-      const { countDown } = props;
-      if (timing) {
-        interval = setInterval(() => {
-          setCount((preSecond) => {
-            if (preSecond <= 1) {
-              setTiming(false);
-              clearInterval(interval);
-              return countDown || 60;
-            }
-            return preSecond - 1;
-          });
-        }, 1e3);
-      }
-      return () => clearInterval(interval);
-    }, [timing]);
-    useEffect(() => {
-      if (onTiming) {
-        onTiming(count);
-      }
-    }, [count, onTiming]);
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: __spreadProps(__spreadValues({}, fieldProps == null ? void 0 : fieldProps.style), {
-          display: "flex",
-          alignItems: "center"
-        }),
-        ref
+  useEffect(function () {
+    var interval = 0;
+    var countDown = props.countDown;
+    if (timing) {
+      interval = setInterval(function () {
+        setCount(function (preSecond) {
+          if (preSecond <= 1) {
+            setTiming(false);
+            clearInterval(interval);
+            // 重置秒数
+            return countDown || 60;
+          }
+          return preSecond - 1;
+        });
+      }, 1000);
+    }
+    return function () {
+      return clearInterval(interval);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [timing]);
+  useEffect(function () {
+    if (onTiming) {
+      onTiming(count);
+    }
+  }, [count, onTiming]);
+  return /*#__PURE__*/_jsxs("div", {
+    style: _objectSpread(_objectSpread({}, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), {}, {
+      display: 'flex',
+      alignItems: 'center'
+    }),
+    ref: ref,
+    children: [/*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({}, fieldProps), {}, {
+      style: _objectSpread({
+        flex: 1,
+        transition: 'width .3s',
+        marginRight: 8
+      }, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style)
+    })), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      style: {
+        display: 'block'
       },
-      /* @__PURE__ */ React.createElement(
-        Input,
-        __spreadProps(__spreadValues({}, fieldProps), {
-          style: __spreadValues({
-            flex: 1,
-            transition: "width .3s",
-            marginRight: 8
-          }, fieldProps == null ? void 0 : fieldProps.style)
-        })
-      ),
-      /* @__PURE__ */ React.createElement(
-        Button,
-        __spreadProps(__spreadValues({
-          style: {
-            display: "block"
-          },
-          disabled: timing,
-          loading
-        }, captchaProps), {
-          onClick: () => __async(void 0, null, function* () {
-            try {
-              if (phoneName) {
-                yield form.validateFields([phoneName].flat(1));
-                const mobile = form.getFieldValue(
-                  [phoneName].flat(1)
-                );
-                yield onGetCaptcha(mobile);
-              } else {
-                yield onGetCaptcha("");
+      disabled: timing,
+      loading: loading
+    }, captchaProps), {}, {
+      onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        var _mobile;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              if (!phoneName) {
+                _context2.next = 9;
+                break;
               }
-            } catch (error) {
-              console.log(error);
-            }
-          })
-        }),
-        captchaTextRender(timing, count)
-      )
-    );
-  }
-);
-var ProFormCaptcha = warpField(
-  BaseProFormCaptcha
-);
-var Captcha_default = ProFormCaptcha;
-export {
-  Captcha_default as default
-};
+              _context2.next = 4;
+              return form.validateFields([phoneName].flat(1));
+            case 4:
+              _mobile = form.getFieldValue([phoneName].flat(1));
+              _context2.next = 7;
+              return onGetCaptcha(_mobile);
+            case 7:
+              _context2.next = 11;
+              break;
+            case 9:
+              _context2.next = 11;
+              return onGetCaptcha('');
+            case 11:
+              _context2.next = 16;
+              break;
+            case 13:
+              _context2.prev = 13;
+              _context2.t0 = _context2["catch"](0);
+              // eslint-disable-next-line no-console
+              console.log(_context2.t0);
+            case 16:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[0, 13]]);
+      })),
+      children: captchaTextRender(timing, count)
+    }))]
+  });
+});
+var ProFormCaptcha = warpField(BaseProFormCaptcha);
+export default ProFormCaptcha;

package/es/form/components/Cascader/index.js

@@ -1,83 +1,54 @@
-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));
-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;
-};
-
-// src/form/components/Cascader/index.tsx
-import React, { useContext } from "react";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["fieldProps", "request", "params", "proFieldProps"];
+import React, { useContext } from 'react';
 import { FieldCascader } from "../../../field";
 import { ProConfigProvider } from "../../../provider";
 import FieldContext from "../../FieldContext";
 import ProField from "../Field";
-var ProFormCascader = (_a, ref) => {
-  var _b = _a, { fieldProps, request, params, proFieldProps } = _b, rest = __objRest(_b, ["fieldProps", "request", "params", "proFieldProps"]);
-  const context = useContext(FieldContext);
-  return /* @__PURE__ */ React.createElement(
-    ProConfigProvider,
-    {
-      valueTypeMap: {
-        cascader: {
-          render: (text, props) => /* @__PURE__ */ React.createElement(
-            FieldCascader,
-            __spreadProps(__spreadValues({}, props), {
-              text,
-              placeholder: props.placeholder
-            })
-          ),
-          formItemRender: (text, props) => /* @__PURE__ */ React.createElement(
-            FieldCascader,
-            __spreadProps(__spreadValues({}, props), {
-              text,
-              placeholder: props.placeholder
-            })
-          )
+/**
+ * 级联选择框
+ *
+ * @param
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProFormCascader = function ProFormCascader(_ref, ref) {
+  var fieldProps = _ref.fieldProps,
+    request = _ref.request,
+    params = _ref.params,
+    proFieldProps = _ref.proFieldProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var context = useContext(FieldContext);
+  return /*#__PURE__*/_jsx(ProConfigProvider, {
+    valueTypeMap: {
+      cascader: {
+        render: function render(text, props) {
+          return /*#__PURE__*/_jsx(FieldCascader, _objectSpread(_objectSpread({}, props), {}, {
+            text: text,
+            placeholder: props.placeholder
+          }));
+        },
+        formItemRender: function formItemRender(text, props) {
+          return /*#__PURE__*/_jsx(FieldCascader, _objectSpread(_objectSpread({}, props), {}, {
+            text: text,
+            placeholder: props.placeholder
+          }));
         }
       }
     },
-    /* @__PURE__ */ React.createElement(
-      ProField,
-      __spreadValues({
-        valueType: "cascader",
-        fieldProps: __spreadValues({
-          getPopupContainer: context.getPopupContainer
-        }, fieldProps),
-        ref,
-        request,
-        params,
-        filedConfig: { customLightMode: true },
-        proFieldProps
-      }, rest)
-    )
-  );
-};
-var Cascader_default = React.forwardRef(ProFormCascader);
-export {
-  Cascader_default as default
+    children: /*#__PURE__*/_jsx(ProField, _objectSpread({
+      valueType: "cascader",
+      fieldProps: _objectSpread({
+        getPopupContainer: context.getPopupContainer
+      }, fieldProps),
+      ref: ref,
+      request: request,
+      params: params,
+      filedConfig: {
+        customLightMode: true
+      },
+      proFieldProps: proFieldProps
+    }, rest))
+  });
 };
+export default /*#__PURE__*/React.forwardRef(ProFormCascader);

package/es/form/components/Checkbox/index.js

@@ -1,106 +1,81 @@
-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));
-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;
-};
-
-// src/form/components/Checkbox/index.tsx
-import { Checkbox } from "antd";
-import React from "react";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _ref3;
+var _excluded = ["options", "fieldProps", "proFieldProps", "valueEnum"];
+import { Checkbox } from 'antd';
+import React from 'react';
 import { FieldCheckbox } from "../../../field";
 import { ProConfigProvider } from "../../../provider";
 import { runFunction } from "../../../utils";
 import ProFormField from "../Field";
 import warpField from "../FormItem/warpField";
-var CheckboxGroup = React.forwardRef(
-  (_a2, ref) => {
-    var _b = _a2, { options, fieldProps, proFieldProps, valueEnum } = _b, rest = __objRest(_b, ["options", "fieldProps", "proFieldProps", "valueEnum"]);
-    return /* @__PURE__ */ React.createElement(
-      ProConfigProvider,
-      {
-        valueTypeMap: {
-          checkbox: {
-            render: (text, props) => /* @__PURE__ */ React.createElement(FieldCheckbox, __spreadProps(__spreadValues({}, props), { text })),
-            formItemRender: (text, props) => /* @__PURE__ */ React.createElement(FieldCheckbox, __spreadProps(__spreadValues({}, props), { text }))
-          }
+import { jsx as _jsx } from "react/jsx-runtime";
+var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var options = _ref.options,
+    fieldProps = _ref.fieldProps,
+    proFieldProps = _ref.proFieldProps,
+    valueEnum = _ref.valueEnum,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(ProConfigProvider, {
+    valueTypeMap: {
+      checkbox: {
+        render: function render(text, props) {
+          return /*#__PURE__*/_jsx(FieldCheckbox, _objectSpread(_objectSpread({}, props), {}, {
+            text: text
+          }));
+        },
+        formItemRender: function formItemRender(text, props) {
+          return /*#__PURE__*/_jsx(FieldCheckbox, _objectSpread(_objectSpread({}, props), {}, {
+            text: text
+          }));
         }
-      },
-      /* @__PURE__ */ React.createElement(
-        ProFormField,
-        __spreadValues({
-          ref,
-          valueType: "checkbox",
-          valueEnum: runFunction(valueEnum, void 0),
-          fieldProps: __spreadValues({
-            options
-          }, fieldProps),
-          lightProps: __spreadValues({
-            labelFormatter: () => {
-              return /* @__PURE__ */ React.createElement(
-                ProFormField,
-                __spreadValues({
-                  ref,
-                  valueType: "checkbox",
-                  mode: "read",
-                  valueEnum: runFunction(valueEnum, void 0),
-                  filedConfig: {
-                    customLightMode: true
-                  },
-                  fieldProps: __spreadValues({
-                    options
-                  }, fieldProps),
-                  proFieldProps
-                }, rest)
-              );
-            }
-          }, rest.lightProps),
-          proFieldProps
-        }, rest)
-      )
-    );
-  }
-);
-var ProFormCheckboxComponents = React.forwardRef(
-  ({ fieldProps, children }, ref) => {
-    return /* @__PURE__ */ React.createElement(Checkbox, __spreadValues({ ref }, fieldProps), children);
-  }
-);
-var _a;
-var ProFormCheckbox = (_a = warpField) == null ? void 0 : _a(
-  ProFormCheckboxComponents,
-  {
-    valuePropName: "checked"
-  }
-);
+      }
+    },
+    children: /*#__PURE__*/_jsx(ProFormField, _objectSpread({
+      ref: ref,
+      valueType: "checkbox",
+      valueEnum: runFunction(valueEnum, undefined),
+      fieldProps: _objectSpread({
+        options: options
+      }, fieldProps),
+      lightProps: _objectSpread({
+        labelFormatter: function labelFormatter() {
+          return /*#__PURE__*/_jsx(ProFormField, _objectSpread({
+            ref: ref,
+            valueType: "checkbox",
+            mode: "read",
+            valueEnum: runFunction(valueEnum, undefined),
+            filedConfig: {
+              customLightMode: true
+            },
+            fieldProps: _objectSpread({
+              options: options
+            }, fieldProps),
+            proFieldProps: proFieldProps
+          }, rest));
+        }
+      }, rest.lightProps),
+      proFieldProps: proFieldProps
+    }, rest))
+  });
+});
+/**
+ * 多选框的
+ *
+ * @param
+ */
+var ProFormCheckboxComponents = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var fieldProps = _ref2.fieldProps,
+    children = _ref2.children;
+  return /*#__PURE__*/_jsx(Checkbox, _objectSpread(_objectSpread({
+    ref: ref
+  }, fieldProps), {}, {
+    children: children
+  }));
+});
+var ProFormCheckbox = (_ref3 = warpField) === null || _ref3 === void 0 ? void 0 : _ref3(ProFormCheckboxComponents, {
+  valuePropName: 'checked'
+});
 var WrappedProFormCheckbox = ProFormCheckbox;
 WrappedProFormCheckbox.Group = CheckboxGroup;
-var Checkbox_default = WrappedProFormCheckbox;
-export {
-  Checkbox_default as default
-};
+export default WrappedProFormCheckbox;