ant-design/ant-design

File panel.ts has 580 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { unit } from '@ant-design/cssinjs';
import type { CSSObject } from '@ant-design/cssinjs';
import { TinyColor } from '@ctrl/tinycolor';

import type { GenerateStyle } from '../../theme/internal';

File index.ts has 571 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { unit } from '@ant-design/cssinjs';
import type { CSSObject } from '@ant-design/cssinjs';

import {
  genBasicInputStyle,

Function genBaseStyle has 242 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const genBaseStyle: GenerateStyle<DropdownToken> = (token) => {
  const {
    componentCls,
    menuCls,
    zIndexPopup,

Function genSpinStyle has 242 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const genSpinStyle: GenerateStyle<SpinToken> = (token: SpinToken): CSSObject => {
  const { componentCls, calc } = token;
  return {
    [componentCls]: {
      ...resetComponent(token),

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const GlobalHolderWrapper = React.forwardRef<GlobalHolderRef, unknown>((_, ref) => {
  const [messageConfig, setMessageConfig] = React.useState<ConfigOptions>(getGlobalContext);

  const sync = () => {
    setMessageConfig(getGlobalContext);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const GlobalHolderWrapper = React.forwardRef<GlobalHolderRef, unknown>((_, ref) => {
  const [notificationConfig, setNotificationConfig] =
    React.useState<GlobalConfigProps>(getGlobalContext);

  const sync = () => {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  it('should not lost focus when clear input', () => {
    const onBlur = jest.fn();
    const { container, unmount } = render(
      <TextArea allowClear defaultValue="value" onBlur={onBlur} />,
      {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  it('should not lost focus when clear input', () => {
    const onBlur = jest.fn();
    const { container, unmount } = render(
      <Input allowClear defaultValue="value" onBlur={onBlur} />,
      {

• Read up
  Read up

Function Header has 239 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Header: React.FC = () => {
  const [locale, lang] = useLocale(locales);

  const { pkg } = useSiteData();

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const columns: ColumnsType<DataType> = [
  {
    title: 'Name',
    dataIndex: 'name',
  },

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const columns: ColumnsType<DataType> = [
  {
    title: 'Name',
    dataIndex: 'name',
  },

• Read up
  Read up

Function getBaseStyle has 237 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const getBaseStyle: GenerateStyle<MenuToken> = (token) => {
  const {
    antCls,
    componentCls,
    fontSize,

File Table.pagination.test.tsx has 557 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';

import type { TablePaginationConfig, TableProps } from '..';
import Table from '..';
import scrollTo from '../../_util/scrollTo';

File index.tsx has 551 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import * as React from 'react';
import { defaultAlgorithm, defaultTheme } from '@ant-design/compatible';
import {
  BellOutlined,
  FolderOutlined,

Similar blocks of code found in 3 locations. Consider refactoring.

Open

const items: MenuItem[] = [
  {
    label: 'Navigation One',
    key: 'mail',
    icon: <MailOutlined />,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    <Flex gap="4px 0" wrap>
      <Tag color="magenta">magenta</Tag>
      <Tag color="red">red</Tag>
      <Tag color="volcano">volcano</Tag>
      <Tag color="orange">orange</Tag>

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

const items: MenuItem[] = [
  {
    label: 'Navigation One',
    key: 'mail',
    icon: <MailOutlined />,

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

const items: MenuItem[] = [
  {
    label: 'Navigation One',
    key: 'mail',
    icon: <MailOutlined />,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  <Flex gap="4px 0" wrap>
    <Tag color="magenta-inverse">magenta</Tag>
    <Tag color="red-inverse">red</Tag>
    <Tag color="volcano-inverse">volcano</Tag>
    <Tag color="orange-inverse">orange</Tag>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('vertical with click', () => {
      const defaultTestProps: MenuProps = { mode: 'vertical', triggerSubMenuAction: 'click' };
      const Demo: React.FC = () => (
        <Menu {...defaultTestProps}>
          <SubMenu key="1" title="submenu1">

• Read up
  Read up