@aks-dev/easyui 1.0.190 → 1.0.192

package/dist/components/StickHeaderView/StickHeaderView.js

@@ -1,16 +1,8 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-29 10:22:16
- * @LastEditors: shiguo
- * @LastEditTime: 2022-04-29 10:27:44
- * @FilePath: /@aks/easyui/lib/StickHeaderView/StickHeaderView.tsx
- */
 import * as React from "react";
 import { StyleSheet, Animated, } from "react-native";
 const App = (props) => {
     const { style, children, stickyHeaderY = -1, stickyScrollY = new Animated.Value(0), } = props;
     const [stickyLayoutY, setStickyLayoutY] = React.useState(0);
-    // 兼容代码，防止没有传头部高度
     const _onLayout = (event) => {
         setStickyLayoutY(event.nativeEvent.layout.y);
     };
@@ -21,13 +13,11 @@ const App = (props) => {
             outputRange: [0, 0, 0, 1],
         });
     };
-    return (<Animated.View onLayout={_onLayout} style={[
+    return (React.createElement(Animated.View, { onLayout: _onLayout, style: [
             style,
             styles.container,
             { transform: [{ translateY: translateY() }] },
-        ]}>
-      {children}
-    </Animated.View>);
+        ] }, children));
 };
 const styles = StyleSheet.create({
     container: {

package/dist/components/StickHeaderView/demo.js

@@ -0,0 +1,37 @@
+import React from "react";
+import { View, StyleSheet, TouchableOpacity, Text, Animated, } from "react-native";
+import { px2dp } from "../../screen/px2dp";
+import { px2sp } from "../../screen/px2sp";
+import StickHeaderView from "./StickHeaderView";
+import WithLoadingContainer from "../WithLoadingContainer/WithLoadingContainer";
+import { Status } from "../WithLoadingContainer/WithLoadingContainer";
+export default ({}) => {
+    var _a;
+    const scrollY = React.useRef(new Animated.Value(0)).current;
+    const headHeight = React.useRef(-1);
+    return (React.createElement(View, { style: styles.container },
+        React.createElement(Animated.ScrollView, { style: { flex: 1 }, onScroll: Animated.event([
+                {
+                    nativeEvent: { contentOffset: { y: scrollY } },
+                },
+            ]), scrollEventThrottle: 1 },
+            React.createElement(View, { onLayout: (e) => {
+                    let { height } = e.nativeEvent.layout;
+                    headHeight.current = height;
+                } }),
+            React.createElement(StickHeaderView, { stickyHeaderY: headHeight.current, stickyScrollY: scrollY },
+                React.createElement(View, null,
+                    React.createElement(Text, { style: {
+                            fontSize: px2sp(16),
+                            color: "#333",
+                            marginLeft: px2dp(30),
+                        } }, "\u5F53\u65E5\u8BA1\u5212"))),
+            React.createElement(WithLoadingContainer, { status: Status.SUCCESS, emptyText: "今日无需巡检" }, (_a = Array(30)
+                .fill("")) === null || _a === void 0 ? void 0 : _a.map((i, index) => (React.createElement(Item, { key: `sg-item-${index}`, item: i, index: index })))))));
+};
+const Item = (props) => {
+    return React.createElement(TouchableOpacity, null);
+};
+const styles = StyleSheet.create({
+    container: {},
+});

package/dist/components/TableCell/TableCell.js

@@ -4,56 +4,43 @@ import { px2dp } from "../../screen/px2dp";
 import { px2sp } from "../../screen/px2sp";
 export default (props) => {
     const { showNav = false, activeOpacity = 0.8 } = props;
-    return (<TouchableOpacity activeOpacity={props.onPress == undefined ? activeOpacity : 1} style={[styles.container, props.style]} disabled={props.onPress == undefined} onPress={() => props.onPress && props.onPress()}>
-      <View style={[
-            styles.warpper,
-            props.showUnderline
-                ? {
-                    borderBottomColor: "#f2f2f2",
-                    // borderBottomWidth: StyleSheet.hairlineWidth,
-                    borderBottomWidth: px2dp(1),
-                    ...props.underlineStyle,
-                }
-                : {},
-        ]}>
-        {props.icon && (<Image style={[
-                { width: px2dp(20), height: px2dp(20), marginRight: px2dp(8) },
-                props.iconStyle,
-            ]} resizeMode="contain" source={props.icon}/>)}
-        <View style={[styles.middle, props.middleContaierStyle]}>
-          {/* 标题 */}
-          {(() => {
-            if (typeof props.title === "string" ||
-                typeof props.title === "number") {
-                return (<Text numberOfLines={1} {...props.titleOptions} style={[styles.title, props.titleOptions?.style]}>
-                  {props.title}
-                </Text>);
-            }
-            if (React.isValidElement(props.title))
-                return props.title;
-            return <View style={styles.title}/>;
-        })()}
-
-          {(() => {
-            if (typeof props.content === "string" ||
-                typeof props.content === "number") {
-                return (<Text numberOfLines={1} {...props.contentOptions} style={[styles.content, props.contentOptions?.style]}>
-                  {props.content}
-                </Text>);
-            }
-            if (React.isValidElement(props.content))
-                return props.content;
-            return undefined;
-        })()}
-        </View>
-        {showNav &&
-            (props.nav || (<Image style={{
-                    width: px2dp(9),
-                    height: px2dp(16),
-                    marginLeft: px2dp(8),
-                }} source={require("./assets/back.png")}/>))}
-      </View>
-    </TouchableOpacity>);
+    return (React.createElement(TouchableOpacity, { activeOpacity: props.onPress == undefined ? activeOpacity : 1, style: [styles.container, props.style], disabled: props.onPress == undefined, onPress: () => props.onPress && props.onPress() },
+        React.createElement(View, { style: [
+                styles.warpper,
+                props.showUnderline
+                    ? Object.assign({ borderBottomColor: "#f2f2f2", borderBottomWidth: px2dp(1) }, props.underlineStyle) : {},
+            ] },
+            props.icon && (React.createElement(Image, { style: [
+                    { width: px2dp(20), height: px2dp(20), marginRight: px2dp(8) },
+                    props.iconStyle,
+                ], resizeMode: "contain", source: props.icon })),
+            React.createElement(View, { style: [styles.middle, props.middleContaierStyle] },
+                (() => {
+                    var _a;
+                    if (typeof props.title === "string" ||
+                        typeof props.title === "number") {
+                        return (React.createElement(Text, Object.assign({ numberOfLines: 1 }, props.titleOptions, { style: [styles.title, (_a = props.titleOptions) === null || _a === void 0 ? void 0 : _a.style] }), props.title));
+                    }
+                    if (React.isValidElement(props.title))
+                        return props.title;
+                    return React.createElement(View, { style: styles.title });
+                })(),
+                (() => {
+                    var _a;
+                    if (typeof props.content === "string" ||
+                        typeof props.content === "number") {
+                        return (React.createElement(Text, Object.assign({ numberOfLines: 1 }, props.contentOptions, { style: [styles.content, (_a = props.contentOptions) === null || _a === void 0 ? void 0 : _a.style] }), props.content));
+                    }
+                    if (React.isValidElement(props.content))
+                        return props.content;
+                    return undefined;
+                })()),
+            showNav &&
+                (props.nav || (React.createElement(Image, { style: {
+                        width: px2dp(9),
+                        height: px2dp(16),
+                        marginLeft: px2dp(8),
+                    }, source: require("./assets/back.png") }))))));
 };
 const styles = StyleSheet.create({
     container: {
@@ -77,17 +64,14 @@ const styles = StyleSheet.create({
         flexDirection: "row",
         alignItems: "center",
         justifyContent: "space-between",
-        // backgroundColor: 'cyan'
     },
     title: {
-        // backgroundColor: 'red',
         flexGrow: 0,
         flexShrink: 0,
         fontSize: px2sp(14),
         color: "#333333",
     },
     content: {
-        // backgroundColor: 'yellow',
         flexGrow: 1,
         flexShrink: 1,
         fontSize: px2sp(14),

package/dist/components/TextInputArea/TextInputArea.js

@@ -1,16 +1,20 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-24 13:56:47
- * @LastEditors: shiguo
- * @LastEditTime: 2022-09-09 10:59:38
- * @FilePath: /@aks-dev/easyui/lib/TextInputArea/TextInputArea.tsx
- */
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from "react";
 import { View, Text, TextInput, StyleSheet, } from "react-native";
 import { px2dp } from "../../screen/px2dp";
 import { px2sp } from "../../screen/px2sp";
 export default React.forwardRef((props, ref) => {
-    const { defaultValue, placeholder, maxLength = 200, on, ...rest } = props;
+    const { defaultValue, placeholder, maxLength = 200, on } = props, rest = __rest(props, ["defaultValue", "placeholder", "maxLength", "on"]);
     const [value, setValue] = React.useState(defaultValue);
     React.useLayoutEffect(() => {
         setValue(defaultValue);
@@ -18,30 +22,20 @@ export default React.forwardRef((props, ref) => {
     React.useImperativeHandle(ref, () => ({
         value: value,
     }), [value]);
-    return (<View style={[styles.container, rest.style]}>
-        <TextInput {...rest} style={[styles.textInput, rest.textInputStyle]} value={value} onChangeText={(txt) => {
-            setValue(txt);
-            on && on(txt);
-        }} multiline={true} textAlignVertical={"top"} maxLength={maxLength} placeholder={placeholder}/>
-
-        <View style={styles.corner}>
-          <Text style={styles.limit}>
-            <Text style={{
-            ...styles.limit,
-            color: value && value?.length > maxLength - 5 ? "red" : "#AFAFAF",
-        }}>
-              {value?.length || 0}
-            </Text>
-            /{maxLength}
-          </Text>
-        </View>
-      </View>);
+    return (React.createElement(View, { style: [styles.container, rest.style] },
+        React.createElement(TextInput, Object.assign({}, rest, { style: [styles.textInput, rest.textInputStyle], value: value, onChangeText: (txt) => {
+                setValue(txt);
+                on && on(txt);
+            }, multiline: true, textAlignVertical: "top", maxLength: maxLength, placeholder: placeholder })),
+        React.createElement(View, { style: styles.corner },
+            React.createElement(Text, { style: styles.limit },
+                React.createElement(Text, { style: Object.assign(Object.assign({}, styles.limit), { color: value && (value === null || value === void 0 ? void 0 : value.length) > maxLength - 5 ? "red" : "#AFAFAF" }) }, (value === null || value === void 0 ? void 0 : value.length) || 0),
+                "/",
+                maxLength))));
 });
 const styles = StyleSheet.create({
     container: {
-        // backgroundColor: '#F5F5F5',
         minHeight: px2dp(200),
-        // borderRadius: px2dp(10),
         backgroundColor: "white",
     },
     textInput: {
@@ -49,11 +43,8 @@ const styles = StyleSheet.create({
         margin: px2dp(15),
         marginBottom: px2dp(8),
         fontSize: px2sp(14),
-        // backgroundColor: 'red'
     },
     corner: {
-        // position: 'absolute',
-        // backgroundColor:'cyan',
         marginHorizontal: px2dp(15),
         marginBottom: px2dp(8),
     },

package/dist/components/WithLoadingContainer/WithLoadingContainer.js

@@ -1,10 +1,3 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-20 14:56:47
- * @LastEditors: shiguo
- * @LastEditTime: 2022-05-09 14:35:04
- * @FilePath: /@aks/easyui/lib/WithLoadingContainer/WithLoadingContainer.tsx
- */
 import React from "react";
 import { View, Image, Text, StyleSheet, TouchableOpacity, } from "react-native";
 const loading = require("./assets/loading.gif");
@@ -20,52 +13,42 @@ export var Status;
 })(Status || (Status = {}));
 export default (props) => {
     const { status = Status.NONE, renderFailComponent, renderEmptyComponent, renderNomoreComponent, reload, failText = "网络请求失败，点击重新加载~", emptyText = "暂无数据", nomoreText = "没有更多数据了～", } = props;
-    return (<View style={props.style}>
-      <>
-        {(() => {
+    return (React.createElement(View, { style: props.style },
+        React.createElement(React.Fragment, null, (() => {
             switch (status) {
                 case Status.NONE:
                     return undefined;
                 case Status.SUCCESS:
                     return props.children;
                 case Status.LOADING:
-                    return <Loading />;
+                    return React.createElement(Loading, null);
                 case Status.FAIL:
                     if (renderFailComponent)
                         return renderFailComponent();
-                    return (<TouchableOpacity disabled={!reload} onPress={reload} style={styles.container}>
-                  <Text style={styles.text}>{failText}</Text>
-                </TouchableOpacity>);
+                    return (React.createElement(TouchableOpacity, { disabled: !reload, onPress: reload, style: styles.container },
+                        React.createElement(Text, { style: styles.text }, failText)));
                 case Status.EMPTY:
                     if (renderEmptyComponent)
                         return renderEmptyComponent();
-                    return (<TouchableOpacity disabled={!reload} onPress={reload} style={styles.container}>
-                  <Text style={styles.text}>{emptyText}</Text>
-                </TouchableOpacity>);
+                    return (React.createElement(TouchableOpacity, { disabled: !reload, onPress: reload, style: styles.container },
+                        React.createElement(Text, { style: styles.text }, emptyText)));
                 case Status.NOMORE:
-                    return (<>
-                  {props.children}
-                  {renderNomoreComponent ? (renderNomoreComponent()) : (<Text style={styles.text}>{nomoreText}</Text>)}
-                </>);
+                    return (React.createElement(React.Fragment, null,
+                        props.children,
+                        renderNomoreComponent ? (renderNomoreComponent()) : (React.createElement(Text, { style: styles.text }, nomoreText))));
                 default:
-                    return (<Text style={[styles.text, { lineHeight: 44 }]}>
-                  (^_^)∠※ 送你一束小花
-                </Text>);
+                    return (React.createElement(Text, { style: [styles.text, { lineHeight: 44 }] }, "(^_^)\u2220\u203B \u9001\u4F60\u4E00\u675F\u5C0F\u82B1"));
             }
-        })()}
-      </>
-    </View>);
+        })())));
 };
 const Loading = () => {
-    return (<View style={styles.container}>
-      <Image source={loading3} style={{ width: 20, height: 20 }} resizeMode="contain"/>
-    </View>);
+    return (React.createElement(View, { style: styles.container },
+        React.createElement(Image, { source: loading3, style: { width: 20, height: 20 }, resizeMode: "contain" })));
 };
 const styles = StyleSheet.create({
     text: {
         color: "#999999",
         fontSize: 14,
-        // textAlign: 'center',
     },
     container: {
         display: "flex",

package/dist/index.js

@@ -1,11 +1,3 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-13 12:47:34
- * @LastEditors: shiguo
- * @LastEditTime: 2023-03-23 15:26:14
- * @FilePath: /@aks-dev/easyui/src/index.ts
- */
-/// 组件
 export * from "./components/Badge/Badge";
 export { Hud, showLoading, hideLoading, showToast, showAlertModal, showAlertBottomModal, showAlertSheetModal, showPopoverView, hidePopoverView, showScanner, hideScanner, } from "./components/Hud/Hud";
 export * from "./components/Modal/Modal";
@@ -21,10 +13,7 @@ export { default as RichText } from "./components/RichText/RichText";
 export { default as DottedLine } from "./components/DottedLine/DottedLine";
 export { default as MenuView } from "./components/MenuView/MenuView";
 export { AnimationModal } from "./components/AnimationModal/AnimationModal";
-/// 全局适配
 export * from "./screen";
-/// 工具
 import * as utils from "./utils";
-///  桥接
 import * as jsbridge from "./jsbridge";
 export { utils, jsbridge };

package/dist/jsbridge/RNEasyui.js

@@ -1,22 +1,6 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-19 10:23:01
- * @LastEditors: shiguo
- * @LastEditTime: 2023-03-10 14:05:17
- * @FilePath: /@aks-dev/easyui/jsbridge/RNEasyui.ts
- */
 import { Dimensions, NativeModules, Platform } from "react-native";
 const { RNEasyui } = NativeModules;
-/**
- * @description: 获取设备品牌
- * @return {*}
- */
 export const getDeviceBrand = () => RNEasyui.getDeviceBrand();
-/**
- * @deprecated 测量不准确，已放弃
- * @description: 获取status_bar_height
- * @return {*}
- */
 export const getStatusBarHeight = () => {
     if (Platform.OS == "android")
         return RNEasyui.getStatusBarHeight();
@@ -26,21 +10,12 @@ export const getStatusBarHeight = () => {
         return Promise.resolve(44);
     return Promise.resolve(20);
 };
-/**
- * @deprecated 测量不准确，已放弃
- * @description: 获取navigation_bar_height
- * @return {*}
- */
 export const getNavigationBarHeight = () => {
     if (Platform.OS == "android")
         return RNEasyui.getNavigationBarHeight();
     return Promise.resolve(44);
 };
-/**
- * only android
- * 返回桌面
- */
 export const gotoDesktop = () => {
     if (Platform.OS == "android")
-        RNEasyui?.gotoDesktop();
+        RNEasyui === null || RNEasyui === void 0 ? void 0 : RNEasyui.gotoDesktop();
 };

package/dist/jsbridge/UpgradeModule.js

@@ -1,30 +1,21 @@
-/*
- * @Author: shiguo
- * @Date: 2022-05-05 14:19:39
- * @LastEditors: shiguo
- * @LastEditTime: 2023-03-23 15:15:06
- * @FilePath: /@aks-dev/easyui/jsbridge/UpgradeModule.ts
- */
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { NativeModules, PermissionsAndroid, Platform } from "react-native";
 const { UpgradeModule } = NativeModules;
-/**
- * @description: 获取App版本号
- * @param {*}
- * @return {*}
- */
 export const getAppVersion = () => UpgradeModule.getAppVersion();
-/**
- * @description: 获取操作系统版本
- *
- react-native-device-info
- * @return {*}
- */
 export const getOSVersion = () => UpgradeModule.getOSVersion();
-export const upgrade = async (options) => {
+export const upgrade = (options) => __awaiter(void 0, void 0, void 0, function* () {
     const { title = "提示" } = options;
     if (Platform.OS == "android") {
         try {
-            const granted = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE, {
+            const granted = yield PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE, {
                 title: "提示",
                 message: "应用升级需要获取APP的写入权限",
                 buttonNeutral: "稍后再询问",
@@ -41,4 +32,4 @@ export const upgrade = async (options) => {
         }
     }
     return UpgradeModule.upgrade(options);
-};
+});

package/dist/jsbridge/index.js

@@ -1,9 +1,2 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-19 10:23:01
- * @LastEditors: shiguo
- * @LastEditTime: 2023-03-23 15:14:55
- * @FilePath: /@aks-dev/easyui/jsbridge/index.ts
- */
 export * from './RNEasyui';
 export * from './UpgradeModule';

package/dist/screen/index.js

@@ -1,10 +1,2 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-19 10:25:14
- * @LastEditors: shiguo
- * @LastEditTime: 2023-03-23 15:09:24
- * @FilePath: /@aks-dev/easyui/screen/index.ts
- */
-/// 全局适配
 export * from '../screen/px2dp';
 export * from '../screen/px2sp';

package/dist/screen/px2dp.js

@@ -1,31 +1,13 @@
-/*
- * @Author: shiguo
- * @Date: 2022-04-18 14:32:25
- * @LastEditors: shiguo
- * @LastEditTime: 2022-09-09 10:35:02
- * @FilePath: /@aks-dev/easyui/screen/px2dp.ts
- */
 import { Dimensions, Platform, StatusBar } from "react-native";
-/**设备宽度，单位 dp */
-export const deviceWidth = Dimensions.get("screen").width; //设备的宽度
-export const deviceHeight = Dimensions.get("screen").height; //设备的高度
+export const deviceWidth = Dimensions.get("screen").width;
+export const deviceHeight = Dimensions.get("screen").height;
 export const isAndroid = Platform.OS === "android";
 export const isIos = Platform.OS === "ios";
 export const isiPhoneX = isIos && deviceHeight > 736;
-/**
- * 375px/667px
- * */
 const uiWidthPx = 375;
-// const pixelRatio = PixelRatio.get()
-// const deviceWidthPx = PixelRatio.getPixelSizeForLayoutSize(deviceWidth);
 export const px2dp = (uiElePx) => {
     return Math.round((uiElePx * deviceWidth) / uiWidthPx);
 };
-/**
- * @description: 状态栏的高度
- * @param {*}
- * @return {*}
- */
 export const statusBarHeight = (() => {
     if (isAndroid)
         return StatusBar.currentHeight || 24;
@@ -33,11 +15,6 @@ export const statusBarHeight = (() => {
         return 44;
     return 20;
 })();
-/**
- * @description: 顶部导航条的高度,高度不包含statusBarHeight
- * @param {*}
- * @return {*}
- */
 export const navigationBarHeight = (() => {
     if (isAndroid)
         return 56;

package/dist/screen/px2sp.js

@@ -1,73 +1,43 @@
-/*
- * @Author: shiguo
- * @Date: 2021-04-27 10:40:36
- * @LastEditors: shiguo
- * @LastEditTime: 2022-10-28 17:14:14
- * @FilePath: /@aks-dev/easyui/screen/px2sp.ts
- */
 import { Dimensions, PixelRatio } from 'react-native';
 const pixelRatio = PixelRatio.get();
-const width = Dimensions.get('window').width; //设备的宽度
-const height = Dimensions.get('window').height; //设备的高度
+const width = Dimensions.get('window').width;
+const height = Dimensions.get('window').height;
 export const px2sp = (size) => {
-    // console.log({
-    //     pixelRatio,
-    //     width,
-    //     height
-    // })
     if (pixelRatio === 2) {
-        // iphone 5s and older Androids
         if (width < 360) {
             return size * 0.95;
         }
-        // iphone 5
         if (height < 667) {
             return size;
-            // iphone 6-6s
         }
         else if (height >= 667 && height <= 735) {
             return size * 1.15;
         }
-        // older phablets
         return size * 1.25;
     }
     if (pixelRatio === 3) {
-        // catch Android font scaling on small machines
-        // where pixel ratio / font scale ratio => 3:3
         if (width <= 360) {
             return size;
         }
-        // Catch other weird android width sizings
         if (height < 667) {
             return size * 1.15;
-            // catch in-between size Androids and scale font up
-            // a tad but not too much
         }
         if (height >= 667 && height <= 735) {
             return size * 1.2;
         }
-        // catch larger devices
-        // ie iphone 6s plus / 7 plus / mi note 等等
         return size * 1.27;
     }
     if (pixelRatio === 3.5) {
-        // catch Android font scaling on small machines
-        // where pixel ratio / font scale ratio => 3:3
         if (width <= 360) {
             return size;
-            // Catch other smaller android height sizings
         }
         if (height < 667) {
-            return size * 1.15; //older:1.20
-            // catch in-between size Androids and scale font up
-            // a tad but not too much
+            return size * 1.15;
         }
         if (height >= 667 && height <= 735) {
-            return size * 1.20; //older:1.25
+            return size * 1.20;
         }
-        // catch larger phablet devices
-        return size * 1.25; //older:1.30
+        return size * 1.25;
     }
-    // if older device ie pixelRatio !== 2 || 3 || 3.5
     return size;
 };