@beppla/tapas-ui 1.4.35 → 1.5.2

package/module/Icons/fontLoader.js

@@ -0,0 +1,14 @@
+"use strict";
+
+import { smartFontLoader, useSmartFontLoader } from './smartFontLoader';
+/**
+ * @deprecated Use smartFontLoader instead
+ * This module now delegates to smartFontLoader for unified font loading.
+ */
+export const fontLoader = smartFontLoader;
+
+/**
+ * @deprecated Use useSmartFontLoader instead
+ */
+export const useFontLoader = useSmartFontLoader;
+//# sourceMappingURL=fontLoader.js.map

package/module/Icons/fontLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["smartFontLoader","useSmartFontLoader","fontLoader","useFontLoader"],"sourceRoot":"../../../components","sources":["Icons/fontLoader.ts"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,kBAAkB,QAAQ,mBAAmB;AAGvE;AACA;AACA;AACA;AACA,OAAO,MAAMC,UAA8B,GAAGF,eAAe;;AAE7D;AACA;AACA;AACA,OAAO,MAAMG,aAAa,GAAGF,kBAAkB","ignoreList":[]}

package/module/Icons/smartFontLoader.js

@@ -0,0 +1,311 @@
+"use strict";
+
+import React from 'react';
+import { Platform } from 'react-native';
+
+/**
+ * 智能字体加载器
+ * 自动检测环境并选择合适的字体加载策略
+ */
+class SmartFontLoader {
+  fontsLoaded = false;
+  loading = false;
+  listeners = [];
+  fontPaths = [];
+  constructor() {
+    this.initFontPaths();
+    this.init();
+  }
+  static getInstance() {
+    if (!SmartFontLoader.instance) {
+      SmartFontLoader.instance = new SmartFontLoader();
+    }
+    return SmartFontLoader.instance;
+  }
+
+  /**
+   * 初始化字体路径列表
+   * 根据不同的构建环境提供多个可能的路径
+   */
+  initFontPaths() {
+    if (Platform.OS === 'web') {
+      // Web 环境的可能路径
+      this.fontPaths = [
+      // Storybook 环境
+      '/assets/fonts/customfont.ttf',
+      // 开发环境
+      './assets/fonts/customfont.ttf', '../assets/fonts/customfont.ttf',
+      // 生产环境
+      '/static/media/customfont.ttf', '/static/media/customfont.[hash].ttf',
+      // 相对路径
+      'assets/fonts/customfont.ttf',
+      // 绝对路径
+      '/customfont.ttf'];
+    } else {
+      // React Native 环境 - 组件库不直接加载字体
+      // 字体应该由使用组件库的应用来加载
+      this.fontPaths = [];
+    }
+  }
+
+  /**
+   * 初始化字体加载器
+   */
+  async init() {
+    if (Platform.OS !== 'web') {
+      // React Native 环境，组件库不直接加载字体
+      // 字体应该由使用组件库的应用来加载
+      console.log('TapasIcon: 字体加载应由应用端处理，请确保在应用中加载 customfont 字体');
+      this.fontsLoaded = true;
+      this.notifyListeners();
+      return;
+    }
+    try {
+      await this.loadWebFont();
+    } catch (error) {
+      console.warn('字体加载失败，将使用备用图标:', error);
+      // 即使失败也标记为已加载，使用备用图标
+      this.fontsLoaded = true;
+      this.notifyListeners();
+    }
+  }
+
+  /**
+   * 在 Web 环境中加载字体
+   */
+  async loadWebFont() {
+    // 检查 Web 环境是否可用
+    if (typeof window === 'undefined' || typeof document === 'undefined') {
+      console.warn('Web环境不可用，跳过字体加载');
+      this.fontsLoaded = true;
+      this.notifyListeners();
+      return;
+    }
+    const doc = document;
+
+    // 检查字体是否已经加载
+    if (doc.fonts && doc.fonts.check('1em customfont')) {
+      this.fontsLoaded = true;
+      this.notifyListeners();
+      return;
+    }
+    this.loading = true;
+    try {
+      let fontLoaded = false;
+
+      // 检查FontFace API是否可用
+      if (typeof FontFace !== 'undefined') {
+        // 尝试所有可能的字体路径
+        for (const path of this.fontPaths) {
+          try {
+            const font = new FontFace('customfont', `url(${path})`);
+            await font.load();
+            doc.fonts.add(font);
+            fontLoaded = true;
+            console.log(`字体加载成功: ${path}`);
+            break;
+          } catch (error) {
+            console.warn(`字体路径加载失败: ${path}`, error);
+            continue;
+          }
+        }
+      } else {
+        console.warn('FontFace API不可用，使用CSS方式加载字体');
+        this.loadFontWithCSS(doc);
+        return;
+      }
+      if (!fontLoaded) {
+        // 如果所有路径都失败，尝试动态检测
+        await this.detectAndLoadFont(doc);
+      }
+
+      // 等待字体完全加载
+      await this.waitForFontLoad(doc);
+      this.fontsLoaded = true;
+      this.loading = false;
+      this.notifyListeners();
+    } catch (error) {
+      this.loading = false;
+      throw error;
+    }
+  }
+
+  /**
+   * 动态检测并加载字体
+   */
+  async detectAndLoadFont(doc) {
+    // 尝试从已加载的样式中检测字体路径
+    const stylesheets = doc.styleSheets;
+    for (let i = 0; i < stylesheets.length; i++) {
+      try {
+        const rules = stylesheets[i].cssRules || stylesheets[i].rules;
+        for (let j = 0; j < rules.length; j++) {
+          const rule = rules[j];
+          if (rule.type === CSSRule.FONT_FACE_RULE) {
+            const src = rule.style.getPropertyValue('src');
+            if (src && src.includes('customfont')) {
+              // 提取字体URL
+              const urlMatch = src.match(/url\(['"]?([^'"]+)['"]?\)/);
+              if (urlMatch) {
+                const fontUrl = urlMatch[1];
+                const FontFace = globalThis.FontFace;
+                const font = new FontFace('customfont', `url(${fontUrl})`);
+                await font.load();
+                doc.fonts.add(font);
+                console.log(`动态检测字体加载成功: ${fontUrl}`);
+                return;
+              }
+            }
+          }
+        }
+      } catch (error) {
+        // 跨域或其他错误，继续尝试下一个
+        continue;
+      }
+    }
+    throw new Error('无法找到可用的字体文件');
+  }
+
+  /**
+   * 等待字体完全加载
+   */
+  async waitForFontLoad(doc) {
+    if (doc.fonts && doc.fonts.ready) {
+      await doc.fonts.ready;
+    } else {
+      // 降级处理，等待一段时间
+      await new Promise(resolve => setTimeout(resolve, 1000));
+    }
+  }
+
+  /**
+   * 添加字体加载完成监听器
+   */
+  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);
+      }
+    };
+  }
+
+  /**
+   * 使用 CSS @font-face 加载字体
+   */
+  loadFontWithCSS(doc) {
+    try {
+      const style = doc.createElement('style');
+      style.textContent = `
+        @font-face {
+          font-family: 'customfont';
+          src: url('/assets/fonts/customfont.ttf') format('truetype');
+          font-weight: normal;
+          font-style: normal;
+          font-display: swap;
+        }
+      `;
+      doc.head.appendChild(style);
+
+      // 监听字体加载完成
+      if (doc.fonts && doc.fonts.ready) {
+        doc.fonts.ready.then(() => {
+          this.fontsLoaded = true;
+          this.notifyListeners();
+          console.log('字体加载成功 (CSS方式)');
+        }).catch(error => {
+          console.warn('CSS字体加载失败，将使用备用图标:', error);
+          this.fontsLoaded = true;
+          this.notifyListeners();
+        });
+      } else {
+        // 降级处理
+        setTimeout(() => {
+          this.fontsLoaded = true;
+          this.notifyListeners();
+        }, 1000);
+      }
+    } catch (error) {
+      console.warn('CSS字体加载过程中出错，将使用备用图标:', error);
+      this.fontsLoaded = true;
+      this.notifyListeners();
+    }
+  }
+
+  /**
+   * 通知所有监听器
+   */
+  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();
+  }
+
+  /**
+   * 添加自定义字体路径
+   */
+  addFontPath(path) {
+    if (!this.fontPaths.includes(path)) {
+      this.fontPaths.unshift(path); // 添加到最前面，优先尝试
+    }
+  }
+}
+
+/** Public API surface for SmartFontLoader */
+
+export const smartFontLoader = SmartFontLoader.getInstance();
+
+/**
+ * 智能字体加载 Hook
+ */
+export function useSmartFontLoader() {
+  const [fontsLoaded, setFontsLoaded] = React.useState(smartFontLoader.isFontLoaded());
+  const [loading, setLoading] = React.useState(smartFontLoader.isLoading());
+  React.useEffect(() => {
+    const unsubscribe = smartFontLoader.addListener(() => {
+      setFontsLoaded(true);
+      setLoading(false);
+    });
+    return unsubscribe;
+  }, []);
+  return {
+    fontsLoaded,
+    loading
+  };
+}
+//# sourceMappingURL=smartFontLoader.js.map

