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

package/es/field/components/Progress/index.js

@@ -0,0 +1,71 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { InputNumber, Progress } from 'antd';
+import React, { useMemo } from 'react';
+import { useIntl } from "../../../provider";
+import { toNumber } from "../Percent/util";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function getProgressStatus(text) {
+  if (text === 100) {
+    return 'success';
+  }
+  if (text < 0) {
+    return 'exception';
+  }
+  if (text < 100) {
+    return 'active';
+  }
+  return 'normal';
+}
+
+/**
+ * 进度条组件
+ *
+ * @param
+ */
+var FieldProgress = function FieldProgress(_ref, ref) {
+  var text = _ref.text,
+    mode = _ref.mode,
+    render = _ref.render,
+    plain = _ref.plain,
+    formItemRender = _ref.formItemRender,
+    fieldProps = _ref.fieldProps,
+    placeholder = _ref.placeholder;
+  var intl = useIntl();
+  var placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
+  var realValue = useMemo(function () {
+    return typeof text === 'string' && text.includes('%') ? toNumber(text.replace('%', '')) : toNumber(text);
+  }, [text]);
+  if (mode === 'read') {
+    var dom = /*#__PURE__*/_jsx(Progress, _objectSpread({
+      ref: ref,
+      size: "small",
+      style: {
+        minWidth: 100,
+        maxWidth: 320
+      },
+      percent: realValue,
+      steps: plain ? 10 : undefined,
+      status: getProgressStatus(realValue)
+    }, fieldProps));
+    if (render) {
+      return render(realValue, _objectSpread({
+        mode: mode
+      }, fieldProps), dom);
+    }
+    return dom;
+  }
+  if (mode === 'edit' || mode === 'update') {
+    var _dom = /*#__PURE__*/_jsx(InputNumber, _objectSpread({
+      ref: ref,
+      placeholder: placeholderValue
+    }, fieldProps));
+    if (formItemRender) {
+      return formItemRender(text, _objectSpread({
+        mode: mode
+      }, fieldProps), _dom);
+    }
+    return _dom;
+  }
+  return null;
+};
+export default /*#__PURE__*/React.forwardRef(FieldProgress);

package/es/field/components/Radio/index.d.ts

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

package/es/field/components/Radio/index.js

