@hxa-rn/react-native-gcanvas 6.0.24-beta.1 → 6.0.26

package/packages/gcanvas/src/bridge/weex.js

@@ -1,210 +1,210 @@
-import GLmethod from '../context/webgl/GLmethod';
-
-const isWeex = typeof WXEnvironment !== 'undefined';
-const isWeexIOS = isWeex && /ios/i.test(WXEnvironment.platform);
-const isWeexAndroid = isWeex && !isWeexIOS;
-
-const GCanvasModule =
-    typeof weex !== 'undefined' && weex.requireModule ? weex.requireModule('gcanvas') :
-      typeof __weex_require__ !== 'undefined' ? __weex_require__('@weex-module/gcanvas') : {};
-
-let isDebugging = false;
-
-let isComboDisabled = false;
-
-const logCommand = (function() {
-  const methodQuery = [];
-  Object.keys(GLmethod).forEach(key => {
-    methodQuery[GLmethod[key]] = key;
-  });
-  const queryMethod = (id) => {
-    return methodQuery[parseInt(id)] || 'NotFoundMethod';
-  };
-  const logCommand = (id, cmds) => {
-    const mId = cmds.split(',')[0];
-    const mName = queryMethod(mId);
-    console.log(`=== callNative - componentId:${id}; method: ${mName}; cmds: ${cmds}`);
-  };
-  return logCommand;
-})();
-
-function joinArray(arr, sep) {
-  let res = '';
-  for (let i = 0; i < arr.length; i++) {
-    if (i !== 0) {
-      res += sep;
-    }
-    res += arr[i];
-  }
-  return res;
-}
-
-const commandsCache = {};
-
-const GBridge = {
-
-  callEnable: (ref, configArray) => {
-    commandsCache[ref] = [];
-
-    return GCanvasModule.enable({
-      componentId: ref,
-      config: configArray
-    });
-  },
-
-  callEnableDebug: () => {
-    isDebugging = true;
-  },
-
-  callEnableDisableCombo: () => {
-    isComboDisabled = true;
-  },
-
-  callSetContextType: function(componentId, context_type) {
-    GCanvasModule.setContextType(context_type, componentId);
-  },
-
-  callReset: function(componentId) {
-    GCanvasModule.resetComponent && GCanvasModule.resetComponent(componentId);
-  },
-
-  render: isWeexIOS ? function(componentId) {
-    return GCanvasModule.extendCallNative({
-      contextId: componentId,
-      type: 0x60000001
-    });
-  } : function(componentId) {
-    return callGCanvasLinkNative(componentId, 0x60000001, 'render');
-  },
-
-  render2d: isWeexIOS ? function(componentId, commands) {
-    if (isDebugging) {
-      console.log('>>> >>> render2d ===');
-      console.log('>>> commands: ' + commands);
-    }
-
-    GCanvasModule.render(commands, componentId);
-  } : function(componentId, commands) {
-    if (isDebugging) {
-      console.log('>>> >>> render2d ===');
-      console.log('>>> commands: ' + commands);
-    }
-
-    callGCanvasLinkNative(componentId, 0x20000001, commands);
-  },
-
-  callExtendCallNative: isWeexIOS ? function(componentId, cmdArgs) {
-    throw 'should not be here anymore ' + cmdArgs;
-  } : function(componentId, cmdArgs) {
-    throw 'should not be here anymore ' + cmdArgs;
-  },
-
-
-  flushNative: isWeexIOS ? function(componentId) {
-    const cmdArgs = joinArray(commandsCache[componentId], ';');
-    commandsCache[componentId] = [];
-
-    if (isDebugging) {
-      console.log('>>> >>> flush native ===');
-      console.log('>>> commands: ' + cmdArgs);
-    }
-
-    const result = GCanvasModule.extendCallNative({
-      'contextId': componentId,
-      'type': 0x60000000,
-      'args': cmdArgs
-    });
-
-    const res = result && result.result;
-
-    if (isDebugging) {
-      console.log('>>> result: ' + res);
-    }
-
-    return res;
-  } : function(componentId) {
-    const cmdArgs = joinArray(commandsCache[componentId], ';');
-    commandsCache[componentId] = [];
-
-    if (isDebugging) {
-      console.log('>>> >>> flush native ===');
-      console.log('>>> commands: ' + cmdArgs);
-    }
-
-    const result = callGCanvasLinkNative(componentId, 0x60000000, cmdArgs);
-
-    if (isDebugging) {
-      console.log('>>> result: ' + result);
-    }
-
-    return result;
-  },
-
-  callNative: function(componentId, cmdArgs, cache) {
-    if (isDebugging) {
-      logCommand(componentId, cmdArgs);
-    }
-
-    commandsCache[componentId].push(cmdArgs);
-
-    if (!cache || isComboDisabled) {
-      return GBridge.flushNative(componentId);
-    } else {
-      return undefined;
-    }
-  },
-
-  texImage2D(componentId, ...args) {
-    if (isWeexIOS) {
-      if (args.length === 6) {
-        const [target, level, internalformat, format, type, image] = args;
-        GBridge.callNative(
-          componentId,
-          GLmethod.texImage2D + ',' + 6 + ',' + target + ',' + level + ',' + internalformat + ',' + format + ',' + type + ',' + image.src
-        );
-      } else if (args.length === 9) {
-        const [target, level, internalformat, width, height, border, format, type, image] = args;
-        GBridge.callNative(
-          componentId,
-          GLmethod.texImage2D + ',' + 9 + ',' + target + ',' + level + ',' + internalformat + ',' + width + ',' + height + ',' + border + ',' +
-                    + format + ',' + type + ',' + (image ? image.src : 0)
-        );
-      }
-    } else if (isWeexAndroid) {
-      if (args.length === 6) {
-        const [target, level, internalformat, format, type, image] = args;
-        GCanvasModule.texImage2D(componentId, target, level, internalformat, format, type, image.src);
-      } else if (args.length === 9) {
-        const [target, level, internalformat, width, height, border, format, type, image] = args;
-        GCanvasModule.texImage2D(componentId, target, level, internalformat, width, height, border, format, type, image ? image.src : 0);
-      }
-    }
-  },
-
-  texSubImage2D(componentId, target, level, xoffset, yoffset, format, type, image) {
-    if (isWeexIOS) {
-      if (arguments.length === 8) {
-        GBridge.callNative(
-          componentId,
-          GLmethod.texSubImage2D + ',' + 6 + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset, + ',' + format + ',' + type + ',' + image.src
-        );
-      }
-    } else if (isWeexAndroid) {
-      GCanvasModule.texSubImage2D(componentId, target, level, xoffset, yoffset, format, type, image.src);
-    }
-  },
-
-  bindImageTexture(componentId, src, imageId) {
-    GCanvasModule.bindImageTexture([src, imageId], componentId);
-  },
-
-  preloadImage([url, id], callback) {
-    GCanvasModule.preLoadImage([url, id], function(image) {
-      image.url = url;
-      image.id = id;
-      callback(image);
-    });
-  }
-};
-
-export default GBridge;
+import GLmethod from '../context/webgl/GLmethod';
+
+const isWeex = typeof WXEnvironment !== 'undefined';
+const isWeexIOS = isWeex && /ios/i.test(WXEnvironment.platform);
+const isWeexAndroid = isWeex && !isWeexIOS;
+
+const GCanvasModule =
+    typeof weex !== 'undefined' && weex.requireModule ? weex.requireModule('gcanvas') :
+      typeof __weex_require__ !== 'undefined' ? __weex_require__('@weex-module/gcanvas') : {};
+
+let isDebugging = false;
+
+let isComboDisabled = false;
+
+const logCommand = (function() {
+  const methodQuery = [];
+  Object.keys(GLmethod).forEach(key => {
+    methodQuery[GLmethod[key]] = key;
+  });
+  const queryMethod = (id) => {
+    return methodQuery[parseInt(id)] || 'NotFoundMethod';
+  };
+  const logCommand = (id, cmds) => {
+    const mId = cmds.split(',')[0];
+    const mName = queryMethod(mId);
+    console.log(`=== callNative - componentId:${id}; method: ${mName}; cmds: ${cmds}`);
+  };
+  return logCommand;
+})();
+
+function joinArray(arr, sep) {
+  let res = '';
+  for (let i = 0; i < arr.length; i++) {
+    if (i !== 0) {
+      res += sep;
+    }
+    res += arr[i];
+  }
+  return res;
+}
+
+const commandsCache = {};
+
+const GBridge = {
+
+  callEnable: (ref, configArray) => {
+    commandsCache[ref] = [];
+
+    return GCanvasModule.enable({
+      componentId: ref,
+      config: configArray
+    });
+  },
+
+  callEnableDebug: () => {
+    isDebugging = true;
+  },
+
+  callEnableDisableCombo: () => {
+    isComboDisabled = true;
+  },
+
+  callSetContextType: function(componentId, context_type) {
+    GCanvasModule.setContextType(context_type, componentId);
+  },
+
+  callReset: function(componentId) {
+    GCanvasModule.resetComponent && GCanvasModule.resetComponent(componentId);
+  },
+
+  render: isWeexIOS ? function(componentId) {
+    return GCanvasModule.extendCallNative({
+      contextId: componentId,
+      type: 0x60000001
+    });
+  } : function(componentId) {
+    return callGCanvasLinkNative(componentId, 0x60000001, 'render');
+  },
+
+  render2d: isWeexIOS ? function(componentId, commands) {
+    if (isDebugging) {
+      console.log('>>> >>> render2d ===');
+      console.log('>>> commands: ' + commands);
+    }
+
+    GCanvasModule.render(commands, componentId);
+  } : function(componentId, commands) {
+    if (isDebugging) {
+      console.log('>>> >>> render2d ===');
+      console.log('>>> commands: ' + commands);
+    }
+
+    callGCanvasLinkNative(componentId, 0x20000001, commands);
+  },
+
+  callExtendCallNative: isWeexIOS ? function(componentId, cmdArgs) {
+    throw 'should not be here anymore ' + cmdArgs;
+  } : function(componentId, cmdArgs) {
+    throw 'should not be here anymore ' + cmdArgs;
+  },
+
+
+  flushNative: isWeexIOS ? function(componentId) {
+    const cmdArgs = joinArray(commandsCache[componentId], ';');
+    commandsCache[componentId] = [];
+
+    if (isDebugging) {
+      console.log('>>> >>> flush native ===');
+      console.log('>>> commands: ' + cmdArgs);
+    }
+
+    const result = GCanvasModule.extendCallNative({
+      'contextId': componentId,
+      'type': 0x60000000,
+      'args': cmdArgs
+    });
+
+    const res = result && result.result;
+
+    if (isDebugging) {
+      console.log('>>> result: ' + res);
+    }
+
+    return res;
+  } : function(componentId) {
+    const cmdArgs = joinArray(commandsCache[componentId], ';');
+    commandsCache[componentId] = [];
+
+    if (isDebugging) {
+      console.log('>>> >>> flush native ===');
+      console.log('>>> commands: ' + cmdArgs);
+    }
+
+    const result = callGCanvasLinkNative(componentId, 0x60000000, cmdArgs);
+
+    if (isDebugging) {
+      console.log('>>> result: ' + result);
+    }
+
+    return result;
+  },
+
+  callNative: function(componentId, cmdArgs, cache) {
+    if (isDebugging) {
+      logCommand(componentId, cmdArgs);
+    }
+
+    commandsCache[componentId].push(cmdArgs);
+
+    if (!cache || isComboDisabled) {
+      return GBridge.flushNative(componentId);
+    } else {
+      return undefined;
+    }
+  },
+
+  texImage2D(componentId, ...args) {
+    if (isWeexIOS) {
+      if (args.length === 6) {
+        const [target, level, internalformat, format, type, image] = args;
+        GBridge.callNative(
+          componentId,
+          GLmethod.texImage2D + ',' + 6 + ',' + target + ',' + level + ',' + internalformat + ',' + format + ',' + type + ',' + image.src
+        );
+      } else if (args.length === 9) {
+        const [target, level, internalformat, width, height, border, format, type, image] = args;
+        GBridge.callNative(
+          componentId,
+          GLmethod.texImage2D + ',' + 9 + ',' + target + ',' + level + ',' + internalformat + ',' + width + ',' + height + ',' + border + ',' +
+                    + format + ',' + type + ',' + (image ? image.src : 0)
+        );
+      }
+    } else if (isWeexAndroid) {
+      if (args.length === 6) {
+        const [target, level, internalformat, format, type, image] = args;
+        GCanvasModule.texImage2D(componentId, target, level, internalformat, format, type, image.src);
+      } else if (args.length === 9) {
+        const [target, level, internalformat, width, height, border, format, type, image] = args;
+        GCanvasModule.texImage2D(componentId, target, level, internalformat, width, height, border, format, type, image ? image.src : 0);
+      }
+    }
+  },
+
+  texSubImage2D(componentId, target, level, xoffset, yoffset, format, type, image) {
+    if (isWeexIOS) {
+      if (arguments.length === 8) {
+        GBridge.callNative(
+          componentId,
+          GLmethod.texSubImage2D + ',' + 6 + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset, + ',' + format + ',' + type + ',' + image.src
+        );
+      }
+    } else if (isWeexAndroid) {
+      GCanvasModule.texSubImage2D(componentId, target, level, xoffset, yoffset, format, type, image.src);
+    }
+  },
+
+  bindImageTexture(componentId, src, imageId) {
+    GCanvasModule.bindImageTexture([src, imageId], componentId);
+  },
+
+  preloadImage([url, id], callback) {
+    GCanvasModule.preLoadImage([url, id], function(image) {
+      image.url = url;
+      image.id = id;
+      callback(image);
+    });
+  }
+};
+
+export default GBridge;

