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

package/es/form-design/widget-vxe-slider/vxe-slider-view.js

@@ -1,53 +0,0 @@
-import { h, inject } from 'vue';
-import { defineVxeComponent } from '../../ui/src/comp';
-import { useWidgetName } from '../src/use';
-import VxeFormItemComponent from '../../form/src/form-item';
-import VxeSliderComponent from '../../slider/src/slider';
-export const WidgetVxeSliderViewComponent = defineVxeComponent({
-    props: {
-        renderOpts: {
-            type: Object,
-            default: () => ({})
-        },
-        renderParams: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    emits: [],
-    setup(props) {
-        const $xeFormView = inject('$xeFormView', null);
-        const { computeKebabCaseName } = useWidgetName(props);
-        const changeEvent = () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            if ($xeFormView) {
-                const itemValue = $xeFormView ? $xeFormView.getItemValue(widget) : null;
-                $xeFormView.updateWidgetStatus(widget, itemValue);
-            }
-        };
-        return () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            const kebabCaseName = computeKebabCaseName.value;
-            return h(VxeFormItemComponent, {
-                class: ['vxe-form-design--widget-render-form-item', `widget-${kebabCaseName}`],
-                field: widget.field,
-                title: widget.title,
-                itemRender: {}
-            }, {
-                default() {
-                    return h(VxeSliderComponent, {
-                        modelValue: $xeFormView ? $xeFormView.getItemValue(widget) : null,
-                        onChange: changeEvent,
-                        'onUpdate:modelValue'(val) {
-                            if ($xeFormView) {
-                                $xeFormView.setItemValue(widget, val);
-                            }
-                        }
-                    });
-                }
-            });
-        };
-    }
-});

package/es/form-design/widget-vxe-switch/index.js

@@ -1,3 +0,0 @@
-export * from './vxe-switch-data';
-export * from './vxe-switch-form';
-export * from './vxe-switch-view';

package/es/form-design/widget-vxe-switch/vxe-switch-data.js

@@ -1,9 +0,0 @@
-import { handleGetFormDesignWidgetName } from '../render/util';
-export const getWidgetVxeSwitchConfig = () => {
-    return {
-        title: handleGetFormDesignWidgetName,
-        icon: 'vxe-icon-switch',
-        query: true,
-        options: {}
-    };
-};

package/es/form-design/widget-vxe-switch/vxe-switch-form.js

@@ -1,53 +0,0 @@
-import { h } from 'vue';
-import { defineVxeComponent } from '../../ui/src/comp';
-import { getI18n } from '@vxe-ui/core';
-import { useWidgetName } from '../../form-design/src/use';
-import VxeFormComponent from '../../form/src/form';
-import VxeInputComponent from '../../input/src/input';
-import VxeFormItemComponent from '../../form/src/form-item';
-export const WidgetVxeSwitchFormComponent = defineVxeComponent({
-    props: {
-        renderOpts: {
-            type: Object,
-            default: () => ({})
-        },
-        renderParams: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    emits: [],
-    setup(props) {
-        const { computeKebabCaseName } = useWidgetName(props);
-        return () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            const kebabCaseName = computeKebabCaseName.value;
-            return h(VxeFormComponent, {
-                class: ['vxe-form-design--widget-render-form-wrapper', `widget-${kebabCaseName}`],
-                vertical: true,
-                span: 24,
-                titleBold: true,
-                titleOverflow: true,
-                data: widget.options
-            }, {
-                default() {
-                    return [
-                        h(VxeFormItemComponent, {
-                            title: getI18n('vxe.formDesign.widgetProp.name')
-                        }, {
-                            default() {
-                                return h(VxeInputComponent, {
-                                    modelValue: widget.title,
-                                    'onUpdate:modelValue'(val) {
-                                        widget.title = val;
-                                    }
-                                });
-                            }
-                        })
-                    ];
-                }
-            });
-        };
-    }
-});

package/es/form-design/widget-vxe-switch/vxe-switch-view.js

