react-crud-mobile 1.0.826 → 1.0.828

package/dist/react-crud-mobile.cjs.development.js

@@ -1713,6 +1713,75 @@ function UIElement(props) {
     }
     return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
   };
+  var Container = function Container() {
+    return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [isShowLabel() && /*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
+        style: getStyle('outerLabel', {
+          alignSelf: 'flex-start',
+          flexDirection: 'row',
+          display: 'flex',
+          justifyContent: 'space-between',
+          alignItems: 'center',
+          width: '100%'
+        }),
+        children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
+          style: getStyle('label'),
+          children: scope.getLabel()
+        }), /*#__PURE__*/jsxRuntime.jsx(Include, {
+          name: "actions",
+          style: {
+            width: 'auto'
+          }
+        })]
+      }), isShowInner() && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
+          style: getStyle('inner'),
+          children: /*#__PURE__*/jsxRuntime.jsx(Inner, {})
+        }), error && /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
+          style: getStyle('error'),
+          children: error
+        })]
+      }), scope.isType('list', 'repeat') && /*#__PURE__*/jsxRuntime.jsx(UIList, _extends({}, props, {
+        scope: scope,
+        crud: crud
+      })), scope.isType('dialog') && /*#__PURE__*/jsxRuntime.jsx(UIModal, _extends({}, props, {
+        scope: scope,
+        crud: crud
+      })), scope.isType('chart') && /*#__PURE__*/jsxRuntime.jsx(ElChart, _extends({}, props, {
+        scope: scope,
+        crud: crud
+      })), scope.isType('tabs') && /*#__PURE__*/jsxRuntime.jsx(ElTabs, _extends({}, props, {
+        scope: scope,
+        crud: crud
+      })), scope.isType('view') && /*#__PURE__*/jsxRuntime.jsx(UIView, _extends({}, props, {
+        scope: scope,
+        crud: crud
+      })), isShowChild() && /*#__PURE__*/jsxRuntime.jsx(UIChildren, _extends({}, props, {
+        scope: scope,
+        crud: crud,
+        style: getStyle('inner')
+      }))]
+    });
+  };
+  var Card = function Card(props) {
+    var isCard = scope.is('type|layout', 'card');
+    if (isCard) {
+      return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
+        style: getStyle('card', _extends({}, boxStyle.box, {
+          alignSelf: 'stretch'
+        })),
+        children: /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
+          style: getStyle('cardInner', {
+            padding: 5
+          }),
+          children: props.children
+        })
+      });
+    }
+    return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: props.children
+    });
+  };
   return /*#__PURE__*/jsxRuntime.jsx(CrudContext.Provider, {
     value: {
       crud: crud,
@@ -1722,70 +1791,23 @@ function UIElement(props) {
       ref: ref,
       style: getStyle()
     }, custom, {
-      children: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [isShowLabel() && /*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
-          style: getStyle('outerLabel', {
-            alignSelf: 'flex-start',
-            flexDirection: 'row',
-            display: 'flex',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            width: '100%'
-          }),
-          children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-            style: getStyle('label'),
-            children: scope.getLabel()
-          }), /*#__PURE__*/jsxRuntime.jsx(Include, {
-            name: "actions",
-            style: {
-              width: 'auto'
-            }
-          })]
-        }), isShowInner() && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
-            style: getStyle('inner'),
-            children: /*#__PURE__*/jsxRuntime.jsx(Inner, {})
-          }), error && /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
-            style: getStyle('error'),
-            children: error
-          })]
-        }), scope.isType('list', 'repeat') && /*#__PURE__*/jsxRuntime.jsx(UIList, _extends({}, props, {
-          scope: scope,
-          crud: crud
-        })), scope.isType('dialog') && /*#__PURE__*/jsxRuntime.jsx(UIModal, _extends({}, props, {
-          scope: scope,
-          crud: crud
-        })), scope.isType('chart') && /*#__PURE__*/jsxRuntime.jsx(ElChart, _extends({}, props, {
-          scope: scope,
-          crud: crud
-        })), scope.isType('tabs') && /*#__PURE__*/jsxRuntime.jsx(ElTabs, _extends({}, props, {
-          scope: scope,
-          crud: crud
-        })), scope.isType('view') && /*#__PURE__*/jsxRuntime.jsx(UIView, _extends({}, props, {
-          scope: scope,
-          crud: crud
-        })), isShowChild() && /*#__PURE__*/jsxRuntime.jsx(UIChildren, _extends({}, props, {
-          scope: scope,
-          crud: crud,
-          style: getStyle('inner')
-        }))]
+      children: /*#__PURE__*/jsxRuntime.jsx(Card, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Container, {})
       })
     }))
   });
 }
-var xBox = /*#__PURE__*/reactNative.StyleSheet.create({
+var boxStyle = /*#__PURE__*/reactNative.StyleSheet.create({
   box: {
     borderWidth: 1,
     borderColor: '#dedede',
     borderStyle: 'solid',
     backgroundColor: 'white',
-    paddingVertical: 10,
-    paddingHorizontal: 15,
     borderRadius: 10,
     width: '100%'
   }
 });
-var box = /*#__PURE__*/_extends({}, xBox.box);
+var box = /*#__PURE__*/_extends({}, boxStyle.box);
 //v2
 var elementStyle = {};
 elementStyle.view = {
@@ -1807,17 +1829,6 @@ elementStyle.view = {
     padding: 0
   }
 };
-elementStyle.card = /*#__PURE__*/reactNative.StyleSheet.create({
-  root: /*#__PURE__*/_extends({}, box),
-  inner: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    paddingBottom: 10,
-    paddingTop: 5,
-    width: '100%',
-    flex: 1
-  }
-});
 elementStyle.input = /*#__PURE__*/reactNative.StyleSheet.create({
   label: {
     paddingLeft: 0