Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat(resolvers/antdv.ts): customize prefix whatever you want #616

Merged
merged 5 commits into from
Aug 8, 2023
Merged

feat(resolvers/antdv.ts): customize prefix whatever you want #616

Changes from 4 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
7f72034
feat(core/resolvers/antdv.ts): add option.resolvePrefix to decide to …
yuzheng14 Jan 18, 2023
b8c5bc6
style(core/resolvers/antdv.ts): add comment
yuzheng14 Jan 18, 2023
a433870
feat(core/resolvers/antdv.ts): modify options.resolvePrefix to option…
yuzheng14 Jan 18, 2023
4678d95
Merge branch 'main' into feat/antdv-custom-prefix
nabaonan Jul 18, 2023
6fffaee
Merge branch 'main' into feat/antdv-custom-prefix
nabaonan Jul 28, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 13 additions & 7 deletions src/core/resolvers/antdv.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -208,6 +208,11 @@ export interface AntDesignVueResolverOptions {
* @default 'ant-design-vue'
*/
packageName?: string
/**
* customize prefix of component
* @default 'A'
*/
prefix?: string
}

function getStyleDir(compName: string): string {
Expand Down Expand Up @@ -247,12 +252,13 @@ function getSideEffects(compName: string, options: AntDesignVueResolverOptions):
}
}
const primitiveNames = ['Affix', 'Anchor', 'AnchorLink', 'AutoComplete', 'AutoCompleteOptGroup', 'AutoCompleteOption', 'Alert', 'Avatar', 'AvatarGroup', 'BackTop', 'Badge', 'BadgeRibbon', 'Breadcrumb', 'BreadcrumbItem', 'BreadcrumbSeparator', 'Button', 'ButtonGroup', 'Calendar', 'Card', 'CardGrid', 'CardMeta', 'Collapse', 'CollapsePanel', 'Carousel', 'Cascader', 'Checkbox', 'CheckboxGroup', 'Col', 'Comment', 'ConfigProvider', 'DatePicker', 'MonthPicker', 'WeekPicker', 'RangePicker', 'QuarterPicker', 'Descriptions', 'DescriptionsItem', 'Divider', 'Dropdown', 'DropdownButton', 'Drawer', 'Empty', 'Form', 'FormItem', 'FormItemRest', 'Grid', 'Input', 'InputGroup', 'InputPassword', 'InputSearch', 'Textarea', 'Image', 'ImagePreviewGroup', 'InputNumber', 'Layout', 'LayoutHeader', 'LayoutSider', 'LayoutFooter', 'LayoutContent', 'List', 'ListItem', 'ListItemMeta', 'Menu', 'MenuDivider', 'MenuItem', 'MenuItemGroup', 'SubMenu', 'Mentions', 'MentionsOption', 'Modal', 'Statistic', 'StatisticCountdown', 'PageHeader', 'Pagination', 'Popconfirm', 'Popover', 'Progress', 'Radio', 'RadioButton', 'RadioGroup', 'Rate', 'Result', 'Row', 'Select', 'SelectOptGroup', 'SelectOption', 'Skeleton', 'SkeletonButton', 'SkeletonAvatar', 'SkeletonInput', 'SkeletonImage', 'Slider', 'Space', 'Spin', 'Steps', 'Step', 'Switch', 'Table', 'TableColumn', 'TableColumnGroup', 'TableSummary', 'TableSummaryRow', 'TableSummaryCell', 'Transfer', 'Tree', 'TreeNode', 'DirectoryTree', 'TreeSelect', 'TreeSelectNode', 'Tabs', 'TabPane', 'Tag', 'CheckableTag', 'TimePicker', 'TimeRangePicker', 'Timeline', 'TimelineItem', 'Tooltip', 'Typography', 'TypographyLink', 'TypographyParagraph', 'TypographyText', 'TypographyTitle', 'Upload', 'UploadDragger', 'LocaleProvider', 'FloatButton', 'FloatButtonGroup', 'Qrcode', 'Watermark', 'Segmented', 'Tour']
const prefix = 'A'

let antdvNames: Set<string>

function genAntdNames(primitiveNames: string[]): void {
antdvNames = new Set(primitiveNames.map(name => `${prefix}${name}`))
// use primitiveNames to construct antdvNames,
// in order to make options.resolvePrefix compatible
antdvNames = new Set(primitiveNames)
}
genAntdNames(primitiveNames)

Expand All @@ -279,6 +285,7 @@ function getImportName(compName: string): string {
export function AntDesignVueResolver(options: AntDesignVueResolverOptions = {

}): ComponentResolver {
const originPrefix = options.prefix ?? 'A'
return {
type: 'component',
resolve: (name: string) => {
Expand All @@ -289,15 +296,14 @@ export function AntDesignVueResolver(options: AntDesignVueResolverOptions = {
}
}

if (isAntdv(name) && !options?.exclude?.includes(name)) {
const importName = name.slice(1)
// console.log('importName----', importName)
const [compName, prefix] = [name.slice(originPrefix.length), name.slice(0, originPrefix.length)]
if (prefix === originPrefix && isAntdv(compName) && !options?.exclude?.includes(compName)) {
const { cjs = false, packageName = 'ant-design-vue' } = options
const path = `${packageName}/${cjs ? 'lib' : 'es'}`
return {
name: getImportName(importName),
name: getImportName(compName),
from: path,
sideEffects: getSideEffects(importName, options),
sideEffects: getSideEffects(compName, options),
}
}
},
Expand Down