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

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Rate } from 'antd';
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -8,40 +7,44 @@ 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;
+const FieldRate = ({
+  text,
+  mode,
+  render,
+  formItemRender,
+  fieldProps
+}, ref) => {
   if (mode === 'read') {
-    var dom = /*#__PURE__*/_jsx(Rate, _objectSpread(_objectSpread({
+    const dom = /*#__PURE__*/_jsx(Rate, {
       allowHalf: true,
       disabled: true,
-      ref: ref
-    }, fieldProps), {}, {
+      ref: ref,
+      ...fieldProps,
       value: text
-    }));
+    });
     if (render) {
-      return render(text, _objectSpread({
-        mode: mode
-      }, fieldProps), /*#__PURE__*/_jsx(_Fragment, {
+      return render(text, {
+        mode,
+        ...fieldProps
+      }, /*#__PURE__*/_jsx(_Fragment, {
         children: dom
       }));
     }
     return dom;
   }
   if (mode === 'edit' || mode === 'update') {
-    var _dom = /*#__PURE__*/_jsx(Rate, _objectSpread({
+    const dom = /*#__PURE__*/_jsx(Rate, {
       allowHalf: true,
-      ref: ref
-    }, fieldProps));
+      ref: ref,
+      ...fieldProps
+    });
     if (formItemRender) {
-      return formItemRender(text, _objectSpread({
-        mode: mode
-      }, fieldProps), _dom);
+      return formItemRender(text, {
+        mode,
+        ...fieldProps
+      }, dom);
     }
-    return _dom;
+    return dom;
   }
   return null;
 };

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

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { InputNumber } from 'antd';
 import React from 'react';
 import { useIntl } from "../../../provider";
@@ -10,26 +9,26 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @returns {string}
  */
 export function formatSecond(result) {
-  var newResult = result;
-  var formatText = '';
-  var past = false;
+  let newResult = result;
+  let formatText = '';
+  let 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");
+  const d = Math.floor(newResult / (3600 * 24));
+  const h = Math.floor(newResult / 3600 % 24);
+  const m = Math.floor(newResult / 60 % 60);
+  const s = Math.floor(newResult % 60);
+  formatText = `${s}秒`;
   if (m > 0) {
-    formatText = "".concat(m, "\u5206\u949F").concat(formatText);
+    formatText = `${m}分钟${formatText}`;
   }
   if (h > 0) {
-    formatText = "".concat(h, "\u5C0F\u65F6").concat(formatText);
+    formatText = `${h}小时${formatText}`;
   }
   if (d > 0) {
-    formatText = "".concat(d, "\u5929").concat(formatText);
+    formatText = `${d}天${formatText}`;
   }
   if (past) {
     formatText += '前';
@@ -42,43 +41,47 @@ export function formatSecond(result) {
  *
  * @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', '请输入');
+const Second = ({
+  text,
+  mode: type,
+  render,
+  formItemRender,
+  fieldProps,
+  placeholder
+}, ref) => {
+  const intl = useIntl();
+  const placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
   if (type === 'read') {
-    var secondText = formatSecond(Number(text));
-    var dom = /*#__PURE__*/_jsx("span", {
+    const secondText = formatSecond(Number(text));
+    const dom = /*#__PURE__*/_jsx("span", {
       ref: ref,
       children: secondText
     });
     if (render) {
-      return render(text, _objectSpread({
-        mode: type
-      }, fieldProps), dom);
+      return render(text, {
+        mode: type,
+        ...fieldProps
+      }, dom);
     }
     return dom;
   }
   if (type === 'edit' || type === 'update') {
-    var _dom = /*#__PURE__*/_jsx(InputNumber, _objectSpread({
+    const dom = /*#__PURE__*/_jsx(InputNumber, {
       ref: ref,
       min: 0,
       style: {
         width: '100%'
       },
-      placeholder: placeholderValue
-    }, fieldProps));
+      placeholder: placeholderValue,
+      ...fieldProps
+    });
     if (formItemRender) {
-      return formItemRender(text, _objectSpread({
-        mode: type
-      }, fieldProps), _dom);
+      return formItemRender(text, {
+        mode: type,
+        ...fieldProps
+      }, dom);
     }
-    return _dom;
+    return dom;
   }
   return null;
 };

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

@@ -9,7 +9,7 @@ declare const _default: React.ForwardRefExoticComponent<import("src/provider").B
     request?: import("src/utils/typing").ProFieldRequestData | undefined;
     params?: any;
     fieldProps?: any;
-    variant?: "filled" | "outlined" | "borderless" | undefined;
+    variant?: "outlined" | "borderless" | "filled" | undefined;
     id?: string | undefined;
     defaultKeyWords?: string | undefined;
 } & import("../../PureProField").ProFieldLightProps & React.RefAttributes<any>>;

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

@@ -1,8 +1,3 @@
-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 { omit } from '@rc-component/util';
 import { Segmented, Spin } from 'antd';
 import React, { useImperativeHandle, useRef } from 'react';
@@ -16,65 +11,61 @@ import { useFieldFetchData } from "../Select";
  */
 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]);
+const FieldSegmented = (props, ref) => {
+  const {
+    mode,
+    render,
+    formItemRender,
+    fieldProps,
+    emptyText = '-',
+    ...rest
+  } = props;
+  const inputRef = useRef();
+  const [loading, options, fetchData] = useFieldFetchData(props);
+  useImperativeHandle(ref, () => ({
+    ...(inputRef.current || {}),
+    fetchData: keyWord => 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));
+    const optionsValueEnum = options?.length ? options?.reduce((pre, cur) => {
+      return {
+        ...pre,
+        [cur.value ?? '']: cur.label
+      };
     }, {}) : undefined;
-    var dom = /*#__PURE__*/_jsx(_Fragment, {
+    const 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, {
+      return render(rest.text, {
+        mode,
+        ...fieldProps
+      }, /*#__PURE__*/_jsx(_Fragment, {
         children: dom
-      }))) !== null && _render !== void 0 ? _render : emptyText;
+      })) ?? emptyText;
     }
     return dom;
   }
   if (mode === 'edit' || mode === 'update') {
-    var _dom = /*#__PURE__*/_jsx(Segmented, _objectSpread(_objectSpread({
-      ref: inputRef
-    }, omit(fieldProps || {}, ['allowClear'])), {}, {
+    const dom = /*#__PURE__*/_jsx(Segmented, {
+      ref: inputRef,
+      ...omit(fieldProps || {}, ['allowClear']),
       options: options
-    }));
+    });
     if (formItemRender) {
-      return formItemRender(rest.text, _objectSpread(_objectSpread({
-        mode: mode
-      }, fieldProps), {}, {
-        options: options,
-        loading: loading
-      }), _dom);
+      return formItemRender(rest.text, {
+        mode,
+        ...fieldProps,
+        options,
+        loading
+      }, dom);
     }
-    return _dom;
+    return dom;
   }
   return null;
 };

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

@@ -30,6 +30,6 @@ declare const _default: React.ForwardRefExoticComponent<SelectProps<any, import(
      */
     fetchDataOnSearch?: boolean | undefined;
     /** 变体类型 */
-    variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
+    variant?: "outlined" | "borderless" | "filled" | "underlined" | undefined;
 } & ProFieldLightProps & SelectProps<any, import("antd/es/select").DefaultOptionType> & React.RefAttributes<any>>;
 export default _default;

package/es/field/components/Select/LightSelect/index.js

@@ -1,13 +1,7 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-var _excluded = ["label", "prefixCls", "onChange", "value", "mode", "defaultValue", "size", "showSearch", "disabled", "style", "className", "options", "onSearch", "allowClear", "labelInValue", "fieldNames", "lightLabel", "labelTrigger", "optionFilterProp", "optionLabelProp", "valueMaxLength", "fetchDataOnSearch", "fetchData", "variant"];
 import { SearchOutlined } from '@ant-design/icons';
 import { toArray } from '@rc-component/util';
 import { ConfigProvider, Input, Select } from 'antd';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import React, { useContext, useMemo, useState } from 'react';
 import { FieldLabel, useStyle } from "../../../../utils";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -18,85 +12,86 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
  * @param valueMap
  * @param v
  */
-var getValueOrLabel = function getValueOrLabel(valueMap, v) {
-  if (_typeof(v) !== 'object') {
+const getValueOrLabel = (valueMap, v) => {
+  if (typeof v !== 'object') {
     return valueMap[v] || v;
   }
-  return valueMap[v === null || v === void 0 ? void 0 : v.value] || v.label;
+  return valueMap[v?.value] || v.label;
 };
-export var LightSelect = function LightSelect(props, ref) {
-  var label = props.label,
-    customizePrefixCls = props.prefixCls,
-    _onChange = props.onChange,
-    value = props.value,
-    mode = props.mode,
-    defaultValue = props.defaultValue,
-    size = props.size,
-    showSearch = props.showSearch,
-    disabled = props.disabled,
-    style = props.style,
-    className = props.className,
-    options = props.options,
-    onSearch = props.onSearch,
-    allowClear = props.allowClear,
-    labelInValue = props.labelInValue,
-    fieldNames = props.fieldNames,
-    lightLabel = props.lightLabel,
-    labelTrigger = props.labelTrigger,
-    optionFilterProp = props.optionFilterProp,
-    _props$optionLabelPro = props.optionLabelProp,
-    optionLabelProp = _props$optionLabelPro === void 0 ? '' : _props$optionLabelPro,
-    _props$valueMaxLength = props.valueMaxLength,
-    valueMaxLength = _props$valueMaxLength === void 0 ? 41 : _props$valueMaxLength,
-    _props$fetchDataOnSea = props.fetchDataOnSearch,
-    fetchDataOnSearch = _props$fetchDataOnSea === void 0 ? false : _props$fetchDataOnSea,
-    fetchData = props.fetchData,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'outlined' : _props$variant,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? label : _props$placeholder;
-  var _ref = fieldNames || {},
-    _ref$label = _ref.label,
-    labelPropsName = _ref$label === void 0 ? 'label' : _ref$label,
-    _ref$value = _ref.value,
-    valuePropsName = _ref$value === void 0 ? 'value' : _ref$value;
-  var _useContext = useContext(ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var prefixCls = getPrefixCls('pro-field-select-light-select');
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2),
-    keyword = _useState4[0],
-    setKeyword = _useState4[1];
+export const LightSelect = (props, ref) => {
+  const {
+    label,
+    prefixCls: customizePrefixCls,
+    onChange,
+    value,
+    mode,
+    defaultValue,
+    size,
+    showSearch,
+    disabled,
+    style,
+    className,
+    options,
+    onSearch,
+    allowClear,
+    labelInValue,
+    fieldNames,
+    lightLabel,
+    labelTrigger,
+    optionFilterProp,
+    optionLabelProp = '',
+    valueMaxLength = 41,
+    fetchDataOnSearch = false,
+    fetchData,
+    variant = 'outlined',
+    ...restProps
+  } = props;
+  const {
+    placeholder = label
+  } = props;
+  const {
+    label: labelPropsName = 'label',
+    value: valuePropsName = 'value'
+  } = fieldNames || {};
+  const {
+    getPrefixCls
+  } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('pro-field-select-light-select');
+  const [open, setOpen] = useState(false);
+  const [keyword, setKeyword] = useState('');
 
   // css
-  var _useStyle = useStyle('LightSelect', function (token) {
-      return _defineProperty({}, ".".concat(prefixCls), _defineProperty(_defineProperty({}, "".concat(token.antCls, "-select"), {
-        position: 'absolute',
-        width: '153px',
-        height: '28px',
-        visibility: 'hidden',
-        '&-selector': {
-          height: 28
+  const {
+    wrapSSR,
+    hashId
+  } = useStyle('LightSelect', token => {
+    return {
+      [`.${prefixCls}`]: {
+        [`${token.antCls}-select`]: {
+          position: 'absolute',
+          width: '153px',
+          height: '28px',
+          visibility: 'hidden',
+          '&-selector': {
+            height: 28
+          }
+        },
+        [`&.${prefixCls}-searchable`]: {
+          [`${token.antCls}-select`]: {
+            width: '200px',
+            '&-selector': {
+              height: 28
+            }
+          }
         }
-      }), "&.".concat(prefixCls, "-searchable"), _defineProperty({}, "".concat(token.antCls, "-select"), {
-        width: '200px',
-        '&-selector': {
-          height: 28
-        }
-      })));
-    }),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
-  var valueMap = useMemo(function () {
-    var values = {};
-    options === null || options === void 0 || options.forEach(function (item) {
-      var optionLabel = item[optionLabelProp] || item[labelPropsName];
-      var optionValue = item[valuePropsName];
+      }
+    };
+  });
+  const valueMap = useMemo(() => {
+    const values = {};
+    options?.forEach(item => {
+      const optionLabel = item[optionLabelProp] || item[labelPropsName];
+      const optionValue = item[valuePropsName];
       values[optionValue] = optionLabel || optionValue;
     });
     return values;
@@ -104,28 +99,28 @@ export var LightSelect = function LightSelect(props, ref) {
 
   // 修复用户在使用ProFormSelect组件时，在fieldProps中使用open属性，不生效。
   // ProComponents文档中写到"与select相同，且fieldProps同antd组件中的props"描述方案不相符
-  var mergeOpen = useMemo(function () {
+  const mergeOpen = useMemo(() => {
     if (Reflect.has(restProps, 'open')) {
-      return restProps === null || restProps === void 0 ? void 0 : restProps.open;
+      return restProps?.open;
     }
     return open;
   }, [open, restProps]);
-  var filterValue = Array.isArray(value) ? value.map(function (v) {
-    return getValueOrLabel(valueMap, v);
-  }) : getValueOrLabel(valueMap, value);
+  const filterValue = Array.isArray(value) ? value.map(v => getValueOrLabel(valueMap, v)) : getValueOrLabel(valueMap, value);
   return wrapSSR( /*#__PURE__*/_jsxs("div", {
-    className: classNames(prefixCls, hashId, _defineProperty({}, "".concat(prefixCls, "-searchable"), showSearch), "".concat(prefixCls, "-container-").concat(restProps.placement || 'bottomLeft'), className),
+    className: clsx(prefixCls, hashId, {
+      [`${prefixCls}-searchable`]: showSearch
+    }, `${prefixCls}-container-${restProps.placement || 'bottomLeft'}`, className),
     style: style,
-    onClick: function onClick(e) {
-      var _lightLabel$current;
+    onClick: e => {
       if (disabled) return;
       // Only handle clicks outside the label
-      var isLabelClick = lightLabel === null || lightLabel === void 0 || (_lightLabel$current = lightLabel.current) === null || _lightLabel$current === void 0 || (_lightLabel$current = _lightLabel$current.labelRef) === null || _lightLabel$current === void 0 || (_lightLabel$current = _lightLabel$current.current) === null || _lightLabel$current === void 0 ? void 0 : _lightLabel$current.contains(e.target);
+      const isLabelClick = lightLabel?.current?.labelRef?.current?.contains(e.target);
       if (!isLabelClick) {
         setOpen(true);
       }
     },
-    children: [/*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({}, restProps), {}, {
+    children: [/*#__PURE__*/_jsx(Select, {
+      ...restProps,
       allowClear: allowClear,
       value: value,
       mode: mode,
@@ -133,21 +128,21 @@ export var LightSelect = function LightSelect(props, ref) {
       size: size,
       disabled: disabled,
       variant: variant,
-      onChange: function onChange(v, option) {
-        _onChange === null || _onChange === void 0 || _onChange(v, option);
+      onChange: (v, option) => {
+        onChange?.(v, option);
         if (mode !== 'multiple') {
           setOpen(false);
         }
       },
       showSearch: showSearch,
-      onSearch: showSearch ? function (keyValue) {
+      onSearch: showSearch ? keyValue => {
         if (fetchDataOnSearch && fetchData) {
           fetchData(keyValue);
         }
-        onSearch === null || onSearch === void 0 || onSearch(keyValue);
+        onSearch?.(keyValue);
       } : void 0,
       style: style,
-      popupRender: function popupRender(menuNode) {
+      popupRender: menuNode => {
         return /*#__PURE__*/_jsxs("div", {
           ref: ref,
           children: [showSearch && /*#__PURE__*/_jsx("div", {
@@ -157,14 +152,14 @@ export var LightSelect = function LightSelect(props, ref) {
             children: /*#__PURE__*/_jsx(Input, {
               value: keyword,
               allowClear: !!allowClear,
-              onChange: function onChange(e) {
+              onChange: e => {
                 setKeyword(e.target.value);
                 if (fetchDataOnSearch && fetchData) {
                   fetchData(e.target.value);
                 }
-                onSearch === null || onSearch === void 0 || onSearch(e.target.value);
+                onSearch?.(e.target.value);
               },
-              onKeyDown: function onKeyDown(e) {
+              onKeyDown: e => {
                 // 避免按下删除键把选项也删除了
                 if (e.key === 'Backspace') {
                   e.stopPropagation();
@@ -183,8 +178,7 @@ export var LightSelect = function LightSelect(props, ref) {
         });
       },
       open: mergeOpen,
-      onOpenChange: function onOpenChange(isOpen) {
-        var _restProps$onOpenChan;
+      onOpenChange: isOpen => {
         if (!isOpen) {
           //  测试环境下直接跑
           setKeyword('');
@@ -192,28 +186,27 @@ export var LightSelect = function LightSelect(props, ref) {
         if (!labelTrigger) {
           setOpen(isOpen);
         }
-        restProps === null || restProps === void 0 || (_restProps$onOpenChan = restProps.onOpenChange) === null || _restProps$onOpenChan === void 0 || _restProps$onOpenChan.call(restProps, isOpen);
+        restProps?.onOpenChange?.(isOpen);
       },
       prefixCls: customizePrefixCls,
-      options: onSearch || !keyword ? options : options === null || options === void 0 ? void 0 : options.filter(function (o) {
-        var _String, _o$valuePropsName;
+      options: onSearch || !keyword ? options : options?.filter(o => {
         if (optionFilterProp) {
           return toArray(o[optionFilterProp]).join('').toLowerCase().includes(keyword);
         }
-        return ((_String = String(o[labelPropsName])) === null || _String === void 0 || (_String = _String.toLowerCase()) === null || _String === void 0 ? void 0 : _String.includes(keyword === null || keyword === void 0 ? void 0 : keyword.toLowerCase())) || ((_o$valuePropsName = o[valuePropsName]) === null || _o$valuePropsName === void 0 || (_o$valuePropsName = _o$valuePropsName.toString()) === null || _o$valuePropsName === void 0 || (_o$valuePropsName = _o$valuePropsName.toLowerCase()) === null || _o$valuePropsName === void 0 ? void 0 : _o$valuePropsName.includes(keyword === null || keyword === void 0 ? void 0 : keyword.toLowerCase()));
+        return String(o[labelPropsName])?.toLowerCase()?.includes(keyword?.toLowerCase()) || o[valuePropsName]?.toString()?.toLowerCase()?.includes(keyword?.toLowerCase());
       })
-    })), /*#__PURE__*/_jsx(FieldLabel, {
+    }), /*#__PURE__*/_jsx(FieldLabel, {
       ellipsis: true,
       label: label,
       placeholder: placeholder,
       disabled: disabled,
       variant: variant,
       allowClear: !!allowClear,
-      value: filterValue || (value === null || value === void 0 ? void 0 : value.label) || value,
-      onClear: function onClear() {
-        _onChange === null || _onChange === void 0 || _onChange(undefined, undefined);
+      value: filterValue || value?.label || value,
+      onClear: () => {
+        onChange?.(undefined, undefined);
       },
-      onClick: function onClick() {
+      onClick: () => {
         if (disabled) return;
         setOpen(!open);
       },