@@ -0,0 +1,104 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["radioType", "formItemRender", "mode", "render"];
+import { ConfigProvider, Form, Radio, Spin } from 'antd';
+import classNames from 'classnames';
+import React, { useContext, useImperativeHandle, useRef } from 'react';
+import { objectToMap, proFieldParsingText, useStyle } from "../../../utils";
+import { useFieldFetchData } from "../Select";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 单选组件
+ *
+ * @param param0
+ * @param ref
+ */
+var FieldRadio = function FieldRadio(_ref, ref) {
+  var _Form$Item, _Form$Item$useStatus;
+  var radioType = _ref.radioType,
+    formItemRender = _ref.formItemRender,
+    mode = _ref.mode,
+    render = _ref.render,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var layoutClassName = getPrefixCls('pro-field-radio');
+  var _useFieldFetchData = useFieldFetchData(rest),
+    _useFieldFetchData2 = _slicedToArray(_useFieldFetchData, 3),
+    loading = _useFieldFetchData2[0],
+    options = _useFieldFetchData2[1],
+    _fetchData = _useFieldFetchData2[2];
+  var radioRef = useRef();
+  var status = (_Form$Item = Form.Item) === null || _Form$Item === void 0 || (_Form$Item$useStatus = _Form$Item.useStatus) === null || _Form$Item$useStatus === void 0 ? void 0 : _Form$Item$useStatus.call(_Form$Item);
+  useImperativeHandle(ref, function () {
+    return _objectSpread(_objectSpread({}, radioRef.current || {}), {}, {
+      fetchData: function fetchData(keyWord) {
+        return _fetchData(keyWord);
+      }
+    });
+  }, [_fetchData]);
+
+  // css
+  var _useStyle = useStyle('FieldRadioRadio', function (token) {
+      return _defineProperty(_defineProperty(_defineProperty({}, ".".concat(layoutClassName, "-error"), {
+        span: {
+          color: token.colorError
+        }
+      }), ".".concat(layoutClassName, "-warning"), {
+        span: {
+          color: token.colorWarning
+        }
+      }), ".".concat(layoutClassName, "-vertical"), _defineProperty({}, "".concat(token.antCls, "-radio-wrapper"), {
+        display: 'flex',
+        marginInlineEnd: 0
+      }));
+    }),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  if (loading) {
+    return /*#__PURE__*/_jsx(Spin, {
+      size: "small"
+    });
+  }
+  if (mode === 'read') {
+    var optionsValueEnum = options !== null && options !== void 0 && options.length ? options === null || options === void 0 ? void 0 : options.reduce(function (pre, cur) {
+      var _ref3;
+      return _objectSpread(_objectSpread({}, pre), {}, _defineProperty({}, (_ref3 = cur.value) !== null && _ref3 !== void 0 ? _ref3 : '', cur.label));
+    }, {}) : undefined;
+    var dom = /*#__PURE__*/_jsx(_Fragment, {
+      children: proFieldParsingText(rest.text, objectToMap(rest.valueEnum || optionsValueEnum))
+    });
+    if (render) {
+      var _render;
+      return (_render = render(rest.text, _objectSpread({
+        mode: mode
+      }, rest.fieldProps), dom)) !== null && _render !== void 0 ? _render : null;
+    }
+    return dom;
+  }
+  if (mode === 'edit') {
+    var _rest$fieldProps;
+    var _dom = wrapSSR( /*#__PURE__*/_jsx(Radio.Group, _objectSpread(_objectSpread({
+      ref: radioRef,
+      optionType: radioType
+    }, rest.fieldProps), {}, {
+      className: classNames((_rest$fieldProps = rest.fieldProps) === null || _rest$fieldProps === void 0 ? void 0 : _rest$fieldProps.className, _defineProperty(_defineProperty({}, "".concat(layoutClassName, "-error"), (status === null || status === void 0 ? void 0 : status.status) === 'error'), "".concat(layoutClassName, "-warning"), (status === null || status === void 0 ? void 0 : status.status) === 'warning'), hashId, "".concat(layoutClassName, "-").concat(rest.fieldProps.layout || 'horizontal')),
+      options: options
+    })));
+    if (formItemRender) {
+      var _formItemRender;
+      return (_formItemRender = formItemRender(rest.text, _objectSpread(_objectSpread({
+        mode: mode
+      }, rest.fieldProps), {}, {
+        options: options,
+        loading: loading
+      }), _dom)) !== null && _formItemRender !== void 0 ? _formItemRender : null;
+    }
+    return _dom;
+  }
+  return null;
+};
+export default /*#__PURE__*/React.forwardRef(FieldRadio);

package/es/field/components/RangePicker/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ProFieldLightProps } from '../../PureProField';
+declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & {
+    text: string[];
+    format?: string | undefined;
+    variant?: "filled" | "outlined" | "borderless" | undefined;
+    showTime?: boolean | undefined;
+    picker?: "date" | "time" | "week" | "month" | "quarter" | "year" | undefined;
+} & ProFieldLightProps & React.RefAttributes<any>>;
+export default _default;

package/es/field/components/RangePicker/index.js

