react-crud-mobile 1.3.194 → 1.3.198
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react-crud-mobile.cjs.development.js +16 -7
- package/dist/react-crud-mobile.cjs.development.js.map +1 -1
- package/dist/react-crud-mobile.cjs.production.min.js +1 -1
- package/dist/react-crud-mobile.cjs.production.min.js.map +1 -1
- package/dist/react-crud-mobile.esm.js +16 -7
- package/dist/react-crud-mobile.esm.js.map +1 -1
- package/package.json +77 -77
- package/src/elements/UI.tsx +76 -76
- package/src/elements/UIChildren.tsx +142 -142
- package/src/elements/UIComplete.tsx +14 -14
- package/src/elements/UIElement.tsx +824 -823
- package/src/elements/UITag.tsx +13 -13
- package/src/elements/charts/ElChart.tsx +10 -10
- package/src/elements/core/GestureView.tsx +16 -16
- package/src/elements/core/SafeView.tsx +63 -63
- package/src/elements/core/UIAutoComplete.tsx +17 -17
- package/src/elements/core/UIButton.tsx +143 -143
- package/src/elements/core/UIHeader.tsx +38 -38
- package/src/elements/core/UIIcon.tsx +25 -25
- package/src/elements/core/UIInclude.tsx +40 -40
- package/src/elements/core/UIInput.tsx +102 -96
- package/src/elements/core/UILink.tsx +17 -17
- package/src/elements/core/UIList.tsx +169 -168
- package/src/elements/core/UIListItem.tsx +32 -32
- package/src/elements/core/UIListRow.tsx +132 -132
- package/src/elements/core/UIModal.tsx +225 -225
- package/src/elements/core/UIOption.tsx +17 -17
- package/src/elements/core/UIOrder.tsx +194 -194
- package/src/elements/core/UIQuantity.tsx +98 -98
- package/src/elements/core/UIRadio.tsx +17 -17
- package/src/elements/core/UISelect.tsx +171 -171
- package/src/elements/core/UISlider.tsx +61 -61
- package/src/elements/core/UIStatusBar.tsx +5 -5
- package/src/elements/core/UISwitch.tsx +27 -27
- package/src/elements/core/UIToast.tsx +44 -44
- package/src/elements/core/UIToggle.tsx +102 -102
- package/src/elements/core/UIView.tsx +69 -69
- package/src/elements/index.ts +1 -1
- package/src/elements/tabs/ElTabs.tsx +178 -178
- package/src/hooks/useIsVisible.ts +39 -39
- package/src/index.ts +1 -1
- package/src/utils/MobileUtils.ts +12 -12
|
@@ -391,7 +391,7 @@ function UIButton(props) {
|
|
|
391
391
|
var color = element.color;
|
|
392
392
|
var label = scope.getLabel();
|
|
393
393
|
var icon = scope.getPart('icon');
|
|
394
|
-
//ajuste align
|
|
394
|
+
//ajuste align v4
|
|
395
395
|
if (!color) color = 'primaryLight';
|
|
396
396
|
var styles = {
|
|
397
397
|
buttonLabel: {
|
|
@@ -412,7 +412,7 @@ function UIButton(props) {
|
|
|
412
412
|
},
|
|
413
413
|
button: {
|
|
414
414
|
backgroundColor: color,
|
|
415
|
-
borderRadius:
|
|
415
|
+
borderRadius: 20,
|
|
416
416
|
gap: 10,
|
|
417
417
|
justifyContent: 'center',
|
|
418
418
|
alignItems: 'center',
|
|
@@ -802,15 +802,23 @@ function UIInput(props) {
|
|
|
802
802
|
}
|
|
803
803
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
804
804
|
};
|
|
805
|
+
var type = scope.getPart('type', 'none');
|
|
806
|
+
var decode = {
|
|
807
|
+
textarea: {
|
|
808
|
+
multiline: true,
|
|
809
|
+
textAlignVertical: 'top'
|
|
810
|
+
}
|
|
811
|
+
};
|
|
812
|
+
var defs = reactCrudUtils.Utils.nvl(decode[type], {});
|
|
805
813
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
806
814
|
children: [/*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
|
|
807
815
|
style: style('base'),
|
|
808
|
-
children: [scope.getPart('left'), /*#__PURE__*/jsxRuntime.jsx(reactNative.TextInput, {
|
|
816
|
+
children: [scope.getPart('left'), /*#__PURE__*/jsxRuntime.jsx(reactNative.TextInput, _extends({
|
|
809
817
|
style: style('input'),
|
|
810
818
|
onChangeText: onChange,
|
|
811
819
|
value: value,
|
|
812
820
|
placeholder: placeholder
|
|
813
|
-
}), /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {})]
|
|
821
|
+
}, defs)), /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {})]
|
|
814
822
|
}), scope.getPart('right')]
|
|
815
823
|
});
|
|
816
824
|
}
|
|
@@ -1061,9 +1069,10 @@ function UIList(props) {
|
|
|
1061
1069
|
style: scope.getStyle('empty', {
|
|
1062
1070
|
flex: 1,
|
|
1063
1071
|
fontWeight: 500,
|
|
1064
|
-
fontSize:
|
|
1072
|
+
fontSize: 15,
|
|
1065
1073
|
padding: 10,
|
|
1066
1074
|
textAlign: 'center',
|
|
1075
|
+
width: '100%',
|
|
1067
1076
|
justifyContent: 'center',
|
|
1068
1077
|
alignItems: 'center'
|
|
1069
1078
|
}),
|
|
@@ -1086,7 +1095,7 @@ function UIList(props) {
|
|
|
1086
1095
|
}), isShowAdd() && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
1087
1096
|
children: add
|
|
1088
1097
|
})]
|
|
1089
|
-
}
|
|
1098
|
+
});
|
|
1090
1099
|
};
|
|
1091
1100
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1092
1101
|
children: [original.search !== false && /*#__PURE__*/jsxRuntime.jsx(UI.Text, {
|
|
@@ -1928,7 +1937,7 @@ function UIElement(props) {
|
|
|
1928
1937
|
}
|
|
1929
1938
|
return !reactCrudUtils.Utils.isEmpty(props.children) || !reactCrudUtils.Utils.isEmpty(props.elements);
|
|
1930
1939
|
};
|
|
1931
|
-
var isInput = scope.is('type', 'text', 'number', 'integer', 'int', 'phone', 'postalCode', 'money', 'password', 'email');
|
|
1940
|
+
var isInput = scope.is('type', 'text', 'textarea', 'number', 'integer', 'int', 'phone', 'postalCode', 'money', 'password', 'email');
|
|
1932
1941
|
var getStyle = function getStyle(part, extra) {
|
|
1933
1942
|
var _elementStyle$type;
|
|
1934
1943
|
var type = reactCrudUtils.Utils.nvl(original.type, 'none');
|