package/module/Icons/smartFontLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","SmartFontLoader","fontsLoaded","loading","listeners","fontPaths","constructor","initFontPaths","init","getInstance","instance","OS","console","log","notifyListeners","loadWebFont","error","warn","window","document","doc","fonts","check","fontLoaded","FontFace","path","font","load","add","loadFontWithCSS","detectAndLoadFont","waitForFontLoad","stylesheets","styleSheets","i","length","rules","cssRules","j","rule","type","CSSRule","FONT_FACE_RULE","src","style","getPropertyValue","includes","urlMatch","match","fontUrl","globalThis","Error","ready","Promise","resolve","setTimeout","addListener","listener","push","index","indexOf","splice","createElement","textContent","head","appendChild","then","catch","forEach","isFontLoaded","isLoading","reload","addFontPath","unshift","smartFontLoader","useSmartFontLoader","setFontsLoaded","useState","setLoading","useEffect","unsubscribe"],"sourceRoot":"../../../components","sources":["Icons/smartFontLoader.ts"],"mappings":"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","ignoreList":[]}

package/module/Image/PreviewImg.js

@@ -0,0 +1,120 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { View, TouchableOpacity } from 'react-native';
+import { Overlay, makeStyles, withTheme } from '@rneui/themed';
+import Icon from '../Icons/TapasIcon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const useStyles = makeStyles(() => {
+  return {
+    flx: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    flxStart: {
+      alignItems: 'flex-start',
+      width: '100%'
+    },
+    container: {
+      backgroundColor: 'transparent',
+      padding: 0,
+      border: 0
+    },
+    bg: {
+      backgroundColor: 'rgba(0, 0, 0, 0.6)'
+    },
+    thumbnailWrapper: {
+      flexDirection: 'row',
+      marginTop: 16,
+      gap: 8
+    },
+    imgWrapper: {
+      width: 84,
+      height: 84,
+      borderWidth: 2,
+      borderRadius: 4
+    }
+  };
+});
+const PreviewImg = ({
+  isVisible = false,
+  data,
+  defaultIndex = 0,
+  ...props
+}) => {
+  const styles = useStyles(props);
+  const [visible, setVisible] = useState(isVisible);
+  const [currentIndex, setCurrentIndex] = React.useState(defaultIndex);
+  const getIcon = (iconName, disabled) => {
+    return disabled ? /*#__PURE__*/_jsx(Icon, {
+      size: 24,
+      color: props.theme?.colors?.colorInvertDisabledIcon,
+      name: iconName
+    }) : /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: () => {
+        if (iconName === 'chevron_left') {
+          setCurrentIndex(currentIndex - 1);
+        } else {
+          setCurrentIndex(currentIndex + 1);
+        }
+      },
+      accessibilityRole: "button",
+      accessibilityLabel: iconName === 'chevron_left' ? 'Previous image' : 'Next image',
+      children: /*#__PURE__*/_jsx(Icon, {
+        size: 24,
+        color: props.theme?.colors?.colorInvertNormalIcon,
+        name: iconName
+      })
+    });
+  };
+  return /*#__PURE__*/_jsxs(Overlay, {
+    isVisible: visible,
+    overlayStyle: [styles.flx, styles.container],
+    backdropStyle: styles.bg,
+    onBackdropPress: () => {
+      setVisible(!visible);
+      props?.onClose && props.onClose();
+    },
+    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [styles.flx, styles.flxStart],
+      onPress: () => {
+        props?.onClose && props.onClose();
+      },
+      accessibilityRole: "button",
+      accessibilityLabel: "Close preview",
+      children: /*#__PURE__*/_jsx(Icon, {
+        size: 40,
+        color: props.theme?.colors?.colorInvertNormalIcon,
+        name: "close"
+      })
+    }), /*#__PURE__*/_jsx("img", {
+      style: {
+        height: window.innerHeight - 200
+      },
+      src: data[currentIndex]?.fileUrl,
+      alt: "Preview image"
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [styles.flx, styles.thumbnailWrapper],
+      children: [data.length > 1 ? getIcon('chevron_left', currentIndex === 0) : null, data?.map((item, index) => {
+        return /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: () => {
+            setCurrentIndex(index);
+          },
+          style: [styles.imgWrapper, {
+            borderColor: index === currentIndex ? '#F55523' : 'transparent'
+          }],
+          accessibilityRole: "button",
+          accessibilityLabel: `Image ${index + 1}`,
+          children: /*#__PURE__*/_jsx("img", {
+            src: item?.fileUrl,
+            alt: `Thumbnail image ${index + 1}`
+          }, index)
+        });
+      }), data.length > 1 ? getIcon('chevron_right', currentIndex === data.length - 1) : null]
+    })]
+  });
+};
+export default withTheme(PreviewImg);
+//# sourceMappingURL=PreviewImg.js.map

package/module/Image/PreviewImg.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","View","TouchableOpacity","Overlay","makeStyles","withTheme","Icon","jsx","_jsx","jsxs","_jsxs","useStyles","flx","display","flexDirection","alignItems","justifyContent","flxStart","width","container","backgroundColor","padding","border","bg","thumbnailWrapper","marginTop","gap","imgWrapper","height","borderWidth","borderRadius","PreviewImg","isVisible","data","defaultIndex","props","styles","visible","setVisible","currentIndex","setCurrentIndex","getIcon","iconName","disabled","size","color","theme","colors","colorInvertDisabledIcon","name","onPress","accessibilityRole","accessibilityLabel","children","colorInvertNormalIcon","overlayStyle","backdropStyle","onBackdropPress","onClose","style","window","innerHeight","src","fileUrl","alt","length","map","item","index","borderColor"],"sourceRoot":"../../../components","sources":["Image/PreviewImg.tsx"],"mappings":"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","ignoreList":[]}