vue-django/src/utils/app_model.js

个人实验项目, 本框架的目标是借鉴并超越django admin的自动化思想, 实现UI前端的极简快速定制开发

/**
 * Created by denishuang on 2017/11/29.
 */
import axios from '../configs/axios'
import Qs from 'qs'
export function joinErrors (errors) {
    let es = {}
    for (let n in errors) {
        es[n] = errors[n].join('')
    }
    return es
}

export function AppModel (config) {
    return {
        name: config.name,
        fullName: `${config.app}.${config.name}`,
        verboseName: config.verbose_name,
        title_field: config.title_field || 'name',
        listUrl: `${config.app}/${config.name}/`,
        config,
        errors: {},
        loadOptions () {
            if (config.rest_options) {
                return Promise.resolve(config.rest_options)
            }
            return axios.options(this.listUrl).then(({data}) => {
                 Object.assign(config, {rest_options: data})
                return data
            })
        },
        loadObject (id) {
            return axios.get(`${this.listUrl}${id}/`).then(({data}) => {
                return data
            })
        },
        query (d, url) {
            if (!url) {
                url = this.listUrl
            }
            return axios.get(`${url}?${Qs.stringify(d, {arrayFormat: 'comma'})}`).then(({data}) => {
                return data
            })
        },
        updateOrCreate (s, d) {
            return axios.get(`${this.listUrl}?${Qs.stringify(s)}`).then(({data}) => {
                if (data.count === 1) {
                    let id = data.results[0].id
                    return Promise.resolve(id)
                } else if (data.count > 1) {
                    throw Error('不是唯一')
                } else {
                    return Promise.resolve(undefined)
                }
            }).then(id => {
                if (id) {
                    return axios.put(`${this.listUrl}${id}/`, d)
                } else {
                    return axios.post(this.listUrl, d)
                }
            })
        },
        genEmptyDataFromRestOptions (m) {
            let r = {}
            Object.keys(m).forEach((k) => {
                let f = m[k]
                r[k] = f.type === 'boolean' ? true : f.multiple ? [] : f.type === 'string' ? '' : null
            })
            return r
        }
    }
}

export var Register = {
    configs: {},
    register (apps) {
        let cs = this.configs
        Object.keys(apps).forEach((a) => {
            let app = apps[a]
            Object.keys(app.models).forEach((m) => {
                let model = app.models[m]
                let config = Object.assign({app: a, name: m, fullName: `${a}.${m}`}, model)
                // let amodel = AppModel(config)
                cs[`${config.app}.${config.name}`] = config
            })
        })
    },
    get (fullName) {
        return AppModel(this.getConfig(fullName))
    },
    getConfig (fullName) {
        let config = this.configs[fullName]
        if (!config) {
            throw Error(`model ${fullName} not found!`)
        } else {
            return config
        }
    }
}

export default AppModel