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

package/es/form/BaseForm/EditOrReadOnlyContext.js

@@ -1,8 +1,4 @@
-// src/form/BaseForm/EditOrReadOnlyContext.ts
-import React from "react";
-var EditOrReadOnlyContext = React.createContext({
-  mode: "edit"
-});
-export {
-  EditOrReadOnlyContext
-};
+import React from 'react';
+export var EditOrReadOnlyContext = /*#__PURE__*/React.createContext({
+  mode: 'edit'
+});

package/es/form/BaseForm/LightWrapper/index.js

@@ -1,168 +1,111 @@
-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/BaseForm/LightWrapper/index.tsx
-import { ConfigProvider } from "antd";
-import classNames from "classnames";
-import React, { useContext, useMemo, useState } from "react";
-import {
-  dateArrayFormatter,
-  dateFormatterMap,
-  FieldLabel,
-  FilterDropdown,
-  useMountMergeState
-} from "../../../utils";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["label", "size", "disabled", "onChange", "className", "style", "children", "valuePropName", "placeholder", "labelFormatter", "variant", "footerRender", "allowClear", "otherFieldProps", "valueType", "placement"];
+import { ConfigProvider } from 'antd';
+import classNames from 'classnames';
+import React, { useContext, useMemo, useState } from 'react';
+import { dateArrayFormatter, dateFormatterMap, FieldLabel, FilterDropdown, useMountMergeState } from "../../../utils";
 import { useStyle } from "./style";
