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

package/lib/form/components/UploadDragger/index.js

@@ -6,82 +6,75 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _icons = require("@ant-design/icons");
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _EditOrReadOnlyContext = require("../../BaseForm/EditOrReadOnlyContext");
 var _warpField = _interopRequireDefault(require("../FormItem/warpField"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _ref2;
 /**
  * 拖动上传组件
  *
  * @param
  */
-var BaseProFormUploadDragger = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var _fieldProps$style;
-  var fieldProps = _ref.fieldProps,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? '单击或拖动文件到此区域进行上传' : _ref$title,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.InboxOutlined, {}) : _ref$icon,
-    _ref$description = _ref.description,
-    description = _ref$description === void 0 ? '支持单次或批量上传' : _ref$description,
-    action = _ref.action,
-    accept = _ref.accept,
-    _onChange = _ref.onChange,
-    value = _ref.value,
-    children = _ref.children,
-    max = _ref.max,
-    proFieldProps = _ref.proFieldProps;
-  var context = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
-  var modeContext = (0, _react.useContext)(_EditOrReadOnlyContext.EditOrReadOnlyContext);
-  var mode = (proFieldProps === null || proFieldProps === void 0 ? void 0 : proFieldProps.mode) || modeContext.mode || 'edit';
-  var baseClassName = context.getPrefixCls('upload');
+const BaseProFormUploadDragger = /*#__PURE__*/_react.default.forwardRef(({
+  fieldProps,
+  title = '单击或拖动文件到此区域进行上传',
+  icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.InboxOutlined, {}),
+  description = '支持单次或批量上传',
+  action,
+  accept,
+  onChange,
+  value,
+  children,
+  max,
+  proFieldProps
+}, ref) => {
+  const context = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  const modeContext = (0, _react.useContext)(_EditOrReadOnlyContext.EditOrReadOnlyContext);
+  const mode = proFieldProps?.mode || modeContext.mode || 'edit';
+  const baseClassName = context.getPrefixCls('upload');
   // 如果配置了 max ，并且 超过了文件列表的大小，就不展示按钮
-  var showUploadButton = (max === undefined || !value || (value === null || value === void 0 ? void 0 : value.length) < max) && mode !== 'read' && (proFieldProps === null || proFieldProps === void 0 ? void 0 : proFieldProps.readonly) !== true;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Upload.Dragger, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  const showUploadButton = (max === undefined || !value || value?.length < max) && mode !== 'read' && proFieldProps?.readonly !== true;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Upload.Dragger, {
     // @ts-ignore
     ref: ref,
     name: "files",
     action: action,
     accept: accept,
-    fileList: value
-  }, fieldProps), {}, {
-    onChange: function onChange(info) {
-      _onChange === null || _onChange === void 0 || _onChange(info);
-      if (fieldProps !== null && fieldProps !== void 0 && fieldProps.onChange) {
-        fieldProps === null || fieldProps === void 0 || fieldProps.onChange(info);
+    fileList: value,
+    ...fieldProps,
+    onChange: info => {
+      onChange?.(info);
+      if (fieldProps?.onChange) {
+        fieldProps?.onChange(info);
       }
     },
-    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    style: {
       flexDirection: 'column',
-      alignItems: 'center'
-    }, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), {}, {
-      display: !showUploadButton ? 'none' : (fieldProps === null || fieldProps === void 0 || (_fieldProps$style = fieldProps.style) === null || _fieldProps$style === void 0 ? void 0 : _fieldProps$style.display) || 'flex'
-    }),
+      alignItems: 'center',
+      ...fieldProps?.style,
+      display: !showUploadButton ? 'none' : fieldProps?.style?.display || 'flex'
+    },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      className: "".concat(baseClassName, "-drag-icon"),
+      className: `${baseClassName}-drag-icon`,
       children: icon
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      className: "".concat(baseClassName, "-text"),
+      className: `${baseClassName}-text`,
       children: title
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      className: "".concat(baseClassName, "-hint"),
+      className: `${baseClassName}-hint`,
       children: description
     }), children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "".concat(baseClassName, "-extra"),
+      className: `${baseClassName}-extra`,
       style: {
         padding: 16
       },
       children: children
     }) : null]
-  }));
+  });
 });
