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

package/lib/field/components/TimePicker/FieldTimePickerLightEdit.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldTimePickerLightEdit = FieldTimePickerLightEdit;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("../../../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldTimePickerLightEdit(props, ref) {
+  const {
+    text,
+    mode,
+    label,
+    format,
+    formItemRender,
+    fieldProps,
+    lightLabel,
+    variant,
+    finalFormat,
+    open,
+    setOpen,
+    intl
+  } = props;
+  const {
+    disabled,
+    value
+  } = fieldProps;
+  const dayValue = (0, _utils.parseValueToDay)(value, finalFormat);
+  const handleLabelClick = () => {
+    if (disabled) return;
+    fieldProps?.onOpenChange?.(true);
+    setOpen(true);
+  };
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.FieldLabel, {
+    onClick: handleLabelClick,
+    style: dayValue ? {
+      paddingInlineEnd: 0
+    } : undefined,
+    label: label,
+    disabled: disabled,
+    variant: variant ?? fieldProps?.variant,
+    value: dayValue || open ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.TimePicker, {
+      format: format,
+      ref: ref,
+      ...fieldProps,
+      variant: variant ?? fieldProps?.variant,
+      placeholder: fieldProps.placeholder ?? intl.getMessage('tableForm.selectPlaceholder', '请选择'),
+      value: dayValue,
+      onOpenChange: isOpen => {
+        setOpen(isOpen);
+        fieldProps?.onOpenChange?.(isOpen);
+      },
+      open: open
+    }) : null,
+    downIcon: dayValue || open ? false : undefined,
+    allowClear: false,
+    ref: lightLabel
+  });
+  if (formItemRender) {
+    return formItemRender(text, {
+      mode,
+      ...fieldProps
+    }, dom);
+  }
+  return dom;
+}

package/lib/field/components/TimePicker/FieldTimePickerRead.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { ProFieldFC, ProFieldLightProps } from '../../types';
+type Props = Parameters<ProFieldFC<{
+    text: string | number;
+    format?: string;
+    variant?: 'outlined' | 'borderless' | 'filled' | 'underlined';
+} & ProFieldLightProps>>[0] & {
+    finalFormat: string;
+};
+export declare function FieldTimePickerRead(props: Props, ref: React.Ref<unknown>): React.JSX.Element;
+export {};

package/lib/field/components/TimePicker/FieldTimePickerRead.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldTimePickerRead = FieldTimePickerRead;
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldTimePickerRead(props, ref) {
+  const {
+    text,
+    mode,
+    render,
+    fieldProps,
+    finalFormat
+  } = props;
+  const isNumberOrMoment = _dayjs.default.isDayjs(text) || typeof text === 'number';
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    ref: ref,
+    children: text ? (0, _dayjs.default)(text, isNumberOrMoment ? undefined : finalFormat).format(finalFormat) : '-'
+  });
+  if (render) {
+    return render(text, {
+      mode,
+      ...fieldProps
+    }, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: dom
+    }));
+  }
+  return dom;
+}

package/lib/field/components/TimePicker/FieldTimeRangePickerEdit.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ProFieldFC } from '../../types';
+type Props = Parameters<ProFieldFC<{
+    text: string[] | number[];
+    format?: string;
+    variant?: 'outlined' | 'borderless' | 'filled' | 'underlined';
+}>>[0] & {
+    finalFormat: string;
+    format: string;
+};
+export declare function FieldTimeRangePickerEdit(props: Props, ref: React.Ref<unknown>): React.JSX.Element;
+export {};

