WrapX doesn't work When I use custom coordinate system BD09； about openlayers HOT 6 OPEN

import "ol/ol.css";
import Map from "ol/Map";
import View from "ol/View";
import Tile from "ol/layer/Tile";
import XYZ from "ol/source/XYZ";
import TileGrid from "ol/tilegrid/TileGrid";
import {
  Projection,
  addProjection,
  addCoordinateTransforms,
  transform
} from "ol/proj";
import projzh from "projzh";

var bd09Extent = [-20037726.37, -12474104.17, 20037726.37, 12474104.17];

var baiduMercator = new Projection({
  code: "baidu",
  extent: bd09Extent,
  units: "m",
});
addProjection(baiduMercator);
addCoordinateTransforms(
  "EPSG:4326",
  baiduMercator,
  projzh.ll2bmerc,
  projzh.bmerc2ll
);
addCoordinateTransforms(
  "EPSG:3857",
  baiduMercator,
  projzh.smerc2bmerc,
  projzh.bmerc2smerc
);

var baiduMercatorG = new Projection({
  code: "baiduG",
  extent: bd09Extent,
  units: "m",
  global: true,
});
addProjection(baiduMercatorG);
addCoordinateTransforms(
  "EPSG:4326",
  baiduMercatorG,
  projzh.ll2bmerc,
  projzh.bmerc2ll
);
addCoordinateTransforms(
  "EPSG:3857",
  baiduMercatorG,
  projzh.smerc2bmerc,
  projzh.bmerc2smerc
);

var bmercResolutions = new Array(19);
for (var i = 0; i < 19; ++i) {
  bmercResolutions[i] = Math.pow(2, 18 - i);
}

var urls = [0, 1, 2, 3].map(function(sub) {
  return (
    "http://maponline" +
    sub +
    ".bdimg.com/tile/?qt=vtile&x={x}&y={y}&z={z}&styles=pl&scaler=1&udt=20191119"
  );
});
var baiduSource = new XYZ({
  projection: baiduMercator,
  wrapX: true,
  url:
    "http://maponline{0-3}.bdimg.com/tile/?qt=vtile&x={x}&y={y}&z={z}&styles=pl&scaler=1&udt=20191119",
  tileGrid: new TileGrid({
    minZoom: 3,
    resolutions: bmercResolutions,
    origin: [0, 0],
    extent: bd09Extent
  })
});
var xyzTileUrlFunction = baiduSource.getTileUrlFunction();
var tmsTileUrlFunction = function([z, x, y]) {
  return xyzTileUrlFunction([z, x, -y - 1]);
};
baiduSource.setTileUrlFunction(tmsTileUrlFunction);
var baidu = new Tile({
  source: baiduSource
});
new Map({
  target: "map",
  layers: [baidu],
  view: new View({
    center: transform([121.51, 31.55], "EPSG:4326", "baidu"),
    zoom: 1,
    projection: baiduMercatorG
  })
});