kadou-game-sdk 1.0.0

package/dist/kadou-game-sdk.esm.js

@@ -0,0 +1,1752 @@
+var SDK_VERSION = '1.0.0';
+
+/**
+ * 卡兜游戏 SDK 通讯消息类型定义
+ * 用于 父页面（Vue壳） <-> 子iframe（游戏） 之间的 postMessage 通讯
+ */
+var MESSAGE_TYPES = {
+  // 基础系统
+  SDK_READY: 'SDK_READY',
+  HEARTBEAT_PING: 'HEARTBEAT_PING',
+  HEARTBEAT_PONG: 'HEARTBEAT_PONG',
+  ERROR_THROWN: 'ERROR_THROWN',
+  // 父 -> 子：游戏控制
+  GAME_LOAD: 'GAME_LOAD',
+  //加载游戏
+  GAME_START: 'GAME_START',
+  //游戏开始
+  GAME_PAUSE: 'GAME_PAUSE',
+  //游戏暂停
+  GAME_RESUME: 'GAME_RESUME',
+  //游戏恢复
+  GAME_RESTART: 'GAME_RESTART',
+  //重玩游戏
+  GAME_DESTROY: 'GAME_DESTROY',
+  //销毁游戏
+
+  // 子 -> 父：游戏状态
+  GAME_READY: 'GAME_READY',
+  //游戏准备完成
+  GAME_LOADED: 'GAME_LOADED',
+  //游戏加载完成
+  GAME_LOADING: 'GAME_LOADING',
+  //游戏加载进度
+  GAME_FINISH: 'GAME_FINISH',
+  //游戏结束
+  GAME_RANK: 'GAME_RANK',
+  //游戏排行榜
+
+  // 配置 / 主题
+  THEME_UPDATE: 'THEME_UPDATE',
+  //更新主题
+  CONFIG_UPDATE: 'CONFIG_UPDATE',
+  //配置更新
+
+  // 题目 / 答题
+  QUESTION_SUBMIT: 'QUESTION_SUBMIT',
+  //单题提交
+  QUESTION_PREV: 'QUESTION_PREV',
+  //上一题
+  QUESTION_NEXT: 'QUESTION_NEXT',
+  //下一题
+  ANSWER_START: 'ANSWER_START',
+  //开始答题
+  ANSWER_COMPLETED: 'ANSWER_COMPLETED',
+  //答题完成
+
+  // 音频
+  AUDIO_VOLUME_CHANGE: 'AUDIO_VOLUME_CHANGE',
+  //调节音量包括 音效背景音
+
+  //UI页面
+  PAGE_START_SHOW: 'PAGE_START_SHOW',
+  //显示开始画面
+  PAGE_END_SHOW: 'PAGE_END_SHOW',
+  //显示结束画面
+
+  EXTENSION_EVENT: 'EXTENSION_EVENT',
+  //扩展消息类型
+
+  /**
+   * 异常消息
+   */
+  ERROR: 'ERROR'
+};
+
+function isFunction(fn) {
+  return typeof fn === 'function';
+}
+function isObject(val) {
+  return Object.prototype.toString.call(val) === '[object Object]';
+}
+function createRequestId(prefix) {
+  prefix = prefix || 'msg';
+  return prefix + '_' + new Date().getTime() + '_' + Math.random().toString(16).slice(2, 10);
+}
+
+function EventEmitter() {
+  this.events = {};
+}
+EventEmitter.prototype.on = function (eventName, handler) {
+  if (!eventName || !isFunction(handler)) return this;
+  if (!this.events[eventName]) {
+    this.events[eventName] = [];
+  }
+  this.events[eventName].push(handler);
+  return this;
+};
+EventEmitter.prototype.once = function (eventName, handler) {
+  var self = this;
+  if (!eventName || !isFunction(handler)) return this;
+  function wrapper() {
+    self.off(eventName, wrapper);
+    handler.apply(null, arguments);
+  }
+  wrapper.__original__ = handler;
+  this.on(eventName, wrapper);
+  return this;
+};
+EventEmitter.prototype.off = function (eventName, handler) {
+  var handlers;
+  var result;
+  var i;
+  var fn;
+  if (!eventName) {
+    this.events = {};
+    return this;
+  }
+  handlers = this.events[eventName];
+  if (!handlers || !handlers.length) return this;
+  if (!handler) {
+    delete this.events[eventName];
+    return this;
+  }
+  result = [];
+  for (i = 0; i < handlers.length; i++) {
+    fn = handlers[i];
+    if (fn !== handler && fn.__original__ !== handler) {
+      result.push(fn);
+    }
+  }
+  if (result.length) {
+    this.events[eventName] = result;
+  } else {
+    delete this.events[eventName];
+  }
+  return this;
+};
+EventEmitter.prototype.emit = function (eventName) {
+  var handlers = this.events[eventName];
+  var args;
+  var i;
+  if (!handlers || !handlers.length) return this;
+  args = Array.prototype.slice.call(arguments, 1);
+  handlers = handlers.slice();
+  for (i = 0; i < handlers.length; i++) {
+    try {
+      handlers[i].apply(null, args);
+    } catch (error) {
+      if (typeof console !== 'undefined' && console.error) {
+        console.error('[EventEmitter] "' + eventName + '" handler error:', error);
+      }
+    }
+  }
+  return this;
+};
+
+var DEFAULT_SOURCE = 'KADOU_GAME_SDK';
+function PostMessageChannel(options) {
+  options = options || {};
+  this.selfWindow = options.selfWindow || window;
+  this.targetWindow = options.targetWindow || null;
+  this.targetOrigin = options.targetOrigin || '*';
+  this.source = options.source || DEFAULT_SOURCE;
+  this.debug = !!options.debug;
+}
+PostMessageChannel.prototype.setTargetWindow = function (targetWindow) {
+  this.targetWindow = targetWindow;
+  return this;
+};
+PostMessageChannel.prototype.setTargetOrigin = function (targetOrigin) {
+  this.targetOrigin = targetOrigin || '*';
+  return this;
+};
+PostMessageChannel.prototype.createMessage = function (type, payload, meta) {
+  payload = payload || {};
+  meta = meta || {};
+  return {
+    source: this.source,
+    version: SDK_VERSION,
+    type: type,
+    requestId: createRequestId(),
+    timestamp: new Date().getTime(),
+    payload: isObject(payload) ? payload : {
+      value: payload
+    },
+    meta: isObject(meta) ? meta : {}
+  };
+};
+PostMessageChannel.prototype.send = function (type, payload, meta) {
+  var message;
+  if (!this.targetWindow || !this.targetWindow.postMessage) {
+    if (this.debug && typeof console !== 'undefined' && console.warn) {
+      console.warn('[PostMessageChannel] targetWindow 不存在，消息发送失败:', type);
+    }
+    return null;
+  }
+  message = this.createMessage(type, payload, meta);
+  this.targetWindow.postMessage(message, this.targetOrigin);
+  if (this.debug && typeof console !== 'undefined' && console.log) {
+    console.log('[PostMessageChannel] send =>', message);
+  }
+  return message;
+};
+PostMessageChannel.prototype.isValidMessage = function (data) {
+  return !!(data && typeof data === 'object' && data.source === this.source && typeof data.type === 'string');
+};
+
+function MessageBus(options) {
+  options = options || {};
+  EventEmitter.call(this);
+  this.channel = new PostMessageChannel(options);
+  this.selfWindow = options.selfWindow || window;
+  this.allowedOrigins = options.allowedOrigins || ['*'];
+  this.debug = !!options.debug;
+  this._boundOnMessage = this._onMessage.bind(this);
+  this._listening = false;
+}
+MessageBus.prototype = Object.create(EventEmitter.prototype);
+MessageBus.prototype.constructor = MessageBus;
+MessageBus.prototype.start = function () {
+  if (this._listening) return this;
+  this.selfWindow.addEventListener('message', this._boundOnMessage, false);
+  this._listening = true;
+  if (this.debug && typeof console !== 'undefined' && console.log) {
+    console.log('[MessageBus] started');
+  }
+  return this;
+};
+MessageBus.prototype.stop = function () {
+  if (!this._listening) return this;
+  this.selfWindow.removeEventListener('message', this._boundOnMessage, false);
+  this._listening = false;
+  if (this.debug && typeof console !== 'undefined' && console.log) {
+    console.log('[MessageBus] stopped');
+  }
+  return this;
+};
+MessageBus.prototype.destroy = function () {
+  this.stop();
+  this.off();
+  return this;
+};
+MessageBus.prototype.setTargetWindow = function (targetWindow) {
+  this.channel.setTargetWindow(targetWindow);
+  return this;
+};
+MessageBus.prototype.setTargetOrigin = function (targetOrigin) {
+  this.channel.setTargetOrigin(targetOrigin);
+  return this;
+};
+MessageBus.prototype.send = function (type, payload, meta) {
+  return this.channel.send(type, payload, meta);
+};
+MessageBus.prototype._matchOrigin = function (origin) {
+  var i;
+  if (!this.allowedOrigins || !this.allowedOrigins.length) return true;
+  if (this.allowedOrigins[0] === '*' || this.allowedOrigins.indexOf('*') > -1) return true;
+  for (i = 0; i < this.allowedOrigins.length; i++) {
+    if (this.allowedOrigins[i] === origin) {
+      return true;
+    }
+  }
+  return false;
+};
+MessageBus.prototype._onMessage = function (event) {
+  var data = event.data;
+  var origin = event.origin;
+  var source = event.source;
+  var context;
+  if (!this._matchOrigin(origin)) {
+    if (this.debug && typeof console !== 'undefined' && console.warn) {
+      console.warn('[MessageBus] origin 不匹配，已忽略:', origin);
+    }
+    return;
+  }
+  if (!this.channel.isValidMessage(data)) return;
+  if (this.debug && typeof console !== 'undefined' && console.log) {
+    console.log('[MessageBus] receive <=', data);
+  }
+  context = {
+    rawEvent: event,
+    origin: origin,
+    sourceWindow: source
+  };
+  this.emit('*', data, context);
+  this.emit(data.type, data.payload, data, context);
+};
+
+function BasePage() {
+  this.el = null;
+  this.events = [];
+}
+
+/**
+ * 绑定事件，并记录下来，destroy 时统一卸载
+ */
+BasePage.prototype.bindEvent = function (el, type, handler, options) {
+  if (!el || !type || !handler) return;
+  el.addEventListener(type, handler, options || false);
+  this.events.push({
+    el: el,
+    type: type,
+    handler: handler,
+    options: options || false
+  });
+};
+
+/**
+ * 解绑全部事件
+ */
+BasePage.prototype.unbindEvents = function () {
+  var i;
+  var item;
+  for (i = 0; i < this.events.length; i++) {
+    item = this.events[i];
+    if (item && item.el) {
+      item.el.removeEventListener(item.type, item.handler, item.options);
+    }
+  }
+  this.events = [];
+};
+
+/**
+ * 销毁页面
+ */
+BasePage.prototype.destroy = function () {
+  this.unbindEvents();
+  if (this.el && this.el.parentNode) {
+    this.el.parentNode.removeChild(this.el);
+  }
+  this.el = null;
+};
+
+/**
+ * 是否已渲染
+ */
+BasePage.prototype.isRendered = function () {
+  return !!this.el;
+};
+
+function isPlainObject(obj) {
+  return Object.prototype.toString.call(obj) === '[object Object]';
+}
+function mergeStyles(base, extra) {
+  var result = {};
+  var key;
+  base = isPlainObject(base) ? base : {};
+  extra = isPlainObject(extra) ? extra : {};
+  for (key in base) {
+    if (Object.prototype.hasOwnProperty.call(base, key)) {
+      result[key] = base[key];
+    }
+  }
+  for (key in extra) {
+    if (Object.prototype.hasOwnProperty.call(extra, key)) {
+      result[key] = extra[key];
+    }
+  }
+  return result;
+}
+function normalizeStyleValue(key, value) {
+  if (value == null) return '';
+  if (key === 'backgroundImage' && value) {
+    if (typeof value === 'string' && value.indexOf('url(') !== 0 && value !== 'none') {
+      return 'url("' + value + '")';
+    }
+  }
+  return String(value);
+}
+function applyStyles(el, styles) {
+  var key;
+  if (!el || !styles) return;
+  for (key in styles) {
+    if (Object.prototype.hasOwnProperty.call(styles, key)) {
+      el.style[key] = normalizeStyleValue(key, styles[key]);
+    }
+  }
+}
+
+function createElement(tag, className, styles, text) {
+  var el = document.createElement(tag);
+  if (className) {
+    el.className = className;
+  }
+  if (styles) {
+    applyStyles(el, styles);
+  }
+  if (text != null) {
+    el.textContent = String(text);
+  }
+  return el;
+}
+
+function StartPage() {
+  BasePage.call(this);
+}
+StartPage.prototype = Object.create(BasePage.prototype);
+StartPage.prototype.constructor = StartPage;
+
+/**
+ * 获取最终样式
+ * 不再自己根据 themeKey 查主题
+ * 直接使用 game-manager 传进来的最终页面配置
+ */
+StartPage.prototype.getStyles = function (data) {
+  data = data || {};
+  var wrapperCss = mergeStyles({
+    position: 'absolute',
+    top: '0',
+    left: '0',
+    right: '0',
+    bottom: '0',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+    boxSizing: 'border-box',
+    padding: '40px',
+    color: '#ffffff',
+    backgroundRepeat: 'no-repeat',
+    backgroundPosition: 'center center',
+    backgroundSize: 'cover',
+    textAlign: 'center',
+    zIndex: '99999'
+  }, data.wrapper);
+  var overlayCss = mergeStyles({
+    position: 'absolute',
+    top: '0',
+    left: '0',
+    right: '0',
+    bottom: '0',
+    background: 'rgba(0, 0, 0, 0.28)'
+  }, data.overlay);
+  var contentCss = mergeStyles({
+    position: 'relative',
+    zIndex: '1',
+    width: '100%',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center'
+  }, data.content);
+  var titleCss = mergeStyles({
+    fontSize: '85px',
+    fontWeight: 'bold',
+    textShadow: '2px 2px 4px #0b1c32',
+    letterSpacing: '5px',
+    lineHeight: '1.3',
+    maxWidth: '90%',
+    wordBreak: 'break-word'
+  }, data.title);
+  var descCss = mergeStyles({
+    marginTop: '30px',
+    width: '100%',
+    whiteSpace: 'pre-wrap',
+    lineHeight: '1.6',
+    wordBreak: 'break-word',
+    fontSize: '40px'
+  }, data.desc);
+  var btnGroupCss = mergeStyles({
+    width: '100%',
+    maxWidth: '800px',
+    marginTop: '80px',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center'
+  }, data.buttonGroup);
+  var btnCss = mergeStyles({
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    minWidth: '240px',
+    minHeight: '88px',
+    padding: '20px 50px',
+    boxSizing: 'border-box',
+    cursor: 'pointer',
+    fontSize: '40px',
+    fontWeight: 'bold',
+    backgroundColor: '#04b6bb',
+    backgroundRepeat: 'no-repeat',
+    backgroundPosition: 'center center',
+    backgroundSize: 'cover',
+    borderRadius: '50px',
+    border: 'none',
+    color: '#fff',
+    transition: 'all 0.2s linear'
+  }, data.button);
+  return {
+    wrapperCss: wrapperCss,
+    overlayCss: overlayCss,
+    contentCss: contentCss,
+    titleCss: titleCss,
+    descCss: descCss,
+    btnGroupCss: btnGroupCss,
+    btnCss: btnCss
+  };
+};
+StartPage.prototype.render = function (container, data, onStart) {
+  data = data || {};
+  if (!container) {
+    throw new Error('[StartPage] render 失败：container 不存在');
+  }
+  this.destroy();
+  var styles = this.getStyles(data);
+  var titleText = data.titleText || '欢迎进入游戏';
+  var descText = typeof data.descText === 'string' ? data.descText : '';
+  var buttonText = data.buttonText || '开始游戏';
+  var rootDom = createElement('div', 'kadou-start-page', styles.wrapperCss);
+  var overlayDom = createElement('div', 'kadou-start-overlay', styles.overlayCss);
+  var contentDom = createElement('div', 'kadou-start-content', styles.contentCss);
+  var titleDom = createElement('div', 'kadou-start-title', styles.titleCss, titleText);
+  rootDom.appendChild(overlayDom);
+  contentDom.appendChild(titleDom);
+  if (descText) {
+    var descDom = createElement('div', 'kadou-start-desc', styles.descCss, descText);
+    contentDom.appendChild(descDom);
+  }
+  var btnGroupDom = createElement('div', 'kadou-start-btn-group', styles.btnGroupCss);
+  var btnDom = createElement('div', 'kadou-start-btn', styles.btnCss, buttonText);
+  this.bindEvent(btnDom, 'click', function () {
+    if (typeof onStart === 'function') {
+      onStart();
+    }
+  });
+  btnGroupDom.appendChild(btnDom);
+  contentDom.appendChild(btnGroupDom);
+  rootDom.appendChild(contentDom);
+  container.appendChild(rootDom);
+  this.el = rootDom;
+  return rootDom;
+};
+
+function EndPage() {
+  BasePage.call(this);
+}
+EndPage.prototype = Object.create(BasePage.prototype);
+EndPage.prototype.constructor = EndPage;
+
+/**
+ * 获取最终样式
+ * 直接使用 game-manager 传进来的最终页面配置
+ */
+EndPage.prototype.getStyles = function (data) {
+  data = data || {};
+  var wrapperCss = mergeStyles({
+    position: 'absolute',
+    top: '0',
+    left: '0',
+    right: '0',
+    bottom: '0',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+    boxSizing: 'border-box',
+    padding: '40px',
+    color: '#ffffff',
+    backgroundRepeat: 'no-repeat',
+    backgroundPosition: 'center center',
+    backgroundSize: 'cover',
+    textAlign: 'center',
+    zIndex: '99999'
+  }, data.wrapper);
+  var overlayCss = mergeStyles({
+    position: 'absolute',
+    top: '0',
+    left: '0',
+    right: '0',
+    bottom: '0',
+    background: 'rgba(0, 0, 0, 0.35)'
+  }, data.overlay);
+  var contentCss = mergeStyles({
+    position: 'relative',
+    zIndex: '1',
+    width: '100%',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center'
+  }, data.content);
+  var titleCss = mergeStyles({
+    fontSize: '72px',
+    fontWeight: 'bold',
+    lineHeight: '1.3',
+    maxWidth: '90%',
+    wordBreak: 'break-word',
+    textShadow: '2px 2px 4px #0b1c32'
+  }, data.title);
+  var timeCss = mergeStyles({
+    marginTop: '28px',
+    fontSize: '40px',
+    wordBreak: 'break-word'
+  }, data.time);
+  var scoreCss = mergeStyles({
+    marginTop: '28px',
+    fontSize: '40px',
+    wordBreak: 'break-word'
+  }, data.score);
+  var btnGroupCss = mergeStyles({
+    width: '100%',
+    maxWidth: '900px',
+    marginTop: '70px',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    gap: '24px',
+    flexWrap: 'wrap'
+  }, data.buttonGroup);
+  var primaryBtnCss = mergeStyles({
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: '20px 50px',
+    boxSizing: 'border-box',
+    cursor: 'pointer',
+    fontSize: '40px',
+    fontWeight: 'bold',
+    background: '#04b6bb',
+    borderRadius: '50px',
+    border: 'none',
+    color: '#fff',
+    transition: 'all 0.2s linear'
+  }, data.primaryButton || data.button);
+  var secondaryBtnCss = mergeStyles({
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: '20px 50px',
+    boxSizing: 'border-box',
+    cursor: 'pointer',
+    fontSize: '40px',
+    fontWeight: 'bold',
+    background: '#ff6600',
+    borderRadius: '50px',
+    color: '#fff',
+    transition: 'all 0.2s linear'
+  }, data.secondaryButton);
+  return {
+    wrapperCss: wrapperCss,
+    overlayCss: overlayCss,
+    contentCss: contentCss,
+    titleCss: titleCss,
+    timeCss: timeCss,
+    scoreCss: scoreCss,
+    btnGroupCss: btnGroupCss,
+    primaryBtnCss: primaryBtnCss,
+    secondaryBtnCss: secondaryBtnCss
+  };
+};
+
+/**
+ * 渲染结束页
+ * callbacks:
+ * - onRestart
+ * - onClose
+ */
+EndPage.prototype.render = function (container, data, callbacks) {
+  data = data || {};
+  callbacks = callbacks || {};
+  if (!container) {
+    throw new Error('[EndPage] render 失败：container 不存在');
+  }
+  this.destroy();
+  var styles = this.getStyles(data);
+  var titleText = data.titleText || '游戏结束';
+  var timeText = typeof data.timeText === 'string' ? data.timeText : '';
+  var scoreText = typeof data.scoreText === 'string' ? data.scoreText : '';
+  var primaryButtonText = data.primaryButtonText || data.buttonText || '再来一次';
+  var secondaryButtonText = data.secondaryButtonText || '';
+  var rootDom = createElement('div', 'kadou-end-page', styles.wrapperCss);
+  var overlayDom = createElement('div', 'kadou-end-overlay', styles.overlayCss);
+  var contentDom = createElement('div', 'kadou-end-content', styles.contentCss);
+  var titleDom = createElement('div', 'kadou-end-title', styles.titleCss, titleText);
+  rootDom.appendChild(overlayDom);
+  contentDom.appendChild(titleDom);
+  if (scoreText) {
+    var scoreDom = createElement('div', 'kadou-end-score', styles.scoreCss, scoreText);
+    contentDom.appendChild(scoreDom);
+  }
+  if (timeText) {
+    var timeDom = createElement('div', 'kadou-end-time', styles.timeCss, timeText);
+    contentDom.appendChild(timeDom);
+  }
+  var btnGroupDom = createElement('div', 'kadou-end-btn-group', styles.btnGroupCss);
+  if (secondaryButtonText) {
+    var secondaryBtnDom = createElement('div', 'kadou-end-secondary-btn', styles.secondaryBtnCss, secondaryButtonText);
+    this.bindEvent(secondaryBtnDom, 'click', function () {
+      if (typeof callbacks.onShowRank === 'function') {
+        callbacks.onShowRank();
+      }
+    });
+    btnGroupDom.appendChild(secondaryBtnDom);
+  }
+  {
+    var primaryBtnDom = createElement('div', 'kadou-end-primary-btn', styles.primaryBtnCss, primaryButtonText);
+    this.bindEvent(primaryBtnDom, 'click', function () {
+      if (typeof callbacks.onRestart === 'function') {
+        callbacks.onRestart();
+      }
+    });
+    btnGroupDom.appendChild(primaryBtnDom);
+  }
+  if (btnGroupDom.childNodes.length > 0) {
+    contentDom.appendChild(btnGroupDom);
+  }
+  rootDom.appendChild(contentDom);
+  container.appendChild(rootDom);
+  this.el = rootDom;
+  return rootDom;
+};
+
+function OverlayManager(options) {
+  options = options || {};
+  this.container = options.container || document.body;
+  this.startPage = null;
+  this.endPage = null;
+}
+
+/**
+ * 设置容器
+ */
+OverlayManager.prototype.setContainer = function (container) {
+  if (container) {
+    this.container = container;
+  }
+  return this;
+};
+
+/**
+ * 显示开始页
+ * data 直接使用统一 pageData 结构
+ */
+OverlayManager.prototype.showStartPage = function (data, callbacks) {
+  var self = this;
+  var finalCallbacks = callbacks || {};
+  if (!this.container) {
+    throw new Error('[OverlayManager] showStartPage 失败：container 不存在');
+  }
+  this.hideStartPage();
+  this.startPage = new StartPage();
+  this.startPage.render(this.container, data || {}, function () {
+    if (typeof finalCallbacks.onStart === 'function') {
+      finalCallbacks.onStart();
+    }
+
+    // 如果没传回调，也不自动销毁，由外部决定何时关闭
+    // 想点按钮立刻隐藏，可以把下面这行打开
+    self.hideStartPage();
+  });
+  return self;
+};
+
+/**
+ * 隐藏开始页
+ */
+OverlayManager.prototype.hideStartPage = function () {
+  if (this.startPage) {
+    this.startPage.destroy();
+    this.startPage = null;
+  }
+  return this;
+};
+
+/**
+ * 显示结束页
+ */
+OverlayManager.prototype.showEndPage = function (data, callbacks) {
+  var self = this;
+  var finalCallbacks = callbacks || {};
+  if (!this.container) {
+    throw new Error('[OverlayManager] showEndPage 失败：container 不存在');
+  }
+  this.hideEndPage();
+  this.endPage = new EndPage();
+  this.endPage.render(this.container, data || {}, {
+    onRestart: function onRestart() {
+      if (typeof finalCallbacks.onRestart === 'function') {
+        finalCallbacks.onRestart();
+        self.hideEndPage();
+      }
+    },
+    onShowRank: function onShowRank() {
+      if (typeof finalCallbacks.onShowRank === 'function') {
+        finalCallbacks.onShowRank();
+      }
+    }
+  });
+  return self;
+};
+
+/**
+ * 隐藏结束页
+ */
+OverlayManager.prototype.hideEndPage = function () {
+  if (this.endPage) {
+    this.endPage.destroy();
+    this.endPage = null;
+  }
+  return this;
+};
+
+/**
+ * 全部隐藏
+ */
+OverlayManager.prototype.hideAll = function () {
+  this.hideStartPage();
+  this.hideEndPage();
+  return this;
+};
+
+/**
+ * 销毁管理器
+ */
+OverlayManager.prototype.destroy = function () {
+  this.hideAll();
+  this.container = null;
+};
+
+var themes = {};
+
+/**
+ * 注册主题
+ * @param {string} key 主题 key
+ * @param {object} config 主题配置
+ */
+function registerTheme(key, config) {
+  if (!key) {
+    throw new Error('Theme key is required');
+  }
+  themes[key] = config || {};
+}
+
+/**
+ * 是否已存在主题
+ * @param {string} key
+ * @returns {boolean}
+ */
+function hasTheme(key) {
+  return !!themes[key];
+}
+
+/**
+ * 获取主题
+ * @param {string} key
+ * @returns {object|null}
+ */
+function getTheme(key) {
+  return themes[key] || themes.default || null;
+}
+
+function dirname(url) {
+  if (!url) return '';
+  return url.replace(/\/[^\/]*$/, '/');
+}
+function isAbsoluteUrl(url) {
+  return /^(https?:)?\/\//.test(url) || /^file:/.test(url) || /^data:/.test(url) || /^blob:/.test(url);
+}
+function joinUrl(base, path) {
+  if (!path) return '';
+  if (isAbsoluteUrl(path)) return path;
+  return base + path.replace(/^\.\//, '');
+}
+function patchStyleAssetPaths(styleObj, baseUrl) {
+  var key;
+  var value;
+  if (!styleObj) return styleObj;
+  for (key in styleObj) {
+    if (!Object.prototype.hasOwnProperty.call(styleObj, key)) continue;
+    value = styleObj[key];
+    if (typeof value !== 'string') continue;
+    if (key === 'backgroundImage') {
+      styleObj[key] = joinUrl(baseUrl, value);
+      continue;
+    }
+    if (key === 'src') {
+      styleObj[key] = joinUrl(baseUrl, value);
+      continue;
+    }
+    if (key === 'background') {
+      styleObj[key] = value.replace(/url\((['"]?)(.+?)\1\)/g, function (_, quote, assetPath) {
+        return 'url("' + joinUrl(baseUrl, assetPath) + '")';
+      });
+    }
+  }
+  return styleObj;
+}
+function patchHostAssetPaths(hostConfig, baseUrl) {
+  var keys;
+  var i;
+  var key;
+  var value;
+  if (!hostConfig) return hostConfig;
+  keys = ['bg', 'frame', 'actionBtn', 'logo', 'icon'];
+  for (i = 0; i < keys.length; i++) {
+    key = keys[i];
+    value = hostConfig[key];
+    if (typeof value === 'string' && value) {
+      hostConfig[key] = joinUrl(baseUrl, value);
+    }
+  }
+  return hostConfig;
+}
+function patchThemeAssetPaths(theme, baseUrl) {
+  var startPage;
+  var endPage;
+  var pageKeys;
+  var i;
+  if (!theme) return theme;
+  startPage = theme.startPage || {};
+  endPage = theme.endPage || {};
+  pageKeys = ['wrapper', 'overlay', 'content', 'title', 'desc', 'buttonGroup', 'button', 'primaryButton', 'secondaryButton', 'score'];
+  for (i = 0; i < pageKeys.length; i++) {
+    patchStyleAssetPaths(startPage[pageKeys[i]], baseUrl);
+    patchStyleAssetPaths(endPage[pageKeys[i]], baseUrl);
+  }
+  patchHostAssetPaths(theme.host, baseUrl);
+  return theme;
+}
+function loadScript(url, callback) {
+  var script = document.createElement('script');
+  var done = false;
+  script.type = 'text/javascript';
+  script.async = true;
+  script.src = url;
+  script.onload = function () {
+    if (done) return;
+    done = true;
+    callback && callback(null, script);
+  };
+  script.onerror = function () {
+    if (done) return;
+    done = true;
+    callback && callback(new Error('Failed to load script: ' + url));
+  };
+  document.head.appendChild(script);
+}
+function loadThemeByUrl(url, callback) {
+  window.__KADOU_THEME_PACK__ = null;
+  loadScript(url, function (err) {
+    var pack;
+    var baseUrl;
+    var theme;
+    if (err) {
+      callback && callback(err);
+      return;
+    }
+    pack = window.__KADOU_THEME_PACK__;
+    if (!pack || !pack.key || !pack.theme) {
+      callback && callback(new Error('Invalid theme pack: ' + url));
+      return;
+    }
+    baseUrl = dirname(url);
+    theme = patchThemeAssetPaths(pack.theme, baseUrl);
+    registerTheme(pack.key, theme);
+    callback && callback(null, {
+      key: pack.key,
+      url: url,
+      from: 'remote',
+      theme: theme
+    });
+  });
+}
+function buildThemeUrl(themeRoot, themeKey) {
+  if (!themeRoot) {
+    throw new Error('themeRoot is required');
+  }
+  if (!themeKey) {
+    throw new Error('themeKey is required');
+  }
+  return themeRoot.replace(/\/?$/, '/') + themeKey + '/theme.js';
+}
+function ensureTheme(themeKey, themeRoot, callback) {
+  if (hasTheme(themeKey)) {
+    callback && callback(null, {
+      key: themeKey,
+      from: 'cache',
+      theme: getTheme(themeKey)
+    });
+    return;
+  }
+  var url;
+  try {
+    url = buildThemeUrl(themeRoot, themeKey);
+  } catch (err) {
+    callback && callback(err);
+    return;
+  }
+  loadThemeByUrl(url, callback);
+}
+
+/**
+ * GameManager
+ * -----------------------------------------
+ * 游戏管理器
+ *
+ * 作用：
+ * 1 管理游戏生命周期
+ * 2 统一发送 / 接收 postMessage
+ * 3 提供事件机制给外部使用
+ * 4 管理 SDK 与 Game 的状态
+ * 5 host 负责主题加载，game 负责主题渲染
+ *
+ * 架构关系：
+ *
+ * Host 页面 (Vue 壳)
+ *        │
+ *        │ postMessage
+ *        ▼
+ * GameManager  <---->  MessageBus
+ *        │
+ *        ▼
+ * Game iframe
+ *
+ */
+
+
+/**
+ * 构造函数
+ */
+function GameManager(options) {
+  options = options || {};
+
+  // 继承事件系统
+  EventEmitter.call(this);
+  this.options = options;
+
+  /**
+   * UI 挂载根节点
+   */
+  this.root = options.root || document.body;
+
+  /**
+   * 是否开启调试
+   */
+  this.debug = !!options.debug;
+
+  /**
+   * 角色
+   * host = 宿主页面
+   * game = 游戏页面
+   */
+  this.role = options.role || 'host';
+
+  /**
+   * SDK 状态
+   */
+  this.state = {
+    sdkReady: false,
+    gameReady: false,
+    started: false,
+    paused: false,
+    destroyed: false
+  };
+
+  /**
+   * 当前主题
+   * 仅用于 game 内部渲染
+   */
+  this.currentThemeKey = '';
+  this.currentTheme = null;
+
+  /**
+   * MessageBus
+   * 负责 postMessage 封装
+   */
+  this.bus = new MessageBus({
+    selfWindow: options.selfWindow || window,
+    targetWindow: options.targetWindow || null,
+    targetOrigin: options.targetOrigin || '*',
+    allowedOrigins: options.allowedOrigins || ['*'],
+    source: options.source || 'KADOU_GAME_SDK',
+    debug: this.debug
+  });
+
+  /**
+   * UI Overlay 管理器
+   * 只有 game 角色才负责真正渲染开始页 / 结束页
+   */
+  this.overlay = this.role === 'game' ? new OverlayManager({
+    container: this.root
+  }) : null;
+
+  /**
+   * 绑定 MessageBus 事件
+   */
+  this._bindBusEvents();
+}
+GameManager.prototype = Object.create(EventEmitter.prototype);
+GameManager.prototype.constructor = GameManager;
+
+/**
+ * 绑定 MessageBus 所有事件
+ */
+GameManager.prototype._bindBusEvents = function () {
+  var self = this;
+
+  /**
+   * 所有消息
+   */
+  this.bus.on('*', function (message, context) {
+    self.emit('message', message, context);
+  });
+
+  /**
+   * SDK READY
+   */
+  this.bus.on(MESSAGE_TYPES.SDK_READY, function (payload, message, context) {
+    self.state.sdkReady = true;
+    self.emit('sdk:ready', payload, message, context);
+  });
+
+  /**
+   * GAME READY
+   */
+  this.bus.on(MESSAGE_TYPES.GAME_READY, function (payload, message, context) {
+    self.state.gameReady = true;
+    self.emit('game:ready', payload, message, context);
+  });
+
+  /**
+   * GAME LOAD
+   */
+  this.bus.on(MESSAGE_TYPES.GAME_LOAD, function (payload, message, context) {
+    self.emit('game:load', payload, message, context);
+  });
+
+  /**
+   * GAME LOADED
+   */
+  this.bus.on(MESSAGE_TYPES.GAME_LOADED, function (payload, message, context) {
+    self.emit('game:loaded', payload, message, context);
+  });
+
+  /**
+   * GAME LOADING
+   */
+  this.bus.on(MESSAGE_TYPES.GAME_LOADING, function (payload, message, context) {
+    self.emit('game:loading', payload, message, context);
+  });
+
+  /**
+   * GAME START
+   */
+  this.bus.on(MESSAGE_TYPES.GAME_START, function (payload, message, context) {
+    self.state.started = true;
+    self.state.paused = false;
+    if (self.role === 'game' && self.overlay) {
+      self.hideStartPage();
+    }
+    self.emit('game:start', payload, message, context);
+  });
+
+  /**
+   * GAME START
+   */
+  this.bus.on(MESSAGE_TYPES.GAME_RESTART, function (payload, message, context) {
+    self.state.started = true;
+    self.state.paused = false;
+    if (self.role === 'game' && self.overlay) {
+      self.hideEndPage();
+    }
+    self.emit('game:restart', payload, message, context);
+  });
+
+  /**
+   * GAME PAUSE
+   */
+  this.bus.on(MESSAGE_TYPES.GAME_PAUSE, function (payload, message, context) {
+    self.state.paused = true;
+    self.emit('game:pause', payload, message, context);
+  });
+
+  /**
+   * GAME RESUME
+   */
+  this.bus.on(MESSAGE_TYPES.GAME_RESUME, function (payload, message, context) {
+    self.state.paused = false;
+    self.emit('game:resume', payload, message, context);
+  });
+
+  /**
+   * GAME FINISH
+   */
+  this.bus.on(MESSAGE_TYPES.GAME_FINISH, function (payload, message, context) {
+    self.state.started = false;
+    self.emit('game:finish', payload, message, context);
+  });
+
+  /**
+   * GAME DESTROY
+   */
+  this.bus.on(MESSAGE_TYPES.GAME_DESTROY, function (payload, message, context) {
+    self.state.destroyed = true;
+    self.emit('game:destroy', payload, message, context);
+  });
+
+  /**
+   * 主题更新
+   * 只缓存，不直接渲染
+   */
+  this.bus.on(MESSAGE_TYPES.THEME_UPDATE, function (payload, message, context) {
+    self.currentThemeKey = payload && payload.themeKey ? payload.themeKey : '';
+    self.currentTheme = payload && payload.theme ? payload.theme : payload || null;
+    self.emit('theme:update', payload, message, context);
+  });
+
+  /**
+   * 配置更新
+   */
+  this.bus.on(MESSAGE_TYPES.CONFIG_UPDATE, function (payload, message, context) {
+    self.emit('config:update', payload, message, context);
+  });
+
+  /**
+   * 学生提交答案
+   */
+  this.bus.on(MESSAGE_TYPES.QUESTION_SUBMIT, function (payload, message, context) {
+    self.emit('question:submit', payload, message, context);
+  });
+
+  /**
+   * 游戏结果上报
+   */
+  this.bus.on(MESSAGE_TYPES.REPORT_GENERATED, function (payload, message, context) {
+    self.emit('result:report', payload, message, context);
+  });
+
+  /**
+   * 显示开始页
+   * host 发消息，game 内部真正 render
+   */
+  this.bus.on(MESSAGE_TYPES.PAGE_START_SHOW, function (payload, message, context) {
+    self.emit('page:start:show', payload, message, context);
+    if (self.role === 'game') {
+      self.renderStartPage(payload);
+    }
+  });
+
+  /**
+   * 显示结束页
+   */
+  this.bus.on(MESSAGE_TYPES.PAGE_END_SHOW, function (payload, message, context) {
+    self.emit('page:end:show', payload, message, context);
+    if (self.role === 'game') {
+      self.renderEndPage(payload);
+    }
+  });
+
+  /**
+   * 错误
+   */
+  this.bus.on(MESSAGE_TYPES.ERROR, function (payload, message, context) {
+    self.emit('error', payload, message, context);
+  });
+
+  /**
+   * HEARTBEAT_PING 心跳检测
+   */
+  this.bus.on(MESSAGE_TYPES.HEARTBEAT_PING, function (payload, message, context) {
+    self.emit('heartbeat:ping', payload, message, context);
+    self.send(MESSAGE_TYPES.HEARTBEAT_PONG, {
+      replyTo: message.requestId,
+      time: new Date().getTime()
+    });
+  });
+
+  /**
+   * HEARTBEAT_PONG
+   */
+  this.bus.on(MESSAGE_TYPES.HEARTBEAT_PONG, function (payload, message, context) {
+    self.emit('heartbeat:pong', payload, message, context);
+  });
+  this.bus.on(MESSAGE_TYPES.GAME_RANK, function (payload, message, context) {
+    self.emit('game:rank', payload, message, context);
+  });
+
+  /**
+  * 开始答题
+  */
+  this.bus.on(MESSAGE_TYPES.ANSWER_START, function (payload, message, context) {
+    self.emit('answer:start', payload, message, context);
+  });
+
+  /**
+   * 上一题
+   */
+  this.bus.on(MESSAGE_TYPES.QUESTION_PREV, function (payload, message, context) {
+    self.emit('question:prev', payload, message, context);
+  });
+
+  /**
+   * 下一题
+   */
+  this.bus.on(MESSAGE_TYPES.QUESTION_NEXT, function (payload, message, context) {
+    self.emit('question:next', payload, message, context);
+  });
+
+  /**
+   * 调节声音
+   */
+  this.bus.on(MESSAGE_TYPES.AUDIO_VOLUME_CHANGE, function (payload, message, context) {
+    self.emit('volume:change', payload, message, context);
+  });
+
+  /**
+   * 答题完成
+   */
+  this.bus.on(MESSAGE_TYPES.ANSWER_COMPLETED, function (payload, message, context) {
+    self.emit('answer:completed', payload, message, context);
+  });
+
+  /**
+   * 扩展消息类型
+   */
+  this.bus.on(MESSAGE_TYPES.EXTENSION_EVENT, function (payload, message, context) {
+    self.emit('extension:event', payload, message, context);
+  });
+};
+
+/**
+ * 初始化 SDK
+ */
+GameManager.prototype.init = function () {
+  this.bus.start();
+  if (this.debug && typeof console !== 'undefined' && console.log) {
+    console.log('[GameManager] init, role =', this.role);
+  }
+  return this;
+};
+
+/**
+ * 销毁 SDK
+ */
+GameManager.prototype.destroy = function () {
+  this.state.destroyed = true;
+  this.bus.destroy();
+  if (this.overlay) {
+    if (this.overlay.hideStartPage) {
+      this.overlay.hideStartPage();
+    }
+    if (this.overlay.hideEndPage) {
+      this.overlay.hideEndPage();
+    }
+  }
+  this.off();
+  if (this.debug && typeof console !== 'undefined' && console.log) {
+    console.log('[GameManager] destroyed');
+  }
+  return this;
+};
+
+/**
+ * 设置目标窗口
+ * 一般为 iframe.contentWindow
+ */
+GameManager.prototype.setTargetWindow = function (win) {
+  this.bus.setTargetWindow(win);
+  return this;
+};
+
+/**
+ * 设置目标 origin
+ */
+GameManager.prototype.setTargetOrigin = function (origin) {
+  this.bus.setTargetOrigin(origin);
+  return this;
+};
+
+/**
+ * 设置 root
+ */
+GameManager.prototype.setRoot = function (el) {
+  if (!el) return this;
+  this.root = el;
+  if (this.overlay) {
+    this.overlay.container = el;
+  }
+  return this;
+};
+
+/**
+ * 发送消息
+ */
+GameManager.prototype.send = function (type, payload, meta) {
+  return this.bus.send(type, payload, meta);
+};
+
+/**
+ * SDK ready
+ */
+GameManager.prototype.notifySdkReady = function (extra) {
+  this.state.sdkReady = true;
+  return this.send(MESSAGE_TYPES.SDK_READY, extra || {});
+};
+
+/**
+ * 心跳 ping
+ */
+GameManager.prototype.heartbeatPing = function (extra) {
+  var payload = extra || {};
+  payload.time = new Date().getTime();
+  return this.send(MESSAGE_TYPES.HEARTBEAT_PING, payload);
+};
+
+/**
+ * 游戏 ready
+ */
+GameManager.prototype.gameReady = function (extra) {
+  this.state.gameReady = true;
+  return this.send(MESSAGE_TYPES.GAME_READY, extra || {});
+};
+
+/**
+ * 加载游戏
+ */
+GameManager.prototype.loadGame = function (config) {
+  return this.send(MESSAGE_TYPES.GAME_LOAD, config || {});
+};
+
+/**
+ * 游戏加载进度
+ */
+GameManager.prototype.gameLoading = function (config) {
+  return this.send(MESSAGE_TYPES.GAME_LOADING, config || {});
+};
+
+/**
+ * 开始游戏
+ * 保留一个最终版本，避免重复定义覆盖
+ */
+GameManager.prototype.startGame = function (data) {
+  var payload = data || {};
+  this.state.started = true;
+  this.state.paused = false;
+  this.emit('game:start', payload, null, {
+    local: true
+  });
+  return this.bus.send(MESSAGE_TYPES.GAME_START, payload);
+};
+
+/**
+ * 游戏重新开始
+ */
+GameManager.prototype.restartGame = function (data) {
+  var payload = data || {};
+  this.state.started = true;
+  this.state.paused = false;
+  this.emit('game:restart', payload, null, {
+    local: true
+  });
+  return this.bus.send(MESSAGE_TYPES.GAME_RESTART, payload);
+};
+
+/**
+ * 查看游戏排行榜
+ */
+GameManager.prototype.showGameRank = function (data) {
+  var payload = data || {};
+  return this.bus.send(MESSAGE_TYPES.GAME_RANK, payload);
+};
+/**
+ * 暂停游戏
+ */
+GameManager.prototype.pauseGame = function (data) {
+  this.state.paused = true;
+  return this.send(MESSAGE_TYPES.GAME_PAUSE, data || {});
+};
+
+/**
+ * 恢复游戏
+ */
+GameManager.prototype.resumeGame = function (data) {
+  this.state.paused = false;
+  return this.send(MESSAGE_TYPES.GAME_RESUME, data || {});
+};
+
+/**
+ * 游戏结束
+ */
+GameManager.prototype.finishGame = function (result) {
+  this.state.started = false;
+  return this.send(MESSAGE_TYPES.GAME_FINISH, result || {});
+};
+
+/**
+ * 销毁游戏
+ */
+GameManager.prototype.destroyGame = function (data) {
+  this.state.destroyed = true;
+  return this.send(MESSAGE_TYPES.GAME_DESTROY, data || {});
+};
+
+/**
+ * 更新主题
+ * 保持兼容旧接口
+ */
+GameManager.prototype.updateTheme = function (theme) {
+  if (this.role === 'game') {
+    this.currentTheme = theme || null;
+  }
+  return this.send(MESSAGE_TYPES.THEME_UPDATE, theme || {});
+};
+
+/**
+ * 应用主题
+ * 推荐 host 使用这个方法发给 game
+ */
+GameManager.prototype.applyTheme = function (themeKey, themeConfig, extra) {
+  var payload = extra || {};
+  payload.themeKey = themeKey || '';
+  payload.theme = themeConfig || {};
+  if (this.role === 'game') {
+    this.currentThemeKey = payload.themeKey;
+    this.currentTheme = payload.theme;
+  }
+  return this.send(MESSAGE_TYPES.THEME_UPDATE, payload);
+};
+
+/**
+ * 更新配置
+ */
+GameManager.prototype.updateConfig = function (config) {
+  return this.send(MESSAGE_TYPES.CONFIG_UPDATE, config || {});
+};
+
+/**
+ * 显示开始页
+ * host 调这个；真正渲染在 game 内部执行
+ */
+GameManager.prototype.showStartPage = function (data) {
+  return this.send(MESSAGE_TYPES.PAGE_START_SHOW, data || {});
+};
+
+/**
+ * 显示结束页
+ */
+GameManager.prototype.showEndPage = function (data) {
+  return this.send(MESSAGE_TYPES.PAGE_END_SHOW, data || {});
+};
+
+/**
+ * 提交题目
+ */
+GameManager.prototype.submitQuestion = function (data) {
+  return this.send(MESSAGE_TYPES.QUESTION_SUBMIT, data || {});
+};
+
+/**
+ * 上报错误
+ */
+GameManager.prototype.reportError = function (error) {
+  var payload;
+  if (error instanceof Error) {
+    payload = {
+      message: error.message,
+      stack: error.stack
+    };
+  } else {
+    payload = error || {};
+  }
+  return this.send(MESSAGE_TYPES.ERROR, payload);
+};
+
+/**
+ * 获取当前状态
+ */
+GameManager.prototype.getState = function () {
+  return {
+    sdkReady: this.state.sdkReady,
+    gameReady: this.state.gameReady,
+    started: this.state.started,
+    paused: this.state.paused,
+    destroyed: this.state.destroyed
+  };
+};
+
+/**
+ * 是否 ready
+ */
+GameManager.prototype.isReady = function () {
+  return !!(this.state.sdkReady && this.state.gameReady);
+};
+
+/**
+ * 合并页面主题配置
+ * pageKey: startPage / endPage
+ */
+GameManager.prototype._mergePageTheme = function (pageKey, pageData) {
+  var theme = this.currentTheme || {};
+  var pageTheme = theme[pageKey] || {};
+  var result = {};
+  var key;
+  for (key in pageTheme) {
+    if (Object.prototype.hasOwnProperty.call(pageTheme, key)) {
+      result[key] = pageTheme[key];
+    }
+  }
+  for (key in pageData) {
+    if (Object.prototype.hasOwnProperty.call(pageData, key)) {
+      result[key] = pageData[key];
+    }
+  }
+  return result;
+};
+
+/**
+ * game 内部渲染开始页
+ */
+GameManager.prototype.renderStartPage = function (data, callbacks) {
+  var self = this;
+  var payload = data || {};
+  var finalData = this._mergePageTheme('startPage', payload);
+  if (!this.overlay || !this.overlay.showStartPage) {
+    return this;
+  }
+  this.overlay.showStartPage(finalData, callbacks || {
+    onStart: function onStart() {
+      self.startGame({
+        from: 'sdk-start-game'
+      });
+    }
+  });
+  return this;
+};
+
+/**
+ * 隐藏开始页
+ */
+GameManager.prototype.hideStartPage = function () {
+  if (this.overlay && this.overlay.hideStartPage) {
+    this.overlay.hideStartPage();
+  }
+  return this;
+};
+
+/**
+ * game 内部渲染结束页
+ */
+GameManager.prototype.renderEndPage = function (data, callbacks) {
+  var self = this;
+  var payload = data || {};
+  var finalData = this._mergePageTheme('endPage', payload);
+  if (!this.overlay || !this.overlay.showEndPage) {
+    return this;
+  }
+  this.overlay.showEndPage(finalData, callbacks || {
+    onRestart: function onRestart() {
+      self.restartGame({
+        from: 'sdk-restart-game'
+      });
+    },
+    onShowRank: function onShowRank() {
+      self.showGameRank({
+        from: 'sdk-game-rank'
+      });
+    }
+  });
+  return this;
+};
+
+/**
+ * 隐藏结束页
+ */
+GameManager.prototype.hideEndPage = function () {
+  if (this.overlay && this.overlay.hideEndPage) {
+    this.overlay.hideEndPage();
+  }
+  return this;
+};
+
+/**
+ * 直接按 url 加载主题
+ * 更适合 host 使用
+ */
+GameManager.prototype.loadThemeByUrl = function (url, callback) {
+  loadThemeByUrl(url, callback);
+  return this;
+};
+
+/**
+ * 确保主题已加载
+ * 更适合 host 使用
+ */
+GameManager.prototype.ensureTheme = function (themeKey, themeRoot, callback) {
+  ensureTheme(themeKey, themeRoot, callback);
+  return this;
+};
+
+/**
+ * 生成主题地址
+ */
+GameManager.prototype.buildThemeUrl = function (themeRoot, themeKey) {
+  return buildThemeUrl(themeRoot, themeKey);
+};
+
+/**
+ * 游戏完成
+ */
+GameManager.prototype.gameLoaded = function (config) {
+  return this.send(MESSAGE_TYPES.GAME_LOADED, config || {});
+};
+/**
+ * 开始答题
+ */
+GameManager.prototype.startAnswer = function (data) {
+  return this.send(MESSAGE_TYPES.ANSWER_START, data || {});
+};
+
+/**
+ * 上一题
+ */
+GameManager.prototype.prevQuestion = function (data) {
+  return this.send(MESSAGE_TYPES.QUESTION_PREV, data || {});
+};
+
+/**
+ * 下一题
+ */
+GameManager.prototype.nextQuestion = function (data) {
+  return this.send(MESSAGE_TYPES.QUESTION_NEXT, data || {});
+};
+
+/**
+ * 调节声音
+ * 例如 { volume: 0.8, muted: false }
+ */
+GameManager.prototype.changeVolume = function (data) {
+  return this.send(MESSAGE_TYPES.AUDIO_VOLUME_CHANGE, data || {});
+};
+
+/**
+ * 答题完成
+ */
+GameManager.prototype.completedAnswer = function (data) {
+  return this.send(MESSAGE_TYPES.ANSWER_COMPLETED, data || {});
+};
+
+/**
+ * 扩展消息类型
+ */
+GameManager.prototype.extensionEvent = function (extra) {
+  return this.send(MESSAGE_TYPES.EXTENSION_EVENT, extra || {});
+};
+
+var index = {
+  SDK_VERSION: SDK_VERSION,
+  MESSAGE_TYPES: MESSAGE_TYPES,
+  EventEmitter: EventEmitter,
+  MessageBus: MessageBus,
+  GameRuntime: GameManager
+};
+
+export { EventEmitter, GameManager as GameRuntime, MESSAGE_TYPES, MessageBus, SDK_VERSION, index as default };
+//# sourceMappingURL=kadou-game-sdk.esm.js.map