package/packages/gcanvas/src/context/2d/FillStyleLinearGradient.js

@@ -1,17 +1,17 @@
-class FillStyleLinearGradient {
-  constructor(x0, y0, x1, y1) {
-    this._start_pos = { _x: x0, _y: y0 };
-    this._end_pos = { _x: x1, _y: y1 };
-    this._stop_count = 0;
-    this._stops = [0, 0, 0, 0, 0];
-  }
-
-  addColorStop(pos, color) {
-    if (this._stop_count < 5 && 0.0 <= pos && pos <= 1.0) {
-      this._stops[this._stop_count] = { _pos: pos, _color: color };
-      this._stop_count++;
-    }
-  }
-}
-
+class FillStyleLinearGradient {
+  constructor(x0, y0, x1, y1) {
+    this._start_pos = { _x: x0, _y: y0 };
+    this._end_pos = { _x: x1, _y: y1 };
+    this._stop_count = 0;
+    this._stops = [0, 0, 0, 0, 0];
+  }
+
+  addColorStop(pos, color) {
+    if (this._stop_count < 5 && 0.0 <= pos && pos <= 1.0) {
+      this._stops[this._stop_count] = { _pos: pos, _color: color };
+      this._stop_count++;
+    }
+  }
+}
+
 export default FillStyleLinearGradient;