@@ -1,53 +0,0 @@
-import { h, inject } from 'vue';
-import { defineVxeComponent } from '../../ui/src/comp';
-import { useWidgetName } from '../../form-design/src/use';
-import VxeFormItemComponent from '../../form/src/form-item';
-import VxeSwitchComponent from '../../switch/src/switch';
-export const WidgetVxeSwitchViewComponent = defineVxeComponent({
-    props: {
-        renderOpts: {
-            type: Object,
-            default: () => ({})
-        },
-        renderParams: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    emits: [],
-    setup(props) {
-        const $xeFormView = inject('$xeFormView', null);
-        const { computeKebabCaseName } = useWidgetName(props);
-        const changeEvent = () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            if ($xeFormView) {
-                const itemValue = $xeFormView ? $xeFormView.getItemValue(widget) : null;
-                $xeFormView.updateWidgetStatus(widget, itemValue);
-            }
-        };
-        return () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            const kebabCaseName = computeKebabCaseName.value;
-            return h(VxeFormItemComponent, {
-                class: ['vxe-form-design--widget-render-form-item', `widget-${kebabCaseName}`],
-                field: widget.field,
-                title: widget.title,
-                itemRender: {}
-            }, {
-                default() {
-                    return h(VxeSwitchComponent, {
-                        modelValue: $xeFormView ? $xeFormView.getItemValue(widget) : null,
-                        onChange: changeEvent,
-                        'onUpdate:modelValue'(val) {
-                            if ($xeFormView) {
-                                $xeFormView.setItemValue(widget, val);
-                            }
-                        }
-                    });
-                }
-            });
-        };
-    }
-});

package/es/form-design/widget-vxe-textarea/index.js

@@ -1,3 +0,0 @@
-export * from './vxe-textarea-data';
-export * from './vxe-textarea-form';
-export * from './vxe-textarea-view';

package/es/form-design/widget-vxe-textarea/vxe-textarea-data.js

@@ -1,10 +0,0 @@
-import { handleGetFormDesignWidgetName } from '../render/util';
-export const getWidgetVxeTextareaConfig = () => {
-    return {
-        title: handleGetFormDesignWidgetName,
-        icon: 'vxe-icon-textarea',
-        options: {
-            placeholder: ''
-        }
-    };
-};

package/es/form-design/widget-vxe-textarea/vxe-textarea-form.js

@@ -1,70 +0,0 @@
-import { h } from 'vue';
-import { defineVxeComponent } from '../../ui/src/comp';
-import { getI18n } from '@vxe-ui/core';
-import { useWidgetName } from '../../form-design/src/use';
-import VxeFormComponent from '../../form/src/form';
-import VxeFormItemComponent from '../../form/src/form-item';
-import VxeInputComponent from '../../input/src/input';
-import VxeSwitchComponent from '../../switch/src/switch';
-export const WidgetVxeTextareaFormComponent = defineVxeComponent({
-    props: {
-        renderOpts: {
-            type: Object,
-            default: () => ({})
-        },
-        renderParams: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    emits: [],
-    setup(props) {
-        const { computeKebabCaseName } = useWidgetName(props);
-        return () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            const kebabCaseName = computeKebabCaseName.value;
-            return h(VxeFormComponent, {
-                class: ['vxe-form-design--widget-render-form-wrapper', `widget-${kebabCaseName}`],
-                vertical: true,
-                span: 24,
-                titleBold: true,
-                data: widget.options
-            }, {
-                default() {
-                    return [
-                        h(VxeFormItemComponent, {
-                            title: getI18n('vxe.formDesign.widgetProp.name')
-                        }, {
-                            default() {
-                                return h(VxeInputComponent, {
-                                    modelValue: widget.title,
-                                    'onUpdate:modelValue'(val) {
-                                        widget.title = val;
-                                    }
-                                });
-                            }
-                        }),
-                        h(VxeFormItemComponent, {
-                            title: getI18n('vxe.formDesign.widgetProp.placeholder'),
-                            field: 'placeholder',
-                            itemRender: { name: 'VxeInput' }
-                        }),
-                        h(VxeFormItemComponent, {
-                            title: getI18n('vxe.formDesign.widgetProp.required')
-                        }, {
-                            default() {
-                                return h(VxeSwitchComponent, {
-                                    modelValue: widget.required,
-                                    'onUpdate:modelValue'(val) {
-                                        widget.required = val;
-                                    }
-                                });
-                            }
-                        })
-                    ];
-                }
-            });
-        };
-    }
-});

package/es/form-design/widget-vxe-textarea/vxe-textarea-view.js

