From dcb2b1cc3847a7d32dea8e89796410009da5d65b Mon Sep 17 00:00:00 2001
From: unknown <fanchenio@163.com>
Date: Fri, 10 Nov 2023 22:59:57 +0800
Subject: [PATCH] Settings - Subclassification - Added name alignment function,
 which can adjust the alignment of subcategory names in the project area on
 the right side of the main interface.

---
 commons/utils/setting.ts              |  3 +++
 src/pages/item/components/Content.vue |  1 +
 src/pages/setting/Index.vue           | 22 ++++++++++++++++++++++
 types/setting.d.ts                    |  2 ++
 4 files changed, 28 insertions(+)

diff --git a/commons/utils/setting.ts b/commons/utils/setting.ts
index 994e74d..02d66b7 100644
--- a/commons/utils/setting.ts
+++ b/commons/utils/setting.ts
@@ -185,15 +185,18 @@ function getSubClassification({
   itemAreaNameFontSize = 14,
   itemAreaNameFontWeight = 700,
   itemAreaNameFontLineHeight = 1.25,
+  itemAreaNameAlign = "left",
 }: {
   itemAreaNameFontSize?: number | null;
   itemAreaNameFontWeight?: number | null;
   itemAreaNameFontLineHeight?: number | null;
+  itemAreaNameAlign?: "left" | "center" | "right" | null;
 }): SubClassification {
   return {
     itemAreaNameFontSize: itemAreaNameFontSize ?? 14,
     itemAreaNameFontWeight: itemAreaNameFontWeight ?? 700,
     itemAreaNameFontLineHeight: itemAreaNameFontLineHeight ?? 1.25,
+    itemAreaNameAlign: itemAreaNameAlign ?? "left",
   };
 }
 
diff --git a/src/pages/item/components/Content.vue b/src/pages/item/components/Content.vue
index ee76588..e30f823 100644
--- a/src/pages/item/components/Content.vue
+++ b/src/pages/item/components/Content.vue
@@ -41,6 +41,7 @@
               lineHeight:
                 store.setting.subClassification.itemAreaNameFontLineHeight +
                 'rem',
+              textAlign: store.setting.subClassification.itemAreaNameAlign,
             }"
           >
             {{ classification.name }}
diff --git a/src/pages/setting/Index.vue b/src/pages/setting/Index.vue
index d1d2312..b5f4c1b 100644
--- a/src/pages/setting/Index.vue
+++ b/src/pages/setting/Index.vue
@@ -771,6 +771,13 @@
           <div class="mx-2" v-if="selectedMenuId === 3">
             <NForm label-placement="left" :show-feedback="false" size="small">
               <span class="block font-semibold">{{ store.language.name }}</span>
+              <NFormItem :label="store.language.align" class="mt-1">
+                <NSelect
+                  v-model:value="setting.subClassification.itemAreaNameAlign"
+                  :options="itemAreaSubclassificationNameAlignOptions"
+                  size="small"
+                ></NSelect>
+              </NFormItem>
               <NFormItem :label="store.language.fontSize" class="mt-1">
                 <NInputNumber
                   v-model:value="setting.subClassification.itemAreaNameFontSize"
@@ -1771,6 +1778,21 @@ let backgroundImagePositionOptions = ref([
     value: "right",
   },
 ]);
+// 子分类项目区域名称对齐
+let itemAreaSubclassificationNameAlignOptions = ref([
+  {
+    label: store.language.left,
+    value: "left",
+  },
+  {
+    label: store.language.center,
+    value: "center",
+  },
+  {
+    label: store.language.right,
+    value: "right",
+  },
+]);
 // 监听
 watch(
   () => setting.value,
diff --git a/types/setting.d.ts b/types/setting.d.ts
index 724e21e..61e95e5 100644
--- a/types/setting.d.ts
+++ b/types/setting.d.ts
@@ -118,6 +118,8 @@ export interface SubClassification {
   itemAreaNameFontWeight: number;
   // 名称字体行高(项目区域)
   itemAreaNameFontLineHeight: number;
+  // 名称对齐(项目区域)
+  itemAreaNameAlign: "left" | "center" | "right";
 }
 
 // 项目