From cb96426ecd2f580b403660ab1ab1a820cb18e5d8 Mon Sep 17 00:00:00 2001
From: Katherine <katherine_15995@163.com>
Date: Mon, 31 Mar 2025 20:11:36 +0800
Subject: [PATCH] feat:  support configuring colon visibility in form field
 labels based on layout    (#6561)

* feat:  support hiding colons in form field labels

* refactor: colon default value
---
 packages/core/client/src/locale/zh-CN.json           |  3 ++-
 .../src/schema-component/antd/form-v2/Form.tsx       |  3 ++-
 .../src/schema-settings/SchemaSettingsLayoutItem.tsx | 12 +++++++++++-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/packages/core/client/src/locale/zh-CN.json b/packages/core/client/src/locale/zh-CN.json
index 516c5a9f8b..dc64c0959e 100644
--- a/packages/core/client/src/locale/zh-CN.json
+++ b/packages/core/client/src/locale/zh-CN.json
@@ -1095,5 +1095,6 @@
   "Font Weight": "字体粗细",
   "Font Style": "字体样式",
   "Italic": "斜体",
-  "Response record":"响应结果记录"
+  "Response record":"响应结果记录",
+  "Colon":"冒号"
 }
diff --git a/packages/core/client/src/schema-component/antd/form-v2/Form.tsx b/packages/core/client/src/schema-component/antd/form-v2/Form.tsx
index 5240bc5a75..62f024ccf1 100644
--- a/packages/core/client/src/schema-component/antd/form-v2/Form.tsx
+++ b/packages/core/client/src/schema-component/antd/form-v2/Form.tsx
@@ -50,19 +50,20 @@ const FormComponent: React.FC<FormProps> = (props) => {
     labelAlign = 'left',
     labelWidth = 120,
     labelWrap = true,
+    colon = true,
   } = cardItemSchema?.['x-component-props'] || {};
   const { isMobileLayout } = useMobileLayout();
   const newSchema = useMemo(
     () => (isMobileLayout ? transformMultiColumnToSingleColumn(fieldSchema) : fieldSchema),
     [fieldSchema, isMobileLayout],
   );
-
   return (
     <FieldContext.Provider value={undefined}>
       <FormContext.Provider value={form}>
         <FormLayout
           layout={layout}
           {...others}
+          colon={colon}
           labelAlign={labelAlign}
           labelWidth={layout === 'horizontal' ? labelWidth : null}
           labelWrap={labelWrap}
diff --git a/packages/core/client/src/schema-settings/SchemaSettingsLayoutItem.tsx b/packages/core/client/src/schema-settings/SchemaSettingsLayoutItem.tsx
index dd93fdf03f..86753306aa 100644
--- a/packages/core/client/src/schema-settings/SchemaSettingsLayoutItem.tsx
+++ b/packages/core/client/src/schema-settings/SchemaSettingsLayoutItem.tsx
@@ -107,20 +107,30 @@ export const SchemaSettingsLayoutItem = function LayoutItem() {
                 },
               },
             },
+            colon: {
+              type: 'boolean',
+              'x-content': t('Colon'),
+              required: true,
+              default: fieldSchema?.['x-component-props']?.colon !== false,
+              'x-decorator': 'FormItem',
+              'x-component': 'Checkbox',
+            },
           },
         } as ISchema
       }
-      onSubmit={({ layout, labelAlign, labelWidth, labelWrap }) => {
+      onSubmit={({ layout, labelAlign, labelWidth, labelWrap, colon }) => {
         const componentProps = fieldSchema['x-component-props'] || {};
         componentProps.layout = layout;
         componentProps.labelAlign = labelAlign;
         componentProps.labelWidth = layout === 'horizontal' ? labelWidth : null;
         componentProps.labelWrap = labelWrap;
+        componentProps.colon = colon;
         fieldSchema['x-component-props'] = componentProps;
         field.componentProps.layout = layout;
         field.componentProps.labelAlign = labelAlign;
         field.componentProps.labelWidth = labelWidth;
         field.componentProps.labelWrap = labelWrap;
+        field.componentProps.colon = colon;
         dn.emit('patch', {
           schema: {
             ['x-uid']: fieldSchema['x-uid'],