@beppla/tapas-ui 1.0.70 → 1.0.72

package/commonjs/Icons/TapasIcon.js

@@ -1,93 +1,32 @@
 "use strict";
 
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function () {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-var __importStar = void 0 && (void 0).__importStar || function () {
-  var ownKeys = function (o) {
-    ownKeys = Object.getOwnPropertyNames || function (o) {
-      var ar = [];
-      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-      return ar;
-    };
-    return ownKeys(o);
-  };
-  return function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-    __setModuleDefault(result, mod);
-    return result;
-  };
-}();
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var themed_1 = require("@rneui/themed");
-// 导入图标映射
-var real_icon_mapping_json_1 = __importDefault(require("./real-icon-mapping.json"));
-var useStyles = (0, themed_1.makeStyles)(function () {
-  return {
-    icon: {
-      fontFamily: 'icomoon',
-      textAlign: 'center',
-      includeFontPadding: false,
-      textAlignVertical: 'center'
-    },
-    disabled: {
-      opacity: 0.5
-    }
-  };
-});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _themed = require("@rneui/themed");
+var _realIconMapping = _interopRequireDefault(require("./real-icon-mapping.json"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // 导入图标映射
+const useStyles = (0, _themed.makeStyles)(() => ({
+  icon: {
+    fontFamily: 'icomoon',
+    textAlign: 'center',
+    includeFontPadding: false,
+    textAlignVertical: 'center'
+  },
+  disabled: {
+    opacity: 0.5
+  }
+}));
+
 /**
  * TapasIcon - 优雅的图标组件
- *
+ * 
  * 特性：
  * 1. 自动字体加载检测
  * 2. 优雅的降级处理
@@ -95,23 +34,24 @@ var useStyles = (0, themed_1.makeStyles)(function () {
  * 4. 跨平台兼容
  * 5. 主题集成
  */
-var TapasIcon = function (_a) {
-  var name = _a.name,
-    _b = _a.size,
-    size = _b === void 0 ? 24 : _b,
-    color = _a.color,
-    _c = _a.disabled,
-    disabled = _c === void 0 ? false : _c,
-    style = _a.style,
-    onPress = _a.onPress,
-    props = __rest(_a, ["name", "size", "color", "disabled", "style", "onPress"]);
-  var styles = useStyles(props);
+const TapasIcon = ({
+  name,
+  size = 24,
+  color,
+  disabled = false,
+  style,
+  onPress,
+  ...props
+}) => {
+  const styles = useStyles(props);
+
   // 获取图标信息
-  var iconInfo = (0, react_1.useMemo)(function () {
-    return real_icon_mapping_json_1.default[name];
+  const iconInfo = (0, _react.useMemo)(() => {
+    return _realIconMapping.default[name];
   }, [name]);
+
   // 获取图标字符
-  var iconChar = (0, react_1.useMemo)(function () {
+  const iconChar = (0, _react.useMemo)(() => {
     if (iconInfo) {
       // 如果有图标信息，使用Unicode字符
       if (iconInfo.unicode) {
@@ -125,15 +65,18 @@ var TapasIcon = function (_a) {
     // 如果图标映射中没有找到或没有有效数据，使用备用图标
     return getFallbackIcon(name);
   }, [iconInfo, name]);
+
   // 获取图标颜色
-  var iconColor = (0, react_1.useMemo)(function () {
+  const iconColor = (0, _react.useMemo)(() => {
     if (disabled) return '#999';
     if (color) return color;
     return '#000';
   }, [color, disabled]);
+
   // 字体检测逻辑已简化，直接假设字体可用
   // 这样可以避免复杂的检测逻辑导致的显示问题
-  return react_1.default.createElement(react_native_1.Text, __assign({
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Text, _extends({
     style: [styles.icon, {
       fontSize: size,
       color: iconColor
@@ -141,6 +84,63 @@ var TapasIcon = function (_a) {
     onPress: onPress
   }, props), iconChar);
 };
+
+/**
+ * 获取备用图标
+ * 当字体加载失败或图标不存在时使用
+ */
+function getFallbackIcon(name) {
+  // 首先尝试从映射中获取
+  const iconInfo = _realIconMapping.default[name];
+  if (iconInfo && iconInfo.char) {
+    return iconInfo.char;
+  }
+
+  // 备用图标映射
+  const fallbackMap = {
+    // 导航类
+    'back': '←',
+    'home': '🏠',
+    'search': '🔍',
+    'settings': '⚙️',
+    // 食物类
+    'seafood': '🐟',
+    'ingredients': '🥬',
+    'victuals': '🍖',
+    'toast': '🍞',
+    'milk': '🥛',
+    'pie': '🥧',
+    // 功能类
+    'add': '➕',
+    'edit': '✏️',
+    'delete': '🗑️',
+    'close': '✕',
+    'check': '✓',
+    // 状态类
+    'loading': '⏳',
+    'error': '❌',
+    'warning': '⚠️',
+    'info': 'ℹ️',
+    // 业务类
+    'store': '🏪',
+    'warehouse': '🏭',
+    'shipping': '📦',
+    'order': '📋',
+    'user': '👤',
+    // 默认
+    'default': '❓'
+  };
+  const iconName = name;
+  const fallbackIcon = fallbackMap[iconName];
+  return fallbackIcon ?? fallbackMap['default'];
+}
+var _default = exports.default = (0, _themed.withTheme)(TapasIcon);
+      fontSize: size,
+      color: iconColor
+    }, disabled && styles.disabled, style],
+    onPress: onPress
+  }, props), iconChar);
+};
 /**
  * 获取备用图标
  * 当字体加载失败或图标不存在时使用
@@ -190,4 +190,3 @@ function getFallbackIcon(name) {
   return fallbackIcon !== null && fallbackIcon !== void 0 ? fallbackIcon : fallbackMap['default'];
 }
 exports.default = (0, themed_1.withTheme)(TapasIcon);
-//# sourceMappingURL=TapasIcon.js.map

package/commonjs/Icons/TapasIconExpo.js

@@ -1,111 +1,50 @@
 "use strict";
 
-var __assign = void 0 && (void 0).__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-    desc = {
-      enumerable: true,
-      get: function () {
-        return m[k];
-      }
-    };
-  }
-  Object.defineProperty(o, k2, desc);
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-var __importStar = void 0 && (void 0).__importStar || function () {
-  var ownKeys = function (o) {
-    ownKeys = Object.getOwnPropertyNames || function (o) {
-      var ar = [];
-      for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-      return ar;
-    };
-    return ownKeys(o);
-  };
-  return function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-    __setModuleDefault(result, mod);
-    return result;
-  };
-}();
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var themed_1 = require("@rneui/themed");
-var real_icon_mapping_json_1 = __importDefault(require("./real-icon-mapping.json"));
-var useStyles = (0, themed_1.makeStyles)(function () {
-  return {
-    icon: {
-      fontFamily: 'icomoon',
-      textAlign: 'center',
-      includeFontPadding: false,
-      textAlignVertical: 'center'
-    },
-    disabled: {
-      opacity: 0.5
-    },
-    loading: {
-      opacity: 0.3
-    }
-  };
-});
-var TapasIconExpo = function (_a) {
-  var name = _a.name,
-    _b = _a.size,
-    size = _b === void 0 ? 24 : _b,
-    color = _a.color,
-    _c = _a.disabled,
-    disabled = _c === void 0 ? false : _c,
-    style = _a.style,
-    onPress = _a.onPress,
-    _d = _a.showLoading,
-    showLoading = _d === void 0 ? true : _d,
-    props = __rest(_a, ["name", "size", "color", "disabled", "style", "onPress", "showLoading"]);
-  var styles = useStyles(props);
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _themed = require("@rneui/themed");
+var _realIconMapping = _interopRequireDefault(require("./real-icon-mapping.json"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const useStyles = (0, _themed.makeStyles)(() => ({
+  icon: {
+    fontFamily: 'icomoon',
+    textAlign: 'center',
+    includeFontPadding: false,
+    textAlignVertical: 'center'
+  },
+  disabled: {
+    opacity: 0.5
+  },
+  loading: {
+    opacity: 0.3
+  }
+}));
+const TapasIconExpo = ({
+  name,
+  size = 24,
+  color,
+  disabled = false,
+  style,
+  onPress,
+  showLoading = true,
+  ...props
+}) => {
+  const styles = useStyles(props);
+
   // 在 Expo 应用中，字体通常已经预加载
   // 这里假设字体已经可用，实际使用时需要配合 expo-font 使用
-  var iconInfo = (0, react_1.useMemo)(function () {
-    return real_icon_mapping_json_1.default[name];
+
+  const iconInfo = (0, _react.useMemo)(() => {
+    return _realIconMapping.default[name];
   }, [name]);
-  var iconChar = (0, react_1.useMemo)(function () {
+  const iconChar = (0, _react.useMemo)(() => {
     if (iconInfo) {
       if (iconInfo.unicode) {
         return String.fromCodePoint(iconInfo.unicode);
@@ -116,7 +55,60 @@ var TapasIconExpo = function (_a) {
     }
     return getFallbackIcon(name);
   }, [iconInfo, name]);
-  var iconColor = (0, react_1.useMemo)(function () {
+  const iconColor = (0, _react.useMemo)(() => {
+    if (disabled) return '#999';
+    if (color) return color;
+    return '#000';
+  }, [color, disabled]);
+
+  // 在组件库环境中，直接渲染图标
+  // 在 Expo 应用中，需要配合 expo-font 使用
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Text, _extends({
+    style: [styles.icon, {
+      fontSize: size,
+      color: iconColor
+    }, disabled && styles.disabled, style],
+    onPress: onPress
+  }, props), iconChar);
+};
+function getFallbackIcon(name) {
+  const iconInfo = _realIconMapping.default[name];
+  if (iconInfo && iconInfo.char) {
+    return iconInfo.char;
+  }
+  const fallbackMap = {
+    'back': '←',
+    'home': '🏠',
+    'search': '🔍',
+    'settings': '⚙️',
+    'seafood': '🐟',
+    'ingredients': '🥬',
+    'victuals': '🍖',
+    'toast': '🍞',
+    'milk': '🥛',
+    'pie': '🥧',
+    'add': '➕',
+    'edit': '✏️',
+    'delete': '🗑️',
+    'close': '✕',
+    'check': '✓',
+    'loading': '⏳',
+    'error': '❌',
+    'warning': '⚠️',
+    'info': 'ℹ️',
+    'store': '🏪',
+    'warehouse': '🏭',
+    'shipping': '📦',
+    'order': '📋',
+    'user': '👤',
+    'default': '❓'
+  };
+  const iconName = name;
+  const fallbackIcon = fallbackMap[iconName];
+  return fallbackIcon ?? fallbackMap['default'];
+}
+var _default = exports.default = (0, _themed.withTheme)(TapasIconExpo);
     if (disabled) return '#999';
     if (color) return color;
     return '#000';
@@ -168,4 +160,3 @@ function getFallbackIcon(name) {
   return fallbackIcon !== null && fallbackIcon !== void 0 ? fallbackIcon : fallbackMap['default'];
 }
 exports.default = (0, themed_1.withTheme)(TapasIconExpo);
-//# sourceMappingURL=TapasIconExpo.js.map

package/commonjs/Icons/expoFontLoader.js

@@ -203,7 +203,6 @@ function useExpoFontLoader() {
     loading
   };
 }
-//# sourceMappingURL=expoFontLoader.js.map�请确保在应用中加载 icomoon 字体');
           // 假设字体已经由应用加载
           this.fontsLoaded = true;
           this.loading = false;
@@ -352,4 +351,3 @@ function useExpoFontLoader() {
     loading: loading
   };
 }
-//# sourceMappingURL=expoFontLoader.js.map

package/commonjs/Icons/fontLoader.js

@@ -407,4 +407,3 @@ function useFontLoader() {
     loading: loading
   };
 }
-//# sourceMappingURL=fontLoader.js.map

package/commonjs/Icons/index.js

@@ -57,7 +57,6 @@ var _fontLoader = require("./fontLoader");
 var _expoFontLoader = require("./expoFontLoader");
 var _smartFontLoader = require("./smartFontLoader");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-//# sourceMappingURL=index.js.mapxports, "smartFontLoader", {
   enumerable: true,
   get: function () {
     return smartFontLoader_1.smartFontLoader;
@@ -69,4 +68,3 @@ Object.defineProperty(exports, "useSmartFontLoader", {
     return smartFontLoader_1.useSmartFontLoader;
   }
 });
-//# sourceMappingURL=index.js.map