@@ -1,56 +0,0 @@
-import { h, inject } from 'vue';
-import { defineVxeComponent } from '../../ui/src/comp';
-import { useWidgetName } from '../../form-design/src/use';
-import VxeFormItemComponent from '../../form/src/form-item';
-import VxeTextareaComponent from '../../textarea/src/textarea';
-export const WidgetVxeTextareaViewComponent = defineVxeComponent({
-    props: {
-        renderOpts: {
-            type: Object,
-            default: () => ({})
-        },
-        renderParams: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    emits: [],
-    setup(props) {
-        const $xeFormView = inject('$xeFormView', null);
-        const { computeKebabCaseName } = useWidgetName(props);
-        const changeEvent = () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            if ($xeFormView) {
-                const itemValue = $xeFormView ? $xeFormView.getItemValue(widget) : null;
-                $xeFormView.updateWidgetStatus(widget, itemValue);
-            }
-        };
-        return () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            const { options } = widget;
-            const kebabCaseName = computeKebabCaseName.value;
-            return h(VxeFormItemComponent, {
-                class: ['vxe-form-design--widget-render-form-item', `widget-${kebabCaseName}`],
-                title: widget.title,
-                field: widget.field,
-                itemRender: {}
-            }, {
-                default() {
-                    return h(VxeTextareaComponent, {
-                        modelValue: $xeFormView ? $xeFormView.getItemValue(widget) : null,
-                        placeholder: options.placeholder,
-                        resize: 'node',
-                        onChange: changeEvent,
-                        'onUpdate:modelValue'(val) {
-                            if ($xeFormView) {
-                                $xeFormView.setItemValue(widget, val);
-                            }
-                        }
-                    });
-                }
-            });
-        };
-    }
-});

package/es/form-design/widget-vxe-tree-select/index.js

@@ -1,3 +0,0 @@
-export * from './vxe-tree-select-data';
-export * from './vxe-tree-select-form';
-export * from './vxe-tree-select-view';

package/es/form-design/widget-vxe-tree-select/vxe-tree-select-data.js

@@ -1,19 +0,0 @@
-import { handleGetFormDesignWidgetName } from '../render/util';
-import { getI18n } from '@vxe-ui/core';
-import XEUtils from 'xe-utils';
-export const getWidgetVxeTreeSelectConfig = () => {
-    return {
-        title: handleGetFormDesignWidgetName,
-        icon: 'vxe-icon-tree-select',
-        query: true,
-        options: {
-            placeholder: '',
-            options: XEUtils.range(0, 3).map((v, i) => {
-                return {
-                    value: getI18n('vxe.formDesign.widgetProp.dataSource.defValue', [i + 1])
-                };
-            }),
-            multiple: false
-        }
-    };
-};

package/es/form-design/widget-vxe-tree-select/vxe-tree-select-form.js

@@ -1,76 +0,0 @@
-import { h } from 'vue';
-import { defineVxeComponent } from '../../ui/src/comp';
-import { getI18n } from '@vxe-ui/core';
-import VxeFormComponent from '../../form/src/form';
-import VxeFormItemComponent from '../../form/src/form-item';
-import VxeInputComponent from '../../input/src/input';
-import VxeSwitchComponent from '../../switch/src/switch';
-import { useWidgetName } from '../src/use';
-export const WidgetVxeTreeSelectFormComponent = defineVxeComponent({
-    props: {
-        renderOpts: {
-            type: Object,
-            default: () => ({})
-        },
-        renderParams: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    emits: [],
-    setup(props) {
-        const { computeKebabCaseName } = useWidgetName(props);
-        return () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            const kebabCaseName = computeKebabCaseName.value;
-            return h(VxeFormComponent, {
-                class: ['vxe-form-design--widget-render-form-wrapper', `widget-${kebabCaseName}`],
-                vertical: true,
-                span: 24,
-                titleBold: true,
-                titleOverflow: true,
-                data: widget.options
-            }, {
-                default() {
-                    return [
-                        h(VxeFormItemComponent, {
-                            title: getI18n('vxe.formDesign.widgetProp.name')
-                        }, {
-                            default() {
-                                return h(VxeInputComponent, {
-                                    modelValue: widget.title,
-                                    'onUpdate:modelValue'(val) {
-                                        widget.title = val;
-                                    }
-                                });
-                            }
-                        }),
-                        h(VxeFormItemComponent, {
-                            title: getI18n('vxe.formDesign.widgetProp.placeholder'),
-                            field: 'placeholder',
-                            itemRender: { name: 'VxeInput' }
-                        }),
-                        h(VxeFormItemComponent, {
-                            title: getI18n('vxe.formDesign.widgetProp.multiple'),
-                            field: 'multiple',
-                            itemRender: { name: 'VxeSwitch' }
-                        }),
-                        h(VxeFormItemComponent, {
-                            title: getI18n('vxe.formDesign.widgetProp.required')
-                        }, {
-                            default() {
-                                return h(VxeSwitchComponent, {
-                                    modelValue: widget.required,
-                                    'onUpdate:modelValue'(val) {
-                                        widget.required = val;
-                                    }
-                                });
-                            }
-                        })
-                    ];
-                }
-            });
-        };
-    }
-});