-var ProFormUploadDragger = (_ref2 = _warpField.default) === null || _ref2 === void 0 ? void 0 : _ref2(BaseProFormUploadDragger, {
-  getValueFromEvent: function getValueFromEvent(value) {
-    return value.fileList;
-  }
+const ProFormUploadDragger = (0, _warpField.default)?.(BaseProFormUploadDragger, {
+  getValueFromEvent: value => value.fileList
 });
 var _default = exports.default = ProFormUploadDragger;

package/lib/form/components/index.js

@@ -7,253 +7,253 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "BetaSchemaForm", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SchemaForm.default;
   }
 });
 Object.defineProperty(exports, "FormControlRender", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FormItemRender.FormControlRender;
   }
 });
 Object.defineProperty(exports, "FormItemProvide", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FormItem.FormItemProvide;
   }
 });
 Object.defineProperty(exports, "FormItemRender", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FormItemRender.FormItemRender;
   }
 });
 Object.defineProperty(exports, "Group", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Group.default;
   }
 });
 Object.defineProperty(exports, "ProFormCaptcha", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Captcha.default;
   }
 });
 Object.defineProperty(exports, "ProFormCascader", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Cascader.default;
   }
 });
 Object.defineProperty(exports, "ProFormCheckbox", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Checkbox.default;
   }
 });
 Object.defineProperty(exports, "ProFormColorPicker", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ColorPicker.default;
   }
 });
 Object.defineProperty(exports, "ProFormDateMonthRangePicker", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DateMonthRangePicker.ProFormDateMonthRangePicker;
   }
 });
 Object.defineProperty(exports, "ProFormDatePicker", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DatePicker.default;
   }
 });
 Object.defineProperty(exports, "ProFormDateQuarterRangePicker", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DateQuarterRangePicker.ProFormDateQuarterRangePicker;
   }
 });
 Object.defineProperty(exports, "ProFormDateRangePicker", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DateRangePicker.default;
   }
 });
 Object.defineProperty(exports, "ProFormDateTimePicker", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DateTimePicker.default;
   }
 });
 Object.defineProperty(exports, "ProFormDateTimeRangePicker", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DateTimeRangePicker.ProFormDateTimeRangePicker;
   }
 });
 Object.defineProperty(exports, "ProFormDateWeekRangePicker", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DateWeekRangePicker.ProFormDateWeekRangePicker;
   }
 });
 Object.defineProperty(exports, "ProFormDateYearRangePicker", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DateYearRangePicker.ProFormDateYearRangePicker;
   }
 });
 Object.defineProperty(exports, "ProFormDependency", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Dependency.default;
   }
 });
 Object.defineProperty(exports, "ProFormDigit", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Digit.default;
   }
 });
 Object.defineProperty(exports, "ProFormDigitRange", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DigitRange.default;
   }
 });
 Object.defineProperty(exports, "ProFormField", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Field.default;
   }
 });
 Object.defineProperty(exports, "ProFormFieldSet", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FieldSet.default;
   }
 });
 Object.defineProperty(exports, "ProFormItem", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FormItem.default;
   }
 });
 Object.defineProperty(exports, "ProFormItemRender", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FormItemRender.ProFormItemRender;
   }
 });
 Object.defineProperty(exports, "ProFormList", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _List.ProFormList;
   }
 });
 Object.defineProperty(exports, "ProFormMoney", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Money.default;
   }
 });
 Object.defineProperty(exports, "ProFormRadio", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Radio.default;
   }
 });
 Object.defineProperty(exports, "ProFormRate", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Rate.default;
   }
 });
 Object.defineProperty(exports, "ProFormSegmented", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Segmented.default;
   }
 });
 Object.defineProperty(exports, "ProFormSelect", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Select.default;
   }
 });
 Object.defineProperty(exports, "ProFormSlider", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Slider.default;
   }
 });
 Object.defineProperty(exports, "ProFormSwitch", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Switch.default;
   }
 });
 Object.defineProperty(exports, "ProFormText", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Text.default;
   }
 });
 Object.defineProperty(exports, "ProFormTextArea", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TextArea.default;
   }
 });
 Object.defineProperty(exports, "ProFormTimePicker", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TimePicker.default;
   }
 });
 Object.defineProperty(exports, "ProFormTimeRangePicker", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TimeRangePicker.ProFormTimeRangePicker;
   }
 });
 Object.defineProperty(exports, "ProFormTreeSelect", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TreeSelect.default;
   }
 });
 Object.defineProperty(exports, "ProFormUploadButton", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _UploadButton.default;
   }
 });
 Object.defineProperty(exports, "ProFormUploadDragger", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _UploadDragger.default;
   }
 });
 Object.defineProperty(exports, "pickControlProps", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FormItemRender.pickControlProps;
   }
 });
 Object.defineProperty(exports, "pickControlPropsWithId", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FormItemRender.pickControlPropsWithId;
   }
 });
 Object.defineProperty(exports, "useControlModel", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FormItemRender.useControlModel;
   }
 });

package/lib/form/helpers/grid.js

@@ -1,77 +1,76 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useGridHelpers = exports.gridHelpers = exports.GridContext = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _antd = require("antd");
 var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "Wrapper"],
