chore: init project

packages/business/common-ui/src/preference/blocks/general/animation.vue

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import { $t } from '@vben/locales';
+
+import SwitchItem from '../switch-item.vue';
+
+defineOptions({
+  name: 'PreferenceAnimation',
+});
+const pageProgress = defineModel<boolean>('pageProgress', {
+  // 默认值
+  default: false,
+});
+
+const pageTransition = defineModel<string>('pageTransition');
+const pageTransitionEnable = defineModel<boolean>('pageTransitionEnable');
+
+const transitionPreset = ['fade', 'fade-slide', 'fade-up', 'fade-down'];
+
+function handleClick(value: string) {
+  pageTransition.value = value;
+}
+</script>
+
+<template>
+  <SwitchItem v-model="pageProgress">
+    {{ $t('preference.page-progress') }}
+  </SwitchItem>
+  <SwitchItem v-model="pageTransitionEnable">
+    {{ $t('preference.page-transition') }}
+  </SwitchItem>
+  <div
+    v-if="pageTransitionEnable"
+    class="mb-2 mt-3 flex justify-between gap-3 px-2"
+  >
+    <div
+      v-for="item in transitionPreset"
+      :key="item"
+      class="outline-box p-2"
+      :class="{
+        'outline-box-active': pageTransition === item,
+      }"
+      @click="handleClick(item)"
+    >
+      <div class="bg-accent h-10 w-12 rounded-md" :class="`${item}-slow`"></div>
+    </div>
+  </div>
+</template>

packages/business/common-ui/src/preference/blocks/general/general.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import type { SelectListItem } from '@vben-core/typings';
+
+import { $t } from '@vben/locales';
+import { staticPreference } from '@vben/preference';
+
+import SelectItem from '../select-item.vue';
+
+defineOptions({
+  name: 'PreferenceGeneralConfig',
+});
+
+const locale = defineModel<string>('locale');
+
+const localeItems: SelectListItem[] = staticPreference.supportLanguages.map(
+  (item) => ({
+    label: item.text,
+    value: item.key,
+  }),
+);
+</script>
+
+<template>
+  <SelectItem v-model="locale" :items="localeItems">
+    {{ $t('preference.language') }}
+  </SelectItem>
+</template>

packages/business/common-ui/src/preference/blocks/general/navigation.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import type { SelectListItem } from '@vben-core/typings';
+
+import { $t } from '@vben/locales';
+
+import ToggleItem from '../toggle-item.vue';
+
+defineOptions({
+  name: 'PreferenceNavigationConfig',
+});
+
+defineProps<{ disabled: boolean }>();
+
+const navigationStyle = defineModel<string>('navigationStyle');
+
+const stylesItems: SelectListItem[] = [
+  { label: $t('preference.normal'), value: 'normal' },
+  { label: $t('preference.rounded'), value: 'rounded' },
+];
+</script>
+
+<template>
+  <ToggleItem v-model="navigationStyle" :items="stylesItems" disabled>
+    {{ $t('preference.navigation-style') }}
+  </ToggleItem>
+</template>