package/es/form-design/widget-vxe-tree-select/vxe-tree-select-view.js

@@ -1,58 +0,0 @@
-import { h, inject } from 'vue';
-import { defineVxeComponent } from '../../ui/src/comp';
-import { getI18n } from '@vxe-ui/core';
-import { useWidgetName } from '../src/use';
-import VxeFormItemComponent from '../../form/src/form-item';
-import VxeTreeSelectComponent from '../../tree-select/src/tree-select';
-export const WidgetVxeTreeSelectViewComponent = defineVxeComponent({
-    props: {
-        renderOpts: {
-            type: Object,
-            default: () => ({})
-        },
-        renderParams: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    emits: [],
-    setup(props) {
-        const $xeFormView = inject('$xeFormView', null);
-        const { computeKebabCaseName } = useWidgetName(props);
-        const changeEvent = () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            if ($xeFormView) {
-                const itemValue = $xeFormView ? $xeFormView.getItemValue(widget) : null;
-                $xeFormView.updateWidgetStatus(widget, itemValue);
-            }
-        };
-        return () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            const { options } = widget;
-            const kebabCaseName = computeKebabCaseName.value;
-            return h(VxeFormItemComponent, {
-                class: ['vxe-form-design--widget-render-form-item', `widget-${kebabCaseName}`],
-                title: widget.title,
-                field: widget.field,
-                itemRender: {}
-            }, {
-                default() {
-                    return h(VxeTreeSelectComponent, {
-                        modelValue: $xeFormView ? $xeFormView.getItemValue(widget) : null,
-                        placeholder: options.placeholder || getI18n('vxe.base.pleaseSelect'),
-                        options: options.options,
-                        optionProps: { label: 'value', value: 'value' },
-                        onChange: changeEvent,
-                        'onUpdate:modelValue'(val) {
-                            if ($xeFormView) {
-                                $xeFormView.setItemValue(widget, val);
-                            }
-                        }
-                    });
-                }
-            });
-        };
-    }
-});

package/es/form-design/widget-vxe-upload-file/index.js

@@ -1,3 +0,0 @@
-export * from './vxe-upload-file-data';
-export * from './vxe-upload-file-form';
-export * from './vxe-upload-file-view';

package/es/form-design/widget-vxe-upload-file/vxe-upload-file-data.js

@@ -1,22 +0,0 @@
-import { handleGetFormDesignWidgetName } from '../render/util';
-export function getLimitSizeOptions() {
-    const sizeOpts = [
-        { label: '无限制', value: '' }
-    ];
-    const sizeList = [1, 2, 5, 10, 20, 50, 100, 200, 500];
-    sizeList.forEach(num => {
-        sizeOpts.push({ label: `${num}M`, value: num });
-    });
-    return sizeOpts;
-}
-export const getWidgetVxeUploadFileConfig = () => {
-    return {
-        title: handleGetFormDesignWidgetName,
-        icon: 'vxe-icon-file',
-        options: {
-            limitCount: '',
-            limitSize: 100,
-            multiple: false
-        }
-    };
-};

package/es/form-design/widget-vxe-upload-file/vxe-upload-file-form.js

