refactor(project): simplified part of the package, code optimization

packages/business/layouts/src/widgets/preferences/blocks/general/general.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { SelectListItem } from '@vben/types';
+import type { SelectOption } from '@vben-core/typings';
 
 import { $t } from '@vben-core/locales';
 import { SUPPORT_LANGUAGES } from '@vben-core/preferences';
@@ -14,7 +14,7 @@ defineOptions({
 const appLocale = defineModel<string>('appLocale');
 const appDynamicTitle = defineModel<boolean>('appDynamicTitle');
 
-const localeItems: SelectListItem[] = SUPPORT_LANGUAGES.map((item) => ({
+const localeItems: SelectOption[] = SUPPORT_LANGUAGES.map((item) => ({
   label: item.text,
   value: item.key,
 }));

packages/business/layouts/src/widgets/preferences/blocks/input-item.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { SelectListItem } from '@vben/types';
+import type { SelectOption } from '@vben-core/typings';
 
 import { useSlots } from 'vue';
 
@@ -13,7 +13,7 @@ defineOptions({
 withDefaults(
   defineProps<{
     disabled?: boolean;
-    items?: SelectListItem[];
+    items?: SelectOption[];
     placeholder?: string;
   }>(),
   {

packages/business/layouts/src/widgets/preferences/blocks/layout/breadcrumb.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { SelectListItem } from '@vben/types';
+import type { SelectOption } from '@vben-core/typings';
 
 import { computed } from 'vue';
 
@@ -20,7 +20,7 @@ const breadcrumbStyleType = defineModel<string>('breadcrumbStyleType');
 const breadcrumbShowHome = defineModel<boolean>('breadcrumbShowHome');
 const breadcrumbHideOnlyOne = defineModel<boolean>('breadcrumbHideOnlyOne');
 
-const typeItems: SelectListItem[] = [
+const typeItems: SelectOption[] = [
   { label: $t('preferences.normal'), value: 'normal' },
   { label: $t('preferences.breadcrumb.background'), value: 'background' },
 ];

packages/business/layouts/src/widgets/preferences/blocks/layout/header.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { LayoutHeaderModeType, SelectListItem } from '@vben/types';
+import type { LayoutHeaderModeType, SelectOption } from '@vben-core/typings';
 
 import { $t } from '@vben-core/locales';
 
@@ -15,7 +15,7 @@ defineProps<{ disabled: boolean }>();
 const headerEnable = defineModel<boolean>('headerEnable');
 const headerMode = defineModel<LayoutHeaderModeType>('headerMode');
 
-const localeItems: SelectListItem[] = [
+const localeItems: SelectOption[] = [
   {
     label: $t('preferences.header.modeStatic'),
     value: 'static',

packages/business/layouts/src/widgets/preferences/blocks/layout/layout.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { LayoutType } from '@vben/types';
+import type { LayoutType } from '@vben-core/typings';
 
 import { type Component, computed } from 'vue';
 

packages/business/layouts/src/widgets/preferences/blocks/layout/navigation.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { SelectListItem } from '@vben/types';
+import type { SelectOption } from '@vben-core/typings';
 
 import { $t } from '@vben-core/locales';
 
@@ -16,7 +16,7 @@ const navigationStyleType = defineModel<string>('navigationStyleType');
 const navigationSplit = defineModel<boolean>('navigationSplit');
 const navigationAccordion = defineModel<boolean>('navigationAccordion');
 
-const stylesItems: SelectListItem[] = [
+const stylesItems: SelectOption[] = [
   { label: $t('preferences.rounded'), value: 'rounded' },
   { label: $t('preferences.plain'), value: 'plain' },
 ];

packages/business/layouts/src/widgets/preferences/blocks/number-field-item.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { SelectListItem } from '@vben/types';
+import type { SelectOption } from '@vben-core/typings';
 
 import { useSlots } from 'vue';
 
@@ -20,7 +20,7 @@ defineOptions({
 withDefaults(
   defineProps<{
     disabled?: boolean;
-    items?: SelectListItem[];
+    items?: SelectOption[];
     placeholder?: string;
   }>(),
   {

packages/business/layouts/src/widgets/preferences/blocks/select-item.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { SelectListItem } from '@vben/types';
+import type { SelectOption } from '@vben-core/typings';
 
 import { useSlots } from 'vue';
 
@@ -20,7 +20,7 @@ defineOptions({
 withDefaults(
   defineProps<{
     disabled?: boolean;
-    items?: SelectListItem[];
+    items?: SelectOption[];
     placeholder?: string;
   }>(),
   {

packages/business/layouts/src/widgets/preferences/blocks/theme/builtin.vue

@@ -1,15 +1,15 @@
 <script setup lang="ts">
-import type { BuiltinThemeType } from '@vben/types';
+import type { BuiltinThemeType } from '@vben-core/typings';
 
 import { computed, ref } from 'vue';
 
-import { TinyColor, convertToHsl } from '@vben-core/colorful';
 import { MdiEditBoxOutline } from '@vben-core/iconify';
 import { $t } from '@vben-core/locales';
 import {
   BUILT_IN_THEME_PRESETS,
   type BuiltinThemePreset,
 } from '@vben-core/preferences';
+import { TinyColor, convertToHsl } from '@vben-core/toolkit';
 
 defineOptions({
   name: 'PreferenceBuiltinTheme',

packages/business/layouts/src/widgets/preferences/blocks/theme/theme.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ThemeModeType } from '@vben-core/preferences';
+import type { ThemeModeType } from '@vben-core/typings';
 
 import type { Component } from 'vue';
 

packages/business/layouts/src/widgets/preferences/blocks/toggle-item.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { SelectListItem } from '@vben/types';
+import type { SelectOption } from '@vben-core/typings';
 
 import { ToggleGroup, ToggleGroupItem } from '@vben-core/shadcn-ui';
 
@@ -7,7 +7,7 @@ defineOptions({
   name: 'PreferenceToggleItem',
 });
 
-withDefaults(defineProps<{ disabled?: boolean; items: SelectListItem[] }>(), {
+withDefaults(defineProps<{ disabled?: boolean; items: SelectOption[] }>(), {
   disabled: false,
   items: () => [],
 });