package/packages/gcanvas/src/context/2d/FillStylePattern.js

@@ -1,8 +1,8 @@
-class FillStylePattern {
-  constructor(img, pattern) {
-    this._style = pattern;
-    this._img = img;
-  }
-}
-
+class FillStylePattern {
+  constructor(img, pattern) {
+    this._style = pattern;
+    this._img = img;
+  }
+}
+
 export default FillStylePattern;

package/packages/gcanvas/src/context/2d/FillStyleRadialGradient.js

@@ -1,17 +1,17 @@
-class FillStyleRadialGradient {
-  constructor(x0, y0, r0, x1, y1, r1) {
-    this._start_pos = { _x: x0, _y: y0, _r: r0 };
-    this._end_pos = { _x: x1, _y: y1, _r: r1 };
-    this._stop_count = 0;
-    this._stops = [0, 0, 0, 0, 0];
-  }
-
-  addColorStop(pos, color) {
-    if (this._stop_count < 5 && 0.0 <= pos && pos <= 1.0) {
-      this._stops[this._stop_count] = { _pos: pos, _color: color };
-      this._stop_count++;
-    }
-  }
-}
-
+class FillStyleRadialGradient {
+  constructor(x0, y0, r0, x1, y1, r1) {
+    this._start_pos = { _x: x0, _y: y0, _r: r0 };
+    this._end_pos = { _x: x1, _y: y1, _r: r1 };
+    this._stop_count = 0;
+    this._stops = [0, 0, 0, 0, 0];
+  }
+
+  addColorStop(pos, color) {
+    if (this._stop_count < 5 && 0.0 <= pos && pos <= 1.0) {
+      this._stops[this._stop_count] = { _pos: pos, _color: color };
+      this._stop_count++;
+    }
+  }
+}
+
 export default FillStyleRadialGradient;

