vxe-pc-ui 4.6.49 → 4.7.0

package/es/form-design/widget-vxe-number-input/vxe-number-input-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 WidgetVxeNumberInputFormComponent = 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-number-input/vxe-number-input-view.js

@@ -1,55 +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 VxeNumberInputComponent from '../../number-input/src/number-input';
-export const WidgetVxeNumberInputViewComponent = 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(VxeNumberInputComponent, {
-                        modelValue: $xeFormView ? $xeFormView.getItemValue(widget) : null,
-                        placeholder: options.placeholder,
-                        onChange: changeEvent,
-                        'onUpdate:modelValue'(val) {
-                            if ($xeFormView) {
-                                $xeFormView.setItemValue(widget, val);
-                            }
-                        }
-                    });
-                }
-            });
-        };
-    }
-});

package/es/form-design/widget-vxe-radio-group/index.js

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

package/es/form-design/widget-vxe-radio-group/vxe-radio-group-data.js

@@ -1,16 +0,0 @@
-import { handleGetFormDesignWidgetName } from '../render/util';
-import { getI18n } from '@vxe-ui/core';
-import XEUtils from 'xe-utils';
-export const getWidgetVxeRadioGroupConfig = () => {
-    return {
-        title: handleGetFormDesignWidgetName,
-        icon: 'vxe-icon-radio-checked',
-        options: {
-            options: XEUtils.range(0, 3).map((v, i) => {
-                return {
-                    value: getI18n('vxe.formDesign.widgetProp.dataSource.defValue', [i + 1])
-                };
-            })
-        }
-    };
-};

package/es/form-design/widget-vxe-radio-group/vxe-radio-group-form.js

@@ -1,75 +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, useWidgetPropDataSource } from '../../form-design/src/use';
-export const WidgetVxeRadioGroupFormComponent = defineVxeComponent({
-    props: {
-        renderOpts: {
-            type: Object,
-            default: () => ({})
-        },
-        renderParams: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    emits: [],
-    setup(props) {
-        const { renderDataSourceFormItem } = useWidgetPropDataSource(props, {
-            isSubOption: false
-        });
-        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.required')
-                        }, {
-                            default() {
-                                return h(VxeSwitchComponent, {
-                                    modelValue: widget.required,
-                                    'onUpdate:modelValue'(val) {
-                                        widget.required = val;
-                                    }
-                                });
-                            }
-                        }),
-                        renderDataSourceFormItem()
-                    ];
-                }
-            });
-        };
-    }
-});

package/es/form-design/widget-vxe-radio-group/vxe-radio-group-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 VxeRadioGroupComponent from '../../radio/src/group';
-export const WidgetVxeRadioGroupViewComponent = 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(VxeRadioGroupComponent, {
-                        modelValue: $xeFormView ? $xeFormView.getItemValue(widget) : null,
-                        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-rate/index.js

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

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

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

package/es/form-design/widget-vxe-rate/vxe-rate-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 '../src/use';
-import VxeFormComponent from '../../form/src/form';
-import VxeInputComponent from '../../input/src/input';
-import VxeFormItemComponent from '../../form/src/form-item';
-export const WidgetVxeRateFormComponent = 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-rate/vxe-rate-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 VxeRateComponent from '../../rate/src/rate';
-export const WidgetVxeRateViewComponent = 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(VxeRateComponent, {
-                        modelValue: $xeFormView ? $xeFormView.getItemValue(widget) : null,
-                        onChange: changeEvent,
-                        'onUpdate:modelValue'(val) {
-                            if ($xeFormView) {
-                                $xeFormView.setItemValue(widget, val);
-                            }
-                        }
-                    });
-                }
-            });
-        };
-    }
-});

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

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

package/es/form-design/widget-vxe-select/vxe-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 getWidgetVxeSelectConfig = () => {
-    return {
-        title: handleGetFormDesignWidgetName,
-        icon: 'vxe-icon-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-select/vxe-select-form.js

@@ -1,80 +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, useWidgetPropDataSource } from '../../form-design/src/use';
-export const WidgetVxeSelectFormComponent = defineVxeComponent({
-    props: {
-        renderOpts: {
-            type: Object,
-            default: () => ({})
-        },
-        renderParams: {
-            type: Object,
-            default: () => ({})
-        }
-    },
-    emits: [],
-    setup(props) {
-        const { renderDataSourceFormItem } = useWidgetPropDataSource(props, {
-            isSubOption: false
-        });
-        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' }
-                        }),
-                        renderDataSourceFormItem(),
-                        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-select/vxe-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 '../../form-design/src/use';
-import VxeFormItemComponent from '../../form/src/form-item';
-import VxeSelectComponent from '../../select/src/select';
-export const WidgetVxeSelectViewComponent = 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, isViewMode } = 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(VxeSelectComponent, {
-                        modelValue: $xeFormView ? $xeFormView.getItemValue(widget) : null,
-                        placeholder: options.placeholder || getI18n('vxe.base.pleaseSelect'),
-                        options: isViewMode ? options.options : [],
-                        optionProps: { label: 'value', value: 'value' },
-                        onChange: changeEvent,
-                        'onUpdate:modelValue'(val) {
-                            if ($xeFormView) {
-                                $xeFormView.setItemValue(widget, val);
-                            }
-                        }
-                    });
-                }
-            });
-        };
-    }
-});

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

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

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

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

package/es/form-design/widget-vxe-slider/vxe-slider-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 '../src/use';
-import VxeFormComponent from '../../form/src/form';
-import VxeInputComponent from '../../input/src/input';
-import VxeFormItemComponent from '../../form/src/form-item';
-export const WidgetVxeSliderFormComponent = 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;
-                                    }
-                                });
-                            }
-                        })
-                    ];
-                }
-            });
-        };
-    }
-});