fix: 修复不兼容 Android 6.0 的问题

close #1522

Author: yesmeck

packages/remax-framework-shared/src/RuntimeOptions.ts

@@ -37,9 +37,9 @@ function merge(...options: Array<Partial<RuntimeOptions>>) {
       acc.hostComponents[k] = acc.hostComponents[k] ?? {};
       acc.hostComponents[k].additional = inputHostComponent?.additional ?? acc.hostComponents[k].additional;
       acc.hostComponents[k].alias = Object.assign(acc.hostComponents[k].alias ?? {}, inputHostComponent?.alias ?? {});
-      acc.hostComponents[k].props = Array.from(
-        new Set([...(acc.hostComponents[k].props ?? []), ...(inputHostComponent?.props ?? [])])
-      );
+      acc.hostComponents[k].props = [
+        ...new Set([...(acc.hostComponents[k].props ?? []), ...(inputHostComponent?.props ?? [])]),
+      ];
     });
 
     acc.pluginDriver = option.pluginDriver ?? acc.pluginDriver;

packages/remax-framework-shared/src/index.ts

@@ -11,3 +11,4 @@ export * from './lifecycle';
 export * from './hooks';
 export * from './formatDisplayName';
 export * from './promisify';
+export * from './shim';

packages/remax-framework-shared/src/shim.ts

@@ -0,0 +1,18 @@
+export function find<P>(list: P[], predicate: (value: P, i: number, list: P[]) => boolean) {
+  for (let i = 0; i < list.length; i++) {
+    const value = list[i];
+    if (predicate(value, i, list)) {
+      return value;
+    }
+  }
+}
+
+export function includes<P>(list: P[], searchElement: any) {
+  for (let i = 0; i < list.length; i++) {
+    const value = list[i];
+    if (value === searchElement) {
+      return true;
+    }
+  }
+  return false;
+}

packages/remax-runtime/src/SyntheticEvent/createCallbackProxy.ts

@@ -1,3 +1,4 @@
+import { find } from '@remax/framework-shared';
 import stopPropagation, { validate as validatePropagation, isPropagationStopped } from './stopPropagation';
 import { SYNTHETIC_TYPES, DEPRECATED_CATCH_TYPE } from './constants';
 import VNode from '../VNode';
@@ -9,7 +10,7 @@ function isSyntheticType(inputType: string) {
     );
   }
 
-  return !!SYNTHETIC_TYPES.find(type => type === inputType);
+  return !!find(SYNTHETIC_TYPES, type => type === inputType);
 }
 
 function createBaseSyntheticEvent(node: VNode, eventType: string, nativeEvent: any) {

packages/remax-runtime/src/hostConfig/diffProperties.ts

@@ -1,3 +1,4 @@
+import { includes } from '@remax/framework-shared';
 const STYLE = ['style', 'placeholderStyle'];
 const CHILDREN = 'children';
 const CLASS_NAME = 'className';
@@ -26,7 +27,7 @@ export default function diffProperties(
     ) {
       continue;
     }
-    if (STYLE.includes(propKey)) {
+    if (includes(STYLE, propKey)) {
       const lastStyle = lastProps[propKey];
       for (styleName in lastStyle) {
         if (hasOwnProperty.call(lastStyle, styleName)) {
@@ -49,7 +50,7 @@ export default function diffProperties(
     if (!hasOwnProperty.call(nextProps, propKey) || nextProp === lastProp || (nextProp == null && lastProp == null)) {
       continue;
     }
-    if (STYLE.includes(propKey)) {
+    if (includes(STYLE, propKey)) {
       if (process.env.NODE_ENV === 'development') {
         if (nextProp) {
           // Freeze the next style object so that we can assume it won't be

packages/remax-runtime/src/utils/plainStyle/index.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
 import { isUnitlessNumber } from './CSSProperty';
-import { RuntimeOptions } from '@remax/framework-shared';
+import { find, RuntimeOptions } from '@remax/framework-shared';
 
 const vendorPrefixes = ['webkit', 'moz', 'ms', 'o'];
 
@@ -19,7 +19,7 @@ const transformReactStyleKey = (key: string) => {
     const firstWord = styleValue.split('-').filter(s => s)[0];
     styleValue = styleValue.replace(/^-/, '');
 
-    if (vendorPrefixes.find(prefix => prefix === firstWord)) {
+    if (find(vendorPrefixes, prefix => prefix === firstWord)) {
       styleValue = '-' + styleValue;
     }
   }