fix: bug (#5009)

packages/core/client/src/schema-component/common/utils/uitls.tsx

@@ -151,9 +151,9 @@ const getVariablesData = (localVariables) => {
 
 export async function getRenderContent(templateEngine, content, variables, localVariables, defaultParse) {
   if (content && templateEngine === 'handlebars') {
-    const renderedContent = Handlebars.compile(content);
-    // 处理渲染后的内容
     try {
+      const renderedContent = Handlebars.compile(content);
+      // 处理渲染后的内容
       const data = getVariablesData(localVariables);
       const html = renderedContent({ ...variables.ctxRef.current, ...data });
       return await defaultParse(html);

packages/plugins/@nocobase/plugin-block-iframe/src/client/schemaSettings.tsx

@@ -87,6 +87,17 @@ const commonOptions: any = {
             },
           });
         };
+        // 外部定义 description 的内容
+        const descriptionContent = (
+          <>
+            <span style={{ marginLeft: '.25em' }} className={'ant-formily-item-extra'}>
+              {t('Syntax references')}:
+            </span>
+            <a href="https://handlebarsjs.com/guide/" target="_blank" rel="noreferrer">
+              Handlebars.js
+            </a>
+          </>
+        );
 
         return {
           title: t('Edit iframe'),
@@ -129,6 +140,7 @@ const commonOptions: any = {
                 title: '{{t("Template engine")}}',
                 'x-component': 'Radio.Group',
                 'x-decorator': 'FormItem',
+                default: 'string',
                 enum: [
                   { value: 'string', label: t('String template') },
                   { value: 'handlebars', label: t('Handlebars') },
@@ -151,24 +163,25 @@ const commonOptions: any = {
                   rows: 10,
                 },
                 required: true,
-                description: (
+                description: descriptionContent,
-                  <>
+                'x-reactions': [
-                    <span style={{ marginLeft: '.25em' }} className={'ant-formily-item-extra'}>
+                  {
-                      {t('Syntax references')}:
+                    dependencies: ['mode'],
-                    </span>
+                    fulfill: {
-                    <a href="https://handlebarsjs.com/guide/" target="_blank" rel="noreferrer">
+                      state: {
-                      Handlebars.js
+                        hidden: '{{$deps[0] === "url"}}',
-                    </a>
+                      },
-                  </>
-                ),
-                'x-reactions': {
-                  dependencies: ['mode'],
-                  fulfill: {
-                    state: {
-                      hidden: '{{$deps[0] === "url"}}',
                     },
                   },
-                },
+                  (field) => {
+                    const { engine } = field.form.values;
+                    if (engine === 'handlebars') {
+                      field.description = descriptionContent;
+                    } else {
+                      field.description = null;
+                    }
+                  },
+                ],
               },
             },
           } as ISchema,