@longhongguo/form-create-ant-design-vue 3.3.36 → 3.3.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@longhongguo/form-create-ant-design-vue",
-  "version": "3.3.36",
+  "version": "3.3.38",
   "description": "AntDesignVue版本低代码表单|FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架，适配移动端，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。",
   "main": "./dist/form-create.min.js",
   "module": "./dist/form-create.esm.js",

package/src/core/manager.js

@@ -86,16 +86,13 @@ export default {
 
     // 应用 componentStyle 到包裹组件的最顶层父容器（如 .fc-form-col）
     // 这样在 Flex 或 Space 布局中，可以给子元素设置 flex: 1 等样式
+    // 注意：componentStyle 是独立的，不合并到 prop.style，避免应用到组件本身
     if (
       ctx.rule.componentStyle &&
       typeof ctx.rule.componentStyle === 'object'
     ) {
-      // 将 componentStyle 合并到 prop.style，这会应用到包裹组件的容器上
-      const existingStyle = ctx.prop.style || {}
-      ctx.prop.style = {
-        ...existingStyle,
-        ...ctx.rule.componentStyle
-      }
+      // 将 componentStyle 独立存储，在 makeCol 时单独应用
+      ctx._componentStyle = ctx.rule.componentStyle
     }
 
     // 预览模式下：对 upload 组件设置 disabled
@@ -549,14 +546,14 @@ export default {
   },
   makeCol(rule, uni, children, ctx) {
     const col = rule.col
-    // 将 componentStyle 应用到 col 容器上
-    const style = ctx?.prop?.style || {}
+    // 将 componentStyle 独立应用到 col 容器上，不和 prop.style 混用
+    const componentStyle = ctx?._componentStyle || {}
     return this.$r(
       {
         class: this.$render.mergeClass(col.class, 'fc-form-col'),
         type: 'col',
         props: col || { span: 24 },
-        style: style,
+        style: componentStyle,
         key: `${uni}col`
       },
       children

package/src/parsers/flex.js

@@ -244,9 +244,13 @@ export default {
 
     // 将 flex 容器包装在 col 中，确保它占满整行（span: 24）
     // 这样 flex 容器才能有足够的宽度，子项才能自适应展示
-    // componentStyle 会在 manager.js 中应用到 col 容器
+    // componentStyle 独立应用到 col 容器，不和 prop.style 混用
+    const componentStyle = ctx._componentStyle || {}
     return ctx.vNode.col(
-      { props: { span: 24 } },
+      { 
+        props: { span: 24 },
+        style: componentStyle
+      },
       {
         default: () => [ctx.vNode.make('a-flex', prop, childrenNodes)]
       }

package/src/parsers/space.js

@@ -117,9 +117,13 @@ export default {
 
     // 将 space 容器包装在 col 中，确保它占满整行（span: 24）
     // 这样 space 容器才能有足够的宽度
-    // componentStyle 会在 manager.js 中应用到 col 容器
+    // componentStyle 独立应用到 col 容器，不和 prop.style 混用
+    const componentStyle = ctx._componentStyle || {}
     return ctx.vNode.col(
-      { props: { span: 24 } },
+      { 
+        props: { span: 24 },
+        style: componentStyle
+      },
       {
         default: () => [ctx.vNode.make(prop.type, prop, childrenNodes)]
       }