package/lib/field/components/TimePicker/FieldTimeRangePickerEdit.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldTimeRangePickerEdit = FieldTimeRangePickerEdit;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("../../../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldTimeRangePickerEdit(props, ref) {
+  const {
+    text,
+    mode,
+    format,
+    formItemRender,
+    fieldProps,
+    variant,
+    finalFormat
+  } = props;
+  const dayValue = (0, _utils.parseValueToDay)(fieldProps.value, finalFormat);
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.TimePicker.RangePicker, {
+    ref: ref,
+    format: format,
+    ...fieldProps,
+    variant: variant ?? fieldProps?.variant,
+    value: dayValue
+  });
+  if (formItemRender) {
+    return formItemRender(text, {
+      mode,
+      ...fieldProps
+    }, dom);
+  }
+  return dom;
+}

package/lib/field/components/TimePicker/FieldTimeRangePickerLightEdit.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { IntlType } from '../../../provider';
+import type { ProFieldFC, ProFieldLightProps } from '../../types';
+type Props = Parameters<ProFieldFC<{
+    text: string[] | number[];
+    format?: string;
+    variant?: 'outlined' | 'borderless' | 'filled' | 'underlined';
+} & ProFieldLightProps>>[0] & {
+    finalFormat: string;
+    format: string;
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    intl: IntlType;
+};
+export declare function FieldTimeRangePickerLightEdit(props: Props, ref: React.Ref<unknown>): React.JSX.Element;
+export {};

package/lib/field/components/TimePicker/FieldTimeRangePickerLightEdit.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldTimeRangePickerLightEdit = FieldTimeRangePickerLightEdit;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("../../../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldTimeRangePickerLightEdit(props, ref) {
+  const {
+    text,
+    mode,
+    label,
+    format,
+    formItemRender,
+    fieldProps,
+    variant,
+    lightLabel,
+    finalFormat,
+    open,
+    setOpen,
+    intl
+  } = props;
+  const dayValue = (0, _utils.parseValueToDay)(fieldProps.value, finalFormat);
+  const {
+    disabled,
+    placeholder = [intl.getMessage('tableForm.selectPlaceholder', '请选择'), intl.getMessage('tableForm.selectPlaceholder', '请选择')]
+  } = fieldProps;
+  const handleLabelClick = () => {
+    if (disabled) return;
+    fieldProps?.onOpenChange?.(true);
+    setOpen(true);
+  };
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.FieldLabel, {
+    onClick: handleLabelClick,
+    style: dayValue ? {
+      paddingInlineEnd: 0
+    } : undefined,
+    label: label,
+    disabled: disabled,
+    variant: variant,
+    placeholder: placeholder,
+    value: dayValue || open ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.TimePicker.RangePicker, {
+      format: format,
+      ref: ref,
+      ...fieldProps,
+      variant: variant ?? fieldProps?.variant,
+      placeholder: placeholder,
+      value: dayValue,
+      onOpenChange: isOpen => {
+        setOpen(isOpen);
+        fieldProps?.onOpenChange?.(isOpen);
+      },
+      open: open
+    }) : null,
+    downIcon: dayValue || open ? false : undefined,
+    allowClear: false,
+    ref: lightLabel
+  });
+  if (formItemRender) {
+    return formItemRender(text, {
+      mode,
+      ...fieldProps
+    }, dom);
+  }
+  return dom;
+}

package/lib/field/components/TimePicker/FieldTimeRangePickerRead.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ProFieldFC, ProFieldLightProps } from '../../types';
+type Props = Parameters<ProFieldFC<{
+    text: string[] | number[];
+    format?: string;
+    variant?: 'outlined' | 'borderless' | 'filled' | 'underlined';
+} & ProFieldLightProps>>[0] & {
+    parsedStartText: string;
+    parsedEndText: string;
+};
+export declare function FieldTimeRangePickerRead(props: Props, ref: React.Ref<unknown>): React.JSX.Element;
+export {};

