@longhongguo/form-create-ant-design-vue 3.3.28 → 3.3.29

package/package.json

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

package/src/components/CusStoreSelect/index.vue

@@ -215,6 +215,11 @@ export default defineComponent({
         return
       }
 
+      // 如果处于预览/只读模式，不处理点击事件
+      if (this.formCreateInject && this.formCreateInject.preview) {
+        return
+      }
+
       // 生成唯一消息ID
       const msgId = `store-select-${
         this.field || 'default'

package/src/components/CusUserSelect/index.vue

@@ -217,6 +217,11 @@ export default defineComponent({
       if (this.disabled) {
         return
       }
+      
+      // 如果处于预览/只读模式，不处理点击事件
+      if (this.formCreateInject && this.formCreateInject.preview) {
+        return
+      }
 
       // 生成唯一消息ID
       const msgId = `user-select-${

package/src/style/index.css

@@ -503,6 +503,110 @@ textarea[readonly].ant-input {
   cursor: pointer !important;
 }
 
+/* 预览模式：允许 tableForm 组件选择和复制文本 */
+.form-create.is-preview ._fc-table-form {
+  pointer-events: auto !important;
+}
+
+.form-create.is-preview ._fc-table-form table,
+.form-create.is-preview ._fc-table-form ._fc-tf-table {
+  pointer-events: auto !important;
+}
+
+.form-create.is-preview ._fc-table-form table *,
+.form-create.is-preview ._fc-table-form ._fc-tf-table * {
+  pointer-events: auto !important;
+  user-select: text !important;
+  -webkit-user-select: text !important;
+  -moz-user-select: text !important;
+  -ms-user-select: text !important;
+}
+
+/* 预览模式：tableForm 中的选择列 checkbox 和操作列按钮保持不可交互 */
+.form-create.is-preview ._fc-table-form ._fc-tf-select,
+.form-create.is-preview ._fc-table-form ._fc-tf-select *,
+.form-create.is-preview ._fc-table-form ._fc-tf-btn,
+.form-create.is-preview ._fc-table-form ._fc-tf-btn * {
+  pointer-events: none !important;
+  user-select: none !important;
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
+  -ms-user-select: none !important;
+  cursor: default !important;
+}
+
+/* 预览模式：允许 select 组件选择和复制文本 */
+/* 整个容器禁用 pointer-events，但文本内容区域启用以支持选择 */
+.form-create.is-preview .ant-select {
+  pointer-events: none !important;
+}
+
+.form-create.is-preview .ant-select-selector {
+  pointer-events: auto !important;
+  user-select: text !important;
+  -webkit-user-select: text !important;
+  -moz-user-select: text !important;
+  -ms-user-select: text !important;
+  cursor: text !important;
+}
+
+.form-create.is-preview .ant-select-selection,
+.form-create.is-preview .ant-select-selection-item,
+.form-create.is-preview .ant-select-selection-placeholder {
+  pointer-events: auto !important;
+  user-select: text !important;
+  -webkit-user-select: text !important;
+  -moz-user-select: text !important;
+  -ms-user-select: text !important;
+}
+
+/* 禁用 select 的下拉箭头和清除按钮 */
+.form-create.is-preview .ant-select .ant-select-arrow,
+.form-create.is-preview .ant-select .ant-select-suffix,
+.form-create.is-preview .ant-select .ant-select-clear {
+  pointer-events: none !important;
+  user-select: none !important;
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
+  -ms-user-select: none !important;
+}
+
+/* 预览模式：允许自定义 select 组件（fc-cus-select）选择和复制文本 */
+/* CusStoreSelect 和 CusUserSelect 都使用 CusSelect */
+.form-create.is-preview .fc-cus-select {
+  pointer-events: none !important;
+}
+
+.form-create.is-preview .fc-cus-select-selector {
+  pointer-events: auto !important;
+  user-select: text !important;
+  -webkit-user-select: text !important;
+  -moz-user-select: text !important;
+  -ms-user-select: text !important;
+  cursor: text !important;
+}
+
+.form-create.is-preview .fc-cus-select-selection-item,
+.form-create.is-preview .fc-cus-select-selection-placeholder,
+.form-create.is-preview .fc-cus-select-selection-item-content {
+  pointer-events: auto !important;
+  user-select: text !important;
+  -webkit-user-select: text !important;
+  -moz-user-select: text !important;
+  -ms-user-select: text !important;
+}
+
+/* 禁用自定义 select 的下拉箭头、清除按钮和移除按钮 */
+.form-create.is-preview .fc-cus-select .fc-cus-select-arrow,
+.form-create.is-preview .fc-cus-select .fc-cus-select-clear,
+.form-create.is-preview .fc-cus-select-selection-item-remove {
+  pointer-events: none !important;
+  user-select: none !important;
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
+  -ms-user-select: none !important;
+}
+
 /* 禁止编辑：通过 contenteditable 属性控制 */
 .form-create.is-preview .w-e-text {
   user-select: text !important;
@@ -511,10 +615,10 @@ textarea[readonly].ant-input {
   -ms-user-select: text !important;
 }
 
-/* 预览模式：禁用按钮点击 */
+/* 预览模式：允许按钮点击 */
 .form-create.is-preview .ant-btn {
-  pointer-events: none !important;
-  cursor: default !important;
+  pointer-events: auto !important;
+  cursor: pointer !important;
 }
 
 /* 预览模式：禁用选择器下拉 */