@@ -0,0 +1,142 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { DatePicker } from 'antd';
+import dayjs from 'dayjs';
+import React, { useCallback } from 'react';
+import { useIntl } from "../../../provider";
+import { FieldLabel, parseValueToDay } from "../../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 日期范围选择组件
+ *
+ * @param
+ */
+var FieldRangePicker = function FieldRangePicker(_ref, ref) {
+  var text = _ref.text,
+    mode = _ref.mode,
+    light = _ref.light,
+    label = _ref.label,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? 'YYYY-MM-DD' : _ref$format,
+    render = _ref.render,
+    picker = _ref.picker,
+    formItemRender = _ref.formItemRender,
+    plain = _ref.plain,
+    showTime = _ref.showTime,
+    lightLabel = _ref.lightLabel,
+    variant = _ref.variant,
+    fieldProps = _ref.fieldProps;
+  var intl = useIntl();
+  var _ref2 = Array.isArray(text) ? text : [],
+    _ref3 = _slicedToArray(_ref2, 2),
+    startText = _ref3[0],
+    endText = _ref3[1];
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    open = _React$useState2[0],
+    setOpen = _React$useState2[1];
+  // antd 改了一下 交互，这里要兼容一下，不然会导致无法选中第二个数据
+  var genFormatText = useCallback(function (formatValue) {
+    if (typeof (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.format) === 'function') {
+      var _fieldProps$format;
+      return fieldProps === null || fieldProps === void 0 || (_fieldProps$format = fieldProps.format) === null || _fieldProps$format === void 0 ? void 0 : _fieldProps$format.call(fieldProps, formatValue);
+    }
+    return (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.format) || format || 'YYYY-MM-DD';
+  }, [fieldProps, format]);
+  // activePickerIndex for https://github.com/ant-design/ant-design/issues/22158
+  var parsedStartText = startText ? dayjs(startText).format(genFormatText(dayjs(startText))) : '';
+  var parsedEndText = endText ? dayjs(endText).format(genFormatText(dayjs(endText))) : '';
+  if (mode === 'read') {
+    var dom = /*#__PURE__*/_jsxs("div", {
+      ref: ref,
+      style: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: 8,
+        alignItems: 'center'
+      },
+      children: [/*#__PURE__*/_jsx("div", {
+        children: parsedStartText || '-'
+      }), /*#__PURE__*/_jsx("div", {
+        children: parsedEndText || '-'
+      })]
+    });
+    if (render) {
+      return render(text, _objectSpread({
+        mode: mode
+      }, fieldProps), /*#__PURE__*/_jsx("span", {
+        children: dom
+      }));
+    }
+    return dom;
+  }
+  if (mode === 'edit' || mode === 'update') {
+    var dayValue = parseValueToDay(fieldProps.value);
+    var _dom;
+    var handleRangeChange = function handleRangeChange(value) {
+      var _fieldProps$onChange;
+      fieldProps === null || fieldProps === void 0 || (_fieldProps$onChange = fieldProps.onChange) === null || _fieldProps$onChange === void 0 || _fieldProps$onChange.call(fieldProps, value);
+      if (!value) {
+        setOpen(false);
+      }
+    };
+    if (light) {
+      var _fieldProps$placehold;
+      _dom = /*#__PURE__*/_jsx(FieldLabel, {
+        label: label,
+        onClick: function onClick() {
+          var _fieldProps$onOpenCha;
+          fieldProps === null || fieldProps === void 0 || (_fieldProps$onOpenCha = fieldProps.onOpenChange) === null || _fieldProps$onOpenCha === void 0 || _fieldProps$onOpenCha.call(fieldProps, true);
+          setOpen(true);
+        },
+        style: dayValue ? {
+          paddingInlineEnd: 0
+        } : undefined,
+        disabled: fieldProps.disabled,
+        value: dayValue || open ? /*#__PURE__*/_jsx(DatePicker.RangePicker, _objectSpread(_objectSpread({
+          picker: picker,
+          showTime: showTime,
+          format: format,
+          variant: "borderless"
+        }, fieldProps), {}, {
+          placeholder: (_fieldProps$placehold = fieldProps.placeholder) !== null && _fieldProps$placehold !== void 0 ? _fieldProps$placehold : [intl.getMessage('tableForm.selectPlaceholder', '请选择'), intl.getMessage('tableForm.selectPlaceholder', '请选择')]
+          // onClear={() => {
+          //   setOpen(false);
+          //   fieldProps?.onClear?.();
+          // }}
+          ,
+          value: dayValue,
+          onOpenChange: function onOpenChange(isOpen) {
+            var _fieldProps$onOpenCha2;
+            if (dayValue) setOpen(isOpen);
+            fieldProps === null || fieldProps === void 0 || (_fieldProps$onOpenCha2 = fieldProps.onOpenChange) === null || _fieldProps$onOpenCha2 === void 0 || _fieldProps$onOpenCha2.call(fieldProps, isOpen);
+          },
+          onChange: handleRangeChange
+        })) : null,
+        allowClear: false,
+        variant: variant,
+        ref: lightLabel,
+        downIcon: dayValue || open ? false : undefined
+      });
+    } else {
+      _dom = /*#__PURE__*/_jsx(DatePicker.RangePicker, _objectSpread(_objectSpread({
+        ref: ref,
+        format: format,
+        showTime: showTime,
+        placeholder: [intl.getMessage('tableForm.selectPlaceholder', '请选择'), intl.getMessage('tableForm.selectPlaceholder', '请选择')],
+        variant: plain === undefined ? 'outlined' : plain ? 'borderless' : 'outlined'
+      }, fieldProps), {}, {
+        value: dayValue
+      }));
+    }
+    if (formItemRender) {
+      return formItemRender(text, _objectSpread({
+        mode: mode
+      }, fieldProps), _dom);
+    }
+    return _dom;
+  }
+  return null;
+};
+export default /*#__PURE__*/React.forwardRef(FieldRangePicker);

