@ovine/editor/lib/stores/root.js

Ovine json editor.

import { toast } from 'amis';
import { isEmpty, isEqual } from 'lodash';
import { types } from 'mobx-state-tree';
import { app } from "../../../core/lib/app";
import { editorStore } from "./editor";
const initState = {
    isPreview: false,
    isMobile: false,
    editorInstance: {
        canUndo: () => { },
        canRedo: () => { },
        undo: () => { },
        redo: () => { },
    },
};
const RootStore = types
    .model('RootStore', {
    isMobile: types.boolean,
    isPreview: types.boolean,
    lastSavedSchema: types.frozen({}),
    editorInstance: types.frozen({}),
    option: types.frozen({}),
})
    .views((self) => {
    return {
        // 脏数据检查，如果未保存的数据，给出适当提示 https://blog.csdn.net/big1989wmf/article/details/70144000
        get isDirty() {
            if (isEmpty(self.lastSavedSchema)) {
                return false;
            }
            return !isEqual(editorStore.schema, self.lastSavedSchema);
        },
    };
})
    .actions((self) => {
    const togglePreview = (toggle) => {
        self.isPreview = typeof toggle === 'boolean' ? toggle : !self.isPreview;
    };
    const toggleViewMode = (toggle) => {
        self.isMobile = typeof toggle === 'boolean' ? toggle : !self.isMobile;
    };
    const setLastSavedSchema = (schema) => {
        self.lastSavedSchema = schema;
    };
    const setOption = (option) => {
        const { initApi, getSchema, schema } = option;
        if (schema) {
            editorStore.updateSchema(schema);
        }
        if (getSchema) {
            editorStore.updateSchema(getSchema());
        }
        if (initApi) {
            app
                .request(initApi)
                .then((source) => {
                const { status, data, msg } = source.data;
                if (status !== 0) {
                    toast.error(msg || '获取数据失败');
                }
                editorStore.updateSchema(data || { type: 'page', body: '暂无数据' });
            })
                .catch(() => {
                toast.error('获取数据失败');
            });
        }
        self.option = option;
    };
    const setEditorInstance = (instance) => {
        if (!instance) {
            self.editorInstance = initState.editorInstance;
            return;
        }
        const ins = {};
        ['canUndo', 'canRedo', 'undo', 'redo'].forEach((item) => {
            ins[item] = instance[item].bind(instance);
        });
        self.editorInstance = ins;
    };
    return {
        setOption,
        // setHistoryStatus,
        toggleViewMode,
        togglePreview,
        setLastSavedSchema,
        setEditorInstance,
    };
});
export const rootStore = RootStore.create(initState);