@ant-design/pro-components 3.1.12-0 → 3.1.13-0

package/lib/field/components/Cascader/FieldCascaderEdit.d.ts

@@ -0,0 +1,17 @@
+import type { CascaderProps, GetRef } from 'antd';
+import { Cascader } from 'antd';
+import React from 'react';
+import type { IntlType } from '../../../provider';
+import type { ProFieldFC } from '../../types';
+import type { GroupProps } from './types';
+type Props = Omit<Parameters<ProFieldFC<GroupProps>>[0], 'options'> & {
+    options: NonNullable<CascaderProps['options']>;
+    loading: boolean;
+    layoutClassName: string;
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    cascaderRef: React.RefObject<GetRef<typeof Cascader>>;
+    intl: IntlType;
+};
+export declare function FieldCascaderEdit(props: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export {};

package/lib/field/components/Cascader/FieldCascaderEdit.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldCascaderEdit = FieldCascaderEdit;
+var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _clsx = require("clsx");
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldCascaderEdit(props) {
+  const {
+    placeholder,
+    formItemRender,
+    mode,
+    variant: _variant,
+    options,
+    loading,
+    layoutClassName,
+    open,
+    setOpen,
+    cascaderRef,
+    intl,
+    ...rest
+  } = props;
+  const fieldProps = rest.fieldProps || {};
+  let dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Cascader, {
+    ref: cascaderRef,
+    open: open,
+    suffixIcon: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {}) : undefined,
+    placeholder: placeholder || intl.getMessage('tableForm.selectPlaceholder', '请选择'),
+    allowClear: fieldProps?.allowClear !== false,
+    ...fieldProps,
+    onOpenChange: isOpen => {
+      fieldProps?.onOpenChange?.(isOpen);
+      setOpen(isOpen);
+    },
+    className: (0, _clsx.clsx)(fieldProps?.className, layoutClassName),
+    options: options
+  });
+  if (formItemRender) {
+    dom = formItemRender(rest.text, {
+      mode,
+      ...fieldProps,
+      options,
+      loading
+    }, dom) ?? null;
+  }
+  return dom;
+}

package/lib/field/components/Cascader/FieldCascaderLightEdit.d.ts

@@ -0,0 +1,17 @@
+import type { CascaderProps, GetRef } from 'antd';
+import { Cascader } from 'antd';
+import React from 'react';
+import type { IntlType } from '../../../provider';
+import type { ProFieldFC } from '../../types';
+import type { GroupProps } from './types';
+type Props = Omit<Parameters<ProFieldFC<GroupProps>>[0], 'options'> & {
+    options: NonNullable<CascaderProps['options']>;
+    loading: boolean;
+    layoutClassName: string;
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    cascaderRef: React.RefObject<GetRef<typeof Cascader>>;
+    intl: IntlType;
+};
+export declare function FieldCascaderLightEdit(props: Props): React.JSX.Element;
+export {};

package/lib/field/components/Cascader/FieldCascaderLightEdit.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldCascaderLightEdit = FieldCascaderLightEdit;
+var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _clsx = require("clsx");
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("../../../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldCascaderLightEdit(props) {
+  const {
+    placeholder,
+    formItemRender,
+    mode,
+    label,
+    variant,
+    options,
+    loading,
+    layoutClassName,
+    open,
+    setOpen,
+    cascaderRef,
+    intl,
+    ...rest
+  } = props;
+  const fieldProps = rest.fieldProps || {};
+  let dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Cascader, {
+    ref: cascaderRef,
+    open: open,
+    suffixIcon: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {}) : undefined,
+    placeholder: placeholder || intl.getMessage('tableForm.selectPlaceholder', '请选择'),
+    allowClear: fieldProps?.allowClear !== false,
+    ...fieldProps,
+    onOpenChange: isOpen => {
+      fieldProps?.onOpenChange?.(isOpen);
+      setOpen(isOpen);
+    },
+    className: (0, _clsx.clsx)(fieldProps?.className, layoutClassName),
+    options: options
+  });
+  if (formItemRender) {
+    dom = formItemRender(rest.text, {
+      mode,
+      ...fieldProps,
+      options,
+      loading
+    }, dom) ?? null;
+  }
+  const {
+    disabled,
+    value
+  } = fieldProps;
+  const notEmpty = !!value && value?.length !== 0;
+  const handleLabelClick = () => {
+    if (disabled) return;
+    setOpen(true);
+    fieldProps?.onOpenChange?.(true);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.FieldLabel, {
+    label: label,
+    disabled: disabled,
+    variant: variant,
+    value: notEmpty || open ? dom : null,
+    style: notEmpty ? {
+      paddingInlineEnd: 0
+    } : undefined,
+    allowClear: false,
+    downIcon: notEmpty || open ? false : undefined,
+    onClick: handleLabelClick
+  });
+}

