@ant-design/pro-components 3.1.3-0 → 3.1.4-0

package/es/utils/nanoid/index.js

@@ -1,12 +1,9 @@
-/* eslint-disable prefer-const */
-
 let index = 0;
 let genNanoid = (t = 21) => {
   if (typeof window === 'undefined') return (index += 1).toFixed(0);
   if (!window.crypto) return (index += 1).toFixed(0);
   let e = '',
     r = crypto.getRandomValues(new Uint8Array(t));
-  // eslint-disable-next-line no-param-reassign
   for (; t--;) {
     let n = 63 & r[t];
     e += n < 36 ? n.toString(36) : n < 62 ? (n - 26).toString(36).toUpperCase() : n < 63 ? '_' : '-';
@@ -15,15 +12,10 @@ let genNanoid = (t = 21) => {
 };
 
 /**
- * 生成uuid，如果不支持 randomUUID，就用 genNanoid
- *
- * @returns string
+ * @description 生成uuid，如果不支持 randomUUID，就用 genNanoid
  */
 export const nanoid = () => {
-  if (typeof window === 'undefined') return genNanoid();
-  // @ts-ignore
-  if (window.crypto && window.crypto.randomUUID && typeof crypto.randomUUID == 'function') {
-    // @ts-ignore
+  if (window?.crypto?.randomUUID && typeof crypto.randomUUID === 'function') {
     return crypto.randomUUID();
   }
   return genNanoid();

package/es/utils/proFieldParsingText/index.js

@@ -102,9 +102,7 @@ export const proFieldParsingText = (text, valueEnumParams, key) => {
       separator: ",",
       size: 2,
       wrap: true,
-      children: text.map((value, index) =>
-      // @ts-ignore
-      proFieldParsingText(value, valueEnumParams, index))
+      children: text.map((value, index) => proFieldParsingText(value, valueEnumParams, index))
     }, key);
   }
   const valueEnum = objectToMap(valueEnumParams);

package/es/utils/typing.d.ts

@@ -1,13 +1,14 @@
 import type { AvatarProps, CascaderProps, CheckboxProps, ColorPickerProps, DatePickerProps, DividerProps, ImageProps, InputNumberProps, InputProps, PopoverProps, ProgressProps, RadioProps, RateProps, SegmentedProps, SelectProps, SliderSingleProps, SpaceProps, SwitchProps, TimeRangePickerProps, TreeSelectProps } from 'antd';
 import type { RangePickerProps } from 'antd/lib/date-picker';
 import type { FormInstance, FormItemProps } from 'antd/lib/form';
-import type { LabelTooltipType } from 'antd/lib/form/FormItemLabel';
 import type { NamePath } from 'antd/lib/form/interface';
 import type { PasswordProps, TextAreaProps } from 'antd/lib/input';
 import type { SliderRangeProps } from 'antd/lib/slider';
 import type { ReactNode } from 'react';
 import type { ProSchemaValueEnumType } from '../provider';
 import type { UseEditableUtilType } from './useEditableArray';
+export type LabelTooltipType = any;
+export type WrapperTooltipProps = any;
 export type ProFormBaseGroupProps = {
     /**
      * @name 分组的标题

package/es/utils/useEditableArray/index.js

@@ -1,4 +1,4 @@
-/* eslint-disable react-hooks/exhaustive-deps */import { LoadingOutlined } from '@ant-design/icons';
+import { LoadingOutlined } from '@ant-design/icons';
 import { get, warning as rcWarning, set, useControlledState } from '@rc-component/util';
 import { Form, Popconfirm, message } from 'antd';
 import React, { createRef, forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';

package/es/utils/useEditableMap/index.js

@@ -1,4 +1,4 @@
-/* eslint-disable react-hooks/exhaustive-deps */import { get, useControlledState } from '@rc-component/util';
+import { get, useControlledState } from '@rc-component/util';
 import { message } from 'antd';
 import { useCallback, useMemo, useRef } from 'react';
 import { useRefFunction } from '..';

package/guidelines/overview-components.md

@@ -14,7 +14,7 @@ Here are the guidelines files and additional guidelines for the ProComponents:
 | DrawerForm       | Form inside a drawer                              | [drawer-form.md](components/drawer-form.md)               |
 | StepsForm        | Multi-step form wizard                            | [steps-form.md](components/steps-form.md)                 |
 | ProLayout        | Heavy-duty layout component                       | [pro-layout.md](components/pro-layout.md)                 |
-| ProList          | List component with table-like features           | [pro-list.md](components/pro-list.md)                     |
+| ProList          | List component with table-like features           | [list.md](components/list.md)                     |
 | ProSkeleton      | Skeleton loading component                        | [pro-skeleton.md](components/pro-skeleton.md)             |
 | ProTable         | Advanced table with search, filter, and valueType | [pro-table.md](components/pro-table.md)                   |
 | EditableProTable | Editable table for inline editing                 | [editable-pro-table.md](components/editable-pro-table.md) |

package/lib/card/components/Actions/index.js

@@ -21,10 +21,7 @@ const ProCardActions = props => {
   if (Array.isArray(actions) && actions?.length) {
     return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
       className: (0, _clsx.clsx)(`${prefixCls}-actions`, hashId),
-      children: actions.map((action, index) =>
-      /*#__PURE__*/
-      // eslint-disable-next-line react/no-array-index-key
-      (0, _jsxRuntime.jsx)("li", {
+      children: actions.map((action, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
         style: {
           width: `${100 / actions.length}%`,
           padding: 0,

package/lib/card/components/Actions/style.js

@@ -12,6 +12,7 @@ const genActionsStyle = token => {
   } = token;
   return {
     [`${componentCls}-actions`]: {
+      boxSizing: 'border-box',
       marginBlock: 0,
       marginInline: 0,
       paddingBlock: 0,

package/lib/card/components/Card/index.js

@@ -23,8 +23,6 @@ const Card = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const {
     className,
     style,
-    bodyStyle,
-    headStyle,
     styles,
     title,
     subTitle,
@@ -219,23 +217,34 @@ const Card = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     [`${prefixCls}-body-direction-column`]: split === 'horizontal' || direction === 'column',
     [`${prefixCls}-body-wrap`]: wrap && containProCard
   });
-
-  // 支持新的 styles API，同时保持向后兼容
-  const cardBodyStyle = styles?.body || bodyStyle;
-  const cardHeadStyle = styles?.header || headStyle;
+  const bodyStylePadding = styles?.body?.padding;
   const loadingDOM = /*#__PURE__*/_react.default.isValidElement(loading) ? loading : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.default, {
     prefix: prefixCls,
-    style: cardBodyStyle?.padding === 0 || cardBodyStyle?.padding === '0px' ? {
+    style: bodyStylePadding === 0 || bodyStylePadding === '0px' ? {
       padding: 24
     } : undefined
   });
+  const handleCollapsibleIconClick = (0, _react.useCallback)(() => {
+    if (collapsible === 'icon') setCollapsed(prev => !prev);
+  }, [collapsible, setCollapsed]);
+
   // 非受控情况下展示
-  const collapsibleButton = collapsible && controlCollapsed === undefined && (collapsibleIconRender ? collapsibleIconRender({
-    collapsed
+  const collapsibleButton = collapsible && controlCollapsed === undefined && (collapsibleIconRender ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    role: "button",
+    tabIndex: collapsible === 'icon' ? 0 : undefined,
+    className: `${prefixCls}-collapsible-icon ${hashId}`.trim(),
+    onClick: collapsible === 'icon' ? handleCollapsibleIconClick : undefined,
+    onKeyDown: collapsible === 'icon' ? e => {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+        handleCollapsibleIconClick();
+      }
+    } : undefined,
+    children: collapsibleIconRender({
+      collapsed
+    })
   }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.RightOutlined, {
-    onClick: () => {
-      if (collapsible === 'icon') setCollapsed(!collapsed);
-    },
+    onClick: handleCollapsibleIconClick,
     rotate: !collapsed ? 90 : undefined,
     className: `${prefixCls}-collapsible-icon ${hashId}`.trim()
   }));
@@ -253,7 +262,7 @@ const Card = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
         [`${prefixCls}-header-border`]: headerBordered || type === 'inner',
         [`${prefixCls}-header-collapsible`]: collapsibleButton
       }),
-      style: cardHeadStyle,
+      style: styles?.header,
       onClick: () => {
         if (collapsible === 'header' || collapsible === true) setCollapsed(!collapsed);
       },
@@ -274,13 +283,12 @@ const Card = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tabs, {
         onChange: tabs.onChange,
         ...(0, _util.omit)(tabs, ['cardProps']),
-        // @ts-ignore
         items: ModifyTabItemsContent,
         children: loading ? loadingDOM : children
       })
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: bodyCls,
-      style: cardBodyStyle,
+      style: styles?.body,
       children: loading ? loadingDOM : childrenModified
     }), actions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.default, {
       actions: actions,

package/lib/card/components/Card/style.js

@@ -19,6 +19,9 @@ const genProCardStyle = token => {
       display: 'flex',
       flexDirection: 'column',
       boxSizing: 'border-box',
+      '*, *::before, *::after': {
+        boxSizing: 'border-box'
+      },
       width: '100%',
       marginBlock: 0,
       marginInline: 0,
@@ -35,6 +38,29 @@ const genProCardStyle = token => {
       '&-col': {
         width: '100%'
       },
+      // 分割线样式：col 之间的分割线
+      [` ${componentCls}-col${componentCls}-split-vertical`]: {
+        borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`
+      },
+      [` ${componentCls}-col${componentCls}-split-horizontal`]: {
+        borderBlockEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`
+      },
+      // Divider 分割线组件样式
+      [`${componentCls}-divider`]: {
+        flex: 'none',
+        alignSelf: 'stretch',
+        width: token.lineWidth,
+        marginInline: token.marginXS,
+        marginBlock: token.marginLG,
+        backgroundColor: token.colorSplit,
+        [`&${componentCls}-divider-horizontal`]: {
+          width: 'auto',
+          alignSelf: 'auto',
+          height: token.lineWidth,
+          marginInline: token.marginLG,
+          marginBlock: token.marginXS
+        }
+      },
       '&-border': {
         border: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`
       },
@@ -179,19 +205,19 @@ const genProCardStyle = token => {
             paddingBlock: token.paddingSM
           }
         },
+        [` ${componentCls}-divider`]: {
+          marginBlock: token.marginLG,
+          marginInline: token.marginXS,
+          [`&${componentCls}-divider-horizontal`]: {
+            marginBlock: token.marginXS,
+            marginInline: token.marginLG
+          }
+        },
         [`${componentCls}-header${componentCls}-header-collapsible`]: {
           paddingBlock: token.paddingXS
         }
       }
     },
-    [`${componentCls}-col`]: {
-      [`&${componentCls}-split-vertical`]: {
-        borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`
-      },
-      [`&${componentCls}-split-horizontal`]: {
-        borderBlockEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`
-      }
-    },
     [`${componentCls}-tabs`]: {
       [`${token.antCls}-tabs-top > ${token.antCls}-tabs-nav`]: {
         marginBlockEnd: 0,

package/lib/card/components/CheckCard/Group.js

@@ -167,9 +167,7 @@ const CheckCardGroup = props => {
   };
   const children = (0, _react.useMemo)(() => {
     if (loading) {
-      return new Array(options.length || _react.default.Children.toArray(props.children).length || 1).fill(0)
-      // eslint-disable-next-line react/no-array-index-key
-      .map((_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+      return new Array(options.length || _react.default.Children.toArray(props.children).length || 1).fill(0).map((_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
         loading: true
       }, index));
     }

package/lib/card/components/CheckCard/index.js

@@ -49,7 +49,6 @@ const CheckCard = props => {
   (0, _react.useEffect)(() => {
     checkCardGroup?.registerValue?.(props.value);
     return () => checkCardGroup?.cancelValue?.(props.value);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.value]);
   const {
     prefixCls: customizePrefixCls,

package/lib/card/components/CheckCard/style.js

@@ -41,6 +41,7 @@ const cardLoading = exports.cardLoading = new _cssinjs.Keyframes('card-loading',
 const genProStyle = token => {
   return {
     [token.componentCls]: {
+      boxSizing: 'border-box',
       position: 'relative',
       display: 'inline-block',
       width: '320px',

package/lib/card/components/Divider/index.d.ts

@@ -17,7 +17,7 @@ export type ProCardDividerProps = {
      *
      * @default vertical
      */
-    type?: 'horizontal' | 'vertical';
+    orientation?: 'horizontal' | 'vertical';
 };
 declare const ProCardDivider: React.FC<ProCardDividerProps>;
 export default ProCardDivider;

package/lib/card/components/Divider/index.js

@@ -24,10 +24,10 @@ const ProCardDivider = props => {
   const {
     className,
     style = {},
-    type
+    orientation = 'vertical'
   } = props;
   const classString = (0, _clsx.clsx)(prefixCls, className, hashId, {
-    [`${prefixCls}-${type}`]: type
+    [`${prefixCls}-${orientation}`]: orientation
   });
   return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: classString,

package/lib/card/components/Divider/style.d.ts

@@ -1,5 +1,8 @@
 /// <reference types="react" />
-export default function useStyle(prefixCls: string): {
+/**
+ * Divider 样式已合并至 ProCard style.ts，此 hook 仅用于获取 hashId 和 wrapSSR
+ */
+export default function useStyle(_prefixCls: string): {
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/lib/card/components/Divider/style.js

@@ -5,42 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = useStyle;
 var _provider = require("../../../provider");
-const genDividerStyle = token => {
-  const {
-    componentCls
-  } = token;
-  return {
-    [componentCls]: {
-      '&-divider': {
-        flex: 'none',
-        width: token.lineWidth,
-        marginInline: token.marginXS,
-        marginBlock: token.marginLG,
-        backgroundColor: token.colorSplit,
-        '&-horizontal': {
-          width: 'initial',
-          height: token.lineWidth,
-          marginInline: token.marginLG,
-          marginBlock: token.marginXS
-        }
-      },
-      '&&-size-small &-divider': {
-        marginBlock: token.marginLG,
-        marginInline: token.marginXS,
-        '&-horizontal': {
-          marginBlock: token.marginXS,
-          marginInline: token.marginLG
-        }
-      }
-    }
-  };
-};
-function useStyle(prefixCls) {
-  return (0, _provider.useStyle)('ProCardDivider', token => {
-    const proCardDividerToken = {
-      ...token,
-      componentCls: `.${prefixCls}`
-    };
-    return [genDividerStyle(proCardDividerToken)];
-  });
+/**
+ * Divider 样式已合并至 ProCard style.ts，此 hook 仅用于获取 hashId 和 wrapSSR
+ */
+function useStyle(_prefixCls) {
+  return (0, _provider.useStyle)('ProCardDivider', () => ({}));
 }

package/lib/card/components/Loading/style.js

@@ -21,6 +21,7 @@ const cardLoading = exports.cardLoading = new _cssinjs.Keyframes('card-loading',
 const genProStyle = token => {
   return {
     [token.componentCls]: {
+      boxSizing: 'border-box',
       '&-loading': {
         overflow: 'hidden'
       },

package/lib/card/components/Operation/style.js

@@ -8,6 +8,7 @@ var _provider = require("../../../provider");
 const genProStyle = token => {
   return {
     [token.componentCls]: {
+      boxSizing: 'border-box',
       display: 'flex',
       flexDirection: 'column',
       justifyContent: 'flex-end',

package/lib/card/components/Statistic/index.js

@@ -17,7 +17,7 @@ const Statistic = props => {
     layout = 'inline',
     style,
     description,
-    children,
+    children: _children,
     title,
     tip,
     status,

package/lib/card/components/Statistic/style.js

@@ -8,6 +8,7 @@ var _provider = require("../../../provider");
 const genProStyle = token => {
   return {
     [token.componentCls]: {
+      boxSizing: 'border-box',
       display: 'flex',
       fontSize: token.fontSize,
       '& + &': {

package/lib/card/components/StatisticCard/style.js

@@ -8,6 +8,7 @@ var _provider = require("../../../provider");
 const genProStyle = token => {
   return {
     [token.componentCls]: {
+      boxSizing: 'border-box',
       '&-chart': {
         display: 'flex',
         flexDirection: 'column',

package/lib/card/typing.d.ts

@@ -1,15 +1,12 @@
 import type { TabPaneProps, TabsProps } from 'antd';
-import type { LabelTooltipType } from 'antd/lib/form/FormItemLabel';
 import type { ReactNode } from 'react';
+import type { LabelTooltipType } from '../utils';
+export type { LabelTooltipType };
 export type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 export type Gutter = number | Partial<Record<Breakpoint, number>>;
 export type ColSpanType = number | string;
 type CollapsibleType = 'icon' | 'header' | boolean;
 type CardPropsBase = {
-    /** 标题样式 */
-    headStyle?: React.CSSProperties;
-    /** 内容样式 */
-    bodyStyle?: React.CSSProperties;
     /** 样式配置 */
     styles?: {
         header?: React.CSSProperties;
@@ -93,4 +90,3 @@ export type ProCardTabPaneProps = {
     cardProps?: CardProps;
 } & TabPaneProps;
 export type CardType = React.ForwardRefExoticComponent<CardProps>;
-export {};

package/lib/descriptions/index.d.ts

@@ -1,8 +1,8 @@
 import type { DescriptionsProps, FormProps } from 'antd';
-import type { LabelTooltipType } from 'antd/lib/form/FormItemLabel';
 import React from 'react';
 import type { ProFieldFCMode } from '../provider';
-import type { ProCoreActionType, ProFieldValueType, ProSchema, ProSchemaComponentTypes, RowEditableConfig, UseEditableMapUtilType } from '../utils';
+import type { ProCoreActionType, ProEllipsis, ProFieldValueType, ProSchema, ProSchemaComponentTypes, RowEditableConfig, UseEditableMapUtilType } from '../utils';
+import { LabelTooltipType } from '../utils';
 import type { RequestData } from './useFetchData';
 export interface DescriptionsItemProps {
     prefixCls?: string;
@@ -31,9 +31,7 @@ export type ProDescriptionsItemProps<T = Record<string, any>, ValueType = 'text'
     hide?: boolean;
     plain?: boolean;
     copyable?: boolean;
-    ellipsis?: boolean | {
-        showTitle?: boolean;
-    };
+    ellipsis?: ProEllipsis;
     mode?: ProFieldFCMode;
     children?: React.ReactNode;
     /**

package/lib/descriptions/index.js

@@ -194,14 +194,14 @@ const schemaToDescriptionsItem = (items, entity, action, editableUtils, emptyTex
       };
     }
     const {
-      valueEnum,
-      render,
+      valueEnum: _valueEnum,
+      render: _render,
       renderText,
       mode,
-      plain,
+      plain: _plain,
       dataIndex,
-      request,
-      params,
+      request: _request,
+      params: _params,
       editable,
       ...restItem
     } = item;
@@ -301,7 +301,7 @@ const ProDescriptions = props => {
     onLoadingChange,
     actionRef,
     onRequestError,
-    emptyText,
+    emptyText: _emptyText,
     ...rest
   } = props;
   const proContext = (0, _react.useContext)(_provider.default);

package/lib/descriptions/useFetchData.js

@@ -77,7 +77,6 @@ const useFetchData = (getData, options) => {
       return;
     }
     fetchList();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [...(effects || []), manual]);
   return {
     dataSource: entity,

package/lib/field/AllProField.js

@@ -134,15 +134,12 @@ const defaultRenderText = (dataValue, valueType, props, valueTypeMap) => {
       });
     }
   }
-
-  // eslint-disable-next-line no-param-reassign
   delete props.emptyText;
   if (typeof valueType === 'object') {
     return defaultRenderTextByObject(dataValue, valueType, props);
   }
   const customValueTypeConfig = valueTypeMap && valueTypeMap[valueType];
   if (customValueTypeConfig) {
-    // eslint-disable-next-line no-param-reassign
     delete props.ref;
     if (mode === 'read') {
       return customValueTypeConfig.render?.(dataValue, {
@@ -569,7 +566,6 @@ const ProFieldComponent = ({
       ...(0, _utils.omitUndefined)(restFieldProps),
       onChange: onChangeCallBack
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value, restFieldProps, onChangeCallBack]);
   const renderedDom = defaultRenderText(mode === 'edit' ? fieldProps?.value ?? text ?? '' : text ?? fieldProps?.value ?? '', valueType || 'text', (0, _utils.omitUndefined)({
     ref,

package/lib/field/PureProField.js

@@ -59,11 +59,8 @@ const pureRenderText = (dataValue, valueType, props, valueTypeMap) => {
       });
     }
   }
-
-  // eslint-disable-next-line no-param-reassign
   delete props.emptyText;
   if (typeof valueType === 'object') {
-    // eslint-disable-next-line @typescript-eslint/no-use-before-define
     return pureRenderText(dataValue, valueType.type, {
       ...valueType,
       ...props
@@ -71,7 +68,6 @@ const pureRenderText = (dataValue, valueType, props, valueTypeMap) => {
   }
   const customValueTypeConfig = valueTypeMap && valueTypeMap[valueType];
   if (customValueTypeConfig) {
-    // eslint-disable-next-line no-param-reassign
     delete props.ref;
     if (mode === 'read') {
       const readDom = customValueTypeConfig.render?.(dataValue, {
@@ -136,7 +132,6 @@ const ProFieldComponent = ({
       ...(0, _utils.omitUndefined)(restFieldProps),
       onChange: onChangeCallBack
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [value, restFieldProps, onChangeCallBack]);
   const renderedDom = pureRenderText(mode === 'edit' ? fieldProps?.value ?? text ?? '' : text ?? fieldProps?.value ?? '', valueType || 'text', (0, _utils.omitUndefined)({
     ref,

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

@@ -106,14 +106,11 @@ const FieldCheckbox = ({
   }
   if (mode === 'edit') {
     const {
-      fieldNames,
+      fieldNames: _fieldNames,
       variant,
       ...restFieldProps
     } = rest.fieldProps || {};
-    const dom = wrapSSR(
-    /*#__PURE__*/
-    //@ts-ignore
-    (0, _jsxRuntime.jsx)(_antd.Checkbox.Group, {
+    const dom = wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Checkbox.Group, {
       ...restFieldProps,
       variant: variant,
       className: (0, _clsx.clsx)(rest.fieldProps?.className, hashId, `${layoutClassName}-${layout}`, {

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

@@ -5,6 +5,6 @@ declare const _default: React.ForwardRefExoticComponent<import("../../../provide
     format?: string | undefined;
     showTime?: boolean | undefined;
     variant?: "outlined" | "filled" | "borderless" | "underlined" | undefined;
-    picker?: "time" | "date" | "month" | "week" | "year" | "quarter" | undefined;
+    picker?: "time" | "date" | "month" | "week" | "quarter" | "year" | undefined;
 } & ProFieldLightProps & React.RefAttributes<any>>;
 export default _default;

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

@@ -88,6 +88,7 @@ const FieldDigitRange = ({
     const placeholderValue = fieldProps?.placeholder || placeholder || [intl.getMessage('tableForm.inputPlaceholder', '请输入'), intl.getMessage('tableForm.inputPlaceholder', '请输入')];
     const getInputNumberPlaceholder = index => Array.isArray(placeholderValue) ? placeholderValue[index] : placeholderValue;
     const dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space.Compact, {
+      block: true,
       onBlur: handleGroupBlur,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.InputNumber, {
         ...fieldProps,

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

@@ -11,17 +11,14 @@ var _provider = require("../../../provider");
 var _jsxRuntime = require("react/jsx-runtime");
 const addArrayKeys = doms => doms.map((dom, index) => {
   if (! /*#__PURE__*/_react.default.isValidElement(dom)) {
-    // eslint-disable-next-line react/no-array-index-key
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
       children: dom
     }, index);
   }
   return /*#__PURE__*/_react.default.cloneElement(dom, {
-    // eslint-disable-next-line react/no-array-index-key
     key: index,
     ...dom?.props,
     style: {
-      // @ts-ignore
       ...dom?.props?.style
     }
   });

package/lib/field/components/Percent/util.d.ts

@@ -1,7 +1,7 @@
 /** 获取展示符号 */
 export declare function getSymbolByRealValue(realValue: number): "-" | "+" | null;
 /** 获取颜色 */
-export declare function getColorByRealValue(realValue: number /** ,color: string */): "#595959" | "#52c41a" | "#ff4d4f";
+export declare function getColorByRealValue(realValue: number /** ,color: string */): "#595959" | "#ff4d4f" | "#52c41a";
 /** 获取到最后展示的数字 */
 export declare function getRealTextWithPrecision(realValue: number, precision?: number): string | number;
 /**

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

@@ -5,6 +5,6 @@ declare const _default: React.ForwardRefExoticComponent<import("../../../provide
     format?: string | undefined;
     variant?: "outlined" | "filled" | "borderless" | "underlined" | undefined;
     showTime?: boolean | undefined;
-    picker?: "time" | "date" | "month" | "week" | "year" | "quarter" | undefined;
+    picker?: "time" | "date" | "month" | "week" | "quarter" | "year" | undefined;
 } & ProFieldLightProps & React.RefAttributes<any>>;
 export default _default;

package/lib/field/components/Select/SearchSelect/index.js

@@ -40,7 +40,6 @@ const SearchSelect = (props, ref) => {
     showSearch,
     fieldNames,
     defaultSearchValue,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     preserveOriginalLabel: _preserveOriginalLabel = false,
     ...restProps
   } = props;

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

@@ -31,7 +31,6 @@ const FieldSwitch = ({
   const dom = (0, _react.useMemo)(() => {
     if (text === undefined || text === null || `${text}`.length < 1) return '-';
     return text ? fieldProps?.checkedChildren ?? intl.getMessage('switch.open', '打开') : fieldProps?.unCheckedChildren ?? intl.getMessage('switch.close', '关闭');
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [fieldProps?.checkedChildren, fieldProps?.unCheckedChildren, text]);
   if (mode === 'read') {
     if (render) {