@longhongguo/form-create-ant-design-vue 3.3.73 → 3.3.76

package/dist/form-create.css

@@ -1,1302 +1,1317 @@
-.form-create .form-create .ant-form-item {
-  margin-bottom: 22px;
-}
-
-.form-create .form-create .ant-form-item.ant-form-item-with-help {
-  margin-bottom: 3px;
-}
-
-.form-create
-  .form-create
-  .ant-form-item
-  .ant-form-item.ant-form-item-with-help {
-  margin-bottom: -22px;
-}
-
-.form-create {
-  width: 100%;
-}
-
-.form-create.is-preview .fc-clock,
-.form-create .fc-none,
-.form-create.is-preview
-  .ant-form-item
-  .ant-form-item-label
-  > label.ant-form-item-required::before {
-  display: none !important;
-}
-
-/* 预览模式样式增强 */
-
-.form-create.is-preview .ant-form-item {
-  margin-bottom: 8px !important;
-}
-
-.form-create.is-preview .form-create .ant-form-item {
-  margin-bottom: 8px !important;
-}
-
-.form-create.is-preview .ant-form-item.ant-form-item-with-help {
-  margin-bottom: 4px !important;
-}
-
-.form-create.is-preview
-  .form-create
-  .ant-form-item
-  .ant-form-item.ant-form-item-with-help {
-  margin-bottom: -8px !important;
-}
-
-/* 移除组件边框 */
-/* 预览模式或只读模式的样式 */
-.form-create.is-preview .ant-input,
-.form-create.is-preview .ant-input-number,
-.form-create.is-preview .ant-select-selector,
-.form-create.is-preview .ant-picker,
-.form-create.is-preview .ant-cascader-picker,
-.form-create.is-preview .ant-input-password,
-.form-create.is-preview .ant-textarea,
-.form-create.is-preview .ant-upload,
-.form-create.is-preview .ant-upload-list,
-.form-create.is-preview .ant-upload-list-item,
-.form-create.is-preview .ant-input-wrapper,
-.form-create.is-preview .ant-input-affix-wrapper,
-.form-create.is-preview .ant-input-group-wrapper,
-.form-create.is-preview .ant-input-group,
-/* 只读模式的样式（通过 readOnly 属性或 disabled 属性识别） */
-.ant-input[readonly],
-.ant-input[readonly] ~ .ant-input-wrapper,
-.ant-input[readonly] ~ .ant-input-affix-wrapper,
-.ant-textarea[readonly],
-.ant-picker-disabled,
-.ant-cascader-disabled .ant-cascader-picker,
-input[readonly].ant-input,
-textarea[readonly].ant-input {
-  border: none !important;
-  box-shadow: none !important;
-  background: transparent !important;
-}
-
-.form-create.is-preview .ant-input:focus,
-.form-create.is-preview .ant-input-number:focus,
-.form-create.is-preview .ant-select-focused .ant-select-selector,
-.form-create.is-preview .ant-picker:focus,
-.form-create.is-preview .ant-cascader-picker:focus,
-.form-create.is-preview .ant-input-password:focus,
-.form-create.is-preview .ant-textarea:focus,
-.form-create.is-preview .ant-input-wrapper:focus,
-.form-create.is-preview .ant-input-affix-wrapper:focus,
-.form-create.is-preview .ant-input-affix-wrapper-focused,
-/* 只读模式：移除焦点状态边框 */
-.ant-input[readonly]:focus,
-.ant-textarea[readonly]:focus,
-/* 只读模式：readOnly 的 disabled select 移除焦点状态边框 */
-.fc-select-readonly.ant-select-disabled.ant-select-focused .ant-select-selector,
-.fc-select-readonly.ant-select-disabled:focus .ant-select-selector,
-.ant-picker-disabled:focus {
-  border: none !important;
-  box-shadow: none !important;
-  outline: none !important;
-}
-
-.form-create.is-preview .ant-input:hover,
-.form-create.is-preview .ant-input-number:hover,
-.form-create.is-preview .ant-select:hover .ant-select-selector,
-.form-create.is-preview .ant-picker:hover,
-.form-create.is-preview .ant-cascader-picker:hover,
-.form-create.is-preview .ant-input-password:hover,
-.form-create.is-preview .ant-textarea:hover,
-.form-create.is-preview .ant-input-wrapper:hover,
-.form-create.is-preview .ant-input-affix-wrapper:hover,
-/* 只读模式：移除悬停状态边框 */
-.ant-input[readonly]:hover,
-.ant-textarea[readonly]:hover,
-/* 只读模式：readOnly 的 disabled select 移除悬停状态边框 */
-.fc-select-readonly.ant-select-disabled:hover .ant-select-selector,
-.ant-picker-disabled:hover {
-  border: none !important;
-  box-shadow: none !important;
-}
-
-/* 预览模式：移除所有 input 相关元素的边框（更全面的覆盖） */
-.form-create.is-preview .ant-input-affix-wrapper,
-.form-create.is-preview .ant-input-affix-wrapper:hover,
-.form-create.is-preview .ant-input-affix-wrapper-focused,
-.form-create.is-preview .ant-input-affix-wrapper-disabled,
-.form-create.is-preview .ant-input-wrapper .ant-input,
-.form-create.is-preview .ant-input-group-addon,
-.form-create.is-preview .ant-input-group .ant-input,
-.form-create.is-preview input.ant-input,
-.form-create.is-preview textarea.ant-input {
-  border: none !important;
-  border-width: 0 !important;
-  box-shadow: none !important;
-  outline: none !important;
-  background: transparent !important;
-}
-
-/* 隐藏字数限制等提示信息 */
-.form-create.is-preview .ant-input-character-count,
-.form-create.is-preview .ant-textarea-character-count,
-.form-create.is-preview .ant-form-item-explain,
-.form-create.is-preview .ant-form-item-extra,
-.form-create.is-preview .ant-form-item-feedback-icon,
-.form-create.is-preview
-  .ant-form-item-has-feedback
-  .ant-form-item-children-icon {
-  display: none !important;
-}
-
-/* 隐藏必填标记 */
-.form-create.is-preview
-  .ant-form-item-label
-  > label.ant-form-item-required::before,
-.form-create.is-preview label.ant-form-item-required::before {
-  display: none !important;
-}
-
-/* 隐藏帮助图标和提示 */
-.form-create.is-preview .ant-form-item-label .anticon,
-.form-create.is-preview .ant-form-item-label .fc-icon {
-  display: none !important;
-}
-
-/* 预览模式：禁用所有交互 */
-.form-create.is-preview * {
-  pointer-events: none !important;
-}
-
-/* 预览模式：允许所有文本选择和复制 */
-.form-create.is-preview * {
-  user-select: text !important;
-  -webkit-user-select: text !important;
-  -moz-user-select: text !important;
-  -ms-user-select: text !important;
-}
-
-/* 预览模式：允许滚动容器滚动 */
-.form-create.is-preview [style*='overflow'],
-.form-create.is-preview .ant-table-body,
-.form-create.is-preview .ant-table-tbody,
-.form-create.is-preview .w-e-text-container,
-.form-create.is-preview .w-e-text,
-.form-create.is-preview [class*='scroll'],
-.form-create.is-preview [class*='overflow'] {
-  pointer-events: auto !important;
-  overflow: auto !important;
-  overflow-x: auto !important;
-  overflow-y: auto !important;
-}
-
-/* 预览模式：允许 textarea 交互（用于复制文本） */
-.form-create.is-preview textarea.ant-input {
-  pointer-events: auto !important;
-  cursor: text !important;
-}
-
-/* 预览模式：允许 input 文本选择和复制 */
-.form-create.is-preview .ant-input,
-.form-create.is-preview input.ant-input {
-  pointer-events: auto !important;
-  cursor: text !important;
-}
-
-/* 预览模式：允许 select 组件文本选择和复制 */
-.form-create.is-preview .ant-select-selector,
-.form-create.is-preview .ant-select-selection,
-.form-create.is-preview .ant-select-selection-item,
-.form-create.is-preview .ant-select-selection-placeholder,
-.form-create.is-preview .ant-select-selection-item-content,
-.form-create.is-preview .ant-select-selection-overflow,
-.form-create.is-preview .ant-select-selection-overflow-item {
-  pointer-events: auto !important;
-  cursor: text !important;
-}
-
-/* 预览模式：允许自定义 select 组件文本选择和复制 */
-.form-create.is-preview .fc-cus-select-selector,
-.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;
-  cursor: text !important;
-}
-
-/* 预览模式：允许 tableForm 组件文本选择和复制 */
-.form-create.is-preview ._fc-table-form,
-.form-create.is-preview ._fc-table-form * {
-  pointer-events: auto !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 *,
-.form-create.is-preview ._fc-table-form ._fc-tf-head-select,
-.form-create.is-preview ._fc-table-form ._fc-tf-head-select * {
-  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;
-}
-
-/* 预览模式：允许按钮点击 */
-.form-create.is-preview .ant-btn {
-  pointer-events: auto !important;
-  cursor: pointer !important;
-}
-
-/* 预览模式：允许滚动条滚动（针对有滚动条的容器） */
-.form-create.is-preview .ant-table-body,
-.form-create.is-preview .ant-table-tbody,
-.form-create.is-preview [style*='overflow'] {
-  pointer-events: auto !important;
-}
-
-/* 预览模式：允许富文本编辑器容器滚动 */
-.form-create.is-preview .w-e-text-container {
-  pointer-events: auto !important;
-  overflow-y: auto !important;
-  overflow-x: hidden !important;
-}
-
-.form-create.is-preview .w-e-text {
-  pointer-events: auto !important;
-  overflow-y: auto !important;
-  overflow-x: hidden !important;
-  cursor: default !important;
-  /* 确保可以滚动 */
-  -webkit-overflow-scrolling: touch !important;
-}
-
-/* 预览模式：允许 upload 组件的预览功能（整个列表项可以点击预览） */
-.form-create.is-preview .ant-upload-list-item {
-  pointer-events: auto !important;
-}
-
-/* 预览模式：允许 upload 组件中的预览相关元素 */
-.form-create.is-preview .ant-upload-list-item-thumbnail,
-.form-create.is-preview .ant-upload-list-item-thumbnail *,
-.form-create.is-preview .ant-upload-list-item-name,
-.form-create.is-preview .ant-upload-list-item-preview,
-.form-create.is-preview .ant-upload-list-item-preview-icon,
-.form-create.is-preview .ant-upload-list-item-actions-preview,
-.form-create.is-preview .ant-upload-list-item-actions .anticon-eye,
-.form-create.is-preview .ant-upload-list-item-info,
-.form-create.is-preview .ant-upload-list-item-info > span,
-.form-create.is-preview
-  .ant-upload-picture-card
-  .ant-upload-list-item-thumbnail,
-.form-create.is-preview
-  .ant-upload-picture-card
-  .ant-upload-list-item-thumbnail
-  * {
-  pointer-events: auto !important;
-  cursor: pointer !important;
-}
-
-/* 预览模式：允许 image 组件的预览功能 */
-.form-create.is-preview .ant-image,
-.form-create.is-preview .ant-image-img,
-.form-create.is-preview .ant-image-mask,
-.form-create.is-preview .ant-image-mask-info {
-  pointer-events: auto !important;
-  cursor: pointer !important;
-}
-
-/* 预览模式：允许图片预览弹窗可以交互 */
-.form-create.is-preview .ant-modal,
-.form-create.is-preview .ant-modal-wrap,
-.form-create.is-preview .ant-modal-mask,
-.form-create.is-preview .ant-modal-content,
-.form-create.is-preview .ant-modal-close,
-.form-create.is-preview .ant-modal-header,
-.form-create.is-preview .ant-modal-body,
-.form-create.is-preview .ant-modal-footer {
-  pointer-events: auto !important;
-}
-
-/* 预览模式：隐藏 upload 组件的上传按钮 */
-.form-create.is-preview .ant-upload-select,
-.form-create.is-preview .ant-upload-select-picture-card {
-  display: none !important;
-}
-
-/* 预览模式：阻止 upload 组件中的删除和其他操作按钮（优先级更高） */
-.form-create.is-preview .ant-upload-list-item-actions-delete,
-.form-create.is-preview .ant-upload-list-item-actions-upload,
-.form-create.is-preview .ant-upload-list-item-actions-download,
-.form-create.is-preview .ant-upload-list-item-actions .anticon-delete,
-.form-create.is-preview .ant-upload-list-item-actions .anticon-close,
-.form-create.is-preview .ant-upload-list-item-actions-item .anticon-delete,
-.form-create.is-preview .ant-upload-list-item-actions-item-delete,
-.form-create.is-preview .ant-upload-list-item-actions-item-upload,
-.form-create.is-preview .ant-upload-list-item-remove {
-  pointer-events: none !important;
-  cursor: not-allowed !important;
-}
-
-/* 预览模式：防止组件显示为禁用状态（不置灰） */
-.form-create.is-preview .ant-input,
-.form-create.is-preview .ant-input-number,
-.form-create.is-preview .ant-select,
-.form-create.is-preview .ant-picker,
-.form-create.is-preview .ant-cascader,
-.form-create.is-preview .ant-input-password,
-.form-create.is-preview .ant-textarea,
-.form-create.is-preview .ant-radio,
-.form-create.is-preview .ant-checkbox,
-.form-create.is-preview .ant-switch,
-.form-create.is-preview .ant-slider,
-.form-create.is-preview .ant-rate,
-.form-create.is-preview .ant-upload {
-  opacity: 1 !important;
-  color: inherit !important;
-  background-color: transparent !important;
-}
-
-/* 只读模式：防止 upload 组件显示为禁用状态（不置灰） */
-.ant-upload-disabled,
-.ant-upload.ant-upload-disabled {
-  opacity: 1 !important;
-  color: inherit !important;
-  background-color: transparent !important;
-}
-
-/* 只读模式：防止 upload 列表项显示为禁用状态 */
-.ant-upload-disabled .ant-upload-list-item,
-.ant-upload.ant-upload-disabled .ant-upload-list-item {
-  opacity: 1 !important;
-}
-
-/* 只读模式：防止 upload 列表项缩略图显示为禁用状态 */
-.ant-upload-disabled .ant-upload-list-item-thumbnail,
-.ant-upload.ant-upload-disabled .ant-upload-list-item-thumbnail,
-.ant-upload-disabled .ant-upload-list-item-thumbnail img,
-.ant-upload.ant-upload-disabled .ant-upload-list-item-thumbnail img {
-  opacity: 1 !important;
-}
-
-/* 预览模式：按钮保持原有颜色，不覆盖 */
-.form-create.is-preview .ant-btn {
-  opacity: 1 !important;
-  /* 不设置 color，保持按钮的原始颜色 */
-  /* 不设置 background-color，保持按钮的原始背景色 */
-}
-
-/* 预览模式和只读模式：设置按钮链接的颜色 */
-.form-create.is-preview .ant-btn-link,
-.ant-btn-link[readonly],
-.ant-btn-link[readonly='true'] {
-  color: #1677ff !important;
-}
-
-/* 预览模式：CusSelect 组件保持正常外观，不置灰 */
-.form-create.is-preview .fc-cus-select,
-.form-create.is-preview .fc-cus-select-selector,
-.form-create.is-preview .fc-cus-select-selection-item {
-  opacity: 1 !important;
-  color: inherit !important;
-  background-color: transparent !important;
-}
-
-/* 预览模式：隐藏 CusSelect 的占位符 */
-.form-create.is-preview .fc-cus-select-selection-placeholder {
-  display: none !important;
-}
-
-/* 只读模式：隐藏 CusSelect 的占位符 */
-.fc-cus-select[readonly] .fc-cus-select-selection-placeholder,
-.fc-cus-select[readonly='true'] .fc-cus-select-selection-placeholder {
-  display: none !important;
-}
-
-/* 预览模式：移除 CusSelect 选择器的边框 */
-.form-create.is-preview .fc-cus-select-selector {
-  border: none !important;
-  box-shadow: none !important;
-}
-
-/* 预览模式：隐藏 CusSelect 的箭头和清除按钮 */
-.form-create.is-preview .fc-cus-select-arrow,
-.form-create.is-preview .fc-cus-select-clear {
-  display: none !important;
-}
-
-/* 预览模式：隐藏选择器的下拉箭头 */
-.form-create.is-preview .ant-select-arrow,
-.form-create.is-preview .ant-select-suffix,
-/* 只读模式：隐藏 readOnly 选择器的下拉箭头 */
-.fc-select-readonly.ant-select-disabled .ant-select-arrow,
-.fc-select-readonly.ant-select-disabled .ant-select-suffix {
-  display: none !important;
-}
-
-/* 预览模式：隐藏日期选择器的图标 */
-.form-create.is-preview .ant-picker-suffix,
-.form-create.is-preview .ant-picker-suffix .anticon {
-  display: none !important;
-}
-
-/* 预览模式：隐藏其他输入框的清除按钮和图标 */
-.form-create.is-preview .ant-input-clear-icon,
-.form-create.is-preview .ant-input-number-handler,
-.form-create.is-preview .ant-input-number-handler-wrap {
-  display: none !important;
-}
-
-/* 预览模式：防止输入框显示为禁用状态的灰色 */
-.form-create.is-preview .ant-input[disabled],
-.form-create.is-preview .ant-input-number[disabled],
-.form-create.is-preview .ant-select-disabled,
-.form-create.is-preview .ant-picker-disabled,
-.form-create.is-preview .ant-textarea[disabled],
-/* 只读模式：防止输入框显示为禁用状态的灰色 */
-.ant-input[readonly],
-.ant-input[readonly][disabled],
-.ant-input-number[disabled],
-.ant-textarea[readonly],
-.ant-textarea[readonly][disabled],
-/* 只读模式：防止 readOnly 的 disabled select 显示为禁用状态的灰色 */
-.fc-select-readonly.ant-select-disabled,
-.ant-picker-disabled {
-  opacity: 1 !important;
-  color: inherit !important;
-  background-color: transparent !important;
-  cursor: default !important;
-}
-
-/* 预览模式：textarea 自适应高度且只读可复制 */
-.form-create.is-preview textarea.ant-input,
-.form-create.is-preview .ant-textarea {
-  /* 允许文本选择，用于复制 */
-  user-select: text !important;
-  -webkit-user-select: text !important;
-  -moz-user-select: text !important;
-  -ms-user-select: text !important;
-  /* 允许交互，用于复制 */
-  pointer-events: auto !important;
-  cursor: text !important;
-  /* 移除滚动条（因为内容会自适应显示） */
-  overflow: hidden !important;
-  overflow-y: hidden !important;
-  overflow-x: hidden !important;
-  /* 确保只读状态下仍可正常显示和选择 */
-  resize: none !important;
-  /* 确保 textarea 能够根据内容自动调整高度 */
-  box-sizing: border-box !important;
-  /* 移除固定高度限制，让 JavaScript 动态设置 */
-  min-height: auto !important;
-  max-height: none !important;
-}
-
-/* 预览模式：textarea 只读状态样式 */
-.form-create.is-preview textarea.ant-input[readonly],
-.form-create.is-preview .ant-textarea[readonly] {
-  opacity: 1 !important;
-  color: inherit !important;
-  background-color: transparent !important;
-  cursor: text !important;
-}
-
-/* 预览模式：防止选择器显示为禁用状态 */
-.form-create.is-preview .ant-select-disabled .ant-select-selector {
-  opacity: 1 !important;
-  color: inherit !important;
-  background-color: transparent !important;
-  cursor: text !important;
-  border: none !important;
-  box-shadow: none !important;
-  user-select: text !important;
-  -webkit-user-select: text !important;
-  -moz-user-select: text !important;
-  -ms-user-select: text !important;
-}
-
-/* 只读模式：readOnly 的 disabled select 保持正常颜色（不是灰色） */
-.fc-select-readonly.ant-select-disabled .ant-select-selector {
-  opacity: 1 !important;
-  color: rgba(0, 0, 0, 0.88) !important;
-  background-color: #ffffff !important;
-  cursor: text !important;
-  border: 1px solid #d9d9d9 !important;
-  box-shadow: none !important;
-  user-select: text !important;
-  -webkit-user-select: text !important;
-  -moz-user-select: text !important;
-  -ms-user-select: text !important;
-}
-
-/* 只读模式：readOnly 的 disabled select 悬停时保持正常样式 */
-.fc-select-readonly.ant-select-disabled:hover .ant-select-selector {
-  border-color: #d9d9d9 !important;
-  box-shadow: none !important;
-}
-
-/* 只读模式：readOnly 的 disabled select 聚焦时保持正常样式 */
-.fc-select-readonly.ant-select-disabled.ant-select-focused .ant-select-selector,
-.fc-select-readonly.ant-select-disabled:focus .ant-select-selector {
-  border-color: #d9d9d9 !important;
-  box-shadow: none !important;
-  outline: none !important;
-}
-
-/* 只读模式：允许所有文本选择和复制 */
-.ant-input[readonly],
-.ant-input[readonly] *,
-.ant-textarea[readonly],
-.ant-textarea[readonly] *,
-.fc-select-readonly.ant-select-disabled .ant-select-selector *,
-.fc-select-readonly.ant-select-disabled .ant-select-selection-item,
-.fc-select-readonly.ant-select-disabled .ant-select-selection-item-content {
-  user-select: text !important;
-  -webkit-user-select: text !important;
-  -moz-user-select: text !important;
-  -ms-user-select: text !important;
-}
-
-/* 只读模式：允许 readOnly 的 disabled select 的多选选项选择和复制（需要 pointer-events） */
-.fc-select-readonly.ant-select-disabled .ant-select-selector,
-.fc-select-readonly.ant-select-disabled .ant-select-selection,
-.fc-select-readonly.ant-select-disabled .ant-select-selection-item,
-.fc-select-readonly.ant-select-disabled .ant-select-selection-item-content,
-.fc-select-readonly.ant-select-disabled .ant-select-selection-overflow,
-.fc-select-readonly.ant-select-disabled .ant-select-selection-overflow-item {
-  pointer-events: auto !important;
-  cursor: text !important;
-}
-
-/* 只读模式：防止 readOnly 的 disabled select 的多选选项显示为灰色 */
-.fc-select-readonly.ant-select-disabled.ant-select-multiple
-  .ant-select-selection-item {
-  opacity: 1 !important;
-  color: rgba(0, 0, 0, 0.88) !important;
-  background-color: #f0f0f0 !important;
-  border-color: #d9d9d9 !important;
-  cursor: text !important;
-}
-
-/* 预览模式：防止 disabled select 的多选选项显示为灰色，并允许文本选择 */
-.form-create.is-preview
-  .ant-select-disabled.ant-select-multiple
-  .ant-select-selection-item {
-  opacity: 1 !important;
-  color: inherit !important;
-  background-color: #f0f0f0 !important;
-  border-color: #d9d9d9 !important;
-  cursor: text !important;
-  pointer-events: auto !important;
-}
-
-/* 预览模式：防止日期选择器显示为禁用状态 */
-.form-create.is-preview .ant-picker-disabled {
-  opacity: 1 !important;
-  color: inherit !important;
-  background-color: transparent !important;
-  cursor: default !important;
-}
-
-/* 预览模式：富文本编辑器样式 */
-.form-create.is-preview .w-e-text-container {
-  border: none !important;
-  box-shadow: none !important;
-  background: transparent !important;
-  /* 移除高度限制，让内容自适应 */
-  height: auto !important;
-  min-height: auto !important;
-  max-height: none !important;
-}
-
-.form-create.is-preview .w-e-toolbar {
-  display: none !important;
-}
-
-.form-create.is-preview .w-e-text {
-  border: none !important;
-  box-shadow: none !important;
-  background: transparent !important;
-  /* 移除高度限制，让内容自适应 */
-  height: auto !important;
-  min-height: auto !important;
-  max-height: none !important;
-}
-
-/* 只读模式：富文本编辑器样式（通过 contenteditable="false" 识别） */
-.w-e-text[contenteditable='false'] {
-  border: none !important;
-  box-shadow: none !important;
-  background: transparent !important;
-  /* 移除高度限制，让内容自适应 */
-  height: auto !important;
-  min-height: auto !important;
-  max-height: none !important;
-}
-
-/* 预览模式：编辑器根元素自适应高度 */
-.form-create.is-preview div[id^='editor'][readonly='true'],
-.form-create.is-preview div[id^='editor'][readonly] {
-  height: auto !important;
-  min-height: auto !important;
-  max-height: none !important;
-}
-
-/* 只读模式下，通过 JavaScript 设置容器自适应高度 */
-/* 容器样式会在 setReadOnlyMode 中通过 JavaScript 动态设置 */
-
-/* 富文本内容只读：允许选择文本和点击链接，但禁止编辑 */
-.form-create.is-preview .w-e-text p,
-.form-create.is-preview .w-e-text div,
-.form-create.is-preview .w-e-text span,
-.form-create.is-preview .w-e-text li,
-.form-create.is-preview .w-e-text ul,
-.form-create.is-preview .w-e-text ol,
-.form-create.is-preview .w-e-text h1,
-.form-create.is-preview .w-e-text h2,
-.form-create.is-preview .w-e-text h3,
-.form-create.is-preview .w-e-text h4,
-.form-create.is-preview .w-e-text h5,
-.form-create.is-preview .w-e-text h6,
-.form-create.is-preview .w-e-text table,
-.form-create.is-preview .w-e-text tr,
-.form-create.is-preview .w-e-text td,
-.form-create.is-preview .w-e-text th {
-  /* 允许文本选择，用于复制 */
-  user-select: text !important;
-  -webkit-user-select: text !important;
-  -moz-user-select: text !important;
-  -ms-user-select: text !important;
-  /* 阻止编辑，但不阻止交互 */
-  pointer-events: auto !important;
-}
-
-/* 允许链接可以点击 */
-.form-create.is-preview .w-e-text a {
-  pointer-events: auto !important;
-  cursor: pointer !important;
-  user-select: text !important;
-  -webkit-user-select: text !important;
-  -moz-user-select: text !important;
-  -ms-user-select: text !important;
-  text-decoration: underline !important;
-}
-
-/* 允许图片可以查看 */
-.form-create.is-preview .w-e-text img {
-  pointer-events: auto !important;
-  user-select: none !important;
-  -webkit-user-select: none !important;
-  -moz-user-select: none !important;
-  -ms-user-select: none !important;
-}
-
-/* 允许只读模式下的富文本编辑器容器（v-html 渲染）中的链接和图片可以点击 */
-.form-create.is-preview .fc-editor-readonly {
-  pointer-events: auto !important;
-}
-
-.form-create.is-preview .fc-editor-readonly a {
-  pointer-events: auto !important;
-  cursor: pointer !important;
-}
-
-.form-create.is-preview .fc-editor-readonly img {
-  pointer-events: auto !important;
-  cursor: pointer !important;
-}
-
-/* 禁止编辑：通过 contenteditable 属性控制 */
-.form-create.is-preview .w-e-text {
-  user-select: text !important;
-  -webkit-user-select: text !important;
-  -moz-user-select: text !important;
-  -ms-user-select: text !important;
-}
-
-/* 预览模式：禁用选择器下拉 */
-.form-create.is-preview .ant-select-dropdown,
-/* 只读模式：禁用选择器下拉 */
-.ant-select-disabled + .ant-select-dropdown,
-.ant-select.ant-select-disabled ~ .ant-select-dropdown {
-  display: none !important;
-}
-
-/* 预览模式：禁用日期选择器弹窗 */
-.form-create.is-preview .ant-picker-dropdown {
-  display: none !important;
-}
-
-/* 预览模式：禁用级联选择器下拉 */
-.form-create.is-preview .ant-cascader-dropdown {
-  display: none !important;
-}
-
-.fc-form-footer {
-  margin-top: 12px;
-}
-
-/* CusSelect 组件样式 */
-.fc-cus-select {
-  width: 100%;
-  box-sizing: border-box;
-  font-size: 14px;
-  font-variant: tabular-nums;
-  line-height: 1.5715;
-  list-style: none;
-  font-feature-settings: 'tnum';
-  position: relative;
-  display: inline-block;
-  cursor: pointer;
-}
-
-.fc-cus-select-single {
-  height: 32px;
-}
-
-.fc-cus-select-multiple {
-  min-height: 32px;
-}
-
-.fc-cus-select-selector {
-  display: flex;
-  width: 100%;
-  position: relative;
-  background-color: #fff;
-  border: 1px solid #d9d9d9;
-  border-radius: 6px;
-  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  cursor: pointer;
-  min-height: 32px;
-  padding: 1px 11px;
-  align-items: center;
-  box-sizing: border-box;
-}
-
-/* 无边框模式 */
-.fc-cus-select-selector-borderless {
-  border: none !important;
-  box-shadow: none !important;
-}
-
-.fc-cus-select:not(.fc-cus-select-disabled):hover
-  .fc-cus-select-selector-borderless {
-  border: none !important;
-  box-shadow: none !important;
-}
-
-.fc-cus-select:focus:not(.fc-cus-select-disabled)
-  .fc-cus-select-selector-borderless,
-.fc-cus-select:focus-within:not(.fc-cus-select-disabled)
-  .fc-cus-select-selector-borderless {
-  border: none !important;
-  box-shadow: none !important;
-  outline: none !important;
-}
-
-.fc-cus-select-single .fc-cus-select-selector {
-  height: 32px;
-  padding: 0 11px;
-}
-
-.fc-cus-select-arrow {
-  position: absolute;
-  top: 50%;
-  right: 11px;
-  transform: translateY(-50%);
-  display: inline-flex;
-  align-items: center;
-  color: rgba(0, 0, 0, 0.45);
-  font-style: normal;
-  line-height: 0;
-  text-align: center;
-  text-transform: none;
-  vertical-align: -0.125em;
-  text-rendering: optimizeLegibility;
-  pointer-events: none;
-}
-
-.fc-cus-select-multiple .fc-cus-select-arrow {
-  right: 11px;
-}
-
-.fc-cus-select-multiple .fc-cus-select-clear {
-  right: 11px;
-}
-
-.fc-cus-select-arrow .anticon {
-  display: inline-block;
-  font-size: 12px;
-  line-height: 1;
-  vertical-align: baseline;
-}
-
-.fc-cus-select-arrow .anticon svg {
-  display: inline-block;
-  width: 1em;
-  height: 1em;
-}
-
-.fc-cus-select-clear {
-  position: absolute;
-  top: 50%;
-  right: 11px;
-  transform: translateY(-50%);
-  display: inline-flex;
-  align-items: center;
-  color: rgba(0, 0, 0, 0.25);
-  font-style: normal;
-  line-height: 0;
-  text-align: center;
-  text-transform: none;
-  vertical-align: -0.125em;
-  text-rendering: optimizeLegibility;
-  cursor: pointer;
-  transition: color 0.3s;
-  opacity: 1;
-  pointer-events: auto;
-}
-
-.fc-cus-select-clear:hover {
-  color: rgba(0, 0, 0, 0.45);
-}
-
-.fc-cus-select-clear .anticon {
-  display: inline-block;
-  font-size: 12px;
-  line-height: 1;
-  vertical-align: baseline;
-}
-
-.fc-cus-select-clear .anticon svg {
-  display: inline-block;
-  width: 1em;
-  height: 1em;
-}
-
-.fc-cus-select:not(.fc-cus-select-disabled):hover .fc-cus-select-selector {
-  border-color: #4096ff;
-}
-
-.fc-cus-select:focus:not(.fc-cus-select-disabled) .fc-cus-select-selector {
-  border-color: #4096ff;
-  outline: 0;
-  box-shadow: 0 0 0 2px rgba(64, 150, 255, 0.2);
-}
-
-.fc-cus-select:focus-within:not(.fc-cus-select-disabled)
-  .fc-cus-select-selector {
-  border-color: #4096ff;
-  outline: 0;
-  box-shadow: 0 0 0 2px rgba(64, 150, 255, 0.2);
-}
-
-.fc-cus-select-single .fc-cus-select-selection-item {
-  display: flex;
-  flex: 1;
-  align-items: center;
-  max-width: 100%;
-  line-height: 32px;
-  color: rgba(0, 0, 0, 0.88);
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  padding-right: 24px;
-  box-sizing: border-box;
-}
-
-.fc-cus-select-selection-placeholder {
-  flex: 1;
-  overflow: hidden;
-  color: rgba(0, 0, 0, 0.25);
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  pointer-events: none;
-}
-
-.fc-cus-select-selection-overflow {
-  position: relative;
-  display: flex;
-  flex: auto;
-  flex-wrap: wrap;
-  max-width: 100%;
-  gap: 4px;
-  min-width: 0;
-  padding-right: 20px;
-  box-sizing: border-box;
-}
-
-.fc-cus-select-selection-overflow-item {
-  flex: none;
-  align-self: center;
-  max-width: 100%;
-}
-
-.fc-cus-select-multiple .fc-cus-select-selection-item {
-  position: relative;
-  display: inline-flex;
-  flex: none;
-  box-sizing: border-box;
-  max-width: 100%;
-  height: 24px;
-  margin-top: 2px;
-  margin-bottom: 2px;
-  line-height: 22px;
-  background: #fafafa;
-  border: 1px solid #f0f0f0;
-  border-radius: 4px;
-  cursor: pointer;
-  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
-  user-select: none;
-  padding: 0 4px 0 8px;
-  align-items: center;
-  gap: 4px;
-}
-
-.fc-cus-select-selection-item-content {
-  display: inline-block;
-  overflow: hidden;
-  white-space: pre;
-  text-overflow: ellipsis;
-  color: rgba(0, 0, 0, 0.88);
-}
-
-.fc-cus-select-selection-item-remove {
-  display: inline-flex;
-  align-items: center;
-  color: rgba(0, 0, 0, 0.45);
-  cursor: pointer;
-  font-weight: bold;
-  transition: color 0.3s;
-  line-height: 0;
-  margin-left: 2px;
-}
-
-.fc-cus-select-selection-item-remove:hover {
-  color: rgba(0, 0, 0, 0.75);
-}
-
-.fc-cus-select-selection-item-remove .anticon {
-  display: inline-flex;
-  align-items: center;
-  font-style: normal;
-  line-height: 0;
-  text-align: center;
-  text-transform: none;
-  vertical-align: -0.125em;
-  text-rendering: optimizeLegibility;
-  font-size: 12px;
-}
-
-.fc-cus-select-selection-item-remove .anticon svg {
-  display: inline-block;
-  width: 1em;
-  height: 1em;
-}
-
-.fc-cus-select-disabled {
-  cursor: not-allowed;
-}
-
-.fc-cus-select-disabled .fc-cus-select-selector {
-  cursor: not-allowed;
-  background-color: #f5f5f5;
-  color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
-}
-
-.fc-cus-select-disabled .fc-cus-select-selection-item {
-  color: rgba(0, 0, 0, 0.25);
-}
-
-.fc-cus-select-disabled .fc-cus-select-selection-placeholder {
-  color: rgba(0, 0, 0, 0.25);
-}
-
-/* TableForm 组件样式 */
-._fc-table-form {
-  overflow: auto;
-  color: #666666;
-}
-
-._fc-table-form .form-create .ant-form-item {
-  margin-bottom: 1px !important;
-}
-
-._fc-table-form .ant-form-item-label,
-._fc-table-form .van-field__label {
-  display: none !important;
-}
-
-._fc-tf-head-idx,
-._fc-tf-idx {
-  width: 40px;
-  min-width: 40px;
-  font-weight: 500;
-  text-align: center;
-}
-
-._fc-tf-edit,
-._fc-tf-btn {
-  width: 70px;
-  min-width: 70px;
-  text-align: center;
-}
-
-._fc-tf-btn .fc-icon {
-  cursor: pointer;
-}
-
-._fc-table-form > .ant-btn {
-  display: flex;
-  align-items: center;
-  padding: 2px;
-}
-
-._fc-table-form._fc-disabled ._fc-tf-btn .fc-icon,
-._fc-table-form._fc-disabled > .ant-btn {
-  cursor: not-allowed;
-}
-
-._fc-tf-table {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  table-layout: fixed;
-  border: 1px solid #ebeef5;
-  border-bottom: 0 none;
-}
-
-._fc-table-form ._fc-tf-table > thead > tr > th {
-  border: 0 none;
-  border-bottom: 1px solid #ebeef5;
-  height: 40px;
-  font-weight: 500;
-  padding: 0 5px;
-  box-sizing: border-box;
-}
-
-._fc-table-form ._fc-tf-table > thead > tr > th + th {
-  border-left: 1px solid #ebeef5;
-}
-
-._fc-table-form tr {
-  min-height: 50px;
-}
-
-._fc-table-form ._fc-read-view {
-  text-align: center;
-  width: 100%;
-}
-
-._fc-table-form td {
-  padding: 5px;
-  min-height: 50px;
-  min-width: 80px;
-  position: relative;
-  box-sizing: border-box;
-  overflow-wrap: break-word;
-  overflow: hidden;
-  border: 0 none;
-  border-bottom: 1px solid #ebeef5;
-}
-
-._fc-table-form td + td {
-  border-left: 1px solid #ebeef5;
-}
-
-._fc-tf-table .ant-input-number,
-._fc-tf-table .ant-select,
-._fc-tf-table .ant-slider,
-._fc-tf-table .ant-cascader,
-._fc-tf-table .ant-picker {
-  width: 100%;
-}
-
-._fc-tf-head-required:before {
-  content: '*';
-  color: #f56c6c;
-  margin-right: 4px;
-}
-
-/* TableFormView 组件样式 */
-._fd-table-form {
-  min-height: 130px;
-  width: 100%;
-  border: 1px solid #ececec;
-  background: #ffffff;
-}
-
-._fc-child-empty {
-  min-height: 130px;
-}
-
-._fd-tf-wrap {
-  display: flex;
-  overflow: auto;
-}
-
-._fd-tf-wrap > ._fd-drag-tool {
-  flex-shrink: 0;
-  display: flex;
-  margin: 2px;
-  height: auto;
-  overflow: auto;
-}
-
-/* TableFormColumnView 组件样式 */
-._fd-tf-col ._fd-tf-con .ant-form-item {
-  margin-bottom: 1px !important;
-}
-
-._fd-tf-col {
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: column;
-  width: 180px;
-  flex-shrink: 0;
-}
-
-._fd-tf-con .ant-form-item-label,
-._fd-tf-con .van-field__label {
-  display: none !important;
-}
-
-._fd-tf-con {
-  display: flex;
-  flex: 1;
-  width: 100%;
-}
-
-._fd-tf-title {
-  height: 40px;
-  border-bottom: 1px solid #ebeef5;
-  margin-bottom: 0px;
-  padding: 0 5px;
-  box-sizing: border-box;
-  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;
-}
-
-._fd-tf-con ._fc-l-item > * {
-  display: none !important;
-}
-
-._fd-tf-con .ant-input-number,
-._fd-tf-con .ant-select,
-._fd-tf-con .ant-slider,
-._fd-tf-con .ant-cascader,
-._fd-tf-con .ant-picker {
-  width: 100%;
-}
-
-._fd-tf-col:has(._fd-tf-col) {
-  width: auto !important;
-}
-
-/* Flex 容器子项 flex 样式 - 使用通用选择器，匹配所有直接子元素 */
-.ant-flex._fc-flex-container > * {
-  flex: var(--fc-child-flex) !important;
-}
-
-/* 更具体的选择器，针对被 form-item 包裹的子元素 */
-.ant-flex._fc-flex-container > .ant-form-item {
-  flex: var(--fc-child-flex) !important;
-}
-
-/* 垂直方向的 Flex 容器子项宽度样式 - 使用通用选择器 */
-.ant-flex._fc-flex-vertical > * {
-  width: var(--fc-child-width, 100%) !important;
-}
-
-/* 更具体的选择器，针对被 form-item 包裹的子元素 */
-.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;
-}
-
-._fc-table {
-  overflow: auto;
-}
-
-._fc-table > table {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  table-layout: fixed;
-  border: 1px solid #ebeef5;
-  border-bottom: 0 none;
-  border-right: 0 none;
-  border-collapse: collapse;
-}
-
-._fc-table tr {
-  min-height: 50px;
-}
-
-._fc-table td {
-  padding: 12px 3px;
-  min-height: 50px;
-  min-width: 80px;
-  position: relative;
-  box-sizing: border-box;
-  overflow-wrap: break-word;
-  overflow: hidden;
-  border: 0 none;
-  border-right: 1px solid #ebeef5;
-  border-bottom: 1px solid #ebeef5;
-}
-
-._fc-table.is-mini td {
-  padding: 0;
-  min-height: 12px;
-}
-
-._fc-table.is-mini .ant-form-item {
-  padding: 0;
-  margin: 0;
-}
+.form-create .form-create .ant-form-item {
+  margin-bottom: 22px;
+}
+
+.form-create .form-create .ant-form-item.ant-form-item-with-help {
+  margin-bottom: 3px;
+}
+
+.form-create
+  .form-create
+  .ant-form-item
+  .ant-form-item.ant-form-item-with-help {
+  margin-bottom: -22px;
+}
+
+.form-create {
+  width: 100%;
+}
+
+.form-create.is-preview .fc-clock,
+.form-create .fc-none,
+.form-create.is-preview
+  .ant-form-item
+  .ant-form-item-label
+  > label.ant-form-item-required::before {
+  display: none !important;
+}
+
+/* 预览模式样式增强 */
+
+.form-create.is-preview .ant-form-item {
+  margin-bottom: 8px !important;
+}
+
+.form-create.is-preview .form-create .ant-form-item {
+  margin-bottom: 8px !important;
+}
+
+.form-create.is-preview .ant-form-item.ant-form-item-with-help {
+  margin-bottom: 4px !important;
+}
+
+.form-create.is-preview
+  .form-create
+  .ant-form-item
+  .ant-form-item.ant-form-item-with-help {
+  margin-bottom: -8px !important;
+}
+
+/* 移除组件边框 */
+/* 预览模式或只读模式的样式 */
+.form-create.is-preview .ant-input,
+.form-create.is-preview .ant-input-number,
+.form-create.is-preview .ant-select-selector,
+.form-create.is-preview .ant-picker,
+.form-create.is-preview .ant-cascader-picker,
+.form-create.is-preview .ant-input-password,
+.form-create.is-preview .ant-textarea,
+.form-create.is-preview .ant-upload,
+.form-create.is-preview .ant-upload-list,
+.form-create.is-preview .ant-upload-list-item,
+.form-create.is-preview .ant-input-wrapper,
+.form-create.is-preview .ant-input-affix-wrapper,
+.form-create.is-preview .ant-input-group-wrapper,
+.form-create.is-preview .ant-input-group,
+/* 只读模式的样式（通过 readOnly 属性或 disabled 属性识别） */
+.ant-input[readonly],
+.ant-input[readonly] ~ .ant-input-wrapper,
+.ant-input[readonly] ~ .ant-input-affix-wrapper,
+.ant-textarea[readonly],
+.ant-picker-disabled,
+.ant-cascader-disabled .ant-cascader-picker,
+input[readonly].ant-input,
+textarea[readonly].ant-input {
+  border: none !important;
+  box-shadow: none !important;
+  background: transparent !important;
+}
+
+.form-create.is-preview .ant-input:focus,
+.form-create.is-preview .ant-input-number:focus,
+.form-create.is-preview .ant-select-focused .ant-select-selector,
+.form-create.is-preview .ant-picker:focus,
+.form-create.is-preview .ant-cascader-picker:focus,
+.form-create.is-preview .ant-input-password:focus,
+.form-create.is-preview .ant-textarea:focus,
+.form-create.is-preview .ant-input-wrapper:focus,
+.form-create.is-preview .ant-input-affix-wrapper:focus,
+.form-create.is-preview .ant-input-affix-wrapper-focused,
+/* 只读模式：移除焦点状态边框 */
+.ant-input[readonly]:focus,
+.ant-textarea[readonly]:focus,
+/* 只读模式：readOnly 的 disabled select 移除焦点状态边框 */
+.fc-select-readonly.ant-select-disabled.ant-select-focused .ant-select-selector,
+.fc-select-readonly.ant-select-disabled:focus .ant-select-selector,
+.ant-picker-disabled:focus {
+  border: none !important;
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.form-create.is-preview .ant-input:hover,
+.form-create.is-preview .ant-input-number:hover,
+.form-create.is-preview .ant-select:hover .ant-select-selector,
+.form-create.is-preview .ant-picker:hover,
+.form-create.is-preview .ant-cascader-picker:hover,
+.form-create.is-preview .ant-input-password:hover,
+.form-create.is-preview .ant-textarea:hover,
+.form-create.is-preview .ant-input-wrapper:hover,
+.form-create.is-preview .ant-input-affix-wrapper:hover,
+/* 只读模式：移除悬停状态边框 */
+.ant-input[readonly]:hover,
+.ant-textarea[readonly]:hover,
+/* 只读模式：readOnly 的 disabled select 移除悬停状态边框 */
+.fc-select-readonly.ant-select-disabled:hover .ant-select-selector,
+.ant-picker-disabled:hover {
+  border: none !important;
+  box-shadow: none !important;
+}
+
+/* 预览模式：移除所有 input 相关元素的边框（更全面的覆盖） */
+.form-create.is-preview .ant-input-affix-wrapper,
+.form-create.is-preview .ant-input-affix-wrapper:hover,
+.form-create.is-preview .ant-input-affix-wrapper-focused,
+.form-create.is-preview .ant-input-affix-wrapper-disabled,
+.form-create.is-preview .ant-input-wrapper .ant-input,
+.form-create.is-preview .ant-input-group-addon,
+.form-create.is-preview .ant-input-group .ant-input,
+.form-create.is-preview input.ant-input,
+.form-create.is-preview textarea.ant-input {
+  border: none !important;
+  border-width: 0 !important;
+  box-shadow: none !important;
+  outline: none !important;
+  background: transparent !important;
+}
+
+/* 隐藏字数限制等提示信息 */
+.form-create.is-preview .ant-input-character-count,
+.form-create.is-preview .ant-textarea-character-count,
+.form-create.is-preview .ant-form-item-explain,
+.form-create.is-preview .ant-form-item-extra,
+.form-create.is-preview .ant-form-item-feedback-icon,
+.form-create.is-preview
+  .ant-form-item-has-feedback
+  .ant-form-item-children-icon {
+  display: none !important;
+}
+
+/* 隐藏必填标记 */
+.form-create.is-preview
+  .ant-form-item-label
+  > label.ant-form-item-required::before,
+.form-create.is-preview label.ant-form-item-required::before {
+  display: none !important;
+}
+
+/* 隐藏帮助图标和提示 */
+.form-create.is-preview .ant-form-item-label .anticon,
+.form-create.is-preview .ant-form-item-label .fc-icon {
+  display: none !important;
+}
+
+/* 预览模式：禁用所有交互 */
+.form-create.is-preview * {
+  pointer-events: none !important;
+}
+
+/* 预览模式：允许所有文本选择和复制 */
+.form-create.is-preview * {
+  user-select: text !important;
+  -webkit-user-select: text !important;
+  -moz-user-select: text !important;
+  -ms-user-select: text !important;
+}
+
+/* 预览模式：允许滚动容器滚动 */
+.form-create.is-preview [style*='overflow'],
+.form-create.is-preview .ant-table-body,
+.form-create.is-preview .ant-table-tbody,
+.form-create.is-preview .w-e-text-container,
+.form-create.is-preview .w-e-text,
+.form-create.is-preview [class*='scroll'],
+.form-create.is-preview [class*='overflow'] {
+  pointer-events: auto !important;
+  overflow: auto !important;
+  overflow-x: auto !important;
+  overflow-y: auto !important;
+}
+
+/* 预览模式：允许 textarea 交互（用于复制文本） */
+.form-create.is-preview textarea.ant-input {
+  pointer-events: auto !important;
+  cursor: text !important;
+}
+
+/* 预览模式：允许 input 文本选择和复制 */
+.form-create.is-preview .ant-input,
+.form-create.is-preview input.ant-input {
+  pointer-events: auto !important;
+  cursor: text !important;
+}
+
+/* 预览模式：允许 select 组件文本选择和复制 */
+.form-create.is-preview .ant-select-selector,
+.form-create.is-preview .ant-select-selection,
+.form-create.is-preview .ant-select-selection-item,
+.form-create.is-preview .ant-select-selection-placeholder,
+.form-create.is-preview .ant-select-selection-item-content,
+.form-create.is-preview .ant-select-selection-overflow,
+.form-create.is-preview .ant-select-selection-overflow-item {
+  pointer-events: auto !important;
+  cursor: text !important;
+}
+
+/* 预览模式：允许自定义 select 组件文本选择和复制 */
+.form-create.is-preview .fc-cus-select-selector,
+.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;
+  cursor: text !important;
+}
+
+/* 预览模式：允许 tableForm 组件文本选择和复制 */
+.form-create.is-preview ._fc-table-form,
+.form-create.is-preview ._fc-table-form * {
+  pointer-events: auto !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 *,
+.form-create.is-preview ._fc-table-form ._fc-tf-head-select,
+.form-create.is-preview ._fc-table-form ._fc-tf-head-select * {
+  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;
+}
+
+/* 预览模式：允许按钮点击 */
+.form-create.is-preview .ant-btn {
+  pointer-events: auto !important;
+  cursor: pointer !important;
+}
+
+/* 预览模式：允许滚动条滚动（针对有滚动条的容器） */
+.form-create.is-preview .ant-table-body,
+.form-create.is-preview .ant-table-tbody,
+.form-create.is-preview [style*='overflow'] {
+  pointer-events: auto !important;
+}
+
+/* 预览模式：允许富文本编辑器容器滚动 */
+.form-create.is-preview .w-e-text-container {
+  pointer-events: auto !important;
+  overflow-y: auto !important;
+  overflow-x: hidden !important;
+}
+
+.form-create.is-preview .w-e-text {
+  pointer-events: auto !important;
+  overflow-y: auto !important;
+  overflow-x: hidden !important;
+  cursor: default !important;
+  /* 确保可以滚动 */
+  -webkit-overflow-scrolling: touch !important;
+}
+
+/* 预览模式：允许 upload 组件的预览功能（整个列表项可以点击预览） */
+.form-create.is-preview .ant-upload-list-item {
+  pointer-events: auto !important;
+}
+
+/* 预览模式：允许 upload 组件中的预览相关元素 */
+.form-create.is-preview .ant-upload-list-item-thumbnail,
+.form-create.is-preview .ant-upload-list-item-thumbnail *,
+.form-create.is-preview .ant-upload-list-item-name,
+.form-create.is-preview .ant-upload-list-item-preview,
+.form-create.is-preview .ant-upload-list-item-preview-icon,
+.form-create.is-preview .ant-upload-list-item-actions-preview,
+.form-create.is-preview .ant-upload-list-item-actions .anticon-eye,
+.form-create.is-preview .ant-upload-list-item-info,
+.form-create.is-preview .ant-upload-list-item-info > span,
+.form-create.is-preview
+  .ant-upload-picture-card
+  .ant-upload-list-item-thumbnail,
+.form-create.is-preview
+  .ant-upload-picture-card
+  .ant-upload-list-item-thumbnail
+  * {
+  pointer-events: auto !important;
+  cursor: pointer !important;
+}
+
+/* 预览模式：允许 image 组件的预览功能 */
+.form-create.is-preview .ant-image,
+.form-create.is-preview .ant-image-img,
+.form-create.is-preview .ant-image-mask,
+.form-create.is-preview .ant-image-mask-info {
+  pointer-events: auto !important;
+  cursor: pointer !important;
+}
+
+/* 预览模式：允许图片预览弹窗可以交互 */
+.form-create.is-preview .ant-modal,
+.form-create.is-preview .ant-modal-wrap,
+.form-create.is-preview .ant-modal-mask,
+.form-create.is-preview .ant-modal-content,
+.form-create.is-preview .ant-modal-close,
+.form-create.is-preview .ant-modal-header,
+.form-create.is-preview .ant-modal-body,
+.form-create.is-preview .ant-modal-footer {
+  pointer-events: auto !important;
+}
+
+/* 预览模式：隐藏 upload 组件的上传按钮 */
+.form-create.is-preview .ant-upload-select,
+.form-create.is-preview .ant-upload-select-picture-card {
+  display: none !important;
+}
+
+/* 预览模式：阻止 upload 组件中的删除和其他操作按钮（优先级更高） */
+.form-create.is-preview .ant-upload-list-item-actions-delete,
+.form-create.is-preview .ant-upload-list-item-actions-upload,
+.form-create.is-preview .ant-upload-list-item-actions-download,
+.form-create.is-preview .ant-upload-list-item-actions .anticon-delete,
+.form-create.is-preview .ant-upload-list-item-actions .anticon-close,
+.form-create.is-preview .ant-upload-list-item-actions-item .anticon-delete,
+.form-create.is-preview .ant-upload-list-item-actions-item-delete,
+.form-create.is-preview .ant-upload-list-item-actions-item-upload,
+.form-create.is-preview .ant-upload-list-item-remove {
+  pointer-events: none !important;
+  cursor: not-allowed !important;
+}
+
+/* 预览模式：防止组件显示为禁用状态（不置灰） */
+.form-create.is-preview .ant-input,
+.form-create.is-preview .ant-input-number,
+.form-create.is-preview .ant-select,
+.form-create.is-preview .ant-picker,
+.form-create.is-preview .ant-cascader,
+.form-create.is-preview .ant-input-password,
+.form-create.is-preview .ant-textarea,
+.form-create.is-preview .ant-radio,
+.form-create.is-preview .ant-checkbox,
+.form-create.is-preview .ant-switch,
+.form-create.is-preview .ant-slider,
+.form-create.is-preview .ant-rate,
+.form-create.is-preview .ant-upload {
+  opacity: 1 !important;
+  color: inherit !important;
+  background-color: transparent !important;
+}
+
+/* 只读模式：防止 upload 组件显示为禁用状态（不置灰） */
+.ant-upload-disabled,
+.ant-upload.ant-upload-disabled {
+  opacity: 1 !important;
+  color: inherit !important;
+  background-color: transparent !important;
+}
+
+/* 只读模式：防止 upload 列表项显示为禁用状态 */
+.ant-upload-disabled .ant-upload-list-item,
+.ant-upload.ant-upload-disabled .ant-upload-list-item {
+  opacity: 1 !important;
+}
+
+/* 只读模式：防止 upload 列表项缩略图显示为禁用状态 */
+.ant-upload-disabled .ant-upload-list-item-thumbnail,
+.ant-upload.ant-upload-disabled .ant-upload-list-item-thumbnail,
+.ant-upload-disabled .ant-upload-list-item-thumbnail img,
+.ant-upload.ant-upload-disabled .ant-upload-list-item-thumbnail img {
+  opacity: 1 !important;
+}
+
+/* 预览模式：按钮保持原有颜色，不覆盖 */
+.form-create.is-preview .ant-btn {
+  opacity: 1 !important;
+  /* 不设置 color，保持按钮的原始颜色 */
+  /* 不设置 background-color，保持按钮的原始背景色 */
+}
+
+/* 预览模式和只读模式：设置按钮链接的颜色 */
+.form-create.is-preview .ant-btn-link,
+.ant-btn-link[readonly],
+.ant-btn-link[readonly='true'] {
+  color: #1677ff !important;
+}
+
+/* 预览模式：CusSelect 组件保持正常外观，不置灰 */
+.form-create.is-preview .fc-cus-select,
+.form-create.is-preview .fc-cus-select-selector,
+.form-create.is-preview .fc-cus-select-selection-item {
+  opacity: 1 !important;
+  color: inherit !important;
+  background-color: transparent !important;
+}
+
+/* 预览模式：隐藏 CusSelect 的占位符 */
+.form-create.is-preview .fc-cus-select-selection-placeholder {
+  display: none !important;
+}
+
+/* 只读模式：隐藏 CusSelect 的占位符 */
+.fc-cus-select[readonly] .fc-cus-select-selection-placeholder,
+.fc-cus-select[readonly='true'] .fc-cus-select-selection-placeholder {
+  display: none !important;
+}
+
+/* 预览模式：移除 CusSelect 选择器的边框 */
+.form-create.is-preview .fc-cus-select-selector {
+  border: none !important;
+  box-shadow: none !important;
+}
+
+/* 预览模式：隐藏 CusSelect 的箭头和清除按钮 */
+.form-create.is-preview .fc-cus-select-arrow,
+.form-create.is-preview .fc-cus-select-clear {
+  display: none !important;
+}
+
+/* 预览模式：隐藏选择器的下拉箭头 */
+.form-create.is-preview .ant-select-arrow,
+.form-create.is-preview .ant-select-suffix,
+/* 只读模式：隐藏 readOnly 选择器的下拉箭头 */
+.fc-select-readonly.ant-select-disabled .ant-select-arrow,
+.fc-select-readonly.ant-select-disabled .ant-select-suffix {
+  display: none !important;
+}
+
+/* 预览模式：隐藏日期选择器的图标 */
+.form-create.is-preview .ant-picker-suffix,
+.form-create.is-preview .ant-picker-suffix .anticon {
+  display: none !important;
+}
+
+/* 预览模式：隐藏其他输入框的清除按钮和图标 */
+.form-create.is-preview .ant-input-clear-icon,
+.form-create.is-preview .ant-input-number-handler,
+.form-create.is-preview .ant-input-number-handler-wrap {
+  display: none !important;
+}
+
+/* 预览模式：防止输入框显示为禁用状态的灰色 */
+.form-create.is-preview .ant-input[disabled],
+.form-create.is-preview .ant-input-number[disabled],
+.form-create.is-preview .ant-select-disabled,
+.form-create.is-preview .ant-picker-disabled,
+.form-create.is-preview .ant-textarea[disabled],
+/* 只读模式：防止输入框显示为禁用状态的灰色 */
+.ant-input[readonly],
+.ant-input[readonly][disabled],
+.ant-input-number[disabled],
+.ant-textarea[readonly],
+.ant-textarea[readonly][disabled],
+/* 只读模式：防止 readOnly 的 disabled select 显示为禁用状态的灰色 */
+.fc-select-readonly.ant-select-disabled,
+.ant-picker-disabled {
+  opacity: 1 !important;
+  color: inherit !important;
+  background-color: transparent !important;
+  cursor: default !important;
+}
+
+/* 预览模式：textarea 自适应高度且只读可复制 */
+.form-create.is-preview textarea.ant-input,
+.form-create.is-preview .ant-textarea {
+  /* 允许文本选择，用于复制 */
+  user-select: text !important;
+  -webkit-user-select: text !important;
+  -moz-user-select: text !important;
+  -ms-user-select: text !important;
+  /* 允许交互，用于复制 */
+  pointer-events: auto !important;
+  cursor: text !important;
+  /* 移除滚动条（因为内容会自适应显示） */
+  overflow: hidden !important;
+  overflow-y: hidden !important;
+  overflow-x: hidden !important;
+  /* 确保只读状态下仍可正常显示和选择 */
+  resize: none !important;
+  /* 确保 textarea 能够根据内容自动调整高度 */
+  box-sizing: border-box !important;
+  /* 移除固定高度限制，让 JavaScript 动态设置 */
+  min-height: auto !important;
+  max-height: none !important;
+}
+
+/* 预览模式：textarea 只读状态样式 */
+.form-create.is-preview textarea.ant-input[readonly],
+.form-create.is-preview .ant-textarea[readonly] {
+  opacity: 1 !important;
+  color: inherit !important;
+  background-color: transparent !important;
+  cursor: text !important;
+}
+
+/* 预览/只读模式：InputNumber 只读可复制（不要用 disabled，否则无法选择复制） */
+.form-create.is-preview .ant-input-number input[readonly],
+.form-create.is-preview .ant-input-number input[readOnly],
+.ant-input-number input[readonly],
+.ant-input-number input[readOnly] {
+  user-select: text !important;
+  -webkit-user-select: text !important;
+  -moz-user-select: text !important;
+  -ms-user-select: text !important;
+  pointer-events: auto !important;
+  cursor: text !important;
+  background: transparent !important;
+  box-shadow: none !important;
+}
+
+/* 预览模式：防止选择器显示为禁用状态 */
+.form-create.is-preview .ant-select-disabled .ant-select-selector {
+  opacity: 1 !important;
+  color: inherit !important;
+  background-color: transparent !important;
+  cursor: text !important;
+  border: none !important;
+  box-shadow: none !important;
+  user-select: text !important;
+  -webkit-user-select: text !important;
+  -moz-user-select: text !important;
+  -ms-user-select: text !important;
+}
+
+/* 只读模式：readOnly 的 disabled select 保持正常颜色（不是灰色） */
+.fc-select-readonly.ant-select-disabled .ant-select-selector {
+  opacity: 1 !important;
+  color: rgba(0, 0, 0, 0.88) !important;
+  background-color: #ffffff !important;
+  cursor: text !important;
+  border: 1px solid #d9d9d9 !important;
+  box-shadow: none !important;
+  user-select: text !important;
+  -webkit-user-select: text !important;
+  -moz-user-select: text !important;
+  -ms-user-select: text !important;
+}
+
+/* 只读模式：readOnly 的 disabled select 悬停时保持正常样式 */
+.fc-select-readonly.ant-select-disabled:hover .ant-select-selector {
+  border-color: #d9d9d9 !important;
+  box-shadow: none !important;
+}
+
+/* 只读模式：readOnly 的 disabled select 聚焦时保持正常样式 */
+.fc-select-readonly.ant-select-disabled.ant-select-focused .ant-select-selector,
+.fc-select-readonly.ant-select-disabled:focus .ant-select-selector {
+  border-color: #d9d9d9 !important;
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+/* 只读模式：允许所有文本选择和复制 */
+.ant-input[readonly],
+.ant-input[readonly] *,
+.ant-textarea[readonly],
+.ant-textarea[readonly] *,
+.fc-select-readonly.ant-select-disabled .ant-select-selector *,
+.fc-select-readonly.ant-select-disabled .ant-select-selection-item,
+.fc-select-readonly.ant-select-disabled .ant-select-selection-item-content {
+  user-select: text !important;
+  -webkit-user-select: text !important;
+  -moz-user-select: text !important;
+  -ms-user-select: text !important;
+}
+
+/* 只读模式：允许 readOnly 的 disabled select 的多选选项选择和复制（需要 pointer-events） */
+.fc-select-readonly.ant-select-disabled .ant-select-selector,
+.fc-select-readonly.ant-select-disabled .ant-select-selection,
+.fc-select-readonly.ant-select-disabled .ant-select-selection-item,
+.fc-select-readonly.ant-select-disabled .ant-select-selection-item-content,
+.fc-select-readonly.ant-select-disabled .ant-select-selection-overflow,
+.fc-select-readonly.ant-select-disabled .ant-select-selection-overflow-item {
+  pointer-events: auto !important;
+  cursor: text !important;
+}
+
+/* 只读模式：防止 readOnly 的 disabled select 的多选选项显示为灰色 */
+.fc-select-readonly.ant-select-disabled.ant-select-multiple
+  .ant-select-selection-item {
+  opacity: 1 !important;
+  color: rgba(0, 0, 0, 0.88) !important;
+  background-color: #f0f0f0 !important;
+  border-color: #d9d9d9 !important;
+  cursor: text !important;
+}
+
+/* 预览模式：防止 disabled select 的多选选项显示为灰色，并允许文本选择 */
+.form-create.is-preview
+  .ant-select-disabled.ant-select-multiple
+  .ant-select-selection-item {
+  opacity: 1 !important;
+  color: inherit !important;
+  background-color: #f0f0f0 !important;
+  border-color: #d9d9d9 !important;
+  cursor: text !important;
+  pointer-events: auto !important;
+}
+
+/* 预览模式：防止日期选择器显示为禁用状态 */
+.form-create.is-preview .ant-picker-disabled {
+  opacity: 1 !important;
+  color: inherit !important;
+  background-color: transparent !important;
+  cursor: default !important;
+}
+
+/* 预览模式：富文本编辑器样式 */
+.form-create.is-preview .w-e-text-container {
+  border: none !important;
+  box-shadow: none !important;
+  background: transparent !important;
+  /* 移除高度限制，让内容自适应 */
+  height: auto !important;
+  min-height: auto !important;
+  max-height: none !important;
+}
+
+.form-create.is-preview .w-e-toolbar {
+  display: none !important;
+}
+
+.form-create.is-preview .w-e-text {
+  border: none !important;
+  box-shadow: none !important;
+  background: transparent !important;
+  /* 移除高度限制，让内容自适应 */
+  height: auto !important;
+  min-height: auto !important;
+  max-height: none !important;
+}
+
+/* 只读模式：富文本编辑器样式（通过 contenteditable="false" 识别） */
+.w-e-text[contenteditable='false'] {
+  border: none !important;
+  box-shadow: none !important;
+  background: transparent !important;
+  /* 移除高度限制，让内容自适应 */
+  height: auto !important;
+  min-height: auto !important;
+  max-height: none !important;
+}
+
+/* 预览模式：编辑器根元素自适应高度 */
+.form-create.is-preview div[id^='editor'][readonly='true'],
+.form-create.is-preview div[id^='editor'][readonly] {
+  height: auto !important;
+  min-height: auto !important;
+  max-height: none !important;
+}
+
+/* 只读模式下，通过 JavaScript 设置容器自适应高度 */
+/* 容器样式会在 setReadOnlyMode 中通过 JavaScript 动态设置 */
+
+/* 富文本内容只读：允许选择文本和点击链接，但禁止编辑 */
+.form-create.is-preview .w-e-text p,
+.form-create.is-preview .w-e-text div,
+.form-create.is-preview .w-e-text span,
+.form-create.is-preview .w-e-text li,
+.form-create.is-preview .w-e-text ul,
+.form-create.is-preview .w-e-text ol,
+.form-create.is-preview .w-e-text h1,
+.form-create.is-preview .w-e-text h2,
+.form-create.is-preview .w-e-text h3,
+.form-create.is-preview .w-e-text h4,
+.form-create.is-preview .w-e-text h5,
+.form-create.is-preview .w-e-text h6,
+.form-create.is-preview .w-e-text table,
+.form-create.is-preview .w-e-text tr,
+.form-create.is-preview .w-e-text td,
+.form-create.is-preview .w-e-text th {
+  /* 允许文本选择，用于复制 */
+  user-select: text !important;
+  -webkit-user-select: text !important;
+  -moz-user-select: text !important;
+  -ms-user-select: text !important;
+  /* 阻止编辑，但不阻止交互 */
+  pointer-events: auto !important;
+}
+
+/* 允许链接可以点击 */
+.form-create.is-preview .w-e-text a {
+  pointer-events: auto !important;
+  cursor: pointer !important;
+  user-select: text !important;
+  -webkit-user-select: text !important;
+  -moz-user-select: text !important;
+  -ms-user-select: text !important;
+  text-decoration: underline !important;
+}
+
+/* 允许图片可以查看 */
+.form-create.is-preview .w-e-text img {
+  pointer-events: auto !important;
+  user-select: none !important;
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
+  -ms-user-select: none !important;
+}
+
+/* 允许只读模式下的富文本编辑器容器（v-html 渲染）中的链接和图片可以点击 */
+.form-create.is-preview .fc-editor-readonly {
+  pointer-events: auto !important;
+}
+
+.form-create.is-preview .fc-editor-readonly a {
+  pointer-events: auto !important;
+  cursor: pointer !important;
+}
+
+.form-create.is-preview .fc-editor-readonly img {
+  pointer-events: auto !important;
+  cursor: pointer !important;
+}
+
+/* 禁止编辑：通过 contenteditable 属性控制 */
+.form-create.is-preview .w-e-text {
+  user-select: text !important;
+  -webkit-user-select: text !important;
+  -moz-user-select: text !important;
+  -ms-user-select: text !important;
+}
+
+/* 预览模式：禁用选择器下拉 */
+.form-create.is-preview .ant-select-dropdown,
+/* 只读模式：禁用选择器下拉 */
+.ant-select-disabled + .ant-select-dropdown,
+.ant-select.ant-select-disabled ~ .ant-select-dropdown {
+  display: none !important;
+}
+
+/* 预览模式：禁用日期选择器弹窗 */
+.form-create.is-preview .ant-picker-dropdown {
+  display: none !important;
+}
+
+/* 预览模式：禁用级联选择器下拉 */
+.form-create.is-preview .ant-cascader-dropdown {
+  display: none !important;
+}
+
+.fc-form-footer {
+  margin-top: 12px;
+}
+
+/* CusSelect 组件样式 */
+.fc-cus-select {
+  width: 100%;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum';
+  position: relative;
+  display: inline-block;
+  cursor: pointer;
+}
+
+.fc-cus-select-single {
+  height: 32px;
+}
+
+.fc-cus-select-multiple {
+  min-height: 32px;
+}
+
+.fc-cus-select-selector {
+  display: flex;
+  width: 100%;
+  position: relative;
+  background-color: #fff;
+  border: 1px solid #d9d9d9;
+  border-radius: 6px;
+  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  cursor: pointer;
+  min-height: 32px;
+  padding: 1px 11px;
+  align-items: center;
+  box-sizing: border-box;
+}
+
+/* 无边框模式 */
+.fc-cus-select-selector-borderless {
+  border: none !important;
+  box-shadow: none !important;
+}
+
+.fc-cus-select:not(.fc-cus-select-disabled):hover
+  .fc-cus-select-selector-borderless {
+  border: none !important;
+  box-shadow: none !important;
+}
+
+.fc-cus-select:focus:not(.fc-cus-select-disabled)
+  .fc-cus-select-selector-borderless,
+.fc-cus-select:focus-within:not(.fc-cus-select-disabled)
+  .fc-cus-select-selector-borderless {
+  border: none !important;
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.fc-cus-select-single .fc-cus-select-selector {
+  height: 32px;
+  padding: 0 11px;
+}
+
+.fc-cus-select-arrow {
+  position: absolute;
+  top: 50%;
+  right: 11px;
+  transform: translateY(-50%);
+  display: inline-flex;
+  align-items: center;
+  color: rgba(0, 0, 0, 0.45);
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  text-rendering: optimizeLegibility;
+  pointer-events: none;
+}
+
+.fc-cus-select-multiple .fc-cus-select-arrow {
+  right: 11px;
+}
+
+.fc-cus-select-multiple .fc-cus-select-clear {
+  right: 11px;
+}
+
+.fc-cus-select-arrow .anticon {
+  display: inline-block;
+  font-size: 12px;
+  line-height: 1;
+  vertical-align: baseline;
+}
+
+.fc-cus-select-arrow .anticon svg {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+}
+
+.fc-cus-select-clear {
+  position: absolute;
+  top: 50%;
+  right: 11px;
+  transform: translateY(-50%);
+  display: inline-flex;
+  align-items: center;
+  color: rgba(0, 0, 0, 0.25);
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  text-rendering: optimizeLegibility;
+  cursor: pointer;
+  transition: color 0.3s;
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.fc-cus-select-clear:hover {
+  color: rgba(0, 0, 0, 0.45);
+}
+
+.fc-cus-select-clear .anticon {
+  display: inline-block;
+  font-size: 12px;
+  line-height: 1;
+  vertical-align: baseline;
+}
+
+.fc-cus-select-clear .anticon svg {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+}
+
+.fc-cus-select:not(.fc-cus-select-disabled):hover .fc-cus-select-selector {
+  border-color: #4096ff;
+}
+
+.fc-cus-select:focus:not(.fc-cus-select-disabled) .fc-cus-select-selector {
+  border-color: #4096ff;
+  outline: 0;
+  box-shadow: 0 0 0 2px rgba(64, 150, 255, 0.2);
+}
+
+.fc-cus-select:focus-within:not(.fc-cus-select-disabled)
+  .fc-cus-select-selector {
+  border-color: #4096ff;
+  outline: 0;
+  box-shadow: 0 0 0 2px rgba(64, 150, 255, 0.2);
+}
+
+.fc-cus-select-single .fc-cus-select-selection-item {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  max-width: 100%;
+  line-height: 32px;
+  color: rgba(0, 0, 0, 0.88);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding-right: 24px;
+  box-sizing: border-box;
+}
+
+.fc-cus-select-selection-placeholder {
+  flex: 1;
+  overflow: hidden;
+  color: rgba(0, 0, 0, 0.25);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  pointer-events: none;
+}
+
+.fc-cus-select-selection-overflow {
+  position: relative;
+  display: flex;
+  flex: auto;
+  flex-wrap: wrap;
+  max-width: 100%;
+  gap: 4px;
+  min-width: 0;
+  padding-right: 20px;
+  box-sizing: border-box;
+}
+
+.fc-cus-select-selection-overflow-item {
+  flex: none;
+  align-self: center;
+  max-width: 100%;
+}
+
+.fc-cus-select-multiple .fc-cus-select-selection-item {
+  position: relative;
+  display: inline-flex;
+  flex: none;
+  box-sizing: border-box;
+  max-width: 100%;
+  height: 24px;
+  margin-top: 2px;
+  margin-bottom: 2px;
+  line-height: 22px;
+  background: #fafafa;
+  border: 1px solid #f0f0f0;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
+  user-select: none;
+  padding: 0 4px 0 8px;
+  align-items: center;
+  gap: 4px;
+}
+
+.fc-cus-select-selection-item-content {
+  display: inline-block;
+  overflow: hidden;
+  white-space: pre;
+  text-overflow: ellipsis;
+  color: rgba(0, 0, 0, 0.88);
+}
+
+.fc-cus-select-selection-item-remove {
+  display: inline-flex;
+  align-items: center;
+  color: rgba(0, 0, 0, 0.45);
+  cursor: pointer;
+  font-weight: bold;
+  transition: color 0.3s;
+  line-height: 0;
+  margin-left: 2px;
+}
+
+.fc-cus-select-selection-item-remove:hover {
+  color: rgba(0, 0, 0, 0.75);
+}
+
+.fc-cus-select-selection-item-remove .anticon {
+  display: inline-flex;
+  align-items: center;
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  text-rendering: optimizeLegibility;
+  font-size: 12px;
+}
+
+.fc-cus-select-selection-item-remove .anticon svg {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+}
+
+.fc-cus-select-disabled {
+  cursor: not-allowed;
+}
+
+.fc-cus-select-disabled .fc-cus-select-selector {
+  cursor: not-allowed;
+  background-color: #f5f5f5;
+  color: rgba(0, 0, 0, 0.25);
+  border-color: #d9d9d9;
+}
+
+.fc-cus-select-disabled .fc-cus-select-selection-item {
+  color: rgba(0, 0, 0, 0.25);
+}
+
+.fc-cus-select-disabled .fc-cus-select-selection-placeholder {
+  color: rgba(0, 0, 0, 0.25);
+}
+
+/* TableForm 组件样式 */
+._fc-table-form {
+  overflow: auto;
+  color: #666666;
+}
+
+._fc-table-form .form-create .ant-form-item {
+  margin-bottom: 1px !important;
+}
+
+._fc-table-form .ant-form-item-label,
+._fc-table-form .van-field__label {
+  display: none !important;
+}
+
+._fc-tf-head-idx,
+._fc-tf-idx {
+  width: 40px;
+  min-width: 40px;
+  font-weight: 500;
+  text-align: center;
+}
+
+._fc-tf-edit,
+._fc-tf-btn {
+  width: 70px;
+  min-width: 70px;
+  text-align: center;
+}
+
+._fc-tf-btn .fc-icon {
+  cursor: pointer;
+}
+
+._fc-table-form > .ant-btn {
+  display: flex;
+  align-items: center;
+  padding: 2px;
+}
+
+._fc-table-form._fc-disabled ._fc-tf-btn .fc-icon,
+._fc-table-form._fc-disabled > .ant-btn {
+  cursor: not-allowed;
+}
+
+._fc-tf-table {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  table-layout: fixed;
+  border: 1px solid #ebeef5;
+  border-bottom: 0 none;
+}
+
+._fc-table-form ._fc-tf-table > thead > tr > th {
+  border: 0 none;
+  border-bottom: 1px solid #ebeef5;
+  height: 40px;
+  font-weight: 500;
+  padding: 0 5px;
+  box-sizing: border-box;
+}
+
+._fc-table-form ._fc-tf-table > thead > tr > th + th {
+  border-left: 1px solid #ebeef5;
+}
+
+._fc-table-form tr {
+  min-height: 50px;
+}
+
+._fc-table-form ._fc-read-view {
+  text-align: center;
+  width: 100%;
+}
+
+._fc-table-form td {
+  padding: 5px;
+  min-height: 50px;
+  min-width: 80px;
+  position: relative;
+  box-sizing: border-box;
+  overflow-wrap: break-word;
+  overflow: hidden;
+  border: 0 none;
+  border-bottom: 1px solid #ebeef5;
+}
+
+._fc-table-form td + td {
+  border-left: 1px solid #ebeef5;
+}
+
+._fc-tf-table .ant-input-number,
+._fc-tf-table .ant-select,
+._fc-tf-table .ant-slider,
+._fc-tf-table .ant-cascader,
+._fc-tf-table .ant-picker {
+  width: 100%;
+}
+
+._fc-tf-head-required:before {
+  content: '*';
+  color: #f56c6c;
+  margin-right: 4px;
+}
+
+/* TableFormView 组件样式 */
+._fd-table-form {
+  min-height: 130px;
+  width: 100%;
+  border: 1px solid #ececec;
+  background: #ffffff;
+}
+
+._fc-child-empty {
+  min-height: 130px;
+}
+
+._fd-tf-wrap {
+  display: flex;
+  overflow: auto;
+}
+
+._fd-tf-wrap > ._fd-drag-tool {
+  flex-shrink: 0;
+  display: flex;
+  margin: 2px;
+  height: auto;
+  overflow: auto;
+}
+
+/* TableFormColumnView 组件样式 */
+._fd-tf-col ._fd-tf-con .ant-form-item {
+  margin-bottom: 1px !important;
+}
+
+._fd-tf-col {
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: column;
+  width: 180px;
+  flex-shrink: 0;
+}
+
+._fd-tf-con .ant-form-item-label,
+._fd-tf-con .van-field__label {
+  display: none !important;
+}
+
+._fd-tf-con {
+  display: flex;
+  flex: 1;
+  width: 100%;
+}
+
+._fd-tf-title {
+  height: 40px;
+  border-bottom: 1px solid #ebeef5;
+  margin-bottom: 0px;
+  padding: 0 5px;
+  box-sizing: border-box;
+  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;
+}
+
+._fd-tf-con ._fc-l-item > * {
+  display: none !important;
+}
+
+._fd-tf-con .ant-input-number,
+._fd-tf-con .ant-select,
+._fd-tf-con .ant-slider,
+._fd-tf-con .ant-cascader,
+._fd-tf-con .ant-picker {
+  width: 100%;
+}
+
+._fd-tf-col:has(._fd-tf-col) {
+  width: auto !important;
+}
+
+/* Flex 容器子项 flex 样式 - 使用通用选择器，匹配所有直接子元素 */
+.ant-flex._fc-flex-container > * {
+  flex: var(--fc-child-flex) !important;
+}
+
+/* 更具体的选择器，针对被 form-item 包裹的子元素 */
+.ant-flex._fc-flex-container > .ant-form-item {
+  flex: var(--fc-child-flex) !important;
+}
+
+/* 垂直方向的 Flex 容器子项宽度样式 - 使用通用选择器 */
+.ant-flex._fc-flex-vertical > * {
+  width: var(--fc-child-width, 100%) !important;
+}
+
+/* 更具体的选择器，针对被 form-item 包裹的子元素 */
+.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;
+}
+
+._fc-table {
+  overflow: auto;
+}
+
+._fc-table > table {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  table-layout: fixed;
+  border: 1px solid #ebeef5;
+  border-bottom: 0 none;
+  border-right: 0 none;
+  border-collapse: collapse;
+}
+
+._fc-table tr {
+  min-height: 50px;
+}
+
+._fc-table td {
+  padding: 12px 3px;
+  min-height: 50px;
+  min-width: 80px;
+  position: relative;
+  box-sizing: border-box;
+  overflow-wrap: break-word;
+  overflow: hidden;
+  border: 0 none;
+  border-right: 1px solid #ebeef5;
+  border-bottom: 1px solid #ebeef5;
+}
+
+._fc-table.is-mini td {
+  padding: 0;
+  min-height: 12px;
+}
+
+._fc-table.is-mini .ant-form-item {
+  padding: 0;
+  margin: 0;
+}
 
 @font-face {
     font-family: "fc-icon";