var tools = [
    {name:"普通按钮", comp:{type:"Button", Text:"@查询"}, Tips:"查询按钮"},
    {
        name:"图片按钮",
        comp:{
            type:"Button",  Classes:"@BorderRound",
            Slots:{
                item:{
                    type:"Image", Name:"Button_Image", Path:"@checkbox_false"
                }
            }
        },
        Tips:"图片按钮"
    },
    {
        name:"关闭图片按钮",
        comp:{
            type:"Button",  Classes:"@BorderRect",
            Slots:{
                item:{
                    type:"Image", Name:"Button_Image", Path:"@close"
                }
            }
        },
        Tips:"关闭图片按钮"
    },
    {
        name:"搜索图片按钮",
        comp:{
            type:"Button",  Classes:"@SearchButton BorderRound",
            Slots:{
                item:{
                    type:"Image", Name:"SearchButton_Image", Classes:"@SearchButtonImg"
                }
            }
        },
        Tips:"搜索图片按钮"
    },
    {
        name:"下拉图片按钮",
        comp:{
            type:"Button", Classes:"@DropDownButton BorderRound",
            Slots:{
                item:{
                    type:"Image", Name:"DropDownButton_Image", Classes:"@DropDownButtonImg"
                }
            }
        },
        Tips:"下拉图片按钮"
    },
    {
        name:"加载更多按钮",
        comp:{
            type:"Button",
            Slots:{
                item:{
                    type:"Stack", Name:"LoadMoreButton_Stack", FillStyle:"this.MouseIn:$#000000$,$#666666$",
                    children:[
                        {type:"Image", Path:"@doubledown", VAlign:"@Bottom"},
                        {type:"Text", Text:"@更多", Left:"@4"}
                    ]
                }
            }
        },
        Tips:"加载更多按钮"
    },
    {name:"输入框", comp:{type:"Input",}, Tips:"输入框"},
    {name:"时间线", comp:{type:"DateLine", Slots:{item:{type:"Stack"}}},Tips:"时间线组件"},
    {name:"CheckBox", comp:{type:"CheckBox"}, Tips:"CheckBox"},
    {name:"DataGrid表头Text",comp:{type:"Text", Classes:"@DataGridHead"}, Tips:"DataGrid表头风格的Text"},
    {name:"DataGrid单元格Text",comp:{type:"Text", Classes:"@DataGridBody"}, Tips:"DataGrid单元格风格的Text"},
    {
        name:"DataGrid",
        comp:{
            type:"DataGrid", Column:"@100,100,100,100,100,100,100,100",
            Slots:{
                head:{
                    type:"Grid", Row:"@*",
                    children:[
                        {
                            type:"Stack", Classes:"@DataGridHead",
                            children:[
                                {type:"CheckBox"},
                                {type:"Text", Text:"@全选", Left:"@9"}
                            ]
                        },
                        {type:"Text", Text:"@用户编号", Classes:"@DataGridHead",},
                        {type:"Text", Text:"@用户名称", Classes:"@DataGridHead",},
                        {type:"Text", Text:"@用户名称", Classes:"@DataGridHead",},
                        {type:"Text", Text:"@用户名称", Classes:"@DataGridHead",},
                        {type:"Text", Text:"@用户名称", Classes:"@DataGridHead",},
                        {type:"Text", Text:"@用户名称", Classes:"@DataGridHead",},
                        {type:"Text", Text:"@用户种类", Classes:"@DataGridHead",}
                    ]
                },
                item:{
                    type:"Grid", Row:"@*",
                    children:[
                        {type:"CheckBox",Classes:"@DataGridBody", HAlign:"@Center"},
                        {type:"Text",Classes:"@DataGridBody"},
                        {type:"Text",Classes:"@DataGridBody"},
                        {type:"Text",Classes:"@DataGridBody"},
                        {type:"Text",Classes:"@DataGridBody"},
                        {type:"Text",Classes:"@DataGridBody"},
                        {type:"Text",Classes:"@DataGridBody"},
                        {type:"Text",Classes:"@DataGridBody"},
                    ]
                }
            }
        },
        Tips:"DataGrid"
    },
    {name:"日期选择组件", comp:{type:"DateInput"},Tips:"日期选择"},
    {
        name:"Dock",
        comp:{
            type:"Dock",
            children:[
                {type:"Text", Text:"@Dock_Center", Pos:"@Center"}
            ]
        },
        Tips:"Dock"},
    {name:"Grid", comp:{type:"Grid", Row:"@1*", Column:"@1*,1*",children:[]}, Tips:"Grid"},
    {
        name:"List",
        comp:{
            type:"List",
            Slots:{
                item:{
                    type:"Text"
                }
            }
        },
        Tips:"列表"},
    {name:"Scroll",
        comp:{
            type:"Scroll",
            Slots:{
                item:{
                    type:"List",
                    Slots:{
                        item:{
                            type:"Text"
                        }
                    }
                }
            }
        },
        Tips:"滚动面板"
    },
    {name:"图片",   comp:{type:"Image",Path:"@checkbox_false"}, Tips:"图片"},
    {name:"RadioButton", comp:{type:"Select", Data:["是","否"], TemplateName:"@RadioButton", Original:"@H"}, Tips:"单选按钮"},
    {name:"下拉框", comp:{type:"Select"}, Tips:"下拉框"},
    {name:"Stack", comp:{type:"Stack"}, Tips:"Stack"},
    {name:"TabSet", comp:{type:"TabSet"}, Tips:"TabSet"},
    {name:"Tab", comp:{type:"Button"}, Tips:"Tab"},
    {name:"Text", comp:{type:"Text", Text:"@文本"}, Tips:"Text"},
    {name:"Tree", comp:{type:"Tree",}, Tips:"Tree"},
    {
        name:"表单",
        comp:{
            type:"Grid", Column:"@90,1*,90,1*,90,1*", Row:"@*,*,*,*,*,*,*,*,*",
            children:[
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},

                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},

                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},

                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},

                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},

                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},


                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},


                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},


                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},{type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
            ]
        },
        Tips:"表单",
    },
    {
        name:"表单标签输入组合",
        comp:{
            type:"Grid", Column:"@90,1*",Row:"@*",Classes:"@FormItem", children:[
                {type:"Text", Text:"@标签", Classes:"@FormLabel"},
                {type:"Input",Classes:"@FormInput", PlaceHolder:"@请输入"},
                {type:"Select",Classes:"@FormInput SelectWhite"}
            ]
        },
        Tips:"表单标签输入组合"
    },
    {
        name:"搜索单列表组合",
        comp:{
            "type":"Dock","StrokeStyle":"@#dfe4e7","Classes":"@BorderRect","children":[{"Row":"@*","PaddingLeft":"@5","Pos":"@Top","PaddingRight":"@5","PaddingBottom":"@4","Classes":"@BorderRect","StrokeStyle":"@#dfe4e7","Column":"@*,1*,*","PaddingTop":"@3","children":[{"type":"Button","@Click":"stat.Popup($SearchUser$,stat,this,e.draw)","Slots":{"item":{"Classes":"@SearchButtonImg","Path":"this.MouseIn:$searchhover$,$searchnormal$","type":"Image","Name":"SearchButton_Image"}}},{"type":"Select","Data":"stat.Data.user.fields","Classes":"@SelectGray BorderRound"},{"PaddingTop":"@5","PaddingRight":"@10","VAlign":"@Center","StrokeStyle":"@","@Click":"stat.Call($turnSort$,$user$)","type":"Button","Text":"stat.Data.user.sort==$Desc$:$↓$,$↑$","PaddingLeft":"@10","Classes":"@Button2","PaddingBottom":"@5","Left":"@5"}],"type":"Grid"},{"Pos":"@Center","Slots":{"item":{"type":"List","Data":"stat.Data.user.list.data","Slots":{"item":{"type":"Stack","Original":"@V","PaddingBottom":"@1","children":[{"type":"Grid","Column":"@1*","PaddingTop":"@20","PaddingBottom":"@20","PaddingLeft":"@15","PaddingRight":"@15","Row":"@*,*,1","children":[{"type":"Text","Text":"@data.f_user_name"},{"type":"Text","Text":"@data.f_user_phone","Top":"@12"}]},{"Classes":"@BorderRect","StrokeStyle":"@#dce0e3","Left":"@5","Right":"@5","type":"Stack"}]}}}},"type":"Scroll"},{"Pos":"@Bottom","Original":"@V","children":[{"Right":"@5","Classes":"@BorderRect","type":"Stack","StrokeStyle":"@#dfe4e7","Left":"@5"},{"type":"Grid","Row":"@*","PaddingRight":"@20","Pos":"@Bottom","PaddingBottom":"@10","Column":"@1*,1*","PaddingLeft":"@20","PaddingTop":"@10","children":[{"Text":"@$共{stat.Data.user.count}条$","type":"Text"},{"Pos":"@Bottom","Slots":{"item":{"type":"Stack","FillStyle":"this.MouseIn:$#000000$,$#666666$","Name":"LoadMoreButton_Stack","children":[{"VAlign":"@Bottom","type":"Image","Path":"@doubledown"},{"Left":"@4","Text":"@更多","type":"Text"}]}},"type":"Button","HAlign":"@Right"}]},{"type":"Stack","Classes":"@BorderRect","Left":"@5","Right":"@5","StrokeStyle":"@#dfe4e7"}],"type":"Stack"}]
        },
        Tips:"搜索单列表组合"
    },
    {
        name:"动态组件",
        comp:{
            type:"Component",
        },
        Tips:"动态组件，根据TemplateName属性显示具体内容"
    },
    {
        name:"DataGrid下方状态栏",
        comp:{
            "type":"Grid","Column":"@*,*,1*,*","Row":"@*","Top":"@15","children":[{"type":"Text","Text":"@显示1~20行"},{"type":"Text","Text":"@共100行","Left":"@20"},{"Text":"@ ","type":"Text"},{"type":"Button","Slots":{"item":{"children":[{"type":"Image","Path":"@doubledown","VAlign":"@Bottom"},{"Left":"@4","type":"Text","Text":"@更多"}],"type":"Stack","Name":"LoadMoreButton_Stack","FillStyle":"this.MouseIn:$#000000$,$#666666$"}}}]
        },
        tips:"DataGrid下方状态栏，以及加载更多按钮"
    },
    {
        name:"单元楼层示意图",
        comp:{
            type:"DynamicTable"
        },
        tips:"单元楼层示意图"
    }

];