-  _excluded2 = ["children", "Wrapper"];
-var GridContext = exports.GridContext = /*#__PURE__*/(0, _react.createContext)({
+const GridContext = exports.GridContext = /*#__PURE__*/(0, _react.createContext)({
   grid: false,
   colProps: undefined,
   rowProps: undefined
 });
-var gridHelpers = exports.gridHelpers = function gridHelpers(_ref) {
-  var grid = _ref.grid,
-    rowProps = _ref.rowProps,
-    colProps = _ref.colProps;
-  return {
-    grid: !!grid,
-    RowWrapper: function RowWrapper() {
-      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        children = _ref2.children,
-        Wrapper = _ref2.Wrapper,
-        props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-      if (!grid) {
-        return Wrapper ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
-          children: children
-        }) : children;
-      }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Row, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
-        gutter: 8
-      }, rowProps), props), {}, {
+const gridHelpers = ({
+  grid,
+  rowProps,
+  colProps
+}) => ({
+  grid: !!grid,
+  RowWrapper({
+    children,
+    Wrapper,
+    ...props
+  } = {}) {
+    if (!grid) {
+      return Wrapper ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
         children: children
-      }));
-    },
-    ColWrapper: function ColWrapper() {
-      var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        children = _ref3.children,
-        Wrapper = _ref3.Wrapper,
-        rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
-      var props = (0, _react.useMemo)(function () {
-        var originProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, colProps), rest);
+      }) : children;
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Row, {
+      gutter: 8,
+      ...rowProps,
+      ...props,
+      children: children
+    });
+  },
+  ColWrapper({
+    children,
+    Wrapper,
+    ...rest
+  } = {}) {
+    const props = (0, _react.useMemo)(() => {
+      const originProps = {
+        ...colProps,
+        ...rest
+      };
 
-        /**
-         * `xs` takes precedence over `span`
-         * avoid `span` doesn't work
-         */
-        if (typeof originProps.span === 'undefined' && typeof originProps.xs === 'undefined') {
-          originProps.xs = 24;
-        }
-        return originProps;
-      }, [rest]);
-      if (!grid) {
-        return Wrapper ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
-          children: children
-        }) : children;
+      /**
+       * `xs` takes precedence over `span`
+       * avoid `span` doesn't work
+       */
+      if (typeof originProps.span === 'undefined' && typeof originProps.xs === 'undefined') {
+        originProps.xs = 24;
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      return originProps;
+    }, [rest]);
+    if (!grid) {
+      return Wrapper ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
         children: children
-      }));
+      }) : children;
     }
-  };
-};
-var useGridHelpers = exports.useGridHelpers = function useGridHelpers(props) {
-  var config = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+      ...props,
+      children: children
+    });
+  }
+});
+exports.gridHelpers = gridHelpers;
+const useGridHelpers = props => {
+  const config = (0, _react.useMemo)(() => {
     {
-      if ((0, _typeof2.default)(props) === 'object') {
+      if (typeof props === 'object') {
         return props;
       }
       return {
@@ -79,19 +78,19 @@ var useGridHelpers = exports.useGridHelpers = function useGridHelpers(props) {
       };
     }
   }, [props]);
-  var _useContext = (0, _react.useContext)(GridContext),
-    grid = _useContext.grid,
-    colProps = _useContext.colProps;
-  return (0, _react.useMemo)(function () {
-    return gridHelpers({
-      grid: !!(grid || config.grid),
-      rowProps: config === null || config === void 0 ? void 0 : config.rowProps,
-      colProps: (config === null || config === void 0 ? void 0 : config.colProps) || colProps,
-      Wrapper: config === null || config === void 0 ? void 0 : config.Wrapper
-    });
-  },
+  const {
+    grid,
+    colProps
+  } = (0, _react.useContext)(GridContext);
+  return (0, _react.useMemo)(() => gridHelpers({
+    grid: !!(grid || config.grid),
+    rowProps: config?.rowProps,
+    colProps: config?.colProps || colProps,
+    Wrapper: config?.Wrapper
+  }),
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [config === null || config === void 0 ? void 0 : config.Wrapper, config.grid, grid,
+  [config?.Wrapper, config.grid, grid,
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  JSON.stringify([colProps, config === null || config === void 0 ? void 0 : config.colProps, config === null || config === void 0 ? void 0 : config.rowProps])]);
-};
+  JSON.stringify([colProps, config?.colProps, config?.rowProps])]);
+};
+exports.useGridHelpers = useGridHelpers;

package/lib/form/helpers/index.js

@@ -9,7 +9,7 @@ Object.keys(_grid).forEach(function (key) {
   if (key in exports && exports[key] === _grid[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _grid[key];
     }
   });

package/lib/form/index.js

@@ -13,37 +13,37 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "FieldContext", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FieldContext.FieldContext;
   }
 });
 Object.defineProperty(exports, "FormListContext", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _List.FormListContext;
   }
 });
 Object.defineProperty(exports, "GridContext", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _helpers.GridContext;
   }
 });
 Object.defineProperty(exports, "LightWrapper", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _BaseForm.LightWrapper;
   }
 });
 Object.defineProperty(exports, "ProForm", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _layouts.ProForm;
   }
 });
 Object.defineProperty(exports, "ProFormContext", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _utils.ProFormContext;
   }
 });
@@ -56,7 +56,7 @@ Object.keys(_layouts).forEach(function (key) {
   if (key in exports && exports[key] === _layouts[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _layouts[key];
     }
   });
@@ -70,7 +70,7 @@ Object.keys(_components).forEach(function (key) {
   if (key in exports && exports[key] === _components[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _components[key];
     }
   });