vxe-pc-ui/es/form-design/src/use/widget-view.js

A vue based PC component library

import { computed } from 'vue';
export function useWidgetView(props) {
    const currWidget = computed(() => {
        const { renderParams } = props;
        return renderParams.widget;
    });
    const isEditMode = computed(() => {
        const { renderParams } = props;
        return renderParams.isEditMode || false;
    });
    const isViewMode = computed(() => {
        const { renderParams } = props;
        return renderParams.isViewMode || false;
    });
    const widgetOptions = computed(() => {
        const { renderParams } = props;
        const { widget } = renderParams;
        return widget ? widget.options : {};
    });
    const widgetModel = computed({
        get() {
            const { renderParams } = props;
            const { $formView, widget } = renderParams;
            return $formView ? $formView.getItemValue(widget) : null;
        },
        set(value) {
            const { renderParams } = props;
            const { $formView, widget } = renderParams;
            if ($formView) {
                $formView.setItemValue(widget, value);
            }
        }
    });
    return {
        currWidget,
        widgetOptions,
        widgetModel,
        isEditMode,
        isViewMode
    };
}