react-native-package-fast 0.1.6 → 0.1.7

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-package-fast",
3
- "version": "0.1.6",
3
+ "version": "0.1.7",
4
4
  "description": "test",
5
5
  "main": "./src/module/index.js",
6
6
  "types": "./src/typescript/index.d.ts",
@@ -1,45 +1 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
- import React from 'react';
3
- import { TouchableOpacity } from 'react-native';
4
- import TextApp from './TextApp';
5
- import { ButtonAppStyles, parseStyles } from './Utils';
6
- const ButtonApp = props => {
7
- const {
8
- title,
9
- children,
10
- propsText,
11
- normal,
12
- disable,
13
- whiteNormal,
14
- grayNormal
15
- } = props;
16
- let _propsText = propsText;
17
- let styleAll = parseStyles({
18
- passStyle: ['flex', 'width', 'height'],
19
- styles: ButtonAppStyles,
20
- props
21
- });
22
- if (normal || whiteNormal) {
23
- _propsText = {
24
- ..._propsText,
25
- h3: true,
26
- black: true
27
- };
28
- }
29
- if (disable || grayNormal) {
30
- _propsText = {
31
- ..._propsText,
32
- h3: true,
33
- style: {
34
- color: '#686868'
35
- }
36
- };
37
- }
38
- return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
39
- disabled: disable
40
- }, props, {
41
- style: styleAll
42
- }), /*#__PURE__*/React.createElement(TextApp, _propsText, title || children));
43
- };
44
- export default ButtonApp;
45
- //# sourceMappingURL=ButtonApp.js.map
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_reactNative=require("react-native"),_TextApp=_interopRequireDefault(require("./TextApp")),_Utils=require("./Utils");function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}var ButtonApp=function(a){var b=a.title,c=a.children,d=a.propsText,e=a.normal,f=a.disable,g=a.whiteNormal,h=a.grayNormal,i=d,j=(0,_Utils.parseStyles)({passStyle:["flex","width","height"],styles:_Utils.ButtonAppStyles,props:a});return(e||g)&&(i=Object.assign({},i,{h3:!0,black:!0})),(f||h)&&(i=Object.assign({},i,{h3:!0,style:{color:"#686868"}})),_react.default.createElement(_reactNative.TouchableOpacity,_extends({disabled:f},a,{style:j}),_react.default.createElement(_TextApp.default,i,b||c))},_default=ButtonApp;export default _default;
@@ -1,13 +1 @@
1
- import { Dimensions } from 'react-native';
2
- const {
3
- width: widthScreen,
4
- height: heightScreen
5
- } = Dimensions.get('window');
6
- const RFValueHorizontal = function (fontSize) {
7
- let standardScreenHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : widthScreen;
8
- const heightPercent = Math.round(fontSize * widthScreen / standardScreenHeight);
9
- return heightPercent > fontSize + 5 ? fontSize + 5 : heightPercent;
10
- };
11
- export const ScaleSize = RFValueHorizontal;
12
- export { widthScreen, heightScreen };
13
- //# sourceMappingURL=DeviceUtils.js.map
1
+ Object.defineProperty(exports,"__esModule",{value:!0}),exports.widthScreen=exports.heightScreen=exports.ScaleSize=void 0;var _reactNative=require("react-native"),_Dimensions$get=_reactNative.Dimensions.get("window"),widthScreen=_Dimensions$get.width,heightScreen=_Dimensions$get.height;exports.heightScreen=heightScreen,exports.widthScreen=widthScreen;var RFValueHorizontal=function(a){var b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:widthScreen,c=Math.round(a*widthScreen/b);return c>a+5?a+5:c},ScaleSize=RFValueHorizontal;exports.ScaleSize=ScaleSize;
@@ -1,45 +1 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
- import React from 'react';
3
- import { Image } from 'react-native';
4
- import { ImageAppStyles, parseStyles } from './Utils';
5
- import { ScaleSize } from './DeviceUtils';
6
- const ImageApp = props => {
7
- const {
8
- size,
9
- source,
10
- ratio,
11
- color
12
- } = props;
13
- let styleAll = parseStyles({
14
- passStyle: ['flex', 'width', 'height', 'ratio'],
15
- styles: ImageAppStyles,
16
- props
17
- });
18
- if (size) {
19
- styleAll = {
20
- ...styleAll,
21
- width: ScaleSize(size),
22
- height: ScaleSize(size)
23
- };
24
- }
25
- if (ratio) {
26
- styleAll = {
27
- ...styleAll,
28
- aspectRatio: ratio
29
- };
30
- }
31
- if (color) {
32
- styleAll = {
33
- ...styleAll,
34
- tintColor: color
35
- };
36
- }
37
- return /*#__PURE__*/React.createElement(Image, _extends({}, props, {
38
- style: styleAll,
39
- source: typeof source === 'string' ? {
40
- uri: source
41
- } : source
42
- }));
43
- };
44
- export default ImageApp;
45
- //# sourceMappingURL=ImageApp.js.map
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_reactNative=require("react-native"),_Utils=require("./Utils"),_DeviceUtils=require("./DeviceUtils");function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}var ImageApp=function(a){var b=a.size,c=a.source,d=a.ratio,e=a.color,f=(0,_Utils.parseStyles)({passStyle:["flex","width","height","ratio"],styles:_Utils.ImageAppStyles,props:a});return b&&(f=Object.assign({},f,{width:(0,_DeviceUtils.ScaleSize)(b),height:(0,_DeviceUtils.ScaleSize)(b)})),d&&(f=Object.assign({},f,{aspectRatio:d})),e&&(f=Object.assign({},f,{tintColor:e})),_react.default.createElement(_reactNative.Image,_extends({},a,{style:f,source:"string"==typeof c?{uri:c}:c}))},_default=ImageApp;export default _default;
@@ -1,45 +1 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
- import React from 'react';
3
- import Image from 'react-native-fast-image';
4
- import { ImageAppStyles, parseStyles } from './Utils';
5
- import { ScaleSize } from './DeviceUtils';
6
- const ImageFastApp = props => {
7
- const {
8
- size,
9
- source,
10
- ratio,
11
- color
12
- } = props;
13
- let styleAll = parseStyles({
14
- passStyle: ['flex', 'width', 'height', 'ratio'],
15
- styles: ImageAppStyles,
16
- props
17
- });
18
- if (size) {
19
- styleAll = {
20
- ...styleAll,
21
- width: ScaleSize(size),
22
- height: ScaleSize(size)
23
- };
24
- }
25
- if (ratio) {
26
- styleAll = {
27
- ...styleAll,
28
- aspectRatio: ratio
29
- };
30
- }
31
- if (color) {
32
- styleAll = {
33
- ...styleAll,
34
- tintColor: color
35
- };
36
- }
37
- return /*#__PURE__*/React.createElement(Image, _extends({}, props, {
38
- style: styleAll,
39
- source: typeof source === 'string' ? {
40
- uri: source
41
- } : source
42
- }));
43
- };
44
- export default ImageFastApp;
45
- //# sourceMappingURL=ImageFastApp.js.map
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_reactNativeFastImage=_interopRequireDefault(require("react-native-fast-image")),_Utils=require("./Utils"),_DeviceUtils=require("./DeviceUtils");function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}var ImageFastApp=function(a){var b=a.size,c=a.source,d=a.ratio,e=a.color,f=(0,_Utils.parseStyles)({passStyle:["flex","width","height","ratio"],styles:_Utils.ImageAppStyles,props:a});return b&&(f=Object.assign({},f,{width:(0,_DeviceUtils.ScaleSize)(b),height:(0,_DeviceUtils.ScaleSize)(b)})),d&&(f=Object.assign({},f,{aspectRatio:d})),e&&(f=Object.assign({},f,{tintColor:e})),_react.default.createElement(_reactNativeFastImage.default,_extends({},a,{style:f,source:"string"==typeof c?{uri:c}:c}))},_default=ImageFastApp;export default _default;
@@ -1,16 +1 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
- import React from 'react';
3
- import { TextInput } from 'react-native';
4
- import { InputAppStyles, parseStyles } from './Utils';
5
- const InputApp = props => {
6
- let styleAll = parseStyles({
7
- passStyle: ['flex', 'width', 'height', 'minHeight'],
8
- styles: InputAppStyles,
9
- props
10
- });
11
- return /*#__PURE__*/React.createElement(TextInput, _extends({}, props, {
12
- style: styleAll
13
- }));
14
- };
15
- export default InputApp;
16
- //# sourceMappingURL=InputApp.js.map
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_reactNative=require("react-native"),_Utils=require("./Utils");function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}var InputApp=function(a){var b=(0,_Utils.parseStyles)({passStyle:["flex","width","height","minHeight"],styles:_Utils.InputAppStyles,props:a});return _react.default.createElement(_reactNative.TextInput,_extends({},a,{style:b}))},_default=InputApp;export default _default;
@@ -1,54 +1 @@
1
- import React, { createContext, memo, useContext, useMemo, useReducer } from 'react';
2
- export let DATA_CACHE_STORE = {
3
- key: 'KEY_CACHE',
4
- data: {}
5
- };
6
- const Context = /*#__PURE__*/createContext(undefined);
7
- export const getContextStore = () => {
8
- return useContext(Context);
9
- };
10
- const StoresProviderApp = props => {
11
- const {
12
- children,
13
- initParams,
14
- keyStore
15
- } = props || {};
16
- useMemo(() => {
17
- if (keyStore) DATA_CACHE_STORE.key = keyStore;
18
- }, []);
19
- const [state, dispatch] = useReducer(ReducerCache, initParams);
20
- const value = [state, dispatch];
21
- return /*#__PURE__*/React.createElement(Context.Provider, {
22
- value: value
23
- }, children);
24
- };
25
- const Reducers = (state, params) => {
26
- const {
27
- key
28
- } = (params === null || params === void 0 ? void 0 : params.action) || {};
29
- if (key === 'all') {
30
- return {
31
- ...state,
32
- ...params.payload
33
- };
34
- }
35
- if (key) {
36
- return {
37
- ...state,
38
- [key]: params.payload
39
- };
40
- }
41
- return state;
42
- };
43
- const ReducerCache = (state, params) => {
44
- let cache = Reducers(state, params);
45
- let cacheSave = {
46
- ...cache
47
- };
48
- delete cacheSave.params;
49
- delete cacheSave.isSoundOn;
50
- DATA_CACHE_STORE.data = cacheSave;
51
- return cache;
52
- };
53
- export default /*#__PURE__*/memo(StoresProviderApp);
54
- //# sourceMappingURL=StoresProviderApp.js.map
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports.getContextStore=exports.default=exports.DATA_CACHE_STORE=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty")),_slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray")),_react=_interopRequireWildcard(require("react"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!=typeof a&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}var DATA_CACHE_STORE={key:"KEY_CACHE",data:{}};exports.DATA_CACHE_STORE=DATA_CACHE_STORE;var Context=(0,_react.createContext)(void 0),getContextStore=function(){return(0,_react.useContext)(Context)};exports.getContextStore=getContextStore;var StoresProviderApp=function(a){var b=a||{},c=b.children,d=b.initParams,e=b.keyStore;(0,_react.useMemo)(function(){e&&(DATA_CACHE_STORE.key=e)},[]);var f=(0,_react.useReducer)(ReducerCache,d),g=(0,_slicedToArray2.default)(f,2),h=g[0],i=g[1];return _react.default.createElement(Context.Provider,{value:[h,i]},c)},Reducers=function(a,b){var c=(null===b||void 0===b?void 0:b.action)||{},d=c.key;return"all"===d?Object.assign({},a,b.payload):d?Object.assign({},a,(0,_defineProperty2.default)({},d,b.payload)):a},ReducerCache=function(a,b){var c=Reducers(a,b),d=Object.assign({},c);return delete d.params,delete d.isSoundOn,DATA_CACHE_STORE.data=d,c},_default=(0,_react.memo)(StoresProviderApp);export default _default;
@@ -1,21 +1 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
- import React from 'react';
3
- import { Text } from 'react-native';
4
- import { parseStyles } from './Utils';
5
- import { TextAppStyles } from './Utils';
6
- const TextApp = props => {
7
- const {
8
- title,
9
- children
10
- } = props;
11
- let styleAll = parseStyles({
12
- passStyle: ['flex', 'width', 'height'],
13
- styles: TextAppStyles,
14
- props
15
- });
16
- return /*#__PURE__*/React.createElement(Text, _extends({}, props, {
17
- style: styleAll
18
- }), title || children);
19
- };
20
- export default TextApp;
21
- //# sourceMappingURL=TextApp.js.map
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_reactNative=require("react-native"),_Utils=require("./Utils");function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}var TextApp=function(a){var b=a.title,c=a.children,d=(0,_Utils.parseStyles)({passStyle:["flex","width","height"],styles:_Utils.TextAppStyles,props:a});return _react.default.createElement(_reactNative.Text,_extends({},a,{style:d}),b||c)},_default=TextApp;export default _default;
@@ -1,392 +1 @@
1
- import { StyleSheet } from 'react-native';
2
- import { ScaleSize } from './DeviceUtils';
3
- const colors = {
4
- orange: '#EE780C',
5
- yellow: '#FEBD00',
6
- grey: '#9C9C9C',
7
- black: '#303030',
8
- white: '#ffffff',
9
- Yellow: '#FEBD00',
10
- Red: '#E42939',
11
- Orange: '#EE780C',
12
- Gray1: '#5C5C5C',
13
- Gray2: '#C4C4C4',
14
- Gray3: '#D1D1D1',
15
- Gray4: '#E0E0E0',
16
- Gray5: '#575757',
17
- Gray6: '#D8D8D8',
18
- Gray7: '#747474',
19
- Gray8: '#D9D9D9',
20
- Gray9: '#A8A8A8',
21
- Gray10: '#FAFAFA',
22
- Gray11: '#686868',
23
- Gray12: '#F4F4F4',
24
- Gray13: '#9C9C9C',
25
- Gray14: '#B0B0B0',
26
- Gray15: '#595959',
27
- Gray16: '#E3E3E3',
28
- Gray17: '#ACACAC',
29
- Gray18: '#E0E0E0',
30
- Gray19: '#E5E5E5',
31
- Gray20: '#E7E7E7',
32
- Black: '#000000'
33
- };
34
- const numStyles = [{
35
- key: 'padding-',
36
- func: value => ({
37
- padding: ScaleSize(value)
38
- })
39
- }, {
40
- key: 'hoz-',
41
- func: value => ({
42
- paddingHorizontal: ScaleSize(value)
43
- })
44
- }, {
45
- key: 'ver-',
46
- func: value => ({
47
- paddingVertical: ScaleSize(value)
48
- })
49
- }, {
50
- key: 'top-',
51
- func: value => ({
52
- paddingTop: ScaleSize(value)
53
- })
54
- }, {
55
- key: 'bot-',
56
- func: value => ({
57
- paddingBottom: ScaleSize(value)
58
- })
59
- }, {
60
- key: 'left-',
61
- func: value => ({
62
- paddingLeft: ScaleSize(value)
63
- })
64
- }, {
65
- key: 'right-',
66
- func: value => ({
67
- paddingRight: ScaleSize(value)
68
- })
69
- }, {
70
- key: 'margin-',
71
- func: value => ({
72
- margin: ScaleSize(value)
73
- })
74
- }, {
75
- key: 'Hoz-',
76
- func: value => ({
77
- marginHorizontal: ScaleSize(value)
78
- })
79
- }, {
80
- key: 'Ver-',
81
- func: value => ({
82
- marginVertical: ScaleSize(value)
83
- })
84
- }, {
85
- key: 'Top-',
86
- func: value => ({
87
- marginTop: ScaleSize(value)
88
- })
89
- }, {
90
- key: 'Bot-',
91
- func: value => ({
92
- marginBottom: ScaleSize(value)
93
- })
94
- }, {
95
- key: 'Left-',
96
- func: value => ({
97
- marginLeft: ScaleSize(value)
98
- })
99
- }, {
100
- key: 'Right-',
101
- func: value => ({
102
- marginRight: ScaleSize(value)
103
- })
104
- }, {
105
- key: 'radius-',
106
- func: value => {
107
- return {
108
- borderRadius: ScaleSize(value)
109
- };
110
- }
111
- }, {
112
- key: 'ads-',
113
- func: value => {
114
- return {
115
- position: 'absolute',
116
- top: ScaleSize(value)
117
- };
118
- }
119
- }, {
120
- key: 'border-',
121
- func: value => {
122
- return {
123
- borderWidth: ScaleSize(value)
124
- };
125
- }
126
- }, {
127
- key: 'font-',
128
- func: value => {
129
- return {
130
- fontSize: ScaleSize(value)
131
- };
132
- }
133
- }, {
134
- key: 'line-',
135
- func: value => {
136
- return {
137
- lineHeight: ScaleSize(value)
138
- };
139
- }
140
- }];
141
- export const parseStyles = _ref => {
142
- var _Object$keys;
143
- let {
144
- passStyle,
145
- styles,
146
- props
147
- } = _ref;
148
- let styleAll = (styles === null || styles === void 0 ? void 0 : styles.default) || {};
149
- (_Object$keys = Object.keys(props)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(_item => {
150
- if (passStyle !== null && passStyle !== void 0 && passStyle.includes(_item)) {
151
- styleAll = {
152
- ...styleAll,
153
- [_item]: props === null || props === void 0 ? void 0 : props[_item]
154
- };
155
- return;
156
- }
157
- if (Object.keys(styles).includes(_item) && props !== null && props !== void 0 && props[_item]) {
158
- styleAll = {
159
- ...styleAll,
160
- ...(styles === null || styles === void 0 ? void 0 : styles[_item])
161
- };
162
- return;
163
- }
164
- const numFind = numStyles.find(_value => _item === null || _item === void 0 ? void 0 : _item.includes(_value === null || _value === void 0 ? void 0 : _value.key));
165
- if (numFind) {
166
- const num = _item === null || _item === void 0 ? void 0 : _item.replace(numFind === null || numFind === void 0 ? void 0 : numFind.key, '');
167
- if (parseInt !== null && parseInt !== void 0 && parseInt(num, 10)) {
168
- styleAll = {
169
- ...styleAll,
170
- ...(numFind === null || numFind === void 0 ? void 0 : numFind.func(num))
171
- };
172
- return;
173
- }
174
- }
175
- });
176
- return {
177
- ...styleAll,
178
- ...(props === null || props === void 0 ? void 0 : props.style)
179
- };
180
- };
181
- const CommonStyles = StyleSheet.create({
182
- topLeft: {
183
- position: 'absolute',
184
- top: 0,
185
- left: 0
186
- },
187
- center: {
188
- justifyContent: 'center',
189
- alignItems: 'center'
190
- },
191
- centerItem: {
192
- alignItems: 'center'
193
- },
194
- centerContent: {
195
- justifyContent: 'center'
196
- }
197
- // center: { alignItems: 'center' },
198
- // center: { alignSelf: 'center' },
199
- });
200
-
201
- export const ViewAppStyles = StyleSheet.create({
202
- ...CommonStyles,
203
- Black: {
204
- backgroundColor: colors.black
205
- },
206
- Grey: {
207
- backgroundColor: colors.grey
208
- },
209
- White: {
210
- backgroundColor: colors.white
211
- },
212
- Yellow: {
213
- backgroundColor: colors.yellow
214
- },
215
- row: {
216
- flexDirection: 'row'
217
- },
218
- wrap: {
219
- flexWrap: 'wrap'
220
- }
221
- });
222
- export const TextAppStyles = StyleSheet.create({
223
- ...CommonStyles,
224
- //size
225
- default: {
226
- fontSize: ScaleSize(14),
227
- lineHeight: ScaleSize(20),
228
- fontFamily: 'NotoSansKR-Regular'
229
- },
230
- h1: {
231
- fontSize: ScaleSize(20),
232
- lineHeight: ScaleSize(26)
233
- },
234
- h2: {
235
- fontSize: ScaleSize(18),
236
- lineHeight: ScaleSize(24)
237
- },
238
- h3: {
239
- fontSize: ScaleSize(16),
240
- lineHeight: ScaleSize(22)
241
- },
242
- h4: {
243
- fontSize: ScaleSize(14),
244
- lineHeight: ScaleSize(20)
245
- },
246
- h5: {
247
- fontSize: ScaleSize(12),
248
- lineHeight: ScaleSize(18)
249
- },
250
- h6: {
251
- fontSize: ScaleSize(10),
252
- lineHeight: ScaleSize(16)
253
- },
254
- h7: {
255
- fontSize: ScaleSize(9),
256
- lineHeight: ScaleSize(15)
257
- },
258
- header: {
259
- fontSize: ScaleSize(24),
260
- lineHeight: ScaleSize(33)
261
- },
262
- //color
263
- black: {
264
- color: colors.black
265
- },
266
- grey: {
267
- color: colors.grey
268
- },
269
- yellow: {
270
- color: colors.yellow
271
- },
272
- white: {
273
- color: colors.white
274
- },
275
- orange: {
276
- color: colors.orange
277
- },
278
- Gray5: {
279
- color: colors.Gray5
280
- },
281
- //weight
282
- Bold: {
283
- fontFamily: 'NotoSansKR-Black'
284
- },
285
- bold: {
286
- fontFamily: 'NotoSansKR-Bold'
287
- },
288
- medium: {
289
- fontFamily: 'NotoSansKR-Medium'
290
- },
291
- thin: {
292
- fontFamily: 'NotoSansKR-Thin'
293
- },
294
- light: {
295
- fontFamily: 'NotoSansKR-Light'
296
- },
297
- regular: {
298
- fontFamily: 'NotoSansKR-Regular'
299
- },
300
- gs_light: {
301
- fontFamily: 'GmarketSansTTFLight'
302
- },
303
- gs_bold: {
304
- fontFamily: 'GmarketSansTTFBold'
305
- },
306
- gs_medium: {
307
- fontFamily: 'GmarketSansTTFMedium'
308
- },
309
- //style
310
- line: {
311
- textDecorationLine: 'underline'
312
- },
313
- center: {
314
- textAlign: 'center',
315
- textAlignVertical: 'center'
316
- },
317
- left: {
318
- textAlign: 'left'
319
- }
320
- });
321
- export const ButtonAppStyles = StyleSheet.create({
322
- ...ViewAppStyles,
323
- tabNormal: {
324
- paddingHorizontal: 16,
325
- paddingBottom: 7,
326
- paddingTop: 6,
327
- borderRadius: 50,
328
- borderWidth: 1,
329
- borderColor: colors.Gray2
330
- },
331
- normal: {
332
- paddingVertical: 10,
333
- alignItems: 'center',
334
- justifyContent: 'center',
335
- backgroundColor: colors.yellow,
336
- borderRadius: 5
337
- },
338
- grayNormal: {
339
- paddingVertical: 10,
340
- alignItems: 'center',
341
- justifyContent: 'center',
342
- backgroundColor: '#D1D1D1',
343
- borderRadius: 5
344
- },
345
- yellowSmall: {
346
- paddingVertical: 7,
347
- alignItems: 'center',
348
- justifyContent: 'center',
349
- backgroundColor: colors.yellow,
350
- borderRadius: 50
351
- },
352
- whiteNormal: {
353
- paddingVertical: 10,
354
- alignItems: 'center',
355
- justifyContent: 'center',
356
- // backgroundColor: colors.white,
357
- borderWidth: 1,
358
- borderColor: colors.grey,
359
- borderRadius: 5
360
- },
361
- disable: {
362
- paddingVertical: 10,
363
- alignItems: 'center',
364
- justifyContent: 'center',
365
- backgroundColor: '#D1D1D1',
366
- borderRadius: 5
367
- }
368
- });
369
- export const InputAppStyles = StyleSheet.create({
370
- ...CommonStyles,
371
- borderType: {
372
- paddingHorizontal: ScaleSize(10),
373
- borderWidth: ScaleSize(1),
374
- borderColor: colors.Gray2,
375
- height: ScaleSize(40),
376
- justifyContent: 'center',
377
- borderRadius: ScaleSize(3)
378
- }
379
- });
380
- export const ImageAppStyles = StyleSheet.create({
381
- ...CommonStyles,
382
- contain: {
383
- resizeMode: 'contain'
384
- },
385
- cover: {
386
- resizeMode: 'cover'
387
- },
388
- stretch: {
389
- resizeMode: 'stretch'
390
- }
391
- });
392
- //# sourceMappingURL=Utils.js.map
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports.parseStyles=exports.ViewAppStyles=exports.TextAppStyles=exports.InputAppStyles=exports.ImageAppStyles=exports.ButtonAppStyles=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty")),_reactNative=require("react-native"),_DeviceUtils=require("./DeviceUtils"),colors={orange:"#EE780C",yellow:"#FEBD00",grey:"#9C9C9C",black:"#303030",white:"#ffffff",Yellow:"#FEBD00",Red:"#E42939",Orange:"#EE780C",Gray1:"#5C5C5C",Gray2:"#C4C4C4",Gray3:"#D1D1D1",Gray4:"#E0E0E0",Gray5:"#575757",Gray6:"#D8D8D8",Gray7:"#747474",Gray8:"#D9D9D9",Gray9:"#A8A8A8",Gray10:"#FAFAFA",Gray11:"#686868",Gray12:"#F4F4F4",Gray13:"#9C9C9C",Gray14:"#B0B0B0",Gray15:"#595959",Gray16:"#E3E3E3",Gray17:"#ACACAC",Gray18:"#E0E0E0",Gray19:"#E5E5E5",Gray20:"#E7E7E7",Black:"#000000"},numStyles=[{key:"padding-",func:function func(a){return{padding:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"hoz-",func:function func(a){return{paddingHorizontal:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"ver-",func:function func(a){return{paddingVertical:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"top-",func:function func(a){return{paddingTop:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"bot-",func:function func(a){return{paddingBottom:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"left-",func:function func(a){return{paddingLeft:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"right-",func:function func(a){return{paddingRight:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"margin-",func:function func(a){return{margin:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"Hoz-",func:function func(a){return{marginHorizontal:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"Ver-",func:function func(a){return{marginVertical:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"Top-",func:function func(a){return{marginTop:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"Bot-",func:function func(a){return{marginBottom:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"Left-",func:function func(a){return{marginLeft:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"Right-",func:function func(a){return{marginRight:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"radius-",func:function func(a){return{borderRadius:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"ads-",func:function func(a){return{position:"absolute",top:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"border-",func:function func(a){return{borderWidth:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"font-",func:function func(a){return{fontSize:(0,_DeviceUtils.ScaleSize)(a)}}},{key:"line-",func:function func(a){return{lineHeight:(0,_DeviceUtils.ScaleSize)(a)}}}],parseStyles=function(a){var b,c=a.passStyle,d=a.styles,e=a.props,f=(null===d||void 0===d?void 0:d.default)||{};return null===(b=Object.keys(e))||void 0===b?void 0:b.map(function(a){if(null!==c&&void 0!==c&&c.includes(a))return void(f=Object.assign({},f,(0,_defineProperty2.default)({},a,null===e||void 0===e?void 0:e[a])));if(Object.keys(d).includes(a)&&null!==e&&void 0!==e&&e[a])return void(f=Object.assign({},f,null===d||void 0===d?void 0:d[a]));var b=numStyles.find(function(b){return null===a||void 0===a?void 0:a.includes(null===b||void 0===b?void 0:b.key)});if(b){var g=null===a||void 0===a?void 0:a.replace(null===b||void 0===b?void 0:b.key,"");if(null!==parseInt&&void 0!==parseInt&&parseInt(g,10))return void(f=Object.assign({},f,null===b||void 0===b?void 0:b.func(g)))}}),Object.assign({},f,null===e||void 0===e?void 0:e.style)};exports.parseStyles=parseStyles;var CommonStyles=_reactNative.StyleSheet.create({topLeft:{position:"absolute",top:0,left:0},center:{justifyContent:"center",alignItems:"center"},centerItem:{alignItems:"center"},centerContent:{justifyContent:"center"}}),ViewAppStyles=_reactNative.StyleSheet.create(Object.assign({},CommonStyles,{Black:{backgroundColor:colors.black},Grey:{backgroundColor:colors.grey},White:{backgroundColor:colors.white},Yellow:{backgroundColor:colors.yellow},row:{flexDirection:"row"},wrap:{flexWrap:"wrap"}}));exports.ViewAppStyles=ViewAppStyles;var TextAppStyles=_reactNative.StyleSheet.create(Object.assign({},CommonStyles,{default:{fontSize:(0,_DeviceUtils.ScaleSize)(14),lineHeight:(0,_DeviceUtils.ScaleSize)(20),fontFamily:"NotoSansKR-Regular"},h1:{fontSize:(0,_DeviceUtils.ScaleSize)(20),lineHeight:(0,_DeviceUtils.ScaleSize)(26)},h2:{fontSize:(0,_DeviceUtils.ScaleSize)(18),lineHeight:(0,_DeviceUtils.ScaleSize)(24)},h3:{fontSize:(0,_DeviceUtils.ScaleSize)(16),lineHeight:(0,_DeviceUtils.ScaleSize)(22)},h4:{fontSize:(0,_DeviceUtils.ScaleSize)(14),lineHeight:(0,_DeviceUtils.ScaleSize)(20)},h5:{fontSize:(0,_DeviceUtils.ScaleSize)(12),lineHeight:(0,_DeviceUtils.ScaleSize)(18)},h6:{fontSize:(0,_DeviceUtils.ScaleSize)(10),lineHeight:(0,_DeviceUtils.ScaleSize)(16)},h7:{fontSize:(0,_DeviceUtils.ScaleSize)(9),lineHeight:(0,_DeviceUtils.ScaleSize)(15)},header:{fontSize:(0,_DeviceUtils.ScaleSize)(24),lineHeight:(0,_DeviceUtils.ScaleSize)(33)},black:{color:colors.black},grey:{color:colors.grey},yellow:{color:colors.yellow},white:{color:colors.white},orange:{color:colors.orange},Gray5:{color:colors.Gray5},Bold:{fontFamily:"NotoSansKR-Black"},bold:{fontFamily:"NotoSansKR-Bold"},medium:{fontFamily:"NotoSansKR-Medium"},thin:{fontFamily:"NotoSansKR-Thin"},light:{fontFamily:"NotoSansKR-Light"},regular:{fontFamily:"NotoSansKR-Regular"},gs_light:{fontFamily:"GmarketSansTTFLight"},gs_bold:{fontFamily:"GmarketSansTTFBold"},gs_medium:{fontFamily:"GmarketSansTTFMedium"},line:{textDecorationLine:"underline"},center:{textAlign:"center",textAlignVertical:"center"},left:{textAlign:"left"}}));exports.TextAppStyles=TextAppStyles;var ButtonAppStyles=_reactNative.StyleSheet.create(Object.assign({},ViewAppStyles,{tabNormal:{paddingHorizontal:16,paddingBottom:7,paddingTop:6,borderRadius:50,borderWidth:1,borderColor:colors.Gray2},normal:{paddingVertical:10,alignItems:"center",justifyContent:"center",backgroundColor:colors.yellow,borderRadius:5},grayNormal:{paddingVertical:10,alignItems:"center",justifyContent:"center",backgroundColor:"#D1D1D1",borderRadius:5},yellowSmall:{paddingVertical:7,alignItems:"center",justifyContent:"center",backgroundColor:colors.yellow,borderRadius:50},whiteNormal:{paddingVertical:10,alignItems:"center",justifyContent:"center",borderWidth:1,borderColor:colors.grey,borderRadius:5},disable:{paddingVertical:10,alignItems:"center",justifyContent:"center",backgroundColor:"#D1D1D1",borderRadius:5}}));exports.ButtonAppStyles=ButtonAppStyles;var InputAppStyles=_reactNative.StyleSheet.create(Object.assign({},CommonStyles,{borderType:{paddingHorizontal:(0,_DeviceUtils.ScaleSize)(10),borderWidth:(0,_DeviceUtils.ScaleSize)(1),borderColor:colors.Gray2,height:(0,_DeviceUtils.ScaleSize)(40),justifyContent:"center",borderRadius:(0,_DeviceUtils.ScaleSize)(3)}}));exports.InputAppStyles=InputAppStyles;var ImageAppStyles=_reactNative.StyleSheet.create(Object.assign({},CommonStyles,{contain:{resizeMode:"contain"},cover:{resizeMode:"cover"},stretch:{resizeMode:"stretch"}}));exports.ImageAppStyles=ImageAppStyles;
@@ -1,19 +1 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
- import React from 'react';
3
- import { View } from 'react-native';
4
- import { ViewAppStyles, parseStyles } from './Utils';
5
- const ViewApp = props => {
6
- const {
7
- children
8
- } = props;
9
- let styleAll = parseStyles({
10
- passStyle: ['flex', 'width', 'height'],
11
- styles: ViewAppStyles,
12
- props
13
- });
14
- return /*#__PURE__*/React.createElement(View, _extends({}, props, {
15
- style: styleAll
16
- }), children);
17
- };
18
- export default ViewApp;
19
- //# sourceMappingURL=ViewApp.js.map
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_reactNative=require("react-native"),_Utils=require("./Utils");function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}var ViewApp=function(a){var b=a.children,c=(0,_Utils.parseStyles)({passStyle:["flex","width","height"],styles:_Utils.ViewAppStyles,props:a});return _react.default.createElement(_reactNative.View,_extends({},a,{style:c}),b)},_default=ViewApp;export default _default;
@@ -1,11 +1 @@
1
- import ButtonApp from './cores/ButtonApp';
2
- import { ScaleSize } from './cores/DeviceUtils';
3
- import ImageApp from './cores/ImageApp';
4
- import ImageFastApp from './cores/ImageFastApp';
5
- import InputApp from './cores/InputApp';
6
- import TextApp from './cores/TextApp';
7
- import { parseStyles } from './cores/Utils';
8
- import ViewApp from './cores/ViewApp';
9
- import StoresProviderApp, { DATA_CACHE_STORE, getContextStore } from './cores/StoresProviderApp';
10
- export { ButtonApp, ImageApp, StoresProviderApp, DATA_CACHE_STORE, getContextStore, ImageFastApp, InputApp, parseStyles, ScaleSize, TextApp, ViewApp };
11
- //# sourceMappingURL=index.js.map
1
+ var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ButtonApp",{enumerable:!0,get:function get(){return _ButtonApp.default}}),Object.defineProperty(exports,"DATA_CACHE_STORE",{enumerable:!0,get:function get(){return _StoresProviderApp.DATA_CACHE_STORE}}),Object.defineProperty(exports,"ImageApp",{enumerable:!0,get:function get(){return _ImageApp.default}}),Object.defineProperty(exports,"ImageFastApp",{enumerable:!0,get:function get(){return _ImageFastApp.default}}),Object.defineProperty(exports,"InputApp",{enumerable:!0,get:function get(){return _InputApp.default}}),Object.defineProperty(exports,"ScaleSize",{enumerable:!0,get:function get(){return _DeviceUtils.ScaleSize}}),Object.defineProperty(exports,"StoresProviderApp",{enumerable:!0,get:function get(){return _StoresProviderApp.default}}),Object.defineProperty(exports,"TextApp",{enumerable:!0,get:function get(){return _TextApp.default}}),Object.defineProperty(exports,"ViewApp",{enumerable:!0,get:function get(){return _ViewApp.default}}),Object.defineProperty(exports,"getContextStore",{enumerable:!0,get:function get(){return _StoresProviderApp.getContextStore}}),Object.defineProperty(exports,"parseStyles",{enumerable:!0,get:function get(){return _Utils.parseStyles}});var _ButtonApp=_interopRequireDefault(require("./cores/ButtonApp")),_DeviceUtils=require("./cores/DeviceUtils"),_ImageApp=_interopRequireDefault(require("./cores/ImageApp")),_ImageFastApp=_interopRequireDefault(require("./cores/ImageFastApp")),_InputApp=_interopRequireDefault(require("./cores/InputApp")),_TextApp=_interopRequireDefault(require("./cores/TextApp")),_Utils=require("./cores/Utils"),_ViewApp=_interopRequireDefault(require("./cores/ViewApp")),_StoresProviderApp=_interopRequireWildcard(require("./cores/StoresProviderApp"));function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!=typeof a&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d.default=a,c&&c.set(a,d),d}
@@ -1,11 +1,11 @@
1
- import ButtonApp from './cores/ButtonApp';
2
- import { ScaleSize } from './cores/DeviceUtils';
3
- import ImageApp from './cores/ImageApp';
4
- import ImageFastApp from './cores/ImageFastApp';
5
- import InputApp from './cores/InputApp';
6
- import TextApp from './cores/TextApp';
7
- import { parseStyles, TextAppProps, ViewAppProps, ImageFastAppProps, InputAppProps, ButtonAppProps } from './cores/Utils';
8
- import ViewApp from './cores/ViewApp';
9
- import StoresProviderApp, { DATA_CACHE_STORE, getContextStore } from './cores/StoresProviderApp';
10
- export { ButtonApp, ImageApp, StoresProviderApp, DATA_CACHE_STORE, getContextStore, ImageFastApp, InputApp, parseStyles, ScaleSize, TextApp, ViewApp, type TextAppProps, type ViewAppProps, type ImageFastAppProps, type InputAppProps, type ButtonAppProps, };
1
+ import ButtonApp from "./cores/ButtonApp";
2
+ import { ScaleSize } from "./cores/DeviceUtils";
3
+ import ImageApp from "./cores/ImageApp";
4
+ import ImageFastApp from "./cores/ImageFastApp";
5
+ import InputApp from "./cores/InputApp";
6
+ import TextApp from "./cores/TextApp";
7
+ import { parseStyles } from "./cores/Utils";
8
+ import ViewApp from "./cores/ViewApp";
9
+ import StoresProviderApp, { DATA_CACHE_STORE, getContextStore } from "./cores/StoresProviderApp";
10
+ export { ButtonApp, ImageApp, StoresProviderApp, DATA_CACHE_STORE, getContextStore, ImageFastApp, InputApp, parseStyles, ScaleSize, TextApp, ViewApp, };
11
11
  //# sourceMappingURL=index.d.ts.map