diff --git a/docs/demo/dropdown-render.md b/docs/demo/dropdown-render.md deleted file mode 100644 index ee9f20f0..00000000 --- a/docs/demo/dropdown-render.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -title: dropdown-render -nav: - title: Demo - path: /demo ---- - - diff --git a/docs/demo/popup-render.md b/docs/demo/popup-render.md new file mode 100644 index 00000000..692731bd --- /dev/null +++ b/docs/demo/popup-render.md @@ -0,0 +1,8 @@ +--- +title: popup-render +nav: + title: Demo + path: /demo +--- + + diff --git a/examples/dropdown-render.tsx b/examples/popup-render.tsx similarity index 95% rename from examples/dropdown-render.tsx rename to examples/popup-render.tsx index 63f181bc..71abd581 100644 --- a/examples/dropdown-render.tsx +++ b/examples/popup-render.tsx @@ -74,7 +74,7 @@ const Demo = () => {
{menus}
- Hey, DropdownRender, Long DropdownRender, Long DropdownRender + Hey, popupRender, Long popupRender, Long popupRender
)} > diff --git a/examples/visible.tsx b/examples/visible.tsx index 775433c8..2080e4de 100644 --- a/examples/visible.tsx +++ b/examples/visible.tsx @@ -59,7 +59,7 @@ const addressOptions = [ const Demo = () => { const [value, setValue] = useState([]); - const [popupVisible, setPopupVisible] = useState(false); + const [open, setOpen] = useState(false); const getLabel = () => { return arrayTreeFilter(addressOptions, (o, level) => o.value === value[level]) @@ -69,10 +69,10 @@ const Demo = () => { return ( setPopupVisible(open)} + onPopupVisibleChange={open => setOpen(open)} onChange={value => setValue(value)} > diff --git a/package.json b/package.json index a3431866..234d85ad 100644 --- a/package.json +++ b/package.json @@ -33,6 +33,7 @@ "build": "dumi build", "compile": "father build", "coverage": "father test --coverage", + "tsc": "bunx tsc --noEmit", "deploy": "UMI_ENV=gh npm run build && gh-pages -d dist", "lint": "eslint src/ examples/ --ext .tsx,.ts,.jsx,.jsx", "now-build": "npm run build", @@ -43,9 +44,9 @@ }, "dependencies": { "@rc-component/select": "~1.0.0", + "@rc-component/tree": "~1.0.0", "@rc-component/util": "^1.2.1", - "classnames": "^2.3.1", - "rc-tree": "~5.13.1" + "classnames": "^2.3.1" }, "devDependencies": { "@rc-component/father-plugin": "^2.0.2", @@ -55,8 +56,8 @@ "@types/classnames": "^2.2.6", "@types/enzyme": "^3.1.15", "@types/jest": "^29.4.0", - "@types/react": "^17.0.38", - "@types/react-dom": "^18.0.11", + "@types/react": "^19.0.0", + "@types/react-dom": "^19.0.0", "@types/warning": "^3.0.0", "@umijs/fabric": "^4.0.0", "array-tree-filter": "^3.0.2", diff --git a/src/Cascader.tsx b/src/Cascader.tsx index d9009a58..8fdd65ce 100644 --- a/src/Cascader.tsx +++ b/src/Cascader.tsx @@ -28,7 +28,7 @@ import { toRawValues, } from './utils/commonUtil'; import { formatStrategyValues, toPathOptions } from './utils/treeUtil'; -import warningProps, { warningNullOptions } from './utils/warningPropsUtil'; +import { warningNullOptions } from './utils/warningPropsUtil'; export interface BaseOptionType { disabled?: boolean; @@ -71,9 +71,9 @@ interface BaseCascaderProps< OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType, > extends Omit< - BaseSelectPropsWithoutPrivate, - 'tokenSeparators' | 'labelInValue' | 'mode' | 'showSearch' - > { + BaseSelectPropsWithoutPrivate, + 'tokenSeparators' | 'labelInValue' | 'mode' | 'showSearch' +> { // MISC id?: string; prefixCls?: string; @@ -99,18 +99,12 @@ interface BaseCascaderProps< // Options options?: OptionType[]; /** @private Internal usage. Do not use in your production. */ - dropdownPrefixCls?: string; + popupPrefixCls?: string; loadData?: (selectOptions: OptionType[]) => void; - // Open - /** @deprecated Use `open` instead */ - popupVisible?: boolean; - popupClassName?: string; - dropdownMenuColumnStyle?: React.CSSProperties; + popupMenuColumnStyle?: React.CSSProperties; - /** @deprecated Use `placement` instead */ - popupPlacement?: Placement; placement?: Placement; builtinPlacements?: BuildInPlacements; @@ -135,8 +129,8 @@ export type ValueType< ValueField extends keyof OptionType = keyof OptionType, > = keyof OptionType extends ValueField ? unknown extends OptionType['value'] - ? OptionType[ValueField] - : OptionType['value'] + ? OptionType[ValueField] + : OptionType['value'] : OptionType[ValueField]; export type GetValueType< @@ -167,6 +161,9 @@ export interface CascaderProps< } export type SingleValueType = (string | number)[]; + +export type LegacyKey = string | number; + export type InternalValueType = SingleValueType | SingleValueType[]; export interface InternalFieldNames extends Required { @@ -210,18 +207,15 @@ const Cascader = React.forwardRef((props, re // Options options, - dropdownPrefixCls, + popupPrefixCls, loadData, - // Open - popupVisible, open, popupClassName, - dropdownMenuColumnStyle, + popupMenuColumnStyle, popupStyle: customPopupStyle, - popupPlacement, placement, onPopupVisibleChange, @@ -281,7 +275,7 @@ const Cascader = React.forwardRef((props, re mergedSearchValue, mergedOptions, mergedFieldNames, - dropdownPrefixCls || prefixCls, + popupPrefixCls || prefixCls, searchConfig, changeOnSelect || multiple, ); @@ -374,18 +368,13 @@ const Cascader = React.forwardRef((props, re onInternalSelect(valueCells); }; - // ============================ Open ============================ - const mergedOpen = open !== undefined ? open : popupVisible; - - const mergedPlacement = placement || popupPlacement; - const onInternalPopupVisibleChange = (nextVisible: boolean) => { onPopupVisibleChange?.(nextVisible); }; + // ========================== Warning =========================== if (process.env.NODE_ENV !== 'production') { - warningProps(props); warningNullOptions(mergedOptions, mergedFieldNames); } @@ -400,12 +389,12 @@ const Cascader = React.forwardRef((props, re onSelect: onInternalSelect, checkable, searchOptions, - dropdownPrefixCls, + popupPrefixCls, loadData, expandTrigger, expandIcon, loadingIcon, - dropdownMenuColumnStyle, + popupMenuColumnStyle, optionRender, }), [ @@ -417,12 +406,12 @@ const Cascader = React.forwardRef((props, re onInternalSelect, checkable, searchOptions, - dropdownPrefixCls, + popupPrefixCls, loadData, expandTrigger, expandIcon, loadingIcon, - dropdownMenuColumnStyle, + popupMenuColumnStyle, optionRender, ], ); @@ -435,12 +424,12 @@ const Cascader = React.forwardRef((props, re const popupStyle: React.CSSProperties = // Search to match width (mergedSearchValue && searchConfig.matchInputWidth) || - // Empty keep the width - emptyOptions + // Empty keep the width + emptyOptions ? {} : { - minWidth: 'auto', - }; + minWidth: 'auto', + }; return ( @@ -468,9 +457,9 @@ const Cascader = React.forwardRef((props, re OptionList={OptionList} emptyOptions={emptyOptions} // Open - open={mergedOpen} + open={open} popupClassName={popupClassName} - placement={mergedPlacement} + placement={placement} onPopupVisibleChange={onInternalPopupVisibleChange} // Children getRawInputElement={() => children as React.ReactElement} diff --git a/src/OptionList/Column.tsx b/src/OptionList/Column.tsx index c46cc457..7797b358 100644 --- a/src/OptionList/Column.tsx +++ b/src/OptionList/Column.tsx @@ -50,7 +50,7 @@ export default function Column(( changeOnSelect, onSelect, searchOptions, - dropdownPrefixCls, + popupPrefixCls, loadData, expandTrigger, } = React.useContext(CascaderContext); - const mergedPrefixCls = dropdownPrefixCls || prefixCls; + const mergedPrefixCls = popupPrefixCls || prefixCls; // ========================= loadData ========================= - const [loadingKeys, setLoadingKeys] = React.useState([]); + const [loadingKeys, setLoadingKeys] = React.useState([]); - const internalLoadData = (valueCells: React.Key[]) => { + const internalLoadData = (valueCells: LegacyKey[]) => { // Do not load when search if (!loadData || searchValue) { return; @@ -108,7 +108,7 @@ const RawOptionList = React.forwardRef(( const [activeValueCells, setActiveValueCells] = useActive(multiple, open); // =========================== Path =========================== - const onPathOpen = (nextValueCells: React.Key[]) => { + const onPathOpen = (nextValueCells: LegacyKey[]) => { setActiveValueCells(nextValueCells); // Trigger loadData diff --git a/src/OptionList/useActive.ts b/src/OptionList/useActive.ts index ca0519ec..12482716 100644 --- a/src/OptionList/useActive.ts +++ b/src/OptionList/useActive.ts @@ -1,5 +1,6 @@ import * as React from 'react'; import CascaderContext from '../context'; +import { LegacyKey } from '@/Cascader'; /** * Control the active open options path. @@ -7,14 +8,14 @@ import CascaderContext from '../context'; const useActive = ( multiple?: boolean, open?: boolean, -): [React.Key[], (activeValueCells: React.Key[]) => void] => { +): [LegacyKey[], (activeValueCells: LegacyKey[]) => void] => { const { values } = React.useContext(CascaderContext); const firstValueCells = values[0]; // Record current dropdown active options // This also control the open status - const [activeValueCells, setActiveValueCells] = React.useState([]); + const [activeValueCells, setActiveValueCells] = React.useState([]); React.useEffect( () => { diff --git a/src/OptionList/useKeyboard.ts b/src/OptionList/useKeyboard.ts index cf4ccfa5..239f357e 100644 --- a/src/OptionList/useKeyboard.ts +++ b/src/OptionList/useKeyboard.ts @@ -1,7 +1,7 @@ import type { RefOptionListProps } from '@rc-component/select/lib/OptionList'; import KeyCode from '@rc-component/util/lib/KeyCode'; import * as React from 'react'; -import type { DefaultOptionType, InternalFieldNames, SingleValueType } from '../Cascader'; +import type { DefaultOptionType, InternalFieldNames, LegacyKey, SingleValueType } from '../Cascader'; import { SEARCH_MARK } from '../hooks/useSearchOptions'; import { getFullPathKeys, toPathKey } from '../utils/commonUtil'; @@ -9,8 +9,8 @@ export default ( ref: React.Ref, options: DefaultOptionType[], fieldNames: InternalFieldNames, - activeValueCells: React.Key[], - setActiveValueCells: (activeValueCells: React.Key[]) => void, + activeValueCells: LegacyKey[], + setActiveValueCells: (activeValueCells: LegacyKey[]) => void, onKeyBoardSelect: (valueCells: SingleValueType, option: DefaultOptionType) => void, contextProps: { direction?: 'ltr' | 'rtl'; @@ -28,7 +28,7 @@ export default ( let currentOptions = options; const mergedActiveIndexes: number[] = []; - const mergedActiveValueCells: React.Key[] = []; + const mergedActiveValueCells: LegacyKey[] = []; const len = activeValueCells.length; @@ -64,7 +64,7 @@ export default ( }, [activeValueCells, fieldNames, options]); // Update active value cells and scroll to target element - const internalSetActiveValueCells = (next: React.Key[]) => { + const internalSetActiveValueCells = (next: LegacyKey[]) => { setActiveValueCells(next); }; diff --git a/src/Panel.tsx b/src/Panel.tsx index 3154e881..0e9dc491 100644 --- a/src/Panel.tsx +++ b/src/Panel.tsx @@ -153,12 +153,12 @@ export default function Panel< onSelect: onInternalSelect, checkable, searchOptions: [], - dropdownPrefixCls: undefined, + popupPrefixCls: undefined, loadData, expandTrigger, expandIcon, loadingIcon, - dropdownMenuColumnStyle: undefined, + popupMenuColumnStyle: undefined, }), [ mergedOptions, diff --git a/src/context.ts b/src/context.ts index 85e3b6a3..ffa5585e 100644 --- a/src/context.ts +++ b/src/context.ts @@ -15,12 +15,12 @@ export interface CascaderContextProps { onSelect: (valuePath: SingleValueType) => void; checkable?: boolean | React.ReactNode; searchOptions: DefaultOptionType[]; - dropdownPrefixCls?: string; + popupPrefixCls?: string; loadData?: (selectOptions: DefaultOptionType[]) => void; expandTrigger?: 'hover' | 'click'; expandIcon?: React.ReactNode; loadingIcon?: React.ReactNode; - dropdownMenuColumnStyle?: React.CSSProperties; + popupMenuColumnStyle?: React.CSSProperties; optionRender?: CascaderProps['optionRender']; } diff --git a/src/hooks/useEntities.ts b/src/hooks/useEntities.ts index 47a83207..9724516c 100644 --- a/src/hooks/useEntities.ts +++ b/src/hooks/useEntities.ts @@ -1,7 +1,7 @@ import * as React from 'react'; -import { convertDataToEntities } from 'rc-tree/lib/utils/treeUtil'; +import { convertDataToEntities } from '@rc-component/tree/lib/utils/treeUtil'; import type { DefaultOptionType, InternalFieldNames } from '../Cascader'; -import type { DataEntity, DataNode } from 'rc-tree/lib/interface'; +import type { DataEntity, DataNode } from '@rc-component/tree/lib/interface'; import { VALUE_SPLIT } from '../utils/commonUtil'; export interface OptionsInfo { diff --git a/src/hooks/useOptions.ts b/src/hooks/useOptions.ts index ea4c93f9..e52d58c1 100644 --- a/src/hooks/useOptions.ts +++ b/src/hooks/useOptions.ts @@ -1,6 +1,6 @@ import * as React from 'react'; import type { DefaultOptionType } from '..'; -import type { InternalFieldNames, SingleValueType } from '../Cascader'; +import type { InternalFieldNames, SingleValueType, LegacyKey } from '../Cascader'; import useEntities, { type GetEntities } from './useEntities'; export default function useOptions( @@ -9,7 +9,7 @@ export default function useOptions( ): [ mergedOptions: DefaultOptionType[], getPathKeyEntities: GetEntities, - getValueByKeyPath: (pathKeys: React.Key[]) => SingleValueType[], + getValueByKeyPath: (pathKeys: LegacyKey[]) => SingleValueType[], ] { const mergedOptions = React.useMemo(() => options || [], [options]); @@ -18,7 +18,7 @@ export default function useOptions( /** Convert path key back to value format */ const getValueByKeyPath = React.useCallback( - (pathKeys: React.Key[]): SingleValueType[] => { + (pathKeys: LegacyKey[]): SingleValueType[] => { const keyPathEntities = getPathKeyEntities(); return pathKeys.map(pathKey => { diff --git a/src/hooks/useSelect.ts b/src/hooks/useSelect.ts index 9c6b6540..35bda7d1 100644 --- a/src/hooks/useSelect.ts +++ b/src/hooks/useSelect.ts @@ -1,5 +1,10 @@ -import { conductCheck } from 'rc-tree/lib/utils/conductUtil'; -import type { InternalValueType, ShowCheckedStrategy, SingleValueType } from '../Cascader'; +import { conductCheck } from '@rc-component/tree/lib/utils/conductUtil'; +import type { + InternalValueType, + LegacyKey, + ShowCheckedStrategy, + SingleValueType, +} from '../Cascader'; import { toPathKey, toPathKeys } from '../utils/commonUtil'; import { formatStrategyValues } from '../utils/treeUtil'; import type { GetEntities } from './useEntities'; @@ -11,7 +16,7 @@ export default function useSelect( halfCheckedValues: SingleValueType[], missingCheckedValues: SingleValueType[], getPathKeyEntities: GetEntities, - getValueByKeyPath: (pathKeys: React.Key[]) => SingleValueType[], + getValueByKeyPath: (pathKeys: LegacyKey[]) => SingleValueType[], showCheckedStrategy?: ShowCheckedStrategy, ) { return (valuePath: SingleValueType) => { @@ -46,15 +51,17 @@ export default function useSelect( const pathKeyEntities = getPathKeyEntities(); // Conduction by selected or not - let checkedKeys: React.Key[]; + let checkedKeys: LegacyKey[]; if (existInChecked) { ({ checkedKeys } = conductCheck( nextRawCheckedKeys, { checked: false, halfCheckedKeys: halfCheckedPathKeys }, pathKeyEntities, - )); + ) as { checkedKeys: LegacyKey[] }); } else { - ({ checkedKeys } = conductCheck(nextRawCheckedKeys, true, pathKeyEntities)); + ({ checkedKeys } = conductCheck(nextRawCheckedKeys, true, pathKeyEntities) as { + checkedKeys: LegacyKey[]; + }); } // Roll up to parent level keys diff --git a/src/hooks/useValues.ts b/src/hooks/useValues.ts index c2abfd0f..68526d49 100644 --- a/src/hooks/useValues.ts +++ b/src/hooks/useValues.ts @@ -1,7 +1,7 @@ -import type { DataEntity } from 'rc-tree/lib/interface'; -import { conductCheck } from 'rc-tree/lib/utils/conductUtil'; +import type { DataEntity } from '@rc-component/tree/lib/interface'; +import { conductCheck } from '@rc-component/tree/lib/utils/conductUtil'; import * as React from 'react'; -import type { SingleValueType } from '../Cascader'; +import type { LegacyKey, SingleValueType } from '../Cascader'; import { toPathKeys } from '../utils/commonUtil'; import type { GetMissValues } from './useMissingValues'; @@ -9,7 +9,7 @@ export default function useValues( multiple: boolean, rawValues: SingleValueType[], getPathKeyEntities: () => Record, - getValueByKeyPath: (pathKeys: React.Key[]) => SingleValueType[], + getValueByKeyPath: (pathKeys: LegacyKey[]) => SingleValueType[], getMissingValues: GetMissValues, ): [ checkedValues: SingleValueType[], @@ -27,7 +27,10 @@ export default function useValues( const keyPathValues = toPathKeys(existValues); const keyPathEntities = getPathKeyEntities(); - const { checkedKeys, halfCheckedKeys } = conductCheck(keyPathValues, true, keyPathEntities); + const { checkedKeys, halfCheckedKeys } = conductCheck(keyPathValues, true, keyPathEntities) as { + checkedKeys: LegacyKey[]; + halfCheckedKeys: LegacyKey[]; + }; // Convert key back to value cells return [getValueByKeyPath(checkedKeys), getValueByKeyPath(halfCheckedKeys), missingValues]; diff --git a/src/utils/treeUtil.ts b/src/utils/treeUtil.ts index b514a7d8..f2810a53 100644 --- a/src/utils/treeUtil.ts +++ b/src/utils/treeUtil.ts @@ -3,12 +3,13 @@ import type { DefaultOptionType, InternalFieldNames, ShowCheckedStrategy, + LegacyKey, } from '../Cascader'; import type { GetEntities } from '../hooks/useEntities'; import { SHOW_CHILD } from './commonUtil'; export function formatStrategyValues( - pathKeys: React.Key[], + pathKeys: LegacyKey[], getKeyPathEntities: GetEntities, showCheckedStrategy?: ShowCheckedStrategy, ) { @@ -25,8 +26,8 @@ export function formatStrategyValues( } return showCheckedStrategy === SHOW_CHILD - ? !(children && children.some(child => child.key && valueSet.has(child.key))) - : !(parent && !parent.node.disabled && valueSet.has(parent.key)); + ? !(children && children.some(child => child.key && valueSet.has(child.key as LegacyKey))) + : !(parent && !parent.node.disabled && valueSet.has(parent.key as LegacyKey)); }); } diff --git a/src/utils/warningPropsUtil.ts b/src/utils/warningPropsUtil.ts index 07b90327..e8f3b4ac 100644 --- a/src/utils/warningPropsUtil.ts +++ b/src/utils/warningPropsUtil.ts @@ -1,15 +1,5 @@ import warning from '@rc-component/util/lib/warning'; -import type { DefaultOptionType, FieldNames, InternalCascaderProps } from '../Cascader'; - -function warningProps(props: InternalCascaderProps) { - const { popupVisible, popupPlacement } = props; - - warning(popupVisible === undefined, '`popupVisible` is deprecated. Please use `open` instead.'); - warning( - popupPlacement === undefined, - '`popupPlacement` is deprecated. Please use `placement` instead.', - ); -} +import type { DefaultOptionType, FieldNames } from '../Cascader'; // value in Cascader options should not be null export function warningNullOptions(options: DefaultOptionType[], fieldNames: FieldNames) { @@ -35,5 +25,3 @@ export function warningNullOptions(options: DefaultOptionType[], fieldNames: Fie recursiveOptions(options); } } - -export default warningProps; diff --git a/tests/__snapshots__/index.spec.tsx.snap b/tests/__snapshots__/index.spec.tsx.snap index 6feee02a..17ebb6e1 100644 --- a/tests/__snapshots__/index.spec.tsx.snap +++ b/tests/__snapshots__/index.spec.tsx.snap @@ -60,14 +60,14 @@ exports[`Cascader.Basic should not show title when title is falsy 1`] = ` `; -exports[`Cascader.Basic should render custom dropdown correctly 1`] = ` +exports[`Cascader.Basic should render custom popup correctly 1`] = `
- Hello, DropdownRender + Hello, popupRender
diff --git a/tests/index.spec.tsx b/tests/index.spec.tsx index 549cfaa1..bc124832 100644 --- a/tests/index.spec.tsx +++ b/tests/index.spec.tsx @@ -1,5 +1,4 @@ import { spyElementPrototypes } from '@rc-component/util/lib/test/domHook'; -import { resetWarned } from '@rc-component/util/lib/warning'; import React, { useEffect, useState } from 'react'; import type { CascaderRef, BaseOptionType, CascaderProps } from '../src'; import Cascader from '../src'; @@ -514,32 +513,6 @@ describe('Cascader.Basic', () => { expect(wrapper.isOpen()).toBeTruthy(); }); - it('warning popupVisible & onPopupVisibleChange & popupClassName', () => { - resetWarned(); - const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {}); - const onPopupVisibleChange = jest.fn(); - const wrapper = mount( - , - ); - - expect(errorSpy).toHaveBeenCalledWith( - 'Warning: `popupVisible` is deprecated. Please use `open` instead.', - ); - expect(errorSpy).toHaveBeenCalledWith( - 'Warning: `popupPlacement` is deprecated. Please use `placement` instead.', - ); - - expect(wrapper.exists('.legacy-cls')).toBeTruthy(); - expect(wrapper.find('Trigger').prop('popupPlacement')).toEqual('topRight'); - - errorSpy.mockRestore(); - }); - it('should support custom expand icon(text icon)', () => { const wrapper = mount( { }, ]; const wrapper = mount( - + , ); @@ -612,16 +585,16 @@ describe('Cascader.Basic', () => { expect(menus.render()).toMatchSnapshot(); }); - it('should render custom dropdown correctly', () => { + it('should render custom popup correctly', () => { const wrapper = mount( ( -
+
{menus}
- Hello, DropdownRender + Hello, popupRender
)} > @@ -629,10 +602,10 @@ describe('Cascader.Basic', () => { , ); - const customDropdown = wrapper.find('.custom-dropdown'); - expect(customDropdown.length).toBe(1); - const customDropdownContent = wrapper.find('.custom-dropdown-content'); - expect(customDropdownContent.length).toBe(1); + const customPopup = wrapper.find('.custom-popup'); + expect(customPopup.length).toBe(1); + const customPopupContent = wrapper.find('.custom-popup-content'); + expect(customPopupContent.length).toBe(1); const menus = wrapper.find('.rc-cascader-dropdown'); expect(menus.render()).toMatchSnapshot(); }); diff --git a/tests/private.spec.tsx b/tests/private.spec.tsx index ab9ff361..7fd79c17 100644 --- a/tests/private.spec.tsx +++ b/tests/private.spec.tsx @@ -3,7 +3,7 @@ import React from 'react'; import Cascader from '../src'; describe('Cascader.Private', () => { - it('dropdownPrefixCls', () => { + it('popupPrefixCls', () => { const { container } = render( { ]} open prefixCls="bamboo" - dropdownPrefixCls="little" + popupPrefixCls="little" />, ); diff --git a/tsconfig.json b/tsconfig.json index f0d983d0..299bbc7e 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -11,7 +11,7 @@ "paths": { "@/*": ["src/*"], "@@/*": ["src/.umi/*"], - "rc-cascader": ["src/index.ts"] + "@rc-component/cascader": ["src/index.ts"] } } }