package/lib/field/components/Cascader/FieldCascaderRead.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { ProFieldFC } from '../../types';
+import type { GroupProps } from './types';
+export declare function FieldCascaderRead(props: Parameters<ProFieldFC<GroupProps>>[0] & {
+    optionsValueEnum: Map<any, any> | undefined;
+}): import("react").JSX.Element;

package/lib/field/components/Cascader/FieldCascaderRead.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldCascaderRead = FieldCascaderRead;
+var _utils = require("../../../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldCascaderRead(props) {
+  const {
+    mode,
+    render,
+    optionsValueEnum,
+    ...rest
+  } = props;
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: (0, _utils.proFieldParsingText)(rest.text, (0, _utils.objectToMap)(rest.valueEnum || optionsValueEnum))
+  });
+  if (render) {
+    return render(rest.text, {
+      mode,
+      ...rest.fieldProps
+    }, dom) ?? null;
+  }
+  return dom;
+}

package/lib/field/components/Cascader/index.d.ts

@@ -1,26 +1,20 @@
-import type { RadioGroupProps } from 'antd';
 import React from 'react';
-import type { FieldSelectProps } from '../Select';
-export type GroupProps = {
-    options?: RadioGroupProps['options'];
-    radioType?: 'button' | 'radio';
-    placeholder?: string;
-    variant?: 'outlined' | 'borderless' | 'filled';
-} & FieldSelectProps;
+import type { GroupProps } from './types';
+export type { GroupProps };
 declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
     options?: (string | number | import("antd").CheckboxOptionType<any>)[] | undefined;
     radioType?: "button" | "radio" | undefined;
     placeholder?: string | undefined;
-    variant?: "outlined" | "filled" | "borderless" | undefined;
+    variant?: "outlined" | "borderless" | "filled" | undefined;
 } & {
     text: string;
-    valueEnum?: import("src/utils/typing").ProFieldValueEnumType | undefined;
+    valueEnum?: import("src/utils").ProFieldValueEnumType | undefined;
     debounceTime?: number | undefined;
-    request?: import("src/utils/typing").ProFieldRequestData | undefined;
+    request?: import("src/utils").ProFieldRequestData | undefined;
     params?: any;
     fieldProps?: any;
-    variant?: "outlined" | "filled" | "borderless" | undefined;
+    variant?: "outlined" | "borderless" | "filled" | undefined;
     id?: string | undefined;
     defaultKeyWords?: string | undefined;
-} & import("../../PureProField").ProFieldLightProps & React.RefAttributes<any>>;
+} & import("../../types").ProFieldLightProps & React.RefAttributes<any>>;
 export default _default;

package/lib/field/components/Cascader/index.js

@@ -5,26 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _icons = require("@ant-design/icons");
 var _antd = require("antd");
-var _clsx = require("clsx");
 var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../../provider");
-var _utils = require("../../../utils");
+var _fieldMode = require("../../internal/fieldMode");
 var _Select = require("../Select");