-var LightWrapper = (props) => {
-  const _a = props, {
-    label,
-    size,
-    disabled,
-    onChange: propsOnChange,
-    className,
-    style,
-    children,
-    valuePropName,
-    placeholder,
-    labelFormatter,
-    variant,
-    footerRender,
-    allowClear,
-    otherFieldProps,
-    valueType,
-    placement
-  } = _a, rest = __objRest(_a, [
-    "label",
-    "size",
-    "disabled",
-    "onChange",
-    "className",
-    "style",
-    "children",
-    "valuePropName",
-    "placeholder",
-    "labelFormatter",
-    "variant",
-    "footerRender",
-    "allowClear",
-    "otherFieldProps",
-    "valueType",
-    "placement"
-  ]);
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("pro-field-light-wrapper");
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  const [tempValue, setTempValue] = useState(
-    props[valuePropName]
-  );
-  const [open, setOpen] = useMountMergeState(false);
-  const onChange = (...restParams) => {
-    var _a2;
-    (_a2 = otherFieldProps == null ? void 0 : otherFieldProps.onChange) == null ? void 0 : _a2.call(otherFieldProps, ...restParams);
-    propsOnChange == null ? void 0 : propsOnChange(...restParams);
+import { jsx as _jsx } from "react/jsx-runtime";
+var LightWrapper = function LightWrapper(props) {
+  var label = props.label,
+    size = props.size,
+    disabled = props.disabled,
+    propsOnChange = props.onChange,
+    className = props.className,
+    style = props.style,
+    children = props.children,
+    valuePropName = props.valuePropName,
+    placeholder = props.placeholder,
+    labelFormatter = props.labelFormatter,
+    variant = props.variant,
+    footerRender = props.footerRender,
+    allowClear = props.allowClear,
+    otherFieldProps = props.otherFieldProps,
+    valueType = props.valueType,
+    placement = props.placement,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-field-light-wrapper');
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var _useState = useState(props[valuePropName]),
+    _useState2 = _slicedToArray(_useState, 2),
+    tempValue = _useState2[0],
+    setTempValue = _useState2[1];
+  var _useMountMergeState = useMountMergeState(false),
+    _useMountMergeState2 = _slicedToArray(_useMountMergeState, 2),
+    open = _useMountMergeState2[0],
+    setOpen = _useMountMergeState2[1];
+  var onChange = function onChange() {
+    var _otherFieldProps$onCh;
+    for (var _len = arguments.length, restParams = new Array(_len), _key = 0; _key < _len; _key++) {
+      restParams[_key] = arguments[_key];
+    }
+    otherFieldProps === null || otherFieldProps === void 0 || (_otherFieldProps$onCh = otherFieldProps.onChange) === null || _otherFieldProps$onCh === void 0 || _otherFieldProps$onCh.call.apply(_otherFieldProps$onCh, [otherFieldProps].concat(restParams));
+    propsOnChange === null || propsOnChange === void 0 || propsOnChange.apply(void 0, restParams);
   };
-  const labelValue = props[valuePropName];
-  const labelValueText = useMemo(() => {
-    var _a2;
-    if (!labelValue)
-      return labelValue;
-    if (((_a2 = valueType == null ? void 0 : valueType.toLowerCase()) == null ? void 0 : _a2.endsWith("range")) && valueType !== "digitRange" && !labelFormatter) {
-      return dateArrayFormatter(
-        labelValue,
-        dateFormatterMap[valueType] || "YYYY-MM-DD"
-      );
+  var labelValue = props[valuePropName];
+
+  /** DateRange的转化，dayjs 的 toString 有点不好用 */
+  var labelValueText = useMemo(function () {
+    var _valueType$toLowerCas;
+    if (!labelValue) return labelValue;
+    if (valueType !== null && valueType !== void 0 && (_valueType$toLowerCas = valueType.toLowerCase()) !== null && _valueType$toLowerCas !== void 0 && _valueType$toLowerCas.endsWith('range') && valueType !== 'digitRange' && !labelFormatter) {
+      return dateArrayFormatter(labelValue, dateFormatterMap[valueType] || 'YYYY-MM-DD');
     }
-    if (Array.isArray(labelValue))
-      return labelValue.map((item) => {
-        if (typeof item === "object" && item.label && item.value) {
-          return item.label;
-        }
-        return item;
-      });
+    if (Array.isArray(labelValue)) return labelValue.map(function (item) {
+      if (_typeof(item) === 'object' && item.label && item.value) {
+        return item.label;
+      }
+      return item;
+    });
     return labelValue;
   }, [labelValue, valueType, labelFormatter]);
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      FilterDropdown,
-      {
-        disabled,
-        open,
-        onOpenChange: setOpen,
-        placement,
-        label: /* @__PURE__ */ React.createElement(
-          FieldLabel,
-          {
-            ellipsis: true,
-            size,
-            onClear: () => {
-              onChange == null ? void 0 : onChange();
-              setTempValue(null);
-            },
-            variant,
-            style,
-            className,
-            label,
-            placeholder,
-            value: labelValueText,
-            disabled,
-            formatter: labelFormatter,
-            allowClear
-          }
-        ),
-        footer: {
-          onClear: () => setTempValue(null),
-          onConfirm: () => {
-            onChange == null ? void 0 : onChange(tempValue);
-            setOpen(false);
-          }
-        },
-        footerRender
+  return wrapSSR( /*#__PURE__*/_jsx(FilterDropdown, {
+    disabled: disabled,
+    open: open,
+    onOpenChange: setOpen,
+    placement: placement,
+    label: /*#__PURE__*/_jsx(FieldLabel, {
+      ellipsis: true,
+      size: size,
+      onClear: function onClear() {
+        onChange === null || onChange === void 0 || onChange();
+        setTempValue(null);
       },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames(`${prefixCls}-container`, hashId, className),
-          style
-        },
-        React.cloneElement(children, __spreadValues(__spreadProps(__spreadValues({}, rest), {
-          [valuePropName]: tempValue,
-          onChange: (e) => {
-            setTempValue((e == null ? void 0 : e.target) ? e.target.value : e);
-          }
-        }), children.props))
-      )
-    )
-  );
-};
-export {
-  LightWrapper
+      variant: variant,
+      style: style,
+      className: className,
+      label: label,
+      placeholder: placeholder,
+      value: labelValueText,
+      disabled: disabled,
+      formatter: labelFormatter,
+      allowClear: allowClear
+    }),
+    footer: {
+      onClear: function onClear() {
+        return setTempValue(null);
+      },
+      onConfirm: function onConfirm() {
+        onChange === null || onChange === void 0 || onChange(tempValue);
+        setOpen(false);
+      }
+    },
+    footerRender: footerRender,
+    children: /*#__PURE__*/_jsx("div", {
+      className: classNames("".concat(prefixCls, "-container"), hashId, className),
+      style: style,
+      children: /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, rest), {}, _defineProperty(_defineProperty({}, valuePropName, tempValue), "onChange", function onChange(e) {
+        setTempValue(e !== null && e !== void 0 && e.target ? e.target.value : e);
+      }), children.props))
+    })
+  }));
 };