package/packages/gcanvas/src/context/2d/OffScreenRenderingContext.js

@@ -1,49 +1,49 @@
-import GImage from '../env/image';
-import GContext2D from './RenderingContext';
-
-
-export default class GOffScreenContext2D extends GContext2D {
-  constructor() {
-    super();
-    this.className = 'OffScreenCanvasRenderingContext2D';
-    this.images = [];
-  }
-
-  drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) {
-    const numArgs = arguments.length;
-    function drawImageCommands() {
-      if (numArgs === 3) {
-        const x = parseFloat(sx) || 0.0;
-        const y = parseFloat(sy) || 0.0;
-
-        return 'd' + image._id + ',0,0,'
-                    + image.width + ',' + image.height + ','
-                    + x + ',' + y + ',' + image.width + ',' + image.height + ';';
-      } else if (numArgs === 5) {
-        const x = parseFloat(sx) || 0.0;
-        const y = parseFloat(sy) || 0.0;
-        const width = parseInt(sw) || image.width;
-        const height = parseInt(sh) || image.height;
-
-        return 'd' + image._id + ',0,0,'
-                    + image.width + ',' + image.height + ','
-                    + x + ',' + y + ',' + width + ',' + height + ';';
-      } else if (numArgs === 9) {
-        sx = parseFloat(sx) || 0.0;
-        sy = parseFloat(sy) || 0.0;
-        sw = parseInt(sw) || image.width;
-        sh = parseInt(sh) || image.height;
-        dx = parseFloat(dx) || 0.0;
-        dy = parseFloat(dy) || 0.0;
-        dw = parseInt(dw) || image.width;
-        dh = parseInt(dh) || image.height;
-
-        return 'd' + image._id + ','
-                    + sx + ',' + sy + ',' + sw + ',' + sh + ','
-                    + dx + ',' + dy + ',' + dw + ',' + dh + ';';
-      }
-    }
-    this.images.push(image);
-    this._drawCommands += drawImageCommands();
-  }
+import GImage from '../env/image';
+import GContext2D from './RenderingContext';
+
+
+export default class GOffScreenContext2D extends GContext2D {
+  constructor() {
+    super();
+    this.className = 'OffScreenCanvasRenderingContext2D';
+    this.images = [];
+  }
+
+  drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) {
+    const numArgs = arguments.length;
+    function drawImageCommands() {
+      if (numArgs === 3) {
+        const x = parseFloat(sx) || 0.0;
+        const y = parseFloat(sy) || 0.0;
+
+        return 'd' + image._id + ',0,0,'
+                    + image.width + ',' + image.height + ','
+                    + x + ',' + y + ',' + image.width + ',' + image.height + ';';
+      } else if (numArgs === 5) {
+        const x = parseFloat(sx) || 0.0;
+        const y = parseFloat(sy) || 0.0;
+        const width = parseInt(sw) || image.width;
+        const height = parseInt(sh) || image.height;
+
+        return 'd' + image._id + ',0,0,'
+                    + image.width + ',' + image.height + ','
+                    + x + ',' + y + ',' + width + ',' + height + ';';
+      } else if (numArgs === 9) {
+        sx = parseFloat(sx) || 0.0;
+        sy = parseFloat(sy) || 0.0;
+        sw = parseInt(sw) || image.width;
+        sh = parseInt(sh) || image.height;
+        dx = parseFloat(dx) || 0.0;
+        dy = parseFloat(dy) || 0.0;
+        dw = parseInt(dw) || image.width;
+        dh = parseInt(dh) || image.height;
+
+        return 'd' + image._id + ','
+                    + sx + ',' + sy + ',' + sw + ',' + sh + ','
+                    + dx + ',' + dy + ',' + dw + ',' + dh + ';';
+      }
+    }
+    this.images.push(image);
+    this._drawCommands += drawImageCommands();
+  }
 }