package/lib/field/components/TimePicker/FieldTimeRangePickerRead.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldTimeRangePickerRead = FieldTimeRangePickerRead;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function FieldTimeRangePickerRead(props, ref) {
+  const {
+    text,
+    mode,
+    render,
+    fieldProps,
+    parsedStartText,
+    parsedEndText
+  } = props;
+  const start = parsedStartText;
+  const end = parsedEndText;
+  const content = !start && !end ? '-' : `${start || '-'} ~ ${end || '-'}`;
+  const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: ref,
+    children: content
+  });
+  if (render) {
+    return render(text, {
+      mode,
+      ...fieldProps
+    }, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: dom
+    }));
+  }
+  return dom;
+}

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

@@ -1,14 +1,14 @@
 import React from 'react';
-import type { ProFieldLightProps } from '../../PureProField';
+import type { ProFieldLightProps } from '../../types';
 declare const FieldTimeRangePicker: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
     text: string[] | number[];
     format?: string | undefined;
-    variant?: "outlined" | "filled" | "borderless" | "underlined" | undefined;
+    variant?: "outlined" | "borderless" | "filled" | "underlined" | undefined;
 } & ProFieldLightProps & React.RefAttributes<any>>;
 export { FieldTimeRangePicker };
 declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
     text: string | number;
     format?: string | undefined;
-    variant?: "outlined" | "filled" | "borderless" | "underlined" | undefined;
+    variant?: "outlined" | "borderless" | "filled" | "underlined" | undefined;
 } & ProFieldLightProps & React.RefAttributes<any>>;
 export default _default;

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

@@ -6,16 +6,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FieldTimeRangePicker = void 0;
-var _antd = require("antd");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _react = _interopRequireWildcard(require("react"));
 var _provider = require("../../../provider");
-var _utils = require("../../../utils");
-var _jsxRuntime = require("react/jsx-runtime");
+var _fieldMode = require("../../internal/fieldMode");
+var _FieldTimePickerEdit = require("./FieldTimePickerEdit");
+var _FieldTimePickerLightEdit = require("./FieldTimePickerLightEdit");
+var _FieldTimePickerRead = require("./FieldTimePickerRead");
+var _FieldTimeRangePickerEdit = require("./FieldTimeRangePickerEdit");
+var _FieldTimeRangePickerLightEdit = require("./FieldTimeRangePickerLightEdit");
+var _FieldTimeRangePickerRead = require("./FieldTimeRangePickerRead");
 /**
  * 时间选择组件
- *
- * @param
  */
 const FieldTimePicker = ({
   text,
@@ -32,91 +34,49 @@ const FieldTimePicker = ({
   const [open, setOpen] = (0, _react.useState)(false);
   const intl = (0, _provider.useIntl)();
   const finalFormat = fieldProps?.format || format;
-  const isNumberOrMoment = _dayjs.default.isDayjs(text) || typeof text === 'number';
-  if (mode === 'read') {
-    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      ref: ref,
-      children: text ? (0, _dayjs.default)(text, isNumberOrMoment ? undefined : finalFormat).format(finalFormat) : '-'
-    });
-    if (render) {
-      return render(text, {
-        mode,
-        ...fieldProps
-      }, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: dom
-      }));
-    }
-    return dom;
+  if ((0, _fieldMode.isProFieldReadMode)(mode)) {
+    return (0, _FieldTimePickerRead.FieldTimePickerRead)({
+      text,
+      mode,
+      light,
+      label,
+      format,
+      render,
+      formItemRender,
+      fieldProps,
+      lightLabel,
+      variant,
+      finalFormat
+    }, ref);
   }
-  if (mode === 'edit' || mode === 'update') {
-    let dom;
-    const {
-      disabled,
-      value
-    } = fieldProps;
-    const dayValue = (0, _utils.parseValueToDay)(value, finalFormat);
+  if ((0, _fieldMode.isProFieldEditOrUpdateMode)(mode)) {
+    const editProps = {
+      text,
+      mode,
+      label,
+      format,
+      render,
+      formItemRender,
+      fieldProps,
+      variant,
+      finalFormat
+    };
     if (light) {
-      dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.FieldLabel, {
-        onClick: () => {
-          fieldProps?.onOpenChange?.(true);
-          setOpen(true);
-        },
-        style: dayValue ? {
-          paddingInlineEnd: 0
-        } : undefined,
-        label: label,
-        disabled: disabled,
-        variant: variant ?? fieldProps?.variant,
-        value: dayValue || open ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.TimePicker, {
-          variant: variant ?? fieldProps?.variant,
-          format: format,
-          ref: ref,
-          ...fieldProps,
-          placeholder: fieldProps.placeholder ?? intl.getMessage('tableForm.selectPlaceholder', '请选择'),
-          value: dayValue,
-          onOpenChange: isOpen => {
-            setOpen(isOpen);
-            fieldProps?.onOpenChange?.(isOpen);
-          },
-          open: open
-        }) : null,
-        downIcon: dayValue || open ? false : undefined,
-        allowClear: false,
-        ref: lightLabel
-      });
-    } else {
-      dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.DatePicker.TimePicker, {
-        ref: ref,
-        format: format,
-        ...fieldProps,
-        value: dayValue
-      });
-    }
-    if (formItemRender) {
-      return formItemRender(text, {
-        mode,
-        ...fieldProps
-      }, dom);
+      return (0, _FieldTimePickerLightEdit.FieldTimePickerLightEdit)({
+        ...editProps,
+        lightLabel,
+        open,
+        setOpen,
+        intl
+      }, ref);
     }
