jrs-react 1.2.22 → 1.2.24

package/src/app/fields/fieldsConfig.jsx

@@ -1,472 +0,0 @@
-import { Input } from "antd";
-import JRFields from "../../components/JRFields/JRFields";
-import JRSelect from "../../components/JRInput/JRSelect";
-import JRText from "../../components/JRInput/JRText";
-import JRTable from "../../components/JRTable/JRTable";
-import { po } from "../../components/JRUtils";
-import styled from "styled-components";
-import JRCheckbox from "../../components/JRInput/JRCheckbox";
-import JRRadio from "../../components/JRInput/JRRadio";
-
-export const fieldsConfig={
-        popup:true
-        ,open:true
-        ,mask:true
-        ,width:'700px'
-        ,height:'500px'
-
-        ,get:{
-            url:'data.json'
-            ,autoRun:true
-            ,successMessage:'YES'
-            ,mask:'Loading'
-        }
-        ,style:{
-            padding:'18px'
-            ,background:'black'
-            ,gap:'20px'
-        }
-        ,typeStyle:{
-            padding:'8px'
-            ,background:'#eeeeee'
-        }
-        ,columns:[
-            {name:'name',label:'姓名',type:JRText}
-            ,{name:'birthday',label:'生日',type:Input}
-            ,{name:'phone',label:'電話號碼',type:JRTable
-                ,top({setStyle}){
-                    return <>
-                        <button
-                            onClick={()=>{
-                                this.get()
-                            }}
-                        >Get</button>
-                        <button
-                            onClick={()=>{
-                                this.reset()
-                            }}
-                        >Reset</button>
-                    </>
-                }
-                ,bottom({setStyle}){
-                    setStyle({color:'green',border:'1px solid green',height:'140px',overflow: 'overlay'})
-                    return<div style={{
-                        display: 'flex'
-                        ,justifyContent: 'space-around'
-                    }}>
-                        <pre style={{flex:1}}>
-                        {JSON.stringify(this.getValue(),4,4)}
-                        </pre>
-                        <pre style={{flex:1}}>
-                        {JSON.stringify(this.rawValue,4,4)}
-                        </pre>
-                    </div>
-                }
-                ,get:{
-                    url:'list.json'
-                }
-                ,colSpan:2
-                ,resizableColumns:true
-                ,typeStyle:{
-                    height:'300px'
-                }
-                ,columns:[
-                    {name:'name',label:'電信公司'}
-                    ,{name:'phone',label:'號碼',type:JRText}
-                    ,{
-                        name:'address'
-                        ,label:'地址'
-                        ,type:JRFields
-                        ,labelProps:{
-                            width:'min-content'
-                            ,style:{
-                                paddingLeft:'20px'
-                            }
-                        }
-                        ,columns:[
-                            {name:'no',label:'門牌',type:JRText}
-                            ,{name:'street',label:'街',type:JRText}
-                            ,{name:'country',label:'國家',type:JRSelect}
-                            ,{name:'p',label:'郵區',type:JRText}
-                        ]
-                        ,cols:4
-                    }
-                ]
-            }
-            // ,{
-            //     name:'address'
-            //     ,label:'地址'
-            //     ,type:JRFields
-            //     ,colSpan:2
-            //     ,columns:[
-            //         {name:'no',label:'號碼',type:JRText}
-            //         ,{name:'street',label:'街',type:JRText}
-            //         ,{name:'country',label:'國家',type:JRText}
-            //     ]
-            //     ,cols:1
-            // }
-            // ,{name:'email',label:'電子郵件',type:JRText}
-            // ,{name:'account',label:'帳號'}
-        ]
-        ,cols:2
-        ,right({setStyle}){
-            setStyle({color:'green',border:'1px solid green',width:'100px',whiteSpace:'pre',overflow: 'overlay'})
-            return <>
-                <button
-                    onClick={()=>{
-                        this.get()
-                    }}
-                >Get</button>
-                <button
-                    onClick={()=>{
-                        this.reset()
-                    }}
-                >Reset</button>
-            </>
-        }
-        ,bottom({setStyle}){
-            setStyle({color:'gray',border:'1px solid blue',whiteSpace:'pre',overflow: 'overlay'})
-            return <div style={{
-                display: 'flex'
-                ,justifyContent: 'space-around'
-            }}>
-                <pre>
-                {JSON.stringify(this.getValue(),4,4)}
-                </pre>
-                <pre>rawValue
-                {JSON.stringify(this.rawValue,4,4)}
-                </pre>
-            </div>
-        }
-}
-//////////////////////////////////////////////////////
-export const normalFields={
-    get:{
-        url:'data.json'
-        ,autoRun:true
-    }
-
-    ,columns:[
-        {name:'name',label:'Name',type:JRText,required:true}
-        ,{name:'account',label:'Account',type:JRText
-            ,validators:[
-                function(){
-                    return 'Account always error'
-                }
-            ]
-        }
-        ,{name:'email',label:'Email',type:JRText}
-        ,{name:'birthday',label:'Birthday',type:JRText}
-        ,{name:'address',label:'Address',type:JRFields
-            ,columns:[
-                {name:'no',label:'No',type:JRText,required:true}
-                ,{name:'street',label:'Street',type:JRText}
-                ,{name:'country',label:'Country',type:JRText}
-            ]
-            ,labelProps:{
-                layout:'h'
-                ,colon:":"
-            }
-            ,style:{
-                // border:'1px solid red'
-            }
-            ,typeStyle:{
-                // border:'1px solid blue'
-            }
-            ,columnStyle:{
-                padding:'0 10px 0 0'
-                ,marginTop: '4px'
-                ,border:'1px solid gray'
-                ,borderRadius: '3px'
-            }
-            ,gridStyle:{
-                padding:'unset'
-                // ,border:'1px solid black'
-            }
-        }
-        ,{
-            columns:[
-                {name:'father',label:'Father',type:JRText,required:true
-                    ,labelProps:{
-                        width:'min-content'
-                    }
-                }
-                ,{name:'mother',label:'Mother',type:JRText,required:true
-                    ,labelProps:{
-                        width:'min-content'
-                    }
-                }
-                ,{name:'yo',label:'Yo',type:JRText,required:true
-                    ,labelProps:{
-                        width:'min-content'
-                    }
-                }
-            ]
-            ,cols:2
-            ,columnStyle:{
-                padding:'6px'
-                ,marginTop: '4px'
-                ,border:'1px solid black'
-                ,borderRadius: '3px'
-            }
-        }
-        
-        ,{name:'phone',label:'Phone',colSpan:2,type:JRTable
-            ,columns:[
-                {name:'name',label:'Name',type:JRText,width:'160px'}
-                ,{name:'phone',label:'Number',type:JRText}
-            ]
-            ,validators:[
-                function(value,column){
-                    po(value,column)
-                    return 'Validate table'
-                }
-            ]
-        }
-        ,{
-            name:'select'
-            ,label:'Select'
-            ,type:JRSelect
-            ,valueName:'id'
-            ,get:{
-                url:'list.json'
-                ,autoRun:true
-            }
-            ,multiple:true
-            ,required:true
-        }
-        ,{}
-        ,{
-            name:'isMember'
-            ,label:'Is member'
-            ,type:JRCheckbox
-            ,option:{
-                value:1
-                ,label:'yes'
-            }
-        }
-        ,{
-            name:'checkbox'
-            ,label:'Checkbox'
-            ,type:JRCheckbox
-            ,valueName:'id'
-            ,get:{
-                url:'list.json'
-                ,autoRun:true
-            }
-            ,required:true
-        }
-    ]
-    ,cols:2
-    ,style:{
-        border:'1px solid gray'
-    }
-    
-}
-////////////////////////////////////////////////////////////
-const StyledDiv=styled.div`
-    display: flex;
-    gap: 10px;
-    padding: 5px;
-`
-export const withSomeButton={
-    top:function({setStyle}){
-        return <StyledDiv>
-            <button
-                onClick={()=>{
-                    this.get({
-                        url:'data2.json'
-                        ,value:{
-                            abc:123
-                        }
-                    })
-                }}
-            >Get</button>
-
-            <button
-                onClick={()=>{
-
-                    this.setValue(null,true)
-                }}
-            >Clear</button>
-
-            <button
-                onClick={()=>{
-                    this.reset()
-                }}
-            >Reset</button>
-
-            <button
-                onClick={()=>{
-                    this.validate()
-                        .then(()=>{
-                            alert('is valid')
-                        })
-                        .catch(()=>{
-
-                        })
-                }}
-            >Validate</button>
-
-            <button
-                onClick={()=>{
-                    this.validate()
-                        .then(()=>{
-                            po('submit this',this)
-                            this.post()
-                        })
-                        .catch(()=>{
-                            po('submit this',this)
-                        })
-                }}
-            >Submit</button>
-        </StyledDiv>
-    }
-    ,bottom({setStyle}){
-        setStyle({color:'gray',border:'1px solid blue',whiteSpace:'pre',overflow: 'overlay'})
-        return <div style={{
-            display: 'flex'
-            ,justifyContent: 'space-around'
-            // ,maxHeight:'300px'
-        }}>
-            <pre>
-            {JSON.stringify(this.getValue(),4,4)}
-            </pre>
-            <pre>rawValue=
-            {JSON.stringify(this.getTestValue(),4,4)}
-            </pre>
-        </div>
-    }
-}
-
-///////////////////////////////////////////////////////////////////////
-export const labelLayout={
-    ...normalFields
-    ,labelProps:{
-        layout:'v'
-        ,colon:null
-        ,gap:'10px'
-    }
-    ,gap:'16px'
-}
-
-///////////////////////////////////////////////////////////////////////
-export const devFields={
-    get:{
-        url:'data.json'
-        // ,autoRun:true
-        ,callback(success,res){
-            po('success,data',success,res)
-            // setTimeout(()=>{
-            //     po('callback setTimeout',this.getValue())
-                this.validate(res.data)
-                    .then(()=>{
-                        po('+++++++++++++++++++')
-                    })
-                    .catch(()=>{
-                        po('-------------------')
-                    })
-            // },1)
-        }
-        ,xformatValue(data){
-            po('formatValue',data)
-            return {aaa:'111'}
-        }
-    }
-    ,post:{
-        url:'post'
-        ,method:'get'
-        ,callback(){
-            this.setValue(null,true)
-        }
-    }
-    ,columns:[
-        {name:'name',label:'Name',type:JRText,Xrequired:true
-            ,validators:[
-                function(value){
-                    if(value=='Joren'){
-                        return Promise.reject('Test cannot be Joren')
-                    }else{
-                        return Promise.resolve('Test')
-                    }
-                }
-            ]
-        }
-        ,{name:'email',label:'Email',type:JRText,required:true}
-        ,{
-            label:'Parents'
-            ,columns:[
-                {name:'father',label:'Father',type:JRText,required:true}
-                ,{name:'mother',label:'Mother',type:JRText,required:true}
-            ]
-            ,cols:2
-            ,columnStyle:{
-                border:'1px solid black'
-                ,borderRadius: '3px'
-            }
-            ,colSpan:2
-        }
-        ,{
-            name:'isMember'
-            ,label:'Is member'
-            ,type:JRCheckbox
-            ,options:{
-                value:1
-                ,label:'yes'
-            }
-            ,required:true
-        }
-        ,{
-            name:'selectSingle'
-            ,label:'Select'
-            ,type:JRSelect
-            ,valueName:'id'
-            ,labelName:'name'
-            ,get:{
-                url:'list.json'
-                ,autoRun:true
-            }
-            ,required:true
-        }
-        ,{
-            name:'checkbox'
-            ,label:'Checkbox'
-            ,type:JRCheckbox
-            ,valueName:'id'
-            ,labelName:'name'
-            ,get:{
-                url:'list.json'
-                ,autoRun:true
-            }
-            ,required:true
-        }
-        ,{
-            name:'select'
-            ,label:'Select'
-            ,type:JRSelect
-            ,valueName:'id'
-            ,labelName:'name'
-            ,get:{
-                url:'list.json'
-                ,autoRun:true
-            }
-            ,multiple:true
-            ,required:true
-        }
-        ,{
-            name:'radio'
-            ,label:'Radio'
-            ,type:JRRadio
-            ,valueName:'id'
-            ,labelName:'name'
-            ,get:{
-                url:'list.json'
-                ,autoRun:true
-            }
-            ,multiple:true
-            ,required:true
-            ,colSpan:2
-        }
-    ]
-    ,cols:2
-}

package/src/app/fields/tryHOC.jsx

@@ -1,21 +0,0 @@
-import JRText from "../../components/JRInput/JRText";
-import { po } from "../../components/JRUtils";
-
-export const tryHOC={
-    open:true
-    ,popup:true
-    ,title:'HOC window'
-    ,columns:[
-        {name:'name',label:'電信公司',type:JRText,required:true}
-    ]
-    ,bottom(){
-        return <div>
-            <button
-                onClick={()=>{
-                    po(this)
-                    // this.validate()
-                }}
-            >Validate</button>
-        </div>
-    }
-}