Skip to content

Commit 9b36122

Browse files
antfuantfu
committed
refactor: format code style for resolvers
1 parent 627e8af commit 9b36122

File tree

11 files changed

+177
-158
lines changed

11 files changed

+177
-158
lines changed

‎src/resolvers/element-plus.ts‎

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -17,13 +17,16 @@ export interface ElementPlusResolverOptions {
1717
* @author @develar
1818
* @link https://element-plus.org/#/en-US
1919
*/
20-
export const ElementPlusResolver = (options: ElementPlusResolverOptions = {}): ComponentResolver => (name: string) => {
21-
const { importStyle = true } = options
22-
if (name.startsWith('El')) {
23-
const partialName = name[2].toLowerCase() + name.substring(3).replace(/[A-Z]/g, l => `-${l.toLowerCase()}`)
24-
return {
25-
path: `element-plus/es/el-${partialName}`,
26-
sideEffects: importStyle ? `element-plus/packages/theme-chalk/src/${partialName}.scss` : undefined,
20+
export function ElementPlusResolver(options: ElementPlusResolverOptions = {}): ComponentResolver {
21+
return (name: string) => {
22+
const { importStyle = true } = options
23+
24+
if (name.startsWith('El')) {
25+
const partialName = name[2].toLowerCase() + name.substring(3).replace(/[A-Z]/g, l => `-${l.toLowerCase()}`)
26+
return {
27+
path: `element-plus/es/el-${partialName}`,
28+
sideEffects: importStyle ? `element-plus/packages/theme-chalk/src/${partialName}.scss` : undefined,
29+
}
2730
}
2831
}
2932
}

‎src/resolvers/element-ui.ts‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -42,8 +42,8 @@ function getSideEffects(
4242
* @version @element-ui ^2.15.3, @vue ^2.6.14
4343
* @author @nabaonan
4444
*/
45-
export const ElementUiResolver = (options: ElementUiResolverOptions = {}): ComponentResolver =>
46-
(name: string) => {
45+
export function ElementUiResolver(options: ElementUiResolverOptions = {}): ComponentResolver {
46+
return (name: string) => {
4747
if (name.startsWith('El')) {
4848
const compName = name.slice(2)
4949
const partialName = kebabCase(compName)
@@ -53,3 +53,4 @@ export const ElementUiResolver = (options: ElementUiResolverOptions = {}): Compo
5353
}
5454
}
5555
}
56+
}

‎src/resolvers/headless-ui.ts‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,9 @@ const components = [
4242
*
4343
* @link https://github.com/tailwindlabs/headlessui
4444
*/
45-
export const HeadlessUiResolver = (): ComponentResolver => (name: string) => {
46-
if (components.includes(name))
47-
return { importName: name, path: '@headlessui/vue' }
45+
export function HeadlessUiResolver(): ComponentResolver {
46+
return (name: string) => {
47+
if (components.includes(name))
48+
return { importName: name, path: '@headlessui/vue' }
49+
}
4850
}

‎src/resolvers/index.ts‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
export * from './antdv'
22
export * from './element-plus'
3+
export * from './element-ui'
34
export * from './headless-ui'
4-
export * from './vant'
5-
export * from './vuetify'
6-
export * from './vueuse'
75
export * from './naive-ui'
8-
export * from './varlet-ui'
9-
export * from './element-ui'
106
export * from './prime-vue'
7+
export * from './vant'
8+
export * from './varlet-ui'
119
export * from './view-ui'
10+
export * from './vuetify'
11+
export * from './vueuse'

‎src/resolvers/naive-ui.ts‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,9 @@ import { ComponentResolver } from '../types'
66
* @author @antfu
77
* @link https://www.naiveui.com/
88
*/
9-
export const NaiveUiResolver = (): ComponentResolver => (name: string) => {
10-
if (name.match(/^N[A-Z]/))
11-
return { importName: name, path: 'naive-ui' }
9+
export function NaiveUiResolver(): ComponentResolver {
10+
return (name: string) => {
11+
if (name.match(/^N[A-Z]/))
12+
return { importName: name, path: 'naive-ui' }
13+
}
1214
}

‎src/resolvers/prime-vue.ts‎

Lines changed: 99 additions & 97 deletions
Original file line numberDiff line numberDiff line change
@@ -1,91 +1,91 @@
1-
import { ComponentResolver } from "../types"
1+
import { ComponentResolver, SideEffectsInfo } from '../types'
22

33
const components = [
4-
"AutoComplete",
5-
"Calendar",
6-
"CascadeSelect",
7-
"Checkbox",
8-
"Chips",
9-
"ColorPicker",
10-
"Dropdown",
11-
"Editor",
12-
"InputMask",
13-
"InputNumber",
14-
"InputSwitch",
15-
"InputText",
16-
"Knob",
17-
"Listbox",
18-
"MultiSelect",
19-
"Password",
20-
"RadioButton",
21-
"Rating",
22-
"SelectButton",
23-
"Slider",
24-
"Textarea",
25-
"ToggleButton",
26-
"TreeSelect",
27-
"TriStateCheckbox",
28-
"Button",
29-
"SplitButton",
30-
"DataTable",
31-
"Column",
32-
"ColumnGroup",
33-
"DataView",
34-
"FullCalendar",
35-
"OrderList",
36-
"OrganizationChart",
37-
"Paginator",
38-
"PickList",
39-
"Timelist",
40-
"Tree",
41-
"TreeTable",
42-
"Accordion",
43-
"AccordionTab",
44-
"Card",
45-
"DeferredContent",
46-
"Divider",
47-
"Fieldset",
48-
"Panel",
49-
"Splitter",
50-
"SplitterPanel",
51-
"ScrollPanel",
52-
"TabView",
53-
"TabPanel",
54-
"Toolbar",
55-
"ConfirmDialog",
56-
"ConfirmPopup",
57-
"Dialog",
58-
"OverlayPanel",
59-
"Sidebar",
60-
"Tooltip",
61-
"FileUpload",
62-
"Breadcrumb",
63-
"ContextMenu",
64-
"MegaMenu",
65-
"Menu",
66-
"Menubar",
67-
"PanelMenu",
68-
"Steps",
69-
"TabMenu",
70-
"TieredMenu",
71-
"Chart",
72-
"Message",
73-
"Toast",
74-
"Carousel",
75-
"Galleria",
76-
"Avatar",
77-
"AvatarGroup",
78-
"Badge",
79-
"Chip",
80-
"BlockUI",
81-
"Inplace",
82-
"ScrollTop",
83-
"Skeleton",
84-
"ProgressBar",
85-
"ProgressSpiner",
86-
"Tag",
87-
"Terminal",
88-
"TerminalService",
4+
'AutoComplete',
5+
'Calendar',
6+
'CascadeSelect',
7+
'Checkbox',
8+
'Chips',
9+
'ColorPicker',
10+
'Dropdown',
11+
'Editor',
12+
'InputMask',
13+
'InputNumber',
14+
'InputSwitch',
15+
'InputText',
16+
'Knob',
17+
'Listbox',
18+
'MultiSelect',
19+
'Password',
20+
'RadioButton',
21+
'Rating',
22+
'SelectButton',
23+
'Slider',
24+
'Textarea',
25+
'ToggleButton',
26+
'TreeSelect',
27+
'TriStateCheckbox',
28+
'Button',
29+
'SplitButton',
30+
'DataTable',
31+
'Column',
32+
'ColumnGroup',
33+
'DataView',
34+
'FullCalendar',
35+
'OrderList',
36+
'OrganizationChart',
37+
'Paginator',
38+
'PickList',
39+
'Timelist',
40+
'Tree',
41+
'TreeTable',
42+
'Accordion',
43+
'AccordionTab',
44+
'Card',
45+
'DeferredContent',
46+
'Divider',
47+
'Fieldset',
48+
'Panel',
49+
'Splitter',
50+
'SplitterPanel',
51+
'ScrollPanel',
52+
'TabView',
53+
'TabPanel',
54+
'Toolbar',
55+
'ConfirmDialog',
56+
'ConfirmPopup',
57+
'Dialog',
58+
'OverlayPanel',
59+
'Sidebar',
60+
'Tooltip',
61+
'FileUpload',
62+
'Breadcrumb',
63+
'ContextMenu',
64+
'MegaMenu',
65+
'Menu',
66+
'Menubar',
67+
'PanelMenu',
68+
'Steps',
69+
'TabMenu',
70+
'TieredMenu',
71+
'Chart',
72+
'Message',
73+
'Toast',
74+
'Carousel',
75+
'Galleria',
76+
'Avatar',
77+
'AvatarGroup',
78+
'Badge',
79+
'Chip',
80+
'BlockUI',
81+
'Inplace',
82+
'ScrollTop',
83+
'Skeleton',
84+
'ProgressBar',
85+
'ProgressSpiner',
86+
'Tag',
87+
'Terminal',
88+
'TerminalService',
8989
]
9090

9191
export interface PrimeVueResolverOptions {
@@ -116,25 +116,27 @@ export interface PrimeVueResolverOptions {
116116
*
117117
* @link https://github.com/primefaces/primevue
118118
*/
119-
export const PrimeVueResolver =
120-
(options: PrimeVueResolverOptions = {}): ComponentResolver =>
121-
(name: string) => {
122-
const sideEffects = []
123-
if (options.importStyle) {
124-
sideEffects.push("primevue/resources/primevue.min.css")
125-
}
126-
if (options.importIcons) {
127-
sideEffects.push("primeicons/primeicons.css")
128-
}
119+
export function PrimeVueResolver(options: PrimeVueResolverOptions = {}): ComponentResolver {
120+
return (name: string) => {
121+
const sideEffects: SideEffectsInfo = []
122+
123+
if (options.importStyle)
124+
sideEffects.push('primevue/resources/primevue.min.css')
125+
126+
if (options.importIcons)
127+
sideEffects.push('primeicons/primeicons.css')
128+
129129
if (options.importTheme) {
130130
sideEffects.push(
131-
`primevue/resources/themes/${options.importTheme}/theme.css`
131+
`primevue/resources/themes/${options.importTheme}/theme.css`,
132132
)
133133
}
134+
134135
if (components.includes(name)) {
135136
return {
136137
path: `primevue/${name}/${name}.vue`,
137138
sideEffects,
138139
}
139140
}
140141
}
142+
}

‎src/resolvers/vant.ts‎

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -15,14 +15,17 @@ export interface VantResolverOptions {
1515
*
1616
* @link https://github.com/youzan/vant
1717
*/
18-
export const VantResolver = (options: VantResolverOptions = {}): ComponentResolver => (name: string) => {
19-
const { importStyle = true } = options
20-
if (name.startsWith('Van')) {
21-
const partialName = name.slice(3)
22-
return {
23-
importName: partialName,
24-
path: 'vant/es',
25-
sideEffects: importStyle ? `vant/es/${kebabCase(partialName)}/style` : undefined,
18+
export function VantResolver(options: VantResolverOptions = {}): ComponentResolver {
19+
return (name: string) => {
20+
const { importStyle = true } = options
21+
22+
if (name.startsWith('Van')) {
23+
const partialName = name.slice(3)
24+
return {
25+
importName: partialName,
26+
path: 'vant/es',
27+
sideEffects: importStyle ? `vant/es/${kebabCase(partialName)}/style` : undefined,
28+
}
2629
}
2730
}
2831
}

‎src/resolvers/view-ui.ts‎

Lines changed: 16 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,16 @@
11
import { ComponentResolver } from '../types'
22
import { kebabCase } from '../utils'
33

4-
const getSideEffects: (
5-
compName: string,
6-
) => string[] = (compName) => {
4+
function getSideEffects(componentName: string) {
75
const sideEffects = [
86
'view-design/dist/styles/iview.css',
97
'popper.js/dist/umd/popper.js',
108
]
119

12-
if (/^Table/.test(compName))
10+
if (/^Table/.test(componentName))
1311
sideEffects.push('element-resize-detector')
1412

15-
if (/^Date/.test(compName))
13+
if (/^Date/.test(componentName))
1614
sideEffects.push('js-calendar')
1715

1816
return sideEffects
@@ -25,8 +23,8 @@ const matchComponents = [
2523
},
2624
]
2725

28-
const getCompDir = (compName: string): string => {
29-
let compPath: string|undefined
26+
function getCompDir(compName: string): string {
27+
let compPath: string | undefined
3028

3129
const total = matchComponents.length
3230
for (let i = 0; i < total; i++) {
@@ -36,7 +34,9 @@ const getCompDir = (compName: string): string => {
3634
break
3735
}
3836
}
39-
if (!compPath) compPath = kebabCase(compName)
37+
if (!compPath)
38+
compPath = kebabCase(compName)
39+
4040
return compPath
4141
}
4242

@@ -49,12 +49,14 @@ const getCompDir = (compName: string): string => {
4949
* - select component render error PR: https://github.com/view-design/ViewUI/pull/944, choose can't display value,because click option trigger twice,at second time,select value turn into undefined.
5050
* - scroll component has a template syntax called lang='html',it is require html-loader,but vite plugin not support yet,remove it can run.
5151
*/
52-
export const ViewUiResolver = (): ComponentResolver => (name: string) => {
53-
if (name.match(/^I[A-Z]/)) {
54-
const compName = name.slice(1)
55-
return {
56-
path: `view-design/src/components/${getCompDir(compName)}`,
57-
sideEffects: getSideEffects(compName),
52+
export function ViewUiResolver(): ComponentResolver {
53+
return (name: string) => {
54+
if (name.match(/^I[A-Z]/)) {
55+
const compName = name.slice(1)
56+
return {
57+
path: `view-design/src/components/${getCompDir(compName)}`,
58+
sideEffects: getSideEffects(compName),
59+
}
5860
}
5961
}
6062
}

0 commit comments

Comments
 (0)