@longhongguo/form-create-ant-design-vue 3.2.61 → 3.2.62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@longhongguo/form-create-ant-design-vue",
3
- "version": "3.2.61",
3
+ "version": "3.2.62",
4
4
  "description": "AntDesignVue版本低代码表单|FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架,适配移动端,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。",
5
5
  "main": "./dist/form-create.min.js",
6
6
  "module": "./dist/form-create.esm.js",
@@ -100,6 +100,35 @@ export default {
100
100
  if (ctx.rule) {
101
101
  ctx.rule.col = false
102
102
  }
103
+
104
+ // 读取并应用子组件的 flex 配置(支持等比分配和自由控制)
105
+ // 可以从 props.flex 或 style.flex 读取
106
+ const flexValue = ctx.rule.props?.flex ?? ctx.rule.style?.flex
107
+ if (flexValue !== undefined && flexValue !== null && flexValue !== '') {
108
+ // 确保 style 对象存在
109
+ if (!ctx.prop.style) {
110
+ ctx.prop.style = {}
111
+ }
112
+ if (!ctx.prop.props) {
113
+ ctx.prop.props = {}
114
+ }
115
+ if (!ctx.prop.props.style) {
116
+ ctx.prop.props.style = {}
117
+ }
118
+
119
+ // 转换 flex 值为字符串(CSS flex 值应该是字符串)
120
+ // flex 值可以是数字(如 1, 2)或字符串(如 '1', '2', 'auto', 'none')
121
+ let flexString = flexValue
122
+ if (typeof flexValue === 'number') {
123
+ flexString = String(flexValue)
124
+ } else if (typeof flexValue === 'string') {
125
+ flexString = flexValue.trim()
126
+ }
127
+
128
+ // 应用 flex 值到样式(同时设置到 prop.style 和 prop.props.style)
129
+ ctx.prop.style.flex = flexString
130
+ ctx.prop.props.style.flex = flexString
131
+ }
103
132
  }
104
133
  }
105
134
 
@@ -72,7 +72,6 @@ export default {
72
72
  // 保留用户设置的 display,如果没有则设置为 'flex'
73
73
  display: userDisplay || 'flex',
74
74
  // 确保 flex 容器占满整行
75
- width: '100%',
76
75
  // 在样式中设置 flexWrap,确保从 props 读取的配置能够生效
77
76
  // 这是关键的:将 props.flexWrap 的值('wrap' 或 'nowrap')应用到样式中
78
77
  flexWrap: flexWrap,