300 lines
4.9 KiB
JavaScript
300 lines
4.9 KiB
JavaScript
|
/**
|
|||
|
* Copyright [2022] [https://www.xiaonuo.vip]
|
|||
|
* Snowy采用APACHE LICENSE 2.0开源协议,您在使用过程中,需要注意以下几点:
|
|||
|
* 1.请不要删除和修改根目录下的LICENSE文件。
|
|||
|
* 2.请不要删除和修改Snowy源码头部的版权声明。
|
|||
|
* 3.本项目代码可免费商业使用,商业使用请保留源码和相关描述文件的项目出处,作者声明等。
|
|||
|
* 4.分发源码时候,请注明软件出处 https://www.xiaonuo.vip
|
|||
|
* 5.不可二次分发开源参与同类竞品,如有想法可联系团队xiaonuobase@qq.com商议合作。
|
|||
|
* 6.若您的项目无法满足以上几点,需要更多功能代码,获取Snowy商业授权许可,请在官网购买授权,地址为 https://www.xiaonuo.vip
|
|||
|
*/
|
|||
|
function kebabCase(value) {
|
|||
|
return value
|
|||
|
.replace(/([A-Z])/g, ' $1')
|
|||
|
.trim()
|
|||
|
.split(' ')
|
|||
|
.join('-')
|
|||
|
.toLowerCase()
|
|||
|
}
|
|||
|
const antComponents = [
|
|||
|
'Affix',
|
|||
|
'Alert',
|
|||
|
'Anchor',
|
|||
|
'AnchorLink',
|
|||
|
'AutoComplete',
|
|||
|
'AutoCompleteOptGroup',
|
|||
|
'AutoCompleteOption',
|
|||
|
'Avatar',
|
|||
|
'AvatarGroup',
|
|||
|
'BackTop',
|
|||
|
'Badge',
|
|||
|
'BadgeRibbon',
|
|||
|
'Breadcrumb',
|
|||
|
'BreadcrumbItem',
|
|||
|
'BreadcrumbSeparator',
|
|||
|
'Button',
|
|||
|
'ButtonGroup',
|
|||
|
'Calendar',
|
|||
|
'Card',
|
|||
|
'CardGrid',
|
|||
|
'CardMeta',
|
|||
|
'Carousel',
|
|||
|
'Cascader',
|
|||
|
'CheckableTag',
|
|||
|
'Checkbox',
|
|||
|
'CheckboxGroup',
|
|||
|
'Col',
|
|||
|
'Collapse',
|
|||
|
'CollapsePanel',
|
|||
|
'Comment',
|
|||
|
'ConfigProvider',
|
|||
|
'DatePicker',
|
|||
|
'Descriptions',
|
|||
|
'DescriptionsItem',
|
|||
|
'DirectoryTree',
|
|||
|
'Divider',
|
|||
|
'Drawer',
|
|||
|
'Dropdown',
|
|||
|
'DropdownButton',
|
|||
|
'Empty',
|
|||
|
'Form',
|
|||
|
'FormItem',
|
|||
|
'FormItemRest',
|
|||
|
'Image',
|
|||
|
'ImagePreviewGroup',
|
|||
|
'Input',
|
|||
|
'InputGroup',
|
|||
|
'InputNumber',
|
|||
|
'InputPassword',
|
|||
|
'InputSearch',
|
|||
|
'Layout',
|
|||
|
'LayoutContent',
|
|||
|
'LayoutFooter',
|
|||
|
'LayoutHeader',
|
|||
|
'LayoutSider',
|
|||
|
'List',
|
|||
|
'ListItem',
|
|||
|
'ListItemMeta',
|
|||
|
'LocaleProvider',
|
|||
|
'Mentions',
|
|||
|
'MentionsOption',
|
|||
|
'Menu',
|
|||
|
'MenuDivider',
|
|||
|
'MenuItem',
|
|||
|
'MenuItemGroup',
|
|||
|
'Modal',
|
|||
|
'MonthPicker',
|
|||
|
'PageHeader',
|
|||
|
'Pagination',
|
|||
|
'Popconfirm',
|
|||
|
'Popover',
|
|||
|
'Progress',
|
|||
|
'QuarterPicker',
|
|||
|
'Radio',
|
|||
|
'RadioButton',
|
|||
|
'RadioGroup',
|
|||
|
'RangePicker',
|
|||
|
'Rate',
|
|||
|
'Result',
|
|||
|
'Row',
|
|||
|
'Select',
|
|||
|
'SelectOptGroup',
|
|||
|
'SelectOption',
|
|||
|
'Skeleton',
|
|||
|
'SkeletonAvatar',
|
|||
|
'SkeletonButton',
|
|||
|
'SkeletonImage',
|
|||
|
'SkeletonInput',
|
|||
|
'Slider',
|
|||
|
'Space',
|
|||
|
'Spin',
|
|||
|
'Statistic',
|
|||
|
'StatisticCountdown',
|
|||
|
'Step',
|
|||
|
'Steps',
|
|||
|
'SubMenu',
|
|||
|
'Switch',
|
|||
|
'TabPane',
|
|||
|
'Table',
|
|||
|
'TableColumn',
|
|||
|
'TableColumnGroup',
|
|||
|
'TableSummary',
|
|||
|
'TableSummaryCell',
|
|||
|
'TableSummaryRow',
|
|||
|
'Tabs',
|
|||
|
'Tag',
|
|||
|
'Textarea',
|
|||
|
'TimePicker',
|
|||
|
'TimeRangePicker',
|
|||
|
'Timeline',
|
|||
|
'TimelineItem',
|
|||
|
'Tooltip',
|
|||
|
'Transfer',
|
|||
|
'Tree',
|
|||
|
'TreeNode',
|
|||
|
'TreeSelect',
|
|||
|
'TreeSelectNode',
|
|||
|
'Typography',
|
|||
|
'TypographyLink',
|
|||
|
'TypographyParagraph',
|
|||
|
'TypographyText',
|
|||
|
'TypographyTitle',
|
|||
|
'Upload',
|
|||
|
'UploadDragger',
|
|||
|
'WeekPicker'
|
|||
|
]
|
|||
|
const matchComponents = [
|
|||
|
{
|
|||
|
pattern: /^Avatar/,
|
|||
|
styleDir: 'avatar'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^AutoComplete/,
|
|||
|
styleDir: 'auto-complete'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Anchor/,
|
|||
|
styleDir: 'anchor'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Badge/,
|
|||
|
styleDir: 'badge'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Breadcrumb/,
|
|||
|
styleDir: 'breadcrumb'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Button/,
|
|||
|
styleDir: 'button'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Checkbox/,
|
|||
|
styleDir: 'checkbox'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Card/,
|
|||
|
styleDir: 'card'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Collapse/,
|
|||
|
styleDir: 'collapse'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Descriptions/,
|
|||
|
styleDir: 'descriptions'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^RangePicker|^WeekPicker|^MonthPicker|^QuarterPicker/,
|
|||
|
styleDir: 'date-picker'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^TimeRangePicker/,
|
|||
|
styleDir: 'time-picker'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Dropdown/,
|
|||
|
styleDir: 'dropdown'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Form/,
|
|||
|
styleDir: 'form'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^InputNumber/,
|
|||
|
styleDir: 'input-number'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Input|^Textarea/,
|
|||
|
styleDir: 'input'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Statistic/,
|
|||
|
styleDir: 'statistic'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^CheckableTag/,
|
|||
|
styleDir: 'tag'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Layout/,
|
|||
|
styleDir: 'layout'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Menu|^SubMenu/,
|
|||
|
styleDir: 'menu'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Table/,
|
|||
|
styleDir: 'table'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Radio/,
|
|||
|
styleDir: 'radio'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Image/,
|
|||
|
styleDir: 'image'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^List/,
|
|||
|
styleDir: 'list'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Tab/,
|
|||
|
styleDir: 'tabs'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Mentions/,
|
|||
|
styleDir: 'mentions'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Step/,
|
|||
|
styleDir: 'steps'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Skeleton/,
|
|||
|
styleDir: 'skeleton'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Select/,
|
|||
|
styleDir: 'select'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^TreeSelect/,
|
|||
|
styleDir: 'tree-select'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Tree|^DirectoryTree/,
|
|||
|
styleDir: 'tree'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Typography/,
|
|||
|
styleDir: 'typography'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Timeline/,
|
|||
|
styleDir: 'timeline'
|
|||
|
},
|
|||
|
{
|
|||
|
pattern: /^Upload/,
|
|||
|
styleDir: 'upload'
|
|||
|
}
|
|||
|
]
|
|||
|
const antStyleDeps = Array.from(
|
|||
|
new Set(
|
|||
|
antComponents.map((name) => {
|
|||
|
for (let i = 0; i < matchComponents.length; i++) {
|
|||
|
if (name.match(matchComponents[i].pattern)) {
|
|||
|
return matchComponents[i].styleDir
|
|||
|
}
|
|||
|
}
|
|||
|
return kebabCase(name)
|
|||
|
})
|
|||
|
)
|
|||
|
).map((name) => {
|
|||
|
return `ant-design-vue/es/${name}/style`
|
|||
|
})
|
|||
|
|
|||
|
export default antStyleDeps
|