@longhongguo/form-create-ant-design-vue 3.3.29 → 3.3.33
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/dist/form-create.css +160 -118
- package/dist/form-create.esm.css +160 -118
- package/dist/form-create.esm.js +2 -2
- package/dist/form-create.esm.js.map +1 -1
- package/dist/form-create.js +2 -2
- package/dist/form-create.js.map +1 -1
- package/package.json +1 -1
- package/src/components/CusStoreSelect/index.vue +407 -407
- package/src/core/manager.js +11 -0
- package/src/parsers/flex.js +8 -0
- package/src/parsers/select.js +45 -45
- package/src/parsers/space.js +8 -0
- package/src/style/index.css +160 -118
package/dist/form-create.css
CHANGED
|
@@ -165,16 +165,96 @@ textarea[readonly].ant-input {
|
|
|
165
165
|
pointer-events: none !important;
|
|
166
166
|
}
|
|
167
167
|
|
|
168
|
-
/*
|
|
169
|
-
.form-create.is-preview
|
|
170
|
-
pointer-events: auto !important;
|
|
168
|
+
/* 预览模式：允许所有文本选择和复制 */
|
|
169
|
+
.form-create.is-preview * {
|
|
171
170
|
user-select: text !important;
|
|
172
171
|
-webkit-user-select: text !important;
|
|
173
172
|
-moz-user-select: text !important;
|
|
174
173
|
-ms-user-select: text !important;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
/* 预览模式：允许滚动容器滚动 */
|
|
177
|
+
.form-create.is-preview [style*="overflow"],
|
|
178
|
+
.form-create.is-preview .ant-table-body,
|
|
179
|
+
.form-create.is-preview .ant-table-tbody,
|
|
180
|
+
.form-create.is-preview .w-e-text-container,
|
|
181
|
+
.form-create.is-preview .w-e-text,
|
|
182
|
+
.form-create.is-preview [class*="scroll"],
|
|
183
|
+
.form-create.is-preview [class*="overflow"] {
|
|
184
|
+
pointer-events: auto !important;
|
|
185
|
+
overflow: auto !important;
|
|
186
|
+
overflow-x: auto !important;
|
|
187
|
+
overflow-y: auto !important;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
/* 预览模式：允许 textarea 交互（用于复制文本） */
|
|
191
|
+
.form-create.is-preview textarea.ant-input {
|
|
192
|
+
pointer-events: auto !important;
|
|
193
|
+
cursor: text !important;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
/* 预览模式：允许 input 文本选择和复制 */
|
|
197
|
+
.form-create.is-preview .ant-input,
|
|
198
|
+
.form-create.is-preview input.ant-input {
|
|
199
|
+
pointer-events: auto !important;
|
|
200
|
+
cursor: text !important;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
/* 预览模式：允许 select 组件文本选择和复制 */
|
|
204
|
+
.form-create.is-preview .ant-select-selector,
|
|
205
|
+
.form-create.is-preview .ant-select-selection,
|
|
206
|
+
.form-create.is-preview .ant-select-selection-item,
|
|
207
|
+
.form-create.is-preview .ant-select-selection-placeholder,
|
|
208
|
+
.form-create.is-preview .ant-select-selection-item-content,
|
|
209
|
+
.form-create.is-preview .ant-select-selection-overflow,
|
|
210
|
+
.form-create.is-preview .ant-select-selection-overflow-item {
|
|
211
|
+
pointer-events: auto !important;
|
|
212
|
+
cursor: text !important;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
/* 预览模式：允许自定义 select 组件文本选择和复制 */
|
|
216
|
+
.form-create.is-preview .fc-cus-select-selector,
|
|
217
|
+
.form-create.is-preview .fc-cus-select-selection-item,
|
|
218
|
+
.form-create.is-preview .fc-cus-select-selection-placeholder,
|
|
219
|
+
.form-create.is-preview .fc-cus-select-selection-item-content {
|
|
220
|
+
pointer-events: auto !important;
|
|
175
221
|
cursor: text !important;
|
|
176
222
|
}
|
|
177
223
|
|
|
224
|
+
/* 预览模式：允许 tableForm 组件文本选择和复制 */
|
|
225
|
+
.form-create.is-preview ._fc-table-form,
|
|
226
|
+
.form-create.is-preview ._fc-table-form * {
|
|
227
|
+
pointer-events: auto !important;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
/* 预览模式：tableForm 中的选择列 checkbox 和操作列按钮保持不可交互 */
|
|
231
|
+
.form-create.is-preview ._fc-table-form ._fc-tf-select,
|
|
232
|
+
.form-create.is-preview ._fc-table-form ._fc-tf-select *,
|
|
233
|
+
.form-create.is-preview ._fc-table-form ._fc-tf-btn,
|
|
234
|
+
.form-create.is-preview ._fc-table-form ._fc-tf-btn *,
|
|
235
|
+
.form-create.is-preview ._fc-table-form ._fc-tf-head-select,
|
|
236
|
+
.form-create.is-preview ._fc-table-form ._fc-tf-head-select * {
|
|
237
|
+
pointer-events: none !important;
|
|
238
|
+
user-select: none !important;
|
|
239
|
+
-webkit-user-select: none !important;
|
|
240
|
+
-moz-user-select: none !important;
|
|
241
|
+
-ms-user-select: none !important;
|
|
242
|
+
cursor: default !important;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
/* 预览模式：允许按钮点击 */
|
|
246
|
+
.form-create.is-preview .ant-btn {
|
|
247
|
+
pointer-events: auto !important;
|
|
248
|
+
cursor: pointer !important;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
/* 预览模式：允许滚动条滚动（针对有滚动条的容器） */
|
|
252
|
+
.form-create.is-preview .ant-table-body,
|
|
253
|
+
.form-create.is-preview .ant-table-tbody,
|
|
254
|
+
.form-create.is-preview [style*="overflow"] {
|
|
255
|
+
pointer-events: auto !important;
|
|
256
|
+
}
|
|
257
|
+
|
|
178
258
|
/* 预览模式：允许富文本编辑器容器滚动 */
|
|
179
259
|
.form-create.is-preview .w-e-text-container {
|
|
180
260
|
pointer-events: auto !important;
|
|
@@ -271,23 +351,46 @@ textarea[readonly].ant-input {
|
|
|
271
351
|
.form-create.is-preview .ant-switch,
|
|
272
352
|
.form-create.is-preview .ant-slider,
|
|
273
353
|
.form-create.is-preview .ant-rate,
|
|
274
|
-
.form-create.is-preview .ant-upload
|
|
275
|
-
.form-create.is-preview .ant-btn {
|
|
354
|
+
.form-create.is-preview .ant-upload {
|
|
276
355
|
opacity: 1 !important;
|
|
277
356
|
color: inherit !important;
|
|
278
357
|
background-color: transparent !important;
|
|
279
358
|
}
|
|
280
359
|
|
|
360
|
+
/* 预览模式：按钮保持原有颜色，不覆盖 */
|
|
361
|
+
.form-create.is-preview .ant-btn {
|
|
362
|
+
opacity: 1 !important;
|
|
363
|
+
/* 不设置 color，保持按钮的原始颜色 */
|
|
364
|
+
/* 不设置 background-color，保持按钮的原始背景色 */
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
/* 预览模式和只读模式：设置按钮链接的颜色 */
|
|
368
|
+
.form-create.is-preview .ant-btn-link,
|
|
369
|
+
.ant-btn-link[readonly],
|
|
370
|
+
.ant-btn-link[readonly="true"] {
|
|
371
|
+
color: #1677ff !important;
|
|
372
|
+
}
|
|
373
|
+
|
|
281
374
|
/* 预览模式：CusSelect 组件保持正常外观，不置灰 */
|
|
282
375
|
.form-create.is-preview .fc-cus-select,
|
|
283
376
|
.form-create.is-preview .fc-cus-select-selector,
|
|
284
|
-
.form-create.is-preview .fc-cus-select-selection-item
|
|
285
|
-
.form-create.is-preview .fc-cus-select-selection-placeholder {
|
|
377
|
+
.form-create.is-preview .fc-cus-select-selection-item {
|
|
286
378
|
opacity: 1 !important;
|
|
287
379
|
color: inherit !important;
|
|
288
380
|
background-color: transparent !important;
|
|
289
381
|
}
|
|
290
382
|
|
|
383
|
+
/* 预览模式：隐藏 CusSelect 的占位符 */
|
|
384
|
+
.form-create.is-preview .fc-cus-select-selection-placeholder {
|
|
385
|
+
display: none !important;
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
/* 只读模式：隐藏 CusSelect 的占位符 */
|
|
389
|
+
.fc-cus-select[readonly] .fc-cus-select-selection-placeholder,
|
|
390
|
+
.fc-cus-select[readonly="true"] .fc-cus-select-selection-placeholder {
|
|
391
|
+
display: none !important;
|
|
392
|
+
}
|
|
393
|
+
|
|
291
394
|
/* 预览模式：移除 CusSelect 选择器的边框 */
|
|
292
395
|
.form-create.is-preview .fc-cus-select-selector {
|
|
293
396
|
border: none !important;
|
|
@@ -377,14 +480,62 @@ textarea[readonly].ant-input {
|
|
|
377
480
|
|
|
378
481
|
/* 预览模式：防止选择器显示为禁用状态 */
|
|
379
482
|
.form-create.is-preview .ant-select-disabled .ant-select-selector,
|
|
380
|
-
/*
|
|
483
|
+
/* 只读模式：防止选择器显示为禁用状态，并允许文本选择 */
|
|
381
484
|
.ant-select-disabled .ant-select-selector {
|
|
382
485
|
opacity: 1 !important;
|
|
383
486
|
color: inherit !important;
|
|
384
487
|
background-color: transparent !important;
|
|
385
|
-
cursor:
|
|
488
|
+
cursor: text !important;
|
|
386
489
|
border: none !important;
|
|
387
490
|
box-shadow: none !important;
|
|
491
|
+
user-select: text !important;
|
|
492
|
+
-webkit-user-select: text !important;
|
|
493
|
+
-moz-user-select: text !important;
|
|
494
|
+
-ms-user-select: text !important;
|
|
495
|
+
}
|
|
496
|
+
|
|
497
|
+
/* 只读模式：允许所有文本选择和复制 */
|
|
498
|
+
.ant-input[readonly],
|
|
499
|
+
.ant-input[readonly] *,
|
|
500
|
+
.ant-textarea[readonly],
|
|
501
|
+
.ant-textarea[readonly] *,
|
|
502
|
+
.ant-select-disabled .ant-select-selector *,
|
|
503
|
+
.ant-select-disabled .ant-select-selection-item,
|
|
504
|
+
.ant-select-disabled .ant-select-selection-item-content {
|
|
505
|
+
user-select: text !important;
|
|
506
|
+
-webkit-user-select: text !important;
|
|
507
|
+
-moz-user-select: text !important;
|
|
508
|
+
-ms-user-select: text !important;
|
|
509
|
+
}
|
|
510
|
+
|
|
511
|
+
/* 只读模式：允许 disabled select 的多选选项选择和复制（需要 pointer-events） */
|
|
512
|
+
.ant-select-disabled .ant-select-selector,
|
|
513
|
+
.ant-select-disabled .ant-select-selection,
|
|
514
|
+
.ant-select-disabled .ant-select-selection-item,
|
|
515
|
+
.ant-select-disabled .ant-select-selection-item-content,
|
|
516
|
+
.ant-select-disabled .ant-select-selection-overflow,
|
|
517
|
+
.ant-select-disabled .ant-select-selection-overflow-item {
|
|
518
|
+
pointer-events: auto !important;
|
|
519
|
+
cursor: text !important;
|
|
520
|
+
}
|
|
521
|
+
|
|
522
|
+
/* 只读模式：防止 disabled select 的多选选项显示为灰色 */
|
|
523
|
+
.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
|
|
524
|
+
opacity: 1 !important;
|
|
525
|
+
color: inherit !important;
|
|
526
|
+
background-color: #f0f0f0 !important;
|
|
527
|
+
border-color: #d9d9d9 !important;
|
|
528
|
+
cursor: text !important;
|
|
529
|
+
}
|
|
530
|
+
|
|
531
|
+
/* 预览模式：防止 disabled select 的多选选项显示为灰色，并允许文本选择 */
|
|
532
|
+
.form-create.is-preview .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
|
|
533
|
+
opacity: 1 !important;
|
|
534
|
+
color: inherit !important;
|
|
535
|
+
background-color: #f0f0f0 !important;
|
|
536
|
+
border-color: #d9d9d9 !important;
|
|
537
|
+
cursor: text !important;
|
|
538
|
+
pointer-events: auto !important;
|
|
388
539
|
}
|
|
389
540
|
|
|
390
541
|
/* 预览模式：防止日期选择器显示为禁用状态 */
|
|
@@ -503,110 +654,6 @@ textarea[readonly].ant-input {
|
|
|
503
654
|
cursor: pointer !important;
|
|
504
655
|
}
|
|
505
656
|
|
|
506
|
-
/* 预览模式：允许 tableForm 组件选择和复制文本 */
|
|
507
|
-
.form-create.is-preview ._fc-table-form {
|
|
508
|
-
pointer-events: auto !important;
|
|
509
|
-
}
|
|
510
|
-
|
|
511
|
-
.form-create.is-preview ._fc-table-form table,
|
|
512
|
-
.form-create.is-preview ._fc-table-form ._fc-tf-table {
|
|
513
|
-
pointer-events: auto !important;
|
|
514
|
-
}
|
|
515
|
-
|
|
516
|
-
.form-create.is-preview ._fc-table-form table *,
|
|
517
|
-
.form-create.is-preview ._fc-table-form ._fc-tf-table * {
|
|
518
|
-
pointer-events: auto !important;
|
|
519
|
-
user-select: text !important;
|
|
520
|
-
-webkit-user-select: text !important;
|
|
521
|
-
-moz-user-select: text !important;
|
|
522
|
-
-ms-user-select: text !important;
|
|
523
|
-
}
|
|
524
|
-
|
|
525
|
-
/* 预览模式：tableForm 中的选择列 checkbox 和操作列按钮保持不可交互 */
|
|
526
|
-
.form-create.is-preview ._fc-table-form ._fc-tf-select,
|
|
527
|
-
.form-create.is-preview ._fc-table-form ._fc-tf-select *,
|
|
528
|
-
.form-create.is-preview ._fc-table-form ._fc-tf-btn,
|
|
529
|
-
.form-create.is-preview ._fc-table-form ._fc-tf-btn * {
|
|
530
|
-
pointer-events: none !important;
|
|
531
|
-
user-select: none !important;
|
|
532
|
-
-webkit-user-select: none !important;
|
|
533
|
-
-moz-user-select: none !important;
|
|
534
|
-
-ms-user-select: none !important;
|
|
535
|
-
cursor: default !important;
|
|
536
|
-
}
|
|
537
|
-
|
|
538
|
-
/* 预览模式：允许 select 组件选择和复制文本 */
|
|
539
|
-
/* 整个容器禁用 pointer-events，但文本内容区域启用以支持选择 */
|
|
540
|
-
.form-create.is-preview .ant-select {
|
|
541
|
-
pointer-events: none !important;
|
|
542
|
-
}
|
|
543
|
-
|
|
544
|
-
.form-create.is-preview .ant-select-selector {
|
|
545
|
-
pointer-events: auto !important;
|
|
546
|
-
user-select: text !important;
|
|
547
|
-
-webkit-user-select: text !important;
|
|
548
|
-
-moz-user-select: text !important;
|
|
549
|
-
-ms-user-select: text !important;
|
|
550
|
-
cursor: text !important;
|
|
551
|
-
}
|
|
552
|
-
|
|
553
|
-
.form-create.is-preview .ant-select-selection,
|
|
554
|
-
.form-create.is-preview .ant-select-selection-item,
|
|
555
|
-
.form-create.is-preview .ant-select-selection-placeholder {
|
|
556
|
-
pointer-events: auto !important;
|
|
557
|
-
user-select: text !important;
|
|
558
|
-
-webkit-user-select: text !important;
|
|
559
|
-
-moz-user-select: text !important;
|
|
560
|
-
-ms-user-select: text !important;
|
|
561
|
-
}
|
|
562
|
-
|
|
563
|
-
/* 禁用 select 的下拉箭头和清除按钮 */
|
|
564
|
-
.form-create.is-preview .ant-select .ant-select-arrow,
|
|
565
|
-
.form-create.is-preview .ant-select .ant-select-suffix,
|
|
566
|
-
.form-create.is-preview .ant-select .ant-select-clear {
|
|
567
|
-
pointer-events: none !important;
|
|
568
|
-
user-select: none !important;
|
|
569
|
-
-webkit-user-select: none !important;
|
|
570
|
-
-moz-user-select: none !important;
|
|
571
|
-
-ms-user-select: none !important;
|
|
572
|
-
}
|
|
573
|
-
|
|
574
|
-
/* 预览模式：允许自定义 select 组件（fc-cus-select）选择和复制文本 */
|
|
575
|
-
/* CusStoreSelect 和 CusUserSelect 都使用 CusSelect */
|
|
576
|
-
.form-create.is-preview .fc-cus-select {
|
|
577
|
-
pointer-events: none !important;
|
|
578
|
-
}
|
|
579
|
-
|
|
580
|
-
.form-create.is-preview .fc-cus-select-selector {
|
|
581
|
-
pointer-events: auto !important;
|
|
582
|
-
user-select: text !important;
|
|
583
|
-
-webkit-user-select: text !important;
|
|
584
|
-
-moz-user-select: text !important;
|
|
585
|
-
-ms-user-select: text !important;
|
|
586
|
-
cursor: text !important;
|
|
587
|
-
}
|
|
588
|
-
|
|
589
|
-
.form-create.is-preview .fc-cus-select-selection-item,
|
|
590
|
-
.form-create.is-preview .fc-cus-select-selection-placeholder,
|
|
591
|
-
.form-create.is-preview .fc-cus-select-selection-item-content {
|
|
592
|
-
pointer-events: auto !important;
|
|
593
|
-
user-select: text !important;
|
|
594
|
-
-webkit-user-select: text !important;
|
|
595
|
-
-moz-user-select: text !important;
|
|
596
|
-
-ms-user-select: text !important;
|
|
597
|
-
}
|
|
598
|
-
|
|
599
|
-
/* 禁用自定义 select 的下拉箭头、清除按钮和移除按钮 */
|
|
600
|
-
.form-create.is-preview .fc-cus-select .fc-cus-select-arrow,
|
|
601
|
-
.form-create.is-preview .fc-cus-select .fc-cus-select-clear,
|
|
602
|
-
.form-create.is-preview .fc-cus-select-selection-item-remove {
|
|
603
|
-
pointer-events: none !important;
|
|
604
|
-
user-select: none !important;
|
|
605
|
-
-webkit-user-select: none !important;
|
|
606
|
-
-moz-user-select: none !important;
|
|
607
|
-
-ms-user-select: none !important;
|
|
608
|
-
}
|
|
609
|
-
|
|
610
657
|
/* 禁止编辑：通过 contenteditable 属性控制 */
|
|
611
658
|
.form-create.is-preview .w-e-text {
|
|
612
659
|
user-select: text !important;
|
|
@@ -615,11 +662,6 @@ textarea[readonly].ant-input {
|
|
|
615
662
|
-ms-user-select: text !important;
|
|
616
663
|
}
|
|
617
664
|
|
|
618
|
-
/* 预览模式：允许按钮点击 */
|
|
619
|
-
.form-create.is-preview .ant-btn {
|
|
620
|
-
pointer-events: auto !important;
|
|
621
|
-
cursor: pointer !important;
|
|
622
|
-
}
|
|
623
665
|
|
|
624
666
|
/* 预览模式：禁用选择器下拉 */
|
|
625
667
|
.form-create.is-preview .ant-select-dropdown,
|
package/dist/form-create.esm.css
CHANGED
|
@@ -165,16 +165,96 @@ textarea[readonly].ant-input {
|
|
|
165
165
|
pointer-events: none !important;
|
|
166
166
|
}
|
|
167
167
|
|
|
168
|
-
/*
|
|
169
|
-
.form-create.is-preview
|
|
170
|
-
pointer-events: auto !important;
|
|
168
|
+
/* 预览模式：允许所有文本选择和复制 */
|
|
169
|
+
.form-create.is-preview * {
|
|
171
170
|
user-select: text !important;
|
|
172
171
|
-webkit-user-select: text !important;
|
|
173
172
|
-moz-user-select: text !important;
|
|
174
173
|
-ms-user-select: text !important;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
/* 预览模式：允许滚动容器滚动 */
|
|
177
|
+
.form-create.is-preview [style*="overflow"],
|
|
178
|
+
.form-create.is-preview .ant-table-body,
|
|
179
|
+
.form-create.is-preview .ant-table-tbody,
|
|
180
|
+
.form-create.is-preview .w-e-text-container,
|
|
181
|
+
.form-create.is-preview .w-e-text,
|
|
182
|
+
.form-create.is-preview [class*="scroll"],
|
|
183
|
+
.form-create.is-preview [class*="overflow"] {
|
|
184
|
+
pointer-events: auto !important;
|
|
185
|
+
overflow: auto !important;
|
|
186
|
+
overflow-x: auto !important;
|
|
187
|
+
overflow-y: auto !important;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
/* 预览模式：允许 textarea 交互（用于复制文本） */
|
|
191
|
+
.form-create.is-preview textarea.ant-input {
|
|
192
|
+
pointer-events: auto !important;
|
|
193
|
+
cursor: text !important;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
/* 预览模式：允许 input 文本选择和复制 */
|
|
197
|
+
.form-create.is-preview .ant-input,
|
|
198
|
+
.form-create.is-preview input.ant-input {
|
|
199
|
+
pointer-events: auto !important;
|
|
200
|
+
cursor: text !important;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
/* 预览模式：允许 select 组件文本选择和复制 */
|
|
204
|
+
.form-create.is-preview .ant-select-selector,
|
|
205
|
+
.form-create.is-preview .ant-select-selection,
|
|
206
|
+
.form-create.is-preview .ant-select-selection-item,
|
|
207
|
+
.form-create.is-preview .ant-select-selection-placeholder,
|
|
208
|
+
.form-create.is-preview .ant-select-selection-item-content,
|
|
209
|
+
.form-create.is-preview .ant-select-selection-overflow,
|
|
210
|
+
.form-create.is-preview .ant-select-selection-overflow-item {
|
|
211
|
+
pointer-events: auto !important;
|
|
212
|
+
cursor: text !important;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
/* 预览模式：允许自定义 select 组件文本选择和复制 */
|
|
216
|
+
.form-create.is-preview .fc-cus-select-selector,
|
|
217
|
+
.form-create.is-preview .fc-cus-select-selection-item,
|
|
218
|
+
.form-create.is-preview .fc-cus-select-selection-placeholder,
|
|
219
|
+
.form-create.is-preview .fc-cus-select-selection-item-content {
|
|
220
|
+
pointer-events: auto !important;
|
|
175
221
|
cursor: text !important;
|
|
176
222
|
}
|
|
177
223
|
|
|
224
|
+
/* 预览模式：允许 tableForm 组件文本选择和复制 */
|
|
225
|
+
.form-create.is-preview ._fc-table-form,
|
|
226
|
+
.form-create.is-preview ._fc-table-form * {
|
|
227
|
+
pointer-events: auto !important;
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
/* 预览模式：tableForm 中的选择列 checkbox 和操作列按钮保持不可交互 */
|
|
231
|
+
.form-create.is-preview ._fc-table-form ._fc-tf-select,
|
|
232
|
+
.form-create.is-preview ._fc-table-form ._fc-tf-select *,
|
|
233
|
+
.form-create.is-preview ._fc-table-form ._fc-tf-btn,
|
|
234
|
+
.form-create.is-preview ._fc-table-form ._fc-tf-btn *,
|
|
235
|
+
.form-create.is-preview ._fc-table-form ._fc-tf-head-select,
|
|
236
|
+
.form-create.is-preview ._fc-table-form ._fc-tf-head-select * {
|
|
237
|
+
pointer-events: none !important;
|
|
238
|
+
user-select: none !important;
|
|
239
|
+
-webkit-user-select: none !important;
|
|
240
|
+
-moz-user-select: none !important;
|
|
241
|
+
-ms-user-select: none !important;
|
|
242
|
+
cursor: default !important;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
/* 预览模式：允许按钮点击 */
|
|
246
|
+
.form-create.is-preview .ant-btn {
|
|
247
|
+
pointer-events: auto !important;
|
|
248
|
+
cursor: pointer !important;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
/* 预览模式：允许滚动条滚动（针对有滚动条的容器） */
|
|
252
|
+
.form-create.is-preview .ant-table-body,
|
|
253
|
+
.form-create.is-preview .ant-table-tbody,
|
|
254
|
+
.form-create.is-preview [style*="overflow"] {
|
|
255
|
+
pointer-events: auto !important;
|
|
256
|
+
}
|
|
257
|
+
|
|
178
258
|
/* 预览模式：允许富文本编辑器容器滚动 */
|
|
179
259
|
.form-create.is-preview .w-e-text-container {
|
|
180
260
|
pointer-events: auto !important;
|
|
@@ -271,23 +351,46 @@ textarea[readonly].ant-input {
|
|
|
271
351
|
.form-create.is-preview .ant-switch,
|
|
272
352
|
.form-create.is-preview .ant-slider,
|
|
273
353
|
.form-create.is-preview .ant-rate,
|
|
274
|
-
.form-create.is-preview .ant-upload
|
|
275
|
-
.form-create.is-preview .ant-btn {
|
|
354
|
+
.form-create.is-preview .ant-upload {
|
|
276
355
|
opacity: 1 !important;
|
|
277
356
|
color: inherit !important;
|
|
278
357
|
background-color: transparent !important;
|
|
279
358
|
}
|
|
280
359
|
|
|
360
|
+
/* 预览模式：按钮保持原有颜色，不覆盖 */
|
|
361
|
+
.form-create.is-preview .ant-btn {
|
|
362
|
+
opacity: 1 !important;
|
|
363
|
+
/* 不设置 color，保持按钮的原始颜色 */
|
|
364
|
+
/* 不设置 background-color，保持按钮的原始背景色 */
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
/* 预览模式和只读模式：设置按钮链接的颜色 */
|
|
368
|
+
.form-create.is-preview .ant-btn-link,
|
|
369
|
+
.ant-btn-link[readonly],
|
|
370
|
+
.ant-btn-link[readonly="true"] {
|
|
371
|
+
color: #1677ff !important;
|
|
372
|
+
}
|
|
373
|
+
|
|
281
374
|
/* 预览模式：CusSelect 组件保持正常外观，不置灰 */
|
|
282
375
|
.form-create.is-preview .fc-cus-select,
|
|
283
376
|
.form-create.is-preview .fc-cus-select-selector,
|
|
284
|
-
.form-create.is-preview .fc-cus-select-selection-item
|
|
285
|
-
.form-create.is-preview .fc-cus-select-selection-placeholder {
|
|
377
|
+
.form-create.is-preview .fc-cus-select-selection-item {
|
|
286
378
|
opacity: 1 !important;
|
|
287
379
|
color: inherit !important;
|
|
288
380
|
background-color: transparent !important;
|
|
289
381
|
}
|
|
290
382
|
|
|
383
|
+
/* 预览模式：隐藏 CusSelect 的占位符 */
|
|
384
|
+
.form-create.is-preview .fc-cus-select-selection-placeholder {
|
|
385
|
+
display: none !important;
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
/* 只读模式：隐藏 CusSelect 的占位符 */
|
|
389
|
+
.fc-cus-select[readonly] .fc-cus-select-selection-placeholder,
|
|
390
|
+
.fc-cus-select[readonly="true"] .fc-cus-select-selection-placeholder {
|
|
391
|
+
display: none !important;
|
|
392
|
+
}
|
|
393
|
+
|
|
291
394
|
/* 预览模式：移除 CusSelect 选择器的边框 */
|
|
292
395
|
.form-create.is-preview .fc-cus-select-selector {
|
|
293
396
|
border: none !important;
|
|
@@ -377,14 +480,62 @@ textarea[readonly].ant-input {
|
|
|
377
480
|
|
|
378
481
|
/* 预览模式：防止选择器显示为禁用状态 */
|
|
379
482
|
.form-create.is-preview .ant-select-disabled .ant-select-selector,
|
|
380
|
-
/*
|
|
483
|
+
/* 只读模式：防止选择器显示为禁用状态，并允许文本选择 */
|
|
381
484
|
.ant-select-disabled .ant-select-selector {
|
|
382
485
|
opacity: 1 !important;
|
|
383
486
|
color: inherit !important;
|
|
384
487
|
background-color: transparent !important;
|
|
385
|
-
cursor:
|
|
488
|
+
cursor: text !important;
|
|
386
489
|
border: none !important;
|
|
387
490
|
box-shadow: none !important;
|
|
491
|
+
user-select: text !important;
|
|
492
|
+
-webkit-user-select: text !important;
|
|
493
|
+
-moz-user-select: text !important;
|
|
494
|
+
-ms-user-select: text !important;
|
|
495
|
+
}
|
|
496
|
+
|
|
497
|
+
/* 只读模式：允许所有文本选择和复制 */
|
|
498
|
+
.ant-input[readonly],
|
|
499
|
+
.ant-input[readonly] *,
|
|
500
|
+
.ant-textarea[readonly],
|
|
501
|
+
.ant-textarea[readonly] *,
|
|
502
|
+
.ant-select-disabled .ant-select-selector *,
|
|
503
|
+
.ant-select-disabled .ant-select-selection-item,
|
|
504
|
+
.ant-select-disabled .ant-select-selection-item-content {
|
|
505
|
+
user-select: text !important;
|
|
506
|
+
-webkit-user-select: text !important;
|
|
507
|
+
-moz-user-select: text !important;
|
|
508
|
+
-ms-user-select: text !important;
|
|
509
|
+
}
|
|
510
|
+
|
|
511
|
+
/* 只读模式：允许 disabled select 的多选选项选择和复制（需要 pointer-events） */
|
|
512
|
+
.ant-select-disabled .ant-select-selector,
|
|
513
|
+
.ant-select-disabled .ant-select-selection,
|
|
514
|
+
.ant-select-disabled .ant-select-selection-item,
|
|
515
|
+
.ant-select-disabled .ant-select-selection-item-content,
|
|
516
|
+
.ant-select-disabled .ant-select-selection-overflow,
|
|
517
|
+
.ant-select-disabled .ant-select-selection-overflow-item {
|
|
518
|
+
pointer-events: auto !important;
|
|
519
|
+
cursor: text !important;
|
|
520
|
+
}
|
|
521
|
+
|
|
522
|
+
/* 只读模式：防止 disabled select 的多选选项显示为灰色 */
|
|
523
|
+
.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
|
|
524
|
+
opacity: 1 !important;
|
|
525
|
+
color: inherit !important;
|
|
526
|
+
background-color: #f0f0f0 !important;
|
|
527
|
+
border-color: #d9d9d9 !important;
|
|
528
|
+
cursor: text !important;
|
|
529
|
+
}
|
|
530
|
+
|
|
531
|
+
/* 预览模式：防止 disabled select 的多选选项显示为灰色，并允许文本选择 */
|
|
532
|
+
.form-create.is-preview .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
|
|
533
|
+
opacity: 1 !important;
|
|
534
|
+
color: inherit !important;
|
|
535
|
+
background-color: #f0f0f0 !important;
|
|
536
|
+
border-color: #d9d9d9 !important;
|
|
537
|
+
cursor: text !important;
|
|
538
|
+
pointer-events: auto !important;
|
|
388
539
|
}
|
|
389
540
|
|
|
390
541
|
/* 预览模式：防止日期选择器显示为禁用状态 */
|
|
@@ -503,110 +654,6 @@ textarea[readonly].ant-input {
|
|
|
503
654
|
cursor: pointer !important;
|
|
504
655
|
}
|
|
505
656
|
|
|
506
|
-
/* 预览模式：允许 tableForm 组件选择和复制文本 */
|
|
507
|
-
.form-create.is-preview ._fc-table-form {
|
|
508
|
-
pointer-events: auto !important;
|
|
509
|
-
}
|
|
510
|
-
|
|
511
|
-
.form-create.is-preview ._fc-table-form table,
|
|
512
|
-
.form-create.is-preview ._fc-table-form ._fc-tf-table {
|
|
513
|
-
pointer-events: auto !important;
|
|
514
|
-
}
|
|
515
|
-
|
|
516
|
-
.form-create.is-preview ._fc-table-form table *,
|
|
517
|
-
.form-create.is-preview ._fc-table-form ._fc-tf-table * {
|
|
518
|
-
pointer-events: auto !important;
|
|
519
|
-
user-select: text !important;
|
|
520
|
-
-webkit-user-select: text !important;
|
|
521
|
-
-moz-user-select: text !important;
|
|
522
|
-
-ms-user-select: text !important;
|
|
523
|
-
}
|
|
524
|
-
|
|
525
|
-
/* 预览模式：tableForm 中的选择列 checkbox 和操作列按钮保持不可交互 */
|
|
526
|
-
.form-create.is-preview ._fc-table-form ._fc-tf-select,
|
|
527
|
-
.form-create.is-preview ._fc-table-form ._fc-tf-select *,
|
|
528
|
-
.form-create.is-preview ._fc-table-form ._fc-tf-btn,
|
|
529
|
-
.form-create.is-preview ._fc-table-form ._fc-tf-btn * {
|
|
530
|
-
pointer-events: none !important;
|
|
531
|
-
user-select: none !important;
|
|
532
|
-
-webkit-user-select: none !important;
|
|
533
|
-
-moz-user-select: none !important;
|
|
534
|
-
-ms-user-select: none !important;
|
|
535
|
-
cursor: default !important;
|
|
536
|
-
}
|
|
537
|
-
|
|
538
|
-
/* 预览模式：允许 select 组件选择和复制文本 */
|
|
539
|
-
/* 整个容器禁用 pointer-events，但文本内容区域启用以支持选择 */
|
|
540
|
-
.form-create.is-preview .ant-select {
|
|
541
|
-
pointer-events: none !important;
|
|
542
|
-
}
|
|
543
|
-
|
|
544
|
-
.form-create.is-preview .ant-select-selector {
|
|
545
|
-
pointer-events: auto !important;
|
|
546
|
-
user-select: text !important;
|
|
547
|
-
-webkit-user-select: text !important;
|
|
548
|
-
-moz-user-select: text !important;
|
|
549
|
-
-ms-user-select: text !important;
|
|
550
|
-
cursor: text !important;
|
|
551
|
-
}
|
|
552
|
-
|
|
553
|
-
.form-create.is-preview .ant-select-selection,
|
|
554
|
-
.form-create.is-preview .ant-select-selection-item,
|
|
555
|
-
.form-create.is-preview .ant-select-selection-placeholder {
|
|
556
|
-
pointer-events: auto !important;
|
|
557
|
-
user-select: text !important;
|
|
558
|
-
-webkit-user-select: text !important;
|
|
559
|
-
-moz-user-select: text !important;
|
|
560
|
-
-ms-user-select: text !important;
|
|
561
|
-
}
|
|
562
|
-
|
|
563
|
-
/* 禁用 select 的下拉箭头和清除按钮 */
|
|
564
|
-
.form-create.is-preview .ant-select .ant-select-arrow,
|
|
565
|
-
.form-create.is-preview .ant-select .ant-select-suffix,
|
|
566
|
-
.form-create.is-preview .ant-select .ant-select-clear {
|
|
567
|
-
pointer-events: none !important;
|
|
568
|
-
user-select: none !important;
|
|
569
|
-
-webkit-user-select: none !important;
|
|
570
|
-
-moz-user-select: none !important;
|
|
571
|
-
-ms-user-select: none !important;
|
|
572
|
-
}
|
|
573
|
-
|
|
574
|
-
/* 预览模式：允许自定义 select 组件（fc-cus-select）选择和复制文本 */
|
|
575
|
-
/* CusStoreSelect 和 CusUserSelect 都使用 CusSelect */
|
|
576
|
-
.form-create.is-preview .fc-cus-select {
|
|
577
|
-
pointer-events: none !important;
|
|
578
|
-
}
|
|
579
|
-
|
|
580
|
-
.form-create.is-preview .fc-cus-select-selector {
|
|
581
|
-
pointer-events: auto !important;
|
|
582
|
-
user-select: text !important;
|
|
583
|
-
-webkit-user-select: text !important;
|
|
584
|
-
-moz-user-select: text !important;
|
|
585
|
-
-ms-user-select: text !important;
|
|
586
|
-
cursor: text !important;
|
|
587
|
-
}
|
|
588
|
-
|
|
589
|
-
.form-create.is-preview .fc-cus-select-selection-item,
|
|
590
|
-
.form-create.is-preview .fc-cus-select-selection-placeholder,
|
|
591
|
-
.form-create.is-preview .fc-cus-select-selection-item-content {
|
|
592
|
-
pointer-events: auto !important;
|
|
593
|
-
user-select: text !important;
|
|
594
|
-
-webkit-user-select: text !important;
|
|
595
|
-
-moz-user-select: text !important;
|
|
596
|
-
-ms-user-select: text !important;
|
|
597
|
-
}
|
|
598
|
-
|
|
599
|
-
/* 禁用自定义 select 的下拉箭头、清除按钮和移除按钮 */
|
|
600
|
-
.form-create.is-preview .fc-cus-select .fc-cus-select-arrow,
|
|
601
|
-
.form-create.is-preview .fc-cus-select .fc-cus-select-clear,
|
|
602
|
-
.form-create.is-preview .fc-cus-select-selection-item-remove {
|
|
603
|
-
pointer-events: none !important;
|
|
604
|
-
user-select: none !important;
|
|
605
|
-
-webkit-user-select: none !important;
|
|
606
|
-
-moz-user-select: none !important;
|
|
607
|
-
-ms-user-select: none !important;
|
|
608
|
-
}
|
|
609
|
-
|
|
610
657
|
/* 禁止编辑：通过 contenteditable 属性控制 */
|
|
611
658
|
.form-create.is-preview .w-e-text {
|
|
612
659
|
user-select: text !important;
|
|
@@ -615,11 +662,6 @@ textarea[readonly].ant-input {
|
|
|
615
662
|
-ms-user-select: text !important;
|
|
616
663
|
}
|
|
617
664
|
|
|
618
|
-
/* 预览模式：允许按钮点击 */
|
|
619
|
-
.form-create.is-preview .ant-btn {
|
|
620
|
-
pointer-events: auto !important;
|
|
621
|
-
cursor: pointer !important;
|
|
622
|
-
}
|
|
623
665
|
|
|
624
666
|
/* 预览模式：禁用选择器下拉 */
|
|
625
667
|
.form-create.is-preview .ant-select-dropdown,
|