@longhongguo/form-create-ant-design-vue 3.3.10 → 3.3.11

package/package.json

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

package/src/components/FcEditorWrapper.vue

@@ -36,7 +36,15 @@ export default defineComponent({
     uploadImgCustomInsert: [String, Function],
     withCredentials: Boolean,
     // form-create 注入的 API
-    formCreateInject: Object
+    formCreateInject: Object,
+    placeholder: {
+      type: String,
+      default: '请输入正文'
+    },
+    height: {
+      type: [String, Number],
+      default: 300
+    }
   },
   emits: ['update:modelValue'],
   watch: {
@@ -51,6 +59,31 @@ export default defineComponent({
     editorConfig() {
       const config = {}
 
+      // 设置 placeholder
+      if (this.placeholder) {
+        config.placeholder = this.placeholder
+      }
+
+      // 设置高度
+      if (this.height) {
+        // 如果是数字，转换为像素字符串；如果是字符串，直接使用
+        config.height = this.height
+      }
+
+      // 排除不需要的工具栏菜单项
+      // 移除：全屏、代码、表情、删除线、缩进、待办事项、引用、分割线、斜体
+      config.excludeMenus = [
+        'fullScreen', // 全屏
+        'code', // 代码
+        'emoticon', // 表情
+        'strikeThrough', // 删除线
+        'indent', // 缩进
+        'todo', // 待办事项
+        'quote', // 引用
+        'splitLine', // 分割线
+        'italic' // 斜体
+      ]
+
       // 如果设置了 readOnly，配置只读模式
       if (this.readOnly) {
         // readOnly: true // 启用只读模式
@@ -61,6 +94,8 @@ export default defineComponent({
         // 禁用自动聚焦，避免在只读模式下获得焦点
         config.focus = false
         config.autoFocus = false
+        // 只读模式下隐藏 placeholder
+        delete config.placeholder
       }
 
       // 如果设置了 uploadImgServer，配置图片上传

package/src/core/manager.js

@@ -105,6 +105,8 @@ export default {
         // 只读模式允许复制和点击链接，但禁止编辑
         if (ctx.prop.props) {
           ctx.prop.props.readOnly = true
+          // 预览模式和只读模式下隐藏 placeholder
+          delete ctx.prop.props.placeholder
         }
       } else if (
         ctx.rule.type === 'input' &&
@@ -118,6 +120,10 @@ export default {
           ctx.prop.props.autoSize = true
           // 移除 rows 属性，让 autoSize 完全控制高度
           delete ctx.prop.props.rows
+          // 预览模式和只读模式下隐藏 placeholder
+          delete ctx.prop.props.placeholder
+          // 预览模式和只读模式下隐藏字符计数
+          ctx.prop.props.showCount = false
         }
       } else if (ctx.rule.type === 'select') {
         // select 组件在预览模式下使用 disabled 实现只读效果
@@ -126,6 +132,8 @@ export default {
         // 强制设置 disabled = true，覆盖用户可能设置的 disabled: false
         if (ctx.prop.props) {
           ctx.prop.props.disabled = true
+          // 预览模式和只读模式下隐藏 placeholder
+          delete ctx.prop.props.placeholder
           // 如果原本设置了 readOnly，保留这个标记以便 CSS 识别
           if (isReadOnly) {
             // 可以在这里添加一个标记，但 Select 组件不支持 readOnly
@@ -137,6 +145,30 @@ export default {
         // 如果设置了 readOnly，直接使用组件的 readOnly 属性
         if (ctx.prop.props && isReadOnly) {
           ctx.prop.props.readOnly = true
+          // 预览模式和只读模式下隐藏 placeholder
+          delete ctx.prop.props.placeholder
+          // 预览模式和只读模式下隐藏字符计数
+          ctx.prop.props.showCount = false
+        } else if (ctx.prop.props && isPreviewMode) {
+          // 全局预览模式下也隐藏 placeholder
+          delete ctx.prop.props.placeholder
+          // 全局预览模式下隐藏字符计数
+          ctx.prop.props.showCount = false
+        }
+      } else if (
+        ctx.rule.type === 'datePicker' ||
+        ctx.rule.type === 'timePicker' ||
+        ctx.rule.type === 'timeRangePicker' ||
+        ctx.rule.type === 'rangePicker' ||
+        ctx.rule.type === 'cascader'
+      ) {
+        // 日期选择器、时间选择器、级联选择器等组件
+        // 预览模式和只读模式下隐藏 placeholder
+        if (ctx.prop.props) {
+          if (ctx.rule.type === 'cascader') {
+            ctx.prop.props.disabled = true
+          }
+          delete ctx.prop.props.placeholder
         }
       }
     }