-    return dom;
+    return (0, _FieldTimePickerEdit.FieldTimePickerEdit)(editProps, ref);
   }
   return null;
 };
 
 /**
  * 时间区间选择
- *
- * @param text
- * @param light
- * @param label
- * @param mode
- * @param lightLabel
- * @param format
- * @param render
- * @param formItemRender
- * @param fieldProps
- * @param variant
- * @param ref
  */
 const FieldTimeRangePickerComponents = ({
   text,
@@ -138,78 +98,44 @@ const FieldTimeRangePickerComponents = ({
   const endTextIsNumberOrMoment = _dayjs.default.isDayjs(endText) || typeof endText === 'number';
   const parsedStartText = startText ? (0, _dayjs.default)(startText, startTextIsNumberOrMoment ? undefined : finalFormat).format(finalFormat) : '';
   const parsedEndText = endText ? (0, _dayjs.default)(endText, endTextIsNumberOrMoment ? undefined : finalFormat).format(finalFormat) : '';
-  if (mode === 'read') {
-    const dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      ref: ref,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        children: parsedStartText || '-'
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        children: parsedEndText || '-'
-      })]
-    });
-    if (render) {
-      return render(text, {
-        mode,
-        ...fieldProps
-      }, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: dom
-      }));
-    }
-    return dom;
+  if ((0, _fieldMode.isProFieldReadMode)(mode)) {
+    return (0, _FieldTimeRangePickerRead.FieldTimeRangePickerRead)({
+      text,
+      light,
+      label,
+      mode,
+      lightLabel,
+      format,
+      render,
+      formItemRender,
+      fieldProps,
+      variant,
+      parsedStartText,
+      parsedEndText
+    }, ref);
   }
