@beppla/tapas-ui 1.0.67 → 1.0.69

package/commonjs/Grid/StaticFixedSizeGrid.js

@@ -431,4 +431,3 @@ var StickyFixedSizeGrid = function (_a) {
   }), children);
 };
 exports.default = (0, themed_1.withTheme)(StickyFixedSizeGrid);
-//# sourceMappingURL=StaticFixedSizeGrid.js.map

package/commonjs/Grid/VariableSizeGrid.js

@@ -1,55 +1,54 @@
 "use strict";
 
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _Grid = _interopRequireDefault(require("./Grid.base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DEFAULT_ESTIMATED_ITEM_SIZE = 50;
-const getEstimatedTotalHeight = ({
-  rowCount
-}, {
-  rowMetadataMap,
-  estimatedRowHeight,
-  lastMeasuredRowIndex
-}) => {
-  let totalSizeOfMeasuredRows = 0;
+var Grid_base_1 = __importDefault(require("./Grid.base"));
+var DEFAULT_ESTIMATED_ITEM_SIZE = 50;
+var getEstimatedTotalHeight = function (_a, _b) {
+  var rowCount = _a.rowCount;
+  var rowMetadataMap = _b.rowMetadataMap,
+    estimatedRowHeight = _b.estimatedRowHeight,
+    lastMeasuredRowIndex = _b.lastMeasuredRowIndex;
+  var totalSizeOfMeasuredRows = 0;
   if (lastMeasuredRowIndex >= rowCount) {
     lastMeasuredRowIndex = rowCount - 1;
   }
   if (lastMeasuredRowIndex >= 0) {
-    const itemMetadata = rowMetadataMap[lastMeasuredRowIndex];
+    var itemMetadata = rowMetadataMap[lastMeasuredRowIndex];
     // @ts-ignore
     totalSizeOfMeasuredRows = itemMetadata.offset + itemMetadata.size;
   }
-  const numUnmeasuredItems = rowCount - lastMeasuredRowIndex - 1;
-  const totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedRowHeight;
+  var numUnmeasuredItems = rowCount - lastMeasuredRowIndex - 1;
+  var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedRowHeight;
   return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;
 };
-const getEstimatedTotalWidth = ({
-  columnCount
-}, {
-  columnMetadataMap,
-  estimatedColumnWidth,
-  lastMeasuredColumnIndex
-}) => {
-  let totalSizeOfMeasuredRows = 0;
+var getEstimatedTotalWidth = function (_a, _b) {
+  var columnCount = _a.columnCount;
+  var columnMetadataMap = _b.columnMetadataMap,
+    estimatedColumnWidth = _b.estimatedColumnWidth,
+    lastMeasuredColumnIndex = _b.lastMeasuredColumnIndex;
+  var totalSizeOfMeasuredRows = 0;
   if (lastMeasuredColumnIndex >= columnCount) {
     lastMeasuredColumnIndex = columnCount - 1;
   }
   if (lastMeasuredColumnIndex >= 0) {
     // @ts-ignore
-    const itemMetadata = columnMetadataMap[lastMeasuredColumnIndex];
+    var itemMetadata = columnMetadataMap[lastMeasuredColumnIndex];
     // @ts-ignore
     totalSizeOfMeasuredRows = itemMetadata.offset + itemMetadata.size;
   }
-  const numUnmeasuredItems = columnCount - lastMeasuredColumnIndex - 1;
-  const totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedColumnWidth;
+  var numUnmeasuredItems = columnCount - lastMeasuredColumnIndex - 1;
+  var totalSizeOfUnmeasuredItems = numUnmeasuredItems * estimatedColumnWidth;
   return totalSizeOfMeasuredRows + totalSizeOfUnmeasuredItems;
 };
-const getItemMetadata = (itemType, props, index, instanceProps) => {
-  let itemMetadataMap, itemSize, lastMeasuredIndex;
+var getItemMetadata = function (itemType, props, index, instanceProps) {
+  var itemMetadataMap, itemSize, lastMeasuredIndex;
   if (itemType === 'column') {
     itemMetadataMap = instanceProps.columnMetadataMap;
     itemSize = props.columnWidth;
@@ -60,18 +59,18 @@ const getItemMetadata = (itemType, props, index, instanceProps) => {
     lastMeasuredIndex = instanceProps.lastMeasuredRowIndex;
   }
   if (index > lastMeasuredIndex) {
-    let offset = 0;
+    var offset = 0;
     // @ts-ignore
     if (lastMeasuredIndex >= 0) {
-      const itemMetadata = itemMetadataMap[lastMeasuredIndex];
+      var itemMetadata = itemMetadataMap[lastMeasuredIndex];
       // @ts-ignore
       offset = itemMetadata.offset + itemMetadata.size;
     }
-    for (let i = lastMeasuredIndex + 1; i <= index; i++) {
-      let size = itemSize(i);
+    for (var i = lastMeasuredIndex + 1; i <= index; i++) {
+      var size = itemSize(i);
       itemMetadataMap[i] = {
-        offset,
-        size
+        offset: offset,
+        size: size
       };
       offset += size;
     }
@@ -84,8 +83,8 @@ const getItemMetadata = (itemType, props, index, instanceProps) => {
   // @ts-ignore
   return itemMetadataMap[index];
 };
-const findNearestItem = (itemType, props, instanceProps, offset) => {
-  let itemMetadataMap, lastMeasuredIndex;
+var findNearestItem = function (itemType, props, instanceProps, offset) {
+  var itemMetadataMap, lastMeasuredIndex;
   if (itemType === 'column') {
     itemMetadataMap = instanceProps.columnMetadataMap;
     lastMeasuredIndex = instanceProps.lastMeasuredColumnIndex;
@@ -93,7 +92,7 @@ const findNearestItem = (itemType, props, instanceProps, offset) => {
     itemMetadataMap = instanceProps.rowMetadataMap;
     lastMeasuredIndex = instanceProps.lastMeasuredRowIndex;
   }
-  const lastMeasuredItemOffset = lastMeasuredIndex > 0 ?
+  var lastMeasuredItemOffset = lastMeasuredIndex > 0 ?
   // @ts-ignore
   itemMetadataMap[lastMeasuredIndex].offset : 0;
   if (lastMeasuredItemOffset >= offset) {
@@ -106,10 +105,10 @@ const findNearestItem = (itemType, props, instanceProps, offset) => {
     return findNearestItemExponentialSearch(itemType, props, instanceProps, Math.max(0, lastMeasuredIndex), offset);
   }
 };
-const findNearestItemBinarySearch = (itemType, props, instanceProps, high, low, offset) => {
+var findNearestItemBinarySearch = function (itemType, props, instanceProps, high, low, offset) {
   while (low <= high) {
-    const middle = low + Math.floor((high - low) / 2);
-    const currentOffset = getItemMetadata(itemType, props, middle, instanceProps).offset;
+    var middle = low + Math.floor((high - low) / 2);
+    var currentOffset = getItemMetadata(itemType, props, middle, instanceProps).offset;
     if (currentOffset === offset) {
       return middle;
     } else if (currentOffset < offset) {
@@ -124,24 +123,23 @@ const findNearestItemBinarySearch = (itemType, props, instanceProps, high, low,
     return 0;
   }
 };
-const findNearestItemExponentialSearch = (itemType, props, instanceProps, index, offset) => {
-  const itemCount = itemType === 'column' ? props.columnCount : props.rowCount;
-  let interval = 1;
+var findNearestItemExponentialSearch = function (itemType, props, instanceProps, index, offset) {
+  var itemCount = itemType === 'column' ? props.columnCount : props.rowCount;
+  var interval = 1;
   while (index < itemCount && getItemMetadata(itemType, props, index, instanceProps).offset < offset) {
     index += interval;
     interval *= 2;
   }
   return findNearestItemBinarySearch(itemType, props, instanceProps, Math.min(index, itemCount - 1), Math.floor(index / 2), offset);
 };
-const getOffsetForIndexAndAlignment = (itemType, props, index, align, scrollOffset, instanceProps, scrollbarSize) => {
-  const size = itemType === 'column' ? props.width : props.height;
-  const itemMetadata = getItemMetadata(itemType, props, index, instanceProps);
-
+var getOffsetForIndexAndAlignment = function (itemType, props, index, align, scrollOffset, instanceProps, scrollbarSize) {
+  var size = itemType === 'column' ? props.width : props.height;
+  var itemMetadata = getItemMetadata(itemType, props, index, instanceProps);
   // Get estimated total size after ItemMetadata is computed,
   // To ensure it reflects actual measurements instead of just estimates.
-  const estimatedTotalSize = itemType === 'column' ? getEstimatedTotalWidth(props, instanceProps) : getEstimatedTotalHeight(props, instanceProps);
-  const maxOffset = Math.max(0, Math.min(estimatedTotalSize - size, itemMetadata.offset));
-  const minOffset = Math.max(0, itemMetadata.offset - size + scrollbarSize + itemMetadata.size);
+  var estimatedTotalSize = itemType === 'column' ? getEstimatedTotalWidth(props, instanceProps) : getEstimatedTotalHeight(props, instanceProps);
+  var maxOffset = Math.max(0, Math.min(estimatedTotalSize - size, itemMetadata.offset));
+  var minOffset = Math.max(0, itemMetadata.offset - size + scrollbarSize + itemMetadata.size);
   if (align === 'smart') {
     if (scrollOffset >= minOffset - size && scrollOffset <= maxOffset + size) {
       align = 'auto';
@@ -171,18 +169,20 @@ const getOffsetForIndexAndAlignment = (itemType, props, index, align, scrollOffs
       }
   }
 };
-const VariableSizeGrid = (0, _Grid.default)({
-  getColumnOffset: (props, index, instanceProps) => getItemMetadata('column', props, index, instanceProps).offset,
-  getColumnStartIndexForOffset: (props, scrollLeft, instanceProps) => findNearestItem('column', props, instanceProps, scrollLeft),
-  getColumnStopIndexForStartIndex: (props, startIndex, scrollLeft, instanceProps) => {
-    const {
-      columnCount,
-      width
-    } = props;
-    const itemMetadata = getItemMetadata('column', props, startIndex, instanceProps);
-    const maxOffset = scrollLeft + width;
-    let offset = itemMetadata.offset + itemMetadata.size;
-    let stopIndex = startIndex;
+var VariableSizeGrid = (0, Grid_base_1.default)({
+  getColumnOffset: function (props, index, instanceProps) {
+    return getItemMetadata('column', props, index, instanceProps).offset;
+  },
+  getColumnStartIndexForOffset: function (props, scrollLeft, instanceProps) {
+    return findNearestItem('column', props, instanceProps, scrollLeft);
+  },
+  getColumnStopIndexForStartIndex: function (props, startIndex, scrollLeft, instanceProps) {
+    var columnCount = props.columnCount,
+      width = props.width;
+    var itemMetadata = getItemMetadata('column', props, startIndex, instanceProps);
+    var maxOffset = scrollLeft + width;
+    var offset = itemMetadata.offset + itemMetadata.size;
+    var stopIndex = startIndex;
     while (stopIndex < columnCount - 1 && offset < maxOffset) {
       stopIndex++;
       offset += getItemMetadata('column', props, stopIndex, instanceProps).size;
@@ -190,41 +190,52 @@ const VariableSizeGrid = (0, _Grid.default)({
     // @ts-ignore
     return stopIndex;
   },
-  getColumnWidth: (props, index, instanceProps) => {
+  getColumnWidth: function (
+  // @ts-ignore
+  props, index, instanceProps) {
     // @ts-ignore
     return instanceProps.columnMetadataMap[index].size;
   },
-  getEstimatedTotalHeight,
-  getEstimatedTotalWidth,
-  getOffsetForColumnAndAlignment: (props, index, align, scrollOffset, instanceProps, scrollbarSize) => getOffsetForIndexAndAlignment('column', props, index, align, scrollOffset, instanceProps, scrollbarSize),
-  getOffsetForRowAndAlignment: (props, index, align, scrollOffset, instanceProps, scrollbarSize) => getOffsetForIndexAndAlignment('row', props, index, align, scrollOffset, instanceProps, scrollbarSize),
-  getRowOffset: (props, index, instanceProps) => getItemMetadata('row', props, index, instanceProps).offset,
-  getRowHeight: (props, index, instanceProps) => {
+  getEstimatedTotalHeight: getEstimatedTotalHeight,
+  getEstimatedTotalWidth: getEstimatedTotalWidth,
+  getOffsetForColumnAndAlignment: function (props, index, align, scrollOffset, instanceProps, scrollbarSize) {
+    return getOffsetForIndexAndAlignment('column', props, index, align, scrollOffset, instanceProps, scrollbarSize);
+  },
+  getOffsetForRowAndAlignment: function (props, index, align, scrollOffset, instanceProps, scrollbarSize) {
+    return getOffsetForIndexAndAlignment('row', props, index, align, scrollOffset, instanceProps, scrollbarSize);
+  },
+  getRowOffset: function (
+  // @ts-ignore
+  props, index, instanceProps) {
+    return getItemMetadata('row', props, index, instanceProps).offset;
+  },
+  getRowHeight: function (
+  // @ts-ignore
+  props, index, instanceProps) {
     // @ts-ignore
     return instanceProps.rowMetadataMap[index].size;
   },
-  getRowStartIndexForOffset: (props, scrollTop, instanceProps) => findNearestItem('row', props, instanceProps, scrollTop),
-  getRowStopIndexForStartIndex: (props, startIndex, scrollTop, instanceProps) => {
-    const {
-      rowCount,
-      height
-    } = props;
-    const itemMetadata = getItemMetadata('row', props, startIndex, instanceProps);
-    const maxOffset = scrollTop + height;
-    let offset = itemMetadata.offset + itemMetadata.size;
-    let stopIndex = startIndex;
+  getRowStartIndexForOffset: function (props, scrollTop, instanceProps) {
+    return findNearestItem('row', props, instanceProps, scrollTop);
+  },
+  getRowStopIndexForStartIndex: function (props, startIndex, scrollTop, instanceProps) {
+    var rowCount = props.rowCount,
+      height = props.height;
+    var itemMetadata = getItemMetadata('row', props, startIndex, instanceProps);
+    var maxOffset = scrollTop + height;
+    var offset = itemMetadata.offset + itemMetadata.size;
+    var stopIndex = startIndex;
     while (stopIndex < rowCount - 1 && offset < maxOffset) {
       stopIndex++;
       offset += getItemMetadata('row', props, stopIndex, instanceProps).size;
     }
     return stopIndex;
   },
-  initInstanceProps(props, instance) {
-    const {
-      estimatedColumnWidth,
-      estimatedRowHeight
-    } = props;
-    const instanceProps = {
+  initInstanceProps: function (props, instance) {
+    var _a = props,
+      estimatedColumnWidth = _a.estimatedColumnWidth,
+      estimatedRowHeight = _a.estimatedRowHeight;
+    var instanceProps = {
       columnMetadataMap: {},
       estimatedColumnWidth: estimatedColumnWidth || DEFAULT_ESTIMATED_ITEM_SIZE,
       estimatedRowHeight: estimatedRowHeight || DEFAULT_ESTIMATED_ITEM_SIZE,
@@ -232,30 +243,35 @@ const VariableSizeGrid = (0, _Grid.default)({
       lastMeasuredRowIndex: -1,
       rowMetadataMap: {}
     };
-    instance.resetAfterColumnIndex = (columnIndex, shouldForceUpdate = true) => {
+    instance.resetAfterColumnIndex = function (columnIndex, shouldForceUpdate) {
+      if (shouldForceUpdate === void 0) {
+        shouldForceUpdate = true;
+      }
       instance.resetAfterIndices({
-        columnIndex,
-        shouldForceUpdate
+        columnIndex: columnIndex,
+        shouldForceUpdate: shouldForceUpdate
       });
     };
-    instance.resetAfterRowIndex = (rowIndex, shouldForceUpdate = true) => {
+    instance.resetAfterRowIndex = function (rowIndex, shouldForceUpdate) {
+      if (shouldForceUpdate === void 0) {
+        shouldForceUpdate = true;
+      }
       instance.resetAfterIndices({
-        rowIndex,
-        shouldForceUpdate
+        rowIndex: rowIndex,
+        shouldForceUpdate: shouldForceUpdate
       });
     };
-    instance.resetAfterIndices = ({
-      columnIndex,
-      rowIndex,
-      shouldForceUpdate = true
-    }) => {
+    instance.resetAfterIndices = function (_a) {
+      var columnIndex = _a.columnIndex,
+        rowIndex = _a.rowIndex,
+        _b = _a.shouldForceUpdate,
+        shouldForceUpdate = _b === void 0 ? true : _b;
       if (typeof columnIndex === 'number') {
         instanceProps.lastMeasuredColumnIndex = Math.min(instanceProps.lastMeasuredColumnIndex, columnIndex - 1);
       }
       if (typeof rowIndex === 'number') {
         instanceProps.lastMeasuredRowIndex = Math.min(instanceProps.lastMeasuredRowIndex, rowIndex - 1);
       }
-
       // We could potentially optimize further by only evicting styles after this index,
       // But since styles are only cached while scrolling is in progress-
       // It seems an unnecessary optimization.
@@ -268,29 +284,6 @@ const VariableSizeGrid = (0, _Grid.default)({
     return instanceProps;
   },
   shouldResetStyleCacheOnItemSizeChange: false,
-  validateProps: ({
-    columnWidth,
-    rowHeight
-  }) => {
-    if (process.env.NODE_ENV !== 'production') {
-      if (typeof columnWidth !== 'function') {
-        throw Error('An invalid "columnWidth" prop has been specified. ' + 'Value should be a function. ' + `"${columnWidth === null ? 'null' : typeof columnWidth}" was specified.`);
-      } else if (typeof rowHeight !== 'function') {
-        throw Error('An invalid "rowHeight" prop has been specified. ' + 'Value should be a function. ' + `"${rowHeight === null ? 'null' : typeof rowHeight}" was specified.`);
-      }
-    }
-  }
-});
-var _default = exports.default = VariableSizeGrid;
-//# sourceMappingURL=VariableSizeGrid.js.maple a user is scrolling.
-      instance._getItemStyleCache(-1);
-      if (shouldForceUpdate) {
-        instance.forceUpdate();
-      }
-    };
-    return instanceProps;
-  },
-  shouldResetStyleCacheOnItemSizeChange: false,
   validateProps: function (_a) {
     var columnWidth = _a.columnWidth,
       rowHeight = _a.rowHeight;
@@ -304,4 +297,3 @@ var _default = exports.default = VariableSizeGrid;
   }
 });
 exports.default = VariableSizeGrid;
-//# sourceMappingURL=VariableSizeGrid.js.map

package/commonjs/Grid/helper.js

@@ -55,4 +55,3 @@ function getRTLOffsetType(recalculate) {
   }
   return cachedRTLResult;
 }
-//# sourceMappingURL=helper.js.map

package/commonjs/Grid/timer.js

@@ -5,17 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.cancelTimeout = cancelTimeout;
 exports.requestTimeout = requestTimeout;
-var hasNativePerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';
-var now = hasNativePerformanceNow ? function () {
-  return performance.now();
-} : function () {
-  return Date.now();
-};
+const hasNativePerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';
+const now = hasNativePerformanceNow ? () => performance.now() : () => Date.now();
 function cancelTimeout(timeoutID) {
   cancelAnimationFrame(timeoutID.id);
 }
 function requestTimeout(callback, delay) {
-  var start = now();
+  const start = now();
   function tick() {
     if (now() - start >= delay) {
       callback.call(null);
@@ -23,9 +19,8 @@ function requestTimeout(callback, delay) {
       timeoutID.id = requestAnimationFrame(tick);
     }
   }
-  var timeoutID = {
+  const timeoutID = {
     id: requestAnimationFrame(tick)
   };
   return timeoutID;
 }
-//# sourceMappingURL=timer.js.map

package/commonjs/Header/Header.js

@@ -193,7 +193,7 @@ const HeaderComponent = ({
   }));
 };
 var _default = exports.default = (0, _themed.withTheme)(HeaderComponent);
-//# sourceMappingURL=Header.js.maponPress: handleLeftIconPress
+
     }, react_1.default.createElement(TapasIcon_1.default, {
       style: {
         marginRight: 10
@@ -247,4 +247,3 @@ var _default = exports.default = (0, _themed.withTheme)(HeaderComponent);
   }));
 };
 exports.default = (0, themed_1.withTheme)(HeaderComponent);
-//# sourceMappingURL=Header.js.map

package/commonjs/HelloWave/HelloWave.js

@@ -61,7 +61,7 @@ const styles = _reactNative.StyleSheet.create({
   }
 });
 var _default = exports.default = (0, _themed.withTheme)(HelloWave);
-//# sourceMappingURL=HelloWave.js.mapmated.loop(createAnimation(), {
+
       iterations: repeatCount
     });
     animation.start();
@@ -92,4 +92,3 @@ var styles = react_native_1.StyleSheet.create({
   }
 });
 exports.default = (0, themed_1.withTheme)(HelloWave);
-//# sourceMappingURL=HelloWave.js.map

package/commonjs/Hoverable/Hoverable.js

@@ -90,7 +90,7 @@ const Hoverable = ({
   }, renderChildren());
 };
 var _default = exports.default = Hoverable;
-//# sourceMappingURL=Hoverable.js.mapHoverableNative = loadNativeHoverable();
+
       if (HoverableNative) {
         return react_1.default.createElement(HoverableNative, {
           onHoverIn: handleHoverIn,
@@ -110,4 +110,3 @@ var _default = exports.default = Hoverable;
   }, renderChildren());
 };
 exports.default = Hoverable;
-//# sourceMappingURL=Hoverable.js.map

package/commonjs/IconText/IconText.js

@@ -133,4 +133,3 @@ var useStyles = (0, themed_1.makeStyles)(function (theme, props) {
   };
 });
 exports.default = (0, themed_1.withTheme)(IconText);
-//# sourceMappingURL=IconText.js.map

package/commonjs/Icons/.!11492!expoFontLoader.js

@@ -0,0 +1,205 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.expoFontLoader = void 0;
+exports.useExpoFontLoader = useExpoFontLoader;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Expo 字体加载器
+ * 专为 Expo React Native 应用设计
+ */
+class ExpoFontLoader {
+  fontsLoaded = false;
+  loading = false;
+  listeners = [];
+  constructor() {
+    this.init();
+  }
+  static getInstance() {
+    if (!ExpoFontLoader.instance) {
+      ExpoFontLoader.instance = new ExpoFontLoader();
+    }
+    return ExpoFontLoader.instance;
+  }
+
+  /**
+   * 初始化字体加载器
+   */
+  async init() {
+    if (_reactNative.Platform.OS === 'web') {
+      // Web 环境使用 CSS @font-face
+      this.loadWebFont();
+      return;
+    }
+
+    // React Native 环境使用 expo-font
+    try {
+      await this.loadNativeFont();
+    } catch (error) {
+      console.warn('字体加载失败，将使用备用图标:', error);
+    }
+  }
+
+  /**
+   * 在 React Native 环境中加载字体
+   */
+  async loadNativeFont() {
+    this.loading = true;
+    try {
+      // 注意：在组件库中，我们不直接加载字体
+      // 字体应该由使用组件库的应用来加载
+      // 这里只是检查字体是否已经可用
+      console.log('TapasIcon: 字体加载应由应用端处理，请确保在应用中加载 icomoon 字体');
+
+      // 假设字体已经由应用加载
+      this.fontsLoaded = true;
+      this.loading = false;
+      this.notifyListeners();
+    } catch (error) {
+      this.loading = false;
+      console.warn('TapasIcon: 字体检查失败，将使用备用图标:', error);
+      // 即使失败也标记为已加载，使用备用图标
+      this.fontsLoaded = true;
+      this.notifyListeners();
+    }
+  }
+
+  /**
+   * 在 Web 环境中加载字体
+   */
+  loadWebFont() {
+    if (_reactNative.Platform.OS !== 'web') return;
+
+    // 检查 Web 环境是否可用
+    if (typeof window === 'undefined' || typeof document === 'undefined') {
+      console.warn('Web环境不可用，跳过字体加载');
+      this.fontsLoaded = true;
+      this.notifyListeners();
+      return;
+    }
+    try {
+      // 检查字体是否已经加载
+      if (document.fonts && document.fonts.check('1em icomoon')) {
+        this.fontsLoaded = true;
+        this.notifyListeners();
+        return;
+      }
+
+      // 使用 CSS @font-face 加载字体
+      const style = document.createElement('style');
+      style.textContent = `
+        @font-face {
+          font-family: 'icomoon';
+          src: url('/assets/fonts/customfont.ttf') format('truetype');
+          font-weight: normal;
+          font-style: normal;
+          font-display: swap;
+        }
+      `;
+      document.head.appendChild(style);
+
+      // 监听字体加载完成
+      if (document.fonts && document.fonts.ready) {
+        document.fonts.ready.then(() => {
+          this.fontsLoaded = true;
+          this.notifyListeners();
+          console.log('字体加载成功 (Web)');
+        }).catch(error => {
+          console.warn('字体加载失败，将使用备用图标:', error);
+          this.fontsLoaded = true;
+          this.notifyListeners();
+        });
+      } else {
+        // 降级处理
+        setTimeout(() => {
+          this.fontsLoaded = true;
+          this.notifyListeners();
+        }, 1000);
+      }
+    } catch (error) {
+      console.warn('Web字体加载过程中出错，将使用备用图标:', error);
+      this.fontsLoaded = true;
+      this.notifyListeners();
+    }
+  }
+
+  /**
+   * 添加字体加载完成监听器
+   */
+  addListener(listener) {
+    this.listeners.push(listener);
+
+    // 如果字体已经加载，立即调用监听器
+    if (this.fontsLoaded) {
+      listener();
+    }
+
+    // 返回取消监听的函数
+    return () => {
+      const index = this.listeners.indexOf(listener);
+      if (index > -1) {
+        this.listeners.splice(index, 1);
+      }
+    };
+  }
+
+  /**
+   * 通知所有监听器
+   */
+  notifyListeners() {
+    this.listeners.forEach(listener => {
+      try {
+        listener();
+      } catch (error) {
+        console.warn('字体加载监听器执行失败:', error);
+      }
+    });
+  }
+
+  /**
+   * 检查字体是否已加载
+   */
+  isFontLoaded() {
+    return this.fontsLoaded;
+  }
+
+  /**
+   * 检查是否正在加载
+   */
+  isLoading() {
+    return this.loading;
+  }
+
+  /**
+   * 重新加载字体
+   */
+  async reload() {
+    this.fontsLoaded = false;
+    this.loading = false;
+    await this.init();
+  }
+}
+const expoFontLoader = exports.expoFontLoader = ExpoFontLoader.getInstance();
+
+/**
+ * Expo 字体加载 Hook
+ */
+function useExpoFontLoader() {
+  const [fontsLoaded, setFontsLoaded] = _react.default.useState(expoFontLoader.isFontLoaded());
+  const [loading, setLoading] = _react.default.useState(expoFontLoader.isLoading());
+  _react.default.useEffect(() => {
+    const unsubscribe = expoFontLoader.addListener(() => {
+      setFontsLoaded(true);
+      setLoading(false);
+    });
+    return unsubscribe;
+  }, []);
+  return {
+    fontsLoaded,
+    loading
+  };
+}