jrs-react 1.1.27 → 1.1.28

package/build/index.es.js

@@ -7373,26 +7373,6 @@ class JRSubmit extends React.Component {
   }
 }
 
-const FreeType$1 = ({
-  tag: Tag,
-  config,
-  me,
-  className
-}) => {
-  if (typeof config === 'function') {
-    let style;
-    const setStyle = function (_style) {
-      style = _style;
-    };
-    const content = config.bind(me)({
-      setStyle
-    });
-    return /*#__PURE__*/React.createElement(Tag, {
-      className: className,
-      style: style
-    }, content);
-  }
-};
 const StyledJRFrame = dt.div`
     display:flex;
     flex:1;
@@ -7428,53 +7408,6 @@ const StyledJRFrame = dt.div`
     }
 
 `;
-class JRFrame extends JRSubmit {
-  renderer() {
-    return /*#__PURE__*/React.createElement(StyledJRFrame, {
-      style: this.props.style,
-      className: `${this.props.className} jr-frame`
-    }, /*#__PURE__*/React.createElement(FreeType$1, {
-      tag: "div",
-      config: this.props.start,
-      me: this,
-      className: 'start'
-    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType$1, {
-      tag: "header",
-      config: this.props.top,
-      me: this
-    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType$1, {
-      tag: "div",
-      config: this.props.left,
-      me: this,
-      className: 'left'
-    }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType$1, {
-      tag: "div",
-      config: this.props.right,
-      me: this,
-      className: 'right'
-    })), /*#__PURE__*/React.createElement(FreeType$1, {
-      tag: "footer",
-      config: this.props.bottom,
-      me: this
-    })), /*#__PURE__*/React.createElement(FreeType$1, {
-      tag: "div",
-      config: this.props.end,
-      me: this,
-      className: 'end'
-    }));
-  }
-  renderMe() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        flex: 1
-      }
-    }, "Render me");
-  }
-}
-
-function JRTest() {
-  return 'I am JRTest string';
-}
 const FreeType = ({
   tag: Tag,
   config,
@@ -7497,7 +7430,7 @@ const FreeType = ({
 };
 class JRTestReact extends JRSubmit {
   renderer() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(StyledJRFrame, {
       style: this.props.style,
       className: `${this.props.className} jr-frame`
     }, /*#__PURE__*/React.createElement(FreeType, {
@@ -7539,4 +7472,4 @@ class JRTestReact extends JRSubmit {
   }
 }
 
-export { JRFrame, JRSubmit, JRTest, JRTestReact };
+export { JRSubmit, JRTestReact };

package/build/index.js

@@ -7377,26 +7377,6 @@ class JRSubmit extends React.Component {
   }
 }
 
-const FreeType$1 = ({
-  tag: Tag,
-  config,
-  me,
-  className
-}) => {
-  if (typeof config === 'function') {
-    let style;
-    const setStyle = function (_style) {
-      style = _style;
-    };
-    const content = config.bind(me)({
-      setStyle
-    });
-    return /*#__PURE__*/React.createElement(Tag, {
-      className: className,
-      style: style
-    }, content);
-  }
-};
 const StyledJRFrame = dt.div`
     display:flex;
     flex:1;
@@ -7432,53 +7412,6 @@ const StyledJRFrame = dt.div`
     }
 
 `;
-class JRFrame extends JRSubmit {
-  renderer() {
-    return /*#__PURE__*/React.createElement(StyledJRFrame, {
-      style: this.props.style,
-      className: `${this.props.className} jr-frame`
-    }, /*#__PURE__*/React.createElement(FreeType$1, {
-      tag: "div",
-      config: this.props.start,
-      me: this,
-      className: 'start'
-    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType$1, {
-      tag: "header",
-      config: this.props.top,
-      me: this
-    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType$1, {
-      tag: "div",
-      config: this.props.left,
-      me: this,
-      className: 'left'
-    }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType$1, {
-      tag: "div",
-      config: this.props.right,
-      me: this,
-      className: 'right'
-    })), /*#__PURE__*/React.createElement(FreeType$1, {
-      tag: "footer",
-      config: this.props.bottom,
-      me: this
-    })), /*#__PURE__*/React.createElement(FreeType$1, {
-      tag: "div",
-      config: this.props.end,
-      me: this,
-      className: 'end'
-    }));
-  }
-  renderMe() {
-    return /*#__PURE__*/React.createElement("div", {
-      style: {
-        flex: 1
-      }
-    }, "Render me");
-  }
-}
-
-function JRTest() {
-  return 'I am JRTest string';
-}
 const FreeType = ({
   tag: Tag,
   config,
@@ -7501,7 +7434,7 @@ const FreeType = ({
 };
 class JRTestReact extends JRSubmit {
   renderer() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(StyledJRFrame, {
       style: this.props.style,
       className: `${this.props.className} jr-frame`
     }, /*#__PURE__*/React.createElement(FreeType, {
@@ -7543,7 +7476,5 @@ class JRTestReact extends JRSubmit {
   }
 }
 
-exports.JRFrame = JRFrame;
 exports.JRSubmit = JRSubmit;
-exports.JRTest = JRTest;
 exports.JRTestReact = JRTestReact;

package/package.json

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

package/src/components/JRTest.jsx

@@ -1,12 +1,42 @@
 import React from 'react'
+import styled from "styled-components";
 import JRSubmit from './JRSubmit'
 
-export  function JRTest (){
-    return 'I am JRTest string'
-}
+const StyledJRFrame=styled.div`
+    display:flex;
+    flex:1;
+    overflow:hidden;
+
+    > *{
+        Xborder:1px solid gray;
+    }
+    >main{
+        display:flex;
+        flex:1;
+        overflow:overlay;
+        flex-direction: column;
+        > *{
+            XXborder:1px solid gray;
+            min-height:30px;
+        }
 
+        >header{
+            XXborder:1px solid  red;
+            XXoverflow: overlay;
+        }
+        >main{
+            display:flex;
+            flex:1;
+            overflow:hidden;
+        }
+        >footer{
+            XXborder:1px solid  blue;
+            overflow: overlay;
+        }
 
+    }
 
+`
 
 const FreeType=({tag:Tag,config,me,className})=>{
     if(typeof config==='function'){
@@ -21,7 +51,7 @@ const FreeType=({tag:Tag,config,me,className})=>{
 
 export default class JRTestReact extends JRSubmit {
     renderer(){
-        return <div style={this.props.style} className={`${this.props.className} jr-frame`} >
+        return <StyledJRFrame style={this.props.style} className={`${this.props.className} jr-frame`} >
             <FreeType tag='div' config={this.props.start} me={this} className={'start'}/>
             <main>
                 <FreeType tag='header' config={this.props.top} me={this}/>
@@ -33,7 +63,7 @@ export default class JRTestReact extends JRSubmit {
                 <FreeType tag='footer' config={this.props.bottom} me={this}/>
             </main>
             <FreeType tag='div' config={this.props.end} me={this} className={'end'}/>
-        </div>
+        </StyledJRFrame>
     }
     renderMe(){
         return <div style={{flex:1}}>Render me</div>

package/src/index.js

@@ -1,8 +1,7 @@
 import JRSubmit from './components/JRSubmit'
-import JRFrame from './components/JRFrame/JRFrame'
 // import JRTable from './components/JRTable/JRTable'
-import JRTestReact ,{JRTest} from './components/JRTest'
+import JRTestReact from './components/JRTest'
 export {
-    JRTest,JRTestReact
-    ,JRSubmit,JRFrame//,JRTable
+    JRTestReact
+    ,JRSubmit//,JRTable
 }