package/es/field/components/Rate/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<import("src/provider").BaseProFieldFC & import("src/provider").ProRenderFieldPropsType & {
+    text: string;
+} & React.RefAttributes<any>>;
+export default _default;

package/es/field/components/Rate/index.js

@@ -0,0 +1,48 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { Rate } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 评分组件
+ *
+ * @param
+ */
+var FieldRate = function FieldRate(_ref, ref) {
+  var text = _ref.text,
+    mode = _ref.mode,
+    render = _ref.render,
+    formItemRender = _ref.formItemRender,
+    fieldProps = _ref.fieldProps;
+  if (mode === 'read') {
+    var dom = /*#__PURE__*/_jsx(Rate, _objectSpread(_objectSpread({
+      allowHalf: true,
+      disabled: true,
+      ref: ref
+    }, fieldProps), {}, {
+      value: text
+    }));
+    if (render) {
+      return render(text, _objectSpread({
+        mode: mode
+      }, fieldProps), /*#__PURE__*/_jsx(_Fragment, {
+        children: dom
+      }));
+    }
+    return dom;
+  }
+  if (mode === 'edit' || mode === 'update') {
+    var _dom = /*#__PURE__*/_jsx(Rate, _objectSpread({
+      allowHalf: true,
+      ref: ref
+    }, fieldProps));
+    if (formItemRender) {
+      return formItemRender(text, _objectSpread({
+        mode: mode
+      }, fieldProps), _dom);
+    }
+    return _dom;
+  }
+  return null;
+};
+export default /*#__PURE__*/React.forwardRef(FieldRate);

package/es/field/components/Second/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type FieldDigitProps = {
+    text: number;
+    placeholder?: string;
+};
+/**
+ * 格式化秒
+ *
+ * @param result
+ * @returns {string}
+ */
+export declare function formatSecond(result: number): string;
+declare const _default: React.ForwardRefExoticComponent<import("../../../provider").BaseProFieldFC & import("../../../provider").ProRenderFieldPropsType & FieldDigitProps & React.RefAttributes<any>>;
+export default _default;

package/es/field/components/Second/index.js