+export { LightWrapper };

package/es/form/BaseForm/LightWrapper/style.js

@@ -1,46 +1,19 @@
-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/BaseForm/LightWrapper/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}-collapse-label`]: {
-      paddingInline: 1,
-      paddingBlock: 1
-    },
-    [`${token.componentCls}-container`]: {
-      [`${token.antCls}-form-item`]: {
-        marginBlockEnd: 0
-      }
-    }
-  };
+var genProStyle = function genProStyle(token) {
+  return _defineProperty(_defineProperty({}, "".concat(token.componentCls, "-collapse-label"), {
+    paddingInline: 1,
+    paddingBlock: 1
+  }), "".concat(token.componentCls, "-container"), _defineProperty({}, "".concat(token.antCls, "-form-item"), {
+    marginBlockEnd: 0
+  }));
 };
-function useStyle(prefixCls) {
-  return useAntdStyle("LightWrapper", (token) => {
-    const proToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+  return useAntdStyle('LightWrapper', function (token) {
+    var proToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProStyle(proToken)];
   });
-}
-export {
-  useStyle
-};
+}

package/es/form/BaseForm/Submitter/index.js

@@ -1,124 +1,93 @@
-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/BaseForm/Submitter/index.tsx
-import { Button, Form } from "antd";
-import omit from "rc-util/lib/omit";
-import React from "react";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { Button, Form } from 'antd';
+import omit from 'rc-util/lib/omit';
+import React from 'react';
 import { proTheme, useIntl } from "../../../provider";
-var Submitter = (props) => {
-  const intl = useIntl();
-  const form = Form.useFormInstance();
+
+/** @name 用于配置操作栏 */
+import { createElement as _createElement } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * FormFooter 的组件，可以自动进行一些配置
+ *
+ * @param props
+ */
+
+var Submitter = function Submitter(props) {
+  var intl = useIntl();
+  var form = Form.useFormInstance();
   if (props.render === false) {
     return null;
   }
-  const {
-    onSubmit,
-    render,
-    onReset,
-    searchConfig = {},
-    submitButtonProps,
-    resetButtonProps
-  } = props;
-  const { token } = proTheme.useToken();
-  const submit = () => {
+  var onSubmit = props.onSubmit,
+    render = props.render,
+    onReset = props.onReset,
+    _props$searchConfig = props.searchConfig,
+    searchConfig = _props$searchConfig === void 0 ? {} : _props$searchConfig,
+    submitButtonProps = props.submitButtonProps,
+    resetButtonProps = props.resetButtonProps;
+  var _proTheme$useToken = proTheme.useToken(),
+    token = _proTheme$useToken.token;
+  var submit = function submit() {
     form.submit();
-    onSubmit == null ? void 0 : onSubmit();
+    onSubmit === null || onSubmit === void 0 || onSubmit();
   };
-  const reset = () => {
+  var reset = function reset() {
     form.resetFields();
-    onReset == null ? void 0 : onReset();
+    onReset === null || onReset === void 0 || onReset();
   };
-  const {
-    submitText = intl.getMessage("tableForm.submit", "提交"),
-    resetText = intl.getMessage("tableForm.reset", "重置")
-  } = searchConfig;
-  const dom = [];
+  var _searchConfig$submitT = searchConfig.submitText,
+    submitText = _searchConfig$submitT === void 0 ? intl.getMessage('tableForm.submit', '提交') : _searchConfig$submitT,
+    _searchConfig$resetTe = searchConfig.resetText,
+    resetText = _searchConfig$resetTe === void 0 ? intl.getMessage('tableForm.reset', '重置') : _searchConfig$resetTe;
+  /** 默认的操作的逻辑 */
+  var dom = [];
   if (resetButtonProps !== false) {
-    dom.push(
-      /* @__PURE__ */ React.createElement(
-        Button,
-        __spreadProps(__spreadValues({}, omit(resetButtonProps != null ? resetButtonProps : {}, ["preventDefault"])), {
-          key: "rest",
-          onClick: (e) => {
-            var _a;
-            if (!(resetButtonProps == null ? void 0 : resetButtonProps.preventDefault))
-              reset();
-            (_a = resetButtonProps == null ? void 0 : resetButtonProps.onClick) == null ? void 0 : _a.call(
-              resetButtonProps,
-              e
-            );
-          }
-        }),
-        resetText
-      )
-    );
+    dom.push( /*#__PURE__*/_createElement(Button, _objectSpread(_objectSpread({}, omit(resetButtonProps !== null && resetButtonProps !== void 0 ? resetButtonProps : {}, ['preventDefault'])), {}, {
+      key: "rest",
+      onClick: function onClick(e) {
+        var _resetButtonProps$onC;
+        if (!(resetButtonProps !== null && resetButtonProps !== void 0 && resetButtonProps.preventDefault)) reset();
+        resetButtonProps === null || resetButtonProps === void 0 || (_resetButtonProps$onC = resetButtonProps.onClick) === null || _resetButtonProps$onC === void 0 || _resetButtonProps$onC.call(resetButtonProps, e);
+      }
+    }), resetText));
   }
   if (submitButtonProps !== false) {
-    dom.push(
-      /* @__PURE__ */ React.createElement(
-        Button,
-        __spreadProps(__spreadValues({
-          type: "primary"
-        }, omit(submitButtonProps || {}, ["preventDefault"])), {
-          key: "submit",
-          onClick: (e) => {
-            var _a;
-            if (!(submitButtonProps == null ? void 0 : submitButtonProps.preventDefault))
-              submit();
-            (_a = submitButtonProps == null ? void 0 : submitButtonProps.onClick) == null ? void 0 : _a.call(
-              submitButtonProps,
-              e
-            );
-          }
-        }),
-        submitText
-      )
-    );
+    dom.push( /*#__PURE__*/_createElement(Button, _objectSpread(_objectSpread({
+      type: "primary"
+    }, omit(submitButtonProps || {}, ['preventDefault'])), {}, {
+      key: "submit",
+      onClick: function onClick(e) {
+        var _submitButtonProps$on;
+        if (!(submitButtonProps !== null && submitButtonProps !== void 0 && submitButtonProps.preventDefault)) submit();
+        submitButtonProps === null || submitButtonProps === void 0 || (_submitButtonProps$on = submitButtonProps.onClick) === null || _submitButtonProps$on === void 0 || _submitButtonProps$on.call(submitButtonProps, e);
+      }
+    }), submitText));
   }
-  const renderDom = render ? render(__spreadProps(__spreadValues({}, props), { form, submit, reset }), dom) : dom;
+  var renderDom = render ? render(_objectSpread(_objectSpread({}, props), {}, {
+    form: form,
+    submit: submit,
+    reset: reset
+  }), dom) : dom;
   if (!renderDom) {
     return null;
   }
   if (Array.isArray(renderDom)) {
-    if ((renderDom == null ? void 0 : renderDom.length) < 1) {
+    if ((renderDom === null || renderDom === void 0 ? void 0 : renderDom.length) < 1) {
       return null;
     }
-    if ((renderDom == null ? void 0 : renderDom.length) === 1) {
+    if ((renderDom === null || renderDom === void 0 ? void 0 : renderDom.length) === 1) {
       return renderDom[0];
     }
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: {
-          display: "flex",
-          gap: token.marginXS,
-          alignItems: "center"
-        }
+    return /*#__PURE__*/_jsx("div", {
+      style: {
+        display: 'flex',
+        gap: token.marginXS,
+        alignItems: 'center'
       },
-      renderDom
-    );
+      children: renderDom
+    });
   }
   return renderDom;
 };
-var Submitter_default = Submitter;
-export {
-  Submitter_default as default
-};
+export default Submitter;

package/es/form/BaseForm/index.js

@@ -1,4 +1,3 @@
-// src/form/BaseForm/index.ts
 export * from "../components/FormItem/warpField";
 export * from "./BaseForm";
-export * from "./LightWrapper";
+export * from "./LightWrapper";

package/es/form/FieldContext.js

@@ -1,8 +1,4 @@
-// src/form/FieldContext.tsx
-import React from "react";
-var FieldContext = React.createContext({});
-var FieldContext_default = FieldContext;
-export {
-  FieldContext,
-  FieldContext_default as default
-};
+import React from 'react';
+var FieldContext = /*#__PURE__*/React.createContext({});
+export { FieldContext };
+export default FieldContext;