metatonic

变调平台

Metatonic 是一组库和工具，用于极快地编写大型数据输入应用程序。

应用程序生成器

行为守则

文档

姓名	覆盖范围/状态	国家公共管理
变调核心	96%
变渗反应	22%
变态还原	46%
元渗反应还原	0%
应用程序/应用程序构建器	大部分时间在工作
仅应用程序/前端	大部分时间在工作
应用程序/使用数据库渲染的服务器	早期开发
元音服务器	早期开发
Metatonic-元存储	头脑风暴

一切仍在进行中。只要您不遵守行为准则，我就希望获得您的帮助

一些我们关心的事情

• 我们关心帮助您编写尽可能少的代码，希望有时不需要代码
• 我们非常关心数据输入。良好的数据是许多重要工作的支柱。
• 我们关心您创造您想要的东西。我们提供了一种方法，可以非常快速地创建应用程序的数据输入和显示部分。我们相信配置和惯例。
• 我们关心您是否在您选择的 UI 框架中进行编写。现在我们支持 React，但它的编码是为了以后能够为 Angular、Vue、Knockout 提供插件，无论您喜欢什么。只要它能很好地与单向绑定和状态管理（如 redux）配合使用，你就应该做得很好。

示例

记录编辑器

@ editorFor ( "record" , FieldSet , { isDefault : true } )
export class RecordEditor extends BaseEditorModel < { [ key : string ] : any } , RecordSchemaType , BaseEditorModel < RecordSchemaType > , void > {
    render ( ) {
        let recordType = this . props . field . typeParameters . typeParams as SchemaRecordType ;
        let fields = recordType . fields ;
        return ( < > {
            fields . map ( field =>
                < FieldEditor value = { this . props . value [ field . name ] } field = { field } context = { createContext ( field , this . props . context ) } / >
            ) }
        < / > )
    }
} 

输入编辑器

@ editorFor ( "numeric" , InputBoxLabelContainer , { isDefault : true } )
export class NumericEditor extends BaseEditor < Numeric , NumericTypeInfo , BaseEditorModel < Numeric > , void > {
    render ( ) {
        return (
            < input type = "number"
                   id = { this . uniqueId ( ) }
                   value = { this . value ( ) . toEditorString ( ) }
                   required = { this . field ( ) . required }
                   max = { this . props . field . max || undefined }
                   min = { this . props . field . min || undefined }
                   step = { 1 }
                   onChange = { this . notifyChanged }
            / >
        ) ;
    }
} 

TypeScript 类的架构

@ model
export class Field {
    @ field ( "text" , "Name" , SchemaEntryType . entry , { required : true } )
    name : string ;

    @ field ( "text" , "Label" , SchemaEntryType . entry , { required : true } )
    label : string ;
    
    @ field ( "code" , "Type" , SchemaEntryType . selection , { required : true } )
    typeName : string ;

    @ field ( "code" , "Type" , SchemaEntryType . selection , { required : true } )
    entryType ?: SchemaEntryType ;

    @ field ( "boolean" , "Multiple" , SchemaEntryType . entry , { required : true } )
    multiple : boolean ;

    @ field ( "boolean" , "Required" , SchemaEntryType . entry , { required : true } )
    required : boolean ;

    @ field ( "numeric" , "Max Length" , SchemaEntryType . entry , { required : false } )
    maxLength ?: Maybe < number > ;

    @ field ( "numeric" , "Max" , SchemaEntryType . entry , { required : false } )
    max ?: Maybe < number > ;

    @ field ( "numeric" , "Min" , SchemaEntryType . entry , { required : false } )
    min ?: Maybe < number > ;

    @ field ( "boolean" , "Can Add" , SchemaEntryType . entry , { required : false } )
    canAdd ?: boolean ;

    @ field ( "boolean" , "Can Add" , SchemaEntryType . entry , { required : false } )
    canEditSelection ?: boolean ;

    @ field ( "text" , "UI Preference" , SchemaEntryType . entry , { required : false } )
    uiControlPreference ?: string ;
}