vxe-pc-ui 4.6.49 → 4.7.0

package/es/list-design/src/default-setting-form.js

@@ -1,751 +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';
-// 控件原始配置信息，带响应
-const refWidgetReactConfigMaps = ref({});
-export const DefaultFieldSettingFormComponent = defineVxeComponent({
-    name: 'DefaultFieldSettingForm',
-    props: {},
-    emits: [],
-    setup() {
-        const $xeListDesign = inject('$xeListDesign', null);
-        if (!$xeListDesign) {
-            return () => [];
-        }
-        const { reactData: listDesignReactData } = $xeListDesign;
-        const refIsAllChecked = ref(false);
-        const refIsAllIndeterminate = ref(false);
-        const changeVisible = (item) => {
-            item.visible = !item.visible;
-            listDesignReactData.listTableColumns = listDesignReactData.listTableColumns.slice(0);
-        };
-        const removeSearchItem = (item) => {
-            const { searchFormItems } = listDesignReactData;
-            listDesignReactData.searchFormItems = searchFormItems.filter(obj => obj.field !== item.field);
-        };
-        const addSearchEvent = () => {
-            const { listTableColumns, searchFormItems } = listDesignReactData;
-            const widgetReactConfigMaps = refWidgetReactConfigMaps.value;
-            const allFormItemList = [];
-            listTableColumns.forEach(item => {
-                const { cellRender } = item;
-                if (cellRender) {
-                    const conf = searchFormItems.find(conf => conf.field === item.field);
-                    const name = cellRender.name || '';
-                    let widgetConfig = 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(Object.assign(Object.assign({}, 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) => {
-                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) => {
-                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 = [];
-                allFormItemList.forEach(item => {
-                    if (item.checked) {
-                        searchItems.push({
-                            field: item.field,
-                            title: item.title,
-                            folding: item.folding,
-                            itemRender: Object.assign({}, item.cellRender)
-                        });
-                    }
-                });
-                $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) => {
-            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('$xeListDesign', null);
-        if (!$xeListDesign) {
-            return () => [];
-        }
-        const { props: listDesignProps, reactData: listDesignReactData } = $xeListDesign;
-        const systemConfigList = [];
-        const customConfigList = [];
-        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) => {
-            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 = [];
-            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()
-                    ];
-                }
-            });
-        };
-    }
-});