feat(icon): icon name extendable type

packages/ui/src/components/va-icon/VaIcon.vue

@@ -19,6 +19,8 @@
 <script lang="ts" setup>
 import { PropType, computed, useAttrs } from 'vue'
 import omit from 'lodash/omit.js'
+import { AnyStringPropType } from '../../utils/types/prop-type'
+import { VaIconName } from './types'
 
 import {
   useComponentPresetProp,
@@ -34,7 +36,7 @@ defineOptions({
 const props = defineProps({
   ...useSizeProps,
   ...useComponentPresetProp,
-  name: { type: String, default: '' },
+  name: { type: String as AnyStringPropType<VaIconName>, default: '' },
   tag: { type: String },
   component: { type: Object as PropType<any> },
   color: { type: String },

packages/ui/src/components/va-icon/index.ts

@@ -2,3 +2,5 @@ import withConfigTransport from '../../services/config-transport/withConfigTrans
 import _VaIcon from './VaIcon.vue'
 
 export const VaIcon = withConfigTransport(_VaIcon)
+
+export * from './types'

packages/ui/src/components/va-icon/types.ts

@@ -0,0 +1,6 @@
+import type { VuesticIconAliases } from './../../services/icon/presets/vuestic-aliases'
+import type { ExtractIconAliasesName } from '../../services/icon/types/define-aliases'
+
+type DefaultIconAliases = ExtractIconAliasesName<typeof VuesticIconAliases>
+
+export type VaIconName = DefaultIconAliases

packages/ui/src/services/icon/presets/vuestic-aliases.ts

@@ -1,6 +1,6 @@
-import { IconConfiguration } from '../types'
+import { defineIconAliases } from '../types/define-aliases'
 
-export const VuesticIconAliases: IconConfiguration[] = [
+export const VuesticIconAliases = defineIconAliases([
   {
     name: 'va-arrow-first',
     to: 'mi-first_page',
@@ -59,11 +59,10 @@ export const VuesticIconAliases: IconConfiguration[] = [
   },
   {
     name: 'va-plus',
-    to: 'add',
+    to: 'mi-add',
   },
   {
     name: 'va-minus',
-    to: 'remove',
+    to: 'mi-remove',
   },
-
-]
+])

packages/ui/src/services/icon/types.ts

@@ -14,8 +14,8 @@ export interface IconProps {
   to?: string
 }
 
-export interface IconConfigurationString extends IconProps {
-  name: string
+export interface IconConfigurationString<Name extends string = string> extends IconProps {
+  name: Name
   resolve?: ((dynamicSegments: {[dynamicSegment: string]: string }) => IconProps)
 }
 
@@ -25,7 +25,7 @@ export interface IconConfigurationRegex extends IconProps {
   resolveFromRegex?: ((...regexGroupValues: string[]) => IconProps)
 }
 
-export type IconConfiguration = IconConfigurationString | IconConfigurationRegex
+export type IconConfiguration<Name extends string = string> = IconConfigurationString<Name> | IconConfigurationRegex
 
 export type IconConfig = IconConfiguration[]
 

packages/ui/src/services/icon/types/define-aliases.ts

@@ -0,0 +1,9 @@
+import { IconConfiguration } from '../types'
+
+export const defineIconAliases = <Name extends string>(aliases: IconConfiguration<Name>[]) => aliases
+
+export type ExtractIconAliasesName<T> = T extends IconConfiguration<infer Name>
+  ? Name
+  : T extends IconConfiguration<infer Name>[] ?
+    Name
+    : never