refactor(project): re-adjust the overall folder

packages/effects/layouts/src/widgets/breadcrumb.vue

@@ -1,11 +1,11 @@
 <script lang="ts" setup>
+import type { BreadcrumbStyleType } from '@vben/types';
 import type { IBreadcrumb } from '@vben-core/shadcn-ui';
-import type { BreadcrumbStyleType } from '@vben-core/typings';
 
 import { computed } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 
-import { $t } from '@vben-core/locales';
+import { $t } from '@vben/locales';
 import { VbenBackgroundBreadcrumb, VbenBreadcrumb } from '@vben-core/shadcn-ui';
 
 interface Props {

packages/effects/layouts/src/widgets/color-toggle.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import type { BuiltinThemeType } from '@vben-core/typings';
+import type { BuiltinThemeType } from '@vben/types';
 
-import { Palette } from '@vben-core/icons';
+import { Palette } from '@vben/icons';
 import {
   COLOR_PRESETS,
   preferences,
   updatePreferences,
-} from '@vben-core/preferences';
+} from '@vben/preferences';
 import { VbenIconButton } from '@vben-core/shadcn-ui';
 
 defineOptions({

packages/effects/layouts/src/widgets/global-search/global-search.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { MenuRecordRaw } from '@vben-core/typings';
+import type { MenuRecordRaw } from '@vben/types';
 
 import { onMounted, onUnmounted, ref, watch } from 'vue';
 
@@ -9,8 +9,9 @@ import {
   CornerDownLeft,
   MdiKeyboardEsc,
   Search,
-} from '@vben-core/icons';
-import { $t } from '@vben-core/locales';
+} from '@vben/icons';
+import { $t } from '@vben/locales';
+import { isWindowsOs } from '@vben/utils';
 import {
   Dialog,
   DialogContent,
@@ -20,7 +21,6 @@ import {
   DialogTitle,
   DialogTrigger,
 } from '@vben-core/shadcn-ui';
-import { isWindowsOs } from '@vben-core/toolkit';
 
 import { useMagicKeys, useToggle, whenever } from '@vueuse/core';
 

packages/effects/layouts/src/widgets/global-search/search-panel.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { MenuRecordRaw } from '@vben-core/typings';
+import type { MenuRecordRaw } from '@vben/types';
 
 import { nextTick, onMounted, ref, shallowRef, watch } from 'vue';
 import { useRouter } from 'vue-router';
 
-import { SearchX, X } from '@vben-core/icons';
-import { $t } from '@vben-core/locales';
+import { SearchX, X } from '@vben/icons';
+import { $t } from '@vben/locales';
+import { mapTree, traverseTreeValues, uniqueByField } from '@vben/utils';
 import { VbenIcon, VbenScrollbar } from '@vben-core/shadcn-ui';
-import { mapTree, traverseTreeValues, uniqueByField } from '@vben-core/toolkit';
 
 import { onKeyStroke, useLocalStorage, useThrottleFn } from '@vueuse/core';
 

packages/effects/layouts/src/widgets/language-toggle.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import type { SupportedLanguagesType } from '@vben-core/typings';
+import type { SupportedLanguagesType } from '@vben/types';
 
-import { Languages } from '@vben-core/icons';
-import { loadLocaleMessages } from '@vben-core/locales';
+import { Languages } from '@vben/icons';
+import { loadLocaleMessages } from '@vben/locales';
 import {
-  SUPPORT_LANGUAGES,
   preferences,
+  SUPPORT_LANGUAGES,
   updatePreferences,
-} from '@vben-core/preferences';
+} from '@vben/preferences';
 import { VbenDropdownRadioMenu, VbenIconButton } from '@vben-core/shadcn-ui';
 
 defineOptions({

packages/effects/layouts/src/widgets/layout-toggle.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
+import type { AuthPageLayoutType } from '@vben/types';
 import type { VbenDropdownMenuItem } from '@vben-core/shadcn-ui';
-import type { AuthPageLayoutType } from '@vben-core/typings';
 
 import { computed } from 'vue';
 
-import { InspectionPanel, PanelLeft, PanelRight } from '@vben-core/icons';
-import { $t } from '@vben-core/locales';
+import { InspectionPanel, PanelLeft, PanelRight } from '@vben/icons';
+import { $t } from '@vben/locales';
 import {
   preferences,
   updatePreferences,
   usePreferences,
-} from '@vben-core/preferences';
+} from '@vben/preferences';
 import { VbenDropdownRadioMenu, VbenIconButton } from '@vben-core/shadcn-ui';
 
 defineOptions({

packages/effects/layouts/src/widgets/lock-screen/lock-screen.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import { computed, reactive, ref, watchEffect } from 'vue';
 
-import { LockKeyhole } from '@vben-core/icons';
-import { $t, useI18n } from '@vben-core/locales';
+import { LockKeyhole } from '@vben/icons';
+import { $t, useI18n } from '@vben/locales';
+import { storeToRefs, useCoreLockStore } from '@vben/stores';
 import {
   VbenAvatar,
   VbenButton,
@@ -13,21 +14,20 @@ import { useDateFormat, useNow } from '@vueuse/core';
 
 interface Props {
   avatar?: string;
-  cachedPassword?: string;
 }
 
 defineOptions({
   name: 'LockScreen',
 });
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   avatar: '',
-  cachedPassword: undefined,
 });
 
-const emit = defineEmits<{ toLogin: []; unlock: [string] }>();
+defineEmits<{ toLogin: [] }>();
 
 const { locale } = useI18n();
+const coreLockStore = useCoreLockStore();
 
 const now = useNow();
 const meridiem = useDateFormat(now, 'A');
@@ -37,6 +37,7 @@ const date = useDateFormat(now, 'YYYY-MM-DD dddd', { locales: locale.value });
 
 const showUnlockForm = ref(false);
 const validPass = ref(true);
+const { lockScreenPassword } = storeToRefs(coreLockStore);
 
 const formState = reactive({
   password: '',
@@ -56,7 +57,7 @@ const passwordStatus = computed(() => {
 });
 
 const errorTip = computed(() => {
-  return props.cachedPassword === undefined || !formState.password
+  return lockScreenPassword?.value === undefined || !formState.password
     ? $t('widgets.lockScreen.placeholder')
     : $t('widgets.lockScreen.errorPasswordTip');
 });
@@ -72,11 +73,11 @@ function handleSubmit() {
   if (passwordStatus.value !== 'default') {
     return;
   }
-  if (props.cachedPassword !== formState.password) {
+  if (lockScreenPassword?.value !== formState.password) {
     validPass.value = false;
     return;
   }
-  emit('unlock', formState.password);
+  coreLockStore.unlockScreen();
 }
 
 function toggleUnlockForm() {

packages/effects/layouts/src/widgets/notification/notification.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
 import type { NotificationItem } from './types';
 
-import { Bell, MailCheck } from '@vben-core/icons';
-import { $t } from '@vben-core/locales';
+import { Bell, MailCheck } from '@vben/icons';
+import { $t } from '@vben/locales';
 import {
   VbenButton,
   VbenIconButton,

packages/effects/layouts/src/widgets/preferences/blocks/general/animation.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { $t } from '@vben-core/locales';
+import { $t } from '@vben/locales';
 
 import SwitchItem from '../switch-item.vue';
 

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

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { SelectOption } from '@vben-core/typings';
+import type { SelectOption } from '@vben/types';
 
-import { $t } from '@vben-core/locales';
-import { SUPPORT_LANGUAGES } from '@vben-core/preferences';
+import { $t } from '@vben/locales';
+import { SUPPORT_LANGUAGES } from '@vben/preferences';
 
 import SelectItem from '../select-item.vue';
 import SwitchItem from '../switch-item.vue';

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

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { SelectOption } from '@vben-core/typings';
+import type { SelectOption } from '@vben/types';
 
 import { useSlots } from 'vue';
 
-import { CircleHelp } from '@vben-core/icons';
+import { CircleHelp } from '@vben/icons';
 import { Input, VbenTooltip } from '@vben-core/shadcn-ui';
 
 defineOptions({

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

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { SelectOption } from '@vben-core/typings';
+import type { SelectOption } from '@vben/types';
 
 import { computed } from 'vue';
 
-import { $t } from '@vben-core/locales';
+import { $t } from '@vben/locales';
 
 import SwitchItem from '../switch-item.vue';
 import ToggleItem from '../toggle-item.vue';

packages/effects/layouts/src/widgets/preferences/blocks/layout/content.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { type Component, computed } from 'vue';
 
-import { $t } from '@vben-core/locales';
+import { $t } from '@vben/locales';
 
 import { ContentCompact, ContentWide } from '../../icons';
 

packages/effects/layouts/src/widgets/preferences/blocks/layout/copyright.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { $t } from '@vben-core/locales';
+import { $t } from '@vben/locales';
 
 import InputItem from '../input-item.vue';
 import SwitchItem from '../switch-item.vue';

packages/effects/layouts/src/widgets/preferences/blocks/layout/footer.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { $t } from '@vben-core/locales';
+import { $t } from '@vben/locales';
 
 import SwitchItem from '../switch-item.vue';
 

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { LayoutHeaderModeType, SelectOption } from '@vben-core/typings';
+import type { LayoutHeaderModeType, SelectOption } from '@vben/types';
 
-import { $t } from '@vben-core/locales';
+import { $t } from '@vben/locales';
 
 import SelectItem from '../select-item.vue';
 import SwitchItem from '../switch-item.vue';

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

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { LayoutType } from '@vben-core/typings';
+import type { LayoutType } from '@vben/types';
 
 import { type Component, computed } from 'vue';
 
-import { CircleHelp } from '@vben-core/icons';
-import { $t } from '@vben-core/locales';
+import { CircleHelp } from '@vben/icons';
+import { $t } from '@vben/locales';
 import { VbenTooltip } from '@vben-core/shadcn-ui';
 
 import {

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { SelectOption } from '@vben-core/typings';
+import type { SelectOption } from '@vben/types';
 
-import { $t } from '@vben-core/locales';
+import { $t } from '@vben/locales';
 
 import SwitchItem from '../switch-item.vue';
 import ToggleItem from '../toggle-item.vue';

packages/effects/layouts/src/widgets/preferences/blocks/layout/sidebar.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { $t } from '@vben-core/locales';
+import { $t } from '@vben/locales';
 
 import NumberFieldItem from '../number-field-item.vue';
 import SwitchItem from '../switch-item.vue';

packages/effects/layouts/src/widgets/preferences/blocks/layout/tabbar.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { $t } from '@vben-core/locales';
-import { SelectOption } from '@vben-core/typings';
+import { $t } from '@vben/locales';
+import { SelectOption } from '@vben/types';
 
 import SelectItem from '../select-item.vue';
 import SwitchItem from '../switch-item.vue';

packages/effects/layouts/src/widgets/preferences/blocks/layout/widget.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { $t } from '@vben-core/locales';
+import { $t } from '@vben/locales';
 
 import SwitchItem from '../switch-item.vue';
 

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

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { SelectOption } from '@vben-core/typings';
+import type { SelectOption } from '@vben/types';
 
 import { useSlots } from 'vue';
 
-import { CircleHelp } from '@vben-core/icons';
+import { CircleHelp } from '@vben/icons';
 import {
   NumberField,
   NumberFieldContent,

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

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { SelectOption } from '@vben-core/typings';
+import type { SelectOption } from '@vben/types';
 
 import { useSlots } from 'vue';
 
-import { CircleHelp } from '@vben-core/icons';
+import { CircleHelp } from '@vben/icons';
 import {
   Select,
   SelectContent,

packages/effects/layouts/src/widgets/preferences/blocks/shortcut-keys/global.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
-import { $t } from '@vben-core/locales';
-import { isWindowsOs } from '@vben-core/toolkit';
+import { $t } from '@vben/locales';
+import { isWindowsOs } from '@vben/utils';
 
 import SwitchItem from '../switch-item.vue';
 

packages/effects/layouts/src/widgets/preferences/blocks/switch-item.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useSlots } from 'vue';
 
-import { CircleHelp } from '@vben-core/icons';
+import { CircleHelp } from '@vben/icons';
 import { Switch, VbenTooltip } from '@vben-core/shadcn-ui';
 
 defineOptions({

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

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

packages/effects/layouts/src/widgets/preferences/blocks/theme/color-mode.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { $t } from '@vben-core/locales';
+import { $t } from '@vben/locales';
 
 import SwitchItem from '../switch-item.vue';
 

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

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { ThemeModeType } from '@vben-core/typings';
+import type { ThemeModeType } from '@vben/types';
 
 import type { Component } from 'vue';
 
-import { MoonStar, Sun, SunMoon } from '@vben-core/icons';
-import { $t } from '@vben-core/locales';
+import { MoonStar, Sun, SunMoon } from '@vben/icons';
+import { $t } from '@vben/locales';
 
 import SwitchItem from '../switch-item.vue';
 

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { SelectOption } from '@vben-core/typings';
+import type { SelectOption } from '@vben/types';
 
 import { ToggleGroup, ToggleGroupItem } from '@vben-core/shadcn-ui';
 

packages/effects/layouts/src/widgets/preferences/preferences-sheet.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import type { SegmentedItem } from '@vben-core/shadcn-ui';
 import type {
   BreadcrumbStyleType,
   BuiltinThemeType,
@@ -9,24 +8,25 @@ import type {
   NavigationStyleType,
   SupportedLanguagesType,
   ThemeModeType,
-} from '@vben-core/typings';
+} from '@vben/types';
+import type { SegmentedItem } from '@vben-core/shadcn-ui';
 
 import { computed, ref } from 'vue';
 
-import { Copy, RotateCw, SwatchBook } from '@vben-core/icons';
-import { $t, loadLocaleMessages } from '@vben-core/locales';
+import { Copy, RotateCw, SwatchBook } from '@vben/icons';
+import { $t, loadLocaleMessages } from '@vben/locales';
 import {
   clearPreferencesCache,
   preferences,
   resetPreferences,
   usePreferences,
-} from '@vben-core/preferences';
+} from '@vben/preferences';
 import {
+  useToast,
   VbenButton,
   VbenIconButton,
   VbenSegmented,
   VbenSheet,
-  useToast,
 } from '@vben-core/shadcn-ui';
 
 import { useClipboard } from '@vueuse/core';

packages/effects/layouts/src/widgets/preferences/preferences.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import { computed } from 'vue';
 
-import { loadLocaleMessages } from '@vben-core/locales';
-import { preferences, updatePreferences } from '@vben-core/preferences';
-import { capitalizeFirstLetter } from '@vben-core/toolkit';
+import { loadLocaleMessages } from '@vben/locales';
+import { preferences, updatePreferences } from '@vben/preferences';
+import { capitalizeFirstLetter } from '@vben/utils';
 
 import Preferences from './preferences-sheet.vue';
 

packages/effects/layouts/src/widgets/theme-toggle/theme-toggle.vue

@@ -1,13 +1,13 @@
 <script lang="ts" setup>
-import type { ThemeModeType } from '@vben-core/typings';
+import type { ThemeModeType } from '@vben/types';
 
-import { MoonStar, Sun, SunMoon } from '@vben-core/icons';
-import { $t } from '@vben-core/locales';
+import { MoonStar, Sun, SunMoon } from '@vben/icons';
+import { $t } from '@vben/locales';
 import {
   preferences,
   updatePreferences,
   usePreferences,
-} from '@vben-core/preferences';
+} from '@vben/preferences';
 import {
   ToggleGroup,
   ToggleGroupItem,

packages/effects/layouts/src/widgets/user-dropdown/user-dropdown.vue

@@ -1,12 +1,14 @@
 <script setup lang="ts">
-import type { AnyFunction } from '@vben-core/typings';
+import type { AnyFunction } from '@vben/types';
 
 import type { Component } from 'vue';
 import { computed, ref } from 'vue';
 
-import { LockKeyhole, LogOut, SwatchBook } from '@vben-core/icons';
-import { $t } from '@vben-core/locales';
-import { preferences, usePreferences } from '@vben-core/preferences';
+import { LockKeyhole, LogOut, SwatchBook } from '@vben/icons';
+import { $t } from '@vben/locales';
+import { preferences, usePreferences } from '@vben/preferences';
+import { useCoreLockStore } from '@vben/stores';
+import { isWindowsOs } from '@vben/utils';
 import {
   Badge,
   DropdownMenu,
@@ -20,7 +22,6 @@ import {
   VbenAvatar,
   VbenIcon,
 } from '@vben-core/shadcn-ui';
-import { isWindowsOs } from '@vben-core/toolkit';
 
 import { useMagicKeys, whenever } from '@vueuse/core';
 
@@ -69,7 +70,7 @@ const props = withDefaults(defineProps<Props>(), {
   text: '',
 });
 
-const emit = defineEmits<{ lockScreen: [string]; logout: [] }>();
+const emit = defineEmits<{ logout: [] }>();
 const openPopover = ref(false);
 const openDialog = ref(false);
 const openLock = ref(false);
@@ -79,6 +80,7 @@ const {
   globalLogoutShortcutKey,
   globalPreferencesShortcutKey,
 } = usePreferences();
+const coreLockStore = useCoreLockStore();
 const { handleOpenPreference } = useOpenPreferences();
 
 const altView = computed(() => (isWindowsOs() ? 'Alt' : '⌥'));
@@ -109,7 +111,7 @@ function handleSubmitLock({
   lockScreenPassword: string;
 }) {
   openLock.value = false;
-  emit('lockScreen', lockScreenPassword);
+  coreLockStore.lockScreen(lockScreenPassword);
 }
 function handleLogout() {
   // emit