@longhongguo/form-create-ant-design-vue 3.2.75 → 3.2.77

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@longhongguo/form-create-ant-design-vue",
-  "version": "3.2.75",
+  "version": "3.2.77",
   "description": "AntDesignVue版本低代码表单|FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架，适配移动端，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。",
   "main": "./dist/form-create.min.js",
   "module": "./dist/form-create.esm.js",
@@ -51,11 +51,12 @@
   "dependencies": {
     "@form-create/component-antdv-frame": "^3.2.31",
     "@form-create/component-antdv-group": "^3.2.31",
-    "@longhongguo/component-antdv-upload": "^3.2.41",
     "@form-create/component-subform": "^3.1.34",
-    "@longhongguo/form-create-core": "latest",
     "@form-create/core": "^3.2.33",
-    "@form-create/utils": "^3.2.31"
+    "@form-create/utils": "^3.2.31",
+    "@longhongguo/component-antdv-upload": "^3.2.41",
+    "@longhongguo/form-create-core": "latest",
+    "moment": "^2.30.1"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -70,8 +71,8 @@
     "@vue/cli-plugin-babel": "~4.5.0",
     "@vue/cli-service": "^4.5.3",
     "ant-design-vue": "^4.0",
-    "v-jsoneditor": "^1.4.2",
-    "bili": "^5.0.5"
+    "bili": "^5.0.5",
+    "v-jsoneditor": "^1.4.2"
   },
   "buildFormCreateOptions": {
     "name": "@longhongguo/form-create-ant-design-vue",

package/src/core/api.js

@@ -3,6 +3,7 @@ import is from '@form-create/utils/lib/type'
 import { invoke } from '@longhongguo/form-create-core/src/frame/util'
 import toArray from '@form-create/utils/lib/toarray'
 import validator from './test'
+import moment from 'moment'
 
 function tidyBtnProp(btn, def) {
   if (is.Boolean(btn)) btn = { show: btn }
@@ -258,6 +259,7 @@ export default function extendApi(api, h) {
      *   }
      * }
      */
-    validator
+    $validator: validator,
+    $moment: moment
   }
 }

package/src/parsers/flex.js

@@ -133,6 +133,28 @@ export default {
         }
       })
     }
+
+    // 读取 resetMarginBottom 配置，用于重置包裹 flex 的 ant-form-item 的 margin-bottom
+    const resetMarginBottom =
+      props.resetMarginBottom ?? ctx.rule.resetMarginBottom ?? false
+    if (resetMarginBottom) {
+      // 将 class 添加到 wrap 配置中，使其应用到包裹 flex 的 ant-form-item 上
+      if (!ctx.rule.wrap) {
+        ctx.rule.wrap = {}
+      }
+      if (typeof ctx.rule.wrap === 'object' && !ctx.rule.wrap.class) {
+        ctx.rule.wrap.class = ''
+      }
+      const wrapClass = typeof ctx.rule.wrap === 'object' 
+        ? (ctx.rule.wrap.class || '').split(' ').filter(Boolean)
+        : []
+      if (!wrapClass.includes('_fc-reset-margin-bottom')) {
+        wrapClass.push('_fc-reset-margin-bottom')
+        if (typeof ctx.rule.wrap === 'object') {
+          ctx.rule.wrap.class = wrapClass.join(' ')
+        }
+      }
+    }
   },
   render(children, ctx) {
     // 使用 Ant Design Vue 的 Flex 组件

package/src/parsers/space.js

@@ -67,6 +67,28 @@ export default {
         }
       })
     }
+
+    // 读取 resetMarginBottom 配置，用于重置包裹 space 的 ant-form-item 的 margin-bottom
+    const resetMarginBottom =
+      props.resetMarginBottom ?? ctx.rule.resetMarginBottom ?? false
+    if (resetMarginBottom) {
+      // 将 class 添加到 wrap 配置中，使其应用到包裹 space 的 ant-form-item 上
+      if (!ctx.rule.wrap) {
+        ctx.rule.wrap = {}
+      }
+      if (typeof ctx.rule.wrap === 'object' && !ctx.rule.wrap.class) {
+        ctx.rule.wrap.class = ''
+      }
+      const wrapClass = typeof ctx.rule.wrap === 'object' 
+        ? (ctx.rule.wrap.class || '').split(' ').filter(Boolean)
+        : []
+      if (!wrapClass.includes('_fc-reset-margin-bottom')) {
+        wrapClass.push('_fc-reset-margin-bottom')
+        if (typeof ctx.rule.wrap === 'object') {
+          ctx.rule.wrap.class = wrapClass.join(' ')
+        }
+      }
+    }
   },
   render(children, ctx) {
     // 使用 Ant Design Vue 的 Space 组件

package/src/style/index.css

@@ -471,6 +471,38 @@
   line-height: 32px;
 }
 
+/* 仅在设计器中展示红色星号（不参与校验） */
+/* 设计器特定场景 */
+._fc-designer
+  ._fc-m-drag
+  ._fc-fake-required
+  .ant-form-item-label
+  > label::before,
+._fc-designer
+  ._fc-m-drag
+  ._fc-fake-required
+  label.ant-form-item-no-colon::before,
+/* 通用场景 - 带 label 容器 */
+._fc-fake-required
+  .ant-form-item-label
+  > label::before,
+._fc-fake-required
+  .ant-form-item-label
+  > label.ant-form-item-required::before,
+/* 通用场景 - 无 label 容器（直接 label） */
+._fc-fake-required
+  label.ant-form-item-no-colon::before,
+._fc-fake-required
+  label::before {
+  display: inline-block;
+  margin-inline-end: 4px;
+  color: #ff4d4f;
+  font-size: 14px;
+  font-family: SimSun, sans-serif;
+  line-height: 1;
+  content: '*';
+}
+
 ._fd-tf-required {
   color: #f56c6c;
   margin-right: 4px;
@@ -501,3 +533,8 @@
 .ant-flex._fc-flex-vertical > .ant-form-item {
   width: var(--fc-child-width, 100%) !important;
 }
+
+/* Flex 和 Space 组件重置包裹它们的 ant-form-item 的 margin-bottom 的样式 */
+.ant-form-item._fc-reset-margin-bottom {
+  margin-bottom: 0 !important;
+}