vxe-pc-ui 4.6.49 → 4.7.0-beta.0

package/packages/list-design/src/default-setting-form.ts

@@ -1,808 +0,0 @@
-import { h, ref, inject, createCommentVNode, computed, reactive } from 'vue'
-import { defineVxeComponent } from '../../ui/src/comp'
-import { VxeUI, getIcon, getI18n, renderer } from '@vxe-ui/core'
-import { createListDesignActionButton } from '../render/util'
-import VxeFormComponent from '../../form/src/form'
-import VxeFormItemComponent from '../../form/src/form-item'
-import VxeTextComponent from '../../text/src/text'
-import VxeSelectComponent from '../../select/src/select'
-import VxeSwitchComponent from '../../switch/src/switch'
-import VxeRadioGroupComponent from '../../radio/src/group'
-import VxeButtonComponent from '../../button/src/button'
-import XEUtils from 'xe-utils'
-
-import type { VxeListDesignConstructor, VxeListDesignPrivateMethods, VxeSelectPropTypes, VxeListDesignDefines, VxeFormItemPropTypes, VxeGlobalRendererHandles } from '../../../types'
-import type { VxeTableDefines } from '../../../types/components/table'
-
-interface SearchConfigObjItem extends VxeListDesignDefines.ListColumnObjItem {
-  checked: boolean
-  folding: boolean
-  isHalf: boolean
-  children?: SearchConfigObjItem[]
-}
-
-// 控件原始配置信息，带响应
-const refWidgetReactConfigMaps = ref<Record<string, VxeGlobalRendererHandles.CreateFormDesignWidgetConfigObj>>({})
-
-export const DefaultFieldSettingFormComponent = defineVxeComponent({
-  name: 'DefaultFieldSettingForm',
-  props: {},
-  emits: [],
-  setup () {
-    const $xeListDesign = inject<(VxeListDesignConstructor & VxeListDesignPrivateMethods) | null>('$xeListDesign', null)
-
-    if (!$xeListDesign) {
-      return () => []
-    }
-
-    const { reactData: listDesignReactData } = $xeListDesign
-
-    const refIsAllChecked = ref(false)
-    const refIsAllIndeterminate = ref(false)
-
-    const changeVisible = (item: VxeTableDefines.ColumnOptions) => {
-      item.visible = !item.visible
-      listDesignReactData.listTableColumns = listDesignReactData.listTableColumns.slice(0)
-    }
-
-    const removeSearchItem = (item: VxeListDesignDefines.SearchItemObjItem) => {
-      const { searchFormItems } = listDesignReactData
-      listDesignReactData.searchFormItems = searchFormItems.filter(obj => obj.field !== item.field)
-    }
-
-    const addSearchEvent = () => {
-      const { listTableColumns, searchFormItems } = listDesignReactData
-      const widgetReactConfigMaps = refWidgetReactConfigMaps.value
-      const allFormItemList: SearchConfigObjItem[] = []
-
-      listTableColumns.forEach(item => {
-        const { cellRender } = item
-        if (cellRender) {
-          const conf = searchFormItems.find(conf => conf.field === item.field)
-          const name = cellRender.name || ''
-          let widgetConfig: VxeGlobalRendererHandles.CreateFormDesignWidgetConfigObj = widgetReactConfigMaps[name]
-          if (!widgetConfig) {
-            const compConf = renderer.get(name)
-            if (compConf) {
-              const createWidgetFormConfig = compConf.createFormDesignWidgetConfig
-              if (createWidgetFormConfig) {
-                const params = { name, $formDesign: null }
-                widgetConfig = createWidgetFormConfig(params) || {}
-                widgetReactConfigMaps[name] = widgetConfig
-              }
-            }
-          }
-          if (widgetConfig.query) {
-            allFormItemList.push({
-              ...item,
-              checked: !!conf,
-              isHalf: false,
-              folding: conf ? !!conf.folding : false
-            })
-          }
-        }
-      })
-
-      refWidgetReactConfigMaps.value = Object.assign({}, widgetReactConfigMaps)
-
-      const refAllFormItemList = ref(allFormItemList)
-      // const foldOptions = ref([
-      //   { label: '展开', value: false },
-      //   { label: '折叠', value: true }
-      // ])
-
-      const checkOptionStatus = () => {
-        const allFormItemList = refAllFormItemList.value
-        refIsAllChecked.value = allFormItemList.every((item) => item.checked)
-        refIsAllIndeterminate.value = !refIsAllChecked.value && allFormItemList.some((item) => item.checked || item.isHalf)
-      }
-
-      const handleOptionCheck = (item: SearchConfigObjItem) => {
-        const allFormItemList = refAllFormItemList.value
-        const matchObj = XEUtils.findTree(allFormItemList, obj => obj === item)
-        if (matchObj && matchObj.parent) {
-          const { parent } = matchObj
-          if (parent.children && parent.children.length) {
-            parent.checked = parent.children.every((obj) => obj.checked)
-            parent.isHalf = !parent.checked && parent.children.some((obj) => obj.checked || obj.isHalf)
-            handleOptionCheck(parent)
-          }
-        }
-      }
-
-      const changeCheckboxOption = (item: SearchConfigObjItem) => {
-        const isChecked = !item.checked
-        XEUtils.eachTree([item], (obj) => {
-          obj.checked = isChecked
-          obj.isHalf = false
-        })
-        handleOptionCheck(item)
-        checkOptionStatus()
-      }
-
-      const allOptionEvent = () => {
-        const allFormItemList = refAllFormItemList.value
-        const isAll = !refIsAllChecked.value
-        XEUtils.eachTree(allFormItemList, (item) => {
-          item.checked = isAll
-          item.isHalf = false
-        })
-        refIsAllChecked.value = isAll
-        checkOptionStatus()
-      }
-
-      const confirmEvent = () => {
-        const allFormItemList = refAllFormItemList.value
-        const searchItems: VxeListDesignDefines.SearchItemObjItem[] = []
-        allFormItemList.forEach(item => {
-          if (item.checked) {
-            searchItems.push({
-              field: item.field,
-              title: item.title,
-              folding: item.folding,
-              itemRender: { ...item.cellRender } as VxeFormItemPropTypes.ItemRender
-            })
-          }
-        })
-        $xeListDesign.setSearchItems(searchItems)
-      }
-
-      VxeUI.modal.open({
-        title: getI18n('vxe.listDesign.search.editPopupTitle'),
-        width: 680,
-        height: 500,
-        showFooter: true,
-        escClosable: true,
-        showCancelButton: true,
-        showConfirmButton: true,
-        confirmButtonText: getI18n('vxe.listDesign.searchPopup.saveBtn'),
-        showZoom: true,
-        resize: true,
-        onConfirm: confirmEvent,
-        slots: {
-          default () {
-            const isAllChecked = refIsAllChecked.value
-            const isAllIndeterminate = refIsAllIndeterminate.value
-            const allFormItemList = refAllFormItemList.value
-
-            return h('div', {
-              class: 'vxe-list-design--field-search-popup'
-            }, [
-              h('table', {}, [
-                h('colgroup', {}, [
-                  h('col', {
-                    style: {
-                      width: '80px'
-                    }
-                  }),
-                  h('col')
-                  // h('col', {
-                  //   style: {
-                  //     width: '140px'
-                  //   }
-                  // })
-                ]),
-                h('thead', {}, [
-                  h('th', {}, [
-                    h('div', {
-                      class: ['vxe-list-design--field-search-checkbox-option', {
-                        'is--checked': isAllChecked,
-                        'is--indeterminate': isAllIndeterminate
-                      }],
-                      title: getI18n('vxe.table.allTitle'),
-                      onClick: allOptionEvent
-                    }, [
-                      h('span', {
-                        class: ['vxe-checkbox--icon', isAllIndeterminate ? getIcon().CHECKBOX_INDETERMINATE : (isAllChecked ? getIcon().CHECKBOX_CHECKED : getIcon().CHECKBOX_UNCHECKED)]
-                      }),
-                      h('span', {
-                        class: 'vxe-checkbox--label'
-                      }, getI18n('vxe.toolbar.customAll'))
-                    ])
-                  ]),
-                  h('th', {}, getI18n('vxe.listDesign.searchPopup.colTitle'))
-                  // h('th', {}, '展开/折叠')
-                ]),
-                h('tbody', {}, allFormItemList.map(item => {
-                  const isChecked = item.checked
-                  const isIndeterminate = item.isHalf
-                  return h('tr', {}, [
-                    h('td', {
-                      class: 'vxe-list-design--field-search-option-item col--visible'
-                    }, [
-                      h('div', {
-                        class: ['vxe-list-design--field-search-checkbox-option', {
-                          'is--checked': isChecked,
-                          'is--indeterminate': isIndeterminate
-                        }],
-                        title: getI18n('vxe.custom.setting.colVisible'),
-                        onClick: () => {
-                          changeCheckboxOption(item)
-                        }
-                      }, [
-                        h('span', {
-                          class: ['vxe-checkbox--icon', isIndeterminate ? getIcon().CHECKBOX_INDETERMINATE : (isChecked ? getIcon().CHECKBOX_CHECKED : getIcon().CHECKBOX_UNCHECKED)]
-                        })
-                      ])
-                    ]),
-                    h('td', {
-                      class: 'vxe-list-design--field-search-option-item'
-                    }, `${item.title || ''}`)
-                    // h('td', {}, [
-                    //   h(VxeRadioGroupComponent, {
-                    //     modelValue: item.folding,
-                    //     type: 'button',
-                    //     options: foldOptions.value,
-                    //     size: 'mini',
-                    //     'onUpdate:modelValue' (val) {
-                    //       item.folding = val
-                    //     }
-                    //   })
-                    // ])
-                  ])
-                }))
-              ])
-            ])
-          }
-        }
-      })
-    }
-
-    const renderChildOptions = (item: VxeTableDefines.ColumnOptions) => {
-      const { children } = item
-      if (children && children.length) {
-        return h('div', {
-          class: 'vxe-list-design--field-option-inner'
-        }, [
-          h('div', {
-            class: 'vxe-list-design--field-sub-option',
-            onClick () {
-              changeVisible(item)
-            }
-          }, children.map(child => {
-            const { title, visible: isChecked } = child
-            return h('div', {
-              class: ['vxe-list-design--field-checkbox-option', {
-                'is--checked': isChecked
-              }],
-              onClick () {
-                changeVisible(child)
-              }
-            }, [
-              h('span', {
-                class: ['vxe-checkbox--icon', isChecked ? getIcon().CHECKBOX_CHECKED : getIcon().CHECKBOX_UNCHECKED]
-              }),
-              h('span', {
-                class: 'vxe-checkbox--label'
-              }, `${title}`)
-            ])
-          }))
-        ])
-      }
-      return createCommentVNode()
-    }
-
-    const renderFieldOptions = () => {
-      const { listTableColumns } = listDesignReactData
-      return listTableColumns.map(item => {
-        const { title, visible: isChecked } = item
-        return h('div', {
-          class: 'vxe-list-design--field-option'
-        }, [
-          h('div', {
-            class: 'vxe-list-design--field-option-inner'
-          }, [
-            h('div', {
-              class: ['vxe-list-design--field-checkbox-option', {
-                'is--checked': isChecked
-              }],
-              onClick () {
-                changeVisible(item)
-              }
-            }, [
-              h('span', {
-                class: ['vxe-checkbox--icon', isChecked ? getIcon().CHECKBOX_CHECKED : getIcon().CHECKBOX_UNCHECKED]
-              }),
-              h('span', {
-                class: 'vxe-checkbox--label'
-              }, `${title}`)
-            ])
-          ]),
-          renderChildOptions(item)
-        ])
-      })
-    }
-
-    return () => {
-      return h(VxeFormComponent, {
-        span: 24,
-        vertical: true,
-        titleBold: true
-      }, {
-        default () {
-          return [
-            h(VxeFormItemComponent, {
-              title: getI18n('vxe.listDesign.searchField')
-            }, {
-              extra () {
-                return h(VxeButtonComponent, {
-                  mode: 'text',
-                  status: 'primary',
-                  icon: getIcon().FORM_DESIGN_PROPS_EDIT,
-                  content: getI18n('vxe.listDesign.search.addBtn'),
-                  onClick: addSearchEvent
-                })
-              },
-              default () {
-                const { searchFormItems } = listDesignReactData
-                return [
-                  searchFormItems.length
-                    ? h('div', {
-                      class: 'vxe-list-design--search-item-wrapper'
-                    }, [
-                      h('div', {
-                        class: 'vxe-list-design--search-item-list'
-                      }, searchFormItems.map((item) => {
-                        return h('div', {
-                          key: item.field,
-                          class: 'vxe-list-design--search-item'
-                        }, [
-                          h('div', {
-                            class: 'vxe-list-design--search-item-title'
-                          }, `${item.title || ''}`),
-                          h('div', {
-                            class: 'vxe-list-design--search-item-btn'
-                          }, [
-                            h(VxeButtonComponent, {
-                              icon: getIcon().LIST_DESIGN_LIST_SETTING_SEARCH_DELETE,
-                              mode: 'text',
-                              status: 'error',
-                              onClick () {
-                                removeSearchItem(item)
-                              }
-                            })
-                          ])
-                        ])
-                      }))
-                    ])
-                    : h('div', {
-                      class: 'vxe-list-design--field-configs-empty-data'
-                    }, [
-                      h('span', {}, getI18n('vxe.listDesign.search.emptyText'))
-                    ])
-                ]
-              }
-            }),
-            h(VxeFormItemComponent, {
-              title: getI18n('vxe.listDesign.listField')
-            }, {
-              default () {
-                return renderFieldOptions()
-              }
-            })
-          ]
-        }
-      })
-    }
-  }
-})
-
-export const DefaultParameterSettingFormComponent = defineVxeComponent({
-  name: 'DefaultListSettingTabComponent',
-  props: {},
-  emits: [],
-  setup () {
-    const $xeListDesign = inject<(VxeListDesignConstructor & VxeListDesignPrivateMethods) | null>('$xeListDesign', null)
-
-    if (!$xeListDesign) {
-      return () => []
-    }
-
-    const { props: listDesignProps, reactData: listDesignReactData } = $xeListDesign
-
-    const systemConfigList: VxeGlobalRendererHandles.CreateListDesignSettingActionButtonConfigResult[] = []
-    const customConfigList: VxeGlobalRendererHandles.CreateListDesignSettingActionButtonConfigResult[] = []
-    renderer.forEach((item, name) => {
-      const { createListDesignSettingActionButtonConfig } = item
-      if (createListDesignSettingActionButtonConfig) {
-        const params = { name }
-        const btnConfig = Object.assign(createListDesignActionButton({ code: name }), createListDesignSettingActionButtonConfig(params))
-        if (btnConfig.type === 'custom') {
-          customConfigList.push(btnConfig)
-        } else {
-          systemConfigList.push(btnConfig)
-        }
-      }
-    })
-
-    const renderViewList = ref([
-      { label: '列表视图', value: 'list', isExpand: false }
-    ])
-
-    // const refFoldOpts = ref([
-    //   { label: '显示', value: true },
-    //   { label: '隐藏', value: false }
-    // ])
-
-    const refSeqOpts = ref([
-      { label: '显示', value: true },
-      { label: '隐藏', value: false }
-    ])
-
-    const refCheckboxOpts = ref([
-      { label: '默认', value: 'auto' },
-      { label: '允许', value: true },
-      { label: '不允许', value: false }
-    ])
-
-    const disableView = computed(() => {
-      const { formData } = listDesignReactData
-      return [formData.listView.enabled, formData.ganttView.enabled, formData.chartView.enabled].filter(enabled => enabled).length <= 1
-    })
-
-    const openActiveBtnPopup = (activeBtnObj?: VxeListDesignDefines.DefaultSettingFormActionButton) => {
-      const { formData } = listDesignReactData
-      const { actionCodes } = listDesignProps
-
-      let btnList = formData.actionButtonList
-      if (!btnList) {
-        btnList = []
-      }
-
-      const activeBtnItem = reactive(createListDesignActionButton(activeBtnObj))
-      const systemBtnList = systemConfigList.filter(item => {
-        if (actionCodes && actionCodes.length) {
-          if (!actionCodes.some(conf => XEUtils.isString(conf) ? item.code === conf : conf.code === item.code)) {
-            return false
-          }
-        }
-        return !btnList.some(obj => obj.code === item.code)
-      })
-      const customBtnList = customConfigList.filter(item => !btnList.some(obj => obj.code === item.code))
-
-      const btOptions: VxeSelectPropTypes.Options = []
-      if (systemBtnList.length) {
-        if (!activeBtnItem.type) {
-          activeBtnItem.type = ''
-        }
-        btOptions.push(
-          { value: '', label: '系统按钮' }
-        )
-      }
-      if (customBtnList.length) {
-        if (!activeBtnItem.type) {
-          activeBtnItem.type = 'custom'
-        }
-        btOptions.push(
-          { value: 'custom', label: '自定义按钮' }
-        )
-      }
-
-      const refSystemConfigOptions = computed(() => {
-        return systemBtnList.map(item => {
-          const nameConfig = item.name
-          return {
-            label: XEUtils.toValueString(XEUtils.isFunction(nameConfig) ? nameConfig({ name: item.code || '' }) : nameConfig),
-            value: item.code
-          }
-        })
-      })
-      const refBtnTypeOptions = ref(btOptions)
-
-      VxeUI.modal.open({
-        title: '添加按钮',
-        width: 600,
-        height: 400,
-        showFooter: true,
-        showCancelButton: true,
-        showConfirmButton: true,
-        confirmButtonText: '保存',
-        onConfirm () {
-          if (activeBtnItem.type === 'custom') {
-            btnList.push(activeBtnItem)
-          } else {
-            btnList.push(activeBtnItem)
-          }
-          formData.actionButtonList = [...btnList]
-        },
-        slots: {
-          default () {
-            return h(VxeFormComponent, {
-              vertical: true,
-              titleBold: true
-            }, {
-              default () {
-                return [
-                  h(VxeFormItemComponent, {
-                    title: '按钮类型',
-                    span: 24
-                  }, {
-                    default () {
-                      return h(VxeSelectComponent, {
-                        modelValue: activeBtnItem.type,
-                        options: refBtnTypeOptions.value,
-                        'onUpdate:modelValue' (val) {
-                          activeBtnItem.type = val
-                        }
-                      })
-                    }
-                  }),
-                  h(VxeFormItemComponent, {
-                    title: '选择系统按钮',
-                    span: 24
-                  }, {
-                    default () {
-                      return h(VxeSelectComponent, {
-                        modelValue: activeBtnItem.code,
-                        options: refSystemConfigOptions.value,
-                        'onUpdate:modelValue' (val) {
-                          activeBtnItem.code = val
-                        }
-                      })
-                    }
-                  })
-                  // h(VxeFormItemComponent, {
-                  //   title: '按钮位置',
-                  //   span: 24
-                  // }, {
-                  //   default () {
-                  //     return h(VxeSelectComponent, {
-                  //       modelValue: activeBtnItem.classify,
-                  //       options: refBtnClassifyOptions.value,
-                  //       'onUpdate:modelValue' (val) {
-                  //         activeBtnItem.classify = val
-                  //       }
-                  //     })
-                  //   }
-                  // })
-                ]
-              }
-            })
-          }
-        }
-      })
-    }
-
-    const renderDefaultCellActionButton = () => {
-      return h(VxeFormItemComponent, {
-        title: '功能按钮'
-      }, {
-        extra () {
-          return h(VxeButtonComponent, {
-            mode: 'text',
-            status: 'primary',
-            icon: getIcon().FORM_DESIGN_PROPS_ADD,
-            content: '新增',
-            onClick () {
-              openActiveBtnPopup()
-            }
-          })
-        },
-        default () {
-          const { formData } = listDesignReactData
-          const btnList = formData.actionButtonList
-
-          return btnList && btnList.length
-            ? h('div', {
-              class: 'vxe-list-design--field-configs-wrapper'
-            }, btnList.map(btnItem => {
-              let btnIcon = ''
-              let btnName = ''
-              if (btnItem.type === 'custom') {
-                btnIcon = btnItem.icon
-                btnName = btnItem.name
-              } else {
-                const btnConfig = systemConfigList.find(item => item.code === btnItem.code)
-                if (btnConfig) {
-                  const nameConfig = btnConfig.name
-                  btnIcon = btnConfig.icon || ''
-                  btnName = XEUtils.toValueString(XEUtils.isFunction(nameConfig) ? nameConfig({ name: btnConfig.code || '' }) : nameConfig)
-                }
-              }
-
-              return h('div', {
-                class: 'vxe-list-design--field-configs-item'
-              }, [
-                btnIcon
-                  ? h('div', {
-                    class: 'vxe-list-design--field-configs-item-icon'
-                  }, [
-                    h('i', {
-                      class: btnIcon
-                    })
-                  ])
-                  : createCommentVNode(),
-                h('div', {
-                  class: 'vxe-list-design--field-configs-item-title'
-                }, `${btnName || ''}`),
-                h('div', {
-                  class: 'vxe-list-design--field-configs-item-btn'
-                }, [
-                  h(VxeButtonComponent, {
-                    icon: getIcon().LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE,
-                    mode: 'text',
-                    status: 'error',
-                    onClick () {
-                      formData.actionButtonList = btnList.filter(item => item !== btnItem)
-                    }
-                  })
-                ])
-              ])
-            }))
-            : h('div', {
-              class: 'vxe-list-design--field-configs-empty-data'
-            }, [
-              h('span', {}, '无操作按钮')
-            ])
-        }
-      })
-    }
-
-    return () => {
-      const { showPc, showMobile } = listDesignProps
-      const { formData } = listDesignReactData
-
-      return h(VxeFormComponent, {
-        span: 24,
-        vertical: true,
-        titleBold: true
-      }, {
-        default () {
-          return [
-            h(VxeFormItemComponent, {
-              title: '视图配置'
-            }, {
-              default () {
-                return h('div', {
-                  class: 'vxe-form-design--widget-form-item-render-view'
-                }, renderViewList.value.map(item => {
-                  return h('div', {
-                    key: item.value,
-                    class: 'vxe-form-design--widget-form-item-render-view-item'
-                  }, [
-                    h(VxeSwitchComponent, {
-                      modelValue: formData.listView.enabled,
-                      disabled: disableView.value,
-                      'onUpdate:modelValue' (val) {
-                        formData.listView.enabled = val
-                      }
-                    }),
-                    h(VxeTextComponent, {
-                      content: item.label,
-                      icon: 'vxe-icon-table'
-                    })
-                  ])
-                }))
-              }
-            }),
-            h(VxeFormItemComponent, {
-              title: '默认视图'
-            }, {
-              default () {
-                return [
-                  h('div', {
-                    class: 'vxe-form-design--widget-form-item-devices'
-                  }, [
-                    showPc
-                      ? h('div', {
-                        class: 'vxe-form-design--widget-form-item-devices-item'
-                      }, [
-                        h('div', {
-                          class: 'vxe-form-design--widget-form-item-devices-left'
-                        }, [
-                          h(VxeTextComponent, {
-                            icon: getIcon().FORM_DESIGN_PROPS_PC,
-                            content: getI18n('vxe.formDesign.widgetProp.displaySetting.pc')
-                          })
-                        ]),
-                        h(VxeSelectComponent, {
-                          modelValue: formData.pcDefaultView,
-                          className: 'vxe-form-design--widget-form-item-devices-select',
-                          options: renderViewList.value,
-                          'onUpdate:modelValue' (val) {
-                            formData.pcDefaultView = val
-                          }
-                        })
-                      ])
-                      : createCommentVNode(),
-                    showMobile
-                      ? h('div', {
-                        class: 'vxe-form-design--widget-form-item-devices-item'
-                      }, [
-                        h('div', {
-                          class: 'vxe-form-design--widget-form-item-devices-left'
-                        }, [
-                          h(VxeTextComponent, {
-                            icon: getIcon().FORM_DESIGN_PROPS_MOBILE,
-                            content: getI18n('vxe.formDesign.widgetProp.displaySetting.mobile')
-                          })
-                        ]),
-                        h(VxeSelectComponent, {
-                          modelValue: formData.mobileDefaultView,
-                          className: 'vxe-form-design--widget-form-item-devices-select',
-                          options: renderViewList.value,
-                          'onUpdate:modelValue' (val) {
-                            formData.mobileDefaultView = val
-                          }
-                        })
-                      ])
-                      : createCommentVNode()
-                  ])
-                ]
-              }
-            }),
-            // h(VxeFormItemComponent, {
-            //   title: '查询配置'
-            // }, {
-            //   default () {
-            //     const { formData } = listDesignReactData
-            //     return [
-            //       h('div', {
-            //         class: 'vxe-list-design--widget-form-item-prop-list'
-            //       }, [
-            //         h('span', {}, '折叠字段'),
-            //         h(VxeRadioGroupComponent, {
-            //           modelValue: formData.autoFoldFilter,
-            //           options: refFoldOpts.value,
-            //           'onUpdate:modelValue' (val) {
-            //             formData.autoFoldFilter = val
-            //           }
-            //         })
-            //       ])
-            //     ]
-            //   }
-            // }),
-            h(VxeFormItemComponent, {
-              title: '列配置'
-            }, {
-              default () {
-                const { formData } = listDesignReactData
-                return [
-                  h('div', {
-                    class: 'vxe-list-design--widget-form-item-prop-list'
-                  }, [
-                    h('span', {}, '显示序号'),
-                    h(VxeRadioGroupComponent, {
-                      modelValue: formData.showSeq,
-                      options: refSeqOpts.value,
-                      'onUpdate:modelValue' (val) {
-                        formData.showSeq = val
-                      }
-                    })
-                  ]),
-                  h('div', {
-                    class: 'vxe-list-design--widget-form-item-prop-list'
-                  }, [
-                    h('span', {}, '表尾统计'),
-                    h(VxeRadioGroupComponent, {
-                      modelValue: formData.showStatistics,
-                      options: refSeqOpts.value,
-                      'onUpdate:modelValue' (val) {
-                        formData.showStatistics = val
-                      }
-                    })
-                  ])
-                ]
-              }
-            }),
-            h(VxeFormItemComponent, {
-              title: '批量操作'
-            }, {
-              default () {
-                const { formData } = listDesignReactData
-                return h(VxeRadioGroupComponent, {
-                  modelValue: formData.showCheckbox,
-                  options: refCheckboxOpts.value,
-                  'onUpdate:modelValue' (val) {
-                    formData.showCheckbox = val
-                  }
-                })
-              }
-            }),
-            systemConfigList.length || customConfigList.length ? renderDefaultCellActionButton() : createCommentVNode()
-          ]
-        }
-      })
-    }
-  }
-})