-  if (mode === 'edit' || mode === 'update') {
-    const dayValue = (0, _utils.parseValueToDay)(fieldProps.value, finalFormat);
-    let dom;
+  if ((0, _fieldMode.isProFieldEditOrUpdateMode)(mode)) {
+    const editProps = {
+      text,
+      label,
+      mode,
+      format,
+      render,
+      formItemRender,
+      fieldProps,
+      variant,
+      finalFormat
+    };
     if (light) {
-      const {
-        disabled,
-        placeholder = [intl.getMessage('tableForm.selectPlaceholder', '请选择'), intl.getMessage('tableForm.selectPlaceholder', '请选择')]
-      } = fieldProps;
-      dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.FieldLabel, {
-        onClick: () => {
-          fieldProps?.onOpenChange?.(true);
-          setOpen(true);
-        },
-        style: dayValue ? {
-          paddingInlineEnd: 0
-        } : undefined,
-        label: label,
-        disabled: disabled,
-        variant: variant,
-        placeholder: placeholder,
-        value: dayValue || open ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.TimePicker.RangePicker, {
-          variant: variant ?? fieldProps?.variant,
-          format: format,
-          ref: ref,
-          ...fieldProps,
-          placeholder: placeholder,
-          value: dayValue,
-          onOpenChange: isOpen => {
-            setOpen(isOpen);
-            fieldProps?.onOpenChange?.(isOpen);
-          },
-          open: open
-        }) : null,
-        downIcon: dayValue || open ? false : undefined,
-        allowClear: false,
-        ref: lightLabel
-      });
-    } else {
-      dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.TimePicker.RangePicker, {
-        ref: ref,
-        format: format,
-        variant: variant,
-        ...fieldProps,
-        value: dayValue
-      });
-    }
-    if (formItemRender) {
-      return formItemRender(text, {
-        mode,
-        ...fieldProps
-      }, dom);
+      return (0, _FieldTimeRangePickerLightEdit.FieldTimeRangePickerLightEdit)({
+        ...editProps,
+        lightLabel,
+        open,
+        setOpen,
+        intl
+      }, ref);
     }
-    return dom;
+    return (0, _FieldTimeRangePickerEdit.FieldTimeRangePickerEdit)(editProps, ref);
   }
   return null;
 };

package/lib/field/components/TreeSelect/FieldTreeSelectEdit.d.ts

@@ -0,0 +1,38 @@
+import type { GetRef, TreeSelectProps } from 'antd';
+import { TreeSelect } from 'antd';
+import React from 'react';
+import type { IntlType, ProFieldFCRenderProps } from '../../../provider';
+import { FieldLabel } from '../../../utils';
+import type { TreeSelectFieldProps } from './types';
+type TreeSelectShowSearchObject = Exclude<TreeSelectProps['showSearch'], boolean | undefined>;
+export interface FieldTreeSelectEditProps {
+    text: string;
+    mode: 'edit';
+    formItemRender?: (text: any, props: ProFieldFCRenderProps, dom: React.JSX.Element) => React.JSX.Element;
+    label?: React.ReactNode;
+    variant?: React.ComponentProps<typeof FieldLabel>['variant'];
+    fieldProps: TreeSelectFieldProps;
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    treeSelectRef: React.RefObject<GetRef<typeof TreeSelect>>;
+    intl: IntlType;
+    loading: boolean;
+    options: NonNullable<TreeSelectProps['treeData']>;
+    fetchData: (keyWord?: string) => void;
+    fetchDataOnSearch?: boolean;
+    hasRequest: boolean;
+    showSearch: TreeSelectProps['showSearch'];
+    showSearchConfig: TreeSelectShowSearchObject | Record<string, never>;
+    searchValue: string | undefined;
+    setSearchValue: (updater: string | undefined | ((prev: string | undefined) => string | undefined)) => void;
+    autoClearSearchValue: boolean | undefined;
+    onClear?: () => void;
+    treeSelectOnChange: TreeSelectProps<any>['onChange'];
+    onBlur?: TreeSelectProps['onBlur'];
+    layoutClassName: string;
+}
+/**
+ * TreeSelect 编辑分支：仅应在 `mode === 'edit'` 时使用（非 `update`）。
+ */
+export declare function FieldTreeSelectEdit({ text, mode, formItemRender, fieldProps, open, setOpen, treeSelectRef, intl, loading, options, fetchData, fetchDataOnSearch, hasRequest, showSearch, showSearchConfig, searchValue, setSearchValue, autoClearSearchValue, onClear, treeSelectOnChange, onBlur, layoutClassName, }: FieldTreeSelectEditProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export {};