@@ -1,86 +0,0 @@
-import { h, ref, createCommentVNode } from 'vue';
-import { defineVxeComponent } from '../../ui/src/comp';
-import { getI18n } from '@vxe-ui/core';
-import { getLimitSizeOptions } from './vxe-upload-file-data';
-import { useWidgetName } from '../../form-design/src/use';
-import VxeFormComponent from '../../form/src/form';
-import VxeFormItemComponent from '../../form/src/form-item';
-import VxeInputComponent from '../../input/src/input';
-import VxeSwitchComponent from '../../switch/src/switch';
-export const WidgetVxeUploadFileFormComponent = defineVxeComponent({
-    props: {
-        renderOpts: {
-            type: Object,
-            default: () => ({})
-        },
-        renderParams: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    emits: [],
-    setup(props) {
-        const { computeKebabCaseName } = useWidgetName(props);
-        const limitSizeOptions = ref(getLimitSizeOptions());
-        return () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            const { options } = widget;
-            const kebabCaseName = computeKebabCaseName.value;
-            return h(VxeFormComponent, {
-                class: ['vxe-form-design--widget-render-form-wrapper', `widget-${kebabCaseName}`],
-                vertical: true,
-                span: 24,
-                titleBold: true,
-                titleOverflow: true,
-                data: options
-            }, {
-                default() {
-                    return [
-                        h(VxeFormItemComponent, {
-                            title: getI18n('vxe.formDesign.widgetProp.name')
-                        }, {
-                            default() {
-                                return h(VxeInputComponent, {
-                                    modelValue: widget.title,
-                                    'onUpdate:modelValue'(val) {
-                                        widget.title = val;
-                                    }
-                                });
-                            }
-                        }),
-                        h(VxeFormItemComponent, {
-                            title: getI18n('vxe.formDesign.widgetProp.uploadProp.multiFile'),
-                            field: 'multiple',
-                            itemRender: { name: 'VxeSwitch' }
-                        }),
-                        options.multiple
-                            ? h(VxeFormItemComponent, {
-                                title: getI18n('vxe.formDesign.widgetProp.uploadProp.limitFileCount'),
-                                field: 'limitCount',
-                                itemRender: { name: 'VxeInput', props: { type: 'integer', min: 1, clearable: true } }
-                            })
-                            : createCommentVNode(),
-                        h(VxeFormItemComponent, {
-                            title: getI18n('vxe.formDesign.widgetProp.uploadProp.limitFileSize'),
-                            field: 'limitSize',
-                            itemRender: { name: 'VxeSelect', options: limitSizeOptions.value }
-                        }),
-                        h(VxeFormItemComponent, {
-                            title: getI18n('vxe.formDesign.widgetProp.required')
-                        }, {
-                            default() {
-                                return h(VxeSwitchComponent, {
-                                    modelValue: widget.required,
-                                    'onUpdate:modelValue'(val) {
-                                        widget.required = val;
-                                    }
-                                });
-                            }
-                        })
-                    ];
-                }
-            });
-        };
-    }
-});

package/es/form-design/widget-vxe-upload-file/vxe-upload-file-view.js

@@ -1,58 +0,0 @@
-import { h, inject } from 'vue';
-import { defineVxeComponent } from '../../ui/src/comp';
-import { useWidgetName } from '../../form-design/src/use';
-import VxeFormItemComponent from '../../form/src/form-item';
-import VxeUploadComponent from '../../upload/src/upload';
-export const WidgetVxeUploadFileViewComponent = defineVxeComponent({
-    props: {
-        renderOpts: {
-            type: Object,
-            default: () => ({})
-        },
-        renderParams: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    emits: [],
-    setup(props) {
-        const $xeFormView = inject('$xeFormView', null);
-        const { computeKebabCaseName } = useWidgetName(props);
-        const changeEvent = () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            if ($xeFormView) {
-                const itemValue = $xeFormView ? $xeFormView.getItemValue(widget) : null;
-                $xeFormView.updateWidgetStatus(widget, itemValue);
-            }
-        };
-        return () => {
-            const { renderParams } = props;
-            const { widget } = renderParams;
-            const { options } = widget;
-            const kebabCaseName = computeKebabCaseName.value;
-            return h(VxeFormItemComponent, {
-                class: ['vxe-form-design--widget-render-form-item', `widget-${kebabCaseName}`],
-                title: widget.title,
-                field: widget.field,
-                itemRender: {}
-            }, {
-                default() {
-                    return h(VxeUploadComponent, {
-                        modelValue: $xeFormView ? $xeFormView.getItemValue(widget) : null,
-                        mode: 'all',
-                        multiple: options.multiple,
-                        limitCount: options.limitCount,
-                        limitSize: options.limitSize,
-                        onChange: changeEvent,
-                        'onUpdate:modelValue'(val) {
-                            if ($xeFormView) {
-                                $xeFormView.setItemValue(widget, val);
-                            }
-                        }
-                    });
-                }
-            });
-        };
-    }
-});

package/es/form-design/widget-vxe-upload-image/index.js

@@ -1,3 +0,0 @@
-export * from './vxe-upload-image-data';
-export * from './vxe-upload-image-form';
-export * from './vxe-upload-image-view';

package/es/form-design/widget-vxe-upload-image/vxe-upload-image-data.js

@@ -1,12 +0,0 @@
-import { handleGetFormDesignWidgetName } from '../render/util';
-export const getWidgetVxeUploadImageConfig = () => {
-    return {
-        title: handleGetFormDesignWidgetName,
-        icon: 'vxe-icon-file-image',
-        options: {
-            limitCount: 9,
-            limitSize: 10,
-            multiple: false
-        }
-    };
-};