@@ -0,0 +1,85 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { InputNumber } from 'antd';
+import React from 'react';
+import { useIntl } from "../../../provider";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 格式化秒
+ *
+ * @param result
+ * @returns {string}
+ */
+export function formatSecond(result) {
+  var newResult = result;
+  var formatText = '';
+  var past = false;
+  if (newResult < 0) {
+    newResult = -newResult;
+    past = true;
+  }
+  var d = Math.floor(newResult / (3600 * 24));
+  var h = Math.floor(newResult / 3600 % 24);
+  var m = Math.floor(newResult / 60 % 60);
+  var s = Math.floor(newResult % 60);
+  formatText = "".concat(s, "\u79D2");
+  if (m > 0) {
+    formatText = "".concat(m, "\u5206\u949F").concat(formatText);
+  }
+  if (h > 0) {
+    formatText = "".concat(h, "\u5C0F\u65F6").concat(formatText);
+  }
+  if (d > 0) {
+    formatText = "".concat(d, "\u5929").concat(formatText);
+  }
+  if (past) {
+    formatText += '前';
+  }
+  return formatText;
+}
+
+/**
+ * 格式化秒
+ *
+ * @param FieldSecond
+ */
+var Second = function Second(_ref, ref) {
+  var text = _ref.text,
+    type = _ref.mode,
+    render = _ref.render,
+    formItemRender = _ref.formItemRender,
+    fieldProps = _ref.fieldProps,
+    placeholder = _ref.placeholder;
+  var intl = useIntl();
+  var placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
+  if (type === 'read') {
+    var secondText = formatSecond(Number(text));
+    var dom = /*#__PURE__*/_jsx("span", {
+      ref: ref,
+      children: secondText
+    });
+    if (render) {
+      return render(text, _objectSpread({
+        mode: type
+      }, fieldProps), dom);
+    }
+    return dom;
+  }
+  if (type === 'edit' || type === 'update') {
+    var _dom = /*#__PURE__*/_jsx(InputNumber, _objectSpread({
+      ref: ref,
+      min: 0,
+      style: {
+        width: '100%'
+      },
+      placeholder: placeholderValue
+    }, fieldProps));
+    if (formItemRender) {
+      return formItemRender(text, _objectSpread({
+        mode: type
+      }, fieldProps), _dom);
+    }
+    return _dom;
+  }
+  return null;
+};
+export default /*#__PURE__*/React.forwardRef(Second);

package/es/field/components/Segmented/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<import("src/provider").BaseProFieldFC & import("src/provider").ProRenderFieldPropsType & {
+    text: string;
+    emptyText?: React.ReactNode;
+} & {
+    text: string;
+    valueEnum?: import("src/utils/typing").ProFieldValueEnumType | undefined;
+    debounceTime?: number | undefined;
+    request?: import("src/utils/typing").ProFieldRequestData | undefined;
+    params?: any;
+    fieldProps?: any;
+    variant?: "filled" | "outlined" | "borderless" | undefined;
+    id?: string | undefined;
+    children?: React.ReactNode;
+    defaultKeyWords?: string | undefined;
+} & import("../../PureProField").ProFieldLightProps & React.RefAttributes<any>>;
+export default _default;

package/es/field/components/Segmented/index.js