+var _FieldCascaderEdit = require("./FieldCascaderEdit");
+var _FieldCascaderLightEdit = require("./FieldCascaderLightEdit");
+var _FieldCascaderRead = require("./FieldCascaderRead");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * 级联选择组件
- *
- * @param placeholder
- * @param formItemRender
- * @param mode
- * @param render
- * @param label
- * @param light
- * @param variant
- * @param rest
- * @param ref
  */
 const FieldCascader = ({
   placeholder,
@@ -42,19 +33,14 @@ const FieldCascader = ({
   const layoutClassName = getPrefixCls('pro-field-cascader');
   const [loading, options, fetchData] = (0, _Select.useFieldFetchData)(rest);
   const intl = (0, _provider.useIntl)();
-  const cascaderRef = (0, _react.useRef)();
+  const cascaderRef = (0, _react.useRef)(null);
   const [open, setOpen] = (0, _react.useState)(false);
   (0, _react.useImperativeHandle)(ref, () => ({
     ...(cascaderRef.current || {}),
     fetchData: keyWord => fetchData(keyWord)
   }), [fetchData]);
   const optionsValueEnum = (0, _react.useMemo)(() => {
-    if (mode !== 'read') return;
-    /**
-     * Support cascader fieldNames
-     *
-     * @see https://ant.design/components/cascader-cn/#header
-     */
+    if (!(0, _fieldMode.isProFieldReadMode)(mode)) return;
     const {
       value: valuePropsName = 'value',
       label: labelPropsName = 'label',
@@ -76,65 +62,44 @@ const FieldCascader = ({
     };
     return traverseOptions(options);
   }, [mode, options, rest.fieldProps?.fieldNames]);
-  if (mode === 'read') {
-    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: (0, _utils.proFieldParsingText)(rest.text, (0, _utils.objectToMap)(rest.valueEnum || optionsValueEnum))
+  if ((0, _fieldMode.isProFieldReadMode)(mode)) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldCascaderRead.FieldCascaderRead, {
+      placeholder: placeholder,
+      formItemRender: formItemRender,
+      mode: mode,
+      render: render,
+      label: label,
+      light: light,
+      variant: variant,
+      optionsValueEnum: optionsValueEnum,
+      ...rest
     });
-    if (render) {
-      return render(rest.text, {
-        mode,
-        ...rest.fieldProps
-      }, dom) ?? null;
-    }
-    return dom;
   }
-  if (mode === 'edit') {
-    const fieldProps = rest.fieldProps || {};
-    let dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Cascader, {
-      ref: cascaderRef,
-      open: open,
-      suffixIcon: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {}) : undefined,
-      placeholder: placeholder || intl.getMessage('tableForm.selectPlaceholder', '请选择'),
-      allowClear: fieldProps?.allowClear !== false,
-      ...fieldProps,
-      onOpenChange: isOpen => {
-        fieldProps?.onOpenChange?.(isOpen);
-        setOpen(isOpen);
-      },
-      className: (0, _clsx.clsx)(fieldProps?.className, layoutClassName),
-      options: options
-    });
-    if (formItemRender) {
-      dom = formItemRender(rest.text, {
-        mode,
-        ...fieldProps,
-        options,
-        loading
-      }, dom) ?? null;
-    }
+  if ((0, _fieldMode.isProFieldEditOnlyMode)(mode)) {
+    const editProps = {
+      ...rest,
+      placeholder,
+      formItemRender,
+      mode,
+      render,
+      label,
+      variant,
+      options: options,
+      loading,
+      layoutClassName,
+      open,
+      setOpen,
+      cascaderRef,
+      intl
+    };
     if (light) {
-      const {
-        disabled,
-        value
-      } = fieldProps;
-      const notEmpty = !!value && value?.length !== 0;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.FieldLabel, {
-        label: label,
-        disabled: disabled,
-        variant: variant,
-        value: notEmpty || open ? dom : null,
-        style: notEmpty ? {
-          paddingInlineEnd: 0
-        } : undefined,
-        allowClear: false,
-        downIcon: notEmpty || open ? false : undefined,
-        onClick: () => {
-          setOpen(true);
-          fieldProps?.onOpenChange?.(true);
-        }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldCascaderLightEdit.FieldCascaderLightEdit, {
+        ...editProps
       });
     }
-    return dom;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldCascaderEdit.FieldCascaderEdit, {
+      ...editProps
+    });
   }
   return null;
 };

package/lib/field/components/Cascader/types.d.ts

@@ -0,0 +1,8 @@
+import type { RadioGroupProps } from 'antd';
+import type { FieldSelectProps } from '../Select';
+export type GroupProps = {
+    options?: RadioGroupProps['options'];
+    radioType?: 'button' | 'radio';
+    placeholder?: string;
+    variant?: 'outlined' | 'borderless' | 'filled';
+} & FieldSelectProps;

package/lib/field/components/Cascader/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/field/components/Checkbox/FieldCheckboxEdit.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { ProFieldFC } from '../../types';
+import type { GroupProps } from './types';
+type Props = Omit<Parameters<ProFieldFC<GroupProps>>[0], 'options'> & {
+    layout: 'horizontal' | 'vertical';
+    options: any[];
+    loading: boolean;
+    layoutClassName: string;
+    wrapSSR: (node: React.ReactElement) => React.ReactElement;
+    hashId: string;
+    status: {
+        status?: string;
+    } | undefined;
+};
+export declare function FieldCheckboxEdit(props: Props): React.JSX.Element;
+export {};

package/lib/field/components/Checkbox/FieldCheckboxEdit.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldCheckboxEdit = FieldCheckboxEdit;
+var _antd = require("antd");
+var _clsx = require("clsx");
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldCheckboxEdit(props) {
+  const {
+    layout,
+    formItemRender,
+    mode,
+    options,
+    loading,
+    layoutClassName,
+    wrapSSR,
+    hashId,
+    status,
+    ...rest
+  } = props;
+  const {
+    fieldNames: _fieldNames,
+    variant,
+    ...restFieldProps
+  } = rest.fieldProps || {};
+  const dom = wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox.Group, {
+    ...restFieldProps,
+    variant: variant,
+    className: (0, _clsx.clsx)(rest.fieldProps?.className, hashId, `${layoutClassName}-${layout}`, {
+      [`${layoutClassName}-error`]: status?.status === 'error',
+      [`${layoutClassName}-warning`]: status?.status === 'warning'
+    }),
+    options: options
+  }));
+  if (formItemRender) {
+    return formItemRender(rest.text, {
+      mode,
+      ...rest.fieldProps,
+      options,
+      loading
+    }, dom) ?? null;
+  }
+  return dom;
+}

