jrs-react 1.2.27 → 1.2.29

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jrs-react",
-	"version": "1.2.27",
+	"version": "1.2.29",
 	"description": "",
 	"main": "build/index.js",
 	"module": "build/index.es.js",

package/src/components/JRFrame/JRFrame.jsx

@@ -77,7 +77,7 @@ export default class JRFrame extends JRSubmit {
         :null
     renderer(){
         return <StyledJRFrame  id={this.props.id} style={this.props.style} className={`jr-frame`} >
-            {this.mask?.()}
+            
             <FreeType tag='div' config={this.props.start} me={this} className={'start'}/>
             <main>
                 <FreeType tag='header' config={this.props.top} me={this}/>
@@ -91,6 +91,7 @@ export default class JRFrame extends JRSubmit {
                 <FreeType tag='footer' config={this.props.bottom} me={this}/>
             </main>
             <FreeType tag='div' config={this.props.end} me={this} className={'end'}/>
+            {this.mask?.()}
         </StyledJRFrame>
     }
 }

package/src/components/JRMask/JRMask.jsx

@@ -131,7 +131,7 @@ const StyledDialogMask = styled.dialog`
 
 const StyledDivMask = styled.div`
     ${css}
-    color: ${({theme})=>theme?.colorPrimary??'whilte'};
+    color: ${({theme})=>theme?.colorPrimary??'white'};
     width:100%;
     height:100%;
     position: absolute;
@@ -154,6 +154,7 @@ export default function JRDialogMask({id='jr-mask'}){
 }
 
 export function JRDivMask({id='jr-mask'}){
+    // po(`create JRDivMask id=${id}`)
     return <StyledDivMask id={id}>
         <div id={`${id}-msg`} >MSG</div>
         <div className="cs-loader-inner">
@@ -215,7 +216,8 @@ class Mask extends JRHTML{
 
 export function showMask(msg,maskId='jr-mask'){
     const jrMask=document.getElementById(maskId)
-    
+    // po(`showMask find id=${maskId}`)
+    // po('jrMask',jrMask)
     if((jrMask)){
         const jrMaskMsg=document.getElementById(`${maskId}-msg`)
         if(!jrMask.maskDiv){
@@ -236,5 +238,7 @@ export function showMask(msg,maskId='jr-mask'){
             })
         }
         return jrMask.maskDiv.addMsg(msg)
+    }else{
+        console.warn(`Mask id ${maskId} not found.`)
     }
 }

package/src/components/JRSubmit.jsx

@@ -36,7 +36,13 @@ export default class JRSubmit extends React.Component {
         this.#methods
         .filter((method) => this[method] && this.props[method] && this.props[method].autoRun)
         .forEach((method) => {
-            this[method]()
+            if(this.props[method].autoRun===true){
+                this[method]()
+            } else if(this.props[method].autoRun>-1){
+                setTimeout(()=>{
+                    this[method]()
+                },this.props[method].autoRun)
+            }
         })
     }
     get(_config = {}) {
@@ -243,13 +249,15 @@ export default class JRSubmit extends React.Component {
             }
         })()
             .then((res)=>{
-                this.handleResponse(res,_payload,config)
+                // setTimeout(()=>{
+                    this.handleResponse(res,_payload,config)
+                    // config.removeMaskFunction?.()
+                // },random(2000,1000))
             })
             .catch((res)=>{
                 this.handleResponse(res,_payload,config)
             })
             .finally(()=> {
-                // setTimeout(config.removeMaskFunction??avoid,random(4000,1000))
                 config.removeMaskFunction?.()
             })
     }
@@ -278,8 +286,8 @@ export default class JRSubmit extends React.Component {
     }
 
     showMessage(success,message){
-        po('success',success)
-        po('message',message)
+        // po('success',success)
+        // po('message',message)
     }
     
     renderer(){

package/src/components/JRTable/StyledJRTable.jsx

@@ -43,7 +43,7 @@ export const StyledJRTable=styled.div`
             top: 0;
 
             th{
-                xposition: relative;
+                position: relative;
                 padding: 2px 6px;
                 background: linear-gradient(180deg, rgba(227, 227, 226, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(210, 210, 210, 1) 100%);
                 box-shadow: 2px 2px 2px 0 #ffffffd6 inset, -1px -1px 2px 0px #8a847dbf inset;