Git Product home page Git Product logo

special-low-code's Introduction

special-low-code

低代码搭建

物料协议

    // 字段 id 用于唯一标识字段
    id: string
    // 组件类型
    type: string
    // 对应的 element-plus 组件名
    componentName: string
    // 组件传参props
    props?: any
    // 组件事件参数
    event?: {
        eventType: string,
        code: string
    }
    // 子组件集合
    children?: Schema[]

左边物料区如果需要扩展组件,可以按照此协议在schema子包中进行扩展,然后在 editor子包中 AssetList 组件中进行初始化接入,比如

button: {
    id:'xxxxxxxxx',//此字段无需设置,拖拽入渲染器时自动生成
    type: 'button',
    componentName: 'ElButton',
    props: {},
    event: {},
    children: [],
},

属性设置协议

    // 属性所用组件名 如ElInputNumber、ElInput、ElSelect
    type: string
    // 属性的key
    key: string
    // 属性值的类型
    valueType: string,
    // 属性名
    title: string
    // 属性选项(用于ElSelect的插槽ElOption设置)
    options?: string[]

右边编辑器如果需要扩展组件 props 选项 或者 css 样式选项,可以按照此协议在 schema子包 中进行扩展,比如

'input': [
    {
        type: FORM_ITEM_TYPE.INPUT,
        key: 'placeholder',
        valueType: 'string',
        title: '默认值',
    },
]

special-low-code's People

Contributors

hai-x avatar

Stargazers

day xue avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.