package/lib/field/components/Checkbox/FieldCheckboxRead.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { ProFieldFC } from '../../types';
+import type { GroupProps } from './types';
+export declare function FieldCheckboxRead(props: Parameters<ProFieldFC<GroupProps>>[0] & {
+    optionsValueEnum: Record<string, any> | undefined;
+}): import("react").JSX.Element;

package/lib/field/components/Checkbox/FieldCheckboxRead.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldCheckboxRead = FieldCheckboxRead;
+var _antd = require("antd");
+var _utils = require("../../../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldCheckboxRead(props) {
+  const {
+    mode,
+    render,
+    optionsValueEnum,
+    ...rest
+  } = props;
+  const {
+    token
+  } = _antd.theme.useToken?.() || {
+    token: {
+      marginSM: 8
+    }
+  };
+  const dom = (0, _utils.proFieldParsingText)(rest.text, (0, _utils.objectToMap)(rest.valueEnum || optionsValueEnum));
+  if (render) {
+    return render(rest.text, {
+      mode,
+      ...rest.fieldProps
+    }, /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: dom
+    })) ?? null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      gap: token.marginSM
+    },
+    children: dom
+  });
+}

package/lib/field/components/Checkbox/index.d.ts

@@ -1,12 +1,8 @@
-import type { CheckboxGroupProps } from 'antd/lib/checkbox';
 import React from 'react';
-import type { FieldSelectProps } from '../Select';
-export type GroupProps = {
-    layout?: 'horizontal' | 'vertical';
-    options?: CheckboxGroupProps['options'];
-} & FieldSelectProps;
+import type { GroupProps } from './types';
+export type { GroupProps };
 declare const _default: React.ForwardRefExoticComponent<import("src/provider").BaseProFieldFC & import("src/provider").ProRenderFieldPropsType & {
-    layout?: "horizontal" | "vertical" | undefined;
+    layout?: "vertical" | "horizontal" | undefined;
     options?: (string | number | import("antd/lib/checkbox").CheckboxOptionType<any>)[] | undefined;
 } & {
     text: string;
@@ -15,8 +11,8 @@ declare const _default: React.ForwardRefExoticComponent<import("src/provider").B
     request?: import("src/utils/typing").ProFieldRequestData | undefined;
     params?: any;
     fieldProps?: any;
-    variant?: "outlined" | "filled" | "borderless" | undefined;
+    variant?: "outlined" | "borderless" | "filled" | undefined;
     id?: string | undefined;
     defaultKeyWords?: string | undefined;
-} & import("../../PureProField").ProFieldLightProps & React.RefAttributes<any>>;
+} & import("../../types").ProFieldLightProps & React.RefAttributes<any>>;
 export default _default;