From d33cb8ec5cf1b3b7d6386f00f869a65918f9372f Mon Sep 17 00:00:00 2001 From: lijianan <574980606@qq.com> Date: Sat, 18 Oct 2025 23:42:46 +0800 Subject: [PATCH] chore: add process.env.NODE_ENV --- .gitignore | 1 + package.json | 13 +++++++------ src/Item.tsx | 9 +++++++-- src/Overflow.tsx | 46 ++++++++++++++++++++++------------------------ src/RawItem.tsx | 5 ++++- 5 files changed, 41 insertions(+), 33 deletions(-) diff --git a/.gitignore b/.gitignore index d222701..fa55299 100644 --- a/.gitignore +++ b/.gitignore @@ -26,6 +26,7 @@ lib es yarn.lock package-lock.json +pnpm-lock.yaml coverage/ .doc dist/ diff --git a/package.json b/package.json index 798b843..78520de 100644 --- a/package.json +++ b/package.json @@ -56,17 +56,22 @@ "@types/classnames": "^2.2.9", "@types/enzyme": "^3.10.8", "@types/jest": "^26.0.23", + "@types/node": "^24.8.1", "@types/react": "^16.14.2", "@types/react-dom": "^16.9.10", + "@typescript-eslint/eslint-plugin": "^5.59.0", + "@typescript-eslint/parser": "^5.59.0", "@umijs/fabric": "^3.0.0", - "glob": "^10.0.0", "cross-env": "^7.0.2", "dumi": "^2.0.0", "enzyme": "^3.0.0", "enzyme-adapter-react-16": "^1.0.1", "enzyme-to-json": "^3.4.0", "eslint": "^8.57.0", + "eslint-plugin-jest": "^27.5.1", + "eslint-plugin-unicorn": "^51.0.1", "father": "^4.0.0", + "glob": "^10.0.0", "less": "^3.10.3", "np": "^7.0.0", "prettier": "^2.0.5", @@ -74,11 +79,7 @@ "react": "^16.0.0", "react-dom": "^16.0.0", "regenerator-runtime": "^0.13.7", - "typescript": "~5.3.3", - "@typescript-eslint/parser": "^5.59.0", - "@typescript-eslint/eslint-plugin": "^5.59.0", - "eslint-plugin-jest": "^27.5.1", - "eslint-plugin-unicorn": "^51.0.1" + "typescript": "~5.3.3" }, "peerDependencies": { "react": ">=16.9.0", diff --git a/src/Item.tsx b/src/Item.tsx index fe3ca1f..6946da6 100644 --- a/src/Item.tsx +++ b/src/Item.tsx @@ -66,7 +66,9 @@ function InternalItem( // ================================ Render ================================ const childNode = - renderItem && item !== UNDEFINED ? renderItem(item, { index: order }) : children; + renderItem && item !== UNDEFINED + ? renderItem(item, { index: order }) + : children; let overflowStyle: React.CSSProperties | undefined; if (!invalidate) { @@ -117,6 +119,9 @@ function InternalItem( } const Item = React.forwardRef(InternalItem); -Item.displayName = 'Item'; + +if (process.env.NODE_ENV !== 'production') { + Item.displayName = 'Item'; +} export default Item; diff --git a/src/Overflow.tsx b/src/Overflow.tsx index f042bce..1a2af67 100644 --- a/src/Overflow.tsx +++ b/src/Overflow.tsx @@ -16,7 +16,8 @@ export { OverflowContext } from './context'; export type { ComponentType } from './RawItem'; -export interface OverflowProps extends Omit, 'prefix'> { +export interface OverflowProps + extends Omit, 'prefix'> { prefixCls?: string; className?: string; style?: React.CSSProperties; @@ -377,26 +378,19 @@ function Overflow( const mergedRenderRest = renderRest || defaultRenderRest; - const restNode = renderRawRest ? ( - - {renderRawRest(omittedItems)} - - ) : ( - - {typeof mergedRenderRest === 'function' - ? mergedRenderRest(omittedItems) - : mergedRenderRest} - - ); + const restNode = renderRawRest ? ( + + {renderRawRest(omittedItems)} + + ) : ( + + {typeof mergedRenderRest === 'function' + ? mergedRenderRest(omittedItems) + : mergedRenderRest} + + ); const overflowNode = ( ( {overflowNode} - ) : overflowNode; + ) : ( + overflowNode + ); } const ForwardOverflow = React.forwardRef(Overflow); @@ -465,11 +461,13 @@ type FilledOverflowType = ForwardOverflowType & { INVALIDATE: typeof INVALIDATE; }; -ForwardOverflow.displayName = 'Overflow'; - (ForwardOverflow as unknown as FilledOverflowType).Item = RawItem; (ForwardOverflow as unknown as FilledOverflowType).RESPONSIVE = RESPONSIVE; (ForwardOverflow as unknown as FilledOverflowType).INVALIDATE = INVALIDATE; +if (process.env.NODE_ENV !== 'production') { + ForwardOverflow.displayName = 'Overflow'; +} + // Convert to generic type export default ForwardOverflow as unknown as FilledOverflowType; diff --git a/src/RawItem.tsx b/src/RawItem.tsx index 2c9c0bd..b839137 100644 --- a/src/RawItem.tsx +++ b/src/RawItem.tsx @@ -40,6 +40,9 @@ const InternalRawItem = (props: RawItemProps, ref: React.Ref) => { }; const RawItem = React.forwardRef(InternalRawItem); -RawItem.displayName = 'RawItem'; + +if (process.env.NODE_ENV !== 'production') { + RawItem.displayName = 'RawItem'; +} export default RawItem;