@@ -0,0 +1,81 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["mode", "render", "formItemRender", "fieldProps", "emptyText"];
+import { Segmented, Spin } from 'antd';
+import omit from 'rc-util/lib/omit';
+import React, { useImperativeHandle, useRef } from 'react';
+import { objectToMap, proFieldParsingText } from "../../../utils";
+import { useFieldFetchData } from "../Select";
+
+/**
+ * Segmented https://ant.design/components/segmented-cn/
+ *
+ * @param
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var FieldSegmented = function FieldSegmented(props, ref) {
+  var mode = props.mode,
+    render = props.render,
+    formItemRender = props.formItemRender,
+    fieldProps = props.fieldProps,
+    _props$emptyText = props.emptyText,
+    emptyText = _props$emptyText === void 0 ? '-' : _props$emptyText,
+    rest = _objectWithoutProperties(props, _excluded);
+  var inputRef = useRef();
+  var _useFieldFetchData = useFieldFetchData(props),
+    _useFieldFetchData2 = _slicedToArray(_useFieldFetchData, 3),
+    loading = _useFieldFetchData2[0],
+    options = _useFieldFetchData2[1],
+    _fetchData = _useFieldFetchData2[2];
+  useImperativeHandle(ref, function () {
+    return _objectSpread(_objectSpread({}, inputRef.current || {}), {}, {
+      fetchData: function fetchData(keyWord) {
+        return _fetchData(keyWord);
+      }
+    });
+  }, [_fetchData]);
+  if (loading) {
+    return /*#__PURE__*/_jsx(Spin, {
+      size: "small"
+    });
+  }
+  if (mode === 'read') {
+    var optionsValueEnum = options !== null && options !== void 0 && options.length ? options === null || options === void 0 ? void 0 : options.reduce(function (pre, cur) {
+      var _ref;
+      return _objectSpread(_objectSpread({}, pre), {}, _defineProperty({}, (_ref = cur.value) !== null && _ref !== void 0 ? _ref : '', cur.label));
+    }, {}) : undefined;
+    var dom = /*#__PURE__*/_jsx(_Fragment, {
+      children: proFieldParsingText(rest.text, objectToMap(rest.valueEnum || optionsValueEnum))
+    });
+    if (render) {
+      var _render;
+      return (_render = render(rest.text, _objectSpread({
+        mode: mode
+      }, fieldProps), /*#__PURE__*/_jsx(_Fragment, {
+        children: dom
+      }))) !== null && _render !== void 0 ? _render : emptyText;
+    }
+    return dom;
+  }
+  if (mode === 'edit' || mode === 'update') {
+    var _dom = /*#__PURE__*/_jsx(Segmented, _objectSpread(_objectSpread({
+      ref: inputRef
+    }, omit(fieldProps || {}, ['allowClear'])), {}, {
+      options: options
+    }));
+    if (formItemRender) {
+      return formItemRender(rest.text, _objectSpread(_objectSpread({
+        mode: mode
+      }, fieldProps), {}, {
+        options: options,
+        loading: loading
+      }), _dom);
+    }
+    return _dom;
+  }
+  return null;
+};
+export default /*#__PURE__*/React.forwardRef(FieldSegmented);

package/es/field/components/Select/LightSelect/index.d.ts

@@ -0,0 +1,35 @@
+import type { SelectProps } from 'antd';
+import React from 'react';
+import type { ProFieldLightProps } from '../../../PureProField';
+export type LightSelectProps = {
+    label?: string;
+    placeholder?: any;
+    valueMaxLength?: number;
+    /** 刷新数据 */
+    fetchData: (keyWord?: string) => void;
+    /**
+     * 当搜索关键词发生变化时是否请求远程数据
+     *
+     * @default true
+     */
+    fetchDataOnSearch?: boolean;
+    /** 变体类型 */
+    variant?: 'outlined' | 'borderless' | 'filled' | 'underlined';
+} & ProFieldLightProps & SelectProps;
+export declare const LightSelect: React.ForwardRefRenderFunction<any, SelectProps<any> & LightSelectProps>;
+declare const _default: React.ForwardRefExoticComponent<SelectProps<any, import("antd/es/select").DefaultOptionType> & {
+    label?: string | undefined;
+    placeholder?: any;
+    valueMaxLength?: number | undefined;
+    /** 刷新数据 */
+    fetchData: (keyWord?: string | undefined) => void;
+    /**
+     * 当搜索关键词发生变化时是否请求远程数据
+     *
+     * @default true
+     */
+    fetchDataOnSearch?: boolean | undefined;
+    /** 变体类型 */
+    variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
+} & ProFieldLightProps & SelectProps<any, import("antd/es/select").DefaultOptionType> & React.RefAttributes<any>>;
+export default _default;